/* /howto/ 用：WP側の共通CSS（#page h1/h3 の中央揃え・文字サイズ・字間など）を打ち消し、本番(style.css)どおりにする */
body #page main.l-content { line-height: 24px; }
body #page main.l-content,
body #page main.l-content * { letter-spacing: normal; }
body #page main.l-content h1.heading { line-height: 60px; }
body #page main.l-content h3.ccm-page-list-title,
body #page main.l-content h3.ccm-page-list-title a { text-align: start; }
body.pc #page main.l-content h3.ccm-page-list-title { font-size: 28px; line-height: 80px; }
body.pc #page main.l-content h1.heading { line-height: 60px !important; }
body.sp #page main.l-content h3.ccm-page-list-title { font-size: 5vw; line-height: 60px; }
body.pc #page main.l-content > .ccm-layout-wrapper > .ccm-layout > .ccm-layout-row > .ccm-layout-col.last { width: 580px !important; }
/* 共通の「.pc #page .l-inner{width:1104px!important}」（デバイス切替CSS）を打ち消し、本番(style.css)どおりカラム幅に収める */
body.pc #page main.l-content > .ccm-layout-wrapper > .ccm-layout > .ccm-layout-row > .ccm-layout-col .l-inner { width: auto !important; margin: 20px 0 30px !important; }
/* 右カラム内の見出し(h2)は左揃え */
body #page main.l-content > .ccm-layout-wrapper > .ccm-layout > .ccm-layout-row > .ccm-layout-col.last .ccm-layout-col.first h2 { text-align: left !important; }
body #page main.l-content > .ccm-layout-wrapper > .ccm-layout > .ccm-layout-row > .ccm-layout-col.last .ccm-layout-col.first h3 { text-align: left !important; }
body.pc #page main.l-content .ccm-layout-col.last .ccm-layout-col.first h2 { line-height: 42px !important; }
/* SP：共通の「.sp #page img{width:100%!important}」で文中アイコンが拡大されるのを防ぐ */
body.sp #page main.l-content .ccm-layout-col.last .ccm-layout-col.first .text-box .l-inner p img { width: initial !important; height: 1.5em; }
body #page main.l-content .ccm-layout-col.last .content-box { padding: 0 !important; }
body.sp #page main.l-content .content-box__text p img { width: auto !important; height: 1.5em !important; }
body.sp #page main.l-content .ccm-layout-col.last .ccm-layout-col.first h2 { line-height: 33.75px !important; }