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

h1,h2,h3{
  margin:0;
  padding: 0;

}

img{
  border:none;
}

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

footer{
  min-height: 1em;
  margin:0 auto;
  padding: 0;
}

header{
  width:1000px !important;
  margin: 0 auto !important;
  position: relative;
  height:60px !important;
  overflow: hidden;
}

input::-ms-clear {
    visibility:hidden !important;
    display: none !important;
}

#ToTop_LCD{
  width:195px;
  position: absolute;
  top:0;
  right:0;
  z-index: 10;
  margin-top: -5px;
}

#ToTop_LCD a img{
  position: static;
  margin:0;
  padding: 24px 0 0 0;
  width:100%;
}

#ToTop_forc{
  width:195px;
  position: absolute;
  top:0;
  right:0;
  z-index: 10;
  margin-top: -5px;
}

#ToTop_forc a img{
  position: static;
  margin:0;
  padding: 24px 0 0 0;
  width:100%;
}

#ToTop_top{
  width:195px;
  position: absolute;
  top:0;
  right:0;
  z-index: 10;
  margin-top: -5px;
}

#ToTop_top a img{
  position: static;
  margin:0;
  padding: 24px 0 0 0;
  width:100%;
}

#result_table td:nth-child(1){
  padding: 8px 8px 8px 20px;
}

#result_table th{
  background-color: #0099b3;
  color: #FFFF;
  padding: 8px;
  font-size: 18px;
}

#result_table td{
  background-color: #ccebf0;
  padding: 8px;
  font-size: 18px;
  font-weight: bold;
}
#result_table td:nth-child(2){
  width: 20%;
  text-align: center;
}
#result_table td:nth-child(3){
  text-align: center;
  width: 16vw;
}

#result_table th:nth-child(1) {
  width: 90%;
}

#result_table th:nth-child(3) {
  min-width: 90px;
}
#result_table th:nth-child(4) {
  min-width: 180px;
}

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

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


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

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

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

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


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

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

.open_hhdiv {
  /* background: #0099b3;
  border-radius: 30px;
  color: #ffff;
  cursor: pointer;
  width: 110px;
  margin: 0 auto; */
  width: 80px;
  height: 60px;
  background:url('../images/sp_images/is_delbtn.png') no-repeat center;
  background-size: contain;
  cursor: pointer;
}

.open_hhdiv_out {
  width: 80px;
  height: 60px;
  background:url('../images/sp_images/is_delbtn.png') no-repeat center;
  background-size: contain;
  cursor: pointer;
}

.open_szkdiv {
  width: 80px;
  height: 60px;
  background:url('../images/sp_images/is_delbtn.png') no-repeat center;
  background-size: contain;
  cursor: pointer;
}

.open_szkdiv_out {
  width: 80px;
  height: 60px;
  background:url('../images/sp_images/is_delbtn.png') no-repeat center;
  background-size: contain;
  cursor: pointer;
}




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

h1{
  width:1000px;
  margin:0 auto;
}

h1 img{
    width:100%;
}

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

.AlignLeft{
  text-align: left !important;
}
.AlignCenter{
  text-align: center !important;
}

#container{
  width:100%;
  min-height:500px;
  background:#fff;
  margin:0 0%;
  padding: 0 0 0 0;
  overflow: hidden;
}

#toplogo{
  width:100%;
  height:215px;
  margin:0 auto;
  padding: 0;
  background: url('../images/sp_images/Top_bg_town.png') repeat-x center bottom;
}

#toplogoInner{
  width: 700px;
  margin:4vw auto;
}

#toplogoInner img{
  width:300px;
  margin:0 auto;
  vertical-align:bottom;
  text-align:center;
}

#toplogo img{
  width:700px !important;
  margin:0 auto;
  padding:0;
  vertical-align:bottom;
  text-align:center;
}

#to_result {
  position: absolute;
  width: 200px;
  top: 14px;
  right: 25px;
}


#to_result_hh {
  width: 249px;
  margin: 5px auto;
}




#generationList_sp {
  display: none;
}

#toppageInner_sp{
  width: 60vw;
  height: auto;
  margin: 0 auto;
  padding: 0 0 1px 0px;
}

#sim_table_af {
  position: relative;
  height: auto;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
#sim_table_af img{
  width: 95%;
  cursor: pointer;
}
#sim_table_af div{
  width: 50%;
  margin: 10px 0;
}


#result_af {
  width: 270px;
  margin: 15px 0;
}


#generationList_af {
  width: 56vw;
  margin: 38px auto;
}







#toppage{
  width:100%;
  margin:0;
  padding: 35px 0;
  background: #63c2cf;
}

#toppageInner{
  width:1000px;
  height:940px;
  margin:0 auto;
  padding: 0;
  background:url('../images/sp_images/sugoroku.png') no-repeat bottom;
}

#toppage_description{
  display: none;
  width:900px;
  margin:0 auto;
  padding:3em 0 1em 0;
}

#toppage_description h2{
  width:900px;
  margin: 0;
  text-align: center;
  color: rgba(0, 153, 179, 1);
  text-shadow: 1px 1px 0px #dfdfdf;
  border:6px double  rgba(0, 153, 179, 1);
  border-radius: 14px;
  padding:1em 0;
  background: rgba(255,255,255,0.9);
}

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

#footerInner{
  width: 1000px;
  margin:0 auto;
  min-height: 3em;
  background:none ;
  line-height: 1.6;
  display: table;
}

@media screen AND (min-width:641px){
  #footerInner{
  font-size:1.0vw;
  }
}

@media screen AND (min-width:1280px) AND (max-width:1332px){
  #footerInner{
  font-size:0.95vw;
  }
}

@media screen AND (min-width:1333px) AND (max-width:1599px){
  #footerInner{
  font-size:0.9vw;
  }
}

@media screen AND (min-width:1600px){
  #footerInner{
  font-size:0.65vw;
  }
}

#footerLeft{
  width:38%;
  display: inline-block;
  background:none;
  vertical-align: middle;
  /*font-size:0.72vw;*/
  font-weight: bold;
}

#footer_sp {
  display: none;
}

#footerRight{
  width:61%;
  display: inline-block;
  background:none;
  vertical-align: top;
  text-align: right;
  font-weight:bold;
}

#top_foota {
  position: absolute;
  margin: 0px 0 0 320px;
}
#top_foota  a{
  color: #EE8800;
}

#footerLink{
  position: relative;
  z-index: 100;
  margin:0.5em 0;
  padding:0.25em 1em;
  list-style:none;
}

#footerLink li{
  display: block;
  text-align: left;
}

#footerLink li:first-child:after{
  /*content: " | ";*/
}

#footerLink li a{
  color: #000;
  font-size: 16px;
  text-decoration: underline;
}

#footerLink li a:hover{
  text-decoration: none;
}



#generationList{
  position: absolute;
  width:1000px;
  height:617px;
  list-style: none;
  background:none;
}

#generationList span,
#generationList img,
#generationList br{
  display: none !important;
}

#GenFst{
  position: absolute;
  width:450px;
  height:260px;
  margin-top:280px;
  margin-left:394px;
}




#GenFst label,#GenFst a{
display: block;
overflow:hidden;
position: relative;
width:347px;
height:263px;
text-indent: 100%;
white-space:nowrap;
cursor: pointer;
}

#GenFst:hover{
  background:url('../images/sp_images/sugoroku_hover.png') no-repeat;
  background-position: -433px -271px;
  cursor: pointer;
}

#GenSnd{
  position: absolute;
  width:300px;
  height:250px;
  margin-top:580px;
  margin-left:0px;
}

#GenSnd label,#GenSnd a{
display: block;
overflow:hidden;
position: relative;
width:258px;
height:250px;
text-indent: 100%;
white-space:nowrap;
cursor: pointer;
}

#ab_header3_div{
  position: absolute;
  margin: -60px 0 0 773px
}

#ab_header3_div img {
  width: 170px;
}


#GenSnd:hover{
  background:url('../images/sp_images/sugoroku_hover.png') no-repeat;
  background-position: -40px -570px;
  cursor: pointer;
}

#GenThd{
  position: absolute;
  width:370px;
  height:280px;
  margin-top:545px;
  margin-left:555px;
}

#GenThd label,#GenThd a{
display: block;
overflow:hidden;
position: relative;
width:332px;
height:233px;
text-indent: 100%;
white-space:nowrap;
cursor: pointer;
}

#GenThd:hover{
  background:url('../images/sp_images/sugoroku_hover.png') no-repeat;
  background-position: -595px -536px;
  cursor: pointer;
}

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


#SndFstPage #menu_sp{
  background:url('../images/Fst_bg_town.png') repeat-x center bottom;
}

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

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

#menu_sp input,
#menu_sp label{
  display: none;
}

#LinkPages{
  width:1000px;
  height: 128px;
  overflow:hidden;
  margin:0 auto;
  vertical-align:bottom;
}

#SndGenPage #LinkPages{
  background:url('../images/GenSnd/Snd_bg_town.png') no-repeat center bottom;
}

#ThdGenPage #LinkPages{
  background:url('../images/GenThd/Thd_bg_town.png') no-repeat center bottom;
}

#LinkPages li{
  width:320px;
  height:50px;
  display: inline-block;
  margin:0 ;
  padding:0;
  vertical-align:bottom;
}

#LinkPages a{
  width:100%;
display: block;
overflow:hidden;
position: relative;
  height:50px;
text-indent: 100%;
white-space:nowrap;
}

#LinkPage00,
#LinkPage04,
#LinkPage05{
  display: none !important;
}

#LinkPage01{
  background:url('../images/sp_images/gen_links.png') no-repeat;
  background-position: 0px 0px;
}
#LinkPage02{
  background:url('../images/sp_images/gen_links.png') no-repeat;
  background-position: -330px 0px;
}
#LinkPage03{
  background:url('../images/sp_images/gen_links.png') no-repeat;
  background-position: -660px 0px;
}


#LinkPage01b{
  background:url('../images/sp_images/gen_links2.png') no-repeat;
  background-position: 0px 0px;
}
#LinkPage02b{
  background: url('../images/sp_images/gen_links2.png') no-repeat;
  background-position: -330px 0px;
}
#LinkPage03b{
  background:url('../images/sp_images/gen_links2.png') no-repeat;
  background-position: -660px 0px;
}

#LinkPages #LinkPage01:hover{
  background:url('../images/sp_images/gen_links2.png') no-repeat;
  background-position: 0px 0px;
}

#LinkPages #LinkPage02:hover{
  background:url('../images/sp_images/gen_links2.png') no-repeat;
  background-position: -330px 0px;
}

#LinkPages #LinkPage03:hover{
  background:url('../images/sp_images/gen_links2.png') no-repeat;
  background-position: -660px 0px;
}

#footermae_fst{
  background: url(../images/GenFst/graph_footer_bg1.png) no-repeat bottom center;
  width: 1152px;
  height: 160px;
  margin: 0px auto;
}

#footermae_snd{
  background:url(../images/GenSnd/graph_footer_bg2.png) no-repeat bottom center;
  width: 1152px;
  height: 160px;
  margin: 0px auto;
}

#footermae_thd{
  background:url(../images/graph_footer_bg.png) no-repeat bottom center;
  width: 1152px;
  height: 160px;
  margin: 0px auto;
}


.sp_toggle,
.sp_description,
.sp_only{
  display: none;
}

#sp_ac1,
#sp_ac2,
#sp_ac3,
#sp_ac4{
  width:0;
  height:0;
  opacity: 0;
  /* transition: 1s; */
  visibility: hidden;
  transition: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{
  display: none;
  height:0;
  opacity: 0;
  visibility: hidden;
}

#LifeEvent01_sp,
#LifeEvent02_sp,
#LifeEvent03_sp,
#LifeEvent04_sp{
  display: none !important;
}

#sp_genfst_product,
#sp_gensnd_product,
#sp_genthd_product{
  display: none;
}

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


footer{
  /*background: #3099cc;*/
  background: #66C2D1;
}

#BgWhite{
  /* background: #fff; */
}

#BgGray{
  background: #85b0b5;
}

#BgFst{
  background:#5cadd6;
}

#BgSnd{
  background:rgba(252,231,204, 1);
}

#BgThd{
  background:rgba(252,231,204, 1);
}

#BgOrange,
#footer_orange{
  background: #F5B866;
}

#popupCation{
  font-size:100%;
  text-align:center;
  line-height: 1;
}

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

#page02 #BoxSnd{
  background: #FCE7CC;
}

#page03 #BoxSnd{
  background: #cedfe1;
}

#BoxThd{
  margin:0;
  background: #fff;
  padding:1em 0;
}

#page01{
  width:100%;
  margin:0;
  padding: 0 0 0 0;
  background:#5cadd6;
}

#page01_images{
  position: relative;
  display: inline-block;
  width:400px;
  height:400px;
  background:url('../images/page01_images.png?v=2') no-repeat top right;
  margin: 160px  0px 0px -585px;
}
#page01_images #popupCation{
  margin-top:-20px;
}
/** GenFstポップアップここから**/
#page01_images #LifeEvents{
  position: relative;
  width:400px;
  height:400px;
  margin-top:0px;
  padding:0 0 0 0 ;
  list-style: none;
}

#page01_images #LifeEvents li{
  position: relative;
  vertical-align:top;
  text-indent: 100%;
  white-space:nowrap;
}


#page01_images #LifeEvent01{
  margin-top:00px;
  margin-left:40px;
  width:120px;
  height:205px;
}

#page01_images #LifeEvent01:hover{
  /* background:url('../images/page01_images_hover.png') no-repeat top left; */
  background-position: -40px -0px;
}

#page01_images #LifeEvent02{
  margin-top:-195px;
  margin-left:230px;
  width:170px;
  height:180px;
}

#page01_images #LifeEvent02:hover{
  /* background:url('../images/page01_images_hover.png') no-repeat top left; */
  background-position: -230px -10px;
}

#page01_images #LifeEvent03{
  margin-top:15px;
  margin-left:0px;
  width:170px;
  height:180px;
}

#page01_images #LifeEvent03:hover{
  /* background:url('../images/page01_images_hover.png') no-repeat top left; */
  background-position: 0px -205px;
}

#page01_images #LifeEvent04{
  margin-top:-175px;
  margin-left:235px;
  width:150px;
  height:150px;
}

#page01_images #LifeEvent04:hover{
  /* background:url('../images/page01_images_hover.png') no-repeat top left; */
  background-position: -235px -210px;
}

#LifeEvents_v2 {
  margin: 84px 0 0 0;
  width: 320px;
  height: 282px;
}

#LifeEvents_v2 li {
  height: 95px;
  cursor: pointer;
}











/** GenFstポップアップここまで**/
/*********************************************************/

#page02{
  position: relative;
  width:100%;
  margin:0;
  padding: 0 0 90px 0;
  background:#F5B866;
}

#magic_backg_sf {
  margin: -29px 0 0 0;
  background-color: #f5b866;
  height: 100px;
  position: absolute;
  width: 100%;
  z-index: -2;
}

#footermae_sf {
  background:url(../images/GenSnd/graph_footer_bg2.png) no-repeat bottom center;
  width: 1152px;
  height: 160px;
  margin: 0px auto;
}

#page02_images{
  position: static;
  display: inline-block;
  width:400px;
  height:400px;
  background:url('../images/GenSnd/GenSnd_img00.png') no-repeat center;
  margin:150px 0 10px -585px;
  padding:0;
}

#page02_images #LifeEvents{
  height:400px !important;
}

#page02_images #LifeEvent01{
  position: absolute;
  margin: -163px 0 0 145px;
  width: 205px;
  height: 130px;
  z-index: 90;
}

#page02_images #LifeEvent01:hover{
  /* background:url('../images/GenSnd_img00_hover.png') no-repeat top left; */
  background-position: -185px -5px;
}

#page02_images #LifeEvent02{
  position: relative;
  margin: 92px 0 0 -4px;
  width: 108px;
  height: 112px;
  z-index: 90;
}

#page02_images #LifeEvent02:hover{
  background:url('../images/GenSnd_img00_hover.png') no-repeat top left;
  background-position: -0px -15px;
}

#page02_images #LifeEvent03{
  position: absolute;
  width: 127px;
  margin: 10px 0 0 62px;
  height: 140px;
  z-index: 90;
}

#page02_images #LifeEvent03:hover{
  background:url('../images/GenSnd_img00_hover.png') no-repeat top left;
  background-position: -265px -120px;
}

#page02_images #popupCation{
  position: relative;
  margin-top: -80px;
}

#page02 #ExampleGraph{
  margin:0;
  padding:0em 0;
  /*background:rgba(252,231,204,1);*/
  background:#F5B866;
  font-size:130%;
  font-weight: bold;
  color:#232323;
}

#ExampleGraphInner{
  width:94%;
  max-width:980px;
  margin:0em auto;
  padding:26px 0;
  border:4px solid rgba(238,136,0,1);
  border-radius:15px;
  background:#fff;
  text-align: center;
}

#ExampleGraphInner p{
  margin:0.5em 1em;
  text-align: center;
  font-size:130%;
}

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


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

#page03{
  width:100%;
  margin:0;
  padding: 0 0 0 0;
  background:#85b0b5;
}

#page03_images{
  position: relative;
  display: inline-block;
  margin: 255px 0 0 -558px;
  padding-bottom:30px;
  width:400px;
  height:400px;
  background:url('../images/GenThd/page03_images.png') no-repeat top left;
}

#page03_images #popupCation{
  margin-top:20px;
}

#page03_images #LifeEvent01{
  margin:0;
  padding:0;
  width:400px;
  height:400px;
}

#page03_images #LifeEvent01:hover{
  background:url('../images/page03_images_hover.png') no-repeat top left;
  background-position: 0px -0px;
}

#LifeEvents{
  position: relative;
  width:400px;
  height:380px;
  margin-top:0px;
  padding:0 0 0 0 ;
  list-style: none;
}

#LifeEvents li{
  position: absolute;
  margin:0 ;
  padding:0;
  vertical-align:bottom;
  text-indent: 100%;
  white-space:nowrap;
}

/*
#LifeEvents label{
display: block;
overflow:hidden;
position: relative;
height:100%;
text-indent: 100%;
white-space:nowrap;
cursor: pointer;
}
*/

#LifeEvent01 .LifeEvent_pc,
#LifeEvent02 .LifeEvent_pc,
#LifeEvent03 .LifeEvent_pc,
#LifeEvent04 .LifeEvent_pc{
  display: block;
  overflow:hidden;
  /*position: relative;*/
  height:100%;
  text-indent: 100%;
  white-space:nowrap;
  cursor: pointer;
}


#page01Inner{
  width:1000px;
  min-height:400px;
  margin:0 auto;
  padding:0 0 45px 0;
  /*background: url('../images/GenFst01.png') no-repeat top;
  background-position:0 -200px;*/
  display: flex;
}

#page02Inner{
  width:1000px;
  min-height:600px;
  margin:0 auto;
  padding: 0;
  /*background: url('../images/GenSnd01.png') no-repeat top;*/
  background-position:0 -200px;
  display: flex;
}

#page02InnerTop{
  width:1000px;
  margin:0 auto;
  padding: 0 0 0 0;
  /*background: url('../images/GenSnd01.png') no-repeat top;*/
  background-position:0 -200px;
  display: flex;
}

#page03Inner{
  width:1000px;
  min-height:400px;
  margin:0 auto;
  padding: 0 0 0 0;
  background: url('../images/GenThd01.png') no-repeat top;
  background-position:0 -200px;
  display: flex;
}

.FstBg{
  background: #b1d8eb;
}

.SndBg{
  background: #FDF1E0;
}

.ThdBg{
  background: #cedfe1;
}

.CationInfo{
  font-size:90%;
}

.NextSteps{
  width:850px;
  margin:1em auto 0em auto;
  padding:0.25em 20px 0 20px;
  /*border:2px solid #3099cc;*/
  border-radius:15px;
}

.NextSteps_list{
  display: block;
  width:750px;
  margin:0px auto;
  padding:0;
  list-style: none;
  text-align: center;
}

.NextSteps_list li{
  display: inline-block;
  width:320px;
  height:55px;
  min-height:1.5em;
  margin-right: 3em;
  margin-bottom:1.5em;
  padding:0 0;
  background:#3099cc;
  min-height:1em;
  line-height:1.5;
  border-radius: 10px;
  box-shadow: 0px -5px #ababab inset;
  overflow: hidden;

}

.NextSteps_list li:last-child{
  margin-right: 0;
}

.NextBtn_list #BoxThdBtn04 a {
    display: inline-block;
    color: #fff;
    width: 320px;
    vertical-align: middle;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    font-size: 120%;
    line-height:1.5;
    padding-top:0.75em;
}

.NextBtn_list #BoxThdBtn03 a {
  height:80px;
  line-height: 4;
}


#page01 #BoxThdBtn04,
#page02 #BoxThdBtn04,
#page03 #BoxThdBtn04{
  font-size: 90%;
}
#page01 #BoxThdBtn03,
#page01 #BoxThdBtn04,
#page02 #BoxThdBtn03,
#page02 #BoxThdBtn04,
#page03 #BoxThdBtn03,
#page03 #BoxThdBtn04{
  height:80px;
}
/*
#page01 #BoxThdBtn01{
  background:url('../images/Fst_Btn2.png') no-repeat left top;
  background-position: -140px -25px;
}

#page01 #BoxThdBtn02{
  background:url('../images/Fst_Btn2.png') no-repeat left top;
  background-position: -540px -25px;
}

#page01 #BoxThdBtn03{
  background:url('../images/Fst_Btn3.png') no-repeat left top;
  background-position: -140px -20px;
}

#page01 #BoxThdBtn04{
  background:url('../images/Fst_Btn3.png') no-repeat left top;
  background-position: -540px -20px;
}
*/
#page02 #BoxThdBtn01 , #page03 #BoxThdBtn01{
  background:url('../images/Fst_Btn2.png') no-repeat left top;
  background-position: -140px -25px;
}

#page02 #BoxThdBtn02 , #page03 #BoxThdBtn02{
  background:url('../images/Fst_Btn2.png') no-repeat left top;
  background-position: -540px -25px;
}

#page02 #BoxThdBtn03 , #page03 #BoxThdBtn03{
  background:url('../images/Fst_Btn3.png') no-repeat left top;
  background-position: -140px -20px;
}

#page02 #BoxThdBtn04 , #page03 #BoxThdBtn04{
  background:url('../images/Fst_Btn3.png') no-repeat left top;
  background-position: -540px -20px;
}

.NextStepCatch{
  margin:1em 0.5em;
  font-weight:bold;
  font-size: 130%;
  line-height: 1.8;
}

.NextBtn_list{
  width:90%;
  margin:0 auto;
}

.bg_blue{
  background: rgba(51,153,204,1) url('../images/bg_parts_arrow.png') no-repeat left !important;
}

.bg_orange{
  background: rgba(238,136,0,1) url('../images/bg_parts_arrow.png') no-repeat left !important;
}

.xsmall{
  font-size: 95%;
}

.NextSteps_list li a{
  display: block;
  color:#fff;
  width:320px;
  height:55px;
  vertical-align: middle;
  line-height:3;
 text-decoration: none;
 font-weight: bold;
}

#page01_description{
  display: inline-block;
  padding: 3em 0px 15px 0px;
  margin-right: 0px;
  width:600px;
  color:#fff;
  letter-spacing: 0.015em;
  line-height: 2.1em;
  font-size: 90%;
  background:url('../images/FstRenewBox01.png') no-repeat bottom left;
  background-size: 75% 45%;
}

#page02_description{
  display: inline-block;
  padding: 3em 0px 15px 0px;
  margin-right: 0px;
  width:600px;
  color:#fff;
  letter-spacing: 0.015em;
  line-height: 2.1em;
  font-size: 90%;
  /* background:url('../images/SndRenewBox01.png') no-repeat bottom left; */
  background-size: 75% 45%;
}
#page02_description_sp {
  display: none;
}
#sp_page02 {
  display: none;
}



#page03_description{
  display: inline-block;
  padding: 3em 0px 15px 0px;
  margin-right: 0px;
  width:600px;
  color:#fff;
  letter-spacing: 0.015em;
  line-height: 2.1em;
  font-size: 90%;
  background:url('../images/ThdRenewBox01.png') no-repeat bottom left;
  background-size: 75% 45%;
}

#page01_description h2,
#page02_description h2,
#page03_description h2{
  position: absolute;
  font-size: 210%;
  text-align:left;
  line-height: 1.7em;
  word-break: keep-all;
  z-index:30;
}

#page01_description h3{
  display: none;
}

#page03_description_h2_sp {
  display: none;
}








#page01_description p,
#page02_description p,
#page03_description p{
  position: relative;
  font-size: 145%;
  text-align:left;
  word-break: keep-all;
  margin-top:120px;
  z-index:50;
  font-weight: bold;
}

/*
#page02_description{
  display: inline-block;
  padding: 3em 15px 15px 0px;
  margin-right: 45px;
  width:530px;
  color:#fff;
  font-size:111%;
  letter-spacing: 0.015em;
  line-height: 2.1em;
}

#page02_description h2{
  position: absolute;
  font-size: 155%;
  text-align:left;
  line-height: 1.7em;
  word-break: keep-all;
  z-index:30;
}
*/
#page02_description  #sndDesc{
  width:695px;
  position: relative;
  text-align:left;
  word-break: keep-all;
  margin-top:100px;
  z-index:50;
  font-weight: bold;
}

#page03_description  #sndDesc{
  position: relative;
  text-align:left;
  word-break: keep-all;
  margin-top:180px;
  z-index:50;
  font-weight: bold;
}
/*
#page03_description{
  display: inline-block;
  padding: 3em 15px 15px 0px;
  margin-right: 45px;
  width:530px;
  color:#fff;
  letter-spacing: 0.015em;
  line-height: 2.1em;
}

#page03_description h2{
  position: absolute;
  font-size: 180%;
  text-align:left;
  line-height: 1.4em;
  word-break: keep-all;
  z-index:30;
}
#page03_description div{
  position: absolute;
  font-size: 120%;
  text-align:left;
  word-break: keep-all;
  margin-top:160px;
  z-index:50;
  font-weight: bold;
  line-height: 1.75;
}
*/

#BankmanBox{
  width:850px;
  background:none;
  margin:1em auto 2em auto;
}

#BoxThd2 #BankmanBox{
  width:800px;
  font-size:90%;
}


#BankmanBoxInner{
  padding-left:140px;
  min-height:220px;
  background: url(./images/bankman.png) no-repeat left;
  background-size: contain;
}

#Bankman_Balloon{
  display: inline-block;
  margin-top: 0em;
  padding:0 0px 0px 15px;
  background:url('../images/bg_fukidashi2.png') no-repeat left top;
  background-position: 0 30px;
}

#Bankman_Balloon p{
  border-radius: 10px;
  border:5px solid rgba(238,136,0,1);
  padding:0.75em ;
  font-size: 120%;
  background:#fff;
  font-size: 122%;
  font-weight: bold;
  word-break: keep-all;
  line-height:1.65;
}

#BankmanLink{
  display: block;
  width: 480px;
  margin:0 auto 2em auto;
  padding:0;
  list-style:none;
}

#BankmanLink li{
  display: block;
  width:480px;
  margin:0 auto 1em auto;
  padding:0;
  border-radius: 8px;
  font-size:160%;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.05em;
  overflow:hidden;
}

#BankmanLink li a{
  display: block;
  text-decoration: none;
  color:#fff;
  width:100%;
  height:100%;
  padding:0.5em 30px 0.5em 10px;
}

.NextSteps{
  overflow: auto;
}


#page01_description #BankmanBox p,
#page02_description #BankmanBox p,
#page03_description #BankmanBox p{
  margin:1em 0 0 0;
  color:#000;
}


/*191011 ADD style = common*/
.Introduction{
  width:986px;
  padding:0.1em 0px;
  margin:0em  auto;
  border-radius: 0.75em;
  color:#267399;
  font-size:160%;
  font-weight: bold;
  text-align: center;
}

#page02 .Introduction{
  color:#e80;
}


#page01_footerlink{
  width:1000px;
  min-height:390px;
  margin:0em auto 0 auto;
  padding: 0 0 0 0;
  background:url('../images/FstRenewBox02.png') no-repeat top center;
}

#page04_footerlink{
  width:1000px;
  min-height:420px;
  margin:0em auto 0 auto;
  padding: 0 0 0 0;
  background:url('../images/GenFst/FstRenewBox03.png?v=2') no-repeat top center;
}

#page01_footerlink #Products{
  position: absolute;
  width: 1000px;
  height: 236px;
  margin:0px;
  padding:0 0 0 0 ;
  list-style: none;
  text-align: center;
}

#Products li a{
display: block;
overflow:hidden;
position: relative;
  height:115px;
text-indent: 100%;
white-space:nowrap;
}

#page01_footerlink #Products01 {
  position: relative;
  width:475px;
  height:75px;
  margin:236px auto 0 auto;
  z-index: 10;
}

#Products01 {
  position: absolute;
  width:200px;
  height:45px;
  margin-top:15px;
  margin-left:715px;
  z-index: 10;
}

#Products01 a{
display: block;
  height:75px !important;
text-indent: 100%;
white-space:nowrap;
}

#Products02 {
  position: absolute;
  width:240px;
  height:115px;
  margin-top:82px;
  margin-left:115px;
  z-index: 10;
}

#Products03 {
  position: absolute;
  width:240px;
  height:115px;
  margin-top:82px;
  margin-left:380px;
  z-index: 10;
}

#Products04 {
  position: absolute;
  width:240px;
  height:115px;
  margin-top:82px;
  margin-left:645px;
  z-index: 10;
}

#Products05 {
  position: absolute;
  width: 485px;
  height: 83px;
  margin-top: 240px;
  margin-left: 219px;
  z-index: 10;
}

#Product2  a {
  display: block;
  overflow: hidden;
  position: relative;
  height: 81px;
  text-indent: 100%;
  white-space: nowrap;
}


#Products06 {
  position: absolute;
  width: 482px;
  height: 81px;
  margin: 240px 0 0 219px;
  z-index: 10;
}

#Product3  a {
  display: block;
  overflow: hidden;
  position: relative;
  height: 81px;
  text-indent: 100%;
  white-space: nowrap;
}


















#page02_footerlink{
  width:1000px;
  min-height:390px;
  margin:0em auto 0 auto;
  padding: 0 0 0 0;
  background:url('../images/SndRenewBox02.png') no-repeat top center;
}

#page04_footerlink #Products{
  position: absolute;
  width: 1000px;
  height: 220px;
  margin-top:100px;
  padding:0 0 0 0 ;
  list-style: none;
  text-align: center;
}

#page04_footerlink #Products01 {
  position: relative;
  width: 476px;
  height: 75px;
  margin: 142px auto 0 auto;
  z-index: 10;
}


#page04_footerlink #Products01 a{
display: block;
overflow:hidden;
position: relative;
  height:90px;
text-indent: 100%;
white-space:nowrap;
}

#page03_footerlink{
  width:1000px;
  min-height:390px;
  margin:0em auto 0 auto;
  padding: 0 0 0 0;
  background:url('../images/ThdRenewBox02.png') no-repeat top center;
}

#page03_footerlink #Products{
  position: absolute;
  width: 1000px;
  height: 220px;
  margin-top:100px;
  padding:0 0 0 0 ;
  list-style: none;
  text-align: center;
}

#page03_footerlink #Products01 {
  position: relative;
  width:455px;
  height:75px;
  margin:115px auto 0 auto;
  z-index: 10;
}


#page03_footerlink #Products01 a{
display: block;
overflow:hidden;
position: relative;
  height:90px;
text-indent: 100%;
white-space:nowrap;
}



#page05_footerlink{
  width:1000px;
  min-height:430px;
  margin:0em auto 0 auto;
  padding: 0 0 0 0;
  background:url('../images/GenThd/FstRenewBox05.png') no-repeat top center;
}

#page06_footerlink{
  width:1000px;
  min-height:1000px;
  margin:0em auto 0 auto;
  padding: 0 0 0 0;
  background:url('../images/GenThd/FstRenewBox06.png?v=7') no-repeat top center;
}

#page07_footerlink{
  width:1000px;
  min-height:435px;
  margin:0em auto 0 auto;
  padding: 0 0 0 0;
  background:url('../images/GenSnd/FstRenewBox07.png') no-repeat top center;
}

#page08_footerlink{
  width:1000px;
  min-height:1000px;
  margin:0em auto 0 auto;
  padding: 0 0 0 0;
  background:url('../images/GenSnd/FstRenewBox08.png') no-repeat top center;
}

#page09_footerlink{
  width:1000px;
  min-height:550px;
  margin:0em auto 0 auto;
  padding: 0 0 0 0;
  background:url('../images/GenSnd/FstRenewBox09.png') no-repeat top center;
}








/***********************************************
ToTop
************************************************/
#ReserveBtn{
  position:fixed;
  right:-0;
  bottom:0;
  z-index:200;
  background:rgba(238,136,0, 1);
  border-radius: 10px 0 0 10px / 10px 0 0 10px ;
  margin-right:0px;
  margin-bottom:350px;
  overflow: hidden;
  text-align:center;
  font-size:180%;
  display: table;
  line-height:0;
  box-shadow: 3px 2px 0px rgba(0, 0, 0, 0.25);
}

#ReserveBtn a{
  display: block;
  padding:0.35em 0.5em 0.35em 1.75em;
  color:#fff;
  text-decoration: none;
  vertical-align: middle;
  font-weight: bold;
  line-height: 1.6;
  text-align: right;
  background: url('../images/icon_reserve.png') no-repeat left;
  background-size: 16% 45%;
  background-position: 12px 17px;
}



/**191127renew style = genfst,gensnd,genthd*******************************************/

/* #page01 #CommonLink{
  width:940px;
  margin:1.5em auto 0 auto;
  padding:20px 20px 160px 20px;
  background:#fff url('../images/graph_footer_bg.png') no-repeat bottom center;
  background-size: contain;
  border-radius: 20px;
} */

#page01 #CommonLink{
    background: #fff;
    padding: 20px 20px 0px 20px;
    background-size: contain;
}

#faker_div {
  position: absolute;
  background-color: #ffffff;
  margin: -65px 0 0 72px;
  width: 310px;
  height: 60px;
  font-size: 17px;
  line-height: 60px;
  font-weight: bold;
  cursor: pointer;
  color: #ee8800;
}

#Products li:first-child {
  margin: 617px 0 0 209px;
  height: 88px;
  width: 482px;
  position: absolute;
}
#Products li:nth-child(2) {
  margin: 737px 0 0 210px;
  height: 88px;
  width: 482px;
  position: absolute;
}
#Products li:nth-child(3) {
  margin: 855px 0 0 210px;
  height: 88px;
  width: 482px;
  position: absolute;
}


#faker_div2 {
  position: absolute;
  background-color: #0099b3;
  margin: 864px 0 0 344px;
  width: 330px;
  height: 60px;
  font-size: 17px;
  line-height: 60px;
  font-weight: bold;
  cursor: pointer;
  color: #fff;
}


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

#Btn2nd_gfs li{
  width: 582px;
  height: 310px;
  background: none;
  margin: 56px  20px 0px 138px;
  padding: 0;
  display: inline-block;
  overflow: hidden;
  cursor: pointer;
}

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


#Btn4nd {
  width: 860px;
  height: 420px;
  margin: 0 auto 2em auto;
  padding: 0px 20px;
  background:#cedfe1 url(../images/sf/FstRenewBox04.png?v=2) no-repeat center;
  overflow: hidden;
  color: rgba(68, 68, 68, 1);
  font-weight: bold;
  font-size: 110%;
  border-radius: 20px;
}

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

#Btn3nd_gfs li{
  width: 582px;
  height: 310px;
  background: none;
  margin: 57px 20px 0px 138px;
  padding: 0;
  display: inline-block;
  overflow: hidden;
  cursor: pointer;
}

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




#faker_div3 {
  position: absolute;
  background-color: #ffffff;
  margin: -106px 0 0 308px;
  width: 310px;
  height: 60px;
  font-size: 17px;
  line-height: 60px;
  font-weight: bold;
  cursor: pointer;
  color: #ee8800;
}

#page01 #Btn1st{
  width:900px;
  margin:0 auto;
  min-height:900px;
  padding:0px 0px;
  background:url('../images/fst_linkbtn.png') no-repeat top center;
  overflow: hidden;
}

#page01 #Btn1st_Link{
width:430px;
margin: 665px auto 0 auto;
padding:0;
list-style: none;
}

#page01 #Btn1st_Link li{
  width:430px;
  height:70px;
  margin-bottom:40px;
  padding:0;
  overflow: hidden;
}

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

#page01 #Btn2nd{
  width:860px;
  height:420px;
  margin:0 auto 2em auto;
  padding: 0px 20px;
  background:#c1e0ef url('../images/sf/FstRenewBox04.png?v=2') no-repeat center;
  overflow: hidden;
  color: rgba(68, 68, 68, 1);
  font-weight: bold;
  font-size:110%;
  border-radius: 20px;
}

#page01 #Btn2nd p{
  margin-top: 30px;
  margin-left:40px;
}

#page01 #Btn2nd_Link{
  width:100%;
margin: 40px 0 0 0px;
padding:0;
list-style: none;
}

#page01 #Btn2nd_Link li{
  width:360px;
  height:70px;
  background:none;
  margin:0 20px 0px 30px;
  padding:0;
  display: inline-block;
  overflow: hidden;
}

#page01 #Btn2nd_Link li:first-child{
  margin-right:45px;
}


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

#page02 #CommonLink{
  margin:1.5em auto 0 auto;
  padding:20px 20px 100px 20px;
  background:#fff no-repeat bottom center;
  background-size: contain;
}

#page02 #Btn1st{
  width:900px;
  margin:0 auto;
  min-height:900px;
  padding:0px 0px;
  background:url('../images/sf/snd_linkbtn.png') no-repeat top center;
  overflow: hidden;
}

#page02 #Btn1st_Link{
width:430px;
margin: 665px auto 0 auto;
padding:0;
list-style: none;
}

#page02 #Btn1st_Link li{
  width:430px;
  height:70px;
  margin-bottom:40px;
  padding:0;
  overflow: hidden;
}


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

#Btn2nd_snd{
  width:860px;
  height:430px;
  margin:2em auto 2em auto;
  padding: 0px 20px;
  background:#fce7cc  url('../images/FstRenewBox04.png') no-repeat center;
  overflow: hidden;
  color: rgba(68, 68, 68, 1);
  font-weight: bold;
  font-size:110%;
  border-radius: 20px;
}

#Btn2nd_Link {
  width: 100%;
  margin: 0px 0 0 0px;
  padding: 0;
  list-style: none;
}

#Btn2nd_Link li{
  width: 582px;
  height: 310px;
  background: none;
  margin: 56px 20px 0px 138px;
  padding: 0;
  display: inline-block;
  overflow: hidden;
  cursor: pointer;
}

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















#YT_ballance01{
  width:75%;
  margin:30px auto;
  line-height:1.65;
}

#page02 #Btn2nd_Link{
  width:100%;
margin: 0px 0 0 0px;
padding:0;
list-style: none;
}

#page02 #Btn2nd_Link li{
  width: 582px;
  height: 310px;
  background: none;
  margin: 0 20px 0px 138px;
  padding: 0;
  display: inline-block;
  overflow: hidden;
  cursor: pointer;
}


#page02 #Btn2nd_Link li:first-child{
  margin-right:45px;
}

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

#page03 #CommonLink{
  width:940px;
  margin:0em auto 0 auto;
  padding:20px 20px 160px 20px;
  background:#fff url('../images/graph_footer_bg.png') no-repeat bottom center;
  background-size: contain;
  border-radius: 20px;
}


#CommonLink_thd {
  background: #fff;
  padding: 20px 20px 0px 20px;
  background-size: contain;
}




#page03 #Btn1st{
  width:900px;
  margin:0 auto;
  min-height:900px;
  padding:0px 0px;
  background:url('../images/thd_linkbtn.png') no-repeat top center;
  overflow: hidden;
}

#page03 #Btn1st_Link{
width:430px;
margin: 665px auto 0 auto;
padding:0;
list-style: none;
}

#page03 #Btn1st_Link li{
  width:430px;
  height:70px;
  margin-bottom:40px;
  padding:0;
  overflow: hidden;
}

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

#page03 #Btn2nd{
  width:860px;
  height:260px;
  margin:0 auto 2em auto;
  padding: 0px 20px;
  background:url('../images/FstRenewBox04.png') no-repeat bottom center;
  overflow: hidden;
  color: rgba(68, 68, 68, 1);
  font-weight: bold;
  font-size:110%;
  border-radius: 20px;
}

#page03 #Btn2nd p{
  margin: 30px 1em 0 1em;
}

#page03 #Btn2nd_Link{
  width:100%;
  margin: 0px 0 0 0px;
  padding:0;
  list-style: none;
}

#page03 #Btn2nd_Link li{
  width:360px;
  height:70px;
  background:none;
  margin:0 20px 0px 30px;
  padding:0;
  display: inline-block;
  overflow: hidden;
}

#page03 #Btn2nd_Link li:first-child{
  margin-right:45px;
}

#page03 #Btn2nd_Link li a{
  display: block;
  width:100%;
  height:100%;
  text-indent: -9999px;
}
/****sideBtn*******************************/
#pageTop{
  display: block;
  width:70px;
  height:60px;
  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:60px;
  margin-bottom:20px;
  overflow: hidden;
  padding:20px 5px 5px 5px;
  text-align:center;
  cursor: pointer;
}

#pageTop a{
  display:block;
  position: relative;
  text-decoration: none;
  width:15px;
  height:15px;
  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:85%;
  text-align: center;
  line-height:1;
  font-weight: bold;
  margin-top: 0px;
  color:rgba(102,194,209,1);
  cursor: pointer;
}

#AbsoSide{
  background:none;
  position:fixed;
  width:45px;
  z-index:200;
  right:-0;
  bottom:0;
  overflow: hidden;
}

#ReserveBtn2{
  width:45px;
  height:210px;
  z-index:200;
  overflow: hidden;
  text-align:center;
  font-size:180%;
  display: table;
  line-height:0;
  margin-bottom:0.5em;
}

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

#InnerSimBtn2{
  width:45px;
  height:315px;
  overflow: hidden;
  text-align:center;
  display: table;
  line-height:0;
}

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


#ReserveBtn3{
  width:45px;
  height:210px;
  z-index:200;
  overflow: hidden;
  text-align:center;
  font-size:180%;
  display: table;
  line-height:0;
  margin-bottom:0.5em;
}



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

#Btn_online1{
  width:45px;
  height:210px;
  z-index:200;
  overflow: hidden;
  text-align:center;
  font-size:180%;
  display: table;
  line-height:0;
  margin-bottom:0.5em;
}

#Btn_online1 a{
  width: 53px;
  height: 248px;
  display: block;
  padding: 0em;
  color: #fff;
  text-decoration: none;
  vertical-align: middle;
  background: url(../images/GenFst/sideBtn_online.png) no-repeat right top;
  background-size: cover;
  text-indent: -9999px;
}

#ReserveBtn_sim{
  width: 45px;
  height: 315px;
  overflow: hidden;
  text-align: center;
  display: table;
  line-height: 0;
}

#ReserveBtn_sim a{
  width: 53px;
  height: 227px;
  display: block;
  padding: 0em;
  color: #fff;
  text-decoration: none;
  vertical-align: middle;
  background: url(../images/GenFst/sideBtn_sim.png) no-repeat right top;
  background-size: cover;
  text-indent: -9999px;
}








#InnerSimBtn3{
  width:45px;
  height:315px;
  overflow: hidden;
  text-align:center;
  display: table;
  line-height:0;
}

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

#ReserveBtn4{
  width:45px;
  height:210px;
  z-index:200;
  overflow: hidden;
  text-align:center;
  font-size:180%;
  display: table;
  line-height:0;
  margin-bottom:0.5em;
}

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

#InnerSimBtn4{
  width:45px;
  height:315px;
  overflow: hidden;
  text-align:center;
  display: table;
  line-height:0;
}

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

/************************************************/
#FixedLink{
  display: none;
}



#page22_images{
  position: absolute;
  display: inline-block;
  width:400px;
  height:400px;
  background:url('../images/GenSnd_img22.png') no-repeat center;
  margin:-410px 0px 10px 500px;
  padding:0;
}


#page23_images{
  position: relative;
  display: inline-block;
  width:400px;
  height:400px;
  background:url('../images/GenThd/GenTnd_img23.png') no-repeat center;
  margin:190px 0 0 80px;
  padding:0;
}

#LifeEvents_v3 {
  height: 110px;
}

#LifeEvents_v3 li a {
  height: 97px !important;
  display: block;
}

#LifeEvent08 {
  height: 110px;
  margin: 115px 0 0 0;
}
#LifeEvent09 {
  height: 110px;
}

#LifeEvent11{
  margin: 126px 0 0 0;
  height: 100px;
}

#LifeEvent12 {
  height: 100px;
}


#LifeEvents_v4 li a {
  height: 97px !important;
  display: block;
}




#page24_images{
  position: absolute;
  display: inline-block;
  width:400px;
  height:400px;
  background:url('../images/GenSnd/GenSnd_img24.png') no-repeat center;
  margin:-510px 0px 10px 500px;
  padding:0;
}



#logout_div {
  position: absolute;
  right: 247px;
  padding: 6px 12px 6px 12px;
  top: 15px;
  border-radius: 20px;
  font-size: 11px;
  background: #0099b3;
  color: #fff;
  cursor: pointer;
}


#HowToUse {
  position: relative;
  top: 30px;
  z-index:50;
}
#HowToUse_res {
  position: relative;
  margin: 0 0 0 790px;
  z-index: 50;
}

#HowToUse_forig {
  position: absolute;
  top: 90px;
  z-index: 50;
  margin:0 0 0 820px;
}

#HowToUse_it {
  position: absolute;
  /* right: 216px; */
  margin: 20px 0 0 810px;
  z-index: 50;
}

#HowToUse_tg {
  margin: 20px 0 0 830px;
  position: absolute;
  z-index: 50;
}

#is_back_one {
  width: 236px;
  cursor: pointer;
}

#is_back_one :hover{
  opacity: 0.75;
}

#SubmitBtn_two {

}

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

#fiex_two {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 30px 0;
  justify-content: space-around;
}

#is_back_two {
  width: 250px;
  cursor: pointer;
}

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

#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_three {
  width: 250px;
  cursor: pointer;
}

#is_back_four {
  width: 250px;
  cursor: pointer;
}

#is_back_five {
  width: 250px;
  cursor: pointer;
}

#result_table_div {
  overflow-y: scroll;
  height: 385px;
}

#is_back_six {
  cursor: pointer;
  position: absolute;
  width: 145px;
  left: 50px;
}

.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: 650px;
  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: 2260px;
  opacity: 0.2;
}

/* 相続対策にある */

 #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;
 }

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