/*
Theme Name: 株式会社はらさわ
Theme URI: https://harasawa.work
Author: HIDAKAYA DESIGN
Author URI: https://hidakaya.net
Template: lightning
Description: lightningの子テーマ
Version: 1.0
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* The bootstrap.css file is auto-enqueued in functions.php */

/* YOU SHOULD BE MAKING A CHILD THEME. Don't let me be a bad guy and erase all your hard work with a theme update. I just want to bring you new amazing features. I don't want to destroy your world. I've made a child theme available for you to use. Download it here http://devdm.com/DevDmBootstrap3/child-themes/ */

/****************** Special Blank CSS classes for child themes to use without disturbing core bootstrap styles ****************/

html {
  font-size: 62.5%;
}
body {
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	font-size: 1.5rem;
	padding-bottom: 20vw;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
	padding: 0;
	margin: 0;
	border: none;
}
h1::before,h2::before,h3::before,h4::before,h5::before,h6::before,
h1::after,h2::after,h3::after,h4::after,h5::after,h6::after {
	display: none;
}

em {
	font-style: normal;
	color: #ee5a24;
}

#vk-mobile-nav-menu-btn {
	display: none;
}

.ls-1 {
	letter-spacing: 0.6vw;
}
.ls-2 {
	letter-spacing: 1.2vw;
}
.ls-3 {
	letter-spacing: 2.4vw;
}


.define-a {
	margin: 0 9.3vw;
	font-size: max(2.4vw, 12px);
}
.define-a dt {
	margin-bottom: 2.13vw;
	font-weight: bold;
}
.define-a dd {
	margin-bottom: 4.4vw;
}

.site-header-logo {
	padding-top: 4.27vw;
	padding-bottom: 3.33vw;
	margin-bottom: 0;
}
.site-header-logo img {
	width: 37vw;
    max-height: initial;
}

.site-body {
	padding: 0;
	/* overflow-x: hidden; */
}
.site-body-container {
	padding: 0;
}
.site-body-bottom {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 100;
	width: 100%;
	background-color: #000000;
}
.site-body-bottom .container {
	display: flex;
	justify-content: center;
	padding: 0;
}
.site-body-bottom .widget {
	margin: 0;
}
.site-body-bottom .widget figure {
	margin: 0;
}
.site-footer {
	border-top: 1px solid #000;
}
.site-footer-copyright {
	text-align: center;
}
.site-footer-copyright p {
	font-size: max(1.6vw, 12px);
}

.ltg-slide-text-title {
	font-size: max(5vw, 12px);
	line-height: 1.8;
	letter-spacing: 0.2rem;
}

#homeAbout {
	background-color: #3c3c3c;
	color: #fff;
}
#homeAbout .title1 {
	width: 34.27vw;
	padding: 9.6vw 0;
	margin: 0 auto;
}
#homeAbout .title2 {
	margin-bottom: 4vw;
	font-size: max(4vw, 12px);
	line-height: 1.8;
	letter-spacing: 0.2rem;
}
#homeAbout p {
	font-size: max(2.8vw, 12px);
}
#homeAbout p:last-child {
	margin-bottom: 0;
}
#homeAbout .box1 {
	margin-top: 8vw;
	padding: 50.67vw 9.07vw 7.67vw 9.07vw;
	position: relative;
}
#homeAbout .box1 .image {
	width: 90.93vw;
	position: absolute;
	left: 0;
	top: -8vw;
}
#homeAbout .box2 {
	margin-top: 8vw;
	padding: 50.67vw 9.07vw 12.67vw 9.07vw;
	position: relative;
	background-color: #fff;
	color: #000000;
}
#homeAbout .box2 .image {
	width: 90.93vw;
	position: absolute;
	right: 0;
	top: -8vw;
}
#homeAbout .box2 .title {
	text-align: right;
}
#homeAbout .box2 p {
}

#homeAbout .box2 + .box1 {
	padding-top: 40.67vw;
}
#homeAbout .box2 + .box1 .image {
	top: -16vw;
}

#homeInstagram {
	position: relative;
}
#homeInstagram img {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
}
#homeInstagram .text {
	display: block;
	width: 46.67vw;
	line-height: 1.8;
	position: absolute;
	left: 8vw;
	top: 8.33vw;
	z-index: 2;
	font-size: 2.93vw;
	color: #fff;
	text-align: right;
}

#homeRecruit {
	padding-bottom: 8vw;
	background-color: #e3e3e3;
}
#homeRecruit .title {
	width: 42.67vw;
	margin: 0 auto 10.67vw auto;
	text-align: center;
}

#homeRecruit .banner1 {
	display: block;
	margin: 0 auto 8.8vw auto;
	width: 48.8vw;
}
#homeRecruit .banner2 {
	display: block;
	margin: 0 auto 5.33vw auto;
	width: 52.27vw;
}
#homeRecruit .banner3 {
	display: block;
	margin: 0 auto;
	width: 46.4vw;
}

#homeOutline {}
#homeOutline .title {
	width: 44.27vw;
	margin: 8vw auto 14vw auto;
}
#homeOutline .define1 {
	width: 42.73vw;
	clear: left;
	float: left;
}
#homeOutline .define2 {
	clear: left;
	float: left;
}
#homeOutline .image {
	width: 29.33vw;
	float: left;
}


.animate__animated {
	visibility: hidden;
}

.animate__animated.animate__fadeInUp {
	visibility: visible;
}

.wpcf7-form-control {
  font-size: 16px!important;
}

@media(min-width: 992px) {
	.site-header--layout--nav-float .site-header-logo img {
		margin-left: auto;
	}
}