@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;600;700&display=swap');

.seminarBis {
	background: url(/images/seminar/bg_seminarBis.jpg) no-repeat center center;
	background-size: cover;
}

.seminarPer {
	background: url(/images/seminar/bg_seminarPer.jpg) no-repeat center center;
	background-size: cover;
}

.corporateBg {
	background: url(/images/corporate/bg_corporate.jpg) no-repeat center center;
	background-size: cover;
}

.bisinessOwner {
	background: url(/images/service/bg_bisinessOwner.jpg) no-repeat center center;
	background-size: cover;
}

.personalUser {
	background: url(/images/service/bg_personalUser.jpg) no-repeat center center;
	background-size: cover;
}

.messageBg {
	background: url(/images/service/bg_massage.jpg) no-repeat center bottom;
	background-size: cover;
}

.contactBg {
	background: url(/images/common/bg_form.jpg) no-repeat center center;
	background-size: cover;
}

.recruitBg {
	background: url(/images/recruit/bg_recruit.jpg) no-repeat center center;
	background-size: cover;
}

.infoBg {
	background: url(/images/info/bg_info.jpg) no-repeat center top;
	background-size: cover;
}

.platBg {
	background: url(/images/hoken_plat/bg_plat.jpg) no-repeat right center;
	background-size: cover;
}

.joinBg {
	background: url(/images/hoken_plat/bg_join.jpg) no-repeat center bottom;
	background-size: cover;
}

.aruhiBg {
	background: url(/images/aruhi/bg_aruhi.jpg) no-repeat right center;
	background-size: cover;
}


#container {
	position: relative;
	padding: 0 0 0 240px;
}

header {
	width: 240px;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
	border-right: 1px solid #D5D7DC;
}

.headInr {
	width: 100%;
}

.header_logo {
	padding: 25px 20px;
	position: relative;
	height: 150px;
}

.header_logo .logo {
	width: 200px;
	padding: 10px 0;
}

.header_logo .logo a {
	display: block;
}

.header_logo p {
	font-size: 12px;
	line-height: 15px;
	margin: 0;
}

.header_logo:after {
	display: block;
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: #004EA0;
	background: -webkit-linear-gradient(left, #004EA0 0%, #00A0E9 100%);
	background: linear-gradient(90deg, #004EA0 0%, #00A0E9 100%);
}

.header_contact {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background: #004EA0;
	background: -webkit-linear-gradient(left, #004EA0 0%, #00A0E9 100%);
	background: linear-gradient(90deg, #004EA0 0%, #00A0E9 100%);
}

.header_contact .contact_mail {
	padding: 20px;
}

.header_contact .contact_mail h3 {
	font-family: 'Noto Serif JP', serif;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	text-align: center;
	padding: 0 0 10px;
}

.header_contact .contact_mail .btn a {
	display: block;
	max-width: 300px;
	background: #fff;
	font-family: 'Noto Serif JP', serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 30px;
	padding: 10px;
	margin: 0 auto;
	color: #2E51A3;
	text-align: center;
	text-decoration: none;
	border-radius: 25px;
}

.header_contact .contact_mail .btn a img {
	width: 20px;
	height: 20px;
	margin: 5px;
}

.header_contact .contact_tel {
	padding: 0 0 20px;
}

.header_contact .contact_tel dt {
	font-family: 'Noto Serif JP', serif;
	font-size: 24px;
	line-height: 30px;
	font-weight: 700;
	color: #fff;
	text-align: center;
}

.header_contact .contact_tel dt img {
	height: 24px;
	margin: 3px 5px;
}

.header_contact .contact_tel dt a {
	display: inline-block;
	pointer-events: none;
	color: #fff;
}

.header_contact .contact_tel dd {
	font-family: 'Noto Serif JP', serif;
	font-size: 12px;
	font-weight: 700;
	color: #fff;
	text-align: center;
}

.globalNav {
	height: calc(100vh - 350px);
	overflow-y: auto;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.globalNav::-webkit-scrollbar {
	display: none;
}

.globalNav li.navList {
	padding: 0;
	border-bottom: 1px solid #D5D7DC;
}

.globalNav li.navList>a {
	position: relative;
	display: block;
	text-decoration: none;
	font-family: 'Noto Serif JP', serif;
	font-size: 14px;
	line-height: 20px;
	padding: 20px;
	transition: all 0.3s;
}

.globalNav li.navList>a:hover {
	opacity: 0.8;
}

.globalNav li.navList>span {
	position: relative;
	display: block;
	font-family: 'Noto Serif JP', serif;
	font-size: 14px;
	line-height: 20px;
	padding: 20px;
}

.globalNav li.navList>a:after {
	display: block;
	content: '';
	position: absolute;
	top: 25px;
	right: 15px;
	width: 10px;
	height: 10px;
	background: url(/images/common/arrow_right_k.svg);
	z-index: 2;
	transition: all 0.3s;
}

.globalNav li.navList>span:after {
	display: block;
	content: '';
	position: absolute;
	top: 25px;
	right: 15px;
	width: 10px;
	height: 10px;
	background: url(/images/common/arrow_right_k.svg);
	z-index: 2;
	transition: all 0.3s;
}

.globalNav li.navList>a:hover:after {
	right: 10px;
}

.globalNav li.navList>span:hover:after {
	right: 10px;
}

.globalNav .navList_inr {
	height: 100vh;
	width: 350px;
	position: absolute;
	top: 0;
	left: 239px;
	z-index: 10000;
	background: #004EA0;
	background: -webkit-linear-gradient(left, #004EA0 0%, #00A0E9 100%);
	background: linear-gradient(90deg, #004EA0 0%, #00A0E9 100%);
	box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.16);
}

.globalNav .navList_inr dt {
	position: relative;
	padding: 110px 20px 20px;
	font-family: 'Noto Serif JP', serif;
	font-size: 18px;
	line-height: 20px;
	color: #fff;
}

.globalNav .navList_inr dt:after {
	display: block;
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: #fff;
}

.globalNav .navList_inr .inr_child {
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.globalNav .navList_inr .inr_child a {
	display: block;
	text-decoration: none;
	font-family: 'Noto Serif JP', serif;
	font-size: 14px;
	line-height: 20px;
	padding: 20px;
	color: #fff;
	transition: all 0.3s;
}

.globalNav .navList_inr .inr_child a:hover {
	opacity: 0.8;
}

.globalNav .navList_inr .inr_child span {
	display: block;
	text-decoration: none;
	font-family: 'Noto Serif JP', serif;
	font-size: 14px;
	line-height: 20px;
	padding: 20px;
	color: #fff;
	transition: all 0.3s;
}

.globalNav .navList_inr .inr_child.in a {
	padding: 20px 20px 20px 25px;
}

.globalNav .navList_inr .inr_child.in a:before {
	content: '- '
}

.navList_inr {
	display: none;
}

.menuBox {
	display: none;
}

#nav-close {
	display: none;
}

.nav-unshown {
	display: none;
}

.headline01 {
	font-family: 'Noto Serif JP', serif;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	margin: 0 auto 40px;
}

.headline02 {
	position: relative;
	font-family: 'Noto Serif JP', serif;
	font-size: 24px;
	line-height: 1.2;
	font-weight: 700;
	text-align: left;
	padding: 0 0 20px;
	margin: 0 auto 20px;
}

.headline02:after {
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	content: '';
	width: 60px;
	height: 2px;
	background: #2E51A3;
}

.sectionInr {
	padding: 5vw;
}

.moreBtn a {
	display: inline-block;
	width: 100%;
	max-width: 300px;
	border-radius: 30px;
	color: #fff;
	font-family: 'Noto Serif JP', serif;
	font-size: 16px;
	line-height: 30px;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	padding: 15px;
	box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.1);
	background: #004EA0;
	background: -webkit-linear-gradient(left, #004EA0 0%, #00A0E9 100%);
	background: linear-gradient(90deg, #004EA0 0%, #00A0E9 100%);
	transition: all 0.3s;
}

.moreBtn a:hover {
	opacity: 0.8;
}

.moreBtn a img {
	width: 16px;
	height: 16px;
	margin: 7px;
}

.contactInfo {
	background: url(/images/common/bg_contact.jpg) no-repeat center center;
	background-size: cover;
}

.contactInfo .sectionInr {
	padding: 3vw 8vw;
	background: rgba(0, 78, 160, 0.8);
	background: -webkit-linear-gradient(left, rgba(0, 78, 160, 0.8) 0%, rgba(0, 160, 233, 0.8) 100%);
	background: linear-gradient(90deg, rgba(0, 78, 160, 0.8) 0%, rgba(0, 160, 233, 0.4) 100%);
}

.contactInfo p {
	font-family: 'Noto Serif JP', serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.5;
	color: #fff;
	text-align: center;
	margin: 0 auto 30px;
}

.contactInfo .telCont {
	float: left;
	width: 50%;
}

.contactInfo .telCont dt {
	font-family: 'Noto Serif JP', serif;
	font-size: 32px;
	font-weight: 700;
	line-height: 40px;
	color: #fff;
	text-align: center;
	padding: 0 0 5px;
}

.contactInfo .telCont dt img {
	height: 30px;
	margin: 5px;
}

.contactInfo .telCont dt a {
	display: inline-block;
	pointer-events: none;
	color: #fff;
}

.contactInfo .telCont dd {
	font-size: 14px;
	color: #fff;
	text-align: center;
}

.contactInfo .mailCont {
	float: right;
	width: 50%;
}

.contactInfo .mailCont .btn {
	text-align: center;
}

.contactInfo .mailCont .btn a {
	display: inline-block;
	width: 100%;
	max-width: 300px;
	border-radius: 30px;
	color: #2E51A3;
	font-family: 'Noto Serif JP', serif;
	font-size: 16px;
	line-height: 30px;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	padding: 15px;
	background: #fff;
	transition: all 0.3s;
}

.contactInfo .mailCont .btn a img {
	display: inline-block;
	height: 20px;
	margin: 5px;
}

.contactInfo .mailCont .btn a:hover {
	opacity: 0.8;
}

.bannerInfo .sectionInr {
	padding: 3vw;
}

.bannerInfo ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.bannerInfo li {
	width: 25%;
	padding: 10px;
}

.bannerInfo li a {
	display: block;
	transition: all 0.3s;
}

.bannerInfo li a:hover {
	opacity: 0.8;
}

.bannerInfo li img {
	width: 100%;
}

footer {
	background: #F2F5FB;
}

.footInr {
	padding: 5vw;
}

.sitemap {
	position: relative;
	padding: 0 0 30px;
	border-bottom: 1px solid #D5D7DC;
}

.sitemapInr {
	padding: 0 0 30px;
}

.sitemapInr dl {
	float: left;
	width: 25%;
}

.sitemapInr dt {
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	padding: 0 20px 20px 0;
}

.sitemapInr dt a {
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	color: #2E2A3D;
	transition: all 0.3s;
}

.sitemapInr dt a:hover {
	opacity: 0.8;
	color: #2E51A3;
}

.sitemapInr dd {
	padding: 0 10px 10px 0;
	line-height: 1.2;
}

.sitemapInr dd a {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.2;
	color: #2E2A3D;
	transition: all 0.3s;
}

.sitemapInr dd a:hover {
	opacity: 0.8;
	color: #2E51A3;
}

.sitemapSub {
	position: absolute;
	left: 0;
	bottom: 30px;
	width: 25%;
}

.sitemapSub li {
	padding: 10px 20px 0 0;
}

.sitemapSub li a {
	display: block;
	font-size: 16px;
	font-weight: 700;
	line-height: 30px;
	color: #2E51A3;
	text-align: center;
	padding: 10px;
	background: #fff;
	transition: all 0.3s;
}

.sitemapSub li a:hover {
	opacity: 0.8;
}

.terms {
	padding: 30px 0 0;
}

.terms ul {
	font-size: 0;
	float: left;
	margin-bottom: 20px;
}

.terms li {
	display: inline-block;
	padding: 0 20px;
	border-left: 1px solid #D5D7DC;
}

.terms li:first-child {
	padding: 0 20px 0 0;
	border-left: none;
}

.terms li a {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.2;
}

.terms .security {
	float: right;
}

/*.terms .pMark { float: right; width:20%; max-width:120px; min-width:96px; }*/
/*.terms .pMark img { width:100%; }*/
.terms .bnr {
	display: flex;
	float: right;
	display: flex;
	flex-wrap: wrap;
	row-gap: 15px;
}

.terms .bnr li {
	border: none;
	padding: 0;
	margin-right: 20px;
}

.terms .bnr li:last-child {
	margin-right: 0;
}

.terms .bnr li .pMark {
	width: 100px;
}

.terms .bnr li .pMark img {
	width: 100%
}

.terms .bnr li .ryoritsuMark {
	width: 100px;
}

.terms .bnr li .ryoritsuMark img {
	width: 100%
}

.terms .bnr li .ikugyoMark {
	width: 100px;
}

.terms .bnr li .ikugyoMark img {
	width: 100%
}

.terms .bnr li .bcpMark {
	width: 90px;
}

.terms .bnr li .bcpMark img {
	width: 100%
}

.copyRight {
	background: #fff;
	padding: 20px;
	font-family: 'Noto Serif JP', serif;
	font-size: 12px;
	color: #4B505B;
	text-align: center;
}

.pageTop {
	position: fixed;
	right: 30px;
	bottom: 30px;
	z-index: 10000;
}

.pageTop a {
	display: block;
	padding: 20px;
	line-height: 1;
	background: #F2F5FB;
	border: 1px solid #2E51A3;
	border-radius: 50%;
	transition: all 0.3s;
}

.pageTop a img {
	width: 20px;
	height: 20px;
	line-height: 1;
}

.pageTop a:hover {
	padding: 15px 20px 25px;
}

.pageCatch .pageTit {
	padding: 8vw;
	background: rgba(6, 21, 55, 0.68);
}

.pageCatch .pageTit h1 {
	position: relative;
	font-family: 'Noto Serif JP', serif;
	font-size: 32px;
	font-weight: 700;
	color: #fff;
	text-align: left;
}

.pageCatch .pageTit h1:after {
	position: absolute;
	left: 0;
	bottom: -20px;
	display: block;
	content: '';
	width: 80px;
	height: 2px;
	background: #fff;
}

.breadcrumb {
	padding: 15px;
}

.breadcrumb ul {
	text-align: right;
	line-height: 16px;
}

.breadcrumb ul li {
	position: relative;
	display: inline-block;
	font-size: 12px;
	line-height: 16px;
	padding: 0 20px;
}

.breadcrumb ul li a {
	display: inline-block;
	font-size: 12px;
	line-height: 16px;
	transition: all 0.3s;
}

.breadcrumb ul li a:hover {
	color: #2E51A3;
}

.breadcrumb ul li span {
	display: inline-block;
	font-size: 12px;
	line-height: 16px;
}

.breadcrumb ul li:after {
	position: absolute;
	top: 5px;
	right: -3px;
	display: block;
	content: '';
	width: 6px;
	height: 6px;
	background: url(/images/common/arrow_right_k.svg);
}

.breadcrumb ul li:last-child:after {
	display: none;
}

.column2 {
	display: flex;
	padding: 3vw 5vw;
}

.column2 .mainCont {
	width: calc(100% - 15vw);
	padding: 0 3vw 0 0;
}

.column2 .subNav {
	width: 15vw;
}

.column2 .subNav .sidebar {
	position: -webkit-sticky;
	position: sticky;
	top: 60px;
}

.column2 .subNav .sidebar ul {
	padding: 15px;
	border-radius: 10px;
	background: #004EA0;
	background: -webkit-linear-gradient(left, #004EA0 0%, #00A0E9 100%);
	background: linear-gradient(90deg, #004EA0 0%, #00A0E9 100%);
}

.column2 .subNav .sidebar li {
	position: relative;
	font-size: 14px;
	line-height: 1.4;
	padding: 10px 0 10px 1rem;
}

.column2 .subNav .sidebar li a {
	font-size: 14px;
	line-height: 1.4;
	font-weight: 700;
	color: #fff;
}

.column2 .subNav .sidebar li a:before {
	position: absolute;
	top: 10px;
	left: 0;
	display: inline-block;
	content: '-';
}




/* ─────────────────────────────────────────────────────────────────────────── */

@media screen and (max-width:1400px) {
	.column2 {
		padding: 3vw;
	}

	.column2 .mainCont {
		width: calc(100% - 200px);
		padding: 0 3vw 0 0;
	}

	.column2 .subNav {
		width: 200px;
	}
}

/* ─────────────────────────────────────────────────────────────────────────── */

@media screen and (max-width:1200px) {
	#container {
		padding: 0 0 0 220px;
	}

	header {
		width: 220px;
	}

	.header_logo {
		padding: 20px 10px;
	}

	.globalNav .navList_inr {
		left: 219px;
	}

	.globalNav li.navList>a {
		padding: 20px 10px;
	}

	.globalNav li.navList>span {
		padding: 20px 10px;
	}

	.bannerInfo .sectionInr {
		padding: 3vw 1vw;
	}

	.contactInfo .sectionInr {
		padding: 3vw;
	}

	.footInr {
		padding: 5vw 2vw;
	}

	.sitemapInr dt {
		padding: 0 10px 20px 0;
	}

	.sitemapInr dt a {
		font-size: 14px;
	}

	.sitemapInr dd a {
		font-size: 13px;
	}

	.sitemapSub li a {
		font-size: 14px;
		line-height: 20px;
	}

	.column2 .mainCont {
		width: calc(100% - 180px);
		padding: 0 3vw 0 0;
	}

	.column2 .subNav {
		width: 180px;
	}
}

@media screen and (max-width:1023px) {
	#container {
		padding: 0;
	}

	header {
		width: 100%;
		height: auto;
		position: relative;
		border-right: none;
	}

	.header_logo {
		padding: 10px 20px;
		height: auto;
	}

	.header_logo p {
		display: none;
	}

	.header_logo:after {
		display: none;
	}

	.header_contact .contact_tel dt a {
		pointer-events: auto;
	}

	.menuBox {
		display: block;
		width: 80px;
		height: 80px;
		float: right;
		position: relative;
		z-index: 9999;
		background: #004EA0;
		background: -webkit-linear-gradient(left, #004EA0 0%, #00A0E9 100%);
		background: linear-gradient(90deg, #004EA0 0%, #00A0E9 100%);
	}

	.menuBox:hover {
		cursor: pointer;
	}

	.menuBtn {
		display: block;
		position: absolute;
		top: 39px;
		right: 20px;
		width: 36px;
		height: 2px;
		background: #fff;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		-moz-transition: all 0.3s;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
	}

	.menuBtn:before {
		content: '';
		position: absolute;
		width: 36px;
		height: 2px;
		background: #fff;
		top: -12px;
		right: 0;
		-moz-transition: all 0.3s;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
	}

	.menuBtn:after {
		content: '';
		position: absolute;
		width: 36px;
		height: 2px;
		background: #fff;
		bottom: -12px;
		right: 0;
		-moz-transition: all 0.3s;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
	}

	.menuBtn.active {
		background: transparent;
	}

	.menuBtn.active:before {
		-moz-transform: rotate(-135deg);
		-webkit-transform: rotate(-135deg);
		transform: rotate(-135deg);
		top: 0;
		right: 0;
	}

	.menuBtn.active:after {
		-moz-transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
		bottom: 0;
		right: 0;
	}

	#nav-drawer {
		display: block;
		padding: 0;
		position: fixed;
		top: 0;
		right: 0;
	}

	#nav-content {
		z-index: 88888;
		display: block;
		position: absolute;
		width: 100vw;
		height: 100vh;
		top: 0;
		right: 0;
		z-index: 999;
		padding: 80px 0 0;
		-webkit-overflow-scrolling: touch;
		transition: .3s ease-in-out;
		-webkit-transform: translateX(120%);
		transform: translateX(120%);
		background: #fff;
	}

	#nav-content .globalNav ul {
		text-align: center;
		margin: 0 auto;
	}

	#nav-content .globalNav>ul>li {
		display: block;
		padding: 0;
		text-align: center;
		border-bottom: 1px solid rgba(227, 195, 105, 0.5);
	}

	#nav-content .globalNav ul li .mainNav {
		display: block;
		color: #2E51A3;
		text-align: left;
		font-weight: bold;
		padding: 5px 0;
		line-height: 40px;
	}

	#nav-content .globalNav ul li .mainNav:after {
		display: none;
	}

	#nav-input:checked~#nav-content {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	.globalNav {
		height: calc(100vh - 280px);
		margin: 0 auto;
		max-width: 500px;
	}

	.globalNav li.navList {
		padding: 10px;
	}

	.globalNav li.navList>a {
		font-size: 16px;
		font-weight: 700;
		line-height: 20px;
		padding: 15px;
	}

	.globalNav li.navList>span {
		font-size: 16px;
		font-weight: 700;
		line-height: 20px;
		padding: 15px;
	}

	.globalNav li.navList>a:after {
		top: 20px;
	}

	.globalNav li.navList>a:hover:after {
		right: 15px;
	}

	.globalNav li.navList>span:after {
		display: none;
	}

	.globalNav .navList_inr {
		box-shadow: none;
		height: auto;
		width: 100%;
		position: relative;
		top: auto;
		left: auto;
		z-index: 10000;
		background: transparent;
	}

	.globalNav .navList_inr dt {
		display: none;
	}

	.globalNav .navList_inr .inr_child {
		position: relative;
		border-bottom: none;
	}

	.globalNav .navList_inr .inr_child a {
		font-size: 14px;
		line-height: 20px;
		padding: 15px 25px;
		color: #2E2A3D;
	}

	.globalNav .navList_inr .inr_child span {
		font-size: 14px;
		line-height: 20px;
		padding: 15px 25px;
		color: #2E2A3D;
	}

	.globalNav .navList_inr .inr_child a:after {
		display: block;
		content: '';
		position: absolute;
		top: 20px;
		right: 15px;
		width: 10px;
		height: 10px;
		background: url(/images/common/arrow_right_k.svg);
		z-index: 2;
	}

	.navList_inr {
		display: block;
	}

	.pageCatch .pageTit {
		padding: 40vh 5vw 10vh 5vw;
	}

	.sectionInr {
		padding: 10vw 5vw;
	}

	.contactInfo .telCont dt a {
		pointer-events: auto;
	}

	.pageTop {
		right: 20px;
		bottom: 20px;
	}

	.column2 {
		display: block;
		padding: 5vw;
	}

	.column2 .mainCont {
		width: 100%;
		padding: 0;
	}

	.column2 .subNav {
		width: 100%;
	}

	.column2 .subNav .sidebar {
		top: 100px;
	}

}

@media screen and (max-width:767px) {
	.header_logo {
		padding: 10px;
	}

	.header_logo .logo {
		padding: 0;
	}

	.menuBox {
		width: 60px;
		height: 60px;
	}

	.menuBtn {
		top: 29px;
		right: 15px;
		width: 30px;
		height: 2px;
		background: #fff;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		-moz-transition: all 0.3s;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
	}

	.menuBtn:before {
		width: 30px;
		height: 2px;
		top: -10px;
		right: 0;
	}

	.menuBtn:after {
		width: 30px;
		height: 2px;
		bottom: -10px;
		right: 0;
	}

	#nav-content {
		padding: 60px 0 0;
		height: 100vh;
	}

	.nav-continr {
		height: calc(100vh - 60px);
		overflow-y: auto;
	}

	.globalNav {
		height: auto;
	}

	.header_contact {
		position: static;
		padding: 0 0 10vw;
	}

	.pageCatch .pageTit h1 {
		font-size: 28px;
	}

	.headline01 {
		font-size: 22px;
		margin: 0 auto 5vw;
	}

	.headline02 {
		font-size: 22px;
		padding: 0 0 5vw;
		margin: 0 auto 5vw;
	}

	.moreBtn a {
		border-radius: 25px;
		padding: 10px;
	}

	.contactInfo .sectionInr {
		padding: 10vw;
	}

	.contactInfo p {
		font-size: 16px;
		margin: 0 auto 5vw;
	}

	.contactInfo .mailCont {
		float: none;
		width: 100%;
		margin: 0 auto 5vw;
	}

	.contactInfo .mailCont .btn a {
		border-radius: 25px;
		padding: 10px;
	}

	.contactInfo .telCont {
		float: none;
		width: 100%;
	}

	.contactInfo .telCont dt {
		font-size: 24px;
		line-height: 30px;
	}

	.contactInfo .telCont dt img {
		height: 20px;
		margin: 5px 2px;
	}

	.bannerInfo .sectionInr {
		padding: 4vw 1vw;
	}

	.bannerInfo li {
		width: 50%;
		padding: 1vw;
	}

	.footInr {
		padding: 9vw 4vw;
	}

	.sitemap {
		padding: 0 0 4vw;
	}

	.sitemap .sitemapInr {
		display: none;
	}

	.sitemapSub {
		position: static;
		width: 100%;
	}

	.sitemapSub li {
		padding: 1vw;
	}

	.terms {
		padding: 4vw 0 0;
	}

	.terms ul {
		float: none;
		margin-bottom: 0;
	}

	.terms li {
		display: block;
		padding: 2vw;
		border-left: none;
	}

	.terms li:first-child {
		padding: 2vw;
	}

	.terms .security {
		float: none;
		padding: 5vw 2vw 0;
	}

	/*.terms .pMark { float: none; width:20%; max-width:120px; min-width:96px; padding: 5vw 2vw 0; }*/
	.terms .bnr {
		padding-top: 4vw;
		float: none;
	}

	.terms .bnr li {
		padding: 0;
		margin-right: 10px;
	}

	.terms .bnr li:last-child {
		padding: 0;
		margin-right: 0;
	}

	.terms .bnr li .pMark {
		width: 80px;
	}

	.terms .bnr li .ryoritsuMark {
		width: 80px;
	}

	.terms .bnr li .ikugyoMark {
		width: 80px;
	}

	.terms .bnr li .bcpMark {
		width: 70px;
	}

	.copyRight {
		padding: 10vw 5vw 20vw;
	}

	.pageTop {
		right: 5vw;
		bottom: 5vw;
	}

	.pageTop a {
		padding: 12px;
	}

	.pageTop a img {
		width: 16px;
		height: 16px;
	}

	.pageTop a:hover {
		padding: 12px;
	}

	.column2 .subNav {
		padding: 0 0 10vw;
	}

	.breadcrumb {
		padding: 10px;
	}

	.breadcrumb ul li {
		padding: 0 10px;
	}

}