@charset "UTF-8";
/* CSS Document */
:root {
	/*背景カラー*/
	--color-bg:#DAE6F7;
	/*アクセントカラー*/
	--color-accent: #3878D2;
	/*グレーカラー*/
	--color-gray: #EDEDED;
  }
/*キーカラー
	--color-key: #009AA6;*/
/*　使い方　
		var(--color-bg);
		var(--color-key);
		var(--color-accent);
		var(--color-gray);
*/




/*幅*/
.container{margin: 0 auto;}
.container.-m{width: 88vw;max-width: 1000px;}
.container.-l{width: 89vw;max-width: 1200px;}
@media screen and (min-width: 1024px){
	.container.-m{width: 67vw;}
	.container.-l{width: 79vw;}
	.container.-pc-l{width: 79vw;max-width: 1200px;}
	.container.-pc-m{width: 67vw;max-width: 1000px;}
}

/*ブレイクポイント*/
.bp_on.-tab{display: none}
.bp_on.-lap{display: none}
@media screen and (min-width: 768px){
	.bp_on.-tab{display: block}
	.bp_off.-tab{display: none;}
}
@media screen and (min-width: 1024px){
	.bp_on.-lap{display: block}
	.bp_off.-lap{display: none;}
}	

/*タイトル*/
.title{font-weight: bold;transition: 0.2s;}
.title.-l{font-size: 1.4em;}
.title.-m{font-size: 1.1em;}
@media screen and (min-width: 1024px){
	.title.-l{font-size: 1.6em;}
	.title.-m{font-size: 1em;}
}

/*font*/
.en{font-family: 'Lato', sans-serif;}

body{
	/* font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"; */
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	line-height:2;
	/*13/375->16/1568*/
	font-size: clamp(0.813rem, 0.754rem + 0.251vw, 1rem);
	background: #f0f0f0;
	color: #333;
}

.img img{width: 100%;}

footer{margin-top: 4rem;}
@media screen and (min-width: 1024px){
	footer{margin-top:10vw;}
}
.clearfix::after {
    content: "";
    clear: both;
    display: block;
  }