/*==============================================================================
contents
===============================================================================*/

/*////////// layout //////////*/

/*枠*/
.wm-border,
.wm-background,
.wm-border-background {padding: 19px;margin-top:20px;border: 1px solid #c8c8c8}
.wm-background,
.wm-border-background {border-color: #f4b47f}
.wm-border-background {padding: 17px;border-width: 3px}
.wm-border>*:first-child,
.wm-background>*:first-child,
.wm-border-background>*:first-child {margin-top: 0 !important}

/*埋め込みセミナーリスト*/
#seminar{padding:50px 0;background-color: #fffcf4;}
#seminar .seminarlist{width:980px;margin:0 auto;}
#seminar .seminarlist h2{font-size:40px;text-align:center;}
#seminar .seminarlist p{line-height: 1.6em;}
#seminar .seminarlist .item>p {display: none;}


/*////////// text layout //////////*/
.indent_1em {
    text-indent: -1em;
    padding-left: 2em;
    padding-top: 0px!important;
    font-size: 0.9em!important;
    line-height: 1.5em!important;
}


/*===============================================================================*/


/*////////// シェアNo.1 //////////*/
ul.prize{text-align:center;margin:0 0 10px;padding:35px 0 0;}
ul.prize li{display:inline-block;margin:0 20px;}
ul.prize li:first-child{margin-left:0;}
ul.prize li:last-child{margin-right:0;}



/*////////// ダウンロードランキング //////////*/

/*共通*/
.anchor{
    background: #fff;
	width: 980px;
	text-align: center;
	margin: 35px auto 55px;
}
.anchor img {margin-top:20px;}
/*.anchor a:hover{opacity: 0.6;}*/
.link{border-bottom: none;}
.ranking{
	background: #ffffff;
	text-align: center;
	padding: 60px 0 65px 0;margin: 0 auto;
    border-bottom:1px solid #ccc;
}
.ranking img{vertical-align: bottom;}
.ranking .btn:hover{opacity: 0.6;}
.ranking .large { width: 980px;	margin: 40px auto 0;}
.ranking .large ul{position:relative;}
.ranking .large  ul li{ float: left;}
.ranking .large  ul li.character{ width: 435px; padding: 0 25px 0 45px;}
.ranking .large .catch{font-weight: bold; font-size: 21px; color: #000; padding-bottom:10px;}
.ranking .large .title{font-weight: normal; font-size: 26px; color: #dc6700; padding-top: 20px;}
.ranking .large .description{font-weight: normal; font-size: 14px; color:  #000; padding-top: 20px;}
.ranking .large .btn{position:absolute;top:27px;right:30px;/*padding: 27px 30px 0 0;*/}
.ranking .small {width: 480px;margin: 40px 15px 0 0; display: inline-block;}
.ranking .small:nth-of-type(2) {margin-right:0;}
.ranking .small ul.base{height: 233px;position:relative;}
.ranking .small ul.float-l{ float: left;}
.ranking .small ul.float-r{ float: left; width: 310px; /*padding: 0 27px 0 13px;*/}
.ranking .small .catch{font-weight: bold; font-size: 16px; color: #000; padding-bottom:10px;}
.ranking .small .title{font-weight: normal; font-size: 21px; color: #dc6700; padding-top: 20px;}
.ranking .small .description{font-weight: normal; font-size: 14px; color:  #000; padding: 20px 0 10px; min-height: 80px;}
.ranking .small .btn{position:absolute;bottom:30px;right:25px;}


/*ホワイトペーパー*/
#whitepaper.ranking{width:100%;border-bottom:none;}
#whitepaper.ranking .large ul{background:url(//cdn2.hubspot.net/hubfs/1970584/jp/images/lp/lp_mtg/25/wp_bg-large.png) no-repeat;}
#whitepaper.ranking .small ul.base{ background:url(//jp.vcube.com/hubfs/jp/images/lp/common/wp_bg-small480.png) no-repeat;}


/*導入事例*/
#casedl.ranking {width:100%;}
#casedl.ranking h2 {color:#000;font-size:42px;}
#casedl.ranking h2>span{color:#dc6700;font-size:48px;}
#casedl.ranking h2>span>span{font-size:30px;}
#casedl.ranking .large ul{background:url(//cdn2.hubspot.net/hubfs/1970584/jp/images/lp/lp_mtg/25/case_bg-large.png) no-repeat;}
#casedl.ranking .large .title{font-size:23px;}
#casedl.ranking .small ul.base{ background:url(//jp.vcube.com/hubfs/jp/images/lp/common/case_bg-small480.png) no-repeat;}
#casedl.ranking .small .title{font-size:18px;}

/*導入事例一覧/3カラム・事例ページへリンク*/
#case{padding:70px 0;background-color:#bce1ef;}
#case h3{font-size: 52px;text-align: center;margin: 0 auto 20px;}
#case h3+p{font-size:16px;text-align: center;margin-bottom:50px;}
#case .case.list{display:flex;width:980px;margin:0 auto;flex-wrap: wrap;/*justify-content:space-between;*/}
#case .case.list a {color:#464646;display:block;width:31%;box-sizing:border-box;margin:20px 1%;padding:2px 2px 10px;background-color:#fff;text-decoration:none;}
#case .case.list a:hover{opacity: 0.8;}
#case .case.list .item figure{margin-bottom:15px;}
#case .case.list .item h4,
#case .case.list .item p{padding:0 10px;}
#case .case.list .item h4{color: #E58600;font-size: 1.3em;margin-bottom:10px;}
#case .case.list .item p{}
#case .case.list .item img {max-width: 100%;height: auto;}


/*////////// 問い合わせフォーム //////////*/

/*常駐お問い合わせボタン*/
#contactbtn_fix{position: fixed;right: 0px;bottom: 210px;z-index:1000;}
#contactbtn_fix a img:hover{opacity: 1.0!important;}

/*お問い合わせフォームエリア*/
#contactform{background-color:#f7f7f7;border-top: 6px solid #fee0d5;}
#contactform .container:before {
	content:"";
	display: block;
	width:0;height:0; margin:-30px auto 0;
	border-top: 50px solid rgb(255,255,255);
	border-left: 55px solid transparent;
	border-right: 55px solid transparent;
	border-top: 50px solid #fee0d5;
}
#contactform .container{width:980px;margin:0 auto;padding:30px 0;}
#contactform header{text-align:center;}
#contactform header h2 {
    color: #dc6700;font-size:300%;
    border-radius: 9px;
    margin-top: 40px;
}
#contactform header h2:after {
    content: "";
    display:block;width:22%;margin:13px auto;
    border-bottom: 1px solid #dc6700;
}
#contactform header p {
    font-size:120%;/*line-height: 1.7em;*/text-align:center;
    margin-top: 37px;
}

/* noscript */
#contactform noscript{}
#contactform noscript div{border:2px solid #FF0000;padding:25px;margin-top:30px;}
#contactform noscript div *{text-align:center;}
#contactform noscript h4{color:#FF0000;font-size:150%;}
#contactform noscript h4:after{content:"";display:block;margin:5px auto 15px;width:15%;border-bottom:1px solid #FF0000;}
#contactform noscript *+h4{margin-top:30px;}
#contactform noscript p{font-size:120%;}
#contactform noscript p.mail strong{color:#FF0000;font-size:120%;}
#contactform noscript ul{margin:15px 30px;}
#contactform noscript ul li{font-size:120%;font-weight:bold;list-style:none;}
#contactform noscript ul *+li{margin-top:5px;}


/* hs-form */
.hbspt-form{margin-top:40px;font-size:130%;padding:20px;background-color:#fff;}/*フォーム大枠*/
.hs-form fieldset {
    max-width: 100% !important;
    border: 1px solid #c8c8c8;
}
.hs-form fieldset .hs-form-field {/*tr*/
    display: table;
    text-align:left;
    width: 100%;min-height: 70px;margin-bottom:1px;
    /*border-right: 1px solid #c8c8c8;*/
    
}
.hs-form fieldset .hs_privacy_policy.hs-form-field {
    border-right: 0;
}
.hs-form-field label {/*th*/
    padding: 14px;
    display: table-cell;
    width: 230px;
    font-weight:bold;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #333;
    background-color: #f0f0f0;
    /*border: 1px solid #c8c8c8;
    border-bottom: none;*/
	border-top:1px dotted #fff;
}
.hs-form-field.hs_lastname label {
    border-top: 0;
}
.hs-form-field .hs-form-checkbox label {
    padding-top: 10px;
    padding-bottom: 5px;
    width: auto;
    border: none;
	font-weight: normal;
	background-color:#fff;
}
.hs-form-field .hs-form-checkbox label span {
    font-size: 90%;
}
.hs-form-field.hs_lastname label {}
.hs-form-required {
    color: red; font-size:0;
		position: relative;
}
/*必須ラベル*/
.hs-form-required:after,span.required {
    content: "\5FC5\9808";
    display: inline-block;
    width: 2.8em;padding:1px 2px 1px 3px!important;margin:3px 0 0 7px;
    color:#fff;font-size: 12px;letter-spacing: 2px;
    font-weight:100;text-align:center;
    background-color: #ff8400;
    border-radius: 3px;
    /*position: absolute;*/
}
span.required{margin-right:5px;}
.hs-form fieldset.form-columns-1 .input {/*td*/
    padding: 20px 14px 0 14px;
    /*border-top: 1px solid #c8c8c8;*/
	border-top:1px dotted #c8c8c8;
    margin-right: 0 !important;
}
.hs-form fieldset.form-columns-1 .hs_kadai_dtl__c .input, .hs-form fieldset.form-columns-1 .hs_issue__c .input, .hs-form fieldset.form-columns-1 .hs_inquiry_detail__c .input {
    padding-bottom: 20px;
}
.hs-form fieldset.form-columns-1 .hs_kadai_dtl__c .hs-error-msgs, .hs-form fieldset.form-columns-1 .hs_issue__c .hs-error-msgs, .hs-form fieldset.form-columns-1 .hs_inquiry_detail__c .hs-error-msgs {
    padding-bottom: 14px;
}
.hs-form fieldset.form-columns-1 .hs-input {
    margin-right: 0 !important;padding: 0 10px;
    width: 63.5% !important;
}
.hs-form fieldset.form-columns-1:nth-last-of-type54) {/*項目最下部（お問い合わせ内容）*/
    /*border-bottom: 1px solid #c8c8c8;*/
}
.hs-form fieldset.form-columns-1:nth-last-of-type(5) label{/*項目最下部（お問い合わせ内容）*/
    border-bottom: 1px dotted #fff;
}
.hs-form fieldset.form-columns-1:nth-last-of-type(5) .input{/*項目最下部（お問い合わせ内容）*/
    border-bottom: 1px dotted #c8c8c8;
}
.hs-form fieldset.form-columns-2 {/*２カラム（氏名）*/
    /*border-top: 1px solid #c8c8c8;
    border-right: 1px solid #c8c8c8;*/
}
.hs-form fieldset.form-columns-2 .input {
    padding: 14px;
    margin-right: 0 !important;
    padding-top: 20px;
    padding-bottom: 0;
}
.hs-form fieldset.form-columns-2 .input input {
    width: 200px;
    max-width: 200px;
    padding: 0 10px;
}
.hs-form fieldset.form-columns-2 .hs-form-field {
    border-right: 0;
    min-height: 70px;
}
.hs-form-field input, .hs-form-field textarea {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", Verdana, "ＭＳ Ｐゴシック", "MS P Gothic", "aktiv-grotesk", Helvetica, sans-serif;
    display: table-cell;
    /*padding: 8px 3px;*/
    border-radius: 0;
    border: #cfcfcf solid 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    margin-bottom: 5px;
    font-size: 100%;
    line-height: 1.5;
}
.hs-form fieldset.form-columns-1 textarea.hs-input {
    width: 100% !important;
    min-height: 90px;padding: 0 10px;
}
.hs-form-field ul li {
    list-style: none;
}
.hs-form fieldset input[type='text'],.hs-form fieldset input[type='email'], .hs-form fieldset select {
    height: 30px;
    line-height: 30px;
    border: 1px solid #c8c8c8;
    border-radius: 0;
    outline: none;
    font-size:100%;
    margin-bottom: 0;
}
.hs-form fieldset select {
    background-color: #f7f7f7;
}
.hs-form fieldset.form-columns-1 input[type="checkbox"], .hs-form fieldset.form-columns-1 input[type="radio"] {
    display: inline-block;
    margin-right: 5px !important;
    width: auto !important;
}

/*エラーメッセージ*/
.hs-error-msgs {
    font-size:80%;
	/*margin-top:4px;*/
	background-color:#fff;/*消さないこと*/
}
.form-columns-2 .hs-error-msgs {/*border-right: none;*/}
.hs-error-msgs label {
    color:red;font-weight:normal!important;
    width:auto;padding:5px 15px 10px;
    border:none;background-color:#fff;
}

/*個人情報保護方針*/
.hs-form .form-columns-1 .hs_privacy_policy {
    margin-top: 50px;
}
.hs-form .form-columns-1 .hs_privacy_policy .input {/*個人情報同意欄*/
    border: none;
    padding: 0;
}
.hs-form .form-columns-1 .hs_privacy_policy .hs-error-msgs {
    /*text-align: center;*/
}
.hs-form .form-columns-1 .hs_privacy_policy .hs-error-msgs label {
    display: block;text-align: center;
}
.hs-form .form-columns-1 .hs_privacy_policy .hs-field-desc {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.hs-form .form-columns-1 .hs_privacy_policy > label {
    display: none !important;
}
.hs-form .form-columns-1 .hs_privacy_policy .hs-error-msgs {
    border-right: none;
}
.hs-form-booleancheckbox label {/*個人情報同意エリア*/
    display: block;
    width: 100%;padding:0;
    border: none;
    text-align: center;
	background-color:#fff;
}
.hs-form-booleancheckbox label a{color:#3398c2;text-decoration:underline;}
.hs-form-booleancheckbox label a:hover{text-decoration:none;}


/*送信ボタン*/
.hs-form .hs_submit {/*送信ボタンエリア*/
    margin: 0 auto;
    max-width: 350px;
    margin-top: 20px;
	margin-bottom: 40px;
}
.hs-form .hs_submit .actions {/*送信ボタンwrap*/
    background-color: #48a943;
    border-radius: 3px;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.hs-form .hs_submit .actions input {/*送信ボタン*/
    width: 100%;
    font-size: 150%; line-height: 1; color: rgb(255, 255, 255);
    cursor: pointer;
    background-image: none; background-color: transparent;
    font-weight: bold;
    height: 60px; padding: 20px 0px;
    border: 0px;
}
.hs-form .hs_submit .actions:hover {opacity: 0.5;}
.hs-form .hs_submit p.submiterror {font-weight: bold;font-size:100%!important;}

@-moz-document url-prefix() {
    .hs-form fieldset.form-columns-2 .input,.hs-form fieldset.form-columns-1 .input {
        padding-bottom: 20px;
    }
    .hs-form fieldset.form-columns-1 .hs-error-msgs, .hs-form fieldset.form-columns-2 .hs-error-msgs {
        padding-bottom: 14px;
    }
}
/* 800px version */
@media only screen and (max-width: 800px) {
body {
    margin: 0 auto;
    padding: 0 0px;
}

/* hsform sp */
.hs-form-field label {
    display: block !important;
    width: auto !important;
    border-right: 0;
    padding:8px;
}
.hs-form fieldset.form-columns-1 .input {/*td*/
    padding: 14px;
    /*border-left: 1px solid #c8c8c8;*/
}
.hs-form fieldset.form-columns-1 .hs-input {
    width: 100% !important;
}
.hs-form fieldset.form-columns-2 {/*氏名部分*/
    /*border-top: 1px solid #c8c8c8;
    border-left: 1px solid #c8c8c8;
    border-right: 1px solid #c8c8c8;*/
}
.hs-form fieldset.form-columns-2 .input {
    padding-top: 14px;
    padding-bottom: 14px;
}
.hs-form fieldset.form-columns-2 .input input {
    width: 100%;
    max-width: 100%;
}
.hs-form fieldset.form-columns-2 .hs-form-field {
    width: 100% !important;
}
.hs-form fieldset.form-columns-2 .hs-form-field label {
    border: none;
    border-bottom: none;
}
.hs-form fieldset.form-columns-2 .hs_firstname.hs-form-field label {/*氏名部分th*/
    /*border-top: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;*/
}
.hs-form fieldset.form-columns-2 .hs_lastname.hs-form-field label {/*氏名部分th*/
    /*border-bottom: 1px solid #c8c8c8;*/
}
.hs-form fieldset.form-columns-2 .hs-form-field .hs-error-msgs label {
    border-bottom: none;
}
.hs-form fieldset.form-columns-2 .hs_firstname.hs-form-field .hs-error-msgs label {
    border-top: none;
}
.hs-error-msgs {/*エラーメッセージ出現時*/
    /*border-left: #cfcfcf solid 1px;*/
}
.hs-error-msgs label {
    padding-bottom: 14px;
}
.hs-form .form-columns-1 .hs_privacy_policy .hs-error-msgs {
    border-left: none;
}
.hs-form fieldset.form-columns-2 .hs-error-msgs {
    border-left: none;
}

}

@media (max-width: 400px), (max-device-width: 480px) and (min-device-width: 320px) {
form.hs-form .form-columns-2 .hs-form-field .hs-input, form.hs-form .form-columns-3 .hs-form-field .hs-input {
    width: 100% !important;
}
.hs-form .hs_lastname label {
    margin-left: 0;
}
.hs-form fieldset.form-columns-2 .input {
    margin-right: 0 !important;
}
.hs-form fieldset.form-columns-2 .hs-form-field:nth-child(2) .input, .hs-form fieldset.form-columns-2 .hs-form-field:nth-child(2) label, .hs-form fieldset.form-columns-2 .hs-form-field:nth-child(2) .hs-error-msgs {
    margin-left: 0;
}
}


/*----------------------------------------
　YouTube埋め込み調整用
----------------------------------------*/
.youtube-embed{position:relative;height: 0;width:100%;padding-bottom: 56.22%;}
.youtube-embed iframe{position: absolute;width: 100%;height: 100%;top: 0;left: 0;margin-top:0!important;}