@charset "UTF-8";
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::
reset
::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
@media screen and (max-device-width: 480px) {
body {
-webkit-text-size-adjust: none; /* iPhone */
}
}
body { color: #FFF; font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka",sans-serif; font-size: 13px; line-height: 1; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p { margin: 0; padding: 0; }
body, html {/* important */height: 100% !important;}
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }

/*-------clearfix-------*/
.clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; overflow: hidden; font-size: 0; }
.hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden; }

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*==================================
top
==================================*/
body#top #wrapper {background:#fff; color: #000; line-height:1.3}
/*==================================
contents
==================================*/
/*-------#main-------*/
#contents #main{ width:100%; height:870px; margin:0 auto; text-align:center; background:url(../../../images/pc/main_bg.jpg) no-repeat top center; }
#contents #main .main_img { width:980px; height:690px; margin:0 auto; position:relative;}
#contents #main .main_img p.main_img_icon01{ width:84px; height:58px; position:absolute; top:0px; left:-100px;}
#contents #main .main_img p.main_img_icon02{ width:66px; height:42px; position:absolute; top:180px; left:-150px;}
#contents #main .main_img p.main_img_icon03{ width:185px; height:166px; position:absolute; top:320px; left:240px;}
#contents #main .main_img p.main_img_icon04{ width:36px; height:135px; position:absolute; top:200px; right:300px;}
#contents #main .main_img p.main_img_icon05{ width:112px; height:128px; position:absolute; top:180px; right:-70px;}
#contents #main .main_img p.main_img_icon06{ width:82px; height:116px; position:absolute; bottom:0px; right:-100px;}
#contents #main .main_img p.main_img_products{ width:154px; height:134px; position:absolute; top:10px; right:0px;}
#contents #main .main_img p.main_img_tit02{ width:608px; height:62px; position:absolute; top:14px; left:180px; z-index:6000}
#contents #main .main_img p.main_img_tit{ width:608px; height:86px; position:absolute; top:14px; left:180px; z-index:7000}
#contents #main .main_img p.main_img_mega{ width:1106px; height:752px; position:absolute; top:82px; left:-120px;}

#contents #main .main_txt{ width:100%; height:180px; margin:0 auto; background:url(../../../images/pc/main_line.jpg) repeat 0 0; text-align:center;}
#contents #main .main_txt ul{ width:980px; height:180px; margin:0 auto; position:relative;}
#contents #main .main_txt ul li.main_txt_01{ width:442px; height:44px; margin:0 auto; padding-top:20px;}
#contents #main .main_txt ul li.main_txt_02{ width:848px; height:62px; margin:0 auto; padding-top:54px;}
#contents #main .main_txt ul li.main_txt_03{ width:182px; height:180px; margin:0 auto; padding-top:54px; position:absolute; right:-110px; top:-68px;}

/*-------#navi-------*/
#contents #navi{ width:100%; height:50px; margin:0 auto; background:#af004e; z-index:9000}
#contents #navi #navi_btn{ width:735px; margin:0 auto; overflow:hidden;}
#contents #navi #navi_btn li{ float:left;}
#contents #navi #navi_btn li a{ display:block; height:50px; width:245px; text-align:center; background:url(../../../images/pc/navi_btn.jpg) no-repeat 0 0;}
#contents #navi #navi_btn a.top {background-position:0px 0px; width:245px;}
#contents #navi #navi_btn a.top:hover {background-position:0 -50px;}
 
#contents #navi #navi_btn a.event {background-position:-245px 0px;}
#contents #navi #navi_btn a.event:hover {background-position:-245px -50px;}
 
#contents #navi #navi_btn a.guide {background-position:-490px 0px;}
#contents #navi #navi_btn a.guide:hover {background-position:-490px -50px;}

/*-------#info-------*/
#contents #info{ width:100%; height:244px; margin:0 auto; padding:34px 0; background: url(../../../images/pc/info_bg.jpg) repeat 0 0;}
#contents #info ul{ width:980px; margin:0 auto; padding:0;}
#contents #info ul li p.info_line{ padding:10px 0;}
#contents #info ul li p.info_img{ padding:10px 0 0;}
#contents #info ul li.offer{ width:482px; height:172px; margin-right:12px; padding-top:16px; border:solid 1px #000; float:left; background:#FFFFFF; text-align:center;}
#contents #info ul li.news{ width:482px; height:172px; padding-top:16px; border:solid 1px #000; float:left; background:#FFFFFF; text-align:center;}
#contents #info ul li.news .news_inner{ width:444px; height:100px; margin:0 auto; padding:10px; padding:0; line-height:1.4; text-align:left; overflow:auto;}
#contents #info ul li.news .news_inner li{ font-size:14px; padding-bottom:4px;}
#contents #info ul li.news .news_inner li span{ color:#be0750; font-weight:bold;}

/*-------#event-------*/
#contents #event{ width:100%; background:url(../../../images/pc/event_bg.gif) repeat 0 0;}
#contents #event_tit { width:100%; height:300px; position: relative; z-index: 1; text-align:center;}
#contents #event_tit .event_bg { min-height: 100%;  position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; z-index: 1;}
#contents #event_tit .bg_01 { background-image: url(../../../images/pc/cd-background-1.jpg); background-color:#000; background-attachment: fixed;}
#contents #event_tit .event_bg h3{ width: 90%; max-width: 980px; margin:0 auto; padding-top:58px;}
/*--event_box01--*/
#contents #event #event_inner{ margin:0 auto; padding:20px 0 40px; background:url(../../../images/pc/event_inner_bg.png) repeat-y top center;}
#contents #event .event_inner01 { width:980px; margin:20px auto 0; padding:50px; border:1px solid #000; background:url(../../../images/pc/event_inner01_bg.png) no-repeat top right #FFFFFF;}
#contents #event .event_inner01 .event_box01{ width:880px; margin:0 auto;}
#contents #event .event_inner01 .event_box01_left{ width:440px; height:430px; float:left; text-align:left; font-size:16px; position:relative;}
#contents #event .event_inner01 .event_box01_left .event_box01_left_inner{ width:440px; position:absolute; bottom:0;}
#contents #event .event_inner01 .event_box01_left .event_box01_left_inner h4{ font-size:16px; font-weight:bold; padding-top:10px; border-bottom:double 4px #000;}
#contents #event .event_inner01 .event_box01_left .event_box01_left_inner h4 span{ font-size:25px;}
#contents #event .event_inner01 .event_box01_left .event_box01_left_inner .event_box_txt{ padding:10px 0 40px;}
#contents #event .event_inner01 .event_box01_left .event_box01_left_inner .event_box_txt02{font-size:12px; padding:0 0 10px;}
#contents #event .event_inner01 .event_box01_left .event_box01_left_inner .event_box_btn01{ width:270px; height:54px; text-align:left; }
#contents #event .event_inner01 .event_box01_right{ width:404px; height:430px; float:left; margin-left:34px; font-size:10px;}
#contents #event .event_inner01 .event_box01_right p.event_copy{ padding-top:4px;}

/*--event_box03--*/
#contents #event #event_inner{ margin:0 auto; padding:20px 0 40px; background:url(../../../images/pc/event_inner_bg.png) repeat-y top center;}
#contents #event .event_inner01 { width:980px; margin:20px auto 0; padding:50px; border:1px solid #000; background:url(../../../images/pc/event_inner01_bg.png) no-repeat top right #FFFFFF;}
#contents #event .event_inner01 .event_box03{ width:880px; margin:0 auto;}
#contents #event .event_inner01 .event_box03_left{ width:440px; height:620px; float:left; text-align:left; font-size:16px; position:relative;}
#contents #event .event_inner01 .event_box03_left .event_box01_left_inner{ width:440px; position:absolute; top:0;}
#contents #event .event_inner01 .event_box03_left .event_box01_left_inner h4{ font-size:16px; font-weight:bold; padding-top:10px; border-bottom:double 4px #000;}
#contents #event .event_inner01 .event_box03_left .event_box01_left_inner h4 span{ font-size:25px;}
#contents #event .event_inner01 .event_box03_left .event_box01_left_inner .event_box_txt{ padding:8px 0 0;}
#contents #event .event_inner01 .event_box03_left .event_box01_left_inner .event_box_txt_tit{ width:440px; font-size:17px; padding:2px 4px; margin:6px 0 0; font-weight:bold; border:1px solid #000; position:relative; background:#FFFFFF; line-height:1.4}
#contents #event .event_inner01 .event_box03_left .event_box01_left_inner .event_box_txt_tit span{ background:#af004e; color:#fff; position:absolute; right:0; bottom:0; padding:2px 4px;}
#contents #event .event_inner01 .event_box03_left .event_box01_left_inner .event_box_txt02 {font-size:14px; padding:4px 0px;}
#contents #event .event_inner01 .event_box03_right{ width:404px; height:490px; float:left; margin-left:34px; }
#contents #event .event_inner01 .event_box03_right p.event_copy{ padding-top:4px;}

/*--event_box02--*/
#contents #event .event_inner02 { width:980px; margin:20px auto 0; padding:50px; border:1px solid #000; background:url(../../../images/pc/event_inner02_bg.png) no-repeat top left #FFFFFF; }
#contents #event .event_inner02 .event_box01{ width:880px; margin:0 auto;}
#contents #event .event_inner02 .event_box01_left{ width:404px; height:440px; float:left; margin-right:34px; font-size:10px;}
#contents #event .event_inner02 .event_box01_left p.event_copy{ padding-top:4px;}
#contents #event .event_inner02 .event_box01_right{ width:440px; height:430px; float:left; text-align:left; font-size:16px; position:relative;}
#contents #event .event_inner02 .event_box01_right .event_box01_right_inner{ width:440px; position:absolute; bottom:0;}
#contents #event .event_inner02 .event_box01_right .event_box01_right_inner h4{ font-size:16px; font-weight:bold; padding-top:10px; border-bottom:double 4px #000;}
#contents #event .event_inner02 .event_box01_right .event_box01_right_inner h4 span{ font-size:25px;}
#contents #event .event_inner02 .event_box01_right .event_box01_right_inner .event_box_txt{ padding:10px 0 40px; position:relative}
#contents #event .event_inner02 .event_box01_right .event_box01_right_inner .event_box_txt span{margin:4px 0 10px; font-size:22px; color:#DC0B52; position:absolute; left:0; bottom:-2px; font-weight:bold;}
#contents #event .event_inner02 .event_box01_right .event_box01_right_inner .event_box_txt02{font-size:12px; padding:30px 0 10px;}
#contents #event .event_inner02 .event_box01_right .event_box01_right_inner .event_box_btn01{ text-align:left; }

/*--event_set--*/
#contents #event .event_box02{ width:880px; margin:44px auto 0; border-top:solid 1px #000; padding:20px 20px 0; display:none;}
#contents #event .event_box02_left{ width:420px; height:300px; float:left; text-align:left; font-size:16px; position:relative;}
#contents #event .event_box02_left .event_box02_left_main_tit{ width:420px; height:48px; font-size:22px; font-weight:bold; position:relative; margin:0 0 12px;}
#contents #event .event_box02_left .event_box02_left_main_tit span{ position:absolute; top:12px; left:54px;}
#contents #event .event_box02_left .event_box02_left_tit{ font-weight:bold;}
#contents #event .event_box02_left .event_box02_left_tit:before{ background: url(../../../images/pc/event_box02_icon01.gif) no-repeat left center; content: " "; padding-left:14px}
#contents #event .event_box02_left .event_box02_left_txt{ padding:10px 0;}
#contents #event .event_box02_right{ width:386px; height:332px; float:left; margin-left:34px;}
#contents #event .event_box02_center{ clear:both; padding:20px 0 0;}
#contents #event .event_box02_center dl{ clear:both;}
#contents #event .event_box02_center dl dt{ width:100px; margin:4px 0 0; padding:4px;  background:#e9f2fb; border: solid 1px #000; float:left; font-size:14px; text-align:center;}
#contents #event .event_box02_center dl dd p{ float:left;  margin:4px 0 0; padding:4px 6px; font-size:16px; line-height:1.6;}
#contents #event .event_box02_center dl dd p span{ color:#db0062}
#contents #event .event_box02_center dl dd p span.strike{ text-decoration:line-through; color:#000;}
#contents #event .event_box02_center .event_btn02{ clear:both; text-align:center; padding-top:20px;}

/*--event_set_long--*/
#contents #event .event_box02_left_02{ width:420px; height:400px; float:left; text-align:left; font-size:16px; position:relative;}
#contents #event .event_box02_left_02 .event_box02_left_main_tit{ width:420px; height:48px; font-size:22px; font-weight:bold; position:relative; margin:0 0 12px;}
#contents #event .event_box02_left_02 .event_box02_left_main_tit span{ position:absolute; top:12px; left:54px;}
#contents #event .event_box02_left_02 .event_box02_left_tit{ font-weight:bold;}
#contents #event .event_box02_left_02 .event_box02_left_tit:before{ background: url(../../../images/pc/event_box02_icon01.gif) no-repeat left center; content: " "; padding-left:14px}
#contents #event .event_box02_left_02 .event_box02_left_txt{ padding:10px 0 20px;}
#contents #event .event_box02_left_02 .event_box02_left_txt span{ color:#db0062}



/*-------#products-------*/
#contents #products_tit{width:100%; height:300px; position: relative; z-index: 1; text-align:center;}
#contents #products_tit .products_bg { min-height: 100%;  position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; z-index: 1; }
#contents #products_tit .bg_02 { background-image: url(../../../images/pc/cd-background-3.jpg); background-attachment: fixed; background-color:#000;}
#contents #products_tit .products_bg h3{width: 90%; max-width: 980px; margin:0 auto; padding-top:58px;}

#contents #products_inner{ width:100%; margin:0 auto; padding:40px 0; background: url(../../../images/pc/info_bg.jpg) repeat 0 0;}
#contents #products_inner ul{ width:980px; margin:0 auto; padding:0 ;}
#contents #products_inner ul li.products_bnr{ width:484px; float:left; text-align:left;}
#contents #products_inner ul li p.products_link{ width:484px; font-weight:bold; font-size:14px; padding:8px 0 4px 4px; padding-left:1em; text-indent:-1em;}
#contents #products_inner ul li p.products_link span{font-size:18px; font-weight:bold;}
#contents #products_inner ul li p.products_link:before{ background: url(../../../images/pc/products_icon.png) no-repeat left 2px; content: " "; padding-left:14px}
#contents #products_inner ul li p.products_txt{ width:484px; font-size:14px; color:#ff164d; padding-left:14px; line-height:1.4}
#contents #products_inner ul li p.products_txt a{ color:#ff164d; text-decoration:underline}
#contents #products_inner ul li p.products_txt a:hover{ color:#FF9EB6; text-decoration:underline}
#contents #products_inner ul li p.products_txt span{ font-size:11px; color:#5c5c5c;}
#contents #products_inner ul li p.products_tx_02{ width:484px; font-size:14px; color:#5c5c5c; padding-left:14px; padding-top:10px;}
#contents #products_inner ul li.right{ padding-left:12px;}


/*-------#guide-------*/
#contents #guide{ width:100%; background:url(../../../images/pc/guide_bg.gif) repeat 0 0; padding-bottom:30px; text-align:center;}
#contents #guide_tit{ height:300px; position: relative; z-index: 1; }
#contents #guide_tit .guide_bg { min-height: 100%;  position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; z-index: 1; }
#contents #guide_tit .bg_02 { background-image: url(../../../images/pc/cd-background-2.jpg); background-attachment: fixed; background-color:#000;}
#contents #guide_tit .guide_bg h3{width: 90%; max-width: 980px; margin:0 auto; padding-top:58px;}

#contents #guide_map{ width:980px; margin:30px auto 0; padding:40px 40px; background:#FFFFFF; color:#000; text-align:left; border:1px #000 solid;}
#contents #guide_map h4{ width:832px; margin:0 auto 15px}
#contents #guide_map h5{ border-bottom:1px solid #000; font-size:20px; padding-bottom:4px; margin-bottom:20px}
#contents #guide_map p{ text-align:center; margin:0 auto; padding-bottom:20px;}
#contents #guide_map p.map_copy{font-size:10px; line-height:1.4 ; text-align:left; padding:0 0 10px 44px;}
#contents #guide_map #guide_txt_cation{ background:#b9002c ; color:#FFFFFF; padding:8px 12px; margin-bottom:10px;display:inline-block;text-indent:0em; }

#contents #guide_inner{ width:980px; margin:30px auto 0; padding:40px 40px; background:#FFFFFF; color:#000; text-align:left; border:1px #000 solid;}
#contents #guide_inner h4{ width:832px; margin:0 auto 15px}
#contents #guide_inner h5{ border-bottom:1px solid #000; font-size:20px; padding-bottom:4px; margin-bottom:20px}
#contents #guide_inner ul{ font-size:15px; padding-bottom:20px; line-height:1.3; }
#contents #guide_inner li{ padding-bottom:10px;text-indent:-1em; padding-left:1em}
#contents #guide_inner li:before{ content:"■"; }
#contents #guide_inner p{ padding-bottom: 20px; font-size:16px; line-height:1.4 }
#contents #guide_inner #guide_txt_cation{ background:#b9002c ; color:#FFFFFF; padding:8px 12px; margin-bottom:10px;display:inline-block;text-indent:0em; }
#contents #guide_inner li#guide_txt_cation:before{ content:" ";}

/*-------greensolar-------*/
#contents #greensolar{ border:5px solid #5fcaa4; width:800px; margin:0 auto; padding:30px 40px;  font-size:22px; color:#68ae95; font-weight:bold;background: url(../../../images/pc/green_img.gif) #FFFFFF no-repeat 670px center; }
#contents #greensolar p{ padding-bottom:8px}

/*==================================
cmn
==================================*/

/*-------header and footer-------*/
a:link img {opacity: 1;transition: all 0.5s ease-out 0s;}
a:hover img {opacity: 0.75;transition: all 0.2s ease-out 0s;}

a:link { color: #061543; text-decoration: none; }
a:visited { color: #061543; text-decoration: underline; }
a:hover { color: #061543; text-decoration: underline; }
/*-------header-------*/
#header { background: url(../../images/pc/bg_hd.gif) 0 0 repeat-x; height: 86px; position:relative ;z-index:500}
#header_inner { position: relative; width: 980px; margin: 0 auto; }
#header h1 { top: 10px; left: -5px; position: absolute; }
#header #headertxt { top: 25px; left: 95px; position: absolute; }
#header ul { top: 25px; left: 313px; position: absolute; }
#header li { float: left; overflow: hidden; }
#header li a { display: block; overflow: hidden; text-indent: 104%; white-space: nowrap; height: 61px; }
#header li:nth-child(1) { background: url(../../images/pc/nav.gif) 0 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(1):hover { background: url(../../images/pc/nav.gif) 0 -61px no-repeat }
#header li:nth-child(2) { background: url(../../images/pc/nav.gif) -133px 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(2):hover { background: url(../../images/pc/nav.gif) -133px -61px no-repeat }
#header li:nth-child(3) { background: url(../../images/pc/nav.gif) -266px 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(3):hover { background: url(../../images/pc/nav.gif) -266px -61px no-repeat }
#header li:nth-child(4) { background: url(../../images/pc/nav.gif) -399px 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(4):hover { background: url(../../images/pc/nav.gif) -399px -61px no-repeat }
#header li:nth-child(5) { background: url(../../images/pc/nav.gif) -532px 0 no-repeat; width: 134px; height: 61px; }
#header li:nth-child(5):hover { background: url(../../images/pc/nav.gif) -532px -61px no-repeat }

/*-------footer-------*/
#footer { width: 100%; background: #000; position: relative; z-index: 9000; border-top: solid 1px #5b5b5b; min-height: 100px; font-size: 14px;color: #FFF; }
#footer_inner { font-size: 10px; line-height: 1.4; padding: 15px 0 24px; width: 980px; margin: 0 auto; position: relative; z-index: 9000; text-align:left;}
#footer #footer_logo_megahouse { padding-right: 8px; float: left; }
#footer p#copyright { font-size: 10px; color: #fff; font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',verdana,Helvetica,Arial,sans-serif; clear: both; padding: 10px 0 0 0; }
#footer_inner .sns_btn{ width:200px; height:70px; position:absolute; top:20px; right:0px; float:left; }
#footer_inner .sns_btn li{ float:left;}

/*-------btn_pagetop-------*/
body#top #btn_pagetop { bottom: 0px; position: fixed; right:20px; bottom:40px; z-index:2000;}
body#top #btn_pagetop a:hover img { opacity: 1; }