@charset "utf-8";

/* --------------------------------------------------- */
/* common */
/* --------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Poppins:ital,wght@1,700&display=swap');

#imot *,#imot ::after,#imot ::before{-webkit-box-sizing:border-box;box-sizing:border-box}
#imot *{color:#28272b;line-height:1.4;font-size:18px;font-family:"Noto Sans JP",sans-serif;font-weight:400}
#imot ul{list-style:none;padding:0;margin:0}
#imot .en{font-family:Poppins,sans-serif;font-weight:700;font-style:italic}
#imot .color-red{color:#c03;font-weight:700}
#imot .container{max-width:1320px;padding:0 40px;margin:auto}
#imot .common-ttl{color:#302083;font-size:36px;font-weight:700;text-align:center;line-height:1.2;padding-top:40px;position:relative;margin-bottom:40px}
#imot .common-ttl:before{content:"";position:absolute;top:0;left:50%;margin-left:-16px;background:#f5ccd6;width:32px;height:32px;border-radius:100%;-webkit-animation:smallbig ease .75s;animation:smallbig ease .75s}
#imot .common-ttl:after{content:"";position:absolute;top:10px;left:50%;margin-left:-6px;background:#c03;width:12px;height:12px;border-radius:100%}
#imot .caption *{font-size:16px;font-weight:400!important}
#imot .caption>li{padding-left:1.25em;position:relative}
#imot .caption>li:before{content:"※";position:absolute;top:0;left:0}
#imot .caption>li+li{margin-top:.9em}
#imot .caption.no-mark>li{padding-left:0}
#imot .caption.no-mark>li:before{content:none}


@media (max-width:750px){
#imot{font-size:2.13333vw}
}
@media (min-width:751px) and (max-width:1600px){
#imot{font-size:1vw}
}
/* --------------------------------------------------- */
/* ContactUsButtonHQJp */
/* --------------------------------------------------- */
.ContactUsButtonHQJp a{line-height:1;text-align:center;transition:.2s;padding-right:25px;}
.ContactUsButtonHQJp a::after{margin-left:0;position:absolute;top:50%;right:20px;margin-top:-4px;}
.ContactUsButtonHQJp a:hover{opacity:0.7;}
.ContactUsButtonHQJp a:hover::after{}
.ContactUsButtonHQJp .js-contact_bt_1{bottom:115px;}
.ContactUsButtonHQJp .js-contact_bt_2{bottom:65px;}
.ContactUsButtonHQJp .js-contact_bt_3{bottom:15px;}
.ContactUsButtonHQJp .js-contact_bt_3 a{letter-spacing:0.05em;}

/* --------------------------------------------------- */
/* #block-mv */
/* --------------------------------------------------- */
#imot #block-mv{text-align:center;background:url(/content/dam/nttcom/hq/jp/business/lp/imot/img/main_bg2.jpg) center/100% auto no-repeat;height:420px;position:relative}
#imot #block-mv .ttl-wrapper{position:absolute;top:-50px;left:50%;margin-left:-260px;width:520px;height:520px;background:url(/content/dam/nttcom/hq/jp/business/lp/imot/img/mv_ttl_bg2.png) center/100% auto no-repeat;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:2%;}
#imot #block-mv .ttl-wrapper .sub-ttl{width: 71.667%;}
#imot #block-mv .ttl-wrapper .ttl{width: 71.667%;margin-top:5px;padding-left:3%;}
#imot #block-mv .ttl-wrapper .ttl img,#imot #block-mv .ttl-wrapper .sub-ttl img{max-width:100%;height: auto}

/* --------------------------------------------------- */
/* #block-feature */
/* --------------------------------------------------- */
#imot #block-feature{padding:80px 0}
#imot #block-feature .feature-list{display:flex;justify-content:space-between}
#imot #block-feature .feature-list li{width:22.58%;text-align:center;position:relative}
#imot #block-feature .feature-list li:nth-of-type(2n){margin-top:50px}
#imot #block-feature .feature-list .num{width:80px;height:80px;background:#302083;border-radius:100%;position:relative;position:absolute;top:0;left:0;z-index:1}
#imot #block-feature .feature-list .num:after{content:"";display:block;background:#302083;height:calc(tan(60deg)* 20px / 2);width:18px;clip-path:polygon(50% 0,100% 100%,0 100%);transform:rotate(135deg);position:absolute;bottom:0;right:0}
#imot #block-feature .feature-list .num span{color:#fff;font-size:40px;line-height:80px}
#imot #block-feature .feature-list li .img{background:url(/content/dam/nttcom/hq/jp/business/lp/imot/img/feature_base.png) center bottom/100% auto no-repeat;width:calc(100% - 40px);height:0;padding-bottom:105%;margin:0 auto 20px;position:relative}
#imot #block-feature .feature-list li .img img{width:100%;height: auto}
#imot #block-feature .feature-list li .ttl span{border-bottom:solid 3px #c03;font-size:30px}
#imot #block-feature .feature-list li .ttl{margin-bottom:20px}
#imot #block-feature .feature-list li .img>*{position:absolute;bottom:0}
#imot #block-feature .feature-list li .img .img_1{z-index:2}
#imot #block-feature .feature-list li .img .img_2{z-index:1}
#imot #block-feature .feature-list li:first-of-type .img .img_1{left:18%;bottom:7%;width: 50%;}
#imot #block-feature .feature-list li:first-of-type .img .img_2 {bottom: 10%;right: 3%;width: 46%;}
#imot #block-feature .feature-list li:nth-of-type(2) .img .img_1{right:13%;bottom:2%;width: 61%;}
#imot #block-feature .feature-list li:nth-of-type(2) .img .img_2{left:6%;bottom:10%;width: 94%;}
#imot #block-feature .feature-list li:nth-of-type(3) .img .img_1{right:7%;bottom:5%;width: 61%;}
#imot #block-feature .feature-list li:nth-of-type(3) .img .img_2{left:0;bottom:22%;width: 50%;}
#imot #block-feature .feature-list li:nth-of-type(4) .img .img_1{left:34%;bottom:7%;width: 66%;}
#imot #block-feature .feature-list li:nth-of-type(4) .img .img_2{left:-5%;bottom:16%;width: 106%;}

/* --------------------------------------------------- */
/* #block-plan */
/* --------------------------------------------------- */
#imot #block-plan{position:relative;padding-bottom:40px}
#imot #block-plan:after,#imot #block-plan:before{content:"";position:absolute;left:50%;transform:translateX(-50%);z-index:-1}
#imot #block-plan:before{bottom:0;width:100%;height:60%;background:#f3f5ff}
#imot #block-plan:after{bottom:-50px;height:calc(tan(60deg)* 60px / 2);width:300px;clip-path:polygon(0 0,100% 0,50% 100%);background:#f3f5ff}
#imot #block-plan .plan-list{max-width:1140px;margin:auto;display:flex;justify-content:space-between;position:relative;z-index:1}
#imot #block-plan .plan-list *{font-weight:700}
#imot #block-plan .plan-list>li{width:47.36%}
#imot #block-plan .plan-list .plan-table{box-shadow:3px 3px 12px 0 rgba(40,39,43,.22);border-radius:10px;overflow:hidden;background:#fff}
#imot #block-plan .plan-list .plan-table .ttl{background:#c03;padding:10px 20px;text-align:center;font-size:36px;font-weight:700;color:#fff}
#imot #block-plan .plan-list .plan-table.mini .ttl{background:#302083}
#imot #block-plan .plan-list .plan-table .table-inner{padding:20px}
#imot #block-plan .plan-list .plan-table .table-inner>.price{padding:30px;background:#fcf2f5;border:solid 1px #de8a9f;border-radius:6px;font-weight:700;text-align:center;font-feature-settings:'palt'}
#imot #block-plan .plan-list .plan-table.mini .table-inner>.price{background:#f4f4f9;border:solid 1px #897fbb}
#imot #block-plan .plan-list .plan-table .table-inner>.price dd small{font-size:18px}
#imot #block-plan .plan-list .plan-table .table-inner>.price dd{font-size:24px}
#imot #block-plan .plan-list .plan-table .table-inner>.price strong{font-size:56px;line-height:1}
#imot #block-plan .plan-list .plan-table .fukidashi{width:90px;height:90px;background:url(/content/dam/nttcom/hq/jp/business/lp/imot/img/fukidashi.png) center bottom/100% auto no-repeat;display:flex;align-items:center;justify-content:center;padding-right:10px;text-align:center;margin-right:10px}
#imot #block-plan .plan-list .plan-table .fukidashi span{line-height:1.1;margin-top:10px}
#imot #block-plan .plan-list .plan-table .fukidashi+.price{font-size:24px}
#imot #block-plan .plan-list .plan-table .fukidashi+.price small{font-size:18px}
#imot #block-plan .plan-list .plan-table .fukidashi+.price strong{font-size:36px}
#imot #block-plan .plan-list .plan-table .table-inner .txt-over{display:flex;justify-content:center;align-items:center}
#imot #block-plan .caption{margin-top:20px}
#imot #block-plan .plan-bg{position:absolute;pointer-events:none;}
#imot #block-plan .plan-bg.bg-r{top:0;right:0;}
#imot #block-plan .plan-bg.bg-l{bottom:-70px;left:0;}

#imot #block-plan .plan-list2{position:relative;z-index:5;display:flex;gap:20px;}
#imot #block-plan .plan-list2 > li{flex:1;display:flex;flex-direction:column;}
#imot #block-plan .plan-list2 .plan-table{border-radius:10px;background:#fff;box-shadow:0 1px 10px rgba(0,0,0,0.3);text-align:center;height:100%;flex:1;}
#imot #block-plan .plan-list2 .table-inner{padding:20px;}
#imot #block-plan .plan-list2 .ttl{font-size:40px;font-weight:bold;background:#302083;color:#fff;border-radius:10px 10px 0 0;height:130px;display:flex;align-items:center;justify-content:center;flex-direction:column;letter-spacing:0.05em;line-height:1.2;}
#imot #block-plan .plan-list2 .ttl small{color:#fff;font-size:22px;font-weight:bold;}
#imot #block-plan .plan-list2 .sub-ttl{font-size:22px;font-weight:bold;letter-spacing:0.05em;margin-bottom:20px;}
#imot #block-plan .plan-list2 .price-box{width:90%;padding:10px 30px 20px;background:#302083;border-radius:5px;color:#fff;font-weight:bold;font-size:30px;text-align:right;position:relative;box-shadow:3px 3px 4px rgba(0,0,0,0.2);}
#imot #block-plan .plan-list2 .price-box .fukidashi{position:absolute;left:0;top:50%;width:110px;height:70px;margin-top:-35px;background:#fef743;z-index:2;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;}
#imot #block-plan .plan-list2 .price-box .fukidashi span{font-weight:bold;font-size:22px;line-height:1.2;letter-spacing:0.05em;white-space:nowrap;}
#imot #block-plan .plan-list2 .price{color:#fff;font-weight:bold;font-size:30px;}
#imot #block-plan .plan-list2 .price small{color:#fff;display:block;font-size:18px;font-weight:bold;}
#imot #block-plan .plan-list2 .price strong{font-weight:bold;color:#fff;font-size:46px;}
#imot #block-plan .plan-list2 .price01{margin-left:10%;margin-bottom:-10px;position:relative;z-index:3;}
#imot #block-plan .plan-list2 .price02{margin-right:10%;}
#imot #block-plan .plan-list2 .note{text-align:left;font-size:16px;margin-top:30px;margin-bottom:20px;}
#imot #block-plan .plan-list2 .table-bottom{background:#fffeec;border-radius:0 0 10px 10px;padding:20px;}
#imot #block-plan .plan-list2 .table-bottom p{font-weight:bold;font-size:20px;color:#cb0133;margin-bottom:15px;letter-spacing:0.05em;}
#imot #block-plan .plan-list2 .table-bottom p sup{color:#cb0133;vertical-align: super;font-size:70%;}
#imot #block-plan .plan-list2 a{position:relative;padding: 15px 40px 20px;font-size: 22px;font-weight: bold;color: #fff;display: block;width: 100%;border-radius: 150px;margin: auto;background: #cb0133;background: linear-gradient(0deg, rgba(173, 1, 43, 1) 0%, rgba(203, 1, 51, 1) 50%);letter-spacing:0.05em;transition: .3s;}
#imot #block-plan .plan-list2 a::after{border-right: 0.13em solid #fff;border-top: 0.13em solid #fff;content: "";display: block;height: 0.5em;margin-left: 1rem;-webkit-transform: rotate(45deg) translateY(-2px);transform: rotate(45deg) translateY(-2px);width: 0.5em;position:absolute;top:50%;right:25px;margin-top:-4px;}
#imot #block-plan .plan-list2 a:hover{opacity:0.7;}
#imot #block-plan .plan-list2 .imot .ttl,
#imot #block-plan .plan-list2 .imot .price-box{background:#7f64ee;}
#imot #block-plan .plan-list2 .imot .price-box .fukidashi span{color:#7f64ee;}
#imot #block-plan .plan-list2 .plan-pop{margin-bottom:25px;}
#imot #block-plan .plan-list2 .plan-pop span{padding:15px;background:#e5e0fc;border-radius:150px;text-align:center;font-weight:bold;font-size:20px;color:#302083;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;}
#imot #block-plan .plan-list2 .plan-pop span::after{content:"";display:block;width: 0;height: 0;border-style: solid;border-width: 17.3px 10px 0px 10px;border-color: #e5e0fc transparent transparent transparent;position:absolute;top:100%;left:50%;margin-left:-10px;}
#imot #block-plan .plan-list2 .plan-pop span .v-sp{display:none;}
#imot #block-plan .plan-list2 .plan-pop.pop02 span{position:absolute;left:0;top:0;width:calc(200% + 20px);height:100%;}
#imot #block-plan .plan-list2 .plan-pop.pop02 span::before{content:"";display:block;width: 0;height: 0;border-style: solid;border-width: 17.3px 10px 0px 10px;border-color: #e5e0fc transparent transparent transparent;position:absolute;top:100%;margin-left:-10px;left:25%;}
#imot #block-plan .plan-list2 .plan-pop.pop02 span::after{right:23%;left:auto;}
#imot #block-plan .plan-list2 .plan-pop.hide span{visibility:hidden;}
#imot #block-plan .notion{text-align:center;margin-top:40px;font-size:16px;}
#imot #block-plan .notion span{color:#cb0133;}

/* --------------------------------------------------- */
/* #block-graph */
/* --------------------------------------------------- */
#imot #block-graph{padding-top:80px}
#imot #block-graph .ttl{font-size:36px;font-weight:700;text-align:center;color:#c03;border-bottom:solid 4px #c03;padding-bottom:5px}
#imot #block-graph .ttl.mini{color:#302083;border-bottom:solid 4px #302083}
#imot #block-graph .graph-list{display:flex;justify-content:space-between}
#imot #block-graph .graph-list li{width:47.58%}
#imot #block-graph .caption-box{border:solid 1px #bcbcbc;border-radius:10px;padding:30px 20px;margin-top:80px}
#imot #block-graph .caption-box .caption{max-width:1000px;margin:auto}
#imot #block-graph .graph-list li figure{width:100%}
#imot #block-graph .graph-list li figure img{width:100%;height: auto}
#imot #block-graph .foma-figure{padding: 80px 0}
#imot #block-graph .foma-figure figure {width: 100%;text-align: center;margin-bottom: 20px;margin-top:40px;}
#imot #block-graph .foma-figure figure img{width: 100%; height: auto;max-width: 700px;}
#imot #block-graph .caution-box{max-width:780px;width:100%;margin:0 auto 50px;border:5px solid #cc023a;border-radius:5px;background:#fffeec;padding:25px 100px;position:relative;}
#imot #block-graph .caution-box::before,
#imot #block-graph .caution-box::after{content:"";display:block;width:56px;height:50px;background:url(/content/dam/nttcom/hq/jp/business/lp/imot/img/alert.png) no-repeat;background-size:contain;position:absolute;top:50%;margin-top:-25px;}
#imot #block-graph .caution-box::before{left:30px;}
#imot #block-graph .caution-box::after{right:30px;}
#imot #block-graph .caution-box p{font-weight:bold;font-size:24px;text-align:center;line-height:1.1;}
#imot #block-graph .caution-box p > span{font-weight:bold;color:#cc023a;}
#imot #block-graph .caution-box p > span > span{font-weight:bold;color:#cc023a;font-size:36px;}
#imot #block-graph .caption.no-mark {margin-top: 40px;}
#imot #block-graph .download-btn{background:#f2effd;text-align:center;padding:50px 0;}
#imot #block-graph .download-btn a{padding:25px 20px 30px;font-size:30px;font-weight:bold;color:#fff;display:block;max-width:850px;width:100%;border-radius:150px;margin:auto;background:#cb0133;background: linear-gradient(0deg, rgba(173,1,43,1) 0%, rgba(203,1,51,1) 50%);box-shadow:5px 5px 20px rgba(0,0,0,0.18);transition:.3s;}
#imot #block-graph .download-btn a::before{content:"";display:inline-block;width:72px;height:60px;background:url(/content/dam/nttcom/hq/jp/business/lp/imot/img/download_btn.png) no-repeat;background-size:contain;margin-right:25px;vertical-align:-15px;}
#imot #block-graph .download-btn a:hover{opacity:0.7;}

/* --------------------------------------------------- */
/* #block-link */
/* --------------------------------------------------- */
#imot #block-link{padding:80px 0}
#imot #block-link .btn{text-align:center}
#imot #block-link .btn a{display:block;max-width:700px;margin:auto;border:solid 1px #ccd3f5;border-radius:6px;padding:20px;text-decoration:none;font-weight:700;padding-right:40px;position:relative;transition:.3s}
#imot #block-link .btn a:after{content:"";width:10px;height:10px;border-top:solid 2px #c03;border-right:solid 2px #c03;position:absolute;right:30px;top:50%;transform:rotate(45deg) translateY(-50%);transition:.3s}
#imot #block-link .btn a:hover{opacity:.7;text-decoration:underline}
#imot #block-link .btn a:hover:after{right:25px}
#imot #block-link .banner{text-align:center;margin-top:90px;}
#imot #block-link .banner a img{transition:.3s;}
#imot #block-link .banner .v-sp{display:none;}

/* --------------------------------------------------- */
/* #block-cta */
/* --------------------------------------------------- */
#imot #block-cta{padding:80px 0;background:url(/content/dam/nttcom/hq/jp/business/lp/imot/img/main_bg2.jpg) center/100% auto no-repeat}
#imot #block-cta a{display:block;text-decoration:none}
#imot #block-cta a:hover .bnr-inner .shop span{opacity:.7}
#imot #block-cta .bnr-inner{max-width:1000px;margin:auto;background:#c03;display:flex;align-items:center;justify-content:space-between;padding:40px}
#imot #block-cta .bnr-inner .txt{width:calc(100% - 500px);display:flex}
#imot #block-cta .bnr-inner .txt .ttl{font-size:36px;text-decoration:none;color:#fff;font-weight:700;line-height:1.2;padding-left:20px}
#imot #block-cta .bnr-inner .shop{width:500px}
#imot #block-cta .bnr-inner .shop span{background:#fff;display:inline-block;border-radius:3px;padding:20px;line-height:1;transition:.3s}
#imot #block-cta .bnr-inner .shop img {max-width: 100%;height: auto;}


/* ============================================================================================== */
/* Tablet */
/* ============================================================================================== */
@media screen and (max-width:1240px) and (min-width:769px){
#imot #block-mv .ttl-wrapper{top:10px;margin-left:-210px;width:420px;height:420px}
#imot #block-mv .ttl-wrapper .sub-ttl{max-width:60%;}
#imot #block-mv .ttl-wrapper .ttl{max-width:65%;}

#imot #block-feature{padding:60px 0 80px}
#imot #block-feature .feature-list .num{width:60px;height:60px;top:10px;position:relative}
#imot #block-feature .feature-list .num span{font-size:30px;line-height:60px}
#imot #block-feature .feature-list li .img{width:100%}
#imot #block-feature .feature-list li .ttl span{font-size:21px}
#imot #block-plan .plan-list .plan-table .fukidashi+.price strong{font-size:32px}
}

@media screen and (max-width:1080px){
#imot #block-plan .plan-bg.bg-r{width:30%}
#imot #block-plan .plan-bg.bg-l{width:45%}
#imot #block-plan .plan-bg.bg-l img,#imot #block-plan .plan-bg.bg-r img{width:100%;height:auto}
#imot #block-cta{padding:40px 0}
#imot #block-cta .bnr-inner{max-width:720px;display:block;padding:30px}
#imot #block-cta .bnr-inner .txt{width:100%;justify-content:center}
#imot #block-cta .bnr-inner .shop{width:100%;text-align:center;margin-top:10px}
}

@media screen and (max-width:1024px){
    #imot #block-plan:before{height:80%}
    #imot #block-plan .plan-list2{display:block;max-width:400px;margin:auto;}
    #imot #block-plan .plan-list2 > li{display:block;}
    #imot #block-plan .plan-list2 > li + li{margin-top:30px;}
    #imot #block-plan .plan-list2 .ttl{font-size:32px;height:100px;}
    #imot #block-plan .plan-list2 .ttl small{font-size:18px;}
    #imot #block-plan .plan-list2 .sub-ttl{font-size:20px;margin-bottom:15px;}
    #imot #block-plan .plan-list2 .price-box{padding:10px 20px 15px;}
    #imot #block-plan .plan-list2 .price-box .fukidashi{width:90px;height:60px;margin-top:-30px;}
    #imot #block-plan .plan-list2 .price-box .fukidashi span{font-size:18px;}
    #imot #block-plan .plan-list2 .price{font-size:20px;}
    #imot #block-plan .plan-list2 .price small{font-size:14px;}
    #imot #block-plan .plan-list2 .price strong{font-size:36px;}
    #imot #block-plan .plan-list2 .note{margin-top:20px;margin-bottom:10px;}
    #imot #block-plan .plan-list2 .table-bottom p{font-size:18px;}
    #imot #block-plan .plan-list2 .plan-pop{margin-bottom:25px;}
    #imot #block-plan .plan-list2 .plan-pop span{padding:15px;font-size:18px;}
    #imot #block-plan .plan-list2 .plan-pop span .v-sp{display:block;}
    #imot #block-plan .plan-list2 .plan-pop.pop02 span{position:static;width:100%;}
    #imot #block-plan .plan-list2 .plan-pop.pop02 span::before{display:none;}
    #imot #block-plan .plan-list2 .plan-pop.pop02 span::after{right:auto;left:50%;}
    #imot #block-plan .plan-list2 .plan-pop.hide span{visibility:visible;}
    #imot #block-plan .notion{margin-top:30px;font-size:14px;}
}

/* ============================================================================================== */
/* SP */
/* ============================================================================================== */
@media screen and (max-width:768px){
#imot *{font-size:16px;letter-spacing:.05em;font-feature-settings:'palt'}
#imot .container{padding:0 20px}
#imot .common-ttl{font-size:28px;margin-bottom:30px}
#imot .caption *{font-size:14px}
#imot .sp-none{display:none}
#imot #block-mv{height:200px;background-size:cover;margin-bottom:120px;}
#imot #block-mv .ttl-wrapper{top:0;left:50%;margin-left:-210px;margin-top:-40px;width:420px;height:420px;}
#imot #block-feature{padding:20px 0 40px}
#imot #block-feature .feature-list{flex-wrap:wrap}
#imot #block-feature .feature-list li{width:44%}
#imot #block-feature .feature-list li:nth-of-type(2n){margin-left:12%}
#imot #block-feature .feature-list .num{width:50px;height:50px;position:relative;top:10px}
#imot #block-feature .feature-list .num span{font-size:26px;line-height:50px}
#imot #block-feature .feature-list li .ttl span{font-size:22px}
#imot #block-feature .feature-list li .img{width:100%;margin:0 auto 5px}
#imot #block-plan:after{bottom:-30px;height:calc(tan(60deg)* 40px / 2)}
#imot #block-plan .plan-list{display:block}
#imot #block-plan .plan-list>li{width:100%}
#imot #block-plan .plan-list>li+li{margin-top:20px}
#imot #block-plan .plan-list .plan-table .ttl{padding:8px 20px;font-size:24px}
#imot #block-plan .plan-list .plan-table .table-inner>.price strong{font-size:42px}
#imot #block-plan .plan-list .plan-table .table-inner>.price{padding:20px}
#imot #block-plan .plan-list .plan-table .fukidashi+.price strong{font-size:28px}
#imot #block-plan .plan-bg.bg-r{width:60%;top:16%}
#imot #block-plan .plan-bg.bg-l{width:65%;bottom:10px}

#imot #block-graph{padding-top:60px}
#imot #block-graph .graph-list{display:block}
#imot #block-graph .graph-list li{width:100%}
#imot #block-graph .graph-list li+li{margin-top:20px}
#imot #block-graph .ttl{font-size:24px;border-bottom:solid 2px #c03}
#imot #block-graph .ttl.mini{border-bottom:solid 2px #302083}
#imot #block-graph .caption-box{border-radius:6px;padding:20px;margin-top:40px;}
#imot #block-graph .foma-figure{padding: 60px 0}
#imot #block-graph .download-btn{padding:30px 0;}
#imot #block-graph .download-btn a{padding:15px 15px 25px;font-size:20px;}
#imot #block-graph .download-btn a::before{display:block;width:36px;height:30px;margin:0 auto 10px;}

#imot #block-graph .caution-box{margin:0 auto 30px;border-width:3px;padding:20px 15px 25px;}
#imot #block-graph .caution-box::before{position:static;margin:0 auto 15px;}
#imot #block-graph .caution-box::after{display:none;}
#imot #block-graph .caution-box p{font-size:20px;}
#imot #block-graph .caution-box p br{display:none;}
#imot #block-graph .caution-box p > span > span{font-size:28px;}

#imot #block-link{padding:60px 0}
#imot #block-link .banner{margin-top:30px;}
#imot #block-link .banner .v-pc{display:none;}
#imot #block-link .banner .v-sp{display:block;}
#imot #block-cta{background-size:cover;padding-bottom:180px;}
#imot #block-cta .bnr-inner .txt{display:block;text-align:center}
#imot #block-cta .bnr-inner .txt figure img{width:50px;height:50px}
#imot #block-cta .bnr-inner .txt .ttl{font-size:24px;padding-left:0}
#imot #block-cta .bnr-inner .shop span{padding:15px 10px}
#imot #block-cta .bnr-inner{padding:10px 20px 20px}
}
@media screen and (max-width:619px){
    #imot #block-mv{margin-bottom:30px;}
    #imot #block-mv .ttl-wrapper{margin-left:-150px;margin-top:-30px;width:300px;height:300px;}
}

/* --------------------------------------------------- */
/* animation */
/* --------------------------------------------------- */
.wow.animated{opacity: 0}
.animated.slide-left{-webkit-animation:slideLeft ease .75s;animation:slideLeft ease .75s}
.animated.slide-up{-webkit-animation:slideUp ease .75s;animation:slideUp ease .75s}
.animated.slide-right{-webkit-animation:slideRight ease .75s;animation:slideRight ease .75s}
.animated.smallbig{-webkit-animation:smallbig ease .75s;animation:smallbig ease .75s}
@-webkit-keyframes smallbig{
0%{-webkit-transform:scale(.75);transform:scale(.75);opacity:0}
100%{-webkit-transform:scale(1);transform:scale(1);opacity: 1}
}
@keyframes smallbig{
0%{-webkit-transform:scale(.75);transform:scale(.75);opacity:0}
100%{-webkit-transform:scale(1);transform:scale(1);opacity: 1}
}
@-webkit-keyframes slideUp{
0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}
100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}
@keyframes slideUp{
0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}
100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}
@-webkit-keyframes slideLeft{
0%{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}
100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
}
@keyframes slideLeft{
0%{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}
100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
}
@-webkit-keyframes slideRight{
0%{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}
100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
}
@keyframes slideRight{
0%{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}
100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
}


/* --------------------------------
ショップ限定
モーダル
 --------------------------------*/
 body::before{content:"";display:block;width:100%;height:100%;background:rgba(0,0,0,0.7);position:fixed;top:0;left:0;z-index:1000;opacity:0;pointer-events:none;transition:.3s;}
 body.overlay::before{opacity:1;pointer-events:all;}

 #modal_content{font-size:16px;line-height:1.5;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1001;pointer-events:none;opacity:0;transition:.3s;}
 #modal_content.show{opacity:1;pointer-events:all;}

 #modal_content .modal_content_wrap{width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
 #modal_content .modal_content_inner{padding:50px 30px 30px;background:#fff;max-width:1000px;width:95%;max-height:95%;overflow-y:auto;position:relative;}
 #modal_content .modal_content_close{font-size: 30px;font-weight: bold;position: absolute;top: 15px;right: 15px;line-height: 1;cursor:pointer;}

 .charge_outer_wrap{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
 .charge_outer_wrap > div{width:calc((100% - 40px) / 3);border: 1px solid #CCC;border-radius:10px;}
 .charge_inner_wrap{padding:20px;}
 @media screen and (max-width: 768px) {
     #modal_content{padding:50px 20px 20px;font-size:16px;line-height:1.5;}
     .charge_outer_wrap > div{width:100%;margin-bottom:20px;}
     .charge_outer_wrap > div:last-child{margin-bottom:0;}
 }
 
 .charge_ttl{text-align:center;background-color:#C03;padding:15px;border-radius: 10px 10px 0 0;margin:0;}
 .charge_ttl p{color:#FFF;font-size:14px;font-weight:bold;line-height:1.4;text-align:center;margin:0;}
 .charge_ttl h3{color:#FFF;font-size:24px;font-weight:bold;line-height:1.4;text-align:center;margin:0;}
 .charge_item {font-size:14px;font-weight: bold;line-height: 1.4;text-align:center;background-color: #EEE;padding: 7px 10px;margin:20px 0 10px;}
 .charge_plan{font-size:16px;font-weight:bold;line-height:1.4;text-align:center;margin:0;}
 .charge_price{font-size:24px;font-weight:bold;line-height:1.4;text-align:center;border-bottom:1px solid #CCC;padding-bottom:10px;margin:0 0 10px;}
 .charge_price span{font-size:14px;font-weight:bold;}
 .charge_detail{font-size:14px;line-height:1.4;text-align:center;margin:0;}
 
 /* -----------------------------
 ボタン
 ----------------------------- */
 .orderBtn {text-align:center;}
 .orderBtn a {position: relative;background: #cc023a;border-radius: 10px;border: 2px solid #000;-webkit-box-shadow: rgba(0, 0, 0, 0.16) 3px 3px 10px !important;box-shadow: rgba(0, 0, 0, 0.16) 3px 3px 10px !important;color: #fff;display: inline-block;font-size: 16px;font-size: 1rem;font-weight: bold;letter-spacing: 0.15em;min-width: 200px;padding: 12px 25px 12px 15px;text-align: center;text-decoration: none;transition-duration: 1s;}
 .orderBtn a::after {border-right: 0.13em solid #fff;border-top: 0.13em solid #fff;content: "";display: inline-block;height: 0.5em;margin-left: 1rem;-webkit-transform: rotate(45deg) translateY(-2px);transform: rotate(45deg) translateY(-2px);width: 0.5em;position: absolute;top: 18px;right: 20px;transition: all 0.5s ease;}
 .orderBtn--yellow a {background: #ffd601;color: #000 !important;}
 .orderBtn--yellow a::after {border-top: 0.13em solid #000;border-right: 0.13em solid #000;}
 /* --------------------------------
 ボタン部分の不都合を調整
  --------------------------------*/
 .orderBtn a {font-size: 16px; line-height:1.0;}
 .orderBtn a::after {top: 16px;}

 /* --------------------------------
 大ボタン　お問い合わせ・ご相談はこちら
  --------------------------------*/
#imot .pc-none{display:none}
@media screen and (max-width: 480px) {
	#imot .pc-none{display:block}
}

.large_btn_wrap{
	width:100%;
	max-width:620px;
	margin:0 auto 80px;
}
.large_btn_wrap a {
	position: relative;
	padding: 15px 40px 20px;
	display: block;
	width: 100%;
	border-radius: 150px;
	margin: auto;
	background: #cb0133;
	background: linear-gradient(0deg, rgba(173, 1, 43, 1) 0%, rgba(203, 1, 51, 1) 50%);
	letter-spacing: 0.05em;
	transition: .3s;
}
.large_btn_wrap a:hover {
	opacity: 0.7;
	transition: .3s;
}
.large_btn_wrap a span {
	display: block;
	font-size: 32px !important;
	font-weight: bold !important;
	color: #fff !important;
	text-align: center;
	padding-left: 60px;
	margin: 0 auto;
	width: fit-content;
}
.large_btn_wrap a span::before {
	position: absolute;
	content: "";
	display: block;
	width: 50px;/*画像の幅*/
	height: 40px;/*画像の高さ*/
	background-image: url(/content/dam/nttcom/hq/jp/business/lp/imot/img/202512/icon_mail.png);
	background-size: contain;
	vertical-align: middle;
	top:0;
	bottom:0;
	left:0;
	margin:auto;
}
@media screen and (max-width: 768px) {
	.large_btn_wrap a span {
		font-size: 22px !important;
		padding-left: 40px;
	}
	.large_btn_wrap a span::before {
		width: 30px;/*画像の幅*/
		height: 24px;/*画像の高さ*/
	}
}