@charset 'UTF-8';
/* ----------------------------------------------------------------
Base
----------------------------------------------------------------- */
:root { font-size: 62.5%; }
html, body, h1, h2, h3, h4, h5, h6, li { margin: 0; padding: 0; font-weight: normal; }
body { background: #fff; color: #333; font-weight: 400; font-size: 1.5rem; line-height: 1.73333; }
@media only screen and (max-width: 767px) {
body { font-size: 1.4rem; line-height: 1.78571; }
}
a { color: #333; text-decoration: none; }
a[class] { text-decoration: none; }
sup a { color: inherit; text-decoration: none; }
a:hover,
a:active,
a:focus { text-decoration: none; }
button { cursor: pointer; }
em { font-weight: 700; font-style: normal; }
strong { font-weight: 700; }
img { max-width: 100%; vertical-align: bottom; }
p, ul, ol, dl { margin: 0; padding: 0; }
ul, ol { list-style: none; }
ul[class],
ol[class] { /* 既存のスタイルを残すためクラス指定時のみリセット */
list-style: none; }
dfn { font-style: normal; }
dd { margin: 0; }
table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; font-weight: normal; }
table { border-collapse:collapse; border-spacing:0; }
blockquote { margin: 0; }
iframe { margin: 0; padding: 0; border: 0; }
input,
select { padding: 1px; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 1.6rem; }
fieldset { margin: 0; border: 0; }
*, *::before, *::after { box-sizing: border-box; }
[hidden] { display: none !important; }
/* --------------------------------
共通レイアウト
-------------------------------- */
.visible-sp, img.visible-sp { display: none !important; }
@media only screen and (max-width: 767px) {
.hidden-sp { display: none !important; }
.visible-sp { display: block !important; }
img.visible-sp, br.visible-sp { display: inline-block !important; }
}

/* ----------------------------------------------------------------
Layout
----------------------------------------------------------------- */
/* MV
----------------------------------------------- */
.l_mvarea .ct_title01 { width: 100%; background: #fdfafa url('/ldg/ja/hvacr/guide/events/2021/ms2021/img/bg_01.png') no-repeat center top; }
.l_mvarea .ct_title01 > * { max-width: 980px; width: 100%; margin: 0 auto; text-align: center; }
@media only screen and (max-width: 767px) {
.l_mvarea { width: 100%; background: #fdfafa; background-image: none; }
.l_mvarea .ct_title01 { width: 100%; background: none; }
.l_mvarea .ct_title01 > * { max-width: 100%; padding: 0; }
}
/* .l-content
----------------------------------------------- */
.l-content { margin: 0 auto; width: 100%;} 

/* .ct_lead
----------------------------------------------- */
.ct_lead { max-width: 1413px; padding: 40px 30px 0; margin: 0 auto; text-align: center; }
.ct_lead .ct_txt { display: inline-block; font-size: 1.8rem; text-align: left;}
@media only screen and (max-width: 767px) {
.ct_lead { padding: 56px 15px 0; }
.ct_lead .ct_txt { width: 100%; font-size: 1.2rem; }
}

/* .ct_videoarea
----------------------------------------------- */
.ct_videoarea { max-width: 1413px; margin: 0 auto; padding: 68px 30px 0; display: flex; justify-content: space-between; flex-wrap: wrap; }
.ct_videoarea::before{content:""; display: block; width:25.6%; order:1;}
.ct_videoarea::after{content:""; display: block; width:23%;}
@media only screen and (max-width: 767px) {
.ct_videoarea { padding: 48px 15px 0; }
}
/* .ct_section
----------------------------------------------- */
.ct_section { max-width: 310px; width: calc((100% - 30px) / 4); margin: 0 0 79px; }
.ct_section .ct_txt { font-size: 1.4rem; }
.ct_section > a { color: #333; }
.ct_section > a:hover { text-decoration: underline; cursor: pointer; }
.ct_section .img { transition: 0.15s; }
.ct_section .img:hover { opacity: 0.8; }
.visibility {visibility: hidden;}
@media only screen and (max-width: 767px) {
.ct_section {  width: calc((100% - 20px) / 2); margin: 0 0 39.5px; }
.ct_section .ct_txt { font-size: 1.2rem; }
.visibility {display: none;} 
}

/* .ct_title02
----------------------------------------------- */
.ct_title02 { font-size: 1.6rem; font-weight: bold; padding: 17px 0 0 0; }
@media only screen and (max-width: 767px) {
.ct_title02 { font-size: 1.2rem; }
}

/* Utility
-------------------------------------*/
.u_taR {text-align: right !important;}
.u_taC {text-align: center !important;}
.u_taL {text-align: left !important;}
.u_fwB {font-weight: bold !important;}
.u_fwN {font-weight: normal !important;}
.u_fc_orange_01{color: #ff9344;}
.u_p00 {padding:0 !important;}
.u_nobdr{border:none !important;}
.u_bdr_g01_t{ border-top:2px solid #e5e5e5 !important;}
.u_bdr_g01_r{ border-right:2px solid #e5e5e5 !important;}
.u_bdr_g01_b{ border-bottom:2px solid #e5e5e5 !important;}
.u_bdr_g01_l{ border-left:2px solid #e5e5e5 !important;}