@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,400i,700,700i');
.pc{ display: block;}
.sp{ display: none;}
.fc_rd{color: #d80c18;}
.bg_b{ background: #1a1a1a;}
.bg_red{ background: #d80c18;}
.b_btm{border-bottom: 1px solid #e6e6e6;}
.rob{font-family: 'Roboto Condensed', sans-serif;}
.flx{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center; }
.ma3{border-radius: 3px; -webkit-border-radius: 3px;-moz-border-radius: 3px;}
.ma00{border-radius: 500px; -webkit-border-radius: 500px;-moz-border-radius: 500px;}
.nc_banner{ margin:0 0 80px 0;}
.nc_banner li{ padding: 10px; margin: 5px 0; background: #d80c18; color: #fff; font-weight: 500;}
.nc_ban_txt{font-size: 2.2rem; width: 35%; text-align: center; float: left; line-height: 1em; color: #fff;}
.nc_ban_txt_en{font-size: 2.6rem; letter-spacing: 0.15em;width: 35%; text-align: center; float: left; font-weight: 700;line-height: 1em; color: #fff;}
.nc_ban_txt p,.nc_ban_txt_en p{ width: 100%; text-align: center;}
.nc_ban_img{width: 65%; float: left;}

/*heart*/
.heart_bg{ background: url(/sites/default/files/2021-11/heart_main.jpg) center/cover no-repeat; padding:14% 20px; text-align: center; color: #fff !important; margin:0 0 2% 0;}
.heart_ttl{font-size: 10rem ; line-height: 1em; margin: 0 0 8% 0;}
.bg_rd{ background: url(/sites/default/files/2021-11/bg_rd.png) center bottom/ 80px repeat-x; font-weight: 700; display: table; margin: auto; padding:0 20px; letter-spacing: 0.05em;}
h2.bg_rd{ 
    font-size: 10rem;
    color: #fff;
}
.heart_icon{ max-width: 120px; width: 15%; margin:0 auto 5% auto;}
.heart_txt{ font-weight: 600; line-height: 2em; font-size: 3rem; margin: 0 0 5% 0;}
.heart_txt span,.heart_lead span{ background: #d80c18; padding: 3px;}
.heart_lead{ font-size: 4rem; line-height: 2em; color: #fff !important;}




@media screen and (max-width:1024px) {
/*heart*/
.heart_ttl{font-size: 8rem ;}
.bg_rd{ background: url(/sites/default/files/2021-11/bg_rd.png) center bottom/ 60px repeat-x;}
.heart_txt{ font-size: 2.8rem;}
.heart_lead{ font-size: 3.6rem;}
    

.msg_itr_l{ margin: 100px 0 0 0; }
.msg_itr_txt{font-size: 1.8rem; padding: 10px 0 10px 15px;}
.msg_itr_ttl{ font-size: 4.6rem; padding: 20px 0 0 0;}

.msg_sen_itr_l{  padding: 70px 0 0 0;}
.msg_sen_name{ font-size: 4rem; }
.msg_sen_name span{ font-size: 1.8rem;}
.msg_sen_team{ font-size: 1.25rem; }
.msg_sen_voice{ color: #fff; font-size: 2.4rem; margin: 0 0 40px 0;}
.msg_sen_voice span{ padding:3px 8px;}

}


@media screen and (max-width:767px) {
.pc{ display: none !important;}
.sp{ display: block !important;}
    
.nc_ban_txt{ width: 100%;float: none; padding: 6% 0;}
.nc_ban_txt_en{ letter-spacing: 0.15em;width: 100%;  float: none; padding: 6% 0;}
.nc_ban_img{width: 100%; float: none;}
/*heart*/ 
.heart_ttl{font-size: 6rem ;}
.bg_rd{ background: url(/sites/default/files/2021-11/bg_rd.png) center bottom/ 40px repeat-x;}
.heart_txt{ font-size: 2.6rem;}
.heart_lead{ font-size: 3.2rem;}

}
@media screen and (max-width:600px) {
.nc_ban_txt{font-size: 2rem}
.nc_ban_txt_en{ font-size: 2.2rem;}
    
/*heart*/ 
.heart_ttl{font-size: 3.5rem ; }
.bg_rd{ background: url(/sites/default/files/2021-11/bg_rd.png) center bottom/ 20px repeat-x;padding: 0 10px;}
.heart_txt{ font-size: 1.7rem;}
.heart_lead{ font-size: 2.6rem;}
    
}