@charset "UTF-8";

p.s-text {
	line-height:2; 
	color:#231815;
	font-size:14px;
	margin:0 auto;
	padding:15px 5px;
}
p.ss-text {
	line-height:2; 
	color:#231815;
	font-size:14px;
	margin:0 auto;
	padding:5px 5px;
}
.pad-s{ padding:5px;}
.fc-grey{color:#4f4c4b;}
span.ws{
  white-space:nowrap;
}		
.pd8 { padding:8px  !important;}
.fw-b{ font-weight:bold !important;}
.logoarea {
	width:100%;
	max-width:980px;
	margin:0 auto;
	padding-left:15px;
	}
.switchArea {
	width:600px;
	margin:0 auto;
	padding-top:460px;
	text-align:center;
	}
.switchArea-en {
	width:600px;
	margin:0 auto;
	padding-top:380px;
	text-align:center;
	}	
.switchArea-en p{
	font-size:30px;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	margin-bottom:50px;
	color:#ffffff;
	text-shadow: 0 0 8px #000000;
	}	
.switchArea img{
	margin:10px auto;
	}
.switchArea-en img{
	margin:10px auto;
	}	
.btn-switch {
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #ffffff;
  font-size: 22px;
  background-color: rgb(255,0,0);
  padding: 7px 20px 7px 20px;
  text-decoration: none;
  margin:0;
  border: solid #ffffff 2px;
  transition: .3s;}	
.btn-switch-off {
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #ffffff;
  font-size: 22px;
  background-color: rgba(255,0,0,0);
  padding: 7px 20px 7px 20px;
  text-decoration: none;
  margin:0;
  border: solid #ffffff 2px;
  transition: .3s;
  }
.btn-switch-off:hover {
  background-color: rgb(255,0,0);
  text-decoration: none;
  border: solid #ffffff 2px;
  transition: .3s;
}	
.text-think{
	width: 200px;
	font-size:17px;
	margin:20px auto;
	color: #848484;
	border-bottom:#231815 1px solid;
}
.m-text {
	font-size:26px;
	font-weight:bold;
	padding:25px 15px;
	}
.s-text{
	font-size:14px;
	line-height:1.8;
	}
.bg-text {  
	clear:both;
	width: 100%;
	max-width: 980px;
	margin: 30px auto;
	background:url(../img/imgbc01.png) no-repeat;
	padding:20px 30px 100px;
	position:relative;
}
.bg-text p { 
	font-size:14px;
	margin:15px 0 15px 30px;
	line-height:1.8;
}
.boxwrap { 
	width:100%;
	max-width:780px;
	margin:0 auto;
	padding:30px 0;
	}
.boxwrap02 { 
	width:100%;
	max-width:780px;
	margin:0 auto;
	padding:20px 0 0;
	}
.boxwrap03 {
	width:100%;
	max-width:980px;
	margin:0 auto;
	padding:30px 0 !important;
	}
.boxwrap p {
	margin:15px 0 30px;
	}
.boxcon {
	width:100%;
	color:#000;
	background: url(../img/img_arrow.png) no-repeat 93% 50% ,#dcdddd;
	font-size:18px;
	font-weight:bold;
	line-height:40px;
	padding:0 50px 0 0 !important;
	margin:0 auto 15px !important;
	}
.boxcon:hover {
	background:url(../img/img_arrow.png) no-repeat 93% 50%, rgba(238,239,239,1.00);
	transition:0.5s;
	}		
.boxcon02 {
	width:100%;
	max-width:350px;
	background: #dcdddd;
	font-size:20px;
	font-weight:bold;
	line-height:40px;
	padding:0 !important;
	margin:0 auto 15px !important;
	}
.brg{ 
	width:45px;
	background: #e60012;
	color:#fff;
	float:left;
	}
.d-line {
	font-size:20px;
	padding:8px;
	margin-top:70px;
	background:#7b7a7b;
	color:#fff;
	border-bottom:#e60012 3px solid;
	}
.boxWhite {
	background:#FFFFFF;
	padding:0 30px 15px;
	min-height:740px;
	font-size:14px;
	margin-bottom:30px;
	}
.boxWhite h3 {
	border-bottom: #7b7a7b 2px solid;
	padding:15px 0; margin-top:0;
	font-weight:normal;}
.devide {
	border-bottom:#7b7a7b 1px solid;
	padding:0 0 15px;
	}
.gaikyou {
	background: #efefef;
	font-size:17px;
	border-bottom: #7b7a7b 2px solid;
	padding:5px;
	margin:20px 0;
	}
.naiyou {
	background: #7b7a7b;
	font-size:17px;
	border-bottom:
	#efefef 2px solid;
	padding:5px;
	color:#fff;
	}
.half-circle-lo {
	}
	.half-circle-mod {
		background: #e60012;
		height: 50px;
		width: 100px;
		margin:0 auto;
		padding:6px;
		color:#FFFFFF;
		font-size:20px;
		font-weight:bold;
	}
	.half-circle-lo__half-circle-mod {
		-moz-border-radius:0 0 50px 50px ;
		-webkit-border-radius: 0 0 50px 50px;
		-o-border-radius: 0 0 50px 50px;
		-ms-border-radius: 0 0 50px 50px;
		border-radius: 0 0 50px 50px;
	}

.line-w{
	line-height:2.8;
	}
.pd-01 {
	padding:28px 0 15px !important;
	}
.pd-02 {
	padding:0 0 15px!important;
	}
.table-style {
	margin:30px auto 90px;
	width:95%;
	max-width:680px;
	font-size:14px;
	text-align: left;
	line-height: 1.5;
	background-color:#ccc;
  border-spacing:0;
  border-collapse: separate;
  	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;

	}
.table-style th {
	width: 30%;
	padding: 15px 0 15px 30px;
	font-weight: bold;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	font-weight:normal;
	background-color: #fff;
}
.table-style td {
	width: 70%;
	padding: 15px;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: #fff;
}	
.r-line {
	background:#e60012;
	height:25px;
	}
span.red {
	color:#E60012;
	font-size:16px;
	line-height:1;
	}
h2.contact {
	padding-top:60px !important;
	}
h2.contact img {
	max-width:231px !important;
	}
p img ,h2 img, h3 img{
	display:block; margin:0 auto;}
.text-img {
	max-width:600px;
	margin:90px auto 30px;
	}
.contact-01 {
	font-size:17px;
	padding:30px 0 60px;
	margin-bottom:30px;
	}
.form-area {
	border-bottom:#e6e6e6 2px solid;
	border-top:#e6e6e6 2px solid;
	margin-bottom:30px;
	padding:30px 0;
	}
.copyright {
	font-size:12px;
	margin:15px;
	}
.img-box {
	margin:50px auto;
	max-width:980px;
	overflow:hidden;
	padding:0 !important;
	}
.img-box img{
	width:100%;
	}
.img-pad-left {
	padding:0 10px 0 0 !important;
	}
.img-pad-right {
	padding:0 0 0 10px !important;
	}
.block-pad-left {
	padding:0 15px 0 0 !important;
	}
.block-pad-right {
	padding:0 0 0 15px !important;
	}
#role,#contact,#thought,#business,#profile{
  margin-top : -50px;
  padding-top : 50px;
}

#incubation,#consal{
  margin-top : -60px;
  padding-top : 60px;
}
.brsp {
	display:none;
}
.contact-wrap {
	width:100%;
	max-width:720px !important;
	padding:25px 0 !important;
	margin:0 auto;
	}
label{
	text-align:left;
	font-weight:bold;
	padding:0 15px !important;
	font-size:16px;
	max-width:800px !important;
	width:100% !important;
	}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"],
textarea {
	background-color: #fff;
	border-radius:8px;
	color: #333;
	width: 100% !important;
	border: 1px solid #ddd;
	padding:10px !important;
	font-size: 14px;
	font-weight:normal;
	margin:5px auto !important;
	padding: 0.5em;
	
	/* box-shadow */
	box-shadow:3px 3px 0px 0px #dadbdb;
	-moz-box-shadow:3px 3px 0px 0px #dadbdb;
	-webkit-box-shadow:3px 3px 0px 0px #dadbdb;

	/* border-radius */
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;

	/* border */
	border:2px solid #dadbdb;
}
textarea.wei { font-weight:normal; display:block;}

 input[type="submit"] {
	font-size: 18px;
	padding: 10px 30px 10px 50px;
	background: url(../img/r-arrow.png) no-repeat 15px, #e60012;
	color: #fff;
	border-radius: 8px;
	font-weight:bold;
	cursor: pointer;
	box-shadow: 0 0 1px rgba(0,0,0,.2);
	border: none;
	
	/* box-shadow */
	box-shadow:3px 3px 0px 0px #bb0007;
	-moz-box-shadow:3px 3px 0px 0px #bb0007;
	-webkit-box-shadow:3px 3px 0px 0px #bb0007;
}
input[type="submit"]:hover {
	background: url(../img/r-arrow.png) no-repeat 15px, #FB0013;
	/* box-shadow */
	box-shadow:2px 2px 0px 0px #bb0007;
	-moz-box-shadow:2px 2px 0px 0px #bb0007;
	-webkit-box-shadow:2px 2px 0px 0px #bb0007;
	position:relative;
	top:1px;
	left:1px;
}

.toparrow {
	padding:10px;
	display:block;
	margin:0 auto;
	}
/*フッター*/
footer {
	width: 100%;
	border-bottom: 10px #e60012 solid;
	background-color: #cdcece;
	text-align:center;
	height:60px;
	margin-top:50px;
}
footer:hover {
	background-color: #DEDFDF;
	transition: .5s;
	}

/* ホバー */
.mouseHvr {
	opacity: 1;
}

.mouseHvr:hover {
	opacity: 0.8;
	transition:0.5s;
}
.en-text-h3 {
	font-size:24px;
	line-height:1.6;
	font-weight:bold;
	}

@media screen and (min-width: 751px) {
#spNavHeader,#black,#spNav,#spNavBtnInner,#spNavBtn,#spNav ul,#spNav li {
	display: none;
}
header {
	width: 100%;
	height:auto;
	overflow:hidden;
	height:160px !important;
}
#fix {
  height: 168px;
  width:100%;
  background:#fff;
  padding:0;
  position:relative;
}
#fix.fixed {
  height: 159px; 
}
#fix .fixheader {
  position: absolute;
  width: 100%;
   background:#fff;
  top: 0;
   margin:0 auto;
   float:left;
   height:60px;
}
#fix.fixed .fixheader {
  position: fixed;
   background:#fff;
  top: 0px;
  right:0;
  height:60px;
  padding:0;
  margin:0;
  z-index:100;
  border-bottom:#e60012 5px solid;
}
.navContainer {
	width:100%;
	border-top:5px solid #e60012;
	}
#pcNav {
	width:100%;
	max-width: 980px;
	margin: 0 auto 0;
	overflow:hidden;
}
header h1{
	font-size:14px;
	max-width: 400px;
	display: block;
	margin: 25px 0 20px 15px;
	color: #ddd;
}
header h1 a span.titlelogo {
	color: #595656;
	padding-left:15px;
	vertical-align: sub; 
	line-height:2;
	}

#pcNav h1 img {
	width: 100%;
	height: auto;
	margin: 25px 0 10px 15px;
	padding-right:20px;
}
#pcNav ul {
	position: relative;
    left: 50%;
	height:auto;
}
#pcNav ul li {
	position: relative;
	top:0;
	left: -50%;
	float: left;
	width:16.6%;
	height:100%;
	vertical-align:middle;
	border-left: 1px #d1d1d2 solid;
	line-height: 1.0;
	text-align:center;
	padding:0 ;
	display: -webkit-box; /* safari, Chrome */
    display: -moz-box;    /* Firefox */
    display: -o-box;      /* Opera */
    display: -ms-box;     /* IE */
    display: box;         /* ベンダープレフィックスなし */
   -webkit-box-align: center; /* safari, Chrome */
   -moz-box-align: center;    /* Firefox */
   -o-box-align: center;      /* Opera */
   -ms-box-align: center;     /* IE */
   box-align: center;         /* ベンダープレフィックスなし */
   overflow:hidden;
}
#pcNav ul li:hover {
	background: #F0F0F0;
	transition: 0.5s;
	}
#pcNav ul li.fst{ 
	border-left:none;
	}
#pcNav ul li a{	
	color: #84b4d6;
	display: block;
	margin:0 auto;
}
#pcNav ul li img {
	width: 100%;
	max-width:150px;
	margin:20px 0;
	padding:0 3px;
}
.noBorder {
	border-bottom: none !important;
}
#fix.fixed .navContainer {
	position:fixed;
	top:0;
	right:0;
	width:80%;
	margin-left:auto;
	border-top:none;
	
	}
#fix.fixed #pcNav {
	width:100%;
	max-width: 850px;
	margin: 0 0 0 auto;
	overflow:hidden;
}
#fix.fixed .fixheader .logoarea {
	padding:0 !important;
	margin:0;
	position:fixed;
	top:-11px;
	left:10px;
	}
#fix.fixed .fixheader .logoarea h1 {
	}

#fix.fixed .fixheader .logoarea  h1 img {
	width:120px;
	padding:0;
	margin:0; 
	}
#fix.fixed #pcNav ul {
	float:left;
	position: relative;
    left: 50%;
	height:auto;
}
#fix.fixed #pcNav ul li{
	min-height:55px;
}
#fix.fixed #pcNav ul li img {
	width: 100%;
	max-width:150px;
	margin: 0;
	padding:0 3px;
}

.img-alt {
	display:block;
	}
.img-alt-sp {
	display:none;
	}
.boxwrap .col-sm-6 {
	padding:0 15px 50px;
	}
}



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

#fix.fixed .fixheader .logoarea span{
	display:none;
	}
#fix.fixed .fixheader .logoarea {
	top:-7px;
	}	
.brpc-s {
	display:none;
	}	
}
	

/*{　スマートフォン用　}*/
@media screen and (max-width: 750px) {
	
.img-alt {
	display:none;
	}
.img-alt-sp {
	display:block;
	}
.brsp {
	display: block;
	}
		
#role,#contact,#thought,#business,#profile{
  margin-top : -65px;
  padding-top : 65px;
}
#incubation,#consal{
  margin-top : -30px;
  padding-top : 30px;
}
.navContainer { display:none;}
#pcNav{
	display: none;
}
#spNavHeader {
	width: 100%;
	height: 70px;
	background:#fff;
	border-bottom:#E60012 5px solid;
	position:fixed;
	z-index:10;
}
header {
	height:70px;
	}
.logoarea {
	display:none;
	}
#spNavHeader  h1 img {
	width:140px;
	display:block;
	}
#spNavHeader h1 {
	display:block;
	width:160px;
	padding: 5px 0 5px 15px;
	line-height: 0;
}
#spMenuBtn {
	cursor: pointer;
	position:fixed;
	top: 10px;
	right: 3%;
	z-index:400;
	background:#fff;
}
#spMenuBtn img {
	width: 40px;
	}

#spNav {
	display:none;
	width: 100%;
	position: fixed;
	left: 2%;
	z-index: 2;
}

#spNavBtn {
	width: 100%;
	padding: 8px 0;
}


#spNavBtnInner {
	width: 96%;
	margin: 0 auto;
}
#spNavBtn ul {
	padding: 0;
	width:60%;
	position:fixed;
	text-align:center;
	top:80px;	
	right:3%;
	list-style: none;
	background: #fff;
	border:#d1d1d2 1px solid;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;

}
#spNavBtn li {
	display: block;
	position:relative;
}
#spNavBtn li img {
	max-width:145px;
	}
#spNavBtn li a {
	display: block;
	padding:10px 0 ;
	font-size: 16px;
	line-height: 20px;
	color: #000;
	font-weight: bold;
}
#spNavBtn li a:hover {
	background: #F0F0F0;
	transition:.6s;
}
#spNavBtn li:after {
	 content: "";
    position: absolute;
    left: 2%;
    right: 2%;
    bottom: 0;
    border-bottom: 1px solid #d1d1d2;
	width:96%;
	}

#spNavBtn li.last:after {
	border-bottom:none;
	}
.boxWhite {
	font-size:12px;
	min-height: 0;
	}
.boxWhite h3 {
	font-weight:normal;
}	
p.s-text {
	line-height:1.8; 
	color:#231815;
	font-size:14px;
	margin:0 auto;
	padding:15px 15px;
}
p.ss-text {
	line-height:1.8; 
	color:#231815;
	font-size:14px;
	margin:0 auto;
	padding:15px 15px;
}
.m-text {
	font-size:24px;
	padding:10px 15px;
}

.bg-text {  
	clear:both;
	width: 100%;
	max-width: 980px;
	margin: 30px auto;
	background:url(../img/imgbc01_sp.png) no-repeat right top;
	background-size:contain;
	padding:20px 20px;
	position:relative;
}
.bg-text p { 
	font-size:15px;
	margin:15px 0 15px 0px;
	line-height:1.5;
}
.devide {
	border-bottom:#7b7a7b 1px solid;
	padding:0 15px 15px;
	}
.boxWhite p.text-left {
	padding:0 15px 10px;
	}
.brpc {
	display:none;
	}
.boxwrap p {
	margin:15px 0 30px;
	text-align:left;
	}
.table-style {
	font-size:14px;
	}
.table-style th ,.table-style td{
	padding: 15px 0 15px 10px;
}
.switchArea {
	padding-top:0;
	position:absolute;
	bottom:25px;
	width:100%;
	margin:0 auto;
	text-align:center;
	}
.switchArea-en {
	padding-top:0;
	position:absolute;
	bottom:25px;
	width:100%;
	margin:0 auto;
	text-align:center;
	}	
.switchArea img{
	margin:10px auto 20px;
	width:50%;
	}
.switchArea-en img{
	margin:10px auto 20px;
	width:50%;
	}	
.btn-switch {
	-webkit-border-radius: 5;
  	-moz-border-radius: 5;
  	border-radius: 5px;
  	font-family: Arial;
  	color: #ffffff;
  	font-size: 18px;
    background-color: rgb(255,0,0);
    padding: 7px 20px 7px 20px;
  	text-decoration: none;
  	margin:0;
  	border: solid #ffffff 2px;}	
.btn-switch-off {
	-webkit-border-radius: 5;
  	-moz-border-radius: 5;
  	border-radius: 5px;
  	font-family: Arial;
  	color: #ffffff;
  	font-size: 18px;
    background-color: rgb(255,0,0,0);
    padding: 7px 20px 7px 20px;
  	text-decoration: none;
  	margin:0;
  	border: solid #ffffff 2px;
	}	
.btn-switch-off:hover {
   background-color: rgba(255,0,0);
  text-decoration: none;
  border: solid #ffffff 2px;
}	
.boxcon {
	width:100%;
	color:#000;
	background: url(../img/img_arrow.png) no-repeat 93% 50% ,#dcdddd;
	font-size:15px;
	font-weight:bold;
	line-height:40px;
	padding:0 50px 0 0 !important;
	margin:0 auto 15px !important;
	}

.boxcon02 {
	width:100%;
	max-width:350px;
	background: #dcdddd;
	font-size:16px;
	font-weight:bold;
	line-height:40px;
	padding:0 !important;
	margin:15px auto 15px !important;
	}
.brg{
	width:40px;
	background: #e60012;
	color:#fff;
	float:left;
	}
.pagelogo {
	width:70% !important;
	max-width:235px !important;
	}
.contactlogo {
	width:50% !important;
	max-width:231px !important;
	}
.boxwrap .col-sm-6 {
	padding:0;
	}
.img-pad-left {
	padding:0 3px 0 0 !important;
	}
.img-pad-right {
	padding:0 0 0 3px !important;
	}
footer {
	margin-top:10px;
}

.img-box {
	margin:50px auto 0;
	}
	
}