@charset "utf-8";

html, body{
	-webkit-text-size-adjust: none;
}
body, textarea{
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	font-size: 87.5%;/* 12px */
	color: #333;
	line-height: 1;
	background: #fff;
}
a:link, a:visited{
	color: #000;
	text-decoration: none;
}
a:hover, a:active{
	color: #999;
	text-decoration: none;
}
p{
	line-height: 2;
}
strong{
	font-size: 20px;
	font-weight: normal;
}
mark{
	background: #e6ff00;
}
#container{
	position: relative;
	min-height: 100%;
	overflow: hidden;
}


/* CommonStyle
----------------------------------------------------------------------*/
header div:before, header div:after,
aside:before, aside:after,
section:before, section:after,
.columnTwo:before, .columnTwo:after,
footer > div:before, footer > div:after{
	content: "";
	display: table;
}
header div:after,
aside:after,
section:after,
.columnTwo:after,
footer > div:after{
	clear: both;
}
header div,
aside,
section,
columnTwo,
footer > div{
	zoom: 1;
	width: 100%;
	margin: 0 auto;
	position: relative;
}
header div,
footer > div{
	max-width: 1200px;
	width: 100%;
}
.columnTwo{
	width: 800px;
}



.btnDetail{
	display: block;
	height: 40px;
	width: 84px;
	padding-left: 40px;
	background-color: #000;
	background-image: url(../img/ico_arrow.png);
	background-position: 16px center;
	background-repeat: no-repeat;
	float: right;
	overflow: hidden;
	font-size: 14px;
}
.btnDetail:link, .btnDetail:visited,
.btnDetail:hover, .btnDetail:active{
	color: #fff;
}
.btnDetail:hover, .btnDetail:active{
	background-color: #ccc;
}
.btnDetail span{
	display: inline-block;
	width: 200px;
}



h2 > div, h3 > div{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 40px;
}
#contents h3 .btnDetail{
	background-color: #999;
}
#contents h3 .btnDetail:link, #contents h3 .btnDetail:visited,
#contents h3 .btnDetail:hover, #contents h3 .btnDetail:active{
	color: #fff;
	text-decoration: none;
}
#contents h3 .btnDetail:hover, #contents h3 .btnDetail:active{
	background-color: #ccc;
}
h3 .btnDetail span{
	display: inline-block;
	width: 200px;
}



.icoTri{
	background-image: url(../img/ico_tri.png);
	background-position: left .75em;
	background-repeat: no-repeat;
	padding-left: 10px;
}
.btnDownload{
	text-align: center;
	margin-top: 20px;
}
button, button:focus{
	border: none;
	outline: none;
}

.shareIcon{
	text-align: right;
	margin-top: 50px;
	max-width: 800px;
}
/* header
----------------------------------------------------------------------*/
header{
	height: 200px;
	border-top: solid 5px #000;
	min-width: 900px;
}
header h1{
	float: left;
	padding: 40px 0 40px 40px;
}
header h1 img{
	max-width: 350px;
}
header p{
	float: right;
	height: 130px;
	padding: 70px 75px 0;
	border-left: solid 1px #ccc;
	font-size: 12px;
}
header >a + div{
	position: absolute;
	z-index: 100;
	border-radius: 0 0 0 4px;
	background-color: #000;
	top: 0;
	right: 0;
	width: 200px;
	height: 35px;
	display: none;/* 一時非表示140417 */
}
header > a{
	position: absolute;
	z-index: 200;
	right: 0;
	width: 200px;
	text-align: center;
	padding: .2em 0;
	display: none;/* 一時非表示140417 */
}
header > a:link, header > a:visited,
header > a:hover, header > a:active{
	color: #fff;
	text-decoration: none;
}
header > a img{
	padding-right: .5em;
}



/* nav
----------------------------------------------------------------------*/
nav{
	float: left;
	width: 50%;
	margin: 50px 0 0 -300px;
}
nav ul{
	margin-right: 20px;
}
nav li{
	text-align: right;
	border-bottom: solid 1px #999;
	height: 50px;
	overflow: hidden;
	position: relative;
}
nav li a{
	display: block;
	padding: 20px 1em 20px 0;
	position: absolute;
	z-index: 20;
	right: 0;
	width: 100%;
	height: 50px;
}
nav li a:hover{
	color: #fff;
	text-decoration: none;
}
nav li div{
	background: #000;
	width: 100%;
	height: 60px;
	position: absolute;
	z-index: 10;
	bottom: -60px;
}



/* aside
----------------------------------------------------------------------*/
aside{
	/*width: 800px;*/
	width: 500px;
	height: 240px;
	overflow: hidden;
	border: solid 1px #999;
	margin: 100px auto 525px;
}



/* footer
----------------------------------------------------------------------*/
footer{
	background: url(../img/bg_footer.png) center 141px repeat-x;
	color: #666;
	text-align: right;
	font-size: 12px;
	position: absolute;
	bottom: 0;
	height: 500px;
	width: 100%;
}
footer a:link, footer a:visited{
	color: #999;
	text-decoration: none;
}
footer a:hover, footer a:active{
	color: #ccc;
	text-decoration: underline;
}
footer h1{
	float: left;
	margin-top: 40px;
}
footer ul{
	letter-spacing: -.4em;
}
footer li{
	display: inline-block;
	line-height: 1;
	margin: 90px 0 10px 1.5em;
	padding-left: 1.5em;
	border-left: solid 1px #999;
	letter-spacing: normal;
}
footer li:first-child{
	margin-left: 0;
	padding-left: 0;
	border-left: none;
}
footer small{
	display: block;
	font-size: 10px;
}
footer div + div{
	width: 80px;
	height: 160px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -40px;
	bottom: 0;
}
#return{
	display: block;
	width: 80px;
	height: 100px;
	margin: 155px auto 0;
	padding: 20px 0 0;
	background: #333;
	text-align: center;
}



/* TopPage
----------------------------------------------------------------------*/
#recommend{
	width: 100%;
	height: 400px;
	overflow: hidden;
	background: #fff;
	margin-bottom: 4px;
}
#recommend ul{
	margin: 0 auto;
	text-align: center;
	letter-spacing: -.4em;
}
#recommend li{
	letter-spacing: normal;
	display: inline-block;
	text-align: left;
	overflow: hidden;
	border: solid 2px #fff;
}
#recommend a{
	position: relative;
	display: block;
	height: 200px;
	width: 200px;
}
#recommend img{
	width: 100%;
	position: absolute;
}
#recommend div{
	background: url(../img/bg_caption.png);
	font-size: 12px;
	padding: 10px;
	width: 100%;
	position: absolute;
	top: 200px;
}
#recommend p{
	line-height: 1.4;
	padding-bottom: 5px;
}
#recommend h3{
	font-weight: bold;
}
#recommend a:hover{
	color: #fff;
}



#message{
	padding-left: 50%;
	margin-left: -206px;
	border-left: solid 1px #ccc;
}
#message > div{
	margin-left: 5px;
	padding: 50px 100px 100px ;
	border-right: solid 1px #ccc;
	max-width: 600px;
	position: relative;
}
#message p:first-child{
	font-size: 30px;
	margin-bottom: 40px
}
#message div div{
	position: absolute;
	bottom: -1px;
	right: 0;
	width: 250px;
	border-bottom: solid 1px #ccc;
}



#topArt{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
#topArt h2{
	font-size: 24px;
	width: 390px;
	padding-left: 10px;
	line-height: 40px;
	float: left;
	padding-top: 150px;
	border-right: solid 1px #ccc;
	position: relative;
}
#topArt h2 + p{
	line-height: 39px;
	padding: 150px 15px 0;
	border-top: solid 1px #ccc;
	overflow: hidden;
}
#topArt h3{
	padding: 10px 10px 0;
	font-weight: bold;
}
#topArt li p{
	padding: 10px 20px 20px;
	line-height: 1.4;
}



.imgSlider .slideTitle{
	max-width: 1200px;
	min-width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}
.imgSlider .slideBody{
	width: 100%;
	overflow: hidden;
	background: #000;
	box-shadow: 0 5px 10px #ccc;
}



.slideBody ul{
	max-width: 1200px;
	margin: 0 auto;
	letter-spacing: -.4em;
	text-align: center;
}
.slideBody li{
	display: inline-block;
	letter-spacing: normal;
	font-size: 12px;
	line-height: 1.4;
	text-align: left;
	background: #fff;
}
.slideBody li:nth-child(even) div{
	background: #000;
	color: #fff;
}
.slideBody li a{
	display: block;
	width: 400px;
	height: 200px;
	overflow: hidden;
}
.slideBody li span{
	display: inline-block;
	background: #999;
	padding: .6em 20px .4em;
	font-weight: bold;
}
.slideBody li dl{
	padding: 10px 10px 0;
}
.slideBody li dt{
	float: left;
	margin-bottom: .4em;
}
.slideBody li dd{
	padding-left: 3em;
	margin-bottom: .4em;
}
.slideBody li img{
	float: left;
	width: 50%;
	height: auto;
	background: #fff;
}
.slideBody li div{
	float: left;
	width: 50%;
	height: 200px;
	background: #fff;
}
.slideBody a:hover div, .slideBody a:active div{
	color: #333;
	background: #ddd;
}



.info{
	width: 800px;
	margin: 0 auto;
}
.info h2{
	font-size: 18px;
	width: 200px;
}
.info ul{
	box-shadow: 0 5px 10px #ccc;
}
.info li{
	float: left;
	font-size: 12px;
	line-height: 1.5;
}
.info li a{
	display: block;
	width: 200px;
	height: 185px;
	background: #eee;
	padding-top: 15px;
}
.info li:nth-child(odd) a{
	background: #bbb;
	color: #fff;
}
.info li a:hover{
	background: #ddd;
}
.info li span{
	font-weight: bold;
	color: #666;
	padding: 15px;
}
#topArt .info li h3{
	padding: 0 15px;
}



/* SubPage
----------------------------------------------------------------------*/
#subVisual{
	margin-bottom: 40px;
	min-height: 200px;
}
#subVisual img{
	margin-top: -25%;
}
#contents article{
	margin: 0 0 0 -300px;
	padding: 50px 0 0 50%;
}
#contents section{
	margin-top: 50px;
}
#contents section#main{
	margin-top: 0;
	padding-top: 50px;
}
#contents h3, #contents h4, #contents h5, #contents h6{
	margin-bottom: 20px;
	overflow: hidden;
	line-height: normal;
}
#contents h2{
	margin: 0 0 50px 100px;
	font-size: 185.71%;
	border-bottom: solid 1px #999;
	padding-bottom: 10px;
	overflow: hidden;
	line-height: normal;
}
#contents h2 + section{
	margin-left: 0;
	margin-right: 0;
}
#contents #lead p{
	margin-left: 100px;
	width: 600px;
}
#contents #lead #leadImage{
	margin: 20px 0 0 200px;
	width: 600px;
}
#contents #lead #leadMovie{
	margin: 40px 0 0 200px;
	width: 600px;
}
#contents #lead_event {
  position:relative;
  width: 100%;
}
#contents #lead_event p{
  position:absolute;
  width: 600px;
  margin-left: 100px;
  z-index: 2;
}
#contents #lead_event #leadImage{
  margin-left: 100px;
};
#contents #lead_event #leadMovie{
  margin: 40px 0 0 200px;
  width: 100%;
  height: 100%;
}
#contents section > figure img{
  width: 100%;
}
#contents h3{
	font-size: 142.86%;
	line-height: 40px;
	color: #fff;
	background: #000;
	padding-left: .8em;
	position: relative;
	vertical-align: middle;
}
#contents h4{
	font-size: 142.86%;
	background: url(../img/bg_h4.png) left center repeat-x;
	margin-top: 40px;
}
#contents h4 span{
	background: #fff;
	padding-right: .2em;
	font-weight: bold;
}
#contents h5{
	margin-top: 40px;
	font-size: 142.86%;
	font-weight: bold;
}
#contents h6{
	margin-top: 40px;
	font-weight: bold;
	padding-left: .5em;
	border-left: solid 5px #000;
}
#contents p{
	width: 100%;
	max-width: 800px;
}
#contents div p:first-child{
	margin-top: 40px;
}
#contents b{
	font-weight: bold;
}
#contents ol{
	margin-left: 1.5em;
}
#contents ol li{
	margin-left: 0.5em;
}
#contents section > figure{
	height: 300px;
	overflow: hidden;
	position: relative;
}
#contents section > figure img{
	width: 100%;
	position: absolute;
	margin-top: -25%;
}
#contents #lead_event #content_top_image {
	overflow: hidden;
	position: relative;
}
#contents #lead_event #content_top_image img{
	width: 100%;
}
#contents article a:hover, #contents article a:active{
	color: #999;
	text-decoration: underline;
}



#breadcrumb{
	font-size: 12px;
	letter-spacing: -.4em;
}
#breadcrumb li{
	display: inline-block;
	margin: 0 .5em;
	letter-spacing: normal;
}
#breadcrumb a{
	margin-right: 1em;
}
#breadcrumb + h3{
	margin-top: .5em;
}



#entryDate{
	border-bottom: solid 1px #999;
	margin: -7px 0 20px;
	padding: 0 0 10px;
	width: 98%;
	max-width: 800px;
	text-align: right;
	padding-right: 2%;
}



.columnTwo > div{
	float: left;
	width: 375px;
}
.columnTwo > div:first-child + div{
	margin-left: 50px;
	position: relative;
}
.columnTwo figure{
	width: 365px;
	height: 365px;
	background: #fff;
	border: solid 5px #fff;
	box-shadow: 0 0 10px #eee;
}
.columnTwo figure img{
	width: 100%;
}
.columnTwo #gMap{
	width: 365px;
	height: 365px;
	left: 50%;
	margin-left: -50%;
	background: #fff;
	border: solid 5px #fff;
	box-shadow: 0 0 10px #eee;
	position: absolute;
	z-index: 400;
}
#areaApply{
	min-height: 500px;
}



.btnApply{
	position: absolute;
	z-index: 100;
	width: 200px;
	height: 200px;
	top: 325px;
	left: 50%;
	margin-left: -100px;
	border-radius: 50%;
	background: #000;
}
.btnApply div{
	position: absolute;
	z-index: 200;
	width: 0;
	height: 0;
	top: 100px;
	left: 100px;
	border-radius: 50%;
	background: url(../img/bg_btn.png) center center;
}
.btnApply a{
	display: block;
	position: absolute;
	z-index: 300;
	width: 200px;
	height: 115px;
	padding-top: 85px;
	top: 0;
	left: 0;
	border-radius: 50%;
	font-size: 24px;
	line-height: 1.4;
	text-align: center;
}
#contents .btnApply a:link, #contents .btnApply a:visited,
#contents .btnApply a:hover, #contents .btnApply a:active{
	color: #fff;
	text-decoration: none;
}
#contents .btnApply a:hover, #contents .btnApply a:active{
	text-shadow:
	-2px -2px 2px #000,
	2px -2px 2px #000,
	2px 2px 2px #000,
	-2px 2px 2px #000;
}
.btnContact,
.btnContact:link, .btnContact:visited,
.btnContact:hover, .btnContact:active{
	display: inline-block;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	color: #fff;
	background: #000;
	width: 275px;
	border-radius: 10px;
	margin: 40px 50px 0;
	padding: 15px 0;
	border: none;
	cursor: pointer;
}



#contents .date{
	font-size: 24px;
	border-bottom: solid 2px #333;
	text-align: center;
	vertical-align: baseline;
	line-height: 1;
	margin: 10px 0 5px;
}
#contents .date span{
	font-size: 60px;
	vertical-align: baseline;
}


.commonTable{
	width: 100%;
	max-width: 800px;
}
.commonTable th, .commonTable td{
	line-height: 1.4;
	text-align: left;
	padding: 1em;
	vertical-align: top;
	border-bottom: dotted 1px #999;
}
.commonTable th{
	font-weight: bold;
	white-space: nowrap;
	width: 1%;
}

.commonItemsParent{
  width: 800px;
}

.commonItems {
  margin-left: 2%;
}

.commonItems, ol{
	line-height: 1.4;
	margin-top: 20px;
	max-width: 800px;
}
.commonItems li + li, ol li + li{
	margin-top: 10px;
}
.commonItems li{
	list-style: disc outside;
	margin-left: 1.2em;
}
ol li{
	list-style: decimal outside;
	margin-left: 1.6em;
}



.commonPickup{
	width: 100%;
	max-width: 800px;
}
.commonPickup li{
	float: left;
	width: 25%;
	margin-top: 20px;
	font-size: 12px;
}
.commonPickup a{
	display: block;
	width: 100%;
	height: 100%;
}
.commonPickup img{
	width: 100%;
	margin-bottom: 5px;
}
#contents .commonPickup p{
	width: 100%;
	line-height: 1.6;
}



.commonGrid{
	width: 100%;
	max-width: 800px;
	margin-top: 20px;
	letter-spacing: -.4em;
}
.commonGrid li{
	display: inline-block;
	letter-spacing: normal;
	width: 50%;
	font-size: 12px;
	background: #eee;
	max-height: 200px;
}
.commonGrid li.turn{
	background: #ccc;
}
.commonGrid a{
	display: block;
	width: 100%;
}
.commonGrid a:hover, .commonGrid a:active{
	color: #333;
	text-decoration: none;
	background: #fff;
}
.commonGrid img{
	float: left;
	width: 50%;
}
#contents .commonGrid div{
	float: left;
	width: 50%;
}
#contents .commonGrid p{
	margin: 10px 10px 0 10px;
	line-height: 1.5;
	width: auto;
}
.commonGrid dl{
	padding: 10px 10px 0;
}
.commonGrid dt{
	float: left;
	margin-bottom: .2em;
	line-height: 1.5;
}
.commonGrid dd{
	padding-left: 3em;
	margin-bottom: .2em;
	line-height: 1.5;
}
.commonGrid li{
	overflow: hidden;
}
.commonGrid li span{
	display: inline-block;
	background: #999;
	padding: .6em 20px .4em;
	font-weight: bold;
	color: #fff;
}



h3 + .commonList{
	margin-top: -20px;
}
.commonList + p{
	margin-top: 40px;
}
.commonList li{
	line-height: 1.4;
	width: 100%;
	max-width: 800px;
}
.commonList a{
	display: block;
	border-bottom: dotted 1px #999;
	padding: 1em;
}
.commonList a:hover, .commonList a:active{
	color: #333;
	text-decoration: none;
	background-color: #eee;
}
.commonList span{
	float: left;
	width: 6em;
	margin: 5px 20px 0 0;
}
#contents .commonList p{
	width: auto;
	overflow: hidden;
}
.commonList span.over{
	width: 14em;
}



h3 + .reportList{
	margin-top: -20px;
}
.reportList + p{
	margin-top: 40px;
}
.reportList li{
	line-height: 1.4;
	width: 100%;
	max-width: 800px;
	border-bottom: dotted 1px #999;
	overflow: hidden;
}
.reportList li > p{
	display: block !important;
	cursor: pointer;
	padding: 1em 1em 1em 2em;
	background-position: 1em 1.75em;
}
.reportList li > p:hover, .reportList li > p:active{
	color: #333;
	text-decoration: none;
	background-color: #eee;
	background-image: url(../img/ico_tri_t.png);
	background-position: .95em 1.79em;
}
.reportBody{
	margin: -20px 0 40px;
}
.reportBody h5 + p{
	border-bottom: solid 1px #666;
	margin: -15px 0 15px;
	padding-bottom: 10px;
}





span.category{
	width: 8em;
	display: inline-block;
	text-align: center;
	background: #666;
	color: #fff;
	font-size: 12px;
	border-radius: 4px;
}



.categoryList{
	width: 100%;
	max-width: 800px;
	padding: 20px 0;
	letter-spacing: -.4em;
	text-align: right;
	border-bottom: solid 2px #666;
}
.categoryList li{
	display: inline-block;
	line-height: 1;
	padding: 0 1.5em;
	border-left: solid 1px #999;
	letter-spacing: normal;
}
.categoryList li:first-child{
	border-left: none;
}
li.empty{
	width: 100%;
	letter-spacing: normal;
	background: none;
	font-size: 14px;
	line-height: normal;
}



.pagenation{
	letter-spacing: -.4em;
	text-align: center;
	width: 100%;
	max-width: 800px;
}
.pagenation li{
	display: inline-block;
	margin-top: 50px;
	letter-spacing: normal;
}
.pagenation span, .pagenation a{
	display: block;
	border: solid 1px #666;
	margin-right: 10px;
	text-align: center;
	padding: .6em .5em .4em;
}
.pagenation span{
	color: #fff;
	background: #666;
}
.pagenation a:link, .pagenation a:visited{
	color: #666;
	text-decoration: none;
}
.pagenation a:hover, .pagenation a:active{
	color: #fff !important;
	text-decoration: none !important;
	background: #333 !important;
	border: solid 1px #333;
}


#sitemap{
	margin-left: 100px;
}

.freeArea  ul li{
	list-style: disc;
	margin-left: 2em;
	line-height: 1.5;
	margin-bottom: 5px;
}




/* form
----------------------------------------------------------------------*/
input, textarea{
	width: 238px;
	padding: 5px;
	border: solid 1px #ccc;
}
textarea{
	width: 488px;
	resize: vertical;
	height: 100px;/* 任意のサイズ */
}
label{
/* 	cursor: pointer; */
}
input[type="file"]{
	border: none;
	background: #fff;
}
input#userPhoto{
	border: none !important;
	background: #fff !important;
	box-shadow: none !important;
}
input[type="radio"], input[type="checkbox"]{
	width: auto;
	margin-right: 0.5em;
	border: none;
}

#aform-1{
	font-size: 14px;
}
.aform-header{
	font-size: 18px;
	line-height: 40px;
	color: #fff;
	background: #000;
	padding-left: .8em;
	position: relative;
	vertical-align: middle;
	margin-bottom: 40px;
}
.aform-label{
	font-size: 14px;
}
.submit{
	padding-left: 150px;
}
input[type="submit"],
input[type="button"],
#aform_result a,
.btnWeblink{
	display: inline-block;
	width: 200px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	color: #fff;
	background: #000;
	margin-left: 50px;
	padding: 10px 0 9px;
	border: none;
	cursor: pointer;
	border-radius: 20px;
}
input[type="submit"]:hover,
input[type="button"]:hover,
#aform_result a:hover,
.btnWeblink:hover{
	background: url(../img/bg_btn.png) center center;
	text-shadow:
	-2px -2px 2px #000,
	2px -2px 2px #000,
	2px 2px 2px #000,
	-2px 2px 2px #000;
}
#aform_result a{
	display: block;
	margin: 20px auto;
}
span.required{
	display: none;
}
.aform-content dl:before, .aform-content dl:after{
	content: "";
	display: table;
}
.aform-content dl:after{
	clear: both;
}
#applySubject-text{
	font-weight: bold;
	font-size: 20px;
}
form dl,
.aform-content dl{
	zoom: 1;
	width: 100%;
	margin: 0 auto 20px;
	position: relative;
}
form dt,
.aform-content dt{
	font-size: 14px;
	float: left;
	width: 185px;
	padding-left: 15px;
	line-height: normal;
	padding-top: .3em;
	margin-bottom: 5px;
}
form dd,
.aform-content dd{
	font-size: 14px;
	padding-left: 200px;
	line-height: normal;
	margin-bottom: 5px;
}
label.aform-twice-note{
	display: block;
	font-size: 12px;
}
.aform-demo{
	display: none;
}
.aform{
	width: 100%;
	margin: 0 auto;
}
noscript + div.submit{
	margin-top: 50px;
}
#aform_result{
	text-align: center;
	line-height: 2;
}
#contents form dd p:first-child{
	margin-top: 0;
}





.boxPR{
	margin: 50px 0;
}
#companyMap{
	width: 97.8%;
	max-width: 548px;
	height: 268px;
	background: #eee;
	box-shadow: 0 0 1px rgba(204,204,204,1);
	border: solid 5px #fff;
}
#leave{
	text-align: center;
	padding-top: 50px;
	border-top: dotted 1px #999;
}
#error{
	margin: 0 0 20px 200px;
	color: #f90;
}
.aform-content .aform-error-list{
	text-align: center;
}
.aform-content .aform-error-list dt{
	font-size: 14px;
	float: none;
	width: auto;
	margin: 0 auto;
	line-height: normal;
	padding-top: 0;
}
.aform-content .aform-error-list dd{
	font-size: 14px;
	padding-left: 0;
	line-height: normal;
	margin: 0 auto;
}
.aform-error-list + div{
	text-align: center;
}
.conformArea{
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}






#gallery a{
	display: block;
	float: left;
	margin: 20px 0 0 20px;
}
#gallery a:first-child{
	margin-left: 0;
}
#gallery a img{
	width: 185px;
}


#presen-movie .presen-movie-block{
	display: block;
	float: left;
	width: 185px;
	margin: 20px 0 0 20px;
	text-align: center;
}
#presen-movie .presen-movie-block .title {
	margin-top: 10px;
	width: 100%;
}
#presen-movie .presen-movie-block:first-child{
	margin-left: 0;
}

#presen-movie .presen-movie-block > div {
  position: relative;
	width: 100%;
	padding-top: 75%; /*比率 4:3*/
}
#presen-movie .presen-movie-block iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


/* ResponsiveStyle
----------------------------------------------------------------------*/
@media screen and (max-width: 860px){
	nav{
		width: 55%;
	}
}



@media screen and (max-width: 1650px) {
 	#contents #lead_event {
    position:static;
    height: 100%px;
    width: 100%;
  }
  #contents #lead_event p{
    position:static;
	  margin-left: 100px;
		width: 600px;
  }
  #contents #lead_event #leadImage{
    margin-left: 0;
		width: 100%;
  };
  #contents #lead_event #leadMovie{
		margin-left: 0;
		width: 100%;
		text-align: center;
  }
}
/* ResponsiveStyle
----------------------------------------------------------------------*/
@media screen and (max-width: 800px){
	body{
		min-width: 600px;
	}
	header{
		min-width: inherit;
		margin-bottom: 130px;
	}
	header h1{
		float: none;
		padding-bottom: 20px;/* rsp */
	}
	header p{
		float: none;
		height: auto;/* rsp */
		padding: 0 50px 40px;/* rsp */
		border-left: none;/* rsp */
		border-bottom: solid 1px #999;/* rsp */
	}
	#recommend{
		display: none;/* rsp */
	}
	#message{
		display: none;/* rsp */
	}
	#topArt h2{
		font-size: 24px;
		width: 100%;/* rsp */;
		line-height: 40px;
		float: none;/* rsp */
		padding-top: 0;/* rsp */
		border-right: none;/* rsp */
	}
	#topArt h2 + p{
		padding: 0 15px 0;/* rsp */
	}
	#topArt h3{
		padding: 10px 15px 0;
		font-weight: bold;
	}
	#topArt li p{
		padding: 10px 20px 20px;
		line-height: 1.4;
	}
	nav{
		float: right;
		margin: -250px 0 0 0;
		width: 200px;
	}
	nav ul{
		margin-right: 0;
	}
	nav li{
		background: url(../img/ico_link.png) left 5px no-repeat;
	}
	nav li:hover a{
		background: url(../img/ico_link_on.png) 1em 5px no-repeat;
	}
	aside{
		/*width: 90%;*//* rsp */
		/*margin: 50px 5%;*//* rsp */
		width: 60%;/* rsp */
		margin: 50px 20%;/* rsp */
		height: 69px;/* rsp */
		overflow: hidden;/* rsp */
		margin-bottom: 425px;
	}



	footer{

	}


	#container{
		padding-bottom: 150px;
	}
	footer h1 img{
		margin: -15px 0 0 20px;
	}
	footer ul{
		margin: 50px 20px 0 0;
	}
	footer li{
		display: block;
		line-height: 1;
		margin: 0 0 20px 1.5em;
		padding-left: 1.5em;
		border-left: none;
	}



	footer small{
		padding: 0 20px 0 0;/* rsp */
	}
	footer div + div{
		display: none;/* rsp */
	}
	#return{
		display: none;/* rsp */
	}





	.imgSlider{
		margin-bottom: 50px;/* rsp */
	}
	.slideBody li{
		width: 100%;
	}
	.slideBody li a{
		width: 100%;
	}
	.slideBody li span{
		display: inline-block;
		background: #999;
		padding: .6em 20px .4em;
		font-weight: bold;
	}
	.slideBody li dl{
		padding: 10px 20px 0;
	}
	.slideBody li dt{
		float: left;
		margin-bottom: .4em;
	}
	.slideBody li dd{
		padding-left: 3em;
		margin-bottom: .4em;
	}
	.slideBody li img{
		float: left;
		width: 50%;
		height: auto;
		background: #fff;
	}
	.slideBody li div{
		float: left;
		width: 50%;
		height: 200px;
		background: #fff;
	}
	.slideBody a:hover div, .slideBody a:active div{
		color: #333;
		background: #ccc;
	}





	.info{
		width: 100%;/* rsp */
		margin: 0 auto;
	}
	.info h2{
		font-size: 24px;/* rsp */
		width: 100%;/* rsp */
	}
	.info ul{
		box-shadow: 0 5px 10px #ccc;
	}
	.info li{
		float: none;/* rsp */
		font-size: 12px;
		line-height: 1.4;
	}
	.info li a{
		display: block;
		width: 100%;/* rsp */
		height: auto;/* rsp */
		background: #eee;
		padding-top: 15px;
	}
	.info li:nth-child(odd) a{
		background: #ccc;
		color: #fff;
	}
	.info li a:hover{
		background: #ddd;
	}
	.info li span{
		font-weight: bold;
		color: #666;
		padding: 15px;
	}
	#subVisual{
		margin-bottom: 40px;
		min-height: 200px;
	}
	#contents article{
		margin: 0 0 0 0;/* rsp */
		padding: 50px 0 0 0;/* rsp */
	}



	#contents #lead p{
		margin-left: 0;
		padding: 0 2%;
		width: 96%;
	}
	#contents #lead #leadImage{
		margin-left: 0;
		width: 100%;
	}
	#contents #lead #leadMovie{
		margin-left: 0;
		width: 100%;
		text-align: center;
	}
    #contents #lead_event {
      position:static;
      height: 100%px;
      width: 100%;
    }
    #contents #lead_event p{
      position:static;
	  margin-left: 0;
	  padding: 0 2%;
	  width: 96%;
    }
    #contents #lead_event #leadImage{
      margin-left: 0;
	  width: 100%;
    };
    #contents #lead_event #leadMovie{
	  margin-left: 0;
	  width: 100%;
	  text-align: center;
    }
	#contents p{
		padding: 0 2%;
		/*width: 96%;*/
	}
	#contents ol{
		margin-left: 35px;
	}
	#contents h3, #contents h5{
		padding-left: 2%;
	}
	#contents h6{
		margin-left: 2%;
	}
	#contents h4 span{
		padding-left: 2%;
	}

	#contents .fb-like{
		margin-left: 2%;
	}


	.reportList li > p{
		background-image: none;
	}
	.reportList li > p:hover, .reportList li > p:active{
		background-image: none;
	}
	.reportBody{
		margin: -20px 0 40px;
	}
	.reportBody h5 + p{
		border-bottom: solid 1px #666;
		margin: -15px 0 15px;
		padding-bottom: 10px;
	}
	.reportBody .video{
		text-align: center;
	}
	.reportBody .link{
		margin-left: 2%;
	}



	.commonGrid dt, .commonGrid dd{
		line-height: 1;
	}



	.columnTwo{
		width: 100%;
		max-width: 800px;
	}
	.columnTwo > div{
		float: none;
		width: 100%;
		margin: 0 auto;
	}
	.columnTwo > div:first-child + div{
		margin: 0 auto;
		width: 100%;
	}
	.columnTwo figure{
		width: 100%;
	}
	.columnTwo figure img{
		width: 100%;
	}
	.columnTwo #gMap{
		margin-top: 20px;
		width: 100%;
		border: none;
	}
	table.commonTable + h6, table.commonTable + h6 + ul{
		margin: 0 0 20px 20px;
	}
	form{
		max-width: 480px;
	}
	textarea{
		max-width: 370px;
	}
	#profPhoto{
		width: 100%;
		text-align: center;
	}
	.boxPR{
		margin: 50px 1em;
	}
	#gallery a{
		width: 40%;
		margin: 20px 5% 0;
	}
	#gallery a:first-child{
		margin-left: 5%;
	}
	#gallery a img{
		width: 100%;
	}

	#presen-movie .presen-movie-block{
		width: 40%;
		margin: 20px 5% 0;
	}
	#presen-movie .presen-movie-block:first-child{
		margin-left: 5%;
	}

	.commonItemsParent{
    width: 100%;
		max-width: 800px;
  }
}





#aform-form-999 > input + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl,
#aform-form-999 > input + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl{/* 一時非表示140417*/
	display: none;
}


/*PRページ*/


.pr-description {
	margin-left: 100px;
	max-width: 600px;
	text-align: left;
}

#pr-container {
  max-width: 960px;
  margin-left: 100px;
  margin-top: 50px;
}

#pr-container {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-align-content: flex-start;
	align-content: flex-start;
}

.pr-card {
	position: relative;
	width: 360px;
	height: 180px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 2px 5px #ccc;
	margin: 10px;
}
.pr-card-text {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 50px;
	padding: 0.5em;
	background: #000;
	filter: Alpha(opacity=70);
	opacity: 0.7;
	color: #fff;
	font-size: 14px;
	line-height: 1.5;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
@media screen and (max-width: 800px){
    .pr-card {
		width: 300px;
		height: 150px;
	}
}

/*PRページここまで*/


.dev-description {
	margin-left: 100px;
	max-width: 600px;
	text-align: left;
}

#dev-container {
  max-width: 960px;
  margin-left: 100px;
  margin-top: 50px;
}

#dev-container {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-align-content: flex-start;
	align-content: flex-start;
}

.dev-card {
	position: relative;
	width: 180px;
	height: 180px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 2px 5px #ccc;
	margin: 10px;
}
.dev-card-category {
	width: 50px;
	height: 50px;
	position: absolute;
	right: 0;
	top: 0;
}
.dev-card-text {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 50px;
	padding: 0.5em;
	background: #000;
	filter: Alpha(opacity=70);
	opacity: 0.7;
	color: #fff;
	font-size: 14px;
	line-height: 1.5;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
@media screen and (max-width: 800px){
    .dev-card {
		width: 150px;
		height: 150px;
	}
}


#p-description {
	margin-left: 100px;
}
#p-description * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#p-description td {
	vertical-align: middle;
	padding: 5px;
}

#p-description ul {
    list-style: initial;
    list-style-type: disc outside none;
    margin: 1em 0;
    padding-left:40px;
}

#p-description li {
    display:list-item;
    list-style-type: disc;
    margin-bottom: 30px;
    font-weight : bold;
    line-height: 1;
    margin-top:0.5em;
    margin-bottom:0.5em;
}

#p-description .p-service {
	width: 100%;
	padding: 2em;
	background: #000;
	filter: Alpha(opacity=70);
	opacity: 0.7;
	color: #fff;
	border-radius: 5px;
	margin-top: 40px;
}
#p-description .p-service li {
	font-size: 20px;
	line-height: 1;
	margin-top:0.5em;
    margin-bottom:0.5em;
}
#p-description .rehearsal {
	font-size: 20px;
	font-weight: bold;
	margin-top: 10px;
}
.pmarkapply {
    margin: 20px 0px 20px 0px;
	text-align: left;
}
.pmarkapply a {
  color: #ffffff;
}
.btn_pmarkcontact {
    display: inline-block;
    padding: 1em 5em;
    font-size: 15px;
    text-decoration: none;
    background: #ff4500;/*ボタン色*/
    border-bottom: solid 4px #802200;
    border-radius: 3px;
}
.btn_pmarkcontact:active {/*ボタンを押したとき*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
    border-bottom: none;
}
@media screen and (max-width: 800px){
    #p-description {
		margin-left: 0px;
	}
}
.special * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.special {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	align-items: center;
	-webkit-align-content: flex-start;
	align-content: flex-start;
	margin-top: 2em;
	margin-bottom: 2em;
}
.special img {
	padding: 20px 20px 20px 0px;
	display: visible;
}
#contents .special p {
	width: 100%;
}
#contents .special div p:first-child {
	margin-top: 0px;
}
.special .title {
	font-weight: bold;
	font-size: 20px;
}
@media screen and (max-width: 800px){
    .special img {
    	display: none;
	}
	#contents .special p {
		padding-left: 1em;
		padding-right: 1em;
	}
}
.process * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.process {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-align-content: flex-start;
	align-content: flex-start;
	margin-top: 2em;
	margin-bottom: 2em;
}
.process img {
	padding: 20px 20px 20px 0px;
	display: visible;
}
.process div {
	margin-top: 1em;
}
#contents .process p {
	width: 100%;
}
#contents .process div p:first-child {
	margin-top: 0px;
}
.process .title {
	font-size: 20px;
}
@media screen and (max-width: 800px){
    .process {
    	-webkit-flex-direction: column;
		flex-direction: column;
		-webkit-align-items: center;
		align-items: center;
	}
	.process div {
		width: 100%;
		margin-top: 0;
		text-align: left;
	}
	#contents .process p {
		padding-left: 1em;
		padding-right: 1em;
	}
}
.pmark-contact-info {
	width: 100%;
	padding: 2em;
	background: #000;
	filter: Alpha(opacity=70);
	opacity: 0.7;
	color: #fff;
	border-radius: 5px;
	margin-top: 40px;
}
.pmark-contact-info .highlight {
	font-weight: bold;
}
.pmark-contact-info .highlight a{
	font-weight: bold;
	color: #fff;
}



/* 特設ページ用コード */
#recommend_special{
    width: 100%;
    height: 400px;
    overflow: hidden;
    background: #fff;
    margin-bottom: 4px;
    background:url(https://it-zoo.com/5thAnniversary/images/top_eyecatch.jpg) no-repeat center center;
    background-size:cover;
    display: block;
    cursor : pointer;
}


#recommend_special_sp{
    width: 100%;
    height: 200px;
    overflow: hidden;
    background: #fff;
    margin-bottom: 4px;
    background:url(https://it-zoo.com/5thAnniversary/images/top_eyecatch2.jpg) no-repeat center center;
    background-size:cover;
    display: none;
    cursor : pointer;
}

@media screen and (max-width: 800px){
    #recommend_special{
        display: none;
    }
    #recommend_special_sp{
        display: block;
    }
    header{
        margin-bottom: 93px;
    }
}