@charset "UTF-8";
/* CSS Document */
* {
margin: 0;
padding: 0;
}

html{
overflow-y:scroll;
height:100%;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}

body {
color:#503f46;
text-align: center;
font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Arial,Helvetica,sans-serif;
font-size:88%;
line-height:150%;
}

div article{
text-align:center;
}

blockquote, q {
quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

input, textarea,{
margin: 0;
padding: 0;
}

ol, ul{
list-style:none;
}

table{
border-collapse: collapse; 
border-spacing:0;
height: auto;
max-width: 100%;
width: auto;
}

th,td{
height: auto;
max-width: 100%;
width: auto;
}

caption, th{
text-align: left;
}

a:focus {
outline:none;
}

.clearfix:after {
content: "."; 
display: block;
clear: both;
height: 0;
visibility: hidden;
}

.clearfix {
min-height: 1px;
}

* html .clearfix {
height: 1px;
/*¥*//*/
height: auto;
overflow: hidden;
/**/
}

.br:before {
content: "\A" ;
white-space: pre ;
}

img {
height: auto;
max-width: 100%;
vertical-align: bottom;
width: auto;
}

h3 {
margin-bottom: 5px;
color:#6d567e;
font-size:340%;
line-height: 1;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
font-weight: bold;
}

h4 {
margin-bottom: 25px;
color:#666;
font-size: 110%;
line-height: 1;
letter-spacing:0.1em;
font-weight:normal;
}

h5 {
margin-bottom: 3px;
font-size:110%;
line-height: 1;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
font-weight: bold;
}


.sp {
display:none;
}

#main {
height: 100%;
margin:0 auto;
}

@media only screen and (min-width:1501px) {
#main {
width: 85%;
}
}

#header_pc {
height: 70px;
width: 100%;
box-shadow: 0 3px 5px rgba(0,0,0,0.1);
background: #fff;
}
.fixed {
position: fixed;
top: 0px;
z-index: 9999;
}
#header_pc .container {
width: 100%;
margin: 0 auto;
position: relative;
height: 70px;
}
@media only screen and (min-width:1501px) {
#header_pc .container {
width: 85%;
}
}
#header_pc #logo {
position: absolute;
left: 40px;
top: 11px;
}
#header_pc #logo a:hover {
opacity: 0.6;
}
#header_pc #global_navi {
	width: 600px;
	position: absolute;
	top: 28px;
	right: 31px;
	text-align: right;
}
#header_pc #global_navi li {
display: inline;
text-align: center;
font-size: 96%;
line-height: 1;
font-family: "arial";
margin-left: 15px;
}
#header_pc #global_navi a {
color: #333;
text-decoration: none;
}
#header_pc #global_navi a:hover {
color: #756aa5;
}

#header_sp {
display:none;
}

#greeting {
width:90%;
margin:0 auto;
padding-top: 70px;
padding-bottom: 60px;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
background-repeat:no-repeat;
background-position:right bottom;
}

@media screen and (min-width: 1401px) {
#greeting {
width:75%;
}
}

#greeting p.copy {
font-size:220%;
margin-bottom:35px;
}

#greeting div.text {
line-height: 185%;
font-size:120%;
letter-spacing:0.05em;
}

#about {
padding: 80px 0;
width:80%;
margin:0 auto 100px auto;
}

#about p {
margin-top: 35px;
line-height: 26px;
}
#about p span {
font-size: 105%;
}

#about ul#tabs {
width:632px;
margin:15px auto 45px;
padding:0;
}
#about ul#tabs li {
float:left;
margin:0 25px;
padding:0;
width:160px;
height:25px;
list-style:none;
}
#about ul#tabs li div {
cursor:pointer;
}
#about ul#tabs li a {
display:block;
width:160px;
height:30px;
}

#about ul#tabs li div.tabs01 {
display:block;
width:160px;
height:30px;
overflow:hidden;
text-indent:-9999px;
background:rgba(0, 0, 0, 0) url(../images/tab_001_off.gif) no-repeat scroll left top;
}
#about ul#tabs li div.tabs01 a:hover {
background:rgba(0, 0, 0, 0) url(../images/tab_001_on.gif) no-repeat scroll left top;
}
#about ul#tabs li div.tabs02 {
display:block;
width:160px;
height:30px;
overflow:hidden;
text-indent:-9999px;
background:rgba(0, 0, 0, 0) url(../images/tab_002_off.gif) no-repeat scroll left top;
}
#about ul#tabs li.active div.tabs02,#about ul#tabs li div.tabs02 a:hover {
background:rgba(0, 0, 0, 0) url(../images/tab_002_on.gif) no-repeat scroll left top;
}

#about ul#tabs li div.tabs03 {
display:block;
width:160px;
height:30px;
overflow:hidden;
text-indent:-9999px;
background:rgba(0, 0, 0, 0) url(../images/tab_003_off.gif) no-repeat scroll left top;
}
#about ul#tabs li.active div.tabs03,#about ul#tabs li div.tabs03 a:hover {
background:rgba(0, 0, 0, 0) url(../images/tab_003_on.gif) no-repeat scroll left top;
}

#about #box1{
line-height: 210%;
font-size:105%;
letter-spacing:0.02em;
}
#about #box1 .text{
margin:5px 0 15px 0;
}
#about #box1 .text .large{
font-size:110%;
margin-top:15px;
font-weight:bold;}

#about #box1 img{
margin-top:20px;
}
#about #box2{
}
#about #box2 table{
margin:0 auto;
border-spacing: 10px;
border-collapse: separate;
}

#about #box2 table th{
font-size:106%;
font-weight:bold;
text-align:right;
padding:10px 13px;
border-right:#7e6b73 3px solid;
}
#about #box2 table td{
font-size:106%;
text-align:left;
padding:10px;
}
#about #box3 #gmap{
width:70%;
margin:0 auto;
}

#about .tabs_title{
font-size: 110%;
color:#674a74;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
letter-spacing:0.1em;
font-weight:bold;
text-align:center;
width:40%;
padding-bottom:3px;
border-bottom:1px solid #674a74;
margin:0 auto;
}

#services {
width:100%;
padding-top: 100px;
margin:0 auto;
}

@media screen and (min-width: 1501px) {
#services {
width:75%;
}
}

#services  ul {
overflow: hidden;
padding: 0 10%;
margin:15px 0 25px 0;
width:80%;
text-align:center;
}

#services li {
width: 30%;
float: left;
}
#services li.left {
margin-right:5%;
}

#services .service{
font-size: 120%;
color:#674a74;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
letter-spacing:0.1em;
font-weight:bold;
}

#services .thumbnail img{
width:25%;
height:25%;
margin-bottom:8px;
}

#services .detail {
font-size:92%;
margin-top:10px;
text-align:justify;
}

#products {
width:100%;
padding-top: 50px;
text-align:center;
margin:0 auto;
}

@media screen and (min-width: 1501px) {
#products {
width:75%;
}
}

#products ul {
margin:30px auto 0 auto;
text-align:center;
width:80%;
}

#products li {
width: 30%;
float:left;
}

#products li.left {
margin-right:4%;
}

#products .thumbnail img{
border-radius: 50%;
width:80%;
height:80%;
border:#bfbfbf 3px solid;
margin-bottom:15px;
}

#products .product_name{
color:#674a74;
font-weight:bold;
margin-top:5px;
font-size:120%;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
letter-spacing:0.1em;
}

#products .detail{
font-size:92%;
margin-top:3px;
text-align:justify;
}

#recruit {
padding-top: 80px;
text-align:center;
width:100%;
margin:0 auto;
}

@media screen and (min-width: 1501px) {
#recruit {
padding-top: 75px;
}
}

#recruit div{
width:80%;
}

#contact {
padding:30px 0 100px 0;
text-align:center;
width:100%;
margin:0 auto;
}

@media screen and (min-width: 1501px) {
#contact {
width:60%;
}
}

#contact form{
width:70%;
margin:0 auto;
}

#contact .frame {
padding: 30px;
width:80%;
margin:0 auto;
background-color:#f8eff2;
}

#contact table{
margin:0 auto 20px auto;
width:100%;
}

#contact table th{
text-align:center;
width:25%;
}

#contact table td{
text-align:left;
width:75%
}

#contact table th,#contact table td{
padding:20px 0;
font-size:86%;
vertical-align:middle;
}

#contact table td .answer{
background:#EDEDED none repeat scroll 0 0;
border:#CCC 1px solid;
padding: 6px 4px;
height: auto;
max-width: 100%;
width:90%;
}

#contact table td .answer01{
width:90%;
}

#contact table td .answer02{
width:40%;
}

#contact table td .answer03{
width:25%;
}

#contact .submit {
width: 100%;
margin:0px;
}
#contact .submit input{
background-color: #6d567e;
font-size:110%;
font-weight:bold;
color:#fff;
border:0;
padding:20px;
}
#contact .submit input:hover{
background-color: #ccc;
color:#6d567e;
}


#privacy {
width:80%;
margin:0 auto;
padding: 30px 0;
}

#privacy div {
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
text-align:justify;
}


@media screen and (min-width: 1501px) {
#privacy {
width:75%;
}
}



#footer {
padding: 30px 50px;
background-color: #2b2f32;
text-align: center;
font-size: 	90%;
color: #aaa;
}

#footer .banner {
	text-align:center;
}

#footer .banner img {
	margin:20px 5px 0 5px;
	width:130px;
}
