.nav-local-02.of-full[data-col="5"] .inner> .link> .list> li {
  min-width: calc(100% / 5);
}
.mod-box.type-login {
  border: 4px solid #009664;
}
.mod-box.type-login > .inner {
  padding-top: 0;
}
.mod-box.type-login > .inner > .hdg {
  margin: 0 -24px 24px;
  padding: 12px 8px 8px;
  background: #009664;
  text-align: center;
  color: #fff;
}
.mod-box.type-login .mod-lyt {
  padding-top: 24px;
}
.mod-box.type-login .mod-lyt .col {
  border-right: solid 1px #ddd;
  padding-top: 0;
}
.mod-box.type-login .mod-lyt .col:last-child {
  border-right: none;
}
.mod-pnl.col-set> .inner> .col{
  justify-content: space-around;
  flex-wrap: wrap;
  width: 100%;
}
.mod-pnl.col-set[data-col-pc="2"]> .inner> .col {
  max-width: calc(100% / 2);
}
.mod-pnl.col-set>.inner>.col>.content {
  padding: 10px;
}
.mod-pnl.col-set>.inner>.col>.content > .summary {
  display: table;
}
.mod-pnl.col-set>.inner>.col>.content > .summary p {
  display: table-cell;
  vertical-align: middle;
}
.mod-pnl.col-set>.inner>.col>.content > .media {
  padding-bottom: 0;
}

.str-content.fv{
  padding:0;
  margin-top:1.868em;
  margin-bottom:1.868em;
}
.str-content.fv h2{
  font-weight:bold;
  text-align: center;
  color:#5ca122;
  font-size:1.868em;
}
.str-content.fv p.lead{
  color:#223;
  text-align:center;
  font-weight:bold;
  font-size:1.437em;
  margin-top:1em;
  margin-bottom:1em;
  line-height:1;
}
.str-content.fv .inputBk{
  background-color:#9f9f9f;
  border-radius:6px;
  padding:.719em;
  box-sizing:border-box;
  padding-left:3.449em;
}
.str-content.fv div.faqBk ul,
.str-content.fv div.faqBk,
.str-content.fv div.inputBk{
  display:flex;
  display:-ms-flexbox;
  position:relative;
  justify-content:flex-start;
}
.str-content.fv div.faqBk,
.str-content.fv div.inputBk{
  max-width:760px;
  margin:auto;
}
.str-content.fv div.faqBk ul li a{
text-decoration: underline;
color: #314da5 !important;
}
.str-content.fv div.faqBk ul li a:hover{
color: #c00 !important;
}
.str-content.fv .inputBk::before{
  content:"";
  display:block;
  position:absolute;
  left:-46px;
  top:-28px;
  width:92px;
  height:112px;
  background-size:contain;
  background-image:url("https://www.so-net.ne.jp/support/top/img/momo.png");
  background-repeat:no-repeat;
  background-position:left top;
}
.str-content.fv .inputBk input,
.str-content.fv .inputBk button{
  border:none;
  padding:1.006em;
}
.str-content.fv .inputBk input[type="text"]{
  border-top-left-radius:2px;
  border-bottom-left-radius:2px;
  width:76%;
}
.str-content.fv .inputBk button{
  border-top-right-radius:2px;
  border-bottom-right-radius:2px;
  width:24%;
  background-color:#f4638c;
  color:white;
  font-weight:bold;
  font-size: 1.15em;
}
.str-content.fv div.faqBk{
  margin-top:2.012em;
}
.str-content.fv div.faqBk p{
  font-weight:bold;
  padding-right:1.006em;
  min-width:24%;
  margin-top:auto;
  margin-bottom:auto;
}
.str-content.fv div.faqBk ul{
  border-left:1px solid #b8b8b8;
  padding-left:1.06em;
  flex-wrap:wrap;
}
.str-content.fv div.faqBk ul li{
  min-width:30%;
}
.str-content.fv div.faqBk ul li a{
  color:#223;
}

@media screen and (max-width: 768px) {
  .nav-local-02.of-full[data-col="5"] {
    margin-top: 8px;
    padding: 10px 5px;
  }
  .nav-local-02.of-full[data-col="5"] .inner> .link> .list> li {
    min-width: calc(100% / 5);
    flex-basis: calc(100% / 5);
    border-right: 1px solid #c7c7c7;
    padding: 3px 5px;
  }
  .nav-local-02.of-full[data-col="5"] .inner> .link> .list> li:last-child {
    border-right: none;
  }
  .nav-local-02.of-full[data-col="5"] .inner> .link> .list> li a {

  }
  .mod-box.type-login .mod-lyt {
    padding-top: 8px;
  }
  .mod-box.type-login .mod-lyt .col {
    border-right: none;
    margin-top: 16px;
  }
  .mod-pnl>.inner {
    margin: -16px 0 0 -16px;
  }
  .mod-pnl>.inner>.col {
    padding: 16px 0 0 16px;
  }
  .mod-pnl[data-media-position=left]>.inner>.col>.content>.media {
    margin: 0 8px 0 0;
  }
  .mod-pnl[data-media-position=left]>.inner>.col>.content>.media img {
    width: 40px!important;
  }
  .mod-pnl.col-set>.inner>.col>.content {
    padding: 10px 24px 10px 5px;
  }
  .mod-pnl>.inner>.col>.content>.summary p>b.lede {
    font-size: 1.3rem;
  }
  .mod-pnl>.inner>.col>.content[href]:not([target=_blank])>.summary:after {
    right: 0;
  }
  .str-content.fv div.faqBk,
  .str-content.fv div.inputBk{
    max-width:100%;
  }
  .str-content.fv{
    margin-top: 48px;
  }
  .str-content.fv .inputBk{
    padding:.5em;
  }

  .str-content.fv .inputBk::before{
    content:none;
  }
  .str-content.fv h2{
    font-size:1.714em;
    padding-bottom:.417em;
    margin-left:1.459em;
  }
  .str-content.fv p.lead{
    font-size:1.286em;
    margin-top:0;
    margin-left:1.943em;
    margin-bottom:0.5em;
}
  .str-content.fv p.lead,
  .str-content.fv h2{
    text-align:left;
  }
  .str-content.fv .inputBk::after{
    content:"";
    display:block;
    position:absolute;
    top:-50px;
    right:4em;
    width:60px;
    height:72px;
    background-size: contain;
    background-image: url("https://www.so-net.ne.jp/support/top/img/momo.png");
    background-repeat: no-repeat;
    background-position: left top;
    z-index:-1;
  }

  .str-content.fv .inputBk input[type="text"] {
    appearance:none;
    border:none;
    border-radius:0;
    border-bottom-left-radius:2px;
    border-top-left-radius:2px;
    box-shadow:none;
    box-sizing:border-box;
    max-width:100%;
    height:auto;
    min-height:100%;
    width:80%;
    margin:0;
    padding:1em;
    outline:0;
  }
  .str-content.fv .inputBk button{
    outline:0;
    appearance:button;
    background:none;
    background-color:#f4638c;
    border-bottom-right-radius:2px;
    border-radius:0;
    border-top-right-radius:2px;
    border:none;
    box-shadow:none;
    box-sizing:border-box;
    color:white;
    font-size:1em;
    font-weight:bold;
    display:block;
    margin:0;
    padding:0;
    width:20%;
    min-height:100%;
    height:auto;
  }

  .str-content.fv div.faqBk{
    text-align:center;
    margin-top:1.006em;
  }
  .str-content.fv div.faqBk ul li{
    display:inline-block;
    line-height: 1.87em
  }
  .str-content.fv div.faqBk ul li.display_pc{
    display:none;
  }
  .str-content.fv div.faqBk ul{
    border-left:none;
    padding-left:0;
    margin-top:1.006em;
  }
  .str-content.fv div.faqBk,
  .str-content.fv div.faqBk ul{
    display:block;
  }

  .str-contentInner {
    max-width: 100%;
    margin: 0;
    max-height: calc(0%);
  }
  div.str-contentInner ul.mod-listIdx{
    justify-content:space-between;
  }
  div.str-contentInner ul.mod-listIdx li{
    width:50%;
    height:auto;
    display:block;
  }
  div.str-contentInner ul.mod-listIdx li a{
    padding:.714em;
    padding-top:4em;
    display:block;
    text-align:center;
    height:100%;
    min-height:110px;
  }
  div.str-contentInner ul.mod-listIdx li a br{
    display:block;
  }
  div.str-contentInner ul.mod-listIdx li a .title{
    margin-left:.714em;
    margin-right:.714em;
  }
  div.str-contentInner ul.mod-listIdx li a::after{
    right:10px;
  }
  div.str-contentInner ul.mod-listIdx li a::before{
    left:50%;
    top:0!important;
    transform:translateX(-50%);
    margin-top:.714em;
  }
  .str-subcontent {
    position: relative;
    z-index: 0;
  }
}
