@charset "UTF-8";

* {
	margin:0;
	padding:0;
}

/*======================================

	基本設定

=======================================*/
html {
	min-width: 320px;
	font-size: 62.5%;/*10px*/
}
body {
	margin: 0;
	line-height: 1.5;
	font-size: 16px;
	font-size: 1.6rem;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}
.min{
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.gothic{
	font-family:"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}

/*======================================

	Headline*

=======================================*/
h1 {
	margin: 0.67em 0;
	font-size: 48px;
	font-size: 4.8rem;
}
h2 {
	margin: 0.83em 0;
	font-size: 32px;
	font-size: 3.2rem;
}
h3 {
	margin: 1em 0;
	font-size: 18px;
	font-size: 1.8rem;
}
h4 {
	margin: 1.33em 0;
	font-size: 16px;
	font-size: 1.6rem;
}
h5 {
	margin: 1.67em 0;
	font-size: 14px;
	font-size: 1.4rem;
}
h6 {
	margin: 1.67em 0;
	font-size: 14px;
	font-size: 1.4rem;
}
img, video {
	max-width: 100%;
	height: auto;
}

/*======================================

	全体の枠

=======================================*/
#wrapper {
	margin: 0;
}
/*======================================

	Text Module

=======================================*/

p,
pre,
address,
cite {
	margin:0;
	line-height: 1.5em;
	font-style:normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin:0;
	padding:0;
	line-height:1.2
}

b{
	font-weight:bold;
	color:#a40000;
	font-size:130%;
}

/*======================================

	Txt color
=======================================*/



/*======================================

	.Hypertext Module

=======================================*/

a:link {
	text-decoration:none;
}

a:visited {
	text-decoration:none;
}

a:hover {
	text-decoration:none;
}


/*======================================

	1-6.List Module

=======================================*/

ul,
ol {
	margin: 0;
	padding:0;
	list-style:none;
}

li,
dt,
dd {
	font-size:1.6rem;
	line-height: 1.6;
	margin:0;
	padding:0;
	list-style:none;
}

/*======================================

	clearfix

=======================================*/
/*clearfix*/
.cf:after {
	content: "";
	display: block;
	clear: both;
}
.cf {
	zoom: 1;
}
/*======================================

	img

=======================================*/
a img{
	border:none;
}

/*======================================

	Material iconsを利用する

=======================================*/
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* 推奨サイズ */
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;

  /* WebKitブラウザサポート */
  -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;

  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;

  /* IEサポート */
  font-feature-settings: 'liga';
}

/* アイコンサイズ */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

/* 背景が明るいとき用のアイコン色 */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* 背景が暗いとき用のアイコン色 */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }

/*======================================

	color

=======================================*/
.red{
	color:#d7000f;
}

.txt-center{
	text-align:center;
}

/*======================================

	button

=======================================*/
.button {
	/*== width と　margin　は各ページのcssで設定==*/
	display: inline-block;
	font-size:1.4rem;
	padding:14px 0;
	text-align: center;
	text-decoration: none;
	line-height: 1.2;
	outline: none;
	background-color: #363581;
	color: #fff;
	border-radius: 5px;
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button:hover {
	background-color: #3e3a39;
}