@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-size: 100%;
  vertical-align: baseline; }

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

html {
  overflow-y: scroll; }

blockquote, q {
  quotes: none; }

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

input, textarea {
  margin: 0;
  padding: 0; }

ol, ul {
  list-style: none; }

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

caption, th {
  text-align: left; }

html {
  font-size: 6.25%; }

* {
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal; }

a {
  text-decoration: none;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

a:focus {
  outline-color: #3b99fc;
  outline-offset: 0px;
  outline-style: auto;
  outline-width: 5px; }

a:hover {
  cursor: pointer; }

body {
  line-height: 1.6;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "Open Sans", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  color: #333;
  font-size: 15px;
  font-size: 15rem;
  position: relative; }

img {
  width: 100%; }

@media screen and (min-width: 768px) {
  body {
    font-size: 16px;
    font-size: 16rem; } }

body {
  background: #E54906;
  color: #fff; }

.pc-block {
  display: none; }

.fv-crowd {
  display: none; }

.link-menu {
  background-color: #DBBE5A; }

.fv {
  line-height: 0;
  font-size: 0; }

.bold-txt {
  font-size: 18rem;
  font-weight: bold; }

.centering {
  padding: 20px 10px; }

.txt-indent {
  text-indent: -1em;
  padding-left: 1em; }
  .txt-indent li + li {
    margin-top: 5px; }

.ttl {
  text-align: center;
  margin-bottom: 17px; }
  .ttl .ttl-txt {
    font-weight: bold;
    font-size: 24rem;
    position: relative;
    padding-bottom: 20px; }
    .ttl .ttl-txt:after {
      content: "";
      display: block;
      background: url(../images/ribbon.svg) no-repeat center/contain;
      width: 60%;
      height: 15px;
      position: absolute;
      right: 0;
      left: 0;
      bottom: 0;
      margin: auto; }

.menu-items {
  border-top: 1px solid #AE8D07; }
  .menu-items li {
    border-bottom: 1px solid #AE8D07;
    text-align: center; }
    .menu-items li a {
      display: block;
      padding: 10px 0; }
    .menu-items li span {
      position: relative;
      display: inline-block;
      padding-right: 20px; }
      .menu-items li span:after {
        content: "";
        display: block;
        background: url(../images/arrow.svg) no-repeat center/contain;
        width: 25px;
        height: 25px;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto; }
    .menu-items li img {
      height: 30px;
      max-width: 100%;
      vertical-align: middle; }

.sec01 {
  text-align: center; }
  .sec01 .sec01-sideimg01 img, .sec01 .sec01-sideimg02 img {
    width: 40%; }
  .sec01 .sec01-sideimg01 {
    text-align: right;
    margin-bottom: 10px; }
  .sec01 .sec01-sideimg02 {
    text-align: left;
    margin-top: 10px; }

.sec02 .voice-items {
  margin-top: 15px;
  background: #FAFAF0;
  color: #232323;
  padding: 15px 15px 8px;
  border-radius: 10px; }
  .sec02 .voice-items dt {
    margin-top: 10px;
    text-align: right; }

.sec02 .voice-attr {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14rem;
  font-weight: bold; }
  .sec02 .voice-attr img {
    width: 43px;
    margin-right: 5px; }

.sec02 .voice-img {
  width: 80%;
  margin: 20px auto 0; }

.sec03 .hukubukuro-items {
  text-align: center; }
  .sec03 .hukubukuro-items .hukubukuro-item {
    margin-top: 20px; }

.sec03 .atte {
  margin-top: 30px;
  font-size: 14rem; }

.sec03 .hukubukuro-item-ttl {
  font-size: 18rem;
  display: block;
  font-weight: bold;
  margin-bottom: 20px; }

.sec03 .hukubukuro-item-ttl.small {
  margin-top: -20px;
  font-size: 15rem; }

.hukubukuro-wrap {
  margin-top: 30px; }

.hukubukuro {
  padding: 10px; }
  .hukubukuro .centering {
    padding: 0;
    padding-bottom: 20px;
    background-color: #FAFAF0;
    z-index: 1; }
  .hukubukuro + .hukubukuro {
    margin-top: 45px; }
  .hukubukuro .hukubukuro-ttl {
    font-weight: bold;
    margin-left: 5px;
    color: #E14514;
    font-size: 26rem; }
    .hukubukuro .hukubukuro-ttl .en {
      font-size: 18rem; }
  .hukubukuro .hukubukuro-head {
    position: relative;
    padding-left: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: url(../images/headline--sp.svg) no-repeat right bottom/100%;
    padding-bottom: 10px; }
  .hukubukuro .hukubukuro-head-img {
    position: absolute;
    left: -2px;
    bottom: -2px;
    width: 50px; }
  .hukubukuro .hukubukuro-body {
    margin-top: 10px;
    padding: 0 10px;
    color: #040000; }

.hukubukuro-btn {
  margin-top: 10px;
  padding: 0 10px;
  text-align: center; }
  .hukubukuro-btn a {
    font-weight: bold;
    border-radius: 50px;
    padding: 10px;
    background: #DBBE5A;
    color: #fff;
    display: block;
    -webkit-box-shadow: 0px 4px 5px rgba(196, 144, 122, 0.25);
            box-shadow: 0px 4px 5px rgba(196, 144, 122, 0.25); }

.more .hukubukuro-more-img {
  width: 60%;
  margin: 0 auto 10px; }

.more .more-btn {
  text-align: center; }
  .more .more-btn a {
    border-radius: 50px;
    padding: 10px;
    background: #DBBE5A;
    color: #fff;
    display: block;
    -webkit-box-shadow: 0px 4px 5px rgba(196, 144, 122, 0.25);
            box-shadow: 0px 4px 5px rgba(196, 144, 122, 0.25); }

.share {
  margin-top: 50px;
  padding: 20px 10px;
  background: #FAFAF0;
  border-radius: 5px;
  color: #E14514;
  text-align: center; }
  .share .share-txt {
    font-weight: bold;
    position: relative;
    margin-bottom: 8px; }
    .share .share-txt:before {
      content: "";
      display: block;
      width: 30px;
      height: 30px;
      background: url(../images/balloon-left.svg) no-repeat center/contain;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      margin: auto; }
    .share .share-txt:after {
      content: "";
      display: block;
      width: 30px;
      height: 30px;
      background: url(../images/balloon-right.svg) no-repeat center/contain;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      margin: auto; }

.attention {
  margin-top: 40px; }
  .attention .attention-ttl {
    text-align: center;
    font-size: 18rem;
    font-weight: bold;
    margin-bottom: 20px; }
  .attention .txt-indent {
    line-height: 1.2; }

.flower {
  display: none; }

.footer {
  margin-top: 50px;
  padding: 5px;
  text-align: center;
  background: #A43100;
  font-size: 12rem; }

@media screen and (min-width: 768px) {
  .sp-block {
    display: none; }
  .pc-block {
    display: block; }
  .centering {
    width: 890px;
    margin: 0 auto;
    padding: 55px 10px; }
    .centering.centering--lerge {
      width: 1080px; }
    .centering.centering--small {
      width: 550px; }
  .ttl {
    margin-bottom: 35px; }
    .ttl .ttl-txt {
      font-size: 28rem; }
  .link-menu {
    width: 980px;
    margin: 0 auto;
    border-radius: 50px;
    position: relative;
    z-index: 2;
    top: -20px; }
  .fv {
    min-width: 1080px;
    position: relative; }
  .bold-txt {
    font-size: 24rem; }
  .fv-crowd {
    display: block; }
    .fv-crowd .left, .fv-crowd .right {
      position: absolute;
      z-index: 1;
      bottom: -30px;
      width: 20%;
      max-width: 230px; }
    .fv-crowd .left {
      left: 0; }
    .fv-crowd .right {
      right: 0; }
  .menu-items {
    border-top: none;
    border-bottom: none; }
    .menu-items ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .menu-items li {
      width: 33.33%;
      border-right: 1px solid #AE8D07;
      border-bottom: none; }
      .menu-items li:last-child {
        border-right: none; }
      .menu-items li a {
        width: 100%;
        padding: 15px 30px; }
  .sec01 {
    overflow: hidden; }
    .sec01 .centering {
      position: relative; }
    .sec01 .sec01-sideimg01 {
      position: absolute;
      top: 80px;
      bottom: 0;
      left: -220px;
      margin: auto; }
    .sec01 .sec01-sideimg02 {
      position: absolute;
      top: 80px;
      bottom: 0;
      right: -270px;
      margin: auto; }
    .sec01 .sec01-img {
      width: 500px;
      margin: 10px auto 0; }
    .sec01 .sec01-cont {
      margin-top: 40px; }
  .sec02 {
    position: relative; }
    .sec02:before {
      content: "";
      display: block;
      background: url(../images/crowd-right.svg) no-repeat right/contain;
      width: 300px;
      height: 80px;
      position: absolute;
      right: 0;
      top: -30px;
      margin: auto; }
    .sec02 .sec02-cont {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding-left: 50px; }
    .sec02 .voice-items {
      padding: 25px 20px 14px; }
      .sec02 .voice-items dt {
        margin-top: 15px;
        text-align: left;
        font-size: 14rem; }
    .sec02 .voice-img {
      width: 70%;
      margin-left: 34px; }
  .sec03 {
    position: relative; }
    .sec03:before {
      content: "";
      display: block;
      background: url(../images/crowd-left.svg) no-repeat left/contain;
      width: 300px;
      height: 65px;
      position: absolute;
      left: 0;
      top: -10px;
      margin: auto; }
    .sec03:after {
      content: "";
      display: block;
      background: url(../images/crowd-right.svg) no-repeat right/contain;
      width: 300px;
      height: 80px;
      position: absolute;
      right: 0;
      bottom: -10px;
      margin: auto; }
    .sec03 .hukubukuro-items {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin-top: -20px; }
    .sec03 .hukubukuro-item {
      width: 48%; }
    .sec03 .hukubukuro-item-ttl {
      font-size: 22rem;
      margin-top: 15px; }
      .sec03 .hukubukuro-item-ttl.other {
        margin-top: 0; }
      .sec03 .hukubukuro-item-ttl.small {
        margin-top: -27px;
        font-size: 15rem; }
    .sec03 .atte {
      text-align: center; }
    .sec03 .hukubukuro-item-ttl.small {
      margin-top: -25px; }
  .hukubukuro-wrap {
    margin-top: 70px; }
  .hukubukuro {
    position: relative; }
    .hukubukuro:before {
      content: "";
      display: block;
      background: url(../images/crowd-left.svg) no-repeat left/contain;
      width: 300px;
      height: 65px;
      position: absolute;
      left: 0;
      top: -30px;
      margin: auto; }
    .hukubukuro:after {
      content: "";
      display: block;
      background: url(../images/crowd-right.svg) no-repeat right/contain;
      width: 300px;
      height: 80px;
      position: absolute;
      right: 0;
      bottom: 30%;
      margin: auto; }
    .hukubukuro .centering {
      position: relative;
      z-index: 2;
      padding-bottom: 19px; }
    .hukubukuro .hukubukuro-head {
      background: url(../images/headline.svg) no-repeat right bottom/100%;
      padding-bottom: 20px; }
    .hukubukuro .hukubukuro-body {
      padding: 0 25px;
      margin-top: 15px; }
    .hukubukuro .hukubukuro-head-img {
      width: 65px;
      left: -9px; }
    .hukubukuro .hukubukuro-ttl {
      margin-top: 2px;
      font-size: 30rem;
      margin-left: 12px; }
    .hukubukuro .hukubukuro-btn a {
      display: inline-block;
      padding: 13px 95px; }
    .hukubukuro + .hukubukuro {
      margin-top: 80px; }
  .more .hukubukuro-more-img {
    width: 230px; }
  .more .more-btn a {
    padding: 13px 0; }
  .share {
    padding: 30px 20px; }
    .share .share-txt {
      display: inline-block; }
      .share .share-txt:before {
        left: -30px; }
      .share .share-txt:after {
        right: -31px; }
  .last {
    margin-top: 60px;
    position: relative; }
    .last .flower {
      display: block; }
      .last .flower .left, .last .flower .right {
        position: absolute;
        top: 50px; }
      .last .flower .left {
        left: 0; }
      .last .flower .right {
        right: 0; } }