@charset "utf-8";

/*=====================================
en_layout_sp.css
=====================================*/

@media screen and (max-width: 768px) {

/*
6px 40.0%
7px 46.7%
8px 53.3%
9px 60.0%
10px 66.7%
11px 73.3%
12px 80.0%
13px 86.7%
14px 93.3%
15px 100.0%
16px 106.7%
17px 113.3%
18px 120.0%
19px 126.7%
20px 133.3%
21px 140.0%
22px 146.7%
23px 153.3%
24px 160.0%
*/

/*-------------------------------------
 setting
-------------------------------------*/
body {
	min-width: inherit;
	font-size: 93.8%;
}

.forPC { display: none !important; }
.forSP { display: block; }
img.forSP, br.forSP, span.forSP { display: inline-block }

/*-------------------------------------
 layout
-------------------------------------*/
#wrapper {
	line-height: 1.4;
}
.inner {
	padding: 0 10px;
}


/*-------------------------------------
 header
-------------------------------------*/
#header {
	background: none;
}
#header .inner {
	display: block;
	background: url(/content/900000005.png) no-repeat right top / 230px 60px;
}
.headerLogo {
	padding: 10px 0 15px 0;
}
.headerLogo img {
	width: 142px;
}
.headerGroup {
	display: none;
}

.headerSearch {
	display: block;
	position: relative;
	margin: 0 0 15px 0;
	padding: 0 75px 0 0;
}

.headerSearch .mf_finder_container{
	position: initial;
}
.headerSearch form {
	width: 100%;
}
.headerSearch input {
	font-size: 106.7%;
}
.headerSearch input[type=text] {
	width: 100%;
	height: 30px;
	border-radius: 0;
	background: url(/content/900000006.png) no-repeat left center / 24px 29px #fff;
}
.headerSearch input[type=submit],
.headerSearch button[type=submit] {
	position: absolute;
	top: 0;
	right: 0;
	width: 75px;
	height: 30px;
	padding: 3px;
	text-align: center;
	border-radius: 0;
}

.headerSearch .mf_finder_searchBox_query_wrap{
	width: 100%;
}

.headerBtn {
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 1001;
	width: 40px;
	height: 40px;
	cursor: pointer;
	background: #0066dd;
}
.headerBtn p {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	color: #fff;
	font-size: 60.0%;
	text-align: center;
}
.headerBtn span {
	position: absolute;
	left: 0;
	right: 0;
	display: block;
	width: 25px;
	height: 3px;
	margin: 0 auto;
	background: #fff;
	transition: all .4s;
}
.headerBtn span:nth-of-type(1) {
	top: 6px;
}
.headerBtn span:nth-of-type(2) {
	top: 14px;
}
.headerBtn span:nth-of-type(3) {
	top: 22px;
}
.headerBtn.open span:nth-of-type(1) {
	transform: rotate(-45deg);
	top: 18px;
	width: 25px;
}
.headerBtn.open span:nth-of-type(2) {
	opacity: 0;
}
.headerBtn.open span:nth-of-type(3) {
	transform: rotate(45deg);
	top: 18px;
	width: 25px;
}
.headerBtn.open p {
	opacity: 0;
}


/*-------------------------------------
 gNav
-------------------------------------*/
#gNav {
	display: none;
}
#gNavSP {
	display: none;
	position: absolute;
	top: 75px;
	left: 0;
	right: 0;
	z-index: 10000;
	background: none;
}
#gNavSP .inner {
	padding: 0;
}
#gNavSP .gNavList {
	display: block;
	background: rgba(0,62,135,0.95);
}
#gNavSP .navItem {
	position: relative;
	font-weight: 600;
	line-height: 1.4;
}
#gNavSP .navItem > a {
	display: block;
	padding: 10px;
	color: #fff;
	font-size: 106.7%;
	text-decoration: none;
}
#gNavSP .navItem .acd {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 35px;
	height: 42px;
	cursor: pointer;
	background: url(/content/900000007.png) no-repeat center center / 14px 8px;
}
#gNavSP .navItem .acd.open {
	background-image: url(/content/900000008.png);
}
#gNavSP .navSub {
	display: none;
	position: relative;
	border-top: 1px solid #b5b5b5;
}
#gNavSP .navSub li {
	margin: 0;
	padding: 0;
	font-weight: 400;
	background: none;
}
#gNavSP .navSub li a {
	display: block;
	padding: 10px 10px 10px 23px;
	color: #fff;
	font-size: 93.3%;
	text-decoration: none;
	background: url(/content/900000009.png) no-repeat 10px 13px / 6px 11px;
}
#gNavSP .gNavList li + li {
	border-top: 1px solid #b5b5b5;
}
#gNavSP .gNavMenu {
	display: flex;
	padding: 15px 13px;
	background: rgba(49,49,49,0.95);
}
#gNavSP .gNavMenu li {
	width: 50%;
	padding: 0 7px;
}
#gNavSP .gNavMenu li a {
	display: block;
	padding: 3px 5px;
	color: #fff;
	font-size: 106.7%;
	text-align: center;
	text-decoration: none;
	border: 1px solid #b5b5b5;
}



/*-------------------------------------
 main
-------------------------------------*/

/* topicpath
-------------------------------------*/
#topicpath {
	display: none;
}

/* section
-------------------------------------*/
.section {
	padding: 0 0 50px 0;
}

#content {
	float: none;
	width: auto;
}

#sidebar {
	display: none;
}





/*-------------------------------------
 pagetop
-------------------------------------*/
#pagetop {
	padding: 0;
}
#pagetop .inner {
	position: static;
	padding: 0;
}
#pagetop a {
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 9999;
	display: inline-block;
	width: 60px;
	height: 60px;
	padding: 38px 0 0 0;
	color: #fff;
	font-size: 73.3%;
	font-weight: 400;
	text-align: center;
	background: url(/content/900000010.png) no-repeat center 10px / 20px 24px #122a51;
}


/*-------------------------------------
 footer
-------------------------------------*/
/* footerA
-------------------------------------*/
.footerA .inner {
	padding: 0;
}
.footerA .footerNav {
	display: block;
	margin: 0;
	padding: 0;
}
.footerA .footerNav .clm {
	width: auto;
	padding: 0;
}
.footerA .footerNav a {
	display: block;
	text-decoration: none;
}
.footerA .footerNav .clm p {
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 106.7%;
	font-weight: 600;
	background: none;
}
.footerA .footerNav .clm p a {
	padding: 10px;
}
.footerA .footerNav .clm p .acd {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 35px;
	height: 42px;
	cursor: pointer;
	background: url(/content/900000007.png) no-repeat center center / 14px 8px;
}
.footerA .footerNav .clm p .acd.open {
	background-image: url(/content/900000008.png);
}
.footerA .footerNav .clm ul {
	display: none;
	padding: 0;
	border-top: 1px solid #b5b5b5;
}
.footerA .footerNav .clm ul li {
	margin: 0;
	padding: 0;
	background: none;
}
.footerA .footerNav .clm ul li a {
	display: block;
	padding: 10px 10px 10px 23px;
	font-size: 93.3%;
	background: url(/content/900000009.png) no-repeat 10px 13px / 6px 11px;
}

.footerA .footerNav .clm + .clm,
.footerA .footerNav li + li {
	border-top: 1px solid #b5b5b5;
}
/* footerB
-------------------------------------*/
.footerB .footerLink li {
	font-size: 86.7%;
}
/* footer_c
-------------------------------------*/
.footerC .inner {
	padding-top: 18px;
	padding-bottom: 18px;
}
.footerAddress {
	display: block;
	margin: 0 0 10px 0;
}
.footerAddress div {
	width: auto;
}
.footerAddress .logo {
	padding: 0 0 10px 0;
	text-align: left;
}
.footerAddress .logo img {
	width: 213px;
}
.footerAddress .address p {
	font-size: 86.7%;
}
.footerCopyright {
	font-size: 73.3%;
}


/* topSoshiki
-------------------------------------*/
.topSoshiki ul {
	margin: 0 -4px !important;
}
.topSoshiki ul li {
	width: 50%;
	margin: 0 0 10px 0;
	padding: 0 8px;
}
.topSoshiki ul li a {
	padding: 3px 5px 12px 5px;
	font-size :106.7%;
}

}