@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

@font-face{
	font-family: 'Noto Serif Japanese';
	font-style: normal;
	font-weight: 400;
	src: url(../common/font/NotoSerifCJKjp-Regular.woff) format('woff');
}
@font-face{
	font-family: 'Noto Serif Japanese';
	font-style: normal;
	font-weight: 700;
	src: url(../common/font/NotoSerifCJKjp-Bold.woff) format('woff');
}

body *{
	font-family: "Noto Sans JP", sans-serif;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	color:#4f393b;
}

.ns_min{
	font-family: 'Noto Serif Japanese', serif;
}

.mincho{
	font-family:"HG明朝E", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}




/*----------------------------------------------------------------------------
***                                                                  ALL
----------------------------------------------------------------------------*/
.fontBold{ font-weight:bold;}
.fontNormal{ font-weight:normal;}
.fontSize_SS{}
.fontSize_S12{ font-size:75%;}/*12px; */
.fontSize_S13{ font-size:81.25%;}/*13px; */
.fontSize_S14{ font-size:87.5%;}/*14px; */
.fontSize_S15{ font-size:93.75%;}/*15px; */
.fontSize_M{}
.fontSize_L{}
.fontSize_M18{ font-size:112.5%;}/*18px*/
.fontSize_M20{ font-size:125%;}/*20px*/
.fontSize_M21{ font-size:131.25%;}/*21px*/
.fontSize_M22{ font-size:137.5%;}/*22px*/
.fontSize_M23{ font-size:143.75%;}/*23px*/
.fontSize_M24{ font-size:150%;}/*24px*/
.fontSize_M25{ font-size:156.25%;}/*25px*/
.fontSize_M27{ font-size:168.75%;}/*27px*/
.fontSize_M28{ font-size:175%;}/*28px*/
.fontSize_M29{ font-size:181.25%;}/*29px*/
.fontSize_M30{ font-size:187.5%;}/*30px*/
.fontSize_M32{ font-size:200%;}/*32px*/
.fontSize_M35{ font-size:218.75%;}/*35px*/
.fontSize_L40{ font-size:250%;}/*40px*/
.fontSize_L44{ font-size:275%;}/*44px*/
.fontSize_L55{ font-size:343.75%;}/*55px*/
.fontSize_L60{ font-size:375%;}/*60px*/
.fontSize_L63{ font-size:393.75%;}/*63px*/
.fontSize_L70{ font-size:437.5%;}/*70px*/
.fontSize_L74{ font-size:462.5%;}/*74px*/
.fontSize_L80{ font-size:500%;}/*80px*/

.secBox{}
.secBox > .sectionInner{}

.dispFlex{ display:-webkit-box; display:-ms-flexbox; display:flex;}
.dispBlock{ display:block;}
.dispInBlock{ display:inline-block;}

.pcNone{ display:none;}
.spNone{ display:block;}

.txtSizeS{ font-size:74%;}
.txtSizeL{ font-size:153%;}

.txtColor_Cream{ color:#F7F1BC !important;}
.txtColor_Blue{ color:#29ABE2 !important;}
.txtColor_Pink{ color:#FF7BAC !important;}
.txtColor_DarkPink{ color:#ED1E79 !important;}
.txtColor_Green{ color:#8CC63F !important;}
.txtColor_Orange{ color:#F4CC21 !important;}
.txtColor_DarkOrange{ color:#f7931e !important;}
.txtColor_White{ color:#fff !important;}
.txtColor_Brown{ color:#A67C52 !important;}
.txtColor_Red{ color:#E8373D !important;}
.txtColor_BrightRed{ color:#F00 !important;}

.bgc_Cream{ background-color:#F7F1BC;}
.bgc_Blue{ background-color:#29ABE2;}
.bgc_Pink{ background-color:#FF7BAC;}
.bgc_Green{ background-color:#8CC63F;}
.bgc_Orange{ background-color:#F4CC21;}
.bgc_DarkRed{ background-color:#E8373D;}
.bgc_DarkBlue{ background-color:#2e3192;}

.txtBtn{}
.txtBtnLink{
	display:block;
	width:100%;
	text-align:center;
	text-decoration:none !important;
	padding:0.5em 0;
}

.ls01em{ letter-spacing:-0.1em;}
.ls02em{ letter-spacing:-0.2em;}
.ls03em{ letter-spacing:-0.3em;}
.ls04em{ letter-spacing:-0.4em;}
.ls05em{ letter-spacing:-0.5em;}
.ls15em{ letter-spacing:-1.5em;}


.mgb1em{ margin-bottom:1em;}
.mgb15em{ margin-bottom:1.5em;}
.mgb2em{ margin-bottom:2em;}
.mgb25em{ margin-bottom:2.5em;}
.mgb3em{ margin-bottom:3em;}
.mgb4em{ margin-bottom:4em;}




/*----------------------------------------------------------------------------
 ***                                                                   header
----------------------------------------------------------------------------*/
#headerInner{ width:980px; height:70px; margin:0 auto; padding:10px 0 0;}
#headerInner h1{ float:left;}
#headerInner #headerContents{ float:right; padding:4px 0 0;}
#headerInner #headerContents li{ float:left; margin:0 15px 0 0;}
#headerInner #headerContents li:last-child{ margin:0;}
#headerInner #headerContents li:first-child{ margin-top:5px;}




/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/
#contentsArea{}
#contentsAreaInner{}


/*----------------------------------------------------------------------------
 ***                                                              mainsection
----------------------------------------------------------------------------*/
.mainSection{}
.mainSectionInner{}


/*----------------------------------------------------------------------------
***                                                                  footer
----------------------------------------------------------------------------*/
#footerNavi{ width:100%; background-color:#727171;}
#footerNavi ul{ width:800px; margin:0 auto; padding:0.5em 0;}
#footerNavi li{ width:25%; float:left; font-size:18px; line-height:2.5em; text-align:center; border-right:1px solid #fff;}
#footerNavi li:last-child{ border:none;}
#footerNavi li a{ color:#fff; text-decoration:none;}
#footerNavi li a:hover{ opacity:0.6;}

footer p{ text-align:center; font-size:18px; margin:1em auto 0.5em; line-height:2em;}