@charset 'UTF-8';

#oc-wrapper #Contents.solution-municipality .mod-section__contact {
	margin-bottom: 80px;
}

#oc-wrapper #Contents.solution-municipality .mod-section__contact .lead {
	text-align: center; 
}

#Contents.solution-municipality #case-population .icon-area i img {
	width: 50% !important;
	margin: -10px auto !important; 
}

p {
text-align : initial;
text-justify : initial;
}

.h2_lead
{
    color: #777 !important;
}

#oc-footerNav_2018
{
    max-width: 100% !important;
}
#oc-footerNav_2018 .oc-belt__body_2018
{
    max-width: 1280px !important;  margin: 0 auto !important;
}

#oc-siteFooter_2018
{
    max-width: 100% !important;
}
#oc-siteFooter_2018 .oc-belt__body_2018
{
    max-width: 1280px !important;  margin: 0 auto !important;
}

#oc-wrapper
{
    max-width: 100% !important;
}
#oc-wrapper #Contents.common-contents section.mod-section,
#oc-wrapper #Contents.solution-municipality section.mod-section
{
    width: 94%;  max-width: 1120px;  margin: 0 auto;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.common-contents section.mod-section,
    #oc-wrapper #Contents.solution-municipality section.mod-section
    {
        width: 100%;  padding: 0 20px;
    }
}
#oc-wrapper #Contents.common-contents section.mod-section__large,
#oc-wrapper #Contents.solution-municipality section.mod-section__large
{
    width: 94%;  max-width: 1280px;  margin: 0 auto;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.common-contents section.mod-section__large,
    #oc-wrapper #Contents.solution-municipality section.mod-section__large
    {
        width: 100%;  padding: 0 20px;
    }
}
#oc-wrapper #Contents.common-contents section.mod-section__ultra,
#oc-wrapper #Contents.solution-municipality section.mod-section__ultra
{
    width: 94%;    width: 100%;  max-width: 1580px;  margin: 0 auto;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.common-contents section.mod-section__ultra,
    #oc-wrapper #Contents.solution-municipality section.mod-section__ultra
    {
        width: 100%;  padding: 0 20px;
    }
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.common-contents section.mod-section__ultra,
    #oc-wrapper #Contents.solution-municipality section.mod-section__ultra
    {
        padding: 0;
    }
}
#oc-wrapper #Contents.common-contents .mod-title__h1 h1,
#oc-wrapper #Contents.solution-municipality .mod-title__h1 h1
{
    font-size: 22px;  font-weight: bold;  line-height: 2;  position: relative;  text-align: left;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-title__h1 h1,
    #oc-wrapper #Contents.solution-municipality .mod-title__h1 h1
    {
        font-size: 28px;
    }
}
#oc-wrapper #Contents.common-contents .mod-title__h1 h1:after,
#oc-wrapper #Contents.solution-municipality .mod-title__h1 h1:after
{
    position: absolute;  bottom: -17px;  left: 0;  width: 20px;  height: 1px;  content: '';  background: #e60039;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-title__h1 h1:after,
    #oc-wrapper #Contents.solution-municipality .mod-title__h1 h1:after
    {
        bottom: -30px;
    }
}
#oc-wrapper #Contents.common-contents .mod-title__h1 h1 span,
#oc-wrapper #Contents.solution-municipality .mod-title__h1 h1 span
{
    font-size: 12px;  display: block;  color: #e60039;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-title__h1 h1 span,
    #oc-wrapper #Contents.solution-municipality .mod-title__h1 h1 span
    {
        font-size: 16px;  line-height: 2.125;  display: inline-block;
    }
}
#oc-wrapper #Contents.common-contents .mod-title__h1 .mod-text__small,
#oc-wrapper #Contents.solution-municipality .mod-title__h1 .mod-text__small
{
    margin-top: 30px;  text-align: center;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-title__h1 .mod-text__small,
    #oc-wrapper #Contents.solution-municipality .mod-title__h1 .mod-text__small
    {
        margin-top: 55px;
    }
}
#oc-wrapper #Contents.common-contents h2.mod-heading,
#oc-wrapper #Contents.solution-municipality h2.mod-heading
{
    font-size: 18px;  font-weight: bold;  line-height: 1.6;  text-align: left;  color: #2f3138;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents h2.mod-heading,
    #oc-wrapper #Contents.solution-municipality h2.mod-heading
    {
        font-size: 22px;
    }
}
#oc-wrapper #Contents.common-contents h2.mod-heading.t_1,
#oc-wrapper #Contents.solution-municipality h2.mod-heading.t_1
{
    position: relative;  display: inline-block;  text-align: center;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents h2.mod-heading.t_1,
    #oc-wrapper #Contents.solution-municipality h2.mod-heading.t_1
    {
        display: block;  padding-left: 24px;  text-align: left;
    }
}
#oc-wrapper #Contents.common-contents h2.mod-heading.t_1 i,
#oc-wrapper #Contents.solution-municipality h2.mod-heading.t_1 i
{
    display: none;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents h2.mod-heading.t_1 i,
    #oc-wrapper #Contents.solution-municipality h2.mod-heading.t_1 i
    {
        font-size: 0;  line-height: 1;  position: absolute;  top: 13px;  left: 0;  display: inline-block;  width: 15px;  height: 15px;  vertical-align: middle;
    }
}
#oc-wrapper #Contents.common-contents h3.mod-heading,
#oc-wrapper #Contents.solution-municipality h3.mod-heading
{
    font-size: 16px;  font-weight: bold;  line-height: 1.6;  text-align: left;  color: #2f3138;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents h3.mod-heading,
    #oc-wrapper #Contents.solution-municipality h3.mod-heading
    {
        font-size: 18px;
    }
}
#oc-wrapper #Contents.common-contents h4.mod-heading,
#oc-wrapper #Contents.solution-municipality h4.mod-heading
{
    font-size: 14px;  font-weight: bold;  line-height: 1.6;  text-align: left;  color: #2f3138;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents h4.mod-heading,
    #oc-wrapper #Contents.solution-municipality h4.mod-heading
    {
        font-size: 16px;
    }
}
#oc-wrapper #Contents.common-contents h5.mod-heading,
#oc-wrapper #Contents.solution-municipality h5.mod-heading
{
    font-size: 14px;  font-weight: bold;  line-height: 1.6;  text-align: left;  color: #2f3138;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents h5.mod-heading,
    #oc-wrapper #Contents.solution-municipality h5.mod-heading
    {
        font-size: 16px;
    }
}
#oc-wrapper #Contents.common-contents h6.mod-heading,
#oc-wrapper #Contents.solution-municipality h6.mod-heading
{
    font-size: 12px;  font-weight: bold;  text-align: left;  color: #2f3138;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents h6.mod-heading,
    #oc-wrapper #Contents.solution-municipality h6.mod-heading
    {
        font-size: 14px;
    }
}
#oc-wrapper #Contents.common-contents p,
#oc-wrapper #Contents.solution-municipality p
{
    color: #2f3138;
}
#oc-wrapper #Contents.common-contents p.mod-text,
#oc-wrapper #Contents.solution-municipality p.mod-text
{
    font-size: 14px;  text-align: left;
}
#oc-wrapper #Contents.common-contents p.mod-text span,
#oc-wrapper #Contents.solution-municipality p.mod-text span
{
      background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0%, rgba(255, 223, 116, .6)));      background: linear-gradient(transparent 0%, rgba(255, 223, 116, .6) 0%);
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents p.mod-text,
    #oc-wrapper #Contents.solution-municipality p.mod-text
    {
        font-size: 16px;
    }
}
#oc-wrapper #Contents.common-contents p.mod-text a,
#oc-wrapper #Contents.solution-municipality p.mod-text a
{
    display: inline-block;  text-decoration: underline;  color: #e60039;
}
#oc-wrapper #Contents.common-contents p.mod-text.bold,
#oc-wrapper #Contents.solution-municipality p.mod-text.bold
{
    font-weight: bold;
}
#oc-wrapper #Contents.common-contents p.mod-text__large,
#oc-wrapper #Contents.solution-municipality p.mod-text__large
{
    font-size: 16px;  line-height: 2;  text-align: left;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents p.mod-text__large,
    #oc-wrapper #Contents.solution-municipality p.mod-text__large
    {
        font-size: 18px;
    }
}
#oc-wrapper #Contents.common-contents p.mod-text__large a,
#oc-wrapper #Contents.solution-municipality p.mod-text__large a
{
    display: inline-block;  text-decoration: underline;  color: #e60039;
}
#oc-wrapper #Contents.common-contents p.mod-text__large.bold,
#oc-wrapper #Contents.solution-municipality p.mod-text__large.bold
{
    font-weight: bold;
}
#oc-wrapper #Contents.common-contents p.mod-text__small,
#oc-wrapper #Contents.solution-municipality p.mod-text__small
{
    font-size: 12px;  text-align: left;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents p.mod-text__small,
    #oc-wrapper #Contents.solution-municipality p.mod-text__small
    {
        font-size: 14px;
    }
}
#oc-wrapper #Contents.common-contents p.mod-text__small a,
#oc-wrapper #Contents.solution-municipality p.mod-text__small a
{
    display: inline-block;  text-decoration: underline;  color: #e60039;
}
#oc-wrapper #Contents.common-contents p.mod-text__small.bold,
#oc-wrapper #Contents.solution-municipality p.mod-text__small.bold
{
    font-weight: bold;
}
#oc-wrapper #Contents.common-contents p.mod-text__lead,
#oc-wrapper #Contents.solution-municipality p.mod-text__lead
{
    font-size: 10px;  text-align: left;  color: #777;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents p.mod-text__lead,
    #oc-wrapper #Contents.solution-municipality p.mod-text__lead
    {
        font-size: 12px;
    }
}
#oc-wrapper #Contents.common-contents p.mod-text__lead.bold,
#oc-wrapper #Contents.solution-municipality p.mod-text__lead.bold
{
    font-weight: bold;
}
#oc-wrapper #Contents.common-contents p.mod-text__caption,
#oc-wrapper #Contents.solution-municipality p.mod-text__caption
{
    font-size: 11px;  line-height: 1.81818;  text-align: left;  color: #777;
}
#oc-wrapper #Contents.common-contents .mod-layout__caution,
#oc-wrapper #Contents.solution-municipality .mod-layout__caution
{
    padding: 20px;  text-align: left;  border: 1px solid #d3d3d3;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-layout__caution,
    #oc-wrapper #Contents.solution-municipality .mod-layout__caution
    {
        padding: 30px 150px;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-layout__column,
    #oc-wrapper #Contents.solution-municipality .mod-layout__column
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;
    }
    #oc-wrapper #Contents.common-contents .mod-layout__column figure,
    #oc-wrapper #Contents.solution-municipality .mod-layout__column figure
    {
        width: 45%;  margin-right: 5%;
    }
    #oc-wrapper #Contents.common-contents .mod-layout__column div,
    #oc-wrapper #Contents.solution-municipality .mod-layout__column div
    {
        width: 50%;
    }
}
#oc-wrapper #Contents.common-contents .mod-layout__qa > div,
#oc-wrapper #Contents.solution-municipality .mod-layout__qa > div
{
    margin-bottom: 10px;  text-align: left;  background: #f2f3f4;
}
#oc-wrapper #Contents.common-contents .mod-layout__qa > div a,
#oc-wrapper #Contents.solution-municipality .mod-layout__qa > div a
{
    font-size: 12px;  position: relative;  display: block;  padding: 20px 30px 20px 50px;
}
#oc-wrapper #Contents.common-contents .mod-layout__qa > div a:before,
#oc-wrapper #Contents.solution-municipality .mod-layout__qa > div a:before
{
    font-size: 24px;  position: absolute;  top: 50%;  left: 6%;  content: '?';          -webkit-transform: translate(0, -50%);              -ms-transform: translate(0, -50%);                  transform: translate(0, -50%);  color: #e60039;
}
#oc-wrapper #Contents.common-contents .mod-layout__qa > div a:after,
#oc-wrapper #Contents.solution-municipality .mod-layout__qa > div a:after
{
    position: absolute;  top: 50%;  right: 5%;  width: 6px;  height: 6px;  content: '';          -webkit-transform: rotate(45deg) translate(0, -50%);              -ms-transform: rotate(45deg) translate(0, -50%);                  transform: rotate(45deg) translate(0, -50%);  border-top: 1px solid #e60039;  border-right: 1px solid #e60039;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-layout__qa,
    #oc-wrapper #Contents.solution-municipality .mod-layout__qa
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;
    }
    #oc-wrapper #Contents.common-contents .mod-layout__qa > div,
    #oc-wrapper #Contents.solution-municipality .mod-layout__qa > div
    {
        width: 49%;  margin-bottom: 10px;
    }
    #oc-wrapper #Contents.common-contents .mod-layout__qa > div a,
    #oc-wrapper #Contents.solution-municipality .mod-layout__qa > div a
    {
        font-size: 14px;  padding: 20px 30px 20px 70px;
    }
    #oc-wrapper #Contents.common-contents .mod-layout__qa > div a:before,
    #oc-wrapper #Contents.solution-municipality .mod-layout__qa > div a:before
    {
        font-size: 30px;  left: 5%;
    }
}
#oc-wrapper #Contents.common-contents .mod-layout__sliderbanner,
#oc-wrapper #Contents.solution-municipality .mod-layout__sliderbanner
{
    position: relative;  width: 100%;
}
#oc-wrapper #Contents.common-contents .mod-layout__sliderbanner .slick-list,
#oc-wrapper #Contents.solution-municipality .mod-layout__sliderbanner .slick-list
{
    position: relative;  overflow: hidden;  max-width: 1120px;  margin: 0 auto;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.common-contents .mod-layout__sliderbanner .slick-list .slick-slide,
    #oc-wrapper #Contents.solution-municipality .mod-layout__sliderbanner .slick-list .slick-slide
    {
        margin: 0 10px;
    }
}
#oc-wrapper #Contents.common-contents .mod-layout__sliderbanner .slick-list .slick-slide figure,
#oc-wrapper #Contents.solution-municipality .mod-layout__sliderbanner .slick-list .slick-slide figure
{
    position: relative;
}
#oc-wrapper #Contents.common-contents .mod-layout__sliderbanner .slick-list .slick-slide figure:after,
#oc-wrapper #Contents.solution-municipality .mod-layout__sliderbanner .slick-list .slick-slide figure:after
{
    position: absolute;  top: 50%;  right: 7%;  width: 20px;  height: 20px;  content: '';          -webkit-transform: translate(0, -50%);              -ms-transform: translate(0, -50%);                  transform: translate(0, -50%);  background: url(../img/municipality/common/icon-arrow-grey.svg) no-repeat center/cover;
}
#oc-wrapper #Contents.common-contents .mod-layout__sliderbanner .slick-list .slick-slide p,
#oc-wrapper #Contents.solution-municipality .mod-layout__sliderbanner .slick-list .slick-slide p
{
    font-size: 10px;  line-height: 1.4;  margin-top: 10px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-layout__sliderbanner .slick-list .slick-slide p,
    #oc-wrapper #Contents.solution-municipality .mod-layout__sliderbanner .slick-list .slick-slide p
    {
        font-size: 12px;
    }
}
#oc-wrapper #Contents.common-contents .mod-layout__sliderbanner .slick-arrow,
#oc-wrapper #Contents.solution-municipality .mod-layout__sliderbanner .slick-arrow
{
    position: absolute;  z-index: 200;  top: 60px;  bottom: 50%;  width: 40px;  height: 40px;  margin-top: 0;  text-indent: -9999px;  background-color: #2f3138;  background-image: url(/common_assets/img/svg/next_arrow.svg);  background-repeat: no-repeat;  background-position: 50% 50%;  background-size: contain;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.common-contents .mod-layout__sliderbanner .slick-arrow,
    #oc-wrapper #Contents.solution-municipality .mod-layout__sliderbanner .slick-arrow
    {
        top: 0;  height: 100px;  background: none;
    }
}
#oc-wrapper #Contents.common-contents .mod-layout__sliderbanner .slick-arrow.slick-next,
#oc-wrapper #Contents.solution-municipality .mod-layout__sliderbanner .slick-arrow.slick-next
{
    right: 0;  margin-left: 0;  background-repeat: no-repeat;  background-position: 50%;  background-size: 8px 8px;
}
#oc-wrapper #Contents.common-contents .mod-layout__sliderbanner .slick-arrow.slick-prev,
#oc-wrapper #Contents.solution-municipality .mod-layout__sliderbanner .slick-arrow.slick-prev
{
    left: 0;  margin-right: 0;          -webkit-transform: rotate(180deg);              -ms-transform: rotate(180deg);                  transform: rotate(180deg);  background-repeat: no-repeat;  background-position: 50%;  background-size: 8px 8px;
}
#oc-wrapper #Contents.common-contents .mod-layout__column2,
#oc-wrapper #Contents.solution-municipality .mod-layout__column2
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;
}
#oc-wrapper #Contents.common-contents .mod-layout__column2 > div,
#oc-wrapper #Contents.solution-municipality .mod-layout__column2 > div
{
    margin-bottom: 20px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-layout__column2 > div,
    #oc-wrapper #Contents.solution-municipality .mod-layout__column2 > div
    {
        width: 49%;  margin-bottom: 0;
    }
}
#oc-wrapper #Contents.common-contents .mod-layout__column3,
#oc-wrapper #Contents.solution-municipality .mod-layout__column3
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;
}
#oc-wrapper #Contents.common-contents .mod-layout__column3 > div,
#oc-wrapper #Contents.solution-municipality .mod-layout__column3 > div
{
    margin-bottom: 20px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-layout__column3 > div,
    #oc-wrapper #Contents.solution-municipality .mod-layout__column3 > div
    {
        width: 32%;  margin-bottom: 0;
    }
}
#oc-wrapper #Contents.common-contents .mod-layout__column4,
#oc-wrapper #Contents.solution-municipality .mod-layout__column4
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;
}
#oc-wrapper #Contents.common-contents .mod-layout__column4 > div,
#oc-wrapper #Contents.solution-municipality .mod-layout__column4 > div
{
    width: 48%;  margin-bottom: 20px;
}
#oc-wrapper #Contents.common-contents .mod-layout__column4 > div:last-child,
#oc-wrapper #Contents.common-contents .mod-layout__column4 > div:nth-last-child(2),
#oc-wrapper #Contents.solution-municipality .mod-layout__column4 > div:last-child,
#oc-wrapper #Contents.solution-municipality .mod-layout__column4 > div:nth-last-child(2)
{
    margin-bottom: 0;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-layout__column4 > div,
    #oc-wrapper #Contents.solution-municipality .mod-layout__column4 > div
    {
        width: 24%;  margin-bottom: 0;
    }
}
#oc-wrapper #Contents.common-contents .mod-layout__column4 a,
#oc-wrapper #Contents.solution-municipality .mod-layout__column4 a
{
    display: block;
}
#oc-wrapper #Contents.common-contents .mod-layout__column4 a figure img,
#oc-wrapper #Contents.solution-municipality .mod-layout__column4 a figure img
{
    width: 100%;
}
#oc-wrapper #Contents.common-contents .mod-layout__column4 a p,
#oc-wrapper #Contents.solution-municipality .mod-layout__column4 a p
{
    font-size: 14px;  margin-top: 10px;  text-align: left;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-layout__column4 a p,
    #oc-wrapper #Contents.solution-municipality .mod-layout__column4 a p
    {
        font-size: 15px;
    }
}
#oc-wrapper #Contents.common-contents .mod-layout__column4 a p:before,
#oc-wrapper #Contents.solution-municipality .mod-layout__column4 a p:before
{
    display: inline-block;  width: 0;  height: 0;  margin-right: 6px;  content: '';  border-width: 5px 0 5px 6px;  border-style: solid;  border-color: transparent transparent transparent #e60039;
}
#oc-wrapper #Contents.common-contents .mod-layout__column6,
#oc-wrapper #Contents.solution-municipality .mod-layout__column6
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;
}
#oc-wrapper #Contents.common-contents .mod-layout__column6 > div,
#oc-wrapper #Contents.solution-municipality .mod-layout__column6 > div
{
    width: 32%;  margin-bottom: 20px;
}
#oc-wrapper #Contents.common-contents .mod-layout__column6 > div:nth-last-child(1),
#oc-wrapper #Contents.common-contents .mod-layout__column6 > div:nth-last-child(2),
#oc-wrapper #Contents.common-contents .mod-layout__column6 > div:nth-last-child(3),
#oc-wrapper #Contents.solution-municipality .mod-layout__column6 > div:nth-last-child(1),
#oc-wrapper #Contents.solution-municipality .mod-layout__column6 > div:nth-last-child(2),
#oc-wrapper #Contents.solution-municipality .mod-layout__column6 > div:nth-last-child(3)
{
    margin-bottom: 0;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-layout__column6 > div,
    #oc-wrapper #Contents.solution-municipality .mod-layout__column6 > div
    {
        width: 16%;  margin-bottom: 0;
    }
}
#oc-wrapper #Contents.common-contents .mod-layout__column12,
#oc-wrapper #Contents.solution-municipality .mod-layout__column12
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;
}
#oc-wrapper #Contents.common-contents .mod-layout__column12 > div,
#oc-wrapper #Contents.solution-municipality .mod-layout__column12 > div
{
    margin-bottom: 20px;
}
#oc-wrapper #Contents.common-contents .mod-layout__column12 > div:nth-last-child(1),
#oc-wrapper #Contents.common-contents .mod-layout__column12 > div:nth-last-child(2),
#oc-wrapper #Contents.common-contents .mod-layout__column12 > div:nth-last-child(3),
#oc-wrapper #Contents.common-contents .mod-layout__column12 > div:nth-last-child(4),
#oc-wrapper #Contents.solution-municipality .mod-layout__column12 > div:nth-last-child(1),
#oc-wrapper #Contents.solution-municipality .mod-layout__column12 > div:nth-last-child(2),
#oc-wrapper #Contents.solution-municipality .mod-layout__column12 > div:nth-last-child(3),
#oc-wrapper #Contents.solution-municipality .mod-layout__column12 > div:nth-last-child(4)
{
    margin-bottom: 0;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-layout__column12 > div,
    #oc-wrapper #Contents.solution-municipality .mod-layout__column12 > div
    {
        width: 8%;  margin-bottom: 0;
    }
}
#oc-wrapper #Contents.common-contents .mod-link a,
#oc-wrapper #Contents.solution-municipality .mod-link a
{
    font-size: 14px;  position: relative;  display: block;  width: 100%;  padding: 14px 0;          -webkit-transition: .24s ease all;                  transition: .24s ease all;  color: #fff;  background: #e60039;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-link a,
    #oc-wrapper #Contents.solution-municipality .mod-link a
    {
        font-size: 15px;  display: inline-block;  width: auto;  padding: 20px 100px;
    }
}
#oc-wrapper #Contents.common-contents .mod-link a:after,
#oc-wrapper #Contents.solution-municipality .mod-link a:after
{
    position: absolute;  top: 50%;  right: 5%;  width: 6px;  height: 6px;  content: '';          -webkit-transform: rotate(45deg) translate(-50%, 0);              -ms-transform: rotate(45deg) translate(-50%, 0);                  transform: rotate(45deg) translate(-50%, 0);  border-top: 1px solid #fff;  border-right: 1px solid #fff;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-link a:after,
    #oc-wrapper #Contents.solution-municipality .mod-link a:after
    {
        font-size: 15px;
    }
}
#oc-wrapper #Contents.common-contents .mod-link__border a,
#oc-wrapper #Contents.solution-municipality .mod-link__border a
{
    font-size: 14px;  position: relative;  display: block;  width: 100%;  padding: 14px 0;          -webkit-transition: .24s ease all;                  transition: .24s ease all;  color: #000;  border: 2px solid #d7d9da;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-link__border a,
    #oc-wrapper #Contents.solution-municipality .mod-link__border a
    {
        font-size: 15px;  display: inline-block;  width: auto;  padding: 20px 100px;
    }
}
#oc-wrapper #Contents.common-contents .mod-link__border a:after,
#oc-wrapper #Contents.solution-municipality .mod-link__border a:after
{
    position: absolute;  top: 50%;  right: 5%;  width: 6px;  height: 6px;  content: '';          -webkit-transform: rotate(45deg) translate(-50%, 0);              -ms-transform: rotate(45deg) translate(-50%, 0);                  transform: rotate(45deg) translate(-50%, 0);  border-top: 1px solid #e60039;  border-right: 1px solid #e60039;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-link__border a:after,
    #oc-wrapper #Contents.solution-municipality .mod-link__border a:after
    {
        font-size: 15px;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-link__border a:hover,
    #oc-wrapper #Contents.solution-municipality .mod-link__border a:hover
    {
        background: #d7d9da;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-btn__large,
    #oc-wrapper #Contents.solution-municipality .mod-btn__large
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;
    }
}
#oc-wrapper #Contents.common-contents .mod-btn__large div,
#oc-wrapper #Contents.solution-municipality .mod-btn__large div
{
    position: relative;  margin-bottom: 14px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-btn__large div,
    #oc-wrapper #Contents.solution-municipality .mod-btn__large div
    {
        width: 32%;  margin-bottom: 0;
    }
}
#oc-wrapper #Contents.common-contents .mod-btn__large div a,
#oc-wrapper #Contents.solution-municipality .mod-btn__large div a
{
    font-size: 15px;  font-weight: bold;          display: -webkit-box;          display: -ms-flexbox;          display: flex;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;      -ms-flex-direction: column;          flex-direction: column;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  height: 35.73333vw;          -webkit-transition: .24s ease all;                  transition: .24s ease all;  text-align: center;  border: 2px solid #e60039;
}
#oc-wrapper #Contents.common-contents .mod-btn__large div a:after,
#oc-wrapper #Contents.solution-municipality .mod-btn__large div a:after
{
    position: absolute;  top: 50%;  right: 5%;  width: 6px;  height: 6px;  content: '';          -webkit-transform: rotate(45deg) translate(-50%, 0);              -ms-transform: rotate(45deg) translate(-50%, 0);                  transform: rotate(45deg) translate(-50%, 0);  border-top: 1px solid #e60039;  border-right: 1px solid #e60039;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-btn__large div a:after,
    #oc-wrapper #Contents.solution-municipality .mod-btn__large div a:after
    {
        font-size: 15px;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-btn__large div a,
    #oc-wrapper #Contents.solution-municipality .mod-btn__large div a
    {
        height: 134px;
    }
}
#oc-wrapper #Contents.common-contents .mod-btn__large div a i,
#oc-wrapper #Contents.solution-municipality .mod-btn__large div a i
{
    display: inline-block;  width: 11.2vw;  height: 10.13333vw;  margin: 0 auto;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-btn__large div a i,
    #oc-wrapper #Contents.solution-municipality .mod-btn__large div a i
    {
        width: 42px;  height: 38px;  margin: 0 auto;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-btn__large div a:hover,
    #oc-wrapper #Contents.solution-municipality .mod-btn__large div a:hover
    {
        opacity: 1;  color: #fff;  background: #e60039;
    }
    #oc-wrapper #Contents.common-contents .mod-btn__large div a:hover:after,
    #oc-wrapper #Contents.solution-municipality .mod-btn__large div a:hover:after
    {
        border-color: #fff;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-btn__small,
    #oc-wrapper #Contents.solution-municipality .mod-btn__small
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;
    }
}
#oc-wrapper #Contents.common-contents .mod-btn__small > div,
#oc-wrapper #Contents.solution-municipality .mod-btn__small > div
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;      -ms-flex-direction: column;          flex-direction: column;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  height: 70px;  margin-bottom: 10px;  border: 2px solid #d7d9da;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-btn__small > div,
    #oc-wrapper #Contents.solution-municipality .mod-btn__small > div
    {
        width: 24%;  height: 80px;
    }
}
#oc-wrapper #Contents.common-contents .mod-btn__small > div a,
#oc-wrapper #Contents.solution-municipality .mod-btn__small > div a
{
    font-size: 14px;  line-height: 1.4;  position: relative;
}
#oc-wrapper #Contents.common-contents .mod-btn__small > div.outlink a:after,
#oc-wrapper #Contents.solution-municipality .mod-btn__small > div.outlink a:after
{
    position: absolute;  top: 50%;  right: 5%;  width: 10px;  height: 9px;  content: '';  background: url('/municipality/contents/assets/img/municipality/sample/icon-outlink.svg') no-repeat center/cover;
}
#oc-wrapper #Contents.common-contents .mod-btn__small > div.link a:after,
#oc-wrapper #Contents.solution-municipality .mod-btn__small > div.link a:after
{
    position: absolute;  top: 50%;  right: 5%;  width: 6px;  height: 6px;  content: '';          -webkit-transform: rotate(45deg) translate(-50%, 0);              -ms-transform: rotate(45deg) translate(-50%, 0);                  transform: rotate(45deg) translate(-50%, 0);  border-top: 1px solid #e60039;  border-right: 1px solid #e60039;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-btn__small > div.link a:after,
    #oc-wrapper #Contents.solution-municipality .mod-btn__small > div.link a:after
    {
        font-size: 15px;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-list,
    #oc-wrapper #Contents.solution-municipality .mod-list
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;
    }
}
#oc-wrapper #Contents.common-contents .mod-list li,
#oc-wrapper #Contents.solution-municipality .mod-list li
{
    border-bottom: 1px solid #d7d9da;
}
#oc-wrapper #Contents.common-contents .mod-list li:first-child,
#oc-wrapper #Contents.solution-municipality .mod-list li:first-child
{
    border-top: 1px solid #d7d9da;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-list li,
    #oc-wrapper #Contents.solution-municipality .mod-list li
    {
        width: 49%;
    }
    #oc-wrapper #Contents.common-contents .mod-list li:nth-child(2),
    #oc-wrapper #Contents.solution-municipality .mod-list li:nth-child(2)
    {
        border-top: 1px solid #d7d9da;
    }
}
#oc-wrapper #Contents.common-contents .mod-list li a,
#oc-wrapper #Contents.solution-municipality .mod-list li a
{
    font-size: 10px;  position: relative;  display: block;  padding: 14px 0;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-list li a,
    #oc-wrapper #Contents.solution-municipality .mod-list li a
    {
        font-size: 12px;  padding: 16px 0;  text-align: left;
    }
}
#oc-wrapper #Contents.common-contents .mod-list li a:after,
#oc-wrapper #Contents.solution-municipality .mod-list li a:after
{
    position: absolute;  top: 50%;  right: 5%;  width: 6px;  height: 6px;  content: '';          -webkit-transform: rotate(45deg) translate(0, -50%);              -ms-transform: rotate(45deg) translate(0, -50%);                  transform: rotate(45deg) translate(0, -50%);  border-top: 1px solid #e60039;  border-right: 1px solid #e60039;
}
#oc-wrapper #Contents.common-contents .mod-img__w100 img,
#oc-wrapper #Contents.solution-municipality .mod-img__w100 img
{
    width: 100%;
}
#oc-wrapper #Contents.common-contents .mod-ma40,
#oc-wrapper #Contents.solution-municipality .mod-ma40
{
    margin: 40px auto;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-ma40,
    #oc-wrapper #Contents.solution-municipality .mod-ma40
    {
        margin: 80px auto;
    }
}
#oc-wrapper #Contents.common-contents .mod-mt70,
#oc-wrapper #Contents.solution-municipality .mod-mt70
{
    margin-top: 70px;
}
#oc-wrapper #Contents.common-contents .mod-mt60,
#oc-wrapper #Contents.solution-municipality .mod-mt60
{
    margin-top: 60px;
}
#oc-wrapper #Contents.common-contents .mod-mt50,
#oc-wrapper #Contents.solution-municipality .mod-mt50
{
    margin-top: 50px;
}
#oc-wrapper #Contents.common-contents .mod-mt40,
#oc-wrapper #Contents.solution-municipality .mod-mt40
{
    margin-top: 40px;
}
#oc-wrapper #Contents.common-contents .mod-mt30,
#oc-wrapper #Contents.solution-municipality .mod-mt30
{
    margin-top: 30px;
}
#oc-wrapper #Contents.common-contents .mod-mt20,
#oc-wrapper #Contents.solution-municipality .mod-mt20
{
    margin-top: 20px;
}
#oc-wrapper #Contents.common-contents .mod-mt10,
#oc-wrapper #Contents.solution-municipality .mod-mt10
{
    margin-top: 10px;
}

.input-bg
{
    position: absolute;  z-index: 2;  left: 0;  width: 100%;  height: 100%;  opacity: 0;
}

body
{
    line-height: 1.6;
}

.print-img
{
    display: none;
}

.down
{
    width: 100%;  margin-bottom: 40px;
}
@media screen and (max-width: 766px)
{
    .down
    {
        margin-bottom: 20px;
    }
}
.down img
{
    width: 8%;  margin: 0 auto;
}

button
{
    font-family: inherit;  font-size: 100%;  margin: 0;  padding: 0;  cursor: pointer;  border: 0;  background-color: inherit;
}
button:hover
{
    opacity: .6;
}

#oc-wrapper #Contents.solution-municipality .prize
{
    display: -webkit-box;    display: -ms-flexbox;    display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-box-pack: start;  -ms-flex-pack: start;  justify-content: flex-start;  margin: 40px 0 0;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .prize
    {
        margin: 15px 0;
    }
}
#oc-wrapper #Contents.solution-municipality .prize img
{
    max-height: 42px;  margin: 0 auto 0 0;  margin-top: 8px;  margin-right: 6px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .prize img
    {
        max-height: 65px;  margin-top: 8px;  margin-right: 10px;
    }
}

#oc-wrapper #Contents.solution-municipality .prize-text
{
    margin-top: 10px;  padding-left: 20px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .prize-text
    {
        margin-top: 40px;
    }
}
#oc-wrapper #Contents.solution-municipality .prize-text li
{
    font-size: 10px;  font-weight: bold;  line-height: 1.4;  margin-bottom: 8px;  list-style: disc !important;  text-align: left;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .prize-text li
    {
        font-size: 16px;  margin-bottom: 10px;
    }
}
#oc-wrapper #Contents.solution-municipality .prize-text li:last-child
{
    margin-bottom: 0;
}

#oc-wrapper #Contents.solution-municipality .mod-index_ttl .title
{
    font-size: 18px;  font-weight: bold;  margin-bottom: 15px;  color: #2f3138;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-index_ttl .title
    {
        margin-bottom: 40px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-index_ttl .title:after
{
    display: block;  width: 24px;  height: 2px;  margin: 15px auto 0;  content: '';  background: #e60039;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-index_ttl .title:after
    {
        width: 50px;  height: 4px;
    }
}

#oc-wrapper #Contents.solution-municipality .mod-index__kv
{
    overflow: hidden;  height: auto !important;
}
#oc-wrapper #Contents.solution-municipality .mod-index__kv .kv-title
{
    position: absolute;  z-index: 3;  bottom: 0;  overflow: hidden;  width: 100%;  padding: 10px 20px;  text-align: left;  background: rgba(255, 255, 255, .7);
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-index__kv .kv-title
    {
        bottom: 0;  width: 100%;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-index__kv .kv-slider .item
{
    position: relative;
}
#oc-wrapper #Contents.solution-municipality .mod-index__kv .kv-slider .item a
{
    display: block;
}
#oc-wrapper #Contents.solution-municipality .mod-index__kv .kv-slider .item a:hover
{
    opacity: 1;
}
#oc-wrapper #Contents.solution-municipality .mod-index__kv .kv-slider .item img
{
    width: 100%;
}
#oc-wrapper #Contents.solution-municipality .mod-index__kv .kv-slider .item .kvBox
{
    position: absolute;  z-index: 10;  bottom: 0;  width: 100%;  padding: 10px 20px;  text-align: left;  color: #2f3138;  background: rgba(255, 255, 255, .7);          -webkit-backface-visibility: hidden;                  backface-visibility: hidden;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-index__kv .kv-slider .item .kvBox
    {
        top: 50%;  left: 40px;  width: auto;  min-width: 600px;  height: 210px;  padding: 40px 130px 40px 40px;          -webkit-transform: translate(0, -50%);              -ms-transform: translate(0, -50%);                  transform: translate(0, -50%);
    }
}
#oc-wrapper #Contents.solution-municipality .mod-index__kv .kv-slider .item .kvBox .bread
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-index__kv .kv-slider .item .kvBox .bread
    {
        margin-top: 10px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-index__kv .kv-slider .item .kvBox .bread li
{
    font-size: 10px;  position: relative;          display: -webkit-box;          display: -ms-flexbox;          display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;  padding: 4px 10px;  background: #fff;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-index__kv .kv-slider .item .kvBox .bread li
    {
        font-size: 15px;  padding: 8px 16px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-index__kv .kv-slider .item .kvBox .bread li i
{
    display: inline-block;  width: 20px;  height: 14px;  margin-right: 10px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-index__kv .kv-slider .item .kvBox .bread li i
    {
        width: 24px;  height: 18px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-index__kv .kv-slider .item .kvBox .bread li i img
{
    width: 100%;  height: 14px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-index__kv .kv-slider .item .kvBox .bread li i img
    {
        height: 18px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-index__kv .kv-slider .item .kvBox .bread li:first-child
{
    color: #fff;  background: #555;
}
#oc-wrapper #Contents.solution-municipality .mod-index__kv .kv-slider .item .kvBox .bread li:first-child:after
{
    position: absolute;  z-index: 1;  top: 0;  right: -12px;  width: 0;  height: 0;  content: '';  border-top: 13px solid transparent;  border-bottom: 12px solid transparent;  border-left: 12px solid #555;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-index__kv .kv-slider .item .kvBox .bread li:first-child:after
    {
        right: -14px;  border-top: 21px solid transparent;  border-bottom: 20px solid transparent;  border-left: 15px solid #555;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-index__kv .kv-slider .item .kvBox .bread li:last-child
{
    padding: 4px 10px 4px 20px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-index__kv .kv-slider .item .kvBox .bread li:last-child
    {
        padding: 8px 22px 8px 28px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-index__kv .kv-slider .item .kvBox .title
{
    font-size: 16px;  padding: 6px 0;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-index__kv .kv-slider .item .kvBox .title
    {
        font-size: 28px;  font-weight: normal;  padding: 50px 0 20px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-index__kv .slick-arrow
{
    display: none !important;
}
#oc-wrapper #Contents.solution-municipality .mod-index__kv .slick-dots
{
    display: none !important;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-index__kv .slick-dots
    {
        position: absolute;  bottom: 20px;  left: 50%;  display: -webkit-box !important;  display: -ms-flexbox !important;  display: flex !important;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  height: 6px;  padding: 0;          -webkit-transform: translate(-50%, -50%);              -ms-transform: translate(-50%, -50%);                  transform: translate(-50%, -50%);
    }
}
#oc-wrapper #Contents.solution-municipality .mod-index__kv .slick-dots li
{
    display: block;  width: 14px;  height: 14px;  margin: 0 9px;  border-radius: 50%;
}
#oc-wrapper #Contents.solution-municipality .mod-index__kv .slick-dots li button
{
    width: 100%;  cursor: pointer;
}
#oc-wrapper #Contents.solution-municipality .mod-index__kv .slick-dots li.slick-active button
{
    pointer-events: none;
}

#oc-wrapper #Contents.solution-municipality .mod-index__case
{
    padding: 40px 0 50px;  background: #f5f5f5;
}
#oc-wrapper #Contents.solution-municipality .mod-index__case .mod-heading
{
    margin-bottom: 14px;  text-align: center;  color: #2f3138;
}
#oc-wrapper #Contents.solution-municipality .mod-index__case .mod-col3-slider
{
    width: 90%;  max-width: 1050px;  margin: 0 auto;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-index__case .mod-col3-slider .slick-arrow
    {
        top: auto;  bottom: 0;  background-size: 20px 20px;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-index__case .mod-col3-slider .slick-dots
    {
        display: none !important;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-index__case .mod-col3-slider .slick-list
{
    overflow: hidden;  max-width: 850px;  margin: 0 auto;
}
#oc-wrapper #Contents.solution-municipality .mod-index__case .mod-col3-slider .slick-list .slick-slide
{
    position: relative;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-index__case .mod-col3-slider .slick-list .slick-slide
    {
        margin: 0 10px;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-index__case .mod-col3-slider .slick-list .slick-slide a:hover .detail .name,
    #oc-wrapper #Contents.solution-municipality .mod-index__case .mod-col3-slider .slick-list .slick-slide a:hover .detail .text
    {
        opacity: .6;
    }
}

#oc-wrapper #Contents.solution-municipality .mod-solution-ttl
{
    width: 100%;  margin: 0 auto;  background-color: #f5f5f5;  background-repeat: no-repeat;  background-position: bottom;  background-size: contain;
}
@media screen and (min-width: 420px) and (max-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-ttl
    {
        background-size: cover;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-ttl
    {
        padding: 76px 0;  background-position: center center;  background-size: cover;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-ttl .inner
{
    width: 100%;  max-width: 1120px;  margin: 0 auto;
    position: relative; 
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-ttl .inner
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;  width: 90%;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-ttl .inner .title
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;  text-align: left;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-ttl .inner .title
    {
        padding: 15px 20px;  background-color: #f5f5f5;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-ttl .inner .title
    {
        margin-right: 90px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-ttl .inner .title .icon
{
    display: block;  width: 58px;  height: 58px;  margin-right: 14px;  vertical-align: middle;  border-radius: 50%;  background-color: #fff;
}

#oc-wrapper #Contents.solution-municipality .mod-solution-ttl .inner .title .icon img{
    width: 55%;  margin: 0 auto;
	-webkit-transform: translate(0%, 50%);
	-ms-transform: translate(0%, 50%);
	transform: translate(0%, 50%);
}

@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-ttl .inner .title .icon
    {
        position: absolute;  top: 50%;  width: 68px;  height: 68px;          -webkit-transform: translate(0%, -50%);              -ms-transform: translate(0%, -50%);                  transform: translate(0%, -50%);
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-ttl .inner .title .heading
{
    font-size: 18px;  line-height: 1.3;  word-break: keep-all;  color: #2f3138;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-ttl .inner .title .heading
    {
        font-size: 28px;  margin-left: 88px;  padding: 7px;  color: #fff;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-ttl .inner .title .heading span
{
    font-size: 12px;  font-weight: normal;  display: block;  margin-bottom: 7px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-ttl .inner .title .heading span
    {
        font-size: 16px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-ttl .inner .lead
{
    font-size: 16px;  line-height: 2;  text-align: left;  color: #fff;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-ttl .inner .lead
    {
        font-weight: bold;  line-height: 1.8;  padding: 30px 0;  text-align: center;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-ttl .inner .lead
    {
        font-size: 22px;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-ttl .inner .lead br.sp
    {
        display: none;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-ttl .inner .back
{
    display: none;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-ttl .inner .back
    {
        position: absolute;  right: 0;  bottom: 0;  display: block;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;
    }
    #oc-wrapper #Contents.solution-municipality .mod-solution-ttl .inner .back a
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;      -ms-flex-flow: row nowrap;          flex-flow: row nowrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;
    }
    #oc-wrapper #Contents.solution-municipality .mod-solution-ttl .inner .back a p
    {
        font-size: 16px;  font-weight: bold;  color: #2f3138;
    }
    #oc-wrapper #Contents.solution-municipality .mod-solution-ttl .inner .back a i
    {
        display: inline-block;  width: 16px;  height: 16px;  margin-left: 10px;
    }

#oc-wrapper #Contents.solution-municipality .mod-solution-ttl .inner .back a i img {
vertical-align: top;
}

}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-ttl.workstyle
    {
        background-image: url('/municipality/contents/assets/img/municipality/workstyle/com-title-bg-sp.jpg');  background-position: bottom;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-ttl.workstyle
    {
        padding: 76px 0;  background-image: url('/municipality/contents/assets/img/municipality/workstyle/com-title-bg.jpg');
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-ttl.workstyle .inner .title .heading
    {
        color: #2f3138;
    }
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-ttl.workstyle .inner .lead
    {
        padding: 45px 0;
    }
    #oc-wrapper #Contents.solution-municipality .mod-solution-ttl.workstyle .inner .lead .backcolor
    {
        background: rgba(153, 198, 171, .8);
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-ttl.workstyle .inner .lead .backcolor
    {
        font-weight: normal;  color: #2f3138;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-ttl.case
{
    padding: 10px 0;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-ttl.case
    {
        padding: 32px 0;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-ttl.case .inner .title .heading
{
    color: #2f3138;
}
#oc-wrapper #Contents.solution-municipality .mod-solution-ttl.solution-new
{
    background-image: url('/municipality/contents/assets/img/municipality/solution/new/com-title-bg-sp.jpg');
}
#oc-wrapper #Contents.solution-municipality .mod-solution-ttl.solution-new .inner .backcolor
{
    background: rgba(138, 175, 229, .8);
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-ttl.solution-new
    {
        background-image: url('/municipality/contents/assets/img/municipality/solution/new/com-title-bg.jpg');
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-ttl.solution-iten
{
    background-image: url('/municipality/contents/assets/img/municipality/solution/iten/com-title-bg-sp.jpg');
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-ttl.solution-iten .inner .title .heading
    {
        color: #2f3138;  background: rgba(235, 235, 235, .8);
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-ttl.solution-iten .inner .backcolor
{
    color: #000;  background: rgba(235, 235, 235, .8);
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-ttl.solution-iten
    {
        background-image: url('/municipality/contents/assets/img/municipality/solution/iten/com-title-bg.jpg');
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-ttl.solution-mado
{
    background-image: url('/municipality/contents/assets/img/municipality/solution/mado/com-title-bg-sp.jpg');
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-ttl.solution-mado .inner .heading
    {
        color: #2f3138;  background: rgba(235, 235, 235, .8);
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-ttl.solution-mado .inner .backcolor
{
    color: #000;  background: rgba(235, 235, 235, .8);
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-ttl.solution-mado
    {
        background-image: url('/municipality/contents/assets/img/municipality/solution/mado/com-title-bg.jpg');
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-ttl.solution-sign
{
    background-image: url('/municipality/contents/assets/img/municipality/solution/sign/com-title-bg-sp.jpg');
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-ttl.solution-sign .inner .title .heading
    {
        color: #2f3138;  background: rgba(227, 238, 255, .8);
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-ttl.solution-sign .inner .backcolor
{
    color: #000;  background: rgba(227, 238, 255, .8);
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-ttl.solution-sign
    {
        background-image: url('/municipality/contents/assets/img/municipality/solution/sign/com-title-bg.jpg');
    }
}

#oc-wrapper #Contents.solution-municipality .mod-solution-lead
{
    max-width: 1120px;  margin: 40px auto;  padding: 0 20px;  text-align: center;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-lead
    {
        margin: 80px auto;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-lead
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;
    }
}
@media screen and (min-width: 1160px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-lead
    {
        padding: 0;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-lead .detail .mod-heading
{
    margin-bottom: 20px;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-lead .detail .mod-heading
    {
        margin-bottom: 25px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-lead .detail .text
{
    font-size: 14px;  line-height: 2;  text-align: justify;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-lead .detail .text
    {
        font-size: 16px;  line-height: 1.875;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-lead .detail .text span
{
    background: rgba(255, 223, 116, .8);
}
#oc-wrapper #Contents.solution-municipality .mod-solution-lead.layout1 .figure
{
    width: 98px;  margin: 0 auto;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-lead.layout1 .figure
    {
        width: 160px;  margin-right: 10%;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-lead.layout1 .figure.full
{
    width: 100%;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-lead.layout1 .figure.full
    {
        width: inherit;  max-width: 500px;  margin-right: 0;
    }
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-lead.layout1 .detail
    {
        margin-bottom: 20px;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-lead.layout1 .detail
    {
        max-width: 620px;  margin-right: 50px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-lead.layout2 .figure
{
    display: none;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-lead.layout2 .figure
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;  width: 440px;
    }
    #oc-wrapper #Contents.solution-municipality .mod-solution-lead.layout2 .figure img
    {
        width: 35%;  margin-left: 45%;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-lead.layout2 .detail
    {
        width: 70%;  max-width: 800px;
    }
}

#oc-wrapper #Contents.solution-municipality .mod-solution-voice
{
    display: -webkit-box;    display: -ms-flexbox;    display: flex;  -webkit-box-align: center;  align-items: center; -ms-flex-align: center;  width: 94%;  max-width: 1120px;  margin: 0 auto;  margin: 40px auto 30px;  padding: 0 !important;  text-align: center;  background-image: linear-gradient(-45deg, #fff 25%, #ccc 25%, #ccc 50%, #fff 50%, #fff 75%, #ccc 75%, #ccc);  background-size: 5px 5px;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-voice
    {
        width: 100%;  padding: 0 20px;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-voice
    {
        margin: 80px auto;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-voice .inner
{
    margin: 4px;  background: #fff;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-voice .inner
    {
        padding: 0 20px 20px 20px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-voice .title
{
    font-size: 16px;  font-weight: bold;  display: inline-block;  padding: 4px 30px;  letter-spacing: .1em;  background: #ffdf74;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-voice .title
    {
        font-size: 22px;  padding: 8px 50px;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-voice .voice-inr
    {
        padding: 50px 60px 80px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-voice .voice-inr .voice-person
{
    display: inline-block;  vertical-align: top;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-voice .voice-inr .voice-person
    {
        margin-right: 60px;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-voice .voice-inr .voice-person
    {
        width: 200px;
    }
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-voice .voice-inr .voice-person figure
    {
        width: 40%;  margin: 20px auto;
    }
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-voice .voice-inr .voice-person .peroson__detail
    {
        margin: 20px auto;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-voice .voice-inr .voice-person .peroson__detail .peroson__munici
{
    font-size: 14px;  margin-top: 10px;
}
#oc-wrapper #Contents.solution-municipality .mod-solution-voice .voice-inr .voice-person .peroson__detail .peroson__place
{
    font-size: 16px;  margin: 14px 0 4px;
}
#oc-wrapper #Contents.solution-municipality .mod-solution-voice .voice-inr .voice-person .peroson__detail .peroson__name
{
    font-size: 16px;  font-weight: bold;
}
#oc-wrapper #Contents.solution-municipality .mod-solution-voice .voice-inr .voice-detail
{
    display: inline-block;  text-align: justify;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-voice .voice-inr .voice-detail
    {
        width: 70%;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-voice .voice-inr .voice-detail .detail__heading
{
    font-size: 14px;  font-weight: bold;  margin-bottom: 20px;  text-align: center;  color: #2f3138;
}
@media screen and (max-width: 419px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-voice .voice-inr .voice-detail .detail__heading
    {
        font-size: 4.6vw;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-voice .voice-inr .voice-detail .detail__heading
    {
        font-size: 24px;  margin-bottom: 25px;  text-align: left;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-voice .voice-inr .voice-detail .detail__heading span
{
      background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, rgba(255, 223, 116, .6)));      background: linear-gradient(transparent 50%, rgba(255, 223, 116, .6) 50%);
}
#oc-wrapper #Contents.solution-municipality .mod-solution-voice .voice-inr .voice-detail .detail__text p
{
    margin-bottom: 16px;
}
#oc-wrapper #Contents.solution-municipality .mod-solution-voice .voice-inr .voice-detail .detail__text p:last-child
{
    margin-bottom: 0;
}

#oc-wrapper #Contents.solution-municipality .mod-solution-download
{
    background: #f2f3f4;
}
#oc-wrapper #Contents.solution-municipality .mod-solution-download .inr
{
    max-width: 1310px;  margin: 0 auto;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-download .inr
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;
    }
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-support
    {
        border-bottom: 1px solid #fff;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-support
    {
        border-right: 2px solid #fff;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-support,
#oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-case
{
    padding: 30px 0;  background: #f2f3f4;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-support,
    #oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-case
    {
        width: 50%;  margin-bottom: 0;  padding: 40px 0;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-support .casedownload-heading,
#oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-case .casedownload-heading
{
    font-size: 16px;  font-weight: bold;  margin-bottom: 12px;  text-align: center;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-support .casedownload-heading,
    #oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-case .casedownload-heading
    {
        font-size: 22px;  margin-bottom: 24px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-support .casedownload-btn,
#oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-case .casedownload-btn
{
    width: 90%;  margin: 0 auto;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-support .casedownload-btn,
    #oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-case .casedownload-btn
    {
        width: 74%;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-support .casedownload-btn a,
#oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-case .casedownload-btn a
{
    font-size: 14px;  position: relative;  display: block;  padding: 24px 0 24px 72px;  text-align: left;  border: 1px solid #d7d9da;  background: #fff;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-support .casedownload-btn a,
    #oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-case .casedownload-btn a
    {
        font-size: 16px;  padding: 26px 0;          -webkit-transition: .24s ease all;                  transition: .24s ease all;  text-align: center;
    }
    #oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-support .casedownload-btn a:hover,
    #oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-case .casedownload-btn a:hover
    {
        opacity: 1;  background: #d7d9da;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-support .casedownload-btn a i,
#oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-case .casedownload-btn a i
{
    position: absolute;  right: 20px;  width: 18px;  height: 24px;  margin-left: 20px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-support .casedownload-btn a i,
    #oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-case .casedownload-btn a i
    {
        right: 30px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-support .casedownload-btn a:after,
#oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-case .casedownload-btn a:after
{
    position: absolute;  top: 50%;  right: 20px;  width: 18px;  height: 18px;  content: '';          -webkit-transform: translate(0, -50%);              -ms-transform: translate(0, -50%);                  transform: translate(0, -50%);  background: url('/municipality/contents/assets/img/municipality/common/icon-arrow-grey.svg') no-repeat;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-support .casedownload-btn a:after,
    #oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-case .casedownload-btn a:after
    {
        right: 30px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-support .casedownload-btn a:before,
#oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-case .casedownload-btn a:before
{
    position: absolute;  top: 50%;  left: 20px;  width: 25px;  height: 25px;  content: '';          -webkit-transform: translate(0, -50%);              -ms-transform: translate(0, -50%);                  transform: translate(0, -50%);
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-support .casedownload-btn a:before,
    #oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-case .casedownload-btn a:before
    {
        left: 28px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-support .casedownload-btn.pdf a:before,
#oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-case .casedownload-btn.pdf a:before
{
    position: absolute;  content: '';  background: url('/municipality/contents/assets/img/municipality/common/icon-note.svg') no-repeat;
}
#oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-support .casedownload-btn.pdf a:after,
#oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-case .casedownload-btn.pdf a:after
{
    content: none;
}
#oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-support .casedownload-btn.new a:before,
#oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-case .casedownload-btn.new a:before
{
    background: url('/municipality/contents/assets/img/municipality/common/icon-municipality.svg') no-repeat;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-support .casedownload-btn.new a:before,
    #oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-case .casedownload-btn.new a:before
    {
        width: 46px;  height: 34px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-support .casedownload-btn.sign a:before,
#oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-case .casedownload-btn.sign a:before
{
    background: url('/municipality/contents/assets/img/municipality/common/icon-sign_bk.svg') no-repeat;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-support .casedownload-btn.sign a:before,
    #oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-case .casedownload-btn.sign a:before
    {
        width: 34px;  height: 31px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-support .casedownload-btn.mado a:before,
#oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-case .casedownload-btn.mado a:before
{
    background: url('/municipality/contents/assets/img/municipality/common/icon-solution_mado.svg') no-repeat;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-support .casedownload-btn.mado a:before,
    #oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-case .casedownload-btn.mado a:before
    {
        width: 34px;  height: 32px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-support .casedownload-btn.iten a:before,
#oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-case .casedownload-btn.iten a:before
{
    background: url('/municipality/contents/assets/img/municipality/common/icon-iten.svg') no-repeat;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-support .casedownload-btn.iten a:before,
    #oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-case .casedownload-btn.iten a:before
    {
        width: 34px;  height: 34px;
    }
}

#oc-wrapper #Contents.solution-municipality .mod-product-ttl
{
    display: block;  margin-bottom: 20px;  text-align: center;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-ttl
    {
        margin-bottom: 35px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-ttl span
{
    font-size: 20px;  font-weight: bold;  position: relative;  z-index: 1;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-ttl span
    {
        font-size: 16px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-ttl span:after
{
    position: absolute;  z-index: -1;  bottom: -3px;  left: 0;  width: 100%;  height: 16px;  content: '';  background: #ffdf74;
}

@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-spec
    {
        padding: 0 20px;
    }
}

#oc-wrapper #Contents.solution-municipality .mod-product-spec .mod-heading
{
    margin-bottom: 20px;  text-align: center;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .mod-heading
    {
        margin-bottom: 35px;
    }
}

#oc-wrapper #Contents.solution-municipality .mod-product-spec .inr
{
    max-width: 1120px;  margin: 0 auto;  padding: 20px;  background: #f5f5f5;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr
    {
        padding: 40px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .point
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;  -webkit-box-orient: vertical;  -webkit-box-direction: reverse;      -ms-flex-direction: column-reverse;          flex-direction: column-reverse;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .point
    {
        -webkit-box-orient: horizontal;  -webkit-box-direction: normal;      -ms-flex-direction: row;          flex-direction: row;  margin-bottom: 30px;  padding-bottom: 30px;  border-bottom: 1px solid #d7d9da;
    }
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .point .point-box
    {
        margin-bottom: 30px;  border-bottom: 1px solid #d7d9da;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .point .point-box
    {
        margin-right: 40px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .point .point-box .point-heading
{
    font-size: 14px;  font-weight: bold;          display: -webkit-box;          display: -ms-flexbox;          display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;  margin-top: 15px;  color: #2f3138;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .point .point-box .point-heading
    {
        font-size: 22px;  margin-top: 0;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .point .point-box .point-heading i
{
    width: 30px;  height: 30px;  margin-right: 10px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .point .point-box .point-heading i
    {
        width: 80px;  height: 80px;  margin-right: 20px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .point .point-box .point-text
{
    margin: 15px 0;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .point .point-box .point-text
    {
        margin-top: 30px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .point .point-box .point-text li
{
    font-size: 14px;  margin-left: 1em;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .point .point-box .point-text li
    {
        font-size: 18px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .point .point-image
{
    width: 50%;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .point .point-image
    {
        width: 100%;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .point .point-list
{
    margin: 14px 0 30px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .point .point-list
    {
        margin: 20px 0 0;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .point .point-list .point-list__item
{
    font-size: 12px;  font-weight: normal;  line-height: 1.6;  margin-bottom: 4px;  padding-left: 20px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .point .point-list .point-list__item
    {
        font-size: 18px;  font-weight: bold;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .point .point-list .point-list__item:last-child
{
    margin-bottom: 0;
}
#oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .point .point-list .point-list__item:before
{
    margin-left: -1em;  content: '繝ｻ';  text-indent: 1em;
}
#oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;
}
#oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item
{
    position: relative;  margin-bottom: 40px;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;      -ms-flex-flow: wrap-reverse;          flex-flow: wrap-reverse;  -webkit-box-orient: vertical;  -webkit-box-direction: reverse;      -ms-flex-direction: row-reverse;          flex-direction: row-reverse;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  margin-bottom: 14px;
    }
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item.reverese
    {
        -webkit-box-orient: horizontal;  -webkit-box-direction: reverse;      -ms-flex-direction: row-reverse;          flex-direction: row-reverse;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item
    {
        display: inline-block;  width: 24%;  margin-right: 1.333%;
    }
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item:nth-child(4n)
    {
        margin-right: 0;
    }
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item:nth-last-child(1),
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item:nth-last-child(2),
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item:nth-last-child(3),
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item:nth-last-child(4)
    {
        margin-bottom: 30px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item .image
{
    position: relative;  bottom: 0;
}
#oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item .image img
{
    width: 100%;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item .image
    {
        width: 41%;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item .image.sp
{
    display: block;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item .image.sp
    {
        display: none;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item .image.pc
{
    display: none;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item .image.pc
    {
        display: block;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item .images img
{
    width: 100%;
}
#oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item .images.sp
{
    display: block;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item .images.sp
    {
        display: none;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item .images.pc
{
    display: none;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item .images.pc
    {
        display: inline-block;
    }
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item .images
    {
        width: 42%;
    }
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item .images .image
    {
        width: 100%;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item .image-fig img
{
    width: 100%;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item .image-fig
    {
        display: none;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item .image-fig-sp
{
    margin: 15px 0;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item .image-fig-sp
    {
        display: none;
    }
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item .textbox
    {
        width: 54%;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item .textbox .heading
{
    font-size: 14px;  font-weight: bold;  text-align: left;  color: #2f3138;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item .textbox .heading
    {
        font-size: 16px;  line-height: 1.5;                          display: -webkit-box;                          display: -ms-flexbox;                          display: flex;  -webkit-box-align: end;  align-items: flex-end;  -ms-flex-align: end;  height: 50px;  margin-bottom: 15px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item .textbox .text
{
    font-size: 12px;  margin-top: 6px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item .textbox .text
    {
        font-size: 14px;  margin-top: 15px;
    }
}

#oc-wrapper #Contents.solution-municipality .mod-products-lower
{
    width: 100%;  margin: 0 auto 40px;  background: #f5f5f5;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-products-lower
    {
        margin: 0 auto 80px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-products-lower .inr
{
    max-width: 1160px;  margin: 0 auto;  padding: 30px 20px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-products-lower .inr
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;      -ms-flex-flow: row nowrap;          flex-flow: row nowrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  padding: 80px 20px;
    }
    #oc-wrapper #Contents.solution-municipality .mod-products-lower .inr.desk_inr
    {
        -ms-flex-flow: row wrap;            flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-products-lower .inr figure
{
    display: none;
}
@media screen and (min-width: 767px) and (max-width: 1160px)
{
    #oc-wrapper #Contents.solution-municipality .mod-products-lower .inr figure
    {
        display: block;  width: 48%;
    }
}
@media screen and (min-width: 1160px)
{
    #oc-wrapper #Contents.solution-municipality .mod-products-lower .inr figure
    {
        display: block;  width: 50%;  max-width: 560px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .text
{
    text-align: center;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .text
    {
        margin-right: 38px;  text-align: left;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .text .category
{
    margin-bottom: 15px;
}
#oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .text .category span
{
    font-size: 16px;  display: inline-block;  padding: 2px 10px;  color: #fff;  border-radius: 4px;  background: #555;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .text .category span
    {
        font-size: 11px;  padding: 3px 6px;  border-radius: 3px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .text .name
{
    font-size: 18px;  position: relative;  z-index: 0;  display: inline-block;  margin-top: 5px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .text .name
    {
        font-size: 28px;  margin-top: 8px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .text .name small
{
    font-size: 10px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .text .name small
    {
        font-size: 16px;  margin-left: 6px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .text .copy
{
    font-size: 12px;  max-width: 480px;  margin-top: 10px;  text-align: justify;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .text .copy
    {
        font-size: 16px;  margin-top: 16px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .text .absurd
{
    margin-top: 20px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .text .absurd
    {
        display: none;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .text .concept
{
    font-size: 14px;  font-weight: bold;  margin-top: 20px;  padding-top: 20px;  border-top: 1px solid #d7d9da;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .text .concept
    {
        font-size: 22px;  margin-top: 25px;  padding-top: 0;  border-top: none;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .text .prization img
{
    margin: 20px auto 0 0;
}
#oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .anker
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  width: 100%;  margin-top: 40px;
}
#oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .anker .anker_item
{
    width: 49%;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .anker .anker_item:nth-child(1),
    #oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .anker .anker_item:nth-child(2)
    {
        margin-bottom: 10px;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .anker .anker_item
    {
        width: 23.5%;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .anker .anker_item a
{
    position: relative;  display: block;  padding: 0 10px 20px 10px;  border: 1px solid #d7d9da;  background: #fff;
}
#oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .anker .anker_item a .heading
{
    font-size: 12px;  font-weight: bold;  position: relative;          display: -webkit-box;          display: -ms-flexbox;          display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;  height: 60px;  color: #2f3138;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .anker .anker_item a .heading
    {
        font-size: 18px;  height: 90px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .anker .anker_item a .heading:after
{
    position: absolute;  top: 38px;  right: 6px;  width: 18px;  height: 18px;  content: '';          -webkit-transform: rotate(90deg);              -ms-transform: rotate(90deg);                  transform: rotate(90deg);  background: url(../img/municipality/common/icon-arrow-grey.svg) no-repeat;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .anker .anker_item a .heading:after
    {
        top: 25px;  right: 5px;  width: 12px;  height: 12px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .anker .anker_item a .heading i
{
    display: inline-block;  width: 20px;  height: 20px;  margin-right: 8px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .anker .anker_item a .heading i
    {
        width: 26px;  height: 26px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .anker-img
{
    width: 100%;  margin-top: 30px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .anker-img
    {
        margin-top: 40px;
    }
}

#oc-wrapper #Contents.solution-municipality .mod-products-case
{
    max-width: 1120px;  margin: 40px auto;  padding: 0 20px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-products-case
    {
        margin: 80px auto;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-products-case .mod-heading
{
    margin-bottom: 20px;  text-align: center;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-products-case .mod-heading
    {
        margin-bottom: 30px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-products-case .products-case-list
{
    font-size: 0;  margin-bottom: 40px;
}
#oc-wrapper #Contents.solution-municipality .mod-products-case .products-case-list li
{
    display: inline-block;  margin-bottom: 30px;  vertical-align: top;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-products-case .products-case-list li:last-child
    {
        margin-bottom: 0;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-products-case .products-case-list li
    {
        width: 32%;  margin-right: 1.333%;
    }
    #oc-wrapper #Contents.solution-municipality .mod-products-case .products-case-list li:last-child
    {
        margin-right: 0;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-products-case .products-case-list li .heading
{
    font-size: 14px;  font-weight: bold;  line-height: 1;  margin-top: 15px;  color: #2f3138;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-products-case .products-case-list li .heading
    {
        font-size: 15px;  margin-top: 20px;
    }
}

#oc-wrapper #Contents.solution-municipality .mod-product-fil
{
    max-width: 1120px;  margin: 0 auto;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-fil
    {
        padding: 0 20px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-fil .mod-heading
{
    margin-bottom: 20px;  text-align: center;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-fil .mod-heading
    {
        margin-bottom: 40px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-fil .fil-list
{
    padding: 30px 20px;  background: #f5f5f5;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-fil .fil-list
    {
        display: -webkit-box;        display: -ms-flexbox;        display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  padding: 40px;
    }
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-fil .fil-list .fil-list__item:first-child
    {
        margin-bottom: 30px;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-fil .fil-list .fil-list__item
    {
        width: 48%;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-fil .fil-list .fil-list__item figure.sp
{
    display: block;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-fil .fil-list .fil-list__item figure.sp
    {
        display: none;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-fil .fil-list .fil-list__item figure.pc
{
    display: none;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-fil .fil-list .fil-list__item figure.pc
    {
        display: block;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-fil .fil-list .fil-list__item .mod-heading
{
    font-weight: bold;  margin-bottom: 10px;  text-align: left;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-fil .fil-list .fil-list__item .mod-heading
    {
        line-height: 1.5;                          display: -webkit-box;                          display: -ms-flexbox;                          display: flex;  -webkit-box-align: end;  align-items: flex-end;  -ms-flex-align: end;  height: 50px;  margin-bottom: 15px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-fil .fil-list .fil-list__item .mod-text
{
    margin-bottom: 15px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-fil .fil-list .fil-list__item .mod-text
    {
        margin-top: 25px;  margin-bottom: 0;
    }
}

#oc-wrapper #Contents.solution-municipality .mod-product-catalog
{
    width: 94%;  max-width: 1040px;  margin: 0 auto;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-catalog
    {
        width: 100%;  padding: 0 20px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-catalog .mod-heading
{
    margin-bottom: 20px;  text-align: center;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-catalog .mod-heading
    {
        margin-bottom: 40px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item.reverse
    {
        -webkit-box-orient: horizontal;  -webkit-box-direction: reverse;      -ms-flex-direction: row-reverse;          flex-direction: row-reverse;  -webkit-box-pack: end;  -ms-flex-pack: end;  justify-content: flex-end;
    }
    #oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item.reverse .deital
    {
        margin-left: 5%;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .catalog-slider
{
    display: none;  overflow: hidden;  width: 100%;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .catalog-slider
    {
        display: block;  width: 50%;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item figure
{
    display: none;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item figure
    {
        display: block;  width: 50%;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital
{
    width: 45%;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital
    {
        overflow: hidden;  width: 100%;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital .call
{
    font-size: 18px;  font-weight: bold;          display: -webkit-box;          display: -ms-flexbox;          display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital .call
    {
        font-size: 13px;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  width: 100%;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital .call i
{
    display: inline-block;  width: 20px;  height: 20px;  margin-right: 10px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital .call i
    {
        width: 26px;  height: 26px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital .text
{
    font-size: 12px;  line-height: 2;  margin: 16px 0;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital .text
    {
        font-size: 16px;  max-width: 500px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital .absord
{
    display: none;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital .absord
    {
        display: block;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital .name
{
    font-size: 28px;  margin: 16px 0;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital .name
    {
        font-size: 18px;  text-align: center;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital .name span
{
    font-size: 12px;  font-weight: normal;  display: block;  margin-left: 10px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital .name span
    {
        font-size: 16px;  display: inline-block;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital .original
{
    font-size: 14px;  font-weight: bold;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital .original
    {
        font-size: 18px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital .sub
{
    margin: 4px 0 30px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital .sub
    {
        font-size: 16px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital .catalog-slider.sp
{
    display: none;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital .catalog-slider.sp
    {
        display: block;  overflow: hidden;  width: 100%;
    }
    #oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital .catalog-slider.sp img
    {
        width: 100%;  height: auto;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital .concept
{
    font-size: 13px;  font-weight: bold;  margin-bottom: 16px;  text-align: center;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital .concept.sp
    {
        display: none;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital .concept
    {
        font-size: 22px;  text-align: left;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital .btn-catalog
{
    margin-top: 15px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital .btn-catalog
    {
        width: 360px;  margin: 30px auto 0 0;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital .btnarea
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  margin-top: 30px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital .btnarea > div
{
    width: 48%;  margin: 0;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital .btnarea > div
    {
        width: 100%;
    }
    #oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital .btnarea > div:first-child
    {
        margin-bottom: 10px;
    }
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital .btnarea > div a
    {
        font-size: 12px;  line-height: 1.4;
    }
}

#oc-wrapper #Contents.solution-municipality .mod-case-layout
{
    width: 94%;  max-width: 1120px;  margin: 0 auto;  margin: 44px auto 0;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-layout
    {
        width: 100%;  padding: 0 20px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-case-layout .layout-list
{
    font-size: 0;
}
#oc-wrapper #Contents.solution-municipality .mod-case-layout .layout-list .mod-case-card
{
    display: inline-block;          -webkit-transition: .24s ease all;                  transition: .24s ease all;  vertical-align: top;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-layout .layout-list .mod-case-card
    {
        width: 48%;  margin: 0 0 8% 0;
    }
    #oc-wrapper #Contents.solution-municipality .mod-case-layout .layout-list .mod-case-card:nth-of-type(2n)
    {
        margin-left: 4%;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-layout .layout-list .mod-case-card
    {
        width: 31%;  margin: 0 3.5% 70px 0;
    }
    #oc-wrapper #Contents.solution-municipality .mod-case-layout .layout-list .mod-case-card:nth-of-type(3n)
    {
        margin-right: 0;
    }
    #oc-wrapper #Contents.solution-municipality .mod-case-layout .layout-list .mod-case-card:nth-last-child(1),
    #oc-wrapper #Contents.solution-municipality .mod-case-layout .layout-list .mod-case-card:nth-last-child(2),
    #oc-wrapper #Contents.solution-municipality .mod-case-layout .layout-list .mod-case-card:nth-last-child(3)
    {
        margin-bottom: 30px;
    }
}

#oc-wrapper #Contents.solution-municipality .mod-case-ttl
{
    font-size: 18px;  margin-bottom: 10px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-ttl
    {
        font-size: 20px;  margin-bottom: 12px;
    }
}

#oc-wrapper #Contents.solution-municipality .mod-case-anker .anker-list
{
    margin-bottom: 40px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-anker .anker-list
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  margin-bottom: 50px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-case-anker .anker-list .anker-list__item
{
    text-align: center;  border-top: 1px solid #d7d9da;  border-bottom: 1px solid #d7d9da;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-anker .anker-list .anker-list__item
    {
        width: 33.333%;
    }
    #oc-wrapper #Contents.solution-municipality .mod-case-anker .anker-list .anker-list__item:first-child
    {
        border-left: 1px solid #d7d9da;
    }
    #oc-wrapper #Contents.solution-municipality .mod-case-anker .anker-list .anker-list__item:last-child
    {
        border-right: 1px solid #d7d9da;
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-anker .anker-list .anker-list__item
    {
        border-right: 1px solid #d7d9da;  border-left: 1px solid #d7d9da;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-case-anker .anker-list .anker-list__item:nth-child(1),
#oc-wrapper #Contents.solution-municipality .mod-case-anker .anker-list .anker-list__item:nth-child(2)
{
    margin-bottom: 10px;  border-bottom: 1px solid #d7d9da;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-anker .anker-list .anker-list__item:nth-child(1),
    #oc-wrapper #Contents.solution-municipality .mod-case-anker .anker-list .anker-list__item:nth-child(2)
    {
        margin-bottom: 30px;  border-right: 1px solid #d7d9da;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-case-anker .anker-list .anker-list__item a
{
    font-size: 12px;  font-weight: bold;          display: -webkit-box;          display: -ms-flexbox;          display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  width: 100%;  height: 50px;          -webkit-transition: .24s ease all;                  transition: .24s ease all;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-anker .anker-list .anker-list__item a
    {
        font-size: 14px;  height: 70px;
    }
    #oc-wrapper #Contents.solution-municipality .mod-case-anker .anker-list .anker-list__item a:hover
    {
        background: #d7d9da;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-case-anker .anker-list .anker-list__item a i
{
    display: inline-block;  width: 14px;  height: 14px;  margin-left: 10px;          -webkit-transform: rotate(90deg);              -ms-transform: rotate(90deg);                  transform: rotate(90deg);  vertical-align: middle;
}

#oc-wrapper #Contents.solution-municipality .mod-case-area
{
    margin-bottom: 40px;  border: 1px solid #d7d9da;  border-radius: 6px;
}
#oc-wrapper #Contents.solution-municipality .mod-case-area .area-list
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  max-width: 700px;  margin: 0 auto;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-area .area-list
    {
        padding: 0 10px;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-area .area-list
    {
        -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  width: 90%;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-case-area .area-list .area-list__item a
{
    font-size: 14px;  font-weight: bold;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-area .area-list .area-list__item a
    {
        padding: 10px;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-area .area-list .area-list__item a
    {
        font-size: 16px;  padding: 16px 0;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-case-area .area-list .area-list__item a i
{
    display: inline-block;  width: 14px;  height: 14px;  margin-left: 10px;          -webkit-transform: rotate(90deg);              -ms-transform: rotate(90deg);                  transform: rotate(90deg);  vertical-align: middle;
    position: relative;
}

#oc-wrapper #Contents.solution-municipality .mod-case-area .area-list .area-list__item a i img {
    position: absolute;
}

#oc-wrapper #Contents.solution-municipality .mod-case-detail__head
{
    width: 94%;    width: 100%;  max-width: 1400px;  margin: 0 auto;  padding: 0 !important;  background: #e8e8e8;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-detail__head
    {
        width: 100%;  padding: 0 20px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-case-detail__head .head-inner
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-flow: row-reverse;          flex-flow: row-reverse;  -webkit-box-orient: horizontal;  -webkit-box-direction: reverse;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-detail__head .head-inner
    {
        -ms-flex-flow: row wrap;            flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;      -ms-flex-direction: column-reverse;          flex-direction: column-reverse;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-case-detail__head .head-inner .before
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-box-pack: start;  -ms-flex-pack: start;  justify-content: flex-start;  padding: 30px 20px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-detail__head .head-inner .before
    {
        -ms-flex-line-pack: start;  align-content: flex-start;  -webkit-box-align: stretch;  align-items: stretch;  -ms-flex-align: stretch;  width: 32%;  padding: 80px 40px 40px;
    }
    #oc-wrapper #Contents.solution-municipality .mod-case-detail__head .head-inner .before .before-text
    {
        min-height: 180px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-case-detail__head .head-inner .before .before-image
{
    position: relative;  width: 60%;  margin: 40px 0 0 auto;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-detail__head .head-inner .before .before-image
    {
        width: 100%;  margin-top: 40px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-case-detail__head .head-inner .before .before-image img
{
    width: 100%;
}
#oc-wrapper #Contents.solution-municipality .mod-case-detail__head .head-inner .before .before-image .before-name
{
    position: absolute;  top: -30px;  left: 10px;  display: inline-block;  width: 60px;  height: 60px;  margin-left: -40px;  border-radius: 50%;  background: #797979;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-detail__head .head-inner .before .before-image .before-name
    {
        top: auto;  bottom: -40px;  left: 50%;  width: 80px;  height: 80px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-case-detail__head .head-inner .before .before-image .before-name span
{
    font-size: 10px;  font-weight: bold;  position: absolute;  top: 50%;  left: 50%;          -webkit-transform: translate(-50%, -50%);              -ms-transform: translate(-50%, -50%);                  transform: translate(-50%, -50%);  color: #fff;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-detail__head .head-inner .before .before-image .before-name span
    {
        font-size: 12px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-case-detail__head .head-inner .before .before-text p
{
    font-size: 12px;  margin-top: 4px;
}
#oc-wrapper #Contents.solution-municipality .mod-case-detail__head .head-inner .before .before-text p:first-of-type
{
    margin-top: 0;
}
@media screen and (min-width: 767px) and (max-width: 1160px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-detail__head .head-inner .before .before-text p
    {
        font-size: 12px;
    }
}
@media screen and (min-width: 1160px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-detail__head .head-inner .before .before-text p
    {
        font-size: 16px;  margin-top: 20px;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-detail__head .head-inner .after
    {
        width: calc(100% - 32%);
    }
}
#oc-wrapper #Contents.solution-municipality .mod-case-detail__head .head-inner .after img
{
    width: 100%;
}

#oc-wrapper #Contents.solution-municipality .mod-case-detail__body
{
    width: 100%;  max-width: 1400px;  margin: 0 auto;  padding: 40px 0;  text-align: center;  background: #ffffde;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-detail__body
    {
        padding: 50px 0 80px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-case-detail__body .case-body-ttl
{
    position: relative;  display: inline-block;  width: 80px;  height: 80px;  margin-bottom: 30px;  border-radius: 50%;  background: #ffdf74;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-detail__body .case-body-ttl
    {
        width: 80px;  height: 80px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-case-detail__body .case-body-ttl span
{
    font-size: 10px;  font-weight: bold;  position: absolute;  top: 50%;  left: 50%;          -webkit-transform: translate(-50%, -50%);              -ms-transform: translate(-50%, -50%);                  transform: translate(-50%, -50%);  color: #000;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-detail__body .case-body-ttl span
    {
        font-size: 12px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-case-detail__body .case-body-list
{
    display: -webkit-box;    display: -ms-flexbox;    display: flex;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  width: 94%;  max-width: 1120px;  margin: 0 auto;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-detail__body .case-body-list
    {
        width: 100%;  padding: 0 20px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-case-detail__body .case-body-list .case-body-list__item
{
    width: 48%;  text-align: left;
}

#oc-wrapper #Contents.solution-municipality .mod-case-detail__body .case-body-list .case-body-list__item .thumbnail img
{
    width: 100%;  text-align: left;
}
#oc-wrapper #Contents.solution-municipality .mod-case-detail__body .case-body-list .case-body-list__item:nth-child(1),
#oc-wrapper #Contents.solution-municipality .mod-case-detail__body .case-body-list .case-body-list__item:nth-child(2),
#oc-wrapper #Contents.solution-municipality .mod-case-detail__body .case-body-list .case-body-list__item:nth-child(3)
{
    margin-bottom: 40px;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-detail__body .case-body-list .case-body-list__item
    {
        margin-right: 4%;  margin-bottom: 30px;
    }
    #oc-wrapper #Contents.solution-municipality .mod-case-detail__body .case-body-list .case-body-list__item:nth-child(2n)
    {
        margin-right: 0;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-detail__body .case-body-list .case-body-list__item
    {
        width: 32%;  margin-right: 2%;
    }
    #oc-wrapper #Contents.solution-municipality .mod-case-detail__body .case-body-list .case-body-list__item:nth-child(3n)
    {
        margin-right: 0;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-case-detail__body .case-body-list .case-body-list__item .name
{
    font-size: 13px;  font-weight: bold;  margin: 10px 0 2px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-detail__body .case-body-list .case-body-list__item .name
    {
        font-size: 15px;  margin: 14px 0 6px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-case-detail__body .case-body-list .case-body-list__item .text
{
    font-size: 12px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-detail__body .case-body-list .case-body-list__item .text
    {
        font-size: 16px;
    }
}

#oc-wrapper #Contents.solution-municipality .mod-case-card a
{
    display: block;
}

#oc-wrapper #Contents.solution-municipality .mod-case-card figure
{
    position: relative;  z-index: 0;
}

#oc-wrapper #Contents.solution-municipality .mod-case-card .detail
{
    position: relative;  z-index: 1;  width: 100%;  text-align: left;
}
#oc-wrapper #Contents.solution-municipality .mod-case-card .detail .category
{
    font-size: 12px;  line-height: 1;  position: absolute;  top: -22px;  left: 50%;  padding: 8px 30px;          -webkit-transform: translate(-50%, -50%);              -ms-transform: translate(-50%, -50%);                  transform: translate(-50%, -50%);  white-space: nowrap;  border-top: 4px solid #ccc;  background: #fff;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-card .detail .category
    {
        font-size: 14px;  top: -28px;  padding: 10px 40px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-case-card .detail .place
{
    font-size: 14px;  font-weight: bold;  margin-top: 22px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-card .detail .place
    {
        font-size: 15px;  margin-top: 26px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-case-card .detail .text
{
    font-size: 14px;  margin-top: 6px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-card .detail .text
    {
        font-size: 16px;  margin-top: 4px;
    }
}

#oc-wrapper #Contents.solution-municipality .mod-case-card.case-new .detail .category
{
    border-color: #68cfc3;
}

#oc-wrapper #Contents.solution-municipality .mod-case-card.case-evl .detail .category
{
    border-color: #e60039;
}

#oc-wrapper #Contents.solution-municipality .mod-case-card.case-mado .detail .category
{
    border-color: #89ade6;
}

#oc-wrapper #Contents.solution-municipality .mod-case-card.case-iten .detail .category
{
    border-color: #ffb974;
}

#oc-wrapper #Contents.solution-municipality .mod-case-card.case-sign .detail .category
{
    border-color: #dd7fd9;
}

#oc-wrapper #Contents.solution-municipality .mod-hr
{
    display: none;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-hr
    {
        display: block;  width: 90%;  margin: 40px auto;
    }
}

#oc-wrapper #Contents.solution-municipality a
{
              -webkit-backface-visibility: hidden;                      backface-visibility: hidden;
}

@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality br.sp
    {
        display: none;
    }
}

#oc-wrapper #Contents.solution-municipality br.tb
{
    display: none;
}
@media screen and (min-width: 767px) and (max-width: 1160px)
{
    #oc-wrapper #Contents.solution-municipality br.tb
    {
        display: block;
    }
}
@media screen and (min-width: 1160px)
{
    #oc-wrapper #Contents.solution-municipality br.tb
    {
        display: none;
    }
}

#oc-wrapper #Contents.solution-municipality br.pc
{
    display: none;
}
@media screen and (min-width: 1160px)
{
    #oc-wrapper #Contents.solution-municipality br.pc
    {
        display: block;
    }
}

#oc-wrapper #Contents.solution-municipality span.liner
{
      background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, rgba(255, 223, 116, .6)));      background: linear-gradient(transparent 50%, rgba(255, 223, 116, .6) 50%);
}

#oc-wrapper #Contents.solution-municipality .contents-navigation
{
    -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;  width: 100%;  margin: 0 auto;  padding: 0;  text-align: left;  background-color: rgba(253, 247, 213, .9);
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .contents-navigation
    {
        margin-top: 10px;  padding: 14px 20px;  border-bottom: 1px solid #ccc;
    }
    #oc-wrapper #Contents.solution-municipality .contents-navigation.is-fixed
    {
        position: fixed;  z-index: 9999;  top: 0;  left: 0;  margin-top: 0;          -webkit-transform: translate3d(0, 0, 0);                  transform: translate3d(0, 0, 0);          -webkit-animation: anime1 1s ease 0s forwards;                  animation: anime1 1s ease 0s forwards;  border-top: none;
    }
    #oc-wrapper #Contents.solution-municipality .contents-navigation.is-fixed + div
    {
        margin-top: 70px;
    }
}
#oc-wrapper #Contents.solution-municipality .contents-navigation__inner
{
    max-width: 1280px;  margin: 0 auto;
}
#oc-wrapper #Contents.solution-municipality .contents-navigation h3
{
    font-size: 14px;  font-weight: bold;  position: relative;  display: inline-block;  padding: 12px 0;  letter-spacing: .03em;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .contents-navigation h3
    {
        width: 100%;  text-align: center;  border-bottom: 1px solid #ccc;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .contents-navigation h3
    {
        font-size: 18px;  margin-right: 25px;  padding: 0;
    }
}
#oc-wrapper #Contents.solution-municipality .contents-navigation h3:after
{
    position: absolute;  top: 14px;  right: 5%;  width: 20px;  height: 20px;  content: '';          -webkit-transition: .24s ease all;                  transition: .24s ease all;  background-image: url(../img/municipality/common/icon-open.svg);
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .contents-navigation h3:after
    {
        content: none;
    }
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .contents-navigation h3 a
    {
        pointer-events: none;
    }
}
#oc-wrapper #Contents.solution-municipality .contents-navigation h3.is-active:after
{
              -webkit-transform: rotate(-45deg);                  -ms-transform: rotate(-45deg);                      transform: rotate(-45deg);
}
#oc-wrapper #Contents.solution-municipality .contents-navigation nav
{
    position: absolute;  display: none;  width: 100%;  vertical-align: middle;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .contents-navigation nav
    {
        z-index: 2;  padding: 0 5%;  border-bottom: 1px solid #dbdedf;  background-color: #fcf8dc;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .contents-navigation nav
    {
        display: inline-block !important;
    }
}
#oc-wrapper #Contents.solution-municipality .contents-navigation nav ul
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;
}
#oc-wrapper #Contents.solution-municipality .contents-navigation nav ul li
{
              -webkit-transition: 1s ease all;                      transition: 1s ease all;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .contents-navigation nav ul li
    {
        width: 100%;  border-bottom: 1px solid #dbdedf;
    }
    #oc-wrapper #Contents.solution-municipality .contents-navigation nav ul li:last-child
    {
        border-bottom: none;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .contents-navigation nav ul li
    {
        padding: 0 12px;
		padding: 0 6px; 
    }
    #oc-wrapper #Contents.solution-municipality .contents-navigation nav ul li.top
    {
        display: none;
    }
}
@media screen and (min-width: 1160px)
{
    #oc-wrapper #Contents.solution-municipality .contents-navigation nav ul li
    {
        padding: 0 20px;
		padding: 0 12px; 
    }
}
#oc-wrapper #Contents.solution-municipality .contents-navigation nav ul li a
{
    font-size: 14px;  line-height: 1;  position: relative;  display: block;  padding: 22px 0;  text-align: center;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .contents-navigation nav ul li a
    {
        font-weight: bold;  text-align: left;
    }
    #oc-wrapper #Contents.solution-municipality .contents-navigation nav ul li a:after
    {
        position: absolute;  top: 28px;  right: 5%;  width: 5px;  height: 5px;  content: '';          -webkit-transform: rotate(45deg);              -ms-transform: rotate(45deg);                  transform: rotate(45deg);  border-top: 1px solid #e60039;  border-right: 1px solid #e60039;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .contents-navigation nav ul li a
    {
        padding: 6px 0;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .contents-navigation nav ul li.is-active a
    {
        border-bottom: 1px solid #e60039;
    }
}
#oc-wrapper #Contents.solution-municipality .contents-navigation .print
{
    display: inline-block;  float: right;  margin-right: 15px;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .contents-navigation .print
    {
        display: none;
    }
}
#oc-wrapper #Contents.solution-municipality .contents-navigation .print a
{
    font-size: 12px;  line-height: 1;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;
}
#oc-wrapper #Contents.solution-municipality .contents-navigation .print a i
{
    display: inline-block;  width: 27px;  height: 27px;  margin-right: 10px;  vertical-align: middle;
}

#oc-wrapper #Contents.solution-municipality .mod-ttl
{
    width: 100%;  margin: 0 auto;  background: #f5f5f5;
}
#oc-wrapper #Contents.solution-municipality .mod-ttl .title-jp
{
    font-size: 20px;  width: 90%;  max-width: 1120px;  margin: 0 auto;  padding: 30px 0;  text-align: center;  color: #2f3138;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-ttl .title-jp
    {
        font-size: 20px;  padding: 46px 0;  text-align: left;
    }
}
@media screen and (min-width: 1160px)
{
    #oc-wrapper #Contents.solution-municipality .mod-ttl .title-jp
    {
        font-size: 28px;  text-align: left;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-ttl.contact .title-jp
    {
        padding: 98px 0;
    }
}

#oc-wrapper #Contents.solution-municipality .mod-section__contact
{
    margin-top: 40px;  text-align: center;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-section__contact
    {
        margin-top: 80px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-section__contact .title
{
    font-size: 18px;  font-weight: bold;  margin-bottom: 15px;  color: #2f3138;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .title
    {
        margin-bottom: 20px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-section__contact .title:after
{
    display: block;  width: 24px;  height: 2px;  margin: 15px auto 0;  content: '';  background: #e60039;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .title:after
    {
        width: 50px;  height: 4px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-section__contact .lead
{
    font-size: 12px;  margin-bottom: 30px;  color: #777;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .lead br
    {
        display: none;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-section__contact .caption
{
    font-size: 15px;  margin-top: 20px;
}
#oc-wrapper #Contents.solution-municipality .mod-section__contact .caption br
{
    display: block;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .caption br
    {
        display: none;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  width: 100%;  max-width: 1160px;  margin: 0 auto;  padding: 0 20px;
}
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area.col2 .btn
{
    width: 100%;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area.col2 .btn
    {
        width: 48%;
    }
}
@media screen and (min-width: 420px) and (max-width: 1160px)
{
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area.col3
    {
        -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area.col3 .btn
{
    width: 100%;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area.col3 .btn
    {
        width: 48%;
    }
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area.col3 .btn:first-child
    {
        margin: 0 2% 2%;
    }
}
@media screen and (min-width: 1160px)
{
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area.col3 .btn
    {
        width: 32%;
    }
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area.col3 .btn:first-child
    {
        margin: 0;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area.col3 .btn.call a:after
    {
        left: 20% !important;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn a,
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn form
{
    font-weight: bold;  line-height: 1;  position: relative;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  height: 70px;  padding-left: 10px;  cursor: pointer;          -webkit-transition: all .2s ease;                  transition: all .2s ease;  color: #000;  border: 1px solid #e60039;  border-radius: 40px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn a,
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn form
    {
        height: 80px;  padding-left: 20px;  border: 2px solid #e60039;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn a:after,
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn form:after
{
    top: 45%;          -webkit-transform: translate(0, -50%);              -ms-transform: translate(0, -50%);                  transform: translate(0, -50%);
}
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn a .btn-icon,
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn form .btn-icon
{
    position: absolute;  top: 50%;  left: 20px;  display: block;  width: 25px;  height: 25px;          -webkit-transform: translate(0, -50%);              -ms-transform: translate(0, -50%);                  transform: translate(0, -50%);
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn a .btn-icon,
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn form .btn-icon
    {
        left: 30px;  width: 30px;  height: 30px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn a .btn-icon img,
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn form .btn-icon img
{
    position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;          -webkit-transition: .24s ease all;                  transition: .24s ease all;
}
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn a .btn-icon img:first-child,
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn form .btn-icon img:first-child
{
    opacity: 1 !important;
}
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn a .btn-icon img:last-child,
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn form .btn-icon img:last-child
{
    opacity: 0 !important;
}
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn a:hover,
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn form:hover
{
    opacity: 1;  color: #fff;  background: #e60039;
}
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn a:hover .btn-icon img:first-child,
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn form:hover .btn-icon img:first-child
{
    opacity: 0 !important;
}
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn a:hover .btn-icon img:last-child,
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn form:hover .btn-icon img:last-child
{
    opacity: 1 !important;
}
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn.download
{
    font-size: 3.4vw;  margin-bottom: 20px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn.download
    {
        font-size: 14px;  margin-bottom: 0;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn.download a .btn-icon
{
    width: 30px;  height: 30px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn.download a .btn-icon
    {
        width: 34px;  height: 34px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn.download a:after
{
    position: absolute;  right: 20px;  width: 8px;  height: 8px;  content: '';          -webkit-transition: .24s ease all;                  transition: .24s ease all;          -webkit-transform: rotate(45deg);              -ms-transform: rotate(45deg);                  transform: rotate(45deg);  border-top: 1px solid #e60039;  border-right: 1px solid #e60039;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn.download a:after
    {
        right: 30px;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn.download a:hover:hover:after
    {
        border-color: #fff;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn.call
{
    font-size: 4.4vw;  margin-bottom: 20px;  letter-spacing: .08em;
}
@media screen and (min-width: 420px)
{
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn.call
    {
        font-size: 20px;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn.call
    {
        font-size: 20px;  margin-bottom: 0;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn.call a .inr
{
    line-height: 1;
}
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn.call a .inr span
{
    font-size: 12px;  margin-right: 6px;  letter-spacing: .02em;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn.call a .inr span
    {
        font-size: 14px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn.call a:before
{
    content: '';  background-image: url(../img/municipality/common/icon-call.svg);
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn.call a:hover:hover:before
    {
        background-image: url(../img/municipality/common/icon-call_on.svg);
    }
}
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn.email a,
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn.email form
{
    font-size: 4vw;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn.email a,
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn.email form
    {
        font-size: 14px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn.email a:before,
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn.email form:before
{
    content: '';  background-image: url(../img/municipality/common/icon-email.svg);
}
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn.email a:after,
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn.email form:after
{
    position: absolute;  right: 20px;  width: 8px;  height: 8px;  content: '';          -webkit-transition: .24s ease all;                  transition: .24s ease all;          -webkit-transform: rotate(45deg);              -ms-transform: rotate(45deg);                  transform: rotate(45deg);  border-top: 1px solid #e60039;  border-right: 1px solid #e60039;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn.email a:after,
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn.email form:after
    {
        right: 30px;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn.email a:hover:hover:before,
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn.email form:hover:hover:before
    {
        background-image: url(../img/municipality/common/icon-email_on.svg);
    }
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn.email a:hover:hover:after,
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn.email form:hover:hover:after
    {
        border-color: #fff;
    }
}

#oc-wrapper #Contents.solution-municipality .btn-catalog
{
    width: 100%;  max-width: 360px;  margin: 0 auto;
}
#oc-wrapper #Contents.solution-municipality .btn-catalog a
{
    font-size: 14px;  position: relative;          display: -webkit-box;          display: -ms-flexbox;          display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  height: 70px;          -webkit-transition: .24s ease all;                  transition: .24s ease all;  border: 1px solid #d7d9da;  background: #fff;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .btn-catalog a
    {
        font-size: 16px;  height: 80px;
    }
}
#oc-wrapper #Contents.solution-municipality .btn-catalog a i
{
    display: inline-block;  width: 15px;  height: 15px;  margin-left: 15px;  vertical-align: middle;
}
#oc-wrapper #Contents.solution-municipality .btn-catalog a:before
{
    position: absolute;  top: 50%;  left: 30px;  width: 28px;  height: 28px;  content: '';          -webkit-transform: translate(0, -50%);              -ms-transform: translate(0, -50%);                  transform: translate(0, -50%);  }
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .btn-catalog a:before
    {
        left: 20px;  width: 24px;  height: 20px;
    }
}
#oc-wrapper #Contents.solution-municipality .btn-catalog a:after
{
    position: absolute;  top: 50%;  right: 10px;  width: 17px;  height: 17px;  content: '';          -webkit-transform: translate(0, -50%);              -ms-transform: translate(0, -50%);                  transform: translate(0, -50%);  background: url('/municipality/contents/assets/img/municipality/common/icon-arrow-grey.svg') no-repeat;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .btn-catalog a:after
    {
        right: 30px;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .btn-catalog a:hover
    {
        opacity: 1;  background: #d7d9da;
    }
}

#oc-wrapper #Contents.solution-municipality .btn-link
{
    width: 100%;  max-width: 360px;  margin: 0 auto;
}
#oc-wrapper #Contents.solution-municipality .btn-link a
{
    font-size: 14px;  position: relative;          display: -webkit-box;          display: -ms-flexbox;          display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  height: 70px;          -webkit-transition: .24s ease all;                  transition: .24s ease all;  border: 1px solid #d7d9da;  background: #fff;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .btn-link a
    {
        height: 80px;
    }
}
#oc-wrapper #Contents.solution-municipality .btn-link a i
{
    display: inline-block;  width: 15px;  height: 15px;  margin-left: 15px;  vertical-align: middle;
}
#oc-wrapper #Contents.solution-municipality .btn-link a:before
{
    position: absolute;  top: 50%;  left: 16px;  width: 25px;  height: 25px;  content: '';          -webkit-transform: translate(0, -50%);              -ms-transform: translate(0, -50%);                  transform: translate(0, -50%);  background: url('/municipality/contents/assets/img/municipality/common/icon-link.svg') no-repeat;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .btn-link a:before
    {
        left: 20px;  width: 24px;  height: 20px;
    }
}
#oc-wrapper #Contents.solution-municipality .btn-link a:after
{
    position: absolute;  top: 50%;  right: 10px;  width: 15px;  height: 15px;  content: '';          -webkit-transform: translate(0, -50%);              -ms-transform: translate(0, -50%);                  transform: translate(0, -50%);  background: url('/municipality/contents/assets/img/municipality/common/icon-arrow-grey.svg') no-repeat;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .btn-link a:after
    {
        right: 30px;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .btn-link a:hover
    {
        opacity: 1;  background: #d7d9da;
    }
}

#oc-wrapper #Contents.solution-municipality .mod-slider .slick-arrow,
#oc-wrapper #Contents.solution-municipality .kv-slider .slick-arrow,
#oc-wrapper #Contents.solution-municipality .kv-title .slick-arrow,
#oc-wrapper #Contents.solution-municipality .mod-col3-slider .slick-arrow
{
    position: absolute;  z-index: 200;  top: auto;  bottom: 70%;  width: 40px;  height: 40px;  margin-top: 0;  margin-bottom: -20px;  text-indent: -9999px;  background-color: #000;  background-image: url(/common_assets/img/svg/next_arrow.svg);  background-repeat: no-repeat;  background-position: 50% 50%;  background-size: contain;
}
#oc-wrapper #Contents.solution-municipality .mod-slider .slick-arrow.slick-next,
#oc-wrapper #Contents.solution-municipality .kv-slider .slick-arrow.slick-next,
#oc-wrapper #Contents.solution-municipality .kv-title .slick-arrow.slick-next,
#oc-wrapper #Contents.solution-municipality .mod-col3-slider .slick-arrow.slick-next
{
    right: 0;  margin-left: 0;  background-repeat: no-repeat;  background-position: 50%;  background-size: 8px 8px;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-slider .slick-arrow.slick-next,
    #oc-wrapper #Contents.solution-municipality .kv-slider .slick-arrow.slick-next,
    #oc-wrapper #Contents.solution-municipality .kv-title .slick-arrow.slick-next,
    #oc-wrapper #Contents.solution-municipality .mod-col3-slider .slick-arrow.slick-next
    {
        right: 0;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-slider .slick-arrow.slick-prev,
#oc-wrapper #Contents.solution-municipality .kv-slider .slick-arrow.slick-prev,
#oc-wrapper #Contents.solution-municipality .kv-title .slick-arrow.slick-prev,
#oc-wrapper #Contents.solution-municipality .mod-col3-slider .slick-arrow.slick-prev
{
    left: 0;  margin-right: 0;          -webkit-transform: rotate(180deg);              -ms-transform: rotate(180deg);                  transform: rotate(180deg);  background-repeat: no-repeat;  background-position: 50%;  background-size: 8px 8px;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-slider .slick-arrow.slick-prev,
    #oc-wrapper #Contents.solution-municipality .kv-slider .slick-arrow.slick-prev,
    #oc-wrapper #Contents.solution-municipality .kv-title .slick-arrow.slick-prev,
    #oc-wrapper #Contents.solution-municipality .mod-col3-slider .slick-arrow.slick-prev
    {
        left: 0;
    }
}

#oc-wrapper #Contents.solution-municipality .catalog-slider .slick-dots
{
    display: none !important;                          -webkit-filter: grayscale(1);                                  filter: grayscale(1);
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .catalog-slider .slick-dots
    {
        position: absolute;  z-index: 999;  bottom: 10px;  left: 50%;  display: block !important;  padding-top: 0;          -webkit-transform: translate(-50%, 0);              -ms-transform: translate(-50%, 0);                  transform: translate(-50%, 0);
    }
}

#oc-wrapper #Contents.solution-municipality .catalog-slider .slick-arrow
{
    position: absolute;  z-index: 200;  top: auto;  bottom: 50%;  width: 40px;  height: 40px;  margin-top: 0;  margin-bottom: -20px;  text-indent: -9999px;  background-color: #000;  background-image: url(/common_assets/img/svg/next_arrow.svg);  background-repeat: no-repeat;  background-position: 50% 50%;  background-size: contain;
}
#oc-wrapper #Contents.solution-municipality .catalog-slider .slick-arrow.slick-next
{
    right: 20px;  margin-left: 0;  background-repeat: no-repeat;  background-position: 50%;  background-size: 8px 8px;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .catalog-slider .slick-arrow.slick-next
    {
        right: 10px;
    }
}
#oc-wrapper #Contents.solution-municipality .catalog-slider .slick-arrow.slick-prev
{
    left: 20px;  margin-right: 0;          -webkit-transform: rotate(180deg);              -ms-transform: rotate(180deg);                  transform: rotate(180deg);  background-repeat: no-repeat;  background-position: 50%;  background-size: 8px 8px;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .catalog-slider .slick-arrow.slick-prev
    {
        left: 10px;
    }
}

#oc-wrapper #Contents .mod-tab
{
    max-width: 1120px;  margin: 0 auto;  padding: 20px 20px 0;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents .mod-tab
    {
        display: none;
    }
}
#oc-wrapper #Contents .mod-tab ul
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;  -webkit-box-pack: end;  -ms-flex-pack: end;  justify-content: flex-end;
}
#oc-wrapper #Contents .mod-tab li
{
    padding-left: 10px;
}
#oc-wrapper #Contents .mod-tab a
{
    font-size: 14px;  font-weight: bold;  line-height: 1;  position: relative;  display: block;  width: 120px;  padding: 8px 28px 11px 24px;  text-align: center;  border: 1px solid #d7d9da;  border-radius: 20px;
}
#oc-wrapper #Contents .mod-tab a.active
{
    pointer-events: none;  opacity: .5;
}
#oc-wrapper #Contents .mod-tab a.active:after
{
    border-color: #d7d9da;
}
#oc-wrapper #Contents .mod-tab a:after
{
    position: absolute;  top: 13px;  right: 14px;  width: 7px;  height: 7px;  content: '';          -webkit-transform: rotate(45deg);              -ms-transform: rotate(45deg);                  transform: rotate(45deg);  border-top: 1px solid #e60039;  border-right: 1px solid #e60039;
}

#oc-wrapper #Contents .mod-links-inner
{
    background: #f2f3f4;
}

#oc-wrapper #Contents .mod-links ul
{
    max-width: 1120px;  margin: 0 auto;  padding: 20px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents .mod-links ul
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;
    }
}

@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents .mod-links li
    {
        width: calc(50% - 8px);
    }
}

@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents .mod-links li
    {
        font-size: 12px;
    }
    #oc-wrapper #Contents .mod-links li:not(:last-child)
    {
        margin-bottom: 10px;
    }
}

#oc-wrapper #Contents .mod-links a
{
    display: -webkit-box;    display: -ms-flexbox;    display: flex;  width: 100%;  height: 100%;  text-align: left;  background: #fff;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents .mod-links a
    {
        min-height: 90px;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents .mod-links a:hover
    {
        opacity: 1;
    }
    #oc-wrapper #Contents .mod-links a:hover .mod-links-cover div.overlay
    {
        -webkit-transform: scale(1.02);            -ms-transform: scale(1.02);                transform: scale(1.02);  opacity: .7;
    }
}

#oc-wrapper #Contents .mod-links-cover
{
    position: relative;  overflow: hidden;  width: 140px;  background: #000;
}
@media screen and (min-width: 960px)
{
    #oc-wrapper #Contents .mod-links-cover
    {
        width: 210px;
    }
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents .mod-links-cover
    {
        font-size: 16px;  width: 100px;
    }
}
#oc-wrapper #Contents .mod-links-cover .overlay
{
    position: absolute;  z-index: 0;  top: 0;  left: 0;  width: 100%;  height: 100%;  opacity: .5;  background-position: center center;  background-size: cover;
}
#oc-wrapper #Contents .mod-links-cover div.overlay
{
              -webkit-transition: .3s;                      transition: .3s;
}
#oc-wrapper #Contents .mod-links-cover p.overlay
{
    z-index: 1;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  opacity: 1;  color: #fff;
}

#oc-wrapper #Contents .mod-links-icon
{
    position: absolute;  z-index: 2;  top: 10px;  left: -34px;  width: 64px;  height: 64px;  padding: 12px;  border: 2px solid #d7d9da;  border-radius: 50%;  background: #fff;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents .mod-links-icon
    {
        display: none;
    }
}

#oc-wrapper #Contents .mod-links-content
{
    position: relative;  -webkit-box-flex: 1;      -ms-flex: 1;          flex: 1;  padding: 24px 24px 24px 40px;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents .mod-links-content
    {
        padding: 10px;
    }
}
#oc-wrapper #Contents .mod-links-content h4
{
    font-size: 18px;  padding-bottom: 24px;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents .mod-links-content h4
    {
        font-size: 14px;  font-weight: bold;  min-height: 54px;  padding-bottom: 10px;
    }
}

#Contents.solution-municipality #index
{
    width: 100%;  margin: 0 auto;  text-align: center;
}
#Contents.solution-municipality #index .hero .title-ja
{
    font-size: 28px;  font-weight: bold;  margin: 10px 0 0;  padding: 25px 0;  text-align: center;  text-align: center;  letter-spacing: .01em;  pointer-events: none;  color: #2f3138;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #index .hero .title-ja
    {
        font-size: 14px;  font-weight: bold;  position: relative;  display: inline-block;  width: 100%;  margin-top: 0;  padding: 12px 0;  pointer-events: auto;  border-bottom: none;  border-bottom: 1px solid #ccc;  background-color: rgba(253, 247, 213, .9);
    }
}
#Contents.solution-municipality #index .hero .title-ja:after
{
    content: none;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #index .hero .title-ja:after
    {
        position: absolute;  top: 13px;  right: 5%;  width: 20px;  height: 20px;  content: '';          -webkit-transition: .24s ease all;                  transition: .24s ease all;  background-image: url(../img/municipality/common/icon-open.svg);
    }
}
#Contents.solution-municipality #index .hero .title-ja.is-active:after
{
              -webkit-transform: rotate(-45deg);                  -ms-transform: rotate(-45deg);                      transform: rotate(-45deg);
}
#Contents.solution-municipality #index .hero .mod-nav
{
    display: block;  width: 100%;  padding: 10px 0;  background: #fff;  background-color: rgba(253, 247, 213, .9);
}
#Contents.solution-municipality #index .hero .mod-nav h3
{
    display: none;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #index .hero .mod-nav
    {
        position: absolute;  z-index: 1;  display: none;  margin-bottom: 0;  padding: 0 5%;  border-bottom: 1px solid #dbdedf;  background-color: #fcf8dc;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #index .hero .mod-nav.is-fixed
    {
        position: fixed;  z-index: 99999;  top: 0;  left: 0;  max-width: inherit;  padding: 14px 20px;          -webkit-transform: translate3d(0, 0, 0);                  transform: translate3d(0, 0, 0);          -webkit-animation: anime1 .4s ease 0s forwards;                  animation: anime1 .4s ease 0s forwards;  border-bottom: 1px solid #ccc;
    }
    @-webkit-keyframes anime1
    {
        0%
        {
                              -webkit-transform: translate(0px, -60px);                                      transform: translate(0px, -60px);
        }
        100%
        {
                              -webkit-transform: translate(0px, 0px);                                      transform: translate(0px, 0px);
        }
    }
    @keyframes anime1
    {
        0%
        {
                              -webkit-transform: translate(0px, -60px);                                      transform: translate(0px, -60px);
        }
        100%
        {
                              -webkit-transform: translate(0px, 0px);                                      transform: translate(0px, 0px);
        }
    }
    #Contents.solution-municipality #index .hero .mod-nav.is-fixed h3
    {
        font-size: 18px;  font-weight: bold;  display: block;  margin-right: 18px;
    }
    #Contents.solution-municipality #index .hero .mod-nav.is-fixed .inner
    {
        display: -webkit-box;        display: -ms-flexbox;        display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;  max-width: 1280px;  margin: 0 auto;
    }
    #Contents.solution-municipality #index .hero .mod-nav.is-fixed ul
    {
        -webkit-box-pack: start;  -ms-flex-pack: start;  justify-content: flex-start;
    }
    #Contents.solution-municipality #index .hero .mod-nav.is-fixed ul li a:hover
    {
        border-bottom: 1px solid 1px solid #e60039;
    }
}
#Contents.solution-municipality #index .hero .mod-nav ul
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;  -ms-flex-line-pack: center;  align-content: center;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #index .hero .mod-nav ul
    {
        -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #index .hero .mod-nav ul .item
    {
        width: 100%;  border-bottom: 1px solid #dbdedf;
    }
    #Contents.solution-municipality #index .hero .mod-nav ul .item:last-child
    {
        border-bottom: none;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #index .hero .mod-nav ul .item
    {
        padding: 0 10px;
    }
}
@media screen and (min-width: 1160px)
{
    #Contents.solution-municipality #index .hero .mod-nav ul .item
    {
        padding: 0 20px;
    }
}
#Contents.solution-municipality #index .hero .mod-nav ul .item a
{
    font-size: 14px;  line-height: 1;  position: relative;  display: block;  padding: 22px 0;  text-align: center;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #index .hero .mod-nav ul .item a
    {
        font-weight: bold;  text-align: left;
    }
    #Contents.solution-municipality #index .hero .mod-nav ul .item a:after
    {
        position: absolute;  top: 28px;  right: 5%;  width: 5px;  height: 5px;  content: '';          -webkit-transform: rotate(45deg);              -ms-transform: rotate(45deg);                  transform: rotate(45deg);  border-top: 1px solid #e60039;  border-right: 1px solid #e60039;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #index .hero .mod-nav ul .item a
    {
        font-size: 14px;  padding: 6px 0;
    }
}
#Contents.solution-municipality #index .hero .mod-nav .print
{
    position: absolute;  top: 0;  right: 0;  display: inline-block;  float: right;  margin-right: 15px;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #index .hero .mod-nav .print
    {
        display: none;
    }
}
@media screen and (min-width: 1160px)
{
    #Contents.solution-municipality #index .hero .mod-nav .print
    {
        right: 3vw;
    }
}
#Contents.solution-municipality #index .hero .mod-nav .print a
{
    font-size: 12px;  line-height: 1;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;
}
#Contents.solution-municipality #index .hero .mod-nav .print a i
{
    display: inline-block;  width: 27px;  height: 27px;  margin-right: 10px;  vertical-align: middle;
}
@media screen and (min-width: 767px) and (max-width: 1000px)
{
    #Contents.solution-municipality #index .case .slick-prev
    {
        left: -35px;
    }
}
@media screen and (min-width: 767px) and (max-width: 1000px)
{
    #Contents.solution-municipality #index .case .slick-next
    {
        right: -35px;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #index .case .mod-case-layout
    {
        margin-top: 20px;
    }
    #Contents.solution-municipality #index .case .mod-case-layout ul
    {
        margin-bottom: -20px;
    }
    #Contents.solution-municipality #index .case .mod-case-layout .layout-list .mod-case-card
    {
        margin-bottom: 20px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #index .case .sp
    {
        display: none;
    }
}
#Contents.solution-municipality #index .solution
{
    margin: 40px auto;  padding: 0 20px;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #index .solution
    {
        margin: 80px auto;
    }
}
@media screen and (min-width: 1160px)
{
    #Contents.solution-municipality #index .solution
    {
        max-width: 1400px;
    }
}
#Contents.solution-municipality #index .solution .card
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  width: 100%;  margin: 0 auto;
}
@media screen and (max-width: 1159px)
{
    #Contents.solution-municipality #index .solution .card
    {
        margin: 0 auto -10px;
    }
}
#Contents.solution-municipality #index .solution .card li
{
    overflow: hidden;  width: 48%;  margin-bottom: 20px;  background: #f5f5f5;
}
@media screen and (min-width: 1160px)
{
    #Contents.solution-municipality #index .solution .card li
    {
        width: 24%;  margin-bottom: 0;
    }
}
#Contents.solution-municipality #index .solution .card li a
{
    display: block;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #index .solution .card li a:hover
    {
        opacity: 1;
    }
    #Contents.solution-municipality #index .solution .card li a:hover .visual figure img
    {
                      -webkit-transform: scale(1.1);                          -ms-transform: scale(1.1);                              transform: scale(1.1);  opacity: .7 !important;
    }
    #Contents.solution-municipality #index .solution .card li a:hover .detail i img
    {
        opacity: 1 !important;
    }
}
#Contents.solution-municipality #index .solution .card li a .visual
{
    position: relative;
}
#Contents.solution-municipality #index .solution .card li a .visual figure
{
    overflow: hidden;  background: #000;
}
#Contents.solution-municipality #index .solution .card li a .visual figure img
{
              -webkit-transition: .24s ease all;                      transition: .24s ease all;          -webkit-transform: scale(1.02);              -ms-transform: scale(1.02);                  transform: scale(1.02);  opacity: .5 !important;
}
#Contents.solution-municipality #index .solution .card li a .visual h3
{
    font-size: 16px;  position: absolute;  z-index: 1;  top: 50%;  left: 50%;          -webkit-transform: translate(-50%, -50%);              -ms-transform: translate(-50%, -50%);                  transform: translate(-50%, -50%);  white-space: nowrap;  color: #fff;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #index .solution .card li a .visual h3
    {
        font-size: 18px;
    }
}
#Contents.solution-municipality #index .solution .card li a .detail
{
    position: relative;  z-index: 1;  padding: 0 10px 26px;  text-align: left;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #index .solution .card li a .detail
    {
        padding: 0 20px 40px 20px;
    }
}
#Contents.solution-municipality #index .solution .card li a .detail i
{
    position: absolute;  z-index: 1;  top: -20px;  left: 50%;  width: 60px;  height: 60px;          -webkit-transform: translate(-50%, 0);              -ms-transform: translate(-50%, 0);                  transform: translate(-50%, 0);  border-radius: 50%;  background-color: #fff;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #index .solution .card li a .detail i
    {
        top: -60px;  left: 50%;  width: 120px;  height: 120px;
    }
}
#Contents.solution-municipality #index .solution .card li a .detail i img
{
    position: absolute;  top: 50%;  left: 50%;      width: 50%;      width: 50%;          -webkit-transform: translate(-50%, -50%);              -ms-transform: translate(-50%, -50%);                  transform: translate(-50%, -50%);   opacity: 1 !important;
}
#Contents.solution-municipality #index .solution .card li a .detail .heading
{
    font-size: 13px;  font-weight: bold;  line-height: 1.55556;  padding-top: 50px;  text-align: center;  color: #2f3138;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #index .solution .card li a .detail .heading
    {
        font-size: 18px;  padding-top: 70px;
    }
}
#Contents.solution-municipality #index .solution .card li a .detail .text
{
    font-size: 3vw;    font-size: 12px;  line-height: 1.875;  margin-top: 10px;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #index .solution .card li a .detail .text
    {
        font-size: 16px;  margin-top: 20px;
    }
}
#Contents.solution-municipality #index .concept
{
    max-width: 1270px;  margin: 0 auto;
}
#Contents.solution-municipality #index .concept .content
{
    margin: 0 auto;  padding: 50px 30px;  background: #f5f5f5;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #index .concept .content
    {
        padding: 60px 30px;
    }
}
#Contents.solution-municipality #index .concept .content .heading
{
    font-size: 18px;  position: relative;  z-index: 2;  display: inline-block;  text-align: center;  color: #2f3138;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #index .concept .content .heading
    {
        font-size: 32px;
    }
}
#Contents.solution-municipality #index .concept .content .heading:after
{
    position: absolute;  z-index: -1;  bottom: 0;  left: 0;  width: 100%;  height: 10px;  content: '';  background: #ffdf74;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #index .concept .content .heading:after
    {
        height: 20px;
    }
}
#Contents.solution-municipality #index .concept .content .lead
{
    font-size: 12px;  line-height: 1.88889;  margin: 20px 0 26px;  text-align: center;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #index .concept .content .lead
    {
        font-size: 18px;  margin: 30px 0 40px;
    }
}
#Contents.solution-municipality #index .concept .content .content-list
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  max-width: 920px;  margin: 0 auto;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #index .concept .content .content-list .item
    {
        margin-bottom: 40px;
    }
    #Contents.solution-municipality #index .concept .content .content-list .item:last-child
    {
        margin-bottom: 0;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #index .concept .content .content-list .item
    {
        width: 30.2%;
    }
}
#Contents.solution-municipality #index .concept .content .content-list .item figure
{
    /*display: flex;
                justify-content: center;
                align-items: center;*/
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #index .concept .content .content-list .item figure
    {
        width: 64%;  margin: 0 auto;
    }
}
#Contents.solution-municipality #index .concept .content .content-list .item figure .cir-text
{
    font-size: 20px;  font-weight: 700;  position: absolute;  margin: 0;          -webkit-transform: translate(0%, 75%);              -ms-transform: translate(0%, 75%);                  transform: translate(0%, 75%);
}
#Contents.solution-municipality #index .concept .content .content-list .item h5
{
    font-size: 13px;  font-weight: bold;  margin-top: 14px;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #index .concept .content .content-list .item h5
    {
        font-size: 16px;  line-height: 1.5;  margin-top: 20px;
    }
}

#Contents.solution-municipality #solution .solution
{
    width: 94%;  max-width: 1120px;  margin: 0 auto;  margin: 40px auto;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution .solution
    {
        width: 100%;  padding: 0 20px;
    }
}
@media screen and (min-width: 1160px)
{
    #Contents.solution-municipality #solution .solution
    {
        margin: 40px auto;
    }
}
#Contents.solution-municipality #solution .solution .card
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  width: 100%;  margin: 0 auto;
}
#Contents.solution-municipality #solution .solution .card li
{
    overflow: hidden;  width: 49%;  margin-bottom: 20px;  background: #f5f5f5;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution .solution .card li
    {
        margin-bottom: 30px;
    }
}
#Contents.solution-municipality #solution .solution .card li:last-child,
#Contents.solution-municipality #solution .solution .card li:nth-last-child(2)
{
    margin-bottom: 30px;
}
#Contents.solution-municipality #solution .solution .card li a
{
    display: block;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution .solution .card li a:hover
    {
        opacity: 1;
    }
    #Contents.solution-municipality #solution .solution .card li a:hover .visual figure img
    {
                      -webkit-transform: scale(1.1);                          -ms-transform: scale(1.1);                              transform: scale(1.1);  opacity: .5 !important;
    }
    #Contents.solution-municipality #solution .solution .card li a:hover .detail i img
    {
        opacity: 1 !important;
    }
}
#Contents.solution-municipality #solution .solution .card li a .visual
{
    position: relative;
}
#Contents.solution-municipality #solution .solution .card li a .visual figure
{
    overflow: hidden;  background: #2f3138;
}
#Contents.solution-municipality #solution .solution .card li a .visual figure img
{
              -webkit-transition: .24s ease all;                      transition: .24s ease all;          -webkit-transform: scale(1.02);              -ms-transform: scale(1.02);                  transform: scale(1.02);  opacity: .3 !important;
}
#Contents.solution-municipality #solution .solution .card li a .visual h3
{
    font-size: 16px;  position: absolute;  z-index: 1;  top: 50%;  left: 50%;          -webkit-transform: translate(-50%, -50%);              -ms-transform: translate(-50%, -50%);                  transform: translate(-50%, -50%);  white-space: nowrap;  color: #fff;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution .solution .card li a .visual h3
    {
        font-size: 22px;
    }
}
#Contents.solution-municipality #solution .solution .card li a .detail
{
    position: relative;  z-index: 1;  padding: 0 10px 10px;  text-align: left;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution .solution .card li a .detail
    {
        padding: 0 20px 40px 20px;
    }
}
#Contents.solution-municipality #solution .solution .card li a .detail i
{
    position: absolute;  top: -26px;  left: 50%;  width: 56px;          -webkit-transform: translate(-50%, 0);              -ms-transform: translate(-50%, 0);                  transform: translate(-50%, 0);
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution .solution .card li a .detail i
    {
        top: -60px;  width: 120px;
    }
}
#Contents.solution-municipality #solution .solution .card li a .detail i img
{
    opacity: 1 !important;
}
#Contents.solution-municipality #solution .solution .card li a .detail .heading
{
    font-size: 14px;  font-weight: bold;  padding-top: 40px;  text-align: center;  color: #2f3138;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution .solution .card li a .detail .heading
    {
        font-size: 18px;  padding-top: 80px;
    }
}
#Contents.solution-municipality #solution .solution .card li a .detail .heading br
{
    display: none;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution .solution .card li a .detail .heading br
    {
        display: block;
    }
}
#Contents.solution-municipality #solution .solution .card li a .detail .text
{
    font-size: 3vw;    font-size: 12px;  margin-top: 10px;  text-align: justify;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution .solution .card li a .detail .text br
    {
        display: none;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution .solution .card li a .detail .text
    {
        font-size: 16px;  line-height: 1.875;  margin-top: 10px;  text-align: center;
    }
}

#Contents.solution-municipality #solution-sign .introduce
{
    width: 94%;  max-width: 1120px;  margin: 0 auto;  padding: 40px;  background: #f5f5f5;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-sign .introduce
    {
        width: 100%;  padding: 0 20px;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-sign .introduce
    {
        padding: 30px 20px;
    }
}
#Contents.solution-municipality #solution-sign .introduce .mod-heading
{
    margin-bottom: 20px;
}
#Contents.solution-municipality #solution-sign .introduce .exaple
{
    margin-bottom: 40px;  padding-bottom: 40px;  border-bottom: 1px solid #d7d9da;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-sign .introduce .exaple .pc
    {
        display: none;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-sign .introduce .exaple
    {
        margin-bottom: 60px;  padding-bottom: 60px;
    }
}
#Contents.solution-municipality #solution-sign .introduce .exaple_list
{
    font-size: 16px;
}
#Contents.solution-municipality #solution-sign .introduce .exaple_list li
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-wrap: wrap;          flex-wrap: wrap;
}
#Contents.solution-municipality #solution-sign .introduce .exaple_list li:first-child
{
    margin-bottom: 34px;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-sign .introduce .exaple_list li:first-child
    {
        margin-bottom: 64px;
    }
}
#Contents.solution-municipality #solution-sign .introduce .exaple_list__arrow
{
    position: absolute;  bottom: -48px;  left: 0;  width: 100%;
}
#Contents.solution-municipality #solution-sign .introduce .exaple_list__arrow img
{
    display: block;  width: 36px;  height: 27px;  margin: 0 auto;
}
#Contents.solution-municipality #solution-sign .introduce .exaple_list__title
{
    font-weight: bold;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;  width: 16em;  padding: 38px 0 8px;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-sign .introduce .exaple_list__title
    {
        width: 100%;  padding: 0 0 8px;
    }
}
#Contents.solution-municipality #solution-sign .introduce .exaple_list__title img
{
    display: block;  width: 40px;
}
#Contents.solution-municipality #solution-sign .introduce .exaple_list__title span
{
    font-size: 70%;  display: block;  width: 6em;  margin-left: -12px;  letter-spacing: 1px;
}
#Contents.solution-municipality #solution-sign .introduce .exaple_list__title p
{
    -webkit-box-flex: 1;      -ms-flex: 1;          flex: 1;
}
#Contents.solution-municipality #solution-sign .introduce .exaple_list__cnt
{
    position: relative;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-sign .introduce .exaple_list__cnt
    {
        width: 100%;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-sign .introduce .exaple_list__cnt
    {
        -webkit-box-flex: 1;      -ms-flex: 1;          flex: 1;  min-width: 600px;
    }
}
#Contents.solution-municipality #solution-sign .introduce .exaple_list__cnt p
{
    font-weight: bold;  margin-top: 8px;  padding: 10px;  text-align: center;  background: #fff;
}
#Contents.solution-municipality #solution-sign .introduce .exaple_list__marker
{
    padding: 0 4px;  background: rgba(255, 223, 116, .6);
}
#Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item
{
    margin: 30px 0;
}
#Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .title
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;  margin-bottom: 20px;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .title
    {
        margin-bottom: 14px;
    }
}
#Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .title .title_number
{
    width: 50px;  margin-right: 10px;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .title .title_number
    {
        width: 60px;  margin-right: 20px;
    }
}
#Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .title .heading
{
    font-size: 20px;  font-weight: bold;  line-height: 1;  color: #2f3138;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .title .heading
    {
        font-weight: normal;
    }
}
#Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .title .heading span
{
    font-size: 14px;  font-weight: normal;  display: block;  margin-bottom: 5px;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .baf
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;
    }
}
#Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .baf img
{
    width: 100%;
}
#Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .baf .after,
#Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .baf .before
{
    position: relative;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .baf .after:before,
    #Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .baf .before:before
    {
        position: absolute;  right: 10px;  bottom: 10px;  width: 34px;  height: 34px;  content: '';  background-image: url('/municipality/contents/assets/img/municipality/solution/sign/BEFORE.png');  background-repeat: no-repeat;  background-size: cover;
    }
}
#Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .baf .after .after-icon,
#Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .baf .after .before-icon,
#Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .baf .before .after-icon,
#Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .baf .before .before-icon
{
    display: none;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .baf .after .after-icon,
    #Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .baf .after .before-icon,
    #Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .baf .before .after-icon,
    #Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .baf .before .before-icon
    {
        position: absolute;  right: 18px;  bottom: 16px;  display: block;  width: 80px;  height: 80px;  border: 1px solid #fff;  border-radius: 50%;  background: #ffdf5f;
    }
}
#Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .baf .after .after-icon span,
#Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .baf .after .before-icon span,
#Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .baf .before .after-icon span,
#Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .baf .before .before-icon span
{
    font-size: 12px;  position: absolute;  top: 50%;  left: 50%;          -webkit-transform: translate(-50%, -50%);              -ms-transform: translate(-50%, -50%);                  transform: translate(-50%, -50%);
}
#Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .baf .after:before
{
    width: 60px;  height: 60px;  background-image: url('/municipality/contents/assets/img/municipality/solution/sign/AFTER.png');
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .baf .after
    {
        width: 50%;
    }
}
#Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .baf .before
{
    position: relative;
}
#Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .baf .before .before-icon
{
    background: #797979;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .baf .before .before-icon
    {
        bottom: 90px;
    }
}
#Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .baf .before .before-icon span
{
    color: #fff;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .baf .before
    {
        width: 46%;
    }
    #Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .baf .before:after
    {
        position: absolute;  z-index: 1000;  top: 45%;  right: -6.5%;  width: 0;  height: 0;  content: '';          -webkit-transform: translate(-50%, -50%);              -ms-transform: translate(-50%, -50%);                  transform: translate(-50%, -50%);  border-width: 10px 0 10px 10px;  border-style: solid;  border-color: transparent transparent transparent #000;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .baf .before
    {
        width: 60%;  margin: 0 auto 8%;
    }
    #Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .baf .before:after
    {
        position: absolute;  bottom: -25px;  left: 50%;  width: 0;  height: 0;  content: '';          -webkit-transform: translate(-50%, -50%);              -ms-transform: translate(-50%, -50%);                  transform: translate(-50%, -50%);  border-width: 10px 10px 0 10px;  border-style: solid;  border-color: #000 transparent transparent transparent;
    }
}

#Contents.solution-municipality #solution-new .menu
{
    width: 94%;  max-width: 1120px;  margin: 0 auto;  margin: 40px auto;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-new .menu
    {
        width: 100%;  padding: 0 20px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-new .menu
    {
        margin: 80px auto;
    }
}

#Contents.solution-municipality #solution-new .flow
{
    width: 94%;  max-width: 1120px;  margin: 0 auto;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-new .flow
    {
        width: 100%;  padding: 0 20px;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-new .flow
    {
        text-align: center;
    }
}

@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-new .mod-solution-lead
    {
        margin: 80px auto 50px;
    }
}

#Contents.solution-municipality #solution-new .icon i img
{
    margin: -5px auto !important;
}

#Contents.solution-municipality #solution-mado .detail .mod-heading
{
    margin-bottom: 20px;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-mado .detail .mod-heading
    {
        margin-bottom: 25px;
    }
}

#Contents.solution-municipality #solution-mado .faq,
#Contents.solution-municipality #solution-mado .needs,
#Contents.solution-municipality #solution-mado .syokuin
{
    width: 94%;  max-width: 1120px;  margin: 0 auto;  margin: 40px auto;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-mado .faq,
    #Contents.solution-municipality #solution-mado .needs,
    #Contents.solution-municipality #solution-mado .syokuin
    {
        width: 100%;  padding: 0 20px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-mado .faq,
    #Contents.solution-municipality #solution-mado .needs,
    #Contents.solution-municipality #solution-mado .syokuin
    {
        margin: 80px auto;
    }
}

#Contents.solution-municipality #solution-mado .faq > .mod-heading
{
    margin-bottom: 15px;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-mado .faq > .mod-heading
    {
        text-align: center;
    }
}

@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-mado .faq .inr
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;
    }
}

#Contents.solution-municipality #solution-mado .faq .inr .faq_item
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;  padding: 20px 0 20px 20px;  background: #f5f5f5;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-mado .faq .inr .faq_item:first-child
    {
        margin-bottom: 10px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-mado .faq .inr .faq_item
    {
        width: 49.1%;  padding: 36px;
    }
}
#Contents.solution-municipality #solution-mado .faq .inr .faq_item figure
{
    width: 70px;  margin-right: 10px;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-mado .faq .inr .faq_item figure
    {
        width: 130px;  margin-right: 20px;
    }
}
#Contents.solution-municipality #solution-mado .faq .inr .faq_item h3
{
    font-weight: bold;
}
#Contents.solution-municipality #solution-mado .faq .inr .faq_item p
{
    font-size: 12px;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-mado .faq .inr .faq_item p
    {
        font-size: 16px;
    }
}

#Contents.solution-municipality #solution-mado .needs > .mod-heading,
#Contents.solution-municipality #solution-mado .syokuin > .mod-heading
{
    width: 100%;  margin-bottom: 0 !important;  padding: 30px 0 30px 24px;  text-align: left;  border-bottom: 2px solid #000;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-mado .needs > .mod-heading,
    #Contents.solution-municipality #solution-mado .syokuin > .mod-heading
    {
        font-size: 16px;  padding: 40px 0;  text-align: left;
    }
}
#Contents.solution-municipality #solution-mado .needs > .mod-heading i,
#Contents.solution-municipality #solution-mado .syokuin > .mod-heading i
{
    width: 5%;  padding-top: 30px;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-mado .needs > .mod-heading i,
    #Contents.solution-municipality #solution-mado .syokuin > .mod-heading i
    {
        display: none;
    }
}
#Contents.solution-municipality #solution-mado .needs > .mod-heading:after,
#Contents.solution-municipality #solution-mado .syokuin > .mod-heading:after
{
    position: absolute;  right: 0;  bottom: -1px;  width: 320px;  height: 140px;  content: '';
}

@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-mado .needs h2.mod-heading.t_1,
    #Contents.solution-municipality #solution-mado .syokuin h2.mod-heading.t_1
    {
        font-size: 18px;  margin-bottom: 0;  padding: 30px 0 30px 20px;  text-align: left;
    }
    #Contents.solution-municipality #solution-mado .needs h2.mod-heading.t_1:after,
    #Contents.solution-municipality #solution-mado .syokuin h2.mod-heading.t_1:after
    {
        width: 171.2px;  height: 75px;
    }
    #Contents.solution-municipality #solution-mado .needs-list__item h2.mod-heading,
    #Contents.solution-municipality #solution-mado .syokuin-list__item h2.mod-heading
    {
        font-size: 14px;
    }
}

#Contents.solution-municipality #solution-mado .needs
{
    padding: 0 !important;
}
#Contents.solution-municipality #solution-mado .needs > .mod-heading:after
{
    background: url(../img/municipality/solution/mado/needs-heading.png) no-repeat left/cover;
}
#Contents.solution-municipality #solution-mado .needs .needs-list
{
    padding: 0 20px 30px;  background: #f5f5f5;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-mado .needs .needs-list
    {
        padding: 0 40px 60px;
    }
}
#Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item
{
    margin-bottom: 24px;  padding-bottom: 24px;  text-align: right;  border-bottom: 1px solid #ccc;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item
    {
        margin-bottom: 40px;  padding-bottom: 40px;
    }
}
#Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item:first-child
{
    padding-top: 30px;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item:first-child
    {
        padding-top: 24px;
    }
}
#Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item:last-child
{
    margin-bottom: 0;  padding-bottom: 20px;  border-bottom: none;
}
#Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item .mod-heading
{
    padding: 0 0 10px;  text-align: center;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item .mod-heading
    {
        padding: 0 0 5px;
    }
}
#Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item .mod-text
{
    margin-bottom: 20px;  text-align: center;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item .mod-text
    {
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item .mod-text
    {
        font-size: 11px;
    }
}
#Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item .btn
{
    display: block;  margin-top: 10px;  border: 1px solid #d7d9da;  background: #fff;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item .btn
    {
        font-weight: bold;  display: inline-block;  margin-top: 30px;  padding: 20px 38px 20px 54px;  text-align: right;
    }
}
#Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item .btn a
{
    font-size: 14px;  position: relative;
}
#Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item .btn a:after
{
    position: relative;  display: inline-block;  width: 14px;  height: 14px;  content: '';  vertical-align: middle;  background: url(../img/municipality/common/icon-arrow-grey.svg) no-repeat center/cover;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item .btn a:after
    {
        top: -2px;  width: 20px;  height: 20px;  margin-left: 16px;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item .btn a:after
    {
        position: absolute;  top: 50%;  right: 20px;          -webkit-transform: translate(0, -50%);              -ms-transform: translate(0, -50%);                  transform: translate(0, -50%);
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item .btn a
    {
        display: block;  padding: 20px 0 20px 20px;  text-align: left;  color: #2f3138;  border: 1px solid #d7d9da;  background: #fff;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item .btn a
    {
        display: inline-block;
    }
}
#Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item .baf .before
{
    position: relative;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item .baf .before
    {
        width: 80%;  margin: 0 auto 30px;
    }
    #Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item .baf .before:after
    {
        position: absolute;  bottom: -25px;  left: 50%;  width: 0;  height: 0;  content: '';          -webkit-transform: translate(-50%, -50%);              -ms-transform: translate(-50%, -50%);                  transform: translate(-50%, -50%);  border-width: 10px 10px 0 10px;  border-style: solid;  border-color: #000 transparent transparent transparent;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item .baf .before
    {
        position: relative;  z-index: 0;  width: 48%;
    }
    #Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item .baf .before:after
    {
        position: absolute;  z-index: 1000;  top: 40%;  left: 104%;  width: 0;  height: 0;  content: '';          -webkit-transform: translate(-50%, -50%);              -ms-transform: translate(-50%, -50%);                  transform: translate(-50%, -50%);  border-width: 10px 0 10px 10px;  border-style: solid;  border-color: transparent transparent transparent #000;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item .baf .after
    {
        width: 48%;
    }
}
#Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item .baf .after ul
{
    padding: 10px 0;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item .baf .after ul
    {
        padding: 20px 0 0;
    }
}
#Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item .baf .after ul li
{
    font-size: 11px;  position: relative;  padding-left: 20px;  text-align: left;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item .baf .after ul li
    {
        line-height: 20px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item .baf .after ul li
    {
        font-size: 14px;  margin-bottom: 8px;  padding-left: 36px;
    }
}
#Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item .baf .after ul li:before
{
    position: absolute;  top: 2px;  left: 0;  display: inline-block;  width: 15px;  height: 15px;  content: '';  background: url(../img/municipality/solution/mado/icon-check.svg) no-repeat center/cover;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item .baf .after ul li:before
    {
        top: -1px;  width: 24px;  height: 24px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item .baf
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;
    }
}

#Contents.solution-municipality #solution-mado .syokuin
{
    padding: 0 !important;
}
#Contents.solution-municipality #solution-mado .syokuin > .mod-heading:after
{
    background: url(../img/municipality/solution/mado/shokuin-heading.png) no-repeat left/cover;
}
#Contents.solution-municipality #solution-mado .syokuin .syokuin-list
{
    padding: 20px 20px 20px;  background: #f5f5f5;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-mado .syokuin .syokuin-list
    {
        padding: 40px 40px 60px;
    }
}
#Contents.solution-municipality #solution-mado .syokuin .syokuin-list .syokuin-list__item
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;  margin-bottom: 30px;  padding-bottom: 30px;  border-bottom: 1px solid #ccc;
}
#Contents.solution-municipality #solution-mado .syokuin .syokuin-list .syokuin-list__item:last-child
{
    margin-bottom: 0;  padding-bottom: 20px;  border-bottom: none;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-mado .syokuin .syokuin-list .syokuin-list__item
    {
        -ms-flex-flow: row wrap;            flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;      -ms-flex-direction: column-reverse;          flex-direction: column-reverse;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-mado .syokuin .syokuin-list .syokuin-list__item
    {
        -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  margin-bottom: 40px;  padding-bottom: 40px;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-mado .syokuin .syokuin-list .syokuin-list__item .mod-text
    {
        font-size: 12px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-mado .syokuin .syokuin-list .syokuin-list__item figure
    {
        width: 50%;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-mado .syokuin .syokuin-list .syokuin-list__item figure .caption
    {
        margin-top: 5px;  text-align: center;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-mado .syokuin .syokuin-list .syokuin-list__item figure .caption
    {
        display: none;
    }
}
#Contents.solution-municipality #solution-mado .syokuin .syokuin-list .syokuin-list__item .textBox
{
    position: relative;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-mado .syokuin .syokuin-list .syokuin-list__item .textBox
    {
        width: 45%;  margin-right: 5%;
    }
}
#Contents.solution-municipality #solution-mado .syokuin .syokuin-list .syokuin-list__item .textBox .mod-heading
{
    margin-bottom: 10px;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-mado .syokuin .syokuin-list .syokuin-list__item .textBox .mod-heading
    {
        margin-top: 20px;  text-align: center;
    }
}
#Contents.solution-municipality #solution-mado .syokuin .syokuin-list .syokuin-list__item .textBox .caption
{
    font-size: 12px;  position: absolute;  right: 0;  bottom: 0;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-mado .syokuin .syokuin-list .syokuin-list__item .textBox .caption
    {
        display: none;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-mado .syokuin .syokuin-list .syokuin-list__item.reverse
    {
        -webkit-box-orient: horizontal;  -webkit-box-direction: reverse;      -ms-flex-direction: row-reverse;          flex-direction: row-reverse;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-mado .syokuin .syokuin-list .syokuin-list__item.reverse .textBox
    {
        margin: 0 0 0 5%;
    }
}

#Contents.solution-municipality #solution-iten .point
{
    width: 94%;  max-width: 1120px;  margin: 0 auto;  margin: 40px auto;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-iten .point
    {
        width: 100%;  padding: 0 20px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-iten .point
    {
        margin: 80px auto;
    }
}

#Contents.solution-municipality #solution-iten .layout1
{
    margin: 40px auto 0;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-iten .layout1 .detail
    {
        margin-bottom: 0;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-iten .layout1
    {
        margin: 80px auto 0;
    }
}

#Contents.solution-municipality #solution-iten .trouble
{
    max-width: 1120px;  margin: 0 auto;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-iten .trouble .trouble-list
    {
        padding: 0 20px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-iten .trouble .trouble-list .trouble-list__item
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;  margin-bottom: 20px;
    }
}
#Contents.solution-municipality #solution-iten .trouble .trouble-list .trouble-list__item .mod-heading
{
    font-weight: bold;  position: relative;  width: 34%;  padding: 60px 30px 60px 90px;  background: #f5f5f5;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-iten .trouble .trouble-list .trouble-list__item .mod-heading
    {
        width: 100%;  padding: 20px 20px 20px 80px;
    }
}
#Contents.solution-municipality #solution-iten .trouble .trouble-list .trouble-list__item .mod-heading:before
{
    position: absolute;  top: 50%;  left: 22px;  display: inline-block;  width: 40px;  height: 40px;  content: '';          -webkit-transform: translate(0, -50%);              -ms-transform: translate(0, -50%);                  transform: translate(0, -50%);  background: url(../img/municipality/solution/iten/icon-hatena.svg) no-repeat center/cover;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-iten .trouble .trouble-list .trouble-list__item .mod-heading:before
    {
        left: 26px;
    }
}
#Contents.solution-municipality #solution-iten .trouble .trouble-list .trouble-list__item .textBox
{
    background: #fcfcfc;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-iten .trouble .trouble-list .trouble-list__item .textBox
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  width: 70%;  padding: 0 30px;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-iten .trouble .trouble-list .trouble-list__item .textBox .mod-text
    {
        padding: 20px 20px 20px 80px;
    }
    #Contents.solution-municipality #solution-iten .trouble .trouble-list .trouble-list__item .textBox .mod-text br
    {
        display: none;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-iten .trouble .trouble-list .trouble-list__item .textBox .btn
    {
        padding: 0 20px 20px 80px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-iten .trouble .trouble-list .trouble-list__item .textBox .btn
    {
        width: 260px;  margin-left: 20px;
    }
}
#Contents.solution-municipality #solution-iten .trouble .trouble-list .trouble-list__item .textBox .btn a
{
    font-size: 14px;  position: relative;  display: block;          -webkit-transition: .24s ease all;                  transition: .24s ease all;  border: 1px solid #d7d9da;  background: #fff;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-iten .trouble .trouble-list .trouble-list__item .textBox .btn a
    {
        font-size: 16px;  padding: 28px 20px 28px 40px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-iten .trouble .trouble-list .trouble-list__item .textBox .btn a:hover
    {
        opacity: 1;  background: #d7d9da;
    }
}
#Contents.solution-municipality #solution-iten .trouble .trouble-list .trouble-list__item .textBox .btn a:after
{
    position: absolute;  top: 50%;  right: 7%;  width: 14px;  height: 19px;  content: '';          -webkit-transform: translate(0, -50%);              -ms-transform: translate(0, -50%);                  transform: translate(0, -50%);  background: url('/municipality/contents/assets/img/municipality/common/icon-pdf2.svg') no-repeat center/cover;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-iten .trouble .trouble-list .trouble-list__item .textBox .btn a
    {
        padding: 18px 20px 18px 40px;
    }
}

@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-iten .point
    {
        text-align: center;
    }
}

#Contents.solution-municipality #solution-iten .point > .mod-heading
{
    margin-bottom: 30px;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-iten .point > .mod-heading
    {
        margin-bottom: 20px;
    }
}

#Contents.solution-municipality #solution-iten .point > .mod-text.sp
{
    margin-bottom: 30px;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-iten .point > .mod-text.sp
    {
        display: none;
    }
}

@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-iten .point .point-list
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;
    }
}

#Contents.solution-municipality #solution-iten .point .point-list .point-list__item
{
    padding: 20px;  border: 1px solid #ccc;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-iten .point .point-list .point-list__item
    {
        margin-bottom: 30px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-iten .point .point-list .point-list__item
    {
        width: 32%;
    }
}
#Contents.solution-municipality #solution-iten .point .point-list .point-list__item figure
{
    width: 44%;  margin: 0 auto;
}
#Contents.solution-municipality #solution-iten .point .point-list .point-list__item .textBox .mod-heading
{
    margin: 10px 0;  text-align: center;
}

#Contents.solution-municipality #case .case-list
{
    position: relative;  display: -webkit-box;  display: -ms-flexbox;  display: flex;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  width: 94%;  max-width: 1120px;  margin: 0 auto;  margin: 40px auto;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #case .case-list
    {
        width: 100%;  padding: 0 20px;
    }
}
#Contents.solution-municipality #case .case-list .case-list__item
{
    position: relative;  margin-bottom: 10px;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #case .case-list .case-list__item:after
    {
        position: absolute;  top: 50%;  right: 5%;  width: 6px;  height: 6px;  content: '';          -webkit-transform: rotate(45deg) translate(-50%, 0);              -ms-transform: rotate(45deg) translate(-50%, 0);                  transform: rotate(45deg) translate(-50%, 0);  border-top: 1px solid #fff;  border-right: 1px solid #fff;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #case .case-list .case-list__item:nth-child(1) .heading,
    #Contents.solution-municipality #case .case-list .case-list__item:nth-child(2) .heading,
    #Contents.solution-municipality #case .case-list .case-list__item:nth-child(3) .heading
    {
        left: 26%;
    }
}
#Contents.solution-municipality #case .case-list .case-list__item:nth-child(1) .heading h3,
#Contents.solution-municipality #case .case-list .case-list__item:nth-child(2) .heading h3,
#Contents.solution-municipality #case .case-list .case-list__item:nth-child(3) .heading h3
{
    margin: 0 0 0 10px;  color: #fff;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #case .case-list .case-list__item
    {
        width: 32%;  margin-bottom: 0;
    }
}
#Contents.solution-municipality #case .case-list .case-list__item:last-child,
#Contents.solution-municipality #case .case-list .case-list__item:nth-last-child(2)
{
    width: 49%;  margin-bottom: 20px;
}
#Contents.solution-municipality #case .case-list .case-list__item:last-child:after,
#Contents.solution-municipality #case .case-list .case-list__item:nth-last-child(2):after
{
    content: none;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #case .case-list .case-list__item:last-child,
    #Contents.solution-municipality #case .case-list .case-list__item:nth-last-child(2)
    {
        margin-top: 20px;
    }
}
#Contents.solution-municipality #case .case-list .case-list__item:last-child a .heading,
#Contents.solution-municipality #case .case-list .case-list__item:nth-last-child(2) a .heading
{
    display: block;  color: #fff;
}
#Contents.solution-municipality #case .case-list .case-list__item a
{
    position: relative;  display: block;
}
#Contents.solution-municipality #case .case-list .case-list__item a .heading
{
    position: absolute;  z-index: 1;  top: 50%;  left: 50%;          -webkit-transform: translate(-50%, -50%);              -ms-transform: translate(-50%, -50%);                  transform: translate(-50%, -50%);  text-align: center;  white-space: nowrap;  color: #fff;  color: #2f3138;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #case .case-list .case-list__item a .heading
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;
    }
}
#Contents.solution-municipality #case .case-list .case-list__item a .heading i
{
    display: block;  width: 60px;  height: auto;  margin: 0 auto;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #case .case-list .case-list__item a .heading i
    {
        width: 120px;
    }
}
#Contents.solution-municipality #case .case-list .case-list__item a .heading h3
{
    font-size: 14px;  margin-top: 2px;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #case .case-list .case-list__item a .heading h3
    {
        font-size: 18px;  margin-top: 10px;
    }
}
#Contents.solution-municipality #case .case-list .case-list__item a .bg img
{
    width: 100%;
}

#Contents.solution-municipality #case-population .icon-area i img
{
    width: 50% !important;  margin: -10px auto !important;
}

#Contents.solution-municipality #case-population .mod-case-layout
{
    border-bottom: 1px solid #d7d9da;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #case-population .mod-case-layout
    {
        padding-bottom: 60px;
    }
}
#Contents.solution-municipality #case-population .mod-case-layout .caption
{
    margin-bottom: 15px;  text-align: right;
}

@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #case-population .mod-case-anker .anker-list .anker-list__item
    {
        margin-bottom: 0 !important;  border-top: 0;
    }
    #Contents.solution-municipality #case-population .mod-case-anker .anker-list .anker-list__item:first-child
    {
        border-top: 1px solid #d7d9da;
    }
}

@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #case-population .l_1
    {
        margin: 0 auto;  padding: 60px 0;
    }
}

#Contents.solution-municipality #products .products-list
{
    width: 94%;  max-width: 1120px;  margin: 0 auto;  margin: 40px auto;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products .products-list
    {
        width: 100%;  padding: 0 20px;
    }
}
#Contents.solution-municipality #products .products-list ul
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;
}
#Contents.solution-municipality #products .products-list ul .products-list_item
{
    width: 100%;  margin-bottom: 10px;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products .products-list ul .products-list_item:last-child,
    #Contents.solution-municipality #products .products-list ul .products-list_item:nth-last-child(2)
    {
        width: 48%;
    }
    #Contents.solution-municipality #products .products-list ul .products-list_item:last-child .name,
    #Contents.solution-municipality #products .products-list ul .products-list_item:nth-last-child(2) .name
    {
        left: 50%;          -webkit-transform: translate(-50%, -50%);              -ms-transform: translate(-50%, -50%);                  transform: translate(-50%, -50%);
    }
    #Contents.solution-municipality #products .products-list ul .products-list_item:last-child a:after,
    #Contents.solution-municipality #products .products-list ul .products-list_item:nth-last-child(2) a:after
    {
        content: none;
    }
}

@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products .products-list ul .products-list_item
    {
        width: 32.6%;
    }
}
#Contents.solution-municipality #products .products-list ul .products-list_item a
{
    position: relative;  display: block;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products .products-list ul .products-list_item a:after
    {
        position: absolute;  top: 50%;  right: 5%;  width: 6px;  height: 6px;  content: '';          -webkit-transform: translate(0, -50%) rotate(45deg);              -ms-transform: translate(0, -50%) rotate(45deg);                  transform: translate(0, -50%) rotate(45deg);  border-top: 1px solid #2f3138;  border-right: 1px solid #2f3138;
    }
}
#Contents.solution-municipality #products .products-list ul .products-list_item a .name
{
    font-size: 16px;  font-weight: bold;  position: absolute;  top: 50%;  left: 6%;          -webkit-transform: translate(0, -50%);              -ms-transform: translate(0, -50%);                  transform: translate(0, -50%);  text-align: left;  white-space: nowrap;  letter-spacing: .1em;  color: #2f3138;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products .products-list ul .products-list_item a .name
    {
        left: 5%;
    }
}

#Contents.solution-municipality #products .products-list ul .products-list_item a .name span
{
    font-size: 12px;  font-weight: normal;  display: none;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products .products-list ul .products-list_item a .name span
    {
        display: block;
    }
}
#Contents.solution-municipality #products .products-list ul .products-list_item a .bg
{
    position: relative;  z-index: -1;
}
#Contents.solution-municipality #products .products-list ul .products-list_item a .bg img
{
    width: 100%;
}


#Contents.solution-municipality #products .products-list ul .products-list_item:nth-child(11),
#Contents.solution-municipality #products .products-list ul .products-list_item:nth-child(12)
{
    display: -webkit-box;    display: -ms-flexbox;    display: flex;  -webkit-box-align: center;  align-items: center; -ms-flex-align: center;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  border: 1px solid #d7d9da;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products .products-list ul .products-list_item:nth-child(11),
    #Contents.solution-municipality #products .products-list ul .products-list_item:nth-child(12)
    {
        width: 32.6%;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products .products-list ul .products-list_item:nth-child(11)  a .name,
    #Contents.solution-municipality #products .products-list ul .products-list_item:nth-child(12)  a .name
    {
        position: static; transform: none; 
    }
}
#Contents.solution-municipality #products .products-list ul .products-list_item:nth-child(11) a,
#Contents.solution-municipality #products .products-list ul .products-list_item:nth-child(12) a
{
    width: 100%;  height: 90px;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products .products-list ul .products-list_item:nth-child(11) a,
    #Contents.solution-municipality #products .products-list ul .products-list_item:nth-child(12) a
    {
        height: 100%;display: -webkit-box;    display: -ms-flexbox;    display: flex;  -webkit-box-align: center;  align-items: center; -ms-flex-align: center;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;
    }
}

#Contents.solution-municipality #products-counter .l_1
{
    margin: 40px auto;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-counter .l_1
    {
        margin: 80px auto;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-counter .l_1 .fil-list .fil-list__item
    {
        width: 48%;
    }
}
#Contents.solution-municipality #products-counter .l_1 .fil-list .fil-list__item .fig_caption
{
    font-size: 12px;  text-align: right;  color: #909090;
}
#Contents.solution-municipality #products-counter .l_1 .fil-list .fil-list__item.second .mod-text
{
    margin-top: 5px;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products-counter .l_1 .fil-list .fil-list__item.second .mod-text
    {
        margin-top: inherit;
    }
}

#Contents.solution-municipality #products-counter .mod-text
{
    font-size: 14px !important;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products-counter .mod-text
    {
        font-size: 12px !important;
    }
}

#Contents.solution-municipality #products-security #security-lead-figure
{
    margin-bottom: 40px;  padding: 40px;  border: 1px solid #d7d9da;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products-security #security-lead-figure
    {
        margin-bottom: 20px;  padding: 20px;
    }
}
#Contents.solution-municipality #products-security #security-lead-figure .title
{
    font-size: 22px;          display: -webkit-box;          display: -ms-flexbox;          display: flex;  -webkit-box-align: end;  align-items: flex-end;  -ms-flex-align: end;      -ms-flex-flow: row nowrap;          flex-flow: row nowrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products-security #security-lead-figure .title
    {
        font-size: 14px;
    }
}
#Contents.solution-municipality #products-security #security-lead-figure .title img
{
    margin-right: 20px;  margin-left: 0;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products-security #security-lead-figure .title img
    {
        width: 8%;  margin-right: 10px;
    }
}
#Contents.solution-municipality #products-security #security-lead-figure .title .liner
{
      background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, rgba(255, 223, 116, .6)));      background: linear-gradient(transparent 50%, rgba(255, 223, 116, .6) 50%);
}
#Contents.solution-municipality #products-security #security-lead-figure ul
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-flow: row nowrap;          flex-flow: row nowrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  width: 100%;  margin-top: 30px;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products-security #security-lead-figure ul
    {
        -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;      -ms-flex-flow: column;          flex-flow: column;  -webkit-box-orient: vertical;  -webkit-box-direction: normal;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  margin-top: 15px;
    }
}
#Contents.solution-municipality #products-security #security-lead-figure ul li
{
    font-size: 16px;          display: -webkit-box;          display: -ms-flexbox;          display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;      -ms-flex-flow: row nowrap;          flex-flow: row nowrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  width: 33.333%;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products-security #security-lead-figure ul li
    {
        font-size: 10px;  -webkit-box-pack: start;  -ms-flex-pack: start;  justify-content: flex-start;  width: 70%;  margin-top: 10px;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products-security #security-lead-figure ul li:nth-child(1)
    {
        margin-top: 0;
    }
}
#Contents.solution-municipality #products-security #security-lead-figure ul li .num
{
    width: 10%;  margin-right: 20px;  margin-left: 0;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products-security #security-lead-figure ul li .num
    {
        width: 12%;  margin-right: 10px;
    }
}

#Contents.solution-municipality #products-security #security-catalog .catalog-list .catalog-list__item
{
    padding-bottom: 80px;  border-bottom: 1px solid #d7d9da;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products-security #security-catalog .catalog-list .catalog-list__item
    {
        padding-bottom: 40px;
    }
}
#Contents.solution-municipality #products-security #security-catalog .catalog-list .catalog-list__item:nth-child(3)
{
    padding-bottom: 0;  border-bottom: 0;
}

#Contents.solution-municipality #products-security .security-lead
{
    width: 94%;  max-width: 1100px;  margin: 0 auto;  margin: 40px auto 30px;  padding: 0 20px;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products-security .security-lead
    {
        width: 100%;  padding: 0 20px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-security .security-lead
    {
        margin: 80px auto 20px;
    }
}
#Contents.solution-municipality #products-security .security-lead .lead-heading
{
    font-size: 16px;  margin-bottom: 10px;  text-align: center;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-security .security-lead .lead-heading
    {
        font-size: 26px;  font-weight: bold;  text-align: left;
    }
}
#Contents.solution-municipality #products-security .security-lead .lead-text
{
    font-size: 14px;  font-weight: bold;  margin-bottom: 24px;  text-align: center;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-security .security-lead .lead-text
    {
        font-size: 20px;  margin-bottom: 40px;  text-align: left;
    }
}

#Contents.solution-municipality #products-security .mod-product-catalog .reverse
{
    margin: 40px auto;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-security .mod-product-catalog .reverse
    {
        margin: 80px auto;
    }
}

#Contents.solution-municipality #products-table .l_1
{
    margin: 40px auto;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-table .l_1
    {
        margin: 80px auto;
    }
}

#Contents.solution-municipality #products-table .point-text
{
    padding-left: 5px;  list-style: disc;
}

#Contents.solution-municipality #products-table .table-margin
{
    margin-bottom: 40px !important;
}

@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products-table .point-image
    {
        width: 100% !important;
    }
}

#Contents.solution-municipality #products-robbey .process
{
    width: 94%;  max-width: 1120px;  margin: 0 auto;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products-robbey .process
    {
        width: 100%;  padding: 0 20px;
    }
}
#Contents.solution-municipality #products-robbey .process .mod-heading
{
    text-align: center;
}
#Contents.solution-municipality #products-robbey .process .mod-text
{
    margin-top: 15px;  text-align: center;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products-robbey .process .mod-text
    {
        text-align: justify;
    }
}
#Contents.solution-municipality #products-robbey .process .process-list
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  margin-top: 40px;
}
#Contents.solution-municipality #products-robbey .process .process-list .process-list__item
{
    width: 100%;  margin-bottom: 15px;  padding: 20px;  background: #f5f5f5;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-robbey .process .process-list .process-list__item
    {
        display: block;  width: 32%;  margin-bottom: 0;
    }
}
#Contents.solution-municipality #products-robbey .process .process-list .process-list__item .image
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;      -ms-flex-flow: row nowrap;          flex-flow: row nowrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;
    /*.half-c{
                width: calc(50% - 10px);
                display: flex;
                margin: 0;
                @include media-max(md){
                  width: calc(50% - 5px);
                }
                img{
                  display: block;
                }
              }*/
}
#Contents.solution-municipality #products-robbey .process .process-list .process-list__item .image img
{
    width: calc(50% - 10px);
}
#Contents.solution-municipality #products-robbey .process .process-list .process-list__item i
{
    display: block;  width: 130px;  height: 130px;  margin: 15px auto;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-robbey .process .process-list .process-list__item i
    {
        width: 134px;  height: 134px;  margin: 10px auto 0;
    }
}
#Contents.solution-municipality #products-robbey .process .process-list .process-list__item .mod-heading
{
    margin-top: 20px;  text-align: center;
}
#Contents.solution-municipality #products-robbey .process .process-list .process-list__item .mod-text
{
    min-height: 76px;  margin-bottom: 30px;  text-align: left;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products-robbey .process .process-list .process-list__item .mod-text
    {
        min-height: 38px;  margin-top: 10px;  margin-bottom: 15px;  text-align: center;
    }
}

#Contents.solution-municipality #products-robbey .mod-product-spec
{
    margin: 20px auto;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-robbey .mod-product-spec
    {
        margin: 80px auto;
    }
}

#Contents.solution-municipality #products-meeting .l_1
{
    margin: 40px auto;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-meeting .l_1
    {
        margin: 80px auto;
    }
}

#Contents.solution-municipality #products-meeting .mod-slider
{
    height: 50% !important;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products-meeting .mod-slider
    {
        height: inherit !important;  margin: 0 auto;
    }
}
#Contents.solution-municipality #products-meeting .mod-slider .slick-arrow
{
    opacity: .3;
}
#Contents.solution-municipality #products-meeting .mod-slider .slick-arrow.slick-next
{
              -webkit-transform: rotate(360deg);                  -ms-transform: rotate(360deg);                      transform: rotate(360deg);
}
#Contents.solution-municipality #products-meeting .mod-slider .slick-arrow:hover
{
        -webkit-transition: .3;                transition: .3;  opacity: .2;
}
#Contents.solution-municipality #products-meeting .mod-slider img
{
    overflow: hidden;
}
#Contents.solution-municipality #products-meeting .mod-slider .draggable
{
    overflow: hidden !important;
}

#Contents.solution-municipality #products-meeting .slick-dots
{
    opacity: 0;
}

#Contents.solution-municipality #products-desk .mod-products-lower
{
    margin: 0 auto;
}

#Contents.solution-municipality #products-desk .deskline
{
    width: 100%;  max-height: 120px;  background-color: #fff;
}
#Contents.solution-municipality #products-desk .deskline img
{
    width: 40% !important;
}

#Contents.solution-municipality #products-desk .l_1
{
      margin: 40px auto;      margin: 0 auto;  padding: 40px 20px;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-desk .l_1
    {
        margin: 80px auto;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-desk .l_1
    {
        margin: 0 auto;  padding: 88px 0;
    }
}

#Contents.solution-municipality #products-desk .unit
{
    max-width: 1120px;  margin: 0 auto;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-desk .unit .left
    {
        margin: 20px 0;  padding: 0 40px;  text-align: left !important;
    }
}
#Contents.solution-municipality #products-desk .unit .unit-heading
{
    font-size: 12px;  text-align: center;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-desk .unit .unit-heading
    {
        font-size: 14px;
    }
}
#Contents.solution-municipality #products-desk .unit .mod-heading
{
    margin-bottom: 20px;  text-align: center;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-desk .unit .mod-heading
    {
        margin-bottom: 40px;
    }
}
#Contents.solution-municipality #products-desk .unit .unit-image
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;      -ms-flex-flow: row nowrap;          flex-flow: row nowrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products-desk .unit .unit-image
    {
        -ms-flex-flow: column;            flex-flow: column;  -webkit-box-orient: vertical;  -webkit-box-direction: normal;  margin: 0 auto 20px;  padding: 0 20px;
    }
}
#Contents.solution-municipality #products-desk .unit .unit-image img
{
    width: 42%;  margin: 0;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products-desk .unit .unit-image img
    {
        width: 80%;
    }
}

@media screen and (min-width: 767px) and (max-width: 945px)
{
    #Contents.solution-municipality #products-desk #a4 .btnarea
    {
        -ms-flex-flow: row wrap;            flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;
    }
}

@media screen and (max-width: 944px)
{
    #Contents.solution-municipality #products-desk #a4 .btnarea .br-between
    {
        display: none;
    }
}

@media screen and (min-width: 767px) and (max-width: 945px)
{
    #Contents.solution-municipality #products-desk #a4 .btnarea div
    {
        width: 100%;  margin-bottom: 15px;
    }
}

@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products-desk #a4 .btnarea div
    {
        margin: 15px auto 10px;
    }
}

#Contents.solution-municipality #products-desk .last
{
    margin: 0 auto;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-desk .last
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  max-width: 1120px;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products-desk .last .last-list:first-child
    {
        margin-bottom: 40px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-desk .last .last-list
    {
        width: 48%;
    }
}
#Contents.solution-municipality #products-desk .last .last-list .mod-heading
{
    margin-bottom: 20px;  text-align: center;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-desk .last .last-list .mod-heading
    {
        margin-bottom: 40px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-desk .last .last-list .spec-list__item
    {
        width: 48% !important;
    }
}

#Contents.solution-municipality #products-chair .l_1
{
    margin: 40px auto;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-chair .l_1
    {
        margin: 80px auto;
    }
}
#Contents.solution-municipality #products-chair .l_1 .reverse
{
    margin: 40px auto;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-chair .l_1 .reverse
    {
        margin: 80px auto;
    }
}

#Contents.solution-municipality #products-storage .l_1
{
    margin: 40px auto;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-storage .l_1
    {
        margin: 80px auto;
    }
}

#Contents.solution-municipality #products-storage .rect
{
    max-width: 1120px;  margin: 40px auto;  padding: 0 20px;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-storage .rect
    {
        margin: 80px auto;  padding: 0;
    }
}
#Contents.solution-municipality #products-storage .rect .mod-heading
{
    margin-bottom: 20px;  text-align: center;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-storage .rect .mod-heading
    {
        margin-bottom: 40px;
    }
}
#Contents.solution-municipality #products-storage .rect .rect-list
{
    padding: 30px 20px;  background: #f5f5f5;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-storage .rect .rect-list
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  padding: 40px;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item
    {
        margin-bottom: 30px;
    }
    #Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item:last-child
    {
        margin-bottom: 0;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item
    {
        width: 23%;
    }
}
#Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-heading
{
    font-size: 16px;  font-weight: bold;  margin-bottom: 16px;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-heading
    {
        font-size: 14px;  text-align: center;
    }
}
#Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-double.sp
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-double.sp
    {
        display: none;
    }
}
#Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-double.pc
{
    display: none;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-double.pc
    {
        display: block;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-double
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-double li:first-child
    {
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-double li
    {
        width: 48%;
    }
    #Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-double li .rect-utext
    {
        text-align: left;
    }
}
#Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-image.sp
{
    display: block;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-image.sp
    {
        display: none;
    }
}
#Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-image.pc
{
    display: none;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-image.pc
    {
        display: block;
    }
}
#Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-text
{
    font-size: 16px;  height: 90px;  margin: 20px 0 0;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-text
    {
        font-size: 12px;  height: auto;  margin: 0 0 16px;  text-align: center;
    }
}
#Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-utext
{
    font-size: 14px;  margin-top: 15px;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-utext
    {
        font-size: 12px;  margin-top: 10px;  text-align: center;
    }
}
#Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-torl.sp
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-torl.sp
    {
        display: none;
    }
}
#Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-torl.pc
{
    display: none;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-torl.pc
    {
        display: block;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-torl .rect-textwo
    {
        font-size: 12px;  margin-top: 15px;
    }
}
#Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-torl .rect-textwo i
{
    font-size: 0;  display: inline-block;  width: 12px;  height: 12px;  margin: 0 5px 4px 0;  vertical-align: middle;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-torl .rect-textwo i
    {
        width: 16px;  height: 16px;
    }
}
#Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-torl .rect-textwo i img
{
    width: 100%;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-torl .rect-textone
    {
        font-size: 14px !important;  margin-top: 15px !important;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-torl
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;  -webkit-box-pack: start;  -ms-flex-pack: start;  justify-content: flex-start;
    }
    #Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-torl .rect-image
    {
        width: 42%;  margin-right: 4%;
    }
    #Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-torl .rect-sub-text
    {
        width: 60%;
    }
    #Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-torl .rect-sub-text .rect-textone
    {
        font-size: 12px;  margin-bottom: 10px;
    }
    #Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-torl .rect-sub-text .rect-textwo
    {
        font-size: 12px;
    }
}

#Contents.solution-municipality #products-material .mod-product-catalog .catalog-list .reverse
{
    margin: 40px auto;
}


@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-material .mod-product-catalog .catalog-list .reverse
    {
        margin: 80px auto;
    }
}

#Contents.solution-municipality #products-assemblyhall .mod-product-catalog .catalog-list .reverse
{
    margin: 40px auto;
}

#oc-wrapper #Contents.solution-municipality #products-assemblyhall .mod-products-lower .inr .text .copy
{
    max-width: 492px;
}

#oc-wrapper #Contents.solution-municipality #products-assemblyhall .mod-product-catalog .catalog-list .catalog-list__item .deital
{
    width: 100%;
}

@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality #products-assemblyhall .mod-product-catalog .catalog-list .catalog-list__item .deital
    {
        width: 46%;
    }
}

#oc-wrapper #Contents.solution-municipality  #products-assemblyhall  .mod-product-catalog .catalog-list .catalog-list__item.reverse .deital {
    margin-left: 4%;
}

@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-assemblyhall .mod-product-catalog .catalog-list .reverse
    {
        margin: 80px auto;
    }
    #oc-wrapper #Contents.solution-municipality  #products-assemblyhall  .mod-products-lower .inr .text .copy  img {
        padding-top: 10px;
    }
}

@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .mod-solution-lead
    {
        margin: 80px auto 10px;
    }
}

#Contents.solution-municipality #workstyle .detail p.mod-text
{
    margin-bottom: 20px;
}

#Contents.solution-municipality #workstyle .mod-heading.t_1
{
    margin-bottom: 20px;
}

#Contents.solution-municipality #workstyle .support
{
    width: 94%;  max-width: 1120px;  margin: 0 auto;  border-top: 2px solid #000;  background: #f5f5f5;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #workstyle .support
    {
        width: 100%;  padding: 0 20px;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #workstyle .support
    {
        padding: 30px 20px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .support .support-inr
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  padding: 50px 40px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .support .support-inr > div
    {
        width: 48%;
    }
}
#Contents.solution-municipality #workstyle .support .support-inr > div .support-heading
{
    font-size: 16px;  font-weight: bold;  margin-bottom: 14px;  text-align: center;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .support .support-inr > div .support-heading
    {
        font-size: 18px;  margin-bottom: 30px;
    }
}
#Contents.solution-municipality #workstyle .support .support-inr .support-factor .text
{
    font-size: 14px;  margin-top: 0;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .support .support-inr .support-factor .text
    {
        font-size: 16px;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #workstyle .support .support-inr .support-purpose
    {
        margin-top: 40px;  padding-top: 40px;  border-top: 1px solid #ccc;
    }
}
#Contents.solution-municipality #workstyle .support .support-inr .support-purpose .list
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  margin-bottom: 50px;  padding: 16px 12px;  background: #fff;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .support .support-inr .support-purpose .list
    {
        padding: 22px;
    }
}
#Contents.solution-municipality #workstyle .support .support-inr .support-purpose .list > div
{
    width: 50%;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #workstyle .support .support-inr .support-purpose .list > div:first-of-type
    {
        width: 44%;
    }
    #Contents.solution-municipality #workstyle .support .support-inr .support-purpose .list > div:nth-child(2)
    {
        width: 56%;
    }
}
#Contents.solution-municipality #workstyle .support .support-inr .support-purpose .list .list__item h4
{
    font-size: 14px;  font-weight: bold;  margin-bottom: 6px;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .support .support-inr .support-purpose .list .list__item h4
    {
        font-size: 16px;  margin-bottom: 12px;
    }
}
#Contents.solution-municipality #workstyle .support .support-inr .support-purpose .list .list__item ul
{
    font-size: 10px;  line-height: 1.6;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .support .support-inr .support-purpose .list .list__item ul
    {
        font-size: 14px;  line-height: 2.4;
    }
}
#Contents.solution-municipality #workstyle .support .support-inr .support-purpose .up,
#Contents.solution-municipality #workstyle .support .support-inr .support-purpose .upup
{
    font-size: 16px;  font-weight: bold;  display: block;  padding: 14px 0;  text-align: center;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .support .support-inr .support-purpose .up,
    #Contents.solution-municipality #workstyle .support .support-inr .support-purpose .upup
    {
        font-size: 18px;
    }
}
#Contents.solution-municipality #workstyle .support .support-inr .support-purpose .up
{
    position: relative;  margin-bottom: 50px;  border: 1px solid #d3d3d3;  background: #fff;
}
#Contents.solution-municipality #workstyle .support .support-inr .support-purpose .up:after,
#Contents.solution-municipality #workstyle .support .support-inr .support-purpose .up:before
{
    position: absolute;  width: 0;  height: 0;  content: '';          -webkit-transform: translate(-50%, 0);              -ms-transform: translate(-50%, 0);                  transform: translate(-50%, 0);  border-width: 16px 15px 0 15px;  border-style: solid;  border-color: #000 transparent transparent transparent;
}
#Contents.solution-municipality #workstyle .support .support-inr .support-purpose .up:after
{
    top: -35px;  left: 50%;
}
#Contents.solution-municipality #workstyle .support .support-inr .support-purpose .up:before
{
    bottom: -35px;  left: 50%;
}
#Contents.solution-municipality #workstyle .support .support-inr .support-purpose .upup
{
    background: #ffdf74;
}

#Contents.solution-municipality #workstyle .offer
{
    width: 94%;  max-width: 1120px;  margin: 0 auto;  margin: 40px auto;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #workstyle .offer
    {
        width: 100%;  padding: 0 20px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .offer
    {
        margin: 80px auto;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #workstyle .offer
    {
        padding: 0;
    }
    #Contents.solution-municipality #workstyle .offer .title
    {
        padding: 0 20px;
    }
}
@media screen and (max-width: 766px) and (max-width: 766px)
{
    #Contents.solution-municipality #workstyle .offer .title
    {
        text-align: center;
    }
}
#Contents.solution-municipality #workstyle .offer .offer-list
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  margin: 40px auto 0;  padding: 30px 20px;  border-top: 2px solid #000;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .offer .offer-list
    {
        padding: 20px 20px 50px 20px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .offer .offer-list .offer-list__item
    {
        width: 50%;  padding: 30px;
    }
    #Contents.solution-municipality #workstyle .offer .offer-list .offer-list__item:nth-child(1),
    #Contents.solution-municipality #workstyle .offer .offer-list .offer-list__item:nth-child(2),
    #Contents.solution-municipality #workstyle .offer .offer-list .offer-list__item:nth-child(3),
    #Contents.solution-municipality #workstyle .offer .offer-list .offer-list__item:nth-child(4)
    {
        border-bottom: 1px solid #d7d9da;
    }
    #Contents.solution-municipality #workstyle .offer .offer-list .offer-list__item:nth-child(odd)
    {
        border-right: 1px solid #d7d9da;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #workstyle .offer .offer-list .offer-list__item
    {
        margin-bottom: 30px;  padding-bottom: 30px;  border-bottom: 1px solid #d7d9da;
    }
    #Contents.solution-municipality #workstyle .offer .offer-list .offer-list__item:last-child
    {
        border-bottom: none;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #workstyle .offer .offer-list .offer-list__item figure
    {
        width: 60%;  margin: 0 auto;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .offer .offer-list .offer-list__item figure
    {
        width: 280px;  margin: 0 auto;
    }
}
#Contents.solution-municipality #workstyle .offer .offer-list .offer-list__item .ttl
{
    position: relative;  padding-left: 40px;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .offer .offer-list .offer-list__item .ttl
    {
        padding-left: 60px;
    }
}
#Contents.solution-municipality #workstyle .offer .offer-list .offer-list__item .ttl i
{
    position: absolute;  top: 0;  left: -2px;  display: inline-block;  width: 30px;  height: 30px;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .offer .offer-list .offer-list__item .ttl i
    {
        width: 40px;  height: 40px;
    }
}
#Contents.solution-municipality #workstyle .offer .offer-list .offer-list__item .ttl .ttl_heading
{
    font-size: 16px;  font-weight: bold;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .offer .offer-list .offer-list__item .ttl .ttl_heading
    {
        font-size: 18px;
    }
}
#Contents.solution-municipality #workstyle .offer .offer-list .offer-list__item .ttl .mod-text
{
    margin: 5px 0 30px;
}
#Contents.solution-municipality #workstyle .offer .topic
{
    padding: 40px;  background: #f5f5f5;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .offer .topic
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;
    }
}
#Contents.solution-municipality #workstyle .offer .topic .topic-icon
{
    display: block;  width: 80px;  height: 80px;  margin-right: 30px;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #workstyle .offer .topic .topic-icon
    {
        width: 60px;  height: 60px;  margin: 0 auto 20px;
    }
}
#Contents.solution-municipality #workstyle .offer .topic .topic-detail .topic-heading
{
    font-size: 18px;  font-weight: bold;  margin-bottom: 10px;  color: #2f3138;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #workstyle .offer .topic .topic-detail .topic-heading
    {
        font-size: 16px;  text-align: center;
    }
}
#Contents.solution-municipality #workstyle .offer .topic .topic-detail .topic-text
{
    font-size: 16px;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #workstyle .offer .topic .topic-detail .topic-text
    {
        font-size: 12px;  text-align: center;
    }
}

#Contents.solution-municipality #workstyle .introduce
{
    width: 94%;  max-width: 1120px;  margin: 0 auto;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #workstyle .introduce
    {
        width: 100%;  padding: 0 20px;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #workstyle .introduce
    {
        padding: 0;  text-align: center;
    }
}
#Contents.solution-municipality #workstyle .introduce .mod-heading
{
    margin-bottom: 20px;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .introduce .mod-heading
    {
        margin-bottom: 30px;
    }
}
#Contents.solution-municipality #workstyle .introduce .introduce-inr
{
    padding: 30px 20px;  border-top: 2px solid #000;  background: #f5f5f5;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .introduce .introduce-inr
    {
        padding: 40px 40px 50px;
    }
}
#Contents.solution-municipality #workstyle .introduce .introduce-inr .introduce-list__item
{
    margin-bottom: 30px;  padding-bottom: 30px;  border-bottom: 1px solid #d7d9da;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .introduce .introduce-inr .introduce-list__item
    {
        margin-bottom: 40px;  padding-bottom: 40px;
    }
}
#Contents.solution-municipality #workstyle .introduce .introduce-inr .introduce-list__item:last-child
{
    margin-bottom: 0;  padding-bottom: 0;  border-bottom: none;
}
#Contents.solution-municipality #workstyle .introduce .introduce-inr .introduce-list__item .heading
{
    text-align: center;  color: #2f3138;
}
#Contents.solution-municipality #workstyle .introduce .introduce-inr .introduce-list__item .heading .category
{
    font-size: 14px;  font-weight: bold;  display: inline-block;  padding: 2px 10px;   border-radius: 4px;  background: #f7c03b;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .introduce .introduce-inr .introduce-list__item .heading .category
    {
        font-size: 16px;
    }
}
#Contents.solution-municipality #workstyle .introduce .introduce-inr .introduce-list__item .heading .mod-heading
{
    margin: 16px 0;  text-align: center;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .introduce .introduce-inr .introduce-list__item .heading .mod-heading
    {
        margin: 10px 0;
    }
}
#Contents.solution-municipality #workstyle .introduce .introduce-inr .introduce-list__item .heading .mod-text
{
    margin-bottom: 24px;  text-align: justify;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .introduce .introduce-inr .introduce-list__item .heading .mod-text
    {
        margin-bottom: 0;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .introduce .introduce-inr .introduce-list__item .card-list
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  margin-top: 40px;
    }
}
#Contents.solution-municipality #workstyle .introduce .introduce-inr .introduce-list__item .card-list .card-list__item
{
    margin-bottom: 30px;
}
#Contents.solution-municipality #workstyle .introduce .introduce-inr .introduce-list__item .card-list .card-list__item:last-child
{
    margin-bottom: 0;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .introduce .introduce-inr .introduce-list__item .card-list .card-list__item
    {
        width: 31%;  margin-bottom: 0;
    }
}
#Contents.solution-municipality #workstyle .introduce .introduce-inr .introduce-list__item .card-list .card-list__item figure img
{
    width: 100%;
}
#Contents.solution-municipality #workstyle .introduce .introduce-inr .introduce-list__item .card-list .card-list__item .mod-heading
{
    line-height: 1.6;  display: inline-block;  margin: 14px 0;  padding: 0 4px;  background: #ffdf74;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .introduce .introduce-inr .introduce-list__item .card-list .card-list__item .mod-heading
    {
        margin: 16px 0;
    }
}
#Contents.solution-municipality #workstyle .introduce .introduce-inr .introduce-list__item .card-list .card-list__item p
{
    text-align: left;
}

#Contents.solution-municipality #workstyle .swift
{
    width: 94%;  max-width: 1120px;  margin: 0 auto;  margin: 40px auto;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #workstyle .swift
    {
        width: 100%;  padding: 0 20px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .swift
    {
        margin: 80px auto;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #workstyle .swift .mod-solution-blocktitle
    {
        font-size: 18px;  display: block;  text-align: center;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .swift .mod-solution-blocktitle
    {
        font-weight: normal;
    }
}
#Contents.solution-municipality #workstyle .swift .swift-text
{
    font-size: 12px;  margin-bottom: 20px;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .swift .swift-text
    {
        font-size: 14px;  margin-bottom: 0;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #workstyle .swift .swift-product > div:first-child
    {
        margin-bottom: 20px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .swift .swift-product
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  margin-top: 40px;
    }
    #Contents.solution-municipality #workstyle .swift .swift-product > div
    {
        width: 48%;
    }
}

#Contents.solution-municipality #workstyle .recomend
{
    width: 94%;  max-width: 1120px;  margin: 0 auto;  margin: 40px auto;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #workstyle .recomend
    {
        width: 100%;  padding: 0 20px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .recomend
    {
        margin: 80px auto;
    }
}
#Contents.solution-municipality #workstyle .recomend .recomend-heading
{
    font-size: 16px;  font-weight: bold;  margin-bottom: 30px;  text-align: center;  letter-spacing: .06em;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .recomend .recomend-heading
    {
        font-size: 20px;  margin-bottom: 40px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .recomend .recomend-list
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;
    }
}
#Contents.solution-municipality #workstyle .recomend .recomend-list .recomend-list__item
{
    margin-bottom: 30px;
}
#Contents.solution-municipality #workstyle .recomend .recomend-list .recomend-list__item:last-child
{
    margin-bottom: 0;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .recomend .recomend-list .recomend-list__item
    {
        width: 31%;  margin-bottom: 0;
    }
}
#Contents.solution-municipality #workstyle .recomend .recomend-list .heading
{
    font-size: 14px;  font-weight: bold;  margin-bottom: 16px;  text-align: center;  color: #2f3138;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .recomend .recomend-list .heading
    {
        font-size: 16px;  margin-bottom: 10px;  text-align: left;
    }
}
#Contents.solution-municipality #workstyle .recomend .recomend-list .text
{
    font-size: 12px;  margin-top: 10px;  text-align: center;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .recomend .recomend-list .text
    {
        font-size: 14px;  margin-top: 10px;  text-align: center;
    }
}

#Contents.solution-municipality #contact .download .mod-heading,
#Contents.solution-municipality #contact .information .mod-heading,
#Contents.solution-municipality #contact .introduce .mod-heading
{
    margin-bottom: 20px;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .download .mod-heading,
    #Contents.solution-municipality #contact .information .mod-heading,
    #Contents.solution-municipality #contact .introduce .mod-heading
    {
        margin-bottom: 40px;
    }
}

#Contents.solution-municipality #contact .download
{
    width: 94%;  max-width: 1120px;  margin: 0 auto;  margin: 40px auto;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #contact .download
    {
        width: 100%;  padding: 0 20px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .download
    {
        margin: 80px auto;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .download .donwload-list
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;
    }
}
#Contents.solution-municipality #contact .download .donwload-list .donwload-list__item
{
    position: relative;          display: -webkit-box;          display: -ms-flexbox;          display: flex;  -webkit-box-align: end;  align-items: flex-end;  -ms-flex-align: end;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #contact .download .donwload-list .donwload-list__item
    {
        margin-bottom: 30px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .download .donwload-list .donwload-list__item
    {
        margin-right: 30px;
    }
    #Contents.solution-municipality #contact .download .donwload-list .donwload-list__item.l_2
    {
        margin-right: 0;
    }
}
#Contents.solution-municipality #contact .download .donwload-list .donwload-list__item .list_wrap
{
    width: 100%;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .download .donwload-list .donwload-list__item .list_wrap
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;
    }
}
#Contents.solution-municipality #contact .download .donwload-list .donwload-list__item .list_wrap .list_detail
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-flow: column;          flex-flow: column;  -webkit-box-orient: vertical;  -webkit-box-direction: normal;  -webkit-box-pack: end;  -ms-flex-pack: end;  justify-content: flex-end;
}
#Contents.solution-municipality #contact .download .donwload-list .donwload-list__item .list_wrap .image
{
    width: 46%;  margin-right: 3vw;  border: 1px solid #d7d9da;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .download .donwload-list .donwload-list__item .list_wrap .image
    {
        width: 200px;
    }
}
#Contents.solution-municipality #contact .download .donwload-list .donwload-list__item .list_wrap .image img
{
    width: 100%;
}
#Contents.solution-municipality #contact .download .donwload-list .donwload-list__item .list_wrap .name
{
    font-weight: bold;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #contact .download .donwload-list .donwload-list__item .list_wrap .name
    {
        font-size: 14px;  position: absolute;  top: 36%;  right: -100%;  width: 100%;          -webkit-transform: translate(-50%, -50%);              -ms-transform: translate(-50%, -50%);                  transform: translate(-50%, -50%);  text-align: left;  white-space: nowrap;
    }
}
@media screen and (max-width: 419px)
{
    #Contents.solution-municipality #contact .download .donwload-list .donwload-list__item .list_wrap .name
    {
        font-size: 16px;  margin-top: 20px;
    }
}
@media screen and (min-width: 767px) and (max-width: 1160px)
{
    #Contents.solution-municipality #contact .download .donwload-list .donwload-list__item .list_wrap .name
    {
        font-size: 18px;  margin-top: 40px;
    }
}
@media screen and (min-width: 1160px)
{
    #Contents.solution-municipality #contact .download .donwload-list .donwload-list__item .list_wrap .name
    {
        font-size: 22px;
    }
}
#Contents.solution-municipality #contact .download .donwload-list .donwload-list__item .btn
{
    margin-top: 20px;
}
@media screen and (min-width: 420px)
{
    #Contents.solution-municipality #contact .download .donwload-list .donwload-list__item .btn
    {
        margin-top: 20px;
    }
}
@media screen and (min-width: 1160px)
{
    #Contents.solution-municipality #contact .download .donwload-list .donwload-list__item .btn
    {
        margin-top: 10px;
    }
}
#Contents.solution-municipality #contact .download .donwload-list .donwload-list__item .btn a
{
    font-size: 14px;  position: relative;  display: block;  padding: 20px 60px;          -webkit-transition: .24s ease all;                  transition: .24s ease all;  text-align: center;  white-space: nowrap;  border: 1px solid #d7d9da;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #contact .download .donwload-list .donwload-list__item .btn a
    {
        font-size: 16px;  display: block;  width: 100%;
    }
}
#Contents.solution-municipality #contact .download .donwload-list .donwload-list__item .btn a:after
{
    position: absolute;  top: 50%;  right: 20px;  width: 16px;  height: 16px;  content: '';          -webkit-transform: translate(0, -50%);              -ms-transform: translate(0, -50%);                  transform: translate(0, -50%);  background: url(../img/municipality/common/icon-arrow-grey.svg) no-repeat center/cover;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .download .donwload-list .donwload-list__item .btn a:after
    {
        width: 18px;  height: 18px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .download .donwload-list .donwload-list__item .btn a:hover
    {
        opacity: 1;  background: #d7d9da;
    }
}

#Contents.solution-municipality #contact .information
{
    width: 94%;  max-width: 1120px;  margin: 0 auto;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #contact .information
    {
        width: 100%;  padding: 0 20px;
    }
}
#Contents.solution-municipality #contact .information .information-list
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-flow: column;          flex-flow: column;  -webkit-box-orient: vertical;  -webkit-box-direction: normal;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  padding: 40px 95px 20px;  border: 1px solid #d7d9da;
}
@media screen and (min-width: 767px) and (max-width: 1160px)
{
    #Contents.solution-municipality #contact .information .information-list
    {
        padding: 40px 40px 20px;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #contact .information .information-list
    {
        padding: 20px 20px 0;
    }
}
#Contents.solution-municipality #contact .information .information-list .information-ttl
{
    font-size: 13px;  font-weight: bold;  margin-bottom: 15px;  text-align: center;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .information .information-list .information-ttl
    {
        font-size: 18px;  margin-bottom: 40px;
    }
}
#Contents.solution-municipality #contact .information .information-list .information-btn-list
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;  -webkit-box-align: start;  align-items: flex-start;  -ms-flex-align: start;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #contact .information .information-list .information-btn-list
    {
        -ms-flex-flow: column;            flex-flow: column;  -webkit-box-orient: vertical;  -webkit-box-direction: normal;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item
    {
        width: 100%;  margin-bottom: 20px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item
    {
        width: calc(50% - 15px);
    }
    #Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item:first-of-type
    {
        margin-right: 30px;
    }
}
#Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item p
{
    font-size: 10px;  margin-top: 10px;  text-align: center;
}
#Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn a,
#Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn form
{
    font-weight: bold;  line-height: 1;  position: relative;          display: -webkit-box;          display: -ms-flexbox;          display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  height: 70px;          -webkit-transition: all .2s ease;                  transition: all .2s ease;  color: #2f3138;  border: 1px solid #e60039;  border-radius: 40px;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn a,
    #Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn form
    {
        width: 100%;  height: 80px;  border: 2px solid #e60039;
    }
}
#Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn a:after,
#Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn form:after
{
    top: 45%;          -webkit-transform: translate(0, -50%);              -ms-transform: translate(0, -50%);                  transform: translate(0, -50%);
}
#Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn a:before,
#Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn form:before
{
    position: absolute;  top: 50%;  left: 20px;  display: inline-block;  width: 25px;  height: 25px;          -webkit-transition: .24s ease all;                  transition: .24s ease all;          -webkit-transform: translate(0, -50%);              -ms-transform: translate(0, -50%);                  transform: translate(0, -50%);  background-repeat: no-repeat;  background-size: contain;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn a:before,
    #Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn form:before
    {
        left: 30px;  width: 30px;  height: 30px;
    }
}
#Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn a:hover,
#Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn form:hover
{
    opacity: 1;  color: #fff;  background: #e60039;
}
#Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.download
{
    font-size: 3.4vw;  margin-bottom: 20px;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.download
    {
        font-size: 14px;  margin-bottom: 0;
    }
}
#Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.download a:before
{
    width: 30px;  height: 30px;  content: '';  background-image: url(../img/municipality/common/icon-download.svg);
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.download a:before
    {
        width: 34px;  height: 34px;
    }
}
#Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.download a:after
{
    position: absolute;  right: 20px;  width: 8px;  height: 8px;  content: '';          -webkit-transition: .24s ease all;                  transition: .24s ease all;          -webkit-transform: rotate(45deg);              -ms-transform: rotate(45deg);                  transform: rotate(45deg);  border-top: 1px solid #e60039;  border-right: 1px solid #e60039;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.download a:after
    {
        right: 30px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.download a:hover:hover:before
    {
        background-image: url(../img/municipality/common/icon-download_on.svg);
    }
    #Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.download a:hover:hover:after
    {
        border-color: #fff;
    }
}
#Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.call
{
    font-size: 4.4vw;  margin-bottom: 20px;  letter-spacing: .1em;
}
@media screen and (min-width: 420px)
{
    #Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.call
    {
        font-size: 20px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.call
    {
        font-size: 18px;  margin-bottom: 0;
    }
}
#Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.call a .inr
{
    line-height: 1;
}
#Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.call a .inr span
{
    font-size: 12px;  margin-right: 6px;  letter-spacing: .02em;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.call a .inr span
    {
        font-size: 14px;
    }
}
#Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.call a:before
{
    content: '';  background-image: url(../img/municipality/common/icon-call.svg);
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.call a:hover:hover:before
    {
        background-image: url(../img/municipality/common/icon-call_on.svg);
    }
}
#Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.email a,
#Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.email form
{
    font-size: 3.4vw;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.email a,
    #Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.email form
    {
        font-size: 14px;
    }
}
#Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.email a:before,
#Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.email form:before
{
    content: '';  background-image: url(../img/municipality/common/icon-email.svg);
}
#Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.email a:after,
#Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.email form:after
{
    position: absolute;  right: 20px;  width: 8px;  height: 8px;  content: '';          -webkit-transition: .24s ease all;                  transition: .24s ease all;          -webkit-transform: rotate(45deg);              -ms-transform: rotate(45deg);                  transform: rotate(45deg);  border-top: 1px solid #e60039;  border-right: 1px solid #e60039;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.email a:after,
    #Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.email form:after
    {
        right: 30px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.email a:hover:hover:before,
    #Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.email form:hover:hover:before
    {
        background-image: url(../img/municipality/common/icon-email_on.svg);
    }
    #Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.email a:hover:hover:after,
    #Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.email form:hover:hover:after
    {
        border-color: #fff;
    }
}

#Contents.solution-municipality #contact .catalog
{
    width: 94%;  max-width: 1120px;  margin: 0 auto;  margin: 40px auto;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #contact .catalog
    {
        width: 100%;  padding: 0 20px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .catalog
    {
        margin: 80px auto;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .catalog
    {
        margin: 20px auto 80px;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #contact .catalog
    {
        margin: 20px auto 40px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .catalog .catalog-list
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item:first-of-type
    {
        margin-bottom: 20px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item
    {
        width: 49%;
    }
}
#Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item a,
#Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item form
{
    position: relative;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;  padding: 20px;  cursor: pointer;  border: 1px solid #d7d9da;
}
#Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item a:hover i,
#Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item form:hover i
{
        -webkit-transition: .24s ease all;                transition: .24s ease all;  opacity: .8;
}
#Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item a:hover p,
#Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item form:hover p
{
        -webkit-transition: .24s ease all;                transition: .24s ease all;  opacity: .8;
}
#Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item a:hover:after,
#Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item form:hover:after
{
        -webkit-transition: .24s ease all;                transition: .24s ease all;  opacity: .8;
}
#Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item a:after,
#Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item form:after
{
    position: absolute;  top: 50%;  right: 20px;  width: 16px;  height: 16px;  content: '';          -webkit-transform: translate(0, -50%);              -ms-transform: translate(0, -50%);                  transform: translate(0, -50%);  background: url('/municipality/contents/assets/img/municipality/common/icon-arrow-grey.svg') no-repeat center/cover;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item a:after,
    #Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item form:after
    {
        right: 5%;  width: 18px;  height: 18px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item a,
    #Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item form
    {
        padding: 40px;
    }
}
#Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item a .areaset,
#Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item form .areaset
{
    position: absolute;  z-index: 2;  left: 0;  width: 100%;  opacity: 0;
}
#Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item a i,
#Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item form i
{
    margin-right: 20px;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item a i,
    #Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item form i
    {
        max-width: 60px;
    }
}
#Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item a p,
#Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item form p
{
    font-size: 14px;  font-weight: bold;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item a p,
    #Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item form p
    {
        font-size: 18px;
    }
}
#Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item a p span,
#Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item form p span
{
    font-size: 10px;  font-weight: normal;  display: block;  color: #2f3138;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item a p span,
    #Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item form p span
    {
        font-size: 14px;
    }
}

#Contents.solution-municipality #contact .introduce
{
    width: 94%;  max-width: 1120px;  margin: 0 auto;  margin: 40px auto;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #contact .introduce
    {
        width: 100%;  padding: 0 20px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .introduce
    {
        margin: 80px auto;
    }
}
#Contents.solution-municipality #contact .introduce .introduce-list.l_2 .introduce-list__item
{
    margin-bottom: 0;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #contact .introduce .introduce-list.l_2 .introduce-list__item
    {
        margin-bottom: 30px !important;
    }
    #Contents.solution-municipality #contact .introduce .introduce-list.l_2 .introduce-list__item:last-child
    {
        margin-bottom: 0 !important;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .introduce .introduce-list
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;
    }
}
#Contents.solution-municipality #contact .introduce .introduce-list .introduce-list__item
{
    margin-bottom: 30px;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .introduce .introduce-list .introduce-list__item
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;  -ms-flex-line-pack: justify;  align-content: space-between;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  width: 18%;  margin-right: 2.5%;  margin-bottom: 80px;
    }
    #Contents.solution-municipality #contact .introduce .introduce-list .introduce-list__item:nth-child(5n)
    {
        margin-right: 0;
    }
}
#Contents.solution-municipality #contact .introduce .introduce-list .item-wrap img
{
    width: 100%;  border: 1px solid #d7d9da;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #contact .introduce .introduce-list .item-wrap
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;  margin-bottom: 20px;
    }
    #Contents.solution-municipality #contact .introduce .introduce-list .item-wrap .image
    {
        width: 46%;  margin-right: 20px;
    }
}
#Contents.solution-municipality #contact .introduce .introduce-list .item-wrap .name
{
    font-size: 16px;    font-weight: bold;      text-align: center;      text-align: left;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .introduce .introduce-list .item-wrap .name
    {
        font-size: 18px;  margin: 20px 0 25px;  text-align: center;
    }
}
#Contents.solution-municipality #contact .introduce .introduce-list .btn
{
    width: 100%;
}
#Contents.solution-municipality #contact .introduce .introduce-list .btn a
{
    font-size: 14px;  position: relative;  display: block;  padding: 20px 60px;          -webkit-transition: .24s ease all;                  transition: .24s ease all;  text-align: center;  border: 1px solid #d7d9da;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .introduce .introduce-list .btn a
    {
        font-size: 16px;  padding: 18px 0;
    }
    #Contents.solution-municipality #contact .introduce .introduce-list .btn a:hover
    {
        background: #d7d9da;
    }
}
#Contents.solution-municipality #contact .introduce .introduce-list .btn.link a:after
{
    position: absolute;  top: 50%;  right: 5%;  width: 16px;  height: 16px;  content: '';          -webkit-transform: translate(0, -50%);              -ms-transform: translate(0, -50%);                  transform: translate(0, -50%);  background: url('/municipality/contents/assets/img/municipality/common/icon-arrow-grey.svg') no-repeat center/cover;
}
#Contents.solution-municipality #contact .introduce .introduce-list .btn.pdf a:after
{
    position: absolute;  top: 50%;  right: 6%;  width: 13px;  height: 16px;  content: '';          -webkit-transform: translate(0, -50%);              -ms-transform: translate(0, -50%);                  transform: translate(0, -50%);  background: url('/municipality/contents/assets/img/municipality/common/icon-pdf2.svg') no-repeat center/cover;
}








/*scss蜈�ヵ繧｡繧､繝ｫ荳肴�縺ｮ轤ｺ莉･荳議ss縺ｮ縺ｿ霑ｽ險�*/
/*繝舌リ繝ｼ*/
#Contents.solution-municipality #index .banner_area
{
    margin-top: 40px;  padding: 0 20px;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #index .banner_area
    {
        margin-top: 80px;
    }
}


/*蜒阪″譁ｹ謾ｹ髱ｩ 莠倶ｾ九�縺皮ｴｹ莉�*/
#Contents.solution-municipality #workstyle .introduce.introduce_deco .title
{
    margin-bottom: 40px;
}
#Contents.solution-municipality #workstyle .introduce.introduce_deco .introduce_mark
{
    font-size: 22px;  position: relative;  z-index: 0;  overflow: hidden;  margin-top: -30px;  margin-bottom: 30px;  padding: 10px 0;  text-align: center;
}
#Contents.solution-municipality #workstyle .introduce.introduce_deco .introduce_mark::after
{
    position: absolute;  z-index: -1;  top: -300%;  right: 0;  bottom: 0;  left: 0;  display: block;  content: '';  border-radius: 50%;  background-color: #ffdf74;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .introduce.introduce_deco .introduce_mark
    {
        font-size: 30px;  margin-top: -40px;  padding: 20px 0;
    }
    #Contents.solution-municipality #workstyle .introduce.introduce_deco .introduce_mark::after
    {
        right: 20%;  left: 20%;
    }
}
@charset 'UTF-8';

#oc-wrapper #Contents.solution-municipality .mod-section__contact {
	margin-bottom: 80px;
}

#oc-wrapper #Contents.solution-municipality .mod-section__contact .lead {
	text-align: center; 
}

#Contents.solution-municipality #case-population .icon-area i img {
	width: 50% !important;
	margin: -10px auto !important; 
}

p {
text-align : initial;
text-justify : initial;
}

.h2_lead
{
    color: #777 !important;
}

#oc-footerNav_2018
{
    max-width: 100% !important;
}
#oc-footerNav_2018 .oc-belt__body_2018
{
    max-width: 1280px !important;  margin: 0 auto !important;
}

#oc-siteFooter_2018
{
    max-width: 100% !important;
}
#oc-siteFooter_2018 .oc-belt__body_2018
{
    max-width: 1280px !important;  margin: 0 auto !important;
}

#oc-wrapper
{
    max-width: 100% !important;
}
#oc-wrapper #Contents.common-contents section.mod-section,
#oc-wrapper #Contents.solution-municipality section.mod-section
{
    width: 94%;  max-width: 1120px;  margin: 0 auto;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.common-contents section.mod-section,
    #oc-wrapper #Contents.solution-municipality section.mod-section
    {
        width: 100%;  padding: 0 20px;
    }
}
#oc-wrapper #Contents.common-contents section.mod-section__large,
#oc-wrapper #Contents.solution-municipality section.mod-section__large
{
    width: 94%;  max-width: 1280px;  margin: 0 auto;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.common-contents section.mod-section__large,
    #oc-wrapper #Contents.solution-municipality section.mod-section__large
    {
        width: 100%;  padding: 0 20px;
    }
}
#oc-wrapper #Contents.common-contents section.mod-section__ultra,
#oc-wrapper #Contents.solution-municipality section.mod-section__ultra
{
    width: 94%;    width: 100%;  max-width: 1580px;  margin: 0 auto;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.common-contents section.mod-section__ultra,
    #oc-wrapper #Contents.solution-municipality section.mod-section__ultra
    {
        width: 100%;  padding: 0 20px;
    }
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.common-contents section.mod-section__ultra,
    #oc-wrapper #Contents.solution-municipality section.mod-section__ultra
    {
        padding: 0;
    }
}
#oc-wrapper #Contents.common-contents .mod-title__h1 h1,
#oc-wrapper #Contents.solution-municipality .mod-title__h1 h1
{
    font-size: 22px;  font-weight: bold;  line-height: 2;  position: relative;  text-align: left;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-title__h1 h1,
    #oc-wrapper #Contents.solution-municipality .mod-title__h1 h1
    {
        font-size: 28px;
    }
}
#oc-wrapper #Contents.common-contents .mod-title__h1 h1:after,
#oc-wrapper #Contents.solution-municipality .mod-title__h1 h1:after
{
    position: absolute;  bottom: -17px;  left: 0;  width: 20px;  height: 1px;  content: '';  background: #e60039;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-title__h1 h1:after,
    #oc-wrapper #Contents.solution-municipality .mod-title__h1 h1:after
    {
        bottom: -30px;
    }
}
#oc-wrapper #Contents.common-contents .mod-title__h1 h1 span,
#oc-wrapper #Contents.solution-municipality .mod-title__h1 h1 span
{
    font-size: 12px;  display: block;  color: #e60039;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-title__h1 h1 span,
    #oc-wrapper #Contents.solution-municipality .mod-title__h1 h1 span
    {
        font-size: 16px;  line-height: 2.125;  display: inline-block;
    }
}
#oc-wrapper #Contents.common-contents .mod-title__h1 .mod-text__small,
#oc-wrapper #Contents.solution-municipality .mod-title__h1 .mod-text__small
{
    margin-top: 30px;  text-align: center;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-title__h1 .mod-text__small,
    #oc-wrapper #Contents.solution-municipality .mod-title__h1 .mod-text__small
    {
        margin-top: 55px;
    }
}
#oc-wrapper #Contents.common-contents h2.mod-heading,
#oc-wrapper #Contents.solution-municipality h2.mod-heading
{
    font-size: 18px;  font-weight: bold;  line-height: 1.6;  text-align: left;  color: #2f3138;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents h2.mod-heading,
    #oc-wrapper #Contents.solution-municipality h2.mod-heading
    {
        font-size: 22px;
    }
}
#oc-wrapper #Contents.common-contents h2.mod-heading.t_1,
#oc-wrapper #Contents.solution-municipality h2.mod-heading.t_1
{
    position: relative;  display: inline-block;  text-align: center;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents h2.mod-heading.t_1,
    #oc-wrapper #Contents.solution-municipality h2.mod-heading.t_1
    {
        display: block;  padding-left: 24px;  text-align: left;
    }
}
#oc-wrapper #Contents.common-contents h2.mod-heading.t_1 i,
#oc-wrapper #Contents.solution-municipality h2.mod-heading.t_1 i
{
    display: none;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents h2.mod-heading.t_1 i,
    #oc-wrapper #Contents.solution-municipality h2.mod-heading.t_1 i
    {
        font-size: 0;  line-height: 1;  position: absolute;  top: 13px;  left: 0;  display: inline-block;  width: 15px;  height: 15px;  vertical-align: middle;
    }
}
#oc-wrapper #Contents.common-contents h3.mod-heading,
#oc-wrapper #Contents.solution-municipality h3.mod-heading
{
    font-size: 16px;  font-weight: bold;  line-height: 1.6;  text-align: left;  color: #2f3138;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents h3.mod-heading,
    #oc-wrapper #Contents.solution-municipality h3.mod-heading
    {
        font-size: 18px;
    }
}
#oc-wrapper #Contents.common-contents h4.mod-heading,
#oc-wrapper #Contents.solution-municipality h4.mod-heading
{
    font-size: 14px;  font-weight: bold;  line-height: 1.6;  text-align: left;  color: #2f3138;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents h4.mod-heading,
    #oc-wrapper #Contents.solution-municipality h4.mod-heading
    {
        font-size: 16px;
    }
}
#oc-wrapper #Contents.common-contents h5.mod-heading,
#oc-wrapper #Contents.solution-municipality h5.mod-heading
{
    font-size: 14px;  font-weight: bold;  line-height: 1.6;  text-align: left;  color: #2f3138;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents h5.mod-heading,
    #oc-wrapper #Contents.solution-municipality h5.mod-heading
    {
        font-size: 16px;
    }
}
#oc-wrapper #Contents.common-contents h6.mod-heading,
#oc-wrapper #Contents.solution-municipality h6.mod-heading
{
    font-size: 12px;  font-weight: bold;  text-align: left;  color: #2f3138;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents h6.mod-heading,
    #oc-wrapper #Contents.solution-municipality h6.mod-heading
    {
        font-size: 14px;
    }
}
#oc-wrapper #Contents.common-contents p,
#oc-wrapper #Contents.solution-municipality p
{
    color: #2f3138;
}
#oc-wrapper #Contents.common-contents p.mod-text,
#oc-wrapper #Contents.solution-municipality p.mod-text
{
    font-size: 14px;  text-align: left;
}
#oc-wrapper #Contents.common-contents p.mod-text span,
#oc-wrapper #Contents.solution-municipality p.mod-text span
{
      background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0%, rgba(255, 223, 116, .6)));      background: linear-gradient(transparent 0%, rgba(255, 223, 116, .6) 0%);
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents p.mod-text,
    #oc-wrapper #Contents.solution-municipality p.mod-text
    {
        font-size: 16px;
    }
}
#oc-wrapper #Contents.common-contents p.mod-text a,
#oc-wrapper #Contents.solution-municipality p.mod-text a
{
    display: inline-block;  text-decoration: underline;  color: #e60039;
}
#oc-wrapper #Contents.common-contents p.mod-text.bold,
#oc-wrapper #Contents.solution-municipality p.mod-text.bold
{
    font-weight: bold;
}
#oc-wrapper #Contents.common-contents p.mod-text__large,
#oc-wrapper #Contents.solution-municipality p.mod-text__large
{
    font-size: 16px;  line-height: 2;  text-align: left;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents p.mod-text__large,
    #oc-wrapper #Contents.solution-municipality p.mod-text__large
    {
        font-size: 18px;
    }
}
#oc-wrapper #Contents.common-contents p.mod-text__large a,
#oc-wrapper #Contents.solution-municipality p.mod-text__large a
{
    display: inline-block;  text-decoration: underline;  color: #e60039;
}
#oc-wrapper #Contents.common-contents p.mod-text__large.bold,
#oc-wrapper #Contents.solution-municipality p.mod-text__large.bold
{
    font-weight: bold;
}
#oc-wrapper #Contents.common-contents p.mod-text__small,
#oc-wrapper #Contents.solution-municipality p.mod-text__small
{
    font-size: 12px;  text-align: left;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents p.mod-text__small,
    #oc-wrapper #Contents.solution-municipality p.mod-text__small
    {
        font-size: 14px;
    }
}
#oc-wrapper #Contents.common-contents p.mod-text__small a,
#oc-wrapper #Contents.solution-municipality p.mod-text__small a
{
    display: inline-block;  text-decoration: underline;  color: #e60039;
}
#oc-wrapper #Contents.common-contents p.mod-text__small.bold,
#oc-wrapper #Contents.solution-municipality p.mod-text__small.bold
{
    font-weight: bold;
}
#oc-wrapper #Contents.common-contents p.mod-text__lead,
#oc-wrapper #Contents.solution-municipality p.mod-text__lead
{
    font-size: 10px;  text-align: left;  color: #777;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents p.mod-text__lead,
    #oc-wrapper #Contents.solution-municipality p.mod-text__lead
    {
        font-size: 12px;
    }
}
#oc-wrapper #Contents.common-contents p.mod-text__lead.bold,
#oc-wrapper #Contents.solution-municipality p.mod-text__lead.bold
{
    font-weight: bold;
}
#oc-wrapper #Contents.common-contents p.mod-text__caption,
#oc-wrapper #Contents.solution-municipality p.mod-text__caption
{
    font-size: 11px;  line-height: 1.81818;  text-align: left;  color: #777;
}
#oc-wrapper #Contents.common-contents .mod-layout__caution,
#oc-wrapper #Contents.solution-municipality .mod-layout__caution
{
    padding: 20px;  text-align: left;  border: 1px solid #d3d3d3;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-layout__caution,
    #oc-wrapper #Contents.solution-municipality .mod-layout__caution
    {
        padding: 30px 150px;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-layout__column,
    #oc-wrapper #Contents.solution-municipality .mod-layout__column
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;
    }
    #oc-wrapper #Contents.common-contents .mod-layout__column figure,
    #oc-wrapper #Contents.solution-municipality .mod-layout__column figure
    {
        width: 45%;  margin-right: 5%;
    }
    #oc-wrapper #Contents.common-contents .mod-layout__column div,
    #oc-wrapper #Contents.solution-municipality .mod-layout__column div
    {
        width: 50%;
    }
}
#oc-wrapper #Contents.common-contents .mod-layout__qa > div,
#oc-wrapper #Contents.solution-municipality .mod-layout__qa > div
{
    margin-bottom: 10px;  text-align: left;  background: #f2f3f4;
}
#oc-wrapper #Contents.common-contents .mod-layout__qa > div a,
#oc-wrapper #Contents.solution-municipality .mod-layout__qa > div a
{
    font-size: 12px;  position: relative;  display: block;  padding: 20px 30px 20px 50px;
}
#oc-wrapper #Contents.common-contents .mod-layout__qa > div a:before,
#oc-wrapper #Contents.solution-municipality .mod-layout__qa > div a:before
{
    font-size: 24px;  position: absolute;  top: 50%;  left: 6%;  content: '?';          -webkit-transform: translate(0, -50%);              -ms-transform: translate(0, -50%);                  transform: translate(0, -50%);  color: #e60039;
}
#oc-wrapper #Contents.common-contents .mod-layout__qa > div a:after,
#oc-wrapper #Contents.solution-municipality .mod-layout__qa > div a:after
{
    position: absolute;  top: 50%;  right: 5%;  width: 6px;  height: 6px;  content: '';          -webkit-transform: rotate(45deg) translate(0, -50%);              -ms-transform: rotate(45deg) translate(0, -50%);                  transform: rotate(45deg) translate(0, -50%);  border-top: 1px solid #e60039;  border-right: 1px solid #e60039;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-layout__qa,
    #oc-wrapper #Contents.solution-municipality .mod-layout__qa
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;
    }
    #oc-wrapper #Contents.common-contents .mod-layout__qa > div,
    #oc-wrapper #Contents.solution-municipality .mod-layout__qa > div
    {
        width: 49%;  margin-bottom: 10px;
    }
    #oc-wrapper #Contents.common-contents .mod-layout__qa > div a,
    #oc-wrapper #Contents.solution-municipality .mod-layout__qa > div a
    {
        font-size: 14px;  padding: 20px 30px 20px 70px;
    }
    #oc-wrapper #Contents.common-contents .mod-layout__qa > div a:before,
    #oc-wrapper #Contents.solution-municipality .mod-layout__qa > div a:before
    {
        font-size: 30px;  left: 5%;
    }
}
#oc-wrapper #Contents.common-contents .mod-layout__sliderbanner,
#oc-wrapper #Contents.solution-municipality .mod-layout__sliderbanner
{
    position: relative;  width: 100%;
}
#oc-wrapper #Contents.common-contents .mod-layout__sliderbanner .slick-list,
#oc-wrapper #Contents.solution-municipality .mod-layout__sliderbanner .slick-list
{
    position: relative;  overflow: hidden;  max-width: 1120px;  margin: 0 auto;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.common-contents .mod-layout__sliderbanner .slick-list .slick-slide,
    #oc-wrapper #Contents.solution-municipality .mod-layout__sliderbanner .slick-list .slick-slide
    {
        margin: 0 10px;
    }
}
#oc-wrapper #Contents.common-contents .mod-layout__sliderbanner .slick-list .slick-slide figure,
#oc-wrapper #Contents.solution-municipality .mod-layout__sliderbanner .slick-list .slick-slide figure
{
    position: relative;
}
#oc-wrapper #Contents.common-contents .mod-layout__sliderbanner .slick-list .slick-slide figure:after,
#oc-wrapper #Contents.solution-municipality .mod-layout__sliderbanner .slick-list .slick-slide figure:after
{
    position: absolute;  top: 50%;  right: 7%;  width: 20px;  height: 20px;  content: '';          -webkit-transform: translate(0, -50%);              -ms-transform: translate(0, -50%);                  transform: translate(0, -50%);  background: url(../img/municipality/common/icon-arrow-grey.svg) no-repeat center/cover;
}
#oc-wrapper #Contents.common-contents .mod-layout__sliderbanner .slick-list .slick-slide p,
#oc-wrapper #Contents.solution-municipality .mod-layout__sliderbanner .slick-list .slick-slide p
{
    font-size: 10px;  line-height: 1.4;  margin-top: 10px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-layout__sliderbanner .slick-list .slick-slide p,
    #oc-wrapper #Contents.solution-municipality .mod-layout__sliderbanner .slick-list .slick-slide p
    {
        font-size: 12px;
    }
}
#oc-wrapper #Contents.common-contents .mod-layout__sliderbanner .slick-arrow,
#oc-wrapper #Contents.solution-municipality .mod-layout__sliderbanner .slick-arrow
{
    position: absolute;  z-index: 200;  top: 60px;  bottom: 50%;  width: 40px;  height: 40px;  margin-top: 0;  text-indent: -9999px;  background-color: #2f3138;  background-image: url(/common_assets/img/svg/next_arrow.svg);  background-repeat: no-repeat;  background-position: 50% 50%;  background-size: contain;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.common-contents .mod-layout__sliderbanner .slick-arrow,
    #oc-wrapper #Contents.solution-municipality .mod-layout__sliderbanner .slick-arrow
    {
        top: 0;  height: 100px;  background: none;
    }
}
#oc-wrapper #Contents.common-contents .mod-layout__sliderbanner .slick-arrow.slick-next,
#oc-wrapper #Contents.solution-municipality .mod-layout__sliderbanner .slick-arrow.slick-next
{
    right: 0;  margin-left: 0;  background-repeat: no-repeat;  background-position: 50%;  background-size: 8px 8px;
}
#oc-wrapper #Contents.common-contents .mod-layout__sliderbanner .slick-arrow.slick-prev,
#oc-wrapper #Contents.solution-municipality .mod-layout__sliderbanner .slick-arrow.slick-prev
{
    left: 0;  margin-right: 0;          -webkit-transform: rotate(180deg);              -ms-transform: rotate(180deg);                  transform: rotate(180deg);  background-repeat: no-repeat;  background-position: 50%;  background-size: 8px 8px;
}
#oc-wrapper #Contents.common-contents .mod-layout__column2,
#oc-wrapper #Contents.solution-municipality .mod-layout__column2
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;
}
#oc-wrapper #Contents.common-contents .mod-layout__column2 > div,
#oc-wrapper #Contents.solution-municipality .mod-layout__column2 > div
{
    margin-bottom: 20px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-layout__column2 > div,
    #oc-wrapper #Contents.solution-municipality .mod-layout__column2 > div
    {
        width: 49%;  margin-bottom: 0;
    }
}
#oc-wrapper #Contents.common-contents .mod-layout__column3,
#oc-wrapper #Contents.solution-municipality .mod-layout__column3
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;
}
#oc-wrapper #Contents.common-contents .mod-layout__column3 > div,
#oc-wrapper #Contents.solution-municipality .mod-layout__column3 > div
{
    margin-bottom: 20px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-layout__column3 > div,
    #oc-wrapper #Contents.solution-municipality .mod-layout__column3 > div
    {
        width: 32%;  margin-bottom: 0;
    }
}
#oc-wrapper #Contents.common-contents .mod-layout__column4,
#oc-wrapper #Contents.solution-municipality .mod-layout__column4
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;
}
#oc-wrapper #Contents.common-contents .mod-layout__column4 > div,
#oc-wrapper #Contents.solution-municipality .mod-layout__column4 > div
{
    width: 48%;  margin-bottom: 20px;
}
#oc-wrapper #Contents.common-contents .mod-layout__column4 > div:last-child,
#oc-wrapper #Contents.common-contents .mod-layout__column4 > div:nth-last-child(2),
#oc-wrapper #Contents.solution-municipality .mod-layout__column4 > div:last-child,
#oc-wrapper #Contents.solution-municipality .mod-layout__column4 > div:nth-last-child(2)
{
    margin-bottom: 0;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-layout__column4 > div,
    #oc-wrapper #Contents.solution-municipality .mod-layout__column4 > div
    {
        width: 24%;  margin-bottom: 0;
    }
}
#oc-wrapper #Contents.common-contents .mod-layout__column4 a,
#oc-wrapper #Contents.solution-municipality .mod-layout__column4 a
{
    display: block;
}
#oc-wrapper #Contents.common-contents .mod-layout__column4 a figure img,
#oc-wrapper #Contents.solution-municipality .mod-layout__column4 a figure img
{
    width: 100%;
}
#oc-wrapper #Contents.common-contents .mod-layout__column4 a p,
#oc-wrapper #Contents.solution-municipality .mod-layout__column4 a p
{
    font-size: 14px;  margin-top: 10px;  text-align: left;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-layout__column4 a p,
    #oc-wrapper #Contents.solution-municipality .mod-layout__column4 a p
    {
        font-size: 15px;
    }
}
#oc-wrapper #Contents.common-contents .mod-layout__column4 a p:before,
#oc-wrapper #Contents.solution-municipality .mod-layout__column4 a p:before
{
    display: inline-block;  width: 0;  height: 0;  margin-right: 6px;  content: '';  border-width: 5px 0 5px 6px;  border-style: solid;  border-color: transparent transparent transparent #e60039;
}
#oc-wrapper #Contents.common-contents .mod-layout__column6,
#oc-wrapper #Contents.solution-municipality .mod-layout__column6
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;
}
#oc-wrapper #Contents.common-contents .mod-layout__column6 > div,
#oc-wrapper #Contents.solution-municipality .mod-layout__column6 > div
{
    width: 32%;  margin-bottom: 20px;
}
#oc-wrapper #Contents.common-contents .mod-layout__column6 > div:nth-last-child(1),
#oc-wrapper #Contents.common-contents .mod-layout__column6 > div:nth-last-child(2),
#oc-wrapper #Contents.common-contents .mod-layout__column6 > div:nth-last-child(3),
#oc-wrapper #Contents.solution-municipality .mod-layout__column6 > div:nth-last-child(1),
#oc-wrapper #Contents.solution-municipality .mod-layout__column6 > div:nth-last-child(2),
#oc-wrapper #Contents.solution-municipality .mod-layout__column6 > div:nth-last-child(3)
{
    margin-bottom: 0;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-layout__column6 > div,
    #oc-wrapper #Contents.solution-municipality .mod-layout__column6 > div
    {
        width: 16%;  margin-bottom: 0;
    }
}
#oc-wrapper #Contents.common-contents .mod-layout__column12,
#oc-wrapper #Contents.solution-municipality .mod-layout__column12
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;
}
#oc-wrapper #Contents.common-contents .mod-layout__column12 > div,
#oc-wrapper #Contents.solution-municipality .mod-layout__column12 > div
{
    margin-bottom: 20px;
}
#oc-wrapper #Contents.common-contents .mod-layout__column12 > div:nth-last-child(1),
#oc-wrapper #Contents.common-contents .mod-layout__column12 > div:nth-last-child(2),
#oc-wrapper #Contents.common-contents .mod-layout__column12 > div:nth-last-child(3),
#oc-wrapper #Contents.common-contents .mod-layout__column12 > div:nth-last-child(4),
#oc-wrapper #Contents.solution-municipality .mod-layout__column12 > div:nth-last-child(1),
#oc-wrapper #Contents.solution-municipality .mod-layout__column12 > div:nth-last-child(2),
#oc-wrapper #Contents.solution-municipality .mod-layout__column12 > div:nth-last-child(3),
#oc-wrapper #Contents.solution-municipality .mod-layout__column12 > div:nth-last-child(4)
{
    margin-bottom: 0;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-layout__column12 > div,
    #oc-wrapper #Contents.solution-municipality .mod-layout__column12 > div
    {
        width: 8%;  margin-bottom: 0;
    }
}
#oc-wrapper #Contents.common-contents .mod-link a,
#oc-wrapper #Contents.solution-municipality .mod-link a
{
    font-size: 14px;  position: relative;  display: block;  width: 100%;  padding: 14px 0;          -webkit-transition: .24s ease all;                  transition: .24s ease all;  color: #fff;  background: #e60039;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-link a,
    #oc-wrapper #Contents.solution-municipality .mod-link a
    {
        font-size: 15px;  display: inline-block;  width: auto;  padding: 20px 100px;
    }
}
#oc-wrapper #Contents.common-contents .mod-link a:after,
#oc-wrapper #Contents.solution-municipality .mod-link a:after
{
    position: absolute;  top: 50%;  right: 5%;  width: 6px;  height: 6px;  content: '';          -webkit-transform: rotate(45deg) translate(-50%, 0);              -ms-transform: rotate(45deg) translate(-50%, 0);                  transform: rotate(45deg) translate(-50%, 0);  border-top: 1px solid #fff;  border-right: 1px solid #fff;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-link a:after,
    #oc-wrapper #Contents.solution-municipality .mod-link a:after
    {
        font-size: 15px;
    }
}
#oc-wrapper #Contents.common-contents .mod-link__border a,
#oc-wrapper #Contents.solution-municipality .mod-link__border a
{
    font-size: 14px;  position: relative;  display: block;  width: 100%;  padding: 14px 0;          -webkit-transition: .24s ease all;                  transition: .24s ease all;  color: #000;  border: 2px solid #d7d9da;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-link__border a,
    #oc-wrapper #Contents.solution-municipality .mod-link__border a
    {
        font-size: 15px;  display: inline-block;  width: auto;  padding: 20px 100px;
    }
}
#oc-wrapper #Contents.common-contents .mod-link__border a:after,
#oc-wrapper #Contents.solution-municipality .mod-link__border a:after
{
    position: absolute;  top: 50%;  right: 5%;  width: 6px;  height: 6px;  content: '';          -webkit-transform: rotate(45deg) translate(-50%, 0);              -ms-transform: rotate(45deg) translate(-50%, 0);                  transform: rotate(45deg) translate(-50%, 0);  border-top: 1px solid #e60039;  border-right: 1px solid #e60039;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-link__border a:after,
    #oc-wrapper #Contents.solution-municipality .mod-link__border a:after
    {
        font-size: 15px;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-link__border a:hover,
    #oc-wrapper #Contents.solution-municipality .mod-link__border a:hover
    {
        background: #d7d9da;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-btn__large,
    #oc-wrapper #Contents.solution-municipality .mod-btn__large
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;
    }
}
#oc-wrapper #Contents.common-contents .mod-btn__large div,
#oc-wrapper #Contents.solution-municipality .mod-btn__large div
{
    position: relative;  margin-bottom: 14px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-btn__large div,
    #oc-wrapper #Contents.solution-municipality .mod-btn__large div
    {
        width: 32%;  margin-bottom: 0;
    }
}
#oc-wrapper #Contents.common-contents .mod-btn__large div a,
#oc-wrapper #Contents.solution-municipality .mod-btn__large div a
{
    font-size: 15px;  font-weight: bold;          display: -webkit-box;          display: -ms-flexbox;          display: flex;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;      -ms-flex-direction: column;          flex-direction: column;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  height: 35.73333vw;          -webkit-transition: .24s ease all;                  transition: .24s ease all;  text-align: center;  border: 2px solid #e60039;
}
#oc-wrapper #Contents.common-contents .mod-btn__large div a:after,
#oc-wrapper #Contents.solution-municipality .mod-btn__large div a:after
{
    position: absolute;  top: 50%;  right: 5%;  width: 6px;  height: 6px;  content: '';          -webkit-transform: rotate(45deg) translate(-50%, 0);              -ms-transform: rotate(45deg) translate(-50%, 0);                  transform: rotate(45deg) translate(-50%, 0);  border-top: 1px solid #e60039;  border-right: 1px solid #e60039;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-btn__large div a:after,
    #oc-wrapper #Contents.solution-municipality .mod-btn__large div a:after
    {
        font-size: 15px;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-btn__large div a,
    #oc-wrapper #Contents.solution-municipality .mod-btn__large div a
    {
        height: 134px;
    }
}
#oc-wrapper #Contents.common-contents .mod-btn__large div a i,
#oc-wrapper #Contents.solution-municipality .mod-btn__large div a i
{
    display: inline-block;  width: 11.2vw;  height: 10.13333vw;  margin: 0 auto;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-btn__large div a i,
    #oc-wrapper #Contents.solution-municipality .mod-btn__large div a i
    {
        width: 42px;  height: 38px;  margin: 0 auto;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-btn__large div a:hover,
    #oc-wrapper #Contents.solution-municipality .mod-btn__large div a:hover
    {
        opacity: 1;  color: #fff;  background: #e60039;
    }
    #oc-wrapper #Contents.common-contents .mod-btn__large div a:hover:after,
    #oc-wrapper #Contents.solution-municipality .mod-btn__large div a:hover:after
    {
        border-color: #fff;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-btn__small,
    #oc-wrapper #Contents.solution-municipality .mod-btn__small
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;
    }
}
#oc-wrapper #Contents.common-contents .mod-btn__small > div,
#oc-wrapper #Contents.solution-municipality .mod-btn__small > div
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;      -ms-flex-direction: column;          flex-direction: column;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  height: 70px;  margin-bottom: 10px;  border: 2px solid #d7d9da;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-btn__small > div,
    #oc-wrapper #Contents.solution-municipality .mod-btn__small > div
    {
        width: 24%;  height: 80px;
    }
}
#oc-wrapper #Contents.common-contents .mod-btn__small > div a,
#oc-wrapper #Contents.solution-municipality .mod-btn__small > div a
{
    font-size: 14px;  line-height: 1.4;  position: relative;
}
#oc-wrapper #Contents.common-contents .mod-btn__small > div.outlink a:after,
#oc-wrapper #Contents.solution-municipality .mod-btn__small > div.outlink a:after
{
    position: absolute;  top: 50%;  right: 5%;  width: 10px;  height: 9px;  content: '';  background: url('/municipality/contents/assets/img/municipality/sample/icon-outlink.svg') no-repeat center/cover;
}
#oc-wrapper #Contents.common-contents .mod-btn__small > div.link a:after,
#oc-wrapper #Contents.solution-municipality .mod-btn__small > div.link a:after
{
    position: absolute;  top: 50%;  right: 5%;  width: 6px;  height: 6px;  content: '';          -webkit-transform: rotate(45deg) translate(-50%, 0);              -ms-transform: rotate(45deg) translate(-50%, 0);                  transform: rotate(45deg) translate(-50%, 0);  border-top: 1px solid #e60039;  border-right: 1px solid #e60039;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-btn__small > div.link a:after,
    #oc-wrapper #Contents.solution-municipality .mod-btn__small > div.link a:after
    {
        font-size: 15px;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-list,
    #oc-wrapper #Contents.solution-municipality .mod-list
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;
    }
}
#oc-wrapper #Contents.common-contents .mod-list li,
#oc-wrapper #Contents.solution-municipality .mod-list li
{
    border-bottom: 1px solid #d7d9da;
}
#oc-wrapper #Contents.common-contents .mod-list li:first-child,
#oc-wrapper #Contents.solution-municipality .mod-list li:first-child
{
    border-top: 1px solid #d7d9da;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-list li,
    #oc-wrapper #Contents.solution-municipality .mod-list li
    {
        width: 49%;
    }
    #oc-wrapper #Contents.common-contents .mod-list li:nth-child(2),
    #oc-wrapper #Contents.solution-municipality .mod-list li:nth-child(2)
    {
        border-top: 1px solid #d7d9da;
    }
}
#oc-wrapper #Contents.common-contents .mod-list li a,
#oc-wrapper #Contents.solution-municipality .mod-list li a
{
    font-size: 10px;  position: relative;  display: block;  padding: 14px 0;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-list li a,
    #oc-wrapper #Contents.solution-municipality .mod-list li a
    {
        font-size: 12px;  padding: 16px 0;  text-align: left;
    }
}
#oc-wrapper #Contents.common-contents .mod-list li a:after,
#oc-wrapper #Contents.solution-municipality .mod-list li a:after
{
    position: absolute;  top: 50%;  right: 5%;  width: 6px;  height: 6px;  content: '';          -webkit-transform: rotate(45deg) translate(0, -50%);              -ms-transform: rotate(45deg) translate(0, -50%);                  transform: rotate(45deg) translate(0, -50%);  border-top: 1px solid #e60039;  border-right: 1px solid #e60039;
}
#oc-wrapper #Contents.common-contents .mod-img__w100 img,
#oc-wrapper #Contents.solution-municipality .mod-img__w100 img
{
    width: 100%;
}
#oc-wrapper #Contents.common-contents .mod-ma40,
#oc-wrapper #Contents.solution-municipality .mod-ma40
{
    margin: 40px auto;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.common-contents .mod-ma40,
    #oc-wrapper #Contents.solution-municipality .mod-ma40
    {
        margin: 80px auto;
    }
}
#oc-wrapper #Contents.common-contents .mod-mt70,
#oc-wrapper #Contents.solution-municipality .mod-mt70
{
    margin-top: 70px;
}
#oc-wrapper #Contents.common-contents .mod-mt60,
#oc-wrapper #Contents.solution-municipality .mod-mt60
{
    margin-top: 60px;
}
#oc-wrapper #Contents.common-contents .mod-mt50,
#oc-wrapper #Contents.solution-municipality .mod-mt50
{
    margin-top: 50px;
}
#oc-wrapper #Contents.common-contents .mod-mt40,
#oc-wrapper #Contents.solution-municipality .mod-mt40
{
    margin-top: 40px;
}
#oc-wrapper #Contents.common-contents .mod-mt30,
#oc-wrapper #Contents.solution-municipality .mod-mt30
{
    margin-top: 30px;
}
#oc-wrapper #Contents.common-contents .mod-mt20,
#oc-wrapper #Contents.solution-municipality .mod-mt20
{
    margin-top: 20px;
}
#oc-wrapper #Contents.common-contents .mod-mt10,
#oc-wrapper #Contents.solution-municipality .mod-mt10
{
    margin-top: 10px;
}

.input-bg
{
    position: absolute;  z-index: 2;  left: 0;  width: 100%;  height: 100%;  opacity: 0;
}

body
{
    line-height: 1.6;
}

.print-img
{
    display: none;
}

.down
{
    width: 100%;  margin-bottom: 40px;
}
@media screen and (max-width: 766px)
{
    .down
    {
        margin-bottom: 20px;
    }
}
.down img
{
    width: 8%;  margin: 0 auto;
}

button
{
    font-family: inherit;  font-size: 100%;  margin: 0;  padding: 0;  cursor: pointer;  border: 0;  background-color: inherit;
}
button:hover
{
    opacity: .6;
}

#oc-wrapper #Contents.solution-municipality .prize
{
    display: -webkit-box;    display: -ms-flexbox;    display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-box-pack: start;  -ms-flex-pack: start;  justify-content: flex-start;  margin: 40px 0 0;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .prize
    {
        margin: 15px 0;
    }
}
#oc-wrapper #Contents.solution-municipality .prize img
{
    max-height: 42px;  margin: 0 auto 0 0;  margin-top: 8px;  margin-right: 6px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .prize img
    {
        max-height: 65px;  margin-top: 8px;  margin-right: 10px;
    }
}

#oc-wrapper #Contents.solution-municipality .prize-text
{
    margin-top: 10px;  padding-left: 20px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .prize-text
    {
        margin-top: 40px;
    }
}
#oc-wrapper #Contents.solution-municipality .prize-text li
{
    font-size: 10px;  font-weight: bold;  line-height: 1.4;  margin-bottom: 8px;  list-style: disc !important;  text-align: left;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .prize-text li
    {
        font-size: 16px;  margin-bottom: 10px;
    }
}
#oc-wrapper #Contents.solution-municipality .prize-text li:last-child
{
    margin-bottom: 0;
}

#oc-wrapper #Contents.solution-municipality .mod-index_ttl .title
{
    font-size: 18px;  font-weight: bold;  margin-bottom: 15px;  color: #2f3138;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-index_ttl .title
    {
        margin-bottom: 40px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-index_ttl .title:after
{
    display: block;  width: 24px;  height: 2px;  margin: 15px auto 0;  content: '';  background: #e60039;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-index_ttl .title:after
    {
        width: 50px;  height: 4px;
    }
}

#oc-wrapper #Contents.solution-municipality .mod-index__kv
{
    overflow: hidden;  height: auto !important;
}
#oc-wrapper #Contents.solution-municipality .mod-index__kv .kv-title
{
    position: absolute;  z-index: 3;  bottom: 0;  overflow: hidden;  width: 100%;  padding: 10px 20px;  text-align: left;  background: rgba(255, 255, 255, .7);
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-index__kv .kv-title
    {
        bottom: 0;  width: 100%;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-index__kv .kv-slider .item
{
    position: relative;
}
#oc-wrapper #Contents.solution-municipality .mod-index__kv .kv-slider .item a
{
    display: block;
}
#oc-wrapper #Contents.solution-municipality .mod-index__kv .kv-slider .item a:hover
{
    opacity: 1;
}
#oc-wrapper #Contents.solution-municipality .mod-index__kv .kv-slider .item img
{
    width: 100%;
}
#oc-wrapper #Contents.solution-municipality .mod-index__kv .kv-slider .item .kvBox
{
    position: absolute;  z-index: 10;  bottom: 0;  width: 100%;  padding: 10px 20px;  text-align: left;  color: #2f3138;  background: rgba(255, 255, 255, .7);          -webkit-backface-visibility: hidden;                  backface-visibility: hidden;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-index__kv .kv-slider .item .kvBox
    {
        top: 50%;  left: 40px;  width: auto;  min-width: 600px;  height: 210px;  padding: 40px 130px 40px 40px;          -webkit-transform: translate(0, -50%);              -ms-transform: translate(0, -50%);                  transform: translate(0, -50%);
    }
}
#oc-wrapper #Contents.solution-municipality .mod-index__kv .kv-slider .item .kvBox .bread
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-index__kv .kv-slider .item .kvBox .bread
    {
        margin-top: 10px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-index__kv .kv-slider .item .kvBox .bread li
{
    font-size: 10px;  position: relative;          display: -webkit-box;          display: -ms-flexbox;          display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;  padding: 4px 10px;  background: #fff;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-index__kv .kv-slider .item .kvBox .bread li
    {
        font-size: 15px;  padding: 8px 16px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-index__kv .kv-slider .item .kvBox .bread li i
{
    display: inline-block;  width: 20px;  height: 14px;  margin-right: 10px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-index__kv .kv-slider .item .kvBox .bread li i
    {
        width: 24px;  height: 18px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-index__kv .kv-slider .item .kvBox .bread li i img
{
    width: 100%;  height: 14px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-index__kv .kv-slider .item .kvBox .bread li i img
    {
        height: 18px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-index__kv .kv-slider .item .kvBox .bread li:first-child
{
    color: #fff;  background: #555;
}
#oc-wrapper #Contents.solution-municipality .mod-index__kv .kv-slider .item .kvBox .bread li:first-child:after
{
    position: absolute;  z-index: 1;  top: 0;  right: -12px;  width: 0;  height: 0;  content: '';  border-top: 13px solid transparent;  border-bottom: 12px solid transparent;  border-left: 12px solid #555;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-index__kv .kv-slider .item .kvBox .bread li:first-child:after
    {
        right: -14px;  border-top: 21px solid transparent;  border-bottom: 20px solid transparent;  border-left: 15px solid #555;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-index__kv .kv-slider .item .kvBox .bread li:last-child
{
    padding: 4px 10px 4px 20px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-index__kv .kv-slider .item .kvBox .bread li:last-child
    {
        padding: 8px 22px 8px 28px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-index__kv .kv-slider .item .kvBox .title
{
    font-size: 16px;  padding: 6px 0;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-index__kv .kv-slider .item .kvBox .title
    {
        font-size: 28px;  font-weight: normal;  padding: 50px 0 20px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-index__kv .slick-arrow
{
    display: none !important;
}
#oc-wrapper #Contents.solution-municipality .mod-index__kv .slick-dots
{
    display: none !important;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-index__kv .slick-dots
    {
        position: absolute;  bottom: 20px;  left: 50%;  display: -webkit-box !important;  display: -ms-flexbox !important;  display: flex !important;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  height: 6px;  padding: 0;          -webkit-transform: translate(-50%, -50%);              -ms-transform: translate(-50%, -50%);                  transform: translate(-50%, -50%);
    }
}
#oc-wrapper #Contents.solution-municipality .mod-index__kv .slick-dots li
{
    display: block;  width: 14px;  height: 14px;  margin: 0 9px;  border-radius: 50%;
}
#oc-wrapper #Contents.solution-municipality .mod-index__kv .slick-dots li button
{
    width: 100%;  cursor: pointer;
}
#oc-wrapper #Contents.solution-municipality .mod-index__kv .slick-dots li.slick-active button
{
    pointer-events: none;
}

#oc-wrapper #Contents.solution-municipality .mod-index__case
{
    padding: 40px 0 50px;  background: #f5f5f5;
}
#oc-wrapper #Contents.solution-municipality .mod-index__case .mod-heading
{
    margin-bottom: 14px;  text-align: center;  color: #2f3138;
}
#oc-wrapper #Contents.solution-municipality .mod-index__case .mod-col3-slider
{
    width: 90%;  max-width: 1050px;  margin: 0 auto;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-index__case .mod-col3-slider .slick-arrow
    {
        top: auto;  bottom: 0;  background-size: 20px 20px;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-index__case .mod-col3-slider .slick-dots
    {
        display: none !important;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-index__case .mod-col3-slider .slick-list
{
    overflow: hidden;  max-width: 850px;  margin: 0 auto;
}
#oc-wrapper #Contents.solution-municipality .mod-index__case .mod-col3-slider .slick-list .slick-slide
{
    position: relative;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-index__case .mod-col3-slider .slick-list .slick-slide
    {
        margin: 0 10px;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-index__case .mod-col3-slider .slick-list .slick-slide a:hover .detail .name,
    #oc-wrapper #Contents.solution-municipality .mod-index__case .mod-col3-slider .slick-list .slick-slide a:hover .detail .text
    {
        opacity: .6;
    }
}

#oc-wrapper #Contents.solution-municipality .mod-solution-ttl
{
    width: 100%;  margin: 0 auto;  background-color: #f5f5f5;  background-repeat: no-repeat;  background-position: bottom;  background-size: contain;
}
@media screen and (min-width: 420px) and (max-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-ttl
    {
        background-size: cover;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-ttl
    {
        padding: 76px 0;  background-position: center center;  background-size: cover;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-ttl .inner
{
    width: 100%;  max-width: 1120px;  margin: 0 auto;
    position: relative; 
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-ttl .inner
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;  width: 90%;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-ttl .inner .title
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;  text-align: left;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-ttl .inner .title
    {
        padding: 15px 20px;  background-color: #f5f5f5;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-ttl .inner .title
    {
        margin-right: 90px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-ttl .inner .title .icon
{
    display: block;  width: 58px;  height: 58px;  margin-right: 14px;  vertical-align: middle;  border-radius: 50%;  background-color: #fff;
}
#oc-wrapper #Contents.solution-municipality .mod-solution-ttl .inner .title .icon img
{
    width: 55%;  margin: 0 auto;          -webkit-transform: translate(0%, 50%);              -ms-transform: translate(0%, 50%);                  transform: translate(0%, 50%);
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-ttl .inner .title .icon
    {
        position: absolute;  top: 50%;  width: 68px;  height: 68px;          -webkit-transform: translate(0%, -50%);              -ms-transform: translate(0%, -50%);                  transform: translate(0%, -50%);
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-ttl .inner .title .heading
{
    font-size: 18px;  line-height: 1.3;  word-break: keep-all;  color: #2f3138;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-ttl .inner .title .heading
    {
        font-size: 28px;  margin-left: 88px;  padding: 7px;  color: #fff;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-ttl .inner .title .heading span
{
    font-size: 12px;  font-weight: normal;  display: block;  margin-bottom: 7px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-ttl .inner .title .heading span
    {
        font-size: 16px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-ttl .inner .lead
{
    font-size: 16px;  line-height: 2;  text-align: left;  color: #fff;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-ttl .inner .lead
    {
        font-weight: bold;  line-height: 1.8;  padding: 30px 0;  text-align: center;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-ttl .inner .lead
    {
        font-size: 22px;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-ttl .inner .lead br.sp
    {
        display: none;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-ttl .inner .back
{
    display: none;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-ttl .inner .back
    {
        position: absolute;  right: 0;  bottom: 0;  display: block;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;
    }
    #oc-wrapper #Contents.solution-municipality .mod-solution-ttl .inner .back a
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;      -ms-flex-flow: row nowrap;          flex-flow: row nowrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;
    }
    #oc-wrapper #Contents.solution-municipality .mod-solution-ttl .inner .back a p
    {
        font-size: 16px;  font-weight: bold;  color: #2f3138;
    }
    #oc-wrapper #Contents.solution-municipality .mod-solution-ttl .inner .back a i
    {
        display: inline-block;  width: 16px;  height: 16px;  margin-left: 10px;
    }

#oc-wrapper #Contents.solution-municipality .mod-solution-ttl .inner .back a i img {
vertical-align: top;
}

}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-ttl.workstyle
    {
        background-image: url('/municipality/contents/assets/img/municipality/workstyle/com-title-bg-sp.jpg');  background-position: bottom;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-ttl.workstyle
    {
        padding: 76px 0;  background-image: url('/municipality/contents/assets/img/municipality/workstyle/com-title-bg.jpg');
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-ttl.workstyle .inner .title .heading
    {
        color: #2f3138;
    }
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-ttl.workstyle .inner .lead
    {
        padding: 45px 0;
    }
    #oc-wrapper #Contents.solution-municipality .mod-solution-ttl.workstyle .inner .lead .backcolor
    {
        background: rgba(153, 198, 171, .8);
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-ttl.workstyle .inner .lead .backcolor
    {
        font-weight: normal;  color: #2f3138;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-ttl.case
{
    padding: 10px 0;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-ttl.case
    {
        padding: 32px 0;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-ttl.case .inner .title .heading
{
    color: #2f3138;
}
#oc-wrapper #Contents.solution-municipality .mod-solution-ttl.solution-new
{
    background-image: url('/municipality/contents/assets/img/municipality/solution/new/com-title-bg-sp.jpg');
}
#oc-wrapper #Contents.solution-municipality .mod-solution-ttl.solution-new .inner .backcolor
{
    background: rgba(138, 175, 229, .8);
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-ttl.solution-new
    {
        background-image: url('/municipality/contents/assets/img/municipality/solution/new/com-title-bg.jpg');
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-ttl.solution-iten
{
    background-image: url('/municipality/contents/assets/img/municipality/solution/iten/com-title-bg-sp.jpg');
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-ttl.solution-iten .inner .title .heading
    {
        color: #2f3138;  background: rgba(235, 235, 235, .8);
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-ttl.solution-iten .inner .backcolor
{
    color: #000;  background: rgba(235, 235, 235, .8);
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-ttl.solution-iten
    {
        background-image: url('/municipality/contents/assets/img/municipality/solution/iten/com-title-bg.jpg');
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-ttl.solution-mado
{
    background-image: url('/municipality/contents/assets/img/municipality/solution/mado/com-title-bg-sp.jpg');
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-ttl.solution-mado .inner .heading
    {
        color: #2f3138;  background: rgba(235, 235, 235, .8);
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-ttl.solution-mado .inner .backcolor
{
    color: #000;  background: rgba(235, 235, 235, .8);
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-ttl.solution-mado
    {
        background-image: url('/municipality/contents/assets/img/municipality/solution/mado/com-title-bg.jpg');
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-ttl.solution-sign
{
    background-image: url('/municipality/contents/assets/img/municipality/solution/sign/com-title-bg-sp.jpg');
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-ttl.solution-sign .inner .title .heading
    {
        color: #2f3138;  background: rgba(227, 238, 255, .8);
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-ttl.solution-sign .inner .backcolor
{
    color: #000;  background: rgba(227, 238, 255, .8);
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-ttl.solution-sign
    {
        background-image: url('/municipality/contents/assets/img/municipality/solution/sign/com-title-bg.jpg');
    }
}

#oc-wrapper #Contents.solution-municipality .mod-solution-lead
{
    max-width: 1120px;  margin: 40px auto;  padding: 0 20px;  text-align: center;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-lead
    {
        margin: 80px auto;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-lead
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;
    }
}
@media screen and (min-width: 1160px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-lead
    {
        padding: 0;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-lead .detail .mod-heading
{
    margin-bottom: 20px;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-lead .detail .mod-heading
    {
        margin-bottom: 25px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-lead .detail .text
{
    font-size: 14px;  line-height: 2;  text-align: justify;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-lead .detail .text
    {
        font-size: 16px;  line-height: 1.875;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-lead .detail .text span
{
    background: rgba(255, 223, 116, .8);
}
#oc-wrapper #Contents.solution-municipality .mod-solution-lead.layout1 .figure
{
    width: 98px;  margin: 0 auto;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-lead.layout1 .figure
    {
        width: 160px;  margin-right: 10%;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-lead.layout1 .figure.full
{
    width: 100%;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-lead.layout1 .figure.full
    {
        width: inherit;  max-width: 500px;  margin-right: 0;
    }
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-lead.layout1 .detail
    {
        margin-bottom: 20px;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-lead.layout1 .detail
    {
        max-width: 620px;  margin-right: 50px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-lead.layout2 .figure
{
    display: none;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-lead.layout2 .figure
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;  width: 440px;
    }
    #oc-wrapper #Contents.solution-municipality .mod-solution-lead.layout2 .figure img
    {
        width: 35%;  margin-left: 45%;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-lead.layout2 .detail
    {
        width: 70%;  max-width: 800px;
    }
}

#oc-wrapper #Contents.solution-municipality .mod-solution-voice
{
    display: -webkit-box;    display: -ms-flexbox;    display: flex;  -webkit-box-align: center;  align-items: center; -ms-flex-align: center;  width: 94%;  max-width: 1120px;  margin: 0 auto;  margin: 40px auto 30px;  padding: 0 !important;  text-align: center;  background-image: linear-gradient(-45deg, #fff 25%, #ccc 25%, #ccc 50%, #fff 50%, #fff 75%, #ccc 75%, #ccc);  background-size: 5px 5px;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-voice
    {
        width: 100%;  padding: 0 20px;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-voice
    {
        margin: 80px auto;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-voice .inner
{
    margin: 4px;  background: #fff;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-voice .inner
    {
        padding: 0 20px 20px 20px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-voice .title
{
    font-size: 16px;  font-weight: bold;  display: inline-block;  padding: 4px 30px;  letter-spacing: .1em;  background: #ffdf74;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-voice .title
    {
        font-size: 22px;  padding: 8px 50px;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-voice .voice-inr
    {
        padding: 50px 60px 80px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-voice .voice-inr .voice-person
{
    display: inline-block;  vertical-align: top;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-voice .voice-inr .voice-person
    {
        margin-right: 60px;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-voice .voice-inr .voice-person
    {
        width: 200px;
    }
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-voice .voice-inr .voice-person figure
    {
        width: 40%;  margin: 20px auto;
    }
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-voice .voice-inr .voice-person .peroson__detail
    {
        margin: 20px auto;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-voice .voice-inr .voice-person .peroson__detail .peroson__munici
{
    font-size: 14px;  margin-top: 10px;
}
#oc-wrapper #Contents.solution-municipality .mod-solution-voice .voice-inr .voice-person .peroson__detail .peroson__place
{
    font-size: 16px;  margin: 14px 0 4px;
}
#oc-wrapper #Contents.solution-municipality .mod-solution-voice .voice-inr .voice-person .peroson__detail .peroson__name
{
    font-size: 16px;  font-weight: bold;
}
#oc-wrapper #Contents.solution-municipality .mod-solution-voice .voice-inr .voice-detail
{
    display: inline-block;  text-align: justify;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-voice .voice-inr .voice-detail
    {
        width: 70%;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-voice .voice-inr .voice-detail .detail__heading
{
    font-size: 14px;  font-weight: bold;  margin-bottom: 20px;  text-align: center;  color: #2f3138;
}
@media screen and (max-width: 419px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-voice .voice-inr .voice-detail .detail__heading
    {
        font-size: 4.6vw;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-voice .voice-inr .voice-detail .detail__heading
    {
        font-size: 24px;  margin-bottom: 25px;  text-align: left;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-voice .voice-inr .voice-detail .detail__heading span
{
      background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, rgba(255, 223, 116, .6)));      background: linear-gradient(transparent 50%, rgba(255, 223, 116, .6) 50%);
}
#oc-wrapper #Contents.solution-municipality .mod-solution-voice .voice-inr .voice-detail .detail__text p
{
    margin-bottom: 16px;
}
#oc-wrapper #Contents.solution-municipality .mod-solution-voice .voice-inr .voice-detail .detail__text p:last-child
{
    margin-bottom: 0;
}

#oc-wrapper #Contents.solution-municipality .mod-solution-download
{
    background: #f2f3f4;
}
#oc-wrapper #Contents.solution-municipality .mod-solution-download .inr
{
    max-width: 1310px;  margin: 0 auto;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-download .inr
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;
    }
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-support
    {
        border-bottom: 1px solid #fff;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-support
    {
        border-right: 2px solid #fff;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-support,
#oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-case
{
    padding: 30px 0;  background: #f2f3f4;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-support,
    #oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-case
    {
        width: 50%;  margin-bottom: 0;  padding: 40px 0;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-support .casedownload-heading,
#oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-case .casedownload-heading
{
    font-size: 16px;  font-weight: bold;  margin-bottom: 12px;  text-align: center;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-support .casedownload-heading,
    #oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-case .casedownload-heading
    {
        font-size: 22px;  margin-bottom: 24px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-support .casedownload-btn,
#oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-case .casedownload-btn
{
    width: 90%;  margin: 0 auto;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-support .casedownload-btn,
    #oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-case .casedownload-btn
    {
        width: 74%;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-support .casedownload-btn a,
#oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-case .casedownload-btn a
{
    font-size: 14px;  position: relative;  display: block;  padding: 24px 0 24px 72px;  text-align: left;  border: 1px solid #d7d9da;  background: #fff;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-support .casedownload-btn a,
    #oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-case .casedownload-btn a
    {
        font-size: 16px;  padding: 26px 0;          -webkit-transition: .24s ease all;                  transition: .24s ease all;  text-align: center;
    }
    #oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-support .casedownload-btn a:hover,
    #oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-case .casedownload-btn a:hover
    {
        opacity: 1;  background: #d7d9da;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-support .casedownload-btn a i,
#oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-case .casedownload-btn a i
{
    position: absolute;  right: 20px;  width: 18px;  height: 24px;  margin-left: 20px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-support .casedownload-btn a i,
    #oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-case .casedownload-btn a i
    {
        right: 30px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-support .casedownload-btn a:after,
#oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-case .casedownload-btn a:after
{
    position: absolute;  top: 50%;  right: 20px;  width: 18px;  height: 18px;  content: '';          -webkit-transform: translate(0, -50%);              -ms-transform: translate(0, -50%);                  transform: translate(0, -50%);  background: url('/municipality/contents/assets/img/municipality/common/icon-arrow-grey.svg') no-repeat;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-support .casedownload-btn a:after,
    #oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-case .casedownload-btn a:after
    {
        right: 30px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-support .casedownload-btn a:before,
#oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-case .casedownload-btn a:before
{
    position: absolute;  top: 50%;  left: 20px;  width: 25px;  height: 25px;  content: '';          -webkit-transform: translate(0, -50%);              -ms-transform: translate(0, -50%);                  transform: translate(0, -50%);
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-support .casedownload-btn a:before,
    #oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-case .casedownload-btn a:before
    {
        left: 28px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-support .casedownload-btn.pdf a:before,
#oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-case .casedownload-btn.pdf a:before
{
    position: absolute;  content: '';  background: url('/municipality/contents/assets/img/municipality/common/icon-note.svg') no-repeat;
}
#oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-support .casedownload-btn.pdf a:after,
#oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-case .casedownload-btn.pdf a:after
{
    content: none;
}
#oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-support .casedownload-btn.new a:before,
#oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-case .casedownload-btn.new a:before
{
    background: url('/municipality/contents/assets/img/municipality/common/icon-municipality.svg') no-repeat;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-support .casedownload-btn.new a:before,
    #oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-case .casedownload-btn.new a:before
    {
        width: 46px;  height: 34px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-support .casedownload-btn.sign a:before,
#oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-case .casedownload-btn.sign a:before
{
    background: url('/municipality/contents/assets/img/municipality/common/icon-sign_bk.svg') no-repeat;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-support .casedownload-btn.sign a:before,
    #oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-case .casedownload-btn.sign a:before
    {
        width: 34px;  height: 31px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-support .casedownload-btn.mado a:before,
#oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-case .casedownload-btn.mado a:before
{
    background: url('/municipality/contents/assets/img/municipality/common/icon-solution_mado.svg') no-repeat;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-support .casedownload-btn.mado a:before,
    #oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-case .casedownload-btn.mado a:before
    {
        width: 34px;  height: 32px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-support .casedownload-btn.iten a:before,
#oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-case .casedownload-btn.iten a:before
{
    background: url('/municipality/contents/assets/img/municipality/common/icon-iten.svg') no-repeat;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-support .casedownload-btn.iten a:before,
    #oc-wrapper #Contents.solution-municipality .mod-solution-download .inr .casedownload-case .casedownload-btn.iten a:before
    {
        width: 34px;  height: 34px;
    }
}

#oc-wrapper #Contents.solution-municipality .mod-product-ttl
{
    display: block;  margin-bottom: 20px;  text-align: center;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-ttl
    {
        margin-bottom: 35px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-ttl span
{
    font-size: 20px;  font-weight: bold;  position: relative;  z-index: 1;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-ttl span
    {
        font-size: 16px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-ttl span:after
{
    position: absolute;  z-index: -1;  bottom: -3px;  left: 0;  width: 100%;  height: 16px;  content: '';  background: #ffdf74;
}

@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-spec
    {
        padding: 0 20px;
    }
}

#oc-wrapper #Contents.solution-municipality .mod-product-spec .mod-heading
{
    margin-bottom: 20px;  text-align: center;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .mod-heading
    {
        margin-bottom: 35px;
    }
}

#oc-wrapper #Contents.solution-municipality .mod-product-spec .inr
{
    max-width: 1120px;  margin: 0 auto;  padding: 20px;  background: #f5f5f5;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr
    {
        padding: 40px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .point
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;  -webkit-box-orient: vertical;  -webkit-box-direction: reverse;      -ms-flex-direction: column-reverse;          flex-direction: column-reverse;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .point
    {
        -webkit-box-orient: horizontal;  -webkit-box-direction: normal;      -ms-flex-direction: row;          flex-direction: row;  margin-bottom: 30px;  padding-bottom: 30px;  border-bottom: 1px solid #d7d9da;
    }
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .point .point-box
    {
        margin-bottom: 30px;  border-bottom: 1px solid #d7d9da;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .point .point-box
    {
        margin-right: 40px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .point .point-box .point-heading
{
    font-size: 14px;  font-weight: bold;          display: -webkit-box;          display: -ms-flexbox;          display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;  margin-top: 15px;  color: #2f3138;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .point .point-box .point-heading
    {
        font-size: 22px;  margin-top: 0;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .point .point-box .point-heading i
{
    width: 30px;  height: 30px;  margin-right: 10px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .point .point-box .point-heading i
    {
        width: 80px;  height: 80px;  margin-right: 20px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .point .point-box .point-text
{
    margin: 15px 0;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .point .point-box .point-text
    {
        margin-top: 30px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .point .point-box .point-text li
{
    font-size: 14px;  margin-left: 1em;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .point .point-box .point-text li
    {
        font-size: 18px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .point .point-image
{
    width: 50%;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .point .point-image
    {
        width: 100%;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .point .point-list
{
    margin: 14px 0 30px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .point .point-list
    {
        margin: 20px 0 0;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .point .point-list .point-list__item
{
    font-size: 12px;  font-weight: normal;  line-height: 1.6;  margin-bottom: 4px;  padding-left: 20px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .point .point-list .point-list__item
    {
        font-size: 18px;  font-weight: bold;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .point .point-list .point-list__item:last-child
{
    margin-bottom: 0;
}
#oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .point .point-list .point-list__item:before
{
    margin-left: -1em;  content: '繝ｻ';  text-indent: 1em;
}
#oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;
}
#oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item
{
    position: relative;  margin-bottom: 40px;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;      -ms-flex-flow: wrap-reverse;          flex-flow: wrap-reverse;  -webkit-box-orient: vertical;  -webkit-box-direction: reverse;      -ms-flex-direction: row-reverse;          flex-direction: row-reverse;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  margin-bottom: 14px;
    }
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item.reverese
    {
        -webkit-box-orient: horizontal;  -webkit-box-direction: reverse;      -ms-flex-direction: row-reverse;          flex-direction: row-reverse;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item
    {
        display: inline-block;  width: 24%;  margin-right: 1.333%;
    }
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item:nth-child(4n)
    {
        margin-right: 0;
    }
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item:nth-last-child(1),
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item:nth-last-child(2),
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item:nth-last-child(3),
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item:nth-last-child(4)
    {
        margin-bottom: 30px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item .image
{
    position: relative;  bottom: 0;
}
#oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item .image img
{
    width: 100%;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item .image
    {
        width: 41%;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item .image.sp
{
    display: block;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item .image.sp
    {
        display: none;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item .image.pc
{
    display: none;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item .image.pc
    {
        display: block;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item .images img
{
    width: 100%;
}
#oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item .images.sp
{
    display: block;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item .images.sp
    {
        display: none;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item .images.pc
{
    display: none;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item .images.pc
    {
        display: inline-block;
    }
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item .images
    {
        width: 42%;
    }
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item .images .image
    {
        width: 100%;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item .image-fig img
{
    width: 100%;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item .image-fig
    {
        display: none;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item .image-fig-sp
{
    margin: 15px 0;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item .image-fig-sp
    {
        display: none;
    }
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item .textbox
    {
        width: 54%;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item .textbox .heading
{
    font-size: 14px;  font-weight: bold;  text-align: left;  color: #2f3138;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item .textbox .heading
    {
        font-size: 16px;  line-height: 1.5;                          display: -webkit-box;                          display: -ms-flexbox;                          display: flex;  -webkit-box-align: end;  align-items: flex-end;  -ms-flex-align: end;  height: 50px;  margin-bottom: 15px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item .textbox .text
{
    font-size: 12px;  margin-top: 6px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-spec .inr .spec-list .spec-list__item .textbox .text
    {
        font-size: 14px;  margin-top: 15px;
    }
}

#oc-wrapper #Contents.solution-municipality .mod-products-lower
{
    width: 100%;  margin: 0 auto 40px;  background: #f5f5f5;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-products-lower
    {
        margin: 0 auto 80px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-products-lower .inr
{
    max-width: 1160px;  margin: 0 auto;  padding: 30px 20px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-products-lower .inr
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;      -ms-flex-flow: row nowrap;          flex-flow: row nowrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  padding: 80px 20px;
    }
    #oc-wrapper #Contents.solution-municipality .mod-products-lower .inr.desk_inr
    {
        -ms-flex-flow: row wrap;            flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-products-lower .inr figure
{
    display: none;
}
@media screen and (min-width: 767px) and (max-width: 1160px)
{
    #oc-wrapper #Contents.solution-municipality .mod-products-lower .inr figure
    {
        display: block;  width: 48%;
    }
}
@media screen and (min-width: 1160px)
{
    #oc-wrapper #Contents.solution-municipality .mod-products-lower .inr figure
    {
        display: block;  width: 50%;  max-width: 560px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .text
{
    text-align: center;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .text
    {
        margin-right: 38px;  text-align: left;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .text .category
{
    margin-bottom: 15px;
}
#oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .text .category span
{
    font-size: 16px;  display: inline-block;  padding: 2px 10px;  color: #fff;  border-radius: 4px;  background: #555;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .text .category span
    {
        font-size: 11px;  padding: 3px 6px;  border-radius: 3px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .text .name
{
    font-size: 18px;  position: relative;  z-index: 0;  display: inline-block;  margin-top: 5px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .text .name
    {
        font-size: 28px;  margin-top: 8px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .text .name small
{
    font-size: 10px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .text .name small
    {
        font-size: 16px;  margin-left: 6px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .text .copy
{
    font-size: 12px;  max-width: 480px;  margin-top: 10px;  text-align: justify;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .text .copy
    {
        font-size: 16px;  margin-top: 16px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .text .absurd
{
    margin-top: 20px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .text .absurd
    {
        display: none;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .text .concept
{
    font-size: 14px;  font-weight: bold;  margin-top: 20px;  padding-top: 20px;  border-top: 1px solid #d7d9da;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .text .concept
    {
        font-size: 22px;  margin-top: 25px;  padding-top: 0;  border-top: none;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .text .prization img
{
    margin: 20px auto 0 0;
}
#oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .anker
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  width: 100%;  margin-top: 40px;
}
#oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .anker .anker_item
{
    width: 49%;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .anker .anker_item:nth-child(1),
    #oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .anker .anker_item:nth-child(2)
    {
        margin-bottom: 10px;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .anker .anker_item
    {
        width: 23.5%;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .anker .anker_item a
{
    position: relative;  display: block;  padding: 0 10px 20px 10px;  border: 1px solid #d7d9da;  background: #fff;
}
#oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .anker .anker_item a .heading
{
    font-size: 12px;  font-weight: bold;  position: relative;          display: -webkit-box;          display: -ms-flexbox;          display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;  height: 60px;  color: #2f3138;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .anker .anker_item a .heading
    {
        font-size: 18px;  height: 90px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .anker .anker_item a .heading:after
{
    position: absolute;  top: 38px;  right: 6px;  width: 18px;  height: 18px;  content: '';          -webkit-transform: rotate(90deg);              -ms-transform: rotate(90deg);                  transform: rotate(90deg);  background: url(../img/municipality/common/icon-arrow-grey.svg) no-repeat;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .anker .anker_item a .heading:after
    {
        top: 25px;  right: 5px;  width: 12px;  height: 12px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .anker .anker_item a .heading i
{
    display: inline-block;  width: 20px;  height: 20px;  margin-right: 8px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .anker .anker_item a .heading i
    {
        width: 26px;  height: 26px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .anker-img
{
    width: 100%;  margin-top: 30px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-products-lower .inr .anker-img
    {
        margin-top: 40px;
    }
}

#oc-wrapper #Contents.solution-municipality .mod-products-case
{
    max-width: 1120px;  margin: 40px auto;  padding: 0 20px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-products-case
    {
        margin: 80px auto;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-products-case .mod-heading
{
    margin-bottom: 20px;  text-align: center;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-products-case .mod-heading
    {
        margin-bottom: 30px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-products-case .products-case-list
{
    font-size: 0;  margin-bottom: 40px;
}
#oc-wrapper #Contents.solution-municipality .mod-products-case .products-case-list li
{
    display: inline-block;  margin-bottom: 30px;  vertical-align: top;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-products-case .products-case-list li:last-child
    {
        margin-bottom: 0;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-products-case .products-case-list li
    {
        width: 32%;  margin-right: 1.333%;
    }
    #oc-wrapper #Contents.solution-municipality .mod-products-case .products-case-list li:last-child
    {
        margin-right: 0;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-products-case .products-case-list li .heading
{
    font-size: 14px;  font-weight: bold;  line-height: 1;  margin-top: 15px;  color: #2f3138;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-products-case .products-case-list li .heading
    {
        font-size: 15px;  margin-top: 20px;
    }
}

#oc-wrapper #Contents.solution-municipality .mod-product-fil
{
    max-width: 1120px;  margin: 0 auto;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-fil
    {
        padding: 0 20px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-fil .mod-heading
{
    margin-bottom: 20px;  text-align: center;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-fil .mod-heading
    {
        margin-bottom: 40px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-fil .fil-list
{
    padding: 30px 20px;  background: #f5f5f5;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-fil .fil-list
    {
        display: -webkit-box;        display: -ms-flexbox;        display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  padding: 40px;
    }
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-fil .fil-list .fil-list__item:first-child
    {
        margin-bottom: 30px;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-fil .fil-list .fil-list__item
    {
        width: 48%;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-fil .fil-list .fil-list__item figure.sp
{
    display: block;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-fil .fil-list .fil-list__item figure.sp
    {
        display: none;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-fil .fil-list .fil-list__item figure.pc
{
    display: none;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-fil .fil-list .fil-list__item figure.pc
    {
        display: block;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-fil .fil-list .fil-list__item .mod-heading
{
    font-weight: bold;  margin-bottom: 10px;  text-align: left;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-fil .fil-list .fil-list__item .mod-heading
    {
        line-height: 1.5;                          display: -webkit-box;                          display: -ms-flexbox;                          display: flex;  -webkit-box-align: end;  align-items: flex-end;  -ms-flex-align: end;  height: 50px;  margin-bottom: 15px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-fil .fil-list .fil-list__item .mod-text
{
    margin-bottom: 15px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-fil .fil-list .fil-list__item .mod-text
    {
        margin-top: 25px;  margin-bottom: 0;
    }
}

#oc-wrapper #Contents.solution-municipality .mod-product-catalog
{
    width: 94%;  max-width: 1040px;  margin: 0 auto;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-catalog
    {
        width: 100%;  padding: 0 20px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-catalog .mod-heading
{
    margin-bottom: 20px;  text-align: center;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-catalog .mod-heading
    {
        margin-bottom: 40px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item.reverse
    {
        -webkit-box-orient: horizontal;  -webkit-box-direction: reverse;      -ms-flex-direction: row-reverse;          flex-direction: row-reverse;  -webkit-box-pack: end;  -ms-flex-pack: end;  justify-content: flex-end;
    }
    #oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item.reverse .deital
    {
        margin-left: 5%;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .catalog-slider
{
    display: none;  overflow: hidden;  width: 100%;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .catalog-slider
    {
        display: block;  width: 50%;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item figure
{
    display: none;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item figure
    {
        display: block;  width: 50%;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital
{
    width: 45%;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital
    {
        overflow: hidden;  width: 100%;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital .call
{
    font-size: 18px;  font-weight: bold;          display: -webkit-box;          display: -ms-flexbox;          display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital .call
    {
        font-size: 13px;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  width: 100%;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital .call i
{
    display: inline-block;  width: 20px;  height: 20px;  margin-right: 10px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital .call i
    {
        width: 26px;  height: 26px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital .text
{
    font-size: 12px;  line-height: 2;  margin: 16px 0;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital .text
    {
        font-size: 16px;  max-width: 500px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital .absord
{
    display: none;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital .absord
    {
        display: block;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital .name
{
    font-size: 28px;  margin: 16px 0;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital .name
    {
        font-size: 18px;  text-align: center;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital .name span
{
    font-size: 12px;  font-weight: normal;  display: block;  margin-left: 10px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital .name span
    {
        font-size: 16px;  display: inline-block;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital .original
{
    font-size: 14px;  font-weight: bold;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital .original
    {
        font-size: 18px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital .sub
{
    margin: 4px 0 30px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital .sub
    {
        font-size: 16px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital .catalog-slider.sp
{
    display: none;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital .catalog-slider.sp
    {
        display: block;  overflow: hidden;  width: 100%;
    }
    #oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital .catalog-slider.sp img
    {
        width: 100%;  height: auto;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital .concept
{
    font-size: 13px;  font-weight: bold;  margin-bottom: 16px;  text-align: center;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital .concept.sp
    {
        display: none;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital .concept
    {
        font-size: 22px;  text-align: left;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital .btn-catalog
{
    margin-top: 15px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital .btn-catalog
    {
        width: 360px;  margin: 30px auto 0 0;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital .btnarea
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  margin-top: 30px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital .btnarea > div
{
    width: 48%;  margin: 0;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital .btnarea > div
    {
        width: 100%;
    }
    #oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital .btnarea > div:first-child
    {
        margin-bottom: 10px;
    }
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-product-catalog .catalog-list .catalog-list__item .deital .btnarea > div a
    {
        font-size: 12px;  line-height: 1.4;
    }
}

#oc-wrapper #Contents.solution-municipality .mod-case-layout
{
    width: 94%;  max-width: 1120px;  margin: 0 auto;  margin: 44px auto 0;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-layout
    {
        width: 100%;  padding: 0 20px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-case-layout .layout-list
{
    font-size: 0;
}
#oc-wrapper #Contents.solution-municipality .mod-case-layout .layout-list .mod-case-card
{
    display: inline-block;          -webkit-transition: .24s ease all;                  transition: .24s ease all;  vertical-align: top;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-layout .layout-list .mod-case-card
    {
        width: 48%;  margin: 0 0 8% 0;
    }
    #oc-wrapper #Contents.solution-municipality .mod-case-layout .layout-list .mod-case-card:nth-of-type(2n)
    {
        margin-left: 4%;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-layout .layout-list .mod-case-card
    {
        width: 31%;  margin: 0 3.5% 70px 0;
    }
    #oc-wrapper #Contents.solution-municipality .mod-case-layout .layout-list .mod-case-card:nth-of-type(3n)
    {
        margin-right: 0;
    }
    #oc-wrapper #Contents.solution-municipality .mod-case-layout .layout-list .mod-case-card:nth-last-child(1),
    #oc-wrapper #Contents.solution-municipality .mod-case-layout .layout-list .mod-case-card:nth-last-child(2),
    #oc-wrapper #Contents.solution-municipality .mod-case-layout .layout-list .mod-case-card:nth-last-child(3)
    {
        margin-bottom: 30px;
    }
}

#oc-wrapper #Contents.solution-municipality .mod-case-ttl
{
    font-size: 18px;  margin-bottom: 10px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-ttl
    {
        font-size: 20px;  margin-bottom: 12px;
    }
}

#oc-wrapper #Contents.solution-municipality .mod-case-anker .anker-list
{
    margin-bottom: 40px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-anker .anker-list
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  margin-bottom: 50px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-case-anker .anker-list .anker-list__item
{
    text-align: center;  border-top: 1px solid #d7d9da;  border-bottom: 1px solid #d7d9da;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-anker .anker-list .anker-list__item
    {
        width: 33.333%;
    }
    #oc-wrapper #Contents.solution-municipality .mod-case-anker .anker-list .anker-list__item:first-child
    {
        border-left: 1px solid #d7d9da;
    }
    #oc-wrapper #Contents.solution-municipality .mod-case-anker .anker-list .anker-list__item:last-child
    {
        border-right: 1px solid #d7d9da;
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-anker .anker-list .anker-list__item
    {
        border-right: 1px solid #d7d9da;  border-left: 1px solid #d7d9da;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-case-anker .anker-list .anker-list__item:nth-child(1),
#oc-wrapper #Contents.solution-municipality .mod-case-anker .anker-list .anker-list__item:nth-child(2)
{
    margin-bottom: 10px;  border-bottom: 1px solid #d7d9da;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-anker .anker-list .anker-list__item:nth-child(1),
    #oc-wrapper #Contents.solution-municipality .mod-case-anker .anker-list .anker-list__item:nth-child(2)
    {
        margin-bottom: 30px;  border-right: 1px solid #d7d9da;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-case-anker .anker-list .anker-list__item a
{
    font-size: 12px;  font-weight: bold;          display: -webkit-box;          display: -ms-flexbox;          display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  width: 100%;  height: 50px;          -webkit-transition: .24s ease all;                  transition: .24s ease all;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-anker .anker-list .anker-list__item a
    {
        font-size: 14px;  height: 70px;
    }
    #oc-wrapper #Contents.solution-municipality .mod-case-anker .anker-list .anker-list__item a:hover
    {
        background: #d7d9da;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-case-anker .anker-list .anker-list__item a i
{
    display: inline-block;  width: 14px;  height: 14px;  margin-left: 10px;          -webkit-transform: rotate(90deg);              -ms-transform: rotate(90deg);                  transform: rotate(90deg);  vertical-align: middle;
}

#oc-wrapper #Contents.solution-municipality .mod-case-area
{
    margin-bottom: 40px;  border: 1px solid #d7d9da;  border-radius: 6px;
}
#oc-wrapper #Contents.solution-municipality .mod-case-area .area-list
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  max-width: 700px;  margin: 0 auto;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-area .area-list
    {
        padding: 0 10px;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-area .area-list
    {
        -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  width: 90%;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-case-area .area-list .area-list__item a
{
    font-size: 14px;  font-weight: bold;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-area .area-list .area-list__item a
    {
        padding: 10px;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-area .area-list .area-list__item a
    {
        font-size: 16px;  padding: 16px 0;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-case-area .area-list .area-list__item a i
{
    display: inline-block;  width: 14px;  height: 14px;  margin-left: 10px;          -webkit-transform: rotate(90deg);              -ms-transform: rotate(90deg);                  transform: rotate(90deg);  vertical-align: middle;
    position: relative;
}

#oc-wrapper #Contents.solution-municipality .mod-case-area .area-list .area-list__item a i img {
    position: absolute;
}

#oc-wrapper #Contents.solution-municipality .mod-case-detail__head
{
    width: 94%;    width: 100%;  max-width: 1400px;  margin: 0 auto;  padding: 0 !important;  background: #e8e8e8;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-detail__head
    {
        width: 100%;  padding: 0 20px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-case-detail__head .head-inner
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-flow: row-reverse;          flex-flow: row-reverse;  -webkit-box-orient: horizontal;  -webkit-box-direction: reverse;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-detail__head .head-inner
    {
        -ms-flex-flow: row wrap;            flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;      -ms-flex-direction: column-reverse;          flex-direction: column-reverse;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-case-detail__head .head-inner .before
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-box-pack: start;  -ms-flex-pack: start;  justify-content: flex-start;  padding: 30px 20px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-detail__head .head-inner .before
    {
        -ms-flex-line-pack: start;  align-content: flex-start;  -webkit-box-align: stretch;  align-items: stretch;  -ms-flex-align: stretch;  width: 32%;  padding: 80px 40px 40px;
    }
    #oc-wrapper #Contents.solution-municipality .mod-case-detail__head .head-inner .before .before-text
    {
        min-height: 180px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-case-detail__head .head-inner .before .before-image
{
    position: relative;  width: 60%;  margin: 40px 0 0 auto;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-detail__head .head-inner .before .before-image
    {
        width: 100%;  margin-top: 40px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-case-detail__head .head-inner .before .before-image img
{
    width: 100%;
}
#oc-wrapper #Contents.solution-municipality .mod-case-detail__head .head-inner .before .before-image .before-name
{
    position: absolute;  top: -30px;  left: 10px;  display: inline-block;  width: 60px;  height: 60px;  margin-left: -40px;  border-radius: 50%;  background: #797979;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-detail__head .head-inner .before .before-image .before-name
    {
        top: auto;  bottom: -40px;  left: 50%;  width: 80px;  height: 80px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-case-detail__head .head-inner .before .before-image .before-name span
{
    font-size: 10px;  font-weight: bold;  position: absolute;  top: 50%;  left: 50%;          -webkit-transform: translate(-50%, -50%);              -ms-transform: translate(-50%, -50%);                  transform: translate(-50%, -50%);  color: #fff;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-detail__head .head-inner .before .before-image .before-name span
    {
        font-size: 12px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-case-detail__head .head-inner .before .before-text p
{
    font-size: 12px;  margin-top: 4px;
}
#oc-wrapper #Contents.solution-municipality .mod-case-detail__head .head-inner .before .before-text p:first-of-type
{
    margin-top: 0;
}
@media screen and (min-width: 767px) and (max-width: 1160px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-detail__head .head-inner .before .before-text p
    {
        font-size: 12px;
    }
}
@media screen and (min-width: 1160px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-detail__head .head-inner .before .before-text p
    {
        font-size: 16px;  margin-top: 20px;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-detail__head .head-inner .after
    {
        width: calc(100% - 32%);
    }
}
#oc-wrapper #Contents.solution-municipality .mod-case-detail__head .head-inner .after img
{
    width: 100%;
}

#oc-wrapper #Contents.solution-municipality .mod-case-detail__body
{
    width: 100%;  max-width: 1400px;  margin: 0 auto;  padding: 40px 0;  text-align: center;  background: #ffffde;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-detail__body
    {
        padding: 50px 0 80px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-case-detail__body .case-body-ttl
{
    position: relative;  display: inline-block;  width: 80px;  height: 80px;  margin-bottom: 30px;  border-radius: 50%;  background: #ffdf74;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-detail__body .case-body-ttl
    {
        width: 80px;  height: 80px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-case-detail__body .case-body-ttl span
{
    font-size: 10px;  font-weight: bold;  position: absolute;  top: 50%;  left: 50%;          -webkit-transform: translate(-50%, -50%);              -ms-transform: translate(-50%, -50%);                  transform: translate(-50%, -50%);  color: #000;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-detail__body .case-body-ttl span
    {
        font-size: 12px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-case-detail__body .case-body-list
{
    display: -webkit-box;    display: -ms-flexbox;    display: flex;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  width: 94%;  max-width: 1120px;  margin: 0 auto;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-detail__body .case-body-list
    {
        width: 100%;  padding: 0 20px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-case-detail__body .case-body-list .case-body-list__item
{
    width: 48%;  text-align: left;
}

#oc-wrapper #Contents.solution-municipality .mod-case-detail__body .case-body-list .case-body-list__item .thumbnail img
{
    width: 100%;  text-align: left;
}

#oc-wrapper #Contents.solution-municipality .mod-case-detail__body .case-body-list .case-body-list__item:nth-child(1),
#oc-wrapper #Contents.solution-municipality .mod-case-detail__body .case-body-list .case-body-list__item:nth-child(2),
#oc-wrapper #Contents.solution-municipality .mod-case-detail__body .case-body-list .case-body-list__item:nth-child(3)
{
    margin-bottom: 40px;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-detail__body .case-body-list .case-body-list__item
    {
        margin-right: 4%;  margin-bottom: 30px;
    }
    #oc-wrapper #Contents.solution-municipality .mod-case-detail__body .case-body-list .case-body-list__item:nth-child(2n)
    {
        margin-right: 0;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-detail__body .case-body-list .case-body-list__item
    {
        width: 32%;  margin-right: 2%;
    }
    #oc-wrapper #Contents.solution-municipality .mod-case-detail__body .case-body-list .case-body-list__item:nth-child(3n)
    {
        margin-right: 0;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-case-detail__body .case-body-list .case-body-list__item .name
{
    font-size: 13px;  font-weight: bold;  margin: 10px 0 2px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-detail__body .case-body-list .case-body-list__item .name
    {
        font-size: 15px;  margin: 14px 0 6px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-case-detail__body .case-body-list .case-body-list__item .text
{
    font-size: 12px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-detail__body .case-body-list .case-body-list__item .text
    {
        font-size: 16px;
    }
}

#oc-wrapper #Contents.solution-municipality .mod-case-card a
{
    display: block;
}

#oc-wrapper #Contents.solution-municipality .mod-case-card figure
{
    position: relative;  z-index: 0;
}

#oc-wrapper #Contents.solution-municipality .mod-case-card .detail
{
    position: relative;  z-index: 1;  width: 100%;  text-align: left;
}
#oc-wrapper #Contents.solution-municipality .mod-case-card .detail .category
{
    font-size: 12px;  line-height: 1;  position: absolute;  top: -22px;  left: 50%;  padding: 8px 30px;          -webkit-transform: translate(-50%, -50%);              -ms-transform: translate(-50%, -50%);                  transform: translate(-50%, -50%);  white-space: nowrap;  border-top: 4px solid #ccc;  background: #fff;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-card .detail .category
    {
        font-size: 14px;  top: -28px;  padding: 10px 40px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-case-card .detail .place
{
    font-size: 14px;  font-weight: bold;  margin-top: 22px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-card .detail .place
    {
        font-size: 15px;  margin-top: 26px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-case-card .detail .text
{
    font-size: 14px;  margin-top: 6px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-case-card .detail .text
    {
        font-size: 16px;  margin-top: 4px;
    }
}

#oc-wrapper #Contents.solution-municipality .mod-case-card.case-new .detail .category
{
    border-color: #68cfc3;
}

#oc-wrapper #Contents.solution-municipality .mod-case-card.case-evl .detail .category
{
    border-color: #e60039;
}

#oc-wrapper #Contents.solution-municipality .mod-case-card.case-mado .detail .category
{
    border-color: #89ade6;
}

#oc-wrapper #Contents.solution-municipality .mod-case-card.case-iten .detail .category
{
    border-color: #ffb974;
}

#oc-wrapper #Contents.solution-municipality .mod-case-card.case-sign .detail .category
{
    border-color: #dd7fd9;
}

#oc-wrapper #Contents.solution-municipality .mod-hr
{
    display: none;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-hr
    {
        display: block;  width: 90%;  margin: 40px auto;
    }
}

#oc-wrapper #Contents.solution-municipality a
{
              -webkit-backface-visibility: hidden;                      backface-visibility: hidden;
}

@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality br.sp
    {
        display: none;
    }
}

#oc-wrapper #Contents.solution-municipality br.tb
{
    display: none;
}
@media screen and (min-width: 767px) and (max-width: 1160px)
{
    #oc-wrapper #Contents.solution-municipality br.tb
    {
        display: block;
    }
}
@media screen and (min-width: 1160px)
{
    #oc-wrapper #Contents.solution-municipality br.tb
    {
        display: none;
    }
}

#oc-wrapper #Contents.solution-municipality br.pc
{
    display: none;
}
@media screen and (min-width: 1160px)
{
    #oc-wrapper #Contents.solution-municipality br.pc
    {
        display: block;
    }
}

#oc-wrapper #Contents.solution-municipality span.liner
{
      background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, rgba(255, 223, 116, .6)));      background: linear-gradient(transparent 50%, rgba(255, 223, 116, .6) 50%);
}

#oc-wrapper #Contents.solution-municipality .contents-navigation
{
    -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;  width: 100%;  margin: 0 auto;  padding: 0;  text-align: left;  background-color: rgba(253, 247, 213, .9);
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .contents-navigation
    {
        margin-top: 10px;  padding: 14px 20px;  border-bottom: 1px solid #ccc;
    }
    #oc-wrapper #Contents.solution-municipality .contents-navigation.is-fixed
    {
        position: fixed;  z-index: 9999;  top: 0;  left: 0;  margin-top: 0;          -webkit-transform: translate3d(0, 0, 0);                  transform: translate3d(0, 0, 0);          -webkit-animation: anime1 1s ease 0s forwards;                  animation: anime1 1s ease 0s forwards;  border-top: none;
    }
    #oc-wrapper #Contents.solution-municipality .contents-navigation.is-fixed + div
    {
        margin-top: 70px;
    }
}
#oc-wrapper #Contents.solution-municipality .contents-navigation__inner
{
    max-width: 1280px;  margin: 0 auto;
}
#oc-wrapper #Contents.solution-municipality .contents-navigation h3
{
    font-size: 14px;  font-weight: bold;  position: relative;  display: inline-block;  padding: 12px 0;  letter-spacing: .03em;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .contents-navigation h3
    {
        width: 100%;  text-align: center;  border-bottom: 1px solid #ccc;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .contents-navigation h3
    {
        font-size: 18px;  margin-right: 25px;  padding: 0;
    }
}
#oc-wrapper #Contents.solution-municipality .contents-navigation h3:after
{
    position: absolute;  top: 14px;  right: 5%;  width: 20px;  height: 20px;  content: '';          -webkit-transition: .24s ease all;                  transition: .24s ease all;  background-image: url(../img/municipality/common/icon-open.svg);
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .contents-navigation h3:after
    {
        content: none;
    }
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .contents-navigation h3 a
    {
        pointer-events: none;
    }
}
#oc-wrapper #Contents.solution-municipality .contents-navigation h3.is-active:after
{
              -webkit-transform: rotate(-45deg);                  -ms-transform: rotate(-45deg);                      transform: rotate(-45deg);
}
#oc-wrapper #Contents.solution-municipality .contents-navigation nav
{
    position: absolute;  display: none;  width: 100%;  vertical-align: middle;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .contents-navigation nav
    {
        z-index: 2;  padding: 0 5%;  border-bottom: 1px solid #dbdedf;  background-color: #fcf8dc;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .contents-navigation nav
    {
        display: inline-block !important;
    }
}
#oc-wrapper #Contents.solution-municipality .contents-navigation nav ul
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;
}
#oc-wrapper #Contents.solution-municipality .contents-navigation nav ul li
{
              -webkit-transition: 1s ease all;                      transition: 1s ease all;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .contents-navigation nav ul li
    {
        width: 100%;  border-bottom: 1px solid #dbdedf;
    }
    #oc-wrapper #Contents.solution-municipality .contents-navigation nav ul li:last-child
    {
        border-bottom: none;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .contents-navigation nav ul li
    {
        padding: 0 12px;
		padding: 0 6px; 
    }
    #oc-wrapper #Contents.solution-municipality .contents-navigation nav ul li.top
    {
        display: none;
    }
}
@media screen and (min-width: 1160px)
{
    #oc-wrapper #Contents.solution-municipality .contents-navigation nav ul li
    {
        padding: 0 20px;
		padding: 0 12px; 
    }
}
#oc-wrapper #Contents.solution-municipality .contents-navigation nav ul li a
{
    font-size: 14px;  line-height: 1;  position: relative;  display: block;  padding: 22px 0;  text-align: center;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .contents-navigation nav ul li a
    {
        font-weight: bold;  text-align: left;
    }
    #oc-wrapper #Contents.solution-municipality .contents-navigation nav ul li a:after
    {
        position: absolute;  top: 28px;  right: 5%;  width: 5px;  height: 5px;  content: '';          -webkit-transform: rotate(45deg);              -ms-transform: rotate(45deg);                  transform: rotate(45deg);  border-top: 1px solid #e60039;  border-right: 1px solid #e60039;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .contents-navigation nav ul li a
    {
        padding: 6px 0;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .contents-navigation nav ul li.is-active a
    {
        border-bottom: 1px solid #e60039;
    }
}
#oc-wrapper #Contents.solution-municipality .contents-navigation .print
{
    display: inline-block;  float: right;  margin-right: 15px;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .contents-navigation .print
    {
        display: none;
    }
}
#oc-wrapper #Contents.solution-municipality .contents-navigation .print a
{
    font-size: 12px;  line-height: 1;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;
}
#oc-wrapper #Contents.solution-municipality .contents-navigation .print a i
{
    display: inline-block;  width: 27px;  height: 27px;  margin-right: 10px;  vertical-align: middle;
}

#oc-wrapper #Contents.solution-municipality .mod-ttl
{
    width: 100%;  margin: 0 auto;  background: #f5f5f5;
}
#oc-wrapper #Contents.solution-municipality .mod-ttl .title-jp
{
    font-size: 20px;  width: 90%;  max-width: 1120px;  margin: 0 auto;  padding: 30px 0;  text-align: center;  color: #2f3138;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-ttl .title-jp
    {
        font-size: 20px;  padding: 46px 0;  text-align: left;
    }
}
@media screen and (min-width: 1160px)
{
    #oc-wrapper #Contents.solution-municipality .mod-ttl .title-jp
    {
        font-size: 28px;  text-align: left;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-ttl.contact .title-jp
    {
        padding: 98px 0;
    }
}

#oc-wrapper #Contents.solution-municipality .mod-section__contact
{
    margin-top: 40px;  text-align: center;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-section__contact
    {
        margin-top: 80px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-section__contact .title
{
    font-size: 18px;  font-weight: bold;  margin-bottom: 15px;  color: #2f3138;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .title
    {
        margin-bottom: 20px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-section__contact .title:after
{
    display: block;  width: 24px;  height: 2px;  margin: 15px auto 0;  content: '';  background: #e60039;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .title:after
    {
        width: 50px;  height: 4px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-section__contact .lead
{
    font-size: 12px;  margin-bottom: 30px;  color: #777;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .lead br
    {
        display: none;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-section__contact .caption
{
    font-size: 15px;  margin-top: 20px;
}
#oc-wrapper #Contents.solution-municipality .mod-section__contact .caption br
{
    display: block;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .caption br
    {
        display: none;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  width: 100%;  max-width: 1160px;  margin: 0 auto;  padding: 0 20px;
}
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area.col2 .btn
{
    width: 100%;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area.col2 .btn
    {
        width: 48%;
    }
}
@media screen and (min-width: 420px) and (max-width: 1160px)
{
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area.col3
    {
        -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area.col3 .btn
{
    width: 100%;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area.col3 .btn
    {
        width: 48%;
    }
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area.col3 .btn:first-child
    {
        margin: 0 2% 2%;
    }
}
@media screen and (min-width: 1160px)
{
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area.col3 .btn
    {
        width: 32%;
    }
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area.col3 .btn:first-child
    {
        margin: 0;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area.col3 .btn.call a:after
    {
        left: 20% !important;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn a,
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn form
{
    font-weight: bold;  line-height: 1;  position: relative;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  height: 70px;  padding-left: 10px;  cursor: pointer;          -webkit-transition: all .2s ease;                  transition: all .2s ease;  color: #000;  border: 1px solid #e60039;  border-radius: 40px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn a,
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn form
    {
        height: 80px;  padding-left: 20px;  border: 2px solid #e60039;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn a:after,
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn form:after
{
    top: 45%;          -webkit-transform: translate(0, -50%);              -ms-transform: translate(0, -50%);                  transform: translate(0, -50%);
}
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn a .btn-icon,
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn form .btn-icon
{
    position: absolute;  top: 50%;  left: 20px;  display: block;  width: 25px;  height: 25px;          -webkit-transform: translate(0, -50%);              -ms-transform: translate(0, -50%);                  transform: translate(0, -50%);
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn a .btn-icon,
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn form .btn-icon
    {
        left: 30px;  width: 30px;  height: 30px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn a .btn-icon img,
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn form .btn-icon img
{
    position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;          -webkit-transition: .24s ease all;                  transition: .24s ease all;
}
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn a .btn-icon img:first-child,
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn form .btn-icon img:first-child
{
    opacity: 1 !important;
}
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn a .btn-icon img:last-child,
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn form .btn-icon img:last-child
{
    opacity: 0 !important;
}
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn a:hover,
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn form:hover
{
    opacity: 1;  color: #fff;  background: #e60039;
}
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn a:hover .btn-icon img:first-child,
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn form:hover .btn-icon img:first-child
{
    opacity: 0 !important;
}
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn a:hover .btn-icon img:last-child,
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn form:hover .btn-icon img:last-child
{
    opacity: 1 !important;
}
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn.download
{
    font-size: 3.4vw;  margin-bottom: 20px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn.download
    {
        font-size: 14px;  margin-bottom: 0;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn.download a .btn-icon
{
    width: 30px;  height: 30px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn.download a .btn-icon
    {
        width: 34px;  height: 34px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn.download a:after
{
    position: absolute;  right: 20px;  width: 8px;  height: 8px;  content: '';          -webkit-transition: .24s ease all;                  transition: .24s ease all;          -webkit-transform: rotate(45deg);              -ms-transform: rotate(45deg);                  transform: rotate(45deg);  border-top: 1px solid #e60039;  border-right: 1px solid #e60039;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn.download a:after
    {
        right: 30px;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn.download a:hover:hover:after
    {
        border-color: #fff;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn.call
{
    font-size: 4.4vw;  margin-bottom: 20px;  letter-spacing: .08em;
}
@media screen and (min-width: 420px)
{
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn.call
    {
        font-size: 20px;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn.call
    {
        font-size: 20px;  margin-bottom: 0;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn.call a .inr
{
    line-height: 1;
}
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn.call a .inr span
{
    font-size: 12px;  margin-right: 6px;  letter-spacing: .02em;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn.call a .inr span
    {
        font-size: 14px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn.call a:before
{
    content: '';  background-image: url(../img/municipality/common/icon-call.svg);
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn.call a:hover:hover:before
    {
        background-image: url(../img/municipality/common/icon-call_on.svg);
    }
}
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn.email a,
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn.email form
{
    font-size: 4vw;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn.email a,
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn.email form
    {
        font-size: 14px;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn.email a:before,
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn.email form:before
{
    content: '';  background-image: url(../img/municipality/common/icon-email.svg);
}
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn.email a:after,
#oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn.email form:after
{
    position: absolute;  right: 20px;  width: 8px;  height: 8px;  content: '';          -webkit-transition: .24s ease all;                  transition: .24s ease all;          -webkit-transform: rotate(45deg);              -ms-transform: rotate(45deg);                  transform: rotate(45deg);  border-top: 1px solid #e60039;  border-right: 1px solid #e60039;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn.email a:after,
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn.email form:after
    {
        right: 30px;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn.email a:hover:hover:before,
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn.email form:hover:hover:before
    {
        background-image: url(../img/municipality/common/icon-email_on.svg);
    }
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn.email a:hover:hover:after,
    #oc-wrapper #Contents.solution-municipality .mod-section__contact .btn-area .btn.email form:hover:hover:after
    {
        border-color: #fff;
    }
}

#oc-wrapper #Contents.solution-municipality .btn-catalog
{
    width: 100%;  max-width: 360px;  margin: 0 auto;
}
#oc-wrapper #Contents.solution-municipality .btn-catalog a
{
    font-size: 14px;  position: relative;          display: -webkit-box;          display: -ms-flexbox;          display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  height: 70px;          -webkit-transition: .24s ease all;                  transition: .24s ease all;  border: 1px solid #d7d9da;  background: #fff;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .btn-catalog a
    {
        font-size: 16px;  height: 80px;
    }
}
#oc-wrapper #Contents.solution-municipality .btn-catalog a i
{
    display: inline-block;  width: 15px;  height: 15px;  margin-left: 15px;  vertical-align: middle;
}
#oc-wrapper #Contents.solution-municipality .btn-catalog a:before
{
    position: absolute;  top: 50%;  left: 30px;  width: 28px;  height: 28px;  content: '';          -webkit-transform: translate(0, -50%);              -ms-transform: translate(0, -50%);                  }
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .btn-catalog a:before
    {
        left: 20px;  width: 24px;  height: 20px;
    }
}
#oc-wrapper #Contents.solution-municipality .btn-catalog a:after
{
    position: absolute;  top: 50%;  right: 10px;  width: 17px;  height: 17px;  content: '';          -webkit-transform: translate(0, -50%);              -ms-transform: translate(0, -50%);                  transform: translate(0, -50%);  background: url('/municipality/contents/assets/img/municipality/common/icon-arrow-grey.svg') no-repeat;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .btn-catalog a:after
    {
        right: 30px;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .btn-catalog a:hover
    {
        opacity: 1;  background: #d7d9da;
    }
}

#oc-wrapper #Contents.solution-municipality .btn-link
{
    width: 100%;  max-width: 360px;  margin: 0 auto;
}
#oc-wrapper #Contents.solution-municipality .btn-link a
{
    font-size: 14px;  position: relative;          display: -webkit-box;          display: -ms-flexbox;          display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  height: 70px;          -webkit-transition: .24s ease all;                  transition: .24s ease all;  border: 1px solid #d7d9da;  background: #fff;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .btn-link a
    {
        height: 80px;
    }
}
#oc-wrapper #Contents.solution-municipality .btn-link a i
{
    display: inline-block;  width: 15px;  height: 15px;  margin-left: 15px;  vertical-align: middle;
}
#oc-wrapper #Contents.solution-municipality .btn-link a:before
{
    position: absolute;  top: 50%;  left: 16px;  width: 25px;  height: 25px;  content: '';          -webkit-transform: translate(0, -50%);              -ms-transform: translate(0, -50%);                  transform: translate(0, -50%);  background: url('/municipality/contents/assets/img/municipality/common/icon-link.svg') no-repeat;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .btn-link a:before
    {
        left: 20px;  width: 24px;  height: 20px;
    }
}
#oc-wrapper #Contents.solution-municipality .btn-link a:after
{
    position: absolute;  top: 50%;  right: 10px;  width: 15px;  height: 15px;  content: '';          -webkit-transform: translate(0, -50%);              -ms-transform: translate(0, -50%);                  transform: translate(0, -50%);  background: url('/municipality/contents/assets/img/municipality/common/icon-arrow-grey.svg') no-repeat;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .btn-link a:after
    {
        right: 30px;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality .btn-link a:hover
    {
        opacity: 1;  background: #d7d9da;
    }
}

#oc-wrapper #Contents.solution-municipality .mod-slider .slick-arrow,
#oc-wrapper #Contents.solution-municipality .kv-slider .slick-arrow,
#oc-wrapper #Contents.solution-municipality .kv-title .slick-arrow,
#oc-wrapper #Contents.solution-municipality .mod-col3-slider .slick-arrow
{
    position: absolute;  z-index: 200;  top: auto;  bottom: 70%;  width: 40px;  height: 40px;  margin-top: 0;  margin-bottom: -20px;  text-indent: -9999px;  background-color: #000;  background-image: url(/common_assets/img/svg/next_arrow.svg);  background-repeat: no-repeat;  background-position: 50% 50%;  background-size: contain;
}
#oc-wrapper #Contents.solution-municipality .mod-slider .slick-arrow.slick-next,
#oc-wrapper #Contents.solution-municipality .kv-slider .slick-arrow.slick-next,
#oc-wrapper #Contents.solution-municipality .kv-title .slick-arrow.slick-next,
#oc-wrapper #Contents.solution-municipality .mod-col3-slider .slick-arrow.slick-next
{
    right: 0;  margin-left: 0;  background-repeat: no-repeat;  background-position: 50%;  background-size: 8px 8px;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-slider .slick-arrow.slick-next,
    #oc-wrapper #Contents.solution-municipality .kv-slider .slick-arrow.slick-next,
    #oc-wrapper #Contents.solution-municipality .kv-title .slick-arrow.slick-next,
    #oc-wrapper #Contents.solution-municipality .mod-col3-slider .slick-arrow.slick-next
    {
        right: 0;
    }
}
#oc-wrapper #Contents.solution-municipality .mod-slider .slick-arrow.slick-prev,
#oc-wrapper #Contents.solution-municipality .kv-slider .slick-arrow.slick-prev,
#oc-wrapper #Contents.solution-municipality .kv-title .slick-arrow.slick-prev,
#oc-wrapper #Contents.solution-municipality .mod-col3-slider .slick-arrow.slick-prev
{
    left: 0;  margin-right: 0;          -webkit-transform: rotate(180deg);              -ms-transform: rotate(180deg);                  transform: rotate(180deg);  background-repeat: no-repeat;  background-position: 50%;  background-size: 8px 8px;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .mod-slider .slick-arrow.slick-prev,
    #oc-wrapper #Contents.solution-municipality .kv-slider .slick-arrow.slick-prev,
    #oc-wrapper #Contents.solution-municipality .kv-title .slick-arrow.slick-prev,
    #oc-wrapper #Contents.solution-municipality .mod-col3-slider .slick-arrow.slick-prev
    {
        left: 0;
    }
}

#oc-wrapper #Contents.solution-municipality .catalog-slider .slick-dots
{
    display: none !important;                          -webkit-filter: grayscale(1);                                  filter: grayscale(1);
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .catalog-slider .slick-dots
    {
        position: absolute;  z-index: 999;  bottom: 10px;  left: 50%;  display: block !important;  padding-top: 0;          -webkit-transform: translate(-50%, 0);              -ms-transform: translate(-50%, 0);                  transform: translate(-50%, 0);
    }
}

#oc-wrapper #Contents.solution-municipality .catalog-slider .slick-arrow
{
    position: absolute;  z-index: 200;  top: auto;  bottom: 50%;  width: 40px;  height: 40px;  margin-top: 0;  margin-bottom: -20px;  text-indent: -9999px;  background-color: #000;  background-image: url(/common_assets/img/svg/next_arrow.svg);  background-repeat: no-repeat;  background-position: 50% 50%;  background-size: contain;
}
#oc-wrapper #Contents.solution-municipality .catalog-slider .slick-arrow.slick-next
{
    right: 20px;  margin-left: 0;  background-repeat: no-repeat;  background-position: 50%;  background-size: 8px 8px;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .catalog-slider .slick-arrow.slick-next
    {
        right: 10px;
    }
}
#oc-wrapper #Contents.solution-municipality .catalog-slider .slick-arrow.slick-prev
{
    left: 20px;  margin-right: 0;          -webkit-transform: rotate(180deg);              -ms-transform: rotate(180deg);                  transform: rotate(180deg);  background-repeat: no-repeat;  background-position: 50%;  background-size: 8px 8px;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents.solution-municipality .catalog-slider .slick-arrow.slick-prev
    {
        left: 10px;
    }
}

#oc-wrapper #Contents .mod-tab
{
    max-width: 1120px;  margin: 0 auto;  padding: 20px 20px 0;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents .mod-tab
    {
        display: none;
    }
}
#oc-wrapper #Contents .mod-tab ul
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;  -webkit-box-pack: end;  -ms-flex-pack: end;  justify-content: flex-end;
}
#oc-wrapper #Contents .mod-tab li
{
    padding-left: 10px;
}
#oc-wrapper #Contents .mod-tab a
{
    font-size: 14px;  font-weight: bold;  line-height: 1;  position: relative;  display: block;  width: 120px;  padding: 8px 28px 11px 24px;  text-align: center;  border: 1px solid #d7d9da;  border-radius: 20px;
}
#oc-wrapper #Contents .mod-tab a.active
{
    pointer-events: none;  opacity: .5;
}
#oc-wrapper #Contents .mod-tab a.active:after
{
    border-color: #d7d9da;
}
#oc-wrapper #Contents .mod-tab a:after
{
    position: absolute;  top: 13px;  right: 14px;  width: 7px;  height: 7px;  content: '';          -webkit-transform: rotate(45deg);              -ms-transform: rotate(45deg);                  transform: rotate(45deg);  border-top: 1px solid #e60039;  border-right: 1px solid #e60039;
}

#oc-wrapper #Contents .mod-links-inner
{
    background: #f2f3f4;
}

#oc-wrapper #Contents .mod-links ul
{
    max-width: 1120px;  margin: 0 auto;  padding: 20px;
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents .mod-links ul
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;
    }
}

@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents .mod-links li
    {
        width: calc(50% - 8px);
    }
}

@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents .mod-links li
    {
        font-size: 12px;
    }
    #oc-wrapper #Contents .mod-links li:not(:last-child)
    {
        margin-bottom: 10px;
    }
}

#oc-wrapper #Contents .mod-links a
{
    display: -webkit-box;    display: -ms-flexbox;    display: flex;  width: 100%;  height: 100%;  text-align: left;  background: #fff;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents .mod-links a
    {
        min-height: 90px;
    }
}
@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents .mod-links a:hover
    {
        opacity: 1;
    }
    #oc-wrapper #Contents .mod-links a:hover .mod-links-cover div.overlay
    {
        -webkit-transform: scale(1.02);            -ms-transform: scale(1.02);                transform: scale(1.02);  opacity: .7;
    }
}

#oc-wrapper #Contents .mod-links-cover
{
    position: relative;  overflow: hidden;  width: 140px;  background: #000;
}
@media screen and (min-width: 960px)
{
    #oc-wrapper #Contents .mod-links-cover
    {
        width: 210px;
    }
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents .mod-links-cover
    {
        font-size: 16px;  width: 100px;
    }
}
#oc-wrapper #Contents .mod-links-cover .overlay
{
    position: absolute;  z-index: 0;  top: 0;  left: 0;  width: 100%;  height: 100%;  opacity: .5;  background-position: center center;  background-size: cover;
}
#oc-wrapper #Contents .mod-links-cover div.overlay
{
              -webkit-transition: .3s;                      transition: .3s;
}
#oc-wrapper #Contents .mod-links-cover p.overlay
{
    z-index: 1;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  opacity: 1;  color: #fff;
}

#oc-wrapper #Contents .mod-links-icon
{
    position: absolute;  z-index: 2;  top: 10px;  left: -34px;  width: 64px;  height: 64px;  padding: 12px;  border: 2px solid #d7d9da;  border-radius: 50%;  background: #fff;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents .mod-links-icon
    {
        display: none;
    }
}

#oc-wrapper #Contents .mod-links-content
{
    position: relative;  -webkit-box-flex: 1;      -ms-flex: 1;          flex: 1;  padding: 24px 24px 24px 40px;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents .mod-links-content
    {
        padding: 10px;
    }
}
#oc-wrapper #Contents .mod-links-content h4
{
    font-size: 18px;  padding-bottom: 24px;
}
@media screen and (max-width: 766px)
{
    #oc-wrapper #Contents .mod-links-content h4
    {
        font-size: 14px;  font-weight: bold;  min-height: 54px;  padding-bottom: 10px;
    }
}

#Contents.solution-municipality #index
{
    width: 100%;  margin: 0 auto;  text-align: center;
}
#Contents.solution-municipality #index .hero .title-ja
{
    font-size: 28px;  font-weight: bold;  margin: 10px 0 0;  padding: 25px 0;  text-align: center;  text-align: center;  letter-spacing: .01em;  pointer-events: none;  color: #2f3138;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #index .hero .title-ja
    {
        font-size: 14px;  font-weight: bold;  position: relative;  display: inline-block;  width: 100%;  margin-top: 0;  padding: 12px 0;  pointer-events: auto;  border-bottom: none;  border-bottom: 1px solid #ccc;  background-color: rgba(253, 247, 213, .9);
    }
}
#Contents.solution-municipality #index .hero .title-ja:after
{
    content: none;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #index .hero .title-ja:after
    {
        position: absolute;  top: 13px;  right: 5%;  width: 20px;  height: 20px;  content: '';          -webkit-transition: .24s ease all;                  transition: .24s ease all;  background-image: url(../img/municipality/common/icon-open.svg);
    }
}
#Contents.solution-municipality #index .hero .title-ja.is-active:after
{
              -webkit-transform: rotate(-45deg);                  -ms-transform: rotate(-45deg);                      transform: rotate(-45deg);
}
#Contents.solution-municipality #index .hero .mod-nav
{
    display: block;  width: 100%;  padding: 10px 0;  background: #fff;  background-color: rgba(253, 247, 213, .9);
}
#Contents.solution-municipality #index .hero .mod-nav h3
{
    display: none;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #index .hero .mod-nav
    {
        position: absolute;  z-index: 1;  display: none;  margin-bottom: 0;  padding: 0 5%;  border-bottom: 1px solid #dbdedf;  background-color: #fcf8dc;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #index .hero .mod-nav.is-fixed
    {
        position: fixed;  z-index: 99999;  top: 0;  left: 0;  max-width: inherit;  padding: 14px 20px;          -webkit-transform: translate3d(0, 0, 0);                  transform: translate3d(0, 0, 0);          -webkit-animation: anime1 .4s ease 0s forwards;                  animation: anime1 .4s ease 0s forwards;  border-bottom: 1px solid #ccc;
    }
    @-webkit-keyframes anime1
    {
        0%
        {
                              -webkit-transform: translate(0px, -60px);                                      transform: translate(0px, -60px);
        }
        100%
        {
                              -webkit-transform: translate(0px, 0px);                                      transform: translate(0px, 0px);
        }
    }
    @keyframes anime1
    {
        0%
        {
                              -webkit-transform: translate(0px, -60px);                                      transform: translate(0px, -60px);
        }
        100%
        {
                              -webkit-transform: translate(0px, 0px);                                      transform: translate(0px, 0px);
        }
    }
    #Contents.solution-municipality #index .hero .mod-nav.is-fixed h3
    {
        font-size: 18px;  font-weight: bold;  display: block;  margin-right: 18px;
    }
    #Contents.solution-municipality #index .hero .mod-nav.is-fixed .inner
    {
        display: -webkit-box;        display: -ms-flexbox;        display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;  max-width: 1280px;  margin: 0 auto;
    }
    #Contents.solution-municipality #index .hero .mod-nav.is-fixed ul
    {
        -webkit-box-pack: start;  -ms-flex-pack: start;  justify-content: flex-start;
    }
    #Contents.solution-municipality #index .hero .mod-nav.is-fixed ul li a:hover
    {
        border-bottom: 1px solid 1px solid #e60039;
    }
}
#Contents.solution-municipality #index .hero .mod-nav ul
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;  -ms-flex-line-pack: center;  align-content: center;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #index .hero .mod-nav ul
    {
        -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #index .hero .mod-nav ul .item
    {
        width: 100%;  border-bottom: 1px solid #dbdedf;
    }
    #Contents.solution-municipality #index .hero .mod-nav ul .item:last-child
    {
        border-bottom: none;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #index .hero .mod-nav ul .item
    {
        padding: 0 10px;
    }
}
@media screen and (min-width: 1160px)
{
    #Contents.solution-municipality #index .hero .mod-nav ul .item
    {
        padding: 0 20px;
    }
}
#Contents.solution-municipality #index .hero .mod-nav ul .item a
{
    font-size: 14px;  line-height: 1;  position: relative;  display: block;  padding: 22px 0;  text-align: center;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #index .hero .mod-nav ul .item a
    {
        font-weight: bold;  text-align: left;
    }
    #Contents.solution-municipality #index .hero .mod-nav ul .item a:after
    {
        position: absolute;  top: 28px;  right: 5%;  width: 5px;  height: 5px;  content: '';          -webkit-transform: rotate(45deg);              -ms-transform: rotate(45deg);                  transform: rotate(45deg);  border-top: 1px solid #e60039;  border-right: 1px solid #e60039;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #index .hero .mod-nav ul .item a
    {
        font-size: 14px;  padding: 6px 0;
    }
}
#Contents.solution-municipality #index .hero .mod-nav .print
{
    position: absolute;  top: 0;  right: 0;  display: inline-block;  float: right;  margin-right: 15px;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #index .hero .mod-nav .print
    {
        display: none;
    }
}
@media screen and (min-width: 1160px)
{
    #Contents.solution-municipality #index .hero .mod-nav .print
    {
        right: 3vw;
    }
}
#Contents.solution-municipality #index .hero .mod-nav .print a
{
    font-size: 12px;  line-height: 1;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;
}
#Contents.solution-municipality #index .hero .mod-nav .print a i
{
    display: inline-block;  width: 27px;  height: 27px;  margin-right: 10px;  vertical-align: middle;
}
@media screen and (min-width: 767px) and (max-width: 1000px)
{
    #Contents.solution-municipality #index .case .slick-prev
    {
        left: -35px;
    }
}
@media screen and (min-width: 767px) and (max-width: 1000px)
{
    #Contents.solution-municipality #index .case .slick-next
    {
        right: -35px;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #index .case .mod-case-layout
    {
        margin-top: 20px;
    }
    #Contents.solution-municipality #index .case .mod-case-layout ul
    {
        margin-bottom: -20px;
    }
    #Contents.solution-municipality #index .case .mod-case-layout .layout-list .mod-case-card
    {
        margin-bottom: 20px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #index .case .sp
    {
        display: none;
    }
}
#Contents.solution-municipality #index .solution
{
    margin: 40px auto;  padding: 0 20px;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #index .solution
    {
        margin: 80px auto;
    }
}
@media screen and (min-width: 1160px)
{
    #Contents.solution-municipality #index .solution
    {
        max-width: 1400px;
    }
}
#Contents.solution-municipality #index .solution .card
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  width: 100%;  margin: 0 auto;
}
@media screen and (max-width: 1159px)
{
    #Contents.solution-municipality #index .solution .card
    {
        margin: 0 auto -10px;
    }
}
#Contents.solution-municipality #index .solution .card li
{
    overflow: hidden;  width: 48%;  margin-bottom: 20px;  background: #f5f5f5;
}
@media screen and (min-width: 1160px)
{
    #Contents.solution-municipality #index .solution .card li
    {
        width: 24%;  margin-bottom: 0;
    }
}
#Contents.solution-municipality #index .solution .card li a
{
    display: block;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #index .solution .card li a:hover
    {
        opacity: 1;
    }
    #Contents.solution-municipality #index .solution .card li a:hover .visual figure img
    {
                      -webkit-transform: scale(1.1);                          -ms-transform: scale(1.1);                              transform: scale(1.1);  opacity: .7 !important;
    }
    #Contents.solution-municipality #index .solution .card li a:hover .detail i img
    {
        opacity: 1 !important;
    }
}
#Contents.solution-municipality #index .solution .card li a .visual
{
    position: relative;
}
#Contents.solution-municipality #index .solution .card li a .visual figure
{
    overflow: hidden;  background: #000;
}
#Contents.solution-municipality #index .solution .card li a .visual figure img
{
              -webkit-transition: .24s ease all;                      transition: .24s ease all;          -webkit-transform: scale(1.02);              -ms-transform: scale(1.02);                  transform: scale(1.02);  opacity: .5 !important;
}
#Contents.solution-municipality #index .solution .card li a .visual h3
{
    font-size: 16px;  position: absolute;  z-index: 1;  top: 50%;  left: 50%;          -webkit-transform: translate(-50%, -50%);              -ms-transform: translate(-50%, -50%);                  transform: translate(-50%, -50%);  white-space: nowrap;  color: #fff;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #index .solution .card li a .visual h3
    {
        font-size: 18px;
    }
}
#Contents.solution-municipality #index .solution .card li a .detail
{
    position: relative;  z-index: 1;  padding: 0 10px 26px;  text-align: left;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #index .solution .card li a .detail
    {
        padding: 0 20px 40px 20px;
    }
}
#Contents.solution-municipality #index .solution .card li a .detail i
{
    position: absolute;  z-index: 1;  top: -20px;  left: 50%;  width: 60px;  height: 60px;          -webkit-transform: translate(-50%, 0);              -ms-transform: translate(-50%, 0);                  transform: translate(-50%, 0);  border-radius: 50%;  background-color: #fff;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #index .solution .card li a .detail i
    {
        top: -60px;  left: 50%;  width: 120px;  height: 120px;
    }
}
#Contents.solution-municipality #index .solution .card li a .detail i img
{
    position: absolute;  top: 50%;  left: 50%;      width: 50%;      width: 50%;          -webkit-transform: translate(-50%, -50%);              -ms-transform: translate(-50%, -50%);                  transform: translate(-50%, -50%);   opacity: 1 !important;
}
#Contents.solution-municipality #index .solution .card li a .detail .heading
{
    font-size: 13px;  font-weight: bold;  line-height: 1.55556;  padding-top: 50px;  text-align: center;  color: #2f3138;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #index .solution .card li a .detail .heading
    {
        font-size: 18px;  padding-top: 70px;
    }
}
#Contents.solution-municipality #index .solution .card li a .detail .text
{
    font-size: 3vw;    font-size: 12px;  line-height: 1.875;  margin-top: 10px;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #index .solution .card li a .detail .text
    {
        font-size: 16px;  margin-top: 20px;
    }
}
#Contents.solution-municipality #index .concept
{
    max-width: 1270px;  margin: 0 auto;
}
#Contents.solution-municipality #index .concept .content
{
    margin: 0 auto;  padding: 50px 30px;  background: #f5f5f5;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #index .concept .content
    {
        padding: 60px 30px;
    }
}
#Contents.solution-municipality #index .concept .content .heading
{
    font-size: 18px;  position: relative;  z-index: 2;  display: inline-block;  text-align: center;  color: #2f3138;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #index .concept .content .heading
    {
        font-size: 32px;
    }
}
#Contents.solution-municipality #index .concept .content .heading:after
{
    position: absolute;  z-index: -1;  bottom: 0;  left: 0;  width: 100%;  height: 10px;  content: '';  background: #ffdf74;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #index .concept .content .heading:after
    {
        height: 20px;
    }
}
#Contents.solution-municipality #index .concept .content .lead
{
    font-size: 12px;  line-height: 1.88889;  margin: 20px 0 26px;  text-align: center;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #index .concept .content .lead
    {
        font-size: 18px;  margin: 30px 0 40px;
    }
}
#Contents.solution-municipality #index .concept .content .content-list
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  max-width: 920px;  margin: 0 auto;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #index .concept .content .content-list .item
    {
        margin-bottom: 40px;
    }
    #Contents.solution-municipality #index .concept .content .content-list .item:last-child
    {
        margin-bottom: 0;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #index .concept .content .content-list .item
    {
        width: 30.2%;
    }
}
#Contents.solution-municipality #index .concept .content .content-list .item figure
{
    /*display: flex;
                justify-content: center;
                align-items: center;*/
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #index .concept .content .content-list .item figure
    {
        width: 64%;  margin: 0 auto;
    }
}
#Contents.solution-municipality #index .concept .content .content-list .item figure .cir-text
{
    font-size: 20px;  font-weight: 700;  position: absolute;  margin: 0;          -webkit-transform: translate(0%, 75%);              -ms-transform: translate(0%, 75%);                  transform: translate(0%, 75%);
}
#Contents.solution-municipality #index .concept .content .content-list .item h5
{
    font-size: 13px;  font-weight: bold;  margin-top: 14px;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #index .concept .content .content-list .item h5
    {
        font-size: 16px;  line-height: 1.5;  margin-top: 20px;
    }
}

#Contents.solution-municipality #solution .solution
{
    width: 94%;  max-width: 1120px;  margin: 0 auto;  margin: 40px auto;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution .solution
    {
        width: 100%;  padding: 0 20px;
    }
}
@media screen and (min-width: 1160px)
{
    #Contents.solution-municipality #solution .solution
    {
        margin: 40px auto;
    }
}
#Contents.solution-municipality #solution .solution .card
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  width: 100%;  margin: 0 auto;
}
#Contents.solution-municipality #solution .solution .card li
{
    overflow: hidden;  width: 49%;  margin-bottom: 20px;  background: #f5f5f5;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution .solution .card li
    {
        margin-bottom: 30px;
    }
}
#Contents.solution-municipality #solution .solution .card li:last-child,
#Contents.solution-municipality #solution .solution .card li:nth-last-child(2)
{
    margin-bottom: 30px;
}
#Contents.solution-municipality #solution .solution .card li a
{
    display: block;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution .solution .card li a:hover
    {
        opacity: 1;
    }
    #Contents.solution-municipality #solution .solution .card li a:hover .visual figure img
    {
                      -webkit-transform: scale(1.1);                          -ms-transform: scale(1.1);                              transform: scale(1.1);  opacity: .5 !important;
    }
    #Contents.solution-municipality #solution .solution .card li a:hover .detail i img
    {
        opacity: 1 !important;
    }
}
#Contents.solution-municipality #solution .solution .card li a .visual
{
    position: relative;
}
#Contents.solution-municipality #solution .solution .card li a .visual figure
{
    overflow: hidden;  background: #2f3138;
}
#Contents.solution-municipality #solution .solution .card li a .visual figure img
{
              -webkit-transition: .24s ease all;                      transition: .24s ease all;          -webkit-transform: scale(1.02);              -ms-transform: scale(1.02);                  transform: scale(1.02);  opacity: .3 !important;
}
#Contents.solution-municipality #solution .solution .card li a .visual h3
{
    font-size: 16px;  position: absolute;  z-index: 1;  top: 50%;  left: 50%;          -webkit-transform: translate(-50%, -50%);              -ms-transform: translate(-50%, -50%);                  transform: translate(-50%, -50%);  white-space: nowrap;  color: #fff;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution .solution .card li a .visual h3
    {
        font-size: 22px;
    }
}
#Contents.solution-municipality #solution .solution .card li a .detail
{
    position: relative;  z-index: 1;  padding: 0 10px 10px;  text-align: left;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution .solution .card li a .detail
    {
        padding: 0 20px 40px 20px;
    }
}
#Contents.solution-municipality #solution .solution .card li a .detail i
{
    position: absolute;  top: -26px;  left: 50%;  width: 56px;          -webkit-transform: translate(-50%, 0);              -ms-transform: translate(-50%, 0);                  transform: translate(-50%, 0);
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution .solution .card li a .detail i
    {
        top: -60px;  width: 120px;
    }
}
#Contents.solution-municipality #solution .solution .card li a .detail i img
{
    opacity: 1 !important;
}
#Contents.solution-municipality #solution .solution .card li a .detail .heading
{
    font-size: 14px;  font-weight: bold;  padding-top: 40px;  text-align: center;  color: #2f3138;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution .solution .card li a .detail .heading
    {
        font-size: 18px;  padding-top: 80px;
    }
}
#Contents.solution-municipality #solution .solution .card li a .detail .heading br
{
    display: none;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution .solution .card li a .detail .heading br
    {
        display: block;
    }
}
#Contents.solution-municipality #solution .solution .card li a .detail .text
{
    font-size: 3vw;    font-size: 12px;  margin-top: 10px;  text-align: justify;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution .solution .card li a .detail .text br
    {
        display: none;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution .solution .card li a .detail .text
    {
        font-size: 16px;  line-height: 1.875;  margin-top: 10px;  text-align: center;
    }
}

#Contents.solution-municipality #solution-sign .introduce
{
    width: 94%;  max-width: 1120px;  margin: 0 auto;  padding: 40px;  background: #f5f5f5;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-sign .introduce
    {
        width: 100%;  padding: 0 20px;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-sign .introduce
    {
        padding: 30px 20px;
    }
}
#Contents.solution-municipality #solution-sign .introduce .mod-heading
{
    margin-bottom: 20px;
}
#Contents.solution-municipality #solution-sign .introduce .exaple
{
    margin-bottom: 40px;  padding-bottom: 40px;  border-bottom: 1px solid #d7d9da;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-sign .introduce .exaple .pc
    {
        display: none;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-sign .introduce .exaple
    {
        margin-bottom: 60px;  padding-bottom: 60px;
    }
}
#Contents.solution-municipality #solution-sign .introduce .exaple_list
{
    font-size: 16px;
}
#Contents.solution-municipality #solution-sign .introduce .exaple_list li
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-wrap: wrap;          flex-wrap: wrap;
}
#Contents.solution-municipality #solution-sign .introduce .exaple_list li:first-child
{
    margin-bottom: 34px;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-sign .introduce .exaple_list li:first-child
    {
        margin-bottom: 64px;
    }
}
#Contents.solution-municipality #solution-sign .introduce .exaple_list__arrow
{
    position: absolute;  bottom: -48px;  left: 0;  width: 100%;
}
#Contents.solution-municipality #solution-sign .introduce .exaple_list__arrow img
{
    display: block;  width: 36px;  height: 27px;  margin: 0 auto;
}
#Contents.solution-municipality #solution-sign .introduce .exaple_list__title
{
    font-weight: bold;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;  width: 16em;  padding: 38px 0 8px;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-sign .introduce .exaple_list__title
    {
        width: 100%;  padding: 0 0 8px;
    }
}
#Contents.solution-municipality #solution-sign .introduce .exaple_list__title img
{
    display: block;  width: 40px;
}
#Contents.solution-municipality #solution-sign .introduce .exaple_list__title span
{
    font-size: 70%;  display: block;  width: 6em;  margin-left: -12px;  letter-spacing: 1px;
}
#Contents.solution-municipality #solution-sign .introduce .exaple_list__title p
{
    -webkit-box-flex: 1;      -ms-flex: 1;          flex: 1;
}
#Contents.solution-municipality #solution-sign .introduce .exaple_list__cnt
{
    position: relative;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-sign .introduce .exaple_list__cnt
    {
        width: 100%;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-sign .introduce .exaple_list__cnt
    {
        -webkit-box-flex: 1;      -ms-flex: 1;          flex: 1;  min-width: 600px;
    }
}
#Contents.solution-municipality #solution-sign .introduce .exaple_list__cnt p
{
    font-weight: bold;  margin-top: 8px;  padding: 10px;  text-align: center;  background: #fff;
}
#Contents.solution-municipality #solution-sign .introduce .exaple_list__marker
{
    padding: 0 4px;  background: rgba(255, 223, 116, .6);
}
#Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item
{
    margin: 30px 0;
}
#Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .title
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;  margin-bottom: 20px;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .title
    {
        margin-bottom: 14px;
    }
}
#Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .title .title_number
{
    width: 50px;  margin-right: 10px;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .title .title_number
    {
        width: 60px;  margin-right: 20px;
    }
}
#Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .title .heading
{
    font-size: 20px;  font-weight: bold;  line-height: 1;  color: #2f3138;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .title .heading
    {
        font-weight: normal;
    }
}
#Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .title .heading span
{
    font-size: 14px;  font-weight: normal;  display: block;  margin-bottom: 5px;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .baf
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;
    }
}
#Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .baf img
{
    width: 100%;
}
#Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .baf .after,
#Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .baf .before
{
    position: relative;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .baf .after:before,
    #Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .baf .before:before
    {
        position: absolute;  right: 10px;  bottom: 10px;  width: 34px;  height: 34px;  content: '';  background-image: url('/municipality/contents/assets/img/municipality/solution/sign/BEFORE.png');  background-repeat: no-repeat;  background-size: cover;
    }
}
#Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .baf .after .after-icon,
#Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .baf .after .before-icon,
#Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .baf .before .after-icon,
#Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .baf .before .before-icon
{
    display: none;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .baf .after .after-icon,
    #Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .baf .after .before-icon,
    #Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .baf .before .after-icon,
    #Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .baf .before .before-icon
    {
        position: absolute;  right: 18px;  bottom: 16px;  display: block;  width: 80px;  height: 80px;  border: 1px solid #fff;  border-radius: 50%;  background: #ffdf5f;
    }
}
#Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .baf .after .after-icon span,
#Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .baf .after .before-icon span,
#Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .baf .before .after-icon span,
#Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .baf .before .before-icon span
{
    font-size: 12px;  position: absolute;  top: 50%;  left: 50%;          -webkit-transform: translate(-50%, -50%);              -ms-transform: translate(-50%, -50%);                  transform: translate(-50%, -50%);
}
#Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .baf .after:before
{
    width: 60px;  height: 60px;  background-image: url('/municipality/contents/assets/img/municipality/solution/sign/AFTER.png');
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .baf .after
    {
        width: 50%;
    }
}
#Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .baf .before
{
    position: relative;
}
#Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .baf .before .before-icon
{
    background: #797979;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .baf .before .before-icon
    {
        bottom: 90px;
    }
}
#Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .baf .before .before-icon span
{
    color: #fff;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .baf .before
    {
        width: 46%;
    }
    #Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .baf .before:after
    {
        position: absolute;  z-index: 1000;  top: 45%;  right: -6.5%;  width: 0;  height: 0;  content: '';          -webkit-transform: translate(-50%, -50%);              -ms-transform: translate(-50%, -50%);                  transform: translate(-50%, -50%);  border-width: 10px 0 10px 10px;  border-style: solid;  border-color: transparent transparent transparent #000;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .baf .before
    {
        width: 60%;  margin: 0 auto 8%;
    }
    #Contents.solution-municipality #solution-sign .introduce .sign-list .sign-list__item .baf .before:after
    {
        position: absolute;  bottom: -25px;  left: 50%;  width: 0;  height: 0;  content: '';          -webkit-transform: translate(-50%, -50%);              -ms-transform: translate(-50%, -50%);                  transform: translate(-50%, -50%);  border-width: 10px 10px 0 10px;  border-style: solid;  border-color: #000 transparent transparent transparent;
    }
}

#Contents.solution-municipality #solution-new .menu
{
    width: 94%;  max-width: 1120px;  margin: 0 auto;  margin: 40px auto;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-new .menu
    {
        width: 100%;  padding: 0 20px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-new .menu
    {
        margin: 80px auto;
    }
}

#Contents.solution-municipality #solution-new .flow
{
    width: 94%;  max-width: 1120px;  margin: 0 auto;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-new .flow
    {
        width: 100%;  padding: 0 20px;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-new .flow
    {
        text-align: center;
    }
}

@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-new .mod-solution-lead
    {
        margin: 80px auto 50px;
    }
}

#Contents.solution-municipality #solution-new .icon i img
{
    margin: -5px auto !important;
}

#Contents.solution-municipality #solution-mado .detail .mod-heading
{
    margin-bottom: 20px;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-mado .detail .mod-heading
    {
        margin-bottom: 25px;
    }
}

#Contents.solution-municipality #solution-mado .faq,
#Contents.solution-municipality #solution-mado .needs,
#Contents.solution-municipality #solution-mado .syokuin
{
    width: 94%;  max-width: 1120px;  margin: 0 auto;  margin: 40px auto;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-mado .faq,
    #Contents.solution-municipality #solution-mado .needs,
    #Contents.solution-municipality #solution-mado .syokuin
    {
        width: 100%;  padding: 0 20px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-mado .faq,
    #Contents.solution-municipality #solution-mado .needs,
    #Contents.solution-municipality #solution-mado .syokuin
    {
        margin: 80px auto;
    }
}

#Contents.solution-municipality #solution-mado .faq > .mod-heading
{
    margin-bottom: 15px;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-mado .faq > .mod-heading
    {
        text-align: center;
    }
}

@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-mado .faq .inr
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;
    }
}

#Contents.solution-municipality #solution-mado .faq .inr .faq_item
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;  padding: 20px 0 20px 20px;  background: #f5f5f5;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-mado .faq .inr .faq_item:first-child
    {
        margin-bottom: 10px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-mado .faq .inr .faq_item
    {
        width: 49.1%;  padding: 36px;
    }
}
#Contents.solution-municipality #solution-mado .faq .inr .faq_item figure
{
    width: 70px;  margin-right: 10px;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-mado .faq .inr .faq_item figure
    {
        width: 130px;  margin-right: 20px;
    }
}
#Contents.solution-municipality #solution-mado .faq .inr .faq_item h3
{
    font-weight: bold;
}
#Contents.solution-municipality #solution-mado .faq .inr .faq_item p
{
    font-size: 12px;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-mado .faq .inr .faq_item p
    {
        font-size: 16px;
    }
}

#Contents.solution-municipality #solution-mado .needs > .mod-heading,
#Contents.solution-municipality #solution-mado .syokuin > .mod-heading
{
    width: 100%;  margin-bottom: 0 !important;  padding: 30px 0 30px 24px;  text-align: left;  border-bottom: 2px solid #000;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-mado .needs > .mod-heading,
    #Contents.solution-municipality #solution-mado .syokuin > .mod-heading
    {
        font-size: 16px;  padding: 40px 0;  text-align: left;
    }
}
#Contents.solution-municipality #solution-mado .needs > .mod-heading i,
#Contents.solution-municipality #solution-mado .syokuin > .mod-heading i
{
    width: 5%;  padding-top: 30px;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-mado .needs > .mod-heading i,
    #Contents.solution-municipality #solution-mado .syokuin > .mod-heading i
    {
        display: none;
    }
}
#Contents.solution-municipality #solution-mado .needs > .mod-heading:after,
#Contents.solution-municipality #solution-mado .syokuin > .mod-heading:after
{
    position: absolute;  right: 0;  bottom: -1px;  width: 320px;  height: 140px;  content: '';
}

@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-mado .needs h2.mod-heading.t_1,
    #Contents.solution-municipality #solution-mado .syokuin h2.mod-heading.t_1
    {
        font-size: 18px;  margin-bottom: 0;  padding: 30px 0 30px 20px;  text-align: left;
    }
    #Contents.solution-municipality #solution-mado .needs h2.mod-heading.t_1:after,
    #Contents.solution-municipality #solution-mado .syokuin h2.mod-heading.t_1:after
    {
        width: 171.2px;  height: 75px;
    }
    #Contents.solution-municipality #solution-mado .needs-list__item h2.mod-heading,
    #Contents.solution-municipality #solution-mado .syokuin-list__item h2.mod-heading
    {
        font-size: 14px;
    }
}

#Contents.solution-municipality #solution-mado .needs
{
    padding: 0 !important;
}
#Contents.solution-municipality #solution-mado .needs > .mod-heading:after
{
    background: url(../img/municipality/solution/mado/needs-heading.png) no-repeat left/cover;
}
#Contents.solution-municipality #solution-mado .needs .needs-list
{
    padding: 0 20px 30px;  background: #f5f5f5;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-mado .needs .needs-list
    {
        padding: 0 40px 60px;
    }
}
#Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item
{
    margin-bottom: 24px;  padding-bottom: 24px;  text-align: right;  border-bottom: 1px solid #ccc;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item
    {
        margin-bottom: 40px;  padding-bottom: 40px;
    }
}
#Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item:first-child
{
    padding-top: 30px;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item:first-child
    {
        padding-top: 24px;
    }
}
#Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item:last-child
{
    margin-bottom: 0;  padding-bottom: 20px;  border-bottom: none;
}
#Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item .mod-heading
{
    padding: 0 0 10px;  text-align: center;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item .mod-heading
    {
        padding: 0 0 5px;
    }
}
#Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item .mod-text
{
    margin-bottom: 20px;  text-align: center;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item .mod-text
    {
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item .mod-text
    {
        font-size: 11px;
    }
}
#Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item .btn
{
    display: block;  margin-top: 10px;  border: 1px solid #d7d9da;  background: #fff;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item .btn
    {
        font-weight: bold;  display: inline-block;  margin-top: 30px;  padding: 20px 38px 20px 54px;  text-align: right;
    }
}
#Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item .btn a
{
    font-size: 14px;  position: relative;
}
#Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item .btn a:after
{
    position: relative;  display: inline-block;  width: 14px;  height: 14px;  content: '';  vertical-align: middle;  background: url(../img/municipality/common/icon-arrow-grey.svg) no-repeat center/cover;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item .btn a:after
    {
        top: -2px;  width: 20px;  height: 20px;  margin-left: 16px;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item .btn a:after
    {
        position: absolute;  top: 50%;  right: 20px;          -webkit-transform: translate(0, -50%);              -ms-transform: translate(0, -50%);                  transform: translate(0, -50%);
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item .btn a
    {
        display: block;  padding: 20px 0 20px 20px;  text-align: left;  color: #2f3138;  border: 1px solid #d7d9da;  background: #fff;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item .btn a
    {
        display: inline-block;
    }
}
#Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item .baf .before
{
    position: relative;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item .baf .before
    {
        width: 80%;  margin: 0 auto 30px;
    }
    #Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item .baf .before:after
    {
        position: absolute;  bottom: -25px;  left: 50%;  width: 0;  height: 0;  content: '';          -webkit-transform: translate(-50%, -50%);              -ms-transform: translate(-50%, -50%);                  transform: translate(-50%, -50%);  border-width: 10px 10px 0 10px;  border-style: solid;  border-color: #000 transparent transparent transparent;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item .baf .before
    {
        position: relative;  z-index: 0;  width: 48%;
    }
    #Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item .baf .before:after
    {
        position: absolute;  z-index: 1000;  top: 40%;  left: 104%;  width: 0;  height: 0;  content: '';          -webkit-transform: translate(-50%, -50%);              -ms-transform: translate(-50%, -50%);                  transform: translate(-50%, -50%);  border-width: 10px 0 10px 10px;  border-style: solid;  border-color: transparent transparent transparent #000;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item .baf .after
    {
        width: 48%;
    }
}
#Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item .baf .after ul
{
    padding: 10px 0;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item .baf .after ul
    {
        padding: 20px 0 0;
    }
}
#Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item .baf .after ul li
{
    font-size: 11px;  position: relative;  padding-left: 20px;  text-align: left;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item .baf .after ul li
    {
        line-height: 20px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item .baf .after ul li
    {
        font-size: 14px;  margin-bottom: 8px;  padding-left: 36px;
    }
}
#Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item .baf .after ul li:before
{
    position: absolute;  top: 2px;  left: 0;  display: inline-block;  width: 15px;  height: 15px;  content: '';  background: url(../img/municipality/solution/mado/icon-check.svg) no-repeat center/cover;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item .baf .after ul li:before
    {
        top: -1px;  width: 24px;  height: 24px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-mado .needs .needs-list .needs-list__item .baf
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;
    }
}

#Contents.solution-municipality #solution-mado .syokuin
{
    padding: 0 !important;
}
#Contents.solution-municipality #solution-mado .syokuin > .mod-heading:after
{
    background: url(../img/municipality/solution/mado/shokuin-heading.png) no-repeat left/cover;
}
#Contents.solution-municipality #solution-mado .syokuin .syokuin-list
{
    padding: 20px 20px 20px;  background: #f5f5f5;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-mado .syokuin .syokuin-list
    {
        padding: 40px 40px 60px;
    }
}
#Contents.solution-municipality #solution-mado .syokuin .syokuin-list .syokuin-list__item
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;  margin-bottom: 30px;  padding-bottom: 30px;  border-bottom: 1px solid #ccc;
}
#Contents.solution-municipality #solution-mado .syokuin .syokuin-list .syokuin-list__item:last-child
{
    margin-bottom: 0;  padding-bottom: 20px;  border-bottom: none;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-mado .syokuin .syokuin-list .syokuin-list__item
    {
        -ms-flex-flow: row wrap;            flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;      -ms-flex-direction: column-reverse;          flex-direction: column-reverse;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-mado .syokuin .syokuin-list .syokuin-list__item
    {
        -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  margin-bottom: 40px;  padding-bottom: 40px;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-mado .syokuin .syokuin-list .syokuin-list__item .mod-text
    {
        font-size: 12px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-mado .syokuin .syokuin-list .syokuin-list__item figure
    {
        width: 50%;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-mado .syokuin .syokuin-list .syokuin-list__item figure .caption
    {
        margin-top: 5px;  text-align: center;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-mado .syokuin .syokuin-list .syokuin-list__item figure .caption
    {
        display: none;
    }
}
#Contents.solution-municipality #solution-mado .syokuin .syokuin-list .syokuin-list__item .textBox
{
    position: relative;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-mado .syokuin .syokuin-list .syokuin-list__item .textBox
    {
        width: 45%;  margin-right: 5%;
    }
}
#Contents.solution-municipality #solution-mado .syokuin .syokuin-list .syokuin-list__item .textBox .mod-heading
{
    margin-bottom: 10px;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-mado .syokuin .syokuin-list .syokuin-list__item .textBox .mod-heading
    {
        margin-top: 20px;  text-align: center;
    }
}
#Contents.solution-municipality #solution-mado .syokuin .syokuin-list .syokuin-list__item .textBox .caption
{
    font-size: 12px;  position: absolute;  right: 0;  bottom: 0;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-mado .syokuin .syokuin-list .syokuin-list__item .textBox .caption
    {
        display: none;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-mado .syokuin .syokuin-list .syokuin-list__item.reverse
    {
        -webkit-box-orient: horizontal;  -webkit-box-direction: reverse;      -ms-flex-direction: row-reverse;          flex-direction: row-reverse;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-mado .syokuin .syokuin-list .syokuin-list__item.reverse .textBox
    {
        margin: 0 0 0 5%;
    }
}

#Contents.solution-municipality #solution-iten .point
{
    width: 94%;  max-width: 1120px;  margin: 0 auto;  margin: 40px auto;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-iten .point
    {
        width: 100%;  padding: 0 20px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-iten .point
    {
        margin: 80px auto;
    }
}

#Contents.solution-municipality #solution-iten .layout1
{
    margin: 40px auto 0;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-iten .layout1 .detail
    {
        margin-bottom: 0;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-iten .layout1
    {
        margin: 80px auto 0;
    }
}

#Contents.solution-municipality #solution-iten .trouble
{
    max-width: 1120px;  margin: 0 auto;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-iten .trouble .trouble-list
    {
        padding: 0 20px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-iten .trouble .trouble-list .trouble-list__item
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;  margin-bottom: 20px;
    }
}
#Contents.solution-municipality #solution-iten .trouble .trouble-list .trouble-list__item .mod-heading
{
    font-weight: bold;  position: relative;  width: 34%;  padding: 60px 30px 60px 90px;  background: #f5f5f5;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-iten .trouble .trouble-list .trouble-list__item .mod-heading
    {
        width: 100%;  padding: 20px 20px 20px 80px;
    }
}
#Contents.solution-municipality #solution-iten .trouble .trouble-list .trouble-list__item .mod-heading:before
{
    position: absolute;  top: 50%;  left: 22px;  display: inline-block;  width: 40px;  height: 40px;  content: '';          -webkit-transform: translate(0, -50%);              -ms-transform: translate(0, -50%);                  transform: translate(0, -50%);  background: url(../img/municipality/solution/iten/icon-hatena.svg) no-repeat center/cover;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-iten .trouble .trouble-list .trouble-list__item .mod-heading:before
    {
        left: 26px;
    }
}
#Contents.solution-municipality #solution-iten .trouble .trouble-list .trouble-list__item .textBox
{
    background: #fcfcfc;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-iten .trouble .trouble-list .trouble-list__item .textBox
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  width: 70%;  padding: 0 30px;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-iten .trouble .trouble-list .trouble-list__item .textBox .mod-text
    {
        padding: 20px 20px 20px 80px;
    }
    #Contents.solution-municipality #solution-iten .trouble .trouble-list .trouble-list__item .textBox .mod-text br
    {
        display: none;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-iten .trouble .trouble-list .trouble-list__item .textBox .btn
    {
        padding: 0 20px 20px 80px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-iten .trouble .trouble-list .trouble-list__item .textBox .btn
    {
        width: 260px;  margin-left: 20px;
    }
}
#Contents.solution-municipality #solution-iten .trouble .trouble-list .trouble-list__item .textBox .btn a
{
    font-size: 14px;  position: relative;  display: block;          -webkit-transition: .24s ease all;                  transition: .24s ease all;  border: 1px solid #d7d9da;  background: #fff;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-iten .trouble .trouble-list .trouble-list__item .textBox .btn a
    {
        font-size: 16px;  padding: 28px 20px 28px 40px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-iten .trouble .trouble-list .trouble-list__item .textBox .btn a:hover
    {
        opacity: 1;  background: #d7d9da;
    }
}
#Contents.solution-municipality #solution-iten .trouble .trouble-list .trouble-list__item .textBox .btn a:after
{
    position: absolute;  top: 50%;  right: 7%;  width: 14px;  height: 19px;  content: '';          -webkit-transform: translate(0, -50%);              -ms-transform: translate(0, -50%);                  transform: translate(0, -50%);  background: url('/municipality/contents/assets/img/municipality/common/icon-pdf2.svg') no-repeat center/cover;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-iten .trouble .trouble-list .trouble-list__item .textBox .btn a
    {
        padding: 18px 20px 18px 40px;
    }
}

@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-iten .point
    {
        text-align: center;
    }
}

#Contents.solution-municipality #solution-iten .point > .mod-heading
{
    margin-bottom: 30px;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-iten .point > .mod-heading
    {
        margin-bottom: 20px;
    }
}

#Contents.solution-municipality #solution-iten .point > .mod-text.sp
{
    margin-bottom: 30px;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-iten .point > .mod-text.sp
    {
        display: none;
    }
}

@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-iten .point .point-list
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;
    }
}

#Contents.solution-municipality #solution-iten .point .point-list .point-list__item
{
    padding: 20px;  border: 1px solid #ccc;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #solution-iten .point .point-list .point-list__item
    {
        margin-bottom: 30px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #solution-iten .point .point-list .point-list__item
    {
        width: 32%;
    }
}
#Contents.solution-municipality #solution-iten .point .point-list .point-list__item figure
{
    width: 44%;  margin: 0 auto;
}
#Contents.solution-municipality #solution-iten .point .point-list .point-list__item .textBox .mod-heading
{
    margin: 10px 0;  text-align: center;
}

#Contents.solution-municipality #case .case-list
{
    position: relative;  display: -webkit-box;  display: -ms-flexbox;  display: flex;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  width: 94%;  max-width: 1120px;  margin: 0 auto;  margin: 40px auto;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #case .case-list
    {
        width: 100%;  padding: 0 20px;
    }
}
#Contents.solution-municipality #case .case-list .case-list__item
{
    position: relative;  margin-bottom: 10px;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #case .case-list .case-list__item:after
    {
        position: absolute;  top: 50%;  right: 5%;  width: 6px;  height: 6px;  content: '';          -webkit-transform: rotate(45deg) translate(-50%, 0);              -ms-transform: rotate(45deg) translate(-50%, 0);                  transform: rotate(45deg) translate(-50%, 0);  border-top: 1px solid #fff;  border-right: 1px solid #fff;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #case .case-list .case-list__item:nth-child(1) .heading,
    #Contents.solution-municipality #case .case-list .case-list__item:nth-child(2) .heading,
    #Contents.solution-municipality #case .case-list .case-list__item:nth-child(3) .heading
    {
        left: 26%;
    }
}
#Contents.solution-municipality #case .case-list .case-list__item:nth-child(1) .heading h3,
#Contents.solution-municipality #case .case-list .case-list__item:nth-child(2) .heading h3,
#Contents.solution-municipality #case .case-list .case-list__item:nth-child(3) .heading h3
{
    margin: 0 0 0 10px;  color: #fff;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #case .case-list .case-list__item
    {
        width: 32%;  margin-bottom: 0;
    }
}
#Contents.solution-municipality #case .case-list .case-list__item:last-child,
#Contents.solution-municipality #case .case-list .case-list__item:nth-last-child(2)
{
    width: 49%;  margin-bottom: 20px;
}
#Contents.solution-municipality #case .case-list .case-list__item:last-child:after,
#Contents.solution-municipality #case .case-list .case-list__item:nth-last-child(2):after
{
    content: none;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #case .case-list .case-list__item:last-child,
    #Contents.solution-municipality #case .case-list .case-list__item:nth-last-child(2)
    {
        margin-top: 20px;
    }
}
#Contents.solution-municipality #case .case-list .case-list__item:last-child a .heading,
#Contents.solution-municipality #case .case-list .case-list__item:nth-last-child(2) a .heading
{
    display: block;  color: #fff;
}
#Contents.solution-municipality #case .case-list .case-list__item a
{
    position: relative;  display: block;
}
#Contents.solution-municipality #case .case-list .case-list__item a .heading
{
    position: absolute;  z-index: 1;  top: 50%;  left: 50%;          -webkit-transform: translate(-50%, -50%);              -ms-transform: translate(-50%, -50%);                  transform: translate(-50%, -50%);  text-align: center;  white-space: nowrap;  color: #fff;  color: #2f3138;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #case .case-list .case-list__item a .heading
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;
    }
}
#Contents.solution-municipality #case .case-list .case-list__item a .heading i
{
    display: block;  width: 60px;  height: auto;  margin: 0 auto;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #case .case-list .case-list__item a .heading i
    {
        width: 120px;
    }
}
#Contents.solution-municipality #case .case-list .case-list__item a .heading h3
{
    font-size: 14px;  margin-top: 2px;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #case .case-list .case-list__item a .heading h3
    {
        font-size: 18px;  margin-top: 10px;
    }
}
#Contents.solution-municipality #case .case-list .case-list__item a .bg img
{
    width: 100%;
}

#Contents.solution-municipality #case-population .icon-area i img
{
    width: 50% !important;  margin: -10px auto !important;
}

#Contents.solution-municipality #case-population .mod-case-layout
{
    border-bottom: 1px solid #d7d9da;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #case-population .mod-case-layout
    {
        padding-bottom: 60px;
    }
}
#Contents.solution-municipality #case-population .mod-case-layout .caption
{
    margin-bottom: 15px;  text-align: right;
}

@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #case-population .mod-case-anker .anker-list .anker-list__item
    {
        margin-bottom: 0 !important;  border-top: 0;
    }
    #Contents.solution-municipality #case-population .mod-case-anker .anker-list .anker-list__item:first-child
    {
        border-top: 1px solid #d7d9da;
    }
}

@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #case-population .l_1
    {
        margin: 0 auto;  padding: 60px 0;
    }
}

#Contents.solution-municipality #products .products-list
{
    width: 94%;  max-width: 1120px;  margin: 0 auto;  margin: 40px auto;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products .products-list
    {
        width: 100%;  padding: 0 20px;
    }
}
#Contents.solution-municipality #products .products-list ul
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;
}
#Contents.solution-municipality #products .products-list ul .products-list_item
{
    width: 100%;  margin-bottom: 10px;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products .products-list ul .products-list_item:last-child,
    #Contents.solution-municipality #products .products-list ul .products-list_item:nth-last-child(2)
    {
        width: 48%;
    }
    #Contents.solution-municipality #products .products-list ul .products-list_item:last-child .name,
    #Contents.solution-municipality #products .products-list ul .products-list_item:nth-last-child(2) .name
    {
        left: 50%;          -webkit-transform: translate(-50%, -50%);              -ms-transform: translate(-50%, -50%);                  transform: translate(-50%, -50%);
    }
    #Contents.solution-municipality #products .products-list ul .products-list_item:last-child a:after,
    #Contents.solution-municipality #products .products-list ul .products-list_item:nth-last-child(2) a:after
    {
        content: none;
    }
}

@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products .products-list ul .products-list_item
    {
        width: 32.6%;
    }
}
#Contents.solution-municipality #products .products-list ul .products-list_item a
{
    position: relative;  display: block;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products .products-list ul .products-list_item a:after
    {
        position: absolute;  top: 50%;  right: 5%;  width: 6px;  height: 6px;  content: '';          -webkit-transform: translate(0, -50%) rotate(45deg);              -ms-transform: translate(0, -50%) rotate(45deg);                  transform: translate(0, -50%) rotate(45deg);  border-top: 1px solid #2f3138;  border-right: 1px solid #2f3138;
    }
}
#Contents.solution-municipality #products .products-list ul .products-list_item a .name
{
    font-size: 16px;  font-weight: bold;  position: absolute;  top: 50%;  left: 6%;          -webkit-transform: translate(0, -50%);              -ms-transform: translate(0, -50%);                  transform: translate(0, -50%);  text-align: left;  white-space: nowrap;  letter-spacing: .1em;  color: #2f3138;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products .products-list ul .products-list_item a .name
    {
        left: 5%;
    }
}

#Contents.solution-municipality #products .products-list ul .products-list_item a .name span
{
    font-size: 12px;  font-weight: normal;  display: none;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products .products-list ul .products-list_item a .name span
    {
        display: block;
    }
}
#Contents.solution-municipality #products .products-list ul .products-list_item a .bg
{
    position: relative;  z-index: -1;
}
#Contents.solution-municipality #products .products-list ul .products-list_item a .bg img
{
    width: 100%;
}


#Contents.solution-municipality #products .products-list ul .products-list_item:nth-child(11),
#Contents.solution-municipality #products .products-list ul .products-list_item:nth-child(12)
{
    display: -webkit-box;    display: -ms-flexbox;    display: flex;  -webkit-box-align: center;  align-items: center; -ms-flex-align: center;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  border: 1px solid #d7d9da;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products .products-list ul .products-list_item:nth-child(11),
    #Contents.solution-municipality #products .products-list ul .products-list_item:nth-child(12)
    {
        width: 32.6%;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products .products-list ul .products-list_item:nth-child(11)  a .name,
    #Contents.solution-municipality #products .products-list ul .products-list_item:nth-child(12)  a .name
    {
        position: static; transform: none; 
    }
}
#Contents.solution-municipality #products .products-list ul .products-list_item:nth-child(11) a,
#Contents.solution-municipality #products .products-list ul .products-list_item:nth-child(12) a
{
    width: 100%;  height: 90px;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products .products-list ul .products-list_item:nth-child(11) a,
    #Contents.solution-municipality #products .products-list ul .products-list_item:nth-child(12) a
    {
        height: 100%;display: -webkit-box;    display: -ms-flexbox;    display: flex;  -webkit-box-align: center;  align-items: center; -ms-flex-align: center;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;
    }
}

#Contents.solution-municipality #products-counter .l_1
{
    margin: 40px auto;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-counter .l_1
    {
        margin: 80px auto;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-counter .l_1 .fil-list .fil-list__item
    {
        width: 48%;
    }
}
#Contents.solution-municipality #products-counter .l_1 .fil-list .fil-list__item .fig_caption
{
    font-size: 12px;  text-align: right;  color: #909090;
}
#Contents.solution-municipality #products-counter .l_1 .fil-list .fil-list__item.second .mod-text
{
    margin-top: 5px;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products-counter .l_1 .fil-list .fil-list__item.second .mod-text
    {
        margin-top: inherit;
    }
}

#Contents.solution-municipality #products-counter .mod-text
{
    font-size: 14px !important;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products-counter .mod-text
    {
        font-size: 12px !important;
    }
}

#Contents.solution-municipality #products-security #security-lead-figure
{
    margin-bottom: 40px;  padding: 40px;  border: 1px solid #d7d9da;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products-security #security-lead-figure
    {
        margin-bottom: 20px;  padding: 20px;
    }
}
#Contents.solution-municipality #products-security #security-lead-figure .title
{
    font-size: 22px;          display: -webkit-box;          display: -ms-flexbox;          display: flex;  -webkit-box-align: end;  align-items: flex-end;  -ms-flex-align: end;      -ms-flex-flow: row nowrap;          flex-flow: row nowrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products-security #security-lead-figure .title
    {
        font-size: 14px;
    }
}
#Contents.solution-municipality #products-security #security-lead-figure .title img
{
    margin-right: 20px;  margin-left: 0;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products-security #security-lead-figure .title img
    {
        width: 8%;  margin-right: 10px;
    }
}
#Contents.solution-municipality #products-security #security-lead-figure .title .liner
{
      background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, rgba(255, 223, 116, .6)));      background: linear-gradient(transparent 50%, rgba(255, 223, 116, .6) 50%);
}
#Contents.solution-municipality #products-security #security-lead-figure ul
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-flow: row nowrap;          flex-flow: row nowrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  width: 100%;  margin-top: 30px;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products-security #security-lead-figure ul
    {
        -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;      -ms-flex-flow: column;          flex-flow: column;  -webkit-box-orient: vertical;  -webkit-box-direction: normal;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  margin-top: 15px;
    }
}
#Contents.solution-municipality #products-security #security-lead-figure ul li
{
    font-size: 16px;          display: -webkit-box;          display: -ms-flexbox;          display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;      -ms-flex-flow: row nowrap;          flex-flow: row nowrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  width: 33.333%;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products-security #security-lead-figure ul li
    {
        font-size: 10px;  -webkit-box-pack: start;  -ms-flex-pack: start;  justify-content: flex-start;  width: 70%;  margin-top: 10px;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products-security #security-lead-figure ul li:nth-child(1)
    {
        margin-top: 0;
    }
}
#Contents.solution-municipality #products-security #security-lead-figure ul li .num
{
    width: 10%;  margin-right: 20px;  margin-left: 0;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products-security #security-lead-figure ul li .num
    {
        width: 12%;  margin-right: 10px;
    }
}

#Contents.solution-municipality #products-security #security-catalog .catalog-list .catalog-list__item
{
    padding-bottom: 80px;  border-bottom: 1px solid #d7d9da;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products-security #security-catalog .catalog-list .catalog-list__item
    {
        padding-bottom: 40px;
    }
}
#Contents.solution-municipality #products-security #security-catalog .catalog-list .catalog-list__item:nth-child(3)
{
    padding-bottom: 0;  border-bottom: 0;
}

#Contents.solution-municipality #products-security .security-lead
{
    width: 94%;  max-width: 1100px;  margin: 0 auto;  margin: 40px auto 30px;  padding: 0 20px;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products-security .security-lead
    {
        width: 100%;  padding: 0 20px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-security .security-lead
    {
        margin: 80px auto 20px;
    }
}
#Contents.solution-municipality #products-security .security-lead .lead-heading
{
    font-size: 16px;  margin-bottom: 10px;  text-align: center;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-security .security-lead .lead-heading
    {
        font-size: 26px;  font-weight: bold;  text-align: left;
    }
}
#Contents.solution-municipality #products-security .security-lead .lead-text
{
    font-size: 14px;  font-weight: bold;  margin-bottom: 24px;  text-align: center;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-security .security-lead .lead-text
    {
        font-size: 20px;  margin-bottom: 40px;  text-align: left;
    }
}

#Contents.solution-municipality #products-security .mod-product-catalog .reverse
{
    margin: 40px auto;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-security .mod-product-catalog .reverse
    {
        margin: 80px auto;
    }
}

#Contents.solution-municipality #products-table .l_1
{
    margin: 40px auto;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-table .l_1
    {
        margin: 80px auto;
    }
}

#Contents.solution-municipality #products-table .point-text
{
    padding-left: 5px;  list-style: disc;
}

#Contents.solution-municipality #products-table .table-margin
{
    margin-bottom: 40px !important;
}

@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products-table .point-image
    {
        width: 100% !important;
    }
}

#Contents.solution-municipality #products-robbey .process
{
    width: 94%;  max-width: 1120px;  margin: 0 auto;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products-robbey .process
    {
        width: 100%;  padding: 0 20px;
    }
}
#Contents.solution-municipality #products-robbey .process .mod-heading
{
    text-align: center;
}
#Contents.solution-municipality #products-robbey .process .mod-text
{
    margin-top: 15px;  text-align: center;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products-robbey .process .mod-text
    {
        text-align: justify;
    }
}
#Contents.solution-municipality #products-robbey .process .process-list
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  margin-top: 40px;
}
#Contents.solution-municipality #products-robbey .process .process-list .process-list__item
{
    width: 100%;  margin-bottom: 15px;  padding: 20px;  background: #f5f5f5;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-robbey .process .process-list .process-list__item
    {
        display: block;  width: 32%;  margin-bottom: 0;
    }
}
#Contents.solution-municipality #products-robbey .process .process-list .process-list__item .image
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;      -ms-flex-flow: row nowrap;          flex-flow: row nowrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;
    /*.half-c{
                width: calc(50% - 10px);
                display: flex;
                margin: 0;
                @include media-max(md){
                  width: calc(50% - 5px);
                }
                img{
                  display: block;
                }
              }*/
}
#Contents.solution-municipality #products-robbey .process .process-list .process-list__item .image img
{
    width: calc(50% - 10px);
}
#Contents.solution-municipality #products-robbey .process .process-list .process-list__item i
{
    display: block;  width: 130px;  height: 130px;  margin: 15px auto;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-robbey .process .process-list .process-list__item i
    {
        width: 134px;  height: 134px;  margin: 10px auto 0;
    }
}
#Contents.solution-municipality #products-robbey .process .process-list .process-list__item .mod-heading
{
    margin-top: 20px;  text-align: center;
}
#Contents.solution-municipality #products-robbey .process .process-list .process-list__item .mod-text
{
    min-height: 76px;  margin-bottom: 30px;  text-align: left;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products-robbey .process .process-list .process-list__item .mod-text
    {
        min-height: 38px;  margin-top: 10px;  margin-bottom: 15px;  text-align: center;
    }
}

#Contents.solution-municipality #products-robbey .mod-product-spec
{
    margin: 20px auto;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-robbey .mod-product-spec
    {
        margin: 80px auto;
    }
}

#Contents.solution-municipality #products-meeting .l_1
{
    margin: 40px auto;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-meeting .l_1
    {
        margin: 80px auto;
    }
}

#Contents.solution-municipality #products-meeting .mod-slider
{
    height: 50% !important;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products-meeting .mod-slider
    {
        height: inherit !important;  margin: 0 auto;
    }
}
#Contents.solution-municipality #products-meeting .mod-slider .slick-arrow
{
    opacity: .3;
}
#Contents.solution-municipality #products-meeting .mod-slider .slick-arrow.slick-next
{
              -webkit-transform: rotate(360deg);                  -ms-transform: rotate(360deg);                      transform: rotate(360deg);
}
#Contents.solution-municipality #products-meeting .mod-slider .slick-arrow:hover
{
        -webkit-transition: .3;                transition: .3;  opacity: .2;
}
#Contents.solution-municipality #products-meeting .mod-slider img
{
    overflow: hidden;
}
#Contents.solution-municipality #products-meeting .mod-slider .draggable
{
    overflow: hidden !important;
}

#Contents.solution-municipality #products-meeting .slick-dots
{
    opacity: 0;
}

#Contents.solution-municipality #products-desk .mod-products-lower
{
    margin: 0 auto;
}

#Contents.solution-municipality #products-desk .deskline
{
    width: 100%;  max-height: 120px;  background-color: #fff;
}
#Contents.solution-municipality #products-desk .deskline img
{
    width: 40% !important;
}

#Contents.solution-municipality #products-desk .l_1
{
      margin: 40px auto;      margin: 0 auto;  padding: 40px 20px;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-desk .l_1
    {
        margin: 80px auto;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-desk .l_1
    {
        margin: 0 auto;  padding: 88px 0;
    }
}

#Contents.solution-municipality #products-desk .unit
{
    max-width: 1120px;  margin: 0 auto;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-desk .unit .left
    {
        margin: 20px 0;  padding: 0 40px;  text-align: left !important;
    }
}
#Contents.solution-municipality #products-desk .unit .unit-heading
{
    font-size: 12px;  text-align: center;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-desk .unit .unit-heading
    {
        font-size: 14px;
    }
}
#Contents.solution-municipality #products-desk .unit .mod-heading
{
    margin-bottom: 20px;  text-align: center;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-desk .unit .mod-heading
    {
        margin-bottom: 40px;
    }
}
#Contents.solution-municipality #products-desk .unit .unit-image
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;      -ms-flex-flow: row nowrap;          flex-flow: row nowrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products-desk .unit .unit-image
    {
        -ms-flex-flow: column;            flex-flow: column;  -webkit-box-orient: vertical;  -webkit-box-direction: normal;  margin: 0 auto 20px;  padding: 0 20px;
    }
}
#Contents.solution-municipality #products-desk .unit .unit-image img
{
    width: 42%;  margin: 0;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products-desk .unit .unit-image img
    {
        width: 80%;
    }
}

@media screen and (min-width: 767px) and (max-width: 945px)
{
    #Contents.solution-municipality #products-desk #a4 .btnarea
    {
        -ms-flex-flow: row wrap;            flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;
    }
}

@media screen and (max-width: 944px)
{
    #Contents.solution-municipality #products-desk #a4 .btnarea .br-between
    {
        display: none;
    }
}

@media screen and (min-width: 767px) and (max-width: 945px)
{
    #Contents.solution-municipality #products-desk #a4 .btnarea div
    {
        width: 100%;  margin-bottom: 15px;
    }
}

@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products-desk #a4 .btnarea div
    {
        margin: 15px auto 10px;
    }
}

#Contents.solution-municipality #products-desk .last
{
    margin: 0 auto;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-desk .last
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  max-width: 1120px;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products-desk .last .last-list:first-child
    {
        margin-bottom: 40px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-desk .last .last-list
    {
        width: 48%;
    }
}
#Contents.solution-municipality #products-desk .last .last-list .mod-heading
{
    margin-bottom: 20px;  text-align: center;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-desk .last .last-list .mod-heading
    {
        margin-bottom: 40px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-desk .last .last-list .spec-list__item
    {
        width: 48% !important;
    }
}

#Contents.solution-municipality #products-chair .l_1
{
    margin: 40px auto;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-chair .l_1
    {
        margin: 80px auto;
    }
}
#Contents.solution-municipality #products-chair .l_1 .reverse
{
    margin: 40px auto;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-chair .l_1 .reverse
    {
        margin: 80px auto;
    }
}

#Contents.solution-municipality #products-storage .l_1
{
    margin: 40px auto;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-storage .l_1
    {
        margin: 80px auto;
    }
}

#Contents.solution-municipality #products-storage .rect
{
    max-width: 1120px;  margin: 40px auto;  padding: 0 20px;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-storage .rect
    {
        margin: 80px auto;  padding: 0;
    }
}
#Contents.solution-municipality #products-storage .rect .mod-heading
{
    margin-bottom: 20px;  text-align: center;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-storage .rect .mod-heading
    {
        margin-bottom: 40px;
    }
}
#Contents.solution-municipality #products-storage .rect .rect-list
{
    padding: 30px 20px;  background: #f5f5f5;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-storage .rect .rect-list
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  padding: 40px;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item
    {
        margin-bottom: 30px;
    }
    #Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item:last-child
    {
        margin-bottom: 0;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item
    {
        width: 23%;
    }
}
#Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-heading
{
    font-size: 16px;  font-weight: bold;  margin-bottom: 16px;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-heading
    {
        font-size: 14px;  text-align: center;
    }
}
#Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-double.sp
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-double.sp
    {
        display: none;
    }
}
#Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-double.pc
{
    display: none;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-double.pc
    {
        display: block;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-double
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-double li:first-child
    {
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-double li
    {
        width: 48%;
    }
    #Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-double li .rect-utext
    {
        text-align: left;
    }
}
#Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-image.sp
{
    display: block;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-image.sp
    {
        display: none;
    }
}
#Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-image.pc
{
    display: none;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-image.pc
    {
        display: block;
    }
}
#Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-text
{
    font-size: 16px;  height: 90px;  margin: 20px 0 0;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-text
    {
        font-size: 12px;  height: auto;  margin: 0 0 16px;  text-align: center;
    }
}
#Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-utext
{
    font-size: 14px;  margin-top: 15px;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-utext
    {
        font-size: 12px;  margin-top: 10px;  text-align: center;
    }
}
#Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-torl.sp
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-torl.sp
    {
        display: none;
    }
}
#Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-torl.pc
{
    display: none;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-torl.pc
    {
        display: block;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-torl .rect-textwo
    {
        font-size: 12px;  margin-top: 15px;
    }
}
#Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-torl .rect-textwo i
{
    font-size: 0;  display: inline-block;  width: 12px;  height: 12px;  margin: 0 5px 4px 0;  vertical-align: middle;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-torl .rect-textwo i
    {
        width: 16px;  height: 16px;
    }
}
#Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-torl .rect-textwo i img
{
    width: 100%;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-torl .rect-textone
    {
        font-size: 14px !important;  margin-top: 15px !important;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-torl
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;  -webkit-box-pack: start;  -ms-flex-pack: start;  justify-content: flex-start;
    }
    #Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-torl .rect-image
    {
        width: 42%;  margin-right: 4%;
    }
    #Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-torl .rect-sub-text
    {
        width: 60%;
    }
    #Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-torl .rect-sub-text .rect-textone
    {
        font-size: 12px;  margin-bottom: 10px;
    }
    #Contents.solution-municipality #products-storage .rect .rect-list .rect-list__item .rect-torl .rect-sub-text .rect-textwo
    {
        font-size: 12px;
    }
}

#Contents.solution-municipality #products-material .mod-product-catalog .catalog-list .reverse
{
    margin: 40px auto;
}


@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-material .mod-product-catalog .catalog-list .reverse
    {
        margin: 80px auto;
    }
}

#Contents.solution-municipality #products-assemblyhall .mod-product-catalog .catalog-list .reverse
{
    margin: 40px auto;
}

#oc-wrapper #Contents.solution-municipality #products-assemblyhall .mod-products-lower .inr .text .copy
{
    max-width: 492px;
}

#oc-wrapper #Contents.solution-municipality #products-assemblyhall .mod-product-catalog .catalog-list .catalog-list__item .deital
{
    width: 100%;
}

@media screen and (min-width: 767px)
{
    #oc-wrapper #Contents.solution-municipality #products-assemblyhall .mod-product-catalog .catalog-list .catalog-list__item .deital
    {
        width: 46%;
    }
}

#oc-wrapper #Contents.solution-municipality  #products-assemblyhall  .mod-product-catalog .catalog-list .catalog-list__item.reverse .deital {
    margin-left: 4%;
}

@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #products-assemblyhall .mod-product-catalog .catalog-list .reverse
    {
        margin: 80px auto;
    }
    #oc-wrapper #Contents.solution-municipality  #products-assemblyhall  .mod-products-lower .inr .text .copy  img {
        padding-top: 10px;
    }
}

@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .mod-solution-lead
    {
        margin: 80px auto 10px;
    }
}

#Contents.solution-municipality #workstyle .detail p.mod-text
{
    margin-bottom: 20px;
}

#Contents.solution-municipality #workstyle .mod-heading.t_1
{
    margin-bottom: 20px;
}

#Contents.solution-municipality #workstyle .support
{
    width: 94%;  max-width: 1120px;  margin: 0 auto;  border-top: 2px solid #000;  background: #f5f5f5;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #workstyle .support
    {
        width: 100%;  padding: 0 20px;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #workstyle .support
    {
        padding: 30px 20px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .support .support-inr
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  padding: 50px 40px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .support .support-inr > div
    {
        width: 48%;
    }
}
#Contents.solution-municipality #workstyle .support .support-inr > div .support-heading
{
    font-size: 16px;  font-weight: bold;  margin-bottom: 14px;  text-align: center;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .support .support-inr > div .support-heading
    {
        font-size: 18px;  margin-bottom: 30px;
    }
}
#Contents.solution-municipality #workstyle .support .support-inr .support-factor .text
{
    font-size: 14px;  margin-top: 0;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .support .support-inr .support-factor .text
    {
        font-size: 16px;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #workstyle .support .support-inr .support-purpose
    {
        margin-top: 40px;  padding-top: 40px;  border-top: 1px solid #ccc;
    }
}
#Contents.solution-municipality #workstyle .support .support-inr .support-purpose .list
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  margin-bottom: 50px;  padding: 16px 12px;  background: #fff;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .support .support-inr .support-purpose .list
    {
        padding: 22px;
    }
}
#Contents.solution-municipality #workstyle .support .support-inr .support-purpose .list > div
{
    width: 50%;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #workstyle .support .support-inr .support-purpose .list > div:first-of-type
    {
        width: 44%;
    }
    #Contents.solution-municipality #workstyle .support .support-inr .support-purpose .list > div:nth-child(2)
    {
        width: 56%;
    }
}
#Contents.solution-municipality #workstyle .support .support-inr .support-purpose .list .list__item h4
{
    font-size: 14px;  font-weight: bold;  margin-bottom: 6px;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .support .support-inr .support-purpose .list .list__item h4
    {
        font-size: 16px;  margin-bottom: 12px;
    }
}
#Contents.solution-municipality #workstyle .support .support-inr .support-purpose .list .list__item ul
{
    font-size: 10px;  line-height: 1.6;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .support .support-inr .support-purpose .list .list__item ul
    {
        font-size: 14px;  line-height: 2.4;
    }
}
#Contents.solution-municipality #workstyle .support .support-inr .support-purpose .up,
#Contents.solution-municipality #workstyle .support .support-inr .support-purpose .upup
{
    font-size: 16px;  font-weight: bold;  display: block;  padding: 14px 0;  text-align: center;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .support .support-inr .support-purpose .up,
    #Contents.solution-municipality #workstyle .support .support-inr .support-purpose .upup
    {
        font-size: 18px;
    }
}
#Contents.solution-municipality #workstyle .support .support-inr .support-purpose .up
{
    position: relative;  margin-bottom: 50px;  border: 1px solid #d3d3d3;  background: #fff;
}
#Contents.solution-municipality #workstyle .support .support-inr .support-purpose .up:after,
#Contents.solution-municipality #workstyle .support .support-inr .support-purpose .up:before
{
    position: absolute;  width: 0;  height: 0;  content: '';          -webkit-transform: translate(-50%, 0);              -ms-transform: translate(-50%, 0);                  transform: translate(-50%, 0);  border-width: 16px 15px 0 15px;  border-style: solid;  border-color: #000 transparent transparent transparent;
}
#Contents.solution-municipality #workstyle .support .support-inr .support-purpose .up:after
{
    top: -35px;  left: 50%;
}
#Contents.solution-municipality #workstyle .support .support-inr .support-purpose .up:before
{
    bottom: -35px;  left: 50%;
}
#Contents.solution-municipality #workstyle .support .support-inr .support-purpose .upup
{
    background: #ffdf74;
}

#Contents.solution-municipality #workstyle .offer
{
    width: 94%;  max-width: 1120px;  margin: 0 auto;  margin: 40px auto;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #workstyle .offer
    {
        width: 100%;  padding: 0 20px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .offer
    {
        margin: 80px auto;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #workstyle .offer
    {
        padding: 0;
    }
    #Contents.solution-municipality #workstyle .offer .title
    {
        padding: 0 20px;
    }
}
@media screen and (max-width: 766px) and (max-width: 766px)
{
    #Contents.solution-municipality #workstyle .offer .title
    {
        text-align: center;
    }
}
#Contents.solution-municipality #workstyle .offer .offer-list
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  margin: 40px auto 0;  padding: 30px 20px;  border-top: 2px solid #000;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .offer .offer-list
    {
        padding: 20px 20px 50px 20px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .offer .offer-list .offer-list__item
    {
        width: 50%;  padding: 30px;
    }
    #Contents.solution-municipality #workstyle .offer .offer-list .offer-list__item:nth-child(1),
    #Contents.solution-municipality #workstyle .offer .offer-list .offer-list__item:nth-child(2),
    #Contents.solution-municipality #workstyle .offer .offer-list .offer-list__item:nth-child(3),
    #Contents.solution-municipality #workstyle .offer .offer-list .offer-list__item:nth-child(4)
    {
        border-bottom: 1px solid #d7d9da;
    }
    #Contents.solution-municipality #workstyle .offer .offer-list .offer-list__item:nth-child(odd)
    {
        border-right: 1px solid #d7d9da;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #workstyle .offer .offer-list .offer-list__item
    {
        margin-bottom: 30px;  padding-bottom: 30px;  border-bottom: 1px solid #d7d9da;
    }
    #Contents.solution-municipality #workstyle .offer .offer-list .offer-list__item:last-child
    {
        border-bottom: none;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #workstyle .offer .offer-list .offer-list__item figure
    {
        width: 60%;  margin: 0 auto;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .offer .offer-list .offer-list__item figure
    {
        width: 280px;  margin: 0 auto;
    }
}
#Contents.solution-municipality #workstyle .offer .offer-list .offer-list__item .ttl
{
    position: relative;  padding-left: 40px;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .offer .offer-list .offer-list__item .ttl
    {
        padding-left: 60px;
    }
}
#Contents.solution-municipality #workstyle .offer .offer-list .offer-list__item .ttl i
{
    position: absolute;  top: 0;  left: -2px;  display: inline-block;  width: 30px;  height: 30px;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .offer .offer-list .offer-list__item .ttl i
    {
        width: 40px;  height: 40px;
    }
}
#Contents.solution-municipality #workstyle .offer .offer-list .offer-list__item .ttl .ttl_heading
{
    font-size: 16px;  font-weight: bold;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .offer .offer-list .offer-list__item .ttl .ttl_heading
    {
        font-size: 18px;
    }
}
#Contents.solution-municipality #workstyle .offer .offer-list .offer-list__item .ttl .mod-text
{
    margin: 5px 0 30px;
}
#Contents.solution-municipality #workstyle .offer .topic
{
    padding: 40px;  background: #f5f5f5;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .offer .topic
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;
    }
}
#Contents.solution-municipality #workstyle .offer .topic .topic-icon
{
    display: block;  width: 80px;  height: 80px;  margin-right: 30px;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #workstyle .offer .topic .topic-icon
    {
        width: 60px;  height: 60px;  margin: 0 auto 20px;
    }
}
#Contents.solution-municipality #workstyle .offer .topic .topic-detail .topic-heading
{
    font-size: 18px;  font-weight: bold;  margin-bottom: 10px;  color: #2f3138;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #workstyle .offer .topic .topic-detail .topic-heading
    {
        font-size: 16px;  text-align: center;
    }
}
#Contents.solution-municipality #workstyle .offer .topic .topic-detail .topic-text
{
    font-size: 16px;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #workstyle .offer .topic .topic-detail .topic-text
    {
        font-size: 12px;  text-align: center;
    }
}

#Contents.solution-municipality #workstyle .introduce
{
    width: 94%;  max-width: 1120px;  margin: 0 auto;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #workstyle .introduce
    {
        width: 100%;  padding: 0 20px;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #workstyle .introduce
    {
        padding: 0;  text-align: center;
    }
}
#Contents.solution-municipality #workstyle .introduce .mod-heading
{
    margin-bottom: 20px;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .introduce .mod-heading
    {
        margin-bottom: 30px;
    }
}
#Contents.solution-municipality #workstyle .introduce .introduce-inr
{
    padding: 30px 20px;  border-top: 2px solid #000;  background: #f5f5f5;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .introduce .introduce-inr
    {
        padding: 40px 40px 50px;
    }
}
#Contents.solution-municipality #workstyle .introduce .introduce-inr .introduce-list__item
{
    margin-bottom: 30px;  padding-bottom: 30px;  border-bottom: 1px solid #d7d9da;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .introduce .introduce-inr .introduce-list__item
    {
        margin-bottom: 40px;  padding-bottom: 40px;
    }
}
#Contents.solution-municipality #workstyle .introduce .introduce-inr .introduce-list__item:last-child
{
    margin-bottom: 0;  padding-bottom: 0;  border-bottom: none;
}
#Contents.solution-municipality #workstyle .introduce .introduce-inr .introduce-list__item .heading
{
    text-align: center;  color: #2f3138;
}
#Contents.solution-municipality #workstyle .introduce .introduce-inr .introduce-list__item .heading .category
{
    font-size: 14px;  font-weight: bold;  display: inline-block;  padding: 2px 10px;   border-radius: 4px;  background: #f7c03b;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .introduce .introduce-inr .introduce-list__item .heading .category
    {
        font-size: 16px;
    }
}
#Contents.solution-municipality #workstyle .introduce .introduce-inr .introduce-list__item .heading .mod-heading
{
    margin: 16px 0;  text-align: center;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .introduce .introduce-inr .introduce-list__item .heading .mod-heading
    {
        margin: 10px 0;
    }
}
#Contents.solution-municipality #workstyle .introduce .introduce-inr .introduce-list__item .heading .mod-text
{
    margin-bottom: 24px;  text-align: justify;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .introduce .introduce-inr .introduce-list__item .heading .mod-text
    {
        margin-bottom: 0;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .introduce .introduce-inr .introduce-list__item .card-list
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  margin-top: 40px;
    }
}
#Contents.solution-municipality #workstyle .introduce .introduce-inr .introduce-list__item .card-list .card-list__item
{
    margin-bottom: 30px;
}
#Contents.solution-municipality #workstyle .introduce .introduce-inr .introduce-list__item .card-list .card-list__item:last-child
{
    margin-bottom: 0;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .introduce .introduce-inr .introduce-list__item .card-list .card-list__item
    {
        width: 31%;  margin-bottom: 0;
    }
}
#Contents.solution-municipality #workstyle .introduce .introduce-inr .introduce-list__item .card-list .card-list__item figure img
{
    width: 100%;
}
#Contents.solution-municipality #workstyle .introduce .introduce-inr .introduce-list__item .card-list .card-list__item .mod-heading
{
    line-height: 1.6;  display: inline-block;  margin: 14px 0;  padding: 0 4px;  background: #ffdf74;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .introduce .introduce-inr .introduce-list__item .card-list .card-list__item .mod-heading
    {
        margin: 16px 0;
    }
}
#Contents.solution-municipality #workstyle .introduce .introduce-inr .introduce-list__item .card-list .card-list__item p
{
    text-align: left;
}

#Contents.solution-municipality #workstyle .swift
{
    width: 94%;  max-width: 1120px;  margin: 0 auto;  margin: 40px auto;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #workstyle .swift
    {
        width: 100%;  padding: 0 20px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .swift
    {
        margin: 80px auto;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #workstyle .swift .mod-solution-blocktitle
    {
        font-size: 18px;  display: block;  text-align: center;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .swift .mod-solution-blocktitle
    {
        font-weight: normal;
    }
}
#Contents.solution-municipality #workstyle .swift .swift-text
{
    font-size: 12px;  margin-bottom: 20px;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .swift .swift-text
    {
        font-size: 14px;  margin-bottom: 0;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #workstyle .swift .swift-product > div:first-child
    {
        margin-bottom: 20px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .swift .swift-product
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  margin-top: 40px;
    }
    #Contents.solution-municipality #workstyle .swift .swift-product > div
    {
        width: 48%;
    }
}

#Contents.solution-municipality #workstyle .recomend
{
    width: 94%;  max-width: 1120px;  margin: 0 auto;  margin: 40px auto;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #workstyle .recomend
    {
        width: 100%;  padding: 0 20px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .recomend
    {
        margin: 80px auto;
    }
}
#Contents.solution-municipality #workstyle .recomend .recomend-heading
{
    font-size: 16px;  font-weight: bold;  margin-bottom: 30px;  text-align: center;  letter-spacing: .06em;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .recomend .recomend-heading
    {
        font-size: 20px;  margin-bottom: 40px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .recomend .recomend-list
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;
    }
}
#Contents.solution-municipality #workstyle .recomend .recomend-list .recomend-list__item
{
    margin-bottom: 30px;
}
#Contents.solution-municipality #workstyle .recomend .recomend-list .recomend-list__item:last-child
{
    margin-bottom: 0;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .recomend .recomend-list .recomend-list__item
    {
        width: 31%;  margin-bottom: 0;
    }
}
#Contents.solution-municipality #workstyle .recomend .recomend-list .heading
{
    font-size: 14px;  font-weight: bold;  margin-bottom: 16px;  text-align: center;  color: #2f3138;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .recomend .recomend-list .heading
    {
        font-size: 16px;  margin-bottom: 10px;  text-align: left;
    }
}
#Contents.solution-municipality #workstyle .recomend .recomend-list .text
{
    font-size: 12px;  margin-top: 10px;  text-align: center;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .recomend .recomend-list .text
    {
        font-size: 14px;  margin-top: 10px;  text-align: center;
    }
}

#Contents.solution-municipality #contact .download .mod-heading,
#Contents.solution-municipality #contact .information .mod-heading,
#Contents.solution-municipality #contact .introduce .mod-heading
{
    margin-bottom: 20px;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .download .mod-heading,
    #Contents.solution-municipality #contact .information .mod-heading,
    #Contents.solution-municipality #contact .introduce .mod-heading
    {
        margin-bottom: 40px;
    }
}

#Contents.solution-municipality #contact .download
{
    width: 94%;  max-width: 1120px;  margin: 0 auto;  margin: 40px auto;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #contact .download
    {
        width: 100%;  padding: 0 20px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .download
    {
        margin: 80px auto;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .download .donwload-list
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;
    }
}
#Contents.solution-municipality #contact .download .donwload-list .donwload-list__item
{
    position: relative;          display: -webkit-box;          display: -ms-flexbox;          display: flex;  -webkit-box-align: end;  align-items: flex-end;  -ms-flex-align: end;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #contact .download .donwload-list .donwload-list__item
    {
        margin-bottom: 30px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .download .donwload-list .donwload-list__item
    {
        margin-right: 30px;
    }
    #Contents.solution-municipality #contact .download .donwload-list .donwload-list__item.l_2
    {
        margin-right: 0;
    }
}
#Contents.solution-municipality #contact .download .donwload-list .donwload-list__item .list_wrap
{
    width: 100%;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .download .donwload-list .donwload-list__item .list_wrap
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;
    }
}
#Contents.solution-municipality #contact .download .donwload-list .donwload-list__item .list_wrap .list_detail
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-flow: column;          flex-flow: column;  -webkit-box-orient: vertical;  -webkit-box-direction: normal;  -webkit-box-pack: end;  -ms-flex-pack: end;  justify-content: flex-end;
}
#Contents.solution-municipality #contact .download .donwload-list .donwload-list__item .list_wrap .image
{
    width: 46%;  margin-right: 3vw;  border: 1px solid #d7d9da;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .download .donwload-list .donwload-list__item .list_wrap .image
    {
        width: 200px;
    }
}
#Contents.solution-municipality #contact .download .donwload-list .donwload-list__item .list_wrap .image img
{
    width: 100%;
}
#Contents.solution-municipality #contact .download .donwload-list .donwload-list__item .list_wrap .name
{
    font-weight: bold;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #contact .download .donwload-list .donwload-list__item .list_wrap .name
    {
        font-size: 14px;  position: absolute;  top: 36%;  right: -100%;  width: 100%;          -webkit-transform: translate(-50%, -50%);              -ms-transform: translate(-50%, -50%);                  transform: translate(-50%, -50%);  text-align: left;  white-space: nowrap;
    }
}
@media screen and (max-width: 419px)
{
    #Contents.solution-municipality #contact .download .donwload-list .donwload-list__item .list_wrap .name
    {
        font-size: 16px;  margin-top: 20px;
    }
}
@media screen and (min-width: 767px) and (max-width: 1160px)
{
    #Contents.solution-municipality #contact .download .donwload-list .donwload-list__item .list_wrap .name
    {
        font-size: 18px;  margin-top: 40px;
    }
}
@media screen and (min-width: 1160px)
{
    #Contents.solution-municipality #contact .download .donwload-list .donwload-list__item .list_wrap .name
    {
        font-size: 22px;
    }
}
#Contents.solution-municipality #contact .download .donwload-list .donwload-list__item .btn
{
    margin-top: 20px;
}
@media screen and (min-width: 420px)
{
    #Contents.solution-municipality #contact .download .donwload-list .donwload-list__item .btn
    {
        margin-top: 20px;
    }
}
@media screen and (min-width: 1160px)
{
    #Contents.solution-municipality #contact .download .donwload-list .donwload-list__item .btn
    {
        margin-top: 10px;
    }
}
#Contents.solution-municipality #contact .download .donwload-list .donwload-list__item .btn a
{
    font-size: 14px;  position: relative;  display: block;  padding: 20px 60px;          -webkit-transition: .24s ease all;                  transition: .24s ease all;  text-align: center;  white-space: nowrap;  border: 1px solid #d7d9da;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #contact .download .donwload-list .donwload-list__item .btn a
    {
        font-size: 16px;  display: block;  width: 100%;
    }
}
#Contents.solution-municipality #contact .download .donwload-list .donwload-list__item .btn a:after
{
    position: absolute;  top: 50%;  right: 20px;  width: 16px;  height: 16px;  content: '';          -webkit-transform: translate(0, -50%);              -ms-transform: translate(0, -50%);                  transform: translate(0, -50%);  background: url(../img/municipality/common/icon-arrow-grey.svg) no-repeat center/cover;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .download .donwload-list .donwload-list__item .btn a:after
    {
        width: 18px;  height: 18px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .download .donwload-list .donwload-list__item .btn a:hover
    {
        opacity: 1;  background: #d7d9da;
    }
}

#Contents.solution-municipality #contact .information
{
    width: 94%;  max-width: 1120px;  margin: 0 auto;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #contact .information
    {
        width: 100%;  padding: 0 20px;
    }
}
#Contents.solution-municipality #contact .information .information-list
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-flow: column;          flex-flow: column;  -webkit-box-orient: vertical;  -webkit-box-direction: normal;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  padding: 40px 95px 20px;  border: 1px solid #d7d9da;
}
@media screen and (min-width: 767px) and (max-width: 1160px)
{
    #Contents.solution-municipality #contact .information .information-list
    {
        padding: 40px 40px 20px;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #contact .information .information-list
    {
        padding: 20px 20px 0;
    }
}
#Contents.solution-municipality #contact .information .information-list .information-ttl
{
    font-size: 13px;  font-weight: bold;  margin-bottom: 15px;  text-align: center;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .information .information-list .information-ttl
    {
        font-size: 18px;  margin-bottom: 40px;
    }
}
#Contents.solution-municipality #contact .information .information-list .information-btn-list
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;  -webkit-box-align: start;  align-items: flex-start;  -ms-flex-align: start;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #contact .information .information-list .information-btn-list
    {
        -ms-flex-flow: column;            flex-flow: column;  -webkit-box-orient: vertical;  -webkit-box-direction: normal;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item
    {
        width: 100%;  margin-bottom: 20px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item
    {
        width: calc(50% - 15px);
    }
    #Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item:first-of-type
    {
        margin-right: 30px;
    }
}
#Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item p
{
    font-size: 10px;  margin-top: 10px;  text-align: center;
}
#Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn a,
#Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn form
{
    font-weight: bold;  line-height: 1;  position: relative;          display: -webkit-box;          display: -ms-flexbox;          display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  height: 70px;          -webkit-transition: all .2s ease;                  transition: all .2s ease;  color: #2f3138;  border: 1px solid #e60039;  border-radius: 40px;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn a,
    #Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn form
    {
        width: 100%;  height: 80px;  border: 2px solid #e60039;
    }
}
#Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn a:after,
#Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn form:after
{
    top: 45%;          -webkit-transform: translate(0, -50%);              -ms-transform: translate(0, -50%);                  transform: translate(0, -50%);
}
#Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn a:before,
#Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn form:before
{
    position: absolute;  top: 50%;  left: 20px;  display: inline-block;  width: 25px;  height: 25px;          -webkit-transition: .24s ease all;                  transition: .24s ease all;          -webkit-transform: translate(0, -50%);              -ms-transform: translate(0, -50%);                  transform: translate(0, -50%);  background-repeat: no-repeat;  background-size: contain;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn a:before,
    #Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn form:before
    {
        left: 30px;  width: 30px;  height: 30px;
    }
}
#Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn a:hover,
#Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn form:hover
{
    opacity: 1;  color: #fff;  background: #e60039;
}
#Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.download
{
    font-size: 3.4vw;  margin-bottom: 20px;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.download
    {
        font-size: 14px;  margin-bottom: 0;
    }
}
#Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.download a:before
{
    width: 30px;  height: 30px;  content: '';  background-image: url(../img/municipality/common/icon-download.svg);
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.download a:before
    {
        width: 34px;  height: 34px;
    }
}
#Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.download a:after
{
    position: absolute;  right: 20px;  width: 8px;  height: 8px;  content: '';          -webkit-transition: .24s ease all;                  transition: .24s ease all;          -webkit-transform: rotate(45deg);              -ms-transform: rotate(45deg);                  transform: rotate(45deg);  border-top: 1px solid #e60039;  border-right: 1px solid #e60039;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.download a:after
    {
        right: 30px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.download a:hover:hover:before
    {
        background-image: url(../img/municipality/common/icon-download_on.svg);
    }
    #Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.download a:hover:hover:after
    {
        border-color: #fff;
    }
}
#Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.call
{
    font-size: 4.4vw;  margin-bottom: 20px;  letter-spacing: .1em;
}
@media screen and (min-width: 420px)
{
    #Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.call
    {
        font-size: 20px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.call
    {
        font-size: 18px;  margin-bottom: 0;
    }
}
#Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.call a .inr
{
    line-height: 1;
}
#Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.call a .inr span
{
    font-size: 12px;  margin-right: 6px;  letter-spacing: .02em;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.call a .inr span
    {
        font-size: 14px;
    }
}
#Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.call a:before
{
    content: '';  background-image: url(../img/municipality/common/icon-call.svg);
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.call a:hover:hover:before
    {
        background-image: url(../img/municipality/common/icon-call_on.svg);
    }
}
#Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.email a,
#Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.email form
{
    font-size: 3.4vw;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.email a,
    #Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.email form
    {
        font-size: 14px;
    }
}
#Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.email a:before,
#Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.email form:before
{
    content: '';  background-image: url(../img/municipality/common/icon-email.svg);
}
#Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.email a:after,
#Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.email form:after
{
    position: absolute;  right: 20px;  width: 8px;  height: 8px;  content: '';          -webkit-transition: .24s ease all;                  transition: .24s ease all;          -webkit-transform: rotate(45deg);              -ms-transform: rotate(45deg);                  transform: rotate(45deg);  border-top: 1px solid #e60039;  border-right: 1px solid #e60039;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.email a:after,
    #Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.email form:after
    {
        right: 30px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.email a:hover:hover:before,
    #Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.email form:hover:hover:before
    {
        background-image: url(../img/municipality/common/icon-email_on.svg);
    }
    #Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.email a:hover:hover:after,
    #Contents.solution-municipality #contact .information .information-list .information-btn-list .information-btn-list__item .btn.email form:hover:hover:after
    {
        border-color: #fff;
    }
}

#Contents.solution-municipality #contact .catalog
{
    width: 94%;  max-width: 1120px;  margin: 0 auto;  margin: 40px auto;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #contact .catalog
    {
        width: 100%;  padding: 0 20px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .catalog
    {
        margin: 80px auto;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .catalog
    {
        margin: 20px auto 80px;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #contact .catalog
    {
        margin: 20px auto 40px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .catalog .catalog-list
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;
    }
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item:first-of-type
    {
        margin-bottom: 20px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item
    {
        width: 49%;
    }
}
#Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item a,
#Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item form
{
    position: relative;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;  padding: 20px;  cursor: pointer;  border: 1px solid #d7d9da;
}
#Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item a:hover i,
#Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item form:hover i
{
        -webkit-transition: .24s ease all;                transition: .24s ease all;  opacity: .8;
}
#Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item a:hover p,
#Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item form:hover p
{
        -webkit-transition: .24s ease all;                transition: .24s ease all;  opacity: .8;
}
#Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item a:hover:after,
#Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item form:hover:after
{
        -webkit-transition: .24s ease all;                transition: .24s ease all;  opacity: .8;
}
#Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item a:after,
#Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item form:after
{
    position: absolute;  top: 50%;  right: 20px;  width: 16px;  height: 16px;  content: '';          -webkit-transform: translate(0, -50%);              -ms-transform: translate(0, -50%);                  transform: translate(0, -50%);  background: url('/municipality/contents/assets/img/municipality/common/icon-arrow-grey.svg') no-repeat center/cover;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item a:after,
    #Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item form:after
    {
        right: 5%;  width: 18px;  height: 18px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item a,
    #Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item form
    {
        padding: 40px;
    }
}
#Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item a .areaset,
#Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item form .areaset
{
    position: absolute;  z-index: 2;  left: 0;  width: 100%;  opacity: 0;
}
#Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item a i,
#Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item form i
{
    margin-right: 20px;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item a i,
    #Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item form i
    {
        max-width: 60px;
    }
}
#Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item a p,
#Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item form p
{
    font-size: 14px;  font-weight: bold;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item a p,
    #Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item form p
    {
        font-size: 18px;
    }
}
#Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item a p span,
#Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item form p span
{
    font-size: 10px;  font-weight: normal;  display: block;  color: #2f3138;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item a p span,
    #Contents.solution-municipality #contact .catalog .catalog-list .catalog-list__item form p span
    {
        font-size: 14px;
    }
}

#Contents.solution-municipality #contact .introduce
{
    width: 94%;  max-width: 1120px;  margin: 0 auto;  margin: 40px auto;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #contact .introduce
    {
        width: 100%;  padding: 0 20px;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .introduce
    {
        margin: 80px auto;
    }
}
#Contents.solution-municipality #contact .introduce .introduce-list.l_2 .introduce-list__item
{
    margin-bottom: 0;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #contact .introduce .introduce-list.l_2 .introduce-list__item
    {
        margin-bottom: 30px !important;
    }
    #Contents.solution-municipality #contact .introduce .introduce-list.l_2 .introduce-list__item:last-child
    {
        margin-bottom: 0 !important;
    }
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .introduce .introduce-list
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;
    }
}
#Contents.solution-municipality #contact .introduce .introduce-list .introduce-list__item
{
    margin-bottom: 30px;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .introduce .introduce-list .introduce-list__item
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;  -ms-flex-line-pack: justify;  align-content: space-between;      -ms-flex-flow: row wrap;          flex-flow: row wrap;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  width: 18%;  margin-right: 2.5%;  margin-bottom: 80px;
    }
    #Contents.solution-municipality #contact .introduce .introduce-list .introduce-list__item:nth-child(5n)
    {
        margin-right: 0;
    }
}
#Contents.solution-municipality #contact .introduce .introduce-list .item-wrap img
{
    width: 100%;  border: 1px solid #d7d9da;
}
@media screen and (max-width: 766px)
{
    #Contents.solution-municipality #contact .introduce .introduce-list .item-wrap
    {
              display: -webkit-box;              display: -ms-flexbox;              display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;  margin-bottom: 20px;
    }
    #Contents.solution-municipality #contact .introduce .introduce-list .item-wrap .image
    {
        width: 46%;  margin-right: 20px;
    }
}
#Contents.solution-municipality #contact .introduce .introduce-list .item-wrap .name
{
    font-size: 16px;    font-weight: bold;      text-align: center;      text-align: left;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .introduce .introduce-list .item-wrap .name
    {
        font-size: 18px;  margin: 20px 0 25px;  text-align: center;
    }
}
#Contents.solution-municipality #contact .introduce .introduce-list .btn
{
    width: 100%;
}
#Contents.solution-municipality #contact .introduce .introduce-list .btn a
{
    font-size: 14px;  position: relative;  display: block;  padding: 20px 60px;          -webkit-transition: .24s ease all;                  transition: .24s ease all;  text-align: center;  border: 1px solid #d7d9da;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #contact .introduce .introduce-list .btn a
    {
        font-size: 16px;  padding: 18px 0;
    }
    #Contents.solution-municipality #contact .introduce .introduce-list .btn a:hover
    {
        background: #d7d9da;
    }
}
#Contents.solution-municipality #contact .introduce .introduce-list .btn.link a:after
{
    position: absolute;  top: 50%;  right: 5%;  width: 16px;  height: 16px;  content: '';          -webkit-transform: translate(0, -50%);              -ms-transform: translate(0, -50%);                  transform: translate(0, -50%);  background: url('/municipality/contents/assets/img/municipality/common/icon-arrow-grey.svg') no-repeat center/cover;
}
#Contents.solution-municipality #contact .introduce .introduce-list .btn.pdf a:after
{
    position: absolute;  top: 50%;  right: 6%;  width: 13px;  height: 16px;  content: '';          -webkit-transform: translate(0, -50%);              -ms-transform: translate(0, -50%);                  transform: translate(0, -50%);  background: url('/municipality/contents/assets/img/municipality/common/icon-pdf2.svg') no-repeat center/cover;
}








/*scss蜈�ヵ繧｡繧､繝ｫ荳肴�縺ｮ轤ｺ莉･荳議ss縺ｮ縺ｿ霑ｽ險�*/
/*繝舌リ繝ｼ*/
#Contents.solution-municipality #index .banner_area
{
    margin-top: 40px;  padding: 0 20px;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #index .banner_area
    {
        margin-top: 80px;
    }
}


/*蜒阪″譁ｹ謾ｹ髱ｩ 莠倶ｾ九�縺皮ｴｹ莉�*/
#Contents.solution-municipality #workstyle .introduce.introduce_deco .title
{
    margin-bottom: 40px;
}
#Contents.solution-municipality #workstyle .introduce.introduce_deco .introduce_mark
{
    font-size: 22px;  position: relative;  z-index: 0;  overflow: hidden;  margin-top: -30px;  margin-bottom: 30px;  padding: 10px 0;  text-align: center;
}
#Contents.solution-municipality #workstyle .introduce.introduce_deco .introduce_mark::after
{
    position: absolute;  z-index: -1;  top: -300%;  right: 0;  bottom: 0;  left: 0;  display: block;  content: '';  border-radius: 50%;  background-color: #ffdf74;
}
@media screen and (min-width: 767px)
{
    #Contents.solution-municipality #workstyle .introduce.introduce_deco .introduce_mark
    {
        font-size: 30px;  margin-top: -40px;  padding: 20px 0;
    }
    #Contents.solution-municipality #workstyle .introduce.introduce_deco .introduce_mark::after
    {
        right: 20%;  left: 20%;
    }
}