/* =============================
   メインビジュアル */
.fv img { display: block; width: 100%; height: auto;}
   
/* ==================================
   中古マンション 注目 */

.green_back {
   background: #ECF8F8;
}

.about_title {
   display: inline-block;
   position: relative;
}

.about_pic img,.title_ima img { display: block; width: 100%; height: auto;}
.title_ima {
   max-width: 100px;
   width: 15%;
   margin-bottom: -.5em;
}
@media print, screen and (min-width: 768px) {
.title_ima {
   position: absolute;
   top: -.5em;
   left: 0;
   max-width: 100px;
   width: 20%;
}
}
@media print, screen and (min-width: 1025px) {
.title_ima {
   position: absolute;
   top: -.5em;
   left: 0;
   max-width: 135px;
   width: 20%;
}
}

.marker_txt span {
   background: linear-gradient(transparent 60%, #f6f9aed4 60%);
   margin: 0 .2em;
   font-weight: 700;
}

@media print, screen and (max-width: 1024px) {
.about_item {
   display: flex;
   flex-direction: column;
}
.about_cont { order: 1;}
.about_pic { order: 2;}
}

@media print, screen and (min-width: 1025px) {
.about_item {
   display: flex;
   justify-content: space-between;
   position: relative;
}
.about_pic {
   position: absolute;
   top: 0;
   left: 3%;
   width: 45%;
}
.about_cont {
   display: flex;
}
.about_cont:before {
   content: "";
   width: 48%;
   height: 100%;
   display: block;
}
.about_txt {
   width: 48%;
   margin-left: auto;
   font-size: 110%;
}
}


/* ==================================
   最適な売却 */

.baikyaku_item span { font-size: 120%;}
.baikyaku_item { margin-bottom: 1.5em;}
@media print, screen and (min-width: 1025px){
.baikyaku_item { margin-bottom: 2em;}
}

.baikyaku_list li:first-child { background: #F5FEFF}
.baikyaku_list li:last-child { background: #FFF6F6;}

.baikyaku_title {
   color: #fff;
   font-weight: 900;
   font-size: clamp(1rem, 0.773rem + 1.14vw, 1.625rem);
   line-height: 1.5;
   display: flex;
   align-items: center;
   text-align: center;
   justify-content: center;
   padding: 1em .7em 3em .7em;
   clip-path: polygon(100% 0, 100% 72%, 49% 100%, 0 72%, 0 0);
}
.baikyaku_title span {
   display: block;
   font-weight: 700;
   font-size: clamp(0.875rem, 0.784rem + 0.45vw, 1.125rem);
   margin-top: .3em;
}
.baikyaku_list li:first-child .baikyaku_title {
   background: #00AFCC;
}
.baikyaku_list li:last-child .baikyaku_title {
   background: #F19385;
}

@media print, screen and (min-width: 768px){
.baikyaku_list {
   display: flex;
   justify-content: space-between;
}
.baikyaku_list li { width: 50%;}
}

.baikyaku_title_sub {
   font-weight: 700;
   font-size: clamp(0.875rem, 0.693rem + 0.91vw, 1.375rem);
}
.baikyaku_title_sub span {
   display: block;
   line-height: 1.2;
   padding-left: .3em;
   margin-bottom: .3em;
   font-size: clamp(1.125rem, 0.761rem + 1.82vw, 2.125rem);
}
.baikyaku_list li:first-child .baikyaku_title_sub { color: #00AFCC;}
.baikyaku_list li:last-child .baikyaku_title_sub { color: #F19385;}
.baikyaku_list li:first-child .baikyaku_title_sub span { border-left: solid 8px #00AFCC;}
.baikyaku_list li:last-child .baikyaku_title_sub span { border-left: solid 8px #F19385;}

.baikyaku_item_txt { padding: 0 1em 1.5em;}
@media print, screen and (min-width: 768px){
.baikyaku_item_txt { padding: 0 2em 2em;}
}


/********** ポイント ***********/

.point_pic img { display: block; width: 100%; height: auto;}

.point_item { margin-top: 1.5em;}
.point_txt {
   background: #F6F9AE;
   padding: 1em;
   font-size: 120%;
   position: relative;
}
.point_txt span {
   background: linear-gradient(transparent 60%, #f193857d 60%);
   font-weight: 700;
}

@media print, screen and (max-width: 1024px){
.point_txt {
   padding-bottom: 4em;
}
.point_pic {
   width: 25%;
   max-width: 80px;
   margin: -4.5em 0 0 auto;
   position: relative;
}
}

@media print, screen and (min-width: 1025px){
.point_txt::before {
   content: "";
   position: absolute;
   top: 50%;
   left: 100%;
   margin-top: -15px;
   border: 12px solid transparent;
   border-left: 25px solid #F6F9AE;
}
.point_item {
   display: flex;
   justify-content: space-between;
   margin-top: 2em;
   align-items: center;
}
.point_txt { width: 85%;}
.point_pic { width: 12%;}
}



/* ==================================
   きっかけ */

.kikkake_back {
   background: url(../img/kikkake_back.jpg) no-repeat;
   background-size: cover;
   background-position: center;
   position: relative;
}
.kikkake_arrow::before {
   content: "";
   border: 4em solid transparent;
   border-top: 2em solid #FEF3DB;
   position: absolute;
   top: 100%;
   left: 50%;
   transform: translateX(-50%);
}
@media print, screen and (min-width: 1025px){
.kikkake_arrow::before {
   border: 8em solid transparent;
   border-top: 4em solid #FEF3DB;
}
}

.kikkake_title {
   font-size: clamp(1rem, 0.5rem + 2.5vw, 2.375rem);
   font-weight: 700;
   text-align: center;
   margin-bottom: 1em;
}
.kikkake_title span {
   color: #4AC4BF;
   background: linear-gradient(transparent 60%, #f9d676d0 60%);
   margin: 0 .2em;
}

.kikkake_item { position: relative;}
.kikkake_main img,.kikkake_txt img { display: block; width: 100%; height: auto;}
.kikkake_main {
   width: 70%;
   margin: -30% 0 0 auto;
}

@media print, screen and (min-width: 1025px){
.kikkake_main {
   width: 45%;
   margin: auto;
   position: relative;
   z-index: 1;
}
.kikkake_txt {
   position: absolute;
   top: 0;
   left: 50%;
   transform: translate(-50%,0);
   width: 100%;
   z-index: 1;
}
}


/* ==================================
   査定フォームボタン */

.foam_back { background: #4AC4BF; padding-top: 2em;}
@media print, screen and (min-width: 1025px){
.foam_back { padding-top: 4em;}
}

.foam_title {
   color: #fff;
   font-size: clamp(0.875rem, 0.42rem + 2.27vw, 2.125rem);
   margin-bottom: .7em;
}
.foam_title_main {
   font-size: clamp(1rem, 0.5rem + 2.5vw, 2.375rem);
}
.foam_title_main span { color: #F6F9AE;}

.foam_btn a img { display: block; width: 100%; height: auto;}
.foam_btn a {
   width: 100%;
   max-width: 750px;
   margin: auto;
   display: block;
   transition: .2s;
}

@media print, screen and (min-width: 1025px){
.foam_btn a:hover { opacity: .8;}
}


/* ==================================
   メリット */

.merit_pic img,.merit_number img { display: block; width: 100%; height: auto;}
.merit_pic { margin-bottom: .5em;}

.merit_item { position: relative;}
.merit_number {
   width: 30%;
   position: absolute;
   right: 0;
   bottom: 0;
}

.merit_title {
   font-size: clamp(1.125rem, 0.852rem + 1.36vw, 1.875rem);
   font-weight: 700;
   color: #4AC4BF;
   margin-bottom: .5em;
}

.merit_list li + li { margin-top: 2.5em;}

@media print, screen and (min-width: 768px){
.merit_list li {
   display: flex;
   justify-content: space-between;
}
.merit_list li + li { margin-top: 3.5em;}
.merit_pic,.merit_item { width: 48%; margin-bottom: 0;}
}


/* ==================================
   お客様の声 */

.white_back { background: #fff; position: relative;}
.white_back::before {
   content: "";
   border: 4em solid transparent;
   border-top: 2em solid #fff;
   position: absolute;
   top: 100%;
   left: 50%;
   transform: translateX(-50%);
}
@media print, screen and (min-width: 1025px){
.white_back::before {
   border: 8em solid transparent;
   border-top: 4em solid #fff;
}
}

.voice_pic img { display: block; width: 100%; height: auto;}
.voice_pic {
   width: 40%;
   margin: 0 auto 1em auto;
}

.voice_list li {
   background: #ECF8F8;
   padding: 1em;
}
.voice_list li + li { margin-top: 1.5em;}

@media print, screen and (min-width: 768px){
.voice_list li {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 2em 3em;
}
.voice_pic { width: 15%; margin: 0;}
.voice_txt { width: 82%;}
}


/* ==================================
   マンションをお探しの方はこちら */

.mansyon_item {
   background: #fff;
   border-radius: .5em;
   padding: 3em 1em;
}
@media print, screen and (min-width: 768px){
.mansyon_item { padding: 6em 3em;}
}

.mansyon_pic img { display: block; width: 100%; height: auto;}

@media print, screen and (min-width: 768px){
.mansyon_cont {
   display: flex;
   justify-content: space-between;
}
.mansyon_pic,.mansyon_txt { width: 48%;}
}


/********** きっかけ ***********/

.kikkake02 { padding: 1.5em 1em 0 1em;}
@media print, screen and (min-width: 1025px){
.kikkake02 { padding: 3em 1.5em 0 1.5em;}
}

.kikkake_back {
   background: url(../img/kikkake_back.jpg) no-repeat;
   background-size: cover;
   background-position: center;
   position: relative;
}
.kikkake_arrow::before {
   content: "";
   border: 4em solid transparent;
   border-top: 2em solid #FEF3DB;
   position: absolute;
   top: 100%;
   left: 50%;
   transform: translateX(-50%);
}
@media print, screen and (min-width: 1025px){
.kikkake_arrow::before {
   border: 8em solid transparent;
   border-top: 4em solid #FEF3DB;
}
}

.kikkake_title {
   font-size: clamp(1rem, 0.5rem + 2.5vw, 2.375rem);
   font-weight: 700;
   text-align: center;
   margin-bottom: 1em;
}
.kikkake_title span {
   color: #4AC4BF;
   background: linear-gradient(transparent 60%, #f9d676d0 60%);
   margin: 0 .2em;
}

.kikkake_main02 img { display: block; width: 100%; height: auto;}
.kikkake_main02 {
   width: 65%;
   margin: -30% 0 0 auto;
}

@media print, screen and (min-width: 1025px){
.kikkake_main02 {
   width: 100%;
   margin: auto;
   position: relative;
   z-index: 1;
}
}


/********** お問い合わせ ***********/

.contact_txt {
   font-size: clamp(1rem, 0.773rem + 1.14vw, 1.625rem);
   margin-bottom: 1em;
}
.contact_btn img { display: block; width: 100%; height: auto;}
.contact_btn a {
   display: block;
   width: 100%;
   max-width: 750px;
   margin: auto;
   transition: .2s;
}

@media print, screen and (min-width: 1025px){
.contact_btn a:hover { opacity: .7;}
}



/* ==================================
   ご相談・お問合せ */

.contact { text-align: center; background: #4AC4BF;}

.title_nyuryoku img { display: block; width: 100%; height: auto;}
.contact_title {
   display: inline-block;
   position: relative;
}
.title_nyuryoku {
   width: 16%;
}
@media print, screen and (min-width: 768px){
.title_nyuryoku {
   position: absolute;
   left: 10%;
   top: -.3em;
   width: 11%;
}
}

.contact_item {
   background: #fff;
   padding: 1.5em 1em;
}
@media print, screen and (min-width: 1025px){
.contact_item { padding: 3em;}
}

.contact_point {
   background: #F6F9AE;
   padding: .5em 1em;
   color: #4AC4BF;
   font-weight: 700;
   font-size: clamp(1rem, 0.773rem + 1.14vw, 1.625rem);
   line-height: 1.7;
   margin-bottom: 1.5em;
}
.contact_point span {
   display: block;
   color: #333333;
   font-size: clamp(0.875rem, 0.693rem + 0.91vw, 1.375rem);
}
.contact_point_sub { margin-bottom: 1.5em;}

.red { color: #B22222; font-weight: 700;}
.contact_annotation { margin-bottom: .3em; padding-top: .5em;}
   
   /* フォーム */
   .mfp_element_text,
   .mfp_element_number,
   .mfp_element_select-one,
   .mfp_element_email,
   .mfp_element_tel,
   .mfp_element_textarea,
   .mfp_element_date,
   .mfp_element_password {
    box-shadow: none;
    max-width: 100%;
    min-width: 250px;
   }
   @media print, screen and (min-width:1025px){
   .mfp_element_text,
   .mfp_element_number,
   .mfp_element_select-one,
   .mfp_element_email,
   .mfp_element_tel,
   .mfp_element_textarea,
   .mfp_element_date,
   .mfp_element_password {
    min-width: 300px;
    width: auto;
   }
   }
   
   .mfp_element_button,
   .mfp_element_submit,
   .mfp_element_reset,
   button.mfp_next,
   button.mfp_prev {
    background: #f7f7f7 !important;
    text-shadow: none;
   }
   
   form#mailformpro label {display: block !important;}
   form#mailformpro label.mfp_checked { box-shadow: none;}
   div.mfp_err { font-size: 90%;}
   
   form#mailformpro input:not(.mfp_element_radio), form#mailformpro textarea {
    padding: .3em;
    font-size: 1rem;
    vertical-align: middle;
   }
   form#mailformpro .contacttable02 input { width: auto !important;}
   @media print, screen and (min-width:1025px){
   form#mailformpro input, form#mailformpro textarea{font-size: 1.125rem;}
   }
   
   ul#mfp_phase_stat { display: none;}
   
   #mfp_phase_confirm h4 {
    font-size: max( 20px, min(2.5vw, 42px )) !important;
    color: #333;
    font-weight: 700;
   }
   
   table#mfp_confirm_table tr th,
   table#mfp_confirm_table tr td {
    font-size: 0.875rem !important;
    font-weight: normal !important;
   }
   
   /* table */
   
.tabletype01 {
   width: 100%;
   font-size: 1rem;
   overflow: hidden;
   margin-bottom: 1em;
   border-collapse: collapse;
}
@media print, screen and (min-width:1025px){
.tabletype01 { font-size: 1.125rem; margin-bottom: 2em;}
}
.tabletype01 input,
.tabletype01 select { vertical-align: middle;}
.tabletype01 select { padding: 0 .3em .3em .3em;}

.tabletype01 th,
.tabletype01 td {
   width: 100%;
   display: block;
   width: 100%;
   text-align: left;
   float:left9;
}
.tabletype01 th {
   padding: .3em .5em;
   font-weight: 700;
   color: #000;
   background: #EEEEEE;
   margin-bottom: .5em;
}
.tabletype01 td { padding: 0 0 1em 0;}

.caution {
   color: #fff;
   background: #ffcb3c;
   border-radius: .5em;
   line-height: 1.2;
   font-size: 75%;
   padding: .2em .7em;
   margin-left: 1em;
   vertical-align: middle;
   letter-spacing: .2em;
   }

.textbody { width: 100% !important;}
.contacttable02 { width: 100%;}
.contacttable02 td {
   border: none;
   text-align: center;
   padding: .5em 3.125%;
}

@media print, screen and (min-width:900px) {
.tabletype01 th {
   display: table-cell;
   padding: 1em;
   white-space: nowrap;
   width: 26%;
   float: none;
   vertical-align: top;
   border-bottom: solid 1px #fff;
   margin-bottom: 0;
}
.tabletype01 td {
   display: table-cell;
   padding: 1em;
   width: auto;
   float: none;
}
.tabletype01 caption { padding: 0;}
.contacttable02 { margin: 1em 0;}
}

.gobtn { text-align: right;}
.gobtn a {
   font-size: 90%;
   padding: .5em 1em;
   transition: all .2s ease;
   background: #F6F9AE;
   color: #333;
   text-decoration: none;
   font-weight: 700;
   
}
.gobtn a:hover { opacity: .7;}

.btn_reset,
.btn_submit,
#mfp_button_send,
#mfp_button_cancel{
   padding: 1em 2em;
   font-weight: 700;
   color: #fff;
   border-radius: 2em;
   border: none;
   font-size: max( 16px, min(2vw, 36px ));
   transition: .2s;
}
.mfp_buttons {
   flex-wrap: wrap;
   justify-content: space-between;
   margin: 2em 0;
}
.mfp_buttons button { width: 100%; margin-bottom: 1em;}
@media print, screen and (min-width:480px) {
.mfp_buttons { display: flex;}
.mfp_buttons button { width: 48%; margin-bottom: 0;}
}
.mfp_buttons button{ cursor:pointer;}
.mfp_buttons button:hover { opacity: .7;}
.btn_submit,
#mfp_button_send {
   background: #F19385 !important;
   box-shadow: .1em .2em #B14939;
}
.btn_reset,
#mfp_button_cancel {
   background: #4AC4BF !important;
   box-shadow: .1em .2em #225655;
}

.radiolist { overflow: hidden;}
.radiolist li {
   display: inline;
   float:left;
   margin-right: .5em;
   margin-bottom: .5em;
}
form#mailformpro label.mfp_not_checked {
   padding: 3px;
   border: 1px #ccc solid;
}
form#mailformpro label.mfp_checked {
   border: 1px #ddd solid;
   background: #e8eef9;
   box-shadow: none;
}

/* ================================
   インセンティブ */
   
.insentive_bloc {
   max-width: 1000px;
   margin: 0 auto 3vw;
}
.insentive_bloc img {
   display: block;
   width: 100%;
   height: auto;
}

#contact .insentive_bloc {
   width: 80%;
}

.tokuten_pic { display: block; width: 100%; height: auto;}
.contact_insentive { padding: 2em 1.5em 2em 1.5em; border: solid 2px #415F82; border-radius: 0 0 1em 1em;}


/* ============================
サンクスページ */

.thanks_page header {
   background: #4AC4BF;
    border-bottom: solid 1px #ffffff9e;
}

.thanks_cont { padding-top: 3em;}
.thanks_txt { font-size: 110%;}