@import url(https://fonts.googleapis.com/css?family=Lato:400,700);

/***** CSS Document  *****/

@media print {
	.drawer-toggle,
	.drawer-hamburger,
	.drawer-nav {
		display: none;
		visibility: hidden;
	}
}


/***** Common *****/

html,
body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

p,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
table,
tr,
td,
form,
dl {
	margin: 0;
	padding: 0;
}

img {
	margin: 0;
	border: 0;
}

img [class*="wp-image-"],
img [class*="attachment-"],
img.size-full {
	max-width: 100%;
	height: auto;
	margin: 0 auto 10px auto;
}

br {
	margin: 0;
	padding: 0;
}

hr {
	clear: both;
	height: 1px;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding: 0;
	border: none;
	border-top: 1px solid #e0e0e0;
	overflow: hidden;
}

body {
	background: #fff;
	margin: 0;
	line-height: 1.8;
	font-size: 100%;
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
	color: #000;
	text-align: center;
}

_:lang(x)::-ms-backdrop,
.selector {
	font-family: "Segoe UI", Meiryo, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
strong,
th,
dt,
button,
.strong {
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
	font-weight: 600;
}

.left {
	float: left;
}

.right {
	float: right;
}

.img_left {
	float: left;
	margin: 0 20px 20px 0;
}

.img_right {
	float: right;
	margin: 0 0 20px 20px;
}

.tal {
	text-align: left;
}

.tac {
	text-align: center;
}

.tar {
	text-align: right;
}

.mt0 {
	margin-top: 0px !important;
}

.mt5 {
	margin-top: 5px !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.mt30 {
	margin-top: 30px !important;
}

.mt40 {
	margin-top: 40px !important;
}

.mt50 {
	margin-top: 50px !important;
}

.mt60 {
	margin-top: 60px !important;
}

.mt70 {
	margin-top: 70px !important;
}

.mt80 {
	margin-top: 80px !important;
}

.mt90 {
	margin-top: 90px !important;
}

.mt100 {
	margin-top: 100px !important;
}

.small {
	font-size: 85% !important;
}

.ex-small {
	font-size: 77% !important;
}

.large {
	font-size: 120% !important;
}

@media screen and (max-width: 520px) {
	.large {
		font-size: 11.5pt !important;
	}
}

.italic {
	font-style: italic;
}

.clear {
	clear: both;
}

.clearfix::after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*/
	/*/
	height: auto;
	overflow: hidden;
	/**/
}

.fa {
	color: #000;
}

a {
	color: #35acd1;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.button:hover img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}

a i.fa-window-restore {
	font-size: 90%;
}

ul,
dl {
	list-style: none;
}

.red {
	color: #e70000;
}

.sea {
	color: #1585aa;
}

.sp,
.sp2 {
	display: none !important;
}

@media screen and (max-width: 768px) {
	.pc {
		display: none !important;
	}
	.sp {
		display: block !important;
	}
}

@media screen and (max-width: 520px) {
	.sp2 {
		display: block !important;
	}
}

i {
	speak: none;
}

.ofi {
	object-fit: cover;
	font-family: 'object-fit: cover;'
}

.ofi_contain {
	object-fit: contain;
	font-family: 'object-fit: contain;'
}

span.marker {
	background: linear-gradient(transparent 70%, #55ccf1 70%);
}

span.marker:before,
span.marker:after {
	content: "\00A0";
}


/***** Drawer *****/

@media screen and (min-width: 768px) {
	.drawer-toggle,
	.drawer-hamburger,
	.drawer-nav {
		display: none;
		visibility: hidden;
	}
}

@media screen and (max-width: 768px) {
	.drawer-toggle,
	.drawer-hamburger,
	.drawer-nav {
		display: block;
		visibility: visible;
	}
}

#drawer {
	padding-bottom: 30px;
}

#drawer-logo {
	width: 100%;
	height: 80px;
	overflow: hidden;
	background: #fff;
}

#drawer h1 {
	margin-top: 13px;
}

#drawer h1 img {
	height: 54px;
}

#drawer button {
	min-width: 220px;
	font-size: 10.5pt;
}

.drawer-menu {
	overflow: hidden;
	background: #f3f3f3;
}

.drawer-menu ul {
	float: left;
	width: 90%;
	margin: 15px 5%;
	text-align: left;
	font-size: 10.5pt;
}

.drawer-menu li {
	border-bottom: 1px solid #e0e0e0;
	padding: 7px 0;
	margin: 0;
}

.drawer-menu li:last-child {
	border-bottom: none;
}

.drawer-menu a {
	color: #000;
	display: block;
}

.drawer-bottom-menu {
	margin-top: 25px;
	color: #fff;
}

.drawer-bottom-menu dt {
	text-align: center;
	font-size: 120%;
	line-height: 1.4;
}

.drawer-bottom-menu dt ion-icon {
	margin: 0 5px -2px 5px;
}

.drawer-bottom-menu dd {
	text-align: center;
	font-size: 9.5pt;
	margin: 0;
}

.drawer-bottom-menu a {
	color: #fff;
}

#drawer address {
	margin-top: 25px;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 1px;
	font-size: 70%;
	color: #fff;
}


/***** Header *****/

#logo_in {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 90;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 240px 320px 0 0;
	border-color: #fff transparent transparent transparent;
	filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.1));
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}

@media screen and (max-width: 1180px) {
	#logo_in {
		border-width: 225px 300px 0 0;
	}
}

@media screen and (max-width: 1120px) {
	#logo_in {
		border-width: 210px 280px 0 0;
	}
}

@media screen and (max-width: 1080px) {
	#logo_in {
		border-width: 195px 260px 0 0;
	}
}

@media screen and (max-width: 768px) {
	#logo_in {
		position: fixed;
		border-width: 145px 260px 0 0;
	}
}

#logo h1 {
	position: absolute;
	left: 30px;
	top: 30px;
	z-index: 100;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}

@media screen and (max-width: 1120px) {
	#logo h1 {
		left: 25px;
		top: 25px;
	}
	#logo h1 img {
		width: 100px;
	}
}

@media screen and (max-width: 1080px) {
	#logo h1 {
		left: 20px;
		top: 20px;
	}
}

@media screen and (max-width: 768px) {
	#logo h1 {
		position: fixed;
		left: 15px;
		top: 15px;
	}
	#logo h1 img {
		width: 85px;
	}
}

#header {
	width: 100%;
	height: 100px;
	background: #fff;
	position: absolute;
	top: 0;
	z-index: 80;
}

@media screen and (max-width: 768px) {
	#header {
		position: fixed;
		height: 60px;
	}
}

#menu {
	position: absolute;
	top: 35px;
	right: 420px;
	display: flex;
}

#menu li {
	display: inline;
	font-size: 95%;
	margin-left: 1.75em;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	cursor: pointer;
}

@media screen and (max-width: 1280px) {
	#menu {
		right: 400px;
	}
	#menu li {
		margin-left: 1.0em;
	}
}

@media screen and (max-width: 1180px) {
	#menu {
		right: 355px;
	}
	#menu li {
		font-size: 90%;
	}
}

@media screen and (max-width: 1120px) {
	#menu {
		right: 345px;
	}
	#menu li {
		margin-left: 10px;
	}
}

@media screen and (max-width: 768px) {
	#menu,
	#tel,
	#header button {
		display: none;
	}
}

#menu li:first-child {
	margin-left: 0;
}

#menu li a {
	color: #000;
	text-decoration: none;
	display: block;
	position: relative;
}

#menu li a.ul::before,
#menu li a.ul::after {
	border-bottom: solid 2px #35acd1;
	bottom: -7px;
	content: "";
	display: block;
	position: absolute;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	width: 0;
}

#menu li a::before {
	left: 50%;
}

#menu li a::after {
	right: 50%;
}

#menu li a:hover::before,
#menu li a:hover::after {
	width: 50%;
}

.submenu {
	position: absolute;
	margin: 0 0 0 -12px;
	padding: 10px 0 0 0;
	display: none;
	filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.1));
	z-index: 300;
}

.submenu li {
	margin: 0 !important;
}

.submenu li a {
	padding: 7px 14px !important;
	width: 120px;
	text-align: left;
	display: block;
	background: #fff;
	text-decoration: none;
	border-bottom: 1px solid #ddd;
}

.submenu li:last-child a {
	border-bottom: none;
}

.submenu li a:hover {
	background: #f5f5f7;
}

#tel {
	position: absolute;
	top: 15px;
	right: 200px;
	overflow: hidden;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	z-index: 200;
}

@media screen and (max-width: 1280px) {
	#tel {
		right: 190px;
	}
}

@media screen and (max-width: 1180px) {
	#tel {
		right: 165px;
	}
}

@media screen and (max-width: 1120px) {
	#tel {
		right: 155px;
	}
}

#tel dt,
#tel dd {
	text-align: center;
	margin: 5px 0;
	line-height: 1.0;
}

#tel dt {
	font-size: 120%;
	font-weight: 700;
}

@media screen and (max-width: 1180px) {
	#tel dt {
		font-size: 105%;
	}
}

#tel dt ion-icon {
	margin: 0 5px;
	font-size: 90%;
	margin-bottom: -2px;
}

#tel dd {
	font-size: 80%;
	margin-top: 10px;
	margin-left: 10px;
}

#header button {
	width: 150px;
	height: 34px;
	border-radius: 17px;
	font-weight: 600;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	cursor: pointer;
	outline: none;
	font-size: 10.5pt;
}

#header button#btn_download {
	position: absolute;
	top: 11px;
	right: 25px;
	border: 1px solid #ddd;
	background-color: #f0f0f0;
}

#header button#btn_inquiry {
	position: absolute;
	top: 55px;
	right: 25px;
	color: #fff;
	background-color: #35acd1;
	border: 1px solid #35acd1;
}

#header button#btn_download:hover {
	border: 1px solid #e0e0e0;
	background-color: #f5f5f5;
}

#header button#btn_inquiry:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

@media screen and (max-width: 1280px) {
	#header button {
		right: 20px !important;
	}
}

@media screen and (max-width: 1180px) {
	#header button {
		width: 130px;
		right: 15px !important;
		font-size: 10pt;
	}
}


/***** Main visual *****/

.swiper-container {
	width: 100%;
	overflow: hidden;
	margin-top: 100px;
}

.swiper-slide {
	position: relative;
}

.swiper-slide::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.05);
}

.swiper-slide img {
	width: 50%;
	object-fit: cover;
	font-family: 'object-fit: cover;';
	/*IE用*/
}

.swiper-h900,
.swiper-h900 .swiper-slide img {
	height: 720px;
}

.swiper-h900 .swiper-slide div {
	top: 33%;
}

.swiper-text {
	position: absolute;
	top: 240px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 140;
	text-align: center;
	color: #fff;
}

.swiper-text h1 {
	font-size: 400%;
	font-weight: 1000;
	line-height: 1.6;
	text-shadow: 2px 4px 6px rgba(0, 0, 0, .3);
}

@media screen and (max-width: 1140px) {
	.swiper-h900,
	.swiper-h900 .swiper-slide img {
		height: 720px;
	}
}

@media screen and (max-width: 768px) {
	.swiper-container {
		margin-top: 60px;
	}
	.swiper-h900,
	.swiper-h900 .swiper-slide img {
		height: 500px;
	}
	.swiper-text {
		top: 190px;
	}
	.swiper-text h1 {
		font-size: 240%;
	}
}

@media screen and (max-width: 520px) {
	.swiper-h900,
	.swiper-h900 .swiper-slide img {
		height: 360px;
	}
	.swiper-text {
		top: 135px;
	}
	.swiper-text h1 {
		font-size: 180%;
	}
}

@media screen and (max-width: 320px) {
	.swiper-h900,
	.swiper-h900 .swiper-slide img {
		height: 320px;
	}
	.swiper-text {
		top: 125px;
	}
	.swiper-text h1 {
		font-size: 150%;
	}
}


/***** About *****/

#about {
	position: relative;
	width: 100%;
	height: 720px;
	background: url(../images/bg_about.jpg) no-repeat bottom center;
	background-size: cover;
	overflow: hidden;
}

#about .w1146 {
	position: absolute;
	top: 30%;
	left: 50%;
	-webkit-transform: translate(-50%, -30%);
	transform: translate(-50%, -30%);
}

#about h2 {
	font-size: 300%;
	line-height: 1.5;
	text-align: center;
}

#about p {
	margin-top: 40px;
	line-height: 2.5;
	text-align: center;
}

@media screen and (max-width: 1024px) {
	#about h2 {
		font-size: 27pt;
	}
}

@media screen and (max-width: 768px) {
	#about {
		height: 500px;
	}
	#about h2 {
		font-size: 22pt;
	}
}

@media screen and (max-width: 520px) {
	#about h2 {
		font-size: 16pt;
	}
	#about p {
		padding: 0 15px;
		margin-top: 30px;
		line-height: 2.0;
	}
}


/***** Teaser *****/

.teaser_area {
	overflow: hidden;
	padding: 70px 0 120px;
	background: url(../images/bg_teaser.png) no-repeat bottom center;
	background-size: cover;
}

.teaser_area ul {
	letter-spacing: -.4em;
	margin-left: -30px;
	padding-bottom: 2px;
	overflow: hidden;
}

.teaser {
	display: inline-block;
	width: 362px;
	background: #fff;
	margin-top: 50px;
	margin-left: 30px;
	vertical-align: top;
	letter-spacing: normal;
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	padding-bottom: 5px;
}

.teaser a {
	color: #000;
	display: block;
	width: 100%;
	height: 100%;
}

.teaser a::hover {
	text-decoration: none;
}

.teaser a::hover img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}

.teaser img {
	width: 100%;
	height: auto;
}

.teaser h3 {
	font-size: 16pt;
	line-height: 1.5;
	padding: 5px 20px 10px 20px;
	text-align: center;
}

.teaser p {
	line-height: 1.8;
	padding: 0 10px 20px;
	text-align: center;
}

@media screen and (max-width: 1200px) {
	.teaser_area ul {
		margin-left: -3%;
	}
	.teaser_area .teaser {
		float: left;
		width: 30%;
		margin-left: 3%;
		margin-bottom: 30px;
	}
}

@media screen and (max-width: 1024px) {
	.teaser h3 {
		font-size: 13pt;
	}
	.teaser p {
		font-size: 9.5pt;
	}
}

@media screen and (max-width: 768px) {
	.teaser_area {
		padding: 50px 0 90px;
	}
	.teaser h3 {
		font-size: 12.5pt;
	}
	.teaser p {
		font-size: 9pt;
	}
	.teaser button {
		min-width: 160px;
	}
}

@media screen and (max-width: 520px) {
	.teaser_area {
		background: url(../images/bg_teaser.png) repeat bottom center;
		background-size: 150%;
	}
	.teaser_area .teaser {
		float: none;
		width: 100%;
		margin-left: 3%;
		margin-right: 3%;
		margin-bottom: 20px;
	}
	.teaser_area .teaser:last-child {
		margin-bottom: 0;
	}
	.teaser_area h3 {
		font-size: 13pt;
	}
	.teaser p {
		padding-left: 15px;
		padding-right: 15px;
	}
}


/***** Contact *****/

#contact {
	position: relative;
	width: 100%;
	height: 400px;
	background: url(../images/bg_contact.jpg) no-repeat center center;
	background-size: cover;
	z-index: 50;
}

#contact::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.7);
}

.contact_in {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
}

#contact_left {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	width: 50%;
	height: 300px;
	z-index: 100;
	color: #fff;
	border-right: 1px solid #fff;
}

#contact_left h4 {
	font-family: 'Roboto', sans-serif;
	font-style: italic;
	font-size: 90%;
	letter-spacing: 2px;
	font-weight: 400;
	color: #35acd1;
}

#contact_left h3 {
	font-size: 200%;
	margin-top: 5px;
}

#contact_left p {
	font-size: 90%;
	font-weight: normal;
	margin-top: 20px;
	padding: 0 20px;
}

#contact_right {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
	width: 50%;
	height: 300px;
	z-index: 100;
	color: #fff;
}

#contact_right a {
	color: #fff;
}

#contact_right h3 {
	font-weight: 700;
	font-size: 190%;
	line-height: 1.4;
}

#contact_right ion-icon {
	color: #fff;
	margin: 0 7px -5px 7px;
	--ionicon-stroke-width: 24px;
}

#contact_right p {
	font-size: 90%;
	font-weight: normal;
	margin-top: 10px;
}

#contact_right button {
	margin-top: 30px;
}

@media screen and (max-width: 768px) {
	#contact {
		height: 270px;
	}
	#contact_left {
		height: 210px;
	}
	#contact_left h4 {
		font-size: 10pt;
	}
	#contact_left h3 {
		font-size: 15pt;
	}
	#contact_left p {
		font-size: 10pt;
	}
	#contact_right {
		height: 210px;
	}
	#contact_right h3 {
		font-size: 14pt;
	}
	#contact_right ion-icon {
		margin: 0 5px -3px 0 !important;
	}
	#contact_right p {
		font-size: 10pt;
	}
	#contact_right button {
		font-size: 10pt;
		min-width: 260px;
	}
}

@media screen and (max-width: 520px) {
	#contact_right button {
		min-width: 140px;
	}
	#contact_right button span {
		display: none;
	}
	#contact_right ion-icon {
		margin: 0 0 5px 0;
	}
}

@media screen and (max-width: 320px) {
	#contact_left h3,
	#contact_right h3 {
		font-size: 14pt;
	}
	#contact_left p {
		font-size: 9.5pt;
	}
	#contact_right p {
		font-size: 9.5pt;
		padding: 0 5px;
	}
	#contact_right p span {
		display: none;
	}
}


/***** Button *****/

.button_01 {
	min-width: 300px;
	height: 40px;
	border: none;
	border-radius: 20px;
	color: #fff;
	font-size: 95%;
	background-color: #35acd1;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	cursor: pointer;
	outline: none;
}

.button_01:hover {
	background-color: #55ccf1;
}

.button_02 {
	min-width: 300px;
	height: 40px;
	border: none;
	border-radius: 20px;
	color: #11376c;
	font-size: 95%;
	background-color: #fff;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	cursor: pointer;
	outline: none;
}

.button_02:hover {
	background-color: #cceaf2;
}


/***** Layouts *****/

.w1146 {
	width: 1146px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	overflow: hidden;
}

.w1146 p,
.w1146 table,
.w1146 ul li,
.w1146 ol li {
	font-size: 95%;
}

@media screen and (max-width: 1024px) {
	.w1146 p,
	.w1146 table,
	.w1146 ul li,
	.w1146 ol li {
		font-size: 10.5pt;
	}
}

@media screen and (max-width: 768px) {
	.w1146 p,
	.w1146 table,
	.w1146 ul li,
	.w1146 ol li {
		font-size: 10pt;
	}
}

@media screen and (max-width: 520px) {
	.w1146 .text_box .img_right,
	.w1146 .text_box .img_left {
		float: none;
		width: 80%;
		margin: 0 10% 0 10%;
	}
}

.w1146 p.date {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	margin-top: 1.5em;
}

.text_box p {
	margin-bottom: 1.5em;
}

@media screen and (max-width: 1200px) {
	.w1146 {
		width: 96%;
		margin: 0 auto;
	}
}

.section+.section {
	margin-top: 50px;
}

.section+#contact {
	margin-top: 100px;
}

@media screen and (max-width: 520px) {
	.section+#contact {
		margin-top: 80px;
	}
}

.mg_box {
	margin-top: 2.5em;
	margin-bottom: 2.5em;
}

.pd_l {
	padding-top: 70px;
	padding-bottom: 70px;
}

.pd_m {
	padding-top: 50px;
	padding-bottom: 50px;
}

@media screen and (max-width: 768px) {
	#container section:last-child {
		margin-bottom: 45px;
	}
	.section+.section {
		margin-top: 45px;
	}
	.mg_box {
		margin-top: 2em;
		margin-bottom: 2em;
	}
	.pd_l {
		padding-top: 45px;
		padding-bottom: 45px;
	}
	.pd_m {
		padding-top: 45px;
		padding-bottom: 45px;
	}
	.pd_l.pb20 {
		padding-bottom: 15px !important;
	}
	.pd_m.pb20 {
		padding-bottom: 15px !important;
	}
}

img {
	max-width: 100%;
	height: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (max-width:768px) {
	img {
		max-width: 100%;
		height: auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
}


/***** Title *****/

.title_center {
	font-size: 190%;
	text-align: center;
	margin: 0 auto;
}

@media screen and (max-width: 1024px) {
	.title_center {
		font-size: 20pt;
	}
}

@media screen and (max-width: 768px) {
	.title_center {
		font-size: 17pt;
	}
}

@media screen and (max-width: 520px) {
	.title_center {
		font-size: 16pt;
	}
}

@media screen and (max-width: 320px) {
	.title_center {
		font-size: 14pt;
	}
}

.title_underline {
	position: relative;
	padding-bottom: 0.6em;
	border-bottom: 2px solid #e5e5e5;
	margin-top: 80px;
	font-size: 150%;
}

@media screen and (max-width: 1024px) {
	.title_underline {
		font-size: 14pt;
	}
}

@media screen and (max-width: 768px) {
	.title_underline {
		font-size: 13pt;
	}
}

@media screen and (max-width: 520px) {
	.title_underline {
		font-size: 12pt;
	}
}

.title_underline:after {
	position: absolute;
	content: " ";
	border-bottom: solid 2px #158cb1;
	bottom: -2px;
	width: 300px;
	display: block;
}

@media screen and (max-width: 520px) {
	.title_underline:after {
		width: 200px;
	}
}

.title_underline span {
	font-weight: normal;
	font-size: 75%;
	margin-left: 20px;
}

.title_background {
	background: #f3f3f3;
	font-size: 100%;
	padding: 0.5em 1em;
	margin-top: 50px;
}

.title_background span {
	background: #158cb1;
	padding: 0.25em 0.5em;
	color: #fff;
	font-weight: normal;
}

@media screen and (max-width: 768px) {
	.title_background {
		font-size: 11.5pt;
	}
}

@media screen and (max-width: 520px) {
	.title_background {
		font-size: 11pt;
	}
}


/***** News *****/

#news {
	background: #35acd1;
	overflow: hidden;
	padding: 30px 0;
	position: relative;
}

#news .button_02 {
	position: absolute;
	top: 40px;
	right: 40px;
	z-index: 70;
	min-width: 160px !important;
	color: #000;
}

@media screen and (max-width: 1024px) {
	#news .button_02 {
		top: 20px;
		right: 20px;
		font-size: 80%;
		height: 34px;
		border-radius: 17px;
	}
}

@media screen and (max-width: 480px) {
	#news .button_02 {
		right: 15px;
		height: 30px;
		border-radius: 15px;
	}
}

#news h2 {
	width: 96%;
	margin: 0 3%;
	text-align: left;
}

#news table {
	position: relative;
	width: 80%;
	margin: 0 0 0 3%;
	border-collapse: collapse;
	font-size: 90%;
	z-index: 70;
}

#news table th,
#news table td {
	vertical-align: top;
	text-align: left;
}

#news table th {
	width: 120px;
	padding: 8px 0;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
}

#news table td {
	padding: 8px 0;
}

#news table td a {
	color: #000;
}

#news_in {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 50;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 400px 300px 0;
	border-color: transparent #55cdf1 transparent transparent;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}

@media screen and (max-width: 1024px) {
	#news table {
		font-size: 10.5pt;
	}
}

@media screen and (max-width: 768px) {
	#news {
		padding: 20px 0;
	}
	#news h2 {
		margin: 0 4%;
		font-size: 14pt;
	}
	#news table {
		margin: 0 0 0 4%;
		font-size: 10pt;
	}
	#news_in {
		border-width: 0 260px 145px 0;
	}
}

@media screen and (max-width: 520px) {
	#news {
		padding: 15px 0;
	}
	#news table {
		margin: 10px 0 0 4%;
		font-size: 10pt;
	}
	#news table th {
		width: 90px;
	}
	#news_in {
		border-width: 0 144px 80px 0;
		top: 0;
	}
}


/***** Page title *****/

.page_title {
	width: 100%;
	height: 480px;
	overflow: hidden;
}

.page_title h1 {
	position: relative;
	top: 245px;
	font-size: 260%;
	font-weight: 1000;
	line-height: 1.6;
	text-shadow: 2px 4px 6px rgba(0, 0, 0, .3);
	color: #fff;
}

@media screen and (max-width: 768px) {
	.page_title {
		height: 360px;
	}
	.page_title h1 {
		top: 180px;
		font-size: 24pt;
	}
}

@media screen and (max-width: 520px) {
	.page_title {
		height: 300px;
	}
	.page_title h1 {
		top: 155px;
		font-size: 20pt;
	}
}

#company {
	background: url(../images/main_company.jpg?20210907) no-repeat center center;
	background-size: cover;
}

#business {
	background: url(../images/main_business.jpg) no-repeat center center;
	background-size: cover;
}

#works {
	background: url(../images/main_works.jpg) no-repeat center center;
	background-size: cover;
}

#works {
	background: url(../images/main_works.jpg) no-repeat center center;
	background-size: cover;
}

#public-works {
	background: url(../images/main_public-works.jpg?0407b) no-repeat center center;
	background-size: cover;
}

#access {
	background: url(../images/main_access.jpg?20211206) no-repeat center center;
	background-size: cover;
}

#inquiry {
	background: url(../images/main_inquiry.jpg?0924) no-repeat center center;
	background-size: cover;
}

#news_detail {
	background: url(../images/main_news.jpg) no-repeat center center;
	background-size: cover;
}

#download {
	background: url(../images/main_download.jpg) no-repeat center center;
	background-size: cover;
}


/***** Topic path *****/

.topicpath {
	margin: 40px 0 0 40px;
	font-size: 80%;
	overflow: hidden;
	text-align: left;
}

.topicpath li {
	display: inline-block;
	list-style-type: none;
	margin-right: 10px;
}

.topicpath li:after {
	content: ">";
	font-size: 80%;
	margin-left: 10px;
}

.topicpath li:last-child:after {
	content: none;
}

.topicpath li a {
	color: #000;
}

@media screen and (max-width: 768px) {
	.topicpath {
		margin: 30px 0 0 25px;
	}
	.topicpath li {
		font-size: 8pt;
	}
}


/***** Table *****/

.table_01 {
	width: 100%;
}

.table_01 tr.overline td {
	border-top: 1px solid #e5e5e5;
}

.table_01 tr.overline th {
	border-top: 1px solid #777;
}

.table_01 th,
.table_01 td {
	padding: 0.6em 0;
	border-bottom: 1px solid #e5e5e5;
	vertical-align: top;
}

.table_01 th {
	font-weight: bold;
	border-bottom-color: #777;
}

@media screen and (max-width: 768px) {
	.table-01,
	.table_01 thead,
	.table_01 tbody,
	.table_01 tr,
	.table_01 th,
	.table_01 td {
		display: block;
	}
	.table_01 tr+tr th {
		margin-top: 10px;
	}
	.table_01 th,
	.table_01 td {
		height: auto;
		padding: 0.8em 0;
	}
	.table_01.height-min th,
	.table_01.height-min td {
		padding-top: 0.5em;
		padding-bottom: 0.5em;
	}
	.table_01 th {
		text-align: center;
	}
}

.table_01 dl.w240 {
	width: 240px;
}

.table_01 dl dt {
	float: left;
	clear: both;
}

.table_01 dl dt,
.table_01 dl dd {
	margin: 0;
	padding: 0;
}

.table_01 dl dd {
	text-align: right;
}

.table_01 ul {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 106%;
}

.table_01 ul li {
	padding-left: 1em;
	text-indent: -.7em;
}

.table_01 ul li:before {
	content: "● ";
	color: #1585aa;
}

.table_01 ol {
	padding: 0;
	margin: 0;
	font-size: 106%;
}

.table_01 ol li {
	list-style-type: none;
	counter-increment: cnt;
}

.table_01 ol li::before {
	content: "（" counter(cnt) "） ";
}

.table_01 ion-icon {
	font-size: 130%;
	--ionicon-stroke-width: 24px;
	vertical-align: middle;
	margin-bottom: 2px;
}


/***** List style *****/

.list_basic li {
	position: relative;
	padding-left: 1.25em;
	margin-bottom: 0.5em;
}

.list_basic.no_m li {
	margin-bottom: 0;
}

.list_basic li:before {
	content: "";
	display: inline-block;
	width: 5px;
	height: 5px;
	background: #008adb;
	position: absolute;
	top: 0.6em;
	left: 0;
}

.list_basic.black li:before {
	background: #000;
	width: 8px;
	height: 8px;
	top: 0.4em;
}

.list_basic li ul {
	margin-top: 0.5em;
}

.list_basic li ul li:before {
	background: #A8A8A8;
}

.list_num,
.list_num ol,
.list_num ol ol {
	counter-reset: num;
	list-style-type: none;
	padding-left: 0;
	font-size: 95%;
}

.list_num li ol {
	margin-top: 0.5em;
}

.list_num li {
	text-indent: -1.3em;
	padding-left: 1.3em;
	margin-bottom: 0.5em;
}

.list_num li:before {
	counter-increment: num;
	content: counter(num)'.';
	padding-right: .5em;
}


/***** Point *****/

.point {
	overflow: hidden;
	margin-top: 80px;
	display: flex;
	align-items: center;
}

.point:nth-child(even) {
	flex-direction: row-reverse;
}

.point_photo {
	width: 47%;
	margin-bottom: 0;
	font-size: 0;
}

.point_text {
	box-sizing: border-box;
	width: 53%;
	padding: 0 10%;
}

#architecture h3,
#civil-engineering h3,
#real-estate h3 {
	font-size: 300%;
	line-height: 1.0;
}

#architecture h4,
#civil-engineering h4,
#real-estate h4 {
	font-size: 120%;
	margin-top: 10px;
	line-height: 1.0;
}

#architecture h4 {
	color: #1585aa;
}

#civil-engineering h4 {
	color: #11376c;
}

#real-estate h4 {
	color: #a1be23;
}

.point p {
	font-size: 95%;
	margin-top: 30px;
}

.point button {
	margin-top: 30px;
	min-width: 180px !important;
}

@media screen and (max-width: 950px) {
	#architecture h3,
	#civil-engineering h3,
	#real-estate h3 {
		font-size: 260%;
	}
	#architecture h4,
	#civil-engineering h4,
	#real-estate h4 {
		font-size: 110%;
	}
}

@media screen and (max-width: 768px) {
	.point {
		font-size: 10.5pt;
	}
	#architecture h3,
	#civil-engineering h3,
	#real-estate h3 {
		font-size: 30pt;
	}
	#architecture h4,
	#civil-engineering h4,
	#real-estate h4 {
		font-size: 12pt;
	}
}

@media screen and (max-width: 520px) {
	.point {
		display: block;
		margin-top: 50px;
	}
	.point_photo {
		width: 94%;
		margin: 0 3% 30px;
	}
	.point_text {
		width: 94%;
		margin: 0 3%;
	}
	#architecture h3,
	#civil-engineering h3,
	#real-estate h3 {
		font-size: 28pt;
	}
	#architecture h4,
	#civil-engineering h4,
	#real-estate h4 {
		font-size: 10.5pt;
	}
}

@media screen and (max-width: 320px) {
	#architecture h3,
	#civil-engineering h3,
	#real-estate h3 {
		font-size: 24pt;
	}
}

#civil-engineering .button_01 {
	background-color: #11376c;
}

#civil-engineering .button_01:hover {
	background-color: #31578c;
}

#real-estate .button_01 {
	background-color: #a1be23;
}

#real-estate .button_01:hover {
	background-color: #c1de43;
}

.recruit_intro h3 {
	font-size: 140%;
	line-height: 1.5;
	margin-top: 5px;
}

.recruit_intro h4 {
	font-size: 110%;
	line-height: 1.0;
}

.recruit_intro h4:nth-child(n+2) {
	margin-top: 80px;
}

.recruit_intro p {
	margin-top: 20px;
}

.recruit_intro .point_photo {
	width: 40%;
}

.recruit_intro .point_text {
	width: 60%;
}

.recruit_intro:nth-child(even) .marker {
	background: linear-gradient(transparent 70%, #c8e543 70%);
}

@media screen and (max-width: 520px) {
	.recruit_intro h4,
	.recruit_intro h4:nth-child(n+2) {
		margin-top: 30px;
	}
	.recruit_intro .point_photo {
		width: 94%;
	}
	.recruit_intro .point_text {
		width: 94%;
	}
	.recruit_intro:nth-child(even) .point_photo img:first-child {
		display: none;
	}
}

/***** Method *****/

#method {
	position: relative;
	width: 100%;
	background: url(../images/bg_method.jpg) no-repeat bottom center;
	background-size: cover;
	overflow: hidden;
	padding-bottom: 130px;
	margin-top: 100px;
}

#method .w1146 {
	background: #fff;
	margin-top: 80px;
	padding-bottom: 80px;
	filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.1));
}

#method img {
	width: 33.3333%;
	vertical-align: top;
}

#method h3 {
	font-size: 200%;
	margin-top: 80px;
}

#method h4 {
	margin: 40px auto 0 auto;
	width: 86%;
	font-size: 140%;
	color: #1585aa;
}

#method p {
	margin: 20px auto 0 auto;
	width: 86%;
}

#method table {
	margin: 20px auto 0 auto;
	width: 86%;
}

@media screen and (max-width: 768px) {
	#method {
		padding-bottom: 100px;
	}
	#method .w1146 {
		margin-top: 50px;
		padding-bottom: 60px;
	}
	#method h3 {
		font-size: 18pt;
		margin-top: 50px;
	}
	#method h4 {
		font-size: 13pt;
	}
}

@media screen and (max-width: 520px) {
	#method h3 {
		font-size: 17pt;
	}
	#method h4 {
		font-size: 12pt;
	}
	#method img:last-child {
		display: none;
	}
	#method img {
		width: 50%;
	}
}

@media screen and (max-width: 320px) {
	#method h3 {
		font-size: 14pt;
	}
	#method h4 {
		font-size: 11pt;
	}
}


/***** Mansonry *****/

.grid {
	background: #f3f3f3;
	margin-top: 80px;
}


/* clear fix */

.grid:after {
	content: '';
	display: block;
	clear: both;
}

.grid-sizer,
.grid-item {
	width: 33.333%;
}

.grid-item {
	float: left;
	position: relative;
}

.grid-item img {
	display: block;
	width: 100%;
}

.grid-item a:nth-child(n+2) {
	display: none;
}

.grid-item-large {
	width: 66.666%;
}

.grid-item-text {
	display: block;
	height: 50vh;
	background: #666;
	overflow: hidden;
	position: relative;
}

.grid-item-text p {
	position: absolute;
	left: -1.1vw;
	bottom: 0px;
	color: #888;
	font-size: 11.5vw;
	line-height: 0.7;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	letter-spacing: -0.2vw;
}

.grid-item-button {
	display: block;
	height: 100px;
	overflow: hidden;
	position: relative;
}

.grid-item-button a {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #35acd1;
	text-align: center;
	color: #fff;
	line-height: 100px;
}

.grid-item-button a ion-icon {
	vertical-align: middle;
	margin-left: 5px;
}

.grid-item-button a:hover {
	background-color: #55ccf1;
	text-decoration: none;
}

.grid-item span {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 75px;
	padding: 3px 0;
	z-index: 30;
	display: inline-block;
	background: #000;
	color: #fff;
	text-align: center;
	font-size: 80%;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}

.grid-item span.new {
	right: 75px;
	background: #a1be23;
}

@media screen and (max-width: 768px) {
	.grid {
		margin-top: 50px;
	}
	.grid-item-text {
		height: 38vh;
	}
	.grid-item-button {
		height: 80px;
	}
	.grid-item-button a {
		font-size: 10.5pt;
		line-height: 80px;
	}
	.grid-item span {
		width: 60px;
		padding: 1px 0;
		font-size: 70%;
	}
	.grid-item span.new {
		right: 60px;
	}
}

@media screen and (max-width: 520px) {
	.grid-sizer,
	.grid-item {
		width: 50%;
	}
	.grid-item-text {
		height: 26vh;
	}
	.grid-item span {
		width: 50px;
		padding: 0;
		font-size: 70%;
	}
	.grid-item span.new {
		right: 50px;
	}
}


/***** Google map *****/

.gmap {
	overflow: hidden;
	margin-top: 60px;
}

.gmap iframe {
	width: 100%;
	height: 500px;
}

@media screen and (max-width: 520px) {
	.gmap iframe {
		height: 400px;
	}
}


/***** Form *****/

.mfp_phase {
	clear: both;
	width: 100%;
	margin-top: 50px;
}

.mfp_phase input {
	padding: 10px;
	border: 1px solid #bbb;
}

.mfp_phase textarea {
	padding: 10px;
	border: 1px solid #bbb;
	width: 500px;
	height: 150px;
}

@media screen and (max-width: 520px) {
	.mfp_phase input {
		max-width: 94%;
	}
	.mfp_phase textarea {
		width: 94%;
	}
}

.mfp_phase select {
	padding: 8px 10px 12px 10px;
	border: 1px solid #bbb;
}

@media screen and (max-width: 1024px) {
	form#mailformpro dl dt {
		font-size: 10.5pt!important;
	}
}

@media screen and (max-width: 768px) {
	form#mailformpro dl dt {
		font-size: 10pt!important;
	}
}

:placeholder-shown {
	color: #d0d0d0;
}


/* Google Chrome, Safari, Opera 15+, Android, iOS */

::-webkit-input-placeholder {
	color: #d0d0d0;
}


/* Firefox 18- */

:-moz-placeholder {
	color: #d0d0d0;
	opacity: 1;
}


/* Firefox 19+ */

::-moz-placeholder {
	color: #d0d0d0;
	opacity: 1;
}


/* IE 10+ */

:-ms-input-placeholder {
	color: #d0d0d0;
}


/***** Footer *****/

#footer {
	position: relative;
	width: 100%;
	height: 640px;
	overflow: hidden;
	background: url(../images/bg_footer.jpg) no-repeat center center;
	background-size: cover;
	z-index: 50;
}

#footer p {
	margin-top: 70px;
}

#pagetop {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 150px 200px;
	border-color: transparent transparent #fff transparent;
	filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.1));
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	z-index: 70;
}

#pagetop_in {
	position: absolute;
	bottom: 22px;
	right: 22px;
	z-index: 100;
}

#footer a {
	color: #000;
}

#footer_in {
	margin-top: 40px;
	font-size: 0;
}

#footer_in dt,
#footer_in dd {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	padding: 0;
	margin: 0 60px 0 0;
}

#footer_in dd {
	font-size: 11pt;
}

#footer_in dd span {
	font-size: 85%;
}

#footer_in dt img,
#footer_in dd img {
	margin: 5px;
}

#footer_in dd img {
	width: 70px;
}

#footer_in dd:last-child {
	margin-right: 0;
}

#footer_menu {
	margin-top: 70px;
}

#footer_menu li {
	display: inline;
	margin-left: 2.0em;
	font-size: 90%;
}

#footer address {
	margin-top: 70px;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-size: 75%;
	font-weight: 400;
	letter-spacing: 1px;
}

@media screen and (max-width: 768px) {
	#footer {
		height: 640px;
	}
	#footer p img {
		width: 85px;
	}
	#pagetop {
		border-width: 0 0 100px 180px;
	}
	#pagetop_in {
		bottom: 12px;
		right: 15px;
	}
	#pagetop_in img {
		width: 50px;
	}
	#footer_in {
		margin-top: 20px;
	}
	#footer_in dt {
		margin: 0 30px 0 0;
	}
	#footer_in dd {
		margin: 0 30px 0 0;
		font-size: 10.5pt;
	}
	#footer_in dt img {
		width: 100px;
	}
	#footer_in dd img {
		width: 55px;
	}
	#footer_menu {
		margin-top: 30px;
		font-size: 10pt;
	}
	#footer_menu li {
	}
	#footer address {
		margin-top: 40px;
		font-size: 8pt;
	}
}

@media screen and (max-width: 520px) {
	#pagetop {
		border-width: 0 0 80px 140px;
	}
	#pagetop_in {
		bottom: 3px;
		right: 10px;
	}
	#footer p {
		margin-top: 50px;
	}
	#footer_in dt {
		display: block;
		margin: 0;
		text-align: center;
	}
	#footer_in dd {
		display: block;
		margin: 15px 0 0 0;
		text-align: center;
	}
	#footer_in dd img {
		display: none;
	}
	#footer_menu {
		margin-top: 30px;
		padding: 0 15px;
	}
	#footer_menu li {
		margin: 0 10px;
	}
	#footer address {
		margin-top: 30px;
	}
}

@media screen and (max-width: 320px) {
	#footer_menu {
		font-size: 10pt;
	}
	#footer_menu li {
		margin: 0 10px;
	}
}


/***** Gallery *****/

.gallery {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	font-size: 0;
	margin-top: 2.5%;
}

.gallery li {
	width: 31.5%;
	margin-bottom: 2.5%;
	position: relative;
}

.gallery li img {
	width: 100%;
	height: 100%;
}

.gallery li span {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 75px;
	padding: 3px 0;
	z-index: 30;
	display: inline-block;
	background: #000;
	color: #fff;
	text-align: center;
	font-size: 9.6pt;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}

@media screen and (max-width: 768px) {
	.gallery {
		width: 100%;
		margin: 2.5% auto 0;
	}
	.gallery li {
		width: 49%;
		margin-bottom: 2.5%;
	}
	.gallery li {
		display: block;
	}
	.gallery li span {
		width: 50px;
		padding: 0;
		font-size: 8pt;
	}
}


/***** Page navi *****/

.AuxNavi {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-right: -1.3%;
	margin-left: -1.3%;
	margin-top: 50px;
	-js-display: flex;
}

.AuxNavi__item {
	font-size: 16px;
	font-size: 1.6rem;
	width: 33.33333%;
	padding: 0 1.3%;
}

.Button {
	font-size: inherit;
	line-height: inherit;
	position: relative;
	display: inline-block;
	width: 100%;
	cursor: pointer;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	white-space: nowrap;
	text-decoration: none !important;
	color: inherit;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.Prologue__button .Button {
	font-weight: 600;
}

.Button.-solid--variation01 {
	font-weight: 600;
	color: #141c36;
	border-radius: 10px;
	background-color: #f2f5f7;
}

.Button.-solid--variation01:hover {
	color: #35acd1;
	border-bottom-color: #35acd1;
}

.AuxNavi__item .Button.-solid--variation01 {
	line-height: 1.3;
}

.Button.-gravityCenter {
	display: Flex;
	-js-display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.Button.-gravityCenter--mulutiLine {
	display: Flex;
	flex-direction: column;
	text-align: center;
	-js-display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
}

.Button.-gravityLeft {
	display: Flex;
	-js-display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.Button.-low {
	min-height: 3.2em;
	padding-top: .3em;
	padding-bottom: .28em;
}

.Button.-standard {
	min-height: 3.6em;
	padding-top: .4em;
	padding-bottom: .4em;
}

.Button.-high {
	min-height: 6em;
	padding-top: .7em;
	padding-bottom: .5em;
}

.Button__ico {
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.Button__ico.-gravityRight {
	padding-left: .5em;
}

.Button:hover .Button__ico.-gravityRight {
	-webkit-transform: translateX(40%);
	-ms-transform: translateX(40%);
	transform: translateX(40%);
}

.Button__ico.-gravityDown {
	position: absolute;
	top: 50%;
	right: 20px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.Button__ico.-variation01 {
	color: #35acd1;
}

.Button__ico.-variation02 {
	color: #35acd1;
}

.Button:hover .Button__ico.-variation02 {
	-webkit-transform: translateY(-10%);
	-ms-transform: translateY(-10%);
	transform: translateY(-10%);
}

.Button__sub {
	font-size: 0.8rem;
	font-weight: 400;
	margin-top: .6em;
}

@media screen and (max-width: 520px) {
	.Button__ico {
		display: none;
	}
}