@charset "utf-8";
/*--------------------------------------------------------------
  980px
--------------------------------------------------------------*/
@media screen and (max-width: 1200px){
  #main {
    z-index: 1;
    position: relative;
  }
  header#header {
    position: fixed;
    width: 100%;
    z-index: 11;
    top: 0;
    background: #fff;
  }
  .mainv{
    padding-top: 78px;
  }
  .bg{background-attachment:initial;}
  .gnav,
  .logo_right,
  .logo_right_tel,
  .rightmenu,
  .footer_wrap,
  .footer{
    display: none;
  }
  .img_r,
  .img_l{
    width: 100%;
    float: none;
    margin:0;
    margin-bottom:30px;
  }
  .img250,
  .leftbox_box div.img_r + div,
  .footer_link_box{
    width: 100%;
  }
  .mainv_01{
    margin-top: 78px;
  }
  .slidemenu {
    display: block;
    top: 0;
    width: 240px;
    position: fixed;
    visibility: hidden;
    z-index: -1;
  }
  .slidemenu {
    background-color: #FF9800;
  }
  .slidemenu .slidemenu-header {
    position: relative;
  }
  .slidemenu .slidemenu-body {
    height: 100%;
    overflow: hidden;
    position: relative;
  }
  .slidemenu .slidemenu-content {
    position: relative;
  }
  .slidemenu-right {
    right: 0;
  }
  .menu-button-right {
    display: block;
    width: 78px;
    height: 78px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    background-color: #FF9800;
  }
  .menu-button-right i {
    color: #fff;
    display: block;
    width: 30px;
    font-size: 2em;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 30px;
  }
  .slidemenu li {
    list-style: none;
    border-bottom: 1px solid #fff;
    font-size:14px;
    line-height: 1.8;
  }
  .acd-content li a {
    margin-left: 1em;
}
  .acd-content li{
    position: relative;
  }
  .acd-content li:before{
    content: "\f105";
    font-family: "FontAwesome";
    position: absolute;
    left: 17px;
    top: 5px;
    font-size: 1.4em;
  }
  .acd-check{
    display: none;
  }
.acd{
  border-bottom:0 !important;
}
.acd-label{
    color: #fff;
    display: block;
    border-bottom:1px solid #fff;
    line-height: 1;
    padding:10px 0 10px 20px;
    line-height: 1.8;
    margin-bottom: 0;
    position: relative;
}
.acd-label i{
  margin-right: .3em;
}
.acd-label:after{
  content: "\f107";
    font-family: "FontAwesome";
    position: absolute;
    right: 17px;
    top: 6px;
    font-size: 1.4em;
}
.acd-content{
    opacity: 0;
    height: 0;
    transition: .5s;
    visibility: hidden;
}
.acd-content li{
  background-color: #ffd98a;
}
.acd-content li a{
  color:#474747 !important;
}
.acd-check:checked + .acd-label + .acd-content{
    height: auto;
    opacity: 1;
    padding: 0;
    visibility: visible;
}
  .slidemenu li a {
    padding:10px 0 10px 20px;
    display: block;
    text-decoration: none;
    color: #fff;
  }
  .slidemenu li:first-child {
    border-top: none;
  }
  .slidemenu-content{
    margin: 0;
    padding:0;
  }

  .slidemenu li a i{
    margin-right: 0.4em;
  }

  .wrap_01{
    width: 100%;
    padding:2%;
    padding-top: 3% !important;
  }

  .box_01_left,
  .box_01_right,
  .leftbox{
    width: 100%;
    float: none;
  }
  .box_01_right{
    margin-bottom: 20px;
  }
  .box_01_right p{
    text-align: center;
  }
  .box_01_right p.comments{
    text-align: left;
    padding-left: 19px;
  }
  .button_list_01 li,
  .button_list_02 li{
    width: 100%;
    margin-bottom: 2%;
  }

  .mainv_02{
    padding: 2%;
    padding-top: 78px;
  }

  .mainv_02 h1{
    padding-top: 100px;
  }

  .btn_02_size{
    width: 100%;
    font-size: .8rem;
  }

  .footer{
    padding:2%;
  }
  .footer_wrap{
    width: 100%;
  }
  .wrap{
    width: auto;
    padding: 6%;
  }
  .toplink {
    padding: 40px 0;
  }
  .toplink_left, .toplink_right {
    width: 100%;
    float: none;
    margin-bottom: 20px;
  }

  .movie {
    padding: 40px 0;
  }
  .movie_left, .movie_right {
    width: 100%;
    float: none;
    margin-bottom: 20px;
  }

  .blue{
    text-align: left;
  }
  .blue br{
    display: none;
  }
  .bottom_01,
  .bottom_02,
  .bottom_03,
  .bottom_04,
  .bottom_01 a,
  .bottom_02 a,
  .bottom_03 a{
    width: 100%;
    display: block;
    float: none!important;
    height: auto;
    font-size: 1em;
  }
  .bottom_03 a span{
    display: inline;
    font-size: 1.1em;
  }
  .bottom_01 a:before,
  .bottom_02 a:before{
    width: 20px;
    height: 20px;
  }
  .bottom_01 a:after,
  .bottom_02 a:after{
    border-width: 6px 0 6px 10px;
    right: 20px;
    height: 6px;
    width: 6px;
  }
  h1.h1_01{
    margin-top: 30px;
  }

  .bottom ul{
    width: 100%;
  }

  .btn_box{
    width: 90%;
  }
  .btn_box_left{
    padding: 8px 0;
    width: 100%;
    float: none;
  }
  .btn_box_left span{
    margin-bottom:20px;
  }
  .btn_box_right{
    width: 100%;
    float: none;
  }
  .mainv_02{height: auto;}

  .image_list li{
    width: 100%;
    float: none;
    margin-bottom: 20px;
  }

  .image_list li:nth-child(even){
    float: none;
  }

  #canvas{
    width: 80%;
    height: auto;
    margin:0 auto;
  }
  .sample-docs{
    width: 100%;
    height: 260px;
  }
  .sample-docs .page{
    width: 50%;
    height: auto;
  }
  .turnjs-slider{
    width: 100%;
  }
  .turnjs-slider .ui-slider-horizontal{
    width: 100%;
  }
  .sample-docs{margin:0;}

  .ulist-right{
    width: 100%;
  }
  .ulist-left {
    width: 100%;
    margin: 0;
    margin-bottom: 10px;
  }

  #pagetop{
    opacity: .8;
  }
  .btn_size_01{
    width: 80%;
    font-size: .8rem;
  }
  .h2_01:after{background-color: transparent;}
.footer_banner ul li {
    height: 74px;
}

dl.form{
  border-top: none;
  width: 100%;
}
dl.form dt {
  float: none;
  width: 100%;
}
dl.form dd {
  float: none;
  width: 100%;
  margin: 0;
  padding:2%;
  border-left: 0;
}
dl.form dt span{
  float: right;
}
input.p-postal-code {
    width: 30%;
}
select{
  width: 50%;
}
.office_history{
  width: 100%;
  float: none;
  margin-bottom: 30px;
}
.office_history dl dt,
.office_history_02 dl dt {
    float: none;
    width: 100%;
}
.office_history dl dd,
.office_history_02 dl dd {
    float: none;
    margin: 0;
    padding-left: 10px;
}
.office_history ul.office_list{
  display: block;
}
.office_history ul.office_list li{
  width: 100%;
  margin-bottom: 20px;
}
.office_history ul.office_list li img{
  width: 100%;
}
}
@media screen and (max-width: 500px) {
  .logo_left img{width: 60%;}
}