@charset "utf-8";


/* ---------------------------------------------------------------------------------------------

    そのサイトの基本設定
    ページによって変更のないもの・どのページでも使用するもの、できるもの

--------------------------------------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&family=Quicksand:wght@300;400;500;700&display=swap');

body {
	margin: 0 auto;
	padding: 0;
	font-size: 16px;
	color: #311d22;
	height: 100%;
	/* ゴシックの場合 */
	font-family: 'Quicksand', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
	/* 明朝の場合 */
	/*font-family:"Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;*/
	/*background: #F4F5F7;*/
}

img {
	vertical-align: bottom;
	border: none;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	text-decoration: none;

	max-width: 100%;
	height: auto;

}



/* ----------------------------------------------

 * aタグの設定

---------------------------------------------- */

a:hover {
	filter: alpha(opacity=80) !important;
	/* IE:元の色から80%の透過*/
	-moz-opacity: 0.80 !important;
	opacity: 0.80 !important;
	/* 0.0（完全に透明）～1.0（完全に不透明）の範囲で指定する（初期値は1） */
}

a,
a:hover,
a:hover img {
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

/* ----------------------------------------------

 * レスポンシブ　改行

---------------------------------------------- */
@media only screen and (max-width: 768px) {
	br.pc {
		display: none;
	}
}

@media only screen and (min-width: 769px) {
	br.sp {
		display: none;
	}
}

/* ---------------------------------------------------------------------------------------------

　   アニメーション

--------------------------------------------------------------------------------------------- */
/*.fade {
  animation-duration: 2s;
  visibility: hidden;
}*/
/* Window size ～767pxまで */
@media only screen and (max-width : 767px) {}

/* Window size 768px から */
@media print,
screen and (min-width : 768px) {}