@charset "utf-8";

/* -----------------------------------
    フォント
   ----------------------------------- */

.wf-roundedmplus1c { font-family: "Rounded Mplus 1c"; }


/* -----------------------------------
    汎用クラス
   ----------------------------------- */
html, body {
	width: 100%;
	height: 100%;
	position: relative;
    -webkit-text-size-adjust: 100%;
}
body, td, th, h1, h2, h3, h4, h5, h6 {
	font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body {
	font-size: 62.5%;
	-webkit-text-size-adjust : none;
	margin: 0;
	color: #000000;
	text-align: justify;
	line-height: 1.4;
}
a { text-decoration: none; }
a:link { color: #0890B2; }
a:visited { color: #4B2489; }
a:hover {
	transition: all 0.3s linear;
	color: #Ea5514;
}
a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
	-khtml-opacity: 0.6;
	-moz-opacity: 0.6;
}
a:active { color: #Ea5514;}

img{width: 100%}
/* --- Clear Fix ------------- */
.clearfix:before, .clearfix:after {
	display: table;
	content: " ";
}
.clearfix:after {clear: both;}
.clearfix {overflow: hidden;}
*, *::after, *::before {box-sizing: border-box;}

/* -----------------------------------
   PC/SP改行切り替え
 * ----------------------------------- */
span.pc-br {display: inline;}
span.sp-br {display: none;}

@media screen and (max-width: 768px) {
span.pc-br {display: none;}
span.sp-br {display: inline;}
}

/* -----------------------------------
    ヘッダー
   ----------------------------------- */
.luxbar-header {margin-bottom: 10px;}
#container-logo {
	background-color: #ffffff;
	padding-top: 15px;
}
#container-logo > div {
	width: 850px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
h1 {width: 300px;}
h1 img {
	width: 60%;
	vertical-align: middle;
}
#sp-btn {display: none;}
@media screen and (max-width: 850px) {
#container-logo > div{
	width: 95%;
}
}
@media screen and (max-width:768px) {
.luxbar-header {
	position: relative;
	z-index: 1000;
}
h1 {
	width: 40%;
	margin-left: 0;
}
h1 img {width: 100%;}
h1 a span {display: none;}	
#sp-btn{
	display: block;
	border-collapse: separate;
	border-spacing: 10px 0;
}
#sp-btn li{
	text-align: center;
	display: table-cell;
}
#sp-btn li a{
	display: block;
	font-size: 1.2em;
	background-color: #FF6000;
	color: #ffffff;
	height: 52px;
	background-position: center 7px;
	background-size: 42%;
	background-repeat: no-repeat;
	width: 58px;
	line-height: 6.7;
}
#sp-btn li.new a {background-image: url(../images/icon_new_hover.svg);}
#sp-btn li.login a {background-image: url(../images/icon_login_hover.svg);}	
.luxbar-header {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 10px;
}
}

/* -----------------------------------
    グローバルメニュー
   ----------------------------------- */
.luxbar-navigation {
	display: table;
    table-layout: fixed;
	height: 34px;
	width: 920px;
	margin-left: auto !important;
	margin-right: auto !important;
    }
.luxbar-navigation li {
	display : table;
	float: left;
    }
.luxbar-navigation li a {
	display : block;
	color: #000000;
	padding-left: 12px;
	padding-right: 12px;
	text-align: center;
 }
.luxbar-navigation li:last-child a{
	padding-right: 0px;
}
.luxbar-navigation li span.navi {
	display: table-cell;
	vertical-align: middle;
	height: 34px;
	font-size: 1.35em;
	line-height: 1.3;
}
.luxbar-navigation li a:hover{
	color: #007260;
}
.luxbar-navigation li a:hover:after{
	content: "▼";
	transform: scale(1.5, 1);
	display: block;
}
@media screen and (min-width:769px) {
.luxbar-navigation li:first-child a {
	padding-left: 0px;
}
.luxbar-navigation li:last-child a{
	padding-right: 0px;
}
}
@media screen and (max-width:768px) {
.luxbar-navigation li {
	display: block;
	float: none;
}	
.luxbar-navigation li a {
	padding-left: 20px;
	line-height: 4;
	padding-top: 0px;
	text-align: left;
}
.luxbar-navigation li span.navi {
	display: inline-block;
	height: auto;
	
}
.luxbar-navigation li a{
	color: #ffffff !important;
	font-size: 1.1em;
	display: block;
}
.luxbar-navigation li a:before{
	content: "▶";
	font-size: 0.8em;
	padding-right: 3px;
	}
.luxbar-navigation li a:hover:after{
	content: "";
	}
.luxbar-navigation li.luxbar-header a {
	padding-left: 10px;	
	padding-top: 0px;
}	
}


/* -----------------------------------
    カラム
   ----------------------------------- */
#wrapper {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	margin-bottom: 50px;
	font-size: 1.4em;
}
section {
	padding-top: 35px;
	padding-bottom: 35px;
}
section#head {
	padding-top: 0px;
	padding-bottom: 0px;
}
.container-inn {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (min-width:1200px) {
.container-inn {
	width: 960px;
}
}
@media screen and (max-width:768px) {
section#head {
	padding-top: 50px;
}
}
@media screen and (max-width:480px) {
.container-inn {
	width: 95%;
}
}

/* -----------------------------------
    メインビジュアル
   ----------------------------------- */
#main-header {
	font-size: 1.4em;
	text-align: center;
	margin-top: 110px;
}
#container-header-image {
	width: 940px;
	margin-left: auto;
	margin-right: auto;
}
#header-text {
	width: 98%;
	margin: 10px auto 0px;
}
#header-text li {
	text-align: left;
	font-size: 1.15em;
	display: block;
}
#header-text li span#text-small {
	font-size: 0.85em;
	display: block;
	color: #666666;
}
#main-visual {
	background-color: #ffffff;
	border-radius: 8px;
	margin-top: 10px;
	margin-bottom: 40px;
	position: relative;
	padding: 10px 30px;
}
#main-visual img#img_header-sp {
	display: none;
}
#main-header h2 {
	background-color: #007260;
	position: relative;
	font-family: "Rounded Mplus 1c";
	font-weight: bold;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	margin-bottom: 15px;
	text-align: center;
	border-radius: 8px;
	font-size: 1.5em;
	color: #FFFFFF;
}
#main-header h2:after {
    content: "";
    border-color: #87bfb6 #ffffff #ffffff #87bfb6;
    border-style: solid;
    border-width: 0 0 16px 16px;
    bottom: 0;
    position: absolute;
    right: 0;
}
@media screen and (max-width: 850px) {
#container-header-image{
	width: 95%;
}
}
@media screen and (max-width: 768px) {
#main-header {margin-top: 60px;}
#container-header-image {margin-top: 30px;}	
}
@media screen and (max-width: 670px) {
#main-header {margin-top: 0px;}
#main-visual img#img_header-pc {display: none;}	
#main-visual img#img_header-sp {display: block;}	
}
@media screen and (max-width: 640px) {
#main-visual {
	padding-left: 10px;
	padding-right: 10px;
}		
}
@media screen and (max-width: 480px) {
#main-header {margin-top: 10px;}	
#header-text {width: 95%;}
#header-text li {font-size: 1em;}
}


/* -----------------------------------
    見出し
   ----------------------------------- */
.text-right {text-align: right;}

#wrapper h2 {
	background-color: #007260;
	position: relative;
	font-family: "Rounded Mplus 1c";
	font-weight: bold;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	margin-bottom: 25px;
	text-align: center;
	border-radius: 8px;
	color: #FFFFFF;
}
#wrapper h2:after {
    content: "";
    border-color: #87bfb6 #fff #fff #87bfb6;
    border-style: solid;
    border-width: 0 0 16px 16px;
    bottom: 0;
    position: absolute;
    right: 0;
}
#wrapper h2 span {
	font-size: 0.75em;
	font-weight: normal;
}
#wrapper .bg-jaggedBorder h2:after {
	border-color: #87bfb6 #E6E6DC #E6E6DC #87bfb6;
}
.container-inn h3{
	font-size: 1.6em;
	font-weight: bold;
	color: #007260;
	text-align: center;
}
#inquiry .container-inn h3{margin-top: 50px;}

p.text-indent,
.text-indent li{
	padding-left: 1em;
	text-indent: -1em;
}
.text-red{
	color: #FF0000 !important;	
}
.text-underline a{
	color: #007260 !important;
	text-decoration: underline;
}
.text-small {font-size: 0.75em !important;}
@media screen and (max-width:640px) {
#main-header h3,
#wrapper h2 {font-size: 1.3em;}
.container-inn h3{font-size: 1.2em;}
}


/* -----------------------------------
    テーブルデザイン
   ----------------------------------- */
table.tbl {
	width: 95%;
	border-collapse: collapse;
	margin: 15px auto;
	text-align: left;
	background-color: #ffffff;
}
table.tbl tr th,
table.tbl tr td {
	border-top: 1px solid #AEAEAE;
	border-bottom: 1px solid #AEAEAE;
	vertical-align: middle;
	padding: 6px;
}
table.tbl tr th {
    text-align: center;
    font-weight: bold;
	border-right: 1px solid #AEAEAE;
}
table.tbl thead th {background-color: #d7ecea;}
table.tbl tbody th {background-color: #f9f9f9;}
table.tbl tr th.width-100 {width: 100px}
table.tbl tr th.width-90 {width: 90px}
table.tbl tr th.no-right-border {border-right: none;}
.bg-cell{background-color: #ecebe0 !important;}
@media screen and (max-width: 768px) {
table.tbl {width: 100%;}
table.tbl tr th,
table.tbl tr td {
	line-height: 1.3
}
table.tbl tbody th {
	width: auto;
	padding-left: 3px;
	padding-right: 3px;
}
table.tbl tr th.width-90 {width: 30px!important;}	
}
@media screen and (max-width: 640px) {
table.tbl tr th.width-sp100 {width: 35% !important;}
}

/* -----------------------------------
    ボタン
   ----------------------------------- */
.btn-link {margin-bottom: 50px;}
.btn-link a {
	font-size: 1.1em;
	text-align: center;
	display: block;
	width: 25em;
	margin: 5px auto;
	position: relative;
	border: 2px solid #007260;
	padding: 12px 20px;
	color: #007260;
}
.btn-link a:hover,
.btn-link-solo a:hover{
    background-color: #007260;
    color: #ffffff !important;
    border-radius: 30px;
	opacity: 1.0;
}
.btn-link-solo a:hover {background-image: url(../images/gaibu_link_icon_white.png);}
a.icon-arrow-right:after {
	content: "　>";
	font-weight: bold;
	transform: scale(0.6, 1);
	display: inline-block;
}
.btn-link-solo {
	margin-top: 15px;
	margin-bottom: 15px;
}
.btn-link-solo a {
	font-size: 1.1em;
	text-align: center;
	display: block;
	margin: 5px auto;
	border: 2px solid #007260;
	color: #007260;
	background-color: #ffffff;
	-webkit-transition: all .3s;
	transition: all .3s;
	padding: 12px 0px 12px 40px;
	background-image: url(../images/gaibu_link_icon.png);
	background-repeat: no-repeat;
	background-position: 23% center;
	background-size: 30px auto;
}
.btn-link-solo#btn-link-wide a {
	background-position: 22% center;
    width: 430px;
    background-size: 6% auto;
}
@media screen and (max-width:480px) {
.btn-link a {width: 20em;}	
.btn-link-solo a {
	width: 95%;
	font-size: 1em;
}
.btn-link-solo#btn-link-wide a {
	background-position: 18% center;
    width: 85%;
    background-size: 8% auto;
}
}

/* -----------------------------------
    大きいボタン
   ----------------------------------- */
.list-btn{
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
}
.list-btn li {width: 48%;}
.list-btn li a{
	position: relative;
	height: 100px;
    display: block;
    margin: 5px auto;
    color: #ffffff !important;
    background-color: #FF6000;
    border: 2px solid #FF6000;
    font-size: 1.3em;
    line-height: 100px;
    background-repeat: no-repeat;
    background-position: 20px 20px;
    background-size: 20%;
    font-weight: bold;
    padding-left: 70px;
	text-align: center;
}
.list-btn li a:hover{
    background-color: #ffffff;
    color: #FF6000 !important;
    border-radius: 20px;
	opacity: 1.0;
}
.list-btn li.new a {background-image: url(../images/icon_new_hover.svg);}
.list-btn li.new a:hover {background-image: url(../images/icon_new.svg);}
.list-btn li.login a {
	background-image: url(../images/icon_login_hover.svg);
	background-position: 50px 20px;
}
.list-btn li.login a:hover {background-image: url(../images/icon_login.svg);}
@media screen and (max-width:768px) {
.list-btn {width: 90%;}
}
@media screen and (max-width:580px) {
.list-btn {
	display: block;
	width: 85%;
}	
.list-btn li {width: 100%;}
.list-btn li a {
	height: 70px;
	line-height: 70px;
	background-position: 15% center !important;
    background-size: 13%;
}
.list-btn li.login a {background-position: 25% center !important;}
.list-btn li a:hover {border-radius: 40px;}
}

#list-btn-tree{
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	margin: 50px auto 0px;
}
#list-btn-tree li{width: 32%;}
#list-btn-tree li a {
    font-size: 1.1em;
    text-align: center;
    display: block;
    margin: 5px auto;
    position: relative;
    border: 2px solid #007260;
    padding: 12px 0px;
    color: #007260;
	background-color: #ffffff;
}
#list-btn-tree li a:hover{
    background-color: #007260;
    color: #ffffff !important;
    border-radius: 30px;
	opacity: 1.0;
}
@media screen and (max-width:768px) {
#list-btn-tree{
	display: block;
	width: 60%;
	}
#list-btn-tree li{width: 100%;}	
}
@media screen and (max-width:480px) {
#list-btn-tree{width: 100%;}
#list-btn-tree li{
	width: 85%;
    margin-left: auto;
    margin-right: auto;
}
}

/* -----------------------------------
    当行サービス
   ----------------------------------- */
#block-logo-single {
	width: 90%;
	margin: 0px auto 20px;
	position: relative;
	padding-bottom: 15px;
}
#block-logo-single dl {
	position: relative;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}
#block-logo-single dl dt {
	width: 100%;
	font-weight: bold;
	font-size: 1.65em;
	margin-bottom: 5px;
	text-align: center;
	background-color: #ffffff;
	border-radius: 4px 4px 0px 0px;
	padding-bottom: 10px;
}
#block-logo-single dl dt span {
	background-color: #40B9AE;
	color: #ffffff;
	display: block;
	margin-bottom: 10px;
	border-radius: 4px;
	margin-left: auto;
	margin-right: auto;
}
#block-logo-single dl dt span#img-logo {
	width: 55%;
	margin: 20px auto 0px;
	padding: 0;
	background-color: #40b9ae;
	line-height: 0
}
#block-logo-single dl dd {
	text-align: left;
}
#block-logo-single dl dd.btn-link-solo-narrow {
    width: 65%;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width:768px) {
#block-logo-single {width: 95%;}
#block-logo-single dl {width: 100%;}
#block-logo-single dl dt span#img-logo {width: 60%;}
#block-logo-single dl dd.btn-link-solo-narrow {width: 80%;}
}

/* -----------------------------------
    連携先
   ----------------------------------- */
#block-logo {
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
    flex-wrap: wrap;
	width: 90%;
	margin: 0px auto 20px;
	position: relative;
	border-bottom: 1px dotted #000000;
	padding-bottom: 15px;
}
.block {width: 46%;}
#block-logo dl dt {
	width: 100%;
    height: 130px;
	font-weight: bold;
	font-size: 1.65em;
	margin-bottom: 5px;
	text-align: center;
	background-color: #ffffff;
	border-radius: 4px 4px 0px 0px;
	padding-bottom: 10px;
}
#block-logo dl dt span {
	background-color: #e0730c;
	color: #ffffff;
	display: block;
	margin-bottom: 10px;
	width: 100%;
	border-radius: 4px;
}
#block-logo dl#block-moneytree dt span {background-color: #37AC49;}
#block-logo dl#block-moneytree dt img {
	width: 90%;
	margin-top: -10px;
}
#block-logo dl#block-finbee dt span {background-color: #c7a43a;}
#block-logo dl#block-moneyforward dt span {
	background-color: #e0730c;
    margin-top: 50px
}
#block-logo dl#block-moneyforward dt img {width: 90%;}
#block-logo dl#block-moneyforward dt img + img {
	margin-left: 30px;
	width: 45%;
}
#block-logo dl#block-zaim dt span {
	background-color: #3A9625;
    margin-top: 50px
}
#block-logo dl#block-zaim dt img {
	width: 50%;	
	margin-top: 10px;
}
#block-logo dl#block-finbee dt img {
	width: 45%;	
	margin-top: 10px;
}
#block-logo dl#block-freee dt span {
	background-color: #3c6eb0;
    margin-top: 50px
}
#block-logo dl#block-freee dt img {
	width: 60%;	
	margin-top: 10px;
}
#block-logo dl#block-yayoi dt span {
	background-color: #005bab;
    margin-top: 50px
}
#block-logo dl#block-yayoi dt img {
	width: 40%;	
}
#block-logo dl#block-lilepay dt span {
	background-color: #01b700;
    margin-top: 50px
}
#block-logo dl#block-lilepay dt img {
	width: 65%;	
	margin-top: 15px;
}
#block-logo dl#block-sorimachi dt span {
	background-color: #1c50a1;
    margin-top: 50px
}
#block-logo dl#block-sorimachi dt img {
	width: 55%;	
	margin-top: 10px;
}
#block-logo dl#block-mjs dt span {
	background-color: #058ad0;
    margin-top: 50px
}
#block-logo dl#block-mjs dt img {
	width: 45%;	
	margin-top: 10px;
}
#block-logo dl#block-sbi dt span {
	background-color: #eda616;
    margin-top: 50px
}
#block-logo dl#block-sbi dt img {
	width: 80%;	
	margin-top: 10px;
}
#block-logo dl#block-tkc dt span {
	background-color: #0075c1;
    margin-top: 50px
}
#block-logo dl#block-tkc dt img {
	width: 50%;	
	margin-top: 10px;
}
#block-logo dl dd {text-align: left;}
#block-logo dl dd.btn-link-solo-narrow {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width:768px) {
#block-logo {
	display: block;
	width: 95%;
	}
.block {width: 100%;	}
#block-logo dl dt {
		height: auto;
		margin-bottom: 10px;
}	
#block-logo dl dt span {position: static;}
#block-logo-right,
#block-logo-center {margin-top: 50px;}	
}

/* -----------------------------------
    ご利用方法
   ----------------------------------- */
.block-howto {
	display: -webkit-flex;
	display: flex;
	width: 90%;
	margin: 20px auto 50px;
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
}
.container-howto-step {
	width: 20%;
	margin-right: 20px;
	background-color: #d7ecea;
	text-align: center;
	color: #ffffff;
	font-size: 1.8em;
	line-height: 1.2;
	position: relative;
	border-radius: 6px;
}
.container-howto-step-box {
	position: absolute;
	top: 50%;
	left: 50%;
	color: #007260;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
	font-weight: bold;
}
.container-howto-text{width: 77%}
#notice .container-howto-text{width: 100%}
.container-howto-text ul {
	margin-top: 10px;
	margin-bottom: 10px;
}
.container-howto-text li {
	padding-left: 1em;
	text-indent: -1em;
}
.container-howto-text#container-notice li {margin-bottom: 10px;}
.container-howto-text li:before {content: "●"	}
.container-howto-text-attention li {
	color: #666666;
	font-size: 0.9em;
}
.container-howto-text-attention li:before {content: "※"}
.block-howto#step1:after {
	content: "▼";
	text-align: center;
	transform: scale(1.8, 1);
	font-size: 3em;
	display: block;
	color: #007260;
	position: absolute;
	bottom: -50px;
	left: 48%
}
.block-howto#block-howto-last:after {content: "";}
@media screen and (max-width:640px) {
.block-howto {display: block;}
.container-howto-step {
	position: relative;
	width: 100%;
	line-height: 2;
	font-size: 1.3em;
}
.container-howto-step-box {
	position: static;
	-webkit-transform: translate(0%, 0%); /* Safari用 */
	transform: translate(0%, 0%);
}
.block-howto#step1:after {left: 45%}
}
@media screen and (max-width:480px) {
.block-howto {
	display: -webkit-block;
	display: block;
	width: 100%;
}
.container-howto-photo {
	width: 100%;
	margin-right: 0px;
}
.container-howto-text {width: 100%;}	
.block-howto:after {
	font-size: 3em;
	left: 45%;
}
}


/* -----------------------------------
    開閉パネル
   ----------------------------------- */
.ac-container{
	width: 90%;
	margin: 0px auto 20px;
}
.ac-container#last-ac-container{margin-bottom: 60px;}
.ac-container label{
	background-color: #d7ecea;
	margin: auto;
	padding: 10px 50px 15px 3em;
	position: relative;
	display: block;
	cursor: pointer;
	color: #007260;
	line-height: 1.3;
	text-indent: -2em;
	font-weight: bold;
}
.ac-container label:hover{background-color: #CDE5D9;}
.ac-container label:after,
.ac-container input:checked ~ label::after{
	content: '▼';
	position: absolute;
	right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
	font-weight: bold;
	background-color: #ffffff;
	color: #d7ecea;
	width: 26px;
	height: 26px;
	text-align: center;
	border-radius: 13px;
	padding-top: 5px;
	text-indent: 0em;
}
.ac-container input:checked ~ label::after {content:"▲";}
.ac-container label:hover:after,
.ac-container input:checked ~ label:hover::after{
	background-color: #007260;
	color: #ffffff;
}
.ac-container input{display: none;}
.ac-container div{
   overflow: hidden;
   height: 0px;
   position: relative;
   z-index: 10;
	opacity: 0;
}
.ac-container input:checked ~ label{border-radius: 10px 10px 0px 0px;}
.ac-container input:checked ~ div{
	background-color: #f4f7f6;
	overflow: hidden;
	opacity: 1;
	transition: 0.8s;
	height: auto;
	border-radius: 0px 0px 10px 10px;
}
.ac-container div p{
	color: #333333;
	padding: 7px 15px 15px 3em;
	font-size: 1.07em;
	font-weight: bold;
	text-indent: -1.92em;
}
.ac-container div p span {
	font-weight: normal;
	color: #666666;
	font-size: 0.9em;
}
.ac-container label:before,
.ac-container div p:before{
	content: "Q.";
	font-weight: bold;
	margin-right: 8px;
	font-size: 1.4em;
}
.ac-container div p:before{content: "A.";}
.ac-container div p span.text-indent {
	color: #333333;
	padding: 2px 0px 0px 1.9em;
    font-size: 1.07em;
    font-weight: bold;
    display: block;
    text-indent: 0em;
}
@media screen and (max-width:640px) {
.ac-container{width: 100%;}
.ac-container div p{font-size: 1em;}
.ac-container div p span.text-indent {
	color: #333333;
	padding: 2px 0px 0px 1.9em;
    font-size: 1em;
    font-weight: bold;
    display: block;
    text-indent: 0em;
}
}

/* -----------------------------------
    お問い合わせ
   ----------------------------------- */
#page-inquiry {text-align: center;}
#container-iinquiry{
	width: 430px;
	margin: 10px auto 30px;
	text-align: center;
}
li#title{
	background-color: #007260;
	color: #ffffff;
	font-weight: bold;
	font-size: 1.4em;
	line-height: 2.5;
} 
li#phone,
li#phone a,
li a#phone{
	color: #000000;
	font-weight: bold;
	font-size: 1.8em;
	line-height: 60px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-decoration: none;
}
li#phone span#icon-tel {
	width: 50px;
	height: 50px;
	display: inline-block;
	margin-right: 10px;
}
li#phone span#icon-tel img{
	vertical-align: middle;
	margin-top: -8px;
}
@media screen and (max-width:770px) {
	li#phone,
	li#phone a,
	li a#phone {
	font-size: 1.2em;
	color: #0890B2;
	text-decoration: underline;
	}
}
@media screen and (max-width:480px) {
	li#phone,
	li#phone a,
	li a#phone {
	font-size: 1.5em;
    }
li#title{font-size: 1.3em;}
#container-iinquiry{width: 100%;}
li#phone span {
	width: 40px;
	height: 40px;
}
}

/* -----------------------------------
    ページトップ
   ----------------------------------- */
#page-top {
    font-size: 0;
    position: fixed;
    bottom: 0px;
    right: 16px;
    opacity: 0;
}
#page-top.fade-in {
	color: #ffffff;
	font-size: 3em;
	opacity: 0.6;
	transition: opacity 1s;
	display: block;
	background-color: #a7a7a7;
	width: 50px;
	height: 50px;
	text-align: center;
}