@charset "UTF-8";
/************************************************************
 * UTF-8で保存してください。
 ************************************************************/

/*基盤*/

#proContents {
	width: 100%;
	text-align: center;
	position: relative;
}
div#proContents ul, div#proContents li {
	list-style: none;
}
div#proContents a:hover img {
	opacity: 0.80;
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
}

img {
	vertical-align: bottom;
}
#proContents,#proContents h3,#proContents p {
	font-size: 14px;
}

#proContents h3{
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 60px;
}
#proContents p.btn{
	margin-top: 60px;
	filter: drop-shadow(0px 8px 8px rgba(0,0,0,0.25));
}

#proContents p.caution{
	font-size: 10px;
	margin-top: 30px;
}

.txt-left {
	text-align: left!important;
}
.txt-right {
	text-align: right!important;
}

.contentsBox{
	margin: 0 auto 60px;
}

/*ロゴ*/


/*ページトップ*/

div#page_top_wrap {
	width: 960px;
	margin: 0 auto;
	margin-bottom: 20px;
	padding-top: 20px;
}
div#page_top_wrap p {
	width: 960px;
}

/*メイン*/

#main {
	max-width: 1200px;
	margin: 0 auto;
	background: url("../images/bg_main.png")center top/cover no-repeat #feffbc;
	padding: 0 0 150px;
	position: relative;
}
#main .title {
	position: absolute;
	top: 40px;
	left: 40px;
	width: 160px;
}
#main .title img{
	max-width: 100%;
	height: auto;
}


#present{
	max-width: 1200px;
	margin: 0 auto;
	background: #feffbc;
	padding: 0 0 100px;
}

#tokusen{
	max-width: 1200px;
	margin: 0 auto;
	background: url("../images/bg_tokusen.png")center top/cover no-repeat #cb151d;
	padding: 60px 0 100px;
}

#search{
	max-width: 1200px;
	margin: 0 auto;
	background: #ffffff;
	padding: 80px 0 0;
}
#search h4{
	background: #b40000;
	padding: 5px 0;
	margin-bottom: 60px;
	position: relative;
}
#search h4:after{
	display: block;
	content: "";
	background: url("../images/arrow.png")center top no-repeat;
	height: 48px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -40px;
}
#search ul{
	width: 940px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#search ul li{
	margin-bottom:8px;
}

#search ul.companyBox li:nth-child(5n-1),
#search ul.companyBox li:nth-child(5n){
	width: 50%;
}

#merit{
	max-width: 1200px;
	margin: 0 auto;
	background: #ffdfdf;
	padding: 80px 0 100px;
}
#merit ul li{
	margin-bottom: 60px;
}
#merit ul li:last-child{
	margin-bottom: 0;
}

#hosho{
	max-width: 1200px;
	margin: 0 auto;
	background: #ffdfdf;
	padding: 0 0 100px;
}
#hosho .innerbox{
	max-width: 980px;
	margin: 0 auto;
	background: #ffffff;
	box-sizing: border-box;
	border:4px solid #ff0000;
	padding: 40px 0;
}
#hosho ul{
	width: 940px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#hosho ul li{
	margin-top:14px;
}
#hosho ul:after{
	width: 304px;
	height: 0;
	display: block;
	content: "";
}

#shop{
	max-width: 1200px;
	margin: 0 auto;
	background: #ffffff;
	padding: 80px 0 100px;
}
#shop ul{
	max-width: 980px;
	margin: 0 auto;
}
#shop ul li{
	padding: 5px;
}
#shop ul li:nth-child(2n-1){
	background: #efefef;
}

#shop dl{
	min-height: 40px;
	display: flex;
	align-items:center;
}
#shop dl dt{
	width: 30%;
	font-weight: bold;
}
#shop dl div.flexbox{
	width: 70%;
	display: flex;
	flex-wrap: wrap;
}
#shop dl div.single:after{
	width: 25%;
	height: 0;
	display: block;
	content: "";
}
#shop dl div.double:after{
	width: 50%;
	height: 0;
	display: block;
	content: "";
}

#shop dl div.flexbox dd{
	width: 25%;
	font-size: 12px;
	line-height: 1.6;
	text-align: left;
}
#shop dl div.flexbox dd a{
	color: #000000;
}
#shop dl div.flexbox dd a:before{
	content: ">";
	color: #ff8000;
	margin-right: 6px;
}
#shop dl div.max dd{
	width: 100%;
}
#shop span{
	font-size: 80%;
}

#credit{
	max-width: 1200px;
	margin: 0 auto;
	background: #000000;
}
#credit p{
	font-size: 10px;
	line-height: 3;
	color: #ffffff;
	text-align: center;
}