@charset "UTF-8";
/* CSS Document */

/*このLPのみの改行指定*/
body{
  word-break: normal;
  word-wrap:break-word;
}


/* ============================================================
   大枠
============================================================ */
.main {
background: #f8f8f8;
overflow: hidden;
}


/* ============================================================
   共通項目
============================================================ */
.boxApply{}
.bgW{ background:#FFFFFF;}
.titleApply{
  width: 100%;
  line-height: 92px;
  height: 92px;
  text-align: center;
  background:#fff;
  font-size: 32px;
  position: relative;
  margin-bottom: 60px;
}
.titleApply {
  position: relative;
  background: #FFFFFF;
  border-bottom: 4px solid #efefef;
}
.titleApply:after, .titleApply:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.titleApply:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #FFFFFF;
  border-width: 16px;
  margin-left: -16px;
}
.titleApply:before {
  border-color: rgba(228, 228, 228, 0);
  border-top-color: #efefef;
  border-width: 20px;
  margin-left: -20px;
}
.circleApply {
  display: inline-block;
  width: 40px;
  height: 66px;
  background: url("../../img/apply/15/icon_ttl.png") no-repeat 0 0;
  margin-right: 15px;
  position: relative;
  top: 12px;
}

.txtC {
  text-align:center;
  margin-bottom: 30px;
}

.txtR {
  text-align:right;
  margin-bottom: 20px;
}
.fontS {
font-size:14px;
}
.fontSS {
font-size:12px;
}
.fontR {
color:#E1000B;
}
/* ============================================================
   HERO
============================================================ */
/*背景写真*/
.hero{
  width: 100%;
  position: relative;
  background:#C3F2EA;
}
.heroIn {
  width: 1100px;
  height:auto;
  margin: 0 auto;
}
.heroIn h2 {
  text-align: center;
  background: #F8F8F8;
  color: #333;
  padding: 14px 0;
  font-size: 30px;
  position:relative;
letter-spacing: 2px;
border-bottom:2px solid #D6E2E0;
}

.heroIn h2 span.logo {
  display: inline-block;
  width: 169px;
  height: 33px;
  margin-right: 10px;
  position: relative;
  top: 5px;
}

/* ============================================================
  クラウドファンディングの実施で、新商品が通常よりも速く成長！
============================================================ */
#introArea {
    width: 966px;
    margin: 0 auto 22px auto;
  position:relative;
}
.titleIntro{
  width: 100%;
  line-height: 150px;
  height: 150px;
  text-align: center;
  font-size: 32px;
  position: relative;
  padding-top:30px;
  margin-bottom: 30px;
}
.titleIntro:after {
content: "";
position: absolute;
width: 100%;
left: 0;
background: url("../../img/apply/15/br.gif") repeat 0 0;
height: 4px;
bottom: 0px;
}
.titleIntro span {
display: inline-block;
width: 806px;
height: 109px;
text-align:center;
line-height:1.5;
font-size:40px;
}

.introApplyLeft {
display: inline-block;
width: 82px;
height: 109px;
background: url("../../img/apply/15/ttl_arrow_l.png") no-repeat 0 0;
position: absolute;
left:0;
}
.introApplyRight {
display: inline-block;
width: 82px;
height: 109px;
background: url("../../img/apply/15/ttl_arrow_r.png") no-repeat 0 0;
position: absolute;
right:0;
}
.introTxt {
    font-size: 18px;
    line-height: 1.8;
}
/* ============================================================
   Makuakeが新商品を成長させる3つの理由
============================================================ */
#reasonArea {
    width: 100%;
    margin: 0 auto 22px auto;
    position: relative;
}
.reasonIn{
width:960px;
margin:0 auto;
}
.reasonBox {
  margin:0 auto 35px;
  background: white;
  border-radius: 5px;
  border-bottom: 3px solid #e7e7e7;
  border-top:1px solid #e7e7e7;
  border-right:1px solid #e7e7e7;
  border-left:1px solid #e7e7e7;
  padding: 20px 20px 40px;
}

.reasonBox h4 {
  padding: 10px 10px 0;
  font-size: 25px;
  line-height: 1.6;
  text-align:center;
  margin-bottom:20px;
}
.reasonBox h4 span.number {
display: inline-block;width: 40px;line-height: 40px;background:#fb2a79;text-align: center;color: #fff;border-radius: 50%;margin-right: 8px;position: relative;top: -1px;
font-size:25px;
/* box-shadow */
box-shadow:rgb(199, 19, 91) 2px 2px 0px 1px;
-webkit-box-shadow:rgb(199, 19, 91) 2px 2px 0px 1px;
-moz-box-shadow:rgb(199, 19, 91) 2px 2px 0px 1px;
}
.reasonBox h4 span.line {
border-bottom:3px solid #B8EDE5;
}
.reasonBox h5 {
  font-size: 14px;
  line-height: 1.6;
  font-weight:bold;
  margin-bottom:10px;
  width: 100%;
}
.mediaBox {
width:823px;
margin:0 auto;
}
.marketingBox {
  margin:0 0 0 40px;
}
.marketingLeft {
  float:left;
  width: 399px;
  margin-right: 5px;
}
.marketingRight {
float:right;
}
.successBox {
  margin:0 0 0 40px;
  clear: both;
  overflow: hidden;
}
.successBox dl {
  float:left;
  margin-right: 10px;
}
.successBox dl.successBefore {
  width: 342px;
}
.successBox dl.successAfter {
  width: 408px;
}
.successBox dl dt {
margin-bottom:15px;
}
.successBox dl dd {
padding:10px;
line-height:1.5;
height:72px;
  border-bottom: 3px solid #e7e7e7;
  border-top:1px solid #e7e7e7;
  border-right:1px solid #e7e7e7;
  border-left:1px solid #e7e7e7;
  display: table-cell;
  vertical-align: middle;

}
.successBox dl.successBefore dd {
  width: 342px;
}
.successBox dl.successAfter dd {
  width: 408px;
}
.successBox .arrow {
  float:left;
  padding-top:213px;
  margin-right: 10px;
}

.reasonBox p {
  font-size: 16px;
  line-height: 1.8;
  padding:0 40px 30px;
}

/* ============================================================
   Makuakeを使い実際に新商品を大成功させた事例
============================================================ */
#exampleArea {
    width: 100%;
    margin: 0 auto 22px auto;
    position: relative;
}
.exampleIn{
width:1000px;
margin:0 auto;
}
.exampleIn section{
margin-bottom:50px;
}

.exampleBox {
width:954px;
margin:0 auto 40px;
overflow:hidden;
}

.exampleIn h4 {
  font-size: 24px;
  width:100%;
  line-height: 0;
  margin-bottom:20px;
  background:#C3F2EA;
  padding: 4px 0;
}

.exampleIn h4 span.egicon {
  background:#42D6BE;
  line-height: 1.5;
  padding: 8px 8px 8px 10px;
}
.exampleIn h4 span.eg {
  line-height: 1.5;
  padding: 8px 0 8px 10px;

}
.exampleLeft {
  float:left;
  width:306px;
  padding-top: 11px;
}
.thum {
margin-bottom:5px;
}
.name {
font-size:14px;
font-weight:bold;
line-height:1.5;
}
.exampleRight {
float:left;
width:648px;
}
.exampleIn p {
  font-size: 18px;
  line-height: 1.8;
  width:945px;
  margin:0 auto 30px;
}
.flowBox {
background:url("../../img/apply/15/flow.png") no-repeat center top;
display:table;
border-collapse:separate;
width:961px;
margin:0 auto;
}
.flowBox dl {
    display: table-cell;
    width: 25%;
    padding: 2px;
}
.flowBox dl dt {
text-align:center;
font-size:14px;
font-weight:bold;
line-height:1.5;
padding:4px 0 0 0;
margin-bottom:10px;
color:#666666;
}
.flowBox dl dt span {
display: inline-block;width: 26px;line-height: 26px;background:#55F1D9;text-align: center;color: #fff;border-radius: 50%;margin-right: 8px;position: relative;top: -1px;
font-size:17px;
}
.flowBox dl:last-child dt span {
display: inline-block;width: 26px;line-height: 26px;background:#F3E022;text-align: center;color: #fff;border-radius: 50%;margin-right: 8px;position: relative;top: -1px;
font-size:17px;
}
.flowBox dl dd {
font-size:16px;
line-height:1.5;
  position: relative;
  background: #ffffff;
  border: 2px solid #BBF1E4;
  border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
padding:10px;
min-height:144px;
}
.flowBox dl:last-child dd {
font-size:16px;
line-height:1.5;
  position: relative;
  background: #FFFF3E;
  border: 2px solid #F3E022;
  border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
padding:10px;
min-height:120px;
}

.flowBox dl dd:after, .flowBox dl dd:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.flowBox dl dd:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 10px;
  margin-left: -10px;
}
.flowBox dl dd:before {
  border-color: rgba(187, 241, 228, 0);
  border-bottom-color: #BBF1E4;
  border-width: 13px;
  margin-left: -13px;
}
.flowBox dl:last-child dd:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #FFFF3F;
  border-width: 10px;
  margin-left: -10px;
}
.flowBox dl:last-child dd:before {
  border-color: rgba(187, 241, 228, 0);
  border-bottom-color: #F3E022;
  border-width: 13px;
  margin-left: -13px;
}
.reasonBox h4.font01 {
font-size:23px;
}







/* ============================================================
   ボタン
============================================================ */
.allpjLink {width: 550px;height: 80px;line-height: 82px;border: none;outline: none;background: #a0d468;font-size: 18px;margin: -50px auto 50px auto;display: block;text-align: center;border-radius: 4px;position: relative;border-bottom: 3px solid #83B350;}
.allpjLink a{display: block;color: white;text-decoration: none;}
.allpjLink:hover{background-color: #b3dd86; text-decoration: none;}

.subMit{width: 600px;
height: 105px;
line-height: 105px;
border: none;
outline: none;
background: #F7C600;
color: white;
font-size: 32px;
margin: 90px auto;
display: block;
cursor: pointer;
text-align: center;
border-radius: 4px;
position: relative;
border-bottom: 4px solid #E6B001;}
.subMit:after {
    content: "";
    position: absolute;
    right: 13px;
    top: 42px;
    border: 10px solid transparent;
    border-left: 18px solid #fff;
    width: 10px;
    margin-left: 0;
}

.subMit:hover{opacity: 0.8; text-decoration: none;}

/* ============================================================
   その他
============================================================ */

/* メール認証非表示 */
.alertMail_wrap{display: none!important;}