@charset "utf-8";

/* ===================================
   リセット・汎用クラス　　　　　　　　　　　　　　　　
=================================== */
body{
  padding: 0;
  margin: 66px 0 0 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: 30px;
}
#page-top {
    bottom: 65px;
}

}



/* ===================================
   ヘッダー　　　　　　　　　　　　　　　　
=================================== */
.fmini .header_hamburger{
   display: none;
}
.fmini #header_cta{
   position: fixed;
   top: 0;
   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;
   height: 65px;
   transition: all .1s ease-out;
   color: #00a7ac;
   font-weight: 700;
   background: url("../images/ico_inquiry.png") #fffd3f left 38px center no-repeat;
   background-size: 28px;
   padding: 7px 0 0 32px;
}
.fmini #header_cta .header_cta_inner a:hover{
   opacity: 0.8;
}
/* .fmini #header_cta .header_cta_inner a:nth-child(1){
   background: url("../images/ico_online.png") #fff left 35px center no-repeat;
   background-size: 32px;
   margin-right: 1px; 
   padding: 17px 0 0 40px;
}
.fmini #header_cta .header_cta_inner a:nth-child(1):hover{
   opacity: 0.8;
}
.fmini #header_cta .header_cta_inner a:nth-child(2){
   background: url("../images/ico_inquiry.png") #fffd3f left 38px center no-repeat;
   background-size: 28px;
   padding: 7px 0 0 32px;
}
.fmini #header_cta .header_cta_inner a:nth-child(2):hover{
   opacity: 0.8;
} */



@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 #header_cta{
   position: fixed;
   top: inherit;
   bottom: 0;
   right: 0;
   left: 0;
   z-index: 22;
   width: 100%;
}
.fmini #header_cta .header_cta_inner{
   height: 55px;
   width: 100%;
}
.fmini #header_cta .header_cta_inner a{
   width: 100%;
   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){
   background: url("../images/ico_online.png") #fff left 20px center no-repeat;
   background-size: 26px;
   margin-right: 0; 
   padding: 14px 0 0 0;
   border-right: 0;
} */
/* .fmini #header_cta .header_cta_inner a:nth-child(1):hover{
   opacity: 1.0;
} */
.fmini #header_cta .header_cta_inner a{
   background: url("../images/ico_inquiry.png") #fffd3f left 50px center no-repeat;
   background-size: 30px;
   padding: 12px 0 0 20px;
   font-size: 1.2em;
}
.fmini #header_cta .header_cta_inner a{
   opacity: 1.0;
}

}

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

/* .fmini #header_cta .header_cta_inner a:nth-child(1){
   background: url("../images/ico_online.png") #fff left 10px center no-repeat;
   background-size: 22px;
   margin-right: 0; 
   padding: 14px 0 0 10px;
   border-right: 0;
} */
.fmini #header_cta .header_cta_inner a{
   background: url("../images/ico_inquiry.png") #fffd3f left 46px center no-repeat;
   background-size: 27px;
   padding: 12px 0 0 24px;
}

}



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

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

}



/* ===================================
   メインビジュアル / ナビゲーション　　　　　　　　　　　　　　　　
=================================== */
.fmini #title_box{
   width: 100%;
   position: relative;
}
.fmini #title_box h1 img{
   display: block;
   width: 100%;   
}
.fmini .navi_box{
   position: relative;
   width: 1100px;
   margin: 0 auto;
   position: sticky;
   top: 111px;
   z-index: 999;
}
.fmini .navi_box .navi_innerbox{
   position: absolute;
   top: -35px;
}
.fmini .navi_box ul{
   width: 1100px;
   height: 70px;
   box-sizing: border-box;
   border: 3px #00a7ac solid;
   border-radius: 40px;
   background-color: #fff;
   display: flex;
   justify-content: center;
   align-items: center;
}
.fmini .navi_box ul li{
   font-weight: 600;
}
.fmini .navi_box ul li a{
   color: #111;
   padding-right: 18px;
   margin-right: 25px;
   position: relative;
   transition: .15s all ease-out;
}
.fmini .navi_box ul li:last-child a{
   margin-right: 0px;
}
.fmini .navi_box ul li a::after{
   content: "";
   position: absolute;
   top: 5px;
   right: 0;
   display: inline-block;
   vertical-align: middle;
   color: #bbb;
   line-height: 1;
   width: 10px;
   height: 10px;
   border: 2px solid currentColor;
   border-radius: 1px;
   border-left: 0;
   border-bottom: 0;
   box-sizing: border-box;
   transform: translateY(-25%) rotate(135deg);   
   transition: .15s all ease-out;
}
.fmini .navi_box ul li a:hover{
   color: #00a7ac;
}
.fmini .navi_box ul li a:hover::after{
   color: #00a7ac;
}



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

body.is-fixed{
   overflow: hidden;
}
.fmini .navi_box{
   display: none;
   width: 100%;
   height: calc( 100vh - 105px );
   background-color: #ededed;
   margin: 0 auto;
   padding: 30px 5%;
   position: fixed;
   top: 50px;
   left: 0;
   right: 0;
}
.fmini .navi_box .navi_innerbox{
   position: relative;
   top: 0;
}
.fmini .navi_box ul{
   width: 100%;
   height: auto;
   border: none;
   border-radius: 0;
   background-color: inherit;
   display: block;
}
.fmini .navi_box ul li{
   font-weight: 500;
   font-size:16px;
}
.fmini .navi_box ul li a{
   display: block;
   padding-right: 20px;
   margin: 0;
   padding: 15px 0;
   border-bottom: 1px solid #ccc;
   transition: none;
}
.fmini .navi_box ul li:last-child a{
   margin: 0px;
   border-bottom: 0;
}
.fmini .navi_box ul li a::after{
   content: "";
   position: absolute;
   top: 0;
   bottom: 0;
   margin: auto;
   right: 10px;
   color: #111;
   transition: none;
}
.fmini .navi_box ul li a:hover{
   color: #111;
}
.fmini .navi_box ul li a:hover::after{
   color: #111;
}

}



/* ===================================
   01_活躍する現場　　　　　　　　　　　　　　　
=================================== */
.fmini #anc_scene{
   width: 100%;
   margin-top: 40px;
}
.fmini .scene_box{
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
}
.fmini .scene_box .scene_innerbox{
   width: 320px;
   border: 1px solid #d3d3d3;
   border-radius: 10px;
   margin: 0 20px 20px 0;
   padding-bottom: 30px;
   position: relative;
}
.fmini .scene_box .scene_innerbox:nth-of-type(3n){
   margin: 0 0 20px 0;
}
.fmini .scene_box .scene_innerbox:nth-of-type(n+4){
   margin: 0 20px 0 0;
}
.fmini .scene_box .scene_innerbox:nth-of-type(6){
   margin: 0;
}
.fmini .scene_box .scene_innerbox::after{
   content: "など";
   position: absolute;
   bottom: 30px;
   right: 20px;
   text-align: right;
   font-size: 14px;
}
.fmini .scene_box .scene_innerbox img{
   display: block;
   width: 100%;
   border-radius: 10px 10px 0 0;
}
.fmini .scene_box .scene_innerbox h3{
   letter-spacing: 0.2em;
   font-size: 18px;
   text-align: center;
   margin: 15px 0;
}
.fmini .scene_box .scene_innerbox ul{
   padding: 0 20px;
}
.fmini .scene_box .scene_innerbox ul li{
   font-size: 14.5px;
   padding-left: 16px;
   margin-bottom: 6px;
   position: relative;
}
.fmini .scene_box .scene_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 .scene_box .scene_innerbox ul li:last-child{
   margin-bottom: 0;
}


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

.fmini .scene_box .scene_innerbox{
   width: 80%;
   margin: 0 auto 10px auto;
   padding-bottom: 20px;
}
.fmini .scene_box .scene_innerbox:nth-of-type(3n){
   margin: 0 auto 10px auto;
}
.fmini .scene_box .scene_innerbox:nth-of-type(n+4){
   margin: 0 auto 10px auto;
}
.fmini .scene_box .scene_innerbox:nth-of-type(6){
   margin: 0 auto;
}
.fmini .scene_box .scene_innerbox::after{
   content: "など";
   position: absolute;
   bottom: 20px;
   right: 20px;
   text-align: right;
   font-size: 14px;
}
.fmini .scene_box .scene_innerbox h3{
   letter-spacing: 0.1em;
   font-size: 16px;
   margin: 10px 0 5px 0;
}
.fmini .scene_box .scene_innerbox ul{
   padding: 0 20px;
}
.fmini .scene_box .scene_innerbox ul li{
   font-size: 14px;
   padding-left: 16px;
   margin-bottom: 0;
}
.fmini .scene_box .scene_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 .scene_box .scene_innerbox ul li:last-child{
   margin-bottom: 0;
}

}



/* ===================================
   02_製品選びのポイント
=================================== */

.fmini #anc_point{
   background-color: #e3f3f3;
}
.fmini .point_box{
   width: 100%;
   border: 1px solid #00a7ac;
   border-radius: 10px;
   background-color: #ffffff;
   padding: 50px;
}
.fmini .point_box .point_innerbox{
   display: flex;
   padding: 40px 0;
   border-bottom: 1px solid #ddd;
}
.fmini .point_box .point_innerbox:first-child{
   padding: 0 0 40px 0;
}
.fmini .point_box .point_innerbox:last-child{
   padding: 40px 0 0 0;
   border: none;
}
.fmini .point_box .point_innerbox h3{
   font-size: 20px;
   font-weight: 800;
   line-height: 1.6;
   width: 210px;
}
.fmini .point_box .point_innerbox h3 img{
   display: block;
   width: 32px;
   margin-bottom: 6px;
}
.fmini .point_box .point_innerbox p{
   font-size: 14.5px;
   line-height: 2.0;
   width: 690px;
}
.fmini .point_box .point_innerbox:last-child p{
   width: 100%;
}
.fmini .point_box .point_innerbox p strong{
   display: inline;
   font-weight: 400;
   background: linear-gradient(transparent 60%, #cef0f0 40%);
}


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

.fmini .point_box{
   padding: 20px;
}
.fmini .point_box .point_innerbox{
   display: block;
   padding: 20px 0;
}
.fmini .point_box .point_innerbox:first-child{
   padding: 0 0 20px 0;
}
.fmini .point_box .point_innerbox:last-child{
   padding: 20px 0 0 0;
   border: none;
}
.fmini .point_box .point_innerbox h3{
   font-size: 18px;
   margin-bottom: 10px;
   width: 100%;
}
.fmini .point_box .point_innerbox h3 img{
   display: inline-block;
   width: 26px;
   margin: 0 5px 0 0;
   padding: 0 0 4px 0;
}
.fmini .point_box .point_innerbox p{
   font-size: 14px;
   line-height: 1.8;
   width: 100%;
}

}


/* ===================================
   03_ラインナップ
=================================== */

.fmini #anc_lineup{}
.fmini #anc_lineup .lineup_box{}
.fmini #anc_lineup .lineup_box h3{
   font-size: 22px;
   font-weight: 800;
   margin-bottom: 20px;
   border-bottom: 1px solid #111;
}
.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: #d3d3d3 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 colgroup col:nth-of-type(2){ width: 170px;}
.fmini #anc_lineup .lineup_box .responsiveTable table colgroup col:nth-of-type(3){ width: 170px;}
.fmini #anc_lineup .lineup_box .responsiveTable table colgroup col:nth-of-type(6){ width: 150px;}
.fmini #anc_lineup .lineup_box .responsiveTable table colgroup col:last-of-type{ width: 90px;}
.fmini #anc_lineup .lineup_box .responsiveTable table > tbody > tr > th,
.fmini #anc_lineup .lineup_box .responsiveTable table > tbody > tr > td{
   border-bottom: 1px solid #d3d3d3;
   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:#f3f3f3;
   line-height: 1.5;
   padding: 15px 0 13px 0;
   border-left: 1px solid #d3d3d3;   
}
.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 #d3d3d3;
}
.fmini #anc_lineup .lineup_box .responsiveTable table > tbody > tr > td:first-child{
   border-left: none;
   padding: 5px 2px 7px 5px;
}
.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{
   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 > td a:hover p{
   text-decoration: none;
}
.fmini #anc_lineup .lineup_box .responsiveTable table > tbody > tr > td a 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;
}

}



/* ===================================
   04_納車までの流れ
=================================== */
.fmini #anc_step{
   background-color: #e3f3f3;
}
.fmini .step_box {}
.fmini ul.step_box {
   display: flex;
   justify-content: center;
   align-items: stretch;
}
.fmini ul.step_box li{
   padding-right: 24px;
   background: url("../images/bg_step_pc.png") right center no-repeat;
   background-size: 25px;
}
.fmini ul.step_box li:last-child{
   padding-right: 0;
}
.fmini ul.step_box li div{
   width: 231px;
   padding: 20px 15px;
   background-color: #fff;
   border: 1px solid #00a7ac;
   border-radius: 10px;
   position: relative;
}
.fmini ul.step_box li div p:nth-child(1){
   color: #00a7ac;
   letter-spacing: 0.1em;
   font-size: 15px;
   position: absolute;
   top: 20px;
   left: 20px;
}
.fmini ul.step_box li div p:nth-child(1) strong{
   font-weight: 900;
}
.fmini ul.step_box li div p:nth-child(2) {
   width: 100%;
   height: 130px;
   position: relative;
}
.fmini ul.step_box li div p:nth-child(2) img{
   display: block;
   width: 85px;
   margin: auto;
   position: absolute;
   top:50%;
   left: 50%;
   transform: translate(-50%,-50%);   
}
.fmini ul.step_box li:first-child div p:nth-child(2) img{
   width: 70px;
}
.fmini ul.step_box li:nth-child(3) div p:nth-child(2) img{
   width: 66px;
}
.fmini ul.step_box li:nth-child(4) div p:nth-child(2) img{
   width: 78px;
}
.fmini ul.step_box li div p:nth-of-type(3){
   font-size: 14px;
   height: 125px;
}


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

.fmini #anc_step .contents_wrap{
   padding: 40px 20px;
}
.fmini ul.step_box {
   display: block;
}
.fmini ul.step_box li{
   padding: 0 0 26px 0;
   background: url("../images/bg_step_sp.png") center bottom no-repeat;
   background-size: 30px;
}
.fmini ul.step_box li:last-child{
   padding: 0;
}
.fmini ul.step_box li div{
   width: 100%;
   padding: 34% 20px 20px 20px;
   padding-top: calc(100px + 8%);
}
.fmini ul.step_box li div p:nth-child(1){
   position: absolute;
   top: 20px;
   left: 20px;
}
.fmini ul.step_box li div p:nth-child(2) {
   width: 100%;
   height: auto;
   position: absolute;
   top: 11.5%;
   left: 0;
}
.fmini ul.step_box li:nth-child(1) div p:nth-child(2) {
   top: 20%;
}
.fmini ul.step_box li div p:nth-child(2) img{
   display: block;
   top: 0;
   left: 0;
   position: relative;
   transform:none;
   width: calc(50px + 10%);
}
.fmini ul.step_box li:first-child div p:nth-child(2) img{
   width: 70px;
   width: calc(50px + 8%);
}
.fmini ul.step_box li:nth-child(3) div p:nth-child(2) img{
   width: 66px;
   width: calc(45px + 6%);
}
.fmini ul.step_box li:nth-child(4) div p:nth-child(2) img{
   width: 78px;
   width: calc(50px + 8%);
}
.fmini ul.step_box li div p:nth-of-type(3){
   font-size: 14px;
   height: auto;
}

}



/* ===================================
   05_アフターサービス
=================================== */

.fmini #anc_service{}
.fmini #anc_service .service_box{}
.fmini #anc_service .service_box h3{
   font-size: 22px;
   font-weight: 800;
   margin-bottom: 20px;
   border-bottom: 1px solid #111;
}
.fmini #anc_service .service_box .service_innerbox{
   margin-bottom: 50px;
}
.fmini #anc_service .service_box .service_innerbox:last-child{
   margin-bottom: 0;
}
.fmini #anc_service .service_box .service_innerbox div:first-child{
   float: right;
   width: 415px;
}
.fmini #anc_service .service_box .service_innerbox div:first-child img{
   width: 100%;
   border-radius: 10px;
}
.fmini #anc_service .service_box .service_innerbox div:last-child{
   float: left;
   width: 545px;
}
.fmini #anc_service .service_box .service_innerbox div:last-child p{
   margin-bottom: 30px;
}
.fmini #anc_service .service_box .service_innerbox div:last-child dl dt{
   font-weight: 800;
   padding-left: 16px;
   margin-bottom: 3px;
   position: relative;
}
.fmini #anc_service .service_box .service_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_service .service_box .service_innerbox div:last-child dl dd{
   padding-left:16px;
   font-size: 15px;
   margin-bottom: 20px;
}
.fmini #anc_service .service_box .service_innerbox div:last-child dl dd:last-of-type{
   margin-bottom: 0;
}


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

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

}



/* ===================================
   06_よくあるご質問
=================================== */

.fmini #anc_faq{
   background-color: #e3f3f3;
}
.fmini #anc_faq .faq_box{}
.fmini #anc_faq .faq_box .faq_innerbox{
   margin-bottom: 10px;
   background-color: #fff;
   border: 1px solid #00a7ac;
   border-radius: 10px;
   padding: 0 40px;
}
.fmini #anc_faq .faq_box .faq_innerbox:last-child{
   margin-bottom: 0;
}
.fmini #anc_faq .faq_box .faq_innerbox dl{}
.fmini #anc_faq .faq_box .faq_innerbox dl dt,
.fmini #anc_faq .faq_box .faq_innerbox dl dd{
   font-size: 15px;
   position: relative;
   padding: 20px 0 20px 35px;
}
.fmini #anc_faq .faq_box .faq_innerbox dl dt::before,
.fmini #anc_faq .faq_box .faq_innerbox dl dd::before{
   color: #00a7ac;
   font-size: 30px;
   font-weight: 500;
   position: absolute;
   line-height: 1;
   left: 0;
   top: 18px;
}
.fmini #anc_faq .faq_box .faq_innerbox dl dt{
   font-weight: 700;
   cursor: pointer;
   background: url("../images/ico_faq_open.png") right center no-repeat;
   background-size: 33px;
}
.fmini #anc_faq .faq_box .faq_innerbox dl dt.active{
   background: url("../images/ico_faq_close.png") right center no-repeat;
   background-size: 33px;
}
.fmini #anc_faq .faq_box .faq_innerbox dl dt::before{
   content: "Q";
}
.fmini #anc_faq .faq_box .faq_innerbox dl dd{
   border-top: 1px solid #00a7ac;
   display: none;
}
.fmini #anc_faq .faq_box .faq_innerbox dl dd::before{
   content: "A";
}
.fmini #anc_faq .faq_box .faq_innerbox dl dd span a{
   position: relative;
   display: block;
   line-height: 1.0;
   padding: 15px 0 0 15px;
   font-weight: 500;
   text-decoration: underline;
}
.fmini #anc_faq .faq_box .faq_innerbox dl dd span a:hover{
   text-decoration: none;   
}
.fmini #anc_faq .faq_box .faq_innerbox dl dd span a::before{
   content: "";
   position: absolute;
   left: 0;
   top: 18px;
   color: #00a7ac;
   width: 0.5em;
   height: 0.5em;
   border: 0.1em solid currentColor;
   border-left: 0;
   border-bottom: 0;
   box-sizing: border-box;
   transform: translateX(-25%) rotate(45deg);
}


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

.fmini #anc_faq .faq_box .faq_innerbox{
   padding: 0 15px;
}
.fmini #anc_faq .faq_box .faq_innerbox dl dt,
.fmini #anc_faq .faq_box .faq_innerbox dl dd{
   font-size: 15px;
   position: relative;
   padding: 15px 26px 15px 22px;
   line-height: 1.6;
}
.fmini #anc_faq .faq_box .faq_innerbox dl dt::before,
.fmini #anc_faq .faq_box .faq_innerbox dl dd::before{
   font-size: 20px;
   position: absolute;
   top: 16px;
}
.fmini #anc_faq .faq_box .faq_innerbox dl dt{
   background: url("../images/ico_faq_open.png") right center no-repeat;
   background-size: 22px;
}
.fmini #anc_faq .faq_box .faq_innerbox dl dt.active{
   background: url("../images/ico_faq_close.png") right center no-repeat;
   background-size: 22px;
}
.fmini #anc_faq .faq_box .faq_innerbox dl dd span a{
   line-height: 1.6;
   padding: 15px 0 0 15px;
   font-weight: 500;
   text-decoration: underline;
}
.fmini #anc_faq .faq_box .faq_innerbox dl dd span a:hover{
   text-decoration: none;   
}
.fmini #anc_faq .faq_box .faq_innerbox dl dd span a::before{
   top: 22px;
}



}


/* ===================================
   07_CTA
=================================== */

.fmini #anc_cta{
   background-color: #00a7ac;
}
.fmini #anc_cta .contents_wrap{
   padding: 60px 0;
}
.fmini #anc_cta .contents_wrap > p{
   color: #fff;
   font-size: 20px;
   text-align: center;
   letter-spacing: 0.1em;
   margin-bottom: 30px;
   display: flex;
   justify-content: center;
   align-items: flex-end;
   line-height: 1;
}
.fmini #anc_cta .contents_wrap > p::before,
.fmini #anc_cta .contents_wrap > p::after{
   content: "";
   width: 2px;
   height: 20px;
   background-color: #fff;
}
.fmini #anc_cta .contents_wrap > p::before{
   margin-right: 0.5em;
   transform: rotate(-30deg);
}
.fmini #anc_cta .contents_wrap > p::after{
   margin-left: 0.5em;
   transform: rotate(30deg);
}
.fmini #anc_cta .cta_box{
   /* display: flex; */
   width: 1000px;
   margin: 0 auto;
   text-align: -webkit-center;
}
.fmini #anc_cta .cta_box a{
   width: 60%;
   display: block;
   padding: 26px 0 32px 0;
   color: #00a7ac;
   line-height: 1.6;
   font-weight: 500;
   text-align: center;
   background: #fff;
   border-radius: 10px 0 0 10px;
   opacity: 1;
   transition: all .2s ease-out;
}
/* .fmini #anc_cta .cta_box a:first-child{
   width: calc(50% - 1px);
   margin-right: 1px;
} */
.fmini #anc_cta .cta_box a{
   background: #fffd3f;
   border-radius: 10px;
}
.fmini #anc_cta .cta_box a:hover{
   opacity: 0.85;
}
.fmini #anc_cta .cta_box a strong{
   display: inline-block;
   font-size: 24px;
   font-weight: 800;
   margin-bottom: 10px;
   padding: 10px 10px 10px 50px;
   line-height: 1.0;
}
/* .fmini #anc_cta .cta_box a:nth-child(1) strong{
   background: url("../images/ico_online.png") left 6px no-repeat;
   background-size: 40px;
} */
.fmini #anc_cta .cta_box a strong{
   background: url("../images/ico_inquiry.png") left 6px no-repeat;
   background-size: 36px;
}
.fmini #anc_cta .cta_box a span{
   display: block;
   font-size: 14px;
}

.sp_only{
   display: none;
}
@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 a:nth-child(2){
   border-radius: 10px;
}
.fmini #anc_cta .cta_box a strong{
   display: inline-block;
   font-size: 20px;
   font-weight: 800;
   margin-bottom: 5px;
   padding: 10px 10px 10px 40px;
   line-height: 1.0;
}
/* .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 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;
}
.pc_only{
   display: none;
}
.sp_only{
   display: inline-block;
}
}