@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:#999;
}

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:#000;
	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;
	}
	.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: contain;
}
.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);}