@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-sec {
  position: relative;
  width: 1140px;
  margin: auto;
  padding: 35px 0;
  background-repeat: no-repeat;
  background-size: unset;
  background-position: center bottom;
}
/* .koc-sec::after,
.koc-sec::before {
  content: '';
  position: absolute;
  top: 0;
  width: 189px;
  height: 100%;
  background-size: 100%;
  background-repeat: repeat-y;
}
.koc-sec::after {
  background-image: url(../img/bg-side.png);
  right: calc(50% - 595px);
}
.koc-sec::before {
  background-image: url(../img/bg-side_left.png);
  left: calc(50% - 595px);
} */
.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__stamp {
  position: absolute;
  top: 0;
  right: 22px;
  width: 125px;
}
.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__large {
  font-size: 22px;
}

/*sec--1*/
.koc-sec--1 {
  padding-top: 30px;
  background-image: url(../img/bg-sec1.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-sec2.png);
  background-position: center top;
  height: 980px;
}
.koc-sec--2 .koc-sec__inner {
  width: 360px;
  margin: auto;
}
.koc-txt--sideImg {
  position: relative;
}
.koc-txt--sideImg::after {

}
.koc-txt--sideImg::before {

}

/*sec--3*/
.koc-sec--3 {
  background-image: url(../img/bg-sec3.png);
  background-position: center top;
  height: 791px;
  padding: 25px 0;
}
.koc-sec--3  .koc-sec__inner {
  width: 360px;
  margin: auto;
}
.koc-sec--3 .koc-txt > p:nth-of-type(n+2) {
  padding: 25px 0 0;
}
.koc-sec--3 .koc-txt {
  font-size: 17px;
}

/*sec--4*/
.koc-sec--4 {
  background-image: url(../img/bg-sec4.png);
  background-position: center top;
  height: 505px;
}
.koc-img3 {
  max-width: 452px;
  margin: -73px auto 0;
}
.koc-img3 > img {

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

/*sec--5*/
.koc-sec--5 {
  background-image: url(../img/bg-sec5.png);
  background-position: center top;
  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) {

  /*sec--2*/
  .koc-txt--sideImg::after,
  .koc-txt--sideImg::before {
    content: '';
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .koc-txt--sideImg--1::after {
    top: 28px;
    right: -112px;
    width: 106px;
    height: 106px;
    background-image: url(../img/bg-sec2_1.png);
  }
  .koc-txt--sideImg--1::before {
    top: 59px;
    left: -168px;
    width: 166px;
    height: 166px;
    background-image: url(../img/bg-sec2_2.png);
  }
  .koc-txt--sideImg--2::after {
    top: 66px;
    right: -115px;
    width: 158px;
    height: 131px;
    background-image: url(../img/bg-sec2_3.png);
  }
  .koc-txt--sideImg--2::before {
    top: 116px;
    left: -124px;
    width: 104px;
    height: 104px;
    background-image: url(../img/bg-sec2_4.png);
  }
  .koc-txt--sideImg--3::after {
    top: 11px;
    right: -116px;
    width: 166px;
    height: 166px;
    background-image: url(../img/bg-sec2_5.png);
  }
  .koc-txt--sideImg--3::before {
    top: 24px;
    left: -146px;
    width: 138px;
    height: 138px;
    background-image: url(../img/bg-sec2_6.png);
  }
}

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

  /*whole*/
  body {
    zoom: 0.7;
  }
  .koc-sec {
    width: 640px;
    background-size: 100%;
    background-position: center top;
  }
  .koc-txt {
    padding: 30px 0 0;
    font-size: 18px;
  }

  /*sec--1*/
  .koc-sec--1 {
    background-image: url(../img/bg-sec1_sp.png);
  }
  .koc-mv {
    width: 424px;
  }
  .koc-imgUnderTxt {
    width: 430px;
    margin: auto;
    text-align: left;
  }
  .koc-img2 {
    width: 430px;
  }

  /*sec--2*/
  .koc-sec--2 {
    background-image: url(../img/bg-sec2_sp.png);
    background-position: center top -56px;
    height: 1070px;
  }
  .koc-sec2Img {
    width: 492px;
    margin: 0 -65px;
  }

  /*sec--3*/
  .koc-sec--3 {
    background-image: url(../img/bg-sec3_sp.png);
    background-position: center top -308px;
  }
  .koc-sec--3 .koc-txt {
    font-size: 18px;
  }
  .koc-sec--3 .koc-txt > p:nth-of-type(n+2) {
    padding: 30px 0 0;
  }

  /*sec--4*/
  .koc-sec--4 {
    background-image: url(../img/bg-sec4_sp.png);
    background-position: center top -367px;
    height: 700px;
  }
  .koc-yokokuTab {
    flex-direction: column;
    align-items: center;
  }
  .koc-yokokuTab > a {
    margin: 0 0 15px;
  }

  /*sec--5*/
  .koc-sec--5 {
    background-image: url(../img/bg-sec5_sp.png);
    background-position: center top -442px;
  }

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