main {
  background: none; }

#keyvisual {
  height: 511px;
  background: url("../img/top/keyvisual.jpg");
  background-repeat: no-repeat;
  position: relative; }
  #keyvisual .rightbox {
    position: absolute;
    top: 0;
    right: 0;
    width: 370px; }
    #keyvisual .rightbox .information {
      height: 185px;
      background: rgba(255, 255, 255, 0.9);
      border-bottom: 1px solid #000; }
      #keyvisual .rightbox .information .title {
        padding: 35px;
        font-size: 1.6rem;
        letter-spacing: 0.4rem; }
      #keyvisual .rightbox .information dt {
        padding: 0 0 0 35px;
        font-size: 1.4rem;
        font-weight: bold; }
      #keyvisual .rightbox .information dd {
        padding: 6px 0 0 35px;
        font-size: 1.4rem; }
    #keyvisual .rightbox .facebookreport {
      height: 511px; /*寺岡_210827*/
      background: #fff;
      border-bottom: 1px solid #000; }
      @media screen and (max-width: 550px) {/*寺岡_210827*/
        #keyvisual .rightbox .facebookreport { height: 350px; }
        #keyvisual { height: 350px;}
        }
      #keyvisual .rightbox .facebookreport .title {
        padding: 30px 0 0 35px;
        font-size: 1.7rem; }
        #keyvisual .rightbox .facebookreport .title .fb_color {
          color: #4A5CA1; }
        #keyvisual .rightbox .facebookreport .title .underline {
          background: linear-gradient(transparent 66%, #ffe500 0%); }
      #keyvisual .rightbox .facebookreport ul {
        margin: 20px 20px 0 35px; }
      #keyvisual .rightbox .facebookreport li {
        clear: both;
        margin-bottom: 20px;
        list-style-type: none; }
        #keyvisual .rightbox .facebookreport li img {
          float: left;
          margin: 0 5px 0 0; }
        #keyvisual .rightbox .facebookreport li p {
          font-size: 1.2rem;
          line-height: 1.4rem; }
      #keyvisual .rightbox .facebookreport .fb-page {
        margin-left: 35px;
        margin-top: 20px; }
    #keyvisual .rightbox .search {
      height: 100px;
      background: #fffdc9; }
      #keyvisual .rightbox .search p {
        font-size: 1.6rem;
        padding: 15px 0 0 40px; }
      #keyvisual .rightbox .search input {
        float: left;
        margin: 10px 10px 0 35px;
        width: 230px;
        height: 40px; }
      #keyvisual .rightbox .search button {
        float: left;
        margin: 10px 0 0;
        background: #3c3616;
        width: 60px;
        height: 40px;
        font-size: 2.4rem;
        color: #fff; }

.link_kplus{
	background-color: #ffe500;
	height: 120px;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	color: #3c3616;
	padding-top: 20px;
	margin-top: 50px;
	letter-spacing: 0.25em;
}
.link_kplus_button{
	text-align: center;
	margin-top: -60px;
	margin-bottom: 40px;
}

#keymessage {
  margin: 0 auto;
  padding: 15px 0;
  background: #f5f1df; }
  #keymessage p {
    color: #3c3616;
    font-size: 1.4rem;
    line-height: 2.8rem; }
  #keymessage h2 {
    margin-top: 70px;
    font-weight: bold;
    clear: both; }

p.sashie-1 {
  margin: 50px 20px 30px 80px;
  float: left; }
  p.sashie-1 img {
    width: 100%; }

p.description-1 {
  margin: 50px 113px 50px 0;
  width: 686px;
  float: right; }

p.sashie-2 {
  margin: 50px 127px 30px 20px;
  float: right; }
  p.sashie-2 img {
    width: 100%; }

p.description-2 {
  margin: 50px 0 50px 100px;
  width: 574px;
  float: left; }

p.sashie-3 {
  margin: 50px 20px 30px 80px;
  width: 265px;
  height: 215px;
  float: left; }
  p.sashie-3 img {
    width: 100%; }

p.description-3 {
  margin: 50px 113px 50px 0;
  width: 700px;
  float: right; }

p.sashie-4 {
  margin: 50px 132px 0 20px;
  float: right; }
  p.sashie-4 img {
    width: 100%; }

p.description-4 {
  margin: 50px 0 119px 100px;
  width: 580px; }

#secondmessage {
  clear: both; }
  #secondmessage #title_2 {
    max-width: 1200px;
    height: 181px;
    padding-top: 24px;
    background: url("../img/top/downarrow.png");
    background-position: center center; }
  #secondmessage .number {
    float: right;
    margin-right: 20px;
    width: 30rem;
    height: 140px;
    border: 4px solid #ea5541;
    border-radius: 10px;
    position: relative; }
    #secondmessage .number__title {
      background: linear-gradient(transparent 66%, #ffe500 0%);
      font-size: 2.4rem;
      text-align: center;
      width: 24rem;
      margin: 10px auto;
      letter-spacing: 0.4rem; }
    #secondmessage .number__number {
      width: 20rem;
      text-align: center;
      margin: 5px auto;
      font-size: 2.4rem; }
      #secondmessage .number__number span {
        font-size: 7.0rem;
        color: #ea5541;
        font-weight: bold; }
    #secondmessage .number__note {
      position: absolute;
      top: 150px;
      right: 0;
      font-size: 1.4rem; }
  #secondmessage .map {
    position: relative; }
    #secondmessage .map__notice {
      color: #3c3616;
      font-size: 1.5rem;
      position: absolute;
      top: 200px;
      left: 30px;
      line-height: 2rem; }
    #secondmessage .map__button {
      text-align: right;
      margin-bottom: 70px; }
  #secondmessage button#findplace {
    width: 27rem;
    height: 5.1rem;
    background: url("../img/top/gray_button_base_L.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    padding-right: 2rem; }
  #secondmessage .matching {
    clear: both;
    margin-top: 30px; }
    #secondmessage .matching p {
      color: #3c3616;
      text-align: center;
      font-size: 2.4rem;
      letter-spacing: 0.4rem;
      line-height: 4rem; }
    #secondmessage .matching > p {
      margin: 0 25px; }
    #secondmessage .matching #match {
      margin: 30px 25px 50px; }
      #secondmessage .matching #match div {
        margin: 0 auto;
        width: 100%;
        max-width: 490px;
        min-height: 121px;
        background: url("../img/top/match_button_base.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        font-size: 2.4rem;
        color: #3c3616; }
      #secondmessage .matching #match p.text {
        display: inline-block;
        text-align: left;
        margin-top: 20.5px; }
      #secondmessage .matching #match p.icon:before {
        float: left;
        display: inline-block;
        margin-top: 47.5px;
        margin-left: 100px;
        content: '';
        width: 40px;
        height: 26px;
        color: black;
        background-image: url("../img/common/orange_icon.svg");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 0 0;
        vertical-align: middle; }

.large-font #secondmessage .matching #match p.text {
  margin-top: 13.5px; }

#thirdmessage {
  clear: both;
  background: #F3F1E0;
  height: 490px; }
  #thirdmessage .logo {
    float: left;
    margin: 40px 40px 40px 98px; }
    #thirdmessage .logo img {
      width: 239px;
      height: 239px; }
  #thirdmessage .message {
    width: 700px;
    margin: 40px;
    float: left; }
  #thirdmessage h2 {
    margin-top: 30px;
    width: 100%;
    text-align: left; }
  #thirdmessage p.description {
    margin-top: 30px;
    font-size: 1.4rem;
    line-height: 2.8rem; }
  #thirdmessage button#detail {
    margin-top: 40px;
    width: 200px;
    height: 51px;
    float: right;
    background: url("../img/top/gray_button_base_M.png"); }

#fourthmessage {
  clear: both;
  background: #fffdc9;
  padding: 60px 98px;
  height: 82rem; }
  #fourthmessage p {
    font-size: 1.4rem;
    line-height: 2.8rem; }
  #fourthmessage p.bold {
    margin: 40px 0;
    font-size: 1.8rem;
    font-weight: bold; }
  #fourthmessage button#member {
    clear: both;
    width: 200px;
    height: 51px;
    float: right;
    background: url("../img/top/gray_button_base_M.png"); }
  #fourthmessage ul.actions {
    float: left;
    width: 680px; }
    #fourthmessage ul.actions li {
      float: left;
      margin: 5px 5px 0 0;
      display: flex;
      width: 330px;
      height: 7rem;
      border: 2px solid #9DC731;
      border-radius: 6px;
      list-style-type: none;
      background: white;
      align-items: center; }
      #fourthmessage ul.actions li p {
        float: left;
        width: 270px;
        font-size: 1.6rem;
        line-height: 2rem;
        flex: 0 1 270px; }
      #fourthmessage ul.actions li span.number {
        float: none;
        flex: 0 1 30px;
        border-radius: 50%;
        display: block;
        margin: 18px 10px;
        width: 30px;
        height: 30px;
        background: #ea5541;
        color: white;
        font-size: 1.4rem;
        padding-top: 0.5rem;
        text-align: center; }
      #fourthmessage ul.actions li span.small {
        font-size: 1.2rem; }
  #fourthmessage .number {
    float: right;
    margin-top: 4px;
    width: 300px;
    height: 140px;
    border: 4px solid #ea5541;
    border-radius: 10px;
    position: relative;
    background: #fff; }
    #fourthmessage .number__title {
      background: linear-gradient(transparent 66%, #ffe500 0%);
      font-size: 2.2rem;
      text-align: center;
      width: 240px;
      margin: 10px auto;
      letter-spacing: 0.4rem; }
    #fourthmessage .number__number {
      text-align: center;
      margin: 35px auto;
      font-size: 2.4rem; }
      #fourthmessage .number__number span {
        font-size: 7.0rem;
        color: #ea5541;
        font-weight: bold; }
    #fourthmessage .number__note {
      position: absolute;
      top: 150px;
      right: 0;
      font-size: 1.4rem; }

.large-font #fourthmessage ul.actions li {
  height: 100px; }
.large-font #fourthmessage .number {
  height: auto; }
.large-font #fourthmessage .number__note {
  top: 220px; }

#keyvisual-sp {
  display: none; }

@media screen and (max-width: 1250px) {
  #secondmessage .map {
    margin: 0 25px; } }
@media screen and (max-width: 1200px) {
  p.description-2 {
    width: calc(100% - 620px); } }
@media screen and (max-width: 1180px) {
  .xl-none {
    display: none; }

  p.description-1 {
    margin: 50px 80px 50px 0;
    width: calc(100% - 467px); }

  p.description-3 {
    margin: 50px 80px 50px 0;
    width: calc(100% - 365px - 80px); }

  p.description-4 {
    width: calc(100% - 620px); }

  #thirdmessage {
    height: auto; }
    #thirdmessage .message {
      width: calc(100% - 500px);
      margin: 0 83px 0 417px;
      padding-top: 40px;
      padding-bottom: 216px;
      float: none; }

  #fourthmessage {
    height: auto; }
    #fourthmessage ul.actions {
      float: none;
      width: auto; }
      #fourthmessage ul.actions::after {
        content: "";
        clear: both;
        display: block; }
    #fourthmessage .number {
      float: none;
      margin-top: 40px; } }
@media screen and (max-width: 1050px) {
  p.sashie-2 {
    width: calc(50vw - 152px); }

  p.description-2 {
    width: calc(50vw - 95px); }

  p.sashie-4 {
    width: calc(50vw - 157px); }

  p.description-4 {
    width: calc(50vw - 95px);
    float: none; }

  #secondmessage .map__notice {
    position: static;
    margin-top: 40px;
    margin-left: 30px; }

  #thirdmessage .message {
    padding-bottom: 136px; } }
@media screen and (max-width: 768px) {
  .md-none {
    display: none; }

  p.sashie-1 {
    margin-left: auto;
    margin-right: auto;
    width: 267px;
    float: none; }

  p.sashie-3 {
    margin-left: auto;
    margin-right: auto;
    width: 265px;
    float: none; }

  p.description-1, p.description-3 {
    margin: 50px 25px;
    width: auto;
    float: none; }

  p.sashie-2, p.sashie-4 {
    margin-left: auto;
    margin-right: auto;
    width: 232px;
    float: none; }

  p.description-2, p.description-4 {
    margin: 50px 25px;
    width: auto;
    float: none; }

  #secondmessage .map__button {
    text-align: center;
    margin-top: 40px; }

  #thirdmessage .logo {
    text-align: center;
    float: none;
    margin: 0;
    padding-top: 40px; }
  #thirdmessage .message {
    width: auto;
    margin: 0px 98px;
    padding-bottom: 60px; }
.link_kplus{
	font-size: 20px;
	height: 100px; }
.link_kplus_button{
	margin-top: -45px;
	margin-bottom: 40px; }
.link_kplus_button img{
	width: 90%;
	margin-right: auto;
	margin-left: auto; }
		 }
@media screen and (max-width: 690px) {
  .mm-none {
    display: none; }

  #secondmessage .number {
    float: none;
    margin: 20px auto; }
  #secondmessage .map__notice {
    margin: 40px 25px; } }
@media screen and (max-width: 550px) {
  #keyvisual-sp {
    display: block; }
    #keyvisual-sp img {
      width: 100%; }

  #keyvisual .rightbox {
    position: static;
    width: 100%; }
    #keyvisual .rightbox .information {
      background: #fff; }

  #secondmessage .matching #match p.icon:before {
    margin-left: calc( 50% - 115px ); }

  #secondmessage .matching #match p.text {
    font-size: 1.5rem; }

  #thirdmessage .message {
    margin: 0 25px; }

  #fourthmessage {
    padding: 60px 25px; }
    #fourthmessage ul.actions {
      text-align: center; }
      #fourthmessage ul.actions li {
        float: none;
        margin: 5px 0 0 0;
        max-width: 330px;
        width: 100%;
        text-align: left; }
        #fourthmessage ul.actions li p {
          float: none;
          width: auto;
          font-size: 1.6rem;
          line-height: 2rem; }
    #fourthmessage .number {
      max-width: 300px;
      width: auto;
      margin-left: auto;
      margin-right: auto; } }
@media screen and (max-width: 390px) {
  #secondmessage button#findplace {
    width: 270px; }
  #secondmessage .number {
    margin: 20px 25px;
    width: auto;
    height: auto; }
    #secondmessage .number__title {
      letter-spacing: normal;
      width: auto; }

  .large-font #secondmessage button#findplace {
    padding-right: 5rem; }
  .large-font #secondmessage .matching #match p {
    letter-spacing: normal; }
  .large-font #secondmessage .matching #match p.icon:before {
    margin-left: 25px; }

  #fourthmessage ul.actions li:nth-child(6) p {
    margin-top: 0; }
  #fourthmessage ul.actions li:nth-child(7) p {
    margin-top: 0; }
  #fourthmessage ul.actions li:nth-child(10) p {
    margin-top: 14px; } }
@supports (-ms-ime-align: auto) {
  @media screen and (max-width: 1210px) and (min-width: 1051px) {
    p.description-2 {
      width: calc(100% - 630px); } }
  @media screen and (max-width: 1190px) and (min-width: 769px) {
    p.description-1 {
      margin: 50px 80px 50px 0;
      width: calc(100% - 477px); }

    p.description-3 {
      margin: 50px 80px 50px 0;
      width: calc(100% - 375px - 80px); }

    p.description-4 {
      width: calc(100% - 630px); }

    #thirdmessage {
      height: auto; }
      #thirdmessage .message {
        width: calc(100% - 510px);
        margin: 0 83px 0 417px;
        padding-top: 40px;
        padding-bottom: 216px;
        float: none; }

    #fourthmessage {
      height: auto; }
      #fourthmessage ul.actions {
        float: none;
        width: auto; }
        #fourthmessage ul.actions::after {
          content: "";
          clear: both;
          display: block; }
      #fourthmessage .number {
        float: none;
        margin-top: 40px; } }
  @media screen and (max-width: 1050px) and (min-width: 769px) {
    p.sashie-2 {
      width: calc(50vw - 162px); }

    p.description-2 {
      width: calc(50vw - 105px); }

    p.sashie-4 {
      width: calc(50vw - 167px); }

    p.description-4 {
      width: calc(50vw - 105px); } } }

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