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

a:hover {
	text-decoration:none; 
	color:#FF0066;
}

a:visited {
	color:#666;
}

img {
	border: 0;
	margin: 0;
	padding: 0;
}

a img {
	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 img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
@media screen and (min-width : 835px) {
	a .imgExpansion {
		transform: scale(0.95);
	 	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;
	}

}

h1 {
	color:#666;
	font-size:1.2rem;
	text-align:center;
	line-height:150%;
}
h2 {
	display:block;
	font-size:2.3rem;
	font-family: "Oswald", sans-serif;
	letter-spacing:1.5px;
	font-weight:500;
	color:#666;
	line-height:100%;
	text-align:center;
	padding:0px 0px 0px 0px;
	background-color:;
	margin:0px 0 25px 0;
}
h2 div {
	font-family:'游ゴシック', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	display:block;
	font-size:1.0rem;
	letter-spacing:1.5px;
	font-weight:bold;
	color:#000;
	line-height:100%;
	text-align:center;
	padding:0px 0px 0px 0px;
	background-color:;
	margin:10px 0 0 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) {
/********** ▽▽PCは幅1025px以上、タブレット・スマホは1024px以下▽▽ **********/
h2 {
	font-size:2.0rem;
}

.more-link a {
	font-size:1.3rem;
	line-height:100%;
}

.font02 {
}
.linkMark {
	position:relative;
	top:-20px;
	visibility:hidden;
}
.subtitle{
	width:96%;
	font-size:1.0rem;
	font-weight:nomal;
	color:#333;
	line-height:180%;
	text-align:center;
	margin:0 2% 0 2%;
}
.construction{
	font-size:2.0rem; line-height:180%; margin:50px auto 50px auto; width:100%;
}

/**********************************************/
}
@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;
}

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

.oswald-<uniquifier> {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
// <weight>: Use a value from 100 to 700
// <uniquifier>: Use a unique and descriptive class name

.josefin-sans-<uniquifier> {
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}


.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);}