@import url("css/style.css");

      a {
                  text-decoration: none;
                }
                      h2 {
                          padding: 0.7em 0.5em 0.5em 0.5em;/*文字周りの余白*/
                          color: #0197A6;/*文字色*/
                          border-bottom: solid 2px #0197A6;/*下線*/
                                font-size:1.5em;
                        }
                             h1 {
                          position: relative;
                               color:#0197A6;
                          display: inline-block;
                          padding: 0 55px;
                               margin:0 auto;
                                font-size:2em;
                               letter-spacing:0.2em;
                        }
                        
                        h1:before, h1:after {
                          content: '';
                          position: absolute;
                          top: 50%;
                          display: inline-block;
                          width: 45px;
                          height: 2px;
                          border-top: solid 1px #0197A6;
                          border-bottom: solid 1px #0197A6;
                        }
                        
                        h1:before {
                          left:0;
                        }
                        h1:after {
                          right: 0;
                        }
                      #pageTop {
                  position: fixed;
                  bottom: 50px;
                  right: 30px;
                  text-align:center;
                  padding-top:20px;
                }
                
                 @media screen and (max-width: 768px) {
                      #pageTop {
                  display:none;
                }
                }
                
                #pageTop i {
                  padding-top: 6px;
                  color:#FFFFFF;
                }
                
                 
                
                #pageTop a {
                  display: block;
                  z-index: 999999;
                  padding: 10px;
                  border-radius: 105px;
                  width: 85px;
                  height: 85px;
                  background-color: #9FD6D2;
                  border:0px;
                  color: #fff;
                  font-weight: bold;
                  text-decoration: none;
                  text-align: center;
                  padding-top:20px;
                }
                 @media screen and (max-width: 768px) {
                      #pageTop a {
                  display:none;
                }
                }
                
                 
                
                #pageTop a:hover {
                  text-decoration: none;
                  opacity: 0.7;
                }
                      .buttonmenu{
                      background-color:#FF9900;
                        color:#fff;
                        text-align:center;
                        padding:10px;
                border-radius: 20px;
                        font-weight:bold;
                        
                      }
                      .buttonmenu :hover{
                      opacity: 0.7;   
                        text-decoration:none;     
                      }
                      .buttonmenu :a{
                      opacity: 0.7;    
                        text-decoration:none;    
                      }
.text-center br {
    display: none;
}
@media only screen and (max-width: 768px) {
.text-center br {
    display: inline;
  }
}
.main{width:1100px; margin:0 auto;}
@media screen and (max-width: 768px) {
.main{width:96%; margin:0 auto;}
}
}
.header{
height:110px;
}

.header h1{
padding:5px 0 10px 15px;
font-size:10px;
font-weight:normal;
}

/*************
/* ロゴ
*************/
.logo{
float:left;
}

.logo p{float:left;}

.logo img{
width:auto;
float:left;
padding:2px 10px 0 10px;
}

.logo span{display:block;}

/*************
/* 電話番号
*************/
.info{
float:right;
padding-right:20px;
text-align:right;
}

.info .open{font-size:11px;}


/*************
/* ロゴ+電話番号
*************/
.logo,.info .tel{
margin-top:6px;
color:#acd16b;
font-size:20px;
font-weight:bold;
}

.logo span,.info span{
color:#333;
font-size:.6em;
font-weight:normal;
}

.topbutton {
border-radius: 10px;
text-align:center;
padding-top:5px;
padding-bottom:5px;
width:30em;
margin:0 auto;
display: block;
background-color:#7ED6CA;
color:#fff;
}

@media screen and (max-width: 768px) {
.topbutton {
width:20em;
}
}