@charset "utf-8";

body {
font−size:15px;
line-height:160%;
background-color:#eeeeee;
letter-spacing:1px;
}



/*header*/

.container {
width: 1240px;
margin:0 auto;
position:relative;
}

.container p{
margin:0 0 1.5em 0;
}

header {
width:100%;
height:192px;
position:absolute;
left:0;
top:0;
z-index:1000;
}
header h1{
position:absolute;
left:0;
top:0;
width:164px;
height:192px;
margin:0;
padding:0;
}
header h1 a{
display:block;
width:164px;
height:192px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
background:url(../img/common/logo.png) no-repeat;
}




.second header {

}

.second header h1{

}
.second header h1 a{

}


/*nav*/
#menu {
position:absolute;
right:30px;
top:50px;
width:777px;
height:61px;
}
#menu li{
height:61px;
margin: 0;
padding: 0;
list-style-type:none;
float:left;
}

#menu li a {
display: block;
height:61px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
background-image:url(../img/common/gnav.png);
background-repeat:no-repeat;
background-position:0 0;
}

#menu li a.current {
cursor:default;
}

#menu li.home {
width:112px;
margin-right:71px;
}
#menu li.home a {
width:112px;
background-position:0 0;
}
#menu li.home a:hover,
#menu li.home a.current {
background-position:0 -61px;
}

#menu li.philosophy {
width:152px;
margin-right:73px;
}
#menu li.philosophy a {
width:152px;
background-position:-184px 0;
}
#menu li.philosophy a:hover,
#menu li.philosophy a.current {
background-position:-184px -61px;
}


#menu li.company {
width:144px;
margin-right:95px;
}
#menu li.company a {
width:144px;
background-position:-408px 0;
}
#menu li.company a:hover,
#menu li.company a.current {
background-position:-408px -61px;
}

#menu li.contact {
width:129px;
}
#menu li.contact a {
width:129px;
background-position:-648px 0;
}
#menu li.contact a:hover,
#menu li.contact a.current {
background-position:-648px -61px;
}



.drawer-toggle {
display:none;
}



#mainSlide {
width:100%;
position: relative;
height:700px;
border-bottom:2px solid #ffffff;
margin-bottom:95px;
}

.rslides {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
height:700px;
}

.rslides li {
-webkit-backface-visibility: hidden;
position: absolute;
display: none;
width: 100%;
height:700px;
left: 0;
top: 0;
background-repeat:no-repeat;
background-size:cover;
background-position:center 50%;
}

.rslides li.slide01 {
background-image:url(/img/home/slide01.png);
}
.rslides li.slide02 {
background-image:url(/img/home/slide02.png);
}

.rslides li:first-child {
position: relative;
display: block;
float: left;
}

.rslides img {
display: block;
height: auto;
float: left;
width: 100%;
border: 0;
}

#homeCatch {
display:none;
width:861px;
height:162px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
background:url(../img/home/homeCatch.png) no-repeat;
position:absolute;
left:50%;
top:60%;
margin-top:-81px;
margin-left:-430px;
z-index:2;
}

.pageLink {
height:1px;
line-height:0;
display:block;
width:100%;
}



/*****白ボックス****/
.bg_white {
background:#ffffff;
margin-bottom:100px;
padding-bottom:35px;
}
p.read01 {
text-align:center;
padding:80px;
margin-bottom:0;
font-size:24px;
}
.read02 {
text-align:center;
padding:0;
font-size:36px;
line-height:60px;
}

/************3カラム*********/
.column3 {
width:1152px;
margin:0 auto;
}
.column3 .col{
width:384px;
float:left;
}
.column3 .col a,
.column3 .col span{
display:block;
width:300px;
height:200px;
margin:0 auto;
overflow:hidden;
}
.column3 .col a img,
.column3 .col span img{
width:100%;
height:auto;
}
.column3 .col h3{
text-align:center;
height:65px;
line-height:65px;
font-weight:bold;
font-size:20px;
margin:0;
}
.column3 .col p{
width:256px;
margin:0 auto;
}

/************5カラム*********/
.column5 {
width:1120px;
margin:0 auto;
}
.column5 .col{
width:224px;
float:left;
margin-bottom:77px;
}
.column5 .col a,
.column5 .col span{
display:block;
width:200px;
height:auto;
margin:0 auto;
overflow:hidden;
/*border-radius:147px;*/
border:1px solid #dddddd;
line-height:0;
}
.column5 .col a img,
.column5 .col span img{
width:200px;
height:auto;
line-height:0;
}

/************4カラム*********/
.column4 {
width:1120px;
margin:0 auto;
}
.column4 .col{
width:280px;
float:left;
margin-bottom:30px;
}
.column4 .col a,
.column4 .col span{
display:block;
width:240px;
height:auto;
margin:0 auto;
overflow:hidden;
/*border-radius:147px;*/
/*border:1px solid #dddddd;*/
line-height:0;
}
.column4 .col a img,
.column4 .col span img{
width:240px;
height:100%;
line-height:0;
}
.column4 .col p{
width:240px;
margin:0 auto;
padding:10px 0 0 0;
text-align:center;
display:none;
}

/*******メインタイトル*****/

.title {
text-align:center;
font-size:30px;
padding:54px 0 86px 0;
letter-spacing:4px;
}
.title.t_read {
padding-bottom:58px;
}

.title span {
display:block;
font-size:20px;
margin-top:25px;
padding-top:25px;
position:relative;
letter-spacing:2px;
}
.title span:before {
content:'';
display:block;
width:50px;
height:4px;
background-color:#1db0b9;
position:absolute;
top:0;
left:50%;
margin-left:-25px;
}


.title.t_read span {
display:block;
font-size:28px;
margin-top:40px;
padding-top:50px;
}

/*******メインタイトル*****/



#footer{
background:#1db0b9;
}


.finfo {
width:516px;
position:absolute;
right:0;
top:80px;
}

.finfo h1{
width:111px;
height:146px;
position:absolute;
left:0;
top:0;
}

.finfo p {
position:absolute;
left:174px;
top:18px;
font-size:18px;
color:#ffffff;
line-height:41px;
}

.f_container {
min-height:392px;
}

#f_nav {
width:300px;
position:absolute;
left:136px;
top:100px;
}

#f_nav ul{
margin:0;
padding:0;
list-style-type:none;
}
#f_nav ul li{
margin:0 0 15px 0;
padding:0;
font-size:18px;
}
#f_nav ul li a{
color:#ffffff;
text-decoration:none;
font-weight:normal;
}
#f_nav ul li a.current,
#f_nav ul li a:hover{
opacity:0.7;
}

#copyright {
text-align:center;
padding:50px 0 20px 0;
font-size:16px;
color:#ffffff;
}





#pagetop {
display:block;
width:60px;
height:60px;
position:fixed;
right:100px;
bottom:275px;
z-index:1000;
}
#pagetop img{
width:60px;
height:60px;
opacity:1;
filter:alpha(opacity=1);
}
#pagetop:hover img{
opacity:0.6;
filter:alpha(opacity=60);
}



/******************下層ページの設定***************************/
#secondCatch {
display:none;
width:100%;
height:200px;
background-repeat:no-repeat;
background-position:50% 50%;
position:absolute;
left:0;
top:60%;
margin-top:-100px;
z-index:2;
}

body#philosophy #secondCatch {
background-image:url(../img/philosophy/secondCatch.png);
}
body#philosophy .rslides li.slide01 {
background-image:url(/img/philosophy/slide01.png);
}
body#company #secondCatch {
background-image:url(../img/company/secondCatch.png);
}
body#company .rslides li.slide01 {
background-image:url(/img/company/slide01.png);
}

body#contact #secondCatch {
background-image:url(../img/contact/secondCatch.png);
}
body#contact .rslides li.slide01 {
background-image:url(/img/company/slide01.png);
}

.secondTitle {
font-size:24px;
font-weight:normal;
padding:80px;
text-align:center;
}
.secondTitle span{
font-size:14px;
font-weight:bold;
padding:15px 0 0 0;
margin-top:15px;
display:block;
position:relative;
}
.secondTitle span:before {
content:'';
display:block;
width:50px;
height:2px;
background-color:#1db0b9;
position:absolute;
top:0;
left:50%;
margin-left:-25px;
}


.secondRead {
font-size: 36px;
line-height: 60px;
padding: 0 0 80px 0;
text-align: center;
margin:0 !important;
}

.content {
width:1020px;
margin:0 auto;
}
.content p {
line-height:2em;
}

.halfL {
width:480px;
float:left;
}
.halfR {
width:480px;
float:right;
}

.dataline {
font-weight:bold;
box-sizing:border-box;
line-height:180%;
font-size:18px;
}

.dataline dt{
box-sizing:border-box;
width:220px;
float:left;
padding:15px 0 15px 15px;
}
.dataline dd{
box-sizing:border-box;
padding:15px 0;
padding-left:220px;
border-bottom:1px solid #000000;
}
.dataline dd:last-child{
border-bottom:0;
}
table.datalayout {
margin-left:60px;
}
table.datalayout .parentCompany {
width:130px;
text-align:right;
white-space:nowrap;
}

.gmap {
width:325px;
margin:15px 0;
text-align:right;

}

/*フォーム*/
#contact .secondTitle {
padding:70px 0 40px 0;
}
.contact_read {
font-weight:bold;
text-align:center;
}
.form_data {
width:694px;
/*margin:0 auto;*/
margin-left:85px;
}
.form_data dt{
width:164px;
float:left;
text-align:right;
padding:17px 0;

}
.form_data dd{
padding:17px 0;
padding-left:180px;
}
.form_data dd .forminput{
box-sizing:border-box;
width:100%;
border:1px solid #434343;
background:#e5e5e5;
padding:5px;
}

textarea.forminput{
height:300px;
}

.btnBack,
.btnSend,
.btnConf {
font-size:20px;
text-align:center;
padding:10px;
width:150px;
background:#434343;
color:#ffffff;
border:0;
}

.btnBack {
float:left;
}
.btnSend,
.btnConf {
float:right;
}

.formbtn {
height:60px;
}

/****セクション背景がある場合***/
.sec_bg {
background-image:url(/img/home/sec_bg.png);
background-position:0 0;
background-repeat:no-repeat;
background-size:cover;
padding-bottom:100px;
}
.sec_bg .container {
margin-bottom:0;
}


.pc_br {
display:block;
}
.contact_info_title {
display:block;
border-top:1px solid #dddddd;
padding-top:60px;
font-weight:bold;
}