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

/* ------------------------------------------------------------------------------
japan-izm.com
------------------------------------------------------------------------------ */

/*Font Size List ----------------------------------------------------------------
8px = 62%
9px = 70%
10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108%
15px = 116%
16px = 123.1%
17px = 131%
18px = 138.5%
19px = 146.5%
20px = 153.9%
21px = 161.6%
22px = 167%
23px = 174%
24px = 182%
25px = 189%
26px = 197%
------------------------------------------------------------------------------ */

/* FontStyle */
strong {
font-weight: bold;
}
em {
font-style: italic;
}
/* LinkColor */
a:link {
color: #000000;
}
a:visited {
color: #600;
}
a:hover {
opacity:0.4;
}
a:focus {
color: #090;
}
a:active {
color: #FF0;
}
/* TableStyle */
table {
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
border-collapse: collapse;
border-spacing: 0;
}
table th {
padding: 5px;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
background: #CCC;
}
table td {
padding: 5px;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}
table thead {
word-spacing: normal;
}
table tfoot {
word-spacing: normal;
}
table tbody {
word-spacing: normal;
}
.table_company{
  width: 100%;
  border-collapse: collapse;
  margin-bottom:20px;
}

.table_company tr{
  border-bottom: solid 2px white;
}

.table_company tr:last-child{
  border-bottom: none;
}

.table_company th{
  position: relative;
  text-align: left;
  width: 30%;
  background-color: #223a70;
  color: white;
  text-align: center;
  padding: 10px 0;
}
/* RoundBox */
.roundBox {
width: 500px;
background: url(none) repeat-y left top;
}
.roundCap {
font-size: 0%;
line-height: 0;
}
/* Note */
.note {
text-indent: -1em;
margin-left: 1em;
}

/* ------------------------------------------------------------------------------
Template
------------------------------------------------------------------------------ */
@media screen and (min-width: 769px) {
/*PC用 */
.pcTopNav {
display: block;
}
.spTopNav {
display:none;
}
#wrap {
width: 100%;
text-align: center;
}
.spBrand {
display:none;
}
.pcBr {
display:block;
}
.spBr {
display:none;
}
header {
width: 1168px;
margin-right: auto;
margin-left: auto;
}
header h1 {
float: left;
margin-top: 20px;
margin-left: 30px;
}

header .headNavi {
float: right;
margin-top: 20px;
margin-right: 30px;
}

header .headNavi li {
float: left;
padding: 7px 35px 10px;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
border-left: 1px solid #666;
background-color:rgba(255,255,255,0.5);
}

header .headNavi li.last {
border-right: 1px solid #666;
}

#content {
width: 1168px;
margin-right: auto;
margin-left: auto;
text-align: left;
}

footer {
width: 1168px;
height:209px;
margin-right: auto;
margin-left: auto;
background-image:url(../img_common/foot_bg.jpg);
}

footer .footLogo {
float: left;
margin-top: 30px;
margin-left: 40px;
margin-bottom:30px;
text-align:left;
}
footer h1 {
margin-bottom:10px;
}
footer .footLogo p {
color:#FFF;
font-size:108%;
}

footer .footNavi {
float: right;
margin-top: 35px;
margin-right: 40px;
}
footer .footNavi li {
float: left;
margin-right: 25px;
margin-left: 25px;
}


}

@media screen and (max-width:769px) {
/* スマートフォン用 */
.pcTopNav {
display: none;
}
.spTopNav {
display:block;
position: fixed;
width: 100%;
  top: 0;
  z-index: 10000;
  background:#FFFFFF;
}
.spheadLogo {
float:left;
padding-left:5px;
padding-top:10px;
}
.spheadMenu {
float: right;
padding-top:10px;
}

.accordion {
text-align: center;
}
.accordion .inner {
display: none;
}
.accordion div{
cursor: pointer; padding: 10px;
}
.accordion .inner li{
padding: 15px 0;
}
.accordion .inner li.acc1{
	border-bottom:1px solid #333333;
	border-top:1px solid #333333;
}
.accordion .inner li.acc2{
	border-bottom:1px solid #333333;
}
.accordion .inner li.acc3{
	border-bottom:1px solid #333333;
}
.accordion .inner li.acc5{
	border-bottom:1px solid #333333;
}
#wrap {
width: 100%;
text-align: center;
}
#content {
  padding-top: 56px;
}
.spBrand {
display:block;
}
.pcBr {
display:none;
}
.spBr {
display:block;
}
header {
width: 100%;
}
header h1 {
margin-top: 20px;
}

header .headNavi {
margin-top: 20px;
border-top: 1px solid #666;
}

header .headNavi li {
float: left;
width: 50%;
border-bottom: 1px solid #666;
padding-top: 10px;
padding-bottom: 10px;
}

header .headNavi li.last {
}

#content {
width: 100%;
margin-right: auto;
margin-left: auto;
text-align: left;
}
footer {
width: 100%;
background-image:url(../img_common/foot_bg.jpg);
background-size: cover;
padding-bottom:20px;
}

footer .footLogo {
margin-top: 20px;
margin-bottom:20px;
}
footer h1 {
margin-bottom:10px;
}
footer .footLogo p {
color:#FFF;
font-size:116%;
}

footer .footNavi li {
float: left;
width: 33%;
padding-top: 10px;
padding-bottom: 25px;
}
}