@charset "utf-8";

/* COLORS
	thme blue	3071b9
	text black	333333
	line gray	cccccc
*/

/* ============================================================
 web font
============================================================ */

@import url('https://cdn.jsdelivr.net/npm/yakuhanjp@3.4.1/dist/css/yakuhanjp-noto.min.css'); /* for Noto Sans JP */
@import url('https://cdn.jsdelivr.net/npm/yakuhanjp@3.4.1/dist/css/yakuhanmp.min.css'); /* for Noto Serif JP */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Noto+Serif+JP:wght@700&family=Roboto:wght@700&display=swap');
@import url('iconfont.css');

.noto-sans-jp{font-family: YakuHanJP_Noto, 'Noto Sans JP', sans-serif;}
.noto-sefif-jp{font-family: YakuHanMP, 'Noto Serif JP', serif;}
.roboto{font-family: 'Roboto', sans-serif;}

/* ============================================================
 modern-css-reset
============================================================ */
*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role="list"],ol[role="list"]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}

/* ============================================================
 common
============================================================ */
html.jsSmoothScrollOFF{
	scroll-behavior: smooth;
}

body{
	color:#333;
	font-family: YakuHanJP_Noto, 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','游ゴシック','Yu Gothic','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-size:16px;
	line-height:1.8;
	background:#fff;
	text-align:left;
	
	padding-top:110px;
}
img{
	max-width: 100%;
	display:block;
}
a{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
ul{
	padding:0;
	margin:0;
    list-style:none;
}
br.br_pc{display:block;}
br.br_sp{display:none;}

h2{
	color:#3071b9;
	font-size:30px;
	font-weight:700;
	line-height:1;
	text-align:center;
}
.contents{
	
}
.contentsInner{
	width:100%;
	max-width:980px;
	margin:0 auto;
}

/* ============================================================
 gheader
============================================================ */
#gheader{
	width:100%;
	height:110px;
	padding:0 2%;
	position:fixed;
	left:0; top:0;
	box-sizing:border-box;
	background-color:#fff;
	overflow:hidden;
	z-index:100;
	
	transition: transform 0.5s ease-out;
}
#gheader.hide{
	transform:translateY(-100%);
}

#gheader .contentsInner{
	height:100%;
	max-width:1240px;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
/* ------------------------------------------------------------
 contents-left
------------------------------------------------------------ */
#gheader .contents-left{
	
}
#gheader .shoulder{
	margin-bottom:12px;
	display:block;
	color:#666;
	font-size:13px;
	line-height:1;
}
#gheader .sitelogo{
	margin-bottom:4px;
}
#gheader .sitelogo img{
	
}
/* ------------------------------------------------------------
 contents-right
------------------------------------------------------------ */
#gheader .contents-right{
	display:flex;
	align-items:center;
}
#gnav{
	margin-right:30px;
}
#gnavList{
	display:flex;
}
#gnavList>li{
	padding:0 9px;
	box-sizing:border-box;
}
#gnavList>li:first-child{
	padding-left:0;
}
#gnavList>li:last-child{
	padding-right:0;
}
#gnavList>li a{
	color:#333;
}
#header-contact{
	padding:15px 17px 11px 16px;
	position:relative;
	box-sizing:border-box;
	border:solid 2px #3071b9;
	border-radius:10px;
}
#header-contact .lead{
	padding:0 8px;
	position:absolute;
	top:-10px;
	left:23px;
	box-sizing:border-box;
	color:#3071b9;
	font-size:14px;
	line-height:1;
	background-color:#fff;
}
#header-contact .phone-num{
	display:flex;
	align-items:center;
	font-family: 'Roboto', sans-serif;
	color:#3071b9;
	font-size:23px;
	font-weight:700;
	line-height:1;
	font-feature-settings: "pnum";
}
#header-contact .phone-num:before{
	content:"";
	width:24px;
	height:24px;
	margin-right:7px;
	margin-bottom:2px;
	display:inline-block;
	border-radius:50%;
	background-color:#3071b9;
	background-image:url(../img/icon_phone_white.png);
	background-repeat:no-repeat;
	background-position:60% center;
	background-size:60%;
}

@media print, screen and (min-width: 768px) and (max-width: 1080px){
	#gheader .shoulder{
		font-size:12px;
	}
	#gheader .sitelogo{
		width:275px;
	}
	#gnav{
		margin-right:0;
	}
	#gnavList>li {
	    padding: 0 6px;
	}
	#header-contact{
		display:none;
	}
}

/* ------------------------------------------------------------
 #btMenuOpen
------------------------------------------------------------ */
#btMenuOpen{
	width:50px;
	height:50px;
	display:none;
	position:relative;
	cursor:pointer;
	z-index:200;
}
#btMenuOpen>div{
	width:28px;
	height:4px;
	margin:auto;
	position:absolute;
	left:0; right:0;
	background-color:#3071b9;
}
#btMenuOpen div:nth-of-type(1) {	top:14px;}
#btMenuOpen div:nth-of-type(2) {	top:23px;}
#btMenuOpen div:nth-of-type(3) {	top:32px;}

/* ------------------------------------------------------------
 #gnavSp
------------------------------------------------------------ */
#gnavSp{
	width:100%;
	height:100%;
	margin-right:0;
	padding:0 5.33% 30px;
	display:none;
	position:fixed;
	right:-100%; top:0;
	box-sizing:border-box;
	background-color:#3071b9;
	z-index:300;
	
	transition:transform 0.3s ease-out;
}
.menuOpened #gnavSp{
	transform: translateX(-100%);
}

#gnavSpList{
	width:100%;
	margin-top:66px;
	display:block;
}
#gnavSpList>li{
	border-top:solid 1px rgba(255,255,255,0.5);
}
#gnavSpList>li:last-child{
	border-bottom:solid 1px rgba(255,255,255,0.5);
}
#gnavSpList>li a{
	width:100%;
	padding:21px 5px 23px;
	display:block;
	box-sizing:border-box;
	color:#fff;
}

/* ------------------------------------------------------------
 #btMenuClose
------------------------------------------------------------ */
#btMenuClose{
	width:50px;
	height:50px;
	display:block;
	position:absolute;
	right:5.33%; top:8px;
	cursor:pointer;
}
#btMenuClose>div{
	width:28px;
	height:4px;
	margin:auto;
	position:absolute;
	left:0; right:0;
	background-color:#fff;
}
#btMenuClose div:nth-of-type(1) {
	top:14px;
	transform:translateY(9px) rotate(45deg);
}
#btMenuClose div:nth-of-type(2) {
	top:32px;
	transform:translateY(-9px) rotate(-45deg);
}


/* ============================================================
 #main-container
============================================================ */
#main-container{
	width:100%;
	overflow:hidden;
}
/* ============================================================
 メインビジュアル #mv
============================================================ */
#mv{
	width:100%;
	height:580px;
	padding:0 2%;
	position:relative;
	box-sizing:border-box;
	background-image:url(../img/mv_image.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
#mv:before{
	content:"";
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	left:0; top:0;
	background-color:rgba(0,0,0,0.13);
	z-index:10;
}
#mv .contentsInner{
	height:100%;
	max-width:1240px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	position:relative;
	z-index:20;
}
/* ------------------------------------------------------------
 contents-left
------------------------------------------------------------ */
#mv .contents-left{
	
}
#mv .catchcopy{
	margin-bottom:25px;
	font-family: YakuHanMP, 'Noto Serif JP', serif;
	color:#fff;
	font-size:32px;
	font-weight:700;
	letter-spacing:0.12em;
}
#mv .company-name{
	display:flex;
	align-items:center;
	color:#fff;
	font-size:22px;
	font-weight:500;
	line-height:1;
	letter-spacing:0.1em;
}
#mv .company-name small{
	margin-top:3px;
	margin-left:15px;
	display:inline-block;
	font-size:15px;
	font-weight:400;
}
/* ------------------------------------------------------------
 contents-right
------------------------------------------------------------ */
#mv .contents-right{

}
/* ------------------------------------------------------------
 #mv-amountRate
------------------------------------------------------------ */
#mv-amountRate{
	margin-right: 20px;
	box-sizing:border-box;
	color:#fff;
	background-color:#3071b9;
	border-radius:20px;
	box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2); 
}
#mv-amountRate h3{
	width:100%;
	padding:15px 0;
	color:#3071b9;
	font-size:20px;
	font-weight:bold;
	line-height:1;
	text-align: center;
	background-color:#fff;
	border:solid 2px #3071b9;
	border-radius:20px 20px 0 0;
}
#mv-amountRate .inner{
	padding:30px 40px 37px;
}
#mv-amountRate .amount,#mv-amountRate .rate{
	display:flex;
	align-items:center;
}
#mv-amountRate .amount{
	padding-bottom:17px;
}
#mv-amountRate .rate{
	padding-top:17px;
	border-top:solid 1px rgba(255,255,255,0.5);
}
#mv-amountRate .title{
	width:5em;
	display:inline-block;
	font-size:20px;
	font-weight:700;
	line-height:1;
}
#mv-amountRate .title small{
	margin-top:8px;
	display:block;
	font-size:13px;
	font-weight:500;
}
#mv-amountRate .contents{
	
}
#mv-amountRate .num{
	font-family: 'Roboto', sans-serif;
	font-size:45px;
	font-weight:700;
	line-height:1;
}
#mv-amountRate .unit{
	padding-left:4px;
	display:inline-block;
	box-sizing:border-box;
	font-size:20px;
	font-weight:500;
	line-height:1;
}
#mv-amountRate .rate .unit{
	font-size:22px;
}
#mv-amountRate .nyoro{
	margin-left:5px;
	display:inline-block;
	font-size:23px;
	font-weight:500;
	line-height:1;
}

@media print, screen and (min-width: 911px) and (max-width: 1280px){
	#mv .catchcopy{
	    font-size:2.5vw;
	}
	#mv .company-name{
	    font-size:1.72vw;
	}
	#mv .company-name small{
		font-size:1.17vw;
	}
	#mv-amountRate{
	    margin-right:1.56vw;
	}
	#mv-amountRate h3{
	    font-size: 1.56vw;
	}
	#mv-amountRate .inner{
	    padding: 2.89vw 3.13vw;
	}
	#mv-amountRate .title{
	    font-size: 1.56vw;
	}
	#mv-amountRate .num {
		font-size: 3.52vw;
	}
	#mv-amountRate .unit {
		font-size: 1.56vw;
	}
	#mv-amountRate .nyoro {
		font-size: 1.7vw;
	}
}

@media print, screen and (min-width: 768px) and (max-width: 910px){
	#mv .catchcopy{
	    font-size: 26px;
	}
	#mv .company-name{
	    font-size: 20px;
	}
	#mv .company-name small{
		font-size:13px;
	}
	#mv .catchcopy .br_sp{
		display:block;
	}
	#mv-amountRate{
	    margin-right:1.56vw;
	}
	#mv-amountRate h3{
	    font-size: 17px;
	}
	#mv-amountRate .inner{
	    padding: 2.89vw 3.13vw;
	}
	#mv-amountRate .title{
	    font-size: 17px;
	}
	#mv-amountRate .num {
		font-size: 30px;
	}
	#mv-amountRate .unit {
		font-size: 16px;
	}
	#mv-amountRate .nyoro {
		font-size: 16px;
	}
}


/* ============================================================
 ご融資について #service
============================================================ */
#service{
	padding:78px 0 0;
}
#service-head{
	padding:0 2%;
	box-sizing:border-box;
}
#service-head .contentsInner{
	max-width:980;
}
#service h2{
	margin-bottom:47px;
}
#service .catch{
	margin-bottom:40px;
	font-family: YakuHanMP, 'Noto Serif JP', serif;
	font-size:30px;
	font-weight:700;
	text-align:center;
	letter-spacing:0.12em;
}
#service .lead{
	margin-bottom:45px;
	font-size:18px;
	font-weight:400;
	line-height:2.22;
	text-align:center;
}
#service .lead .unitname{
	padding-top:20px;
	display:block;
}
#service .images{
	margin-bottom:60px;
	display:block;
}
#service .images img{
	margin:0 auto;
}

/* ------------------------------------------------------------
 #billDiscount
------------------------------------------------------------ */
#service-billdiscount{
	width:100%;
	padding:47px 2% 80px;
	margin:0 auto;
	box-sizing:border-box;
	background-color:#3071b9;
}
#service-billdiscount .contentsInner{
	max-width:980;
}
#service-billdiscount h3{
	margin-bottom:50px;
	color:#fff;
	font-size:30px;
	font-weight:500;
	text-align:center;
}

/* ------------------------------------------------------------
 #service-amountRate
------------------------------------------------------------ */
#service-amountRate{
	width:100%;
	max-width:980px;
	margin:0 auto 25px;
	display:flex;
	justify-content:space-between;
	color:#3071b9;
}
#service-amountRate .amount,#service-amountRate .rate{
	width:48%;
	padding:22px 30px 40px;
	box-sizing:border-box;
	background-color:#fff;
	border-radius:10px;
}
#service-amountRate .title{
	display:flex;
	justify-content:center;
	align-items:center;
	
	margin-bottom:23px;
	font-size:25px;
	font-weight:700;
	line-height:1;
}
#service-amountRate .title small{
	margin-top:3px;
	margin-left:5px;
	display:inline-block;
	font-size:15px;
	font-weight:500;
}
#service-amountRate .contents{
	padding:33px 0 0;
	border-top:solid 1px rgba(48,113,185,0.5);
	text-align:center;
}
#service-amountRate .num{
	font-family: 'Roboto', sans-serif;
	font-size:58px;
	font-weight:700;
	line-height:1;
}
#service-amountRate .unit{
	padding-left:3px;
	display:inline-block;
	box-sizing:border-box;
	font-size:27px;
	font-weight:500;
	line-height:1;
}
#service-amountRate .rate .unit{
	font-size:29px;
}
#service-amountRate .nyoro{
	margin-left:5px;
	display:inline-block;
	font-size:32px;
	font-weight:500;
	line-height:1;
}

#service-billdiscount .annotationList{
	width:100%;
	max-width:980px;
	margin:0 auto 25px;
	color:#fff;
	font-size:15px;
	font-weight:400;
}
/* ------------------------------------------------------------
 .contactBox
------------------------------------------------------------ */
#service-billdiscount .contactBox{
	width:100%;
	max-width:980px;
	margin:0 auto;
	padding:20px 12px 21px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	box-sizing:border-box;
	color:#fff;
	border-top:solid 1px rgba(255,255,255,0.5);
	border-bottom:solid 1px rgba(255,255,255,0.5);
}
#service-billdiscount .contactBox .lead{
	margin-bottom:0;
	font-size:18px;
	font-weight:500;
	line-height:1.8;
	letter-spacing: 0.1em;
	text-align:left;
}
#service-billdiscount .contactBox .contactBoxList{
	display:flex;
}
#service-billdiscount .contactBox .contactBoxList>li{
	display:flex;
	align-items:center;
}
#service-billdiscount .contactBox .contactBoxList>li .title{
	width:60px;
	height:30px;
	padding-bottom:2px;
	margin-right:12px;
	display:flex;
	justify-content:center;
	align-items:center;
	box-sizing:border-box;
	color:#3071b9;
	font-size:17px;
	font-weight:700;
	line-height:1;
	background-color:#fff;
	border-radius:17px;
}
#service-billdiscount .contactBox .contactBoxList>li.contactBox-fax{
	margin-left:40px;
}
#service-billdiscount .contactBox .contactBoxList>li .contents{
	font-family: 'Roboto', sans-serif;
	font-size:33px;
	font-weight:700;
	line-height:1;
}

@media print, screen and (min-width: 768px) and (max-width: 960px){
	#service-amountRate .amount,#service-amountRate .rate{
		padding:20px 25px 30px;
	}
	#service-amountRate .title{
	    font-size: 20px;
		margin-bottom:20px;
	}
	#service-amountRate .contents{
		padding: 20px 0 0;
	}
	#service-amountRate .num{
		font-size:45px;
	}
	#service-amountRate .unit{
		font-size:22px;
	}
	#service-amountRate .nyoro{
		font-size:22px;
	}
	#service-billdiscount .contactBox{
		flex-direction:column;
	    justify-content:flex-start;
	    align-items:flex-start;
	}
	#service-billdiscount .contactBox .lead{
		width:100%;
		margin-bottom:20px;
		text-align:center;
	}
	#service-billdiscount .contactBox .lead br{
		display:none;
	}
	#service-billdiscount .contactBox .contactBoxList{
		width:100%;
		justify-content:center;
	}
}

/* ============================================================
 会社情報 #company
============================================================ */
#company{
	padding:78px 2% 80px;
	box-sizing:border-box;
	background-color:#f5f5f5;
}
#company .contentsInner{
	max-width:980px;
}
#company h2{
	margin-bottom: 60px;
}

/* ------------------------------------------------------------
 #companyInfoList
------------------------------------------------------------ */
#companyInfoList{
	width:100%;
	margin:0 auto 80px;
	border-bottom:solid 1px #ccc;
}
#companyInfoList>li{
	padding:8px 0;
	display:flex;
	border-top:solid 1px #ccc;
}
#companyInfoList>li .title{
	width:20%;
	padding:12px 10px;
	display:flex;
	align-items:center;
	font-size:16px;
	font-weight:500;
	box-sizing:border-box;
}
#companyInfoList>li .contents{
	width:80%;
	padding:12px 10px 12px 20px;
	display:flex;
	align-items:center;
	box-sizing:border-box;
	font-size:16px;
	font-weight:500;
	border-left:solid 1px #ccc;
}

#btMap{
	height:36px;
	padding:0 15px 0 12px;
	margin-left:20px;
	display:flex;
	justify-content:center;
	align-items:center;
	box-sizing:border-box;
	color:#3071b9;
	font-size:14px;
	font-weight:700;
	line-height:1;
	border:solid 1px #3071b9;
	border-radius:18px;
	
	transition:background 0.2s ease;
}
#btMap:before{
	content:"\e924";
	margin-right:3px;
	margin-bottom:-2px;
	font-size:1em;
	
	font-family: 'icomoon' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#btMap:hover{
	text-decoration:none;
	color:#fff;
	background-color:#3071b9;
}

/* ------------------------------------------------------------
 .company-images
------------------------------------------------------------ */
.company-images{
	max-width:1200px;
	margin:0 auto;
}
.company-image{
	margin-bottom:40px;
	display:block;
}
.company-image img{
	max-width: 100%;
	height: auto;
	display:block;
}

#company_image1{}
#company_image2{}
#company_image3{}
#company_image4{margin-left:13%;}

@media screen and (max-width: 1040px){
	#company_image4{margin-left:40px;}
}


#company_image1 img{}
#company_image2 img{margin:0 0 0 auto;}
#company_image3 img{}
#company_image4 img{}

.company-images .image-block{
	display:flex;
}
.company-images .image-block .company-image{
	margin-bottom:0;
}

/* ============================================================
 アクセス #access
============================================================ */
#access{
	padding:78px 0 0;
}
#access-head{
	padding:0 2%;
}
#access .contentsInner{
	max-width:980px;
}
#access h2{
	margin-bottom: 60px;
}
#access .address{
	margin-bottom:30px;
	display:block;
	font-size:16px;
	line-height:1.8;
	text-align:center;
}

/* ------------------------------------------------------------
 #accessRootList
------------------------------------------------------------ */
#accessRootList{
	width:640px;
	margin:0 auto 60px;
	border-top:solid 1px #ccc;
}
#accessRootList>li{
	width:100%;
	padding:20px 0;
	display:flex;
	align-items:center;
	border-bottom:solid 1px #ccc;
}
#accessRootList>li .title{
	width:16%;
	display:flex;
	align-items:center;
	box-sizing:border-box;
	font-size:18px;
	font-weight:700;
	line-height:1;
}
#accessRootList>li .title:before{
	content:"";
	width:30px;
	height:30px;
	margin-right:10px;
	display:block;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100%;
}
#access-car .title:before{
	background-image:url(../img/icon_car_black.png);
}
#access-train .title:before{
	background-image:url(../img/icon_train_black.png);
}
#accessRootList>li .contents{
	width:84%;
	display:flex;
	justify-content:space-between;
	align-items:center;
	box-sizing:border-box;
	font-size:16px;
	font-weight:400;
	line-height:1;
}
#accessRootList>li .bt-searchRoot{
	height:36px;
	padding:0 17px;
	display:flex;
	align-items:center;
	box-sizing:border-box;
	color:#3071b9;
	font-size:14px;
	font-weight:400;
	line-height:1;
	border:solid 1px #3071b9;
	border-radius:18px;
	
	transition:background 0.2s ease;
}
#accessRootList>li .bt-searchRoot:after{
	content:"\e925";
	margin-left:5px;
	margin-bottom:-2px;
	font-size:1.15em;
	
	font-family: 'icomoon' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#accessRootList>li .bt-searchRoot:hover{
	text-decoration:none;
	color:#fff;
	background-color:#3071b9;
}

/* ------------------------------------------------------------
 #access-map
------------------------------------------------------------ */
#access-map{
	width:100%;
	height:550px;
}
#access-map iframe{
	width:100%;
	height:100%;
}

/* ============================================================
 お問い合わせ #contact
============================================================ */
#contact{
	padding:78px 2% 75px;
	position:relative;
	background-image:url(../img/contact_bgimage.jpg);
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:cover;
}
#contact:before{
	content:"";
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	left:0; top:0;
	background-color:rgba(0,0,0,0.3);
	z-index:10;
}
#contact .contentsInner{
	max-width:980px;
	position:relative;
	z-index:20;
}
#contact h2{
	margin-bottom: 60px;
	color:#fff;
}

/* ------------------------------------------------------------
 contactBox
------------------------------------------------------------ */
#contact .contactBox{
	width:640px;
	padding:33px 0 60px;
	margin:0 auto;
	background-color:#fff;
	border-radius:10px;
	text-align:center;
}
#contact .contactBox .lead{
	margin-bottom:35px;
	font-size:18px;
	font-weight:500;
}
#contact .contactBox .contactBoxList{
	display:inline-block;
}
#contact .contactBox .contactBoxList>li{
	display:flex;
}
#contact .contactBox .contactBoxList>li:first-child{
	margin-bottom:20px;
}
#contact .contactBox .contactBoxList>li .title{
	width:125px;
	height:52px;
	padding-right:5px;
	margin-right:20px;
	display:flex;
	justify-content:center;
	align-items:center;
	box-sizing:border-box;
	color:#fff;
	font-size:22px;
	font-weight:500;
	line-height:1;
	background-color:#3071b9;
	border-radius:26px;
}
#contact .contactBox .contactBoxList>li .title:before{
	content:"";
	width:25px;
	height:25px;
	margin-right:9px;
	display:block;
	
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100%;
}
#contact .contactBox .contactBoxList>li.contactBox-phone .title:before{
	background-image:url(../img/icon_phone_white.png);
}
#contact .contactBox .contactBoxList>li.contactBox-fax .title:before{
	background-image:url(../img/icon_fax_white.png);
}

#contact .contactBox .contactBoxList>li .contents{
	font-family: 'Roboto', sans-serif;
	color:#3071b9;
	font-size:50px;
	font-weight:700;
	line-height:1;
}


/* ============================================================
 #pagetop
============================================================ */
#pagetop_wrapper{
	width:100%;
	height:0;
	position:relative;
	z-index:100;
}
#pagetop{
	width:50px;
	height:50px;
	display:flex;
	justify-content:center;
	align-items:center;
	position:fixed;
	right:20px; bottom:20px;
	box-sizing:border-box;
	border-radius:50%;
	border:solid 1px #fff;
	background-color:#3071b9;
	text-decoration:none;
	
	transition:opacity 0.2s ease;
}
#pagetop:before{
	content: "\e923";
	margin-bottom:3px;
	display:block;
	color:#fff;
	font-size:18px;
	
	font-family: 'icomoon' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#pagetop:hover{
	opacity:0.7;
}

/* ============================================================
 gfooter
============================================================ */
#gfooter{
	width:100%;
	padding:37px 2% 45px;
	box-sizing:border-box;
	color:#fff;
	background-color:#3071b9;
}
#gfooter .contentsInner{
	max-width:1240px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	box-sizing:content-box;
}
#gfooter a{
	color:#fff;
}
/* ------------------------------------------------------------
 contents-left
------------------------------------------------------------ */
#gfooter .contents-left{
	padding-top:7px;
}
#gfooter .shoulder{
	margin-bottom:12px;
	display:block;
	font-size:13px;
	line-height:1;
}
#gfooter .sitelogo{
	margin-bottom:25px;
	display:block;
}
#gfooter .sitelogo img{
	display:block;
}
#gfooter .address,
#gfooter .phone{
	margin-bottom:12px;
	display:block;
	font-size:13px;
	line-height:1;
}
/* ------------------------------------------------------------
 contents-right
------------------------------------------------------------ */
#gfooter .contents-right{
	
}
#footer-nav{
	margin-bottom:25px;
}
#footer-navList{
	display:flex;
}
#footer-navList>li{
	padding:0 8px;
	box-sizing:border-box;
}
#footer-navList>li:first-child{
	padding-left:0;
}
#footer-navList>li:last-child{
	padding-right:0;
}
#footer-navList>li a{
	line-height:1;
}
#footer-copyright{
	font-size:13px;
	font-weight:400;
	line-height:1;
	text-align:right;
}


@media print, screen and (min-width: 768px) and (max-width: 820px){
	#gfooter .shoulder {
		font-size: 12px;
	}
	#gfooter .sitelogo {
		width: 275px;
	}
	#footer-navList>li {
		padding: 0 6px;
	}
}

/* ========================================================================================================================
 Responsive
======================================================================================================================== */
/* ============================================================
 SmartPhone 0-768
============================================================ */
@media screen and (max-width: 767px){
	/* =========================================
	 common
	========================================= */
	body{
		padding-top:66px;
	}
	br.br_pc{display:none;}
	br.br_sp{display:block;}

	h2{
		font-size:26px;
	}

	/* =========================================
	 gheader
	========================================= */
	#gheader{
		height:66px;
		padding:0 5.33%;
	}
	/* -----------------------------------------
	 contents-left
	----------------------------------------- */
	#gheader .shoulder{
		display:none;
	}
	#gheader .sitelogo{
		width:200px;
		margin-bottom:0;
	}
	#gheader .sitelogo img{
		width:100%;
	}
	/* -----------------------------------------
	 contents-right
	----------------------------------------- */
	#gnavList{
		display:none;
	}
	#header-contact{
		display:none;
	}
	/* ------------------------------------------------------------
	 #btMenu
	------------------------------------------------------------ */
	#btMenuOpen{
		display:block;
	}
	
	/* ------------------------------------------------------------
	 #gnavSp
	------------------------------------------------------------ */
	#gnavSp{
		display:block;
	}

	/* =========================================
	 #main-container
	========================================= */
	/* =========================================
	 メインビジュアル #mv
	========================================= */
	#mv{
		height:100vw;
		padding:0 5.33%;
		background-image:url(../img/mv_image_sp.jpg);
	}
	#mv:before{
		background-color:rgba(0,0,0,0.25);
	}

	/* -----------------------------------------
	 contents-left
	----------------------------------------- */
	#mv .contents-left{
		width:100%;
	}
	#mv .catchcopy{
		margin-bottom:8%;
		font-size:5.86vw;
		text-align:center;
	}
	#mv .company-name{
		display:block;
		font-size:4.53vw;
		text-align:center;
	}
	#mv .company-name small{
		margin-top:4%;
		margin-left:0;
		display:block;
		font-size:3.46vw;
	}
	/* -----------------------------------------
	 contents-right
	----------------------------------------- */
	#mv .contents-right{
		display:none;
	}

	/* =========================================
	 ご融資について #service
	========================================= */
	#service{
		padding:60px 0 0;
	}
	#service-head{
		padding:0 5.33%;
	}
	#service h2{
		margin-bottom:45px;
	}
	#service .catch{
		margin-bottom:30px;
		font-size:23px;
		letter-spacing:0.08em;
	}
	#service .lead{
		margin-bottom:35px;
		font-size:15px;
		line-height:2;
		text-align:left;
	}
	#service .lead .unitname{
		padding-top:15px;
	}
	#service .images{
		margin-bottom:40px;
	}

	/* -----------------------------------------
	 #billDiscount
	----------------------------------------- */
	#service-billdiscount{
		width:100%;
		padding:40px 5.33% 40px;
	}
	#service-billdiscount h3{
		margin-bottom:40px;
		font-size:26px;
	}

	/* -----------------------------------------
	 #service-amountRate
	----------------------------------------- */
	#service-amountRate{
		margin:0 auto 20px;
		flex-direction:column;
		justify-content:flex-start;
	}
	#service-amountRate .amount,
	#service-amountRate .rate{
		width:100%;
		padding:20px 5.33% 30px;
	}
	#service-amountRate .amount{
		margin-bottom:10px;
	}
	#service-amountRate .title{
		margin-bottom:20px;
		font-size:18px;
	}
	#service-amountRate .contents{
		padding:30px 0 0;
	}
	#service-amountRate .num{
		font-size:45px;
	}
	#service-amountRate .unit{
		padding-left:3px;
		font-size:20px;
	}
	#service-amountRate .rate .unit{
		font-size:22px;
	}
	#service-amountRate .nyoro{
		margin-left:5px;
		font-size:22px;
	}

	#service-billdiscount .annotationList{
		margin:0 auto 20px;
		font-size:14px;
	}
	/* -----------------------------------------
	 .contactBox
	----------------------------------------- */
	#service-billdiscount .contactBox{
		padding:20px 12px 30px;
		flex-direction:column;
		justify-content:flex-start;
		align-items:stretch;
		box-sizing:border-box;
		color:#fff;
		border-top:solid 1px rgba(255,255,255,0.5);
		border-bottom:solid 1px rgba(255,255,255,0.5);
	}
	#service-billdiscount .contactBox .lead{
		margin-bottom:20px;
		font-size:16px;
		text-align:center;
	}
	#service-billdiscount .contactBox .contactBoxList{
		flex-direction:column;
	}
	#service-billdiscount .contactBox .contactBoxList>li{
		justify-content:center;
	}
	#service-billdiscount .contactBox .contactBoxList>li .title{
		width:56px;
		height:30px;
		padding-bottom:0;
		margin-right:12px;
		font-size:16px;
		border-radius:17px;
	}
	#service-billdiscount .contactBox .contactBoxList>li.contactBox-phone{
		margin-bottom:12px;
	}
	#service-billdiscount .contactBox .contactBoxList>li.contactBox-fax{
		margin-left:0;
	}
	#service-billdiscount .contactBox .contactBoxList>li .contents{
		padding-right:10px;
		font-size:30px;
	}

	/* =========================================
	 会社情報 #company
	========================================= */
	#company{
		padding:60px 5.33% 60px;
	}
	#company h2{
		margin-bottom: 50px;
	}

	/* -----------------------------------------
	 #companyInfoList
	----------------------------------------- */
	#companyInfoList{
		margin:0 auto 30px;
	}
	#companyInfoList>li{
		padding:20px 0;
		flex-direction:column;
	}
	#companyInfoList>li .title{
		width:100%;
		padding:0;
		margin-bottom:12px;
		font-size:15px;
	}
	#companyInfoList>li .title:before{
		content:"";
		width:5px;
		height:1.2em;
		margin-top:2px;
		margin-right:0.5em;
		display:inline-block;
		background-color:#3071b9;
	}
	#companyInfoList>li .contents{
		width:100%;
		padding:0;
		flex-direction:column;
		align-items:flex-start;
		font-size:15px;
		border-left:none;
	}

	#btMap{
		margin-top:15px;
		margin-left:0;
	}
	
	/* -----------------------------------------
	 .company-images
	----------------------------------------- */
	.company-image{
		margin-bottom:10px;
	}
	.company-image:last-child{
		margin-bottom:0;
	}

	#company_image3{margin-bottom:10px;}
	#company_image4{margin-left:0;}

	#company_image2 img{margin:0;}

	.company-images .image-block{
		flex-direction:column;
	}
	.company-images .image-block .company-image{
		margin-bottom:0;
	}

	/* =========================================
	 アクセス #access
	========================================= */
	#access{
		padding:60px 0 0;
	}
	#access-head{
		padding:0 5.33%;
	}
	#access .contentsInner{
	}
	#access h2{
		margin-bottom: 45px;
	}
	#access .address{
		margin-bottom:25px;
		font-size:15px;
	}

	/* -----------------------------------------
	 #accessRootList
	----------------------------------------- */
	#accessRootList{
		width:100%;
		margin:0 auto 30px;
	}
	#accessRootList>li{
		width:100%;
		padding:10px 0;
	}
	#accessRootList>li:first-child{
		border-bottom:solid 1px #ccc;
	}
	#accessRootList>li .title{
		width:27%;
		font-size:16px;
	}
	#accessRootList>li .title:before{
		width:25px;
		height:25px;
		margin-right:8px;
	}
	#accessRootList>li .contents{
		width:73%;
		padding:10px 0 10px 15px;
		flex-direction:column;
		justify-content:flex-start;
		align-items:flex-start;
		font-size:15px;
		line-height:1.8;
		border-left:solid 1px #ddd;
	}
	#accessRootList>li .bt-searchRoot{
		margin-top:10px;
	}

	/* -----------------------------------------
	 #access-map
	----------------------------------------- */
	#access-map{
		height:100vw;
	}

	/* =========================================
	 お問い合わせ #contact
	========================================= */
	#contact{
		padding:60px 5.33% 60px;
		background-image:url(../img/contact_bgimage_sp.jpg);
	}
	#contact .contentsInner{
	}
	#contact h2{
		margin-bottom: 50px;
	}
	
	/* -----------------------------------------
	 contactBox
	----------------------------------------- */
	#contact .contactBox{
		width:100%;
		padding:30px 5.33% 40px;
	}
	#contact .contactBox .lead{
		margin-bottom:25px;
		font-size:16px;
	}
	#contact .contactBox .contactBoxList{
		width:100%;
		display:block;
	}
	#contact .contactBox .contactBoxList>li{
		justify-content:center;
	}
	#contact .contactBox .contactBoxList>li:first-child{
		margin-bottom:12px;
	}
	#contact .contactBox .contactBoxList>li .title{
		width:60px;
		height:30px;
		padding-right:0;
		padding-bottom:2px;
		margin-right:10px;
		font-size:16px;
		border-radius:16px;
	}
	#contact .contactBox .contactBoxList>li .title:before{
		content:none;
	}

	#contact .contactBox .contactBoxList>li .contents{
		padding-right:10px;
		font-size:30px;
	}

	/* =========================================
	 #pagetop
	========================================= */
	#pagetop{
		right:5.33%; bottom:20px;
	}

	/* =========================================
	 gfooter
	========================================= */
	#gfooter{
		padding:40px 5.33% 50px;
	}
	#gfooter .contentsInner{
		flex-direction:column;
		justify-content:flex-start;
		align-items:stretch;
	}

	/* -----------------------------------------
	 contents-left
	----------------------------------------- */
	#gfooter .contents-left{
		padding-top:0;
		margin-bottom:25px;
	}
	#gfooter .shoulder{
		display:none;
	}
	#gfooter .sitelogo{
		width:200px;
		margin:0 auto;
		margin-bottom:25px;
	}
	#gfooter .sitelogo img{
		width:100%;
	}
	#gfooter .address,
	#gfooter .phone{
		margin-bottom:0;
		text-align:center;
	}
	#gfooter .address{
		margin-bottom:12px;
	}
	/* -----------------------------------------
	 contents-right
	----------------------------------------- */
	#gfooter .contents-right{
		
	}
	#footer-nav{
		display:none;
	}
	#footer-copyright{
		font-size:12px;
		text-align:center;
	}

}

/* ============================================================
 for Print
============================================================ */
@media print{
	body {
		-webkit-print-color-adjust: exact;
	}
	#gheader{
		position:absolute !important;
		transform:translateY(0%) !important;
	}
}