@charset "UTF-8";
/* guarantee
----------------------------------------------- */
.guarantee .guarantee_intro{margin: 0 auto 10%;}
.guarantee .guarantee_intro .midashi03 .jp{line-height: 1.2;}
.guarantee .guarantee_intro p{margin-bottom: 6%;font-size: 3.8vw;}

.guarantee .after_follow .follow_box{ margin: 0 auto 50px; background: #fff;box-shadow: 0 0 6px 1px #adadad; padding: 6%;}
.guarantee .after_follow .follow_ttl{text-align: center;margin: 0 auto 6%;font-size: 7vw;width: 100%;font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", serif;}
.guarantee .after_follow .follow_ttl span{margin: 0 auto 0;padding: background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(75%, rgba(0, 0, 0, 0)), color-stop(75%, rgba(194, 159, 84,0.5)));background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 75%, rgba(194, 159, 84,0.5) 75%);background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 75%, rgba(194, 159, 84,0.5) 65%);background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 75%, rgba(194, 159, 84,0.5) 65%);}
.guarantee .after_follow .follow_box img{    margin: 0 auto 6%;}
.guarantee .after_follow .follow_box img.follow_no{width:16%;display: inline-block;margin: 0 2% 0 auto;}
.guarantee .after_follow .follow_box .follow_service{background: url("../images/guarantee/guarantee_img03_bg.jpg") top 0px center;background-size: 100%;padding: 4%;}
.guarantee .after_follow .follow_box .follow_service_midashi{width: 100%;margin: 0 auto 6%;background: #c29f54;padding: 6%;color: #fff;text-align: center;font-size: 4.5vw;font-family: yu-mincho-pr6, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;}
.guarantee .after_follow .follow_box .follow_service li{  background: rgba(255 255 255 / 80%); padding: 4%;margin: 0 auto 4%;}
.guarantee .after_follow .follow_box .follow_service li p.service_ti{color: #000;font-size: 5.6vw;font-family: yu-mincho-pr6, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;line-height: 1.3;height: 50px;display: table;margin-bottom: 6%;width: 100%;}
.guarantee .after_follow .follow_box .follow_service li p.service_ti span.no{display: table-cell;font-size: 7vw;width: 45px;height: 45px;line-height: 46px;background: #c29f54;color: #fff;border-radius: 12px;text-align: center;}
.guarantee .after_follow .follow_box .follow_service li p.service_ti span{display: table-cell;vertical-align: middle;padding: 1%;}
.guarantee .after_follow .follow_box .follow_service li p.service_ti span:nth-of-type(2){ font-size: 4.4vw;  padding-left: 4%;}
.guarantee .after_follow .follow_box .follow_service li p{margin-bottom:0;color: #000;}

.guarantee .link{color: #c29f54;font-size: 150%;}
.guarantee .link a{display: inline-block;color: #c29f54;}

.guarantee .guarantee_flow{display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap;  -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between;  -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: flex-start; -ms-flex-align: start;align-items: flex-start;}
.guarantee .guarantee_flow li{ width: 40%;position: relative;}
.guarantee .guarantee_flow dl{   font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", serif;margin: 0 auto 6%;}
.guarantee .guarantee_flow dt{margin: 0 auto 4%;}
.guarantee .guarantee_flow dt img{margin: auto;}
.guarantee .guarantee_flow dd{text-align: center;}
.guarantee .guarantee_flow dd.flow_text{background: #c29f54;padding: 6%;text-align: center;color: #fff;margin: 0 auto 2%;border-radius: 10px;}
.guarantee .guarantee_flow dd.flow_day{font-size:6vw;}
.guarantee .guarantee_flow dd span{font-size: 80%;}
.guarantee .guarantee_flow li:after{content: ''; width: 0;  height: 0; border-style: solid; border-width: 16px 16px 0 16px; border-color: #c1c1c1 transparent transparent transparent;position: absolute;top: 36%;left: 125%;-moz-transform: translateX(-50%) rotate( -90deg );-ms-transform: translateX(-50%) rotate( -90deg );-webkit-transform: translateX(-50%) rotate( -90deg);transform: translateX(-50%) rotate( -90deg);}
.guarantee .guarantee_flow li:last-child:after{content: none;}

.guarantee .guarantee_li{padding: 6%; border: 1px solid #a5955f; z-index: 1;position: relative;  background: #fff;}
.guarantee .guarantee_li li{color: #000;margin-bottom: 16px;padding-bottom: 3%;font-size: 3.8vw;line-height: 1.4;counter-increment: count;font-feature-settings: "palt";border-bottom: 1px dashed  #a5955f;}
.guarantee .guarantee_li li:last-child{border-bottom:none;    padding-bottom: 0;margin-bottom:0;}

.guarantee .sec-gray{background: #393939;color: #fff;width: 100%;padding: 10% 4%;}
.guarantee .sec-gray .midashi03 span.jp{color: #fff;}

@media screen and (min-width: 736px) {
/* guarantee PC
----------------------------------------------- */
.sec-gray {}

.guarantee .guarantee_intro{margin: 0 auto 80px;}
.guarantee .guarantee_intro p{margin-bottom: 20px;font-size: 18px;text-align: center;}

.guarantee .after_follow .follow_box{margin: 0 auto 50px;padding: 40px;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
.guarantee .after_follow .follow_ttl{text-align: center;font-size: 38px;margin: 0 auto 20px;display: block;width: 100%;}
.guarantee .after_follow .follow_box img.follow_no{width: auto;margin: 0 12px -3px auto;}
.guarantee .after_follow .follow_box .text{width: 48%;}
.guarantee .after_follow .follow_box .text p{font-size: 16px; text-align: left;}
.guarantee .after_follow .follow_box:nth-of-type(2) .text{width: 100%;}
.guarantee .after_follow .follow_box img{margin: 0 auto 20px;width: 48%;}
.guarantee .after_follow .follow_box .follow_service{background-size: 100%;padding: 30px 30px 10px;width: 100%;}
.guarantee .after_follow .follow_box .follow_service_midashi{width: 100%;margin: 0 auto 20px;padding: 10px;font-size: 24px;}
.guarantee .after_follow .follow_box .follow_service ul{    display: -webkit-flex; display: -ms-flexbox;  display: flex;-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start;}
.guarantee .after_follow .follow_box .follow_service li{padding: 20px;margin: 0 auto 20px;width: 48%;height: auto;}
.guarantee .after_follow .follow_box .follow_service li p.service_ti{font-size: 20px;height: auto;margin-bottom: 10px;width: 100%;}
.guarantee .after_follow .follow_box .follow_service li p.service_ti span.no{font-size: 30px;width: 55px;height: 25px;line-height: 46px;}
.guarantee .after_follow .follow_box .follow_service li p.service_ti span{display: table-cell;vertical-align: middle;padding: 1%;}
.guarantee .after_follow .follow_box .follow_service li p.service_ti span:nth-of-type(2){font-size: 20px;padding-left: 4%;}
.guarantee .after_follow .follow_box .follow_service li p{margin-bottom:0;}

.guarantee .text p{text-align: center;font-size: 18px;}
.guarantee .link{color: #c29f54;font-size: 150%;}
.guarantee .link a{display: inline-block;color: #c29f54;}

.guarantee .guarantee_flow{ margin: 50px auto 0;}
.guarantee .guarantee_flow li{width: 15%;position: relative;}
.guarantee .guarantee_flow dl{font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", serif;margin: 0 auto 6%;}
.guarantee .guarantee_flow dt{margin: 0 auto 4%;height: 80px;}
.guarantee .guarantee_flow dt img{margin: 10px auto;}
.guarantee .guarantee_flow dd{text-align: center;}
.guarantee .guarantee_flow dd.flow_text{background: #c29f54;padding: 6%;text-align: center;color: #fff;margin: 0 auto 2%;border-radius: 10px;}
.guarantee .guarantee_flow dd.flow_day{font-size: 25px;}
.guarantee .guarantee_flow dd span{font-size: 80%;}
.guarantee .guarantee_flow li:after{content: '';width: 0;height: 0;border-style: solid;position: absolute;top: 50px;left: 110%;-moz-transform: rotate( -90deg );-ms-transform: rotate( -90deg );-webkit-transform: rotate( -90deg);transform: rotate( -90deg);}
.guarantee .guarantee_flow li:last-child:after{content: none;}

.guarantee .guarantee_li{padding: 6%; border: 1px solid #a5955f; z-index: 1;position: relative;}
.guarantee .guarantee_li li{margin-bottom: 16px;padding-bottom: 20px;font-size: 16px;}
.guarantee .guarantee_li li:last-child{border-bottom:none;    padding-bottom: 0;margin-bottom:0;}

.guarantee .gray_inn{width: 960px;margin: auto;}
.guarantee .gray_inn img{margin: auto;}

.guarantee .sec-gray{width: 100%;padding: 100px 0;}
}