@charset 'utf-8';

* {
	margin:0;
	padding:0;
}

html {
	font-size:16px;
	font-weight:nomal;
	word-wrap: break-word;
}

body {
	font-family:'游ゴシック', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color:#333;
	overflow-x:hidden;
	background:#fff;
}

a {
	text-decoration:none; 
	color:#333;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
/*
a:hover {
	text-decoration:none; 
	opacity: 0.8;
	filter: alpha(opacity=80);
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
*/
a:visited {
	color:#333;
}

img {
	border: 0;
	margin: 0;
	padding: 0;
}
a .imgTranslucent  {
	border:none;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

a:hover .imgTranslucent  {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

@media screen and (min-width : 835px) {
	a .imgExpansion {
		transform: scale(0.97);
	 	transition-duration: 0.3s;
		opacity: 1.0;
		filter: alpha(opacity=100);
	}

	a:hover .imgExpansion {
		transform: scale(1.0);
		transition-duration: 0.3s;
		opacity: 1.0!important;
		filter: alpha(opacity=100)!important;
	}
}
h2 {
	display:block;
	font-size:2.0rem;
	letter-spacing:2.5px;
	font-weight:bold;
	color:#589d75;
	line-height:150%;
	text-align:center;
	padding:0px 0px 0px 0px;
	background-color:;
	width:100%;
	margin:0px 0 20px 0;
}
h3 {
	display:block;
	font-size:1.7rem;
	letter-spacing:2.5px;
	font-weight:bold;
	color:#333;
	line-height:100%;
	text-align:center;
	padding:0px 0px 0px 0px;
	background-color:;
	margin:0px 0 20px 0;
}


.more-link {
	font-size:1.7rem;
	font-weight:bold;
	line-height:160%;
}

.more-link a {
	font-size:1.7rem;
	font-weight:bold;
	line-height:160%;
}

.linkMark {
	position:relative;
	top:-90px;
	visibility:hidden;
}
.borderNone {
	border-bottom:none;
}
.subtitle{
	width:100%;
	font-size:1.0rem;
	font-weight:nomal;
	color:#333;
	line-height:180%;
	text-align:center;
}
.construction{
	width:100%; font-size:3.0rem; color:#ccc; font-weight:bold; text-align:center; line-height:500%;
}
.clearfix:after {
    display: block;
    clear: both;
    height: 0px;
    line-height: 0px;
    visibility: hidden;
    content: ".";
}
.clearfix {
    display: block; /* for IE8 */
}

@media screen and (max-width : 834px) {
	h2 {
		font-size:20px;
		margin:0px 0 10px 0;
	}
	.more-link a {
		font-size:1.3rem;
		line-height:100%;
	}
	.linkMark {
		position:relative;
		top:-20px;
		visibility:hidden;
	}
}
@media screen and (min-width : 835px) {
	.displayPc {
		width:;
	}
	.displaySp {
		display:none;
	}
}
@media screen and (max-width : 834px) {
	.displayPc {
		display:none;
	}
	.displaySp {
		width:;
	}
}
.img-wrap{
  width: 100%;
  height: 100%;
  background:#fff;
}
.img-wrap img{
	aspect-ratio: 1 / 1;
	object-fit: cover;
}
.img-wrap p {
	font-weight:bold;
	font-size:16px;
	color:#666;
}
.scroll-fade{opacity: 0; transition: all 2s/*処理にかかる時間*/;}
.scroll-up{opacity: 0; transform: translateY(1000px)/*スクロールアップする距離*/; transition: all 2s/*処理にかかる時間*/;}
.scroll-up.done, .scroll-fade.done{opacity : 1; transform : translate(0, 0);}
.load-fade {opacity : 0; transition : all 2s/*処理にかかる時間*/;}
.load-up{opacity: 0; transform: translateY(1000px)/*スクロールアップする距離*/; transition: all 2s/*処理にかかる時間*/;}
.load-up.done, .load-fade.done{opacity : 1; transform : translate(0, 0);}
.animate {
  opacity: 0;
  transform: translateY(15px);
  transition: all 1.0s;
}
.animate:not(:nth-child(3n+1)) {
  margin-left: 0px;
}
.animate:not(:nth-child(-n+3)) {
  margin-top: 0px;
}
.animate.show {
  opacity: 1;
  transform: translateY(0);
}
.animate.show:nth-of-type(1) {
  transition-delay: 0s;
}
.animate.show:nth-of-type(2) {
  transition-delay: 0.1s;
}
.animate.show:nth-of-type(3) {
  transition-delay: 0.2s;
}
.animate.show:nth-of-type(4) {
  transition-delay: 0.3s;
}
.animate.show:nth-of-type(5) {
  transition-delay: 0.4s;
}
.animate.show:nth-of-type(6) {
  transition-delay: 0.5s;
}
.animate.show:nth-of-type(7) {
  transition-delay: 0.6s;
}
.animate.show:nth-of-type(8) {
  transition-delay: 0.7s;
}
.animate.show:nth-of-type(9) {
  transition-delay: 0.8s;
}
.animate.show:nth-of-type(10) {
  transition-delay: 0.9s;
}
/*<weight>: Use a value from 100 to 900
<uniquifier>: Use a unique and descriptive class name*/

.m-plus-1-title {
  font-family: "M PLUS 1", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}