@charset "utf-8";
/* charm -----------------------------------------*/
.charm{margin-bottom: 30px}
.charm .charmInr{width: 960px;margin: 0 auto}
.charm .charmInr .icon{width: 27px;margin: 0 auto 20px}
.charm .charmInr .icon img{width: 100%}
.charm .charmInr h2{text-align: center;font-size: 30px;color: #4a3c2a;margin-bottom: 50px}
.charm .charmInr h2 span.big{font-size: 46px;color: #f99191}
.charm .charmInr h2 span.small{color: #f99191}
.charm .charmInr .charm_item_box{display: flex;vertical-align: top;justify-content: space-around;margin-bottom: 50px}
.charm .charmInr .charm_item_box li{width: 33%}
.charm .charmInr .charm_item_box li .charm_item_img_01,.charm .charmInr .charm_item_box li .charm_item_img_02,.charm .charmInr .charm_item_box li .charm_item_img_03{width: 70%;margin: 0 auto 30px}
.charm .charmInr .charm_item_box li img{width: 100%}
.charm .charmInr .charm_item_box li h3{text-align: center;font-size: 22px;line-height: 1.4;color: #4a3c2a;margin-bottom: 30px}
.charm .charmInr .charm_item_box li h3.charm_item_title_01 span{color: #f99191}
.charm .charmInr .charm_item_box li h3.charm_item_title_02 span{color: #d3c564}
.charm .charmInr .charm_item_box li h3.charm_item_title_03 span{color: #81c8c6}
.charm .charmInr .charm_item_box li p.charm_item_txt_01,.charm .charmInr .charm_item_box li p.charm_item_txt_02,.charm .charmInr .charm_item_box li p.charm_item_txt_03{font-size: 14px;line-height: 1.8;padding: 0 15px;color: #4a3c2a}
.charm .charmInr .charm_item_box li p.charm_item_txt_01 span{color: #f99191;font-weight: bold}
.charm .charmInr .charm_item_box li p.charm_item_txt_02 span{color: #d3c564;font-weight: bold}
.charm .charmInr .charm_item_box li p.charm_item_txt_03 span{color: #81c8c6;font-weight: bold}
/* rewarding -----------------------------------------*/
.rewarding{margin-bottom: 30px}
.rewarding .rewardingInr{width: 960px;margin: 0 auto}
.rewarding .rewardingInr .icon{width: 27px;margin: 0 auto 20px}
.rewarding .rewardingInr .icon img{width: 100%}
.rewarding .rewardingInr h2{text-align: center;font-size: 30px;color: #4a3c2a;margin-bottom: 30px}
.rewarding .rewardingInr h2 span{font-size: 38px;color: #f99191}
.rewarding .rewarding_content{background-image: url(../img-ad/houkan/bg_img.png);background-repeat: repeat;padding: 20px 0;margin-bottom: 30px}
.rewarding .rewarding_content .rewardingInr{background: #fff;border-radius: 5px;padding: 50px 240px 50px 50px;box-sizing: border-box;position: relative}
.rewarding .rewarding_content .rewardingInr p{font-size: 16px;line-height: 1.8;margin-bottom: 30px;color: #4a3c2a}
.rewarding .rewarding_content .rewardingInr p:nth-of-type(3){margin-bottom: 0}
.rewarding .rewarding_content .rewardingInr .rewarding_txt_01 span{color: #f99191;font-weight: bold}
.rewarding .rewarding_content .rewardingInr .rewarding_txt_02 span{color: #d3c564;font-weight: bold}
.rewarding .rewarding_content .rewardingInr .rewarding_txt_03 span{color: #81c8c6;font-weight: bold}
.rewarding .rewarding_content .person{position: absolute;top: -9%;right: 2%;width: 215px}
.rewarding .rewarding_content .person img{width: 100%}
/* business -----------------------------------------*/
.business{margin-bottom: 30px}
.business .businessInr{width: 960px;margin: 0 auto}
.business .businessInr .icon{width: 27px;margin: 0 auto 20px}
.business .businessInr .icon img{width: 100%}
.business .businessInr h2{text-align: center;font-size: 30px;color: #4a3c2a;margin-bottom: 30px}
.business .businessInr h2 span{font-size: 38px;color: #f99191}
.business .businessInr .business_item_01{background: #ffc3c9;padding: 15px;box-sizing: border-box;border-radius: 5px;margin-bottom: 30px}
.business .businessInr .business_item_02{background: #a0c5c4;padding: 15px;box-sizing: border-box;border-radius: 5px;margin-bottom: 30px}
.business .businessInr .business_item_01 .business_itemInr_01,.business .businessInr .business_item_02 .business_itemInr_02{background: #fff;padding: 35px;box-sizing: border-box;border-radius: 5px}
.business .businessInr .business_item_01 .business_itemInr_01 ul,.business .businessInr .business_item_02 .business_itemInr_02 ul{overflow: hidden}     
.business .businessInr .business_item_01 .business_itemInr_01 ul .business_left,.business .businessInr .business_item_02 .business_itemInr_02 ul .business_left{float: left;width: 485px}
.business .businessInr .business_item_01 .business_itemInr_01 ul .business_right,.business .businessInr .business_item_02 .business_itemInr_02 ul .business_right{float: right;width: 340px}
.business .businessInr .business_item_02 .business_itemInr_02 ul .business_right{padding-top: 40px}
.business .businessInr .business_item_01 .business_itemInr_01 ul .business_right img,.business .businessInr .business_item_02 .business_itemInr_02 ul .business_right img{width: 100%}
.business .businessInr .business_item_01 .business_itemInr_01 ul .business_left .business_title,.business .businessInr .business_item_02 .business_itemInr_02 ul .business_left .business_title{overflow: hidden;margin-bottom: 30px} 
.business_title .number{float: left;width: 35px}
.business_title .number img{width: 100%}
.business .businessInr .business_item_01 .business_itemInr_01 ul .business_left .business_title h3,.business .businessInr .business_item_02 .business_itemInr_02 ul .business_left .business_title h3{float: right;width: 435px; font-size: 22px;color: #4a3c2a}
.business .businessInr .business_item_01 .business_itemInr_01 ul .business_left .business_title h3 span{color: #f99191}
.business .businessInr .business_item_02 .business_itemInr_02 ul .business_left .business_title h3 span{color: #81c8c6}
.business .businessInr .business_item_01 .business_itemInr_01 ul .business_left .business_txt,.business .businessInr .business_item_02 .business_itemInr_02 ul .business_left .business_txt{font-size: 14px;line-height: 1.8;color: #4a3c2a}
.business .businessInr .business_item_01 .business_itemInr_01 ul .business_left .business_txt span{color: #f99191;font-weight: bold}
.business .businessInr .business_item_02 .business_itemInr_02 ul .business_left .business_txt span{color: #81c8c6;font-weight: bold}
/* flow -----------------------------------------*/
#flow{margin-bottom: 30px}
#flow .flowInr{width: 960px;margin: 0 auto}
#flow .flowInr .icon{width: 27px;margin: 0 auto 20px}
#flow .flowInr .icon img{width: 100%}
#flow .flowInr h2{text-align: center;font-size: 30px;color: #4a3c2a;margin-bottom: 30px}
#flow .flowInr h2 span{font-size: 38px;color: #f99191}
#flow .flow_content{background-image: url(../img-ad/houkan/bg_img.png);background-repeat: repeat;padding: 30px 0;margin-bottom: 30px}
#flow .kks-service-flow__body {width:1130px;margin: 0 auto;background: #fff;box-sizing:border-box;border-radius: 5px}
#flow .kks-service-flow__body:after {content: "";display: block;clear: both}
#flow .kks-service-list{overflow:hidden;padding: 20px}
#flow .kks-service-list__item {width: 23.0519480519%;position: relative;float: left}
#flow .kks-service-item {padding: 0;margin: 0}
#flow .kks-service-item__fig img {width: 100%;height: auto}
#flow .kks-service-item__header {padding: 15px 0}
#flow .kks-service-item__step {font-family: "Roboto Condensed", "Helvetica", ヒラギノ角ゴ Pro, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color: #f99191;font-size: 13px;letter-spacing: 3px;font-weight: 700}
#flow .kks-service-item__step strong {font-family: "Roboto Condensed", "Helvetica", ヒラギノ角ゴ Pro, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 22px;font-weight: bold}
#flow .kks-service-item__txt {font-size: 18px;font-weight: 500}
#flow .kks-service-item__lead {padding-top: 10px;border-top: 1px solid #cbcbcb;font-size: 14px;line-height: 1.7}
#flow .kks-service-list__item+.kks-service-list__item:before {display: block;width: 0;height: 0;position: absolute;top: 62px;left: -17px;border-style: solid;border-width: 14px 0 14px 12px;border-color: transparent transparent transparent #f99191;content: ' '}
#flow .kks-service-list__item+.kks-service-list__item {margin-left: 2.5974025974%}
#flow .kks-service-item__lead_strong{display:block;font-weight: bold;text-align:center;color:#f99191}

/*追尾ボタン*/
.follow_btn{position:fixed;bottom:0px;right:0px;display:block;width:100%;background-color:rgba(0,0,0,0.5);text-align:center;vertical-align:middle;z-index:10000;padding:10px 20px;box-sizing:border-box}

/*effect scroll*/
.effect-fade {opacity: 0;transform: translate(0, 45px);transition: all 1s}
.effect-fade.effect-scroll {opacity: 1;transform: translate(0, 0)}

/*page top icon*/
/*
#page-top{position:fixed;bottom:10px;right:10px;font-size: 77%;z-index:10000}
#page-top a{display:block;text-indent:-9999px;width:60px;height:60px;background:rgba(243,12,101,0.9);border-radius:4px;position:relative}
#page-top a:before{content:'';width:0;height:0;border:solid 9px transparent;border-bottom:solid 15px #fff;position:absolute;top:25%;right:35%}
#page-top a:hover{text-decoration:none;opacity:0.7}*/