@charset "utf-8";
/* Copyright 2018 FSFIELD All Rights Reserved. */

/* ------------------------------------------------------------

その他の資料

------------------------------------------------------------ */

.about{
	background: url("../img/img_decoration04.png") no-repeat 0 0;
	background-size: 35px;
	padding: 40px 20px;
}

.about h3{
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 20px;
}

.nav_area{background: #004C9F;}

/*--こちらから資料の種類を選択できます。--*/
.attension{
	color: #FFFF4D;
	padding: 10px 0 3px;
	text-align: center;
	font-weight: bold;
}

.attension.animation p{animation:anim_attension1 5s ease 0s forwards;}

@keyframes anim_attension1{
	0%{transform:translate3d(375px,0,0);}
	15%{transform:translate3d(0,0,0);}
	85%{transform:translate3d(0,0,0);}
	100%{transform:translate3d(-357px,0,0);}
}

.attension.animation{
	overflow: hidden;
	animation:anim_attension2 .5s ease 4.5s forwards;
}

@keyframes anim_attension2{
	0%{height: 33px;}
	100%{height: 0px;padding:0;}
}

/*--ナビ--*/
.nav_area nav{
	overflow-x: scroll;
	padding: 7px 0 0;
}

.nav_area nav ul{
	display:-webkit-flex;/*--safari用--*/
	display:flex;
}

.nav_area nav ul li{
	background: #0069B7;
	border-radius: 50px;
	white-space: nowrap;
	margin: 0 2.5px 7px;
}

.nav_area nav ul li.active{
	background: #FFF;
	position: relative;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	margin-bottom: 0;
}

.nav_area nav ul li.active::before{
	content:"";
	display: block;
	background: url("../img/img_tab_left01.gif") no-repeat 0 0;
	background-size: 5px;
	width: 5px;
	height: 5px;
	position: absolute;
	left: -5px;
	bottom: 0;
}

.nav_area nav ul li.active::after{
	content:"";
	display: block;
	background: url("../img/img_tab_right01.gif") no-repeat 0 0;
	background-size: 5px;
	width: 5px;
	height: 5px;
	position: absolute;
	right: -5px;
	bottom: 0;
}

.nav_area nav ul li.active a{color: #0068B7;}

.nav_area nav ul li a{
	display: block;
	padding: 3px 15px;
	color: #FFF;
}

/*--ボタン--*/
.btn_sample a{
	background: url("../img/ico_arrow08.png") no-repeat 7px center;
	background-size: 47px;
	display: block;
	border: 2px solid #BCC2C4;
	border-radius: 5px;
	padding: 8px 5px 8px 60px;
	color: #333;
	font-weight: bold;
}

.btn_sample a span{color: #D81F25;}

/* 資料検索
---------------------------------------------- */
.search{
	background: #600C00 url("../img/bg02.jpg") no-repeat center 0;
	background-size: 100%;
	padding: 17.3vw 5.3vw 40px;
	color: #D2D2D2;
	font-weight: bold;
}

.search h3{
	background: url("../img/ico_search01.png") no-repeat 0 0;
	background-size: 7.2vw;
	color: #FFF;
	font-weight: bold;
	font-size: 4.8vw;
	min-height: 27px;
	padding: 0 0 0 8.66vw;
	margin-bottom: 5px;
}

.terms{
	font-size: 3.46vw;
	color: #FFF;
	margin-bottom: 30px;
}

.search input[type="text"]{
	width: 100%;
	border: none;
	border-radius: 3px;
	-webkit-appearance: none; /*--safariの影なくす--*/
	padding: 8px;
	font-size: 1.6rem;
}

.search_inner01{padding-bottom: 20px;}

.select_day .wrap_select02,
.select_day p{display: inline-block;}

/*--案件--*/
.case{
	background: #480800;
	border-radius: 5px;
	padding: 15px 10px;
	margin-bottom: 20px;
}

.search_how{
	width: 52vw;
	font-size: 3.73vw;
	margin-left: auto;
	display:-webkit-flex;/*--safari用--*/
	display:flex;
	-webkit-justify-content:space-between;/*--safari用--*/
	justify-content:space-between;
	-webkit-align-items:center;/*--safari用--*/
	align-items:center;
}

/*--INPUT--*/
.wrap_input01{position: relative;}

.wrap_input01 .clear_button{
	background:url("../img/img_ng03.png") no-repeat 0 0;
	background-size: 16px;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 50%;
	right: 8px;
	margin-top: -8px;
	cursor: pointer;	
}

/*--ラジオボタン--*/
.search_how_radio{font-weight: normal;}

.search_how_radio01,
.search_how_radio02{display: inline-block;}

.search_how_radio01{margin-right: 2vw;}

.search_how_radio input[type="radio"]{display:none;}

.search_how_radio input[type="radio"]+label{
	display:inline-block;
	background:url(../img/img_radio01.png) no-repeat 0 0;
	background-size: 6.66vw;
	padding:0 0 0 8vw;
	line-height: 7vw;
	cursor:pointer;
}

.search_how_radio input[type="radio"]:checked+label{
	background:url(../img/img_radio01_on.png) no-repeat 0 0;
	background-size: 6.66vw;
}

/*--ボタン--*/
.search .btn_search01{text-align: center;}

.search .btn_search01 img{width: 29.3vw;}

.search .btn_about_reg01{display: none;}

/*--検索機能無効時--*/
.search.disable{
	position: relative;
    overflow: hidden;
    height: 310px;
}

.search.disable .wrap_search{pointer-events: none;}

.search.disable::before{
	content: "";
	display: block;
	background-color: rgba(0,0,0,0.3);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
}

.search.disable .search_inner02,
.search.disable .btn_search01{display: none;}

.search.disable .terms{
	position: relative;
	z-index: 1;
}

.search.disable .btn_about_reg01{
	display: block;
	width: 37.33vw;
	height: 12.26vw;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	z-index: 1;
}

.search.disable .btn_about_reg01 img{width: 37.3vw;}

/* 検索結果
---------------------------------------------- */
.results{padding: 40px 20px 50px;}

.results h3{
	font-size: 1.8rem;
	font-weight: bold;
	display: inline-block;
}

.results h3 + p{
	font-size: 1.3rem;
	display: inline-block;
}

.wrap_data .data{
	border-bottom: 1px solid #E0E6EA;
	padding: 8px 0;
	display: block;
}

.wrap_data .data:first-of-type{border-top: 1px solid #E0E6EA;}

.wrap_data .data table{
	width: 100%;
	font-size: 1.3rem;
	line-height: 1.4;
}

.wrap_data .data table th{
	color: #869DAC;
	width: 65px;
	padding: 3px 0;
	vertical-align: top;
}

.wrap_data .data table td{
	padding: 3px 0 3px 1em;
	position: relative;
	vertical-align: top;
}

.wrap_data .data table td::before{
	content:"：";
	color: #869DAC;
	position: absolute;
	left: 0;
}

/* ページネーション
---------------------------------------------- */
.pagenation{
	display: flex;
    justify-content: center;
    padding-top: 33px;
}
.pagenation li{
    padding: 0 4px;
}
.pagenation li a{
	width: 33px;
    height: 33px;
    background: #821000;
    border-radius: 33px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
}
.pagenation li.prev a{
	font-size: 0;
    background: #821000 url(../img/arrow_prev01.png) no-repeat left 11px center;
    background-size: 9px;
}
.pagenation li.prev a span{font-size: 0;}
.pagenation li.leader a{
	background: no-repeat;
    color: black;
    width: 1.5rem;
}
.pagenation li.next a{
	font-size: 0;
    background: #821000 url(../img/arrow_next01.png) no-repeat right 11px center;
    background-size: 9px;
}
.pagenation li.next a span{font-size: 0;}
.pagenation li.active a{
	color: #821000;
    background: white;
    border: 1px solid #821000;
}