@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');


#onetrust-consent-sdk{
   display: none;
}


/* ==================================================
	common
================================================== */
#wrapper{
   letter-spacing: 0.05em;
   line-height: 1.8;
   color: #111111;
}
#wrapper .img-fluid{
   width: 100%;
}
#wrapper .page_header{
   box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.2);
   height: 140px;
}
#wrapper .page_header .page_header_title{
   padding: 20px 0 0 0 !important;
   color: #00a7ac;
   font-size: 1rem;
   font-weight: 500;
}
#wrapper .page_header .page_header_title span{
   padding-right: 20px;
   font-size: 2.85rem;
   color: #00a7ac;
}
#wrapper .page_header .page_header_list li:first-child a::after{
   left: 0 !important;
   right: inherit !important;
   width: calc(100% - 1em);
}
#wrapper .page_header .page_header_list li:last-child a::after{
   left: 22px;
   right: inherit;
}
#wrapper .page_header .page_header_list:first-child{
   border-left: none;
}
#wrapper .page_header .page_header_list li{
   border-right: 1px solid #ddd;
}
#wrapper .page_header .page_header_list li:last-child{
   border-right: none;
}
/*#wrapper .page_header .page_header_list li a{
   padding: 0 1.5em;
}*/
#wrapper .page_header .page_header_list li:first-child a{
   padding: 0 1em 0 0;
}
/*#wrapper .page_header .page_header_list li:last-child a{
   padding: 0 0 0 1.5em;
}*/
#wrapper .page_header .page_header_btn a{
   width: 195px;
   box-sizing: border-box;
   padding-left: 10px;
}
#wrapper .page_header .page_header_btn .page_header_catalog{
   margin-right: 10px;
}
#wrapper .page_header .page_header_btn .page_header_catalog a::before{
   left: 20px;
   width: 25px;
   height: 25px;
}
#wrapper .page_header .page_header_btn .page_header_estimate a{
   border: 1px solid #d5c700;
}
#wrapper .page_header .page_header_btn .page_header_estimate a::before{
   left: 20px;
   width: 25px;
   height: 25px;
}
#wrapper .page_body .page_layout_column2{
   margin-bottom: 30px;
}
#wrapper .page_body .page_title_lv4{
   font-size: 1.5rem;
   margin-bottom: 15px;
}
#wrapper .page_body .page_layout_btn a{
   text-align: left;
   font-size: 16px;
   line-height: 1.6;
   padding: 13px 25px 15px 20px;
}
#wrapper .page_body .page_layout_btn a::after{
   width: 12px;
   height: 12px;
   right: 10px;
}
#wrapper .page_footer .page_footer_list li a p{
   line-height: 2.5;
}



@media screen and (max-width: 767px) {

#wrapper .top_section header{
   padding: 30px 0 17vw;
}
#wrapper .page_header{
   box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2);
   height: 65px;
}
#wrapper .page_header > .content_inner{
   margin: 0px 16px;
}
#wrapper .page_header .page_header_title{
   letter-spacing: 0;
   font-weight: 500;
   font-size: 13px;
   line-height: 1.5;
   display: block;
   padding: 5px 0 10px 0 !important;
}
#wrapper .page_header .page_header_title span{
   padding: 0;
   font-size: 1.5rem;
   display: block;
   line-height: 1.3;
}
#wrapper .page_header .page_header_hamburger{
   top: 7px;
   right: 7px;
}
#wrapper .page_header .page_header_hamburger p{
   font-size: 0.7rem;
}
#wrapper .page_header .page_header_nav{
   top: 114px;
}
#wrapper .page_header .page_header_list{
   margin-bottom: 10px;
}
#wrapper .page_header .page_header_list li{
   border-right: none;
   border-bottom: 1px solid #cccccc;
}
#wrapper .page_header .page_header_list li:last-child{
   border-bottom: none;
}
#wrapper .page_header .page_header_list li a{
   padding: 1.0em !important;
   font-size: 15px;
}
#wrapper .page_header .page_header_list li:first-child a{
   padding: 1.0em !important;
}
#wrapper .page_header .page_header_btn .page_header_catalog{
   margin-right: 0px;
}
#wrapper .page_header .page_header_btn a{
   width: 100%;
   padding-left: 0;
   font-size: 15px;
}
#wrapper .page_header .page_header_inner{
   padding: 10px 0;
}
#wrapper .page_body {
   padding-top: 0;
}
#wrapper .page_body .page_nav{
   margin-bottom: 30px;
}
#wrapper .page_body .page_nav .page_nav_list li{
   width: 100%;
}
#wrapper .page_body .page_nav .page_nav_list li a{
   padding: 12px 15px;
   font-size: 0.9rem;
}
#wrapper .page_body .page_title_lv3{
   font-size: 1.3rem;
}
#wrapper .page_body .page_title_lv4{
   font-size: 18px;
}
#wrapper .page_body .page_title_lv4::before{
   top: 11px;
}
#wrapper .page_body .page_layout_btn a{
   font-size: 15px;
}
#wrapper .page_body .page_layout_column2 .page_layout_inner{
   margin-bottom: 15px;
}

#wrapper .page_footer .page_footer_btn a{
   font-size: 0.9rem;
}
#wrapper .page_footer .page_footer_list li a p{
   font-size: 0.8rem;
   line-height: 26px;
}

}



/* ==================================================
	トップ
================================================== */
#wrapper .top_mainv_box{
   width: 520px;
}
#wrapper .top_mainv_box .top_mainv_wrap{
   padding: 20px;
}
#wrapper .top_mainv_box .top_mainv_wrap .top_mainv_logo{
   width: 260px;
   margin-bottom: 10px;
}
#wrapper .top_mainv_box .top_mainv_wrap .top_mainv_thum{
   width: 320px;
   margin: 0 20px 0 0;
}
#wrapper .top_mainv_box .top_mainv_wrap .top_mainv_catchcopy{
   font-size: 25px;
   font-weight: 900;
   line-height: 1.3;
   margin-bottom: 20px;
}
#wrapper .top_mainv_box .top_mainv_wrap .top_mainv_text{
   font-size: 0.95rem;
}
#wrapper .top_mainv_box .top_mainv_wrap .top_mainv_btn a{
   line-height: 48px;
   border-radius: 24px;
   font-weight: 600;
}
#wrapper .top_mainv_box .top_mainv_wrap .top_mainv_btn a::before{
   left: 20px;
}
#wrapper .top_mainv_box .top_mainv_wrap .top_mainv_btn .top_mainv_catalog{
   margin-bottom: 8px;
}
#wrapper .top_mainv_box .top_mainv_wrap .top_mainv_btn .top_mainv_estimate a{
   border: 1px solid #d5c700;
}
#wrapper .top_mainv_box .top_mainv_wrap .top_mainv_innerwrap{
   display: flex;
}
#wrapper .top_info{
   padding-top: 50px;
   margin-bottom: 100px;
}
#wrapper .top_info .top_info_notes{
   margin-bottom: 60px;
}
#wrapper .top_section .top_section_list_spec {}
#wrapper .top_section .top_section_list_spec li a {
   height: 116px;
}
#wrapper .top_section .top_section_list li a::after {
   width: 30px;
   height: 30px;
   right: 20px;
}
#wrapper .top_section .top_section_list li a p {
   line-height: 1.6;
   padding: 0 0 0 20px;
   font-weight: 500;
}
#wrapper .top_section header .top_section_btn a::after{
   width: 12px;
   height: 12px;
}


@media screen and (max-width: 767px) {
#wrapper .top_mainv_box{
   width: 100%;
   box-sizing: border-box;
}
/*#wrapper .top_mainv_box .top_mainv_wrap{
   padding: 20px;
}*/
#wrapper .top_mainv_box .top_mainv_wrap .top_mainv_inner{
   width: 100%;
}
#wrapper .top_mainv_box .top_mainv_wrap .top_mainv_logo{
   width: 100%;
   max-width: 240px;
}


#wrapper .top_mainv_box .top_mainv_wrap .top_mainv_thum{
   width: 40%;
   margin: 0 auto 20px auto;
   max-width: 250px;
}
#wrapper .top_mainv_box .top_mainv_wrap .top_mainv_catchcopy{
   font-size: 20px;
}
#wrapper .top_mainv_box .top_mainv_wrap .top_mainv_text{
   /*font-size: 0.95rem;*/
   margin-bottom: 20px
}
#wrapper .top_mainv_box .top_mainv_wrap .top_mainv_btn a{
   font-size: 0.95rem;
   /*line-height: 48px;
   border-radius: 24px;
   font-weight: 600;*/
}
#wrapper .top_mainv_box .top_mainv_wrap .top_mainv_btn .top_mainv_catalog{
   margin-bottom: 10px;
}
#wrapper .top_mainv_box .top_mainv_wrap .top_mainv_innerwrap{
   display: block;
}
#wrapper .top_info{
   padding-top: 30px;
   margin-bottom: 40px;
}
#wrapper .top_info .top_info_notes{
   margin-bottom: 30px;
}
#wrapper .top_info .top_info_notes li{
   font-size: 12px;
   margin-bottom: 4px;
}
#wrapper .top_info .top_info_notes li.notes-icon span{
   width: 15px;
}
#wrapper .top_section .top_section_list li:not(:last-child){
   margin-bottom: -1px;
}
#wrapper .top_section .top_section_list li div{
   width: 40%;
}
#wrapper .top_section .top_section_list_spec li a {
   height: 53px;
}
#wrapper .top_section .top_section_list_spec li p {
   width: 100%;
}
#wrapper .top_section header .top_section_title{
   margin-bottom: 20px;
}
#wrapper .top_section header .top_section_btn {
   width: 100%;
}
#wrapper .top_section header .top_section_btn a{
   font-size: 0.9rem;
   font-weight: 500;
   line-height: 50px;
}
#wrapper .top_section header .top_section_btn a::after{
   width: 15px;
   height: 15px;
   right: 8px;
}
#wrapper .top_section .top_section_list li a::after {
   width: 22px;
   height: 22px;
   right: 8px;
}
#wrapper .top_section .top_section_list li a p {
   padding: 0 0 3px 10px;
   font-size: 0.85rem;
   font-weight: 500;
   line-height: 1.33;
}
#wrapper .top_section .top_section_list_spec li a p{
   width: 100% !important;
}

}


/* ==================================================
	機能・性能
================================================== */
#highreach{
   margin-bottom: 100px;
}
#wrapper .page_body .perf_title{
   margin-bottom: 0px;
}
#wrapper .page_body .perf_value{
   font-size: 1.75rem;
}
#wrapper .page_body .perf_value span{
   font-size: 2.5rem;
}


@media screen and (max-width: 767px) {

#body{
   margin-bottom: 40px;
}
#highreach{
   margin-bottom: 40px;
}
#wrapper .page_body .perf_title{
   margin-bottom: 5px;
}
#wrapper .page_body .perf_text{
   line-height: 1.7;
}
#wrapper .page_body .perf_value{
   font-size: 1.25rem;
}
#wrapper .page_body .perf_value span{
   font-size: 1.5rem;
}

}


/* ==================================================
	デザイン
================================================== */
#interior .page_body .page_layout_column2{
   margin-bottom: 50px;
}
#interior .page_layout_column3 .page_layout_inner{
   margin-bottom: 50px;
}
#concept .concept_text{
   font-size: 1.0rem;
   line-height: 2.0;
   margin-bottom: 20px;
}
#concept .concept_text strong{
   font-size: 1.0rem;
   display: inline-block;
   width: 7.25em;
}
#concept p a{
   color: #00a7ac;
   text-decoration: underline;
}


@media screen and (max-width: 767px) {

#interior .page_body .page_layout_column2{
   margin-bottom: 30px;
}
#interior .page_layout_column3 .page_layout_inner{
   margin-bottom: 20px;
}
#interior .page_layout_column3 .page_layout_inner p{
   line-height: 1.6;
}
#concept .concept_text{
   line-height: 1.6;
}


}



/* ==================================================
	スペック
================================================== */

#equipment .equip_layout_column4 .equip_layout_inner h6{
   color: #111;
   font-weight: 600;
}

/* ==================================================
	メンテナンス性
================================================== */
#guarantee .content_inner .note{
   font-size: 13px;
   padding-left: 1em;
   text-indent: -1em;
}

@media screen and (max-width: 767px) {}