/* contents */
#contents {
	padding-bottom:70px;
}
#contents .cont-header{
	overflow:hidden;
	margin-bottom:10px;
}
#contents .container div{
	text-align:center;
}
#contents .graybox{
	background:#E9EDEE;
	padding:50px 0;
	margin:0 0 50px 0;
}
#contents .navi{
	overflow:hidden;
	width:825px;
	margin:0 auto 20px auto;
}
#contents .navi li{
	float:left;
	width:105px;
	height:129px;
	text-indent:-9999px;
	cursor:pointer;
	border:0;
	line-height:0;
	margin-right:15px;
}
#contents .navi li:last-child{
	margin-right:0;
}
#contents .navi li.li01{
	background:url(../img/tab_01_off.png) no-repeat center bottom;
}
#contents .navi li.li02{
	background:url(../img/tab_02_off.png) no-repeat center bottom;
}
#contents .navi li.li03{
	background:url(../img/tab_03_off.png) no-repeat center bottom;
}
#contents .navi li.li04{
	background:url(../img/tab_04_off.png) no-repeat center bottom;
}
#contents .navi li.li05{
	background:url(../img/tab_05_off.png) no-repeat center bottom;
}
#contents .navi li.li06{
	background:url(../img/tab_06_off.png) no-repeat center bottom;
}
#contents .navi li.li07{
	background:url(../img/tab_07_off.png) no-repeat center bottom;
}
#contents .navi li.li01:hover,
#contents .navi li.li01.on{
	background:url(../img/tab_01_on.png) no-repeat center top;
}
#contents .navi li.li02:hover,
#contents .navi li.li02.on{
	background:url(../img/tab_02_on.png) no-repeat center top;
}
#contents .navi li.li03:hover,
#contents .navi li.li03.on{
	background:url(../img/tab_03_on.png) no-repeat center top;
}
#contents .navi li.li04:hover,
#contents .navi li.li04.on{
	background:url(../img/tab_04_on.png) no-repeat center top;
}
#contents .navi li.li05:hover,
#contents .navi li.li05.on{
	background:url(../img/tab_05_on.png) no-repeat center top;
}
#contents .navi li.li06:hover,
#contents .navi li.li06.on{
	background:url(../img/tab_06_on.png) no-repeat center top;
}
#contents .navi li.li07:hover,
#contents .navi li.li07.on{
	background:url(../img/tab_07_on.png) no-repeat center top;
}
#contents #groupwarap{
	margin-bottom:50px;
}
#contents #groupwarap .box{
	background:#FFFFFF;
	width:820px;
	margin:0 auto;
	padding:40px 0;
	text-align:center;
}
#contents #groupwarap .box img{
	margin-bottom:40px;
}
#contents #groupwarap .box img:last-child{
	margin-bottom:0;
}
#contents #groupwarap .group07 .con_04{
	position:relative;
	width:740px;
	height:612px;
	margin:0 auto 40px auto;
	background:url(../img/07/con_04.png) no-repeat center center;
}
#contents #groupwarap .group07 .con_04 a{
	position:absolute;
	top:349px;
	left:20px;
	z-index:1;
}
#contents .open_ttl {
	position:relative;
	width:740px;
	margin:0 auto 40px auto;
	cursor:pointer;
}
#contents .open_ttl.off {
	cursor:default;
}
#contents .open_ttl:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}
#contents .open_ttl:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}
#contents .open_ttl::after {
	content:"";
	display:block;
	width: 15px;
	height: 15px;
	border: 3px solid;
	border-color:  transparent transparent #ffffff #ffffff;
	transform: rotate(-45deg);
	position:absolute;
	top:7px;
	right:210px;
}
#contents .open_ttl.off::after {
	display:none;
}
#contents .open_ttl.active::after {
	border-color: #ffffff #ffffff transparent transparent;
	top:20px;
	right:210px;
}
#contents .open {
	display:none;
	width:738px;
	margin:0 auto;
}
#contents .linklist{
	width:820px;
	margin:0 auto 90px auto;
	overflow:hidden;
}
#contents .linklist li{
	float:left;
}
#contents .linklist li:nth-child(1),#contents .linklist li:nth-child(2){
	margin-bottom:20px;
}
#contents .linklist li:nth-child(even){
	float:right;
}
#contents .page-top{
	text-align:center;
}
#contents .page-top a{
	border-bottom:1px solid #000000;
	text-decoration:none;
	font-size:20px;
	color:#000000;
	letter-spacing:0.1em;
	padding:0 10px;
}
#contents .page-top a:hover{
	border-bottom:none;
}
#contents .page-top a:after{
    content: "▲";
	font-size:20px;
	margin-left:10px;
}
#contents .popup{
	display:block;
	outline:none;
	width:820px;
	height:601px;
	margin:0 auto 50px auto;
	overflow:hidden;
}
/*rosen*/
#contents .rosen{
	width:820px;
	margin:0 auto 90px auto;
	padding:30px 0;
	background:#F5F5F5;
	border-radius: 20px;
	box-sizing:border-box;
}
#contents .rosen .ttl_new{
	text-align:center;
	margin-bottom:20px;
}
#contents .rosen .ttl{
	text-align:center;
	margin-bottom:20px;
	font-size:26px;
	font-weight:bold;
	letter-spacing:0.2em;
}
#contents .rosen .ttl span{
	text-align:center;
	display:block;
	font-size:16px;
	font-weight:bold;
	margin-top:10px;
	letter-spacing:normal;
}
#contents .rosen .inner{
	background:url(../img/rosen/bg.png) no-repeat center center;
	width:820px;
	height:384px;
	position:relative;
}
#contents .rosen .inner ul li{
	position:relative;
}
#contents .rosen .inner ul li a{
	display:inline-block;
}
#contents .rosen .inner li a:hover,
#contents .rosen .inner li a.active{
	box-shadow:2px 2px 5px #C0C0C0;
}
#contents .rosen .inner li a:hover:after,
#contents .rosen .inner li a.active:after{
	content:url(../img/rosen/ico_01.png);
	position:absolute;
	bottom:-10px;
	right:0;
}
#contents .rosen .inner li a.active:hover{
	box-shadow:2px 2px 5px #E45A24;
}
/*top*/
#contents .rosen .inner ul.top {
	position:absolute;
	top:2px;
	left:16px;
}
#contents .rosen .inner ul.top li{
	float:right;
	margin-left:14px;
}
#contents .rosen .inner ul.top li:last-child{
	margin-left:0;
}
/*left*/
#contents .rosen .inner ul.left {
	position:absolute;
	top:155px;
	left:16px;
}
#contents .rosen .inner ul.left li{
	margin-bottom:14px;
}
#contents .rosen .inner ul.left li:last-child{
	margin-bottom:0;
}
/*bottom*/
#contents .rosen .inner ul.bottom {
	position:absolute;
	top:250px;
	left:16px;
}
#contents .rosen .inner ul.bottom li{
	float:right;
	margin-left:9px;
}
#contents .rosen .inner ul.bottom li:last-child{
	margin-left:0;
}
/*linklist01*/
.linklist01{
	width:738px;
	margin:0 auto 40px auto;
	overflow:hidden;
}
.linklist01 ul{
	display:inline-block;
}
.linklist01 ul li{
	float:left;
}
.linklist01 li:nth-child(1), .linklist01 li:nth-child(2),
.linklist01 li:nth-child(3), .linklist01 li:nth-child(4){
	margin-bottom:20px;
}
.linklist01 li:nth-child(even){
	float:right;
}
.linklist01 ul li:last-child{
	margin-bottom:0;
        float: none;
        clear: both;
        text-align: center;
}
.linklist01 li a:hover img{
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}
/*linklist02*/
.linklist02{
	background:#FFFFFF;
	overflow:hidden;
	padding:30px;
}
.linklist02 ul{
	display:inline-block;
	text-align: center;
}
.linklist02 ul li{
	float:left;
}
.linklist02 li:nth-child(1), .linklist02 li:nth-child(2),
.linklist02 li:nth-child(3), .linklist02 li:nth-child(4){
	margin-bottom:10px;
}
.linklist02 li:nth-child(even){
	float:right;
}
.linklist02 ul li:last-child{
	margin-bottom:0;
	float: none;
	clear: both;
	text-align: center;
}

.linklist02 li {
	width: calc( ( 100% - 22px ) / 2);
	max-width: 258px ;
	height: 65px;
	margin-left: auto;
	margin-right: auto;
}
.linklist02 li img {
	width: auto ;
	max-width: 100%;
}
.linklist02 li a:hover img{
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}


/* footer-banners */

.bottom-banners {
  display: flex;
  flex-direction: row;
  flex-flow: wrap;
  align-items: flex-start;
  justify-content: center;
  margin-bottom: 40px;
}
.bottom-banners .title {
  flex: 0 0 100%;
  text-align: center;
  padding-bottom: 20px;
}
.bottom-banners .banner-area {
  padding-bottom: 20px;
}
.bottom-banners .banner-area:nth-of-type(even) {
  margin-right: 20px;
}
.bottom-banners .banner-area:nth-of-type(odd) {
  margin-left: 20px;
}
.bottom-banners .banner-info {
  padding-top: 20px;
}
.bottom-banners .banner-info {
  margin-right: 15px;
  margin-left: 15px;
}