@charset "utf-8";
/* CSS Document */
/* ---reset------------------------------------------ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,p,blockquote,section,nav,header,footer{margin:0;padding:0;}ul li,ol li {list-style:none;} h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}input,textarea,select{ font-family: inherit;font-size:inherit; font-weight:inherit;}input,textarea,select{ *font-size:100%;}a img { border: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;}
/* ---common----------------------------------------- */
.cf:before,.cf:after {content: " "; display: table;}.cf:after {clear: both;}.cf {*zoom: 1;}
.alpha a:hover img {opacity: 0.8;filter: alpha(opacity=80);-ms-filter: "alpha(opacity=80)";}
img {border: 0px; vertical-align: bottom;image-rendering: -webkit-optimize-contrast;}

#pagetop {position:fixed;bottom:50px;right: 50px;}
#pagetop a {color: #FFF;padding: 2em 1em;text-align: center;font-size: 0.75em;text-decoration: none;border-radius: 6px; }
#pagetop a:hover {opacity: 0.8;-ms-filter: "alpha(opacity=80)";filter: alpha(opacity=80);}
/*pagetop float*/

.ggmap {position: relative;padding-bottom: 75%;padding-top: 30px;height: 0;overflow: hidden;}
.ggmap iframe,
.ggmap object,
.ggmap embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.brsp {display:none;}

.pc {display: block;} 
.sp {display: none;}

.flexBox {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
	-webkit-justify-content: space-between;
			justify-content: space-between;
}

body {
	font-size: 14px;
	color: #1F1F1F;
	font-family: "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif;
	background: #ffffff;
}

a:link {
color: #005BAB;
}

a:visited {
color: #005BAB;
}

a:hover {
color: #00A3D9;
text-decoration:underline;
}

a:active {
color: #00A3D9;
}

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

textarea {display: block;}

input.w320 {width: 320px;}

input.w502 {width: 502px;}

textarea.w502 {width: 502px;height: 86px;}

.inner {
	margin: 0 auto;
	width: 100%;
	max-width: 1000px;
}

header.pc {
	padding-top: 110px;
	width:100%;
	color: #ffffff;
	background: #292F33;
	position: fixed;
	z-index: 999;
}

header.pc .inner {
	padding: 10px 0 30px;
	margin:  auto;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;	
}

header.pc .inner .flexBox {
	align-items: center;
}

header.pc ul li a {
	color: #ffffff;
	text-decoration: none;
}

header.pc h1 , .fix-header h1 {
	width: 375px;
}

header.pc .headerText {
	text-align: right;
}

/* -------------------------------------------------- */
/* ----header nav------------------------------------ */
nav.globalNav {
	margin: 33px 0 0 auto;
	width: 468px;
}

nav.globalNav li {
	align-self: center;
	font-size: 14px;
}

nav.globalNav li:nth-of-type(1) img,
nav.globalNav li:nth-of-type(2) img,
nav.globalNav li:nth-of-type(3) img,
nav.globalMenuSP ul li:nth-of-type(8) img,
nav.globalMenuSP ul li:nth-of-type(9) img {
	margin-right: 3px;
	vertical-align: middle;
}

nav.globalNav li:nth-of-type(4) ,
nav.globalNav li:nth-of-type(5) ,
nav.footerNav2 ul + ul li:nth-of-type(4) ,
nav.footerNav2 ul + ul li:nth-of-type(5) {
	width: 30px;
}

nav.globalNav1 li:last-of-type {
	width: 174px;
}

nav.headerNav ul.globalNav2 {
	margin: 0 auto;
	padding: 10px 0;
	width: 100%;
	max-width: 1000px;
	vertical-align: middle;
}

ul.headerNav1 , ul.fixNav1 {
/*	justify-content: center;*/
	width: 100%;
}

ul.headerNav1 > li , ul.fixNav1 > li , ul.footerNav1 > li {
	position: relative;
	align-self: center;
}

ul.headerNav1 > li > a , ul.headerNav1 > li > span ,
ul.fixNav1 > li > a , ul.fixNav1 > li > span ,
ul.footerNav1 > li > a , ul.footerNav1 > li > span {
	display: block;
	padding: 3px 1em;
	width: auto;
	height: auto;
	font-size: 18px;
	color: #ffffff;
	text-decoration: none;
	transition: 0.2s;
}

ul.headerNav1 li a:hover {
	color: #000000;
	background: rgba( 230 , 242 , 255 , 0.8 );
	transition: 0.6s;
}

ul.headerNav1 li:hover > ul > li , ul.fixNav1 li:hover > ul > li , ul.footerNav1 li:hover > ul > li {
	overflow: visible;
	height: 48px;
}


/* -------------------------------------------------- */
/* ----slider---------------------------------------- */
#headerSliderArea {
	width: 100%;
	height: 518px;
	z-index: 0;
}

#headerSliderArea:after{
	content:".";
	display: block;
	clear: both;
	width: 100%;
	max-height: 0;
	visibility: hidden;
	z-index: 0;
}

#headerSliderArea .skippr {
	padding: 0;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	max-height: 518px;
	z-index: 0;
	position: relative;
	overflow: hidden;
}

#headerSliderArea .skippr .sliderItem{
	width:100%;
	height: 518px;
}

#headerSliderArea .skippr .skippr-nav-container {
	position: absolute;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	overflow: auto;
	z-index: 100;
}

#headerSliderArea .skippr-nav-element-block {
	width: 18px;
	height: 18px;
	margin: 0 4px;
	border-radius: 50%;
}

#headerSliderArea .skippr-nav-element-active {
	background: #ff0000;
}

#headerSliderArea .skippr .sliderItem .sliderText{
	margin-bottom: 168px;
	text-align: right;
	align-self: flex-end;
}

#headerSliderArea .skippr .sliderItem .sliderText img {
	margin: auto 0 auto auto;
	width: 664px;
}

header.pc div.video-wrap {
	margin: 0;
	height: 760px;
    position: relative;
    max-width: inherit;
    overflow: hidden;
}

/* -------------------------------------------------- */
/* ----h2-------------------------------------------- */
h2 {
    margin: 0 auto 25px;
/*    padding: 50px 0 0 0;*/
    width: 100%;
/*    line-height: 100%;*/
    padding-bottom: 0.1em;
    letter-spacing: 0em;
    text-align: left;
}

h2.title {
	width: 100%;
	max-width: 1000px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
				justify-content: space-between;
	-webkit-align-items:  flex-start;
				align-items:  flex-start;
}

h2.title span {
	position:relative;
	display: inline-block;
}

h2.title span::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0.5px;

}

h2.title span.rightTxt {
	position: inherit;
	display: inline;
}

h2.title span.rightTxt::before {
	content: "";
	width: auto;
	height: auto;
	border-bottom: none;
}

h2.title span img {
	height: 48px;
}

/* -------------------------------------------------- */
/* ----index----------------------------------------- */
.topContents {
	padding-top: 110px;
}

.topContents > div {
padding-top: 100px;
margin-top: -100px;
}

.infoArea {
	margin: 30px auto 42px;
}

.infoArea h2.title , .page h2.title {
	padding: 14px 14px 15px 16px;
	margin-bottom: 17px;
	color: #ffffff;
	background: #292f33;
	border-radius: 3px;
}

.infoArea h2.title span,.infoArea h2.title span.rightTxt {height: 20px;}

.infoArea h2.title span img {
	height: inherit;
}

.infoArea ul.infoBox {
	width: 100%;
	margin: 28px auto 0;
}

ul.infoBox li ul {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-around;
				justify-content: space-around;
	-webkit-align-items: baseline;
				align-items: baseline;
	
	text-align: left;
}
ul.infoBox > li {
	margin: 18px auto 0;
}

ul.infoBox li:first-child {
	margin-top: 0;
}

ul.infoBox li ul li.infoImage {
	padding: 5px;
	width: 118px;
}

ul.infoBox li ul li.infoDate {
	margin-top: 6px;
	width: 105px;
	font-size: 14px;
}

ul.infoBox li ul li.infoTag {
	margin-top: 3px;
	padding: 2px 0 4px;
	font-size: 14px;
	color: #FFFFFF;
	width: 102px;
	text-align: center;
	border-radius: 5px;
}

ul.infoBox li ul li.tag01 {/*お知らせ*/
	background: #ff8000;
}

ul.infoBox li ul li.tag02 {/*ご案内*/
	background: #d90000;
}

ul.infoBox li ul li.infoText {
	margin: 3px 4px 4px 12px;
	width: 766px;
}
ul.infoBox li ul li.infoText a {
	text-decoration: none;
}

ul.infoBox li ul li.infoText {
	margin-top: 11px;
	font-size: 14px;
}
ul.infoBox li ul li.infoText img , .press .pressText img , .shanghai .shanghaiTitle img {
	margin-right: 8px;
	vertical-align: middle;
}

ul.infoBox li ul li .title {
	margin-bottom: 10px;
	font-size: 18px;
	text-align: left;
}s

ul.infoBox li ul li .title a {
	color: #1F1F1F;
}

ul.infoBox li .infoLast {
	justify-content: flex-end;
}

ul.infoBox li .infoLast a {
	text-decoration: none;
}

ul.infoBox li .infoLast li + li {
	margin-left: 22px;
}




.infoArea .twitterArea {
	width: 225px;
}

.infoArea .infoBtnArea div {
	width: 24%;
}

.servicesArea {
	padding: 20px 0 34px;
	background: #E6F2FF;
}

.servicesArea h2 {
	margin-bottom: 18px;
}

.servicesArea .servicesBox {
	width: 32%;
	background: #ffffff;
	border: 4px solid #444444;
	border-radius: 8px;
	flex-direction: column;
}

.servicesArea .servicesBox:nth-of-type(n+4) {
	margin-top: 18px;
}

.servicesBox .servicesTitle {
	padding: 15px;
	text-align: center;
	font-size: 25px;
	line-height: 1em;
	background: #f0f1f1;
	border-radius: 8px 8px 0 0;
}

.servicesBox .servicesText {
	padding: 10px 15px 34px;
	font-size: 16px;
	flex-grow:1;
}

.aboutArea {
	padding: 30px 0 36px;
}

.aboutArea h2 {
	margin-bottom: 16px;
}

.inqArea {
	padding: 32px 0 25px;
	background: #eeeeee;
}




footer { 
	padding: 42px 0 62px;
	color: #FFFFFF;
	text-align: center;
	background: #292F33;
}

footer .footerLogo {
	margin: 0 auto;
	width: 373px;
}

footer .footerNumber {
	margin: 18px auto 38px;
	width: 172px;
}

footer .footerText {
	margin-top: 20px;
	font-size: 16px;
}

footer .mapArea {
	margin: 18px 0 28px;
}

footer .mapBox {
}

footer .mapBox:nth-of-type(n+4) {
	margin-bottom: 0;
}

footer .mapBox iframe {
	margin-bottom: 15px;
	width: 365px;
	height: 224px;
}

footer small {
	font-size: 16px;
	color: #ffffff;
}
.fix-header {
	padding: 8px 0 0;
	margin: 0 auto;
	width: 100%;
	min-height: 110px;
	position: fixed;
	top: -100px;
	left: 0;
	opacity:0;
	z-index: 1000;
	background-color: #001c77;
	}

.fix-header a {
	font-size: 16px;
	color: #ffffff;
	text-decoration: none;
}

.fix-header a:hover {
	background: rgba(100 , 100 , 100 , 0.4);
	transition: 0.6s;
}

.fix-header .globalNav1 a {
	font-size: 14px;
}

.cb-header {
	position: fixed;
	left:0;
	visibility: hidden;
}

table.productTable {
}

table.borderTable {
	width: 100%;
}

table.borderTable > tbody > tr > th {
	padding: 14px 18px 14px;
	font-weight: normal;
	text-align: left;
	font-size: 18px;
	vertical-align: top;
	background: #eeeeee;
	border:1px solid #303030;
}

table.borderTable > tbody > tr > td {
	padding: 14px 22px 14px;
	text-align: left;
	font-size: 18px;
	background: #ffffff;
	border:1px solid #303030;
}

table.noBorderTable >tbody > tr > td:nth-of-type(1) {
	padding-right: 15px;
}

table.inqTable > tbody > tr > td {
	padding: 3px;
}

.inqArea .btnArea {
	margin: 6px auto 0;
	width: 320px;
	
}

div.rightTxt {
	margin:0 0 0 auto;
	text-align: right;
}

/* -------------------------------------------------- */
/* ----page------------------------------------------ */
header.pc.page {position: inherit;}


.pageContents {
	margin: 33px 0 50px;
}

.pageContents h2.title {
	padding: 14px 14px 15px 16px;
	font-size: 20px;
	color: #ffffff;
	background: #001c77;
}

.pageContents h3.title {
	padding: 14px 14px 15px 16px;
	margin-bottom: 17px;
	font-size: 24px;
	color: #ffffff;
	background: #292f33;
}


.pageContents h3 + p, .pageContents h3 + div {margin-top: 10px;}

.pageContents p + p, .pageContents div + p {margin-top: 15px;}

.pageContents p + div.imageBox {margin-top: 30px;}

.pageContents h2 + .pageRead , .pageContents p + h3, .pageContents div + h3 {margin-top: 20px;}

.pageContents .pdfImage {margin: 0 auto;width: 50%;}

.pageContents .bold {font-weight: 600;}

.pageContents .pageRead p {
	line-height: 2em;
}

.headingText {
	font-size: 1.8em;
	color: #001c77;
}






/*----------------------テキストスタイル*/

.strong {font-weight: 600;}

.red {color: #ff0000;}

.ss {
	font-size: 0.9em;
}


.s19 {
	font-size:19px;
	font-weight: 600;
}


.ss12blue{
	color:#001E8D;
	font-weight: normal;
}
.ss8 {
	font-size: 8px;
	color: #777777;
}

.ss10 {
	font-size: 10px;
	color: #999999;
	line-height: 140%;
}
.ss9 {
	font-size: 9px;
	color: #999999;
}


.ss12b {
	font-size: 12px;
	font-weight: 600;
	color: #777777;
	line-height: 140%;
}
.ss12w {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}


.ss12lblue {
	font-size: 12px;
	font-weight: bold;
	color: #5AB6F7;
}

.ss12lblue2 {
	font-size: 12px;

	color: #5AB6F7;
}
.ss12lineb{
	font-size:12px;
	font-weight: 600;
	color: #777777;
	text-decoration: underline;
}

.ss12pink{
    color:#F7879F;
	font-weight: bold;
}

.ss12pink2{
	color:#FF8385;
	font-weight: bold;
}
.ss12pink3 {
	font-size: 12px;
	color: #F19B84;
}
.ss12pink4 {
	font-size: 12px;
	color: #FF7F83;
}


.ss12red{
	font-size: 12px;
	color: #FF0000;
	line-height: 140%;
}

.ss12org{
	color:#F9C03B;
	font-weight: normal;
}
.ss11 {
	font-size: 11px;
	color: #777777;
	line-height: 180%;
}
.ss11blue {
	font-size: 11px;
	color: #0066CC;

}
.ss11hanix {
	font-size: 11px;
	font-weight: bold;
	color: #00AFAF;
}
.ss12hanix {
	font-size: 12px;
	color: #00AFAF;
	font-weight: bold;
	line-height: 140%;
}


.ss12orange{
	font-size: 12px;
	color: #FF9900;
}

.ss12blue{
	font-size: 12px;
	color: #0066CC;
}

.ss12pink {
	font-size: 12px;
	font-weight: bold;
	color: #F55FB4;
}
.ss12pink5 {
	font-size: 12px;
	line-height: 137%;
	color: #F37F88;
}



.ss12green{
	font-size: 12px;
	color: #8BBB93;
}

.ss13red{
	font-size: 13px;
	color: #CC0000;
}

.ss13orange{
	font-size: 13px;
	color: #FF9900;
}

.ss13blue{
	font-size: 13px;
	color: #0066CC;
}

.ss14hanix {
	font-size: 14px;
	color: #00AFAF;
	font-weight: bold;
}

.ss14b {
	font-size: 14px;
	color: #555555;
	font-weight: bold;
	
}
.ss14 {
	font-size: 14px;
	color: 777777;
	line-height: 140%;
}

.ss14blue2 {
	font-size: 14px;
	color: #83C9BE;
}

.ss14pink{
    font-size: 14px;
    color:#F7879F;
	font-weight: bold;
}
.ss15hanix {
	font-size: 15px;
	color: #00AFAF;
	font-weight: bold;
	padding-bottom: 3px;
}
.ss15 {
	font-size: 15px;
	font-weight: 600;
	color: #777777;
}
.ss14blue {
	font-size: 14px;
	font-weight: bold;
	color: #5AB6F7;
}


.ss16pink{
    font-size: 16px;
    color:#F7879F;
	font-weight: bold;
}

.ss16hanix {
	font-size: 16px;
	color: #00AFAF;
	font-weight: bold;
}
.ss16red {
	font-size: 16px;
	color: #FF0101;
	line-height: 130%;
}
.ss16red2 {
	font-size: 16px;
	color: #E40013;
	line-height: 137%;
}

@media screen and (max-width: 768px) {
	.pc {display: none;}
	.sp {display: block;}
	
	header { padding: 1em 0;}
	
	header.sp {padding: 0.5em 0;background: #292F33;}
	
	header h1 {width: 60vw;}

	/*header ul li , */header ul li:last-child {width: 30%;}
	
nav.globalMenuSP {
	position: fixed;
	z-index: 998;
	top: 0;
	left: 0;
	background-color: #292f33;
	color: #ffffff;
	text-align: center;
	transform: translateY(-100%);
	transition: all 0.6s;
	width: 100%;
}

nav.globalMenuSP ul {
	background: #292f33;
	margin: 0 auto;
	padding: 0;
	width: 100%;
}

nav.globalMenuSP > ul > li {
	font-size: 1.1em;
	list-style-type: none;
	padding: 0;
	width: 100%;
	border-bottom: 1px dotted #FFFFFF;
}

nav.globalMenuSP > ul > li:last-child {
	margin: 0.5em 0;
	padding-bottom: 0;
	border-bottom: none;
}

nav.globalMenuSP ul li a {
	display: block;
	color: #ffffff;
	padding: 1em 0;
	text-decoration: none;
}

nav.globalMenuSP ul li ul.flexBox { 
	justify-content: center;
	align-items: center;
	}

nav.globalMenuSP ul li ul.flexBox li + li {margin-left: 1em;}

nav.globalMenuSP ul li ul.flexBox li {width: 45px;}

nav.globalMenuSP .spHeaderNav2 {background: #334273;}

nav.globalMenuSP .spHeaderNav2 li {
	width: 100%;
	border-bottom: none;
}

nav.globalMenuSP .spHeaderNav2 ul li a {padding: 0;}

	nav.globalMenuSP ul li a{
	padding: 0.5em 0;
	}

	/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSP.active {
	transform: translateY(0%);
}

.navToggle {
	display: block;
	position: fixed;
	top: 0;
	right: 0;
	width: 42px;
	height: 42px;
	cursor: pointer;
	z-index: 999;
	background: #292f33;
	text-align: center;
}

.navToggle span {
	display: block;
	position: absolute;	/* .navToggleに対して */
	width: 30px;
	border-bottom: solid 3px #ffffff;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
	left: 6px;
}

.navToggle span:nth-child(1) {
	top: 9px;
}

.navToggle span:nth-child(2) {
	top: 18px;
}

.navToggle span:nth-child(3) {
	top: 27px;
}

.navToggle span:nth-child(4) {
	border: none;
	color: #eee;
	font-size: 9px;
	font-weight: bold;
	top: 34px;
}
/* 最初のspanをマイナス45度に */
.navToggle.active span:nth-child(1) {
	top: 18px;
	left: 6px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* 2番目と3番目のspanを45度に */
.navToggle.active span:nth-child(2),
.navToggle.active span:nth-child(3) {
	top: 18px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

	.topContents {padding-top: 0;}

	.topContents > div {padding-top: 0;margin-top: 0;}

/* ---sp slider--------------------------------------- */
	#headerSliderArea , #headerSliderArea .skippr .sliderItem {height: 250px;}
	
	#headerSliderArea .sliderItem {
		width: 100vw;
		background-size: contain;
	}

	#headerSliderArea .skippr .sliderItem .sliderText {margin: auto 0;}

	#headerSliderArea .skippr .sliderItem .sliderText img {width: 85vw;margin: auto 0;}

	
	.inner {
		margin: 0 auto;
		width: 96vw;
		max-width: 100vw;
	}

	
	h2 {padding-top: 1em;}
	
	.infoArea {	margin: 1em 0;}
	
	.infoArea h2.title span, .infoArea h2.title span.rightTxt { height: 1.2em;}
	
	ul.infoBox li ul {flex-wrap: wrap;}
	
	ul.infoBox li ul li.infoImage , ul.infoBox li ul li.infoText{width:  100%;}
	
	ul.infoBox li ul li.infoDate {align-self: center;}

	.infoArea .infoBtnArea div {width: 48%;}
	
	.infoArea .infoBtnArea div:nth-of-type(n+3) {margin-top: 0.5em;}
	
	h2.title span img , h2.title span.rightTxt img {
		height: 25px;
	}
	
	.servicesArea h2 { flex-wrap: wrap;}

	.servicesArea h2 span.rightTxt {margin: 0 0 0 auto;}

	.servicesArea .servicesBox {width: 100%;}
	
	.servicesArea .servicesBox + .servicesBox { margin-top: 0.8em;}

	.servicesArea .center {font-size: 1.4em;}

	.clientsArea .clientsBox div {width: 24%;}
	
	.clientsArea .clientsBox div:nth-of-type(n+5) {margin-top: 5px;}
	
	.groupArea .groupLeft, .groupArea .groupRight, .groupArea .groupBox {width: 100%;}
	
	.groupArea .groupRight {margin:3px;}
	
	.borderTable.formTable th , .borderTable.formTable td {
		width: 100%;
		display: block;
	}

table.borderTable.formTable > tbody > tr > th , table.borderTable.formTable > tbody > tr > td ,
.seminar .seminarTable > tbody > tr > td {
	width: 100%;
	max-width: inherit;
	display: block;
	border-bottom: none;
	}

	table.borderTable.formTable > tbody > tr > th {
	padding-left: 4px;
}

table.formTable th {
	width: 100%;
	max-width: inherit;
	display: block;
	border-bottom: none;
	}
	
table.borderTable.formTable td.last {border-bottom:1px solid #000000;}

table.formTable td .w320, table.formTable td .w502 {width: 100%;}

	footer .footerLogo {width: 60vw;}

	footer nav {margin: 1.5em 0;}
	
	footer nav li , footer nav li + li {border: 0;}
	
	footer nav li + li , nav.footerNav2 ul.nav2-1 li + li  {margin-left: 10px;}
	
	ul.footerNav1 li:hover > ul > li { display: none;}
	
	footer .mapArea > div {
		padding: 0.5em 0;
		width: 100%;
	}
	
	footer .mapBox {margin-bottom: 0;width: 100%;}
	
	footer .mapBox iframe {width: 100%;}
	
	footer .mapArea > div.flexBox div {width: 100%;}
	
	.fix-header {display: none;}
	
	.topPageContents {
		padding-top: 0;
	}
	
	.pageContents.service .serviceBox {margin: 0;width: 100%;}
	
	.pageContents.service .serviceImageBox {width: 100%;}
	
	.pageContents.service .serviceImageBox .triangle {margin: 8px;}
	
}