@charset "UTF-8";

/*** overview ***/

/* カテゴリタイトル(基本設定：common.css) */
@media only screen and (max-width: 767px) {
.tree #category-head-frame2 {
	background: url(../overview/images/sp/category-head.jpg) no-repeat center bottom;
	background-size: cover;
}
.tree #category-head-group2 h1 {
	background: url(../overview/images/head.png) no-repeat center;
	height: 80px;
	background-size: contain;
}
}
@media print, screen and (min-width: 768px) {
.tree #category-head-frame2 {
	background: url(../overview/images/pc/category-head.jpg) no-repeat center;
	background-size: cover;
}
.tree #category-head-group2 h1 {
	background: url(../overview/images/head.png) no-repeat 0 0;
	width: 234px;
	height: 122px;
	background-size: contain;
}
}


/* コンテンツ設定 */

#overview-index #content {
	background: transparent !important;
}
body {
	background: #664921;
}
#overview-index .content-box h3,
#overview-index .content-box h4,
#overview-index .content-box p {
	padding: 0;
	margin: 0;
}
#overview-index .content-box img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}

@media only screen and (max-width: 767px) {
#overview-index .story-group {
	width: 100%;
	padding: 15.6% 0;
}
#overview-index .story-group-inner {
	width: 94%;
	margin: 0 auto;

}
#overview-index .story-group p {
	line-height: 2.0em;
	color: #fff;
	text-align: center;
}
#overview-index .story-group .story01 {
	width: 84.833%;
	margin: 0 auto 11.4%;
}
#overview-index .story-group .story01 h3 {
	display: block;
	background: url(../overview/images/sp/story01.png) no-repeat 0 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
/*	padding: 106.090373% 0 0;*/
	padding: 127.111984283% 0 0;
	background-size: contain;
}
#overview-index .story-group .story01 p {
	overflow: hidden;
	height: 0px;
}

#overview-index .story-group .overview-nav-box ul {
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0 auto 16.8%;
}
#overview-index .story-group .overview-nav-box ul li {
	margin: 0 0 2.8%
}
#overview-index .story-group .overview-nav-box ul li:last-child {
	margin: 0;
}

#overview-index .story-group .overview-nav-box ul li a {
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}
#overview-index .story-group .overview-nav-box ul li#overview-about a {
	display: block;
	background: url(../overview/images/sp/btn-overview-about.png) no-repeat 0 0;
	padding: 16.667% 0 0;
	background-size: contain;
}
#overview-index .story-group .overview-nav-box ul li#overview-movie a {
	display: block;
	background: url(../overview/images/sp/btn-overview-movie.png) no-repeat 0 0;
	padding: 16.667% 0 0;
	background-size: contain;
}
#overview-index .story-group .overview-nav-box ul li#overview-advantage a {
	display: block;
	background: url(../overview/images/sp/btn-overview-advantage.png) no-repeat 0 0;
	padding: 16.667% 0 0;
	background-size: contain;
}
#overview-index .story-group .overview-nav-box ul li#overview-support-system a {
	display: block;
	background: url(../overview/images/sp/btn-overview-support-system.png) no-repeat 0 0;
	padding: 16.667% 0 0;
	background-size: contain;
}
#overview-index .story-group .overview-nav-box ul li#utilization-reason a {
	display: block;
	background: url(../overview/images/sp/btn-utilization-reason.png) no-repeat 0 0;
	padding: 16.667% 0 0;
	background-size: contain;
}

#overview-index .story-group .story02 {
	width: 83.333%;
	margin: 0 auto 6.4%;
}
#overview-index .story-group .story02 h4 {
	display: block;
	background: url(../overview/images/sp/story02.png) no-repeat 0 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	padding: 29.6% 0 0;
	background-size: contain;
}
#overview-index .story-group .story03 {
	margin: 0 0 9.6%;
}
#overview-index .story-group .story03 p {
	color: #dbbd77;
}
#overview-index .story-group .story04 {
	width: 58.167%;
	margin: 0 auto 9.6%;
}
#overview-index .story-group .story04 h4 {
	display: block;
	background: url(../overview/images/sp/story04.png) no-repeat 0 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	padding: 56.447% 0 0;
	background-size: contain;
}
#overview-index .story-group .story05 {
	margin: 0 0 9.6%;
}
#overview-index .story-group .story06 {
	width: 100%;
	margin: 0 auto 9.6%;
}
#overview-index .story-group .story07 {
	margin: 0 0 15.6%;
}
#overview-index .story-group .story08 {
	width: 89.833%;
	margin: 0 auto 6.4%;
}
#overview-index .story-group .story08 h4 {
	display: block;
	background: url(../overview/images/sp/story08.png) no-repeat 0 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	padding: 9.647% 0 0;
	background-size: contain;
}


#overview-index .link-group {
	background: #c6e7f9 url(../overview/images/sp/link-bg.jpg) no-repeat center;
	padding: 62.598% 0 0;
	background-size: contain;
	position: relative;
}
#overview-index .link-group-inner {
}
#overview-index .link-group ul {
	width: 50%;
	list-style: none;
	padding: 0;
	margin: 0;
	position: absolute;
	top: calc(24.69% + 5.0% + 4.6% * 2);
	left: 47%;
}
#overview-index .link-group ul li a {
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	text-decoration: none;
	margin: 0 0 4.6%;
}
#overview-index .link-group-inner ul li:last-child a {
	margin: 0;
}
#overview-index .link-group ul li#foot-overview-about a {
	display: block;
	background: url(../overview/images/btn-foot-overview-about.png) no-repeat 0 0;
	padding: 24.69% 0 0;
	background-size: contain;
}


#overview-index .reason-group {
	background: #ab8b41 url(../overview/images/sp/reason-bg.png) no-repeat center;
	padding: 35% 0 0;
	background-size: contain;
	position: relative;
}
#overview-index .reason-group-inner {
}
#overview-index .reason-group p {
	width: 94%;
	position: absolute;
	top: 28%;
	left: 3%;
}
#overview-index .reason-group a {
	display: block;
	background: url(../overview/images/sp/btn-reason.png) no-repeat 0 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	padding: 16.667% 0 0;
	background-size: contain;
}
}
@media print, screen and (min-width: 768px) {
#overview-index br.sp {
	display: none;
}

#overview-index .story-group {
	width: 100%;
	padding: 248px 0 156px;
}
#overview-index .story-group-inner {
	width: 940px;
	margin: 0 auto;
}
#overview-index .story-group p {
	font-size: 20px;
	line-height: 2.0em;
	color: #fff;
	text-align: center;
}
#overview-index .story-group .story01 h3 {
	display: block;
	background: url(../overview/images/pc/story01.png) no-repeat 0 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	text-decoration: none;
	width: 915px;
	height: 479px;
	padding: 0;
	margin: 0 auto 70px;
}
#overview-index .story-group .story01 p {
	overflow: hidden;
	height: 0px;
	padding: 0;
	margin: 0;
}

#overview-index .story-group .overview-nav-box ul {
	overflow: hidden;
	position: relative;
	zoom: 1;
	width: 702px;
	list-style: none;
	padding: 0;
	margin: 0 auto 110px;
}
#overview-index .story-group .overview-nav-box ul li {
	float: left;
	width: 222px;
	margin: 0 18px 27px 0;
}
#overview-index .story-group .overview-nav-box ul li:nth-child(3n),
#overview-index .story-group .overview-nav-box ul li:last-child {
	margin: 0;
}
#overview-index .story-group .overview-nav-box ul li#overview-support-system {
	margin: 0 18px 0 119px;
}
#overview-index .story-group .overview-nav-box ul li a {
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	text-decoration: none;
	width: 222px;
	height: 62px;
	transition: 0.3s;
	backface-visibility: hidden;
}
#overview-index .story-group .overview-nav-box ul li a:hover {
	opacity: 0.7;
}
#overview-index .story-group .overview-nav-box ul li#overview-about a {
	display: block;
	background: url(../overview/images/pc/btn-overview-about.png) no-repeat 0 0;
}

#overview-index .story-group .story02 h4 {
	display: block;
	background: url(../overview/images/pc/story02.png) no-repeat 0 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	text-decoration: none;
	width: 450px;
	height: 132px;
	margin: 0 auto 52px;
}
#overview-index .story-group .story03 {
	margin: 0 0 56px;
}
#overview-index .story-group .story03 p {
	color: #dbbd77;
}
#overview-index .story-group .story04 h4 {
	display: block;
	background: url(../overview/images/pc/story04.png) no-repeat 0 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	text-decoration: none;
	width: 813px;
	height: 39px;
	margin: 0 auto 72px;
}
#overview-index .story-group .story05 {
	margin: 0 0 42px;
}
#overview-index .story-group .story06 {
	width: 940px;
	margin: 0 auto 64px;
}
#overview-index .story-group .story07 {
	margin: 0 0 246px;
}
#overview-index .story-group .story08 h4 {
	display: block;
	background: url(../overview/images/pc/story08.png) no-repeat 0 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	text-decoration: none;
	width: 482px;
	height: 47px;
	margin: 0 auto 80px;
}


#overview-index .link-group {
	background: #c6e7f9 url(../overview/images/pc/link-bg.jpg) no-repeat center;
	width: 100%;
	height: 400px;
}
#overview-index .link-group-inner {
	width: 940px;
	margin: 0 auto;
	position: relative;
}
#overview-index .link-group ul {
	width: 324px;
	height: 353px;
	list-style: none;
	padding: 136px 0 0;
	margin: 0;
	position: absolute;
	top: 24px;
	left: 616px;
}
#overview-index .link-group ul li a {
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	text-decoration: none;
	width: 324px;
	height: 80px;
	margin: 0 0 11px;
	transition: 0.3s;
	backface-visibility: hidden;
}
#overview-index .link-group-inner ul li:last-child a {
	margin: 0;
}
#overview-index .link-group ul li#foot-overview-about a {
	display: block;
	background: url(../overview/images/btn-foot-overview-about.png) no-repeat 0 0;
}
#overview-index .link-group ul li#foot-overview-about a:hover {
	background: rgba(255,255,255,0.8) url(../overview/images/btn-foot-overview-about.png) no-repeat 0 0;
}

#overview-index .reason-group {
	background: #ab8b41 url(../overview/images/pc/reason-bg.png) no-repeat center;
	width: 100%;
	height: 224px;
}
#overview-index .reason-group-inner {
	width: 940px;
	margin: 0 auto;
	position: relative;
}
#overview-index .reason-group p {
	position: absolute;
	top: 48px;
	left: 0;
}
#overview-index .reason-group a {
	display: block;
	background: url(../overview/images/pc/btn-reason.png) no-repeat 0 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	text-decoration: none;
	width: 940px;
	height: 100px;
	margin: 0 auto;
	transition: 0.3s;
	backface-visibility: hidden;
}
#overview-index .reason-group a:hover {
	background: rgba(0,0,0,0.5) url(../overview/images/pc/btn-reason.png) no-repeat 0 0;
}
}