/*font*/
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 100;
  src: url(/common/fonts/NotoSans_Thin.woff2) format('woff2'), url(/common/fonts/NotoSans_Thin.woff) format('woff'), url(/common/fonts/NotoSans_Thin.otf) format('opentype')
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 200;
  src: url(/common/fonts/NotoSans_Light.woff2) format('woff2'), url(/common/fonts/NotoSans_Light.woff) format('woff'), url(/common/fonts/NotoSans_Light.otf) format('opentype')
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 300;
  src: url(/common/fonts/NotoSans_DemiLight.woff2) format('woff2'), url(/common/fonts/NotoSans_DemiLight.woff) format('woff'), url(/common/fonts/NotoSans_DemiLight.otf) format('opentype')
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  src: local('NotoSans_Regular.otf'), url(/common/fonts/NotoSans_Regular.woff2) format('woff2'), url(/common/fonts/NotoSans_Regular.woff) format('woff'), url(/common/fonts/NotoSans_Regular.otf) format('opentype')
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 500;
  src: url(/common/fonts/NotoSans_Medium.woff2) format('woff2'), url(/common/fonts/NotoSans_Medium.woff) format('woff'), url(/common/fonts/NotoSans_Medium.otf) format('opentype')
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  src: url(/common/fonts/NotoSans_Bold.woff2) format('woff2'), url(/common/fonts/NotoSans_Bold.woff) format('woff'), url(/common/fonts/NotoSans_Bold.otf) format('opentype')
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 900;
  src: url(/common/fonts/NotoSans_black.woff2) format('woff2'), url(/common/fonts/NotoSans_black.woff) format('woff'), url(/common/fonts/NotoSans_black.otf) format('opentype')
}
/*END===font*/
body {
  font-family: 'Noto Sans JP', "メイリオ", "Hiragino Kaku Gothic Pro", "Noto Sans Japanese", sans-serif;
}

.step>div {
	display: flex;
	align-items: center;
}
.step>div+div {
	margin-top: 2rem;
}
.step>div dt {
  background-color: #c30d1e;
  color: #fff;
  padding: .5rem 1rem;
  font-weight: bold;
  font-size: 1.8rem;
  border-radius: 3px;
  margin-right: 1rem;
}
.step>div dd {
	display: flex;
	align-items: center;
}
.step>div dd .text {
  font-size: 1.6rem;
  font-weight: bold;
}
.step>div dd .img {
	max-width: 150px;
}
.general-p .strong {
	font-size: 1.8rem;
	font-weight: bold;
	color: #c30d1e;
}
.tokuten>div {
	display: flex;
	align-items: center;
}
.tokuten>div+div {
	margin-top: 1.5rem;
}
.tokuten>div dt {
  background-color: #ffcb00;
  border-radius: 50px;
  padding: 1.8rem;
  font-size: 1.8rem;
  font-weight: bold;
  margin-right: 1.5rem;
}
.tokuten>div:nth-of-type(2) dt {
background-color: #b2b6bb;
}
.tokuten>div:nth-of-type(3) dt {
	  background-color: #d09344;

}
.tokuten>div dd {
	font-size: 1.6rem;
  font-weight: bold;
}
.tokuten>div dd .size-up {
	font-size: 3rem;
}
.content01 div+div {
	margin-top: 2.5rem;
}
.hukidasi {
position: relative;
  display: block;
  margin: 1.5rem auto 2rem;
  padding: .8rem 2rem;
  font-size: 1.9rem;
  font-weight: bold;
  background-color: #ea5c69;
  color: #fff;
  text-align: center;
  max-width: 50%;
}
.hukidasi::before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -25px;
	border: 15px solid transparent;
	border-top: 13px solid #ea5c69;
}
.marker {
	font-size: 1.8rem;
  color: #c30d1e;
  border-bottom: 1px solid;
}
.content01 .text {
	max-width: 70%;
  margin: auto;
  font-size: 1.6rem;
	text-align: center;
	font-weight: bold;
}
.point h2 {
	text-align: center;
  font-size: 2.6rem;
  margin-top: 4rem;
}
.logo_list{
    display: flex;
    flex-wrap: wrap;
    margin: 4rem auto;
	justify-content: space-between
}
.logo_list::before {
  content: "";
  display: block;
  width: 23%;
  order: 1;
}
.logo_list::after {
  content: "";
  display: block;
  width: 23%;
}

.logo_list li img{
    vertical-align: bottom;
}
.logo_list li{
    width: calc(86%/4);
    margin: auto;
}
.logo_list li:nth-of-type(n+5){
    margin-top: 4%;
}
.logo_list li:nth-of-type(7){
	margin-top: 2rem;
}
.logo_list li:nth-of-type(4) img, 
.logo_list li:nth-of-type(7) img {
	max-width: 12rem;
}
.capture01 {
	max-width: 80%;
  margin: auto;
}
.entry-btn .btn-wrapper {
	margin-bottom: 1rem;
}

.entry-btn div.btn-wrapper:hover {
	margin: 0 auto .4rem;
}
.entry-btn.mall {
	padding-top: 1rem;
	margin: auto;
	background-color: #fff;
}
.entry-btn.mall .btn-wrapper a {
	color: #eb2f4c;
	background-color: #fdeaed;
	border-color: #eb2f4c;
	box-shadow: 0 .6rem 0 0 #e12340;
}
.entry-btn.mall .btn-wrapper a:hover {
	box-shadow: none;
}
@media screen and (max-width: 659px) {
	.general-p.strong {
		font-size: 1.6rem;	
	}
	.step>div {
		display: block;
	}
	.step > div dt {
		font-size: 1.4rem;
		display: inline-block;
		margin-bottom: .5rem;
	}
	.step>div dd p {
		font-size: 1.4rem;
	}
	.tokuten>div dt {
		border-radius: 100px;
	  padding: 1.4rem;
	  font-size: 1.4rem;
	}
	.tokuten > div dd {
		font-size: 1.4rem;
	}
	.tokuten > div dd .size-up {
  font-size: 2rem;
}
	.content01 .text {
  max-width: 100%;
  font-size: 1.5rem;
  text-align: left;
}
	.content01 div + div {
  margin-top: 1.5rem;
}
	.marker {
		font-size: 1.6rem;
	}
	.general-p .strong {
		font-size: 1.6rem;
	}
	.hukidasi {
		padding: .5rem .5rem;
    font-size: 1.6rem;
		margin: 1rem auto 1.5rem;
		max-width: 100%;
	}
	.hukidasi dt {
		margin-right: 1rem;
	}
	.hukidasi dd .strong {
  font-size: 1.7rem;
	}
	.point h2 {
		font-size: 1.8rem;
  margin-top: 2rem;
	}
	.capture01 {
		max-width: 100%;
	}
	.point h2 {
		font-size: 1.6rem;
	}
    .logo_list{
        display: flex;
        flex-wrap: wrap;
        margin: 2rem auto;
    }
    .logo_list li{
        width: calc(84%/2);
    }
    .logo_list li:nth-of-type(n+5){
        margin-top: 0;
    }
    .logo_list li:nth-of-type(n+3){
        margin-top: 6%;
    }
	.logo_list li:nth-of-type(4),
	.logo_list li:nth-of-type(7){
		text-align: center;
	}
	.logo_list li:nth-of-type(4) img, 
	.logo_list li:nth-of-type(7) img {
		max-width: 8rem
	}
    .entry-btn .btn-wrapper.mall_btn a{
        box-shadow: 0 .3rem 0 0 #bd4489;
    }
	.entry-btn div.btn-wrapper:hover {
  margin: 0 auto .7rem;
}
	.logo_list::before {
 	width: 50%;
}
	.logo_list::after {
 	display: none;
}
}