@charset "UTF-8";
/* CSS Document */

/*--- body -------------------------------------------------------------------------------------------------------------*/

body {
	background: #fff;
	color:#333;
	font-family: "游ゴシック体", "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	font-size:16px;
	line-height:1;
	min-width: 1130px;
	text-align:left;
	height:100%;
	width: 100%;
}
body.spWrap { min-width:inherit !important;}

/* IE7 hack */
*:first-child+html body {
font-size:small;
		}

/* IE6 hack */
*html body {
	font-size:small;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

.hover{
		-webkit-transition: 0.5s ;
		transition: 0.5s ;
}

.hover:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-khtml-opacity: 0.8;
    -moz-opacity: 0.8;
}

a:link { color: #2972bf; text-decoration:underline; }
a:visited { color: #2972bf; text-decoration:underline; }
a:hover { color: #2972bf; text-decoration:none; }
a:active { color: #2972bf;text-decoration:underline; }

/*--- /body -------------------------------------------------------------------------------------------------------------*/

/*--clearfix-------------------------------------------------------------------------------------------*/

header:after,
.header-sns:after,
.intro-table-area:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*--/clearfix-------------------------------------------------------------------------------------------*/


/*--------------------header--------------------*/

header {
	margin: 20px auto;
	width: 1120px;
}

h1 { float: left;position:relative;	z-index:3;}

h1 img { width: 100px;}

.header-sns {
	float: right;
	margin-right: 20px;
	position:relative;
	z-index:3;
}

.header-sns li img {
	vertical-align: top;
	width: 40px;
}
/*
.header-sns li:after {
	background: #e72420;
	content: "";
	display: block;
	height: 30px;
	left: -100%;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.header-sns li:before {
	background: #999;
	content: "";
	display: block;
	height: 30px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -2;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}*/

.header-sns li {
	float: left;
	overflow: hidden;
	position: relative;
	width: 40px;
}

.header-sns li:hover:after { left: 0;}

.sns-tw { margin: 0 10px 0 10px;}

footer{
	width:1120px;
	margin:0 auto;
	padding:20px 20px;
}
footer h2{
	float:left;
	position:relative;
	z-index:3;
}
footer p.copy{
	float:right;
	font-size:12px;
}

#pagetop{
	clear:both;
	text-align:right;
	margin-top:30px;
	position:relative;
	z-index:3;
}

#pc{ display:none;}

/*--------------------
			intro
---------------------*/

.intro-area {
	background: #e8eaeb;
	height: 650px;
	margin: 0 auto;
	position: relative;
	width: 1120px;
	-webkit-transition: 1.5s;
	-moz-transition: 1.5s;
	-ms-transition: 1.5s;
	-o-transition: 1.5s;
	transition: 1.5s;
	display:none;
}

.inteo-first {
	position: relative;
	height: 650px;
}

.intro-second-txt {
	font-size: 30px;
	font-weight: bold;
	line-height: 1.4;
	letter-spacing: .1em;
	left: 200px;
	opacity: 0;
	position: absolute;
	top: 160px;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
}

.intro-first-txt {
	font-size: 30px;
	font-weight: bold;
	line-height: 1.4;
	letter-spacing: .1em;
	left: 200px;
	opacity: 0;
	position: absolute;
	top: 130px;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
}

.intro-first-txt span {
	display: block;
	margin-bottom: 20px;
}

.inteo-first img {
	position: absolute;
	bottom: 0;
	width: 100%;
}

.intro-skip-btn {
	font-size: 14px;
	font-family: Helvetica Neue Regular;
	font-weight: bold;
	letter-spacing: .1em;
	overflow: hidden;
	position: absolute;
	right: 35px;
	top: 15px;
	width: 70px;
	z-index: 2;
}

.intro-skip-btn:after {
	background: url(../images/skip-arrow.jpg) no-repeat right top/35px auto;
	content: "";
	display: inline-block;
	height: 7px;
	margin-left: 10px;
	width: 17.5px;
}

.intro-skip-btn:hover {
	cursor: pointer;
}

.intro-skip-btn:hover:after {
	animation: skip_arrow .3s ease;
	-moz-animation: skip_arrow .3s ease;
	-webkit-animation: skip_arrow .3s ease;
}

@keyframes skip_arrow {
	0% { background: url(../images/skip-arrow.jpg) no-repeat right top/35px auto;}
	100% {background: url(../images/skip-arrow.jpg) no-repeat left top/35px auto;}
}

@-moz-keyframes skip_arrow {
	0% { background: url(../images/skip-arrow.jpg) no-repeat right top/35px auto;}
	100% {background: url(../images/skip-arrow.jpg) no-repeat left top/35px auto;}
}

@-webkit-keyframes skip_arrow {
	0% { background: url(../images/skip-arrow.jpg) no-repeat right top/35px auto;}
	100% {background: url(../images/skip-arrow.jpg) no-repeat left top/35px auto;}
}


/*----------intro-second----------*/

.intro-second {
	position: absolute;
	top: 15px;
	left: 60px;
	opacity: 0;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
}

.inteo-second table td {
	vertical-align: middle;
}

.table-center {
	margin: 0 7px;
}

h2 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}

.table-name {
	font-size: 13px;
	font-weight: bold;
	padding: 9px 5px;
	width: 265px;
	line-height:1.4;
}
.table-name.line2 { padding:1px 5px;}

.table-name span {
	display:block;
	font-size:11px;
}

.examination {
	font-size: 11px;
	padding: 5px;
	text-align: center;
	vertical-align:middle;
}

.measure {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.3;
	padding: 5px 0 5px 5px;
	text-shadow: 1px 1px 1px rgba(0,0,0,.4);
	vertical-align: middle;
}

.measure-examination {
	vertical-align: middle;
	padding: 5px;
}

.intro-second img {
	vertical-align: middle;
	width: 48px;
}

.table-long-txt span {
	font-size: 9px;
}

.left-intro-table {
	float: left;
}

.end-txt {
	border: 2px solid #333;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	letter-spacing: .1em;
	line-height: 1;
	padding:5px 0;
	margin-top: 10px;
	opacity:0;
}
.end-txt strong{
	/*vertical-align:sub;*/
	font-size: 12px;
}

.intro-table-area .measure-examination span {
	opacity: 0;
}

.intro-second .annotation{ margin-left:40px; font-weight:normal;}
.intro-second .annotation3{
	font-size:11px;
	margin-top:10px;
	line-height:1.4;
}
.annotation4{
	font-size:13px;
	margin-top:12px;
	line-height:1.4;
}

/*----------table-color----------*/

/*--orange--*/

.orange .intro-table-tit {
	background: #fae3dc;
	border: 1px solid #f28e6d;
}

.orange .table-name {
	border-right: 1px solid #f28e6d;
}

.orange .measure {
	background: #f28e6d;
}

.orange .measure-examination {
	background: #f7a68b;
	border-right: 1px solid #f7a68b;
}

/*--yellow--*/

.yellow {
	margin-top: 4px;
}

.yellow .intro-table-tit {
	background: #f5ecd2;
	border: 1px solid #e6c667;
}

.yellow .table-name {
	border-right: 1px solid #e6c667;
}

.yellow .measure {
	background: #e6c667;
}

.yellow .measure-examination {
	background: #ecd07c;
	border-right: 1px solid #ecd07c;
}

.yellow .intro-table-second {
	border-bottom: 1px solid #f5ecd2;
}

/*--green--*/

.green .intro-table-tit {
	background: #e0eee0;
	border: 1px solid #99bf99;
}

.green .table-name {
	border-right: 1px solid #99bf99;
}

.green .measure {
	background: #99bf99;
}

.green .long-height {
	padding: 6px 0 6px 5px;
}

.green .measure-examination {
	background: #a6c9a6;
	border-right: 1px solid #99bf99;
}

.green .intro-table-second {
	border-bottom: 1px solid #e0eee0;
}


/*--blue--*/

.blue {
	margin-top: 4px;
}

.blue .intro-table-tit {
	background: #e0e8ef;
	border: 1px solid #8db3d9;
}

.blue .table-name {
	border-right: 1px solid #8db3d9;
}

.blue .measure {
	background: #8db3d9;
}

.blue .measure-examination {
	background: #a5c5e5;
	border-right: 1px solid #8db3d9;
}

.blue .intro-table-second {
	border-bottom: 1px solid #e0e8ef;
}


/*--------------------
			contents (PC)
---------------------*/
#contents.pc{ display:none; line-height:1.8; width:50%;}
#contents.pc{
	width: 1120px;
	margin:0 auto;
	/*display:none;*/
}

#contents.pc #mv{
	height:330px;
	width:1120px;
	position:relative;
	overflow:hidden;
}
#contents.pc #mv .overImg{
	background:url(../images/mv_over.png) no-repeat 0 0;
	/*background-size:cover;*/
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	height:330px;
	width:1120px;
}

#contents.pc #mv video{
	position:absolute;
	top:-150px;
	left:0;
	width:1120px;
	z-index:1;
}

#contents.pc #mv h2{
	width:700px;
	border:5px solid #fff;
	color:#fff;
	font-size:36px;
	font-weight:bold;
	text-align:center;
	padding:23px 0;
	line-height:1.4;
	position:absolute;
	top:85px;
	left:50%;
	margin-left:-350px;
	z-index:3;
}

#contents.pc #info{
	padding:20px 20px 20px 60px;
	font-size:15px;
	color:#033333;
	overflow:hidden;
	position:relative;
	z-index:3;
}
#contents.pc #info p{
	float:left;
}
#contents.pc #info .btnAbout{
	float:right;
}
#contents.pc #info .btnAbout a{
	text-decoration:none;
	color:#333;
	/*background:url(../images/arrow3.png) no-repeat right 50%;
	background-size:15px;*/
	display:inline-block;
	*display:inline;
	*zoom:1;
	padding-right:20px;
	font-size:21px;
	font-weight:bold;
	border:2px solid #333;
	line-height:1;
	padding:10px 20px;
	background-color:#fff;
}

#contents.pc #info .btnAbout a:after {
	background: url(../images/skip-arrow.png) no-repeat right top/45px auto;
	content: "";
	display: inline-block;
	height: 12px;
	margin-left: 10px;
	width: 17.5px;
}

#contents.pc #info .btnAbout a:hover:after {
	animation: skip_arrow2 .3s ease;
	-moz-animation: skip_arrow2 .3s ease;
	-webkit-animation: skip_arrow2 .3s ease;
}

@keyframes skip_arrow2 {
	0% { background: url(../images/skip-arrow.png) no-repeat right top/45px auto;}
	100% {background: url(../images/skip-arrow.png) no-repeat left top/45px auto;}
}

@-moz-keyframes skip_arrow2{
	0% { background: url(../images/skip-arrow.png) no-repeat right top/45px auto;}
	100% {background: url(../images/skip-arrow.png) no-repeat left top/45px auto;}
}

@-webkit-keyframes skip_arrow2 {
	0% { background: url(../images/skip-arrow.png) no-repeat right top/45px auto;}
	100% {background: url(../images/skip-arrow.png) no-repeat left top/45px auto;}
}

#contents.pc #mainCont{
	clear:both;
	background:url(../images/obj1.png) no-repeat 0 0 #e8eaeb;
	background-size:30px;
	overflow:hidden;
	padding:30px 0 0;
	position:relative;
}
#contents.pc #mainCont h3{
	font-size:28px;
	font-weight:bold;
	position:relative;
	margin-bottom:15px;
	margin-left:58px;
}
#contents.pc #mainCont h3 span{
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	border:2px solid #E81619;
	width:45px;
}

#contents.pc #mainCont p.lead{
	font-size:20px;
	line-height:1.4;
	margin-bottom:20px;
	margin-left:58px;
	position:relative;
	z-index:3;
}
#contents.pc #mainCont p.lead span{
	font-size:14px;
}
#contents.pc #mainCont p.lead a{
	color:#000 !important;
}
#contents.pc #mainCont p.lead .sup{
	vertical-align: super;
	font-size: 12px;
}
#contents.pc #mainCont p.lead .sub{
	/*vertical-align: sub;*/
	font-size: 12px;
}

#contents.pc #mainCont #list{
	float:left;
	width:332px;
	position:relative;
	margin-left:58px;
	z-index:2;
}

#contents.pc #mainCont .pop{
	background:url(../images/arrow1.png) no-repeat center bottom;
	background-size:20px;
	padding-bottom:10px;
	margin-left:58px;
	margin-bottom:10px;
	width:332px;
}
#contents.pc #mainCont .pop span{
	font-size:15px;
	font-weight:bold;
	text-align:center;
	background-color:#fff;
	padding:5px 0px;
	display:block;
}

#contents.pc #mainCont #list h4{
	font-size:20px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding:20px 0;
	text-shadow: 1px 1px 0px #333;
}

#contents.pc #mainCont #list h4 span{
	margin-top:10px;
	display:block;
	font-size:12px;
	line-height:1.4;
}

#contents.pc #mainCont #list .cat1{
	background-color:#f28e6d;
	box-shadow: 4px 4px 0px #d17c5f;
	-moz-box-shadow: 4px 4px 0px #d17c5f;
	-webkit-box-shadow: 4px 4px 0px #d17c5f;
	margin-bottom:38px;
	position:relative;
}

#contents.pc #mainCont #list .cat1 p.annotation{
	position:absolute;
	bottom:-30px;
	left:0;
	width:332px;
}

#contents.pc #mainCont #list .cat2{
	background-color:#e6c667;
	box-shadow: 4px 4px 0px #c5ac5a;
	-moz-box-shadow: 4px 4px 0px #c5ac5a;
	-webkit-box-shadow: 4px 4px 0px #c5ac5a;
	margin-bottom:38px;
	position: relative;
}

#contents.pc #mainCont #list .cat2 p.annotation{
	position:absolute;
	bottom:-80px;
	left:0;
	width:332px;
	line-height:1.4;
}


#contents.pc #mainCont #list .cat3{
	background-color:#99bf99;
	box-shadow: 4px 4px 0px #82a484;
	-moz-box-shadow: 4px 4px 0px #82a484;
	-webkit-box-shadow: 4px 4px 0px #82a484;
	margin-bottom:60px;
	position:relative;

}

#contents.pc #mainCont #list .cat3 p.annotation{
	position:absolute;
	bottom:-45px;
	left:0;
	width:332px;
	line-height:1.4;
}


#contents.pc #mainCont #list .cat4{
	background-color:#8db3d9;
	box-shadow: 4px 4px 0px #799abc;
	-moz-box-shadow: 4px 4px 0px #799abc;
	-webkit-box-shadow: 4px 4px 0px #799abc;
}

#contents.pc #mainCont #list li{
	padding:12px 10px 12px 38px;
	color:#fff;
	position:relative;
	line-height:1.6;
	font-weight:bold;
	border-top:1px solid #fff;
	cursor:pointer;
}
#contents.pc #mainCont #list .cat1 li:hover,#contents.pc #mainCont #list .cat1 li.active{background-color:#d17c5f;}
#contents.pc #mainCont #list .cat2 li:hover,#contents.pc #mainCont #list .cat2 li.active{background-color:#c5ac5a;}
#contents.pc #mainCont #list .cat3 li:hover,#contents.pc #mainCont #list .cat3 li.active{background-color:#82a484;}
#contents.pc #mainCont #list .cat4 li:hover,#contents.pc #mainCont #list .cat4 li.active{background-color:#799abc;}

#contents.pc #mainCont #list li span.num{
	background-color:#fff;
	position:absolute;
	top:15px;
	left:10px;
	width:18px;
	height:18px;
	color:#f28e6d;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	border-radius:9px;
}
#contents.pc #mainCont #list .cat2 li span.num{color:#e6c667;}
#contents.pc #mainCont #list .cat3 li span.num{color:#99bf99;}
#contents.pc #mainCont #list .cat4 li span.num{color:#8db3d9;}

#contents.pc #mainCont #list li span.icon{
	position:absolute;
	right:10px;
	top:50%;
	width:70px;
	height:27px;
	background:url(../images/arrow2.png) no-repeat right 45%;
	background-size:17px;
	margin-top:-13px;
}
#contents.pc #mainCont #list li span.txt{
	text-shadow: 1px 1px 0px #333;
}
#contents.pc #mainCont #list li strong{
	display:block;
	font-size:10px;
	margin-left:-5px;
}
#contents.pc #mainCont #list li strong.annotation{ display:inline; margin-left:5px;}

#contents.pc #mainCont #list .bnr{
	margin-top:30px;
	opacity:1;
	-webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
}
#contents.pc #mainCont #list .bnr:hover{
	opacity:0.7;	
}

#contents.pc #mainCont #imgArea{
	float:left;
	margin-left:65px;
	position:relative;
	height:730px;
	z-index:2;
}
@media screen and (max-height: 668px) {
	#contents.pc #mainCont #imgArea{
		float:left;
		margin-left:65px;
		position:relative;
		height:730px;
		z-index:2;
		transform-origin: 0 0;
		transform: scale(0.85);
		margin-left:120px;
	}
}

#contents.pc #mainCont #imgArea .imgWrap1,#contents.pc #mainCont #imgArea .imgWrap2,#contents.pc #mainCont #imgArea .imgWrap3,#contents.pc #mainCont #imgArea .imgWrap4{
	position:absolute;
	top:0;
	left:0;
}
#contents.pc #mainCont #imgArea p{
	font-size:14px;
}

#contents.pc #mainCont #imgArea .img1{
	position:relative;
}
#contents.pc #mainCont #imgArea .imgWrap1 li{
	position:absolute;
	top:75px;
	right:65px;
	background-color:#fae3dc;
	border:2px solid #ff8d65;
	padding:15px;
	border-radius:5px;
	box-shadow: 2px 2px 2px rgba(65,65,65,0.3);
	-moz-box-shadow: 2px 2px 2px rgba(65,65,65,0.3);
	-webkit-box-shadow: 2px 2px 2px rgba(65,65,65,0.3);
	display:none;
	z-index:3;
}
#contents.pc #mainCont #imgArea .imgWrap2 li{
	position:absolute;
	top:70px;
	right:110px;
	background-color:#f5ecd2;
	border:2px solid #e6c667;
	padding:15px;
	border-radius:5px;
	box-shadow: 2px 2px 2px rgba(65,65,65,0.3);
	-moz-box-shadow: 2px 2px 2px rgba(65,65,65,0.3);
	-webkit-box-shadow: 2px 2px 2px rgba(65,65,65,0.3);
	display:none;
	z-index:3;
}
#contents.pc #mainCont #imgArea .imgWrap2 li.list2{ top:62px; left:8px; width:360px;}
#contents.pc #mainCont #imgArea .imgWrap2 li.list3{ top:62px; left:13px; width:360px;}
#contents.pc #mainCont #imgArea .imgWrap2 li.list4{ top:62px; left:39px; width:360px;}
#contents.pc #mainCont #imgArea .imgWrap2 li.list5{ top:62px; left:65px; width:360px;}
#contents.pc #mainCont #imgArea .imgWrap2 li.list6{ top:62px; left:90px; width:360px;}
#contents.pc #mainCont #imgArea .imgWrap2 li.list7{ top:62px; left:115px; width:390px;}
#contents.pc #mainCont #imgArea .imgWrap2 li.list8{ top:62px; left:145px; width:360px;}
#contents.pc #mainCont #imgArea .imgWrap2 li.list9{ top:100px; left:195px; width:300px;}
#contents.pc #mainCont #imgArea .imgWrap2 li.list10{ top:100px; left:270px; width:250px;}
#contents.pc #mainCont #imgArea .imgWrap2 li.list11{ top:145px; left:35px; width:300px;}
#contents.pc #mainCont #imgArea .imgWrap2 li.list12{ top:135px; left:80px; width:345px;}
#contents.pc #mainCont #imgArea .imgWrap2 li.list13{ top:30px; right:130px; width:355px;}
#contents.pc #mainCont #imgArea .imgWrap2 li.list14{ top:185px; left:70px; width:340px;}

#contents.pc #mainCont #imgArea .imgWrap3 li{
	position:absolute;
	top:70px;
	right:110px;
	background-color:#e0eee0;
	border:2px solid #99bf99;
	padding:15px;
	border-radius:5px;
	box-shadow: 2px 2px 2px rgba(65,65,65,0.3);
	-moz-box-shadow: 2px 2px 2px rgba(65,65,65,0.3);
	-webkit-box-shadow: 2px 2px 2px rgba(65,65,65,0.3);
	display:none;
	z-index:3;
}
#contents.pc #mainCont #imgArea .imgWrap3 li.list15{ top:15px; left:105px; width:340px;}
#contents.pc #mainCont #imgArea .imgWrap3 li.list16{ top:110px; left:25px; width:320px;}
#contents.pc #mainCont #imgArea .imgWrap3 li.list17{ top:110px; left:55px; width:320px;}
#contents.pc #mainCont #imgArea .imgWrap3 li.list18{ top:110px; left:95px; width:320px;}
#contents.pc #mainCont #imgArea .imgWrap3 li.list19{ top:110px; left:155px; width:320px;}
#contents.pc #mainCont #imgArea .imgWrap3 li.list20{ top:15px; left:125px; width:340px;}
#contents.pc #mainCont #imgArea .imgWrap3 li.list21{ top:165px; left:140px; width:420px;}
#contents.pc #mainCont #imgArea .imgWrap3 li.list22{ top:100px; left:190px; width:320px;}
#contents.pc #mainCont #imgArea .imgWrap3 li.list23{ top:50px; left:120px; width:300px;}
#contents.pc #mainCont #imgArea .imgWrap3 li.list24{ top:40px; left:55px; width:300px;}
#contents.pc #mainCont #imgArea .imgWrap3 li.list25{ top:40px; left:80px; width:320px;}
#contents.pc #mainCont #imgArea .imgWrap3 li.list26{ top:70px; left:90px; width:300px;}
#contents.pc #mainCont #imgArea .imgWrap3 li.list27{ top:25px; left:120px; width:380px;}
#contents.pc #mainCont #imgArea .imgWrap3 li.list28{ top:0px; left:170px; width:385px;}
#contents.pc #mainCont #imgArea .imgWrap3 li.list29{ top:135px; left:160px; width:240px;}
#contents.pc #mainCont #imgArea .imgWrap3 li.list30{ top:-10px; left:28px; width:310px;}
#contents.pc #mainCont #imgArea .imgWrap3 li.list31{ top:150px; left:20px; width:360px;}
#contents.pc #mainCont #imgArea .imgWrap3 .img2 li.list31{ top:120px; left:190px; width:360px;}
#contents.pc #mainCont #imgArea .imgWrap3 li.list32{ top:125px; left:260px; width:260px;}
#contents.pc #mainCont #imgArea .imgWrap3 .img2 li.list32{ top:130px; left:185px; width:330px;}


#contents.pc #mainCont #imgArea .imgWrap4 li{
	position:absolute;
	top:70px;
	right:110px;
	background-color:#e0e7ef;
	border:2px solid #8db3d9;
	padding:15px;
	border-radius:5px;
	box-shadow: 2px 2px 2px rgba(65,65,65,0.3);
	-moz-box-shadow: 2px 2px 2px rgba(65,65,65,0.3);
	-webkit-box-shadow: 2px 2px 2px rgba(65,65,65,0.3);
	display:none;
	z-index:3;
}
#contents.pc #mainCont #imgArea .imgWrap4 li.list33{ top:60px; left:155px; width:320px;}
#contents.pc #mainCont #imgArea .imgWrap4 li.list34{ top:60px; left:185px; width:320px;}
#contents.pc #mainCont #imgArea .imgWrap4 li.list35{ top:60px; left:210px; width:360px;}
#contents.pc #mainCont #imgArea .imgWrap4 li.list36{ top:60px; left:240px; width:320px;}
#contents.pc #mainCont #imgArea .imgWrap4 li.list37{ top:60px; left:265px; width:360px;}
#contents.pc #mainCont #imgArea .imgWrap4 li.list38{ top:201px; left:115px; width:340px;}
#contents.pc #mainCont #imgArea .imgWrap4 li.list39{ top:160px; left:172px; width:340px;}

#contents.pc #mainCont #imgArea .img1 li:nth-child(1){ /*display:block;*/}

#contents.pc #mainCont #imgArea li.list1 .arrow{
	background:url(../images/pop_arrow1.png) no-repeat 0 0;
	background-size:33px;
	width:33px;
	height:31px;
	position:absolute;
	top:-22px;
	right:-22px;
}
#contents.pc #mainCont #imgArea li.list2 .arrow
,#contents.pc #mainCont #imgArea li.list3 .arrow
,#contents.pc #mainCont #imgArea li.list4 .arrow
,#contents.pc #mainCont #imgArea li.list5 .arrow
,#contents.pc #mainCont #imgArea li.list6 .arrow
,#contents.pc #mainCont #imgArea li.list7 .arrow
,#contents.pc #mainCont #imgArea li.list8 .arrow{
	background:url(../images/pop_arrow2.png) no-repeat 0 0;
	background-size:41px;
	width:41px;
	height:29px;
	position:absolute;
	top:-29px;
	left:30px;
}
#contents.pc #mainCont #imgArea li.list9 .arrow,#contents.pc #mainCont #imgArea li.list10 .arrow{
	background:url(../images/pop_arrow9.png) no-repeat 0 0;
	background-size:31px;
	width:31px;
	height:40px;
	position:absolute;
	top:40px;
	left:-31px;
}
/*#contents.pc #mainCont #imgArea li.list11 .arrow{
	background:url(../images/pop_arrow10.png) no-repeat 0 0;
	background-size:28px;
	width:28px;
	height:32px;
	position:absolute;
	top:10px;
	right:-28px;
}*/
#contents.pc #mainCont #imgArea li.list12 .arrow{
	background:url(../images/pop_arrow12.png) no-repeat 0 0;
	background-size:28px;
	width:28px;
	height:18px;
	position:absolute;
	top:-18px;
	left:120px;
}
#contents.pc #mainCont #imgArea li.list13 .arrow{
	background:url(../images/pop_arrow13.png) no-repeat 0 0;
	background-size:22px;
	width:22px;
	height:50px;
	position:absolute;
	top:65px;
	right:-22px;
}
#contents.pc #mainCont #imgArea li.list14 .arrow{
	background:url(../images/pop_arrow14.png) no-repeat 0 0;
	background-size:28.5px;
	width:28.5px;
	height:21px;
	position:absolute;
	top:-20.5px;
	right:10px;
}
#contents.pc #mainCont #imgArea li.list15 .arrow,#contents.pc #mainCont #imgArea li.list20 .arrow{
	background:url(../images/pop_arrow15.png) no-repeat 0 0;
	background-size:22px;
	width:22px;
	height:27px;
	position:absolute;
	top:80px;
	left:-22px;
}
#contents.pc #mainCont #imgArea li.list16 .arrow
,#contents.pc #mainCont #imgArea li.list17 .arrow
,#contents.pc #mainCont #imgArea li.list18 .arrow
,#contents.pc #mainCont #imgArea li.list19 .arrow
{
	background:url(../images/pop_arrow16.png) no-repeat 0 0;
	background-size:29px;
	width:29px;
	height:19px;
	position:absolute;
	top:-18.5px;
	left:10px;
}
#contents.pc #mainCont #imgArea li.list21 .arrow{
	background:url(../images/pop_arrow21.png) no-repeat 0 0;
	background-size:22px;
	width:22px;
	height:27px;
	position:absolute;
	top:-27px;
	left:150px;
}
#contents.pc #mainCont #imgArea li.list22 .arrow
,#contents.pc #mainCont #imgArea li.list29 .arrow{
	background:url(../images/pop_arrow22.png) no-repeat 0 0;
	background-size:22px;
	width:22px;
	height:27px;
	position:absolute;
	top:10px;
	left:-22px;
}
#contents.pc #mainCont #imgArea li.list23 .arrow{
	background:url(../images/pop_arrow23.png) no-repeat 0 0;
	background-size:30px;
	width:30px;
	height:27px;
	position:absolute;
	bottom:-27px;
	left:200px;
}
#contents.pc #mainCont #imgArea li.list24 .arrow
,#contents.pc #mainCont #imgArea li.list25 .arrow{
	background:url(../images/pop_arrow24.png) no-repeat 0 0;
	background-size:24px;
	width:24px;
	height:29px;
	position:absolute;
	top:0px;
	left:-24px;
}

#contents.pc #mainCont #imgArea li.list26 .arrow
,#contents.pc #mainCont #imgArea li.list27 .arrow
,#contents.pc #mainCont #imgArea li.list28 .arrow{
	background:url(../images/pop_arrow26.png) no-repeat 0 0;
	background-size:45px;
	width:45px;
	height:27px;
	position:absolute;
	bottom:-27px;
	left:100px;
}
#contents.pc #mainCont #imgArea li.list30 .arrow{
	background:url(../images/pop_arrow26.png) no-repeat 0 0;
	background-size:45px;
	width:45px;
	height:27px;
	position:absolute;
	bottom:-27px;
	left:10px;
}
#contents.pc #mainCont #imgArea li.list31 .arrow{
	background:url(../images/pop_arrow31.png) no-repeat 0 0;
	background-size:61px;
	width:61px;
	height:32px;
	position:absolute;
	top:-32px;
	left:285px;
}
#contents.pc #mainCont #imgArea .img2 li.list31 .arrow{
	background:url(../images/pop_arrow31_2.png) no-repeat 0 0;
	background-size:38px;
	width:38px;
	height:26px;
	position:absolute;
	top:auto !important;
	bottom:-26px !important;
	left:200px;
}
/*#contents.pc #mainCont #imgArea li.list32 .arrow{
	background:url(../images/pop_arrow32.png) no-repeat 0 0;
	background-size:35px;
	width:35px;
	height:31px;
	position:absolute;
	top:20px;
	right:-35px;
}*/
#contents.pc #mainCont #imgArea li.list32 .arrow,#contents.pc #mainCont #imgArea .img2 li.list32 .arrow{
	background:url(../images/pop_arrow32_2.png) no-repeat 0 0;
	background-size:24px;
	width:24px;
	height:26px;
	position:absolute;
	top:10px !important;
	left:-24px !important;
}

#contents.pc #mainCont #imgArea li.list33 .arrow
,#contents.pc #mainCont #imgArea li.list34 .arrow
,#contents.pc #mainCont #imgArea li.list35 .arrow
,#contents.pc #mainCont #imgArea li.list36 .arrow
,#contents.pc #mainCont #imgArea li.list37 .arrow{
	background:url(../images/pop_arrow33.png) no-repeat 0 0;
	background-size:22px;
	width:22px;
	height:24px;
	position:absolute;
	top:-24px;
	left:50px;
}
#contents.pc #mainCont #imgArea li.list38 .arrow
,#contents.pc #mainCont #imgArea li.list39 .arrow{
	background:url(../images/pop_arrow38.png) no-repeat 0 0;
	background-size:32px;
	width:32px;
	height:28px;
	position:absolute;
	top:20px;
	left:-32px;
}

#contents.pc #mainCont #imgArea li h5{
	font-size:18px;
	font-weight:bold;
	color:#c16243;
	margin-bottom:10px;
	background:url(../images/end-icon2.png) no-repeat right 50%;
	background-size:48px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	padding-right:60px;
}
#contents.pc #mainCont #imgArea li h5.ver2{
	background:url(../images/execution-icon2.png) no-repeat right 50%;
	background-size:48px;
}
#contents.pc #mainCont #imgArea li h5.ver3{
	background:url(../images/unexecuted-icon2.png) no-repeat right 50%;
	background-size:48px;
}

#contents.pc #mainCont #imgArea .imgWrap2 li h5{color:#a68114;}
#contents.pc #mainCont #imgArea .imgWrap3 li h5{color:#5e8f5e;}
#contents.pc #mainCont #imgArea .imgWrap4 li h5{color:#3f75aa;}

#contents.pc #mainCont #imgArea li.list2 h5{
	display:block;
	margin-bottom:2px;
}
#contents.pc #mainCont #imgArea li.list2 h5+p{ padding-top:10px;}

#contents.pc #mainCont #imgArea li h5 span{ font-size:14px;}

#contents.pc #mainCont #imgArea li p{
	/*margin-bottom:10px;*/
}
#contents.pc #mainCont #imgArea li .annotation{
	display: inline-block;
	line-height: 1.4;
	padding-top: 10px;
}

#contents.pc #mainCont #imgArea li .btnLink{
	text-align:right;
	padding-top:10px;
}
#contents.pc #mainCont #imgArea li .btnLink a{
	text-decoration:none;
	color:#333;
	/*background:url(../images/arrow3.png) no-repeat right 50%;
	background-size:15px;*/
	display:inline-block;
	*display:inline;
	*zoom:1;
	padding-right:20px;
	font-weight:bold;
}

#contents.pc #mainCont #imgArea li .btnLink a:after {
	background: url(../images/skip-arrow.png) no-repeat right top/35px auto;
	content: "";
	display: inline-block;
	height: 7px;
	margin-left: 10px;
	width: 17.5px;
}

#contents.pc #mainCont #imgArea li .btnLink a:hover:after {
	animation: skip_arrow1 .3s ease;
	-moz-animation: skip_arrow1 .3s ease;
	-webkit-animation: skip_arrow1 .3s ease;
}

@keyframes skip_arrow1 {
	0% { background: url(../images/skip-arrow.png) no-repeat right top/35px auto;}
	100% {background: url(../images/skip-arrow.png) no-repeat left top/35px auto;}
}

@-moz-keyframes skip_arrow1 {
	0% { background: url(../images/skip-arrow.png) no-repeat right top/35px auto;}
	100% {background: url(../images/skip-arrow.png) no-repeat left top/35px auto;}
}

@-webkit-keyframes skip_arrow1 {
	0% { background: url(../images/skip-arrow.png) no-repeat right top/35px auto;}
	100% {background: url(../images/skip-arrow.png) no-repeat left top/35px auto;}
}

#contents.pc #mainCont #imgArea .img2{
	position:relative;
}


#contents.pc #mainCont .pic{
	clear:both;
	padding-top:350px;
	margin-bottom:-10px;
}

.fixed{
	position:fixed;
	top:0;
	left:0;
}

#contents.pc #mainCont #imgArea .bg{ position:relative;}
#contents.pc #mainCont #imgArea .map li{
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	width:22px;
	height:22px;
	display:block;
	background-color:none !important;
	border:none;
	box-shadow:none;
	padding:0;
	cursor:pointer;
	display:block !important;
	opacity:0;
	/*background-color:#000;*/
}
#contents.pc #mainCont #imgArea .map li.map1{top:32px; left:529px;}
#contents.pc #mainCont #imgArea .map li.map2{top:10px; left:13px; width:64px;}
#contents.pc #mainCont #imgArea .map li.map3{top:10px; left:37px;}
#contents.pc #mainCont #imgArea .map li.map4{top:10px; left:63px;}
#contents.pc #mainCont #imgArea .map li.map5{top:10px; left:88px;}
#contents.pc #mainCont #imgArea .map li.map6{top:10px; left:112px;}
#contents.pc #mainCont #imgArea .map li.map7{top:10px; left:139px;}
#contents.pc #mainCont #imgArea .map li.map8{top:10px; left:164px;}
#contents.pc #mainCont #imgArea .map li.map9{top:128px; left:142px;}
#contents.pc #mainCont #imgArea .map li.map10{top:128px; left:218px;}
#contents.pc #mainCont #imgArea .map li.map11{top:143px; left:395px;}
#contents.pc #mainCont #imgArea .map li.map12{top:97px; left:185px;}
#contents.pc #mainCont #imgArea .map li.map13{top:123px; left:467px;}
#contents.pc #mainCont #imgArea .map li.map14{top:143px; left:422px;}
#contents.pc #mainCont #imgArea .map li.map15{top:125px; left:65px;}
#contents.pc #mainCont #imgArea .map li.map16{top:72px; left:20px;}
#contents.pc #mainCont #imgArea .map li.map17{top:72px; left:47px;}
#contents.pc #mainCont #imgArea .map li.map18{top:72px; left:90px;}
#contents.pc #mainCont #imgArea .map li.map19{top:72px; left:148px;}
#contents.pc #mainCont #imgArea .map li.map20{top:125px; left:90px;}
#contents.pc #mainCont #imgArea .map li.map21{top:128px; left:314px;}
#contents.pc #mainCont #imgArea .map li.map22{top:100px; left:145px;}
#contents.pc #mainCont #imgArea .map li.map23{top:178px; left:347px;}
#contents.pc #mainCont #imgArea .map li.map24{top:16px; left:18px;}
#contents.pc #mainCont #imgArea .map li.map25{top:16px; left:44px;}
#contents.pc #mainCont #imgArea .map li.map26{top:210px; left:175px;}
#contents.pc #mainCont #imgArea .map li.map27{top:138px; left:203px;}
#contents.pc #mainCont #imgArea .map li.map28{top:171px; left:253px;}
#contents.pc #mainCont #imgArea .map li.map29{top:125px; left:120px;}
#contents.pc #mainCont #imgArea .map li.map30{top:125px; left:18px;}
#contents.pc #mainCont #imgArea .map li.map31{top:104px; left:361px;}
#contents.pc #mainCont #imgArea .img2 .map li.map31{top:242px; left:417px;}
#contents.pc #mainCont #imgArea .map li.map32{top:128px; left:218px;}
#contents.pc #mainCont #imgArea .img2 .map li.map32{top:125px; left:145px;}
#contents.pc #mainCont #imgArea .map li.map33{top:15px; left:216px;}
#contents.pc #mainCont #imgArea .map li.map34{top:15px; left:243px;}
#contents.pc #mainCont #imgArea .map li.map35{top:15px; left:270px;}
#contents.pc #mainCont #imgArea .map li.map36{top:15px; left:298px;}
#contents.pc #mainCont #imgArea .map li.map37{top:15px; left:326px;}
#contents.pc #mainCont #imgArea .map li.map38{top:213px; left:63px;}
#contents.pc #mainCont #imgArea .map li.map39{top:175px; left:120px;}


#pager{
	position:fixed;
	top:20px;
	left:0;
	width: 31px;
	height: 250px;
	z-index:10;
	color:#000;
	display:none;
}

@media screen and (max-height: 668px) {
	#pager{
		position:fixed;
		top:20px;
		left:0;
		width: 31px;
		height: 250px;
		z-index:10;
		color:#000;
		display:none;
		transform-origin: 0 0;
		transform: scale(0.85);
	}
}

#pager ul {
	top: 0;
	left: 0;
	width: 10px;
	height: 250px;
	position: absolute;
}
#pager li{
	color:#fff;
	width:10px;
	height:10px;
	text-align:left;
	font-size:8px;
	cursor:pointer;
	overflow: hidden;
	position: relative;
	text-indent:-9999px;
}
#pager li.s1 {
	width: 10px;
	height: 26px;
	background-color: #f28e6d;
}
#pager li.s2 {
	width: 10px;
	height: 240px;
	background-color: #e6c667;
}
#pager li.s3 {
	width: 10px;
	height: 266px;
	background-color: #99bf99;
}
#pager li.s4 {
	width: 10px;
	height: 133px;
	background-color: #8db3d9;
}
#pager .aw {
	top: 10px;
	right: 0;
	line-height: 1;
	width: 21px;
	padding: 0;
	margin: 0;
	display: block;
	position: absolute;
}
#pager .aw img {
	top: -2px;
	width: 100%;
	display: block;
	position: absolute;
}
/*#pager{
	position:fixed;
	top:20px;
	left:0;
	z-index:10;
	color:#000;
	display:none !important;
}
#pager li{
	color:#fff;
	width:20px;
	height:20px;
	background-color:#f28e6d;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	border-radius:15px;
	line-height:20px;
	margin-bottom:10px;
	cursor:pointer;
	text-indent:-9999px;
}
#pager li:nth-child(2){background-color:#e6c667;}
#pager li:nth-child(3){background-color:#99bf99;}
#pager li:nth-child(4){background-color:#8db3d9;}

#pager li.active{
	width:26px;
	height:26px;
	margin-left:-3px;
	border-radius:13px;
	box-shadow: 2px 2px 2px rgba(255,255,255,0.3);
	-moz-box-shadow: 2px 2px 2px rgba(255,255,255,0.3);
	-webkit-box-shadow: 2px 2px 2px rgba(255,255,255,0.3);
}
#pager li:nth-child(1).active{background-color:#d17c5f; }
#pager li:nth-child(2).active{background-color:#c5ac5a;}
#pager li:nth-child(3).active{background-color:#82a484; }
#pager li:nth-child(4).active{background-color:#799abc;}*/

#scrollImg{
	position:fixed;
	bottom:10px;
	left:0;
	z-index:11;
}
#scrollImg img{
	position:absolute;
	top:-60px;
	left:0;
}

#contents.pc .year{
	position:absolute;
	top:35px;
	right:35px;
	font-size:13px;
}

span.space,strong.space{ margin-right:-0.6em;}

.dummy{
	/*background-color:#000;*/
	position:fixed;
	top:0;
	left:0;
	z-index:1;
	width:100%;
	height:100%;
}

/*--------------------
		detail (PC)
---------------------*/
#contents_low{ line-height:1.8;}
#contents_low.pc{
	width: 1120px;
	margin:0 auto;
	/*display:none;*/
}

.detail h2{
	background:url(../images/obj2.gif) no-repeat 0 0 #99bf99;
	background-size:30px;
	padding:15px 10px 10px 60px;
	font-size:28px;
	font-weight:bold;
	color:#fff;
	margin-bottom:0;
	position:relative;
}
.detail.cat1 h2{background:url(../images/obj2_cat1.gif) no-repeat 0 0 #f28e6d; background-size:30px;}
.detail.cat2 h2{background:url(../images/obj2_cat2.gif) no-repeat 0 0 #e6c667; background-size:30px;}
.detail.cat3 h2{background:url(../images/obj2_cat3.gif) no-repeat 0 0 #99bf99; background-size:30px;}
.detail.cat4 h2{background:url(../images/obj2_cat4.gif) no-repeat 0 0 #8db3d9; background-size:30px;}

.detail h2 span.ttl{
	display:inline-block;
	*display:inline;
	*zoom:1;
	background:url(../images/end-icon2.png) no-repeat right 50%;
	background-size:56px;
	padding-right:74px;
	padding-left:45px;
	text-shadow: 1px 1px 0px #555;
	position:relative;
}
.detail h2 span.ttl.num_4{ padding-left:150px;}

.detail h2 span.cat{
	border:1px solid #fff;
	padding:2px 20px;
	font-size:16px;
	position:absolute;
	right:20px;
	top:25px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	font-weight:normal;
	text-align:center;
	line-height:1.4;
}
.detail h2 span.cat strong{
	display:block;
	font-size:13px;
}
.detail.cat2 h2 span.cat{ top:15px;}
.detail.cat3 h2 span.cat{ top:15px;}

.detail h2 span.num{
	background-color:#fff;
	position:absolute;
	top:50%;
	left:0px;
	width:30px;
	height:30px;
	color:#f28e6d;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	border-radius:30px;
	line-height:32px;
	text-shadow:none;
	margin-top:-17px;
}
.detail h2 span.num2{ left:35px;}
.detail h2 span.num3{ left:70px;}
.detail h2 span.num4{ left:105px;}

.detail.cat2 h2 span.num{ color:#e6c667;}
.detail.cat3 h2 span.num{ color:#99bf99;}
.detail.cat4 h2 span.num{ color:#8db3d9;}

.detail h2 span.txt{
	color:#333;
	display:block;
	font-size:15px;
	font-weight:normal;
	padding-bottom:10px;
}

.detail h2 strong{
	font-size:18px;
	font-weight:normal;
}

.detail .box{
	background-color:#e8eaeb;
	overflow:hidden;
	padding:30px 59px;
}

.detail .box dt{
	font-size:20px;
	font-weight:bold;
	position:relative;
	margin-bottom:15px;
	padding-bottom:5px;
}
.detail .box dt span{
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	border:2px solid #E81619;
	width:25px;
}

.detail .box dd{
	margin-bottom:30px;
}
.detail .box dd .img{ clear:both; margin-top:40px;}

.detail .btnList{
	margin-left:10px;
}
.detail .btnList a{
	text-decoration:none;
	color:#333;
	/*background:url(../images/arrow3.png) no-repeat right 50%;
	background-size:15px;*/
	display:inline-block;
	*display:inline;
	*zoom:1;
	padding-left:20px;
}

.detail .btnList a:before {
	background: url(../images/skip-arrow2.png) no-repeat left top/35px auto;
	content: "";
	display: inline-block;
	height: 7px;
	margin-right: 10px;
	width: 17.5px;
}

.detail .btnList a:hover:before {
	animation: arrow3 .3s ease;
	-moz-animation: arrow3 .3s ease;
	-webkit-animation: arrow3 .3s ease;
}

@keyframes arrow3 {
	0% { background: url(../images/skip-arrow2.png) no-repeat left top/35px auto;}
	100% {background: url(../images/skip-arrow2.png) no-repeat right top/35px auto;}
}

@-moz-keyframes arrow3 {
	0% { background: url(../images/skip-arrow2.png) no-repeat left top/35px auto;}
	100% {background: url(../images/skip-arrow2.png) no-repeat right top/35px auto;}
}

@-webkit-keyframes arrow3 {
	0% { background: url(../images/skip-arrow2.png) no-repeat left top/35px auto;}
	100% {background: url(../images/skip-arrow2.png) no-repeat right top/35px auto;}
}

.detail .annotation2{
	margin:10px 0 -20px;
}

.detail .space{ margin-left:150px; font-size:14px !important;}

.detail .btnDetail{
	border: 3px double #E72420;
	display:inline-block;
	*display:inline;
	*zoom:1;
	text-align: center;
	margin-top: 40px;
}
.detail .btnDetail a{
	text-decoration:none;
	color:#fff;
	background-color: #E72420;
	/*background:url(../images/arrow3.png) no-repeat right 50%;
	background-size:15px;*/
	display:inline-block;
	*display:inline;
	*zoom:1;
	padding: 12px 40px;
	font-weight: bold;
	transition: 0.3s all;
}
.detail .btnDetail a:hover{
	opacity: 0.7;
}
.detail .btnDetail a span{
	display: inline-block;
	*display:inline;
	*zoom:1;
	position: relative;
	padding-right: 30px;
}
.detail .btnDetail a span:before {
	background: url(../images/arrow_w.png) no-repeat right top/35px auto;
	content: "";
	display: inline-block;
	height: 7px;
	width: 17.5px;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -3.5px;
}

.detail .btnDetail a:hover span:before {
	animation: arrow5 .3s ease;
	-moz-animation: arrow5 .3s ease;
	-webkit-animation: arrow5 .3s ease;
}

@keyframes arrow5 {
	0% { background: url(../images/arrow_w.png) no-repeat right top/35px auto;}
	100% {background: url(../images/arrow_w.png) no-repeat right top/35px auto;}
}

@-moz-keyframes arrow5 {
	0% { background: url(../images/arrow_w.png) no-repeat right top/35px auto;}
	100% {background: url(../images/arrow_w.png) no-repeat left top/35px auto;}
}

@-webkit-keyframes arrow5 {
	0% { background: url(../images/arrow_w.png) no-repeat right top/35px auto;}
	100% {background: url(../images/arrow_w.png) no-repeat left top/35px auto;}
}

.detail .center{text-align: center;}

/*--------------------
		about (PC)
---------------------*/

.about .box{
	clear:both;
	background:url(../images/obj1.png) no-repeat 0 0 #e8eaeb;
	background-size:30px;
	overflow:hidden;
	padding:30px 0 30px;
}
.about h2{
	font-size:20px;
	font-weight:bold;
	position:relative;
	margin-bottom:30px;
	padding-bottom:5px;
}
.about h2 span{
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	border:2px solid #E81619;
	width:25px;
}

.about .inner{
	padding:20px 59px;
	position:relative;
}

.about .box .lead{
	width:470px;
	position:absolute;
	top:90px;
	left:59px;
}
.about .box .img{
	text-align:right;
	margin:70px 0 60px;
}

.about .box2{
	background-color:#fff;
	overflow:hidden;
	padding:30px;
}

.about .box2 .pic{
	float:right;
	margin-left:30px;
}

.about .box2 .textArea{
	overflow:hidden;
	zoom:1;
}
.about .box2 .textArea h3{
	font-weight:bold;
	border-bottom:1px solid #333;
	font-size:18px;
	margin-bottom:10px;
}

.about .box2 .list{
	clear:both;
	padding-top:25px;
	position:relative;
	overflow:hidden;
	margin-left:-12px;
}
.about .box2 .list li{
	width:305px;
	float:left;
	margin-left:12px;
}
.about .box2 .list li dl{
	margin-bottom:5px;
}

.about .box2 .list li dt{
	font-weight:bold;
	font-size:13px;
	padding:5px 10px;
	line-height:1.4;
}
.about .box2 .list li dt span{
	display:block;
	font-size:11px;
}
.about .box2 .list dl.cat1 dt,.about .box2 .list dl.cat4 dt{ padding:15px 10px;}
.about .box2 .list dl.cat3 dt{ padding:7px 10px;}

.about .box2 .list li dd{
	font-size:12px;
	text-shadow: 1px 1px 0px #111;
	padding:6px 10px;
	color:#fff;
	font-weight:bold;
	white-space:nowrap;
}
.about .box2 .list li dd span{ font-size:10px;}

.about .box2 .list li dl.cat1{
	border:1px solid #f28e6d;
	background-color:#f28e6d;
}
.about .box2 .list li dl.cat1 dt{ background-color:#fae3dc;}

.about .box2 .list li dl.cat2{
	border:1px solid #e6c667;
	background-color:#e6c667;
}
.about .box2 .list li dl.cat2 dt{ background-color:#f5ecd2;}
.about .box2 .list li dl.cat2 dd{ border-top:1px solid #f5ecd2;}

.about .box2 .list li dl.cat3{
	border:1px solid #99bf99;
	background-color:#99bf99;
}
.about .box2 .list li dl.cat3 dt{ background-color:#e0eee0;}
.about .box2 .list li dl.cat3 dd{ border-top:1px solid #e0eee0;}

.about .box2 .list li dl.cat4{
	border:1px solid #8db3d9;
	background-color:#8db3d9;
}
.about .box2 .list li dl.cat4 dt{ background-color:#e0e8ef;}
.about .box2 .list li dl.cat4 dd{ border-top:1px solid #e0e8ef;}

.about .btnReturn{
	margin-left:10px;
}
.about .btnReturn a{
	text-decoration:none;
	color:#333;
	/*background:url(../images/arrow3.png) no-repeat right 50%;
	background-size:15px;*/
	display:inline-block;
	*display:inline;
	*zoom:1;
	padding-left:20px;
}

.about .btnReturn a:before {
	background: url(../images/skip-arrow2.png) no-repeat left top/35px auto;
	content: "";
	display: inline-block;
	height: 7px;
	margin-right: 10px;
	width: 17.5px;
}

.about .btnReturn a:hover:before {
	animation: arrow4 .3s ease;
	-moz-animation: arrow4 .3s ease;
	-webkit-animation: arrow4 .3s ease;
}

@keyframes arrow4 {
	0% { background: url(../images/skip-arrow2.png) no-repeat left top/35px auto;}
	100% {background: url(../images/skip-arrow2.png) no-repeat right top/35px auto;}
}

@-moz-keyframes arrow4 {
	0% { background: url(../images/skip-arrow2.png) no-repeat left top/35px auto;}
	100% {background: url(../images/skip-arrow2.png) no-repeat right top/35px auto;}
}

@-webkit-keyframes arrow4 {
	0% { background: url(../images/skip-arrow2.png) no-repeat left top/35px auto;}
	100% {background: url(../images/skip-arrow2.png) no-repeat right top/35px auto;}
}


.annotation{ font-size:13px;}
.detail .green{color:#99bf99;}
.detail .red{color:#f28e6d;}
.detail .yellow{color:#e6c667;}
.detail .blue{color:#8db3d9;}
.mt20{ margin-top:20px;}
.mb20{ margin-bottom:20px;}

dl.notice{ overflow:hidden; padding-top:10px;}
dl.notice dt{
	clear:both;
	float:left;
	line-height:1.4;
	font-size:12px;
}
dl.notice dd{
	overflow:hidden;
	zoom:1;
	line-height:1.4;
	font-size:12px;
}

/*--------------------
			スマホ
--------------------*/

/*--------------------header--------------------*/
#sp{ display:none;}
#sp header {
	margin: 20px auto;
	width: 100% !important;
	padding:0 5%;
	box-sizing:border-box;
}

#sp h1 { float: left;}

#sp h1 img { width: 100px;}

#sp .header-sns {
	float: right;
	margin-right:0;
	margin-top:-5px;
}

#sp .header-sns li img {
	vertical-align: top;
	width: 30px;
}


#sp .header-sns li {
	float: left;
	overflow: hidden;
	position: relative;
	width: 30px;
}

#sp .header-sns li:hover:after { left: 0;}

#sp .sns-tw { margin: 0 10px 0 10px;}

#contents.sp img{ width:100%; height:auto;}
#contents.sp #mv{
	height:300px;
	width:100%;
	position:relative;
	overflow:hidden;
	background-color:#000;
	background:url(../images/mv_sp.jpg) no-repeat center center;
	background-size:cover;
}
#contents.sp #mv .over{
	background:url(../images/mv_over.png) no-repeat 0 0;
	background-size:cover;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	height:250px;
	width:100%;
}

#contents.sp #mv .btnMovie{
	background-color:rgba(255,255,255,0.8);
	padding:15px 0 10px;
	position:absolute;
	bottom:30px;
	left:50%;
	width:240px;
	margin-left:-120px;
	text-align:center;
	cursor:pointer;
	border:2px solid #444;
	font-weight:bold;
}

#contents.sp #mv .btnMovie span{
	display:inline-block;
	background:url(../images/arrow3.png) no-repeat right 0;
	background-size:22px;
	padding-right:27px;
}

#contents.sp #mv video{
	position:absolute;
	top:-50px;
	left:50%;
	margin-left:-80%;
	width:160%;
	height:auto;
	z-index:1;
}

#contents.sp #mv h2{
	width:280px;
	border:3px solid #fff;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	padding:23px 0 18px;
	line-height:1.6;
	position:absolute;
	top:45px;
	left:50%;
	margin-left:-140px;
	z-index:3;
	box-sizing:border-box;
	white-space:nowrap;
}

#contents.sp #info{
	padding:20px 5%;
	font-size:15px;
	color:#033333;
	overflow:hidden;
	text-align:center;
}
#contents.sp #info p{
	float:none;
	text-align:left;
	line-height:1.4;
	margin-bottom:20px;
}
#contents.sp #info .btnAbout{
	float:none;
}
#contents.sp #info .btnAbout a{
	text-decoration:none;
	color:#333;
	/*background:url(../images/arrow3.png) no-repeat right 50%;
	background-size:15px;*/
	display:inline-block;
	*display:inline;
	*zoom:1;
	padding-right:20px;
	font-size:16px;
	font-weight:bold;
	border:2px solid #333;
	line-height:1;
	padding:10px 30px;
	background-color:#fff;
}

#contents.sp #info .btnAbout a:after {
	background: url(../images/skip-arrow.png) no-repeat right top/45px auto;
	content: "";
	display: inline-block;
	height: 12px;
	margin-left: 10px;
	width: 17.5px;
}


#contents.sp #mainCont{
	clear:both;
	background:#e8eaeb;
	overflow:hidden;
	position:relative;
}
#contents.sp #mainCont .inner{padding:20px 5% 40px;}

#contents.sp #mainCont h3{
	font-size:20px;
	font-weight:bold;
	position:relative;
	margin-bottom:15px;
	padding-bottom:15px;
	clear:both;
	padding-top:20px;
}
#contents.sp #mainCont h3 span{
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	border:2px solid #E81619;
	width:45px;
}

#contents.sp #mainCont p.lead{
	font-size:13px;
	line-height:1.4;
	margin-bottom:20px;
}
#contents.sp #mainCont p.lead span{
	font-size:11px;
}
#contents.sp #mainCont p.lead a{
	color:#000 !important;
}

#contents.sp #mainCont p.lead .sup{
	vertical-align: super;
	font-size: 10px;
}
#contents.sp #mainCont p.lead .sub{
	/*vertical-align: super;*/
	font-size: 10px;
}


#contents.sp #mainCont #list{
	width:100%;
	position:relative;
	font-size:14px;
}

#contents.sp #mainCont #list .bnr{
	margin-top:20px;
}

#contents.sp #mainCont .pop{
	background:url(../images/arrow1.png) no-repeat center bottom;
	background-size:20px;
	padding-bottom:10px;
	margin:0 auto 10px;
	width:100%;
}
#contents.sp #mainCont .pop span{
	font-size:15px;
	font-weight:bold;
	text-align:center;
	background-color:#fff;
	padding:10px 0px;
	display:block;
}

#contents.sp #mainCont #list h4{
	font-size:20px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding:20px 0;
	text-shadow: 1px 1px 0px #333;
}

#contents.sp #mainCont #list h4 span{
	margin-top:10px;
	display:block;
	font-size:12px;
	line-height:1.4;
}

#contents.sp #mainCont #list .cat1{
	background-color:#f28e6d;
	box-shadow: 4px 4px 0px #d17c5f;
	-moz-box-shadow: 4px 4px 0px #d17c5f;
	-webkit-box-shadow: 4px 4px 0px #d17c5f;
	margin-bottom:38px;
	position:relative;
}

#contents.sp #mainCont #list .cat1 p.annotation{
	position:absolute;
	bottom:-25px;
	left:0;
	width:auto;
	white-space:nowrap;
}

#contents.sp #mainCont #list .cat2{
	background-color:#e6c667;
	box-shadow: 4px 4px 0px #c5ac5a;
	-moz-box-shadow: 4px 4px 0px #c5ac5a;
	-webkit-box-shadow: 4px 4px 0px #c5ac5a;
	margin-bottom:30px;
	position: relative;
}

#contents.sp #mainCont #list .cat2 p.annotation{
	position:absolute;
	bottom:-80px;
	left:0;
	width:auto;
	line-height:1.4;
}

#contents.sp #mainCont #list .cat3{
	background-color:#99bf99;
	box-shadow: 4px 4px 0px #82a484;
	-moz-box-shadow: 4px 4px 0px #82a484;
	-webkit-box-shadow: 4px 4px 0px #82a484;
	margin-bottom:55px;
	position:relative
}

#contents.sp #mainCont #list .cat3 p.annotation{
	position:absolute;
	bottom:-45px;
	left:0;
	width:auto;
	line-height:1.4;
}

#contents.sp #mainCont #list .cat4{
	background-color:#8db3d9;
	box-shadow: 4px 4px 0px #799abc;
	-moz-box-shadow: 4px 4px 0px #799abc;
	-webkit-box-shadow: 4px 4px 0px #799abc;
}

#contents.sp #mainCont #list li{
	padding:12px 10px 12px 38px;
	color:#fff;
	position:relative;
	line-height:1.6;
	font-weight:bold;
	border-top:1px solid #fff;
	cursor:pointer;
}
#contents.sp #mainCont #list .cat1 li.active{background-color:#d17c5f;}
#contents.sp #mainCont #list .cat2 li.active{background-color:#c5ac5a;}
#contents.sp #mainCont #list .cat3 li.active{background-color:#82a484;}
#contents.sp #mainCont #list .cat4 li.active{background-color:#799abc;}

#contents.sp #mainCont #list li span.num{
	background-color:#fff;
	position:absolute;
	top:15px;
	left:10px;
	width:18px;
	height:18px;
	color:#f28e6d;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	border-radius:9px;
}
#contents.sp #mainCont #list .cat2 li span.num{color:#e6c667;}
#contents.sp #mainCont #list .cat3 li span.num{color:#99bf99;}
#contents.sp #mainCont #list .cat4 li span.num{color:#8db3d9;}

#contents.sp #mainCont #list li span.icon{
	position:absolute;
	right:10px;
	top:50%;
	width:70px;
	height:27px;
	background:url(../images/arrow2.png) no-repeat right 45%;
	background-size:17px;
	margin-top:-13px;
}
#contents.sp #mainCont #list li span.icon img{ width:50px !important;}

#contents.sp #mainCont #list li span.txt{
	text-shadow: 1px 1px 0px #333;
}
#contents.sp #mainCont #list li strong{
	display:block;
	font-size:10px;
	margin-left:-5px;
}
#contents.sp #mainCont #list li strong.annotation{
	display:inline;
	margin-left:5px;
}

#contents.sp #mainCont #list .pic{
}

#overlay{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:120%;
	z-index:9998;
	background-color:#000;
	opacity:0.7;
	display:none;
}

#modal{
	position:absolute;
	top:20px;
	left:5%;
	background-color:#fff;
	width:90%;
	z-index:9999;
	padding:40px 5% 30px;
	box-sizing:border-box;
	display:none;
}
#modal ul{ margin-bottom:25px; clear:both;}
#modal li{
	background-color:#fae3dc;
	border:2px solid #ff8d65;
	padding:15px 15px 5px;
	border-radius:5px;
	box-shadow: 2px 2px 2px #ccc;
	-moz-box-shadow: 2px 2px 2px #ccc;
	-webkit-box-shadow: 2px 2px 2px #ccc;
}
#modal li.cat2{
	background-color:#f5ecd2;
	border:2px solid #e6c667;
}
#modal li.cat3{
	background-color:#e0eee0;
	border:2px solid #99bf99;
}
#modal li.cat4{
	background-color:#e0e7ef;
	border:2px solid #8db3d9;
}

#modal li h5{
	font-size:18px;
	font-weight:bold;
	color:#c16243;
	margin-bottom:20px;
	background:url(../images/end-icon2.png) no-repeat right 3px;
	background-size:38px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	padding-right:45px;
	padding-left:32px;
	line-height:1.4;
	position:relative;
}
#modal li h5.ver2{
	background:url(../images/execution-icon2.png) no-repeat right 3px;
	background-size:38px;
}
#modal li h5.ver3{
	background:url(../images/unexecuted-icon2.png) no-repeat right 3px;
	background-size:38px;
}

#modal li.cat2 h5{color:#ba9c44;}
#modal li.cat3 h5{color:#5e8f5e;}
#modal li.cat4 h5{color:#3f75aa;}

#modal li p{
	margin-bottom:10px;
	line-height:1.4;
	font-size:13px;
}

#modal .btnLink{
	text-align:center;
	margin-top:20px;
}

#modal .btnLink a{
	text-decoration:none;
	color:#333;
	/*background:url(../images/arrow3.png) no-repeat right 50%;
	background-size:15px;*/
	display:inline-block;
	*display:inline;
	*zoom:1;
	padding-right:20px;
	font-size:16px;
	font-weight:bold;
	border:2px solid #333;
	line-height:1;
	padding:15px 50px 10px;
	background-color:#fff;
}

#modal .btnLink a:after {
	background: url(../images/skip-arrow.png) no-repeat right top/45px auto;
	content: "";
	display: inline-block;
	height: 12px;
	margin-left: 10px;
	width: 17.5px;
}

#modal .btnClose,#modal2 .btnClose{
	position:absolute;
	top:7px;
	right:7px;
	width:21px;
	height:21px;
}

#modal h5{ width:106%; text-align:left; padding:0 !important; background:none !important; margin:0 0 5px -3% !important;}
#modal h5 span.num{
	background-color:#fff;
	position:absolute;
	top:0;
	left:0px;
	width:24px;
	height:24px;
	color:#f28e6d;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	border-radius:24px;
	line-height:26px;
	text-shadow:none;
}

#modal li.cat2 h5 span.num{ color:#e6c667;}
#modal li.cat3 h5 span.num{ color:#99bf99;}
#modal li.cat4 h5 span.num{ color:#8db3d9;}

#contents.sp .year{
	float:right;
	font-size:11px;
	line-height:1.2;
	margin-top:-5px;
}

#modal2{
	position:absolute;
	top:20px;
	left:5%;
	width:90%;
	z-index:9999;
	padding:40px 0 30px;
	box-sizing:border-box;
	display:none;
}

.movie{ width:100%;}
.movieWrap {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.movieWrap iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/*--------------------
		detail (SP)
---------------------*/

#contents.sp #mainCont.detail{
	clear:both;
	background:none;
	overflow:hidden;
}
#contents.sp #mainCont .inner{padding:20px 5% 40px;}

#sp .detail h2{
	background-size:30px;
	padding:45px 5% 10px;
	font-size:19px;
	font-weight:bold;
	color:#fff;
	margin-bottom:0;
	position:relative;
	line-height:1.2;
}
#sp .detail.cat1 h2{background:#f28e6d; background-size:30px;}
#sp .detail.cat2 h2{background:#e6c667; background-size:30px; padding:53px 5% 10px;}
#sp .detail.cat3 h2{background:#99bf99; background-size:30px; padding:53px 5% 10px;}
#sp .detail.cat4 h2{background:#8db3d9; background-size:30px;}

#sp .detail h2 span.ttl{
	display:inline-block;
	*display:inline;
	*zoom:1;
	background:url(../images/end-icon2.png) no-repeat right 50%;
	background-size:40px;
	padding-right:54px;
	padding-left:38px;
	text-shadow: 1px 1px 0px #555;
	position:relative;
	margin-bottom:10px;
}
#sp .detail h2 span.ttl.num_4{ padding-left:125px;}

#sp .detail h2 strong.ttl{
	display:block;
	padding-left:38px;
	text-shadow: 1px 1px 0px #555;
	position:relative;
	margin:-5px 0 10px;
	font-size:11px;
	font-weight:bold;
	white-space:nowrap;
}

#sp .detail.page2 h2 span.ttl{ white-space:nowrap;}

#sp .detail.cat1 h2 span.ttl{ background-position:right bottom;}

#sp .detail h2 span.cat{
	border:1px solid #fff;
	padding:4px 5px 2px;
	font-size:12px;
	position:absolute;
	right:10px;
	top:10px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	font-weight:normal;
	text-align:center;
	line-height:1.3 !important;
}
#sp .detail h2.line1 span.cat{ top:10px;}
#sp .detail h2 span.cat strong{ font-size:10px;}

#sp .detail h2 span.num{
	background-color:#fff;
	position:absolute;
	top:50%;
	left:0px;
	width:26px;
	height:26px;
	color:#f28e6d;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	border-radius:30px;
	line-height:28px;
	text-shadow:none;
	margin-top:-15px;
}
#sp .detail h2 span.num2{ left:30px;}
#sp .detail h2 span.num3{ left:60px;}
#sp .detail h2 span.num4{ left:90px;}

#sp .detail.cat2 h2 span.num{ color:#e6c667;}
#sp .detail.cat3 h2 span.num{ color:#99bf99;}
#sp .detail.cat4 h2 span.num{ color:#8db3d9;}

#sp .detail h2 span.txt{
	color:#333;
	display:block;
	font-size:15px;
	font-weight:normal;
	padding-bottom:10px;
	margin-top:10px;
	line-height:1.4;
}

#sp .detail h2 strong{
	font-size:18px;
	font-weight:normal;
}

#sp .detail .box{
	background-color:#e8eaeb;
	overflow:hidden;
	padding:5%;
}
#sp .detail .box dl{
	overflow:hidden;
	margin-bottom:-35px;
}
#sp .detail .box dt{
	font-size:18px;
	font-weight:bold;
	position:relative;
	margin-bottom:20px;
	padding-bottom:10px;
	padding-top:5px;
}
#sp .detail .box dt span{
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	border:2px solid #E81619;
	width:25px;
}

#sp .detail .box dd{
	margin-bottom:35px;
	line-height:1.6;
}
#sp .detail .box dd .img{ clear:both; margin-top:20px;}

#sp .detail .btnList{
	margin-left:10px;
}
#sp .detail .btnList a{
	text-decoration:none;
	color:#333;
	/*background:url(../images/arrow3.png) no-repeat right 50%;
	background-size:15px;*/
	display:inline-block;
	*display:inline;
	*zoom:1;
	padding-left:20px;
}

#sp .detail .btnList a:before {
	background: url(../images/skip-arrow2.png) no-repeat left top/35px auto;
	content: "";
	display: inline-block;
	height: 7px;
	margin-right: 10px;
	width: 17.5px;
}

#sp .detail .annotation2{ margin:10px 0 30px;}

#sp .detail .btnDetail{
	margin: 20px 0 30px;
}
#sp .detail .btnDetail a{
	font-size: 13px;
	padding: 11px 30px;
}

/*--------------------
		about (SP)
---------------------*/

#sp .about{
	background:none !important;
}
#sp .about .box{
	background:#e8eaeb;
	padding:10px 0;
	margin:20px 0;
}
#sp .about .box h2 span{ bottom:-10px;}
#sp .about .box .lead{
	position:relative;
	top:auto;
	left:auto;
	width:auto;
	line-height:1.6 !important;
	padding-bottom:20px;
}
#sp .about .box .img{ margin:30px 0 50px;}

#sp .about .box table{ width:100%;}
#sp .about .box th{
	width:1em !important;
	vertical-align:middle;
	padding:10px 5px;
	font-weight:bold;
	font-size:13px;
	line-height:1.4;
}
#sp .about .box table.table2 th{ width:auto !important;}
#sp .about .box th span{
	display:block;
	font-size:11px;
}

#sp .about .box tr{ margin-bottom:10px;}
#sp .about .box tr.cat1 th{ background-color:#fae3dc;}
#sp .about .box tr.cat2 th{ background-color:#f5ecd2;}
#sp .about .box tr.cat3 th{ background-color:#e0eee0;}
#sp .about .box tr.cat4 th{ background-color:#e0e8ef;}
#sp .about .box td{
	vertical-align:middle;
	padding:5px 10px;
	text-shadow: 1px 1px 0px #555;
	color:#fff;
	position:relative;
	line-height:1.6;
	font-weight:bold;
	font-size:13px;
}
#sp .about .box td span{ font-size:12px;}
#sp .about .box tr.cat1 td{ background-color:#f28e6d; padding:20px 10px;}
#sp .about .box tr.cat2 td{ background-color:#e6c667;}
#sp .about .box tr.cat3 td{ background-color:#99bf99;}
#sp .about .box tr.cat4 td{ background-color:#8db3d9;}
#sp .about .box td.cel{
	width:1em;
	vertical-align:middle;
	padding:7px !important;
	background-color:#fff !important;
	box-shadow: 0 0 0 3px #f28e6d inset;
	box-sizing:border-box;
	text-shadow:none;
	color:#333;
	border-spacing: 1px;
	font-size:12px;
	line-height:1.2;
}
#sp .about .box tr.cat2 td.cel{box-shadow: 0 0 0 3px #e6c667 inset;}
#sp .about .box tr.cat3 td.cel{box-shadow: 0 0 0 3px #99bf99 inset;}
#sp .about .box tr.cat4 td.cel{box-shadow: 0 0 0 3px #8db3d9 inset;}

#sp .about .box h3{
	font-size:15px !important;
	border-bottom:1px solid #333;
	line-height:1.4 !important;
	padding-bottom:5px !important;
	text-align:center;
	margin-top:40px;
}
#sp .about .box h3+p{
	font-size:13px;
	line-height:1.4;
	margin-bottom:30px;
}

#sp .about .box h4{
	font-weight:bold;
	margin-bottom:15px;
	font-size:15px;
	text-align:center;
}

#sp .about .box .arrow{
	background:url(../images/arrow4.png) no-repeat 0 0;
	background-size:50px;
	width:50px;
	height:50px;
	margin:0 auto;
}

#sp .about .box dd{
	padding:5px 10px;
	text-shadow: 1px 1px 0px #555;
	color:#fff;
	position:relative;
	line-height:1.6;
	font-weight:bold;
	font-size:13px;
}
#sp .about .box dl{ margin-bottom:20px;}
#sp .about .box dd.cat3{background-color:#99bf99;}
#sp .about .box dd.cat4{background-color:#8db3d9;}
#sp .about .annotation{ line-height:1.42;}

#sp .btnReturn,#sp .btnList{ font-size:14px;}

#sp .about .arrow1{
	text-align:center;
	/*background:url(../images/arrow_sp1.png) no-repeat center 10px #fae3dc;
	background-size:40px;*/
	padding-top:25px;
	font-weight:bold;
	color:#c16243;
	padding:15px 0 15px;
	margin-bottom:10px;
	font-size:14px;
	overflow:hidden;
	/*border-bottom:1px solid #f28e6d;*/
}
#sp .about .arrow2{
	text-align:center;
	/*background:url(../images/arrow_sp2.png) no-repeat center 10px #f5ecd2;
	background-size:40px;*/
	padding-top:25px;
	font-weight:bold;
	color:#a68114;
	padding:15px 0 15px;
	margin-bottom:10px;
	font-size:14px;
	/*border-bottom:1px solid #a68114;*/
	line-height:1.2;
}
#sp .about .arrow2 span{
	display:block;
	font-size:11px;
}

#sp .about .arrow3{
	text-align:center;
	/*background:url(../images/arrow_sp3.png) no-repeat center 10px #e0eee0;
	background-size:40px;*/
	padding-top:25px;
	font-weight:bold;
	color:#5e8f5e;
	padding:15px 0 15px;
	margin-bottom:10px;
	font-size:14px;
	/*border-bottom:1px solid #5e8f5e;*/
	line-height:1.2;
}
#sp .about .arrow3 span{
	display:block;
	font-size:11px;
}

#sp .about .arrow4{
	text-align:center;
	/*background:url(../images/arrow_sp4.png) no-repeat center 10px #e0e8ef;
	background-size:40px;*/
	padding-top:25px;
	font-weight:bold;
	color:#3f75aa;
	padding:15px 0 15px;
	margin-bottom:10px;
	font-size:14px;
	/*border-bottom:1px solid #3f75aa;*/
}

#sp .about table.table2{ margin-bottom:10px;}
#sp .about table.table2.cat1{ border:1px solid #f28e6d;}
#sp .about table.table2.cat2{ border:1px solid #e6c667;}
#sp .about table.table2.cat3{ border:1px solid #99bf99;}
#sp .about table.table2.cat4{ border:1px solid #8db3d9;}
#sp .about table.table2 th{ text-align:center;}
#sp .about table.table2 td{ padding:10px;}

#sp .about .mt{ padding-top:35px;}

#sp footer{
	width:100%;
	margin:0 auto;
	padding:30px 5% 20px;
	overflow:hidden;
	box-sizing:border-box;
}
#sp footer h2{
	float:left;
}
#sp footer p.copy{
	clear:both;
	float:none;
	font-size:12px;
	text-align:center !important;
	padding-top:20px;
}

#sp footer #pagetop2{
	clear:none;
	float:right;
	text-align:right;
	margin-top:-10px;
}

#sp .mt20{ margin-top:10px;}
#sp .mb20{ margin-bottom:10px;}

.pt20{ padding-top:20px;}

.img.mb{
	margin-bottom: -20px !important;
}
#sp .img.mb{
	margin-bottom: -10px !important;
}