@charset "UTF-8";
/* CSS Document */

/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{margin:0;padding:0;border:0;font-style:normal;font-weight:normal;font-size:100%;vertical-align:baseline;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{display:block;}
html{overflow-y:scroll;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:'';content:none;}
input, textarea,{margin:0;padding:0;}
ol, ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
caption, th{text-align:left;}
a:focus{outline:none;}
.clearfix:after{content:".";display:block;clear:both;height:0;visibility:hidden;}
.clearfix{min-height:1px;}
* html .clearfix{height:1px;}
.both{clear:both;}


footer {
	color: #554f4d;
}

a:hover img{
    animation: flash 1s;
    -webkit-animation: flash 1s;
}

@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 100;
    src: url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Thin.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Thin.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Thin.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 200;
    src: url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Light.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Light.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Light.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 400;
    src: url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Regular.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 700;
    src: url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Bold.otf) format('opentype');
}

@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400;
    src: local('PT Sans'),
         local('PTSans-Regular'),
         url('https://fonts.gstatic.com/s/ptsans/v8/JX7MlXqjSJNjQvI4heMMGvY6323mHUZFJMgTvxaG2iE.woff2') format('woff2'),
         url('https://fonts.gstatic.com/s/ptsans/v8/LKf8nhXsWg5ybwEGXk8UBQ.woff') format('woff'),
         url('../fonts/PT_Sans-Regular.woff2') format('woff2'),
         url('../fonts/PT_Sans-Regular.woff') format('woff'),
         url('../fonts/PT_Sans-Web-Regular.ttf') format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}



@keyframes fade-in {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
    }
    100% {
        display: block;
        opacity: 1;
    }
}

@-moz-keyframes fade-in {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
    }
    100% {
        display: block;
        opacity: 1;
    }
}

@-webkit-keyframes fade-in {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
    }
    100% {
        display: block;
        opacity: 1;
    }
}


@-webkit-keyframes flash {
    0% {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-filter: "alpha(opacity=100)";
    }
    20% {
        opacity: 0.8;
        filter: alpha(opacity=80);
        -ms-filter: "alpha(opacity=80)";
    }
    100% {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-filter: "alpha(opacity=100)";
    }
}
@keyframes flash {
    0% {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-filter: "alpha(opacity=100)";
    }
    20% {
        opacity: 0.8;
        filter: alpha(opacity=80);
        -ms-filter: "alpha(opacity=80)";
    }
    100% {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-filter: "alpha(opacity=100)";
    }
}


/*pagetop*/
#pagetop{
    position: relative;
    height: 100px;
    min-width: 960px;
}
.pagetop-inner a{
    position: absolute;
    right: 10%;
    bottom: 25px;
    z-index: 20;
}
.pagetop-inner-bg{
    background-color: #F9F9F9;
    width: 100%;
    min-width: 960px;
    height: 50px;
    position: absolute;
    bottom: 0;
}
@media screen and (max-width: 750px) {
    .pagetop-inner a{
        right: 1%;
    }
    #pagetop{
        min-width: 100%;
    }
    .pagetop-inner-bg{
        min-width: 100%;
    }
}

/*footer*/
footer{
    background-color: #F9F9F9;
    min-width: 960px;
    width: 100%;
	letter-spacing: 0;
}
footer #footer-menu{
    width: 960px;
    margin:0 auto;
}
footer .footer-inner{
    width: 960px;
    margin-bottom: 10px;
}

footer #footer-logo{
    background-color: #f3f3f3;
    padding-top: 15px;
    text-align: center;
}
footer ul.footer-menu-ul{
}
footer li.footer-menu-li{
    list-style-type: none;
    font-family: 'Noto Sans Japanese', serif;
    font-weight: 400;
    font-size: 17px;
    width: 290px;
    padding:0 15px;
    float: left;
}
footer li.footer-menu-li div.footer-menu-title{
    height: 60px;
    line-height: 60px;
    color: #333;
    display: block;
}
footer li.footer-menu-li:last-child div.footer-menu-title-line2{
    line-height: 1.6em;
    padding-top: 12px;
}
footer li.footer-menu-li ul{
    padding-left: 0;
}
footer li.footer-menu-li ul li{
    list-style-type: none;
    font-family: 'Noto Sans Japanese', serif;
    font-weight: 400;
    font-size: 13px;
}
footer li.footer-menu-li ul li a{
    height: 30px;
    line-height: 30px;
    color: #666;
    text-decoration: none;
}

footer li.footer-menu-li ul li.footer-menu-nomark a {
    background-image: url("../image/sublistmark2.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 8px auto;
    padding-left: 18px;
    text-align: left;
}

footer #footer-logo p{
    margin: 0;
    padding-top: 5px;
    padding-bottom: 10px;
    font-size: 8px;
    font-family: 'PT Sans', sans-serif;
    color: #666;
}
@media screen and (max-width: 750px) {
    footer{
        width: 100%;
        min-width: 100%;
    }
    footer #footer-menu{
        width: 100%;
        min-width: 100%;
        margin:0 auto;
    }
    footer .footer-inner{
        width: 100%;
        min-width: 100%;
        margin-bottom: 0;
    }
footer li.footer-menu-li{
    list-style-type: none;
    font-family: 'Noto Sans Japanese', serif;
    font-weight: 400;
    font-size: 17px;
    width: 100%;
    padding:0 15px;
    float: left;
}
    footer ul.footer-menu-ul{
        margin-bottom: 0px;
    }
    footer li.footer-menu-li{
        padding-left: 0;
        padding-right: 0;
    }
    footer li.footer-menu-li div.footer-menu-title{
        font-size: 18px;
        border-top: 1px solid #CCC;
        padding-left: 20px;
        background-image: url(../image/listmark1_off.png);
        background-repeat: no-repeat;
        background-size: 30px;
        background-position: right center;
    }
    footer li.footer-menu-li div.footer-menu-title:hover{
        color: #3d9164;
        text-decoration: none;
        cursor: pointer;
    }
    footer li.footer-menu-li div.footer-menu-title.footer-submenu{
        background-image: url(../image/listmark1_on.png);
        background-repeat: no-repeat;
        background-size: 30px;
        background-position: right center;
    }
    footer li.footer-menu-li ul li:first-child a{
        border-top: 1px solid #CCC;
    }
    footer li.footer-menu-li ul li a{
        border-top: none;
        border-bottom: none;
        height: 40px;
        line-height: 40px;
        width: 100%;
        display: block;
        color: #333;
        font-size:14px;
        padding-left: 35px;
        text-align: left;
        background-image: url(../image/sublistmark.png);
        background-repeat: no-repeat;
        background-size: 20px;
        background-position: left center;
        text-decoration: none;
    }
    footer li.footer-menu-li ul li.footer-menu-nomark a{
        border-top: none;
        border-bottom: none;
        height: 40px;
        line-height: 40px;
        width: 100%;
        display: block;
        color: #333;
        font-size:14px;
        padding-left: 55px;
        text-align: left;
        background-image: url(../image/sublistmark2.png);
        background-repeat: no-repeat;
        background-size: 8px auto;
        background-position: 25px center;
    }
    footer li.footer-menu-li ul li a:hover{
        text-decoration: none;
    }
    footer li.footer-menu-li div.footer-menu-title.footer-menu-title-line2{
        padding-top: 9px;
        font-size:16px;
    }
    footer li.footer-menu-li ul{
        display: none;
    }
}