@charset "UTF-8";

.marketing_intro{padding: 10% 0; }
.marketing_midashi{color: #444444;font-size: 5vw;margin: 0 auto 6%;font-weight: 600;text-align: center;line-height: 1.6;display: block;font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", serif;}

.marketing_midashi02{text-align: center;position: relative;margin-bottom: 12vw;}
.marketing_midashi02 .en{ color: #aa873d;display: block;line-height: 1;margin-bottom: 2vw;font-size: 3.4vw;font-family: trajan-pro-3, serif;font-weight: 400;font-style: normal;}
.marketing_midashi02 .jp{font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;display: block;line-height: 1.4;color: #333;font-size: 5.2vw;font-weight: 500;letter-spacing: 0.06rem;margin-bottom: 2vw;}

.marketing_intro img{width: 90%;margin: 0 auto 6%;}
.marketing_intro .text{width: 90%;margin: 0 auto 8%;font-size: 4vw;text-align: justify;}

.marketing .text_big{margin: 0 auto 0;}
.marketing .text_big p{color: #444444;font-size: 5vw;font-weight: 600;margin: 0 auto 4%;text-align: center;line-height: 1.6;display: block;font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", serif;}
.marketing .text_big span{color: #aa873d;}

.marketing_example{ background: #fff;padding: 10% 0; }
.marketing .example_trxt{  width: 90%; margin: 0 auto 8%;font-size: 4vw;text-align: center;}
.marketing .example_trxt span{color: #ed5f79;font-weight: 600;}

.marketing_example .marketing_ex_li{width: 95%;margin: 0 auto 10%;padding: 2%;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;}
.marketing_example .marketing_ex_li li{margin: 0 auto 6%;background: #fff;box-shadow: 0 0 6px 1px #adadad;padding: 4%;}
.marketing_example .marketing_ex_li li:last-child{margin: 0 auto 0;}
.marketing_example .marketing_ex_li li img{margin: 0 auto 4%;width: 100%;}
.marketing_example .marketing_ex_li dl{width: 100%;}
.marketing_example .marketing_ex_li dt{font-size:  4.5vw;margin: 0 auto 4%;padding: 4%;color: #fff;text-align: center; line-height: 1.4; background: #aa873d; font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", serif;}
.marketing_example .marketing_ex_li dd p{font-size: 3.5vw;text-align: center;}


.marketing_service{ padding: 10% 0; background: url(../images/top_news_bg.jpg) center top / cover no-repeat;}
.marketing_service ul{width: 90%;margin: 0 auto 10%;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;}
.marketing_service li{margin: 0 auto 4%;width: 100%;background: #fff;box-shadow: 0 0 6px 1px #adadad;padding: 4%;}
.marketing_service li:last-child{;margin: 0 auto 0;}
.marketing_service li img{width: 100%;margin: 0 auto 4%;}
.marketing_service dt{font-size: 3.5vw;margin: 0 auto 4%;font-weight: 600;line-height: 1.6;text-align: center;font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", serif;}
.marketing_service dt .salon_name{font-weight:600;font-size: 5.5vw;}
.marketing_service dd{font-size: 3.5vw;text-align: justify;line-height: 1.6;text-align:center;}
.marketing_service dd .plan{font-weight:600;display:block;font-size: 4vw;margin-bottom: 2%;}



@media screen and (min-width: 736px) {

.marketing_intro{padding: 80px 0;width: 960px;margin: auto;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;}
.marketing_midashi{font-size: 30px;margin: 0 auto 60px;width: 100%;}

.marketing_midashi02{margin-bottom:90px;margin-bottom: 40px;}
.marketing_midashi02 .en{margin-bottom:10px;font-size:16px;}
.marketing_midashi02 .jp{font-size: 30px;margin-bottom: 16px;}

.marketing_intro img{width: 450px;margin: 0;}
.marketing_intro .text{width: 42%;margin: 0 auto 0;font-size: 16px;}

.marketing .text_big{margin: 60px auto 0;}
.marketing .text_big p{font-size: 30px;margin: 0 auto 20px;}

.marketing_example{ padding: 80px 0;}
.marketing .example_trxt{  width: 900px; margin: 0 auto 60px;font-size: 18px;text-align: center;}
.marketing_example .marketing_ex_li{width: 960px;margin: 0 auto 0;}
.marketing_example .marketing_ex_li li,.marketing_example .marketing_ex_li li:last-child{margin: 0 0 20px;width: 49%;padding: 20px;}
.marketing_example .marketing_ex_li li img{margin: 0 auto 20px;width: 436px;}
.marketing_example .marketing_ex_li dt{font-size: 24px;margin: 0  0 10px;padding: 10px;}
.marketing_example .marketing_ex_li dd p{font-size: 16px;text-align: center;}

.marketing_service{ padding: 80px 0;}
.marketing_service ul{width: 960px;margin: 0 auto 60px;}
.marketing_service li{margin: 0 0 20px;width: 49%;padding: 20px;}
.marketing_service li:last-child{margin: 0 auto 0;}
.marketing_service li img{width: 100%;margin: 0 auto 4%;}
.marketing_service dt{font-size: 16px;margin: 0 auto 10px;}
.marketing_service dt .salon_name{font-size:26px;}
.marketing_service dd{font-size: 16px;}
.marketing_service dd .plan{font-size: 20px;margin-bottom:10px;}


/*test
----------------------------------------------- */
.marketing_test .marketingsupport{background: url("../images/marketing/marketing_pc.jpg")no-repeat;padding-top:6150px; width: 2000px; min-width: 2000px; position: relative;left: 50%; transform: translate(-50%, 0);}

}