@charset "utf-8";
@media screen and (max-width: 768px) {
    .background {
  background:none
}
}
@media screen and (min-width: 767px) and (max-device-width: 768px) {
body{
    min-height:1200px;
}
}
/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width: 640px) {
.pc{
    display:none;
}
.sp{ display:block;}
img {
    max-width: 100%;
    height: auto;
    width /***/: auto;
　
}
.background {
  background:none;
}
body{
    -webkit-text-size-adjust: 100%;
}
.image-responsive{
    width:100%;
    height:auto;
}
    #wrapper{
        max-width: auto;

    }

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
}
.anchor {
    margin-top: -30px;
    padding-top: 30px;
}
header, .wrap, .content{
    width:100%;
    box-sizing:border-box;
}
.content{
    padding:10px;
}
.content.pd{
    padding:10px 10px 40px 10px;
}

/* header */
header{
    position:relative;
    height:75px;
    min-width:100%;
    box-sizing:border-box;
}
header .logo {
    position:absolute;
    left:0;
    top:0;
    padding: 5px 10px 10px 10px;
     height:auto;
     text-align:left;
     width:60%;
     z-index:999;
}

header .logo img{
    margin:0;
    /*max-width:60%;*/
    height:65px;
    width:auto;
}

#global-header{
    background-size: cover;


    }*/

.nav.sp{
    position:absolute;
    top:0;
    right:0;
    width:100%;
    color:#FFF;
}
.nav.sp .button-toggle {
    /*background-color: rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(0, 0, 0, 0);*/
    background:#0097a7;
    float: right;
    padding: 15px 15px 10px 15px;
    position: relative;
}
.nav.sp .icon-bar {
    border-radius: 1px;
    display: block;
    height: 2px;
    width: 44px;
     background:#FFF;
}
.nav.sp .icon-bar + .icon-bar {
    margin-top: 7px;
}
.nav.sp .menu {
    width: 100%;
    height: auto;
    clear: both;
    /*background: rgba(0, 0, 0, .9);*/
    box-sizing: border-box;
    margin: 0;
}
.nav.sp .menu li {
    text-align:center;
    box-sizing:border-box;
    background: #0097a7;
}
.nav.sp .menu li:last-child{
    height:43px;
}
.nav.sp .menu li a {
    display: block;
    color: #fff;
    padding: 10px;
    border-bottom:1px solid rgba(255, 255, 255, 0.3);
    border-right:1px solid rgba(255, 255, 255, 0.3);
}

.bg-white, .top-faq, .sticky-footer{
    min-width:100%;
    box-sizing:border-box;
    height:auto;
}

/* footer */

.sticky-footer ul{
    display:block;
    width:100%;
}
.sticky-footer ul li{
    float:left;
    width:50%;
    text-align:center;
}
.sticky-footer ul li a{
    margin:0 5px 5px 5px;
}
.sticky-footer ul li:nth-child(even) a{
    margin-left:0;
}
.sticky-footer p{
    clear:both;
}

/* btn */
.btn{
    margin-bottom:5px;
}



/* table */
.tbl th, .tbl td{
    width:100% !important;
    box-sizing:border-box;
    display:block;
    text-align:left;
    padding:5px 10px;
}
.tbl.login{
    width:100%;
}

/* form-flow */
.form-flow p{
    font-size:12px;
    width:32.5%;
}
.form-flow p span{
    padding:3px 5px;
    display:block;
    border-radius:4px;
    margin-right:0;
}
.long{ width:90%;}
.medium{ width:90%;}

/**********************************************************下層**/


/*-------------------------------------- 個別ページ */


/*-------------------------------------- index */



.top-main{
    /*background:url(../images/bg.jpg) no-repeat center;*/
    background:url(../images/header_bg.png) no-repeat center;
    height:auto;
}
.top-main h2{
    font-size:22px;
    padding-top:0;
}
.top-main h2, .top-main p{
    width:100%;
    padding:0 10px;
    box-sizing:border-box;
}
.top-main p{
    text-align:left;
}

.top-main .content.clearfix{
    background-image:none;
    min-height:auto;
    text-align:center;
    padding:20px 0;
}
.top-main .btn-xlg{
    margin-top:20px;
    margin-left:0;
}
.business-outline{
    float:none;
    margin:20px 0;
    padding:20px;
    width:100%;
    height:auto;
    box-sizing:border-box;
}
.business-outline h3{
    text-align:center;
    font-size:24px;
}
.top-news{
    float:none;
    width:100%;
    margin:20px 0;
}
.top-news dl{
    max-height:180px;
    overflow-y:auto;
}
.top-news dt{
    float:none;
    display:block;
    width:auto;
    margin-bottom:10px;
}
.top-news dd{
    width:100%;
    float:none;
    margin-bottom:20px;
}
.top-faq h3{
    text-align:center;
    font-size:24px;
}
.top-faq p{
    margin-top:20px;
    margin-left:0;
    font-size:16px;
    width:100%;
    padding:0 10px;
    box-sizing:border-box;
}
.top-faq .fr{
    width:100%;
    float:none;
}


/*-------------------------------------- message */
.message{
    padding:15px 20px;
    margin-bottom:40px;
}
.message.no-movie{
    position:inherit;
}
.message.no-movie div{
    text-align:center;
    margin-top:20px;
}
.message.no-movie img.selected-img{
    position:inherit;
}
.message.no-movie .msg{
    width:100%;
}


/*-------------------------------------- message作成 */

.tbl.create li{
    width:50%;
}
.background-img label img{
    width:100%;
    height:auto;
}
.point-img label img{
    width:100%;
    height:auto;
}
.point-img li:last-child{
    clear:both;
}

textarea.create-msg{
    width:98%;
    box-sizing:border-box;
    background:#FFF;
}

/*-------------------------------------- service */

.service .service01 .fl, .service .service01 .fr, .service .flow .fl, .service .flow .fr{
    width:100%;
    float:none;
    box-sizing:border-box;
}
.service .fr.mt20, .service .fr.mt10, .service .fl .mt15{
    margin-top:0;
}
.service .fr img{
    margin-top:20px;
}
.service .scene li{
    width:100%;
    float:none;
    margin:30px 0 0 0;
    box-sizing:border-box;
}
.service .scene li.heightLine-group1{
    height:auto !important;
}

/*-------------------------------------- news */

dl.news dt, dl.news dd{
    float:none;
    width:100%;
    margin-bottom:5px;
}
dl.news dd{
    margin-bottom:30px;
}



}