@charset "UTF-8";
/*
Author: Another Path Inc.
Description: This is our original theme.
Version: 1.0
*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap");

/* common */
body {
  color: #4A4A4A;
  font-size: 16px;
  font-family: "fot-tsukuardgothic-std", "Noto Sans JP", serif;
  font-weight: 400;
  letter-spacing: 0.1em;
  background: #F8F9FA;
  background-image: url("../img/logo.png");
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

@media screen and (max-width: 767px) {
  body {
    font-size: 12px;
  }
}

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

a {
  color: #4A4A4A;
  text-decoration: none;
  transition: all 0.5s 0s ease-in-out;
}

p {
  color: #4A4A4A;
  line-height: 1.6;
}

.inner {
  max-width: calc(100vw - 120px);
  width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .inner {
    max-width: calc(100vw - 60px);
    width: 100%;
  }
}

.content {
  margin-top: 100px;
}

@media screen and (max-width: 767px) {
  .content {
    margin-top: 80px;
  }
}

.section {
  padding: 60px 0;
}

@media screen and (max-width: 767px) {
  .section {
    padding: 30px 0;
  }
}

.title {
  display: flex;
  justify-content: left;
  align-items: baseline;
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .title {
    margin-bottom: 15px;
  }
}

.title-en h2 {
  color: #EA553A;
  font-size: 42px;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .title-en h2 {
    font-size: 24px;
  }
}

.title-ja {
  margin-left: 12px;
}

@media screen and (max-width: 767px) {
  .title-ja {
    margin-left: 6px;
  }
}

.title-ja p {
  font-weight: 700;
}

.button a {
  background: #EA553A;
  border-radius: 50px;
  border: 2px solid #EA553A;
  display: inline-block;
  max-width: 240px;
  width: 100%;
  padding: 14px 24px;
  color: #FFF;
  font-weight: 700;
  line-height: 1;
  position: relative;
}

@media screen and (max-width: 767px) {
  .button a {
    max-width: 150px;
    width: 100%;
    padding: 8px 16px;
  }
}

.button a:hover {
  background: none;
  color: #EA553A;
}

.button a::before {
  content: "\f061";
  font-family: "Font Awesome 5 Free";
  position: absolute;
  top: 50%;
  right: 24px;
  transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
  .button a::before {
    right: 16px;
  }
}

@media screen and (max-width: 767px) {
  .isPc {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .isSp {
    display: none;
  }
}

/* header */
.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100px;
  z-index: 100;
  transition: all 0.5s 0s ease-in-out;
}

@media screen and (max-width: 767px) {
  .header {
    height: 80px;
  }
}

.header-color {
  background-color: #FFF;
}

.headerImg {
  position: fixed;
  top: 20px;
  left: 60px;
  max-width: 120px;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .headerImg {
    left: 30px;
    max-width: 80px;
    width: 100%;
  }
}

.headerImg a:hover {
  opacity: 0.6;
}

/* fv */
.fv {
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .fv {
    margin-bottom: 10px;
  }
}

.fvInner {
  margin: 0 auto;
  max-width: calc(100vw - 120px);
  width: 100%;
}

@media screen and (max-width: 767px) {
  .fvInner {
    max-width: calc(100vw - 60px);
    width: 100%;
  }
}

.fvImg img {
  border-radius: 30px;
}

.slider01 .swiper {
  border-radius: 30px;
}

/* works */
.slider02 {
  overflow: hidden;
}

.swiper-wrapper {
  transition-timing-function: linear;
}

.topCardsInner {
  margin: 0 auto;
  max-width: calc(100vw - 60px);
  width: 100%;
}

.topCard {
  max-width: calc((100vw - 90px) / 4);
  width: 100%;
  background: #fff;
  border-radius: 30px;
  height: calc((100vw - 60px) / 4);
}

.topCard:hover .topCardTitle {
  color: #EA553A;
  transition: all 0.5s 0s ease-in-out;
}

@media screen and (max-width: 767px) {
  .topCard {
    max-width: calc(100vw - 30px);
    width: 100%;
    height: calc(100vw - 30px);
  }
}

@media screen and (max-width: 767px) {
  .topCard:not(:first-child) {
    margin-top: 20px;
  }
}

.topCardImg img {
  border-radius: 30px 30px 0 0;
}

.topCardTexts {
  padding: 20px;
}

@media screen and (max-width: 767px) {
  .topCardTexts {
    padding: 10px;
  }
}

.topCardInfo {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}

@media screen and (max-width: 767px) {
  .topCardInfo {
    margin-bottom: 12px;
  }
}

.topCardTag {
  padding: 3px 24px;
  border: 1px solid #EA553A;
  border-radius: 50px;
  color: #EA553A;
  font-size: 12px;
  text-align: center;
}

.topCardDate {
  margin-left: 12px;
  font-size: 12px;
}

@media screen and (max-width: 767px) {
  .topCardDate {
    margin-left: 6px;
  }
}

.topCardTitle {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.6;
}

.worksButton {
  margin-top: 40px;
}

@media screen and (max-width: 767px) {
  .worksButton {
    margin-top: 20px;
  }
}

/* footer */
.footer {
  padding: 60px 0;
  background: #4A4A4A;
  color: #FFF;
}

@media screen and (max-width: 767px) {
  .footer {
    padding: 30px 0;
  }
}

.footerInner {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .footerInner {
    display: block;
    margin-bottom: 20px;
  }
}

.footerImg {
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .footerImg {
    margin-bottom: 10px;
  }
}

.footerImg a {
  color: #FFF;
  font-size: 24px;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .footerImg a {
    font-size: 16px;
  }
}

.footerImg a:hover {
  opacity: 0.6;
}

.footerInfo {
  font-size: 18px;
  line-height: 1.6;
}

@media screen and (max-width: 767px) {
  .footerInfo {
    font-size: 12px;
  }
}

.snsIcons {
  display: flex;
  justify-content: right;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .snsIcons {
    margin-top: 8px;
    justify-content: left;
  }
}

.snsIcon {
  max-width: 64px;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .snsIcon {
    max-width: 32px;
  }
}

.snsIcon:not(:first-child) {
  margin-left: 16px;
}

@media screen and (max-width: 767px) {
  .snsIcon:not(:first-child) {
    margin-left: 6px;
  }
}

.snsIcon a:hover {
  opacity: 0.6;
}

.info {
  margin-bottom: 10px;
}

.info a {
  font-size: 14px;
  color: #FFF;
}

@media screen and (max-width: 767px) {
  .info a {
    font-size: 10px;
  }
}

.info a:hover {
  opacity: 0.6;
}

.privacy {
  margin-bottom: 10px;
}

.privacy a {
  font-size: 14px;
  color: #FFF;
}

@media screen and (max-width: 767px) {
  .privacy a {
    font-size: 10px;
  }
}

.privacy a:hover {
  opacity: 0.6;
}

.copy {
  font-size: 14px;
  line-height: 1.6;
}

@media screen and (max-width: 767px) {
  .copy {
    font-size: 10px;
  }
}

/* about */
.aboutTitle {
  margin-bottom: 18px;
}

@media screen and (max-width: 767px) {
  .aboutTitle {
    margin-bottom: 9px;
  }
}

.aboutTitle p {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.6;
}

@media screen and (max-width: 767px) {
  .aboutTitle p {
    font-size: 16px;
  }
}

.aboutImg {
  margin: 40px 0;
}

@media screen and (max-width: 767px) {
  .aboutImg {
    margin: 20px 0;
  }
}

.aboutImg img {
  border-radius: 30px;
}

/* company */
.companyInner {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

@media screen and (max-width: 767px) {
  .companyInner {
    display: block;
  }
}

.companyLeft {
  max-width: calc((100% - 60px) / 2);
  width: 100%;
}

@media screen and (max-width: 767px) {
  .companyLeft {
    max-width: 100%;
  }
}

.companyRight {
  max-width: calc((100% - 60px) / 2);
  width: 100%;
}

@media screen and (max-width: 767px) {
  .companyRight {
    max-width: 100%;
  }
}

.companyList {
  padding: 20px;
  display: flex;
  justify-content: left;
  border-bottom: 1px solid #4A4A4A;
}

@media screen and (max-width: 767px) {
  .companyList {
    padding: 10px;
  }
}

.companyList:first-child {
  border-top: 1px solid #4A4A4A;
}

.companyListLeft {
  max-width: 120px;
  width: 100%;
  line-height: 1.6;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .companyListLeft {
    max-width: 80px;
  }
}

.companyListRight {
  margin-left: 80px;
  max-width: calc(100% - 200px);
  width: 100%;
  line-height: 1.6;
}

@media screen and (max-width: 767px) {
  .companyListRight {
    margin-left: 40px;
    max-width: calc(100% - 120px);
  }
}

.map {
  border-radius: 30px;
  padding-bottom: 90%;
  height: 0;
  overflow: hidden;
  position: relative;
}

@media screen and (max-width: 767px) {
  .map {
    margin-top: 20px;
    padding-bottom: 56.25%;
  }
}

.map iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

/* works */
.worksTags {
  display: flex;
  justify-content: left;
  margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
  .worksTags {
    margin-bottom: 20px;
  }
}

.worksTag {
  padding: 6px 36px;
  background: #FFF;
  border: 2px solid #FFF;
  border-radius: 50px;
  text-align: center;
  transition: all 0.5s 0s ease-in-out;
}

@media screen and (max-width: 767px) {
  .worksTag {
    padding: 3px 24px;
  }
}

.worksTag a {
  color: #4A4A4A;
  font-weight: 700;
}

.worksTag:not(:first-child) {
  margin-left: 12px;
}

@media screen and (max-width: 767px) {
  .worksTag:not(:first-child) {
    margin-left: 6px;
  }
}

.worksTag:hover {
  border: 2px solid #EA553A;
}

.worksTag:hover a {
  color: #EA553A;
}

.worksCards {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .worksCards {
    display: block;
  }
}

.worksCard {
  background: #fff;
  border-radius: 30px;
}

.worksCard:not(:nth-child(3n+1)) {
  margin-left: 30px;
}

@media screen and (max-width: 767px) {
  .worksCard:not(:nth-child(3n+1)) {
    margin-left: 0;
  }
}

.worksCard:nth-child(n+4) {
  margin-top: 30px;
}

@media screen and (max-width: 767px) {
  .worksCard:nth-child(n+4) {
    margin-left: 0;
  }
}

@media screen and (max-width: 767px) {
  .worksCard:not(:first-child) {
    margin-top: 20px;
  }
}

.worksCard:hover .worksCardTitle {
  color: #EA553A;
  transition: all 0.5s 0s ease-in-out;
}

.worksCardInner {
  max-width: calc((100vw - 90px) / 4);
  width: 100%;
  height: calc((100vw - 60px) / 4);
}

@media screen and (max-width: 767px) {
  .worksCardInner {
    max-width: calc(100vw - 30px);
    width: 100%;
    height: calc(100vw - 30px);
  }
}

.worksCardImg img {
  border-radius: 30px 30px 0 0;
}

.worksCardTexts {
  padding: 20px;
}

@media screen and (max-width: 767px) {
  .worksCardTexts {
    padding: 10px;
  }
}

.worksCardInfo {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}

@media screen and (max-width: 767px) {
  .worksCardInfo {
    margin-bottom: 12px;
  }
}

.worksCardTag {
  padding: 3px 24px;
  border: 1px solid #EA553A;
  border-radius: 50px;
  color: #EA553A;
  font-size: 12px;
  text-align: center;
}

.worksCardDate {
  margin-left: 12px;
  font-size: 12px;
}

@media screen and (max-width: 767px) {
  .worksCardDate {
    margin-left: 6px;
  }
}

.worksCardTitle {
  font-weight: 700;
  font-size: 14px;
  line-height: 1.6;
}

/* recruit */
.recruitList {
  padding: 20px;
  display: flex;
  justify-content: left;
  border-bottom: 1px solid #4A4A4A;
}

@media screen and (max-width: 767px) {
  .recruitList {
    padding: 10px;
    display: block;
  }
}

.recruitList:first-child {
  border-top: 1px solid #4A4A4A;
}

.recruitListLeft {
  max-width: 180px;
  width: 100%;
  line-height: 1.6;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .recruitListLeft {
    max-width: 100%;
  }
}

.recruitListRight {
  margin-left: 80px;
  max-width: calc(100% - 260px);
  width: 100%;
  line-height: 1.6;
}

@media screen and (max-width: 767px) {
  .recruitListRight {
    margin-top: 6px;
    margin-left: 0;
    max-width: 100%;
  }
}

.recruitListRight a{
  font-weight: 700;
}

/* contact */
.contactText {
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .contactText {
    margin-bottom: 20px;
  }
}

.formBg {
  padding: 60px 0;
  background: #EFF0F1;
  border-radius: 15px;
}

@media screen and (max-width: 767px) {
  .formBg {
    padding: 30px 15px;
  }
}

.formInner {
  max-width: calc(100% - 240px);
  width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .formInner {
    max-width: 100%;
  }
}

.formList {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .formList {
    display: block;
  }
}

.formList:not(:first-child) {
  margin-top: 30px;
}

@media screen and (max-width: 767px) {
  .formList:not(:first-child) {
    margin-top: 20px;
  }
}

.formLabel {
  display: inline-block;
  margin-right: 60px;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .formLabel {
    margin-right: 0;
  }
}

.formLabelTag {
  position: relative;
}

.formLabelTag::after {
  content: "必須";
  position: absolute;
  width: 42px;
  height: 20px;
  top: 50%;
  transform: translateY(-50%);
  right: -62px;
  padding: 2px 0;
  border: 1px solid #EA553A;
  border-radius: 3px;
  color: #EA553A;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .formLabelTag::after {
    right: -52px;
    font-size: 10px;
    padding: 0;
    padding-top: 2px;
  }
}

.formInput {
  display: block;
  max-width: calc(100% - 320px);
  width: 100%;
}

@media screen and (max-width: 767px) {
  .formInput {
    margin-top: 20px;
    max-width: 100%;
  }
}

input[type=text],
input[type=email],
input[type=tel],
textarea {
  width: 100%;
  background: #FFF;
  border: none;
  padding: 2em 2.6em;
  border-radius: 5px;
}

@media screen and (max-width: 767px) {

  input[type=text],
  input[type=email],
  input[type=tel],
  textarea {
    padding: 1em 1.3em;
  }
}

input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
textarea:focus {
  outline: none;
}

input[type=text]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 0.6;
  color: #9c9c9c;
  font-size: 16px;
  font-family: "fot-tsukuardgothic-std", "Noto Sans JP", serif;
  font-weight: 400;
  line-height: 1.6;
}

input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=tel]::placeholder,
textarea::placeholder {
  opacity: 0.6;
  color: #9c9c9c;
  font-size: 16px;
  font-family: "fot-tsukuardgothic-std", "Noto Sans JP", serif;
  font-weight: 400;
  line-height: 1.6;
}

@media screen and (max-width: 767px) {

  input[type=text]::-moz-placeholder,
  input[type=email]::-moz-placeholder,
  input[type=tel]::-moz-placeholder,
  textarea::-moz-placeholder {
    font-size: 12px;
  }

  input[type=text]::placeholder,
  input[type=email]::placeholder,
  input[type=tel]::placeholder,
  textarea::placeholder {
    font-size: 12px;
  }
}

textarea {
  width: 100%;
  min-height: 360px;
  resize: none;
}

@media screen and (max-width: 767px) {
  textarea {
    min-height: 180px;
  }
}

.contactButtonInner {
  margin-top: 40px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .contactButtonInner {
    margin-top: 20px;
  }
}

.contactButton {
  background: #EA553A;
  border-radius: 50px;
  border: 2px solid #EA553A;
  display: inline-block;
  max-width: 240px;
  width: 100%;
  /*padding: 14px 24px;*/
  padding: 14px 24px 14px 36px;
  color: #FFF;
  font-size: 16px;
  font-family: "Font Awesome 5 Free", "fot-tsukuardgothic-std", "Noto Sans JP", serif;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1;
  transition: all 0.5s 0s ease-in-out;
  position: relative;
}

@media screen and (max-width: 767px) {
  .contactButton {
    max-width: 150px;
    width: 100%;
    padding: 8px 16px;
    font-size: 12px;
  }
}

.contactButton:hover {
  background: none;
  color: #EA553A;
}

.contactButton::before {
  content: "\f061";
  font-family: "Font Awesome 5 Free";
  position: absolute;
  color: #FFF;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

/* drawer */
.drawerIcon {
  position: fixed;
  top: 16px;
  right: 60px;
  padding: 22px 18px;
  border-radius: 50px;
  align-items: center;
  z-index: 201;
  transition: all 0.5s 0s ease-in-out;
  background: #EA553A;
  border: 2px solid #EA553A;
}

@media screen and (max-width: 767px) {
  .drawerIcon {
    right: 30px;
    padding: 13px 9px;
  }
}

.drawerIcon.active {
  background: #FFF;
}

.drawerIcon.active .drawerIcon-bar1 {
  transform: rotate(-45deg);
  top: 8px;
}

.drawerIcon.active .drawerIcon-bar2 {
  display: none;
}

.drawerIcon.active .drawerIcon-bar3 {
  transform: rotate(45deg);
  top: 8px;
}

.drawerIcon.active .drawerIcon-bar1,
.drawerIcon.active .drawerIcon-bar2,
.drawerIcon.active .drawerIcon-bar3 {
  background: #EA553A;
}

.drawerIcon:hover {
  opacity: 0.6;
}

.drawerIcon-bars {
  display: block;
  position: relative;
  width: 24px;
  height: 16px;
}

.drawerIcon-bar1,
.drawerIcon-bar2,
.drawerIcon-bar3 {
  position: absolute;
  width: 24px;
  height: 2px;
  background: #FFF;
  border-radius: 12px;
  top: 0;
  right: 0;
}

.drawerIcon-bar1 {
  top: 0;
}

.drawerIcon-bar2 {
  top: 8px;
}

.drawerIcon-bar3 {
  top: 16px;
}

.drawerContent {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 200;
  transform: translateX(105%);
  transition: transform 0.5s ease 0s;
}

.drawerContent.active {
  transform: translateX(0);
}

.drawerInner {
  margin-left: auto;
  padding-top: 160px;
  background: #FFF;
  width: 33%;
  height: 100%;
}

@media screen and (max-width: 767px) {
  .drawerInner {
    padding-top: 160px;
    width: 50%;
  }
}

.drawerItems {
  margin-bottom: 60px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .drawerItems {
    margin-bottom: 30px;
  }
}

.drawerItem {
  margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
  .drawerItem {
    margin-bottom: 30px;
  }
}

.drawerItem a {
  color: #4A4A4A;
  font-size: 32px;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .drawerItem a {
    font-size: 16px;
  }
}

.drawerItem a:hover {
  color: #EA553A;
}

.drawerSns {
  max-width: 240px;
  width: 100%;
  margin: 0 auto;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .drawerSns {
    margin-top: 8px;
    justify-content: center;
  }
}

.drawerSnsIcon {
  max-width: 72px;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .drawerSnsIcon {
    max-width: 32px;
  }
}

/* works single */
.singleDate {
  margin-bottom: 18px;
}

@media screen and (max-width: 767px) {
  .singleDate {
    margin-bottom: 12px;
  }
}

.singleTitle {
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .singleTitle {
    margin-bottom: 20px;
  }
}

.singleTitle h1 {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.6;
}

@media screen and (max-width: 767px) {
  .singleTitle h1 {
    font-size: 20px;
  }
}

.singleImg {
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .singleImg {
    margin-bottom: 20px;
  }
}

.singleImg img {
  border-radius: 30px;
}

.singleLists {
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .singleLists {
    margin-bottom: 20px;
  }
}

.singleList {
  padding: 20px;
  display: flex;
  justify-content: left;
  max-width: calc((100% - 30px) / 2);
  width: 100%;
  border-bottom: 1px solid #4A4A4A;
}

@media screen and (max-width: 767px) {
  .singleList {
    padding: 10px;
    display: block;
    max-width: calc((100% - 20px) / 2);
  }
}

.singleList:nth-child(1) {
  border-top: 1px solid #4A4A4A;
}

.singleList:nth-child(2) {
  border-top: 1px solid #4A4A4A;
}

.singleListLeft {
  max-width: 150px;
  width: 100%;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .singleListLeft {
    max-width: 100%;
  }
}

.singleListRight {
  margin-left: 80px;
  max-width: calc(100% - 230px);
  width: 100%;
}

@media screen and (max-width: 767px) {
  .singleListRight {
    margin-left: 0;
    margin-top: 8px;
    max-width: 100%;
  }
}

.singleContent h2 {
  font-size: 20px;
  font-weight: 700;
  margin: 18px 0 6px;
}

@media screen and (max-width: 767px) {
  .singleContent h2 {
    font-size: 16px;
    font-weight: 700;
    margin: 9px 0 3px;
  }
}

.singleContent h3 {
  font-size: 18px;
  font-weight: 700;
  margin: 12px 0 4px;
}

@media screen and (max-width: 767px) {
  .singleContent h3 {
    font-size: 14px;
    font-weight: 700;
    margin: 8px 0 2px;
  }
}

.singleContent a {
  color: #4A4A4A;
  font-weight: 700;
}

html {
  visibility: hidden;
}

html.wf-active {
  visibility: visible;
}

/* information */
.informationTitle h2 {
  color: #4A4A4A;
}

.informationText {
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .informationText {
    margin-bottom: 20px;
  }
}

.informationListLeft {
  max-width: 320px;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .informationListLeft {
    max-width: 100%;
  }
}

.informationListRight {
  margin-left: 80px;
  max-width: calc(100% - 400px);
}

@media screen and (max-width: 767px) {
  .informationListRight {
    margin-left: 0;
    max-width: 100%;
  }
}

.pagination {
  width: 100%;
  margin-top: 60px;
}

@media screen and (max-width: 767px) {
  .pagination {
    width: 100%;
    margin-top: 30px;
  }
}

.page-numbers:hover {
  color: #EA553A;
  transition: all 0.5s 0s ease-in-out;
}

.singleListRight a{
  color: #4169e1;
}