html,body{
  overflow-x: hidden;
  margin:0;
  padding: 0;
  font-family: 'YuGothic','Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', 'Meiryo','ＭＳ ゴシック',sans-serif;
  background: none;
}

img{
  border:none;
  image-rendering: -webkit-optimize-contrast;
}

header,footer{
  width: 80%;
  min-height: 1em;
  margin:0 10%;
  padding: 0;
}

header{
  width:100%;
  margin: 0 auto;
  position: relative;
  height:auto;
  overflow: hidden;
}

footer{
  width:100%;
  margin:0 0;
  padding:1em 0;
  clear:none;
  background:#63c2cf ;
}

#SndGenPage footer{
  background:rgba(245,184,102,1);
}

#ThdGenPage footer{
  background:rgba(133,176,181,1);
}

h1{
  width:50%;
  height:9vw;
  margin:4vw 2vw;
  padding:0;
  overflow: hidden;
}

h1 a{
  display: block;
  width:100%;
  height:100%;
  padding:0vw 5vw;
  background: url('../images/sp_images/smtb_logo.svg') no-repeat left ;
  cursor: pointer;
}

h1 img{
    display: none;
}

label{
  cursor: pointer !important;
}

.sp_only{
  display: block;
  text-align: center;
  font-weight:bold;
}

.AlignCenter{text-align: center !important;}
.AlignRight{text-align: right !important;}

#Products {
  margin:0;
  padding:0;
  list-style: none;
}

#container{
  width:100%;
  background:#fff;
  margin:0;
  padding: 0;
  overflow: hidden;
}

#SndGenPage #container{
  background:rgba(245, 184,102, 1);
}

#ThdGenPage #container{
  background:rgba(133, 176,181, 1);
}

#SimBoxInner{
  background:#f5b866;
  padding:0.75em;
  border-radius: 1em;
}

#toplogo{
  width:100%;
  margin:0 auto;
  padding: 0;
}

#toplogoInner{
  width:100%;
  margin:0 auto;
}
#toplogo img{
  width:80% !important;
  margin:0 10%;
  padding:0;
  vertical-align:bottom;
}

#toppage{
  width:100%;
  margin:0 0 0 0;
  padding:2.5em 0 0 0;
  /* background: #63c2cf; */
  background:#66c2d1 url('../images/sp_images/kusa.png') repeat-x center bottom ;
}

#toppageInner{
  width:98%;
  margin:0 auto;
  padding: 1em 0;
}

#toppageInner img{
  width:100%;
  vertical-align:bottom;
}

#footerInner{
  width: 100%;
  margin:0 0%;
  padding:0 0 0 0 ;
  min-height: 2vw;
  text-align:left;
  line-height: 1.6;
  font-size: 2vw;
}

#footerLeft{
  width:96%;
  margin:0 auto;
}

#TopPage #footerLeft{
  display: none;
}

#footerLink{
  margin:0;
  padding:0;
  list-style:none;
}

#footerRight{
  width:96%;
  margin:0 auto;
  text-align: center;
  color: #ffffff;
  font-weight:bold;
}
#top_foota {
  margin: 0px 0px 0 170px;
  position: absolute;
  width: auto;
}
#top_foota a{
  color: #EE8800;
}

#footerLeft {
  display: none;
}

#footer_sp {
  width: auto;
  color: #ffffff;
  height: 10vw;
}

#footer_div_one {
  width: 55%;
  float: left;
  text-align: center;
}

#footer_div_two {
  width: 40%;
  line-height: 7vw;
  height: 7vw;
  float: left;
}

















@media screen AND (max-width:640px){
  #generationList li strong{
    display: block;
    font-size:5.15vw;
    margin-bottom:0.5em;
    line-height: 1.75;
  }

  #generationList li strong br{
    display: block !important;
  }

  #generationList li span{
    font-size:3.75vw;
  }
}

@media screen AND (min-width:641px){
  #generationList li strong{
    display: block;
    margin-bottom:0.5em;
    font-size:4vw;
  }

  #generationList li strong br{
    display: block !important;
  }

  #generationList li span br{
    display:block;
  }

  #generationList li span{
    font-size:2.9vw;
  }

}

#generationList{
  position: static;
  width:100%;
  margin:0 0;
  padding:1em 0;
  min-height:10em;
  list-style: none;
  padding:0;
}


#generationList li{
  width:100%;
  min-height:20vw;
  display:block;
  margin:0 auto 2em auto;
  color:#fff;
  font-weight:bold;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  word-break: break-all;
}

#generationList li a{
  width:76vw;
  height:52vw;
  display:block;
  text-indent: -9999px;
  margin:0 auto;
}

#generationList li span{
  display: block;
  padding:0.75em 2.5vw;
  background:none;
  border-radius:1em;
  line-height: 2em;
  letter-spacing: -0.025em;
}

#generationList_sp {
  display: block;
}

#toppageInner_sp {
  width: 88vw;
  margin: 0 auto;
}

#result_af {
  width: 57vw;
}

#generationList_af {
  margin: 38px auto;
}


#sim_table_af img{
  width: 100%;
}

.sp_none{
  display: none;
}

#GenFst a{
  background:url('../images/sp_images/TopIconFst.png') no-repeat top center;
  background-size: contain;
}

#GenSnd a{
  background:url('../images/sp_images/TopIconSnd.png') no-repeat top center;
  background-size: contain;
}

#GenThd a{
  background:url('../images/sp_images/TopIconThd.png') no-repeat top center;
  background-size: contain;
}



/****************************************************************************/
#toppage #toppage_description{
  display: none;
}

#toppage_description h2{
  margin: 0em 2%;
  font-size:2.65vw;
  padding:1em 0;
  line-height: 1.75em;
  color:#fff;
}

h2{
  font-size:4vw;
  font-weight: bold;
}

h3{
  font-size:3vw;
  font-weight: bold;
}

#toplogo{
  width:100%;
  background: url('../images/sp_images/Top_bg_town.png') repeat-x bottom center;
  background-size: contain;
  margin:1.5vw 0 0em 0;
  padding:0 0 10vw 0;
}

#toplogo img{
  width: 72%;
  margin:0 12%;
}

#ToTop_LCD{
  width:100%;
  background: url('../images/Fst_bg_town.png') repeat-x bottom center;
  background-size: contain;
  margin:5vw 0 0 0;
  padding:0 0 10vw 0;
}

#ToTop_LCD img{
  width: 80%;
  margin:0 10%;
}

#ToTop_top {
  display: none;
}

#result_table th {
  background-color: #0099b3;
  color: #FFFF;
  padding: 1vw;
  font-size: 2vw;
  width: 2vw;
}

#result_table th:nth-child(4) {
  width: 14vw;
}

#result_table td {
  background-color: #ccebf0;
  padding: 1vw;
  font-size: 2.5vw;
  font-weight: bold;
}

#result_table td:nth-child(1) {
  width: 21vw;
  cursor: pointer;
  text-align: center;
  font-size: 3.5vw;
}

#result_table td:nth-child(3) {
  text-align: center;
  width: 16vw;
}

.hh_data_pdf_save {
  height: 10vw;
  width: 10vw;
  background: url(../images/sp_images/is_pdfbtn.png) no-repeat center;
  background-size: contain;
  cursor: pointer;
  margin: 0 auto;
}

.hh_data_pdf_out {
  height: 10vw;
  width: 10vw;
  background: url(../images/sp_images/is_pdfbtn.png) no-repeat center;
  background-size: contain;
  cursor: pointer;
  margin: 0 auto;
}

.hh_data_save {
  width: 10vw;
  height: 10vw;
  background: url(../images/sp_images/is_databtn.png) no-repeat center;
  background-size: contain;
  cursor: pointer;
  margin: 0 auto;
}

.hh_data_out {
  width: 10vw;
  height: 10vw;
  background: url(../images/sp_images/is_databtn.png) no-repeat center;
  background-size: contain;
  cursor: pointer;
  margin: 0 auto;
}

.st_data_pdf_out {
  height: 10vw;
  width: 10vw;
  background: url(../images/sp_images/is_pdfbtn.png) no-repeat center;
  background-size: contain;
  cursor: pointer;
  margin: 0 auto;
}

.st_data_pdf_save {
  height: 10vw;
  width: 10vw;
  background: url(../images/sp_images/is_pdfbtn.png) no-repeat center;
  background-size: contain;
  cursor: pointer;
  margin: 0 auto;
}

.st_data_save {
  width: 10vw;
  height: 10vw;
  background: url(../images/sp_images/is_databtn.png) no-repeat center;
  background-size: contain;
  cursor: pointer;
  margin: 0 auto;
}

.st_data_out {
  width: 10vw;
  height: 10vw;
  background: url(../images/sp_images/is_databtn.png) no-repeat center;
  background-size: contain;
  cursor: pointer;
  margin: 0 auto;
}

.open_hhdiv {
  width: 13vw;
  height: 14vw;
  background: url(../images/sp_images/is_delbtn.png) no-repeat center;
  background-size: contain;
  cursor: pointer;
  margin: 0 auto;
}

.open_hhdiv_out {
  width: 13vw;
  height: 14vw;
  background: url(../images/sp_images/is_delbtn.png) no-repeat center;
  background-size: contain;
  cursor: pointer;
  margin: 0 auto;
}

.open_szkdiv {
  width: 13vw;
  height: 14vw;
  background: url(../images/sp_images/is_delbtn.png) no-repeat center;
  background-size: contain;
  cursor: pointer;
  margin: 0 auto;
}

.open_szkdiv_out {
  width: 13vw;
  height: 14vw;
  background: url(../images/sp_images/is_delbtn.png) no-repeat center;
  background-size: contain;
  cursor: pointer;
  margin: 0 auto;
}



#ToTop_forc {
  display: none;
}

#SndGenPage #ToTop_LCD{
  background: url('../images/GenSnd/Snd_bg_town.png') repeat-x bottom center;
  background-size: contain;
}

#ThdGenPage #ToTop_LCD{
  background: url('../images/GenThd/Thd_bg_town.png') repeat-x bottom center;
  background-size: contain;
}


#container{
  width: 100%;
  padding:0em 0%;
  margin:0;
}


.sp_description{
  display: block;
  text-align: center;
  margin: 0;
  padding:1em 0;
  font-size:4vw;
  background:#fff;
}
/***************************************************/
#menu_sp{
  width:40vw;
  position: absolute;
  right:0;
  top:0;
  background:rgba(255,255,255,1);
  z-index:400;
}

#menu_sp label{
  position: absolute;
  right:2vw;
  top:2vw;
  width:14vw;
  height:14vw;
  background:url('../images/sp_images/menu_off.svg') no-repeat right top;
  background-size: contain;
}

#menu_sp input{
  display: none;
}

#menu_sp input:checked + label{
  position: absolute;
  right:2vw;
  top:2vw;
  width:14vw;
  height:14vw;
  display: block;
  background:#fff url('../images/sp_images/menu_on.svg') no-repeat right top;
  background-size: contain;
}

#menu_sp input:checked + label + #LinkPages{
  display: block;
}

#LinkPages{
  display: none;
  clear:none;
  width:100%;
  margin: 17vw 0 0 0;
  padding:0;
}

#LinkPages li{
  width:100%;
  display: table;
  margin:0 0 0 0;
  padding:0em;
  vertical-align:bottom;
  background: #0099b3;
  font-weight: bold;
  color:#fff;
}

#LinkPages li:first-child a{
  padding:0.5em 4% !important;
}

#LinkPages a{
  width:88%;
  display: table-cell;
  overflow:hidden;
  vertical-align: middle;
  color:#fff;
  font-size: 4vw;
  padding:0.5em 10%;
  text-decoration: none;
  border-bottom:1px solid #fff;
}

.small_txt{
  font-size:3vw !important;
}

#to_result {
  position: absolute;
  width: 33vw;
  right: 15vw;
  top: 6vw;
}

/***************************************************/
#page01_description{
  background:rgba(92,173,214,1);
}

#page02_description{
  background:rgba(245,184,102,1);
}

@media screen and (max-width:320px){
  #page01_description h2,
  #page02_description h2,
  #page03_description h2{
    color:#fff;
    font-size:5.5vw;
  }
 


  #page01_description,
  #page02_description,
  #page03_description{
    margin:0 0 0 0;
    font-size:5vw;
    padding:0.5em 3vw;
  }

}

@media screen and (min-width:321px){
  #page01_description h2,
  #page02_description h2,
  #page03_description h2{
    color:#fff;
    font-size:3.8vw;
  }
  #page01_description h3{
    color:#fff;
  }

  #page01_description,
  #page02_description {
    margin:0 0 0 0;
    font-size:3.5vw;
    padding:0.5em 3vw;
  }
  #page03_description {
    margin: 0 0 0 0;
    font-size: 3.5vw;
    padding: 0.5em 15vw;
  }

}

#page03_description{
  background:rgba(133,176,181,1);
}

/**************************************************/
#page01_images #LifeEvent01_sp{
  background: url('../images/sp/genfst_LifeEvent01_sp.png?v=2') no-repeat left top !important;
  background-size: contain !important;
  text-indent: -9999px;
}

#page01_images #LifeEvent02_sp{
  background: url('../images/sp/genfst_LifeEvent02_sp.png') no-repeat left top !important;
  background-size: contain !important;
  text-indent: -9999px;
}

#page01_images #LifeEvent03_sp{
  background: url('../images/sp/genfst_LifeEvent03_sp.png') no-repeat left top !important;
  background-size: contain !important;
  text-indent: -9999px;
}

#page01_images #LifeEvent04_sp{
  background:url('../images/sp/genfst_LifeEvent04_sp.png') no-repeat left top !important;
  background-size: contain !important;
  text-indent: -9999px;
}

#page22_images {
  height: 180vw;
  background: url(../images/GenFst/GenFst_img22_sp.png) no-repeat left top !important;
  background-size: contain !important;
  text-indent: -9999px;
}

#page24_images {
  height: 135vw;
  background: url(../images/GenSnd/GenSnd_img24_sp.png) no-repeat left top !important;
  background-size: contain !important;
  text-indent: -9999px;
}

#page23_images {
  height: 136vw;
  background: url(../images/GenThd/GenTHd_img23_sp.png) no-repeat left top !important;
  background-size: contain !important;
  text-indent: -9999px;
}



#page01_images {
  background-color: #5cafd7;
}

#LifeEvents_v2 {
  position: absolute;
  margin: 99px 0 0 0;
}
#LifeEvents_v4 {
  position: absolute;
  margin: 26vw 0 0 0;
}
#LifeEvent11,
#LifeEvent12 {
  height: 46vw;
  width: 80vw;
}
#LifeEvents_v4 li a {
  height: 38vw !important;
  display: block;
}

#Products05 {
  margin: 31vw 0 0 0;
  width: 70vw;
}
#Products05 a {
  display: block;
  width: 100%;
  height: 15vw !important;
}

#Product3 {
  position: absolute;
}

#Products06 {
  margin: 27vw 0 0 0vw;
}
#Products06 a {
  display: block;
  width: 70vw;
  height: 13vw !important;
}




#LifeEvent05,
#LifeEvent06,
#LifeEvent07{
  height: 45vw;
  width: 80vw;
}
li {
  list-style: none;
}

#BoxSnd {
  width: 100%;
  margin: 0;
  padding: 30px 0 20px 0;
  background: #c1e0ef;
}

#page02 #BoxSnd {
  background: #FCE7CC;
}

#page01_footerlink {
  height: 90vw;
  background: url(../images/GenFst/FstRenewBox02_sp.png) no-repeat left top !important;
  background-size: contain !important;
  text-indent: -9999px;
}

#page04_footerlink {
  height: 75vw;
  background: url(../images/GenFst/FstRenewBox03_sp.png?v=4) no-repeat left top !important;
  background-size: contain !important;
  text-indent: -9999px;
  width: 90%;
  margin: 0 auto;
}

#page07_footerlink {
  height: 75vw;
  background: url(../images/GenSnd/FstRenewBox07_sp.png) no-repeat left top !important;
  background-size: contain !important;
  text-indent: -9999px;
  width: 90%;
  margin: 0 auto;
}
#page08_footerlink {
  height: 170vw;
  background: url(../images/GenSnd/FstRenewBox08_sp.png) no-repeat left top !important;
  background-size: contain !important;
  text-indent: -9999px;
  width: 90%;
  margin: 0 auto;
}
#page09_footerlink {
  height: 90vw;
  background: url(../images/GenSnd/FstRenewBox09_sp.png) no-repeat left top !important;
  background-size: contain !important;
  text-indent: -9999px;
  width: 90%;
  margin: 0 auto;
}

#page05_footerlink {
  height: 77vw;
  background: url(../images/GenThd/FstRenewBox05_sp.png?v=2) no-repeat left top !important;
  background-size: contain !important;
  text-indent: -9999px;
  width: 90%;
  margin: 0 auto;
}


#page06_footerlink {
  height: 135vw;
  background: url(../images/GenThd/FstRenewBox06_sp.png?v=3) no-repeat left top !important;
  background-size: contain !important;
  text-indent: -9999px;
  width: 90%;
  margin: 0 auto;
}

#Products {
  width: 65vw;
  margin: 11vw auto 0 auto;
  padding: 0;
  list-style: none;
}


#Products01 {
  margin: 38vw 0 0 9vw;
  width: 70vw;
}

#Products li a {
  overflow: hidden;
  display: block;
  height: 15vw !important;
}


#page02_description_pc {
  display: none;
}

#page03_description_h2_pc {
  display: none;
}


#page02_description_sp {
  height: 49vw;
  background: url(../images/GenSnd/sp_page02_sp.png?v=2) no-repeat left top !important;
  background-size: contain !important;
  width: 97vw;
}



#page02_description {
  width: 57vw;
}

/* #sp_page02 {
  margin: -37vw 0 0 50vw;
  height: 34vw;
  background: url(../images/GenSnd/sp_page02_sp.png) no-repeat left top !important;
  background-size: contain !important;
  text-indent: -9999px;
  width: 90%;
} */

#HowToUse{
  text-align: right;
  margin-right: 5%;
  margin-bottom:0.5em;
}

#HowToUse img{
  width:20vw;
}

/**************************************************/
#page02_images #LifeEvent01_sp{
  background: url('../images/sp/gensnd_LifeEvent01_sp.png') no-repeat left top !important;
  background-size: contain !important;
  text-indent: -9999px;
}

#page02_images #LifeEvent02_sp{
  background: url('../images/sp/gensnd_LifeEvent02_sp.png') no-repeat left top !important;
  background-size: contain !important;
  text-indent: -9999px;
}

#page02_images #LifeEvent03_sp{
  background: url('../images/sp/gensnd_LifeEvent03_sp.png') no-repeat left top !important;
  background-size: contain !important;
  text-indent: -9999px;
}

/**************************************************/
#page03_images #LifeEvent01_sp{
  background: url('../images/sp/genthd_LifeEvent01_sp.png?v=2') no-repeat left top !important;
  background-size: contain !important;
  text-indent: -9999px;
}

/**************************************************/
/**グローバルメニュー**/


/*****************************************************/
#LifeEvents{
  margin:0;
  padding: 0;
  list-style: none;
}

#LifeEvents li{
  padding:0em 0em 0em 0em ;
  margin:0 0 0 0;
}

#page02_images #LifeEvents{
  background:#f5b866;
}

#page03_images #LifeEvents{
  background:rgba(133,176,181,1);
}

#LifeEvent01_sp,
#LifeEvent02_sp,
#LifeEvent03_sp,
#LifeEvent04_sp{
  font-size:130%;
  font-weight: bold;
  background:#0099b3;
  color:#fff;
  display: block;
  padding:0;
  letter-spacing: 0.15em;
  cursor: pointer;
}

.sp_toggle{
  display:none;
}

#sp_ac1,
#sp_ac2,
#sp_ac3,
#sp_ac4{
  height:0;
  opacity: 0;
  visibility: hidden;
  font-size: 120%;
  width:96%;
  margin: 0;
  padding:0em 2%;
  background:#fff;
}

#sp_ac1 img,
#sp_ac2 img,
#sp_ac3 img,
#sp_ac4 img{
  width:100%;
  text-align:center;
  padding:0.5em 0;
}

.sp_toggle:checked + #LifeEvent01_sp + #sp_ac1,
.sp_toggle:checked + #LifeEvent02_sp + #sp_ac2,
.sp_toggle:checked + #LifeEvent03_sp + #sp_ac3,
.sp_toggle:checked + #LifeEvent04_sp + #sp_ac4{
  height:auto;
  opacity: 1;
  visibility: visible;
}

.LifeEvent_pc{
  display: none;
}

.Introduction{
  font-size:4vw;
  font-weight: bold;
  background:rgba(193,224,239,1);
  color:#17b;
  margin:0;
  padding:0.75em 0;
  /*word-break: keep-all;*/
}

.Introduction br{
  display: none;
}

.Introduction p{
  margin:0 auto;
  padding:0.25em 1em;
}

.Snd_color{
  background:#fce7cc !important;
  color:#ee8800 !important;
}

.Thd_color{
  background:#cedfe1 !important;
  color:#0099b3 !important;
}

#page01_footerlink{
  width: 90%;
  margin: 0 auto;
}

#page01_footerlink #Products{
  padding:0 0 0 0;
  margin:0 1% 1em 1%;
  list-style: none;
  text-align:center;
}

#page01_footerlink #Products li{
  text-align:center;

}

#sp_genfst_product img,
#sp_gensnd_product img,
#sp_genthd_product img{
  width:100%;
}

/* #page01_footerlink #Products #Products01{
  margin:1em auto 3em auto;
  height:3em;
  width:90%;
  background:url('../images/sp/LinkBtn_tsumitate.svg') no-repeat center top;
  background-size: contain;
  overflow: hidden;
} */

#page01_footerlink #Products #Products01 a{
  display: block;
  width:100%;
  height:3em;
  text-indent: -9999px;
}

#page01_footerlink #Products #Products02,
#page01_footerlink #Products #Products03,
#page01_footerlink #Products #Products04{
  clear:none;
  margin-bottom: 1em;
  width:60%;
  padding:0em;
  background:#e80;
  border-radius:1em;
  box-shadow: 0px 5px 1px #ccc;
  font-size:2.5vw;
}

#page01_footerlink #Products #Products02 a,
#page01_footerlink #Products #Products03 a,
#page01_footerlink #Products #Products04 a{
  display: block;
  width:100%;
  height:100%;
  color:#fff;
  font-weight: bold;
  text-decoration:none;
  padding:1em;
  font-size:130%;
}

#page01 #BoxThd{
  font-size: 3vw;
}

#page01 #BoxThd .NextSteps{
border:none;
width:92vw;
margin:0 0 1.5em 0;
padding:1vw;
}

#page01 #BoxThd .NextSteps:first-child{
border:none;
background:rgba(193,224,239,1);
}

.NextBtn_list {
  margin:0 0.5em 1.5em 0.5em;
  padding:0 0 0 0 ;
  list-style: none;
}

.NextBtn_list li{
  padding:0em;
  line-height:1;
  font-size:3vw;
  margin:1em 0;
  overflow: hidden;
  width:320px;
  height:55px;
  border-radius: 10px;
  box-shadow: 0px -5px #ababab inset;
  overflow: hidden;
  margin-right: 3em;
  margin-bottom:1.5em;
  padding:0 0;
  min-height:1em;
  line-height:1.5;
}

.NextBtn_list li span{
  display: none;
}

.NextBtn_list li a{
  display: block;
  width:100%;
  height:4em;
  text-align: center;
  text-indent:-9999px;
}

#BoxThdBtn01{
  width:100%;
  min-height:4.9em;
  background: url('../images/sp/sp_outer_seiho.svg') no-repeat center top;
  background-size: contain;
}

#BoxThdBtn02{
  width:100%;
  min-height:4.9em;
  background: url('../images/sp/sp_outer_kanihoken.svg') no-repeat center top;
  background-size: contain;
}

#BoxThdBtn03{
  width:100%;
  min-height:4.9em;
  background: url('../images/sp/sp_outer_yoyaku.svg') no-repeat center top;
  background-size: contain;
}

#BoxThdBtn04{
  width:100%;
  min-height:4.9em;
  background: url('../images/sp/sp_outer_sim.svg') no-repeat center top;
  background-size: contain;
}

#page01 #BoxThd .NextSteps:last-child{
border:none;
background:rgba(193,224,239,1);
}

.NextStepCatch{
  font-weight: bold;
  margin:0.5em;
  font-size: 4.25vw;
}

/* #BoxSnd,
.NextSteps{
  width:90vw;
  margin:0.75em auto;
  padding:0;
  background:#fff;
  border-radius: 2vw;
  border:2vw solid rgba(0,153,179,1);
} */

/*******************************************************/

/* #page02 #BoxSnd{
  background:#fff;
  border:1.5vw solid #0099b3;
} */

#page02 #ExampleGraph{
  margin:0;
  padding:1em 0;
  background:rgba(252,231,204,1);
  font-size:4vw;
}

#ExampleGraphInner{
  width:94%;
  margin:1em auto;
  padding:26px 0;
  border:4px solid #eebb00;
  border-radius:15px;
  background:#fff;
}

#ExampleGraphInner p{
  margin:0.5em 1em;
  text-align: center;
}

#ExampleGraphInner img{
  width:98%;
  margin:0 auto;
}

@media screen AND (max-width:640px){
  #page02 #Products01{
    height:4em;
  }

  #page03 #Products01{
    height:4em;
  }
}

@media screen AND (min-width:641px){
  #page02 #Products01{
    height:7em;
    margin-bottom:2em !important;
  }

  #page03 #Products01{
    height:7em;
    margin-bottom:2em !important;
  }
}

/* #page02 #Products01{
  width:80%;
  margin:1em auto;
  background:url('../images/sp/sp_btn_secondlife.svg') no-repeat center top;
  background-size: contain;
  text-align: center;
  overflow: hidden;
} */

#page02 #Products01 a{
  display: block;
  width:100%;
  height:100%;
  text-indent: -9999px;
}

#page03 #Products01{
  width:80%;
  margin:1em auto;
  background:url('../images/sp/sp_btn_sozoku.svg') no-repeat center top;
  background-size: contain;
  text-align: center;
  overflow: hidden;
}

#page03 #Products01 a{
  display: block;
  width:100%;
  height:100%;
  text-indent: -9999px;
}


/*******************************************************/

#page03 #BoxSnd{
  background:#cedfe1;
  /* border:1.5vw solid #0099b3; */
}


.NextSteps_list{
  margin:0;
  padding:0;
  list-style: none;
}

.NextSteps_list li{
  vertical-align: middle;
  display: inline-block;
  margin-bottom: 1em;
  width:48.5%;
  padding:0em;
  background:#e80;
  border-radius:1em;
  box-shadow: 0px 5px 1px #ccc;
  font-size:2.25vw;
}

.NextSteps_list li a{
display: block;
width:100%;
height:100%;
color:#fff;
font-weight: bold;
text-decoration:none;
padding:1em;
font-size:130%;
vertical-align: middle;
}

/******************************************************************************/
/**SIM SP**************************************************************************/
/******************************************************************************/
#SimForm01 dl{
  width:90%;
  clear: none;
  display:block;
  margin:3em auto 3em auto;
  padding:0;
}

#SimForm01 dt{
display: none;
}

#SimForm01 dd{
  display:block;
  margin:0 0 1em 0 ;
  text-align: center;
}

#SimForm01 label{
  display: inline-block;
  background:#fff;
  color:#0099b3;
  margin:0;
  padding:0.5em;
  cursor:pointer;
  text-align: center;
  width: 40%;
  border:3px solid #0099b3;
  border-radius: 8px 0px 0px 8px /8px 0px 0px 8px ;
  font-weight:bold;
}

@media screen AND (min-width:641px){
  #SimForm01 label{
    padding:0.5em 0.5em;
    font-size:200%;
  }
}


#LastChld{
  border-left:none !important;
  border-radius: 0px 8px 8px 0px /0px 8px 8px 0px !important;
}


#LastChld_two{
  border-left:none !important;
  border-radius: 0px 8px 8px 0px /0px 8px 8px 0px !important;
}

#LastChld_three { 
  border-left:none !important;
  border-radius: 0px 8px 8px 0px /0px 8px 8px 0px !important; 
}

#LastChld_four {
  border-left:none !important;
  border-radius: 0px 8px 8px 0px /0px 8px 8px 0px !important; 
}

.AlignCenter {  
  font-size: 2.8vw;
}

#SimForm01 input[type=radio]{
  display: none;
}

#SimForm01 input[type=radio]:checked + label{
  background:#0099b3;
  color:#fff;
}

.InlineBlock{
  width:40%;
  margin:0 auto;
  display: inline-block;
  font-size: 140%;
}


.SimForm01_age{
  width:8vh;
  padding:0.5vw 1vw;
  border-radius: 6px;
  border:2px solid #0099b3;
  text-align: right;
  font-size: 5vh;
}

#SubmitBtn{
  width:100%;
  margin:0;
  clear: none;
}

#SubmitBtn input[type=submit]{
  display: block;
  border:none;
  margin:0 auto 1.5em auto;
  width:50%;
  height:70px;
  background:url('../images/Submit_btn.png') no-repeat top center;
  background-size: contain;
  text-indent: -9999px;
}

#SubmitBtn input[type=submit]:hover{
  opacity: 0.75;
  cursor: pointer;
}

/***************************************************************/
/* #page01 #CommonLink{
  width:100%;
  min-height:205vw;
  margin:1em 0 0 0 ;
  padding:0vw;
  background:url('../images/graph_footer_bg.png') no-repeat bottom center;
  background-size: contain;
} */

#footermae_fst {
  background: rgb(255 255 255 / 0%) url(../images/GenFst/graph_footer_bg_sp.png) no-repeat bottom center;
  width: 101vw;
  height: 40vw;
  background-size: contain !important;
  margin: 0px auto;
}

#footermae_snd{
  background: rgb(255 255 255 / 0%) url(../images/GenSnd/graph_footer_bg_sp2.png) no-repeat bottom center;
  width: 101vw;
  height: 50vw;
  background-size: contain !important;
  margin: 0px auto;
}

#footermae_thd{
  background: rgb(255 255 255 / 0%) url(../images/Genthd/graph_footer_bg_sp3.png) no-repeat bottom center;
  width: 101vw;
  height: 50vw;
  background-size: contain !important;
  margin: 0px auto;
}



#page01 #Btn1st{
  width:94vw;
  min-height:83vw;
  margin:1em auto 1em auto;
  padding: 0px;
  background:rgba(193,224,239,1) url('../images/sp/fst_linkbtn_sp.png') no-repeat;
  background-position: center top;
  background-size: contain;
  overflow: hidden;
  border-radius: 0.5em;
}

#page01 #Btn1st_Link{
width:65vw;
margin: 85vw auto 0 auto;
padding:0;
list-style: none;
}


#faker_div {
  position: absolute;
  background-color: #ffffff;
  margin: -10vw 0 0 8vw;
  width: 55vw;
  height: 9vw;
  font-size: 3vw;
  line-height: 9vw;
  font-weight: bold;
  color: #ee8800;
}

#page01 #Btn1st_Link li{
  width:65vw;
  height:10.5vw;
  margin:0 auto 3vw auto;
  padding:0;
  overflow: hidden;
  border-radius: 0.5em;
  background:none;
  box-shadow: 0vw 1vw rgba(0, 0, 0, 0.3);
}

#page01 #Btn1st_Link li a{
  display: block;
  width:100%;
  height:100%;
  text-indent: -9999px;
  background:rgba(238,136, 0,1) url('../images/sp/btn_raiten.png') no-repeat left top;
  background-size: contain;
}

#page01 #Btn1st_Link li:last-child a{
  background:#fff url('../images/sp/btn_sim.png') no-repeat center top;
  background-size: contain;
}

#page01 #Btn2nd{
  width: 93vw;
  height: 50vw;
  margin: 0 auto 2em auto;
  /* padding: 0px 20px; */
  background: url(../images/sf/FstRenewBox04.png?v=2) no-repeat bottom center;
  overflow: hidden;
  color: rgba(68, 68, 68, 1);
  font-weight: bold;
  font-size: 110%;
  background-size: contain;
}

#Btn2nd_gfs {
  width: 100%;
  margin: 0px 0 0 0px;
  padding: 0;
  list-style: none;
  height: 50vw;
}

#Btn2nd_gfs li {
  width: 93vw;
  height: 51vw;
  background: none;
  padding: 0;
  display: inline-block;
  overflow: hidden;
  cursor: pointer;
}

#Btn2nd_gfs li a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
}



#page03 #Btn4nd{
  width: 93vw;
  height: 50vw;
  margin:1em  auto 1em auto;
  /* padding: 0px 20px; */
  background: url(../images/sf/FstRenewBox04.png?v=2) no-repeat bottom center;
  overflow: hidden;
  color: rgba(68, 68, 68, 1);
  font-weight: bold;
  font-size: 110%;
  background-size: contain;
}

#Btn3nd_gfs {
  width: 100%;
  margin: 0px 0 0 0px;
  padding: 0;
  list-style: none;
  height: 50vw;
}

#Btn3nd_gfs li {
  width: 93vw;
  height: 51vw;
  background: none;
  padding: 0;
  display: inline-block;
  overflow: hidden;
  cursor: pointer;
}

#Btn3nd_gfs li a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
}








#page01 #Btn2nd p{
  margin: 2vw 2.5vw 3.5vw 2.5vw;
  font-size: 3.75vw;
}

#page01 #Btn2nd_Link{
  width:94vw;
margin: 0vw auto auto auto;
padding:0vw 0 0 0 ;
list-style: none;
background:none ;
background-size: contain;
}

#page01 #Btn2nd_Link li{
  width:65vw;
  height:11.65vw;
  margin:0 auto 3vw auto;
  padding:0;
  overflow: hidden;
  border-radius: 0.5em;
  background:none;
  box-shadow: 0vw 1vw rgba(0, 0, 0, 0.3);
}

#page01 #Btn2nd_Link li a{
  display: block;
  width:100%;
  height:100%;
  text-indent: -9999px;
  background:rgba(51,153,204,1) url('../images/sp/btn_hoken1.png') no-repeat left top;
  background-size: contain;
}

#page01 #Btn2nd_Link li:last-child a{
  background:rgba(51,153,204,1) url('../images/sp/btn_hoken2.png') no-repeat center top;
  background-size: contain;
}
/***********************************************************/

#page02 #CommonLink{
  width:100%;
  min-height:200vw;
  margin:1em 0 0 0 ;
  padding:0vw;
  background:url('../images/graph_footer_bg.png') no-repeat bottom center;
  background-size: contain;
}

#page02 #Btn1st{
  width:94vw;
  min-height:83vw;
  margin:0 2% 1em 2%;
  padding: 0px;
  background:rgba(252,231,204,1) url('../images/sp/snd_linkbtn.png') no-repeat;
  background-position: center top;
  background-size: contain;
  overflow: hidden;
  border-radius: 0.5em;
}

#page02 #Btn1st_Link{
width:65vw;
margin: 85vw auto 0 auto;
padding:0;
list-style: none;
}

#page02 #Btn1st_Link li{
  width:65vw;
  height:10.5vw;
  margin:0 auto 3vw auto;
  padding:0;
  overflow: hidden;
  border-radius: 0.5em;
  background:none;
  box-shadow: 0vw 1vw rgba(0, 0, 0, 0.3);
}

#page02 #Btn1st_Link li a{
  display: block;
  width:100%;
  height:100%;
  text-indent: -9999px;
  background:rgba(238,136, 0,1) url('../images/sp/btn_raiten.png') no-repeat left top;
  background-size: contain;
}

#page02 #Btn1st_Link li:last-child a{
  background:#fff url('../images/sp/btn_sim.png') no-repeat center top;
  background-size: contain;
}

#page02 #Btn2nd{
  width:94vw;
  margin:0 auto 3vw auto;
  padding: 1em 0 ;
  background:rgba(194,224,239,1);
  color: rgba(68, 68, 68, 1);
  font-weight: bold;
  border-radius: 0.5em;
  box-shadow: 0vw 1vw rgba(0, 0, 0, 0.3);
}

#page02 #Btn2nd p{
  margin: 2vw 2.5vw;
  font-size: 3.75vw;
}

#page02 #Btn2nd_Link{
  width:94vw;
margin: 0vw auto auto auto;
padding:0vw 0 0 0 ;
list-style: none;
background:none ;
background-size: contain;
}

#page02 #Btn2nd_Link li{
  width:65vw;
  height:11.65vw;
  margin:0 auto 3vw auto;
  padding:0;
  overflow: hidden;
  border-radius: 0.5em;
  background:none;
  box-shadow: 0vw 1vw rgba(0, 0, 0, 0.3);
}

#page02 #Btn2nd_Link li a{
  display: block;
  width:100%;
  height:100%;
  text-indent: -9999px;
  background:rgba(51,153,204,1) url('../images/sp/btn_hoken1.png') no-repeat left top;
  background-size: contain;
}

#page02 #Btn2nd_Link li:last-child a{
  background:rgba(51,153,204,1) url('../images/sp/btn_hoken2.png') no-repeat center top;
  background-size: contain;
}

/***********************************************************/

#page03 #CommonLink{
  width:100%;
  min-height:225vw;
  margin:1em 0 0 0 ;
  padding:0vw;
  background:url('../images/graph_footer_bg.png') no-repeat bottom center;
  background-size: contain;
}

#page03 #Btn1st{
  width:94vw;
  min-height:83vw;
  margin:0 2% 1em 2%;
  padding: 0px;
  background:rgba(206,223,225,1) url('../images/sp/thd_linkbtn.png') no-repeat;
  background-position: center top;
  background-size: contain;
  overflow: hidden;
  border-radius: 0.5em;
}

#page03 #Btn1st_Link{
width:65vw;
margin: 85vw auto 0 auto;
padding:0;
list-style: none;
}

#page03 #Btn1st_Link li{
  width:65vw;
  height:10.5vw;
  margin:0 auto 3vw auto;
  padding:0;
  overflow: hidden;
  border-radius: 0.5em;
  background:none;
  box-shadow: 0vw 1vw rgba(0, 0, 0, 0.3);
}

#page03 #Btn1st_Link li a{
  display: block;
  width:100%;
  height:100%;
  text-indent: -9999px;
  background:rgba(238,136, 0,1) url('../images/sp/btn_raiten.png') no-repeat left top;
  background-size: contain;
}

#page03 #Btn1st_Link li:last-child a{
  background:#fff url('../images/sp/btn_sim.png') no-repeat center top;
  background-size: contain;
}

#page03 #Btn2nd{
  width:94vw;
  margin:0 auto 3vw auto;
  padding: 1em 0 ;
  background:rgba(194,224,239,1);
  color: rgba(68, 68, 68, 1);
  font-weight: bold;
  border-radius: 0.5em;
  box-shadow: 0vw 1vw rgba(0, 0, 0, 0.3);
}

#page03 #Btn2nd p{
  margin: 2vw 2.5vw;
  font-size: 3.75vw;
}

#page03 #Btn2nd_Link{
  width:94vw;
margin: 0vw auto auto auto;
padding:0vw 0 0 0 ;
list-style: none;
background:none ;
background-size: contain;
}

#page03 #Btn2nd_Link li{
  width:65vw;
  height:11.65vw;
  margin:0 auto 3vw auto;
  padding:0;
  overflow: hidden;
  border-radius: 0.5em;
  background:none;
  box-shadow: 0vw 1vw rgba(0, 0, 0, 0.3);
}

#page03 #Btn2nd_Link li a{
  display: block;
  width:100%;
  height:100%;
  text-indent: -9999px;
  background:rgba(51,153,204,1) url('../images/sp/btn_hoken1.png') no-repeat left top;
  background-size: contain;
}

#page03 #Btn2nd_Link li:last-child a{
  background:rgba(51,153,204,1) url('../images/sp/btn_hoken2.png') no-repeat center top;
  background-size: contain;
}

/***********************************************************/
@media screen AND (min-width:1024px){
  #pageTop a{
    display:block;
    position: relative;
    text-decoration: none;
    width:1vw;
    height:1vw;
    border-right:3px solid rgba(102,194,209,1);
    border-bottom:3px solid rgba(102,194,209,1);
     transform: rotate(-135deg);
     padding:5px 5px 5px 5px ;
     margin:0 auto;
  }

  #pageTop p{
    clear:none;
    font-size:1.5vw;
    text-align: center;
    line-height:1;
    font-weight: bold;
    margin-top: 0px;
    color:rgba(102,194,209,1);
    cursor: pointer;
  }
}

@media screen AND (max-width:1023px){
  #pageTop{
    display: block;
    width:7vw;
    height:6vw;
    position:fixed;
    right:0;
    bottom:0;
    z-index:200;
    background:rgba(255,255,255, 0.75);
    border:3px solid  rgba(102,194,209,1);
    margin-right:2vw;
    margin-bottom:2vw;
    overflow: hidden;
    padding:1vw;
    text-align:center;
    cursor: pointer;
  }

  #pageTop a{
    display:block;
    position: relative;
    text-decoration: none;
    width:1vw;
    height:1vw;
    border-right:3px solid rgba(102,194,209,1);
    border-bottom:3px solid rgba(102,194,209,1);
     transform: rotate(-135deg);
     padding:1vw ;
     margin:2vw auto 0 auto;
  }

  #pageTop p{
    display: none;
  }
}

/******************************************************/
@media screen AND (max-width:320px){
#AbsoSide{
  background:none;
  position:fixed;
  width:8vw;
  z-index:200;
  right:-0;
  bottom:0;
  overflow: hidden;
}

#ReserveBtn3{
  /*width:5vw;*/
  height:38vw;
  z-index:200;
  overflow: hidden;
  text-align:center;
  font-size:180%;
  display: table;
  line-height:0;
  margin-bottom:0.5em;
}

#ReserveBtn3 a{
  width:8vw;
  height:38vw;
  display: block;
  padding:0em;
  color:#fff;
  text-decoration: none;
  vertical-align: middle;
  background: url('../images/sideBtn_res_orange.png') no-repeat right top;
  background-size: contain;
  text-indent: -9999px;
}

#ReserveBtn2{
  /*width:5vw;*/
  height:38vw;
  z-index:200;
  overflow: hidden;
  text-align:center;
  font-size:180%;
  display: table;
  line-height:0;
  margin-bottom:0.5em;
}

#ReserveBtn2 a{
  width:8vw;
  height:38vw;
  display: block;
  padding:0em;
  color:#fff;
  text-decoration: none;
  vertical-align: middle;
  /* background: url('../images/sideBtn_res_blue.png') no-repeat right top; */
  background-size: contain;
  text-indent: -9999px;
}

#InnerSimBtn2{
  width:8vw;
  height:58vw;
  overflow: hidden;
  text-align:center;
  display: table;
  line-height:0;
}

#InnerSimBtn2 a{
  width:8vw;
  height:58vw;
  display: block;
  padding:0em;
  color:rgba(255, 255, 255, 0);
  vertical-align: middle;
  /* background:url('../images/sideBtn_sim_cyan.png') no-repeat right top; */
  background-size: contain;
  text-indent: -9999px;
  line-height: 0;
}

#InnerSimBtn3{
  width:8vw;
  height:58vw;
  overflow: hidden;
  text-align:center;
  display: table;
  line-height:0;
}

#InnerSimBtn3 a{
  width:8vw;
  height:58vw;
  display: block;
  padding:0em;
  color:rgba(255, 255, 255, 0);
  vertical-align: middle;
  background:url('../images/sideBtn_sim_blue.png') no-repeat right top;
  background-size: contain;
  text-indent: -9999px;
  line-height: 0;
}

}/*max-width:320*/

@media screen AND (min-width:321px){
#AbsoSide{
  background:none;
  position:fixed;
  width:6vw;
  z-index:200;
  right:-0;
  bottom:0;
  overflow: hidden;
}

#ReserveBtn3{
  /*width:5vw;*/
  height:6vw;
  z-index:200;
  overflow: hidden;
  text-align:center;
  font-size:180%;
  display: table;
  line-height:0;
  margin-bottom:0.5em;
}

#ReserveBtn3 a{
  width:6vw;
  height:28vw;
  display: block;
  padding:0em;
  color:#fff;
  text-decoration: none;
  vertical-align: middle;
  background:url('../images/sideBtn_res_orange.png') no-repeat right top;
  background-size: contain;
  text-indent: -9999px;
}

#ReserveBtn2{
  /*width:5vw;*/
  height:28vw;
  z-index:200;
  overflow: hidden;
  text-align:center;
  font-size:180%;
  display: table;
  line-height:0;
  margin-bottom:0.5em;
}

#ReserveBtn2 a{
  width:6vw;
  height:28vw;
  display: block;
  padding:0em;
  color:#fff;
  text-decoration: none;
  vertical-align: middle;
  /* background: url('../images/sideBtn_res_blue.png') no-repeat right top; */
  background-size: contain;
  text-indent: -9999px;
}

#InnerSimBtn2{
  width:6vw;
  height:42vw;
  overflow: hidden;
  text-align:center;
  display: table;
  line-height:0;
}

#InnerSimBtn2 a{
  width:6vw;
  height:42vw;
  display: block;
  padding:0em;
  color:rgba(255, 255, 255, 0);
  vertical-align: middle;
  /* background:url('../images/sideBtn_sim_cyan.png') no-repeat right top; */
  background-size: contain;
  text-indent: -9999px;
  line-height: 0;
}

#InnerSimBtn3{
  width:6vw;
  height:42vw;
  overflow: hidden;
  text-align:center;
  display: table;
  line-height:0;
}

#InnerSimBtn3 a{
  width:6vw;
  height:42vw;
  display: block;
  padding:0em;
  color:rgba(255, 255, 255, 0);
  vertical-align: middle;
  background:url('../images/sideBtn_sim_blue.png') no-repeat right top;
  background-size: contain;
  text-indent: -9999px;
  line-height: 0;
}

}/*min-width:321px*/

/************************************************************/
@media screen AND (max-width:1023px){
  #pageTop{
    margin-right: 1vw;
    margin-bottom: 15vw;
  }

  footer{
    padding-bottom:14vw;
  }

  #AbsoSide{
    display: none;
  }
}

#FixedLink{
  display: none;
  width:96%;
  min-height: 6vw;
  padding:0.25em 2%;
  position:fixed;
  bottom:0;
  background:rgba(255, 255,255, 0.9);
  border-top: 2px solid rgba(70, 70, 70, 0.5);
  z-index: 190;
  font-size:3.75vw;
}

#FixedLink ul{
  width:94vw;
  margin:0 0 0 1vw;
  padding:0 0;
  display: table;
  vertical-align: middle;
  text-align: center;
}

#FixedLink_Btn1{
  width:22vw;
  display: inline-block;
  vertical-align: middle;
  padding:0 0 0 8vw;
  margin:0 1vw 0 0;
  background:#e80 url('../images/sp/list_icon_res.svg') no-repeat center;
  background-size: contain;
  color:#fff;
  font-weight: bold;
  overflow: hidden;
  border-radius: 0.3em;
}

#FixedLink li a{
  display: block;
  width:96%;
  height:100%;
  padding:0.75em 2%;
  color:#fff;
  text-indent: -9999px;
}

#FixedLink_Btn2{
  width:22vw;
  display: inline-block;
  vertical-align: middle;
  padding:0 0 0 8vw;
  background:rgba(51,153,204,1)  url('../images/sp/list_icon_sim.svg') no-repeat center;
  color:#fff;
  font-weight: bold;
  overflow: hidden;
  border-radius: 0.3em;
  font-size: 3.6vw;
  text-align: left;
}

#FixedLink_Btn3{
  width:22vw;
  display: inline-block;
  vertical-align: middle;
  padding:0 0 0 8vw;
  background:rgba(153, 204, 0)  url('../images/sp/list_icon_online.svg') no-repeat center;
  color:#fff;
  font-weight: bold;
  overflow: hidden;
  margin: 0 1vw 0 0;
  border-radius: 0.3em;
  font-size: 3.6vw;
  text-align: left;
}


#ab_header3_div{
  display: none;
}

#logout_div {
  display: none;
}

#LifeEvents_v3 {
  position: absolute;
  margin: 26vw 0 0 0;
}

#LifeEvent08 {
  height: 46vw;
  width: 80vw;
}
#LifeEvents_v3 li a {
  height: 38vw !important;
  display: block;
}


/*共通なっている、sozokusp to hhsp*/
#to_result_hh {
  width: 63vw;
  margin: 2vw auto;
}


#result_table_div {
  height: 74vw;
  overflow-y: scroll;
}

#is_back_five {
  width: 37vw;
}

#is_back_five input[type=submit]:hover{
  opacity: 0.75;
  cursor: pointer;
}

#is_back_four { 
  width: 37vw;
}

#is_back_four input[type=submit]:hover{
  opacity: 0.75;
  cursor: pointer;
}

#SubmitBtn_eight{
  width:40%;
  margin:0;
  clear: none;
}

#SubmitBtn_eight input[type=submit]{
  display: block;
  border:none;
  width:100%;
  height:70px;
  background:url('../images/sp_images/Submit_btn.png') no-repeat top center;
  background-size: contain;
  text-indent: -9999px;
}

#SubmitBtn_eight input[type=submit]:hover{
  opacity: 0.75;
  cursor: pointer;
}


#SubmitBtn_five{
  width:40%;
  margin:0;
  clear: none;
}

#SubmitBtn_five input[type=submit]{
  display: block;
  border:none;
  width:100%;
  height:70px;
  background:url('../images/sp_images/Submit_btn.png') no-repeat top center;
  background-size: contain;
  text-indent: -9999px;
}

#SubmitBtn_five input[type=submit]:hover{
  opacity: 0.75;
  cursor: pointer;
}

#fiex_four {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
}

#fiex_five {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
}

#is_back_six { 
  width: 40vw;
  margin: 0 auto;
}


.popup-need {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 60;
}

.popup-need .popup-inner {
  width: 300px;
  height: 150px;
  position: absolute;
  top: 140vw;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 70;
  border-radius: 8px;
  background: #ffffff;
}

.popup-need .popup-close_need:before { 
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 60;
  background: #000000;
  height: 560vw;
  opacity: 0.2;
}

#openclose-inner_pop { 
  clear: both;
  float: none;
  width: 280px;
  margin: 0 auto 10px auto;
  padding: 10px 0 !important;
  background: #ffffff;
  border-radius: 10px;
 }

 #openclose-inner_pop h2.title {
  color: #0099b3;
  font-size: 20px;
  text-align: center;
  margin: 0 0 0 0;
 }

 #openclose-inner_pop #fusogaku_result { 
  position: absolute;
  top: 50px;
  left: 0;
  width: 100%;
  font-size: 24px;
  text-align: center;
 }
 #popup_need_close {
  width: 135px;
  height: auto;
  position: absolute;
  top: 105px;
  left: 85px;
  z-index: 30;
  cursor: pointer;
 }