@charset "UTF-8";
/* ===================================================================
CSS information

 file name  :about.css
 author     :Ability Consultant
style info  :タイトル
=================================================================== */

body{
	background-color: #f7f7f0
}

/*-----------------------------------------------------------
	gnavのactive設定
-----------------------------------------------------------*/
#contents {
	font-size: 1.2em;
	line-height: 1.8;
	letter-spacing: 0.05em;
}

/*----------------------------------------------------
	.con_int
----------------------------------------------------*/
.con_int {
	width: 650px;
	margin: 40px auto 0;
}


#content section {
	width: 650px;
	margin: 60px auto 0;
	padding-bottom: 40px;
}

.parts {
  margin: 20px 0; 
}

#content h3 {
	font-size: 1.6em;
	text-align: center;
	color: #3C2E16;
  margin-top:2em;
}

#content h3:before,
#content h3:after {
	content: url(../images/common/ic_mato.png);
	width: 20px;
	height: 20px;
	margin: 0 10px;
}

#content tr th {
  font-weight: normal;
  width: 35%;
  vertical-align: top;
}

#content tr td {
  width: 65%;
  vertical-align: top;
}

#content .file {
	border-bottom: 1px #c1c1c1 solid;
}

#content .file a {
  padding: 8px 30px 8px 0;
  display: block;
  background: url(../images/common/ic_download.png) no-repeat right center / 3% auto;
}

#content .pdf a {
	padding: 8px 30px 8px 0;
	display: block;
	background: url(../images/common/ic_pdf_l.png) no-repeat right center;
}

#content .word a{
	padding: 8px 30px 8px 0;
  display: block;
  background: url(../images/common/ic_word2.png) no-repeat right center;
}

#content .excel a{
  padding: 8px 30px 8px 0;
  display: block;
  background: url(../images/common/ic_excel2.png) no-repeat right center;
}

#content .file a:link,
#content .file a:visited,
#content .file a:hover,
#content .file a:active {
	text-decoration: none;
}

#content .txt_atn {
  font-size: 14px;
  display: block;
  margin-top: 2em;
  text-align: center;
  color: #d22424;
}

#content #tab {
  text-align: center;
  letter-spacing: -.4em;
  margin-top: 2em;
}
#content #tab li {
  display: inline-block;
  letter-spacing: normal;
  text-align: center;
  font-size: 15px;
  width: 24.25%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: .3em .5em 1em;
  border: 1px solid #D79036;
  color: #3C2E16;
  margin: 0 0 1% 1%;
  letter-spacing: .05em;
  background: rgba(255, 255, 255, 0.8);
  cursor: pointer;
  -moz-transition: background 400ms ease-out, color 400ms ease-out;
  -o-transition: background 400ms ease-out, color 400ms ease-out;
  -webkit-transition: background 400ms ease-out, color 400ms ease-out;
  transition: background 400ms ease-out, color 400ms ease-out;
  position: relative;
}
#content #tab li:nth-child(4n+1) {
  margin-left: 0;
}
#content #tab li:after {
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #D79036;
  border-right: solid 2px #D79036;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  bottom: .5em;
  right: 0;
  left: 0;
  margin: 0 auto;
  -moz-transition: border-color 400ms ease-out;
  -o-transition: border-color 400ms ease-out;
  -webkit-transition: border-color 400ms ease-out;
  transition: border-color 400ms ease-out;
}
#content #tab li:hover, .con_format #tab li.active {
  background: #D79036;
  color: #FFF;
}
#content #tab li:hover:after, .con_format #tab li.active:after {
  border-color: #FFF;
}
#content #tab li:hover span, .con_format #tab li.active span {
  color: #FFF;
}
#content #tab li em {
  font-size: 20px;
  letter-spacing: normal;
  padding-right: .1em;
}
#content #tab li span {
  display: block;
  font-weight: normal;
  font-size: 12px;
  line-height: 1.6;
  color: #626262;
  -moz-transition: color 400ms ease-out;
  -o-transition: color 400ms ease-out;
  -webkit-transition: color 400ms ease-out;
  transition: color 400ms ease-out;
}

#content #panel .box_mon {
  display: none;
  padding: 2em 0;
}
#content #panel .box_mon .st {
  color: #3C2E16;
  font-size: 18px;
  text-align: center;
  line-height: 1;
}
#content #panel .box_mon .st em {
  font-size: 22px;
  letter-spacing: normal;
  font-weight: normal;
  padding-right: .1em;
}
#content #panel .box_mon .st span {
  font-size: 13px;
  background: rgba(215, 144, 54, 0.4);
  padding: .2em 1em;
  margin-top: .5em;
  display: inline-block;
}
#content .box_links {
  margin: 1em auto 0;
  border-bottom: 1px #a4a4a4 dotted;
}
#content .box_links p {
  border-top: 1px #a4a4a4 dotted;
}
#content .box_links p.exc a:after {
  background: url(../images/common/ic_excel.png) no-repeat top left;
}
#content .box_links p.word a:after {
  background: url(../images/common/ic_word.png) no-repeat top left;
}
#content .box_links p.pdf a:after {
  background: url(../images/common/ic_pdf.png) no-repeat top left;
}
#content .box_links p a {
  padding: 1em 3.5em 1em 2.5em;
  display: block;
  text-decoration: none;
  position: relative;
  font-size: 13px;
  -moz-transition: background 400ms ease-out;
  -o-transition: background 400ms ease-out;
  -webkit-transition: background 400ms ease-out;
  transition: background 400ms ease-out;
}
#content .box_links p a:hover {
  background: rgba(255, 255, 255, 0.8);
}
#content .box_links p a:before {
  content: '●';
  display: block;
  position: absolute;
  top: 50%;
  line-height: 1;
  margin-top: -.5em;
  left: 1em;
  font-size: 10px;
  color: #3C2E16;
}
#content .box_links p a:after {
  content: '';
  width: 26px;
  height: 26px;
  position: absolute;
  top: 50%;
  margin-top: -13px;
  right: 1em;
  -moz-background-size: 26px 26px !important;
  -o-background-size: 26px 26px !important;
  -webkit-background-size: 26px 26px !important;
  background-size: 26px 26px !important;
}



/*login*/

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #c6c6c6;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #c6c6c6;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #c6c6c6;
}

.box_login {
  width: 650px;
  margin: 65px auto 190px;
  background: #f0f0e0;
  padding: 43px 25px;
  box-sizing: border-box;
}
.box_login .txt {
  font-size: 12px;
  padding-bottom: 40px;
}
.box_login .box_input {
  margin-bottom: 37px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}
.box_login .box_input input {
  padding: .8em .8em;
  font-size: 12px;
}
.box_login .box_input input[type="password"] {
  background: #fff;
  border: 1px solid #000;
  width: 400px;
}
.box_login .btn input[type="submit"] {
  border: none;
  background: #d79036;
  color: #fff;
  text-align: center;
  width: 160px;
  font-weight: bold;
  padding:10px;
}
.box_login .note {
  color: #333333;
  font-weight: bold;
  margin-top: 20px;
}
.box_login .note a {
  color: #3244b8;
}