@charset "utf-8";
/* CSS Document */

/* ------------------------------------------------------------
	00. BASE SETTING CSS
   ------------------------------------------------------------ */

body{
	color: #222;
	width: 100%;
	background: #ECEFF0;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	overflow: hidden;
	position:relative;
}
:root *{
	box-sizing: border-box;
}
:root * img{
	vertical-align: bottom;
}

/* ------------------------------------------------------------
	links
   ------------------------------------------------------------ */

a{
	outline: none;
	text-decoration:none;
}

a.lnk{
	color:#003178;
	text-decoration:underline;
}
a.lnk:hover{
	text-decoration:none;
}

/* ------------------------------------------------------------
	parts
   ------------------------------------------------------------ */
   
/*  グラデのボタン  */

.branchBtn{
	width:537px;
	height:95px;
	margin:0 auto;
}
.branchBtn_ink{
	display:block;
	width:100%;
	height:100%;
	color:#fff;
	font-size:19px;
	letter-spacing:3px;
	text-align:center;
	border-radius:95px;
	padding-top:16px;
	line-height:160%;
	background: #f69c4c;
    transition: all .3s;
}
.branchBtn_txt{
	font-size:28px;
}
.branchBtn_ink:hover{
	background: #f27301;
    background-position: right center;
}

.branchBtn_note{
	font-size:26px;
	color:#002B5E;
	text-align:center;
	margin-bottom:12px;
}

@media screen and (max-width: 767px) {

.branchBtn{
	width:94%;
	height:auto;
}
.branchBtn_ink{
	padding:10px;
	font-size:16px;
}
.branchBtn_txt{
	font-size:26px;
}
.branchBtn_note{
	font-size:20px;
	margin-bottom:6px;
}
}

/*  h2  */

.title_h2{
	text-align:center;
	color:#003178;
	font-size:36px;
}
.title_h2::after{
	content:"";
	display:block;
	width:70px;
	height:2px;
	background:#EB8147;
	margin:27px auto 0;
}
.title_h2 .title_h2_br{
	display:none;
}
@media screen and (max-width: 767px) {
.title_h2{
	width:90%;
	margin:0 auto;
	font-size:28px;
}
.title_h2 .title_h2_br{
	display:block;
}	
}

/* ------------------------------------------------------------
	mainvisual
   ------------------------------------------------------------ */
.mainvisual{
	width:100%;
	height:500px;
	background:url(/fujisan_branch/lp/common/img/mainvisual.jpg) no-repeat top center / cover;
}
.mainvisualInner{
	width:100%;
	max-width:1282px;
	height:100%;
	margin:0 auto;
	position:relative;
}
.mainvisualLogo{
	width:194px;
	height:63px;
	position:absolute;
	top:22px;
	right:2.2%;
}
.mainvisualTtl{
	width:280px;
	height:232px;
	position:absolute;
	top:62px;
	left: 6.7%;
}

.mainvisual .branchBtn{
	position:absolute;
	left:50%;
	bottom:-48px;
	margin-left:-268.5px;	
}

@media screen and (max-width: 767px) {
.mainvisual{
	width:100%;
	height:260px;
}
.mainvisualInner{
	width:100%;
	height:100%;
}
.mainvisualLogo{
	width:150px;
	top:10px;
	right:16px;
}
.mainvisualTtl{
    width: 160px;
    height: auto;
    top: 60px;
    left: 16px;
}
.mainvisualLogo img,
.mainvisualTtl img{
	width:100%;
}
.mainvisual .branchBtn{
	width:94%;
	height:auto;
	position:absolute;
	left:3%;
	bottom:-30px;
	margin:0;
}

}

/* ------------------------------------------------------------
	merit
   ------------------------------------------------------------ */

.meritInner{
	width:100%;
	max-width:1282px;
	margin:0 auto;
	padding:110px 0 90px;
}
.meritCon{
	width:100%;
	max-width:1236px;
	height:625px;
	margin:48px 0 56px;
	background:url(/fujisan_branch/lp/common/img/merit_bk.jpg) no-repeat top left;
	position:relative;
}
.meritConItem{
	width:340px;
	height:auto;
	min-height:280px;
	opacity:0.9;
	padding:94px 26px 25px;
	box-shadow:0px 0px 10px 0px rgba(0,0,0,0.03);
	position:relative;
	float:left;
}
.meritConItem_icn{
	width:100%;
	height:61px;
	font-size:16px;
	color:#002B5E;
	position:absolute;
	top:20px;
	left:0;
	padding:0 0 0 22px;
}
.meritConItem_icn::before{
	content:"";
	display:block;
	width:66px;
	height:2px;
	background:#013178;
	position:absolute;
	top:40px;
	left:0;
}
.meritConItem_icn::after{
	content:"";
	display:block;
	width:21px;
	height:2px;
	background:#EB8147;
	position:absolute;
	top:40px;
	left:0;
}
.meritConItem_icn_num{
	font-size:20px;
}




.meritConItem_txt{
	font-size:20px;
	color:#002B5E;
}
.meritCon_upper::after,
.meritCon_lower::after{
	content:"";
	display:block;
	clear:both;
	overflow:hidden;
}

.meritCon_upper {
	width:700px;
	position:absolute;
	top:28px;
	right:0;
}
.meritCon_lower {
	width:700px;
	position:absolute;
	bottom:0;
	right:0;
}

.meritConItem_01{
	background:url(/fujisan_branch/lp/common/img/merit_icn01.png) no-repeat 88% 91% #fff;
	margin-right:20px;
}
.meritConItem_02{
	background:url(/fujisan_branch/lp/common/img/merit_icn02.png) no-repeat 88% 91% #fff;
}
.meritConItem_03{
	background:url(/fujisan_branch/lp/common/img/merit_icn03.png) no-repeat 90% 90% #fff;
	margin-right:20px;
}
.meritConItem_04{
	background:url(/fujisan_branch/lp/common/img/merit_icn05.png) no-repeat 88% 91% #fff;
}

	

@media screen and (max-width: 1170px) {

.meritInner{
	width:100%;
	max-width:100%;
	margin:0 auto;
	padding:80px 0 50px;
}
.meritCon{
	width:100%;
	max-width:100%;
	height:auto;
	margin:40px 0;
	padding:480px 3% 0;
	background:url(/fujisan_branch/lp/common/img/merit_bk.jpg) no-repeat bottom left / 100%;
	position:static;
}
.meritConItem{
	width:49%;
	max-width:49%;
	height:auto;
	min-height:auto;
	padding:80px 26px 25px;
	margin:0 auto;
	position:relative;
	float:left;
    margin-bottom: 10px;
}
.meritConItem:nth-child(even){
	float:right;
}

.meritCon_upper {
	width:100%;
	position:static;
}
.meritCon_lower {
	width:100%;
	position:static;
}

}

@media screen and (max-width: 767px) {
.meritCon{
	padding: 0 0 200px;
}
.meritConItem{
	width:94%;
	max-width:94%;
	float:none;
}
.meritConItem + .meritConItem{
	margin-top:10px;
}
.meritConItem:nth-child(even){
	float:none;
}	
}

/* ------------------------------------------------------------
	product
   ------------------------------------------------------------ */
.product{
	width:100%;
	height:auto;
	background:#fff;
}
.productInner{
	width:100%;
	max-width:1150px;
	height:auto;
	margin:0 auto;
	padding:74px 0 90px;
}
.productCatch{
	text-align:center;
    padding-top: 48px;
    font-size: 16px;
}
.productCatch_br-pcNone{
	display:none;
}
.productCon{
	width:100%;
	max-width:1109px;
	height:346px;
	background:url(/fujisan_branch/lp/common/img/product_img02.png) no-repeat top right;
	margin:50px auto 0;
	padding-top:48px;
}
.productConAttention{
	width:100%;
	max-width:700px;
	height:249px;
	background:url(/fujisan_branch/lp/common/img/product_img03.png);
	position:relative;
	overflow:hidden;
}
.productConAttention_point{
	display:block;
	width:100%;
	height:249px;
	border:none;
	font-size:24px;
	color:#fff;
	background:url(/fujisan_branch/lp/common/img/product_img01.png) no-repeat;
	background-position: 476px bottom;
	padding:62px 0 0 52px;
}
.productConAttention_point_txt{
	line-height:1.6em;
	margin-bottom:10px;
}
.productConAttention_point_big{
	font-size:32px;
	font-weight:bold;
	display:block;
}
.productConAttention_point_img{
	display:none;
}






@media screen and (max-width: 767px) {

.productInner{
	width:100%;
	max-width:100%;
	padding:50px 0 50px;
}
.productCatch_br-pcNone{
	display:block;
}
.productCon{
	width:100%;
	max-width:100%;
	height:auto;
	padding:5%;
	margin: 40px auto 0;
	background:url(/fujisan_branch/lp/common/img/product_img02.png) no-repeat top center / cover;
}
.productConAttention{
	width:100%;
	max-width:100%;
	height:auto;
}

.productConAttention_point{
	background:none;
	padding:0;
	width:100%;
	height:100%;
}
.productConAttention_point_txt,
.productConAttention_point_big,
.productConAttention_point_logo{
	display:none;
}

.productConAttention_point_img{
	display:block;
}
.productConAttention_point_img img{
	width:100%;
	height:auto;
}

}


.productList{
	width:100%;
	max-width:1150px;
	height:auto;
	margin-top:87px;
}
.productList::after{
	content:"";
	display:block;
	clear:both;
	overflow:hidden;
}
.productListItem{
	width:280px;
	float:left;
}
.productListItem + .productListItem{
	margin-left:10px;
}
.productListItem_lnk{
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
}

.productListItem_thumb{
	margin-bottom:18px;
	position:relative;
	overflow:hidden;
    transition: all 0.2s;
}


.productListItem_ttl{
	text-align:center;
	font-size:18px;
	line-height:120%;
	color:#455368;
}


@media screen and (max-width: 1170px) {
.productList{
	width:94%;
	max-width:94%;
	height:auto;
	margin:50px auto 0;
}
.productListItem{
	width:49%;
	float:left;
	margin-bottom:24px;
}
.productListItem_ttl_2l{
	height:3em;
}
.productListItem:nth-child(even){
	float:right;
}
.productListItem + .productListItem{
	margin-left:0;
}

.productListItem_thumb{
	margin-bottom:18px;
}
.productListItem_thumb_img{
	width:100%;
}

.productListItem:nth-child(3n),
.productListItem:nth-child(4n){
	margin-bottom:0;
}

.infoTtl_ttl-stateSp{
	margin-bottom:25px;
}

}

/* ------------------------------------------------------------
	account
   ------------------------------------------------------------ */
.account{
	width:100%;
	height:auto;
	background:url(/fujisan_branch/lp/common/img/account_bk.jpg) no-repeat top center / cover;
}
.accountInner{
    width: 94%;
    max-width: 846px;
    height: auto;
    margin: 0 auto;
    padding: 70px 0 100px;
}
.accountTopNote{
	margin:46px 0 26px;
	text-align:center;
	font-size:16px;
}

.accountStep{
	margin-bottom:70px;
	position:relative;
}
.accountStep::after{
	content:"";
	display:block;
	width:38px;
	height:19px;
	background:url(/fujisan_branch/lp/common/img/account_arw.png) no-repeat top center;
	left:50%;
	margin-left:-18px;
	bottom:-27px;
	position:absolute;
}
.accountStepItem{
	width:100%;
	padding:30px;
	background:#013178;
	opacity:0.85;
	position:relative;
}
.accountStepItem_yama0{
	background:#66737D;
	opacity:0.85;
}
.accountStepItem::after{
	content:"";
	display:block;
	clear:both;
	overflow:hidden;
}
.accountStepItem + .accountStepItem{
	margin-top:30px;
}
.accountStepItem + .accountStepItem::before{
	content:"";
	display:block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 15px 0 15px;
	border-color: #9babb9 transparent transparent transparent;
	position:absolute;
	left:50%;
	margin-left:-15px;
	top:-25px;
}
.accountStepItemLeft{
	width:100px;
	float:left;
}
.accountStepItemLeft_icn{
	margin-bottom:0px;
	font-size:26px;
	color:#fff;
}
.accountStepItemLeft_who{
	width:100px;
	padding:6px;
	text-align:center;
	color:#013178;
	font-size:14px;
	background:#fff;
	line-height:1em;
}
.accountStepItem_yama0 .accountStepItemLeft_who{
	color:#303943;
}
.accountStepItemRight{
	float:right;
	width: calc( 100% - 125px );
	color:#FFF;
}
.accountStepItemRight_ttl{
	font-size:17px;
	padding:0 0 14px 20px;
	margin-bottom:16px;
	border-bottom:1px solid #ECEFF0;
}
.accountStepItemRight_txt{
	padding:0 20px 0 ;
	font-size:13px;
}
.accountStepItemRight_branchBtn{
	margin:15px 20px 0;
	width:300px;
	height:33px;
}
.accountStepItemRight_branchBtn_ink{	
	line-height:33px;
	font-size:16px;
	text-align:center;
    padding: 1px 0 0;
	letter-spacing:0;
}
.accountTitle_sub{
	margin-bottom:6px;
	color:#FF7900;
	font-size:52px;
	text-align:center;
}
.accountbottomNote{
	text-align:center;
}

.accountMoreBtn{
	width:210px;
	height:40px;
	margin:12px auto 44px;
}
.accountMoreBtn_lnk{
	display:block;
	width:100%;
	height:100%;
	background:#F6F8D8;
	font-size:16px;
	color:#596C13;
	border-radius:5px;
	text-align:center;
	line-height:40px;
}
.accountTopNote-stateSp{
	display:none;
}
@media screen and (max-width: 767px) {

.accountInner{
    width: 100%;
    max-width: 100%;
    padding: 50px 0 45px;
}
.accountTopNote {
	width:90%;
	margin:40px auto 26px;
}
.accountTopNote-stateSp{
	display:block;
}
.accountStepItem + .accountStepItem{
	margin-top:1px;
}
.accountStepItem + .accountStepItem::before{
	content:"";
	display:none;
}

.accountStepItemLeft{
	width:100%;
	float:none;
	text-align:left;
	margin-bottom:20px;
}
.accountStepItemLeft::after{
	content:"";
	display:block;
	clear:both;
	overflow:hidden;
}
.accountStepItemLeft_icn{
	margin-bottom:0;
	float:left;
	font-size:20px;
}
.accountStepItemLeft_who{
	margin-left:20px;
	float:left;
}
.accountStepItem_yama0 .accountStepItemLeft_who{
	color:#303943;
}
.accountStepItemRight{
	float:none;
	width: 100%;
}
.accountStepItemRight_ttl{
	padding:0 0 14px 0;
	margin-bottom:16px;
}
.accountStepItemRight_txt{
	padding:0 0 0 ;
}
.accountStepItemRight_branchBtn{
	margin:15px 0 0;
	width:100%;
	height:auto;
}
.accountStepItemRight_branchBtn_ink{	
	line-height:normal;
	padding:5px;
}
.accountbottomNote {
	width:94%;
	margin:0 auto;
}
}


/* ------------------------------------------------------------
	faq
   ------------------------------------------------------------ */
.faq{
	width:100%;
	height:auto;
}
.faqInner{
    width: 94%;
    max-width: 1090px;
    height: auto;
    margin: 0 auto;
    padding: 70px 0 80px;
}
.faqBox{
	width:100%;
	height:auto;
	margin:62px 0 68px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.faqBoxItem{
	width:520px;
	background:#fff;
	padding:40px;
	box-shadow:0px 0px 10px 0px rgba(0,0,0,0.03);
}
.faqBoxItem:nth-child(3n),
.faqBoxItem:nth-child(4n){
	margin-top:40px;
}
.faqBoxIetm_q{
	padding-left:70px;
	font-size:20px;
	color:#1F7B9D;
	position:relative;
	min-height:100px;
}
.faqBoxIetm_q-1line{
	padding-top:10px;
}
.faqBoxIetm_q:before{
	content:"";
	display:inline-block;
	width:48px;
	height:48px;
	position:absolute;
	top:0;
	left:0;
	background:url(/fujisan_branch/lp/common/img/faq_icn_q.png) no-repeat top left;
}
.faqBoxIetm_a{
	padding-left:70px;
	font-size:16px;
	position:relative;
	min-height:48px;
}
.faqBoxIetm_a:before{
	content:"";
	display:inline-block;
	width:48px;
	height:48px;
	position:absolute;
	top:0;
	left:0;
	background:url(/fujisan_branch/lp/common/img/faq_icn_a.png) no-repeat top left;
}

@media screen and (max-width: 1170px) {

.faqInner{
    max-width: 94%;
    padding: 50px 0 50px;
}
.faqBox{
	width:100%;
	height:auto;
	margin:40px 0;
	display: block;
}
.faqBoxItem{
	width:100%;
    padding: 26px;
}
.faqBoxItem:nth-child(3n),
.faqBoxItem:nth-child(4n){
	margin:0;
}
.faqBoxItem + .faqBoxItem{
	margin-top:20px;
}

.faqBoxIetm_q{
	padding-left:50px;
	min-height:36px;
	margin-bottom:30px;
	font-size:18px;
}
.faqBoxIetm_q:before{
	width:36px;
	height:36px;
	background:url(/fujisan_branch/lp/common/img/faq_icn_q.png) no-repeat top left / 100%;
}
.faqBoxIetm_a{
	padding-left:50px;
	min-height:36px;
}
.faqBoxIetm_a:before{
	width:36px;
	height:36px;
	background:url(/fujisan_branch/lp/common/img/faq_icn_a.png) no-repeat top left / 100%;
}	
	
}

/* ------------------------------------------------------------
	info
   ------------------------------------------------------------ */
.info{
	width:100%;
	height:auto;
	background:#FBFCFC;
}
.infoInner{
    width: 94%;
    max-width: 1090px;
    height: auto;
    margin: 0 auto;
    padding: 72px 0;
}

.infoTtl{
	color:#003178;
	font-size:30px;
	text-align:center;
	margin-bottom:40px;
}
.infoNum{
	text-align:center;
}
.infoNum_lnk{
	font-size:54px;
	color:#29313D;
	line-height:56px;
}

.infoNum_lnk::before{
	content:"";
	display:inline-block;
	margin-right:10px;
	width:94px;
	height:56px;
	background:url(/fujisan_branch/lp/common/img/info_freetel.png) no-repeat top left;
	vertical-align:middle;
}

.infoTxt{
	color:#455469;
	margin-top:14px;
	text-align:center;
	font-size:16px;
}
.infoTtl_ttl_br{
	display:none;
}

@media screen and (max-width: 767px) {
.infoTtl{
	font-size:24px;
    margin-bottom: 30px;
}
.infoNum_lnk::before{
	width:56px;
	height:34px;
	background-size:100%;
}

.infoTtl_ttl_br{
	display:block;
}
.infoNum_lnk{
	font-size:32px;
	color:#29313D;
	line-height:normal;
}

.infoInner{
    width: 90%;
    max-width: 90%;
    height: auto;
    margin: 0 auto;
    padding: 40px 0;
}

}



/* ------------------------------------------------------------
	footer
   ------------------------------------------------------------ */
.footer{
	padding:20px 0;
	color:#6C7E9A;
	background:#ECEFF0;
	font-size:12px;
	text-align:center;
}

@media screen and (max-width: 767px) {
.footer{
	width:90%;
	margin:0 auto;
}
}



/* ------------------------------------------------------------
	toTop
   ------------------------------------------------------------ */
.toTop{
	width:90px;
	height:160px;
	position:fixed;
	right:0;
	bottom:-160px;
	cursor:pointer;
	transition:all 0.2s ease;
}
.toTop.toTop-stateShow{
	bottom:0;
}
.toTop.toTop-stateShow:hover{
	bottom:5px;
}
.toTop_lnk{
	display:block;
	width:100%;
	height:100%;
	background:url(/fujisan_branch/lp/common/img/backtotop.png) no-repeat top left;
	font-size:16px;
	color:#fff;
	text-align:center;
	line-height:1.2em;
	padding-top:85px;
}
.toTop_lnk_txt{
	display:block;
	font-size:20px;
}
@media screen and (max-width: 767px) {
.toTop{
	display:none;
}
}