@charset "utf-8";


/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/

html{-webkit-text-size-adjust: none;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td ,p{
	margin: 0;
	padding: 0;
	/*background: #fff;*/
	border: 0;
	outline: 0;
	/*font-size: 90%;*/
	color:#333;
}

body,
table,
input, textarea, select, option {
	font:Arial, Helvetica, sans-serif;
	/*font-family: HiraKakuProN-W3;*/
	/*font-size: 85%;*/
/*	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
	font-size: 80%;
}
#container,#container_top{
	max-width: 100vw;  /*フルスクリーン*/
	height: auto;　/*フルスクリーン*/
	min-height: 100vh;　/*フルスクリーン*/
	min-width: 320px;
}
#container_lp{
	max-width: 640px;
	min-width: 320px;
	margin: 0 auto;
}
img{
	    height: auto;
	    width: 100%;	
		vertical-align:bottom;
}
ticle, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
	display: block;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}


a:link {color:#000000; text-decoration: none;}
a:visited {color:#000000; text-decoration: none;}


/*------------------------------------------------------------
	書式設定
------------------------------------------------------------*/
/* テキストの位置 */
.txaL { text-align: left !important; }
.txaC { text-align: center !important; }
.txaR { text-align: right !important; }

p.txtM{
	font-size:110%;
	width:100%;
}

.txtS {
	font-size:75%;
	}

.txtSS{
	font-size:60%;
	}


/* フォントの太さ*/
.normal { font-weight: normal !important; }
.bold { font-weight: bold !important; }

/* インデント*/
.indent {
      margin-left: 1em; /* ブロック全体を 1em 右に */
      text-indent: -1em; /* 先頭の1文字のみ 1em 左に */
}

/*黄色マーカー*/
.marker {
	background-color: #FFFF00;
}

/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/



/*Class
--------------------------------------------*/		
/*Float
--------------*/
.flL, .boxL {float:left;	}

.flR, .boxR {float:right;	}
	

/*Clear
--------------*/
.both {
	clear:both;
	}
	
	
.clearfix:after,section:after,
#head:after,
.Step01:after, .Step02:after, .Step03:after,
.melitL:after{
	content:".";
	height:0;
	visibility:hidden;
	display:block;
	clear:both;
 line-height:0; 
	}
	
.block {
	display:block;
}
	
	
/*fontB
--------------*/
.fontB {
	font-weight:bold;
	}
	

/*Margin
--------------*/
.mg0 {margin:0 !important;}
.mg5 {margin:5px !important;}
.mg10 {margin:10px !important;}
.mg15 {margin:15px !important;}
.mg20 {margin:20px !important;}
.mg25 {margin:25px !important;}
.mg30 {margin:30px !important;}
.mg35 {margin:35px !important;}
.mg40 {margin:40px !important;}
.mg45 {margin:45px !important;}
.mg50 {margin:50px !important;}


/*top*/
.mgT5 {margin-top:5px !important;}
.mgT10 {margin-top:10px !important;}
.mgT15 {margin-top:15px !important;}
.mgT20 {margin-top:20px !important;}
.mgT25 {margin-top:25px !important;}
.mgT30 {margin-top:30px !important;}
.mgT35 {margin-top:35px !important;}
.mgT40 {margin-top:40px !important;}
.mgT45 {margin-top:45px !important;}
.mgT50 {margin-top:50px !important;}

/*right*/
.mgR5 {margin-right:5px !important;}
.mgR10 {margin-right:10px !important;}
.mgR15 {margin-right:15px !important;}
.mgR20 {margin-right:20px !important;}
.mgR25 {margin-right:25px !important;}
.mgR30 {margin-right:30px !important;}
.mgR35 {margin-right:35px !important;}
.mgR40 {margin-right:40px !important;}
.mgR45 {margin-right:45px !important;}
.mgR50 {margin-right:50px !important;}

/*bottom*/
.mgB5 {margin-bottom:5px !important;}
.mgB10 {margin-bottom:10px !important;}
.mgB15 {margin-bottom:15px !important;}
.mgB20 {margin-bottom:20px !important;}
.mgB25 {margin-bottom:25px !important;}
.mgB30 {margin-bottom:30px !important;}
.mgB35 {margin-bottom:35px !important;}
.mgB40 {margin-bottom:40px !important;}
.mgB45 {margin-bottom:45px !important;}
.mgB50 {margin-bottom:50px !important;}

/*left*/
.mgL5 {margin-left:5px !important;}
.mgL10 {margin-left:10px !important;}
.mgL15 {margin-left:15px !important;}
.mgL20 {margin-left:20px !important;}
.mgL25 {margin-left:25px !important;}
.mgL30 {margin-left:30px !important;}
.mgL35 {margin-left:35px !important;}
.mgL40 {margin-left:40px !important;}
.mgL45 {margin-left:45px !important;}
.mgL50 {margin-left:50px !important;}

/*Padding
--------------*/
.pd5 {padding:5px !important;}
.pd10 {padding:10px !important;}
.pd15 {padding:15px !important;}
.pd20 {padding:20px !important;}
.pd25 {padding:25px !important;}
.pd30 {padding:30px !important;}
.pd35 {padding:35px !important;}
.pd40 {padding:40px !important;}
.pd45 {padding:45px !important;}
.pd50 {padding:50px !important;}


/*top*/
.pdT5 {padding-top:5px !important;}
.pdT10 {padding-top:10px !important;}
.pdT15 {padding-top:15px !important;}
.pdT20 {padding-top:20px !important;}
.pdT25 {padding-top:25px !important;}
.pdT30 {padding-top:30px !important;}
.pdT35 {padding-top:35px !important;}
.pdT40 {padding-top:40px !important;}
.pdT45 {padding-top:45px !important;}
.pdT50 {padding-top:50px !important;}

/*right*/
.pdR5 {padding-right:5px !important;}
.pdR10 {padding-right:10px !important;}
.pdR15 {padding-right:15px !important;}
.pdR20 {padding-right:20px !important;}
.pdR25 {padding-right:25px !important;}
.pdR30 {padding-right:30px !important;}
.pdR35 {padding-right:35px !important;}
.pdR40 {padding-right:40px !important;}
.pdR45 {padding-right:45px !important;}
.pdR50 {padding-right:50px !important;}

/*bottom*/
.pdB5 {padding-bottom:5px !important;}
.pdB10 {padding-bottom:10px !important;}
.pdB15 {padding-bottom:15px !important;}
.pdB20 {padding-bottom:20px !important;}
.pdB25 {padding-bottom:25px !important;}
.pdB30 {padding-bottom:30px !important;}
.pdB35 {padding-bottom:35px !important;}
.pdB40 {padding-bottom:40px !important;}
.pdB45 {padding-bottom:45px !important;}
.pdB50 {padding-bottom:50px !important;}

/*left*/
.pdL5 {padding-left:5px !important;}
.pdL10 {padding-left:10px !important;}
.pdL15 {padding-left:15px !important;}
.pdL20 {padding-left:20px !important;}
.pdL25 {padding-left:25px !important;}
.pdL30 {padding-left:30px !important;}
.pdL35 {padding-left:35px !important;}
.pdL40 {padding-left:40px !important;}
.pdL45 {padding-left:45px !important;}
.pdL50 {padding-left:50px !important;}

