@charset "UTF-8";
/* Style.Css
---------------------------------------------------- */


/*ボタン*/
.btn{
	display: inline-block;
	text-align: center;
	cursor:pointer;
}
	.btn:hover{opacity: 0.7;}
/*ボタン:形*/
.btn.type1{
	padding: 6px 20px 4px;
	font-size: 2.2rem;
	border-radius: 8px;
}
.btn.type2{
	padding: 10px 40px;
	font-size: 2.0rem;
	border-radius: 5px;
}
.btn.type3{
	padding: 7px 20px;
	font-size: 2.8rem;
	border-radius: 6px;
}
.btn.type4{
	padding: 6px 10px 4px;
	font-size: 1.8rem;
	border-radius: 5px;
}
/*ボタン:色*/
.btn.clr1{
	background-color:#2B4379;
	color: #fff;
}
.btn.clr2{
	background-color:#9D9D9D;
	color: #fff;
	border: 1px solid #fff;
}
.btn.clr3{
	background-color:#1891B5;
	color: #fff;
}
.btn.clr4{
	background-color:#1D7AD8;
	color: #fff;
}
.btn.clr5{
	background-color:#EB4D4D;
	color: #fff;
}
/*ボタン:アイコン有*/
.btn.withIcn > i{
	display: inline-block;
	background-position: right center;
	background-repeat: no-repeat;
	background-size: contain;
	padding: 0 40px;
	font-style: normal;
}
	.btn.type3.withIcn > i.icnPencil{padding: 0 60px;}
	.btn.withIcn > i.icnTrash{background-image: url(../img/icn_trash.png);}
	.btn.withIcn > i.icnRegi{background-image: url(../img/icn_regi.png);}
	.btn.withIcn > i.icnSrch{
		background-image: url(../img/icn_srch.png);
		background-size:auto 70%;
	}
	.btn.withIcn > i.icnPencil{
		background-image: url(../img/icn_pencil.png);
		background-size:auto 70%;
	}



/*ボックス*/
.searchBox .box{
	width: 70%;
	margin: auto;
	padding-right: 155px;
	position: relative;
	box-sizing: border-box;
}
.searchBox input{
	width: 100%;
	padding: 10px 20px;
	height: 50px;
	font-size: 2.2rem;
}
.searchBox button{
	width: 155px;
	height: 100%;
	font-size: 3.0rem;
	position: absolute;
	top: 0;
	right: 0;
}


.searchBox2 > dl{
	text-align: center;
	border: 1px solid #BEBEBE;
}
.searchBox2 > dl dt{
	background-color: #F4F4F4;
	padding: 10px;
	color: #505050;
	font-size: 2.2rem;
}
.searchBox2 > dl dd{
	font-size: 2.0rem;
	border-top: 2px solid #BEBEBE;
}

.searchBox2 > dl dd .icns{
	padding: 20px 0;
	letter-spacing: -0.5em;
}
.searchBox2 > dl dd .icns li{
	display: inline-block;
	width: 50%;
	padding: 0 5px;
	letter-spacing: normal;
	box-sizing: border-box;
}
.searchBox2 > dl dd .icns a{
	display: inline-block;
	color: #5C5C5C;
}
.searchBox2 > dl dd .icns a img{width: 36px;}
.searchBox2 > dl dd .icns a p{margin-top: 10px;}

.searchBox2 > dl dd .txts{
	padding: 10px 0;
	text-align: left;
}
.searchBox2 > dl dd .txts li a{
	display: block;
	padding: 10px 20px;
	color: #717171;
}
	.searchBox2 > dl dd .txts li.show a{background-color: #F4F2F2;}


.tagFilterBox dt{
	background-color: #908F8F;
	padding: 5px 20px;
	color: #fff;
	font-size: 2.2rem;
}
.tagFilterBox dd{
	background-color: #E2E2E2;
	padding: 10px;
}
.tagFilterBox dd ul{letter-spacing: -0.5em;}
.tagFilterBox dd li{
	display: inline-block;
	width: 16.6667%;
	padding: 5px;
	letter-spacing: normal;
	vertical-align: top;
	box-sizing: border-box;
}
.tagFilterBox dd li a{
	display: block;
	background-color: #fff;
	padding: 0px 5px;
	color: #808080;
	font-size: 1.9rem;
}
.tagFilterBox dd li a span{
	display: inline-block;
	background:url(../img/icn_tag.png) left center no-repeat;
	background-size: 16px auto;
	padding: 5px 0px 5px 25px;
}


.tabBox{}
.tabBox .tabConts .tabCont{display: none;}
	.tabBox .tabConts .tabCont.show{display: block;}

.tabBox.type1 .tabs ul{
	display: flex;
	justify-content: space-between;
	text-align: center;
	border-bottom: 4px solid #444B52;
}
.tabBox.type1 .tabs li{
	width: 33%;
	box-sizing: border-box;
}
.tabBox.type1 .tabs li a{
	display: block;
	background-color: #BCBCBC;
	padding: 12px 10px 8px;
	color: #E6E6E6;
	font-size: 2.2rem;
}
	.tabBox.type1 .tabs li a.show{
		background-color: #444B52;
		color: #fff;
		position: relative;
	}
		.tabBox.type1 .tabs li a.show:hover{opacity: 1;}
		.tabBox.type1 .tabs li a.show:after{
			content: "";
			display: block;
			width: 0;
			height: 0;
			margin: auto;
			border-style: solid;
			border-width: 15px 15px 0;
			border-color: #444B52 transparent transparent;
			position: absolute;
			bottom: -15px;
			left: 0;
			right: 0;
		}

.tabBox.type2 .tabs{
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	border-bottom: 4px solid #444B52;
}
.tabBox.type2 .tabs.withBtn{justify-content: space-between;}
.tabBox.type2 .tabs .btnWrap{margin-bottom: 5px;}
.tabBox.type2 .tabs ul{
	display: flex;
	justify-content: space-between;
	width: 55%;
	text-align: right;
	letter-spacing: -0.5em;
}
.tabBox.type2 .tabs li{
	display: inline-block;
	width: 33%;
	letter-spacing: normal;
}
.tabBox.type2 .tabs li a{
	display: block;
	background-color: #E5E2E2;
	padding: 8px 10px 4px;
	color: #9B9696;
	font-size: 2.2rem;
	text-align: center;
	white-space: nowrap;
}
	.tabBox.type2 .tabs li a.show{
		background-color: #444B52;
		color: #fff;
	}
		.tabBox.type2 .tabs li a.show:hover{opacity: 1;}


.listBox1 .partTtl,
.listBox1 .partBd{
	display: table;
	width: 100%;
}
.listBox1 .partTtl{margin-bottom: 5px;}
.listBox1 .partBd{}
.listBox1 .partTtl > .box,
.listBox1 .partBd > .box{
	display: table-cell;
	vertical-align: top;
	box-sizing: border-box;
}
	.listBox1 .box.sizeL{width: 82%;}
	.listBox1 .box.sizeS{width: 18%;}
		.listBox1.type2 .box.sizeL{width: 75%;}
		.listBox1.type2 .box.sizeS{width: 25%;}
		.listBox1.type3 .box.sizeL{width: 80%;}
		.listBox1.type3 .box.sizeS{width: 20%;}
	.listBox1 .partTtl > .box{
		background-color: #B2B2B2;
		padding: 6px 5px 4px;
		color: #fff;
		font-size: 1.8rem;
		text-align: center;
		vertical-align: middle;
	}
		.listBox1 .partTtl > .box.sizeL{border-right: 1px solid #fff;}
	.listBox1 .partBd > .box{}
		.listBox1 .partBd > .box.sizeL{
			padding: 20px;
			border-right: 1px solid #B7BABC;
		}
			.listBox1.type1 .partBd > .box.sizeL{padding: 0;}
		.listBox1 .partBd > .box.sizeS{
			padding: 10px;
			text-align: center;
			vertical-align: middle;
		}
.listBox1 .partList > li{border: 1px solid #aaa;}
	.listBox1 .partList > li.clr1{background-color: #EBF5FF;}
	.listBox1 .partList > li + li{margin-top: 15px;}
.listBox1 .partList > li > a{display: block;}
.listBox1 .partList .withIcnBox{display: table;}
.listBox1 .partList .withIcnBox > *{display: table-cell;}
	.listBox1 .partList .withIcnBox > .txts{padding: 20px 0px 20px 20px;}
.listBox1 .partList .withIcnBox > .icns{
	width: 60px;
	padding-right: 20px;
	text-align: right;
	vertical-align: middle;
}
	.listBox1 .partList .withIcnBox > .icns > div + div{margin-top: 20px;}
.listBox1 .partList .withIcnBox > .icns a{display: inline-block;}
.listBox1 .partList .withIcnBox > .icns img{width: 36px;}

.listBox1 .partList .icns2{
	display: inline-table;
	text-align: left;
}
.listBox1 .partList .icns2 > div{display: table-row;}
.listBox1 .partList .icns2 > div > *{
	display: table-cell;
	vertical-align: middle;
}
	.listBox1 .partList .icns2 > div + div > *{padding-top: 20px;}
.listBox1 .partList .icns2 img{width: 36px;}
.listBox1 .partList .icns2 p{
	color: #4B4B4B;
	font-size: 1.8rem;
}
.listBox1 .partList .icns2 .icn2Txt1{padding-left: 10px;}
.listBox1 .partList .icns2 .icn2Txt2{text-align: right;}
.listBox1 .partList .icns2 p em{
	display: inline-block;
	padding: 0 3px;
	color: #CB272D;
	font-size: 1.2em;
	font-weight: bold;
}
.listBox1 .partList .txt{}
.listBox1 .partList .txt.type1{
	color: #3B3B3B;
	font-size: 2.2rem;
	font-weight: bold;
}
.listBox1 .partList .txt.type2{
	margin-top: 5px;
	color: #5A5A5A;
	font-size: 1.8rem;
}
.listBox1 .partList .infoTxt{
	color: #4B4B4B;
	font-size: 1.8rem;
}
.listBox1 .partList .infoTxt p{}
.listBox1 .partList .infoTxt.type1 p + p{margin-top: 10px;}
.listBox1 .partList .infoTxt.type2{margin-top: 10px;}
.listBox1 .partList .infoTxt.type2 p{
	display: inline-block;
	margin:5px 30px 0 0;
}
.listBox1 .partList .infoTxt em{
	display: inline-block;
	padding: 0 3px;
	color: #CB272D;
	font-size: 1.2em;
	font-weight: bold;
}
.listBox1 .partList .status{
	display: inline-block;
	font-size: 2.0rem;
	text-align: center;
}
.listBox1 .partList .status > * + *{margin-top: 10px;}
.listBox1 .partList .status p{color: #414141;}
.listBox1 .partList .status *[class^="state"]{
	display: block;
	background-color: #333;
	padding: 4px 10px 2px;
	color: #fff;
	border-radius: 5px;
}
	.listBox1 .partList .status .state1{background-color: #798A95;}
	.listBox1 .partList .status .state2{background-color: #B9B9B9;}
	.listBox1 .partList .status .state3{background-color: #A367A5;}
	.listBox1 .partList .status .state4{background-color: #4A8AB2;}

.listBox1 .partList .acrdBtn{
	background-color: #ddd;
	padding: 5px 10px 3px;
	color: #585858;
	font-size: 1.8rem;
}
	.listBox1 .partList .acrdBtn:hover{opacity: 0.7;}
.listBox1 .partList .acrdBtn span{
	display: block;
	background:url(../img/icn_plus.png) left center no-repeat;
	background-size: auto 80%;
	padding: 2px 0px 0px 25px;
}
	.listBox1 .partList .acrdBtn.show span{background-image: url(../img/icn_minus.png);}
.listBox1 .partList .acrdBox{background-color: #F5F5F5;}
.listBox1 .partList .acrdBox > a{
	display: block;
	padding: 20px;
}


.listBox1 .pager{margin-top: 30px;}



/*リスト*/
.sldList1 .partTtl{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 25px;
	padding-bottom: 10px;
	font-size: 2.8rem;
	border-bottom: 3px solid #000;
	position: relative;
}
.sldList1 .partTtl h3{font-weight: bold;}
.sldList1 .partTtl .btnMore{
	display: block;
	padding: 5px;
	color: #4E4E4E;
	font-size: 1.4rem;
	line-height: 1;
	border: 1px solid #4E4E4E;
}
	.sldList1 .partTtl .btnMore:hover{opacity: 0.7;}
.sldList1 .partTtl .btnMore span{
	display: inline-block;
	background:url(../img/icn_arw_r1.png) right center no-repeat;
	background-size: 9px;
	padding-right: 20px;
}
.sldList1 .slk1{}
.sldList1 .slk1 .slick-slider{margin:0 -12px;}
.sldList1 .slk1 .slick-prev,
.sldList1 .slk1 .slick-next{
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 15px;
	height: 25px;
}
	.sldList1 .slk1 .slick-prev{background-image: url(../img/arw1_l.png);}
	.sldList1 .slk1 .slick-next{background-image: url(../img/arw1_r.png);}
	.sldList1 .slk1 .slick-prev:before,
	.sldList1 .slk1 .slick-next:before{content: normal;}

.sldList1 .slk1 .slick-track li{padding: 0 12px;}
.sldList1 .slk1 .slick-track a{
	display: block;
	border: 1px solid #ddd;
	border-radius: 5px;
	overflow: hidden;
}
.sldList1 .slk1 a .img img{width: 100%;}
.sldList1 .slk1 a .txts{
	padding: 15px;
	font-size: 1.8rem;
}
.sldList1 .slk1 a .txts span{
	display: block;
	margin-bottom: 15px;
	color: #0A496A;
}
.sldList1 .slk1 a .txts p{color: #4B4B4B;}
.sldList1 .slk1 a .txts p em{
	display: inline-block;
	font-size: 2.2rem;
	font-weight: bold;
}

.sldList1 .slk1.is_kadai a .txts{
	background-color: #EBEBEB;
	border-top: 1px solid #ddd;
}
.sldList1 .slk1.is_kadai a .txts p em{
	margin-right: 5px;
	color: #CB272D;
}

.sldList1 .slk1.is_tiken .img{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 27% 0;
	color: #fff;
	font-size: 1.5rem;
	text-align: center;
	text-shadow:
		0 0 3px #222,
		0 0 3px #222,
		0 0 3px #222;
	border-bottom-style: solid;
	border-bottom-width: 4px;
	position: relative;
}
	.sldList1 .slk1.is_tiken .tiken01 .img{
		background-image: url(../img/tiken_img01.png);
		border-bottom-color: #1B75C3;
	}
	.sldList1 .slk1.is_tiken .tiken02 .img{
		background-image: url(../img/tiken_img02.png);
		border-bottom-color: #E26AAA;
	}
	.sldList1 .slk1.is_tiken .tiken03 .img{
		background-image: url(../img/tiken_img03.png);
		border-bottom-color: #459AA5;
	}
	.sldList1 .slk1.is_tiken .tiken04 .img{
		background-image: url(../img/tiken_img04.png);
		border-bottom-color: #AF4C50;
	}
.sldList1 .slk1.is_tiken .img:after{
	content: "";
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 38px;
	height: 38px;
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -23px;
}
	.sldList1 .slk1.is_tiken .tiken01 .img:after{background-image: url(../img/tiken_icn01.png);}
	.sldList1 .slk1.is_tiken .tiken02 .img:after{background-image: url(../img/tiken_icn02.png);}
	.sldList1 .slk1.is_tiken .tiken03 .img:after{background-image: url(../img/tiken_icn03.png);}
	.sldList1 .slk1.is_tiken .tiken04 .img:after{background-image: url(../img/tiken_icn04.png);}
.sldList1 .slk1.is_tiken .txts{padding-top: 30px;}


.unreadList1 dl{
	color: #95989A;
	border: 1px solid #000;
}
.unreadList1 dt{
	padding: 5px 10px;
	font-size: 2.7rem;
	font-weight: bold;
	border-bottom: 1px solid #95989A;
}
.unreadList1 dd{
	padding-top: 150px;
	font-size: 1.5424rem;
	position: relative;
}
.unreadList1 dd .ofA{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.unreadList1 dd .box{
	display: table;
	width: 100%;
}
.unreadList1 dd .box > *{
	display: table-row;
	color: #888787;
}
	.unreadList1 dd .box > span{background-color: #F8F5F5;}
.unreadList1 dd .box > * > p{
	display: table-cell;
	height: 2.5em;
	padding:0.7em 10px 0;
	vertical-align: top;
	box-sizing: border-box;
}


.bnList1 ul{
	margin: 0 -15px;
	letter-spacing: -0.5em;
}
.bnList1 li{
	display: inline-block;
	width: 25%;
	padding: 10px 15px 0;
	letter-spacing: normal;
	box-sizing: border-box;
}
.bnList1 li a{display: block;}
.bnList1 li a img{width: 100%;}


/*テーブル*/
.formTbl{}
.formTbl table{
	width: 100%;
	table-layout: fixed;
	color: #5D5D5D;
}
.formTbl th,
.formTbl td{
	padding-bottom: 30px;
	vertical-align: top;
}
.formTbl th{
	width: 180px;
	padding-left: 46px;
	font-size: 1.9rem;
	padding-top: 10px;
	box-sizing: border-box;
}
	.formTbl .rowRequire th{padding-left: 0;}
		.formTbl .rowRequire th:before{
			content: "必須";
			display: inline-block;
			margin-right: 10px;
			padding: 4px 5px 2px;
			color: #F70303;
			font-size: 1.4rem;
			line-height: 1;
			vertical-align: top;
			border: 2px solid #F70303;
			border-radius: 4px;
		}
.formTbl th span{
	display: inline-block;
	padding-top: 1px;
	vertical-align: top;
}
.formTbl td{font-size: 1.8rem;}
.formTbl td .multi{
	display: flex;
	align-items: center;
}
.formTbl td .multi > * + *{margin-left: 2%;}
.formTbl td .note{position: relative;}
.formTbl td .note small{
	display: block;
	color: #888;
	font-size: 1.5rem;
	position: absolute;
	top: 3px;
	left: 0;
}
.formTbl td .bar{
	background-color: #95989A;
	width: 16px;
	height: 3px;
}
.formTbl .btnSubmit{
	text-align: center;
}


/*etc*/
.regiProfZone{}
.regiImg{
	margin-bottom: 30px;
	text-align: center;
}
.regiImg p{
	margin-bottom: 30px;
	font-size: 2.2rem;
}
.regiImg dl{
	display: table;
	margin:0 auto 30px;
}
.regiImg dl > *{
	display: table-cell;
	vertical-align: middle;
}
.regiImg dt{
	padding-right: 10px;
	font-size: 1.9rem;
	white-space: nowrap;
}
.regiImg dd{
	width: 415px;
	padding: 10px;
	font-size: 1.8rem;
	text-align: left;
	border: 1px solid #95989A;
}


.pager p{
	display: inline-block;
	margin-right: 5px;
	color: #95989A;
	font-size: 2.0rem;
	vertical-align: middle;
}
.pager ul{
	display: inline-block;
	vertical-align: middle;
	letter-spacing: -0.5em;
}
.pager li{
	display: inline-block;
	margin: 0 7px;
	text-align: center;
	vertical-align: middle;
	letter-spacing: normal;
}
.pager li > *{
	display: block;
	width: 1.5em;
	height: 1.5em;
	color: #95989A;
	font-size: 2.4rem;
	line-height: 1.7em;
	border: 1px solid #95989A;
}
	.pager li.show > *{
		background-color: #95989A;
		color: #fff;
	}
	.pager li.pre > *,
	.pager li.nxt > *{
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 50% 55%;
	}
	.pager li.pre > *{background-image: url(../img/arw1_l_gry2.png);}
	.pager li.nxt > *{background-image: url(../img/arw1_r_gry2.png);}
	.pager li.hellip > *{
		background:url(../img/hellip.png) center center no-repeat;
		background-size: 60% auto;
		border: none;
	}

.acrdBox{display: none;}


/*=== メディアクエリ ===*/
@media screen and (max-width:1300px){
/*デスクトップ(1300px以下)*/

/*ボタン:形*/
.btn.type3{
	padding: 7px 15px;
	font-size: 2.4rem;
}

/*ボックス*/
.searchBox2 > dl dd .icns{font-size: 1.4rem;}

.tabBox.type2 .tabs ul{width: 60%;}
.tabBox.type2 .tabs li a{font-size: 2.0rem;}


		.listBox1.type2 .box.sizeL{width: 69%;}
		.listBox1.type2 .box.sizeS{width: 31%;}
		.listBox1.type3 .box.sizeL{width: 76%;}
		.listBox1.type3 .box.sizeS{width: 24%;}


.tagFilterBox dd li{width: 25%;}


}
@media screen and (max-width:1100px){
/*デスクトップ(1100px以下)*/

/*etc*/
.pager p{font-size: 1.8rem;}
.pager li{margin:0 5px;}
.pager li > *{font-size: 2.2rem;}


}
@media screen and (max-width:1024px){
/*タブレット横(1001px以上、1024px以下)*/

/*ボックス*/
.searchBox2 > dl dd .icns{
	padding: 10px;
	font-size: inherit;
}
.searchBox2 > dl dd .icns li{
	display: block;
	width: auto;
	padding: 0;
}
	.searchBox2 > dl dd .icns li + li{padding-top: 10px;}
.searchBox2 > dl dd .icns a p{margin-top: 5px;}


/*リスト*/
.unreadList1 dd{
	padding-top: 125px;
	font-size: 1.6667rem;
}


.bnList1 ul{margin: 0 -5px;}
.bnList1 li{padding: 10px 5px 0;}


/*テーブル*/
.formTbl th{
	width: 150px;
	padding-left: 41px;
}


/*etc*/
.pager p{font-size: 2.0rem;}
.pager li{margin:0 7px;}
.pager li > *{font-size: 2.4rem;}


}
@media screen and (max-width:1000px){
/*タブレット縦(768px以上、1000px以下)*/

/*ボタン:形*/
.btn.type3{
	padding: 7px 10px;
	font-size: 2.0rem;
}

/*ボックス*/
.searchBox2 > dl dd .txts li a{padding: 10px;}


.tagFilterBox dd li{width: 33.3334%;}


.tabBox.type2 .tabs li a{font-size: 1.8rem;}


	.listBox1 .partBd > .box.sizeL{padding: 10px;}
	.listBox1 .partList .withIcnBox > .txts{padding: 10px 0px 10px 10px;}
.listBox1 .partList .withIcnBox > .icns{
	width: 50px;
	padding-right: 10px;
}

		.listBox1.type2 .box.sizeL{width: 68%;}
		.listBox1.type2 .box.sizeS{width: 32%;}
		.listBox1.type3 .box.sizeL{width: 75%;}
		.listBox1.type3 .box.sizeS{width: 25%;}
.listBox1 .partList .icns2 .icn2Txt1{padding-left: 5px;}
.listBox1 .partList .icns2 img{width: 26px;}

.listBox1 .pager{margin-top: 20px;}


/*リスト*/
.bnList1 li{width: 50%;}
.sldList1 .slk1 .slick-slider{margin:0 -10px 40px;}
.sldList1 .slk1 .slick-track li{padding: 0 10px;}
.sldList1 .slk1 .slick-dots{
	height: 7px;
	font-size: 0;
	bottom: -20px;
}
	.sldList1 .slk1 .slick-dots li{
		background-color: #ccc;
		width: 7px;
		height: 7px;
		border-radius: 50%;
	}
		.sldList1 .slk1 .slick-dots li.slick-active{background-color: #333;}
		.sldList1 .slk1 .slick-dots li button{display: none;}


/*テーブル*/
.formTbl td .bar{width: 12px;}


/*etc*/
.pager{text-align: center;}
.pager p{
	display: block;
	margin:0 0 10px;
}
.pager ul{display: block;}
.pager li{margin: 0 5px;}


}
@media screen and (min-width:768px){
/*タブレット(768px以上*/

/*etc*/
.spAcrdBox{display: block !important;}

}
@media screen and (max-width:767px){
/*モバイル(767px以下)*/

/*ボタン*/
/*ボタン:形*/
.btn.type1{
	padding: 5px 10px;
	font-size: 1.4rem;
}
.btn.type2{
	padding: 3vw 7vw;
	font-size: 1.4rem;
}
/*ボタン:アイコン有*/
.btn.withIcn > i{padding: 0 12vw;}


/*ラベル*/
.lblRequired{
	padding: 3px 5px;
	font-size: 1.0rem;
	border-width: 1px;
}


/*ボックス*/
.searchBox .box{
	width: auto;
	padding-right: 30%;
}
.searchBox input{
	height: auto;
	padding: 3% 3%;
	font-size: 1.4rem;
}
.searchBox button{
	width: 30%;
	font-size: 1.6rem;
}
.searchBox button > i.icnSrch{padding: 0 25% 0 0;}


.searchBox2 > dl dt{
	padding: 2% 10% 2% 3%;
	font-size: 1.8rem;
	text-align: left;
	position: relative;
}
	.searchBox2 > dl dt:after{
		content: "";
		display: block;
		background:url(../img/arw1_b_gry.png) 0 0 no-repeat;
		background-size: 100% 100%;
		width: 6vw;
		height: 3.6vw;
		margin: auto;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 3%;
	}
		.searchBox2 > dl dt.show:after{background-image: url(../img/arw1_t_gry.png);}
.searchBox2 > dl dd{
	display: none;
	font-size: 1.6rem;
}

.searchBox2 > dl dd .icns{padding: 4% 0 5%;}
.searchBox2 > dl dd .icns li{
	display: inline-block;
	width: 50%;
	padding: 0 2% !important;
}
.searchBox2 > dl dd .icns a{display: block;}
.searchBox2 > dl dd .icns a img{width: 40%;}
.searchBox2 > dl dd .icns a p{margin-top: 3%;}

.searchBox2 > dl dd .txts{padding: 3% 0;}
.searchBox2 > dl dd .txts li a{padding: 3% 5%;}


.tagFilterBox{padding: 3%;}
.tagFilterBox dt{
	padding: 2% 10% 2% 3%;
	font-size: 1.8rem;
	position: relative;
}
	.tagFilterBox dt:after{
		content: "";
		display: block;
		background:url(../img/arw1_b_wht.png) 0 0 no-repeat;
		background-size: 100% 100%;
		width: 6vw;
		height: 3.6vw;
		margin: auto;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 3%;
	}
		.tagFilterBox dt.show:after{background-image: url(../img/arw1_t_wht.png);}
.tagFilterBox dd{padding:2% 1%;}
.tagFilterBox dd li{
	width: 50%;
	padding:1% 1.7%;
}
.tagFilterBox dd li a{
	padding: 0 3.6%;
	font-size: 1.4rem;
}
.tagFilterBox dd li a span{
	display: block;
	background-size: 12.5% auto;
	padding: 5% 0px 5% 18%;
}


.tabBox.type1 .tabs ul{border-bottom-width: 2px;}
.tabBox.type1 .tabs li a{
	padding: 5% 3% 3%;
	font-size: 1.6rem;
}
		.tabBox.type1 .tabs li a.show:after{
			border-width: 12px 12px 0;
			bottom: -12px;
		}

.tabBox.type2{padding:5% 3%;}
.tabBox.type2 .tabs{
	display: block;
	border-bottom-width: 2px;
}
.tabBox.type2 .tabs .btnWrap{margin-bottom: 5%;}
.tabBox.type2 .tabs .btnWrap a{display: block;}
.tabBox.type2 .tabs ul{
	width: auto;
	text-align: center;
}
.tabBox.type2 .tabs li a{
	padding: 6% 3% 4%;
	font-size: 1.4rem;
	line-height: 1.2;
}



.listBox1 .partTtl{display: none;}
.listBox1 .partBd{
	display: block;
	width: auto;
}
.listBox1 .partBd > .box{display: block;}
	.listBox1 .box.sizeL,
	.listBox1 .box.sizeS{width: auto !important;}
		.listBox1 .partBd > .box.sizeL{
			padding: 3%;
			border-right:none;
		}
		.listBox1 .partBd > .box.sizeS{
			padding: 0 3% 3%;
			text-align: left;
		}
	.listBox1 .partList > li + li{margin-top: 5%;}
.listBox1 .partList .withIcnBox{display: block;}
.listBox1 .partList .withIcnBox > *{display: block;}
.listBox1 .partList .withIcnBox > .txts{padding: 3% 3% 0;}
.listBox1 .partList .withIcnBox > .icns{
	width: auto;
	padding: 3%;
	text-align: left;
}
.listBox1 .partList .withIcnBox > .icns > div{
	display: inline-block;
	width: 10%;
}
	.listBox1 .partList .withIcnBox > .icns > div + div{margin:0 0 0 3%;}
.listBox1 .partList .withIcnBox > .icns img{width: 100%;}
	.listBox1 .partList .icns2 > div + div > *{padding-top: 5%;}
.listBox1 .partList .withIcnBox > .icns a{display: block;}
.listBox1 .partList .icns2 .img{width: 8.75vw;}
.listBox1 .partList .icns2 img{width: 100%;}
.listBox1 .partList .icns2 p{font-size: 1.4rem;}
.listBox1 .partList .icns2 .icn2Txt1{padding-left: 0.3em;}
.listBox1 .partList .icns2 p em{padding: 0 0.18em;}

.listBox1 .partList .txt.type1{font-size: 1.6rem;}
.listBox1 .partList .txt.type2{
	margin-top: 1%;
	font-size: 1.4rem;
}

.listBox1 .partList .infoTxt{font-size: 1.4rem;}
.listBox1 .partList .infoTxt p{display: inline-block;}
	.listBox1 .partList .infoTxt.type1 p + p{margin-top: 0;}
.listBox1 .partList .infoTxt.type2{margin-top: 3%;}
	.listBox1 .partList .infoTxt.type2 p{
		display: block;
		margin: 0;
	}
.listBox1 .partList .infoTxt em{padding: 0 0.18em;}
.listBox1 .partList .status{
	display: block;
	font-size: 1.6rem;
}
.listBox1 .partList .status > * + *{margin-top: 3%;}
.listBox1 .partList .status *[class^="state"]{padding: 3% 3% 2%;}

.listBox1 .partList .acrdBtn{
	padding: 3% 3% 3%;
	font-size: 1.4rem;
}
.listBox1 .partList .acrdBtn span{
	background-size: auto 70%;
	padding: 0 0 0 7%;
}
	.listBox1 .partList .acrdBtn:hover{opacity: 1;}
.listBox1 .partList .acrdBox > a{padding: 3%;}


.listBox1 .pager{margin-top: 5%;}


/*リスト*/
.sldList1{padding: 3%;}
.sldList1 .partTtl{
	margin-bottom: 5%;
	padding-bottom: 2%;
	font-size: 2.0rem;
}
.sldList1 .partTtl .btnMore{
	font-size: 1.0rem;
	margin-bottom: 3%;
}
.sldList1 .partTtl .btnMore span{padding-right: 15px;}
.sldList1 .slk1 .slick-slider{margin:0 0 40px;}
.sldList1 .slk1 .slick-track li{padding: 0;}
.sldList1 .slk1 a .txts{
	padding: 5%;
	font-size: 1.4rem;
}
.sldList1 .slk1 a .txts span{margin-bottom: 5%;}
.sldList1 .slk1 a .txts p em{font-size: 1.8rem;}

.sldList1 .slk1.is_tiken .img{
	font-size: 2.0rem;
	border-bottom-width: 3px;
}
.sldList1 .slk1.is_tiken .img:after{
	width: 0;
	height: 0;
	padding: 13% 13% 0 0;
	margin: auto auto -6%;
	bottom: -3px;
}
.sldList1 .slk1.is_tiken .txts{padding-top: 10%;}


.unreadList1{padding: 3%;}
.unreadList1 dt{
	padding: 1.5% 3%;
	font-size: 1.6rem;
}
.unreadList1 dd{
	padding-top: 9.5em;
	font-size: 1.0rem;
}
.unreadList1 dd .box > * > p{
	height: auto;
	padding: 0.5em 3%;
}


.bnList1{padding: 3%;}
.bnList1 ul{margin: 0 -1.5vw;}
.bnList1 li{padding: 3vw 1.5vw 0;}


/*テーブル*/
.formTbl table,
.formTbl tbody,
.formTbl th,
.formTbl td,
.formTbl tr{
	display: block;
	width: auto;
}
.formTbl th{}
.formTbl td{}
.formTbl th{
	width: auto;
	font-size: 1.4rem;
	padding: 0 0 2%;
}
	.formTbl .rowRequire th:before{
		margin:0.3% 2% 0 0;
		padding: 1.2% 2% 0.8%;
		font-size: 1.0rem;
		border-width: 1px;
	}
.formTbl th span{padding-top: 0;}
.formTbl td{
	font-size: 1.2rem;
	padding-bottom: 5%;
}
	.formTbl td .multi.spDisB > * + *{margin: 2% 0 0;}
.formTbl td .note{position: relative;}
.formTbl td .note small{
	padding-top: 1%;
	font-size: 1.0rem;
	position: static;
}
.formTbl td .bar{
	background-color: #95989A;
	width: 16px;
	height: 3px;
}
.formTbl .btnSubmit{text-align: center;}


/*etc*/
.regiProfZone{padding: 3%;}
.regiImg{
	padding: 3% 0% 8%;
	margin-bottom: 0;
}
.regiImg p{
	margin-bottom: 5%;
	font-size: 1.0rem;
}
.regiImg dl{margin:0 auto 5%;}
.regiImg dt{
	padding-right: 5px;
	font-size: 1.0rem;
}
.regiImg dd{
	width: 100%;
	padding: 2%;
	font-size: 1.0rem;
	box-sizing: border-box;
}


.pager p{
	font-size: 1.4rem;
	margin:0 0 2%;
}
.pager li{margin: 0 1.5%;}
.pager li > *{font-size: 1.2rem;}
	.pager li.hellip > *{font-size:1.5rem;}


.searchZone{padding: 5% 5% 3%;}


.spAcrdBox{display: none;}


















}