@charset "UTF-8";
@font-face {
  font-family: "ttnorms";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../font/tt-norms-regular.woff2") format("woff2"), url("../font/tt-norms-regular.woff") format("woff");
}
/* --------------------------
 * reboot
-------------------------- */
* {
  box-sizing: border-box;
}
*::before, *::after {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

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

body {
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #333;
  text-align: left;
}

[tabindex="-1"]:focus {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0;
}

p {
  margin-top: 0;
  margin-bottom: 0;
  display: block;
}

abbr[title], abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol, ul, dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol, ul ul, ol ul, ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: normal;
}

dd {
  margin-bottom: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b, strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub, sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #333;
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  color: #ccc;
  text-decoration: underline;
}
a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):hover {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
  outline: 0;
}

pre, code, kbd, samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}
button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

input, button, select, optgroup, textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button, input {
  overflow: visible;
}

button {
  text-transform: none;
}

select {
  text-transform: none;
  word-wrap: normal;
}

button, [type=button], [type=reset], [type=submit] {
  -webkit-appearance: button;
}

button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) {
  cursor: pointer;
}

button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type=radio], input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
}
input[type=date], input[type=time], input[type=datetime-local], input[type=month] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

/* --------------------------
 * adjustment
-------------------------- */
.cf {
  zoom: 1;
}
.cf:before {
  content: "";
  display: table;
}
.cf:after {
  content: "";
  display: table;
  clear: both;
}

.nowrap {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bgCover {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
}

.radius {
  border-radius: 5px;
}

figure {
  margin: 0;
  padding: 0;
  display: block;
}
figure img {
  width: 100%;
  height: auto;
}

a {
  color: #000;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
a:hover, a:focus, a:active {
  text-decoration: none;
}
a.alpha {
  opacity: 1;
}
a.alpha img {
  opacity: 1;
  transition: opacity 0.5s ease;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
}
a.alpha:hover {
  opacity: 0.75;
}
a.alpha:hover img {
  opacity: 0.75;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-type: none;
}
ul li {
  margin: 0;
  padding: 0;
  display: block;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

dl {
  margin: 0%;
  padding: 0;
}
dl dt, dl dd {
  margin: 0%;
  padding: 0;
}

h1, h2, h3, h4, h5, p {
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-weight: 400;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

div, p, span {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

hr {
  border-top: 1px solid #dddddd;
  margin: 0;
  padding: 0;
}

.video {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}

/* 16:9 */
.video169 {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  background-color: #333;
  display: flex;
  justify-content: center;
  align-items: center;
}

.video169 iframe {
  width: 100%;
  height: 100%;
}

/* --------------------------
 * @keyframes
-------------------------- */
@keyframes jamp {
  0% {
    transform: translateY(0px);
  }
  3% {
    transform: translateY(-10px);
  }
  6% {
    transform: translateY(0px);
  }
  100% {
    transform: translateX(0px);
  }
}
@keyframes leftin {
  0% {
    opacity: 0;
    transform: translateX(-25px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@keyframes topin {
  0% {
    opacity: 0;
    transform: translateY(-25px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes btmin {
  0% {
    opacity: 0;
    transform: translateY(25px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes rightin {
  0% {
    opacity: 0;
    transform: translateX(25px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@keyframes fadeInText {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/* --------------------------
 * font
-------------------------- */
body {
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic", "ヒラギノ角ゴ W3", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", Meiryo, sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.jfont {
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic", "ヒラギノ角ゴ W3", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", Meiryo, sans-serif;
}

.ttnorms {
  font-family: "ttnorms", serif;
}

.gfont {
  font-family: "Roboto Slab", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.w300 {
  font-weight: 300;
}

.w500 {
  font-weight: 500;
}

.w600 {
  font-weight: 600;
}

.w700 {
  font-weight: 700;
}

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

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

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

/* --------------------------
* font size
-------------------------- */
html {
  font-size: 62.5%;
  width: 100%;
}

body {
  line-height: 1.6;
  color: #333;
  position: relative;
  min-height: 600px;
  font-size: 1.5rem;
}
@media screen and (max-width: 1440px) {
  body {
    font-size: 1.4rem;
    line-height: 1.5;
  }
}

.f-xsm {
  font-size: 1.3rem;
}

.f-sm {
  font-size: 1.8rem;
}

.f-md {
  font-size: 2.4rem;
}

.f-lg {
  font-size: 2.7rem;
}

.f-xlg {
  font-size: 3rem;
}

.f-xxlg {
  font-size: 3.6rem;
}

a {
  color: #333;
  transition: 0.3s ease all;
}
a:hover {
  color: #333;
}

/* --------------------------
* flame
-------------------------- */
.pc_dspl {
  display: block !important;
}
@media screen and (max-width: 767px) {
  .pc_dspl {
    display: none !important;
  }
}

.sp_dspl {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .sp_dspl {
    display: block !important;
  }
}

/* pc width min */
@media screen and (min-width: 1080px) {
  body, html {
    width: 100%;
    min-height: 600px;
    -webkit-text-size-adjust: 100%;
  }
  html {
    overflow-x: hidden;
  }
}
/* smartphone */
@media screen and (max-width: 1080px) {
  body {
    -webkit-text-size-adjust: 100%;
    -webkit-overflow-scrolling: touch;
    display: block;
    position: relative;
    width: 100%;
    min-width: auto;
    overflow-x: hidden;
  }
  html {
    -webkit-text-size-adjust: 100%;
    -webkit-overflow-scrolling: touch;
    display: block;
    position: relative;
    width: 100%;
    min-width: auto;
    overflow-x: hidden;
  }
}
/* --------------------------
* container
-------------------------- */
.container {
  margin: 0 auto;
  position: relative;
  display: block;
  max-width: 1280px;
  margin: 0 auto;
}
@media screen and (max-width: 1440px) {
  .container {
    max-width: 960px;
  }
}
@media screen and (max-width: 1024px) {
  .container {
    margin: 0 auto;
    width: 800px;
  }
}
@media screen and (max-width: 960px) {
  .container {
    margin: 0 50px;
    width: auto;
  }
}
@media screen and (max-width: 767px) {
  .container {
    margin: 0 16px;
    width: auto;
  }
}
.container.min {
  max-width: 960px;
}
@media screen and (max-width: 1024px) {
  .container.min {
    margin: 0 auto;
    width: 800px;
  }
}
@media screen and (max-width: 960px) {
  .container.min {
    margin: 0 50px;
    width: auto;
  }
}
@media screen and (max-width: 767px) {
  .container.min {
    margin: 0 16px;
    width: auto;
  }
}
.container.flex {
  display: flex;
}
.container.reverse {
  flex-flow: row-reverse;
}
@media screen and (max-width: 900px) {
  .container.reverse {
    flex-flow: inherit;
  }
}

/* --------------------------
* flexbox wrap
-------------------------- */
.flexWrap {
  display: flex;
}
.flexWrap.center {
  justify-content: center;
}
.flexWrap.reverse {
  flex-flow: row-reverse;
}
.flexWrap.col-2 > .item {
  width: 50%;
}
.flexWrap.col-3 > .item {
  width: 33.3333%;
}
.flexWrap.col-4 > .item {
  width: 25%;
}
.flexWrap.col-5 > .item {
  width: 20%;
}
.flexWrap.col-6 > .item {
  width: 16.6666%;
}

/* --------------------------
* crumbs
-------------------------- */
/* --------------------------
* borderBox
-------------------------- */
.borderBox {
  letter-spacing: 0;
  margin: 0 auto 5%;
}
@media screen and (max-width: 1080px) {
  .borderBox {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 767px) {
  .borderBox {
    margin-bottom: 35px;
  }
}
.borderBox ul {
  display: list-item;
}
.borderBox ul li {
  display: list-item;
  list-style: square;
  margin-left: 20px;
  margin-top: 5px;
}
@media screen and (max-width: 1080px) {
  .borderBox ul li {
    font-size: 1.5rem;
    margin-bottom: 3px;
    letter-spacing: 0px;
  }
}
@media screen and (max-width: 767px) {
  .borderBox ul li {
    font-size: 1.3rem;
    line-height: 1.5;
    margin-bottom: 5px;
    margin-left: 15px;
    letter-spacing: 0px;
  }
}
.borderBox ul li:last-child {
  margin-bottom: 0;
}

/* --------------------------
* list dl
-------------------------- */
dl.list {
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  line-height: 1.8;
  margin: 0;
  border-bottom: 1px solid #dddddd;
}
@media screen and (max-width: 767px) {
  dl.list {
    margin: 0 -16px;
    line-height: 1.8;
  }
}
dl.list > dt {
  width: 30%;
  padding: 20px 0;
  border-top: 1px solid #dddddd;
  display: block;
}
@media screen and (max-width: 1024px) {
  dl.list > dt {
    padding: 15px 0;
  }
}
@media screen and (max-width: 960px) {
  dl.list > dt {
    padding: 15px 0px;
    font-weight: 600;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  dl.list > dt {
    padding: 15px 16px 15px;
  }
}
@media screen and (max-width: 960px) {
  dl.list > dt br {
    display: none;
  }
}
dl.list > dt span {
  font-weight: 500;
}
dl.list > dd {
  width: 70%;
  padding: 20px 0;
  border-top: 1px solid #dddddd;
  display: block;
}
@media screen and (max-width: 1024px) {
  dl.list > dd {
    padding: 15px 0;
  }
}
@media screen and (max-width: 960px) {
  dl.list > dd {
    padding: 0px 0px 15px;
    line-height: 1.6;
    width: 100%;
    border-top: none !important;
  }
}
@media screen and (max-width: 767px) {
  dl.list > dd {
    padding: 0 16px 15px;
    width: 100%;
  }
}
dl.list > dd span {
  font-weight: 500;
}
dl.list > dd ul li {
  display: list-item;
  margin-left: 20px;
  letter-spacing: 1px;
  list-style-type: disc;
}
@media screen and (max-width: 960px) {
  dl.list > dd ul li {
    margin-bottom: 10px;
  }
}
dl.list > dd ul li:last-child {
  margin-bottom: 0;
}

/* --------------------------
 * list ul
-------------------------- */
ul.list li {
  display: list-item;
  margin-bottom: 2%;
  letter-spacing: 1px;
  font-size: 1.5rem;
}
ul.list li:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 1080px) {
  ul.list li {
    margin-bottom: 10px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  ul.list li {
    padding-right: 16px;
    margin-left: 16px;
  }
}
ul.list.disc {
  border-top: 1px solid #333;
  padding-top: 40px;
  list-style-type: disc;
  padding-left: 16px;
}
@media screen and (max-width: 767px) {
  ul.list.disc {
    margin: 0 -16px;
  }
}
ul.list.num {
  list-style-type: decimal;
  font-size: 2.1rem;
}
@media screen and (max-width: 1080px) {
  ul.list.num {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 767px) {
  ul.list.num {
    font-size: 1.4rem !important;
  }
}
ul.list.min {
  font-size: 1.8rem;
  margin-top: 50px;
}
@media screen and (max-width: 1080px) {
  ul.list.min {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  ul.list.min {
    font-size: 1.4rem;
    line-height: 1.6;
    margin-top: 25px;
  }
}

/* --------------------------
 * faq
-------------------------- */
/* --------------------------
 * single-post
-------------------------- */
/* --------------------------
* single-post - sideBar
-------------------------- */
/* --------------------------
* pageFeed
-------------------------- */
#pageFeed {
  display: flex;
  height: 60px;
  line-height: 60px;
  justify-content: space-between;
  margin: 0px auto;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  #pageFeed {
    height: 50px;
    line-height: 50px;
  }
}
@media screen and (max-width: 767px) {
  #pageFeed {
    height: 36px;
    line-height: 36px;
  }
}
@media screen and (max-width: 960px) {
  #pageFeed {
    margin-bottom: 50px;
  }
}
#pageFeed > div {
  width: 180px;
  display: block;
  height: 60px;
}
@media screen and (max-width: 1024px) {
  #pageFeed > div {
    height: 50px;
  }
}
@media screen and (max-width: 767px) {
  #pageFeed > div {
    height: 36px;
    width: 110px;
  }
}
#pageFeed > div a {
  display: flex;
  overflow: hidden;
  border-radius: 5px;
  height: 60px;
  font-size: 1.6rem;
  position: relative;
  align-items: center;
  justify-content: center;
  font-weight: 500;
}
@media screen and (max-width: 1024px) {
  #pageFeed > div a {
    height: 50px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  #pageFeed > div a {
    font-size: 1.3rem;
    height: 36px;
  }
}
#pageFeed > div a img {
  width: 8px;
  position: absolute;
  margin-top: 2px;
}
@media screen and (max-width: 767px) {
  #pageFeed > div a img {
    width: 6px;
  }
}
#pageFeed > div:nth-child(1) a {
  background-color: #09BAB5;
  color: #FFFFFF;
  padding-left: 15px;
}
#pageFeed > div:nth-child(1) a img {
  left: 15px;
  transform: scale(-1, 1);
}
@media screen and (max-width: 767px) {
  #pageFeed > div:nth-child(1) a img {
    left: 10px;
  }
}
#pageFeed > div:nth-child(1) a:hover {
  background-color: #276563;
}
@media screen and (max-width: 767px) {
  #pageFeed > div:nth-child(2) {
    width: 85px;
  }
}
#pageFeed > div:nth-child(2) a {
  color: #333;
  border: 1px solid #dddddd;
  text-align: center;
}
#pageFeed > div:nth-child(2) a:hover {
  background-color: #eeeeee;
}
#pageFeed > div:nth-child(3) a {
  background-color: #09BAB5;
  color: #FFFFFF;
  padding-right: 15px;
}
#pageFeed > div:nth-child(3) a img {
  right: 15px;
}
@media screen and (max-width: 767px) {
  #pageFeed > div:nth-child(3) a img {
    right: 10px;
  }
}
#pageFeed > div:nth-child(3) a:hover {
  background-color: #276563;
}

/* --------------------------
* formWrap
-------------------------- */
#formWrap {
  position: relative;
  background-color: #FFFFFF;
  padding: 75px;
  border-radius: 10px;
}
@media screen and (max-width: 960px) {
  #formWrap {
    padding: 50px;
  }
}
@media screen and (max-width: 767px) {
  #formWrap {
    padding: 32px 16px;
  }
}
#formWrap .note {
  margin-bottom: 100px;
  text-align: center;
  font-size: 1.4rem;
}
#formWrap dl {
  margin: 0;
  padding: 0 0 25px;
  display: flex;
  flex-wrap: wrap;
}
#formWrap dl dt {
  width: 35%;
  padding: 0;
  display: flex;
  align-items: center;
  border-top: 1px dotted #dddddd;
  position: relative;
  line-height: 1;
}
@media screen and (max-width: 1024px) {
  #formWrap dl dt {
    width: 100%;
    padding-top: 20px;
  }
}
#formWrap dl dt .label {
  position: relative;
  width: auto;
  font-weight: 500;
  font-size: 1.6rem;
}
#formWrap dl dt span.required {
  display: block;
  color: #FFFFFF;
  font-weight: normal;
  background-color: #09BAB5;
  line-height: 18px;
  font-size: 1.2rem;
  padding: 2px 0;
  position: absolute;
  top: 50%;
  right: 40px;
  border-radius: 2px;
  width: 50px;
  margin-top: -11px;
  text-align: center;
}
@media screen and (max-width: 1440px) {
  #formWrap dl dt span.required {
    font-size: 1.1rem;
    width: 40px;
    height: 20px;
    line-height: 18px;
    margin-top: -12px;
    padding: 0;
    right: 30px;
  }
}
@media screen and (max-width: 1024px) {
  #formWrap dl dt span.required {
    position: relative;
    top: inherit;
    right: inherit;
    display: inline-block;
    margin-left: 15px;
    margin-top: 0;
    line-height: 15px;
    margin-top: -5.5px;
    height: 15px;
  }
}
#formWrap dl dd {
  width: 65%;
  padding: 20px 0;
  display: block;
  border-top: 1px dotted #dddddd;
  /*
  span {
    color: #EE836F;
    font-weight: bold;
    margin-left: 7px;
    margin-right: 20px;
  }*/
}
@media screen and (max-width: 1024px) {
  #formWrap dl dd {
    width: 100%;
    border-top: none;
    padding-top: 10px;
  }
}
#formWrap dl dd > label {
  margin: 0 20px 0 0;
  padding: 0;
}
#formWrap dl dd p input[type=text] {
  margin-top: 0;
  margin-bottom: 15px;
}
#formWrap dl dd p > label {
  width: 100px;
  margin: 0;
}
#formWrap dl dd p input[type=radio] {
  margin-right: 5px;
  margin-left: 15px;
}
#formWrap dl dd p input[type=radio]:first-child {
  margin-left: 0;
}
#formWrap dl dd p input[type=checkbox] {
  margin-left: 15px;
}
#formWrap dl dd p input[type=checkbox]:first-child {
  margin-left: 0;
}
#formWrap dl select {
  width: 100%;
  height: 3.6em;
  line-height: 1;
  background-color: #F6F6F6;
  color: #333 !important;
  padding: 0 20px;
  border: 1px solid #FFFFFF;
  border-radius: 5px;
}
@media screen and (max-width: 1024px) {
  #formWrap dl select {
    width: 100%;
    height: 50px;
    padding-left: 10px;
  }
}
#formWrap dl select:focus {
  border: 1px solid #333;
  outline: 0;
}
#formWrap dl input[type=text], #formWrap dl input[type=email], #formWrap dl input[type=tel] {
  width: 100%;
  box-sizing: border-box;
  background-color: #F6F6F6;
  color: #333 !important;
  line-height: 1;
  height: 3.6em;
  padding: 0 20px;
  box-shadow: 0;
  border: 1px solid #F6F6F6;
  border-radius: 5px;
}
@media screen and (max-width: 1024px) {
  #formWrap dl input[type=text], #formWrap dl input[type=email], #formWrap dl input[type=tel] {
    width: 100%;
    height: 50px;
    padding: 0 10px;
  }
}
#formWrap dl input.zip {
  width: 30%;
}
@media screen and (max-width: 1024px) {
  #formWrap dl input.zip {
    width: 50%;
    height: 50px;
  }
}
#formWrap dl input.search {
  color: #F6F6F6 !important;
  background-color: #333;
  margin-left: 10px;
  padding: 14px 15px;
  border: none;
  border-radius: 5px;
}
@media screen and (max-width: 1080px) {
  #formWrap dl input.search {
    padding: 13px 15px;
    margin-top: 0 !important;
    height: 50px;
  }
}
#formWrap dl input:nth-child(2) {
  margin-top: 15px;
}
#formWrap dl textarea {
  box-sizing: border-box;
  width: 100%;
  background-color: #F6F6F6;
  color: #333 !important;
  line-height: 1.6;
  padding: 15px 20px;
  border-radius: 0px;
  box-shadow: 0;
  border: 1px solid #F6F6F6;
  border-radius: 5px;
}
@media screen and (max-width: 1024px) {
  #formWrap dl textarea {
    padding: 10px 10px;
  }
}
#formWrap dl input[type=text]:focus, #formWrap dl input[type=email]:focus, #formWrap dl input[type=tel]:focus {
  border: 1px solid #333;
  outline: 0;
}
#formWrap dl textarea:focus {
  border: 1px solid #333;
  outline: 0;
}
#formWrap dl input[type=checkbox] {
  margin-right: 20px !important;
  line-height: 100px;
  padding: 0 20px;
  border-radius: 0px;
  border: #333;
  color: #333 !important;
}
#formWrap dl input[type=radio] {
  margin-right: 10px;
}
#formWrap dl input[type=file] {
  line-height: 25px;
}
#formWrap dl input::placeholder {
  color: #dddddd;
}
#formWrap dl textarea::placeholder {
  color: #dddddd;
}
#formWrap dl div {
  display: flex;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  #formWrap dl div {
    display: block;
  }
}
#formWrap .policy {
  margin-bottom: 50px;
}
#formWrap .policy h2 {
  text-align: center;
  border-bottom: 1px solid #000;
  padding-bottom: 15px;
  margin-bottom: 25px;
}
#formWrap .policy .textArea {
  background-color: #fff;
  margin-bottom: 50px;
  padding: 3%;
  display: block;
  aspect-ratio: 16/4;
  height: auto;
  width: 100%;
  overflow: auto;
  line-height: 1.8;
  border: 1px solid #dddddd;
}
@media screen and (max-width: 1024px) {
  #formWrap .policy .textArea {
    line-height: 1.6;
  }
}
#formWrap .check {
  line-height: 3;
  margin-bottom: 50px;
  margin-left: 25%;
}
@media screen and (max-width: 1024px) {
  #formWrap .check {
    margin-left: 0%;
    margin-bottom: 25px;
  }
}
#formWrap .check a {
  color: #333;
  margin-left: 20px;
  display: inline;
}
@media screen and (max-width: 767px) {
  #formWrap .check a {
    display: block;
    line-height: 1;
    margin-top: 0;
    margin-left: -10px;
  }
}
#formWrap .check input[type=checkbox] {
  accent-color: #333;
  inline-size: 2.5rem !important;
  block-size: 2.5rem !important;
  margin-right: 20px;
  position: relative;
  bottom: -6px;
  border-radius: 0 !important;
  border: 1px solid #F6F6F6;
}
#formWrap div.wpcf7-mail-sent-ok {
  border: 2px solid #398f14;
  background-color: #fff;
  margin: 0 -5px;
}
#formWrap div.wpcf7-mail-sent-ng {
  border: 2px solid #ff0000;
  background-color: #fff;
  margin: 0 -5px;
}
#formWrap div.wpcf7-spam-blocked {
  border: 2px solid #ffa500;
  background-color: #fff;
  margin: 0 -5px;
}
#formWrap div.wpcf7-validation-errors {
  border: 2px solid #f7e700;
  background-color: #fff;
  margin: 0 -5px !important;
}
#formWrap form.wpcf7-form {
  margin-top: -100px;
  padding-top: 100px;
}
#formWrap .formBtn {
  width: 100%;
}
#formWrap .formBtn ul {
  text-align: center;
  font-size: 0;
}
#formWrap .formBtn ul li {
  display: inline-block;
  vertical-align: top;
}
@media screen and (max-width: 767px) {
  #formWrap .formBtn ul li {
    margin-bottom: 10px;
  }
}
#formWrap .formBtn input[type=button], #formWrap .formBtn input[type=submit] {
  letter-spacing: 1px;
  height: auto;
  aspect-ratio: 16/4;
  line-height: 2;
  width: 300px !important;
  margin: 0 10px;
  display: block;
  border: none;
  color: #FFFFFF !important;
  transition: all 0.3s;
  border-radius: 10em;
  cursor: pointer;
  font-size: 1.8rem;
}
@media screen and (max-width: 1024px) {
  #formWrap .formBtn input[type=button], #formWrap .formBtn input[type=submit] {
    font-size: 1.6rem;
    aspect-ratio: 16/4;
    width: 270px !important;
  }
}
#formWrap .formBtn input[type=button], #formWrap .formBtn input[type=submit] {
  background: #09BAB5;
  color: #FFFFFF;
}
#formWrap .formBtn input[type=button]:hover, #formWrap .formBtn input[type=submit]:hover {
  opacity: 0.8;
}
#formWrap .formBtn input:disabled {
  background-color: #ccc;
  cursor: not-allowed;
  opacity: 0.6;
}

/* --------------------------
* pagination
-------------------------- */
/* --------------------------
* modal
-------------------------- *//*# sourceMappingURL=common.css.map */