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

html {
  font-size: 62.5%; }

body {
  line-height: 1; }

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

ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

/* Scss Document */
/* Scss Document */
/* Scss Document */
@keyframes animation_screenSlide {
  0% {
    width: 100%; }
  100% {
    width: 0; } }
@keyframes slide {
  0% {
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }
@keyframes arrow {
  0% {
    transform: scale(0, 1);
    transform-origin: 0 0; }
  50% {
    transform: scale(1, 1);
    transform-origin: 0 0; }
  50.1% {
    transform: scale(1, 1);
    transform-origin: 100% 0; }
  100% {
    transform: scale(0, 1);
    transform-origin: 100% 0; } }
@keyframes title_bg {
  0% {
    transform: translate3d(-100%, 0, 0); }
  100% {
    transform: translate3d(100%, 0, 0); } }
@media screen and (min-width: 769px) {
  @keyframes title_bg {
    0% {
      transform: translate3d(-100%, 0, 0) translateY(-100%); }
    100% {
      transform: translate3d(100%, 0, 0) translateY(-100%); } } }
/* Scss Document */
html {
  font-size: 2.6668vw; }

body {
  box-sizing: border-box;
  letter-spacing: normal;
  line-height: 2;
  font-size: 1.3rem;
  color: #292929;
  font-family: "Noto Sans JP", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  font-weight: 400;
  word-wrap: break-word; }

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

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

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

.sp {
  display: block; }
  @media screen and (min-width: 769px) {
    .sp {
      display: none; } }
  @media screen and (min-width: 961px) {
    .sp {
      display: none; } }

.tab {
  display: none; }
  @media screen and (min-width: 769px) {
    .tab {
      display: revert; } }
  @media screen and (min-width: 961px) {
    .tab {
      display: revert; } }
  @media screen and (min-width: 1101px) {
    .tab {
      display: none; } }

.sp-tab {
  display: revert; }
  @media screen and (min-width: 769px) {
    .sp-tab {
      display: revert; } }
  @media screen and (min-width: 961px) {
    .sp-tab {
      display: revert; } }
  @media screen and (min-width: 1101px) {
    .sp-tab {
      display: none; } }

.pc-tab {
  display: none; }
  @media screen and (min-width: 769px) {
    .pc-tab {
      display: revert; } }
  @media screen and (min-width: 961px) {
    .pc-tab {
      display: revert; } }
  @media screen and (min-width: 1101px) {
    .pc-tab {
      display: revert; } }

.pc {
  display: none; }
  @media screen and (min-width: 769px) {
    .pc {
      display: none; } }
  @media screen and (min-width: 961px) {
    .pc {
      display: none; } }
  @media screen and (min-width: 1101px) {
    .pc {
      display: revert; } }

a, button {
  text-decoration: none;
  color: inherit;
  transition: .3s; }

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none; }

a[href*="tel:"] {
  display: block; }

main {
  display: block;
  overflow: hidden; }

img {
  width: 100%;
  vertical-align: bottom;
  -webkit-backface-visibility: hidden;
  image-rendering: -webkit-optimize-contrast; }

.inner {
  width: 89.33%;
  margin: 0 auto; }
  @media screen and (min-width: 961px) {
    .inner {
      width: 84%;
      max-width: 1148px; } }

.s-inner {
  width: 89.33%;
  margin: 0 auto; }
  @media screen and (min-width: 961px) {
    .s-inner {
      width: 72.3%;
      max-width: 988px; } }

.no_data_txt {
  font-size: 1.3rem;
  margin: 30px auto;
  text-align: center;
  font-weight: bold;
  color: #fff; }
  @media (min-width: 768px) {
    .no_data_txt {
      font-size: calc( 1.3rem + ( 1vw - 7.68px ) * 0.5016722408 ); } }
  @media (min-width: 1366px) {
    .no_data_txt {
      font-size: 1.6rem; } }

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

p {
  font-size: 100%; }

address {
  font-style: normal; }

::selection {
  background: #edf4fb; }

.en {
  font-family: "Roboto", sans-serif, Helvetica, Arial, "sans-serif";
  font-weight: 500; }

.en-b {
  font-family: "Roboto", sans-serif, Helvetica, Arial, "sans-serif";
  font-weight: 700; }

.num {
  font-family: "Roboto", sans-serif, Helvetica, Arial, "sans-serif"; }

.icon {
  margin-right: 5px; }

.flex-wrap {
  display: flex;
  flex-flow: row wrap;
  align-content: flex-start;
  justify-content: space-between; }
  .flex-wrap > * {
    width: 48%; }

.mb-box {
  margin-bottom: 16vw; }

.form_message, .form_message--green, .form_message--error {
  font-size: 1.4rem;
  margin: 0 auto 20px;
  padding: 10px;
  text-align: center;
  border: 1px solid #000;
  box-sizing: border-box;
  line-height: 1.5; }
  @media (min-width: 769px) {
    .form_message, .form_message--green, .form_message--error {
      font-size: calc( 1.4rem + ( 1vw - 7.69px ) * 0.6042296073 ); } }
  @media (min-width: 1100px) {
    .form_message, .form_message--green, .form_message--error {
      font-size: 1.6rem; } }
  .form_message--green {
    color: #2ca531;
    border-color: #2ca531; }
  .form_message--error {
    color: #d12610;
    border-color: #d12610; }

.cap {
  display: block;
  margin-top: 5px;
  text-align: right;
  font-size: 1.1rem;
  letter-spacing: normal;
  line-height: 1; }

.attent {
  display: block;
  font-size: 1.1rem;
  letter-spacing: normal;
  line-height: 1.5; }

.ms-txt {
  font-size: 80%; }

.s-txt {
  font-size: 50%; }

.l-txt {
  font-size: 150%; }

.ll-txt {
  font-size: 200%; }

figure {
  position: relative; }
  figure .imgcap, figure .imgcap--wh {
    position: absolute;
    left: 5px;
    bottom: 3px;
    font-size: 1rem;
    letter-spacing: normal; }
    figure .imgcap--wh {
      color: #fff; }

.open {
  width: 100%;
  height: 100%;
  position: fixed; }

input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none; }

textarea {
  resize: vertical; }

input[type='checkbox'],
input[type='radio'] {
  display: none; }

input[type='submit'],
input[type='button'],
label,
button,
select {
  cursor: pointer; }

select::-ms-expand {
  display: none; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) {
  .open {
    position: static;
    width: auto;
    height: auto; }

  .no_data_txt {
    margin: 60px auto; } }
/*------------------------------
		961px以上
------------------------------*/
@media screen and (min-width: 961px) {
  html {
    font-size: 0.73207vw; }

  body {
    line-height: 2;
    font-size: 1.5rem; }

  a:hover {
    opacity: .8; }

  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none; }

  .mb-box {
    margin-bottom: 9.51vw; } }
/*------------------------------
		1221px以上
------------------------------*/
@media screen and (min-width: 1366px) {
  html {
    font-size: 62.5%; } }
/* Scss Document */
#header {
  position: sticky;
  z-index: 10000;
  top: 0;
  left: 0;
  width: 100vw;
  background: #FFF;
  transition: .3s;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); }
  #header a {
    display: block; }
  #header .header__container {
    position: relative;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    max-width: 1366px;
    margin: auto; }
  #header .header__logo {
    display: flex;
    align-items: center;
    padding: 0 .9rem; }
    #header .header__logo a {
      line-height: 1.5;
      font-size: 2rem;
      font-weight: 500; }
  #header .header__nav {
    display: none;
    overflow: visible scroll;
    position: absolute;
    top: 8rem;
    left: 0;
    width: 100%;
    height: calc(100vh - 8rem);
    padding: 2rem;
    background: rgba(255, 255, 255, 0.95);
    box-sizing: border-box; }
    #header .header__nav .header__nav-list {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: .5rem 2.5rem;
      margin-bottom: 6rem; }
      #header .header__nav .header__nav-list .header__nav-item {
        border-bottom: 1px solid #CECECE; }
      #header .header__nav .header__nav-list .nav {
        position: relative;
        padding: 1.5rem .8rem 1.5rem 0;
        box-sizing: border-box;
        font-size: 1.3rem;
        line-height: 1.5; }
        #header .header__nav .header__nav-list .nav::after {
          display: block;
          position: absolute;
          top: 50%;
          right: 0;
          transform: translate(25%, -50%) rotate(45deg);
          width: .6rem;
          height: .6rem;
          border-top: 0.1rem solid #292929;
          border-right: 0.1rem solid #292929;
          content: ''; }
    #header .header__nav .header__nav-info .tel {
      width: -moz-fit-content;
      width: fit-content;
      margin: 0 auto 1.5rem; }
      #header .header__nav .header__nav-info .tel .tel__num {
        display: inline-block;
        background: linear-gradient(150deg, #FFA742, #FF7046);
        background: -webkit- linear-gradient(150deg, #FFA742, #FF7046);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin-bottom: .5rem;
        font-size: 3.8rem;
        font-family: "Roboto", sans-serif, Helvetica, Arial, "sans-serif";
        font-weight: 500;
        text-align: right;
        line-height: 1; }
        #header .header__nav .header__nav-info .tel .tel__num i {
          margin-right: .25em;
          font-size: .75em;
          vertical-align: middle; }
      #header .header__nav .header__nav-info .tel .tel__time {
        font-size: 1.3rem;
        text-align: right;
        line-height: 1.5; }
        #header .header__nav .header__nav-info .tel .tel__time span {
          font-size: 1.5rem;
          font-family: "Roboto", sans-serif, Helvetica, Arial, "sans-serif"; }
    #header .header__nav .header__nav-info .contact__btn {
      margin-bottom: 3rem; }
    #header .header__nav .header__nav-info .sns {
      display: flex;
      justify-content: center;
      align-items: center; }
      #header .header__nav .header__nav-info .sns .sns__item {
        width: 5rem;
        margin: 0 1.25rem; }
  #header .header__menubtn {
    width: 8rem;
    height: 8rem; }
    #header .header__menubtn > a {
      display: grid;
      place-content: center;
      position: relative;
      width: 100%;
      height: 100%;
      background: linear-gradient(150deg, #FFA742, #FF7046); }
      #header .header__menubtn > a .menubtn-inner {
        display: block;
        position: relative;
        width: 3.9rem;
        height: 2rem; }
        #header .header__menubtn > a .menubtn-inner span {
          content: '';
          display: block;
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          width: 3.9rem;
          height: 1px;
          background: #FFF;
          transition: .3s;
          opacity: 1;
          z-index: 2; }
          #header .header__menubtn > a .menubtn-inner span:first-child {
            top: 0; }
          #header .header__menubtn > a .menubtn-inner span:nth-child(2) {
            top: calc(50% - 1px); }
          #header .header__menubtn > a .menubtn-inner span:last-child {
            top: calc(100% - 2px); }
      #header .header__menubtn > a .header__menubtn-txt {
        margin-top: 1rem;
        color: #FFF;
        text-align: center;
        flow-from: "Roboto", sans-serif, Helvetica, Arial, "sans-serif";
        text-align: center;
        line-height: 1; }
      #header .header__menubtn > a:hover {
        opacity: 1; }

.open #header .header__logo a .img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1); }
.open #header .header__nav + .reserve {
  opacity: 0; }
.open #header .header__menubtn > a .menubtn-inner span:first-child {
  transform: translateX(-50%) rotate(135deg);
  top: calc(50% - 1px); }
.open #header .header__menubtn > a .menubtn-inner span:nth-child(2) {
  opacity: 0; }
.open #header .header__menubtn > a .menubtn-inner span:last-child {
  transform: translateX(-50%) rotate(-135deg);
  top: calc(100% - 11px); }

/*------------------------------
		769px以上
------------------------------*/
/*------------------------------
		961px以上
------------------------------*/
@media screen and (min-width: 961px) {
  #header .header__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 1rem 3rem 2rem;
    box-sizing: border-box; }
  #header .header__logo {
    width: -moz-fit-content;
    width: fit-content; }
    #header .header__logo a {
      font-size: 2.3rem;
      line-height: 1.5; }
    #header .header__logo .copy {
      display: block;
      font-size: 1rem;
      line-height: 1.5;
      font-weight: 400; }
    #header .header__logo .manage {
      display: block;
      font-size: 1.5rem;
      line-height: 1.5;
      font-weight: 500;
      text-align: right; }
  #header .header__nav {
    display: contents; }
    #header .header__nav .header__nav-list {
      order: 1;
      width: 100%;
      justify-content: center;
      grid-template-columns: repeat(8, auto);
      grid-gap: 6rem;
      margin: 3.5rem auto 0; }
      #header .header__nav .header__nav-list .header__nav-item {
        border: none; }
        #header .header__nav .header__nav-list .header__nav-item .nav {
          padding: 0;
          font-size: 1.5rem; }
          #header .header__nav .header__nav-list .header__nav-item .nav::after {
            display: none; }
    #header .header__nav .header__nav-info {
      display: flex;
      align-items: center; }
      #header .header__nav .header__nav-info .tel {
        margin: 0; }
        #header .header__nav .header__nav-info .tel .tel__num {
          font-size: 3.5rem; }
        #header .header__nav .header__nav-info .tel .tel__time {
          font-size: 1.2rem; }
          #header .header__nav .header__nav-info .tel .tel__time span {
            font-size: 1.3rem; }
      #header .header__nav .header__nav-info .contact__btn {
        width: 22.5rem;
        margin: 0 3rem; }
        #header .header__nav .header__nav-info .contact__btn a {
          font-size: 1.8rem; }
      #header .header__nav .header__nav-info .sns .sns__item {
        margin: 0 .75rem; }
        #header .header__nav .header__nav-info .sns .sns__item:first-of-type {
          margin-left: 0; }
        #header .header__nav .header__nav-info .sns .sns__item:last-of-type {
          margin-right: 0; }
  #header .header__menubtn {
    display: none; } }
/*------------------------------
		1201px以上
------------------------------*/
/* Scss Document */
/* フッター */
#footer {
  background: #FFF; }
  #footer a {
    display: block; }
  #footer .footer__container {
    padding: 1.8rem 2rem 7.5rem; }
  #footer .footer__nav {
    margin-bottom: 7.5rem; }
    #footer .footer__nav .footer__nav-list {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-gap: 3rem; }
      #footer .footer__nav .footer__nav-list .nav {
        font-weight: 400;
        line-height: 1.5;
        text-align: center; }
  #footer .footer__wrap .footer__sns {
    display: flex;
    justify-content: center;
    margin-bottom: 2rem; }
    #footer .footer__wrap .footer__sns .sns__item {
      width: 5rem;
      margin: 0 1.25rem; }
  #footer .footer__wrap .footer__logo a {
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto 5rem;
    font-size: 2.0rem;
    font-weight: 500;
    line-height: 1.5; }
    #footer .footer__wrap .footer__logo a .ttl {
      margin-bottom: .6rem; }
    #footer .footer__wrap .footer__logo a .manage {
      font-size: 1.3rem;
      font-weight: 400;
      text-align: right; }
  #footer .footer__copyright {
    text-align: center;
    font-size: 1.1rem;
    line-height: 1.5;
    font-family: "Roboto", sans-serif, Helvetica, Arial, "sans-serif"; }

#pageTop {
  position: fixed;
  right: 2rem;
  bottom: 2rem;
  z-index: 999; }
  #pageTop a {
    width: 5rem;
    aspect-ratio: 1/1;
    background: #292929;
    border-radius: 50%;
    text-align: center;
    line-height: 5rem;
    border: 2px solid #292929; }
    #pageTop a i {
      font-size: 1.5rem; }
    #pageTop a::after {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -25%) rotate(-45deg);
      width: 1rem;
      height: 1rem;
      border-top: .2rem solid #FFF;
      border-right: .2rem solid #FFF;
      content: ''; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) {
  /* フッター */ }
/*------------------------------
		961px以上
------------------------------*/
@media screen and (min-width: 961px) {
  #footer .footer__container {
    padding: 6.5rem 2rem 2rem;
    box-sizing: border-box; }
  #footer .footer__nav .footer__nav-list {
    margin-bottom: 8.5rem;
    justify-content: center;
    grid-template-columns: repeat(10, auto);
    grid-gap: 4rem; }
  #footer .footer__wrap .footer__logo a {
    margin-bottom: 3rem;
    font-size: 2.3rem; }
  #footer .footer__copyright {
    font-size: 1.2rem; }

  /* TOPに戻る*/
  #pageTop .scrollTop:hover {
    opacity: 1;
    color: #FFA742;
    background: #FFF; } }
/*------------------------------
		1201px以上
------------------------------*/
/* Scss Document */
/*-----------ボタン-----------*/
.btn {
  position: relative;
  margin: auto; }
  .btn a, .btn button {
    position: relative;
    display: block;
    width: 28.5rem;
    height: 5.5rem;
    margin: 0 auto;
    line-height: 5.5rem;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 500;
    background: #FFF;
    border: 0.2rem solid #292929;
    border-radius: 10rem;
    box-sizing: border-box; }
    .btn a:disabled, .btn button:disabled {
      background: #c2c2c2;
      color: #8b8b8b;
      pointer-events: none; }
      .btn a:disabled > span, .btn button:disabled > span {
        display: none; }
    .btn a::after, .btn button::after {
      display: block;
      position: absolute;
      top: 50%;
      right: 1.55rem;
      transform: translate(-25%, -50%) rotate(45deg);
      width: .6rem;
      height: .6rem;
      border-top: 0.1rem solid #292929;
      border-right: 0.1rem solid #292929;
      transition: .3s;
      content: ''; }
    .btn a:hover, .btn button:hover {
      background: #292929;
      color: #FFF; }
      .btn a:hover::after, .btn button:hover::after {
        border-color: #FFF; }
  .btn.back a, .btn.back button {
    background: #D0D0D0;
    border-color: #D0D0D0;
    color: #FFF; }
    .btn.back a::after, .btn.back button::after {
      display: none; }
    .btn.back a:hover, .btn.back button:hover {
      background: #FFF;
      color: #D0D0D0; }

#breadcrumb__cout {
  margin-bottom: 6.5rem;
  padding-top: 1.5rem; }
  #breadcrumb__cout .wrap {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    overflow-x: scroll;
    overflow-y: hidden;
    font-size: 1.1rem;
    white-space: nowrap;
    letter-spacing: .05em;
    scrollbar-width: none;
    -ms-overflow-style: none; }
    #breadcrumb__cout .wrap::-webkit-scrollbar {
      display: none; }
  #breadcrumb__cout .current {
    color: #B9B9B9; }
  #breadcrumb__cout .arrow {
    position: relative;
    margin: 0 .5em; }
    #breadcrumb__cout .arrow:before {
      content: '>';
      font-style: normal; }

#page_head {
  position: relative; }
  #page_head .page_head__ttl, #page_head .page_head__copy {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: 500;
    line-height: 1;
    text-align: center;
    overflow-wrap: break-word;
    width: 96%; }
  #page_head .page_head__ttl {
    color: #FFF;
    font-size: 2.5rem;
    font-weight: 500;
    text-shadow: 0 0 1.5rem rgba(41, 41, 41, 0.6); }
  #page_head .page_head__copy {
    font-family: "Roboto", sans-serif, Helvetica, Arial, "sans-serif";
    font-size: 7rem;
    color: rgba(255, 255, 255, 0.15); }

.pager {
  display: grid;
  grid-template-columns: repeat(auto-fit, 3.5rem);
  grid-template-rows: 3.5rem;
  justify-content: center;
  grid-column-gap: 1rem;
  margin-top: 4.5rem;
  line-height: 3.5rem;
  font-weight: 500;
  font-family: "Roboto", sans-serif, Helvetica, Arial, "sans-serif";
  font-size: 1.5rem; }
  .pager .item {
    text-align: center;
    background: #FFF; }
    .pager .item.prev, .pager .item.next {
      color: #fff;
      background: linear-gradient(150deg, #FFA742, #FF7046); }
      .pager .item.prev::after, .pager .item.next::after {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-25%, -50%) rotate(45deg);
        width: 8px;
        height: 8px;
        border-top: 1px solid #FFF;
        border-right: 1px solid #FFF;
        content: ''; }
    .pager .item.prev::after {
      border-right: none;
      border-left: 1px solid #FFF;
      transform: translate(-25%, -50%) rotate(-45deg); }
    .pager .item.active {
      color: #fff;
      background: linear-gradient(150deg, #FFA742, #FF7046); }

.contact__btn a {
  display: block;
  position: relative;
  padding: 1.2rem;
  background: #A9BD39;
  background-clip: padding-box;
  border: 0.4rem solid rgba(169, 189, 57, 0.25);
  border-radius: 5rem;
  box-sizing: border-box;
  color: #FFF;
  font-size: 1.8rem;
  font-weight: 500;
  text-align: center;
  line-height: 1.5; }
  .contact__btn a .arrow {
    display: block;
    position: absolute;
    top: 50%;
    right: 1.5rem;
    transform: translate(0%, -50%);
    width: 1.4rem;
    height: 1.4rem;
    background: #FFF;
    border-radius: 50%; }
    .contact__btn a .arrow::after {
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: .3rem;
      height: .4rem;
      background: #A9BD39;
      clip-path: polygon(0 0, 0% 100%, 100% 50%);
      content: ''; }

.grad_txt {
  display: inline-block;
  background: linear-gradient(150deg, #FFA742, #FF7046);
  background: -webkit- linear-gradient(150deg, #FFA742, #FF7046);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

#contact {
  background: #F2F2F2; }
  #contact .contact__ttl {
    padding: 1.4rem;
    box-sizing: border-box;
    background: #292929;
    color: #FFF;
    font-size: 2rem;
    line-height: 1.5;
    font-weight: 500;
    text-align: center; }
  #contact .contact__wp {
    padding: 4.5rem 0 5rem; }
    #contact .contact__wp .contact__tel {
      width: -moz-fit-content;
      width: fit-content;
      margin: 0 auto 3.25rem; }
      #contact .contact__wp .contact__tel .contact__tel-num {
        margin-bottom: .5rem;
        font-family: "Roboto", sans-serif, Helvetica, Arial, "sans-serif";
        font-size: 3.8rem;
        text-align: right;
        line-height: 1;
        font-weight: 500; }
        #contact .contact__wp .contact__tel .contact__tel-num i {
          margin-right: 0.25em;
          font-size: .75em;
          vertical-align: middle; }
      #contact .contact__wp .contact__tel .contact__tel-time {
        font-size: 1.3rem;
        text-align: right;
        line-height: 1.5; }
        #contact .contact__wp .contact__tel .contact__tel-time span {
          font-size: 1.5rem;
          font-family: "Roboto", sans-serif, Helvetica, Arial, "sans-serif"; }
    #contact .contact__wp .contact__link {
      padding-top: 3rem;
      border-top: .1rem solid #AFAFAF; }
      #contact .contact__wp .contact__link .contact__link-btn + .contact__link-btn {
        margin-top: 2.5rem; }
      #contact .contact__wp .contact__link .contact__link-btn .copy {
        position: relative;
        width: -moz-fit-content;
        width: fit-content;
        margin: 0 auto 1rem;
        background: linear-gradient(0deg, #FDEC44 20%, rgba(253, 236, 68, 0) 20%);
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 1.5;
        text-align: center; }
        #contact .contact__wp .contact__link .contact__link-btn .copy::before, #contact .contact__wp .contact__link .contact__link-btn .copy::after {
          display: block;
          position: absolute;
          bottom: 0;
          width: .1rem;
          height: 1.5rem;
          background: #292929;
          content: '';
          transform-origin: bottom center; }
        #contact .contact__wp .contact__link .contact__link-btn .copy::before {
          left: -.6rem;
          transform: rotate(-25deg); }
        #contact .contact__wp .contact__link .contact__link-btn .copy::after {
          right: -.6rem;
          transform: rotate(25deg); }
      #contact .contact__wp .contact__link .contact__link-btn a {
        display: block;
        position: relative;
        width: 29rem;
        margin: 0 auto;
        padding: 1.2rem;
        box-sizing: border-box;
        border: 0.2rem solid #9FB90F;
        border-radius: 5rem;
        box-sizing: border-box;
        background: #9FB90F;
        color: #FFF;
        text-align: center;
        font-size: 2rem;
        font-weight: 500;
        line-height: 1.5;
        box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.16); }
        #contact .contact__wp .contact__link .contact__link-btn a .arrow {
          display: block;
          position: absolute;
          top: 50%;
          right: 1.5rem;
          transform: translate(0, -50%);
          width: 2.1rem;
          height: 2.1rem;
          background: #FFF;
          border-radius: 50%;
          content: ''; }
          #contact .contact__wp .contact__link .contact__link-btn a .arrow::after {
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-30%, -50%);
            width: .5rem;
            height: .6rem;
            background: #9FB90F;
            clip-path: polygon(0 0, 0% 100%, 100% 50%);
            transition: .3s;
            content: ''; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) {
  /*-----------ボタン-----------*/
  .btn a:hover, .btn button:hover {
    opacity: 1; } }
/*------------------------------
		961px以上
------------------------------*/
@media screen and (min-width: 961px) {
  .btn a, .btn button {
    width: 32.5rem;
    height: 6.3rem;
    font-size: 2rem;
    line-height: 6.3rem; }
    .btn a::after, .btn button::after {
      width: .8rem;
      height: .8rem; }

  #breadcrumb__cout {
    margin-bottom: 11.5rem;
    padding-top: 1rem; }

  #page_head .page_head__ttl {
    font-size: 3.5rem; }
  #page_head .page_head__copy {
    font-size: 10rem; }

  .contact__btn a {
    padding: .9rem 4.6rem .9rem 2.4rem; }
    .contact__btn a .arrow {
      right: 2.3rem; }

  .pager {
    grid-template-columns: repeat(auto-fit, 4rem);
    grid-template-rows: 4rem;
    grid-column-gap: 1.5rem;
    margin-top: 10rem;
    line-height: 4rem;
    font-size: 1.8rem; }

  #contact .contact__ttl {
    position: relative;
    padding: 1rem;
    font-size: 2.5rem; }
    #contact .contact__ttl::after {
      display: block;
      position: absolute;
      top: .5rem;
      right: 11%;
      width: 13.7rem;
      height: 12.9rem;
      background: url("/img/common/contact__ttl_deco.png") center/cover no-repeat;
      content: ''; }
  #contact .contact__wp {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding: 3rem 0 4rem; }
    #contact .contact__wp .contact__tel {
      margin: 0; }
      #contact .contact__wp .contact__tel .contact__tel-num {
        font-size: 4.5rem; }
      #contact .contact__wp .contact__tel .contact__tel-time {
        font-size: 1.2rem; }
        #contact .contact__wp .contact__tel .contact__tel-time span {
          font-size: 1.3rem; }
    #contact .contact__wp .contact__link {
      position: relative;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 0 1rem 4rem;
      margin-left: 4rem;
      border-top: none; }
      #contact .contact__wp .contact__link::before {
        display: block;
        position: absolute;
        bottom: 1.6rem;
        left: 0;
        width: .1rem;
        height: 4.5rem;
        background: #AFAFAF;
        content: ''; }
      #contact .contact__wp .contact__link .contact__link-btn + .contact__link-btn {
        margin: 0 0 0 2.5rem; }
      #contact .contact__wp .contact__link .contact__link-btn a {
        width: auto;
        margin: 0;
        padding: 1rem 6.1rem 1rem 3rem;
        font-size: 2.5rem;
        text-align: left; }
        #contact .contact__wp .contact__link .contact__link-btn a .arrow {
          right: 3rem;
          transition: .3s; }
        #contact .contact__wp .contact__link .contact__link-btn a:hover {
          opacity: 1;
          background: #FFF;
          color: #9FB90F; }
          #contact .contact__wp .contact__link .contact__link-btn a:hover .arrow {
            background: #9FB90F; }
            #contact .contact__wp .contact__link .contact__link-btn a:hover .arrow::after {
              background: #FFF; } }
/*------------------------------
		1201px以上
------------------------------*/
/*------------------------------
		1366px以上
------------------------------*/

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