/***********************************************
  Banner Container
************************************************/
.templateC .bannerPage-top {
  padding: 11rem 0; }

@media screen and (max-width: 1024px) {
  .templateC .bannerPage-top {
    padding: 12rem 0; } }

@media screen and (max-width: 480px) {
  .templateC .bannerPage-top {
    padding: 11rem 0 15rem; } }

.templateC .bannerPage-top .boxBanner {
  position: relative; }

.templateC .bannerPage-top .boxBanner .boxImg {
  overflow: hidden;
  margin: 0 4rem; }

@media screen and (max-width: 991px) {
  .templateC .bannerPage-top .boxBanner .boxImg {
    margin: 0 2rem; } }

@media screen and (max-width: 480px) {
  .templateC .bannerPage-top .boxBanner .boxImg {
    margin: 0 1rem; } }

.templateC .bannerPage-top .boxBanner .boxImg .image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 563px; }

@media screen and (max-width: 991px) {
  .templateC .bannerPage-top .boxBanner .boxImg .image {
    height: 450px; } }

@media screen and (max-width: 480px) {
  .templateC .bannerPage-top .boxBanner .boxImg .image {
    height: 315px; } }

.templateC .bannerPage-top .boxBanner .boxHead {
  position: absolute;
  bottom: -20px;
  left: 0; }

@media screen and (max-width: 480px) {
  .templateC .bannerPage-top .boxBanner .boxHead {
    bottom: -65px; } }

.templateC .bannerPage-top .boxBanner .boxHead .btn {
  margin-top: 2rem; }

@media screen and (max-width: 480px) {
  .templateC .bannerPage-top .boxBanner .boxHead .btn {
    margin-top: 1.7rem; } }

.templateC .box-top {
  position: relative; }

.templateC .box-top .banner {
  position: relative; }

.templateC .box-top .banner::before {
  content: "";
  position: absolute;
  max-width: 54rem;
  width: 100%;
  height: 20rem;
  background: #ffffff;
  left: 0;
  bottom: 0rem;
  border-left: 4px solid #62a0f5; }

@media screen and (max-width: 991px) {
  .templateC .box-top .banner::before {
    max-width: 34rem;
    height: 13rem; } }

@media screen and (max-width: 767px) {
  .templateC .box-top .banner::before {
    height: 8rem;
    max-width: 23.5rem;
    border-left: 0;
    border-top: 2px solid #62a0f5; } }

.templateC .box-top .banner.noImage::before {
  display: none; }

.templateC .box-top .banner.noImage .titleBanner {
  margin-top: 0;
  padding-bottom: 4rem;
  height: unset; }

@media screen and (max-width: 1024px) {
  .templateC .box-top .banner.noImage .titleBanner {
    padding-bottom: 0; } }

@media screen and (max-width: 767px) {
  .templateC .box-top .banner.noImage .titleBanner {
    padding: 2rem 0;
    border-top: 0; } }

.templateC .box-top .banner .image {
  height: 26rem; }

@media screen and (max-width: 991px) {
  .templateC .box-top .banner .image {
    height: 20rem; } }

@media screen and (max-width: 767px) {
  .templateC .box-top .banner .image {
    height: 13rem; } }

.templateC .box-top .banner .titleBanner {
  background-color: #fff;
  max-width: 44rem;
  width: 100%;
  padding: 7rem 3rem 7rem 0rem;
  display: inline-block;
  margin-top: -10rem;
  height: 20rem;
  position: relative;
  z-index: 10; }

@media screen and (max-width: 991px) {
  .templateC .box-top .banner .titleBanner {
    max-width: 25rem;
    height: 13rem;
    padding: 4rem 2rem 4rem 0rem; } }

@media screen and (max-width: 767px) {
  .templateC .box-top .banner .titleBanner {
    margin-top: -5rem;
    padding: 2rem 1.5rem;
    height: 8rem;
    max-width: 23rem;
    border-top: 2px solid #62a0f5; } }

.templateC .box-top .banner .titleBanner .titleBanner-en {
  font-size: 1.2rem;
  font-family: "noto-sans-cjk-jp", sans-serif;
  color: #62a0f5;
  display: block;
  margin-bottom: 1.2rem;
  text-transform: uppercase;
  letter-spacing: 1px; }

@media screen and (max-width: 767px) {
  .templateC .box-top .banner .titleBanner .titleBanner-en {
    font-size: 1rem;
    margin-bottom: 0.7rem; } }

.templateC .box-top .banner .titleBanner .titleBanner-jp {
  font-size: 3.4rem;
  font-weight: bold; }

@media screen and (max-width: 991px) {
  .templateC .box-top .banner .titleBanner .titleBanner-jp {
    font-size: 2.3rem; } }

@media screen and (max-width: 767px) {
  .templateC .box-top .banner .titleBanner .titleBanner-jp {
    font-size: 1.8rem; } }

.templateC .box-top .banner.achievement-banner .image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.templateC .box-top .banner.service-banner .image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.templateC .box-top .banner.about-banner .image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.templateC .box-top .banner.policy-banner .image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.templateC .box-top .banner.news-banner .image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.templateC .box-top .banner.contact-banner .image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

/***********************************************
  Header Container
************************************************/
.templateC .headerContainer {
  position: absolute;
  top: 3rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 99999;
  width: 100%; }

@media screen and (max-width: 767px) {
  .templateC .headerContainer {
    top: 2rem; } }

@media screen and (max-width: 992px) {
  .templateC .headerContainer.fixedIe {
    position: fixed; } }

.templateC .headerContainer-page {
  position: relative;
  padding-bottom: 2rem;
  top: 0; }

@media screen and (max-width: 1024px) and (-ms-high-contrast: active), screen and (max-width: 1024px) and (-ms-high-contrast: none) {
  .templateC .headerContainer-page .navbar-toggler-open {
    position: absolute;
    right: 2rem; } }

@media screen and (max-width: 992px) {
  .templateC .headerContainer-page.fixedIe {
    position: relative; } }

@media screen and (max-width: 1319px) {
  .templateC .headerContainer-page .navbar {
    padding: 0 2rem 0 3rem !important; } }

@media screen and (max-width: 480px) {
  .templateC .headerContainer-page .navbar {
    padding: 0 1rem 0 2rem !important; } }

.templateC .headerContainer-page .navbar-brand {
  color: #000000 !important; }

@media screen and (min-width: 1025px) {
  .templateC .headerContainer-page .navbar .nav-link {
    color: #000000 !important; } }

@media screen and (min-width: 992px) {
  .templateC .headerContainer-page .navbar .active .nav-link:before {
    background-color: #000000 !important; } }

@media screen and (min-width: 992px) {
  .templateC .headerContainer-page .navbar .btnPhone {
    color: #000000 !important; } }

@media screen and (min-width: 992px) {
  .templateC .headerContainer-page .navbar .btnPhone.iconPhone:before {
    background-image: url(../img/common/icon_phone_black.png); } }

@media screen and (min-width: 992px) {
  .templateC .headerContainer-page .navbar .btnMail {
    color: #000000 !important; } }

@media screen and (min-width: 992px) {
  .templateC .headerContainer-page .navbar .btnMail.iconMail:before {
    background-image: url(../img/common/icon_mail_black.png); } }

.templateC .headerContainer-page .navbar .logoWhite {
  display: none; }

.templateC .headerContainer-page .navbar .logoBlack {
  display: block !important; }

.templateC .headerContainer-page .boxBtn .navbar-toggler-icon {
  background-image: url(../img/common/icon_menu_black.png); }

.templateC .headerContainer-page .boxBtn .iconMail {
  background-image: url(../img/common/icon_mail_black.png); }

.templateC .headerContainer-page .boxBtn .iconPhone {
  background-image: url(../img/common/icon_phone_black.png); }

.templateC .headerContainer-page .boxBtn .bgGradient-btn .navbar-toggler-icon {
  background-image: url(../img/common/icon_menu.png); }

.templateC .headerContainer-page .boxBtn .bgGradient-btn .iconMail {
  background-image: url(../img/common/icon_mail.png); }

.templateC .headerContainer-page .boxBtn .bgGradient-btn .iconPhone {
  background-image: url(../img/common/icon_phone.png); }

.templateC .headerContainer-page .collapse-open {
  top: -2rem; }

@media screen and (max-width: 767px) {
  .templateC .headerContainer-page .collapse-open {
    top: -1rem; } }

.templateC .headerContainer-page .collapse.show {
  right: -2rem; }

@media screen and (max-width: 767px) {
  .templateC .headerContainer-page .collapse.show {
    right: -1rem; } }

@-webkit-keyframes run {
  0% {
    right: -100%; }
  50% {
    right: -50%; }
  100% {
    right: -2rem;
    @media screen and (max-width: 767px) {
      right: -1rem; } } }

@keyframes run {
  0% {
    right: -100%; }
  50% {
    right: -50%; }
  100% {
    right: -2rem;
    @media screen and (max-width: 767px) {
      right: -1rem; } } }

.templateC .headerContainer .navbar {
  padding: 0 5rem;
  max-width: 1280px;
  margin: 0 auto; }

@media screen and (max-width: 767px) {
  .templateC .headerContainer .navbar {
    padding: 0 3rem 0 4rem; } }

@media screen and (max-width: 480px) {
  .templateC .headerContainer .navbar {
    padding-top: 0.5rem;
    padding: 0 2rem 0 3rem; } }

.templateC .headerContainer .navbar-brand {
  margin-top: 1rem !important;
  color: #ffffff;
  font-size: 2rem;
  letter-spacing: 0.05em;
  line-height: 26px;
  max-width: 130px; }

@media screen and (max-width: 767px) {
  .templateC .headerContainer .navbar-brand {
    margin-top: 0.5rem !important; } }

@media screen and (max-width: 480px) {
  .templateC .headerContainer .navbar-brand {
    font-size: 1.6rem;
    line-height: 23px;
    max-width: 120px; } }

@media screen and (max-width: 375px) {
  .templateC .headerContainer .navbar-brand {
    font-size: 1.5rem;
    line-height: 20px;
    max-width: 100px; } }

@media screen and (max-width: 1024px) {
  .templateC .headerContainer .navbar-brand.hide {
    display: none; } }

.templateC .headerContainer .navbar-brand:focus-visible {
  outline: none; }

.templateC .headerContainer .navbar-brand img {
  width: 100%; }

.templateC .headerContainer .navbar-name {
  font-size: 1.8rem;
  font-weight: 700; }

@media screen and (max-width: 1024px) {
  .templateC .headerContainer .navbar-name {
    font-size: 1.6rem; } }

@media screen and (max-width: 767px) {
  .templateC .headerContainer .navbar-name {
    font-size: 1.3rem; } }

@media screen and (max-width: 480px) {
  .templateC .headerContainer .navbar-name {
    font-size: 1.2rem; } }

@media screen and (max-width: 375px) {
  .templateC .headerContainer .navbar-name {
    font-size: 1rem; } }

@media screen and (max-width: 1024px) {
  .templateC .headerContainer .navbar-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none; } }

@media screen and (max-width: 1024px) {
  .templateC .headerContainer .navbar-nav {
    margin-top: 15rem; } }

@media screen and (max-width: 767px) {
  .templateC .headerContainer .navbar-nav {
    margin-top: 13rem; } }

@media screen and (max-width: 480px) {
  .templateC .headerContainer .navbar-nav {
    margin-top: 10rem; } }

.templateC .headerContainer .navbar .nav-link {
  font-size: 1.6rem;
  letter-spacing: 0.05em;
  line-height: 60px;
  color: #ffffff; }

@media screen and (max-width: 1279px) {
  .templateC .headerContainer .navbar .nav-link {
    font-size: 1.4rem; } }

@media screen and (max-width: 1024px) {
  .templateC .headerContainer .navbar .nav-link {
    font-size: 2rem; } }

@media screen and (max-width: 480px) {
  .templateC .headerContainer .navbar .nav-link {
    font-size: 1.6rem; } }

@media screen and (max-width: 370px) {
  .templateC .headerContainer .navbar .nav-link {
    font-size: 1.5rem; } }

.templateC .headerContainer .navbar .nav-item {
  padding: 0 2.55rem; }

@media screen and (max-width: 1150px) {
  .templateC .headerContainer .navbar .nav-item {
    padding: 0 2rem; } }

@media screen and (max-width: 1110px) {
  .templateC .headerContainer .navbar .nav-item {
    padding: 0 1.5rem; } }

@media screen and (max-width: 1110px) and (-ms-high-contrast: active), screen and (max-width: 1110px) and (-ms-high-contrast: none) {
  .templateC .headerContainer .navbar .nav-item {
    padding: 0 1.3rem; } }

@media screen and (max-width: 1024px) {
  .templateC .headerContainer .navbar .nav-item {
    text-align: right;
    padding: 0 7rem 0 1.5rem; } }

@media screen and (max-width: 767px) {
  .templateC .headerContainer .navbar .nav-item {
    padding: 0 4.5rem 0 1.5rem; } }

@media screen and (max-width: 480px) {
  .templateC .headerContainer .navbar .nav-item {
    padding: 0 4rem 0 1.5rem; } }

@media screen and (max-width: 374px) {
  .templateC .headerContainer .navbar .nav-item {
    padding: 0 3rem 0 1.5rem; } }

.templateC .headerContainer .navbar .active .nav-link {
  position: relative; }

.templateC .headerContainer .navbar .active .nav-link:before {
  content: "";
  position: absolute;
  background-color: #ffffff;
  width: 6px;
  height: 6px;
  bottom: -13px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 10px;
  -webkit-transition: 0.5s;
  transition: 0.5s; }

@media screen and (max-width: 1024px) {
  .templateC .headerContainer .navbar .active .nav-link:before {
    display: none; } }

.templateC .headerContainer .navbar .showImg {
  display: block !important; }

.templateC .headerContainer .navbar .hideImg {
  display: none !important; }

.templateC .headerContainer .navbar .logoBlack {
  display: none; }

.templateC .headerContainer .btnPhone {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  margin: 0 2.25rem;
  letter-spacing: 0.05em; }

@media screen and (max-width: 1090px) {
  .templateC .headerContainer .btnPhone {
    margin: 0 1.5rem; } }

.templateC .headerContainer .btnPhone.iconPhone {
  position: relative;
  padding-left: 2.3rem; }

.templateC .headerContainer .btnPhone.iconPhone:before {
  content: "";
  position: absolute;
  background-image: url(../img/common/icon_phone_sp.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 13px;
  height: 17px;
  top: 55%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: 0.5s;
  transition: 0.5s; }

@media screen and (max-width: 1279px) {
  .templateC .headerContainer .btnPhone .phone {
    font-size: 1.4rem; } }

.templateC .headerContainer .btnPhone .time {
  font-size: 1.2rem; }

@media screen and (max-width: 1279px) {
  .templateC .headerContainer .btnPhone .time {
    font-size: 1rem; } }

.templateC .headerContainer .btnMail {
  margin: 0 2.25rem;
  letter-spacing: 0.05em; }

@media screen and (max-width: 1090px) {
  .templateC .headerContainer .btnMail {
    margin: 0 1.5rem; } }

.templateC .headerContainer .btnMail.iconMail {
  position: relative;
  padding-left: 3.6rem; }

.templateC .headerContainer .btnMail.iconMail:before {
  content: "";
  position: absolute;
  background-image: url(../img/common/icon_mail.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 22px;
  height: 14px;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: 0.5s;
  transition: 0.5s; }

.templateC .headerContainer-fixed {
  position: fixed;
  background-color: #ffffff;
  top: 0;
  padding: 2rem 0; }

@media screen and (max-width: 1024px) {
  .templateC .headerContainer-fixed {
    background-color: transparent; } }

.templateC .headerContainer-fixed .nav-link {
  color: #000000 !important; }

@media screen and (max-width: 1024px) {
  .templateC .headerContainer-fixed .nav-link {
    color: #ffffff !important; } }

@media screen and (max-width: 1319px) {
  .templateC .headerContainer-fixed .navbar {
    padding: 0 4rem 0 5rem !important; } }

@media screen and (max-width: 480px) {
  .templateC .headerContainer-fixed .navbar {
    padding: 0 2rem 0 3rem !important; } }

.templateC .headerContainer-fixed .navbar .active .nav-link:before {
  background-color: #000000;
  -webkit-transition: 0.5s;
  transition: 0.5s; }

@media screen and (max-width: 991px) {
  .templateC .headerContainer-fixed .navbar .active .nav-link:before {
    background-color: #ffffff; } }

.templateC .headerContainer-fixed .navbar-brand {
  margin-top: 0 !important; }

.templateC .headerContainer-fixed .navbar-brand {
  color: #000000; }

.templateC .headerContainer-fixed .btnPhone {
  color: #000000 !important;
  -webkit-transition: 0.5s;
  transition: 0.5s; }

.templateC .headerContainer-fixed .btnPhone.iconPhone:before {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-image: url(../img/common/icon_phone_black.png); }

.templateC .headerContainer-fixed .btnMail {
  color: #000000 !important; }

.templateC .headerContainer-fixed .btnMail.iconMail:before {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-image: url(../img/common/icon_mail_black.png); }

.templateC .headerContainer-fixed .collapse-open {
  top: 0; }

#edittingNowOnTheOurCms.templateC .headerContainer .navbar .nav-item {
  padding: 0 1rem; }

#edittingNowOnTheOurCms.templateC .headerContainer-fixed {
  width: calc(100% - 273px);
  top: 57px;
  z-index: 99 !important;
  left: auto;
  -webkit-transform: translate(0);
  transform: translate(0); }

/***********************************************
  Footer Container
************************************************/
.templateC .footerContainer {
  padding: 8rem 0 6rem; }

@media screen and (max-width: 767px) {
  .templateC .footerContainer {
    padding: 3.5rem 0 3rem;
    position: relative; } }

.templateC .footerContainer .footer-logo {
  max-width: 130px;
  font-size: 2rem;
  letter-spacing: 0.05em;
  line-height: 30px;
  margin-bottom: 5rem; }

@media screen and (max-width: 767px) {
  .templateC .footerContainer .footer-logo {
    padding-left: 1rem !important;
    margin-bottom: 1rem;
    font-size: 1.5rem;
    line-height: 20px; } }

.templateC .footerContainer .footer-address {
  line-height: 24.5px; }

@media screen and (max-width: 1279px) {
  .templateC .footerContainer .footer-address {
    font-size: 1.4rem; } }

@media screen and (max-width: 767px) {
  .templateC .footerContainer .footer-address {
    padding-left: 1rem !important;
    line-height: 21px; } }

@media screen and (max-width: 767px) {
  .templateC .footerContainer .listFooter {
    padding: 0 1rem;
    margin-bottom: 7rem;
    width: 100%; } }

.templateC .footerContainer .listFooter-item {
  padding: 0 4.2rem; }

@media screen and (max-width: 1110px) {
  .templateC .footerContainer .listFooter-item {
    padding: 0 3rem; } }

@media screen and (max-width: 785px) {
  .templateC .footerContainer .listFooter-item {
    padding: 0 2rem; } }

@media screen and (max-width: 767px) {
  .templateC .footerContainer .listFooter-item {
    padding: 0; } }

@media screen and (max-width: 767px) {
  .templateC .footerContainer .listFooter-item {
    width: 100%;
    text-align: left !important; } }

.templateC .footerContainer .listFooter-link {
  line-height: 24.5px;
  letter-spacing: 0.05em; }

@media screen and (max-width: 1279px) {
  .templateC .footerContainer .listFooter-link {
    font-size: 1.2rem; } }

#edittingNowOnTheOurCms.templateC .footerContainer {
  position: relative; }

#edittingNowOnTheOurCms.templateC .footerContainer .listFooter-item {
  padding: 0 3rem; }

@media screen and (max-width: 1024px) {
  .templateC .lContainer.topPage .mContainer.service {
    padding-top: 10rem; } }

.templateC .lContainer.topPage .mContainer.service .headGroup {
  margin-bottom: 5rem; }

@media screen and (max-width: 767px) {
  .templateC .lContainer.topPage .mContainer.service .headGroup {
    margin-bottom: 3.5rem; } }

.templateC .lContainer.topPage .mContainer.service .btn {
  margin-top: 10rem; }

@media screen and (max-width: 991px) {
  .templateC .lContainer.topPage .mContainer.service .btn {
    margin-top: 8rem; } }

@media screen and (max-width: 767px) {
  .templateC .lContainer.topPage .mContainer.service .btn {
    margin-top: 6rem; } }

@media screen and (max-width: 480px) {
  .templateC .lContainer.topPage .mContainer.service .btn {
    margin-top: 4rem; } }

@media screen and (max-width: 480px) {
  .templateC .lContainer.topPage .mContainer.works {
    padding-top: 10rem; } }

.templateC .lContainer.topPage .mContainer.works .workBox-desc {
  line-height: 24.5px;
  letter-spacing: 0.05em; }

@media screen and (max-width: 767px) {
  .templateC .lContainer.topPage .mContainer.works .workBox-desc {
    letter-spacing: 0; } }

.templateC .lContainer.topPage .mContainer.works .workBox-img {
  max-width: 510px;
  overflow: hidden; }

@media screen and (max-width: 767px) {
  .templateC .lContainer.topPage .mContainer.works .workBox-img {
    max-width: 100%;
    max-height: 400px;
    margin: 0 auto;
    margin-top: 4rem; } }

@media screen and (max-width: 767px) {
  .templateC .lContainer.topPage .mContainer.works .workBox-img img {
    width: 100%; } }

.templateC .lContainer.topPage .mContainer.works .headGroup {
  margin-bottom: 3rem; }

.templateC .lContainer.topPage .mContainer.works .headGroup .jp {
  right: 0;
  left: auto; }

.templateC .lContainer.topPage .mContainer.works .btn {
  margin-top: 4rem; }

.templateC .lContainer.topPage .mContainer.news .newsBox {
  padding: 8rem 0; }

@media screen and (max-width: 767px) {
  .templateC .lContainer.topPage .mContainer.news .newsBox {
    padding: 4rem 0; } }

.templateC .lContainer.topPage .mContainer.news .newsBox-head {
  margin-bottom: 3.5rem; }

@media screen and (max-width: 767px) {
  .templateC .lContainer.topPage .mContainer.news .newsBox .btn {
    margin-top: 4rem; } }

@media screen and (max-width: 480px) {
  .templateC .lContainer.topPage .mContainer.news .newsBox .icon-arrRightWhite {
    width: 30px;
    height: 30px; } }

@media screen and (max-width: 480px) {
  .templateC .lContainer.topPage .mContainer.news .newsBox .icon-arrRightWhite:after {
    width: 15px;
    height: 10px; } }

.templateC .company {
  padding: 5rem 0 8rem; }

@media screen and (max-width: 1024px) {
  .templateC .company {
    padding: 4rem 0 6rem; } }

@media screen and (max-width: 767px) {
  .templateC .company {
    padding: 4rem 0 4rem; } }

@media screen and (max-width: 480px) {
  .templateC .company {
    padding: 3rem 0 3rem; } }

.templateC .company .title {
  margin-bottom: 2.5rem;
  position: relative; }

@media screen and (max-width: 1024px) {
  .templateC .company .title {
    margin-bottom: 2rem; } }

@media screen and (max-width: 991px) {
  .templateC .company .title {
    margin-bottom: 1.5rem; } }

@media screen and (max-width: 767px) {
  .templateC .company .title {
    text-align: center; } }

.templateC .company .title-jp {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 2.4;
  letter-spacing: 0.25rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #000000; }

@media screen and (max-width: 991px) {
  .templateC .company .title-jp {
    font-size: 1.8rem; } }

@media screen and (max-width: 767px) {
  .templateC .company .title-jp {
    font-size: 2rem;
    padding-bottom: 1rem; } }

@media screen and (max-width: 480px) {
  .templateC .company .title-jp {
    font-size: 1.6rem;
    letter-spacing: 0.2rem; } }

@media screen and (max-width: 374px) {
  .templateC .company .title-jp {
    font-size: 1.4rem; } }

.templateC .company .list-group .list-group-item {
  border: none;
  padding: 0;
  border-bottom: 1px solid #e8e8e8;
  padding: 2.5rem 0;
  color: #000000;
  background-color: transparent; }

@media screen and (max-width: 768px) {
  .templateC .company .list-group .list-group-item {
    display: block;
    padding: 1.5rem 0; } }

.templateC .company .list-group .list-group-item .label {
  font-size: 1.6rem;
  letter-spacing: 0.4rem;
  font-weight: 400; }

@media screen and (min-width: 768px) {
  .templateC .company .list-group .list-group-item .label {
    padding: 0; } }

@media screen and (max-width: 767px) {
  .templateC .company .list-group .list-group-item .label {
    padding-bottom: 1rem;
    padding-left: 1rem; } }

@media screen and (max-width: 480px) {
  .templateC .company .list-group .list-group-item .label {
    font-size: 1.4rem; } }

.templateC .company .list-group .list-group-item .txt {
  font-size: 1.6rem; }

@media screen and (min-width: 768px) {
  .templateC .company .list-group .list-group-item .txt {
    padding: 0; } }

@media screen and (max-width: 767px) {
  .templateC .company .list-group .list-group-item .txt {
    padding-left: 1rem; } }

@media screen and (max-width: 480px) {
  .templateC .company .list-group .list-group-item .txt {
    font-size: 1.4rem; } }

.templateC .company .list-group .list-group-item .txt.-email {
  color: #62a0f5;
  text-decoration: underline; }

.templateC .vision .mission {
  background: url(../img/about/pic_bg_vision.jpg) no-repeat center center/cover;
  padding: 8rem 0 23rem; }

@media screen and (max-width: 1024px) {
  .templateC .vision .mission {
    padding: 6rem 0 20rem; } }

@media screen and (max-width: 991px) {
  .templateC .vision .mission {
    padding: 5rem 0 16rem; } }

@media screen and (max-width: 767px) {
  .templateC .vision .mission {
    background: url(../img/about/pic_bg_vision_sp.jpg) no-repeat center center/cover;
    padding: 4rem 0 14rem; } }

.templateC .vision .mission .title {
  margin-bottom: 2.5rem;
  position: relative;
  text-align: center; }

@media screen and (max-width: 1024px) {
  .templateC .vision .mission .title {
    margin-bottom: 2rem; } }

@media screen and (max-width: 991px) {
  .templateC .vision .mission .title {
    margin-bottom: 1.5rem; } }

.templateC .vision .mission .title-jp {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 2.4;
  letter-spacing: 0.25rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #000000; }

@media screen and (max-width: 991px) {
  .templateC .vision .mission .title-jp {
    font-size: 1.8rem; } }

@media screen and (max-width: 767px) {
  .templateC .vision .mission .title-jp {
    font-size: 2rem;
    padding-bottom: 1rem; } }

@media screen and (max-width: 480px) {
  .templateC .vision .mission .title-jp {
    font-size: 1.6rem;
    letter-spacing: 0.2rem; } }

@media screen and (max-width: 374px) {
  .templateC .vision .mission .title-jp {
    font-size: 1.4rem; } }

.templateC .vision .mission-head {
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.25rem;
  text-align: center;
  padding: 3rem 0; }

@media screen and (max-width: 1024px) {
  .templateC .vision .mission-head {
    font-size: 2.8rem; } }

@media screen and (max-width: 991px) {
  .templateC .vision .mission-head {
    font-size: 2.4rem;
    padding: 2rem 0; } }

@media screen and (max-width: 480px) {
  .templateC .vision .mission-head {
    font-size: 2rem; } }

@media screen and (max-width: 375px) {
  .templateC .vision .mission-head {
    font-size: 1.8rem; } }

.templateC .vision .mission-smallTxt {
  font-size: 1.6rem;
  letter-spacing: 0.25rem;
  text-align: center; }

@media screen and (max-width: 991px) {
  .templateC .vision .mission-smallTxt {
    font-size: 1.4rem; } }

@media screen and (max-width: 767px) {
  .templateC .vision .mission-smallTxt {
    font-size: 1.5rem;
    padding: 0 7rem; } }

@media screen and (max-width: 480px) {
  .templateC .vision .mission-smallTxt {
    padding: 0 2.5rem;
    font-size: 1.4rem; } }

@media screen and (max-width: 374px) {
  .templateC .vision .mission-smallTxt {
    font-size: 1.3rem; } }

.templateC .vision .director {
  padding-bottom: 16rem; }

@media screen and (max-width: 1024px) {
  .templateC .vision .director {
    padding-bottom: 14rem; } }

@media screen and (max-width: 991px) {
  .templateC .vision .director {
    padding-bottom: 8rem; } }

@media screen and (max-width: 767px) {
  .templateC .vision .director {
    padding-bottom: 6rem; } }

.templateC .vision .director-wrapper {
  background-color: #ffffff;
  padding-top: 8rem;
  margin-top: -17rem; }

@media screen and (max-width: 1024px) {
  .templateC .vision .director-wrapper {
    padding-top: 6rem;
    margin-top: -15.5rem; } }

@media screen and (max-width: 991px) {
  .templateC .vision .director-wrapper {
    padding: 5rem 5rem 0 5rem;
    margin-top: -11rem; } }

@media screen and (max-width: 767px) {
  .templateC .vision .director-wrapper {
    padding: 4rem 5rem 0 5rem;
    margin-top: -8rem; } }

@media screen and (max-width: 480px) {
  .templateC .vision .director-wrapper {
    padding: 4rem 3rem 0 3rem; } }

.templateC .vision .director-left {
  padding: 0; }

@media screen and (max-width: 767px) {
  .templateC .vision .director-left {
    padding-bottom: 4rem; } }

.templateC .vision .director-left .label {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.4rem;
  padding-bottom: 3rem; }

@media screen and (max-width: 991px) {
  .templateC .vision .director-left .label {
    font-size: 1.8rem;
    padding-bottom: 1.5rem; } }

@media screen and (max-width: 767px) {
  .templateC .vision .director-left .label {
    font-size: 1.6rem;
    letter-spacing: 0.2rem; } }

@media screen and (max-width: 480px) {
  .templateC .vision .director-left .label {
    font-size: 1.4rem; } }

.templateC .vision .director-left .info {
  line-height: 2;
  font-size: 1.6rem;
  font-weight: 400; }

@media screen and (max-width: 991px) {
  .templateC .vision .director-left .info {
    font-size: 1.3rem; } }

@media screen and (max-width: 767px) {
  .templateC .vision .director-left .info {
    font-size: 1.6rem;
    line-height: 1.7;
    letter-spacing: 0.15rem; } }

@media screen and (max-width: 480px) {
  .templateC .vision .director-left .info {
    font-size: 1.4rem; } }

.templateC .vision .director-right {
  padding-right: 0;
  padding-left: 6rem;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start; }

@media screen and (max-width: 1024px) {
  .templateC .vision .director-right {
    padding-left: 5rem; } }

@media screen and (max-width: 1024px) {
  .templateC .vision .director-right {
    padding-left: 3rem; } }

@media screen and (max-width: 767px) {
  .templateC .vision .director-right {
    padding-left: 0; } }

@media screen and (max-width: 767px) {
  .templateC .vision .director-right img {
    width: 100%; } }

@media screen and (max-width: 1136px) and (-ms-high-contrast: active), screen and (max-width: 1136px) and (-ms-high-contrast: none) {
  .templateC .box .innerPage {
    width: 50%;
    margin-left: 0; }
  .templateC .box .innerPage .box-left {
    max-width: 100%; } }

@media screen and (max-width: 767px) and (-ms-high-contrast: active), screen and (max-width: 767px) and (-ms-high-contrast: none) {
  .templateC .box .innerPage {
    width: 100%; } }

.templateC .box-wrapper {
  max-width: 1280px;
  margin: 0 auto;
  padding: 10rem 0; }

@media screen and (max-width: 1279px) {
  .templateC .box-wrapper {
    padding: 8rem 0; } }

@media screen and (max-width: 1024px) {
  .templateC .box-wrapper {
    padding: 6rem 0; } }

@media screen and (max-width: 767px) {
  .templateC .box-wrapper {
    padding: 4rem 0 8rem; } }

@media screen and (max-width: 480px) {
  .templateC .box-wrapper {
    padding: 3rem 0 6rem; } }

.templateC .box-wrapper .row1 {
  margin-right: 0;
  margin-left: 0; }

.templateC .box-left {
  padding-top: 2rem;
  padding-left: 0;
  padding-right: 12rem; }

@media screen and (max-width: 1279px) {
  .templateC .box-left {
    padding-right: 9rem; } }

@media screen and (max-width: 1024px) {
  .templateC .box-left {
    padding-top: 1rem; } }

@media screen and (max-width: 768px) {
  .templateC .box-left {
    padding-right: 4rem; } }

@media screen and (max-width: 767px) {
  .templateC .box-left {
    padding: 0 6rem 6rem 6rem; } }

@media screen and (max-width: 480px) {
  .templateC .box-left {
    padding: 0 3rem 5rem 3rem; } }

@media screen and (max-width: 374px) {
  .templateC .box-left {
    padding: 0 2rem 3rem 2rem; } }

.templateC .box-left .title {
  padding-bottom: 5rem; }

@media screen and (max-width: 1279px) {
  .templateC .box-left .title {
    padding-bottom: 3rem; } }

@media screen and (max-width: 991px) {
  .templateC .box-left .title {
    padding-bottom: 2rem; } }

@media screen and (max-width: 767px) {
  .templateC .box-left .title {
    padding-bottom: 3rem; } }

@media screen and (max-width: 480px) {
  .templateC .box-left .title {
    padding-bottom: 2.5rem; } }

@media screen and (max-width: 374px) {
  .templateC .box-left .title {
    padding-bottom: 2rem; } }

.templateC .box-left .title-jp {
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.78;
  letter-spacing: 0.2rem; }

@media screen and (max-width: 1279px) {
  .templateC .box-left .title-jp {
    font-size: 2.2rem; } }

@media screen and (max-width: 991px) {
  .templateC .box-left .title-jp {
    font-size: 1.8rem; } }

@media screen and (max-width: 850px) {
  .templateC .box-left .title-jp {
    font-size: 1.6rem; } }

@media screen and (max-width: 800px) {
  .templateC .box-left .title-jp {
    font-size: 1.5rem; } }

@media screen and (max-width: 767px) {
  .templateC .box-left .title-jp {
    font-size: 2rem; } }

@media screen and (max-width: 480px) {
  .templateC .box-left .title-jp {
    font-size: 1.6rem;
    letter-spacing: 0.2rem; } }

@media screen and (max-width: 374px) {
  .templateC .box-left .title-jp {
    font-size: 1.4rem; } }

.templateC .box-txt {
  line-height: 2;
  font-size: 1.6rem; }

@media screen and (max-width: 991px) {
  .templateC .box-txt {
    font-size: 1.3rem; } }

@media screen and (max-width: 767px) {
  .templateC .box-txt {
    font-size: 1.4rem;
    line-height: 1.7;
    letter-spacing: 0.15rem; } }

@media screen and (max-width: 374px) {
  .templateC .box-txt {
    font-size: 1.2rem; } }

.templateC .box-right {
  right: 0;
  padding: 0; }

@media screen and (max-width: 767px) {
  .templateC .box-right {
    position: inherit !important;
    display: block;
    padding: 0 1rem; } }

@media screen and (max-width: 480px) {
  .templateC .box-right {
    padding: 0 1em; } }

.templateC .box-right img {
  width: 100%;
  max-width: 600px; }

@media screen and (max-width: 767px) {
  .templateC .box-right img {
    max-width: 100%; } }

.templateC .policy {
  padding: 5rem 0 10rem; }

@media screen and (max-width: 1024px) {
  .templateC .policy {
    padding: 4rem 0 8rem; } }

@media screen and (max-width: 767px) {
  .templateC .policy {
    padding: 4rem 0 6rem; } }

@media screen and (max-width: 480px) {
  .templateC .policy {
    padding: 3rem 0 4rem; } }

.templateC .policy-item {
  padding-bottom: 5rem; }

.templateC .policy-item:last-child {
  padding-bottom: 0; }

@media screen and (max-width: 767px) {
  .templateC .policy-item {
    padding-bottom: 4rem; } }

@media screen and (max-width: 480px) {
  .templateC .policy-item {
    padding-bottom: 3rem; } }

.templateC .policy-title {
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.25rem;
  color: #62a0f5;
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 2rem;
  margin-bottom: 2.5rem; }

@media screen and (max-width: 480px) {
  .templateC .policy-title {
    font-size: 1.6rem;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem; } }

.templateC .policy-txt {
  font-size: 1.6rem;
  line-height: 2; }

@media screen and (max-width: 480px) {
  .templateC .policy-txt {
    font-size: 1.4rem; } }

.templateC .newsPage.news {
  padding: 5rem 0 10rem; }

@media screen and (max-width: 1024px) {
  .templateC .newsPage.news {
    padding: 4rem 0 8rem; } }

@media screen and (max-width: 480px) {
  .templateC .newsPage.news {
    padding: 3rem 0 6rem; } }

.templateC .newsPage.news .inner {
  display: block; }

.templateC .newsPage.news .newsList {
  padding: 0;
  padding-bottom: 6rem; }

@media screen and (max-width: 767px) {
  .templateC .newsPage.news .newsList {
    padding-bottom: 4rem; } }

.templateC .newsPage.news .newsList-item {
  margin-bottom: 2.25rem;
  padding-bottom: 2.25rem;
  border-bottom: 1px solid #e8e8e8; }

@media screen and (max-width: 767px) {
  .templateC .newsPage.news .newsList-item {
    margin-bottom: 1.6rem;
    padding-bottom: 1.6rem; } }

.templateC .newsPage.news .pagination {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.templateC .newsPage.news .pagination .page-item:first-child {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.templateC .newsPage.news .pagination .page-item:first-child .page-link .label {
  color: #62a0f5;
  position: relative;
  padding-left: 2rem;
  margin-right: 2.5rem;
  padding-right: 3rem;
  border-right: 1px solid #e8e8e8; }

@media screen and (max-width: 767px) {
  .templateC .newsPage.news .pagination .page-item:first-child .page-link .label {
    display: none; } }

.templateC .newsPage.news .pagination .page-item:first-child .page-link .icon-arrow-right {
  position: relative; }

@media screen and (max-width: 767px) {
  .templateC .newsPage.news .pagination .page-item:first-child .page-link .icon-arrow-right {
    margin-right: 1rem;
    padding-right: 3rem;
    border-right: 1px solid #e8e8e8; } }

.templateC .newsPage.news .pagination .page-item:first-child .page-link .icon-arrow-right::before {
  content: "";
  position: absolute;
  background: url(../img/common/icon_paginate_right.png) no-repeat;
  background-size: contain;
  width: 7px;
  height: 10px;
  left: 0;
  top: 55%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.templateC .newsPage.news .pagination .page-item:last-child {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.templateC .newsPage.news .pagination .page-item:last-child .page-link .label {
  color: #62a0f5;
  position: relative;
  padding-right: 2rem;
  border-left: 1px solid #e8e8e8;
  padding-left: 3rem;
  margin-left: 2.5rem; }

@media screen and (max-width: 767px) {
  .templateC .newsPage.news .pagination .page-item:last-child .page-link .label {
    display: none; } }

.templateC .newsPage.news .pagination .page-item:last-child .page-link .icon-arrow-right {
  position: relative; }

@media screen and (max-width: 767px) {
  .templateC .newsPage.news .pagination .page-item:last-child .page-link .icon-arrow-right {
    margin-left: 1rem;
    padding-left: 3rem;
    border-left: 1px solid #e8e8e8; } }

.templateC .newsPage.news .pagination .page-item:last-child .page-link .icon-arrow-right::before {
  content: "";
  position: absolute;
  display: block;
  background: url(../img/common/icon_paginate_left.png) no-repeat;
  background-size: contain;
  width: 7px;
  height: 10px;
  right: 0;
  top: 55%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.templateC .newsPage.news .pagination .page-item .page-link {
  border: none;
  color: #000000;
  font-size: 1.6rem; }

@media screen and (min-width: 480px) {
  .templateC .newsPage.news .pagination .page-item .page-link {
    padding: 0 1rem; } }

@media screen and (max-width: 480px) {
  .templateC .newsPage.news .pagination .page-item .page-link {
    font-size: 1.4rem; } }

.templateC .newsPage.news .pagination .page-item .page-link:hover {
  background-color: #ffffff; }

.templateC .newsPage.news .pagination .active .page-link {
  color: #62a0f5 !important;
  background-color: #ffffff; }

.templateC .box-top .breadcrumb .iconArrow.-prev {
  font-weight: 500;
  color: #000000; }

.templateC .article {
  padding: 5rem 0 7rem; }

@media screen and (max-width: 1024px) {
  .templateC .article {
    padding: 4rem 0 6rem; } }

@media screen and (max-width: 480px) {
  .templateC .article {
    padding: 3.5rem 0 5rem; } }

.templateC .article .title {
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 0.25rem;
  padding-bottom: 2rem; }

@media screen and (max-width: 767px) {
  .templateC .article .title {
    font-size: 2rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem; } }

@media screen and (max-width: 480px) {
  .templateC .article .title {
    font-size: 1.6rem;
    padding-bottom: 1.5rem; } }

@media screen and (max-width: 374px) {
  .templateC .article .title {
    font-size: 1.4rem; } }

.templateC .article .info {
  margin-bottom: 3rem; }

@media screen and (max-width: 767px) {
  .templateC .article .info {
    padding-left: 1.5rem;
    padding-right: 1.5rem; } }

@media screen and (max-width: 480px) {
  .templateC .article .info {
    margin-bottom: 2.5rem; } }

.templateC .article .info-date {
  font-size: 1.6rem;
  color: #979797; }

@media screen and (max-width: 767px) {
  .templateC .article .info-date {
    font-size: 1.4rem; } }

@media screen and (max-width: 480px) {
  .templateC .article .info-date {
    font-size: 1.2rem; } }

.templateC .article .info-tag {
  color: #62a0f5;
  border: 1px solid #62a0f5;
  font-size: 1.1rem;
  padding: 0.3rem 2rem 0.2rem 2rem;
  letter-spacing: 0.2rem;
  margin-left: 2rem;
  font-weight: 700; }

@media screen and (max-width: 480px) {
  .templateC .article .info-tag {
    margin-left: 1.5rem;
    font-weight: 500; } }

.templateC .article-detail {
  padding: 2.5rem 0;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 3.5rem; }

@media screen and (max-width: 480px) {
  .templateC .article-detail {
    padding: 2rem 0;
    margin-bottom: 2.5rem; } }

.templateC .article-detail .fb_iframe_widget {
  width: 184px; }

.templateC .article-detail .fb_iframe_widget iframe {
  width: 184px !important; }

.templateC .article-detail .block {
  padding-bottom: 4rem; }

@media screen and (max-width: 767px) {
  .templateC .article-detail .block {
    padding: 0 1.5rem 3rem 1.5rem; } }

.templateC .article-detail .block p {
  letter-spacing: 0.15rem; }

.templateC .article-share {
  margin-left: 0;
  margin-right: 0; }

.templateC .article-share .txt {
  font-size: 1.4rem;
  letter-spacing: 0.2rem;
  padding-left: 0;
  padding-right: 2rem; }

@media screen and (max-width: 767px) {
  .templateC .article-share .txt {
    padding-right: 0; } }

@media screen and (max-width: 480px) {
  .templateC .article-share .txt {
    font-size: 1.2rem;
    padding-right: 0;
    margin-right: -3rem; } }

@media screen and (max-width: 480px) {
  .templateC .article-share .txt {
    font-size: 1rem; } }

@media screen and (max-width: 767px) {
  .templateC .article-share .sns {
    padding-left: 3rem; } }

@media screen and (max-width: 480px) {
  .templateC .article-share .sns {
    padding-left: 4rem; } }

@media screen and (max-width: 374px) {
  .templateC .article-share .sns {
    padding-right: 0;
    padding-left: 3rem; } }

.templateC .article-share .fb-like {
  padding-top: 0.8rem; }

.templateC .article-share .link-twitter {
  padding-top: 0.5rem;
  padding-left: 0.3rem; }

.templateC .article .btn {
  text-align: center; }

.templateC .article .btn .back {
  color: #62a0f5;
  text-align: center;
  font-size: 1.6rem;
  letter-spacing: 0.5rem; }

@media screen and (max-width: 767px) {
  .templateC .article .btn .back {
    font-size: 1.5rem; } }

@media screen and (max-width: 480px) {
  .templateC .article .btn .back {
    font-size: 1.4rem; } }

@media screen and (max-width: 480px) {
  .templateC .article .btn .back {
    font-size: 1.2rem; } }

.templateC .article .btn .back span {
  padding-left: 2rem;
  position: relative; }

.templateC .article .btn .back span::before {
  content: '';
  position: absolute;
  background: url(../img/common/icon_arrow_blue.png) no-repeat;
  background-size: contain;
  width: 7px;
  height: 10px;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

#edittingNowOnTheOurCms.templateC .blockEditorContainer .richTextBoxCss,
#edittingNowOnTheOurCms.templateC .modalTsukuruCms,
#edittingNowOnTheOurCms.templateC .TsukuruCmsHeadingCss,
.templateC .blockEditorContainer .richTextBoxCss,
.templateC .blockEditorContainer .TsukuruCmsHeadingCss {
  margin: 1rem 0 !important; }

#edittingNowOnTheOurCms.templateC .blockEditorContainer .richTextBoxCss h1,
#edittingNowOnTheOurCms.templateC .modalTsukuruCms h1,
#edittingNowOnTheOurCms.templateC .TsukuruCmsHeadingCss h1,
.templateC .blockEditorContainer .richTextBoxCss h1,
.templateC .blockEditorContainer .TsukuruCmsHeadingCss h1 {
  margin: 1rem 0 !important; }

#edittingNowOnTheOurCms.templateC .blockEditorContainer .richTextBoxCss h2,
#edittingNowOnTheOurCms.templateC .modalTsukuruCms h2,
#edittingNowOnTheOurCms.templateC .TsukuruCmsHeadingCss h2,
.templateC .blockEditorContainer .richTextBoxCss h2,
.templateC .blockEditorContainer .TsukuruCmsHeadingCss h2 {
  font-weight: 600 !important;
  letter-spacing: 0.25rem !important;
  color: #62a0f5 !important;
  border-bottom: 1px solid #e8e8e8 !important;
  padding-bottom: 1.5rem !important;
  margin: 1rem 0 !important;
  line-height: 1.6 !important;
  font-size: 22px !important; }

@media screen and (max-width: 767px) {
  #edittingNowOnTheOurCms.templateC .blockEditorContainer .richTextBoxCss h2,
  #edittingNowOnTheOurCms.templateC .modalTsukuruCms h2,
  #edittingNowOnTheOurCms.templateC .TsukuruCmsHeadingCss h2,
  .templateC .blockEditorContainer .richTextBoxCss h2,
  .templateC .blockEditorContainer .TsukuruCmsHeadingCss h2 {
    padding-bottom: 1.2rem !important;
    font-size: 20px !important; } }

#edittingNowOnTheOurCms.templateC .blockEditorContainer .richTextBoxCss h2 .public-DraftStyleDefault-block,
#edittingNowOnTheOurCms.templateC .modalTsukuruCms h2 .public-DraftStyleDefault-block,
#edittingNowOnTheOurCms.templateC .TsukuruCmsHeadingCss h2 .public-DraftStyleDefault-block,
.templateC .blockEditorContainer .richTextBoxCss h2 .public-DraftStyleDefault-block,
.templateC .blockEditorContainer .TsukuruCmsHeadingCss h2 .public-DraftStyleDefault-block {
  margin: 0; }

#edittingNowOnTheOurCms.templateC .blockEditorContainer .richTextBoxCss h3,
#edittingNowOnTheOurCms.templateC .modalTsukuruCms h3,
#edittingNowOnTheOurCms.templateC .TsukuruCmsHeadingCss h3,
.templateC .blockEditorContainer .richTextBoxCss h3,
.templateC .blockEditorContainer .TsukuruCmsHeadingCss h3 {
  font-weight: 600 !important;
  letter-spacing: 0.25rem !important;
  color: #62a0f5 !important;
  margin: 1rem 0 !important;
  line-height: 1.6 !important;
  position: relative !important;
  padding: 1rem 2.5rem 1rem !important;
  background-color: #f5f5f5 !important;
  font-size: 20px !important; }

@media screen and (max-width: 767px) {
  #edittingNowOnTheOurCms.templateC .blockEditorContainer .richTextBoxCss h3,
  #edittingNowOnTheOurCms.templateC .modalTsukuruCms h3,
  #edittingNowOnTheOurCms.templateC .TsukuruCmsHeadingCss h3,
  .templateC .blockEditorContainer .richTextBoxCss h3,
  .templateC .blockEditorContainer .TsukuruCmsHeadingCss h3 {
    font-size: 18px !important; } }

#edittingNowOnTheOurCms.templateC .blockEditorContainer .richTextBoxCss h3:before,
#edittingNowOnTheOurCms.templateC .modalTsukuruCms h3:before,
#edittingNowOnTheOurCms.templateC .TsukuruCmsHeadingCss h3:before,
.templateC .blockEditorContainer .richTextBoxCss h3:before,
.templateC .blockEditorContainer .TsukuruCmsHeadingCss h3:before {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  width: 3px !important;
  height: 100% !important;
  background-color: #62a0f5 !important;
  left: 0 !important;
  top: 50% !important;
  -webkit-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important; }

#edittingNowOnTheOurCms.templateC .blockEditorContainer .richTextBoxCss h3 .public-DraftStyleDefault-block,
#edittingNowOnTheOurCms.templateC .modalTsukuruCms h3 .public-DraftStyleDefault-block,
#edittingNowOnTheOurCms.templateC .TsukuruCmsHeadingCss h3 .public-DraftStyleDefault-block,
.templateC .blockEditorContainer .richTextBoxCss h3 .public-DraftStyleDefault-block,
.templateC .blockEditorContainer .TsukuruCmsHeadingCss h3 .public-DraftStyleDefault-block {
  margin: 0; }

#edittingNowOnTheOurCms.templateC .blockEditorContainer .richTextBoxCss h4,
#edittingNowOnTheOurCms.templateC .modalTsukuruCms h4,
#edittingNowOnTheOurCms.templateC .TsukuruCmsHeadingCss h4,
.templateC .blockEditorContainer .richTextBoxCss h4,
.templateC .blockEditorContainer .TsukuruCmsHeadingCss h4 {
  font-weight: 600 !important;
  letter-spacing: 0.25rem !important;
  color: #62a0f5 !important;
  margin: 1rem 0 !important;
  line-height: 1.6 !important;
  position: relative;
  font-size: 18px !important; }

@media screen and (max-width: 480px) {
  #edittingNowOnTheOurCms.templateC .blockEditorContainer .richTextBoxCss h4,
  #edittingNowOnTheOurCms.templateC .modalTsukuruCms h4,
  #edittingNowOnTheOurCms.templateC .TsukuruCmsHeadingCss h4,
  .templateC .blockEditorContainer .richTextBoxCss h4,
  .templateC .blockEditorContainer .TsukuruCmsHeadingCss h4 {
    font-size: 16px !important; } }

#edittingNowOnTheOurCms.templateC .blockEditorContainer .richTextBoxCss h5,
#edittingNowOnTheOurCms.templateC .modalTsukuruCms h5,
#edittingNowOnTheOurCms.templateC .TsukuruCmsHeadingCss h5,
.templateC .blockEditorContainer .richTextBoxCss h5,
.templateC .blockEditorContainer .TsukuruCmsHeadingCss h5 {
  font-weight: bold !important;
  letter-spacing: 0.25rem !important;
  color: #62a0f5 !important;
  margin: 1rem 0 !important;
  line-height: 1.6 !important;
  position: relative;
  font-size: 16px !important; }

@media screen and (max-width: 480px) {
  #edittingNowOnTheOurCms.templateC .blockEditorContainer .richTextBoxCss h5,
  #edittingNowOnTheOurCms.templateC .modalTsukuruCms h5,
  #edittingNowOnTheOurCms.templateC .TsukuruCmsHeadingCss h5,
  .templateC .blockEditorContainer .richTextBoxCss h5,
  .templateC .blockEditorContainer .TsukuruCmsHeadingCss h5 {
    font-size: 15px !important; } }

#edittingNowOnTheOurCms.templateC .blockEditorContainer .richTextBoxCss h6,
#edittingNowOnTheOurCms.templateC .modalTsukuruCms h6,
#edittingNowOnTheOurCms.templateC .TsukuruCmsHeadingCss h6,
.templateC .blockEditorContainer .richTextBoxCss h6,
.templateC .blockEditorContainer .TsukuruCmsHeadingCss h6 {
  margin: 1rem 0 !important;
  font-size: 15px !important; }

@media screen and (max-width: 480px) {
  #edittingNowOnTheOurCms.templateC .blockEditorContainer .richTextBoxCss h6,
  #edittingNowOnTheOurCms.templateC .modalTsukuruCms h6,
  #edittingNowOnTheOurCms.templateC .TsukuruCmsHeadingCss h6,
  .templateC .blockEditorContainer .richTextBoxCss h6,
  .templateC .blockEditorContainer .TsukuruCmsHeadingCss h6 {
    font-size: 14px !important; } }

#edittingNowOnTheOurCms.templateC .blockEditorContainer .richTextBoxCss .ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected,
#edittingNowOnTheOurCms.templateC .modalTsukuruCms .ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected,
#edittingNowOnTheOurCms.templateC .TsukuruCmsHeadingCss .ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected,
.templateC .blockEditorContainer .richTextBoxCss .ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected,
.templateC .blockEditorContainer .TsukuruCmsHeadingCss .ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected {
  outline-color: transparent; }

.templateC .blockEditorContainer .TsukuruCmsButtonCss,
#edittingNowOnTheOurCms.templateC .TsukuruCmsButtonCss {
  margin: 1rem 0 !important; }

.templateC .blockEditorContainer .TsukuruCmsButtonCss .btnElement,
#edittingNowOnTheOurCms.templateC .TsukuruCmsButtonCss .btnElement {
  margin: 1rem 0 !important; }

.templateC .blockEditorContainer .TsukuruCmsImageCss img,
#edittingNowOnTheOurCms.templateC .TsukuruCmsImageCss img {
  padding: 1rem 0 !important;
  margin: 0 !important; }

.templateC .blockEditorContainer .richTableBoxCss.table,
#edittingNowOnTheOurCms.templateC
#edittingNowOnTheOurCms
.richTextBoxCss
figure.table
table.table,
.blockEditorContainer .richTextBoxCss figure.table {
  padding: 1rem 0 0 !important; }

.templateC .blockEditorContainer .richTableBoxCss .table,
#edittingNowOnTheOurCms.templateC
#edittingNowOnTheOurCms
.richTextBoxCss
figure.table
table .table,
.blockEditorContainer .richTextBoxCss figure .table {
  padding: 1rem 0 !important;
  margin: 0 !important; }

.templateC .contactPage .formContact {
  margin-bottom: 9rem;
  margin-top: 5rem; }

@media screen and (max-width: 1024px) {
  .templateC .contactPage .formContact {
    margin-bottom: 5rem; } }

@media screen and (max-width: 767px) {
  .templateC .contactPage .formContact {
    margin-bottom: 3rem;
    margin-top: 3rem; } }

.templateC .contactPage .headingPage {
  text-align: center;
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 2rem; }

@media screen and (max-width: 1024px) {
  .templateC .contactPage .headingPage {
    margin-bottom: 1.5rem;
    font-size: 1.8rem; } }

.templateC .contactPage .descPage {
  text-align: center;
  margin-bottom: 5rem;
  font-size: 1.6rem; }

@media screen and (max-width: 1024px) {
  .templateC .contactPage .descPage {
    margin-bottom: 3rem;
    font-size: 1.4rem; } }

@media screen and (max-width: 767px) {
  .templateC .contactPage .descPage {
    font-size: 1.2rem; } }

.templateC .contactPage .subTitle {
  text-align: center;
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 2rem; }

@media screen and (max-width: 1024px) {
  .templateC .contactPage .subTitle {
    margin-bottom: 1.5rem;
    font-size: 1.8rem; } }

.templateC .contactPage .basicText {
  text-align: center;
  margin-bottom: 5rem;
  font-size: 1.6rem; }

@media screen and (max-width: 1024px) {
  .templateC .contactPage .basicText {
    margin-bottom: 3rem;
    font-size: 1.4rem; } }

@media screen and (max-width: 767px) {
  .templateC .contactPage .basicText {
    font-size: 1.2rem; } }

.templateC .contactPage .danger {
  font-size: 1.6rem;
  color: #ce2121;
  padding-left: 0;
  padding-top: 0;
  max-width: 100rem;
  margin: 0 auto;
  margin-bottom: 3rem; }

@media screen and (max-width: 767px) {
  .templateC .contactPage .danger {
    font-size: 1.4rem;
    padding-right: 3rem;
    margin-bottom: 1.5rem; } }

.templateC .contactPage .danger strong {
  color: #212121; }

.templateC .contactPage .danger .close {
  color: #212121;
  font-size: 1.6rem;
  top: 5px; }

.templateC .contactPage .red,
.templateC .contactPage .necessary_input {
  color: #ce2121; }

.templateC .contactPage .form-group-privacy-policy {
  margin-bottom: 40px; }

@media screen and (max-width: 1024px) {
  .templateC .contactPage .form-group-privacy-policy {
    margin-bottom: 25px; } }

@media screen and (max-width: 767px) {
  .templateC .contactPage .form-group-privacy-policy {
    margin-bottom: 10px; } }

.templateC .contactPage .form-group-privacy-policy .form-check {
  text-align: center;
  margin-top: 20px; }

@media screen and (max-width: 767px) {
  .templateC .contactPage .form-group-privacy-policy .form-check {
    margin-top: 15px;
    padding-bottom: 10px; } }

.templateC .contactPage .form-group-privacy-policy .form-check .form-check-input {
  margin-top: 5px; }

@media screen and (max-width: 767px) {
  .templateC .contactPage .form-group-privacy-policy .form-check .form-check-input {
    margin-top: 4px; } }

.templateC .contactPage .form-group-privacy-policy .form-check .form-check-label {
  padding-left: 5px; }

.templateC .contactPage form {
  width: 100%;
  max-width: 100rem;
  margin: 0 auto; }

.templateC .contactPage form .form-group {
  margin-bottom: 2.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

@media screen and (max-width: 767px) {
  .templateC .contactPage form .form-group {
    margin-bottom: 1.5rem; } }

.templateC .contactPage form .form-group label {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-weight: bold;
  margin-bottom: 0.7rem;
  width: 27rem;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-right: 3rem;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-top: 1.2rem; }

@media screen and (max-width: 767px) {
  .templateC .contactPage form .form-group label {
    font-size: 1.4rem;
    margin-bottom: 0.5rem;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-right: 0;
    padding-top: 0;
    width: 100%; } }

.templateC .contactPage form .form-group label .necessary_input {
  margin-left: 1.5rem;
  width: 5rem;
  height: 2.5rem;
  margin-left: 1rem;
  padding: 0 0;
  padding-bottom: 0.3rem;
  background: #ce2121;
  border-radius: 0.5rem;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.2rem;
  text-align: center;
  vertical-align: middle;
  position: relative;
  top: 0px; }

@media screen and (max-width: 767px) {
  .templateC .contactPage form .form-group label .necessary_input {
    width: 4.2rem;
    height: 2rem;
    top: 2px; } }

.templateC .contactPage form .form-group .form-control {
  height: 5rem;
  padding: 1.5rem;
  border: 1px solid #ced4da;
  font-size: 1.6rem;
  width: calc(100% - 270px);
  line-height: 1; }

@media screen and (max-width: 767px) {
  .templateC .contactPage form .form-group .form-control {
    width: 100%;
    height: 4rem;
    padding: 1rem;
    font-size: 1.4rem; } }

.templateC .contactPage form .form-group .form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none; }

.templateC .contactPage form .form-group textarea {
  height: 20rem !important; }

@media screen and (max-width: 767px) {
  .templateC .contactPage form .form-group textarea {
    height: 10rem !important; } }

.templateC .contactPage form .form-check {
  cursor: pointer; }

.templateC .contactPage form .form-check .form-check-label {
  padding-left: 20px;
  width: auto;
  font-weight: normal;
  cursor: pointer; }

.templateC .contactPage form.myFormConfirm .form-group:nth-last-child(2) .form-control {
  white-space: pre-line;
  display: table; }

.templateC .contactPage .btnArea {
  text-align: center; }

.templateC .contactPage .btnArea .btn {
  text-align: center;
  text-decoration: none;
  margin: 0 auto;
  color: #fff;
  display: inline-block;
  border-radius: 30px;
  background: #000000;
  font-size: 1.8rem;
  line-height: 1;
  padding: 1.5rem;
  font-weight: 500;
  width: 25rem;
  margin-right: 15px;
  border: 1px solid #000000;
  border-radius: 30px;
  min-height: 60px;
  max-width: 269px;
  font-size: 1.8rem;
  letter-spacing: 0.05em; }

@media screen and (max-width: 767px) {
  .templateC .contactPage .btnArea .btn {
    font-size: 1.4rem;
    display: block;
    padding: 1rem 1.5rem;
    margin: 0 auto;
    margin-bottom: 1.5rem;
    border: 1px solid #000000;
    min-height: 50px; } }

.templateC .contactPage .btnArea .btn:last-child {
  margin-right: 0; }

@media screen and (max-width: 767px) {
  .templateC .contactPage .btnArea .btn:last-child {
    margin-bottom: 0;
    margin: 0 auto; } }

.templateC .contactPage .btnArea .btn:hover {
  color: #000000;
  background: #ffffff;
  border: 1px solid #000000; }

@media screen and (max-width: 767px) {
  .templateC .contactPage .btnArea .btn:hover {
    border: 1px solid #000000; } }

.templateC .contactPage .btnArea .btn:focus {
  -webkit-box-shadow: none;
  box-shadow: none; }

/* ======================================= Form Editor css ==================================== */
.templateC .contactPage .formContact .inner {
  max-width: 1000px; }

.templateC .contactPage .formContact h1,
.templateC .contactPage .formContact h2,
.templateC .contactPage .formContact h3,
.templateC .contactPage .formContact h4,
.templateC .contactPage .formContact h5,
.templateC .contactPage .formContact h6 {
  font-weight: 600;
  letter-spacing: inherit;
  margin-bottom: 2rem; }

@media screen and (max-width: 767px) {
  .templateC .contactPage .formContact h1,
  .templateC .contactPage .formContact h2,
  .templateC .contactPage .formContact h3,
  .templateC .contactPage .formContact h4,
  .templateC .contactPage .formContact h5,
  .templateC .contactPage .formContact h6 {
    margin-bottom: 1.5rem; } }

.templateC .contactPage .formContact hr {
  border: 0px;
  border-top: 1px solid #ccc; }

.templateC .contactPage .formContact img {
  max-width: 100%;
  height: auto;
  margin: 1rem auto;
  display: block; }

.templateC .contactPage .formContact h1 {
  font-size: 2.6rem; }

@media screen and (max-width: 991px) {
  .templateC .contactPage .formContact h1 {
    font-size: 2.4rem; } }

@media screen and (max-width: 767px) {
  .templateC .contactPage .formContact h1 {
    font-size: 2.2rem; } }

.templateC .contactPage .formContact h2 {
  font-size: 2.4rem; }

@media screen and (max-width: 991px) {
  .templateC .contactPage .formContact h2 {
    font-size: 2.2rem; } }

@media screen and (max-width: 767px) {
  .templateC .contactPage .formContact h2 {
    font-size: 2rem; } }

.templateC .contactPage .formContact h3 {
  font-size: 2rem; }

@media screen and (max-width: 991px) {
  .templateC .contactPage .formContact h3 {
    font-size: 1.8rem; } }

@media screen and (max-width: 767px) {
  .templateC .contactPage .formContact h3 {
    font-size: 1.6rem; } }

.templateC .contactPage .formContact h4 {
  font-size: 1.8rem; }

@media screen and (max-width: 991px) {
  .templateC .contactPage .formContact h4 {
    font-size: 1.6rem; } }

@media screen and (max-width: 767px) {
  .templateC .contactPage .formContact h4 {
    font-size: 1.4rem; } }

.templateC .contactPage .formContact h5 {
  font-size: 1.6rem; }

@media screen and (max-width: 991px) {
  .templateC .contactPage .formContact h5 {
    font-size: 1.5rem; } }

@media screen and (max-width: 767px) {
  .templateC .contactPage .formContact h5 {
    font-size: 1.3rem; } }

.templateC .contactPage .formContact h6 {
  font-size: 1.4rem; }

@media screen and (max-width: 991px) {
  .templateC .contactPage .formContact h6 {
    font-size: 1.3rem; } }

@media screen and (max-width: 767px) {
  .templateC .contactPage .formContact h6 {
    font-size: 1.2rem; } }

.templateC .contactPage .formContact h2 + p,
.templateC .contactPage .formContact h2 + ol,
.templateC .contactPage .formContact h2 + ul,
.templateC .contactPage .formContact h3 + p,
.templateC .contactPage .formContact h3 + ol,
.templateC .contactPage .formContact h3 + ul {
  margin-top: 0; }

.templateC .contactPage .formContact blockquote {
  font-style: italic;
  font-family: Georgia, Times, "Times New Roman", serif;
  border-left: 5px solid #f1f1f1;
  padding-left: 5px; }

.templateC .contactPage .formContact pre {
  white-space: pre-wrap;
  /* CSS 2.1 */
  word-wrap: break-word;
  /* IE7 */
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  background: #f1f1f1;
  border-radius: 3px;
  padding: 1px 10px; }

.templateC .contactPage .formContact figure,
.templateC .contactPage .formContact ol,
.templateC .contactPage .formContact ul,
.templateC .contactPage .formContact blockquote {
  display: block;
  margin-bottom: 2.5rem; }

@media screen and (max-width: 767px) {
  .templateC .contactPage .formContact figure,
  .templateC .contactPage .formContact ol,
  .templateC .contactPage .formContact ul,
  .templateC .contactPage .formContact blockquote {
    margin-bottom: 1.5rem; } }

.templateC .contactPage .formContact code {
  color: #222222;
  background: #f1f1f1;
  font-size: 11px;
  font-family: monospace;
  overflow-wrap: break-word;
  border-radius: 3px;
  padding: 1px 3px; }

.templateC .contactPage .formContact ul {
  list-style-type: disc;
  margin-left: 1.5rem; }

.templateC .contactPage .formContact ul .descPage, .templateC .contactPage .formContact ul .subTitle, .templateC .contactPage .formContact ul .headingPage {
  text-align: left;
  margin-bottom: 0;
  font-size: inherit;
  font-weight: inherit; }

.templateC .contactPage .formContact ol {
  list-style: decimal;
  margin-left: 2rem; }

.templateC .contactPage .formContact ol .descPage, .templateC .contactPage .formContact ol .subTitle, .templateC .contactPage .formContact ol .headingPage {
  text-align: left;
  margin-bottom: 0;
  font-size: inherit;
  font-weight: inherit; }

.templateC .contactPage .formContact a {
  color: #1890ff;
  text-decoration: none;
  white-space: pre-wrap; }

.templateC .contactPage .formContact table {
  width: 100% !important;
  margin-bottom: 3rem; }

.templateC .contactPage .formContact table th {
  border: 1px solid #ced4da;
  padding: 5px; }

.templateC .contactPage .formContact table td {
  border: 1px solid #ced4da;
  padding: 5px; }

.mce-item-table, .mce-item-table td, .mce-item-table th, .mce-item-table caption {
  border: 1px solid #f1f1f1;
  border-collapse: collapse;
  padding: 5px;
  width: 100%; }