/* p.lead {
  font-size:2em;
} */

.privacy-policy p {
    text-align: left !important;
}
p.dearJoeTitle.dearJoeProductOverviewTitle {
    text-align: left !important;
}
	.sps-only { display:none; }
div#heroWhatsNewEap h1 {
    font-size: 110px !important; 
}
div#heroWhatsNewEap.why-coupa h1 {
    font-size: 71px !important;
}
.office h2 {
    font-size: 1.3em !important;
}
#heroCareers p {
    text-align: left !important;
}
#heroCareers h2 {
    font-family: museo-sans-condensed,sans-serif !important;
    text-transform: uppercase !important;
}
#heroCareers h3 {
    font-family: museo-sans-condensed,sans-serif !important;
}

div.homeLogos .homeLogoReveal {
    
    padding: 50px 20px 10px; 
}
html .sub-nav li:hover .dropdown {
    margin-top: 1.7em !important; 
}
.rsContent p {
    text-align: left !important;
}
ul.off-canvas-list li a {
    
    font-size: .85em; 
}
h1 span.eng {
    font-weight: 800 !important;
    text-transform: uppercase !important;
}
#heroCompanyProfile {
    background: url(/ja/assets/img/main-company-profile2.jpg) center top no-repeat #f2f2f2;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#heroCompanyProfile .row {
	    margin-top: 4%; 
}
#heroCompanyProfile {
    min-height: 400px;
    padding: 3em 0;
    width: 100%;
    overflow: hidden;
}
.company-summary {
    padding-bottom: 2em;
}
table.table.table-striped {
    border: none;
    border-bottom: 1px solid #ddd;
}
.company-summary th {
    width: 20%;
    white-space: nowrap;
}
.company-summary tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}
.company-summary tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
.company-summary .table>tbody>tr>td, .company-summary .table>tbody>tr>th, .company-summary .table>tfoot>tr>td, .company-summary .table>tfoot>tr>th, .table>thead>tr>td, .company-summary .table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
.page-slug-role .coupaByNumbers h5 {
    text-align: left !important;
}
div.homeLogos .homeLogoReveal h3 {
    text-align: center;
}
.customerSuccessSection h3:nth-child(1) {
    font-size: 22px !important;
}
.homeLogos h3 {
    font-size: 18px !important;
}
.customerSuccessSection h3:nth-child(2) {
    text-align: left;
}
span.jptextbox {
    text-align: left !important;
    display: -webkit-inline-box !important;
}
p.text-center {
    text-align: center !important;
}
.ja#businessSlider a.btn {
    font-size: 18px !important;
}
.eng {
    font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif !important;
    text-transform: none !important;
    font-weight: 400;
}
.slide-1 .heroTxtContainer {
    top: 22%;
    position: relative;
    padding-left: 10%;
}
.ja#businessSlider p {
    font-size: 1.2em !important; 
}
#businessSlider h3 {
    font-size: 1.25em !important; 
}
.slide-1 h2 {
    font-size: 20px /* 17px */ !important;
    color: #fff;
}
.slide-1 .vertical-align {
    align-items: flex-start;
}
.slide-1 h1.white.ust-h1-size {
    font-size: 36px !important;
	    text-shadow: 2px 2px 4px #000;
}
#heroHome .slide-1 .btn.marginBottom {
    font-size: 0.9em !important;
}

.home-intro h3.text-center {
    text-align: left !important;
}
.sub-nav li .dropdown li:first-child a {
    text-transform: none !important;
}
.sub-nav li {
    text-transform: none !important; 
}
h5 {
    text-transform: none !important;
}
h2, h2 a, h2 a:link, h2 a:visited {
    text-transform: none !important;
}
.privacy-policy .row {
    font-family: proxima-nova, sans-serif !important;
}
.privacy-policy p, .privacy-policy li {
    font-size: 14px !important;
    font-family: proximaNova !important;
}
.privacy-policy h3 {
    font-family: museo-sans-condensed,sans-serif !important;
    font-size: 1.65em !important;
}
.page-slug-role .boxwhite {
    padding: 1em 2.1em .5em !important;
}
.tokyo .boxgray {
    background-size: cover !important;
}
.coupaByNumbers span {
    font-size: 4.5em;
}
#connectWithCoupa h3.subtitle {
    margin-top: 1.5em;
}
.coupaNumberbg {
    background-image: url(/ja/assets/img/coupa-number-bg.jpg) !important;
}
.underscore h1 {
    font-family: museo-sans-condensed,sans-serif !important;
    font-size: 6em !important;
    line-height: 70% !important;
}
.underscore h1 span.ttl-ja {
    font-size:0.35em !important
}
.page-slug-erp .boxwhite {
	padding: 1em 1.1em .5em !important;
}
span.custom-ust {
    display: block !important;
}
.note-add {
    margin-bottom: 20px;
    font-size: 15px !important;
}
.row:nth-child(4) .office .address {
    min-height: 180px !important;
}
body { font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif, proximaNova !important; }
#newFooter #floatingFooter h3 { font-weight: 80 !important0; }
.pc-only { display:block; }
.sp-only { display:none; }
.sptab-only { display:none; }
.closeButton {
    display: none;
}
.page-slug-software .row {
    padding: 0 3% !important;
}
.page-slug-software .custom-ust-50 {
    margin-right: 10px !important;
    margin-left: 10px !important;
}
.heroTxtContainer { margin-right:auto;margin-left:auto;max-width: 1156px!important; }
.home-reason .columns:nth-of-type(3) {
    padding-top: 81px;
}
.home-reason img {
    max-width: 95%;
}
.text-center {text-align:center !important; }
.home-reason h2.text-center {
    margin-bottom: 30px !important;
}
.common-intelligence .row { padding-left:4%; }
.common-intelligence { background:#f2f2f2; }
.topb-cont-holder { width:46%;     text-align: left;}
.jp-home-banner .heroTxtContainer h2 {
    font-size: 18px !IMPORTANT;
    font-weight: 500;
    color: #fff !important;
    line-height: 150% !important;
}
.jp-home-banner a.btn {
    margin-top: 7px;
}
.ust-h1-size {
    font-size: 48px !important;
    line-height: 120% !important;
    font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif, proximaNova !important;
	}
#heroHome h3 {
    font-size: 19px;
    line-height: 150%;
    margin-top: 15px;
    font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif, proximaNova !important;
}
.page-slug-software .coupaForYouBlock img {
        max-width: 130px !important;
}
.page-slug-demo h2 {
        font-size: 30px !important;
    padding-bottom: 44px;
}
.page-slug-results a.right.readMore {
    color: #fff !important;
}
.page-slug-results .cs-content p {
    color: #fff !important;
}
.page-slug-results .cs-content {
    background: #1ca8f3 !important;
}
.page-slug-erp .boxwhite a { min-height:90px !important;display: block; } 
.sub-nav li .dropdown li:first-child a {
   font-size: 1.13em !important;
}
.footerBtm p {
    text-align: center !important;
}
#menu-cta .block-top {
    margin-top: 10px !important;
}
#menu-cta p {
    text-align: center !important;
}
#menu-cta h3 {
    font-size: 16px !important;
}
.sub-nav img {
    vertical-align: bottom !important;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ＭＳ Ｐゴシック', 'MS PGothic', museo-sans-condensed,sans-serif;
    margin-top: 0;
    margin-bottom: .5em;
    padding: 0;
    direction: ltr;
    font-weight: 300;
}
.valueAsAService p /* next step cta */ {
    text-align: center !important;
}
h5 {
    font-size: 1.25em !important;
	    line-height: 140% !important;
}
p { text-align: justify !important;
    text-justify: inter-ideograph !important; }
.cs-content { background: #f2f2f2 !important; }
.page-slug-services .boxgray p, .page-slug-business-need .boxwhite p {
    text-align: justify !important;
    text-justify: inter-ideograph !important;
}
#newFooter ul li a {font-size:13.5px !important; }
.coupaByNumbers h5 { line-height: 1.4em !important; font-size: 0.95em !important; margin: 1.25em 0 0 0 !important;text-align: center; }
.page-slug-industry .boxwhite p {
    /* min-height: 290px !IMPORTANT; */
}
.page-slug-erp .boxwhite h5, .page-slug-role .boxwhite h5 { min-height:64px !IMPORTANT;text-align: justify !important; }
.page-slug-erp .boxwhite h5.blacktext, .page-slug-role .boxwhite h5.blacktext { text-align: center !important; }

#coupaForYou .coupaForYouBlock div {
    min-height: 195px !IMPORTANT;
}
 .sub-nav li .dropdown li { font-size: .85em  !Important; }
#coupaForYou .coupaForYouBlock h2 { font-size:20px !Important; }
#coupaSpendSuiteGrid .coupaForYouBlock h2 {
    text-align: center !important;
    font-size: 28px !important;
    font-weight: 700 !important;
}

h1, h1 a, h1 a:link, h1 a:visited {
    text-transform: uppercase;
    font-weight: 700 !important;
    margin-bottom: 15px !important;
}
h1 { line-height: 1.25em !important; }

.dearJoe, .dearJoeGrey { font-size:1.3em !important }
.coupaForYouBlock p {
    margin-top: 30px;
    text-align: left !important;
}
span.panel-subtitle.jptextbox {
    font-size: 1.2em;
    line-height: 145%;
    font-family: Meiryo, sans-serif;
    text-align: center !important;
}
.warning-block {
    border: 1px solid #268ecd;
    background: /* #f4cfbd */;
    padding: 10px;
    margin-bottom: 60px;
	font-size: 13px;
	    display: none;
}
.warning-block a,.warning-block a:link { color:#268ecd !important; }
.btn    { font-size: 1.10em!important; }

#footerdemo {
    display: none !important;
}

.sub-nav li {
}
a.btn.marginBottom {
    text-transform: none !important;
    font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif, proximaNova !important;
	text-align: justify; word-wrap: break-word;
}
.newHomeHero {
    background-size: cover!important;
    height: 480px;
	}
	
.white {
    color: #fff;
	}
	

h2.text-center {
    font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif, proximaNova !important;
    font-size: 2em !important;
	font-weight: 500;
    text-transform: none !important;
	    margin-bottom: 0.25em !important;
	}
h1 {
	    font-size:2.9em !important;
    font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif, proximaNova !important;
}
h2 {
    font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif, proximaNova !important;
    font-size: 1.8em !important;
	line-height: 1.3em !important;
	font-weight: 500;
text-transform: normal !important;
}
.ust-title.doubleline {
    margin-top: 7% !important;
    letter-spacing: -2px;
}
h3 {
    font-size: 1.1em !important;
    font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif, proximaNova !important;
    line-height: 1.5em !important;
	text-transform: none !important;
}
h3.text-center {
    font-size: 1.3em !important;
    font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif, proximaNova !important;
    line-height: 1.5em !important;}
p {
    font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif, proximaNova !important;
    line-height: 1.5em !important;
    font-size: 1em !important;
}
#heroSoftware {
    background: url(/ja/assets/img/home-slideJ.jpg) center center no-repeat #f2f2f2 !important;
    background-size: cover !important;
    min-height: 450px;
	}
	
#heroSoftware .row {
    margin-top: 4%;
	}
	.customerSuccessSection h3 {
    font-size: 16px !important;
    font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif, proximaNova !important;
	line-height: 1.5em !important;
}
.sub-nav li a {
    font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif, proximaNova !important;
}

#heroSolutions {
    background: url(/assets/img/coupa-hero-people1.jpg) center no-repeat #f2f2f2 !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}
#heroForYourERP {
    background: url(/ja/assets/img/hero-images/coupa-hero2.jpg) center no-repeat #f2f2f2 !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}
#heroSolutionsRole {
    background: url(/ja/assets/img/top-solution-role-j.jpg) center no-repeat #f2f2f2 !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}
#heroSolutionsForYourIndustry {
    background: url(/ja/assets/img/hero-images/industry-hero.jpg) center no-repeat #f2f2f2 !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}
#heroSoftware {
    background:url(/assets/img/hero-images/coupa-hero6.jpg) center bottom no-repeat #f2f2f2 !important;
	    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}
#heroServices{
		    background: url(/ja/assets/img/top-services2.jpg) center top no-repeat #f2f2f2 !important;
         -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
	}
#heroResults{
		    background: url(/ja/assets/img/top-results.jpg) center top no-repeat #f2f2f2 !important;
		    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
	}


@media only screen and (min-width: 1680px)  and (max-width: 2590px) {
	
.common-intelligence .row { padding-left:7%; }
	
}

@media only screen and (min-width: 1280px)  and (max-width: 1679px) {
	
.ust-h1-size {
    font-size: 42px !important;
}
	
}




@media only screen and (min-width: 1280px) {
	
.office .address.last-row-even {
    min-height: 172px !important;
}
.xlarge-block-grid-5>div {
    width: 25%;
}

.page-slug-services .xlarge-block-grid-5>div {
    width: 20% !important;
}
.tab-only { display:none; }

}

@media only screen and (min-width: 64.063em) {
	
#heroResults .large-6 {
    width: 54% !important;
}

}

@media only screen and (min-width: 320px)  and (max-width: 599px){
	
	div.hero .underscore h1 {
    font-size: 52px!important;
}
	#connectWithCoupa h3.subtitle {
    margin-top:0 !important;
}
	#sectionBlock.coupaByNumbers > div > div:nth-child(3) {
    padding-top: 0 !important;
}
#sectionBlock.coupaByNumbers > div > div:nth-child(2) {
    padding-top: 0 !important;
}
	.sp-only { display:block; }
		.sptab-only { display:block; }

	.page-slug-business-need .boxwhite div:nth-child(2) {
    height: auto !important;
}
	
	h2.text-center {
    font-size: 1.65em !important;
	}
#heroSolutions .small-10 {
    width: 90%;
}
	.common-intelligence .row { padding-left:0; }
#sectionBlock.common-intelligence {
    padding-top:2em;
}
	.home-intro { padding:2.5em 1em 1.5em !important; }
	h1 {
    font-size: 1.8em !important;
	}
	h2 {
    font-size: 1.5em !important; text-align:center !important; }
	h3 {
    font-size: 1.0em !important;
	}
	.topb-cont-holder {
    width: 70%;
    margin-top: 40px;
}
.heroTxtContainer {
    width: 100%;
}
    .rsImg{
        height:304px;
    }
        div#article div#sectionBlock div.row div.large-5.medium-5.small-12.columns h2{
        font-size: 1.6em !important;
    }
    #sectionBlock > div > div:nth-child(2),#sectionBlock > div > div:nth-child(3),#sectionBlock > div > div.large-5.medium-5.small-12.columns
    {
        padding-top:30px;
    }
	 #sectionBlock.page-slug-business-need > div > div:nth-child(2),#sectionBlock.page-slug-business-need > div > div:nth-child(3),#sectionBlock > div > div.large-5.medium-5.small-12.columns,
	 #sectionBlock.page-slug-erp > div > div:nth-child(2),#sectionBlock.page-slug-erp > div > div:nth-child(3),#sectionBlock > div > div.large-5.medium-5.small-12.columns,
	 #sectionBlock.page-slug-role > div > div:nth-child(2),#sectionBlock.page-slug-role > div > div:nth-child(3),#sectionBlock > div > div.large-5.medium-5.small-12.columns,
	 #sectionBlock.page-slug-industry > div > div:nth-child(2),#sectionBlock.page-slug-industry > div > div:nth-child(3),#sectionBlock > div > div.large-5.medium-5.small-12.columns
    {
        padding-top:0px;
    }

    div#article div#sectionBlock.counterRow.ust-row div.row center h2.text-center,
    {
        font-size:1.65em !important;
    }
    #sectionBlock
    {
       /* padding-bottom: 0px; */
    }
	
	div#sectionBlock div.custom-ust-50 {
        width: 47% !important;
        margin-right: 3% !important;
        margin-top: 1.5%;
        float: left;

    }
    .custom-ust-50 .coupaForYouBlock span.ust-link1{
        display: none;

    }

    .counterRow .coupaForYouBlock
       {
        height:11.975em;
    }
	
	#connectWithCoupa
    {
        margin-top:0px;
    }
	.page-slug-role.marginBottom, .page-slug-erp.marginBottom, #connectWithCoupa .marginBottom, .page-slug-industry.marginBottom, {
    margin-bottom: 0em!important;
	}
	
	
	

}

@media only screen and (min-width: 600px)  and (max-width: 800px) {
		.sp-only { display:none !important; }

		.sptab-only { display:block; }
		.pc-only { display:none; }
#coupaSpendSuiteGrid .coupaForYouBlock h2 {
    font-size: 1.5em !important;
}
span.panel-subtitle {
    font-size: 1em !important;
}
	.page-slug-erp .boxclear {
    padding: 1em 1em .5em;
	}
	h5 {
    font-size: 1.25em !important; 
	}
	.boxwhite {
    padding: 1em 0.65em .5em;
}
.page-slug-role .boxwhite {
	padding: 1em 0.5em .5em;
}
.p-wrapper {
    padding: 0 2.5% !important;
}

	h1 {
    font-size: 2.25em !important;
	}
	.home-reason .columns:nth-child(2) {
    text-align: right;
}
.common-intelligence .row { padding-left:2%; }

	.home-reason .columns:nth-of-type(3) {
    padding-top: 20px;
}
	.custom-ust-50 .coupaForYouBlock {
    min-height: 172px;
}
	#sectionBlock {
    padding: 3.5em 0 2.2em !important;
	}
	.sub-nav img {
    vertical-align: middle !important;
}
	h2 { font-size:1.6em !important; }
    .rsImg{
        height:320px;
    }
     div#article div#sectionBlock div.row div.large-5.medium-5.small-12.columns h2{
        font-size: 1.6em !important;
    }

    .counterRow .coupaForYouBlock
    {
        height:10.975em;
    }
    .customerSuccessSection .cs-content
    {
        padding-left:1.8em;
        padding-right:1.8em;
    }
	.homeLeaderRow {
        padding-bottom: 48px !important;
    }
	
	 .custom-ust-50 .coupaForYouBlock img,.ust-title {
        float: none !important;
        clear: both !important;
    }
    .custom-ust-50 .coupaForYouBlock h2 {
        text-align: center !important;

    }
    .custom-ust-50 .coupaForYouBlock span.ust-link1{
        display: none;

    }
	
	.topb-cont-holder {
	width: 70% !important;
	}

	.ust-h1-size {
	font-size: 30px !important;
	}

	.jp-home-banner .heroTxtContainer h2 {
	font-size: 13px !IMPORTANT;
	}
	.topb-cont-holder p {
	font-size: 14px !important;
	}
	h3.text-center {
	font-size: 1.2em !important;
	width: 91%;
	margin: 0 auto;
	}
	h2.text-center {
	font-size: 1.6em !important;
	}
	.medium-5 {
			width: 49.66667%;
    }

}

@media only screen and (max-width: 680px) {
	
	.large-block-grid-5>div {
    width: 50% !important;
} 
			.pc-only { display:none; }

	.page-slug-software .custom-ust-50 {
    margin-left: auto !important;
}
#connectWithCoupa .marginBottom {
    margin-bottom: 0 !important;
}	
.page-slug-business-need .marginBottom {
    margin-bottom: 0!important;
}
.coupa-difference .marginBottom {
    margin-bottom: 0!important;
}
h3.text-center {
    font-size: 1.1em !important;
}
.boxclear div {
    height: auto !important;
}
.page-slug-role .boxclear,.page-slug-industry .boxclear { margin-bottom:0 !important;margin-top:0 !important; }
.page-slug-role .marginBottom  { margin-bottom:30px !important;margin-top:0 !important; }
.page-slug-industry .marginBottom  { margin-bottom:0px !important;margin-top:0 !important; }
.page-slug-industry .boxwhite div {
    height: auto !important;
}
.dearJoe, .dearJoeGrey {
    font-size: 1.1em !important;
}
.page-slug-services .boxgray {
    padding: 0 20px 0;
}
.page-slug-services .boxgray div {
	/* height:auto !important;	 */
}
#coupaForYou .small-block-grid-2>div {
    width: 50% !important;
}


}



@media only screen and (max-width: 775px) {
	
#heroHome .slide-3 h1 {
    font-size: 1.35em !important;
}
#heroHome .slide-2 h1 {
    font-size: 34px !important;
}
#heroHome .slide-3 h2 {
    font-size: 1.15em;
}
#heroHome .slide-2 p {
    font-size: 21px !important;
}
#heroHome .slide-3 h2 {
    font-size: 1.15em !important;
}
.sub-nav li {
    font-size: .75em; 
}

}


@media (max-width: 767px) {
	
	div#heroWhatsNewEap.why-coupa h1 {
    font-size: 44px !important;
}
#sectionBlock.why-coupa iframe.vidyard_iframe {
    width: 100%;
}
	div#heroWhatsNewEap h1 {
    font-size: 60px !important;
}
	#heroCareers p {
    text-align: center !important;
}
	.dearJoeTitle, .dearJoeTitleGrey {
    text-align: left; 
	}
	.boxclear {
    padding: 1em 1em .5em; 
	}
	.sptab-only { display:inherit; }
	.tab-only { display:none; }
.pctab-only { display:none; }
#heroSolutions {
    background-position-x: -580px !IMPORTANT;
}
#heroForYourERP {
    background-position-x: -498px !IMPORTANT;
}
#heroSolutionsRole {
background-position-x: -600px !IMPORTANT ;
}
#heroSolutionsForYourIndustry {
	    background-position-x: -540px !important;
}
#heroSoftware {    
background-position-x: -700px !important;
}
#heroServices {
	background-position-x: -360px !important;
}
#heroResults {
	background-position-x: -892px !important;
}

.pc-only { display:none; }

span.panel-subtitle {
    font-size: 1.2em !important;
	text-align: left !important;
}
#coupaSpendSuiteGrid .coupaForYouBlock h2 {
    text-align: center !important;
	font-size: 24px !important;
}
#heroResults .columns {
    width: 97% !important;
}
span.panel-subtitle.jptextbox {
    text-align: left !important; 
}


}

@media only screen and (min-width: 768px)  and (max-width: 800px) {
	
	.coupa-difference .boxclear .text-center {
    padding: 0;
}
	#sectionProductOverviewRaja.page-slug-comprehensive {
	    background-position-x: -370px;
	}
	iframe.vidyard_iframe {
    width: 360px;
}
	div#heroWhatsNewEap h1 {
    font-size: 72px !important; 
}
div#heroWhatsNewEap.why-coupa h1 {
    font-size: 54px !important;
}
	#heroCareers p {
    text-align: left !important;
}

	.software p {
		padding-left:1em;
		padding-right:1em;
		}
		
	#heroSolutionsForYourIndustry .medium-7 {
    width: 66.33333%;
}
	.page-slug-role .boxwhite {
    padding: 1em 0.5em .5em !important;
	}
	.page-slug-erp h5.text-center.blacktext {
    text-align: center !important;
}
	.boxwhite {
    padding: 1em 0.5em .5em;
}
	span.custom-ust {
    top: 58% !important; 
	}
	.coupa-difference .text-center {
    padding: 0 8%;
}
	.sppc-only { display:none; }
	.page-slug-software .coupaForYouBlock {
    padding: 2em 0.5em !important;
}
.page-slug-software #coupaSpendSuiteGrid .coupaForYouBlock {
    padding: 2em 1.5em !important;
}
	.columns {
    padding-left: 10px  !important;
    padding-right: 10px  !important;
	}
.pc-only { display:none; }	
#heroSolutions {
    background-position-x: -280px  !important;
}
#heroForYourERP {
    background-position-x: -280px !important;
}
#heroSolutionsRole {
background-position-x: -350px !IMPORTANT ;
}
#heroSolutionsForYourIndustry {
	    background-position-x: -320px !important;
}
#heroServices {
    background-position-x: -300px !important;
}
#heroResults {
    background-position-x: -360px !important;
}

.coupaByNumbers span {
    font-size: 3.5em;
}
.dearJoe, .dearJoeGrey {
    font-size: 1.1em !important;
}
.page-slug-business-need h5, .page-slug-erp h5 {
    font-size: 1.1em !important;
}
#sectionBlock.page-slug-industry .boxgray {
    padding-left: 1.55em !important;
    padding-right: 1.55em !important;
}

}


@media only screen and (min-device-width: 768px)  and (max-device-width: 1024px) and (orientation: landscape) {

#sectionBlock.page-slug-industry .boxgray {
    padding-left: 1.55em !important;
    padding-right: 1.55em !important;
}
	.sppc-only { display:none; }

.large-block-grid-5>div {
    width: 25% !important;
}
div#heroWhatsNewEap h1 {
    font-size: 80px !important; 
}
div#heroWhatsNewEap.why-coupa h1 {
    font-size: 60px !important;
}
.sptab-only { 
	display:block;
}
iframe.vidyard_iframe {
    width: 480px;
}
h1 {
    font-size: 2.7em !important; 
}
.large-block-grid-5>div {
    width: 25%;
}
.ust-h1-size {
    font-size: 36px !important;
}
.topb-cont-holder {
    width: 50%;
}
.ust-link1 {
    display: none;
}
.ust-row .custom-ust-50 .coupaForYouBlock img {
    max-width: 32% !important;
}
h3.text-center {
    font-size: 1.15em !important;
}
.sub-nav .headerBtn {
    font-size: 15px!important;
}	
#coupaSpendSuiteGrid .coupaForYouBlock h2 {
    font-size: 1.75em !important;
}
.sub-nav li {
    font-size: 0.9em;
}
div#sectionBlock.page-slug-services {
    padding-bottom: 0;
}
.page-slug-services .large-block-grid-5>div {
    width: 20%;
}	
.page-slug-services p { font-size: 0.9em !important; }
.page-slug-services .boxgray {
    padding-right: 0.9em !important;
    padding-left: 0.9em !important;
}
.page-slug-services .row {
    padding: 0 2em 1.5em !important;
}
.coupa-difference .boxclear {
    padding: 1em 1.6em .5em;
}
.coupaByNumbers span {
    font-size: 4em;
}
.coupaByNumbers h5 {
    line-height: 1.4em !important;
    font-size: 0.85em !important;
}
h5 {
    font-size: 1.15em !important;
}
.page-slug-business-need .boxgray, .boxgrey, .boxwhite {
    padding: 1em 1em .5em;
}
#connectWithCoupa p { font-size: 0.85em !important;}
.medium-8 {
    width: 78% /* 73.66667 */;
}
.page-slug-results .cs-content {
    padding: 1.8em 1.7em 1em;
}

	
}

@media only screen and (max-width: 1166px) {
	
	p.lead {
    padding-left: 1em;
    padding-right: 1em;
}
	.lead.p-wrapper {
    padding-left: 1em;
    padding-right: 1em;
}
span.ust-link1 {
    display: none;
}
body .custom-ust-50 .coupaForYouBlock h2 {
     font-size: 15px !important; 
}
body .coupaForYouBlock .ust-title.doubleline h2 {
    font-size: 13px !important;
}
div#sectionBlock.office {
    padding-left: 1em !important;
    padding-right: 1em !important;
}

}


@media only screen and (min-width: 801px)  and (max-width: 1279px) {

.ust-h1-size { font-size:35px !important; }
.topb-cont-holder {
    width: 70% !important; 
}

}

@media only screen and (max-width: 980px) {
	
	.large-block-grid-5>div {
    width: 33.3333%;
}

}


@media only screen and (max-width: 640px) { 
	
	.slidemob-1.rsContent, 
	.slidemob-2.rsContent {
    background-position-y: center !important; 
	background-position-x: -182px;
	}
	.slidemob-1 h1,
	.slidemob-2 h1 {
    color: #fff;
    font-family: 'Meiryo','メイリオ', sans-serif !important;
    text-align: left;
	font-size: 1.65em !important;
}
.slidemob-1 p,
.slidemob-2 p {
    color: #fff;
	    margin-bottom: 0 !important;
		    letter-spacing: -0.5px;
}
.slidemob-1 div,
.slidemob-2 div {
    width: 95%;
    padding-left: 0.5em;
	    padding-top: 16px !important;
}
.slidemob-1 p+p,
.slidemob-2 p+p {
    margin-top: 0.5em;
}
.rsMinW .rsBullets {
    left: 40% !important; 
}
.rsMinW {
    position: relative;
}
	
}

@media only screen and (min-width: 641px)  and (max-width: 679px) {

#heroHomeMobile h2 {
    color: #fff;
	text-align: left;
    font-size: 1.25em !important;
}
#heroHomeMobile .rsContent {
	    background-size: cover;
    background-position-x: center; 
}
#heroHomeMobile .rsContent .vertical-align div {
    left: 8%;
    position: absolute;
}
#heroHomeMobile h1 {
    text-align: left;
	font-size: 2.15em !important;
}


}



@media only screen and (min-width: 680px)  and (max-width: 1199px) {
	

.slide-1 .heroTxtContainer {
    top: 18%;
	 	padding-left:6% !important;
}
.slide-1 h1.white.ust-h1-size {
    font-size: 29px !important; 
}
.slide-1 h2 {
    font-size: 16px !important; 
}
.slide-1.rsContent .vertical-align img {
    max-width: 50% !important;
}
#heroHome .slide-1 .btn.marginBottom {
    font-size: 0.6em !important;
}
.slidemob-1 h1.
.slidemob-2 h1 {
    color: #fff;
    text-align: left;
    font-weight: 600 !important;
    font-family: 'Meiryo','メイリオ', sans-serif !important;
    text-shadow: 2px 2px 4px #000; 
}
.slidemob-1 p,
.slidemob-2 p {
    color: #fff;
}
.slidemob-1 div,
.slidemob-2 div {
    padding-left: 0.5em;
    width: 95%;
}


}



@media (max-width: 490px) {

.ja.hero h1 {
    font-size: 37px !important;
    line-height: 140% !important;
}

}


@media (max-width: 480px) {
	
div#videoRow {
    min-height: 150px;
}

}
  @media (max-width: 679px){
  div#videoRow {
      max-height: 200px;
  }
}
@media (max-width: 400px) {
	
html	.underscore h2 span.ttl-ja {
    font-size: 1em !important;
}
#coupaForYou .xsmall-block-grid-1>div {
    width: 100% !important;
}
#heroSoftware .small-10 {
    width: 92.33333%;
}
.xsmall-block-grid-1>div:nth-of-type(1n+1) {
    clear: inherit;
}


}


@media (max-width: 320px) {
	
	.sps-only { display:block; }
	#coupaSpendSuiteGrid .coupaForYouBlock {
    padding: 2em 1.2em; 
	}
.slidemob-1 h1,
.slidemob-2 h1 {
    font-size: 1.4em !important;
}
h2 {
    font-size: 1.35em !important;
}
.btn {
    font-size: 1.0em!important;
}
.customerSuccessSection h3 {
    font-size: 14px !important;
}
div.homeLogos div.homeLogoReveal {
    padding: 30px 25px;
}
h2.text-center {
    font-size: 1.35em !important;
}
#coupaSpendSuiteGrid span.panel-subtitle br {
    display: none;
}
span.panel-subtitle.jptextbox {
   text-align: left !important; 
}
div#heroWhatsNewEap h1 {
    font-size: 50px !important;
}

}

@media only screen and (min-width: 900px)  and (max-width: 1199px) {
	

.slide-1 h1.white.ust-h1-size {
    font-size:30px !important; 
}
.slide-1 h2 {
    font-size: 20px !important; 
}


}


@media only screen and (max-width: 1279px) {
	
#coupaForYou .medium-block-grid-3>div:nth-of-type(3n+1) {
    clear: inherit !important;
}
.large-block-grid-5>div {
    width: 20%;
}
#coupaSpendSuiteGrid.large-block-grid-5>div {
    width: 47% !important;
}


}

@media only screen and (max-width: 980px) {
	
	.large-block-grid-5>div {
    width: 33.3333%;
}

}


@media only screen and (min-width: 1025px)  and (max-width: 1199px) {

.sub-nav li {
    font-size: 0.95em;
}

}


@media only screen and (min-width: 1440px) {
	
	.slide-1 .heroTxtContainer { padding-left: 13% !important; }
	.slide-1 h1.white.ust-h1-size {
    font-size: 43px !important; 
	}
	.slide-1 h2 {
    font-size: 25px !important;
	}
	#heroHome .slide-1 .btn.marginBottom {
    font-size: 1em !important;
}
	
}