@charset "UTF-8";

/*================================================
 *  グローバルナビゲーション
 ================================================*/
nav {
    padding:0;
    background: #666;
/*    overflow:hidden;*/
}
nav ul {
/*    width:940px;*/
    margin:0 auto;
    padding:0;
}
nav li {
    float:left;
    list-style:none;
    margin:0;
    padding:0;
}
nav li a {
    display:block;
/*    width:117px;*/
    padding:20px 0;
    color:#fff;
    text-align:center;
    text-decoration:none;
}
nav li:first-child a {
/*    width:120px;*/
}
nav li a:hover {
    color:#fff;
    text-decoration:none;
    background:#00586f;
}
nav li a.active	{
	color:#fff;
    text-decoration:none;
    background:#00586f;
}

.news {
    width: 100%;
    height: 200px;
    overflow-y: scroll;
}
/* 固定バナースタイルシート */
.fix_gb{
width: 80px;
height: 80px;
position: fixed !important;
position: absolute;
right: 0;

 -webkit-transition: width ease-in-out 0.7s;
 -moz-transition: width ease-in-out 0.7s;
 -ms-transition: width ease-in-out 0.7s;
 -o-transition: width ease-in-out 0.7s;
 transition: width ease-in-out 0.7s;
}
.fix_gb a{
display: block;
width: 100%;
height: 100%;
}
.fix_gb:hover {
width: 300px;
}

#fix01{
background: url("../images/fix01.png") 0 0 no-repeat;
top: 10px;
z-index:991;
}
#fix02{
background: url("../images/fix02.png") 0 0 no-repeat;
top: 100px;
z-index:991;
}
@media screen and (max-width: 1315px) {
#fix01,#fix02{
display: none;
    visibility: hidden;
    }
}
/* 会社概要 */
table#info{
    color: #fff;
    border-bottom: 1px solid #fff;
}
table#info th{
   background-color: #222;
    border-right:  1px solid #fff;
    }

.info p{
    margin: 30px 0;
}

/* 下部リンク */
.line3 .cBtn ul{
	margin: 20px 0;
}
.line3 .cBtn ul li{
	float:left;
	list-style:none;
	margin-right:10px;
	margin-bottom:30px;
}

.line3 .cBtn ul i{
}
.line3 .cBtn a{
	border-radius:4px;
	font-family: 'Roboto', 'sans-serif';
	font-weight: 700;
	font-size:18px;
	color:#333;
	padding:10px 20px;
	box-shadow: 0px 2px 0px 0px #000;
	background:#ddd ;
	text-decoration:none;
}
.line3 .cBtn a:hover{
	background:#E71063;
	color:#fff;
	box-shadow: 0px 2px 0px 0px #000 ;
}
.hcom{
	margin-bottom:50px;
	font-size:18px;
	line-height:1.5em;
}
.w50{
	width:50%;
	float:left;
	box-sizing:border-box;
	margin-bottom:30px;
}
/* form追加 */
.control-label{
    font-weight: 700;
}
input[type="submit"], input[type="reset"] {
	font-family: FontAwesome;
	box-shadow: 0px 2px 0px 0px #00313e;
	background:#00586f ;
	color:#fff;
	margin-right:10px;
	padding-left:20px;
	padding-right:20px;
	font-size:15px;
	font-weight: 700;
}

input[type="submit"]:hover, input[type="reset"]:hover {
	background:#E71063;
	box-shadow: 0px 2px 0px 0px #7f0937 ;
}





.ixcform {
  text-align: left;
}
.ixcform input[type="checkbox"] {
  display: none;
}
.ixcform input[type="checkbox"] + span {
  display: inline-block;
  position: relative;
  padding: 0 0 0 1.2em;
  margin: 0 .2em 0;
  cursor: pointer;
}
.ixcform input[type="checkbox"] + span::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: #fff;
  border: 1px solid rgba(0,0,0,.1);
  border-radius: 2px;
  width: 1em;
  height: 1em;
  display: block;
}
.ixcform input[type="checkbox"]:checked + span::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translateY(-50%) rotate(-45deg);
  width: 1em;
  height: .6em;
  margin-top: -.2em;
  display: block;
  border-left: 3px solid rgb(231, 16, 99);
  border-bottom: 3px solid rgb(231, 16, 99);
}


.ixcform {
  text-align: left;
}
.ixcform input[type="radio"] {
  display: none;
}
.ixcform input[type="radio"] + span {
  display: inline-block;
  position: relative;
  padding: 0 0 0 1.2em;
  margin: 0 .2em 0;
  cursor: pointer;
}
.ixcform input[type="radio"] + span::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: #fff;
  border: 1px solid rgba(0,0,0,.1);
  border-radius: 50%;
  width: 1em;
  height: 1em;
  display: block;
}
.ixcform input[type="radio"]:checked + span::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: rgb(231, 16, 99);
  border-radius: 50%;
  width: 1em;
  height: 1em;
  border: .2em solid #fff;
  display: block;
}

.photo {
    overflow: hidden;
    margin: 0;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    display: block;
}