/*
 Theme Name:   mechavocation2025
 Theme URI:    https://mechavocation.com/mecha2025/
 Description:  メカボ2025のテーマです。
 Author:       kousoku@manager
 Author URI:
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/
@charset "utf-8";

/*------------------------------------*\
	MAIN
\*------------------------------------*/

::-moz-selection {
   background: #94aef6;
   color: #fff;
}
::selection {
   background: #94aef6;
   color: #fff;
}

html{
	overflow: auto;
	/* font-family: 'Noto Sans JP', sans-serif; */
	font-family: "IBM Plex Sans JP", sans-serif;
}

p{
	color: #353c45;
	margin: 0;
}

.contents p {
	margin: 1em auto;
	line-height: 1.7;
}

ul{
	padding: 0;
	margin: 0;
}

li{
	list-style: none;
}

h1, h2, h3, h4, h5{
	margin: 0;
	padding: 0;
}

.wrap-svg {
	display: none;
}

/* tag color */
.tag {
	position: relative;
	color: #fff;
	font-weight: normal;
	background:gray;
}
.tag .icon {
	width: 18px;
	height: 18px;
	padding-right: .5em;
	vertical-align: sub;
	fill: #fff;
}
.tag.notice {
	background: #6f7f96;
}

.tag.purchase {
	background: #9a63c1;
}

.tag.insurance {
	background: #fe8fa7;
}

.tag.jdcard {
	background: #ffc382;
}

.tag.life-support {
	background: #40b373;
}

.tag.travel-support {
	background: #6a99d4;
}

.tag.supply {
	background-color: #ca1a1a;
}

.tag.medical {
	background-color: #005aad;
}

.tag.book {
	background-color: #202f74;
}

.tag.magazine{
	background-color: #1b60a5;
}

.tag.pencil {
	background-color: #ed7328;
}

span.mark {
	font-size: 10px;
	vertical-align: top;
}

.big {
	font-size: 120%;
}

span.blue {
	color: #005aad;
}

.sl-wrapper {
	background: #000000ad;
}

/* --- SP ---------- */

@media print, screen and (max-width: 740px) {

	body {
		width: 100%;
		margin: 0;
		padding: 0;
		line-height: 160%;
		-webkit-text-size-adjust:100%;
		overflow: hidden;
	}
}

/* --- PC ---------- */

@media print, screen and (min-width: 741px) {

	body {
		width: 100%;
		margin: 0;
		padding: 0;
		font-size: 100%;
		line-height: 160%;
		-webkit-text-size-adjust:100%;
		overflow: hidden;
	}

	a[href^="tel:"] {
		pointer-events: none;
		color: #000;
	}

	a:hover img {
		opacity: .75;
	}

	html{
		overflow: auto;
	}

	.button a {
		display: inline-block;
		position: relative;
		font-size: 90%;
		color: #3c66dd;
		border-radius: 20px;
		padding: 1px 25px 1px 10px;
		border: 1px solid #3c66dd;
		line-height: 1.5;
	}

	.button a::after {
		position: absolute;
		content: "";
		border-top: 1px solid #3c66dd;
		border-right: 1px solid #3c66dd;
		width: 6px;
		height: 6px;
		display: inline-block;
		transform: rotate(45deg) translateY(-50%);
		top: 46%;
		right: 12px;
	}

	.button a:hover {
		color: #fff;
		background-color: #3c66dd;
	}

	.button a:hover::after {
		border-color: #fff;
	}
}

.disabled {
	cursor: default !important;
	background-color: #959595;
	border: 2px solid #959595;
}

.disabled:hover {
	color: #fff;
}

.break-spaces {
	white-space: break-spaces;
}



/* リンク */

/* 基本 */

a{
	text-decoration: none;
	color: #666;
}

a:hover, a:active {
	text-decoration: none;
}

a img {
	border: none;
}

img{
	vertical-align: bottom;
}

.opac a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}

a:hover img.opac {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}

.transition{
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	-ms-transition: 0.8s;
	transition: 0.8s;
}

.clearfix:after {
	content: "";
	clear: both;
	display: block;
}

.bold {
	font-weight: bold;
}

img {
	max-width: 100%;
	width: auto;
	height: auto;
}

/* ヘッダー */

/* --- SP ---------- */
@media print, screen and (max-width: 740px) {

	.header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		border-top: 2px solid #3c66de;
		height: 85px;
		background-color: #fff;
		border-bottom: 1px solid #bbe5fe;
		box-sizing: border-box;
		z-index: 1001;
	}

	.header .ly-header {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}

	.header.fixed .ly-header {}

	.header .sec-logo {
		margin-left: 10px;
	}

	.header .sec-logo::before {
		content: '';
		display: inline-block;
		position: fixed;
		top: 0;
		left: 0;
		width: 0;
		height: 0;
		opacity: 0;
		background-color: #000;
	}

	.header .sec-logo .main-title {
		padding: 0 0 0;
		font-weight: normal;
		font-size: 10px;
		color: #555;
		line-height: 1.5;
	}

	.header .sec-logo .main-logo {
		margin: 0;
	}

	.header .sec-logo .main-logo img {}

	.header.fixed .ly-header .sec-logo .main-logo {
		position: fixed;
		top: 0;
		left: 0;
		margin: 0;
		width: 100%;
		background-color: #fff;
		height: 80px;
		padding: 10px 0 0 10px;
		box-sizing: border-box;
	}

	.header .sec-logo .main-logo a {}

	.header input[id='menu'],
	.header label[for='menu'] {
		display: none;
	}

	.header .sec-navi {
		position: fixed;
		top: 0;
		right: 0;
		width: 0;
		opacity: 0;
		background-color: #fafaee;
		height: 100%;
		overflow-y: auto;
		box-sizing: border-box;
		z-index: 10;
	}

	.header .sec-navi .wrap {
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		flex-direction: column;
		padding: 5px 15px 0 10px;
		box-sizing: border-box;
	}

	.header .sec-navi .bl-tel {
		width: 90%;
		margin: 30px auto 15px;
	}

	.header .sec-navi .bl-tel .el-icon {
		background-color: #ffffff;
		border-radius: 10px;
		padding: 15px 15px;
		box-sizing: border-box;
	}

	.header .sec-navi .bl-tel .el-icon img {

	}

	.header .sec-navi .bl-circle {
		width: 100%;
	}

	.header .sec-navi .bl-circle.access {
		display: none;
	}

	.header .sec-navi .bl-circle.download {
		display: none;
	}

	.header .sec-navi .bl-circle {
		order: 1;
	}

	.header .sec-navi .bl-circle .el-icon {
		position: relative;
		text-align: center;
		display: inline-block;
		width: 40px;
		height: 40px;
		background-color: #fafaee;
		border-radius: 50%;
		-webkit-transform: perspective(1px) translateZ(0);
		transform: perspective(1px) translateZ(0);
	}

	.header .sec-navi .bl-circle .el-icon::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: inline-block;
		width: 0;
		height: 0;
		border-radius: 50%;
		transform: scale(0);
		opacity: 0;
		transition: transform .36s cubic-bezier(.175, .885, .32, 1.275), opacity .36s cubic-bezier(.165, .84, .44, 1);
	}

	.header .sec-navi .bl-circle:hover .el-icon::before {
		width: 100%;
		height: 100%;
		background-color: #fbf2bc;
		opacity: 1;
		transform: scale(1);
	}

	.header .sec-navi .bl-circle .el-icon img {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		-webkit-transform: translateY(-50%) translateX(-50%);
	}

	.header .sec-navi .bl-circle .el-text {
		font-size: 12px;
		font-weight: bold;
	}

	.header .sec-navi .bl-circle.login .el-icon {
		display: none;
	}

	.header .sec-navi .bl-circle.login .el-text {
		max-width: 300px;
		margin: 0 auto 16px;
		padding: 15px 0;
		box-sizing: border-box;
		text-align: center;
		color: #fff;
		border-radius: 35px;
		background-color: #685046;
		font-size: 16px;
	}

	.header .sec-navi .bl-contact {
		order: 4;
		width: 90%;
		margin: 0 auto 30px;
	}

	.header .sec-navi .bl-contact figure {
		position: relative;
	}

	.header .sec-navi .bl-contact figure::after {
		top: 18px;
		right: auto;
		left: 56px;
		width: 25px;
		height: 33px;
	}

	.header .sec-navi .nav-menu {
		width: 100%;
	}

	.header .sec-navi .nav-menu .ly-menu {}

	.header .sec-navi .nav-menu .bl-menu {
		position: relative;
		display: block;
		box-sizing: border-box;
	}

	.header .sec-navi .nav-menu .bl-menu .box {
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 15px 10px;
		box-sizing: border-box;
		border-bottom: 1px dashed #ccc;
		cursor: pointer;
	}

	/* .header .sec-navi .nav-menu .bl-menu .box::before {
		content: '\03e';
		position: absolute;
		top: 15px;
		right: 15px;
		transform: rotate(90deg) scale(1, 2);
		font-size: 12px;
		font-family: 'ヒラギノ明朝 ProN W6';
	}

	.header .sec-navi .nav-menu .bl-menu:nth-of-type(2) .box::before,
	.header .sec-navi .nav-menu .bl-menu:nth-of-type(7) .box::before {
		content: none;
	} */

	.header .sec-navi .nav-menu .bl-menu .box .el-icon {
		position: relative;
		text-align: center;
		display: inline-block;
		width: 20px;
		height: 20px;
		margin: 0 8px 0 0;
	}

	.header .sec-navi .nav-menu .bl-menu .box .el-icon svg {
		width: 100%;
		height: 100%;
	}

	.header .sec-navi .nav-menu .bl-menu .box .el-icon img {
		width: 20px;
		vertical-align: text-top;
	}

	.header .sec-navi .nav-menu .bl-menu .box .el-title {
		font-weight: bold;
		font-size: 16px;
		line-height: 1;
	}

	.header .sec-navi .nav-menu .bl-menu .box .el-text {
		display: none;
		font-size: 6px;
		font-weight: bold;
		color: #6e7f96;
	}

	.header .sec-navi .nav-menu .bl-menu.active .child-menu {
		display: block;
	}

	.header .sec-navi .nav-menu .bl-menu .child-menu ul {}

	.header .sec-navi .nav-menu .bl-menu .child-menu li {
		text-align: left;
	}

	.header .sec-navi .nav-menu .bl-menu .child-menu li .child-box {
		display: inline-block;
		width: 100%;
		padding: 13px 10px;
		box-sizing: border-box;
	}

	.header .sec-navi .nav-menu .bl-menu .child-menu li .child-title {
		position: relative;
		text-align: left;
		font-weight: bold;
		font-size: 16px;
		line-height: 1;
	}

	.header .sec-navi .nav-menu .bl-menu .child-menu li .child-box:hover .child-title {
		color: #148454;
	}

	.header .child-box.lock .child-title::after {
		content: '';
		position: absolute;
		display: inline-block;
		width: 12px;
		height: 16px;
		background: url(images/common/ico-lock.svg) center top no-repeat;
		background-size: cover;
		margin-left: 10px;
	}

	.header label[for='menu'] {
		position: absolute;
		top: 0;
		right: 0;
		display: flex;
		height: 50px;
		width: 50px;
		justify-content: center;
		align-items: center;
		z-index: 100;
		cursor: pointer;
	}

	.header label[for='menu'] span,
	.header label[for='menu'] span::before,
	.header label[for='menu'] span::after {
		content: '';
		display: block;
		height: 3px;
		width: 32px;
		background: #464646;
		transition: 0.2s;
		position: absolute;
	}

	.header label[for='menu'] span::before {
		bottom: 8px;
	}

	.header label[for='menu'] span::after {
		top: 8px;
	}

	.header label[for='menu'] p {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		text-align: center;
		line-height: 1;
		letter-spacing: 0;
		font-size: 12px;
	}

	#menu:checked~.sec-navi {
		display: block;
		max-width: 600px;
		width: 100%;
		opacity: 1;
	}

	#menu:checked~label[for='menu'] span {
		background: rgba(255, 255, 255, 0);
	}

	#menu:checked~label[for='menu'] span::before {
		bottom: 0;
		transform: rotate(45deg);
	}

	#menu:checked~label[for='menu'] span::after {
		top: 0;
		transform: rotate(-45deg);
	}

	#menu:checked~label[for='menu'] p {
		font-size: 0;
	}

	.header.lower {}

	.header.lower .ly-header {
		height: 70px;
	}

	.header .sec-navi .nav-sub {
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
		background-color: #3c66de;
		box-sizing: border-box;
		text-align: center;
	}

	.header .sec-navi .nav-sub .link {
		display: inline-block;
		padding: 5px 6px;
		box-sizing: border-box;
		color: #fff;
		font-size: 12px;
	}

	.header .sec-navi .nav-sub .link:hover {
		opacity: .75;
	}

	.header .sec-navi .nav-sub .link .img {
		display: inline-block;
		vertical-align: sub;
	}

	.header.lower .ly-header .sec-logo .main-logo {
		position: fixed;
		top: 0;
		left: 0;
		margin: 0;
		width: 100%;
		background-color: #fff;
		height: 80px;
		padding: 10px 0 0 10px;
		box-sizing: border-box;
	}

	.header.lower .ly-header label[for='menu'] {
		position: fixed;
		top: 1px;
		right: 10px;
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 100;
		cursor: pointer;
		transform: none;
	}

}

/* --- PC ---------- */
@media print, screen and (min-width: 741px) {

	.header .header-wrap {
		position: relative;
		border-top: 3px solid #3c66de;
		box-sizing: border-box;
	}

	.header .ly-header {
		max-width: 1200px;
		width: 100%;
		margin: 0 auto;
		position: relative;
		height: 160px;
		z-index: 1000;
	}

	.header .ly-header input[id='menu'],
	.header .ly-header label[for='menu'] {
		display: none;
	}

	.header .sec-logo {
		position: absolute;
		top: 0;
		left: 0;
	}

	.header .sec-logo .main-title {
		padding: 3px 0 0;
		font-weight: normal;
		font-size: 12px;
		color: #999;
	}

	.header .sec-logo .main-logo {
		margin: 5px auto;
	}

	.header .sec-navi .bl-tel {
		position: absolute;
		top: 45px;
		right: 0;
	}

	.header .sec-navi .nav-menu {
		position: absolute;
		bottom: 10px;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 100%;
	}

	.header .sec-navi .nav-menu .ly-menu {
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}

	.header .sec-navi .nav-menu .bl-menu {
		position: relative;
		display: block;
		width: calc(100% / 6);
		box-sizing: border-box;
		text-align: center;
	}

	.header .sec-navi .nav-menu .bl-menu::before {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		height: 100%;
		border-left: 2px dashed #9ba4b5;
	}

	.header .sec-navi .nav-menu .bl-menu:last-of-type::after {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		margin: auto;
		height: 100%;
		border-left: 2px dashed #9ba4b5;
	}

	.header .sec-navi .nav-menu .bl-menu .box {
		display: flex;
		display: -webkit-flex;
		display:-ms-flexbox;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.header .sec-navi .nav-menu .bl-menu .box .el-icon {
		position: relative;
		text-align: center;
		display: inline-block;
		width: 40px;
		height: 40px;
		margin: 0 15px 0 0;
	}

	.header .sec-navi .nav-menu .bl-menu .box .el-title {
		font-weight: bold;
		font-size: 17px;
		line-height: 1;
		margin: 0;
	}

	.header .sec-navi .nav-menu .bl-menu .box .el-text {
		font-size: 12px;
		/* font-weight: bold; */
		color: #6e7f96;
		/* letter-spacing: 1px; */
		line-height: 2;
	}

	.header .sec-navi .nav-menu .bl-menu .child-menu {
		position: absolute;
		left: 0;
		right: 0;
		display: none;
	}

	.header .sec-navi .nav-menu .bl-menu:hover .child-menu {
		display: block;
	}

	.header .sec-navi .nav-menu .bl-menu .child-menu ul {
		width: max-content;
		min-width: 100%;
		margin: 10px auto 0;
		box-sizing: border-box;
	}

	.header .sec-navi .nav-menu .bl-menu .child-menu li {
		text-align: left;
	}

	.header .sec-navi .nav-menu .bl-menu .child-menu li .child-box {
		display: inline-block;
		width: 100%;
		padding: 13px;
		box-sizing: border-box;
		color: #fff;
		background-color: #3c66de;
		border-bottom: 1px dotted #eee;
	}

	.header .sec-navi .nav-menu .bl-menu .child-menu li:last-of-type .child-box {
		border-bottom: 0;
	}

	.header .sec-navi .nav-menu .bl-menu .child-menu li .child-title {
		position: relative;
		text-align: left;
		font-size: 16px;
		line-height: 1;
		color: #fff;
	}
	.header .sec-navi .nav-menu .bl-menu .child-menu li .child-box:hover {
		background-color: #94aef6;
	}

	.header .child-box.lock .child-title::after {
		content: '';
		position: absolute;
		display: inline-block;
		width: 12px;
		height: 16px;
		background: url(images/common/ico-lock.svg) center top no-repeat;
		background-size: cover;
		margin-left: 10px;
	}

	.header.lower {}

	.header.lower .ly-header {
		height: 200px;
	}

	.header .sec-navi .nav-sub {
		position: absolute;
		top: 0;
		right: 0;
		background-color: #3c66de;
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px;
		box-sizing: border-box;
		padding: 0 10px;
	}
	.header .sec-navi .nav-sub .link {
		display: inline-block;
		padding: 2px 12px;
		box-sizing: border-box;
		color: #fff;
		font-size: 13px;
	}
	.header .sec-navi .nav-sub .link:hover {
		opacity: .75;
	}
	.header .sec-navi .nav-sub .link .img {
		display: inline-block;
		vertical-align: sub;
	}

	.header.scroll {
	}

	.header.scroll .header-wrap{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		background-color: #fff;
		z-index: 1000;
		box-shadow: 0 4px 6px -4px #989898;
	}
	.header.scroll .ly-header {
		height: 62px;
	}

	.header.scroll .sec-logo,
	.header.scroll .sec-navi .bl-tel,
	.header.scroll .sec-navi .nav-sub {
		display: none;
	}

}

@media print, screen and (min-width:741px) and (max-width:1080px) {
	.header .sec-navi .nav-menu .bl-menu .box .el-icon {
		margin: 0 5px 0 0;
		width: 3vw;
		height: 3vw;
	}

	.header .sec-navi .nav-menu .bl-menu .box .el-icon img {
		width: 3vw;
		vertical-align: text-top;
	}

	.header .sec-navi .nav-menu .bl-menu .box .el-icon svg {
		width: 100%;
		height: 100%;
	}

	.header .sec-navi .nav-menu .bl-menu .box .el-title {
		font-size: 2vw;
	}

	.header .sec-navi .nav-menu .bl-menu .box .small {
		font-size: 1.5vw;
	}
}


/*  */
/* --- SP ---------- */
@media print, screen and (max-width: 740px) {

	.pc-contents{
		display: none !important;
	}

	main{
		width: 100%;
		margin: 0;
		padding: 85px 0 0;
		display: block;
		box-sizing: border-box;
	}

	.under-common{
		background: #f1f8ff;
		padding: 20px 0 40px;
	}

	.under-common section{
		background: #fff;
		padding-bottom: 5px;
		margin-bottom: 25px;
	}

	.contents{
		margin: auto;
	}

	.w-common{
		max-width: 1200px;
		width: 90%;
		margin: 0 auto;
		box-sizing: border-box;
	}

	ul.breadcrumbs {
		max-width: 1200px;
		width: 90%;
		margin: 0 auto .5em;
	}

	ul.breadcrumbs li {
		display: inline;
		list-style: none;
		font-size: 13px;
	}

	ul.breadcrumbs li::after {
		content: " \03e ";
	}

	ul.breadcrumbs li:last-child::after {
		content: "";
	}

	ul.breadcrumbs li:last-child {
		color: #0068b6;
	}

	main .main-title {
		margin-bottom: 20px;
	}

	main .main-title .icon {
		text-align: center;
		margin-bottom: 10px;
	}

	main .main-title .title {
		text-align: center;
		font-size: 24px;
	}

	main .main-title .sub {
		text-align: center;
		font-size: 18px;
		line-height: 1.5;
		margin: 5px auto;
	}

	main .main-title .lead {
		width: 90%;
		font-size: 14px;
		margin: 30px auto;
	}

	.btn01{
		max-width: 300px;
		width: 100%;
		margin: auto;
	}

	.btn01 a{
		position: relative;
		display: block;
		color: #fff;
		border-radius: 10px;
		padding: 15px 0;
		background: #0068b6;
		font-weight: bold;
		text-align: center;
	}

	.btn01 a:hover{
		text-decoration: none;
		background: #3c66de;
		transition: all 600ms 0s ease;
	}

	.btn01 a::after{
		content: "";
		position: absolute;
		border: solid #fff;
		border-width: 0 3px 3px 0;
		display: inline-block;
		padding: 4px;
		transform: rotate(-45deg) translateY(-50%);
		top: 46%;
		right: 4%;
	}

	.category {
		width: 120px;
		padding: 0 1em 5px 0;
		color: #fff;
		box-sizing: border-box;
	}

	.category .tag {
		display: block;
		color: #fff;
		border-radius: 5px;
		font-size: 12px;
		text-align: center;
	}

	#information .info-wrap ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		margin: 0;
		padding: 10px 0 10px;
		border-bottom: 1px solid #3c66dd;
	}

	#information .info-wrap ul li {
		list-style: none;
		width: calc(100% / 5);
	}

	#information .info-wrap ul li a {
		display: block;
		text-align: center;
		background-color: #f3f4f8;
		padding: 5px 0;
		font-weight: bold;
		color: #1c2835;
		box-shadow: 0 0 0 2px #fff inset;
		border-radius: 5px;
		font-size: 11px;
	}

	#information .info-wrap ul li a:hover,
	#information .info-wrap ul li a.select {
		color: #fff;
		background-color: #3c66dd;
	}

	#information .info-wrap .archive {
		width: 100%;
		border-collapse: collapse;
		border-spacing: 0;
		font-size: 95%;
	}

	#information .info-wrap .archive .article {
		display: block;
		border-bottom: 1px solid #dedede;
		padding: 16px 8px;
		box-sizing: border-box;
	}

	#information .info-wrap .archive .title {
		position: relative;
		overflow: hidden;
		text-overflow: ellipsis;
		word-wrap: break-word;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		color: #353c45;
		font-size: 14px;
		font-weight: bold;
	}

	#information .info-wrap .archive .date {
		font-size: 12px;
	}

	#information .info-wrap .archive tr {
		display: flex;
		flex-wrap: wrap;
		padding: 2% 0;
		border-bottom: 1px solid #dedede;
		position: relative;
	}

	#information .info-wrap .archive tr::after {
		position: absolute;
		content: "";
		border-top: 2px solid #3c66dd;
		border-right: 2px solid #3c66dd;
		width: 6px;
		height: 6px;
		display: inline-block;
		transform: rotate(45deg) translateY(-50%);
		top: 46%;
		right: 12px;
	}

	#information .info-wrap .archive th {
		width: 35%;
		max-width: 130px;
		padding: 1.65% 0;
		margin: 0 10px 0 0;
	}

	#information .info-wrap .archive th a {
		display: block;
		color: #fff;
		border-radius: 5px;
	}

	#information .info-wrap .archive th a.notice {
		background: #63c1c1;
	}

	#information .info-wrap .archive th a.insurance {
		background: #fe8fa7;
	}

	#information .info-wrap .archive th a.support {
		background: #6e7f96;
	}

	#information .info-wrap .archive th a.card {
		background: #ffc382;
	}

	#information .info-wrap .archive td.date {
		padding: 1.65% 0;
		text-align: center;
	}

	#information .info-wrap .archive td.title {
		width: 100%;
	}

	#information .info-wrap .archive td.title a {
		overflow: hidden;
		text-overflow: ellipsis;
		word-wrap: break-word;
		height: 1.5em;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		width: 92%;
	}

	#information .info-wrap .archive td.title a:hover {
		color: #3c66dd;
	}

	#information .info-wrap .archive td.title a::after {}

	#information .info-wrap .press {
		text-align: center;
		margin: 30px 0 0;
	}

	#information .info-wrap .press a {
		color: #fff;
		background-color: #3c66dd;
		text-decoration: none;
		font-size: 14px;
		padding: 8px 35px;
		border-radius: 20px;
	}

	#information .link-wrap {
		max-width: 336px;
		width: 90%;
		margin: auto;
	}

	#information .link-wrap .btn-link {
		margin-bottom: 10px;
	}

	#pager {
		width: 100%;
		margin: 10px auto;
		background-color: #fff;
		border-radius: 3px;
		box-sizing: border-box;
	}

	#pager .pagination {
		width: 100%;
		margin: 0 auto;
		padding: 30px 10px;
		box-sizing: border-box;
		position: relative;
		text-align: center;
	}

	#pager .pagination li {
		display: inline-block;
	}

	#pager .pagination li a,
	#pager .pagination li span {
		position: relative;
		display: block;
		text-decoration: none;
		padding: 6px 9px;
		font-size: 1rem;
		border: 1px solid #959595;
		line-height: 1;
		font-weight: bold;
		box-sizing: border-box;
	}

	#pager .pagination li a:hover,
	#pager .pagination li .current {}

	#pager .pagination .pre a {
		position: relative;
		box-sizing: border-box;
	}

	#pager .pagination .first a::after {
		content: '\0ab';
		display: block;
	}

	#pager .pagination .pre a::after {
		content: '\03c';
		display: block;
	}

	#pager .pagination .next a {
		position: relative;
		box-sizing: border-box;
	}

	#pager .pagination .next a::after {
		content: '\03e';
		display: block;
	}

	#pager .pagination .last a::after {
		content: '\0bb';
		display: block;
	}

	#pager .pagination .pre a:hover::after,
	#pager .pagination .next a:hover::after {
		border-color: #8c8c8c;
	}

	#pager .pagination .current {
		color: #fff;
		background-color: #3c66dd;
		border-color: #3c66dd;
	}
	.select-box {
		text-align: right;
		margin: 1em auto;
	}
	.select-box select {
		padding: 6px 22px;
		border-radius: 0;
		font-size: 13px;
		border-color: #959595;
		box-sizing: border-box;
	}

	#information.detail .title-wrap {
		border-bottom: 1px solid #dedede;
		padding: 30px 0 30px;
		box-sizing: border-box;
	}
	#information.detail .category {
		display: inline-block;
	}
	#information.detail .date {
		display: inline-block;
	}
}

/* --- PC ---------- */
@media print, screen and (min-width: 741px) {

	.sp-contents{
		display: none !important;
	}

	main{
		width: 100%;
		margin: 0;
		padding: 0;
		display: block;
		border-top: 1px solid #bbe5fe;
		box-sizing: border-box;
	}

	.under-common{
		background: #f1f8ff;
		padding: 50px 0 60px;
	}

	.under-common section{
		background: #fff;
	}

	.contents{
		width: 100%;
		margin: auto;
	}

	.w-common{
		max-width: 1200px;
		width: 90%;
		margin: 0 auto;
		box-sizing: border-box;
	}

	ul.breadcrumbs{
		max-width: 1200px;
		width: 90%;
		margin: 0 auto 1em;
	}

	ul.breadcrumbs li{
		display: inline;
		list-style: none;
		font-size: 13px;
	}

	ul.breadcrumbs li::after{
		content: " \03e ";
		margin: 0 5px;
	}

	ul.breadcrumbs li:last-child::after{
		content: "";
	}

	ul.breadcrumbs li:last-child{
		color: #0068b6;
	}

	main .main-title {
		margin-bottom: 50px;
	}
	main .main-title .icon {
		text-align: center;
		margin-bottom: 15px;
	}
	main .main-title .title {
		text-align: center;
	}
	main .main-title .sub {
		text-align: center;
		font-size: 20px;
		line-height: 1.5;
		margin: 5px auto;
	}

	main .main-title .lead {
		text-align: center;
		margin: 30px auto;
	}

	.btn01{
		max-width: 300px;
		width: 100%;
		margin: auto;
	}

	.btn01 a{
		position: relative;
		display: block;
		font-size: 115%;
		color: #fff;
		border-radius: 10px;
		padding: 18px 0;
		background: #0068b6;
		font-weight: bold;
		text-align: center;
	}

	.btn01 a:hover{
		text-decoration: none;
		background: #3c66de;
		transition: all 600ms 0s ease;
	}

	.btn01 a::after{
		content: "";
		position: absolute;
		border: solid #fff;
		border-width: 0 3px 3px 0;
		display: inline-block;
		padding: 4px;
		transform: rotate(-45deg) translateY(-50%);
		top: 46%;
		right: 4%;
	}

	.category {
		width: 150px;
		padding: 1.65% 1em 1.65% 0;
		color: #fff;
		box-sizing: border-box;
	}

	.category .tag {
		display: block;
		color: #fff;
		border-radius: 5px;
		font-size: 14px;
		text-align: center;
	}

	#information .info-wrap ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 0;
		padding: 0;
		border-bottom: 1px solid #3c66dd;
	}

	#information .info-wrap ul li {
		list-style: none;
		width: calc(100% / 5);
	}

	#information .info-wrap ul li a {
		position: relative;
		display: block;
		text-align: center;
		background-color: #f3f4f8;
		padding: 10px 0;
		font-weight: bold;
		color: #1c2835;
	}

	#information .info-wrap ul li a:hover,
	#information .info-wrap ul li a.select {
		color: #fff;
		background-color: #3c66dd;
	}

	#information .info-wrap ul li a::after {
		content: '';
		display: inline-block;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		margin: auto 0;
		width: 1px;
		height: 70%;
		background-color: #babcbb;
	}

	#information .info-wrap ul li:last-of-type a::after {
		content: none;
	}

	#information .info-wrap ul li a:hover::after,
	#information .info-wrap ul li a.select::after {
		content: none;
	}

	#information .info-wrap .archive {
		width: calc(100% - 20px);
		border-collapse: collapse;
		border-spacing: 0;
		font-size: 95%;
		margin: 10px auto 0;
	}

	#information .info-wrap .archive .article {
		position: relative;
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		border-bottom: 1px solid #dedede;
		box-sizing: border-box;
	}

	#information .info-wrap .archive .article::after {
		position: absolute;
		content: "";
		border-top: 1px solid #000;
		border-right: 1px solid #000;
		width: 4px;
		height: 4px;
		display: inline-block;
		transform: rotate(45deg) translateY(-50%);
		top: 46%;
		right: 12px;
	}

	#information .info-wrap .archive .article:hover {
		opacity: .85;
	}

	#information .info-wrap .archive .title {
		width: calc(100% - 300px);
		position: relative;
		overflow: hidden;
		text-overflow: ellipsis;
		word-wrap: break-word;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		height: 1.5em;
		position: relative;
		color: #353c45;
		font-weight: bold;
	}

	#information .info-wrap .archive .date {
		width: 150px;
		padding: 1.65% 20px 1.65% 0;
		text-align: center;
		color: #666;
		font-size: 14px;
		box-sizing: border-box;
	}

	#information .info-wrap .press {
		text-align: center;
		margin: 30px 0 0;
	}

	#information .info-wrap .press a {
		color: #fff;
		background-color: #3c66dd;
		text-decoration: none;
		font-size: 14px;
		padding: 8px 35px;
		border-radius: 20px;
	}

	#information .info-wrap .press a:hover {
		background-color: #93aef5;
	}

	#information .link-wrap {
		width: 28%;
	}

	#information .link-wrap .btn-link {
		margin-bottom: 10px;
	}

	#pager {
		margin: 16px auto;
		background-color: #fff;
		border-radius: 3px;
		box-sizing: border-box;
	}

	#pager .pagination {
		width: 100%;
		margin: 0 auto;
		padding: 0 16px;
		box-sizing: border-box;
		position: relative;
		text-align: center;
		/* line-height: 0; */
	}

	#pager .pagination li {
		display: inline-block;
	}

	#pager .pagination li a,
	#pager .pagination li span {
		position: relative;
		display: block;
		text-decoration: none;
		padding: 7.5px 11px;
		font-size: 1rem;
		border: 1px solid #959595;
		line-height: 1;
		font-weight: bold;
		margin: 0 2px;
		box-sizing: border-box;
	}

	#pager .pagination li a:hover,
	#pager .pagination li .current {}

	#pager .pagination .pre a {
		position: relative;
		box-sizing: border-box;
	}

	#pager .pagination .first a::after {
		content: '\0ab';
		display: block;
	}

	#pager .pagination .pre a::after {
		content: '\03c';
		display: block;
	}

	#pager .pagination .next a {
		position: relative;
		box-sizing: border-box;
	}

	#pager .pagination .next a::after {
		content: '\03e';
		display: block;
	}

	#pager .pagination .last a::after {
		content: '\0bb';
		display: block;
	}

	#pager .pagination .pre a:hover::after,
	#pager .pagination .next a:hover::after {
		border-color: #8c8c8c;
	}

	#pager .pagination .current,
	#pager .pagination a:hover {
		color: #fff;
		background-color: #3c66dd;
		border-color: #3c66dd;
	}
	.select-box {
		text-align: right;
		margin: 1em auto;
	}
	.select-box select {
		padding: 8px 25px;
		border-radius: 0;
		font-size: 16px;
		border-color: #959595;
		box-sizing: border-box;
	}
	#information.detail .title-wrap {
		border-bottom: 1px solid #dedede;
		padding: 0 0 30px;
		box-sizing: border-box;
	}
	#information.detail .category {
		display: inline-block;
	}
	#information.detail .date {
		display: inline-block;
	}
}

@media print, screen and (min-width:741px) {
	main {
		padding-top: 50px;
	}
}


/* フッター */
/* --- SP ---------- */
@media print,
screen and (max-width: 740px) {

	footer {
		position: relative;
	}

	footer .page-top {
		position: fixed;
		right: 4%;
		bottom: 10px;
	}

	footer .page-top img {
		width: 30px;
	}

	.ft-btn-wrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		display: none;
	}

	.ft-btn-wrap div {
		width: 50%;
	}

	.ft-btn-wrap div a {
		display: block;
		color: #fff;
		padding: 4.5% 6%;
		font-size: 150%;
		font-weight: bold;
	}

	.ft-btn-wrap div a img {
		margin: 0 10px -3px 0px;
	}

	.ft-btn-wrap .btn-contact {
		background: #3c66de;
	}

	.ft-btn-wrap .btn-contact:hover {
		background: #1b7ce6;
		transition: all 600ms 0s ease;
	}

	.ft-btn-wrap .btn-contact a {
		text-align: right;
	}

	.ft-btn-wrap .btn-join {
		background: #94aef6;
	}

	.ft-btn-wrap .btn-join:hover {
		background: #42c4ef;
		transition: all 600ms 0s ease;
	}

	footer .ft-fixed-btn {
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 1000;
		display: flex;
		display: -webkit-flex;
		display:-ms-flexbox;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
		width: 100%;
	}

	footer .ft-fixed-btn .link {
		display: block;
		width: 42%;
	}

	footer .ft-fixed-btn .link:hover {
		opacity: .85;
	}

	footer .ft-fixed-btn .link img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.footer .ft-nav-wrap {
		background-color: #f3f4f8;
	}

	.footer .ft-nav-wrap .inner {
		max-width: 1200px;
		width: 96%;
		margin: 0 auto;
		padding: 0 0 10px;
		box-sizing: border-box;
	}

	.footer .ft-nav-wrap .sec1 {
		border-bottom: 1px solid #d1d1db;
		padding: 30px 0 20px;
		box-sizing: border-box;
	}

	.footer .ft-nav-wrap .sec1 .logo {
		display: block;
		text-align: center;
		box-sizing: border-box;
	}

	.footer .ft-nav-wrap .sec1 .info {
		text-align: center;
		box-sizing: border-box;
	}

	.footer .ft-nav-wrap .sec1 .info .text {
		display: block;
		color: #000;
		font-weight: bold;
		font-size: 24px;
		margin: 10px auto;
	}

	.footer .ft-nav-wrap .sec1 .info .text span {
		background-color: #3c66dd;
		color: #fff;
		font-weight: bold;
		padding: 2px 9px 1px;
		border-radius: 11px;
		font-size: 14px;
	}

	.footer .ft-nav-wrap .sec1 .info .adr {
		width: 100%;
		margin: .5em auto;
		font-size: 14px;
		color: #7e8389;
	}

	.footer .ft-nav-wrap .sec1 .button {
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.footer .ft-nav-wrap .sec1 .button .link {
		width: 49%;
		min-width: 174px;
		font-weight: bold;
		padding: 7px 27px;
		margin: 15px 0;
		box-sizing: border-box;
		background-color: #fff;
		text-align: center;
	}

	.footer .ft-nav-wrap .sec1 .button .link:hover {
		background-color: #3c66dd;
	}

	.footer .ft-nav-wrap .sec1 .button .link:nth-of-type(2) {
		background-color: #3c66dd;
		color: #fff;
	}

	.footer .ft-nav-wrap .sec1 .button .link:nth-of-type(2)::after {
		border-color: #fff;
	}

	.footer .ft-nav-wrap .sec1 .button .link:nth-of-type(2):hover {
		background-color: #fff;
		color: #3c66dd;
	}

	.footer .ft-nav-wrap .sec1 .button .link:nth-of-type(2):hover::after {
		border-color: #3c66dd;
	}

	.footer .ft-nav-wrap .sec2 {
		padding: 30px 0;
		box-sizing: border-box;
	}

	.footer .ft-nav-wrap .sec2 .nav-menu {}

	.footer .ft-nav-wrap .sec2 .nav-menu .ly-menu {
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.footer .ft-nav-wrap .sec2 .nav-menu .ly-menu .bl-menu {
		width: 180px;
	}

	.footer .ft-nav-wrap .sec2 .nav-menu .ly-menu .bl-menu .box {
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.footer .ft-nav-wrap .sec2 .nav-menu .ly-menu .bl-menu .box .el-icon {
		padding-right: 0.5em;
	}

	.footer .ft-nav-wrap .sec2 .nav-menu .ly-menu .bl-menu .box .text-box {
		font-weight: bold;
	}

	.footer .ft-nav-wrap .sec2 .nav-menu .ly-menu .bl-menu .child-menu {
		margin: 0 auto 1.5em;
		padding-left: 22px;
		box-sizing: border-box;
	}

	.footer .ft-nav-wrap .sec2 .nav-menu .ly-menu .bl-menu .child-menu .child-box {
		font-size: 14px;
		color: #666;
		line-height: 1.8;
	}

	.footer .ft-nav-wrap .sec2 .nav-menu .ly-menu .bl-menu .child-menu .child-box::before {
		content: '-';
		display: inline;
	}

	.footer .ft-nav-wrap .sec2 .nav-menu .ly-menu .bl-menu .child-menu .child-box .child-title {
		display: inline;
		color: #666;
	}

	.footer .ft-about {
		padding: 1em 0;
		text-align: center;
		box-sizing: border-box;
	}

	.footer .ft-about ul {
		text-align: center;
	}

	.footer .ft-about ul li {

	}

	.footer .ft-about ul li a {
		display: block;
		font-size: 14px;
		padding: 5px 0;
	}

	.footer .ft-about small {
		color: #000;
		margin: .5em auto;
		display: inline-block;
	}
}


/* --- PC ---------- */
@media print,
screen and (min-width: 741px) {
	footer{
		position: relative;
	}

	footer .page-top{
		position: fixed;
		right: 20px;
		bottom: 20px;
	}

	.ft-btn-wrap{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.ft-btn-wrap div{
		width: 50%;
	}

	.ft-btn-wrap div a{
		display: block;
		color: #fff;
		padding: 4.5% 6%;
		font-size: 150%;
		font-weight: bold;
	}

	.ft-btn-wrap div a img{
		margin: 0 10px -3px 0px;
	}

	.ft-btn-wrap .btn-contact{
		background: #3c66de;
	}

	.ft-btn-wrap .btn-contact:hover{
		background: #1b7ce6;
		transition: all 600ms 0s ease;
	}

	.ft-btn-wrap .btn-contact a{
		text-align: right;
	}

	.ft-btn-wrap .btn-join{
		background: #94aef6;
	}

	.ft-btn-wrap .btn-join:hover{
		background: #afc4ff;
		transition: all 600ms 0s ease;
	}
	footer .ft-fixed-btn {
		position: fixed;
		top: 40%;
		right: 0;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		z-index: 1000;
	}
	footer .ft-fixed-btn .link {
		display: block;
		margin: 10px 0;
	}
	footer .ft-fixed-btn .link:hover {
		opacity: .85;
	}

	.footer .ft-nav-wrap {
		background-color: #f3f4f8;
	}

	.footer .ft-nav-wrap .inner {
		max-width: 1200px;
		width: 96%;
		margin: 0 auto;
		padding: 0 0 10px;
		box-sizing: border-box;
	}

	.footer .ft-nav-wrap .sec1 {
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		border-bottom: 1px solid #d1d1db;
		padding: 30px 0 20px;
		box-sizing: border-box;
	}

	.footer .ft-nav-wrap .sec1 .logo {
		width: 30%;
		padding-right: 3%;
		box-sizing: border-box;
	}

	.footer .ft-nav-wrap .sec1 .info {
		width: 40%;
		padding-right: 2%;
		box-sizing: border-box;
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.footer .ft-nav-wrap .sec1 .info .text {
		display: block;
		width: 49%;
		min-width: 225px;
		color: #000;
		font-weight: bold;
		font-size: 22px;
	}

	.footer .ft-nav-wrap .sec1 .info .text span {
		background-color: #3c66dd;
		color: #fff;
		font-weight: bold;
		padding: 2px 9px 1px;
		border-radius: 11px;
		font-size: 14px;
	}

	.footer .ft-nav-wrap .sec1 .info .adr {
		width: 100%;
		margin: .5em auto;
		font-size: 14px;
		color: #7e8389;
	}

	.footer .ft-nav-wrap .sec1 .button {
		width: 30%;
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.footer .ft-nav-wrap .sec1 .button .link {
		width: 49%;
		min-width: 174px;
		font-weight: bold;
		padding: 7px 27px;
		margin: 3px 0;
		box-sizing: border-box;
		background-color: #fff;
		text-align: center;
	}

	.footer .ft-nav-wrap .sec1 .button .link:hover {
		background-color: #3c66dd;
	}

	.footer .ft-nav-wrap .sec1 .button .link:nth-of-type(2) {
		background-color: #3c66dd;
		color: #fff;
	}

	.footer .ft-nav-wrap .sec1 .button .link:nth-of-type(2)::after {
		border-color: #fff;
	}

	.footer .ft-nav-wrap .sec1 .button .link:nth-of-type(2):hover {
		background-color: #fff;
		color: #3c66dd;
	}

	.footer .ft-nav-wrap .sec1 .button .link:nth-of-type(2):hover::after {
		border-color: #3c66dd;
	}

	.footer .ft-nav-wrap .sec2 {
		padding: 30px 0;
		box-sizing: border-box;
	}

	.footer .ft-nav-wrap .sec2 .nav-menu {}

	.footer .ft-nav-wrap .sec2 .nav-menu .ly-menu {
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.footer .ft-nav-wrap .sec2 .nav-menu .ly-menu .bl-menu {
		width: 180px;
	    margin: 0 10px 15px;
	}

	.footer .ft-nav-wrap .sec2 .nav-menu .ly-menu .bl-menu .box {
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.footer .ft-nav-wrap .sec2 .nav-menu .ly-menu .bl-menu .box .el-icon {
		padding-right: 0.5em;
	}

	.footer .ft-nav-wrap .sec2 .nav-menu .ly-menu .bl-menu .box .text-box {
		font-weight: bold;
	}

	.footer .ft-nav-wrap .sec2 .nav-menu .ly-menu .bl-menu .child-menu {
		margin: .5em auto;
		box-sizing: border-box;
	}

	.footer .ft-nav-wrap .sec2 .nav-menu .ly-menu .bl-menu .child-menu ul li{
		line-height: 1.2em;
		margin-bottom: 8px;
		padding-left: 22px;
	}

	.footer .ft-nav-wrap .sec2 .nav-menu .ly-menu .bl-menu .child-menu .child-box {
		font-size: 13px;
		color: #666;
	}

	.footer .ft-nav-wrap .sec2 .nav-menu .ly-menu .bl-menu .child-menu .child-box::before {
		content: '-';
		display: inline;
	}

	.footer .ft-nav-wrap .sec2 .nav-menu .ly-menu .bl-menu .child-menu .child-box .child-title {
		display: inline;
		color: #666;
	}

	.footer .ft-about {
		padding: 1em 0;
		text-align: center;
		box-sizing: border-box;
	}

	.footer .ft-about ul {
		text-align: center;
	}

	.footer .ft-about ul li {
		display: inline-block;
	}

	.footer .ft-about ul li::after {
		content: '|';
		display: inline-block;
		padding: 0 .7em;
		box-sizing: border-box;
	}

	.footer .ft-about ul li:last-of-type::after {
		content: none;
	}

	.footer .ft-about ul li a {
		font-size: 14px;
	}

	.footer .ft-about ul li a:hover {
		opacity: .85;
	}

	.footer .ft-about small {
		color: #000;
		margin: .5em auto;
		display: inline-block;
	}
}

@media print,
screen and (min-width:741px) and (max-width:1200px) {
	footer .ft-fixed-btn .link img {
		width: 40px;
	}
	footer .page-top img{
		width: 30px;
	}
}