@charset "UTF-8";
/* CSS Document */

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
text-align: center;
}
html {
font-size: 18px;
}
body{
background-color: #fff;
font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
font-weight: 400;
}
h1{
display: none;
}
div{
line-height: 1.8em;
}
a, a:link, a:visited    {  
    text-decoration: none;
    color: #000;  
}  
a:hover {  
    text-decoration: none;  
    color: #000;  
}  
a:active    {  
    text-decoration: none;  
    color: #000;  
}

/*top*/
.ll-box{
width: 100%;
margin: 0;
padding: 0;
}
.l-box{
max-width: 1160px;
margin: 0 auto;
padding: 0 30px;
}
.m-box{
max-width: 900px;
margin: 0 auto;
padding: 0 40px;
font-family: 'ＭＳ Ｐ明朝', 'MS PMincho','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'serif';
}
.s-box{
max-width: 500px;
padding: 0 40px;
}
.dropdown-menu {
  background-color: #fff;
  background-clip: padding-box;
  border: 0px;
  border-radius: 0.25rem;
}
.navbar img{
width: 150px;
}
.navbar-nav li{
margin-left: 20px;
}
.navbar-nav i{
color: #ae0000;
}



/*index*/
.bx-wrapper {
-moz-box-shadow: 0 0 0 #ccc;
-webkit-box-shadow: 0 0 0 #ccc;
box-shadow: 0 0 0 #ccc;
border: none;
margin: 0;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}

#video-wrap {
position: relative;
}
#video-wrap .logo-top {
position: absolute;
left: 15px;
top: 15px;
z-index: 1;
}
#video-wrap p {
background-color: rgba(0,0,0,0.5);
padding: 30px 20px;
color: #fff;
width: 100%;
font-weight: 500;
position: absolute;
left: 0;
top:38%;
margin: 0;
}
#video-wrap font {
font-family: 'GrecoStd-DB';
font-size: 130%;
vertical-align: baseline;
}
video {
  display: block;
  width: 100%;
}

#main-menu{
padding-top: 50px;
background: url(../img/menu_back.png) no-repeat right top;
padding-bottom: 20px;
margin: 0;
}
#main-menu .col-md-4:hover{
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}
#main-menu img{
width: 100%;
}
#main-menu h2{
font-family:'ＭＳ Ｐ明朝', 'MS PMincho','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'serif';
width: 100%;
text-align: left;
margin-top: -18px;
padding-left: 20px;
font-size: 150%;
letter-spacing: 0.2em;
}
#main-menu h2 img{
vertical-align:-100%;
width: auto;
z-index: 2;
}
.foreword{
margin-top: 20px;
text-align: left;
}
.foreword h3 {
text-align: left;
font-family: 'ＭＳ Ｐ明朝', 'MS PMincho','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'serif';
letter-spacing: 0.1em;
margin-top: 40px;
font-size: 1.8em;
}
.foreword span{
font-size: 80%;
}
.foreword h3 span{
font-size: 60%;
}
.foreword h4 {
text-align: left;
font-family: 'ＭＳ Ｐ明朝', 'MS PMincho','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'serif';
letter-spacing: 0.1em;
margin-top: 40px;
font-size: 1.8em;
}
.foreword .uruf-info {
text-align: left;
margin-top: 20px;
font-size: 90%;
}
.foreword .uruf-info img{
width: 40%!important;
float: right;
margin-left: 15px;
}


.naikan{
margin-top: 60px;
}

#sns{
margin-top: 60px;
background-color: rgba(0,0,0,0.05);
width: 100%;
}
#sns a{
display: inline-block;
margin: 20px 10px;
}
#sns img{
width: 50px;
}
#sns h3{
font-family: 'TsukuAOldMinPr6-R';
text-align: left;
font-size: 140%;
}
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
    width: 100% !important;
}

#info{
margin-top: 80px;
}
#info img{
width: 100%;
}
#info ul{
list-style-type: none;
margin-top: 30px;
padding: 0;
}
#info li{
text-align: left;
margin-top: 8px;
}
#info li:before {
content: "■ ";
color: #b90000;
}
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*footer*/
footer{
background-color: #000;
margin-top: 100px;
text-align: center;
}
#f-menu{
margin: 0 auto 20px;
padding: 0 30px;
}
footer .col-md-3{
text-align: left;
margin-top: 30px;
}
footer h4{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
font-size: 100%;
font-weight: 700;
white-space: nowrap;
color: #fff;
margin-top: 20px;
margin-bottom: 15px;
letter-spacing: 0.05em;
text-align: left;
}
footer a, footer a:link, footer a:visited {
text-decoration: underline;
color: #fff;
}
footer a:hover { 
text-decoration: underline;
color: #fff;
}
footer a:active {
text-decoration: underline;  
color: #fff;
}
footer p{
font-size: 85%;
margin: 7px 0 0 7px;
line-height: 1.2em;
text-align: left;
}
footer hr{
border-color: #fff;
margin: 40px 0 20px;
}
.f-logo{
margin-top: 0;
}
#f-address{
margin: 0 auto;
text-align: left;
padding: 0 20px 30px;
}
#f-address .col-xs{
margin-top: 10px;
letter-spacing: 1.5em;
}
#f-address span,address{
display: inline-block;

margin: 0 12px;
}
address{
font-size: 85%;
color: #fff;
line-height: 1.8em;
}
address ul{
list-style-type: none;
padding: 0;
}
address li{
text-align: left;
margin-top: 8px;
}
address li:before {
content: "■ ";
color: #b90000;
}

/*inquiry*/
#inquiry{
margin-top: 20px;
text-align: center;
}
#inquiry form{
margin: 20px auto 0;
}
#inquiry textarea,#inquiry input{
text-align: left;
}
#inquiry th{
line-height: 1.2em;
}
#inquiry textarea{
width: 100%;
}
#inquiry font{
font-size: 80%;
}