@charset "UTF-8";
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* リセット用CSSをインポート */
/* @import "compass/reset"; */
/* コンパスの機能を全てインポート */
/*----------- config -----------*/
/*----------- mixin -----------*/
/*----------- tag override -----------*/
/* line 34, ../../../../../../compass/sass/screen.scss */
body {
  font-family: sans-serif;
  margin: 0;
  /*padding: 0 0 5rem;*/
  padding: 0 0 50px;
  color: #5e6860;
  /*color:#bc111a;*/
  background-image: url("../img/bg.png");
}

/* line 46, ../../../../../../compass/sass/screen.scss */
h1, h2, h3, h4, h5, h6 {
  font-weight: inherit;
  text-decoration: none;
  color: inherit;
}

/* line 52, ../../../../../../compass/sass/screen.scss */
h1 {
  padding-top: 1rem;
  margin-bottom: 1rem;
  font-size: 1.4rem;
  font-weight: bold;
}

/* line 59, ../../../../../../compass/sass/screen.scss */
h2 {
  margin-bottom: 0;
  font-size: 1.2rem;
  font-weight: bold;
}

/* line 65, ../../../../../../compass/sass/screen.scss */
img.header {
  display: block;
  margin: 0 auto;
}

/* line 70, ../../../../../../compass/sass/screen.scss */
ul {
  list-style: none;
}

/* line 74, ../../../../../../compass/sass/screen.scss */
ul, li {
  margin: 0;
  padding: 0;
}

/* line 79, ../../../../../../compass/sass/screen.scss */
a {
  color: inherit;
  text-decoration: none;
}

/* line 84, ../../../../../../compass/sass/screen.scss */
label {
  white-space: nowrap;
}

/* line 88, ../../../../../../compass/sass/screen.scss */
select {
  font-size: 0.8em;
  color: #5e6860;
}

/* line 93, ../../../../../../compass/sass/screen.scss */
.wrapper {
  /*width: 913px;*/
  width: 600px;
  margin: 0 auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 100, ../../../../../../compass/sass/screen.scss */
.wrapper .text_header {
  color: white;
  text-align: center;
  padding: 0.3em 0 0.15em;
  font-size: 1.8em;
  background-image: url("../img/heading_bg.png");
}
/* line 110, ../../../../../../compass/sass/screen.scss */
.wrapper > div {
  /*margin-top: 1.2rem;*/
  /*margin-bottom: 2rem;*/
  padding-bottom: 1.2rem;
  background-color: #fff;
  /*@include border-radius(15px);*/
  overflow-x: hidden;
}
/* line 119, ../../../../../../compass/sass/screen.scss */
.wrapper > div > img {
  display: block;
  margin: 0 auto;
  width: 100%;
}
/* line 125, ../../../../../../compass/sass/screen.scss */
.wrapper > div > div.content {
  width: 831px;
  margin: 1rem auto 0;
}
/* line 130, ../../../../../../compass/sass/screen.scss */
.wrapper > div > div.content table {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid gray;
  margin: 0;
  padding: 1rem;
  font-size: inherit;
  width: 100%;
  overflow: hidden;
}
/* line 141, ../../../../../../compass/sass/screen.scss */
.wrapper > div > div.content table.input {
  padding: 0;
  border-spacing: 0;
}
/* line 146, ../../../../../../compass/sass/screen.scss */
.wrapper > div > div.content table.input th .note {
  opacity: 0.5;
}
/* line 150, ../../../../../../compass/sass/screen.scss */
.wrapper > div > div.content table th {
  font-weight: normal;
  text-align: right;
  vertical-align: top;
  padding-right: 1em;
}
/* line 157, ../../../../../../compass/sass/screen.scss */
.wrapper > div > div.content table.input th {
  margin: 0;
  padding: 16px;
  color: #555;
  background-color: #e6e6e6;
}
/* line 164, ../../../../../../compass/sass/screen.scss */
.wrapper > div > div.content table.input td {
  margin: 0;
  padding: 16px;
}
/* line 169, ../../../../../../compass/sass/screen.scss */
.wrapper > div > div.content table th, .wrapper > div > div.content td {
  vertical-align: top;
}
/* line 173, ../../../../../../compass/sass/screen.scss */
.wrapper > div > div.content table th .note, .wrapper > div > div.content td .note {
  font-size: 0.6em;
}
/* line 177, ../../../../../../compass/sass/screen.scss */
.wrapper > div > div.content table th .address, .wrapper > div > div.content td .address {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
/* line 183, ../../../../../../compass/sass/screen.scss */
.wrapper > div > div.content table th .address > div, .wrapper > div > div.content td .address > div {
  margin-top: 0.3em;
}
/* line 187, ../../../../../../compass/sass/screen.scss */
.wrapper > div > div.content table th .address > div:nth-child(odd), .wrapper > div > div.content td .address > div:nth-child(odd) {
  width: 25%;
}
/* line 191, ../../../../../../compass/sass/screen.scss */
.wrapper > div > div.content table th .address > div:nth-child(even), .wrapper > div > div.content td .address > div:nth-child(even) {
  width: 75%;
}
/* line 195, ../../../../../../compass/sass/screen.scss */
.wrapper > div > div.content table th .address input, .wrapper > div > div.content td .address input {
  width: 100%;
}
/* line 203, ../../../../../../compass/sass/screen.scss */
.wrapper > div > div.content .enquete {
  margin-top: 1em;
}
/* line 207, ../../../../../../compass/sass/screen.scss */
.wrapper > div > div.content .enquete .list {
  display: flex;
  flex-wrap: wrap;
}
/* line 211, ../../../../../../compass/sass/screen.scss */
.wrapper > div > div.content .enquete .list.columns5 > div {
  width: calc(100% / 5);
}
/* line 215, ../../../../../../compass/sass/screen.scss */
.wrapper > div > div.content .enquete .list.columns4 > div {
  width: calc(100% / 4);
}
/* line 219, ../../../../../../compass/sass/screen.scss */
.wrapper > div > div.content .enquete .list.columns3 > div {
  width: calc(100% / 3);
}
/* line 223, ../../../../../../compass/sass/screen.scss */
.wrapper > div > div.content .enquete .list.columns2 > div {
  width: calc(100% / 2);
}
/* line 228, ../../../../../../compass/sass/screen.scss */
.wrapper > div > div.content .enquete .list.columns1 > div {
  width: calc(100% / 1);
  background-color: #e6e6e6;
  margin: 3px 0;
  padding: 8px 8px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
/* line 236, ../../../../../../compass/sass/screen.scss */
.wrapper > div > div.content .enquete .list label {
  white-space: normal;
}
/* line 242, ../../../../../../compass/sass/screen.scss */
.wrapper > div > div.content .enquete textarea {
  width: 100%;
  height: 10em;
}
/* line 251, ../../../../../../compass/sass/screen.scss */
.wrapper > div > div.content .rule .rule_text {
  width: 100%;
  height: 10em;
  overflow-y: scroll;
  font-size: 0.7em;
  padding: 1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #562f01;
}
/* line 261, ../../../../../../compass/sass/screen.scss */
.wrapper > div > div.content .rule label {
  display: block;
  margin: 1em auto;
  text-align: center;
}
/* line 269, ../../../../../../compass/sass/screen.scss */
.wrapper > div > div.content input[type=image] {
  display: block;
  margin: 0 auto;
}
/* line 274, ../../../../../../compass/sass/screen.scss */
.wrapper > div > div.content input[type=submit] {
  display: block;
  margin: 0 auto;
}
/* line 279, ../../../../../../compass/sass/screen.scss */
.wrapper > div > div.content.guideline {
  font-size: 0.8em;
}
/* line 287, ../../../../../../compass/sass/screen.scss */
.wrapper .infomessage {
  background-color: #fff100;
}
/* line 291, ../../../../../../compass/sass/screen.scss */
.wrapper .link_anchor {
  padding-bottom: 0;
  display: flex;
  justify-content: space-between;
  background-color: inherit !important;
}

/*----------- include -----------*/
/* mobile */
@media screen and (max-width: 767px) {
  /* line 6, ../../../../../../compass/sass/_mobile.scss */
  .is-pc {
    display: none !important;
  }

  /* line 10, ../../../../../../compass/sass/_mobile.scss */
  html {
    /*font-size: 2.607vw;*/
    /* 767px時20px相当 20px/767px=0.02607(2.607%) */
    font-size: 3.650vw;
    /* 767px時28px相当 28px/767px=0.03650(3.650%) */
  }

  /* line 15, ../../../../../../compass/sass/_mobile.scss */
  img.header {
    width: 100%;
  }

  /* line 19, ../../../../../../compass/sass/_mobile.scss */
  .wrapper {
    width: 100%;
  }
  /* line 23, ../../../../../../compass/sass/_mobile.scss */
  .wrapper > div > img,
  .wrapper > div > a img {
    max-width: 100%;
  }
  /* line 28, ../../../../../../compass/sass/_mobile.scss */
  .wrapper > div > div.content {
    width: 90%;
        /*
        table th {
            font-weight:normal;
            white-space:nowrap;

            vertical-align:top;
            padding-right:1em;
        }

        table th, td {

            vertical-align:top;

            .note {
                font-size:0.6em;
            }

            .address {

                display: flex;
                justify-content: space-between;
                flex-wrap: wrap;

                > div {
                    margin-top:0.3em;
                }

                > div:nth-child(odd){
                    width:25%;
                }

                > div:nth-child(even){
                    width:75%;
                }

                input {
                    width:100%;
                }

            }

        }
        */
  }
  /* line 32, ../../../../../../compass/sass/_mobile.scss */
  .wrapper > div > div.content table tr, .wrapper > div > div.content table th, .wrapper > div > div.content table td {
    display: block;
  }
  /* line 36, ../../../../../../compass/sass/_mobile.scss */
  .wrapper > div > div.content table th, .wrapper > div > div.content table td {
    text-align: left;
    /*overflow: hidden;*/
  }
  /* line 39, ../../../../../../compass/sass/_mobile.scss */
  .wrapper > div > div.content table th .address, .wrapper > div > div.content table td .address {
    display: block;
  }
  /* line 42, ../../../../../../compass/sass/_mobile.scss */
  .wrapper > div > div.content table th .address input, .wrapper > div > div.content table td .address input {
    width: 80%;
  }
  /* line 47, ../../../../../../compass/sass/_mobile.scss */
  .wrapper > div > div.content table th .note, .wrapper > div > div.content table td .note {
    font-size: 0.8em;
  }
  /* line 52, ../../../../../../compass/sass/_mobile.scss */
  .wrapper > div > div.content table th {
    font-weight: bold;
    margin-top: 1rem;
  }
  /* line 102, ../../../../../../compass/sass/_mobile.scss */
  .wrapper > div > div.content img {
    max-width: 100%;
  }
  /* line 107, ../../../../../../compass/sass/_mobile.scss */
  .wrapper > div > div.content .enquete .list {
    display: box;
  }
  /* line 110, ../../../../../../compass/sass/_mobile.scss */
  .wrapper > div > div.content .enquete .list.columns5 > div, .wrapper > div > div.content .enquete .list.columns4 > div, .wrapper > div > div.content .enquete .list.columns3 > div, .wrapper > div > div.content .enquete .list.columns2 > div {
    width: 100%;
  }
  /* line 120, ../../../../../../compass/sass/_mobile.scss */
  .wrapper > div > div.content .rule .rule_text {
    overflow: auto;
    height: auto;
    font-size: 0.8em;
  }
  /* line 128, ../../../../../../compass/sass/_mobile.scss */
  .wrapper > div > div.content input[type=image] {
    width: 50%;
  }

  /* line 139, ../../../../../../compass/sass/_mobile.scss */
  .link_anchor {
    width: 100%;
    display: flex;
    justify-content: space-around;
    background-color: initial !important;
  }
  /* line 145, ../../../../../../compass/sass/_mobile.scss */
  .link_anchor div {
    width: 48%;
  }
  /* line 148, ../../../../../../compass/sass/_mobile.scss */
  .link_anchor div img {
    width: 100%;
  }

  	/*----------------------------
      * ハンバーガーメニュー開閉ボタン
      *----------------------------*/
  /* line 157, ../../../../../../compass/sass/_mobile.scss */
  .menu-btn {
    position: fixed;
    top: 2vw;
    right: 4vw;
    z-index: 2;
    width: 10vw;
    height: 10vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.8);
    font-size: 8vw;
  }
  /* line 169, ../../../../../../compass/sass/_mobile.scss */
  .menu-btn.is-disabled {
    display: none;
  }

  /* line 174, ../../../../../../compass/sass/_mobile.scss */
  .menu-btn-close {
    position: fixed;
    top: 2vw;
    right: 4vw;
    z-index: 2;
    width: 10vw;
    height: 10vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.8);
    font-size: 8vw;
    display: none;
  }
  /* line 187, ../../../../../../compass/sass/_mobile.scss */
  .menu-btn-close.is-active {
    display: flex;
  }

  	/*----------------------------
      * ハンバーガーメニュー本体
      *----------------------------*/
  /* line 196, ../../../../../../compass/sass/_mobile.scss */
  .menu {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1;
    width: 100vw;
    height: 100vh;
    display: none;
  }
  /* line 206, ../../../../../../compass/sass/_mobile.scss */
  .menu.is-active {
    display: block;
  }

  /* line 210, ../../../../../../compass/sass/_mobile.scss */
  .menu__item {
    display: block;
    width: 100%;
    height: auto;
    padding: 1em 1em;
    text-align: center;
    color: #444;
    opacity: 0.5;
    box-sizing: border-box;
    font-size: 5vw;
  }
  /* line 220, ../../../../../../compass/sass/_mobile.scss */
  .menu__item:nth-child(odd) {
    background: #ddd;
    opacity: 1;
  }
  /* line 224, ../../../../../../compass/sass/_mobile.scss */
  .menu__item:nth-child(even) {
    background: #eee;
    opacity: 1;
  }
}
/*----------------------------
* Web応募へのアンカーボタン
*----------------------------*/
/* line 234, ../../../../../../compass/sass/_mobile.scss */
.to-web {
  position: fixed;
  width: 100px;
  bottom: 0;
  left: calc(50% - 100px/2);
  z-index: 2;
}
/* line 241, ../../../../../../compass/sass/_mobile.scss */
.to-web img {
  width: 100%;
}

/* mobile end */
/*@import "tablet";*/
/* pc */
@media screen and (min-width: 768px) {
  /* line 6, ../../../../../../compass/sass/_pc.scss */
  html {
    font-size: 20px;
  }

  /* line 10, ../../../../../../compass/sass/_pc.scss */
  .is-mobile {
    display: none !important;
  }

  /* line 18, ../../../../../../compass/sass/_pc.scss */
  .wrapper > div > div.content {
    width: 90%;
  }
  /* line 22, ../../../../../../compass/sass/_pc.scss */
  .wrapper > div > div.content table tr, .wrapper > div > div.content table th, .wrapper > div > div.content table td {
    display: block;
  }
  /* line 26, ../../../../../../compass/sass/_pc.scss */
  .wrapper > div > div.content table th, .wrapper > div > div.content table td {
    text-align: left;
    /*overflow: hidden;*/
  }
  /* line 29, ../../../../../../compass/sass/_pc.scss */
  .wrapper > div > div.content table th .address, .wrapper > div > div.content table td .address {
    display: block;
  }
  /* line 32, ../../../../../../compass/sass/_pc.scss */
  .wrapper > div > div.content table th .address input, .wrapper > div > div.content table td .address input {
    width: 80%;
  }
  /* line 37, ../../../../../../compass/sass/_pc.scss */
  .wrapper > div > div.content table th .note, .wrapper > div > div.content table td .note {
    font-size: 0.8em;
  }
  /* line 42, ../../../../../../compass/sass/_pc.scss */
  .wrapper > div > div.content table th {
    font-weight: bold;
    margin-top: 1rem;
  }

  /*----------------------------
  * ハンバーガーメニュー非表示
  *----------------------------*/
  /* line 54, ../../../../../../compass/sass/_pc.scss */
  .menu,
  .menu-btn,
  .menu-btn-close {
    display: none;
  }

  /*----------------------------
  * グローバルメニュー枠線
  *----------------------------*/
  /* line 63, ../../../../../../compass/sass/_pc.scss */
  .header_menu div {
    border-style: solid;
    border-color: silver;
    border-width: 1px 1px 1px 0;
  }

  /* line 68, ../../../../../../compass/sass/_pc.scss */
  .header_menu div:first-child {
    border-width: 1px;
  }
}
/* mobile pc */