@charset "UTF-8";

/*******************
	Animation
********************/
@keyframes pulsebtn {
  0% {
    -webkit-transform: scale(0.85);
            transform: scale(0.85);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

/*base*/
a:hover{
	opacity:.7;
}
div#container,#content{
	background: #f7edda;
}
.column-wrapper{
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}
.column-wrapper,header,main,footer{
	width: 100%;
	max-width: 750px;
	margin: 0 auto;
}
/*header*/
header{
	box-sizing: border-box;
	background: #fff;
	padding: 3.73333333% 3.3333333% 4.666666666%;
}
header h1{
	width: 77.101449275%;
}
/*main*/
.gpl{
	background: #f7edda;
}
.whatGpl{
	margin-top: 1%;
}
.qa{
	background: #f7edda;
}

/*link*/
section,section>div{
	position: relative;
}
.ctaBtn{
	display: block;
	width: 90.66666666%;
	position: absolute;
	left: 4.5%;
	animation: pulsebtn 0.9s ease 0s infinite alternate;
}
.ctaBtn.kvBtn{
	bottom: 8%;
}
.ctaBtn.gplBtn01{
	bottom: 6%;
}
.ctaBtn.gplBtn02{
	bottom: 6.7%;
}
.ctaBtn.menuBtn{
	bottom: 5%;
}
.ctaBtn.flowBtn{
	bottom: 4.5%;
}
.ctaBtn02{
	display: block;
	width: 90.66666666%;
	margin: 0 auto;
	padding: min(5.3333333vw, 40px) 0 min(13.3333333vw, 100px);
	animation: pulsebtn 0.9s ease 0s infinite alternate;
}
div#container main a.summaryBtn{
	font-family: 'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ', Meiryo,YuGothic,'Yu Gothic',sans-serif;
	font-size: min(3.3333333vw, 25px);
	color: #fff!important;
	position: absolute;
	left: 22.2%;
}
div#container main a.summaryBtn:hover{
	opacity: 1;
}
.summaryBtn.mj2_5{
	bottom: 80.5%;
}
.summaryBtn.mj5{
	bottom: 63.7%;
}
.summaryBtn.ryb3{
	bottom: 47%;
}
.summaryBtn.ryb7{
	bottom: 30.45%;
}
div#container._spView .summaryBtn{
	text-decoration: none!important;
}
div#container._spView .summaryBtn.mj2_5{
	bottom: 80.1%;
}
div#container._spView .summaryBtn.mj5{
	bottom: 63.3%;
}
div#container._spView .summaryBtn.ryb3{
	bottom: 46.7%;
}
div#container._spView .summaryBtn.ryb7{
	bottom: 30%;
}

.whatgpl{
	background: #fff;
}
.merit{
	margin-top: -5%;
}
.gplBtn03{
	bottom: 4.7%;
}
/*link step CRM*/
section.offWrap{
	position: relative;
}
section.offWrap div.cpn{
	position: absolute;
	width: 28%;
	cursor: pointer;
	bottom: 30.6%;
	animation: pulsebtn 0.9s ease 0s infinite alternate;
}
section.offWrap div.cpn.off9000{
	left: 4.7%;
}
section.offWrap div.cpn.off10500{
	left: 35.2%;
}
section.offWrap div.cpn.off14000{
	width: 31.2%;
	left: 65.5%;
}
section.offWrap > a.ctaBtn {
	bottom: 4.5%;
}

/*footer*/
footer{
	box-sizing: border-box;
	background: #a1a6ac;
	font-family: 'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ', Meiryo,YuGothic,'Yu Gothic',sans-serif;
	padding: 13.33333333% 5.33333333% 6.6666666666%;
}
footer p{
	width: 79.402985074%;
	margin: 0 auto min(16.666666666vw, 125px);
}
nav[aria-label="法的情報"] small{
	display: flex;
	flex-wrap: wrap;
}
div#container footer nav small a{
    box-sizing: border-box;
	padding-left: min(1.6vw, 12px);
	color: #fff;
	font-size: min(3.2vw, 24px);
	text-decoration: none;
	width: 50%;
	margin-bottom: min(2.66666666vw, 20px);
	letter-spacing: 0.01em;
	display: flex;
    align-items: center;
	height: min(6.66666666vw, 50px);
	border-right: 1px solid #abafb4;
}
footer nav small a:hover{
	text-decoration: none;
}
footer nav small a:nth-of-type(2){
	padding-left: min(4vw, 30px);
    border: none;
}
footer nav small a:last-of-type{
	margin-bottom: min(10vw, 75px);
}
footer > small{
	display: block;
	font-size: min(2.66vw, 18px);
	color: #fff;
	text-align: center;
	border-top: 1px solid #abafb4;
	padding: min(4vw, 30px) 0 0 0;
	letter-spacing: 0.01em;
}