@charset "utf-8";
/* CSS Document */

#keyvj_box { background-image:url(../image_page/iecafe/cafe_main.jpg); background-repeat: no-repeat; background-size:cover; background-position:top; text-align:center; padding:20px 0; margin-bottom:20px;}
#keyvj_box .inner { width:100%; max-width:720px; margin:0 auto;}

/* PC */
#main_contents .c_image { text-align:center; background:none; margin-bottom:20px;}
#main_contents .c_image0 { text-align:center; background:none; margin-bottom:0;}
#main_contents .jikka_pointbox { max-width:1040px; display:inline-block; border-left: 5px solid #fa3800; border-right: 5px solid #fa3800; border-bottom: 5px solid #fa3800; margin-bottom:20px; margin-top:0;}
#main_contents .jikka_pointbox .bhr{border: 2px dashed #fa3800;}
#main_contents .jikka_pointbox .inner { padding:20px; margin:0 0 20px;}
#main_contents .jikka_pointbox .inner .p_center{ text-align: center; margin:0 0 20px;}
#main_contents .jikka_pointbox .inner2 { padding:20px; margin:0 0 20px;}
#main_contents .jikka_pointbox .inner h2 { margin-bottom:20px;}
#main_contents .jikka_pointbox .inner h3 { text-align:center; margin-bottom:10px;}
#main_contents .jikka_pointbox .inner h4 { font-size:calc(26px + 0.2vw); margin-bottom:10px; color:#fa3800; text-align: center;}
#main_contents .jikka_pointbox .inner h4 span{color:#00b900;}
#main_contents .jikka_pointbox .inner .img_right{ float:right; margin-left:20px; }

#main_contents .f_red{color: #74001a;}

#main_contents .dannetsubox {display: flex; justify-content: space-between; flex-wrap: nowrap; margin-bottom:20px;}
#main_contents .dannetsubox .s_c{background-color: #74001a; color:#fff; padding: 15px; font-size: calc(20px + 0.2vw); font-weight: 700; text-align: center; width:15%;}

#main_contents .meritbox {background-color: #f4ebed; padding: 20px; text-align: center; margin-bottom: 20px;}
#main_contents .meritbox .tit{font-size: calc(26px + 0.2vw); font-weight: 700; color: #74001a; margin-bottom:20px;}
#main_contents .meritbox .listbox{width:80%; text-align: left; margin: 0 auto;}
#main_contents .meritbox .listbox ul{list-style-type: none;}
#main_contents .meritbox .listbox li{position: relative; line-height: 1.8; font-size: calc(16px + 0.2vw); font-weight: 700;}
#main_contents .meritbox .listbox li::after {
  content: '';
  display: block;
  position: absolute;
  top: .5em;
  left: -1.5em;
  width: 10px;
  height: 5px;
  border-left: 3px solid #74001a;
  border-bottom: 3px solid #74001a;
  transform: rotate(-45deg);
}

/* SP */
#sp_main_contents .c_image { text-align:center; background:none; margin-bottom:2%;}
#sp_main_contents .c_image0 { text-align:center; background:none; margin-bottom:0;}
#sp_main_contents .jikka_pointbox { width:100%; display:inline-block; border-left: 2px solid #fa3800; border-right: 2px solid #fa3800; border-bottom: 2px solid #fa3800; margin:0 0 20px;}
#sp_main_contents .jikka_pointbox .bhr{border: 0;}
#sp_main_contents .jikka_pointbox .inner { padding:5%; border-bottom: 2px dashed #fa3800; margin:0 0 2%;}
#sp_main_contents .jikka_pointbox .inner .p_center{ text-align: center; margin:0 0 20px;}
#sp_main_contents .jikka_pointbox .inner2 { padding:20px; margin:0 0 2%;}
#sp_main_contents .jikka_pointbox .inner h2 { margin-bottom:2%;}
#sp_main_contents .jikka_pointbox .inner h3 { text-align:center; margin-bottom:1%;}
#sp_main_contents .jikka_pointbox .inner h4 { font-size:calc(16px + 0.2vw); margin-bottom:1%; color:#fa3800; text-align: center;}
#sp_main_contents .jikka_pointbox .inner h4 span{color:#00b900;}
#sp_main_contents .jikka_pointbox .inner .img_right{ width:90%; margin-bottom:2%;}

#sp_main_contents .f_red{color: #74001a;}

#sp_main_contents .dannetsubox {display: flex; justify-content: center; flex-wrap: wrap; margin-bottom:2%;}
#sp_main_contents .dannetsubox .s_c{background-color: #74001a; color:#fff; padding: 10px; font-size:calc(16px + 0.2vw); font-weight: 700; text-align: center; width:25%; margin: 1%;}

#sp_main_contents .meritbox {background-color: #f4ebed; padding: 5%; text-align: center; margin-bottom: 20px;}
#sp_main_contents .meritbox .tit{font-size:calc(16px + 0.2vw); font-weight: 700; color: #74001a; margin-bottom:4%;}
#sp_main_contents .meritbox .listbox{width:90%; text-align: left; margin: 0 auto;}
#sp_main_contents .meritbox .listbox ul{list-style-type: none;}
#sp_main_contents .meritbox .listbox li{position: relative; line-height: 1.4; margin-bottom: 10px;}
#sp_main_contents .meritbox .listbox li::after {
  content: '';
  display: block;
  position: absolute;
  top: .5em;
  left: -1.5em;
  width: 10px;
  height: 5px;
  border-left: 3px solid #74001a;
  border-bottom: 3px solid #74001a;
  transform: rotate(-45deg);
}