@charset "UTF-8";

* {
	margin:0;
	padding:0;
}

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

	基本設定

=======================================*/
html {
	min-width: 320px;
	font-size: 62.5%;/*10px*/
}
body {
	margin: 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	background-image:url("../img_frame/bg_body.jpg");
}
.min{

}
.gothic{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}
.maru{
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";

}

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

	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;
}

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

	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;
}

.img-center{
	display: block;
	margin: 10px auto;
}

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

	color

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

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

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

	フェードイン

=======================================*/
.fadein {
    opacity : 0;
    transform : translate(0, 50px);
    transition : all 1000ms;
}
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}