body {
  -webkit-text-size-adjust: 100%;
}
@media(max-width:959px){
  body{ margin-top:80px;}
}

@media(max-width:959px){
 .menu-btn {
     position: fixed;
     top: 10px;
     right: 10px;
     display: flex;
     height: 60px;
     width: 60px;
     justify-content: center;
     align-items: center;
     z-index: 90;
     background-color: #3584bb;
 }
 .menu-btn span,
 .menu-btn span:before,
 .menu-btn span:after {
     content: '';
     display: block;
     height: 3px;
     width: 25px;
     border-radius: 3px;
     background-color: #ffffff;
     position: absolute;
 }
 .menu-btn span:before {
     bottom: 8px;
 }
 .menu-btn span:after {
     top: 8px;
 }
 #menu-btn-check:checked ~ .menu-btn span {
     background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
 }
 #menu-btn-check:checked ~ .menu-btn span::before {
     bottom: 0;
     transform: rotate(45deg);
 }
 #menu-btn-check:checked ~ .menu-btn span::after {
     top: 0;
     transform: rotate(-45deg);
 }
 .menu-content {
     width: 100%;
     height: auto;
     position: fixed;
     top: 0;
     left: 100%;/*leftの値を変更してメニューを画面外へ*/
     background-color: #ffffff;
     z-index: 80;
     
     transition: all 0.5s;/*アニメーション設定*/
 }
 #menu-btn-check:checked ~ .menu-content {
     left: 0;/*メニューを画面内へ*/
 }
}
 #menu-btn-check {
     display: none;
 }




h1{
  width: 100%;
  font-size:1.3em;
  color: #00a9ab;
}
h2{
  width: 100%;
  font-size:1.2em;
  color: #00a9ab;
}

p{
  width: 100%;
}

.twitter-pc{
   margin: auto;
   width:  100%;
   height: auto;
}
@media(max-width:959px){
 .twitter-pc{
   display:none;
 }
}

.twitter-mb{
   margin: auto;
   width:  100%;
   height: auto;
}
@media(min-width:960px){
 .twitter-mb{
   display:none;
 }
}

.content-width{
  margin: auto;
  width:  100%;
  height: auto;
}
@media(min-width:960px){
 .content-width{
   margin: auto;
   width:  85%;
   height: auto;
 }
}
.header{
  width:   100%;
  height:  auto;
  dispaly: table;
}

.logo{
  width:  20%;
  height: auto;
  display: table-cell;
  vertical-align: middle;
}

.logo #LOGO{
  width:  80%;
  height: auto;
}

.top-menu{
 display: none;
}
@media(min-width:960px){
 .top-menu{
  display: table-cell;
  vertical-align: top;
  width:  55%;
  height: auto;
 }
}

.menu-others{
  margin-bottom: 1.0em;
}

.menu-others #BIGIN{
  width:  20%;
  height: auto;
}

.menu-others #RYOUKIN{
  width:  20%;
  height: auto;
}

.menu-others #CHART{
  width:  20%;
  height: auto;
}

.menu-others #STAFF{
  width:  20%;
  height: auto;
}

.menu-others #PP{
  width:  20%;
  height: auto;
}

.main-menu{
  width:  100%;
  height: auto;
  vertical-align:bottom;
}

.main-menu #TOP{
  width:  12%;
  height: auto;
  border: dotted 1px #4f8d17;
  border-style: none dotted none none;
}
.main-menu #SEIKATSU{
  width:  12%;
  height: auto;
  border: dotted 1px #4f8d17;
  border-style: none dotted none none;
}

.main-menu #REJA{
  width:  12%;
  height: auto;
  border: dotted 1px #4f8d17;
  border-style: none dotted none none;
}

.main-menu #GYOUJI{
  width:  12%;
  height: auto;
  border: dotted 1px #4f8d17;
  border-style: none dotted none none;
}

.main-menu #PC{
  width:  12%;
  height: auto;
  border: dotted 1px #4f8d17;
  border-style: none dotted none none;
}

.main-menu #HOUSE{
  width:  12%;
  height: auto;
  border: dotted 1px #4f8d17;
  border-style: none dotted none none;
}

.main-menu #NOUGYOU{
  width:  12%;
  height: auto;
  border: dotted 1px #4f8d17;
  border-style: none dotted none none;
}

.tel{
  display: table-cell;
  width:  25%;
  height: auto;
}

.tel #TEL{
  width:  100%;
  height: auto;
}

.tel #MAIL{
  width:           20%;
  height:          auto;
  text-decoration: none;
  border-style:    none;
}

.tel #LINE{
  width:           20%;
  height:          auto;
  text-decoration: none;
  border-style:    none;
  visibility:hidden;
}


.top-image{
  width:     100%;
  height:    auto;
  margin: 1.0em 0;
  text-align:center;
}

.top-image #IMAGE_TOP{
  width:     90%;
  height:   auto;
  display: block;
  margin:   auto;
}


.contents{
  display: table;
  width:   100%;
}

.side-menu{
  display: table-cell;
  width:          15%;
  vertical-align: top;
}
@media(max-width:959px){
 .side-menu{
   width:     0%;
 }
}

.social{
  width:     80%;
  display: table;
  margin:   auto auto 1.0em auto;
}

.sm_ask{
  display: none;
}
@media(min-width:960px){
 .sm_ask{
   width:     80%;
   display: table;
   margin:   auto auto 1.0em auto;
 }
}

.sm_ask-twitter{
  width:          50%;
  display: table-cell;
  text-align:  center;
}

.social-twitter{
  width:          50%;
  display: table-cell;
  text-align:  center;
}

.sm_ask-twitter #ICON_MAIL{
  width:   60%;
  height: auto;
}

.social-twitter #ICON_TWITTER{
  width:   50%;
  height: auto;
}

.sm_ask-facebook{
  width:          50%;
  display: table-cell;
  text-align:  center;
}

.social-facebook{
  width:          50%;
  display: table-cell;
  text-align:  center;
}

.sm_ask-facebook #ICON_LINE{
  width:   60%;
  height: auto;
  visibility:hidden;
}

.social-facebook #ICON_FACEBOOK{
  width:   50%;
  height: auto;
}

.blog{
  display:none;
  width: 100%;
  margin-bottom: 1.0em;
}

.blog #BLOG{
  width:  100%;
  height: auto;
  border-style: none;
}

.menu-header{
  width: 100%;
  border: solid 1px #00a9ab;
  margin: 0px;
  font-size: 0.85em;
  background-color: #c4feff;
  font-weight: bold;
  line-height:1.3em;
}

.menu-header div{
  margin: 5px;
}

.menulist{
  width: 100%;
  border: dotted 1px #00a9ab;
  border-style: none solid dotted solid;
  margin: 0px;
  font-size: 0.85em;
}

.menulist ul{
  width:           90%;
  margin:           0px;
  padding-left:   1.0em;
  line-height:    1.3em;
  list-style-image: url(../images/side/mark.png);
}
.menulist li{
  width: 100%;
  margin-left: 5px;
}

.menulist:hover{
  background-color: #fff9dd;
}

li a{
  width: 95%;
  display:        block;
  text-decoration: none;
  padding: 5px 0px;
  color:           #000;
}

.sm-tel{
  width: 100%;
  margin-top: 1.0em;
  line-height: 0;
}

.sm-tel #SM_TEL{
  display: none;
  width:  100%;
  height: auto;
}

.sm-tel #SM_MAIL{
  width:  100%;
  height: auto;
  border-style: none;
}

.main-content{
  display: table-cell;
  width:          85%;
  padding-left:0.5em;
  line-height:1.5em;
}


.main-frame{
 width:95%;
 margin:auto;
}
@media(max-width:959px){
  .main-content{
    width:100%;
  }
}

.main-tel{
 width:95%;
 margin:auto;
}

.main-tel #MAIN_TEL{
 width: 63.8%;
 height: auto;
}

.main-tel #MAIN_MAIL{
 width: 16.6%;
 height: auto;
}


 .main-tel #MAIN_LINE{
/*  width: 19.6%;
  height: auto; */
  visibility:hidden;
}


.footer{
 padding: 5px;
 margin-top: 1.0em;
 width: 100%;
 line-height: 1.3em;
 background-color: #fff9dd;
}
@media(min-width:960px){
 .footer{
  padding: 5px;
  margin-top: 1.0em;
  width: 100%;
  display: table;
  line-height: 1.3em;
  background-color: #fff9dd;
 }
}

.f-logo{
 text-align:center;
 width: 80%;
 margin: auto;
}
@media(min-width:960px){
 .f-logo{
 display: table-cell;
 vertical-align: middle;
 width: 15%;
 }
}

.f-logo #FOOT_LOGO{
 width: 100%;
 height: auto;
}

.adress{
 font-size: 1.0em;
 width:100%;
 margin-bottom:1.0em;
}
@media(min-width:960px){
 .adress{
  font-size: 0.8em;
  display: table-cell;
  vertical-align: top;
  width:20%;
  padding-left:0.8em;
 }
}

.foot-menu{
 text-align:center;
 font-size: 1.0em;
 width:100%;
}
@media(min-width:960px){
 .foot-menu{
  font-size: 0.7em;
  display: table-cell;
  vertical-align: middle;
  width:50%;
 }
}

.foot-social{
 visibility: hidden;
 text-align:center;
 width:100%;
}
@media(min-width:960px){
 .foot-social{
  display: table-cell;
  visibility: hidden;
  vertical-align: middle;
  text-align:right;
  width:15%;
 }
}

 .foot-social #FOOT_TWITTER{
  width: 30%;
  height: auto;
 }

 .foot-social #FOOT_FACEBOOK{
  width: 30%;
  height: auto;
 }

.content_midashi{
 width: 80%;
 height:auto;
}

.table{
 width:100%;
 display:table
}

.tablecell{
 display:table-cell;
}

.contents_image{
 width:90%;
}

.copyright{
 font-size:-0.8em;
 text-align:center;
  background-color: #fff9dd;
}

.pct{
 width:80%;
}

.campeign{
 color:#f00;
}