@charset "utf-8";

* { font-size:inherit;  font:100%;  font-style:normal; font-weight:normal;    text-decoration:none;    vertical-align:baseline;}
html {overflow-y:scroll;	line-height:1.6;}
@media screen and (min-width:768px), print {
html, body {height:100%;width:100%;min-width:1080px;-webkit-text-size-adjust:100%; }
}
@media screen and (max-width:767px) {
html, body {height:100%;width:100%;}
}
dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, caption, address, cite, code, dfn, em, strong, var, map, area{margin:0;padding:0; text-align:left; word-break:break-all;}
div,body,figure{margin:0;   padding:0;}
body {font-size:15px;font-family:"Noto Sans Japanese", sans-serif;color:#333333;word-break:break-all;font-weight:bold;}
table { border-collapse:collapse;   border-spacing:0;   font-size:inherit;  width:100%;}
fieldset, img, abbr, acronym, hr {  border:0;   vertical-align:middle;}
ul {list-style:none;}
a {color:#000;cursor:pointer;outline:none; text-decoration:none;}	
a:link {}
a:visited {}
a:hover {   text-decoration:none;}
a:active {}
strong{ font-weight:bold;}
address{font-style:normal;}

.f-m{font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.f-r {  float:right;}
.f-l {  float:left;}

.m-b5 { margin-bottom:5px;}
.m-b10 {margin-bottom:10px;}
.m-b15 {margin-bottom:15px;}
.m-b20 {margin-bottom:20px;}
.m-b25 {margin-bottom:25px;}
.m-b30 {margin-bottom:30px;}
.m-b40 {margin-bottom:40px;}
.m-b50 {margin-bottom:50px;}
.m-b60 {margin-bottom:60px;}
.m-b70 {margin-bottom:70px;}
.m-t10 {margin-top:10px;}
.m-t15 {margin-top:15px;}
.m-t20 {margin-top:20px;}
.m-t25 {margin-top:25px;}
.m-t30 {margin-top:30px;}
.m-t40 {margin-top:40px;}
.m-l5{margin-left:5px;}
.m-l10{margin-left:10px;}
.m-l30{margin-left:30px;}
.m-r10{margin-right:10px}
.m-r20{margin-right:20px}
.m-r30{margin-right:30px}
.p-t5{ padding-top:5px;}
.p-t10{ padding-top:10px;}
.p-t15{ padding-top:15px;}
.p-t20{ padding-top:20px;}
.p-t30{ padding-top:30px;}
.p-t40{ padding-top:40px;}
.p-t60{ padding-top:60px;}
.p-b5{ padding-bottom:5px;}
.p-b10{ padding-bottom:10px;}
.p-b15{ padding-bottom:15px;}
.p-b20{ padding-bottom:20px;}
.p-b30{ padding-bottom:30px;}
.p-b40{ padding-bottom:40px;}
.p-b50{ padding-bottom:50px;}
.p-b60{ padding-bottom:60px;}
.p-b70{ padding-bottom:70px;}
.p-b80{ padding-bottom:80px;}
.p-b90{ padding-bottom:90px;}
.p-b100{ padding-bottom:100px;}
.p-l30{padding-left:30px;}

.bold{font-weight:bold;}

.t-l{   text-align:left;}
.t-r{   text-align:right;}
.t-c{   text-align:center;}

.ah{display:inline-block;}
.ah:hover{zoom:1;  filter:alpha(opacity=70); /* IE6/7 */  -ms-filter:"alpha(opacity=70)"; /* IE8 */  -moz-opacity:0.70; /* Firefox */   opacity:0.70;}


/*======================================================
    CLEARFIX  clearしたい親要素に加える
======================================================*/
.clearfix:after {   content:".";   display:block; clear:both;    height:0;  visibility:hidden; font-size:0;line-height:0;}
.clearfix { display:inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height:1% }
.clearfix {display:block;}
/* end MacIE5 */
div {   zoom:100%;}

img{-webkit-backface-visibility:hidden;}/*chromeで画像縮小時にぼやけさせないため	*/



/* メニュー */
nav > ul {
	display: flex;
	padding: 0;
	flex: 1 1 auto;
	flex-wrap: wrap;
}
nav ul li {
	display: inline-block;
	font-size: 1rem;
	text-align: center;
	vertical-align: middle;
}
@media print, screen and (max-width: 320px) {
nav ul li {
	font-size: 1.4rem;
}
}
/* アイコン（外部リンク） */
.icon-el {
	position: relative;
	margin-left: 10px;
	padding: 0 10px;
	vertical-align: middle;
}
.icon-el::before {
	content: "";
	position: absolute;
	display: inline-block;
	top: 0;
	bottom: 0;
	left: 0;
	width: 9px;
	height: 9px;
	margin: auto 0;
	border: 1px solid #fff;
	box-sizing: border-box;
}
.icon-el::after {
	content: "";
	position: absolute;
	display: inline-block;
	top: 0;
	bottom: 6px;
	left: 3px;
	width: 9px;
	height: 9px;
	margin: auto 0;
	background: #fff;
	border: 1px solid #fff;
	box-sizing: border-box;
}
@media print, screen and (min-width: 768px) {
	.header-nav .icon-el::before,
	.header-nav .icon-el::after {
		background: #000;
	}
}



/* ==================================================
	ヘッダー
================================================== */
/* ヘッダー */
.header {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	width: 100%;
	min-width: 240px;
	max-height: 55px;
	margin: 0 auto;
	background-color: #fff;
	border-bottom: #ccc 1px solid;
	font-size: 0;
	letter-spacing: 1px;
	z-index: 301;
}
.header h1 {
	display: block;
	min-height: 55px;
	margin: 0;
	padding: 0 12px;
	line-height: 55px;
	float: left;
}
@media screen and (max-width:767px) {
.header h1 {width:160px;}
}
.header h1 img {
	display: inline-block;
	vertical-align: middle;
}
.header a {
	display: block;
	width: 100%;
	height: auto;
	text-decoration: none;
	color: #333;
}
.header a:hover {
	color: #1a7bd0;
}
.header .header-nav {
	height: auto;
}
.header .header-nav > li ul {
	display: block;
	padding: 0;
	background: #fff;
	border-top: 1px solid #03325d;
}
.header .header-nav > li ul li a{
	display: block;
	width: 100%;
	border-right: none;
}
.header #header-nav-lang ul {
	display: none;
}
@media print and (max-width: 767px), screen and (max-width: 767px) {
.header .header-nav {
	display: block;
	position: absolute;
	width: 100%;
	max-height: calc(100vh - 140px);
	top: 54px;
	right: 0;
	background: #1a7bd0;
	overflow-y: auto;
}
.header .header-nav {
	display: none;
}
.header .header-nav li {
	position: relative;
	display: block;
	background: #fff;
	border-bottom: 1px solid #03325d;
	cursor: pointer;
  width: 100%;
}
.header .header-nav li::after {
	content: "";
	display: block;
	clear: both;
}
.header .header-nav li img {
	padding: 0px 0px 0px 0px;
}

.header .header-nav li a {
	position: relative;
	display: block;
	text-align: left;
	padding: 15px 5px 15px 20px;
	background: #1a7bd0;
	color: #fff;
	box-sizing: border-box;
}
	.header .header-nav .acco {
		width: calc(100% - 54px);
		border-right: 1px solid #03325d;
	}
	.header .header-nav li li:last-child {
		border-bottom: none;
	}
.header .header-nav li li a {
	background: #fff;
	color: #333;
}
.header .header-nav li::before,  .header .header-nav li::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	margin: auto;
	vertical-align: middle;
}
.header .header-nav li::before {
	top: 20px;
	right: 20px;
	width: 8px;
	height: 8px;
	border-top: 2px solid #03325d;
	border-right: 2px solid #03325d;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.header .header-nav li.active::before {
	top: 23px;
	right: 20px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
}
.header-nav-sp {
	position: absolute;
	top: 0;
	right: 0;
	height: 54px;
	background: #fff;
}
.header-nav-sp > li {
	position: relative;
	width: 55px;
	height: 100%;
	border-left: 1px solid #ccc;
	font-size: .6rem;
	letter-spacing: -0.1px;
	line-height: 80px;
	cursor: pointer;
}
.header-nav-sp > li:last-child {
	background: #1a7bd0;
	color: #fff;
}
.header-nav-sp > li ul {
	position: fixed;
	top: 55px;
	left: 0;
	display: block;
	width: 100%;
	background: #fff;
	line-height: normal;
	text-align: right;
}
.header-nav-sp ul li a {
	position: relative;
	padding: 12px 10px 12px 15px;
}
.header-nav-sp ul li a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 5px;
    bottom: 0;
    margin: auto;
    vertical-align: middle;
    width: 4px;
    height: 4px;
    border-top: 1px solid #1a7bd0;
    border-right: 1px solid #1a7bd0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#header-nav-menu::after{
	content: 'Menu';
	display: inline;
}
#header-nav-menu.active::after{
	content: 'Close';
	display: inline;
}
#header-nav-menu .icon01,
#header-nav-menu .icon01 span {
		display: inline-block;
  		transition: all .4s;
  		box-sizing: border-box;
	}
#header-nav-menu .icon01 {
	position: absolute;
	top: 10px;
	right: 14px;
 	width: 25px;
	height: 20px;
}
#header-nav-menu .icon01 span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #fff;
  border-radius: 2px;
}
#header-nav-menu .icon01 span:nth-of-type(1) {
  top: 0;
}
#header-nav-menu .icon01 span:nth-of-type(2) {
  top: 9px;
}
#header-nav-menu .icon01 span:nth-of-type(3) {
  bottom: 0;
}
#header-nav-menu.active .icon01 span:nth-of-type(1) {
  -webkit-transform: translateY(8px) rotate(-45deg);
  transform: translateY(8px) rotate(-45deg);
}
#header-nav-menu.active .icon01 span:nth-of-type(2) {
  opacity: 0;
}
#header-nav-menu.active .icon01 span:nth-of-type(3) {
  -webkit-transform: translateY(-10px) rotate(45deg);
  transform: translateY(-10px) rotate(45deg);
}
.header .header-nav-lang {
	display: none;
}

.header-nav-sp > li .icon02 {
	position: absolute;
	top: 8px;
	left: 0;
	right: 0;
	display: block;
	width: 25px;
	height: 25px;
	margin: 0 auto;
	border: 2px solid #1a7bd0;
	border-radius: 12.5px;
	overflow: hidden;
}
.header-nav-sp > li .icon02::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	width: 10px;
	height: 100%;
	margin: auto;
	border: 2px solid #1a7bd0;
	border-radius: 50%;
}
.header-nav-sp > li .icon02::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -2px;
	right: -2px;
	display: block;
	width: auto;
	height: 8px;
	margin: auto;
	border: 2px solid #1a7bd0;
}
.header-nav-sp > li .icon02 span {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	width: auto;
	height: 2px;
	margin: auto;
	background: #1a7bd0;
}
.header-nav-sp > li .icon02 span::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	width: 2px;
	height: 25px;
	margin: auto;
	background: #1a7bd0;
}


@media print, screen and (min-width: 768px) {
.header {
	display: flex;
	width: 1080px;
	min-height: 90px;
	border: none;
}
.header h1 {
	min-height: 90px;
	padding: 0 27.5px;
	line-height: 90px;
}
.header nav {
	display: inline-flex;
	width: calc(100% - 160px);
}
.header .header-nav {
	display: flex;
	text-align: left;
}
.header .header-nav-sp {
	display: none;
}
#header-nav-menu {
	display: none;
}
.header .header-nav > li {
	position: relative;
	flex: 1 1 auto;
}
.header .header-nav > .header-contact a {
	min-height: 90px;
	background-color: #2c2d30;
	color: #fff;
	line-height: 88px;
}
.header .header-nav .header-nav-lang > a > img {
	display:none;
}
.header .header-nav > li > a {
	display: block;
	width: 100%;
	min-height: 90px;
/* 	padding: 0 15px; */
	margin: 0;
	line-height: 90px;
}
.header .header-nav > li:first-child > a {
	padding-left: 0;
}
.header .header-nav > li ul {
	position: absolute;
	display: block;
	padding: 0;
	background: #ebf8fb;
	left: 1px;
	top: 91px;
	z-index: 10	;
	box-sizing: border-box;
}
.header .header-nav > li ul li {
	display: block;
	text-align: left;
	min-width: 240px;
	font-size:.8rem;
}
	.header .header-nav > li ul li a {
		padding: 10px;
		box-sizing: border-box;
	}
.header .header-nav-lang {
	display: block;
	width: auto;
}
.header .header-nav-lang li {
	display: block;
	width: 100%;
	font-size: 1.0rem;
	font-weight: 300;
	line-height: 45px;
	letter-spacing: -0.5px;
}
	.header .header-nav-lang li a {
		padding: 0 3.5px;
	}
	.header .header-nav-lang li.this a,
	.header .header-nav-lang li.this a:hover,
	.header .header-nav-lang li.this a:focus {
		background: #1a7bd0;
		color: #fff;
	}
.header .header-nav-sp ul {
	display: none;
}
}

@media print {
	.header {
		position: absolute;
	}
}



@media screen and (min-width:768px), print {
/*===== common ============================================*/
#wrapper{width:100%; min-height:100%; height:auto !important; height:100%; position:relative; overflow:hidden;} 
.s{position:relative;box-sizing:border-box;box-shadow:0 0 6px rgba(0,0,0,0.2);}


#main{position:relative;}
#contents{padding-top:80px;box-sizing:border-box;position:relative;}


/*arrow and link*/
.arrow1{background:url(img/circle-arrow-bk-s.png) no-repeat right;display:inline-block;padding-right:25px;background-size:18px;}
.arrow2{background:url(img/circle-arrow-bl-s.png) no-repeat right;display:inline-block;padding-right:25px;background-size:18px;}

/*btn*/
.btn1{background:#fff;color:#03325d;display:inline-block;padding:5px 30px;border-radius:5px;}
.btn1 span{background:url(img/circle-arrow-bl-s.png) no-repeat right;padding-right:25px;display:inline-block;background-size:16px;font-size:16px;font-weight:bold;}
.btn1.border-g{border:1px solid #ccc;}
.btn1:hover{zoom:1;  filter:alpha(opacity=70); /* IE6/7 */  -ms-filter:"alpha(opacity=70)"; /* IE8 */  -moz-opacity:0.70; /* Firefox */   opacity:0.70;}
.btn2{background:#1a7bd0;color:#fff;display:inline-block;padding:10px 0;border-radius:5px;width:260px;text-align:center;}
.btn2 span{background:url(img/circle-arrow-bk-s.png) no-repeat right;padding-right:28px;display:inline-block;background-size:18px;font-weight:bold;}
.btn2:hover{zoom:1;  filter:alpha(opacity=70); /* IE6/7 */  -ms-filter:"alpha(opacity=70)"; /* IE8 */  -moz-opacity:0.70; /* Firefox */   opacity:0.70;}
.btn1 span.mini,.btn2 span.mini{padding-right:25px;background-size:13px;font-size:12px;font-weight:bold;}
.btn3{background:#1a7bd0;padding:10px 0;width:260px;border-radius:5px;text-align:center;color:#fff;display:inline-block;}
.btn3 span{font-size:16px;font-weight:bold;display:inline-block;}
.btn3 span.popup{background:url(img/popup-icon.png) no-repeat right;padding-right:20px;background-size:13px;}
.btn3:hover{zoom:1;  filter:alpha(opacity=70); /* IE6/7 */  -ms-filter:"alpha(opacity=70)"; /* IE8 */  -moz-opacity:0.70; /* Firefox */   opacity:0.70;}


/*breadcrumb*/
#breadcrumb{border-top:1px solid #ccc;padding:5px 0;position:absolute;left:0;right:0;bottom:0;z-index:1000;}
#breadcrumb > ul{width:1040px;margin:0 auto;letter-spacing:-0.4em;}
#breadcrumb > ul li{display:inline-block;letter-spacing:normal;font-size:13px;color:#666;}
#breadcrumb > ul li a{color:#666;}
#breadcrumb > ul li+li{margin-left:20px;position:relative;}
#breadcrumb > ul li+li::before{content:'';position:absolute;left:-15px;top:0;bottom:0;margin:auto 0;width:6px;height:6px;border-top:1px solid #666;border-right:1px solid #666;-webkit-transform:rotate(45deg);transform:rotate(45deg);}

/*hdline*/
.hdline1{text-align:center;margin-bottom:55px;position:relative;font-size:26px;font-weight:bold;color:#03325d;}
.hdline1::before{height:2px;content:'';background:#cbd5d0;width:120px;margin:0 auto;left:0;right:0;bottom:-5px;position:absolute;}
.hdline1::after{content:'';left:0;right:0;margin:0 auto;bottom:-15px;position:absolute;width:0;height:0;border:6px solid transparent;border-top:6px solid #cbd5d0;}
.hdline2{text-align:center;margin-bottom:55px;position:relative;font-size:27px;font-weight:bold;color:#03325d;}
.hdline2::before{height:3px;content:'';background:#1a7bd0;width:60px;margin:0 auto;left:0;right:0;bottom:-8px;position:absolute;}
.hdline3{text-align:left;margin-bottom:40px;position:relative;font-size:27px;font-weight:bold;color:#03325d;}
.hdline3::before{height:3px;content:'';background:#1a7bd0;width:60px;margin:0 auto;left:0;bottom:-8px;position:absolute;}
.hdline4 {margin-bottom: 54px;text-align: center;color: #1A7BD0;font-size: 27px;font-weight: bold;}
.hdline5 {margin-bottom: 34px;text-align: center;font-size: 18px;font-weight: 700;letter-spacing: 0.05em;}
.hdline6 {margin-bottom: 29px;text-align: center;color: #1A7BD0;font-size: 24px;font-weight: bold;}


/*table*/
.t01 th,.t01 td{padding:15px 0;border-bottom:1px dotted #2050a4; vertical-align:top;}
.t01 th{font-weight:bold;color:#2050a4;text-align:left;}

/*box*/

/*text*/




/*===== footer ============================================*/
#footer{background:#454545;position:relative;z-index:1000;}
#footer a{color:#fff;}
#footer a:hover{zoom:1;  filter:alpha(opacity=70); /* IE6/7 */  -ms-filter:"alpha(opacity=70)"; /* IE8 */  -moz-opacity:0.70; /* Firefox */   opacity:0.70;}
#footer .ft-logo{padding:100px 0 80px;text-align:center;}
#footer .ft-logo a{width:170px;height:40px;display:inline-block;}
#footer .ft-logo02{padding:40px 0 40px;text-align:center;}
#footer ul{letter-spacing:-0.4em;text-align:center;padding:50px 0;}
#footer ul li{letter-spacing:normal;display:inline-block;font-size:13px;}
#footer ul li+li{margin-left:30px;}
#footer ul.ft-subnavi{border-top:1px solid #cccccc;padding:10px 0;}
#footer ul.ft-subnavi a{font-size:11px;}
#footer #copy{color:#fff;text-align:center;padding-bottom:15px;font-size:11px;}
#footer #page_top{position:fixed; right:10px; bottom:0; padding:10px;z-index:100;}
#footer #page_top a{display:block;background:url(img/pagetop.png);width:40px;height:40px;text-indent:-9999px;background-size:contain;}
#footer .ft-seal{position:absolute; width:260px; bottom:40px; right:20px;}




.sp{display:none!important;}
}








@media screen and (max-width:767px) {
.pc{display:none!important;}
input[type="submit"] {-webkit-appearance:none;}
.f-l,.f-r{float:none;}
iframe{width:100%;}
img{max-width:100%;}
#wrapper{padding-top:50px;box-sizing:border-box;}
.charm_img img {display: block; margin: 0 auto;}

/*arrow and link*/
.arrow1{background:url(img/circle-arrow-bk-s.png) no-repeat right 5px;display:inline-block;padding-right:25px;background-size:18px;}
.arrow2{background:url(img/circle-arrow-bl-s.png) no-repeat right 5px;display:inline-block;padding-right:25px;background-size:18px;}


/*btn*/
.btn1{background:#fff;color:#03325d;display:inline-block;padding:5px 30px;border-radius:5px;}
.btn1 span{background:url(img/circle-arrow-bl-s.png) no-repeat right;padding-right:25px;display:inline-block;background-size:16px;font-size:16px;font-weight:bold;}
.btn1.border-g{border:1px solid #ccc;}
.btn2{background:#1a7bd0;color:#fff;display:block;padding:10px 0;border-radius:5px;width:100%;box-sizing:border-box;text-align:center;}
.btn2 span{background:url(img/circle-arrow-bk-s.png) no-repeat right;padding-right:28px;display:inline-block;background-size:18px;font-weight:bold;}
.btn1 span.mini,.btn2 span.mini{padding-right:25px;background-size:13px;font-size:12px;font-weight:bold;}
.btn3{background:#1a7bd0;padding:10px 0;width:100%;border-radius:5px;text-align:center;color:#fff;display:block;}
.btn3 span{font-size:16px;font-weight:bold;display:inline-block;}
.btn3 span.popup{background:url(img/popup-icon.png) no-repeat right;padding-right:20px;background-size:13px;}

/*breadcrumb*/
#breadcrumb{padding:10px 10px 10px;}
#breadcrumb > ul{letter-spacing:-0.4em;}
#breadcrumb > ul li{display:inline-block;letter-spacing:normal;font-size:12px;color:#666;}
#breadcrumb > ul li a{color:#666;}
#breadcrumb > ul li+li{margin-left:20px;position:relative;}
#breadcrumb > ul li+li::before{content:'';position:absolute;left:-15px;top:0;bottom:0;margin:auto 0;width:6px;height:6px;border-top:1px solid #666;border-right:1px solid #666;-webkit-transform:rotate(45deg);transform:rotate(45deg);}

/*hdline*/
.hdline1{text-align:center;margin-bottom:30px;position:relative;font-size:20px;font-weight:bold;color:#03325d;}
.hdline1::before{height:2px;content:'';background:#cbd5d0;width:120px;margin:0 auto;left:0;right:0;bottom:-5px;position:absolute;}
.hdline1::after{content:'';left:0;right:0;margin:0 auto;bottom:-15px;position:absolute;width:0;height:0;border:6px solid transparent;border-top:6px solid #cbd5d0;}
.hdline2{text-align:center;margin-bottom:30px;position:relative;font-size:20px;font-weight:bold;color:#03325d;}
.hdline2::before{height:2px;content:'';background:#1a7bd0;width:60px;margin:0 auto;left:0;right:0;bottom:-8px;position:absolute;}
.hdline3{text-align:left;margin-bottom:30px;position:relative;font-size:20px;font-weight:bold;color:#03325d;}
.hdline3::before{height:2px;content:'';background:#1a7bd0;width:60px;margin:0 auto;left:0;bottom:-8px;position:absolute;}
.hdline4 {margin-bottom: 70px;text-align: center;color: #1A7BD0;font-size: 20px;font-weight: bold;line-height: 1.5;}
.hdline5 {margin-bottom: 28px;text-align: center;font-size: 15px;font-weight: 700;letter-spacing: 0.05em;}
.hdline6 {margin-bottom: 21px;text-align: center;color: #1A7BD0;font-size: 20px;font-weight: bold;}


/*table*/

/*link*/





/*===== footer ============================================*/
#footer{background:#454545;z-index:1000;position:relative;overflow: hidden;}
#footer a{color:#fff;}
#footer .ft-logo{display:none;}
#footer .ft-logo02{text-align:center; margin: 0 0 20px; width:100%;}
#footer .ft-logo02 img{max-height:20px; width: auto;}
#footer .ft-logo a{width:170px;height:40px;display:inline-block;}
#footer ul.ft-navi{letter-spacing:-0.4em;text-align:center;border-top:1px solid #aaa;}
#footer ul.ft-navi li{letter-spacing:normal;display:inline-block;font-size:13px;width:50%;box-sizing:border-box;border-bottom:1px solid #aaa;}
#footer ul.ft-navi li:nth-child(2n){border-left:1px solid #aaa;}
#footer ul.ft-navi li a{display:block;padding:10px 0;text-align:center;position:relative;}
#footer ul.ft-navi li a::after{content:'';position:absolute;right:10px;top:0;bottom:0;margin:auto 0;width:5px;height:5px;border-top:2px solid #fff;border-right:2px solid #fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
#footer ul.ft-navi li:nth-child(odd) a::after{right:16px;}
#footer ul.ft-subnavi{font-size:10px;padding:20px 10px 30px;letter-spacing:-0.4em;line-height:120%;}
#footer ul.ft-subnavi li{display:inline-block;letter-spacing:normal;margin-right:10px;margin-top:10px;padding-right:10px;border-right:1px solid #fff;line-height:120%;}
#footer ul.ft-subnavi li a{line-height:120%;}
#footer #copy{color:#fff;text-align:center;padding-bottom:15px;font-size:10px;}
#footer #page_top{position:relative!important; top:0!important;left:0!important}
#footer #page_top a{display:block;padding:10px 0;background:#1a7bd0;text-align:center;}
#footer #page_top a > span{display:inline-block;background:url(img/sp-pagetop.png) left no-repeat;padding-left:20px;background-size:15px;}

#footer .ft-seal{margin-bottom: 20px;}
#footer .ft-seal img{width:130px; margin:auto; display:block;}

.about.vision::before {display: none;}

.about.vision h1 {
    width: 160px;
    height: auto;
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    margin: auto;
    background: none;
    text-align: left;
    padding-top: 0;
    box-sizing: border-box;
    z-index: 1;
}

.about.vision section i img {
    width: auto!important;
}

}

