@charset "utf-8";

body#flow00::before{
background: auto;
position: static;
width: 0;
height: 0;
}

/*-- 上下赤ライン --*/
#main_banner.line01, #banner_area.line01, #top-search.line01{
border-top: solid 3px rgba(172,6,9,1.00);
border-bottom: solid 3px rgba(172,6,9,1.00);
}

/*-- 設置店検索非表示 --*/
#search_top {
  display: none !important;
}

/*
================================================================================================================
背景
================================================================================================================
*/
#box_slider_bg01 {
 width: 100%;
background:url("../img/bg/02_flow_bg01.jpg");
/*background-attachment: fixed;*/
background-color: rgba(0,0,0,1.0);
background-size:cover;
background-repeat: no-repeat;
background-position: left top;
padding: 0 0 0px 0;
}
@media screen and (max-width:800px) {#box_slider_bg01 {background:url("../img/bg/02_flow_sp_bg01.jpg");}}
#box_slider_bg02 {
  width: 100%;
  /*max-width: 1400px;*/
  margin: 0 auto;
  /*background:url("../img/bg/bg_star02.png");*/
  background-color: rgba(0, 20, 40, 1.00);
  background-size: 600px;
  background-repeat: repeat;
  background-position: center top;
}
.fixed-bg{
width: 100%;
height:100%;
/*min-height: 480px;*/
/*max-height:640px;*/
margin: 0;
padding:0;
background-color: rgba(255,255,255,0.00);
position: fixed;
background-attachment: fixed;
}

/*
================================================================================================================
メイン
================================================================================================================
*/
#flow_area{
width: 100%;
height:100%;
/*min-height: 480px;*/
/*max-height:640px;*/
margin: 0;
padding: 0 0 40px 0;
background-color: rgba(255,255,255,0.00);
position: relative;
}
@media screen and (max-width:800px) {
#flow_area{
width: 100%;
height:auto;
margin: 0;
padding: 0 0 5vw 0;
background-color: rgba(255,255,255,0.00);
position: relative;
}
}
.flow_all{
width: 100%;
height:auto;
margin: 0;
padding: 0 0 5vw 0;
background-color: rgba(255,255,255,0.00);
position: relative;
}

.target {
    padding-top: 20px; /* 調整したい高さ（固定ヘッダーの高さ） */
    margin-top: -20px; /* heightと同じ分のネガティブマージン */
}
@media screen and (max-width:800px) {
.target {
    padding-top: 0vw; /* 調整したい高さ（固定ヘッダーの高さ） */
    margin-top: -0vw; /* heightと同じ分のネガティブマージン */
}
}

/*--パララックス背景--*/
.cd-fixed-01  {
/*height:inherit;*/
min-height:inherit;
padding: 0px;
}
.cd-fixed-02  {
/*height:inherit;*/
min-height:inherit;
padding:0px;
}
.cd-fixed-03  {
/*height:inherit;*/
min-height:inherit;
padding:0px;
}
.cd-fixed-end {
  /*height:inherit;*/
  min-height: inherit;
  padding: 0px;
}

.cd-box-01, .cd-box-02, .cd-box-03, .cd-box-04, .cd-box-05, .cd-box-06, .cd-box-07, .cd-box-08{
	width: 90%;
  max-width: 1064px;
  height: 90%;
  /*min-height:inherit;*/
  margin: 0 auto;
  padding:0;
  /*padding:60px 0 0 0;*/
  line-height: 0;
background-size: 96%;
background-position: center center;
background-repeat: no-repeat;
}

.cd-box-01 {background-image:url("../img/02_flow/02_flow_01.jpg");}
.cd-box-02 {background-image:url("../img/02_flow/02_flow_02.jpg");}
.cd-box-03 {background-image:url("../img/02_flow/02_flow_03.jpg");}
.cd-box-04 {background-image:url("../img/02_flow/02_flow_04.jpg");}
.cd-box-05 {background-image:url("../img/02_flow/02_flow_05.jpg");}
.cd-box-06 {background-image:url("../img/02_flow/02_flow_06.jpg");}
.cd-box-07 {background-image:url("../img/02_flow/02_flow_07.jpg");}
.cd-box-08 {background-image:url("../img/02_flow/02_flow_08.jpg");}


#flow01 {
  padding: 70px 0 10px 0
}
#flow02, #flow03, #flow04, #flow05, #flow06, #flow07 {
  padding: 70px 0 10px 0
}
#flow08 {
  padding: 70px 0 20px 0
}
@media screen and (max-width:800px) {
	.cd-box-01, .cd-box-02, .cd-box-03 {width: 94%;}
#flow01 {
    padding: 15px 0 0 0
  }
#flow02, #flow03, #flow04, #flow05, #flow06, #flow07 {
    padding: 10px 0 0 0
  }
#flow08 {
    padding: 10px 0 0 0px
  }
}