@charset "utf-8";


/* common
---------------------------------------- */
div#contents{
	max-width:1280px;
}
div.section{
	width:100%;
	margin:0 auto 90px;
}
h2.name{
	min-height:80px;
	position:relative;
	margin:0 auto 30px;
	text-align:left;
}
h2.name strong{
	width:70%;
	display:block;
	font-size:24px;
	font-weight:bold;
	line-height:1.4;
}
h2.name strong span{
	display:block;
	margin:5px 0 15px;
	font-size:16px;
	font-weight:normal;
}
h2.name img{
	position:absolute;
	top:0;
	right:0;
}
h2.name .icon {
	margin: 5px 0 0 0;
}


p#pr_comment{
	width:70%;
}

dl.list{}
dl.list dt,
dl.list dd{
	width:25%;
	padding:10px 5% 10px 0;
	border-top:1px #ccc solid;
}
dl.list dt:first-child,
dl.list dd:nth-child(2){
	border-top:none;
}
dl.list dd{
	width:70%;
	padding:10px 0;
}
@media screen and (max-width:540px){
	dl.list dt,
	dl.list dd{
		width:100%;
		padding:10px 0;
	}
	dl.list dt{
		padding-bottom:0;
	}
	dl.list dt:before{
		content:"■";
	}
	dl.list dd{
		padding-top:0;
		border-top:none;
	}
}

div#contents div.section h3.ttl{
	position:relative;
	margin-top:30px;
}
div#contents div.section h3.ttl:before{
	content:"";
	position:absolute;
	bottom:0;
	right:0;
	display:block;
	background-repeat:no-repeat;
	background-position:center center;
	z-index:-1;
}
div#photo_gallery h3.ttl:before{width:80px;height:74px;background-image:url(../img/silhouette1.png);}
div#corporate_info h3.ttl:before{width:36px;height:72px;background-image:url(../img/silhouette2.png);}
div#point h3.ttl:before{width:38px;height:66px;background-image:url(../img/silhouette3.png);}
div#profile h3.ttl:before{width:24px;height:77px;background-image:url(../img/silhouette4.png);}
div#data h3.ttl:before{width:115px;height:52px;background-image:url(../img/silhouette5.png);}
div#map h3.ttl:before{width:62px;height:72px;background-image:url(../img/silhouette6.png);}

@media screen and (max-width: 1280px) {
	p#pr_comment{
		width:100%;
	}
}
@media screen and (max-width:860px){
	h2.name strong{
		width:100%;
	}
	h2.name img{
		position:static;
		display:block;
		margin:0 auto 30px;
		text-align:center;
	}
}


/* local_navi
---------------------------------------- */
div.local_navi{
	margin:0 auto 90px;
}
div.local_navi ul{
	margin:0 auto;
	text-align:center;
}
div.local_navi ul li{
	width:13%;
	margin:0 0.5%;
}
div.local_navi ul li a{
	display:block;
	padding:15px 0;
	color:white;
	text-align:center;
	border-radius:25px;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
	-ms-border-radius:25px;
	background-color:#cd3c5a;
}
div.local_navi ul li a:hover{
	background-color:orange;
}

@media screen and (max-width:920px){
	div.local_navi ul {
		text-align:left;
	}
	div.local_navi ul li{
		width:23%;
		margin:0 1% 10px;
	}
}
@media screen and (max-width:720px){
	div.local_navi ul li{
		width:31%;
	}
}
@media screen and (max-width:540px){
	div.local_navi ul li{
		width:48%;
		margin:0 1% 5px;
	}
	div.local_navi ul li a{
		padding:10px 0;
	}
}
@media screen and (max-width:350px){
	div.local_navi ul li a{
		font-size:14px;
	}
}


/* noline */
div.local_navi ul li.nolink{
}
div.local_navi ul li.nolink a{
	text-decoration:none;
	pointer-events:none; 
	background-color:#c8c8c8;
}


/* summary
---------------------------------------- */
div#summary{
	min-height:360px;
}
div#summary ul{
	position:relative;
}
div#summary ul li{
	margin:0 460px 0 0;
	padding:15px 0 15px 0;
	border-top:1px #ccc solid;
}
div#summary ul li#feture ul#feature_icon li{
	padding:0 10px 0 0;
	border-top:none;
}
div#summary ul li#main_photo{
	width:400px;
	position:absolute;
	top:0;
	right:0;
	padding-top:0;
	margin-right:0;
	border-top:none;
}
div#summary ul li#feture ul#feature_icon {
	margin:5px 0 0 0;
}
div#summary ul li#feture ul#feature_icon li{
	color:#fff;
	margin:0 10px 5px 0;
	padding:1px 10px;
	font-size:14px;
	text-align:center;
	border-radius:10px;
	-webkig-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	background-color:#529500;
	white-space:nowrap;
}
@media screen and (max-width:860px){
	div#summary ul li {
		margin: 0 auto;
	}
	div#summary ul li#main_photo{
		width:100%;
		position:static;
		margin:0 auto 30px;
		text-align:center;
	}
}

/* photo_gallery
---------------------------------------- */
div#photo_gallery p.note{
	margin:-15px 0 15px;
	text-align:right;
}
div#photo_gallery ul li{
	width:16.25%;
	margin-right:0.5%;
	margin-bottom:30px;
}
div#photo_gallery ul li:nth-child(6n){
	margin-right:0;
}
div#photo_gallery ul li span{
	display:block;
}
@media screen and (max-width:1530px){
	div#photo_gallery ul li{
		width:19%;
		margin-right:1%;
	}
	div#photo_gallery ul li:nth-child(6n){
		margin-right:1%;
	}
	div#photo_gallery ul li:nth-child(5n){
		margin-right:0;
	}
}
@media screen and (max-width:1054px){
	div#photo_gallery ul li{
		width:24%;
		margin-right:1%;
	}
	div#photo_gallery ul li:nth-child(5n){
		margin-right:1%;
	}
	div#photo_gallery ul li:nth-child(4n){
		margin-right:0;
	}
}
@media screen and (max-width:720px){
	div#photo_gallery ul li{
		width:32.33%;
		margin-right:1%;
	}
	div#photo_gallery ul li:nth-child(4n){
		margin-right:1%;
	}
	div#photo_gallery ul li:nth-child(3n){
		margin-right:0;
	}
}
@media screen and (max-width:540px){
	div#photo_gallery ul li{
		width:49%;
		margin-right:2%!important;
	}
	div#photo_gallery ul li:nth-child(3n){
		margin-right:2%!important;
	}
	div#photo_gallery ul li:nth-child(2n){
		margin-right:0!important;
	}
}

/* profile
---------------------------------------- */
div#profile dl{}

/* data
---------------------------------------- */
div#data dl{}


/* recruigint
---------------------------------------- */
div#target_school{}
div#target_school ul li{
	margin-right:5px;
}
div#target_school ul li:after{
	content:" / ";
}
div#target_school ul li:last-child:after{
	content:"";
}



/* corporate_guideline
---------------------------------------- */

div#corporate_guideline{
	margin:-60px auto 90px;
	padding:30px 0;
	border-top:1px #ccc solid;
	border-bottom:1px #ccc solid;
}
div#corporate_guideline img{
	float:right;
	margin:0 0 30px 60px;
}
@media screen and (max-width:860px){
	div#corporate_guideline img{
		display:block;
		float:none;
		margin:30px auto 60px;
	}
}


/* corporate_voice_list
---------------------------------------- */
div.corporate_voice ul#voice_list{}

div.corporate_voice ul#voice_list li{
	width:30%;
	margin:0 5% 30px 0;
}
div.corporate_voice ul#voice_list li:nth-child(3n){
	margin-right:0;
}
div.corporate_voice ul#voice_list li span.pic{
	width:100%;
	display:block;
	margin-bottom:15px;
	padding-top:100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
div.corporate_voice ul#voice_list li a{
	display:block;
	width:100%;
	margin-bottom:15px;
	font-size:20px;
}
div.corporate_voice ul#voice_list li p.outline{
	margin-bottom:15px;
	font-size:14px;
	text-align:left;
}
div.corporate_voice ul#voice_list li span.date{
	display:block;
	margin-top:15px;
	color:#999;
	font-size:14px;
}
@media screen and (max-width:860px){
	div.corporate_voice ul#voice_list li{
		width:47.5%;
	}
	div.corporate_voice ul#voice_list li:nth-child(3n){margin-right:5%;}
	div.corporate_voice ul#voice_list li:nth-child(2n){margin-right:0;}
}
@media screen and (max-width:420px){
	div.corporate_voice ul#voice_list li{
		width:100%;
	}
	div.corporate_voice ul#voice_list li:nth-child(3n){margin-right:0;}
}


/* corporate_voice_detail
---------------------------------------- */

div.corporate_voice div.topics-date{
	margin-bottom:15px;
}

div.corporate_voice h3.pttl{
	font-size:24px;
	font-weight:bold;
}
div.corporate_voice p.pageheader{
	width:300px;
	float:right;
	margin:0 0 30px 30px;
}
div.corporate_voice p.pageheader img{
	max-width:100%;
	max-height:100%;
}
div.corporate_voice div.text h2{
	margin:30px auto 15px;
	padding:5px 0 10px 20px;
	color:#cd3c5a;
	font-size:20px;
	font-weight:bold;
	border-left:3px #cd3c5a solid;
	border-bottom:1px #ccc solid;
}
div.corporate_voice div.text h3.profile_ttl{
	margin:0 auto 15px;
	padding:5px 0 0 0;
	font-size:20px;
	font-weight:bold;
	border-bottom:1px #ccc solid;
}
@media screen and (max-width:860px){
	div.corporate_voice p.pageheader{
		width:100%;
		float:none;
		margin:0 auto 30px;
	}
}

/* pager */
div.corporate_voice ul#pager li.list{
	width:10em;
}


/* corporate_pr
---------------------------------------- */
div.corporate_pr{}
div.corporate_pr ul#list li{
	width:calc(100% - 110px);
	margin:0 auto 60px;
	padding:40px 50px 0 50px;
	border:5px #eee solid;
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	-ms-border-radius:30px;
}
div.corporate_pr ul#list li h3.pttl{
	width:100%;
	margin-top:0;
	padding:0 0 10px;
	font-size:20px;
	font-weight:bold;
	text-align:left;
	border-bottom:1px #ccc solid;
}
div.corporate_pr ul#list li p.pageheader {
    width: 40%;
	position: relative;
	z-index: 2;
    float: right;
	margin:0 0 30px 30px;
}
div.corporate_pr ul#list li div.text {
    max-width:none;
	margin-bottom:30px;
}
div.corporate_pr ul#list li div.photogallery {
	margin: 30px auto 0;
	padding:0;
	border-top: none;
}
div.corporate_pr ul#list li div.photogallery ul {
    max-width: none;
}
div.corporate_pr ul#list li div.photogallery ul li {
	width:auto;
	width:calc(20% - 24px);
    margin: 0 6.6% 35px 0;
    margin: 0 30px 30px 0;
	padding:0;
	border:none;
}
div.corporate_pr ul#list li div.photogallery ul li:nth-child(5n) {
	margin-right:0;
}
div.corporate_pr ul#list li div.photogallery ul li a{
	margin-bottom:5px;
}
@media screen and (max-width:1200px){
	div.corporate_pr ul#list li div.photogallery ul li {
		width:calc(25% - 22.5px);
	}
	div.corporate_pr ul#list li div.photogallery ul li:nth-child(5n) {
		margin-right:0;
	}
	div.corporate_pr ul#list li div.photogallery ul li:nth-child(4n) {
		margin-right:0;
	}
}
@media screen and (max-width:960px){
	div.corporate_pr ul#list li div.photogallery ul li {
		width:calc(33.33% - 20px);
	}
	div.corporate_pr ul#list li div.photogallery ul li:nth-child(5n),
	div.corporate_pr ul#list li div.photogallery ul li:nth-child(4n) {
		margin-right:30px;
	}
	div.corporate_pr ul#list li div.photogallery ul li:nth-child(3n) {
		margin-right:0;
	}
}
@media screen and (max-width:720px){
	div.corporate_pr ul#list li p.pageheader {
		margin:0 0 15px 30px;
	}
	div.corporate_pr ul#list li div.photogallery ul li {
		width:calc(50% - 15px);
	}
	div.corporate_pr ul#list li div.photogallery ul li:nth-child(5n),
	div.corporate_pr ul#list li div.photogallery ul li:nth-child(4n),
	div.corporate_pr ul#list li div.photogallery ul li:nth-child(3n) {
		margin-right:30px;
	}
	div.corporate_pr ul#list li div.photogallery ul li:nth-child(2n) {
		margin-right:0;
	}
}
@media screen and (max-width:540px){
	div.corporate_pr ul#list li p.pageheader {
		width: 100%;
		float: none;
		margin:0 auto 30px;
		text-align:center;
	}
}
@media screen and (max-width:450px){
	div.corporate_pr ul#list li div.photogallery ul li {
		width:100%;
		margin-right:0;
	}
	div.photogallery li img {
		max-width: 230px;
		max-height: 194px;
	}
}
@media screen and (max-width:350px){
	div.corporate_pr ul#list li {
		width: calc(100% - 60px);
		padding: 40px 15px 0;
	}
}



/* corporate_movie
---------------------------------------- */
div.corporate_movie{}
div.corporate_movie ul#list li{
	width:48%;
	margin-right:4%;
	margin-bottom:60px;
}
div.corporate_movie ul#list li:nth-child(2n){
	margin-right:0;
}
div.corporate_movie ul#list li div.movie{
	width:100%;
	position:relative;
	padding:61% 0 0 0;
}
div.corporate_movie ul#list li div.movie iframe{
	position:absolute;
	top:0;
	left:0;
}
div.corporate_movie ul#list li h3.pttl{
	padding-bottom:0;
	font-size:20px;
	font-weight:bold;
	text-align:left;
	border-bottom: none;
}
div.corporate_movie ul#list li p.outline{
	margin-top:-15px;
	padding:15px 0 30px;
	text-align:left;
	border-top: 1px #ccc solid;
}
@media screen and (max-width:1054px){
	div.corporate_movie ul#list{
		text-align:center;
	}
	div.corporate_movie ul#list li{
		width:560px;
		margin:0 auto 60px;
	}
}
@media screen and (max-width:590px){
	div.corporate_movie ul#list li{
		width:100%;
		margin:0 auto 60px;
	}
}