@charset "UTF-8";
body {
  font-family: "Noto Sans JP", sans-serif;
  color: #222;
  font-weight: 400;
  font-size: 3.74vw;
  width: 100%;
  overflow-x: hidden;
  font-feature-settings: "palt";
  line-height: 1.8em;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media screen and (min-width: 768px) {
  body {
    font-size: 14px;
  }
}

@font-face {
  font-family: "ZenKakuGothic";
  src: url("/lp/kozoo/fonts/ZenKakuGothicNew-Regular.ttf") format("truetype");
  font-weight: 300;
}
@font-face {
  font-family: "ZenKakuGothic";
  src: url("/lp/kozoo/fonts/ZenKakuGothicNew-Medium.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "ZenKakuGothic";
  src: url("/lp/kozoo/fonts/ZenKakuGothicNew-Bold.ttf") format("truetype");
  font-weight: 600;
}
@font-face {
  font-family: "LINESeedJP";
  src: url("/lp/kozoo/fonts/LINESeedJP_OTF_Bd.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
* {
  font-family: "ZenKakuGothic", sans-serif;
  font-weight: 300;
}

.zenkaku {
  font-family: "ZenKakuGothic", sans-serif;
}

.lineseed {
  font-family: "LINESeedJP", sans-serif;
}

.smp-block {
  display: block;
}
@media screen and (min-width: 768px) {
  .smp-block {
    display: none;
  }
}

.pc-block {
  display: none;
}
@media screen and (min-width: 768px) {
  .pc-block {
    display: block;
  }
}

.pc-middle-block {
  display: none;
}
@media screen and (min-width: 1000px) {
  .pc-middle-block {
    display: block;
  }
}

@media screen and (min-width: 768px) {
  span.set-block {
    display: inline-block;
  }
}

span.asterisk {
  font-size: 0.6em;
  vertical-align: 0.48em;
}

main img {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
  vertical-align: bottom;
}

a {
  text-decoration: none;
}

a:link, a:visited, a:hover, a:active {
  text-decoration: none;
}

body {
  position: relative;
  z-index: 0;
}

main {
  background: url(/lp/kozoo/myimg/main-bg_sp.png);
  background-size: cover;
  padding: 0;
  color: #1D4055;
}
@media screen and (min-width: 768px) {
  main {
    background: url(/lp/kozoo/myimg/main-bg_pc.png);
  }
}

div.contents-page-bg {
  width: 100%;
  margin: auto;
}
@media screen and (min-width: 768px) {
  div.contents-page-bg {
    width: 90%;
    max-width: 1245px;
  }
}

nav {
  width: 90%;
  margin: auto;
  padding: 4% 0 16%;
}
@media screen and (min-width: 768px) {
  nav {
    max-width: 1245px;
    padding: 25px 0 20px;
  }
}
@media screen and (min-width: 1000px) {
  nav {
    padding: 25px 0 30px;
  }
}
nav ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
nav ol li {
  margin-right: 1%;
  font-size: 3vw;
  line-height: 1.2em;
  font-weight: 400;
  color: #000;
  display: inline-block;
  position: relative;
  margin-right: 2em;
  margin-bottom: 2%;
}
@media screen and (min-width: 768px) {
  nav ol li {
    font-size: 12px;
    line-height: 1.4em;
    transition: all 0.3s;
    margin-bottom: 10px;
  }
}
nav ol li::before {
  content: "＞";
  font-size: 0.8em;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: -1.8em;
}
nav ol li:last-child {
  color: #aaa;
  margin-right: 0;
}
nav ol li:last-child::before {
  content: none;
}
nav ol li:last-child::after {
  content: none;
}
nav ol li a {
  color: #000;
  font-weight: 400;
  position: relative;
}
@media screen and (min-width: 768px) {
  nav ol li a::after {
    content: "";
    background: #000;
    width: 0;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all ease 0.2s;
  }
}
@media screen and (min-width: 768px) {
  nav ol li a:hover::after {
    width: 100%;
  }
}

a.fix-btn {
  display: none;
  position: fixed;
  z-index: 5;
  bottom: 3vw;
  right: 3vw;
  width: 20%;
}
@media screen and (min-width: 768px) {
  a.fix-btn {
    width: 110px;
    height: 110px;
    right: 30px;
    bottom: 30px;
  }
}
@media screen and (min-width: 1000px) {
  a.fix-btn {
    width: 120px;
    height: 120px;
  }
}
a.fix-btn div.fix-btn-inner {
  position: relative;
  background: #1D4055;
  border-radius: 50vw;
  transition: all 0.3s;
  border-radius: 5em;
  border: solid 3px #fff;
  box-shadow: rgba(0, 0, 0, 0.4) 2px 2px 5px;
}
@media screen and (min-width: 768px) {
  a.fix-btn div.fix-btn-inner:hover {
    background: #E09763;
    transform: translate(2px, 2px);
    box-shadow: none;
  }
  a.fix-btn div.fix-btn-inner:hover div.fix-btn-img02 {
    top: -3%;
  }
}
a.fix-btn div.fix-btn-img02 {
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s;
}

section.page-contents {
  background: #fff;
  position: relative;
}
@media screen and (min-width: 768px) {
  section.page-contents {
    width: 90%;
    margin: auto;
    max-width: 1245px;
  }
  section.page-contents::after {
    left: 0;
  }
  section.page-contents::before {
    right: 0;
  }
  section.page-contents::after, section.page-contents::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 1.62%;
    height: 100%;
    background: #89B6C3;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  section.page-contents.green::after, section.page-contents.green::before {
    background: #b6cb99;
  }
}
section.page-contents div.page-contents-inner {
  width: 88.6%;
  margin: auto;
  padding: 0 0 15%;
}
@media screen and (min-width: 768px) {
  section.page-contents div.page-contents-inner {
    width: 90%;
    max-width: 872px;
    padding: 0 0 100px;
  }
}
section.page-contents h1 {
  padding: 10% 0;
  position: relative;
}
@media screen and (min-width: 768px) {
  section.page-contents h1 {
    padding: 60px 0;
  }
}
section.page-contents h1 span {
  display: block;
  width: 18%;
  position: absolute;
  top: -42%;
  left: 0;
}
@media screen and (min-width: 768px) {
  section.page-contents h1 span {
    width: 13%;
    top: -15%;
    left: 7%;
  }
}
@media screen and (min-width: 1000px) {
  section.page-contents h1 span {
    top: -25%;
  }
}
section.page-contents div.contents-page-video {
  margin: 0 0 10%;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
@media screen and (min-width: 768px) {
  section.page-contents div.contents-page-video {
    margin: 0 0 90px;
  }
}
section.page-contents div.contents-page-video iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

div.contents-kozoo {
  position: relative;
  margin-top: 35%;
  margin-bottom: 15%;
}
@media screen and (min-width: 768px) {
  div.contents-kozoo {
    display: flex;
    align-items: flex-start;
    align-items: center;
    margin-top: 56px;
    margin-bottom: 70px;
  }
}
div.contents-kozoo div.contents-txtbox {
  border: solid 2px #1D4055;
  border-radius: 1.8em 0 1.8em 1.8em;
}
@media screen and (min-width: 768px) {
  div.contents-kozoo div.contents-txtbox {
    border: solid 2px #1D4055;
    border-radius: 30px 0 30px 30px;
    width: calc(100% - 197px);
  }
}
div.contents-kozoo div.contents-txtbox.contents-txtbox-blue {
  border-radius: 0 1.8em 1.8em 1.8em;
}
@media screen and (min-width: 768px) {
  div.contents-kozoo div.contents-txtbox.contents-txtbox-blue {
    border-radius: 0 30px 30px 30px;
  }
}
div.contents-kozoo div.contents-txtbox div.contents-txtbox-bg {
  border: solid 2px #fff;
  background: #F4E9E6;
  border-radius: 1.8em 0 1.8em 1.8em;
}
@media screen and (min-width: 768px) {
  div.contents-kozoo div.contents-txtbox div.contents-txtbox-bg {
    border: solid 2px #fff;
    border-radius: 30px 0 30px 30px;
  }
}
div.contents-kozoo div.contents-txtbox div.contents-txtbox-bg.contents-txtbox-bg-blue {
  background: #E3F4F1;
  border-radius: 0 1em 1em 1em;
}
@media screen and (min-width: 768px) {
  div.contents-kozoo div.contents-txtbox div.contents-txtbox-bg.contents-txtbox-bg-blue {
    border-radius: 0 30px 30px 30px;
  }
}
div.contents-kozoo div.contents-txtbox div.contents-txtbox-inner {
  width: 81%;
  padding: 6% 0;
  margin: auto;
}
@media screen and (min-width: 768px) {
  div.contents-kozoo div.contents-txtbox div.contents-txtbox-inner {
    width: 82.8%;
    padding: 5% 0;
  }
}
div.contents-kozoo div.contents-txtbox div.contents-txtbox-inner p {
  text-align: justify;
  word-break: break-all;
  font-size: 1.44em;
  line-height: 1.8em;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  div.contents-kozoo div.contents-txtbox div.contents-txtbox-inner p {
    font-size: 16px;
    line-height: 1.8em;
  }
}
@media screen and (min-width: 1000px) {
  div.contents-kozoo div.contents-txtbox div.contents-txtbox-inner p {
    font-size: 18px;
  }
}
div.contents-kozoo div.contents-txtbox div.contents-txtbox-inner p span {
  background: #F9FAC8;
}
div.contents-kozoo div.contents-txtbox div.contents-txtbox-inner p span.set-block {
  font-weight: 400;
  background: none;
}
div.contents-kozoo div.contents-txtbox div.contents-txtbox-inner p span.two {
  font-size: 0.66em;
  vertical-align: 0em;
  background: none;
}
div.contents-kozoo div.character-img {
  width: 26%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  transform: translate(0, -80%);
}
@media screen and (min-width: 768px) {
  div.contents-kozoo div.character-img {
    width: 197px;
    height: auto;
    padding: 0;
    position: relative;
    margin: 0;
    transform: translate(0);
  }
}

.coming-soon-icon {
  display: block;
  position: relative;
}
.coming-soon-icon::after {
  content: "";
  display: inline-block;
  width: 15vw;
  height: 15vw;
  background: url("/lp/kozoo/myimg/contents/coming-soon-icon.svg") no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: -10vw;
  transform: translate(0, -50%);
}
@media screen and (min-width: 768px) {
  .coming-soon-icon::after {
    width: 75px;
    height: 75px;
    left: -50px;
  }
}

div.contents-yonden {
  /*talk*/
}
div.contents-yonden.talk {
  position: relative;
  margin-top: 35%;
  margin-bottom: 15%;
}
@media screen and (min-width: 768px) {
  div.contents-yonden.talk {
    display: flex;
    align-items: flex-start;
    align-items: center;
    margin-top: 56px;
    margin-bottom: 70px;
  }
}
div.contents-yonden.talk div.contents-txtbox {
  border: solid 2px #1D4055;
  border-radius: 0 1.8em 1.8em 1.8em;
}
@media screen and (min-width: 768px) {
  div.contents-yonden.talk div.contents-txtbox {
    border: solid 2px #1D4055;
    border-radius: 0 30px 30px 30px;
    width: calc(100% - 197px);
  }
}
div.contents-yonden.talk div.contents-txtbox div.contents-txtbox-bg {
  border: solid 2px #fff;
  background: #E3F4F1;
  border-radius: 0 1.8em 1.8em 1.8em;
}
@media screen and (min-width: 768px) {
  div.contents-yonden.talk div.contents-txtbox div.contents-txtbox-bg {
    border: solid 2px #fff;
    border-radius: 0 30px 30px 30px;
  }
}
div.contents-yonden.talk div.contents-txtbox div.contents-txtbox-inner {
  width: 81%;
  padding: 6% 0;
  margin: auto;
}
@media screen and (min-width: 768px) {
  div.contents-yonden.talk div.contents-txtbox div.contents-txtbox-inner {
    width: 82.8%;
    padding: 5% 0;
  }
}
div.contents-yonden.talk div.contents-txtbox div.contents-txtbox-inner p {
  text-align: justify;
  word-break: break-all;
  font-size: 1.44em;
  line-height: 1.8em;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  div.contents-yonden.talk div.contents-txtbox div.contents-txtbox-inner p {
    font-size: 16px;
    line-height: 1.8em;
  }
}
@media screen and (min-width: 1000px) {
  div.contents-yonden.talk div.contents-txtbox div.contents-txtbox-inner p {
    font-size: 18px;
  }
}
div.contents-yonden.talk div.contents-txtbox div.contents-txtbox-inner p span {
  background: #F9FAC8;
}
div.contents-yonden.talk div.contents-txtbox div.contents-txtbox-inner span.btn01, div.contents-yonden.talk div.contents-txtbox div.contents-txtbox-inner a.btn01 {
  display: block;
  margin-top: 2%;
}
@media screen and (min-width: 768px) {
  div.contents-yonden.talk div.contents-txtbox div.contents-txtbox-inner span.btn01, div.contents-yonden.talk div.contents-txtbox div.contents-txtbox-inner a.btn01 {
    margin-top: 3%;
  }
}
div.contents-yonden.talk div.contents-txtbox div.contents-txtbox-inner span.btn01 span, div.contents-yonden.talk div.contents-txtbox div.contents-txtbox-inner a.btn01 span {
  display: inline-block;
  background: #e2e2e2;
  padding: 0 1em;
  border-radius: 5em;
  border: solid 3px #fff;
  position: relative;
  color: rgba(102, 102, 102, 0.5);
  font-weight: 600;
  box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 5px;
  line-height: 1.2em;
  padding: 0.8em 1.6em 0.8em 1.8em;
}
@media screen and (min-width: 768px) {
  div.contents-yonden.talk div.contents-txtbox div.contents-txtbox-inner span.btn01 span, div.contents-yonden.talk div.contents-txtbox div.contents-txtbox-inner a.btn01 span {
    font-size: 15px;
    padding: 13px 2em 13px 2em;
  }
}
@media screen and (min-width: 1000px) {
  div.contents-yonden.talk div.contents-txtbox div.contents-txtbox-inner span.btn01 span, div.contents-yonden.talk div.contents-txtbox div.contents-txtbox-inner a.btn01 span {
    font-size: 18px;
  }
}
div.contents-yonden.talk div.contents-txtbox div.contents-txtbox-inner span.btn01 span::before, div.contents-yonden.talk div.contents-txtbox div.contents-txtbox-inner span.btn01 span::after, div.contents-yonden.talk div.contents-txtbox div.contents-txtbox-inner a.btn01 span::before, div.contents-yonden.talk div.contents-txtbox div.contents-txtbox-inner a.btn01 span::after {
  content: "";
  display: block;
  width: 0.52em; /*線の長さ*/
  height: 2px; /*線の太さ*/
  background: #a4a4a4; /*線の色*/
  position: absolute;
  top: 50%;
  right: 5%;
  border-radius: 100px;
  transform: translate(0, -50%) rotate(45deg);
  transform-origin: calc(100% - 0.08em) 50%;
}
div.contents-yonden.talk div.contents-txtbox div.contents-txtbox-inner span.btn01 span::after, div.contents-yonden.talk div.contents-txtbox div.contents-txtbox-inner a.btn01 span::after {
  transform: rotate(-45deg);
}
@media screen and (min-width: 768px) {
  div.contents-yonden.talk div.contents-txtbox div.contents-txtbox-inner span.link:hover span, div.contents-yonden.talk div.contents-txtbox div.contents-txtbox-inner a.link:hover span {
    background: #E09763;
    color: #fff;
  }
  div.contents-yonden.talk div.contents-txtbox div.contents-txtbox-inner span.link:hover span::before, div.contents-yonden.talk div.contents-txtbox div.contents-txtbox-inner span.link:hover span::after, div.contents-yonden.talk div.contents-txtbox div.contents-txtbox-inner a.link:hover span::before, div.contents-yonden.talk div.contents-txtbox div.contents-txtbox-inner a.link:hover span::after {
    background: #fff; /*線の色*/
  }
}
div.contents-yonden.talk div.contents-txtbox div.contents-txtbox-inner span.link span, div.contents-yonden.talk div.contents-txtbox div.contents-txtbox-inner a.link span {
  background: #fff;
  border: solid 2px #1D4055;
  color: #1D4055;
  display: block;
}
@media screen and (min-width: 768px) {
  div.contents-yonden.talk div.contents-txtbox div.contents-txtbox-inner span.link span, div.contents-yonden.talk div.contents-txtbox div.contents-txtbox-inner a.link span {
    padding: 13px 2em 13px 1.6em;
    transition: 0.2s;
    display: inline-block;
  }
}
div.contents-yonden.talk div.contents-txtbox div.contents-txtbox-inner span.link span::before, div.contents-yonden.talk div.contents-txtbox div.contents-txtbox-inner span.link span::after, div.contents-yonden.talk div.contents-txtbox div.contents-txtbox-inner a.link span::before, div.contents-yonden.talk div.contents-txtbox div.contents-txtbox-inner a.link span::after {
  background: #1D4055; /*線の色*/
}
div.contents-yonden.mr-btm01 {
  margin-bottom: 20%;
}
@media screen and (min-width: 768px) {
  div.contents-yonden.mr-btm01 {
    margin-bottom: 100px;
  }
}
div.contents-yonden h2 {
  padding: 5% 0;
  font-size: 1.52em;
  font-weight: 400;
  line-height: 1.6em;
  color: #1D4055;
  border-top: solid 2px #1D4055;
  border-bottom: solid 2px #1D4055;
}
@media screen and (min-width: 768px) {
  div.contents-yonden h2 {
    font-size: 19px;
    padding: 4% 0;
  }
}
@media screen and (min-width: 1000px) {
  div.contents-yonden h2 {
    font-size: 23px;
  }
}
div.contents-yonden h2 span.set-block {
  font-weight: 400;
}
div.contents-yonden div.character-img-yonden {
  width: 50%;
  padding: 5% 0;
}
@media screen and (min-width: 768px) {
  div.contents-yonden div.character-img-yonden {
    width: 16.2%;
    padding: 0;
  }
}
div.contents-yonden div.character-img-yonden.character-img-yonden-cont01-page01 {
  margin: auto;
}
@media screen and (min-width: 768px) {
  div.contents-yonden div.character-img-yonden.character-img-yonden-cont01-page01 {
    margin-right: 6.6%;
  }
}
div.contents-yonden div.character-img-yonden.character-img-yonden-cont01-page02 {
  margin: auto;
  padding: 7% 0;
}
@media screen and (min-width: 768px) {
  div.contents-yonden div.character-img-yonden.character-img-yonden-cont01-page02 {
    padding: 0;
    margin-right: 9.4%;
  }
}
div.contents-yonden div.character-img-yonden.character-img-yonden-cont01-page03 {
  margin: auto;
}
@media screen and (min-width: 768px) {
  div.contents-yonden div.character-img-yonden.character-img-yonden-cont01-page03 {
    width: 16.2%;
  }
}
div.contents-yonden div.character-img-yonden.character-img-yonden-cont02-page01 {
  margin: auto;
}
@media screen and (min-width: 768px) {
  div.contents-yonden div.character-img-yonden.character-img-yonden-cont02-page01 {
    margin-right: 6%;
  }
}
div.contents-yonden div.contents-yonden-area01 {
  position: relative;
}
@media screen and (min-width: 768px) {
  div.contents-yonden div.contents-yonden-area01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    margin-top: 3%;
  }
}
@media screen and (min-width: 768px) {
  div.contents-yonden div.contents-yonden-area01 div.contents-yonden-area01-img {
    width: 77.2%;
  }
  div.contents-yonden div.contents-yonden-area01 div.contents-yonden-area01-img.contents-yonden-area01-img-cont01-page02 {
    width: 68.6%;
    margin-bottom: 7%;
  }
}
div.contents-yonden div.contents-yonden-area01 div.contents-yonden-area01-img p {
  display: block;
  width: 50%;
  position: absolute;
  top: 18%;
  right: 0;
}
@media screen and (min-width: 768px) {
  div.contents-yonden div.contents-yonden-area01 div.contents-yonden-area01-img p {
    position: relative;
    top: 0;
    width: 100%;
    padding: 0 0 15px;
    font-size: 15px;
    line-height: 1.8em;
  }
}
@media screen and (min-width: 1000px) {
  div.contents-yonden div.contents-yonden-area01 div.contents-yonden-area01-img p {
    font-size: 18px;
  }
}
div.contents-yonden div.contents-yonden-area01 div.contents-yonden-area01-img p.txt-01 {
  top: 8%;
}
@media screen and (min-width: 768px) {
  div.contents-yonden div.contents-yonden-area01 div.contents-yonden-area01-img p.txt-01 {
    top: 0;
    padding: 3% 0 5%;
  }
}
div.contents-yonden div.contents-yonden-area02 {
  position: relative;
  /**/
  /**/
  /**/
}
@media screen and (min-width: 768px) {
  div.contents-yonden div.contents-yonden-area02 dl.dl-size-cont01-page02 {
    width: 45.8%;
  }
  div.contents-yonden div.contents-yonden-area02 dl.dl-size-cont01-page02 dt {
    padding: 0 0 15px;
  }
}
@media screen and (min-width: 768px) {
  div.contents-yonden div.contents-yonden-area02 dl.dl-size-cont01-page03 {
    width: 79.8%;
  }
}
@media screen and (min-width: 768px) {
  div.contents-yonden div.contents-yonden-area02 dl.dl-size-cont02-page01 dt {
    padding: 0 0 15px;
  }
}
@media screen and (min-width: 768px) {
  div.contents-yonden div.contents-yonden-area02 dl.dl-size02-cont02-page01 {
    width: 67%;
  }
}
@media screen and (min-width: 768px) {
  div.contents-yonden div.contents-yonden-area02 dl.dl-size-cont03-page01 {
    width: 47.2%;
  }
  div.contents-yonden div.contents-yonden-area02 dl.dl-size-cont03-page01 dt.pcOnlymt20 {
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px) {
  div.contents-yonden div.contents-yonden-area02 dl.mr-btm {
    margin-bottom: 10%;
  }
}
@media screen and (min-width: 1280px) {
  div.contents-yonden div.contents-yonden-area02 dl.mr-btm {
    margin-bottom: 15%;
  }
}
div.contents-yonden div.contents-yonden-area02 dl dt {
  display: flex;
  align-items: flex-start;
  gap: 5%;
  padding: 17% 0 5%;
}
@media screen and (min-width: 768px) {
  div.contents-yonden div.contents-yonden-area02 dl dt {
    gap: 10px;
    padding: 6% 0 15px;
  }
}
div.contents-yonden div.contents-yonden-area02 dl dt.pd-top-none {
  padding: 0 0 5%;
}
@media screen and (min-width: 768px) {
  div.contents-yonden div.contents-yonden-area02 dl dt.pd-top-none {
    padding: 0 0 15px;
  }
}
@media screen and (min-width: 768px) {
  div.contents-yonden div.contents-yonden-area02 dl dt.pd-top-pc-none {
    padding: 0 0 15px;
  }
}
div.contents-yonden div.contents-yonden-area02 dl dt span {
  display: block;
}
div.contents-yonden div.contents-yonden-area02 dl dt span.icon {
  width: 5%;
  margin-top: 0.4em;
}
@media screen and (min-width: 768px) {
  div.contents-yonden div.contents-yonden-area02 dl dt span.icon {
    margin-top: 0.4em;
    width: 17px;
  }
}
@media screen and (min-width: 1280px) {
  div.contents-yonden div.contents-yonden-area02 dl dt span.icon {
    margin-top: 0.48em;
  }
}
div.contents-yonden div.contents-yonden-area02 dl dt span.txt {
  width: 90%;
  font-size: 1.52em;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  div.contents-yonden div.contents-yonden-area02 dl dt span.txt {
    width: calc(100% - 27px);
    font-size: 19px;
    line-height: 1.4em;
  }
}
@media screen and (min-width: 1000px) {
  div.contents-yonden div.contents-yonden-area02 dl dt span.txt {
    font-size: 22px;
  }
}
div.contents-yonden div.contents-yonden-area02 dl dt span.set-block {
  display: inline;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  div.contents-yonden div.contents-yonden-area02 dl dt span.set-block {
    display: inline-block;
  }
}
div.contents-yonden div.contents-yonden-area02 dl dt span.two {
  display: inline;
  font-size: 0.66em;
  vertical-align: 0em;
}
div.contents-yonden div.contents-yonden-area02 dl dt span.inline-block {
  font-weight: 400;
  display: inline-block;
}
div.contents-yonden div.contents-yonden-area02 dl dt span.letter01 {
  letter-spacing: -0.04em;
}
div.contents-yonden div.contents-yonden-area02 dl dd {
  font-size: 1.08em;
  text-align: justify;
  word-break: break-all;
}
@media screen and (min-width: 768px) {
  div.contents-yonden div.contents-yonden-area02 dl dd {
    font-size: 15px;
    line-height: 1.8em;
  }
}
@media screen and (min-width: 1000px) {
  div.contents-yonden div.contents-yonden-area02 dl dd {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) {
  div.contents-yonden div.contents-yonden-area02 dl dd.dd-size01 {
    width: 71.6%;
  }
}
div.contents-yonden div.contents-yonden-area02 dl dd.img01 {
  margin: 5% 0 10%;
}
@media screen and (min-width: 768px) {
  div.contents-yonden div.contents-yonden-area02 dl dd.img01 {
    margin: 35px 0;
  }
}
div.contents-yonden div.contents-yonden-area02 dl dd.contents04-page03 span.pd-left {
  display: block;
  padding-left: 1.1em;
  text-align: left;
  line-height: 1.6em;
  margin: 0.3em 0;
}
div.contents-yonden div.contents-yonden-area02 dl dd.contents04-page03 span.dots {
  position: relative;
}
div.contents-yonden div.contents-yonden-area02 dl dd.contents04-page03 span.dots::after {
  content: "・";
  position: absolute;
  top: 0em;
  left: 0;
  width: 1em;
  height: 1em;
}
div.contents-yonden div.contents-yonden-area02 dl dd.contents04-page03 span.inline-block {
  display: inline-block;
}
div.contents-yonden div.contents-yonden-area02 dl dd a.txt-link {
  text-decoration: underline;
  font-weight: bold;
  color: #1D4055;
}
div.contents-yonden div.contents-yonden-area02 dl dd div.dd-flex {
  margin-top: 4%;
}
@media screen and (min-width: 768px) {
  div.contents-yonden div.contents-yonden-area02 dl dd div.dd-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 1%;
  }
}
div.contents-yonden div.contents-yonden-area02 dl dd div.dd-flex div.dd-flex-inbox {
  margin-bottom: 15%;
}
@media screen and (min-width: 768px) {
  div.contents-yonden div.contents-yonden-area02 dl dd div.dd-flex div.dd-flex-inbox {
    width: 26%;
    margin: 0;
  }
}
div.contents-yonden div.contents-yonden-area02 dl dd div.dd-flex div.dd-flex-inbox .ir-size {
  display: block;
}
@media screen and (min-width: 768px) {
  div.contents-yonden div.contents-yonden-area02 dl dd div.dd-flex div.dd-flex-inbox .ir-size {
    position: relative;
    width: 118%;
    left: 50%;
    transform: translate(-50%, 0);
  }
}
div.contents-yonden div.contents-yonden-area02 dl dd div.dd-flex p {
  text-align: center;
  margin-top: 4%;
}
@media screen and (min-width: 768px) {
  div.contents-yonden div.contents-yonden-area02 dl dd div.dd-flex p {
    text-align: left;
  }
}
div.contents-yonden div.contents-yonden-area02 dl dd div.contetn04-page01-inner-box {
  margin-top: 5%;
  background: #ebf1f5;
  /*					border: solid 1px #666;*/
  padding: 3%;
}
@media screen and (min-width: 768px) {
  div.contents-yonden div.contents-yonden-area02 dl dd div.contetn04-page01-inner-box {
    padding: 15px 25px;
  }
}
div.contents-yonden div.contents-yonden-area02 dl dd div.contetn04-page01-inner-box p {
  font-size: 0.9em;
  line-height: 1.6em;
}
div.contents-yonden div.contents-yonden-area02 dl dd div.contetn04-page01-inner-box p span.bold {
  display: inline-block;
  font-weight: bold;
}
div.contents-yonden div.contents-yonden-area02 dl dd div.contetn04-page01-inner-box p span.red {
  font-weight: 600;
  color: #ad3021;
}
div.contents-yonden div.contents-yonden-area02 dl dd div.contetn04-page01-inner-box p span.small-txt {
  display: inline-block;
  margin-top: 5px;
  font-size: 0.9em;
}
div.contents-yonden div.contents-yonden-area02 dl dd div.dd-flex02 div.dd-flex-inbox {
  margin-bottom: 10%;
}
@media screen and (min-width: 768px) {
  div.contents-yonden div.contents-yonden-area02 dl dd div.dd-flex02 div.dd-flex-inbox {
    width: 30%;
    margin: 0;
  }
  div.contents-yonden div.contents-yonden-area02 dl dd div.dd-flex02 div.dd-flex-inbox p {
    font-size: 0.9em;
    line-height: 1.5em;
  }
}
div.contents-yonden div.contents-yonden-area02 dl dd span.two {
  font-size: 0.66em;
  vertical-align: 0em;
}
div.contents-yonden div.contents-yonden-area02 dl dd ul li {
  display: flex;
  flex-wrap: wrap;
}
div.contents-yonden div.contents-yonden-area02 dl dd ul li span {
  display: block;
}
div.contents-yonden div.contents-yonden-area02 dl dd ul li span.point {
  width: 1.2em;
}
div.contents-yonden div.contents-yonden-area02 dl dd ul li span.txt {
  width: calc(100% - 1.2em);
}
div.contents-yonden div.contents-yonden-area02 p.single-txt {
  margin-top: 6%;
  font-size: 1.08em;
  text-align: justify;
  word-break: break-all;
}
@media screen and (min-width: 768px) {
  div.contents-yonden div.contents-yonden-area02 p.single-txt {
    font-size: 15px;
    line-height: 1.8em;
  }
}
@media screen and (min-width: 1000px) {
  div.contents-yonden div.contents-yonden-area02 p.single-txt {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) {
  div.contents-yonden div.contents-yonden-area02 div.contents-yonden-area02-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 5%;
  }
  div.contents-yonden div.contents-yonden-area02 div.contents-yonden-area02-flex.contents-yonden-area02-flex02 {
    justify-content: flex-end;
  }
  div.contents-yonden div.contents-yonden-area02 div.contents-yonden-area02-flex.contents-yonden-area02-flex-center {
    align-items: center;
  }
  div.contents-yonden div.contents-yonden-area02 div.contents-yonden-area02-flex.mr-top-8 {
    margin-top: 8%;
  }
}
@media screen and (min-width: 768px) {
  div.contents-yonden div.contents-yonden-area02 div.contents-yonden-area02-flex div.dl-wrap {
    width: 39%;
  }
}
@media screen and (min-width: 768px) {
  div.contents-yonden div.contents-yonden-area02 div.contents-yonden-area02-flex div.dl-wrap-cont02-page01 {
    width: 74.6%;
  }
}
div.contents-yonden div.contents-yonden-area02 div.contents-yonden-area02-kozoo {
  margin-top: 5%;
}
@media screen and (min-width: 768px) {
  div.contents-yonden div.contents-yonden-area02 div.contents-yonden-area02-kozoo {
    width: 23.6%;
    position: absolute;
    top: 0;
    right: 0;
  }
}
div.contents-yonden div.contents-yonden-area02 div.contents-yonden-area02-kozoo-cont02-page01 {
  margin-top: 7%;
}
@media screen and (min-width: 768px) {
  div.contents-yonden div.contents-yonden-area02 div.contents-yonden-area02-kozoo-cont02-page01 {
    width: 33%;
    margin-top: 0;
  }
}
div.contents-yonden div.contents-yonden-area02 div.contents-yonden-area02-img {
  margin-top: 6%;
}
@media screen and (min-width: 768px) {
  div.contents-yonden div.contents-yonden-area02 div.contents-yonden-area02-img {
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) {
  div.contents-yonden div.contents-yonden-area02 div.contents-yonden-area02-img.contents-yonden-area02-img02-cont01-page02 {
    width: 51.6%;
  }
}
@media screen and (min-width: 768px) {
  div.contents-yonden div.contents-yonden-area02 div.contents-yonden-area02-img.contents-yonden-area02-img01-cont01-page03 {
    width: 53.2%;
  }
}
@media screen and (min-width: 768px) {
  div.contents-yonden div.contents-yonden-area02 div.contents-yonden-area02-img.contents-yonden-area02-img02-cont01-page03 {
    width: 92%;
    margin: auto;
    margin-top: 10%;
  }
}
@media screen and (min-width: 768px) {
  div.contents-yonden div.contents-yonden-area02 div.contents-yonden-area02-img.contents-yonden-area02-img01-cont02-page01 {
    width: 69.6%;
    margin-top: 4%;
  }
}
@media screen and (min-width: 768px) {
  div.contents-yonden div.contents-yonden-area02 div.contents-yonden-area02-img.contents-yonden-area02-img02-cont01-page04 {
    margin-top: 5%;
    margin-bottom: 12%;
  }
}
div.contents-yonden div.contents-yonden-area02 div.contents-yonden-area02-kozoo-cont03-page01 {
  margin-top: 7%;
}
@media screen and (min-width: 768px) {
  div.contents-yonden div.contents-yonden-area02 div.contents-yonden-area02-kozoo-cont03-page01 {
    width: 47.6%;
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) {
  div.contents-yonden div.contents-yonden-area02 div.contents-yonden-area02-kozoo-cont03-page01.ir-size01 picture {
    display: block;
    width: 107%;
  }
}
div.contents-yonden div.contents-yonden-area02 div.contents-yonden-area02-kozoo-cont03-page01 .second-img {
  display: block;
  margin-top: 5%;
}
div.contents-yonden div.character-img {
  width: 26%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  transform: translate(0, -80%);
}
@media screen and (min-width: 768px) {
  div.contents-yonden div.character-img {
    width: 197px;
    height: auto;
    padding: 0;
    position: relative;
    margin: 0;
    transform: translate(0);
  }
}

span.caption01 {
  display: inline-block;
  font-size: 12px;
  line-height: 1.2em;
  padding-left: 4%;
  margin-left: 2.6em;
  margin-top: 5%;
  text-indent: -2.2em;
  color: #233e4e;
}

span.caption02 {
  display: inline-block;
  font-size: 12px;
  line-height: 1.2em;
  margin-left: 1em;
  margin-top: 1%;
  text-indent: -1em;
  color: #233e4e;
}

span.caption03 {
  display: inline-block;
  font-size: 12px;
  line-height: 1.4em;
  margin-left: 0em;
  margin-top: 5px;
  color: #233e4e;
}

div.contents-link {
  position: relative;
}
@media screen and (min-width: 768px) {
  div.contents-link {
    display: flex;
    flex-wrap: wrap;
  }
}
div.contents-link div.contents-link-yonden {
  width: 39.8%;
}
@media screen and (min-width: 768px) {
  div.contents-link div.contents-link-yonden {
    width: 29.2%;
  }
}
@media screen and (min-width: 768px) {
  div.contents-link div.contents-link-flex {
    width: 70.8%;
  }
}
div.contents-link p {
  width: 60.2%;
  font-weight: 400;
  position: absolute;
  right: 0;
  top: 10%;
  font-size: 1.32em;
  line-height: 1.6em;
}
@media screen and (min-width: 768px) {
  div.contents-link p {
    position: relative;
    top: 0;
    width: 100%;
    font-size: 17px;
    text-align: center;
  }
}
@media screen and (min-width: 1000px) {
  div.contents-link p {
    font-size: 18px;
  }
}
@media screen and (min-width: 1280px) {
  div.contents-link p {
    font-size: 20px;
  }
}
div.contents-link p span.set-block {
  font-weight: 400;
}
div.contents-link span.coming-soon-icon::after {
  left: -5vw;
}
@media screen and (min-width: 768px) {
  div.contents-link span.coming-soon-icon::after {
    left: -50px;
  }
}
div.contents-link a, div.contents-link span.coming-soon-btn {
  display: block;
  position: relative;
  color: #1D4055;
  background: #fff;
  border-radius: 10em;
  margin-top: 10%;
}
@media screen and (min-width: 768px) {
  div.contents-link a, div.contents-link span.coming-soon-btn {
    border-radius: 50px;
    margin-top: 6%;
    transition: all 0.3s;
  }
  div.contents-link a:hover, div.contents-link span.coming-soon-btn:hover {
    background: #E09763;
    color: #fff;
  }
  div.contents-link a:hover::before, div.contents-link span.coming-soon-btn:hover::before {
    right: 0.5em;
    background: url("/lp/kozoo/myimg/contents/contents-btn-arrow-hover.svg") no-repeat;
  }
}
@media screen and (min-width: 768px) and (min-width: 1000px) {
  div.contents-link a:hover::before, div.contents-link span.coming-soon-btn:hover::before {
    right: 2.4em;
  }
}
div.contents-link a::after, div.contents-link span.coming-soon-btn::after {
  content: "";
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  background: url("/lp/kozoo/myimg/contents/contents-btn-icon.svg") no-repeat;
  background-size: contain;
  position: absolute;
  top: 1%;
  left: 18%;
  transform: translate(0, -50%);
}
@media screen and (min-width: 768px) {
  div.contents-link a::after, div.contents-link span.coming-soon-btn::after {
    width: 1.4em;
    height: 1.4em;
    top: 3%;
    left: 11%;
  }
}
div.contents-link a::before, div.contents-link span.coming-soon-btn::before {
  content: "";
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  background: url("/lp/kozoo/myimg/contents/contents-btn-arrow.svg") no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 1.8em;
  transform: translate(0, -50%);
  transition: all 0.3s;
}
@media screen and (min-width: 768px) {
  div.contents-link a::before, div.contents-link span.coming-soon-btn::before {
    right: 1em;
    width: 1.4em;
    height: 1.4em;
  }
}
@media screen and (min-width: 1000px) {
  div.contents-link a::before, div.contents-link span.coming-soon-btn::before {
    right: 3em;
    width: 1.8em;
    height: 1.8em;
  }
}
div.contents-link a span, div.contents-link span.coming-soon-btn span {
  display: block;
  position: absolute;
  text-align: center;
  top: 50%;
  right: 0;
  left: -7%;
  margin: auto;
  font-size: 1.32em;
  font-weight: 600;
  transform: translate(0, -50%);
  line-height: 1.2em;
}
@media screen and (min-width: 768px) {
  div.contents-link a span, div.contents-link span.coming-soon-btn span {
    font-size: 14px;
    left: 0;
  }
}
@media screen and (min-width: 1000px) {
  div.contents-link a span, div.contents-link span.coming-soon-btn span {
    font-size: 18px;
  }
}
div.contents-link a span.sp-01, div.contents-link span.coming-soon-btn span.sp-01 {
  left: -12%;
}
@media screen and (min-width: 768px) {
  div.contents-link a span.sp-01, div.contents-link span.coming-soon-btn span.sp-01 {
    left: 0;
  }
}
div.contents-link span.coming-soon-btn {
  pointer-events: none;
  opacity: 0.5;
}

/*new-contents-link*/
div.new-contents-link h3.new-contents-copy {
  font-weight: 600;
  background: #1d4055;
  text-align: center;
  color: #FFF;
  padding: 2% 0;
}
@media screen and (min-width: 768px) {
  div.new-contents-link h3.new-contents-copy {
    font-size: 18px;
    padding: 12px 0;
  }
}
@media screen and (min-width: 1000px) {
  div.new-contents-link h3.new-contents-copy {
    font-size: 22px;
  }
}
div.new-contents-link ul.new-contents-list {
  margin-top: 6%;
}
@media screen and (min-width: 768px) {
  div.new-contents-link ul.new-contents-list {
    margin-top: 35px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
div.new-contents-link ul.new-contents-list li {
  display: flex;
  margin-bottom: 5%;
  padding: 4% 0;
  align-items: center;
  border-top: solid 1px #1d4055;
  border-bottom: solid 1px #1d4055;
}
@media screen and (min-width: 768px) {
  div.new-contents-link ul.new-contents-list li {
    width: 47%;
    padding: 15px 0;
  }
}
div.new-contents-link ul.new-contents-list li div.thumnail {
  width: 28%;
  overflow: hidden;
  position: relative;
}
div.new-contents-link ul.new-contents-list li div.thumnail::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: solid 2px #E09763;
  opacity: 0;
  transition: all 0.3s;
}
div.new-contents-link ul.new-contents-list li div.thumnail img {
  transition: all 0.3s;
}
div.new-contents-link ul.new-contents-list li p.subtitle {
  width: 67%;
  margin-left: 5%;
  line-height: 1.5em;
  color: #a9bfbf;
  transition: all 0.3s;
}
@media screen and (min-width: 1000px) {
  div.new-contents-link ul.new-contents-list li p.subtitle {
    font-size: 16px;
  }
}
div.new-contents-link ul.new-contents-list li p.subtitle span.inline-block {
  display: inline-block;
}
div.new-contents-link ul.new-contents-list li.link {
  padding: 0;
}
div.new-contents-link ul.new-contents-list li a {
  padding: 4% 0;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  div.new-contents-link ul.new-contents-list li a {
    padding: 15px 0;
  }
  div.new-contents-link ul.new-contents-list li a:hover div.thumnail::after {
    opacity: 1;
  }
  div.new-contents-link ul.new-contents-list li a:hover img {
    transform: scale(1.1);
  }
  div.new-contents-link ul.new-contents-list li a:hover p.subtitle {
    color: #E09763;
  }
}
div.new-contents-link ul.new-contents-list li a p.subtitle {
  color: #1b4055;
}

/*new-contents-link*/
/*new-contents-link*/
div.contents-menu-area-wrap {
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  div.contents-menu-area {
    max-width: 1360px;
    margin: auto;
  }
}
div.contents-menu-area div.contents-menu-area-title {
  position: relative;
  padding: 10% 0 7.2%;
  color: #1D4055;
}
@media screen and (min-width: 768px) {
  div.contents-menu-area div.contents-menu-area-title {
    width: 85%;
    max-width: 1100px;
    margin: auto;
    padding: 10% 0 5%;
  }
}
@media screen and (min-width: 1000px) {
  div.contents-menu-area div.contents-menu-area-title {
    padding: 10% 0 5.5%;
  }
}
@media screen and (min-width: 1280px) {
  div.contents-menu-area div.contents-menu-area-title {
    padding: 10% 0 6%;
  }
}
div.contents-menu-area div.contents-menu-area-title h2 span {
  display: block;
  text-align: center;
}
div.contents-menu-area div.contents-menu-area-title h2 span.title01 {
  font-size: 1.28em;
  letter-spacing: 0.18em;
}
@media screen and (min-width: 768px) {
  div.contents-menu-area div.contents-menu-area-title h2 span.title01 {
    font-size: 32px;
  }
}
@media screen and (min-width: 1000px) {
  div.contents-menu-area div.contents-menu-area-title h2 span.title01 {
    font-size: 42px;
  }
}
div.contents-menu-area div.contents-menu-area-title h2 span.title02 {
  font-size: 0.84em;
  line-height: 1.2em;
}
@media screen and (min-width: 768px) {
  div.contents-menu-area div.contents-menu-area-title h2 span.title02 {
    font-size: 15px;
    margin-top: 10px;
  }
}
@media screen and (min-width: 1000px) {
  div.contents-menu-area div.contents-menu-area-title h2 span.title02 {
    margin-top: 20px;
  }
}
div.contents-menu-area div.contents-menu-area-title div.contents-menu-area-line {
  width: 70.4%;
  position: absolute;
  bottom: 11%;
  right: 0;
}
@media screen and (min-width: 768px) {
  div.contents-menu-area div.contents-menu-area-title div.contents-menu-area-line {
    width: 84%;
    right: -15%;
  }
  div.contents-menu-area div.contents-menu-area-title div.contents-menu-area-line::after {
    content: "";
    position: absolute;
    display: block;
    width: 50vw;
    height: 3px;
    bottom: 8px;
    background: #1D4055;
    right: 0;
    transform: translate(100%, 0);
  }
}
@media screen and (min-width: 1280px) {
  div.contents-menu-area div.contents-menu-area-title div.contents-menu-area-line {
    width: 918px;
    right: -15%;
  }
}
div.contents-menu-area ul {
  width: 90%;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2.8%;
  margin-bottom: 2%;
}
@media screen and (min-width: 768px) {
  div.contents-menu-area ul {
    width: 85%;
    max-width: 1100px;
    gap: 1.2%;
    margin-bottom: 117px;
  }
}
div.contents-menu-area ul li {
  width: 48.6%;
  border-radius: 0.6em;
  margin-bottom: 2.4%;
  background: #8BB8C5;
  position: relative;
  border: solid 3px #fff;
  box-shadow: rgba(0, 0, 0, 0.4) 2px 2px 5px;
}
@media screen and (min-width: 768px) {
  div.contents-menu-area ul li {
    width: 24%;
    margin-bottom: 0;
    transition: all 0.3s;
  }
  div.contents-menu-area ul li:hover {
    background: #E09763;
    transform: translate(2px, 2px);
    box-shadow: none;
  }
  div.contents-menu-area ul li:hover::after {
    bottom: 5%;
  }
}
div.contents-menu-area ul li a {
  display: block;
  padding: 10% 0 17%;
}
div.contents-menu-area ul li::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background: url("/lp/kozoo/myimg/arrow02.svg") no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 8%;
  left: 0;
  right: 0;
  margin: auto;
  transition: all 0.3s;
}
div.contents-menu-area ul li.coming-soon {
  background: #C6C6C6;
}
div.contents-menu-area ul li.coming-soon div.coming-soon-img {
  padding: 10% 0 17%;
}
div.contents-menu-area ul li.coming-soon::after {
  background: url("/lp/kozoo/myimg/arrow03.svg") no-repeat;
}
div.contents-menu-area ul li.coming-soon:hover::after {
  bottom: 8%;
}
div.contents-menu-area ul li.list-kozoo {
  background: none;
}
div.contents-menu-area ul li.list-kozoo::after {
  content: none;
}
div.contents-menu-area ul li.cont03 {
  background: #b6cb99;
}
@media screen and (min-width: 768px) {
  div.contents-menu-area ul li.cont03:hover {
    background: #E09763;
  }
}
div.contents-menu-area ul li.cont04 {
  background: #b6cb99;
}
div.contents-menu-area ul li.cont04::after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 8%;
  left: 60%;
  margin: 0;
  transition: all 0.3s;
}
@media screen and (min-width: 768px) {
  div.contents-menu-area ul li.cont04::after {
    bottom: 8%;
  }
}
div.contents-menu-area ul li.cont04 a {
  display: block;
  padding: 10% 0 5%;
}
@media screen and (min-width: 768px) {
  div.contents-menu-area ul li.cont04 a {
    padding: 10% 0 5%;
  }
}
@media screen and (min-width: 768px) {
  div.contents-menu-area ul li.cont04:hover {
    background: #E09763;
  }
  div.contents-menu-area ul li.cont04:hover::after {
    bottom: 5%;
  }
}
div.contents-menu-area ul li.list-kozoo {
  background: none;
  box-shadow: none;
  border: none;
  margin-top: 5%;
}
@media screen and (min-width: 768px) {
  div.contents-menu-area ul li.list-kozoo {
    margin-top: 30px;
  }
}
div.contents-menu-area ul li.list-kozoo::after {
  content: none;
}
div.contents-menu-area ul li.list-kozoo:hover {
  transform: translate(0);
}/*# sourceMappingURL=contents.css.map */