@charset "utf-8";
/* CSS Document */
ul,ol{padding:0;list-style:none}
body,div,h1,h2,h3,h4,h5,h6,p,ol,ul,li,dl,dt,dd,small,strong,button,table{margin:0; font-size:1em}
i,em,var,address{font-style:normal}
html{font-feature-settings:"palt"; scroll-behavior:smooth}
body{font-family:futura-pt,-apple-system, BlinkMacSystemFont,'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN',"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; color:#555; -webkit-font-smoothing:antialiased}
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, body{font-family:"メイリオ"} /* IE11 baseline対策*/
}
img{max-width:100%}
a{color:inherit;text-decoration:none}
pre{white-space:pre-wrap}
.lineclamp{
    line-height:1.5;
    max-height:3em;
    background-color:inherit;
    position:relative;
    overflow:hidden;
    text-align:justify;
	display:block;
}
.lineclamp::before{
    content:"...";
    position:absolute;
    right:0;
    top:1.5em;
    display:inline-block;
    width:1em;
    height:1.5em;
    background-color:inherit;
    line-height:1.5em;
	color:inherit;
}
.lineclamp::after{
    content:"";
    position:relative;
    float:right;
    width:1em;
    height:1.5em;
    background-color:inherit;
	margin-bottom:-1.5em;
}
@media(max-width:789px){
	html{font-size:calc(100vw / 37.5)}
	body{font-size:1.3rem;line-height:1.5}
	.PConly{display:none}
}
@media(min-width:790px){
	html{font-size:10px}
	body{font-size:1.5rem;line-height:1.5}
	.SPonly{display:none}
	a,label,button{transition:opacity .1s;cursor:pointer}
	a:hover,label:hover,button:hover{opacity:.6}
}