@charset "utf-8";


/* ------------------------------------------------------------------------ */
/*                                  common  */
/* ------------------------------------------------------------------------ */
body {
  width:100%;
  height:100%;
  background-color:#ed1c24;
  background-position:left top;
  font-size:16px;
  background-image: url(../images/bg/bg_texture.png);
}

sup {
  font-size: 12px;
}

img {
  max-width: 100%;
  height: auto;
}

.dis_pc{display:block;}
.dis_sp{display:none;}

/*注意書きのぶら下がり*/
.tx_indent{
  text-indent:-1em;
  padding-left:1em;
  box-sizing:border-box;
}
.tx_indent_only_p{
  padding-left:1em;
  box-sizing:border-box;
}

#header_search{
  height:55px;
  display:flex;
  align-items:center;
  background:#fff;
}
#header_search img{
  display:block;
  max-width:145px;
}
#search_main {
  font-family: "YuGothic","游ゴシック体","Yu Gothic","游ゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo","メイリオ","ＭＳ Ｐゴシック",sans-serif;
  color: #333333;
  width: 100%;
  margin:0 auto;
}
.inner{
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}
/*start_box*/
.start_box{
  width:100%;
  margin: 0 auto;
  box-sizing: border-box;
}

/*質問、回答ページの白枠*/
.search_box{
  width:100%;
  min-height:650px;
  margin:30px auto;
  background:#fff;
  border:3px solid #000;
  padding:30px;
  box-sizing: border-box;
  border-radius:15px;
  position:relative;
}


/*タイトルロゴ*/
.inner .title_logo,
.inner .title_sub_logo{
  text-align:center;
}
.inner .title_logo{
  width:415px;
  margin:45px auto 20px;
}
.inner .title_sub_logo{
  width:300px;
  margin:35px auto;
}
.inner .title_logo img,
.inner .title_sub_logo img{
  width:100%;
}

.search_container_670,
.search_container_850{
  width:100%;
  margin:0 auto;
}
.search_container_670{
  max-width:670px;
}
.search_container_850{
  max-width:850px;
}

/*スタート画面のアニメーション*/
#opening_animation{
  width:750px;
  margin:0 auto 20px;
}
@media only screen and (max-width:768px){
  #opening_animation{
    width:100%;
    margin:20px auto;
  }
}


/*診断テスト内のbtn共通*/
.btn_search{
  display:block;
}
.btn_search:hover{
  cursor:pointer;
}
.top_concept{
  font-size:24px;
  line-height:1.5em;
  color: #fff;
}
.btn_flowchart_select{
  box-sizing:border-box;
  width:auto;
  height:60px;
  background:#fff;
  border:3px solid #e20000;
  border-radius:30px;
}
.btn_flowchart_select a{
  font-weight:bold;
  font-size:20px;
  color:#e20000;
  display:block;
  text-align:center;
  text-decoration:none;
  height:60px;
  line-height:55px;
  vertical-align: text-bottom;
}
.btn_flowchart_select:hover{
  background:#e20000;
}
.btn_flowchart_select a:hover{
  color:#fff;
}

/*回答ボタン*/
input[type=radio] {
  display: none; /* ラジオボタンを非表示にする */
  }
label {
  color:#fff;
  margin:0 auto 20px;
  background: #9d9fa2;
  display:flex;
  justify-content: center;
  align-items:center;
  font-size:18px;
  width:100%;
  height:50px;
  border-radius:10px;
}
label:hover{
  cursor:pointer;
}
input[type="radio"]:checked + label{
  background:#2954b6;
}
@media only screen and (max-width:480px){
  label {
    margin:0 auto 12px;
    text-align:center;
    padding:10px 20px;
    max-height:120px;
    box-sizing:border-box;
  }
}

/*「診断スタート」「次へ」ボタン*/
.btn_solid_radius_10 {
  position: relative;
  margin:5px auto 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  text-decoration: none;
  transition: all 0.2s;
}
.btn_solid_radius_3:hover,
.btn_solid_radius_10:hover{
  margin: 5px auto 0px;
  -webkit-transform: translateY(5px);
  -moz-transform: translateY(5px);
  transform: translateY(5px);
}

.btn_next_ffdf19,
.btn_next_00B900{
  font-size:28px;
  display: flex;
  align-items:center;
  width:100%;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  text-decoration:none;
  font-weight:bold;
  border:3px solid #fff;
  box-sizing:border-box;
  box-shadow: 0px 8px 0px 0px #000;
  transition: all 0.2s;
  margin:30px auto;
}

.btn_next_ffdf19:hover,
.btn_next_00B900:hover{
  box-shadow: 0px 1px 0px 0px #000;
}
.btn_next_ffdf19:hover{
  color:#000 !important;
}
.btn_next_ffdf19::after,
.btn_next_00B900::after{
  position:absolute;
  display:inline;
  height:36px;
  top:0;
  bottom:0;
  right:20px;
  margin:auto;
}
.btn_next_ffdf19::after{
  content:url(../images/icon/arrow.png);
}
.btn_next_00B900::after{
  content:url(../images/icon/arrow_w.png);
}

.btn_next_ffdf19{
  background: #ffdf19;
  color:#000;
  height:80px;
  justify-content:center;
}
.btn_next_00B900{
  background: #00B900;
  height:80px;
  padding-left:83px;
}

.btn_width_300{width:300px;}
.btn_width_400{width:400px;}
.text_img_450{
  width:450px;
  margin:0 auto;
}

@media only screen and (max-width:480px){
  .btn_width_300,
  .btn_width_400{
    width:100%;
  }
  .text_img_450{
    width:90%;
  }
  .btn_width_300 img,
  .btn_width_400 img,
  .text_img_450 img{
    width:100%;
  }

  .btn_next_ffdf19,
  .btn_next_00B900{
    font-size:22px;
    width: 100%;
    padding-left:0;
    justify-content:center;
    border:2px solid #fff;
  }
  .btn_next_ffdf19,
  .btn_next_00B900{
    height:55px;
  }
  .btn_next_00B900{
    margin-top:20px;
  }
  .btn_next_00B900 img{
    width:170px;
  }
  .btn_next_ffdf19::after,
  .btn_next_00B900::after{
    position:absolute;
    display:inline;
    height:25px;
    margin:auto;
    right:15px;
  }
}

/*スタート画面*/
.start_content{
  display:block;
}


/*質問コンテンツ*/
.question_content{
  display:none;
}
.flow_q_wrapper{
  width:100%;
  margin:0 auto;
  position:relative;
  padding-bottom:20px;
  border-bottom:dotted 4px #000;
}
.flow_q_wrapper:nth-of-type(3n){
  border-bottom:none;
}

.question_title{
  padding:10px;
}
.flow_q_text{
  font-size:19px;
  margin:0 auto 1.5em;
  text-align: center;
}
#flow_attention_q,#flow_attention_a{
  width:90%;
}

.q{
  display:block;
  width:110px;
  height:50px;
  margin:60px auto 0;
  color:#2954b6;
  border-top:2px solid #2954b6;
  font-size:36px;
  line-height:50px;
  position:relative;
}
.q span{
  text-align:center;
  display:block;
  width:70%;
  position:absolute;
  top:-25px;
  bottom:25;
  right:0;
  left:0;
  margin:auto;
  background: #fff;
}
@media only screen and (max-width:480px){
  .q{
    text-align:center !important;
    font-size:30px;
    width:110px;
  }
  .q span{
    width:75%;
  }
}



/*何問目かが分かるステップバー*/
.stepbar-row {
  padding: 0 64px;
  width: 100%;
  margin:0 auto;
  padding:0;
}
.stepbar {
  display: flex;
  position: relative;
  padding: 0;
  margin:0 auto;
  justify-content:center;
}
.stepbar li {
  font-size: 21px;
  list-style: none;
  padding-left: 50px;
  position: relative;
  max-width: 100px;
}
.stepbar li:after {
  background-color: #fff;
  content: "";
  height: 6px;
  left: 0px;
  position: absolute;
  top: 17px;
  width: 65px;
}
.stepbar li:first-child {
  padding-left: 0;
  width: 40px;
}
.stepbar li:first-child:after {
  display: none;
}
.stepbar li span {
  background-color: #fff;
  border-radius: 50%;
  color: #000;
  display: inline-block;
  height: 40px;
  margin-bottom: 4px;
  line-height: 40px;
  text-align: center;
  width: 40px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
.stepbar .done:after {
  background-color: #000;
}
.stepbar .done span {
  background-color: #000;
  color:#fff;
}
.last_question{
  display:none;
  position:absolute;
  top:9%;
  right:-14%;
  transform:rotate(15deg);
  color:#e20000;
  font-size:18px;
  background:#fff;
}
.last_question:before{
  display:inline-block;
  left:0;
  content:'';
  width:2px;
  height:30px;
  margin-bottom:-10px;
  margin-right:10px;
  background:#e20000;
  border:1px solid #e20000;
  transform:rotate(-40deg);
}.last_question:after{
  display:inline-block;
  right:0;
  content:'';
  background:#e20000;
  width:2px;
  height:30px;
  margin-bottom:-10px;
  margin-left:5px;
  border:1px solid #e20000;
  transform:rotate(40deg);
}




/*-------------------診断結果-------------------*/
/*結果ページの白枠*/
.result_box{
  width:100%;
  margin:-3px auto 0px;
  background:#fff;
  border:3px solid #000;
  box-sizing: border-box;
  border-radius:0 0 20px 20px;
  position:relative;
  padding-bottom:50px;
}
.result_box .text{
  font-size:18px;
  line-height:1.8em;
}
.result_type{
  margin:0 auto;
}
@media only screen and (max-width:480px){
  .scrolldown{
    display:block;
    text-align:center;
    font-weight:900;
    font-size:14px;
    color:#fff;
  }
}
.result_type img{
  width:100%;
}
.result_title{
  width:100%;
  height:90px;
  border-radius:20px 20px 0 0;
  border:3px solid #000;
  box-sizing:border-box;
  color:#fff;
  font-weight:900;
  font-size:35px;
  background:#2954b6;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 8px, rgba(52, 93, 186, 1) 8px, rgba(52, 93, 186, 1) 14px);
  display:flex;
  justify-content:center;
  align-items:center;
}
.result_box .result_common_content{
  box-sizing:border-box;
  padding:0 15px 25px;
  margin-bottom:30px;
}
.result_box .search_container_850{
  width:90%;
  max-width:870px;
}
.result_box .search_container_850 img{
  width:100%;
  margin:50px auto 30px;
}
.result_box .search_container_850 .result_sub_title{
  font-weight:bold;
  font-size:24px;
  text-align:center;
  margin-bottom:15px;
  color:#2954b6;
}

.border_bottom_dot4{
  border-bottom: dotted 4px #000;
}

@media only screen and (max-width:768px){
  .result_box{
    margin:-2px auto 0px;
    border:2px solid #000;
    border-radius:0 0 15px 15px;
    position:relative;
    padding-bottom:20px;
  }
  .result_box .search_container_850{
    width:90%;
    margin:0 auto;
  }
  .result_box .search_container_850 img{margin:30px auto;}
  .result_box .search_container_850 .result_sub_title{font-size: 19px;}
  .result_box .text{font-size:16px;}
  .result_box .result_common_content{
    box-sizing:border-box;
    padding:0 0 15px;
    margin-bottom:30px;
  }
  .result_title{
    height:70px;
    border-radius:15px 15px 0 0;
    border:2px solid #000;
    font-size:20px;
  }
}

/*マーカーラインで強調*/
.markerline_ffdf19{
  background:linear-gradient(transparent 0%,#ffdf19 0%);
}

/*SNSでシェア*/
.share_sns{
  width:70%;
  height:50px;
  margin:30px auto;
  justify-content:space-between;
}
.share_sns li a,
.share_sns li a img{
  width:50px;
  height:50px;
}
.share_sns li a{transition:0.3s;}
.share_sns li a:hover{opacity:0.7;}

/*SNSでシェア（下）*/
.share_sns_bottom{
  width:100%;
  height:250px;
  background:#fff;
  display:flex;
  justify-content:center;
}
.share_sns_bottom .text_img_450{
  margin-top:80px;
}
.pagetop{
  width:88px;
  height:88px;
  position:absolute;
  bottom:-44px;
  right:2.5%;
  z-index:1;
}
.txt_pagetop{
  display:none;
}
.pagetop img{width:100%;}
@media only screen and (max-width:480px){
  .share_sns_bottom .text_img_450{
    padding:0 10px;
    box-sizing:border-box;
    margin-top:45px;
    border-bottom:1px solid #e6e7e8;
    padding-bottom:45px;
  }
  .pagetop{
    width:120px;
    height:25px;
    bottom:65px;
    right:0;
    left:0;
    margin:auto;
    z-index:1;
    text-decoration:none;
  }
  .pagetop img.dis_sp{
    width:50px;
    display:block;
    margin:0 auto;
  }
  .pagetop .txt_pagetop{
    display:block;
    color:#e60012;
    font-weight:bold;
    margin:5px auto;
    letter-spacing:0.05em;
  }
}
/*--------------------------------------------*/
.btn_flowchart_result,
.btn_flowchart_result_gray,
.btn_flowchart_result_gray_other{
  box-sizing:border-box;
  width:80%;
  height:70px;
  margin:0 auto;
  border-radius:35px;
}
.btn_flowchart_result a,
.btn_flowchart_result_gray a,
.btn_flowchart_result_gray_other a{
  font-weight:bold;
  font-size:20px;
  display:block;
  text-align:center;
  text-decoration:none;
  height:70px;
  line-height:65px;
}
.btn_flowchart_result{
  background:#e20000;
  border:3px solid #e20000;
}
.btn_flowchart_result a{
  color:#fff;
}
.btn_flowchart_result:hover{
  background:#fff;
}
.btn_flowchart_result a:hover{
  color:#e20000;
}

.btn_flowchart_result_gray,
.btn_flowchart_result_gray_other{
  background:#fff;
  border:3px solid #666666;
}
.btn_flowchart_result_gray a,
.btn_flowchart_result_gray_other a{
  color:#666666;
}
.btn_flowchart_result_gray:hover,
.btn_flowchart_result_gray_other:hover{
  background:#666666;
}
.btn_flowchart_result_gray a:hover,
.btn_flowchart_result_gray_other a:hover{
  color:#fff;
}


.main_section_960 .inner,
.main_section_clear .inner {
  width: 100%;
  margin: 0 auto;
}
.inner {
  width: 1028px;
  max-width: 100%;
  margin: 0 auto;
}

.inner_1160 {
  max-width: 1160px;
  height: auto;
  margin: 0 auto;
}
.inner_1100 {
  max-width: 1100px;
  height: auto;
  margin: 0 auto;
}
.inner_964 {
  width:964px;
  margin:0 auto;
}
.inner_980 {
  width:980px;
  margin:0 auto;
}
.inner_900 {
  width:900px;
  margin:0 auto;
}
.inner_880{
  width:880px;
  margin:0 auto;
}
.inner_premium {
  width:1280px;
  margin:0 auto;
}
.inner_color_fff {
  background:#fff;
  border-top:#ed3138 solid 5px;
  position:fixed;
  width:100%;
  top:0;
}
.inner_color_060608 {
  background:#060608;
  position:fixed;
  width:100%;
  padding: 15px 0;
  top:0;
}
.inner_cart {
  position:fixed;
  width:100%;
  bottom:0px;
}
.inner_color_ed3138 { background:#ed3138;}
.inner_color_a1181d { background:#a1181d;}
.inner_color_121212 { background:#333333;}
.inner_color_f8f8f8 { background:#f8f8f8;}

.inner_box_white {
  width: 100%;
  margin: 0 auto;
  padding: 50px 30px;
  background: #fff;
  color: #000;
}

.inner_box_white_radius {
  width: 100%;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  padding-right: 4%;
  padding-left: 4%;
  background: #fff;
}

.inner_960 {
  width: 960px;
  margin: 0 auto;
}

.col_box_flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
/*---------------
  カラム
---------------*/
.col_box {
  max-width: 100%;
  position: relative;
}
.col_box_rev {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -webkit-align-items: center;
  align-items: center;
  flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
}
.col_tit_box {
  height: 80px;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.col_tit_box .col_tit {
  margin: 0;
  display: block;
  line-height: 1.2;
  text-align: center;
}

/*---------------
  2カラム-5:5
---------------*/
.col_box .col_in_2 {
  width:50%;
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
}
.search_container_850 .col_box .col_in_2 {
  width:30%;
  max-width:30%;
  margin:0 10px;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
}

.col_box .col_in_2:first-child{
  margin-left:0;
}
.col_box .col_in_2:last-child{
  margin-right:0;
}
/*---------------
  2カラム-4:6
---------------*/
.col_box .col_in_2_4 {
  width: 40%;
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
}

.col_box .col_in_2_6 {
  width: 60%;
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
}

/*---------------
  2カラム-3:7
---------------*/
.col_box .col_in_2_3 {
  width: 30%;
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
}
.col_box .col_in_2_7 {
  width: 70%;
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
}

/*---------------
  カラム slider
---------------*/
.col_box_slider {
  width: 100%;
  position: relative;
}
.col_box_slider .col_in_slider_2 {
  width: 50%;
  margin: 0;
  padding-top: 50px;
  padding-right: 4%;
  padding-left: 4%;
  display: inline-block;
  vertical-align: middle;
  vertical-align: top;
}

/*---------------
  3カラム
---------------*/
.col_box .col_in_3 {
  width: 30%;
  margin-right: 5%;
  padding: 0;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
}
.search_container_850 .col_box .col_in_3 {
  width: 32%;
  margin-right: 2%;
  padding: 0;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
}
.col_box .col_in_3:first-child{
  margin-left:0;
}
.col_box .col_in_3:last-child{
  margin-right:0;
}
.col_box .col_in_3 .col_in_tx {
  width: 100%;
  padding: 0;
  font-size: 14px;
}


.col_box p.col_tit {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 15px;
}

.col_box p.col_tit_1b3780 {
  color: #1b3780;
}

.col_box p {
  margin-bottom: 10px;
}

.tit_bd_kids {
  position: relative;
  text-align: left;
  margin-bottom: 20px;
  line-height: 1.3;
}
.tit_bd_kids:after {
  content: "";
  border-bottom: 5px solid #ff9036;
  position: absolute;
  top: 0;
  left: 0;
  bottom: -8px;
  margin:0 auto;
  width:45px;
}

/*---------------
  4カラム social
---------------*/
.search_container_850 .col_box .col_in_4 {
  width:calc(25% - 10px);
  max-width: calc(25% - 10px);
  margin:0 5px;
  padding: 0;
  display: inline-block;
  text-align: center;
  vertical-align: top;
}

/*---------------
  flex_box
---------------*/
.flex_box{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 1 auto;
  flex-wrap: wrap;
}
.flex_jc_start{justify-content:start;}
.flex_jc_center{justify-content:center;}
.flex_jc_end{justify-content:end;}

.flex_ai_center{align-items:center;}
.flex_justify-content_center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
/*---------------
  1カラム
---------------*/
.flex_box .col_in_1 {
  -ms-flex: 0 1 auto;
  width: 100%;
  margin: 0;
  padding: 0;
  padding-right: 10px;
  padding-left: 10px;
}

/*---------------
  2カラム-5:5
---------------*/
.flex_box .col_in_2 {
  -ms-flex: 0 1 auto;
  width: 50%;
  margin: 0;
  padding: 0;
  padding-right: 10px;
  padding-left: 10px;
}

/*---------------
  2カラム-4_5:5_5
---------------*/
.col_box .col_in_2_4_5 {
  -ms-flex: 0 1 auto;
  width: 45%;
  margin: 0;
  padding: 0;
  padding-right: 10px;
  padding-left: 10px;
}

.col_box .col_in_2_5_5 {
  -ms-flex: 0 1 auto;
  width: 55%;
  margin: 0;
  padding: 0;
  padding-right: 10px;
  padding-left: 10px;
}

/*---------------
  2カラム-4:6
---------------*/
.flex_box .col_in_2-4 {
  -ms-flex: 0 1 auto;
  width: 40%;
  margin: 0;
  padding: 0;
  padding-right: 10px;
  padding-left: 10px;
}
.flex_box .col_in_2-6 {
  -ms-flex: 0 1 auto;
  width: 60%;
  margin: 0;
  padding: 0;
  padding-right: 10px;
  padding-left: 10px;
}

/*---------------
  2カラム-3:7
---------------*/
.flex_box .col_in_2-3 {
  -ms-flex: 0 1 auto;
  width: 30%;
  margin: 0;
  padding: 0;
  padding-right: 10px;
  padding-left: 10px;
}
.flex_box .col_in_2-7 {
  -ms-flex: 0 1 auto;
  width: 70%;
  margin: 0;
  padding: 0;
  padding-right: 10px;
  padding-left: 10px;
}
.col_in_2-7 > h4 > span > sup{
  display:inline-block;
  margin-top:-5px;
}

/*---------------
  2カラム-2.5:7.5
---------------*/
.flex_box .col_in_2-2_5 {
  -ms-flex: 0 1 auto;
  width: 25%;
  margin: 0;
  padding: 0;
  padding-right: 10px;
  padding-left: 10px;
}
.flex_box .col_in_2-7_5 {
  -ms-flex: 0 1 auto;
  width: 75%;
  margin: 0;
  padding: 0;
  padding-right: 10px;
  padding-left: 10px;
}

/*---------------
  2カラム-2:8
---------------*/
.flex_box .col_in_2-2 {
  -ms-flex: 0 1 auto;
  width: 20%;
  margin: 0;
  padding: 0;
  padding-right: 10px;
  padding-left: 10px;
}
.flex_box .col_in_2-8 {
  -ms-flex: 0 1 auto;
  width: 80%;
  margin: 0;
  padding: 0;
  padding-right: 10px;
  padding-left: 10px;
}

/*---------------
  3カラム
---------------*/
.flex_box .col_in_3 {
  -ms-flex: 0 1 auto;
  width: 33.33%;
  margin: 0;
  padding: 0;
  padding-right: 10px;
  padding-left: 10px;
}

/*---------------
  2カラム-5:5
---------------*/
.flex_box .col_in_2_four_step {
  -ms-flex: 0 1 auto;
  width: 50%;
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
  padding-right: 10px;
  padding-left: 10px;
}

.img_100 {
  width: 100%;
}
.img_90 {
  width: 90%;
}

/* percent */
.height_percent_100 {
  height: 100%
}

/*---------------モーダルウィンドウ---------------*/
.modal_wrapper{
  background:rgba(0,0,0,0.6);
  width:100%;
  height:100%;
  position:fixed;
  display:flex;
  justify-content:center;
  align-items:center;
  left:0;
  top:0;
  z-index:-1;
  transition:0.5s;
  opacity:0;
}
.modal_fadeIn{
  opacity:1;
  z-index:1;
}

.modal_box{
  width:680px;
  height:330px;
  background:#fff;
  box-sizing: border-box;
  border-radius:15px;
  position:relative;
  padding:45px;
  margin:auto;
}
.modal_box h3{
  color:#ed1c24;
  font-size:25px;
}
.modal_box .text{
  margin:15px auto 30px;
}
.modal_box .btn_fb{
  text-decoration: none;
  position:relative;
}
.modal_box .btn_fb img{
  position:absolute;
  top:-5px;
  left:0;
  right:0;
  margin:auto;
}

/*「いいね」ボタン*/
.btn_fb_default{
  transform:scale(1.0);
  opacity:1.0;
  transition:0.2s;
}
.btn_fb_pushed{
  transform:scale(0.8);
  transition:0.2s;
  animation-delay:0.1.2s;
}
/*「いいね」ボタンのアニメーション*/
@keyframes fb_default {
  0% {
    transform:scale(1);
    opacity:1.0;
  }
  100% {
    transform:scale(0.8);
    opacity:0;
  }
}
.default_disappear{
  animation-name: fb_default;
  animation-fill-mode: forwards;
  animation-duration: 0.2s;
  animation-iteration-count:1;
}

@keyframes fb_pushed {
  0% {
    transform:scale(0.8);
  }
  100% {
    transform:scale(1);
  }
}
.pushed{
  animation-name: fb_pushed;
  animation-fill-mode: forwards;
  animation-duration: 0.2s;
  animation-iteration-count:1;
}

.modal_box .btn_close{
  color:#fff;
  font-size:55px;
  width:55px;
  height:55px;
  position:absolute;
  display:flex;
  justify-content:center;
  align-items:center;
  top:-70px;
  right:0px;
  font-weight: normal;
}
.modal_box .btn_close:hover,
.modal_box .btn_fb:hover{cursor: pointer;}

@media only screen and (max-width: 768px){
  .modal_box{
    width:100%;
    height:330px;
  }
}
@media only screen and (max-width: 480px){
  .modal_box{
    height:320px;
    padding:30px 15px;
  }
  .modal_box h3{font-size:20px;}
  .modal_box .text{
    margin:15px auto 20px;
    font-size:16px;
  }
  .modal_box .btn_fb{
    margin:0 auto;
    width:110px;
    height:110px;
  }
  .modal_box .btn_fb img{
    width:100%;
    top:20px;
  }
}
/*---------------
  footer
---------------*/
footer {
  width: 100%;
  margin: 0;
  padding: 0;
  position:absolute;
  font-family: "YuGothic","游ゴシック体","Yu Gothic","游ゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo","メイリオ","ＭＳ Ｐゴシック",sans-serif;
}

footer .footer_in {
  max-width: 100%;
  margin: 0 auto;
  padding-top: 15px;
  padding-bottom: 10px;
}

footer .footer_in_copy {
  width: 100%;
}

footer .footer_in_copy small {
  display: block;
  font-size: 12px;
}

footer ul {
  margin: 0;
  padding: 0;
}

footer ul li {
  margin: 0;
  padding: 0 15px;
  display: inline-block;
  line-height: 1;
}

footer ul li a {
  font-size: 14px;
  text-decoration: none;
  color: #fff;
}

footer ul li a:hover {
  color: inherit;
  text-decoration: underline;
}

/*---------------
  .footer_fc_fff
---------------*/
footer.fc_fff ul li { border-right:#fff 1px solid;}
footer.fc_fff ul li:last-child { border-right:none;}

@media only screen and (max-width: 768px){
  /*---------------
    footer
  ---------------*/
  footer .footer_in { padding-top: 5px;}
  footer ul li {
    width: 100%;
    margin: 0;
    padding: 0;
  }

  footer ul li a {
    display: block;
    padding: 14px 15px;
    text-decoration: none;
  }

  footer ul li a:hover {
    color: inherit;
    text-decoration: underline;
  }

  footer ul li a:hover {
    color: inherit;
    text-decoration: underline;
  }

  /*---------------
    .footer_fc_fff
  ---------------*/
  footer.fc_fff ul li {
    border-right:none;
    border-bottom: 1px solid #96969e;
  }
}
/*---------------
  background
---------------*/
.bg_fff { background: #fff;}
.bg_000 { background: #000;}

.bg_333 { background: #333;}
.bg_c00 { background: #c00;}
.bg_ed3138 { background: #ed3138;}
.bg_e20000 { background: #e20000;}
.bg_b5141a{background: #b5141a;}

/* color */
.fc_056374 { color: #056374 !important;}
.fc_e20000 { color: #e20000;}
.fc_fff,.fcWhite { color: #fff !important;}
.fc_000 { color: #000 !important;}
.fc_333 { color: #333 !important;}
.fc_4d4d4f{ color: #4d4d4f !important;}
.fc_2954b6{color: #2954b6 !important;}

.bg_4d4d4f {
  background: #4d4d4f;
}

.fc_fff, .fcWhite {
  color: #fff !important;
}
/*---------------
  margin
---------------*/
.m0 { margin: 0 !important;}
.m0_auto { margin: 0 auto !important;}
.m5 { margin:5px !important;}
.m10 { margin:10px !important;}
.m15 { margin:15px !important;}
.m20 { margin:20px !important;}
.m25 { margin:25px !important;}
.m30 { margin:30px !important;}
.m35 { margin:35px !important;}
.m40 { margin:40px !important;}

/* margin-top */
.mt-140 { margin-top:-140px !important;}
.mt0 { margin-top:0 !important;}
.mt1 { margin-top:1px !important;}
.mt2 { margin-top:2px !important;}
.mt3 { margin-top:3px !important;}
.mt4 { margin-top:4px !important;}
.mt5 { margin-top:5px !important;}
.mt6 { margin-top:6px !important;}
.mt7 { margin-top:7px !important;}
.mt8 { margin-top:8px !important;}
.mt9 { margin-top:9px !important;}
.mt10 { margin-top:10px !important;}
.mt15 { margin-top:15px !important;}
.mt16 { margin-top:16px !important;}
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mt30 { margin-top:30px !important;}
.mt35 { margin-top:35px !important;}
.mt40 { margin-top:40px !important;}
.mt45 { margin-top:45px !important;}
.mt50 { margin-top:50px !important;}
.mt55 { margin-top:55px !important;}
.mt60 { margin-top:60px !important;}
.mt65 { margin-top:65px !important;}
.mt70 { margin-top:70px !important;}
.mt75 { margin-top:75px !important;}
.mt80 { margin-top:80px !important;}
.mt85 { margin-top:85px !important;}
.mt90 { margin-top:90px !important;}
.mt95 { margin-top:95px !important;}
.mt100 { margin-top:100px !important;}
.mt105 { margin-top:105px !important;}
.mt110 { margin-top:110px !important;}
.mt115 { margin-top:115px !important;}
.mt120 { margin-top:120px !important;}
.mt125 { margin-top:125px !important;}
.mt130 { margin-top:130px !important;}
.mt135 { margin-top:135px !important;}
.mt140 { margin-top:140px !important;}
.mt145 { margin-top:145px !important;}
.mt150 { margin-top:150px !important;}

/* margin-right */
.mrauto { margin-right: auto !important;}
.mr0 { margin-right:0 !important;}
.mr1 { margin-right:1px !important;}
.mr2 { margin-right:2px !important;}
.mr3 { margin-right:3px !important;}
.mr4 { margin-right:4px !important;}
.mr5 { margin-right:5px !important;}
.mr6 { margin-right:6px !important;}
.mr7 { margin-right:7px !important;}
.mr8 { margin-right:8px !important;}
.mr9 { margin-right:9px !important;}
.mr10 { margin-right:10px !important;}
.mr15 { margin-right:15px !important;}
.mr20 { margin-right:20px !important;}
.mr25 { margin-right:25px !important;}
.mr30 { margin-right:30px !important;}
.mr35 { margin-right:35px !important;}
.mr40 { margin-right:40px !important;}
.mr45 { margin-right:45px !important;}
.mr50 { margin-right:50px !important;}
.mr55 { margin-right:55px !important;}
.mr60 { margin-right:60px !important;}
.mr65 { margin-right:65px !important;}
.mr70 { margin-right:70px !important;}
.mr75 { margin-right:75px !important;}
.mr80 { margin-right:80px !important;}
.mr85 { margin-right:85px !important;}
.mr90 { margin-right:90px !important;}
.mr95 { margin-right:95px !important;}
.mr100 { margin-right:100px !important;}
.mr105 { margin-right:105px !important;}
.mr110 { margin-right:110px !important;}
.mr115 { margin-right:115px !important;}
.mr120 { margin-right:120px !important;}
.mr125 { margin-right:125px !important;}
.mr130 { margin-right:130px !important;}
.mr135 { margin-right:135px !important;}
.mr140 { margin-right:140px !important;}
.mr145 { margin-right:145px !important;}
.mr150 { margin-right:150px !important;}

/* margin-bottom */
.mb0 { margin-bottom:0 !important;}
.mb1 { margin-bottom:1px !important;}
.mb2 { margin-bottom:2px !important;}
.mb3 { margin-bottom:3px !important;}
.mb4 { margin-bottom:4px !important;}
.mb5 { margin-bottom:5px !important;}
.mb6 { margin-bottom:6px !important;}
.mb7 { margin-bottom:7px !important;}
.mb8 { margin-bottom:8px !important;}
.mb9 { margin-bottom:9px !important;}
.mb10 { margin-bottom:10px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb35 { margin-bottom:35px !important;}
.mb40 { margin-bottom:40px !important;}
.mb45 { margin-bottom:45px !important;}
.mb50 { margin-bottom:50px !important;}
.mb55 { margin-bottom:55px !important;}
.mb60 { margin-bottom:60px !important;}
.mb65 { margin-bottom:65px !important;}
.mb70 { margin-bottom:70px !important;}
.mb75 { margin-bottom:75px !important;}
.mb80 { margin-bottom:80px !important;}
.mb85 { margin-bottom:85px !important;}
.mb90 { margin-bottom:90px !important;}
.mb95 { margin-bottom:95px !important;}
.mb100 { margin-bottom:100px !important;}
.mb105 { margin-bottom:105px !important;}
.mb110 { margin-bottom:110px !important;}
.mb115 { margin-bottom:115px !important;}
.mb120 { margin-bottom:120px !important;}
.mb125 { margin-bottom:125px !important;}
.mb130 { margin-bottom:130px !important;}
.mb135 { margin-bottom:135px !important;}
.mb140 { margin-bottom:140px !important;}
.mb145 { margin-bottom:145px !important;}
.mb150 { margin-bottom:150px !important;}

/* margin-left */
.mlauto { margin-left: auto !important;}
.ml0 { margin-left:0 !important;}
.ml1 { margin-left:1px !important;}
.ml2 { margin-left:2px !important;}
.ml3 { margin-left:3px !important;}
.ml4 { margin-left:4px !important;}
.ml5 { margin-left:5px !important;}
.ml6 { margin-left:6px !important;}
.ml7 { margin-left:7px !important;}
.ml8 { margin-left:8px !important;}
.ml9 { margin-left:9px !important;}
.ml10 { margin-left:10px !important;}
.ml15 { margin-left:15px !important;}
.ml20 { margin-left:20px !important;}
.ml25 { margin-left:25px !important;}
.ml30 { margin-left:30px !important;}
.ml35 { margin-left:35px !important;}
.ml40 { margin-left:40px !important;}
.ml45 { margin-left:45px !important;}
.ml50 { margin-left:50px !important;}
.ml55 { margin-left:55px !important;}
.ml60 { margin-left:60px !important;}
.ml65 { margin-left:65px !important;}
.ml70 { margin-left:70px !important;}
.ml75 { margin-left:75px !important;}
.ml80 { margin-left:80px !important;}
.ml85 { margin-left:85px !important;}
.ml90 { margin-left:90px !important;}
.ml95 { margin-left:95px !important;}
.ml100 { margin-left:100px !important;}
.ml105 { margin-left:105px !important;}
.ml110 { margin-left:110px !important;}
.ml115 { margin-left:115px !important;}
.ml120 { margin-left:120px !important;}
.ml125 { margin-left:125px !important;}
.ml130 { margin-left:130px !important;}
.ml135 { margin-left:135px !important;}
.ml140 { margin-left:140px !important;}
.ml145 { margin-left:145px !important;}
.ml150 { margin-left:150px !important;}

/*---------------
  padding
---------------*/
.p0 { padding:0 !important;}
.p5 { padding:5px !important;}
.p10 { padding:10px !important;}
.p15 { padding:15px !important;}
.p20 { padding:20px !important;}
.p25 { padding:25px !important;}
.p30 { padding:30px !important;}
.p35 { padding:35px !important;}
.p40 { padding:40px !important;}

/* padding-top */
.pt0 { padding-top:0 !important;}
.pt1 { padding-top:1px !important;}
.pt2 { padding-top:2px !important;}
.pt3 { padding-top:3px !important;}
.pt4 { padding-top:4px !important;}
.pt5 { padding-top:5px !important;}
.pt6 { padding-top:6px !important;}
.pt7 { padding-top:7px !important;}
.pt8 { padding-top:8px !important;}
.pt9 { padding-top:9px !important;}
.pt10 { padding-top:10px !important;}
.pt15 { padding-top:15px !important;}
.pt18 { padding-top:18px !important;}
.pt20 { padding-top:20px !important;}
.pt25 { padding-top:25px !important;}
.pt30 { padding-top:30px !important;}
.pt35 { padding-top:35px !important;}
.pt40 { padding-top:40px !important;}
.pt45 { padding-top:45px !important;}
.pt50 { padding-top:50px !important;}
.pt55 { padding-top:55px !important;}
.pt60 { padding-top:60px !important;}
.pt65 { padding-top:65px !important;}
.pt70 { padding-top:70px !important;}
.pt75 { padding-top:75px !important;}
.pt80 { padding-top:80px !important;}
.pt85 { padding-top:85px !important;}
.pt90 { padding-top:90px !important;}
.pt95 { padding-top:95px !important;}
.pt100 { padding-top:100px !important;}
.pt105 { padding-top:105px !important;}
.pt110 { padding-top:110px !important;}
.pt115 { padding-top:115px !important;}
.pt120 { padding-top:120px !important;}
.pt125 { padding-top:125px !important;}
.pt130 { padding-top:130px !important;}
.pt135 { padding-top:135px !important;}
.pt140 { padding-top:140px !important;}
.pt145 { padding-top:145px !important;}
.pt150 { padding-top:150px !important;}
.pt200 { padding-top:200px !important;}

/* padding-right */
.pr0 { padding-right:0 !important;}
.pr1 { padding-right:1px !important;}
.pr2 { padding-right:2px !important;}
.pr3 { padding-right:3px !important;}
.pr4 { padding-right:4px !important;}
.pr5 { padding-right:5px !important;}
.pr6 { padding-right:6px !important;}
.pr7 { padding-right:7px !important;}
.pr8 { padding-right:8px !important;}
.pr9 { padding-right:9px !important;}
.pr10 { padding-right:10px !important;}
.pr15 { padding-right:15px !important;}
.pr20 { padding-right:20px !important;}
.pr25 { padding-right:25px !important;}
.pr30 { padding-right:30px !important;}
.pr35 { padding-right:35px !important;}
.pr40 { padding-right:40px !important;}
.pr45 { padding-right:45px !important;}
.pr50 { padding-right:50px !important;}
.pr55 { padding-right:55px !important;}
.pr60 { padding-right:60px !important;}
.pr65 { padding-right:65px !important;}
.pr70 { padding-right:70px !important;}
.pr75 { padding-right:75px !important;}
.pr80 { padding-right:80px !important;}
.pr85 { padding-right:85px !important;}
.pr90 { padding-right:90px !important;}
.pr95 { padding-right:95px !important;}
.pr100 { padding-right:100px !important;}
.pr105 { padding-right:105px !important;}
.pr110 { padding-right:110px !important;}
.pr115 { padding-right:115px !important;}
.pr120 { padding-right:120px !important;}
.pr125 { padding-right:125px !important;}
.pr130 { padding-right:130px !important;}
.pr135 { padding-right:135px !important;}
.pr140 { padding-right:140px !important;}
.pr145 { padding-right:145px !important;}
.pr150 { padding-right:150px !important;}

/* padding-bottop */
.pb0 { padding-bottom:0 !important;}
.pb1 { padding-bottom:1px !important;}
.pb2 { padding-bottom:2px !important;}
.pb3 { padding-bottom:3px !important;}
.pb4 { padding-bottom:4px !important;}
.pb5 { padding-bottom:5px !important;}
.pb6 { padding-bottom:6px !important;}
.pb7 { padding-bottom:7px !important;}
.pb8 { padding-bottom:8px !important;}
.pb9 { padding-bottom:9px !important;}
.pb10 { padding-bottom:10px !important;}
.pb15 { padding-bottom:15px !important;}
.pb20 { padding-bottom:20px !important;}
.pb25 { padding-bottom:25px !important;}
.pb30 { padding-bottom:30px !important;}
.pb35 { padding-bottom:35px !important;}
.pb40 { padding-bottom:40px !important;}
.pb45 { padding-bottom:45px !important;}
.pb50 { padding-bottom:50px !important;}
.pb55 { padding-bottom:55px !important;}
.pb60 { padding-bottom:60px !important;}
.pb65 { padding-bottom:65px !important;}
.pb70 { padding-bottom:70px !important;}
.pb75 { padding-bottom:75px !important;}
.pb80 { padding-bottom:80px !important;}
.pb85 { padding-bottom:85px !important;}
.pb90 { padding-bottom:90px !important;}
.pb95 { padding-bottom:95px !important;}
.pb100 { padding-bottom:100px !important;}
.pb105 { padding-bottom:105px !important;}
.pb110 { padding-bottom:110px !important;}
.pb115 { padding-bottom:115px !important;}
.pb120 { padding-bottom:120px !important;}
.pb125 { padding-bottom:125px !important;}
.pb130 { padding-bottom:130px !important;}
.pb135 { padding-bottom:135px !important;}
.pb140 { padding-bottom:140px !important;}
.pb145 { padding-bottom:145px !important;}
.pb150 { padding-bottom:150px !important;}

/* padding-left */
.pl0 { padding-left:0 !important;}
.pl1 { padding-left:1px !important;}
.pl2 { padding-left:2px !important;}
.pl3 { padding-left:3px !important;}
.pl4 { padding-left:4px !important;}
.pl5 { padding-left:5px !important;}
.pl6 { padding-left:6px !important;}
.pl7 { padding-left:7px !important;}
.pl8 { padding-left:8px !important;}
.pl9 { padding-left:9px !important;}
.pl10 { padding-left:10px !important;}
.pl15 { padding-left:15px !important;}
.pl20 { padding-left:20px !important;}
.pl25 { padding-left:25px !important;}
.pl30 { padding-left:30px !important;}
.pl35 { padding-left:35px !important;}
.pl40 { padding-left:40px !important;}
.pl45 { padding-left:45px !important;}
.pl50 { padding-left:50px !important;}
.pl55 { padding-left:55px !important;}
.pl60 { padding-left:60px !important;}
.pl65 { padding-left:65px !important;}
.pl70 { padding-left:70px !important;}
.pl75 { padding-left:75px !important;}
.pl80 { padding-left:80px !important;}
.pl85 { padding-left:85px !important;}
.pl90 { padding-left:90px !important;}
.pl95 { padding-left:95px !important;}
.pl100 { padding-left:100px !important;}
.pl105 { padding-left:105px !important;}
.pl110 { padding-left:110px !important;}
.pl115 { padding-left:115px !important;}
.pl120 { padding-left:120px !important;}
.pl125 { padding-left:125px !important;}
.pl130 { padding-left:130px !important;}
.pl135 { padding-left:135px !important;}
.pl140 { padding-left:140px !important;}
.pl145 { padding-left:145px !important;}
.pl150 { padding-left:150px !important;}

/* font-size */
.fz10 { font-size: 10px !important;}
.fz11 { font-size: 11px !important;}
.fz12 { font-size: 12px !important;}
.fz13 { font-size: 13px !important;}
.fz14 { font-size: 14px !important;}
.fz15 { font-size: 15px !important;}
.fz16 { font-size: 16px !important;}
.fz18 { font-size: 18px !important;}
.fz20 { font-size: 20px !important;}
.fz21 { font-size: 21px !important;}
.fz22 { font-size: 22px !important;}
.fz24 { font-size: 24px !important;}
.fz26 { font-size: 26px !important;}
.fz28 { font-size: 28px !important;}
.fz30 { font-size: 30px !important;}
.fz32 { font-size: 32px !important;}
.fz34 { font-size: 34px !important;}
.fz36 { font-size: 36px !important;}
.fz38 { font-size: 38px !important;}
.fz40 { font-size: 40px !important;}
.fz50 { font-size: 50px !important;}
.fz60 { font-size: 60px !important;}
.fz70 { font-size: 70px !important;}
/* font-weight */
.fw_b { font-weight: bold !important;}
.fw_300 { font-weight: 300 !important;}
.fw_200 { font-weight: 200 !important;}

/*---------------
  text-align
---------------*/
.taC { text-align: center !important;}
.taL { text-align: left !important;}
.taR { text-align: right !important;}


/*---------------
改行br
-----------------*/
.br_pc{display: block;}
.br_sp{display: none;}
@media only screen and (max-width: 768px){
  .br_pc{display: none;}
  .br_sp{display: block;}
}

/*=========================================================
tablet　css
===========================================================*/
@media only screen and (max-width: 768px){
  .inner .title_logo{
    width:60%;
  }
  .inner .title_sub_logo{
    width:50%;
    margin:20px auto;
  }

/*---------------
  3カラム
---------------*/
.col_box .col_in_3 {
  width:70%;
  display:block;
  margin:10% auto;
  justify-content:center;
}
.search_container_850 .col_box .col_in_3 {
  width: 32%;
  margin-right: 2%;
  display: inline-block;
  vertical-align: top;
}
.col_box .col_in_3:first-child{
margin-left:auto;
}
.col_box .col_in_3:last-child{
  margin-right:auto;
}

}

/*=========================================================
sp　css
===========================================================*/
@media only screen and (max-width:480px){
.dis_pc{display:none;}
.dis_sp{display:block;}

.inner .title_logo{
  width:70%;
  margin-bottom: 20px;
}
.inner .title_sub_logo{
  width:50%;
  margin:20px auto;
}

.search_box{
  width:100%;
  padding:20px;
  }
/*content_wrapper*/
.inner{
  padding:0 10px;
}

/*header*/
#header_search{
  height:45px;
  display:flex;
  align-items:center;
}
#header_search img{
  display:block;
  height:30px;
}

/*---------------
  カラム
---------------*/
.col_box {
  width: 100%;
}
/*---------------
  2カラム-5:5
---------------*/
.col_box .col_in_2 {
  width:100%;
  margin:1.5% auto;
  vertical-align: middle;
}
.search_container_850 .col_box .col_in_2 {
  width:100%;
  max-width:100%;
  margin:1.5% auto;
  vertical-align: middle;
}

/*---------------
  3カラム
---------------*/
.col_box .col_in_3 {
  width:100%;
  display:block;
  margin:1.5% auto;
  justify-content:center;
}

.search_container_850 .col_box .col_in_3 {
  width: 100%;
  margin-right: 2%;
  padding: 0;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
}

/*---------------
  2カラム-3:7
---------------*/
.col_box .col_in_2_3 {
  width: 55%;
  margin:0 auto 10%;
  display: inline-block;
  vertical-align: middle;
  display:flex;
  justify-content:center;
  text-align:center;
}
.col_box .col_in_2_3 figure{
  width:100%;
  margin-right:0;
}
.col_box .col_in_2_7 {
  width: 100%;
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
}

/*---------------
  4カラム social
---------------*/
.search_container_850 .col_box .col_in_4 {
  width:100%;
  max-width:100%;
  padding: 0;
  display: inline-block;
  text-align: center;
  vertical-align: top;
  margin:1.5% auto;
}

.lineup figure .lineup_flowchart_pkg{
  max-width:115px;
}

/*スタート画面*/
  .lineup_flowchart_selected{
    display:flex;
    align-items:center;
    justify-content:center;
    content:'';
    width:210px;
    height:210px;
    border-radius:50%;
    margin-left:0%;
  }
  .top_concept{
    font-size:17px;
    line-height:1.75em;
  }
  
.title_flowchart_lineup{
  padding:0 !important;
  margin-bottom:0px;
}
.title_flowchart_lineup:before,
.title_flowchart_lineup:after{
  content:'';
}
.title_flowchart_lineup:before{
  margin-right:1em;
}
.title_flowchart_lineup:after{
  margin-left:1em;
}

/*質問ページ*/
.btn_flowchart_select{
  width:auto;
  height:45px;
  border-radius:23px;
}
.btn_flowchart_select a{
  font-weight:bold;
  font-size:18px;
  height:45px;
  line-height:40px;
}

.flow_q_text{
  font-size:17px;
  width:92%;
  margin:0 auto 1em;
  text-align: left;
}
#flow_attention_q,#flow_attention_a{
  width:68%;
  font-size:14px;
}


/*何問目かが分かるステップバー*/
.stepbar-row {
  padding:0;
  width: 100%;
  margin:0 auto;
  padding:0;
}
.stepbar {
  display: flex;
  position: relative;
  padding:0;
  margin:0 auto;
  justify-content:center;
}
.stepbar li {
  font-size: 18px;
  list-style: none;
  padding-left:32px;
  position: relative;
  max-width: 100px;
}
.stepbar li:after {
  content: "";
  height: 6px;
  left: 0px;
  position: absolute;
  top: 18px;
  width: 42px;
}
.stepbar li:first-child {
  padding-left: 0;
  width: 40px;
}
.stepbar li:first-child:after {
  display: none;
}
.stepbar li span {
  border-radius: 50%;
  display: inline-block;
  height: 40px;
  margin-bottom: 4px;
  line-height:40px;
  text-align: center;
  width: 40px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}

.last_question:before{
  display:inline-block;
  left:0;
  content:'';
  width:2px;
  height:22px;
  margin-bottom:-10px;
  margin-right:6px;
  background:#e20000;
  border:1px solid #e20000;
  transform:rotate(-35deg);
}.last_question:after{
  display:inline-block;
  right:0;
  content:'';
  background:#e20000;
  width:2px;
  height:22px;
  margin-bottom:-10px;
  margin-left:1px;
  border:1px solid #e20000;
  transform:rotate(35deg);
}


/*診断結果*/
.btn_flowchart_result,
.btn_flowchart_result_gray{
  width:100%;
  height:45px;
  border-radius:23px;
}
.btn_flowchart_result a,
.btn_flowchart_result_gray a{
  font-size:18px;
  height:45px;
  line-height:42px;
}


/*font-size*/
.fz14_sp { font-size: 14px !important;}
.fz16_sp { font-size: 16px !important;}
.fz18_sp { font-size: 18px !important;}
.fz20_sp { font-size: 20px !important;}
.fz22_sp{font-size: 22px !important;}
.fz24_sp{font-size: 26px !important;}
.fz26_sp{font-size: 26px !important;}

/*margin*/
.mb0_sp{margin-bottom: 0px !important;}
.mb10_sp{margin-bottom: 10px !important;}
.mb15_sp{margin-bottom: 15px !important;}
.mb20_sp{margin-bottom: 20px !important;}
.mb30_sp{margin-bottom: 30px !important;}

/*padding*/
.pb20_sp { padding-bottom:20px !important;}

/*padding-top*/
.pt15_sp { padding-top:15px !important;}
.pt30_sp { padding-top:30px !important;}

/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
}

/*211013 新規追加*/

.bottom_line_inner {
  background: #fff;
  padding-bottom: 30px;
  position:relative;
}

@media only screen and (max-width:480px){
  .bottom_line_inner {
    padding:0 10px;
    padding-bottom: 80px;
  }
}

/*211013 新規追加*/