/*------------
  Reset.css
--------------*/

/* Preferred box-sizing value */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margin */
html,
body,h1,h2,h3,h4,p,
ul[class],ol[class],li,
figure,figcaption,blockquote,
dl,dd {
  margin: 0;
  font-weight: normal;
}h1,h2,h3{
	font-weight:bold;
}

/* Remove list styles (bullets/numbers) */
ol, ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

img,
picture {
  max-width: 100%;
  display: block;
}

/* removes spacing between cells in tables */
table {
  border-collapse: collapse;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/*------------
  全体
--------------*/

body {
  width: 100%;
  background-color: var(--c-white);
  color: var(--font-color);
  font-family: hiragino-kaku-gothic-pron,"Noto Sans JP","游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  line-height: 1.7;
}

/* 余白 */
.mb0{	margin-bottom:0 !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;}
.mb60{	margin-bottom:60px !important;}
.mb70{	margin-bottom:70px !important;}
.mb80{	margin-bottom:80px !important;}
.mb90{	margin-bottom:90px !important;}
.mb100{	margin-bottom:100px !important;}
.mb110{	margin-bottom:110px !important;}
.mb120{	margin-bottom:120px !important;}
.mb160{	margin-bottom:160px !important;}
.mb1e{	margin-bottom:1em !important;}	.mb15e{	margin-bottom:1.5em !important;}
.mb2e{	margin-bottom:2em !important;}	.mb25e{	margin-bottom:2.5em !important;}
.mb3e{	margin-bottom:3em !important;}	.mb35e{	margin-bottom:3.5em !important;}

.mt0{	margin-top:0 !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;}
.mt60{	margin-top:60px !important;}
.mt70{	margin-top:70px !important;}
.mt80{	margin-top:80px !important;}
.mt90{	margin-top:90px !important;}
.mt100{	margin-top:100px !important;}
.mt110{	margin-top:110px !important;}
.mt120{	margin-top:120px !important;}
.mt160{	margin-top:160px !important;}
.mt1e{	margin-top:1em !important;}	.mt15e{	margin-top:1.5em !important;}
.mt2e{	margin-top:2em !important;}	.mt25e{	margin-top:2.5em !important;}
.mt3e{	margin-top:3em !important;}	.mt35e{	margin-top:3.5em !important;}

.pb0{	padding-bottom:0 !important;}
.pb5{	padding-bottom:5px !important;}
.pb10{	padding-bottom:10px !important;}
.pb15{	padding-bottom:15px !important;}
.pb20{	padding-bottom:20px !important;}
.pb30{	padding-bottom:30px !important;}
.pb40{	padding-bottom:40px !important;}
.pb50{	padding-bottom:50px !important;}
.pb60{	padding-bottom:60px !important;}
.pb70{	padding-bottom:70px !important;}
.pb80{	padding-bottom:80px !important;}
.pb90{	padding-bottom:90px !important;}
.pb100{	padding-bottom:100px !important;}
.pb110{	padding-bottom:110px !important;}
.pb120{	padding-bottom:120px !important;}
.pb160{	padding-bottom:160px !important;}
.pb1e{	padding-bottom:1em !important;}	.pb15e{	padding-bottom:1.5em !important;}
.pb2e{	padding-bottom:2em !important;}	.pb25e{	padding-bottom:2.5em !important;}
.pb3e{	padding-bottom:3em !important;}	.pb35e{	padding-bottom:3.5em !important;}

.pt0{	padding-top:0 !important;}
.pt5{	padding-top:5px !important;}
.pt10{	padding-top:10px !important;}
.pt15{	padding-top:15px !important;}
.pt20{	padding-top:20px !important;}
.pt30{	padding-top:30px !important;}
.pt40{	padding-top:40px !important;}
.pt50{	padding-top:50px !important;}
.pt60{	padding-top:60px !important;}
.pt70{	padding-top:70px !important;}
.pt80{	padding-top:80px !important;}
.pt90{	padding-top:90px !important;}
.pt100{	padding-top:100px !important;}
.pt110{	padding-top:110px !important;}
.pt120{	padding-top:120px !important;}
.pt160{	padding-top:160px !important;}
.pt1e{	padding-top:1em !important;}	.pt15e{	padding-top:1.5em !important;}
.pt2e{	padding-top:2em !important;}	.pt25e{	padding-top:2.5em !important;}
.pt3e{	padding-top:3em !important;}	.pt35e{	padding-top:3.5em !important;}

.ml30{	margin-left:30px !important;	}


@media (max-width: 640px){
.mb40{	margin-bottom:20px !important;}
.mb50{	margin-bottom:25px !important;}
.mb60{	margin-bottom:30px !important;}
.mb70{	margin-bottom:35px !important;}
.mb80{	margin-bottom:40px !important;}
.mb90{	margin-bottom:45px !important;}
.mb100{	margin-bottom:50px !important;}
.mb110{	margin-bottom:55px !important;}
.mb120{	margin-bottom:60px !important;}
.mb160{	margin-bottom:80px !important;}

.mt40{	margin-top:20px !important;}
.mt50{	margin-top:25px !important;}
.mt60{	margin-top:30px !important;}
.mt70{	margin-top:35px !important;}
.mt80{	margin-top:40px !important;}
.mt90{	margin-top:45px !important;}
.mt100{	margin-top:50px !important;}
.mt110{	margin-top:55px !important;}
.mt120{	margin-top:60px !important;}
.mt160{	margin-top:80px !important;}

.pb40{	padding-bottom:20px !important;}
.pb50{	padding-bottom:25px !important;}
.pb60{	padding-bottom:30px !important;}
.pb70{	padding-bottom:35px !important;}
.pb80{	padding-bottom:40px !important;}
.pb90{	padding-bottom:45px !important;}
.pb100{	padding-bottom:50px !important;}
.pb110{	padding-bottom:55px !important;}
.pb120{	padding-bottom:60px !important;}
.pb160{	padding-bottom:80px !important;}

.pt40{	padding-top:20px !important;}
.pt50{	padding-top:25px !important;}
.pt60{	padding-top:30px !important;}
.pt70{	padding-top:35px !important;}
.pt80{	padding-top:40px !important;}
.pt90{	padding-top:45px !important;}
.pt100{	padding-top:50px !important;}
.pt110{	padding-top:55px !important;}
.pt120{	padding-top:60px !important;}
.pt160{	padding-top:80px !important;}
}


/* 変数 */
:root{
  --main-color:#FF0000; /*メインカラー*/
  --sub-color:#808080; /*サブカラー*/
	--base-color:#969696;	/*背景色*/
	--font-color:#231815;	/*基本フォントカラー*/

	--c-red:#E60012;
	--c-blue:#1D2088;
	--c-gold:#C09B0F;

	--c-yellow:#f9f38c;

	--c-gray:#C9CaCa;
	--c-lowgray:#888B8B;
	--c-higray:#717171;
	--c-deepgray:#B1B1B2;
	--c-darkgray:#231815;

	--c-white:#ffffff;
	--c-black:#000000;

	--fullsize:1000px;	/*コンテンツ基準幅*/
	--maxsize:1250px;
}

@media (max-width: 1057px){
:root{
	--fullsize:100%;	/*コンテンツ基準幅*/
	--maxsize:100%;}

}


/* インデント */
.indent{text-indent:-1em;padding-left:1em;}
.indent2{text-indent:-2em;padding-left:2em;}
.indent3{text-indent:-3em;padding-left:3em;}
.indent4{text-indent:-4em;padding-left:4em;}
.indent5{text-indent:-5em;padding-left:5em;}
.indent6{text-indent:-6em;padding-left:6em;}
.indent7{text-indent:-7em;padding-left:7em;}
.indent8{text-indent:-8em;padding-left:8em;}
.indent9{text-indent:-9em;padding-left:9em;}
.indent10{text-indent:-10em;padding-left:10em;}

.indentv{text-indent:-1em;padding-top:1em;}


/* テキスト */
.t_bold		{font-weight: bold !important;}
.t_normal	{font-weight:normal !important;}
.t_center	{text-align:center !important;}
.t_right	{text-align:right !important;}
.t_left		{text-align:left !important;}

.t_min		{font-size:0.8em;}
.t_small	{font-size:0.9em;}
.t_max		{font-size:1.2em;}
.t_big		{font-size:1.1em;}

.t_red		{color: var(--c-red);}
.t_blue		{color: var(--c-blue);}
.t_gold		{color: var(--c-gold);}
.t_yellow	{color: var(--c-yellow);}
.t_gray		{color: var(--c-gray);}
.t_lowgray	{color: var(--c-lowgray);}
.t_higray	{color: var(--c-higray);}
.t_deepgray	{color: var(--c-deepgray);}
.t_darkgray	{color: var(--c-darkgray);}
.t_white	{color: var(--c-white);}
.t_black	{color: var(--c-black);}


/* 背景 */
.b_red		{background-color: var(--c-red);}
.b_blue		{background-color: var(--c-blue);}
.b_gold		{background-color: var(--c-gold);}
.b_gray		{background-color: var(--c-gray);}
.b_lowgray	{background-color: var(--c-lowgray);}
.b_black	{background-color: var(--c-black);}
.b_white	{background-color: var(--c-white);}


/* 背景 */
.line_red	{border-bottom:2px solid var(--c-red);}
.line_blue	{border-bottom:2px solid var(--c-blue);}
.line_gold	{border-bottom:2px solid var(--c-gold);}
.line_black	{border-bottom:2px solid var(--c-black);}


/* 書体 */
.gothic {
  font-family: "hiragino-kaku-gothic-pron","游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
/*noto-serif*/
.serif,.min {
  font-family: 'fot-tsukumin-pr6n, sans-serif', serif!important;
}
/* 欧文フォント */
/*
.bodoni {
  font-family: "bodoni-urw", serif;
  line-height: normal;
}
.din {
  font-family: "urw-din", sans-serif;
  line-height: normal;
}
*/

/* 見出し */
h1 {
  font-size: 3.5em;
}

h2 {
  font-size: 3.5em;
}

h3 {
  font-size: 1.875em;
}

h4 {
  font-size: 1.5em;
}

h5 {
  font-size: 1.25em;
}

@media (max-width: 640px){
h2 {
  font-size: 2.5em;}
}

a {
  color: var(--font-color);
  transition: all 0.6s ease;
  text-decoration: underline;
}
a:hover,a:focus{
	text-decoration: none;
	opacity:0.6;

}a.no:hover,a.no:focus{
	opacity:unset;
}



/* ボタン */
a.arrow{
	text-decoration: none;
}a.arrow:before{
	content:"≫";
	display:inline-block;
	position:absolute;
}


/* youtube埋め込み */
	.youtube {
		position: relative;
		width: 100%;
		padding-top: 56.25%;}

	.youtube iframe {
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;}


/*白背景画像の対策*/
.imgbd{
	border:1px solid var(--font-color);
}
/* skip  */
.skip{
	position: absolute;
	margin-left:-9999px;}



/*------------
  SP
--------------*/
.sp{	display:none	}
@media (max-width: 640px){
	.pc{	display:none !important;	}
	.sp{	display:inline;	}

	img.w	{width:100%;}
	body {
		font-size:14.5px
	}
}