/* CSS Document */

/* メインエリア  */

.top-main-img {
	position:relative;
}




#example {
	position:relative;
	width: 100%;

	height:620px;

	background-image:url(../img/body/main_pic.jpg);
	background-size: cover  ;
	background-position: center top;
	background-repeat:no-repeat;

	clear: both;
	position:relative;
}


.lead-main {
	position:absolute;
	bottom:2em;
	right:2em;
}


/* タイトル */

.h1-main {
	display:block;
	font-size:1.5em;
	font-weight:bold;
	margin-bottom:20px;
	padding-bottom:5px;
	color:rgba(0,68,130,1.00);
/*	border-bottom:rgba(0,68,130,1.00) solid 1px; */
	text-align:center;
}


/* SP用　599px以下: デフォルト */
@media (max-width: 599px) {



/* メインエリア  */



#example {
	width: 100%;
	min-width: 100%;
	height:auto;
	min-height:200px;
	background-image:url(../img/body/main_pic.jpg);
	background-size: cover  ;
	background-position: center top;
	background-repeat:no-repeat;

	clear: both;
	position:relative;


}


.lead-main {
	position:absolute;
	bottom:1em;
	right:1em;
	width:80%;
}


.slick-prev,
.slick-next
{
    height: 40px!important;
    width: 20px!important;
}
.slick-prev:before,
.slick-next:before
{
    width: 16px!important;
    height: 16px!important;
    margin-top: -8px!important;
    left: 4px!important;
}
.slick-next:before
{
    left: auto!important;
    right: 4px!important;
}
.slick-dots {
	display:none!important;
}





/* タイトル */

.h1-main {
	display:block;
	font-size:1.3em;
	font-weight:bold;
	margin-bottom:10px;
	padding-bottom:5px;
	color:rgba(0,68,130,1.00);
/*	border-bottom:rgba(0,68,130,1.00) solid 1px; */
	text-align:center;
}





}


/*タブレット用 600px以上 959 未満*/
@media (max-width: 959px) and (min-width: 600px) {



}

 /* 960px以上 1199px 未満*/
@media (max-width: 1199px) and (min-width: 960px) {





}

/*PC用 1281px以上 */
@media (min-width: 1281px) {

}




/*==============================================================
各部門紹介
==============================================================*/

.bg {
	background:#F5F5F5;
}

ul.division-menu {
	display:flex;
	flex-wrap:wrap;
}

ul.division-menu li{
	position:relative;
	flex-basis:22%;
	margin:1.5%;
	-moz-border-radius: 6px;    /* Firefox */
	-webkit-border-radius: 6px; /* Safari,Chrome */
	border-radius: 6px;
	box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);	
	background: #fff;
	overflow:hidden;
}



ul.division-menu li img{
	width:100%;
	height:auto;


}

ul.division-menu li a{
	display:block;
	color:#333;
	text-decoration:none;


}

ul.division-menu li a:hover{
	text-decoration: underline;
}

ul.division-menu li strong{
	display:block;
	text-align: center;
	padding-top: 2em;
	padding-right: 0.3em;
	padding-left: 0.3em;
	padding-bottom: 2em;
	background: #fff;
	font-weight: bold;
}

ul.division-menu li.division-menu-list-2line strong{
	padding:1.2em 0.3em;}


/* SP用　599px以下: デフォルト */
@media (max-width: 599px) {


ul.division-menu li{
	position:relative;
	flex-basis:44%;
	margin:3%;

}

ul.division-menu li strong{
	display:block;
	text-align: center;
	padding-top: 1.2em;
	padding-right: 0.3em;
	padding-left: 0.3em;
	padding-bottom: 1.2em;
	background: #fff;
	font-weight: bold;
}


ul.division-menu li.division-menu-list-2line strong{
	padding:0.5em 0.3em;}

}


/*タブレット用 600px以上 959 未満*/
@media (max-width: 959px) and (min-width: 600px) {

ul.division-menu li{
	position:relative;
	flex-basis:30%;
	margin:1.5%;

}



}

 /* 960px以上 1199px 未満*/
@media (max-width: 1199px) and (min-width: 960px) {





}

/*PC用 1281px以上 */
@media (min-width: 1281px) {

}







/**/


/* SP用　599px以下: デフォルト */
@media (max-width: 599px) {


}


/*タブレット用 600px以上 959 未満*/
@media (max-width: 959px) and (min-width: 600px) {


}

 /* 960px以上 1199px 未満*/
@media (max-width: 1199px) and (min-width: 960px) {

}

/*PC用 1281px以上 */
@media (min-width: 1281px) {

}