@charset "utf-8";

/* ===================================
   リセット・汎用クラス　　　　　　　　　　　　　　　　
=================================== */
body{
  padding: 0;
  margin: 0 !important;
  font-size: 100%;
}
.malp{
  font-family: "Roboto","Noto Sans JP",sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.malp main h1,
.malp main h2,
.malp main h3,
.malp main h4,
.malp main div,
.malp main p,
.malp main ul,
.malp main ol,
.malp main li,
.malp main dl,
.malp main dt,
.malp main dd,
.malp main table,
.malp main th,
.malp main td{
  margin: 0;
  padding: 0;
  font-size: 16px;
  color: #111;
  line-height: 1.8;
  box-sizing: border-box;
}
.malp main .contents_wrap{
   width: 1000px;
   margin: 0 auto;
   padding: 80px 0;
}
.malp main .contents_wrap h2{
   font-size: 42px;
   font-weight: 900;
   text-align: center;
   line-height: 1.4;
   margin: 0 0 40px 0;
   padding-bottom: 14px;
   letter-spacing: 0.04em;
   position: relative;
}
.malp main .contents_wrap h2::after{
   content: "";
   width: 90px;
   height: 3px;
   background: url("../images/bg_h2_dot.png") center center repeat-x;
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
}
.malp main .contents_wrap h2 span{
   display: block;
   font-size: 16px;
   font-weight: 600;
   margin-bottom: 3px; 
   color: #00a7ac;
}
.malp main .contents_wrap h2 + p{
   text-align: center;
   margin-bottom: 40px;
}
.malp a{
  text-decoration: none;
  color: #00a7ac;
}
.malp main img{
  border: none;
  vertical-align: middle;
}
.malp main ul li,
.malp main ol li{
   list-style: none;
}
.malp main sup{
  vertical-align: top;
}
.malp main .note{
  display: block;
  font-size: 0.85rem;
  line-height: 1.8 !important;
  padding-left: 1em;
  text-indent: -1em;
}
.malp main .note a{
   text-decoration: underline;
}
.malp main .indent{
  display: block;
  padding-left: 1em;
  text-indent: -1em;
}
.malp main .txt_small{
   font-size: 0.8rem;
}


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

body{
  margin: 0 0 0 0 !important;
}
.malp main h1,
.malp main h2,
.malp main h3,
.malp main h4,
.malp main div,
.malp main p,
.malp main ul,
.malp main ol,
.malp main li,
.malp main dl,
.malp main dt,
.malp main dd,
.malp main table,
.malp main th,
.malp main td{
  margin: 0;
  padding: 0;
  font-size: 15px;
  color: #111;
  line-height: 1.8;
  box-sizing: border-box;
}
.malp main .contents_wrap{
   width: 100%;
   padding: 40px 5%;
   box-sizing: border-box;
}
.malp main .contents_wrap h2{
   font-size: 26px;
   margin: 0 0 30px 0;
   padding-bottom: 12px;
}
.malp main .contents_wrap h2 span{
   font-size: 14px;
}
.malp main .contents_wrap h2 + p{
   text-align: left;
   margin-bottom: 20px;
}
#page-top {
    bottom: 65px;
}

}

/* ===================================
   共通パーツ　　　　　　　　　　　　　　　
=================================== */
.bgc_green {
    background-color: #e3f3f3;
}
.sp_only{
   display: none;
}
@media screen and (max-width: 767px){
    .sp_only {
        display: block;
    }
}


/* ===================================
   メインビジュアル / ナビゲーション　　　　　　　　　　　　　　　　
=================================== */

#header {
   position: static !important;
}
.fmini .header_hamburger{
   display: none;
}
.fmini .page_header{
   display: flex;
   position: fixed;
   top: 5;
   right: 0;
   z-index: 22;
}
.fmini #header_cta .header_cta_inner{
   display: flex;
   justify-content: center;
   align-items: center;
   height: 65px;
}
.fmini #header_cta .header_cta_inner a{
   display: block;
   text-align: center;
   box-sizing: border-box;
   width: 220px;
   line-height: 1.4;
   transition: all .1s ease-out;
   color: #00a7ac;
   font-weight: 700;
}
.fmini #header_cta .header_cta_inner a:nth-child(1){
   background: url(../images/ico_download.png) #fff left 30px center no-repeat;
   background-size: 29px;
   margin-right: 10px; 
   padding: 5px 0 5px 27px;
   border: 2px solid #00a7ac;
   border-radius: 50px;
}
.fmini #header_cta .header_cta_inner a:nth-child(2){
   background: url(../images/ico_cta_inquiry_w.png) #00a7ac left 26px center no-repeat;
   color: #fff;
   background-size: 32px;
   padding: 5px 0 5px 33px;
   border: 2px solid #00a7ac;
   border-radius: 50px;
}
.fmini #header_cta .header_cta_inner a:nth-child(1):hover{
   color: #fff;
   background: url(../images/ico_download_w.png) #00a7ac left 30px center no-repeat;
   background-size: 29px;
   border: 2px solid #fff;
}
.fmini #header_cta .header_cta_inner a:nth-child(2):hover{
   color: #00a7ac;
   background: url(../images/ico_cta_inquiry.png) #fff left 26px center no-repeat;
   background-size: 32px;
   border: 2px solid #00a7ac;
}

.fmini #title_box{
   width: 100%;
   position: relative;
}
.fmini #title_box h1 img{
   display: block;
   width: 100%;   
}
.fmini .heder_area{
   position: relative;
   position: sticky;
   top: 0;
   z-index: 999;
}
.fmini .heder_area{
   display: flex;
   justify-content: center;
   background-color: #fff;
   padding: 13px 0 8px 0;
   box-shadow: 0px 3px 5px -4px #777777;
}
.fmini .heder_area .navi_box .navi_innerbox{
   display: flex;
   justify-content: center;
}
.fmini .heder_area .navi_box .navi_innerbox .logo_img:hover{
   opacity: .7;
}
.fmini .heder_area .navi_box ul{
   height: 70px;
   box-sizing: border-box;
   background-color: #fff;
   display: flex;
   justify-content: center;
   align-items: center;
   margin-right: 20px;
}
.fmini .heder_area .navi_box ul li{
   font-weight: 600;
}
.fmini .heder_area .navi_box ul li a{
   color: #111;
   padding-right: 18px;
   margin-right: 25px;
   position: relative;
   transition: .15s all ease-out;
}
.fmini .heder_area .navi_box ul li:last-child a{
   margin-right: 0px;
}
.fmini .heder_area .navi_box ul li a:hover{
   color: #00a7ac;
}
.fmini .heder_area .navi_box ul li a:hover::after{
   color: #00a7ac;
}




@media screen and (max-width: 767px){
.fmini .header_hamburger{
   display: block;
   width: 50px;
   height: 50px;
   background-color: #fff;
   border: 1px solid #00a7ab;
   box-sizing: border-box;
   position: fixed;
   top: 0;
   right: 0;
   cursor: pointer;
   z-index: 999;
}

.fmini .header_hamburger div{
   position: relative;
}
.fmini .header_hamburger div span{
   display: block;
   width: 24px;
   height: 2px;
   margin: auto;
   background-color: #00a7ab;
   position: absolute;
   left: 0;
   right: 0;
   transition: all 0.3s;
}
.fmini .header_hamburger div span:first-child {
   top: 8px;
}
.fmini .header_hamburger div span:nth-child(2) {
   top: 16px;
}
.fmini .header_hamburger div span:nth-child(3) {
   top: 24px;
}
.fmini .header_hamburger p {
   padding-top: 20px;
   font-weight: 600;
   font-size: 10px;
   text-align: center;
   letter-spacing: 0;
   color: #00a7ac;
}
.fmini .header_hamburger.is-open div span:first-child {
   transform: rotate(45deg);
   top: 16px;
}
.fmini .header_hamburger.is-open div span:nth-child(2) {
   opacity: 0;
}
.fmini .header_hamburger.is-open div span:nth-child(3) {
   transform: rotate(-45deg);
   top: 16px;
}

.fmini .heder_area{
   padding: 0;
   box-shadow: none;
}
.fmini .heder_area .navi_box .navi_innerbox{
   display: block;
}
.fmini #header_cta{
   position: fixed;
   top: inherit;
   bottom: 0;
   right: 0;
   left: 0;
   z-index: 22;
   width: 100%;
}
.fmini .heder_area .navi_box .navi_innerbox .logo_img{
   width: 60%;
   margin: 0 auto;
}
.fmini #header_cta .header_cta_inner{
   height: 55px;
   width: 100%;
}
.fmini #header_cta .header_cta_inner a{
   width: 50%;
   height: 55px;
   transition: none;
   font-size: 15px;
   border: 1px solid #00a7ac;
   box-sizing: border-box;
}
.fmini #header_cta .header_cta_inner a:nth-child(1){
   border: 1px solid #00a7ac;
   margin-right: 0;
   border-radius: 0;
   background: url(../images/ico_download.png) #fff left 20px center no-repeat;
   background-size: 26px;
   padding: 6px 0 5px 27px;
}
.fmini #header_cta .header_cta_inner a:nth-child(2){
   border: 1px solid #00a7ac;
   border-radius: 0;
   background: url(../images/ico_cta_inquiry_w.png) #00a7ac left 20px center no-repeat;
   background-size: 26px;
   padding: 6px 0 5px 27px;
}
body.is-fixed{
   overflow: hidden;
}
.fmini .heder_area .navi_box{
   display: none;
   width: 100%;
   height: calc( 80vh - 105px );
   background-color: #ededed;
   margin: 0 auto;
   padding: 30px 5%;
   position: fixed;
   top: 50px;
   left: 0;
   right: 0;
}
.fmini .heder_area .navi_box ul{
   width: 100%;
   height: auto;
   border: none;
   border-radius: 0;
   background-color: inherit;
   display: block;
}
.fmini .heder_area #header_cta {
   position: relative;
   top: inherit;
   bottom: 0;
}
.fmini .heder_area #header_cta .header_cta_inner {
   width: 100%;
   position: fixed;
   display: flex;
   bottom: 0;
   justify-content: center;
   align-items: center;
   right: inherit;
}


.fmini .heder_area .navi_box ul li{
   font-weight: 500;
   font-size:16px;
}
.fmini .heder_area .navi_box ul li a{
   display: block;
   padding-right: 20px;
   margin: 0;
   padding: 15px 0;
   border-bottom: 1px solid #ccc;
   transition: none;
}
.fmini .heder_area .navi_box ul li:last-child a{
   margin: 0px;
   border-bottom: 0;
}
.fmini .heder_area .navi_box ul li a::after{
   content: "";
   position: absolute;
   top: 0;
   bottom: 0;
   margin: auto;
   right: 10px;
   color: #111;
   transition: none;
}
.fmini .heder_area .navi_box ul li a:hover{
   color: #111;
}
.fmini .heder_area .navi_box ul li a:hover::after{
   color: #111;
}

}



/* ===================================
   フッター　　　　　　　　　　　　　　　　
=================================== */

@media screen and (max-width: 767px){
#footerCredit{
   padding: 15px 0 70px;
}

}


/* ===================================
   00_リード部分
=================================== */
.fmini #anc_lead .lead_box h3{
   font-size: 22px;
   font-weight: 800;
   margin-bottom: 20px;
   border-bottom: 1px solid #111;
}
.fmini #anc_lead p strong{
   font-weight: 400;
   background: linear-gradient(transparent 60%, #cef0f0 40%);
}
.fmini #anc_lead .lead_box .lead_innerbox{
   margin-bottom: 50px;
}
.fmini #anc_lead .lead_box .lead_innerbox:last-child{
   margin-bottom: 0;
}
.fmini #anc_lead .lead_box .lead_innerbox div:first-child{
   float: right;
   width: 50%;
}
.fmini #anc_lead .lead_box .lead_innerbox div:first-child img{
   width: 100%;
}
.fmini #anc_lead .lead_box .lead_innerbox div:last-child{
   float: left;
   width: 48%;
   margin-top: 80px;
}
.fmini #anc_lead .lead_box .lead_innerbox div:last-child p{
   margin-bottom: 30px;
}

@media screen and (max-width: 767px){
.fmini #anc_lead{
   margin-top: 0;
}
.fmini #anc_lead .lead_box h3{
   font-size: 18px;
}
.fmini #anc_lead .lead_box .lead_innerbox{
   margin-bottom: 30px;
}
.fmini #anc_lead .lead_box .lead_innerbox div:first-child{
   float: none;
   width: 100%;
   margin-bottom: 20px;
}
.fmini #anc_lead .lead_box .lead_innerbox div:first-child img{
   width: 100%;
   border-radius: 10px;
}
.fmini #anc_lead .lead_box .lead_innerbox div:last-child{
   float: none;
   width: 100%;
      margin: 0 auto 20px auto;
}

}



/* ===================================
   01_メリット　　　　　　　　　　　　　　
=================================== */
.fmini .merit_box{
   display: flex;
   width: 100%;
   border: 1px solid #00a7ac;
   border-radius: 10px;
   background-color: #ffffff;
   padding: 50px 20px;
}
.fmini .merit_box .merit_innerbox{
   width: 33.3%;
   padding: 0 30px;
   border-right: 1px solid #ddd;
}
.fmini .merit_box .merit_innerbox:last-child{
   border: none;
}
.fmini .merit_box .merit_innerbox h3{
   font-size: 20px;
   font-weight: 800;
   line-height: 1.6;
   width: 100%;
}
.fmini .merit_box .merit_innerbox .img_box img:first-child{
   display: inline-block;
   width: 32px;
   margin-bottom: 6px;
}
.fmini .merit_box .merit_innerbox .img_box .point_ico{
   display: block;
   height: 100px;
   width: auto;
   margin: 10px auto 20px auto;
}
.fmini .merit_box .merit_innerbox p{
   display: inline;
   font-size: 14.5px;
   line-height: 2.0;
   width: 690px;
}
.fmini .merit_box .merit_innerbox:last-child p{
   width: 100%;
}
.fmini .merit_box .merit_innerbox p strong{
   display: inline;
   font-weight: 400;
   background: linear-gradient(transparent 60%, #cef0f0 40%);
}


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

.fmini .merit_box{
   padding: 20px;
   display: block;
}
.fmini .merit_box .merit_innerbox{
   display: block;
   padding: 20px 0;
   border-right: none;
   border-bottom: 1px solid #ddd;
}
.fmini .merit_box .merit_innerbox:first-child{
   padding: 0 0 20px 0;
}
.fmini .merit_box .merit_innerbox:last-child{
   padding: 20px 0 0 0;
   border: none;
}
.fmini .merit_box .merit_innerbox h3{
   font-size: 18px;
   margin-bottom: 10px;
   width: 100%;
}
.fmini .merit_box .merit_innerbox .img_box img:first-child{
   display: inline-block;
   width: 26px;
   margin: 0 5px 0 0;
   padding: 0 0 4px 0;
}
.fmini .merit_box .merit_innerbox p{
   font-size: 14px;
   line-height: 1.8;
   width: 100%;
}

.fmini .merit_box .merit_innerbox{
   width: 80%;
   margin: 0 auto 10px auto;
   padding-bottom: 20px;
}
.fmini .merit_box .merit_innerbox:nth-of-type(3n){
   margin: 0 auto 10px auto;
}
.fmini .merit_box .merit_innerbox:nth-of-type(n+4){
   margin: 0 auto 10px auto;
}
.fmini .merit_box .merit_innerbox:nth-of-type(6){
   margin: 0 auto;
}
.fmini .merit_box .merit_innerbox h3{
   letter-spacing: 0.1em;
   font-size: 16px;
   margin: 10px 0 5px 0;
}
.fmini .merit_box .merit_innerbox ul{
   padding: 0 20px;
}
.fmini .merit_box .merit_innerbox ul li{
   font-size: 14px;
   padding-left: 16px;
   margin-bottom: 0;
}
.fmini .merit_box .merit_innerbox ul li::before {
   content: "";
   width: 8px;
   height: 8px;
   display: block;
   position: absolute;
   left: 0;
   top: 8px;
   line-height: 8px;
   background-color: #00a7ac;
   border-radius: 50%;
}
.fmini .merit_box .merit_innerbox ul li:last-child{
   margin-bottom: 0;
}

}




/* ===================================
   02_機能・性能
=================================== */
.fmini #anc_performance{}
.fmini #anc_performance .performance_box{}
.fmini #anc_performance .performance_box h3{
   font-size: 22px;
   font-weight: 800;
   margin-bottom: 20px;
   border-bottom: 1px solid #111;
}
.fmini #anc_performance .performance_box p{
   margin-bottom: 30px;
}
.fmini #anc_performance .performance_box .performance_innerbox{
   margin-bottom: 50px;
}
.fmini #anc_performance .performance_box .performance_innerbox:last-child{
   margin-bottom: 0;
}
.fmini #anc_performance .performance_box .performance_innerbox div:first-child{
   float: right;
   width: 48%;
}
.fmini #anc_performance .performance_box .performance_innerbox div img{
   width: 100%;
   border-radius: 10px;
}
.fmini #anc_performance .performance_box .performance_innerbox div:last-child{
   float: left;
   width: 48%;
}
.fmini #anc_sperformance .performance_box .performance_innerbox div:last-child p{
   margin-bottom: 30px;
}
.fmini #anc_sperformance .performance_box .performance_innerbox div:last-child dl dt{
   font-weight: 800;
   padding-left: 16px;
   margin-bottom: 3px;
   position: relative;
}
.fmini #anc_performance .performance_box .performance_innerbox div:last-child dl dt::before{
   content: "";
    width: 8px;
    height: 8px;
    display: block;
    position: absolute;
    left: 0;
    top: 9px;
    line-height: 8px;
    background-color: #00a7ac;
    border-radius: 50%;
}
.fmini #anc_performance .sperformance_box .performance_innerbox div:last-child dl dd{
   padding-left:16px;
   font-size: 15px;
   margin-bottom: 20px;
}
.fmini #anc_performance .performance_box .performance_innerbox div:last-child dl dd:last-of-type{
   margin-bottom: 0;
}
/* .fmini #anc_performance .performance_box .img_box div{
   width: 480px !important;
} */
.fmini #anc_performance .performance_box .performance_innerbox .w100{
   width: 100% !important;
}
@media screen and (max-width: 767px){

.fmini #anc_performance .performance_box h3{
   font-size: 18px;
}
.fmini #anc_performance .performance_box .performance_innerbox{
   margin-bottom: 30px;
}
.fmini #anc_performance .performance_box .performance_innerbox div:first-child{
   float: none;
   width: 100%;
   margin-bottom: 20px;
}
.fmini #anc_sperformance .performance_box .performance_innerbox div img{
   width: 100%;
   border-radius: 10px;
}
.fmini #anc_performance .performance_box .performance_innerbox div:last-child{
   float: none;
   width: 100%;
}
.fmini #anc_performance .performance_box .performance_innerbox div:last-child p{
   margin-bottom: 20px;
}
.fmini #anc_performance .performance_box .performance_innerbox div:last-child dl dt{
   padding-left: 14px;
   margin-bottom: 0px;
}
.fmini #anc_performance .performance_box .performanceinnerbox div:last-child dl dt::before{
   top: 8px;
}
.fmini #anc_performance .performance_box .performance_innerbox div:last-child dl dd{
   padding-left:14px;
   font-size: 14px;
   margin-bottom: 10px;
}
.fmini #anc_performance .performance_box .performance_innerbox div:last-child dl dd:last-of-type{
   margin-bottom: 0;
}

}



/* ===================================
   03_対象機種
=================================== */
.fmini #anc_lineup .lineup_box h3{
   font-size: 22px;
   font-weight: 800;
   margin-bottom: 20px;
   border-bottom: 1px solid #111;
}
.fmini #anc_lineup .catalog_box{
   display: flex;
   justify-content: space-around;
   margin-bottom: 30px;
}
.fmini #anc_lineup .catalog_box .model_name{
   text-align: center;
   font-weight: 700;
}

.fmini #anc_lineup .catalog_box .button {
   display: block;
   border: 1px solid #00a7ac;
   border-radius: 35px;
   padding: 10px 7px 9px 40px;
   background: url(../images/ico_download.png) #fff right 30px center no-repeat;
   background-size: 20px;
   transition: all .2s ease-out;
   margin: 15px 0;
}
.fmini #anc_lineup .catalog_box .button:hover{
   background-color: #00a7ac;
   color: #fff;
   background: url(../images/ico_download_w.png) #00a7ac right 30px center no-repeat;
   background-size: 20px;
}
.fmini #anc_lineup .lineup_box h3 + p{
   margin-bottom: 20px;
}
.fmini #anc_lineup .lineup_box .responsiveTable{
   margin-bottom: 40px;
}
.fmini #anc_lineup .lineup_box .responsiveTable:last-child{
   margin-bottom: 0px;
}
.fmini #anc_lineup .lineup_box .responsiveTable table{
   width: 100%;
   background-color: #ffffff;
   border-spacing: 0;
   border-collapse: separate;
   overflow: hidden;
   border: #999 1px solid;
   margin-bottom: 5px;
}
.fmini #anc_lineup .lineup_box .responsiveTable table colgroup col{ width: 120px;}
.fmini #anc_lineup .lineup_box .responsiveTable table colgroup col:nth-of-type(1){ width: 180px;}
.fmini #anc_lineup .lineup_box .responsiveTable table > tbody > tr > th,
.fmini #anc_lineup .lineup_box .responsiveTable table > tbody > tr > td{
   border-bottom: 1px solid #999;
   font-size: 15px;
   text-align: center;
   padding: 5px 0 6px 0;
   line-height: 1.5;
}
.fmini #anc_lineup .lineup_box .responsiveTable table > tbody > tr > th{
	background:#ddd;
   line-height: 1.5;
   padding: 15px 0 13px 0;
   border-left: 1px solid #999;   
}
.fmini #anc_lineup .lineup_box .responsiveTable table > tbody > .background{
   background:#ddd;
}
.fmini #anc_lineup .lineup_box .responsiveTable table > tbody > tr > th:first-child{
   border-left: none;      
}
.fmini #anc_lineup .lineup_box .responsiveTable table > tbody > tr > td{
   border-left: 1px solid #999;
}

.fmini #anc_lineup .lineup_box .responsiveTable table > tbody > tr > td:first-child{
   border-left: none;
   padding: 9px 2px 10px 5px;
}
.fmini #anc_lineup .lineup_box .responsiveTable table .border{
   border-left: 1px solid #999 !important;   
}
.fmini #anc_lineup .lineup_box .responsiveTable .unit{
   text-align: right;
   font-size: 80%;  
}
.fmini #anc_lineup .lineup_box .responsiveTable table > tbody > tr:last-child th,
.fmini #anc_lineup .lineup_box .responsiveTable table > tbody > tr:last-child td{
   border-bottom: none;
}
.fmini #anc_lineup .lineup_box .responsiveTable table > tbody > tr > td a,
.fmini #anc_lineup .lineup_box .responsiveTable table > tbody > tr > .flex_box{
   display: flex;
   justify-content: center;
   align-items: center;
}
.fmini #anc_lineup .lineup_box .responsiveTable table > tbody > tr > td a p{
   color: #00a7ac;
   text-decoration: underline;
   line-height: 1.5;
   font-size: 15px;
   margin-right: 6px;
}
.fmini #anc_lineup .lineup_box .responsiveTable table > tbody > tr > .flex_box p{
   line-height: 1.5;
   font-size: 15px;
   margin-right: 6px;
}
.fmini #anc_lineup .lineup_box .responsiveTable table > tbody > tr > td sup{
   font-size: 70%;
   vertical-align: super;
}
.fmini #anc_lineup .lineup_box .responsiveTable table > tbody > tr > td a:hover p{
   text-decoration: none;
}
.fmini #anc_lineup .lineup_box .responsiveTable table > tbody > tr > td a p img,
.fmini #anc_lineup .lineup_box .responsiveTable table > tbody > tr > td p img{
   display: block;
   max-width: 50px;
   max-height: 52px;
}
.fmini #anc_lineup .lineup_box .responsiveTable table > tbody > tr > td.btn_download{
   padding: 6px 10px;
   width: 160px;
}
.fmini #anc_lineup .lineup_box .responsiveTable table > tbody > tr > td.btn_download a{
   display: block;
   border: 1px solid #00a7ac;
   border-radius: 20px;
   font-weight: 500;
   padding: 5px 20px 4px 0;
   background: url("../images/ico_download.png") #fff right 16px center no-repeat;
   background-size: 16px;
   transition: .15s all ease-out;
}
.fmini #anc_lineup .lineup_box .responsiveTable table > tbody > tr > td.btn_download a:hover{
   background: url("../images/ico_download_w.png") #00a7ac right 16px center no-repeat;
   color: #fff;
   background-size: 16px;
}



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

.fmini #anc_lineup .lineup_box h3{
   font-size: 18px;
}
.fmini #anc_lineup .lineup_box .responsiveTable{
   overflow-x:auto;
   margin-bottom:20px;
   margin-bottom: 30px;
}
.fmini #anc_lineup .lineup_box .responsiveTable table{
   width: 1000px;
   margin-bottom: 8px;
}
/* スクロールバー全体 */
.fmini #anc_lineup .lineup_box .responsiveTable::-webkit-scrollbar{
    height: 0.75em;
    background-color: #eee;
    border-radius: 6px;
    border-radius: 0.6rem;
}
/* スクロールバーのつまみ(可動部分) */
.fmini #anc_lineup .lineup_box .responsiveTable::-webkit-scrollbar-thumb{
    background-color:#ccc;
    border-radius: 6px;
    border-radius: 0.6rem;
}
.fmini #anc_lineup .lineup_box .responsiveTable::-webkit-scrollbar-thumb:hover{
    background-color: #888;
}
.fmini #anc_lineup .lineup_box .responsiveTable table > tbody > tr > th,
.fmini #anc_lineup .lineup_box .responsiveTable table > tbody > tr > td{
   font-size: 14px;
}
.fmini #anc_lineup .lineup_box .responsiveTable table > tbody > tr > th{
   padding: 10px 0;
}
.fmini #anc_lineup .lineup_box .responsiveTable table > tbody > tr > td a p{
   font-size: 14px;
}
.fmini #anc_lineup .lineup_box .responsiveTable table > tbody > tr > td a p img{
   display: block;
   height: 46px;
}
.fmini #anc_lineup .catalog_box{
   display: block;
   justify-content: center;
   margin-bottom: 30px;
}
.fmini #anc_lineup .catalog_box li{
   width: 85%;
   margin: 0px auto 45px auto;
}
.fmini #anc_lineup .catalog_box .button {
   background: url(../images/ico_download.png) #fff right 48px center no-repeat;
   background-size: 21px;
   padding: 12px 28px 9px 48px;
}

}

/* ===================================
   05_抜群のサポート体制
=================================== */
.fmini #anc_support .contents_wrap{
   padding: 80px 0 10px 0;
}
.fmini #anc_support #photo_box{
   position: relative;
   z-index: 3;
}
.fmini #anc_support #photo_box li{
   width: 440px; 
}
.fmini #anc_support #photo_box li img{
   width: 95%;
   border: 3px solid #fff;
   box-sizing: border-box;
   border-radius: 10px;
}
@media screen and (max-width: 767px){
   .fmini #anc_support .contents_wrap{
      padding: 40px 5% 10px;
   }
   .fmini #anc_support #photo_box li{
      width: 220px;
      margin-right: 10px;
   }
}

/* ===================================
   06_CTA
=================================== */
.fmini #anc_cta .contents_wrap{
   padding: 60px 0;
}
.fmini #anc_cta .cta_box{
   display: flex;
   width: 1000px;
   margin: 0 auto;
   justify-content: center;
}
.fmini #anc_cta .cta_box p{
   font-size: 14px;
   text-align: center;
}
.fmini #anc_cta .cta_box div:nth-child(1){
   margin-right: 30px;
}
.fmini #anc_cta .cta_box div a{
   display: block;
   text-align: center;
   transition: all .2s ease-out;
   margin: 0 auto;
}
.fmini #anc_cta .cta_box div a strong{
   font-size: 20px;
}
.fmini #anc_cta .cta_box div:nth-child(1) a{
   background: url(../images/ico_download.png) #fff left 45px center no-repeat;
   background-size: 29px;
   padding: 20px 51px 20px 90px;
   border: 2px solid #00a7ac;
   border-radius: 50px;
}
.fmini #anc_cta .cta_box div:nth-child(2) a{
   background: url(../images/ico_cta_inquiry_w.png) #00a7ac left 52px center no-repeat;
   color: #fff;
   background-size: 32px;
   padding: 20px 0px 20px 22px;
   border: 2px solid #00a7ac;
   border-radius: 50px;
}
.fmini #anc_cta .cta_box div:nth-child(1) a:hover{
   color: #fff;
   background: url(../images/ico_download_w.png) #00a7ac left 45px center no-repeat;
   border: 2px solid #00a7ac;
   background-size: 29px;
}
.fmini #anc_cta .cta_box div:nth-child(2) a:hover{
   color: #00a7ac;
   background: url(../images/ico_cta_inquiry.png) #fff left 52px center no-repeat;
   border: 2px solid #00a7ac;
   background-size: 32px;
}


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

.fmini #anc_cta .contents_wrap{
   padding: 40px 20px;
}
.fmini #anc_cta .contents_wrap > p{
   font-size: 18px;
   letter-spacing: 0.05em;
}
.fmini #anc_cta .contents_wrap > p::before,
.fmini #anc_cta .contents_wrap > p::after{
   content: "";
   height: 18px;
}
.fmini #anc_cta .cta_box{
   display: block;
   width: 100%;
}
.fmini #anc_cta .cta_box a{
   width: 100%;
   display: block;
   padding: 15px 20px 20px 20px;
   border-radius: 10px;
   box-sizing: border-box;
}
.fmini #anc_cta .cta_box a:hover{
   opacity: 1;
}
.fmini #anc_cta .cta_box a:first-child{
   width: 100%;
   margin: 0 0 10px 0;
}
.fmini #anc_cta .cta_box div:nth-child(1){
   margin-right: 0;
   margin-bottom: 20px;
}
.fmini #anc_cta .cta_box div:nth-child(1) a{
   padding: 19px 32px 16px 57px;
   background-size: 26px;
}
.fmini #anc_cta .cta_box a:nth-child(2){
   border-radius: 10px;
}
.fmini #anc_cta .cta_box div:nth-child(2) .a{
   background: url(../images/ico_cta_inquiry_w.png) #00a7ac left 25px center no-repeat;
   padding: 18px 0px 16px 37px;
}

.fmini #anc_cta .cta_box div:nth-child(2) a{
   background: url(../images/ico_cta_inquiry_w.png) #00a7ac left 23px center no-repeat;
   background-size: 27px;
}
.fmini #anc_cta .cta_box div a strong {
   font-size: 17px;
}
.fmini #anc_cta .cta_box a:nth-child(1) strong{
   background: url("../images/ico_online.png") left 7px no-repeat;
   background-size: 35px;
}
.fmini #anc_cta .cta_box a:nth-child(2) strong{
   background: url("../images/ico_inquiry.png") left 7px no-repeat;
   background-size: 30px;
}
.fmini #anc_cta .cta_box a span{
   display: block;
   font-size: 14px;
}

}