@charset "utf-8";
@media screen and (min-width: 1201px) { html{font-size:17px; } }@media screen and (max-width: 1200px) { html{font-size:16px; } }@media screen and (max-width: 1024px) { html{font-size:15px; } }@media screen and (max-width: 768px) {  html{font-size:14px; } }@media screen and (max-width: 480px) {  html{font-size:13px; } }a,a:visited,a:active { color:rgba(51,51,51,1.00)}a:hover { color:rgba(51,51,51,1.00)}
/* css setting */
/*　==============================　よくあるお金の不安　==============================　*/

.fuan_sankaku{
	width: 0;
	height: 0;
	border: 1rem solid transparent;
	border-top: 1rem solid #AB8F68;
        margin: 0 auto;
}

/*　　　テキスト　　　*/
.firstcontact_list{
margin-left:34%;
}
.firstcontact_list i{
font-size:2.5rem;
right: 1rem;
margin-left: -2.4rem;
position: relative;
}

@media screen and (max-width: 768px) {
.firstcontact_list{
margin-left:30%;
margin-right:20%;
}}

@media screen and (max-width: 480px) {
.firstcontact_list{
margin-left:15%;
margin-right:5%;
font-size:1.2rem!important;
}
}

/*　　財布 - 電卓イラスト　　*/

.firstcontact_leftImg{
     position: absolute;
     margin-left:1rem;
     margin-top: -6rem;
}

.firstcontact_leftImg img {
     width: 240px;
}

@media screen and (max-width: 768px) {
.firstcontact_leftImg{
     margin-left: -3rem;
     margin-top: -6rem;
}
.firstcontact_leftImg img {
     width: 180px!important;
}
}

/*　　女性イラスト　　*/
.firstcontact_rightImg{
position: relative;
margin:-30rem 12% 5rem 0;
}

.firstcontact_rightImg img {
     width:160px;
}

@media screen and (max-width: 1200px) {
.firstcontact_rightImg{margin:-30rem 8% 5rem 0; }}
@media screen and (max-width: 900px) {
.firstcontact_rightImg{margin:-30rem 1rem 5rem 0; }}
@media screen and (max-width: 768px) {
.firstcontact_rightImg{margin:-35rem 0 5rem 0; }}

.firstcontact_line {
  background: linear-gradient(transparent 60%, #FFE375 0%); 
}

/*　==============================　こんな家に住みたい　==============================　*/

/*　縦ライン　*/
.center_line::after {
    content: '';
    position: relative;
    display: block;
    width: 1px;
    height: 40px;
    margin: auto;
    background: #333;
}
/*　　あれこれイラスト　　*/
.arekore_illust {
     margin:5rem 3rem 2rem 3rem;
}
@media screen and (max-width: 480px) {
.arekore_illust {
     margin:0rem 0.5rem 2rem 0.5rem;
}}

.white_sankaku{
	width: 0;
	height: 0;
	border: 2rem solid transparent;
	border-top: 2rem solid #ffffff;
        margin: 0 auto;
}

/*　自分で抱え込まずに　*/
.mazu_illust {
     margin: -3rem 10% 0 10% ;
}
@media screen and (max-width: 1024px) {
.mazu_illust {
     margin: -3rem 5% 0 5% ;
}}
@media screen and (max-width: 480px) {
.mazu_illust {
     margin: -2rem 0.5rem 0 0.5rem ;
}}

/*　==============================　オンライン相談実施中　==============================　*/
/*　背景 - スペース　*/
.area03_space { padding-top:40rem;  }
@media screen and (max-width: 1200px) {
.area03_space { padding-top:30rem;  }}
@media screen and (max-width: 480px) {
.area03_space { padding-top:18rem;  }}

/*　5分でわかる - タイトル　*/
.wakaru_tittle { margin: -9rem 24% 0 24%; }
@media screen and (max-width: 1600px) {
.wakaru_tittle { margin: -9rem 18% 0 18%; }}
@media screen and (max-width: 1200px) {
.wakaru_tittle { margin: -9rem 15% 0 15%; }}
@media screen and (max-width: 768px) {
.wakaru_tittle { margin: -9rem 10% 0 10%; }}
@media screen and (max-width: 480px) {
.wakaru_tittle { margin: -3.5rem 1.5rem 0 1.5rem; }}

/*　オンライン相談とは？　*/

.wos_text { padding:4rem 5rem 4rem 12rem; }
.wos_illust { margin: 0 0 -280px 6rem ; }
.wos_illust img { width: 80px ; }
.wos_point { margin: 0 0 -33px 0 ; z-index: 1 ;}
.wos_point img { width: 120px ; }

@media screen and (max-width: 480px) {
.wos_text { padding:2rem 2rem 2rem 5.5rem; }
.wos_illust { margin: 0 0 -222px 0.6rem ; }
.wos_illust img { width: 64px ; }
.wos_point { margin: 0 0 -30px 0 ; z-index: 1 ;}
.wos_point img { width: 100px ; }
.wos_point_text_A { font-size: 1.2rem !important; }
.wos_point_text_B { font-size: 2rem !important; }
}

/*　==============================　チェックシート　==============================　*/
.present_illust { margin: -1rem 3rem 3rem 0rem; }
@media screen and (max-width: 768px) {
.present_illust { margin: -0.5rem 2rem 3rem 1rem; }}
@media screen and (max-width: 480px) {
.present_illust { margin: -0.5rem 2.5rem 3.5rem 2.5rem; }}

/*　==============================　カンタン相談　==============================　*/

.contact_space { padding:0 28rem 0 6rem ; }
.contact_illust { margin:0 1rem -440px 0 ; }

@media screen and (max-width: 1024px) {
.contact_space { padding:0 28rem 0 3rem ; }
.contact_illust { margin:0 -1rem -380px 0 ; }
}

@media screen and (max-width: 768px) {
.contact_space { padding:0 24rem 0 1rem ; }
.contact_illust { margin:0 -2rem -350px 0 ; }
.contact_illust img { width: 360px; }
}

@media screen and (max-width: 480px) {
.contact_illust { margin:-2rem 10% 3rem 25% ; }
.contact_space { padding:0 1rem 0 1rem ; }
}

/*　==============================　オンライン相談の流れ　==============================　*/

.kantan { margin: 0 0 -80px 13rem ; }
.kantan img { width:140px; }

@media screen and (max-width: 1200px) {
     .kantan { margin: 0 0 -80px 10rem ; }}
@media screen and (max-width: 1024px) {
     .kantan { margin: 0 0 -80px 6rem ; }
     .kantan img { width:120px; }
}
@media screen and (max-width: 768px) {
     .kantan { margin: 0 0 -70px 6rem ; }
     .kantan img { width:100px; }
}
@media screen and (max-width:480px) {
     .kantan { margin: 0 0 -2.5rem 1rem ; }
     .kantan img { width:80px; }
}


.flow_sankaku{
	width: 0;
	height: 0;
	border: 1rem solid transparent;
	border-top: 1rem solid #00689A;
        margin-left: 3.5rem;
}



/*　==============================　送信完了　==============================　*/

#cID156 header {
     display:none;
}

/*　==============================　header　==============================　*/

@media screen and (max-width: 480px) {
.top_logo {
     margin:0 14% 2rem 12%;
}
}

/*　==============================　footer　==============================　*/

@media screen and (max-width: 480px) {
.f_logo {
     margin:0 2rem;
}
.f_tel {
     font-size: 1.1rem!important;
}
}

#cID156 .pt_b {
     display:none;
}


/*　———　ページトップボタン　———　*/

.pagetop_btm{
    position: fixed;
    z-index: 20;
    bottom: 0;
    right: 0;
}
.pagetop_btm .fs_btn{
   background: linear-gradient(-90deg, rgba(234, 109, 123, 0.9), rgba(232, 148, 153, 0.9));
   line-height: 1rem;
}
.pagetop_btm_sp {
   background-color: rgba(234, 109, 123, 0.5);
}

/*　==============================　スマホ・タブレット時の設定　==============================　*/
/*　--------------------　スマホ時 - 中央揃え　--------------------　*/
@media screen and (max-width: 480px) {
     .sp_center {  text-align: center!important; }}

/*　--------------------　スマホ時 - 左揃え　--------------------　*/
@media screen and (max-width: 480px) {
     .sp_left {  text-align: justify!important; }}

/*　--------------------　スマホ時 - 改行なし　--------------------　*/
@media screen and (max-width: 480px){
.sp_br_none br { display:none; }}

/*　--------------------　スマホ縦時 - 改行あり　--------------------　*/
@media only screen and (min-width: 480px){
.sp_br br { display:none;}}

/*　--------------------　タブレット縦時 - 改行あり　--------------------　*/
@media only screen and (min-width: 769px){
.tb_br br { display:none;}}

/*　--------------------　タブレット縦時 - 改行なし　--------------------　*/
@media screen and (max-width: 768px){
.tb_br_none br { display:none; }}

/*　--------------------　タブレット横時スクロール　--------------------　*/
@media screen and (max-width: 1024px) {
.tb_bg_scroll{background-attachment: scroll!important; }}

/*　==============================　文字に関する設定　==============================　*/
.bold {
font-weight: bold;
}


/*デフォルト*/
a   {
text-decoration:none;
}

h1 , h2 , h3 {
margin: 0px 0px 0px 0px;
padding: 0px 0px;
margin-top: 0px;
font-weight: normal;
}

.hover_opacity:hover{
opacity: 0.85;
transition:0.6s;
}

.letter-spacing{
letter-spacing: 0.3rem;
}

.opacity {
opacity: 0.9;
}

/*　スマホ時 - 文字間つめる　*/
@media screen and (max-width: 480px) {
.space_00{
    letter-spacing: -0.1rem;
}}

/*　--------------------　telリンク - スマホ版のみ　--------------------　*/
@media screen and (min-width: 768px) {
a[href^="tel:"] {
	pointer-events: none;
}}

/* ----------　ポジションリラティブ　---------- */
.pos_rel{position: relative;}

/*　　　角R　　　*/
.border-radius_top {
     -moz-border-radius: 2rem 2rem 0 0;
     -webkit-border-radius: 2rem 2rem 0 0;
     -o-border-radius: 2rem 2rem 0 0;
     -ms-border-radius: 2rem 2rem 0 0;
}

.border-radius_bottom {
     -moz-border-radius: 0 0 2rem 2rem;
     -webkit-border-radius: 0 0 2rem 2rem;
     -o-border-radius: 0 0 2rem 2rem;
     -ms-border-radius: 0 0 2rem 2rem;
}

.border-radius_all {
     -moz-border-radius: 2rem;
     -webkit-border-radius: 2rem;
     -o-border-radius: 2rem;
     -ms-border-radius: 2rem;
}

/*　==============================　編集時 - margin　==============================　*/
.ccm-edit-mode .mg_top_0  {
     margin-top: 0rem!important;
}
.ccm-edit-mode .mg_bottom_0 {
     margin-bottom: 0!important;
}

/* === フォーム部分追加(20/07/15) === */
@media screen and (max-width: 480px) {
.miniSurveyView input[type="text"],
.miniSurveyView input[name^="Question"],
.miniSurveyView textarea[name^="Question"] {
    font-size: 16px !important;
    transform: scale(0.9) !important;
}
}

.miniSurveyView .formBlockSurveyTable dl:nth-child(3), 
.miniSurveyView .formBlockSurveyTable dl:nth-child(4), 
.miniSurveyView .formBlockSurveyTable dl:last-child {
    padding-top: 0rem;
    border-top: solid 0px #ccc;
}
.miniSurveyView .formBlockSurveyTable dl:nth-child(5) {
    padding-top: 2rem;
    border-top: solid 0px #ccc;
}

.miniSurveyView .formBlockSurveyTable dl + dl {
    margin-top: 1.5rem;
}


.font-space {letter-spacing: -0.1em;}