@charset "UTF-8";
/* try
----------------------------------------------- */
.header-top {width: 100%;height: 40px;padding-top: 1px;background: #fff;}
.header-logo {width: 30vw;margin-left: 4%;}
.header-logo img { width: 100%; }

.try{background: url("../images/top_bg.jpg");margin: 0 auto; }
.try .visual {background: url("../images/try/visual_top_bg.jpg")no-repeat;background-size: cover;margin: 18% auto 0;}
.try .visual_inn{width: 100%;margin:auto;padding: 0 2% 4%;}
.try .visual img{position: relative;left: 50%;-moz-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);max-width: 100%;}

.support{margin-top: 10vw;}
.support img{width: 100%;}

.try .midashi01{padding: 10% 0 6%;margin: 0;}
.try .midashi01:before{content: none;}

.try .try_machine{ padding: 10% 0 12%; background: #fff;}
.try .try_machine ul{margin: auto;width: 90%;}
.try .try_machine li{  margin-bottom: 10%;}
.try .try_machine li:nth-child(1) img{width: 40%;}
.try .try_machine li:nth-child(2) img{width: 40%;}
.try .try_machine li:nth-child(3) img{width: 60%;}
.try .try_machine li img{width: 80%;margin: 0 auto 4%;}
.try .try_machine li img.img2{width: 40%;margin: 0 auto 4%;}
.try .try_machine dl{background: #fff;box-shadow: 0 0 6px 1px #adadad;margin: 0 auto 7vw;padding: 14% 6% 6%;margin: -19% auto 0;}
.try .try_machine dt{color: #000;font-size: 7.5vw;margin: 0 auto 6%;text-align: center;font-family: yu-mincho-pr6, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E; line-height: 1.4;}
.try .try_machine dt span.en{color: #aa873d;font-size: 4.5vw;font-family: "trajan-pro-3",serif;display: block;margin: 2% 0 0 0;}
.try .try_machine dd{font-size: 3.8vw;line-height: 1.8;color: #000;text-align: justify;}

.try .try_demo{padding: 5% 0 5%;}
.try .try_demo .decoration{display: none;}
.try .try_demo .demo_arrow{width: 90%;margin: -10% auto 11%;}

.try .try_demo ul{width: 90%;margin: 0 auto;}
.try .try_demo li{margin-bottom:10%;}
.try .try_demo .demo_ttl{position: relative;margin: 0 auto 11%;z-index: 1;}
.try .try_demo .demo_ttl .step{width: 30%;margin: 0 8% -7% auto;z-index: 1;position: relative;}
.try .try_demo .demo_ttl .demo_img{width: 85%;margin: 0 auto;}
.try .try_demo .demo_ttl p{position: absolute;bottom: -6%;left: 2%;width: 100%;line-height: 1.5;font-family: yu-mincho-pr6, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;}
.try .try_demo .demo_ttl p span{padding: 1%;background: #aa873d;color: #fff;font-size: 4vw;font-weight: bold;margin-bottom: 1%;display: inline-block;}

.try .try_demo dl{background: #fff;padding: 12% 6% 2%;margin: -16% auto 0;position: relative;}
.try .try_demo dl:before{content: "";background: url("../images/try/demo_box_t.png")no-repeat;width: 100%;height: 20px;background-size: 100%;position: absolute;top: -20px;left: 0;}
.try .try_demo dl:after{content: "";background: url("../images/try/demo_box_b.png")no-repeat;width: 100%;height: 20px;background-size: 100%;position: absolute;bottom: -20px;left: 0;}

.try .try_demo dt{color: #aa873d;font-size: 4vw;line-height: 1.5;margin: 0 auto 4%;font-family: yu-mincho-pr6, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;}
.try .try_demo dd{ font-size: 3.8vw; line-height: 1.8;}
.try .try_demo dd b{font-weight: bold;}
.try .try_demo dd span.text_under{    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(65%, rgba(0, 0, 0, 0)), color-stop(65%, #f3e9c8)); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 65%, #f3e9c8 65%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 65%, #f3e9c8 65%);background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 65%, #f3e9c8 65%);}
.try .try_demo dd ruby rt{font-size: 0.6em;}

.slimshock_form .con_check{width: 100%;}
.slimshock_form .con_check 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;}
.slimshock_form .con_check li{width:100%;}

.try_bnr{width: 94%;margin: auto;padding: 0% 0;}
.try_bnr ul{}
.try_bnr ul li{width: 90%;margin: 0 auto 6%;}
.try_bnr ul li img{width: 100%;margin: 0 0 4%;}
.try_bnr ul li p{color: #000;font-size: 3.6vw;text-align: justify;}


/* form　レイアウト
----------------------------------------------- */
.contact_formbox {margin: 0px 0;padding: 0;color: #555555;}
.contact_formbox table {width: 100%;}
.contact_formbox tr th{font-size: 4vw;display: block;width: 100%;padding: 4% 0 1%;}
.contact_formbox tr td{display: block;width: 100%;padding: 2% 0 4%;}
.contact_formbox .mailformproTable td input[type="text"],.contact_formbox .mailformproTable td input[type="email"], .contact_formbox .mailformproTable td input[type="tel"],.contact_formbox .mailformproTable td textarea{-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;width: 95%;box-shadow: none;-webkit-appearance: none;appearance: none;}
.mailformproTable td span{font-size: 16px!important;padding-bottom: 10px;}
.contact_formbox .mailformproTable ul{width: 100%;margin: 0 0 10px;}
.contact_formbox .mailformproTable ul li{font-size: 3.8vw;margin-bottom: 1%;color: #555555;font-feature-settings: "palt";}
#mfp_buttons{width: 80%!important;}
#mfp_buttons li{width: 100%!important;padding: 0;}
input#button_mfp_goconfirm{-webkit-appearance: none;appearance: none;font-weight: bold;width: 100%!important;font-size: 18px!important;font-family: fot-tsukuardgothic-std;-moz-border-radius: 12px;-webkit-border-radius: 12px;border-radius: 12px;padding: 3px!important;height: auto!important;background-image: none;box-shadow: none;}

.slimshock  .contact_line{background: url("../images/brand/slim-shock/line_bnr_bg.png")no-repeat center;padding: 2% 4% 3%;background-size: 100%;overflow: hidden;}
.slimshock  .contact_line .slimshock_tel{margin: 0 auto -4%;}
.slimshock  .contact_line .slimshock_tel img{width: 100%;}
.slimshock  .contact_line .line_bnr{margin: 0 auto 0;}
.slimshock  .contact_line .line_bnr img{width: 100%;}
.slimshock  .slimshock_contact{background: #fff;padding: 6% 6% 10%;}
.slimshock  .slimshock_contact .att_box{padding: 6%; border: 1px solid #a5955f;margin: 0 auto 6%;}
.slimshock  .slimshock_contact .att_box p{font-size: 3.8vw;line-height: 1.6;}
.slimshock  .slimshock_contact .att_box b{font-size: 4vw; color: #a5955f;font-weight: bold;text-align: center;display: block;margin: 0 auto 3%;}
.slimshock  .slimshock_form{background: #f2f2f2;width: 100%;padding: 4%;}
.slimshock_form .con_select{width: 95%;border: 1px solid #c0c0c0;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;padding: 2px 8px;position: relative;background: #fff;}
.slimshock_form .con_select select{width: 100%;padding-right: 1em;cursor: pointer;text-overflow: ellipsis;border: none;outline: none;background: transparent;background-image: none;box-shadow: none;-webkit-appearance: none;appearance: none;padding: 6px 8px;font-size: 14px;color: #666;}
.slimshock_form .con_select:before{content: "\f0dc";/* margin: 0 10px; */font-size: 1.2rem;font-family: FontAwesome;display: inline-block;color: #666;position: absolute;right: 4%;top: 50%;-webkit-transform: translate(0, -50%);transform: translate(0, -50%);}
.slimshock_form .contact_formbox .mailformproTable ul{border: none;background: none;padding: 0;}


#footer_try .footer{ padding-bottom: 26vw;}
.footer-cv {width: 100%;z-index: 8;padding: 2vw;position: fixed;left: 0;bottom: 0;background: rgba(255, 255,255, 0.9);}
.footer-cv a {text-align: center;display: block;background: #ab9c6c;width: 90vw;padding: 3vw;margin: auto;border-radius: 20px;position: relative;color: #fff;}
.footer-cv span.cv-ti{font-size: 5vw;color: #F5DC21;font-weight: 600;}
.footer-cv a .arrow {position: absolute;top:50%;right: 3vw;color: #fff;font-size: 5vw;-moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.footer-cv a:hover{opacity: 0.7;}



@media screen and (min-width: 736px) {
/* try
----------------------------------------------- */
.header-top{width: 960px;margin: auto;}
.header-logo{width: 140px;margin: 0 0 14px;}

.try .visual {background-size: cover;min-height: 1100px;margin: 100px auto 0;}
.try .visual_inn{width: 100%;margin:auto;padding: 0 2%;}

.support{margin-top: 40px;}

.try .midashi01{ padding: 100px 0 40px;}

.try .try_machine{width: 100%;margin: -170px auto 0;}
.try .try_machine ul{margin: auto;width: 1060px;}
.try .try_machine li{margin-bottom: 10%;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;margin-bottom: 0;height: 600px;}
.try .try_machine li img,.try .try_machine li img.img2{width: auto;margin: 0 auto 4%;z-index: 2;position: relative;}
.try .try_machine li dl{padding: 70px;margin: 0 auto 0;width: 100%;position: relative;z-index: 1;background: none;}
.try .try_machine li:nth-child(odd) dl{-webkit-order: -1;order: -1;padding: 70px 30px 30px 0;box-shadow: none;}
.try .try_machine li:nth-child(even) dl{padding: 70px  0 30px 30px;box-shadow: none;}
.try .try_machine li:nth-child(odd) dl:before,.try .try_machine li:nth-child(even) dl:before{content: "";background: #fff;box-shadow: 0 0 6px 1px #adadad;width: 2500px;height: 260px;position: absolute;bottom: 0;z-index: -1;}
.try .try_machine li:nth-child(odd) dl:before{right: -150px;}
.try .try_machine li:nth-child(even) dl:before{left: -150px;}
.try .try_machine li dl.try_machine4:before{height: 300px;}
.try .try_machine li dl.try_machine5:before{height: 300px;}
.try .try_machine li dl.try_machine7:before{height: 380px;}
.try .try_machine li dl.try_machine9:before{height: 236px;}
.try .try_machine li dl.try_machine12:before{height: 300px;}
.try .try_machine li dl.try_machine14:before{height: 340px;}
	

.try .try_machine dt{font-size: 40px;margin: -100px auto 20px;text-align: left;  line-height: 1;}
.try .try_machine dt span.en{font-size: 16px;display: inline-block;margin: 0 0 0 10px;}
.try .try_machine dd{font-size: 20px;line-height: 1.8;}

.try .try_demo{padding: 60px 0 110px;background-size: cover;}
.try .try_demo .inner{position: relative;}
.try .try_demo .decoration{display: block;font-weight: normal;font-family: "trajan-pro-3",serif;font-weight: 500;font-size: 90px;-webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;color: #a5955f;position: absolute;right: -170px;top: 0;}
.try .try_demo .demo_arrow{width: 70%;margin: -10% auto 11%;}

.try .try_demo ul{width: 1000px;margin: 0 auto;}
.try .try_demo li{margin-bottom: 240px;}
.try .try_demo li:last-child{margin-bottom:0;}
.try .try_demo .demo_ttl{margin: 0 auto 60px;z-index: 1;}
.try .try_demo .demo_ttl .step{width: 170px;margin: 0 auto -160px 40px;}
.try .try_demo .demo_ttl .demo_img{width: auto;margin: 0 40px 0 auto;}
.try .try_demo .demo_ttl p{position: absolute;bottom: 20px;left: 40px;width: 670px;line-height: 1.5;}
.try .try_demo li:nth-child(2) .demo_ttl p,.try .try_demo li:nth-child(4) .demo_ttl p,.try .try_demo li:nth-child(5) .demo_ttl p{bottom: -40px;}
.try .try_demo .demo_ttl p span{padding: 10px;font-size: 30px;margin-bottom: 10px;}

.try .try_demo dl{padding: 140px 60px 30px;margin: -150px auto 0;}
.try .try_demo dl:before{width: 100%;height: 90px;background-size: 100%;position: absolute;top: -60px;left: 0;}
.try .try_demo dl:after{width: 100%;height: 60px;background-size: 100%;position: absolute;bottom: -60px;left: 0;}

.try .try_demo dt{font-size: 34px;margin: 0 auto 30px;}
.try .try_demo dd{font-size: 26px;line-height: 1.8;}

.slimshock_form .con_check{width: 100%;}

.try_bnr{width: 1200px;margin: 0 auto 250px;}
.try_bnr 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;}
.try_bnr ul:after{content: "";width: 32%;display: block;}
.try_bnr ul li{width: 32%;height: auto;margin: 4px 0 10px;}
.try_bnr ul li img{width: 100%;margin: 0 0 12px;}
.try_bnr ul li p{font-size: 14px;}

/* form　レイアウト
----------------------------------------------- */
.contact_formbox {margin: 0px 0;padding: 0;}
.contact_formbox table {width: 100%;display: table;}
.contact_formbox tr th{font-size: 16px;display: table-cell;width: 300px;padding: 10px 0 10px;}
.contact_formbox tr td{display: table-cell;width: 600px;padding: 20px 0 20px;}

.contact_formbox .mailformproTable ul{ border: solid 1px #c0c0c0; -moz-border-radius: 10px;-webkit-border-radius: 10px; border-radius: 10px; width: 98%;padding:10px;}
.contact_formbox .mailformproTable ul li{font-size: 16px;margin-bottom: 6px;display: inline-block;line-height: 0.2;}
#mfp_buttons{width: 80%!important;}
#mfp_buttons li{width: 100%!important;padding: 0;}
input#button_mfp_goconfirm{-webkit-appearance: none;appearance: none;font-weight: bold;width: 100%!important;font-size: 18px!important;font-family: fot-tsukuardgothic-std;-moz-border-radius: 12px;-webkit-border-radius: 12px;border-radius: 12px;padding: 3px!important;height: auto!important;background-image: none;box-shadow: none;}

.slimshock  .contact_line{background: url("../images/brand/slim-shock/line_bnr_bg_pc.png")no-repeat center;padding: 20px 0 20px;background-size: cover;}
.slimshock  .contact_line .slimshock_tel{margin: 0 auto -22px;width: 900px;}
.slimshock  .contact_line .slimshock_tel img{width: 100%;}
.slimshock  .contact_line .line_bnr{margin: 0 auto 0;width: 900px;}
.slimshock  .contact_line .line_bnr img{width: 100%;}

.slimshock  .slimshock_contact{padding:80px 0 80px;}
.slimshock  .slimshock_contact .att_box{padding: 40px;margin: 0 auto 60px;width: 900px;}
.slimshock  .slimshock_contact .att_box p{font-size: 16px;}
.slimshock  .slimshock_contact .att_box b{font-size: 20px;margin: 0 auto 10px;}
.slimshock  .slimshock_form{width: 900px;padding: 30px;margin: 0 auto;}

.slimshock_form .contact_formbox .mailformproTable ul{border: none;margin: 0 0 10px;}
.slimshock_form .contact_formbox .mailformproTable ul li{  display: block;}

#footer_try .footer{ padding-bottom: 125px;}
.footer-cv {width: 100%;padding: 20px;}
.footer-cv a {width: 900px;padding: 10px;margin: auto;}
.footer-cv span.cv-ti{font-size: 20px;}
.footer-cv a .arrow {right: 20px;font-size: 24px;}

}