@charset "UTF-8";

/* top
---------------------------------------------------------------------------*/
.img-main {
	margin-bottom: 0;
}

#topContents {
	width: 100%;
	opacity: 0;
}


/* .loading
---------------------------------------------------------------------------*/
.loading {
	display: none !important;
	/*position: fixed;
	top: 0;
	right: 0;
	background-color: #FFFFFF;
	width: 100%;
	height: 100vh;
	z-index: 99999;*/
}

/*.loading .txt,
.loading .logo {
	position: absolute;
	z-index: 1;
}

.loading .txt {
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) !important;
	text-align: center;
}

.loading .txt-jp {
	margin-bottom: 33px;
}

.loading .txt-jp > div {
	float: left;
	transform-origin: center bottom;
	opacity: 0;
}

.loading .txt1 { margin-right: 11px; }
.loading .txt2 { margin-right: 11px; }
.loading .txt3 { margin-right: 12px; }
.loading .txt4 { margin-right: 11px; }
.loading .txt5 { margin-right: 6px; }
.loading .txt6 { margin-right: 12px; }
.loading .txt7 { margin-right: 10px; }
.loading .txt8 { margin-right: 13px; }
.loading .txt9 { margin-right: 8px; }
.loading .txt10 { margin-right: 12px; }
.loading .txt11 { margin-right: 7px; }

.loading .txt-en {
	opacity: 0;
}

.loading .logo {
	bottom: 50px;
	left: 50%;
	width: 96px;
	margin-left: -48px;
	opacity: 0;
}

.loading .logo img {
	width: 100%;
	height: auto;
}

.loading .bar-wrap {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #E7E4DA;
	width: 10px;
	height: 100%;
	z-index: 1;
}

.loading .bar {
	background-color: #FBB602;
	width: 100%;
	height: 0;
}

.loading .cover1,
.loading .cover2 {
	position: absolute;
	top: 0;
	right: 100%;
	width: 100%;
	height: 100%;
}

.loading .cover1 {
	background-color: #FBB602;
	z-index: 2;
}

.loading .cover2 {
	background-color: #FFE57A;
	z-index: 3;
}*/


/* .sec-lead
---------------------------------------------------------------------------*/
.sec-lead {
	position: relative;
	width: 900px;
	margin: 0 auto 120px;
	padding: 45px 0 0;
	text-align: center;
}

.sec-lead .mark,
.sec-lead .mark1,
.sec-lead .mark2 {
	display: block;
	position: absolute;
	height: auto;
}

.sec-lead .mark {
	top: -70px;
	left: 50%;
	width: 82px;
	margin-left: -41px;
	z-index: 10;
}

.sec-lead .mark1 {
	top: 120px;
	left: 65px;
	width: 82px;
}

.sec-lead .mark2 {
	top: 80px;
	right: 58px;
	width: 92px;
	transform: rotate(15deg);
}

.sec-lead h2 {
	margin-bottom: 32px;
	color: #42210A;
	font-size: 26px;
	letter-spacing: 0.2em;
}

.sec-lead p {
	margin-bottom: 10px;
	color: #765844;
	line-height: 2.1;
	letter-spacing: 0.14em;
}

.sec-lead .btn-set {
	margin-top: 40px;
}

.sec-lead .btn-set div {
	display: inline-block;
	margin: 0 6px;
}


/* .partner
---------------------------------------------------------------------------*/
.partner {
	margin-bottom: 155px;
}


/* .sec-friendly
---------------------------------------------------------------------------*/
.sec-effort {
	width: 827px;
	margin: 0 auto 120px;
}

.sec-effort h2 {
	margin-bottom: 30px;
}

.sec-effort ul {
	overflow: hidden;
}

.sec-effort li {
	float: left;
	width: 243px;
	margin-right: 49px;
}

.sec-effort li:last-of-type {
	margin-right: 0;
}

.sec-effort li figure {
	margin-bottom: 28px;
}

.sec-effort li h3 {
	margin-bottom: 16px;
	color: #42210A;
	font-size: 16px;
	letter-spacing: 0.2em;
}

.sec-effort li p {
	color: #897060;
	font-size: 13px;
	text-align: justify;
	line-height: 1.7;
	letter-spacing: 0.04em;
}

.sec-effort li .btn-link-brown {
	margin-top: 20px;
}

.sec-effort li .btn-link-brown a {
	display: inline-block;
}


/* .sec-service
---------------------------------------------------------------------------*/
.sec-service {
	width: 900px;
	margin: 0 auto 100px;
}


/* .sec-access
---------------------------------------------------------------------------*/
.sec-access {
	margin-bottom: 100px;
}


/* .sec-blog
---------------------------------------------------------------------------*/
.sec-blog {
	width: 840px;
	margin: 0 auto;
}

.sec-blog .blog-list article {
	display: none;
}

.sec-blog .blog-list article:nth-of-type(1),
.sec-blog .blog-list article:nth-of-type(2),
.sec-blog .blog-list article:nth-of-type(3) {
	display: block;
}

.sec-blog .title-circle a {
	color: #765844;
}