@charset "utf-8";

/*============================
#mainPanelArea
============================*/
#mainPanelArea { min-width: 1000px; height: 470px; position: relative; }
#mainPanelArea .pad {}
#mainPanelArea .pad ul {}
#mainPanelArea .pad ul li { min-width: 1000px; height: 470px; text-indent: -9999px; position: relative; }
#mainPanelArea .pad ul li.panel01 { background: url(../../imageFile/top/panel_01.png) no-repeat center; background-size: cover; }
#mainPanelArea .pad ul li.panel02 { background: url(../../imageFile/top/panel_02.png) no-repeat center; background-size: cover; }
#mainPanelArea .pad ul li.panel03 { background: url(../../imageFile/top/panel_03.png) no-repeat center; background-size: cover; }
#mainPanelArea .pad ul li.panel04 { background: url(../../imageFile/top/panel_04.png) no-repeat center; background-size: cover; }
#mainPanelArea .pad ul li::after { position: absolute; content: ""; left: 0; top: 185px; width: 100%; height: 108px; background: url(../../imageFile/top/mainTitle_bg.png) no-repeat center; z-index: 9999; }
#mainPanelArea .number { position: absolute; left: 0; top: 355px; width: 100%; height: 36px; background: url(../../imageFile/top/image_since.png) no-repeat center; text-indent: -9999px; }
#mainPanelArea .bx-wrapper .bx-pager { position: absolute; bottom: 30px; }
#mainPanelArea .bx-wrapper .bx-pager.bx-default-pager a { background: rgba(255,255,255,.5); text-indent: -9999px; display: block; width: 60px; height: 4px; margin: 0 10px; outline: 0; border-radius: 0; }
#mainPanelArea .bx-wrapper .bx-pager.bx-default-pager a:hover,
#mainPanelArea .bx-wrapper .bx-pager.bx-default-pager a.active { background: rgba(0,0,0,.5); }
#mainPanelArea .bx-wrapper .bx-controls-direction {}
#mainPanelArea .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}
.bx-wrapper .bx-prev { left: -40px!important; background: url(../../imageFile/global/icon_arrow_gr_return.svg) no-repeat center!important; background-size: 20px auto!important; }
.bx-wrapper .bx-next { right: -40px!important; background: url(../../imageFile/global/icon_arrow_gr.svg) no-repeat center!important; background-size: 20px auto!important; }

/*============================
#bannerArea
============================*/
#bannerArea { min-width: 1000px; padding-top: 65px;  background: url(../../imageFile/top/concept_bg.png) repeat-x; background-size: auto 582px; }
#bannerArea .pad { width: 1000px; margin: 0 auto; text-align: center; }
#bannerArea .pad .concept {}
#bannerArea .pad .concept .conceptTitle { font-size: 1.85em; font-weight: bold; font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif ,Osaka, "メイリオ", Meiryo,  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
#bannerArea .pad .concept p { margin-top: 25px; line-height: 1.7; }
#bannerArea .pad .bannerContents { width: 960px; margin: 65px 20px; }
#bannerArea .pad .bannerContents ul {}
#bannerArea .pad .bannerContents ul li { float: left; text-align: center; }
#bannerArea .pad .bannerContents ul li a { display: block; width: 320px; height: 300px; }
#bannerArea .pad .bannerContents ul li a .bannerTitle { font-size: 2.5em; color: #fff; padding-top: 120px; }
#bannerArea .pad .bannerContents ul .shopBanner a { background: url(../../imageFile/top/shop_menu_bg.png)no-repeat center; }
#bannerArea .pad .bannerContents ul .shopBanner a p { margin-top: 25px; color: #fff; font-size: 1.125em; line-height: 1.3; }
#bannerArea .pad .bannerContents ul .aboutBanner a { background: url(../../imageFile/top/aboutUs_menu_bg.png)no-repeat center;}
#bannerArea .pad .bannerContents ul .aboutBanner a p { margin-top: 25px; color: #fff; font-size: 1.125em; line-height: 1.5; }
#bannerArea .pad .bannerContents ul .historyBanner a { background: url(../../imageFile/top/history_menu_bg.png)no-repeat center;}
#bannerArea .pad .bannerContents ul .historyBanner a p { margin-top: 25px; color: #fff; font-size: 1.125em; line-height: 1.5; }


/*============================
#commitmentsArea
============================*/
#commitmentsArea { margin-top: 90px; }
#commitmentsArea .pad {}
#commitmentsArea .pad .mainTitle { text-align: center; }
#commitmentsArea .pad .mainTitle .subTitle { margin-top: -15px; margin-left: 12px; color: #9d9d9d; }
#commitmentsArea .pad ul {}
#commitmentsArea .pad ul li { margin-top: 30px; }
#commitmentsArea .pad ul li:first-child { margin-top: 35px; }
#commitmentsArea .pad ul .leftContent { background-color: #f7f7f7; }
#commitmentsArea .pad ul .leftContent .inner { width: 960px; margin: 0 auto; }
#commitmentsArea .pad ul .inner .commitment01 { padding: 50px 0 0 55px; }
#commitmentsArea .pad ul .inner .commitment02 { padding: 65px 55px 0 0; }
#commitmentsArea .pad ul .inner .commitment03 { padding: 32px 0 0 55px; }
#commitmentsArea .pad ul .leftContent .inner .commitmentLeft { float: left; width: 420px; }
#commitmentsArea .pad ul .leftContent .inner .commitmentLeft img {}
#commitmentsArea .pad ul .leftContent .inner .commitmentRight { float: right; width: 540px; box-sizing: border-box; }
#commitmentsArea .pad ul .leftContent .inner .commitmentRight .number { font-size: 2.25em; font-weight: bold; color: #a04e4a; font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif ,Osaka, "メイリオ", Meiryo,  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
#commitmentsArea .pad ul .leftContent .inner .commitmentRight .title { margin-top: 10px; font-size: 1.75em; }
#commitmentsArea .pad ul .leftContent .inner .commitmentRight p { margin-top: 10px; line-height: 1.5; }
#commitmentsArea .pad ul .rightContent { background-color: #f7f7f7; }
#commitmentsArea .pad ul .rightContent .inner { width: 960px; margin: 0 auto; }
#commitmentsArea .pad ul .rightContent .inner .commitmentRight { float: right; width: 420px; }
#commitmentsArea .pad ul .rightContent .inner .commitmentRight img {}
#commitmentsArea .pad ul .rightContent .inner .commitmentLeft { float: left; width: 540px; box-sizing: border-box; }
#commitmentsArea .pad ul .rightContent .inner .commitmentLeft .number { font-size: 2.25em; font-weight: bold; color: #a04e4a; font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif ,Osaka, "メイリオ", Meiryo,  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
#commitmentsArea .pad ul .rightContent .inner .commitmentLeft .title { margin-top: 10px; font-size: 1.75em; }
#commitmentsArea .pad ul .rightContent .inner .commitmentLeft p { margin-top: 10px; line-height: 1.5; }