/*
Theme Name: inkrone
Tested up to: 6.0
Requires at least: 5.7
Requires PHP: 7.0
Description: A very simple theme for production templates. Customize as you like.
Tags: two-columns, one-column, right-sidebar, custom-colors, custom-menu, editor-style, theme-options, block-styles, wide-blocks
Author: LOOS,Inc.
Author URI: https://loos.co.jp/
Text Domain: arkhe
Domain Path: /languages
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

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

ul {
  padding: 0;
}

a:hover {
  color: inherit;
}

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

body {
  font-size: 100%;
  letter-spacing: .05em;
  font-family: -apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Helvetica Neue", sans-serif;
  line-height: 2;
  color: black;
  background-color: #f8f8f8;
}

p {
  letter-spacing: .1em;
  line-height: 2;
}

.btn {
  padding: 20px 40px;
  border-radius: 26px;
  display: inline-block;
  box-shadow: 3px 3px 5px #e3e5ea, -3px -3px 5px #fff;
  line-height: 1;
  font-weight: bold;
  font-size: .875rem;
}

.btn-black {
  padding: 20px 40px;
  border-radius: 26px;
  border: 1px solid #f8f8f8;
  display: inline-block;
  line-height: 1;
  font-weight: bold;
  font-size: .875rem;
}

#breadcrumb {
  display: none;
}

.text-slide {
  opacity: 0;
  -webkit-transition: opacity 2s ease;
  transition: opacity 2s ease;
}
.text-slide.is-active {
  opacity: 1;
  -webkit-transition: opacity 2s ease;
  transition: opacity 2s ease;
}
.mv {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
}

.top-mv-img {
  width: 50%;
  position: relative;
}

.top-mv-text {
  width: 50%;
  padding-top: 30vh;
}

.top-mv-text .slide-text {
  font-size: 3vw;
  font-weight: bold;
}

.top-mv-text p {
  padding-top: 3rem;
}

.consluting {
  margin-top: 2rem;
}

.consluting h2 {
  font-size: 3.5rem;
}

.consluting strong {
  font-size: 1.25rem;
}

.consluting-text {
  padding-bottom: 2rem;
}

.consluting-img {
  overflow: hidden;
  position: relative;
}

.consluting-title {
  background-image: url(./assets/img/consl-img3.jpg);
  background-size: cover;
  padding-top: 50%;
  width: 100%;
  position: relative;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  transition: all .3s ease-out;
}
.consl2 {
  background-image: url(./assets/img/consl-img2.jpg);
}
.consl3 {
  background-image: url(./assets/img/consl-img1.jpg);
}
.consl4 {
  background-image: url(./assets/img/consl-img4.jpg);
}

.consluting-title::before {
  content: '';
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.consluting-img h3 {
  font-size: 2rem;
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  color: white;
}

.consluting-img h3 span {
  font-size: 1.2rem;
}

.consluting-cont a:hover .consluting-title {
  opacity: .8;
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.consluting-cont p {
  font-weight: 700;
}
.consluting-cont {
  padding-left: 8px;
  padding-right: 8px;
}
.group {
  margin-top: 8rem;
}

.group h2 {
  font-size: 3.5rem;
}
.group-text {
  padding-bottom: 3rem;
}
.recruit {
  margin-top: 8rem;
  color: white;
  position: relative;
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.recruit::before {
  content: "";
  position: absolute;
  width: 100vw;
  height: 100%;
  background-color: #333;
  left: calc(50% - 50vw);
  z-index: -1;
  top: 0;
}

.recruit h2 {
  font-size: 3.5rem;
}
.recruit .btn-black {
  margin-top: 1rem;
  margin-right: 1rem;
}
.news {
  margin-top: 8rem;
}

.news h2 {
  font-size: 3.5rem;
}

.news-cont p {
  font-weight: 600;
}

.news-cont .news-date {
  font-size: .875rem;
  font-weight: bold;
  color: #A8A8A8;
}

.news-cont .news-date span {
  font-size: .75rem;
  background-color: #333;
  color: white;
  padding: .5rem 1rem;
  border-radius: .875rem;
  margin-left: 1rem;
}



#gnav {
  font-weight: bold;
}

.l-header {
  padding-left: 30px;
  padding-right: 30px;
  background-color: #f8f8f8
}

.c-headLogo__img {
  height: 80%;
}

.gnavi__list {
  position: relative;
}

.dropdown__lists {
  position: absolute;
  top: 64px;
  left: -96px;
  padding-left: 0;
  visibility: hidden;
  opacity: 0;
  transition: all .3s;
}

#menu-item-19 .dropdown__lists {
  left: -36px;
}

.gnavi__list:hover .dropdown__lists {
  display: block;
}

.dropdown__list {
  background-color: white;
  height: 60px;
  width: 280px;
  transition: all .3s;
  position: relative;
  padding: 0 20px;
}

.dropdown__list a {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 100%;
}

.gnavi__list:hover .dropdown__lists {
  visibility: visible;
  opacity: 1;
}

.p-drawer {
  background: white;
  color: #000;
}

.c-drawerNav {
  margin-bottom: 0;
  padding-left: 0;
  font-weight: bold;
}

.c-drawerNav a {
  border-bottom: 1px solid #E0E0E0;
}

[data-drawer-move=fade][data-drawer=opened] .l-header__drawerBtn {
  color: #000;
}

.c-drawerNav label {
  width: 100%;
  display: block;
  cursor: pointer;
  position: relative;
}

.c-drawerNav label::after {
  content: "";
  height: 16px;
  width: 16px;
  border-right: 3px solid #000;
  border-bottom: 3px solid #000;
  transform: rotate(45deg);
  position: absolute;
  right: 10px;
  top: 20px;

}

.drawer00-menu,
.drawer01-menu,
.drawer02-menu,
.drawer03-menu,
.drawer04-menu,
.drawer05-menu {
  padding-left: 0;
}

.drawer00-menu li,
.drawer01-menu li,
.drawer02-menu li,
.drawer03-menu li,
.drawer04-menu li,
.drawer05-menu li {
  height: 0;
  overflow: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.c-drawerNav input {
  display: none;
}

#drawer00:checked~.drawer00-menu li,
#drawer01:checked~.drawer01-menu li,
#drawer02:checked~.drawer02-menu li,
#drawer03:checked~.drawer03-menu li,
#drawer04:checked~.drawer04-menu li,
#drawer05:checked~.drawer05-menu li {
  height: 60px;
  opacity: 1;
}

.footer-contact {
  background-color: #f8f8f8;
  text-align: center;
  padding: 3.5rem 0;
  color: #333;
}

.footer-contact h2 {
  font-size: 3rem;
}

.footer-contact p {
  font-weight: 700;
}

.l-footer__foot {
  background-color: #333;
  color: white;
}

.footer-cont1 {
  display: flex;
  flex-wrap: wrap;
}

.footer-cont1 ul {
  width: 33.33%;
}

.footer-head {
  font-weight: 700;
  font-size: 1.25rem;
}

.footer-logo img {
  width: 15rem;
}

.footer-info .tel {
  font-weight: 700;
  font-size: 1.5rem;
}

#particle {
  width: 180%;
  height: 100vh;
  vertical-align: bottom;
  position: absolute;
  left: -40%;
  top: 0;
}