@charset "UTF-8";
.research-cp--hero-title{
    width: 100%;
    max-width: 100%;
}
research-cp--hero-title{
    width: 100%;
    max-width: 100%;
}
img.research-cp--hero-title-image{
    text-align: center;
    display: block;
    position: relative;
    margin: 0 auto 0;
    padding-top: 50px
}
.research-cp--hero {
    padding: 0 0 70px;
    text-align: center;
    background: url(/lp/research-cp/2025/images/title_pc_back.png) center / cover no-repeat;
    position: inherit;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    max-width: none;
    height: 520px;
}

/*コンテンツ　MVより下*/
#research-cp {
	margin: 80px auto 40px;
	position: relative;
	width: 1060px;
	background: #fff;
}

/* キャンペーン概要 */
.lp-section-campaign{
	margin: 0 auto;
    width: 100%;
    font-size: 1.2em;
   }

/*タイトル*/
h2{
	color: #004c9f;
	font-size: 32px;
	text-align: center;
}
h2 img{
	top: 0;
    bottom: auto;
    width: 58px;
    height: 66px;
}

/*回答前にご確認ください*/
.confirm{
    background: linear-gradient(transparent 60%, #ff6 60%);
    color: #004c9f;
    text-align: center;
    display: inline-block;
    font-size: 1.2em;
    font-weight: bold;
    margin: 10px auto 5px;
}
h3.privacy {
    margin-bottom: 10px;
}
/*　注意事項 */
h3.note{
    background: #004c9f;
    margin: -1px;
    font-size: 1.3em;
    text-align: center;
    padding: 5px;
    color: #fff;
}
ul.note{
    padding: 40px
}
.lp-section-info{
	margin: 0px auto 80px;
	width: 100%;
	font-size: 1.2em;
}
.lp-section-info-inner{
	margin: -2px auto 0;
	max-width: none;
	width: 1000px;
	border: 3px solid #004c9f;
	padding: -31px 0 5px;
}
/*ボタン*/
.button{
    margin-bottom: 80px
}
.button a{
    background: #f47ca5;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    max-width: 260px;
    padding: 10px 25px;
    transition: 0.3s ease-in-out;
    font-weight: 600;
    box-shadow: 5px 5px 0 #c16484;
    border-radius: 50px;
    color: #fff;
    font-size: 1.2em;
}
.button a:hover {
  background-color: #ef9fba;
  box-shadow: 0 0 0;
  transform: translate(5px, 5px);
  color: #fff;
}
.button a:after {
    position: absolute;
    top: 50%;
    right: 20px;
    transition: 0.2s ease-in-out;
    content: '\EA03';
    font-family: iconfont,sans-serif;
    font-weight: 900;
    transform: translateY(-50%);
}

/*イベント終了時に出すもの*/
/*.research-cp{
    background-color: #444;
    display:inline-block;
}
.end{
    opacity: 0.2;
    display:block;
    background: #444
}
.research-cp:after{
    content: "このイベントは終了しました";
    position: absolute;
    top: 600px;
    left: 0;
    right: 0;