@charset "UTF-8";
/* Layout.Css
ヘッダーなどの各ページ共通
パンクズなど共通にして唯一の物
---------------------------------------------------- */
/*--------要素---------
---------------------*/
html{font-size: 7.78px;}
body{position: relative;}
body:before{
	content: "";
	display: block;
	background-color: #000;
	width: 260px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
}
a:hover{opacity: 0.7;}

select,
input,
textarea{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
	padding: 10px;
  border: 1px solid #95989A;
	border-radius: 0;
  resize: none;
}
select,
input{
  height: 40px;
  box-sizing: border-box;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
input[type="number"]{-moz-appearance:textfield;}

input[type="checkbox"]{display: none;}
label.chk1{display: inline-block;}
label.chk1:before{
  content: "";
  display: inline-block;
  border-color: #fff;
  width: 16px;
  height: 16px;
  vertical-align: middle;
	border: 1px solid #95989A;
}
	input:checked + label.chk1:before{
		background:url(../img/chk1.png) center center no-repeat #fff;
		background-size: 70%;
	}
label.chk1 span{
	display: inline-block;
	vertical-align: middle;
}

input[type="radio"]{display: none;}
label.rdo1{
  display: inline-block;
  padding:4px 0px 4px 40px;
  position: relative;
}
label.rdo1:before{
  content: "";
  display: inline-block;
  background:url(../img/rdo.png) 0 0 no-repeat;
  width: 30px;
  height: 30px;
  margin:auto;
  vertical-align: middle;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
input:checked + label.rdo1:before{background-image: url(../img/rdo_on.png);}

select{
  background-image:url(../img/slct_arw.png);
  background-position: calc(100% - 7px) center;
  background-repeat: no-repeat;
	background-size: auto 60%;
}
select[disabled]{
	background-image: none;
	color: #000;
}
  /*IE用*/
  select::-ms-expand{display: none;}

input[type="file"]{display: none;}
.inputFile{
	display: inline-block;
	background-color: #F8F8F8;
	padding: 5px 10px;
	color: #3B3B3B;
	font-size: 1.8rem;
	text-align: center;
	line-height: 1;
	border-radius: 5px;
	border: 1px solid #95989A;
}
	.inputFile:hover{opacity: 0.7;}
.inputFileTxt{
	display: inline-block;
	margin-left: 10px;
}
.well{
	background-color: #eee;
	min-height: 40px;
	border-radius: 5px;
	border: 1px solid #bbb;
}

textarea{
	box-sizing: border-box;
	box-shadow: none;
}


button{
	padding: 0;
  cursor: pointer;
	border: none;
}
  button:hover{opacity: 0.7;}
button *{font-family:inherit;}


/*プレースホルダー*/
.phColor1::-moz-placeholder{color: #B7B7B7;opacity: 1;}
.phColor1::-webkit-input-placeholder{color: #B7B7B7;}
.phColor1:-ms-input-placeholder{color: #B7B7B7;}




/*-----レイアウト------
---------------------*/
.mainBg{
	background:url(../img/main_bg.png) center center no-repeat;
	background-size: cover;
	height: 244px;
	width: 100%;
	position: absolute;
}
	.mainBg:before{
		content: "";
		background-color: rgba(0,0,0,0.4);
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}

.wrapper{position: relative;}
.inner{
	max-width: 940px;
	margin: auto;
}


.header{
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: rgba(255,255,255,0.7);
	height: 62px;
	padding: 0px 20px 0px 10px;
	box-sizing: border-box;
}
.logo{width: 100px;}
.logo a{display: block;}
.logo a img{width: 100%;}

.spMenuBtn{display: none;}


.container{}


.footer{
	display: flex;
	justify-content: space-between;
	background-color: #000;
	padding: 15px;
	color: #95989A;
	border: 1px solid #95989A;
}
.footer li{display: inline-block;}
	.footer li + li{margin-left: 15px;}
.footer li a{
	display: block;
	color: inherit;
}


/*----各コンテンツ----
---------------------*/
/* サイドメニュー */
.container > .colSide{
	width: 260px;
	color: #fff;
	float: left;
}
.container > .colSide .in{
	background-color: #000;
	padding: 40px 25px;
}

.btnPayMember a{
	display: block;
	background-color: #9B8900;
	padding: 10px;
	color: #fff;
	font-size: 3.0rem;
	text-align: center;
}
.btnPayMember a small{
	display: block;
	font-size: 2.2rem;
}

.container > .colSide h2{
	padding: 20px 0;
	font-family: 'Oswald', sans-serif;
	font-size: 8.0rem;
	letter-spacing: 0;
}

.container > .colSide .sideMenu{margin-bottom: 30px;}
.container > .colSide .sideMenu ul{margin-right: -25px;}
.container > .colSide .sideMenu li{padding: 5px 0;}
.container > .colSide .sideMenu a{
	display: block;
	padding: 10px;
	color: #fff;
	font-size: 2.5rem;
}
	.container > .colSide .sideMenu a:hover{background-color: #333;}
	.pageNews .container > .colSide .sideMenu .menuNews a,
	.pageProfile .container > .colSide .sideMenu .menuProfile a,
	.pageSearch .container > .colSide .sideMenu .menuSearch a,
	.pageManagement .container > .colSide .sideMenu .menuManagement a,
	.pageBulletin .container > .colSide .sideMenu .menuBulletin a,
	.pageEstimate .container > .colSide .sideMenu .menuEstimate a{
		background-color: #fff;
		padding-right: 20px;
		color: #3C3C3C;
		position: relative;
	}
		.pageNews .container > .colSide .sideMenu .menuNews a:after,
		.pageProfile .container > .colSide .sideMenu .menuProfile a:after,
		.pageSearch .container > .colSide .sideMenu .menuSearch a:after,
		.pageManagement .container > .colSide .sideMenu .menuManagement a:after,
		.pageBulletin .container > .colSide .sideMenu .menuBulletin a:after,
		.pageEstimate .container > .colSide .sideMenu .menuEstimate a:after{
			content: "";
			display: block;
			background:url(../img/arw3_r.png) 0 0 no-repeat;
			background-size: 100% 100%;
			width: 8px;
			height: 15px;
			margin: auto;
			position: absolute;
			top: 0;
			bottom: 0;
			right: 10px;
		}

.container > .colSide .nameCompany{
	background-color: #fff;
	margin-bottom: 30px;
	padding: 10px 10px 8px;
	color: #5C5C5C;
}
.container > .colSide .nameCompany dt{
	margin-bottom: 10px;
	padding: 10px 0;
	font-size: 2.1rem;
	font-weight: bold;
	border-bottom: 1px solid #404040;
}
.container > .colSide .nameCompany dd{
	font-size: 1.6rem;
	position: relative;
}
.container > .colSide .nameCompany dd p{
	line-height: 2;
}
.container > .colSide .nameCompany dd p span{
	color: #C9B33A;
	font-size: 2.0rem;
	letter-spacing: -0.15em;
}
.container > .colSide .nameCompany dd .btnEdit{
	background-color: #EBE5E5;
	padding: 3px 10px 2px;
	color: #5F5F5F;
	font-size: 1.3rem;
	border: 1px solid #CACDD0;
	border-radius: 3px;
	position: absolute;
	bottom: 5px;
	right: 0;
}

.container > .colSide .officeInfo{margin-bottom: 20px;}
.container > .colSide .officeInfo h3{
	margin-bottom: 10px;
	color: #C3C3C3;
	font-size: 1.6rem;
}
.container > .colSide .officeInfo .txts{
	display: table;
	border-collapse: collapse;
	width: 100%;
}
.container > .colSide .officeInfo .txts a{
	display: table-row;
	width: 100%;
	color: #fff;
	font-size: 1.7rem;
}
	.container > .colSide .officeInfo .txts a:hover{opacity: 0.6;}
	.container > .colSide .officeInfo .txts a + a{border-top: 1px solid #909090;}
.container > .colSide .officeInfo .txts a > *{
	display: table-cell;
	vertical-align: top;
	padding: 5px 0;
}
.container > .colSide .officeInfo .txts a > p{
	padding-left: 10px;
}


/* メイン部分 */
.container > .colMain{}
.mainTtl{
	display: flex;
	justify-content: center;
	font-family: 'Oswald', sans-serif;
	align-items: center;
	height: 182px;
	padding: 0 20px;
	color: #fff;
}
.mainTtl span{
	display: inline-block;
	padding-bottom: 10px;
	font-size: 8.0rem;
	text-align: center;
	position: relative;
}
	.mainTtl span:after{
		content: "";
		display: block;
		background-color: #fff;
		width: 45px;
		height: 3px;
		margin: auto;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
	}
.mainTtl span small{
	display: block;
	font-size: 2.3rem;
}

.mainCont{
	background-color: #fff;
	margin-left: 260px;
	padding:50px;
}


/* カラム */
.colWrap{}
.colWrap > .colMain{width: 76%;}
.colWrap > .colSide{width: 20%;}








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

/*----各コンテンツ----
---------------------*/
/* サイドメニュー */
.container > .colSide .in{display: block !important;}


}
@media screen and (max-width:1024px){
/*タブレット横(1001px以上、1024px以下)*/
/*--------要素---------
---------------------*/
html{font-size: 6px;}
body:before{width: 230px;}


/*-----レイアウト------
---------------------*/
.mainBg{height: 200px;}


/*----各コンテンツ----
---------------------*/
/* サイドメニュー */
.container > .colSide{width: 230px;}
.container > .colSide .nameCompany dd .btnEdit{bottom: 3px;}



/* メイン部分 */
.mainTtl{height: 138px;}

.mainCont{margin-left: 230px;}


/* カラム */
.colWrap > .colSide{width: 22%;}


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


/*-----レイアウト------
---------------------*/
.mainBg{height: 200px;}

.footer{font-size: 1.6rem;}
.footer li + li{margin-left: 10px;}


/*----各コンテンツ----
---------------------*/
/* サイドメニュー */
.container > .colSide{width: 200px;}
.container > .colSide .in{padding: 20px 15px;}
.container > .colSide .sideMenu ul{margin-right: -15px;}

.container > .colSide .nameCompany dd .btnEdit{padding: 3px 5px;}

/*.container > .colSide .officeInfo .txts a > span{font-size: 0.8em;}*/

/* メイン部分 */
.mainCont{
	margin-left: 200px;
	padding: 30px;
}


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

/*--------要素---------
---------------------*/
html{font-size: 3.125vw;}
body{-webkit-text-size-adjust: 100%;}
	body:before{content: normal;}

select,
input{height: auto;}
input[type="text"],
input[type="number"],
input[type="password"]{	padding: 1.6vw 3vw 1.2vw;}
select{padding: 1vw 5vw 1vw 3vw;}

.inputFile{font-size: 1.0rem;}
.inputFileTxt{margin-left: 3%;}

textarea{padding: 3vw;}

.mainBg{display: none;}


/*-----レイアウト------
---------------------*/
.header{
	background-color: rgba(255,255,255,0.7);
	height: 50px;
}
.logo{width: 75px;}
.header .logBox{display: none;}

.spMenuBtn{
	display: block;
	width: 30px;
}
.spMenuBtn span{
	display: block;
	background-color: #272626;
	height: 4px;
	margin-bottom: 3px;
}
.spMenuBtn p{
	color: #000;
	font-size: 7px;
	letter-spacing: 0.05em;
}


.footer{
	display: block;
	font-size: 10px;
	text-align: center;
}
.footer li{margin: 0 5px 5px !important;}
	.footer li + li{}
.footer li a{
	display: block;
	color: inherit;
}
#copyright{font-size: 8px;}


/*----各コンテンツ----
---------------------*/
/* サイドメニュー */
.container > .colSide{
	width: auto;
	float: none;
	position: relative;
}
.container > .colSide .in{
	display: none;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.btnPayMember a{
	padding: 5px;
	font-size: 16px;
}
.btnPayMember a small{font-size: 12px;}

.container > .colSide h2{
	padding: 10px 0;
	font-size: 40px;
}

.container > .colSide .sideMenu{margin-bottom: 10px;}
.container > .colSide .sideMenu ul{margin-right: -10px;}
.container > .colSide .sideMenu li{padding: 3px 0;}
.container > .colSide .sideMenu a{
	padding: 5px !important;
	font-size: 16px;
}
		.container > .colSide .sideMenu .here a:after{content: normal;}

.container > .colSide .nameCompany{margin-bottom: 20px;}
.container > .colSide .nameCompany dt{
	padding: 5px 0;
	font-size: 16px;
}
.container > .colSide .nameCompany dd{font-size: 14px;}
.container > .colSide .nameCompany dd p span{font-size: 16px;}
.container > .colSide .nameCompany dd .btnEdit{
	padding: 5px 10px;
	font-size: 12px;
}

.container > .colSide .officeInfo{margin-bottom: 15px;}
.container > .colSide .officeInfo h3{
	margin-bottom: 0px;
	font-size: 16px;
}
.container > .colSide .officeInfo .txts a{font-size: 14px;}

.container > .colSide .btnDLRule a{font-size: 14px;}


/* メイン部分 */
.mainTtl{
	display: block;
	background-color: #363636;
	height: auto;
	padding: 2% 3%;
}
.mainTtl span{
	display: block;
	padding-bottom: 0;
	font-size: 3.0rem;
	text-align: left;
}
	.mainTtl span:after{content: normal;}
.mainTtl span small{
	display: inline-block;
	margin-left: 2%;
	font-size: 1.5rem;
}

.mainCont{
	margin-left: 0;
	padding:0 0 3%;
}


/* カラム */
.colWrap{padding: 3%;}
.colWrap > .colMain{width: auto;}
.colWrap > .colSide{width: auto;}





































}