@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
/* 
画面全体のスタイルシート
*/
body {
    margin: 0;
    font-family: 'Noto Sans JP', sans-serif;
    width: 100%;
}
img {
    margin: 0;
    padding: 0;
}
ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
a{
    text-decoration: none;
}

/* topエリア */
.topArea{
    position: relative;
}
.topArea img{
    width: 100%;
    height: auto;
}
.consultationIcon{
    width: 80%;
}
.is-fixed{
    width: 100%;
    position: fixed;
    z-index: 999;
    top: 100%;
    right: 0;
    margin: -9% 2%;
}
.consultationIcon img{
    width: 18%;
    position: absolute;
    z-index: 999;
    top: 100%;
    right: 0;
    margin: -9% 2%;
}
/* 疑問提起エリア */
#questionArea{
    background: url(image/questionBgImage.png) no-repeat bottom;
    background-size: cover;
    padding-bottom: 5%;
    position: relative;
    z-index: 1;
}
.questionArea h1{
    font-size: 2.5rem;
    color: #fff;
    text-align: center;
    line-height: 3.5rem;
    padding: 4% 0 2%;
}
.questionArea h1 span{
    font-size: 5.0625rem;
}
.questionSec{
    width: 80%;
    height: auto;
    margin: auto;
    display: flex;
    justify-content:center;
}
.questionCont{
    background-color: #fff;
    border: #000 solid 2px;
    border-radius: 20px;
    width: 30%;
    height: auto;
    padding: 3% 0 4%;
    margin: 2%;
}
.questionCont img{
    width: 30%;
    display: block;
    margin: auto;
    padding-bottom: 2%;
}
.questionCont p{
    color: #016996;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    line-height: 3.0rem;
}
.houseLogo_02 img{
    width: 13%;
    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: 8%;
    margin-right: 2%;
}
/* タブレット */
@media screen and (max-width: 992px){
    .questionSec{
        width: 95%;
    }
    .houseLogo_02 img{
        width: 15%;
        margin-bottom: 0;
    }
    .questionCont br{
        display: none;
    }
}
/* スマホ */
@media screen and (max-width: 480px){
    .consultationIcon img {
        width: 80%;
        margin: auto;
        position: absolute;
        z-index: 999;
        top: 85%;
        left: 0;
    }
    .is-fixed{
        width: 100%;
        position: fixed;
        z-index: 999;
        top: 100;
        right: 0;
        margin: -20% 0;
    }
    .is-fixed img{
        width: 100%;
    }
    .questionSec{
        display: block;
        width: 100%;
        margin: auto;
    }
    .questionCont{
        width: 90%;
        display: flex;
        justify-content: end;
        align-items: center;
        margin: 5% auto;
        border: 4px solid #000;
        border-radius: 35px;
    }
    .questionCont p{
        font-size: 1rem;
        width: 50%;
        line-height: 2rem;
        width: 75%;
    }
    .questionCont br{
        display: block;
    }   
    .questionCont br.rent{
        display: none;
    }
    .questionCont img{
        width: 15%;
        margin: auto 2%;
    }
    .questionArea h1{
        font-size: 1.125rem;
        line-height: 2.5rem;
    }
    .questionArea h1 span{
        font-size: 2.5rem;
    }
}
/* 不安エリア01 */
.anxietyArea_01{
    background: url(image/anxietybgImage.jpg) no-repeat bottom;
    background-size: cover;
    margin-top: -2%;
}
.anxietyArea_01 h1{
    font-size: 2.5rem;
    text-align: center;
    line-height: 3.5rem;
    padding: 5% 0 4%;
    font-weight: bold;
}
.anxietyArea_01 img{
    width: auto;
    height: auto;
    margin: auto;
    display: block;
    padding-bottom: 5%;
}
/* タブレット */
@media screen and (max-width: 992px){
    .anxietyArea_01 {
        margin-top: -5%;
    }
    .anxietyArea_01 h1{
        font-size: 2.0rem;
    }
}
/* スマホ */
@media screen and (max-width: 480px){
    .anxietyArea_01{
        background: url(image/anxietybgImage_sp.png) no-repeat bottom;
        background-size: cover;
        margin: -6% auto -10%;
        position: relative;
    }
    .anxietyArea_01 br{
        display: none;
    }
    .anxietyArea_01 h1{
        font-size: 1.125rem;
        font-weight: normal;
        width: 60%;
        margin: auto;
        padding: 20% 0 4%;
        line-height: 2.0rem;
    }
    .anxietyArea_01 img{
        width: 30%;
    }
}
/* 解決エリア */
.solutionArea{
    background: url(image/solutionbgImage.jpg) no-repeat;
    background-size: cover;
    padding-bottom: 5%;
}
.solutionArea h1{
    font-size: 2.75rem;
    font-weight: bold;
    text-align: center;
    line-height: 4.75rem;
    padding-top: 5%;
    color: #fff;
}
.solutionSec{
    width: 80%;
    height: auto;
    margin: auto;
    display: flex;
    justify-content:center;
    flex-wrap: wrap;
}
.solutionCont{
    background-color: #fff;
    border: #000 solid 2px;
    border-radius: 20px;
    width: 25%;
    height: auto;
    padding: 3% 0 4%;
    margin: 2%;
}
.solutionCont h2{
    color: #016996;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    line-height: 3.0rem;
}
.solutionCont p{
    font-size: 3.68rem;
    text-align: center;
    color: #DC010B;
}
.solutionCont span{
    font-size: 7.81rem;
}
/* タブレット */
@media screen and (max-width: 992px){
    .solutionArea h1{
        width: 100%;
        margin: auto;
        font-size: 2.2rem;
    }
    .solutionSec{
        width: 100%;
        padding-bottom: 10%;
    }
    .solutionCont span{
        font-size: 5.5rem;
    }
}
/* スマホ */
@media screen and (max-width: 680px){
    .solutionArea h1{
        font-size: 1.25rem;
        line-height: 2.5rem;
        padding: 15% 0 5%;
        width: 63%;
        margin: auto;
    }
    .solutionArea img{
        width: 10%;
    }
    .solutionCont{
        width: 45%;
    }
    .solutionCont h2{
        font-size: 1rem;
        line-height: 2rem;
    }
    .solutionCont p{
        font-size: 1.75rem;
    }
    .solutionCont span{
        font-size: 3.4375rem;
    }
}
/* ５つのゼロエリア */
.five_zeroArea{
    background: url(image/five_zerobgImage.jpg) no-repeat center;
    background-size: cover;
    padding-bottom: 1%;
}
img.pointLogo {
    width: 10%;
}
.five_zeroSec{
    background-color: #fff;
    border: #000 solid 2px;
    border-radius: 40px;
    width: 90%;
    height: auto;
    margin: 5% auto;
    padding-bottom: 8%;
}
.five_zeroSec h1{
    font-size: 2.5rem;
    color: #016996;
    text-align: center;
    padding-top: 5%;
}
.five_zeroSec h1 span{
    font-size: 4.875rem;
    color: #DC010B;
    padding: 0 3%;
}
.five_zeroSec span.zero{
    font-size: 4.875rem;
}
.five_zeroSec span.yen{
    font-size: 2.25rem;
}
.five_zeroTitle{
    text-align: center;
}
.five_zeroTitle img{
    margin: 5%;
}
.five_zeroText{
    display: flex;
    justify-content: left;
    align-items: center;
    width: 65%;
    margin: auto;
}
.five_zeroCont p{
    font-size: 1.125rem;
    width: 65%;
    margin: auto;
    line-height: 2rem;
    padding-top: 3%;
}
.five_zeroCont h2{
    font-size: 5.81rem;
    color:#016996;
    padding-right: 3%;
}
.five_zeroCont h3{
    font-size: 1.625rem;
    color: #016996;
    line-height: 3rem;
}
.five_zeroCont h3.deposit_money{
    font-size: 3.333rem;
}
.five_zeroCont span{
    font-size: 4.875rem;
    color: #016996;
}
.five_zeroImage{
    text-align: center;
    margin-top: 5%;
}
.five_zeroImage img{
    width: 50%;
}
.five_zeroImage img.namakemonoLogo_02, .five_zeroImage img.houseLogo_01{
    width: 10%;
}
img.border{
    display: block;
    margin: 5% auto;
}
.five_zeroTitle img{
    width: 45%;
}
.five_zeroTitle img.setLogo_01{
    width: 15%;
}
/* タブレット */
@media screen and (max-width: 992px){
    .five_zeroTitle img{
        margin: 1%;
    }
    .five_zeroText{
        width: 90%;
    }
    .five_zeroCont{
        margin: 5% auto;
    }
    .five_zeroImage img.namakemonoLogo_02, .five_zeroImage img.houseLogo_01{
        width: 12%;
    }
    .five_zeroImage img{
        width: 70%;
    }
    .five_zeroCont h3.deposit_money{
        font-size: 2.0rem;
    }
    .five_zeroSec span.zero{
        font-size: 4rem;
    }
    img.border{
        width: 90%;
    }
}
/* スマホ */
@media screen and (max-width: 480px){
    img.pointLogo {
        display: none;
    }
    .five_zeroSec{
        width: 97%;
    }
    .five_zeroSec h1{
        font-size: 1.125rem;
        padding-bottom: 5%;
    }
    .five_zeroSec h1 span{
        font-size: 2.3125rem;
        padding: 0;
    }
    .five_zeroTitle img{
        width: 60%;
    }
    .five_zeroText h2{
        font-size: 2.25rem;
    }
    .five_zeroCont h3.deposit_money{
        font-size: 1.0125rem;
    }
    .five_zeroSec span.zero{
        font-size: 3rem;
    }
    .five_zeroCont h3{
        font-size: 1rem;
        line-height: 2rem;
    }
    .five_zeroCont p{
        width: 80%;
        font-size: 1rem;
    }
    .five_zeroImage img.namakemonoLogo_02, .five_zeroImage img.houseLogo_01{
        width: 15%;
    }
    .five_zeroImage img {
        width: 75%;
    }
    .five_zeroText{
        width: 95%;
    }
}
/* 不安エリア02 */
.anxietyArea_02{
    background-color: #016996;
}
.anxietyArea_02 h1{
    font-size: 2.5rem;
    color: #fff;
    text-align: center;
    padding: 10% 0;
    line-height: 4rem;
}
/* タブレット */
@media screen and (max-width: 992px){
    .anxietyArea_02 h1{
        font-size: 2.0rem;
    }
}
/* スマホ */
@media screen and (max-width: 480px){
    .anxietyArea_02 h1{
        width: 80%;
        margin: auto;
        font-size: 1.25rem;
        line-height: 2rem;
    }
}
/* 具体例エリア */
.exampleArea{
    background: url(image/exampleBgImage.jpg) no-repeat;
    background-size: cover;
    padding: 5% 0;
}
.exampleArea h1{
    font-size: 2.25rem;
    border-radius: 40px;
    color: #fff;
    text-align: center;
    padding: 3%;
}
.exampleWhole{
    background: linear-gradient(to top, #fff 0%, #fff 85%, #016996 85%, #016996 100%);
    border: #000 solid 3px;
    border-radius: 30px;
    width: 80%;
    height: auto;
    margin: auto;
}
.exampleSec_01{
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 10% 0 5%;
}
.exampleSec_01 h2{
    font-size: 5.1875rem;
    font-weight: bold;
    color: #DC010B;
}
.exampleCont{
    width: 35%;
}
.exampleCont p{
    font-size: 1.375rem;
    display: flex;
    justify-content: space-between;
    padding: 4% 0;
    line-height: 2.0rem;
}
.exampleSec_02{
    background-color: #fff;
    border: #000 solid 3px;
    border-radius: 30px;
    width: 80%;
    height: auto;
    margin: auto;
    padding: 3% 0;
}
.exampleSec_02 h2{
    font-size: 2.8125rem;
    font-weight: bold;
    color: #016996;
    text-align: center;
}
.exampleSec_02 h2 img{
    padding-bottom: 1%;
}
.exampleSec_02 br{
    display: none;
}
.exampleSec_02 span.one{
    font-size: 5.0625rem;
    color: #DC010B;
    font-weight: bold;
}
.exampleSec_02 span.two{
    font-size: 2.25rem;
    color: #DC010B;
    font-weight: bold;
}
.exampleArea img.triangle{
    display: block;
    margin: auto;
    padding: 5% 0;
}
.exampleSec_01 img.border_05{
    display: none;
}
/* タブレット */
@media screen and (max-width: 992px){
    .exampleWhole{
        width: 90%;
    }
    .exampleSec_01 h2{
        font-size: 3.5rem;
    }
    .exampleSec_02 h2{
        width: 90%;
        margin: auto;
        font-size: 1.8rem;
    }
}
/* スマホ */
@media screen and (max-width: 480px){
    .exampleArea h1{
        font-size: 1.5rem;
        padding: 8% 0;
    }
    .exampleSec_01 {
        display: block;
    }
    .exampleCont{
        width: 80%;
        margin: auto;
    }
    .exampleCont p{
        font-size: 1rem;
    }
    .exampleSec_01 img.border_02{
        display: none;
    }
    .exampleSec_01 img.border_05{
        display: block;
        margin: 5% auto;
    }
    .exampleSec_01 h2{
        font-size: 3.375rem;
        text-align: center;
        margin-bottom: 5%;
    }
    .exampleArea img.triangle{
        width: 30%;
    }
    .exampleSec_02{
        width: 95%;
    }
    .exampleSec_02 h2{
        font-size: 1.125rem;
        line-height: 2.0rem;
        width: 80%;
        margin: 3% auto;
    }
    .exampleSec_02 br{
        display: block;
    }
    .exampleSec_02 span.one{
        font-size: 4.4375rem;
        display: inline-block;
        margin-top: 10%;
    }
    .exampleSec_02 span.two{
        font-size: 1.8125rem;
    }
    .exampleSec_02 h2 img{
        width: 18%;
        margin-bottom: 7%;
    }
}
/* SNSエリア */
.snsArea{
    text-align: center;
    padding: 5% 0;
}
.snsArea p{
    font-size: 1.625rem;
    font-weight: bold;
    color: #016996;
}
.snsPhrase{
    display: flex;
    justify-content: center;
    align-items: baseline;
}
.snsPhrase h1{
    font-size: 2.5rem;
    color: #016996;
    font-weight: bold;
    padding: 2% 0;
}
.snsPhrase span{
    font-size: 2.5rem;
    color: #DC010B;
}
.snsSec{
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 90%;
    margin: auto;
}
.tiktokCont, .lineCont, .ann_tiktokCont{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 2%;
    border-radius: 50px;
    width: 32%;
    box-shadow: 0px 3px 6px #79ADC7;
}
.tiktokCont{
    background-color: #1A1311;
}
.lineCont{
    background-color: #03C755;
}
.ann_tiktokCont {
    background-color: #DC010B;
}
.tiktokCont p, .lineCont p, .ann_tiktokCont p{
    color: #fff;
    font-size: 1.1875rem;
    font-weight: normal;
    margin-left: 5%;
    text-align: left;
    line-height: 1.8rem;
}
/* タブレット */
@media screen and (max-width: 992px){
    .snsSec{
        width: 95%;
        margin-top: 5%;
    }
    .snsSec{
        display: block;
    }
    .tiktokCont, .lineCont, .ann_tiktokCont{
        width: 80%;
        margin: 7% auto;
    }
}
/* スマホ */
@media screen and (max-width: 480px){
    .snsArea p{
        font-size: 0.9rem;
    }
    .snsPhrase h1{
        font-size: 1.125rem;
    }
    .snsPhrase span{
        font-size: 1.125rem;
    }
    .snsPhrase img{
        width: 10%;
        padding: 0 2%;
    }
}
/* メリットエリア */
.meritArea{
    background: url(image/meritBgImage.jpg) no-repeat;
    background-size: cover;
    padding: 5% 0;
}
.meritWhole{
    background-color: #fff;
    border: #000 solid 2px;
    border-radius: 40px;
    width: 90%;
    height: auto;
    margin: 5% auto;
    padding-bottom: 5%;
}
.meritTitle p{
    font-size: 1.625rem;
    font-weight: bold;
    text-align: center;
    padding: 5% 0 0;
}
.meritTitle span{
    font-size: 2.5rem;
    color: #DC010B;
}
.meritTitle h1{
    font-size: 2.5rem;
    color: #016996;
    text-align: center;
    line-height: 3.5rem;
    padding: 3% 0 0;
}
.meritSec{
    display: flex;
    justify-content: center;
}
.meritCont{
    display: flex;
    align-items: center;
    border: 2px #1A1311 solid;
    border-radius: 20px;
    padding: 0 5%;
    margin: 5% auto;
}
.meritCont p{
    font-size: 1.375rem;
    color: #016996;
    font-weight: bold;
    line-height: 1.8rem;
}
.meritWhole img.triangle_02{
    display: block;
    margin: 0 auto 5%;
}
.meritWhole img.meritImage{
    display: block;
    width: 80%;
    margin: auto;
}
.meritWhole h1.lifeStart{
    font-size: 2.375rem;
    text-align: center;
    color: #016996;
    font-weight: bold;
    padding-top: 5%;
    width: 90%;
    margin: auto;
    line-height: 3rem;
}
.meritWhole span{
    color: #DC010B;
}
/* タブレット */
@media screen and (max-width: 992px){
    .meritSec{
        width: 90%;
        margin: auto;
        justify-content: space-between;
    }
    .meritCont{
        width: 46%;
    }
}
/* スマホ*/
@media screen and (max-width: 480px){
    .meritTitle p{
        font-size: 1rem;
    }
    .meritTitle span{
        font-size: 2rem;
    }
    .meritTitle h1{
        font-size: 1.25rem;
        line-height: 2rem;
    }
    .meritSec{
        display: block;
    }
    .meritCont{
        width: 97%;
    }
    .meritCont p{
        font-size: 1rem;
    }
    .meritWhole h1.lifeStart{
        font-size: 1.375rem;
    }
}
/* お客様の声エリア */
.customerVoice_titleArea{
    background: url(image/customerVoice_titleBgImage.jpg) no-repeat;
    background-size: cover;
    width: 100%;
}
.customerVoice_titleArea h1{
    font-size: 2.5rem;
    color: #fff;
    text-align: center;
    padding: 5% 0;
    line-height: 3.5rem;
}
.customerVoice_mainArea{
    background: url(image/customerVoice_mainBgImage.jpg) no-repeat;
    background-size: cover;
}
.customerVoiceSec{
    width: 90%;
    margin: auto;
    padding-bottom: 8%;
}
.customerVoiceCont_l{
    display: flex;
    justify-content: space-evenly;
    align-items: baseline;
    width: 90%;
    height: auto;
    margin-right: auto;
    padding: 3% 0;
}
.customerVoiceCont_l img.customerVoiceText, .customerVoiceCont_r img.customerVoiceText{
    width: 95%; 
    height: auto;
}
.customerVoiceCont_l img.customerVoiceImage, .customerVoiceCont_r img.customerVoiceImage{
    width: 9%;
    height: auto; 
}
.customerVoiceCont_r{
    display: flex;
    justify-content: space-evenly;
    align-items: baseline;
    width: 90%;
    height: auto;
    margin-left: auto;
    padding: 3% 0;
}
/* スマホ */
@media screen and (max-width: 480px){
    .customerVoice_titleArea h1{
        font-size: 1.125rem;
        line-height: 2.0rem;
    }
    .customerVoiceCont_l img.customerVoiceImage, .customerVoiceCont_r img.customerVoiceImage{
        width: 20%;
    }
    .customerVoiceCont_l img.customerVoiceText, .customerVoiceCont_r img.customerVoiceText{
        width: 90%;
    }
    .customerVoiceCont_l{
        margin: auto;
    }
}
/* フッター画像エリア */
.footerImage{
    display: flex;
    width: 100%;
}
.footerImage img{
    width: 33.333333%;
}
/* フッターエリア */
.footerArea{
    background: url(image/footerBgImage.jpg) no-repeat bottom;
    padding: 5% 0;
    background-size: cover;
}
.ft_snsSec{
    padding: 5%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 90%;
    margin: auto;
}
.ft_snsSec p{
    line-height: 1.8rem;
}
.ft_logo {
    display: flex;
    justify-content: center;
    padding: 0 0 5% 0;
}
.ft_logo-left {
    padding: 0 5%;
}
.ft_logo-text {
    font-size: 20px;
    line-height: 1.8rem;
}
.ft_logoCorporateName {
    font-size: 28px;
    padding-bottom: 11px;
    font-weight: bold;
}
.ft_logo-tel {
    font-size: 42px;
    font-weight: bold;
    color: #0071A4;
    padding-top: 32px;
    position: relative;
}
.ft_logo-tel::before {
    content: '';
    display: block;
	width: 35px;
	height: 35px;
	background-image: url(image/telIcon.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
    position: absolute;
    left: -14%;
    top: 52%;
}

/* タブレット */
@media screen and (max-width: 992px){
    .ft_snsSec{
        width: 100%;
    }
    .ft_snsSec{
        display: block;
    }
    .tiktokCont, .lineCont, .ann_tiktokCont{
        width: 80%;
        margin: 7% auto;
    }
    .ft_logo {
        flex-direction: column; 
        text-align: center;
        padding-bottom: 15%;
    }
    .ft_logo-left {
        padding-bottom: 5%;
    }
    .ft_logo-right {
        margin: auto;
        text-align: left;
        padding-bottom: 10%;
    }
    .ft_logo-text {
        font-size: 16px;
    }
    .ft_logoCorporateName {
        font-size: 24px;
    }
    .ft_logo-tel {
        font-size: 32px;
        width: fit-content;
        margin: auto;
    }
    .ft_logo-tel::before {
        width: 25px;
        height: 25px;
        left: -13%;
        top: 59%;
    }
}
/* スマホ */
@media screen and (max-width: 480px){
    .footerArea {
        margin-bottom: 20%;
    }
    .footerImage{
        display: block;
    }
    .footerImage img{
        width: 100%;
    }
    .footerArea img.setLogo_02{
        width: 50%;
    }
    .ft_logo {
        padding-bottom: 35%; 
    }
    .ft_logo-tel::before {
        left: -13%;
        top: 60%;
    }
}