@charset "UTF-8";
/* ***********************************
 *
 *    Ire's CSS Reset & Base
 *    https://github.com/ireade/css/blob/master/base.scss
 * *********************************** */
/* Reset margin, padding, border
 * *********************************** */
@import url("https://use.typekit.net/bfr5ckl.css");
@import url("https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital,wght@0,400;0,700;1,400;1,700&display=swap");
@import url("https://fonts.googleapis.com/earlyaccess/notosansjp.css");
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
a,
p,
span,
em,
small,
strong,
sub,
sup,
mark,
del,
ins,
strike,
abbr,
dfn,
blockquote,
q,
cite,
code,
pre,
ol,
ul,
li,
dl,
dt,
dd,
div,
section,
article,
main,
aside,
nav,
header,
hgroup,
footer,
img,
figure,
figcaption,
address,
time,
audio,
video,
canvas,
iframe,
details,
summary,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
}

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

body {
  font-size: 1.6rem;
  line-height: 1.4;
}

* {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

a,
a:visited {
  color: inherit;
  text-decoration: none;
}

/* Layout
  * *********************************** */
article,
aside,
footer,
header,
nav,
section,
main {
  display: block;
}

* {
  box-sizing: border-box;
}

*:before,
*:after {
  box-sizing: inherit;
}

/* Elements
  * *********************************** */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

ol,
ul {
  list-style: none;
}

img,
video {
  max-width: 100%;
}

img {
  border-style: none;
}

blockquote,
q {
  quotes: none;
}

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

/* Attributes & states
  * *********************************** */
[hidden] {
  display: none !important;
}

[disabled] {
  cursor: not-allowed;
}

:focus:not(:focus-visible) {
  outline: none;
}

/* Utility classes
  * *********************************** */
.sr-only {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  left: -9999px;
  top: -9999px;
}

/* ================================================================

base

================================================================ */
html {
  overflow-y: scroll;
  font-size: 62.5%;
}

@media screen and (max-width: 1366px) {
  html {
    font-size: 0.73206vw;
  }
}

@media screen and (max-width: 769px) {
  html {
    font-size: 2.66667vw;
  }
}

body {
  color: #212121;
  background: #fff;
  font-family: "Noto Sans", YuGothic, "Yu Gothic", "游ゴシック", "游ゴシック体", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Noto Sans Japanese", Meiryo, メイリオ, "MS PGothic", Osaka, arial, "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", helvetica, sans-serif;
  -webkit-text-size-adjust: none;
  line-height: 1.7;
  overflow: hidden;
  width: 100%;
  font-size: 1.6rem;
}

@media screen and (max-width: 768px) {
  .inner {
    width: 92%;
  }
}

/* ================================================================
  clearfix
  ================================================================ */
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

@media screen and (min-width: 769px) {
  .c-onlySp {
    display: none !important;
  }
}

@media only screen and (max-width: 769px) {
  .c-onlyPc {
    display: none !important;
  }
}

.c {
  /*
    ヘッダー
  */
  /*
    メイン
  */
  /*
    コンポーネント
  */
  /*
    タイトル
  */
  /*
    下層
  */
  /*
    ボタン
  */
  /*
    フッター
  */
}

.c-header {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
  transition: backgroud-color 0.3s;
}

.c-header_wrap {
  margin-top: 0;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  max-width: 132rem;
  width: 98%;
  width: 87%;
  max-width: 87%;
  margin-top: 2.4rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: margin 0.3s;
}

@media only screen and (max-width: 769px) {
  .c-header_wrap {
    width: 92%;
    max-width: 92%;
  }
}

@media only screen and (max-width: 769px) {
  .c-header_wrap {
    display: block;
    margin-top: 2rem;
  }
}

.c-header_logo {
  width: 26rem;
  transition: 0.3s;
}

.c-header_logo:hover {
  opacity: 0.8;
}

@media only screen and (max-width: 769px) {
  .c-header_logo {
    width: 20rem;
    position: relative;
    z-index: 999999;
  }
}

.c-header_logo img {
  vertical-align: bottom;
}

.c-cv {
  padding: 6.3rem 0;
  background: url(../img/top/c-cv_bg.png) center center no-repeat;
  background-size: cover;
}

@media only screen and (max-width: 769px) {
  .c-cv {
    padding: 4rem 0;
  }
}

.c-cv_wrap {
  margin-top: 0;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  max-width: 100rem;
  width: 98%;
}

@media only screen and (max-width: 769px) {
  .c-cv_wrap {
    width: 92%;
    max-width: 92%;
  }
}

.c-cv_title {
  text-align: center;
  font-weight: bold;
  font-size: 3.6rem;
  color: #fff;
}

@media only screen and (max-width: 769px) {
  .c-cv_title {
    font-size: 1.8rem;
  }
}

.c-cv_title span {
  color: #f6ff10;
}

.c-cv_list {
  display: flex;
  justify-content: center;
}

@media only screen and (max-width: 769px) {
  .c-cv_list {
    display: block;
  }
}

.c-cv_list li {
  width: 40rem;
  margin-top: 2.4rem;
}
.c-cv_list.con1 li {
  width: fit-content;
}

@media only screen and (max-width: 769px) {
  .c-cv_list li {
    width: 100%;
  }
  .c-cv_list.con1 li {
    width: 100%;
  }
}

.c-cv_list li + li {
  margin-left: 4rem;
}

@media only screen and (max-width: 769px) {
  .c-cv_list li + li {
    margin-left: 0rem;
    margin-top: 1rem;
  }
}

.c-cv_list li.-line a {
  background: linear-gradient(#8fe644 0%, #27af22 100%);
  border-radius: 50px;
}

.c-cv_list li.-qaline a {
  background: linear-gradient(#8fe644 0%, #27af22 100%);
  font-size: 1.6rem;
}

.c-cv_list li a {
  display: block;
  text-align: center;
  padding: 2rem 7rem;
  color: #fff;
  font-weight: bold;
  font-size: 2.3rem;
  background: linear-gradient(#ef885f 0%, #f5ba35 100%);
  position: relative;
  transition: 0.3s;
  border-radius: 4px;
}

@media only screen and (max-width: 769px) {
  .c-cv_list li a {
    padding: 1.6rem 2rem;
    font-size: 1.8rem;
  }
}

@media only screen and (max-width: 769px) {
  .c-cv_list li.-qaline a {
    padding: 1.6rem 2rem;
    font-size: 1.3rem;
  }
}

.c-cv_list li a:hover {
  opacity: 0.8;
}

.c-cv_list li a:before {
  position: absolute;
  top: calc(50% - 4.5px);
  right: 2rem;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4.5px 0 4.5px 10px;
  border-color: transparent transparent transparent #ffffff;
}

.c-cv_tel {
  text-align: center;
  margin-top: 3rem;
}

@media only screen and (max-width: 769px) {
  .c-cv_tel {
    margin-top: 2rem;
  }
}

.c-cv_tel a {
  font-weight: bold;
  display: inline-block;
  padding-left: 9rem;
  color: #fff;
  font-size: 5.6rem;
  background: url(../img/tel.png) center left no-repeat;
  background-size: 7.4rem;
  line-height: 1.2;
}

@media only screen and (max-width: 769px) {
  .c-cv_tel a {
    font-size: 3.2rem;
  }
}

.c-cv_time {
  color: #fff;
  text-align: center;
  margin-top: 0.4rem;
}

@media only screen and (max-width: 769px) {
  .c-cv_time {
    font-size: 1.4rem;
  }
}

.c-fixedCv {
  background-color: rgba(33, 33, 33, 0.75);
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 9999;
}

.c-fixedCv_wrap {
  margin-top: 0;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  max-width: 120rem;
  width: 98%;
  display: flex;
  justify-content: space-between;
  padding: 1.4rem 0;
}
.con2 .c-fixedCv_wrap {
  justify-content: center;
}

@media only screen and (max-width: 769px) {
  .c-fixedCv_wrap {
    width: 92%;
    max-width: 92%;
  }
}

@media only screen and (max-width: 769px) {
  .c-fixedCv_wrap {
    padding: 0.7rem 0;
    width: 94%;
    max-width: 94%;
  }
}

.c-fixedCv_tel {
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 769px) {
  .c-fixedCv_tel {
    display: none;
  }
}

.c-fixedCv_tel_icon {
  width: 6.3rem;
}

.c-fixedCv_tel_icon img {
  width: 100%;
  vertical-align: bottom;
}

.c-fixedCv_tel_txt {
  color: #fff;
  padding-left: 1.5rem;
  margin-top: -0.5rem;
}

.c-fixedCv_tel_txt .-num {
  display: block;
  color: #fff;
  font-family: freight-neo-pro, "freight-neo-pro", sans-serif;
  font-size: 5.1rem;
  line-height: 1;
}

.c-fixedCv_tel_txt .-time {
  font-weight: bold;
  font-size: 2rem;
  text-align: center;
  color: #fff;
  line-height: 1;
  text-align: center;
  margin-top: 0.3rem;
}

.c-fixedCv_list {
  width: 65%;
  display: flex;
  justify-content: space-between;
}
.con2 .c-fixedCv_list {
  width: 50%;
}

@media only screen and (max-width: 769px) {
  .c-fixedCv_list {
    width: 100%;
  }
  .con2 .c-fixedCv_list {
    width: 100%;
  }
}

.c-fixedCv_list li {
  width: 50%;
}
.con2 .c-fixedCv_list li {
  width: 100%;
}

@media only screen and (max-width: 769px) {
  .c-fixedCv_list li {
    width: 32.5%;
  }
  .con2 .c-fixedCv_list li {
    width: 49%;
  }
}

.c-fixedCv_list_btn {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

@media only screen and (max-width: 769px) {
  .c-fixedCv_list_btn {
    width: 100%;
  }
}

.c-fixedCv_list_btn a {
  color: #fff;
  font-weight: bold;
  text-align: center;
  border-radius: 40px;
  display: block;
  padding: 2.2rem 0;
  transition: 0.3s;
}

@media only screen and (max-width: 769px) {
  .c-fixedCv_list_btn a {
    padding: 0.8rem 0.4rem;
    font-size: 1.3rem;
    line-height: 1.3;
  }
}

.c-fixedCv_list_btn a:hover {
  opacity: 0.8;
}

.c-fixedCv_list_btn.-tel a {
  background: linear-gradient(#6fc3d3 0%, #0e7092 100%);
}

.c-fixedCv_list_btn.-tel a .-txt {
  background-image: url(../img/tel.png);
  background-position: left 15px center;
  background-repeat: no-repeat;
  background-size: 12px;
  display: block;
  padding-left: 15px;
}
.con2 .c-fixedCv_list_btn.-tel a .-txt {
  background-size: 6vw;
  background-position: 30px;
  padding: 0 0 0 15px;
}

.c-fixedCv_list_btn.-tel a .-time {
  display: block;
  font-size: 1rem;
}

.c-fixedCv_list_btn.-online a {
  font-size: 2rem;
  padding: 2rem 0;
  background: linear-gradient(#ef48f5 0%, #d62828 100%);
}

@media only screen and (max-width: 769px) {
  .c-fixedCv_list_btn.-online a {
    padding: 0.8rem 0.4rem;
    font-size: 1.3rem;
    line-height: 1.3;
  }
}

.c-fixedCv_list_btn.-line a {
  font-size: 3rem;
  padding: 1.2rem 0;
  background: linear-gradient(#8fe644 0%, #27af22 100%);
}

@media only screen and (max-width: 769px) {
  .c-fixedCv_list_btn.-line a {
    padding: 0.8rem 0.4rem;
    font-size: 1.3rem;
    line-height: 1.3;
  }
}

.c-title01 {
  text-align: left;
  position: relative;
  margin-top: 1rem;
}

@media only screen and (max-width: 769px) {
  .c-title01 {
    margin-top: 0.4rem;
  }
}

.c-title01 span {
  font-size: 1.4rem;
  text-align: left;
  background: linear-gradient(90deg, #6fc3d3 0%, #0e7092 60%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  display: inline-block;
  padding-right: 9rem;
  padding-left: 9rem;
  line-height: 1;
}

.c-title01 span:before {
  position: absolute;
  top: 0.7rem;
  left: 0;
  content: "";
  width: 8rem;
  height: 2px;
  background: linear-gradient(90deg, #6fc3d3 0%, #0e7092 100%);
}

.c-title02 {
  font-weight: bold;
  font-size: 4.8rem;
  text-align: left;
  color: #0e7092;
  background: linear-gradient(90deg, #6fc3d3 0%, #0e7092 40%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media only screen and (max-width: 769px) {
  .c-title02 {
    font-size: 2.8rem;
  }
}

.c-title03 {
  text-align: center;
  position: relative;
  margin-top: 1rem;
}

@media only screen and (max-width: 769px) {
  .c-title03 {
    margin-top: 0.4rem;
  }
}

.c-title03 span {
  font-size: 1.4rem;
  text-align: center;
  background: linear-gradient(90deg, #6fc3d3 0%, #0e7092 60%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  display: inline-block;
  padding-right: 9rem;
  padding-left: 9rem;
  line-height: 1;
}

.c-title03 span:before {
  position: absolute;
  top: 0.7rem;
  left: 0;
  content: "";
  width: 8rem;
  height: 2px;
  background: linear-gradient(90deg, #0e7092 0%, #6fc3d3 100%);
}

.c-title03 span:after {
  position: absolute;
  top: 0.7rem;
  right: 0;
  content: "";
  width: 8rem;
  height: 2px;
  background: linear-gradient(90deg, #6fc3d3 0%, #0e7092 100%);
}

.c-btn01 a {
  display: block;
  text-align: center;
  padding: 2rem 7rem;
  color: #fff;
  font-weight: bold;
  font-size: 1.6rem;
  display: inline-block;
  background: linear-gradient(#ef885f 0%, #f5ba35 100%);
  position: relative;
  transition: 0.3s;
}

.c-btn01 a:hover {
  opacity: 0.8;
}

.c-btn01 a:before {
  position: absolute;
  top: calc(50% - 4.5px);
  right: 2rem;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4.5px 0 4.5px 10px;
  border-color: transparent transparent transparent #ffffff;
}


.c-btn01_line a {
  display: inline-flex;
  align-items: center;
  padding: 2rem 7rem;
  color: #fff;
  font-weight: bold;
  font-size: 3rem;
  background: linear-gradient(#8fe644 0%, #27af22 100%);
  transition: 0.3s;
  border-radius: 80px;
  line-height: 1.2;
}
.c-btn01_line.online a {
  background: linear-gradient(#ef885f 0%, #f5ba35 100%);
}
.c-btn01_line a:hover {
  opacity: 0.8;
}
.c-btn01_line img {
  margin: 0 2rem 0 0;
}
@media only screen and (max-width: 769px) {
  .c-btn01_line a {
    width: 100%;
    padding: 1rem 3rem;
    font-size: 2.5rem;
  }
  .c-btn01_line img {
    margin: 0 1rem 0 0;
    width: 20%;
  }
}

.c-footer {
  padding: 4rem 0 15rem;
}

@media only screen and (max-width: 769px) {
  .c-footer {
    padding: 2.8rem 0 10rem;
  }
}

.c-footer_link {
  text-align: center;
  text-decoration: underline;
  font-size: 2rem;
  color: #707070;
}

.c-footer_link:hover {
  text-decoration: none;
}

.c-footer_copy {
  text-align: center;
  color: #707070;
  margin-top: 3rem;
}