@charset "UTF-8";
/* iacsicc */
/* _variablesIacsicc */
/* commont */
/* _variables */
body {
    margin: 0;
    padding: 0;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
h1, h2, h3, h4, h5, h6, div, p, table, th, td, ul, dl, form, input, textarea, select, option, optgroup, button, a, sup {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #000000;
    font-size: 14px;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: normal;
    line-height: 1.4;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
dev, span, section, article, li, dt, dd {
    box-sizing: border-box;
}
li {
    list-style: none;
}
table {
    border-collapse: collapse;
}
a {
    color: #2980c3;
}
a:hover {
    color: #61a6da;
}
sup {
    font-size: 0.6em;
}
.textCenter {
    text-align: center;
}
.textLeft {
    text-align: left;
}
.textRight {
    text-align: right;
}
.red {
    color: #ff8822;
}
.yellow {
    color: #fff100;
}
img {
    border: none;
    vertical-align: bottom;
}
.pc, .pd, .sp {
    display: none;
}
@media screen and (min-width: 1200px) {
    .pc {
        display: inherit;
    }
}
@media screen and (min-width: 641px) {
    .pcpd {
        display: inherit;
    }
}
@media screen and (max-width: 640px) {
    .pcpd {
        display: none;
    }
}
@media screen and (max-width: 1199px) {
    .pd {
        display: inherit;
    }
}
@media screen and (max-width: 640px) {
    .sp {
        display: inherit;
    }
}
.width100 {
    width: 100%;
}
.clearfix {
    zoom: 100%;
}
.clearfix:after {
    display: block;
    content: ".";
    margin: 0;
    padding: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
    overflow: hidden;
    clear: both;
}
.impactValue {
    font-weight: bold;
}
.noWrap {
    white-space: nowrap;
}
.content {
    box-sizing: border-box;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px;
}
@media screen and (max-width: 1199px) {
    .content {
        padding: 0 10px;
    }
}
.breadcrumb .listBreadcrumb {
    box-sizing: border-box;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
@media screen and (max-width: 1199px) {
    .breadcrumb .listBreadcrumb {
        padding: 0 10px;
    }
}
.breadcrumb .listBreadcrumb li {
    display: block;
    font-size: 14px;
    white-space: nowrap;
    float: left;
}
.breadcrumb .listBreadcrumb li:after {
    content: ">";
    padding: 0 10px;
}
.breadcrumb .listBreadcrumb li:last-child:after {
    content: "";
}
.breadcrumb .listBreadcrumb li a {
    text-decoration: none;
}
.pageHeader {
    background: #fff;
}
.pageHeader .inner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 14px 0;
}
@media screen and (max-width: 1199px) {
    .pageHeader .inner {
        padding: 10px;
    }
}
.pageHeader .inner .pageHeadline a {
    color: #000000;
    font-size: 25px;
    line-height: 30px;
    text-decoration: none;
    text-shadow: -1px -1px 1px #000000, 1px 1px #eeeeee;
}
@media screen and (max-width: 640px) {
    .pageHeader .inner .pageHeadline a {
        font-size: 20px;
    }
}
.breadcrumb {
    padding: 10px 0;
    border-bottom: 1px solid #c2c5c7;
}
.mainV {
    height: 295px;
    padding: 0;
    background: -moz-linear-gradient(#a6dfed, #fff);
    background: -ms-linear-gradient(#a6dfed, #fff);
    background: -webkit-linear-gradient(#a6dfed, #fff);
    background: linear-gradient(#a6dfed, #fff);
}
@media screen and (max-width: 640px) {
    .mainV {
        height: auto;
        padding: 0;
    }
}
.mainV .inner {
    box-sizing: border-box;
    width: 100%;
    max-width: 1200px;
    height: 295px;
    margin: 0 auto;
    background: url(/images/iacsicc/mainV.svg) left 25px no-repeat;
}
@media screen and (max-width: 1199px) {
    .mainV .inner {
        padding: 0 10px;
    }
}
@media screen and (max-width: 640px) {
    .mainV .inner {
        position: relative;
        padding: 0;
        height: 250px;
        background-size: 70%;
        background-position: 5px 65px;
    }
}
.mainV .inner h2 {
    margin: 0;
    padding: 70px 0 0 280px;
    color: #ff8822;
    text-align: left;
    font-size: 46px;
    font-weight: bold;
    line-height: 1;
}
@media screen and (max-width: 1199px) {
    .mainV .inner h2 {
        height: auto;
        min-height: 3.6em;
        font-size: 30px;
        text-align: left;
    }
}
@media screen and (max-width: 640px) {
    .mainV .inner h2 {
        padding: 10px 10px 0;
        font-size: 6.3vw;
        line-height: 1.2;
        min-height: auto;
    }
}
.mainV .inner p {
    font-size: 26px;
    font-weight: bold;
    text-align: left;
    padding: 10px 0 0 280px;
}
@media screen and (max-width: 1199px) {
    .mainV .inner p {
        text-align: left;
        font-size: 20px;
    }
}
@media screen and (max-width: 640px) {
    .mainV .inner p {
        padding: 10px 10px 0;
        font-size: 4.2vw;
        line-height: 1.3;
    }
}
.feature {
    padding: 40px 0;
    background-color: #ffffff;
}
.feature .inner {
    box-sizing: border-box;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
@media screen and (max-width: 1199px) {
    .feature .inner {
        padding: 0 10px;
    }
}
.feature .inner .featureTitle {
    margin: 0 0 30px 0;
    color: #333;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
}
@media screen and (max-width: 1199px) {
    .feature .inner .featureTitle {
        text-align: left;
    }
}
@media screen and (max-width: 640px) {
    .feature .inner .featureTitle {
        font-size: 20px;
    }
}
.feature .inner p {
    font-size: 15px;
    line-height: 1.5;
}
.areaLink {
    padding: 40px 0;
    background-color: #f8f8f8;
}
@media screen and (max-width: 640px) {
    .areaLink {
        padding: 20px 0 0 0;
    }
}
.areaLink .inner {
    box-sizing: border-box;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
@media screen and (max-width: 1199px) {
    .areaLink .inner {
        padding: 0 10px;
    }
}
.areaLink .inner.second {
    background: none;
}
.areaLink .inner.second.town {
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #999999;
}
@media screen and (max-width: 640px) {
    .areaLink .inner {
        padding: 0;
    }
}
.areaLink .inner .areaLinktitle {
    margin: 0 0 30px 0;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
}
@media screen and (max-width: 1199px) {
    .areaLink .inner .areaLinktitle {
        text-align: left;
    }
}
@media screen and (max-width: 640px) {
    .areaLink .inner .areaLinktitle {
        margin-bottom: 10px;
        padding: 0 10px;
        font-size: 20px;
        text-align: left;
    }
}
.areaLink .inner ul {
    display: -moz-flex;
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media screen and (max-width: 640px) {
    .areaLink .inner ul {
        display: block;
    }
}
.areaLink .inner ul li {
    margin: 5px 0;
    padding: 2px 0;
    border-right: 1px solid #999999;
}
.areaLink .inner ul li:last-child {
    border-right: none;
}
.areaLink .inner ul li.top {
    display: none;
}
@media screen and (max-width: 640px) {
    .areaLink .inner ul li {
        margin: 0;
        padding: 0;
        background: #e6e6e6 url(/images/iacsicc/arrowBlue.gif) no-repeat;
        background-position: right 10px top 50%;
        border: none;
        border-bottom: 1px solid #eeeeee;
        border-top: 1px solid #999999;
    }
}
.areaLink .inner ul li a {
    display: block;
    padding: 0 15px;
    font-size: 15px;
}
@media screen and (max-width: 640px) {
    .areaLink .inner ul li a {
        color: #333333;
        line-height: 50px;
        text-decoration: none;
    }
}
.second .areaLink .inner ul {
    padding-bottom: 40px;
}
.areaLink .inner.second li {
    width: 20%;
    margin: 2px 0;
    padding: 0;
    line-height: 1.2;
}
.areaLink .inner.second li:nth-child(5n) {
    border-right: none;
}
@media screen and (max-width: 1199px) {
    .areaLink .inner.second li {
        width: 33.333333%;
    }
    .areaLink .inner.second li:nth-child(5n) {
        border-right: 1px solid #999999;
    }
    .areaLink .inner.second li:nth-child(3n) {
        border-right: none;
    }
}
@media screen and (max-width: 640px) {
    .areaLink .inner.second li {
        width: 100%;
    }
}
.pageFoot {
    background-color: #5c5c5c;
}
.pageFoot .inner {
    box-sizing: border-box;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 30px 0;
}
@media screen and (max-width: 1199px) {
    .pageFoot .inner {
        padding: 0 10px;
    }
}
.pageFoot .inner .head {
    margin: 0 0 5px 0;
    color: #ffffff;
    font-size: 15px;
}
@media screen and (max-width: 1199px) {
    .pageFoot .inner {
        padding: 20px 10px;
    }
}
@media screen and (max-width: 640px) {
    .pageFoot .inner {
        padding: 10px 10px 90px 10px;
    }
}
.pageFoot .inner .copyright {
    color: #ffffff;
    text-align: center;
}
.pageTop {
    position: fixed;
    bottom: -50px;
    right: 10%;
    height: 40px;
    width: 40px;
    z-index: 999;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
@media screen and (max-width: 1199px) {
    .pageTop {
        right: 10px;
    }
}
.pageTop.on {
    bottom: 30px;
}
@media screen and (max-width: 640px) {
    .pageTop.on {
        bottom: 80px;
    }
}
.pageTop .button {
    display: block;
    width: 40px;
    height: 40px;
    background-color: #ffffff;
    border: 1px solid #111230;
    border-radius: 50%;
    cursor: pointer;
}
.formCopy {
    background-color: #02c088;
}
.formCopy .catch {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 12px 0 8px;
    color: #ffffff;
    font-size: 35px;
    text-align: center;
}
@media screen and (max-width: 1199px) {
    .formCopy .catch {
        font-size: 25px;
    }
}
@media screen and (max-width: 640px) {
    .formCopy .catch {
        padding: 10px;
        font-size: 18.5px;
    }
}
.formCopy .catch .yellow {
    font-weight: bold;
}
.chatBanner{
    width:100%;
    height:192px;
    text-align:center;
    background-color:#97d2f1;
}
.chatBanner a{
    display:block;
    width:1024px;
    height:100%;
    margin:0 auto;
    background:#97d2f1 url("../images/rhsinc/chatBanner_pc.jpg") center top no-repeat;
    background-size:cover;
}

.formArea {
    height: 270px;
    background: #f8f8f8;
}
@media screen and (max-width: 1199px) {
    .chatBanner{
        height:-webkit-calc(100vw * 192 /1024);
        height:calc(100vw * 192 /1024);
    }
    .chatBanner a{
        width:100%;
    }
}
@media screen and (max-width: 640px) {
    .chatBanner{
        height:-webkit-calc(100vw * 244 /750);
        height:calc(100vw * 244 /750);
    }
    .chatBanner a{
        background:#97d2f1 url("../images/rhsinc/chatBanner_sp.jpg") center top no-repeat;
        background-size:cover;
    }
    .formArea {
        height: auto;
    }
}
.formArea .form {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 30px 0;
}
@media screen and (max-width: 640px) {
    .formArea .form {
        padding: 10px;
    }
}
.formArea .form .lpForm {
    display: -moz-flex;
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 0 0 10px 0;
}
@media screen and (max-width: 640px) {
    .formArea .form .lpForm {
        display: block;
    }
}
.formArea .form .lpForm li {
    display: -moz-flex;
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    width: 25%;
    max-width: 260px;
    padding: 0 7px;
}
@media screen and (max-width: 640px) {
    .formArea .form .lpForm li {
        width: 100%;
        max-width: inherit;
        margin: 10px 0;
        padding: 0;
    }
}
.formArea .form .lpForm li select {
    width: 220px;
    max-width: 85%;
    height: 40px;
    background: #ffffff url(/images/select.png) right 5px top 50% no-repeat;
    border: 2px solid #999999;
    padding-left: 1em;
}
@media screen and (max-width: 640px) {
    .formArea .form .lpForm li select {
        width: 85%;
        height: 50px;
        border: none;
        box-shadow: none;
    }
}
.formArea .form .lpForm li .formStep {
    display: block;
    width: 40px;
    max-width: 15%;
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 40px;
    background-color: #999999;
}
@media screen and (max-width: 640px) {
    .formArea .form .lpForm li .formStep {
        width: 15%;
        line-height: 50px;
        background-color: #5c5c5c;
        box-shadow: none;
    }
}
.formArea .form .lpForm li .formStep .step {
    display: none;
}
.formArea .form .lpForm li.focusOn select {
    border: 2px solid #ff8822;
}
.formArea .form .lpForm li.focusOn .formStep {
    background-color: #ff8822;
}
.formArea .form .submit {
    text-align: center;
    padding: 30px 0 20px 0;
    background: url(/images/iacsicc/arrowForm.png) center top no-repeat, url(https://cdn-static.lvnmatch.jp/img/common/pMark/pMark.svg) right 80px top 40px no-repeat;
    background-size: 60px;
}
@media screen and (max-width: 1199px) {
    .formArea .form .submit {
        background: url(/images/iacsicc/arrowForm.png) center top no-repeat, url(https://cdn-static.lvnmatch.jp/img/common/pMark/pMark.svg) right 10px top 40px no-repeat;
    }
}
.formArea .form .submit .submitButton {
    display: block;
    width: 100%;
    max-width: 480px;
    height: 70px;
    margin: 0 auto;
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    background: #ff8822 url(/public/images/iacsicc/allowSubmit.png) right 15px top 50% no-repeat;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    outline: none;
}
.formArea .form .submit .submitButton:hover {
    background: #ff8822;
}
.formArea .form .pMark {
    display: none;
}
.formArea .form .warning {
    display: block;
    width: 100%;
    max-width: 42.0em;
    margin: 0 auto;
}
.formArea .form .warning img {
    padding-right: 5px;
    vertical-align: top;
}
.formButton {
    position: fixed;
    left: 0;
    bottom: -80px;
    width: 100%;
    padding: 10px;
    background-color: #111230;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.formButton.show {
    bottom: 0;
}
.formButton a.button {
    display: block;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    line-height: 50px;
    border-radius: 5px;
    background: url(/images/iacsicc/chatBtn_sp.png) #ff8822 center center no-repeat;
    background-size: contain;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.recentPrice {
    padding: 40px 0;
}
.recentPrice .inner {
    box-sizing: border-box;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
@media screen and (max-width: 1199px) {
    .recentPrice .inner {
        padding: 0 10px;
    }
}
.recentPrice .inner.recentPrice {
    padding-bottom: 40px;
}
.recentPrice .inner .recentPriceTitle {
    margin: 0 0 10px 0;
    font-size: 28px;
    font-weight: bold;
}
@media screen and (max-width: 1199px) {
    .recentPrice .inner .recentPriceTitle {
        text-align: left;
    }
}
@media screen and (max-width: 640px) {
    .recentPrice .inner .recentPriceTitle {
        margin-bottom: 10px;
        padding: 0 10px;
        font-size: 20px;
    }
}
.recentPrice .inner .recentPriceList {
    display: -moz-flex;
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
@media screen and (max-width: 640px) {
    .recentPrice .inner .recentPriceList {
        display: block;
    }
}
.recentPrice .inner .recentPriceList li {
    display: block;
    text-align: center;
    border-bottom: 1px solid #777777;
}
.recentPrice .inner .recentPriceList li:first-child {
    padding-left: 0;
}
.recentPrice .inner .recentPriceList li:last-child {
    padding-right: 0;
}
.recentPrice .inner .recentPriceList li.count {
    width: 40%;
}
.recentPrice .inner .recentPriceList li.lowPrice {
    width: 35%;
}
.recentPrice .inner .recentPriceList li.highPrice {
    width: 20%;
}
@media screen and (max-width: 640px) {
    .recentPrice .inner .recentPriceList li {
        width: 100% !important;
    }
}
.recentPrice .inner .recentPriceList li h3 {
    padding: 5px 0;
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    background-color: #02c088;
}
.recentPrice .inner .recentPriceList li p {
    padding: 10px 0;
    font-size: 22px;
}
@media screen and (max-width: 640px) {
    .recentPrice .inner .recentPriceList li p {
        font-size: 18px;
    }
}
.recentPrice .inner .recentPriceList li p .red {
    font-size: 1.4em;
    font-weight: bold;
}
@media screen and (max-width: 1199px) {
    .recentPrice .inner #trading {
        padding: 0 10px;
        overflow: auto;
    }
}
.recentPrice .inner #trading .priceTable {
    width: 100%;
}
.recentPrice .inner #trading .priceTable .col01 {
    width: 3%;
}
.recentPrice .inner #trading .priceTable .col02 {
    width: 14%;
}
.recentPrice .inner #trading .priceTable .col03 {
    width: 16%;
}
.recentPrice .inner #trading .priceTable .col04 {
    width: 13%;
}
.recentPrice .inner #trading .priceTable .col05 {
    width: 6%;
}
.recentPrice .inner #trading .priceTable .col06 {
    width: 8%;
}
.recentPrice .inner #trading .priceTable .col07 {
    width: 7%;
}
.recentPrice .inner #trading .priceTable .col08 {
    width: 7%;
}
.recentPrice .inner #trading .priceTable .col09 {
    width: 6%;
}
.recentPrice .inner #trading .priceTable .col10 {
    width: 6%;
}
.recentPrice .inner #trading .priceTable .col11 {
    width: 14%;
}
.recentPrice .inner #trading .priceTable th {
    padding: 5px 0;
    background-color: #dddedf;
    text-align: center;
    border: 1px solid #c2c5c7;
}
.recentPrice .inner #trading .priceTable td {
    padding: 10px 5px;
    background-color: #ffffff;
    border: 1px solid #c2c5c7;
}
@media screen and (max-width: 640px) {
    .recentPrice .inner #trading .priceTable {
        width: auto;
    }
    .recentPrice .inner #trading .priceTable th, .recentPrice .inner #trading .priceTable td {
        white-space: nowrap;
    }
}
.recentPrice .inner .pager {
    padding: 10px 0;
}
.recentPrice .inner .pager .pagerList {
    display: -moz-flex;
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.recentPrice .inner .pager .pagerList li {
    display: block;
    width: 44px;
    height: 44px;
    margin: 0 1px;
    line-height: 44px;
    font-size: 16px;
    text-align: center;
    background-color: #eeeeee;
    border-radius: 3px;
    cursor: pointer;
}
.recentPrice .inner .pager .pagerList li.current, .recentPrice .inner .pager .pagerList li:hover {
    color: #ffffff;
    background-color: #02c088;
}
.recentPrice .inner .pager .pagerList li.end {
    width: 58px;
}
@media screen and (max-width: 640px) {
    .recentPrice .inner .pager .pagerList li.end {
        display: none !important;
    }
}