@charset "utf-8";

/* SP ver. */

/* common */
body{
  color: #1B2C3F;
  font-family: Helvetica,Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","Osaka",sans-serif;
  font-size: 12px;
  line-height: 1.6;
  word-wrap: break-word;
}

a,
a:link,
a:visited,
a:hover,
a:active{
  color: #121e2b;
  text-decoration: none;
}

.link-w a,
.link-w a:link,
.link-w a:visited,
.link-w a:hover,
.link-w a:active{
  color: #fff;
  text-decoration: none;
}

.link-sp-w a,
.link-sp-w a:link,
.link-sp-w a:visited,
.link-sp-w a:hover,
.link-sp-w a:active{
  color: #fff;
  text-decoration: none;
}

.btn,
#seminar article #article-body .btn{
  padding: 0!important;
  text-align: center;
}

.btn a,
#seminar article #article-body .btn a{
  background-color: #1B2C3F;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  line-height: 56px;
  text-decoration: none;
  vertical-align: middle;
  width: 100%;
}

.btn img,
#seminar article #article-body .btn img{
  display: inline;
  height: 10px;
  margin: 0 5px 0 0;
  width: auto;
}


/* header */
header{
  height: 42px;
  position: relative;
}

header #header-inner{
  background-color: #fff;
  border-bottom: #121e2b solid 2px;
  height: 42px;
  position: fixed;
  width: 100%;
  z-index: 10000;
}

header #site-logo{
  text-align: center;
}

header #site-logo img{
  height: 22px;
  margin: 9px auto;
  width: 148px;
}

header #site-description{
  display: none;
}

header #site-nav{
}

header #site-nav #site-nav-button{
  left: 10px;
  position: absolute;
  top: 8px;
}

header #site-nav #site-nav-button img{
  height: 24px;
  width: 24px;
}

header #site-nav ul{
  background-color: #fff;
  border-top: #121e2b solid 2px;
  display: none;
}

header #site-nav li{
  border-bottom: #121e2b solid 2px;
  display: inline-block;
  font-size: 14px;
  line-height: 40px;
  padding: 0 10px;
  vertical-align: middle;
  width: 100%;
}

header #site-nav li a{
  background: url('../images/ornmnt_tap_arrow.png') right center no-repeat;
  background-size: 6px 14px;
  display: block;
  width: 100%;
}

header #site-search #site-search-button{
  right: 10px;
  position: absolute;
  top: 8px;
}

header #site-search #site-search-button img{
  height: 24px;
  width: 24px;
}

header #site-search form{
  background-color: #fff;
  border-bottom: #121e2b solid 2px;
  border-top: #121e2b solid 2px;
  display: none;
  padding: 10px;
}

header #site-search form:after{
  content: "";
  clear: both;
  display: block;
}

.site-search-box:after{
  content: "";
  clear: both;
  display: block;
}

.site-search-title{
}

.site-search-input{
  background-color: #fff;
  border: #999 solid 1px;
  display: block;
  float: left;
  height: 50px;
  margin-right: 10px;
  padding: 0 5px;
  width: calc(100% - 60px);
}

.site-search-submit{
  background: url('../images/btn_search.png') left top no-repeat;
  background-size: 50px;
  border: 0px;
  display: block;
  float: left;
  height: 50px;
  width: 50px;
}

#wrap-content h2,
#wrap-content h3{
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 8px;
}

#wrap-content section:after{
  content: "";
  clear: both;
  display: block;
}


/* corner-top-header */
.corner-top-header{
  font-size: 0;
  padding: 20px 0 0;
  text-align: center;
}

.corner-top-header div{
  display: inline-block;
  line-height: 60px;
  vertical-align: middle;
}

.corner-top-header-left-pain{
  margin-right: 5px;
}

.corner-top-header-left-pain img{
  height: 60px;
  width: auto;
}

.corner-top-header-right-pain p{
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 28px;
  line-height: 1;
  margin-bottom: 5px;
}

.corner-top-header-right-pain p:first-letter{
  color: #E60012;
}

.corner-top-header-right-pain h1{
  font-size: 16px;
  line-height: 1;
}


/* breadcrumb */
#breadcrumb{
  display: none;
}

/* common parts */
.section-corner-intro{
  padding: 0 10px 20px;
}

.section-corner-intro-inner{
  background: url('../images/bg_title.png') center 0 no-repeat;
  background-size: 178px 91px;
}

.section-corner-intro-title{
  padding: 20px 0 0;
  text-align: center;
  width: 100%;
}

.section-corner-intro-title img{
  height: auto;
  width: 40px;
}

.section-corner-intro-title p{
  font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
  font-size: 28px;
  font-weight: bold;
  line-height: 1;
  padding-bottom: 5px;
}

.section-corner-intro-title p:first-letter{
  color: #E60012;
}

#wrap-content .section-corner-intro-title h2{
  font-size: 16px;
  margin: 0;
}

.section-corner-intro-box{
  background-color: #fff;
  border: #1B2C3F solid 4px;
  margin: 20px 0 0;
  width: 100%;
}

.section-corner-intro-box-img{
  padding: 10px;
  text-align: center;
}

.section-corner-intro-box-img img{
  height: auto;
  margin: 0 auto;
  max-width: 320px;
  width: 100%;
}

.section-corner-intro-box-text{
  width: 100%;
}

.section-corner-intro-box-text h3{
  padding: 0 10px;
}

.section-corner-intro-box-text p{
  padding: 0 10px 10px;
}

.section-corner-intro-box-text .section-corner-intro-box-text-sub{
  font-weight: bold;
}

#article-sns{
  padding: 0 10px;
}

#article-sns-inner{
  border: #ececec solid 8px;
  font-size: 0;
  min-height: 117px;
  padding: 20px 0;
  text-align: center;
}

#article-sns-inner div{
  display: inline-block;
  margin-left: 20px;
  vertical-align: bottom;
}

#article-sns-inner div:first-child{
  margin-left: 0;
}

#article-sns div.tw-tweet{
  overflow: hidden;
  width: 70px;
}

#section-contact-card{
  padding: 30px 10px 0;
}

#section-contact-card-inner{
  background-color: #ececec;
  padding: 0 10px 20px;
}

#section-contact-card h2{
  margin: 0;
  padding: 20px 0 0;
  text-align: center;
}

#section-contact-card h2 img{
  height: auto;
  width: 120px;
}

#section-contact-card-contact{
  padding: 20px 0 0;
}

#section-contact-card-contact .tel{
  font-size: 30px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}

#section-contact-card-contact .tel img{
  height: 30px;
  padding-right: 8px;
  width: auto;
  vertical-align: middle;
}

#section-contact-card-contact .btn{
  margin: 20px 0 0;
}

#section-contact-card-branch ul,
#section-contact-card-branch li{
  list-style: none;
}

#section-contact-card-branch ul{
  padding: 10px 0 0;
}

#section-contact-card-branch li{
  font-size: 24px;
  font-weight: bold;
  line-height: 24px;
  margin: 10px 0 0;
  text-align: center;
  vertical-align: middle;
}

#section-contact-card-branch li span{
  border: #1B2C3F solid  3px;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  margin: -3px 5px 0 0;
  padding: 2px 0;
  text-align: center;
  vertical-align: middle;
  width: 60px;
}

.column-article-rcmmd{
  margin: 30px 0 0;
  padding: 0 10px;
}

.column-article-rcmmd h2{
  background-position: left top;
  background-repeat: no-repeat;
  background-size: auto 16px;
  font-size: 16px;
  margin: 0!important;
  padding-left: 20px;
}

.column-article-rcmmd-list ul,
.column-article-rcmmd-list li{
  list-style: none;
}

.column-article-rcmmd-list li{
  background-color: #ececec;
  margin: 10px 0 0;
  padding: 10px 0 0;
}

.column-article-rcmmd-list li:first-child{
  margin: 0;
}

.column-article-rcmmd-list-img{
  background-none;
  text-align: center;
}

.column-article-rcmmd-list-img img{
  height: auto;
  margin: 0 auto;
  vertical-algin: top;
  width: 190px;
}

.column-article-rcmmd-list-text-inner{
  padding: 10px;
}

#article-rltv-wp .btn img{
  height: 14px;
  width: auto;
}

#article-rltv-column h2{
  background-image: url('../images/ornmnt_column_rltv_column.png');
}

#article-rltv-wp h2{
  background-image: url('../images/ornmnt_column_rltv_wp.png');
}

#article-rltv-service h2{
  background-image: url('../images/ornmnt_column_rltv_service.png');
}

#article-rcmmd-column h2{
  background-image: url('../images/ornmnt_column_rcmmnd_column.png');
}

#article-rcmmd-column .column-article-rcmmd-list li{
  border: #1B2C3F solid 4px;
  padding: 0;
}

#article-rcmmd-column .column-article-rcmmd-list-text-inner,
#article-rcmmd-column .column-article-rcmmd-list-text h3{
  margin: 0;
  padding: 0;
}

#article-rcmmd-column .column-article-rcmmd-list li a{
  display: block;
}

#article-rcmmd-column .column-article-rcmmd-list-img a{
  padding: 10px;
}

#article-rcmmd-column .column-article-rcmmd-list-text a{
  display: block;
  padding: 0 10px 10px;
}

#article-rcmmd-wp{
  padding: 0;
}

#article-rcmmd-wp h2{
  background-image: url('../images/ornmnt_column_rcmmnd_wp.png');
  margin: 0 10px!important;
}

#article-rcmmd-wp .column-article-rcmmd-list ul{
  font-size: 0;
  padding: 0 4px;
  text-align: left;
}

#article-rcmmd-wp .column-article-rcmmd-list li{
  background: none;
  display: inline-block;
  margin: 0 5px;
  padding: 20px 0 0;
  position: relative;
  width: 145px;
}

#article-rcmmd-wp .column-article-rcmmd-list li:first-child,
#article-rcmmd-wp .column-article-rcmmd-list li:first-child + li{
  padding: 0;
}

#article-rcmmd-wp .column-article-rcmmd-list h3{
  background: url('../images/bg_transparent_navy_blue.png') 0 0 repeat;
  bottom: 41px;
  color: #fff;
  font-size: 12px;
  left: 0;
  margin: 0 1px;
  min-height: 60px;
  padding: 5px;
  position: absolute;
  text-align: left;
}

#article-rcmmd-wp .column-article-rcmmd-list h3 a{
  display: block;
}

#article-rcmmd-wp .column-article-rcmmd-list-img{
  background-color: #eee;
  border: #1B2C3F solid 1px;
  display: inline-block;
  line-height: 107px;
  vertical-align: middle;
}

#article-rcmmd-wp .column-article-rcmmd-list-img img{
  height: auto;
  width: 100%;
}

#article-rcmmd-wp .column-article-rcmmd-list .btn a{
  backgound-color: #1B2C3F;
  font-weight: bold;
  line-height: 40px;
  position: relative;
  vertical-align: middle;
  width: 100%;
}

#article-rcmmd-wp .column-article-rcmmd-list .btn img{
  height: 14px;
  width: auto;
}

#section-seminar{
  background-color: #fff;
}

#section-seminar.underpage-common-bg{
  margin-top: 40px;
  background-color: #ececec;
}

#section-seminar .section-corner-intro-box{
  background: none;
  border: none;
}

#section-seminar .section-corner-intro-box-each{
  background-color: #fff;
  border: #1B2C3F solid 4px;
  margin-top: 20px;
}

#section-seminar .section-corner-intro-box-each:first-child{
  margin-top: 0;
}

#section-seminar .seminar-city,
.indexpage .corner-top-list-box-text p.seminar-city{
  background-color: #ececec;
  border: #1B2C3F solid 1px;
  font-size: 14px;
  font-weight: bold;
  margin: 0 10px 10px;
  padding: 5px;
  text-align: center;
}

#information-area{
  background-color: #ececec;
  margin-top: 40px;
  padding: 0 10px;
}

#section-seminar + #information-area,
#section-column-access-ranking + #information-area,
#frontpage #information-area{
  margin: 0;
}

#information-area.underpage-common-bg{
  background-color: #fff;
}

#information-area.transparent{
  background: none;
}

#information-area section{
  border-top: #fff dashed 1px;
  padding: 20px 0;
}

#information-area.underpage-common-bg section{
  border-top: #ccc dashed 1px;
}

#information-area.transparent section{
  border-top: #aaa dashed 1px;
}

#information-area section:first-child{
  border: none;
}

#information-area section .information-section-inner{
  background: left center no-repeat;
  background-size: 50px 52px;
}

#information-area section h2,
#information-area section h3,
#information-area section p{
  padding-left: 60px;
  width: 100%;
}

#information-area section h2{
  font-size: 16px;
  padding-bottom: 10px;
}

#information-area section p.btn{
  margin: 10px 0 0 0;
}

#information-area #section-mail-magazine .information-section-inner{
  background-image: url('../images/icon_mail_magazine.png');
}

#information-area #section-mail-magazine form{
  padding: 10px 0 0;
}

#information-area #section-mail-magazine form:after{
  content: "";
  clear: both;
  display: block;
}

#information-area #section-mail-magazine input[type="text"]{
  background-color: #fff;
  border: #999 solid 1px;
  display: block;
  float: left;
  height: 50px;
  margin-right: 10px;
  padding: 0 5px;
  width: calc(100% - 60px);
}

#information-area #section-mail-magazine input[type="submit"]{
  background-color: #121e2b;
  border: 0px;
  color: #fff;
  display: block;
  float: left;
  font-size: 16px;
  height: 50px;
  width: 50px;
}

#information-area #section-social-risk-diagnose .information-section-inner{
  background-image: url('../images/icon_social_risk_diagnose.png');
}

#information-area #section-social-risk-diagnose .information-area-btn img{
  height: 13px;
  width: 61px;
}

#information-area .information-section-inner{
  background-position: left center;
  background-size: 50px 52px;
}

#section-about{
  background: #fff url("../images/site_logo.png") center 20px no-repeat;
  background-size: 180px auto;
  padding: 50px 0 10px;
}

#section-about.underpage-common-bg{
  background-color: #ececec;
}

#section-about-text{
  padding: 10px;
}

#section-about-text p{
  padding: 20px 0 0;
}

#section-about-text h2 + p{
  padding: 0;
}

#section-about-text p sup{
  font-size: 70%;
  display: inline-block;
}

#section-about-img{
  display: none;
}

#section-service{
  background: #ececec url("../images/corporate_logo.png") center 20px no-repeat;
  background-size: 116px 36px;
  padding: 57px 0 20px;
}

#section-service.underpage-common-bg{
  background-color: #fff;
}

#section-service h2{
  padding: 20px 10px 0;
  text-align: center;
}

#section-service h3{
  font-size: 14px;
  margin-bottom: 5px;
  text-align: center;
}

#section-service h3.narrow{
  font-size: 14px;
  letter-spacing: -2px;
}

#section-service p{
  padding: 0 10px;
}

#section-service ul{
  font-size: 0;
  padding: 0 5px;
  text-align: center;
}

#section-service li{
  display: inline-block;
  margin: 20px 5px 0;
  width: 145px;
}

#section-service .section-service-img{
  padding: 0;
}

#section-service .section-service-img img{
  border: #1B2C3F solid 2px;
  height: auto;
  width: 100%;
}

#section-service .btn a{
  line-height: 50px;
}

#section-inquiry{
  background-color: #57636f;
  padding: 0 10px 20px;
}

#section-inquiry-inner{
  background: url('../images/bg_title_gray02.png') center top no-repeat;
  background-size: 153px 152px;
}

#frontpage #section-inquiry .section-corner-intro-title{
  color: #fff;
}

#section-inquiry-field{
  background: none;
  color: #fff;
  border: none;
  margin: 0;
  padding: 0;
}

#section-inquiry-field span,
#material article form span,
#seminar #section-seminar-form form span{
  background-color: #e60012;
  display: inline-block;
  font-size: 10px;
  font-weight: bold;
  line-height: 10px;
  margin-left: 5px;
  margin-top: -2px;
  padding: 3px 6px;
  vertical-align: middle;
}

#section-inquiry-field ul,
#material article form ul{
  list-style: none;
  padding: 10px 0 0;
}

#section-inquiry-field ul > li,
#material article form ul > li{
  list-style: none;
  padding: 10px 0 0;
  position: relative;
}

#section-inquiry-field ul > li > input[type="checkbox"],
#material article form ul > li > input[type="checkbox"]{
  cursor: pointer;
  display: block;
  height: 100%;
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  position: absolute;
  width: 100%;
}

#section-inquiry-field ul > li > label,
#material article form ul > li > label{
  background: url('../images/btn_inquiry_checkbox_off.png') left center no-repeat;
  display: block;
  height: 18px;
  line-height: 18px;
  padding-left: 32px;
  vertical-align: middle;
}

#section-inquiry-field ul > li > input[type="checkbox"]:checked + label,
#material article form ul > li > input[type="checkbox"]:checked + label{
  background: url('../images/btn_inquiry_checkbox_on.png') left center no-repeat;
}

#section-inquiry-field dl > dt,
#material article form dl > dt,
#seminar #section-seminar-form dl > dt{
  padding: 20px 0 0;
}

#section-inquiry-field dl > dd > input[type="text"],
#section-inquiry-field dl > dd > select,
#material article form dl > dd > input[type="text"],
#material article form dl > dd > select,
#seminar #section-seminar-form form dl > dd > input[type="text"],
#seminar #section-seminar-form form dl > dd > select{
  background-color: #fff;
  border: #000 solid 1px;
  color: #121e2b;
  height: 30px;
  padding: 5px;
  width: 100%;
}

#section-inquiry-field dl > dd > select,
#material article form dl > dd > select,
#seminar #section-seminar-form form dl > dd > select{
  background: #fff url('../images/btn_select_arrow.png') 5px center no-repeat;
  padding-left: 20px;
}

#section-inquiry-field dl > dd > textarea{
  background-color: #fff;
  border: #000 solid 1px;
  color: #121e2b;
  height: 190px;
  padding: 5px;
  width: 100%;
}

#section-inquiry-pp-lead{
  color: #fff;
  padding: 20px 0 0;
}

#section-inquiry-pp-box{
  background-color: #fff;
  border: #999 solid 1px;
  color: #666;
  font-size: 9px;
  line-height: 1.2;
  padding: 5px;
  width: 100%;
}

.section-inquiry-pp-box-title{
  font-size: 12px;
  font-weight: bold;
  line-height: 1.4;
}

#section-inquiry-pp-box-list-kanji,
#section-inquiry-pp-box-list-kanji li{
  list-style-position: outside;
  list-style-type: cjk-ideographic;
  margin-left: 12px;
}

#section-inquiry-pp-box-list-num,
#section-inquiry-pp-box-list-num li{
  list-style-position: outside;
  list-style-type: decimal;
  margin-left: 8px;
}

#section-inquiry input[type="submit"],
#material article form input[type="submit"],
#seminar #section-seminar-form form input[type="submit"]{
  background: #121e2b url('../images/btn_submit_mail.png') center center no-repeat;
  background-size: auto 20px;
  font-size: 0;
  height: 60px;
  margin-top: 20px;
  width: 100%;
}

#section-inquiry .download input[type="submit"]{
  background: #121e2b url('../images/btn_material_download_alt.png') center center no-repeat;
  background-size: auto 20px;
}


/* section-sns */
#section-sns{
  background-color: #ececec;
  padding: 20px 10px;
  text-align: center;
}

#section-sns > div{
  min-height: 130px;
}

/* footer */
footer{
  background: url('../images/bg_footer.png') left top repeat-y;
  background-size: 100%;
  color: #fff;
  padding: 20px;
}

footer #footer-nav ul{
  font-size: 0;
  margin-left: 0;
}

footer #footer-nav ul > li{
  display: inline-block;
  font-size: 12px;
  margin-left: 5px;
  margin-right: 10px;
}

footer #footer-nav ul > li:before{
  content: "-";
  position: absolute;
  margin-left: -5px; 
}

footer #footer-nav ul > li:first-child{
  display: block;
  margin-left: 0;
}

footer #footer-nav ul > li:first-child:before{
  content: "";
}

footer #corporate-nav ul{
  font-size: 0;
  padding: 10px 0 0;
}

footer #corporate-nav ul > li{
  display: inline-block;
  font-size: 12px;
  margin-left: 5px;
  margin-right: 10px;
  vertical-align: middle;
}

footer #corporate-nav ul > li:before{
  content: "-";
  position: absolute;
  margin-left: -5px; 
}

footer #corporate-nav ul > li:first-child{
  background: url('../images/ornmnt_arrow.png') left center no-repeat;
  display: block;
  padding-left: 15px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 3px;
}

footer #corporate-nav ul > li:first-child:before{
  content: "";
  margin-left: 0; 
}

footer #service-nav ul{
  font-size: 0;
  padding: 10px 0 0;
}

footer #service-nav ul > li{
  display: inline-block;
  font-size: 12px;
  margin-left: 5px;
  margin-right: 10px;
  vertical-align: middle;
}

footer #service-nav ul > li:before{
  content: "-";
  position: absolute;
  margin-left: -5px; 
}

footer #service-nav ul > li:first-child{
  background: url('../images/ornmnt_arrow.png') left center no-repeat;
  display: block;
  padding-left: 15px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 3px;
}

footer #service-nav ul > li:first-child:before{
  content: "";
  margin-left: 0; 
}

footer #copyright{
  padding: 20px 0 0;
  text-align: center;
}

/* frontpage */
#frontpage #section-latest-column{
  background: url('../images/bg_section_latest_column.png') 0 0 repeat;
  background-size: 4px 4px;
  padding: 10px;
}

#frontpage #section-latest-column-inner{
  margin: 0 auto;
  max-width:414px;
  position: relative;
}

#frontpage #section-latest-column h2{
  left: 0;
  position: absolute;
  top: 0;
  z-index: 100;
}

#frontpage #section-latest-column h2 img{
  height: 37px;
  width: 100px;
}

#frontpage #section-latest-column #section-latest-column-img{
  background-color: #121e2b;
  min-height: 240px;
}

#frontpage #section-latest-column #section-latest-column-img img{
  height: auto;
  width: 100%;
}

#frontpage #section-latest-column #section-latest-column-text{
  background: url('../images/bg_transparent_navy_blue.png') 0 0 repeat;
  bottom: 0;
  color: #fff;
  left: 0;
  padding: 10px 10px 8px;
  position: absolute;
  width: 100%;
}

#frontpage #section-latest-column #section-latest-column-text .btn{
  display: none;
}

#frontpage #section-column-access-ranking,
#column #section-column-access-ranking,
#glossary.indexpage #wrap-content,
#seminar.indexpage #wrap-content,
#feature.indexpage #wrap-content,
#survey.indexpage #wrap-content{
  background: url('../images/bg_section_column_access_ranking.png') 0 0 repeat;
  background-size: 100%;
}

#frontpage #section-column-access-ranking-inner,
#column #section-column-access-ranking-inner,
#glossary.indexpage #wrap-content-inner,
#seminar.indexpage #wrap-content-inner,
#feature.indexpage #wrap-content-inner,
#survey.indexpage #wrap-content-inner{
  background: url('../images/bg_title.png') center 0 no-repeat;
  background-size: 178px 91px;
}

#frontpage #section-white-paper-inner{
  background: url('../images/bg_title_gray.png') center 0 no-repeat;
  background-size: 132px 104px;
}

#frontpage #section-column-access-ranking #section-column-access-ranking-menu ul,
#column #section-column-access-ranking #section-column-access-ranking-menu ul{
  font-size: 0;
  padding: 20px 0 0;
  text-align: center;
}

#frontpage #section-column-access-ranking #section-column-access-ranking-menu li,
#column #section-column-access-ranking #section-column-access-ranking-menu li{
  background-color: #fff;
  border: #1B2C3F solid 4px;
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  height: 27px;
  line-height: 19px;
  margin-right: 1px;
  vertical-align: middle;
  width: 74px;
}

#frontpage #section-column-access-ranking #section-column-access-ranking-menu li.selected,
#frontpage #section-column-access-ranking #section-column-access-ranking-menu li.selected a,
#column #section-column-access-ranking #section-column-access-ranking-menu li.selected,
#column #section-column-access-ranking #section-column-access-ranking-menu li.selected a{
  background-color: #1B2C3F;
  color: #fff;
}

#frontpage #section-column-access-ranking #section-column-access-ranking-menu li:last-child,
#column #section-column-access-ranking #section-column-access-ranking-menu li:last-child{
  margin-right: 0;
}

#frontpage #section-column-access-ranking #section-column-access-ranking-list,
#column #section-column-access-ranking #section-column-access-ranking-list{
  padding: 10px;
  text-align: center;
}

#frontpage #section-column-access-ranking #section-column-access-ranking-list li,
#column #section-column-access-ranking #section-column-access-ranking-list li{
  background-color: #fff;
  border: #1B2C3F solid 4px;
  display: inline-block;
  height: 120px;
  margin: 10px 0 0;
  max-width: 320px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

#frontpage #section-column-access-ranking #section-column-access-ranking-list li:after,
#column #section-column-access-ranking #section-column-access-ranking-list li:after{
  content: "";
  clear: both;
  display: block;
}

#frontpage #section-column-access-ranking #section-column-access-ranking-list li a,
#column #section-column-access-ranking #section-column-access-ranking-list li a{
  display: block;
  height: 112px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}

#frontpage #section-column-access-ranking #section-column-access-ranking-list li h3,
#column #section-column-access-ranking #section-column-access-ranking-list li h3{
  display: inline-block;
  float: right;
  padding: 23px 5px 5px;
  text-align: left;
  width: 60%;
}

#frontpage #section-column-access-ranking #section-column-access-ranking-list li span,
#column #section-column-access-ranking #section-column-access-ranking-list li span{
  color: #999;
  display: block;
  font-weight: bold;
  left: calc(40% + 5px);
  position: absolute;
  text-align: left;
  top: 5px;
  width: 140px;
}

#frontpage #section-column-access-ranking #section-column-access-ranking-list li p,
#column #section-column-access-ranking #section-column-access-ranking-list li p{
  background-color: #eee;
  display: inline-block;
  float: right;
  line-height: 112px;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 40%;
}

#frontpage #section-column-access-ranking #section-column-access-ranking-list li p img,
#column #section-column-access-ranking #section-column-access-ranking-list li p img{
  height: auto;
  width: 100%;
}

#frontpage #section-column-access-ranking #section-column-access-ranking-list li p img.section-column-access-ranking-ornmnt,
#column #section-column-access-ranking #section-column-access-ranking-list li p img.section-column-access-ranking-ornmnt{
  height: 32px;
  left: 0;
  position: absolute;
  top: 0;
  width: 34px;
}

#frontpage #section-flaming-report{
  background-color: #fff;
}

#frontpage #section-feature-articles{
  background-color: #ececec;
}

#frontpage #section-research-report{
  background-color: #fff;
}

#frontpage #section-glossary{
  background-color: #ececec;
}

#frontpage #section-glossary-box{
  background: none;
  border: none;
  margin: 0;
  padding: 10px 0 0;
}

#frontpage #section-glossary-list li{
  display: inline-block;
  margin-right: 20px;
}

#frontpage #section-glossary-tool{
  padding: 20px 0 0;
}

#frontpage #section-glossary-search{
  padding: 10px 0 0;
}

#frontpage #section-glossary-more{
  clear: both;
  padding: 20px 0 0;
  width: 100%;
}

#frontpage #section-white-paper{
  background-color: #57636F;
}

#frontpage #section-white-paper .section-corner-intro-title{
  color: #fff;
}

#frontpage #section-white-paper ul{
  font-size: 0;
  padding: 0 0 20px;
  text-align: center;
}

#frontpage #section-white-paper li{
  display: inline-block;
  margin: 0 5px;
  padding: 20px 0 0;
  position: relative;
  width: 145px;
}

#frontpage #section-white-paper h3{
  background: url('../images/bg_transparent_navy_blue.png') 0 0 repeat;
  bottom: 41px;
  color: #fff;
  font-size: 12px;
  left: 0;
  margin: 0 1px;
  min-height: 60px;
  padding: 5px;
  position: absolute;
  text-align: left;
}

#frontpage #section-white-paper h3 a{
  display: block;
}

#frontpage #section-white-paper .section-white-paper-img{
  background-color: #eee;
  border: #fff solid 1px;
  display: inline-block;
  line-height: 107px;
  vertical-align: middle;
}

#frontpage #section-white-paper .section-white-paper-img img{
  height: auto;
  width: 100%;
}

#frontpage #section-white-paper .btn a{
  backgound-color: #1B2C3F;
  font-weight: bold;
  line-height: 40px;
  position: relative;
  vertical-align: middle;
  width: 100%;
}

#frontpage #section-white-paper .btn img{
  height: 16px;
  width: auto;
}


/* column */
#column #section-column-access-ranking #section-column-search{
  display: none;
}

#column article #article-header,
#material article #article-header,
#seminar article #article-header,
#glossary article #article-header,
#report article #article-header,
#survey article #article-header,
#feature article #article-header{
  background: url('../images/bg_section_column_access_ranking.png') center -100px repeat;
  padding: 0 10px;
}

#seminar.thankspage article #article-header{
  background: none;
}

#column article #article-header-inner,
#material article #article-header-inner,
#seminar article #article-header-inner,
#glossary article #article-header-inner,
#report article #article-header-inner,
#feature article #article-header-inner,
#survey article #article-header-inner{
  padding: 20px 0;
}

#seminar.thankspage article #article-header-inner{
  padding-bottom: 10px;
}

#column article #article-title,
#column.indexpage #article-title,
#material article #article-title,
#seminar article #article-title,
#glossary article #article-title,
#report article #article-title,
#feature article #article-title,
#survey article #article-title,
.thankspage article #article-title,
.searchpage article #article-title,
.page404 article #article-title{
  font-size: 20px;
  line-height: 1.3;
}

#column.indexpage #article-title{
  padding: 20px 10px 0;
}


#column article #article-date,
#report article #article-date{
  display: block;
  font-weight: bold;
  margin: 10px 0 0;
}

#column article #article-lead,
#feature article #article-lead,
#material article #article-lead,
#seminar article #article-lead,
#glossary article #article-lead{
  font-size: 14px;
  margin: 10px 0 0;
}

#column article #article-lead p,
# article #article-lead p{
  font-size: 14px;
}

#column article #article-body,
#material article #article-body,
#seminar article #article-body,
#report article #article-body,
#feature article #article-body,
#survey article #article-body{
  font-size: 14px;
  padding: 0 10px;
}

#column article #article-body-inner,
#material article #article-body-inner,
#seminar article #article-body-inner,
#report article #article-body-inner,
#feature article #article-body-inner,
#survey article #article-body-inner{
  padding: 10px 0;
}

#column article #article-body a,
#material article #article-body a,
#seminar article #article-body a,
#report article #article-body a,
#feature article #article-body a,
#survey article #article-body a{
  text-decoration: underline;
}

#column article #article-body img,
#material article #article-body img,
#seminar article #article-body img,
#report article #article-body img,
#feature article #article-body img,
#survey article #article-body img{
  display: block;
  height: auto;
  margin: 0 auto;
  max-width: 320px;
  width: 100%;
border: 1px solid #2E3D58;
}

#column article #article-body h2,
#seminar article #article-body h2,
#report article #article-body h2,
#feature article #article-body h2,
#survey article #article-body h2{
  background-color: #1B2C3F;
  color: #fff;
  font-size: 18px;
  line-height: 1.2;
  margin: 0 0 20px;
  padding: 5px 10px;
}

#report article #article-body h2,
#feature article #article-body h2{
  background: none;
  border-collapse: separete;
  border-spacing: 0 0 5px; 
  color: #1B2C3F;
  padding: 15px 0 0;
}

#report article #article-body h2 span,
#feature article #article-body h2 span{
  background-color: #1B2C3F;
  color: #fff;
  display: table-cell;
  font-size: 14px;
  height: 18px;
  padding: 0 10px;
  position: relative;
  top: -5px;
  vertical-align: middle;
}

#column article #article-body h3,
#seminar article #article-body h3,
#report article #article-body h3,
#feature article #article-body h3,
#survey article #article-body h3{
  border-left: #1B2C3F solid 5px;
  font-size: 16px;
  line-height: 1.2;
  padding-left: 5px;
}

#column article #article-body h4,
#column article #article-body h5,
#column article #article-body h6,
#seminar article #article-body h4,
#seminar article #article-body h5,
#seminar article #article-body h6,
#report article #article-body h4,
#report article #article-body h5,
#report article #article-body h6,
#feature article #article-body h4,
#feature article #article-body h5,
#feature article #article-body h6,
#survey article #article-body h4,
#survey article #article-body h5,
#survey article #article-body h6{
  font-size: 15px;
  line-height: 1.2;
  margin: 0 0 10px;
}

#column article #article-body p + h2,
#seminar article #article-body p + h2,
#report article #article-body p + h2,
#feature article #article-body p + h2,
#survey article #article-body p + h2{
  margin-top: 30px;
}

#column article #article-body p,
#seminar article #article-body p,
#report article #article-body p,
#feature article #article-body p,
#survey article #article-body p{
  margin: 0 0 20px;
}

#column article #article-body ul,
#column article #article-body ul li,
#seminar article #article-body ul,
#seminar article #article-body ul li,
#report article #article-body ul,
#report article #article-body ul li,
#feature article #article-body ul,
#feature article #article-body ul li,
#survey article #article-body ul,
#survey article #article-body ul li{
  list-style-image: url('../images/ornmnt_article_li_sp.png');
}

#column article #article-body ul,
#seminar article #article-body ul,
#report article #article-body ul,
#feature article #article-body ul,
#survey article #article-body ul{
  margin: 0 0 15px 22px;
}

#column article #article-body ol,
#column article #article-body ol li,
#seminar article #article-body ol,
#seminar article #article-body ol li,
#report article #article-body ol,
#report article #article-body ol li,
#feature article #article-body ol,
#feature article #article-body ol li,
#survey article #article-body ol,
#survey article #article-body ol li{
  list-style-type: decimal;
}

#column article #article-body ol,
#seminar article #article-body ol,
#report article #article-body ol,
#feature article #article-body ol,
#survey article #article-body ol{
  margin: 0 0 15px 17px;
}

#column article #article-body li,
#seminar article #article-body li,
#report article #article-body li,
#feature article #article-body li,
#survey article #article-body li{
  padding: 0 0 5px 0;
}

#column article #article-body dl,
#seminar article #article-body dl,
#report article #article-body dl,
#feature article #article-body dl,
#survey article #article-body dl{
  padding: 0 0 10px 20px;
}

#column article #article-body dl dt,
#seminar article #article-body dl dt,
#report article #article-body dl dt,
#feature article #article-body dl dt,
#survey article #article-body dl dt{
  font-size: 15px;
  font-weight: bold;
  margin: 0 0 5px;
}

#column article #article-body dl dd,
#seminar article #article-body dl dd,
#report article #article-body dl dd,
#feature article #article-body dl dd,
#survey article #article-body dl dd{
  margin: 0 0 10px;
}

#column article #article-body blockquote,
#seminar article #article-body blockquote,
#report article #article-body blockquote,
#feature article #article-body blockquote,
#survey article #article-body blockquote{
  border: #ececec solid 4px;
  padding: 0 10px;
  margin: 0 0 20px;
}

#column article #article-body blockquote:before,
#seminar article #article-body blockquote:before,
#report article #article-body blockquote:before,
#feature article #article-body blockquote:before,
#survey article #article-body blockquote:before{
  background: url('../images/ornmnt_article_bq_before_sp.png') left top no-repeat;
  content: "";
  display: block;
  height: 21px;
  left: -10px;
  margin: 0 0 5px;
  position: relative;
  width: 100%;
}

#column article #article-body blockquote:after,
#seminar article #article-body blockquote:after,
#report article #article-body blockquote:after,
#feature article #article-body blockquote:after,
#survey article #article-body blockquote:after{
  background: url('../images/ornmnt_article_bq_after_sp.png') right bottom no-repeat;
  content: "";
  display: block;
  height: 21px;
  left: 10px;
  margin: 5px 0 0;
  position: relative;
  width: 100%;
}

#column article #article-body figure,
#seminar article #article-body figure,
#report article #article-body figure,
#feature article #article-body figure,
#survey article #article-body figure{
  margin: 0 0 20px;
}

#column article #article-body figcaption,
#seminar article #article-body figcaption,
#report article #article-body figcaption,
#feature article #article-body figcaption,
#survey article #article-body figcaption{
  font-size: 15px;
  font-weight: bold;
  line-height: 1.2;
  margin: 0 0 5px;
}

#column article #article-body figure p,
#seminar article #article-body figure p,
#report article #article-body figure p,
#feature article #article-body figure p,
#survey article #article-body figure p{
  font-size: 11px;
  margin: 10px 0 0;
}

#column article #article-body address,
#seminar article #article-body address,
#report article #article-body address,
#feature article #article-body address,
#survey article #article-body address{
  font-style: oblique;
  margin: 0 0 20px;
}

#column article #article-body table,
#seminar article #article-body table,
#report article #article-body table,
#feature article #article-body table,
#survey article #article-body table{
  border: #1B2C3F solid 2px;
  line-height: 1.4;
  margin: 0 0 20px;
  text-align: left;
}

#column article #article-body th,
#column article #article-body td,
#seminar article #article-body th,
#seminar article #article-body td,
#report article #article-body th,
#report article #article-body td,
#feature article #article-body th,
#feature article #article-body td,
#survey article #article-body th,
#survey article #article-body td{
  border: #1B2C3F solid 1px;
  padding: 10px;
}

#column article #article-body th,
#seminar article #article-body th,
#report article #article-body th,
#feature article #article-body th,
#survey article #article-body th{
  background-color: #ececec;
  font-size: 14px;
}


/* material */
#material article #article-header{
  background: none;
}

#material article #article-header-inner{
  padding-bottom: 10px;
}

#material article #article-lead{
  margin-top: 20px;
}

#material article form{
  padding-bottom: 40px;
}

#material article form span,
#seminar #section-seminar-form span{
  color: #fff;
}

#material article form dl{
  padding-top: 20px;
}

#material article form dl > dd > input[type="text"],
#material article form dl > dd > select,
#seminar #section-seminar-form dl > dd > input[type="text"],
#seminar #section-seminar-form form dl > dd > select{
  border: #8D959F solid 1px;
}

#material article form p.checkbox-lead{
  margin-top: 20px;
}

#material article form ul{
  font-size: 14px;
  font-weight: bold;
  padding: 0 0 20px;
}

#material article form ul > li > label{
  background: url('../images/btn_material_checkbox_off.png') left center no-repeat;
  padding-left: 25px;
}

#material article form ul > li > input[type="checkbox"]:checked + label{
  background: url('../images/btn_material_checkbox_on.png') left center no-repeat;
}

#material article form input[type="submit"]{
  background: #121e2b url('../images/btn_material_download.png') center center no-repeat;
  background-size: auto 15px;
}


/* seminar */
#seminar #seminar-list,
#feature #feature-list,
#survey #survey-list{
  padding: 0 10px 20px;
}
.graph-left:after{
	content:"：";
}
.graph p{
	text-align:center;
}
#feature article #article-body .graph ul{
	margin-bottom:0;
}

.indexpage .corner-top-list-box{
  background-color: #fff;
  border: #1B2C3F solid 4px;
  margin: 20px 0 0;
  width: 100%;
}

.indexpage .corner-top-list-box-img{
  padding: 10px;
  text-align: center;
}

.indexpage .corner-top-list-box-img img{
  height: auto;
  margin: 0 auto;
  max-width: 320px;
  width: 100%;
}

.indexpage .corner-top-list-box-text{
  width: 100%;
}

.indexpage .corner-top-list-box-text h2{
  padding: 0 10px;
}

.indexpage .corner-top-list-box-text p{
  padding: 0 10px 10px;
}

#seminar article #article-lead{
  margin-top: 20px;
}

#seminar article #article-lead table{
  background-color: #fff;
  border: #121e2b solid 2px;
  border-collapse: separate;
  font-size: 14px;
  padding: 10px;
}

#seminar article #article-lead table tr th,td{
  vertical-align: top;
}

#seminar article #article-lead table tr th{
  font-weight: normal;
  padding: 0;
  text-align: left;
  width: 15%;
}

#seminar article #article-lead table tr th:after{
  content: "：";
}

#seminar article #article-lead table tr td{
  padding: 0;
  width: 85%;
}

#seminar article #article-lead table a.arrow{
  background: url('../images/ornmnt_arrow.png') left center no-repeat;
  background-size: auto 10px;
  display: inline-block;
  padding-left: 8px;
}

#seminar article .btn{
  margin-top: 20px;
}

#seminar article .attention{
  line-height: 1.2;
  margin-top: 10px;
  padding-left: 1em;
  text-indent: -1em;
}

#seminar article .announce{
  font-size: 18px;
  font-weight: bold;
  margin-top: 20px;
}

#seminar article .announce-atntn{
  color: #E60012;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.4;
  margin-top: 10px;
}

#seminar article .announce-atntn + .btn{
  margin-top: 10px;
}

#seminar article #article-body-inner{
  padding: 20px 0 0;
}

#seminar article #article-body h3{
  font-size: 18px;
}

#seminar #section-seminar-map,
#seminar #section-seminar-form{
  margin: 40px 0 0;
  padding: 0 10px;
}

#seminar #section-seminar-map h2,
#seminar #section-seminar-form h2{
  font-size: 16px;
}

#seminar #section-seminar-map div#map{
  height: 250px;
}

#seminar #section-seminar-form h2{
  margin-bottom: 20px;
}

#seminar #section-seminar-form form{
  padding-bottom: 60px;
}

#seminar #section-seminar-form form dl > dt:first-child,
#seminar #section-seminar-form form dl > dt:first-child + dd{
  padding-top: 0;
}

#seminar #section-seminar-form form #section-inquiry-pp-lead{
  color: #1B2C3F;
  font-size: 12px;
  text-align: center;
}


/* glossary */
#glossary #glossary-search{
  padding: 20px 10px 0;
}

#glossary #glossary-search-result{
  padding: 20px 0 0;
}

#glossary #glossary-search-result ul,
#glossary #glossary-search-result li{
  list-style: none;
}

#glossary #glossary-search-result li{
  font-size: 14px;
  margin: 15px 0 0 0;
}

#glossary #glossary-search-result li:first-child{
  margin: 0;
}

#glossary #glossary-search-result li a{
  background: url('../images/ornmnt_arrow.png') left center no-repeat;
  display: inline-block;
  font-weight: bold;
  padding-left: 15px;
}

#glossary #glossary-list ul,
#glossary #glossary-list li{
  list-style: none;
}

#glossary #glossary-list ul{
  font-size: 0;
}

#glossary #glossary-list li{
  font-size: 14px;
  display: inline-block;
  line-height: 1;
  margin: 0 30px 15px 0;
}

#glossary #glossary-list{
  margin: 20px 0 0;
  padding: 0 10px 25px;
}

#glossary #glossary-list section{
  margin: 25px 0 0;
}

#glossary #glossary-list section:first-child{
  margin: 0;
}

#glossary #glossary-list h2{
  background-color: #1B2C3F;
  color: #fff;
  line-height: 25px;
  padding-left: 5px;
  vertical-align: middle;
}


/* report */
#report #report-about{
  padding: 0 10px 30px;
}

#report #report-about-inner{
  background-color: #ececec;
  padding: 20px;
}

#report #report-about dl dt{
  padding: 20px 0 0;
  font-weight: bold;
}

#report #report-list{
  padding: 30px 10px 0;
}

#report #report-list ul,
#report #report-list li{
  list-style:none;
}

#report #report-list li{
  margin: 20px 0 0;
  width: 100%;
}

#report #report-list li:first-child{
  margin: 0;
}

#report #report-list li a{
  background: url('../images/ornmnt_arrow.png') 5px center no-repeat;
  border: #000 solid 2px;
  display: block;
  font-size: 14px;
  line-height: 1.2;
  padding: 5px 5px 5px 20px;
  width: 100%;
}

#report #report-list li span{
  background: none;
  background-color: #ececec;
  border: #000 solid 2px;
  border-left: #000 solid 17px;
  display: block;
  font-size: 14px;
  line-height: 1.2;
  padding: 5px;
  width: 100%;
}


/* survey */
#survey #article-body .survey-description{
  background-color: #ececec;
  padding: 10px;
  margin-bottom: 40px;
}

#survey #article-body .survey-description > h2{
  background: none;
  color: #1B2C3F;
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 5px;
  padding: 0;
}


/* thankspage */
.thankspage #article-header,
.searchpage #article-header,
.page404 #article-header{
  padding: 20px 10px 0;
}

.thankspage #thanks-text{
  font-size: 14px;
  padding: 20px 10px 0;
}

.thankspage #thanks-text-contact{
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  padding: 20px 0 0;
}

.thankspage #thanks-text-contact img{
  height: 24px;
  padding-right: 5px;
  width: auto;
  vertical-align: middle;
}

.thankspage #thanks-text-contact span{
  display: block;
  font-size: 14px;
  font-weight: normal;
  padding: 5px 0 0 12px;
}

.thankspage #thanks-text .btn{
  margin: 20px 0 0;
}


/* search */
.searchpage #search-result{
  padding: 20px 0;
}


/* page404 */
.page404 #article-body{
  padding: 20px 10px;
}



/* google custom search */
.gsc-control-cse{
  padding: 0!important;
}

.gsc-result .gs-title{
  height: auto!important;
}

.gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top{
  padding: 0!important;
}

.gsc-option-menu-container .gsc-selected-option-container{
  max-width: none;
  width: 100px!important;
}



/* js */
article #article-body span#article-h2-ornmnt{
  display: none;
}

/* class */
.mb0{ margin-bottom: 0!important; }
.mb5{ margin-bottom: 5px!important; }
.mb10{ margin-bottom: 10px!important; }
.mb15{ margin-bottom: 15px!important; }
.mb20{ margin-bottom: 20px!important; }
.mb25{ margin-bottom: 25px!important; }
.mb30{ margin-bottom: 30px!important; }
.mb35{ margin-bottom: 35px!important; }
.mb40{ margin-bottom: 40px!important; }
.mb45{ margin-bottom: 45px!important; }
.mb50{ margin-bottom: 50px!important; }

.mt0{ margin-top: 0!important; }
.mt5{ margin-top: 5px!important; }
.mt10{ margin-top: 10px!important; }
.mt15{ margin-top: 15px!important; }
.mt20{ margin-top: 20px!important; }
.mt25{ margin-top: 25px!important; }
.mt30{ margin-top: 30px!important; }
.mt35{ margin-top: 35px!important; }
.mt40{ margin-top: 40px!important; }
.mt45{ margin-top: 45px!important; }
.mt50{ margin-top: 50px!important; }

.m0{ margin: 0!important; }
.m5{ margin: 5px!important; }
.m10{ margin: 10px!important; }
.m15{ margin: 15px!important; }
.m20{ margin: 20px!important; }
.m25{ margin: 25px!important; }
.m30{ margin: 30px!important; }
.m35{ margin: 35px!important; }
.m40{ margin: 40px!important; }
.m45{ margin: 45px!important; }
.m50{ margin: 50px!important; }

.pb0{ padding-bottom: 0!important; }
.pb5{ padding-bottom: 5px!important; }
.pb10{ padding-bottom: 10px!important; }
.pb15{ padding-bottom: 15px!important; }
.pb20{ padding-bottom: 20px!important; }
.pb25{ padding-bottom: 25px!important; }
.pb30{ padding-bottom: 30px!important; }
.pb35{ padding-bottom: 35px!important; }
.pb40{ padding-bottom: 40px!important; }
.pb45{ padding-bottom: 45px!important; }
.pb50{ padding-bottom: 50px!important; }

.pt0{ padding-top: 0!important; }
.pt5{ padding-top: 5px!important; }
.pt10{ padding-top: 10px!important; }
.pt15{ padding-top: 15px!important; }
.pt20{ padding-top: 20px!important; }
.pt25{ padding-top: 25px!important; }
.pt30{ padding-top: 30px!important; }
.pt35{ padding-top: 35px!important; }
.pt40{ padding-top: 40px!important; }
.pt45{ padding-top: 45px!important; }
.pt50{ padding-top: 50px!important; }

.p0{ padding: 0!important; }
.p5{ padding: 5px!important; }
.p10{ padding: 10px!important; }
.p15{ padding: 15px!important; }
.p20{ padding: 20px!important; }
.p25{ padding: 25px!important; }
.p30{ padding: 30px!important; }
.p35{ padding: 35px!important; }
.p40{ padding: 40px!important; }
.p45{ padding: 45px!important; }
.p50{ padding: 50px!important; }


/* pardot用設定 */
#common-inquiry #formArea{
  height: 1256px;
}

# #formArea{
  height: 800px;
}

# #formArea{
  height: 906px;
}

#information-area #information-area-iframe{
  height: 500px;
}