/* CSS Custom */
@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c&family=Shippori+Mincho&family=Varela+Round&display=swap');
/********************************

共通

********************************/
body {
  font-family: YakuHanJPs, "M PLUS Rounded 1c", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  background-size: contain;
  font-feature-settings: "palt";
  letter-spacing: 0.02em;
  color: #444;
}
h1.intro-cta-title {
  font-family: "M PLUS Rounded 1c", sans-serif;
  letter-spacing: 0.1em;
  font-size: 2em;
}
h1.intro-title {
  font-family: "Shippori Mincho", serif;
  font-size: 1.33em;
  letter-spacing: 0.05em;
  line-height: 1.75;
  font-weight: 200;
  color: #f00994;
}
h2.light-section-heading {
  font-family: "M PLUS Rounded 1c", sans-serif;
  letter-spacing: 0.1em;
  font-size: 2em;
  color: #f00994;
}
h2.light-section-heading + .section-sub-heading {
  font-family: "Shippori Mincho", serif;
  font-size: 1.33em;
  letter-spacing: 0.05em;
  line-height: 1.75;
  font-weight: 200;
  color: #f00994;
}
/* フォント */
.intro-service-title, .about-text, .app-feature-text, .app-testimonial-text, .footer-descr, .intro-service-text, .testimonials-text, .tweet, .light-section-heading {
  font-family: YakuHanJPs, "M PLUS Rounded 1c", sans-serif;
}
.has-padding {
  padding: 80px 0;
}
/********************************

イントロ

********************************/
/* loader */
#awesome-loader .loader-holder svg path.ip-loader-circle {
  stroke: #0000ff;
}
#awesome-loader {
  background-color: rgba(255, 255, 255, 1);
  background-blend-mode: lighten;
}
#awesome-loader {
  display: none;
}
.home #awesome-loader {
  display: block;
}
.wp-custom-header button {
  display: none;
}
.wp-custom-header {
  height: 50vh;
  position: relative;
  overflow: hidden;
}
@media (min-width: 600px) {
  .wp-custom-header {
    height: calc(100vh - 98px);
  }
}
/* 企業理念 */
.philosophy-outer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100vh - 98px);
}
.philosophy {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80vh;
  text-align: center;
  line-height: 2.5;
  font-size: 1.5em;
  letter-spacing: 1.845px;
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
  color: #000;
  text-shadow: 1px 2px 2px #b3cecd;
}
/* 背景動画 */
video {
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  height: calc(100vh - 98px);
  width: 100%;
  top: 0;
  left: 0;
  filter: drop-shadow(0px 0px rgba(0, 0, 0, 0));
  outline: none;
  border: none;
}
.video::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: calc(100vh - 98px);
  background-color: rgba(255, 255, 255, 0.6);
  background-image: radial-gradient(#ffffff30 30%, transparent 31%), radial-gradient(rgb(0 0 0 /6%) 30%, transparent 31%);
  background-size: 4px 4px;
  background-position: 0 0, 2px 2px;
}
/********************************

ヘッダー

********************************/
#header-wrap a.custom-logo-link img {
  width: 200px;
  height: auto;
}
#header-wrap {
  border-bottom: 0;
}
.main-navigation {
  transition: 0.8s;
  top: 15px !important;
}
.main-navigation.visible {
  transition: 0.8s;
}
.smaller .main-navigation a {
  color: #000;
  transition: 0.8s;
}
.smaller .main-navigation a:focus, .smaller .main-navigation a:hover {
  color: #e62388;
  text-decoration: underline;
  transition: 0.8s;
}
.smaller #nav-expander:hover {
  color: #e62388 !important;
}
/********************************

トップページ

********************************/
#intro h4, #intro p, .intro-service-title, .intro-title, .pdf-icon {
  color: #444;
}
/* 事業内容 */
#intro-holder {
  margin-top: calc(100vh - 98px);
  min-height: 50vh;
}
.col-md-12 h4 {
  display: none;
}
#intro-services-wrap span, #intro-services-wrap h3 {
  color: #e62388 !important;
  font-size: 1.5em;
  letter-spacing: 1.845px;
}
#intro-services-wrap span {
  font-size: 1em;
}
#intro-services-wrap p.intro-service-text em {
  display: block;
  font-size: 0.9em;
  margin-bottom: 2em;
  color: #e62388 !important;
  letter-spacing: 1.845px;
  font-style: normal;
  font-weight: 600;
}
#intro-services-wrap p.intro-service-text {
  font-size: 0.8em;
  line-height: 1.7;
  text-align: justify;
  clear: both;
  padding-top: 1em;
}
#intro-services-wrap p.intro-service-text a {
  display: block;
  margin-top: 1em;
}
#intro-services-wrap p.intro-service-text a:after {
  font-family: FontAwesome;
  content: "\f0da";
  padding-left: 0.5em;
}
.intro-tagline {
  display: none;
}
.intro-project-technologies span, .intro-services span {
  font-size: 3em;
  display: block;
  float: left;
}
.intro-services {
  margin-bottom: 2em;
}
.intro-services span:before {
  font-size: 1.5em;
  margin: 0 10px 0 0;
}
/* WORKS*/
#works {
  background-color: #fffdfe;
}
.logo-background, .work-description, .work:hover:before {
  display: none;
}
.works-list ul {
  display: flex;
  margin: 3em 0 1em 0;
}
.works-list ul li {
  width: 25%;
  padding: 10px;
}
.works-list ul li img {
  width: 100%;
}
#works .works-list + ul li {
  list-style-type: disc;
  margin-left: 2em;
  line-height: 1.75;
  font-size: 14px;
  color: #444;
  text-align: left;
  font-family: YakuHanJPs, "M PLUS Rounded 1c", sans-serif;
}
#works a {
  font-family: YakuHanJPs, "M PLUS Rounded 1c", sans-serif;
  background: #0000ff;
  float: left;
  margin-top: 2em;
  padding: 10px 20px;
  line-height: 1;
  font-size: 14px;
  font-weight: 900;
  color: #fff;
  border-radius: 50px;
}
#works a:hover {
  transition: 0.8s;
  opacity: 0.6;
}
/* メンバー */
/* NEWS*/
#team, #news {
  display: none;
}
/* お知らせスライダー */
.pixova-blogpost-wrapper .owl-controls .owl-buttons .owl-prev, .pixova-blogpost-wrapper .owl-controls .owl-buttons .owl-next {
  background: none;
  border: none;
}
.pixova-blogpost-wrapper .owl-controls .owl-buttons .owl-prev {
  left: -22px;
}
.pixova-blogpost-wrapper .owl-controls .owl-buttons .owl-next {
  right: -5px;
}
.owl-controls .owl-buttons .fa {
  font-size: 50px;
}
/* 企業理念*/
.parallax-bg-container .philosophy {
  width: 100%;
  height: 80vh;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  line-height: 1.8;
  font-size: 1.5em;
}
/*CONTACT*/
.pixova-contact-info h3.address {
  font-weight: 900;
  font-size: 1em;
}
.pixova-contact-info h3.support {
  font-size: 0.8em;
}
/********************************

会社概要

********************************/
#company a {
  display: block;
  background: #ff0092;
  padding: 80px;
  color: #FFF;
  text-align: center;
  font-size: 2em;
  letter-spacing: 0.1em;
  transition: 0.8s;
  line-height: 0;
  font-weight: 900;
  padding-right: 1em;
}
#company a:hover {
  transition: 0.8s;
  opacity: 0.6;
}
#company a i {
  font-family: FontAwesome;
  padding-left: 1em;
  font-size: 1.15em;
}
/********************************

お知らせ

********************************/
.intro-tagline, .intro-title {
  text-shadow: none;
}
.pixova-tagline-comments {
  display: none;
}
.intro-tagline a {
  color: unset;
}
/********************************

お問い合わせ

********************************/
#contact {
  background: #FFF;
}
#contact p {
  font-size: 13px;
}
#contact .wpcf7-form-control-wrap input {
  border: 1px solid #ddd;
  border-radius: 80px;
  margin-top: 10px;
  height: 40px;
}
#contact .wpcf7-form-control-wrap textarea {
  border: 1px solid #ddd;
  border-radius: 25px;
  margin-top: 10px;
}
#contact input#submit, input[type=submit] {
  background-color: #c8ff00;
  color: #444;
  letter-spacing: 0.5em;
  width: 30% !important;
  border-radius: 50px;
  display: block;
}
#contact form p span {
  padding-left: 5px;
  color: #0000ff;
}
#contact form span.wpcf7-form-control-wrap {
  padding-left: 0;
  color: unset;
}
.wpcf7 form .wpcf7-response-output {
  border: none !important;
  background: #fafafaa8 !important;
  padding: 50px;
  text-align: center;
  margin: 50px 0;
  font-weight: 600;
}
#contact form select {
  margin-top: 0.5em;
  position: relative;
  display: block;
  padding: 10px;
  font-size: 1.25em;
  font-weight: 300;
  line-height: 60px;
  background: #efefef;
  border-radius: 4px;
  cursor: pointer;
  border: 0;
}
#contact form p:nth-child(11) {
  margin-top: 2em;
}
/********************************

アクセス

********************************/
/********************************

フッター

********************************/
#footer, #footer .footer-copyright-container {
  background-color: #000;
  padding: 0 0 20px 0;
  border: 0;
}
.pixova-lite-footer-theme-copyright {
  font-size: 0.8em;
  letter-spacing: 1.845px;
}
/********************************

会社概要

********************************/
.page-template-page-vizora #intro {
  display: none;
}
.page-template-page-vizora .col-lg-8 {
  width: 100%;
}
.page-template-page-vizora h2 {
  font-family: "M PLUS Rounded 1c", sans-serif;
  letter-spacing: 0.1em;
  font-size: 2em;
  color: #f00994;
  text-align: center;
  font-weight: 600;
}
.page-template-page-vizora h2::after {
  content: "";
  display: block;
  margin: 20px auto 100px auto;
  width: 66px;
  height: 3px;
  background-color: #f00994;
}
.page-template-page-vizora dl {
  overflow: hidden;
  font-size: 0.8em;
  line-height: 1.5;
  width: 80%;
  margin: 0 auto;
}
.page-template-page-vizora dt, .page-template-page-vizora dd {
  border-top: 1px solid #f009940d;
  padding-top: 3em;
}
.page-template-page-vizora dt {
  float: left;
  width: 30%;
  margin-bottom: 3em;
}
.page-template-page-vizora dd {
  float: left;
  width: 70%;
  margin-bottom: 3em;
}
.page-template-page-vizora dd ul li {
  margin-bottom: 1em;
  list-style-type: disc;
}
.page-template-page-vizora .map {
  width: 80%;
  margin: 0 auto;
}
.page-template-page-vizora .map iframe {
  aspect-ratio: 16 / 7;
  max-width: 2000px;
  width: 100%;
  height: auto;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}
/********************************

Go To Top

********************************/
.pixova-top {
  z-index: 9999;
  background-color: #0000ff;
  transition: 0.8s;
}
.pixova-top:hover {
  opacity: 0.6 !important;
  transition: 0.8s;
}
/* recaptcha */
.grecaptcha-badge {
  visibility: hidden;
}