@charset "UTF-8";
/* CSS Document */
body {
  border-top-width: 4px;
  border-top-style: solid;
  border-top-color: #09104B;
  margin: 0px;
  padding: 0px;
  background-color: #FFFFFF;
}
.header {
  width: 100%;
  background-color: #C9EBED;
}
.header_wrap {
  width: 980px;
  height: 100%;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  position: relative;
  background-color: #C9EBED;
}
.header_left {
  float: left;
  width: 346px;
}
.logoarea {
  background-image: url(../img/logo.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  height: 342px;
  width: 346px;
  float: left;
}
.gototop {
  width: 346px;
  height: 342px;
  display: block;
  text-indent: -9999px;
}
.h_btnarea {
  float: left;
  width: 169px;
  margin-top: 13px;
  height: 75px;
  border: 1px solid #A2B07B;
}
.h_btnarea2 {
  float: left;
  width: 169px;
  margin-top: 13px;
  height: 75px;
  border: 1px solid #A2B07B;
  margin-left: 4px;
}
.h_btnarea ul {
  position: absolute;
  height: 75px;
  width: 169px;
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.h_btnarea li {
  height: 75px;
  margin: 0px;
  list-style: none;
  float: left;
  position: relative;
  width: 169px;
}
.h_btnarea a {
  height: 75px;
  text-indent: -9999px;
  display: block;
  width: 169px;
}
.header_btn01 {
  height: 169px;
  width: 75px;
  background-image: url(../img/header_btn01.jpg);
}
.header_btn01:hover {
  background-position: 0px -75px;
  height: 75px;
  width: 169px;
}
.h_btnarea2 ul {
  position: absolute;
  height: 75px;
  width: 169px;
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.h_btnarea2 li {
  height: 75px;
  margin: 0px;
  list-style: none;
  float: left;
  position: relative;
  width: 169px;
}
.h_btnarea2 a {
  height: 75px;
  text-indent: -9999px;
  display: block;
  width: 169px;
}
.header_btn02 {
  height: 169px;
  width: 75px;
  background-image: url(../img/header_btn02.jpg);
}
.header_btn02:hover {
  background-position: 0px -75px;
  height: 75px;
  width: 169px;
}
.heder_right {
  float: left;
  width: 634px;
}
.header_right{
    float: right;
    width: 634px;
    height: 446px;
    margin: 0;
    padding: 0;
}


/*文字設定*/
h1 {
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  font-size: 1px;
  color: #666666;
  text-indent: -9999px;
  margin: 0;
  padding: 0;
}
.menu {
  height: 54px;
  width: 100%;
  background-color: #FFFFFF;
  background-image: url(../img/menu_bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  clear: both;
}
.menu_wrap {
  height: 50px;
  width: 980px;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  background-image: url(../img/menu_bg2.jpg);
  background-repeat: no-repeat;
}
.menuarea {
  height: 50px;
  width: 980px;
}
.menuarea ul {
  position: absolute;
  height: 50px;
  width: 980px;
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.menuarea li {
  height: 50px;
  margin: 0px;
  list-style: none;
  float: left;
  position: relative;
}
.menuarea li a {
  height: 50px;
  text-indent: -9999px;
  display: block;
}
.menu1 {
  width: 148px;
  background-image: url(../img/menu/navi1_up.gif);
}
.menu1:hover {
  width: 148px;
  background-image: url(../img/menu/navi1_ov.gif);
}
.menu2 {
  width: 170px;
  background-image: url(../img/menu/navi2_up.gif);
  margin-left: 5px;
}
.menu2:hover {
  width: 170px;
  background-image: url(../img/menu/navi2_ov.gif);
  margin-left: 5px;
}
.menu3 {
  width: 160px;
  background-image: url(../img/menu/navi3_up.gif);
  margin-left: 5px;
}
.menu3:hover {
  width: 160px;
  background-image: url(../img/menu/navi3_ov.gif);
  margin-left: 5px;
}
.menu4 {
  width: 190px;
  background-image: url(../img/menu/navi4_up.gif);
  margin-left: 5px;
}
.menu4:hover {
  width: 190px;
  background-image: url(../img/menu/navi4_ov.gif);
  margin-left: 5px;
}
.menu5 {
  width: 128px;
  background-image: url(../img/menu/navi5_up.gif);
}
.menu5:hover {
  width: 128px;
  background-image: url(../img/menu/navi5_ov.gif);
}
.menu6 {
  width: 166px;
  background-image: url(../img/menu/navi6_up.gif);
}
.menu6:hover {
  width: 166px;
  background-image: url(../img/menu/navi6_ov.gif);
}
.main {
  background-color: #FFFFFF;
  width: 100%;
}
.wrap {
  width: 980px;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  position: relative;
}
.left_area {
  float: left;
  width: 300px;
  margin-top: 20px;
}
.right_area {
  float: left;
  width: 680px;
  margin-top: 20px;
  margin-bottom: 30px;
}
.left_box01 {
  float: left;
  height: 85px;
  width: 250px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: dotted;
  border-bottom-style: dotted;
  border-top-color: #333333;
  border-bottom-color: #333333;
  padding-top: 7px;
}
.left_box01 ul {
  position: absolute;
  height: 71px;
  width: 250px;
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.left_box01 li {
  height: 71px;
  margin: 0px;
  list-style: none;
  float: left;
  position: relative;
  width: 250px;
}
.left_box01 a {
  height: 71px;
  text-indent: -9999px;
  display: block;
  width: 250px;
}
.left_btn01 {
  height: 71px;
  width: 250px;
  background-image: url(../img/leftarea_btn01.jpg);
}
.left_btn01:hover {
  height: 71px;
  width: 250px;
  background-position: 0px -71px;
}
.left_box02 {
  float: left;
  height: 85px;
  width: 250px;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #333333;
  padding-top: 7px;
}
.left_box02 ul {
  position: absolute;
  height: 71px;
  width: 250px;
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.left_box02 li {
  height: 71px;
  margin: 0px;
  list-style: none;
  float: left;
  position: relative;
  width: 250px;
}
.left_box02 a {
  height: 71px;
  text-indent: -9999px;
  display: block;
  width: 250px;
}
.left_btn02 {
  height: 71px;
  width: 250px;
  background-image: url(../img/leftarea_btn02.jpg);
}
.left_btn02:hover {
  height: 71px;
  width: 250px;
  background-position: 0px -71px;
}
.contact_area_01 {
  float: left;
  height: 183px;
  width: 250px;
  border: 1px solid #666666;
  margin-top: 10px;
}
.contact_area_01 ul {
  position: absolute;
  height: 183px;
  width: 250px;
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.contact_area_01 li {
  height: 183px;
  margin: 0px;
  list-style: none;
  float: left;
  position: relative;
  width: 250px;
}
.contact_area_01 a {
  height: 183px;
  text-indent: -9999px;
  display: block;
  width: 250px;
}
.contact_btn01 {
  height: 183px;
  width: 250px;
  background-image: url(../img/contact_btn_01.jpg);
}
.contact_btn01:hover {
  height: 183px;
  width: 250px;
  background-position: 0px -183px;
}
.contact_area_02 {
  float: left;
  height: 89px;
  width: 678px;
  border: 1px solid #666666;
  margin-top: 10px;
}
.contact_area_02 ul {
  position: absolute;
  height: 89px;
  width: 676px;
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.contact_area_02 li {
  height: 89px;
  width: 676px;
  margin: 0px;
  list-style: none;
  float: left;
  position: relative;
}
.contact_area_02 a {
  height: 89px;
  width: 676px;
  text-indent: -9999px;
  display: block;
}
.contact_btn02 {
  height: 89px;
  width: 676px;
  background-image: url(../img/contact_btn_02.jpg);
}
.contact_btn02:hover {
  height: 89px;
  width: 676px;
  background-position: 0px -89px;
}
.contact_area_03 {
  float: left;
  height: 172px;
  width: 250px;
  border: 1px solid #666666;
  margin-top: 10px;
  margin-bottom: 10px;
}
.contact_area_03 ul {
  position: absolute;
  height: 172px;
  width: 250px;
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.contact_area_03 li {
  height: 172px;
  margin: 0px;
  list-style: none;
  float: left;
  position: relative;
  width: 250px;
}
.contact_area_03 a {
  height: 172px;
  text-indent: -9999px;
  display: block;
  width: 250px;
}
.r_souzoku_btn01 {
  height: 172px;
  width: 250px;
  background-image: url(../img/r_souzoku_btn01.jpg);
}
.r_souzoku_btn01:hover {
  height: 172px;
  width: 250px;
  background-position: 0px -173px;
}
.top_title {
  font-family: "Times New Roman", Times, serif;
  font-size: 21px;
  color: #09104B;
  line-height: 18px;
  float: left;
  width: 680px;
}
.text01 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: #000000;
  float: left;
  width: 675px;
  margin-top: 10px;
  padding-left: 5px;
}
.text01 a:link, a:visited {
  color: #000000;
  text-decoration: none;
}
.text01 a:hover, a:active {
  color: #0A2F71;
  text-decoration: underline;
}
.plan {
  height: 108px;
  width: 678px;
  border: 1px dotted #333333;
  float: left;
  margin-top: 10px;
}
.footer {
  width: 100%;
  background-color: #C9EBED;
  clear: both;
  height: 300px;
}
.footer_wrap {
  width: 980px;
  height: 100%;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  position: relative;
  background-color: #C9EBED;
}
.footer01 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #333333;
  float: left;
  width: 336px;
  line-height: 18px;
}
.footer02 {
  float: left;
  width: 200px;
  margin-top: 10px;
  border-right-width: 1px;
  border-left-width: 1px;
  border-right-style: dotted;
  border-left-style: dotted;
  border-right-color: #333333;
  border-left-color: #333333;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #333333;
  line-height: 20px;
  height: 250px;
}
.footer03 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 20px;
  color: #333333;
  float: left;
  width: 200px;
  margin-top: 10px;
  height: 250px;
}
.footerlogo {
  float: left;
  height: 175px;
  width: 250px;
}
.f_text01 {
  display: inline;
  float: left;
  width: 250px;
  margin-left: 42px;
}
.f_text02 {
  display: inline;
  float: left;
  width: 200px;
  margin-left: 10px;
}
.f_text02 ul {
  float: left;
  width: 180px;
  position: absolute;
  margin: 0px;
}
.f_text02 li {
  float: left;
  width: 180px;
  position: relative;
  list-style-type: disc;
  margin: 0px;
}
.f_text02 a:link, a:visited {
  color: #000000;
  text-decoration: none;
}
.f_text02 a:hover, a:active {
  color: #0033CC;
  text-decoration: underline;
}
.f_text03 {
  display: inline;
  float: left;
  width: 170px;
  margin-left: 20px;
}
.pankuzu {
  float: left;
  width: 680px;
  height: 25px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  line-height: 20px;
}
.pankuzu a:link, a:visited {
  color: #000000;
  text-decoration: none;
}
.pankuzu a:hover, a:active {
  color: #0000FF;
  text-decoration: underline;
}
.copy {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #333333;
  text-align: right;
  float: left;
  width: 980px;
  margin-top: 10px;
}
/* ここからnextpage */
.title {
  font-family: "Times New Roman", Times, serif;
  font-size: 21px;
  color: #000000;
  line-height: 25px;
  float: left;
  width: 680px;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #000000;
}
.nagare01 {
  background-image: url(../img/nagare/nagare01.jpg);
  background-repeat: no-repeat;
  float: left;
  height: 115px;
  width: 680px;
  margin-top: 10px;
}
.nagare02 {
  background-image: url(../img/nagare/nagare02.jpg);
  background-repeat: no-repeat;
  float: left;
  height: 115px;
  width: 680px;
}
.nagare03 {
  background-image: url(../img/nagare/nagare03.jpg);
  background-repeat: no-repeat;
  float: left;
  height: 115px;
  width: 680px;
}
.nagare03 {
  background-image: url(../img/nagare/nagare03.jpg);
  background-repeat: no-repeat;
  float: left;
  height: 115px;
  width: 680px;
}
.nagare04 {
  background-image: url(../img/nagare/nagare04.jpg);
  background-repeat: no-repeat;
  float: left;
  height: 115px;
  width: 680px;
}
.nagare05 {
  background-image: url(../img/nagare/nagare05.jpg);
  background-repeat: no-repeat;
  float: left;
  height: 115px;
  width: 680px;
}
.nagare06 {
  background-image: url(../img/nagare/nagare06.jpg);
  background-repeat: no-repeat;
  float: left;
  height: 115px;
  width: 680px;
}
.nagare07 {
  background-image: url(../img/nagare/nagare07.jpg);
  background-repeat: no-repeat;
  float: left;
  height: 115px;
  width: 680px;
}
.n_text01 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 20px;
  color: #333333;
  float: left;
  width: 430px;
  margin-top: 22px;
  margin-left: 245px;
  display: inline;
}
.next_page_img01 {
  float: left;
  width: 680px;
  margin-top: 20px;
}
/* ここからnextpage安心会員 */
.anshin01 {
  background-image: url(../img/anshin/anshin01.jpg);
  background-repeat: no-repeat;
  float: left;
  height: 340px;
  width: 680px;
  margin-top: 20px;
}
.a_text01 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #000000;
  float: left;
      width: 400px;
  margin-top: 134px;
  margin-left: 270px;
  display: inline;
}
.a_box01 {
  background-image: url(../img/anshin/anshin02.jpg);
  float: left;
  height: 71px;
  width: 680px;
  margin-top: 7px;
  margin-bottom: 7px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #09104B;
  line-height: 25px;
  padding-top: 15px;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #000000;
}
.a_box02 {
  background-image: url(../img/anshin/anshin02.jpg);
  float: left;
  height: 45px;
  width: 680px;
  margin-top: 7px;
  margin-bottom: 7px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #09104B;
  line-height: 25px;
  padding-top: 25px;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #000000;
}
.a_text02 {
  display: inline;
  float: left;
  width: 660px;
  margin-left: 20px;
}
/* ここから会社概要 */
.gaiyo_text01 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #09104B;
  float: left;
  width: 675px;
  padding-left: 5px;
  line-height: 25px;
  margin-top: 10px;
}
.gaiyo_area {
  float: left;
  width: 657px;
  margin-top: 20px;
  border: 1px dotted #333333;
  background-color: #F3F3F8;
  padding-left: 20px;
}
.a_tensen {
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #333333;
}
.a_aosen {
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: #09104B;
}
/* プラン */
.p_title {
  font-family: "Times New Roman", Times, serif;
  font-size: 22px;
  line-height: 27px;
  color: #09104B;
  background-image: url(../img/anshin/anshin02.jpg);
  background-repeat: no-repeat;
  float: left;
  height: 27px;
  width: 680px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #000000;
  margin-top: 20px;
}
.p_text01 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: #000000;
  float: left;
  width: 675px;
  margin-top: 10px;
  padding-left: 5px;
  text-align: right;
}
.p_text01 a:link, a:visited {
  color: #17336E;
  text-decoration: none;
}
.p_text01 a:hover, a:active {
  color: #0A2F71;
  text-decoration: underline;
}
/* 問い合わせ */
.contact_text01 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 18px;
  color: #09104B;
  float: left;
  width: 675px;
  margin-top: 10px;
  padding-left: 5px;
  font-weight: bold;
}
.contact_text02 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 18px;
  color: #FF0000;
}
.tel_box {
  height: 89px;
  width: 522px;
  border: 1px solid #000000;
}
/* ここからR相談QA*/
.r_souzoku_qa_title {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  background-color: #CCCCCC;
  width: 675px;
  border-bottom-width: 1px;
  border-left-width: 5px;
  border-bottom-style: dotted;
  border-left-style: solid;
  border-bottom-color: #000000;
  border-left-color: #000066;
  line-height: 27px;
  margin-top: 20px;
  float: left;
}
.r_qa_textarea {
  font-family: Arial, Helvetica, sans-serif;
  padding: 5px;
  float: left;
  width: 668px;
  margin-top: 20px;
  border: 1px dotted #0A2F71;
  line-height: 20px;
  font-size: 12px;
}
.r_qa_textarea a:link, a:visited {
  color: #0A2F71;
  text-decoration: none;
}
.r_qa_textarea a:hover, a:active {
  color: #0A2F71;
  text-decoration: underline;
}
.r_qa_te01 {
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 20px;
  text-align: left;
}
.r_qa_te02 {
  font-size: 20px;
  color: #0A2F71;
  padding: 5px;
  border: medium double #0A2F71;
}
/* ここからR相談スケジュール*/
.r_souzoku_suke {
  float: left;
  height: 718px;
  width: 313px;
}
.r_souzoku_suke_text {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  line-height: 18px;
  display: inline;
  float: left;
  width: 357px;
  padding-left: 5px;
}
.r_s_text01 {
  float: left;
  width: 357px;
  display: inline;
  margin-top: 20px;
}
.r_s_text02 {
  float: left;
  width: 357px;
  display: inline;
  margin-top: 120px;
}
.r_s_text03 {
  float: left;
  width: 357px;
  display: inline;
  margin-top: 30px;
}
.r_s_text04 {
  float: left;
  width: 340px;
  display: inline;
  margin-top: 96px;
}
.r_souzoku_nextarea {
  float: left;
  height: 96px;
  width: 340px;
  margin-top: 20px;
}
.r_souzoku_nextarea ul {
  position: absolute;
  height: 96px;
  width: 340px;
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.r_souzoku_nextarea li {
  height: 96px;
  width: 340px;
  margin: 0px;
  list-style: none;
  float: left;
  position: relative;
}
.r_souzoku_nextarea a {
  height: 96px;
  width: 340px;
  text-indent: -9999px;
  display: block;
}
.r_souzoku_nextareabtn01 {
  height: 96px;
  width: 340px;
  background-image: url(../img/r_souzoku/r_souzoku_btn01.jpg);
}
.r_souzoku_nextareabtn01:hover {
  height: 96px;
  width: 340px;
  background-position: 0px -96px;
}
.r_souzoku_nextareabtn02 {
  height: 96px;
  width: 340px;
  background-image: url(../img/r_souzoku/r_souzoku_btn02.jpg);
}
.r_souzoku_nextareabtn02:hover {
  height: 96px;
  width: 340px;
  background-position: 0px -96px;
}
.r_souzoku_nextareabtn03 {
  height: 96px;
  width: 340px;
  background-image: url(../img/r_souzoku/r_souzoku_btn03.jpg);
}
.r_souzoku_nextareabtn03:hover {
  height: 96px;
  width: 340px;
  background-position: 0px -96px;
}


.header_wrap::after,
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

/* visual element
-------------------------------------------------------------- */
#visualArea {
	position: relative;
	margin: 0 auto;
	text-align: center;
}
#visualArea .visualCover {
}
.slider-wrapper {
	position: relative;
	width: 100%;
	margin: 0 auto;
}
.slider {
    margin: 0;
    padding: 0;
}
.slider li {
    list-style: none;
}
.slider img {
	width: 100%;
	height: auto;
}
#slider2 .slider img {
	width: 100%;
	height: auto;
}
.slick-current img {
  transform: scale(1);
}
.single-item {
	max-width: 100%;
	margin: 0 auto 5rem;
}
.slick-prev::before, .slick-next::before {
	font-size: 2.4rem;
}
.center-item .slick-next {
	right: 5rem;
	z-index: 99;
}
.center-item .slick-prev {
	left: 5rem;
	z-index: 100;
}
.single-item .slick-prev::before, .single-item .slick-next::before {
	color: #666;
}