@charset "UTF-8";
/* --------------------------------------------------------------------------------
トップ	- k-ito 2014/03/26
-------------------------------------------------------------------------------- */
body {
overflow:scroll;
overflow-x:auto;
background-color:#fff;
background-image:none!important;
}
/* opening */
#wraper{
display:none;
z-index:300;
}
#main #contents{
background:none;
}
#opening{
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:1;
overflow:hidden;
}
#opening #bg {
width:100%;
height:100%;
}
#opening #bg img{
width:auto;
height:100%;
}
#opening p#opening_lead{
width:244px;
height:490px;
position:absolute;
top:50%;
left:50%;
margin:-245px 0 0 -122px;
}
/* contents */
#main #contents .row {
width:100%;
height: auto;
margin: 0 0 10px;
}
#main #contents .row section {
padding:0;
}
#main #contents .row section.box{
width:47.7%;
height:auto;
padding:1%;
line-height:1em;
float:left;
display:none;
}
#main #contents .row section.box.bg{
background-color: #fff;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
#main #contents .row section.fl{
float:left;
}
#main #contents .row section.fr{
float:right;
}
#main #contents .row section.box.fl{
float:left;
}
#main #contents .row section.box.fr{
float:right;
}
/* slide */
#main #contents .row section.box#slide{
padding:10px 1% 10px;
position:relative;
}
#main #contents .row section.box#slide p img {
width:99%;
height:auto;
}
#main #contents .row section.box#slide a.link_btn{
width:204px;
height:43px;
position:absolute;
bottom:50px;
right:20px;
z-index:10000;
}
#main #contents .row section.box#slide .cycle-pager{
text-align:center;
line-height:0.1em!important;
}
#main #contents .row section.box#slide .cycle-pager span{
width:10px;
height:10px;
display:inline-block;
background:url(../img/top/icon_pager.gif) top left no-repeat;
background-size:10px 10px;
margin:0 5px 0;
text-indent:-5000px;
cursor:pointer;
}
#main #contents .row section.box#slide .cycle-pager span.cycle-pager-active{
background:url(../img/top/icon_pager_hover.gif) top left no-repeat;
}
/* map */
#main #contents .row section.box#map {
width:47.5%;
padding-top:15px;
padding-bottom:15px;
position: relative;
text-align:left;
}
#main #contents .row section.box#map p.title{
width: 100%;
height:auto;
height: auto;
margin-left:10px;
}

#main #contents .row section.box#map p.title img{
width:100%;
height:auto;
max-width: 245px;
max-height: 50px;
}
#main #contents .row section.box#map a.link_btn{
width:55%;
position:absolute;
bottom:5%;
right:5%;
}
#main #contents .row section.box#map a.link_btn{
display:inline-block;
width:55%;
text-align:center;
position:static;
margin:0 auto;
padding:30px 0 10px;
}
#main #contents .row section.box#map a.link_btn img{
width:100%;
height:auto;
max-width:244px;
max-height:43px;
}
#main #contents .row section.box#map #imagemap {
line-height:1em;
margin: 0px auto;
background: transparent url(../img/top/map/map00.gif) top left no-repeat;
width:350px;
height: 350px;
position: relative;
}
#main #contents .row section.box#map #imagemap li {
margin: 0px;
padding: 0px;
position: absolute;
list-style: none;
font-size: 14px;
}
#main #contents .row section.box#map #imagemap a {
position: absolute;
}
#main #contents .row section.box#map #imagemap a span {
display: none;
}
/* 北海道 */
#main #contents .row section.box#map #imagemap #hokkaido {
top: 0px;
left: 228px;
}
#main #contents .row section.box#map #imagemap #hokkaido a {
width: 122px;
height: 114px;
}
#main #contents .row section.box#map #imagemap #hokkaido a:hover {
background: transparent url(../img/top/map/map01.png) top left no-repeat;
}
/* 東北 */
#main #contents .row section.box#map #imagemap #touhoku {
top: 97px;
left: 216px;
}
#main #contents .row section.box#map #imagemap #touhoku a {
width: 97px;
height: 117px;
}
#main #contents .row section.box#map #imagemap #touhoku a:hover {
background: transparent url(../img/top/map/map02.png) top left no-repeat;
}
/* 関東 */
#main #contents .row section.box#map #imagemap #kanto {
top: 205px;
left: 200px;
}
#main #contents .row section.box#map #imagemap #kanto a {
width: 110px;
height: 67px;
}
#main #contents .row section.box#map #imagemap #kanto a:hover {
background: transparent url(../img/top/map/map03.png) top left no-repeat;
}
/* 中部 */
#main #contents .row section.box#map #imagemap #chubu {
top: 170px;
left: 140px;
}
#main #contents .row section.box#map #imagemap #chubu a {
width: 91px;
height: 158px;
}
#main #contents .row section.box#map #imagemap #chubu a:hover {
background: transparent url(../img/top/map/map04.png) top left no-repeat;
}
/* 近畿 */
#main #contents .row section.box#map #imagemap #kinki {
top: 152px;
left: 113px;
}
#main #contents .row section.box#map #imagemap #kinki a {
width: 59px;
height: 143px;
}
#main #contents .row section.box#map #imagemap #kinki a:hover {
background: transparent url(../img/top/map/map05.png) top left no-repeat;
}
/* 中国 */
#main #contents .row section.box#map #imagemap #chugoku {
top: 179px;
left: 44px;
}
#main #contents .row section.box#map #imagemap #chugoku a {
width: 78px;
height: 104px;
}
#main #contents .row section.box#map #imagemap #chugoku a:hover {
background: transparent url(../img/top/map/map06.png) top left no-repeat;
}
/* 四国 */
#main #contents .row section.box#map #imagemap #shikoku {
top: 265px;
left: 66px;
}
#main #contents .row section.box#map #imagemap #shikoku a {
width: 61px;
height: 85px;
}
#main #contents .row section.box#map #imagemap #shikoku a:hover {
background: transparent url(../img/top/map/map07.png) top left no-repeat;
}
/* 九州 */
#main #contents .row section.box#map #imagemap #kyushu {
top: 206px;
left: 0px;
}
#main #contents .row section.box#map #imagemap #kyushu a {
width: 68px;
height: 141px;
}
#main #contents .row section.box#map #imagemap #kyushu a:hover {
background: transparent url(../img/top/map/map08.png) top left no-repeat;
}
/* pickup */
#main #contents .row section.box#pickup{
padding:20px 1%;
}
#main #contents .row section.box#pickup p{
text-align:center;
line-height:1em;
}
#main #contents .row section.box#pickup p.title{
width:100%;
height:auto;
margin:0 auto 10px;
}
#main #contents .row section.box#pickup p.title img{
width:100%;
height:auto;
max-width:408px;
max-height:52px;
margin:0 auto;
}
#main #contents .row section.box#pickup ul{
width:88%;
margin:0 auto;
}
#main #contents .row section.box#pickup ul li {
width:50%;
float:left;
text-align:center;
margin:0 0 10px;
}
#main #contents .row section.box#pickup ul li img{
width:96%;
height:auto;
margin:0 auto;
max-width:190px;
max-height:180px;
}
#main #contents .row section.box#pickup ul li span{
display:block;
padding:0;
line-height:1.5em;
}
#main #contents .row section.box#pickup p.link_btn a{
width:60%;
height:auto;
margin:10px auto 0;
text-align:center;
display:block;
}
#main #contents .row section.box#pickup p.link_btn a img{
width:100%;
height:auto;
max-width:244px;
max-height:43px:
}
/* recruit */
#main #contents .row section.box#recruit{
padding:20px 1%;
height:465px;
}
#main #contents .row section.box#recruit p{
text-align:left;
line-height:1em;
}
#main #contents .row section.box#recruit p.title{
width:96%;
padding:0 2%;
height:auto;
margin:0 auto 25px;
}
#main #contents .row section.box#recruit p.title img{
width:100%;
height:auto;
max-width:218px;
max-height:50px;
margin:0 auto;
}
#main #contents .row section.box#recruit p.lead{
width:96%;
height:auto;
margin:0 auto 20px;
text-align:center;
}
#main #contents .row section.box#recruit p.lead img{
width:100%;
height:auto;
max-width:392px;
max-height:69px;
margin:0 auto;
}
#main #contents .row section.box#recruit p.pic{
width:96%;
height:auto;
margin:0 auto 20px;
text-align:center;
}
#main #contents .row section.box#recruit p.pic img{
width:100%;
height:auto;
max-width:391px;
max-height:238px;
margin:0 auto;
}
#main #contents .row section.box#recruit p.link_btn{
width:96%;
height:auto;
margin:0 auto 2px;
text-align:center;
}
#main #contents .row section.box#recruit p.link_btn img{
width:100%;
height:auto;
max-width:244px;
max-height:43px;
margin:0 auto;
}

/* recruit oyakoukou */
#main #contents .row section.box#recruit_contents,
#main #contents .row section.box#oyakoukou_contents{
width:49.5%;
padding:0;
text-align:center;
}
#main #contents .row section.box#recruit_contents .movie_box,
#main #contents .row section.box#oyakoukou_contents .oyakoukou_box{
width:100%;
height:auto;
margin:0;
}
#main #contents .row section.box#recruit_contents .recruit_box a,
#main #contents .row section.box#oyakoukou_contents .oyakoukou_box a{
display:block;
background:#fff;
border:none;
border:10px solid rgba(255,255,255,0);
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-moz-transition: none;
-webkit-transition: none;
transition: none;
padding:10px\9;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
#main #contents .row section.box#recruit_contents .recruit_box a:hover,
#main #contents .row section.box#oyakoukou_contents .oyakoukou_box a:hover{
border:10px solid #000;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-moz-transition: 0.3s ease;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
padding:0px\9;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
#main #contents .row section.box#recruit_contents .recruit_box a:hover:not(:target),
#main #contents .row section.box#oyakoukou_contents .oyakoukou_box a:hover:not(:target){
padding:0px\9;
}
#main #contents .row section.box#recruit_contents .recruit_box a:not(:target),
#main #contents .row section.box#oyakoukou_contents .oyakoukou_box a:not(:target){
padding:0px\9;
}
#main #contents .row section.box#recruit_contents .recruit_box.pink a:hover{
border:10px solid #ff8ba3;
}
#main #contents .row section.box#oyakoukou_contents .oyakoukou_box.pink a:hover{
border:10px solid #3d9738;
}
#main #contents .row section.box#recruit_contents .recruit_box.orange a:hover{
border:10px solid #00b4bf;
}
#main #contents .row section.box#oyakoukou_contents .oyakoukou_box.orange a:hover{
border:10px solid #3d9738;
}
#main #contents .row section.box#recruit_contents .recruit_box a img,
#main #contents .row section.box#oyakoukou_contents .oyakoukou_box a img{
	width:100%;
	max-width:455px;
	height:auto;
}

/* news */
#main #contents .row section.box#news{
padding:25px 0;
width:100%;
line-height:1.5em;
}
#main #contents .row section.box#news .header{
padding:0 20px 20px;
margin-bottom:20px;
border-bottom:1px solid #ccc;
position:relative;
}
#main #contents .row section.box#news .header p.title{
width:100%;
height:auto;
max-width:215px;
max-height:50px;
}
#main #contents .row section.box#news .header a{
position:absolute;
top:5px;
right:20px;
}
#main #contents .row section.box#news ul#news_list{
padding:0 40px;
line-height: 1.8em;
}
#main #contents .row section.box#news ul#news_list li{
padding-bottom:10px;
margin-bottom:10px;
background:url(../img/top/dot.gif) bottom left repeat-x;
}
#main #contents .row section.box#news ul#news_list li.last{
background:none;
}
#main #contents .row section.box#news ul#news_list p.fl{
width:29%;
float:left;
padding:0 0 0 0;
background:url(../img/top/icon_arrow.gif) right top no-repeat;
}
#main #contents .row section.box#news ul#news_list p.fr{
width:70%;
float:right;
padding:0 0 0 1%;
}

#main #contents .row section.box#news ul#news_list p.fl span.date{
width:59%;
}
#main #contents .row section.box#news ul#news_list p.fl span{
width:33%;
padding:0;
display:inline-block;
vertical-align: middle;
}

#main #contents .row section.box#news ul#news_list p.fl span.icon{
}
#main #contents .row section.box#news ul#news_list p.fl span.icon img{
width:100%;
max-width:83px;
max-height: 25px;
}