@charset "utf-8";
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

fieldset,
img {
    border: 0
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
    font-style: normal;
    font-weight: normal
}

li {
    list-style: none
}

caption,
th {
    text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal
}

q:before,
q:after {
    content: ''
}

abbr,
acronym {
    border: 0;
    font-variant: normal
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

input,
textarea,
select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit
}

input,
textarea,
select {
    *font-size: 100%
}

legend {
    color: #000
}

img {
    vertical-align: top
}

input[type="radio"],
input[type="checkbox"] {
    vertical-align: -2px
}

label {
    cursor: pointer
}

html>body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"
}

*+html body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"
}

.cf:before,
.cf:after {
    content: "";
    display: table
}

.cf:after {
    clear: both
}

.cf {
    zoom: 1
}

.clr {
    clear: both
}

body {
    font-size: 14px;
    color: #454545;
    background: #fff;
    line-height: 1.7;
}

a {
    color: #484848;
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

a.line {
    text-decoration: underline
}

a.line:hover {
    text-decoration: none
}

.fl {
    float: left
}

.fr {
    float: right
}

.ta_l {
    text-align: left
}

.ta_c {
    text-align: center
}

.ta_r {
    text-align: right
}

.va_t {
    vertical-align: top
}

.va_b {
    vertical-align: bottom
}

.va_m {
    vertical-align: middle
}

.lh17 {
    line-height: 1.7
}

.lh20 {
    line-height: 2
}

.f10 {
    font-size: 10px
}

.f12 {
    font-size: 12px
}

.f14 {
    font-size: 14px
}

.f15 {
    font-size: 15px
}

.f16 {
    font-size: 16px
}

.f18 {
    font-size: 18px
}

.f20 {
    font-size: 20px
}

.f22 {
    font-size: 22px
}

.f28 {
    font-size: 28px
}

.f30 {
    font-size: 30px
}

.red {
    color: #e60012
}

.red02 {
    color: #f00
}

.blue {
    color: #2c81ae
}

.pink {
    color: #f04c68
}

.yellow {
    color: #f7b016
}

.bold {
    font-weight: bold
}

.orange {
    color: #f27900
}

.mgn05 {
    margin-bottom: 5px
}

.mgn08 {
    margin-bottom: 8px
}

.mgn10 {
    margin-bottom: 10px
}

.mgn13 {
    margin-bottom: 13px
}

.mgn15 {
    margin-bottom: 15px
}

.mgn20 {
    margin-bottom: 20px
}

.mgn25 {
    margin-bottom: 25px
}

.mgn30 {
    margin-bottom: 30px
}

.mgn35 {
    margin-bottom: 35px
}

.mgn40 {
    margin-bottom: 40px
}

.mgn45 {
    margin-bottom: 45px
}

.mgn50 {
    margin-bottom: 50px
}

.mgn55 {
    margin-bottom: 55px
}

.mgn60 {
    margin-bottom: 60px
}

.mgn65 {
    margin-bottom: 65px
}

.mgn70 {
    margin-bottom: 70px
}

.mgn75 {
    margin-bottom: 75px
}

.mgn80 {
    margin-bottom: 80px
}

.mgn85 {
    margin-bottom: 85px
}

.mgn90 {
    margin-bottom: 90px
}

.mgn95 {
    margin-bottom: 95px
}

.mgn100 {
    margin-bottom: 100px
}

.mgn110 {
    margin-bottom: 110px
}

.mgn120 {
    margin-bottom: 120px
}

.mgn150 {
    margin-bottom: 150px
}

a:hover img,
input[type="image"]:hover,
button:hover {
    opacity: .7;
    filter: alpha(opacity=70);
    -moz-opacity: .7
}

a,
a img,
input[type="image"] {
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    opacity: 1
}

.inner {
    max-width: 1100px;
    margin: 0 auto
}

.orange {
    color: #f72b85
}

.bg_orange {
    background: #f72b85
}

.bg_gray {
    background: #d2d2d2
}

#header .logo {
    float: left
}

#header p {
    text-align: right;
    font-size: 12px;
    line-height: 62px
}

#contents {
    padding: 0 0 109px;
    overflow-x: hidden
}

#kv {
    background: url(https://www.homes.co.jp/hikkoshi/assets/img/lp/aff/kv_bg.jpg) no-repeat center 0;
    background-size: cover;
    border-bottom: 13px solid #fff
}

#kv .inner {
    position: relative
}

#kv .inner .txt {
    position: absolute;
    top: 155px;
    left: 336px
}

#kv .inner a {
    width: 715px;
    height: 133px;
    display: block;
    position: absolute;
    bottom: 45%;
    right: 47px
}

.bg_gray .company_box {
    padding: 14px 0
}

.bg_gray .company_box li {
    float: left;
    margin: 0 16px 0 0
}

.bg_gray .company_box li:last-child {
    margin: 0
}

#sec01 .sec_main {
    padding: 180px 0 130px;
    background: url(https://www.homes.co.jp/hikkoshi/assets/img/lp/aff/bg01.jpg) no-repeat center bottom fixed;
    background-size: cover
}

#sec01 .sec_main img.main_txt {
    height: 100%;
    width: auto
}

#sec01 .sec_in {
    padding: 44px 0 100px
}

#sec01 .sec_in ul {
    margin: 0 auto 40px
}

#sec01 .sec_in ul li {
    float: left;
    margin: 0 91px 0 0
}

#sec01 .sec_in ul li:last-child {
    margin: 0
}

#sec02 .sec_main {
    background: url(https://www.homes.co.jp/hikkoshi/assets/img/lp/aff/pattern01.png) repeat 0 0;
    height: 474px
}

#sec02 .sec_main img.fl {
    margin: 0 0 0 -41px
}

#sec02 .sec_main img.fr {
    margin: -77px 0 0
}

#sec02 .sec_in {
    background: url(https://www.homes.co.jp/hikkoshi/assets/img/lp/aff/bg02_b.jpg) no-repeat center bottom fixed;
    background-size: cover;
    min-height: 729px;
    padding: 145px 0 0;
    box-sizing: border-box
}

#sec02 .sec_in ul li {
    width: 248px;
    background: #fff;
    border: 5px solid #f72b85;
    float: left;
    margin: 0 36px 0 0;
    box-sizing: border-box;
    padding: 0 9px 6px
}

#sec02 .sec_in ul li:last-child {
    margin: 0
}

#sec02 .sec_in ul li dl dt {
    font-size: 20px;
    color: #f72b85;
    line-height: 58px
}

#sec02 .sec_in ul li dl dd {
    background: #d7d7d7;
    height: 39px;
    line-height: 39px;
    margin: 0 0 3px;
    color: #454545;
    font-size: 18px;
    padding: 0 15px 0 26px;
    position: relative
}

#sec02 .sec_in ul li dl dd.crown {
    background: #ffe9d1;
    font-weight: bold
}

#sec02 .sec_in ul li dl dd.crown:after {
    content: "";
    background: url(https://www.homes.co.jp/hikkoshi/assets/img/lp/aff/crown.png) no-repeat 0 0;
    background-size: contain;
    width: 17px;
    height: 15px;
    position: absolute;
    top: 50%;
    left: 4px;
    margin: -7.5px 0 0
}

#sec03 {
    padding: 104px 0 70px;
    background: url(https://www.homes.co.jp/hikkoshi/assets/img/lp/aff/pattern02.png) repeat 0 0
}

#sec03 .inner {
    position: relative;
    margin: 0 auto -230px
}

#sec03 .inner .posi {
    position: absolute;
    left: -129px;
    top: -67px
}

#sec03 #voice_slider {
    position: relative
}

#sec03 #voice_slider ul li {
    padding: 230px 0 0;
    min-height: 500px;
    box-sizing: border-box
}

#sec03 #voice_slider ul li .img_box {
    width: 270px;
    height: 270px;
    border: 8px solid #c9c9c9;
    box-sizing: border-box;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    opacity: 1;
    position: relative
}

#sec03 #voice_slider li .img_box:before {
    content: "";
    background: url(https://www.homes.co.jp/hikkoshi/assets/img/lp/aff/voice_bg02.png) no-repeat 0 0;
    background-size: contain;
    width: 270px;
    height: 270px;
    position: absolute;
    top: -8px;
    left: -8px
}

#sec03 #voice_slider li .img_box:hover {
    background: #000;
    border: 8px solid #f72b85;
    background-color: black;
    display: inline-block
}

#sec03 #voice_slider li .img_box:hover:before {
    display: none
}

#sec03 #voice_slider li .img_box:hover img {
    opacity: .5;
    display: block
}

#sec03 #voice_slider ul li .img_box img {
    width: 100%;
    height: auto
}

#sec03 #voice_slider a.bx-prev,
#sec03 #voice_slider a.bx-next {
    position: absolute;
    display: block;
    width: 28px;
    height: 49px;
    text-indent: -9999px;
    bottom: 110px
}

#sec03 #voice_slider a.bx-prev {
    background: url(https://www.homes.co.jp/hikkoshi/assets/img/lp/aff/arw_left.png) no-repeat 0 0;
    left: 15px
}

#sec03 #voice_slider a.bx-next {
    background: url(https://www.homes.co.jp/hikkoshi/assets/img/lp/aff/arw_right.png) no-repeat 0 0;
    right: 15px
}

#sec03 #voice_slider a.bx-prev:hover,
#sec03 #voice_slider a.bx-next:hover {
    opacity: .7;
    filter: alpha(opacity=70);
    -moz-opacity: .7;
    text-decoration: none
}

#voice_slider ul li .voice {
    position: absolute;
    bottom: 290px;
    left: -26px;
    width: 315px;
    min-height: 200px;
    box-sizing: border-box;
    padding: 20px;
    background: #fff;
    border-top: 1px solid #f72b85;
    border-left: 1px solid #f72b85;
    border-right: 6px solid #f72b85;
    border-bottom: 6px solid #f72b85;
    border-radius: 8px;
    z-index: 999;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .6s;
    -moz-transition: opacity .6s;
    -ms-transition: opacity .6s;
    -o-transition: opacity .6s;
    transition: opacity .6s
}

#voice_slider ul li .voice.active {
    visibility: visible;
    opacity: 1
}

#voice_slider ul li .voice:after {
    content: "";
    background: url(https://www.homes.co.jp/hikkoshi/assets/img/lp/aff/balloon_arw.png) no-repeat 0 0;
    background-size: contain;
    width: 44px;
    height: 45px;
    position: absolute;
    bottom: -45px;
    right: 47px
}

#voice_slider ul li .voice .txt {
    font-size: 14px;
    text-align: left;
    color: #454545
}

#voice_slider ul li .voice .txt .name {
    font-weight: bold;
    display: block
}

#voice_slider .bx-viewport {
    background: transparent !important;
    border: 0;
    overflow: visible !important
}

.cv_area {
    padding: 35px 0;
    background: #fff
}

.cv_area a {
    display: inline-block
}

#sec04 {
    background: #ffe9d1;
    padding: 89px 0 73px
}

#sec04 .inner {
    padding: 0 30px;
    box-sizing: border-box
}

#sec04 .sec_in {
    width: 486px
}

#sec04 .sec_in .tit {
    position: relative;
    margin: 0 0 31px
}

#sec04 .sec_in .tit:after {
    content: "";
    background: url(https://www.homes.co.jp/hikkoshi/assets/img/lp/aff/arw01.png) no-repeat 0 0;
    background-size: contain;
    width: 31px;
    height: 21px;
    position: absolute;
    bottom: -21px;
    left: 50%;
    margin: 0 0 0 -15.5px
}

#sec04 .sec_in .rank_box {
    background: #fff;
    border-radius: 5px;
    padding: 15px;
    text-align: left;
    margin: 0 0 19px
}

#sec04 .sec_in .rank_box dl dt .icon_rank {
    margin: 0 7px 0 0
}

#sec04 .sec_in .rank_box dl dt .company_name {
    display: inline-block;
    margin: 6px 0 11px
}

#sec04 .sec_in .rank_box dl dt .company_name span {
    color: #f72b85;
    font-size: 25px;
    line-height: 45px;
    font-weight: bold;
    padding: 0 3px;
    letter-spacing: -1.8px
}

#sec04 .sec_in .rank_box dl dd .satis_level {
    height: 44px;
    border: 2px solid #f72b85;
    padding: 0 15px;
    box-sizing: border-box;
    margin: 0 0 10px
}

#sec04 .sec_in .rank_box dl dd .satis_level span {
    display: block;
    line-height: 40px;
    float: left;
    color: #f72b85;
    font-weight: bold;
    font-size: 18px;
    margin: 0 12px 0 0
}

#sec04 .sec_in .rank_box dl dd .satis_level span.number {
    font-size: 20px
}

#sec04 .sec_in .rank_box dl dd .satis_level span.level_box img {
    float: left;
    margin: 0 3px 0 0;
    width: 17px;
    height: auto;
    padding: 11px 0 0
}

#sec04 .sec_in .rank_box dl dd .comment {
    background: #e5e5e5;
    padding: 13px 15px
}

#sec04 .sec_in .rank_box dl dd .comment .detail {
    font-weight: bold;
    display: inline-block;
    float: left
}

#sec04 .sec_in .rank_box dl dd .comment .level_box {
    float: right
}

#sec04 .sec_in .rank_box dl dd .comment .level_box img {
    float: left;
    margin: 0 2px 0 0;
    width: 16px;
    height: auto;
    padding: 2.5px 0 0
}

#sec04 .sec_in .rank_box dl dd .comment .number {
    float: left;
    color: #f72b85;
    font-weight: bold;
    margin: 0 0 0 4px
}

#sec04 .sec_in .rank_box dl dd .comment p {
    line-height: 18px
}

#sec04 .attent {
    padding-bottom: 70px;
    text-align: left;
    font-size: 12px;
    color: #666
}

#sec05 .sec_main {
    background: url(https://haoji5.xsrv.jp/fuzoku/assets/images/32045909_m.jpg) no-repeat center center fixed;
    background-size: 100% auto;
    min-height: 474px;
    padding: 113px 0 0;
    box-sizing: border-box
}

#sec05 .inner {
    margin: -184px auto 0;
    padding: 0 0 50px
}

#sec05 dl {
    position: relative;
    width: 496px;
    margin: 0 0 35px;
    padding: 0 27px 28px 0
}

#sec05 dl.bottom {
    margin: 0 0 12px
}

#sec05 dl.fl {
    clear: both
}

#sec05 dl dt {
    padding: 28px 0 110px 107px;
    text-align: left;
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
    color: #f72b85;
    background: #fff;
    border: 5px solid #f72b85
}

#sec05 dl:nth-child(1) dt {
    background: #fff url(https://www.homes.co.jp/hikkoshi/assets/img/lp/aff/qa01.png) no-repeat 0 center
}

#sec05 dl:nth-child(2) dt {
    background: #fff url(https://www.homes.co.jp/hikkoshi/assets/img/lp/aff/qa02.png) no-repeat 0 center
}

#sec05 dl:nth-child(3) dt {
    background: #fff url(https://www.homes.co.jp/hikkoshi/assets/img/lp/aff/qa03.png) no-repeat 0 center
}

#sec05 dl:nth-child(4) dt {
    background: #fff url(https://www.homes.co.jp/hikkoshi/assets/img/lp/aff/qa04.png) no-repeat 0 center
}

#sec05 dl dt span {
    display: block;
    padding: 0 0 0 65px;
    background: url(https://www.homes.co.jp/hikkoshi/assets/img/lp/aff/icon_q.png) no-repeat 0 0
}

#sec05 dl dd {
    position: absolute;
    display: table;
    width: 371px;
    height: 122px;
    padding: 0 20px;
    font-size: 15px;
    line-height: 24px;
    color: #fff;
    background: #f72b85;
    bottom: 0;
    right: 0
}

#sec05 dl dd span {
    display: table-cell;
    padding: 0 56px 0 0;
    text-align: left;
    vertical-align: middle;
    background: url(https://www.homes.co.jp/hikkoshi/assets/img/lp/aff/icon_a.png) no-repeat right center
}

#sec06 {
    background: url(https://www.homes.co.jp/hikkoshi/assets/img/lp/aff/pattern01.png) repeat 0 0;
    padding: 98px 0 70px
}

#sec06 .step {
    background: #fff;
    border: 5px solid #f72b85;
    width: 308px;
    height: 308px;
    float: left;
    padding: 50px 0;
    box-sizing: border-box;
    position: relative;
    margin: 0 88px 0 0
}

#sec06 .step:last-child {
    margin: 0
}

#sec06 .step:before {
    content: "";
    width: 80px;
    height: 80px;
    position: absolute;
    top: -18px;
    left: -17px
}

#sec06 .step.s1:before {
    background: url(https://www.homes.co.jp/hikkoshi/assets/img/lp/aff/step01.png) no-repeat 0 0;
    background-size: contain
}

#sec06 .step.s2:before {
    background: url(https://www.homes.co.jp/hikkoshi/assets/img/lp/aff/step02.png) no-repeat 0 0;
    background-size: contain
}

#sec06 .step.s3:before {
    background: url(https://www.homes.co.jp/hikkoshi/assets/img/lp/aff/step03.png) no-repeat 0 0;
    background-size: contain
}

#sec06 .step::before,
#sec06 .step::after {
  content: "";
  position: absolute;
  top: calc(50% - 2px);
  right: 0;
  width: 45px;
  height: 4px;
  border-radius: 9999px;
  background-color: #f72b85;
  transform-origin: calc(100% - 2px) 50%;
}

#sec06 .step::before {
  transform: rotate(45deg);
  left: 316px;
    right: auto;
}

#sec06 .step::after {
  transform: rotate(-45deg);
  right: -63px;
}

/*#sec06 .step:after {
    content: "";
    background: url(https://www.homes.co.jp/hikkoshi/assets/img/lp/aff/arw02.png) no-repeat 0 0;
    background-size: contain;
    width: 58px;
    height: 40px;
    position: absolute;
    top: 50%;
    right: -73px;
    margin: -20px 0 0
}*/

#sec06 .step:last-child:before,
#sec06 .step:last-child:after {
    display: none
}

#sec06 .step dt {
    margin: 0 0 32px
}

#sec06 .step dd {
    color: #f72b85;
    font-size: 18px;
    line-height: 22px
}

#sec06 .step dd .tit {
    font-size: 25px;
    font-weight: bold;
    display: block;
    margin: 0 0 8px
}

#sec07 {
    background: url(https://www.homes.co.jp/hikkoshi/assets/img/lp/aff/bg04.jpg) no-repeat center 0;
    background-size: cover;
    padding: 150px 0 90px
}

#sec07 a {
    display: inline-block
}

#footer {
    height: 100px
}

#footer .logo {
    float: left;
    padding: 19px 0
}

#footer .copy {
    color: #f72b85;
    font-size: 12px;
    text-align: right;
    line-height: 100px
}

#footer .copy span {
    font-size: 20px;
    display: inline-block;
    vertical-align: middle
}

.fix_bnr {
    width: 100%;
    background: #ffe9d1;
    border-top: 1px solid #f00;
    position: fixed;
    bottom: 0
}

.fix_bnr .inner {
    padding: 24px 0
}

.fix_bnr .cv_btn {
    display: block;
    float: right
}

.modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.70);
    z-index: 9998;
    cursor: pointer
}

.modal-content {
    display: none;
    position: absolute;
    width: 1020px;
    left: 50%;
    margin: 0 0 0 -510px;
    z-index: 9999
}

.modal-content p {
    margin: 0;
    padding: 0
}

.modal-close.top {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer
}

.modal-close.btm {
    position: absolute;
    bottom: 22px;
    left: 50%;
    margin: 0 0 0 -52px;
    cursor: pointer
}

.modal-open {
    display: inline-block
}

.pop_cont {
    background: #f72b85;
    padding: 0 40px 80px
}

.pop_cont .sec_in {
    background: #fff;
    text-align: left;
    padding: 40px 40px 10px
}

.pop_cont .sec_in .tit {
    display: block;
    font-size: 25px;
    font-weight: bold;
    color: #f72b85;
    margin: 0 0 10px
}

.pop_cont .sec_in dl dt {
    color: #f72b85;
    background: url(https://www.homes.co.jp/hikkoshi/assets/img/lp/aff/pop_tit_icon.png) no-repeat 0 4px;
    padding: 0 0 12px 28px;
    border-bottom: 1px solid #f72b85;
    font-size: 20px;
    line-height: 1.0;
    margin: 0 0 10px
}

.pop_cont .sec_in dl dd {
    font-size: 15px;
    line-height: 22px;
    padding: 0 0 30px
}

.pop_cont .sec_in dl dd div {
    margin: 0 0 1em
}

.pop_cont .sec_in dl dd div:last-child {
    margin: 0
}

.pop_cont .sec_in dl dd a {
    text-decoration: underline
}

.pop_cont .sec_in dl dd a:hover {
    text-decoration: none
}

.mod-securityArea {
    border-top: solid 1px #dadada;
    margin: 0 15px 15px 15px;
    padding-top: 15px;
    font-size: 84.6%;
    line-height: 1.5
}

.mod-securityArea .councilBox {
    float: left;
    margin-right: 20px
}

.mod-securityArea li dl {
    display: table
}

.mod-securityArea li dl dt {
    display: table-cell;
    vertical-align: middle
}

.mod-securityArea li dl dd {
    display: table-cell;
    padding-left: 15px;
    vertical-align: middle
}

.mod-securityArea:after {
    content: "";
    clear: both;
    display: block
}

.ie .mod-securityArea {
    zoom: 1
}

.redLine,
.blueLine {
    margin: 5px auto
}

.redLine p,
.blueLine p,
.disableJs p {
    padding: 7px;
    font-weight: bold;
    line-height: 1.2
}

.redLine {
    border: solid 2px #ffb2b2;
    background: #fff2f2
}

.redLine p {
    color: #f00
}

.blueLine {
    border: solid 2px #a0bbd8;
    background: #ecf1f7
}

.blueLine p {
    color: #000
}

.maintenanceBlock {
    margin: 0 10px
}
@media screen and (max-width:767px) {
	html {min-width: 100%;}
	#contents {
	  width: 100%;
	  padding: 0 15px;
	}
	body .g-footer .footer__wrapper {
  padding: 21px 15px;
}
.g-footer .footer__nav {
  flex-direction: column;
  gap: 30px;
}
.g-footer .footer__navList {
  display: flex;
  flex-wrap: wrap;
}
.g-footer .footer__navItem{width:50%;margin-right:0 !important;}
}