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

@import url(https://use.fontawesome.com/releases/v5.5.0/css/all.css);

/*		reset
---------------------------------*/
@import url(sanitize.css);
html{
	background:#f1f1f1;
	}
body{
	width:100%;
	height:100%;
	font-size:0.8em;
	color:#333;
	font:12px/18px "Lucida Grande", "Lucida Sans Unicode", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;
	}
#wrap{}
header,
main,
footer{
	width:100%;
	box-sizing:border-box;
	clear:both;
	}
header{}
main{
	padding:10px 10px 220px;
	}
footer{
	background:#fff;
	border-top:1px solid #e8e8e8;
	}

/*		some
---------------------------------*/

/* title */
h1{}
h1 a{
	color:#333;
	}
h2{
	margin-bottom:40px;
	padding:20px 20px;
	border-bottom:1px solid #e8e8e8;
	font-weight:normal;
	font-size:1.3em;
	}
h3{
	margin-bottom:20px;
	border-bottom:2px solid #e8e8e8;
	font-weight:normal;
	}
h3 span{
	padding:4px 12px;
	background:#e8e8e8;
	display:inline-block;
	}

/* btn */
input[type="submit"].btn,
btn.btn,
a.btn{
	padding:4px 12px;
	background:#f8f8f8;
	border:1px solid #d3d3d3;
	border-radius:2px;
	display:inline-block;
	font-size:0.9em;
	color:#333;
	}
input[type="submit"].btn:hover,
btn.btn:hover,
a.btn:hover{
	background:#eee;
	border:1px solid #ccc;
	}
input[type="submit"].btn:active,
btn.btn:active,
a.btn:active{
	background:#ddd;
	}

/* btn_submit */
input[type="submit"].btn_submit,
button.btn_submit,
a.btn_submit{
	padding:8px 24px;
	background: -moz-linear-gradient(#4d90fe, #4787ee);
	background: -webkit-linear-gradient(#4d90fe, #4787ee);
	background: -webkit-gradient(linear, 0 100%, 0 0, from(#4d90fe), to(#4787ee));
	background: -o-linear-gradient(#4d90fe, #4787ee);
	background: linear-gradient(#4d90fe, #4787ee);
	border:1px solid #3079ed;
	border-radius:3px;
	display:inline-block;
	font-size:1em;
	color:#fff;
	}
input[type="submit"].btn_submit:hover,
button.btn_submit:hover,
a.btn_submit:hover{
	border:1px solid #2f5bb7;
	background: -moz-linear-gradient(#4d90fe, #357ae8);
	background: -webkit-linear-gradient(#4d90fe, #357ae8);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#4d90fe), to(#357ae8));
	background: -o-linear-gradient(#4d90fe, #357ae8);
	background: linear-gradient(#4d90fe, #357ae8);
	}

/* color */
.red{
	color:#cc181e;
	}

/*		form
---------------------------------*/

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="search"],
input[type="password"],
select,
textarea{
	width:100%;
	padding:4px;
	border:1px solid #ccc;
	background:#fff;
	font-size:1em;
	box-sizing:border-box;
	}

input[type="text"]{}
input[type="tel"]{}
input[type="search"]{}
input[type=""]{}
input[type=""]{}
select{}
textarea{
	height:69px;
	margin-bottom:-6px;
	}




/*		header
---------------------------------*/
header{
	height:48px;
	}
header .content{
	width:100%;
	height:48px;
	background:#fff;
	border-bottom:1px solid #e8e8e8;
	position:fixed;
	z-index:999;
	}
header .content ul{
	width:100%;
	padding:0 32px;
	display:table;
	box-sizing:border-box;
	}
header .content ul li{
	height:48px;
	display:table-cell;
	vertical-align:middle;
	box-sizing:border-box;
	}
header .content ul li:nth-child(1){
	width:36px;
	padding-right:20px;
	}
header .content ul li:nth-child(2){}
header .content ul li:nth-child(3){}
header .content ul li:nth-child(4){
	text-align:right;
	}
header .content ul li:nth-child(5){
	width:100px;
	text-align:right;
	}

/* h_nav_btn */
#h_nav_btn{
	width:36px;
	height:36px;
	text-indent:-9999px;
	display:block;
	background:url(../img/common/h_menu.png) no-repeat center;
	background-size:36px auto;
	cursor:pointer;
	opacity:0.5;
	}
#h_nav_btn:hover{
	opacity:1;
	}

header h1{
	font-size:1.4em;
	font-weight:normal;
	}


/*		h_nav
---------------------------------*/



/* h_nav */
.h_nav nav{
	width:240px;
	padding:10px 20px;
	background:#fff;
	position:fixed;
	left:0;
	top:48px;
	box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 20px 0px;
	z-index:99;
	}
.h_nav nav ul{
	padding:10px 0;
	border-top:1px solid #e2e2e2;
	}
.h_nav nav ul:first-child{
	border:none;
	}
.h_nav nav ul li{}
.h_nav nav ul li a{
	width:100%;
	height:28px;
	padding:0 12px;
	line-height:28px;
	display:inline-block;
	color:#666;
	box-sizing:border-box;
	}
.h_nav nav ul li a:hover{
	background:#444;
	color:#fff;
	}

.h_nav nav ul li span.account{
	padding:0 12px;
	display:inline-block;
	font-size:0.9em;
	color:#cc181e;
	}


/*		footer
---------------------------------*/
footer{
	padding:12px 0;
	}
footer .copy{
	text-align:center;
	font-size:0.9em;
	}




/*		main
---------------------------------*/
main .content{
	width:100%;
	max-width:1300px;
	margin:0 auto;
	box-sizing:border-box;
	overflow:hidden;
	clear:both;
	}
main .bg_white{
	background:#fff;
	box-shadow:rgba(0, 0, 0, 0.2) 0px 1px 1px 0px;
	}



/*		list_nav
---------------------------------*/
.list_nav{
	border-bottom:1px solid #e8e8e8;
	padding:15px 15px 0;
	}
.list_nav nav{}
.list_nav nav ul{
	height:33px;
	}
.list_nav nav ul li{
	float:left;
	margin-right:20px;
	}
.list_nav nav ul li{}
.list_nav nav ul li a{
	padding:4px 4px 8px;
	display:inline-block;
	box-sizing:border-box;
	color:#666;
	}
.list_nav nav ul li a.active,
.list_nav nav ul li a:hover{
	margin-bottom:-3px;
	border-bottom:3px solid #cc181e;
	color:#333;
	}


/*		member
---------------------------------*/

/* member_form */
ul.member_form{
	width:40%;
	margin:40px auto;
	list-style:none;
	}
ul.member_form li{
	padding:12px 0;
	}
ul.member_form li input{
	padding:8px;
	}

/* member_info */
p.member_info{
	width:40%;
	margin:0 auto;
	padding:40px 0;
	text-align:center;
	}

/* member_error */
p.member_error{
	width:40%;
	margin:0 auto;
	padding:40px 0 0;
	text-align:center;
	}


/*		list_work
---------------------------------*/
table.list_work{
	width:100%;
	margin:20px auto 40px;
	}
table.list_work tr{}
table.list_work tr th,
table.list_work tr td{
	padding:10px;
	border-bottom:1px solid #e8e8e8;
	font-weight:normal;
	}
table.list_work tr th:first-child,
table.list_work tr td:first-child{
	padding-left:15px;
	}
table.list_work tr th:last-child,
table.list_work tr td:last-child{
	padding-right:15px;
	}
table.list_work tr th{
	font-size:1.0em;
	text-align:center;
	}
table.list_work tr td{
	font-size:0.9em;
	}

/* thead */
table.list_work thead tr{}
table.list_work thead tr th{}
table.list_work thead tr th a{
	color: #666;
}
table.list_work thead tr th a:hover{
	color: #cc181e;
	font-weight: bold;
}
table.list_work thead tr th a.active{
	font-weight: bold;
}
table.list_work thead tr th a::after{
	padding-left: 5px;
	font-family: "font awesome 5 free";
	font-weight: 600;
	font-size: 0.8em;
}
table.list_work thead tr th a.down::after{
	content: "\f078";
}
table.list_work thead tr th a.up::after{
	content: "\f077";
}

/* tbody */
table.list_work tbody tr{}
table.list_work tbody tr:hover{
	background:#f6f6f6;
	}
table.list_work tbody tr td{
	padding:10px 5px;
	}
table.list_work tbody tr td img{
	width:auto;
	height:100%;
	max-height:40px;
	}
table.list_work tbody tr td:nth-child(2),
table.list_work tbody tr td:nth-child(4),
table.list_work tbody tr td:nth-child(5),
table.list_work tbody tr td:nth-child(7),
table.list_work tbody tr td:nth-child(9){
	text-align:center;
	}
table.list_work tbody tr td:nth-child(3){
	max-width:320px;
	}
table.list_work tbody tr td:nth-child(6),
table.list_work tbody tr td:nth-child(8){
	text-align:right;
	}
table.list_work tbody tr td:nth-child(10){
	text-align:center;
	min-width:68px;
	}




/*		list_more
---------------------------------*/
.list_more{
	padding:20px 0;
	text-align:center;
	}

.list_more ul.pager{
	width: 100%;
	margin: 0;
	padding: 0 15px;
	list-style: none;
	display: flex;
	flex-direction: row;
}
.list_more ul.pager li{
	margin: 0 5px;
}
.list_more ul.pager li a{
	width: 30px;
	height: 30px;
	border: 1px solid #ddd;
	border-radius: 3px;
	display: block;
	line-height: 30px;
	text-align: center;
	color: #999;
}
.list_more ul.pager li a:hover{
	color: #000;
	border-color: #666;
}
.list_more ul.pager li a.active{
	color: #000;
	border-color: #666;
	pointer-events: none;
}
.list_more ul.pager li a.active:hover{}



/*		list_client
---------------------------------*/
table.list_client{
	width:60%;
	margin:20px auto 40px;
	}
table.list_client tr{}
table.list_client tr th,
table.list_client tr td{
	padding:10px;
	border-bottom:1px solid #e8e8e8;
	font-weight:normal;
	}
table.list_client tr th{}
table.list_client tr td{}

/* tbody */
table.list_client tbody tr{}
table.list_client tbody tr:hover{
	background:#f6f6f6;
	}
table.list_client tbody tr td{}
table.list_client tbody tr td:nth-child(1){}
table.list_client tbody tr td:nth-child(2){}
table.list_client tbody tr td:nth-child(3){
	text-align:center;
	}
table.list_client tbody tr td:nth-child(4){
	min-width:32px;
	text-align:right;
	}




/*		work
---------------------------------*/
.work{}

/* image_set */
.work ul.image_set{
	width:100%;
	margin-bottom:10px;
	list-style:none;
	text-align:center;
	}
.work ul.image_set li{
	width:24%;
	line-height:0;
	display:inline-block;
	}
.work ul.image_set li a{}
.work ul.image_set li a img{
	width:100%;
	height:auto;
	}
.work ul.image_set li a:hover{
	opacity:0.8;
	}

/* work_wrap */
.work_wrap{
	width:100%;
	padding:0 10px 0;
	display:table;
	box-sizing:border-box;
	}
.work_wrap:last-child{
	padding-bottom:20px;
	}
.work_wrap .work_set{
	width:33%;
	}

/* work_set */
.work_set{
	padding:0 10px;
	box-sizing:border-box;
	display:table-cell;
	vertical-align:top;
	}
.work_set table{
	width:100%;
	margin-bottom:20px;
	}
.work_set table tr{}
.work_set table tr th,
.work_set table tr td{
	padding:6px 0;
	}
.work_set table tr th{
	width:30%;
	padding-right:10px;
	text-align:right;
	font-weight:normal;
	}
.work_set table tr td{
	width:70%;
	padding-left:10px;
	color:#666;
	font-size:0.9em;
	}


/*  */
.work_set table table{
	margin:0;
	}
.work_set table table tr td{
	width:auto;
	padding:0;
	text-align:center;
	vertical-align:bottom;
	}

.work_set table table.size{
	width:auto;
	}
.work_set table table.size input[type="text"]{
	max-width:52px;
	}



/*		single
---------------------------------*/
.single{}
.single table{}
.single table tr{}
.single table tr th,
.single table tr td{
	padding:4px;
	border:1px solid #ddd;
	}
.single table tr th{
	background:#f8f8f8;
	}



/*		regist_img
---------------------------------*/
.regist_img{
	padding:40px 40px;
	border-top:1px solid #e8e8e8;
	}
.regist_img table{
	width:100%;
	}
.regist_img table tr{}
.regist_img table tr th{
	width:25%;
	padding:12px 0 12px;
	}
.regist_img table tr td{
	width:25%;
	padding:20px 0;
	text-align:center;
	}
.regist_img table tr:nth-child(2) td{
	padding:0 20px;
	}
.regist_img table tr td img{
	width:100%;
	height:auto;
	}

.regist_img table tr td label{
	width:100%;
	padding:8px 4px;
	display:inline-block;
	box-sizing:border-box;
	}
.regist_img table tr td label input[type="checkbox"]{
	margin:4px;
	position:relative;
	top:2px;
	}
.regist_img table tr td label:hover{
	background:#FBF3E9;
	}



/*		auto_create
---------------------------------*/
.auto_create{
	padding:40px 40px;
	border-top:1px solid #e8e8e8;
	background:#f8f8f8;
	}
.auto_create .work_wrap{
	padding:0;
	}
.auto_create table{
	width:100%;
	margin:0;
	}
.auto_create table tr{}
.auto_create table tr th{
	width:120px;
	text-align:right;
	font-weight:normal;
	}
.auto_create table tr td{}



/*		regist_submit
---------------------------------*/
.regist_submit{
	padding:40px 0;
	border-top:1px solid #e8e8e8;
	text-align:center;
	}



/*		search_box
---------------------------------*/
.search_box{
	width:40%;
	margin:0 auto 40px;
	position:relative;
	overflow:hidden;
	clear:both;
	}

p.search_txt{
	width:40%;
	margin:0 auto;
	padding:40px 0 20px;
	}

.search_box input[type="search"]{
	padding-right:32px;
	}
.search_box input[type="submit"]{
	width:24px;
	height:24px;
	margin-top:-12px;
	display:block;
	background:url(../img/search/icon_search.png) no-repeat center;
	background-size:16px;
	text-indent:-9999px;
	position:absolute;
	right:4px;
	top:50%;
	}



/*		search_info
---------------------------------*/
.search_info{
	padding:20px 80px;
	border-bottom:1px solid #e8e8e8;
	border-top:1px solid #e8e8e8;
	background:#f8f8f8;
	}
.search_info ul{}
.search_info ul li{}





/*		check_finish
---------------------------------*/
p.check_finish{
	padding:40px;
	}




/*		index
---------------------------------*/
.index{
	padding:0 0 80px;
	text-align:center;
	}
.index h1{}
.index p{
	padding:20px 0;
	}
.index ul{
	width:30%;
	margin:0 auto;
	padding:10px 0;
	border-top:1px solid #e2e2e2;
	list-style:none;
	}
.index ul:last-child{
	border-bottom:1px solid #e2e2e2;
	}
.index ul li{}
.index ul li a{
	width:100%;
	height:28px;
	padding:0 12px;
	line-height:28px;
	display:inline-block;
	color:#666;
	box-sizing:border-box;
	font-size:1.2em;
	}
.index ul li a:hover{
	background:#444;
	color:#fff;
	}