body{
  font-family:"Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
  overflow-x:hidden
}
h1,h2,h3,h4,h5,h6,p,span,a{
  color:#2e313d;
  line-height:1.5
}
img{
  width:100%;
  height:auto
}
a{
  opacity:1;
  transition:all .3s
}
a:hover{
  opacity:.6
}
ul{
  list-style:none
}
@media screen and (max-width: 960px){
  .pc{
      display:none !important
  }
}
.sp{
  display:none !important
}
@media screen and (max-width: 960px){
  .sp{
      display:block !important
  }
}
.sp-link{
  pointer-events:none;
  text-decoration:none
}
@media screen and (max-width: 960px){
  .sp-link{
      pointer-events:initial;
      text-decoration:underline
  }
}
.l-inner{
  max-width:800px;
  width:100%;
  margin:auto
}
.l-flex{
  display:flex !important
}
.fv_text{
  padding:20px;
  background:RGB(247, 246, 246)
}
@media screen and (max-width: 960px){
  .fv_text{
      padding:10px
  }
}
.kato-intro{
  max-width:600px;
  margin:0 auto
}
.aside{
  width:100%;
  background-color:#2e313d;
  text-align:center
}
.aside span{
  color:#fff
}
.nav{
  max-width:540px;
  margin:40px 0;
  padding:20px;
  background-color:#d6d8da;
  font-size:.9rem
}
.nav__title{
  margin-bottom:1rem
}
.nav__l>li{
  margin-bottom:.5em;
  line-height:1.8
}
.nav__l li a{
  color:#000
}
.nav__l p{
  font-size:1rem
}
.nav__l p.finally{
  margin-left:2rem
}
@media screen and (max-width: 960px){
  .nav__l p{
      font-size:.9rem
  }
}
.nav__s{
  margin-left:2rem
}
.nav__s li a{
  color:#878787
}
@keyframes fadeIn{
  0%{
      opacity:0;
      visibility:hidden
  }
  100%{
      opacity:1;
      visibility:visible
  }
}
@keyframes fadeOut{
  0%{
      opacity:1;
      visibility:visible
  }
  100%{
      opacity:0;
      visibility:hidden
  }
}
.nav_sp{
  position:fixed;
  top:0;
  left:0;
  width:100vw;
  height:auto;
  z-index:10
}
.nav_sp__bars{
  position:fixed;
  top:0;
  left:0;
  margin:10px 0 0 10px
}
.nav_sp__bars span{
  font-size:.6rem
}
.nav_sp__bar{
  width:28px;
  height:2px;
  background-color:#000;
  margin-bottom:5px;
  transition:all .4s
}
.nav_sp__bar:nth-of-type(3){
  margin-bottom:0
}
.nav_sp__inner{
  padding:80px 20px 10px;
  height:0;
  background-color:rgba(255,255,255,0.9);
  visibility:hidden;
  transition:all .4s
}
.nav_sp__inner .share{
  position:relative;
  top:0;
  left:0;
  opacity:0;
  visibility:hidden
}
.nav_sp__inner .share a{
  line-height:1
}
.nav_sp__inner .share ul{
  margin-bottom:20px;
  justify-content:center
}
.nav_sp__inner .share ul li{
  margin-right:20px
}
.nav_sp__inner .share--link{
  position:relative;
  top:0;
  left:0;
  display:inline-block;
  writing-mode:horizontal-tb;
  margin-bottom:20px;
  padding:5px 20px;
  border-radius:30px;
  background-color:#968785
}
.nav_sp__inner .share--link .tooltip{
  position:absolute;
  top:30px;
  left:15%;
  right:auto;
  height:auto;
  font-size:.7rem;
  background-color:#000;
  color:#fff;
  padding:2px 6px;
  border-radius:12px;
  opacity:0;
  visibility:hidden
}
.nav_sp__inner .share--link .tooltip.clicked{
  animation-name:tooltip;
  animation-duration:.7s;
  animation-fill-mode:backwards
}
@keyframes tooltip{
  0%{
      opacity:0;
      visibility:hidden
  }
  100%{
      opacity:1;
      visibility:visible
  }
}
.nav_sp__inner .nav_sp__banner{
  margin-top:40px;
  opacity:0;
  visibility:hidden
}
.nav_sp__inner .nav_sp__banner img{
  width:100%;
  height:auto;
  object-fit:cover
}
.nav_sp__inner .nav_sp__banner p{
  font-size:.8rem
}
.nav_sp.active .nav_sp__inner{
  height:70vh;
  visibility:visible
}
.nav_sp.active .nav_sp__bar:nth-of-type(1){
  transform:rotate(45deg);
  transform-origin:2px 5px
}
.nav_sp.active .nav_sp__bar:nth-of-type(2){
  opacity:0;
  visibility:hidden
}
.nav_sp.active .nav_sp__bar:nth-of-type(3){
  transform:rotate(-45deg);
  margin-bottom:0;
  transform-origin:9px 0
}
.nav_sp.active .share{
  animation:fadeIn .4s forwards
}
.nav_sp.active .nav_sp__banner{
  animation:fadeIn .4s forwards
}
.timeline{
  width:100%;
  margin:2rem auto;
  background-color:#edebeb;
  font-size:0.85rem;
  font-weight:bold
}
.timeline th{
  padding-left:1rem
}
.timeline td{
  text-indent:-1rem;
  padding:0.5em 0.5em 0.5em 1.5em
}
.timeline td::before{
  content:"▶";
  margin-right:0.5em;
  font-size:0.7em;
  color:#a79a98
}
.timeline tr:first-child td{
  padding-top:1.5rem
}
.timeline tr:last-child td{
  padding-bottom:1.5rem
}
@media screen and (max-width: 960px){
  .timeline{
      font-weight:normal
  }
  .timeline th{
      width:20%;
      font-weight:normal
  }
}
.article{
  padding:60px 40px;
  background-color:#fff;
  box-shadow:0 0 8px rgba(0,0,0,0.1)
}
.article .title{
  font-size:1.8rem;
  margin-bottom:1rem
}
.article .title--ishizuka{
  margin-bottom:0
}
.article .catch{
  float:none;
  font-size:1.6rem;
  font-weight:bold;
  margin-bottom:2rem
}
.article .firstview{
  width:100%;
  max-width:600px;
  margin:20px auto
}
.article .firstview__float{
  margin:3vw auto 0;
  display:flex;
  justify-content:space-around;
  align-items:center;
  width:100%
}
.article .figure__float{
  margin:30px auto 0;
  display:flex;
  justify-content:space-around;
  align-items:flex-start;
  width:100%
}
.article .figure__float--right{
  flex-direction:row-reverse
}
@media screen and (max-width: 960px){
  .article{
      padding:40px 20px
  }
  .article .title{
      font-size:1.2rem
  }
  .article .title--ishizuka{
      font-size:1.8rem
  }
}
@media screen and (max-width: 599px){
  .article .figure__float{
      margin:2vw auto 0;
      display:block;
      width:100%
  }
  .article .title{
      font-size:1.2rem
  }
  .article .title--ishizuka{
      font-size:1.2rem
  }
  .article .catch{
      font-size:1.1rem
  }
  .article .firstview__float{
      margin:8vw auto 0;
      display:block;
      justify-content:space-around;
      align-items:center;
      width:100%
  }
}
.article .character{
  float:right;
  position:relative;
  display:block;
  margin-bottom:2rem;
  font-size:0.8rem;
  font-weight:normal
}
.article .character::before{
  content:"";
  position:absolute;
  left:-45px;
  top:0.6rem;
  width:40px;
  height:1px;
  background-color:#2e313d
}
.article .character::after{
  content:"";
  display:block;
  clear:both
}
.share{
  position:fixed;
  top:5%;
  left:30px
}
.share li{
  max-width:40px;
  list-style:none;
  margin-right:10px;
  font-size:2.5rem
}
.share img{
  max-width:100%
}
.share--link{
  position:relative;
  writing-mode:vertical-lr
}
.share--link i{
  font-size:1.2rem;
  margin-bottom:0.2em
}
.share--link span{
  font-size:0.8rem
}
.share--link a{
  text-decoration:none;
  line-height:1
}
.share--link .tooltip{
  position:absolute;
  top:0;
  right:-24px;
  height:120px;
  padding:5px 2px;
  background-color:#000;
  border-radius:4px;
  color:#fff;
  visibility:hidden;
  opacity:0
}
.share--link .tooltip.clicked{
  visibility:visible;
  opacity:1
}
@media screen and (max-width: 960px){
  .share{
      position:relative;
      top:0;
      left:0;
      margin-bottom:80px
  }
  .share a{
      text-decoration:none;
      line-height:1
  }
  .share li.share--hatena img{
      width:90%
  }
  .share li.share--link{
      align-self:center;
      writing-mode:horizontal-tb;
      max-width:120px
  }
  .share li.share--link .tooltip{
      position:absolute;
      top:-1.1rem;
      right:0;
      height:30px;
      padding:5px 2px;
      background-color:#000;
      border-radius:4px;
      color:#fff;
      visibility:hidden;
      opacity:0
  }
  .share li.share--link .tooltip.clicked{
      visibility:visible;
      opacity:1
  }
}
.profile{
  border:4px solid #efefef;
  margin:80px 0 40px;
  padding:10px 20px;
  font-size:0.8rem
}
.profile .profile__image{
  width:80px;
  min-width:80px;
  height:80px;
  margin-right:20px;
  border-radius:50%;
  overflow:hidden
}
.profile .profile__image img{
  object-fit:cover
}
@media screen and (max-width: 960px){
  .profile .profile__inner{
      flex-direction:column
  }
  .profile .profile__image{
      margin:0 auto 20px
  }
}
.unit.introduction .introduction__content{
  font-size:0.9rem;
  line-height:1.5;
  color:#737373
}
.unit{
  margin-bottom:60px
}
.unit .unit__title{
  margin-bottom:30px;
  padding:4px 10px;
  border-bottom:2px solid #000;
  color:#000;
  font-size:1.4rem;
  font-weight:bold
}
.unit .unit__content{
  line-height:1.6;
  margin-bottom:1rem;
  font-size:1.1rem
}
.unit .unit__content--m,.unit .unit__content--ob{
  text-indent:-3.3rem
}
.unit .unit__content--m::before{
  content:"村上：";
  color:#080b0e
}
.unit .unit__content--ob::before{
  content:" －";
  padding-right:1rem
}
.unit .unit__content--comment{
  position:relative;
  margin:2rem 0;
  padding:2.2rem 1rem 1.5rem
}
.unit .unit__content--comment::before{
  content:"“";
  position:absolute;
  top:-1.7rem;
  left:0.2rem;
  font-size:4rem;
  font-weight:bold
}
.unit .unit__content--box{
  width:100%
}
.unit .unit__content--localcomment{
  position:relative;
  margin:0;
  padding:2.2rem 1.5rem
}
.unit .unit__content--localcomment::before{
  content:"“";
  position:absolute;
  top:-1.2rem;
  left:0.2rem;
  font-size:4rem;
  font-weight:bold
}
.unit .unit__content--uservoice{
  background-color:#edf0f4;
  color:#2e313d
}
.unit .unit__content--uservoice::before{
  content:"“";
  color:rgba(46,60,78,0.7)
}
.unit .unit__content--ishizuka{
  background-color:#fff9ef;
  color:#2e313d
}
.unit .unit__content--ishizuka::before{
  content:"“";
  color:rgba(121,79,1,0.7)
}
.unit .unit__content--miyazaki{
  background-color:#fff9ef;
  color:#2e313d
}
.unit .unit__content--miyazaki::before{
  content:"“";
  color:rgba(121,79,1,0.7)
}
.unit .unit__content--miyazaki-others{
  background-color:#faf6f7;
  color:#2e313d
}
.unit .unit__content--miyazaki-others::before{
  content:"母:";
  position:relative;
  top:0;
  left:0;
  color:#2e1b21;
  font-size:0.95em;
  font-weight:bold
}
.unit .unit__content--ishizuka-others{
  background-color:#faf6f7;
  color:#2e313d
}
.unit .unit__content--ishizuka-others::before{
  content:"";
  position:relative;
  top:0;
  left:0;
  color:#2e1b21;
  font-size:0.95em;
  font-weight:bold
}
.unit .unit__content--complement{
  font-size:0.85rem;
  padding:0.5em 1em;
  background-color:#f5f5f5
}
.unit .unit__content--note{
  font-size:0.7rem;
  color:#737373
}
.unit .unit__content--note a{
  color:#737373
}
.unit .unit__content--note a:hover{
  opacity:1
}
.unit .introduction__firstview{
  margin:0 1rem 1rem 0;
  width:60%
}
@media screen and (max-width: 599px){
  .unit .introduction__firstview{
      margin:0 auto 1rem;
      width:80%;
      height:auto;
      display:block;
      overflow:hidden
  }
}
.unit .unit__image{
  max-width:400px;
  margin:50px auto
}
.unit .unit__image.unit__image--dubble{
  margin:auto 0 50px
}
.unit .unit__image.unit__image--dubble img{
  width:90%
}
.unit .unit__image--figure{
  margin:0 1rem 1rem 0;
  width:40%
}
.unit .unit__image--right{
  margin:0 0 1rem 1rem
}
.unit .unit__image.unit__image--banner{
  max-width:500px;
  margin:50px auto
}
@media screen and (max-width: 599px){
  .unit .unit__image--figure{
      width:100%;
      overflow:hidden;
      margin:60px auto
  }
  .unit .unit__image--right{
      margin:60px auto
  }
}
.unit .unit__image__desc{
  display:block;
  font-size:0.8rem;
  line-height:1.2;
  margin-bottom:0.4rem
}
.unit .unit__image__desc::before{
  content:"▼"
}
.unit .unit__caption{
  font-size:0.8rem;
  color:#999
}
.unit .unit__banner{
  display:block;
  border:2px solid rgba(0,0,0,0.3);
  font-size:0.9rem;
  text-decoration:none
}
.unit .unit__banner .unit__banner__title{
  background-color:#dcdcdc
}
.unit .unit__banner .unit__banner__image{
  width:50%;
  max-width:200px;
  height:100%;
  vertical-align:bottom;
  object-fit:contain
}
.unit .unit__banner .unit__banner__text{
  padding:0.5em;
  font-size:0.8rem;
  vertical-align:bottom
}
.unit .instagram{
  margin:40px 0
}
@media screen and (max-width: 599px){
  .unit .unit__content--m-adjust{
      margin-bottom:1.6rem
  }
}
@media screen and (max-width: 960px){
  .unit .unit__title span{
      display:inline-block
  }
  .unit .unit__content{
      font-size:0.9rem;
      line-height:1.8;
      margin-bottom:2rem
  }
  .unit .unit__content--m,.unit .unit__content--ob{
      text-indent:-3rem
  }
  .unit .unit__content--note{
      font-size:0.7rem;
      word-break:break-all
  }
  .unit .unit__image{
      margin:60px -20px
  }
  .unit .unit__image.unit__image--dubble .l-flex{
      flex-direction:column
  }
  .unit .unit__image.unit__image--dubble img{
      width:100%
  }
  .unit .unit__image__desc{
      display:block;
      margin:auto 20px
  }
  .unit .unit__caption{
      display:block;
      margin:auto 20px
  }
}
.unit__flex--item{
  width:100%
}
.guide{
  display:block;
  margin:50px auto 40px
}
.guide .guide__title{
  display:block;
  max-width:450px;
  margin:0 auto 20px;
  padding:0.4em;
  background-color:#2D1A19;
  border-radius:20px;
  font-size:0.9rem;
  font-weight:bold;
  color:#fff;
  text-decoration:none
}
.guide .guide__title--pink{
  background-color:#dd8d7c;
  box-shadow:0 2px 0 #cc5940
}
.guide .guide__title::before{
  content:"Next";
  margin-right:0.5em;
  font-size:0.8em
}
.guide.guide--top{
  margin:0 auto 40px
}
.pagenation{
  list-style:none
}
.pagenation li{
  display:inline-block
}
.pagenation li a{
  padding:8px 10px;
  background-color:#75541b;
  box-shadow:0 2px 0 #221e1e;
  border-radius:4px;
  text-decoration:none;
  color:#fff;
  font-weight:bold;
  font-size:1.2
}
.pagenation li.current a{
  background-color:#dadada;
  box-shadow:0 2px 0 #beb6b6
}
@media screen and (max-width: 960px){
  .pagenation li a{
      padding:8px 12px
  }
}
.pagenation .arrow a{
  padding:8px 10px;
  background-color:#fff;
  box-shadow:none;
  border-radius:0;
  text-decoration:none;
  color:#221e1e;
  font-weight:bold;
  font-size:1.2
}
.pagenation .pagenation--uservoice li a{
  background-color:#4b4241;
  box-shadow:0 2px 0 #221e1e
}
.pagenation .pagenation--uservoice li.current a{
  background-color:#dadada;
  box-shadow:0 2px 0 #b7b6be
}
.pagenation--pink{
  list-style:none
}
.pagenation--pink li{
  display:inline-block
}
.pagenation--pink li a{
  padding:8px 10px;
  background-color:#dd8d7c;
  box-shadow:0 2px 0 #cc5940;
  border-radius:4px;
  text-decoration:none;
  color:#fff;
  font-weight:bold;
  font-size:1.2
}
.pagenation--pink li.current a{
  background-color:#dadada;
  box-shadow:0 2px 0 #b7b6be
}
.pagenation--pink li.arrow a{
  padding:8px 10px;
  background-color:#fff;
  box-shadow:none;
  border-radius:0;
  text-decoration:none;
  color:#dd8d7c;
  font-weight:bold;
  font-size:1.2
}
.banners{
  margin-bottom:40px;
  padding-bottom:10px;
  border:2px solid #b89524;
  box-shadow:3px 3px 6px rgba(137,203,200,0.2)
}
.banners .banners__title{
  background:#b89524;
  margin-bottom:1rem;
  padding:0.1em 0.5em;
  color:#FFF;
  /*text-shadow:0 0 5px white;*/
  font-size:1rem;
  font-weight:900
}
@media screen and (max-width: 960px){
  .banners .banners__title{
      font-size:1rem
  }
}
.banners .banners__inner{
  justify-content:space-between;
  flex-wrap:wrap;
  padding:0.7em
}
.banners .banner__link{
  margin-right:10px;
  display:block
}
.banners .banner{
  width:100%;
  max-width:50%
}
.banners .banner a{
  font-size:0.8rem;
  line-height:1.4
}
.banners .banner__image{
  flex:1;
  display:block;
  margin-right:10px;
  margin-bottom:10px
}
.banners .banner__image img{
  object-fit:cover;
  box-shadow:1px 1px 4px rgba(0,0,0,0.1)
}
.banners .banner__text{
  flex:1
}
@media screen and (max-width: 960px){
  .banners .banner__image{
      max-width:30%
  }
}
@media screen and (max-width: 640px){
  .banners .banner__image{
      max-width:40%
  }
}
@media screen and (max-width: 960px){
  .banners{
      padding-bottom:0
  }
  .banners .banners__inner{
      flex-direction:column
  }
  .banners .banner{
      max-width:100%
  }
  .banners .banner+.banner{
      margin-top:1rem
  }
  .banners .banner img{
      max-width:100%
  }
  .banners .banner__link{
      flex-direction:row
  }
}
.fixed_banner{
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  margin:auto;
  padding:6px 20px;
  width:100vw;
  height:75px;
  z-index:10;
  transition:opacity 0.5s, visibility 0.5s
}
.fixed_banner a{
  align-items:center;
  justify-content:space-around;
  text-decoration:none
}
.fixed_banner a i{
  font-size:1.4rem
}
.fixed_banner img{
  width:100vw
}
.fixed_banner span{
  display:inline-block;
  margin:auto 0;
  text-decoration:underline;
  font-size:0.8rem;
  font-weight:bold
}
.fixed_banner.is-hidden{
  opacity:0;
  visibility:hidden
}
.footer{
  position:relative;
  width:100%;
  background-color:#5C5400;
}
.footer, .footer a, .footer p{
  color: #FFFFFF;
}
.footer .footer__inner{
  padding:40px 0 30px;
  text-align:center
}
.footer .logo{
  display:block;
  max-width:70px;
  margin:20px auto
}
.footer .totop{
  position:absolute;
  top:-60px;
  right:20px;
  align-items:center;
  justify-content:center;
  /*
  width:60px;
  height:60px;
  */
  border-radius:12px;
  padding: 0.4rem 0.6rem;
  background-color:#594e4d;
  font-size:0.8rem;
  color:#fff;
  text-decoration:none;
  user-select:none;
  cursor:pointer;
  transition:all .3s
}
.footer .totop--pink{
  background-color:#dc8e7c
}
.footer .totop:hover{
  opacity:.7
}

@media screen and (max-width: 960px){
  .footer{
      padding-bottom:80px
  }
}
.info h2{
  font-size:1.4rem;
  margin-top:3rem
}
@media screen and (max-width: 960px){
  .info h2{
      margin-top:0
  }
}
.info table{
  margin-bottom:100px
}
.info table tr{
  line-height:2rem
}
.info table th,.info table td{
  padding:10px 20px;
  border:1px solid #ccc
}
.info .info__back{
  display:block;
  color:#070606;
  text-align:center
}
@media screen and (max-width: 960px){
  .info{
      padding:40px 20px
  }
}
@media screen and (max-width: 960px){
  .info .info__contact{
      flex-direction:column
  }
}
.info .info__contact dt{
  margin-right:1rem
}
.info .info__contact .email{
  color:#4b4241
}
.u-link{
  color:blue !important;
  text-decoration:underline !important
}
.u-strong{
  color:red !important
}
.u-bold{
  font-weight:bold !important
}
.u-highlight{
  background:linear-gradient(to top, #fffeaf 0%, rgba(255,255,255,0) 60%) !important
}
.u-font-l{
  font-size:1.3em !important
}
.u-font-s{
  font-size:.8em !important
}
.u-font-m{
  font-size:1.1rem !important
}
.u-align-c{
  text-align:center !important
}
.u-align-l{
  text-align:left !important
}
.u-align-r{
  text-align:right !important
}
@media screen and (max-width: 960px){
  .u-align-r{
      font-size:0.75rem !important
  }
}
.u-mgb-0{
  margin-bottom:0 !important
}
.u-mgb-l{
  margin-bottom:4rem !important
}
.u-mgb-m{
  margin-bottom:2rem !important
}
.u-mgb-s{
  margin-bottom:1rem !important
}
.u-mgt-0{
  margin-top:0 !important
}
.u-text-pre{
  white-space:pre !important
}
.u-style-type{
  display:inherit
}
.title__under-line{
  margin-bottom:30px;
  padding:4px 0;
  border-bottom:2px solid #000;
  color:#000;
  font-size:1.4rem;
  font-weight:bold;
  display:inline-block;
  font-family:'小塚ゴシック Pro', 'Kozuka Gothic Pro', sans-serif
}
@media screen and (max-width: 960px){
  .uservoice .title__under-line{
      font-size:1.2rem !important
  }
}
.mincho{
  font-family:"ten-mincho-text", serif;
  font-weight:400 !important;
  font-style:normal
}
.matsuda-content{
  display:flex
}
.matsuda-content-textBox-title{
  font-weight:bold
}
.matsuda_img-name{
  text-align:center
}
.matsuda-content-textBox-text{
  background:#f8e9ec;
  padding:20px;
  margin-top:2rem;
  font-size:1rem
}
.matsuda-sp{
  display:none
}
.matsuda-selfcheck{
  background:#eee;
  padding:1.5rem 1rem 1rem
}
.matsuda-selfcheck .unit__link{
  font-weight:bold
}
.matsuda-selfcheck p{
  margin-bottom:1rem
}
.matsuda-selfcheck .unit__link{
  font-size:1rem
}
.matsuda-selfcheck-title{
  font-weight:bold;
  font-size:1.2rem
}
.matsuda-selfcheck span{
  color:red;
  font-weight:bold
}
@media screen and (min-width: 961px){
  .matsuda-content-textBox{
      width:80%;
      margin-left:20px
  }
  .matsuda-content-textBox-title{
      text-align:center
  }
}
@media screen and (max-width: 960px){
  .matsuda-pc{
      display:none
  }
  .matsuda-sp{
      display:block
  }
  .matsuda-content-textBox-text{
      padding:20px;
      margin-top:1rem;
      font-size:0.9rem
  }
  .matsuda-content-textBox-title{
      font-size:0.8rem
  }
  .matsuda-selfcheck-title{
      font-size:1rem
  }
  .matsuda-selfcheck{
      padding:1rem
  }
  .matsuda-selfcheck p{
      margin-bottom:1rem
  }
  .matsuda-selfcheck-text{
      font-size:0.8rem
  }
  .matsuda-selfcheck .unit__link{
      font-size:0.9rem
  }
  .matsuda-banner{
      max-width:43% !important;
      text-decoration:none
  }
}
.banner__link{
  text-decoration:none
}
.kashimura-larg-img{
  width:100%;
  max-width:600px;
  margin:20px auto
}
@media screen and (min-width: 961px){
  .article .kashimura-title{
      font-size:1.7rem
  }
}
@media screen and (max-width: 960px){
  .unit .kashimura-img{
      margin:60px auto
  }
}
.pr{
  text-align:right;
  font-size:13px;
  color:#737373
}
@media screen and (max-width: 960px){
  .pr{
      font-size:10px
  }
}
.article .pr-name{
  font-weight:bold;
  text-align:right;
  font-size:13px;
  position:relative;
  margin-bottom:20px
}
@media screen and (max-width: 960px){
  .article .pr-name{
      font-size:10px
  }
}
.contentbo{
  display:flex;
  justify-content:right
}
.pr-line{
  height:1px;
  width:40px;
  background:#000;
  display:block;
  position:absolute;
  top:50%;
  left:52%
}
@media screen and (max-width: 960px){
  .pr-line{
      left:4rem
  }
}
@media screen and (max-width: 960px){
  .minami__title{
      font-size:1.2rem !important
  }
}
@media screen and (min-width: 961px){
  .minami__intro p{
      font-size:1rem !important
  }
}
.uservoice{
  font-family:'小塚ゴシック Pro','Kozuka Gothic Pro',sans-serif
}
.uservoice__title{
  margin-bottom:0.5rem !important;
  display:block;
  text-align: center;
}
.uservoice__fv{
  display:flex;
  align-items:center
}
@media screen and (max-width: 960px){
  .uservoice__fv{
      display:block
  }
}
.uservoice__fv--img{
  margin-right:1rem;
  width:80%
}
@media screen and (max-width: 960px){
  .uservoice__fv--img{
      width:100%
  }
}
.uservoice__intro{
  color:#2e313d !important
}
.uservoice__cotent{
  background-color:#ffffee;
  padding:1.5rem;
  margin:1.5rem 0;
  border-radius: 12px;
}
@media screen and (max-width: 960px){
  .uservoice__cotent{
      font-size:0.9rem;
      padding:1rem
  }
}
.uservoice__text:not(:last-child){
  margin-bottom:2rem
}
@media screen and (max-width: 960px){
  .uservoice__text:not(:last-child){
      margin-bottom:1.5rem
  }
}
.unit__self{
  font-weight:bold
}
.uservoice__img{
  width:50%;
  /*
  margin-left:auto;
  margin-right:auto;
  */
}
@media screen and (max-width: 960px){
  .uservoice__img{
      width:100%
  }
}
.kenkyu__link{
  color:#0000ff
}
@media screen and (max-width: 960px){
  .kenkyu__link{
      font-size:0.9rem
  }
}
@media screen and (max-width: 960px){
  .kenkyu__text{
      font-size:0.9rem
  }
}
@media screen and (max-width: 960px){
  .uservoice__img--text{
      font-size:0.8rem
  }
}
@media screen and (max-width: 960px){
  .unit__self{
      font-size:0.9rem
  }
}
.bold{
  font-weight:bold
}
.normal{
  font-weight:normal
}
@media screen and (max-width: 960px){
  .uservoice__title{
      font-size:1.0rem !important;
      display:inline-block;
      text-align: left;
  }
}
@media screen and (max-width: 960px){
  .uservoice__name{
      font-size:0.78rem;
      margin-bottom:1rem;
      color:#2e313d
  }
}
@media screen and (min-width: 961px){
  .uservoice__intro{
      line-height:1.7 !important
  }
}
.uservoice__intro.pc{
  font-size:0.8rem !important
}
.contents_box{
  height:400px;
  overflow:scroll
}
.banners__new{
  display:block !important
}
@media screen and (max-width: 960px){
  .is__pc{
      display:none
  }
}
.mittyaki-img__container{
  display:flex;
  justify-content:space-between;
  margin:50px auto
}
@media screen and (max-width: 960px){
  .mittyaki-img__container{
      margin:30px -20px
  }
}
.mittyaki__img{
  width:49%
}
.unit .mittyaki__img--new{
  max-width:600px
}
.mittyaki__title--small{
  margin-bottom:30px;
  color:#000;
  font-size:1.4rem;
  font-weight:bold
}
@media screen and (max-width: 960px){
  .mittyaki__title--small{
      font-size:1.1rem;
      padding:0;
      margin-bottom:15px;
      white-space:nowrap
  }
}
.unit .mb-4rem{
  margin-bottom:4rem
}
.mittyaki__content{
  line-height:1.6;
  margin-bottom:1rem;
  font-size:1.1rem
}
@media screen and (max-width: 960px){
  .mittyaki__content{
      line-height:1.4;
      margin-bottom:1rem;
      font-size:1rem
  }
}
.mittyaki-intro__content{
  font-size:0.9rem;
  line-height:1.5;
  color:#737373
}
@media screen and (max-width: 960px){
  .unit .mittyaki__pic{
      margin:30px -20px
  }
}
.unit .mittyaki__desc{
  text-align:center
}
@media screen and (max-width: 960px){
  .unit .mittyaki__desc{
      font-size:0.9rem
  }
}
@media screen and (min-width: 961px){
  .unit .mittyaki__desc2{
      margin:0 -1rem 0.4rem
  }
}
@media screen and (max-width: 960px){
  .unit .mittyaki__desc2{
      font-size:0.9rem
  }
}
@media screen and (min-width: 961px){
  .mittyaki__title{
      white-space:nowrap
  }
}
.mittyaki-banners a{
  text-decoration:none
}
.hoaki_kenkyu{
  background:#fff9ef;
  padding:1.5rem 1rem 1rem
}
.hoaki_pic{
  max-width:400px;
  margin:60px auto 0
}
@media screen and (max-width: 960px){
  .hoaki_pic{
      max-width:250px;
      margin-top:30px
  }
}
@media screen and (max-width: 960px){
  .hoaki__titile{
      margin:0 -20px;
      line-height:1.6;
      text-align:center;
      white-space:nowrap
  }
}
.hoaki__titile--sub{
  border-bottom:none;
  background:#eaf3ff;
  padding:0.3rem
}
.kato-title{
  font-size:1.2rem;
  white-space:nowrap
}
@media screen and (min-width: 961px){
  .kato-title{
      font-size:1.5rem
  }
}
.kato__content{
  line-height:1.6;
  margin-bottom:2rem;
  font-size:1.1rem
}
@media screen and (max-width: 960px){
  .kato__content{
      line-height:1.4;
      font-size:1rem
  }
}
.kato-img__container{
  display:flex;
  justify-content:center;
  margin:50px auto
}
@media screen and (max-width: 960px){
  .kato-img__container{
      margin:30px -20px;
      padding:0 20px
  }
}
.kato__img{
  width:35%
}
@media screen and (max-width: 960px){
  .kato__img{
      width:100%
  }
}
.kato__img:nth-of-type(2){
  margin-left:20px
}
@media screen and (max-width: 960px){
  .kato__img:nth-of-type(2){
      margin-left:10px
  }
}
.tagawa{
  font-family:'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-weight:400
}
.tagawa__title{
  margin-bottom:0.5rem !important;
  display:inline-block
}
.tagawa__fv{
  display:flex;
  align-items:flex-start
}
@media screen and (max-width: 960px){
  .tagawa__fv{
      display:block
  }
}
.tagawa__fv--img{
  margin-right:1rem;
  width:80%
}
@media screen and (max-width: 960px){
  .tagawa__fv--img{
      width:100%
  }
}
.tagawa__intro{
  color:#2e313d !important
}
.tagawa__cotent{
  background-color:#fff9f4;
  padding:1.5rem;
  margin:1.5rem 0
}
@media screen and (max-width: 960px){
  .tagawa__cotent{
      font-size:0.9rem;
      padding:1rem
  }
}
.tagawa__text:not(:last-child){
  margin-bottom:2rem
}
@media screen and (max-width: 960px){
  .tagawa__text:not(:last-child){
      margin-bottom:1.5rem
  }
}
.unit__self{
  font-weight:bold
}
.tagawa__img{
  width:50%;
  margin:0 auto
}
@media screen and (max-width: 960px){
  .tagawa__img{
      width:100%
  }
}
.kenkyu__link{
  color:#0000ff
}
@media screen and (max-width: 960px){
  .kenkyu__link{
      font-size:0.9rem
  }
}
@media screen and (max-width: 960px){
  .kenkyu__text{
      font-size:0.9rem
  }
}
@media screen and (max-width: 960px){
  .tagawa__img--text{
      font-size:0.8rem
  }
}
@media screen and (max-width: 960px){
  .unit__self{
      font-size:0.9rem
  }
}
.bold{
  font-weight:500
}
.normal{
  font-weight:normal
}
@media screen and (max-width: 960px){
  .tagawa__title{
      font-size:1.2rem !important
  }
}
@media screen and (max-width: 960px){
  .tagawa__name{
      font-size:0.78rem;
      margin-bottom:1rem;
      color:#2e313d
  }
}
@media screen and (min-width: 961px){
  .tagawa__intro{
      line-height:1.7 !important
  }
}
.tagawa__intro.pc{
  font-size:0.8rem !important
}
.contents_box{
  height:400px;
  overflow:scroll
}
.banners__new{
  display:block !important
}
@media screen and (max-width: 960px){
  .is__pc{
      display:none
  }
}
.tagawa__box{
  text-align:center
}
.m-15r{
  margin:1.5rem 0
}
p.tagawa__text{
  font-weight:400
}
.unit__self{
  font-weight:500
}
.article .title{
  font-weight:600
}
.title__under-line{
  font-size:1.2rem
}