@font-face {
  font-family: 'S-CoreDream-9Black';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'S-CoreDream-3Light';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'S-CoreDream-2ExtraLight';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@charset "utf-8";

img { max-width: 100%;}

ul { list-style: none; padding: 0; margin: 0;}

.blue { color: #1873ff;}
.check_txt .red,.red{color: red;}
#footer_common{padding-top: 0;}
#kamandaluWrap .container { word-break: keep-all; color: #323232; font-weight: 400;}

#sec01 {background: url(../img/kamandalu/main_bg.jpg) 50% 0 no-repeat ; background-size: cover; height: 100%;}
.sec01_wrap .container{background: url(/ID/event/img/kamandalu/sec01_bg.jpg) 50% 0 no-repeat #fff; padding: 0;}
.sec01_wrap .row .col-md-3{border-right: 1px solid #ededed;}
.sec01_wrap .row{margin-top: 80px; padding-right: 15px;padding-left: 15px;}
.sec01_wrap .row .col-md-3:last-child{border-right: none;}
.check_txt h4{ font-family: 'S-CoreDream-3Light', serif; padding-top: 40px; font-size: 24px; color: #242424; display: inline-block; background-color: #fff931;   padding: 0;  margin-top: 40px;height: 15px;margin-bottom: 30px;}
.check_txt p{font-size: 16px;}
.check_txt span{color: #888;}
.checkBox{}
.sec01_title {padding: 100px 0;}
.caution{padding: 30px 0;  background-color: #efefef;   margin-top: 30px; color: #666;}
#sec02 { width: 100%; padding: 0 10px; position: relative;}

.reason_txt01{font-size: 22px;font-family: 'S-CoreDream-3Light', serif; padding-top: 15px;}
.reason_txt02{font-size: 16px; color: #666;}
#sec02 {
  background: url(../img/kamandalu/sec02_bg.jpg) 0 0 no-repeat;
  background-color: #fff5a5;position: relative;
}
#sec02::before{content: url(/ID/event/img/kamandalu/sec02_bg2.png);clear: both;display: inline-block; position: absolute; top:0; right: 0;}
.reason{position: relative;}
.reason:before{content: url(/ID/event/img/kamandalu/sec02_icn02.png);clear: both;display: inline-block;position: absolute; right: 0; top: 48%;}
.reason h3{ font-size: 36px; border-bottom: 3px solid #242424; display:inline-block; padding-bottom: 5px; margin-bottom: 30px;}

.reason_l {
  font-size: 48px;
  line-height: 1;padding-left: 50px;
  position: relative; z-index: 1;
}
.reason_l:before{content: url(/ID/event/img/kamandalu/sec02_icn01.png);clear: both;display: inline-block;position: absolute; left: 0; top: 40%;z-index: -2;}
.reason_r {
  font-size: 24px;
  line-height: 1.8;
}

.reason_2 li{padding-right: 20px; padding-left: 20px; margin-bottom: 40px;}
.reason_2 li > div {position: relative; background: #fff; min-height: 550px;}

#sec03 .sec03_wrap01{background: url(/ID/event/img/kamandalu/sec04_bg01.jpg) 50% 0 no-repeat; padding: 50px 0;     background-size: cover;}
#sec03 .sec03_common{position: relative;}
.sec03_common .txtbox{background-color: rgba(215,255,76,0.44); padding: 40px 40px 20px 40px;position: absolute;  height: auto;  width: 400px; z-index: 1;  top: 150px; color: #fff;}
.sec03_common .txtbox h3{font-size: 46px;font-family: 'S-CoreDream-3Light', serif;    padding-bottom: 15px;}
.sec03_common .txtbox h3 b{display: block;}
.sec03_common .txtbox p{font-size: 16px; line-height: 1.8;}

#sec03 .sec03_wrap02{background: url(/ID/event/img/kamandalu/sec04_bg02.jpg) 50% 0 no-repeat; padding: 50px 0;     background-size: cover;}
.sec03_wrap02 .sec03_common .txtbox{background-color: rgba(255,253,76,0.5);}
#sec03 .sec03_wrap03{background: url(/ID/event/img/kamandalu/sec04_bg03.jpg) 50% 0 no-repeat; padding: 50px 0;     background-size: cover;}
.sec03_wrap03 .sec03_common .txtbox{background-color: rgba(0,208,239,0.3);}
.m_img{display: none;}
#sec03 .row .col-sm-4{padding-top: 15px;}
.reason_txt {padding: 27px;}


#sec04 {
  background: #e9ce9c;
}

.btn_go {
  font-size: 24px;
  color: #fff;
  background-color: #8d704a;
  padding: 15px 50px;
  border-radius: 15px;
  display: inline-block;
  box-shadow: 1px 10px 10px #00000030;
  text-decoration: none;
  position: relative;
}
.btn_go:after{content: url(/ID/event/img/kamandalu/btn_img.png); display: inline-block; position: absolute;  right: 10px; top: 40%;}
.btn_go:hover {
  background: #755a35;
  color: #fff;
}


@media only screen and (max-width: 1199px) {
  #sec02::before{top: -50px;  right: -150px;}
  .sec03_common .txtbox{top: 50px;}
  .reason_r{font-size: 20px;}

}

@media only screen and (max-width: 992px) {
  .reason_l {
    font-size: 42px;
  }

  .caution{padding-right: 15px; padding-left: 15px;}
  .reason_txt02 br.hidden-md{display: none;}

  .sec01_title {
    padding: 50px 0;
    width: 100%;
  }
  .reason_2 li{padding-right: 5px; padding-left: 5px;}
  .reason_2 li > div{min-height: 500px;}
  .reason_txt{padding: 30px 10px; }

  .reason_3 li {  width: 49%;}

  .sec03_common .txtbox{height: auto;width: auto; color: #fff;}
  .sec03_common .txtbox h3{font-size: 36px;}
  .sec03_wrap02 .sec03_common .txtbox{background-color: rgba(255,253,76,0.6);}
  .sec03_wrap02 .sec03_common .txtbox h3{color:#000;}
  .sec03_wrap02 .sec03_common .txtbox p{color:#000;}
}

@media only screen and (max-width: 767px) {
.sec01_wrap .container{margin: 15px;}
.sec01_wrap h3 img{width: 260px;}
.sec01_wrap .row{margin-top: 40px;}
.check_txt h4{margin-top: 20px;}
.sec01_wrap .row .col-md-3{margin-bottom: 20px;}

  .reason_txt02 {
    font-size: 15px;
    line-height: 1.2;
  }

  .reason_l {
    font-size: 36px;
    padding-bottom: 10px;
    padding-left: 15px;
  }
  .reason_l:before{display: none;}
  .reason:before{display: none;}
  .reason h3{font-size: 24px;}
  .sec01_title {
    padding: 70px 0;
    width: 100%;
  }

  .reason {
    background: none;
  }
  .reason_2 .row{margin-right: 15px; margin-left: 15px;}
  .reason_2 li{width: 50%;}
  .reason_2 li > div{min-height: 550px;}
  .reason_3 li { width: 100%;  }

  .sec03_common .txtbox{position: relative; top: 0; padding: 40px 20px 10px;}
  #sec03 .row{margin: 0;}
  #sec03 .row >div{padding-right: 0; padding-left: 0;}
  #sec03 .row .col-sm-4,#sec03 .col-md-9{display: none;}
  .m_img{display: block;}
}
@media only screen and (max-width: 460px) {
  .reason h3{font-size: 20px;}
  .reason_l {
    font-size: 28px;
  }
  .reason_r{font-size: 16px;}
  .reason_2 li{width: 100%;}
  .reason_2 li > div{min-height: auto; text-align: center;  margin-right: 10px;
    margin-left: 10px;}
  .reason_txt01,.reason_txt02{text-align: left;}
  .reason_txt01{font-size: 20px; padding-bottom: 0;}
  .reason_txt{padding: 25px;}
    .reason_2 .row{margin-right: 0;margin-left: 0;}
}