@charset "utf-8";


/*	css vars
------------------------------------------*/
:root{
	--scr-mgnf: calc( 100vh - 460px ) / 400;
}

/*	base font
------------------------------------------*/
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 100;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 200;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 300;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 400;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Bold");
	font-weight: bold;
}

html{ font-size: calc(13px + 3 * ( 100vh - 460px ) / 300 )}
@media(min-height: 860px){ html{ font-size: 16px }}
@media(max-height: 460px){ html{ font-size: 13px }}
html{
	color: #000;
	font-family:"Yu Gothic", YuGothic, '游ゴシック体', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
	font-weight: 500;
	line-height: 1.8;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}


/*	link effects
------------------------------------------*/

a									{ -webkit-transition:.2s; -moz-transition:.2s; -o-transition:.2s; -ms-transition:.2s; transition:.2s;}
a:link, a:visited					{ color:#de007f; text-decoration: none}
a:hover, a:active, a:focus			{ color:#de007f; text-decoration: none}

a.link_ul{
	text-decoration: underline !important;
}

.fx_shrink{
	-webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s;
}
	.fx_shrink:hover{
		-ms-transform:scale(.9,.9);
		-webkit-transform:scale(.9,.9);
		transform:scale(.9,.9);
	}

.fx_expand{
	-webkit-transition: .1s; -moz-transition: .1s; -o-transition: .1s; -ms-transition: .1s; transition: .1s;
}
	.fx_expand:hover{
		-ms-transform:scale(1.15,1.15);
		-webkit-transform:scale(1.15,1.15);
		transform:scale(1.15,1.15);
	}

.fx_hover_line:after {
	position: absolute;
	content: "";
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	border: 0px solid rgba(255,255,255,0);
	-webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s;
	box-sizing: border-box;
}
	.fx_hover_line:hover:after {
		border: 30px solid rgba(255,255,255,.3);
	}



/*	basic structure
------------------------------------------*/
html{
	overflow: auto;
}
body{
	position:relative;
	overflow:hidden;
}
#page{
	opacity:0;
	position:relative;
	width:100%;
	height:100%;
	background:url(/img/bg_paper-pink.gif) repeat;
}
#hbg{
	background:#de007f;
	z-index:1001;
}
	#hbg li a{
		display:block;
		padding:15px 4px 10px 15px;
		color:#fff;
		line-height:1.3;
		border-bottom:1px solid rgba(255,255,255,0.3);
	}
	#hbg li a:hover{
		-moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s;
		background:rgba(255,255,255,0.3);
	}




/*
	hd
------------------------------------------*/

#hd{
	position:relative;
	width:100%;
	z-index:1;
	box-sizing: border-box;
}
	#hd #ttl_img{
		position:relative;
		width:100%;
		height:180px;
		background-repeat:no-repeat;
		background-position:50% 50%;
		background-size:cover;
		overflow:hidden;
	}
	#hd #ttl_img::after{
		position:absolute;
		display:block;
		content:'';
		width:100%;
		height:100%;
		background:rgba(252,239,238,.8) url(/img/ptn_dot.png) repeat;
		z-index:1;
	}
	#hd #ttl_img #logo{
		position:absolute;
		bottom:18px;
		width:100%;
		text-align:center;
		z-index:100;
	}
	#hd #ttl_img #logo.logo_top{
		bottom:50%;
	}
	#hd #ttl_img #logo img{
		width:190px;
		height:auto;
	}

@media screen and (max-width: 400px) {
	#hd #ttl_img{
		height:110px;
	}
	#hd #ttl_img #logo,
	#hd #ttl_img #logo.logo_top{
		bottom:-5px;
	}
	#hd #ttl_img #logo img{
		width:130px;
		height:auto;
	}
}

#gm{
	position:relative;
	width:800px;
	margin:20px auto 70px;
	box-sizing: border-box;
}
	#gm ul{
		display:flex;
		flex-flow:row nowrap;
		justify-content:space-between;
		width:100%;
	}
	#gm li{
		display:block;
		padding:0 0 0 25px;
		white-space:nowrap;
		background:url(/img/gm_crt.png) no-repeat 0 -30px;
		margin-left:13px;
		transition: .3s;
	}
	#gm li:hover{
		background:url(/img/gm_crt.png) no-repeat 0 0;
	}
	#gm li a{
		display:block;
		text-align:center;
		font-family:Shuei NijimiMGo B;
		font-size:16px;
		font-weight:bold;
		line-height:1.3;
	}

@media screen and (max-width: 800px) {
	#gm{
		width:96%;
	}
}
@media screen and (max-width: 860px) {
	#gm{
		display:none;
	}
}



/*
	ft
------------------------------------------*/

#ft{
	position:relative;
	text-align:center;
}
	#ft_menu{
		display:block;
		padding:15px 0 12px;
		background:#fff;
		margin:0 auto 50px;
	}
	#ft_menu li{
		position:relative;
		display:inline-block;
		padding-bottom:6px;
		vertical-align:middle;
		font-size:14px;
		line-height:1.2;
		margin:0 12px;
	}
	#ft_menu li:after{
		position:absolute;
		display:block;
		content:'';
		left:0;
		bottom:0;
		width:0;
		height:1px;
		background:rgba(222,0,127,.3);
		transition:.3s;
	}
	#ft_menu li:hover:after{
		width:100%;
	}
	#ft_menu li a{
		display:block;
	}
	
	#ft #colophon{
		color:#de007f;
		font-size:12px;
		margin:0 auto 40px;
	}
	#ft #colophon img{
		margin:0 0 20px;
	}
	#ft #cp{
		padding:20px 0 25px;
		color:#fff;
		font-size:12px;
		background:#de007f;
	}


#pagetop{
	position:fixed;
	right:1px;
	bottom:1px;
}
	#pagetop span{
		display:block;
		width:30px;
		height:40px;
		padding-top:14px;
		text-align:center;
		color:#fff;
		font-size:20px;
		line-height:1;
		background:#de007f;
		border-radius:3px;
		box-sizing: border-box;
		-webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s;
	}
	#pagetop span:hover{
		background:rgb(0,153,255);
	}


/*
	main
------------------------------------------*/

.main{
	position:relative;
	width:800px;
	margin:0 auto 140px;
	box-sizing: border-box;
}

@media screen and (max-width: 800px) {
	.main{
		width:100%;
		padding:0 1em;
		margin:0 auto 140px;
	}
}



/*
	footer
------------------------------------------*/
#ft{
	position:relative;
	width:100%;
}





/*	modal
------------------------------------------*/
.modal{
	display:block;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgb(245 78 124 / 70%);
	overflow-y:scroll;
	opacity:1;
	z-index:1000;
}
.modal.off{
	display:none;
}
.overlay{
	display:block;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	margin:0 auto;
	z-index:1001;
}
.overlay2{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	margin:0 auto;
	z-index:101;
}
.ajax_close_btn{
	display:block;
	position:fixed;
	top:0;
	right:0;
	width:40px;
	height:40px;
	z-index:9999;
	cursor:pointer;
}
.i_close{
	position:absolute;
	display:block;
	top:-10px;
	right:-10px;
	width:10%;
	max-width:41px;
	z-index:1;
	cursor:pointer;
}
	.i_close img{
		display:block;
		width:100%;
		height:100%;
	}





/*  layout system
------------------------------------------*/

.localnav{}
.lm_item{
	position:relative;
	float:left;
	width:49%;
	margin:0 0 15px;
	box-sizing: border-box;
}
	.lm_item:nth-child(2n){
		margin:0 0 15px 2%;
	}
	.lm_item:after{
		content: "";
		display: table;
		clear: both;
	}
	.lm_item a{
		display:block;
		width:100%;
		line-height:0;
		letter-spacing:-.1em;
		border: 3px solid rgb(30,75,158);
		border-radius:5px;
		box-sizing: border-box;
		-webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s;
	}
	.lm_item a:hover{
		display:block;
		width:100%;
		color:#fff;
		line-height:0;
		letter-spacing:-.1em;
		background:rgb(30,75,158);
		/*-ms-transform:scale(.98,.98);
		-webkit-transform:scale(.98,.98);
		transform:scale(.98,.98);*/
	}
	.lm_item a img{
		width:40%;
		height:auto;
	}
	.lm_item a span{
		position:absolute;
		display:block;
		left:48%;
		top:36%;
		letter-spacing:0;
		font-size:18px;
		font-weight:bold;
		line-height:1.2;
	}
	.lm_item a span small{
		font-size:14px;
	}

.dp_flex{
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
}

.clm2{
	display:table;
	width:100%;
	box-sizing: border-box;
}
	.clm2 .clm2_d{
		display:table-cell;
		vertical-align:top;
	}
	.clm2 .clm2_30p{ width:30%}
	.clm2 .clm2_40p{ width:40%}
	.clm2 .clm2_50p{ width:50%}
	.clm2 .clm2_60p{ width:60%}
	.clm2 .clm2_70p{ width:70%}
	
.clm3{
	display:table;
	width:100%;
	box-sizing: border-box;
	margin:0 auto 100px;
}
	.clm3 .clm3_d{
		display:table-cell;
		width:30%;
		padding:0 5% 0 0;
	}
	.clm3 .clm3_d:nth-child(3){
		margin:0 0 0 0;
	}


/*	table
------------------------------------------*/

/* plain */
.table_1{
	width:100%;
	border-collapse: separate;
	border-spacing: 1;
	background:rgba(222,0,127,.3);
	box-sizing: border-box;
}
	.table_1 th{
		padding:12px 5px;
		text-align:center;
		background:rgba(255,255,255,.5);
		border-bottom:1px solid rgba(222,0,127,.3);
	}
	.table_1 th:nth-child(even){
		background:rgba(255,255,255,.25);
	}
	.table_1 td{
		padding:12px 5px;
		text-align:center;
		white-space:nowrap;
		background:#fff;
		border-bottom:1px solid rgba(222,0,127,.3);
	}
	
	
/* plain */
.table_2{
	width:100%;
	border-collapse: separate;
	border-spacing: 1;
	border-top:1px solid rgba(222,0,127,.3);
	box-sizing: border-box;
}
	.table_2 th{
		padding:12px 5px;
		text-align:center;
		border-bottom:1px solid rgba(222,0,127,.3);
		box-sizing: border-box;
	}
	.table_2 td{
		padding:12px 5px 12px 2em;
		border-bottom:1px solid rgba(222,0,127,.3);
		box-sizing: border-box;
	}

/* plain compact */
.table_3{
	width:100%;
	border-collapse: separate;
	border-spacing: 1;
	border-top:1px solid rgba(222,0,127,.3);
	box-sizing: border-box;
}
	.table_3 th,
	.table_3 td{
		text-align:left;
		padding:7px 3px;
		font-size:13px;
		line-height:1.3;
		border-bottom:1px solid rgba(222,0,127,.3);
		box-sizing: border-box;
	}
	.table_3 th{
		padding:7px 1.5rem 7px 3px;
	}

/* plain bd_grey */
.table_4{
	width:100%;
	border-collapse: separate;
	border-spacing: 1;
	border-top:1px solid rgba(0 0 0 / 20%);
	box-sizing: border-box;
}
	.table_4 th{
		padding:10px 1.5rem 10px 4px;
		text-align:left;
		line-height:1.3;
		border-bottom:1px solid rgba(0 0 0 / 20%);
		box-sizing: border-box;
	}
	.table_4 td{
		padding:8px 4px;
		line-height:1.3;
		border-bottom:1px solid rgba(0 0 0 / 20%);
		box-sizing: border-box;
	}



/*	frame
------------------------------------------*/

.fr_white,
.fr_rosered{
	display:block;
	padding:1rem 1.5rem 1.2rem;
	background:#fff;
	border-radius:10px;
	box-sizing: border-box;
}
.fr_rosered{
	border:3px solid #f54e7c;
}



/*	group
------------------------------------------*/

.clm_1{
	display:table;
	width:100%;
	margin:0 auto 70px;
}
	.clm_1_ttl{
		display:table-cell;
		width:25px;
		padding:0 20px 0 0;
		text-align:center;
		vertical-align:top;
		color:#de007f;
		font-family:Shuei NijimiMGo B;
		font-size:22px;
		font-weight:bold;
		line-height:1;
	}
	.clm_1_p{
		display:table-cell;
		padding:1em 0 0 3em;
		text-align:left;
		vertical-align:top;
		border-top:1px dotted rgba(222,0,127,1);
	}

@media screen and (max-width: 400px) {
	.clm_1_p{
		padding:1em 0 0 1em;
	}
}





/*
	elements
------------------------------------------*/


/* ttl */

.ttl_1{
	display:block;
	padding:40px 0 40px;
	text-align:center;
	color:#fff;
	font-family:Shuei NijimiMGo B;
	font-family:Shuei NijimiMGo B;
	font-size:26px;
	line-height:1;
	font-weight:bold;
	background:#ee7fbf;
	border-radius:10px;
	margin:0 0 50px;
}
@media screen and (max-width: 860px) {
	.ttl_1{
		padding:40px 500px 40px;
		border-radius:0;
		margin:0 -500px 50px;
	}
}
@media screen and (max-width: 600px) {
	.ttl_1{
		padding:25px 0 25px;
		font-size:3vh;
	}
}
.ttl_2{
	display:block;
	text-align:center;
	color:#de007f;
	font-family:Shuei NijimiMGo B;
	font-size:25px;
	line-height:1.2;
	font-weight:bold;
	margin:0 auto 30px;
}
@media screen and (max-width: 600px) {
	.ttl_2{
		font-size:22px;
	}
}
.ttl_3{
	display:block;
	text-align:center;
	color:#de007f;
	font-family:Shuei NijimiMGo B;
	font-size:30px;
	line-height:1.2;
	font-weight:bold;
	margin:0 auto 50px;
}
@media screen and (max-width: 600px) {
	.ttl_3{
		font-size:22px;
	}
}
.ttl_4{
	display:block;
	padding:20px 0;
	text-align:center;
	color:#de007f;
	font-family:Shuei NijimiMGo B;
	font-size:25px;
	line-height:1;
	font-weight:bold;
	background:#fff;
	border-radius:10px;
	margin:0 0 30px;
}
@media screen and (max-width: 600px) {
	.ttl_4{
		font-size:18px;
	}
}


/*	kakomi */

.kakomi_white{
	padding:20px;
	background:rgba(255,255,255,.8);
	border-radius:10px;
	margin:1em 0;
}



/*	btn */

.btn_set_blue{
	display:block;
	text-align:center;
	margin:20px auto;
}
	.btn_set_blue a{
		display:inline-block;
		* zoom:1;
		* diplay:inline;
		padding:20px 35px;
		color:#fff;
		font-size:18px;
		font-weight:bold;
		background:#de007f;
		border-radius:3px;
		-webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s;
	}
	.btn_set_blue a:hover,
	.btn_set_blue a:active,
	.btn_set_blue a:focus{
		background:rgb(0,153,255);
	}

.btn_blue,
.btn_grey{
}
	.btn_blue a,
	.btn_grey a{
		display:inline-block;
		padding:15px 25px;
		color:#fff;
		font-size:16px;
		font-weight:bold;
		background:#de007f;
		border-radius:3px;
		transition: .3s;
	}
	.btn_blue a:hover,.btn_blue a:active,.btn_blue a:focus{
		background:rgb(0,153,255);
	}
	
	.btn_grey a{
		color:#000;
		background:#ccc;
	}
	.btn_grey a:hover,.btn_grey a:active,.btn_grey a:focus{
		background:#eee;
	}

.btn_rosered,
.btn_grey_s{
		display:block;
		padding:4px;
		text-align:center;
		color:#fff !important;
		background:#f54e7c;
		border-radius:3px;
		transition:.3s;
	}
	.btn_rosered:hover{
		background:#de007f;
	}
	.btn_grey_s{
		color:#000 !important;
		background:#ccc;
	}
	.btn_grey_s:hover{
		background:#eee;
	}
	

/* paragraph */
.prg_1{
	text-align:left;
	margin:0 auto 100px;
}
	.prg_1 > p,
	.prg_1 > dt,
	.prg_1 > dd,
	.prg_1 > li{
		text-align:justify;
		text-justify:inter-ideograph;
		font-size:15px;
		line-height:1.8;
		margin:0 0 1.5em;
	}
	
/* list */
.list_number li{
	list-style:inside decimal;
}


/* color */
.cl_pink{color:#de007f}


/* radius */
.r4		{border-radius:4px}
.r6		{border-radius:6px}
.r8		{border-radius:8px}
.r10	{border-radius:10px}
.r12	{border-radius:12px}
.r16	{border-radius:16px}


/* shadow */
.shadow2	{ box-shadow: 1px 1px 2px rgba(0,0,0,0.3)}
.shadow4	{ box-shadow: 1px 1px 4px rgba(0,0,0,0.3)}
.shadow6	{ box-shadow: 1px 1px 6px rgba(0,0,0,0.3)}
.shadow8	{ box-shadow: 1px 1px 8px rgba(0,0,0,0.3)}
.shadow10	{ box-shadow: 1px 1px 10px rgba(0,0,0,0.3)}


/* font / line */
.ff_mincho		{font-family: 'Times New Roman', Times, 游明朝体, 'Yu Mincho', YuMincho, 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', serif}
.ff_meiryo		{font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W5', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif}
.ff_gothic		{font-family: 'ヒラギノ角ゴ Pro W3', HiraKakuPro-W3, 游ゴシック, YuGothic, メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PMincho', sans-serif}
.ff_nijimi		{font-family: Shuei NijimiMGo B, HiraKakuPro-W3, 游ゴシック, YuGothic, メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PMincho', sans-serif}
.bold		{font-weight:bold}
.normal		{font-weight:normal}
.sml,.sml * 	{font-size:11px;line-height:13px}
.ssml,.ssml * 	{font-size:10px;line-height:12px}

.fs_6	{font-size:6px !important}
.fs_7	{font-size:7px !important}
.fs_8	{font-size:8px !important}
.fs_9	{font-size:9px !important}
.fs_10	{font-size:10px !important}
.fs_11	{font-size:11px !important}
.fs_12	{font-size:12px !important}
.fs_13	{font-size:13px !important}
.fs_14	{font-size:14px !important}
.fs_15	{font-size:15px !important}
.fs_16	{font-size:16px !important}
.fs_18	{font-size:18px !important}
.fs_20	{font-size:20px !important}
.fs_22	{font-size:22px !important}
.fs_24	{font-size:24px !important}
.fs_26	{font-size:26px !important}
.fs_28	{font-size:28px !important}
.fs_30	{font-size:30px !important}
.fs_32	{font-size:32px !important}
.fs_36	{font-size:36px !important}

.line50	{line-height:.5 !important}
.line60	{line-height:.6 !important}
.line70	{line-height:.7 !important}
.line80	{line-height:.8 !important}
.line90	{line-height:.9 !important}
.line100	{line-height:1.0 !important}
.line110	{line-height:1.1 !important}
.line120	{line-height:1.2 !important}
.line130	{line-height:1.3 !important}
.line140	{line-height:1.4 !important}
.line150	{line-height:1.5 !important}
.line160	{line-height:1.6 !important}
.line170	{line-height:1.7 !important}
.line180	{line-height:1.8 !important}
.line190	{line-height:1.9 !important}
.line200	{line-height:2.0 !important}
.line220	{line-height:2.2 !important}
.line240	{line-height:2.4 !important}
.line260	{line-height:2.6 !important}
.line280	{line-height:2.8 !important}
.line300	{line-height:3.0 !important}


/* display type */
.hide{display:none}
.block{display:block}
.inline{display:inline}
.in-block{
	display:inline-block;
	* zoom:1;
	* display:inline;
}
.newspaper{
	text-justify:newspaper;
}

.dp_show1000,
.dp_show900,
.dp_show800,
.dp_show700,
.dp_show600,
.dp_show500,
.dp_show400{
	display:none;
}
@media screen and (max-width: 1000px){.dp_show1000{display:block}}
@media screen and (max-width: 900px){.dp_show900{display:block}}
@media screen and (max-width: 800px){.dp_show800{display:block}}
@media screen and (max-width: 700px){.dp_show700{display:block}}
@media screen and (max-width: 600px){.dp_show600{display:block}}
@media screen and (max-width: 500px){.dp_show500{display:block}}
@media screen and (max-width: 400px){.dp_show400{display:block}}

.dp_hide1000,
.dp_hide900,
.dp_hide800,
.dp_hide700,
.dp_hide600,
.dp_hide500,
.dp_hide400{
	display:block;
}
@media screen and (max-width: 1000px){.dp_hide1000{display:none}}
@media screen and (max-width: 900px){.dp_hide900{display:none}}
@media screen and (max-width: 800px){.dp_hide800{display:none}}
@media screen and (max-width: 700px){.dp_hide700{display:none}}
@media screen and (max-width: 600px){.dp_hide600{display:none}}
@media screen and (max-width: 500px){.dp_hide500{display:none}}
@media screen and (max-width: 400px){.dp_hide400{display:none}}


/* img fit */
.imgfit{
	width:100%;
	height:auto;
}

/* align */
.float_r{float:right}
.float_l{float:left}
.float_c{margin:0 auto 0}
.align_l{text-align:left}
.align_r{text-align:right}
.align_c{text-align:center}
.valign_t{vertical-align:top}
.valign_m{vertical-align:middle}
.valign_b{vertical-align:bottom}

/* margin */
.left50{margin-left:50px !important}
.left40{margin-left:40px !important}
.left30{margin-left:30px !important}
.left20{margin-left:20px !important}
.left15{margin-left:15px !important}
.left10{margin-left:10px !important}
.left7{margin-left:7px !important}
.left5{margin-left:5px !important}
.left3{margin-left:3px !important}
.left0{margin-left:0px !important}

.right50{margin-right:50px !important}
.right40{margin-right:40px !important}
.right30{margin-right:30px !important}
.right20{margin-right:20px !important}
.right15{margin-right:15px !important}
.right10{margin-right:10px !important}
.right7{margin-right:7px !important}
.right5{margin-right:5px !important}
.right3{margin-right:3px !important}
.right0{margin-right:0px !important}

.top90{margin-top:90px !important}
.top80{margin-top:80px !important}
.top70{margin-top:70px !important}
.top60{margin-top:60px !important}
.top50{margin-top:50px !important}
.top45{margin-top:45px !important}
.top40{margin-top:40px !important}
.top35{margin-top:35px !important}
.top30{margin-top:30px !important}
.top25{margin-top:25px !important}
.top20{margin-top:20px !important}
.top15{margin-top:15px !important}
.top10{margin-top:10px !important}
.top7{margin-top:7px !important}
.top5{margin-top:5px !important}
.top3{margin-top:3px !important}
.top0{margin-top:0px !important}

.btm150{margin-bottom:150px !important}
.btm140{margin-bottom:140px !important}
.btm130{margin-bottom:130px !important}
.btm120{margin-bottom:120px !important}
.btm110{margin-bottom:110px !important}
.btm100{margin-bottom:100px !important}
.btm90{margin-bottom:90px !important}
.btm80{margin-bottom:80px !important}
.btm70{margin-bottom:70px !important}
.btm60{margin-bottom:60px !important}
.btm50{margin-bottom:50px !important}
.btm40{margin-bottom:40px !important}
.btm30{margin-bottom:30px !important}
.btm20{margin-bottom:20px !important}
.btm15{margin-bottom:15px !important}
.btm10{margin-bottom:10px !important}
.btm7{margin-bottom:7px !important}
.btm5{margin-bottom:5px !important}
.btm3{margin-bottom:3px !important}
.btm0{margin-bottom:0px !important}

.pad_top50{padding-top:50px !important}
.pad_top40{padding-top:40px !important}
.pad_top30{padding-top:30px !important}
.pad_top20{padding-top:20px !important}
.pad_top15{padding-top:15px !important}
.pad_top10{padding-top:10px !important}
.pad_top7{padding-top:7px !important}
.pad_top5{padding-top:5px !important}
.pad_top3{padding-top:3px !important}
.pad_top0{padding-top:0px !important}

.pad_btm50{padding-bottom:50px !important}
.pad_btm40{padding-bottom:40px !important}
.pad_btm30{padding-bottom:30px !important}
.pad_btm20{padding-bottom:20px !important}
.pad_btm15{padding-bottom:15px !important}
.pad_btm10{padding-bottom:10px !important}
.pad_btm7{padding-bottom:7px !important}
.pad_btm5{padding-bottom:5px !important}
.pad_btm3{padding-bottom:3px !important}
.pad_btm0{padding-bottom:0px !important}

.pad_left50{padding-left:50px !important}
.pad_left40{padding-left:40px !important}
.pad_left30{padding-left:30px !important}
.pad_left20{padding-left:20px !important}
.pad_left15{padding-left:15px !important}
.pad_left10{padding-left:10px !important}
.pad_left7{padding-left:7px !important}
.pad_left5{padding-left:5px !important}
.pad_left3{padding-left:3px !important}
.pad_left0{padding-left:0px !important}

.pad_right50{padding-right:50px !important}
.pad_right40{padding-right:40px !important}
.pad_right30{padding-right:30px !important}
.pad_right20{padding-right:20px !important}
.pad_right15{padding-right:15px !important}
.pad_right10{padding-right:10px !important}
.pad_right7{padding-right:7px !important}
.pad_right5{padding-right:5px !important}
.pad_right3{padding-right:3px !important}
.pad_right0{padding-right:0px !important}


/* opt margin */
/* margin */
.mb_O	    {margin-bottom: calc( 150px + 150 * var(--scr-mgnf)) !important}
.mb_LLL     {margin-bottom: calc( 100px + 100 * var(--scr-mgnf)) !important}
.mb_LL    	{margin-bottom: calc( 70px + 70 * var(--scr-mgnf)) !important}
.mb_L	    {margin-bottom: calc( 50px + 30 * var(--scr-mgnf)) !important}
.mb_MMM	    {margin-bottom: calc( 30px + 20 * var(--scr-mgnf)) !important}
.mb_MM	    {margin-bottom: calc( 20px + 15 * var(--scr-mgnf)) !important}
.mb_M    	{margin-bottom: calc( 15px + 10 * var(--scr-mgnf)) !important}
.mb_SSS     {margin-bottom: calc( 9px + 6 * var(--scr-mgnf)) !important}
.mb_SS	    {margin-bottom: calc( 7px + 3 * var(--scr-mgnf)) !important}
.mb_S	    {margin-bottom: calc( 3px + 2 * var(--scr-mgnf)) !important}
.mb_Z	    {margin-bottom: 0 !important}


/* width */
.w600{width:600px !important}
.w550{width:550px !important}
.w530{width:530px !important}
.w500{width:500px !important}
.w450{width:450px !important}
.w400{width:400px !important}
.w350{width:350px !important}
.w300{width:300px !important}
.w250{width:250px !important}
.w200{width:200px !important}
.w175{width:175px !important}
.w150{width:150px !important}
.w125{width:125px !important}
.w100{width:100px !important}
.w75{width:75px !important}
.w50{width:50px !important}
.w25{width:25px !important}
.w20{width:20px !important}
.w15{width:15px !important}
.w10{width:10px !important}

.w100p{width:100% !important}
.w95p{width:95% !important}
.w90p{width:90% !important}
.w85p{width:85% !important}
.w80p{width:80% !important}
.w75p{width:75% !important}
.w70p{width:70% !important}
.w65p{width:65% !important}
.w60p{width:60% !important}
.w55p{width:55% !important}
.w50p{width:50% !important}
.w40p{width:40% !important}
.w45p{width:45% !important}
.w35p{width:35% !important}
.w30p{width:30% !important}
.w25p{width:25% !important}
.w20p{width:20% !important}
.w15p{width:15% !important}
.w10p{width:10% !important}
.w5p{width:5% !important}

/* height */
.h600{height:600px !important}
.h550{height:550px !important}
.h500{height:500px !important}
.h450{height:450px !important}
.h400{height:400px !important}
.h350{height:350px !important}
.h300{height:300px !important}
.h250{height:250px !important}
.h200{height:200px !important}
.h175{height:175px !important}
.h150{height:150px !important}
.h125{height:125px !important}
.h100{height:100px !important}
.h75{height:75px !important}
.h50{height:50px !important}
.h25{height:25px !important}
.h20{height:20px !important}
.h15{height:15px !important}
.h10{height:10px !important}



/* clear */
.clearfix:after{
	content: "";
	display: table;
	clear: both;
}
.clear{ clear:both}


hr.clear1		{ clear:both; border: none; background-color:rgba(255,255,255,0)}
hr.clear4		{ clear:both; margin-bottom:4px; border: none; background-color:rgba(255,255,255,0)}
hr.clear8		{ clear:both; margin-bottom:8px; border: none; background-color:rgba(255,255,255,0)}
hr.clear10		{ clear:both; margin-bottom:10px; border: none; background-color:rgba(255,255,255,0)}
hr.clear20		{ clear:both; margin-bottom:20px; border: none; background-color:rgba(255,255,255,0)}
hr.clear30		{ clear:both; margin-bottom:30px; border: none; background-color:rgba(255,255,255,0)}
hr.clear40		{ clear:both; margin-bottom:40px; border: none; background-color:rgba(255,255,255,0)}
hr.clear50		{ clear:both; margin-bottom:50px; border: none; background-color:rgba(255,255,255,0)}
hr.clear60		{ clear:both; margin-bottom:60px; border: none; background-color:rgba(255,255,255,0)}
hr.clear70		{ clear:both; margin-bottom:70px; border: none; background-color:rgba(255,255,255,0)}
hr.clear80		{ clear:both; margin-bottom:80px; border: none; background-color:rgba(255,255,255,0)}
hr.clear90		{ clear:both; margin-bottom:90px; border: none; background-color:rgba(255,255,255,0)}
hr.clear100		{ clear:both; margin-bottom:100px; border: none; background-color:rgba(255,255,255,0)}



/*	hover animation
------------------------------------------*/

.fx_grn-red::before,
.fx_grn-red::after{
	position:absolute;
	display:block;
	left:0;
	top:0;
	width:100%;
	height:100%;
	content:'';
	background:#006934;
	-webkit-transition:all .2s cubic-bezier(1,1.81,0,.84);transition:all .2s cubic-bezier(1,1.81,0,.84);
	z-index:-2;
}
	.fx_grn-red::after{
		background:rgba(223,39,18,.9);
		-webkit-transform: scale(0);transform: scale(0);
		z-index:-1;
	}
	.fx_grn-red:hover::after{
		-webkit-transform: scale(1);transform: scale(1);
	}

.mv{
	opacity: 0;
	-webkit-transform: translate(0,150px);transform: translate(0,150px);
	-webkit-transition: .5s ease-out; -moz-transition: .5s ease-out; -o-transition: .5s ease-out; -ms-transition: .5s ease-out; transition: .5s ease-out;
}
	.mv_fin{
		opacity: 1.0;
		-webkit-transform: translate(0,0);transform: translate(0,0);
	}