@charset "UTF-8";
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul {
  list-style: none; }

li {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

/* CSS Document */
body {
  color: #1D1D1D;
  font: 14px/1.7 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, sans-serif;
  -webkit-text-size-adjust: none;
  background: #edfff1; }

img {
  border: 0;
  vertical-align: top; }

sup {
  vertical-align: super;
  font-size: .6em; }

sub {
  vertical-align: text-bottom;
  font-size: .4em; }

/**
 * ANCHOR
 */
a,
.text-link {
  color: #1183C0; }

.mr a,
a.mr,
a:hover {
  text-decoration: none; }

.mr a:hover,
a.mr:hover {
  text-decoration: underline; }

/**
 * ALIGN
 */
.align-left {
  text-align: left; }

.align-center {
  text-align: center; }

.align-right {
  text-align: right; }

/**
 * FLOAT
 */
.float-left {
  float: left; }

.float-right {
  float: right; }

.clear {
  clear: both; }

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

/**
 * LAYOUT
 */
.block {
  min-width: 1160px; }

.layout {
  width: 1160px;
  margin: 0 auto;
  background: #fff;
  overflow: hidden; }

.inner {
  width: 960px;
  margin: 0 auto; }

/**
 * HEADER
 */
header {
  height: 100px; }
  header .logo {
    float: left;
    padding-top: 23px; }
  header .button {
    float: right;
    padding-top: 18.5px;
    margin-right: 15px; }
  header .tel {
    float: right;
    padding-top: 22px; }

.main-visual .visual-wrap {
  background: url("../img/main/bg.jpg") no-repeat center top;
  margin-bottom: 50px;
  min-height: 749px; }

.main-visual h1 {
  padding-left: 310px;
  padding-top: 35px;
  margin-bottom: 10px; }

.main-visual .ribon {
  text-align: center; }

.main-visual .button {
  text-align: center;
  margin-bottom: 70px; }

.section01 {
  margin-bottom: 110px; }
  .section01 .green-area {
    padding: 70px 0 120px;
    background: #d7ffdf url("../img/section01/bg.png") no-repeat center bottom;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.35); }
  .section01 h2 {
    text-align: center;
    margin-bottom: 40px; }
  .section01 h3 {
    text-align: center;
    margin-bottom: 80px; }
  .section01 .compare {
    text-align: center; }
  .section01 .example {
    padding-top: 124px; }
    .section01 .example .outer {
      background: #00a865; }
      .section01 .example .outer img {
        margin-top: -124px; }

.section02 {
  margin-bottom: 20px; }
  .section02 h2 {
    text-align: center;
    margin-bottom: 25px; }
  .section02 .descript {
    font-size: 26px;
    text-align: center;
    margin-bottom: 55px; }
  .section02 .graph-wrap {
    background: url("../img/common/graph-back.jpg") repeat-x center top;
    padding-bottom: 90px; }
    .section02 .graph-wrap .graph {
      margin-top: -25px;
      float: left;
      margin-left: 45px; }
    .section02 .graph-wrap .text {
      width: 525px;
      float: right;
      padding-top: 80px; }
      .section02 .graph-wrap .text h3 {
        font-size: 34px;
        font-weight: normal;
        line-height: 1.4;
        margin-bottom: 25px; }
        .section02 .graph-wrap .text h3 span {
          display: inline-block;
          border-bottom: 3px double #ec0c17; }
      .section02 .graph-wrap .text p {
        font-size: 30px;
        line-height: 1.4; }
        .section02 .graph-wrap .text p strong {
          font-weight: bold;
          font-size: 33px;
          color: #ec0c17; }
  .section02 .strong-wrap {
    background: #00a865;
    background: -moz-linear-gradient(top, #00a865 0%, #00a865 63%, #fff 63%, #fff 100%);
    background: -webkit-linear-gradient(top, #00a865 0%, #00a865 63%, #fff 63%, #fff 100%);
    background: linear-gradient(to bottom, #00a865 0%, #00a865 63%, #fff 63%, #fff 100%);
    text-align: center;
    padding: 40px 0 30px; }
    .section02 .strong-wrap .strong-outer {
      width: 900px;
      margin: 0 auto;
      -webkit-border-radius: 40px;
      -moz-border-radius: 40px;
      border-radius: 40px;
      -webkit-box-shadow: 0 10px 14px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 10px 14px rgba(0, 0, 0, 0.2);
      box-shadow: 0 10px 14px rgba(0, 0, 0, 0.2);
      background: url("../img/section02/strong/back.png") repeat center top; }
    .section02 .strong-wrap .strong-inner {
      min-height: 425px;
      background: url("../img/section02/strong/map.png") no-repeat 65px 135px; }
    .section02 .strong-wrap h3 {
      padding-top: 45px;
      font-size: 30px;
      font-weight: normal;
      line-height: 1.3; }
      .section02 .strong-wrap h3 strong {
        font-weight: normal;
        font-size: 40px;
        color: #ec0c17;
        display: inline-block;
        line-height: 1;
        background: #f0f416;
        background: -moz-linear-gradient(top, transparent 0%, transparent 63%, #f0f416 63%, #f0f416 100%);
        background: -webkit-linear-gradient(top, transparent 0%, transparent 63%, #f0f416 63%, #f0f416 100%);
        background: linear-gradient(to bottom, transparent 0%, transparent 63%, #f0f416 63%, #f0f416 100%); }
    .section02 .strong-wrap .ribon {
      padding-top: 25px;
      padding-left: 345px;
      text-align: left; }
  .section02 .button {
    text-align: center;
    margin-bottom: 55px; }
  .section02 .manga {
    text-align: center; }

.section03 {
  margin-bottom: 35px; }
  .section03 h2 {
    text-align: center;
    margin-bottom: 40px; }
  .section03 .img {
    margin-bottom: 15px;
    text-align: center; }
  .section03 .descript {
    text-align: center;
    font-size: 26px;
    line-height: 1.4;
    margin-bottom: 45px; }
    .section03 .descript strong {
      font-weight: normal;
      color: #ec0c17; }
  .section03 .graph-wrap {
    background: url("../img/common/graph-back.jpg") repeat-x center top; }
    .section03 .graph-wrap .inner {
      position: relative;
      padding-bottom: 55px; }
    .section03 .graph-wrap .graph {
      margin-top: -15px;
      margin-left: 30px;
      float: left; }
    .section03 .graph-wrap .text {
      padding-top: 30px;
      width: 585px;
      float: right;
      text-align: left; }
      .section03 .graph-wrap .text h3 {
        font-weight: bold;
        font-size: 34px;
        margin-bottom: 20px; }
      .section03 .graph-wrap .text li {
        line-height: 1.4;
        font-size: 30px; }
        .section03 .graph-wrap .text li::before {
          content: '●';
          color: #00a865; }
    .section03 .graph-wrap .illust {
      position: absolute;
      right: 0;
      bottom: 0; }
  .section03 .evidence {
    margin-bottom: 60px; }
  .section03 .button {
    text-align: center;
    margin-bottom: 50px; }
  .section03 .manga {
    text-align: center;
    margin-bottom: 25px; }
  .section03 .text {
    text-align: center;
    font-size: 26px; }

.section04 {
  margin-bottom: 30px; }
  .section04 h2 {
    text-align: center;
    margin-bottom: 45px; }
  .section04 .binder-wrap {
    margin-bottom: 50px;
    background: url("../img/section04/back-body.jpg") repeat-y center top; }
  .section04 .binder-outer {
    background: url("../img/section04/back-head.jpg") no-repeat center top;
    padding-top: 40px; }
  .section04 .binder-inner {
    background: url("../img/section04/back-foot.jpg") no-repeat center bottom;
    padding: 0 40px 40px; }
  .section04 .binder {
    background: url("../img/section04/inner.png") repeat center top;
    padding: 80px 60px 60px;
    position: relative; }
    .section04 .binder::before {
      content: '';
      display: block;
      background: url("../img/section04/binder.png") no-repeat center top;
      width: 259px;
      height: 85px;
      position: absolute;
      left: 50%;
      top: -45px;
      margin-left: -130px; }
    .section04 .binder h3 {
      margin: 0 -20px 35px;
      text-align: center; }
    .section04 .binder .binder-box h4 {
      margin: 0 -60px 35px;
      padding: 0 60px 20px 30px;
      background: url("../img/section04/head-bg.png") repeat center top; }
      .section04 .binder .binder-box h4 img {
        margin-top: -20px; }
    .section04 .binder .binder-box p {
      font-size: 26px; }
      .section04 .binder .binder-box p strong {
        font-weight: normal;
        color: #ec0c17; }
      .section04 .binder .binder-box p small {
        font-size: 16px; }
    .section04 .binder .binder-box01 {
      margin-bottom: 20px; }
      .section04 .binder .binder-box01 .illust {
        text-align: center;
        margin-top: -60px; }
    .section04 .binder .binder-box02 {
      margin-bottom: 70px; }
      .section04 .binder .binder-box02 .more-block {
        background: #fff;
        margin-top: 35px;
        border: 5px solid #dedede;
        padding: 30px 40px 40px; }
        .section04 .binder .binder-box02 .more-block h5 {
          font-weight: bold;
          color: #00a865;
          text-align: center;
          font-size: 24px;
          margin-bottom: 20px; }
        .section04 .binder .binder-box02 .more-block p {
          font-size: 20px; }
  .section04 .button {
    text-align: center;
    margin-bottom: 95px; }
  .section04 .manga {
    margin-bottom: 20px; }
  .section04 .text {
    font-size: 26px;
    text-align: center; }

.section05 {
  margin-bottom: 100px; }
  .section05 h2 {
    margin-bottom: 30px; }
  .section05 h3 {
    text-align: center;
    margin-bottom: 25px; }
  .section05 .descript {
    font-size: 26px;
    text-align: center;
    margin-bottom: 35px; }
    .section05 .descript strong {
      font-weight: normal;
      color: #ec0c17; }
  .section05 .reason {
    text-align: center;
    margin-bottom: 50px; }
  .section05 .servise-list {
    width: 920px;
    margin: 0 auto 60px; }
    .section05 .servise-list li {
      float: left;
      width: 280px;
      margin-right: 40px; }
      .section05 .servise-list li:last-child {
        margin-right: 0; }
      .section05 .servise-list li h4 {
        font-size: 20px;
        font-weight: bold;
        color: #00a865;
        text-align: center; }
        .section05 .servise-list li h4.single {
          line-height: 64px; }
        .section05 .servise-list li h4.double {
          line-height: 26px;
          padding: 6px 0; }
      .section05 .servise-list li .result {
        font-size: 14px;
        margin-top: 15px;
        text-align: center; }
  .section05 .button {
    margin-top: 60px;
    text-align: center; }

.section06 {
  margin-bottom: 100px; }
  .section06 .frame {
    background: url("../img/section06/frame.png") no-repeat center center;
    background-size: 100% 100%;
    padding: 40px; }
  .section06 h2 {
    text-align: center;
    margin: 0 0 40px; }
  .section06 h3 {
    margin: 0 -17px 20px -3px; }
  .section06 .feature-box .feature-inner {
    margin: 0 30px 50px; }
  .section06 .feature-box p {
    font-size: 22px; }
    .section06 .feature-box p strong {
      font-weight: normal;
      color: #ec0c17; }
    .section06 .feature-box p small {
      font-size: 16px; }
    .section06 .feature-box p.graph {
      float: left;
      margin-top: -25px;
      margin-right: 20px; }
  .section06 .feature04 .feature-inner {
    margin-bottom: 25px; }
  .section06 .feature05 .feature-inner {
    margin-bottom: 40px; }

.section07 {
  padding-bottom: 200px; }
  .section07 .voice-outer {
    padding: 50px 0;
    background: #e8efec;
    margin-bottom: 80px; }
  .section07 h2 {
    text-align: center;
    margin-bottom: 25px; }
  .section07 .voice-wrap {
    width: 720px;
    margin: 0 auto; }
    .section07 .voice-wrap .voice-box {
      border: 2px solid #00a865;
      position: relative;
      background: #fff;
      margin-bottom: 40px; }
      .section07 .voice-wrap .voice-box::before {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 20px 20px 0;
        border-color: transparent #00a865 transparent transparent;
        position: absolute;
        right: 0;
        top: 0; }
    .section07 .voice-wrap .voice-head {
      padding: 10px 30px;
      overflow: hidden;
      border-bottom: 2px solid #00a865; }
      .section07 .voice-wrap .voice-head h3 {
        float: left;
        font-size: 24px;
        font-weight: normal;
        line-height: 1.2; }
      .section07 .voice-wrap .voice-head .name {
        float: right;
        font-size: 16px;
        line-height: 1.8; }
    .section07 .voice-wrap .voice-cont {
      padding: 30px; }
    .section07 .voice-wrap .accordion-box {
      display: none; }
    .section07 .voice-wrap .accordion-trigger {
      text-align: center; }
      .section07 .voice-wrap .accordion-trigger button {
        padding: 0;
        border: none;
        background: none;
        cursor: pointer;
        outline: none; }
      .section07 .voice-wrap .accordion-trigger .close {
        display: none; }
      .section07 .voice-wrap .accordion-trigger.opened .close {
        display: inline; }
      .section07 .voice-wrap .accordion-trigger.opened .open {
        display: none; }
  .section07 .manga {
    text-align: center;
    margin-bottom: 60px; }
  .section07 .button {
    text-align: center; }

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

@media screen and (max-width: 640px) {
  .pc {
    display: none; }
  .block {
    min-width: 0; }
  .layout {
    width: auto; }
  .inner {
    width: auto;
    padding-left: 10px;
    padding-right: 10px; }
  img {
    max-width: 100%; }
  header {
    overflow: hidden;
    padding: 10px 0;
    height: auto; }
    header .logo {
      width: 60%;
      padding: 0; }
    header .button {
      display: none; }
    header .tel {
      width: 35%;
      padding: 0; }
  .main-visual .visual-wrap {
    background-size: 130% auto;
    min-height: 0;
    margin-bottom: 15px; }
  .main-visual h1 {
    padding: 3% 3% 0 20%; }
  .main-visual .ribon {
    margin: 0 10px; }
  .main-visual .button {
    margin-bottom: 15px;
    padding: 0 10px; }
  .section01 {
    margin-bottom: 30px; }
    .section01 .green-area {
      padding: 20px 0 30px; }
    .section01 h2 {
      margin-bottom: 20px; }
    .section01 h3 {
      margin-left: -10px;
      margin-right: -10px;
      margin-bottom: 20px; }
    .section01 .example {
      padding-top: 13vw;
      margin: 0 -10px; }
      .section01 .example .outer img {
        margin-top: -13vw; }
    .section01 .manga {
      margin-left: -10px;
      margin-right: -10px; }
    .section01 h3 {
      margin-left: -10px;
      margin-right: -10px; }
    .section01 .compare {
      margin-left: -10px;
      margin-right: -10px; }
  .section02 {
    margin-bottom: 30px; }
    .section02 h2 {
      margin-bottom: 10px; }
    .section02 .descript {
      font-size: 14px;
      font-size: 4.375vw; }
    .section02 .graph-wrap {
      padding-bottom: 20px;
      background-size: 650px auto; }
      .section02 .graph-wrap .graph {
        text-align: center;
        margin-top: -20px;
        float: none;
        margin-left: 0; }
        .section02 .graph-wrap .graph img {
          width: 60%; }
      .section02 .graph-wrap .text {
        width: auto;
        float: none;
        padding-top: 20px; }
        .section02 .graph-wrap .text h3 {
          font-size: 18px;
          font-size: 5.625vw;
          text-align: center; }
        .section02 .graph-wrap .text p {
          font-size: 16px;
          font-size: 5vw; }
          .section02 .graph-wrap .text p strong {
            font-size: 18px;
            font-size: 5.625vw; }
    .section02 .strong-wrap {
      padding: 15px 0;
      margin-bottom: 10px; }
      .section02 .strong-wrap .strong-outer {
        width: auto;
        background-size: 8px auto;
        -webkit-border-radius: 5vw;
        -moz-border-radius: 5vw;
        border-radius: 5vw;
        -webkit-box-shadow: 0 1vw 2vw rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 1vw 2vw rgba(0, 0, 0, 0.2);
        box-shadow: 0 1vw 2vw rgba(0, 0, 0, 0.2); }
      .section02 .strong-wrap .strong-inner {
        min-height: 0;
        padding: 5%;
        background-size: 50% auto;
        background-position: center 75%; }
      .section02 .strong-wrap h3 {
        font-size: 16px;
        font-size: 5vw;
        padding-top: 0; }
        .section02 .strong-wrap h3 strong {
          font-size: 18px;
          font-size: 5.625vw; }
      .section02 .strong-wrap .ribon {
        padding: 0;
        padding-top: 10vw;
        text-align: center; }
    .section02 .button {
      margin-bottom: 10px; }
    .section02 .manga {
      margin-left: -10px;
      margin-right: -10px; }
  .section03 {
    margin-bottom: 25px; }
    .section03 h2 {
      margin-bottom: 20px; }
    .section03 .img {
      margin-bottom: 10px; }
      .section03 .img img {
        width: 70%; }
    .section03 .descript {
      font-size: 14px;
      font-size: 4.375vw;
      margin-bottom: 20px; }
    .section03 .graph-wrap {
      background-size: 650px auto; }
      .section03 .graph-wrap .inner {
        padding-bottom: 20px; }
      .section03 .graph-wrap .graph {
        margin-top: -10px;
        margin-left: 0;
        float: none;
        text-align: center; }
        .section03 .graph-wrap .graph img {
          width: 60%; }
      .section03 .graph-wrap .logo {
        text-align: center; }
      .section03 .graph-wrap .text {
        padding-top: 20px;
        width: auto;
        float: none;
        text-align: center; }
        .section03 .graph-wrap .text h3 {
          text-align: center;
          font-size: 18px;
          font-size: 5.625vw; }
        .section03 .graph-wrap .text ul {
          display: inline-block; }
        .section03 .graph-wrap .text li {
          text-align: left;
          font-size: 20px;
          font-size: 6.25vw; }
      .section03 .graph-wrap .illust {
        display: none; }
    .section03 .evidence {
      margin: 0 -10px 20px;
      overflow: hidden; }
      .section03 .evidence img {
        width: 130%;
        margin-left: -20%;
        max-width: none; }
    .section03 .button {
      margin-bottom: 15px; }
    .section03 .manga {
      margin-bottom: 15px;
      margin-left: -10px;
      margin-right: -10px; }
    .section03 .text {
      font-size: 14px;
      font-size: 4.375vw; }
  .section04 {
    margin-bottom: 20px; }
    .section04 h2 {
      margin-bottom: 20px; }
    .section04 .binder-wrap {
      margin-bottom: 25px;
      background-size: 100% auto; }
    .section04 .binder-outer {
      background-size: 100% auto;
      padding-top: 15px; }
    .section04 .binder-inner {
      background-size: 100% auto;
      padding: 0 15px 15px; }
    .section04 .binder {
      padding: 8vw 10px 10px; }
      .section04 .binder::before {
        background-size: 100% auto;
        width: 28vw;
        height: 10vw;
        margin-left: -14vw;
        top: -5vw; }
      .section04 .binder h3 {
        margin: 0 -5px 10px; }
      .section04 .binder .binder-box h4 {
        margin: 0 -10px 10px;
        padding: 0 20px 7px 5px; }
        .section04 .binder .binder-box h4 img {
          margin-top: -2vw;
          height: 10vw; }
      .section04 .binder .binder-box p {
        font-size: 14px;
        font-size: 4.375vw; }
        .section04 .binder .binder-box p small {
          font-size: 10px;
          font-size: 3.125vw; }
      .section04 .binder .binder-box01 {
        margin-bottom: 15px; }
        .section04 .binder .binder-box01 .illust {
          margin-top: 0; }
      .section04 .binder .binder-box02 {
        margin-bottom: 30px; }
        .section04 .binder .binder-box02 .more-block {
          margin-top: 15px;
          border-width: 3px;
          padding: 10px; }
          .section04 .binder .binder-box02 .more-block h5 {
            font-size: 14px;
            font-size: 4.375vw;
            margin-bottom: 5px; }
          .section04 .binder .binder-box02 .more-block p {
            font-size: 12px;
            font-size: 3.75vw; }
    .section04 .button {
      margin-bottom: 30px; }
    .section04 .manga {
      margin-left: -10px;
      margin-right: -10px;
      margin-bottom: 10px; }
    .section04 .text {
      font-size: 14px;
      font-size: 4.375vw; }
  .section05 {
    margin-bottom: 50px; }
    .section05 h2 {
      margin: 0 -10px 15px; }
    .section05 h3 {
      margin-bottom: 15px; }
    .section05 .descript {
      font-size: 14px;
      font-size: 4.375vw;
      margin-bottom: 15px; }
    .section05 .reason {
      margin-bottom: 20px; }
      .section05 .reason img {
        max-width: 80%; }
    .section05 .servise-list {
      width: auto;
      margin-bottom: 30px; }
      .section05 .servise-list li {
        width: auto;
        margin-right: 0;
        margin-bottom: 25px;
        float: none; }
        .section05 .servise-list li h4 {
          font-size: 20px;
          font-size: 6.25vw; }
          .section05 .servise-list li h4.single, .section05 .servise-list li h4.double {
            line-height: 1.6;
            padding: 0 0 10px; }
        .section05 .servise-list li .photo {
          text-align: center; }
          .section05 .servise-list li .photo img {
            width: 100%; }
        .section05 .servise-list li .result {
          font-size: 14px;
          font-size: 4.375vw; }
    .section05 .button {
      margin-top: 25px; }
  .section06 {
    margin-bottom: 50px; }
    .section06 .frame {
      padding: 20px 2vw;
      background: none;
      border: 3px solid #BD8F3D; }
      .section06 .frame h2 {
        margin-bottom: 20px; }
        .section06 .frame h2 img {
          width: 80%; }
      .section06 .frame h3 {
        margin: 0 -10px 5px; }
      .section06 .frame .feature-box .feature-inner {
        margin: 0 0 20px; }
      .section06 .frame .feature-box p {
        font-size: 14px;
        font-size: 4.375vw; }
        .section06 .frame .feature-box p small {
          font-size: 10px;
          font-size: 3.125vw; }
        .section06 .frame .feature-box p.graph {
          float: none;
          text-align: center;
          margin-top: 0;
          margin-right: 0;
          margin-bottom: 15px; }
          .section06 .frame .feature-box p.graph img {
            max-width: 50%; }
      .section06 .frame .feature04 .feature-inner {
        margin-bottom: 20px; }
      .section06 .frame .feature05 .feature-inner {
        margin-bottom: 0; }
  .section07 {
    padding-bottom: 50px; }
    .section07 .voice-outer {
      padding: 20px 0;
      margin-bottom: 30px; }
    .section07 .voice-wrap {
      width: auto; }
      .section07 .voice-wrap .voice-box {
        margin-bottom: 20px; }
        .section07 .voice-wrap .voice-box::before {
          border-width: 0 15px 15px 0; }
      .section07 .voice-wrap .voice-head {
        padding: 10px; }
        .section07 .voice-wrap .voice-head h3 {
          font-size: 14px;
          font-size: 4.375vw; }
        .section07 .voice-wrap .voice-head .name {
          margin-top: 5px;
          font-size: 12px;
          font-size: 3.75vw; }
      .section07 .voice-wrap .voice-cont {
        padding: 10px;
        font-size: 14px;
        font-size: 4.375vw; }
      .section07 .voice-wrap .accordion-trigger button {
        width: 30%; }
    .section07 .manga {
      margin-bottom: 20px;
      margin-left: -10px;
      margin-right: -10px; }
    .section07 .button {
      margin: 0 10px; } }

/*# sourceMappingURL=style.css.map */