@charset "UTF-8";
html{overflow:auto;-webkit-text-size-adjust:100%}
*,*:after,*:before{box-sizing:border-box}
*,*:after,*:before,blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,p,pre,td,th{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
img { max-width: 100%; height: auto; }
ul,ol,li{list-style-type: none;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%}
q:after,q:before{content:''}
input[type=checkbox],input[type=radio]{margin:0 2px 0 0;padding:0;vertical-align:-2px}
button,input[type=button],input[type=submit],input[type=text]{box-sizing:border-box;-webkit-appearance:none;border:0;cursor:pointer;border-radius:0;background:transparent}
html {font-size: 10px;}
a{text-decoration:none;}
  
/* ------------------------
    基本構造
------------------------ */

body {
	font-family: "Meiryo", "Yu Gothic", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Noto Sans JP", sans-serif;
	font-weight: 400;
	font-size: 1.5rem;
	color: #333333;
	line-height: 1.7;
}

.hover{
    transform: .3s ease all;
}

.only-sp {
	display: none !important;
}
@media only screen and (max-width: 768px) {
	.only-pc {
		display: none !important;
	}
	.only-sp {
		display: block !important;
	}
}