@charset "UTF-8";
/*!*
--------------------------------
Created: 2021.12.09
Last Modified:
--------------------------------
--------------------------------
*!*/
/*!* -------------------------------
省エネ共通要素
------------------------------- *!*/
.function_content .headline .br-ttl { display: none; }
@media only screen and (max-width:360px){
.function_content .headline .br-ttl { display: block; }
}
/*!* -------------------------------
おまかせA.I.自動
------------------------------- *!*/
.function_content .mirai .text_01 { margin: 0 0 45px; }
.function_content .mirai .text_01 .common_contents_heading { margin-bottom: 18px;}
.function_content .mirai .icon_setsuden { margin: 25px 0; display: flex; align-items: center;}
.function_content .mirai .icon_setsuden .icon_img_box { max-width: 84px; margin-right: 25px;}
.function_content .mirai .icon_setsuden .icon_img_box .energy-saving_img_setsuden{ width: 84px;}
.function_content .mirai .icon_setsuden .icon_setsuden_txt { font-size: 18px;}
.function_content .mirai .function_note.mb_2 { margin-bottom: 2px; }
.function_content .mirai .energy-saving_img_05_wrap, .function_content .mirai .energy-saving_img_08_wrap { margin-bottom: 52px;}
.function_content .mirai .heading_season { max-width: 100px;}
.function_content .mirai .energy-saving_img_05, .function_content .mirai .energy-saving_img_08 { margin-bottom: 10px;}
.function_content .mirai .energy-saving_img_06, .function_content .mirai .energy-saving_img_09 { margin-top: 3px; margin-bottom: 12px;}
.function_content .mirai .energy-saving_img_07 { margin-bottom: 25px; padding-top: 53px;}
@media only screen and (max-width:767px){
.function_content .mirai .text_01 { margin: 0 0 35px; }
.function_content .mirai .text_01 .common_contents_heading { margin-bottom: 10px;}
.function_content .mirai .function_note { margin-top: 3px; text-align: left; font-size: 0.8125em;}
.function_content .mirai .energy-saving_img_08_wrap .function_note { margin-top: 6px;}
.function_content .mirai .icon_setsuden { margin: 6.667vw 0; padding-left: 5px; }
.function_content .mirai .icon_setsuden .icon_img_box { max-width: 58px; margin-right: 5vw;}
.function_content .mirai .icon_setsuden .icon_img_box .energy-saving_img_setsuden{ width: 58px;}
.function_content .mirai .icon_setsuden .icon_setsuden_txt p { font-size: 14px;}
.function_content .mirai .function_note { letter-spacing: 0;}
.function_content .mirai .function_note.mb_2 { margin-bottom: 1px;}
.function_content .mirai .energy-saving_img_05_wrap, .function_content .mirai .energy-saving_img_08_wrap { margin-bottom: 40px;}
.function_content .mirai .heading_season { max-width: 70px; margin-left: auto; margin-right: auto;}
.function_content .mirai .energy-saving_img_05, .function_content .mirai .energy-saving_img_08 { margin-top: 4px; margin-bottom: 0;}
.function_content .mirai .energy-saving_img_06, .function_content .mirai .energy-saving_img_09 { margin-top: 2px; margin-bottom: 10px;}
.function_content .mirai .energy-saving_img_07 { margin-bottom: 45px; padding-top: 18px;}
}
/*!* -------------------------------
ハイブリッド運転
------------------------------- *!*/
.function_content .hybrid .function_main_contents {padding-bottom: 65px;}
.function_content .hybrid li.ge.text_add::after {content: "";display:block;width: 57px;height: 35px;background: url(../img/txt_only_reibou.png)center/contain no-repeat;position: absolute;bottom: -42px;right: 0;left: -3px;}
.function_content .hybrid .function_products_icon_list {margin-bottom: 45px;}
.function_content .hybrid .sub_text {margin: 11px 0 35px;}
.function_content .hybrid .text_01 .sub_text {margin: 11px 0 35px;}
.function_content .hybrid .energy-saving_img_01 {margin: 8px 0 30px;}
.function_content .hybrid .energy_heading {padding-bottom: 15px;}
.function_content .hybrid .energy_table table {width: 100%;}
.function_content .hybrid .energy_table tr {width: 100%;}
.function_content .hybrid .energy_table th {color: #ffffff;padding: 12px 0 20px;}
.function_content .hybrid .energy_table table,.function_content .hybrid .energy_table th,.function_content .hybrid .energy_table td {border-collapse: collapse;border:1px solid #7b7b7b;box-sizing: border-box;}
.function_content .hybrid .energy_table th,.function_content .hybrid .energy_table td {width: 16.66%;text-align: center;}
.function_content .hybrid .energy_table .series_name {font-size: 1.125em;display: inline-block;margin-bottom: 10px;}
.function_content .hybrid .energy_table .products_name {letter-spacing: -0.01em;}
.function_content .hybrid .energy_table .wattage_wrap .wattage {font-size: 1.125em;display: inline-block;margin: 8px 0;}
.function_content .hybrid .energy-saving_img_02 {margin: 38px 0 29px;}
.function_content .hybrid .note_wrap_01 {padding-right: 15px;margin-bottom: 55px;}
.function_content .hybrid .text_02 {margin-top: 10px;}
.function_content .hybrid .energy-saving_img_03 {margin: 32px auto 50px;max-width: 880px;}
.function_content .hybrid .note_wrap_02 {padding-right: 15px;margin-bottom: 35px;}
@media screen and (min-width:768px) and (max-width:1174px){
.function_content .function_products_icon_list ul li {margin-bottom: 30px;}
}
@media only screen and (max-width:767px){
.function_content .hybrid .function_main_contents {padding-bottom: 0;}
.function_content .hybrid li.ge.text_add::after {content: "";display:block;width: 30px;height: 20px;background: url(../img/txt_only_reibou.png)center/contain no-repeat;position: absolute;bottom: -25px;right: 0;left: 1px;}
.function_content .hybrid .function_products_icon_list {margin-bottom: 50px;}
.function_content .hybrid .text_01 .heading {letter-spacing: -0.1em;}
.function_content .hybrid .text_01 .sub_text {margin: 11px 0 30px;font-size: 0.8125em;}
.function_content .hybrid .text_02 .body_text {font-size: 1em;}
.function_content .hybrid .text_02 .common_contents_heading {margin-bottom: 5px;}
.function_content .hybrid .text_02 .sub_text {margin: 0 0 22px;font-size: 0.8125em;}
.function_content .hybrid .energy-saving_img_01 {margin: 18px 0;}
.function_content .hybrid .energy_heading {font-size: 0.8125em;padding-bottom: 5px;}
.function_content .hybrid .energy_table table,.function_content .hybrid .energy_table th,.function_content .hybrid .energy_table td {border: none;}
.function_content .hybrid .energy_table tr {border-collapse: collapse;border:1px solid #7b7b7b;box-sizing: border-box;}
.function_content .hybrid .energy_table th {width: 63.8%;font-size: 0.65625em;padding: 3.2px 0;}
.function_content .hybrid .energy_table td {width: 36.2%;font-size: 0.65625em;}
.function_content .hybrid .energy_table .series_name {margin-bottom: 0;padding-right: 0.5em;}
.function_content .hybrid .energy-saving_img_02 {margin: 10px 0 18px;}
.function_content .hybrid .note_wrap_01 {padding-right: 0;margin-bottom: 13px;}
.function_content .hybrid .text_02 {margin-top: 0;}
.function_content .hybrid .energy-saving_img_03 {margin: 15px auto 18px;}
.function_content .hybrid .note_wrap_02 {padding-right: 0;margin-bottom: 23px;}
}
/*!* -------------------------------
エコスタート
------------------------------- *!*/
.function_content .text .common_contents_heading_ecostart_01 {font-size: 1.25em;font-weight: bold;letter-spacing: -0.05em;margin-bottom: 5px;}
.function_content .function_note_ecostart_01 {font-size: 1em;letter-spacing: -0.03em;margin-bottom: 20px;}
.function_content .eco_start .energy-saving_img_04 {max-width: 744px;width: 78.65%;margin-top: 40px;margin-right: auto;margin-bottom: 40px;margin-left: auto;}
.function_content .eco_start .energy-saving_img_04 .note {font-size: 20px;margin-top: 0;}
.function_content .eco_start .text_02 {margin-top: 30px;}
@media only screen and (max-width:767px){
.function_content .text .common_contents_heading_ecostart_01 {font-size: 1.125em;}
.function_content .function_note_ecostart_01 {font-size: 0.8125em;}
.function_content .eco_start .energy-saving_img_04 {width: 100%;margin-top: 30px;margin-bottom: 30px;}
.function_content .eco_start .energy-saving_img_04 .note {font-size:min(3.43vw,20px);}
}
/*!* -------------------------------
消し忘れ防止
------------------------------- *!*/
/* .function_content .keshiwasure .function_subtitle {display: flex; align-items: center; justify-content: center;margin-left: -3.5em;} */
.function_content .keshiwasure .function_products_icon_list ul li {margin-top: 20px;}
.function_content .keshiwasure .function_products_chart table tbody td {width: 8.5%;}
.function_content .keshiwasure .function_products_chart table tbody td.parts_name {width: 15%;}
.function_content .keshiwasure .function_products_chart .function_note {margin-top: 6px;}
.function_content .keshiwasure .convenient_img_01 {margin-top: 55px;}
.function_content .keshiwasure .note_wrap_02 {margin: 7px 0 57px;}
.function_content .keshiwasure .text_03 {margin-top: 46px;}
.function_content .keshiwasure .note_wrap_03 {margin-top: 5px;}
.function_content .keshiwasure .convenient_img_02 {margin: 54px 0 145px;}
.function_content .keshiwasure .convenient_img_02 .series_text {margin-bottom: 10px;}
.function_content .keshiwasure .icon_setsuden {max-width: 66px; position: relative; top:45px; z-index: 10;}
.function_content .keshiwasure .icon_setsuden .icon_img_box img {vertical-align: bottom;}
.function_content .keshiwasure .heading .situation {font-size: 0.8em;font-weight: normal;}
.function_content .keshiwasure .body_text .situation {font-size: 0.9em;}
@media screen and (min-width: 768px) and (max-width: 1174px) {
.function_content .keshiwasure .function_products_icon_list ul {margin-top: 20px;}
.function_content .keshiwasure .function_products_icon_list ul li {margin-top: 0;}
}
@media only screen and (max-width:767px){
.function_content .keshiwasure .function_products_icon_list ul li {margin-top: 0;}
.function_content .keshiwasure .function_products_chart table tbody td {width: 7.6%;}
.function_content .keshiwasure .function_products_chart table tbody td.parts_name {width: 24%;padding: 11px 0;}
.function_content .keshiwasure .function_products_chart table tbody td.parts_name_2 {padding: 4px 0;}
.function_content .keshiwasure .convenient_img_01 {margin-top: 38px;}
.function_content .keshiwasure .note_wrap_02 {margin: 15px 0 15px;}
.function_content .keshiwasure .text_03 {margin-top: 22px;}
.function_content .keshiwasure .note_wrap_03 {margin-top: 0;}
.function_content .keshiwasure .convenient_img_02 {margin: 56px 0 80px;}
.function_content .keshiwasure .icon_setsuden {top: 38px; left: 0;}
.function_content .keshiwasure .icon_setsuden .icon_img_box {max-width: 55px; margin-right: 2vw;}
.function_content .keshiwasure .heading .situation {font-size: 0.7em;}
.function_content .keshiwasure .body_text .situation {font-size: 0.73em;}
}