@charset "UTF-8";

/*
Author: KASHIYAMA INDUSTRIES, LTD.
Author URI: https://www.kashiyama.com/
Version: 0.9
*/

/* //////////////////////////////////////////////////////
 * General Setting
 ////////////////////////////////////////////////////// */

:root,
[data-bs-theme=light] {
	/*--bs-font-sans-serif: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;*/
}

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

a:hover img {
	opacity: 0.75;
}

.lead {
	font-size: 1.4rem;
}

/*gridのgutter調整*/
.row-0{
    margin-left:0px;
    margin-right:0px;
 
    > div{
        padding-right:0px;
        padding-left:0px;
    }
}
.row-10{
    margin-left:-5px;
    margin-right:-5px;
 
    > div{
        padding-right:5px;
        padding-left:5px;
    }
}
.row-20{
    margin-left:-10px;
    margin-right:-10px;
 
    > div{
        padding-right:10px;
        padding-left:10px;
    }
}
.row-30{
    margin-left:-15px;
    margin-right:-15px;
 
    > div{
        padding-right:15px;
        padding-left:15px;
    }
}
.row-40{
    margin-left:-20px;
    margin-right:-20px;
 
    > div{
        padding-right:20px;
        padding-left:20px;
    }
}

/* //////////////////////////////////////////////////////
 * Navigation
 ////////////////////////////////////////////////////// */

.topbar {
	font-size: 0.85rem;
}

.topbar .global-site {
	font-size: 0.8rem;;
}

.navbar-brand {
  padding-top: 0;
  padding-bottom: 0;
}

.navbar-expand-xl .no-dropdown:after {
	content: "\f138";
	font-family: "Font Awesome 6 Free";
	margin-left: 0.35rem;
	font-weight: 900;
	font-size: 0.8rem;
	vertical-align: middle;
	border: none;
}

.dropdown-item:hover,
.dropdown-item:focus {
	color: #0dcaf0;
	background-color: var(--bs-dropdown-link-hover-bg);
}

.table th,
.table td {
	white-space: normal;
}

/* //////////////////////////////////////////////////////
 * Home
 ////////////////////////////////////////////////////// */

section.recruit .fbox-photo {
	margin-bottom: 1rem;
}

section.business {
background: url('../../../../../assets/images/bg_recruit_home.jpg') center / cover no-repeat;
}

section.business h2 {
	margin-bottom: 1rem;
}

section.recruit h3 {
	margin-bottom: 0;
	font-size: 1.5rem;
	color: #fff;
}

section.recruit p {
	margin-bottom: 0.3em;
}

section.referral-recruiting {
	background: url(../../../../../assets/images/bg_referral_recruit.jpg) center / cover;
}

section.instagram {
	background: url(../../../../../assets/images/bg_instagram.jpg) center / cover;
}

section.illumination {
	background: url(../../../../../assets/images/photo_illumination_home.jpg) bottom / cover;
}

section.instagram .bg-gradation {
	background-image: linear-gradient(90deg, rgba(248, 15, 15, 1), rgba(207, 63, 245, 1));
	color: #fff;
}

/* //////////////////////////////////////////////////////
 * Footer
 ////////////////////////////////////////////////////// */

.wgs-title img {
	width: 243px;
}


.wgs-menu ul {
	list-style: none;
	line-height: 1.2;
	margin: 0;
	padding: 0;
}

.wgs-menu li {
	padding-left: 15px;
	position: relative;
	font-size: 0.9em;
}

.wgs-menu li a {
color: #fff;
transition: all 0.5s;
}

.wgs-menu li a:before {
	font-family: 'FontAwesome';
	content: "\f138";
	position: absolute;
	left: 0;
	margin-top: 5px;
	font-size: 0.7em;
	color: #fff;
	display: inline-block;
	transition: left .3s;
}

.wgs-menu li:hover a:before {
	left: 3px;
}

footer .wgs-menu ul {
	padding: 0 0 10px;
}

footer li {
	margin: 0 0 10px;
}

section.copyright .text-body.small {
	font-size: 0.8rem !important;
}

section.copyright a {
	font-size: 0.8rem;
}


/* //////////////////////////////////////////////////////
 * RECRUIT
 ////////////////////////////////////////////////////// */

.readmore {
  position: relative;
  margin: 50px auto 50px;
  padding: 0 0 75px;
}

.readmore label {
  position: absolute;
  display: table;
  left: 50%;
  bottom: 0;
  margin: 0 auto;
  padding: 10px;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  background-color: #0dcaf0;
  transform: translateX(-50%);
  cursor: pointer;
  z-index: 1;
}

.readmore-content::before {
  position: absolute;
  display: block;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 75px;
  background: linear-gradient( rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, #fff 100%);
}

.readmore input[type="checkbox"]:checked ~ .readmore-content::before {
  display: none;
}

.readmore label::before{
  content: '募集職種の説明の続きを読む';
}

.readmore input[type="checkbox"]:checked ~ label::before {
  content: '元に戻す';
}

.readmore input[type="checkbox"]{
  display: none;
}

.readmore-content {
  position: relative;
  height: 200px;
  overflow: hidden;
}

.readmore input[type="checkbox"]:checked ~ .readmore-content {
  height: auto;
}

/* //////////////////////////////////////////////////////
 * Media Query
 ////////////////////////////////////////////////////// */

@media (min-width: 768px) {

	.header-absolute {
		top: 28px;
	}
	main p {
		/* font-size: 1.4rem; */
	}

}

@media (max-width: 576px) {

	.pt-5 {
		padding-top: 2.3rem !important;
	}

}