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

.breadcrumb {
	margin-bottom: 0rem;
}

#mainImageWrap   {
	background-color: rgba(255,255,255,1.00);
}
.container-fluid#mainImageWrap {
	padding-left: 0;
	padding-right:0;
}

h1 {
	margin-top: 20px;
	margin-bottom: 0px;
	border:none;
	text-align: center;
}
.h1Wrap {
    position: absolute;
    bottom: 5%;
    left: 0;
    right: 0;
}
@media only screen and (min-width : 1200px) {
    .h1Wrap {
        bottom: 10%;
    }
}

#mainImage  {
	background-image: url('../img/mainimage2021.jpeg');
	background-repeat: no-repeat;
	background-position:center center;
	background-size:cover;
	height:75vw;
	background-color: rgba(255,255,255,1.00);
	max-width: 1250px;
	margin-left: auto;
	margin-right:auto;
	position:relative;
}
@media only screen and (min-width : 640px) {
    #mainImage  {
        height:50vw;
    }
}




#gradations {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RmZDNhNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjZGZkM2E3IiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iOTclIiBzdG9wLWNvbG9yPSIjZGZkM2E3IiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RmZDNhNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);

background: -moz-linear-gradient(left,  rgba(223,211,167,1) 0%, rgba(223,211,167,0) 3%, rgba(223,211,167,0) 97%, rgba(223,211,167,1) 100%);

background: -webkit-linear-gradient(left,  rgba(223,211,167,1) 0%,rgba(223,211,167,0) 3%,rgba(223,211,167,0) 97%,rgba(223,211,167,1) 100%);

background: linear-gradient(to right,  rgba(223,211,167,1) 0%,rgba(223,211,167,0) 3%,rgba(223,211,167,0) 97%,rgba(223,211,167,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfd3a7', endColorstr='#dfd3a7',GradientType=1 );






	position:absolute;
	height:600px;
	top:0px;
	width:100%;
	max-width: 1250px;
}


.deskTop,
.mobileAp,
.service {
	padding: 1.5rem 0;
	color: #FFFFFF;
	font-size: 1.8rem;
}
.deskTop {
	background-color: #F70004;
}
.mobileAp {
	background-color: #0485D4;
}
.service {
	background-color: #90D700;
}

#pick a {
	display: block;
	margin:0;
	padding:20px;
	transition-duration: 0.3s; 
	border: solid 3px #FAFAFA;
	border-radius: 2px;
}
#pick a:hover  {
	transform: scale(1.04);
	background-color: #FAFAFA;
	box-shadow: #888 0px 4px 10px;
}


.newsList li {
	margin-bottom: 1rem;
}
#news ul,
#news li {
	margin: 0;
	padding:0;
	list-style: none;
}
#news ul {
}

#news li {
	border-bottom: solid 1px #EFEFEF;
}
#news li a {
	padding: 1.3rem 1.5rem 1.3rem 0;
	display:block;
	color:#000000;
	width: 100%;
	background-image:url(images2015/arrow.png);
	background-repeat:no-repeat;
	background-position:99%;
}
#news li a:hover {
	background-color: #EBEBEB;
	text-decoration:none;
}
#news li span.continue {
}
#news li a:after {
/*    content: "　\e080";
    font-family: 'Glyphicons Halflings';
*/
}
#news li a span {
	margin-right:1rem;
}
#news h2 {
	margin-bottom: 0;
}


@media only screen and (max-width : 1199px) {
	#mainImage,
	#gradation  {
	}
}

@media only screen and (max-width : 991px) {
	.deskTop,
	.mobileAp,
	.service {
		padding: 1.3rem 0;
		color: #FFFFFF;
		font-size: 1.4rem;
	}
	#mainImage,
	#gradation {
	}
}

@media only screen and (max-width : 767px) {
		.deskTop,
		.mobileAp,
		.service {
			padding: 1.3rem 0;
			color: #FFFFFF;
			font-size: 1.6rem;
	}
	#mainImage,
	#gradation {
	}
}


#pickup .category {
	color: #37A0B6;
	padding-bottom:0.3rem;
	border-bottom:solid 1px #EEE;
}
#pickup h4 {
	font-size: 24px;
	border:none;
	margin-top: 0;
	margin-bottom:1.2rem;
	padding:0;
}
#pickup a {
	display:block;
	color:#000000;
	padding:2rem 0;
}
#pickup a:hover {
	text-decoration: none;
}
#pickup p {
	font-size: 1.5rem;
	
}
#pickup img {
	border: solid 1px #E6E6E6;
}
#pickup .row div[class^='col-'] {
	margin-bottom:1rem;
}