@charset "utf-8";
/*
Theme Name: corporate-demo
Theme URI: https://lqd.jp/wp/
Description: LIQUID PRESS THEME
Author: LIQUID DESIGN
Author URI: https://lqd.jp/
Template: liquid-corporate
Version: 9999
*/
/* Child Styles */

html {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
    font-size: 16px;
}
@media print, screen and (max-width: 768px){
	html {
        font-size: 14px;
    }
}
body {
    font-family: 'Noto Sans JP','Noto Serif JP','Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック','Yu Gothic','メイリオ','ＭＳ Ｐゴシック','MS PGothic';
    height: 100%;
    margin: 0;
    padding: 0;
    background: #fff;
    color: #000;
    font-size: 1.1rem;
    font-weight: normal;
    line-height: 1.5;
	letter-spacing: 0.1em;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: unset;
	color: #363636;
}
h1 {
	font-family: 'Noto Serif JP', sans-serif;
	line-height: 4rem;
	font-size: 2rem;
}
h2 {
	font-family: 'Noto Serif JP', sans-serif;
	font-size: 1.5rem;
}
h3 {
	font-size: 1.2rem;
}


.logo img {
	height: 60px !important;
}

.carousel-item img {
	width: 100%;
	height: 80vh;
	object-fit: cover;
}

/* ------------ Slider ------------ */
.slide-img img {
	width: 100%;
	height: 85vh;
	object-fit: cover;
}
.slide-title {
	font-family: "Noto Serif JP", sans-serif;
    font-weight: bolder;
    font-size: 3rem !important;
    text-shadow: #3f3f3f 0 0 5px;
}
.slide-read {
	font-family: "Noto Sans JP", sans-serif;
    font-weight: 600;
    font-size: 2rem !important;
    margin-bottom: 15px !important;
    text-shadow: #3f3f3f 0 0 5px;
}
@media print, screen and (min-width: 768px){
	.swiper-container {
		width: 100%;
	}
	.swiper-slide .mask {
	  position: absolute;
	  margin: auto;
	  width: 100%;
	  height: 100%;
	  top: 0;
	  left: 0;
	  z-index: 0;
	  color: white;
	}

	.mask .slide-container {
		margin: 25vh auto 0px !important;
		max-width: 1100px;
	}
}
@media print, screen and (min-width: 1500px){
	.mask .slide-container {
		margin: 30vh auto 0px !important;
	}
}
@media print, screen and (max-width: 768px){
	.slide-title {
		font-size: 2rem !important;
	}
	.slide-read {
		font-size: 1.3rem !important;
	}
	.swiper-slide .mask {
	  position: absolute;
	  margin: auto;
	  width: 100%;
	  height: 100%;
	  top: 0;
	  left: 0;
	  z-index: 0;
	  color: white;
	}
	.mask .slide-container {
		margin-top: 20vh !important;
		margin-left: 5vh !important;
		margin-right: 5vh !important;
	}
}

/* ------------ アイコン ------------ */
.feature .icon {
	font-size: 60px;
}