@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@600;700&display=swap");
/*------------------------------------------------------------
	Reset
------------------------------------------------------------*/
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, dialog, figure, footer, header,
nav, section,
time, mark, audio, video {
  font-size: 1em;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  box-sizing: border-box;
}

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

html {
  font-size: 62.5%;
}

body {
  -webkit-text-size-adjust: 100%;
}

body, table,
input, textarea, select, option,
h1, h2, h3, h4, h5, h6 {
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "ヒラギノ角ゴ Pro", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

table,
input, textarea, select, option {
  line-height: 1.1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

:focus {
  outline: 0;
}

ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

img {
  vertical-align: top;
}

a,
a img {
  transition: 0.3s ease-in-out;
}

a:hover,
a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}

/* Breakpoint custom
-------------------------------------------*/
/* Only ie
-------------------------------------------*/
@font-face {
  font-family: NotoSansCJKjp;
  src: url(../font/NotoSansCJKjp-Regular.otf);
}
@font-face {
  font-family: NotoSansCJKjp-Light;
  src: url(../font/NotoSansCJKjp-Light.otf);
}
@font-face {
  font-family: NotoSansCJKjp-Bold;
  src: url(../font/NotoSansCJKjp-Bold.otf);
}
@font-face {
  font-family: NotoSansCJKjp-DemiLight;
  src: url(../font/NotoSansCJKjp-DemiLight.otf);
}
@font-face {
  font-family: NotoSansCJKjp-Medium;
  src: url(../font/NotoSansCJKjp-Medium.otf);
}
@font-face {
  font-family: NotoSansCJKjp-Thin;
  src: url(../font/NotoSansCJKjp-Thin.otf);
}
/*------------------------------------------------------------
for develop
------------------------------------------------------------*/
#__bs_notify__ {
  opacity: 0.3 !important;
  font-size: 5px !important;
  line-height: 100% !important;
  padding: 0 5px 0 5px !important;
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important;
}

.c-dev-title1 {
  background: #000;
  color: #FFF;
  line-height: 1;
  padding: 6px 0 6px 15px;
  font-size: 1.6rem;
  margin: 60px 0 20px 0;
}

.c-dev-title2 {
  background: #888;
  color: #FFF;
  line-height: 1;
  padding: 6px 0 6px 30px;
  font-size: 1.3rem;
  margin: 50px 0 10px 0;
}

.c-dev-message1 {
  top: 0;
  left: 0;
  background: #F00;
  color: #FFF;
  z-index: 9999;
  position: fixed;
  line-height: 1;
  padding: 3px 6px;
  opacity: 0.6;
  font-size: 8px;
}

@media (min-width: 768px) {
  .sp-only {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .pc-only {
    display: none;
  }
  img {
    max-width: 100%;
    height: auto;
  }
}
/*------------------------------------------------------------
header
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
header {
  top: 0;
  position: fixed;
  z-index: 10;
  width: 100%;
  background-color: #fff;
}

/*c-head
------------------------------------------------------------*/
.c-head {
  width: 1080px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  background: #fff;
  padding: 14px 0 25px;
}
@media screen and (max-width: 767px) {
  .c-head {
    width: auto;
    align-items: center;
    position: relative;
    height: 45px;
    margin: 10px 0;
    padding: 20px 0 20px;
  }
}
.c-head__logo {
  display: flex;
  align-items: center;
}
.c-head__logo h1, .c-head__logo p {
  font-size: 1.2rem;
  color: #333;
  font-weight: normal;
  font-family: "Meiryo", sans-serif;
  margin-left: 5px;
}
.c-head__inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

/*c-gnavi
------------------------------------------------------------*/
.c-gnavi {
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .c-gnavi {
    display: none;
  }
}
.c-gnavi__navi {
  width: 1080px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  text-align: center;
  background-color: #fff;
}
.c-gnavi li {
  width: 25%;
  position: relative;
}
.c-gnavi li:hover {
  background-color: rgba(48, 189, 255, 0.85);
}
.c-gnavi li:hover > a {
  color: #fff;
}
.c-gnavi li.is-active {
  background-color: #30bdff;
}
.c-gnavi li.is-active > a {
  color: #fff;
}
.c-gnavi a {
  text-decoration: none;
  line-height: 1;
  width: 100%;
  display: block;
  padding: 15px 0;
  font-size: 1.4rem;
  color: #0082d6;
  font-weight: normal;
  font-family: "Meiryo", sans-serif;
}
.c-gnavi a:before {
  position: absolute;
  content: "|";
  right: -3px;
  color: #ddd;
}
.c-gnavi li:last-child a:before {
  content: "";
}
.c-gnavi__dropdown:hover .c-gnavi__subnavi {
  transform: translateY(0);
  transition: 0.3s all cubic-bezier(0.42, 0, 0.2, 1.01);
  visibility: visible;
}
.c-gnavi__subnavi {
  width: auto;
  position: absolute;
  text-align: left;
  background-color: #fff;
  width: 100%;
  transform: translate3d(0, -50%, 0);
  visibility: hidden;
  z-index: -1;
}
.c-gnavi__subnavi li {
  width: 100%;
  height: 45px;
  border-right: 0;
  padding: 0;
  border-top: 1px solid #ddd;
}
.c-gnavi__subnavi li.line-down {
  height: 45px;
}
.c-gnavi__subnavi li.line-down a {
  padding: 7px 15px 8px;
  line-height: 1.2;
}
.c-gnavi__subnavi li a {
  padding: 15px;
  display: block;
  width: 149.5px;
  position: relative;
  transition: none;
  color: #0082d6;
}
.c-gnavi__subnavi li a:before {
  content: "";
  position: absolute;
  border: solid #0082d6;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(-45deg) translateY(-50%);
  right: 5px;
  top: 45%;
}
.c-gnavi__subnavi li a:hover:before {
  border: solid #fff;
  border-width: 0 1px 1px 0;
  right: 10px;
  transition: 0.3s all ease;
}

/*c-gnavi
------------------------------------------------------------*/
.c-gnaviSP {
  padding-top: 15px;
}
@media screen and (max-width: 767px) {
  .c-gnaviSP {
    padding-top: 0;
  }
}
.c-gnaviSP__navi {
  display: none;
  position: absolute;
  z-index: 2;
  background-color: #fff;
  width: 100%;
}
.c-gnaviSP li {
  border-top: 1px solid #ddd;
}
.c-gnaviSP li > a {
  padding: 13px 20px;
  display: block;
  text-decoration: none;
  font-size: 1.4rem;
  color: #0082d6;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
  position: relative;
}
.c-gnaviSP li > a:after {
  content: "";
  position: absolute;
  background: url(../image/common/icon-subnavi.png) no-repeat;
  width: 7px;
  height: 13px;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.c-gnaviSP__subnavi li {
  padding-left: 30px;
}
.c-gnaviSP__subnavi a {
  color: #333 !important;
}
.c-gnaviSP__subnavi a:after {
  right: auto;
  background: url(../image/common/icon-subnavi-black.png) no-repeat !important;
  left: 0;
}
.c-gnaviSP a.is-iconchange:after {
  transform: rotate(90deg);
  top: 40%;
}
.c-gnaviSP__icon {
  width: 30px;
  height: 40px;
  top: 25px;
  right: 4.6%;
  cursor: pointer;
  position: absolute;
}
.c-gnaviSP__icon span {
  display: block;
  width: 100%;
  height: 3px;
  background-color: #0082d6;
  margin: 6px auto;
  backface-visibility: hidden;
  transition: all 0.4s ease;
  position: relative;
}
.c-gnaviSP__icon span:after, .c-gnaviSP__icon span:before {
  top: -15px;
  position: absolute;
  content: "";
  width: 100%;
  height: 3px;
  background-color: #0082d6;
  margin: 6px auto;
  backface-visibility: hidden;
  transition: all 0.4s ease;
}
.c-gnaviSP__icon span:before {
  top: auto;
  bottom: -15px;
}
.c-gnaviSP__icon.is-open span {
  background-color: transparent;
  transition: 0s;
}
.c-gnaviSP__icon.is-open span:after {
  top: -6px;
  transform: rotate(-135deg);
}
.c-gnaviSP__icon.is-open span:before {
  top: -6px;
  transform: rotate(135deg);
}
.c-gnaviSP .is-close {
  text-align: center;
  cursor: pointer;
  padding: 15px;
  background-color: #eee;
}
.c-gnaviSP .scoll-Menu {
  position: fixed;
  top: 65px; /* the height of your menu button div */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 6;
  overflow: scroll;
  padding-bottom: 20%;
}

/*------------------------------------------------------------
footer
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.c-footer {
  border-top: 1px solid #ddd;
}
@media screen and (max-width: 767px) {
  .c-footer {
    margin-bottom: 78px;
  }
}
.c-footer .l-container {
  position: relative;
}
.c-footer .back-top01 {
  position: absolute;
}
.c-footer .back-top {
  margin-left: 540px;
  position: fixed;
  background: url(../image/common/scolltop.png) no-repeat;
  width: 62px;
  height: 62px;
  bottom: 80px;
  right: 10px;
  z-index: 10000;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .c-footer .back-top {
    background: url(../image/common/scolltop_sp.png) no-repeat;
    left: auto;
    background-size: cover;
    transform: translateX(0);
    margin-left: 0;
    right: 15px;
    bottom: 78px;
  }
}
@media screen and (max-width: 480px) {
  .c-footer .back-top {
    bottom: 78px;
  }
}
.c-footer__copyright {
  text-align: center;
  padding: 18px 5px;
  background-color: #eee;
  font-size: 1.1rem;
  color: #333;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
}
@media screen and (max-width: 767px) {
  .c-footer__copyright {
    padding: 15px 5px;
  }
}

/*------------------------------------------------------------
side
------------------------------------------------------------*/
/* l-sidebar
------------------------------------------------------------*/
.l-sidebar {
  margin-left: 40px;
  padding-top: 3px;
}
@media screen and (max-width: 767px) {
  .l-sidebar {
    margin-left: 0;
    padding: 0;
    width: 100%;
    margin-top: 15px;
  }
}
@media screen and (max-width: 480px) {
  .l-sidebar {
    margin-top: 20px;
  }
}

/* c-sidebar
------------------------------------------------------------*/
.c-sidebar {
  width: 260px;
  border: 1px solid #ddd;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .c-sidebar {
    width: auto;
  }
}
.c-sidebar__title {
  position: relative;
}
.c-sidebar__title h3 {
  font-size: 2rem;
  color: #333;
  font-weight: normal;
  font-family: NotoSansCJKjp, sans-serif;
  padding: 15px 0 15px 53px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-sidebar__title h3 {
    font-size: 2.4rem;
    padding: 30px 0 30px 53px;
  }
}
@media screen and (max-width: 480px) {
  .c-sidebar__title h3 {
    font-size: 1.8rem;
    padding: 15px 0 15px 53px;
  }
}
.c-sidebar__title h3:before {
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
}
.c-sidebar__title:after {
  position: absolute;
  content: "";
  background: url(../image/component/sidebar-title2.png);
  width: 88px;
  height: 46px;
  top: 0;
  right: 0;
}
.c-sidebar__line {
  width: 100%;
  height: 2px;
}
.c-sidebar__line-bg1 {
  background-color: #f9cb7f;
  position: relative;
}
.c-sidebar__line-bg1:after {
  position: absolute;
  content: "";
  width: 23%;
  height: 2px;
  background-color: #f39700;
  right: 0;
  top: 0;
}
.c-sidebar__line-bg2 {
  background-color: #30bdff;
  position: relative;
}
.c-sidebar__line-bg2:after {
  position: absolute;
  content: "";
  width: 23%;
  height: 2px;
  background-color: #0082d6;
  right: 0;
  top: 0;
}
.c-sidebar__line-bg3 {
  background-color: #0082d6;
  position: relative;
}
.c-sidebar__list1 li {
  margin-top: 20px;
}
.c-sidebar__list1 li:last-child {
  margin-bottom: 18px;
}
.c-sidebar__list1 a {
  display: flex;
  text-decoration: none;
  align-items: center;
}
.c-sidebar__list1 img {
  width: 70px;
  margin: 0 13px 0 19px;
  border-radius: 50%;
  height: 70px;
}
.c-sidebar__list1 p {
  width: 156px;
  padding-right: 20px;
  line-height: 1.8;
  font-size: 1.6rem;
  color: #333;
  font-weight: normal;
  font-family: NotoSansCJKjp, sans-serif;
}
@media screen and (max-width: 767px) {
  .c-sidebar__list1 p {
    width: auto;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .c-sidebar__list1 p {
    font-size: 1.4rem;
  }
}
.c-sidebar__list2 {
  padding: 18px 20px 10px;
}
.c-sidebar__list2 li {
  padding: 0 0 12px 20px;
  position: relative;
}
.c-sidebar__list2 li:before {
  position: absolute;
  content: "";
  background: url(../image/common/icon-subnavi.png);
  background-size: 7px 13px;
  width: 7px;
  height: 13px;
  top: 3px;
  left: 0;
}
.c-sidebar__list2 li:last-child {
  padding-bottom: 0;
}
.c-sidebar__list2 a {
  text-decoration: none;
  font-size: 1.6rem;
  color: #0082d6;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
}
@media screen and (max-width: 767px) {
  .c-sidebar__list2 a {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .c-sidebar__list2 a {
    font-size: 1.4rem;
  }
}
.c-sidebar__search {
  position: relative;
}
.c-sidebar__search .search-form {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .c-sidebar__search .search-form {
    padding: 0 20px 20px;
  }
}
.c-sidebar__search p {
  font-size: 1.6rem;
  font-family: "ヒラギノ角ゴ Pro";
  color: #333;
  padding: 0 0 4px 20px;
}
.c-sidebar__search .search-btn {
  position: absolute;
  right: 30px;
  top: 43px;
  border: 0;
  background: url(../image/component/sidebar-icon-search.png) no-repeat;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.c-sidebar__search input.search-field {
  height: 45px;
  margin: 0 20px 20px 20px;
  padding: 0 13px;
  width: 190px;
  border: 1px solid #ddd;
}
@media screen and (max-width: 767px) {
  .c-sidebar__search input.search-field {
    width: 96%;
    margin: 0;
    padding: 0 2%;
  }
}
.c-sidebar__search input::placeholder {
  font-size: 1.8rem;
  color: #bbb;
  font-weight: normal;
  font-family: NotoSansCJKjp;
}

.c-sidebar:nth-child(1) .c-sidebar__title h3:before {
  background: url(../image/component/sidebar-icon1.png);
}

.c-sidebar:nth-child(2) .c-sidebar__title:after {
  background: url(../image/component/sidebar-title.png);
}

.c-sidebar:nth-child(2) .c-sidebar__title h3:before {
  background: url(../image/component/sidebar-icon2.png);
}

.c-sidebar:nth-child(2) .c-sidebar__title:after {
  background: url(../image/component/sidebar-title.png);
}

.c-sidebar:nth-child(3) .c-sidebar__title h3:before {
  background: url(../image/component/sidebar-icon3.png);
}

.c-sidebar:nth-child(2) .c-sidebar__title:after {
  background: url(../image/component/sidebar-title.png);
}

/*
------------------------------------------------------------*/
/*------------------------------------------------------------
breadcrumb
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.c-breadcrumb1 {
  padding: 8px 10px;
  border-bottom: 1px solid #ddd;
}
@media screen and (max-width: 767px) {
  .c-breadcrumb1 {
    display: none;
  }
}
.c-breadcrumb1 ul {
  width: 1080px;
  margin: 0 auto;
  display: flex;
}
@media screen and (max-width: 767px) {
  .c-breadcrumb1 ul {
    width: auto;
  }
}
.c-breadcrumb1 li {
  line-height: 1;
  font-size: 1.2rem;
  color: #0082d6;
  font-family: "Meiryo", sans-serif;
}
.c-breadcrumb1 li:after {
  content: ">";
  margin: 0 5px;
  font-size: 1.4rem;
  color: #333;
}
.c-breadcrumb1 li:last-child:after {
  content: "";
}
.c-breadcrumb1 a {
  color: #333;
  text-decoration: none;
  font-family: "Meiryo", sans-serif;
}

/*------------------------------------------------------------
layout
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.l-container {
  width: 1080px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .l-container {
    width: auto;
  }
}

/*
------------------------------------------------------------*/
.l-container2 {
  width: 1020px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .l-container2 {
    width: auto;
    padding: 0 20px;
  }
}

/* wrapper
------------------------------------------------------------*/
.l-wrapper {
  display: flex;
  justify-content: space-between;
  width: 1080px;
  margin: 38px auto 12px;
}
@media screen and (max-width: 767px) {
  .l-wrapper {
    width: auto;
    display: block;
    margin: 25px auto;
  }
}

/* wrapper
------------------------------------------------------------*/
.l-layout {
  padding-top: 123px;
  overflow-x: hidden;
}
@media screen and (max-width: 767px) {
  .l-layout {
    padding-top: 60px;
  }
}
@media screen and (max-width: 767px) {
  .l-layout.is-notScroll {
    overflow: hidden;
  }
}

@media screen and (max-width: 767px) {
  .l-wrap {
    width: 90.625%;
    margin: auto;
  }
}

.dis-none {
  display: none;
}

/*------------------------------------------------------------
contact
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
/* l-contact
-------------------------------------------------------------------*/
.l-contact {
  padding: 108px 0 56px;
  background-color: #f8f8f8;
}
@media screen and (max-width: 767px) {
  .l-contact {
    padding: 80px 0 30px;
  }
}
.l-contact .c-title1 p {
  padding-bottom: 12px;
  font-size: 1.4rem;
}

/* c-contact
------------------------------------------------------------*/
.c-contact {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .c-contact {
    display: block;
    padding: 0;
  }
}
.c-contact__info {
  margin-right: 40px;
}
@media screen and (max-width: 767px) {
  .c-contact__info {
    margin: 5px 0 20px 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding: 25px 0;
    border-radius: 3px;
  }
}
@media screen and (max-width: 480px) {
  .c-contact__info {
    padding: 0 0;
  }
}
.c-contact__txt {
  font-size: 1.8rem;
  color: #333;
  font-weight: normal;
  font-family: "Meiryo", sans-serif;
  line-height: 1;
  padding: 5px 0;
}
@media screen and (max-width: 767px) {
  .c-contact__txt {
    font-size: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .c-contact__txt {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .c-contact h3 {
    display: none;
  }
}
.c-contact a {
  display: none;
}
@media screen and (max-width: 767px) {
  .c-contact a {
    display: block;
  }
}
.c-contact__phone1, .c-contact__phone2 {
  text-decoration: none;
  line-height: 1;
  position: relative;
  padding: 0 60px 0 25px;
  font-size: 3.6rem;
  margin: 5px 0;
  color: #0082d6;
  font-weight: normal;
  font-family: "Josefin Sans", sans-serif;
  display: block;
}
@media screen and (max-width: 767px) {
  .c-contact__phone1, .c-contact__phone2 {
    text-align: center;
    font-size: 4.6rem;
    border: 1px solid #0082d6;
    max-width: 580px;
    width: 95%;
    padding: 15px 0;
    border-radius: 3px;
  }
}
@media screen and (max-width: 480px) {
  .c-contact__phone1, .c-contact__phone2 {
    font-size: 3rem;
  }
}
@media screen and (max-width: 767px) {
  .c-contact__phone1 span, .c-contact__phone2 span {
    position: relative;
  }
}
@media screen and (max-width: 480px) {
  .c-contact__phone1 span, .c-contact__phone2 span {
    padding-right: 15px;
  }
}
.c-contact__phone1 span:after, .c-contact__phone2 span:after {
  content: "";
  position: absolute;
  background: url(../image/index/phone-contact.png) no-repeat;
  font-size: 3.2rem;
  height: 26px;
  width: 20px;
  left: 0;
  top: 50%;
  transform: translateY(-60%);
}
@media screen and (max-width: 767px) {
  .c-contact__phone1 span:after, .c-contact__phone2 span:after {
    left: -30px;
  }
}
@media screen and (max-width: 480px) {
  .c-contact__phone1 span:after, .c-contact__phone2 span:after {
    top: 54%;
    background-size: 100%;
    height: 20px;
    width: 14px;
    left: -18px;
  }
}
.c-contact__phone1 span:before, .c-contact__phone2 span:before {
  position: absolute;
  content: "（東京）";
  right: -10px;
  top: 52%;
  transform: translateY(-50%);
  font-size: 1.8rem;
  color: #0082d6;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
}
@media screen and (max-width: 767px) {
  .c-contact__phone1 span:before, .c-contact__phone2 span:before {
    right: -80px;
  }
}
@media screen and (max-width: 480px) {
  .c-contact__phone1 span:before, .c-contact__phone2 span:before {
    font-size: 1.4rem;
    right: -40px;
  }
}
.c-contact__phone2 span:before {
  content: "（大阪）" !important;
}

/*------------------------------------------------------------
btn
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
/* c-btn1
------------------------------------------------------------*/
.c-btn1 {
  width: 320px;
  margin: 38px auto;
}
@media screen and (max-width: 767px) {
  .c-btn1 {
    width: 100% !important;
    margin: 20px auto 125px;
    max-width: 580px;
  }
}
@media screen and (max-width: 480px) {
  .c-btn1 {
    margin: 20px auto 85px;
  }
}
.c-btn1 a {
  display: flex;
  text-decoration: none;
  height: 55px;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  color: #333;
  font-weight: normal;
  font-family: NotoSansCJKjp, sans-serif;
  position: relative;
  background-color: #0082d6;
  border-radius: 5px;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .c-btn1 a {
    font-size: 2rem;
    height: 86px;
    border-radius: 3px;
  }
}
@media screen and (max-width: 480px) {
  .c-btn1 a {
    font-size: 1.5rem;
    height: 52px;
  }
}
.c-btn1 a:before {
  z-index: 1;
  position: absolute;
  content: "";
  border: solid #fff;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 5px;
  top: 50%;
  transform: rotate(-45deg) translateY(-50%);
  right: 12%;
}
@media screen and (max-width: 767px) {
  .c-btn1 a:before {
    right: 10%;
  }
}
@media screen and (max-width: 320px) {
  .c-btn1 a:before {
    right: 7%;
  }
}
.c-btn1__note {
  font-size: 1.1rem;
  margin-bottom: 6px;
  width: 100%;
}
.c-btn1--orange a {
  background-color: #f39800;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .c-btn1--spHeight a {
    font-size: 1.6rem !important;
    height: 78px !important;
  }
}
.c-btn1--w370 {
  width: 370px;
}
@media screen and (max-width: 767px) {
  .c-btn1--w370 {
    margin: 60px 0;
  }
}
@media screen and (max-width: 480px) {
  .c-btn1--w370 {
    margin: 30px 0;
  }
}
.c-btn1--w370 a {
  flex-direction: column;
  height: 84px;
  font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
  .c-btn1--w370 a {
    height: 110px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 480px) {
  .c-btn1--w370 a {
    font-size: 1.8rem;
    height: 60px;
  }
}
.c-btn1--w370 span {
  font-size: 1.2rem;
  color: #fff;
  font-weight: normal;
  font-family: NotoSansCJKjp, sans-serif;
  display: block;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .c-btn1--w370 span {
    font-size: 1.6rem;
    line-height: 1.6;
  }
}
@media screen and (max-width: 480px) {
  .c-btn1--w370 span {
    font-size: 1.2rem;
  }
}
.c-btn1--w355 {
  width: 355px;
}
@media screen and (max-width: 767px) {
  .c-btn1--w355 {
    margin: 60px 0;
  }
}
@media screen and (max-width: 480px) {
  .c-btn1--w355 {
    margin: 30px 0;
  }
}
.c-btn1--w355 a {
  flex-direction: column;
  height: 84px;
  font-size: 1.8rem;
}
.c-btn1--w355 a:before {
  content: "";
  width: 1px;
  height: 18px;
  background: #fff;
  border: none;
  padding: 0;
  transform: translateY(-50%) rotate(-35deg);
  top: 47%;
  right: 28px;
}
@media screen and (max-width: 767px) {
  .c-btn1--w355 a:before {
    top: 49%;
    right: 20px;
  }
}
@media screen and (max-width: 480px) {
  .c-btn1--w355 a:before {
    top: 43%;
  }
}
.c-btn1--w355 a:after {
  content: "";
  width: 1px;
  height: 18px;
  background: #fff;
  border: none;
  padding: 0;
  -webkit-transform: translateY(-50%) rotate(30deg);
  -ms-transform: translateY(-50%) rotate(30deg);
  transform: translateY(-50%) rotate(35deg);
  top: 60%;
  right: 28px;
  position: absolute;
}
@media screen and (max-width: 767px) {
  .c-btn1--w355 a:after {
    right: 20px;
  }
}
@media screen and (max-width: 767px) {
  .c-btn1--w355 a {
    height: 110px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 480px) {
  .c-btn1--w355 a {
    font-size: 1.8rem;
    height: 60px;
  }
}
.c-btn1--w355 span {
  font-size: 1.8rem;
  color: #fff;
  font-weight: normal;
  font-family: NotoSansCJKjp, sans-serif;
  display: block;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .c-btn1--w355 span {
    font-size: 1.6rem;
    line-height: 1.6;
  }
}
@media screen and (max-width: 480px) {
  .c-btn1--w355 span {
    font-size: 1.2rem;
  }
}
.c-btn1--gray a {
  background: rgb(128, 128, 128);
}
.c-btn1--w307 {
  width: 307px;
}
@media screen and (max-width: 767px) {
  .c-btn1--w307 {
    margin: 60px 0;
  }
}
@media screen and (max-width: 480px) {
  .c-btn1--w307 {
    margin: 30px 0;
  }
}
.c-btn1--w307 a {
  flex-direction: column;
  height: 90px;
}
@media screen and (max-width: 767px) {
  .c-btn1--w307 a {
    height: 110px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 480px) {
  .c-btn1--w307 a {
    font-size: 1.8rem;
    height: 60px;
  }
}
.c-btn1--transaction {
  width: 500px;
}
.c-btn1--transaction a {
  flex-wrap: wrap;
  font-size: 1.7rem;
  height: auto;
  padding: 18px 0;
}
.c-btn1--transaction a:before {
  right: 7%;
}
.c-btn1--position a:before {
  right: 7%;
}
@media screen and (max-width: 767px) {
  .c-btn1--position a:before {
    right: 3%;
  }
}
.c-btn1--center {
  text-align: center;
}

/* c-btn2
------------------------------------------------------------*/
.c-btn2 a {
  position: relative;
  border-radius: 5px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f39800;
  width: 162px;
  font-size: 1.4rem;
  color: #fff;
  font-weight: bold;
  font-family: NotoSansCJKjp, sans-serif;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .c-btn2 a {
    margin: 0 50px 0 10px;
    width: 120px;
    padding: 2px 0;
    font-size: 1.4rem;
    border-radius: 4px;
    border-radius: 5px;
  }
}
.c-btn2 a:after {
  position: absolute;
  content: "";
  top: 50%;
  background: url(../image/common/icon-email.png) no-repeat;
  width: 13px;
  height: 9px;
  left: 20px;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .c-btn2 a:after {
    content: none;
  }
}
.c-btn2 a:before {
  position: absolute;
  content: "";
  border: solid #fff;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 3px;
  top: 50%;
  transform: rotate(-45deg) translateY(-50%);
  right: 20px;
}
@media screen and (max-width: 767px) {
  .c-btn2 a:before {
    content: none;
  }
}
.c-btn2--contact a {
  width: 305px;
  height: 77px;
  font-size: 1.6rem;
  padding-left: 30px;
}
@media screen and (max-width: 767px) {
  .c-btn2--contact a {
    width: 90%;
    margin: 0 auto;
    height: 80px;
    font-size: 1.8rem;
    border-radius: 0;
    border-radius: 3px;
    max-width: 580px;
    padding-left: 10%;
  }
}
@media screen and (max-width: 480px) {
  .c-btn2--contact a {
    font-size: 1.4rem;
    height: 50px;
  }
}
.c-btn2--contact a:after {
  background: url(../image/common/icon-contact1.png) no-repeat;
  width: 25px;
  height: 25px;
  left: 50px;
}
@media screen and (max-width: 767px) {
  .c-btn2--contact a:after {
    content: "";
    left: 21%;
  }
}
@media screen and (max-width: 480px) {
  .c-btn2--contact a:after {
    left: 21%;
  }
}
@media screen and (max-width: 320px) {
  .c-btn2--contact a:after {
    left: 16%;
  }
}
.c-btn2--contact a:before {
  border: 0;
}
.c-btn2--intro a {
  width: 335px;
  height: 77px;
  font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
  .c-btn2--intro a {
    width: 100%;
    margin: 0 auto;
    height: 80px;
    font-size: 1.8rem;
    border-radius: 0;
    border-radius: 3px;
    max-width: 580px;
  }
}
@media screen and (max-width: 480px) {
  .c-btn2--intro a {
    font-size: 1.4rem;
    height: 50px;
  }
}
.c-btn2--intro a:after {
  background: url(../image/common/icon-contact1.png) no-repeat;
  width: 25px;
  height: 25px;
  left: 25px;
}
@media screen and (max-width: 767px) {
  .c-btn2--intro a:after {
    content: "";
    left: 21%;
  }
}
@media screen and (max-width: 480px) {
  .c-btn2--intro a:after {
    left: 12%;
  }
}
.c-btn2--intro a:before {
  content: "";
  width: 9px;
  height: 9px;
  border-width: 0 2px 2px 0;
  border-style: solid;
  border-color: #fff;
  transform: rotate(-45deg) translateY(-50%);
  right: 50px;
}
@media screen and (max-width: 767px) {
  .c-btn2--intro a:before {
    right: 21%;
  }
}
@media screen and (max-width: 480px) {
  .c-btn2--intro a:before {
    right: 15%;
  }
}
.c-btn2--play a {
  width: 264px;
  height: 65px;
  font-size: 2rem;
  font-weight: normal;
  font-family: "Meiryo", sans-serif;
}
@media screen and (max-width: 767px) {
  .c-btn2--play a {
    width: 100%;
    height: 50px;
    font-size: 1.4rem;
    margin: 0 auto;
    padding: 0;
  }
}
.c-btn2--play a::before, .c-btn2--play a::after {
  display: none;
}
.c-btn2--play a span {
  position: relative;
  padding: 0 0 0 25px;
}
@media screen and (max-width: 767px) {
  .c-btn2--play a span {
    padding: 0;
  }
}
.c-btn2--play a span::before {
  content: "";
  width: 24px;
  height: 24px;
  background: url("/assets/image/common/icon-play-circle.svg") no-repeat center;
  background-size: 24px 24px;
  position: absolute;
  top: 50%;
  left: -10px;
  transform: translate(0, -50%);
}
@media screen and (max-width: 767px) {
  .c-btn2--play a span::before {
    width: 15px;
    height: 15px;
    background-size: 15px 15px;
    left: -23px;
  }
}

/* c-btnPaginavi
------------------------------------------------------------*/
.c-btnPaginavi ul, .c-btnPaginavi__ex ul {
  display: flex;
  justify-content: center;
}
.c-btnPaginavi li, .c-btnPaginavi__ex li {
  font-size: 1.6rem;
  margin-left: 30px;
}
.c-btnPaginavi li:first-child, .c-btnPaginavi__ex li:first-child {
  margin-left: 0;
}
@media screen and (max-width: 767px) {
  .c-btnPaginavi li, .c-btnPaginavi__ex li {
    font-size: 1.8rem;
    margin-left: 15px;
  }
}
@media screen and (max-width: 480px) {
  .c-btnPaginavi li, .c-btnPaginavi__ex li {
    font-size: 1.4rem;
  }
}
.c-btnPaginavi a, .c-btnPaginavi__ex a {
  text-decoration: none;
}
.c-btnPaginavi__prev-next {
  width: 130px;
  height: 54px;
  line-height: 54px;
}
@media screen and (max-width: 480px) {
  .c-btnPaginavi__prev-next {
    height: 30px;
    line-height: 40px;
  }
}
.c-btnPaginavi__prev-next a {
  display: block;
  text-align: center;
  background-color: #eee;
  color: #111;
  border-radius: 5px;
}
@media screen and (max-width: 767px) {
  .c-btnPaginavi__prev-next a {
    border-radius: 0;
  }
}
.c-btnPaginavi__btn {
  width: 217px;
  height: 54px;
  line-height: 54px;
}
@media screen and (max-width: 480px) {
  .c-btnPaginavi__btn {
    height: 30px;
    line-height: 40px;
  }
}
.c-btnPaginavi__btn a {
  display: block;
  text-align: center;
  background-color: #0082d6;
  border-radius: 5px;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .c-btnPaginavi__btn a {
    border-radius: 0;
  }
}
.c-btnPaginavi__icon-pre a, .c-btnPaginavi__icon-next a {
  position: relative;
}
.c-btnPaginavi__icon-pre a:before, .c-btnPaginavi__icon-next a:before {
  position: absolute;
  content: "";
  background: url(../image/common/icon-subnavi-black.png) no-repeat;
  width: 7px;
  height: 12px;
  top: 50%;
  transform: translateY(-50%);
  margin-top: -6px;
  transform: rotate(180deg);
  left: 35px;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .c-btnPaginavi__icon-pre a:before, .c-btnPaginavi__icon-next a:before {
    left: 20px;
  }
}
@media screen and (max-width: 480px) {
  .c-btnPaginavi__icon-pre a:before, .c-btnPaginavi__icon-next a:before {
    left: 10px;
  }
}
.c-btnPaginavi__icon-next a:before {
  transform: rotate(0);
  right: 35px;
  left: auto;
}
@media screen and (max-width: 767px) {
  .c-btnPaginavi__icon-next a:before {
    right: 20px;
  }
}
@media screen and (max-width: 767px) and (max-width: 480px) {
  .c-btnPaginavi__icon-next a:before {
    right: 10px;
  }
}
.c-btnPaginavi__ex .c-btnPaginavi__icon-pre a:before {
  left: 15px;
}
@media screen and (max-width: 767px) {
  .c-btnPaginavi__ex .c-btnPaginavi__icon-pre a:before {
    left: 10px;
  }
}
@media screen and (max-width: 767px) and (max-width: 480px) {
  .c-btnPaginavi__ex .c-btnPaginavi__icon-pre a:before {
    display: none;
  }
}
.c-btnPaginavi__ex .c-btnPaginavi__icon-next a:before {
  right: 15px;
}
@media screen and (max-width: 767px) {
  .c-btnPaginavi__ex .c-btnPaginavi__icon-next a:before {
    right: 10px;
  }
}
@media screen and (max-width: 767px) and (max-width: 480px) {
  .c-btnPaginavi__ex .c-btnPaginavi__icon-next a:before {
    display: none;
  }
}

/* c-btn3
------------------------------------------------------------*/
.c-btn3 a {
  text-decoration: none;
  font-size: 1.8rem;
  color: #333;
  font-weight: normal;
  font-family: NotoSansCJKjp, sans-serif;
  position: relative;
  background-color: #0082d6;
  border-radius: 5px;
  color: #fff;
  padding: 23px 29px;
  display: block;
  margin: 0 0 19px;
  line-height: 1.7;
  letter-spacing: -1px;
}
@media screen and (max-width: 767px) {
  .c-btn3 a {
    font-size: 1.6rem;
    border-radius: 3px;
    letter-spacing: 0;
    padding: 12px 34px 12px 15px;
  }
}
@media screen and (max-width: 480px) {
  .c-btn3 a {
    font-size: 1.5rem;
  }
}
.c-btn3 a:before {
  z-index: 1;
  position: absolute;
  content: "";
  border: solid #fff;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 5px;
  top: 47%;
  transform: rotate(-45deg) translateY(-50%);
  right: 30px;
}
@media screen and (max-width: 767px) {
  .c-btn3 a:before {
    right: 15px;
  }
}
.c-btn3--orange a {
  background-color: #f39800;
}
.c-btn3--orange:last-child a {
  margin: 0;
}
.c-btn3__note {
  font-size: 1.2rem;
  width: 100%;
}
.c-btn3--center {
  text-align: center;
}

/* c-btnAccordion
------------------------------------------------------------*/
.c-btnAccordion {
  font-size: 1.7rem;
  padding: 18px 70px 18px 43px;
  border: 1px solid #0082d6;
  color: #0082d6;
  display: inline-block;
  position: relative;
  font-family: NotoSansCJKjp, sans-serif;
  min-width: 200px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .c-btnAccordion {
    width: 100%;
    padding: 14px 70px 14px 43px;
    font-size: 1.5rem;
  }
}
.c-btnAccordion:before {
  content: "";
  width: 18px;
  height: 2px;
  background-color: #0082d6;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.c-btnAccordion:after {
  content: "";
  width: 2px;
  height: 18px;
  background-color: #0082d6;
  position: absolute;
  right: 28px;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  .c-btnAccordion.sp-only {
    display: none !important;
  }
}

/* c-btn4
------------------------------------------------------------*/
.c-btn4 {
  width: 660px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .c-btn4 {
    width: 100%;
  }
}
.c-btn4 a {
  display: block;
  text-align: center;
  text-decoration: none;
  background: #fff;
  font-size: 2.4rem;
  line-height: 1.25;
  color: #0082d6;
  font-weight: bold;
  box-shadow: 0px 0px 10px 0px rgba(51, 51, 51, 0.15);
  border-radius: 5px;
  font-family: NotoSansCJKjp, sans-serif;
  padding: 23px 60px 27px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-btn4 a {
    font-size: 1.4rem;
    padding: 17px 23px 16px;
  }
}
.c-btn4 a::after {
  content: "";
  width: 9px;
  height: 9px;
  border-top: 1px solid #0082d6;
  border-right: 1px solid #0082d6;
  position: absolute;
  top: 50%;
  right: 48px;
  position: absolute;
  transform: translate(0, -50%) rotate(45deg);
}
@media screen and (max-width: 767px) {
  .c-btn4 a::after {
    width: 7px;
    height: 7px;
    right: 17px;
  }
}
.c-btn4--style2 {
  width: 320px;
}
@media screen and (max-width: 767px) {
  .c-btn4--style2 {
    width: 100%;
  }
}
.c-btn4--style2 a {
  padding: 16px 30px 19px;
}
@media screen and (max-width: 767px) {
  .c-btn4--style2 a {
    font-size: 1.1rem;
    padding: 8px 13px 9px;
  }
}
.c-btn4--style2 a::after {
  right: 23px;
}
@media screen and (max-width: 767px) {
  .c-btn4--style2 a::after {
    width: 5px;
    height: 5px;
    right: 10px;
  }
}
.c-btn4--style2 a span {
  display: block;
  font-size: 1.5rem;
  line-height: 1.7;
  color: #333;
  font-weight: normal;
  font-family: NotoSansCJKjp-Medium, sans-serif;
}
@media screen and (max-width: 767px) {
  .c-btn4--style2 a span {
    font-size: 9px;
  }
}

/* c-btn5
------------------------------------------------------------*/
.c-btn5 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.c-btn5 li {
  margin-bottom: 20px;
  width: 500px;
}
@media screen and (max-width: 767px) {
  .c-btn5 li {
    width: 100%;
    margin-bottom: 5px;
  }
}
.c-btn5 li a {
  padding: 22px 30px;
  display: block;
  border: 1px solid #0082d6;
  color: #0082d6;
  text-decoration: none;
  font-size: 1.6rem;
  position: relative;
  transition: unset;
  border-radius: 3px;
}
.c-btn5 li a:after {
  content: "";
  display: block;
  content: "";
  position: absolute;
  margin: auto;
  border-top: 1px solid #0082d6;
  border-right: 1px solid #0082d6;
  display: block;
  width: 9px;
  height: 9px;
  top: 0;
  bottom: 0;
  transform: rotate(135deg);
  right: 30px;
}
@media screen and (max-width: 767px) {
  .c-btn5 li a:after {
    width: 7px;
    height: 7px;
    right: 15px;
  }
}
.c-btn5 li a:hover {
  background: #0082d6;
  color: #FFF;
}
.c-btn5 li a:hover:after {
  border-top-color: #fff;
  border-right-color: #fff;
}
@media screen and (max-width: 767px) {
  .c-btn5 li a {
    padding: 10px 15px;
    font-size: 1.4rem;
  }
}

/* c-btn6
------------------------------------------------------------*/
.c-btn6 {
  width: 500px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .c-btn6 {
    width: 100%;
  }
}
.c-btn6 a {
  padding: 22px 30px;
  display: block;
  border: 1px solid #0082d6;
  color: #0082d6;
  text-decoration: none;
  font-size: 1.6rem;
  position: relative;
  transition: unset;
  border-radius: 3px;
}
.c-btn6 a:after {
  content: "";
  display: block;
  content: "";
  position: absolute;
  margin: auto;
  border-top: 1px solid #0082d6;
  border-right: 1px solid #0082d6;
  display: block;
  width: 9px;
  height: 9px;
  top: 0;
  bottom: 0;
  transform: rotate(45deg);
  right: 30px;
}
@media screen and (max-width: 767px) {
  .c-btn6 a:after {
    width: 7px;
    height: 7px;
    right: 15px;
  }
}
.c-btn6 a:hover {
  background: #0082d6;
  color: #FFF;
}
.c-btn6 a:hover:after {
  border-top-color: #fff;
  border-right-color: #fff;
}
@media screen and (max-width: 767px) {
  .c-btn6 a {
    padding: 10px 15px;
    font-size: 1.4rem;
  }
}

/*------------------------------------------------------------
title
------------------------------------------------------------*/
/*-----------------------------------------------------------
c-title1
------------------------------------------------------------*/
.c-title1 {
  text-align: center;
  position: relative;
}
.c-title1.is-mb {
  margin-bottom: 35px;
}
.c-title1:after {
  content: "";
  position: absolute;
  background: url(../image/common/icon-title1.png) no-repeat;
  width: 35px;
  height: 35px;
  top: -48px;
  left: 50%;
  margin-left: -17.5px;
}
@media screen and (max-width: 767px) {
  .c-title1:after {
    background: url(../image/common/icon-title1_sp.png) no-repeat;
    width: 30px;
    height: 30px;
    background-size: cover;
    top: -55px;
  }
}
@media screen and (max-width: 767px) {
  .c-title1:after {
    top: -45px;
  }
}
.c-title1 h1,
.c-title1 h2,
.c-title1 h3,
.c-title1 h4,
.c-title1 h5,
.c-title1 h6 {
  font-size: 2.6rem;
  color: #333;
  font-weight: normal;
  font-family: NotoSansCJKjp, sans-serif;
}
@media screen and (max-width: 767px) {
  .c-title1 h1,
  .c-title1 h2,
  .c-title1 h3,
  .c-title1 h4,
  .c-title1 h5,
  .c-title1 h6 {
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 480px) {
  .c-title1 h1,
  .c-title1 h2,
  .c-title1 h3,
  .c-title1 h4,
  .c-title1 h5,
  .c-title1 h6 {
    font-size: 2.1rem;
  }
}
.c-title1 p {
  font-size: 1.8rem;
  color: #333;
  font-weight: normal;
  font-family: "Meiryo", sans-serif;
  padding: 22px 0;
  line-height: 1.65;
}
@media screen and (max-width: 767px) {
  .c-title1 p {
    text-align: left;
    font-size: 1.8rem;
    padding: 30px 0;
  }
}
@media screen and (max-width: 480px) {
  .c-title1 p {
    font-size: 1.4rem;
    padding: 15px 0;
  }
}
.c-title1--small {
  display: block;
  font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
  .c-title1--small {
    font-size: 1.6rem;
  }
}

/*c-title2
------------------------------------------------------------*/
.c-title2 {
  padding-left: 50px;
  padding-bottom: 10px;
  border-bottom: 1px solid #0082d6;
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-title2 {
    padding-left: 35px;
  }
}
.c-title2:after {
  content: "";
  position: absolute;
  background: url(../image/component/icon-title3.png) no-repeat;
  width: 34px;
  height: 34px;
  left: 0;
  top: 6px;
}
@media screen and (max-width: 767px) {
  .c-title2:after {
    top: 2px;
    background-size: 100%;
    width: 25px;
    height: 25px;
  }
}
.c-title2 h1,
.c-title2 h2,
.c-title2 h3,
.c-title2 h4,
.c-title2 h5,
.c-title2 h6 {
  font-size: 3rem;
  color: #333;
  font-weight: normal;
  font-family: NotoSansCJKjp, sans-serif;
}
@media screen and (max-width: 767px) {
  .c-title2 h1,
  .c-title2 h2,
  .c-title2 h3,
  .c-title2 h4,
  .c-title2 h5,
  .c-title2 h6 {
    font-size: 2rem;
  }
}
.c-title2--linebg {
  border-bottom: 1px solid #f39800;
}
.c-title2--linebg:after {
  background: url(../image/guide/icon-title3.png) no-repeat;
}
@media screen and (max-width: 767px) {
  .c-title2--linebg:after {
    top: 2px;
    background-size: 100%;
    width: 25px;
    height: 25px;
  }
}
.c-title2--notIcon {
  padding-left: 0;
}
.c-title2--notIcon:after {
  content: none;
}

/*c-mainTitle
------------------------------------------------------------*/
.c-mainTitle {
  text-align: center;
  background: #0082d6;
  background: linear-gradient(to right, #0082d6, #30bdff);
  /* Standard syntax (must be last) */
  height: 152px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .c-mainTitle {
    height: 160px;
    line-height: 1.4;
  }
}
@media screen and (max-width: 480px) {
  .c-mainTitle {
    height: 80px;
  }
}
.c-mainTitle h1,
.c-mainTitle h2,
.c-mainTitle h3,
.c-mainTitle h4,
.c-mainTitle h5,
.c-mainTitle h6,
.c-mainTitle p {
  font-size: 3.6rem;
  color: #fff;
  font-weight: normal;
  font-family: NotoSansCJKjp-Light, sans-serif;
  letter-spacing: 1px;
}
@media screen and (max-width: 767px) {
  .c-mainTitle h1,
  .c-mainTitle h2,
  .c-mainTitle h3,
  .c-mainTitle h4,
  .c-mainTitle h5,
  .c-mainTitle h6,
  .c-mainTitle p {
    font-size: 2.5rem;
    padding: 0 10px;
  }
}
@media screen and (max-width: 480px) {
  .c-mainTitle h1,
  .c-mainTitle h2,
  .c-mainTitle h3,
  .c-mainTitle h4,
  .c-mainTitle h5,
  .c-mainTitle h6,
  .c-mainTitle p {
    font-size: 2.1rem;
  }
}
.c-mainTitle--bg {
  margin-top: 30px;
  background: 0;
  position: relative;
  box-shadow: 0px -5px 10px -4px rgba(177, 177, 177, 0.8);
  border-bottom: 1px solid #ddd;
  height: auto;
  padding: 60px 20px;
}
@media screen and (max-width: 767px) {
  .c-mainTitle--bg {
    padding: 0 20px 40px;
  }
}
@media screen and (max-width: 480px) {
  .c-mainTitle--bg {
    padding: 0 15px 20px;
  }
}
.c-mainTitle--bg:before {
  content: "";
  position: absolute;
  background: url(../image/component/mainTitlebg.png) no-repeat;
  width: 141px;
  height: 100px;
  top: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  .c-mainTitle--bg:before {
    display: none;
    background-size: 50%;
  }
}
.c-mainTitle--bg h1,
.c-mainTitle--bg h2,
.c-mainTitle--bg h3,
.c-mainTitle--bg h4,
.c-mainTitle--bg h5,
.c-mainTitle--bg h6,
.c-mainTitle--bg p {
  font-size: 3.2rem;
  color: #0082d6;
}
@media screen and (max-width: 767px) {
  .c-mainTitle--bg h1,
  .c-mainTitle--bg h2,
  .c-mainTitle--bg h3,
  .c-mainTitle--bg h4,
  .c-mainTitle--bg h5,
  .c-mainTitle--bg h6,
  .c-mainTitle--bg p {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 480px) {
  .c-mainTitle--bg h1,
  .c-mainTitle--bg h2,
  .c-mainTitle--bg h3,
  .c-mainTitle--bg h4,
  .c-mainTitle--bg h5,
  .c-mainTitle--bg h6,
  .c-mainTitle--bg p {
    font-size: 1.8rem;
  }
}

/*c-title3
------------------------------------------------------------*/
.c-title3 h1,
.c-title3 h2,
.c-title3 h3,
.c-title3 h4,
.c-title3 h5,
.c-title3 h6 {
  font-size: 3.2rem;
  color: #333;
  font-weight: normal;
  font-family: NotoSansCJKjp, sans-serif;
  border-bottom: 1px solid #0082d6;
  letter-spacing: -0.3px;
  padding-bottom: 13px;
}
@media screen and (max-width: 767px) {
  .c-title3 h1,
  .c-title3 h2,
  .c-title3 h3,
  .c-title3 h4,
  .c-title3 h5,
  .c-title3 h6 {
    font-size: 2.5rem;
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 480px) {
  .c-title3 h1,
  .c-title3 h2,
  .c-title3 h3,
  .c-title3 h4,
  .c-title3 h5,
  .c-title3 h6 {
    font-size: 1.8rem;
  }
}
.c-title3 a {
  font-size: 1.6rem;
  color: #0082d6;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
  text-decoration: none;
  display: block;
}
@media screen and (max-width: 767px) {
  .c-title3 a {
    padding: 25px 0 5px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .c-title3 a {
    font-size: 1.4rem;
    padding: 5px 0;
  }
}

/* c-title4
------------------------------------------------------------*/
.c-title4 h1,
.c-title4 h2,
.c-title4 h3,
.c-title4 h4,
.c-title4 h5,
.c-title4 h6,
.c-title4 p {
  padding: 20px 0 10px 38px;
  border-bottom: 1px solid #0082d6;
  font-size: 2.4rem;
  color: #333;
  font-weight: normal;
  font-family: NotoSansCJKjp, sans-serif;
  position: relative;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .c-title4 h1,
  .c-title4 h2,
  .c-title4 h3,
  .c-title4 h4,
  .c-title4 h5,
  .c-title4 h6,
  .c-title4 p {
    font-size: 1.8rem;
    padding: 10px 0 5px 25px;
  }
}
.c-title4 h1:before,
.c-title4 h2:before,
.c-title4 h3:before,
.c-title4 h4:before,
.c-title4 h5:before,
.c-title4 h6:before,
.c-title4 p:before {
  position: absolute;
  content: "";
  background: url(../image/component/listpost-icon.png) no-repeat;
  background-size: 27px 27px;
  width: 27px;
  height: 27px;
  top: 26px;
  left: 3px;
}
@media screen and (max-width: 767px) {
  .c-title4 h1:before,
  .c-title4 h2:before,
  .c-title4 h3:before,
  .c-title4 h4:before,
  .c-title4 h5:before,
  .c-title4 h6:before,
  .c-title4 p:before {
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    top: 15px;
    left: 0;
  }
}
.c-title4--yellow h1,
.c-title4--yellow h2,
.c-title4--yellow h3,
.c-title4--yellow h4,
.c-title4--yellow h5,
.c-title4--yellow h6,
.c-title4--yellow p {
  padding: 20px 0 10px 38px;
  border-bottom: 1px solid #f39800;
  text-align: center;
}
.c-title4--yellow h1:before,
.c-title4--yellow h2:before,
.c-title4--yellow h3:before,
.c-title4--yellow h4:before,
.c-title4--yellow h5:before,
.c-title4--yellow h6:before,
.c-title4--yellow p:before {
  background: url(../image/component/check.png) no-repeat;
}
@media screen and (max-width: 767px) {
  .c-title4--yellow h1:before,
  .c-title4--yellow h2:before,
  .c-title4--yellow h3:before,
  .c-title4--yellow h4:before,
  .c-title4--yellow h5:before,
  .c-title4--yellow h6:before,
  .c-title4--yellow p:before {
    top: 3px;
    background-size: 100% !important;
    width: 22px;
    height: 22px;
  }
}

/*c-title5
------------------------------------------------------------*/
.c-title5 {
  border-left: 5px solid #0082d6;
  padding: 4px 0 4px 10px;
}
.c-title5 h1,
.c-title5 h2,
.c-title5 h3,
.c-title5 h4,
.c-title5 h5,
.c-title5 h6 {
  line-height: 1;
  font-size: 2.2rem;
  color: #333;
  font-weight: normal;
  font-family: NotoSansCJKjp, sans-serif;
}
@media screen and (max-width: 767px) {
  .c-title5 h1,
  .c-title5 h2,
  .c-title5 h3,
  .c-title5 h4,
  .c-title5 h5,
  .c-title5 h6 {
    line-height: 1.6;
  }
}
@media screen and (max-width: 480px) {
  .c-title5 h1,
  .c-title5 h2,
  .c-title5 h3,
  .c-title5 h4,
  .c-title5 h5,
  .c-title5 h6 {
    font-size: 1.6rem;
  }
}

/*c-title6
------------------------------------------------------------*/
.c-title6 {
  font-family: NotoSansCJKjp;
  font-size: 2.4rem;
  font-weight: normal;
  border-bottom: 1px solid #0082d6;
  margin: 0 0 22px;
  padding: 0 0 17px;
}
@media screen and (max-width: 767px) {
  .c-title6 {
    font-size: 2.2rem;
    margin: 0 0 11px;
    padding: 0 0 9px;
  }
}

/*c-title7
------------------------------------------------------------*/
.c-title7 {
  font-size: 1.8rem;
  font-weight: bold;
  font-family: NotoSansCJKjp, sans-serif;
}
@media screen and (max-width: 767px) {
  .c-title7 {
    font-size: 1.5rem;
  }
}

/*------------------------------------------------------------
icon
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
/*------------------------------------------------------------
form
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
/*------------------------------------------------------------
text
------------------------------------------------------------*/
/*c-text1
------------------------------------------------------------*/
.c-text1 p {
  font-size: 1.6rem;
  color: #333;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
  line-height: 1.65;
}
@media screen and (max-width: 767px) {
  .c-text1 p {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .c-text1 p {
    font-size: 1.4rem;
  }
}

/*c-contentBody
------------------------------------------------------------*/
.c-contentBody {
  padding-top: 40px;
}
@media screen and (max-width: 767px) {
  .c-contentBody {
    padding-top: 10px;
  }
}
.c-contentBody h2 {
  padding: 20px 0 10px 38px;
  border-bottom: 1px solid #0082d6;
  font-size: 2.4rem;
  color: #333;
  font-weight: normal;
  font-family: NotoSansCJKjp, sans-serif;
  position: relative;
  font-weight: normal;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .c-contentBody h2 {
    padding: 10px 0 5px 25px;
  }
}
@media screen and (max-width: 480px) {
  .c-contentBody h2 {
    font-size: 1.8rem;
    margin-bottom: 15px;
  }
}
.c-contentBody h2:before {
  position: absolute;
  content: "";
  background: url(../image/component/listpost-icon.png) no-repeat;
  background-size: 27px 27px;
  width: 27px;
  height: 27px;
  top: 26px;
  left: 3px;
}
@media screen and (max-width: 767px) {
  .c-contentBody h2:before {
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    top: 19px;
    left: 0;
  }
}
@media screen and (max-width: 480px) {
  .c-contentBody h2:before {
    top: 12px;
  }
}
.c-contentBody p {
  font-size: 1.6rem;
  color: #333;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
  margin-bottom: 28px;
}
@media screen and (max-width: 767px) {
  .c-contentBody p {
    font-size: 1.8rem;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 480px) {
  .c-contentBody p {
    font-size: 1.4rem;
  }
}
.c-contentBody p {
  *zoom: 1;
}
.c-contentBody p:after {
  display: block;
  content: "";
  clear: both;
}
.c-contentBody p img.alignleft {
  float: left;
  margin: 5px 30px 25px 0;
}
@media screen and (max-width: 767px) {
  .c-contentBody p img.alignleft {
    margin: 0 20px 10px 0;
    width: 50%;
  }
}
@media screen and (max-width: 480px) {
  .c-contentBody p img.alignleft {
    margin: 0 15px 10px 0;
  }
}
.c-contentBody p img.alignright {
  float: right;
  margin: 5px 0 25px 30px;
}
@media screen and (max-width: 767px) {
  .c-contentBody p img.alignright {
    margin: 0 0 10px 20px;
    width: 50%;
  }
}
@media screen and (max-width: 480px) {
  .c-contentBody p img.alignright {
    margin: 0 0 10px 15px;
  }
}
.c-contentBody p img.aligncenter {
  display: block;
  margin: 30px auto;
}
@media screen and (max-width: 767px) {
  .c-contentBody p img.aligncenter {
    margin: 20px auto;
  }
}
.c-contentBody img.alignleft {
  float: left;
  margin: 5px 30px 25px 0;
}
@media screen and (max-width: 767px) {
  .c-contentBody img.alignleft {
    margin: 0 20px 10px 0;
    width: 50%;
  }
}
@media screen and (max-width: 480px) {
  .c-contentBody img.alignleft {
    margin: 0 15px 10px 0;
  }
}
.c-contentBody img.alignright {
  float: right;
  margin: 5px 0 25px 30px;
}
@media screen and (max-width: 767px) {
  .c-contentBody img.alignright {
    margin: 0 0 10px 20px;
    width: 50%;
  }
}
@media screen and (max-width: 480px) {
  .c-contentBody img.alignright {
    margin: 0 0 10px 15px;
  }
}
.c-contentBody img.aligncenter {
  display: block;
  margin: 30px auto;
}
@media screen and (max-width: 767px) {
  .c-contentBody img.aligncenter {
    margin: 20px auto;
  }
}
.c-contentBody h3 {
  border-left: 5px solid #0082d6;
  padding: 4px 0 4px 10px;
  line-height: 1;
  font-size: 2.2rem;
  color: #333;
  font-weight: normal;
  font-family: NotoSansCJKjp, sans-serif;
  margin: 30px 0 25px;
}
@media screen and (max-width: 767px) {
  .c-contentBody h3 {
    margin: 30px 0;
  }
}
@media screen and (max-width: 480px) {
  .c-contentBody h3 {
    margin: 15px 0;
    font-size: 1.8rem;
  }
}
.c-contentBody h4 {
  font-size: 1.6rem;
  color: #333;
  font-weight: bold;
  font-family: NotoSansCJKjp, sans-serif;
  padding: 0 0 2px 16px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ddd;
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-contentBody h4 {
    font-size: 1.8rem;
    padding-left: 10px;
    margin-bottom: 20px;
    padding: 20px 0 20px 16px;
  }
}
@media screen and (max-width: 480px) {
  .c-contentBody h4 {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) and (max-width: 480px) {
  .c-contentBody h4 {
    padding: 10px 0 10px 16px;
    margin-bottom: 10px;
  }
}
.c-contentBody h4:before {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #0082d6;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.c-contentBody h5 {
  font-size: 1.6rem;
  color: #333;
  font-weight: normal;
  font-family: NotoSansCJKjp, sans-serif;
  margin: 0;
  padding-bottom: 12px;
}
@media screen and (max-width: 767px) {
  .c-contentBody h5 {
    font-size: 2.4rem;
    padding: 20px 0;
  }
}
@media screen and (max-width: 480px) {
  .c-contentBody h5 {
    font-size: 1.8rem;
    padding: 10px 0;
  }
}
.c-contentBody table {
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  width: 100%;
  border-collapse: collapse;
}
.c-contentBody table tbody th, .c-contentBody table tbody td {
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 13px 0;
  font-family: "ヒラギノ角ゴ Pro";
}
@media screen and (max-width: 767px) {
  .c-contentBody table tbody th, .c-contentBody table tbody td {
    padding: 8px 0;
    display: block;
  }
}
.c-contentBody table tbody th {
  font-size: 1.6rem;
  color: #333;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
  background: #eee;
  width: 152px;
}
@media screen and (max-width: 767px) {
  .c-contentBody table tbody th {
    width: 100%;
    text-align: left;
    font-size: 1.8rem;
    padding: 15px 20px;
  }
}
@media screen and (max-width: 480px) {
  .c-contentBody table tbody th {
    font-size: 1.4rem;
    padding: 10px 15px;
  }
}
.c-contentBody table tbody td {
  font-size: 1.4rem;
  color: #333;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
  padding: 10px 20px;
}
@media screen and (max-width: 767px) {
  .c-contentBody table tbody td {
    display: block;
    padding: 15px 20px;
    font-size: 1.8rem;
    line-height: 1.6;
  }
}
@media screen and (max-width: 480px) {
  .c-contentBody table tbody td {
    font-size: 1.4rem;
    padding: 10px 15px;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) {
  .c-contentBody table.c-table2 {
    overflow-x: auto;
    width: 100%;
    display: block;
  }
}
.c-contentBody table.c-table2 tbody th {
  font-size: 1.6rem;
  color: #333;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
  background: #eee;
  width: 152px;
}
@media screen and (max-width: 767px) {
  .c-contentBody table.c-table2 tbody th {
    width: auto;
    white-space: nowrap;
    display: table-cell;
    text-align: left;
    font-size: 1.8rem;
    padding: 15px 20px;
  }
}
@media screen and (max-width: 480px) {
  .c-contentBody table.c-table2 tbody th {
    font-size: 1.4rem;
    padding: 10px 15px;
  }
}
.c-contentBody table.c-table2 tbody td {
  font-size: 1.4rem;
  color: #333;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
  padding: 10px 20px;
}
@media screen and (max-width: 767px) {
  .c-contentBody table.c-table2 tbody td {
    display: table-cell;
    padding: 15px 20px;
    font-size: 1.8rem;
    line-height: 1.6;
    white-space: nowrap;
  }
}
@media screen and (max-width: 480px) {
  .c-contentBody table.c-table2 tbody td {
    font-size: 1.4rem;
    padding: 10px 15px;
    line-height: 1.5;
  }
}
.c-contentBody ul {
  padding: 36px 0 0 18px;
  font-family: "ヒラギノ角ゴ Pro";
}
@media screen and (max-width: 767px) {
  .c-contentBody ul {
    padding: 20px 0 0 15px;
  }
}
.c-contentBody ul li {
  margin-bottom: 11px;
  position: relative;
  font-size: 1.6rem;
  color: #333;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
}
@media screen and (max-width: 767px) {
  .c-contentBody ul li {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .c-contentBody ul li {
    font-size: 1.4rem;
  }
}
.c-contentBody ul li:before {
  position: absolute;
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #333;
  top: 10px;
  left: -12px;
}
@media screen and (max-width: 767px) {
  .c-contentBody ul li:before {
    top: 12px;
    left: -8px;
  }
}
@media screen and (max-width: 480px) {
  .c-contentBody ul li:before {
    top: 9px;
  }
}
.c-contentBody ol {
  padding: 10px 0 0 18px;
  counter-reset: section;
}
@media screen and (max-width: 767px) {
  .c-contentBody ol {
    padding: 10px 0 0 15px;
  }
}
.c-contentBody ol li {
  margin-bottom: 11px;
  position: relative;
  font-size: 1.6rem;
  color: #333;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
}
@media screen and (max-width: 767px) {
  .c-contentBody ol li {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .c-contentBody ol li {
    font-size: 1.4rem;
  }
}
.c-contentBody ol li:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  counter-increment: section;
  content: counter(section) ". ";
  top: 0;
  left: -17px;
}
@media screen and (max-width: 767px) {
  .c-contentBody ol li:before {
    left: -13px;
  }
}

#widget {
  display: block !important;
}

.c-text2 {
  font-size: 1.8rem;
  color: #333;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
  line-height: 1.65;
}
@media screen and (max-width: 767px) {
  .c-text2 {
    font-size: 1.4rem;
  }
}

/*------------------------------------------------------------
navi
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.c-fnavi {
  padding: 45px 40px 60px 100px;
  *zoom: 1;
}
.c-fnavi:after {
  display: block;
  content: "";
  clear: both;
}
@media screen and (max-width: 767px) {
  .c-fnavi {
    display: none;
  }
}
.c-fnavi ul {
  float: left;
  width: 235px;
}
.c-fnavi li {
  line-height: 1.2;
}
.c-fnavi a {
  text-decoration: none;
  font-size: 1.4rem;
  color: #333;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
  position: relative;
  padding: 5px 0 10px 15px;
  padding-left: 15px;
  display: block;
}
.c-fnavi a:after {
  content: "";
  position: absolute;
  background: url(../image/common/icon-subnavi.png) no-repeat;
  width: 7px;
  height: 13px;
  left: 0;
  top: 5px;
  transition: 0.3s all ease-out;
}
.c-fnavi a:hover {
  color: #0082d6;
  padding-left: 0;
}
.c-fnavi a:hover:after {
  left: -15px;
}
.c-fnavi a.is-thutvao {
  padding-left: 30px;
}
.c-fnavi a.is-thutvao:after {
  left: 15px;
}
.c-fnavi a.is-thutvao:hover {
  padding-left: 15px;
}
.c-fnavi a.is-thutvao:hover:after {
  left: 0px;
}

/* c-navi2
------------------------------------------------------------*/
.c-navi2 {
  padding: 10px 22px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .c-navi2 {
    display: block;
    padding: 0;
  }
}
.c-navi2 ul {
  padding-left: 80px;
  text-align: center;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .c-navi2 ul {
    text-align: left;
    padding-left: 0;
    padding-top: 35px;
  }
}
@media screen and (max-width: 480px) {
  .c-navi2 ul {
    padding-top: 17.5px;
  }
}
.c-navi2 li {
  display: inline-block;
  padding: 0 20px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-navi2 li {
    padding: 10px 0;
    display: block;
  }
}
@media screen and (max-width: 480px) {
  .c-navi2 li {
    padding: 5px 0;
  }
}
.c-navi2 li:not(:last-child):after {
  content: "|";
  position: absolute;
  right: -5px;
  top: 0;
  font-size: 1.4rem;
  transform: skew(-45deg);
}
@media screen and (max-width: 767px) {
  .c-navi2 li:not(:last-child):after {
    content: "";
  }
}
.c-navi2 a {
  font-size: 1.4rem;
  color: #333;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .c-navi2 a {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .c-navi2 a {
    font-size: 1.2rem;
  }
}
.c-navi2 .f_logo {
  display: block;
  width: 77px;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .c-navi2 .f_logo {
    margin-top: 25px;
  }
}
@media screen and (max-width: 480px) {
  .c-navi2 .f_logo {
    margin: 12px auto;
  }
}

/*c-paginavi
------------------------------------------------------------*/
.c-pagination {
  padding: 40px 0;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .c-pagination {
    padding: 0;
  }
}
.c-pagination a {
  width: 45px;
  height: 45px;
  font-size: 1.6rem;
  text-decoration: none;
  border: 1px solid #eeeeee;
  color: #333;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.c-pagination span {
  font-size: 1.6rem;
  border: 1px solid #eeeeee;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 47px;
  background-color: #eeeeee;
  margin-right: 10px;
}
@media screen and (max-width: 767px) {
  .c-pagination span {
    width: 45px;
    font-size: 1.4rem;
    margin-right: 5px;
  }
}
.c-pagination .screen-reader-text {
  display: none;
}
.c-pagination .next {
  justify-content: flex-start;
  width: 80px;
  position: relative;
  padding-left: 15px;
  box-sizing: border-box;
  height: 47px;
}
.c-pagination .next:before {
  position: absolute;
  content: "";
  background: url(../image/common/icon-subnavi-black.png);
  background-size: 7px 12px;
  width: 7px;
  height: 12px;
  right: 15px;
}
.c-pagination .prev {
  justify-content: flex-end;
  width: 80px;
  position: relative;
  padding-right: 15px;
  box-sizing: border-box;
  height: 47px;
}
.c-pagination .prev:before {
  position: absolute;
  content: "";
  background: url(../image/common/icon-subnavi-black.png);
  background-size: 7px 12px;
  transform: rotate(180deg);
  width: 7px;
  height: 12px;
  right: auto;
  left: 15px;
}
.c-pagination .dots {
  background-color: #FFF;
  border: 0;
}

/*c-navi3
------------------------------------------------------------*/
.c-navi3 {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 480px) {
  .c-navi3 {
    flex-wrap: wrap;
  }
}
.c-navi3 li {
  width: 255px;
  border: 1px solid #30bdff;
  border-right: 0;
}
@media screen and (max-width: 480px) {
  .c-navi3 li {
    width: 33.33%;
    border-right: 1px solid #30bdff;
  }
}
.c-navi3 li.is-active a {
  background-color: #30bdff;
  color: #fff;
}
@media screen and (max-width: 480px) {
  .c-navi3 li:nth-child(odd) {
    border-right: 0;
  }
}
.c-navi3 li:last-child {
  border-right: 1px solid #30bdff;
}
@media screen and (max-width: 480px) {
  .c-navi3 li:last-child {
    border-left: 0;
  }
}
@media screen and (max-width: 480px) {
  .c-navi3 li:nth-child(1), .c-navi3 li:nth-child(2) {
    width: 50%;
    border-bottom: 0;
  }
}
.c-navi3 a {
  text-decoration: none;
  background-color: #fff;
  display: flex;
  height: 45px;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  font-size: 1.6rem;
  color: #bbb;
  font-weight: normal;
  font-family: NotoSansCJKjp, sans-serif;
}
@media screen and (max-width: 767px) {
  .c-navi3 a {
    font-size: 1.4rem;
    height: 40px;
  }
}
.c-navi3--twoItem {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .c-navi3--twoItem {
    flex-wrap: wrap;
  }
}
.c-navi3--twoItem button {
  font-size: 1.8rem;
  border: 0;
  border-left: 1px solid #ddd;
  color: #0082d6;
  background-color: #fff;
  cursor: pointer;
  padding: 0 30px;
  position: relative;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .c-navi3--twoItem button:after {
    position: absolute;
    content: "";
    border: solid #0082d6;
    border-width: 0 1px 1px 0;
    display: inline-block;
    transform: rotate(45deg);
    padding: 4px;
    right: 20px;
    top: 16px;
  }
}
@media screen and (max-width: 480px) {
  .c-navi3--twoItem button:after {
    top: 10px;
    right: 10px;
  }
}
.c-navi3--twoItem button:hover {
  opacity: 0.8;
}
@media screen and (max-width: 767px) {
  .c-navi3--twoItem button {
    padding: 10px 0 10px 20px;
    font-size: 1.6rem;
    color: #0082d6;
    border-radius: 0;
    width: 50%;
    margin: 0;
    border-bottom: 1px solid #0082d6;
    border-left: 1px solid #0082d6;
  }
}
@media screen and (max-width: 480px) {
  .c-navi3--twoItem button {
    margin: 0;
    text-align: left;
    font-size: 1.2rem;
    padding: 8px 0 8px 10px;
  }
}
.c-navi3--twoItem button.is-active {
  color: #0082d6;
}
@media screen and (max-width: 767px) {
  .c-navi3--twoItem button.is-active {
    color: #0082d6;
  }
}
.c-navi3--twoItem button:first-child {
  border-left: none;
}
@media screen and (max-width: 767px) {
  .c-navi3--twoItem button:first-child {
    border-left: 1px solid #0082d6;
  }
}
@media screen and (max-width: 767px) {
  .c-navi3--twoItem button:nth-child(2n),
  .c-navi3--twoItem button:last-child {
    border-right: 1px solid #0082d6;
  }
}
@media screen and (max-width: 767px) {
  .c-navi3--twoItem button:first-child,
  .c-navi3--twoItem button:nth-child(2) {
    border-top: 1px solid #0082d6;
  }
}
.c-navi3--twoItem {
  /*button:nth-child(3) {
      border-left: 1px solid #ddd;
      @include sp {
          border-left: 1px solid $color3;
      }

      @include sp480 {
          padding: 8px 20px 8px 10px;
      }
  }
  button:nth-child(4) {
      border-left: 1px solid #ddd;
      @include sp {
          border-left: 1px solid $color3;
      }
  }*/
}
.c-navi3--col3 {
  flex-wrap: wrap;
}
.c-navi3--col3 button {
  width: 33%;
  text-align: center;
  margin-top: 15px;
  border-right: 1px solid #ddd;
  border-left: none;
}
@media screen and (max-width: 767px) {
  .c-navi3--col3 button {
    margin-top: 0;
    width: 100%;
    border-left: 1px solid #0082d6;
    border-right: 1px solid #0082d6;
  }
}
.c-navi3--col3 button:nth-child(3n), .c-navi3--col3 button:last-child {
  border-right: none;
}
@media screen and (max-width: 767px) {
  .c-navi3--col3 button:nth-child(3n), .c-navi3--col3 button:last-child {
    border-right: 1px solid #0082d6;
  }
}

/*------------------------------------------------------------
img
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
/* c-imgtext1
------------------------------------------------------------*/
.c-imgtext1 {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .c-imgtext1 {
    display: block;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 480px) {
  .c-imgtext1 {
    margin-bottom: 20px;
  }
}
.c-imgtext1__img {
  text-align: center;
  width: 508px;
}
@media screen and (max-width: 767px) {
  .c-imgtext1__img {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .c-imgtext1__img img {
    width: 80%;
  }
}
.c-imgtext1__text {
  border: 1px solid #bbb;
  padding: 60px 40px 65px;
  width: 510px;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .c-imgtext1__text {
    padding: 30px 30px;
    width: 100%;
    margin-top: -8%;
  }
}
@media screen and (max-width: 480px) {
  .c-imgtext1__text {
    padding: 15px;
    text-align: justify;
  }
}
.c-imgtext1__text p {
  font-size: 1.4rem;
  color: #333;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
  line-height: 2.1;
}
@media screen and (max-width: 767px) {
  .c-imgtext1__text p {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .c-imgtext1__text p {
    font-size: 1.4rem;
  }
}

/* c-imgtext2
------------------------------------------------------------*/
.c-imgtext2 {
  display: flex;
  margin-bottom: 20px;
  position: relative;
  border: 1px solid #ddd;
  align-items: center;
}
.c-imgtext2:hover {
  opacity: 0.7;
}
@media screen and (max-width: 767px) {
  .c-imgtext2 {
    margin-top: 0;
    margin-bottom: 30px;
    display: block;
  }
}
@media screen and (max-width: 480px) {
  .c-imgtext2 {
    margin-bottom: 15px;
  }
}
.c-imgtext2 a {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.c-imgtext2__img {
  position: relative;
  text-align: center;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .c-imgtext2__img {
    width: 100% !important;
    padding-bottom: 50%;
    height: auto !important;
  }
}
.c-imgtext2__img img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
}
.c-imgtext2__text {
  padding: 0 30px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .c-imgtext2__text {
    width: 100% !important;
    padding: 30px 30px;
  }
}
@media screen and (max-width: 480px) {
  .c-imgtext2__text {
    padding: 15px;
  }
}
.c-imgtext2__text dl {
  display: block;
  font-size: 1.4rem;
  color: #bbb;
  font-weight: normal;
  font-family: NotoSansCJKjp, sans-serif;
  position: relative;
  padding-left: 20px;
}
@media screen and (max-width: 767px) {
  .c-imgtext2__text dl {
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 480px) {
  .c-imgtext2__text dl {
    margin-bottom: 5px;
    font-size: 1.2rem;
  }
}
.c-imgtext2__text dl:after {
  content: "";
  position: absolute;
  background: url(../image/component/icon-imgtext2.png) no-repeat;
  height: 14px;
  width: 14px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.c-imgtext2__text h3 {
  padding: 10px 0;
  font-size: 2.2rem;
  color: #0082d6;
  font-weight: bold;
  font-family: NotoSansCJKjp, sans-serif;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 767px) {
  .c-imgtext2__text h3 {
    padding: 0;
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 480px) {
  .c-imgtext2__text h3 {
    font-size: 1.9rem;
  }
}
.c-imgtext2__text p {
  line-height: 1.6;
  font-size: 1.4rem;
  color: #333;
  font-weight: normal;
  font-family: Meiryo, sans-serif;
}
@media screen and (max-width: 767px) {
  .c-imgtext2__text p {
    padding: 15px 0 25px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .c-imgtext2__text p {
    padding: 5px 0 10px;
    font-size: 1.4rem;
  }
}
.c-imgtext2__text button {
  font-size: 1.4rem;
  color: #fff;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
  border: 0;
  height: 25px;
  background-color: #0082d6;
  display: inline-block;
  text-align: center;
  line-height: 25px;
  margin-top: 18px;
  padding: 0 10px;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .c-imgtext2__text button {
    font-size: 1.2rem;
    margin-top: 0;
  }
}
@media screen and (max-width: 480px) {
  .c-imgtext2__text button {
    margin-bottom: 5px;
  }
}
.c-imgtext2--guide .c-imgtext2__img {
  width: 300px;
  height: 216px;
}
.c-imgtext2--guide .c-imgtext2__text {
  width: 450px;
  padding-right: 0;
}
@media screen and (max-width: 767px) {
  .c-imgtext2--guide .c-imgtext2__text {
    padding: 15px;
  }
}
.c-imgtext2--textcase {
  align-items: flex-start;
  border: 0;
}
@media screen and (max-width: 767px) {
  .c-imgtext2--textcase {
    display: block;
  }
}
.c-imgtext2--textcase .c-imgtext2__img img {
  width: 340px;
  height: 250px;
}
@media screen and (max-width: 767px) {
  .c-imgtext2--textcase .c-imgtext2__img {
    width: 100%;
    padding-bottom: 75%;
  }
}
.c-imgtext2--textcase .c-imgtext2__text {
  border: 0;
  padding: 0 30px;
}
@media screen and (max-width: 767px) {
  .c-imgtext2--textcase .c-imgtext2__text {
    padding: 0 0;
    width: 100%;
  }
}
.c-imgtext2--textcase .c-imgtext2__text h3 {
  padding: 0 0 30px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .c-imgtext2--textcase .c-imgtext2__text h3 {
    padding: 15px 0;
  }
}
.c-imgtext2--textcase .c-table1 {
  width: 445px;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .c-imgtext2--textcase .c-table1 {
    width: 100%;
  }
}
.c-imgtext2--textcase .c-table1 th {
  width: 85px;
}
.c-imgtext2--scene .c-imgtext2__img {
  width: 360px;
  height: 200px;
}
.c-imgtext2--scene .c-imgtext2__text {
  position: relative;
  width: 718px;
  padding-right: 70px;
}
@media screen and (max-width: 767px) {
  .c-imgtext2--scene .c-imgtext2__text {
    padding-right: 30px;
  }
}
@media screen and (max-width: 480px) {
  .c-imgtext2--scene .c-imgtext2__text {
    padding-right: 15px;
  }
}
.c-imgtext2--scene .c-imgtext2__text:after {
  content: "";
  position: absolute;
  background: url(../image/common/icon-subnavi.png) no-repeat;
  width: 7px;
  height: 13px;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .c-imgtext2--scene .c-imgtext2__text:after {
    content: none;
  }
}
.c-imgtext2:hover h3 {
  color: #0082d6;
}
.c-imgtext2:hover button {
  opacity: 0.8;
}

/* c-imgtext3
------------------------------------------------------------*/
.c-imgtext3 {
  *zoom: 1;
}
.c-imgtext3:after {
  display: block;
  content: "";
  clear: both;
}
.c-imgtext3__img {
  float: left;
  margin: 5px 30px 25px 0;
}
@media screen and (max-width: 767px) {
  .c-imgtext3__img {
    margin: 0 15px 10px 0;
    width: 50%;
  }
}
.c-imgtext3__text {
  font-size: 1.6rem;
  color: #333;
}
@media screen and (max-width: 767px) {
  .c-imgtext3__text {
    font-size: 1.4rem;
  }
}
.c-imgtext3__text p {
  line-height: 1.8;
  padding-bottom: 25px;
}
@media screen and (max-width: 767px) {
  .c-imgtext3__text p {
    padding-bottom: 20px;
    line-height: 1.6;
  }
}

/* c-imgText4
------------------------------------------------------------*/
.c-imgText4 {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .c-imgText4 {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.c-imgText4__img {
  margin-right: 20px;
}
@media screen and (max-width: 767px) {
  .c-imgText4__img {
    margin-right: 0;
    margin-bottom: 15px;
  }
}
.c-imgText4__txt h4 {
  font-size: 2.2rem;
  color: #333;
  font-weight: bold;
  font-family: NotoSansCJKjp, sans-serif;
  text-align: left;
  margin: -30px 0 20px;
}
.c-imgText4__txt p {
  font-size: 1.6rem;
  color: #333;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
}
@media screen and (max-width: 767px) {
  .c-imgText4__txt p {
    line-height: 3rem;
    font-size: 1.4em;
  }
}

/* c-imgText5
------------------------------------------------------------*/
.c-imgText5 {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .c-imgText5 {
    flex-wrap: wrap;
  }
}
.c-imgText5__img {
  width: 360px;
  margin-right: 42px;
}
@media screen and (max-width: 767px) {
  .c-imgText5__img {
    width: 100%;
    margin-right: 0;
    margin-bottom: 21px;
  }
}
.c-imgText5__txt {
  width: calc(100% - 360px);
}
@media screen and (max-width: 767px) {
  .c-imgText5__txt {
    width: 100%;
  }
}

/* c-imgText6
------------------------------------------------------------*/
.c-imgText6 {
  display: flex;
  border: 1px solid #ddd;
}
@media screen and (max-width: 767px) {
  .c-imgText6 {
    flex-wrap: wrap;
  }
}
.c-imgText6:not(:last-child) {
  margin: 0 0 37px;
}
.c-imgText6__img {
  width: 360px;
  margin-right: 29px;
}
@media screen and (max-width: 767px) {
  .c-imgText6__img {
    width: 100%;
    margin: 0;
  }
}
.c-imgText6__txt {
  width: calc(100% - 360px);
  padding: 37px 40px 0 0;
}
@media screen and (max-width: 767px) {
  .c-imgText6__txt {
    width: 100%;
    padding: 15px;
  }
}
.c-imgText6__txt h3 {
  font-size: 2.2rem;
  line-height: 1.4;
  font-weight: 400;
  margin: 0 0 9px;
  font-family: NotoSansCJKjp, sans-serif;
}
@media screen and (max-width: 767px) {
  .c-imgText6__txt h3 {
    font-size: 1.9rem;
    margin: 0 0 10px;
  }
}
.c-imgText6__txt p {
  font-size: 1.4rem;
  line-height: 1.7;
  margin: 0 0 26px;
  font-family: Meiryo, sans-serif;
}
@media screen and (max-width: 767px) {
  .c-imgText6__txt p {
    padding: 5px 0 10px;
    font-size: 1.4rem;
    margin: 0;
  }
}
.c-imgText6 .c-btn3 {
  width: 370px;
  margin-left: 115px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .c-imgText6 .c-btn3 {
    width: 100%;
    margin: 0;
  }
}
.c-imgText6 .c-btn3 a {
  padding: 23px 65px 23px 29px;
}
@media screen and (max-width: 767px) {
  .c-imgText6 .c-btn3 a {
    padding: 12px 0;
    text-align: center;
  }
}
.c-imgText6 .c-btn3 a:before {
  top: 48%;
  right: 87px;
}
@media screen and (max-width: 767px) {
  .c-imgText6 .c-btn3 a:before {
    top: auto;
    right: auto;
    content: none;
  }
}
@media screen and (max-width: 767px) {
  .c-imgText6 .c-btn3 a:after {
    z-index: 1;
    content: "";
    border: solid #fff;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 5px;
    transform: rotate(-45deg);
    margin: 0 5px;
  }
}

/*------------------------------------------------------------
list
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
/* c-listBlock1
------------------------------------------------------------*/
.c-listBlock1 {
  margin-top: 40px;
  margin-bottom: 70px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-listBlock1 {
    margin-top: 50px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .c-listBlock1 {
    margin-top: 25px;
  }
}
.c-listBlock1:after {
  content: "";
  position: absolute;
  background: url(../image/index/iconlist.jpg) no-repeat;
  width: 60px;
  height: 60px;
  right: 0;
  bottom: -30px;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .c-listBlock1:after {
    right: -4.68%;
  }
}
@media screen and (max-width: 480px) {
  .c-listBlock1:after {
    width: 35px;
    height: 35px;
    bottom: -15px;
  }
}
.c-listBlock1__title {
  display: inline-block;
  font-size: 2.6rem;
  color: #fff;
  font-weight: normal;
  font-family: NotoSansCJKjp, sans-serif;
  background-color: #0082d6;
  padding: 15px 30px 45px;
  line-height: 1;
  width: 725px;
}
@media screen and (max-width: 767px) {
  .c-listBlock1__title {
    text-align: center;
    font-size: 2.2rem;
    display: block;
    width: auto;
    line-height: 1.4;
    padding: 30px 30px 55px;
    margin: 0 -5%;
  }
}
@media screen and (max-width: 480px) {
  .c-listBlock1__title {
    padding: 15px 15px 45px;
    font-size: 1.7rem;
  }
}
.c-listBlock1__content {
  display: flex;
  padding: 51px 0;
  margin: -30px 30px 0;
  box-shadow: 0px 0px 20px rgba(51, 51, 51, 0.3);
  position: relative;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .c-listBlock1__content {
    display: block;
    margin: -30px 0 0;
    padding: 95px 30px 40px;
  }
}
@media screen and (max-width: 480px) {
  .c-listBlock1__content {
    padding: 60px 15px 20px;
  }
}
.c-listBlock1__img {
  width: 415px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #30bdff;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .c-listBlock1__img {
    width: auto;
    border-right: 0;
    height: auto;
  }
}
.c-listBlock1__text {
  width: 605px;
  text-align: center;
  display: flex;
  align-items: center;
  height: 100%;
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-listBlock1__text {
    width: auto;
    position: static;
  }
}
.c-listBlock1__text-fz1 {
  font-size: 1.4rem !important;
}
@media screen and (max-width: 767px) {
  .c-listBlock1__text-fz1 {
    font-size: 1.3rem !important;
  }
}
.c-listBlock1__text p {
  text-align: left;
  font-size: 1.4rem;
  color: #333;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
  padding: 0 80px;
  line-height: 2.14;
}
@media screen and (max-width: 767px) {
  .c-listBlock1__text p {
    font-size: 1.8rem;
    padding: 0;
    margin-top: 25px;
  }
}
@media screen and (max-width: 480px) {
  .c-listBlock1__text p {
    font-size: 1.4rem;
    margin-top: 12.5px;
  }
}
.c-listBlock1__text img {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .c-listBlock1__text img {
    top: 40px;
  }
}
@media screen and (max-width: 480px) {
  .c-listBlock1__text img {
    top: 20px;
  }
}
.c-listBlock1__text ul {
  margin-top: 25px;
  padding: 20px 30px;
  text-align: left;
  background-color: #eee;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .c-listBlock1__text ul {
    padding: 20px 30px;
    display: block;
    margin-top: 30px;
  }
}
@media screen and (max-width: 480px) {
  .c-listBlock1__text ul {
    margin-top: 15px;
    padding: 15px 15px;
  }
}
.c-listBlock1__text ul a {
  text-decoration: none;
  color: #0082d6;
}
.c-listBlock1__text ul li,
.c-listBlock1__text ul span {
  font-size: 1.4rem;
  color: #333;
  padding: 5px 0;
  width: 45%;
}
@media screen and (max-width: 767px) {
  .c-listBlock1__text ul li,
  .c-listBlock1__text ul span {
    width: auto;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .c-listBlock1__text ul li,
  .c-listBlock1__text ul span {
    font-size: 1.4rem;
    padding: 3px 0;
  }
}
.c-listBlock1__text ul li {
  position: relative;
  padding-left: 15px !important;
}
.c-listBlock1__text ul li:before {
  position: absolute;
  content: "";
  top: 13px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 5px;
  background: #000;
}
.c-listBlock1__text-full {
  display: block !important;
  width: 100%;
}
.c-listBlock1__text-full li,
.c-listBlock1__text-full span {
  width: 100% !important;
  font-size: 1.4rem;
  color: #333;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
}
.c-listBlock1--mod {
  border: 1px solid #ddd;
  padding: 21px 70px 40px;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .c-listBlock1--mod {
    padding: 0px 40px 40px;
    margin-top: 10px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .c-listBlock1--mod {
    padding: 0 20px 20px;
    margin-top: 0;
  }
}
.c-listBlock1--mod:after {
  content: "";
  position: absolute;
  background: url(../image/reason/imgbg-list1.png) no-repeat;
  width: 170px;
  height: 89px;
  right: 0;
  top: 0;
}
@media screen and (max-width: 480px) {
  .c-listBlock1--mod:after {
    background-size: 100%;
    width: 85px;
    height: 45px;
  }
}
.c-listBlock1--mod .onp__content {
  margin-top: 20px;
}
.c-listBlock1--mod .c-listBlock1__title {
  width: 100%;
  background-color: transparent;
  color: #333;
  padding: 36px 0 36px 85px;
  position: relative;
  border-bottom: 1px solid #0082d6;
  margin-bottom: 40px;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .c-listBlock1--mod .c-listBlock1__title {
    text-align: left;
    margin: 0 0 40px 0;
    padding-top: 40px;
  }
}
@media screen and (max-width: 480px) {
  .c-listBlock1--mod .c-listBlock1__title {
    margin: 0 0 20px 0;
    padding: 20px 0 20px 50px;
    font-size: 1.9rem;
  }
}
.c-listBlock1--mod .c-listBlock1__title:before {
  content: "";
  position: absolute;
  width: 70px;
  height: 70px;
  left: 0;
  top: 18px;
}
@media screen and (max-width: 480px) {
  .c-listBlock1--mod .c-listBlock1__title:before {
    background-size: 100% !important;
    width: 40px;
    height: 40px;
    top: 12px;
  }
}
.c-listBlock1--mod .c-listBlock1__content {
  margin: 0;
  box-shadow: none;
  padding: 0;
}
.c-listBlock1--mod .c-listBlock1__img {
  border-right: 0;
  width: 270px;
  margin-right: 36px;
}
@media screen and (max-width: 767px) {
  .c-listBlock1--mod .c-listBlock1__img {
    width: auto;
    margin-right: 0;
  }
}
@media screen and (max-width: 480px) {
  .c-listBlock1--mod .c-listBlock1__img img {
    width: 60%;
  }
}
.c-listBlock1--mod .c-listBlock1__text {
  width: 570px;
  display: flex;
  flex-direction: column;
  height: 100%;
  align-self: center;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .c-listBlock1--mod .c-listBlock1__text {
    width: auto;
  }
}
.c-listBlock1--mod .c-listBlock1__text p {
  padding: 0;
  margin-top: 10px;
  width: 100%;
}
@media screen and (max-width: 480px) {
  .c-listBlock1--mod .c-listBlock1__text p {
    margin-top: 15px;
  }
}
.c-listBlock1--mod .c-listBlock1__text p a {
  text-decoration: none;
  color: #0082d6;
}
.c-listBlock1--mod .c-listBlock1__text ul {
  margin-top: 25px;
  padding: 20px 30px;
  text-align: left;
  background-color: #eee;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .c-listBlock1--mod .c-listBlock1__text ul {
    padding: 20px 30px;
    display: block;
    margin-top: 30px;
  }
}
@media screen and (max-width: 480px) {
  .c-listBlock1--mod .c-listBlock1__text ul {
    margin-top: 15px;
    padding: 15px 15px;
  }
}
.c-listBlock1--mod .c-listBlock1__text ul a {
  text-decoration: none;
  color: #0082d6;
}
.c-listBlock1--mod .c-listBlock1__text ul li,
.c-listBlock1--mod .c-listBlock1__text ul span {
  font-size: 1.4rem;
  color: #333;
  padding: 5px 0;
  width: 45%;
}
@media screen and (max-width: 767px) {
  .c-listBlock1--mod .c-listBlock1__text ul li,
  .c-listBlock1--mod .c-listBlock1__text ul span {
    width: auto;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .c-listBlock1--mod .c-listBlock1__text ul li,
  .c-listBlock1--mod .c-listBlock1__text ul span {
    font-size: 1.4rem;
    padding: 3px 0;
  }
}
.c-listBlock1--mod .c-listBlock1__text ul li {
  position: relative;
  padding-left: 15px !important;
}
.c-listBlock1--mod .c-listBlock1__text ul li:before {
  position: absolute;
  content: "";
  top: 13px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 5px;
  background: #000;
}
.c-listBlock1--mod .c-listBlock1__text-full {
  display: block !important;
  width: 100%;
}
.c-listBlock1--mod .c-listBlock1__text-full li,
.c-listBlock1--mod .c-listBlock1__text-full span {
  width: 100% !important;
  font-size: 1.4rem;
  color: #333;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
}
.c-listBlock1--mod .c-listBlock1__text h4 {
  font-size: 2.2rem;
  color: #333;
  font-weight: bold;
  font-family: NotoSansCJKjp, sans-serif;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .c-listBlock1--mod .c-listBlock1__text h4 {
    margin: 35px 0 15px;
  }
}
@media screen and (max-width: 480px) {
  .c-listBlock1--mod .c-listBlock1__text h4 {
    margin: 20px 0 0;
    font-size: 1.9rem;
  }
}
.c-listBlock1--mod1 {
  padding: 30px 70px 38px;
  margin-top: 27px;
}
@media screen and (max-width: 767px) {
  .c-listBlock1--mod1 {
    margin-top: 30px;
    padding: 0 40px 40px;
  }
}
@media screen and (max-width: 480px) {
  .c-listBlock1--mod1 {
    padding: 20px 20px;
    margin-top: 30px;
    margin-bottom: 0;
  }
}
.c-listBlock1--mod1:after {
  content: none;
}
.c-listBlock1--mod1 .c-listBlock1__title {
  font-size: 2rem;
  padding: 10px 0 11px 40px;
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .c-listBlock1--mod1 .c-listBlock1__title {
    font-size: 1.9rem;
    margin-bottom: 40px;
    padding: 40px 0 20px 40px;
  }
}
@media screen and (max-width: 480px) {
  .c-listBlock1--mod1 .c-listBlock1__title {
    height: auto;
    padding: 0 0 15px 30px;
    margin-bottom: 20px;
  }
}
.c-listBlock1--mod1 .c-listBlock1__title:before {
  background: url(../image/service/icon-h3.png) no-repeat !important;
  height: 27px;
  width: 27px;
  top: 10px;
}
@media screen and (max-width: 767px) {
  .c-listBlock1--mod1 .c-listBlock1__title:before {
    top: 42px;
  }
}
@media screen and (max-width: 480px) {
  .c-listBlock1--mod1 .c-listBlock1__title:before {
    top: 3px;
    background-size: 100% !important;
    width: 22px;
    height: 22px;
  }
}
.c-listBlock1--mod1 .c-listBlock1__img {
  border-right: 0;
  width: 200px;
  align-self: center;
}
@media screen and (max-width: 767px) {
  .c-listBlock1--mod1 .c-listBlock1__img {
    width: auto;
    margin-bottom: 35px;
  }
}
@media screen and (max-width: 480px) {
  .c-listBlock1--mod1 .c-listBlock1__img {
    margin-bottom: 15px;
  }
}
.c-listBlock1--mod1 .c-listBlock1__text {
  width: 640px;
}
@media screen and (max-width: 767px) {
  .c-listBlock1--mod1 .c-listBlock1__text {
    width: auto;
  }
}
.c-listBlock1--mod1 .c-listBlock1__text p {
  padding: 0;
  margin-top: 10px;
  font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
  .c-listBlock1--mod1 .c-listBlock1__text p {
    margin-top: 0;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .c-listBlock1--mod1 .c-listBlock1__text p {
    margin-top: 0;
    font-size: 1.4rem;
  }
}
.c-listBlock1--mod1 .c-listBlock1__text ul {
  margin-top: 25px;
  padding: 20px 30px;
  text-align: left;
  background-color: #eee;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .c-listBlock1--mod1 .c-listBlock1__text ul {
    padding: 20px 30px;
    display: block;
    margin-top: 30px;
  }
}
@media screen and (max-width: 480px) {
  .c-listBlock1--mod1 .c-listBlock1__text ul {
    margin-top: 15px;
    padding: 15px 15px;
  }
}
.c-listBlock1--mod1 .c-listBlock1__text ul a {
  text-decoration: none;
  color: #0082d6;
}
.c-listBlock1--mod1 .c-listBlock1__text ul li,
.c-listBlock1--mod1 .c-listBlock1__text ul span {
  font-size: 1.4rem;
  color: #333;
  padding: 5px 0;
  width: 45%;
}
@media screen and (max-width: 767px) {
  .c-listBlock1--mod1 .c-listBlock1__text ul li,
  .c-listBlock1--mod1 .c-listBlock1__text ul span {
    width: auto;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .c-listBlock1--mod1 .c-listBlock1__text ul li,
  .c-listBlock1--mod1 .c-listBlock1__text ul span {
    font-size: 1.4rem;
    padding: 3px 0;
  }
}
.c-listBlock1--mod1 .c-listBlock1__text ul li {
  position: relative;
  padding-left: 15px !important;
}
.c-listBlock1--mod1 .c-listBlock1__text ul li:before {
  position: absolute;
  content: "";
  top: 13px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 5px;
  background: #000;
}
.c-listBlock1--mod1 .c-listBlock1__text h4 {
  font-size: 1.8rem;
  margin-top: 20px;
  position: relative;
  padding-left: 30px;
}
.c-listBlock1--mod1 .c-listBlock1__text h4:before {
  content: "";
  position: absolute;
  width: 21px;
  height: 15px;
  top: 6px;
  left: 0;
}
@media screen and (max-width: 767px) {
  .c-listBlock1--mod1 .c-listBlock1__text h4 {
    margin: 0 0 5px 0;
  }
}
@media screen and (max-width: 480px) {
  .c-listBlock1--mod1 .c-listBlock1__text h4 {
    margin: 15px 0 0;
    font-size: 1.6rem;
  }
}
.c-listBlock1--mod1 .c-listBlock1__text-full {
  display: block !important;
  width: 100%;
}
.c-listBlock1--mod1 .c-listBlock1__text-full li,
.c-listBlock1--mod1 .c-listBlock1__text-full span {
  width: 100% !important;
  font-size: 1.4rem;
  color: #333;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
}
.c-listBlock1--mod1 .c-listBlock1__text .no-dot li {
  padding-left: 0 !important;
}
.c-listBlock1--mod1 .c-listBlock1__text .no-dot li:before {
  display: none;
}
.c-listBlock1--mod2 {
  border: 1px solid #ddd;
  padding: 30px 70px 38px;
  margin-top: 27px;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .c-listBlock1--mod2 {
    margin-top: 30px;
    padding: 0 40px 40px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .c-listBlock1--mod2 {
    padding: 20px 20px;
    margin-top: 30px;
    margin-bottom: 0;
  }
}
.c-listBlock1--mod2:after {
  content: none;
}
.c-listBlock1--mod2 .c-listBlock1__title {
  width: 100%;
  background-color: transparent;
  color: #333;
  border-bottom: 1px solid #0082d6;
  line-height: 1.4;
  font-size: 2rem;
  padding: 10px 0 11px 0;
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .c-listBlock1--mod2 .c-listBlock1__title {
    text-align: left;
    font-size: 1.9rem;
    margin: 0 0 40px 0;
    padding: 0 0 20px 0;
  }
}
@media screen and (max-width: 480px) {
  .c-listBlock1--mod2 .c-listBlock1__title {
    text-align: left;
    height: auto;
    padding-bottom: 15px;
    margin-bottom: 20px;
  }
}
.c-listBlock1--mod2 .c-listBlock1__content {
  margin: 0;
  box-shadow: none;
  padding: 0;
}
.c-listBlock1--mod2 .c-listBlock1__text {
  width: 640px;
}
@media screen and (max-width: 767px) {
  .c-listBlock1--mod2 .c-listBlock1__text {
    width: auto;
  }
}
.c-listBlock1--mod2 .c-listBlock1__text p {
  padding: 0;
  margin-top: 10px;
  font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
  .c-listBlock1--mod2 .c-listBlock1__text p {
    margin-top: 0;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .c-listBlock1--mod2 .c-listBlock1__text p {
    margin-top: 0;
    font-size: 1.4rem;
  }
}
.c-listBlock1--mod2 .c-listBlock1__text ul {
  margin-top: 25px;
  padding: 20px 30px;
  text-align: left;
  background-color: #eee;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .c-listBlock1--mod2 .c-listBlock1__text ul {
    padding: 20px 30px;
    display: block;
    margin-top: 30px;
  }
}
@media screen and (max-width: 480px) {
  .c-listBlock1--mod2 .c-listBlock1__text ul {
    margin-top: 15px;
    padding: 15px 15px;
  }
}
.c-listBlock1--mod2 .c-listBlock1__text ul a {
  text-decoration: none;
  color: #0082d6;
}
.c-listBlock1--mod2 .c-listBlock1__text ul li,
.c-listBlock1--mod2 .c-listBlock1__text ul span {
  font-size: 1.4rem;
  color: #333;
  padding: 5px 0;
  width: 45%;
}
@media screen and (max-width: 767px) {
  .c-listBlock1--mod2 .c-listBlock1__text ul li,
  .c-listBlock1--mod2 .c-listBlock1__text ul span {
    width: auto;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .c-listBlock1--mod2 .c-listBlock1__text ul li,
  .c-listBlock1--mod2 .c-listBlock1__text ul span {
    font-size: 1.4rem;
    padding: 3px 0;
  }
}
.c-listBlock1--mod2 .c-listBlock1__text ul li {
  position: relative;
  padding-left: 15px !important;
}
.c-listBlock1--mod2 .c-listBlock1__text ul li:before {
  position: absolute;
  content: "";
  top: 13px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 5px;
  background: #000;
}
.c-listBlock1--mod2 .c-listBlock1__text h4 {
  font-size: 1.8rem;
  margin-top: 20px;
  position: relative;
  padding-left: 30px;
}
.c-listBlock1--mod2 .c-listBlock1__text h4:before {
  content: "";
  position: absolute;
  width: 21px;
  height: 15px;
  top: 6px;
  left: 0;
}
@media screen and (max-width: 767px) {
  .c-listBlock1--mod2 .c-listBlock1__text h4 {
    margin: 0 0 5px 0;
  }
}
@media screen and (max-width: 480px) {
  .c-listBlock1--mod2 .c-listBlock1__text h4 {
    margin: 15px 0 0;
    font-size: 1.6rem;
  }
}
.c-listBlock1--mod2 .c-listBlock1__text-full {
  display: block !important;
  width: 100%;
}
.c-listBlock1--mod2 .c-listBlock1__text-full li,
.c-listBlock1--mod2 .c-listBlock1__text-full span {
  width: 100% !important;
  font-size: 1.4rem;
  color: #333;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
}
.c-listBlock1--mod2 .c-listBlock1__text .no-dot li {
  padding-left: 0 !important;
}
.c-listBlock1--mod2 .c-listBlock1__text .no-dot li:before {
  display: none;
}
.c-listBlock1--accordion {
  padding: 30px 40px 38px;
}
@media screen and (max-width: 767px) {
  .c-listBlock1--accordion {
    padding: 20px;
  }
}
.c-listBlock1--accordion .c-listBlock1__heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.c-listBlock1--accordion .c-listBlock1__title {
  border-bottom: none;
  margin-bottom: 0;
  width: 75%;
}
@media screen and (max-width: 767px) {
  .c-listBlock1--accordion .c-listBlock1__title {
    width: 100%;
  }
}
.c-listBlock1--accordion .c-listBlock1__content {
  display: none;
}
@media screen and (max-width: 767px) {
  .c-listBlock1--accordion .c-listBlock1__content .c-btnAccordion {
    margin-top: 15px;
  }
}
.c-listBlock1--accordion.is-open .c-listBlock1__heading {
  border-bottom: 1px solid #0082d6;
  margin-bottom: 15px;
}
.c-listBlock1--accordion.is-open .c-btnAccordion:before {
  content: "";
  width: 12px;
  position: absolute;
  transform: translateY(-50%) rotate(45deg);
}
.c-listBlock1--accordion.is-open .c-btnAccordion:after {
  content: "";
  height: 12px;
  position: absolute;
  right: 32px;
  transform: translateY(-50%) rotate(45deg);
}

.c-listBlock1--mod:nth-child(1) h3:before {
  background: url(../image/reason/icon01-list1.png) no-repeat;
}

.c-listBlock1--mod1 .c-listBlock1__text h4:nth-of-type(1):before {
  background: url(../image/service/function/img-nb1.png) no-repeat;
}

.c-listBlock1--mod:nth-child(2) h3:before {
  background: url(../image/reason/icon01-list2.png) no-repeat;
}

.c-listBlock1--mod1 .c-listBlock1__text h4:nth-of-type(2):before {
  background: url(../image/service/function/img-nb2.png) no-repeat;
}

.c-listBlock1--mod:nth-child(3) h3:before {
  background: url(../image/reason/icon01-list3.png) no-repeat;
}

.c-listBlock1--mod1 .c-listBlock1__text h4:nth-of-type(3):before {
  background: url(../image/service/function/img-nb3.png) no-repeat;
}

.c-listBlock1--mod:nth-child(4) h3:before {
  background: url(../image/reason/icon01-list4.png) no-repeat;
}

.c-listBlock1--mod1 .c-listBlock1__text h4:nth-of-type(4):before {
  background: url(../image/service/function/img-nb4.png) no-repeat;
}

/* End list 1
------------------------------------------------------------*/
/* c-list2
------------------------------------------------------------*/
.c-list2 {
  margin-top: 2px;
  display: flex;
  justify-content: space-between;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .c-list2 {
    display: block;
  }
}
.c-list2__card {
  width: 25%;
  position: relative;
}
.c-list2__card:hover {
  opacity: 0.7;
}
@media screen and (max-width: 767px) {
  .c-list2__card {
    width: auto;
    margin-bottom: 20px;
  }
}
.c-list2__card a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.c-list2__img {
  text-align: center;
  width: 267px;
  height: 150px;
}
@media screen and (max-width: 767px) {
  .c-list2__img {
    height: auto;
    width: auto;
  }
  .c-list2__img img {
    width: 100%;
  }
}
.c-list2__title {
  font-size: 1.6rem;
  color: #333;
  font-weight: bold;
  font-family: NotoSansCJKjp, sans-serif;
  padding: 11px 25px 6px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-list2__title {
    padding: 30px 15px 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .c-list2__title {
    font-size: 1.5rem;
    padding: 15px 15px 10px;
  }
}
.c-list2__title:after {
  content: "";
  position: absolute;
  background-color: #0082d6;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  left: 12px;
  top: 50%;
}
@media screen and (max-width: 767px) {
  .c-list2__title:after {
    left: 0;
  }
}
.c-list2__txt {
  font-size: 1.4rem;
  color: #333;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
  padding-right: 15px;
  margin-left: 14px;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .c-list2__txt {
    margin-left: 0;
    font-size: 1.8rem;
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .c-list2__txt {
    font-size: 1.4rem;
    padding-bottom: 15px;
  }
}
@media screen and (max-width: 767px) {
  .c-list2__card:first-child, .c-list2__card:last-child {
    display: none;
  }
}
.c-list2__card:first-child .c-list2__title:after, .c-list2__card:last-child .c-list2__title:after {
  background: url(../image/index/icon2-title1.jpg) no-repeat;
  left: 50%;
  top: 40px;
  margin-left: -6px;
}

/* c-list3
------------------------------------------------------------*/
.c-list3 {
  text-align: left;
  list-style: none;
}
.c-list3 li {
  border: 1px solid #ddd;
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-list3 li {
    border: 0;
  }
}
.c-list3 li:hover {
  opacity: 0.7;
}
.c-list3__img {
  position: relative;
  text-align: center;
  width: 337px;
  height: 200px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .c-list3__img {
    width: 100% !important;
    height: auto !important;
    padding-bottom: 60%;
  }
}
.c-list3__img img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
}
.c-list3 a {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  text-decoration: none;
}
.c-list3 li:hover h3 {
  color: #0082d6;
}
.c-list3__info {
  padding: 0 18px 10px;
}
@media screen and (max-width: 767px) {
  .c-list3__info {
    padding: 0 0 25px;
  }
}
@media screen and (max-width: 480px) {
  .c-list3__info {
    padding: 0 0 15px;
  }
}
.c-list3__info .c-info--icon {
  font-size: 1.4rem;
  color: #0082d6;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
  margin: 15px 0 0px;
  display: block;
}
@media screen and (max-width: 767px) {
  .c-list3__info .c-info--icon {
    font-size: 1.6rem;
    margin: 25px 0 0 0;
  }
}
@media screen and (max-width: 480px) {
  .c-list3__info .c-info--icon {
    font-size: 1.2rem;
    margin-top: 12px;
  }
}
.c-list3__info .c-info--name {
  font-size: 1.6rem;
  color: #333;
  font-weight: bold;
  font-family: NotoSansCJKjp, sans-serif;
  display: block;
}
@media screen and (max-width: 767px) {
  .c-list3__info .c-info--name {
    font-size: 2rem;
    padding: 10px 0;
  }
}
@media screen and (max-width: 480px) {
  .c-list3__info .c-info--name {
    font-size: 1.5rem;
    padding: 7.5px 0;
  }
}
.c-list3__info p {
  font-size: 1.4rem;
  color: #333;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
  padding-top: 5px;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .c-list3__info p {
    padding-top: 0;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .c-list3__info p {
    padding-top: 0;
    font-size: 1.4rem;
  }
}
.c-list3--case {
  display: flex !important;
  flex-wrap: wrap;
  padding: 20px 16px;
}
@media screen and (max-width: 767px) {
  .c-list3--case {
    padding: 0;
  }
}
.c-list3--case li {
  width: 339px;
  margin: 10px 5px;
}
@media screen and (max-width: 767px) {
  .c-list3--case li {
    width: 100%;
    margin: 10px 0;
  }
}
@media screen and (max-width: 480px) {
  .c-list3--case li {
    margin: 15px 0 0 0;
  }
}
.c-list3--guide {
  display: flex !important;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .c-list3--guide {
    display: block !important;
  }
}
.c-list3--guide li {
  margin: 10px 4px;
  width: 255px;
}
@media screen and (max-width: 767px) {
  .c-list3--guide li {
    width: 100%;
    margin: 15px 0;
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
  }
}
.c-list3--guide li:first-child {
  margin-left: 0;
}
.c-list3--guide .c-list3__img {
  width: 253px;
  height: 150px;
}
@media screen and (max-width: 767px) {
  .c-list3--guide .c-list3__img {
    padding-bottom: 30%;
    height: auto !important;
  }
}
@media screen and (max-width: 767px) {
  .c-list3--guide .c-list3__info {
    width: 100%;
    padding: 0 10px 0 10px;
  }
}
@media screen and (max-width: 480px) {
  .c-list3--guide .c-list3__info {
    padding-left: 10px;
  }
}
@media screen and (max-width: 767px) {
  .c-list3--guide .c-list3__info h2 {
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .c-list3--guide .c-list3__info h3 {
    font-size: 1.9rem;
    padding: 0 0 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media screen and (max-width: 480px) {
  .c-list3--guide .c-list3__info h3 {
    padding: 3px 0;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .c-list3--guide .c-list3__info p {
    line-height: 1.4;
    height: 54px;
    overflow: hidden;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 480px) {
  .c-list3--guide .c-list3__info p {
    font-size: 1.2rem;
    height: 30px;
  }
}

/* c-list4
------------------------------------------------------------*/
.c-list4 {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .c-list4 {
    display: block;
  }
}
.c-list4__bg {
  width: 300px;
  height: 120px;
  background: url(../image/index/clist4Item1.jpg) no-repeat;
  margin: 0 5px;
  padding: 20px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-list4__bg {
    width: auto;
    background-size: cover;
    margin-bottom: 30px;
    height: 230px;
  }
}
@media screen and (max-width: 480px) {
  .c-list4__bg {
    height: 115px;
    margin-bottom: 15px;
  }
}
.c-list4__bg a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.c-list4__bg--bot {
  background: url(../image/index/clist4Item2.jpg) no-repeat;
}
.c-list4__bg--first {
  background: url(../image/index/clist4Item3.jpg) no-repeat;
  text-align: center;
}
.c-list4__bg--download {
  background: url(../image/index/clist4Item4.jpg) no-repeat;
}
.c-list4__bg--movie {
  background: url(../image/index/clist4Item5.jpg) no-repeat;
}
@media screen and (max-width: 767px) {
  .c-list4__bg--bot, .c-list4__bg--first, .c-list4__bg--download, .c-list4__bg--movie {
    width: auto;
    background-size: cover;
  }
}
.c-list4__bg:hover .c-list4__text {
  background-color: #fff;
}
.c-list4__text {
  background-color: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  color: #333;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
}
@media screen and (max-width: 767px) {
  .c-list4__text {
    font-size: 2.26rem;
  }
}
@media screen and (max-width: 480px) {
  .c-list4__text {
    font-size: 1.7rem;
  }
}
.c-list4--col3 {
  max-width: 820px;
  margin: 0 auto;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .c-list4--col3 {
    max-width: 100%;
  }
}
.c-list4--col3 .c-list4__bg {
  width: 260px;
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .c-list4--col3 .c-list4__bg {
    width: 100%;
  }
}

/* c-list5
------------------------------------------------------------*/
.c-list5 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 18px;
}
@media screen and (max-width: 767px) {
  .c-list5 {
    display: block;
  }
}
.c-list5__img {
  height: 85px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .c-list5__img {
    height: auto;
  }
}
.c-list5__item {
  text-align: center;
  width: 445px;
  border: 1px solid #bbb;
  padding: 20px 40px;
  margin: 4px 5px;
}
@media screen and (max-width: 767px) {
  .c-list5__item {
    width: auto;
    padding: 40px 40px;
    margin: 20px 0 0 0;
  }
}
@media screen and (max-width: 480px) {
  .c-list5__item {
    padding: 20px 20px;
  }
}
.c-list5__item:nth-child(2), .c-list5__item:nth-child(3), .c-list5__item:nth-child(6) {
  border: 1px solid #0082d6;
}
.c-list5__title {
  padding: 20px 0;
}
@media screen and (max-width: 767px) {
  .c-list5__title {
    padding: 30px 0;
  }
}
@media screen and (max-width: 480px) {
  .c-list5__title {
    padding: 15px 0;
  }
}
.c-list5__title h3 {
  font-size: 1.8rem;
  color: #333;
  font-weight: bold;
  font-family: NotoSansCJKjp, sans-serif;
}
@media screen and (max-width: 480px) {
  .c-list5__title h3 {
    font-size: 1.9rem;
  }
}
.c-list5__text {
  text-align: justify;
}
.c-list5__text p {
  font-size: 1.4rem;
  color: #333;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
  line-height: 1.65;
  padding: 0 40px 10px;
}
@media screen and (max-width: 767px) {
  .c-list5__text p {
    font-size: 1.8rem;
    padding: 0 0;
  }
}
@media screen and (max-width: 480px) {
  .c-list5__text p {
    font-size: 1.4rem;
  }
}

/* c-listPost
 -------------------------------------------------------------------*/
.c-listPost__content {
  padding-left: 47px;
  font-size: 1.8rem;
  color: #333333;
}
.c-listPost__content li {
  font-family: NotoSansCJKjp;
  position: relative;
  padding: 15px 0;
}
.c-listPost__content li:before {
  position: absolute;
  content: "";
  background: url(../image/component/listpost-icon.png) no-repeat;
  background-size: 27px 27px;
  width: 27px;
  height: 27px;
  top: 20px;
  left: -47px;
}

/* c-listguide1
 -------------------------------------------------------------------*/
.c-listguide1 {
  border: 1px solid #dddddd;
  padding: 24px 30px 33px 30px;
  font-family: NotoSansCJKjp;
}
@media screen and (max-width: 767px) {
  .c-listguide1 {
    padding: 30px 30px 25px;
  }
}
@media screen and (max-width: 480px) {
  .c-listguide1 {
    padding: 20px;
  }
}
.c-listguide1 a {
  text-decoration: none;
  color: #0082d6;
}
.c-listguide1 h3 {
  font-size: 2rem;
  color: #333;
  padding-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .c-listguide1 h3 {
    font-size: 2.4rem;
    padding-bottom: 5px;
  }
}
@media screen and (max-width: 480px) {
  .c-listguide1 h3 {
    font-size: 1.8rem;
  }
}
.c-listguide1 ul {
  font-size: 1.6rem;
  color: #0082d6;
  margin-left: 20px;
}
@media screen and (max-width: 767px) {
  .c-listguide1 ul {
    margin-left: 15px;
  }
}
.c-listguide1 ul li {
  list-style-type: none;
  padding-top: 10px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-listguide1 ul li {
    padding-top: 5px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .c-listguide1 ul li {
    font-size: 1.4rem;
  }
}
.c-listguide1 ul li:before {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #0082d6;
  left: -12px;
  top: 18px;
}
@media screen and (max-width: 767px) {
  .c-listguide1 ul li:before {
    top: 12px;
  }
}
.c-listguide1 ol {
  counter-reset: section;
}
.c-listguide1 ol li {
  list-style-type: none;
  padding-left: 20px;
  position: relative;
  padding-top: 5px;
}
@media screen and (max-width: 767px) {
  .c-listguide1 ol li {
    padding-top: 2px;
  }
}
.c-listguide1 ol li::before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  counter-increment: section;
  content: counter(section) ". ";
  left: 0;
  top: 5px;
}
.c-listguide1--color01 ul li::before {
  content: none;
}
.c-listguide1--color01 h3 {
  color: #0082d6;
}
.c-listguide1--color01 ul {
  color: #333;
}
.c-listguide1--color01 ol li {
  padding: 5px 15px;
}
.c-listguide1--color01 ol li::before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  counter-increment: section;
  content: counter(section) ". ";
  left: 0;
  top: 5px;
}

/* c-listguide2
 -------------------------------------------------------------------*/
.c-listguide2 {
  width: 780px;
  border: 1px solid #ddd;
  padding: 0 28px;
}
@media screen and (max-width: 767px) {
  .c-listguide2 {
    width: 100%;
    padding: 0 15px;
  }
}
.c-listguide2__title {
  text-align: center;
  padding: 39px 0 23px 0;
  border-bottom: 1px solid #0082d6;
}
@media screen and (max-width: 767px) {
  .c-listguide2__title {
    padding: 20px 0 15px 0;
  }
}
.c-listguide2__title h1,
.c-listguide2__title h2,
.c-listguide2__title h3,
.c-listguide2__title h4,
.c-listguide2__title h5,
.c-listguide2__title h6 {
  font-size: 2rem;
  color: #333;
  font-weight: normal;
  font-family: NotoSansCJKjp, sans-serif;
}
@media screen and (max-width: 767px) {
  .c-listguide2__title h1,
  .c-listguide2__title h2,
  .c-listguide2__title h3,
  .c-listguide2__title h4,
  .c-listguide2__title h5,
  .c-listguide2__title h6 {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 480px) {
  .c-listguide2__title h1,
  .c-listguide2__title h2,
  .c-listguide2__title h3,
  .c-listguide2__title h4,
  .c-listguide2__title h5,
  .c-listguide2__title h6 {
    font-size: 1.8rem;
  }
}
.c-listguide2__img {
  height: 136px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .c-listguide2__img {
    display: block;
    text-align: center;
    height: auto;
  }
}
.c-listguide2__content {
  display: flex;
  justify-content: space-between;
  padding: 40px 0 0 0;
}
@media screen and (max-width: 767px) {
  .c-listguide2__content {
    padding: 20px 0 0 0;
    justify-content: center;
    display: block;
  }
}
.c-listguide2__content li {
  width: 33%;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .c-listguide2__content li {
    width: 100%;
    margin-bottom: 5px;
  }
}
.c-listguide2__content p {
  font-size: 1.6rem;
  color: #333;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
  text-align: left;
  padding: 19px 0 0 60px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-listguide2__content p {
    padding: 10px 0 10px 30px;
    margin: 0 auto;
    font-size: 1.8rem;
    display: inline-block;
  }
}
@media screen and (max-width: 480px) {
  .c-listguide2__content p {
    font-size: 1.4rem;
  }
}
.c-listguide2__content p br {
  display: none;
}
.c-listguide2__content p:before {
  position: absolute;
  content: "";
  background: url(../image/component/listpost-icon.png) no-repeat;
  background-size: 27px 27px;
  width: 27px;
  height: 27px;
  top: 20px;
  left: 20px;
}
@media screen and (max-width: 767px) {
  .c-listguide2__content p:before {
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    top: 10px;
    left: 0;
  }
}
.c-listguide2__btnBox {
  display: flex;
  flex-wrap: wrap;
}
.c-listguide2__btn {
  display: flex;
  justify-content: center;
  margin: 35px 0 39px 0;
}
@media screen and (max-width: 767px) {
  .c-listguide2__btn {
    margin: 20px 0 20px 0;
  }
}

/* c-list6
-------------------------------------------------------------------*/
.c-list6 {
  margin-left: 20px;
}
.c-list6__text {
  font-size: 1.6rem;
  color: #333;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
  line-height: 1.9;
  list-style-type: decimal;
  text-align: justify;
  text-justify: inter-ideograph;
}
@media screen and (max-width: 767px) {
  .c-list6__text {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .c-list6__text {
    font-size: 1.4rem;
  }
}

/* c-list7
-------------------------------------------------------------------*/
.c-list7 {
  font-size: 1.6rem;
  color: #333;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
  line-height: 1.9;
}
@media screen and (max-width: 767px) {
  .c-list7 {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .c-list7 {
    font-size: 1.4rem;
  }
}
.c-list7__text {
  text-align: justify;
  text-justify: inter-ideograph;
  display: flex;
}
.c-list7 span {
  display: block;
}

/* c-list8
-------------------------------------------------------------------*/
.c-list8 {
  width: 100%;
}
.c-list8__item {
  height: 160px !important;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .c-list8__item {
    width: 100%;
    height: 300px !important;
  }
}
.c-list8__item img {
  width: auto;
  max-width: 100%;
  height: 90px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .c-list8__item img {
    height: 90px;
  }
}
.c-list8__name {
  font-size: 1.8rem;
  color: #333;
  font-weight: normal;
  font-family: NotoSansCJKjp, sans-serif;
  text-align: center;
  margin-top: 15px;
}
@media screen and (max-width: 767px) {
  .c-list8__name {
    font-size: 1.7rem;
    color: #333;
    font-weight: normal;
    font-family: NotoSansCJKjp, sans-serif;
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  .c-list8--sp .c-list8__imgBox {
    margin-bottom: 20px;
  }
  .c-list8--sp .c-list8__imgBox:last-child {
    margin-bottom: 0;
  }
}

.logo-slider {
  position: relative;
}
.logo-slider .slick-list .slick-slide {
  margin: 0 5px !important;
}
.logo-slider .slick-arrow {
  position: absolute;
  z-index: 1;
  top: 54%;
  margin-top: -17.5px;
  cursor: pointer;
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.logo-slider .left-arrow {
  right: 0;
}
.logo-slider .right-arrow {
  left: 0;
}

/* c-list9
-------------------------------------------------------------------*/
.c-list9 {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .c-list9 {
    display: block;
  }
}
.c-list9__item {
  width: 22%;
  height: 130px;
  margin: 0 4% 45px 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .c-list9__item {
    width: 100%;
  }
}
.c-list9__item:nth-child(4n) {
  margin-right: 0;
}
.c-list9__item img {
  width: auto;
  max-width: 100%;
  height: 90px;
}
.c-list9__name {
  font-size: 1.8rem;
  color: #333;
  font-weight: normal;
  font-family: NotoSansCJKjp, sans-serif;
  text-align: center;
  margin-top: 5px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .c-list9__name {
    font-size: 1.7rem;
    color: #333;
    font-weight: normal;
    font-family: NotoSansCJKjp, sans-serif;
  }
}
.c-list9 .u-small {
  font-size: 1.7rem;
  color: #333;
  font-weight: normal;
  font-family: NotoSansCJKjp, sans-serif;
}

/* c-list10
-------------------------------------------------------------------*/
.c-list10__item {
  font-size: 1.6rem;
  line-height: 1.9;
  color: #333;
  position: relative;
  padding: 0 0 0 20px;
}
@media screen and (max-width: 767px) {
  .c-list10__item {
    font-size: 1.2rem;
    line-height: 1.85;
    padding: 0 0 0 22px;
  }
}
.c-list10__item::before {
  content: "";
  width: 5px;
  height: 2px;
  background: #0082d6;
  position: absolute;
  top: 14px;
  left: 9px;
}
@media screen and (max-width: 767px) {
  .c-list10__item::before {
    top: 12px;
    left: 11px;
  }
}
.c-list10__item span {
  font-weight: bold;
}

/* c-list11
-------------------------------------------------------------------*/
.c-list11__item {
  border-top: 1px dashed #CCCCCC;
  padding: 40px 0;
}
@media screen and (max-width: 767px) {
  .c-list11__item {
    border: none;
    padding: 0;
    margin: 0 0 30px;
  }
}
.c-list11__item:last-child {
  border-bottom: 1px dashed #CCCCCC;
}
@media screen and (max-width: 767px) {
  .c-list11__item:last-child {
    border: none;
    margin: 0;
  }
}
.c-list11__ttl {
  font-size: 2.2rem;
  line-height: 1.5;
  color: #0082D6;
  font-weight: bold;
  font-family: "Meiryo", sans-serif;
}
@media screen and (max-width: 767px) {
  .c-list11__ttl {
    font-size: 1.9rem;
    line-height: 1.5;
  }
}
.c-list11__box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 20px 0 0;
}
@media screen and (max-width: 767px) {
  .c-list11__box {
    margin: 15px 0 0;
  }
}
.c-list11__img {
  width: 360px;
}
@media screen and (max-width: 767px) {
  .c-list11__img {
    width: 100%;
  }
}
.c-list11__img img {
  width: 100%;
}
.c-list11__info {
  flex: 1;
  margin: 0 0 0 40px;
}
@media screen and (max-width: 767px) {
  .c-list11__info {
    margin: 10px 0 0;
  }
}
.c-list11__time {
  font-size: 1.6rem;
  line-height: 1.5;
  color: #AAAAAA;
  font-family: "Meiryo", sans-serif;
}
@media screen and (max-width: 767px) {
  .c-list11__time {
    font-size: 1.1rem;
  }
}
.c-list11__txt {
  font-size: 1.6rem;
  line-height: 1.5;
  color: #333333;
  font-family: "Meiryo", sans-serif;
  margin: 10px 0 0;
}
@media screen and (max-width: 767px) {
  .c-list11__txt {
    font-size: 1.2rem;
    line-height: 1.6;
  }
}
.c-list11 .c-btn2 {
  margin: 30px 0 0;
}
@media screen and (max-width: 767px) {
  .c-list11 .c-btn2 {
    margin: 15px 0 0;
  }
}

/* c-list12
-------------------------------------------------------------------*/
.c-list12 {
  display: flex;
  flex-wrap: wrap;
}
.c-list12__item {
  width: calc((100% - 60px) / 3);
  margin: 0 0 0 30px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-list12__item {
    width: calc((100% - 17.5px) / 2);
    margin: 0 0 16px 17.5px;
  }
}
.c-list12__item:nth-child(3n+1) {
  margin: 0;
}
@media screen and (max-width: 767px) {
  .c-list12__item:nth-child(3n+1) {
    margin: 0 0 16px 17.5px;
  }
}
@media screen and (max-width: 767px) {
  .c-list12__item:nth-child(2n+1) {
    margin: 0 0 30px;
  }
}
.c-list12__img img {
  width: 100%;
}
.c-list12__info {
  margin: 20px 0 0;
}
@media screen and (max-width: 767px) {
  .c-list12__info {
    margin: 10px 0 0;
  }
}
.c-list12__ttl {
  display: block;
  text-align: center;
  text-decoration: none;
  font-size: 1.8rem;
  line-height: 1.5;
  color: #0082D6;
  font-weight: bold;
  font-family: "Meiryo", sans-serif;
}
@media screen and (max-width: 767px) {
  .c-list12__ttl {
    font-size: 1.2rem;
  }
}
.c-list12__ttl::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.c-list12--col2 {
  max-width: 670px;
  margin: 0 auto;
}
.c-list12--col2 .c-list12__item {
  width: calc((100% - 30px) / 2);
  margin: 15px 0 0 30px;
}
@media screen and (max-width: 767px) {
  .c-list12--col2 .c-list12__item {
    width: calc((100% - 17.5px) / 2);
    margin: 0 0 16px 17.5px;
  }
}
.c-list12--col2 .c-list12__item:nth-child(2n+1) {
  margin: 15px 0 0 0;
}
@media screen and (max-width: 767px) {
  .c-list12--col2 .c-list12__item:nth-child(2n+1) {
    margin: 0 0 16px 0;
  }
}

/* c-listSign
-------------------------------------------------------------------*/
.c-listSign {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .c-listSign__item {
    width: calc((100% - 15px) / 3);
    margin: 10px 0 15px 0;
  }
}
.c-listSign__item img {
  width: 100%;
  height: auto;
  position: initial;
  transform: inherit;
}

/*c-noteList
------------------------------------------------------------*/
.c-noteList__item {
  margin-top: 10px;
  font-size: 1.4rem;
  font-family: NotoSansCJKjp, sans-serif;
  display: flex;
}
@media screen and (max-width: 767px) {
  .c-noteList__item {
    font-size: 1.2rem;
  }
}

/* c-priceCard
------------------------------------------------------------*/
.c-priceCard {
  margin-top: 30px;
}
.c-priceCard__card {
  margin-top: 20px;
  font-family: "Noto Sans JP", sans-serif;
  border: 1px solid #D9D9D9;
  position: relative;
  overflow: hidden;
}
.c-priceCard__card:first-child {
  margin-top: 0;
}
.c-priceCard__card--pickup {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px solid #D9D9D9;
}
.c-priceCard__card--pickup .c-priceCard__head {
  border: 3px solid #2A82D6;
}
.c-priceCard__card--pickup .c-priceCard__wrap,
.c-priceCard__card--pickup .c-priceCard__table {
  border-left: 1px solid #D9D9D9;
  border-right: 1px solid #D9D9D9;
}
.c-priceCard__card--pickup .c-priceCard__sub,
.c-priceCard__card--pickup .c-priceCard__price .big {
  color: #2A82D6;
}
.c-priceCard__card--pickup02 {
  border: 3px solid #2A82D6;
}
.c-priceCard__card--pickup02 .c-priceCard__sub,
.c-priceCard__card--pickup02 .c-priceCard__price .big {
  color: #2A82D6;
}
.c-priceCard__head {
  padding: 20px;
}
.c-priceCard__tag {
  padding: 1px 20px;
  background: #2A82D6;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.44;
  position: absolute;
  right: -23px;
  top: 12px;
  transform: rotate(45deg);
}
.c-priceCard__title {
  padding-bottom: 10px;
  border-bottom: 1px solid #2A82D6;
  text-align: center;
}
.c-priceCard__sub {
  font-size: 1.4rem;
  font-weight: 700;
  font-family: "Josefin Sans", sans-serif;
  color: #34BDFF;
}
.c-priceCard__main {
  margin-top: 5px;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.3;
}
.c-priceCard__info {
  margin-top: 15px;
  text-align: center;
}
.c-priceCard__label {
  margin-top: 10px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.44;
}
.c-priceCard__price {
  margin-bottom: 10px;
  font-size: 1.6rem;
  font-weight: 500;
}
.c-priceCard__price .big {
  margin-right: 3px;
  font-size: 3rem;
  font-weight: 600;
  font-family: "Josefin Sans", sans-serif;
}
.c-priceCard__note {
  margin-top: 10px;
  font-size: 1.2rem;
  font-weight: 500;
  color: #A8B3BE;
  line-height: 1.44;
}
.c-priceCard__note .big {
  margin: 0 2px;
  font-size: 2rem;
  font-weight: 600;
  font-family: "Josefin Sans", sans-serif;
}
.c-priceCard__note02 {
  display: block;
  width: 100%;
  margin-top: 5px;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.44;
  color: #A8B3BE;
}
.c-priceCard__text {
  font-size: 1.6rem;
}
.c-priceCard .c-btn1 {
  width: 100%;
  font-weight: 500;
  margin: 20px 0 0 0;
}
.c-priceCard .c-btn1 a {
  padding: 15px;
  font-size: 1.6rem;
  height: auto;
}
.c-priceCard .c-btn1 a:before {
  content: none;
}
.c-priceCard__wrap {
  padding: 20px;
  background: #F7FBFF;
}
.c-priceCard__row, .c-priceCard__even {
  display: flex;
  justify-content: space-between;
}
.c-priceCard__row {
  margin-top: 20px;
}
.c-priceCard__row:first-child {
  margin-top: 0;
}
.c-priceCard__even {
  padding: 10px 0;
}
.c-priceCard__even:nth-child(even) {
  background: #FAFAFA;
}
.c-priceCard__term, .c-priceCard__desc {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 48%;
  font-size: 1.6rem;
  text-align: center;
}
.c-priceCard__term.u-textArea, .c-priceCard__desc.u-textArea {
  align-items: start;
  justify-content: inherit;
  text-align: left;
}
.c-priceCard__term {
  font-weight: 700;
}
.c-priceCard__tagWrap {
  text-align: left;
}
.c-priceCard__new {
  width: 100%;
  font-family: "Josefin Sans", sans-serif;
  font-size: 1.2rem;
  line-height: 1;
  color: #F39800;
  text-align: left;
}

/*------------------------------------------------------------
table
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
/* c-table
------------------------------------------------------------*/
.c-table_num th:nth-of-type(1) {
  width: 7%;
}
.c-table_num th:nth-of-type(2) {
  width: 93%;
}
@media screen and (max-width: 767px) {
  .c-table_num th:nth-of-type(1), .c-table_num th:nth-of-type(2) {
    width: 100%;
  }
}

/*
------------------------------------------------------------*/
/* c-table1
------------------------------------------------------------*/
.c-table1 h1, .c-table1 h2, .c-table1 h3, .c-table1 h4, .c-table1 h5, .c-table1 h6 {
  font-size: 1.6rem;
  color: #333;
  font-weight: normal;
  font-family: NotoSansCJKjp, sans-serif;
  margin: 0;
  padding-bottom: 12px;
}
.c-table1 table {
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  width: 100%;
  border-collapse: collapse;
}
.c-table1 th, .c-table1 td {
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
  font-family: "ヒラギノ角ゴ Pro";
  line-height: 1.8;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .c-table1 th, .c-table1 td {
    padding: 10px 15px;
  }
}
.c-table1 tbody th {
  font-size: 1.6rem;
  color: #333;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
  background: #eee;
  width: 152px;
}
@media screen and (max-width: 767px) {
  .c-table1 tbody th {
    width: 100%;
    font-size: 1.86rem;
    padding: 20px 30px;
    display: block;
  }
}
@media screen and (max-width: 480px) {
  .c-table1 tbody th {
    font-size: 1.4rem;
    padding: 10px 15px;
    line-height: 1.6;
  }
}
.c-table1 tbody td {
  font-size: 1.4rem;
  color: #333;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
  padding: 10px 20px;
}
@media screen and (max-width: 767px) {
  .c-table1 tbody td {
    padding: 20px 30px;
    font-size: 1.86rem;
    width: 100%;
    display: block;
  }
}
@media screen and (max-width: 480px) {
  .c-table1 tbody td {
    font-size: 1.4rem;
    padding: 10px 15px;
  }
}
.c-table1--around tbody {
  text-align: left;
}
.c-table1--around tbody th {
  width: 350px;
  padding-left: 20px;
}
@media screen and (max-width: 767px) {
  .c-table1--around tbody th {
    width: 100%;
    display: block;
    padding-left: 30px;
  }
}
@media screen and (max-width: 480px) {
  .c-table1--around tbody th {
    padding-left: 15px;
  }
}
.c-table1--price {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .c-table1--price {
    margin-top: 30px;
  }
}
@media screen and (max-width: 480px) {
  .c-table1--price {
    margin-top: 15px;
  }
}
.c-table1--price tbody {
  text-align: left;
}
.c-table1--price tbody th {
  width: 30%;
  padding-left: 20px;
}
@media screen and (max-width: 767px) {
  .c-table1--price tbody th {
    padding-left: 30px;
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .c-table1--price tbody th {
    padding-left: 15px;
  }
}
.c-table1--price tbody td {
  width: 365px;
}
@media screen and (max-width: 767px) {
  .c-table1--price tbody td {
    padding-left: 30px;
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .c-table1--price tbody td {
    padding-left: 15px;
  }
}

/*
------------------------------------------------------------*/
.c-table2 {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}
.c-table2 table {
  width: 48%;
  font-size: 1.4rem;
}
.c-table2 table th {
  background: #fff;
}
.c-table2 table th:first-of-type {
  width: 30%;
}
.c-table2 table td {
  display: block;
}
.c-table2 table .top-th th {
  background: #eee;
}
@media screen and (max-width: 767px) {
  .c-table2 {
    display: block;
  }
  .c-table2 .c-title1 {
    margin-top: 90px;
  }
  .c-table2 table {
    margin-bottom: 30px;
    width: 100%;
  }
  .c-table2 tbody th {
    display: table-cell;
  }
}

/*
------------------------------------------------------------*/
.c-table3 {
  width: 900px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  opacity: 0;
}
.c-table3.init {
  opacity: 1;
}
.c-table3__rows {
  display: flex;
  border-bottom: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
}
@media screen and (max-width: 767px) {
  .c-table3__rows {
    flex-wrap: wrap;
  }
}
.c-table3__col {
  width: 25%;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .c-table3__col {
    width: 100%;
  }
}
.c-table3__cell {
  font-size: 1.4rem;
  line-height: 2rem;
  padding: 11px 20px 10px;
  border-left: 1px solid #CCCCCC;
  border-top: 1px solid #CCCCCC;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .c-table3__cell {
    position: relative;
    overflow: hidden;
    height: auto !important;
    padding: 10px;
  }
  .c-table3__cell:before {
    top: 0;
    left: -10px;
    padding-right: 10px;
    padding-left: 10px;
    flex-shrink: 0;
    width: 50%;
    content: attr(data-title);
    display: inline-block;
    box-sizing: border-box;
    position: relative;
  }
  .c-table3__cell:after {
    content: "";
    position: absolute;
    left: calc(50% - 10px);
    top: 0;
    height: 100%;
    width: 1px;
    background-color: #CCCCCC;
  }
}
.c-table3__cell.cell-head {
  background-color: #EEEEEE;
}
@media screen and (max-width: 767px) {
  .c-table3__cell.cell-head {
    padding-left: 10px;
    padding-right: 10px;
    justify-content: center;
    text-align: center;
  }
  .c-table3__cell.cell-head:before, .c-table3__cell.cell-head:after {
    display: none;
  }
}
.c-table3__cell.cell-start {
  align-items: flex-start;
}
.c-table3__note {
  margin-top: 6px;
  font-size: 1.2rem;
  line-height: 2.2rem;
  text-align: right;
}
@media screen and (max-width: 767px) {
  .c-table3__note {
    text-align: left;
  }
}

/*
------------------------------------------------------------*/
.c-table-dl {
  display: table;
  width: 490px;
}
@media screen and (max-width: 767px) {
  .c-table-dl {
    margin-top: 10px;
    width: 100%;
  }
}
.c-table-dl dl {
  display: flex;
  width: 100%;
  border: 1px solid #ccc;
  border-bottom: none;
  border-top: none;
}
.c-table-dl dt, .c-table-dl dd {
  font-size: 1.4rem;
}
.c-table-dl dt {
  padding: 10px;
  width: 30%;
  border-bottom: 1px solid #ccc;
}
.c-table-dl dd {
  width: 70%;
  border-left: 1px solid #ccc;
}
.c-table-dl li {
  padding: 5px 10px;
  display: block;
  border-bottom: 1px solid #ccc;
}
.c-table-dl .top-th {
  border-top: 1px solid #ccc;
  background: #eee;
}
.c-table-dl .top-th dd {
  padding: 10px;
  border-bottom: 1px solid #ccc;
}

/*
------------------------------------------------------------*/
.c-priceTable {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .c-priceTable {
    flex-wrap: wrap;
  }
}
.c-priceTable__item {
  width: 31.5%;
  position: relative;
  border: 1px solid #ddd;
  box-sizing: border-box;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .c-priceTable__item {
    width: 100%;
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .c-priceTable__item:first-child {
    margin-top: 0;
  }
}
.c-priceTable__tag {
  padding: 3px 30px 4px;
  background: #2A82D6;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 500;
  font-family: NotoSansCJKjp, sans-serif;
  position: absolute;
  right: -28px;
  top: 16px;
  transform: rotate(45deg);
}
@media screen and (max-width: 767px) {
  .c-priceTable__tag {
    font-size: 1.1rem;
  }
}
.c-priceTable__title {
  padding: 50px 40px 0;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .c-priceTable__title {
    padding: 40px 30px 0;
  }
}
.c-priceTable__sub {
  font-size: 1.6rem;
  font-family: "Josefin Sans", sans-serif;
  color: #34BDFF;
}
@media screen and (max-width: 767px) {
  .c-priceTable__sub {
    font-size: 1.4rem;
  }
}
.c-priceTable__main {
  font-size: 2.4rem;
  font-weight: bold;
  font-family: NotoSansCJKjp, sans-serif;
  margin-top: 4px;
  padding-bottom: 10px;
  border-bottom: 1px solid #2A82D6;
}
@media screen and (max-width: 767px) {
  .c-priceTable__main {
    font-size: 2rem;
    padding-bottom: 7px;
  }
}
.c-priceTable__price {
  margin-top: 20px;
  text-align: center;
  height: 150px;
}
@media screen and (max-width: 767px) {
  .c-priceTable__price {
    padding: 0 30px;
    height: auto;
  }
}
.c-priceTable__price .c-btn1 {
  width: 240px;
  margin: 20px auto 0;
}
@media screen and (max-width: 767px) {
  .c-priceTable__price .c-btn1 {
    width: 100%;
  }
}
.c-priceTable__price .c-btn1 a:before {
  content: none;
}
.c-priceTable__text {
  font-size: 1.6rem;
  font-weight: 500;
  font-family: NotoSansCJKjp, sans-serif;
  margin-top: 10px;
  line-height: 1;
}
.c-priceTable__text .num {
  font-size: 4rem;
  font-family: "Josefin Sans", sans-serif;
  font-weight: bold;
  padding: 0 7px;
}
.c-priceTable__text .num.blue {
  color: #2A82D6;
}
.c-priceTable__text .small {
  font-size: 1rem;
}
.c-priceTable__text .bold {
  font-weight: bold;
}
.c-priceTable__text2 {
  color: #A8B3BE;
  font-size: 1.2rem;
  font-weight: 500;
  font-family: NotoSansCJKjp, sans-serif;
  margin-top: 5px;
}
.c-priceTable__text2 .num {
  font-size: 2rem;
  font-family: "Josefin Sans", sans-serif;
  font-weight: bold;
  margin-top: 5px;
}
.c-priceTable__text3 {
  font-size: 2.2rem;
  font-weight: bold;
  font-family: NotoSansCJKjp, sans-serif;
}
@media screen and (max-width: 767px) {
  .c-priceTable__text3 {
    font-size: 1.6rem;
  }
}
.c-priceTable__textBox {
  background: #34BDFF;
  padding: 12px;
  text-align: center;
  color: #fff;
  font-weight: 500;
  font-size: 1.4rem;
  font-family: NotoSansCJKjp, sans-serif;
}
.c-priceTable__textBox--blue {
  background: #2A82D6;
}
.c-priceTable__icon {
  text-align: center;
  margin-top: 14px;
}
.c-priceTable__info {
  padding: 20px;
  background: #F7FBFF;
  margin-top: 20px;
  height: 250px;
}
@media screen and (max-width: 767px) {
  .c-priceTable__info {
    margin-top: 30px;
    height: auto;
  }
}
.c-priceTable__info__title {
  font-size: 1.4rem;
  font-weight: 500;
  font-family: NotoSansCJKjp, sans-serif;
}
.c-priceTable__info__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.c-priceTable__info__list__item {
  margin-top: 10px;
  width: 49%;
  color: #949CA3;
  font-size: 1.4rem;
  font-weight: 500;
  font-family: NotoSansCJKjp, sans-serif;
}
.c-priceTable__info__item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 20px;
  font-size: 1.4rem;
  font-weight: 500;
  font-family: NotoSansCJKjp, sans-serif;
}
.c-priceTable__info__item:first-child {
  margin-top: 0;
}
.c-priceTable__info__item dt {
  color: #949CA3;
  width: 47%;
}
.c-priceTable__info__item dd {
  width: 53%;
}
.c-priceTable__info__item .w100 {
  width: 100%;
}
.c-priceTable__info__note {
  color: #949CA3;
  font-size: 1.2rem;
  font-weight: 500;
  font-family: NotoSansCJKjp, sans-serif;
}
.c-priceTable__info.bottom {
  position: absolute;
  bottom: 0;
}
@media screen and (max-width: 767px) {
  .c-priceTable__info.bottom {
    position: static;
    bottom: inherit;
  }
}
.c-priceTable__optionList {
  margin-top: 10px;
  margin-bottom: 30px;
  padding: 0 20px;
}
.c-priceTable__optionList__item {
  margin-top: 14px;
  padding-bottom: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  font-family: NotoSansCJKjp, sans-serif;
  border-bottom: 1px solid #ddd;
}
.c-priceTable__optionList__item .note {
  font-size: 1.1rem;
}
.c-priceTable .c-priceTable__item--pickup {
  border: 4px solid #2A82D6;
}
.c-priceTable .c-priceTable__item--pickup .c-priceTable__sub {
  color: #2A82D6;
}

/*
------------------------------------------------------------*/
.c-priceTable02 {
  font-family: "Noto Sans JP", sans-serif;
}
.c-priceTable02__list {
  display: flex;
  justify-content: end;
}
.c-priceTable02__item {
  padding: 40px 20px;
  width: 20%;
  border-top: 1px solid #D9D9D9;
  border-left: 1px solid #D9D9D9;
  position: relative;
  overflow: hidden;
}
.c-priceTable02__item:last-child {
  border-right: 1px solid #D9D9D9;
}
.c-priceTable02__item--pickup {
  border: 3px solid #4492dc;
}
.c-priceTable02__item--pickup .c-priceTable02__sub,
.c-priceTable02__item--pickup .c-priceTable02__price .big {
  color: #2A82D6;
}
.c-priceTable02__item--pickup02 {
  border-top: 3px solid #4492dc;
  border-left: 3px solid #4492dc;
  border-right: 3px solid #4492dc;
}
.c-priceTable02__item--pickup02 .c-priceTable02__sub,
.c-priceTable02__item--pickup02 .c-priceTable02__price .big {
  color: #2A82D6;
}
.c-priceTable02__tag {
  padding: 1px 20px;
  background: #2A82D6;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.44;
  position: absolute;
  right: -23px;
  top: 12px;
  transform: rotate(45deg);
}
.c-priceTable02__title {
  padding-bottom: 10px;
  border-bottom: 1px solid #2A82D6;
  text-align: center;
}
.c-priceTable02__sub {
  font-size: 1.6rem;
  font-weight: 700;
  font-family: "Josefin Sans", sans-serif;
  color: #34BDFF;
}
@media screen and (max-width: 767px) {
  .c-priceTable02__sub {
    font-size: 1.4rem;
  }
}
.c-priceTable02__main {
  margin-top: 10px;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.3;
}
.c-priceTable02__info {
  margin-top: 15px;
  text-align: center;
}
.c-priceTable02__info--center {
  margin-top: 60px;
}
.c-priceTable02__label {
  margin-top: 10px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.44;
}
.c-priceTable02__price {
  margin-bottom: 10px;
  font-size: 1.6rem;
  font-weight: 500;
}
.c-priceTable02__price .big {
  margin-right: 3px;
  font-size: 3rem;
  font-weight: 600;
  font-family: "Josefin Sans", sans-serif;
}
.c-priceTable02__note {
  margin-top: 10px;
  font-size: 1.2rem;
  font-weight: 500;
  color: #A8B3BE;
  line-height: 1.44;
}
.c-priceTable02__note .big {
  margin: 0 2px;
  font-size: 2rem;
  font-weight: 600;
  font-family: "Josefin Sans", sans-serif;
}
.c-priceTable02__note02 {
  display: block;
  margin-top: 10px;
  width: 100%;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.44;
  color: #A8B3BE;
}
.c-priceTable02__text {
  margin-bottom: 15px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.44;
}
.c-priceTable02 .c-btn1 {
  width: 100%;
  font-weight: 500;
  margin: 0;
}
.c-priceTable02 .c-btn1 a {
  padding: 15px;
  font-size: 1.4rem;
  height: auto;
}
.c-priceTable02 .c-btn1 a:before {
  content: none;
}
.c-priceTable02__table {
  width: 100%;
  font-family: "Noto Sans JP", sans-serif;
  text-align: center;
}
.c-priceTable02__row, .c-priceTable02__even {
  display: flex;
}
.c-priceTable02__row {
  background: #F7FBFF;
}
.c-priceTable02__row:first-child .c-priceTable02__term,
.c-priceTable02__row:first-child .c-priceTable02__desc {
  border-top: 1px solid #D9D9D9;
}
.c-priceTable02__row:last-child .c-priceTable02__desc--pickup {
  border-bottom: 3px solid #2A82D6;
}
.c-priceTable02__even:nth-child(even) {
  background: #FAFAFA;
}
.c-priceTable02__even:last-child {
  border-bottom: 1px solid #D9D9D9;
}
.c-priceTable02__term, .c-priceTable02__desc {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 10px 5px;
  width: 20%;
  font-size: 1.8rem;
  line-height: 1.47;
  border-bottom: 1px solid #D9D9D9;
  border-left: 1px solid #D9D9D9;
}
.c-priceTable02__term {
  font-weight: 700;
}
.c-priceTable02__desc:last-child {
  border-right: 1px solid #D9D9D9;
}
.c-priceTable02__desc img {
  display: block;
  margin: 0 auto;
}
.c-priceTable02__desc.u-textArea {
  padding: 20px;
  align-items: start;
  justify-content: inherit;
  text-align: left;
}
.c-priceTable02__desc--pickup {
  border-left: 3px solid #2A82D6;
  border-right: 3px solid #2A82D6;
}
.c-priceTable02__tagWrap {
  text-align: left;
  padding-top: 12px;
  position: relative;
}
.c-priceTable02__new {
  width: 100%;
  font-family: "Josefin Sans", sans-serif;
  font-size: 1.2rem;
  line-height: 1;
  color: #F39800;
  position: absolute;
  top: 0;
  left: 0;
}

/*
------------------------------------------------------------*/
.c-table4 {
  display: flex;
}
@media screen and (max-width: 767px) {
  .c-table4 {
    flex-wrap: wrap;
  }
}
.c-table4__col {
  width: 33.3333333333%;
}
@media screen and (max-width: 767px) {
  .c-table4__col {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
}
.c-table4__head, .c-table4__cont {
  padding: 20px;
  font-size: 1.6rem;
  font-family: NotoSansCJKjp, sans-serif;
  border: 1px solid #ddd;
}
@media screen and (max-width: 767px) {
  .c-table4__head, .c-table4__cont {
    padding: 10px;
    font-size: 1.4rem;
  }
}
.c-table4__head {
  background: #EEE;
}
@media screen and (max-width: 767px) {
  .c-table4__head {
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .c-table4__cont {
    width: 33.3333333333%;
  }
}
.c-table4__cont.right {
  text-align: right;
}
.c-table4--unique .c-table4__col {
  width: 14%;
}
.c-table4--unique .c-table4__col:nth-of-type(6) {
  width: 30%;
}
@media screen and (max-width: 767px) {
  .c-table4--unique .c-table4__col:nth-of-type(6) {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .c-table4--unique .c-table4__col {
    width: 100%;
  }
}
.c-table4--unique .c-table4__head {
  padding: 20px;
}
@media screen and (max-width: 767px) {
  .c-table4--unique .c-table4__head {
    width: 100%;
    padding: 10px;
  }
}
.c-table4--unique .c-table4__cont {
  height: 88px;
}
@media screen and (max-width: 767px) {
  .c-table4--unique .c-table4__cont {
    width: 50%;
    height: auto;
  }
}

/*------------------------------------------------------------
line
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
/*------------------------------------------------------------
video
------------------------------------------------------------*/
/* c-video
------------------------------------------------------------*/
.c-video1 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 100px;
}
.c-video1__inner {
  position: relative;
  width: 100%;
  padding-top: 45%;
}
.c-video1__inner iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .c-video1__inner {
    width: 100%;
    padding-top: 56.25%;
  }
}

/*------------------------------------------------------------
video
------------------------------------------------------------*/
/* slider
------------------------------------------------------------*/
.slider .slick-slider, .slider2 .slick-slider {
  position: relative;
}
.slider .slick-list, .slider2 .slick-list {
  padding: 0 0 !important;
  margin: 0 20px;
}
@media screen and (max-width: 767px) {
  .slider .slick-list, .slider2 .slick-list {
    margin: 0;
  }
}
.slider .slick-list .slick-slide, .slider2 .slick-list .slick-slide {
  margin: 0 4px !important;
  height: auto !important;
  width: 340px;
}
.slider .slick-track, .slider2 .slick-track {
  display: flex;
}
.slider .slick-arrow, .slider2 .slick-arrow {
  position: absolute;
  z-index: 1;
  top: 54%;
  margin-top: -17.5px;
  cursor: pointer;
  transform: rotate(-180deg);
}
@media screen and (max-width: 767px) {
  .slider .slick-arrow, .slider2 .slick-arrow {
    top: 30%;
  }
}
.slider .left-arrow, .slider2 .left-arrow {
  right: 0;
}
@media screen and (max-width: 767px) {
  .slider .left-arrow, .slider2 .left-arrow {
    right: -4%;
  }
}
.slider .right-arrow, .slider2 .right-arrow {
  left: 0;
}
@media screen and (max-width: 767px) {
  .slider .right-arrow, .slider2 .right-arrow {
    left: -4%;
  }
}

/* scrollUp
------------------------------------------------------------*/
.l-scrollUp {
  transform: translateY(100px);
  opacity: 0;
}

/*
------------------------------------------------------------*/
.c-slide3 {
  padding: 0 83.5px;
}
@media screen and (max-width: 767px) {
  .c-slide3 {
    padding: 0 24px;
  }
}
.c-slide3__nav {
  padding: 0 30px 0 24px;
}
@media screen and (max-width: 767px) {
  .c-slide3__nav {
    padding: 0;
  }
}
.c-slide3__navItem {
  background: #fff;
  border: 1px solid #0082D6;
  border-radius: 5px;
  box-sizing: border-box;
  margin: 0 5px;
  padding: 7px;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .c-slide3__navItem {
    margin: 0 2px;
    padding: 5px 0;
  }
}
.c-slide3__navItem.is-active {
  background: #0082D6;
}
.c-slide3__navItem.is-active .c-slide3__txt {
  color: #fff;
}
.c-slide3__txt {
  text-align: center;
  font-size: 1.8rem;
  line-height: 1;
  color: #0082D6;
}
@media screen and (max-width: 767px) {
  .c-slide3__txt {
    font-size: 1rem;
  }
}
.c-slide3__main {
  margin: 13px 0 0;
  background: #fff;
  border: 1px solid #BBBBBB;
}
.c-slide3__main .slick-track {
  display: flex;
}
.c-slide3__mainItem {
  padding: 19px 20px 43px;
  height: auto !important;
}
@media screen and (max-width: 767px) {
  .c-slide3__mainItem {
    padding: 15px 10px 20px;
  }
}
.c-slide3__number {
  text-align: center;
  font-size: 2.6rem;
  line-height: 1.5;
  color: #0082D6;
}
@media screen and (max-width: 767px) {
  .c-slide3__number {
    font-size: 2rem;
  }
}
.c-slide3__ttl {
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.8;
  color: #4C4C4C;
  margin: 2px 0 0;
}
@media screen and (max-width: 767px) {
  .c-slide3__ttl {
    font-size: 1.4rem;
    line-height: 1.6;
  }
}
.c-slide3__img {
  text-align: center;
  margin: 19px 0 0;
}
.c-slide3__img img {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
.c-slide3 .prev, .c-slide3 .next {
  width: 30px;
  height: 58px;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 2;
  margin: -14px 0 0;
}
@media screen and (max-width: 767px) {
  .c-slide3 .prev, .c-slide3 .next {
    width: 16px;
    height: 26px;
  }
}
.c-slide3 .prev {
  background: url("/assets/image/common/icon-prev.svg") no-repeat center;
  background-size: cover;
  left: -52px;
}
@media screen and (max-width: 767px) {
  .c-slide3 .prev {
    left: -25px;
  }
}
.c-slide3 .next {
  background: url("/assets/image/common/icon-next.svg") no-repeat center;
  background-size: cover;
  right: -50px;
}
@media screen and (max-width: 767px) {
  .c-slide3 .next {
    right: -25px;
  }
}

/*------------------------------------------------------------
other
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
/* c-search
------------------------------------------------------------*/
.c-search {
  position: relative;
  border-bottom: 1px solid #ddd;
  display: flex;
  align-items: center;
  margin-right: 40px;
  padding-bottom: 5px;
  width: 200px;
  height: 32px;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .c-search {
    display: none;
  }
}
.c-search button {
  width: 25px;
  height: 20px;
  background: transparent;
  border: 0;
  position: absolute;
  right: 0;
  top: 4px;
  cursor: pointer;
}
.c-search button:after {
  content: "";
  position: absolute;
  background: url(../image/common/icon-search.png) no-repeat;
  height: 20px;
  width: 20px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.c-search input {
  border: 0;
  font-size: 1.4rem;
  color: #111;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
}
.c-search input::placeholder {
  color: #ddd;
}
.c-search__box {
  width: 100%;
  border: 0 !important;
}

/* c-ticker
------------------------------------------------------------*/
.l-ticker {
  border-bottom: 1px solid #ddd;
  background: #f8f8f8;
}

.c-ticker {
  width: 1080px;
  margin: 0 auto;
  line-height: 1;
  position: relative;
  padding: 10px 0;
}
@media screen and (max-width: 767px) {
  .c-ticker {
    width: auto;
    padding: 10px 0;
  }
}
.c-ticker li {
  font-size: 1.4rem;
  color: #333;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
  line-height: 1.6;
}
.c-ticker li a {
  display: flex;
  font-size: 1.8rem;
  color: #333;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
  text-decoration: none;
}
.c-ticker li a p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 767px) {
  .c-ticker li {
    margin-top: 10px;
  }
  .c-ticker li a {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .c-ticker li {
    font-size: 1.2rem;
  }
}
.c-ticker__slide {
  width: 90%;
}
@media screen and (max-width: 767px) {
  .c-ticker__slide {
    width: 100%;
  }
}
.c-ticker__slide p {
  width: 90%;
  margin-left: 10px;
}
@media screen and (max-width: 767px) {
  .c-ticker__slide p {
    width: 70%;
  }
}
.c-ticker .slick-arrow {
  position: absolute;
  z-index: 1;
  top: 5px;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .c-ticker .slick-arrow {
    top: -20px;
  }
}
.c-ticker .left-ticker {
  right: -20px;
  transform: rotate(180deg);
}
@media screen and (max-width: 767px) {
  .c-ticker .left-ticker {
    right: 50px;
  }
}
@media screen and (max-width: 480px) {
  .c-ticker .left-ticker {
    right: 30px;
  }
}
.c-ticker .right-ticker {
  right: -50px;
}
@media screen and (max-width: 767px) {
  .c-ticker .right-ticker {
    right: 0;
  }
}
.c-ticker__news {
  float: left;
  font-size: 1.8rem;
  color: #0082d6;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
  padding-right: 10px;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .c-ticker__news {
    float: none;
    display: inline-block;
    color: #0082d6;
    text-transform: uppercase;
    color: #0082d6;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .c-ticker__news {
    font-size: 1.4rem;
  }
}
.c-ticker-tag {
  padding: 5px 10px 3px;
  display: inline-block;
  font-size: 1.3rem;
  color: #fff;
  line-height: 1.4;
  cursor: pointer;
}
.c-ticker__more {
  line-height: 1;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .c-ticker__more {
    right: 90px;
    top: 26%;
  }
}
@media screen and (max-width: 480px) {
  .c-ticker__more {
    right: 60px;
  }
}
.c-ticker__more a {
  font-size: 1.4rem;
  color: #0082d6;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .c-ticker__more a {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .c-ticker__more a {
    font-size: 1.4rem;
  }
}

/* c-mv
------------------------------------------------------------*/
.c-mv {
  position: relative;
  width: 100%;
  min-width: 1080px;
  min-height: 450px;
  max-height: 570px;
  height: 570px;
  overflow: hidden;
}
.c-mv__skew {
  position: absolute;
  width: 60%;
  height: 570px;
  overflow: hidden;
}
.c-mv__skew:hover .c-mv__btn:before {
  left: auto;
  right: 0;
  width: 100%;
  transition: all 0.3s ease;
  background: #0082d6;
}
.c-mv__skew:hover .c-mv__btn:after {
  top: auto;
  bottom: 0;
  height: 100%;
  transition: all 0.3s ease;
  background: #0082d6;
}
.c-mv__skew:hover .c-mv__btn span:before {
  width: 100%;
  transition: all 0.3s ease;
  background: #0082d6;
  right: auto;
  left: 0;
}
.c-mv__skew:hover .c-mv__btn span:after {
  bottom: auto;
  top: 0;
  height: 100%;
  transition: all 0.3s ease;
  background: #0082d6;
}
.c-mv__skew:hover .c-mv__btn i {
  border-top: 2px solid #0082d6;
  border-right: 2px solid #0082d6;
}
.c-mv__unskew {
  position: relative;
  width: 100%;
  height: 100%;
}
.c-mv a {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.c-mv a:hover {
  opacity: 1;
}
.c-mv__txt {
  position: absolute;
  width: 70%;
  max-width: 550px;
}
.c-mv__txt h2 {
  margin-bottom: 10px;
  font-size: 2.6rem;
  color: #000;
  font-weight: bold;
  font-family: NotoSansCJKjp, sans-serif;
}
@media screen and (max-width: 767px) {
  .c-mv__txt h2 {
    font-size: 2.26rem !important;
  }
}
@media screen and (max-width: 480px) {
  .c-mv__txt h2 {
    font-size: 1.7rem !important;
  }
}
.c-mv__txt p {
  font-size: 1.6rem;
  color: #000;
  font-weight: normal;
  font-family: NotoSansCJKjp, sans-serif;
}
@media screen and (max-width: 767px) {
  .c-mv__txt p {
    font-size: 1.46rem !important;
  }
}
@media screen and (max-width: 480px) {
  .c-mv__txt p {
    font-size: 1.2rem !important;
  }
}
.c-mv__btn {
  position: absolute;
  top: 50%;
  width: 80px;
  height: 80px;
  transform: translateY(-50%);
  background-color: #fff;
}
.c-mv__btn:after {
  top: 0;
  right: 0;
  content: "";
  height: 0;
  background: #0082d6;
  width: 2px;
  display: block;
  position: absolute;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .c-mv__btn:after {
    content: none;
  }
}
@media screen and (max-width: 767px) {
  .c-mv__btn {
    height: 48px !important;
    width: 48px !important;
  }
}
.c-mv__btn:before {
  top: 0;
  left: 0;
  content: "";
  height: 2px;
  background: #0082d6;
  width: 0;
  display: block;
  position: absolute;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .c-mv__btn:before {
    content: none;
  }
}
.c-mv__btn span:before {
  content: "";
  height: 2px;
  width: 0;
  display: block;
  position: absolute;
  bottom: 0;
  background: #0082d6;
  transition: all 0.3s ease;
  right: 0;
}
@media screen and (max-width: 767px) {
  .c-mv__btn span:before {
    content: none;
  }
}
.c-mv__btn span:after {
  content: "";
  height: 0;
  width: 2px;
  display: block;
  position: absolute;
  border-top-color: 0;
  left: 0;
  background: #0082d6;
  transition: all 0.3s ease;
  bottom: 0;
}
@media screen and (max-width: 767px) {
  .c-mv__btn span:after {
    content: none;
  }
}
.c-mv__btn i {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 15px;
  height: 15px;
  border-top: 2px solid #0082d6;
  border-right: 2px solid #0082d6;
  transform: translate(-30%) rotate(45deg);
}
@media screen and (max-width: 767px) {
  .c-mv__btn i {
    width: 12px !important;
    height: 12px !important;
  }
}
.c-mv .c-mv-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.c-mv .c-mv01 {
  top: 0;
  right: 47%;
  height: 100%;
  max-height: 700px;
  transform: skewX(-5deg);
  z-index: 4;
}
.c-mv .c-mv01:after {
  position: absolute;
  content: "";
  background: url(../image/index/bgitem01.png) no-repeat;
  top: 0;
  width: 840px;
  height: 245px;
}
@media screen and (max-width: 767px) {
  .c-mv .c-mv01:after {
    background-size: 50%;
  }
}
.c-mv .c-mv01:before {
  position: absolute;
  content: "";
  background: url(../image/index/bgitem02.png) no-repeat;
  bottom: 0;
  width: 1018px;
  height: 107px;
  z-index: 1;
  right: -10px;
}
@media screen and (max-width: 767px) {
  .c-mv .c-mv01:before {
    content: none;
  }
}
.c-mv .c-mv01 .c-mv__unskew {
  width: 105%;
  transform: skewX(5deg);
}
.c-mv .c-mv01 .c-mv__txt {
  left: 17%;
  bottom: 8%;
  color: #000;
  max-width: 600px;
}
.c-mv .c-mv01 .c-mv__btn {
  right: 10%;
}
.c-mv .c-mv01 .c-mv__btn i {
  width: 20px;
  height: 20px;
}
.c-mv .c-mv01 .c-mv-bg {
  width: 105%;
  background: url(../image/index/mv-bg01.jpg) right center no-repeat;
  background-size: cover;
  transform: skewX(5deg);
}
@media screen and (max-width: 767px) {
  .c-mv .c-mv01 .c-mv-bg {
    background: url(../image/index/bg-index01SP.png) right top no-repeat;
    background-size: cover;
  }
}
.c-mv .c-mv02 {
  top: 0;
  left: 50%;
  height: 75%;
  max-height: 500px;
}
@media screen and (max-width: 767px) {
  .c-mv .c-mv02 {
    height: auto;
  }
}
.c-mv .c-mv02:after {
  position: absolute;
  content: "";
  background: url(../image/index/bgitem03.png) no-repeat;
  top: 0;
  right: 0;
  width: 662px;
  height: 514px;
}
@media screen and (max-width: 767px) {
  .c-mv .c-mv02:after {
    content: none;
  }
}
.c-mv .c-mv02 .c-mv__txt {
  left: 9%;
  bottom: 30%;
  z-index: 1;
}
.c-mv .c-mv02 .c-mv__txt h2 {
  color: #fff;
}
.c-mv .c-mv02 .c-mv__txt p {
  color: #fff;
}
.c-mv .c-mv02 .c-mv__btn {
  top: 31%;
  right: 20%;
  width: 60px;
  height: 60px;
  z-index: 2;
}
.c-mv .c-mv02 .c-mv-bg {
  background: url(../image/index/mv-bg02.jpg) right no-repeat;
  background-size: cover;
  height: 500px;
}
@media screen and (max-width: 767px) {
  .c-mv .c-mv02 .c-mv-bg {
    background: url(../image/index/bg-index02sp.jpg) center top no-repeat;
    height: 100%;
    background-size: cover;
  }
  .c-mv .c-mv02 .c-mv-bg:after {
    position: absolute;
    content: "";
    background: url(../image/index/bgitem03sp.png) no-repeat;
    width: 174px;
    height: 487px;
    right: -5%;
    z-index: 0;
  }
}
.c-mv .c-mv03 {
  bottom: -7%;
  left: 50%;
  height: 50%;
  max-height: 300px;
  transform: skewY(-5deg);
  z-index: 3;
}
.c-mv .c-mv03 .c-mv__unskew {
  margin-top: -5%;
  height: 105%;
  transform: skewY(5deg);
}
.c-mv .c-mv03 .c-mv__txt {
  left: 9%;
  bottom: 17%;
}
.c-mv .c-mv03 .c-mv__btn {
  top: 42%;
  right: 20%;
  width: 60px;
  height: 60px;
}
.c-mv .c-mv03 .c-mv-bg {
  margin-top: -3%;
  background: url(../image/index/mv-bg03.jpg) center no-repeat;
  background-size: cover;
  transform: skewY(5deg);
}
@media screen and (max-width: 767px) {
  .c-mv .c-mv03 .c-mv-bg {
    background: url(../image/index/bg-index03SP.png) center bottom no-repeat;
    background-size: cover;
  }
}

@media screen and (max-width: 767px) {
  body {
    min-width: 100%;
  }
  .c-mv {
    min-width: 100%;
    height: auto !important;
  }
  .c-mv__skew {
    position: relative;
    width: 100%;
    height: auto;
    transform: skewY(-5deg);
  }
  .c-mv__unskew {
    transform: skewY(5deg);
  }
  .c-mv__txt {
    position: relative;
    width: 100%;
  }
  .c-mv .c-mv01 {
    right: 0;
    transform: skewY(0);
  }
  .c-mv .c-mv01 .c-mv__unskew {
    padding: 25% 6.25% 10%;
    width: 100%;
    transform: skewY(0);
  }
  .c-mv .c-mv01 .c-mv__txt {
    left: 0;
    right: 0;
  }
  .c-mv .c-mv01 .c-mv__btn {
    right: 5%;
    top: 30%;
  }
  .c-mv .c-mv02 {
    margin-top: -3%;
    left: 0;
    z-index: 5;
    transform: skewY(-5deg);
  }
  .c-mv .c-mv02 .c-mv__unskew {
    padding: 15% 6.25% 7%;
  }
  .c-mv .c-mv02 .c-mv__txt {
    left: 0;
    bottom: 0;
  }
  .c-mv .c-mv02 .c-mv__btn {
    top: 25%;
    right: 5%;
  }
  .c-mv .c-mv03 {
    margin-top: -7%;
    bottom: 0;
    left: 0;
    height: auto;
    transform: skewY(0);
  }
  .c-mv .c-mv03 .c-mv__unskew {
    padding: 20% 6.25% 5%;
    width: 100%;
    transform: skewY(0);
  }
  .c-mv .c-mv03 .c-mv__txt {
    left: 0;
    bottom: 0;
  }
  .c-mv .c-mv03 .c-mv__btn {
    top: 43%;
    right: 5%;
  }
  .c-mv .c-mv03 .c-mv-bg {
    margin-top: 0;
    transform: skewY(0);
  }
}
/* End c-mv
------------------------------------------------------------*/
/* c-info1
------------------------------------------------------------*/
.c-info1 h1,
.c-info1 h2,
.c-info1 h3,
.c-info1 h4,
.c-info1 h5,
.c-info1 h6 {
  font-size: 1.6rem;
  color: #333;
  font-weight: bold;
  font-family: NotoSansCJKjp, sans-serif;
  padding: 0 0 2px 16px;
  border-bottom: 1px solid #ddd;
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-info1 h1,
  .c-info1 h2,
  .c-info1 h3,
  .c-info1 h4,
  .c-info1 h5,
  .c-info1 h6 {
    font-size: 1.4rem;
    padding-left: 10px;
  }
}
.c-info1 h1:before,
.c-info1 h2:before,
.c-info1 h3:before,
.c-info1 h4:before,
.c-info1 h5:before,
.c-info1 h6:before {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #0082d6;
  left: 0;
  top: 13px;
}
@media screen and (max-width: 767px) {
  .c-info1 h1:before,
  .c-info1 h2:before,
  .c-info1 h3:before,
  .c-info1 h4:before,
  .c-info1 h5:before,
  .c-info1 h6:before {
    top: 10px;
  }
}
.c-info1 p {
  font-size: 1.6rem;
  color: #333;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
  padding-top: 12px;
}
@media screen and (max-width: 767px) {
  .c-info1 p {
    font-size: 1.4rem;
    padding-top: 7px;
  }
}

/* c-infopost
------------------------------------------------------------*/
.c-infopost {
  padding: 40px 30px 63px 30px;
}
@media screen and (max-width: 767px) {
  .c-infopost {
    padding: 20px 0 30px;
  }
}
.c-infopost span {
  font-size: 1.4rem;
  color: #333;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
  margin-right: 20px;
}
@media screen and (max-width: 767px) {
  .c-infopost span {
    font-size: 1.6rem;
  }
}
.c-infopost__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.c-infopost__date {
  font-size: 1.4rem;
  color: #333;
  font-family: "ヒラギノ角ゴ Pro";
  margin-right: 20px;
}
@media screen and (max-width: 767px) {
  .c-infopost__date {
    font-size: 1.6rem;
    margin-right: 10px;
  }
}
.c-infopost__tag {
  font-size: 1.4rem;
  color: #fff;
  width: 75px;
  display: flex;
  height: 26px;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .c-infopost__tag {
    font-size: 1.6rem;
    padding: 5px;
    width: 120px;
    height: 40px;
  }
}
@media screen and (max-width: 480px) {
  .c-infopost__tag {
    font-size: 1.2rem;
    line-height: 1;
    width: auto;
    min-width: 60px;
    height: auto;
  }
}
.c-infopost label {
  font-size: 1.4rem;
  color: #fff;
  background-color: #0082d6;
}
.c-infopost h1,
.c-infopost h2,
.c-infopost h3,
.c-infopost h4,
.c-infopost h5,
.c-infopost h6 {
  font-size: 2rem;
  color: #0082d6;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
  border-bottom: 1px solid #ddd;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .c-infopost h1,
  .c-infopost h2,
  .c-infopost h3,
  .c-infopost h4,
  .c-infopost h5,
  .c-infopost h6 {
    font-size: 2.4rem;
    padding: 15px 0;
  }
}
@media screen and (max-width: 480px) {
  .c-infopost h1,
  .c-infopost h2,
  .c-infopost h3,
  .c-infopost h4,
  .c-infopost h5,
  .c-infopost h6 {
    font-size: 1.8rem;
    padding: 5px 0;
  }
}
.c-infopost p {
  padding-top: 39px;
  font-size: 1.6rem;
  color: #333;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
}
@media screen and (max-width: 767px) {
  .c-infopost p {
    padding-top: 20px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .c-infopost p {
    padding-top: 10px;
    font-size: 1.4rem;
  }
}

.c-tag--bg1 {
  background-color: #0082d6;
}

.c-tag--bg2 {
  background-color: #30bdff !important;
}

/* c-info2
------------------------------------------------------------*/
.c-info2 h1 {
  font-size: 2.2rem;
  color: #333;
  font-weight: normal;
  font-family: NotoSansCJKjp, sans-serif;
  padding-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .c-info2 h1 {
    font-size: 2.4rem;
    padding-left: 30px;
  }
}
@media screen and (max-width: 480px) {
  .c-info2 h1 {
    font-size: 1.8rem;
    padding-left: 15px;
  }
}
.c-info2 ul {
  display: inline-flex;
  border: 1px solid #ddd;
  border-right: 0;
}
@media screen and (max-width: 767px) {
  .c-info2 ul {
    display: block;
  }
}
.c-info2 li {
  border-right: 1px solid #ddd;
  line-height: 1;
  font-size: 1.4rem;
  color: #333;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
}
@media screen and (max-width: 767px) {
  .c-info2 li {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .c-info2 li {
    font-size: 1.4rem;
  }
}
.c-info2 li:nth-child(odd) {
  padding: 10px 15px;
  background-color: #eee;
}
@media screen and (max-width: 767px) {
  .c-info2 li:nth-child(odd) {
    padding: 20px 30px;
  }
}
@media screen and (max-width: 480px) {
  .c-info2 li:nth-child(odd) {
    padding: 10px 15px;
  }
}
.c-info2 li:nth-child(even) {
  padding: 10px 30px;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .c-info2 li:nth-child(even) {
    padding: 20px 30px;
  }
}
@media screen and (max-width: 480px) {
  .c-info2 li:nth-child(even) {
    padding: 10px 15px;
  }
}

/* c-post
------------------------------------------------------------*/
.c-post {
  text-align: center;
}
.c-post__list {
  text-align: left;
  background-color: #fff;
  position: relative;
  width: 900px;
  margin: 0 auto;
  padding: 90px 60px 44px;
  box-shadow: 0px -1px 10px 3px rgba(51, 51, 51, 0.07);
}
@media screen and (max-width: 767px) {
  .c-post__list {
    width: auto;
    padding: 85px 30px 30px;
  }
}
@media screen and (max-width: 480px) {
  .c-post__list {
    padding: 65px 15px 15px;
  }
}
.c-post__list:before {
  content: "";
  position: absolute;
  border-right: 13px solid transparent;
  border-left: 13px solid transparent;
  border-bottom: 18px solid #0082d6;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.c-post .c-title1 {
  border-bottom: 1px solid #bbb;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
@media screen and (max-width: 480px) {
  .c-post .c-title1 {
    margin-bottom: 10px;
  }
}
.c-post ul {
  padding-left: 80px;
  padding-top: 3px;
}
@media screen and (max-width: 767px) {
  .c-post ul {
    padding-left: 0;
    padding-top: 0;
  }
}
.c-post li {
  text-align: left;
  padding-left: 47px;
  font-size: 1.8rem;
  color: #333;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
  position: relative;
  padding: 14px 0 14px 47px;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .c-post li {
    padding: 8px 0 8px 30px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .c-post li {
    font-size: 1.4rem;
    padding: 5px 0 5px 30px;
  }
}
.c-post li:before {
  position: absolute;
  content: "";
  background: url(../image/component/listpost-icon.png) no-repeat;
  background-size: 27px 27px;
  width: 27px;
  height: 27px;
  top: 14px;
  left: 0;
}
@media screen and (max-width: 767px) {
  .c-post li:before {
    top: 12px;
    background-size: 100%;
    height: 20px;
    width: 20px;
  }
}
@media screen and (max-width: 480px) {
  .c-post li:before {
    top: 5px;
  }
}
.c-post h3 {
  margin-top: -30px;
  background-color: #0082d6;
  font-size: 2.8rem;
  color: #fff;
  font-weight: normal;
  font-family: NotoSansCJKjp, sans-serif;
  padding: 55px 20px 20px;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .c-post h3 {
    font-size: 2.4rem;
    padding-bottom: 10px;
    margin: -30px -5% 0;
    padding: 60px 30px 30px;
  }
}
@media screen and (max-width: 480px) {
  .c-post h3 {
    font-size: 1.8rem;
    padding: 30px 15px 20px;
    margin-top: -15px;
  }
}

/* c-flow
------------------------------------------------------------*/
.c-flow {
  padding: 30px 40px 30px 100px;
  border: 1px solid #ddd;
  margin-top: 40px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-flow {
    padding: 40px 30px 40px 70px;
    margin-top: 0;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .c-flow {
    padding: 15px 15px 15px 55px;
  }
}
.c-flow:not(:last-child):after {
  content: "";
  position: absolute;
  background: url(../image/common/icon-flow.png) no-repeat;
  width: 44px;
  height: 27px;
  left: 50%;
  transform: translateX(-50%);
  bottom: -35px;
}
@media screen and (max-width: 767px) {
  .c-flow:not(:last-child):after {
    bottom: -35px;
    background-size: 70%;
    transform: translateX(-40%);
  }
}
.c-flow:before {
  position: absolute;
  left: 40px;
  font-size: 2.6rem;
  color: #333;
  font-weight: normal;
  font-family: NotoSansCJKjp, sans-serif;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .c-flow:before {
    left: 20px;
  }
}
@media screen and (max-width: 480px) {
  .c-flow:before {
    left: 15px;
  }
}
.c-flow h3 {
  font-size: 2.4rem;
  color: #0082d6;
  font-weight: normal;
  font-family: NotoSansCJKjp, sans-serif;
  line-height: 1;
}
@media screen and (max-width: 480px) {
  .c-flow h3 {
    font-size: 1.8rem;
  }
}
.c-flow h3 img {
  vertical-align: middle;
  margin: -3px 15px 0 0;
}
@media screen and (max-width: 480px) {
  .c-flow h3 img {
    width: 8%;
    margin: -3px 10px 0 0;
  }
}
.c-flow p {
  font-size: 1.6rem;
  color: #333;
  font-weight: normal;
  font-family: NotoSansCJKjp, sans-serif;
  padding: 5px 0;
}
@media screen and (max-width: 767px) {
  .c-flow p {
    padding: 15px 0;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .c-flow p {
    font-size: 1.4rem;
  }
}
.c-flow .c-btn1 {
  float: right;
  margin-top: -67px;
}
@media screen and (max-width: 767px) {
  .c-flow .c-btn1 {
    float: none;
    margin: 15px 0 0;
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .c-flow .c-btn1 {
    margin-top: 5px;
  }
}
.c-flow .c-btn1 a {
  height: 74px;
}
@media screen and (max-width: 480px) {
  .c-flow .c-btn1 a {
    height: 60px;
    font-size: 1.8rem;
  }
}
.c-flow--img {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .c-flow--img {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .c-flow--img:before {
    top: 40px;
  }
}
.c-flow__img {
  margin-left: 15px;
  width: 30%;
}
@media screen and (max-width: 767px) {
  .c-flow__img {
    margin-left: 0;
    width: auto;
  }
}
.c-flow__info {
  width: 67%;
}
@media screen and (max-width: 767px) {
  .c-flow__info {
    width: auto;
  }
}

/* before c-flow
------------------------------------------------------------*/
.c-flow:nth-child(1):before {
  content: "01";
}

.c-flow:nth-child(2):before {
  content: "02";
}

.c-flow:nth-child(3):before {
  content: "03";
}

.c-flow:nth-child(4):before {
  content: "04";
}

.c-flow:nth-child(5):before {
  content: "05";
}

.c-flow:nth-child(6):before {
  content: "06";
}

.c-flow:nth-child(7):before {
  content: "07";
}

/* c-flow2
------------------------------------------------------------*/
.c-flow2__item {
  padding: 40px;
  border: 1px solid #ddd;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-flow2__item {
    padding: 20px;
  }
}
.c-flow2__item:before, .c-flow2__item:after {
  content: "";
  border: solid transparent;
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 50%;
}
.c-flow2__item:before {
  border-color: rgba(30, 144, 255, 0);
  border-top-width: 17px;
  border-bottom-width: 20px;
  border-left-width: 12px;
  border-right-width: 12px;
  margin-left: -11px;
  border-top-color: #ddd;
}
.c-flow2__item:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-width: 15px;
  border-bottom-width: 21px;
  border-left-width: 10px;
  border-right-width: 10px;
  margin-left: -10px;
  border-top-color: #FFFFFF;
}
.c-flow2__item:last-child {
  margin-bottom: 0;
}
.c-flow2__item:last-child:before, .c-flow2__item:last-child:after {
  content: none;
}
.c-flow2__wrap {
  margin-left: 40px;
  padding-left: 40px;
  border-left: 1px solid #34BDFF;
}
@media screen and (max-width: 767px) {
  .c-flow2__wrap {
    border: none;
    margin: 0;
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .c-flow2__num {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 25px;
  }
}
.c-flow2__head {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .c-flow2__head {
    flex-wrap: wrap;
    margin-left: 40px;
  }
}
.c-flow2__tag {
  margin-left: 10px;
  padding: 1px 5px 2px 18px;
  font-size: 1.4rem;
  font-weight: 500;
  font-family: NotoSansCJKjp, sans-serif;
  color: #fff;
  background: #2A82D6;
  border-radius: 5px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-flow2__tag {
    margin-left: 0;
    margin-top: 5px;
    font-size: 1.2rem;
    /*padding: 1px 3px 2px 14px;*/
  }
}
.c-flow2__tag:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 4px;
  transform: translateY(-50%);
  width: 12px;
  height: 15px;
  background: url(../image/service/ledger_creation/icon-peaple.svg) center no-repeat;
  background-size: 12px 15px;
}
.c-flow2__tag--skyblue {
  background: #34BDFF;
}
.c-flow2__tag--skyblue:before {
  width: 11px;
  height: 15px;
  background: url(../image/service/ledger_creation/icon-company.svg) center no-repeat;
  background-size: 11px 15px;
}
.c-flow2__title {
  font-size: 1.8rem;
  font-weight: bold;
  font-family: NotoSansCJKjp, sans-serif;
  color: #2A82D6;
}
@media screen and (max-width: 767px) {
  .c-flow2__title {
    font-size: 1.6rem;
    margin-right: 10px;
  }
}
.c-flow2__text {
  margin-top: 15px;
  font-size: 1.6rem;
  font-family: NotoSansCJKjp, sans-serif;
  line-height: 2.1;
}
@media screen and (max-width: 767px) {
  .c-flow2__text {
    font-size: 1.4rem;
  }
}

/* c-faq
-------------------------------------------------------------------*/
.c-faq {
  margin: 10px 30px 0;
  cursor: pointer;
  border: 1px solid #ddd;
  transition: 0.3s all ease-out;
}
@media screen and (max-width: 767px) {
  .c-faq {
    margin: 10px 0 30px;
  }
}
@media screen and (max-width: 480px) {
  .c-faq {
    margin: 10px 0 15px;
  }
}
.c-faq.is-active {
  border: 1px solid #0082d6;
  transition: 0.3s all ease-out;
}
.c-faq.is-active span:before {
  transform: rotate(-90deg);
}
.c-faq p {
  font-size: 1.6rem;
  font-family: "ヒラギノ角ゴ Pro";
  line-height: 1.7;
  padding-top: 3px;
}
@media screen and (max-width: 767px) {
  .c-faq p {
    font-size: 1.8rem;
    width: 93%;
    padding-left: 5px;
  }
}
@media screen and (max-width: 480px) {
  .c-faq p {
    font-size: 1.4rem;
  }
}
.c-faq strong {
  font-size: 1.8rem;
  font-weight: bold;
  margin-right: 12px;
}
@media screen and (max-width: 767px) {
  .c-faq strong {
    font-size: 2rem;
    margin-right: 5px;
  }
}
@media screen and (max-width: 480px) {
  .c-faq strong {
    font-size: 2rem;
  }
}
.c-faq span {
  width: 20px;
  height: 2px;
  display: block;
  background-color: #0082d6;
  position: absolute;
  right: 29px;
  top: 50%;
  transform: translateY(-50deg);
}
@media screen and (max-width: 767px) {
  .c-faq span {
    right: 25px;
    width: 15px;
  }
}
@media screen and (max-width: 480px) {
  .c-faq span {
    right: 15px;
  }
}
.c-faq span:before {
  position: absolute;
  content: "";
  width: 2px;
  height: 20px;
  background-color: #0082d6;
  left: 50%;
  top: -9px;
  margin-left: -1px;
  transition: 0.3s all ease-out;
}
@media screen and (max-width: 767px) {
  .c-faq span:before {
    height: 15px;
    top: -6px;
    right: 7px;
  }
}
.c-faq__title {
  padding: 20px 60px 20px 30px;
  color: #0082d6;
  position: relative;
  display: flex;
  /*         @include sp {
    padding: 35px 60px 35px 30px;
  } */
}
@media screen and (max-width: 480px) {
  .c-faq__title {
    padding: 15px 40px 15px 15px;
  }
}
.c-faq__content {
  margin: 0 28px;
  padding: 20px 0;
  border-top: 1px solid #ddd;
  color: #333;
  display: flex;
}
@media screen and (max-width: 767px) {
  .c-faq__content {
    padding: 20px 30px;
    margin: 0;
  }
}
@media screen and (max-width: 480px) {
  .c-faq__content {
    padding: 15px 15px;
  }
}
.c-faq__content strong {
  color: #f39700;
}
.c-faq__content a {
  text-decoration: none;
  color: #0082d6;
}

/* c-voiceBlock1
------------------------------------------------------------*/
.c-voiceBlock1 {
  background: url(../image/common/dotted.png) left top repeat-x;
}
.c-voiceBlock1__content {
  display: flex;
  align-items: center;
  background: url(../image/common/dotted.png) left bottom repeat-x;
  padding: 25px 0;
}
@media screen and (max-width: 767px) {
  .c-voiceBlock1__content {
    display: block;
    padding: 15px 0;
  }
}
.c-voiceBlock1__img {
  padding-left: 40px;
  padding-right: 40px;
}
@media screen and (max-width: 767px) {
  .c-voiceBlock1__img {
    margin-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
  }
}
.c-voiceBlock1__text p {
  font-size: 1.6rem;
  line-height: 1.65;
}
@media screen and (max-width: 767px) {
  .c-voiceBlock1__text p {
    font-size: 1.4rem;
  }
}

.c-404 {
  margin: 80px 0;
}

.gsc-adBlock {
  display: none !important;
}

.c-popup_outer ul {
  display: flex;
  justify-content: center;
}
.c-popup_outer li {
  position: relative;
  margin-right: 4%;
  width: 31%;
  height: 200px;
  overflow: hidden;
  box-shadow: 0 0 20px 3px rgba(195, 195, 195, 0.7);
}
.c-popup_outer li:last-child, .c-popup_outer li:nth-of-type(3n + 3) {
  margin-right: 0;
}
@media screen and (max-width: 767px) {
  .c-popup_outer li {
    height: 100px;
  }
}
.c-popup_outer img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
}
.c-popup_outer.c-popup--margin {
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  .c-popup_outer.c-popup--margin {
    margin-top: 25px;
  }
}
.c-popup_outer .c-title1 {
  margin: 90px auto 25px;
}
@media screen and (max-width: 767px) {
  .c-popup_outer .c-title1 {
    margin: 70px auto 15px;
  }
  .c-popup_outer .c-title1:after {
    top: -35px;
  }
}

.no-scroll {
  overflow: hidden;
}

.c-popup {
  cursor: pointer;
  display: none;
  position: fixed;
  width: 100%;
  z-index: 10000000;
  height: 100%;
  text-align: center;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  overflow: auto;
}
.c-popup__box {
  width: 100%;
  cursor: pointer;
}
.c-popup__box img:hover {
  opacity: 0.8;
}
.c-popup__content {
  position: relative;
  display: inline-block;
  padding: 0 0 10px 10px;
  background: #fff;
  border-radius: 3px;
  z-index: 2;
  animation-name: example2;
  animation-duration: 0.3s;
}
.c-popup__photo {
  border-radius: 3px;
  padding-right: 10px;
  animation-name: example2;
  animation-duration: 0.3s;
  overflow: auto;
  max-height: calc(96vh - 40px);
  max-width: 95vw;
}
.c-popup__photo img {
  animation-name: example4;
  animation-duration: 0.4s;
}
@-webkit-keyframes example3 {
  0% {
    opacity: 0;
  }
  99% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.c-popup__off {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1;
}
.c-popup__close {
  position: relative;
  right: 5px;
  bottom: 0;
  width: 30px;
  height: 30px;
  opacity: 1;
  animation-name: example3;
  animation-duration: 0.4s;
  margin: 10px 5px 5px auto;
}
.c-popup__close:before, .c-popup__close:after {
  position: absolute;
  bottom: 10px;
  right: 0;
  content: "";
  width: 30px;
  height: 4px;
  background: rgba(0, 0, 0, 0.7);
}
.c-popup__close:before {
  transform: translateY(-50%) rotate(45deg);
}
.c-popup__close:after {
  transform: translateY(-50%) rotate(-45deg);
}

.c-popup-ttl {
  font-size: 2.5rem;
  font-weight: normal;
  text-align: center;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .c-popup-ttl {
    font-size: 2rem;
    margin-bottom: 10px;
  }
}

/*
------------------------------------------------------------*/
.c-box1 {
  width: 880px;
  margin: 0 auto;
  border: 1px solid #ccc;
  padding: 25px 30px;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .c-box1 {
    width: 100%;
    padding: 20px;
  }
}
.c-box1__title {
  padding: 0 0 23px 18px;
}
@media screen and (max-width: 767px) {
  .c-box1__title {
    padding: 0 0 20px;
  }
}
.c-box1__title h2 {
  font-size: 2.6rem;
  font-weight: normal;
  position: relative;
  padding-left: 33px;
}
@media screen and (max-width: 767px) {
  .c-box1__title h2 {
    font-size: 1.9rem;
  }
}
.c-box1__title h2:before {
  content: "";
  width: 20px;
  height: 20px;
  border: 1px solid;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

/*
------------------------------------------------------------*/
.c-box2 {
  margin: 0 auto;
  display: flex;
  border: 1px solid #ccc;
  padding: 30px 26px 24px 120px;
  margin-bottom: 20px;
  position: relative;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .c-box2 {
    width: 100%;
    padding: 20px 20px 20px 60px;
    margin-top: 0;
    margin-bottom: 30px;
    flex-wrap: wrap;
  }
}
.c-box2:before {
  position: absolute;
  left: 50px;
  font-size: 2.8rem;
  color: #333;
  font-weight: normal;
  font-family: NotoSansCJKjp, sans-serif;
  top: 55%;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .c-box2:before {
    left: 15px;
  }
}
.c-box2:nth-child(2):before {
  content: "01";
}
.c-box2:nth-child(3):before {
  content: "02";
}
.c-box2:nth-child(4):before {
  content: "03";
}
.c-box2__txt {
  width: 400px;
  padding-right: 10px;
  flex: 1 1 auto;
}
@media screen and (max-width: 767px) {
  .c-box2__txt {
    width: 100%;
  }
}
.c-box2__txt.active h3:after {
  content: "約3分で完了！";
  display: inline-block;
  font-size: 1.6rem;
  margin-left: 46px;
  background: gray;
  color: #fff;
  padding: 10px;
  position: absolute;
  top: 27px;
}
@media screen and (max-width: 767px) {
  .c-box2__txt.active h3:after {
    margin-left: 14px;
    padding: 5px;
    top: 9%;
    font-size: 1rem;
  }
}
.c-box2__txt h3 {
  font-size: 2.6rem;
  font-weight: normal;
  font-family: NotoSansCJKjp, sans-serif;
  line-height: 1;
  margin-bottom: 13px;
  color: #0082d6;
}
@media screen and (max-width: 767px) {
  .c-box2__txt h3 {
    font-size: 1.8rem;
    margin-bottom: 10px;
  }
}
.c-box2__txt p {
  font-size: 1.6rem;
  color: #333;
  font-weight: normal;
  font-family: NotoSansCJKjp, sans-serif;
  padding: 5px 0;
}
@media screen and (max-width: 767px) {
  .c-box2__txt p {
    font-size: 1.4rem;
  }
}
.c-box2:not(:nth-last-child(2)):after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: 50%;
  transform: translateX(-50%);
  bottom: -35px;
  border-right: 22px solid transparent;
  border-left: 22px solid transparent;
  border-top: 27px solid #30bdff;
}

/* c-box3
------------------------------------------------------------*/
.c-box3 {
  width: 900px;
  margin: 0 auto;
  border: 1px solid #ccc;
  padding: 30px 69px 14px;
}
@media screen and (max-width: 767px) {
  .c-box3 {
    width: 100%;
    padding: 20px 20px 7px;
  }
}
.c-box3__ttl {
  font-family: NotoSansCJKjp, sans-serif;
  font-size: 2.4rem;
  font-weight: normal;
  border-bottom: 1px solid #0082d6;
  margin: 0 0 22px;
  padding: 0 0 17px;
}
@media screen and (max-width: 767px) {
  .c-box3__ttl {
    font-size: 2.2rem;
    margin: 0 0 11px;
    padding: 0 0 9px;
  }
}
.c-box3__imgText {
  display: flex;
  align-items: center;
  margin: 0 0 28px;
}
@media screen and (max-width: 767px) {
  .c-box3__imgText {
    margin: 0 0 14px;
    flex-wrap: wrap;
  }
}
.c-box3__imgText-text {
  width: 525px;
}
@media screen and (max-width: 767px) {
  .c-box3__imgText-text {
    width: 100%;
  }
}
.c-box3__imgText-text p {
  font-size: 1.6rem;
  line-height: 3rem;
}
@media screen and (max-width: 767px) {
  .c-box3__imgText-text p {
    font-size: 1.4rem;
    line-height: 2.4rem;
  }
}
.c-box3__imgText-img {
  width: calc(100% - 525px);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .c-box3__imgText-img {
    width: 100%;
    margin: 20px 0;
  }
}
.c-box3__question {
  font-size: 1.6rem;
}
.c-box3__question:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #000;
  margin: 0 3px;
}
@media screen and (max-width: 767px) {
  .c-box3__question:before {
    margin: 1px 3px;
  }
}
.c-box3__question--list:before {
  width: 12px;
  height: 12px;
  margin: 0 3px 0 -2px;
}
.c-box3__answer {
  font-size: 1.6rem;
  line-height: 3rem;
  margin: 1px 0 12px;
}
@media screen and (max-width: 767px) {
  .c-box3__answer {
    margin: 0 0 6px;
    line-height: 2.4rem;
    font-size: 1.4rem;
  }
}
.c-box3__answer--color1 {
  color: #f39800;
  font-weight: bold;
}
.c-box3__info {
  display: flex;
  margin: 0 0 25px;
}
@media screen and (max-width: 767px) {
  .c-box3__info {
    flex-wrap: wrap;
    margin: 0 0 20px;
  }
}
.c-box3__info-ttl {
  background: #30bdff;
  display: flex;
  width: 174px;
  align-items: center;
  text-align: center;
  padding: 15px 20px;
}
@media screen and (max-width: 767px) {
  .c-box3__info-ttl {
    width: 100%;
  }
}
.c-box3__info-ttl p {
  color: #fff;
  font-size: 1.6rem;
  line-height: 2.4rem;
  margin: 0 0 0 9px;
}
@media screen and (max-width: 767px) {
  .c-box3__info-ttl p {
    font-size: 1.4rem;
    margin: 0 0 0 5px;
  }
}
@media screen and (max-width: 767px) {
  .c-box3__info-ttl img {
    width: 15px;
    height: 15px;
  }
}
.c-box3__info-txt {
  width: calc(100% - 174px);
  padding: 9px 22px 0;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  border-color: #ccc;
}
@media screen and (max-width: 767px) {
  .c-box3__info-txt {
    width: 100%;
    padding: 5px 11px 0;
    border-width: 0 1px 1px 1px;
  }
}
.c-box3__info-txt p {
  font-size: 1.6rem;
  line-height: 3rem;
}
@media screen and (max-width: 767px) {
  .c-box3__info-txt p {
    font-size: 1.4rem;
  }
}
.c-box3 ul {
  background: #eee;
  margin: 15px 0 25px;
  padding: 22px 30px 17px;
}
@media screen and (max-width: 767px) {
  .c-box3 ul {
    margin: 15px 0;
    padding: 15px;
  }
}
.c-box3 ul li {
  font-size: 1.4rem;
  line-height: 2.6rem;
  margin: 1px 0 7px;
}
@media screen and (max-width: 767px) {
  .c-box3 ul li {
    margin: 0 0 4px;
  }
}
.c-box3 ul li:before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 3px;
  background: #000;
  border-radius: 50%;
  margin: 5px 10px 5px 0;
}

/* c-card1
------------------------------------------------------------*/
.c-card1 {
  border: 1px solid #ddd;
  padding: 13px 69px 40px;
  margin: 0 0 40px;
}
@media screen and (max-width: 767px) {
  .c-card1 {
    padding: 8px 20px 20px;
    margin: 0 0 15px;
  }
}
.c-card1:last-child {
  margin: 0;
  padding: 13px 69px 43px;
}
@media screen and (max-width: 767px) {
  .c-card1:last-child {
    padding: 8px 20px 20px;
  }
}
.c-card1 .c-title4 {
  margin: 0 0 40px;
}
@media screen and (max-width: 767px) {
  .c-card1 .c-title4 {
    margin: 0 0 20px;
  }
}
.c-card1 .c-title4 h1,
.c-card1 .c-title4 h2,
.c-card1 .c-title4 h3,
.c-card1 .c-title4 h4,
.c-card1 .c-title4 h5,
.c-card1 .c-title4 h6 {
  padding: 21px 0 16px 37px;
}
@media screen and (max-width: 767px) {
  .c-card1 .c-title4 h1,
  .c-card1 .c-title4 h2,
  .c-card1 .c-title4 h3,
  .c-card1 .c-title4 h4,
  .c-card1 .c-title4 h5,
  .c-card1 .c-title4 h6 {
    padding: 10px 0 5px 25px;
  }
}
.c-card1 .c-title4 h1:before,
.c-card1 .c-title4 h2:before,
.c-card1 .c-title4 h3:before,
.c-card1 .c-title4 h4:before,
.c-card1 .c-title4 h5:before,
.c-card1 .c-title4 h6:before {
  left: 0;
}
.c-card1__txt {
  font-size: 1.8rem;
  line-height: 1.7;
  margin: 40px 0 0;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .c-card1__txt {
    font-size: 1.6rem;
    text-align: left;
    margin: 20px 0 0;
  }
}
.c-card1__link {
  text-decoration: none;
  color: #0082d6;
}
.c-card1__contact {
  text-align: center;
  background: #f8f8f8;
  border-radius: 5px;
  color: #333;
  padding: 37px 0 27px;
  margin: 39px 0 0;
}
@media screen and (max-width: 767px) {
  .c-card1__contact {
    padding: 19px 0 0;
    margin: 20px 0 0;
    background: #fff;
  }
}
.c-card1__contact-ttl {
  font-size: 2.4rem;
  line-height: 1.25;
  margin: 0 0 15px;
  font-family: NotoSansCJKjp, sans-serif;
}
@media screen and (max-width: 767px) {
  .c-card1__contact-ttl {
    font-size: 2rem;
    margin: 0 0 8px;
  }
}
.c-card1__contact-txt {
  font-size: 1.8rem;
  line-height: 1.7;
  margin: 0 0 15px;
}
@media screen and (max-width: 767px) {
  .c-card1__contact-txt {
    font-size: 1.6em;
    margin: 0 0 11px;
    text-align: justify;
  }
}
.c-card1__contact a {
  display: none;
}
@media screen and (max-width: 767px) {
  .c-card1__contact a {
    display: block;
    font-size: 3rem;
    width: 100%;
    padding: 12px 0 8px;
  }
}
.c-card1__contact-tel {
  display: inline-block;
  line-height: 1;
  position: relative;
  font-size: 3.6rem;
  color: #0082d6;
  font-weight: normal;
  font-family: "Josefin Sans", sans-serif;
  text-decoration: none;
  padding: 0px 0 0px 25px;
  margin: 5px 0px;
}
@media screen and (max-width: 767px) {
  .c-card1__contact-tel {
    display: none;
    text-align: center;
    font-size: 3rem;
    border: 1px solid #0082d6;
    max-width: 580px;
    width: 95%;
    padding: 15px 0;
    border-radius: 3px;
  }
}
@media screen and (max-width: 767px) {
  .c-card1__contact-tel span {
    position: relative;
    padding: 0 0 0 20px;
  }
}
.c-card1__contact-tel span:after {
  content: "";
  position: absolute;
  background: url(../image/index/phone-contact.png) no-repeat;
  font-size: 3.2rem;
  height: 26px;
  width: 20px;
  left: 0;
  top: 50%;
  transform: translateY(-60%);
}
@media screen and (max-width: 767px) {
  .c-card1__contact-tel span:after {
    left: -30px;
  }
}
@media screen and (max-width: 480px) {
  .c-card1__contact-tel span:after {
    top: 54%;
    background-size: 100%;
    height: 22px;
    width: 17px;
    left: 0;
  }
}

/* c-card2
------------------------------------------------------------*/
.c-card2 {
  width: 495px;
  border: 1px solid #ddd;
}
@media screen and (max-width: 767px) {
  .c-card2 {
    width: 100%;
  }
}
.c-card2__link {
  display: flex;
  position: relative;
  padding: 20px 29px 19px;
  align-items: center;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .c-card2__link {
    padding: 17px 38px 17px 19px;
  }
}
.c-card2__link:after {
  content: "";
  position: absolute;
  width: 9px;
  height: 9px;
  border-width: 0 2px 2px 0;
  border-style: solid;
  border-color: #30bdff;
  top: 50%;
  right: 28px;
  transform: rotate(-45deg) translateY(-50%);
}
@media screen and (max-width: 767px) {
  .c-card2__link:after {
    top: 49%;
    right: 20px;
    border-width: 0 1px 1px 0;
  }
}
.c-card2__circle {
  background: #30bdff;
  border-radius: 100%;
  color: #fff;
  width: 70px;
  text-align: center;
  padding: 10px 0 0;
  margin-right: 20px;
}
@media screen and (max-width: 767px) {
  .c-card2__circle {
    margin-right: 10px;
    padding: 5px 0;
    width: 40px;
    height: 40px;
  }
}
.c-card2__circle span {
  font-family: Meiryo, sans-serif;
  font-size: 1.4rem;
  line-height: 1.7;
}
@media screen and (max-width: 767px) {
  .c-card2__circle span {
    font-size: 0.9rem;
    line-height: 1.5;
  }
}
.c-card2__circle p {
  font-size: 2.6rem;
  line-height: 1;
  margin: -4px 0 10px;
  font-family: NotoSansCJKjp-Regular;
}
@media screen and (max-width: 767px) {
  .c-card2__circle p {
    font-size: 1.5rem;
    margin: -3px 0 0;
  }
}
.c-card2__txt {
  font-size: 1.8rem;
  line-height: 1.6;
  font-family: NotoSansCJKjp-Bold;
  width: calc(100% - 70px);
  color: #333;
}
@media screen and (max-width: 767px) {
  .c-card2__txt {
    font-size: 1.4rem;
  }
}
.c-card2__img {
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  .c-card2__img {
    width: 68px;
  }
}

/* c-card3
------------------------------------------------------------*/
.c-card3 {
  border: 1px solid #ddd;
  position: relative;
  padding: 34px 70px 39px;
}
@media screen and (max-width: 767px) {
  .c-card3 {
    padding: 24px 20px 23px;
  }
}
.c-card3:not(:last-child) {
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .c-card3:not(:last-child) {
    margin: 0 0 30px;
  }
}
.c-card3__ttl {
  font-size: 2.4rem;
  line-height: 1.25;
  font-family: NotoSansCJKjp-Bold;
  color: #f39700;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .c-card3__ttl {
    font-size: 1.8rem;
    line-height: 1.3;
  }
}
.c-card3 .c-title4 {
  margin: 0 0 32px;
}
@media screen and (max-width: 767px) {
  .c-card3 .c-title4 {
    margin: 0 0 20px;
  }
}
.c-card3 .c-title4 p {
  padding: 20px 0 16px 46px;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .c-card3 .c-title4 p {
    height: auto;
    padding: 0 0 15px 30px;
    margin: 10px 0;
  }
}
.c-card3__imgText {
  display: flex;
  justify-content: space-between;
  padding: 0 2px;
}
@media screen and (max-width: 767px) {
  .c-card3__imgText {
    flex-wrap: wrap;
  }
}
.c-card3__imgText-img {
  width: 490px;
  margin-right: 40px;
  margin-top: 8px;
}
@media screen and (max-width: 767px) {
  .c-card3__imgText-img {
    margin: 0 0 15px;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .c-card3__imgText-img img {
    width: 100%;
  }
}
.c-card3__imgText-txt {
  font-size: 1.6rem;
  line-height: 1.9;
  width: calc(100% - 490px);
}
@media screen and (max-width: 767px) {
  .c-card3__imgText-txt {
    width: 100%;
  }
}
.c-card3__imgText-link {
  text-decoration: none;
  display: block;
  font-size: 1.6rem;
  line-height: 1.9;
  color: #0082d6;
  margin: 26px 0;
  position: relative;
  transition: none;
  font-family: Meiryo, sans-serif;
}
@media screen and (max-width: 767px) {
  .c-card3__imgText-link {
    display: block;
    margin: 3px 0;
    font-size: 1.4rem;
  }
}
.c-card3__imgText-link span {
  border-bottom: 1px solid;
}
.c-card3__imgText-link:after {
  content: "";
  display: inline-block;
  width: 9px;
  height: 9px;
  border-width: 0 1px 1px 0;
  border-style: solid;
  transform: rotate(-45deg);
  margin-left: 5px;
}
.c-card3__imgText-link:hover span {
  border-bottom: none;
}
.c-card3__imgText-link02 {
  font-size: 1.4rem;
}
.c-card3__img {
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  .c-card3__img {
    width: 85px;
  }
}

/* c-post2
------------------------------------------------------------*/
.c-post2 {
  text-align: center;
}
.c-post2__list {
  text-align: left;
  background-color: #fff;
  position: relative;
  width: 1020px;
  padding: 88px 120px 47px;
  margin: 0 auto;
  box-shadow: 0px -1px 10px 3px rgba(51, 51, 51, 0.07);
}
@media screen and (max-width: 767px) {
  .c-post2__list {
    width: auto;
    padding: 85px 30px 30px;
  }
}
@media screen and (max-width: 480px) {
  .c-post2__list {
    padding: 65px 15px 30px;
  }
}
.c-post2__list:before {
  content: "";
  position: absolute;
  border-right: 13px solid transparent;
  border-left: 13px solid transparent;
  border-bottom: 18px solid #0082d6;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.c-post2 .c-title1 {
  border-bottom: 1px solid #bbb;
  padding-bottom: 24px;
  margin-bottom: 26px;
}
@media screen and (max-width: 480px) {
  .c-post2 .c-title1 {
    margin-bottom: 10px;
  }
}
.c-post2 ul {
  padding-left: 80px;
}
@media screen and (max-width: 767px) {
  .c-post2 ul {
    padding-left: 0;
    padding-top: 0;
  }
}
.c-post2 li {
  text-align: left;
  padding-left: 47px;
  font-size: 1.8rem;
  color: #333;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
  position: relative;
  padding: 14px 0 14px 47px;
  line-height: 1.6;
}
.c-post2 li:first-child {
  margin: 0 0 6px;
}
.c-post2 li a {
  border-bottom: 1px solid #333;
  padding-bottom: 4px;
  text-decoration: none;
  color: #333;
  transition: none;
}
@media screen and (max-width: 767px) {
  .c-post2 li a {
    padding-bottom: 0;
  }
}
.c-post2 li a:hover {
  border-bottom: none;
}
@media screen and (max-width: 767px) {
  .c-post2 li {
    padding: 8px 0 8px 30px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .c-post2 li {
    font-size: 1.4rem;
    padding: 5px 0 5px 30px;
  }
}
.c-post2 li:before {
  position: absolute;
  content: "";
  background: url(../image/component/listpost-icon.png) no-repeat;
  background-size: 27px 27px;
  width: 27px;
  height: 27px;
  top: 14px;
  left: 0;
}
@media screen and (max-width: 767px) {
  .c-post2 li:before {
    top: 12px;
    background-size: 100%;
    height: 20px;
    width: 20px;
  }
}
@media screen and (max-width: 480px) {
  .c-post2 li:before {
    top: 5px;
  }
}
.c-post2 h3,
.c-post2 p {
  margin-top: -30px;
  background-color: #0082d6;
  font-size: 2.8rem;
  color: #fff;
  font-weight: normal;
  font-family: NotoSansCJKjp, sans-serif;
  padding: 52px 20px 23px;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .c-post2 h3,
  .c-post2 p {
    font-size: 2.4rem;
    padding-bottom: 10px;
    margin: -30px -5% 0;
    padding: 60px 30px 30px;
  }
}
@media screen and (max-width: 480px) {
  .c-post2 h3,
  .c-post2 p {
    font-size: 1.8rem;
    padding: 30px 15px 20px;
    margin-top: -15px;
  }
}

/* c-intro
------------------------------------------------------------*/
.c-intro {
  display: flex;
  padding: 54px 30px 51px 105px;
}
@media screen and (max-width: 767px) {
  .c-intro {
    padding: 17px 0;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.c-intro__img {
  width: 329px;
  margin-right: 75px;
}
@media screen and (max-width: 767px) {
  .c-intro__img {
    width: 100%;
    margin: 0 0 12px;
    text-align: center;
  }
}
.c-intro__content {
  width: calc(100% - 329px);
  padding: 7px 0 0;
}
@media screen and (max-width: 767px) {
  .c-intro__content {
    width: 100%;
    padding: 0 15px;
  }
}
.c-intro__content-ttl {
  font-size: 2.6rem;
  color: #fff;
  text-align: center;
  line-height: 1.15;
  margin: 0 0 17px;
  font-family: NotoSansCJKjp Medium, sans-serif;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .c-intro__content-ttl {
    font-size: 1.9rem;
    line-height: 1.3;
    margin: 0 0 13px;
  }
}
.c-intro__content-txt {
  font-size: 1.4rem;
  color: #fff;
  line-height: 1.9;
  margin: 0 0 36px;
}
@media screen and (max-width: 767px) {
  .c-intro__content-txt {
    line-height: 1.5;
    margin: 0 0 10px;
  }
}
.c-intro__btn {
  width: 335px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .c-intro__btn {
    width: 100%;
    margin: 10px 0 0;
  }
}
.c-intro__btn a {
  display: block;
  text-decoration: none;
  background: #f39800;
  color: #fff;
  border-radius: 3px;
  font-size: 1.6rem;
  line-height: 1.9;
  font-family: NotoSansCJKjp-Bold;
  padding: 23px 75px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-intro__btn a {
    padding: 17px 0;
    text-align: center;
    font-size: 1.4rem;
  }
}
.c-intro__btn a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  background: url(../image/common/icon-contact1.png) no-repeat;
  width: 25px;
  height: 25px;
  left: 25px;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .c-intro__btn a:before {
    position: initial;
    display: inline-block;
    transform: none;
    vertical-align: middle;
    width: 22px;
    height: 22px;
    background-size: cover;
    margin: 0 6px;
  }
}
.c-intro__btn a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 22px;
  width: 10px;
  height: 10px;
  border-width: 0 2px 2px 0;
  border-style: solid;
  border-color: #fff;
  transform: rotate(-45deg) translateY(-50%);
}
@media screen and (max-width: 767px) {
  .c-intro__btn a:after {
    position: initial;
    display: inline-block;
    transform: rotate(-45deg);
    width: 7px;
    height: 7px;
    margin: 0 6px;
  }
}
.c-intro__link {
  text-decoration: none;
  display: block;
  font-size: 1.6rem;
  line-height: 1.9;
  text-align: center;
  margin: 26px 0;
  position: relative;
  -webkit-transition: none;
  transition: none;
  font-family: Meiryo, sans-serif;
}
@media screen and (max-width: 767px) {
  .c-intro__link {
    display: block;
    margin: 3px 0;
    font-size: 1.4rem;
  }
}
.c-intro__link a {
  color: #fff;
}
.c-intro__link a:after {
  content: "";
  display: inline-block;
  width: 9px;
  height: 9px;
  border-width: 0 1px 1px 0;
  border-style: solid;
  border-color: #fff;
  transform: rotate(-45deg);
  margin-left: 5px;
}
.c-intro__link a:hover span {
  border-bottom: none;
}

/* c-banner
------------------------------------------------------------*/
.c-banner {
  width: 362px;
  background-image: linear-gradient(137deg, #1c7cd2, #30bdff);
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 10001;
  display: none;
}
@media screen and (max-width: 767px) {
  .c-banner {
    width: 92%;
    right: 50%;
    transform: translateX(50%);
  }
}
.c-banner__headImg {
  width: 50px;
  height: 48px;
  margin-right: 10px;
}
@media screen and (max-width: 320px) {
  .c-banner__headImg {
    display: none;
  }
}
.c-banner__iconTxt {
  color: #0082d6;
  font-family: NotoSansCJKjp, sans-serif;
  font-weight: bold;
  padding: 3px 5px 2px;
  opacity: 0;
  transition: 0.3s ease-in-out;
  overflow: hidden;
}
.c-banner__icon {
  display: inline-block;
  text-align: left;
  padding-left: 7px;
  padding-bottom: 1px;
  font-size: 1.1rem;
}
.c-banner__icon:before {
  content: "";
  display: inline-block;
  width: 2px;
  height: 10px;
  background: #0082d6;
  position: absolute;
  top: 50%;
  right: 9px;
  transform: translateY(-50%);
}
.c-banner__icon:after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 2px;
  background: #0082d6;
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
}
.c-banner__iconBox {
  margin: 0 0 0 auto;
  width: 21px;
  height: 22px;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  cursor: pointer;
  position: relative;
  transition: 0.3s all;
}
.c-banner__iconBox:hover {
  width: 59px;
  transition: 0.3s all;
}
.c-banner__iconBox:hover .c-banner__iconTxt {
  transition: 0.3s ease-in-out;
  opacity: 1;
}
.c-banner__ttlBox {
  text-align: center;
}
.c-banner__subTtl {
  font-size: 1.4rem;
  color: #fff;
  font-weight: bold;
  font-family: "Meiryo", sans-serif;
}
@media screen and (max-width: 767px) {
  .c-banner__subTtl {
    font-size: 1.2rem;
  }
}
.c-banner__mainTtl {
  font-size: 2.6rem;
  font-weight: bold;
  color: #ffff00;
  font-family: "Meiryo", sans-serif;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding: 9px 0;
  margin-top: 19px;
}
@media screen and (max-width: 767px) {
  .c-banner__mainTtl {
    font-size: 2.2rem;
    margin-top: 10px;
    padding: 5px 0;
  }
}
.c-banner__cvBox {
  margin-top: 20px;
  position: relative;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding: 0 8px 0 0;
}
@media screen and (max-width: 767px) {
  .c-banner__cvBox {
    margin-top: 10px;
    padding: 0;
  }
}
.c-banner__img:nth-child(1) {
  width: 47%;
}
.c-banner__img:nth-child(2) {
  width: 43.5%;
  margin: 0 0 6px 5.9%;
}
.c-banner__btn {
  width: 100%;
  margin: 30px 0 0;
}
@media screen and (max-width: 767px) {
  .c-banner__btn {
    margin: 15px 0 0;
  }
}
.c-banner .c-btn1 {
  width: 100%;
  margin: 10px 0 0;
}
@media screen and (max-width: 767px) {
  .c-banner .c-btn1 {
    max-width: 350px;
    margin: 5px auto 0;
  }
}
.c-banner .c-btn1 a {
  height: 59px;
  justify-content: flex-start;
  padding: 0 0 0 20px;
}
@media screen and (max-width: 767px) {
  .c-banner .c-btn1 a {
    height: 50px;
    padding: 0 0 0 10px;
  }
}
.c-banner .c-btn1 a::before {
  right: 9%;
}
@media screen and (max-width: 767px) {
  .c-banner .c-btn1 a::before {
    right: 7%;
  }
}
@media screen and (max-width: 767px) {
  .c-banner .c-btn1 p {
    font-size: 1.3rem;
  }
}
.c-banner__open {
  transition: 0.3s all;
  padding-top: 15px;
}
@media screen and (max-width: 767px) {
  .c-banner__open {
    display: none;
  }
}
.c-banner__open .c-banner__inner {
  padding: 12px 20px 30px 30px;
}
@media screen and (max-width: 767px) {
  .c-banner__open .c-banner__inner {
    padding: 0px 15px 15px 15px;
  }
}
.c-banner__open .c-banner__iconBox {
  margin-right: 15px;
}
.c-banner__open .c-banner__icon:before {
  display: none;
}
.c-banner__open.is-toggle {
  display: none;
  transition: 0.3s all;
}
@media screen and (max-width: 767px) {
  .c-banner__open.is-toggle {
    display: block;
  }
}
.c-banner__close {
  padding: 12px 10px 8px 21px;
  display: flex;
  position: relative;
  transition: 0.3s all;
}
@media screen and (max-width: 767px) {
  .c-banner__close {
    display: none;
    padding: 12px 10px 8px 10px;
  }
}
.c-banner__close .c-banner__ttlBox01 .c-banner__subTtl {
  font-size: 1.2rem;
}
@media screen and (max-width: 767px) {
  .c-banner__close .c-banner__ttlBox01 .c-banner__subTtl {
    font-size: 1rem;
  }
}
.c-banner__close .c-banner__ttlBox01 .c-banner__mainTtl {
  border: 0;
  font-size: 2.2rem;
  padding: 0;
  margin-top: 2px;
}
@media screen and (max-width: 767px) {
  .c-banner__close .c-banner__ttlBox01 .c-banner__mainTtl {
    font-size: 1.8rem;
    margin-top: 0;
  }
}
.c-banner__close .c-banner__iconBox {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}
.c-banner__close.is-toggle {
  display: none;
  transition: 0.3s all;
}
@media screen and (max-width: 767px) {
  .c-banner__close.is-toggle {
    display: flex;
    align-items: center;
  }
}

/* c-mv2
------------------------------------------------------------*/
.c-mv2 {
  background: linear-gradient(to right, #0082d6, #30bdff);
  padding: 40px 0 60px;
}
@media screen and (max-width: 767px) {
  .c-mv2 {
    padding: 25px 15px;
  }
}
@media (min-width: 768px) {
  .c-mv2 .sp-only {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .c-mv2 .pc-only {
    display: none !important;
  }
}
.c-mv2__inner {
  width: 1020px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .c-mv2__inner {
    width: 100%;
  }
}
.c-mv2__left {
  width: 470px;
}
@media screen and (max-width: 767px) {
  .c-mv2__left {
    width: 100%;
  }
}
.c-mv2__right {
  width: 510px;
}
@media screen and (max-width: 767px) {
  .c-mv2__right {
    width: 100%;
  }
}
.c-mv2__logo {
  text-align: center;
  border-bottom: 2px solid #fff;
  padding: 0 0 39px;
  margin: 15px 0 23px;
}
@media screen and (max-width: 767px) {
  .c-mv2__logo {
    padding: 0 0 11px;
    margin: 0 0 10px;
  }
}
@media screen and (max-width: 767px) {
  .c-mv2__logo img {
    max-width: 150px;
    margin: 0 auto;
  }
}
.c-mv2__mainttl {
  text-align: center;
  font-size: 2.4rem;
  line-height: 1.2;
  color: #fff;
  font-weight: bold;
  font-family: NotoSansCJKjp, sans-serif;
  font-feature-settings: "palt";
  letter-spacing: 0.4px;
}
@media screen and (max-width: 767px) {
  .c-mv2__mainttl {
    font-size: 1.8rem;
  }
}
.c-mv2__mainttl span {
  font-size: 2rem;
}
@media screen and (max-width: 767px) {
  .c-mv2__mainttl span {
    font-size: 1.4rem;
  }
}
.c-mv2__subttl {
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.75;
  color: #fff;
  font-family: NotoSansCJKjp, sans-serif;
  margin: 20px 0 0;
}
@media screen and (max-width: 767px) {
  .c-mv2__subttl {
    font-size: 1.2rem;
    line-height: 1.4;
    margin: 10px 0 0;
  }
}
.c-mv2__intro {
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-mv2__intro {
    padding: 0 20px;
    margin: 20px 0 0;
  }
}
.c-mv2__circle {
  width: 120px;
  height: 120px;
  text-align: center;
  background: #fff;
  border-radius: 50%;
  font-size: 1.8rem;
  line-height: 1;
  color: #0082d6;
  font-weight: bold;
  font-family: NotoSansCJKjp, sans-serif;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  .c-mv2__circle {
    width: 85px;
    height: 85px;
    background: #0082d6;
    font-size: 1.3rem;
    color: #fff;
    left: auto;
    right: 0;
  }
}
.c-mv2__circle span {
  display: block;
  color: #f39800;
  font-size: 2rem;
}
@media screen and (max-width: 767px) {
  .c-mv2__circle span {
    font-size: 1.75rem;
    color: #ffff07;
  }
}
.c-mv2__circle span b {
  font-size: 3rem;
}
@media screen and (max-width: 767px) {
  .c-mv2__circle span b {
    font-size: 2.5rem;
  }
}
.c-mv2__title {
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.4;
  color: #fff;
  font-family: NotoSansCJKjp, sans-serif;
  margin: 0 0 11px;
  font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
  .c-mv2__title {
    font-size: 1.2rem;
    padding: 0;
    text-align: center;
    margin: 0 0 8px;
  }
}
.c-mv2__title span {
  display: block;
  font-size: 2.2rem;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .c-mv2__title span {
    font-size: 1.2rem;
    display: inline;
  }
}
.c-mv2__img {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.c-mv2__img iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.c-mv2__list {
  display: flex;
  flex-wrap: wrap;
  margin: 28px 0 29px;
}
@media screen and (max-width: 767px) {
  .c-mv2__list {
    width: 100%;
    margin: 15px 0 10px;
  }
}
.c-mv2__item {
  width: calc((100% - 10px) / 2);
  text-align: center;
  margin: 0 0 10px 10px;
  border: 1px solid #fff;
  box-sizing: border-box;
  font-size: 1.4rem;
  line-height: 1.35;
  color: #fff;
  font-weight: bold;
  font-family: NotoSansCJKjp, sans-serif;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .c-mv2__item {
    width: calc((100% - 5px) / 2);
    margin: 0 0 5px 5px;
    font-size: 1.2rem;
    line-height: 1.2;
    padding: 3px 9px 4px;
  }
}
.c-mv2__item:nth-child(2n+1) {
  margin: 0 0 10px;
}
@media screen and (max-width: 767px) {
  .c-mv2__item:nth-child(2n+1) {
    margin: 0 0 5px;
  }
}
.c-mv2__brand {
  margin: 31px 0 0;
  padding: 0 2px 0 0;
}
@media screen and (max-width: 767px) {
  .c-mv2__brand {
    width: 100%;
    margin: 0 0 15px;
    padding: 0;
    text-align: center;
  }
}
.c-mv2__brand img {
  width: 100%;
  height: auto;
}
.c-mv2__btn a {
  display: block;
  text-decoration: none;
  text-align: center;
  background: #f39800;
  box-shadow: 0px 0px 10px 0px rgba(51, 51, 51, 0.15);
  border-radius: 5px;
  font-size: 2.2rem;
  line-height: 1.25;
  color: #fff;
  font-weight: bold;
  padding: 25px 20px 28px;
  font-family: NotoSansCJKjp, sans-serif;
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-mv2__btn a {
    font-size: 1.4rem;
    padding: 14px 10px 16px;
  }
}
.c-mv2__btn a span b {
  font-size: 1.8rem;
  border: 2px solid #fff;
  padding: 1.5px 15px;
  border-radius: 30px;
  margin: 0 26px 0 0;
}
@media screen and (max-width: 767px) {
  .c-mv2__btn a span b {
    font-size: 1.2rem;
    border-width: 1px;
    padding: 2px 10px;
    margin: 0 8px 0 0;
  }
}

/* c-link
------------------------------------------------------------*/
.c-link {
  background: linear-gradient(to right, #0082d6, #30bdff);
  padding: 30px 0 40px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-link {
    padding: 13px 15px 20px;
  }
}
.c-link::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 31px 22.5px 0 22.5px;
  border-color: #0082d6 transparent transparent transparent;
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translate(-50%, 0);
}
@media screen and (max-width: 767px) {
  .c-link::before {
    border-width: 23.5px 17px 0 17px;
    top: -12px;
  }
}
.c-link__inner {
  width: 1080px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .c-link__inner {
    width: 100%;
  }
}
.c-link__ttl {
  text-align: center;
  font-size: 3rem;
  line-height: 1.5;
  color: #ffff07;
  font-family: NotoSansCJKjp-Medium, sans-serif;
  margin: 0 0 31px;
}
@media screen and (max-width: 767px) {
  .c-link__ttl {
    font-size: 1.7rem;
    margin: 0 0 15px;
  }
}
.c-link__box {
  margin: 20px 0 0;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .c-link__box {
    margin: 10px 0 0;
  }
}
.c-link__box .c-btn4 {
  margin: 0 20px 0 0;
}
@media screen and (max-width: 767px) {
  .c-link__box .c-btn4 {
    margin: 0 10px 0 0;
  }
}
.c-link .c-btn1 {
  margin: 0;
}
.c-link .c-btn1 a {
  flex-direction: column;
  font-size: 2.4rem;
  font-weight: bold;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .c-link .c-btn1 a {
    font-size: 1.1rem;
  }
}
.c-link .c-btn1 a:before {
  right: 18px;
}
@media screen and (max-width: 767px) {
  .c-link .c-btn1 a:before {
    padding: 2.5px;
    right: 8px;
  }
}
.c-link .c-btn1 a span {
  display: block;
  font-size: 1.5rem;
  font-weight: normal;
  font-family: NotoSansCJKjp-Medium, sans-serif;
  margin: 0 0 -2px;
}
@media screen and (max-width: 767px) {
  .c-link .c-btn1 a span {
    font-size: 1rem;
    margin: 0 0 -1px;
  }
}

/* c-case
------------------------------------------------------------*/
.c-case {
  background: #fff;
  box-shadow: 0 0 10px 0 rgba(51, 51, 51, 0.2);
}
@media screen and (max-width: 767px) {
  .c-case {
    border: 1px solid #ddd;
  }
}
.c-case + .c-case {
  margin: 42px 0 0;
}
.c-case__heading {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  position: relative;
  border-bottom: 1px solid #0082d6;
  padding: 33px 40px;
}
@media screen and (max-width: 767px) {
  .c-case__heading {
    display: block;
    padding: 29px 5px 10px;
    position: relative;
    margin: 0 15px;
  }
}
.c-case__heading::after {
  content: "";
  width: 140px;
  height: 101px;
  background: url(../image/lp/tag.png) no-repeat center;
  background-size: cover;
  position: absolute;
  right: 0;
  top: 0;
}
@media screen and (max-width: 767px) {
  .c-case__heading::after {
    width: 70px;
    height: 50px;
    right: -15px;
  }
}
.c-case__headingInfo {
  width: calc(100% - 142px);
}
@media screen and (max-width: 767px) {
  .c-case__headingInfo {
    width: 100%;
    text-align: center;
  }
}
.c-case__number {
  width: 120px;
  background: linear-gradient(to right, #0082d6, #30bdff);
  text-align: center;
  border-radius: 30px;
  box-sizing: border-box;
  font-size: 2.4rem;
  line-height: 1.5;
  color: #fff;
  font-family: NotoSansCJKjp, sans-serif;
  padding: 12px 5px;
}
@media screen and (max-width: 767px) {
  .c-case__number {
    width: 65px;
    font-size: 1.3rem;
    position: absolute;
    top: -18px;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 3;
    padding: 8px 3px;
  }
}
.c-case__mainttl {
  font-size: 2.6rem;
  line-height: 1.4;
  color: #0082d6;
  font-weight: normal;
  font-family: NotoSansCJKjp-Medium, sans-serif;
}
@media screen and (max-width: 767px) {
  .c-case__mainttl {
    font-size: 1.5rem;
    line-height: 1.35;
  }
}
.c-case__subttl {
  font-size: 1.6rem;
  line-height: 1.5;
  color: #333;
  margin: 7px 0 0;
}
@media screen and (max-width: 767px) {
  .c-case__subttl {
    font-size: 1rem;
    line-height: 1.7;
    margin: 4px 0 0;
  }
}
.c-case__subttl span {
  font-size: 2rem;
  margin: 0 20px 0 0;
}
@media screen and (max-width: 767px) {
  .c-case__subttl span {
    font-size: 1.2rem;
    margin: 0 12px 0 0;
  }
}
.c-case__info {
  padding: 41px 40px;
}
@media screen and (max-width: 767px) {
  .c-case__info {
    padding: 13px 15px 22px;
  }
}
.c-case__box {
  *zoom: 1;
}
.c-case__box:after {
  display: block;
  content: "";
  clear: both;
}
.c-case__box + .c-case__box {
  margin: 31px 0 0;
}
@media screen and (max-width: 767px) {
  .c-case__box + .c-case__box {
    margin: 10px 0 0;
  }
}
.c-case__box .c-title5 {
  margin: 0 0 23px;
}
@media screen and (max-width: 767px) {
  .c-case__box .c-title5 {
    width: 100%;
    order: -1;
    border-width: 3px;
    padding: 0 0 0 8px;
    margin: 0 0 11px;
  }
}
@media screen and (max-width: 767px) {
  .c-case__box .c-title5 h4 {
    font-size: 1.5rem;
  }
}
.c-case__img {
  width: 337px;
  float: right;
  margin: 0 0 0 40px;
}
@media screen and (max-width: 767px) {
  .c-case__img {
    width: 50%;
    margin: 0 0 0 20px;
  }
}
@media screen and (max-width: 767px) {
  .c-case__img + .c-case__txt {
    margin: -4px 0 0;
  }
}
.c-case__img img {
  max-width: 100%;
  height: auto;
}
.c-case__txt {
  font-size: 1.6rem;
  line-height: 1.9;
  color: #333;
}
@media screen and (max-width: 767px) {
  .c-case__txt {
    font-size: 1.2rem;
    line-height: 1.85;
  }
}
.c-case__txt + .c-case__txt {
  margin: 20px 0 0;
}
@media screen and (max-width: 767px) {
  .c-case__txt + .c-case__txt {
    margin: 0;
  }
}
.c-case .c-accordion {
  margin: 22px 0 0;
}
@media screen and (max-width: 767px) {
  .c-case .c-accordion {
    margin: 10px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .c-case .c-list10 {
    margin: -7px 0 0;
  }
}

/* c-accordion
------------------------------------------------------------*/
.c-accordion {
  border: 1px solid #dddddd;
}
.c-accordion__heading {
  padding: 14px 50px 14px 25px;
  position: relative;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .c-accordion__heading {
    padding: 12px 35px 13px 12px;
  }
}
.c-accordion__heading::before {
  content: "";
  width: 20px;
  height: 2px;
  background: #0082d6;
  position: absolute;
  top: 50%;
  right: 31px;
  transform: translate(0, -50%);
}
@media screen and (max-width: 767px) {
  .c-accordion__heading::before {
    width: 15px;
    height: 2px;
    right: 14px;
  }
}
.c-accordion__heading::after {
  content: "";
  width: 2px;
  height: 20px;
  background: #0082d6;
  position: absolute;
  top: 50%;
  right: 39px;
  transform: translate(0, -50%);
  transition: all 0.3s;
}
@media screen and (max-width: 767px) {
  .c-accordion__heading::after {
    width: 2px;
    height: 15px;
    right: 20px;
  }
}
.c-accordion__heading.is-open::after {
  transform: translate(0, -50%) rotate(90deg);
}
.c-accordion__ttl {
  font-size: 1.6rem;
  line-height: 1.9;
  color: #0082d6;
}
@media screen and (max-width: 767px) {
  .c-accordion__ttl {
    font-size: 1.2rem;
    line-height: 1.25;
  }
}
.c-accordion__info {
  border-top: 1px solid #dddddd;
  padding: 29px 50px;
  display: none;
}
@media screen and (max-width: 767px) {
  .c-accordion__info {
    padding: 15px;
  }
}

/* c-box4
------------------------------------------------------------*/
.c-box4 {
  *zoom: 1;
}
.c-box4:after {
  display: block;
  content: "";
  clear: both;
}
.c-box4 {
  border: 1px solid #ddd;
  background: #fff;
  background: #fff;
  padding: 33px 39px 35px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-box4 {
    padding: 11px 15px 15px;
  }
}
.c-box4 + .c-box4 {
  margin: 40px 0 0;
}
@media screen and (max-width: 767px) {
  .c-box4 + .c-box4 {
    margin: 25px 0 0;
  }
}
.c-box4::before {
  content: "";
  position: absolute;
  background: url(../image/reason/imgbg-list1.png) no-repeat;
  background-size: cover;
  width: 170px;
  height: 89px;
  right: 0;
  top: 0;
}
@media screen and (max-width: 767px) {
  .c-box4::before {
    width: 70px;
    height: 50px;
    background: url(../image/lp/tag.png) no-repeat;
    background-size: cover;
  }
}
.c-box4__ttl {
  float: right;
  width: calc(100% - 280px);
}
@media screen and (max-width: 767px) {
  .c-box4__ttl {
    width: 100%;
    float: none;
  }
}
.c-box4__img {
  float: left;
  width: 240px;
  margin: 6px 0 0 2px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .c-box4__img {
    width: 100%;
    float: none;
    max-width: 62%;
    margin: 13px auto 0;
  }
}
.c-box4__img img {
  max-width: 100%;
  height: auto;
}
.c-box4__info {
  float: right;
  width: calc(100% - 280px);
  margin: 17px 0 0;
}
@media screen and (max-width: 767px) {
  .c-box4__info {
    width: 100%;
    float: none;
    margin: 9px 0 0;
  }
}
.c-box4__ttl {
  font-size: 2.6rem;
  line-height: 1.4;
  color: #0082d6;
  font-weight: normal;
  font-family: NotoSansCJKjp, sans-serif;
}
@media screen and (max-width: 767px) {
  .c-box4__ttl {
    text-align: center;
    font-size: 1.5rem;
    line-height: 1.35;
    font-family: NotoSansCJKjp-Medium, sans-serif;
  }
}
.c-box4 .c-list10 {
  margin: 0 0 0 -8px;
}
@media screen and (max-width: 767px) {
  .c-box4 .c-list10 {
    margin: 0 0 0 -11px;
  }
}
@media screen and (max-width: 767px) {
  .c-box4 .c-list10__item {
    font-size: 1.1rem;
    line-height: 1.4;
  }
}
@media screen and (max-width: 767px) {
  .c-box4 .c-list10__item:before {
    top: 5px;
  }
}
.c-box4 .c-btn1 {
  margin: 22px 0 0;
}
@media screen and (max-width: 767px) {
  .c-box4 .c-btn1 {
    max-width: 226px;
    margin: 12px auto 0;
  }
}
.c-box4 .c-btn1 a {
  font-size: 2rem;
  font-weight: bold;
  height: 75px;
}
@media screen and (max-width: 767px) {
  .c-box4 .c-btn1 a {
    font-size: 1.3rem;
    height: 40px;
  }
}
@media screen and (max-width: 767px) {
  .c-box4 .c-btn1 a::before {
    padding: 3.5px;
    right: 10%;
  }
}

/* c-box5
------------------------------------------------------------*/
.c-box5 {
  border: 1px solid #ddd;
  background: #fff;
  background: #fff;
  padding: 90px 60px 60px;
  width: 900px;
  margin: 0 auto;
  box-shadow: 0px -1px 10px 3px rgba(51, 51, 51, 0.07);
}
@media screen and (max-width: 767px) {
  .c-box5 {
    width: 100%;
    padding: 80px 20px 20px 20px;
  }
}
.c-box5__info {
  margin-top: 54px;
  font-size: 1.8rem;
  color: #333;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
  line-height: 3.5rem;
}
@media screen and (max-width: 767px) {
  .c-box5__info {
    font-size: 1.4rem;
    margin-top: 25px;
  }
}
.c-box5__wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 19px;
}
@media screen and (max-width: 767px) {
  .c-box5__wrap {
    margin: 0 0 10px;
  }
}
.c-box5__wrap p {
  flex: 1;
  margin: 22px 0 0;
}
@media screen and (max-width: 767px) {
  .c-box5__wrap p {
    flex: auto;
    width: 100%;
    margin: 0;
  }
}
.c-box5__img {
  width: 190px;
  margin: 0 0 0 20px;
}
@media screen and (max-width: 767px) {
  .c-box5__img {
    width: 100%;
    margin: 10px 0 0;
    text-align: center;
  }
}

/* c-box6
------------------------------------------------------------*/
.c-box6 {
  border: 1px solid #ddd;
  background: #fff;
  background: #fff;
  padding: 45px 140px;
  width: 900px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .c-box6 {
    width: 100%;
    padding: 20px;
  }
}
.c-box6__info {
  margin-top: 54px;
  font-size: 1.8rem;
  color: #333;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
  line-height: 3.5rem;
}

/* c-box7
------------------------------------------------------------*/
.c-box7 {
  border: 1px solid #00BFFF;
}
.c-box7__title {
  font-size: 2rem;
  color: #fff;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
  background: #00BFFF;
  padding: 13px 30px 10px;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .c-box7__title {
    font-size: 1.6rem;
    width: 100%;
    text-align: center;
  }
}
.c-box7__content {
  padding: 12px 25px 25px;
  display: flex;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-box7__content {
    display: block;
    padding: 12px 20px 20px;
  }
}
@media screen and (max-width: 767px) {
  .c-box7__img {
    text-align: center;
  }
}
.c-box7__list {
  background: none !important;
  margin: 0 !important;
  padding: 0 230px 0 20px !important;
}
@media screen and (max-width: 767px) {
  .c-box7__list {
    padding: 0 0 60px 0 !important;
  }
}
.c-box7__list li {
  font-size: 1.6rem;
  color: #333;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
  margin: 0 !important;
}
@media screen and (max-width: 767px) {
  .c-box7__list li {
    font-size: 1.4rem;
  }
}
.c-box7__btn {
  position: absolute;
  bottom: 35px;
  right: 40px;
}
@media screen and (max-width: 767px) {
  .c-box7__btn {
    bottom: 20px;
    right: 50%;
    transform: translateX(50%);
  }
}
.c-box7__btn a {
  text-decoration: none;
  background: #00BFFF;
  font-size: 1.6rem;
  color: #fff;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
  padding: 6px 60px 6px 40px;
  position: relative;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .c-box7__btn a {
    padding: 10px 40px 10px 20px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 320px) {
  .c-box7__btn a {
    padding: 6px 25px 6px 10px;
  }
}
.c-box7__btn a:after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: translateY(-50%) rotate(45deg);
  position: absolute;
  top: 50%;
  right: 20px;
}
@media screen and (max-width: 320px) {
  .c-box7__btn a:after {
    right: 10px;
  }
}

/*
------------------------------------------------------------*/
.c-mv3 {
  background: #ebf5fc;
  position: relative;
  width: 100%;
  min-width: 1080px;
}
@media screen and (max-width: 767px) {
  .c-mv3 {
    min-width: 0;
  }
}
.c-mv3--item1 {
  background-image: url(/assets/image/index/img02.jpg);
  background-position: top left;
}
@media screen and (min-width: 768px) {
  .c-mv3--item1 {
    top: 0;
    bottom: 50%;
    left: 0;
  }
}
.c-mv3--item2 {
  background-image: url(/assets/image/index/img03.jpg);
}
@media screen and (min-width: 768px) {
  .c-mv3--item2 {
    top: 50%;
    bottom: 0;
    left: 0;
  }
}
.c-mv3--item3 {
  background-image: url(/assets/image/index/img04.jpg);
  color: #ffffff !important;
}
@media screen and (min-width: 768px) {
  .c-mv3--item3 {
    top: 0;
    bottom: 50%;
    right: 0;
  }
}
.c-mv3--item4 {
  background-image: url(/assets/image/index/img05.jpg);
  background-position: bottom right;
}
@media screen and (min-width: 768px) {
  .c-mv3--item4 {
    top: 50%;
    bottom: 0;
    right: 0;
  }
}
.c-mv3__box1 {
  width: 32.2916667%;
  margin: 0 auto;
  padding: 54px 30px;
}
@media screen and (max-width: 767px) {
  .c-mv3__box1 {
    width: 100%;
    padding: 30px 15px;
  }
}
.c-mv3__box1__logo {
  text-align: center;
  margin-bottom: 23px;
}
@media screen and (max-width: 767px) {
  .c-mv3__box1__logo {
    margin-bottom: 15px;
  }
}
.c-mv3__box1__logo img {
  width: 302px;
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .c-mv3__box1__logo img {
    width: 207px;
  }
}
.c-mv3__box1__txt1 {
  font-size: 2.2rem;
  line-height: 36px;
  text-align: center;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .c-mv3__box1__txt1 {
    font-size: 1.5rem;
    line-height: 24.5px;
  }
}
.c-mv3__box1__txt2 {
  text-align: center;
}
.c-mv3__box1__txt2 span {
  display: inline-block;
  background: #0082D6;
  border-radius: 100px;
  font-size: 1.6rem;
  line-height: 33px;
  font-weight: bold;
  color: #ffffff;
  padding: 0 25px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-mv3__box1__txt2 span {
    font-size: 1.15rem;
    line-height: 22px;
    padding: 0 10px;
  }
}
.c-mv3__box1__txt2 span::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 10px 8px;
  border-color: transparent transparent #0082D6 transparent;
  top: -9px;
  left: calc(50% - 8px);
}
@media screen and (max-width: 767px) {
  .c-mv3__box1__txt2 span::before {
    top: -7px;
  }
}
.c-mv3__box1__img {
  text-align: center;
  margin: 24px 0 10px;
}
@media screen and (max-width: 767px) {
  .c-mv3__box1__img {
    margin: 20px 0 9px;
  }
}
.c-mv3__box1__img img {
  width: 340px;
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .c-mv3__box1__img img {
    width: 232px;
  }
}
.c-mv3__box2 {
  color: #111111;
  text-decoration: none;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .c-mv3__box2 {
    position: absolute;
    width: 33.8541667%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
  }
}
@media screen and (max-width: 767px) {
  .c-mv3__box2 {
    display: block;
    position: relative;
  }
}
@media screen and (min-width: 768px) {
  .c-mv3__box2:hover .c-mv3__btn:before {
    left: auto;
    right: 0;
    width: 100%;
    transition: all 0.3s ease;
    background: #0082d6;
  }
  .c-mv3__box2:hover .c-mv3__btn:after {
    top: auto;
    bottom: 0;
    height: 100%;
    transition: all 0.3s ease;
    background: #0082d6;
  }
  .c-mv3__box2:hover .c-mv3__btn span:before {
    width: 100%;
    transition: all 0.3s ease;
    background: #0082d6;
    right: auto;
    left: 0;
  }
  .c-mv3__box2:hover .c-mv3__btn span:after {
    bottom: auto;
    top: 0;
    height: 100%;
    transition: all 0.3s ease;
    background: #0082d6;
  }
  .c-mv3__box2:hover .c-mv3__btn i {
    border-top: 2px solid #0082d6;
    border-right: 2px solid #0082d6;
  }
}
.c-mv3__box2__inner {
  padding: 0 90px 37px 40px;
}
@media screen and (max-width: 767px) {
  .c-mv3__box2__inner {
    padding: 32px 63px 31px 20px;
  }
}
.c-mv3__box2__tit {
  font-size: 2.4rem;
}
@media screen and (max-width: 767px) {
  .c-mv3__box2__tit {
    font-size: 1.8rem;
  }
}
.c-mv3__box2__txt {
  font-size: 1.4rem;
  line-height: 22px;
  margin-top: 11px;
}
@media screen and (max-width: 767px) {
  .c-mv3__box2__txt {
    font-size: 1.1rem;
    line-height: 16.5px;
    margin-top: 5px;
  }
}
.c-mv3__btn {
  position: absolute;
  top: 50%;
  width: 60px;
  height: 60px;
  right: 30px;
  transform: translateY(-50%);
  background-color: #fff;
}
.c-mv3__btn:after {
  top: 0;
  right: 0;
  content: "";
  height: 0;
  background: #0082d6;
  width: 2px;
  display: block;
  position: absolute;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .c-mv3__btn:after {
    content: none;
  }
}
@media screen and (max-width: 767px) {
  .c-mv3__btn {
    height: 30px;
    width: 30px;
    right: 15px;
  }
}
.c-mv3__btn:before {
  top: 0;
  left: 0;
  content: "";
  height: 2px;
  background: #0082d6;
  width: 0;
  display: block;
  position: absolute;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .c-mv3__btn:before {
    content: none;
  }
}
.c-mv3__btn span:before {
  content: "";
  height: 2px;
  width: 0;
  display: block;
  position: absolute;
  bottom: 0;
  background: #0082d6;
  transition: all 0.3s ease;
  right: 0;
}
@media screen and (max-width: 767px) {
  .c-mv3__btn span:before {
    content: none;
  }
}
.c-mv3__btn span:after {
  content: "";
  height: 0;
  width: 2px;
  display: block;
  position: absolute;
  border-top-color: 0;
  left: 0;
  background: #0082d6;
  transition: all 0.3s ease;
  bottom: 0;
}
@media screen and (max-width: 767px) {
  .c-mv3__btn span:after {
    content: none;
  }
}
.c-mv3__btn i {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 15px;
  height: 15px;
  border-top: 2px solid #0082d6;
  border-right: 2px solid #0082d6;
  transform: translate(-30%) rotate(45deg);
}
@media screen and (max-width: 767px) {
  .c-mv3__btn i {
    width: 8px;
    height: 8px;
    border-width: 1px;
  }
}

/*
------------------------------------------------------------*/
.c-block1__title {
  font-family: NotoSansCJKjp, sans-serif;
  font-size: 2rem;
  font-weight: bold;
  line-height: 3rem;
  background-color: #30BDFF;
  color: #ffffff;
  padding: 20px 20px 19px 70px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-block1__title {
    font-size: 1.4rem;
    padding: 12px 20px 12px 45px;
    font-weight: 500;
  }
}
.c-block1__title:before {
  content: "";
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  margin-top: -1px;
  background: url(../image/common/icon-block1.svg) no-repeat center center;
  background-size: 29px;
  width: 29px;
  height: 29px;
}
@media screen and (max-width: 767px) {
  .c-block1__title:before {
    width: 15px;
    height: 15px;
    background-size: 15px;
    margin-top: 0;
  }
}
.c-block1__body {
  font-size: 1.4rem;
  line-height: 2.6rem;
  border: 1px solid #30BDFF;
  padding: 21px 30px;
}
@media screen and (max-width: 767px) {
  .c-block1__body {
    padding: 5px 11px;
  }
}

/*
------------------------------------------------------------*/
.c-listbox1 {
  position: relative;
  overflow: hidden;
}
.c-listbox1__rows {
  display: flex;
  flex-wrap: wrap;
  margin-right: -30px;
}
.c-listbox1__item {
  width: 50%;
  flex-shrink: 0;
  padding-right: 30px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
@media screen and (max-width: 767px) {
  .c-listbox1__item {
    width: 100%;
  }
}
.c-listbox1__title {
  font-family: NotoSansCJKjp, sans-serif;
  background-color: #30BDFF;
  color: #ffffff;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 3rem;
  padding: 5px 20px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .c-listbox1__title {
    height: auto !important;
    font-size: 1.4rem;
    line-height: 2rem;
    padding: 15px;
  }
}
.c-listbox1__body {
  border: 1px solid #BBBBBB;
  border-top: 0;
  padding: 18px 25px;
  font-size: 1.6rem;
  line-height: 2.6rem;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .c-listbox1__body {
    padding: 10px 15px;
    font-size: 1.4rem;
    line-height: 2.2rem;
  }
}

/*
------------------------------------------------------------*/
.c-listbox2 {
  width: 900px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
}
.c-listbox2__rows {
  display: flex;
  flex-wrap: wrap;
  margin-right: -4px;
  margin-left: -4px;
}
.c-listbox2__item {
  width: 50%;
  padding: 0 4px;
}
@media screen and (max-width: 767px) {
  .c-listbox2__item {
    width: 100%;
  }
  .c-listbox2__item + .c-listbox2__item {
    margin-top: 15px;
  }
}
.c-listbox2__body {
  border: 1px solid #BBBBBB;
  height: 100%;
  padding: 62px 60px 60px;
}
@media screen and (max-width: 767px) {
  .c-listbox2__body {
    padding: 40px;
  }
}
@media screen and (max-width: 480px) {
  .c-listbox2__body {
    padding: 20px;
  }
}
.c-listbox2__img {
  text-align: center;
  margin-bottom: 18px;
}
.c-listbox2__title1 {
  position: relative;
  font-family: NotoSansCJKjp, sans-serif;
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 19px;
}
.c-listbox2__title2 {
  position: relative;
  font-weight: bold;
  font-size: 1.599rem;
  line-height: 2.999rem;
  margin-bottom: 10px;
}
.c-listbox2__title2:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #000;
  margin: 0 3px;
}
.c-listbox2__text1 {
  font-size: 1.4rem;
  line-height: 2.4rem;
  margin-bottom: 22px;
}
.c-listbox2__text2 {
  font-size: 1.4rem;
  line-height: 2.4rem;
  background-color: #EEEEEE;
  padding: 22px 28px;
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .c-listbox2__text2 {
    padding: 15px 20px;
  }
}
.c-listbox2__note {
  font-size: 1.2rem;
  line-height: 2.2rem;
  margin-top: 30px;
}
.c-listbox2__note a {
  text-decoration: underline;
  color: #0082D6;
}

/*
------------------------------------------------------------*/
.c-listbox3 {
  width: 636px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
}
.c-listbox3__rows {
  display: flex;
  flex-wrap: wrap;
  margin-right: -22px;
  margin-left: -22px;
}
@media screen and (max-width: 480px) {
  .c-listbox3__rows {
    margin-right: -12px;
    margin-left: -12px;
  }
}
.c-listbox3__item {
  width: 50%;
  padding-left: 22px;
  padding-right: 22px;
  margin-bottom: 40px;
}
@media screen and (max-width: 480px) {
  .c-listbox3__item {
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 30px;
  }
}
.c-listbox3__img {
  margin-bottom: 12px;
}
@media screen and (max-width: 767px) {
  .c-listbox3__img {
    margin-bottom: 6px;
  }
}
.c-listbox3__img img {
  width: 100%;
}
.c-listbox3__title {
  font-size: 1.4rem;
  line-height: 2.4rem;
}

/*
------------------------------------------------------------*/
.c-textbox1 {
  position: relative;
  background-color: #EEEEEE;
  padding: 26px;
}
@media screen and (max-width: 767px) {
  .c-textbox1 {
    padding: 15px 20px;
  }
}
.c-textbox1 p + p {
  margin-top: 27px;
}
@media screen and (max-width: 767px) {
  .c-textbox1 p + p {
    margin-top: 15px;
  }
}
.c-textbox1 p, .c-textbox1 .size1 {
  font-size: 1.4rem;
  line-height: 2.6rem;
}
.c-textbox1 .size2 {
  font-size: 1.2rem;
  line-height: 2.2rem;
}

/*
------------------------------------------------------------*/
.display {
  background-color: rgba(0, 0, 0, 0.8);
  animation-name: example;
  animation-duration: 0.4s;
  display: flex;
  justify-content: center;
  align-items: center;
}
@keyframes example {
  0% {
    background-color: rgba(0, 0, 0, 0.4);
  }
}
@keyframes example2 {
  0% {
    transform: scale(0.5);
  }
}
@keyframes example3 {
  0% {
    opacity: 0;
  }
  99% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes example4 {
  0% {
    opacity: 0;
  }
  52% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/*
------------------------------------------------------------*/
.c-content p {
  font-size: 1.6rem;
  line-height: 1.5;
  color: #333333;
  font-family: "Meiryo", sans-serif;
  margin: 40px 0 0;
}
@media screen and (max-width: 767px) {
  .c-content p {
    font-size: 1.2rem;
    line-height: 1.6;
    margin: 18px 0 0;
  }
}

/*
------------------------------------------------------------*/
.c-banner2 {
  background: #0082D6;
  padding: 60px 0 84px;
}
@media screen and (max-width: 767px) {
  .c-banner2 {
    padding: 21px 0 20px;
  }
}
.c-banner2 .l-container2 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .c-banner2 .l-container2 {
    display: block;
  }
}
.c-banner2__img {
  width: 358px;
  margin: 26px 0 0;
}
@media screen and (max-width: 767px) {
  .c-banner2__img {
    width: 179px;
    margin: 0 auto 13px;
  }
}
.c-banner2__img img {
  width: 100%;
  height: auto;
}
.c-banner2__info {
  flex: 1;
  margin: 0 0 0 101px;
}
@media screen and (max-width: 767px) {
  .c-banner2__info {
    width: 100%;
    margin: 0;
  }
}
.c-banner2__ttl {
  font-size: 2.8rem;
  line-height: 1.5;
  color: #fff;
  font-weight: bold;
  font-family: "Meiryo", sans-serif;
}
@media screen and (max-width: 767px) {
  .c-banner2__ttl {
    text-align: center;
    font-size: 1.6rem;
  }
}
.c-banner2__ttl span {
  display: block;
  font-size: 1.9rem;
}
@media screen and (max-width: 767px) {
  .c-banner2__ttl span {
    font-size: 1.2rem;
  }
}
.c-banner2__txt {
  font-size: 1.6rem;
  line-height: 1.5;
  color: #fff;
  font-family: "Meiryo", sans-serif;
  margin: 20px 0 0;
}
@media screen and (max-width: 767px) {
  .c-banner2__txt {
    text-align: center;
    font-size: 1.2rem;
    line-height: 1.55;
    margin: 14px 0 0;
  }
}
.c-banner2__list {
  margin: 29px 0 0;
}
@media screen and (max-width: 767px) {
  .c-banner2__list {
    margin: 20px 0 0;
  }
}
.c-banner2__item {
  font-size: 1.4rem;
  line-height: 1.72;
  color: #fff;
  font-weight: bold;
  font-family: "Meiryo", sans-serif;
  position: relative;
  padding: 0 0 0 19px;
}
@media screen and (max-width: 767px) {
  .c-banner2__item {
    font-size: 1.1rem;
    line-height: 1.7;
    padding: 0 0 0 14px;
  }
}
.c-banner2__item::before {
  content: "";
  width: 10px;
  height: 1px;
  background: #fff;
  position: absolute;
  top: 11px;
  left: 2px;
}
@media screen and (max-width: 767px) {
  .c-banner2__item::before {
    width: 7px;
    top: 7px;
    left: 1px;
  }
}
.c-banner2 .c-btn2 {
  margin: 38px 0 0;
}
@media screen and (max-width: 767px) {
  .c-banner2 .c-btn2 {
    margin: 20px 0 0;
  }
}
.c-banner2 .c-btn2 a {
  width: 433px;
  height: 84px;
  font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
  .c-banner2 .c-btn2 a {
    width: 100%;
    height: 46px;
    font-size: 1.35rem;
  }
}
.c-banner2 .c-btn2 a::before {
  width: 4px;
  height: 4px;
  border-width: 0 1px 1px 0;
}
@media screen and (max-width: 767px) {
  .c-banner2 .c-btn2 a::before {
    width: 2px;
    height: 2px;
    right: 9%;
  }
}
.c-banner2 .c-btn2 a::after {
  left: 39px;
}
@media screen and (max-width: 767px) {
  .c-banner2 .c-btn2 a::after {
    width: 19px;
    height: 19px;
    background-size: 19px 19px;
    left: 31px;
  }
}

/*------------------------------------------------------------
Top page
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.page-index body {
  min-width: 1100px;
}
@media screen and (max-width: 767px) {
  .page-index body {
    min-width: auto;
  }
}
.page-index .c-list4__bg:hover {
  opacity: 0.8;
}
.page-index {
  /* p-index2
  ------------------------------------------------------------*/
}
.page-index .p-index2 {
  margin: 75px 0 127px;
}
@media screen and (max-width: 767px) {
  .page-index .p-index2 {
    margin: 115px 0 105px;
  }
}
@media screen and (max-width: 480px) {
  .page-index .p-index2 {
    margin: 80px 0;
  }
}
.page-index .p-index2 .c-listBlock1:nth-child(4) .c-listBlock1__content {
  align-items: center;
}
.page-index .p-index2 .c-listBlock1:nth-child(4) .c-listBlock1__img {
  padding: 0;
}
.page-index .p-index2 .c-listBlock1__text {
  border-left: 1px solid #30bdff;
  height: auto;
  display: block;
}
@media screen and (max-width: 767px) {
  .page-index .p-index2 .c-listBlock1__text {
    border: none;
  }
}
.page-index .p-index2 .c-listBlock1__text img {
  position: static;
  transform: none;
  margin: 0 0 26px;
}
@media screen and (max-width: 767px) {
  .page-index .p-index2 .c-listBlock1__text img {
    position: absolute;
    transform: translateX(-50%);
    margin: 0;
  }
}
.page-index .p-index2 .c-listBlock1__text ul {
  margin: 25px 80px 0;
  width: auto;
}
@media screen and (max-width: 767px) {
  .page-index .p-index2 .c-listBlock1__text ul {
    margin: 0;
  }
}
.page-index .p-index2 .c-listBlock1__img {
  border-right: none;
  padding: 22px 0 23px;
}
@media screen and (max-width: 767px) {
  .page-index .p-index2 .c-listBlock1__img {
    padding: 0;
  }
}
.page-index {
  /* p-index4
  ------------------------------------------------------------*/
}
.page-index .p-index4 {
  text-align: center;
}
.page-index .p-index4 .c-title1 {
  margin-top: 118px;
}
@media screen and (max-width: 767px) {
  .page-index .p-index4 .c-title1 {
    margin-top: 60px;
  }
}
@media screen and (max-width: 480px) {
  .page-index .p-index4 .c-title1 {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .page-index .p-index4 .c-list3 {
    margin-bottom: 60px;
  }
}
.page-index .p-index4 .c-list8 {
  margin: 50px 0 90px;
}
@media screen and (max-width: 767px) {
  .page-index .p-index4 .c-list8 {
    margin-bottom: 60px;
  }
}
.page-index {
  /* p-index5
  ------------------------------------------------------------*/
}
.page-index .p-index5 {
  margin: 120px 0 56px;
}
@media screen and (max-width: 767px) {
  .page-index .p-index5 {
    margin: 100px 0 60px;
  }
}
@media screen and (max-width: 480px) {
  .page-index .p-index5 {
    margin: 80px 0 15px;
  }
}
.page-index .p-index5 .c-title1 p {
  padding-bottom: 12px;
}
.page-index .p-index5 .c-priceTable02 {
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .page-index .p-index5 .c-priceCard {
    margin-top: 35px;
  }
}
.page-index .p-index5__estimate {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .page-index .p-index5__estimate {
    margin-top: 40px;
  }
}
.page-index .p-index5__estimate .c-text2 {
  text-align: center;
}
.page-index .p-index5__estimate .c-btn1 {
  width: 500px;
}
@media screen and (max-width: 767px) {
  .page-index .p-index5__estimate .c-btn1 {
    width: 100%;
  }
}
.page-index .p-index5__estimate .c-btn1 a {
  height: 85px;
}

/*------------------------------------------------------------
guide
------------------------------------------------------------*/
.page-guide .l-layout {
  -ms-overflow-x: auto;
  overflow-x: auto;
}

/*
------------------------------------------------------------*/
/* p-guide1
------------------------------------------------------------*/
.p-guide1 {
  width: 780px;
}
@media screen and (max-width: 767px) {
  .p-guide1 {
    width: auto;
    padding-top: 25px;
  }
}
@media screen and (max-width: 480px) {
  .p-guide1 {
    padding-top: 0;
  }
}
.p-guide1-post2 {
  margin-bottom: 50px;
}
.p-guide1 .c-title2 {
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .p-guide1 .c-title2 {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 480px) {
  .p-guide1 .c-title2 {
    margin-bottom: 25px;
  }
}
.p-guide1 .c-pagination {
  padding: 40px 0;
}
@media screen and (max-width: 767px) {
  .p-guide1 .c-pagination {
    padding: 30px 0 55px;
  }
}
@media screen and (max-width: 767px) {
  .p-guide1 .c-pagination {
    padding: 20px 0 30px;
  }
}
@media screen and (max-width: 767px) {
  .p-guide1 .c-pagination .prev {
    padding-left: 5px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 767px) {
  .p-guide1 .c-pagination .prev::before {
    left: 13px;
  }
}
@media screen and (max-width: 480px) {
  .p-guide1 .c-pagination .prev::before {
    left: 8px;
    background-size: 4px 9px;
    width: 4px;
    height: 9px;
  }
}
@media screen and (max-width: 767px) {
  .p-guide1 .c-pagination .next {
    padding-left: 10px;
    padding-right: 5px;
  }
}
@media screen and (max-width: 767px) {
  .p-guide1 .c-pagination .next::before {
    right: 13px;
  }
}
@media screen and (max-width: 480px) {
  .p-guide1 .c-pagination .next::before {
    right: 8px;
    background-size: 4px 9px;
    width: 4px;
    height: 9px;
  }
}
@media screen and (max-width: 767px) {
  .p-guide1 .c-pagination a {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 480px) {
  .p-guide1 .c-pagination a {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 480px) {
  .p-guide1 .c-pagination span {
    font-size: 1.2rem;
  }
}
.p-guide1 .no-post {
  font-size: 2rem;
  font-weight: bold;
  color: #333;
}
@media screen and (max-width: 767px) {
  .p-guide1 .no-post {
    font-size: 1.5rem;
  }
}

.p-guide-inner .c-breadcrumb1 {
  border-top: 1px solid #ddd;
}

/* p-guide-inner1
------------------------------------------------------------*/
.p-guide-inner1__share {
  text-align: right;
  padding: 20px 0 40px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
@media screen and (max-width: 767px) {
  .p-guide-inner1__share {
    padding: 20px 0;
  }
}
@media screen and (max-width: 480px) {
  .p-guide-inner1__share {
    padding: 10px 0;
  }
}
.p-guide-inner1__share span {
  margin-right: 5px;
}
@media screen and (max-width: 767px) {
  .p-guide-inner1__share span {
    margin-right: 5px;
  }
}
.p-guide-inner1__share a {
  margin-right: 12px;
}
@media screen and (max-width: 767px) {
  .p-guide-inner1__share a {
    margin-right: 5px;
  }
}
@media screen and (max-width: 767px) {
  .p-guide-inner1__share a:nth-child(1) img {
    width: 80px;
    height: 28px;
  }
}
@media screen and (max-width: 767px) {
  .p-guide-inner1__share a:nth-child(2) img {
    width: 62px;
    height: 28px;
  }
}
@media screen and (max-width: 767px) {
  .p-guide-inner1__share a:nth-child(3) img {
    width: 50px;
    height: 28px;
  }
}
.p-guide-inner1__share a:nth-child(4) {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-guide-inner1__share a:nth-child(4) img {
    width: 35px;
    height: 22px;
  }
}
.p-guide-inner1__image1 {
  padding: 36px 0 30px 0;
  text-align: center;
}
.p-guide-inner1__image1 img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .p-guide-inner1__image1 {
    padding: 30px 0 40px;
  }
}
@media screen and (max-width: 480px) {
  .p-guide-inner1__image1 {
    padding: 15px 0 20px 0;
  }
}
.p-guide-inner1__title1 {
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .p-guide-inner1__title1 {
    margin-top: 20px;
  }
}
.p-guide-inner1__title2 {
  margin-top: 54px;
}
@media screen and (max-width: 767px) {
  .p-guide-inner1__title2 {
    margin-top: 28px;
  }
}
.p-guide-inner1__text1 {
  padding: 25px 0 38px 0;
}
@media screen and (max-width: 767px) {
  .p-guide-inner1__text1 {
    padding: 15px 0 18px 0;
  }
}
.p-guide-inner1__text2 {
  padding: 17px 0 27px 0;
}
@media screen and (max-width: 767px) {
  .p-guide-inner1__text2 {
    padding: 10px 0 17px 0;
  }
}
.p-guide-inner1__text3 {
  margin-top: 25px;
}
@media screen and (max-width: 767px) {
  .p-guide-inner1__text3 {
    margin-top: 14px;
  }
}
.p-guide-inner1__table {
  margin-top: 29px;
}
@media screen and (max-width: 767px) {
  .p-guide-inner1__table {
    margin-top: 18px;
  }
}
.p-guide-inner1__list1 ul {
  padding: 36px 0 0 18px;
  font-size: 1.6rem;
  font-family: "ヒラギノ角ゴ Pro";
}
@media screen and (max-width: 767px) {
  .p-guide-inner1__list1 ul {
    font-size: 1.4rem;
    padding: 20px 0 0 15px;
  }
}
.p-guide-inner1__list1 ul li {
  margin-bottom: 11px;
  position: relative;
}
.p-guide-inner1__list1 ul li:before {
  position: absolute;
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #333;
  top: 10px;
  left: -12px;
}
@media screen and (max-width: 767px) {
  .p-guide-inner1__list1 ul li:before {
    left: -8px;
  }
}
.p-guide-inner1__list1 ol {
  padding: 10px 0 0 18px;
  font-size: 1.6rem;
  font-family: "ヒラギノ角ゴ Pro";
  counter-reset: section;
}
@media screen and (max-width: 767px) {
  .p-guide-inner1__list1 ol {
    font-size: 1.4rem;
    padding: 10px 0 0 15px;
  }
}
.p-guide-inner1__list1 ol li {
  margin-bottom: 11px;
  position: relative;
}
.p-guide-inner1__list1 ol li:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  counter-increment: section;
  content: counter(section) ". ";
  top: 0;
  left: -17px;
}
@media screen and (max-width: 767px) {
  .p-guide-inner1__list1 ol li:before {
    left: -13px;
  }
}
@media screen and (max-width: 767px) {
  .p-guide-inner1 .c-btn1 {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 480px) {
  .p-guide-inner1 .c-btn1 {
    margin: 20px 0;
  }
}
@media screen and (max-width: 767px) {
  .p-guide-inner1 .c-listguide2__btnBox {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .p-guide-inner1 .c-listguide2__btnBox .c-btn1 {
    margin-top: 0;
  }
}

/*c-contentBody
------------------------------------------------------------*/
.c-contentBody {
  padding-top: 0;
}
@media screen and (max-width: 767px) {
  .c-contentBody p {
    padding-bottom: 20px;
  }
}
.c-contentBody .c-box--yellow {
  border: 1px solid #ffbe56;
  padding: 24px 30px;
  margin-bottom: 28px;
  font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
  .c-contentBody .c-box--yellow {
    padding: 12px 15px;
  }
}
.c-contentBody .c-title--yellow {
  font-weight: bold;
  color: #f39800;
  margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
  .c-contentBody .c-title--yellow {
    padding-bottom: 0;
  }
}

/*toc_container
-----------------------------------------------------------*/
#toc_container {
  border: 1px solid #ddd;
  padding: 24px 30px 33px 30px;
}
@media screen and (max-width: 767px) {
  #toc_container {
    padding: 20px;
  }
}
#toc_container .toc_list {
  margin-left: 20px;
  padding-top: 0;
  padding-left: 0;
}
@media screen and (max-width: 767px) {
  #toc_container .toc_list {
    margin-left: 15px;
  }
}
#toc_container .toc_list li {
  padding-top: 10px;
  padding-left: 0;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  #toc_container .toc_list li {
    padding-top: 5px;
  }
}
#toc_container .toc_list li:before {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  top: 18px;
  left: -12px;
  background-color: #0082d6;
}
@media screen and (max-width: 767px) {
  #toc_container .toc_list li:before {
    top: 12px;
  }
}
#toc_container .toc_list li > ul {
  padding: 0;
  margin-left: 0;
}
#toc_container .toc_list li > ul li {
  padding-top: 5px;
}
@media screen and (max-width: 767px) {
  #toc_container .toc_list li > ul li {
    padding-top: 2px;
  }
}
#toc_container .toc_list li > ul li:before {
  display: none;
}
#toc_container .toc_list li a {
  font-family: NotoSansCJKjp;
  color: #0082d6;
  text-decoration: none;
}
#toc_container .toc_list li a:hover {
  opacity: 0.8;
}

p.toc_title {
  font-size: 2rem;
  color: #333;
  padding-bottom: 10px;
  margin-bottom: 0;
  font-weight: bold;
  text-align: left !important;
}
@media screen and (max-width: 767px) {
  p.toc_title {
    font-size: 1.8rem;
    padding-bottom: 5px;
  }
}

span.toc_number.toc_depth_1,
span.toc_number.toc_depth_2 {
  display: none;
}

.twit-btn {
  margin-right: 10px !important;
}

/*------------------------------------------------------------
faq
------------------------------------------------------------*/
.p-faq1 .c-navi3 {
  margin: 40px 0 120px;
}
@media screen and (max-width: 767px) {
  .p-faq1 .c-navi3 {
    margin: 50px 0 80px;
  }
}
@media screen and (max-width: 480px) {
  .p-faq1 .c-navi3 {
    margin: 25px 0 65px;
  }
}
@media screen and (max-width: 767px) {
  .p-faq1 .c-title1 {
    margin: 30px 0;
  }
}
@media screen and (max-width: 480px) {
  .p-faq1 .c-title1 {
    margin: 15px 0;
  }
}

/*p-faq-1
------------------------------------------------------------*/
.p-faq1__navi {
  display: flex;
  justify-content: center;
  padding: 45px 0 102px 0;
}
@media screen and (max-width: 767px) {
  .p-faq1__navi {
    flex-wrap: wrap;
    padding: 20px 0 50px 0;
  }
}
.p-faq1__navi li {
  padding: 0 30px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-faq1__navi li {
    padding: 0 15px 10px 15px;
  }
}
.p-faq1__navi li:after {
  position: absolute;
  content: "";
  width: 1px;
  height: 20px;
  background-color: #dddddd;
  right: 0;
  top: 4px;
}
.p-faq1__navi li:last-child:after {
  width: 0;
}
.p-faq1__navi a {
  text-decoration: none;
  font-size: 1.8rem;
  color: #bbbbbb;
  font-family: NotoSansCJKjp;
}
@media screen and (max-width: 767px) {
  .p-faq1__navi a {
    font-size: 1.6rem;
  }
}
.p-faq1__navi .active {
  color: #0082d6;
}

/*p-faq-2
------------------------------------------------------------*/
.p-faq2 {
  padding: 22px 0 82px 0;
}
@media screen and (max-width: 767px) {
  .p-faq2 {
    padding: 0px 0 40px 0;
  }
}
@media screen and (max-width: 480px) {
  .p-faq2 {
    padding: 0px 0 20px 0;
  }
}
.p-faq2__title {
  margin: 130px 0 31px 0;
}
@media screen and (max-width: 767px) {
  .p-faq2__title {
    margin: 105px 0 30px 0;
  }
}
@media screen and (max-width: 480px) {
  .p-faq2__title {
    margin: 65px 0 15px;
  }
}

.other--list {
  display: block;
  width: 100%;
}
.other--list li {
  display: inline-block;
  font-size: 1.8rem;
}
@media screen and (max-width: 480px) {
  .other--list li {
    font-size: 1.4rem;
  }
}

.c-faq_list {
  display: block;
  width: 100%;
}
.c-faq_list li {
  display: inline-block;
}

/*
------------------------------------------------------------*/
/*------------------------------------------------------------
reason
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
/* p-reason1
------------------------------------------------------------*/
.p-reason1 {
  padding: 0 30px 20px;
}
@media screen and (max-width: 767px) {
  .p-reason1 {
    padding: 20px 0 0;
  }
}
.p-reason1 .c-btn1 {
  margin: 60px auto;
}
@media screen and (max-width: 480px) {
  .p-reason1 .c-btn1 {
    margin: 30px auto;
  }
}
.p-reason1 .c-btn1 a {
  height: 74px;
}
@media screen and (max-width: 767px) {
  .p-reason1 .c-btn1 a {
    height: 60px;
  }
}
@media screen and (max-width: 480px) {
  .p-reason1 .c-btn1 a:before {
    right: 5%;
  }
}
@media screen and (max-width: 480px) {
  .p-reason1 .c-listBlock1--mod .c-listBlock1__title:before {
    top: 25px;
  }
}

/*------------------------------------------------------------
scene
------------------------------------------------------------*/
/* p-scene1
------------------------------------------------------------*/
.p-scene1 {
  padding: 110px 0 60px;
}
@media screen and (max-width: 767px) {
  .p-scene1 {
    padding: 80px 0 30px;
  }
}
@media screen and (max-width: 480px) {
  .p-scene1 {
    padding: 65px 0 15px;
  }
}
.p-scene1 .c-imgtext2__text h3 {
  padding: 0 0 10px;
}

/* p-contract2
------------------------------------------------------------*/
.p-contract__linkArea {
  display: flex;
  align-items: center;
  margin: 30px 0;
}
@media screen and (max-width: 767px) {
  .p-contract__linkArea {
    display: block;
  }
}
.p-contract__linkArea__title {
  font-size: 1.4rem;
  color: #666;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
  border-right: 1px solid #CCC;
  padding: 3px 20px 3px 5px;
  margin-right: 20px;
}
@media screen and (max-width: 767px) {
  .p-contract__linkArea__title {
    border: none;
  }
}
.p-contract__linkArea__title span {
  margin-right: 15px;
}
.p-contract__linkList {
  background: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.p-contract__linkList li {
  margin: 0 !important;
  color: #0082D6;
  text-indent: -1.4rem;
  padding: 0 0 0 1.4rem;
}
.p-contract__linkList li a {
  text-decoration: none;
  color: #0082D6;
}
.p-contract__linkList li a span {
  text-decoration: underline;
}
.p-contract__linkList li:before {
  content: none !important;
}
.p-contract__price .c-priceTable__price {
  height: 65px;
}
@media screen and (max-width: 767px) {
  .p-contract__price .c-priceTable__price {
    height: auto;
  }
}
.p-contract__price .c-priceTable__price .num {
  font-size: 3rem;
}
.p-contract__price .c-priceTable__info {
  height: 100%;
}

.p-contract2 .c-box3 {
  margin: 0 auto 30px;
}
@media screen and (max-width: 767px) {
  .p-contract2 .c-box3 {
    margin: 0 0 15px;
    padding-bottom: 30px;
  }
}
.p-contract2 .c-box3 .c-listBlock1__text-fz1 a {
  color: #0082D6;
}
.p-contract2 .c-title1 {
  margin-bottom: 54px;
}
@media screen and (max-width: 767px) {
  .p-contract2 .c-title1 {
    margin-bottom: 27px;
  }
}
.p-contract2 .c-list5 {
  margin-top: -5px;
}
@media screen and (max-width: 767px) {
  .p-contract2 .c-list5 {
    margin-top: 18px;
  }
}
.p-contract2 .p-function-btn1 {
  margin-top: 30px;
  margin-bottom: 100px;
}
.p-contract2 .c-listSign__item {
  margin: 0 auto;
}
.p-contract2 .c-priceCard .c-btn1 a {
  height: auto;
}

.p-contract .slick-track, .p-research .slick-track {
  margin: auto;
}

/* scene p-contract1 p-research1
------------------------------------------------------------*/
.p-contract1, .p-research1 {
  padding-top: 40px;
}

.p-contract1__movie {
  margin-top: 120px;
}
@media screen and (max-width: 767px) {
  .p-contract1__movie {
    margin-top: 80px;
  }
}
.p-contract1__movie .c-list12 {
  margin: 40px auto 0;
}
@media screen and (max-width: 767px) {
  .p-contract1__movie .c-list12 {
    margin: 16px auto 0;
  }
}

/* scene p-contract2 p-research2
------------------------------------------------------------*/
.p-contract2, .p-research2 {
  padding-top: 125px;
}
@media screen and (max-width: 767px) {
  .p-contract2, .p-research2 {
    padding: 80px 0 0;
  }
}
.p-contract2-listItem, .p-research2-listItem {
  padding-top: 60px;
  display: flex;
  justify-content: center;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-contract2-listItem, .p-research2-listItem {
    display: block;
    padding-top: 30px;
  }
}
@media screen and (max-width: 480px) {
  .p-contract2-listItem, .p-research2-listItem {
    padding-top: 15px;
  }
}
.p-contract2-listItem li, .p-research2-listItem li {
  background-color: #f8f8f8;
  width: 446px;
  height: 120px;
  margin: 4px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-family: NotoSansCJKjp;
}
@media screen and (max-width: 767px) {
  .p-contract2-listItem li, .p-research2-listItem li {
    margin: 10px 0;
    width: auto;
    height: 100px;
  }
}
@media screen and (max-width: 480px) {
  .p-contract2-listItem li, .p-research2-listItem li {
    height: 80px;
  }
}
.p-contract2-listItem p, .p-research2-listItem p {
  font-size: 1.8rem;
  color: #333;
}
@media screen and (max-width: 767px) {
  .p-contract2-listItem p, .p-research2-listItem p {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .p-contract2-listItem p, .p-research2-listItem p {
    font-size: 1.4rem;
  }
}
.p-contract2-listItem span, .p-research2-listItem span {
  font-size: 2.4rem;
  color: #333;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
}
@media screen and (max-width: 767px) {
  .p-contract2-listItem span, .p-research2-listItem span {
    font-size: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .p-contract2-listItem span, .p-research2-listItem span {
    font-size: 1.8rem;
  }
}

.p-contract2 .c-btn1 {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-contract2 .c-btn1 a {
    font-size: 1.6rem;
    height: 78px;
    border-radius: 3px;
  }
}
@media screen and (max-width: 767px) {
  .p-contract2 .c-btn1 a:before {
    right: 10%;
  }
}
.p-contract2 .c-listSign {
  width: 90%;
  margin: 10px auto 25px;
}
@media screen and (max-width: 767px) {
  .p-contract2 .c-listSign {
    display: block;
    width: 80%;
  }
}
.p-contract2 .c-listSign__item {
  width: calc((100% - 40px) / 3);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-contract2 .c-listSign__item {
    width: 100%;
    display: block;
    margin: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-contract2 .c-listSign__item img {
    width: 80%;
  }
}
.p-contract2 .c-listSign__link {
  width: 90%;
  background: #00BFFF;
  padding: 13px 0px;
  display: inline-block;
  color: #ffffff;
  font-size: 1.5rem;
  text-align: center;
  text-decoration: none;
  border-radius: 6px;
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .p-contract2 .c-listSign__link {
    margin-top: 0px;
    padding: 8px 0px;
  }
}

/* scene p-contract3 p-research3
------------------------------------------------------------*/
.p-contract3, .p-research3 {
  padding: 0 16px 70px;
}
@media screen and (max-width: 767px) {
  .p-contract3, .p-research3 {
    padding: 0 0 40px;
  }
}
@media screen and (max-width: 480px) {
  .p-contract3, .p-research3 {
    padding: 0;
  }
}
.p-contract3 .c-list3, .p-research3 .c-list3 {
  padding-bottom: 25px;
}
@media screen and (max-width: 767px) {
  .p-contract3 .c-list3, .p-research3 .c-list3 {
    padding-bottom: 0;
  }
}
.p-contract3 .c-title1, .p-research3 .c-title1 {
  margin: 120px 0 30px;
}
@media screen and (max-width: 767px) {
  .p-contract3 .c-title1, .p-research3 .c-title1 {
    margin: 80px 0 30px;
  }
}
@media screen and (max-width: 767px) {
  .p-contract3 .c-title1, .p-research3 .c-title1 {
    margin: 65px 0 15px;
  }
}

.p-research .c-list3, .p-research .slider2, .p-contract .c-list3, .p-contract .slider2 {
  padding: 0 20px;
}
@media screen and (max-width: 767px) {
  .p-research .c-list3, .p-research .slider2, .p-contract .c-list3, .p-contract .slider2 {
    padding: 0;
  }
}
.p-research .c-list3 li, .p-research .slider2 li, .p-contract .c-list3 li, .p-contract .slider2 li {
  margin: auto;
  width: 339px;
}
@media screen and (max-width: 767px) {
  .p-research .c-list3 li, .p-research .slider2 li, .p-contract .c-list3 li, .p-contract .slider2 li {
    width: 100%;
  }
}
.p-research .c-list3 .slick-list, .p-research .slider2 .slick-list, .p-contract .c-list3 .slick-list, .p-contract .slider2 .slick-list {
  margin: 0;
}
.p-research .no-li p, .p-contract .no-li p {
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  color: #333;
}
@media screen and (max-width: 767px) {
  .p-research .no-li p, .p-contract .no-li p {
    font-size: 1.4rem;
  }
}

/* p-cloudsign
------------------------------------------------------------*/
.p-cloudsign .l-container {
  width: 900px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .p-cloudsign .l-container {
    width: auto;
  }
}
.p-cloudsign__column {
  margin-top: 95px;
}
.p-cloudsign__column .c-list3 {
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .p-cloudsign__column .c-list3 li {
    border: 1px solid #ddd;
  }
}
.p-cloudsign__column .c-list3__info {
  padding: 15px 30px 30px;
}
@media screen and (max-width: 767px) {
  .p-cloudsign__column .c-list3__info {
    padding: 0 18px 10px;
  }
}
.p-cloudsign__column .c-list3__info .c-info--name {
  font-weight: normal;
}
.p-cloudsign .c-btn3 {
  width: 430px;
  margin: 0 20px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-cloudsign .c-btn3 {
    width: 100%;
    margin: 0;
  }
}
.p-cloudsign .c-btn3 a {
  padding: 15px 20px;
}
.p-cloudsign .c-btn3 a:before {
  content: none;
}
.p-cloudsign__btnArea {
  display: flex;
  justify-content: center;
  margin-top: 52px;
}
@media screen and (max-width: 767px) {
  .p-cloudsign__btnArea {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .p-cloudsign .c-listPost__content {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .p-cloudsign .c-listPost__content li:before {
    top: 15px;
  }
}

.p-cloudsign1 {
  margin-top: 115px;
}
.p-cloudsign1 .c-box6 {
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .p-cloudsign1 .c-box6 {
    margin-top: 25px;
  }
}
.p-cloudsign1 .c-text1 {
  margin-top: 15px;
}
.p-cloudsign1 .c-text1 p {
  font-size: 1.4rem;
}
.p-cloudsign1 .c-text1 a {
  color: #0082d6;
}

.p-cloudsign2 {
  margin-top: 150px;
}
@media screen and (max-width: 767px) {
  .p-cloudsign2 {
    margin-top: 110px;
  }
}
.p-cloudsign2 .c-box6 {
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .p-cloudsign2 .c-box6 {
    margin-top: 25px;
  }
}
.p-cloudsign2 .c-box3 {
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  .p-cloudsign2 .c-box3 {
    margin-top: 25px;
  }
}
.p-cloudsign2 .c-box3__ttl {
  border-bottom: 1px solid #30BDFF;
}

.p-cloudsign3 {
  margin-top: 130px;
}
@media screen and (max-width: 767px) {
  .p-cloudsign3 {
    margin-top: 110px;
  }
}
.p-cloudsign3__txt {
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.8;
  color: #4C4C4C;
  margin: 28px 0 16px;
}

.p-cloudsign4 {
  margin-top: 130px;
}
@media screen and (max-width: 767px) {
  .p-cloudsign4 {
    margin-top: 110px;
  }
}
.p-cloudsign4 .c-table1 {
  margin-top: 45px;
}
@media screen and (max-width: 767px) {
  .p-cloudsign4 .c-table1 {
    margin-top: 25px;
  }
}
.p-cloudsign4 .c-text1 {
  margin-top: 15px;
}
.p-cloudsign4 .c-text1 p {
  font-size: 1.4rem;
}
.p-cloudsign4 .c-text1 a {
  color: #0082d6;
}
.p-cloudsign4__contactArea {
  text-align: center;
  margin: 110px 0;
}
@media screen and (max-width: 767px) {
  .p-cloudsign4__contactArea {
    margin: 60px 0;
  }
}
.p-cloudsign4__contactArea p {
  font-size: 2.5rem;
  color: #333;
  font-weight: normal;
  font-family: NotoSansCJKjp, sans-serif;
}
@media screen and (max-width: 767px) {
  .p-cloudsign4__contactArea p {
    font-size: 2rem;
  }
}
.p-cloudsign4__contactArea .c-btn3 {
  margin-top: 30px;
}

.p-cloudsign5 {
  margin-top: 35px;
  margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
  .p-cloudsign5 {
    margin-top: 55px;
  }
}

/*
------------------------------------------------------------*/
.p-transaction {
  position: relative;
}
.p-transaction__imgBox {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .p-transaction__imgBox {
    justify-content: space-between;
    margin-top: 20px;
  }
}
.p-transaction__imgBox img {
  margin-right: 50px;
}
@media screen and (max-width: 767px) {
  .p-transaction__imgBox img {
    margin-right: 0;
    width: 48%;
  }
}
.p-transaction__imgBox img:last-child {
  margin-right: 0;
}
.p-transaction1 {
  padding-top: 40px;
}
.p-transaction2 {
  padding-top: 128px;
}
@media screen and (max-width: 767px) {
  .p-transaction2 {
    padding-top: 80px;
  }
}
.p-transaction2__img1 {
  text-align: center;
  margin-top: 38px;
}
.p-transaction2 .c-btn1 {
  margin: 50px auto 0;
}
@media screen and (max-width: 767px) {
  .p-transaction2 .c-btn1 {
    margin: 40px auto 0;
  }
}
.p-transaction3 {
  padding-top: 128px;
}
@media screen and (max-width: 767px) {
  .p-transaction3 {
    padding-top: 80px;
  }
}
.p-transaction3 .c-title1 {
  margin-bottom: 46px;
}
@media screen and (max-width: 767px) {
  .p-transaction3 .c-title1 {
    margin-bottom: 27px;
  }
}
.p-transaction3 .c-box3 {
  margin-bottom: 30px;
  padding-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .p-transaction3 .c-box3 {
    margin-bottom: 15px;
  }
}
.p-transaction3 .c-box3__question {
  margin-bottom: 15px;
}
.p-transaction3 .c-box3 .c-block1 {
  margin-top: 43px;
}
@media screen and (max-width: 767px) {
  .p-transaction3 .c-box3 .c-block1 {
    margin-top: 20px;
  }
}
.p-transaction3 .c-listbox1 {
  margin-top: 53px;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .p-transaction3 .c-listbox1 {
    margin-top: 30px;
    margin-bottom: 20px;
  }
}
.p-transaction3 .c-listbox2 {
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .p-transaction3 .c-listbox2 {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 767px) {
  .p-transaction3 .c-listbox2 .c-card3__imgText-link {
    margin-bottom: 28px;
  }
}
@media screen and (max-width: 767px) {
  .p-transaction3 .p-function-btn1 {
    margin-top: 0;
    margin-bottom: 60px;
  }
}
.p-transaction4 {
  padding-top: 50px;
}
.p-transaction4 .c-title1 {
  margin-bottom: 46px;
}
@media screen and (max-width: 767px) {
  .p-transaction4 .c-title1 {
    margin-bottom: 27px;
  }
}
.p-transaction5 {
  padding-top: 83px;
}
.p-transaction5 .c-title1 {
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .p-transaction5 .c-title1 {
    margin-bottom: 20px;
  }
}
.p-transaction5 .c-table3 {
  margin-bottom: 30px;
}
.p-transaction5 .c-btn1 {
  margin-top: 60px;
}
.p-transaction5 .c-priceTable02 .c-btn1,
.p-transaction5 .c-priceCard .c-btn1 {
  margin-top: 20px;
}
.p-transaction6 {
  position: relative;
  padding-top: 128px;
  padding-bottom: 138px;
}
@media screen and (max-width: 767px) {
  .p-transaction6 {
    padding-top: 20px;
    padding-bottom: 60px;
  }
}
.p-transaction6__body {
  display: flex;
  width: 900px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  .p-transaction6__body {
    flex-wrap: wrap;
  }
}
.p-transaction6__img {
  width: 230px;
  flex-shrink: 0;
  margin-top: 23px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-transaction6__img {
    width: 100%;
    margin-top: 0;
  }
}
.p-transaction6__form {
  width: 100%;
  padding-left: 40px;
}
@media screen and (max-width: 767px) {
  .p-transaction6__form {
    padding-left: 0;
  }
}

/*------------------------------------------------------------
service
------------------------------------------------------------*/
.mt30 {
  margin-top: 30px;
}

/*
------------------------------------------------------------*/
/* p-service1
------------------------------------------------------------*/
.p-service1 {
  padding: 0 30px;
}
@media screen and (max-width: 767px) {
  .p-service1 {
    padding: 0;
  }
}
.p-service1 .c-btn1 {
  margin: 60px auto 80px;
}
@media screen and (max-width: 480px) {
  .p-service1 .c-btn1 {
    margin: 20px auto 30px;
  }
}
.p-service1 .c-btn1 a {
  height: 74px;
}
@media screen and (max-width: 480px) {
  .p-service1 .c-btn1 a {
    height: 60px;
  }
}
@media screen and (max-width: 767px) {
  .p-service1 .c-table-block .c-btn1--blue a {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .p-service1 .c-table-block .c-btn1--blue a:before {
    right: 10%;
  }
}
@media screen and (max-width: 320px) {
  .p-service1 .c-table-block .c-btn1--blue a:before {
    right: 7%;
  }
}
.p-service1 .c-title1 h3 {
  font-size: 1.8rem;
  color: #333;
  font-weight: bold;
  font-family: NotoSansCJKjp, sans-serif;
  padding-top: 40px;
  line-height: 1.65;
}
@media screen and (max-width: 767px) {
  .p-service1 .c-title1 h3 {
    padding: 30px 0 10px;
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 480px) {
  .p-service1 .c-title1 h3 {
    padding: 15px 0 0px;
    font-size: 1.5rem;
  }
}
.p-service1 .c-title1 p {
  line-height: 2;
  padding: 15px 0;
}
@media screen and (max-width: 480px) {
  .p-service1 .c-title1 p {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-service1 .c-title1 .regular {
    font-size: 1.2rem;
    margin-top: 0;
  }
}
.p-service1 .c-navi3 {
  margin: 40px 0;
}
@media screen and (max-width: 767px) {
  .p-service1 .c-navi3 {
    margin: 50px 0;
  }
}
@media screen and (max-width: 480px) {
  .p-service1 .c-navi3 {
    margin: 25px 0;
  }
}
.p-service1 .c-title1 {
  margin-top: 107px;
}
@media screen and (max-width: 767px) {
  .p-service1 .c-title1 {
    margin-top: 95px;
  }
}
@media screen and (max-width: 480px) {
  .p-service1 .c-title1 {
    margin-top: 75px;
  }
}
.p-service1 .c-listBlock1-last {
  margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
  .p-service1 .c-listBlock1-last {
    margin-bottom: 30px;
  }
}
.p-service1 .c-table1--around th {
  text-align: left;
}

/* p-requirement
------------------------------------------------------------*/
.p-requirement {
  margin: 0 -30px;
}
@media screen and (max-width: 767px) {
  .p-requirement {
    margin: 0;
  }
}
.p-requirement .c-title5 {
  margin: 60px 0 20px;
}
@media screen and (max-width: 480px) {
  .p-requirement .c-title5 {
    margin: 30px 0 10px;
  }
}

/* p-serviceFunction
------------------------------------------------------------*/
.p-serviceFunction .c-table-block .c-btn1 {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-serviceFunction .c-table-block .c-btn1 a {
    border-radius: 3px;
  }
}

.p-function-mt p {
  padding-left: 30px !important;
}

.p-function-btn1 {
  display: flex;
  justify-content: center;
  margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
  .p-function-btn1 {
    display: block;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 480px) {
  .p-function-btn1 {
    margin-top: 40px;
  }
}
.p-function-btn1 + .p-function-btn1 {
  margin-top: 20px;
}
.p-function-btn1 .c-btn1 {
  margin: 20px 15px 80px;
}
@media screen and (max-width: 767px) {
  .p-function-btn1 .c-btn1 {
    margin: 20px auto 40px;
  }
}
@media screen and (max-width: 480px) {
  .p-function-btn1 .c-btn1 {
    margin: 20px auto;
  }
}
.p-function-btn1--bottom .c-btn1 {
  margin-bottom: 0;
  width: 400px;
}
.p-function-btn1--txt {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
  .p-function-btn1--txt {
    margin-bottom: 50px;
  }
}
.p-function-btn1--txt p {
  line-height: 2;
  font-size: 1.4rem;
  color: #333;
  font-weight: normal;
  font-family: "Meiryo", sans-serif;
}
.p-function-btn1--mb0 {
  margin-bottom: 0;
}
.p-function-btn1--mb0 .c-btn1 {
  margin-bottom: 0;
}

.p-function__movie .c-list12 {
  margin-top: 40px;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .p-function__movie .c-list12 {
    margin: 16px 0 0;
    justify-content: unset;
  }
}

.p-cloud__movie {
  margin: 100px 0;
}
@media screen and (max-width: 767px) {
  .p-cloud__movie {
    margin: 50px 0;
  }
}
.p-cloud__movie .c-list12 {
  margin: 40px 0 0;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .p-cloud__movie .c-list12 {
    margin: 16px 0 0;
    justify-content: unset;
  }
}

.page-service-update .regular {
  font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
  .page-service-update .regular {
    margin-top: 20px;
  }
}
.page-service-update .c-listBlock1--box {
  margin: 40px 0 50px;
}
.page-service-update .c-listBlock1--box .c-listBlock1__text {
  width: 100%;
}
.page-service-update .c-listBlock1--box .c-listBlock1--mod1:last-child {
  padding-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .page-service-update .c-listBlock1--box .c-listBlock1--mod1 .c-listBlock1__title {
    margin-bottom: 15px;
  }
}
.page-service-update .c-listBlock1--box .c-listBlock1--mod1 .c-listBlock1__text p {
  line-height: 1.5;
}

/* p-serviceRequirement
------------------------------------------------------------*/
.p-serviceRequirement .p-function-btn1 {
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  .p-serviceRequirement .p-function-btn1 {
    margin-top: 40px;
  }
}

/* p-ledger_creation
------------------------------------------------------------*/
.p-ledger_creation .c-post__list:before {
  content: none;
}
.p-ledger_creation .c-box3 {
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .p-ledger_creation .c-box3 {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .p-ledger_creation .c-box3__ttl {
    font-size: 1.8rem;
  }
}
.p-ledger_creation .c-box6 {
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .p-ledger_creation .c-box6 {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .p-ledger_creation .c-box6 .c-listPost__content {
    padding: 0;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-ledger_creation .c-box6 .c-listPost__content li {
    padding: 5px 0 5px 30px;
  }
}
@media screen and (max-width: 767px) {
  .p-ledger_creation .c-box6 .c-listPost__content li:before {
    top: 5px;
    left: 0;
    background-size: 100%;
    height: 20px;
    width: 20px;
  }
}
.p-ledger_creation .c-title7 {
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .p-ledger_creation .c-title7 {
    margin-top: 30px;
  }
}
.p-ledger_creation .c-table4 {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .p-ledger_creation .c-table4 {
    margin-top: 15px;
  }
}
.p-ledger_creation__btnBox {
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .p-ledger_creation__btnBox {
    margin-top: 30px;
    flex-wrap: wrap;
  }
}
.p-ledger_creation__btnBox .c-btn1 {
  margin: 0;
  width: 49%;
  height: 85px;
}
@media screen and (max-width: 767px) {
  .p-ledger_creation__btnBox .c-btn1 {
    margin-top: 15px;
    width: 100%;
    height: auto;
  }
}
.p-ledger_creation__btnBox .c-btn1 a {
  padding: 15px 0 16px;
}
@media screen and (max-width: 767px) {
  .p-ledger_creation__btnBox .c-btn1 a {
    height: auto;
  }
}
.p-ledger_creation__btnBox .c-btn1--orange a {
  flex-wrap: wrap;
}
.p-ledger_creation1 {
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .p-ledger_creation1 {
    margin-top: 35px;
  }
}
.p-ledger_creation2 {
  padding-top: 136px;
}
@media screen and (max-width: 767px) {
  .p-ledger_creation2 {
    padding-top: 80px;
  }
}
.p-ledger_creation3 {
  margin: 0 auto;
  padding-top: 136px;
  width: 900px;
}
@media screen and (max-width: 767px) {
  .p-ledger_creation3 {
    padding-top: 80px;
    width: 100%;
  }
}
.p-ledger_creation3 .c-flow2 {
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .p-ledger_creation3 .c-flow2 {
    margin-top: 30px;
  }
}
.p-ledger_creation4 {
  margin: 0 auto 80px;
  padding-top: 136px;
  width: 900px;
}
@media screen and (max-width: 767px) {
  .p-ledger_creation4 {
    margin: 0 auto 40px;
    padding-top: 80px;
    width: 100%;
  }
}

/*------------------------------------------------------------
seminar
------------------------------------------------------------*/
.mt30 {
  margin-top: 30px;
}

/*
------------------------------------------------------------*/
/* p-seminar1
------------------------------------------------------------*/
.p-seminar2,
.p-seminar3 {
  padding: 0 30px;
}
@media screen and (max-width: 767px) {
  .p-seminar2,
  .p-seminar3 {
    padding: 0;
  }
}
.p-seminar2 .c-listBlock1--mod2,
.p-seminar3 .c-listBlock1--mod2 {
  margin-top: 0;
  margin-bottom: 38px;
}
@media screen and (max-width: 767px) {
  .p-seminar2 .c-listBlock1--mod2,
  .p-seminar3 .c-listBlock1--mod2 {
    margin-bottom: 30px;
  }
}
.p-seminar2 .c-listBlock1--mod2 .c-listBlock1__text,
.p-seminar3 .c-listBlock1--mod2 .c-listBlock1__text {
  width: 100%;
}
.p-seminar2 .c-listBlock1--mod2 .c-listBlock1__title,
.p-seminar3 .c-listBlock1--mod2 .c-listBlock1__title {
  font-size: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-seminar2 .c-listBlock1--mod2 .c-listBlock1__title,
  .p-seminar3 .c-listBlock1--mod2 .c-listBlock1__title {
    font-size: 1.9rem;
  }
}
.p-seminar2 .c-listBlock1--mod2 .c-listBlock1__title b,
.p-seminar3 .c-listBlock1--mod2 .c-listBlock1__title b {
  font-size: 1.8rem;
  color: #0082d6;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .p-seminar2 .c-listBlock1--mod2 .c-listBlock1__title b,
  .p-seminar3 .c-listBlock1--mod2 .c-listBlock1__title b {
    font-size: 1.6rem;
  }
}
.p-seminar2 .c-btn1,
.p-seminar3 .c-btn1 {
  margin: 60px auto 80px;
}
@media screen and (max-width: 480px) {
  .p-seminar2 .c-btn1,
  .p-seminar3 .c-btn1 {
    margin: 20px auto 30px;
  }
}
.p-seminar2 .c-btn1 a,
.p-seminar3 .c-btn1 a {
  height: 74px;
}
@media screen and (max-width: 480px) {
  .p-seminar2 .c-btn1 a,
  .p-seminar3 .c-btn1 a {
    height: 60px;
  }
}
.p-seminar2 .c-title1 h2,
.p-seminar3 .c-title1 h2 {
  margin-top: 107px;
}
@media screen and (max-width: 767px) {
  .p-seminar2 .c-title1 h2,
  .p-seminar3 .c-title1 h2 {
    margin-top: 75px;
  }
}
.p-seminar2 .c-title1 p,
.p-seminar3 .c-title1 p {
  line-height: 2;
  padding: 20px 0;
}

.p-seminar1 {
  padding: 0 30px;
}
@media screen and (max-width: 767px) {
  .p-seminar1 {
    padding: 0 0;
  }
}
.p-seminar1 .c-title1 h2 {
  margin-top: 107px;
}
@media screen and (max-width: 767px) {
  .p-seminar1 .c-title1 h2 {
    margin-top: 75px;
  }
}
.p-seminar1__tabContent {
  margin-top: 20px;
}
.p-seminar1__tabContent li {
  text-align: left;
  border: 1px solid #ddd;
  padding: 25px 55px 25px 30px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  position: relative;
  margin-top: 5px;
}
.p-seminar1__tabContent li:hover {
  opacity: 0.7;
}
@media screen and (max-width: 767px) {
  .p-seminar1__tabContent li {
    flex-wrap: wrap;
    padding: 30px 40px 25px 30px;
    margin-top: 30px;
  }
}
@media screen and (max-width: 480px) {
  .p-seminar1__tabContent li {
    padding: 15px 30px 10px 15px;
    margin-top: 15px;
  }
}
.p-seminar1__tabContent li span {
  margin-right: 25px;
}
@media screen and (max-width: 767px) {
  .p-seminar1__tabContent li span {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .p-seminar1__tabContent li span {
    font-size: 1.2rem;
  }
}
.p-seminar1__tabContent li time {
  margin-right: 25px;
}
@media screen and (max-width: 767px) {
  .p-seminar1__tabContent li time {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .p-seminar1__tabContent li time {
    font-size: 1.2rem;
  }
}
.p-seminar1__tabContent li h3 {
  font-size: 1.6rem;
  color: #0082d6;
  font-weight: normal;
  padding-left: 30px;
  width: 750px;
}
@media screen and (max-width: 767px) {
  .p-seminar1__tabContent li h3 {
    padding-left: 0;
    padding-top: 20px;
    width: 100%;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .p-seminar1__tabContent li h3 {
    font-size: 1.4rem;
    padding-top: 10px;
  }
}
.p-seminar1__tabContent li a {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
}
.p-seminar1__tabContent li:after {
  position: absolute;
  content: "";
  background: url(../image/common/icon-ticker.png);
  background-size: 9px 15px;
  width: 9px;
  height: 15px;
  right: 28px;
  top: 40%;
}
@media screen and (max-width: 767px) {
  .p-seminar1__tabContent li:after {
    background-size: 6px 10px;
    width: 6px;
    height: 10px;
    right: 10px;
    top: 50%;
  }
}

.p-seminar2 {
  margin-bottom: 130px;
}
@media screen and (max-width: 767px) {
  .p-seminar2 {
    margin-bottom: 80px;
  }
}
.p-seminar2__mv {
  margin-bottom: 55px;
}
.p-seminar2__mv img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .p-seminar2__mv {
    margin-bottom: 35px;
  }
}

.p-seminar3 {
  margin-bottom: 130px;
}
@media screen and (max-width: 767px) {
  .p-seminar3 {
    margin-bottom: 50px;
  }
}

/*------------------------------------------------------------
policy
------------------------------------------------------------*/
@media screen and (max-width: 767px) {
  .p-policy .c-navi3--twoItem button {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .p-policy .c-navi3--twoItem button:first-child {
    border-bottom: none;
  }
}
@media screen and (max-width: 767px) {
  .p-policy .c-navi3--twoItem button:nth-child(2n) {
    border-left: 1px solid #0082d6;
  }
}
.p-policy .p-policy1 {
  padding-top: 180px;
  margin: -125px 0 130px;
}
@media screen and (max-width: 767px) {
  .p-policy .p-policy1 {
    padding-top: 100px;
    margin: -65px 0 50px;
  }
}
.p-policy .c-navi3 {
  margin: 40px 0 120px;
}
@media screen and (max-width: 767px) {
  .p-policy .c-navi3 {
    margin: 50px 0 80px;
  }
}
@media screen and (max-width: 480px) {
  .p-policy .c-navi3 {
    margin: 25px 0 65px;
  }
}
@media screen and (max-width: 767px) {
  .p-policy .c-title1 {
    margin: 30px 0;
  }
}
@media screen and (max-width: 480px) {
  .p-policy .c-title1 {
    margin: 15px 0;
  }
}
.p-policy .c-title1 p {
  text-align: left;
}
.p-policy__box {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .p-policy__box {
    margin-top: 40px;
  }
}
.p-policy .c-list7 {
  padding: 10px 0;
}
.p-policy .c-list7__subList {
  padding: 0 0 10px 0;
  margin-left: 40px;
}
@media screen and (max-width: 767px) {
  .p-policy .c-list7__subList {
    margin-left: 37px;
  }
}
.p-policy__version {
  text-align: right;
  margin: 50px 0 80px 0;
}
@media screen and (max-width: 767px) {
  .p-policy__version {
    margin: 30px 0 50px 0;
  }
}

/*------------------------------------------------------------
price
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.p-price {
  font-family: NotoSansCJKjp, sans-serif;
}
@media screen and (max-width: 767px) {
  .p-price .c-title1 p {
    text-align: center;
  }
}
.p-price__title {
  font-weight: bold;
  font-size: 1.8rem;
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .p-price__title {
    font-size: 1.6rem;
    margin-top: 30px;
  }
}
.p-price__text {
  font-size: 1.6rem;
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "ヒラギノ角ゴ Pro", sans-serif;
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .p-price__text {
    font-size: 1.4rem;
  }
}
.p-price .c-table1--price tbody td,
.p-price .c-table1--price tbody th {
  font-family: NotoSansCJKjp, sans-serif;
}
.p-price .c-table1--price tbody th {
  padding: 10px 20px;
}
@media screen and (max-width: 767px) {
  .p-price .c-table1--price tbody .spPd20 {
    padding: 20px;
  }
}
.p-price .c-table1--price__text {
  text-align: center;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.3;
}
.p-price .c-table1--price__text .num {
  font-size: 4rem;
  font-family: "Josefin Sans", sans-serif;
  font-weight: 600;
  margin-right: 8px;
}
.p-price .c-table1--price__text2 {
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-price .c-table1--price__text2 {
    font-size: 1.4rem;
  }
}
.p-price .c-table1--price__note {
  text-align: center;
  font-size: 1.2rem;
  font-weight: 500;
  color: #949CA3;
}
.p-price .c-table1--price .c-btn1 {
  width: 240px;
  margin: 20px auto 0;
}
@media screen and (max-width: 767px) {
  .p-price .c-table1--price .c-btn1 {
    width: calc(100% - 80px) !important;
    margin: 10px auto 0;
  }
}
.p-price .c-table1--price .c-btn1 a:before {
  content: none;
}
.p-price .spacer {
  width: 100%;
}

/*.p-price1
------------------------------------------------------------*/
.p-price1 {
  padding-top: 40px;
}
@media screen and (max-width: 767px) {
  .p-price1 {
    padding-top: 20px;
  }
}
.p-price1 .c-title1 {
  margin: 110px 0 20px;
}
@media screen and (max-width: 767px) {
  .p-price1 .c-title1 {
    margin: 80px 0 20px;
  }
}
.p-price1-list {
  font-size: 1.4rem;
  color: #333;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
  margin-top: 15px;
}
@media screen and (max-width: 767px) {
  .p-price1-list {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .p-price1-list {
    font-size: 1.4rem;
  }
}
.p-price1-list li {
  padding: 3px 0;
}
.p-price1-list a {
  text-decoration: none;
  color: #0082d6;
}
@media screen and (max-width: 767px) {
  .p-price1 .c-table1--price {
    overflow-y: scroll;
  }
}
@media screen and (max-width: 767px) {
  .p-price1 .c-table1--price table {
    width: 550px;
  }
}
.p-price1 .c-table1--price th,
.p-price1 .c-table1--price td {
  width: 25%;
}
@media screen and (max-width: 767px) {
  .p-price1 .c-table1--price th,
  .p-price1 .c-table1--price td {
    display: table-cell;
  }
}
.p-price1__estimate {
  margin-top: 40px;
}
.p-price1__estimate .c-text2 {
  text-align: center;
}
.p-price1__estimate .c-btn1 {
  width: 500px;
}
@media screen and (max-width: 767px) {
  .p-price1__estimate .c-btn1 {
    width: 100%;
  }
}
.p-price1__estimate .c-btn1 a {
  height: 85px;
}

/*.p-price2
------------------------------------------------------------*/
.p-price2 {
  margin: 110px 0 80px;
}
@media screen and (max-width: 767px) {
  .p-price2 {
    margin: 80px 0 40px;
  }
}
@media screen and (max-width: 767px) {
  .p-price2 .c-table1--price .pc-only {
    display: none !important;
  }
}
.p-price2 .c-table1--price th {
  text-align: center;
}

/*.p-price3
------------------------------------------------------------*/
/*.p-price3 {
    margin: 160px 0 40px;
    @include sp480 {
        margin: 30px 0 20px;
    }
}*/
/*.p-price4 MyQuickクラウドのモデルプラン
------------------------------------------------------------*/
/*.p-price4 {
    margin: 160px 0 40px;
    @include sp480 {
        margin: 100px 0 20px;
    }
    p {
        margin: 25px 0;
        @include infotext (1.4rem, $color2, normal, "ヒラギノ角ゴ Pro");
        @include pc {
            text-align: center;
        }
        @include sp {
            font-size: 1.8rem;
        }
        @include sp480 {
            font-size: 1.4rem;
        }
    }
    .c-table1--price {
        table {
            @include sp {
                border: none;
            }
        }
        thead {
            @include sp {
                display: none;
            }
            th {
                text-align: center;
                @include infotext (1.6rem, $color2, normal, "ヒラギノ角ゴ Pro");
                font-size: 1.4rem;
                background: #eeeeee;
            }
        }

        tbody {
            tr {
                @include sp {
                    display: block;
                    border: 1px solid $color1;
                    margin-bottom: 30px;
                }
                &:not(:last-child) th,
                &:not(:last-child) td, {
                    @include pc {
                        border-bottom: 3px double $color1;
                    }
                }
            }
            th, td() {
                padding: 10px 13px;
            }
            th {
                font-size: 1.4rem;
                font-weight: bold;
                background: $color3;
                color: #ffffff;
                width: 13%;
                @include pc {
                    height: 16em;
                }
                @include sp {
                    text-align: center;
                    border-color: $color3;
                    width: 100%;
                    font-size: 1.8rem;
                }
            }
            td {
                font-size: 1.25rem;
                line-height: 1.6;
                @include sp {
                    display: block;
                    text-align: center;
                    padding: 15px;
                    font-size: 1.6rem;
                    border: none;
                    &::before {
                        background: #eee;
                        display: block;
                        content: attr(data-label);
                        text-align: center;
                        padding: 10px 15px;
                        margin-bottom: 10px;
                    }
                }
                @include sp480 {
                    font-size: 1.4rem;
                }
                .yen {
                    font-size: 1.6rem;
                    @include sp {
                        font-size: 1.8rem;
                    }
                }
                .small {
                    display: inline-block;
                    @include sp {
                        font-size: 1.4rem;
                    }
                }
                &.model {
                    @include sp {
                        text-align: left;
                    }
                }
            }

        }

    }
}*/
/*------------------------------------------------------------
flow
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
/* p-flow1
------------------------------------------------------------*/
.p-flow .c-title1 {
  margin-top: 110px;
}
@media screen and (max-width: 767px) {
  .p-flow .c-title1 {
    margin-top: 80px;
  }
}
@media screen and (max-width: 480px) {
  .p-flow .c-title1 {
    margin-top: 65px;
  }
}

.p-flow1 {
  padding: 0 30px 80px;
}
@media screen and (max-width: 767px) {
  .p-flow1 {
    padding: 0 0 30px;
  }
}
@media screen and (max-width: 480px) {
  .p-flow1 {
    padding: 0 0 15px;
  }
}

/*------------------------------------------------------------
document
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
/* p-document1
------------------------------------------------------------*/
.p-document1 {
  padding: 90px 40px 0 40px;
}
@media screen and (max-width: 767px) {
  .p-document1 {
    padding: 85px 0 0 0;
  }
}
@media screen and (max-width: 480px) {
  .p-document1 {
    padding: 65px 0 0 0;
  }
}
.p-document1 .c-title1 {
  padding-bottom: 20px;
}
@media screen and (max-width: 480px) {
  .p-document1 .c-title1 {
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 767px) {
  .p-document1 .c-post {
    margin-top: 60px;
  }
}
@media screen and (max-width: 480px) {
  .p-document1 .c-post {
    margin-top: 30px;
  }
}

/* p-document2
------------------------------------------------------------*/
.p-document2 {
  padding: 125px 0 40px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-document2 {
    padding: 110px 0 20px;
  }
}
@media screen and (max-width: 480px) {
  .p-document2 {
    padding: 65px 0 10px;
  }
}
.p-document2 .c-title1 {
  padding: 0;
}
@media screen and (max-width: 480px) {
  .p-document2 .c-btn1 a {
    height: 84px;
  }
}
.p-document2 .c-list5__item:nth-child(6) {
  border: 1px solid #0082d6;
}

/*------------------------------------------------------------
case
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
/* p-case1
------------------------------------------------------------*/
.p-case1 {
  padding-top: 110px;
}
@media screen and (max-width: 767px) {
  .p-case1 {
    padding-top: 80px;
  }
}
.p-case1 .c-pagination {
  padding: 30px 0 0;
  margin-bottom: 140px;
}
@media screen and (max-width: 767px) {
  .p-case1 .c-pagination {
    padding: 10px 10px 0;
    margin-bottom: 90px;
  }
}

/* p-case2
------------------------------------------------------------*/
.p-case2 {
  padding-top: 13px;
  margin-bottom: 142px;
}
@media screen and (max-width: 767px) {
  .p-case2 {
    padding-top: 20px;
    margin-bottom: 60px;
  }
}
.p-case2 .c-list9 {
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  .p-case2 .c-list9 {
    margin-top: 30px;
  }
}

/* p-detail
------------------------------------------------------------*/
.p-detail {
  padding-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .p-detail {
    padding-bottom: 20px;
  }
}
.p-detail .l-wrap {
  width: 1080px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .p-detail .l-wrap {
    width: 90.625%;
    margin: auto;
  }
}
.p-detail .l-container {
  padding: 0 40px 1px;
}
@media screen and (max-width: 767px) {
  .p-detail .l-container {
    padding: 0;
  }
}
.p-detail .l-container ul {
  font-size: 1.6rem;
  color: #333;
  margin-left: 20px;
}
@media screen and (max-width: 767px) {
  .p-detail .l-container ul {
    margin-left: 15px;
  }
}
.p-detail .l-container ul li {
  list-style: disc;
  padding-top: 10px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-detail .l-container ul li {
    padding-top: 5px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .p-detail .l-container ul li {
    font-size: 1.4rem;
  }
}
.p-detail .l-container ul li:before {
  position: absolute;
  content: none;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #0082d6;
  left: -12px;
  top: 18px;
}
@media screen and (max-width: 767px) {
  .p-detail .l-container ul li:before {
    top: 12px;
  }
}
.p-detail .l-container ol {
  font-size: 1.6rem;
  counter-reset: section;
}
.p-detail .l-container ol li {
  list-style-type: none;
  padding-left: 20px;
  position: relative;
  padding-top: 5px;
}
@media screen and (max-width: 767px) {
  .p-detail .l-container ol li {
    padding-top: 2px;
  }
}
.p-detail .l-container ol li::before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  counter-increment: section;
  content: counter(section) ". ";
  left: 0;
  top: 5px;
}
.p-detail .c-ttl--checkmark {
  padding: 20px 0 10px 38px;
  border-bottom: 1px solid #0082d6;
  font-size: 2.4rem;
  color: #333;
  font-weight: normal;
  font-family: NotoSansCJKjp, sans-serif;
  position: relative;
  font-weight: normal;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .p-detail .c-ttl--checkmark {
    padding: 10px 0 5px 25px;
  }
}
@media screen and (max-width: 480px) {
  .p-detail .c-ttl--checkmark {
    font-size: 1.8rem;
    margin-bottom: 15px;
  }
}
.p-detail .c-ttl--checkmark:before {
  position: absolute;
  content: "";
  background: url(../image/component/listpost-icon.png) no-repeat;
  background-size: 27px 27px;
  width: 27px;
  height: 27px;
  top: 26px;
  left: 3px;
}
@media screen and (max-width: 767px) {
  .p-detail .c-ttl--checkmark:before {
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    top: 19px;
    left: 0;
  }
}
@media screen and (max-width: 480px) {
  .p-detail .c-ttl--checkmark:before {
    top: 12px;
  }
}
.p-detail .c-ttl--borderright {
  border-left: 5px solid #0082d6;
  padding: 4px 0 4px 10px;
  line-height: 1;
  font-size: 2.2rem;
  color: #333;
  font-weight: normal;
  font-family: NotoSansCJKjp, sans-serif;
  margin: 30px 0 25px;
}
@media screen and (max-width: 767px) {
  .p-detail .c-ttl--borderright {
    margin: 30px 0;
  }
}
@media screen and (max-width: 480px) {
  .p-detail .c-ttl--borderright {
    margin: 15px 0;
    font-size: 1.8rem;
  }
}
.p-detail h5 {
  font-size: 2rem;
  color: #0082d6;
  padding-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .p-detail h5 {
    font-size: 2.4rem;
    padding-bottom: 5px;
  }
}
@media screen and (max-width: 480px) {
  .p-detail h5 {
    font-size: 1.8rem;
  }
}
.p-detail p {
  font-size: 1.6rem;
  color: #333;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
  line-height: 1.65;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
@media screen and (max-width: 767px) {
  .p-detail p {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .p-detail p {
    font-size: 1.4rem;
  }
}
.p-detail .c-mainTitle p {
  font-size: 3.6rem;
  color: #fff;
  font-weight: normal;
  font-family: NotoSansCJKjp-Light, sans-serif;
  letter-spacing: 1px;
}
@media screen and (max-width: 767px) {
  .p-detail .c-mainTitle p {
    font-size: 2.5rem;
    padding: 0 10px;
  }
}
@media screen and (max-width: 480px) {
  .p-detail .c-mainTitle p {
    font-size: 2.1rem;
  }
}
.p-detail .color--black {
  font-size: 2.2rem;
  color: #333;
  font-weight: 400;
  font-family: NotoSansCJKjp;
  padding-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .p-detail .color--black {
    font-size: 1.8rem;
    padding: 10px 15px 15px;
  }
}
.p-detail p {
  line-height: 1.6;
  padding-bottom: 25px;
}
@media screen and (max-width: 767px) {
  .p-detail p {
    padding-bottom: 20px;
  }
}
.p-detail p.aligncenter {
  padding: 25px 40px;
  background-color: #f8f8f8;
  margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
  .p-detail p.aligncenter {
    padding: 30px 5%;
    margin-bottom: 20px;
    margin: 20px -5%;
  }
}
@media screen and (max-width: 480px) {
  .p-detail p.aligncenter {
    padding: 15px 5%;
    margin: 10px -5%;
  }
}
.p-detail .c-info2 {
  padding: 40px 0 20px 40px;
}
.p-detail .c-info2--name {
  font-size: 2.2rem;
  color: #333;
  font-weight: normal;
  font-family: NotoSansCJKjp;
  padding-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .p-detail .c-info2--name {
    font-size: 1.8rem;
    padding-left: 15px;
  }
}
@media screen and (max-width: 767px) {
  .p-detail .c-info2 {
    padding: 20px 0;
  }
}
@media screen and (max-width: 480px) {
  .p-detail .c-info2 {
    padding: 10px 0;
  }
}
.p-detail {
  /* c-listguide1
   -------------------------------------------------------------------*/
}
.p-detail .c-listguide1 {
  border: 1px solid #dddddd;
  padding: 24px 30px 33px 30px;
  margin-bottom: 20px;
  font-family: NotoSansCJKjp;
}
@media screen and (max-width: 767px) {
  .p-detail .c-listguide1 {
    padding: 30px 30px 25px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .p-detail .c-listguide1 {
    padding: 20px;
    margin-bottom: 15px;
  }
}
.p-detail .c-listguide1 a {
  text-decoration: none;
  color: #0082d6;
}
.p-detail p img.alignleft {
  float: left;
  margin: 5px 30px 25px 0;
}
@media screen and (max-width: 767px) {
  .p-detail p img.alignleft {
    margin: 0 20px 10px 0;
    width: 50%;
  }
}
@media screen and (max-width: 480px) {
  .p-detail p img.alignleft {
    margin: 0 15px 10px 0;
  }
}
.p-detail p img.alignright {
  float: right;
  margin: 5px 0 25px 30px;
}
@media screen and (max-width: 767px) {
  .p-detail p img.alignright {
    margin: 0 0 10px 20px;
    width: 50%;
  }
}
@media screen and (max-width: 480px) {
  .p-detail p img.alignright {
    margin: 0 0 10px 15px;
  }
}
.p-detail p img.aligncenter {
  display: block;
  margin: 30px auto;
}
@media screen and (max-width: 767px) {
  .p-detail p img.aligncenter {
    margin: 20px auto;
  }
}
.p-detail img.alignleft {
  float: left;
  margin: 5px 30px 25px 0;
}
@media screen and (max-width: 767px) {
  .p-detail img.alignleft {
    margin: 0 20px 10px 0;
    width: 50%;
  }
}
@media screen and (max-width: 480px) {
  .p-detail img.alignleft {
    margin: 0 15px 10px 0;
  }
}
.p-detail img.alignright {
  float: right;
  margin: 5px 0 25px 30px;
}
@media screen and (max-width: 767px) {
  .p-detail img.alignright {
    margin: 0 0 10px 20px;
    width: 50%;
  }
}
@media screen and (max-width: 480px) {
  .p-detail img.alignright {
    margin: 0 0 10px 15px;
  }
}
.p-detail img.aligncenter {
  display: block;
  margin: 30px auto;
}
@media screen and (max-width: 767px) {
  .p-detail img.aligncenter {
    margin: 20px auto;
  }
}
.p-detail p.alignleft {
  line-height: 1.8;
  padding-bottom: 25px;
}
@media screen and (max-width: 767px) {
  .p-detail p.alignleft {
    padding-bottom: 20px;
    line-height: 1.6;
  }
}
@media screen and (max-width: 480px) {
  .p-detail p.alignleft {
    padding-bottom: 10px;
  }
}
.p-detail table {
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-collapse: collapse;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .p-detail table {
    overflow-x: scroll;
  }
}
.p-detail table th, .p-detail table td {
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 10px 20px;
  line-height: 1.8;
  font-weight: normal;
  font-size: 1.6rem;
  color: #333;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
}
@media screen and (max-width: 767px) {
  .p-detail table th, .p-detail table td {
    font-size: 1.4rem;
    padding: 8px;
    width: auto;
  }
}
.p-detail table th {
  background: #eee;
}

.p-detailpost {
  margin-top: 60px;
  border-top: 1px solid #ddd;
  padding: 20px 40px;
  box-shadow: 0px 8px 12px -6px rgba(177, 177, 177, 0.8);
  *zoom: 1;
}
.p-detailpost:after {
  display: block;
  content: "";
  clear: both;
}
@media screen and (max-width: 767px) {
  .p-detailpost {
    margin-top: 30px;
    padding: 15px 0;
    box-shadow: none;
  }
}
@media screen and (max-width: 767px) {
  .p-detailpost {
    margin: 15px 0;
  }
}
@media screen and (max-width: 767px) {
  .p-detailpost img {
    width: 100% !important;
    float: none !important;
  }
}
.p-detailpost p {
  line-height: 1.6;
  font-size: 1.4rem;
  color: #333;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
}
@media screen and (max-width: 767px) {
  .p-detailpost p {
    font-size: 1.8rem;
    padding-top: 15px;
  }
}
@media screen and (max-width: 480px) {
  .p-detailpost p {
    font-size: 1.4rem;
    padding-top: 0;
    padding-bottom: 0;
  }
}
.p-detailpost table {
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-collapse: collapse;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .p-detailpost table {
    width: 100%;
  }
}
.p-detailpost th, .p-detailpost td {
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
  font-family: "ヒラギノ角ゴ Pro";
  line-height: 1.8;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .p-detailpost th, .p-detailpost td {
    padding: 8px 0;
  }
}
.p-detailpost tbody th {
  font-size: 1.6rem;
  color: #333;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
  background: #eee;
  width: 90px;
}
@media screen and (max-width: 767px) {
  .p-detailpost tbody th {
    text-align: left;
    width: 100%;
    display: block;
    padding: 20px 30px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .p-detailpost tbody th {
    font-size: 1.4rem;
    padding: 10px 15px;
  }
}
.p-detailpost tbody td {
  font-size: 1.4rem;
  color: #333;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
  padding: 10px 20px;
  width: 360px;
}
@media screen and (max-width: 767px) {
  .p-detailpost tbody td {
    padding: 20px 30px;
    width: 100%;
    display: block;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .p-detailpost tbody td {
    font-size: 1.4rem;
    padding: 10px 15px;
  }
}

.p-detaillist h4 {
  margin: 10px 0 0 20px;
}
@media screen and (max-width: 767px) {
  .p-detaillist h4 {
    margin-left: 0;
    margin: 40px 0 20px;
  }
}
@media screen and (max-width: 480px) {
  .p-detaillist h4 {
    margin: 20px 0 10px;
  }
}
.p-detaillist .c-btn1 {
  margin: 40px auto;
}
@media screen and (max-width: 767px) {
  .p-detaillist .c-btn1 {
    margin: 0 auto 20px;
  }
}
@media screen and (max-width: 767px) {
  .p-detaillist p {
    padding-bottom: 0;
  }
}

.c-mainTitle--bg {
  box-shadow: none;
}

.p-shadow {
  box-shadow: 0 0 11px 4px rgba(51, 51, 51, 0.13);
  margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
  .p-shadow {
    margin-bottom: 30px;
    box-shadow: none;
  }
}

/*------------------------------------------------------------
news
------------------------------------------------------------*/
/*p-news1
-------------------------------------------------*/
.p-news1 {
  padding-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .p-news1 {
    padding-bottom: 20px;
  }
}
.p-news1 .c-pagination {
  padding: 60px 0;
}
@media screen and (max-width: 767px) {
  .p-news1 .c-pagination {
    margin: 20px 0 0;
    padding: 0 0;
  }
}

/*p-news1__tabs
-------------------------------------------------*/
.p-news1__tabs {
  display: flex;
  justify-content: center;
}
.p-news1__tabs li {
  width: 130px;
  padding: 9px 0;
  text-align: center;
  border: 1px solid #97deff;
  font-size: 1.8rem;
  color: #30bdff;
  font-weight: normal;
  font-family: NotoSansCJKjp, sans-serif;
  line-height: 1;
  margin: 40px 20px;
  position: relative;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .p-news1__tabs li {
    font-size: 2rem;
    margin: 40px 2% 10px;
    width: 140px;
  }
}
@media screen and (max-width: 480px) {
  .p-news1__tabs li {
    font-size: 1.6rem;
    width: 30%;
    padding: 5px 0;
    margin: 20px 2.43% 10px;
  }
}
.p-news1__tabs li:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 10px solid #97deff;
  bottom: -10px;
  right: 45%;
}
.p-news1__tabs li:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 6.5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 10px solid #fff;
  bottom: -8px;
  right: 45.5%;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-news1__tabs li:before {
    right: 45.8%;
  }
}
.p-news1__tabs li.is-active:after {
  border-top: 10px solid #30bdff !important;
}
.p-news1__tabs li.is-active {
  color: #FFF !important;
  background-color: #30bdff;
}
.p-news1__tabs li.is-active:before {
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: 0 !important;
}
.p-news1__tabs--active:after {
  border-top: 10px solid #30bdff !important;
}
.p-news1__tabs--active {
  background-color: #30bdff;
  color: #FFF !important;
}
.p-news1__tabs--active:before {
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: 0 !important;
}

/*p-news1__tabContent
-------------------------------------------------*/
.p-news1__tabContent, .p-news1__tabContent2 {
  padding: 0 30px 0 30px;
  display: none;
}
@media screen and (max-width: 767px) {
  .p-news1__tabContent, .p-news1__tabContent2 {
    padding: 0 0 30px;
  }
}
.p-news1__tabContent.is-active, .is-active.p-news1__tabContent2 {
  display: block;
}
.p-news1__tabContent--active {
  display: block;
}
.p-news1__tabContent li, .p-news1__tabContent2 li {
  border: 1px solid #ddd;
  padding: 25px 55px 25px 30px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  position: relative;
  margin-top: 5px;
}
.p-news1__tabContent li:hover, .p-news1__tabContent2 li:hover {
  opacity: 0.7;
}
@media screen and (max-width: 767px) {
  .p-news1__tabContent li, .p-news1__tabContent2 li {
    flex-wrap: wrap;
    padding: 30px 40px 25px 30px;
    margin-top: 30px;
  }
}
@media screen and (max-width: 480px) {
  .p-news1__tabContent li, .p-news1__tabContent2 li {
    padding: 15px 30px 10px 15px;
    margin-top: 15px;
  }
}
.p-news1__tabContent li span, .p-news1__tabContent2 li span {
  margin-right: 25px;
}
@media screen and (max-width: 767px) {
  .p-news1__tabContent li span, .p-news1__tabContent2 li span {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .p-news1__tabContent li span, .p-news1__tabContent2 li span {
    font-size: 1.2rem;
  }
}
.p-news1__tabContent li time, .p-news1__tabContent2 li time {
  margin-right: 25px;
}
@media screen and (max-width: 767px) {
  .p-news1__tabContent li time, .p-news1__tabContent2 li time {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .p-news1__tabContent li time, .p-news1__tabContent2 li time {
    font-size: 1.2rem;
  }
}
.p-news1__tabContent li h3, .p-news1__tabContent2 li h3 {
  font-size: 1.6rem;
  color: #0082d6;
  font-weight: normal;
  padding-left: 30px;
  width: 750px;
}
@media screen and (max-width: 767px) {
  .p-news1__tabContent li h3, .p-news1__tabContent2 li h3 {
    padding-left: 0;
    padding-top: 20px;
    width: 100%;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .p-news1__tabContent li h3, .p-news1__tabContent2 li h3 {
    font-size: 1.4rem;
    padding-top: 10px;
  }
}
.p-news1__tabContent li a, .p-news1__tabContent2 li a {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
}
.p-news1__tabContent li:after, .p-news1__tabContent2 li:after {
  position: absolute;
  content: "";
  background: url(../image/common/icon-ticker.png);
  background-size: 9px 15px;
  width: 9px;
  height: 15px;
  right: 28px;
  top: 40%;
}
@media screen and (max-width: 767px) {
  .p-news1__tabContent li:after, .p-news1__tabContent2 li:after {
    background-size: 6px 10px;
    width: 6px;
    height: 10px;
    right: 10px;
    top: 50%;
  }
}
.p-news1__tabContent c-pagination, .p-news1__tabContent2 c-pagination {
  padding: 40px 0 0;
}

/* p-new-inner1
------------------------------------------------------------*/
.p-newdetail1 {
  padding-bottom: 80px;
}
@media screen and (max-width: 767px) {
  .p-newdetail1 {
    padding-bottom: 40px;
  }
}

.c-infopost h3 {
  margin: 10px 0 0;
  padding-bottom: 10px;
}
@media screen and (max-width: 480px) {
  .c-infopost h3 {
    margin-top: 0;
    padding-bottom: 5px;
  }
}
.c-infopost p {
  padding-top: 30px;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
@media screen and (max-width: 767px) {
  .c-infopost p {
    padding-top: 15px;
  }
}
@media screen and (max-width: 480px) {
  .c-infopost p {
    padding-top: 15px;
  }
}
.c-infopost label {
  background: #0082d6 !important;
}
.c-infopost__seminarList li {
  list-style-type: disc;
  margin-left: 22px;
  font-size: 1.6rem;
  color: #333;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
}
@media screen and (max-width: 767px) {
  .c-infopost__seminarList li {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .c-infopost__seminarList li {
    font-size: 1.4rem;
  }
}

/*------------------------------------------------------------
service
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
/* p-glossary1
------------------------------------------------------------*/
.p-glossary1 {
  padding: 110px 20px 80px;
}
@media screen and (max-width: 767px) {
  .p-glossary1 {
    padding: 80px 0px 40px 0px;
  }
}

.p-glossary3 {
  padding: 110px 20px 10px;
}
@media screen and (max-width: 767px) {
  .p-glossary3 {
    padding: 80px 0px 20px 0px;
  }
}

/* p-glossary2
------------------------------------------------------------*/
.p-glossary2 {
  padding-top: 70px;
}
@media screen and (max-width: 767px) {
  .p-glossary2 {
    padding-top: 40px;
  }
}
.p-glossary2__detail {
  margin-top: 25px;
  font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-glossary2__detail {
    font-size: 1.4rem;
  }
}
.p-glossary2__txt {
  margin-top: 20px;
  line-height: 1.625;
}
@media screen and (max-width: 767px) {
  .p-glossary2__txt {
    margin-top: 10px;
  }
}
.p-glossary2__btn {
  margin-top: 60px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-glossary2__btn {
    margin-top: 30px;
  }
}
.p-glossary2__btn a {
  width: 263px;
  font-size: 1.8rem;
  line-height: 4.1;
  color: #FFF;
  font-family: NotoSansCJKjp;
  background: #0082d6;
  text-align: center;
  display: inline-block;
  text-decoration: none;
  border-radius: 3px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-glossary2__btn a {
    width: 100%;
    line-height: 3.3;
  }
}
.p-glossary2__btn a span {
  padding-left: 25px;
  display: inline-block;
  position: relative;
}
.p-glossary2__btn a span:before {
  content: "";
  position: absolute;
  margin: auto;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  display: block;
  width: 8px;
  height: 8px;
  top: 0;
  bottom: 0;
  transform: rotate(225deg);
  left: 0;
}
@media screen and (max-width: 767px) {
  .p-glossary2__btn a span:before {
    width: 10px;
    height: 10px;
    left: 20px;
  }
}
@media screen and (max-width: 767px) {
  .p-glossary2__btn a span {
    display: block;
  }
}
.p-glossary2--overview {
  margin-right: 15px;
  display: inline-block;
}
.p-glossary2--overview:after {
  display: block;
  clear: both;
  content: "";
}
.p-glossary2--overview dt, .p-glossary2--overview dd {
  float: left;
}
.p-glossary2--overview dt {
  font-weight: bold;
}
.p-glossary2--box {
  margin-top: 35px;
  background: #eee;
  padding: 15px 20px;
}
.p-glossary2--box:after {
  display: block;
  clear: both;
  content: "";
}
@media screen and (max-width: 767px) {
  .p-glossary2--box {
    margin-top: 20px;
  }
}
.p-glossary2--box dt, .p-glossary2--box dd {
  float: left;
  display: inline-block;
  font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-glossary2--box dt, .p-glossary2--box dd {
    float: none;
  }
}
.p-glossary2--box dt {
  margin-right: 15px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .p-glossary2--box dt {
    margin-right: 0;
    display: block;
    font-size: 1.4rem;
  }
}
.p-glossary2--box dd {
  margin-right: 20px;
}
@media screen and (max-width: 767px) {
  .p-glossary2--box dd {
    margin-right: 5px;
    font-size: 1.2rem;
  }
}
.p-glossary2--box dd a {
  color: #0082d6;
  text-decoration: none;
}
.p-glossary2--box dd a:hover {
  text-decoration: underline;
}
.p-glossary2--column {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .p-glossary2--column {
    margin-top: 30px;
  }
}
.p-glossary2--column .c-title5 {
  margin-bottom: 20px;
}
.p-glossary2--column__inner {
  background: #F8F8F8;
  border: 1px solid #ddd;
  padding: 35px 40px;
}
@media screen and (max-width: 767px) {
  .p-glossary2--column__inner {
    padding: 15px 20px;
  }
}
.p-glossary2--column__inner h4 {
  padding-bottom: 10px;
  margin-bottom: 15px;
  border-bottom: 1px solid #ddd;
  font-family: NotoSansCJKjp;
}
.p-glossary2--column__inner p {
  line-height: 1.625;
}

/* p-glossary
------------------------------------------------------------*/
@media screen and (max-width: 767px) {
  .p-glossary .c-title1 p {
    margin-bottom: 10px;
    text-align: center;
  }
}
.p-glossary--post {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .p-glossary--post {
    display: block;
  }
}
.p-glossary--box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border: 1px solid #cecccc;
  padding: 18px 20px;
}
@media screen and (max-width: 767px) {
  .p-glossary--box {
    margin-bottom: 10px;
  }
}
.p-glossary--box p {
  font-size: 1.6rem;
  font-weight: bold;
  font-family: NotoSansCJKjp;
  margin-right: 20px;
}
@media screen and (max-width: 767px) {
  .p-glossary--box p {
    margin-right: 0;
    margin-bottom: 10px;
    font-size: 1.7rem;
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .p-glossary--box .search-form {
    display: flex;
    width: 100%;
  }
}
.p-glossary--box input[type=text] {
  width: 250px;
  height: 36px;
  padding-left: 10px;
  border: 1px solid #cecccc;
}
@media screen and (max-width: 767px) {
  .p-glossary--box input[type=text] {
    height: 31px;
    box-sizing: border-box;
    flex: 1;
    font-size: 1.3rem;
    line-height: 2.4;
  }
}
.p-glossary--box button[type=submit] {
  color: #fff;
  border-radius: 3px;
  background-color: #0082d6;
  border: none;
  padding: 10px 15px;
  margin-left: 10px;
  position: relative;
  width: 80px;
  text-align: right;
  transition: opacity 0.2s ease-in-out;
  box-shadow: none;
}
.p-glossary--box button[type=submit]:after {
  position: absolute;
  content: "";
  display: inline-block;
  background: url(../image/common/icon-search-white.png) no-repeat;
  background-size: cover;
  width: 16px;
  height: 16px;
  left: 14px;
  margin-top: 1px;
}
.p-glossary--box button[type=submit]:hover {
  cursor: pointer;
  opacity: 0.7;
}
@media screen and (max-width: 767px) {
  .p-glossary--box button[type=submit] {
    width: 31px;
    height: 31px;
    padding: 0;
    margin-left: 8px;
  }
  .p-glossary--box button[type=submit]:after {
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-glossary--box button[type=submit] span {
    display: none;
  }
}
.p-glossary--box select {
  appearance: none;
  width: 275px;
  height: 36px;
  border: 1px solid #cecccc;
  padding-left: 10px;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.p-glossary--box select::-ms-expand {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-glossary--box select {
    width: 100%;
    height: 31px;
  }
}
.p-glossary--box label {
  position: relative;
}
.p-glossary--box label:after {
  position: absolute;
  content: "";
  display: inline-block;
  border-top: 1px solid #0082d6;
  border-left: 1px solid #0082d6;
  width: 8px;
  height: 8px;
  top: 10px;
  right: 20px;
  transform: rotate(-135deg);
}
@media screen and (max-width: 767px) {
  .p-glossary--box label:after {
    right: 11px;
  }
}
@media screen and (max-width: 767px) {
  .p-glossary--box label {
    width: 100%;
  }
}
.p-glossary--character__title {
  font-size: 1.6rem;
  font-weight: bold;
  font-family: NotoSansCJKjp;
  padding: 20px;
  border: 1px solid #cecccc;
  margin-top: 10px;
  position: relative;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  transition: opacity 0.3s ease;
}
.p-glossary--character__title:hover {
  opacity: 0.7;
}
.p-glossary--character__title i {
  position: relative;
}
.p-glossary--character__title i:before {
  position: absolute;
  width: 20px;
  height: 2px;
  display: block;
  content: "";
  background-color: #0082d6;
  top: 40%;
  right: 0px;
}
.p-glossary--character__title i:after {
  position: absolute;
  content: "";
  width: 2px;
  height: 20px;
  background-color: #0082d6;
  right: 9px;
  top: 0px;
  margin-left: -1px;
  transition: all 0.3s ease-out;
}
@media screen and (max-width: 767px) {
  .p-glossary--character__title i:after {
    top: 1px;
  }
}
.p-glossary--character__title.open i:after {
  transform: rotate(90deg);
}
.p-glossary--character__box {
  background: #eee;
  border: 1px solid #cecccc;
  border-top: none;
  padding: 20px 30px;
  display: none;
}
@media screen and (max-width: 767px) {
  .p-glossary--character__box {
    padding: 15px 20px 0;
  }
}
.p-glossary--list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.p-glossary--list li {
  margin-bottom: 5px;
  width: 517px;
}
@media screen and (max-width: 767px) {
  .p-glossary--list li {
    width: 100%;
  }
}
.p-glossary--list li a {
  padding: 22px 30px;
  display: block;
  border: 1px solid #ddd;
  color: #0082d6;
  text-decoration: none;
  font-size: 1.6rem;
  position: relative;
  transition: unset;
}
.p-glossary--list li a:after {
  content: "";
  display: block;
  content: "";
  position: absolute;
  margin: auto;
  border-top: 1px solid #0082d6;
  border-right: 1px solid #0082d6;
  display: block;
  width: 9px;
  height: 9px;
  top: 0;
  bottom: 0;
  transform: rotate(45deg);
  right: 30px;
}
@media screen and (max-width: 767px) {
  .p-glossary--list li a:after {
    width: 7px;
    height: 7px;
    right: 15px;
  }
}
.p-glossary--list li a:hover {
  background: #0082d6;
  color: #FFF;
}
.p-glossary--list li a:hover:after {
  border-top-color: #fff;
  border-right-color: #fff;
}
@media screen and (max-width: 767px) {
  .p-glossary--list li a {
    padding: 10px 15px;
    font-size: 1.4rem;
  }
}
.p-glossary--txt {
  font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
  .p-glossary--txt {
    font-size: 1.4rem;
  }
}

.p-kanabox {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .p-kanabox {
    margin: auto;
    width: 246px;
  }
}
.p-kanabox a {
  font-size: 1.5rem;
  width: 28px;
  height: 28px;
  border-radius: 3px;
  text-decoration: none;
  line-height: 30px;
  text-align: center;
  margin-bottom: 10px;
  margin-right: 2px;
  transition: unset;
}
.p-kanabox a:hover {
  color: #FFF;
  background: #0082d6;
}
.p-kanabox a.is-not_anchor {
  pointer-events: none;
  background: #eee;
}
.p-kanabox a.is-current {
  color: #FFF;
  background: #0082d6;
}
@media screen and (max-width: 767px) {
  .p-kanabox a {
    margin-bottom: 15px;
    width: 37px;
    height: 37px;
    line-height: 37px;
    font-size: 1.8rem;
  }
}
.p-kanabox--txt-blue {
  border: 1px solid #0082d6;
  color: #fff;
  background: #0082d6;
  font-weight: bold;
  pointer-events: none;
}
.p-kanabox--txt-white {
  background: #FFF;
  border: 1px solid #cecccc;
  color: #0082d6;
}
.p-kanabox .l-font--small {
  font-size: 1rem;
}
@media screen and (max-width: 767px) {
  .p-kanabox .l-font--small {
    font-size: 1.3rem;
  }
}

.p-alfhabox {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .p-alfhabox {
    margin: auto;
    width: 246px;
  }
}
.p-alfhabox a {
  transition: unset;
}
.p-alfhabox a:hover {
  color: #FFF;
  background: #0082d6;
}
.p-alfhabox a.is-not_anchor {
  pointer-events: none;
  background: #eee;
}
.p-alfhabox a.is-current {
  color: #FFF;
  background: #0082d6;
}
@media screen and (max-width: 767px) {
  .p-alfhabox a {
    margin-bottom: 15px;
    width: 37px;
    height: 37px;
    line-height: 37px;
    font-size: 1.8rem;
  }
}
.p-alfhabox--txt-white {
  font-size: 1.5rem;
  width: 28px;
  height: 28px;
  border-radius: 3px;
  text-decoration: none;
  line-height: 30px;
  text-align: center;
  background: #FFF;
  border: 1px solid #cecccc;
  color: #0082d6;
  margin-right: 2px;
}
.p-alfhabox--txt-number {
  font-size: 1.5rem;
  border-radius: 3px;
  width: 92px;
  text-decoration: none;
  line-height: 28px;
  text-align: center;
  background: #FFF;
  border: 1px solid #cecccc;
  color: #0082d6;
}
@media screen and (max-width: 767px) {
  .p-alfhabox--txt-number {
    width: 121px !important;
  }
}

/*------------------------------------------------------------
LP page
------------------------------------------------------------*/
.page-lp header .c-gnavi {
  display: none;
}
@media screen and (max-width: 767px) {
  .page-lp header .c-btn2 a {
    margin-right: 0;
  }
}
.page-lp .l-layout {
  padding-top: 79px;
}
@media screen and (max-width: 767px) {
  .page-lp .l-layout {
    padding-top: 65px;
  }
}
.page-lp footer {
  border-top: none;
}
.page-lp footer .c-fnavi {
  display: none;
}
@media screen and (max-width: 767px) {
  .page-lp .l-container {
    margin: 0 20px;
  }
}

/*
------------------------------------------------------------*/
.c-slide1 {
  margin-bottom: 23px;
  height: 510px;
  background: #0082d6;
  background: linear-gradient(to right, #0082d6, #30bdff);
  /* Standard syntax (must be last) */
}
@media screen and (max-width: 767px) {
  .c-slide1 {
    height: auto;
  }
}
.c-slide1 .slick-list {
  margin: 0 auto;
  width: 1080px;
}
@media screen and (max-width: 767px) {
  .c-slide1 .slick-list {
    width: auto;
  }
}
.c-slide1 .c-slide1__item {
  height: 510px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-slide1 .c-slide1__item {
    height: auto;
  }
}
.c-slide1 .c-slide1__item.slick-slide .sp-only {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .c-slide1 .c-slide1__item.slick-slide .sp-only {
    display: block !important;
  }
}
@media screen and (max-width: 767px) {
  .c-slide1 .c-slide1__item.slick-slide .pc-only {
    display: none !important;
  }
}
.c-slide1__txt {
  box-sizing: border-box;
  color: #fff;
  font-family: "メイリオ", "ヒラギノ角ゴ Pro", sans-serif;
  text-align: left;
}
.c-slide1__txt p:first-child {
  margin: 0;
  padding-top: 48px;
  background: #fff;
  width: 174px;
  height: 174px;
  border-radius: 87px;
  color: #0082d6;
  font-size: 1.8rem;
  line-height: 1.2;
  text-align: center;
  position: absolute;
  top: 38px;
  left: 215px;
}
.c-slide1__txt h1 {
  padding: 0 0 12px 24px;
  width: 420px;
  border-bottom: 1px solid #fff;
  font-size: 3rem;
  line-height: 1.2;
  position: absolute;
  top: 40px;
  left: 381px;
}
.c-slide1__txt h1 span {
  font-size: 2rem;
  font-weight: normal;
}
.c-slide1__txt span {
  font-size: 1.5rem;
}
.c-slide1__txt span.rank {
  color: #f39800;
  font-size: 2.2rem;
}
.c-slide1__txt span.rank b {
  font-size: 5.6rem;
  font-weight: normal;
  line-height: 1.1;
}
.c-slide1 img:first-child {
  width: 100%;
}
.c-slide1 img:last-child {
  position: absolute;
  left: 272px;
  bottom: 1px;
}

/*
------------------------------------------------------------*/
.p-lp1 {
  margin-bottom: 40px;
}
.p-lp1__title {
  text-align: center;
  margin-bottom: 12px;
}
.p-lp1__title h2 {
  color: #333;
  font-size: 2.2rem;
  padding-left: 20px;
  letter-spacing: -2px;
}
.p-lp1__txt {
  font-size: 1.8rem;
  text-align: center;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .p-lp1__txt {
    font-size: 1.4rem;
  }
}
.p-lp1__txt a {
  color: #0082d6;
  text-decoration: none;
}
.p-lp1 .p-function-btn1 {
  padding-bottom: 0;
}
@media screen and (max-width: 767px) {
  .p-lp1 .c-btn1 {
    margin: 0 0 15px;
  }
}
.p-lp1 .c-btn1 a {
  font-size: 2.5rem;
  padding: 4px 0 2px;
  line-height: 1.1;
}
@media screen and (max-width: 767px) {
  .p-lp1 .c-btn1 a {
    font-size: 1.9rem;
  }
}
.p-lp1 .c-btn1 a span {
  font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-lp1 .c-btn1 a span {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-lp1 .c-post {
    margin: 0 20px;
  }
}
@media screen and (max-width: 767px) {
  .p-lp1 .c-post__list {
    width: 100%;
  }
}

/*
------------------------------------------------------------*/
.p-lp2 {
  margin-bottom: 130px;
}
.p-lp2 .c-list5 {
  margin: 0 auto 18px;
}
.p-lp2 .c-list5__item {
  padding: 20px 40px 30px;
}
@media screen and (max-width: 767px) {
  .p-lp2 .c-list5__item {
    padding: 20px 0px;
  }
}
.p-lp2 .c-list5__item:nth-child(2), .p-lp2 .c-list5__item:nth-child(3) {
  border: 1px solid #bbb;
}
.p-lp2 .c-list5__item:nth-child(1), .p-lp2 .c-list5__item:nth-child(4) {
  border: 1px solid #0082d6;
}
.p-lp2 .c-list5__title {
  padding: 20px 0 0;
}
.p-lp2 .c-list5__img {
  height: 70px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-lp2 .c-list5__img {
    height: auto;
  }
}
.p-lp2 .c-list5__text {
  text-align: center;
}
.p-lp2 .c-list5__text p {
  padding: 10px 0 0 0;
}
.p-lp2 .c-btn1 a {
  font-size: 2.5rem;
  padding: 4px 0 2px;
  line-height: 1.1;
}
@media screen and (max-width: 767px) {
  .p-lp2 .c-btn1 a {
    font-size: 1.9rem;
  }
}
.p-lp2 .c-btn1 a span {
  font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-lp2 .c-btn1 a span {
    font-size: 1.2rem;
  }
}

/*
------------------------------------------------------------*/
.p-lp3 {
  margin-bottom: 130px;
}
.p-lp3 .c-title1 {
  margin-bottom: 30px;
}
.p-lp3 .c-btn1 a {
  font-size: 2.5rem;
  padding: 4px 0 2px;
  line-height: 1.1;
}
@media screen and (max-width: 767px) {
  .p-lp3 .c-btn1 a {
    font-size: 1.9rem;
  }
}
.p-lp3 .c-btn1 a span {
  font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-lp3 .c-btn1 a span {
    font-size: 1.2rem;
  }
}

/*
------------------------------------------------------------*/
.p-lp4 {
  margin-bottom: 130px;
}
.p-lp4 .c-title1 {
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .p-lp4 .c-title1 {
    margin-bottom: 20px;
  }
}
.p-lp4 .c-listBlock1--mod:nth-child(2) h3:before {
  background: url(../image/reason/icon01-list1.png) no-repeat;
}
.p-lp4 .c-listBlock1--mod:nth-child(3) h3:before {
  background: url(../image/reason/icon01-list2.png) no-repeat;
}
.p-lp4 .c-listBlock1--mod:nth-child(4) h3:before {
  background: url(../image/reason/icon01-list3.png) no-repeat;
}
.p-lp4 .c-listBlock1--mod:nth-child(5) h3:before {
  background: url(../image/reason/icon01-list4.png) no-repeat;
}
.p-lp4 .c-listBlock1__text p {
  font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-lp4 .c-listBlock1__text p {
    font-size: 1.4rem;
  }
}
.p-lp4 .c-box1 {
  padding: 41px 74px 40px 60px;
}
@media screen and (max-width: 767px) {
  .p-lp4 .c-box1 {
    padding: 20px 20px;
  }
}
.p-lp4 .c-box1 h2:before {
  content: "";
  position: absolute;
  width: 70px;
  height: 70px;
  left: 0;
  top: 18px;
  border: none;
}
@media screen and (max-width: 480px) {
  .p-lp4 .c-box1 h2:before {
    background-size: 100% !important;
    width: 40px;
    height: 40px;
    top: 25px;
    left: 5%;
  }
}
.p-lp4 .c-box1:nth-child(2) h2:before {
  background: url(../image/reason/icon01-list1.png) no-repeat;
}
.p-lp4 .c-box1:nth-child(3) h2:before {
  background: url(../image/reason/icon01-list2.png) no-repeat;
}
.p-lp4 .c-box1:nth-child(4) h2:before {
  background: url(../image/reason/icon01-list3.png) no-repeat;
}
.p-lp4 .c-box1:nth-child(3) {
  padding: 41px 74px 65px 60px;
}
.p-lp4 .c-box1:nth-child(3) .c-imgText4__img {
  top: 10px;
  margin-right: 36px;
}
@media screen and (max-width: 767px) {
  .p-lp4 .c-box1:nth-child(3) .c-imgText4__img {
    top: 0;
  }
}
.p-lp4 .c-box1:nth-child(3) .c-imgText4__txt {
  padding-top: 47px;
}
@media screen and (max-width: 767px) {
  .p-lp4 .c-box1:nth-child(3) .c-imgText4__txt {
    padding-top: 0;
  }
}
.p-lp4 .c-box1__title {
  margin-left: -20px;
  margin-bottom: 30px;
  padding: 0 0 5px 0px;
}
.p-lp4 .c-box1__title h2 {
  padding-left: 97px;
}
@media screen and (max-width: 480px) {
  .p-lp4 .c-box1__title h2 {
    padding-left: 70px;
  }
}
.p-lp4 .c-imgText4__img {
  margin-right: 53px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-lp4 .c-imgText4__img {
    margin-right: 0;
  }
}
.p-lp4 .c-imgText4__txt h4 {
  font-size: 2rem;
}
.p-lp4 .c-imgText4__txt p {
  margin-top: 0;
}

/*
------------------------------------------------------------*/
.p-lp5__btn1 {
  float: right;
  margin-top: -67px;
}
.p-lp5__btn1 a {
  height: 74px;
  font-size: 1.9rem;
}
@media screen and (max-width: 767px) {
  .p-lp5__btn1 a {
    height: 54px;
    font-size: 1.6rem;
  }
}
.p-lp5 .c-title1 {
  margin-bottom: 35px;
}
.p-lp5 .c-btn1 {
  margin: 5px auto 0;
}
.p-lp5 .c-btn1--w370 {
  margin: 40px auto;
}
.p-lp5 .c-btn1--w370 a {
  font-size: 2.5rem;
  padding: 4px 0 2px;
  line-height: 1.1;
}
@media screen and (max-width: 767px) {
  .p-lp5 .c-btn1--w370 a {
    font-size: 1.9rem;
  }
}
.p-lp5 .c-btn1--w370 a span {
  font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-lp5 .c-btn1--w370 a span {
    font-size: 1.2rem;
  }
}
.p-lp5 .c-box2 {
  margin-bottom: 40px;
}
.p-lp5 .c-box2:nth-child(4) {
  margin-bottom: 0;
  padding: 33px 26px 35px 120px;
}
@media screen and (max-width: 767px) {
  .p-lp5 .c-box2:nth-child(4) {
    padding: 20px 20px 20px 60px;
  }
}
.p-lp5 .c-box2:nth-child(4) p {
  padding: 10px 0;
}
.p-lp5 .c-box2__txt {
  padding-right: 50px;
}
@media screen and (max-width: 767px) {
  .p-lp5 .c-box2__txt {
    padding-right: 0;
  }
}
.p-lp5 .c-box2__txt.active h3:after {
  background: #0082d6;
}

/*
------------------------------------------------------------*/
.p-lp6 {
  margin-bottom: 130px;
}
.p-lp6 .c-title1 {
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .p-lp6 .c-title1 {
    margin-bottom: 20px;
  }
}
.p-lp6 .c-btn1 a:before {
  right: 5%;
}
@media screen and (max-width: 480px) {
  .p-lp6 .c-btn1 a {
    font-size: 1.6rem;
  }
}

/* p-lp02 (10/22/2020)
------------------------------------------------------------*/
@media screen and (max-width: 767px) {
  .p-lp02 .l-container {
    margin: 0 15px;
  }
}
@media screen and (max-width: 767px) {
  .p-lp02 .c-title1::after {
    width: 22px;
    height: 22px;
    margin-left: -13.5px;
    top: -33px;
  }
}
@media screen and (max-width: 767px) {
  .p-lp02 .c-title1 h2 {
    font-size: 1.8rem;
  }
}
.p-lp02-1 {
  margin: 100px 0 35px;
}
@media screen and (max-width: 767px) {
  .p-lp02-1 {
    margin: 50px 0 31px;
  }
}
@media screen and (max-width: 767px) {
  .p-lp02-1 .c-post {
    margin: 0 15px;
  }
}
@media screen and (max-width: 767px) {
  .p-lp02-1 .c-post li {
    font-size: 1.2rem;
    line-height: 1.2;
    padding: 5.5px 0 5px 24px;
  }
}
@media screen and (max-width: 767px) {
  .p-lp02-1 .c-post li::before {
    width: 16px;
    height: 16px;
    top: 4px;
  }
}
@media screen and (max-width: 767px) {
  .p-lp02-1 .c-post .c-title1 {
    padding: 34px 0 15px;
    margin: 0 0 8px;
  }
}
@media screen and (max-width: 767px) {
  .p-lp02-1 .c-post .c-title1::after {
    width: 22px;
    height: 22px;
    top: 0;
    margin-left: -11.5px;
  }
}
@media screen and (max-width: 767px) {
  .p-lp02-1 .c-post .c-title1 h2 {
    font-size: 1.8rem;
    line-height: 1.4;
  }
}
@media screen and (max-width: 767px) {
  .p-lp02-1 .c-post__list {
    width: 100%;
    padding: 16px 10px 12px;
  }
}
@media screen and (max-width: 767px) {
  .p-lp02-1 .c-post__list::before {
    border-width: 0 9.75px 13.5px 9.75px;
  }
}
.p-lp02-1 .c-post h3 {
  font-family: NotoSansCJKjp-Light, sans-serif;
}
@media screen and (max-width: 767px) {
  .p-lp02-1 .c-post h3 {
    font-size: 1.5rem;
    margin-top: -12px;
    padding: 24px 15px 14px;
  }
}
.p-lp02-2 {
  margin-bottom: 128px;
}
@media screen and (max-width: 767px) {
  .p-lp02-2 {
    margin: 0 0 83px;
  }
}
.p-lp02-2 .c-list5 {
  margin: 0 auto 50px;
}
@media screen and (max-width: 767px) {
  .p-lp02-2 .c-list5 {
    margin: 0 0 31px;
  }
}
.p-lp02-2 .c-list5__item {
  padding: 20px 40px 30px;
  margin: 5px;
}
@media screen and (max-width: 767px) {
  .p-lp02-2 .c-list5__item {
    padding: 8px 0px 17px;
    margin: 0 0 17.5px;
  }
}
.p-lp02-2 .c-list5__item:nth-child(2), .p-lp02-2 .c-list5__item:nth-child(3) {
  border: 1px solid #bbb;
}
.p-lp02-2 .c-list5__item:nth-child(1), .p-lp02-2 .c-list5__item:nth-child(4) {
  border: 1px solid #0082d6;
}
.p-lp02-2 .c-list5__title {
  padding: 20px 0 0;
}
@media screen and (max-width: 767px) {
  .p-lp02-2 .c-list5__title {
    margin: 5px 0 0;
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-lp02-2 .c-list5__title h3 {
    font-size: 1.6rem;
  }
}
.p-lp02-2 .c-list5__img {
  height: 70px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-lp02-2 .c-list5__img {
    height: auto;
    transform: scale(0.8);
  }
}
.p-lp02-2 .c-list5__text {
  text-align: center;
}
.p-lp02-2 .c-list5__text p {
  padding: 10px 0 0 0;
}
@media screen and (max-width: 767px) {
  .p-lp02-2 .c-list5__text p {
    font-size: 1.2rem;
    line-height: 1.4;
    padding: 11px 0 0 0;
  }
}
.p-lp02-3 {
  margin-bottom: 128px;
}
@media screen and (max-width: 767px) {
  .p-lp02-3 {
    margin-bottom: 83px;
  }
}
.p-lp02-3 .c-title1 {
  margin-bottom: 32px;
}
@media screen and (max-width: 767px) {
  .p-lp02-3 .c-title1 {
    margin-bottom: 23px;
  }
}
.p-lp02-3 .c-listBlock1 {
  padding: 23px 70px 37px;
  margin: 0 0 40px;
}
@media screen and (max-width: 767px) {
  .p-lp02-3 .c-listBlock1 {
    padding: 16px 15px 17px;
    margin: 0 0 23px;
  }
}
.p-lp02-3 .c-listBlock1__title {
  font-size: 2.6rem;
}
@media screen and (max-width: 767px) {
  .p-lp02-3 .c-listBlock1__title {
    font-size: 1.5rem;
    padding: 0 0 10px 24px;
    margin-bottom: 16px;
  }
}
.p-lp02-3 .c-listBlock1__title::before {
  top: 17px;
}
@media screen and (max-width: 767px) {
  .p-lp02-3 .c-listBlock1__title::before {
    width: 17px;
    height: 17px;
    top: 2px;
    left: 1px;
  }
}
.p-lp02-3 .c-listBlock1__text {
  width: calc(100% - 236px);
}
@media screen and (max-width: 767px) {
  .p-lp02-3 .c-listBlock1__text {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .p-lp02-3 .c-listBlock1__text p {
    font-size: 1.2rem;
    line-height: 1.85;
  }
}
.p-lp02-3 .c-listBlock1__text p a {
  display: inline;
}
@media screen and (max-width: 767px) {
  .p-lp02-3 .c-listBlock1__text-fz1 {
    font-size: 1rem !important;
    line-height: 1.7 !important;
    margin-top: 5px !important;
  }
}
@media screen and (max-width: 767px) {
  .p-lp02-3 .c-listBlock1__img {
    margin-bottom: 11px;
  }
}
.p-lp02-3 .c-link {
  margin: 55px 0 0;
}
@media screen and (max-width: 767px) {
  .p-lp02-3 .c-link {
    margin: 31px 0 0;
  }
}
.p-lp02-3 .c-box3 {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .p-lp02-3 .c-box3 {
    margin-top: 15px;
  }
}
.p-lp02-4 {
  margin: 0 0 128px;
}
@media screen and (max-width: 767px) {
  .p-lp02-4 {
    margin: 0 0 83px;
  }
}
.p-lp02-4 .c-title1 {
  margin: 0 0 34px;
}
@media screen and (max-width: 767px) {
  .p-lp02-4 .c-title1 {
    margin: 0 0 37px;
  }
}
.p-lp02-4 .c-link {
  margin: 54px 0 0;
}
@media screen and (max-width: 767px) {
  .p-lp02-4 .c-link {
    margin: 32px 0 0;
  }
}
.p-lp02-5 {
  margin-bottom: 129px;
}
@media screen and (max-width: 767px) {
  .p-lp02-5 {
    margin-bottom: 84px;
  }
}
.p-lp02-5 .c-title1 {
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .p-lp02-5 .c-title1 {
    margin-bottom: 23px;
  }
}
@media screen and (max-width: 767px) {
  .p-lp02-5 .c-listBlock1 {
    padding: 0 15px 10px;
    margin-bottom: 24px;
  }
}
.p-lp02-5 .c-listBlock1--mod:nth-child(2) h3:before {
  background: url(../image/reason/icon01-list1.png) no-repeat;
  background-size: contain;
}
.p-lp02-5 .c-listBlock1--mod:nth-child(3) h3:before {
  background: url(../image/reason/icon01-list2.png) no-repeat;
  background-size: contain;
}
.p-lp02-5 .c-listBlock1--mod:nth-child(4) h3:before {
  background: url(../image/reason/icon01-list3.png) no-repeat;
  background-size: contain;
}
.p-lp02-5 .c-listBlock1--mod:nth-child(5) h3:before {
  background: url(../image/reason/icon01-list4.png) no-repeat;
  background-size: contain;
}
.p-lp02-5 .c-listBlock1--mod:nth-child(6) h3:before {
  background: url(../image/reason/icon01-list5.png) no-repeat;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .p-lp02-5 .c-listBlock1__img img {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .p-lp02-5 .c-listBlock1__title {
    padding: 15px 20px 18px 43px;
    font-size: 1.5rem;
    line-height: 1.1;
    margin: 0 0 10px;
  }
}
@media screen and (max-width: 767px) {
  .p-lp02-5 .c-listBlock1__title::before {
    width: 35px;
    height: 35px;
    top: 15px;
  }
}
.p-lp02-5 .c-listBlock1__text p {
  font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-lp02-5 .c-listBlock1__text p {
    font-size: 1.2rem;
    line-height: 1.9;
    margin-top: 9px;
  }
}
.p-lp02-5 .c-listBlock1__text .c-card3__imgText-link {
  margin-top: 15px;
}
.p-lp02-6 {
  margin-bottom: 130px;
}
@media screen and (max-width: 767px) {
  .p-lp02-6 {
    margin-bottom: 79px;
  }
}
.p-lp02-6 .c-title1 {
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .p-lp02-6 .c-title1 {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 767px) {
  .p-lp02-6 .c-table1 {
    margin-top: 12px;
  }
}
@media screen and (max-width: 767px) {
  .p-lp02-6 .c-table1 tbody th {
    font-size: 1.1rem;
    line-height: 1.4;
    padding: 9px 11px;
  }
}
@media screen and (max-width: 767px) {
  .p-lp02-6 .c-table1 tbody td {
    font-size: 1.1rem;
    line-height: 1.8;
    padding: 7.5px 11px;
  }
}
@media screen and (max-width: 767px) {
  .p-lp02-6 .p-price1-list {
    font-size: 1rem;
    line-height: 1.7;
    margin: 12px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .p-lp02-6 .p-price1-list li {
    padding: 0;
  }
}
.p-lp02-7 .c-title1 {
  margin-bottom: 35px;
}
@media screen and (max-width: 767px) {
  .p-lp02-7 .c-title1 {
    margin-bottom: 16px;
  }
}
.p-lp02-7 .c-box2 {
  margin-bottom: 40px;
  align-items: center;
  padding: 28px 26px 30px 120px;
}
@media screen and (max-width: 767px) {
  .p-lp02-7 .c-box2 {
    padding: 14px 16px 16px 46px;
    margin-bottom: 30px;
  }
}
.p-lp02-7 .c-box2::before {
  line-height: 1;
  top: 50%;
}
@media screen and (max-width: 767px) {
  .p-lp02-7 .c-box2::before {
    font-size: 2.1rem;
    top: 12px;
    left: 12px;
    transform: none;
  }
}
.p-lp02-7 .c-box2:not(:last-child)::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: 50%;
  transform: translateX(-50%);
  bottom: -35px;
  border-right: 22px solid transparent;
  border-left: 22px solid transparent;
  border-top: 27px solid #30bdff;
}
@media screen and (max-width: 767px) {
  .p-lp02-7 .c-box2:not(:last-child)::after {
    border-width: 21.5px 16.5px 0 16.5px;
    bottom: -26px;
  }
}
.p-lp02-7 .c-box2:last-child {
  margin: 0;
}
.p-lp02-7 .c-box2:last-child::after {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-lp02-7 .c-box2__txt h3 {
    font-size: 1.4rem;
    margin-bottom: 14px;
  }
}
.p-lp02-7 .c-box2__txt.active h3:after {
  background: #0082d6;
}
@media screen and (max-width: 767px) {
  .p-lp02-7 .c-box2__txt.active h3:after {
    font-size: 8px;
    margin-left: 11px;
    padding: 4px 3px;
    top: 11%;
  }
}
@media screen and (max-width: 767px) {
  .p-lp02-7 .c-box2__txt p {
    font-size: 1.1rem;
    line-height: 1.4;
    padding: 0;
  }
}
.p-lp02-7 .c-box2 .c-btn1 {
  margin: 0;
}
@media screen and (max-width: 767px) {
  .p-lp02-7 .c-box2 .c-btn1 {
    margin: 8px 0 0;
  }
}
.p-lp02-7 .c-box2 .c-btn1 a {
  font-size: 2rem;
  font-weight: bold;
  height: 75px;
}
@media screen and (max-width: 767px) {
  .p-lp02-7 .c-box2 .c-btn1 a {
    font-size: 1.3rem;
    height: 40px;
  }
}
@media screen and (max-width: 767px) {
  .p-lp02-7 .c-box2 .c-btn1 a::before {
    right: 9.8%;
    padding: 3.5px;
  }
}
.p-lp02-8 {
  background: #fbfbfb;
  margin: 80px 0 0;
  padding: 128px 0 79px;
}
@media screen and (max-width: 767px) {
  .p-lp02-8 {
    margin: 50px 0 0;
    padding: 83px 0 15px;
  }
}
.p-lp02-8__ttl {
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.65;
  color: #333;
  font-family: NotoSansCJKjp, sans-serif;
  margin: 29px 0 26px;
}
@media screen and (max-width: 767px) {
  .p-lp02-8__ttl {
    font-size: 1.1rem;
    line-height: 1.4;
    margin: 6px 0 18px;
  }
}
.p-lp02 .c-listSign {
  width: 90%;
  margin: 10px auto 25px;
}
@media screen and (max-width: 767px) {
  .p-lp02 .c-listSign {
    display: block;
    width: 80%;
  }
}
.p-lp02 .c-listSign__item {
  width: calc((100% - 40px) / 3);
  text-align: center;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .p-lp02 .c-listSign__item {
    width: 100%;
    display: block;
    margin: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-lp02 .c-listSign__item img {
    width: 80%;
  }
}
.p-lp02 .c-listSign__link {
  width: 90%;
  background: #00BFFF;
  padding: 13px 0px;
  display: inline-block;
  color: #ffffff;
  font-size: 1.5rem;
  text-align: center;
  text-decoration: none;
  border-radius: 6px;
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .p-lp02 .c-listSign__link {
    margin-top: 0px;
    padding: 8px 0px;
  }
}

/*------------------------------------------------------------
contact
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.page-contact .c-footer {
  border-top: none;
}

/* p-contact1
------------------------------------------------------------*/
.p-contact1 {
  padding: 45px 30px 140px;
}
@media screen and (max-width: 767px) {
  .p-contact1 {
    padding: 20px 0 30px;
  }
}
.p-contact1 .c-title3__contact {
  margin-bottom: 20px;
}
.p-contact1 .c-title3__contact h2,
.p-contact1 .c-title3__contact h3,
.p-contact1 .c-title3__contact h4,
.p-contact1 .c-title3__contact h5,
.p-contact1 .c-title3__contact h6 {
  font-size: 2.4rem;
}
.p-contact1 .c-title3__contact h2 span.must,
.p-contact1 .c-title3__contact h3 span.must,
.p-contact1 .c-title3__contact h4 span.must,
.p-contact1 .c-title3__contact h5 span.must,
.p-contact1 .c-title3__contact h6 span.must {
  display: inline-block;
  margin-left: 15px;
}
.p-contact1 .c-title3__contact h2 span.must img,
.p-contact1 .c-title3__contact h3 span.must img,
.p-contact1 .c-title3__contact h4 span.must img,
.p-contact1 .c-title3__contact h5 span.must img,
.p-contact1 .c-title3__contact h6 span.must img {
  vertical-align: middle;
}
.p-contact1 .c-title3__thanks {
  margin-bottom: 20px;
}
.p-contact1 .form-area .c-table1--form {
  margin-bottom: 50px;
  width: 100%;
}
.p-contact1 .form-area .c-table1--form tbody tr th,
.p-contact1 .form-area .c-table1--form tbody tr td {
  padding-top: 20px;
  padding-bottom: 20px;
  border-left: none;
  border-right: none;
}
.p-contact1 .form-area .c-table1--form tbody tr th {
  padding-left: 20px;
  padding-right: 60px;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: left;
  vertical-align: middle;
  position: relative;
}
.p-contact1 .form-area .c-table1--form tbody tr th span.must {
  display: block;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  right: 20px;
}
@media screen and (max-width: 767px) {
  .p-contact1 .form-area .c-table1--form tbody tr th span.must {
    right: 10px;
  }
}
@media screen and (max-width: 767px) {
  .p-contact1 .form-area .c-table1--form tbody tr th {
    width: auto;
    padding: 10px 15px;
    padding-right: 50px;
  }
}
.p-contact1 .form-area .c-table1--form tbody tr td input[type=text] {
  padding: 10px;
  width: 100%;
  background-color: #F8F8F8;
  border: 1px solid #d8d8d8;
  font-size: 1.4rem;
  line-height: 1.8;
  box-sizing: border-box;
}
.p-contact1 .form-area .c-table1--form tbody tr td input[type=text]::placeholder {
  color: #373737;
}
@media screen and (max-width: 767px) {
  .p-contact1 .form-area .c-table1--form tbody tr td {
    padding: 20px 0;
  }
}
.p-contact1 .form-area .c-table1--form tbody tr:last-child th,
.p-contact1 .form-area .c-table1--form tbody tr:last-child td {
  border-bottom: none;
}
.p-contact1 .form-area .c-table1--form tbody tr.error td input[type=text] {
  background-color: #FFD288;
}
.p-contact1 .form-area .c-table1--form tbody tr.error td input[type=text]::placeholder {
  color: #FFF;
}
.p-contact1 .form-area .c-table1--form tbody tr.error td span.error {
  display: block;
  margin-top: 5px;
  color: #F39800;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .p-contact1 .form-area .c-table1--form tbody tr.error td span.error {
    font-size: 1.4rem;
  }
}
.p-contact1 .form-area .question-box {
  margin: 0 auto;
  padding: 25px 65px 70px;
  width: 1020px;
  border: 1px solid #DDD;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .p-contact1 .form-area .question-box {
    padding: 15px 20px 20px;
    width: 100%;
  }
}
.p-contact1 .form-area .question-box__must {
  border: 1px solid #F39800;
}
.p-contact1 .form-area .question-box:not(:last-child) {
  margin-bottom: 65px;
}
.p-contact1 .form-area .question-box__lead {
  margin-bottom: 35px;
}
.p-contact1 .form-area .question-box__lead p {
  color: #333;
  font-size: 1.4rem;
  line-height: 2;
}
.p-contact1 .form-area .question-box__lead p:not(:last-child) {
  margin-bottom: 15px;
}
.p-contact1 .form-area .question-box__QA {
  color: #333;
  font-size: 1.4rem;
}
.p-contact1 .form-area .question-box__QA:not(:last-child) {
  margin-bottom: 30px;
}
.p-contact1 .form-area .question-box__QA p.noteTxt {
  margin-top: 15px;
}
.p-contact1 .form-area .question-box__QA dt {
  font-size: 1.6rem;
  vertical-align: middle;
}
.p-contact1 .form-area .question-box__QA dt.lower-question, .p-contact1 .form-area .question-box__QA dt.lower-question__conf {
  margin-left: 30px;
  padding-left: 20px;
  position: relative;
}
.p-contact1 .form-area .question-box__QA dt.lower-question:before, .p-contact1 .form-area .question-box__QA dt.lower-question__conf:before {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  top: 9px;
  left: 8px;
  background-color: #0082d6;
}
.p-contact1 .form-area .question-box__QA dt:not(:first-child) {
  margin-top: 30px;
}
.p-contact1 .form-area .question-box__QA dt > span {
  color: #0082D6;
  font-weight: bold;
}
.p-contact1 .form-area .question-box__QA dt > span.must {
  display: inline-block;
  margin-left: 10px;
}
.p-contact1 .form-area .question-box__QA dt > span.must img {
  vertical-align: text-bottom;
}
.p-contact1 .form-area .question-box__QA dd {
  margin-top: 10px;
}
.p-contact1 .form-area .question-box__QA dd.lower-answer, .p-contact1 .form-area .question-box__QA dd.lower-answer__conf {
  margin-left: 30px;
}
.p-contact1 .form-area .question-box__QA dd input[type=text] {
  padding: 10px;
  width: 100%;
  background-color: #F8F8F8;
  border: 1px solid #d8d8d8;
  font-size: 1.4rem;
  line-height: 1.8;
  color: #373737;
  box-sizing: border-box;
}
.p-contact1 .form-area .question-box__QA dd textarea {
  padding: 10px;
  width: 100%;
  background-color: #F8F8F8;
  border: 1px solid #d8d8d8;
  font-size: 1.4rem;
  line-height: 1.8;
  color: #373737;
  box-sizing: border-box;
}
.p-contact1 .form-area .question-box__QA dd.error input[type=text],
.p-contact1 .form-area .question-box__QA dd.error textarea {
  background-color: #FFD288;
}
.p-contact1 .form-area .question-box__QA dd.error input[type=text]::placeholder,
.p-contact1 .form-area .question-box__QA dd.error textarea::placeholder {
  color: #FFF;
}
.p-contact1 .form-area .question-box__QA dd ul {
  display: flex;
  flex-wrap: wrap;
  align-items: left;
}
@media screen and (max-width: 767px) {
  .p-contact1 .form-area .question-box__QA dd ul {
    display: block;
  }
}
.p-contact1 .form-area .question-box__QA dd ul li {
  margin: 15px 15px 0 0;
  vertical-align: middle;
}
.p-contact1 .form-area .question-box__QA dd ul li input[type=text] {
  margin-left: 10px;
  width: 290px;
}
@media screen and (max-width: 767px) {
  .p-contact1 .form-area .question-box__QA dd ul li input[type=text] {
    margin-top: 5px;
    margin-left: 0;
    width: 100%;
  }
}
.p-contact1 .form-area .question-box__QA dd ul li input[type=radio],
.p-contact1 .form-area .question-box__QA dd ul li input[type=checkbox] {
  vertical-align: text-top;
}
.p-contact1 .form-area .question-box__QA dd ul li#otherBox {
  width: 100%;
}
.p-contact1 .form-area .question-box__QA dd > span {
  display: block;
}
.p-contact1 .form-area .question-box__QA dd > span:not(:first-child) {
  margin-top: 5px;
}
.p-contact1 .form-area .question-box__QA dd > span.error {
  margin-top: 10px;
  color: #F39800;
  font-weight: bold;
}
.p-contact1 .submit {
  margin: 65px auto 0;
  text-align: center;
}
.p-contact1 .submit__top {
  margin: 0 auto 65px;
}
.p-contact1 .submit li {
  display: inline-block;
  margin: 0 5px;
  width: 370px;
}
.p-contact1 .submit li input {
  padding: 30px 10px;
  width: 100%;
  border: none;
  border-radius: 5px;
  background: #0082d6 url(../image/common/icon-right-btn1bg.png) 87% center no-repeat;
  color: #FFF;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
  transition: 0.3s ease-in-out;
}
.p-contact1 .submit li input:hover {
  opacity: 0.8;
}
.p-contact1 .submit li input.orange {
  background: #f39800 url(../image/common/icon-right-btn1bg.png) 87% center no-repeat;
}
.p-contact1 .submit li input.back {
  background: #0082d6 url(../image/common/icon-left-btn1bg.png) 13% center no-repeat;
}
@media screen and (max-width: 767px) {
  .p-contact1 .submit li {
    display: block;
    margin: 20px 0 0;
    width: 100%;
  }
}
.p-contact1__message p {
  color: #333;
  font-size: 1.4rem;
  line-height: 2;
}
.p-contact1__message p:not(:last-child) {
  margin-bottom: 15px;
}
.p-contact1 .p-thanksBox {
  padding: 50px 0 0;
}
.p-contact1 .p-thanksBox .p-contact1__message {
  padding-top: 22px;
  text-align: center;
}
.p-contact1 .p-thanksBox .p-contact1__message p {
  font-size: 1.8rem;
  line-height: 1.65;
}
.p-contact1 .p-thanksBox .c-btn1 {
  margin-top: 60px;
}
.p-contact1 .p-thanksBox .c-btn1 a:before {
  display: none;
}

.p-contact01 {
  padding: 109px 30px 0;
}
@media screen and (max-width: 767px) {
  .p-contact01 {
    padding: 74px 0 0;
  }
}
.p-contact01 .c-title1 {
  margin: 0 0 22px;
}
@media screen and (max-width: 767px) {
  .p-contact01 .c-title1 {
    margin: 0 0 11px;
  }
}
.p-contact01 .c-title4 {
  margin-top: 40px;
}
.p-contact01 .c-title4:first-child {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .p-contact01 .c-title4 {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .p-contact01 .c-card1__contact {
    margin-top: 0;
  }
}
.p-contact01 .c-listBlock1__text-fz1 {
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .p-contact01 .c-listBlock1__text-fz1 {
    margin-bottom: 15px;
    font-size: 1.1rem !important;
  }
}
.p-contact01 .c-btn5 {
  margin-bottom: 100px;
}
@media screen and (max-width: 767px) {
  .p-contact01 .c-btn5 {
    margin-bottom: 50px;
  }
}
.p-contact02 {
  padding: 129px 30px 80px;
}
@media screen and (max-width: 767px) {
  .p-contact02 {
    padding: 65px 0 40px;
  }
}
.p-contact02 .c-title1 {
  margin: 0 0 16px;
}
@media screen and (max-width: 767px) {
  .p-contact02 .c-title1 {
    margin: 0 0 8px;
  }
}
.p-contact02 .c-title1 p {
  padding: 17px 0;
}
@media screen and (max-width: 767px) {
  .p-contact02 .c-title1 p {
    padding: 8px 0;
  }
}
.p-contact02 .c-btn6 {
  margin-top: 40px;
}

/*
------------------------------------------------------------*/
/*------------------------------------------------------------
company
------------------------------------------------------------*/
/* p-company01
------------------------------------------------------------*/
.p-company01 {
  padding-bottom: 80px;
}
@media screen and (max-width: 767px) {
  .p-company01 {
    padding-bottom: 40px;
  }
}
.p-company01 .c-title5 {
  margin: 60px 0 20px;
}
.p-company01 .c-table1--company tbody th {
  width: 200px;
  padding-left: 20px;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .p-company01 .c-table1--company tbody th {
    width: 100%;
    display: block;
    padding-left: 15px;
  }
}
.p-company01 .c-table1--company td a {
  word-break: break-all;
}
.p-company01 .c-table1--company p {
  margin-bottom: 20px;
}
.p-company01 .c-table1--company p:last-child {
  margin-bottom: 0;
}
.p-company01 .c-table1--company span {
  font-weight: bold;
}

/*------------------------------------------------------------
solution
------------------------------------------------------------*/
@media screen and (max-width: 767px) {
  .p-solution .c-mainTitle {
    height: 115px;
  }
}
.p-solution1 {
  padding: 109px 0 60px;
}
@media screen and (max-width: 767px) {
  .p-solution1 {
    padding: 74px 0 30px;
  }
}
.p-solution1 .c-title1 {
  margin: 0 0 17px;
}
@media screen and (max-width: 767px) {
  .p-solution1 .c-title1 {
    margin: 0 0 20px;
  }
}
.p-solution1 .c-title1 p {
  padding: 19px 0;
}
@media screen and (max-width: 767px) {
  .p-solution1 .c-title1 p {
    padding: 10px 0;
  }
}
.p-solution1__row {
  display: flex;
  justify-content: space-between;
  padding: 0 30px;
  margin: 0 0 20px;
}
@media screen and (max-width: 767px) {
  .p-solution1__row {
    padding: 0;
    margin: 0;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  .p-solution1__row .c-card2 {
    margin-bottom: 15px;
  }
}

/*
------------------------------------------------------------*/
/*------------------------------------------------------------
solution-case01
------------------------------------------------------------*/
.p-solution-case01 .c-mainTitle p {
  font-size: 3.6rem;
  color: #fff;
  font-weight: normal;
  font-family: NotoSansCJKjp-Light, sans-serif;
  letter-spacing: 1px;
}
@media screen and (max-width: 767px) {
  .p-solution-case01 .c-mainTitle p {
    font-size: 2.5rem;
    padding: 0 10px;
  }
}
@media screen and (max-width: 480px) {
  .p-solution-case01 .c-mainTitle p {
    font-size: 2.1rem;
  }
}
.p-solution-case01 .c-mainTitle--bg p {
  font-size: 3.2rem;
  color: #0082d6;
}
@media screen and (max-width: 767px) {
  .p-solution-case01 .c-mainTitle--bg p {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 480px) {
  .p-solution-case01 .c-mainTitle--bg p {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 767px) {
  .p-solution-case01 .c-mainTitle {
    height: 115px;
  }
}
.p-solution-case01__section {
  padding: 0 30px;
  margin: 0 0 80px;
}
@media screen and (max-width: 767px) {
  .p-solution-case01__section {
    padding: 0;
    margin: 0 0 40px;
  }
}
.p-solution-case01__section .c-title1 {
  margin: 127px 0 13px;
}
@media screen and (max-width: 767px) {
  .p-solution-case01__section .c-title1 {
    margin: 73px 0 0;
  }
}
.p-solution-case01__intro {
  background: #0082d6;
}
@media screen and (max-width: 767px) {
  .p-solution-case01__intro {
    margin: 0 0 30px;
  }
}
.p-solution-case01 .c-post2 {
  margin-top: 40px;
}
.p-solution-case01 .c-card3__imgText-img img {
  width: 100%;
}

/*
------------------------------------------------------------*/
/*------------------------------------------------------------
contents_download
------------------------------------------------------------*/
/* p-download
------------------------------------------------------------*/
.p-download {
  padding: 110px 30px 60px;
}
@media screen and (max-width: 767px) {
  .p-download {
    padding: 50px 0 0 0;
  }
}
@media screen and (max-width: 480px) {
  .p-download .c-title1 {
    margin: 15px 0;
  }
}
.p-download .linkList {
  border: 1px solid #0082d6;
  padding: 30px 60px 25px;
  margin: 30px 0 150px;
}
@media screen and (max-width: 767px) {
  .p-download .linkList {
    margin: 10px 0 80px;
    padding: 18px 15px 10px;
  }
}
.p-download .linkList li {
  font-size: 1.6rem;
  width: 49%;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .p-download .linkList li {
    width: 100%;
  }
}
.p-download .linkList li a {
  text-decoration: none;
  font-size: 1.4rem;
  color: #333;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro", sans-serif;
  position: relative;
  padding: 2px 0 10px 20px;
  display: block;
}
.p-download .linkList li a:after {
  content: "";
  position: absolute;
  background: url(../image/common/icon-subnavi.png) no-repeat 5px top;
  width: 15px;
  height: 13px;
  left: 0;
  top: 5px;
  transition: 0.3s all ease-out;
}
.p-download .c-borderBox {
  border: 1px solid #0082d6;
  border-bottom: none;
  padding: 30px 60px;
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .p-download .c-borderBox {
    margin-top: 10px;
    padding: 20px;
  }
}
.p-download .c-borderBox h3 {
  color: #0082d6;
  border-bottom: 1px solid #707070;
  margin-bottom: 30px;
  padding-bottom: 15px;
  font-size: 2rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-download .c-borderBox h3 {
    margin-bottom: 15px;
  }
}
.p-download .c-blueBox {
  background: #0082d6;
  padding: 30px 60px;
  margin-bottom: 50px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-download .c-blueBox {
    margin-bottom: 15px;
    padding: 30px 15px 15px;
  }
}
.p-download .c-blueBox:before {
  content: "";
  position: absolute;
  border-right: 22px solid transparent;
  border-left: 22px solid transparent;
  border-top: 20px solid #fff;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.p-download .c-blueBox:after {
  display: block;
  content: "";
  clear: both;
}
.p-download .c-blueBox__img {
  float: right;
  width: 300px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-download .c-blueBox__img {
    float: none;
    display: block;
    margin: auto;
    width: 70%;
  }
}
.p-download .c-blueBox__content {
  float: left;
  width: 550px;
  padding-top: 30px;
  font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-download .c-blueBox__content {
    float: none;
    display: block;
    margin: auto;
    width: auto;
    font-size: 1.4rem;
    line-height: 2.14;
    padding-top: 15px;
  }
}
.p-download .c-blueBox__content p {
  color: #fff;
  padding-bottom: 20px;
}
.p-download .c-btn1 {
  margin: 0 auto;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .p-download .c-btn1 a {
    height: 60px !important;
  }
}

/*------------------------------------------------------------
movie
------------------------------------------------------------*/
.p-movie1 {
  padding: 139px 0 120px;
}
@media screen and (max-width: 767px) {
  .p-movie1 {
    padding: 65px 0 50px;
  }
}
.p-movie1 .c-title1 p {
  font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-movie1 .c-title1 p {
    font-size: 1.4rem;
  }
}
.p-movie1 .c-list11 {
  margin: 36px 0 0;
}
@media screen and (max-width: 767px) {
  .p-movie1 .c-list11 {
    margin: 15px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .p-movie1 .c-pagination {
    margin: 30px 0 0;
  }
}
.p-movie1__txt {
  padding-top: 80px;
  text-align: center;
  font-size: 1.6rem;
  font-weight: normal;
  font-family: "Meiryo", sans-serif;
}
@media screen and (max-width: 767px) {
  .p-movie1__txt {
    padding-top: 50px;
  }
}

/*------------------------------------------------------------
movie detail
------------------------------------------------------------*/
.p-movieDetail .c-title1 {
  margin: 0 0 39px;
}
@media screen and (max-width: 767px) {
  .p-movieDetail .c-title1 {
    margin: 0 0 12px;
  }
}
@media screen and (max-width: 767px) {
  .p-movieDetail .c-title1::after {
    width: 25px;
    height: 25px;
    margin-left: -12.5px;
    top: -34px;
  }
}
@media screen and (max-width: 767px) {
  .p-movieDetail .c-title1 h2 {
    font-size: 1.9rem;
  }
}
.p-movieDetail1 {
  padding: 139px 0 0;
}
@media screen and (max-width: 767px) {
  .p-movieDetail1 {
    padding: 57px 0 0;
  }
}
.p-movieDetail1__iframe {
  height: 575px;
  position: relative;
}
.p-movieDetail1__iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.p-movieDetail2 {
  padding: 128px 0 100px;
}
@media screen and (max-width: 767px) {
  .p-movieDetail2 {
    padding: 64px 0 45px;
  }
}
.p-movieDetail2 .c-list12 {
  margin: 40px 0 0;
}
@media screen and (max-width: 767px) {
  .p-movieDetail2 .c-list12 {
    margin: 16px 0 0;
  }
}
.p-movieDetail2 .c-btn1 {
  margin: 60px auto 0;
}
@media screen and (max-width: 767px) {
  .p-movieDetail2 .c-btn1 {
    margin: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-movieDetail2 .c-btn1 a {
    font-size: 1.5rem !important;
    height: 75px !important;
  }
}

/*------------------------------------------------------------
estimate
------------------------------------------------------------*/
/* p-estimate
------------------------------------------------------------*/
.p-estimate .c-navi3 {
  margin: 40px 0;
}
@media screen and (max-width: 767px) {
  .p-estimate .c-navi3 {
    margin: 50px 0;
  }
}
@media screen and (max-width: 480px) {
  .p-estimate .c-navi3 {
    margin: 25px 0;
  }
}
.p-estimate .c-title1 {
  margin-top: 110px;
}
@media screen and (max-width: 767px) {
  .p-estimate .c-title1 {
    margin-top: 80px;
  }
}
@media screen and (max-width: 480px) {
  .p-estimate .c-title1 {
    margin-top: 65px;
  }
}
.p-estimate .c-title1 p {
  padding-bottom: 0;
}
.p-estimate__form {
  margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
  .p-estimate__form {
    margin-bottom: 40px;
  }
}
.p-estimate1 {
  padding: 0 30px;
}
@media screen and (max-width: 767px) {
  .p-estimate1 {
    padding: 0;
  }
}
.p-estimate1 .c-btn1 {
  margin: 50px auto 80px;
  width: 500px;
}
@media screen and (max-width: 767px) {
  .p-estimate1 .c-btn1 {
    width: 100%;
    margin: 40px auto 50px;
  }
}
.p-estimate1 .c-btn1 a {
  height: 74px;
}
@media screen and (max-width: 767px) {
  .p-estimate1 .c-btn1 a {
    height: 60px;
  }
}

/*------------------------------------------------------------
price
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.p-partnar_app1 .c-text2 {
  text-align: center;
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .p-partnar_app1 .c-text2 {
    text-align: initial;
    margin-top: 36px;
  }
}
.p-partnar_app1 .c-btn1 {
  width: 400px;
  margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
  .p-partnar_app1 .c-btn1 {
    margin-bottom: 70px;
  }
}
.p-partnar_app1 .c-btn1 a {
  padding: 10px 0;
}
@media screen and (max-width: 767px) {
  .p-partnar_app1 .c-btn1 a {
    padding: 0;
  }
}
.p-partnar_introduction1 {
  padding-top: 90px;
}
@media screen and (max-width: 767px) {
  .p-partnar_introduction1 {
    padding-top: 80px;
  }
}
.p-partnar_introduction2 {
  padding: 55px 0 80px;
}
@media screen and (max-width: 767px) {
  .p-partnar_introduction2 {
    padding: 30px 0 70px;
  }
}
.p-partnar_introduction2__list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .p-partnar_introduction2__list {
    gap: 30px;
  }
}
.p-partnar_introduction2__item {
  width: calc((100% - 20px) / 2);
  border: 1px solid #E2E2E2;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-partnar_introduction2__item {
    width: 100%;
    border: none;
  }
}
.p-partnar_introduction2__item__top {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #F8F8F8;
  padding: 40px;
}
@media screen and (max-width: 767px) {
  .p-partnar_introduction2__item__top {
    padding: 60px;
  }
}
.p-partnar_introduction2__item__img {
  width: 100%;
  max-width: 332px;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FFF;
  border: 1px solid #E2E2E2;
}
@media screen and (max-width: 767px) {
  .p-partnar_introduction2__item__img {
    max-width: 226px;
    height: 80px;
    padding: 0 20px;
  }
}
.p-partnar_introduction2__item__img img {
  max-height: 100%;
}
.p-partnar_introduction2__item__info {
  background: #FFF;
  padding: 30px 30px 100px;
}
@media screen and (max-width: 767px) {
  .p-partnar_introduction2__item__info {
    background: #FFF;
    padding: 15px 0 0;
  }
}
.p-partnar_introduction2__item__company {
  font-size: 1.4rem;
  line-height: 1.7142857143;
}
.p-partnar_introduction2__item__ttl {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.2;
  color: #0082D6;
  text-decoration: none;
  margin-top: 10px;
}
.p-partnar_introduction2__item__txt {
  font-size: 1.4rem;
  line-height: 1.7142857143;
  margin-top: 10px;
}
.p-partnar_introduction2__item .c-btn1 {
  width: calc(100% - 60px);
  margin: 0;
  position: absolute;
  bottom: 30px;
  left: 30px;
}
@media screen and (max-width: 767px) {
  .p-partnar_introduction2__item .c-btn1 {
    width: 100%;
    margin: 15px auto 0;
    position: initial;
  }
}

.p-partner_list {
  font-size: 15px;
  width: 100%;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 100px;
  padding: 20px 35px;
  background-color: #eee;
  border: 1px solid #ddd;
  list-style-type: decimal;
}

/*------------------------------------------------------------
faq-partner
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.p-faq-partner .c-btn1 {
  margin: 25px auto 16px;
}
.p-faq-partner .c-listBlock1__text-fz1 {
  text-align: center;
  margin-bottom: 80px;
}
.p-faq-partner .c-title1 {
  text-align: center;
  position: relative;
  margin-top: 150px;
}
.p-faq-partner h3 {
  font-size: 1.8rem;
  color: #333;
  font-weight: bold;
  font-family: NotoSansCJKjp, sans-serif;
  padding-top: 40px;
  line-height: 1.65;
}

/*------------------------------------------------------------
ai-faq
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.p-ai-faq-navi {
  margin-bottom: 60px;
}
.p-ai-faq1 {
  padding-top: 40px;
}
.p-ai-faq1 .c-text2 {
  text-align: center;
}
.p-ai-faq1 .c-text2-2 {
  font-size: 1.5rem;
  margin-top: 16px;
}
@media screen and (max-width: 767px) {
  .p-ai-faq1 .c-text2-2 {
    font-size: 1.2rem;
  }
}
.p-ai-faq1__iframe {
  width: 100%;
  height: 693px;
  margin-top: 42px;
}
@media screen and (max-width: 767px) {
  .p-ai-faq1__iframe {
    height: 350px;
  }
}
.p-ai-faq1__iframe iframe {
  width: 100%;
  height: 100%;
}
.p-ai-faq2 {
  padding: 125px 0 100px;
}
@media screen and (max-width: 767px) {
  .p-ai-faq2 {
    padding-top: 100px;
  }
}
.p-ai-faq2__box {
  margin-top: 52px;
}
@media screen and (max-width: 767px) {
  .p-ai-faq2__box {
    margin-top: 30px;
  }
}
.p-ai-faq2__box .c-box3 {
  margin-bottom: 30px;
}
.p-ai-faq2__box .c-box3__flex {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .p-ai-faq2__box .c-box3__flex {
    flex-direction: column;
  }
}
.p-ai-faq2__box .c-box3__item {
  width: 50%;
  text-align: center;
  padding-bottom: 38px;
}
@media screen and (max-width: 767px) {
  .p-ai-faq2__box .c-box3__item {
    width: 100%;
    padding-bottom: 22px;
  }
}
.p-ai-faq2__box .c-box3__item:not(:first-child) {
  background-image: linear-gradient(to bottom, #707070 1px, transparent 1px);
  background-size: 1px 5px;
  background-repeat: repeat-y;
  background-position: left top;
}
@media screen and (max-width: 767px) {
  .p-ai-faq2__box .c-box3__item:not(:first-child) {
    background-image: linear-gradient(to right, #707070 1px, transparent 1px);
    background-size: 5px 1px;
    background-repeat: repeat-x;
    padding-top: 22px;
  }
}
.p-ai-faq2__box .c-box3__item__ttl {
  font-size: 1.6rem;
  margin-bottom: 17.5px;
}
.p-ai-faq2__box .c-box3__item__txt {
  font-size: 1.6rem;
  line-height: 1.5;
  margin-top: 29px;
}
@media screen and (max-width: 767px) {
  .p-ai-faq2__box .c-box3__item__txt {
    font-size: 1.4rem;
    line-height: 1.5714285714;
    margin-top: 18px;
  }
}
.p-ai-faq2__box .c-box3__item__txt a {
  font-family: "Josefin Sans", sans-serif;
  font-size: 1.8rem;
  font-weight: bold;
  color: #30BDFF;
}
@media screen and (max-width: 767px) {
  .p-ai-faq2__box .c-box3__item__txt a {
    font-size: 1.6rem;
  }
}
.p-ai-faq2__box .c-box3__item__txt2 {
  font-size: 1.4rem;
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .p-ai-faq2__box .c-box3__item__txt2 {
    font-size: 1.2rem;
  }
}
.p-ai-faq2__box li {
  list-style-type: disc;
}
.p-ai-faq2__box__comment {
  font-size: 14px;
  margin-bottom: 14px;
}
.p-ai-faq2 .c-text2 {
  font-size: 1.4rem;
  text-align: center;
  margin-top: 40px;
}
.p-ai-faq2 .c-text2 a {
  color: inherit;
}

.p-underline a {
  text-decoration: none;
}

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