@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------
	☆uniq
----------------------------------------------------*/
#header {
	margin-bottom: 30px;
}
#contents {
	padding-top:35px;
	padding-bottom:0;
}
/*-----------*/
#contents .intro{
	position:relative;
	width:93%;
	margin-left:auto;
	margin-right:auto;
	max-width:1200px;
	height:auto;
}
#contents .intro .hello{
	position:absolute;
	left:30%;
	top:0;
	z-index:3;
	margin-top:-5%;
	max-width:131px;
	width:22%;
}
#contents .intro .hello img{ width:100%;}
#contents .intro ul{
	overflow:hidden;
}
#contents .intro ul li{
	float:left;
	width:33.333%;
	padding:0 30px;	
box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#contents .intro ul li .image{
	text-align:center;
	margin-bottom:15px;
}
#contents .intro ul li .image img{
	max-width:200px;
}
#contents .intro ul li .head02{
	margin-bottom:15px;
}
#contents .intro ul li .tx{
	line-height:1.6em;
	margin-bottom:20px;
}
#contents .intro ul li .btn01{
	width:80%;
	font-size:1em;
}
#contents .intro ul li .btn01 a{
	padding:5px 0;
}
/*-----------*/
#contents .news{
	background:url(../../lib/cmn_img/bg_gray.jpg) left top repeat;
	padding:60px 0;
	margin-bottom:0;
}
#contents #column_container {
	overflow: hidden;
}
#contents .news .btn01{
	margin-top:30px;
	width:90%;
}
/*-----------*/
#contents .otherMenu{
	max-width:1200px;
	margin:0 auto;
}
#contents .otherMenu ul{
	display:table;
	width:100%;
	border-left:1px solid #e5e5e5;
}
#contents .otherMenu ul li{
	display:table-cell;
	vertical-align:top;
	width:20%;
	padding:30px 20px;
	border-right:1px solid #e5e5e5;
	text-align:center;
}
#contents .otherMenu ul li .image01,
#contents .otherMenu ul li .image02{
	text-align:center;
	margin-bottom:10px;
}
#contents .otherMenu ul li .image02{ margin-bottom:20px;}
#contents .otherMenu ul li .image01 img{ max-width:136px; width:100%;}
#contents .otherMenu ul li .image02 img{ max-width:83px; width:100%;}
#contents .otherMenu ul li .tx{
	font-size:1.38em;
	margin-bottom:15px;
	line-height:1.5em;
}
#contents .otherMenu ul li .kochira{
	display:inline-block;
	background:url(../../lib/cmn_img/arrow_02_black_right.png) left 5px no-repeat;
	background-size:3px 6px;
	padding-left:10px;
	border-bottom:1px solid #da6683;
	padding-bottom:3px;
	line-height:1.2em;
	font-family: hannari;
}

/*----------------------------------------------------
	☆mv_slide
----------------------------------------------------*/
#mv_slide .sp-slide{
	background-position:center center;
	background-size:cover !important;
	width:1024px;
	height:380px;
	margin-bottom:50px;
}
#mv_slide{
	margin-bottom:0;
	height:380px;
}
.sp-next-arrow{
	background:url(../../images/icon_next.png) left top no-repeat;
	background-size:cover !important;
	content:none;
}
.sp-previous-arrow{
	background:url(../../images/icon_prev.png) left top no-repeat;
	background-size:cover !important;
	content:none;
}
.sp-horizontal .sp-arrow{
    color: #fff;
    cursor: pointer;
    font-size:0;
    position: absolute;
    text-shadow:none;
				width:50px;
				height:50px;
				margin-top:-10px;
}

@media screen and (min-width:769px) {
.grid-sizer, .grid-item{ width:24.9%;}
}
@media screen and (max-width:1024px) {
#contents {
	padding-top:4%;
}
#contents .intro .hello{
	left:20%;
	top:0;
	margin-top:-8%;
	width:20%;
}
/*-------*/
#header {
	margin-bottom: 0;
}
#mv_slide {
    height: auto;
    position: relative;
}
.sp-horizontal .sp-arrow{
				width:25px;
				height:25px;
}
}

@media screen and (max-width:768px) {
/*--------*/
#contents .intro ul li{
	float:none;
	width:100%;
	padding:0 0 10px 0;
	overflow:hidden;
	border-bottom:1px dotted #ccc;
	margin-bottom:10px;
}
#contents .intro ul li:last-child{ margin-bottom:0;}
#contents .intro ul li .image{
	margin-bottom:0;
	float:left;
	width:25%;
}
#contents .intro ul li .head02{
	margin-bottom:0;
	text-align:left;
	background:none;
	padding:3% 0 0 0;
	float:right;
	width:72%;
	font-size:1.16em;
}
#contents .intro ul li .tx{
	clear:both;
	padding-top:10px;
	width:100%;
	line-height:1.5em;
	margin-bottom:10px;
	font-size:0.93em;
}
/*-----------*/
#contents .otherMenu ul{
	display:block;
	width:100%;
	border-left:none;
}
#contents .otherMenu ul li{
	display:block;
	width:100%;
	padding:20px;
	border-right:none;
	border-bottom:1px solid #e5e5e5;
	text-align:left;
}
#contents .otherMenu ul li a{
	display:table;
	width:100%;
}
#contents .otherMenu ul li .image,
#contents .otherMenu ul li .info{
	display:table-cell;
	vertical-align:middle;
}
#contents .otherMenu ul li .image{
	width:25%;
}
#contents .otherMenu ul li .info{
	width:75%;
	padding-left:15px;
}
#contents .otherMenu ul li .image01,
#contents .otherMenu ul li .image02{
	text-align:center;
	margin-bottom:6px;
}
#contents .otherMenu ul li .image02{ margin-bottom:0;}
#contents .otherMenu ul li .tx{
	font-size:1.23em;
	margin-bottom:10px;
}
#contents .otherMenu ul li .tx br{ display:none;}
#contents .otherMenu ul li .kochira{
	display:inline-block;
	background:url(../lib/cmn_img/arrow_02_black_right.png) left 5px no-repeat;
	background-size:3px 6px;
	padding-left:10px;
	border-bottom:1px solid #da6683;
	padding-bottom:3px;
	line-height:1.2em;
	font-family: hannari;
}
}