@charset "UTF-8";
/* --------------------------
 * 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: #1A1311;
  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.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

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: #1A1311;
  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;
  -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: normal;
  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;
}

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

/* --------------------------
 * 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;
}

.gfont {
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 600;
}

.w400 {
  font-weight: 400;
}

.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: 2;
  color: #000000;
  position: relative;
  min-width: 1024px;
  min-height: 600px;
  letter-spacing: 1px;
  font-size: 1.6rem;
}
@media screen and (max-width: 1920px) {
  body {
    font-size: calc((100vw - 1920px) / 192 + 16px);
  }
}
@media screen and (max-width: 1024px) {
  body {
    min-width: auto;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  body {
    font-size: 1.4rem;
  }
}

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

/* --------------------------
 * @keyframes
-------------------------- */
@keyframes kaiten {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes leftin {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@keyframes rightin {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes btmin {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes topin {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes leftin {
  0% {
    opacity: 0;
    transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@keyframes intro {
  0% {
    opacity: 0.1;
    background-size: 260%;
  }
  50% {
    filter: grayscale(100%);
  }
  100% {
    filter: grayscale(0%);
    pacity: 1;
    background-size: 230%;
  }
}
@keyframes intro_tb {
  0% {
    opacity: 0.1;
    background-size: 300%;
  }
  50% {
    filter: grayscale(100%);
  }
  100% {
    filter: grayscale(0%);
    pacity: 1;
    background-size: 260%;
  }
}
@keyframes intro_sp {
  0% {
    opacity: 0.1;
    background-size: 380%;
  }
  50% {
    filter: grayscale(100%);
  }
  100% {
    filter: grayscale(0%);
    pacity: 1;
    background-size: 350%;
  }
}
/* --------------------------
* 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: 1024px) {
  body, html {
    width: 100%;
    min-height: 600px;
    -webkit-text-size-adjust: 100%;
  }
  html {
    overflow-x: hidden;
  }
}
/* smartphone */
@media screen and (max-width: 1023px) {
  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;
  width: 1280px;
  transition: 0.5s ease all;
}
@media screen and (max-width: 1536px) {
  .container {
    width: 1080px;
  }
}
@media screen and (max-width: 1279px) {
  .container {
    width: 840px;
  }
}
@media screen and (max-width: 1023px) {
  .container {
    margin: 0 auto;
    width: auto;
    max-width: 640px;
  }
}
@media screen and (max-width: 767px) {
  .container {
    width: calc(100% - 40px);
    margin: 0 20px;
    padding: 0;
  }
}
.container.min {
  width: 1080px;
}
@media screen and (max-width: 1536px) {
  .container.min {
    width: 960px;
  }
}
@media screen and (max-width: 1279px) {
  .container.min {
    width: 840px;
  }
}
@media screen and (max-width: 1023px) {
  .container.min {
    margin: 0 auto;
    padding: 0 50px;
    width: auto;
    max-width: 640px;
  }
}
@media screen and (max-width: 767px) {
  .container.min {
    width: calc(100% - 40px);
    margin: 0 20px;
    padding: 0;
  }
}

/* --------------------------
* flexbox wrap
-------------------------- */
.flexWrap {
  display: flex;
  flex-wrap: wrap;
}
.flexWrap.center {
  justify-content: center;
}
.flexWrap.reverse {
  flex-flow: row-reverse;
}
@media screen and (max-width: 767px) {
  .flexWrap.reverse {
    flex-flow: inherit;
  }
}
.flexWrap.col-2 > .item {
  width: 50%;
}
.flexWrap.col-3 > .item {
  width: 33.3333%;
}
.flexWrap.col-ob > .item {
  width: 33.3333%;
}
.flexWrap.col-4 > .item {
  width: 25%;
}
.flexWrap.col-5 > .item {
  width: 20%;
}
.flexWrap.col-6 > .item {
  width: 16.6666%;
}
.flexWrap.col-2 {
  margin: 0 -50px;
}
@media screen and (max-width: 1536px) {
  .flexWrap.col-2 {
    margin: 0 -35px;
  }
}
@media screen and (max-width: 1366px) {
  .flexWrap.col-2 {
    margin: 0 -25px;
  }
}
@media screen and (max-width: 1023px) {
  .flexWrap.col-2 {
    margin: 0px -15px;
  }
}
@media screen and (max-width: 767px) {
  .flexWrap.col-2 {
    margin: 0;
  }
}
.flexWrap.col-2 .item {
  padding: 0px 50px;
}
@media screen and (max-width: 1536px) {
  .flexWrap.col-2 .item {
    padding: 0px 35px;
  }
}
@media screen and (max-width: 1366px) {
  .flexWrap.col-2 .item {
    padding: 0px 25px;
  }
}
@media screen and (max-width: 1023px) {
  .flexWrap.col-2 .item {
    width: 50%;
    padding: 15px;
  }
}
@media screen and (max-width: 767px) {
  .flexWrap.col-2 .item {
    display: block;
    width: 50%;
    padding: 10px;
    margin-bottom: 20px;
  }
}
.flexWrap.col-2.min {
  margin: 0 -20px;
}
@media screen and (max-width: 1023px) {
  .flexWrap.col-2.min {
    margin: 0 -10px;
  }
}
@media screen and (max-width: 767px) {
  .flexWrap.col-2.min {
    margin: 0px;
  }
}
.flexWrap.col-2.min .item {
  padding: 0px 20px;
}
@media screen and (max-width: 1023px) {
  .flexWrap.col-2.min .item {
    padding: 0px 10px;
  }
}
@media screen and (max-width: 767px) {
  .flexWrap.col-2.min .item {
    width: 100%;
    display: block;
    padding: 0px;
    margin-bottom: 10px;
  }
}
.flexWrap.col-3 {
  margin: 0 -25px;
}
@media screen and (max-width: 1023px) {
  .flexWrap.col-3 {
    margin: 0px -15px;
  }
}
@media screen and (max-width: 767px) {
  .flexWrap.col-3 {
    margin: 0px -5px;
  }
}
.flexWrap.col-3 .item {
  padding: 0px 25px;
}
@media screen and (max-width: 1023px) {
  .flexWrap.col-3 .item {
    width: 50%;
    padding: 15px;
  }
}
@media screen and (max-width: 767px) {
  .flexWrap.col-3 .item {
    display: block;
    width: 100%;
    padding: 0 5px;
  }
}
.flexWrap.col-3.menu {
  margin: 0 -5px;
}
@media screen and (max-width: 767px) {
  .flexWrap.col-3.menu {
    margin: 0px -3px;
  }
}
.flexWrap.col-3.menu .item {
  padding: 0px 5px 100px;
}
@media screen and (max-width: 1536px) {
  .flexWrap.col-3.menu .item {
    padding: 0px 5px 75px;
  }
}
@media screen and (max-width: 1023px) {
  .flexWrap.col-3.menu .item {
    width: 50%;
    padding: 0px 5px 60px;
  }
}
@media screen and (max-width: 767px) {
  .flexWrap.col-3.menu .item {
    padding: 0px 3px 40px;
  }
}
.flexWrap.col-4 {
  margin: 0 -25px;
}
@media screen and (max-width: 1680px) {
  .flexWrap.col-4 {
    margin: 0px -15px;
  }
}
@media screen and (max-width: 1023px) {
  .flexWrap.col-4 {
    margin: 0px -10px;
  }
}
@media screen and (max-width: 767px) {
  .flexWrap.col-4 {
    margin: 0px -5px;
  }
}
.flexWrap.col-4 .item {
  padding: 0px 25px;
}
@media screen and (max-width: 1680px) {
  .flexWrap.col-4 .item {
    padding: 0px 15px;
  }
}
@media screen and (max-width: 1023px) {
  .flexWrap.col-4 .item {
    padding: 0 10px;
  }
}
@media screen and (max-width: 767px) {
  .flexWrap.col-4 .item {
    display: block;
    width: 50%;
    padding: 0 5px;
  }
}
@media screen and (max-width: 1023px) {
  .flexWrap.col-5 .item {
    width: 33.333%;
  }
}
.flexWrap.none {
  margin: 0px;
}
.flexWrap.none .item {
  padding: 0px;
}

/* --------------------------
* crumbs
-------------------------- */
.crumbs {
  position: relative;
  line-height: 1;
}
@media screen and (max-width: 1680px) {
  .crumbs {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 1023px) {
  .crumbs {
    display: none;
  }
}
.crumbs ul {
  font-size: 0;
  margin: 0px;
  padding: 0;
  height: 30px;
  text-align: right;
}
.crumbs ul li {
  line-height: 30px;
  position: relative;
  color: #FFFFFF;
  font-size: 1.4rem;
  display: inline-block;
  padding: 0;
  margin: 0;
  margin-right: 36px;
  height: 30px;
  line-height: 30px;
  letter-spacing: 0.5px;
}
@media screen and (max-width: 1680px) {
  .crumbs ul li {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 1440px) {
  .crumbs ul li {
    font-size: 1.2rem;
  }
}
.crumbs ul li a {
  display: block;
  height: 30px;
  line-height: 30px;
  color: #1A1311;
  font-weight: 400;
  transition: 0.3s ease all;
}
.crumbs ul li a:hover {
  text-decoration: underline;
}
.crumbs ul li::before {
  content: "";
  height: 5px;
  width: 5px;
  background-color: #C2374F;
  transform: rotate(30deg);
  position: absolute;
  top: 14px;
  right: -21px;
  border-radius: 2.5px;
}
.crumbs ul li:first-child img {
  width: 17px;
  height: auto;
  position: relative;
  top: -2px;
}
.crumbs ul li:last-child {
  margin-right: 0;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 300px;
  bottom: -10px;
}
.crumbs ul li:last-child::before {
  content: none;
}
.crumbs ul li:last-child span {
  margin-right: 15px;
}

/* --------------------------
* borderBox
-------------------------- */
.borderBox {
  letter-spacing: 0;
  margin: 0 auto 75px;
}
@media screen and (max-width: 1023px) {
  .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-bottom: 5px;
}
@media screen and (max-width: 1023px) {
  .borderBox ul li {
    font-size: 1.6rem;
    margin-bottom: 3px;
    letter-spacing: 0.5px;
  }
}
@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: 0.5px;
  }
}
.borderBox ul li:last-child {
  margin-bottom: 0;
}

/* --------------------------
* list dl
-------------------------- */
dl.list {
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  line-height: 2;
  margin: 0;
  border-bottom: 1px solid #dddddd;
}
@media screen and (max-width: 1023px) {
  dl.list {
    margin: 0;
  }
}
@media screen and (max-width: 767px) {
  dl.list {
    margin: 0 -20px;
    line-height: 1.8;
  }
}
dl.list.none {
  border-bottom: none;
  letter-spacing: 2px;
}
@media screen and (max-width: 767px) {
  dl.list.none {
    margin: 0 -20px;
    letter-spacing: 0.5px;
    border-bottom: 1px solid #dddddd;
  }
}
dl.list.none > dt {
  border-top: none;
  padding: 25px 0;
}
@media screen and (max-width: 1536px) {
  dl.list.none > dt {
    padding: 20px 0;
  }
}
@media screen and (max-width: 1023px) {
  dl.list.none > dt {
    padding: 15px 0 0;
  }
}
@media screen and (max-width: 767px) {
  dl.list.none > dt {
    padding: 10px 20px 0;
    border-top: 1px solid #dddddd;
  }
}
dl.list.none > dd {
  border-top: none;
  padding: 25px 0;
}
@media screen and (max-width: 1536px) {
  dl.list.none > dd {
    padding: 20px 0;
  }
}
@media screen and (max-width: 1023px) {
  dl.list.none > dd {
    padding: 5px 0 25px;
  }
}
@media screen and (max-width: 767px) {
  dl.list.none > dd {
    padding: 5px 20px 15px;
  }
}
dl.list > dt {
  width: 25%;
  padding: 40px 0;
  border-top: 1px solid #dddddd;
  display: block;
}
@media screen and (max-width: 1536px) {
  dl.list > dt {
    padding: 30px 0;
  }
}
@media screen and (max-width: 1023px) {
  dl.list > dt {
    width: 100%;
    padding: 30px 0px 15px;
    font-weight: 600;
  }
}
@media screen and (max-width: 767px) {
  dl.list > dt {
    padding: 20px 20px 5px;
  }
}
dl.list > dt span {
  font-weight: 600;
}
@media screen and (max-width: 1023px) {
  dl.list > dt br {
    display: none;
  }
}
dl.list > dd {
  width: 75%;
  padding: 40px 0;
  border-top: 1px solid #dddddd;
  display: block;
}
@media screen and (max-width: 1536px) {
  dl.list > dd {
    padding: 30px 0;
  }
}
@media screen and (max-width: 1023px) {
  dl.list > dd {
    width: 100%;
    padding: 0 0px 30px;
    border-top: none !important;
    line-height: 1.6;
  }
}
@media screen and (max-width: 767px) {
  dl.list > dd {
    padding: 0 20px 25px;
  }
}
dl.list > dd > a {
  margin-top: 20px;
  color: #1A1311;
  text-decoration: underline;
}
dl.list > dd ul li {
  display: list-item;
  margin-left: 20px;
  margin-bottom: 15px;
  letter-spacing: 1px;
  list-style-type: disc;
}
@media screen and (max-width: 1023px) {
  dl.list > dd ul li {
    margin-bottom: 10px;
  }
}
dl.list > dd ul li:last-child {
  margin-bottom: 0;
}
dl.list > dd ul.num li {
  list-style-type: decimal;
}
dl.list > dd ul.lower li {
  list-style-type: lower-alpha;
}
dl.list > dd > dl {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  border-bottom: none;
  margin-bottom: -35px;
  margin-top: -35px;
}
@media screen and (max-width: 1023px) {
  dl.list > dd > dl {
    display: inherit;
    flex-wrap: inherit;
    -ms-flex-wrap: inherit;
    border-bottom: none;
    margin-bottom: -20px;
    margin-bottom: -20px;
  }
}
@media screen and (max-width: 767px) {
  dl.list > dd > dl {
    margin-top: -10px;
  }
}
dl.list > dd > dl > dt {
  width: 25%;
  padding: 35px 0;
  display: block;
  border-top: 1px solid #dddddd;
}
dl.list > dd > dl > dt:nth-of-type(1) {
  border-top: none;
}
@media screen and (max-width: 1023px) {
  dl.list > dd > dl > dt {
    width: 100%;
    padding: 20px 0 5px;
    font-weight: 600;
  }
}
dl.list > dd > dl > dd {
  width: 75%;
  padding: 35px 0;
  border-top: 1px solid #dddddd;
  display: block;
}
dl.list > dd > dl > dd:nth-of-type(1) {
  border-top: none;
}
@media screen and (max-width: 1023px) {
  dl.list > dd > dl > dd {
    width: 100%;
    padding: 0 0 20px;
    border-top: none !important;
    line-height: 1.6;
  }
}
dl.list > dd > dl > dd > a {
  color: #C2374F;
  text-decoration: underline;
  font-weight: 400;
}
dl.list.wh {
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
dl.list.wh > dt {
  border-top: 1px solid rgba(255, 255, 255, 0.25);
}
dl.list.wh > dd {
  border-top: 1px solid rgba(255, 255, 255, 0.25);
}
dl.list.wh > dd > dl > dt {
  border-top: 1px solid rgba(255, 255, 255, 0.25);
}
dl.list.wh > dd > dl > dt:nth-of-type(1) {
  border-top: none;
}
dl.list.wh > dd > dl > dd {
  border-top: 1px solid rgba(255, 255, 255, 0.25);
}
dl.list.wh > dd > dl > dd:nth-of-type(1) {
  border-top: none;
}
dl.list.dot {
  border-bottom: 1px dotted #dddddd;
  font-size: 1.6rem;
}
dl.list.dot > dt {
  border-top: 1px dotted #dddddd;
  padding: 25px 0;
}
dl.list.dot > dd {
  border-top: 1px dotted #dddddd;
  padding: 25px 0;
}
dl.list.dot > dd > dl > dt {
  border-top: 1px dotted #dddddd;
}
dl.list.dot > dd > dl > dt:nth-of-type(1) {
  border-top: none;
}
dl.list.dot > dd > dl > dd {
  border-top: 1px dotted #dddddd;
}
dl.list.dot > dd > dl > dd:nth-of-type(1) {
  border-top: none;
}

/* --------------------------
 * list ul
-------------------------- */
@media screen and (max-width: 767px) {
  ul.list {
    font-size: 1.3rem;
  }
}
ul.list li {
  display: list-item;
  margin-left: 20px;
  margin-bottom: 15px;
  letter-spacing: 1px;
}
ul.list li:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 1023px) {
  ul.list li {
    margin-bottom: 10px;
  }
}
ul.list.disc {
  list-style-type: disc;
}
ul.list.num {
  list-style-type: decimal;
  font-size: 2.1rem;
}
@media screen and (max-width: 1023px) {
  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: 1023px) {
  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
-------------------------- */
#faq dl {
  margin-bottom: 75px;
  letter-spacing: 2px;
}
@media screen and (max-width: 1023px) {
  #faq dl {
    margin-bottom: 50px;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 767px) {
  #faq dl {
    margin-bottom: 35px;
    letter-spacing: 1px;
  }
}
#faq dl dt {
  font-weight: normal;
  margin: 0;
  padding: 25px 100px;
  position: relative;
  line-height: 2;
  font-size: 1.6rem;
  cursor: pointer;
  transition: all 0.5s ease;
  background-color: #FFFFFF;
  margin-top: 25px;
  letter-spacing: 0.5px;
}
@media screen and (max-width: 1023px) {
  #faq dl dt {
    padding: 20px 80px;
    line-height: 1.8;
    font-size: 1.4rem;
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  #faq dl dt {
    padding: 10px 50px;
    line-height: 1.6;
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 374px) {
  #faq dl dt {
    font-size: 1.2rem;
    padding: 10px 40px 10px 50px;
  }
}
#faq dl dt::before {
  content: "";
  height: 1px;
  width: 100%;
  background-color: #C2374F;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  transition: transform 0.5s ease;
  transform-origin: right top;
  transform: scale(0, 1);
}
@media screen and (max-width: 767px) {
  #faq dl dt::before {
    content: none;
  }
}
#faq dl dt .plus {
  width: 32px;
  height: 32px;
  position: absolute;
  top: 50%;
  margin-top: -16px;
  right: 25px;
  transition: all 0.5s ease;
  background-color: #eeeeee;
  border-radius: 16px;
}
@media screen and (max-width: 1023px) {
  #faq dl dt .plus {
    width: 24px;
    height: 24px;
    right: 20px;
    border-radius: 12px;
    margin-top: -12px;
  }
}
@media screen and (max-width: 767px) {
  #faq dl dt .plus {
    right: 10px;
  }
}
#faq dl dt .plus span {
  height: 1px;
  width: 16px;
  background-color: #000000;
  display: block;
  position: absolute;
}
@media screen and (max-width: 1023px) {
  #faq dl dt .plus span {
    width: 12px;
  }
}
#faq dl dt .plus span:nth-of-type(1) {
  top: 15px;
  left: 50%;
  margin-left: -8px;
}
@media screen and (max-width: 1023px) {
  #faq dl dt .plus span:nth-of-type(1) {
    top: 12px;
    left: 50%;
    margin-left: -6px;
  }
}
#faq dl dt .plus span:nth-of-type(2) {
  top: 15px;
  transform: rotate(90deg);
  left: 50%;
  margin-left: -8px;
}
@media screen and (max-width: 1023px) {
  #faq dl dt .plus span:nth-of-type(2) {
    top: 12px;
    left: 50%;
    margin-left: -6px;
  }
}
#faq dl dt.open .plus {
  transform: rotate(45deg);
}
#faq dl dt:hover::before {
  transform-origin: left top;
  transform: scale(1, 1);
}
#faq dl dt.open {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
#faq dl dt.open::after {
  content: "";
  height: 1px;
  width: 100%;
  background-color: #C2374F;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  #faq dl dt.open::after {
    content: none;
  }
}
#faq dl dt > span {
  color: #FFFFFF;
  font-size: 1.8rem;
  position: absolute;
  top: 50%;
  left: 25px;
  margin-top: -16px;
  width: 32px;
  height: 32px;
  background-color: #000000;
  border-radius: 16px;
  text-align: center;
  line-height: 36px;
  font-family: "TrajanSansPro-Regular", sans-serif;
  font-weight: 400;
}
@media screen and (max-width: 1023px) {
  #faq dl dt > span {
    font-size: 1.4rem;
    position: absolute;
    top: 50%;
    left: 20px;
    line-height: 1;
    margin-top: -12px;
    width: 24px;
    height: 24px;
    line-height: 24px;
  }
}
@media screen and (max-width: 767px) {
  #faq dl dt > span {
    left: 10px;
  }
}
#faq dl dd {
  display: none;
  margin: 0;
  padding: 30px 100px;
  position: relative;
  line-height: 2;
  background-color: #FFFFFF;
  letter-spacing: 0.5px;
  font-size: 1.6rem;
  margin-top: 1px;
}
@media screen and (max-width: 1023px) {
  #faq dl dd {
    padding: 20px 20px 20px 80px;
    letter-spacing: 0px;
    line-height: 1.8;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  #faq dl dd {
    padding: 15px 15px 15px 50px;
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 374px) {
  #faq dl dd {
    font-size: 1.2rem;
    padding: 10px 15px 10px 50px;
  }
}
#faq dl dd > span {
  color: #FFFFFF;
  font-size: 1.8rem;
  position: absolute;
  top: 50px;
  left: 25px;
  line-height: 1;
  margin-top: -16px;
  width: 32px;
  height: 32px;
  background-color: #C2374F;
  border-radius: 16px;
  text-align: center;
  line-height: 32px;
}
@media screen and (max-width: 1023px) {
  #faq dl dd > span {
    font-size: 1.4rem;
    position: absolute;
    top: 20px;
    left: 20px;
    line-height: 1;
    margin-top: 0px;
    width: 24px;
    height: 24px;
    line-height: 24px;
  }
}
@media screen and (max-width: 767px) {
  #faq dl dd > span {
    left: 10px;
  }
}
#faq dl dd ul {
  margin: 20px 0;
}
#faq dl dd a {
  color: #EE836F;
  text-decoration: underline;
}
#faq dl dd a:hover {
  opacity: 0.7;
}

/* --------------------------
 * single-post
-------------------------- */
/* --------------------------
* single-post - sideBar
-------------------------- */
/* --------------------------
* pageFeed
-------------------------- */
#pageFeed {
  display: flex;
  flex-wrap: wrap;
  height: 80px;
  margin: 50px auto 0;
  max-width: 700px;
}
@media screen and (max-width: 1023px) {
  #pageFeed {
    height: 40px;
    margin-top: 50px;
  }
}
@media screen and (max-width: 767px) {
  #pageFeed {
    width: 100%;
    margin: 25px auto 60px;
  }
}
#pageFeed > div {
  height: 80px;
  line-height: 80px;
  position: relative;
  display: block;
  letter-spacing: 2px;
}
@media screen and (max-width: 1023px) {
  #pageFeed > div {
    height: 40px;
    line-height: 40px;
  }
}
#pageFeed > div:nth-child(1) {
  width: calc(50% - 50px);
}
@media screen and (max-width: 1023px) {
  #pageFeed > div:nth-child(1) {
    width: calc(50% - 25px);
  }
}
#pageFeed > div:nth-child(1) p {
  float: left;
  height: 80px;
  line-height: 80px;
  font-size: 3.2rem;
  margin-left: 20px;
  opacity: 0.5;
  color: #1A1311;
  font-weight: 600;
  font-size: calc((100vw - 1920px) / 192 + 24px);
}
@media screen and (max-width: 1023px) {
  #pageFeed > div:nth-child(1) p {
    font-size: 2.1rem;
    height: 40px;
    line-height: 40px;
  }
}
@media screen and (max-width: 767px) {
  #pageFeed > div:nth-child(1) p {
    font-size: 1.8rem;
  }
}
#pageFeed > div:nth-child(1) figure {
  width: 15px;
  transform: scale(-1, 1);
  float: left;
  height: 70px;
  line-height: 70px;
  opacity: 0.5;
}
@media screen and (max-width: 1023px) {
  #pageFeed > div:nth-child(1) figure {
    width: 15px;
    height: 40px;
    line-height: 40px;
    margin-top: -2px;
  }
}
@media screen and (max-width: 767px) {
  #pageFeed > div:nth-child(1) figure {
    width: 10px;
    height: 48px;
    line-height: 48px;
    margin-top: -7px;
  }
}
#pageFeed > div:nth-child(2) {
  width: 100px;
  padding: 0;
}
@media screen and (max-width: 1023px) {
  #pageFeed > div:nth-child(2) {
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
  }
}
#pageFeed > div:nth-child(2) figure {
  width: 40px;
  display: block;
  transition: all 0.25s ease;
  margin: 0 auto;
}
@media screen and (max-width: 1023px) {
  #pageFeed > div:nth-child(2) figure {
    width: 35px;
    margin-top: -3px;
  }
}
@media screen and (max-width: 767px) {
  #pageFeed > div:nth-child(2) figure {
    width: 30px;
    padding-top: 3px;
  }
}
#pageFeed > div:nth-child(3) {
  width: calc(50% - 50px);
  text-align: right;
}
@media screen and (max-width: 1023px) {
  #pageFeed > div:nth-child(3) {
    width: calc(50% - 25px);
  }
}
#pageFeed > div:nth-child(3) p {
  float: right;
  height: 80px;
  line-height: 80px;
  margin-right: 20px;
  opacity: 0.5;
  color: #1A1311;
  font-weight: 600;
  font-size: calc((100vw - 1920px) / 192 + 24px);
}
@media screen and (max-width: 1023px) {
  #pageFeed > div:nth-child(3) p {
    font-size: 2.1rem;
    height: 40px;
    line-height: 40px;
  }
}
@media screen and (max-width: 767px) {
  #pageFeed > div:nth-child(3) p {
    font-size: 1.8rem;
  }
}
#pageFeed > div:nth-child(3) figure {
  width: 15px;
  float: right;
  height: 70px;
  line-height: 70px;
  opacity: 0.5;
}
@media screen and (max-width: 1023px) {
  #pageFeed > div:nth-child(3) figure {
    width: 15px;
    height: 40px;
    line-height: 40px;
    margin-top: -2px;
  }
}
@media screen and (max-width: 767px) {
  #pageFeed > div:nth-child(3) figure {
    width: 10px;
    height: 48px;
    line-height: 48px;
    margin-top: -7px;
  }
}
#pageFeed > div a {
  transition: all 0.25s ease;
}
#pageFeed > div a figure {
  opacity: 1 !important;
}
#pageFeed > div a p {
  opacity: 1 !important;
}
#pageFeed > div a:hover {
  opacity: 0.7;
}

/* --------------------------
* formWrap
-------------------------- */
#formWrap {
  padding-top: 400px;
  padding-bottom: 200px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 1536px) {
  #formWrap {
    padding-top: 250px;
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 1279px) {
  #formWrap {
    padding-top: 200px;
    padding-bottom: 75px;
  }
}
@media screen and (max-width: 1023px) {
  #formWrap {
    width: auto;
    margin: 0px;
  }
}
@media screen and (max-width: 767px) {
  #formWrap {
    padding-top: 150px;
    padding-bottom: 50px;
  }
}
#formWrap.active {
  animation: btmin 0.75s ease forwards;
}
#formWrap dl {
  display: block;
  margin: 0;
  padding: 0 0 15px;
  font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
  #formWrap dl {
    margin: 0 -20px;
    border-bottom: 1px dotted #dddddd;
  }
}
#formWrap dl dt {
  width: 25%;
  margin: 0;
  padding: 0;
  display: block;
  text-align: left;
  float: left;
  border-top: 1px dotted #dddddd;
  padding-top: 20px;
}
@media screen and (max-width: 1536px) {
  #formWrap dl dt {
    width: 32%;
  }
}
@media screen and (max-width: 1023px) {
  #formWrap dl dt {
    width: 100%;
    margin: 0;
    padding: 20px 0px 10px;
    display: block;
    text-align: left;
    float: none;
  }
}
@media screen and (max-width: 767px) {
  #formWrap dl dt {
    padding: 15px 20px 5px;
  }
}
#formWrap dl dt.separate {
  border-top: 1px dotted #dddddd;
}
#formWrap dl dt .label {
  position: relative;
  padding-right: 100px;
  line-height: 50px;
  font-weight: 600;
  letter-spacing: 1px;
}
@media screen and (max-width: 1023px) {
  #formWrap dl dt .label {
    font-weight: bold;
    letter-spacing: 0.5px;
    line-height: 1;
    margin-bottom: 10px;
  }
}
#formWrap dl dt .label.line {
  line-height: 2em;
}
#formWrap dl dt .label span.required {
  color: #C2374F;
  font-weight: normal;
  position: relative;
  margin-right: 5px;
}
@media screen and (max-width: 1023px) {
  #formWrap dl dt .label span.required {
    margin-right: 2px;
  }
}
#formWrap dl dd {
  line-height: 50px;
  width: 75%;
  padding: 0;
  display: block;
  margin-bottom: 20px;
  margin-left: 25%;
  border-top: 1px dotted #dddddd;
  padding-top: 20px;
}
@media screen and (max-width: 1536px) {
  #formWrap dl dd {
    width: 68%;
    margin-left: 32%;
  }
}
@media screen and (max-width: 1023px) {
  #formWrap dl dd {
    line-height: 50px;
    width: 100%;
    padding: 0;
    display: block;
    margin-bottom: 25px;
    margin-left: 0%;
    border-top: none;
  }
}
@media screen and (max-width: 767px) {
  #formWrap dl dd {
    margin-bottom: 0;
    padding: 0 20px 15px;
  }
}
#formWrap dl dd.separate {
  border-top: 1px dotted #dddddd;
}
@media screen and (max-width: 1023px) {
  #formWrap dl dd.separate {
    border-top: none;
  }
}
#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 dd span {
  color: #EE836F;
  font-weight: bold;
  margin-left: 7px;
  margin-right: 20px;
}
@media screen and (max-width: 1023px) {
  #formWrap dl .btn.grp {
    margin: 0px;
    padding: 0 0 0px;
    display: block;
  }
}
@media screen and (max-width: 1023px) {
  #formWrap dl .btn.grp input[type=button], #formWrap dl .btn.grp input[type=submit] {
    width: 180px;
    margin: 10px auto !important;
    display: block;
  }
}
#formWrap dl select {
  width: 100%;
  height: 60px;
  line-height: 60px;
  background-color: #eeeeee;
  color: #1A1311;
  padding: 0 20px;
  border: 1px solid #eeeeee;
  border-radius: 0px;
}
@media screen and (max-width: 1023px) {
  #formWrap dl select {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #formWrap dl select {
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    min-width: auto;
    width: 100%;
  }
}
#formWrap dl select:focus {
  border: 1px solid #000000;
  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: #eeeeee;
  color: #1A1311 !important;
  line-height: 60px;
  padding: 0 20px;
  box-shadow: 0;
  border: 1px solid #eeeeee;
  border-radius: 0px;
}
@media screen and (max-width: 767px) {
  #formWrap dl input[type=text], #formWrap dl input[type=email], #formWrap dl input[type=tel] {
    line-height: 50px;
    height: 50px;
    padding: 0 15px;
  }
}
#formWrap dl input:nth-child(2) {
  margin-top: 15px;
}
#formWrap dl textarea {
  box-sizing: border-box;
  width: 100%;
  background-color: #eeeeee;
  color: #1A1311 !important;
  line-height: 2;
  padding: 10px 20px;
  border-radius: 0px;
  box-shadow: 0;
  border: 1px solid #eeeeee;
  border-radius: 0px;
}
@media screen and (max-width: 767px) {
  #formWrap dl textarea {
    padding: 10px 15px;
  }
}
#formWrap dl input[type=text]:focus, #formWrap dl input[type=email]:focus, #formWrap dl input[type=tel]:focus {
  border: 1px solid #000000;
  outline: 0;
}
#formWrap dl textarea:focus {
  border: 1px solid #000000;
  outline: 0;
}
#formWrap dl input[type=checkbox] {
  margin-right: 10px;
  line-height: 100px;
  padding: 0 20px;
  border-radius: 0px;
  border: #dddddd;
  color: #FFFFFF;
}
#formWrap dl input[type=radio] {
  margin-right: 10px;
}
#formWrap dl input[type=file] {
  line-height: 25px;
}
#formWrap dl input::-moz-placeholder {
  color: #cccccc;
}
#formWrap dl input::placeholder {
  color: #cccccc;
}
#formWrap dl textarea::-moz-placeholder {
  color: #cccccc;
}
#formWrap dl textarea::placeholder {
  color: #cccccc;
}
#formWrap .policy {
  margin-bottom: 50px;
}
#formWrap .policy h2 {
  font-size: 1.8rem;
  text-align: center;
  border-bottom: 1px solid #000;
  padding-bottom: 15px;
  margin-bottom: 25px;
}
#formWrap .policy .textArea {
  background-color: #fff;
  margin-bottom: 50px;
  line-height: 1.8rem;
  padding: 25px;
  display: block;
  height: 200px;
  width: 100%;
  overflow: auto;
  font-size: 1.2rem;
  border: 1px solid #dddddd;
}
#formWrap .check {
  line-height: 1em;
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  #formWrap .check {
    margin-bottom: 20px;
    font-size: 1.4rem;
    line-height: 1.6;
  }
}
#formWrap .check a {
  color: #1A1311;
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  #formWrap .check a {
    display: block;
    line-height: 1;
    margin-top: 10px;
  }
}
#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%;
}
@media screen and (max-width: 767px) {
  #formWrap .formBtn {
    margin-top: 50px;
  }
}
#formWrap .formBtn ul {
  text-align: center;
  font-size: 0;
}
#formWrap .formBtn ul li {
  display: inline-block;
}
@media screen and (max-width: 767px) {
  #formWrap .formBtn ul li {
    margin-bottom: 20px;
  }
}
#formWrap .formBtn input[type=button], #formWrap .formBtn input[type=submit] {
  font-size: 1.8rem;
  letter-spacing: 1px;
  height: 60px;
  line-height: 55px;
  width: 300px;
  margin: 0 10px;
  display: block;
  border: none;
  color: #FFFFFF;
  transition: all 0.3s;
  border-radius: 0px;
  font-weight: 600;
  border-radius: 30px;
}
@media screen and (max-width: 767px) {
  #formWrap .formBtn input[type=button], #formWrap .formBtn input[type=submit] {
    font-size: 1.6rem;
    height: 50px;
    line-height: 50px;
    border-radius: 25px;
  }
}
#formWrap .formBtn input[type=button], #formWrap .formBtn input[type=submit] {
  background-color: #000000;
  color: #FFFFFF;
}
#formWrap .formBtn input[type=button]:hover, #formWrap .formBtn input[type=submit]:hover {
  background-color: #C2374F;
}

/* --------------------------
* pagination
-------------------------- */
.pagination {
  margin-bottom: 50px;
}
.pagination ul {
  margin: 0;
  text-align: center;
  height: 35px;
}
.pagination li {
  margin: 0px 2px;
  padding: 0;
  display: inline-block;
  line-height: 35px;
}
.pagination li.current {
  border: 1px solid #1A1311;
  background-color: #1A1311;
  color: #FFF;
  padding: 0px 12px;
  cursor: not-allowed;
}
.pagination li.current:hover {
  border: 1px solid #0A162D;
  background-color: #1A1311;
  color: #FFF;
  text-decoration: none;
}
.pagination li a {
  display: inline-block;
  border: 1px solid #ddd;
  background-color: #FFF;
  color: #1A1311;
  padding: 0px 12px;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}
.pagination li a:hover {
  background-color: #1A1311 !important;
  color: #FFF;
  border: 1px solid #1A1311;
}

/* --------------------------
 * table
-------------------------- */
#wpcf7cpcnf table {
  border-collapse: collapse;
  border-spacing: 0;
  /*reset*/
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  background-color: #FFFFFF;
  margin: 100px 0 50px;
  padding: 0;
  width: 100%;
  font-size: 1.6rem;
}
@media screen and (max-width: 1023px) {
  #wpcf7cpcnf table {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  #wpcf7cpcnf table {
    font-size: 1.3rem;
  }
}
#wpcf7cpcnf table tr th, #wpcf7cpcnf table tr td {
  outline: none;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  padding: 15px 15px;
  background-color: transparent;
  vertical-align: middle;
  text-align: center;
}
@media screen and (max-width: 1023px) {
  #wpcf7cpcnf table tr th, #wpcf7cpcnf table tr td {
    padding: 7px 7px;
  }
}
@media screen and (max-width: 767px) {
  #wpcf7cpcnf table tr th, #wpcf7cpcnf table tr td {
    padding: 5px 5px;
  }
}
#wpcf7cpcnf table tr th {
  font-weight: bold;
  background-color: #eee;
}

div.wpcf7cp-btns {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  display: block;
  max-width: 600px;
}
@media screen and (max-width: 767px) {
  div.wpcf7cp-btns {
    width: 240px;
  }
}

button.wpcf7cp-cfm-edit-btn {
  margin: 0px 5px;
  margin-bottom: 20px;
}

button.wpcf7cp-cfm-submit-btn {
  margin-bottom: 0px;
}

button.wpcf7cp-cfm-edit-btn, button.wpcf7cp-cfm-submit-btn {
  font-size: 1.6rem;
  letter-spacing: 2px;
  height: 50px;
  line-height: 45px !important;
  width: 240px !important;
  display: inline-block;
  padding: 0;
  border: none;
  color: #FFFFFF;
  transition: all 0.3s;
  border-radius: 5px;
  font-weight: 500;
  background-color: #000000;
}
button.wpcf7cp-cfm-edit-btn:hover, button.wpcf7cp-cfm-submit-btn:hover {
  background-color: #1A1311;
}
@media screen and (max-width: 767px) {
  button.wpcf7cp-cfm-edit-btn, button.wpcf7cp-cfm-submit-btn {
    font-size: 1.4rem;
    height: 50px;
    line-height: 50px;
    width: 100%;
    margin: 0px;
  }
}

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