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


html,body{ width:100%; height:100%; margin:0; padding:0;}
html{ font-size: 100%;}
html{ color:#131313; background: #fff;}


dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, input, p, blockquote, fieldset, div, section{ margin: 0; padding: 0; box-sizing: border-box;}
ul li, ol li{ list-style: none; box-sizing: border-box;}
table{ border-collapse: collapse; border-spacing: 0; margin: 0; padding: 0; font-size: 100%; }
caption{text-align: left;}
table, pre, code, select, textarea, kbd, var, ins, del, samp{ font-size: 100%;}
address,cite,dfn,em,strong,var,th,ins,del,samp{ font-weight: normal; font-style: normal;}
img{ border:none; display: block; width: 100%;}
figure {
    box-sizing: border-box;
    display: block;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    margin: 0;
    padding: 0;
}
a { box-sizing: border-box;}
a, a:visited{color:#131313; text-decoration: none; }
a:hover{text-decoration: none; }

.is-imghover {
    opacity: 1;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    cursor: pointer;
}

fieldset{border: none;}
button{ outline:none; cursor:pointer;}
header,section,nav,aside,footer,article{ display: block;}
*:focus {
  outline: none;
}
body{
	-webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -o-text-size-adjust: 100%;
    text-size-adjust: 100%;
    color: #131313;
    font-size: 62.5%;
    font-weight: 400;
	line-height: 1.7;
	font-family: 'Comfortaa', 'Noto Sans JP', YuGothic, "Yu Gothic Medium", "Yu Gothic", Meiryo, sans-serif;
    position: relative;
}
b, strong, .bold{
	font-family: 'Comfortaa', 'Noto Sans JP', YuGothic, "Yu Gothic", Meiryo, sans-serif;
}

@media ( min-width: 768px) {
    a[href^="tel:"] {
        pointer-events: none;
        cursor: default;
    }
	.is-imghover:hover {
		opacity: 0.6;
	}
}

/* ------------
  common Style
--------------- */
.pc{
    display: block !important;
}
.pc_inline{
    display: inline-block !important;
}
.tb{
    display: none !important;
}
.tb_inline{
    display: none !important;
}
.sp{
    display: none !important;
}
.sp_inline{
    display: none !important;
}
/*@media (max-width: 1120px) {
    .pc{
        display: none !important;
    }
    .pc_inline{
        display: none !important;
    }
    .tb{
        display: block!important;
    }
    .tb_inline{
        display: block!important;
    }
    .sp{
        display: none!important;
    }
    .sp_inline{
        display: inline-block !important;
    }
}*/
@media (max-width: 599px) {
    .pc{
        display: none !important;
    }
    .pc_inline{
        display: none !important;
    }
    .tb{
        display: none !important;
    }
    .tb_inline{
        display: none !important;
    }
    .sp{
        display: block !important;
    }
    .sp_inline{
        display: inline-block !important;
    }
}


.clearfix{ clear:both;}
.clearfix:after{
	content: "";
	clear: both;
	display: block;
}

/*
.clearfix {
overflow: hidden;
}
*/

.mb0 {margin-bottom: 0px !important; }
.mb5 {margin-bottom: 5px !important; }
.mb10 {margin-bottom: 10px !important; }
.mb15 {margin-bottom: 15px !important; }
.mb20 {margin-bottom: 20px !important; }
.mb30 {margin-bottom: 30px !important; }
.mb40 {margin-bottom: 40px !important; }
.mb50 {margin-bottom: 50px !important; }
.mb100 {margin-bottom: 100px !important; }

.mt0{margin-top:0px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}

.mr0{margin-right:0 !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}

.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}

@media (max-width: 599px) {
    .mb0 {margin-bottom: 0px !important; }
    .mb5 {margin-bottom: 5px !important; }
    .mb10 {margin-bottom: 10px !important; }
    .mb15 {margin-bottom: 15px !important; }
    .mb20 {margin-bottom: 20px !important; }
    .mb30 {margin-bottom: 35px !important; }
    .mb40 {margin-bottom: 30px !important; }
    .mb50 {margin-bottom: 40px !important; }
    .mb100 {margin-bottom: 12vw !important; }

    .mt0{margin-top:0px !important;}
    .mt5{margin-top:5px !important;}
    .mt10{margin-top:10px !important;}
    .mt15{margin-top:15px !important;}
    .mt20{margin-top:20px !important;}
    .mt30{margin-top:25px !important;}
    .mt40{margin-top:30px !important;}
    .mt50{margin-top:40px !important;}
    
    .mr0{margin-right:0 !important;}
    .mr5{margin-right:5px !important;}
    .mr10{margin-right:10px !important;}
    .mr15{margin-right:15px !important;}
    .mr20{margin-right:20px !important;}
    .mr30{margin-right:30px !important;}
    .mr40{margin-right:40px !important;}
    .mr50{margin-right:50px !important;}
    
    .ml5{margin-left:5px !important;}
    .ml10{margin-left:10px !important;}
    .ml15{margin-left:15px !important;}
    .ml20{margin-left:20px !important;}
    .ml30{margin-left:30px !important;}
    .ml40{margin-left:40px !important;}
    .ml50{margin-left:50px !important;}
}

.tac { text-align: center !important; }
.tar { text-align: right !important; }
.tal { text-align: left !important; }

.fL{ float: left;}
.fR{ float: right;}

.bold{ font-weight:bold;}