@charset "UTF-8";

/* ----------------------------------------
 * ■dear setting
 * --------------------------------------*/
@import url(http://d2zsp2z9c3lv4q.cloudfront.net/template/dear/dear_setting.css);

/* ----------------------------------------
 * ■ganv
 * --------------------------------------*/
@import url(http://d2zsp2z9c3lv4q.cloudfront.net/template/dear/gnav_04.css);

/* ----------------------------------------
 * ■section css
 * --------------------------------------*/
@import url(http://d2zsp2z9c3lv4q.cloudfront.net/section/section.css);

/* ----------------------------------------
 * ■dear
 * --------------------------------------*/
@import url(http://d2zsp2z9c3lv4q.cloudfront.net/template/dear/dear.css);


/*  メインビジュアルの矢印の表示/非表示
	表示の場合はコメントアウトする  */
#content-wrapper .swiper-button-prev, .swiper-button-next {
	/*display: none;*/
}

/*  メインビジュアルのナビゲーションガイドの表示/非表示
	非表示の場合はコメントアウトを外す  */
#content-wrapper .swiper-pagination {
	/*display: none;*/
}


/* グローバルナビの背景色 */
#global-nav, .gnav_sp, .gnav_pc {
    /*background-color: ;*/
}

/* ハンバーガーボタンのカラー */
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{
	/*background-color: ;*/
}

/* 送信ボタン */
#content-wrapper .contact_01 .table02 .table_bottom .send_btn button {
	/*background-color: ;*/
}

@media only screen and (min-width: 769px) {
/* h2テキストの位置調整 */
.h2_02 .h2_wrap {
	/*top: ;*/
}

}

/* タイトル系フォントサイズ */
#content-wrapper h2 {
  /*font-size: ;*/
}
#content-wrapper h3 {
  /*font-size: ;*/
}
#content-wrapper h4 {
  /*font-size: ;*/
}

@media screen and (min-width: 768px) {
  #content-wrapper h2 {
    /*font-size: ;*/
  }
  #content-wrapper h3 {
    /*font-size: ;*/
  }
  #content-wrapper h4 {
    /*font-size: ;*/
  }
}


/* ボタンスタイル */
#content-wrapper .link_btn a {
  /*background-color: ;*/
  /*color: ;*/
  /*border: 1px solid #000 ;*/
  /*transition: all .5s;*/
}
#content-wrapper .link_btn a:hover {
  /*background-color: ;*/
  /*color: ;*/  
  /*border: 1px solid #000 ;*/
}


/* セクションの背景 */
#content-wrapper section .content > div {
  /*background-size: auto;*/
  /*background-repeat: repeat;*/
}

/* 施工事例のカラー変更 */
#content-wrapper .case_page .one_post h3.single_h3,
#content-wrapper .case_page .one_post_bottom,
#content-wrapper .case_page h3.list_h3,
#content-wrapper .case_page .one_list,
#content-wrapper .case_page .one_list .text_wrap h4.list_title,
#content-wrapper .case_page h4.list_h4,
#content-wrapper .case_page .paging .return a,
#content-wrapper .case_page .side_column .list_box li,
#content-wrapper .case_page .feature,
#content-wrapper .case_page .one_post_body{
  /*border-color: #000;*/
  /*color: #000;*/
}
#content-wrapper .case_page .paging .return a:hover,
#content-wrapper .case_page .paging ul li a {
  /*background-color: #000;*/
}
/* ブログのカラー変更 */
#content-wrapper .blog_page .one_post h3.single_h3,
#content-wrapper .blog_page .one_post_bottom,
#content-wrapper .blog_page h3.list_h3,
#content-wrapper .blog_page .one_list,
#content-wrapper .blog_page .one_list .text_wrap h4.list_title,
#content-wrapper .blog_page h4.list_h4,
#content-wrapper .blog_page .paging .return a,
#content-wrapper .blog_page .side_column .list_box li,
#content-wrapper .blog_page .feature,
#content-wrapper .blog_page .one_post_body {
  /*border-color: #000;*/
  /*color: #000;*/
}
#content-wrapper .blog_page .paging .return a:hover,
#content-wrapper .blog_page .paging ul li a {
  /*background-color: #000;*/
}


/* ----------------------------------------
 * ■追加スタイル
 * --------------------------------------*/


_::-webkit-full-page-media, _:future, :root .drawer-nav,.drawer-hamburger {
   opacity:1!important;
}

/*ボタン色変更*/
#content-wrapper .box_08 .link_btn a,
.link_btn a{
border-color:#008CCE;
}
#footer .link_btn a{
background:#ffffff !important;
color:#5ab6ff !important;
}

/*下層ページh2背景*/
#content-wrapper .solar{
  background-image:url(http://s3-ap-northeast-1.amazonaws.com/parabola-storage/uploads/image/image/112406/Plq8QZizui3KK9KpSc9I1Q.png);
}
#content-wrapper .battery{
  background-image:url(http://s3-ap-northeast-1.amazonaws.com/parabola-storage/uploads/image/image/112426/Ia-RI5EDy9MYVnzD20qHOA.png);
}
#content-wrapper .all{
  background-image:url(http://s3-ap-northeast-1.amazonaws.com/parabola-storage/uploads/image/image/112434/ZYEm7DELGmSHXZeRXvrkqQ.png);
}
#content-wrapper .partner{
  background-image:url(http://s3-ap-northeast-1.amazonaws.com/parabola-storage/uploads/image/image/112449/bZaRneC-CHTcZ7i5r79GSw.png);
}
#content-wrapper .company{
  background-image:url(http://s3-ap-northeast-1.amazonaws.com/parabola-storage/uploads/image/image/112452/O7_uya8xXpHcoE3pJ2FaJg.jpg);
}
#content-wrapper .contact{
  background-image:url(http://s3-ap-northeast-1.amazonaws.com/parabola-storage/uploads/image/image/112451/1k2C661e6S-BnsRMlBqpsQ.jpg);
}




.q_a_01 .duplicatable-content .q_btn {
background-color: #2196F3;
}
.q_a_01 .duplicatable-content .a_btn {
    background-color: #b9e4f7;
}


.char_mv_catch {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 80%;
    height: 8rem;
    z-index: 8;
    color: #fff;
    font-size: 2.2rem;
    font-weight: bold;
    text-align: center;
    text-shadow:1px 1px 2px #000;
}

@media only screen and (min-width: 769px) {
.char_mv_catch {
    font-size: 5rem;
}
}

#content-wrapper .half_02 .half_inner {
height: 360px;
}

/*フローティングバナー*/
#content-wrapper .footer_04 .footer_sp.fixed {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
}

#content-wrapper .footer_04 .footer_sp {
    -webkit-transform: translate(0,100%);
    -ms-transform: translate(0,100%);
    transform: translate(0,100%);
    -webkit-transition: .3s transform;
    transition: .3s transform;
    font-size: 0;
    height: 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 4;
}

#content-wrapper .footer_04 .footer_sp .tel {
    background-color: #ffffff;
}

#content-wrapper .footer_04 .footer_sp>div {
    font-size: 1.6rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50%;
}

#content-wrapper .footer_04 .footer_sp>div a {
    color: #333;
    padding: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

#content-wrapper .footer_04 .footer_sp .mail {
    background-color: #5ab6ff;
}

#content-wrapper .footer_04 .footer_sp .mail>a {
    color: #fff;
}

@media only screen and (min-width: 769px){
#content-wrapper .footer_04{
background-color: #5ab6ff;
color: #ffffff;
}
}

#content-wrapper .dear_title_03 .text_wrap:after, #content-wrapper .dear_title_03 .text_wrap:before{
color:#fff;
}

.line_at .link_btn a:before,
.line_at .link_btn a{
content:none;
border:none;
}

#content-wrapper .box_16 .duplicatable-content .image-frame-bg{
padding-top: 65%;
}


@media (min-width:768px) {
#content-wrapper .footer_04 .footer_sp.fixed {
     display:none;
}
#content-wrapper .dear_title_01{
    padding:5rem 0 4rem;
}
#content-wrapper .journal_02 .image_wrap .image-frame-bg {
    padding-top: 40%;
}
#content-wrapper .links_01 .duplicatable-content{
width:8%
}
#global-nav .header_logo {
    max-width:80%;
    top: 10px;
}
}

#content-wrapper .info_01 ul{
margin: 0 auto 20px;
}


/*スマホ版調整*/
@media (max-width:1024px) {
#global-nav .gnav_sp .header_logo{
max-width:50%;
top:10px;
}
#content-wrapper .dear_title_01{
padding: 4rem 0 4rem;
}
#content-wrapper .links_01 .image-frame img{
width:30%;
}
}

#content-wrapper .table_three_01 .duplicatable .duplicatable-container .duplicatable-content{
background-color: #fff;
}

@media screen and (min-width: 769px) {
#content-wrapper .footer_04 .footer_item02 .tel {
    margin-bottom: 0;
}

#content-wrapper .footer_04 .footer_item02 .business_hours {
    margin-bottom: 0;
    vertical-align: bottom;
}

a.contact_tel {
    pointer-events: none;
}

#content-wrapper .info_01 li:nth-child(1) {
    margin-right: 0;
}
}


@media only screen and (min-width: 769px){
.bt_sc01 .duplicatable-content {
    width: 38%!important;
    margin: 0 2rem 4rem;
    vertical-align: top;
}
}
.bt_sc01 .link_btn {
    width: 100%;
    max-width: unset;
    margin: auto;
}
.bt_sc01 .link_btn a {
    padding: 0 3.4rem;
    height: 80px!important;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}
.bt_sc01 .link_btn a:before {
    right: 8px;
}


.header_logo {
top:22%!important;
}