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

.point-package .kv_inner_pcgnm, .point-package .hedprice_wrap {background: #598dc1;}
.point-package .kv_fnt span, .point-package .hedprice_icon, .point-package .contents_top_title, .point-package .contents_subtitle_def, .point-package .contents_subtitle_center2, .point-package .contents_subtitle_center{color: #598dc1;}
.point-package .link_act {background: #598dc1;}
.point-package .link_act:hover{color: #598dc1; background: #fff;}
.link_act.wd {background: #598dc1;}
.link_act.wd:hover{color: #598dc1; background: #fff;}
.point-package .contents_subtitle_center .anmbdr::before {border: dashed 1px #598dc1;}
.link_act.wd {background: #e84a95;}
.link_act.wd:hover {color: #e84a95;}
.contents_top_title2 {color:#598dc1;}


/* =======package ============*/
.packageinfo_wrap {background: linear-gradient(to bottom left, #598dc1, #9eb8e1); margin:0; overflow: hidden; position: relative; color: #fff; text-align: center;}
.pcg_icons .pcg_txt {color: #598dc1; border: solid 5px rgba(84,137,192,0.9);}

/* =======way ============*/
.way-con .contents_top_title{margin-bottom: 15px;}
.way-con .point-way-copy{text-align: center; margin-bottom: 45px; line-height: 2; font-size: 18px;}
.way-con .point-way{margin: 0 auto; width: 900px;}

/* =======serial ============*/
.s-number-con{background: #f2f7fd;}
.s-number-con .contents{width: 800px;}
.s-number-con .contents_top_title{margin-bottom: 15px;}
.number-copy{padding: 0 0 35px; text-align: center; line-height: 2; font-size: 18px;}
.number-point {margin-bottom: 25px;}
.number-point .serial-pic{width: 575px; margin-right: 30px; float: left;}
.number-point .serial-txt{float: left; font-size: 23px; padding-top: 28px;}
.number-point .serial-txt span{font-size: 1.2em; font-weight: bold; color: #0068b7;}
.snumber-att{font-size: 12px; padding-bottom: 1px;}
.number-copy2{font-size: 30px; text-align: center; font-weight: 600; color: #598dc1; border-bottom: 3px #598dc1 dotted; display: table; margin: 25px auto 20px;}
.number-copy3{font-size: 18px; text-align: center; line-height: 2; padding-bottom: 70px;}

/* =======point============*/
.serial-point{background: #f5f5f5;}
.contents4 {width: 980px; margin: 0 auto; padding: 80px 0 80px;}
.serial-point .point-pic{float: left; background: #fff; width: 310px; margin:0 40px 0 0; border-radius: 10px;}
.serial-point .point-detail{float: left; width: 620px;}
.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;}

/* =======variation============*/
.variation{background: linear-gradient(to bottom left, #598dc1, #9eb8e1); margin-bottom: 80px;}
.variation .contents{padding: 70px 0 50px;}
.variation .contents_top_title{margin-bottom: 45px; color: #fff;}
.contents_top_title .under-line{border-bottom: 2px #fff solid; padding-bottom: 6px;}
.variation-copy{text-align: center; line-height: 2; padding-bottom: 50px; color: #fff; font-size: 18px;}
.variation-con{width:900px; margin: 0 auto 25px; padding: 35px 60px; background: #fff; border-radius: 10px;}
.variation-con .vicon{width:100px; margin-right: 34px; float: left;}
.variation-con .vdetail{width:630px; float: left;}
.variation-con .vdetail h3{font-size: 33px; font-weight: 500; margin-bottom: 18px; border-bottom: #598dc1 dotted 3px; color: #598dc1; display: inline-block; line-height: 1.6;}
.small-f{font-size: 0.8em;}
.variation-con .vdetail h4{font-size:18px; font-weight: 500; padding-bottom: 5px; line-height: 1.5;}
.variation-con .v-copy1{line-height: 1.6; font-size: 15px;}
.variation-con .v-point{background: #fff; padding: 6px 15px; text-align: center; display: inline-block; border: 1px solid #598dc1; margin-top: 15px; font-size: 16px; font-weight: 500; color: #598dc1;}
/* =======price============*/
.point-pricecon{background: #f3f3f3; height: 110px; border: 1px solid #598dc1; margin-bottom: 20px;}
.point-pricecon .p-price-copy{background: #598dc1; padding: 25px 0 20px 0; float: left; width: 260px; text-align: center; height: 110px;}
.point-pricecon .p-price-copy h3{font-weight: 600; color: #fff; font-size: 28px; line-height: 1.4;}
.point-pricecon .p-price-copy p{font-weight: 400; color: #fff; font-size: 15px;}
.triangle1{float:left; width: 0; height: 0; border-left: 55px solid #598dc1; border-top: 55px solid transparent; border-bottom: 55px solid transparent;}
.p-price_info{float: left; line-height: 0.9; letter-spacing: 1px; font-weight: 500; margin-top: 0; font-size: 28px; padding: 26px 15px 0 15px;}
.p-price_gaku{float: left; border: solid 1px #333; padding: 0.45em 0.3em 0.45em 0.2em; margin: 25px 7px 0 0; line-height: 1.4; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; font-weight: 300; font-size: 15px;}
.p-price_price{float: left; font-size: 64px; line-height: 1; letter-spacing:-1px; font-weight: 600; padding: 20px 0 0; color: #598dc1;}
.point-pricecon .wchance{padding: 13px 0 20px 0;}
.copy-h{line-height: 1.3;}
.p-price_area{float: left; display: contents;}


.contents_cap_txt {top: 15%; left: 58%;}
.contents_cap2 .contents_cap_txt {left: 0;}



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