@charset "utf-8";

/*font*/
@font-face { font-family: 'Koburina Gothic W3 JIS2004'; font-weight: Bold; src: url("//d3pj3vgx4ijpjx.cloudfront.net/accessor_ja/mkfont?condition=485455891e661b5b2b9eb0b90d7d3f86&eid=iNpwzbt2-vs%3D&bw[name]=Chrome&bw[ftf]=0&bw[os]=Macintosh&location=https%3A%2F%2Fwww.1101.com%2Fstore%2Fmizusawa%2F2019ss%2Findex.html&fonts[family]=Koburina%20Gothic%20W3%20JIS2004&fonts[str]=fC7pgYvllrbkvJrnpL7jgavjgaTjgYTjgabliKnnlKjopo%2FntITjg5fjg6njgqTjg5Djgrfjg7zjg53jg6rnibnlrprllYblj5blvJXms5Xjg7vlj6Tnianmpa3ln7rjgaXjgY%2FooajoqJgoQylIT0JOSUtBVFNV44G744G85pel44Ob44Og44G45oSf5oOz44KS44GK44KL44K544K%2F44OD44OV44OIMjAxOeW5tOaciOS4reaXrOS7pemZjeeZuumAge%2B8iOWHuuiNt%2B%2B8iemZkOiyqeWjsuKAu%2BaKvemBuOOBquWgtOWQiOOBjOOBguOCiuOBvuOBmeOAiOmAmuW4uOOAieacn%2BmWk%2BaWueeUs%2BOBl%2Bi%2BvOOBv%2BOBn%2BOBo%2BOBruOBlOazqOaEj%2BOBneS7luOAgemam%2BS4jeaYjueCueOBr%2BOCouODmOODq%2Bimp%2BOBoOOBleOAguOAjOOAjeOBp%2BWTgeOBqOOCgeOBjeOBm%2BOCk%2BWxiuOBkeWbveWGheaUr%2BaJleS7o%2B%2B8ke%2B9nu%2B8kumAseWJjeODoeefpeOCieOCr%2BODrOOCuOOCq%2BODieWkieabtOOBk%2BOCguWPr%2BiDveWbnuOBsuS4iuW4jOacm%2BaJi%2BaVsOOBmjQ35rC05Y2I5pmC4oaS5YWI6KGM5LqI5Y%2BX5LuY44GL77yX44O25pep57W25a%2B%2B77yB44Gp44GG44GY6ICD44GI44KP5Zyw5ZuzPjgvNkXmnbHkuqzpg73muK%2FljLrljZfpnZLlsbEtNTNQ77ya5rKi44OA44Km44Oz44K144K66Kmm552A5q2j56K66LK344Oa6KqN5LuK5Z6L44On5ZCE5paw44OH44Kj44Ot44KwTO%2B8u%2BWun%2BmMsu%2B8vealteWvkuW5s%2BaYjOS9k%2Bmok%2BezuOS6lemHjemHjOiqnumtheWKm%2BODouioiumWi%2BiAheODk%2BODpeOBnO%2B8nyzlhobkvqHmoLzjgbnnqI7phY3mlpnliKXlrrbmnIDpgankvb%2Fli53jgojkurrmsJfljYroopbjgaHjgo3jg5bjg41WWeS7suWFpeOCqOavjuimgeWkmuiJsuaAneaPg%2BWFt%2BeahOaJseODi%2BW6l%2BebuOirh%2BOCg%2BOCp%2BWVj%2BmhjOODiuOCjOOChOiqh%2BOCtuOBluOBsOmVt%2BS4ieWci%2BS4h%2BWtkOe3qOafhOijj%2BWtmOWcqOi%2Fveaxgue1kOaenOWkp%2BWwj%2BODj%2Bani%2BaIkOaooeanmOW3peWyqeecjOWlpeW3nuW4guWQjembqOmbquipsOeoi%2BmYsuWKoOS4oeioreWCmeODkeacieOCreODhuODgeapn%2BOBkuOCqeWlveipleOBtemghuWCrOaYpeOBkOijvemgreaPm%2BS9nOimi%2BmiqOaZr%2BWIhuims%2BS9leetlOacrOmWoueSsOWig%2BiBnuW%2Fq%2BmAsuaSg%2BWIuua%2FgOi%2FkeODr2Z1bmN0aW9zZ3JhbXtbJ0dsZXlial09O3FwaH0qd0Rkdg%3D%3D");}
@font-face { font-family: 'Koburina Gothic W6 JIS2004'; font-weight: Bold; src: url("//d3pj3vgx4ijpjx.cloudfront.net/accessor_ja/mkfont?condition=485455891e661b5b2b9eb0b90d7d3f86&eid=iNpwzbt2-vs%3D&bw[name]=Chrome&bw[ftf]=0&bw[os]=Macintosh&location=https%3A%2F%2Fwww.1101.com%2Fstore%2Fmizusawa%2F2019ss%2Findex.html&fonts[family]=Koburina%20Gothic%20W6%20JIS2004&fonts[str]=44GK55Sz44GX6L6844G%2F44Gr44GC44Gf44Gj44Gm44Gu44GU5rOo5oSP6LKp5aOy5pa55rOV5pyf6ZaT44CI6YCa5bi444CJ5bGK44GR5pmC5Y%2BX5LuY5YWI6KGM5LqI57SE44Go44Gp44GvMeaciOOAguOBp%2BOBmeawtOayouODgOOCpuODs%2BOCteOCpOOCuuippuedgOS8mlRPQklDSOeiuuiqjeOBjeOBvu%2B8u%2BWun%2BmMsuODrOODneODvOODiO%2B8vealteWvkuW5s%2BaYjOS9k%2Bmok%2B%2B8geezuOS6lemHjemHjOOBjOiqnuOCi%2BOBquOBi%2BmtheWKm%2BODouODh%2BODq0vjgZXjgpPoqIrjgY%2FplovnmbrogIXjgr%2Fjg5Pjg6XjgZzvvJ%2Fjg5rjgrjjgbjjg6EzNSwyMOWGhuOCo%2BOCuTnjg7vjgrfjg6fjg5bjg6njg4Pjgq%2Fjg63jgrA044ON44G744G85pel44Oq44OL44GE5oCd44KC44KJ44KD44KI44GG44CB44Gd44GT44KK44Gb44OJ44KS5L2%2F44Kn5ZWP6aGM44Gg44KM44KE44GI6KqH44K244KB44GW44CM44CN44Gh44Gw54m56ZW344OK5LiJ5ZyL5LiH5a2Q57eo5p%2BE6KOP5Zyw44OX44Gk5a2Y5Zyo5oSf6L%2B95rGC57WQ5p6c5aSn5bCP44OP44Kr44Og5qeL5oiQ44Ki5qih5qeY5bKp5omL55yM5aWl5bee5biC5ZCN6Zuo6Zuq6Kmw5bel56iL6Ziy5Yqg5Lih6Kit5YKZ44OR5aC05pyJ44Kt44OG44OB5qmf6IO944GS5pil44Ga5YWl5Z%2B65pys44KN44OY44OV44Kp5rCX562UTEFOVlk%3D");}

/*whole*/
body {
  color: #595757;
  line-height: 1.6;
  font-family: "Koburina Gothic W6 JIS2004";
  font-weight: 500;
}
body * {
  box-sizing: border-box;
  min-height: 0%;
}
img {
  width: 100%;
}
a {
  text-decoration: none;
  transition: .4s;
}
a:hover {
  text-decoration: none;
  opacity: .8;
}
.koc-bg {
  position: relative;
  /* width: 100%;
  background-image: url(../img/bg-fixed.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center; */
}
.koc-bg::before{
  content:"";
  display:block;
  position:fixed;
  top:0;
  left:0;
  /* z-index:-1; */
  width:100%;
  height:100vh;
  background-image: url(../img/bg-fixed.png);
  background-position: center;
  background-size:cover;
  background-repeat: no-repeat;
}
.koc-sec {
  position: relative;
  width: 1140px;
  height: 100%;
  margin: auto;
  padding: 35px 0;
  background-repeat: no-repeat;
  background-size: unset;
  background-position: center top;
}
.koc-sec__inner {

}
.koc-ttl {
  position: relative;
  color: #0055B1;
}
.koc-ttl__txt1 {
  font-size: 16px;
  padding: 14px 0 0;
}
.koc-ttl__txt2 {
  padding: 15px;
  margin: 5px -15px 0;
  background-color: #fff;
  border-radius: 10px;
}
.koc-ttl__txt2__small {
  display: block;
  font-size: 18px;
}
.koc-ttl__txt2__large {
  display: block;
  padding: 5px 0 0;
  font-size: 25px;
  line-height: 1.3;
}
.koc-ttl__txt2__large:first-of-type {
  padding: 0;
}
.koc-ttl__stamp {
  position: absolute;
  top: -30px;
  right: 0;
  width: 76px;
}
.koc-ttl__stamp > img {
  
}
.koc-txt {
  padding: 20px 0 0;
  font-size: 17.5px;
}
.koc-txt > p {

}
.koc-txt > p:nth-of-type(n+2) {
  padding: 30px 0 0;
}
.koc-txt__semilarge {
  font-size: 20px;
}
.koc-txt__large {
  font-size: 22px;
}
.koc-txt__datetime {
  display: block;
  font-size: 22px;
  color: #D91107;
}
.koc-txt__date {
  display: inline-block;
  vertical-align: middle;
}
.koc-txt__time {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
}
.koc-pic {
  width: 700px;
  margin: 60px -168px 0;
}

/*sec--1*/
.koc-sec--1 {
  padding-top: 30px;
  background-image: url(../img/bg-sec_white.png);
}
.koc-yokoku {

}
.koc-yokoku > div {
  margin: auto;
}
.koc-yokoku > div:first-of-type {
  width: 188px;
}
.koc-yokoku > div:nth-of-type(2) {
  padding: 20px 0 0;
  width: 114px;
}
.koc-yokoku > div > img {
  
}
.koc-mv {
  width: 474px;
  padding: 10px 0 0;
  margin: auto;
}
.koc-mv > img {

}
.koc-imgUnderTxt {
  padding: 10px 0 0;
  font-size: 18px;
  text-align: center;
  color: #0055B1;
}
.koc-imgUnderTxt.last {
  padding: 20px 0 0;
}
.koc-imgUnderTxt > span {

}
.koc-imgUnderTxt > span.koc-imgUnderTxt__attention {
  display: block;
  padding: 5px 0 0;
  margin: auto;
  font-size: 11px;
}
.koc-img2 {
  max-width: 460px;
  padding: 25px 0 0;
  margin: auto;
}
.koc-img2 > img {
  
}

/*sec--2*/
.koc-sec--2 {
  background-image: url(../img/bg-sec_yellow.png);
  background-position: center top -187px;
  height: 915px;
  padding-top: 65px;
}
.koc-sec--2 .koc-sec__inner {
  width: 100%;
  max-width: 360px;
  margin: auto;
}

/*sec--3*/
.koc-sec--3 {
  background-image: url(../img/bg-sec_yellow.png);
  background-position: center top -292px;
  height: 934px;
  padding-top: 30px;
}
.koc-sec--3 .koc-sec__inner {
  width: 100%;
  max-width: 360px;
  margin: auto;
}
.koc-sec--3 .koc-txt {
  width: 111%;
}

/*sec--4*/
.koc-sec--4 {
  background-image: url(../img/bg-sec_yellow.png);
  background-position: center top -13px;
  height: 1153px;
  padding-top: 30px;
  padding-bottom: 60px;
}
.koc-sec--4 .koc-sec__inner {
  width: 100%;
  max-width: 360px;
  margin: auto;
}
.koc-img3 {
  max-width: 452px;
  margin: -73px auto 0;
}
.koc-img3 > img {

}
.koc-yokokuTab {
  display: flex;
  justify-content: space-between;
  width: 116%;
  max-width: 410px;
  padding: 30px 0 0;
  margin: 0 -22px;
}
.koc-yokokuTab > a {
  display: block;
  width: 113px;
}
.koc-yokokuTab > a > img {
  
}

/*sec--5*/
.koc-sec--5 {
  background-image: url(../img/bg-sec_white.png);
  background-position: center top -356px;
  height: 514px;
  padding-top: 0;
}
.koc-sec--5 .koc-sec__inner {
  width: 100%;
  max-width: 360px;
  margin: auto;
}
.koc-sec--5 .koc-pic {
  margin-top: 0;
}
.koc-sec--5 .koc-txt {
  padding-top: 50px;
  color: #0055B1;
  text-align: center;
}
.koc-imgCharacter {
  max-width: 135.5px;
  margin: 10px auto 0;
}

/*sec--6*/
.koc-sec--6 {
  background-image: url(../img/bg-sec_yellow.png);
  background-position: center top -60px;
  height: 681px;
  padding-top: 0;
}
.koc-sec--6 .koc-sec__inner {
  width: 100%;
  max-width: 360px;
  margin: auto;
}
.koc-sec--6 .koc-txt {
  width: 106%;
  padding-top: 35px;
}
.koc-sec--6 .koc-txt > p:first-of-type {
  padding-top: 0;
  color: #0055B1;
}
.koc-sec--6 .koc-txt > p:nth-of-type(3) {
  padding-top: 15px;
}

/*sec--7*/
.koc-sec--7 {
  background-image: url(../img/bg-sec_blue.png);
  background-position: center top -336px;
  height: 365px;
}
.koc-sns {
  display: flex;
  justify-content: space-between;
  width: 255px;
  margin: auto;
}
.koc-sns > a {
  display: block;
}
.koc-sns > a:first-of-type {
  width: 58.57px;
}
.koc-sns > a:nth-of-type(2) {
  width: 51.18px;
}
.koc-sns > a:last-of-type {
  width: 53.87px;
}
.koc-links {
  text-align: center;
  font-family: 'Koburina Gothic W3 JIS2004';
}
.koc-links > div {
  padding: 25px 0 0;
}
.koc-links > div > a {
  color: #FFDE15;
  font-size: 22px;
  text-decoration: none;
}
.koc-links > div:last-of-type {
  width: 188px;
  margin: auto;
}

/*pc/sp*/
.cmn-pc {
  display: block;
}
.cmn-sp {
  display: none;
}

@media screen and (min-width: 769px) {}

@media screen and (max-width: 1140px) {
  .koc-bg {
    width: 1140px;
  }
}

@media screen and (max-width: 768px) {

  /*whole*/
  .koc-bg {
    width: 100%;
  }
  .koc-sec {
    width: 90%;
    margin: 0 5%;
    background-image: none!important;
    height: inherit!important;
  }
  .koc-txt {
    padding: 30px 0 0;
    font-size: 18px;
  }
  .koc-pic {
    width: 100%;
    margin: 60px 0 0;
  }
  .koc-pic > img {
    vertical-align: top;
  }
  /*sec--1*/
  .koc-sec--1 {
    /* background-image: url(../img/bg-sec_white_sp.png); */
    background-color: #fff;
  }
  .koc-mv {
    width: 100%;
    max-width: 424px;
  }
  .koc-imgUnderTxt {
    width: 100%;
    max-width: 430px;
    margin: auto;
    text-align: left;
  }
  .koc-img2 {
    width: 100%;
    max-width: 430px;
  }

  /*sec--2*/
  .koc-sec--2 {
    background-color: #FFF02B;
    padding-bottom: 0;
  }
  .koc-sec2Img {
    width: 100%;
    max-width: 492px;
    margin: auto;
  }

  /*sec--3*/
  .koc-sec--3 {
    background-color: #FFF02B;
    padding-top: 65px;
  }
  .koc-sec--3 .koc-txt {
    width: 100%;
  }

  /*sec--4*/
  .koc-sec--4 {
    background-color: #FFF02B;
  }
  .koc-yokokuTab {
    flex-direction: column;
    align-items: center;
  }
  .koc-yokokuTab > a {
    margin: 0 0 15px;
  }
  .koc-yokokuTab > a:last-of-type {
    margin-bottom: 0;
  }
  .koc-yokokuTab {
    width: 100%;
    margin: auto;
  }

  /*sec--5*/
  .koc-sec--5 {
    background-color: #fff
  }
  .koc-sec--5 .koc-pic {
    padding-bottom: 35px;
  }

  /*sec--6*/
  .koc-sec--6 {
    background-color: #FFF02B;
  }

  /*sec--7*/
  .koc-sec--7 {
    background-color: #0055B1;
  }

  /*pc/sp*/
  .cmn-pc {
    display: none;
  }
  .cmn-sp {
    display: block;
  }
}

@media screen and (max-width: 660px) {

  /*whole*/
  .koc-sec {
    width: 92%;
    padding: 35px 4%;
    margin: 0 4%;
  }
  .koc-ttl__txt1 {
    padding: 0 0 0 14px;
    font-size: 11px;
  }
  .koc-ttl__txt2 {
    margin: 5px 0 0;
  }
  .koc-txt {
    font-size: 14px;
  }
  .koc-txt__large {
    font-size: 17px;
  }
  .koc-ttl__stamp {
    top: -26px;
    right: 12px;
    width: 50px;
  }
  .koc-pic {
    width: 110%;
    margin: 30px -5% 0;
  }

  /*sec--1*/
  .koc-sec--1 {
    padding-top: 20px;
  }
  .koc-yokoku > div:first-of-type {
    width: 150px;
  }
  .koc-yokoku > div:nth-of-type(2) {
    max-width: 82px;
    padding: 10px 0 0;
  }
  .koc-mv {
    max-width: 268px;
  }
  .koc-imgUnderTxt {
    max-width: 268px;
    font-size: 14px;
    text-align: justify;
  }
  .koc-img2 {
    max-width: 268px;
  }

  /*sec--2*/
  .koc-sec--2 {
    height: 874px;
    padding-top: 65px;
    background-position: center top -55px;
  }
  .koc-sec--2 .koc-sec__inner {
    max-width: 268px;
  }
  .koc-ttl__txt2 {
    padding: 10px 15px;
  }
  .koc-ttl__txt2__small {
    font-size: 12.5px;
  }
  .koc-ttl__txt2__large {
    font-size: 17px;
  }
  .koc-sec2Img {
    margin: 10px auto 0;
  }

  /*sec-3*/
  .koc-sec--3 {
    height: 658px;
  }
  .koc-sec--3 .koc-sec__inner {
    max-width: 268px;
  }
  .koc-sec--3 .koc-txt {
    font-size: 14px;
  }

  /*sec--4*/
  .koc-sec--4 {
    height: 469px;
    background-position: center top -268px;
  }
  .koc-img3 {
    max-width: 268px;
    margin: -55px auto 0;
  }
  .koc-yokokuTab {
    padding: 15px 0 0;
  }
  .koc-yokokuTab > a {
    width: 88px;
    margin: 0 0 10px;
  }

  /*sec--5*/
  .koc-sec--5 {
    background-position: center top -205px;
    padding-top: 0;
    overflow: hidden;
  }
  .koc-sns {
    width: 184px;
  }
  .koc-sns > a:first-of-type {
    width: 42px;
  }
  .koc-sns > a:nth-of-type(2) {
    width: 38px;
  }
  .koc-sns > a:last-of-type {
    width: 41px;
  }
  .koc-links > div {
    padding: 20px 0 0;
  }
  .koc-links > div:last-of-type {
    width: 180px;
    padding-top: 35px;
  }
  .koc-links > div > a {
    font-size: 15px;
  }

  /*sec--6*/
  .koc-sec--6 .koc-txt {
    width: 100%;
    padding-top: 0;
  }
}