@charset "UTF-8";

/*	Reset
-------------------------------------------------------------*/
body,div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td,iframe {margin:0;padding:0;}

table {border:0;border-collapse:collapse;border-spacing:0;}

fieldset,img{border:0;}

address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;font-weight:normal;}

ol, ul {list-style:none;}

caption, th {text-align:left;}

h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}

body {
	position: relative;
	font-family: arial,'メイリオ',Meiryo,'Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	font-size: 16px;
	line-height: 1.5;
	background-color:#fff;
	color: #333333;
	text-align: left;
	-webkit-text-size-adjust: none;
}

table{ font-size: 100%; }

hr { display: none; }

a:focus, *:focus { outline:none; }
a {
	text-decoration: none;
	color: #333;
}
a:link {
	text-decoration: none;
	color: #333;
}
#history a {
	text-decoration: underline;
}
a:visited {
	text-decoration: none;
	color: #333;
}
a:active,
a:hover,
a img:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	zoom: 1;
	text-decoration: none;
	-moz-transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out
}
a img:active,
a img:hover {
	text-decoration: none;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}


/*	Column
-------------------------------------------------------------*/
#wrapper,
#header,
#footer {
	position: relative;
	width: 100%;
}
.container {
	padding-top: 100px;
}
.container .contents {
	min-width: 960px;
	overflow: hidden;
}

/*	Header
-------------------------------------------------------------*/
.headerContainer {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
	margin: 0 40px
}

.headerLogo {
	margin-top: 5px;
	width: 110px;
	height: 50px
}

.headerLogo a {
	display: block;
	height: 100%;
	background: url("../img/logo_zoom.png") 0 0 / 110px auto no-repeat
}

.gnavi {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.gnavi > ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

.gnavi > ul > li > a {
	position: relative;
	z-index: 1;
	padding: 41px 16px;
	font-size: 75%;
}
.naviActive .gnavi > ul > li > a {
	padding: 18px 16px;
}

.gnavi > ul > li > a:before {
	position: absolute;
	width: 100%;
	height: 0;
	left: 0;
	top: 0;
	z-index: -1;
	content: "";
	background-color: #288200;
	-moz-transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out
}

.gnavi > ul > li > a:hover:before {
	height: 100%
}

.gnavi li.active > a,
.gnavi li:hover > a {
	color: #fff
}

.gnavi li.active > a:before,
.gnavi li:hover > a:before {
	height: 100%;
	background-color: #288200
}

.headerContact {
	padding: 3px 0 0 16px;
	font-size: 75%
}

.headerContact a {
	display: block;
	width: 100px;
	height: 90px;
	padding-top: 37px;
	background-color: #71bb2b;
	color: #fff;
	font-weight: 500;
	text-align: center
}
.naviActive .headerContact a {
	display: block;
	width: 100px;
	height: 50px;
	padding-top: 17px;
}

.headerContact a:hover {
	background-color: #288200;
	color: #fff
}

#header {
	position: fixed;
	z-index: 100;
	height: 100px;
	background-color: #fff;
	-moz-transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
#header.naviActive {
	height: 50px;
	background: rgba(255, 255, 255, 0.8);
}

/*	footer
-------------------------------------------------------------*/

#footer .contentsFooter {
	margin: 100px 40px 10px;
	overflow: hidden;
}
#footer .contentsFooter ul {
	float: left;
	font-size: 75%;
}
#footer .contentsFooter p.copyrightText {
	float: right;
	font-size: 75%;
}


/*	index
-------------------------------------------------------------*/

#index .mainVisual {
	text-align: center;
	padding-bottom: 20px;
	background: url(../img/bg_mv.gif) 50% 300px no-repeat;
	background-size: 1700px auto;
}
#index .mainVisual img {
	width: 630px;
}

#index .topics {
	padding: 20px 0 40px;
	margin: 0px auto 40px;
	background: #f4f4f4;
}
#index .topics h2 {
	text-align: center;
	font-weight: 700;
	font-size: 175%;
	padding-bottom: 10px;
	color: #565656;
}
#index .topics ul {
	margin: 0px auto;
	width: 720px;
	font-size: 88%;
}
#index .topics ul li {
	display: table;
	margin-bottom: 30px;
}
#index .topics ul li .date {
	display: table-cell;
	padding-right: 20px;
	vertical-align: top;
}
#index .topics ul li .text {
	display: table-cell;
	vertical-align: top;
}



/*	common
-------------------------------------------------------------*/
.topickPath {
	margin: 0 40px 20px;
}
.topickPath ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 75%;
}
.topickPath ul li:nth-of-type(n + 2):before {
	content: ">";
	margin: 0 8px
}
.topickPath ul li:last-of-type {
	font-weight: 500
}

.mainCaption {
	text-align: center;
	min-height: 200px;
	background: #f9faf9 url(../img/bg_cap.png) 50% 0 no-repeat;
	background-size: 1700px auto;
	padding-top: 30px;
}
.mainCaption h1 {
	display: none;
}

.mainCaption .caption {
	padding: 6px 16px;
	display: block;
}

/*	message
-------------------------------------------------------------*/
#message .mainCaption h2 {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(../img/message_cap.png) 50% 0 no-repeat;
	background-size: 900px auto;
	height: 80px;
}

#message .pageImage {
	margin-top: 60px;
}
#message .pageImageInner {
	position: absolute;
	left: -20px;
	width: calc(35% + 20px);
	height: 400px;
}
#message .pageImageFig {
	width: 100%;
	height: 100%;
	background: url("../img/message_fig.jpg") 50% 50% / cover no-repeat
}

#message .messageBox {
	padding-top: 40px;
	margin-left: 40%;
	width: calc(50% + 20px);
}

#message .messageBox .companyMsg {
	display: block;
	text-align: right;
	margin-top: 40px;
}
#message .messageBox .signMsg {
	display: block;
	text-align: right;
	margin: 6px 0 0 auto;
	width: 110px;
}
#message .messageBox .signMsg img {
	width:100%;
}

/*	mc
-------------------------------------------------------------*/

#mc .mainCaption {
	text-align: left;
	padding-left: 40px;
	padding-right: 40px;
	background: url("../img/cover_mc.jpg") 100% 100% / 900px 470px no-repeat #f9faf9;
	height: 280px;
}
#mc .mainCaption h2 img {
	width: 560px;
	margin-left: 30px;
}
#mc .mainCaption h2 span {
	width: auto;
	height: auto;
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}



#mc .aboutMCBox {
	margin: 0 auto;
	padding: 0px 40px 0px;
	display: block;
	max-width: 960px;
}

#mc h3 {
	text-align: center;
	font-size: 150%;
	margin-top: 40px;
	padding: 40px 10px;
	background: url(../img/bg_cap.png) 50% 60% no-repeat;
	background-size: 1700px 120px;
}


#mc .aboutMCBox dl {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
}

#mc .aboutMCBox dl dt {
	font-weight: bold;
	text-indent: 15px;
}

#mc .aboutMCBox dl dd ul {
	margin: 5px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
	list-style-type:none;
	font-size: 90%;
	line-height: 1.6;
	display:block;
}

#mc .aboutMCBox dl dd ul li {
	margin: 0px 0px 10px 0px;
	padding: 0px 5px 3px 5px;
	display:block;
	border-bottom: 1px dotted #c0c0c0;
}

#mc .aboutMCBox dl dd ul li p.caption {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	color: #c60;
	font-weight: bold;
	display:block;
}

#mc .aboutMCBox dl dd ul li p.text {
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
	display:block;
}

#mc .aboutMCBox.app,
#mc .aboutMCBox.mc {
	display: table;
	width: 100%;
}
#mc .aboutMCBox.mc .infoBox,
#mc .aboutMCBox.app dl {
	padding: 0px 0px 0px 0px;
	display: table-cell;
	vertical-align: top;
}
#mc .aboutMCBox.app .imgBox {
	display: table-cell;
	vertical-align: top;
	width: 260px;
	text-align: center;
}
#mc .aboutMCBox.app img {
	width: 220px;
	margin: 20px auto;
}

#mc .aboutMCBox.mc img {
	width: 260px;
	margin: 60px auto;
	padding-left: 30px;
}

.figMcapp ul {
	display: table;
	width: 100%;
	margin: 10px auto 60px;
}
.figMcapp ul li {
	display: table-cell;
	text-align: center;
	width: 50%;
}
.figMcapp ul li img {
	width: 100%;
}
.figMcapp ul.qr {
	width: 70%;
}
.figMcapp ul.qr li img {
	width: 60%;
}

ul.vixus {
	display: table;
	width: 100%;
	margin: 30px auto 60px;
}
ul.vixus li {
	display: table-cell;
	text-align: center;
	width: 50%;
}
ul.vixus li img {
	width: 100%;
}
ul.vixus {
	width: 70%;
}
ul.vixus li img {
	width: 70%;
}

.vixuscaution {
	display: block;
	width: 90%;
	margin: 0 auto;
	font-size: 78%;
}


/*	pmc
-------------------------------------------------------------*/
#pmc h1 {
	margin-top: 10px;
	font-size: 175%;
	display: block;
}

#pmc #aboutPMCBox {
	margin: 0 auto;
	padding: 20px 40px 0px;
	display: block;
	max-width: 960px;
}

#pmc #aboutPMCBox dl {
	margin: 20px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	display: block;
}

#pmc #aboutPMCBox dl dt {
	font-weight: bold;
	text-indent: 15px;
	background: url(../images/bg_checked.gif) 0px 0px no-repeat;
}

#pmc #aboutPMCBox dl dd ul {
	margin: 5px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
	list-style-type:none;
	font-size: 90%;
	line-height: 1.6;
	display:block;
}

#pmc #aboutPMCBox dl dd ul li {
	margin: 0px 0px 10px 0px;
	padding: 0px 5px 3px 5px;
	display:block;
	border-bottom: 1px dotted #c0c0c0;
}

#pmc #aboutPMCBox dl dd ul li p.caption {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	color: #c60;
	font-weight: bold;
	display:block;
}

#pmc #aboutPMCBox dl dd ul li p.text {
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
	display:block;
}
#pmc #aboutPMCBox .imgBox {
	margin: 30px auto;
	padding: 0px 0px 0px 0px;
	width: 80%;
	text-align: center;
}
#pmc #aboutPMCBox .imgBox img {
	width: 70%;
}




/*	companyProfile
-------------------------------------------------------------*/
#company h1 {
	margin-top: 10px;
	font-size: 175%;
	display: block;
}

#company h3 {
	text-align: center;
	font-size: 150%;
	margin-top: 40px;
	padding-top: 40px;
	padding-bottom: 40px;
	background: url(../img/bg_cap.png) 50% 60% no-repeat;
	background-size: 1700px 120px;

}

#coInfoBox {
	padding: 20px 20px 0px;
}

#companyProfile dl.profile {
	display: block;
	max-width: 960px;
	margin: 10px auto 0px auto;
	padding: 20px 0px 5px 0px;
	font-size: 90%;
	letter-spacing: 0.03em;
}

#companyProfile .profile dt {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 5px;
	color: #333;
}

#companyProfile .profile dd {
	margin: -3.1em 0px 10px 0px;
	padding: 0px 0px 10px 9em;
	border-bottom: 1px dotted #c0c0c0;
	color: #333;
}

#companyProfile .profile dd ul.companyList {
	margin: 0px 0px 30px 0px;
	padding: 0px 1em 5px 0px;
	width: 100%;
	white-space: nowrap;
	list-style-type:none;
	float: left;
	display:block;
	column-count: 2;
}

#companyProfile .profile dd .companyListBox {
	margin: 0px 0px 7px 5px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	clear: both;
}

#companyProfile .profile dd .companyListnum {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 90%;
	text-align: right;
	color: #999;
}

#companyProfile .profile dd .companyListcap {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	color: #333;
}
#mapPict {width:60%;}
#mapPict img {width:100%;}

#history .caution {
	margin: 0px 10px 0px 10px;
	padding: 0px 0px 0px 0px;
	font-size: 85%;
	letter-spacing: 0.03em;
}

#history dl.historys {
	display: block;
	max-width: 960px;
	margin: 10px auto 0px auto;
	padding: 20px 0px 5px 0px;
	font-size: 90%;
	letter-spacing: 0.03em;
}

#history .historys dt {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 5px;
	color: #333;
}

#history .historys dd {
	margin: -3.1em 0px 10px 0px;
	padding: 0px 0px 10px 9em;
	border-bottom: 1px dotted #c0c0c0;
	color: #333;
	background: url(../images/bg_history.gif) right bottom no-repeat;
}


#map {
	display: block;
	max-width: 960px;
	margin: 10px auto 0px auto;
	padding: 20px 0px 5px 0px;
	font-size: 90%;
	letter-spacing: 0.03em;
}

#map .mapText p {
	margin: 30px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	font-size: 90%;
	letter-spacing: 0.03em;
}

#map .mapNote p {
	margin: 10px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	font-size: 90%;
	letter-spacing: 0.03em;
}

#map #mapPict {
	margin: 5px 0px 10px 10px;
	padding: 0px 0px 0px 0px;
}



/*	faq
-------------------------------------------------------------*/
#faq h1 {
	margin-top: 10px;
	font-size: 175%;
	display: block;
}

#faq .faqBox {
	display: block;
	max-width: 960px;
	margin: 10px auto 0px auto;
	padding: 20px 20px 5px 20px;
	font-size: 90%;
	letter-spacing: 0.03em;
}


#faq .faqBox h3 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 5px;
	display: block;
	font-size: 90%;
	font-weight: bold;
	border-left: 5px solid #288200;
	border-bottom: 1px solid #c0c0c0;
}

#faq .faqBox ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	width: 100%;
	list-style-type:none;
	font-size: 90%;
	line-height: 1.6;
	display:block;
}

#faq .faqBox ul li.qBox {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	display:block;
	font-weight: bold;
	color: #c60;
	font-size: 125%;
}

#faq .faqBox ul li.aBox {
	margin: 10px 0px 0px 2em;
	padding: 0px 0px 10px 10px;
	display:block;
	border-bottom: 1px dotted #c0c0c0;
	padding-left: 1em;
	text-indent: -1em;
}

#faq .faqBox ul li.qBox:before {
	content:"Q.";
	display: inline-block;
	padding-right: 4px;
	font-size: 125%;
}
#faq .faqBox ul li.aBox:before {
	content:"A.";
	display: inline-block;
	padding-right: 4px;
	font-size: 125%;
	font-weight: bold;
	color: #288200;
}

/*	contact
-------------------------------------------------------------*/
#contact h1 {
	margin-top: 10px;
	font-size: 175%;
	display: block;
}


#contact .contactText {
	margin: 10px 0px 40px 0px;
}

#contact #contactBox {
	display: block;
	max-width: 960px;
	margin: 10px auto 0px auto;
	padding: 20px 0px 5px 0px;
	font-size: 90%;
	letter-spacing: 0.03em;
}

#contact #contactBox .cap {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 5px;
	display: block;
	font-weight: bold;
	border-left: 5px solid #288200;
	border-bottom: 1px solid #c0c0c0;
}

#contact #contactBox .text {
	margin: 0px 0px 30px 0px;
	padding: 0px 10px 0px 10px;
	display: block;
}





/*	privacy
-------------------------------------------------------------*/
#privacy h1 {
	margin-top: 10px;
	font-size: 175%;
	display: block;
}

#privacy #privacyBox {
	display: block;
	max-width: 960px;
	margin: 10px auto 0px auto;
	padding: 20px 20px 5px 20px;
	font-size: 90%;
	letter-spacing: 0.03em;
}

#privacy #privacyBox p {
	margin: 5px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	font-size: 90%;
	line-height: 1.6;
	letter-spacing: 0.03em;
}

#privacy #privacyBox h4 {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 90%;
	letter-spacing: 0.03em;
	font-weight: bold;
	border-bottom: solid #ccc 1px;
}

#privacy #privacyBox .companyPrivacy {
	margin: 30px 0px 0px 0px;
	padding: 0px 5px 0px 0px;
	text-align: right;
	display: block;
}

#privacy #privacyBox .signPrivacy {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 575px;
	height: 24px;
	line-height: 24px;
	display: block;
	text-indent: -10000px;
	background: url(../images/sign.gif) top right no-repeat;
}







.viewSP {
	display: none;
}
.viewPC {
	display: block;
}



/*===============================================
スマートフォン用
===============================================*/
@media screen and (max-width:960px){

a:hover {
	opacity: 1;
}
.container {
	padding-top: 60px;
}
.container .contents {
	min-width: auto;
}
#header {
	height: 50px;
}


.headerContainer {
	margin: 0 0;
}
.headerLogo {
	padding-top: 6px;
	padding-left: 10px;
	height: 50px
}

.headerLogo a {
	display: block;
	height: 100%;
	background: url("../img/logo_zoom.png") 0 0 / 100px auto no-repeat
}

.gnavi {
	width: 120px;
	cursor: pointer
}

.accordion ul {
	width: 100%;
	height: 100%;
}
.accordion ul li {
	position: relative;
	float: left;
	width: 60px;
	height: 50px;
	text-align: center;
}
.accordion ul li p {
	margin-top: 18px;
	color: #fff;
	font-size: 50%
}

.accordion ul li:nth-of-type(1) {
	background-color: #71bb2b;
}
.accordion ul li:nth-of-type(2) {
	background-color: #288200;
}

.burger-menu {
	position: absolute;
	top: 20px;
	left: 21px;
	height: 1px;
	width: 18px;
	background: #fff;
	-moz-transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out
}

.burger-menu:before, .burger-menu:after {
	position: absolute;
	right: 0;
	content: "";
	width: 18px;
	height: 1px;
	background: #fff;
	-moz-transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out
}

.burger-menu:before {
	top: -6px
}

.burger-menu:after {
	top: 6px
}

.gnaviOpen .burger-menu {
	height: 0
}

.gnaviOpen .burger-menu::before {
	top: 0;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg)
}

.gnaviOpen .burger-menu::after {
	top: 0;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg)
}

.gnavi > ul {
	display: none;
	position: absolute;
	z-index: 100;
	top: 50px;
	left: 0;
	width: 100%;
	min-width: 100%;
	height: 100vh;
	padding-top: 28px;
	background: rgba(255, 255, 255, 0.96);
	text-align: center;
	cursor: default
}

.gnavi > ul > li > a {
	display: block;
	padding: 20px 0;
	font-size: 16px
}

.gnavi > ul > li > a:before {
	content: none
}
.gnavi li.active > a,
.gnavi li:hover > a {
	color: #565656!important;
	background: #f8f8f8;
	transition-property: all;
	transition: 0.3s linear;
}

/*	footer
-------------------------------------------------------------*/

#footer .contentsFooter {
	margin: 40px 2% 10px;
	overflow: hidden;
}
#footer .contentsFooter ul {
	text-align: center;
	float: none;
	font-size: 75%;
	margin-bottom: 30px;
}
#footer .contentsFooter p.copyrightText {
	text-align: center;
	float: none;
	font-size: 75%;
}


/*	index
-------------------------------------------------------------*/

#index .mainVisual {
	text-align: center;
	padding-bottom: 20px;
	background: none;
}
#index .mainVisual img {
	width: 80%;
}
#index .topics {
	padding: 20px 0 40px;
	margin: 0px auto 40px;
	background: #f4f4f4;
}
#index .topics h2 {
	text-align: center;
	font-weight: 700;
	font-size: 150%;
	padding-bottom: 10px;
	color: #565656;
}
#index .topics ul {
	margin: 0px auto;
	width: 90%;
	font-size: 88%;
}
#index .topics ul li {
	display: block;
	margin-bottom: 30px;
}
#index .topics ul li .date {
	display: block;
	text-align: center;
	margin-bottom: 6px;
	padding-right: 0;
	vertical-align: top;
}
#index .topics ul li .text {
	display: block;
	vertical-align: top;
}


/*	common
-------------------------------------------------------------*/
.topickPath {
	margin: 0 2% 10px;
}

.mainCaption {
	text-align: center;
	min-height: 160px;
	background: #f9faf9 url(../img/bg_cap.png) 50% -30px no-repeat;
	background-size: 1700px auto;
	padding-top: 20px;
}


/*	message
-------------------------------------------------------------*/
#message .mainCaption h2 {
	text-indent: 0;
	white-space: normal;
	overflow: hidden;
	height: auto;
	background: none;
	font-size: 113%;
	padding: 0 15%;
}
#message .pageImage {
	margin-top: 0px;
}
#message .pageImageInner {
	position: relative;
	left: 0px;
	width: 100%;
	height: 400px;
}
#message .pageImageFig {
	width: 100%;
	height: 100%;
	background: url("../img/message_fig.jpg") 50% 50% / cover no-repeat
}

#message .messageBox {
	padding-top: 40px;
	margin: 0;
	padding: 40px 4% 0;
	width: 100%;
}

#message .messageBox .companyMsg {
	display: block;
	text-align: right;
	margin-top: 40px;
}
#message .messageBox .signMsg {
	display: block;
	text-align: right;
	margin-top: 0px;
}

/*	mc
-------------------------------------------------------------*/

#mc .mainCaption {
	text-align: left;
	padding-left: 40px;
	padding-right: 40px;
	background: url("../img/cover_mc.jpg") 100% 100% / 900px 470px no-repeat #f9faf9;
	height: 280px;
}
#mc .mainCaption h2 img {
	width: 66%;
	margin-left: 0px;
}
@media screen and (max-width:840px){
#mc .mainCaption {
	background: url("../img/cover_mc.jpg") 100% 100% / 100% auto no-repeat #f9faf9;
	height: 280px;
}
}
@media screen and (max-width:640px){
#mc .mainCaption {
	background: url("../img/cover_mc.jpg") 100% 100% / 100% auto no-repeat #f9faf9;
	height: 180px;
}
#mc .mainCaption h2 img {
	width: 100%;
	margin-left: 0px;
}
#mc h3 {
	text-align: center;
	font-size: 125%;
}

#mc .aboutMCBox {
	margin: 0 auto;
	padding: 0px 0px 0px;
}

#mc .aboutMCBox.app,
#mc .aboutMCBox.mc {
	display: block;
}
#mc .aboutMCBox.mc .imgBox,
#mc .aboutMCBox.app .imgBox {
	display: block;
	width: 100%;
	text-align: center;
}
#mc .aboutMCBox.app img {
	width: 50%;
	margin: 20px auto;
}

#mc .aboutMCBox.mc img {
	width: 60%;
	margin: 60px auto;
	padding-left: 30px;
}
}

#mc .aboutMCBox.app dl {
	padding: 0px 0px 0px 0px;
	display: block;
	vertical-align: top;
}




#map #mapPict {
	margin: 5px 10px 10px 10px;
	padding: 0px 0px 0px 0px;
}
#map #mapPict img {
	width: 100%;
}


.accordion ul li.nav-toggle p {
	margin-top: 36px;
	color: #fff;
	font-size: 50%
}

/*	companyProfile
-------------------------------------------------------------*/
#companyProfile {
	font-size: 86%;
}
#companyProfile .profile dd {
        margin: -3.1em 0px 10px 0px;
        padding: 0px 0px 10px 9em;
        border-bottom: 1px dotted #c0c0c0;
        color: #333;
    }
#history .historys dd {
	margin: -3.1em 0px 10px 0px;
	padding: 0px 0px 10px 7em;
	border-bottom: 1px dotted #c0c0c0;
	color: #333;
	background: url(../images/bg_history.gif) right bottom no-repeat;
}


#companyProfile .profile dt.companyList {
	width: 100%;
}

#companyProfile .profile dd.companyList {
	margin: 0em 0px 10px 0px;
	padding: 0px 0px 10px 0em;
	border-bottom: 1px dotted #c0c0c0;
	color: #333;
}
#companyProfile .profile dd ul.companyList {
	margin: 0px 0px 30px 0px;
	padding: 0px 1em 5px 0px;
	width: 100%;
	white-space: normal;
	list-style-type:none;
	float: left;
	display:block;
	column-count: 1;
}
#mapPict {width:100%;}

/*	pmc
-------------------------------------------------------------*/

#pmc #aboutPMCBox {
	margin: 0 auto;
	padding: 20px 10px 0px;
	display: block;
	max-width: 960px;
}
#pmc #aboutPMCBox dl {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
}


/*	contact
-------------------------------------------------------------*/

#contact #contactBox {
	margin: 0 auto;
	padding: 20px 10px 0px;
	display: block;
	max-width: 960px;
}



.viewSP {
	display: block;
}
.viewPC {
	display: none;
}


}