@charset "UTF-8";
*{
	box-sizing:border-box;
	font-size:16px;
	word-break:break-all;
}
*:focus{
	outline:none;
}
@media screen and (min-width:640px) {
*{font-size:18px;}
}
@media screen and (max-width:375px) {
*{font-size:13px;}
}


/*PC・SP表示非表示*/
.pc{display:none;}
@media screen and (min-width:640px){
.pc{display:inline-block;}
.sp{display:none;}
}


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{
	background:transparent;
	border:0;
	font-size:100%;
	font-style:normal;
	/* font-weight:500; */
	line-height:100%;
	list-style:none;
	margin:0;
	padding:0;
	outline:0;
	text-align:left;
	vertical-align:baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{
	display:block;
}


/*全体*/
body{
	background:#f9f9f9;
	color:#111;
	font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",YuGothic,"ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,Arial, "メイリオ",Meiryo,sans-serif;
	font-weight:500;
	margin:0;
	padding:0;
	-webkit-text-size-adjust:100%;
}


/*共通*/
a{
	color:#0064f5;
	font-size:15px;
    font-weight:bold;
	text-decoration:none;
}
@media screen and (min-width:640px) {
a{font-size:18px;}
}
@media screen and (max-width:375px) {
a{font-size:13px;}
}
img{
	display:block;
	max-width:100%;
	height:auto;
}


/*figure.figure*/
.figure{
	margin:15px 12px 0;
}
.figure.full{
	margin-left:0;	
	margin-right:0;	
}
.figure.mt0{
	margin-top:0;
}


/*p.tx 基本*/
p.tx{
	font-size:16px;
	line-height:1.8;
	margin:15px 12px 0;
	padding:0;
}
p.tx span{
	font-size:16px;
}
@media screen and (min-width:640px) {
p.tx,
p.tx span{
font-size:18px;
}
}
@media screen and (max-width:375px) {
p.tx,
p.tx span{
font-size:14px;
}
}

/*p.tx 大きめ*/
p.tx.big,
p.tx span.big{
	font-size:20px;
}
@media screen and (min-width:640px) {
p.tx.big,
p.tx span.big{
font-size:28px;
}
}
@media screen and (max-width:375px) {
p.tx.big,
p.tx span.big{
font-size:17px;
}
}


/*レイアウト*/
.header,
.article,
.footer{
	margin:0 auto;
	width:100%;
	max-width:640px;
}
.article{
	background:#fff;
	padding:0;
}
.header{
	background:#fff;
}


/* section check */
.section.check{
	margin: 0;
	background-color: #fbb03b;
	padding-bottom: 50px;
}


/* fin */
.section.fin{
	background-color: #f15a24;
	padding-bottom: 50px;
}
p.pr{
	color:#fff;
	font-size:12px;
	font-weight: bold;
	line-height:1.6;
	padding-right:10px;
    text-align:right;
}
@media screen and (min-width:640px) {
p.pr{
font-size:14px;
}
}
@media screen and (max-width:375px) {
p.pr{
font-size:11px;
}
}


/* section flow */
.section.flow{
	background-color: #1a1a1a;
	padding: 50px 0;
}
.flow_txt{
	background-color: #f7931e;
	color: #fff;
	font-size: 20px;
	line-height: 1.5;
	letter-spacing: 1px;
	width: 90%;
	margin: 0 auto 10px;
	text-align: center;
	border-radius: 100px;
}
@media screen and (min-width:640px) {
	.flow_txt{
		font-size: 25px;
		width: 80%;
	}
}


/*div.slider-wrapper*/
.slider-wrapper{
	background-repeat:no-repeat;
	background-size:cover;
	margin:15px 20px 0;
	padding:0 6%;
}

.slider-wrapper ul{
	width:100%;
	margin:0 auto;
}
.slider-wrapper ul li p b{
	display:block;
	margin:10px 0;
}
.slider-wrapper ul li img{
	width:100%;
}
.slider-title img{
	width:80%;
	margin:0 auto;
	display:block;
}
.slick-arrow:before{
	content:""!important;
	width:100%!important;
	height:100%!important;
	position:absolute;
	top:0;
	left:0;
}
.slick-prev:before{
	background:url(../img/lr_left.png)!important;
	background-size:contain!important;
	content:""!important;
	width:100%!important;
	height:100%!important;
	position:absolute;
	top:0;
	left:0;
	opacity:1;
}
.slick-next:before{
	background:url(../img/lr_right.png)!important;
	background-size:contain!important;
	content:""!important;
	width:100%!important;
	height:100%!important;
	position:absolute;
	top:0;
	left:0;
	opacity:1;
}
.slick-prev,
.slick-next{
	width:50px;
	height:50px;
	top:50%;
	z-index:10;
}
.slick-prev{
	left:-55px;
}
.slick-next{
	right:-55px;
}
@media screen and (max-width: 640px){
.slick-prev,
.slick-next{
width:36px;
height:36px;
top:50%;
}
.slick-prev{
left:-40px;
}
.slick-next{
right:-40px;
}
}

p.plus{
	color:#fff;
	font-size:11px;
	line-height:1;
	margin:10px;
    text-align:right;
}
@media screen and (min-width:640px) {
p.plus{
font-size:14px;
}
}
@media screen and (max-width:375px) {
p.plus{
font-size:10px;
}
}


/*figure.flow*/
figure.flow{
	margin:50px 0 0;
	background-color: #f9f9f9;
}
@media screen and (min-width:640px) {
figure.flow{
margin:70px 0 0;
}
}

/*div.cta*/
div.cta{
	margin:30px 0 0;
	padding:0;
}
div.cta figure{
	margin:0 auto;
	width:92%;
}
.fin_chance{
	background-repeat: no-repeat;
	background-size: 98%;
	background-position: center;
	padding: 30px 0;
	margin-top: 20px;

	animation-name: flashing;
	animation-duration: 1.1s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
}
@keyframes flashing {
	0% {
		background-image: url("../img/fin_bg.png");
	}
  
	50% {
		background-image: none;
	}
  }

@media screen and (min-width:640px) {
	div.cta{
	margin:50px 0 0;
	padding:0;
	}
	div.cta figure{
	width:86%;
	}
}


/*footer.footer*/
.footer{
	background:#f7931e;
	display:flex;
    justify-content:center;
	padding:20px 12px 25px;
}
.footer p{
    display:inline-block;
    margin:0;
	padding:0 10px;
}
.footer a{
	color:#fff;
	font-size:12px;
    font-weight:normal;
	line-height:1;
	text-decoration:none;
}
@media screen and (min-width:640px) {
	.footer a{
	font-size:14px;
	}
}
@media screen and (max-width:375px) {
	.footer a{
	font-size:11px;
	}
}