@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:700; font-size:20px; line-height: 1.75em; margin-bottom:0.5em; }
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-grad.png");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
/*
@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%); */
	width:100%;
	margin:0 auto; display: flex; justify-content: center;
}
#Main_v .mv *{width:auto;}
@media screen and (max-width:767px){
	#Main_v{padding:10px 0;}
}

/*コンテンツ部分*/
#Contents {padding:0 0 80px;}
#Contents picture,
#Contents img{display: block;}
#Contents .flex_col_center{
padding-bottom: 3em;
display: flex; flex-direction: column; align-items: center;}
#Contents .local_inner{width:90%;}
@media screen and (min-width:768px){
	#Contents .local_inner[pc]{max-width: attr(pc px);}
	#Contents .local_inner[pc="auto"]{width: auto; max-width: none;}
	#Contents .local_inner[pc="944"]{max-width: 944px;}
	#Contents .local_inner[pc="940"]{max-width: 940px;}
	#Contents .local_inner[pc="700"]{max-width: 700px;}
	#Contents .local_inner[pc="600"]{max-width: 600px;}
}
@media screen and (max-width:767px){
	#Contents .local_inner[sp]{max-width: calc(1% * attr(sp number) / 3.75);}
}
#Contents *[prewrap],
#Points *[prewrap]{line-height: 1.5em; white-space: pre-wrap;}
#Contents .kikan{
font-size: 18px; font-weight: 700;
gap:0.75em; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
#Contents .kikan > img{width:290px;}
#Contents .kikan + .kikan{margin-top: 1em; padding-top: 1em; border-top: dashed 1px rgba(0, 0, 0, 0.75);}
@media screen and (max-width:767px){
	#Contents .kikan{font-size: 14px;}
}



.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; }

:root{
--color-LP-K:#333;
--color-LP-B:#0088cd;/* 青 */
--color-LP-P:#e7447d;/* ピンク */
}

/*文章部分*/
#Points{ padding:100px 0; background:#fff; }
#Points hr{
	border: none;
	border-top: dashed 1px #888888;
	margin: 50px 0;
}
#Points *[colB],
#Points *[before_colB]::before{color:var(--color-LP-B);}
#Points *[colP]{color:var(--color-LP-P);}
#Points *[bold],
#Points b{font-weight: 700;}
#Points h2:not([class]){ text-align:left; margin:0 0 15px; color:var(--color-LP-K); font-size:20px; line-height:1; text-align:left; }
#Points h2:not([class])::before{content:"◆"; color:var(--color-LP-B);}
#Points h2.bar{
	text-align: center; padding: 0.125em 1em; border-radius: 0.25em;
	background-color: var(--color-LP-B); color:#FFF;
	display: flex; justify-content: center; align-items: center;
}
#Points h3{ font-size:16px; line-height:24px; font-weight:600; margin:0; color:var(--color-LP-B);}
#Points ul,#Points li{list-style-type:none; padding:0; margin:0;}
#Points ul li{font-size:15px; line-height:1.5em; white-space:pre-wrap; display:flex;}
#Points ul li::before{content:"・";}
/* #Points ul[dot] li::before{content:arrt(dot);} */
#Points ul[dot="●"] li::before{content:'●';}
#Points ul[dot="※"] li::before{content:'※';}
#Points *[prewrap]{font-size:15px;}
#Points p{font-size:15px; line-height:1.5em;}
#Points p span{color:var(--color-LP-B);}
#Points p span[num]{
	background-color: var(--color-LP-B);
	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 .contact_box{
	margin-top: 3em;
	display: flex; flex-direction: column; align-items: center;
}

/*
#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:var(--color-LP-B); }
#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 hr{margin:30px 0;}
	#Points h2{font-size:16px; line-height:25px;}
	#Points h3{font-size:14px; line-height:22px;}
	#Points ul li,
	#Points *[prewrap],
	#Points p{font-size:14px; line-height:22px;}
	/*
	#Points .hr_ttl{ margin-top:70px; }
	#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%; }
	*/
}