@charset "UTF-8";

/*リセット・初期設定・共通*/
html { color:#333; }
#l-content .content-inner.pad0 { padding-bottom: 0!important; }
dl dt img { max-width: 100%; width: auto; margin-right:0; }
img { max-width: 100%; width: 100%; height: auto; }
.inner { width:min(990px,90%); margin:0 auto; }
.wrapper { max-width: 846px; margin: 0 auto; }
h2 { color:#255c97; font-weight:600; font-size:20px; line-height:35px; margin-bottom:13px; }
li{ list-style:none; }
br.sp { display:none; }
.mb50{ margin-bottom:50px; }
.mb110{ margin-bottom:110px; }
.m0{ margin:0; }
.m0b10{ margin:0 0 10px; }

.telbtn{position: relative;}
@media screen and (max-width:767px){
	.pc_only{ display:none; }
	.telbtn a{ display:block; position:absolute; top:0; left:0; width:100%; height:100%; }
	.vanish_branch img:not([src*="_sp"]){display: none;}
}
@media screen and (min-width:768px){
	.sp_only{display:none;}
	.pc_br_del br{display:none;}
	.telbtn a{display:none;}
	.vanish_branch img[src*="_sp"]{display:none;}
	*[class*="text_indent"] *{text-indent: 0;}
	.text_indent1{padding-left: 1em;text-indent: -1em;}
	.text_indent2{padding-left: 2em;text-indent: -2em;}
}

#l-content .content-inner.pad0 { padding-bottom:0 !important; }

/*LPのページだけ*/
#l-content .content-inner{padding:0;}
.m-txt-ttl,#l-headerpath{ width:min(1000px,100%); margin:0 auto; }

/* 背景 */
section.bg_grad{
	background-image: url("../images/bg-mv-pc.png"), url("../images/bg-grad.png");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto, cover;
}
@media screen and (max-width:767px){
	section.bg_grad{background-image: url("../images/bg-mv-sp.png"), url("../images/bg-grad.png");}
}

/*メイン*/
#Main_v{padding:40px 0 30px;}
#Main_v .mv{
	width:min(950px,90%); margin:0 auto;
	display: flex;
	justify-content: center;
}
#Main_v .mv picture,
#Main_v .mv img{width:auto;}
#Main_v .mv picture{margin-right: max(-5px,min(-2.5px,calc(1vw * -2.5 / 3.75)));}
/*
#Main_v .mv picture:nth-of-type(2){ width:min(706px,80%); display:block; margin:0 auto; }
*/
@media screen and (max-width:767px){
	#Main_v{padding:10px 0;}
}

/*コンテンツ部分*/
#Contents {padding:0 0 80px;}
#Contents .tokuten{ padding-bottom:85px; }
#Contents .tokuten_inner{ width:min(990px,90%); padding:0; margin:0 auto; }
#Contents .tokuten picture{display: block;}
#Contents .tokuten > picture:first-of-type{ position:relative; z-index: 2;}
#Contents .tokuten .tokuten_inner > div{ position:relative; border-radius:20px; }
#Contents .tokuten .tokuten_inner > div > div{ background:#fff; padding:50px 50px 60px; margin-top: -10px; border-bottom-left-radius:20px; border-bottom-right-radius:20px; }
#Contents .tokuten .tokuten_inner > div img{ vertical-align:middle; }
#Contents .tokuten .banking{ width:min(490px,90%); padding:25px 0 0; margin:0 auto; display:block; }
#Contents .tokuten hr,
#Points hr{
	border: none;
	border-top: dashed 1px #888888;
	margin: 50px 0;
}
#Contents .tokuten .set + .set{margin-top: 75px;}
/*ボタン部分-共通*/
#Contents .tokuten ul{ display:flex; justify-content:center; align-items:center; margin-top:15px; }
#Contents .tokuten ul li{ width:195px; box-sizing:border-box; margin:0; text-align:center;}
#Contents .tokuten ul li.btn-login { position:relative; margin-right:10px; }
#Contents .tokuten ul.about_btn{margin:10px 0 0; gap:10px 20px;}
#Contents .tokuten ul.about_btn li{
	width:auto;
	border-radius:5px;
	display: flex;
	justify-content: center;
	align-items: center;
}
#Contents .tokuten ul.about_btn li a{font-size:22px; font-weight:600; line-height:31px; text-decoration:none; color:#1e1e1e; display:block; position: relative; }
#Contents .tokuten ul.about_btn li a.arrow::after{ content:""; background:url(../images/arrow_right.png) no-repeat center / auto 100%; width:9px; height:13px; position:absolute; top:0; bottom:0; right:15px; margin:auto;}
#Contents .tokuten ul.about_btn li a img{
	object-fit: contain;
	height:41px;
}
#Contents .tokuten ul.about_btn li a img[src*="reserve"]{
	border: solid 1px #888;
	border-radius: 5px;
	object-fit: cover;
	width:266px;
}
#Contents .tokuten picture + .text,
#Contents .tokuten .text + ul.about_btn{margin-top: 50px;}
#Contents .tokuten ul.about_btn.col2{
	justify-content: space-between;
}
#Contents .tokuten ul.about_btn li.t_btn{
	background-color: #00a6be;
	color: #FFF;
	width: 420px;
	max-width: 100%;
	height: 100px;
}
#Contents .tokuten ul.about_btn li.t_btn a{
	width:100%;
	height:100%;
	color:inherit;
	display: flex;
	justify-content: center;
	align-items: center;
}
#Contents .bnf_txt{ margin:50px auto 0; width:min(500px,90%); }
#Contents .tokuten_quote{ margin:35px 0 30px; }
#Contents .tokuten_quote h2{ font-size:20px; font-weight:600; line-height:1; margin:0 0 13px; }
#Contents .tokuten_quote p{ font-size:16px; line-height:24px; margin:0; }
#Contents .tokuten_quote span{ color:#255c97; }
@media screen and (max-width:767px){
	#Contents .tokuten{padding-bottom:75px;}
	#Contents .tokuten .tokuten_inner > div > div{padding: 30px 21.25px 25px;}
	#Contents .tokuten hr,
	#Points hr{margin: 30px 0;}
	#Contents .tokuten .set + .set{margin-top: 50px;}
	#Contents .tokuten ul.about_btn{ padding:0; flex-direction:column; }
	#Contents .tokuten ul.about_btn li a{ font-size:18px; line-height:25px; padding:3px 0; }
	#Contents .tokuten picture + .text,
	#Contents .tokuten .text + ul.about_btn{margin-top: 30px;}
	#Contents .tokuten ul.about_btn li.t_btn{height: 80px;}
	#Contents .bnf_txt{ font-size:18px; line-height:25px; }
	#Contents .tokuten_quote h2{ font-size:16px; }
	#Contents .tokuten_quote p{ font-size:14px; line-height:22px;}	
}
.btn-login a{ border-radius:4px; display:table; background-image:-webkit-gradient(linear, left bottom, left top, from(#c60814), to(#e70012)); background-image:-webkit-linear-gradient(bottom, #c60814, #e70012); background-image:linear-gradient(to top, #c60814, #e70012); background-color:#e70012; color:#fff !important; padding:5px 12px 4px 35px; }
.btn-login a .login-name { display:table-cell; vertical-align:middle; font-size:12px; font-size:1.2rem; padding-right:3px; padding-top:2px; }
.btn-login a .login-link { display:table-cell; vertical-align:middle; font-size:15px; font-size:1.5rem; font-weight:bold; }
.btn-login a:after{ font-family:'icomoon'; line-height:1; position:absolute; left:11px; top:50%; margin-top:-10.5px; color:#fff; font-size:21px; content:'\e912'; text-indent:0; font-weight:normal !important; word-break:normal; }
.item-guid{ display:block; font-weight:bold; border:solid 1px #d8d5d5; background-image:-webkit-gradient(linear, left bottom, left top, from(#ebebeb), to(#fff)); background-image:-webkit-linear-gradient(bottom, #ebebeb, #fff); background-image:linear-gradient(to top, #ebebeb, #fff); border-radius:5px; background-color:#fff; -webkit-box-shadow:1px 2px 1px rgba(0, 0, 0, 0.11); box-shadow:1px 2px 1px rgba(0, 0, 0, 0.11); font-size:14px; font-size:1.4rem; padding:6px 10px 3px; }
.item-guid span{ position:relative; display:inline-block; padding-left:24px; }
.item-guid span:before{ content:''; background:url(../images/i_beginner_sp.png) no-repeat; background-size:15px 21px; width:15px; height:21px; position:absolute; top:0; bottom:0; left:0; margin-top:auto; margin-bottom:auto; }

/*文章部分*/
#Points{ padding:100px 0; background:#fff; }
#Points h2{ text-align:left; margin:0 0 15px; color:#00965f; font-size:20px; line-height:1; text-align:left; }
#Points h3{ font-size:16px; line-height:24px; font-weight:600; margin:0; }
#Points p{ font-size:15px; line-height:22px; margin:15px 0; }
#Points p.mb110{ margin-bottom:110px; }
#Points p span{ color:#00965f; }
#Points p span[num]{
	background-color: #00965f;
	color:#FFF;
	width: 1em;
	height: 1em;
	border-radius: 100%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}
#Points p span[num]::before{
	content:attr(num);
	display: block;
	font-size: 0.75em;
	line-height: 1em;
	height: 1em;
}
#Points ul,#Points li{ list-style-type:none; padding:0; margin:0; }
#Points ul li{ font-size:15px; line-height:22px; color:#231815; display:flex; }

#Points ul > li::before{ content: "●"; color:#00965f; }
#Points ul.shape > li::before{ content:"◆"; color:#231815; }
#Points ul.rect > li::before{ content:"■"; color:#231815; }
#Points ul li span span{ font-weight:600; }
#Points .hr_ttl{ margin-top:100px; }
#Points .info { border-top: 1px solid #808080; padding-top: 34px; margin-top:100px; }
#Points .info p { font-size: 14px; }
#Points .info .tel_wrap { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
#Points .info .tel_wrap .btn1 { max-width: 445px; width: 100%; }
#Points .info .tel_wrap .btn2 { max-width: 448px; width: 100%; }
#Points .po_img{ margin:10px 0; }
#Points .ol_txt span{ color:#00965f; }
#Points .mt30{ margin-top:50px; }
#Points .quote{ font-size:14px; line-height:23px; }
#Points .btn_li{margin: 0 -1% 30px; display:flex; justify-content:space-between; }
#Points .btn_li li{ width:33%; }
#Points .btn_li li::before{ content:none; }
#Points .bgbox{ background:#eeeeef; padding:15px; box-sizing:border-box; margin-bottom:30px; }
#Points .bold{ font-weight:700; color:#231815; }


@media screen and (max-width:1055px){}
@media screen and (max-width:767px){
	br.sp{display:block;}
	#Points{ padding:55px 0; }
	#Points h2{ font-size:16px; line-height:25px; }
	#Points h3{ font-size:14px; line-height:22px; }
	#Points .hr_ttl{ margin-top:70px; }
	#Points ul li{ font-size:14px; line-height:22px; }
	#Points .info{ padding-top:40px; margin-top:50px; }
	#Points .info .tel_wrap .btn1 { max-width: 292px; margin-bottom: 10px; }
	#Points .info .tel_wrap .btn2 { max-width: initial; }
	#Points .btn_li{ margin: 0 -3.5%; flex-direction:column; }
	#Points .btn_li li{ width:100%; }
}