@charset "utf-8";

body {
	margin: 0;
	padding: 0;
	background: #12491D;
	font-size: 16px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
}

p, dd {
	text-align: justify;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: top;
}

.bg {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #00000090;
	display: none;
	z-index: 100;
}

.bg.disp {
	display: block;
}

/* =======================================================
	 header
======================================================= */

header {
	text-align: center;
	padding: 1%;
	position: relative;
	display: block;
	height: 50px;
	box-sizing: border-box;
	z-index: 101;
	background: #12491D;
}

/* header .logo
------------------------------------------------------- */

header .logo {
	display: block;
	padding-right: calc(60px + 5%);
	box-sizing: border-box;
	max-width: 400px;
}

/* header #global-nav
------------------------------------------------------- */

#global-nav {
	position: absolute;
	background: #fff;
	z-index: 101;
	box-sizing: border-box;
	width: 100%;
	top: -1000px;
	left: 0;
}

#global-nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#global-nav ul li {
	padding: 0;
	margin: 0;
	border-top: 1px solid #ccc;
}

#global-nav ul li:nth-of-type(1) {
	border-top: none;
}

#global-nav ul li a {
	padding: 1em;
	margin: 0;
	display: block;
	text-decoration: none;
	color: #000;
}

#global-nav ul li a:hover {
	opacity: 0.7;
}

/* header #breadcrumb
------------------------------------------------------- */

#breadcrumb {
	padding: 0.5em;
	font-size: 0.9em;
	color: #000;
}

#breadcrumb a {
	color: #000;
	text-decoration: none;
}

#breadcrumb a:hover {
	opacity: 0.7;
}

/* =======================================================
	 footer
======================================================= */

footer {
	text-align: center;
	padding: 5%;
}

footer small {
	display: block;
	padding: 2em 0 0;
	color: #fff;
}

footer figure {
	padding: 0;
	margin: 1em 0 1em;
	position: relative;  
}

footer figure img {
	max-width: 200px;
	width: 30%;
}

footer strong {
	display: block;
	padding: 0 0 30px 0;
	margin: 0;
}

footer strong img {
	max-width: 370px;
	width: 65%;
}

footer nav {
	max-width: 890px;
	margin: 0 auto;
}

footer nav ul {
	padding: 0;
	margin: 0;
	border-top: 1px solid #fff;
	list-style: none;
}

footer nav ul li {
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #fff;
}

footer nav ul li a {
	padding: 0.5em;
	text-decoration: none;
	color: #fff;
	display: block;
	font-size: 0.9em;
}

footer nav ul li a:hover {
	opacity: 0.7;
}

/* =======================================================
	 main
======================================================= */

article {
	background: #fff;
	margin: 0 auto;
	padding: 0;
	max-width: 860px;
	box-sizing: border-box;
}

article p {
	padding: 0;
	margin: 0;
	font-size: 1em;
}

.nodl {
	margin-bottom: 1em;
}

article .content {
	margin: 0 auto;
	display: block;
}


/* #contents
------------------------------------------------------- */

#contents .pad5 {
	padding: 5%;
}

#contents .title {
	padding: 2vw 0 4vw;
}

#contents .title h1 {
	position: relative;
	margin: 0.5em 0 0;
	padding: 0;
	font-size: 10vw;
	line-height: 1.2em;
	font-weight: 100;
	display: block;
	text-align: center;
}

#contents .title h1 span {
	position: relative;
	display: block;
	margin: 0 auto;

}

#contents .title.prof_title h1 span {
	text-align: left;
	max-width: 6.5em;
	text-indent: -0.8em;
	padding-left: 0.8em;
}

#contents .title h1 span::before {
	content: '';
	background: url(../images/ico01.png) no-repeat center center;
	background-size: contain;
	width: 13vw;
	height: 13vw;
	display: inline-block;
	position: relative;
	top: -0.4em;
	margin-left: 0;
	margin-right: -0.5em;
}

.content dl {
	padding: 0;
	margin: 0;
}

.content dl dt {
	padding: 0;
	margin: 0;
	font-weight: bold;
}

.content dl dd {
	padding: 0;
	margin: 0 0 1em 0;
	font-weight: 100;
}

.contact {
	padding: 1em 0;
}

.contact a {
	border: 1px solid #000;
	display: block;
	text-align: center;
	padding: 1em;
	text-decoration: none;
	font-size: 1.25em;
	color: #000;
}

.contact a:hover {
	opacity: 0.7;
}

/* .pagination
------------------------------------------------------- */

.pagination {
	text-align: center;
	display: block;
	padding: 2em 0;
}

.pagination ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.pagination ul li {
	padding: 0;
	margin: 0;
	display: inline-block;
}

.pagination ul li a {
	border: 2px solid #ccc;
	text-decoration: none;
	color: #999;
	height: 2em;
	width: 2em;
	display: block;
	box-sizing: border-box;
	border-radius: 2px;
}

.pagination ul li a:hover {
	border: 2px solid #000;
	color: #000;
}

.pagination ul li.current b {
	border: 2px solid #ccc;
	font-weight: bold;
	color: #000;
	background-color: #f2f2f2;
	height: 2em;
	width: 2em;
	display: block;
	box-sizing: border-box;
	border-radius: 2px;
}

/* TOP PAGE
------------------------------------------------------- */

article#flow strong {
	font-weight: 300;
}

article#flow ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

article#flow ul li {
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
}

article#flow ul li h2 {
	background: #12491D;
	width: 30vw;
	height: 30vw;
	color: #fff;
	text-align: center;
	line-height: 30vw;
	border-radius: 100vw;
	font-size: 6vw;
	padding: 0;
	margin: 0 auto;
	position: relative;
	z-index: 10;
	font-weight: 100;
}

article#flow ul li .content {
	background: #F2F2F2;
	border-radius: 10px;
	padding: 8vw 5vw 5vw;
	position: relative;
	top: -6vw;
	font-size: 3vw;
	margin: 0 5%;
}

article#flow ul li .content p {
	font-weight: 500;
	font-size: 1.2em;
}

article#flow ul li::before {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 13vw 8vw 0 8vw;
	border-color: #52965F transparent transparent transparent;
	position: absolute;
	left: 50%;
	top: -9vw;
	transform: translate(-50%,0);
	-webkit- transform: translate(-50%,0);
	z-index: 100;
}

article#flow ul li:nth-of-type(1)::before {
	display: none;
}

article#form {
	background: #D3EAD8;
	padding: 0 5%;
	font-weight: 300;
}

article#form section {
	max-width: 800px;
	margin: 0 auto;
	padding: 2em 0;
}

article#form section ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

article#form section ul li {
	padding: 1em 0 0;
	margin: 0;
	display: block;
	position: relative;
}

article#form section strong {
	font-size: 1em;
	display: block;
	padding-bottom: 0;
	font-weight: 500;
}

article#form section ul li span {
	display: block;
	padding-top: 0.3em;
}

article#form section ul li strong {
	font-size: 1em;
}

article#form small {
	color: #f00;
}

article#form section ul li span input {
	border: 1px solid  #ccc;
	padding: 1em;
	width: 100%;
	box-sizing: border-box;
	font-size: 1em;
}

article#form section ul li.selectbox {
	width:100%;
	margin:1em auto;
	position:relative;
	font-size: 1em;
}

article#form section ul li select{
	-webkit-appearance:none;
	appearance:none;
	width:100%;
	padding: 0.9em 1em;
	box-sizing:border-box;
	font-size:1em;
	line-height: 1em;
	border:#ccc 1px solid;
	border-radius:0;
	background:#fff;
}

article#form section ul li .selectbox::after{
	content:"";
	display:block;
	width:10px;
	height:10px;
	position:absolute;
	right:5%;
	top:50%;
	border-bottom:#333 2px solid;
	border-right:#333 2px solid;
	transform:rotate(45deg)translateY(-30%);
}

article#form section ul li option {
	border: 1px solid  #ccc;
	padding: 1em;
	width: 100%;
	display: block;
}

article#form section ul li textarea {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #ccc;
	padding: 1em; 
	height: 20em;
	font-size: 1em;
	line-height: 1.6em;
}

article#form section .btn {
	text-align: center;
	display: block;
	padding: 1em;
}

article#form section .btn input[type="submit"],
article#contactin input[type="submit"],
article#contactin input[type="button"] {
	margin: 0 auto;
	text-align: center;
	padding: 0.5em 1em;
	font-size: 1.1em;
	font-weight: 500;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: transparent;
	border: none;
	border-radius: 0;
	font: inherit;
	outline: none;
	background: #fff;
	border: 1px solid #ccc;
}

article#contactin h3 {
	text-align: center;
}

article#contactin table {
	text-align: center;
	margin: 2em auto;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

article#contactin table th {
	text-align: right;
	padding: 0.5em 1em;
}

article#contactin table td {
	text-align: left;
	padding: 0.5em 1em;
}

article#contactin p.error_messe {
	color: #ff0000;
}



/* PROFILE
------------------------------------------------------- */

.main_visual {
	position: relative;
	padding: 0;
	margin: 0;
}

.main_visual h2 {
	position: absolute;
	padding: 2% 5%;
	margin: 0;
	background: #fff;
	text-align: center;
	box-sizing: border-box;
	left: 50%;
	top: 50%;
	transform: translate( -50%, -50%);
	min-width: calc( 12em + 10% );
}

.main_visual figure {
	padding: 0;
	margin: 0;
}

.profile p {
	margin: 0;
	margin-bottom: 1em;
}

.profile p strong {
	display: block;
	text-align: right;
}

.profile h3 {
	padding: 2em 0 0 0;
	margin: 0;
}

.profile .gray {
	padding: 0.5em 5.5% 0 5.5%;
	margin: 2em 0 2em -5.5%;
	width: 100%;
	background: #f2f2f2;
	position: relative;
}

.profile .gray_in {
	padding: 1em 0;
}

.profile .gray_in h3 {
	padding: 0 0 0.2em 0;
	margin: 0;
}



/* PARTNERSHIP
------------------------------------------------------- */

#contents .content ul.partner_list {
	padding: 0;
	margin: 0;
	list-style: none;
}

#contents .content ul.partner_list li {
	padding: 0;
	margin: 0;
}

#contents .content ul.partner_list li figure {
	padding: 0;
	margin: 0;
}

#contents .content ul.partner_list li figure img {
	width: 100%;
	height: auto;
}

#contents .content ul.partner_list li h3 {
	font-weight: normal;
	padding: 0;
	margin: 0;
}

#contents .content ul.partner_list li h2 {
	padding: 0;
	margin: 0 0 1em 0;
}

#contents .content ul.partner_list li p strong {
	display: block;
	font-weight: 300;
}

#contents .content ul.partner_list li p a {
	text-decoration: none;
	color: #ccc;
}

#contents .content ul.partner_list li p a:hover {
	color: #999;
}

#contents .content ul.partner_list li dl {
	padding: 0;
	margin: 1em 0;
	font-family: 'Noto Sans JP', sans-serif;
}

#contents .content ul.partner_list li dl dt {
	font-family: 'Noto Sans JP', sans-serif;
}

#contents .content ul.partner_list li dl dd {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
}

#contents .content ul.partner_list li dl dd ul {
	padding: 0.5em 0;
	margin: 0;
	list-style: none;
}

#contents .content ul.partner_list li dl dd ul::after {
	content: '';
	overflow: hidden;
	display: block;
	clear: both;
}

#contents .content ul.partner_list li dl dd ul.photo li {
	padding: 0;
	margin: 0 0 0 2%;
	border: 1px solid #000;
	width: 32%;
	float: left;
	box-sizing: border-box;
	height: 0;
	display: block;
	padding-top: 32%;
	position: relative;
	overflow: hidden;
}

#contents .content ul.partner_list li dl dd ul.photo li figure {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	width: 100%;
	display: block;
}

#contents .content ul.partner_list li dl dd ul.photo li:nth-of-type(1) {
	margin-left: 0;
}

#contents .content ul.partner_list li dl dd ul li strong {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
	display: block;
}

#contents .content ul.partner_list li dl dd ul li a {
	text-decoration: none;
	color: #ccc;
	word-break: break-all;
}

#contents .content ul.partner_list li dl dd ul li a:hover {
	color: #999;
}

#contents .content ul.partner_list li dl dd ul.hiji li {
	padding-top: 35%;
}

#contents .content ul.partner_list li dl dd ul.hiji li figure {
	top: 0;
	transform: translate(0);
}

#contents .content ul.partner_list li dl dd ul.tani li {
	padding-top: 35%;
}

#contents .content ul.partner_list li dl dd ul.voice li {
	width: 49%;
	margin-bottom: 2%;
	height: auto;
	display: block;
	padding-top: 0;
}

#contents .content ul.partner_list li dl dd ul.voice li:nth-of-type(odd) {
	margin-left: 0;
}

#contents .content ul.partner_list li dl dd ul.voice li a {
	padding: 1em;
	display: block;
	text-align: center;
	font-weight: 300;
	color: #000;
	vertical-align: middle;
}

#contents .content ul.partner_list li dl dd ul.voice li a:hover {
	color: #999;
}

#contents .content ul.partner_list li dl dd ul.voice li span::before {
	content: '';
	background: url(../../partnership/images/icon.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	width: 1em;
	height: 0.9em;
	display: inline-block;
	margin-right: 0.5em; 
}

#contents .content ul.partner_list li dl dd ul.voice li a:hover span::before {
	opacity: 0.5;
}

/* WORK
------------------------------------------------------- */

#contents .content ul.work_list {
	padding: 0;
	margin: 0;
	list-style: none;
}

#contents .content ul.work_list li {
	padding: 0;
	margin: 0;
}

#contents .content ul.work_list li figure {
	padding: 0;
	margin: 0;
}

#contents .content ul.work_list li figure img {
	width: 100%;
	height: auto;
}

#contents .content ul.work_list li div {
	padding: 5%;
}

#contents .content ul.work_list li div strong {
	font-weight: normal;
}

#contents .content ul.work_list li div h2 {
	padding: 0;
	margin: 0;
}

#contents .content ul.work_list li div h3 {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 0.5em 0;
	margin: 0.5em 0;
}

#contents .content ul.work_list li div dl dd {
	padding: 0;
	margin: 0;
}

/* =======================================================
	 toggle navi
======================================================= */

.menu-trigger {
	display: inline-block;
	transition: all .4s;
	opacity: 1;
	z-index: 100003;
	width: 50px;
	height: 50px;
	margin: auto;
	box-sizing: border-box;
	top: 0;
	right: 0;
	position: absolute;
}

.menu-trigger a {
	display: inline-block;
	transition: all .4s;
	opacity: 1;
	z-index: 100003;
	width: 50px;
	height: 50px;
	margin: auto;
	box-sizing: border-box;
	top: 0;
	right: 0;
	position: relative;
}

.menu-trigger::after {
	content: '';
	color: #fff;
	position: absolute;
	bottom: 0;
	text-align: center;
	width: 100%;
	font-size: 1.6vw;
	line-height: 3vw;
}

.menu-trigger a span {
	position: absolute;
	left: 20%;
	width: 60%;
	height: 2px;
	background-color: #fff;
	border-radius: 5px;
}

.menu-trigger a span:nth-of-type(1) {
	top: 20%;
}

.menu-trigger a span:nth-of-type(2) {
	top: calc(50% - 2px);
}

.menu-trigger a span:nth-of-type(3) {
	bottom: calc(20% + 2px);
}

.menu-trigger.active a {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}

.menu-trigger.active a span {
	background-color: #fff;
}

.menu-trigger.active a span:nth-of-type(1) {
	-webkit-transform: translateY(12px) rotate(-45deg);
	transform: translateY(12px) rotate(-45deg);
}

.menu-trigger.active a span:nth-of-type(2) {
	-webkit-transform: translateY(0) rotate(45deg);
	transform: translateY(0) rotate(45deg);
}

.menu-trigger.active a span:nth-of-type(3) {
	opacity: 0;
}

/* =======================================================
==========================================================
	 RESPONSIVE
==========================================================
======================================================= */

@media (min-width: 800px) {

article#flow ul li h2 {
	width: 5em;
	height: 5em;
	line-height: 5em;
	font-size: 2.4em;
}

body {
	margin: 0;
	padding: 0;
	background: #12491D;
	font-size: 16px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: top;
}

header {
	text-align: center;
	padding: 1%;
	position: relative;
	display: block;
	height: 50px;
	box-sizing: border-box;
	z-index: 101;
	background: #12491D;
	max-width: 860px;
	margin: 0 auto;
}

header .logo {
	display: block;
	padding-right: calc(60px + 5%);
	box-sizing: border-box;
	max-width: 400px;
}

#global-nav {
	position: absolute;
	background: #fff;
	z-index: 101;
	box-sizing: border-box;
	width: 100%;
	top: -1000px;
	left: 0;
}

#global-nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#global-nav ul li {
	padding: 0;
	margin: 0;
	border-top: 1px solid #ccc;
}

#global-nav ul li:nth-of-type(1) {
	border-top: none;
}

#global-nav ul li a {
	padding: 1em;
	margin: 0;
	display: block;
	text-decoration: none;
	color: #000;
}

#global-nav ul li a:hover {
	opacity: 0.7;
}

#breadcrumb {
	padding: 0.5em;
	font-size: 0.9em;
	color: #000;
}

#breadcrumb a {
	color: #000;
	text-decoration: none;
}

#breadcrumb a:hover {
	opacity: 0.7;
}

.bg {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #00000090;
	display: none;
	z-index: 100;
}

.bg.disp {
	display: block;
}

footer {
	text-align: center;
	padding: 5%;
}

footer small {
	display: block;
	padding: 2em 0 0;
	color: #fff;
}

footer figure {
	padding: 0;
	margin: 1em 0 1em;
	position: relative;  
}

footer figure img {
	max-width: 200px;
	width: 30%;
}

footer strong {
	display: block;
	padding: 0 0 30px 0;
	margin: 0;
}

footer strong img {
	max-width: 370px;
	width: 65%;
}

footer nav ul {
	padding: 0;
	margin: 0;
	border-top: 1px solid #fff;
	list-style: none;
}

footer nav ul li {
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #fff;
}

footer nav ul li a {
	padding: 0.5em;
	text-decoration: none;
	color: #fff;
	display: block;
	font-size: 0.9em;
}

footer nav ul li a:hover {
	opacity: 0.7;
}

#contents .title h1 {
	font-size: 5em;	
}

#contents .title h1 span::before {
	width: 1.3em;
	height: 1.3em;
}

article#flow strong {
	font-weight: 300;
}

article#flow ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

article#flow ul li {
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
}

article#flow ul li h2 {
	background: #12491D;
	width: 30vw;
	height: 30vw;
	color: #fff;
	text-align: center;
	line-height: 30vw;
	border-radius: 100vw;
	font-size: 6vw;
	padding: 0;
	margin: 0 auto;
	position: relative;
	z-index: 10;
	font-weight: 100;
}

article#flow ul li .content {
	background: #F2F2F2;
	border-radius: 10px;
	padding: 8vw 5vw 5vw;
	position: relative;
	top: -6vw;
	font-size: 3vw;
}

article#flow ul li .content p {
	font-weight: 500;
}

article#flow ul li::before {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 13vw 8vw 0 8vw;
	border-color: #52965F transparent transparent transparent;
	position: absolute;
	left: 50%;
	top: -9vw;
	transform: translate(-50%,0);
	-webkit- transform: translate(-50%,0);
	z-index: 100;
}

article#flow ul li:nth-of-type(1)::before {
	display: none;
}

article#form {
	background: #D3EAD8;
	padding: 0 5%;
	font-weight: 300;
}

article#form section {
	max-width: 800px;
	margin: 0 auto;
	padding: 2em 0;
}

article#form section ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

article#form section ul li {
	padding: 1em 0 0;
	margin: 0;
	display: block;
	position: relative;
}

article#form section strong {
	font-size: 1em;
	display: block;
	padding-bottom: 0;
	font-weight: 500;
}

article#form section ul li span {
	display: block;
	padding-top: 0.3em;
}

article#form section ul li strong {
	font-size: 1em;
}

article#form small {
	color: #f00;
}

article#form section ul li span input {
	border: 1px solid  #ccc;
	padding: 1em;
	width: 100%;
	box-sizing: border-box;
	font-size: 1em;
}

article#form section ul li.selectbox {
	width:100%;
	margin:1em auto;
	position:relative;
	font-size: 1em;
}

article#form section ul li select{
	-webkit-appearance:none;
	appearance:none;
	width:100%;
	padding: 0.9em 1em;
	box-sizing:border-box;
	font-size:1em;
	line-height: 1em;
	border:#ccc 1px solid;
	border-radius:0;
	background:#fff;
}

article#form section ul li .selectbox::after{
	content:"";
	display:block;
	width:10px;
	height:10px;
	position:absolute;
	right:5%;
	top:50%;
	border-bottom:#333 2px solid;
	border-right:#333 2px solid;
	transform:rotate(45deg)translateY(-30%);
}

article#form section ul li option {
	border: 1px solid  #ccc;
	padding: 1em;
	width: 100%;
	display: block;
}

article#form section ul li textarea {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #ccc;
	padding: 1em; 
	height: 20em;
	font-size: 1em;
	line-height: 1.6em;
}

article#form section .btn {
	text-align: center;
	display: block;
	padding: 1em;
}

article#form section .btn input[type="submit"],
article#contactin input[type="submit"],
article#contactin input[type="button"] {
	margin: 0 auto;
	text-align: center;
	padding: 0.5em 1em;
	font-size: 1.1em;
	font-weight: 500;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: transparent;
	border: none;
	border-radius: 0;
	font: inherit;
	outline: none;
	background: #fff;
	border: 1px solid #ccc;
}

article#contactin h3 {
	text-align: center;
}

article#contactin table {
	text-align: center;
	margin: 2em auto;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

article#contactin table th {
	text-align: right;
	padding: 0.5em 1em;
}

article#contactin table td {
	text-align: left;
	padding: 0.5em 1em;
}

article#contactin p.error_messe {
	color: #ff0000;
}

article#flow ul li .content {
	padding: 4em 5% 3em;
	position: relative;
	top: -2.5em;
	font-size: 1.5em;
}

article#flow ul li::before {
	border-width: 8em 5em 0 5em;
	top: -6em;
}

article#form section strong {
	font-size: 1.2em;
}

.content dl {
	padding: 0;
	margin: 0;
}

.content dl dt {
	padding: 0;
	margin: 0;
	font-weight: bold;
}

.content dl dd {
	padding: 0;
	margin: 0 0 1em 0;
	font-weight: 100;
}

.contact {
	padding: 1em 0;
}

.contact a {
	border: 1px solid #000;
	display: block;
	text-align: center;
	padding: 1em;
	text-decoration: none;
	font-size: 1.25em;
	color: #000;
}

.contact a:hover {
	opacity: 0.7;
}

}

@media (min-width: 890px) {

article {
    padding: 0;
}

article#flow ul li h2 {
	background: #12491D;
	width: 4.5em;
	height: 4.5em;
	line-height: 4.5em;
	border-radius: 100vw;
	font-size: 3.5em;
}

}