/* style.css */

/* base setting */
html,body {
	height:100%;
	}

html {
	overflow-y:scroll;
	}

#wrapper {
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto -45px;
	padding:0 0 45px;
	}

#footer {
	clear:both;
	margin:0 auto;
	padding:0 5%;
	text-align:left;
	font-size:84%;
	color:#000;
	line-height:20px;
	}


/* clearfix */
/*--------------------------------------*/
.clearfix:after {
	clear:both;
	display:block;
	visibility:hidden;
	content:" ";
	height:0;
	font-size:0;
	}

/* IE6 */
* html .clearfix {
	zoom:1;
	}

/* IE7 */
*:first-child+html .clearfix {
	zoom:1;
	}
/*--------------------------------------*/


/* navbar */

.navbar,.navbar-default {
	margin:0;
	}
.logoWrap {
	display:table;
	}
.navbar-brand {
	display:table-cell;
	margin:0;
	padding:10px;
	vertical-align:middle;
	}
nav.navbar .container {
	margin:0 auto;
	padding:0 5px;
	}
	
h2#logo {
	display:table-cell;
	max-width:400px;
	vertical-align:middle;
	}

.container-fluid {
	margin:0;
	padding:0;
	}


.navbar-inner {
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
  background-image: -ms-linear-gradient(top, #ffffff, #ffffff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
  background-image: -o-linear-gradient(top, #ffffff, #ffffff);
  background-image: linear-gradient(top, #ffffff, #ffffff);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'ffffff, endColorstr='#'ffffff, GradientType=0);
}

.navbar .brand {
  padding: 0px;
  font-size: 20px;
  color: #727272;
}

.navbar .divider {
  height: 40px;
  background-color: #ffffff;
  margin:10px;
  border-right: 1px solid #c6c6c6;
}

.navbar .nav > li > a {
  padding: 20px 20px;
  font-size: 14px;
  color: #000000;
}
.navbar .nav > li > a:hover {
	background:#ff4444;
	color:#fff;
	}

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
  color: #424242;
}

@media only screen and (max-width:1170px) {

.navbar div.nav_wrapper {
	margin:0 auto;
	width:100%;
}

.navbar .divider {
  height: 1px;
  background-color: #5555;
  margin:0;
  border-bottom: 1px solid #c6c6c6;
}

.navbar .nav > li > a {
  padding: 20px 15px;
}
}


/* top page */

.toppage {
	width:100%;
	min-height:100%;
	background:url("../images/bg-home.jpg") no-repeat center center;
	background-size:cover;
	background-attachment:fixed;
	margin:0;
	padding:0;
	text-align:center;
	}


.toppage h2#mini-slogan {
	background:none;
	padding:5% 10% 0 0;
	text-align:right;
	font-size:84%;
	font-weight:normal;
	color:#111;
	}
	
h2#logo {
	font-size:11px;
	margin:5px;
	padding:5px;
	text-align:left;
	}

#slogan {
	clear:both;
	padding:5% 0;
	}

#slogan h2 {
	clear:both;
	color:#fff;
	font-size:30px;
	}
	
#slogan h2 span {
	background:#ff4444;
	}

nav#nav-home {
	padding-top:380px;
}

#nav-home ul {
	list-style: none;
	font-size: 0;
	margin: 0;
}
nav#nav-home ul li {
	display:inline-block;
	position:relative;
	margin:0 10px;
}
.circle-menu {
	width: 150px;
	height: 150px;
	-moz-border-radius: 85px;
	-webkit-border-radius: 85px;
	border-radius: 85px;
	text-align:center;
	color:#000000;
	display:table-cell;
	vertical-align:middle;
	margin:auto;
	position:relative;
	font-size:16px;
	z-index: 0;
	text-transform: uppercase;
	padding: 10px;
	background-color:rgba(255,255,255,0.5);
}
.label-link {
	position:relative;
	display:inline-block;
	color:#000000;
}
.label-link {
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.circle-menu:hover .label-link {
	-moz-transform:  rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform:  rotate(360deg);
	transform:  rotate(360deg);
	color:#000000;
} 
span.arrow {
	display:block;
	background:url("../images/arrow.png") no-repeat;
	width:18px;
	height:9px;
	margin-left:-9px;
	position:absolute;
	bottom:20px;
	left:50%;
	z-index: 3;
}

@media (max-width:768px) {
nav#nav-home {
	padding-top:50px;
	margin:0 50px 0 0;
	}
nav#nav-home ul li {
	margin:0 2% 2%;
	}
nav#nav-home ul li:last-child {
	margin:0 2% 2%;
	}
h2#logo {
	margin:10px 0;
	}
#slogan h2 {
	font-size:25px;
	}
.toppage .container {
	width:90%;
	margin:0 5% 30px;
	padding:0;
	}
}

@media (max-width:320px) {

h2#logo {
	font-size:9px;
	}

}


@media (min-width:768px) and (max-width:1200px) {
h2#logo {
	display:none;
	}
	
nav#nav-home {
	padding-top:200px;
	}
}


@media (min-width:768px) and (max-width:1200px) {
h2#logo {
	display:none;
	}
	
nav#nav-home {
	padding-top:200px;
	}
}


/* contents */

.contents {
	background:#ffffff;
	margin:0;
	padding:0;
	text-align:center;
	}

.contents .container {
	margin:0 auto 30px;
	padding:0;
	text-align:left;
	}


@media only screen and (max-width:768px) {
.contents .container,.contact .container {
	width:90%;
	margin:0 5% 30px;
	padding:0;
	}
}

.contents .container h2#title,.contact h2#title {
	margin:0 auto 10px;
	padding:5% 0 3%;
	border-bottom:1px solid #ececec;
	font-size:36px;
	font-weight:bold;
	line-height:30px;
	font-family:Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	}

.contents .container h2#title span,.contact h2#title span {
	display:inline-block;
	margin:0 0 0 1em;
	font-size:20px;
	color:#555;
	}

.contents .container h3 {
	margin:0 auto 20px;
	font-weight:bold;
	color:#555;
	}


/* circle image */
img.circle {
	max-width:100%;
	margin:0 auto 30px;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	-moz-box-shadow: 1px 1px 7px #ccc;
	-webkit-box-shadow: 1px 1px 7px #ccc;
	box-shadow: 1px 1px 7px #ccc;
}





/* company */
dl.comp {
	padding:0 0 2em;
	}
dl.comp dt {
	float:left;
	width:12.5em;
	margin:0 0 1em;
}
dl.comp dd {
	margin:0 0 1em 12.5em;
	_height:1%;
}
dl.comp ul {
	padding-left:0;
	}


@media only screen and (max-width:768px) {
dl.comp dt {
	float:none;
	width:100%;
	margin:0;
}
dl.comp dd {
	margin:0 0 1em 1.5em;
}
.company_image {
	text-align:center;
}
}



/* contact */

.contact {
	width:100%;
	min-height:100%;
	background:url("../images/contact.jpg") no-repeat center center;
	background-size:cover;
	background-attachment:fixed;
	margin:0;
	padding:0;
	text-align:left;
	}


/* profile */

.profile {
	background:#01A3B2;
	color:#fff;
	}
	
.profile h2 {
	color:#000;
	}

.profile .row{
	padding:2em 0 1em;
	}
	
.profile .container h3 {
	color:#fff;
	}

.profile ul.media {
	margin:0;
	padding:0;
	}

.profile ul li {
	list-style-type:none;
	margin:0;
	padding:0;
	}

.profile .illust {
	text-align:center;
	}
	
.toTop {
	display:none;
	}
	
@media only screen and (max-width:768px) {
	.toTop {
		display:block;
		text-align:right;
		font-size:13px;
		margin:2em 1em;
	}
}

/* concept */

.concept {
	background:#D6D6D6;
	color:#8A8A8A;
	}

.concept h2 {
	color:#000;
	}

.concept .concept1 {
	margin:2em 0 1em;
	}
	
.concept .concept2 {
	margin:2em 0 1em;
	}
	
.concept .container h3 {
	color:#8A8A8A;
	}

.concept .container h3.theme {
	font-size:20px;
	height:25px;
	}

.concept .container .note {
	padding:5px 0;
	}


@media only screen and (max-width:970px) {
.concept .container h3 {
	font-size:18px;
	}
.concept .container h3.theme {
	font-size:16px;
	}
}

/* previous site */

.previous {
	background:#ffffff;
	color:#000000;
	}

.previous .previous1 {
	margin:2em 0 1em;
	font-size:20px;
	}