@import url('https://fonts.googleapis.com/css?family=Abel|Noto+Sans+JP|Noto+Serif+JP|Oranienbaum&display=swap');

/* base.css */
/*--------------------------------------*/

* {box-sizing:border-box;}

html,body {
    height:100%;
}

html {
    overflow-y:scroll;
}

body {
    background:#ffffff;
    margin:0 auto;
    padding:0;
    -webkit-text-size-adjust:100%;
}


/* clearfix */
/*--------------------------------------*/
.clearfix:after {
    clear:both;
    display:block;
    visibility:hidden;
    content:" ";
    height:0;
    font-size:0;
}

/* IE6 */
* html .clearfix {
    zoom:1;
}

/* IE7 */
*:first-child+html .clearfix {
    zoom:1;
    }
/*--------------------------------------*/


/* hover image */
/*--------------------------------------*/
#contents a:hover img {
    -ms-filter:"alpha( opacity=70 )";
    filter:alpha(opacity=70);
    opacity:0.7;
}


/* wrapper */
/*--------------------------------------*/

#wrapper {
    position:relative;
    width:100%;
    margin:0 auto;
    padding:0;
    text-align:center;
    font-size:1.4em;
}

#wrapper img {
    max-width:100%;
    height:auto;
}


/* breadcrumbs */



/* page top */
.pagetop {
    right:3%;
}
.pagetop a {
    display:block;
    width:47x;
    height:47px;
    background:url("../images/common/pagetop.png") no-repeat 0 0;
    background-size:contain;
    text-decoration:none;
    text-indent:-9999px;
    z-index:101;
}


/* contents */
/*--------------------------------------*/
#contents {
    width:100%;
}





/* - 1400px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 1400px) {










}
/* - 1400px end */





/* - 1200px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 1200px) {










}
/* - 1200px end */





/* - 768px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 768px) {





/* page top */
.pagetop a {
    width:40px;
    height:40px;
}



}
/* - 768px end */





/* - 750px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 750px) {

#wrapper {
    overflow-x:hidden;
}








}
/* - 750px end */



/* - 480px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 480px) {






}
/* - 480px end */



/* - 320px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 320px) {






}
/* - 320px end */