@charset "SHIFT_JIS";

/*------------common------------*/
.lp_wrap{
  max-width: 960px;
  margin: 0 auto;
}
.lp_inner{
  padding: 0 40px;
}
.mt-0{margin-top: 0;}
.mt-5{margin-top: 5px;}
.mt-10{margin-top: 10px;}
.mt-20{margin-top: 20px;}
.mt-30{margin-top: 30px;}
.mt-40{margin-top: 40px;}
.mt-50{margin-top: 50px;}
.mt-60{margin-top: 60px;}
.mt-70{margin-top: 70px;}
.mt-80{margin-top: 80px;}
.mt-90{margin-top: 90px;}
.mt-100{margin-top: 100px;}
.mt-150{margin-top: 150px;}
.m-auto{margin-left: auto;margin-right: auto;}
.text_center{text-align: center;}
.text_left{text-align: left;}
.text_right{text-align: right;}
.font_bold{font-weight: 710;}
.color_white{color: #fff;}
.color_black{color: #000;}
.text_indent_1,.list_indent_1 li{text-indent: -1em; padding-left: 1em;}
.text_indent_1h,.list_indent_1h li{text-indent: -1.5em; padding-left: 1.5em;}
.list_indent_2h_num li{text-indent: -2.5em; padding-left: 2.5em;}
.list_indent_2h_num li:nth-child(n+10){text-indent: -3em; padding-left: 3em;}
.link_style_01{
  color: #1B9FFC;
  text-decoration: underline;
}
@media only screen and (min-width: 960px){
  .page-docomo-lp__main img{
    width: inherit;
  }
  .only-pc{display: block;}
  .only-sp{display: none;}
}
@media only screen and (max-width: 959px){
  .only-pc{display: none;}
  .only-sp{display: block;}
  .lp_inner{
    padding: 0 4.167vw;
  }
  .mt-5{margin-top: 0.521vw;}
  .mt-10{margin-top: 1.042vw;}
  .mt-20{margin-top: 2.083vw;}
  .mt-30{margin-top: 3.125vw;}
  .mt-40{margin-top: 4.167vw;}
  .mt-50{margin-top: 5.208vw;}
  .mt-60{margin-top: 6.25vw;}
  .mt-70{margin-top: 7.292vw;}
  .mt-80{margin-top: 8.333vw;}
  .mt-90{margin-top: 9.375vw;}
  .mt-100{margin-top: 10.417vw;}
  .mt-150{margin-top: 15.625vw;}
}
/*------------mv------------*/
.mv_logo{
  padding: 60px 0;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 959px){
  .mv_logo{
    padding: 6.25vw 0;
    width: 64.791vw;
  }
}
/*------------btn------------*/
.grd_btn.btn_01 a{
  background: linear-gradient(to right, #C029C6, #240148);
}
.grd_btn.btn_02 a{
  background: linear-gradient(to right, #DD0000, #57001E);
}
.grd_btn.btn_03 a{
  background: linear-gradient(to right, #A602FD, #C90909);
}
.grd_btn a{
  position: relative;
  display: block;
  height: 150px;
  width: 720px;
  border-radius: 100px;
  font-size: 42px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.2em;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0px 10px 30px 0px rgba(121, 69, 31, 0.9);
}
.grd_btn p{
  position: absolute;
  top: 11px;
  left: 17px;
  border: 3px solid #fff;
  height: 128px;
  width: 690px;
  border-radius: 100px;
  box-sizing: border-box;
}
.grd_btn p span.btn_span_outer{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: nowrap;
  height: 100%;
}
.grd_btn p span.btn_span_outer.prize_btn{
  align-items: baseline;
  padding-top: 15px;
}
.grd_btn p span.btn_span_outer.clm{
  flex-flow:column;
}
.grd_btn p span.style_01{
  font-size: 32px;
}
.grd_btn p span.style_02{
  font-size: 56px;
}
.grd_btn p span.style_03{
  font-size: 36px;
}
.grd_btn a:after{
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  content: "";
	right: 65px;
	width: 30px;
	height: 30px;
	border-top: 4px solid #fff;
	border-right: 4px solid #fff;
}
@media only screen and (max-width: 959px){
  .grd_btn a{
    height: 15.641vw;
    width: 75.078vw;
    border-radius: 10.428vw;
    font-size: 4.38vw;
    box-shadow: 0px 1.0416vw 3.125vw 0px rgba(121, 69, 31, 0.9);
  }
  .grd_btn p{
    top: 1.147vw;
    left: 1.773vw;
    border: 0.31vw solid #fff;
    height: 13.034vw;;
    width: 71.95vw;
    border-radius: 10.428vw;
  }
  .grd_btn p span.btn_span_outer.prize_btn{
    padding-top: 1.563vw;
  }
  .grd_btn p span.style_01{
    font-size: 3.337vw;
  }
  .grd_btn p span.style_02{
    font-size: 5.8333vw;
  }
  .grd_btn p span.style_03{
    font-size: 3.75vw;
  }
  .grd_btn a:after{
    right: 6.778vw;
    width: 3.128vw;
    height: 3.128vw;
    border-top: 0.42vw solid #fff;
    border-right: 0.42vw solid #fff;
  }
}
/*------------other------------*/
.note_list li{
  color: #fff;
  font-size: 24px;
  text-indent: -1em;
  padding-left: 1em;
}
@media only screen and (max-width: 959px){
  .note_list li{
    font-size: 2.5vw;
  }
}
/*------------sec_01------------*/
.sec_01{
  padding: 70px 0;
  margin-top: -40px;
  background-image: url("/bakuage/netflix/otokugami_campaign/assets/images/bg_01.png");
  background-size: 100% 100%;
  background-color: #000;
}
.sec_01 .ttl{
  position: relative;
  display: inline-block;
  font-size: 32px;
  font-weight: 650;
  color: #fff;
  text-align: center;
}
.sec_01 .ttl:before,
.sec_01 .ttl:after{
  position: absolute;
  content: "";
  background-size: 100% 100%;
  width: 52px;
  height: 77px;
  top: 50%;
  transform: translateY(-50%);
}
.sec_01 .ttl:before{
  background-image: url("/bakuage/netflix/otokugami_campaign/assets/images/balloon_before.png");
  left: -82px;
}
.sec_01 .ttl:after{
  background-image: url("/bakuage/netflix/otokugami_campaign/assets/images/balloon_after.png");
  right: -82px;
}
@media only screen and (max-width: 959px){
  .sec_01{
    padding: 7.292vw 0;
    margin-top: -4.167vw;
  }
  .sec_01 .ttl{
    font-size: 3.333vw;
  }
  .sec_01 .ttl:before,
  .sec_01 .ttl:after{
    width: 5.417vw;
    height: 8.021vw;
  }
  .sec_01 .ttl:before{
    left: -8.542vw;
  }
  .sec_01 .ttl:after{
    right: -8.542vw;
  }
}
/*------------sec_02------------*/
.sec_02{
  padding-bottom: 100px;
  background-image: url("/bakuage/netflix/otokugami_campaign/assets/images/bg_02.png");
  background-color: #000;
  background-position: bottom;
  background-size: 100% auto;
}
.prize_wrap_a{
  margin-top: -80px;
}
@media only screen and (max-width: 959px){
  .sec_02{
    padding-bottom: 10.417vw;
  }
  .prize_wrap_a{
    margin-top: -8.333vw;
  }
}
/*------------sec_03------------*/
.sec_03 .bg_wrap{
  background-image: url("/bakuage/netflix/otokugami_campaign/assets/images/bg_03.png");
  background-size: 100%;
  background-color: #000;
  background-repeat: no-repeat;
  background-position: top center;
  padding: 60px 0;
}
.sec_03 .icon_01{
  margin-top: 350px;
}
.icon_sbttl_01{
  font-size: 50px;
  font-weight: 700;
  color: #fff;
  text-align: center;
}
.sec_03 .notes_txt{
  font-size: 24px;
  color: #fff;
}
.sec_03 .sb_ttl{
  margin-top: 300px;
}
.sec_03 .video_outer{
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.sec_03 .video_outer .video_01{
  width: 100%;
  max-width: 740px;
}
.sec_03 .video_text_box{
  max-width: 740px;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
}
.sec_03 .video_txt{
  font-size: 30px;
}
@media only screen and (max-width: 959px){
  .sec_03 .bg_wrap{
    padding: 6.25vw 0;
  }
  .sec_03 .icon_01{
    margin-top: 36.4583vw;
  }
  .icon_01{
    width: 7.8125vw;
    margin-left: auto;
    margin-right: auto;
  }
  .icon_sbttl_01{
    font-size: 5.208vw;
  }
  .sec_03 .img_outer {
    width: 73.125vw;
    margin-left: auto;
    margin-right: auto;
  }
  .sec_03 .notes_txt{
    font-size: 2.5vw;
  }
  .sec_03 .sb_ttl{
    margin-top: 31.25vw;
    width: 64.375vw;
    margin-left: auto;
    margin-right: auto;
  }
  .sec_03 .video_outer .video_01{
    max-width: 77.083vw;
  }
  .sec_03 .video_text_box{
    max-width: 77.083vw;
  }
  .sec_03 .video_txt{
    font-size: 3.125vw;
  }
}
/*------------sec_04------------*/
.sec_04{
  background-image: url("/bakuage/netflix/otokugami_campaign/assets/images/bg_04.png");
  background-color: #000;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top center;
  color: #fff;
  margin-top: -1px;
}
.sec_04 .top_ttl{
  font-size: 120px;
  font-weight: bold;
  color: #fff;
}
.sec_04 .top_sbttl{
  font-size: 62px;
  font-weight: bold;
  color: #fff;
}
.sec_04 .step_ttl{
  background-color: #fff;
  padding: 56px 0;
}
.sec_04 .step_ttl span{
  position: relative;
  font-size: 48px;
  font-weight: bold;
  color: #000;
  padding-left: 120px;
}
.sec_04 .step_ttl span:before{
  position: absolute;
  content: "";
  background-size: 100% 100%;
  width: 92px;
  height: 92px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.sec_04 .step_01 .step_ttl span:before{
  background-image: url("/bakuage/netflix/otokugami_campaign/assets/images/num_1.png");
}
.sec_04 .step_02 .step_ttl span:before{
  background-image: url("/bakuage/netflix/otokugami_campaign/assets/images/num_2.png");
}
.sec_04 .step_03 .step_ttl span:before{
  background-image: url("/bakuage/netflix/otokugami_campaign/assets/images/num_3.png");
}
.sec_04 .step_contents{
  padding: 60px 40px;
  border: 4px solid #fff;
  border-top: none;
}
.sec_04 .step_text{
  font-size: 36px;
  line-height: 1.7;
}
.step_notes{
  font-size: 24px;
}
@media only screen and (max-width: 959px){
  .sec_04 .top_ttl{
    font-size: 12.5vw;
  }
  .sec_04 .top_sbttl{
    font-size: 6.458vw;
  }
  .sec_04 .step_ttl{
    padding: 5.833vw 0;
  }
  .sec_04 .step_ttl span{
    font-size: 5vw;
    padding-left: 12.5vw;
  }
  .sec_04 .step_ttl span:before{
    width: 9.583vw;
    height: 9.583vw;
  }
  .sec_04 .step_contents{
    padding: 6.25vw 4.167vw;
    border: 0.416vw solid #fff;
  }
  .sec_04 .step_text{
    font-size: 3.75vw;
  }
  .step_notes{
    font-size: 2.5vw;
  }
}
/*------------sec_05------------*/
.sec_05{
  background-color: #000;
  padding: 80px 0 170px;
  text-align: center;
  margin-top: -1px;
}
.sec_05 .ttl{
  position: relative;
  font-size: 74px;
  font-weight: 650;
  color: #fffe03;
  display: inline-block;
}
.sec_05 .ttl span{
  font-size: 87px;
}
.sec_05 .ttl:before{
  position: absolute;
  content: "";
  background-image: url("/bakuage/netflix/otokugami_campaign/assets/images/bg_ttl_left.png");
  background-size: 100% 100%;
  width: 98px;
  height: 169px;
  bottom: 0;
  left: -120px;
}
.sec_05 .ttl:after{
  position: absolute;
  content: "";
  background-image: url("/bakuage/netflix/otokugami_campaign/assets/images/bg_ttl_right.png");
  background-size: 100% 100%;
  width: 98px;
  height: 169px;
  bottom: 0;
  right: -120px;
}
.sec_05 .otoku_box{
  position: relative;
  border: 4px solid #fff;
  margin-left: 40px;
  margin-right: 40px;
}
.sec_05 .otoku_ttl{
  background-color: #fff;
  padding: 78px 0;
}
.sec_05 .otoku_ttl img{
  max-width: 528px;
}
.sec_05 .otoku_contents{
  color: #fff;
  padding-bottom: 150px;
}
.sec_05 .otoku_contents .text_01{
  font-size: 28px;
  font-weight: 650;
  line-height: 1.875;
}
.sec_05 .otoku_contents .text_02,
.sec_05 .otoku_contents .text_03,
.sec_05 .otoku_contents .text_04,
.sec_05 .otoku_contents .text_05{
  font-size: 28px;
  font-weight: 650;
}
.sec_05 .otoku_contents .text_02{
  position: relative;
  display: inline-block;
  line-height: 1.62;
}
.sec_05 .otoku_contents .text_04{
  font-size: 22px;
}
.sec_05 .otoku_contents .text_05{
  font-size: 36px;
  color: #fffe03;
}
.sec_05 .otoku_contents .text_05 span.style_01{
  font-size: 42px;
}
.sec_05 .otoku_contents .text_05 span.style_02{
  font-size: 58px;
}
.sec_05 .otoku_contents .text_03 span{
  color: #fffe03;
}
.sec_05 .otoku_contents .text_02:before{
  position: absolute;
  content: "";
  background-image: url("/bakuage/netflix/otokugami_campaign/assets/images/bg_ttl_left.png");
  background-size: 100% 100%;
  width: 19px;
  height: 26px;
  bottom: 7px;
  left: -30px;
}
.sec_05 .otoku_contents .text_02:after{
  position: absolute;
  content: "";
  background-image: url("/bakuage/netflix/otokugami_campaign/assets/images/bg_ttl_right.png");
  background-size: 100% 100%;
  width: 19px;
  height: 26px;
  bottom: 7px;
  right: -30px;
}
.sec_05 .otoku_contents ul{
  max-width: 658px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
}
.sec_05 .otoku_btn{
  position: absolute;
  width: 720px;
  bottom: -95px;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.5s 0s ease;
}
.sec_05 .otoku_btn a{
  position: relative;
  display: block;
  background-color: #fff;
  width: 100%;
  border-radius: 100px;
  padding: 40px 0;
}
.sec_05 .otoku_btn a:after{
  position: absolute;
  content: "";
  background-image: url("/bakuage/netflix/otokugami_campaign/assets/images/icon_arrow.png");
  background-size: 100%;
  width: 55px;
  height: 55px;
  top: 50%;
  right: 45px;
  transform: translateY(-50%);
}
.sec_05 .otoku_btn img{
  max-width: 420px;
}
.sec_05 .otoku_btn span{
  display: block;
  font-size: 36px;
  font-weight: bold;
}
@media only screen and (max-width: 959px){
  .sec_05{
    padding: 8.333vw 0 17.708vw;
  }
  .sec_05 .ttl{
    font-size: 7.708vw;
  }
  .sec_05 .ttl span{
    font-size: 9.063vw;
  }
  .sec_05 .ttl:before{
    width: 10.208vw;
    height: 17.604vw;
    left: -12.5vw;
  }
  .sec_05 .ttl:after{
    width: 10.208vw;
    height: 17.604vw;
    right: -12.5vw;
  }
  .sec_05 .otoku_box{
    border: 0.416vw solid #fff;
    margin-left: 4.167vw;
    margin-right: 4.167vw;
  }
  .sec_05 .otoku_ttl{
    padding: 8.125vw 0;
  }
  .sec_05 .otoku_ttl img{
    max-width: 55vw;
  }
  .sec_05 .otoku_contents{
    padding-bottom: 15.625vw;
  }
  .sec_05 .otoku_contents .text_01{
    font-size: 3.667vw;
  }
  .sec_05 .otoku_contents .text_02,
  .sec_05 .otoku_contents .text_03,
  .sec_05 .otoku_contents .text_04,
  .sec_05 .otoku_contents .text_05{
    font-size: 3.688vw;
  }
  .sec_05 .otoku_contents .text_04{
    font-size: 2.292vw;
  }
  .sec_05 .otoku_contents .text_05{
    font-size: 3.75vw;
    color: #fffe03;
  }
  .sec_05 .otoku_contents .text_05 span.style_01{
    font-size: 4.375vw;
  }
  .sec_05 .otoku_contents .text_05 span.style_02{
    font-size: 6.0416vw;
  }
  .sec_05 .otoku_contents .text_02:before{
    width: 4.458vw;
    height: 5.188vw;
    bottom: 0.729vw;
    left: -6.604vw;
  }
  .sec_05 .otoku_contents .text_02:after{
    width: 4.458vw;
    height: 5.188vw;
    bottom: 0.729vw;
    right: -6.604vw;
  }
  .sec_05 .otoku_img{
    width: 68.54vw;
    margin-left: auto;
    margin-right: auto;
  }
  .sec_05 .otoku_contents ul{
    max-width: 68.542vw;
    font-size: 2.85vw;
  }
  .sec_05 .otoku_btn{
    width: 75vw;
    bottom: -9.896vw;
  }
  .sec_05 .otoku_btn a{
    border-radius: 10.417vw;
    padding: 4.167vw 0;
  }
  .sec_05 .otoku_btn a:after{
    width: 5.729vw;
    height: 5.729vw;
    right: 4.687vw;
  }
  .sec_05 .otoku_btn img{
    max-width: 43.75vw;
  }
  .sec_05 .otoku_btn span{
    font-size: 3.75vw;
  }
}
/*------------sec_06------------*/
.sec_06{
  background-color: #000;
  padding-top: 60px;
  padding-bottom: 100px;
  margin-top: -1px;
}
@media only screen and (max-width: 959px){
  .sec_06{
    padding-top: 6.25vw;
    padding-bottom: 10.417vw;
  }
}
/*------------ac------------*/
.ac_sb_ttl{
  font-size: 36px;
  font-weight: bold;
  color: #fff;
  padding-left: 30px;
  border-left: 7px solid #fff;
}
.switch{
  position: relative;
  background: #666666;
  padding: 30px 70px 30px 30px;
  cursor: pointer;
  color: #fff;
  font-size: 30px;
  font-weight: bold;
}
.contentWrap{
  background: #333333;
  padding: 30px;
  color: #fff;
  font-size: 30px;
  font-weight: bold;
}
.switch:after{
  position: absolute;
  content: "";
  background-image: url("/bakuage/netflix/otokugami_campaign/assets/images/notes_icon_open.png");
  background-size: 100% 100%;
  width: 20px;
  height: 20px;
  top: 50%;
  right: 40px;
  transform: translateY(-50%);
}
.switch.open:after{
  position: absolute;
  content: "";
  background-image: url("/bakuage/netflix/otokugami_campaign/assets/images/notes_icon_close.png");
  background-size: 100% 100%;
  width: 20px;
  height: 20px;
  top: 50%;
  right: 40px;
  transform: translateY(-50%);
}
.displayNone{display: none;}
@media only screen and (max-width: 959px){
  .ac_sb_ttl{
    font-size: 3.75vw;
    padding-left: 3.125vw;
    border-left: 0.7291vw solid #fff;
  }
  .switch{
    padding: 3.125vw 7.292vw 3.125vw 3.125vw;;
    font-size: 3.125vw;
  }
  .contentWrap{
    padding: 3.125vw;
    font-size: 3.125vw;
  }
  .switch:after{
    width: 2.083vw;
    height: 2.083vw;
    right: 4.167vw;
  }
  .switch.open:after{
    width: 2.083vw;
    height: 2.083vw;
    right: 4.167vw;
  }
}
/*------------notes_box------------*/
.ac_toggle{
  display: none;
}
.ac_label {
  position: relative;
  display: block;
  background: #3c3c3c;
  text-align: center;
  font-size: 42px;
  font-weight: 710;
  color: #fff;
  padding: 35px 0;
  cursor: pointer;
}
.ac_label:after{
  position: absolute;
  content: "";
  background-image: url("/bakuage/netflix/otokugami_campaign/assets/images/notes_icon_01.png");
  width: 78px;
  height: 102px;
  top: 50%;
  left: 60px;
  transform: translate(0, -50%);
}
.ac_label::before{
  position: absolute;
  content: "";
  background-image: url("/bakuage/netflix/otokugami_campaign/assets/images/notes_icon_open.png");
  width: 40px;
  height: 40px;
  top: 50%;
  right: 60px;
  transform: translate(0, -50%);
}
.ac_toggle:checked + .ac_label::before {
  background-image: url("/bakuage/netflix/otokugami_campaign/assets/images/notes_icon_close.png");
}
.ac_label,
.ac_content {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: all 0.3s;
}
.ac_content {
  height: 0;
  padding:0 40px;
  overflow: hidden;
  background-color: #fff;
  font-size: 24px;
}
.ac_toggle:checked + .ac_label + .ac_content {
  height: auto;
  padding:60px 40px ;
  transition: all .3s;
}
.ac_content a{
  color: #0000ff;
  text-decoration: underline;
}
/*---ac_contents---*/
@media only screen and (max-width: 959px){
  .ac_label {
    font-size: 4.375vw;
    padding: 3.646vw 0;
  }
  .ac_label:after{
    background-size: 8.125vw 10.625vw;
    width: 8.125vw;
    height: 10.625vw;
    left: 6.25vw;
  }
  .ac_label::before{
    background-size: 4.167vw 4.167vw;
    width: 4.167vw;
    height: 4.167vw;
    right: 6.25vw;
  }
  .ac_content {
    padding:0 4.167vw;
    font-size: max(2.5vw,10px);
  }
  .ac_toggle:checked + .ac_label + .ac_content {
    padding:6.25vw 4.167vw ;
  }
}
/*------------float_bnr------------*/
.float_bnr{
  background-color: rgba(195,195,195,0.5);
  position: fixed;
  bottom: 0;
  width: 100%;
  padding-top: 10px;
  text-align: center;
  z-index: 10;
}
.float_bnr a img{
  width: 30%;
}
@media only screen and (max-width: 959px){
  .float_bnr{
    padding-top: 1.042vw;
  }
  .float_bnr a img{
    width: 100%;
  }
}
/*------------banner_bottom------------*/
.banner_bottom img{
  width: 100%;
}
.banner_bottom {
    background-color: #222;
    padding-top: 9.114583333333332vw;
    position: relative;
}
.banner_bottom .c__inner {
    width: 90%;
}
.banner_bottom a {
    color: #fff;
    display: block;
    font-size: 3.6458333333333335vw;
    text-align: center;
    text-decoration: underline;
}
.banner_bottom a:hover {
    text-decoration: none;
}
@media only screen and (min-width: 769px){
  .banner_bottom {
      padding-top: calc(var(--vw)*4.6875);
  }
  .banner_bottom a {
      color: #fff;
      display: block;
      font-size: calc(var(--vw)*1.5625);
      text-align: center;
      text-decoration: underline;
  }
  .banner_bottom .c__inner {
      width: 100%;
  }
  .banner_bottom ul {
      -webkit-box-pack: center;
      display: -webkit-box;
      display: flex;
      justify-content: center;
  }
  .banner_bottom ul.bnr_btm_01{
      padding-bottom: calc(var(--vw)*2.3875);
  }
  .banner_bottom ul.bnr_btm_02{
      padding-bottom: calc(var(--vw)*4.6875);
  }
  .banner_bottom ul.bnr_btm_01 li {
      width: calc(var(--vw)*50.15625);
  }
  @media (min-width: 1367px), print{
    .banner_bottom {
        padding-top: 60px;
    }
    .banner_bottom ul.bnr_btm_01 li {
        width: 700px;
    }
    .banner_bottom a {
        font-size: 20px;
    }
  }
}
/*------------float_area------------*/
.float_area{
  background-color: rgb(255 255 255 / 0.36);
  padding: 15px 0;
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  z-index: 10;
  opacity: 0;
  transition: 0.3s;
}
.fixed{
  opacity: 1;
  z-index: 10;
}
.float_area ul{
  display: flex;
  justify-content: center;
}
.float_area ul li:nth-child(2){
  margin-left: 30px;
}
.page-docomo-lp .page-second footer{
  padding-bottom: 150px;
  margin-top: -1px;
}
/*parts*/
.float_area ul li .grd_btn a{
  box-shadow: 0px 5px 10px 0px rgba(121, 69, 31, 0.9);
}
.float_area ul li .grd_btn a{
  height: 85px;
  width: 410px;
  font-size: 24px;
}
.float_area ul li .grd_btn p{
  top: 7px;
  left: 10px;
  border: 3px solid #fff;
  height: 72px;
  width: 392px;
}
.float_area ul li .grd_btn p span.style_01{
  font-size: 21px;
}
.float_area ul li .grd_btn a:after{
	right: 37px;
	width: 17px;
	height: 17px;
	border-top: 4px solid #fff;
	border-right: 4px solid #fff;
}
@media only screen and (max-width: 959px){
  /*parts*/
  .float_area ul li .grd_btn a{
    box-shadow: 0px 0.52vw 1.04vw 0px rgba(121, 69, 31, 0.9);
  }
  .float_area ul li:nth-child(2){
    margin-left: 3.125vw;
  }
  .float_area ul li .grd_btn a{
    height: 8.863vw;
    width: 42.753vw;
    font-size: 2.503vw;
  }
  .float_area ul li .grd_btn p{
    top: 0.73vw;
    left: 1.043vw;
    border: 0.31vw solid #fff;
    height: 7.508vw;
    width: 40.876vw;
  }
  .float_area ul li .grd_btn p span.style_01{
    font-size: 2.19vw;
  }
  .float_area ul li .grd_btn a:after{
    right: 3.858vw;
    width: 1.773vw;
    height: 1.773vw;
    border-top: 0.42vw solid #fff;
    border-right: 0.42vw solid #fff;
  }
  .float_area{
    padding: 1.56vw 0;
    max-width: 100.104vw;
  }
  .page-docomo-lp .page-second footer{
    padding-bottom: 15.855vw;
  }
}
/*------------footer------------*/
/*close*/
.cp_attention_outer{
	padding-top: 15px;
}
.cp_attention__txt3 {
    max-width: 700px;
    min-width: 300px;
    border: 2px solid;
    color: #cc0033;
    font-size: 16px;
    font-weight: 600;
    margin: 0 auto;
    padding: 3% 30px;
    text-align: center;
    background: #fff;
}