@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@100;200;300;400;500;600;700;800;900&family=Ubuntu:wght@300;400;500;700&display=optional');

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=optional');

html {
	font-size: 62.5%;
}

body {
	font-size: 1.45em;
    line-height: 2.0;
    letter-spacing: .05em;
}
h1, h2, h3, h4, h5, h6{
     font-weight: 300;
}
.en {
    font-family: 'Work Sans', sans-serif;
}
.en2,.p-index-Ul-left ul li:before,.p-index-Ul-box h2:before ,.case-list li:before{
    font-family: 'Ubuntu', sans-serif;
}
.p-index_point h2{
    font-size: 2.2rem;
    line-height: 1.7;
    color: #FFF;
}

.catch h2{
    font-size: 3.8rem;
	line-height: 1.7;
	color: #FFF;
    
}

.catch p{
    font-size: 1.5rem;
	color: #FFF;
}

.right .news dt{
    color: #b53262;
    font-size: 1.2rem;
}

#header .hd_inner .logo .tx-pwd{
    font-size: 1rem;
    color: #d8d8d8;
    letter-spacing: 0;
}

#header .hd_inner .logo span a{
    text-decoration: none;
    color: #FFF;
    font-size: 1.2rem;
    letter-spacing: 0;
}

.heading-block {
    font-size: 20vw;
    line-height: 1;
    font-weight: 700;
    white-space: nowrap;
    text-align: center;
}

.p-index_products .p-index_products-main-right .spec th{
    color: #FFF;
    font-weight: normal;
    text-align: center;
}

.p-index_products .p-index_products-main-right .spec td{
    color: #FFF;
    font-weight: normal;
    text-align: center;
}

.p-index_products .p-index_products-main, .gradelist h2{
		color: #FFF;
        font-weight: normal;
        text-align: left;
		font-size: 1.7rem;
	}

.p-index_products .p-index_products-main .gradelist th{
		color: #FFF;
        font-weight: normal;
        text-align: left;
	}
	
	.p-index_products .p-index_products-main .gradelist td{
		color: #FFF;
        font-weight: normal;
        text-align: left;
	}

.p-index_point p{
    color: #d8d8d8;
    
}

.ic_List li .ic,.p-index_price_box .ic,.p-index_price_data .ic{
    font-size: 1.2rem;
    line-height: 1.0;
    color: #FFF;
    letter-spacing: 0;
    
}

.case-list li:before{
    font-size: 1.4rem;
    line-height: 1.0;
    letter-spacing: 0;
}

.balloon .ic{
    font-size: 1.2rem;
    line-height: 1.0;
    color: #FFF;
    
}

.p-index_download-area .p-index_download-area-r h2{
    font-size: 2.6rem;
    line-height: 1.7;
    color: #FFF;
    
}

.p-index_download-area .p-index_download-area-r p{
    color: #FFF;
    
}

.footer-top h2{
    font-size: 1.6rem;
    line-height: 1.7;
}

.p-ch-header .p-ch-ttl .tl1{
    font-size: 7.0rem;
    line-height: 1;
    color: #FFF;
    font-weight: 400;
    
}
.p-ch-header .p-ch-ttl .tl2{
    color: #FFF;
    font-size: 1.6rem;
    
}

.p-index_products .p-index_products-main-right .ttl,.p-index_problems_ttl .tl{
    color: #b53262;
    font-size: 1.6rem;
    
}


.ft_red{
    color:#b53262;
    font-size: 1.0rem;
}

.p-index_products .p-index_products-main-right h2,.p-index_problems_ttl h2{
    color: #FFF;
    font-size: 4.5rem;
    line-height: 1.7;
    
}

.p-index_point .inner h2{
    color: #FFF;
    font-size: 3rem;
    line-height: 1.7; 
}

.p-index_products .p-index_products-main-right h3{
    color: #FFF;
    font-size: 2.0rem;
    line-height: 1.7;
    font-weight: 500;
    
}

.p-index_products .p-index_products-main-right p,.p-index_problems_ttl p{
    color: #d8d8d8;
    
}

.p-index_products .p-index_products-main-right .spec{
    font-size: 1.2rem;
}

.p-index_products .p-index_products-main .gradelist{
	font-size: 1.4rem
}

.p-index-Ul-box h2 span{
    color: #FFF;
    font-size: 3.5rem;
    line-height: 1.7;
}

.p-index-Ul-box h3 span{
    color: #FFF;
    font-size: 2.5rem;
    line-height: 1.7;
}

.p-index-Ul-right .p-index-Ul-box h2:before{
    font-size: 1.6rem;
    
}

::placeholder {
  color: #CCC;
}

.txt04{
  color: #FFF;
}

.fRed{
  color: #b33362;
    
}

.error{
  color: #FFF;
    
}

.wrap-stepperBar .stepper-num{
    font-size: 1.2rem;
    line-height: 1.0;
    color: #FFFF;
}

.wrap-stepperBar .stepper-title{
    font-size: 1.4rem;
    line-height: 1.0;
    color: #FFFF;
}


.p-index-Ul-right .p-index-Ul-box h3:before{
    font-size: 1.0rem;
    
}
.p-index_price_inner h2 .tl{
    font-size: 1.8rem;
    color: #FFF;
    letter-spacing: 0;
    
}

.p-index_price_inner p{
    color: #d8d8d8;
    
}

.p-index_price_inner .plan-price .tb{
    font-size: 2.8rem;
    line-height: 1.0;
    color: #FFF;
    
}
.p-index_price_inner .plan-price .tb2{
    font-size: 1.8rem;
    color: #FFF;
    
}

.p-index_price_inner .monthly{
    font-size: 1.2rem;
    color: #d8d8d8;
    
}

.p-index_price_inner .submitBtn{
    font-size: 1.7rem;
    color: #d8d8d8;
    
}

.p-index-Ul-right .p-index-Ul-box .p-index-movie p{
    font-size: 1.2rem;
    color: #d8d8d8;
    
}

.p-index_price_data_txt{
    font-size: 1.2rem;
    color: #d8d8d8;
    
}


.p-index_price_data_wp .ttl,.p-index_pricetxt{
    font-size: 1.6rem;
    color: #FFF;
    font-weight: 300;
}

.p-index_price_inner .p-index_price_box .no .p-index_price_block:before{
    font-size: 2.2rem;
}

.p-index_price_data th{
    font-size: 1.1rem;
    color: #FFF;
}

.p-index_price_data td{
    font-size: 1.1rem;
    color: #d8d8d8;
}



.p-index-featureTopic-data-txt{
    font-size: 1.2rem;
    color: #d8d8d8;
    
}


.p-index-featureTopic-data-wp .ttl{
    font-size: 1.6rem;
    color: #FFF;
    font-weight: 300;
}

.p-index-featureTopic-data th{
    font-size: 1.3rem;
    color: #FFF;
    width: auto;
}

.p-index-featureTopic-data td{
    font-size: 1.3rem;
    color: #d8d8d8;
}

.p-index-news-inner p {	
color: #FFF;	
}	
.p-index-news-inner h2 .tl{
    font-size: 1.8rem;
    color: #FFF;
    letter-spacing: 0;
    width: auto;
}	
.p-index-news-inner p {
    color: #d8d8d8;
}	
.p-index-news-inner a{	
text-decoration:none;	
}	
.p-index-news-inner .submitBtn {	
font-size: 1.7rem;	
color: #d8d8d8;	
}	
.newsMenu{	
font-size: 1.8rem;	
color: #FFF	
}	
.latestVer{	
font-size: 1.8rem;	
line-height: 2.0;	
color: #FFF	
}

.p-index-feature-inner p {	
color: #FFF;	
}	
.p-index-feature-inner h2 .tl{	
font-size: 1.1rem;	
color: #FFF;	
letter-spacing: 0;	
}	
.p-index-feature-inner p {	
color: #d8d8d8;	
}	
.p-index-feature-inner a{	
text-decoration:none;	
}	
.p-index-feature-inner .submitBtn {	
font-size: 1.7rem;	
color: #d8d8d8;	
}

.p-index-featureTopic-inner p {	
color: #FFF;	
}	
.p-index-featureTopic-inner h2 .tl{
    font-size: 1.8rem;
    color: #FFF;
    letter-spacing: 0;
    width: auto;
}	
.p-index-featureTopic-inner p {
    color: #d8d8d8;
    padding-bottom: 0px;
}	
 .p-index-featureTopic-inner h3 span{
    color: #FFF;
    font-size: 2.5rem;
    line-height: 1.7;
    }

.footer-bottom .footer-bottom-right .sub-menu li a{
    font-size: 1.2rem;
    text-decoration: none;
    color: #838383;
    
}

.case-list li {
    color: #FFF;
    font-size: 2.2rem;
    line-height: 1.7;
}

.open .gnav-wrap .inner-wrap .gnav-listWp ul li a{
    text-decoration: none;
    font-size: 2.2rem;
    line-height: 1.7;
    color: #333;
    
}

.open .gnav-wrap .gnav-sub-listWp ul li a{
    text-decoration: none;
    font-size: 1.3rem;
    line-height: 1.7;
    color: #333;
    
}

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


}

@media only screen and (max-width: 767px){
    
    p{
        font-size: 1.16rem;
        line-height: 1.7;
    }
    .p-index_point h2{
        font-size: 1.63rem;
    }

    .catch h2{
        font-size: 2.90rem;
        line-height: 1.4;

    }

    .catch p{
        font-size: 1.16rem;
    }

    .right .news dt{
        font-size: 1.16rem;
    }

    #header .hd_inner .logo .tx-pwd{
        font-size: 1.16rem;
    }

    #header .hd_inner .logo span a{
        font-size: 1.16rem;
    }

    .heading-block {
        font-size: 7.45rem;
    }

    .p-index_products .p-index_products-main-right .spec th{
        color: #FFF;
        font-weight: normal;
        text-align: center;
    }

    .p-index_products .p-index_products-main-right .spec td{
        color: #FFF;
        font-weight: normal;
        text-align: center;
    }
	
	.p-index_products .p-index_products-main, .inner h2{
		color: #FFF;
        font-weight: normal;
        text-align: left;
		font-size: 1.3rem;
	}
	
	.p-index_products .p-index_products-main .gradelist th{
		color: #FFF;
        font-weight: normal;
        text-align: left;
	}
	
	.p-index_products .p-index_products-main .gradelist td{
		color: #FFF;
        font-weight: normal;
        text-align: left;
	}

    .p-index_point p{
        color: #d8d8d8;

    }

    .ic_List li .ic,.p-index_price_box .ic{
        font-size: 1.16rem;
        line-height: 1.6;

    }

    .p-index_price_data .ic{
        font-size: 1.0rem;
        line-height: 1.2;

    }

    .case-list li:before{
        font-size: 1.16rem;
    }

    .balloon .ic{
        font-size: 1.16rem;

    }

    .p-index_download-area .p-index_download-area-r h2{
        font-size: 1.85rem;

    }

    .p-index_download-area .p-index_download-area-r p{
        color: #FFF;

    }

    .footer-top h2{
        font-size: 1.4rem;
        line-height: 1.7;
    }

    .p-ch-header .p-ch-ttl .tl1{
        font-size: 2.90rem;

    }
    .p-ch-header .p-ch-ttl .tl2{
        color: #FFF;
        font-size: 1.05rem;

    }

    .p-index_products .p-index_products-main-right .ttl,.p-index_problems_ttl .tl{
        color: #b53262;
        font-size: 1.4rem;

    }


    .ft_red{
        color:#b53262;
        font-size: 1.0rem;
    }

    .p-index_products .p-index_products-main-right h2,.p-index_problems_ttl h2{
        font-size: 2.55rem;

    }

    .p-index_point .inner h2{
       font-size: 2.08rem;
    }

    .p-index_products .p-index_products-main-right h3{
        font-size: 1.4rem;
        font-weight: 500;
        line-height: 1.4;

    }

    .p-index_products .p-index_products-main-right p,.p-index_problems_ttl p{
        color: #d8d8d8;

    }

    .p-index_products .p-index_products-main-right .spec,.case-ic{
        font-size: 1.16rem;
    }

    .p-index-Ul-box h2 span{
       font-size: 1.63rem;
        line-height: 1.6;
    }

    .p-index-Ul-box h3 span{
       font-size: 1.63rem;
        line-height: 1.6;
    }

    .p-index-Ul-right .p-index-Ul-box h2:before{
        font-size: 1.4rem;

    }

    ::placeholder {
      color: #CCC;
    }

    .txt04{
      color: #FFF;
    }

    .fRed{
      color: #b33362;

    }

    .error{
      color: #FFF;

    }

    .wrap-stepperBar .stepper-num,.leftth{
        font-size: 1.16rem;
    }

    .wrap-stepperBar .stepper-title{
        font-size: 1.4rem;
    }


    .p-index-Ul-right .p-index-Ul-box h3:before{
        font-size: 1.0rem;

    }
    .p-index_price_inner h2 .tl{
        font-size: 1.4rem;
        line-height: 1.6;

    }

    .p-index_price_inner p{
        color: #d8d8d8;

    }
    
    .p-index_price_inner .plan-price .tb{
        font-size: 2.08rem;

    }
    .p-index_price_inner .plan-price .tb2{
        font-size: 1.8rem;
        color: #FFF;

    }

    .p-index_price_inner .monthly{
        font-size: 1.16rem;

    }

    .p-index_price_inner .submitBtn{
        font-size: 1.28rem;

    }

    .p-index-Ul-right .p-index-Ul-box .p-index-movie p{
        font-size: 1.16rem;

    }

    .news dd{
        font-size: 1.16rem;

    }

    .p-index_price_data_txt{
        font-size: 1.16rem;

    }


    .p-index_price_data_wp .ttl{
        font-size: 1.4rem;
        color: #FFF;
        font-weight: 300;
    }
    .p-index_pricetxt{
        font-size: 1.16rem;
        color: #FFF;
        font-weight: 300;
    }

    .p-index_price_inner .p-index_price_box .no .p-index_price_block:before{
        font-size: 1.85rem;
    }

    .p-index_price_data th{
        font-size: 1.0rem;
        line-height: 1.6;
        color: #FFF;
    }

    .p-index_price_data td{
        font-size: 1.0rem;
        color: #d8d8d8;
        line-height: 1.6;
    }
	
	
	.p-index_news_inner h2 .tl{
        font-size: 1.4rem;
        line-height: 1.6;

    }

    .p-index_news_inner p{
        color: #d8d8d8;

    }
    
    .p-index_news_inner .submitBtn{
        font-size: 1.28rem;

    }

    .p-index_news_inner .p-index_news_box .no .p-index_news_block:before{
        font-size: 1.85rem;
    }

	
    .footer-bottom .footer-bottom-right .sub-menu li a{
        font-size: 1.16rem;
        line-height: 1.6;

    }

    .case-list li {
        font-size: 1.4rem;
        line-height: 1.6;
    }

    .open .gnav-wrap .inner-wrap .gnav-listWp ul li a{
        font-size: 1.85rem;

    }

    .open .gnav-wrap .gnav-sub-listWp ul li a{
        font-size: 1.16rem;
    }
    #header .hd_inner .gnav-sub-listWp .download a{
        font-size: 1.4rem;
    }
    .footer-bottom .footer-bottom-left .copy {
            font-size: 1.05rem;
    }
    
    .txBn{
        font-size: 1.16rem;
    }
    
    .p-index-Ul-left ul li a {
            font-size: 1.16rem;
    }
    
    

    .p-index-Ul-right h2 {
        line-height: 1.4;
    }
    
    .p-index-Ul-right h3 {
        line-height: 1.4;
    }
    
    .case-txt{
        font-size: 1.4rem;
        line-height: 1.6;
    }
    .p-faq-inner .item .item-q-txt{
        font-size: 1.16rem;
        line-height: 1.6;
        
    }
    .list-faq .item-a,.flow-title,.flow-list li {
        font-size: 1.16rem;
        line-height: 1.6;
    }

    .fmWrap dl select {
        font-size: 1.16rem;
    }
    .footer-bottom .footer-bottom-right .main-menu li a{
        
        font-size: 1.4rem;
    }
    
    
    
}