@charset "utf-8";


.link_area{
  margin-bottom:30px;
}

.link_manu_area{
  margin-bottom:30px;
  margin-left:20px;
}

.linl_list{
    margin-bottom:20px;
}
.answer_area{
  margin-top:40px;
}
.answer_area_index{
  font-size: 2.0rem;
  line-height: 1.3;
  margin-bottom: 20px;
}

.box_index{
    background: #f0f0f0;
    padding: 10px 5px;
    font-size: 20px;
    border: 1px solid #aaa;
}

.answer_area_box{
    margin: 0px;
    padding: 10px;
    border: 1px solid #aaa;
}

.img_area{
    text-align:center;
}
.img_area img{
    width:95%;
}
.sp_img_area{
    text-align:left;
    width: 39%;
}

.sp_img_area img{
    width:320px;
}

.text_area{
    margin-top: 30px;
    padding: 10px;
}
.text_area_index_lv3{
    font-size: 20px;
}

.text_area_index_lv4{
    font-size: 16px;
}

.text_area dl{
    margin-left:12px;
}
.help_pass, .help_id {
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #dde9e0;
    cursor: pointer;
    margin-left: 15px;
    position: relative;
}
.pass_qestion, .id_qestion {
    font-family: ���S�V�b�N��, YuGothic, ���S�V�b�N Medium, ���C���I, Yu\ Gothic Medium, "Hiragino Kaku Gothic Pro", Roboto, sans-serif;
    font-style: initial;
    position: relative;
    top: 3px;
    left: 6px;
    font-weight: 900;
    color: #505050;
}
.pass_balloon {
    top: 3050px;
}
.id_balloon {
    top: 3000px;
}
.id_balloon, .pass_balloon {
    display: block;
    padding: 20px;
    background: #fbf3de;
    position: absolute;
    border-radius: 10px;
    left: 40%;
    z-index: 1;
}
.sp_2col{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

#topcontrol {
    position: fixed;
    _position: absolute !important;
    color: both;
    height: 0;
    width: 100%;
}
#topcontrol #topcontrolwrapper {
    position: relative;
    width: 100%;
    margin: 0 auto;
}
#topcontrol #topcontrolarea {
    position: absolute;
    right: 0;
    width: 100px;
    height: 31px;
}
#topcontrol a {
    width: 50px;
    height: 50px;
    display: block;
    background: no-repeat 0 0 transparent;
}
#topcontrol a:hover {
    background-repeat: no-repeat;
    background-position: left top;
    background-image: url(../img/pagetop_on.png);
    background-size: 50px;
}
#topcontrol a:hover img {
    visibility: hidden;
    _display: none;
}
/*smartPhone view*/
@media screen and (max-width: 640px){
   .sp_img_area{
       text-align:center;
       width: 100%;
   }
   .sp_img_area p{
       text-align: left;
   }
   .id_balloon, .pass_balloon {
    left: 100px;
    z-index: 1;
   }
   .pass_balloon {
       top: 3175px;

   }
   .id_balloon {
       top: 2975px;
   }
   .sp_2col{
       display: block;
   }
}

/*general*/
.mt30{
    margin-top:30px;
}
.mb20{
     margin-bottom:30px;   
}
.bottomsmall_t,
.bottomlage_t {
    bottom: 76px;
}
.align_rigth{
    text-align: right;
}