@charset "UTF-8";

/*----------------------------------------------------
	INDEX
----------------------------------------------------*/

@media screen and (min-width: 761px) {

/* ----- MAIN VISUAL ----- */

#visual {
width: 100%;
}
#visual ul li {
position: relative;
cursor: pointer;
}
#visual ul li a {
text-decoration: none;
}
#visual ul li img {
width: 100%;
}
#visual ul li .inner {
width: 50%;
height: 100%;
background: url(../images/top/bg_visual.png) no-repeat right top;
background-size: 100% 100%;
position: absolute;
left: 0;
top: 0;
}
#visual ul li .inner .txt {
padding: 0 25% 0 70px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
#visual ul li .inner .txt dl {
margin: 0 0 60px 0;
color: #fff;
}
#visual ul li .inner .txt dl dt {
padding: 0 0 10px 0;
line-height: 1.2;
font-size: 28px;
}
#visual ul li .inner .txt dl dd {
font-size: 16px;
}
#visual ul li .inner .txt p {
width: 200px;
padding: 10px 0;
color: #fff;
font-size: 18px;
text-align: center;
text-decoration: none;
border: 1px solid #fff;
display: block;
}
#visual ul li:hover .inner .txt p {
color:#F29A30;
border: 1px solid #fff;
background: #fff;
}
#visual ul li .inner .txt p a span {
padding: 0 0 0 15px;
background: url(../images/common/ico_btn_w.png) no-repeat left center;
}
#visual ul li:hover .inner .txt p a span {
background: url(../images/common/ico_btn_r.png) no-repeat left center;
}
@media screen and (max-width: 959px) {
	#visual ul li .inner .txt dl {
	margin: 0 0 20px 0;
	color: #fff;
	}
	#visual ul li .inner .txt dl dt {
	padding: 0 0 10px 0;
	line-height: 1.4;
	font-size: 20px;
	}
	#visual ul li .inner .txt dl dd {
	font-size: 14px;
	}
	#visual ul li .inner .txt p a {
	width: 140px;
	padding: 7px 0;
	color: #fff;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	border: 1px solid #fff;
	display: block;
	}
}

/* ----- CONTENT 1 ----- */

section#index .content1 {
padding: 0 15px;
overflow: hidden;

}

section#index .content1 .title {
text-align: center;
position: relative;
}
section#index .content1 h2 {
padding: 40px 20px 10px 20px;
font-family: 'Oswald', sans-serif;
font-size: 30px;
text-align: center;
line-height: 1.3;
display: inline-block;
background: #f6f6f3;
z-index: 2;
position: relative;
}
section#index .content1 h2 span {
color: #de2b2b;
font-family: 'Noto Sans Japanese', sans-serif;
font-size: 14px;
font-weight: 500;
display: block;
}
section#index .content1 .title:after {
content: "";
width: 100%;
height: 1px;
margin: 0 auto;
background: #d7d7d7;
position: absolute;
top: 72px;
left: 0;
z-index: 1;
}
section#index .content1 p.desc {
margin: 0 0 20px 0;
}
section#index .content1 .outer {
max-width: 1200px;
margin: 0 auto;
padding: 0 0 40px 0;
overflow: hidden;
}
section#index .content1 .outer ul{
margin: 0 0 0 -15px;
overflow:hidden;
}
section#index .content1 .outer ul li {
width: 33.33333%;
padding: 0 0 0 15px;
float:left;
position: relative;
}
section#index .content1 .outer ul li a {
color: #000;
display: block;
}
section#index .content1 .outer ul li a .inner {
border: 1px solid #e2e2dd;
background: #fff;
cursor: pointer;
}
section#index .content1 .outer ul li a .inner .image {
width: 100%;
overflow: hidden;
}
section#index .content1 .outer ul li a .image img {
width: 100%;
border-bottom: 1px solid #e2e2dd;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}
section#index .content1 .outer ul li a:hover img {
-webkit-transform: scale(1.07);
-moz-transform: scale(1.07);
-ms-transform: scale(1.07);
-o-transform: scale(1.07);
transform: scale(1.07);
}
section#index .content1 .outer ul li a p.icon {
padding: 3px 10px 3px 23px;
color: #fff;
position: absolute;
top: 1px;
left: 16px;
}
section#index .content1 .outer ul li a .inner h3 {
margin: 20px 20px 10px 20px;
color: #fff;
font-size: 18px;
text-align: center;
background: #de2b2b;
}
section#index .content1 .outer ul li a .inner dl {
height: 93px;
margin: 0 20px 10px 20px;
overflow: hidden;
}
section#index .content1 .outer ul li a .inner dl dt {
max-height: 38px;
margin: 0 0 5px 0;
font-size: 16px;
line-height: 1.2;
overflow: hidden;
}
section#index .content1 .outer ul li a .inner dl dd {
font-size: 14px;
overflow: hidden;
}
section#index .content1 .outer ul li a .inner p.btn {
margin: 0 20px 20px 20px;
padding: 5px 0;
color: #000;
font-size: 14px;
text-align: center;
border: 1px solid #000;
display: block;
}
section#index .content1 .outer ul li a .inner p.btn span {
padding: 0 0 0 12px;
background: url(../images/common/ico_btn_b.png) no-repeat left center;
}
section#index .content1 .outer ul li a:hover .inner .btn {
color: #fff;
border: 1px solid #333;
background: #333;
}
section#index .content1 .outer ul li a:hover .inner .btn span {
background: url(../images/common/ico_btn_w.png) no-repeat left center;
}

/* ----- CONTENT 2 ----- */

section#index .content2 {
padding: 0 15px;
background: #fff;
overflow: hidden;
}
section#index .content2 .title {
text-align: center;
position: relative;
}
section#index .content2 h2 {
padding: 40px 20px 10px 20px;
font-family: 'Oswald', sans-serif;
font-size: 30px;
text-align: center;
line-height: 1.3;
display: inline-block;
background: #fff;
z-index: 2;
position: relative;
}
section#index .content2 h2 span {
color: #de2b2b;
font-family: 'Noto Sans Japanese', sans-serif;
font-size: 14px;
font-weight: 500;
display: block;
}
section#index .content2 .title:after {
content: "";
width: 100%;
height: 1px;
margin: 0 auto;
background: #d7d7d7;
position: absolute;
top: 72px;
left: 0;
z-index: 1;
}
section#index .content2 p.desc {
margin: 0 0 20px 0;
}
section#index .content2 .outer {
max-width: 1200px;
margin: 0 auto;
padding: 0 0 15px 0;
overflow: hidden;
}
section#index .content2 .outer ul {
margin: 0 0 0 -15px;
overflow:hidden;
}
section#index .content2 .outer ul li {
width: 33.33333%;
margin: 0 0 15px 0;
padding: 0 0 0 15px;
float:left;
}
section#index .content2 .outer ul li a {
display: block;
overflow: hidden;
position: relative;
}
section#index .content2 .outer ul li a img {
width: 100%;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}
section#index .content2 .outer ul li a:hover img {
-webkit-transform: scale(1.07);
-moz-transform: scale(1.07);
-ms-transform: scale(1.07);
-o-transform: scale(1.07);
transform: scale(1.07);
}
section#index .content2 .outer ul li a h3 {
width: 100%;
padding: 9px 10px 10px 10px;
color: #fff;
font-size: 16px;
text-align: center;
line-height: 1.2;
background: url(../images/common/bg_h3.png) repeat left top;
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
}
section#index .content2 .btn_b {
width: 33.33%;
max-width: 400px;
margin: 0 auto 10px;
}
section#index .content2 .btn_b a {
margin: 0 5px;
padding: 15px 0;
color: #000;
font-size: 14px;
text-align: center;
border: 1px solid #000;
display: block;
}
section#index .content2 .btn_b a span {
padding: 0 0 0 12px;
background: url(../images/common/ico_btn_b.png) no-repeat left center;
}
section#index .content2 .btn_b a:hover {
color: #fff;
border: 1px solid #333;
background: #333;
}
section#index .content2 .btn_b a:hover span {
background: url(../images/common/ico_btn_w.png) no-repeat left center;
}

/* ----- CONTENT 3 ----- */

section#index .content3 {
padding: 0 15px;
background: #fff;
overflow: hidden;
}
section#index .content3 .title {
text-align: center;
position: relative;
}
section#index .content3 h2 {
padding: 40px 20px 10px 20px;
font-family: 'Oswald', sans-serif;
font-size: 30px;
text-align: center;
line-height: 1.3;
display: inline-block;
background: #fff;
z-index: 2;
position: relative;
}
section#index .content3 h2 span {
color: #de2b2b;
font-family: 'Noto Sans Japanese', sans-serif;
font-size: 14px;
font-weight: 500;
display: block;
}
section#index .content3 .title:after {
content: "";
width: 100%;
height: 1px;
margin: 0 auto;
background: #d7d7d7;
position: absolute;
top: 72px;
left: 0;
z-index: 1;
}
section#index .content3 p.desc {
margin: 0 0 20px 0;
}
section#index .content3 .outer {
max-width: 1200px;
margin: 0 auto;
padding: 0 0 15px 0;
overflow: hidden;
}

section#index .content3 .iframe {
	max-width: 500px;
	margin: 0 auto;
	overflow: hidden;
	display: block;
	padding: 0 0 15px 0;
	text-align: center;
	}



section#index .content3 .outer p.image {
	
	text-align: center;

	}
section#index .content3 .outer ul{
margin: 0 0 0 -15px;

overflow:hidden;
}
section#index .content3 .outer ul li {
width: 50%;
margin: 0 0 15px 0;
padding: 0 0 0 15px;
float:left;
overflow: hidden;
}
section#index .content3 .outer ul li a {
display: block;
overflow: hidden;
position: relative;
}
section#index .content3 .outer ul li img {
width: 100%;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}
section#index .content3 .outer ul li:hover img {
-webkit-transform: scale(1.07);
-moz-transform: scale(1.07);
-ms-transform: scale(1.07);
-o-transform: scale(1.07);
transform: scale(1.07);
}
section#index .content3 .outer ul li h3 {
width: 100%;
padding: 9px 10px 10px 10px;
color: #fff;
font-size: 14px;
text-align: center;
line-height: 1.2;
background: url(../images/common/bg_h3.png) repeat left top;
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
}
section#index .content3 .outer ul li .inner .over {
width: 100%;
height: 100%;
background: #de2b2b;
position: absolute;
top: 100%;
left: 0;
}
section#index .content3 .outer ul li .inner .over dl {
width: 100%;
color: #fff;
padding: 0 10px;
text-align: center;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
section#index .content3 .outer ul li .inner .over dl dt {
font-size: 16px;
}
section#index .content3 .outer ul li .inner .over dl dd.btn a {
width: 100px;
margin: 10px auto 0;
padding: 2px 0 2px 10px;
color: #de2b2b;
font-size: 12px;
border-radius: 3px;
background: #fff url(../images/top/ico_plus.png) no-repeat 10px center;
display: block;
}

/* ----- CONTENT 4 ----- */

section#index .content4 {
overflow: hidden;
}
section#index .content4 .bg {
padding: 0 0 40px 0;
background: url(../images/top/event.jpg) repeat left top;
}
section#index .content4 .title {
margin: 0 20px;
font-family: 'Noto Sans Japanese', sans-serif;
text-align: center;
position: relative;
overflow: hidden;
}
section#index .content4 h2 {
padding: 40px 20px 10px 20px;
color: #fff;
font-family: 'Oswald', sans-serif;
font-size: 30px;
text-align: center;
line-height: 1.3;
display: inline-block;
z-index: 2;
position: relative;
overflow: hidden;
}
section#index .content4 h2 span {
color: #fff;
font-size: 14px;
font-weight: 500;
display: block;
}
section#index .content4 .title:after {
content: "";
width: 100%;
height: 1px;
margin: 0 auto;
background: url(../images/top/border_event_h2.gif) no-repeat center center;
position: absolute;
top: 72px;
left: 0;
z-index: 1;
}
section#index .content4 p.desc {
margin: 0 0 20px 0;
color: #fff;
}
section#index .content4 p.exp {
	margin: 0 0 20px 0;
	color: #fff;
	text-align: left;
	}

section#index .content4 .outer {
width: 900px;
height: 400px;
margin: 0 auto 20px;
border: 1px solid #fff;
/*background: #fff;*/
overflow: hidden;
}



section#index .content4 .outer a {
color: #000;
overflow: hidden;
display: block;
}
section#index .content4 .outer a p.image {
width: 498px;
float: right;
overflow: hidden;
}
section#index .content4 .outer a .image img {
width: 100%;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}
section#index .content4 .outer a:hover .image img {
-webkit-transform: scale(1.07);
-moz-transform: scale(1.07);
-ms-transform: scale(1.07);
-o-transform: scale(1.07);
transform: scale(1.07);
}


section#index .content4 .outer a .inner {
width: 500px;
padding: 40px 40px 0 40px;
float: left;
cursor: pointer;
}
section#index .content4 .outer a .inner dl {
margin: 0 0 25px 0;
padding: 0 0 25px 0;
background: url(../images/top/border_event.jpg) no-repeat center bottom;
overflow: hidden;
}
section#index .content4 .outer a .inner dl dt {
width: 60px;
color: #fff;
font-size: 24px;
text-align: center;
background: #de2b2b;
float: left;
}
section#index .content4 .outer a .inner dl dt span {
padding: 0 0 0 2px;
font-size: 14px;
}
section#index .content4 .outer a .inner dl dd {
width: 340px;
margin: -5px 0 0 0;
color: #de2b2b;
font-size: 18px;
font-weight: 500;
float: right;
}
section#index .content4 .outer a .inner p.txt {
margin: 0 0 40px 0;
}
section#index .content4 .outer a .inner p.btn {
width: 200px;
margin: 0 auto 0 auto;
padding: 7px 0;
color: #000;
text-align: center;
border: 1px solid #000;
display: block;
}
section#index .content4 .outer a .inner .btn span {
padding: 0 0 0 12px;
background: url(../images/common/ico_btn_b.png) no-repeat left center;
}
section#index .content4 .outer a:hover .inner .btn {
color: #fff;
border: 1px solid #333;
background: #333;
}
section#index .content4 .outer a:hover .inner .btn span {
background: url(../images/common/ico_btn_w.png) no-repeat left center;
}
section#index .content4 .btn_b {
width: 33.33%;
max-width: 400px;
margin: 0 auto;
}
section#index .content4 .btn_b a {
margin: 0 5px;
padding: 15px 0;
color: #fff;
font-size: 14px;
text-align: center;
border: 1px solid #fff;
display: block;
}
section#index .content4 .btn_b a span {
padding: 0 0 0 15px;
background: url(../images/common/ico_btn_w.png) no-repeat left center;
}
section#index .content4 .btn_b a:hover {
color: #000;
border: 1px solid #fff;
background: #fff;
}
section#index .content4 .btn_b a:hover span {
background: url(../images/common/ico_btn_b.png) no-repeat left center;
}
@media screen and (max-width: 1100px) {
	section#index .content4 .outer {
	width: 740px;
	margin: 0 auto 40px;
	border: 1px solid #fff;
	background: #fff;
	overflow: hidden;
	}
	section#index .content4 .outer a p.image {
	width: 368px;
	float: right;
	}
	section#index .content4 .outer a .inner {
	width: 370px;
	padding: 20px;
	float: left;
	}
	section#index .content4 .outer a .inner dl {
	margin: 0 0 20px 0;
	padding: 0;
	background: none;
	overflow: hidden;
	}
	section#index .content4 .outer a .inner dl dd {
	width: 250px;
	margin: 0;
	font-size: 14px;
	font-weight: 500;
	float: right;
	}
	section#index .content4 .outer a .inner p.txt {
	margin: 0 0 20px 0;
	font-size: 12px;
	}
}

/* ----- CONTENT 5 ----- */

section#index .content5 {
padding: 0 15px;
background: #fff;
overflow: hidden;
}
section#index .content5 .title {
text-align: center;
position: relative;
}
section#index .content5 h2 {
padding: 40px 20px 10px 20px;
font-family: 'Oswald', sans-serif;
font-size: 30px;
text-align: center;
line-height: 1.3;
display: inline-block;
background: #fff;
z-index: 2;
position: relative;
}

section#index .content5 h2 span {
color: #de2b2b;
font-family: 'Noto Sans Japanese', sans-serif;
font-size: 14px;
font-weight: 500;
display: block;
}

section#index .content5 h3 {
	padding: 20px 20px 10px 0px;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size: 20px;
	text-align: left;
	line-height: 1.3;
	background: #fff;
	
	}

section#index .content5 h4 {
		padding: 0px 10px 10px 0px;
		font-size: 18px;
		text-align: left;
		line-height: 1.3;
		background: #fff;
	}

section#index .content5 .title:after {
content: "";
width: 100%;
height: 1px;
margin: 0 auto;
background: #d7d7d7;
position: absolute;
top: 72px;
left: 0;
z-index: 1;
}
section#index .content5 p.desc {
margin: 0 0 20px 0;
}
section#index .content5 p.exp {
	margin: 0 0 20px 0;
	text-align: left;
	}

section#index .content5 ul.adm {
	margin: 0 0 20px 0px;
	text-align: left;
}
section#index .content5 ul.adm li {
	position: relative;
	margin: 0 0 10px 0;
	padding: 0 0 0 20px;
	background: url(../images/common/ico_btn_b.png) no-repeat left center;
}
section#index .content5 .outer {
max-width: 1200px;
margin: 0 auto;
padding: 0 0 20px 0;
overflow: hidden;
}
section#index .content5 .outer ul{
margin: 0 0 0 -15px;
overflow:hidden;
}
section#index .content5 .outer ul li {
width: 33.33%;
margin: 0 0 15px 0;
padding: 0 0 0 15px;
float:left;
overflow: hidden;
}
section#index .content5 .outer ul li a {
color: #000;
}
section#index .content5 .outer ul li a .inner {
width: 100%;
overflow: hidden;
position: relative;
cursor: pointer;
}
section#index .content5 .outer ul li a .image {
width: 100%;
margin: 0 0 10px 0;
border: 1px solid #d7d7d7;
overflow: hidden;
}
section#index .content5 .outer ul li a .image img {
width: 100%;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}
section#index .content5 .outer ul li a:hover .image img {
-webkit-transform: scale(1.07);
-moz-transform: scale(1.07);
-ms-transform: scale(1.07);
-o-transform: scale(1.07);
transform: scale(1.07);
}
section#index .content5 .outer ul li a .inner h3 {
width: 100%;
padding: 9px 10px 10px 10px;
color: #fff;
font-size: 16px;
text-align: center;
line-height: 1.2;
border-radius: 0 0 5px 5px;
background: url(../images/common/bg_h3.png) repeat left top;
position: absolute;
left: 0;
bottom: 0;
}
section#index .content5 .outer ul li a .inner p.txt {
height: 46px;
margin: 0 0 20px 0;
overflow: hidden;
}
section#index .content5 .outer ul li a .inner p.btn {
width: 200px;
margin: 0 auto 20px auto;
padding: 7px 0;
color: #000;
text-align: center;
background: #70b517;
display: block;
color: #fff;
}
section#index .content5 .outer ul li a .inner .btn span {
padding: 0 0 0 12px;
background: url(../images/common/ico_btn_w.png) no-repeat left center;
}
section#index .content5 .outer ul li a .inner:hover .btn {
color: #fff;
background: #4e8309;
}
section#index .content5 .outer ul li a .inner:hover .btn span {
background: url(../images/common/ico_btn_w.png) no-repeat left center;
}
section#index .content5 .btn_b {
width: 33.33%;
max-width: 400px;
margin: 0 auto 60px;
}
section#index .content5 .btn_b a {
margin: 0 5px;
padding: 15px 0;
color: #000;
font-size: 14px;
text-align: center;
display: block;
background: #F29A30;
color: #fff;
}
section#index .content5 .btn_b a span {
padding: 0 0 0 15px;
background: url(../images/common/ico_btn_w.png) no-repeat left center;
}
section#index .content5 .btn_b a:hover {
color: #fff;

background: #FAC033;
}
section#index .content5 .btn_b a:hover span {
background: url(../images/common/ico_btn_w.png) no-repeat left center;
}
}

/* ----- CONTENT 6 ----- */

section#index .content6 {
	overflow: hidden;
	}
	section#index .content6 .bg {
	padding: 0 0 40px 0;
	background: url(../images/top/event.jpg) repeat left top;
	}
	section#index .content6 .title {
	margin: 0 20px;
	font-family: 'Noto Sans Japanese', sans-serif;
	text-align: center;
	position: relative;
	overflow: hidden;
	}
	section#index .content6 h2 {
	padding: 40px 20px 10px 20px;
	color: #333;
	font-family: 'Oswald', sans-serif;
	font-size: 30px;
	text-align: center;
	line-height: 1.3;
	display: inline-block;
	z-index: 2;
	position: relative;
	overflow: hidden;
	}
	section#index .content6 h2 span {
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	display: block;
	}
	section#index .content6 .title:after {
	content: "";
	width: 100%;
	height: 1px;
	margin: 0 auto;
	background: url(../images/top/border_event_h2.gif) no-repeat center center;
	position: absolute;
	top: 72px;
	left: 0;
	z-index: 1;
	}
	section#index .content6 p.desc {
	margin: 0 0 20px 0;
	color: #fff;
	}
	section#index .content6 p.exp {
		margin: 0 0 20px 0;
		color: #fff;
		text-align: left;
		}
	
	section#index .content6 .outer {
	width: 1000px;
	margin: 0 auto 20px;
	border: 1px solid #fff;
	background: #fff;
	overflow: hidden;
	}


	section#index .content6 .outer a {
	color: #000;
	overflow: hidden;
	display: block;
	}
	section#index .content6 .outer a p.image {
	width: 498px;
	float: right;
	overflow: hidden;
	}
	section#index .content6 .outer a .image img {
	width: 100%;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-ms-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
	}
	section#index .content6 .outer a:hover .image img {
	-webkit-transform: scale(1.07);
	-moz-transform: scale(1.07);
	-ms-transform: scale(1.07);
	-o-transform: scale(1.07);
	transform: scale(1.07);
	}
	
	
	section#index .content6 .outer a .inner {
	width: 500px;
	padding: 40px 40px 0 40px;
	float: left;
	cursor: pointer;
	}
	section#index .content6 .outer a .inner dl {
	margin: 0 0 25px 0;
	padding: 0 0 25px 0;
	background: url(../images/top/border_event.jpg) no-repeat center bottom;
	overflow: hidden;
	}
	section#index .content6 .outer a .inner dl dt {
	width: 400px;
	color: #333;
	font-size: 18px;
	text-align: center;

	float: left;
	}
	section#index .content6 .outer a .inner dl dt span {
	padding: 0 0 0 2px;
	font-size: 14px;
	}
	section#index .content6 .outer a .inner dl dd {
	width: 340px;
	margin: -5px 0 0 0;
	color: #de2b2b;
	font-size: 18px;
	font-weight: 500;
	float: right;
	}
	section#index .content6 .outer a .inner p.txt {
	margin: 0 0 40px 0;
	text-align: left;
	}



	section#index .content6 .outer a .inner p.btn {
	width: 250px;
	margin: 0 auto 0 auto;
	padding: 7px 0;
	color: #000;
	text-align: center;
	border: 1px solid #000;
	background-color: #fff;
	display: block;
	}
	section#index .content6 .outer a .inner .btn span {
	padding: 0 0 0 12px;
	background: url(../images/common/ico_btn_b.png) no-repeat left center;
	}
	section#index .content6 .outer a:hover .inner .btn {
	color: #fff;
	border: 1px solid #333;
	background: #4682b4;
	}
	section#index .content6 .outer a:hover .inner .btn span {
	background: url(../images/common/ico_btn_w.png) no-repeat left center;
	}
	section#index .content6 .btn_b {
	width: 33.33%;
	max-width: 400px;
	margin: 0 auto;
	}
	section#index .content6 .btn_b a {
	margin: 0 5px;
	padding: 15px 0;
	color: #fff;
	font-size: 14px;
	text-align: center;
	border: 1px solid #fff;
	display: block;
	}
	section#index .content6 .btn_b a span {
	padding: 0 0 0 15px;
	background: url(../images/common/ico_btn_w.png) no-repeat left center;
	}
	section#index .content6 .btn_b a:hover {
	color: #000;
	border: 1px solid #fff;
	background: #fff;
	}
	section#index .content6 .btn_b a:hover span {
	background: url(../images/common/ico_btn_b.png) no-repeat left center;
	}

	/* ----- CONTENT 7 ----- */

section#index .content7 {
	padding: 0 15px;
	background: #fff;
	overflow: hidden;
	}
	section#index .content7 .title {
	text-align: center;
	position: relative;
	}
	section#index .content7 h2 {
	padding: 40px 20px 10px 20px;
	font-family: 'Oswald', sans-serif;
	font-size: 30px;
	text-align: center;
	line-height: 1.3;
	display: inline-block;
	background: #fff;
	z-index: 2;
	position: relative;
	}
	
	section#index .content7 h2 span {
	color: #de2b2b;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size: 14px;
	font-weight: 500;
	display: block;
	}
	
	section#index .content7 h3 {
		padding: 20px 20px 10px 0px;
		font-family: 'Noto Sans Japanese', sans-serif;
		font-size: 20px;
		text-align: left;
		line-height: 1.3;
		background: #fff;
		
		}
	
	section#index .content7 h4 {
			padding: 0px 10px 10px 0px;
			font-size: 18px;
			text-align: left;
			line-height: 1.3;
			background: #fff;
		}
	
	section#index .content7 .title:after {
	content: "";
	width: 100%;
	height: 1px;
	margin: 0 auto;
	background: #d7d7d7;
	position: absolute;
	top: 72px;
	left: 0;
	z-index: 1;
	}
	section#index .content7 p.desc {
	margin: 0 0 20px 0;
	}
	section#index .content7 p.exp {
		margin: 0 0 20px 0;
		text-align: left;
		}
	
	section#index .content7 ul.adm {
		margin: 0 0 20px 0px;
		text-align: left;
	}
	section#index .content7 ul.adm li {
		position: relative;
		margin: 0 0 10px 0;
		padding: 0 0 0 20px;
		background: url(../images/common/ico_btn_b.png) no-repeat left center;
	}
	section#index .content7 .outer {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 0 20px 0;
	overflow: hidden;
	}
	section#index .content7 .outer ul{
	margin: 0 0 0 -15px;
	overflow:hidden;
	}
	section#index .content7 .outer ul li {
	width: 33.33%;
	margin: 0 0 15px 0;
	padding: 0 0 0 15px;
	float:left;
	overflow: hidden;
	}
	section#index .content5 .outer ul li a {
	color: #000;
	}
	section#index .content7 .outer ul li .inner {
	width: 100%;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	}
	section#index .content7 .outer ul li .image {
	width: 100%;
	margin: 0 0 10px 0;
	border: 1px solid #d7d7d7;
	overflow: hidden;
	}
	section#index .content7 .outer ul li .image img {
	width: 100%;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-ms-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
	}
	/*
	section#index .content5 .outer ul li a:hover .image img {
	-webkit-transform: scale(1.07);
	-moz-transform: scale(1.07);
	-ms-transform: scale(1.07);
	-o-transform: scale(1.07);
	transform: scale(1.07);
	}
	section#index .content5 .outer ul li a .inner h3 {
	width: 100%;
	padding: 9px 10px 10px 10px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 1.2;
	border-radius: 0 0 5px 5px;
	background: url(../images/common/bg_h3.png) repeat left top;
	position: absolute;
	left: 0;
	bottom: 0;
	}

	section#index .content5 .outer ul li a .inner p.txt {
	height: 46px;
	margin: 0 0 20px 0;
	overflow: hidden;
	}	*/
	section#index .content7 .outer ul li a .inner p.btn {
	width: 200px;
	margin: 0 auto 20px auto;
	padding: 7px 0;
	color: #000;
	text-align: center;
	border: 1px solid #000;
	display: block;
	}
	section#index .content7 .outer ul li a .inner .btn span {
	padding: 0 0 0 12px;
	background: url(../images/common/ico_btn_b.png) no-repeat left center;
	}
	section#index .content7 .outer ul li a .inner:hover .btn {
	color: #fff;
	border: 1px solid #4682b4;
	background: #4682b4;
	}
	section#index .content7 .outer ul li a .inner:hover .btn span {
	background: url(../images/common/ico_btn_w.png) no-repeat left center;
	}
	section#index .content7 .btn_b {
	width: 33.33%;
	max-width: 400px;
	margin: 0 auto 60px;
	}
	section#index .content7 .btn_b a {
	margin: 0 5px;
	padding: 15px 0;
	color: #000;
	font-size: 14px;
	text-align: center;
	border: 1px solid #000;
	display: block;
	}
	section#index .content7 .btn_b a span {
	padding: 0 0 0 15px;
	background: url(../images/common/ico_btn_b.png) no-repeat left center;
	}
	section#index .content7 .btn_b a:hover {
	color: #fff;
	border: 1px solid #4682b4;
	background: #4682b4;
	}
	section#index .content7 .btn_b a:hover span {
	background: url(../images/common/ico_btn_w.png) no-repeat left center;
	}

/* ----- CONTENT 8 -----新しい */

section#index .content8 {
	padding: 0 15px;
	background: #fff;
	overflow: hidden;
	}
	section#index .content8 .title {
	text-align: center;
	position: relative;
	}
	section#index .content8 h2 {
	padding: 40px 20px 10px 20px;
	font-family: 'Oswald', sans-serif;
	font-size: 30px;
	text-align: center;
	line-height: 1.3;
	display: inline-block;
	background: #fff;
	z-index: 2;
	position: relative;
	}
	
	section#index .content8 .title:after {
	content: "";
	width: 100%;
	height: 1px;
	margin: 0 auto;
	background: #d7d7d7;
	position: absolute;
	top: 72px;
	left: 0;
	z-index: 1;
	}
	section#index .content8 p.desc {
	margin: 0 0 20px 0;
	}
	section#index .content8 .outer {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 0 15px 0;
	overflow: hidden;
	}
	
	section#index .content8 .outer p.image {
		
		text-align: center;
	
		}
	section#index .content8 .outer ul{
	margin: 0 0 0 -15px;
	
	overflow:hidden;
	}
	section#index .content8 .outer ul li {
	width: 33%;
	margin: 0 0 15px 0;
	padding: 0 0 0 15px;
	float:left;
	overflow: hidden;
	}
	section#index .content8 .outer ul li a {
	display: block;
	overflow: hidden;
	position: relative;
	}
	section#index .content8 .outer ul li img {
	width: 100%;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-ms-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
	}
	section#index .content8 .outer ul li:hover img {
	-webkit-transform: scale(1.07);
	-moz-transform: scale(1.07);
	-ms-transform: scale(1.07);
	-o-transform: scale(1.07);
	transform: scale(1.07);
	}
	section#index .content8 .outer ul li h3 {
	width: 100%;
	padding: 9px 10px 10px 10px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	line-height: 1.2;
	background: url(../images/common/bg_h3.png) repeat left top;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	}
	section#index .content8 .outer ul li .inner .over {
	width: 100%;
	height: 100%;
	background: #de2b2b;
	position: absolute;
	top: 100%;
	left: 0;
	}
	section#index .content8 .outer ul li .inner .over dl {
	width: 100%;
	color: #fff;
	padding: 0 10px;
	text-align: center;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	}
	section#index .content8 .outer ul li .inner .over dl dt {
	font-size: 16px;
	}
	section#index .content8 .outer ul li .inner .over dl dd.btn a {
	width: 100px;
	margin: 10px auto 0;
	padding: 2px 0 2px 10px;
	color: #de2b2b;
	font-size: 12px;
	border-radius: 3px;
	background: #fff url(../images/top/ico_plus.png) no-repeat 10px center;
	display: block;
	}


	@media screen and (max-width: 1100px) {
		section#index .content6 .outer {
		width: 740px;
		margin: 0 auto 40px;
		border: 1px solid #fff;
		background: #fff;
		overflow: hidden;
		}
		section#index .content6 .outer a p.image {
		width: 368px;
		float: right;
		}
		section#index .content6 .outer a .inner {
		width: 370px;
		padding: 20px;
		float: left;
		}
		section#index .content6 .outer a .inner dl {
		margin: 0 0 20px 0;
		padding: 0;
		background: none;
		overflow: hidden;
		}
		section#index .content6 .outer a .inner dl dd {
		width: 250px;
		margin: 0;
		font-size: 14px;
		font-weight: 500;
		float: right;
		}
		section#index .content6 .outer a .inner p.txt {
		margin: 0 0 20px 0;
		font-size: 12px;
		}
	

	

	

@media screen and (max-width: 760px) {

/* ----- MAIN VISUAL SP ----- */

#visual {
width: 100%;
/*background: #4682b4;*/
background: #70b517;
overflow: hidden;
position: relative;
}
#visual ul li {
padding: 0 0 46px 0;
cursor: pointer;
}
#visual ul li a {
text-decoration: none;
}
#visual ul li img {
width: 100%;
}
#visual ul li .inner {
width: 100%;
/*background: #4682b4;*/
background: #70b517;
}
#visual ul li .inner .txt {
padding: 20px 20px 20px 20px;
}
#visual ul li .inner .txt dl {
color: #fff;
}

#visual ul li .inner .txt dl dt {
line-height: 1.0;
font-size: 36px;
}

#visual ul li .inner .txt dl dd {
font-size: 24px;
}
/**
#visual ul li .inner .txt p a {
width: 200px;
padding: 10px 0;
color: #fff;
font-size: 18px;
text-align: center;
text-decoration: none;
border: 1px solid #fff;
display: block;
}
#visual ul li:hover .inner .txt p a {
color: #de2b2b;
border: 1px solid #fff;
background: #fff;
}
#visual ul li .inner .txt p a span {
padding: 0 0 0 15px;
background: url(../images/common/ico_btn_w.png) no-repeat left center;
}
#visual ul li:hover .inner .txt p a span {
background: url(../images/common/ico_btn_r.png) no-repeat left center;
}

/* ----- CONTENT 1 ----- */

section#index .content1 {
padding: 0 20px;
overflow: hidden;
}
section#index .content1 .title {
text-align: center;
position: relative;
}
section#index .content1 h2 {
padding: 40px 20px 10px 20px;
font-family: 'Oswald', sans-serif;
font-size: 36px;
text-align: center;
line-height: 1.3;
display: inline-block;
background: #f6f6f3;
z-index: 2;
position: relative;
}
section#index .content1 h2 span {
color: #de2b2b;
font-family: 'Noto Sans Japanese', sans-serif;
font-size: 20px;
font-weight: 500;
display: block;
}
section#index .content1 .title:after {
content: "";
width: 100%;
height: 2px;
margin: 0 auto;
background: #d7d7d7;
position: absolute;
top: 78px;
left: 0;
z-index: 1;
}
section#index .content1 p.desc {
margin: 0 0 20px 0;
font-size: 30px;
}
section#index .content1 .outer {
width: 720px;
margin: 0 auto;
overflow: hidden;
}
section#index .content1 .outer ul{
}
section#index .content1 .outer ul li {
width: 720px;
margin: 0 0 20px 0;
position: relative;
}
section#index .content1 .outer ul li a {
color: #000;
display: block;
}
section#index .content1 .outer ul li a .inner {
max-width: 720px;
padding: 20px;
border: 1px solid #e2e2dd;
background: #fff;
overflow: hidden;
}
section#index .content1 .outer ul li a .image {
width: 290px;
overflow: hidden;
float: left;
}
section#index .content1 .outer ul li a .image img {
width: 100%;
border-bottom: 1px solid #e2e2dd;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}
section#index .content1 .outer ul li a:hover img {
-webkit-transform: scale(1.07);
-moz-transform: scale(1.07);
-ms-transform: scale(1.07);
-o-transform: scale(1.07);
transform: scale(1.07);
}
section#index .content1 .outer ul li a p.icon {
padding: 3px 10px 3px 23px;
color: #fff;
position: absolute;
top: 21px;
left: 21px;
}
section#index .content1 .outer ul li a .inner h3 {
width: 370px;
margin: 0 0 16px 0;
color: #fff;
font-size: 20px;
text-align: center;
background: #de2b2b;
float: right;
}
section#index .content1 .outer ul li a .inner dl {
width: 370px;
float: right;
}
section#index .content1 .outer ul li a .inner dl dt {
margin: 0 0 8px 0;
font-size: 24px;
line-height: 1;
overflow: hidden;
}
section#index .content1 .outer ul li a .inner dl dd {
font-size: 20px;
line-height: 1.4;
overflow: hidden;
}

/* ----- CONTENT 2 ----- */

section#index .content2 {
border-top: 2px solid #e2e2dd;
overflow: hidden;
}
section#index .content2 h3 {
padding: 20px 20px 20px 65px;
font-size: 32px;
border-bottom: 2px solid #e2e2dd;
background: #fff url(../images/top/ico_c2.png) no-repeat 20px center;
}
section#index .content2 ul.pd1 {
margin: 0 0 20px 0;
background: #fff;
}
section#index .content2 ul.pd1 > li {
background: url(../images/top/ico_pd.png) no-repeat right 30px top 38px;
}
section#index .content2 ul.pd1 > li.open {
background: url(../images/top/ico_pd_open.png) no-repeat right 30px top 38px;
}
section#index .content2 ul.pd1 > li > a {
padding: 20px 20px 20px 65px;
color: #de2b2b;
font-size: 30px;
border-bottom: 2px solid #e2e2dd;
background: url(../images/top/ico_pd.png) no-repeat right 20px center;
display: block;
}
section#index .content2 ul.pd1 > li:nth-child(1) > a {
background: url(../images/common/ico_cat1_r.png) no-repeat 20px center;
}
section#index .content2 ul.pd1 > li:nth-child(2) > a {
background: url(../images/common/ico_cat2_r.png) no-repeat 20px center;
}
section#index .content2 ul.pd1 > li:nth-child(3) > a {
background: url(../images/common/ico_cat3_r.png) no-repeat 20px center;
}
section#index .content2 ul.pd1 > li:nth-child(4) > a {
background: url(../images/common/ico_cat4_r.png) no-repeat 20px center;
}
section#index .content2 ul.pd1 > li:nth-child(5) > a {
background: url(../images/common/ico_cat5_r.png) no-repeat 20px center;
}
section#index .content2 ul.pd1 > li:nth-child(6) > a {
background: url(../images/common/ico_cat6_r.png) no-repeat 20px center;
}
section#index .content2 ul.pd1.loc > li > a {
background: url(../images/common/ico_cat_loc.png) no-repeat 20px center;
}
section#index .content2 ul.pd2 {
font-size: 20px;
background: #f6f6f3 url(../images/top/bd_subcat.png) repeat-x left bottom;
overflow: hidden;
display: none;
}
section#index .content2 ul.pd2 > li {
width: 50%;
border-right: 2px solid #e2e2dd;
border-bottom: 2px solid #e2e2dd;
float: left;
}
section#index .content2 ul.pd2 > li:nth-child(2n+1) {
clear: both;
}
section#index .content2 ul.pd2 > li > a {
width: 100%;
padding: 20px 20px 20px 40px;
color: #000;
font-size: 26px;
background: url(../images/top/ico_subcat.png) no-repeat 20px center;
display: block;
}

/* ----- CONTENT 3 ----- */

section#index .content3 {
padding: 0 20px;
background: #fff;
overflow: hidden;
}
section#index .content3 .title {
text-align: center;
position: relative;
}
section#index .content3 h2 {
padding: 40px 20px 10px 20px;
font-family: 'Oswald', sans-serif;
font-size: 36px;
text-align: center;
line-height: 1.3;
display: inline-block;
background: #fff;
z-index: 2;
position: relative;
}
section#index .content3 h2 span {
color: #de2b2b;
font-family: 'Noto Sans Japanese', sans-serif;
font-size: 20px;
font-weight: 500;
display: block;
}
section#index .content3 .title:after {
content: "";
width: 100%;
height: 2px;
margin: 0 auto;
background: #d7d7d7;
position: absolute;
top: 78px;
left: 0;
z-index: 1;
}
section#index .content3 p.desc {
margin: 0 0 20px 0;
font-size: 30px;
}
section#index .content3 .outer {
max-width: 720px;
margin: 0 auto;
overflow: hidden;
}

section#index .content3 .iframe {
	max-width: 720px;
	margin: 0 auto;
	overflow: hidden;
	display: block;
	}



section#index .content3 .outer ul{
margin: 0 0 0 -15px;
overflow:hidden;
}
section#index .content3 .outer ul li {
width: 100%;
border-top: 1px solid #d7d7d7;
background: url(../images/common/ico_btn_b_sp.png) no-repeat right 10px center;
overflow: hidden;
}
section#index .content3 .outer ul li a {
width: 100%;
padding: 20px 0;
color: #000;
overflow: hidden;
position: relative;
display: block;
}
section#index .content3 .outer ul li p {
width: 200px;
overflow: hidden;
}
section#index .content3 .outer ul li img {
width: 100%;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}
section#index .content3 .outer ul li a:hover img {
-webkit-transform: scale(1.07);
-moz-transform: scale(1.07);
-ms-transform: scale(1.07);
-o-transform: scale(1.07);
transform: scale(1.07);
}
section#index .content3 .outer ul li a h3 {
width: 440px;
font-size: 24px;
line-height: 1.2;
position: absolute;
top: 50%;
left: 220px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
section#index .content3 .outer ul li .inner .over {
width: 100%;
height: 100%;
background: #de2b2b;
position: absolute;
top: 100%;
left: 0;
}
section#index .content3 .outer ul li .inner .over dl {
width: 100%;
color: #fff;
padding: 0 10px;
text-align: center;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
section#index .content3 .outer ul li .inner .over dl dt {
font-size: 16px;
}
section#index .content3 .outer ul li .inner .over dl dd.btn a {
width: 100px;
margin: 10px auto 0;
padding: 2px 0 2px 10px;
color: #de2b2b;
font-size: 12px;
border-radius: 3px;
background: #fff url(../images/top/ico_plus.png) no-repeat 10px center;
display: block;
}

/* ----- CONTENT 4 ----- */

section#index .content4 {
padding: 0 20px;
overflow: hidden;
}
section#index .content4 .bg {
}
section#index .content4 .title {
text-align: center;
position: relative;
}
section#index .content4 h2 {
padding: 40px 20px 10px 20px;
font-family: 'Oswald', sans-serif;
font-size: 36px;
text-align: center;
line-height: 1.3;
display: inline-block;
background: #f6f6f3;
z-index: 2;
position: relative;
}
section#index .content4 h2 span {
color: #de2b2b;
font-family: 'Noto Sans Japanese', sans-serif;
font-size: 20px;
font-weight: 500;
display: block;
}
section#index .content4 .title:after {
content: "";
width: 100%;
height: 2px;
margin: 0 auto;
background: #d7d7d7;
position: absolute;
top: 78px;
left: 0;
z-index: 1;
}
section#index .content4 p.desc {
margin: 0 0 20px 0;
font-size: 30px;
}
section#index .content4 p.exp {
	margin: 0 0 20px 0;
	font-size: 30px;
	text-align: left;
	}
section#index .content4 .outer {
width: 720px;
height: 360px;
margin: 0 auto 20px;
border: 1px solid #fff;
/**background: #fff;**/
overflow: hidden;
position: relative;
}
section#index .content4 .outer a p.image {
width: 720px;
overflow: hidden;
}
section#index .content4 .outer a .image img {
width: 100%;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}
section#index .content4 .outer a:hover .image img {
-webkit-transform: scale(1.07);
-moz-transform: scale(1.07);
-ms-transform: scale(1.07);
-o-transform: scale(1.07);
transform: scale(1.07);
}
section#index .content4 .outer a .inner {
width: 720px;
padding: 15px;
background: url(../images/common/bg_h3.png) repeat left top;
position: absolute;
left: 0;
bottom: 0;
}
section#index .content4 .outer a .inner dl dd {
color: #fff;
font-size: 24px;
font-weight: 500;
line-height: 1.4;
}
section#index .content4 .outer a .inner p.txt {
margin: 0 0 40px 0;
}
section#index .content4 .btn_b {
width: 480px;
margin: 0 auto 40px;
}
section#index .content4 .btn_b a {
padding: 10px 0;
color: #000;
font-size: 24px;
text-align: center;
/*border: 1px solid #000;*/
background: #F29A30;
color: #fff;
display: block;
}
section#index .content4 .btn_b a span {
padding: 0 0 0 25px;
background: url(../images/common/ico_btn_w.png) no-repeat left center;
}

/* ----- CONTENT 5 ----- */

section#index .content5 {
padding: 0 15px;
background: #fff;
overflow: hidden;
}
section#index .content5 .title {
text-align: center;
position: relative;
}
section#index .content5 h2 {
padding: 40px 20px 10px 20px;
font-family: 'Oswald', sans-serif;
font-size: 36px;
text-align: center;
line-height: 1.3;
display: inline-block;
background: #fff;
z-index: 2;
position: relative;
}
section#index .content5 h2 span {
color: #de2b2b;
font-family: 'Noto Sans Japanese', sans-serif;
font-size: 20px;
font-weight: 500;
display: block;
}
section#index .content5 h3 {
	padding: 20px 20px 10px 0;
	font-family: 'Oswald', sans-serif;
	font-size: 30px;
	text-align: left;
	line-height: 1.3;
	background: #fff;
	}
section#index .content5 .title:after {
content: "";
width: 100%;
height: 2px;
margin: 0 auto;
background: #d7d7d7;
position: absolute;
top: 78px;
left: 0;
z-index: 1;
}
section#index .content5 p.desc {
margin: 0 0 20px 0;
font-size: 28px;
}

section#index .content5 p.exp {
	margin: 0 0 20px 0;
	font-size: 28px;
	text-align: left;
	}

section#index .content5 ul.adm {
	margin: 0 0 20px 0;
	font-size: 25px;
	text-align: left;
	}
section#index .content5 ul.adm li {
margin: 0 0 10px 0;
padding: 0 0 0 25px;
background: url(../images/common/ico_btn_b_sp.png) no-repeat left center;

}
section#index .content5 .outer {
margin: 0 auto;
padding: 0 0 40px 0;
overflow: hidden;
}
section#index .content5 .outer ul{
margin: 0 0 0 -15px;
overflow:hidden;
}
section#index .content5 .outer ul li {
width: 50%;
padding: 0 0 20px 15px;
float:left;
overflow: hidden;
}
/*section#index .content5 .outer ul li:nth-child(3) {
display: none;
}*/
section#index .content5 .outer ul li a {
color: #000;

}
section#index .content5 .outer ul li a .inner {
width: 100%;
overflow: hidden;
position: relative;
cursor: pointer;
}
section#index .content5 .outer ul li a .image {
width: 100%;
margin: 0 0 10px 0;
border: 1px solid #d7d7d7;
overflow: hidden;
}
section#index .content5 .outer ul li a img {
width: 100%;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}
section#index .content5 .outer ul li a:hover img {
-webkit-transform: scale(1.07);
-moz-transform: scale(1.07);
-ms-transform: scale(1.07);
-o-transform: scale(1.07);
transform: scale(1.07);
}
section#index .content5 .outer ul li a .inner h3 {
width: 100%;
padding: 9px 10px 10px 10px;
color: #fff;
font-size: 16px;
text-align: center;
line-height: 1.2;
border-radius: 0 0 5px 5px;
background: url(../images/common/bg_h3.png) repeat left top;
position: absolute;
left: 0;
bottom: 0;
}
section#index .content5 .outer ul li a .inner p.txt {
margin: 0 0 20px 0;
font-size: 24px;
overflow: hidden;
}
section#index .content5 .outer ul li a .inner p.btn {
width: 100%;
margin: 0 auto;
padding: 7px 0;
color: #000;
font-size: 24px;
text-align: center;
/*border: 1px solid #000;*/
background: #70b517;
color: #fff;
display: block;
}
section#index .content5 .outer ul li a .inner .btn span {
padding: 0 0 0 20px;
background: url(../images/common/ico_btn_w.png) no-repeat left center;
}
section#index .content5 .btn_b {
width: 480px;
margin: 0 auto 60px;
}
section#index .content5 .btn_b a {
padding: 10px 0;
color: #000;
font-size: 24px;
text-align: center;
/*border: 1px solid #000;*/
background: #F29A30;
color:#fff;
display: block;

}
section#index .content5 .btn_b a span {
padding: 0 0 0 25px;
background: url(../images/common/ico_btn_w.png) no-repeat left center;
}


/* ----- CONTENT 6 ----- */


section#index .content6 {
	padding: 0 20px;
	overflow: hidden;
	}
	section#index .content6 .bg {
	}
	section#index .content6 .title {
	text-align: center;
	position: relative;
	}
	section#index .content6 h2 {
	padding: 40px 20px 10px 20px;
	font-family: 'Oswald', sans-serif;
	font-size: 36px;
	text-align: center;
	line-height: 1.3;
	display: inline-block;
	background: #f6f6f3;
	z-index: 2;
	position: relative;
	}
	section#index .content6 h2 span {
	color: #de2b2b;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size: 20px;
	font-weight: 500;
	display: block;
	}
	section#index .content6 .title:after {
	content: "";
	width: 100%;
	height: 2px;
	margin: 0 auto;
	background: #d7d7d7;
	position: absolute;
	top: 78px;
	left: 0;
	z-index: 1;
	}
	section#index .content6 p.desc {
	margin: 0 0 20px 0;
	font-size: 30px;
	}
	section#index .content6 p.exp {
		margin: 0 0 20px 0;
		font-size: 30px;
		text-align: left;
		}
	section#index .content6 .outer {
	width: 720px;
	margin: 0 auto 20px;
	border: 1px solid #fff;
	/**background: #fff;**/
	overflow: hidden;
	position: relative;
	}
	section#index .content6 .outer a p.image {
	width: 720px;
	overflow: hidden;
	}
	section#index .content6 .outer a .image img {
	width: 100%;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-ms-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
	}
	section#index .content6 .outer a:hover .image img {
	-webkit-transform: scale(1.07);
	-moz-transform: scale(1.07);
	-ms-transform: scale(1.07);
	-o-transform: scale(1.07);
	transform: scale(1.07);
	}
	section#index .content6 .outer a .inner {
	width: 720px;
	padding: 15px;
	background: url(../images/common/bg_h3.png) repeat left top;
	position: absolute;
	left: 0;
	bottom: 0;
	}
	section#index .content6 .outer a .inner dl dt {
		width: 600px;
		color: #fff;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.4;
	}
	section#index .content6 .outer a .inner p.txt {
	margin: 0 0 40px 0;
	color: #fff;
	font-size: 20px;
	}


	section#index .content6 p.btn {
		width: 100%;
		margin: 0 auto;
		padding: 7px 0;
		color: #000;
		font-size: 22px;
		text-align: center;
		border: 1px solid #000;
		display: block;
		}
		section#index .content6 .btn span {
			width: 100%;
		padding: 0 0 0 20px;
		background: url(../images/common/ico_btn_b_sp.png) no-repeat left center;
		}
		

/* ----- CONTENT 7 ----- */

section#index .content7 {
	padding: 0 15px;
	background: #fff;
	overflow: hidden;
	}
	section#index .content7 .title {
	text-align: center;
	position: relative;
	}
	section#index .content7 h2 {
	padding: 40px 20px 10px 20px;
	font-family: 'Oswald', sans-serif;
	font-size: 36px;
	text-align: center;
	line-height: 1.3;
	display: inline-block;
	background: #fff;
	z-index: 2;
	position: relative;
	}	
	section#index .content7 p.desc {
		margin: 0 0 20px 0;
		font-size: 30px;
		}

section#index .content7 .outer ul li a .inner p.btn {
		width: 100%;
		margin: 0 auto;
		padding: 7px 0;
		color: #000;
		font-size: 24px;
		text-align: center;
		border: 1px solid #000;
		display: block;
		}
		section#index .content7 .outer ul li a .inner .btn span {
		padding: 0 0 0 20px;
		background: url(../images/common/ico_btn_b.png) no-repeat left center;
		}
		section#index .content7 .btn_b {
		width: 480px;
		margin: 0 auto 60px;
		}
		section#index .content7 .btn_b a {
		padding: 10px 0;
		color: #000;
		font-size: 24px;
		text-align: center;
		border: 1px solid #000;
		display: block;
		
		}
		section#index .content7 .btn_b a span {
		padding: 0 0 0 25px;
		background: url(../images/common/ico_btn_b_sp.png) no-repeat left center;
		}

/* ----- CONTENT 8 ----- */

section#index .content8 {
	padding: 0 20px;
	background: #fff;
	overflow: hidden;
	}
	section#index .content8 .title {
	text-align: center;
	position: relative;
	}
	section#index .content8 h2 {
	padding: 40px 20px 10px 20px;
	font-family: 'Oswald', sans-serif;
	font-size: 36px;
	text-align: center;
	line-height: 1.3;
	display: inline-block;
	background: #fff;
	z-index: 2;
	position: relative;
	}
	section#index .content8 h2 span {
	color: #de2b2b;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size: 20px;
	font-weight: 500;
	display: block;
	}
	section#index .content8 .title:after {
	content: "";
	width: 100%;
	height: 2px;
	margin: 0 auto;
	background: #d7d7d7;
	position: absolute;
	top: 78px;
	left: 0;
	z-index: 1;
	}
	section#index .content8 p.desc {
	margin: 0 0 20px 0;
	font-size: 30px;
	}
	section#index .content8 .outer {
	max-width: 720px;
	margin: 0 auto;
	overflow: hidden;
	}
	
	
	section#index .content8 .outer ul{
	margin: 0 0 0 -15px;
	overflow:hidden;
	}
	section#index .content8 .outer ul li {
	width: 100%;
	border-top: 1px solid #d7d7d7;
	background: url(../images/common/ico_btn_b_sp.png) no-repeat right 10px center;
	overflow: hidden;
	}
	section#index .content8 .outer ul li a {
	width: 100%;
	padding: 20px 0;
	color: #000;
	overflow: hidden;
	position: relative;
	display: block;
	}
	section#index .content8 .outer ul li p {
	width: 200px;
	overflow: hidden;
	}
	section#index .content8 .outer ul li img {
	width: 100%;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-ms-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
	}
	section#index .content8 .outer ul li a:hover img {
	-webkit-transform: scale(1.07);
	-moz-transform: scale(1.07);
	-ms-transform: scale(1.07);
	-o-transform: scale(1.07);
	transform: scale(1.07);
	}
	section#index .content8 .outer ul li a h3 {
	width: 440px;
	font-size: 24px;
	line-height: 1.2;
	position: absolute;
	top: 50%;
	left: 220px;
	background: #fff;
	color: #333;
	text-align: left;
	/*-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);*/
	}
	section#index .content8 .outer ul li .inner .over {
	width: 100%;
	height: 100%;
	background: #de2b2b;
	position: absolute;
	top: 100%;
	left: 0;
	}
	section#index .content8 .outer ul li .inner .over dl {
	width: 100%;
	color: #fff;
	padding: 0 10px;
	text-align: center;
	position: absolute;
	top: 50%;
	/*-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);*/
	}
	section#index .content8 .outer ul li .inner .over dl dt {
	font-size: 16px;
	}
	section#index .content8 .outer ul li .inner .over dl dd.btn a {
	width: 100px;
	margin: 10px auto 0;
	padding: 2px 0 2px 10px;
	color: #de2b2b;
	font-size: 12px;
	border-radius: 3px;
	background: #fff url(../images/top/ico_plus.png) no-repeat 10px center;
	display: block;
	}

/*----------------------------------------------------
	ACTIVITY
----------------------------------------------------*/

@media screen and (min-width: 761px) {

section#activity .content {
overflow: hidden;
}
section#activity .content .bg {
padding: 0 0 40px 0;
background: url(../images/top/bg_event.png) repeat left top;
}
section#activity .content .title {
margin: 0 20px;
font-family: 'Noto Sans Japanese', sans-serif;
text-align: center;
position: relative;
overflow: hidden;
}
section#activity .content h2 {
padding: 40px 20px 10px 60px;
color: #fff;
font-family: 'Oswald', sans-serif;
font-size: 30px;
text-align: center;
line-height: 1.3;
display: inline-block;
z-index: 2;
position: relative;
overflow: hidden;
}
section#activity .content h2.cat1 {
background: url(../images/common/ico_cat1_w.png) no-repeat 20px 43px;
}
section#activity .content h2.cat2 {
background: url(../images/common/ico_cat2_w.png) no-repeat 20px 43px;
}
section#activity .content h2.cat3 {
background: url(../images/common/ico_cat3_w.png) no-repeat 20px 43px;
}
section#activity .content h2.cat4 {
background: url(../images/common/ico_cat4_w.png) no-repeat 20px 43px;
}
section#activity .content h2.cat5 {
background: url(../images/common/ico_cat5_w.png) no-repeat 20px 43px;
}
section#activity .content h2.cat6 {
background: url(../images/common/ico_cat6_w.png) no-repeat 20px 43px;
}
section#activity .content h2 span {
margin: 0 0 0 -40px;
color: #fff;
font-size: 14px;
font-weight: 500;
display: block;
}
section#activity .content .barLeft {
width: 50%;
height: 1px;
margin: 0 auto;
background: #fff;
position: absolute;
top: 72px;
left: 0;
z-index: 1;
}
section#activity .content .barRight {
width: 50%;
height: 1px;
margin: 0 auto;
background: #fff;
position: absolute;
top: 72px;
right: 0;
z-index: 1;
}
section#activity .content p.desc {
margin: 0 0 20px 0;
color: #fff;
}
section#activity .content .outer {
width: 1000px;
margin: 0 auto;
padding: 30px;
border: 1px solid #fff;
background: #fff;
overflow: hidden;
}
section#activity .content .bgImg {
display: none;
}
section#activity .content .outer .left {
width: 400px;
float: left;
}
section#activity .content .outer .right {
width: 520px;
float: right;
}

section#activity .content .outer .left #image {
width: 100%;
overflow: hidden;
}
section#activity .content .outer .left #image img {
width: 100%;
}

section#activity .content .outer .left ul.tabs {
margin: 5px 0 0 0;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
overflow: hidden;
}
section#activity .content .outer .left ul.tabs li {
width: 50%;
border-top: 1px solid #000;
border-right: 1px solid #000;
float: left;
}
section#activity .content .outer .left ul.tabs li a {
padding: 7px 10px 7px 20px;
color: #000;
text-align: center;
display: block;
}
section#activity .content .outer .left ul.tabs li.current a,
section#activity .content .outer .left ul.tabs li:hover a {
color: #fff;
background: #000;
}
section#activity .content .outer .left ul.tabs li:first-child a span {
padding: 0 0 0 26px;
background: url(../images/activity/ico_pic_off.png) no-repeat left center;
}
section#activity .content .outer .left ul.tabs li:first-child.current span,
section#activity .content .outer .left ul.tabs li:first-child a:hover span {
background: url(../images/activity/ico_pic_on.png) no-repeat left center;
}
section#activity .content .outer .left ul.tabs li:last-child a span {
padding: 0 0 0 26px;
background: url(../images/activity/ico_movie_off.png) no-repeat left center;
}
section#activity .content .outer .left ul.tabs li:last-child.current span,
section#activity .content .outer .left ul.tabs li:last-child a:hover span {
background: url(../images/activity/ico_movie_on.png) no-repeat left center;
}
section#activity .content .outer .left #movie {
display: none;
}
section#activity .content .outer .left #movie iframe {
width: 100%;
}
section#activity .content .outer .right ul.tabs {
border-left: 1px solid #000;
border-bottom: 1px solid #000;
overflow: hidden;
}
section#activity .content .outer .right ul.tabs li {
border-top: 1px solid #000;
border-right: 1px solid #000;
float: left;
}
section#activity .content .outer .right ul.tabs li a {
padding: 7px 10px 7px 20px;
color: #000;
background: url(../images/common/ico_btn_b_s.png) no-repeat 10px center;
display: block;
}
section#activity .content .outer .right ul.tabs li:hover a,
section#activity .content .outer .right ul.tabs li.current a {
color: #fff;
background: #000 url(../images/common/ico_btn_w_s.png) no-repeat 10px center;
}
section#activity .content .outer .right .tab {
padding: 10px 10px 0 10px;
font-size: 12px;
}
section#activity .content .outer .right #tab2,
section#activity .content .outer .right #tab3 {
display: none;
}

/* ----- LIST ----- */

section#activity .list {
padding: 0 15px;
overflow: hidden;
}
section#activity .list .title {
text-align: center;
position: relative;
}
section#activity .list h2 {
padding: 40px 20px 10px 20px;
font-family: 'Oswald', sans-serif;
font-size: 30px;
text-align: center;
line-height: 1.3;
display: inline-block;
background: #f6f6f3;
z-index: 2;
position: relative;
}
section#activity .list h2 span {
color: #de2b2b;
font-family: 'Noto Sans Japanese', sans-serif;
font-size: 14px;
font-weight: 500;
display: block;
}
section#activity .list .title:after {
content: "";
width: 100%;
height: 1px;
margin: 0 auto;
background: #d7d7d7;
position: absolute;
top: 72px;
left: 0;
z-index: 1;
}
section#activity .list p.desc {
margin: 0 0 20px 0;
}
section#activity .list .outer {
max-width: 1200px;
margin: 0 auto;
padding: 0 0 40px 0;
overflow: hidden;
}
section#activity .list .outer ul{
margin: 0 0 20px -15px;
overflow:hidden;
}
section#activity .list .outer ul li {
width: 25%;
padding: 0 0 15px 15px;
float:left;
position: relative;
}
section#activity .list .outer ul li a {
color: #000;
display: block;
}
section#activity .list .outer ul li a .inner {
border: 1px solid #e2e2dd;
background: #fff;
cursor: pointer;
}
section#activity .list .outer ul li a .inner .image {
width: 100%;
overflow: hidden;
}
section#activity .list .outer ul li a .image img {
width: 100%;
border-bottom: 1px solid #e2e2dd;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}
section#activity .list .outer ul li a:hover img {
-webkit-transform: scale(1.07);
-moz-transform: scale(1.07);
-ms-transform: scale(1.07);
-o-transform: scale(1.07);
transform: scale(1.07);
}
section#activity .list .outer ul li a p.icon {
padding: 3px 10px 3px 23px;
color: #fff;
position: absolute;
top: 1px;
left: 16px;
}
section#activity .list .outer ul li a .inner dl {
height: 93px;
margin: 10px 15px 10px 15px;
overflow: hidden;
}
section#activity .list .outer ul li a .inner dl dt {
max-height: 38px;
margin: 0 0 5px 0;
padding: 0 0 0 5px;
font-size: 16px;
line-height: 1.2;
overflow: hidden;
}
section#activity .list .outer ul li a .inner dl dt.pin1 { border-left: 5px solid #97be1a }
section#activity .list .outer ul li a .inner dl dt.pin2 { border-left: 5px solid #de187a }
section#activity .list .outer ul li a .inner dl dt.pin3 { border-left: 5px solid #1b98d6 }
section#activity .list .outer ul li a .inner dl dt.pin4 { border-left: 5px solid #f19c18 }
section#activity .list .outer ul li a .inner dl dt.pin5 { border-left: 5px solid #df1014 }
section#activity .list .outer ul li a .inner dl dt.pin6 { border-left: 5px solid #22913b }
section#activity .list .outer ul li a .inner dl dt.pin7 { border-left: 5px solid #961176 }
section#activity .list .outer ul li a .inner dl dt.pin8 { border-left: 5px solid #0e6caa }
section#activity .list .outer ul li a .inner dl dd {
font-size: 14px;
overflow: hidden;
}
section#activity .list .outer ul li a .inner p.btn {
margin: 0 15px 15px 15px;
padding: 5px 0;
color: #000;
font-size: 14px;
text-align: center;
border: 1px solid #000;
display: block;
}
section#activity .list .outer ul li a .inner p.btn span {
padding: 0 0 0 12px;
background: url(../images/common/ico_btn_b.png) no-repeat left center;
}
section#activity .list .outer ul li a:hover .inner .btn {
color: #fff;
border: 1px solid #333;
background: #333;
}
section#activity .list .outer ul li a:hover .inner .btn span {
background: url(../images/common/ico_btn_w.png) no-repeat left center;
}
section#activity .list .outer .btn_b {
width: 50%;
max-width: 400px;
margin: 0 auto 60px;
}
section#activity .list .outer .btn_b a {
margin: 0 5px;
padding: 15px 0;
color: #000;
font-size: 14px;
text-align: center;
border: 1px solid #000;
display: block;
}
section#activity .list .outer .btn_b a span {
padding: 0 0 0 20px;
background: url(../images/common/ico_btn_more_off.png) no-repeat left center;
}
section#activity .list .outer .btn_b a:hover {
color: #fff;
border: 1px solid #333;
background: #333;
}
section#activity .list .outer .btn_b a:hover span {
background: url(../images/common/ico_btn_more_on.png) no-repeat left center;
}

/* ----- ACTIVITY LIST PAGE ----- */

section#activity .topList {
padding: 0 15px 60px 15px;
overflow: hidden;
}
section#activity .topList .title {
text-align: center;
position: relative;
}
section#activity .topList h2 {
padding: 40px 20px 10px 20px;
font-family: 'Oswald', sans-serif;
font-size: 30px;
text-align: center;
line-height: 1.3;
display: inline-block;
background: #f6f6f3;
z-index: 2;
position: relative;
}
section#activity .topList h2 span {
color: #de2b2b;
font-family: 'Noto Sans Japanese', sans-serif;
font-size: 14px;
font-weight: 500;
display: block;
}
section#activity .topList .title:after {
content: "";
width: 100%;
height: 1px;
margin: 0 auto;
background: #d7d7d7;
position: absolute;
top: 72px;
left: 0;
z-index: 1;
}
section#activity .topList p.desc {
margin: 0 0 20px 0;
}
section#activity .topList .outer ul {
margin: 0 0 0 -15px;
overflow:hidden;
}
section#activity .topList .outer ul li {
width: 33.33333%;
margin: 0 0 15px 0;
padding: 0 0 0 15px;
float:left;
}
section#activity .topList .outer ul li a {
display: block;
overflow: hidden;
position: relative;
}
section#activity .topList .outer ul li a img {
width: 100%;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}
section#activity .topList .outer ul li a:hover img {
-webkit-transform: scale(1.07);
-moz-transform: scale(1.07);
-ms-transform: scale(1.07);
-o-transform: scale(1.07);
transform: scale(1.07);
}
section#activity .topList .outer ul li a h3 {
width: 100%;
padding: 9px 10px 10px 10px;
color: #fff;
font-size: 16px;
text-align: center;
line-height: 1.2;
background: url(../images/common/bg_h3.png) repeat left top;
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
}
section#activity .topList .outer .btn_b {
width: 50%;
max-width: 400px;
margin: 0 auto;
}
section#activity .topList .outer .btn_b a {
margin: 0 5px;
padding: 15px 0;
color: #000;
font-size: 14px;
text-align: center;
border: 1px solid #000;
display: block;
}
section#activity .topList .outer .btn_b a span {
padding: 0 0 0 20px;
background: url(../images/common/ico_btn_more_off.png) no-repeat left center;
}
section#activity .topList .outer .btn_b a:hover {
color: #fff;
border: 1px solid #333;
background: #333;
}
section#activity .topList .outer .btn_b a:hover span {
background: url(../images/common/ico_btn_more_on.png) no-repeat left center;
}
}

@media screen and (max-width: 1020px) {
section#activity .content .outer {
width: 720px;
margin: 0 auto;
padding: 30px;
border: 1px solid #fff;
background: #fff;
overflow: hidden;
}
section#activity .content .outer .left {
width: 100%;
margin: 0 0 30px 0;
float: none;
}
section#activity .content .outer .right {
width: 100%;
float: none;
}
section#activity .list .outer ul li {
width: 33.333%;
}
}

@media screen and (max-width: 760px) {
section#activity .content .bg {
padding: 0 0 40px 0;
background: url(../images/top/bg_event.png) repeat left top;
}
section#activity .content .title {
margin: 0 20px;
font-family: 'Noto Sans Japanese', sans-serif;
text-align: center;
position: relative;
overflow: hidden;
}
section#activity .content h2 {
padding: 40px 20px 10px 60px;
color: #fff;
font-family: 'Oswald', sans-serif;
font-size: 36px;
text-align: center;
line-height: 1.3;
display: inline-block;
z-index: 2;
position: relative;
overflow: hidden;
}
section#activity .content h2.cat1 {
background: url(../images/common/ico_cat1_w.png) no-repeat 20px 46px;
}
section#activity .content h2.cat2 {
background: url(../images/common/ico_cat2_w.png) no-repeat 20px 46px;
}
section#activity .content h2.cat3 {
background: url(../images/common/ico_cat3_w.png) no-repeat 20px 46px;
}
section#activity .content h2.cat4 {
background: url(../images/common/ico_cat4_w.png) no-repeat 20px 46px;
}
section#activity .content h2.cat5 {
background: url(../images/common/ico_cat5_w.png) no-repeat 20px 46px;
}
section#activity .content h2.cat6 {
background: url(../images/common/ico_cat6_w.png) no-repeat 20px 46px;
}
section#activity .content h2 span {
margin: 0 0 0 -40px;
color: #fff;
font-size: 20px;
font-weight: 500;
display: block;
}
section#activity .content .barLeft {
width: 50%;
height: 1px;
margin: 0 auto;
background: #fff;
position: absolute;
top: 72px;
left: 0;
z-index: 1;
}
section#activity .content .barRight {
width: 50%;
height: 1px;
margin: 0 auto;
background: #fff;
position: absolute;
top: 72px;
right: 0;
z-index: 1;
}
section#activity .content p.desc {
margin: 0 0 20px 0;
font-size: 30px;
color: #fff;
}
section#activity .content .outer {
width: 720px;
margin: 0 auto;
padding: 30px;
border: 1px solid #fff;
background: #fff;
overflow: hidden;
}
section#activity .content .bgImg {
display: none;
}
section#activity .content .outer .left {
width: 100%;
margin: 0 0 30px 0;
float: none;
}
section#activity .content .outer .right {
width: 100%;
float: none;
}
section#activity .content .outer .left #image img {
width: 100%;
}
section#activity .content .outer .left ul.tabs {
margin: 10px 0 0 0;
font-size: 24px;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
overflow: hidden;
}
section#activity .content .outer .left ul.tabs li {
width: 50%;
border-top: 1px solid #000;
border-right: 1px solid #000;
float: left;
}
section#activity .content .outer .left ul.tabs li a {
padding: 10px 10px 10px 20px;
color: #000;
text-align: center;
display: block;
}
section#activity .content .outer .left ul.tabs li.current a,
section#activity .content .outer .left ul.tabs li:hover a {
color: #fff;
background: #000;
}
section#activity .content .outer .left ul.tabs li:first-child a span {
padding: 0 0 0 40px;
background: url(../images/activity/ico_pic_off.png) no-repeat left center;
background-size: 32px auto;
}
section#activity .content .outer .left ul.tabs li:first-child.current span,
section#activity .content .outer .left ul.tabs li:first-child a:hover span {
background: url(../images/activity/ico_pic_on.png) no-repeat left center;
background-size: 32px auto;
}
section#activity .content .outer .left ul.tabs li:last-child a span {
padding: 0 0 0 40px;
background: url(../images/activity/ico_movie_off.png) no-repeat left center;
background-size: 32px auto;
}
section#activity .content .outer .left ul.tabs li:last-child.current span,
section#activity .content .outer .left ul.tabs li:last-child a:hover span {
background: url(../images/activity/ico_movie_on.png) no-repeat left center;
background-size: 32px auto;
}
section#activity .content .outer .left #movie {
display: none;
}
section#activity .content .outer .left #movie iframe {
width: 100%;
}
section#activity .content .outer .right ul.tabs {
font-size: 22px;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
overflow: hidden;
}
section#activity .content .outer .right ul.tabs li {
border-top: 1px solid #000;
border-right: 1px solid #000;
float: left;
}
section#activity .content .outer .right ul.tabs li a {
padding: 7px 10px 7px 20px;
color: #000;
background: url(../images/common/ico_btn_b.png) no-repeat 10px center;
display: block;
}
section#activity .content .outer .right ul.tabs li:hover a,
section#activity .content .outer .right ul.tabs li.current a {
color: #fff;
background: #000 url(../images/common/ico_btn_w.png) no-repeat 10px center;
}
section#activity .content .outer .right .tab {
padding: 10px 10px 0 10px;
font-size: 22px;
}
section#activity .content .outer .right #tab2,
section#activity .content .outer .right #tab3 {
display: none;
}

/* ----- LIST ----- */

section#activity .list {
padding: 0 15px;
overflow: hidden;
}
section#activity .list .title {
text-align: center;
position: relative;
}
section#activity .list h2 {
padding: 40px 20px 10px 20px;
font-family: 'Oswald', sans-serif;
font-size: 36px;
text-align: center;
line-height: 1.3;
display: inline-block;
background: #f6f6f3;
z-index: 2;
position: relative;
}
section#activity .list h2 span {
color: #de2b2b;
font-family: 'Noto Sans Japanese', sans-serif;
font-size: 20px;
font-weight: 500;
display: block;
}
section#activity .list .title:after {
content: "";
width: 100%;
height: 1px;
margin: 0 auto;
background: #d7d7d7;
position: absolute;
top: 72px;
left: 0;
z-index: 1;
}
section#activity .list p.desc {
margin: 0 0 20px 0;
font-size: 30px;
}
section#activity .list .outer {
max-width: 1200px;
margin: 0 auto;
padding: 0 0 40px 0;
overflow: hidden;
}
section#activity .list .outer ul{
margin: 0 0 20px -15px;
overflow:hidden;
}
section#activity .list .outer ul li {
width: 50%;
padding: 0 0 15px 15px;
float:left;
position: relative;
}
section#activity .list .outer ul li a {
color: #000;
display: block;
}
section#activity .list .outer ul li a .inner {
border: 1px solid #e2e2dd;
background: #fff;
cursor: pointer;
}
section#activity .list .outer ul li a .inner .image {
width: 100%;
overflow: hidden;
}
section#activity .list .outer ul li a .image img {
width: 100%;
border-bottom: 1px solid #e2e2dd;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}
section#activity .list .outer ul li a:hover img {
-webkit-transform: scale(1.07);
-moz-transform: scale(1.07);
-ms-transform: scale(1.07);
-o-transform: scale(1.07);
transform: scale(1.07);
}
section#activity .list .outer ul li a p.icon {
padding: 3px 10px 3px 23px;
color: #fff;
position: absolute;
top: 1px;
left: 16px;
}
section#activity .list .outer ul li a .inner dl {
height: 140px;
margin: 20px;
overflow: hidden;
}
section#activity .list .outer ul li a .inner dl dt {
max-height: 38px;
margin: 0 0 5px 0;
padding: 0 0 0 5px;
font-size: 24px;
line-height: 1.2;
overflow: hidden;
}
section#activity .list .outer ul li a .inner dl dt.pin1 { border-left: 5px solid #97be1a }
section#activity .list .outer ul li a .inner dl dt.pin2 { border-left: 5px solid #de187a }
section#activity .list .outer ul li a .inner dl dt.pin3 { border-left: 5px solid #1b98d6 }
section#activity .list .outer ul li a .inner dl dt.pin4 { border-left: 5px solid #f19c18 }
section#activity .list .outer ul li a .inner dl dt.pin5 { border-left: 5px solid #df1014 }
section#activity .list .outer ul li a .inner dl dt.pin6 { border-left: 5px solid #22913b }
section#activity .list .outer ul li a .inner dl dt.pin7 { border-left: 5px solid #961176 }
section#activity .list .outer ul li a .inner dl dt.pin8 { border-left: 5px solid #0e6caa }
section#activity .list .outer ul li a .inner dl dd {
font-size: 22px;
overflow: hidden;
}
section#activity .list .outer ul li a .inner p.btn {
margin: 0 20px 20px 20px;
padding: 10px 0;
color: #000;
font-size: 20px;
line-height: 1;
text-align: center;
border: 1px solid #000;
display: block;
}
section#activity .list .outer ul li a .inner p.btn span {
padding: 0 0 0 15px;
background: url(../images/common/ico_btn_b.png) no-repeat left center;
}
section#activity .list .outer ul li a:hover .inner .btn {
color: #fff;
border: 1px solid #333;
background: #333;
}
section#activity .list .outer ul li a:hover .inner .btn span {
background: url(../images/common/ico_btn_w.png) no-repeat left center;
}
section#activity .list .outer .btn_b {
width: 100%;
margin: 0 auto 60px;
}
section#activity .list .outer .btn_b a {
margin: 0 5px;
padding: 15px 0;
color: #000;
font-size: 28px;
text-align: center;
border: 1px solid #000;
display: block;
}
section#activity .list .outer .btn_b a span {
padding: 0 0 0 30px;
background: url(../images/common/ico_btn_more_sp_off.png) no-repeat left center;
}
section#activity .list .outer .btn_b a:hover {
color: #fff;
border: 1px solid #333;
background: #333;
}
section#activity .list .outer .btn_b a:hover span {
background: url(../images/common/ico_btn_more_sp_on.png) no-repeat left center;
}

/* ----- ACTIVITY LIST PAGE ----- */

section#activity .topList {
padding: 0 15px;
overflow: hidden;
}
section#activity .topList .title {
text-align: center;
position: relative;
}
section#activity .topList h2 {
padding: 40px 20px 10px 20px;
font-family: 'Oswald', sans-serif;
font-size: 36px;
text-align: center;
line-height: 1.3;
display: inline-block;
background: #f6f6f3;
z-index: 2;
position: relative;
}
section#activity .topList h2 span {
color: #de2b2b;
font-family: 'Noto Sans Japanese', sans-serif;
font-size: 20px;
font-weight: 500;
display: block;
}
section#activity .topList .title:after {
content: "";
width: 100%;
height: 1px;
margin: 0 auto;
background: #d7d7d7;
position: absolute;
top: 72px;
left: 0;
z-index: 1;
}
section#activity .topList p.desc {
margin: 0 0 20px 0;
font-size: 30px;
}
section#activity .topList .outer {
margin: 0 0 40px 0;
}
section#activity .topList .outer ul {
margin: 0 0 0 -15px;
overflow:hidden;
}
section#activity .topList .outer ul li {
width: 50%;
margin: 0 0 15px 0;
padding: 0 0 0 15px;
float:left;
}
section#activity .topList .outer ul li a {
display: block;
overflow: hidden;
position: relative;
}
section#activity .topList .outer ul li a img {
width: 100%;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}
section#activity .topList .outer ul li a:hover img {
-webkit-transform: scale(1.07);
-moz-transform: scale(1.07);
-ms-transform: scale(1.07);
-o-transform: scale(1.07);
transform: scale(1.07);
}
section#activity .topList .outer ul li a h3 {
width: 100%;
padding: 9px 10px 10px 10px;
color: #fff;
font-size: 24px;
text-align: center;
line-height: 1.2;
background: url(../images/common/bg_h3.png) repeat left top;
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
}
section#activity .topList .outer .btn_b {
width: 50%;
max-width: 400px;
margin: 0 auto;
}
section#activity .topList .outer .btn_b a {
margin: 0 5px;
padding: 15px 0;
color: #000;
font-size: 14px;
text-align: center;
border: 1px solid #000;
display: block;
}
section#activity .topList .outer .btn_b a span {
padding: 0 0 0 20px;
background: url(../images/common/ico_btn_more_off.png) no-repeat left center;
}
section#activity .topList .outer .btn_b a:hover {
color: #fff;
border: 1px solid #333;
background: #333;
}
section#activity .topList .outer .btn_b a:hover span {
background: url(../images/common/ico_btn_more_on.png) no-repeat left center;
}
}

/*----------------------------------------------------
	COMPANY
----------------------------------------------------*/

@media screen and (min-width: 761px) {

section#company .content {
padding: 0 15px 15px 15px;
overflow: hidden;
}
section#company .title {
margin: 0 0 20px 0;
text-align: center;
position: relative;
}
section#company h2 {
padding: 40px 20px 10px 20px;
font-family: 'Oswald', sans-serif;
font-size: 30px;
text-align: center;
line-height: 1.3;
display: inline-block;
background: #f6f6f3;
z-index: 2;
position: relative;
}
section#company h2 span {
color: #de2b2b;
font-family: 'Noto Sans Japanese', sans-serif;
font-size: 14px;
font-weight: 500;
display: block;
}
section#company .title:after {
content: "";
width: 100%;
height: 1px;
margin: 0 auto;
background: #d7d7d7;
position: absolute;
top: 72px;
left: 0;
z-index: 1;
}
section#company .content .outer {
padding: 30px 30px 50px 30px;
background: #fff;
overflow: hidden;
}
section#company .content .outer .head {
overflow: hidden;
}
section#company .outer .head p.icon {
margin: 0 10px 0 0;
padding: 3px 10px 3px 23px;
color: #fff;
float: left;
display: inline-block;
}
section#company .content .outer .head dl {
line-height: 1;
}
section#company .content .outer .head dl dt {
margin: 0 10px 0 0;
padding: 6px 0 0 0;
font-size: 16px;
vertical-align: middle;
float: left;
}
section#company .content .outer .head dl dd {
padding: 4px 0 0 0;
font-size: 20px;
}
section#company .content .outer h3 {
margin: 0 0 30px 0;
padding: 5px 0;
font-weight: 500;
font-size: 24px;
border-bottom: 1px dotted #b8b8b0;
clear: both;
}
section#company .content .outer .left {
width: 400px;
float: left;
}
section#company .content .outer .left #image {
width: 100%;
overflow: hidden;
}
section#company .content .outer .left #image img {
width: 100%;
}
section#company .content .outer .left ul.tabs {
margin: 5px 0 0 0;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
overflow: hidden;
}
section#company .content .outer .left ul.tabs li {
width: 50%;
border-top: 1px solid #000;
border-right: 1px solid #000;
float: left;
}
section#company .content .outer .left ul.tabs li a {
padding: 7px 10px 7px 20px;
color: #000;
text-align: center;
display: block;
}
section#company .content .outer .left ul.tabs li.current a,
section#company .content .outer .left ul.tabs li:hover a {
color: #fff;
background: #000;
}
section#company .content .outer .left ul.tabs li:first-child a span {
padding: 0 0 0 26px;
background: url(../images/activity/ico_pic_off.png) no-repeat left center;
}
section#company .content .outer .left ul.tabs li:first-child.current span,
section#company .content .outer .left ul.tabs li:first-child a:hover span {
background: url(../images/activity/ico_pic_on.png) no-repeat left center;
}
section#company .content .outer .left ul.tabs li:last-child a span {
padding: 0 0 0 26px;
background: url(../images/activity/ico_movie_off.png) no-repeat left center;
}
section#company .content .outer .left ul.tabs li:last-child.current span,
section#company .content .outer .left ul.tabs li:last-child a:hover span {
background: url(../images/activity/ico_movie_on.png) no-repeat left center;
}
section#company .content .outer .left #movie {
display: none;
}
section#company .content .outer .left #movie iframe {
width: 100%;
}
section#company .content .outer .right {
width: 270px;
float: right;
}
section#company .content .outer .right .inner {
padding: 10px;
background: #f6f6f3;
}
section#company .content .outer .right .inner .box {
width: 100%;
padding: 10px;
color: #fff;
border-radius: 5px;
background: #70b517;
}
section#company .content .outer .right .inner .box dl {
margin: 0 0 7px 0;
border-bottom: 1px dotted #fff;
overflow: hidden;
}
section#company .content .outer .right .inner .box dl dt {
padding: 22px 0 0 0;
font-size: 14px;
float: left;
}
section#company .content .outer .right .inner .box dl dd {
font-size: 34px;
font-weight: 500;
float: right;
}
section#company .content .outer .right .inner .box dl dd span {
font-size: 18px;
}
section#company .content .outer .right .inner .box .btn a {
margin: 10px 0 0 0;
padding: 7px;
color: #4f8508;
font-size: 16px;
text-align: center;
border-radius: 5px;
background: #fff;
display: block;
}
section#company .content .outer .right .inner .box .btn a span {
padding: 0 0 2px 12px;
font-weight: 500;
background: url(../images/company/ico_btn.png) no-repeat left center;
}
section#company .content .outer .right .inner .box .btn a:hover {
background: #d8efbb;
}
section#company .content .outer .center {
width: calc(100% - 730px);
margin: 0 0 0 30px;
float: left;
}
section#company .content .outer .center table {
width: 100%;
font-size: 14px;
}
section#company .content .outer .center table th {
width: 110px;
padding: 10px;
text-align: left;
border: 1px solid #b8b8b0;
background: #f6f6f3;
}
section#company .content .outer .center table td {
padding: 10px;
border: 1px solid #b8b8b0;
}
section#company .content .outer ul.contentTabs {
margin: 0 0 40px 0;
padding: 60px 0 0 0;
overflow: hidden;
clear: both;
}
section#company .content .outer ul.contentTabs li {
width: 33.33%;
float: left;
}
section#company .content .outer ul.contentTabs li a {
width: 100%;
padding: 15px;
color: #000;
font-size: 18px;
text-align: center;
line-height: 1;
border-top: 1px solid #000;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
display: block;
}
section#company .content .outer ul.contentTabs li a span {
padding: 0 0 1px 20px;
background: url(../images/company/ico_tabs_b.png) no-repeat left center;
}
section#company .content .outer ul.contentTabs li:last-child {
border-right: 1px solid #000;
}
section#company .content .outer ul.contentTabs li:hover a,
section#company .content .outer ul.contentTabs li.current a {
color: #fff;
background: #000;
}
section#company .content .outer ul.contentTabs li:hover a span,
section#company .content .outer ul.contentTabs li.current a span {
background: url(../images/company/ico_tabs_w.png) no-repeat left center;
}
section#company .content .outer #contentTab2,
section#company .content .outer #contentTab3 {
display: none;
}
section#company .content .outer .contentTab .box {
margin: 0 0 40px 0;
}
section#company .content .outer .contentTab h4 {
margin: 0 0 10px 0;
padding: 0 0 5px 26px;
font-size: 20px;
border-bottom: 1px dotted #b8b8b0;
}
section#company .content .outer h4.h4_1 {
background: url(../images/company/ico_h4_1.png) no-repeat left 6px;
background-size: 22px auto;
}
section#company .content .outer h4.h4_2 {
background: url(../images/company/ico_h4_2.png) no-repeat left 6px;
background-size: 22px auto;
}
section#company .content .outer h4.h4_3 {
background: url(../images/company/ico_h4_3.png) no-repeat left 6px;
background-size: 22px auto;
}
section#company .content .outer h4.h4_4 {
background: url(../images/company/ico_h4_4.png) no-repeat left 6px;
background-size: 22px auto;
}
section#company .content .outer h4.h4_5 {
background: url(../images/company/ico_h4_5.png) no-repeat left 6px;
background-size: 22px auto;
}
section#company .content .outer .btn_b {
text-align: center;
}
section#company .content .outer .btn_b a {
width: 360px;
margin: 0 auto;
padding: 15px;
color: #fff;
font-size: 20px;
font-weight: 500;
border-radius: 5px;
background: #70b517;
display: block;
}
section#company .content .outer .btn_b a:hover {
background: #4e8309;
}
section#company .content .outer .btn_b a span {
padding: 0 0 0 15px;
background: url(../images/common/ico_btn_w.png) no-repeat left center;
}

/* ----- LIST ----- */

section#company .list {
padding: 0 15px;
overflow: hidden;
}
section#company .list .outer {
max-width: 1200px;
margin: 0 auto;
padding: 0 0 40px 0;
overflow: hidden;
}
section#company .list .outer ul{
margin: 0 0 20px -15px;
overflow:hidden;
}
section#company .list .outer ul li {
width: 25%;
padding: 0 0 15px 15px;
float:left;
position: relative;
}
section#company .list .outer ul li a {
color: #000;
display: block;
}
section#company .list .outer ul li a .inner {
border: 1px solid #e2e2dd;
background: #fff;
cursor: pointer;
}
section#company .list .outer ul li a .inner .image {
width: 100%;
overflow: hidden;
}
section#company .list .outer ul li a .image img {
width: 100%;
border-bottom: 1px solid #e2e2dd;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}
section#company .list .outer ul li a:hover img {
-webkit-transform: scale(1.07);
-moz-transform: scale(1.07);
-ms-transform: scale(1.07);
-o-transform: scale(1.07);
transform: scale(1.07);
}
section#company .list .outer ul li a p.icon {
padding: 3px 10px 3px 23px;
color: #fff;
position: absolute;
top: 1px;
left: 16px;
}
section#company .list .outer ul li a .inner h3 {
height: 40px;
margin: 10px 15px 15px 15px;
font-size: 16px;
line-height: 1.2;
overflow: hidden;
}
section#company .list .outer ul li a .inner h3 span {
max-height: 40px;
padding: 0 0 0 5px;
border-left: 5px solid #de2b2b;
overflow: hidden;
display: block;
}
section#company .list .outer ul li a .inner p.btn {
margin: 0 15px 15px 15px;
padding: 5px 0;
color: #000;
font-size: 14px;
text-align: center;
border: 1px solid #000;
display: block;
}
section#company .list .outer ul li a .inner p.btn span {
padding: 0 0 0 12px;
background: url(../images/common/ico_btn_b.png) no-repeat left center;
}
section#company .list .outer ul li a:hover .inner .btn {
color: #fff;
border: 1px solid #333;
background: #333;
}
section#company .list .outer ul li a:hover .inner .btn span {
background: url(../images/common/ico_btn_w.png) no-repeat left center;
}
section#company .popup {
width: 100%;
height: 100%;
background: url(../images/top/bg_event.png) repeat left top;
position: fixed;
top: 0;
left: 0;
z-index: 1000;
display: none;
}
section#company .popup .outer {
width: 100%;
height: 100%;
}
section#company .popup .inner {
padding: 20px 40px;
border-radius: 10px;
background: #fff;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
section#company .popup .inner dl {
text-align: center;
white-space: nowrap;
}
section#company .popup .inner dl dt {
margin: 0 0 10px 0;
padding: 0 20px 5px 20px;
font-size: 16px;
border-bottom: 1px dotted #b8b8b0;
}
section#company .popup .inner dl dd {
font-size: 30px;
}
section#company .popup .inner dl dd span {
padding: 0 0 0 40px;
color: #de2b2b;
font-weight: 500;
background: url(../images/company/ico_tel.png) no-repeat left center;
background-size: 34px auto;
}
section#company .popup .inner .close {
text-align: center;
}
section#company .popup .inner .close a {
margin: 40px 0 0 0;
padding: 5px 15px;
color: #fff;
border-radius: 5px;
background: #000;
display: inline-block;
}
}

@media screen and (max-width: 1020px) {
section#company .content .outer .left {
width: calc(100% - 300px);
float: left;
}
section#company .content .outer .center {
width: 100%;
margin: 0;
padding: 30px 0 0 0;
float: none;
clear: both;
}
section#company .list .outer ul li {
width: 33.33%;
}
}

@media screen and (max-width: 760px) {
section#company .content {
padding: 0 15px 15px 15px;
overflow: hidden;
}
section#company .content .title {
margin: 0 0 30px 0;
text-align: center;
position: relative;
}
section#company .content h2 {
padding: 40px 20px 10px 60px;
font-family: 'Oswald', sans-serif;
font-size: 36px;
text-align: center;
line-height: 1.3;
display: inline-block;
z-index: 2;
position: relative;
}
section#company .content h2.cat1 {
background: #f6f6f3 url(../images/common/ico_cat1_b.png) no-repeat 20px 46px;
}
section#company .content h2.cat2 {
background: #f6f6f3 url(../images/common/ico_cat2_b.png) no-repeat 20px 46px;
}
section#company .content h2.cat3 {
background: #f6f6f3 url(../images/common/ico_cat3_b.png) no-repeat 20px 46px;
}
section#company .content h2.cat4 {
background: #f6f6f3 url(../images/common/ico_cat4_b.png) no-repeat 20px 46px;
}
section#company .content h2.cat5 {
background: #f6f6f3 url(../images/common/ico_cat5_b.png) no-repeat 20px 46px;
}
section#company .content h2.cat6 {
background: #f6f6f3 url(../images/common/ico_cat6_b.png) no-repeat 20px 46px;
}
section#company .content h2 span {
margin: 0 0 0 -40px;
color: #de2b2b;
font-family: 'Noto Sans Japanese', sans-serif;
font-size: 20px;
font-weight: 500;
display: block;
}
section#company .content .title:after {
content: "";
width: 100%;
height: 1px;
margin: 0 auto;
background: #d7d7d7;
position: absolute;
top: 72px;
left: 0;
z-index: 1;
}
section#company .content .outer {
padding: 20px 20px 40px 20px;
background: #fff;
overflow: hidden;
}
section#company .content .outer .head {
overflow: hidden;
}
section#company .outer .head p.icon {
margin: 0 10px 0 0;
padding: 3px 10px 3px 23px;
color: #fff;
float: left;
display: inline-block;
}
section#company .content .outer .head dl {
line-height: 1;
}
section#company .content .outer .head dl dt {
margin: 0 10px 0 0;
padding: 5px 0 0 0;
font-size: 20px;
vertical-align: middle;
float: left;
}
section#company .content .outer .head dl dd {
font-size: 28px;
}
section#company .content .outer h3 {
margin: 0 0 20px 0;
padding: 10px 0 16px 0;
font-weight: 500;
font-size: 30px;
line-height: 1.4;
border-bottom: 1px dotted #b8b8b0;
clear: both;
}
section#company .content .outer .left {
width: 100%;
margin: 0 0 20px 0;
}
section#company .content .outer .left #image {
width: 100%;
overflow: hidden;
}
section#company .content .outer .left #image img {
width: 100%;
}
section#company .content .outer .left ul.tabs {
margin: 5px 0 0 0;
font-size: 24px;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
overflow: hidden;
}
section#company .content .outer .left ul.tabs li {
width: 50%;
border-top: 1px solid #000;
border-right: 1px solid #000;
float: left;
}
section#company .content .outer .left ul.tabs li a {
padding: 10px 10px 10px 20px;
color: #000;
text-align: center;
display: block;
}
section#company .content .outer .left ul.tabs li.current a,
section#company .content .outer .left ul.tabs li:hover a {
color: #fff;
background: #000;
}
section#company .content .outer .left ul.tabs li:first-child a span {
padding: 0 0 0 40px;
background: url(../images/activity/ico_pic_off.png) no-repeat left center;
background-size: 32px auto;
}
section#company .content .outer .left ul.tabs li:first-child.current span,
section#company .content .outer .left ul.tabs li:first-child a:hover span {
background: url(../images/activity/ico_pic_on.png) no-repeat left center;
background-size: 32px auto;
}
section#company .content .outer .left ul.tabs li:last-child a span {
padding: 0 0 0 40px;
background: url(../images/activity/ico_movie_off.png) no-repeat left center;
background-size: 32px auto;
}
section#company .content .outer .left ul.tabs li:last-child.current span,
section#company .content .outer .left ul.tabs li:last-child a:hover span {
background: url(../images/activity/ico_movie_on.png) no-repeat left center;
background-size: 32px auto;
}
section#company .content .outer .left #movie {
display: none;
}
section#company .content .outer .left #movie iframe {
width: 100%;
}
section#company .content .outer .right {
width: 100%;
float: right;
}
section#company .content .outer .right .inner {
padding: 20px;
background: #f6f6f3;
}
section#company .content .outer .right .inner .box {
width: 100%;
padding: 20px;
color: #fff;
font-size: 24px;
border-radius: 10px;
background: #70b517;
}
section#company .content .outer .right .inner .box dl {
margin: 0 0 20px 0;
border-bottom: 1px dotted #fff;
overflow: hidden;
}
section#company .content .outer .right .inner .box dl dt {
padding: 18px 20px 0 0;
font-size: 28px;
float: left;
}
section#company .content .outer .right .inner .box dl dd {
font-size: 44px;
font-weight: 500;
float: left;
}
section#company .content .outer .right .inner .box dl dd span {
padding: 0 0 0 10px;
font-size: 32px;
}
section#company .content .outer .right .inner .box .btn a {
margin: 20px 0 0 0;
padding: 7px;
color: #4f8508;
font-size: 32px;
text-align: center;
border-radius: 5px;
background: #fff;
display: block;
}
section#company .content .outer .right .inner .box .btn a span {
padding: 0 0 2px 20px;
font-weight: 500;
background: url(../images/company/ico_btn_sp.png) no-repeat left center;
}
section#company .content .outer .right .inner .box .btn a:hover {
background: #d8efbb;
}
section#company .content .outer .center {
width: 100%;
float: left;
}
section#company .content .outer .center table {
width: 100%;
font-size: 24px;
}
section#company .content .outer .center table th {
width: 200px;
padding: 15px;
text-align: left;
border: 1px solid #b8b8b0;
background: #f6f6f3;
}
section#company .content .outer .center table td {
padding: 15px;
border: 1px solid #b8b8b0;
}
section#company .content .outer ul.contentTabs {
margin: 0 0 40px 0;
padding: 60px 0 0 0;
overflow: hidden;
clear: both;
}
section#company .content .outer ul.contentTabs li {
width: 33.33%;
float: left;
}
section#company .content .outer ul.contentTabs li:nth-child(1) {
width: 30%;
}
section#company .content .outer ul.contentTabs li:nth-child(2) {
width: 40%;
}
section#company .content .outer ul.contentTabs li:nth-child(3) {
width: 30%;
}
section#company .content .outer ul.contentTabs li a {
width: 100%;
padding: 20px;
color: #000;
font-size: 22px;
text-align: center;
line-height: 1;
border-top: 1px solid #000;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
display: block;
}
section#company .content .outer ul.contentTabs li a span {
padding: 0 0 1px 20px;
background: url(../images/company/ico_tabs_b.png) no-repeat left center;
}
section#company .content .outer ul.contentTabs li:last-child {
border-right: 1px solid #000;
}
section#company .content .outer ul.contentTabs li:hover a,
section#company .content .outer ul.contentTabs li.current a {
color: #fff;
background: #000;
}
section#company .content .outer ul.contentTabs li:hover a span,
section#company .content .outer ul.contentTabs li.current a span {
background: url(../images/company/ico_tabs_w.png) no-repeat left center;
}
section#company .content .outer #contentTab2,
section#company .content .outer #contentTab3 {
display: none;
}
section#company .content .outer .contentTab .box {
margin: 0 0 40px 0;
font-size: 24px;
}
section#company .content .outer .contentTab h4 {
margin: 0 0 10px 0;
padding: 0 0 5px 40px;
font-size: 32px;
border-bottom: 1px dotted #b8b8b0;
}
section#company .content .outer h4.h4_1 {
background: url(../images/company/ico_h4_1.png) no-repeat left 10px;
background-size: 36px auto;
}
section#company .content .outer h4.h4_2 {
background: url(../images/company/ico_h4_2.png) no-repeat left 10px;
background-size: 36px auto;
}
section#company .content .outer h4.h4_3 {
background: url(../images/company/ico_h4_3.png) no-repeat left 10px;
background-size: 36px auto;
}
section#company .content .outer h4.h4_4 {
background: url(../images/company/ico_h4_4.png) no-repeat left 10px;
background-size: 36px auto;
}
section#company .content .outer h4.h4_5 {
background: url(../images/company/ico_h4_5.png) no-repeat left 10px;
background-size: 36px auto;
}
section#company .content .outer .btn_b {
text-align: center;
}
section#company .content .outer .btn_b a {
width: 480px;
margin: 0 auto;
padding: 25px;
color: #fff;
font-size: 32px;
font-weight: 500;
line-height: 1;
border-radius: 5px;
background: #70b517;
display: block;
}
section#company .content .outer .btn_b a:hover {
background: #4e8309;
}
section#company .content .outer .btn_b a span {
padding: 0 0 2px 30px;
background: url(../images/common/ico_btn_w_sp.png) no-repeat left center;
}

/* ----- LIST ----- */

section#company .list {
padding: 0 15px;
overflow: hidden;
}
section#company .list .title {
margin: 0 0 30px 0;
text-align: center;
position: relative;
}
section#company .list h2 {
padding: 40px 20px 10px 20px;
font-family: 'Oswald', sans-serif;
font-size: 36px;
text-align: center;
line-height: 1.3;
display: inline-block;
background: #f6f6f3;
z-index: 2;
position: relative;
}
section#company .list h2 span {
color: #de2b2b;
font-family: 'Noto Sans Japanese', sans-serif;
font-size: 20px;
font-weight: 500;
display: block;
}
section#company .list .title:after {
content: "";
width: 100%;
height: 1px;
margin: 0 auto;
background: #d7d7d7;
position: absolute;
top: 72px;
left: 0;
z-index: 1;
}
section#company .list p.desc {
margin: 0 0 20px 0;
font-size: 30px;
}
section#company .list .outer {
max-width: 1200px;
margin: 0 auto;
padding: 0 0 40px 0;
overflow: hidden;
}
section#company .list .outer ul {
margin: 0 0 20px -15px;
overflow:hidden;
}
section#company .list .outer ul li {
width: 50%;
padding: 0 0 15px 15px;
float:left;
position: relative;
}
section#company .list .outer ul li a {
color: #000;
display: block;
}
section#company .list .outer ul li a .inner {
border: 1px solid #e2e2dd;
background: #fff;
cursor: pointer;
}
section#company .list .outer ul li a .inner .image {
width: 100%;
overflow: hidden;
}
section#company .list .outer ul li a .image img {
width: 100%;
border-bottom: 1px solid #e2e2dd;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}
section#company .list .outer ul li a:hover img {
-webkit-transform: scale(1.07);
-moz-transform: scale(1.07);
-ms-transform: scale(1.07);
-o-transform: scale(1.07);
transform: scale(1.07);
}
section#company .list .outer ul li a p.icon {
padding: 3px 10px 3px 23px;
color: #fff;
position: absolute;
top: 1px;
left: 16px;
}
section#company .list .outer ul li a .inner h3 {
height: 60px;
margin: 10px 15px 15px 15px;
font-size: 24px;
line-height: 1.2;
overflow: hidden;
}
section#company .list .outer ul li a .inner h3 span {
max-height: 60px;
padding: 0 0 0 6px;
border-left: 6px solid #de2b2b;
overflow: hidden;
display: block;
}
section#company .list .outer ul li a .inner p.btn {
margin: 0 20px 20px 20px;
padding: 10px 0;
color: #000;
font-size: 20px;
line-height: 1;
text-align: center;
border: 1px solid #000;
display: block;
}
section#company .list .outer ul li a .inner p.btn span {
padding: 0 0 0 15px;
background: url(../images/common/ico_btn_b.png) no-repeat left center;
}
section#company .list .outer ul li a:hover .inner .btn {
color: #fff;
border: 1px solid #333;
background: #333;
}
section#company .list .outer ul li a:hover .inner .btn span {
background: url(../images/common/ico_btn_w.png) no-repeat left center;
}
section#company .popup {
width: 100%;
height: 100%;
background: url(../images/top/bg_event.png) repeat left top;
position: fixed;
top: 0;
left: 0;
z-index: 1000;
display: none;
}
section#company .popup .outer {
width: 100%;
height: 100%;
}
section#company .popup .inner {
padding: 20px 40px;
border-radius: 10px;
background: #fff;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
section#company .popup .inner dl {
text-align: center;
white-space: nowrap;
}
section#company .popup .inner dl dt {
margin: 0 0 10px 0;
padding: 0 20px 10px 20px;
font-size: 24px;
border-bottom: 1px dotted #b8b8b0;
}
section#company .popup .inner dl dd {
font-size: 36px;
}
section#company .popup .inner dl dd span {
padding: 0 0 0 50px;
color: #de2b2b;
background: url(../images/company/ico_tel.png) no-repeat left center;
background-size: 40px auto;
}
section#company .popup .inner .close {
text-align: center;
}
section#company .popup .inner .close a {
margin: 40px 0 0 0;
padding: 10px 20px;
color: #fff;
font-size: 24px;
border-radius: 10px;
background: #000;
display: inline-block;
}
}

/*----------------------------------------------------
	REGION
----------------------------------------------------*/

@media screen and (min-width: 761px) {

/* ----- LIST ----- */

section#region .list {
padding: 0 15px;
overflow: hidden;
}
section#region .list .title {
margin: 0 0 20px 0;
text-align: center;
position: relative;
}
section#region .list h2 {
padding: 40px 20px 10px 20px;
font-family: 'Oswald', sans-serif;
font-size: 30px;
text-align: center;
line-height: 1.3;
display: inline-block;
background: #f6f6f3;
z-index: 2;
position: relative;
}
section#region .list h2 span {
color: #de2b2b;
font-family: 'Noto Sans Japanese', sans-serif;
font-size: 14px;
font-weight: 500;
display: block;
}
section#region .list .title:after {
content: "";
width: 100%;
height: 1px;
margin: 0 auto;
background: #d7d7d7;
position: absolute;
top: 72px;
left: 0;
z-index: 1;
}
section#region .list p.desc {
margin: 0 0 20px 0;
}
section#region .list .outer {
max-width: 1200px;
margin: 0 auto;
padding: 0 0 40px 0;
overflow: hidden;
}
section#region .list .outer ul{
margin: 0 0 20px -15px;
overflow:hidden;
}
section#region .list .outer ul li {
width: 25%;
padding: 0 0 15px 15px;
float:left;
position: relative;
}
section#region .list .outer ul li a {
color: #000;
display: block;
}
section#region .list .outer ul li a .inner {
border: 1px solid #e2e2dd;
background: #fff;
cursor: pointer;
}
section#region .list .outer ul li a .inner .image {
width: 100%;
overflow: hidden;
}
section#region .list .outer ul li a .image img {
width: 100%;
border-bottom: 1px solid #e2e2dd;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}
section#region .list .outer ul li a:hover img {
-webkit-transform: scale(1.07);
-moz-transform: scale(1.07);
-ms-transform: scale(1.07);
-o-transform: scale(1.07);
transform: scale(1.07);
}
section#region .list .outer ul li a p.icon {
padding: 3px 10px 3px 23px;
color: #fff;
position: absolute;
top: 1px;
left: 16px;
}
section#region .list .outer ul li a .inner dl {
height: 93px;
margin: 10px 15px 10px 15px;
overflow: hidden;
}
section#region .list .outer ul li a .inner dl dt {
max-height: 38px;
margin: 0 0 5px 0;
padding: 0 0 0 5px;
font-size: 16px;
line-height: 1.2;
overflow: hidden;
}
section#region .list .outer ul li a .inner dl dt.pin1 { border-left: 5px solid #97be1a }
section#region .list .outer ul li a .inner dl dt.pin2 { border-left: 5px solid #de187a }
section#region .list .outer ul li a .inner dl dt.pin3 { border-left: 5px solid #1b98d6 }
section#region .list .outer ul li a .inner dl dt.pin4 { border-left: 5px solid #f19c18 }
section#region .list .outer ul li a .inner dl dt.pin5 { border-left: 5px solid #df1014 }
section#region .list .outer ul li a .inner dl dt.pin6 { border-left: 5px solid #22913b }
section#region .list .outer ul li a .inner dl dt.pin7 { border-left: 5px solid #961176 }
section#region .list .outer ul li a .inner dl dt.pin8 { border-left: 5px solid #0e6caa }
section#region .list .outer ul li a .inner dl dd {
font-size: 14px;
overflow: hidden;
}
section#region .list .outer ul li a .inner p.btn {
margin: 0 15px 15px 15px;
padding: 5px 0;
color: #000;
font-size: 14px;
text-align: center;
border: 1px solid #000;
display: block;
}
section#region .list .outer ul li a .inner p.btn span {
padding: 0 0 0 12px;
background: url(../images/common/ico_btn_b.png) no-repeat left center;
}
section#region .list .outer ul li a:hover .inner .btn {
color: #fff;
border: 1px solid #333;
background: #333;
}
section#region .list .outer ul li a:hover .inner .btn span {
background: url(../images/common/ico_btn_w.png) no-repeat left center;
}
section#region .list .outer .btn_b {
width: 50%;
max-width: 400px;
margin: 0 auto 60px;
}
section#region .list .outer .btn_b a {
margin: 0 5px;
padding: 15px 0;
color: #000;
font-size: 14px;
text-align: center;
border: 1px solid #000;
display: block;
}
section#region .list .outer .btn_b a span {
padding: 0 0 0 20px;
background: url(../images/common/ico_btn_more_off.png) no-repeat left center;
}
section#region .list .outer .btn_b a:hover {
color: #fff;
border: 1px solid #333;
background: #333;
}
section#region .list .outer .btn_b a:hover span {
background: url(../images/common/ico_btn_more_on.png) no-repeat left center;
}
}

@media screen and (max-width: 760px) {

/* ----- LIST ----- */

section#region .list {
padding: 0 15px;
overflow: hidden;
}
section#region .list .title {
margin: 0 0 30px 0;
text-align: center;
position: relative;
}
section#region .list h2 {
padding: 40px 20px 10px 20px;
font-family: 'Oswald', sans-serif;
font-size: 36px;
text-align: center;
line-height: 1.3;
display: inline-block;
background: #f6f6f3;
z-index: 2;
position: relative;
}
section#region .list h2 span {
color: #de2b2b;
font-family: 'Noto Sans Japanese', sans-serif;
font-size: 20px;
font-weight: 500;
display: block;
}
section#region .list .title:after {
content: "";
width: 100%;
height: 1px;
margin: 0 auto;
background: #d7d7d7;
position: absolute;
top: 72px;
left: 0;
z-index: 1;
}
section#region .list p.desc {
margin: 0 0 20px 0;
font-size: 30px;
}
section#region .list .outer {
max-width: 1200px;
margin: 0 auto;
padding: 0 0 40px 0;
overflow: hidden;
}
section#region .list .outer ul{
margin: 0 0 20px -15px;
overflow:hidden;
}
section#region .list .outer ul li {
width: 50%;
padding: 0 0 15px 15px;
float:left;
position: relative;
}
section#region .list .outer ul li a {
color: #000;
display: block;
}
section#region .list .outer ul li a .inner {
border: 1px solid #e2e2dd;
background: #fff;
cursor: pointer;
}
section#region .list .outer ul li a .inner .image {
width: 100%;
overflow: hidden;
}
section#region .list .outer ul li a .image img {
width: 100%;
border-bottom: 1px solid #e2e2dd;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}
section#region .list .outer ul li a:hover img {
-webkit-transform: scale(1.07);
-moz-transform: scale(1.07);
-ms-transform: scale(1.07);
-o-transform: scale(1.07);
transform: scale(1.07);
}
section#region .list .outer ul li a p.icon {
padding: 3px 10px 3px 23px;
color: #fff;
position: absolute;
top: 1px;
left: 16px;
}
section#region .list .outer ul li a .inner dl {
height: 140px;
margin: 20px;
overflow: hidden;
}
section#region .list .outer ul li a .inner dl dt {
max-height: 38px;
margin: 0 0 5px 0;
padding: 0 0 0 5px;
font-size: 24px;
line-height: 1.2;
overflow: hidden;
}
section#region .list .outer ul li a .inner dl dt.pin1 { border-left: 5px solid #97be1a }
section#region .list .outer ul li a .inner dl dt.pin2 { border-left: 5px solid #de187a }
section#region .list .outer ul li a .inner dl dt.pin3 { border-left: 5px solid #1b98d6 }
section#region .list .outer ul li a .inner dl dt.pin4 { border-left: 5px solid #f19c18 }
section#region .list .outer ul li a .inner dl dt.pin5 { border-left: 5px solid #df1014 }
section#region .list .outer ul li a .inner dl dt.pin6 { border-left: 5px solid #22913b }
section#region .list .outer ul li a .inner dl dt.pin7 { border-left: 5px solid #961176 }
section#region .list .outer ul li a .inner dl dt.pin8 { border-left: 5px solid #0e6caa }
section#region .list .outer ul li a .inner dl dd {
font-size: 22px;
overflow: hidden;
}
section#region .list .outer ul li a .inner p.btn {
margin: 0 20px 20px 20px;
padding: 10px 0;
color: #000;
font-size: 20px;
line-height: 1;
text-align: center;
border: 1px solid #000;
display: block;
}
section#region .list .outer ul li a .inner p.btn span {
padding: 0 0 0 15px;
background: url(../images/common/ico_btn_b.png) no-repeat left center;
}
section#region .list .outer ul li a:hover .inner .btn {
color: #fff;
border: 1px solid #333;
background: #333;
}
section#region .list .outer ul li a:hover .inner .btn span {
background: url(../images/common/ico_btn_w.png) no-repeat left center;
}
section#region .list .outer .btn_b {
width: 100%;
margin: 0 auto 60px;
}
section#region .list .outer .btn_b a {
margin: 0 5px;
padding: 15px 0;
color: #000;
font-size: 28px;
text-align: center;
border: 1px solid #000;
display: block;
}
section#region .list .outer .btn_b a span {
padding: 0 0 0 30px;
background: url(../images/common/ico_btn_more_sp_off.png) no-repeat left center;
}
section#region .list .outer .btn_b a:hover {
color: #fff;
border: 1px solid #333;
background: #333;
}
section#region .list .outer .btn_b a:hover span {
background: url(../images/common/ico_btn_more_sp_on.png) no-repeat left center;
}
}

/*----------------------------------------------------
	EVENT
----------------------------------------------------*/

@media screen and (min-width: 761px) {

section#event {
padding: 0 15px;
overflow: hidden;
}
section#event .title {
margin: 0 0 20px 0;
text-align: center;
position: relative;
}
section#event h2 {
padding: 40px 20px 10px 20px;
font-family: 'Oswald', sans-serif;
font-size: 30px;
text-align: center;
line-height: 1.3;
display: inline-block;
background: #f6f6f3;
z-index: 2;
position: relative;
}
section#event h2 span {
color: #de2b2b;
font-family: 'Noto Sans Japanese', sans-serif;
font-size: 14px;
font-weight: 500;
display: block;
}
section#event .title:after {
content: "";
width: 100%;
height: 1px;
margin: 0 auto;
background: #d7d7d7;
position: absolute;
top: 72px;
left: 0;
z-index: 1;
}
section#event p.desc {
margin: 0 0 20px 0;
}
section#event .outer {
max-width: 1200px;
margin: 0 auto;
padding: 0 0 20px 0;
overflow: hidden;
}
section#event .outer ul{
margin: 0 0 0 -15px;
overflow:hidden;
}
section#event .outer ul li {
width: 33.33%;
margin: 0 0 15px 0;
padding: 0 0 0 15px;
float:left;
overflow: hidden;
}
section#event .outer ul li a {
color: #000;
}
section#event .outer ul li a .inner {
width: 100%;
overflow: hidden;
position: relative;
cursor: pointer;
}
section#event .outer ul li a .image {
width: 100%;
margin: 0 0 10px 0;
border: 1px solid #d7d7d7;
overflow: hidden;
}
section#event .outer ul li a .image img {
width: 100%;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}
section#event .outer ul li a:hover .image img {
-webkit-transform: scale(1.07);
-moz-transform: scale(1.07);
-ms-transform: scale(1.07);
-o-transform: scale(1.07);
transform: scale(1.07);
}
section#event .outer ul li a .inner h3 {
width: 100%;
padding: 9px 10px 10px 10px;
color: #fff;
font-size: 16px;
text-align: center;
line-height: 1.2;
border-radius: 0 0 5px 5px;
background: url(../images/common/bg_h3.png) repeat left top;
position: absolute;
left: 0;
bottom: 0;
}
section#event .outer ul li a .inner p.txt {
height: 46px;
margin: 0 0 20px 0;
overflow: hidden;
}
section#event .outer ul li a .inner p.btn {
width: 200px;
margin: 0 auto 20px auto;
padding: 7px 0;
color: #000;
text-align: center;
border: 1px solid #000;
display: block;
}
section#event .outer ul li a .inner .btn span {
padding: 0 0 0 12px;
background: url(../images/common/ico_btn_b.png) no-repeat left center;
}
section#event .outer ul li a .inner:hover .btn {
color: #fff;
border: 1px solid #333;
background: #333;
}
section#event .outer ul li a .inner:hover .btn span {
background: url(../images/common/ico_btn_w.png) no-repeat left center;
}
}

@media screen and (max-width: 760px) {


section#event {
padding: 0 15px;
overflow: hidden;
}
section#event .title {
margin: 0 0 30px 0;
text-align: center;
position: relative;
}
section#event h2 {
padding: 40px 20px 10px 20px;
font-family: 'Oswald', sans-serif;
font-size: 36px;
text-align: center;
line-height: 1.3;
display: inline-block;
background: #f6f6f3;
z-index: 2;
position: relative;
}
section#event h2 span {
color: #de2b2b;
font-family: 'Noto Sans Japanese', sans-serif;
font-size: 20px;
font-weight: 500;
display: block;
}
section#event .title:after {
content: "";
width: 100%;
height: 2px;
margin: 0 auto;
background: #d7d7d7;
position: absolute;
top: 78px;
left: 0;
z-index: 1;
}
section#event p.desc {
margin: 0 0 20px 0;
font-size: 30px;
}
section#event .outer {
margin: 0 auto;
padding: 0 0 40px 0;
overflow: hidden;
}
section#event .outer ul{
margin: 0 0 0 -15px;
overflow:hidden;
}
section#event .outer ul li {
width: 50%;
padding: 0 0 0 15px;
float:left;
overflow: hidden;
}
section#event .outer ul li:nth-child(3) {
display: none;
}
section#event .outer ul li a {
color: #000;
}
section#event .outer ul li a .inner {
width: 100%;
overflow: hidden;
position: relative;
cursor: pointer;
}
section#event .outer ul li a .image {
width: 100%;
margin: 0 0 10px 0;
border: 1px solid #d7d7d7;
overflow: hidden;
}
section#event .outer ul li a img {
width: 100%;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}
section#event .outer ul li a:hover img {
-webkit-transform: scale(1.07);
-moz-transform: scale(1.07);
-ms-transform: scale(1.07);
-o-transform: scale(1.07);
transform: scale(1.07);
}
section#event .outer ul li a .inner h3 {
width: 100%;
padding: 9px 10px 10px 10px;
color: #fff;
font-size: 16px;
text-align: center;
line-height: 1.2;
border-radius: 0 0 5px 5px;
background: url(../images/common/bg_h3.png) repeat left top;
position: absolute;
left: 0;
bottom: 0;
}
section#event .outer ul li a .inner p.txt {
margin: 0 0 20px 0;
font-size: 24px;
overflow: hidden;
}
section#event .outer ul li a .inner p.btn {
width: 100%;
margin: 0 auto;
padding: 7px 0;
color: #000;
font-size: 24px;
text-align: center;
border: 1px solid #000;
display: block;
}
section#event .outer ul li a .inner .btn span {
padding: 0 0 0 20px;
background: url(../images/common/ico_btn_b.png) no-repeat left center;
}
}

/*----------------------------------------------------
	EVENT DETAIL
----------------------------------------------------*/

@media screen and (min-width: 761px) {

section#eventDetail .head {
overflow: hidden;
position: relative;
}
section#eventDetail .head .bg {
height: 500px;
padding: 0 0 40px 0;
background: url(../images/top/bg_event.png) repeat left top;
}
section#eventDetail .head .image {
display: none;
}
section#eventDetail .head .title {
margin: 0 20px;
font-family: 'Noto Sans Japanese', sans-serif;
text-align: center;
position: relative;
overflow: hidden;
}
section#eventDetail .head h2 {
padding: 40px 20px 10px 20px;
color: #fff;
font-family: 'Oswald', sans-serif;
font-size: 30px;
text-align: center;
line-height: 1.3;
display: inline-block;
z-index: 2;
position: relative;
overflow: hidden;
}
section#eventDetail .head h2 span {
color: #fff;
font-size: 14px;
font-weight: 500;
display: block;
}
section#eventDetail .head .title:after {
content: "";
width: 100%;
height: 1px;
margin: 0 auto;
background: url(../images/top/border_event_h2.gif) no-repeat center center;
position: absolute;
top: 72px;
left: 0;
z-index: 1;
}
section#eventDetail .head h3 {
width: 100%;
margin: 50px 0 0 0;
padding: 0 50px;
text-align: center;
color: #fff;
font-size: 34px;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
section#eventDetail .content {
max-width: 1200px;
margin: 0 auto;
padding: 80px 50px;
font-size: 16px;
}
section#eventDetail .content h4 {
width: 100%;
height: auto;
font-size: 20px;
text-align: center;
}
section#eventDetail .content h4:after {
content: '';
width: 40px;
height: 4px;
margin: 17px auto 30px;
background: #de2b2b;
display: block;
}
section#eventDetail .content p {
margin: 0 0 30px 0;
padding: 0 100px;
}
section#eventDetail .content img {
width: 100%;
margin: 0 0 30px 0;
}




}

@media screen and (max-width: 760px) {

section#eventDetail .head {
position: relative;
}
section#eventDetail .head .bg {
height: 400px;
padding: 0 0 40px 0;
background: url(../images/top/bg_event.png) repeat left top;
}
section#eventDetail .head .image {
display: none;
}
section#eventDetail .head .title {
margin: 0 15px;
text-align: center;
position: relative;
}
section#eventDetail .head h2 {
padding: 40px 20px 10px 20px;
font-family: 'Oswald', sans-serif;
font-size: 36px;
color: #fff;
text-align: center;
line-height: 1.3;
display: inline-block;
z-index: 2;
position: relative;
}
section#eventDetail .head h2 span {
font-family: 'Noto Sans Japanese', sans-serif;
font-size: 20px;
font-weight: 500;
display: block;
}
section#eventDetail .head .title:after {
content: "";
width: 100%;
height: 2px;
margin: 0 auto;
background: url(../images/top/border_event_h2.gif) no-repeat center center;
position: absolute;
top: 78px;
left: 0;
z-index: 1;
}
section#eventDetail .head h3 {
width: 100%;
margin: 50px 0 0 0;
padding: 0 50px;
text-align: center;
color: #fff;
font-size: 34px;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
section#eventDetail .content {
padding: 40px 30px;
font-size: 16px;
}
section#eventDetail .content h4 {
width: 100%;
font-size: 20px;
text-align: center;
}
section#eventDetail .content h4:after {
content: '';
width: 40px;
height: 4px;
margin: 17px auto 30px;
background: #de2b2b;
display: block;
}
section#eventDetail .content p {
margin: 0 0 30px 0;
font-size: 24px;
}
section#eventDetail .content img {
width: 100%;
height: auto;
margin: 0 0 30px 0;
}

}