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

#topImage .inner {
    padding: 0px;
    height: 200px;
    width: 1080px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    background-image: url(images/main.png);
}
#topImage .inner h1 {
    text-align: left;
    font-size: 36px;
    font-weight: normal;
    line-height: 200px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 40px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    color: #fff;
	letter-spacing: 0.1em;
}

#contents .contents_inner #cnt_01,
#contents .contents_inner #cnt_02,
#contents .contents_inner #cnt_03,
#contents .contents_inner #cnt_04,
#contents .contents_inner #cnt_05{
	clear:both;
	width:1080px;
	margin:0 auto 65px;
}
#contents .contents_inner #cnt_01 ul li{
	width:253px;
	height:50px;
	margin-right:20px;
	background-color:#fff;
	border:1px solid #0051AA;
	color:#0051AA;
	line-height:3em;
}
#contents .contents_inner #cnt_01 ul li a{
	color:#0051AA;
	display:block;	
}
#contents .contents_inner #cnt_01 ul li:last-child{
	margin-right:0px;
}

#cnt_01 a.current{
	color:#fff !important; /*  ←これが反映されない */
	background:#0051AA;
	border:1px solid #0051AA;
}
#contents .contents_inner ul{
	overflow: hidden;
}
#contents .contents_inner ul li{
	float: left;
	margin-right: 60px;
	margin-bottom:70px
}
#contents .contents_inner ul li:nth-child(3n) {
	margin-right: 0px;
}
#contents .contents_inner ul li p.mark{
    color: #fff;
    text-align: center;
    font-weight: 400;
	background: none;
	margin-top: 110px;
}
#contents .contents_inner ul li p{
	color:#000000;
	margin:10px 0;
}

/*マウスホバーアクション*/
#contents .contents_inner ul li .imgWrap {
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
	width: 320px;	/*画像の幅*/
	height: 240px;	/*画像の高さ*/
	background: #000;
	position: relative;
}
.transform01 {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
figcaption {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 0;
}
#contents .contents_inner ul li .imgWrap:hover figcaption {
  opacity: 1;
}
#contents .contents_inner ul li .imgWrap:hover img {
	opacity: 0.9;
	-webkit-transform: scale(1.12);
	transform: scale(1.12);
}
.fa-arrow-circle-o-right:before {
	content: "\f18e";
	font-size: 30px;
}
/******************************************************** スマホ用設定 */

@media screen and (min-width: 0px) and (max-width: 640px) {
#topImage .inner {
    padding: 0px;
    height: 200px;
    width: 100%;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    background-image: url(/images/main_sp.jpg);
	background-size: cover;
	background-position-x: right;
}
#topImage .inner h1 {
    font-size: 34px;
    margin-left: 40px;
	letter-spacing: 0em;
}

#contents .contents_inner #cnt_01,
#contents .contents_inner #cnt_02,
#contents .contents_inner #cnt_03,
#contents .contents_inner #cnt_04,
#contents .contents_inner #cnt_05{
	clear:both;
	width:90%;
	margin:0 auto 65px;
}
#contents .contents_inner #cnt_01 ul li{
	float:left;
	width: 48%;
	height: 38px;
	margin-right: 3px;
	background-color: #fff;
	border: 1px solid #0051AA;
	color: #0051AA;
	line-height: 3em;
	font-size: 12px;
}
#contents .contents_inner #cnt_01 ul li a{
	display:block;	
}

#cnt_01 a.current{
	color:#fff !important; /*  ←これが反映されない */
	background:#0051AA;
	border:1px solid #0051AA;
}
#contents .contents_inner ul{
	overflow: hidden;
}
#contents .contents_inner ul li{
	float: none;
	margin-right: 0;
	margin-bottom: 17px;
}
#contents .contents_inner ul li:nth-child(3n) {
	margin-right: 0px;
}
#contents .contents_inner ul li p.mark{
    color: #fff;
    text-align: center;
    font-weight: 400;
	background: none;
	margin-top: 110px;
}
#contents .contents_inner ul li p{
	color:#000000;
	margin:10px 0;
	line-height: 1.2em;
}

/*マウスホバーアクション*/
#contents .contents_inner ul li .imgWrap {
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
	width: 100%;
	height: auto;
	background: #fff;
	position: relative;
}
.transform01 {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
figcaption {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: none;
	-webkit-transition: .3s;
	transition: 0;
	opacity: 1;
}
#contents .contents_inner ul li .imgWrap:hover figcaption {
  opacity: 1;
}
#contents .contents_inner ul li .imgWrap:hover img {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.fa-arrow-circle-o-right:before {
	content: "";
	font-size: 30px;
}
}
@media screen and (min-width: 0px) and (max-width: 360px) {
#topImage .inner h1 {
    font-size: 30px;
    margin-left: 15px;
	text-shadow:0px 0px 10px #0069c2;
	color:#FFF;
}	
#contents h2 {
    line-height: 1.2em;
}
}