/* =========================================================
		color font base
========================================================= */

.serial-package .kv_inner_pcgnm, .serial-package .hedprice_wrap {background: #8fc320;}
.serial-package .kv_fnt span, .serial-package .hedprice_icon, .serial-package .contents_top_title, .serial-package .contents_subtitle_def, .serial-package .contents_subtitle_center2, .serial-package .contents_subtitle_center{color: #8fc320;}
.serial-package .link_act {background: #8fc320;}
.serial-package .link_act:hover{color: #8fc320; background: #fff;}
.link_act.wd {background: #8fc320;}
.link_act.wd:hover{color: #8fc320; background: #fff;}

.serial-package .contents_subtitle_center .anmbdr::before {border: dashed 1px #8fc320;}
.link_act.wd {background: #e84a95;}
.link_act.wd:hover {color: #e84a95;}
.contents_top_title2 {color:#8fc320;}

.contents_cap_txt {top: 14%;}
/* =======package ============*/
.packageinfo_wrap {background: linear-gradient(to bottom left, #8fc320, #d9e4c2);}
.pcg_icons .pcg_txt {color: #8fc320; border: solid 5px rgba(154,199,63,0.9);}

/* =======scene ============*/
.scene-sub{margin: -35px auto 50px; background: #8fc31f; color:#fff; font-weight: 600; padding: 10px 20px; font-size: 25px; line-height: 1; display: table;}
.scene-area{display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; margin: 60px auto 0px;}
.scene-area li{width: 30%; background: #f3f3f3; border-radius: 8px; padding: 20px 20px 40px; margin-right: 4%; margin-bottom: 3.5%; letter-spacing: 0;}
.scene-area li:nth-child(3n){margin-right: 0;}
.scene-area li dt{width: 56%; margin: 0 auto 0; height: 145px; display: flex; justify-content: center; align-items: center;}
.scene-area li .s-icon2{width:60%;}
.scene-area li .s-icon3{width: 45%;}
.scene-area li dd{text-align: center; font-size: 18px; font-weight: 600; line-height: 1.4; color: #8fc31f;}

/* =======method-con ============*/

.method-area{display: flex; justify-content: space-around; margin: 40px auto 0; width: 88%;}
.method-area li{width: 31%; text-align: center;}
.method-area li img{width: 72%; margin: 0 auto 20px;}
.method-area li h4{font-size: 20px; color: #8fc320; font-weight: 600; line-height: 1.3; height: 61px; display: flex; justify-content: center; align-items: center; padding-bottom: 13px;}




/* =======ninsho ============*/
.ninsho-con{background: #fafbf2; padding: 0 0 20px;}
.nin-copy{padding: 12px 0 35px; text-align: center; font-size: 18px; line-height: 2;}
.nin-pic{width: 100%; margin: 0 auto 5px;}
.nin-pic2{width: 70%; margin: 25px auto 45px;}
.nin-copy2{padding: 0 0 7px; text-align: center; font-weight: 600; font-size: 32px;}
.nin-attend{text-align: center; font-size: 14px; padding-bottom: 60px; line-height: 1.6;}

.ninsho-con h2{margin-bottom: 55px;}
.serial_way_con{background: #fff;
    padding: 35px 30px 25px;
    margin-bottom: 50px;
    position: relative;
    border: 1px solid #c3d992;}
.serial_way_con h3{background: #8fc320;
    padding: 5px 45px;
    color: #fff;
    font-weight: 600;
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 22px;}

.serial_way_att1{font-size: 11px; letter-spacing: 0; position: absolute; right: 7px; bottom:50px; line-height: 1.5; text-indent: -1.3em; padding-left: 1.3em;}
.serial_way_att2{font-size: 11px; letter-spacing: 0; position: absolute; right: 50px; bottom:33px; line-height: 1.5; text-indent: -1.3em; padding-left: 1.3em;}
/* =======point============*/
.serial-point{background: #f5f5f5; margin-bottom: 80px;}
.contents4 {width: 980px; margin: 0 auto; padding: 80px 0 80px;}
.serial-point .point-pic{float: left; background: #fff; width: 320px; margin:0 50px 0 0; border-radius: 10px;}
.serial-point .point-detail{float: left; width: 600px;}
.serial-point .point-detail h3{background: #222; color: #fff; font-weight: 600; padding: 8px 20px; font-size: 26px; line-height: 1.3; display: inline-block;}
.serial-point .point-detail p{font-weight: 500; padding: 20px 0 0; font-size: 16px;}

/* =======feature============*/

.explain-mb{margin-bottom: 50px;}

.pcg-point-con{background: #f2f6d5;}
.pcg-point2 .point-detail {background-color: #f2f6d5;}
.pcg-point2 .point-detail::before { border-right: 12px solid #f2f6d5;}