@charset "shift-jis";
/*======================================
reset
======================================*/
/* 外部 */
/** Material icons **/
/* fallback */
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(MaterialIcons-Regular.eot); /* For IE6-8 */
    src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(MaterialIcons-Regular_2018.woff2) format('woff2'),
    url(MaterialIcons-Regular.woff) format('woff'),
    url(MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size:1em;
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-transform: none;

    /* WebKitブラウザサポート */
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    /* Chrome、Safariサポート */
    text-rendering: optimizeLegibility;

    /* Firefoxサポート */
    -moz-osx-font-smoothing: grayscale;

    /* IEサポート */
    font-feature-settings: 'liga';
    -ms-font-feature-settings: "normal";
}
/* 外部 */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, a,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{
    font-size:100%;
    font-weight:normal;
    font-style:normal;
    margin:0;
    padding:0;
    text-align:left;
    vertical-align:baseline;
    border:0;
    outline:0;
    outline:none;
    background:transparent;
}
*,*:before,*:after{
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{
    display:block;
}
span{
    font-weight:inherit;
}
ul{
    list-style:none;
    list-style-type:none;
}
li{
    list-style:none;
}
table{
    border-spacing:0;
    border-collapse:collapse;
}
img{
    line-height:0;
    border:none;
}
input, select, textarea, fieldset, label{
    vertical-align:middle;
    outline:none;
}
button{
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
}
body{
    -webkit-text-size-adjust:100%;
}
a,a:visited,a img,button{
    text-decoration:none;
    color:#333;
}
img{
    max-width:100%;
    height:auto;
    vertical-align:middle;
}
/****** clearfix ******/
.clearfix:after{
    display:block;
    clear:both;
    content:"";
}

html {
    scrollbar-gutter: stable;
}
*,body,html {
    color: #333;;
    font-size: 16px;
    line-height: 1.5;
    font-family: "BIZ UDPGothic", sans-serif;
}

.pc {
    display: none;
}
.sp {
    display: block;
}

input[type="radio"]{
    opacity: 0;
    position: absolute;
}

input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

/*********** PCのみ ******************/
@media screen and (min-width: 768px) {

    *,body,html  {
        font-size: 18px;
    }

    .pc {
        display: block;
    }
    .sp {
        display: none;
    }
}
/*********** PCのみ ******************/