@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_pc{display: none!important;}
#search_sp{display: none!important;}

/*
================================================================================================================
背景
================================================================================================================
*/
.top_bg{
width: 100%;
margin: 0;
padding: 0;
/*background: url("../img/");
background-position:bottom center;
background-repeat:repeat;
background-size:100%;*/
}
#box_slider_bg01 {
 width: 100%;
background:url("../img/bg/02_flow_bg01.jpg");
background-attachment: fixed;
background-color: rgba(0,20,40,1.00);
background-size:cover;
background-repeat: repeat;
background-position: center top;
padding: 0 0 30px 0
}
#box_slider_bg02 {
 width: 100%;
	/*max-width: 1400px;*/
	margin: 0 auto;
/*background:url("../img/bg/bg_star02.png");*/
background-color: rgba(0,20,40,0.00);
background-size: 600px;
background-repeat: repeat;
background-position: center top;
}

/*
================================================================================================================
メイン
================================================================================================================
*/
#flow_area{
width: 100%;
height:100%;
/*min-height: 480px;*/
/*max-height:640px;*/
margin: 0;
padding: 0 0 40px 0;
background-color: rgba(0,0,0,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(0,0,0,0.00);
position: relative;
}
}

.box00 {
    width: 90%;
    max-width: 1200px;
    height: 100%;
    margin: 0px auto 0px auto;
    padding:0;
    border-radius: 0px;
    border: solid 1px rgba(255,238,87,1.00);
    box-shadow: 0 0 4px 0 rgba(73,1,106,1.00);
    background: linear-gradient(to bottom, #16064D 1%, #536BF9 100%);
}
.box01 {
    width: 90%;
    max-width: 1200px;
    height: 100%;
    margin: 80px auto 0px auto;
    padding:0;
    border-radius: 0px;
    border: solid 1px rgba(255,238,87,1.00);
    box-shadow: 0 0 4px 0 rgba(73,1,106,1.00);
    background: linear-gradient(to bottom, #16064D 1%, #536BF9 100%);
}
.target {
    padding-top: 0px; /* 調整したい高さ（固定ヘッダーの高さ） */
    margin-top: -0px; /* heightと同じ分のネガティブマージン */
}
@media screen and (max-width:800px) {
.box00 {
    width: 90%;
    height: 100%;
    margin: 3vw auto 0vw auto;
    padding:0;
    border-radius: 0px;
    border: solid 1px rgba(255,238,87,1.00);
    box-shadow: 0 0 4px 0 rgba(73,1,106,1.00);
    background: linear-gradient(to bottom, #16064D 1%, #536BF9 100%);
}
.box01 {
    width: 90%;
    height: 100%;
    margin: 7vw auto 0vw auto;
    padding:0;
    border-radius: 0px;
    border: solid 1px rgba(255,238,87,1.00);
    box-shadow: 0 0 4px 0 rgba(73,1,106,1.00);
    background: linear-gradient(to bottom, #16064D 1%, #536BF9 100%);
}
.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-04  {
/*height:inherit;*/
min-height:inherit;
padding:0px;
}
.cd-fixed-chain {
/*height:inherit;*/
min-height:inherit;
padding:0px;
}
.bg-title{
width: 100%;
margin: 0 auto;
/*background-image:url("../img/bg/02_flow_bg_title.png") ;*/
background-size:1600px;
background-position: center top;
background-repeat: no-repeat;
}
@media screen and (max-width:1200px) {
.bg-title{background-size:130%;}
}
.bg-01{
background:url("../img/bg/02_flow_bg01.jpg") ;
background-size:cover;
background-position: center top;
background-repeat: repeat;
}
.bg-07{
background-image:url("../img/bg/02_flow_bg07.jpg");
background-size:cover;
background-position: center top;
background-repeat: repeat;
}
.bg-08_1{
background-image:url("../img/bg/02_flow_bg08_1.jpg");
background-size:cover;
background-position: center top;
background-repeat: repeat;
}
.bg-08_2{
background-image:url("../img/bg/02_flow_bg08_2.png");
background-size:cover;
background-position: center top;
background-repeat: repeat;
}

.cd-box-01,.cd-box-02  {
max-width:1300px;
height:100%;
/*min-height:inherit;*/
margin: 0 auto;
/*padding:60px 0 0 0;*/
line-height: 0;
background-size:100%;
background-position: center top;
background-repeat: no-repeat;
}
.border-line  {
width:100%;
height:100%;
background-image:url("../img/common/border_line.jpg");
background-size:760px;
background-position: center top;
background-repeat: repeat-x;
}
@media screen and (min-width:1201px) {
.bg-chain{background-size:320px;}
.cd-box-01{padding:70px 0 0 0;}
.cd-box-02{padding:0 0 0 0;}
}
@media screen and (min-width:801px) and (max-width:1200px) {
.bg-chain{background-size:30vw;}
.cd-box-01{padding:6vw 0 0 0;}
.cd-box-02{padding:0 0 0 0;}
}
@media screen and (max-width:800px) {
.bg-chain{background-size:24vw;}
.cd-box-01{padding:15px 0 0 0;}
.cd-box-02{padding:0 0 0 0;}
}