/*
Theme Name: minimum
Author: dw5
Version: 1.0.0
*/

@charset "utf-8";

/* COMMON */
body {
  margin: 0;
  overflow-x: hidden;
}


.mail-bt {
  position: fixed;
  top: 30px;
  right: 30px;
  z-index: 2;
  transition-duration: .4s;
}

.mail-bt:hover {
  transform: scale(1.1);
}

@media (max-width: 576px) {
	.mail-bt {
		display: none
		}
}

.sec1{
	background-color: #F7F7F5;
}

.zen-old-mincho-regular {
  font-family: "Zen Old Mincho", serif;
  font-weight: 400;
  font-style: normal;
}

.zen-old-mincho-medium {
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  font-style: normal;
}

// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 200 to 900

.noto-serif-jp-<uniquifier> {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

p{
	font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  font-size: 1.1em;
}

h1,h2,h3,h4,h5,h6{
	font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
}


.pos-r{
	position: relative;
}

.left-ill{
	position: absolute;
	top: 70%;
	left: 0;
	opacity: 0.5;
}


.sec2{
	background-color: #535353;
	padding: 50px 0;
}
.sec2 h3{
	color: white;
	text-align: center;
}

.right-ill{
	position: absolute;
	top: 70%;
	right: 0;
	opacity: 0.5;
}

.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}


.sec3{
	background-color: #F7F7F5;
}

.sec3-bn{
	padding:50px 0;
}

.sec3-bn2{
	padding:50px 0;
}

.sec3-bn2 a{
	text-decoration: none;
	color: #121212;
}
.sec3-bn2 p{
	padding-left: 40px;
}

/* メディアクエリ */

.sec3-margin{
	margin-top: 70px;
}
.sec5-margin{
	margin-bottom: 110px;
}


@media (max-width: 576px) {
	.sm-w100{
		width: 100%;
	}
	.container{
		padding: 0 20px !important;
	}
	.sp-hide{
		display: none;
	}
	.foot-logo img{
		width: 80%;
	}
	.link-bt div{
		width: 200px !important;
	}
	.sec3-bn2 .col-sm-6{
		margin-bottom: 40px;
		padding-left: 20px;
	}
	
	.sec10-inner{
		padding-top: 60px !important;
		padding-bottom: 60px !important;
	}
	

}

@media (max-width: 992px) {
	.title{
	width: 70%;
	}
	
	.sec5-margin{
		margin-bottom: 60px;
	}
	
	.sec3-margin{
		margin-top: 0px;
		margin-bottom: 30px;
		padding: 20px;
	}
}


@media (min-width: 576px) {
	.pc-hide{
		display: none;
	}
}

@media (min-width: 768px) {
	.sec4-inner ul{
		font-size: 22px;
	}
}


@media (min-width: 992px) {
	.sec3-bn{
		padding:80px 150px;
	}
	.sec3-bn2{
		padding:80px 180px;
	}
	.sec4-inner{
		padding: 20px 10px 5px;
		font-size: 30px;
	}
	.sec4{
		padding:50px 100px;
	}

}



@media (min-width: 1400px) {
	.sec3-bn2{
		padding:80px 300px;
	}

	.sec5-margin{
		margin-bottom: 170px;
	}
}


.sec-outer{
	padding:50px 0;
}

.sec4-inner{
	background-color: #F7DC6E;
	padding: 20px 10px 5px;
	font-size: 18px;
}

.sec5{
	background-color: #535353;
	color: white;
}

.sec7{
	background-color: #535353;
	color: white;
}

.sec-inner p{
	font-family: sans-serif;
	font-weight: 100;
	font-size: 0.9em;
	margin-bottom: 30px;
}

.sec10-inner{
	padding: 100px 
}

.big{
	font-size: 2.5rem;
}

.sec10-p{
	max-width: 522px;
}

.center-block{
	margin: 0 auto;
}

.sec11{
	padding: 50px 0 0;
}

.link-bt{
	text-align: center;
}

.link-bt div{
	border: 1px solid #5D5D5D;
	width: 411px;
	margin: 0 auto;
	padding: 5px;
	transition-duration: .2s;
}

.link-bt div:hover {
  transform: scale(1.1);
}

.link-bt a{
	text-decoration: none;
	color: #5D5D5D;
}


.foot-text *{
	font-family: sans-serif;
}

.foot-text p{
	font-size: 0.9em;
	margin-bottom: 50px;
}

.foot-text h6{
	text-align: center;
	font-size: 0.8em;
}

.parallax_content{
  display: flex;
  justify-content: center;
  align-items: center;

  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.img_bg_01{
  	background-image: url(image/sec-10-bg2.jpg);

}