@charset "UTF-8";

.wrap {
  width: 100%;
}

.header {
  width: 100%;
}

.wrap__bg_01 {
  width: 100%;
  background-image: url(../img/bg_01.png);
  background-size: 60% auto;
  background-repeat: repeat;
  background-position: center;
}

.wrap__bg_02 {
  width: 100%;
  background-image: url(../img/bg_02.png);
  background-size: 60% auto;
  background-repeat: repeat;
  background-position: center;
}

.wrap__bg_03 {
  width: 100%;
  background-image: url(../img/bg_03.png);
  background-size: 60% auto;
  background-repeat: repeat;
  background-position: center;
}

.content {
  width: 800px;
  margin: 0 auto;
}

.inner {
  width: 100%;
  margin: 0 auto;
  padding: 60px 0;
}

.inner p {
  margin-bottom: 1.2em;
}

.inner p span {
  font-weight: 500;
}

.image__cut {
  width: 60%;
  margin: 50px auto 60px;
  font-size: 14px;
}

.image__cut img {
  border: #ccc solid 1px;
  margin-bottom: 5px;
}

.image__flex {
	display: flex;
  width: 90%;
  margin: 50px auto 60px;
  font-size: 14px;
}

.image__flex li {
  position: relative;
	display: flex;
	align-items: center;
  margin-right: 5%;
  padding-bottom: 28px;
}

.image__flex li:last-child {
  margin-right: 0;
}

.image__flex li img {
	height: 360px;
  border: #ccc solid 1px;
}

.image__flex li span {
  display: block;
  position: absolute;
  width: 100%;
  height: auto;
  bottom: 0;
  left: 0;
  font-size: 14px;
}

.image__flex_02 {
	display: flex;
  width: 90%;
  margin: 50px auto 60px;
  font-size: 14px;
}

.image__flex_02 li {
  position: relative;
	display: flex;
	align-items: center;
  margin-right: 5%;
  padding-bottom: 28px;
}

.image__flex_02 li:last-child {
  margin-right: 0;
}

.image__flex_02 li img {
	height: 280px;
  border: #ccc solid 1px;
}

.image__flex_02 li span {
  display: block;
  position: absolute;
  width: 100%;
  height: auto;
  bottom: 0;
  left: 0;
  font-size: 14px;
}

.photo {
  width: 80%;
  margin: 50px auto 60px;
}

.profile {
  padding: 60px 0;
}

.profile li {
  display: inline-block;
  width: 45%;
  margin-right: 10%;
  vertical-align: bottom;
}

.profile li:last-child {
  margin-right: 0;
  font-size: 14px;
}

.profile__name {
  width: 100%;
  padding: 30px 0;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20503.47%20199.56%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fcdce8%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M304%2C1145.6l33.54-50a133.39%2C133.39%2C0%2C0%2C0-24.08%2C3.3%2C185.42%2C185.42%2C0%2C0%2C0-21.67%2C6.11q-9%2C3.24-16.1%2C6.15t-10.17%2C4.13a2.66%2C2.66%2C0%2C0%2C1-1.54-.55%2C1.59%2C1.59%2C0%2C0%2C1-.77-1.32q0-.89%2C5.11-10.78t12-21.22q38.49-13.74%2C67.95-13.74%2C34.08%2C0%2C47.28%2C14.51a34.65%2C34.65%2C0%2C0%2C1%2C7.31%2C12.48%2C44.51%2C44.51%2C0%2C0%2C1%2C2.58%2C14.68%2C65%2C65%2C0%2C0%2C1-6.87%2C30A69.31%2C69.31%2C0%2C0%2C1%2C379%2C1162.65a91.94%2C91.94%2C0%2C0%2C1-30%2C15.11%2C129.89%2C129.89%2C0%2C0%2C1-37.82%2C5.23q-3.63%2C0-14.85-1.32l-9.89%2C18a7.5%2C7.5%2C0%2C0%2C1%2C1.54%2C3.74%2C10.09%2C10.09%2C0%2C0%2C1-1.54%2C5.71q-2.21%2C3.3-5.83%2C8.69t-4.89%2C7.15a16.83%2C16.83%2C0%2C0%2C1-2.86%2C3.08%2C5%2C5%2C0%2C0%2C1-3.14%2C1.32c-2.12%2C0-3.48-.65-4.06-1.93a13%2C13%2C0%2C0%2C1-.88-5.33q0-4.85%2C4.78-15.34T284%2C1178.92a20.27%2C20.27%2C0%2C0%2C1-8-5.17c-1.9-2.12-2.86-4.21-2.86-6.27q0-6.81%2C7.81-12.64T304%2C1145.6Zm11.43%2C3-6.26%2C10.56c2.78.14%2C5.26.29%2C7.42.44s4%2C.22%2C5.44.22q19.25%2C0%2C33.37-5.17t22.43-12.81q8.31-7.63%2C12-15.34t3.74-12.86a13%2C13%2C0%2C0%2C0-5.72-11.22q-5.72-4.07-16.43-5.55a208.81%2C208.81%2C0%2C0%2C0-27.66-1.49%2C16.69%2C16.69%2C0%2C0%2C1%2C.22%2C3q0%2C5.73-6.05%2C15.07l-19.13%2C30%2C14.41-1.65c1.17%2C0%2C1.76.55%2C1.76%2C1.65s-1%2C1.62-2.86%2C2Z%22%20transform%3D%22translate(-263.17%20-1067.65)%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M399.4%2C1184.75v-7.15a107.12%2C107.12%2C0%2C0%2C0%2C9-12%2C12.11%2C12.11%2C0%2C0%2C1-5.11-3%2C7.68%2C7.68%2C0%2C0%2C1-1.59-5.28q0-4%2C3.29-10a57.76%2C57.76%2C0%2C0%2C1%2C8.14-11.32q4.85-5.28%2C8.8-6.82a6.63%2C6.63%2C0%2C0%2C1%2C3-.77c1.46%2C0%2C2.2.7%2C2.2%2C2.09s-1.14%2C3.78-3.41%2C7.59q22.65-3.53%2C28.58-3.52a8%2C8%2C0%2C0%2C1%2C3.19.44c1.25.66%2C2.27%2C2.2%2C3.08%2C4.62a22.64%2C22.64%2C0%2C0%2C1%2C1.21%2C7.25%2C8.57%2C8.57%2C0%2C0%2C1-2%2C5%2C104.63%2C104.63%2C0%2C0%2C1-7%2C7.86%2C65.15%2C65.15%2C0%2C0%2C0-9.79%2C13.63q-4%2C7.36-4%2C11.11%2C0%2C5.16%2C6.38%2C5.16%2C6.71%2C0%2C23.31-13.63v7.37q-9.13%2C9.55-15.07%2C15.06a79.78%2C79.78%2C0%2C0%2C1-11%2C8.74q-5.06%2C3.24-9%2C3.24a9.2%2C9.2%2C0%2C0%2C1-7.69-4.23q-3.09-4.23-3.08-12.26a29.33%2C29.33%2C0%2C0%2C1%2C2.42-10.77%2C74.08%2C74.08%2C0%2C0%2C1%2C7.09-13.14%2C159%2C159%2C0%2C0%2C1%2C10.5-14.13q-3.08.66-6.93%2C1.37c-2.56.48-5.28%2C1-8.13%2C1.49s-5.06.91-6.6%2C1.21A79.43%2C79.43%2C0%2C0%2C1%2C399.4%2C1184.75Z%22%20transform%3D%22translate(-263.17%20-1067.65)%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M537%2C1176.06v7.37q-7.26%2C6.58-11.66%2C8.79T512.65%2C1194q-14.29%2C16.93-25.18%2C16.93a17.47%2C17.47%2C0%2C0%2C1-11.22-4.06%2C28.32%2C28.32%2C0%2C0%2C1-8.08-11.11%2C39.52%2C39.52%2C0%2C0%2C1-3-15.72q0-7%2C4.67-15.62a70%2C70%2C0%2C0%2C1%2C12.1-16%2C68.15%2C68.15%2C0%2C0%2C1%2C15.88-12q8.47-4.56%2C15.73-4.56a17.36%2C17.36%2C0%2C0%2C1%2C8.13%2C1.59%2C4.91%2C4.91%2C0%2C0%2C1%2C3%2C4.46c0%2C1.46-.84%2C3.15-2.53%2C5%2C2.79.59%2C4.69%2C1.56%2C5.72%2C2.92s1.54%2C3.83%2C1.54%2C7.42a47%2C47%2C0%2C0%2C1-2.47%2C13.3%2C66.27%2C66.27%2C0%2C0%2C1-6.77%2C15.07l2%2C2h1.65a8%2C8%2C0%2C0%2C0%2C3.69-.94%2C23.59%2C23.59%2C0%2C0%2C0%2C3.24-2Q532.11%2C1179.7%2C537%2C1176.06Zm-22.65-28.92q-9.13%2C5.5-15.62%2C9.95a75.54%2C75.54%2C0%2C0%2C0-11%2C9%2C24.24%2C24.24%2C0%2C0%2C0-6.05%2C9.18q-2.75%2C12.32-2.75%2C13.3%2C0%2C7.26%2C10.12%2C7.26%2C4.73%2C0%2C15.83-8.14a28.93%2C28.93%2C0%2C0%2C1-1.87-9.89%2C38%2C38%2C0%2C0%2C1%2C2.86-14.13A117.19%2C117.19%2C0%2C0%2C1%2C514.3%2C1147.14Z%22%20transform%3D%22translate(-263.17%20-1067.65)%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M598%2C1176.28v7.59q-6.6%2C6.59-10%2C9.56a47.7%2C47.7%2C0%2C0%2C1-9.34%2C6%2C124.75%2C124.75%2C0%2C0%2C1-1%2C17%2C56.59%2C56.59%2C0%2C0%2C1-4.4%2C14.79%2C83.44%2C83.44%2C0%2C0%2C1-10.55%2C17%2C69.23%2C69.23%2C0%2C0%2C1-13.86%2C14q-6.81%2C4.89-10.66%2C4.89-4.29%2C0-7.92-7t-3.63-17.48a72%2C72%2C0%2C0%2C1%2C3.41-21.11q3.4-11.11%2C10.56-28.7-5.4-7-5.39-14%2C0-5.61%2C2.86-8.58a26.56%2C26.56%2C0%2C0%2C1%2C8.13-5.39%2C111.15%2C111.15%2C0%2C0%2C1%2C7.31-10.28q3.46-4.23%2C9.41-11.27a452.56%2C452.56%2C0%2C0%2C1%2C26.82-55q4.29-7.48%2C6.16-10.06c1.25-1.72%2C2.57-2.59%2C4-2.59s2.34.92%2C3.3%2C2.75a15.56%2C15.56%2C0%2C0%2C1%2C1.43%2C7.15%2C39.76%2C39.76%2C0%2C0%2C1-1.16%2C9.89%2C51.38%2C51.38%2C0%2C0%2C1-3.3%2C9.08q-2.15%2C4.56-5.93%2C10.94t-4.68%2C7.91q-5.49%2C9.68-12.42%2C21.44l-10.94%2C18.58q-4%2C6.82-5.77%2C10.23a126.17%2C126.17%2C0%2C0%2C1%2C9.4%2C8.91%2C36.88%2C36.88%2C0%2C0%2C1%2C6%2C8.9%2C37.12%2C37.12%2C0%2C0%2C0%2C6.82-3.41%2C76.75%2C76.75%2C0%2C0%2C0%2C7.25-5.44Q594%2C1179.25%2C598%2C1176.28Zm-32.88%2C29.47-.21-2.31a26.59%2C26.59%2C0%2C0%2C1-5%2C.16%2C21.37%2C21.37%2C0%2C0%2C1-4.35-.93%2C28.59%2C28.59%2C0%2C0%2C1-3.84-1.43q-1.38-.66-3-1.32-8.36%2C20.44-8.35%2C34a28.83%2C28.83%2C0%2C0%2C0%2C2%2C11.44q2%2C4.73%2C4.78%2C4.73t7.2-5.06q4.35-5.05%2C7.54-15T565.09%2C1205.75Z%22%20transform%3D%22translate(-263.17%20-1067.65)%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M650.31%2C1176.28v8q-10.66%2C13.74-19.9%2C20.72t-15.73%2C7q-9%2C0-13.41-9.45a48.48%2C48.48%2C0%2C0%2C1-4.4-20.67%2C36.91%2C36.91%2C0%2C0%2C1%2C.88-8.19%2C30.83%2C30.83%2C0%2C0%2C1%2C2.09-6.44q1.21-2.52%2C4.51-7.91%2C15.6-24.3%2C28.58-24.3c4.48%2C0%2C6.71%2C1.72%2C6.71%2C5.17q0%2C3.51-4.34%2C11t-7.75%2C10.67a171.38%2C171.38%2C0%2C0%2C0-12.48%2C12.86%2C12.79%2C12.79%2C0%2C0%2C0-2.92%2C8.25%2C8.46%2C8.46%2C0%2C0%2C0%2C3%2C6.59%2C11.16%2C11.16%2C0%2C0%2C0%2C7.7%2C2.64q5.16%2C0%2C11.38-3.79A140.82%2C140.82%2C0%2C0%2C0%2C650.31%2C1176.28Zm-7.48-49.15a8%2C8%2C0%2C0%2C1-5.22-2.09%2C6.61%2C6.61%2C0%2C0%2C1-2.48-5.28q0-4.83%2C4.62-10.77t9.57-5.94a7.78%2C7.78%2C0%2C0%2C1%2C5.5%2C2A7.61%2C7.61%2C0%2C0%2C1%2C657%2C1111q0%2C4.72-4.5%2C10.44T642.83%2C1127.13Z%22%20transform%3D%22translate(-263.17%20-1067.65)%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M701.88%2C1175.07v8.14q-23%2C30.45-37.39%2C30.45-7.8%2C0-12.26-8.52t-4.45-22.37q0-11.22%2C5.28-26.67a191.74%2C191.74%2C0%2C0%2C1%2C14.12-31.33%2C197.59%2C197.59%2C0%2C0%2C1%2C18.37-27.71q9.51-11.82%2C17.64-16.55%2C3.3-2%2C5.17-2a3%2C3%2C0%2C0%2C1%2C3.08%2C2%2C22%2C22%2C0%2C0%2C1%2C.77%2C7q0%2C15.29-12.42%2C37.55t-34.64%2C45.46a50.65%2C50.65%2C0%2C0%2C0-1.1%2C8.8q0%2C7%2C3%2C11.43a9.61%2C9.61%2C0%2C0%2C0%2C8.41%2C4.4%2C10.78%2C10.78%2C0%2C0%2C0%2C5.93-2.14%2C59.59%2C59.59%2C0%2C0%2C0%2C6.71-5.34Q691.66%2C1184.53%2C701.88%2C1175.07ZM669%2C1155.28a110.1%2C110.1%2C0%2C0%2C0%2C11-12.76%2C158.9%2C158.9%2C0%2C0%2C0%2C10.06-15.28%2C126.37%2C126.37%2C0%2C0%2C0%2C7.42-14.62q2.7-6.49%2C2.7-9.79c0-1.68-.59-2.53-1.76-2.53a6.48%2C6.48%2C0%2C0%2C0-2.53%2C1.21q-6.71%2C5.51-15.07%2C21.5A127.77%2C127.77%2C0%2C0%2C0%2C669%2C1155.28Z%22%20transform%3D%22translate(-263.17%20-1067.65)%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M718.48%2C1180.24V1183q0%2C6.48%2C3.19%2C10.11a10.58%2C10.58%2C0%2C0%2C0%2C8.35%2C3.63%2C27.69%2C27.69%2C0%2C0%2C0%2C11.16-2.53%2C60.43%2C60.43%2C0%2C0%2C0%2C11.49-6.71q5.72-4.17%2C14-11.21V1183q-12.43%2C15-23.31%2C22.92t-22.1%2C8a18.41%2C18.41%2C0%2C0%2C1-15.51-7.58q-5.72-7.59-5.71-20.78a41.39%2C41.39%2C0%2C0%2C1%2C5.38-21q5.39-9.4%2C17.6-19.85a68%2C68%2C0%2C0%2C1%2C16.6-10.77q8.25-3.63%2C14.73-3.63%2C5.17%2C0%2C8.19%2C2.36c2%2C1.58%2C3%2C3.94%2C3%2C7.1q0%2C6.92-5.17%2C13.79t-15.78%2C13.64A161.61%2C161.61%2C0%2C0%2C1%2C718.48%2C1180.24Zm1.1-7.15a62.33%2C62.33%2C0%2C0%2C0%2C16.93-9.57%2C48.61%2C48.61%2C0%2C0%2C0%2C10.39-10.94c2.23-3.48%2C3.35-6%2C3.35-7.64s-.77-2.53-2.31-2.53c-1.32%2C0-3.46.85-6.43%2C2.53a53.25%2C53.25%2C0%2C0%2C0-9%2C6.6%2C48.19%2C48.19%2C0%2C0%2C0-8.2%2C9.57A31%2C31%2C0%2C0%2C0%2C719.58%2C1173.09Z%22%20transform%3D%22translate(-263.17%20-1067.65)%22%2F%3E%3C%2Fsvg%3E');
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: left;
}

.profile__name img {
  width: 42%;
}

.partition__line {
  width: 100%;
  text-align: center;
}

.partition__line img {
  width: 160px;
}

.heading {
  width: 100%;
  padding: 1.6em 0;
  margin-bottom: 60px;
  text-align: center;
  color: #ff7bc2;
  font-size: 34px;
  font-weight: 700;
  background-image:
    url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20167.54%20129.09%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fcdce8%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M505.05%2C1153.94h46.24l-26.55%2C52.64H555V1283H479v-76.45Zm91.55%2C0h46.24l-26.55%2C52.64H646.5V1283h-76v-76.45Z%22%20transform%3D%22translate(-478.96%20-1153.94)%22%2F%3E%3C%2Fsvg%3E'),
    url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20167.54%20129.09%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fcdce8%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M620.41%2C1283H574.17l26.55-52.64H570.51v-76.45h76v76.45Zm-91.55%2C0H482.62l26.55-52.64H479v-76.45h76v76.45Z%22%20transform%3D%22translate(-478.96%20-1153.94)%22%2F%3E%3C%2Fsvg%3E');
  background-size:
    10% auto,
    10% auto;
  background-position:
    top left,
    bottom right;
  background-repeat:
    no-repeat,
    no-repeat;
}

.heading__top {
  margin-top: 60px;

}

.heading__text li {
  display: inline-block;
  color: #ff7bc2;
  font-size: 34px;
  font-weight: 700;
}

.heading__text li:first-child {
  color: #00afec;
}

.heading__text li:last-child {
 transform: rotate( 12deg );
}

.cover {
  display: flex;
  gap: 0 4%;
  width: 80%;
  margin: 60px auto 0;
}

.cover .item {
  border: #ccc solid 1px;
}

.comics__btn a {
  display: block;
  width: 60%;
  margin: 40px auto 0;
  padding: 1.2rem 0;
  background-color: #ff7bc2;
  text-align: center;
  font-size: 28px;
  font-weight: 500;
  color: #fff;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20182.79%20335.88%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2214.85%20335.88%200%20321.03%20153.09%20167.94%200%2014.85%2014.85%200%20182.79%20167.94%2014.85%20335.88%22%2F%3E%3C%2Fsvg%3E');
  background-size: 3% auto;
  background-repeat: no-repeat;
  background-position: center right 5%;
  border-radius: 100vw;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.next__btn a {
  display: block;
  width: 80%;
  margin: 80px auto 0;
  padding: 2rem 0 2rem 3.6rem;
  background-color: #5bccf3;
  font-size: 24px;
  font-weight: 500;
  color: #fff;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20182.79%20335.88%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2214.85%20335.88%200%20321.03%20153.09%20167.94%200%2014.85%2014.85%200%20182.79%20167.94%2014.85%20335.88%22%2F%3E%3C%2Fsvg%3E');
  background-size: 3% auto;
  background-repeat: no-repeat;
  background-position: center right 4%;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.next__btn span {
  display: block;
  font-size: 18px;
  text-indent: .8em;
}

.next__btn_02 a {
  display: block;
  width: 80%;
  margin: 90px auto 0;
  padding: 2rem 0 2rem 3.6rem;
  background-color: #5bccf3;
  font-size: 24px;
  font-weight: 500;
  color: #fff;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20182.79%20335.88%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%22167.94%200%20182.79%2014.85%2029.7%20167.94%20182.79%20321.03%20167.94%20335.88%200%20167.94%20167.94%200%22%2F%3E%3C%2Fsvg%3E');
  background-size: 3% auto;
  background-repeat: no-repeat;
  background-position: center left 4%;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.next__btn_02 span {
  display: block;
  font-size: 18px;
  text-indent: .8em;
}

.footer {
  width: 100%;
  margin: 0 auto;
  padding: 60px 0;
  font-size: 12px;
  text-align: center;
  color: #fff;
  line-height: 1.8;
  background-image: url(../img/footer_bg.jpg);
  background-repeat: repeat;
  background-size: 40% auto;
}

.social {
  width: 800px;
  margin: 60px auto;
}

.social ul {
  text-align: center;
}

.social ul li {
  display: inline-block;
  width: 6%;
  margin: 0 2% 0;
  vertical-align: middle;
}

@media screen and (min-width: 1px) and (max-width: 767px) {
  .pc_display {
    display: none;
  }

  .wrap__bg_01 {
    background-size: 100% auto;
  }

  .wrap__bg_02 {
    background-size: 100% auto;
  }

  .wrap__bg_03 {
    background-size: 100% auto;
  }

  .content {
    width: 100%;
    margin: 0 auto;
  }

  .inner {
    width: 100%;
    padding: 40px 0;
  }

  .inner p {
    width: 90%;
    margin: 0 auto 1.2em;
  }

  .image__cut {
    width: 70%;
    margin: 40px auto 50px;
    font-size: 14px;
  }

  .image__cut img {
    border: #ccc solid 1px;
    margin-bottom: 5px;
  }

  .image__cut__sp__outer {
    width: 70%;
    margin: 40px auto 50px;
    font-size: 14px;
  }

  .image__cut__sp {
    width: 100%;
    margin: 0 auto 10px;
    font-size: 14px;
  }

  .image__cut__sp img {
    border: #ccc solid 1px;
    margin-bottom: 5px;
  }

  .photo {
    width: 100%;
    margin: 40px auto 40px;
  }

  .profile {
    padding: 40px 0;
  }

  .profile li {
    width: 100%;
    margin-right: 0;
  }

  .profile li:last-child {
    display: block;
    width: 90%;
    margin: 10px auto;
    margin-top: 10px;
  }

  .profile__name {
    padding: 20px 0;
  }

  .profile__name img {
    width: 40%;
  }

  .partition__line img {
    width: 30%;
  }

  .heading {
    width: 90%;
    padding: 1em 0;
    margin: 0 auto 40px;
    font-size: 28px;
    background-size:
      10% auto,
      10% auto;
    line-height: 1.4;
  }

  .heading__top {
    margin-top: 40px;

  }

  .heading__text li {
    font-size: 28px;
  }

  .cover {
    width: 90%;
    margin: 20px auto 0;
  }

  .cover .item {
    border: #ccc solid 1px;
  }

  .comics__btn a {
    width: 90%;
    margin: 20px auto 0;
    padding: 1.2rem 0;
    font-size: 20px;
    background-position: center right 3%;
  }

  .next__btn a {
    width: 90%;
    margin: 40px auto 0;
    padding: 1.4rem 2.6rem 1.4rem 1.4rem;
    font-size: 20px;
    background-position: center right 4%;
  }

  .next__btn span {
    font-size: 14px;
  }

  .next__btn_02 a {
    width: 90%;
    margin: 40px auto 0;
    padding: 1.4rem 1.4rem 1.4rem 2.6rem;
    font-size: 20px;
    background-position: center left 4%;
  }

  .next__btn_02 span {
    font-size: 14px;
  }

  .footer {
    padding: 40px 0;
    font-size: 12px;
    background-size: 60% auto;
  }

  .social {
    width: 100%;
    margin: 40px auto;
  }

  .social ul li {
    display: inline-block;
    width: 12%;
    margin: 0 4% 0;
    vertical-align: middle;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .sp_display {
    display: none;
  }

  .header {
    height: 460px;
    background-image: url(../img/pc_top.jpg);
    background-size: auto 460px;
    background-position: top center;
    background-repeat: no-repeat;
  }

  .wrap__bg_01 {
    background-size: 100% auto;
  }

  .wrap__bg_02 {
    background-size: 100% auto;
  }

  .wrap__bg_03 {
    background-size: 100% auto;
  }

  .content {
    width: 100%;
  }

  .inner {
    width: 80%;
  }

  .profile {
    width: 80%;
    margin: 0 auto;
  }

  .heading {
    font-size: 28px;
  }

  .heading__text li {
    font-size: 28px;
  }

  .comics__btn a {
    width: 50%;
    font-size: 22px;
  }

  .next__btn a {
    padding: 2rem 0 2rem 3rem;
    font-size: 20px;
  }

  .next__btn span {
    font-size: 16px;
    text-indent: .8em;
  }

  .next__btn_02 a {
    padding: 2rem 0 2rem 3rem;
    background-color: #5bccf3;
    font-size: 20px;
  }

  .next__btn_02 span {
    font-size: 16px;
    text-indent: .8em;
  }


  .image__flex li img {
  	height: 300px;
  }

  .image__flex_02 li img {
  	height: 230px;
    }

  .social {
    width: 100%;
  }

}

@media screen and (min-width: 1025px) {
  .sp_display {
    display: none;
  }

  .header {
    height: 700px;
    background-image: url(../img/pc_top.jpg);
    background-size: auto 700px;
    background-position: top center;
    background-repeat: no-repeat;
  }

  .comics__btn a:hover {
    text-decoration: none;
    background-color: #fdb2da;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: 'alpha(opacity=70)';
  }

  .next__btn a:hover {
    text-decoration: none;
    background-color: #9edef4;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: 'alpha(opacity=70)';
  }

  .next__btn_02 a:hover {
    text-decoration: none;
    background-color: #9edef4;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: 'alpha(opacity=70)';
  }

  .alpha a {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }

  .alpha a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: 'alpha(opacity=70)';
  }

  a.btn_over img {
    -webkit-transition: -weblit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    -ms-transition: -ms-transform 0.3s;
    transition: transform 0.3s;
  }

  a.btn_over img:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
}