@charset "UTF-8";
/*--------------------------------------------------------
定数
--------------------------------------------------------*/

@media screen and (max-width: 1601px) {
  .visible1600 {
    display: block;
    margin: auto;
  }
  .hidden1600 {
    display: none;
  }
  .contents1600 {
    width: 100%;
    margin-left: 0px;
  }
}

@media screen and (max-width: 1201px) {
  .hidden1200 {
    display: none;
  }
}

@media screen and (max-width: 1001px) {
  .visible1000 {
    display: block;
    margin: auto;
  }
  .hidden1000 {
    display: none;
  }
}
@media screen and (max-width: 801px) {
  .visible800 {
    display: block;
  }
  .hidden800 {
    display: none;
  }
  .contents {
    width: 100%;
  }
  .img_center {
    margin-left: 0px;
  }
  body {
    min-width: 100%;
  }
  img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }

  .margin100p {
    margin-top: 10%;
  }

  .margin50p {
    margin-top: 5%;
  }
}

@media screen and (max-width: 751px) {
  .visible750 {
    display: block;
    margin: auto;
  }
  .hidden750 {
    display: none;
  }
}

@media screen and (max-width: 601px) {
  .visible600 {
    display: block;
    margin: auto;
  }
  .hidden600 {
    display: none;
  }
}

@media screen and (max-width: 401px) {
  .visible400 {
    display: block;
    margin: auto;
  }
  .hidden400 {
    display: none;
  }
}

@media screen and (max-width: 321px) {
  .visible320 {
    display: block;
    margin: auto;
  }
  .hidden320 {
    display: none;
  }
}

/*--------------------------------------------------------
サイト毎に変化のある定数
--------------------------------------------------------*/

/*--------------------------------------------------------
各種レイアウト
--------------------------------------------------------*/

/*フォント*/

@media screen and (max-width: 1801px) {
}

@media screen and (max-width: 1301px) {
}

@media screen and (max-width: 1001px) {
}

@media screen and (max-width: 801px) {
  .confi .font25 {
    font-size: 20px;
  }
  .confi .font22 {
    font-size: 18px;
  }
  .confi .font18 {
    font-size: 16px;
  }

  .pay .font25 {
    font-size: 20px;
  }
  .pay .font18 {
    font-size: 16px;
  }
  .pay .font16 {
    font-size: 14px;
  }
}

@media screen and (max-width: 601px) {
}

@media screen and (max-width: 401px) {
}

/*その他レイアウト*/

@media screen and (max-width: 1801px) {
}

@media screen and (max-width: 1201px) {
  #menu .nav_list2 {
    margin-left: auto;
  }
  #menu .f_yu03 {
    position: static;
  }
}

@media screen and (max-width: 801px) {
  .copyright,
  .copyright a {
    height: unset;
  }
  #footernav {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9990;
  }

  .f_be02,
  .f_be07,
  .f_be03,
  .f_be11,
  .f_be15,
  .f_be17,
  #pop {
    width: 100%;
  }



  .plan_text.w40,
  .price_txt.w40 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  #plan_view.w50,
  #price_view.w50,
	#period_view.w50,
	#simulation_view.w50,
	#content_view.w50{
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    text-align: left !important;
    margin-bottom: 5%;
  }

  .form-field.w65 {
    width: 100%;
  }

  #top .navmenu {
    max-width: 350px;
    width: 350px;
    float: right;
    /*margin-top: 1%;*/
  }

  #main .floatl {
    float: none;
  }
	
	.w50 {
    width: 100%;
}

  .confi .floatl,
  .confi .floatr {
    float: none;
  }


  .confi .white_box.lawtext > div {
    height: 13em;
  }

  .lawtext p,
  .lawtext ul {
    font-size: 13px;
  }
}

@media screen and (max-width: 701px) {
  .form-inner .title {
    font-size: 1.3em;
    padding-bottom: 0.2em;
  }
  .form-inner .font20 {
    font-size: 1em;
    padding-bottom: 0.2em;
  }
  .form-field {
    font-size: 1.3em;
  }
  .radio-field {
    margin-bottom: 4%;
    font-size: 1.3em;
  }
  .err_msg {
    font-size: 3vw;
  }
  #err2.err_msg {
    font-size: 3.5vw;
  }
  .box1 {
    margin-top: 7%;
  }
}

@media screen and (max-width: 501px) {
  .form-inner .title {
    font-size: 1em;
    padding-bottom: 0.2em;
  }
  .form-field {
    margin-bottom: 4%;
    font-size: 1em;
  }
  .confi .white_box.lawtext > div {
    height: 10em;
  }
}

@media screen and (max-width: 401px) {
}

/*--------------------------------------------------------
各種レイアウト
--------------------------------------------------------*/