@charset "UTF-8";

/* =============================================
lp-body
================================================*/
* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, section, summary, time, mark, audio, video {margin: 0; padding: 0;  font: inherit; word-wrap: break-word; border: 0; vertical-align: baseline; outline: none; }

body {margin: 0; padding: 0;color: #28282d;font-size: 3.4vw;font-family: 游ゴシック体, YuGothic, 'Yu Gothic', "游ゴシック Medium", "Yu Gothic Medium", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;-webkit-text-size-adjust: 100%;font-style: normal;line-height: 1.78;}
article, aside, canvas, details, figcaption, figure, header, footer, hgroup, main, menu, nav, section, summary { display: block; }
blockquote, q { quotes: none; }
strong, b { font-weight: bold; }
ul, ol, li { list-style: none; }
table { border-spacing: 0; border-collapse: collapse; }
img, video, object { height: auto; border: none; display: block; }
img, iframe {max-width: 100%;}
ins { background: none; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
hr { height: 1px; padding: 0; margin: 1em 0; border: 0; border-top: 1px solid #ccc; display: block; }
*:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); -o-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); -webkit-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); }
a { color: #615c61; text-decoration: none; display: block; -moz-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); -o-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); -webkit-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); }
a:hover { opacity: 0.6; }

.clearfix:after { content: ''; display: block; clear: both; }
  
/* header
================================================*/

header {width: 93vw;position: fixed;top: 1vw;left: 50%;transform: translate(-50%);z-index: 10;display:-webkit-box;display:-moz-box;display:-webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;/* background: #fff; */}

.logo {width: 30vw;}
.header-contact {width: 49vw;}

/* footer
================================================*/
footer{background: #010a12;margin-bottom: 0;}
.copyright {text-align: center; color: #fff;}

/* container
================================================*/
  
.inner {width: 92vw;margin: 0 auto;}

.top01_01 {background: url("../images/lp_sp01_01.jpg") no-repeat center top;background-size: 100%;padding: 16.7vw 0 4vw;overflow: hidden;}
.lp_pc01_01_01 {width: 80vw;margin: 0 0 0 5vw;}
.lp_pc01_01_02 {margin: -7vw 0 0 -4vw;max-width: 108%;}
.lp_pc01_01_03 {width: 57vw;margin: -4vw -3vw 0 auto;}
.lp_pc01_01_04 {max-width: 100vw;margin: -41vw 0 0 -5vw;}
.top01_02 {background: url("../images/lp_sp01_02.jpg") no-repeat center top;background-size: 100%;padding: 0 0 10vw;}
.lp_pc01_02_01 {width: 84vw;margin: 0 auto;}
.lp_pc01_02_02 {margin: 0 0 5vw;}
.lp_pc01_02_03 {margin: 0 0 9.5vw;}
.lp_pc01_02_04 {max-width: 98vw;margin: 0 0 3.8vw -3vw;}
.lp_pc01_02_05 {margin: 0;}
.top02_01 {background: url("../images/lp_sp02.jpg") no-repeat center top;background-size: 100%;padding: 0 0 8vw;}
.lp_pc02_01 {max-width: 100vw;margin-left: -4vw;}
.lp_pc02_02 {margin-top: 8vw;}
.lp_pc02_03 {margin-top: 7.5vw;}
.lp_pc02_04 {margin-top: 6vw;}
.top03_01 {background: url("../images/lp_sp03_01.jpg") no-repeat center top;background-size: 100%;padding: 10vw 0 5vw;}
.lp_pc03_01_01 {max-width: 100vw;margin-left: -4vw;}
.lp_pc03_01_02 {margin-top: 13.8vw;max-width: 95vw;}
.top03_02 {background: url("../images/lp_sp03_02.jpg") no-repeat center top;background-size: 100%;padding: 5vw 0 8vw;}
.lp_pc03_02 {max-width: 96vw;margin-left: -4vw;}
.top03_03 {background: url("../images/lp_sp03_03.jpg") no-repeat center top;background-size: 100%;padding: 5vw 0 7vw;}
.lp_pc03_03 {max-width: 97vw;margin-left: -3vw;}
.top04_01 {background: url("../images/lp_sp04_01.jpg") no-repeat center top;background-size: 100%;padding: 13.4vw 0 12vw;overflow: hidden;}
.lp_pc04_01 {max-width: 96.5vw;}
.top04_02 {background: url("../images/lp_sp04_02.jpg") no-repeat center top;background-size: 100%;padding-bottom: 0px;overflow: hidden;}
.top04_03 {background: url("../images/lp_sp04_03.jpg") no-repeat center top;background-size: 100%;padding: 4.8vw 0 14vw;}
.lp_pc04_03_02 {margin: 1.8vw 0 0;}
.lp_pc04_03_03 {margin: 10vw 0 0;}
.top05_01 {background: url("../images/lp_sp05_01.jpg") no-repeat center top;background-size: 100%;padding: 0 0 15vw;}
.top06_01 {background:#fff;padding: 10vw 0 15vw;}
.top06_02 {background: url(../images/lp_pc03_03.jpg) center top;padding: 10vw 0 15vw;}
.lp_pc05_01 {max-width: 100vw;margin-left: -4vw;}
.lp_pc05_02 {max-width: 100vw;margin: 5vw 0 0 -4vw;}
.lp_pc05_03 {margin: -1vw 0 0;}

/* contact
----------------------------------------------- */
span.must_s {background: #000022;color: #FFF;border-radius: 5px;padding: 4px 8px;margin-right: 10px;font-size: 10px;}
span.any_s {background: #999;color: #FFF;border-radius: 5px;padding: 6px 8px;margin-right: 10px;font-size: 10px;}
.contact{background: #fff;padding: 0 0 20%;}
.formbox {padding: 2% 5% 4%;margin: 5% auto 0;border: 1px solid #ccc;background: #fff;}
.formbox .zcwf_row.wfrm_fld_dpNn {display: none;}
.formbox .zcwf_row { border-bottom: 1px dotted #ccc;}
.formbox .zcwf_col_lab {display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;justify-content: flex-start;-webkit-justify-content: flex-start;align-items: center;width: 100%;font-size: 3.8vw;padding: 0;margin: 6% 0px;}
.formbox .zcwf_col_lab label {font-size: 3.8vw;font-family: 游ゴシック体, YuGothic, 'Yu Gothic', "游ゴシック Medium", "Yu Gothic Medium", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
.formbox .zcwf_col_fld {display: block;width: 100%;padding: 0;font-size: 3.4vw;margin-bottom: 6%;}
.zcwf_lblLeft .zcwf_col_fld input[type=text], .zcwf_lblLeft .zcwf_col_fld textarea {width: 100%; padding: 8px; font-size: 16px; margin-bottom: 3%;border: solid 1px #ddd;}
input[type="submit"]{-webkit-appearance: none;appearance: none;background-image: none!important;box-shadow: none;overflow: hidden!important;cursor: pointer;}
.formbox .att dd{font-size: 3vw;}
.formbox .att dd span { color: #c12f2f; }
.formbox .att {display: block;line-height: 1.6;padding: 4% 0 0;margin: 3% auto 0;font-size: 3vw;text-align:justify;text-justify:auto;}
.formbox .privacy_box{width: 100%;padding: 4%;border: 1px solid #ccc;overflow: hidden;overflow-y: scroll;margin: 10px auto;}
.formbox .privacy_box iframe { width:100%; }
.zcwf_col_fld {margin-top: 5%;}
.zcwf_col_fld:after {content:""; display:block; clear: both; }
.zcwf_lblLeft .zcwf_button {float: right;width: 48%;font-size: 14px;color: #fff;border: none;background: #999;padding: 9px;cursor: pointer;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.zcwf_lblLeft .formsubmit {float: left;margin-right: 5px;cursor: pointer;background: #010d17;}
.checkbox04-input{display: none;}
.checkbox04-parts{position: relative;padding: 12px 2px 12px 47px;transition:.3s;color: #444;border-radius: 5px;border: 1px solid #ddd;display:inline-block;line-height:1;width: 100%;}
.mfp_checked > .checkbox04-parts{background: #ff555e;color: #fff;border: 1px solid #ff555e;}
.checkbox04-parts::before{content: "";display: block;left: 7px;width: 30px;height: 13px;border-radius: 15px;border: 1px solid #aaa;background: #fff;position: absolute;}
.checkbox04-parts::after{content: "";display: block;position: absolute;top: 13px;left: 8px;width: 13px;height: 13px;background: #aaa;border-radius: 50%;transition:.2s;}
.mfp_checked > .checkbox04-parts::before {border: 1px solid #ff555e;}
.mfp_checked > .checkbox04-parts::after {left: 21px;background: #ff555e;}

/* privacy
----------------------------------------------- */
.privacy_in { min-width: auto; }
.privacy {width: 100%;margin: 10% auto;margin-top:0;overflow:auto;-webkit-overflow-scrolling:touch;}
.privacy_in { min-width: auto; }
.privacy_in span {display:inline-block;margin-bottom:3%;font-size:4vw;color: #16163d;}
.privacy_in p{font-size: 3.5vw;line-height: 1.6;margin-bottom:2em;}

/* thanks
----------------------------------------------- */
.thanks {background: #fff no-repeat;background-size: cover;padding: 20% 0;height: 94.8vh;}
.thanks h1 {font-size: 9vw;margin-bottom: 8%;text-align: center;color: #000022;}
.thanks p {	line-height: 1.8; text-align: center; font-size: 3.4vw; margin-bottom: 5%;}
.thanks .button {background: #010a12;text-align: center;display: block;color: #fff;padding: 4% 0;letter-spacing: 2px;position: relative;width: 90%;margin: 10% auto;font-size: 4vw;}
.thanks .button:after {content: "";background: url("../images/white-arrow.png")no-repeat;background-size: 100%;width: 14vw;height: 3vw;position: absolute;right: 20px;top: 18px;}

.thanks-footer { margin:0; }

  .pc { display: none; }
  .sp { display: block; }

/* =============================================
pc-size 
================================================*/
@media screen and (min-width: 736px) {

html{
max-width:640px;
margin:auto;
}

body{
font-size:100%;
}

header{
max-width:640px;
margin:auto;
}

.logo{
width:60%;
}

.header-contact{
width:40%;
}

.zcwf_title{
font-size:16px;
}

.copyright{
font-size:14px;
}

.inner{
width:94%;
}

  /* contact
  ----------------------------------------------- */
  .contact{padding: 0 0 10px;}
  .contact_ttl img{margin:0 auto;}
  .formbox .zcwf_row {display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;width: 100%;padding: 15px 0;}
  .formbox .zcwf_col_lab {width: 30%;font-size: 14px;padding: 0;margin: 0;}
  .formbox .zcwf_col_lab label {font-size: 14px;display: inline-block;}
  .formbox .zcwf_col_fld, .formbox .zcwf_privacy {width: 70%;padding: 0;font-size: 14px;margin: 0;}
  .zcwf_lblLeft .zcwf_col_fld input[type=text], .zcwf_lblLeft .zcwf_col_fld textarea {margin-bottom: 0; font-size: 14px;}
  .formbox .zcwf_btn {border-bottom: none;}
  .formbox .zcwf_btn .zcwf_col_fld {width: 640px; margin: 0 auto; }
  .zcwf_lblLeft .zcwf_button { width: 300px; }
  .formbox .att{padding: 14px 14px;display: block;margin: 10px 0 0; font-size: 12px; }
  .formbox .att dt,.formbox .att dd{font-size: 12px!important; line-height: 1.6;}


.lp_pc01_02_04,
.lp_pc02_01,
.lp_pc03_01_01,
.lp_pc03_01_02,
.lp_pc03_02,
.lp_pc03_03,
.lp_pc04_01,
.lp_pc05_01,
.lp_pc05_02{
max-width:100%;
margin: 0;
}

.lp_pc01_02_03{
margin-bottom: 9.5%;
}

.top01_02{
padding-bottom: 10%;
}

.lp_pc01_02_02{
margin-bottom:5%;
}

.top02_01{
background-size:cover;
padding-bottom:8%
}

.lp_pc02_03{
margin-top:7.5%;
}

.lp_pc02_04{
margin-top:6%;
}

.top03_01{
padding:10% 0 5%;
background-size:cover;
}

.top03_02{
padding:5% 0 8%;
background-size:cover;
}

.top03_03{
padding:5% 0 7%;
background-size:cover;
}

.top04_01{
padding:13.4% 0 12%;
}



.top04_03{
padding:4.8% 0 14%;
background-size:cover;
}

.lp_pc04_03_03{
margin-top:10%;
}

.top05_01{
padding:0 0 15%;
background-size:cover;
}

.lp_pc05_01{
margin-bottom:5%;
}

.top06_01{
padding:10% 0 15%;
}

.top06_02{
padding:10% 0 15%;
}

}