@charset "utf-8";
@import url("sub_page.css");

/*wrap
----------------------------------------*/
#wrap.index {/* padding-top:40px; */}

/*contents
---------------------------*/
body.home #gNavi li.oo1 a {
	display:block;
	text-indent:-99999px;
	width:163px;
	height:42px;
	background:url(../../common/img/gnavi01_on.png) no-repeat 0 0;
}

/*------*/
.cimgBox {
	width:330px;
	float:left;
	margin:0 20px 20px 0;
	box-sizing:border-box;
}

.cimgBox.op02{ margin-right:0;}
.cimgBox.op04{ margin-right:0;}
/*.cimgBox dt a:hover img { filter:Alpha(opacity=60); -moz-opacity:0.6; opacity:0.60;}
.cimgBox:hover dd { border: solid #414585; border-width:0 1px 1px 1px;}*/

.cimgBox.oo2 dt.pcItem a,.cimgBox.oo3 dt.pcItem a,.cimgBox.oo4 dt.pcItem a { display:block; width:330px; height:196px; text-indent:-99999px;}

.cimgBox.oo1 dt.pcItem { background:url(../../img/bg_ctop01.jpg) no-repeat 0 0;}
.cimgBox.oo2 dt.pcItem a { background:url(../../img/img_ctop02.jpg) no-repeat 0 0;}
.cimgBox.oo3 dt.pcItem a { background:url(../../img/img_ctop03.jpg) no-repeat 0 0;}
.cimgBox.oo4 dt.pcItem a { background:url(../../img/img_ctop04.jpg) no-repeat 0 0;}

.cimgBox.oo1:hover dt.pcItem { background:url(../../img/bg_ctop01_on.jpg) no-repeat 0 0;}
.cimgBox.oo2:hover dt.pcItem a { background:url(../../img/img_ctop02_on.jpg) no-repeat 0 0;}
.cimgBox.oo3:hover dt.pcItem a { background:url(../../img/img_ctop03_on.jpg) no-repeat 0 0;}
.cimgBox.oo4:hover dt.pcItem a { background:url(../../img/img_ctop04_on.jpg) no-repeat 0 0;}

.cimgBox:hover dd { border: solid #414585; border-width:0 1px 1px 1px;}
/*.cimgBox.oo2:hover dd,.cimgBox.oo3:hover dd,.cimgBox.oo4:hover dd { border: solid #414585; border-width:0 1px 1px 1px;}*/


.cimgBox dd {
	background:#fafefe;
	padding:10px 15px;
	min-height:120px;
	
	border: solid #e6e6e6;
	border-width:0 1px 1px 1px;
	
	border-bottom-right-radius: 10px; 
	border-bottom-left-radius: 10px; 
    -webkit-border-bottom-right-radius: 10px;  
    -webkit-border-bottom-left-radius: 10px;  
    -moz-border-radius-bottomright: 10px;  
    -moz-border-radius-bottomleft: 10px; 
	
	box-sizing:border-box;
}
.cimgBox dd a.tit {
	display:inline-block;
	background:url(../../common/img/lbg01.png) no-repeat 0 center;
	padding-left:15px;
	margin-bottom:5px;
	font-size:120%;
	font-weight:bold;
	color:#313271;
	text-decoration:none;
}
.cimgBox dd a.tit:hover { text-decoration:underline;}

/*------*/
.leadTxTop {
	background:url(../img/bg_lead.png) repeat-x 0 0;
	padding-top:30px;
	margin-bottom:30px;
	line-height:1.8em;
}

/*------*/
.indexInfo {
	width:100%;
	min-height:45px;
	background:url(../img/line_info.png) repeat-x 0 bottom;
	font-size:140%;
	padding:0 0 10px 35px;
	margin-bottom:20px;
	position:relative;
	box-sizing:border-box;
}
.indexInfo.info { margin-top:40px;}
.indexInfo a.arrow02 { position:absolute; right:0px; top:0px; font-size:70%; color:#333; text-decoration:none;}
.indexInfo a.arrow02:hover { text-decoration:underline;}
.indexInfo:after {
    content: " ";
    position: absolute;
	top:2px;
	left:0px;
    background: url(../img/rsp_img/bg_h2sub_thm.png) no-repeat 0 0;
	background-size:24px 11px;
    display: block;
    height: 11px;
    width: 24px;
}
.indexInfo strong { font-weight:bold;}
.indexInfo em { font-size:70%;}
.indexInfo span { display:inline-block; margin:0 15px;}
/*-----------*/
.infoLink {
	width:100%;
	margin-bottom:50px;
	border:1px solid #e6e6e6;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.infoLink li {
	padding:10px;
	border-bottom:1px solid #e6e6e6;
}
.infoLink li img.icon{ display:inline-block; margin:0 15px;}
.infoLink li:last-child{ border-bottom:none;}
.infoLink li:nth-child(odd){ background:#fafafa;}

/*-----------*/
#kv {width:100%;height: auto;background-color:#fff;background-repeat:no-repeat;/*background: url(../../img/bg_kv.jpg) no-repeat center top;*//*text-indent:-999999px;*/margin-bottom: ;overflow:hidden;}

/*-----------*/
#performance { width:100%; height:54px; background: url(../../img/bg_performance.png) repeat-x;}
#performance2 {width:100%;height:54px;background: none;}
#performance2 .Blk {
	width:980px;
	margin:0 auto;
	color:#313271;
	font-size:150%;
	font-weight:bold;
	padding:18px 0;
	box-sizing:border-box;
}

#performance .Blk {
	width:980px;
	margin:0 auto;
	color:#fff;
	font-size:150%;
	font-weight:bold;
	padding:18px 0;
	box-sizing:border-box;
}
#performance .Blk2,
#performance2 .Blk2 {
	text-align:center;
	padding: 20px 0;
	}

#performance2 .Blk2 a {
	color: #cc0000;
 }

#performance .Blk em { font-size:60%; font-weight:normal;}


/*-----------*/
#facility { width:100%; height:160px; background:#fff8e6; border-bottom:1px solid #ece7da;}
#facility .facilityBlk { width:980px; margin:0 auto; padding-top:15px; box-sizing:border-box;}
#facility .facilityBlk a {
	display:block;
	width:320px;
	height:130px;
	text-decoration:none;
	color:#333;
	background:#fff;
	border:1px solid #ece7da;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	float:left;
	margin-right:10px;
	box-sizing:border-box;
}
#facility .facilityBlk a.last { margin-right:0px;}
#facility .facilityBlk a strong {
	display:block;
	background:#f79c19 url(../../img/arrow_facility.png) no-repeat 98% center;
	border-top:1px solid #f79c19;
	border-left:1px solid #f79c19;
	border-right:1px solid #f79c19;
	border-bottom:2px solid #ffd800;
	
	border-top-right-radius: 8px; 
	border-top-left-radius: 8px; 
    -webkit-border-top-right-radius: 8px;  
    -webkit-border-top-left-radius: 8px;  
    -moz-border-radius-topright: 8px;  
    -moz-border-radius-topleft: 8px; 
	
	color:#fff;
	font-weight:bold;
	font-size:120%;
	padding:10px 10px 10px 150px;
	margin-bottom:10px;
	box-sizing:border-box;
}
#facility .facilityBlk a em { display:block; width:138px; height:112px; float:left; margin:-45px 11px 0 5px;}

#facility .facilityBlk a span { display:block; margin-bottom:5px;}
#facility .facilityBlk a span.arrow {background:url(../img/lbg04.png) no-repeat 0 6px; padding-left:8px; color:#313271; overflow:hidden;}

#facility .facilityBlk a:hover {border:1px solid #323272;}
#facility .facilityBlk a:hover strong { background:#f78719 url(../../img/arrow_facility.png) no-repeat 98% center; }
#facility .facilityBlk a:hover span { }

@media (max-width: 768px) {
/*-----------*/
#wrap.index { padding-top:20px;}

/*TOP
----------*/
.cimgBox {
	width:48%;
	float:left;
	margin:0 10px 20px 0;
}
.cimgBox.op02{ margin-right:0;}
.cimgBox.op03{ margin-right:10px;}
.cimgBox dt img { width:100%; height:auto;}
.cimgBox dd { padding:10px; min-height:140px;}
.cimgBox dd a.tit { font-size:100%;}

.cimgBox.oo2:hover dd,.cimgBox.oo3:hover dd,.cimgBox.oo4:hover dd { border: solid #e6e6e6; border-width:0 1px 1px 1px;}


/*------*/
.leadTxTop {
	background:none;
	padding-top:0;
	margin-bottom:10px;
}
/*-----------*/
#kv { width:100%; height: auto; background-size:200%; background-repeat:no-repeat;}
#kv img { width:100%; height: auto;}
/*-----------*/
#performance .Blk,
#performance2 .Blk	{ width:100%; padding:18px 10px; font-size:140%;}
#performance2 .Blk2,
#performance .Blk2 {
    text-align: left;
    font-size:14px;
    padding:11px 10px;
}
/*------*/
#facility { height: auto;}
#facility .facilityBlk { width:100%;}
#facility .facilityBlk a {
	display:block;
	width:90%;
	height:145px;
	float:none;
	font-size:90%;
	margin: 0px auto 10px auto;
	box-sizing:border-box;
}
#facility .facilityBlk a.last { margin-right:auto;}
#facility .facilityBlk a strong { padding:15px 10px 10px 150px;}
/*-----------*/
.indexInfo { padding:0 0 10px 20px;}
.indexInfo:after { top:3px; background-size:14px 6px; height: 6px; width: 14px;}
.indexInfo.info { margin-top:20px;}
.indexInfo em { display: block;}
.indexInfo span { display:none;}
.indexInfo a.arrow02 { font-size:50%;}
/*-----------*/
.infoLink li a { display:block; margin-top:5px;}
/*-----------*/
/*-----------*/
}


.pcItem {
    display: block;
}

.spItem {
    display: none;
}
.spItem img{
  width: 100%;
}
/*
max-width: 768px
----------------------------------------*/

@media (max-width: 768px) {
    .pcItem {
    display: none;
}

.spItem {
    display:block;
}
/*-----------*/
#kv { width:100%; height: auto; background-size:100%; background-repeat:no-repeat;}
#kv img { width:100%; height: auto;}
}