@charset "UTF-8";

body {
}

#topmain {
	width: 100vw;
	height: 100vh;
	background-size: 120vw;
	background-repeat: no-repeat;
	background-position: left -12vw top 0vw;
	background-image: url(../images/topmain.png);
	position: relative;
}

#topmain h2 {
	position: absolute;
	top: 30vw;
	left: 0;
	right: 0;
	margin: auto;
	width: 50%;
	font-family: Hiragino Sans,'ヒラギノ角ゴシック',Hiragino Kaku Gothic ProN,'ヒラギノ角ゴ ProN W3','メイリオ',Meiryo,sans-serif;
	font-size: 240%;
	font-weight: 100;
	line-height: 120%;
	text-align: center;
}

@media screen and (max-width: 768px) {
	#topmain {
		background-size: 150vw;
//		background-size: contain;
		background-repeat: no-repeat;
		background-position: left -27vw top;
		background-image: url(../images/topmain.png);
		position: relative;
	}
	#topmain h2 {
		top: 75vw;
		width: 80%;
		font-size: 150%;
		font-weight: 100;
	}
}

.whatwedo {
	width: 100vw;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	margin-top: 60px;
	padding-top: 65vh;
}
.whatwedo .inner {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.whatwedo .inner .caption {
}
.whatwedo .inner .caption p {
	text-align: center;
	line-height: 160%;
	font-size: 100%;
	color: #030303;
	color: #666;
	margin-bottom: 1.5em;
}
.whatwedo .inner .caption p.lead {
	font-family: Hiragino Sans,'ヒラギノ角ゴシック',Hiragino Kaku Gothic ProN,'ヒラギノ角ゴ ProN W3','メイリオ',Meiryo,sans-serif;
	text-align: center;
	line-height: 180%;
	font-size: 150%;
	font-weight: normal;
	color: #FFBF00;
	margin-bottom: 1em;
}


@media screen and (max-width: 820px) {
	.whatwedo {
		padding-top: 90%;
	}
	.whatwedo h2 {
		font-size: 160%;
		margin-bottom: 1em;
	}
	.whatwedo .inner {
	}
	.whatwedo .inner .caption {
	}
	.whatwedo .inner .caption p {
		font-size: 75%;
		margin-bottom: 1em;
	}
	.whatwedo .inner .caption p.lead {
		line-height: 160%;
		font-size: 100%;
		margin-bottom: 1em;
	}
}

.boldtext {
	display: block;
	margin-top: 0.5em;
	margin-bottom: 0em;
	font-weight: bold;
	font-size: 110%;
}


.services {
	width: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	-js-display: flex;
	display: flex;
	-webkit-box-orient: block-axis;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;
	margin-top: -20%;
	position: relative;
}
.services .column {
	width: 40%;
	margin-left: 5%;
//	margin-top: 20%;
//	margin-top: -15%;
}
.services .column h2 {
	font-family: 'Lato', sans-serif;
	font-size: 180%;
	font-weight: 400;
	line-height: 120%;
	margin-bottom: 1.2em;
}

.services .column .inner {
	width: 100%;
}
.services .column .inner p.lead {
	font-size: 120%;
	font-weight: 300;
	color: #FFBF00;
	letter-spacing: normal;
	line-height: 100%;
	margin-bottom: 1em;
}
.services .column .inner p.lead span {
	font-family: 'Lato', sans-serif;
	font-size: 100%;
	letter-spacing: normal;
	line-height: 100%;
	font-weight: 700;
	display: inline;
	margin: 0!important;
}
.services .column .inner p {
	text-align: left;
	line-height: 180%;
	font-size: 85%;
	margin-bottom: 1em;
}
.services .column .inner .btncabinet {
	margin-top: 2em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-js-display: flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: flex-start;
	-ms-justify-content: flex-start;
	justify-content: flex-start;
/*
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
*/
/*
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-js-display: flex;
	display: flex;
	-webkit-box-orient: block-axis;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: left;
	justify-content: left;
*/
}
.services .column .inner .btncabinet a {
	display: block;
	width: 12em;
	margin-left: auto;
	margin-right: auto;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(border-radius.htc);
	background-color: #000;
	font-size: 70%;
	color: #FFF;
	text-decoration: none;
	text-align: center;
}
.services .column .inner .btncabinet a:hover {
	background-color: #999;
	color: #FFF;
	text-decoration: none;
}
.secbtn {
	margin-left: 2%;
	padding: 0!important;
}

.serviecs .columnright {
}
.services .columnright img {
}

#page1 {
	height: 95%!important;
}

.works1 {
	background-size: 100vw;
	background-repeat: no-repeat;
	background-position: left 0% bottom 55%;
	background-image: url(../images/works1.png);
}
.works2 {
	background-size: 100vw;
	background-repeat: no-repeat;
//	background-position: left 0% bottom 60%;
	background-position: left 0% bottom 55%;
	background-image: url(../images/works2.png);
}
.works3 {
	background-size: 100vw;
	background-repeat: no-repeat;
//	background-position: left 0% bottom 60%;
	background-position: left 0% bottom 55%;
	background-image: url(../images/works3.png);
}


@media screen and (max-width: 820px) {
	.services {
		width: 100%;
		display: -webkit-flex;
		display: -ms-flexbox;
		-js-display: flex;
		display: flex;
		-webkit-box-orient: block-axis;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		-webkit-align-items: flex-start;
		-ms-align-items: flex-start;
		align-items: flex-start;
		margin-top: -50%;
		position: relative;
	}
	.services .column {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	.services .columnright {
		display: none;
	}
	.services .column h2 {
		font-family: 'Lato', sans-serif;
		font-size: 160%;
		font-weight: 400;
		line-height: 120%;
		margin-bottom: 1em;
	}
	
	.services .column .inner {
		text-align: center;
	}
	.services .column .inner p.lead {
		font-size: 100%;
		color: #FFBF00;
		letter-spacing: normal;
		line-height: 100%;
		margin-bottom: 1em;
	}
	.services .column .inner p {
		text-align: center;
		line-height: 160%;
		font-size: 80%;
		margin-bottom: 1em;
	}
	
	.works1 {
		background-size: contain;
		background-repeat: no-repeat;
		background-position: right 0% bottom 18%;
		background-image: url(../images/works1.png);
	}
	.works2 {
		background-size: contain;
		background-repeat: no-repeat;
		background-position: right 0% bottom 18%;
		background-image: url(../images/works2.png);
	}
	.works3 {
		background-size: contain;
		background-repeat: no-repeat;
		background-position: right 0% bottom 18%;
		background-image: url(../images/works3.png);
	}
	
	.services .column .inner .btncabinet {
		margin-top: 1em;
	}
}
@media screen and (max-height: 768px) {
	.services {
	}
/*
	.works1 {
		height: 100vh;
	}
	.works2 {
		height: 100vh;
	}
	.works3 {
		height: 100vh;
	}
*/
}
@media screen and (max-height: 640px) {
	.services {
	}
	.services .column {
	}
	.services .columnright {
	}
	.services .column h2 {
		font-family: 'Lato', sans-serif;
		font-size: 160%;
		font-weight: 400;
		line-height: 120%;
		margin-bottom: 1em;
	}
	
	.services .column .inner {
	}
	.services .column .inner p.lead {
		font-size: 100%;
		color: #FFBF00;
		letter-spacing: normal;
		line-height: 100%;
		margin-bottom: 1em;
	}
	.services .column .inner p {
		text-align: center;
		line-height: 160%;
		font-size: 80%;
		margin-bottom: 1em;
	}
	.top {
		padding-top: 60px;
	}
	.works1 {
		background-repeat: no-repeat;
		background-position: right 0% bottom 15%;
	}
	.works2 {
		background-position: right 0% bottom 15%;
	}
	.works3 {
		background-position: right 0% bottom 15%;
	}
}
@media screen and (max-height: 500px) {
	.services .column {
		width: 40%;
		margin-left: 5%;
		margin-top:  10%;
	}
	.works1 {
		background-size: contain;
		background-repeat: no-repeat;
		background-position: right 0% bottom 5%;
		background-image: url(../images/works1.png);
	}
	.works2 {
		background-size: contain;
		background-repeat: no-repeat;
		background-position: right 0% bottom 5%;
		background-image: url(../images/works2.png);
	}
	.works3 {
		background-size: contain;
		background-repeat: no-repeat;
		background-position: right 0% bottom 5%;
		background-image: url(../images/works3.png);
	}
}



.servicesub {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-js-display: flex;
	display: flex;
	-webkit-box-orient: block-axis;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10%;
}
.servicesub .leftcolumn {
	width: 38%;
	padding-bottom: 5%;
	margin: 0;
}
.servicesub .leftcolumn h2 {
	font-size: 150%;
	font-weight: normal;
	line-height: 120%;
	margin-bottom: 2em;
//	text-align: center;
}

.servicesub .leftcolumn .inner {
	position: relative;
}
.servicesub .leftcolumn .inner p.lead {
	font-family: 'Lato', sans-serif;
	font-size: 140%;
	color: #999;
	letter-spacing: normal;
	line-height: 100%;
//	text-align: center;
	margin-bottom: 1em;
}
.servicesub .leftcolumn .inner p.lead span {
	font-family: 'Lato', sans-serif;
	font-size: 100%;
	letter-spacing: normal;
	line-height: 100%;
	font-weight: 700;
	display: inline;
	margin: 0!important;
}
.servicesub .leftcolumn .inner p {
//	text-align: center;
	line-height: 180%;
	font-size: 85%;
	margin-bottom: 1em;
}
.servicesub .leftcolumn .inner p.blocktitle {
//	text-align: center;
	line-height: 140%;
	font-size: 100%;
	padding: 0.5em;
	margin-bottom: 0.5em;
}
.servicesub .leftcolumn .inner p.blocktitle a {
	text-decoration: none;
	color: #3a77b4;
}

.servicesub .leftcolumn .inner p.sumally {
	padding-top: 1em;
	padding-bottom: 1em;
//	text-align: center;
	line-height: 180%;
	font-size: 90%;
	margin-bottom: 0;
}
.servicesub .leftcolumn .inner div.sumallyline {
	width: 100%;
	height: 2px;
//	margin-left: auto;
//	margin-right: auto;
	background-color: #333;
}

.servicesub .rightcolumn {
	width: 60%;
}
.servicesub .rightcolumn img {
	width: 100%;
	margin-bottom: 5%;
}

@media screen and (max-width: 880px) {
	.servicesub {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	.servicesub .leftcolumn {
//		width: 100vw;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	.servicesub .rightcolumn {
//		width: 100vw;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
}


.aboutus {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10%;
	padding-bottom: 20%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-js-display: flex;
	display: flex;
	-webkit-box-orient: block-axis;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}
.aboutus h2 {
	position: relative;
	font-family: 'Lato', sans-serif;
	font-size: 240%;
	font-weight: 400;
	line-height: 120%;
	letter-spacing: 0.2em;
//	color: #FFF;
	text-align: center;
	margin-bottom: 2em;
}
.aboutus .caption {
	flex: 1;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 3em;
}
.aboutus .caption p {
	text-align: center;
	line-height: 160%;
	font-size: 85%;
//	color: #FFF;
	margin-bottom: 3em;
}
.aboutus .caption p.lead {
	font-family: Hiragino Sans,'ヒラギノ角ゴシック',Hiragino Kaku Gothic ProN,'ヒラギノ角ゴ ProN W3','メイリオ',Meiryo,sans-serif;
	text-align: center;
	line-height: 180%;
	font-size: 150%;
	font-weight: normal;
//	color: #FFF;
	margin-bottom: 2em;
}

.aboutus .btncabinet {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2em;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-js-display: flex;
	display: flex;
	-webkit-box-orient: block-axis;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
}
.aboutus .btncabinet a {
	display: block;
	margin: 0 auto;
	width: 6em;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(border-radius.htc);
	background-color: #000;
	font-size: 70%;
	color: #FFF;
	text-decoration: none;
	text-align: center;
}
.aboutus .btncabinet a:hover {
	background-color: #999;
	color: #FFF;
	text-decoration: none;
}


.outline {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.outline table {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 3%;
	border-top: 1px solid #DDD;
}
.outline table tr th {
	border-bottom: solid 1px #DDD;
	font-family: 'Lato', sans-serif;
	font-size: 80%;
	font-weight: 300;
//	color: #FFF;
	text-align: left;
	width: 20%;
	padding: 1% 1% 1% 0%;
	line-height: 120%;
}
.outline table tr td {
	padding: 2% 0% 3% 0%;
	border-bottom: solid 1px #DDD;
//	color: #FFF;
	font-size: 80%;
	font-weight: normal;
	line-height: 140%;
}

@media screen and (max-width: 640px) {
	.aboutus {
		width: 90%;
	}
	.aboutus h2 {
		font-size: 180%;
		margin-bottom: 1em;
	}
	.aboutus .caption p {
		text-align: center;
		line-height: 160%;
		font-size: 80%;
		margin-bottom: 2em;
	}
	.aboutus .caption p.lead {
		line-height: 180%;
		font-size: 120%;
		margin-bottom: 1em;
	}
	.outline table {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
//		border: none;
		border-top: 1px solid #222;
	}
	.outline table tr th {
		border: none;
		border-bottom: 1px solid #DDD;
		vertical-align: middle;
		display: block;
		width: 100%;
		padding: 1% 1% 1% 0%;
		line-height: 120%;
	}
	.outline table tr td {
		display: block;
		width: 100%;
		padding: 2% 0% 3% 0%;
		border: none;
		font-size: 75%;
		line-height: 140%;
	}
}
.outline table tr td ul li,table.mailform tr td ul,table.mailform tr td ol,table.mailform tr td ol li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.outline table tr td ul li {
	padding: 0px 10px 0px 0px;
}
.outline table tr td p,table.mailform tr td div,table.mailform tr td span {
	clear: both;
}

.works {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5%;
}
.works h3 {
	position: relative;
	font-family: 'Lato', sans-serif;
	font-size: 120%;
	font-weight: 300;
	line-height: 120%;
	color: #333;
	text-align: center;
	letter-spacing: 0.2em;
	margin-bottom: 1em;
}
.works table {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 3%;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}
.works table tr th {
//	border-bottom: dotted 1px #DDD;
	font-family: 'Lato', sans-serif;
	font-size: 70%;
	font-weight: 300;
//	color: #FFF;
	text-align: left;
	width: 35%;
	padding: 1.5% 1% 1.5% 0%;
	line-height: 120%;
}
.works table tr td {
	padding: 1.5% 0% 1.5% 0%;
//	border-bottom: dotted 1px #DDD;
//	color: #FFF;
	font-size: 70%;
	font-weight: normal;
	color: #333;
	line-height: 120%;
}

@media screen and (max-width: 640px) {
	.works table {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
//		border: none;
	}
	.works table tr th {
		border: none;
		vertical-align: middle;
		display: block;
		width: 100%;
		padding: 1.5% 1% 1.5% 0%;
		line-height: 120%;
	}
	.works table tr td {
		display: block;
		width: 100%;
		padding: 1.5% 0% 1.5% 0%;
		border: none;
		font-size: 60%;
		line-height: 120%;
	}
}
.works table tr td ul li,table.mailform tr td ul,table.mailform tr td ol,table.mailform tr td ol li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.works table tr td ul li {
	padding: 0px 10px 0px 0px;
}
.works table tr td p,table.mailform tr td div,table.mailform tr td span {
	clear: both;
}


.contact {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10%;
	padding-bottom: 15%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-js-display: flex;
	display: flex;
	-webkit-box-orient: block-axis;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}
.contact h2 {
	position: relative;
	font-family: 'Lato', sans-serif;
	font-size: 180%;
	font-weight: 400;
	line-height: 120%;
	letter-spacing: 0.2em;
	color: #030303;
	text-align: center;
	margin-bottom: 0em;
}
.contact .caption {
	flex: 1;
	margin-left: 1em;
}
.contact .caption p {
	text-align: center;
	line-height: 160%;
	font-size: 75%;
	margin-bottom: 1.5em;
}



.documents_contacts {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 50px;
	padding-bottom: 50px;
}
.documents_contacts h2 {
	font-family:Hiragino Sans,'ヒラギノ角ゴシック',Hiragino Kaku Gothic ProN,'ヒラギノ角ゴ ProN W3','メイリオ',Meiryo,sans-serif;
	font-weight: normal;
	font-size: 120%;
	line-height: 150%;
	margin-bottom: 2em;
}
.documents_contacts p {
	font-family:Hiragino Sans,'ヒラギノ角ゴシック',Hiragino Kaku Gothic ProN,'ヒラギノ角ゴ ProN W3','メイリオ',Meiryo,sans-serif;
	font-weight: normal;
	font-size: 90%;
	line-height: 160%;
	margin-bottom: 1em;
	text-align: left;
}
@media screen and (max-width: 640px) {
	.documents_contacts {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.documents_contacts h2 {
		font-size: 120%;
		margin-bottom: 1.5em;
	}
}
dl.appeallist3b {
	margin-top: 2em;
	margin-bottom: -2em;
}
dl.appeallist3b dt {
	font-size: 90%;
	font-weight: normal;
	margin-bottom: 0.8em;
	color: #888;
}
dl.appeallist3b dd {
	font-size: 90%;
	font-weight: normal;
	padding: 0.5em;
//	line-height: 160%;
	line-height: 160%;
	margin-bottom: 1em;
	border: 1px solid #DDD;
	border-left: 0.3em solid #009AD3;
	padding-left: 0.7em;
	color: #888;
}
dl.appeallist3b dd span {
	margin-left: 1em;
}
@media screen and (max-width: 880px) {
	dl.appeallist3b dd span {
		display: block;
		margin-left: 0em;
	}
}




.mfp_inactive_phase {
	display: none;
}
#mfp_phase_stat {
	display: none!important;
}
#mfp_phase_confirm {
	display: none;
}
.mfp_achroma {
	background: none!important;
}

.tablecabinet_mailform {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.tablecabinet_mailform table {
	width: 100%;
}
.tablecabinet_mailform table tr {
	border-bottom: dotted 1px #CCCCCC;
}
.tablecabinet_mailform table tr th {
	text-align: right;
	vertical-align: middle;
	width: 18%;
	padding: 1% 1% 1% 0%;
	line-height: 120%;
	font-family: 'Lato', sans-serif;
	font-size: 90%;
	font-weight: 300;
	color: #888;
}
.tablecabinet_mailform table tr th span {
	font-size: 70%;
	font-weight: normal!important;
	color: #888;
	display: block;
}
.tablecabinet_mailform table tr th span.SPAN993300 {
	color: #CC0000;
	display:inline;
}
.tablecabinet_mailform table tr td {
	padding: 2% 0% 3% 0%;
	font-size: 80%;
	line-height: 180%;
}
.tablecabinet_mailform table tr td ul {
	margin-left: 0px;
	margin-top: 0px;
}
.tablecabinet_mailform table tr td ul li {
	margin-left: 0px;
}
.tablecabinet_mailform table tr td span {
	font-size: 65%;
	font-weight: normal!important;
	color: #888;
	padding-left: 2em;
}
.tablecabinet_mailform table tr td span.alert {
	padding: 0;
	font-size: 80%;
	color: #CC0000;
	display:inline;
}
.tablecabinet_mailform table tr:last-child {
	border: none;
}
.tablecabinet_mailform table tr td textarea {
	width: 100%;
	border: 1px solid #CCC;
}

@media screen and (max-width: 640px) {
	.caption {
		width: 100%;
	}
	.tablecabinet_mailform {
		width: 100%;
	}
	.tablecabinet_mailform table tr th {
		width: 100%;
		border: none;
		background-color: none;
		text-align: left;
		vertical-align: middle;
		vertical-align: bottom;
		display: block;
		padding: 1% 1% 0% 0%;
		line-height: 120%;
	}
	.tablecabinet_mailform table tr th span {
		font-size: 70%;
		font-weight: normal!important;
		color: #999999;
		display: block;
		padding-left: 0!important;
	}
	.tablecabinet_mailform table tr th span.SPAN993300 {
		color: #CC0000;
		display:inline;
	}
	.tablecabinet_mailform table tr td {
		display: block;
		padding: 0% 0% 3% 0%;
		border: none;
		line-height: 140%;
	}
	.tablecabinet_mailform table tr td span {
		font-size: 65%;
		font-weight: normal!important;
		color: #999999;
		display: block;
		padding-left: 0!important;
		padding-bottom: 0.5em!important;
	}
}
.tablecabinet_mailform table tr td ul li,table.mailform tr td ul,table.mailform tr td ol,table.mailform tr td ol li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.tablecabinet_mailform table tr td ul li {
	padding: 0px 10px 0px 0px;
}
.tablecabinet_mailform table tr td p,table.mailform tr td div,table.mailform tr td span {
	clear: both;
}



.thankyou {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10%;
	padding-bottom: 10%;
}

.thankyou h2 {
	position: relative;
	font-family: 'Lato', sans-serif;
	font-size: 240%;
	font-weight: 400;
	line-height: 120%;
	letter-spacing: 0.2em;
	color: #030303;
	text-align: center;
	margin-bottom: 1.5em;
}
.thankyou .caption {
	flex: 1;
}
.thankyou .caption p {
	text-align: center;
	line-height: 160%;
	font-size: 90%;
	color: #030303;
	margin-bottom: 1.5em;
}
.thankyou .caption h1 {
	font-family: Hiragino Sans,'ヒラギノ角ゴシック',Hiragino Kaku Gothic ProN,'ヒラギノ角ゴ ProN W3','メイリオ',Meiryo,sans-serif;
	text-align: center;
	line-height: 180%;
	font-size: 150%;
	font-weight: normal;
	color: #FFBF00;
	margin-bottom: 1em;
}
.thankyou .caption h1 span {
	display: block;
	font-family: Hiragino Sans,'ヒラギノ角ゴシック',Hiragino Kaku Gothic ProN,'ヒラギノ角ゴ ProN W3','メイリオ',Meiryo,sans-serif;
	text-align: center;
	line-height: 180%;
	font-size: 50%;
	font-weight: normal;
	color: #999;
} 


@media screen and (max-width: 820px) {
	.thankyou {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	.thankyou h2 {
		font-size: 160%;
		margin-bottom: 1em;
	}
	.thankyou .caption {
		flex: 1;
	}
	.thankyou .caption p {
		font-size: 75%;
		margin-bottom: 1em;
	}
	.thankyou .caption p.lead {
		line-height: 160%;
		font-size: 100%;
		margin-bottom: 1em;
	}
}



.error {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15%;
	padding-bottom: 15%;
}

.error h2 {
	position: relative;
	font-family: 'Lato', sans-serif;
	font-size: 240%;
	font-weight: 400;
	line-height: 120%;
	letter-spacing: 0.2em;
	color: #030303;
	text-align: center;
	margin-bottom: 1.5em;
}
.error .caption {
	flex: 1;
}
.error .caption p {
	text-align: center;
	line-height: 160%;
	font-size: 90%;
	color: #030303;
	margin-bottom: 1.5em;
}
.error .caption p.lead {
	font-family: Hiragino Sans,'ヒラギノ角ゴシック',Hiragino Kaku Gothic ProN,'ヒラギノ角ゴ ProN W3','メイリオ',Meiryo,sans-serif;
	text-align: center;
	line-height: 180%;
	font-size: 150%;
	font-weight: normal;
	color: #FFBF00;
	margin-bottom: 1em;
}

.error h2 {
	line-height: 1em;
	margin-bottom: 1em;
}
.error h2 span.en {
	font-family: 'Lato', sans-serif;
	font-size: 120%;
	font-weight: 100;
	line-height: 1.5em;
	margin-bottom: 2em;
}
.error h2 span.en span.brake {
	display: block;
	margin-left: 0;
}
.error h2 span.jp {
	display: block;
	font-size: 60%;
	font-weight: normal;
	color: #009AD3;
	margin-left: 0;
}
.error .caption {
	flex: 1;
	margin-bottom: 5%;
}
.error .caption p {
	text-align: center;
	line-height: 160%;
	font-size: 100%;
	color: #030303;
}
.error .gohome {
	flex: 1;
}
.error .gohome a {
	display: block;
	width: 20em;
	margin-left: auto;
	margin-right: auto;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(border-radius.htc);
	background-color: #000;
	font-size: 70%;
	color: #FFF;
	text-decoration: none;
	text-align: center;
}
.error .gohome a:hover {
	background-color: #999;
	color: #FFF;
	text-decoration: none;
}
	

@media screen and (max-width: 820px) {
	.error {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	.error h2 {
		font-size: 160%;
		margin-bottom: 1em;
	}
	.error .caption {
		flex: 1;
	}
	.error .caption p {
		font-size: 75%;
		margin-bottom: 1em;
	}
	.error .caption p.lead {
		line-height: 160%;
		font-size: 100%;
		margin-bottom: 1em;
	}
}


p.astlist2 {
	line-height: 120%;
	color:#999999;
}


span.SPAN993300 {
	color: #CC0000;
	display:inline;
}

.blue {
	background: linear-gradient(135deg, #1a9aca 0%, #68d9da 100%);
	background-image: linear-gradient(135deg, rgb(26, 154, 202) 0%, rgb(104, 217, 218) 100%);
	background-position-x: initial;
	background-position-y: initial;
	background-size: initial;
	background-repeat-x: initial;
	background-repeat-y: initial;
	background-attachment: initial;
	background-origin: initial;
	background-clip: initial;
	background-color: #36b0cf;
}
.gray {
	background-color: #333;
}
.gray2 {
	background-color: #BCBCAC;
}