@charset "utf-8";

h1 {
	color: #333333;
	text-shadow: 
		#fff 3px 3px,  #fff -3px 3px,
		#fff 3px 2px,  #fff -3px 2px,
		#fff 3px 1px,  #fff -3px 1px,
		#fff 3px 0px,  #fff -3px 0px,
		#fff 3px -1px,  #fff -3px -1px,
		#fff 3px -2px,  #fff -3px -2px,
		#fff 3px -3px,  #fff -3px -3px,
		
		#fff 2px 3px,  #fff -2px 3px,
		#fff 2px 2px,  #fff -2px 2px,
		#fff 2px 1px,  #fff -2px 1px,
		#fff 2px 0px,  #fff -2px 0px,
		#fff 2px -1px,  #fff -2px -1px,
		#fff 2px -2px,  #fff -2px -2px,
		#fff 2px -3px,  #fff -2px -3px,
		
		#fff 1px 3px,  #fff -1px 3px,
		#fff 1px 2px,  #fff -1px 2px,
		#fff 1px 1px,  #fff -1px 1px,
		#fff 1px 0px,  #fff -1px 0px,
		#fff 1px -1px,  #fff -1px -1px,
		#fff 1px -2px,  #fff -1px -2px,
		#fff 1px -3px,  #fff -1px -3px,
		
		#fff 0px 3px,
		#fff 0px 2px,
		#fff 0px 1px,
		#fff 0px 0px,
		#fff 0px -1px,
		#fff 0px -2px,
		#fff 0px -3px;
	top: 50% !important;
	transform: translateY(-50%);
}


.main-message {
	background-image:url(/images/main-message-bg.jpg);
	background-size: cover;
	background-position: bottom;
	font-family: uddigikyokasho-pro, sans-serif;
	font-weight: 400;
	font-style: normal;
}
.main-message h2 {
	font-size: 18px;
	line-height: 1.4;
}
.main-message img.position-absolute {
	right: 3%;
	top: 0px;
	width: 25%;
	}

.main-message h2 span {
	font-size: 30px;
	color: #86272a;
}
.main-message h2 span.ls {
	letter-spacing: .2rem;
}
/*********ラージサイズ**********/
@media screen and (min-width: 1200px){

	.main img {
		/*-webkit-filter: brightness(1.15);
		filter: brightness(1.15);*/
	}
		
	h1 {
		display: block;
		width: 100%;
		text-align: center;
		position: absolute;
		top: 25%;
		left: 0%;
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 2.7vw;
		line-height: 1.5em;
		max-width: 100%;
	}
	h2 {
		display: block;
		text-align: center;
		font-size: 1.4em;
		line-height: 1.6em;
		/*margin: 160px 0px 80px;*/
	}
	h3 {
		display: block;
		font-size: 1.5em;
		line-height: 1.5em;
		margin-bottom: 25px;
	}


	.main .news {
		padding: 30px 30px 17px;
		width: 50%;
		height: 160px;
		position: relative;
		margin: -150px auto 0;
		left: 0%;
		background-color: #FFFFFF;
		box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	}
	.main .news .newstitel {
		display: block;
		font-size: 1.4em;
		line-height: 1em;
		border-left: 10px solid #af2d32;
		text-indent: 10px;
		margin-bottom: 10px;
	}
	.main .news ul {
		list-style-type: none;
		height: 220px;
		overflow: auto;
	}

	.news ul li {
		display: block;
		padding: 10px 0px;
		border-bottom: 1px solid #DBDBDB;
		line-height: 1.5em;
	}
	.news ul li a {
		display: block;	
	}
	.news ul li a:hover {
		color: #333;
		text-decoration: none;		
	}

	.news ul li:last-child {
		border-bottom-width: 0px !important;
		border-bottom-style: none !important;
		padding-bottom: 10px !important;
	}
	.mb15 {
		margin-bottom: 15px;
	}
	.content {
		width: 100%;
		padding: 50px 0px;
		/*
		background-image: url(../images/bg1.png);
		background-repeat: repeat;
		*/
		background-color: #fff;
		background-image: linear-gradient(-45deg, transparent 48%, #ed0611 48%, #ed0611 52%, transparent 52%, transparent 100%);
		background-size: 10px 10px;
	}

	.content_titel {
		display: block;
		text-align: center;
		font-weight: 700;
		font-size: 1.7em;
		line-height: 1.8em;
	}
	.line1 {
		border-top: 3px solid #333;
		border-bottom-width: 0px;
		display: block;
		margin: 0px auto 40px;
		width: 70px;
	}
	.cont_enclosure {
		width: 100%;
	}

	.contbox {
		width: 24%;
		margin-bottom: 20px;
		border: 1px solid #7D7D7D;
		background-color: #FFFFFF;
		text-align: center;
		font-size: 1.2em;
	}
	.contbox a {
		padding: 30px;
		display: block;
	}
	.searchlink {
		font-size: 0.88em;
		line-height: 1.2em;
		background-image: url(../images/icon_yajirushi.png);
		background-position: 0% 0%;
		background-repeat: no-repeat;
		background-size:contain;
		text-indent: 27px;
		display: inline-block;
	}
	.contbox img {
		width: 70%;
		margin: 5px auto;
		display: block;
	}
	.company_enclosure {
		margin-bottom: 100px;
	}

	.company_box1 {
		width: 43%;
		padding-top: 6%;
	}
	.company_box2 {
		width: 50%;
	}
	.company_box2 img {
		width: 100%;
		display: block;
	}
	.company_link {
		display: block;
		padding: 15px;
		width: 40%;
		background-color: #000000;
		margin-top: 30px;
	}
	.company_link a {
		display: block;
		color: #FFFFFF;
		font-size: 1.2em;
		line-height: 1.1em;
		text-align: center;
	}
	.company_link a:hover {
		color: #fff;
	}
	
}





/*********ミディアムサイズ1**********/
@media screen and (min-width:1025px) and (max-width:1199px) {

	.main img {
		/*-webkit-filter: brightness(1.15);
		filter: brightness(1.15);*/
	}
		
	h1 {
		display: block;
		width: 100%;
		text-align: center;
		position: absolute;
		top: 25%;
		left: 0%;
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 2.9vw;
		line-height: 1.5em;
		max-width: 100%;
	}

	h2 {
		display: block;
		text-align: center;
		font-size: 1.4em;
		line-height: 1.6em;
		/*margin-top: 170px;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 65px;*/
	}
	h3 {
		display: block;
		font-size: 1.4em;
		line-height: 1.5em;
		margin-bottom: 25px;
	}


	.main .news {
		padding: 30px 30px 17px;
		width: 60%;
		height: 160px;
		position: relative;
		margin: -120px auto 0;
		/*top: 70%;*/
		right: 0;
		left: 0;
		background-color: #FFFFFF;
		box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	}
	.main .news .newstitel {
		display: block;
		font-size: 1.4em;
		line-height: 1em;
		border-left: 10px solid #af2d32;
		text-indent: 10px;
		margin-bottom: 10px;
	}
	.main .news ul {
		list-style-type: none;
		height: 200px;
		overflow: auto;
	}

	.news ul li {
		display: block;
		padding: 10px 0px;
		border-bottom: 1px solid #DBDBDB;
		line-height: 1.3em;
	}
	.news ul li a {
		display: block;	
	}
	.news ul li a:hover {
		color: #333;
		text-decoration: none;		
	}
	.news ul li:last-child {
		border-bottom-width: 0px !important;
		border-bottom-style: none !important;
		padding-bottom: 10px !important;
	}
	.mb15 {
		margin-bottom: 15px;
	}
	.content {
		width: 100%;
		padding: 40px 0px;
		/*
		background-image: url(../images/bg1.png);
		background-repeat: repeat;
		*/
		background-color: #fff;
		background-image: linear-gradient(-45deg, transparent 48%, #ed0611 48%, #ed0611 52%, transparent 52%, transparent 100%);
		background-size: 10px 10px;
	}

	.content_titel {
		display: block;
		text-align: center;
		font-weight: 700;
		font-size: 1.7em;
		line-height: 1.8em;
	}
	.line1 {
		border-top: 3px solid #333;
		border-bottom-width: 0px;
		display: block;
		margin: 0px auto 40px;
		width: 70px;
	}
	.cont_enclosure {
		width: 100%;
	}

	.contbox {
		width: 24%;
		margin-bottom: 20px;
		border: 1px solid #7D7D7D;
		background-color: #FFFFFF;
		text-align: center;
		font-size: 1.2em;
	}
	.contbox a {
		padding: 20px;
		display: block;
	}
	.searchlink {
		font-size: 0.85em;
		line-height: 1.2em;
		background-image: url(../images/icon_yajirushi.png);
		background-position: 0% 0%;
		background-repeat: no-repeat;
		background-size: contain;
		text-indent: 23px;
		display: inline-block;
	}
	.contbox img {
		width: 70%;
		margin: 5px auto;
		display: block;
	}
	.company_enclosure {
		margin-bottom: 100px;
	}

	.company_box1 {
		width: 47%;
		padding-top: 4%;
	}
	.company_box2 {
		width: 50%;
	}
	.company_box2 img {
		width: 100%;
		display: block;
	}
	.company_link {
		display: block;
		padding: 15px;
		width: 40%;
		background-color: #000000;
		margin-top: 30px;
	}
	.company_link a {
		display: block;
		color: #FFFFFF;
		font-size: 1.2em;
		line-height: 1.1em;
		text-align: center;
	}
	.company_link a:hover {
		color: #fff;
	}
	
}


/*********ミディアムサイズ2**********/
@media screen and (min-width:768px) and (max-width:1024px) {

	.main img {
		/*-webkit-filter: brightness(1.15);
		filter: brightness(1.15);*/
	}
		
	h1 {
		display: block;
		width: 100%;
		text-align: center;
		position: absolute;
		top: 24%;
		left: 0%;
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 2.9vw;
		line-height: 1.5em;
		max-width: 100%;
	}

	h2 {
		display: block;
		text-align: center;
		font-size: 1.3em;
		line-height: 1.6em;
		/*margin: 170px auto 55px;*/
	}
	h3 {
		display: block;
		font-size: 1.3em;
		line-height: 1.5em;
		margin-bottom: 4%;
	}


	.main .news {
		padding: 25px 25px 20px;
		width: 60%;
		height: 270px;
		position: relative;
		margin: -110px auto 0;
		left: 0%;
		background-color: #FFFFFF;
		box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	}
	.main .news .newstitel {
		display: block;
		font-size: 1.4em;
		line-height: 1em;
		border-left: 10px solid #af2d32;
		text-indent: 10px;
		margin-bottom: 10px;
	}
	.main .news ul {
		list-style-type: none;
		height: 180px;
		overflow: auto;
	}

	.news ul li {
		display: block;
		padding: 10px 0px;
		border-bottom: 1px solid #DBDBDB;
		line-height: 1.5em;
	}
	.news ul li a {
		display: block;	
	}
	.news ul li a:hover {
		color: #333;
		text-decoration: none;		
	}
	.news ul li:last-child {
		border-bottom-width: 0px !important;
		border-bottom-style: none !important;
		padding-bottom: 10px !important;
	}
	.mb15 {
		margin-bottom: 15px;
	}
	.content {
		width: 100%;
		padding: 35px 0px;
		/*
		background-image: url(../images/bg1.png);
		background-repeat: repeat;
		*/
		background-color: #fff;
		background-image: linear-gradient(-45deg, transparent 48%, #ed0611 48%, #ed0611 52%, transparent 52%, transparent 100%);
		background-size: 10px 10px;
	}

	.content_titel {
		display: block;
		text-align: center;
		font-weight: 700;
		font-size: 1.7em;
		line-height: 1.8em;
	}
	.line1 {
		border-top: 3px solid #333;
		border-bottom-width: 0px;
		display: block;
		margin: 0px auto 40px;
		width: 70px;
	}
	.cont_enclosure {
		width: 100%;
	}

	.contbox {
		width: 24%;
		margin-bottom: 20px;
		border: 1px solid #7D7D7D;
		background-color: #FFFFFF;
		text-align: center;
		font-size: 1.2em;
	}
	.contbox a {
		padding: 20px;
		display: block;
	}
	.searchlink {
		font-size: 0.74em;
		line-height: 1.2em;
		background-image: url(../images/icon_yajirushi.png);
		background-position: 0% 0%;
		background-repeat: no-repeat;
		background-size: contain;
		text-indent: 21px;
		display: inline-block;
	}
	.contbox img {
		width: 70%;
		margin: 5px auto;
		display: block;
	}
	.company_enclosure {
		margin-bottom: 100px;
	}

	.company_box1 {
		width: 47%;
		padding-top: 4%;
	}
	.company_box2 {
		width: 50%;
	}
	.company_box2 img {
		width: 100%;
		display: block;
	}
	.company_link {
		display: block;
		padding: 15px;
		width: 40%;
		background-color: #000000;
		margin-top: 30px;
	}
	.company_link a {
		display: block;
		color: #FFFFFF;
		font-size: 1.2em;
		line-height: 1.1em;
		text-align: center;
	}
	.company_link a:hover {
		color: #fff;
	}
	
}





/*********スマホサイズ**********/
@media screen and (max-width:767px){

	h1 {
		display: block;
		width: 100%;
		text-align: center;
		position: absolute;
		top: 28%;
		left: 0%;
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 1.53em;
		line-height: 1.45em;
		max-width: 100%;
	}
	h2 {
		display: block;
		text-align: left;
		font-size: 1.2em;
		line-height: 1.5em;
		/*margin: 43% 0px 40px;*/
	}
	h3 {
		display: block;
		font-size: 1.25em;
		line-height: 1.4em;
		margin-bottom: 15px;
	}
	.heading_sp{
		display: block;
		text-align: center;
		font-size: 0.94em;
		line-height: 1.6em;
		/*margin: 43% 0px 40px;	*/
	}

	.main .news {
		padding: 20px 20px 15px;
		width: 90%;
		height: 47%;
		position: relative;
		margin: -70px auto 0;
		left: 0%;
		background-color: #FFFFFF;
		box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	}
	.main .news .newstitel {
		display: block;
		font-size: 1.3em;
		line-height: 1em;
		border-left: 10px solid #af2d32;
		text-indent: 10px;
		margin-bottom: 5px;
	}
	.main .news ul {
		list-style-type: none;
		height: 80%;
		overflow: auto;
	}

	.news ul li {
		display: block;
		padding: 10px 0px;
		border-bottom: 1px solid #DBDBDB;
		line-height: 1.5em;
	}
	.news ul li a {
		display: block;	
	}
	.news ul li a:hover {
		color: #333;
		text-decoration: none;		
	}
	.news ul li:last-child {
		border-bottom-width: 0px !important;
		border-bottom-style: none !important;
		padding-bottom: 10px !important;
	}
	.main-message {
		background-image:url(/images/main-message-bg-sp.jpg);
	}
	.main-message h2 {
		font-size: 16px;
		line-height: 1.4;
	}
	.main-message h2 span {
		font-size: 20px;
	}
	.main-message h2 span.ls {
		letter-spacing: 0;
	}
	.mb15 {
		margin-bottom: 15px;
	}
	.content {
		width: 100%;
		padding: 25px 0px;
		/*
		background-image: url(../images/bg1.png);
		background-repeat: repeat;
		*/
		background-color: #fff;
		background-image: linear-gradient(-45deg, transparent 48%, #ed0611 48%, #ed0611 52%, transparent 52%, transparent 100%);
		background-size: 10px 10px;
	}

	.content_titel {
		display: block;
		text-align: center;
		font-weight: 700;
		font-size: 1.5em;
		line-height: 1.8em;
	}
	.line1 {
		border-top: 3px solid #333;
		border-bottom-width: 0px;
		display: block;
		margin: 0px auto 25px;
		width: 70px;
	}
	.cont_enclosure {
		width: 100%;
	}

	.contbox {
		width: 48%;
		margin-bottom: 20px;
		border: 1px solid #7D7D7D;
		background-color: #FFFFFF;
		text-align: center;
		font-size: 1.2em;
		background-image: url(../images/icon_yajirushi.png);
		background-repeat: no-repeat;
		background-size:11% auto;
	}
	.bgposition_sp1 {
	background-position: 21% 82%;
	}
	.bgposition_sp2 {
	background-position: 21% 82%;
	}
	.bgposition_sp3 {
	background-position: 17% 82%;
	}
	.bgposition_sp4 {
	background-position: 30% 82%;
	}
	.bgposition_sp5 {
	background-position: 17% 82%;
	}
	.bgposition_sp6 {
	background-position: 12% 82%;
	}
	.bgposition_sp7 {
	background-position: 30% 82%;
	}
	.bgposition_sp8 {
	background-position: 30% 82%;
	}
	.contbox a {
		padding: 6% 0%;
		display: block;
	}




	.searchlink {
		font-size: 0.8em;
		line-height: 1.3em;
		display: inline-block;
		padding-left: 10%;
	}
	.contbox img {
		width: 70%;
		margin: 5px auto;
		display: block;
	}
	.company_enclosure {
		margin-bottom: 100px;
	}

	.company_box1 {
		width: 100%;
		order: 2;
	}
	.company_box2 {
		width: 100%;
		margin-bottom: 25px;
		order: 1;
	}
	.company_box2 img {
		width: 100%;
		display: block;
	}
	.company_link {
		display: block;
		padding: 20px;
		width: 100%;
		margin-top: 25px;
		background-color: #000000;
	}
	.company_link a {
		display: block;
		color: #FFFFFF;
		font-size: 1.2em;
		line-height: 1.1em;
		text-align: center;
	}
	.company_link a:hover {
		color: #fff;
	}
	
}