@charset "utf-8";

/*============================================================
  font size
=============================================================*/
body{
    background: #fff;
    font-family: 'Noto Sans JP';
    color: #000;
}

/*============================================================
  shadow
=============================================================*/

/*============================================================
  title
=============================================================*/
.hdm{

}
@media screen and (max-width: 767px) {
    .hdm{
        font-size: 18px;
        margin-bottom: 20px;
        -webkit-background-size: 20px 3px;
        background-size: 20px 3px;
    }
}
/*============================================================
  btn
=============================================================*/
.btn{

}
.btn a{

}
.btn a:hover{
    text-decoration: none;
}

/*============================================================
  WRAPPER
=============================================================*/
#wrapper {
    position: relative;

}
@media screen and (max-width: 767px) {
    #wrapper {
        min-width: 320px;
    }
}
.inner{
    width: 1150px;
    margin: 0 auto;
}
.pageinner{
    width: 1340px;
    margin: 0 auto;
}
@media screen and (max-width: 1366px) {
    .pageinner{
        width: 100%;
        padding: 0 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}
@media screen and (max-width: 767px) {
    .inner{
        width: 100%;
        padding: 0 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .pageinner{
        width: 100%;
        padding: 0 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}
/*============================================================
  HEADER
=============================================================*/
header{

}

@media screen and (max-width: 767px) {

}


/*============================================================
  TEASER
=============================================================*/
.teaser {

}
@media screen and (max-width: 767px) {
    .teaserPage {

    }
}

/*============================================================
  breadcrumb
=============================================================*/
#breadcrumb{
}

@media screen and (max-width: 767px) {
    #breadcrumb{

    }
}


/*============================================================
  CONTENT
=============================================================*/
#content {
}

#content .inner {
}
@media screen and (max-width: 767px) {
#content {
}

#content .inner {
}
}

/*============================================================
  ARTICLE
=============================================================*/
article {
}


@media screen and (max-width: 767px) {
article {
}
}


/*============================================================
  ASIDE
=============================================================*/
aside{
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    width: 50px;
    z-index: 9;
}
aside .sideimg+.sideimg{
    margin-top: 10px;
}
@media screen and (max-width: 767px) {
    aside{

    }
}


/*============================================================
  pageTop
=============================================================*/
.pageTop{
    position: fixed;
    bottom: 35px;
    right: 10px;
    z-index: 99;
    display: none;
}
@media screen and (max-width: 767px) {
    .pageTop {
        bottom: 100px;
    }
    .pageTop img {
        width: 40px;
    }
}
/*============================================================
  FOOTER
=============================================================*/
@media screen and (max-width: 767px) {

}