/* ==========================================================================



CORE
========================================================================== */


*,
ul,
p,
dl {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a,
button,
input,
select,
textarea,
/*#omachilogo,
#tophero,*/
.gnav,
.mask,
.loading,
#wrapper {
	transition: all 0.3s ease-in-out;
}

button,
input,
select,
textarea,
header,
footer {
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border-radius: 0;
}

body {
	line-height: 160%;
	color: #333;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	font-size: 11px;
}
	@media (min-width: 768px) {
		body {
			font-size: 14px;
		}
	}

h1, h2, h3, h4, h5, h6 {
	line-height: 133%;
	margin: 0 0 15px;
/*	font-family: 'Oswald', sans-serif;*/
	font-weight: 400;
}

h1 {
/*	margin-bottom: 30px;*/
	font-size: 24px;
}
h2 {
	font-size: 18px;
}
h3 {
	font-size: 16px;
}
h4 {
	font-size: 14px;
}
h5 {
	font-size: 12px;
}
h6 {
	font-size: 10px;
}
	@media (min-width: 768px) {
		h1, h2, h3, h4, h5, h6 {
			margin-bottom: 30px;
		}
		h1 {
			font-size: 54px;
			line-height: 68px;
		}
		h2 {
			font-size: 30px;
			
		}
		h3 {
			font-size: 24px;
			line-height: 36px;
		}
		h4 {
			font-size: 18px;
			
		}
		h5 {
			font-size: 16px;
			
		}
		h6 {
			font-size: 14px;
			
		}
	}

button {
	background: none;
	border: none;
}
button:active,
button:hover,
button:focus {
	outline: 0;
}

a {
	position: relative;
	color: #DF943B;
	text-decoration: none;
}

/* a:after {
	content: "";
	height: 1px;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background-color: transparent;
	transition: background-color 0.3s ease-in-out;
} */
html.omachi a:active,
html.omachi a:hover,
html.omachi a:focus {
	color: #41809C;
	outline: 0;
/*	text-decoration: underline;*/
}
html.omachi p a:active:after,
html.omachi p a:hover:after,
html.omachi p a:focus:after {
	background-color: #1673b1;
}

.lnk {
/* 	font-size: 13px;
	line-height: 17px; */
	color: #333;
}
.lnk i:first-of-type {
	width: 8px;
	height: 8px;
	line-height: 17px;
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
/*	background: url(../gfx/sprite.svg) no-repeat -459px -27px;
	background-size: 600px auto;
*/
    background-image: url(../gfx/03arrow_b_ss_r.svg);
    background-repeat: no-repeat;
}

.pdfico:after {
	content: "";
	width: 16px;
	height: 17px;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -8px;
/*	background: url(../gfx/sprite.svg) no-repeat -513px -26px;
	background-size: 600px auto;
*/
    background-image: url(../gfx/03icon_pdf.png);
    background-repeat: no-repeat;
}
.pdfico {
	padding-right: 21px;
}

nav li {
	list-style-type: none;
}



input[type=text],
input[type=email],
input[type=url],
textarea,
select {
	width: 100%;
	height: 40px;
	margin: 20px 5px;
	padding: 10px 12px;
	position: relative;
	display: block;
	border: 1px solid #c6c6c6;
	border-radius: 0;
	background-color: #fff;
	color: #333;
/*	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;*/
	font-size: 15px;
	line-height: 20px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
select {
	height: 32px;
	line-height: 100%;
	margin: 0;
	padding: 0 0 0 10px;
	background: url(../gfx/sprite.svg) no-repeat right -569px top -90px;
	background-size: 600px auto;
}


input.btn {
	height: 50px;
	line-height: 50px;
	padding: 0 23px;
}

.omachi input:-webkit-autofill::-webkit-input-placeholder,
.omachi textarea:-webkit-autofill::-webkit-input-placeholder,
.omachi select:-webkit-autofill::-webkit-input-placeholder,
.omachi input:-webkit-autofill,
.omachi textarea:-webkit-autofill,
.omachi select:-webkit-autofill {
/*	background-color: #ccc !important;*/
	color: #333;
}
/*	@media (max-width: 385px) {
		input[type=text],
		input[type=email],
		input[type=url],
		select {
			width: 100%;
		}
	}*/
textarea {
	height: 240px;
	line-height: 20px;
	padding: 15px;
}
	@media (max-width: 965px) {
		textarea {
			width: 100%;
		}
	}



input[type=text]:hover,
input[type=email]:hover,
input[type=url]:hover,
textarea:hover,
select:hover {
	border-color: #333;
	outline: 0;
}
input[type=text]:active,
input[type=text]:focus,
input[type=email]:active,
input[type=email]:focus,
input[type=url]:active,
input[type=url]:focus,
textarea:active,
textarea:focus,
select:active,
select:focus {
	border-color: #333;
	outline: 0;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #a6a6a6;
	font-style: italic;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
	color: #a6a6a6;
	font-style: italic;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
	color: #a6a6a6;
	font-style: italic;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #a6a6a6;
	font-style: italic;
}


blockquote {
	margin: 0;
}
blockquote p:first-of-type:before {
	content: "\201C";
}
blockquote p:last-of-type:after {
	content: "\201D";
}



/* ==========================================================================



COMMON / MODULES
========================================================================== */

a.ext {
	padding-right: 13px;
}
a.ext:after {
	content: "";
	width: 8px;
	height: 8px;
	position: absolute;
	top: 50%;
	margin-top: -3px;
	right: 0;
/*	background: url(../gfx/sprite.svg) no-repeat -419px -27px;
	background-size: 600px auto;
*/
    background-image: url(../gfx/03icon_win.svg);
    background-repeat: no-repeat;
}

.omachi .btn {
	margin: 0;
	padding: 12px 30px;
	display: inline-block;
	vertical-align: top;
	border-radius: 3px;
	border: none;
	background: #E79C3B;
	color: #fff;
	font-size: 14px;
/*	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;*/
	font-weight: bold;
	line-height: 16px;
	text-align: center;
}
.btn i {
	position: relative;
	display: inline-block;
	vertical-align: middle;
/*	background: url(../gfx/sprite.svg) no-repeat -180px -18px;
	background-size: 600px auto;*/
    background-repeat: no-repeat;
}
.btn i:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url(../gfx/sprite.svg) no-repeat -183px -18px;
	background-size: 600px auto;
/*    background-image: url(../gfx/03icon_mail_w.svg);
    background-repeat: no-repeat;*/
	transition: opacity 0.3s ease-in-out;
	opacity: 0;
}

.btn.raquo i {
	width: 3px;
	height: 6px;
	background-position: -180px -18px;
}

.btn.raquo i:after {
	background-position: -183px -18px;
}

.btn.mail i {
	width: 15px;
	height: 12px;
	margin-right: 10px;
/*	background-position: -265px -12px;
	background-size: 300px auto;*/
    background-image: url(../gfx/03icon_mail_w.svg);
}
	@media (min-width: 768px) {
		.btn.mail i {
			width: 30px;
			height: 23px;
			margin-right: 14px;
/*			background-position: -530px -24px;
			background-size: 600px auto;*/
		}
	}

.btn.ext {
	padding-right: 43px;
	padding-left: 43px;
}
.btn.ext:before,
.btn.ext:after {
	content: "";
	width: 8px;
	height: 8px;
	position: absolute;
	top: 50%;
	margin-top: -4px;
	background: url(../gfx/sprite.svg) no-repeat -467px -27px;
	background-size: 600px auto;
}
.btn.ext:before {
	left: 30px;
}
.btn.ext:after {
	right: 30px;
	background-position: -443px -27px;
}

.omachi .btn:active,
.omachi .btn:hover,
.omachi .btn:focus {
	background-color: #41809C;
	color: #fff;
	outline: 0;
	text-decoration: none;
}

.container {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
	@media (min-width: 1000px) {
		.container {
			width: 1000px;
		}
	}

.omachilogo {
	width: 180px;
	height: 0;
	padding-top: 39px;
	overflow: hidden;
	display: inline-block;
	background: url(../gfx/headerlogo.svg) no-repeat 0 0;
/*	background-size: 180px auto;*/
    text-indent: -9999px;
}
	@media (min-width: 768px) {
		.omachilogo {
			width: 363px;
			padding-top: 77px;
/*			background-size: 340px auto;
*/		}
}
@media (max-width: 988px) {
		.omachilogo {
			width: 220px;
			padding-top: 77px;
		}
	}

.backtotop {
	width: 100%;
	height: 0;
	padding-top: 40px;
	display: block;
	position: relative;
	overflow: hidden;
	background-color: #d2d2d2;
	/* 	position: fixed;
	right: 0;
	bottom: 0;
	left: 0; */
	margin: 0;
}
.backtotop:before {
	content: "";
	width: 11px;
	height: 6px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -3px 0 0 -5px;
/*	background: url(../gfx/sprite.svg) no-repeat -404px -14px;
	background-size: 600px auto;
*/
    background-image: url(../gfx/03arrow_b_l_t.svg);
    background-repeat: no-repeat;
}
.backtotop:active,
.backtotop:hover,
.backtotop:focus {
	background-color: #E79C3B;
}
	@media (min-width: 768px) {
		.backtotop {
			padding-top: 48px;
		}
		.backtotop:before {
			content: "";
			width: 19px;
			height: 10px;
/*			background-position: -404px 0;*/
		}
	}


.bkimg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.img {
	position: relative;
}
/* visuallyhidden */
.img img {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}


.flickity-prev-next-button {
	width: 25px;
	height: 25px;
	border-radius: 3px;
	background-color: #41809C;
}
.flickity-prev-next-button.previous {
	left: -13px;
}
.flickity-prev-next-button.next {
	right: -13px;
}
.flickity-prev-next-button:after {
	content: "";
	width: 7px;
	height: 13px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -3px;
/*	background: url(../gfx/sprite.svg) no-repeat -475px -24px;
	background-size: 600px auto;*/
    background-repeat: no-repeat;
}
.flickity-prev-next-button.previous:after {
    background-image: url(../gfx/03arrow_w_ss_r.svg);
}
.flickity-prev-next-button.next:after {
/*	background-position: -482px -24px;*/
    background-image: url(../gfx/03arrow_w_s_l.svg);    
}
.flickity-prev-next-button svg {
	display: none;
}
.flickity-prev-next-button:active,
.flickity-prev-next-button:hover,
.flickity-prev-next-button:focus {
	background-color: #DF943B;
}



.module {
	padding: 50px 20px;
	position: relative;
	font-size: 11px;
	line-height: 18px;
}
	@media (max-width: 768px) {
        .module {
            padding: 30px 20px;
        }
    }
.module > h1 {
	padding-bottom: 15px;
	position: relative;
	font-size: 15px;
	line-height: 18px;
}
.module > h1:before {
	content: "";
	width: 18px;
	height: 15px;
	line-height: 18px;
	margin-top: -3px;
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
/*	background: url(../gfx/sprite.svg) no-repeat -315px 0;
	background-size: 375px auto;*/
    background-repeat: no-repeat;
}
.module > h1:after {
	content: "";
	height: 4px;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	background-color: #A9C8FF;
	border-radius: 10px;
}
.module.newslineup > h1:before{
    background-image: url(../gfx/01top_h2_news.svg);
}


html.omachi .module .heading {
	margin: 0;
}
/* .omachi .module .heading:before {
	background: none;
} */
.module .heading:after {
	display: none;
}


.module > footer {
	line-height: 18px;
	position: absolute;
	top: 60px;
	right: 20px;
	font-size: 12px;

}
	@media (min-width: 768px) {
		.module {
			font-size: 16px;
			line-height: 28px;
		}
		.module > h1 {
			font-size: 22px;
			line-height: 26px;
		}
		.module > h1:before {
			width: 28px;
			height: 24px;
			line-height: 26px;
/*			background-position: -504px 0;
			background-size: 600px auto;*/
		}
	}
	@media (max-width: 768px) {
        .module > footer {
            top: 30px;
        }
    }
.module.alt1 h1 {
	margin-bottom: 20px;
	padding-bottom: 0;
	text-align: center;
    font-weight: bold;
}
.module.alt1 h1:after {
	display: none;
}
.module.alt1 > footer {
	margin-top: 20px;
	padding: 0 40px;
	position: static;
}
.module.alt1 > footer .btn {
	width: 100%;
	max-width: 200px;
	margin: 0 auto;
	display: block;
}


.tag {
	padding: 4px 13px;
	display: inline-block;
	vertical-align: top;
	font-size: 10px;
	line-height: 12px;
	border-radius: 2px;
	background-color: #41809C;
	color: #fff;
	text-align: center;
}
.omachi .tag:active,
.omachi .tag:hover,
.omachi .tag:focus {
	background-color: #DF943B;
	color: #fff;
	outline: 0;
	text-decoration: none;
}
.tag.seminar {
	background-color: #DF943B;
}
.omachi .tag.seminar:active,
.omachi .tag.seminar:hover,
.omachi .tag.seminar:focus {
	background-color: #41809C;
}
	@media (min-width: 768px) {
		.tag {
			font-size: 12px;
			line-height: 14px;
		}
	}


/* visuallyhidden */
.meta dt {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.meta dd {
	margin-left: 0;
	margin-right: 20px;
	display: inline-block;
	vertical-align: top;
}
.meta .date {
	margin-right: 0;
	color: #666;
	font-size: 10px;
	line-height: 20px;
}
	@media (min-width: 768px) {
		.meta .date {
			font-size: 13px;
			line-height: 22px;
		}
	}


.entry-content {
	padding: 20px 20px 40px;
	color: #333;
}

.entry-content h1 {
	margin: 0;
	font-size: 12px;
	line-height: 18px;
}
.entry-content h1 + p {
	margin-top: 0;
}
.entry-content p + h1 {
	margin-top: 30px;
}

.entry-content p,
.entry-content ul,
.entry-content ol {
	color: #333;
}
.entry-content ul,
.entry-content ol {
	margin: 15px 0 15px 20px;
	padding-left: 0;
	list-style-type: none;
}
.entry-content p {
	line-height: 19px;
}

.entry-content li {
	position: relative;
}
.entry-content li:before {
	content: "";
	width: 8px;
	height: 8px;
	position: absolute;
	top: 4px;
	left: -18px;
/*	background: url(../gfx/sprite.svg) no-repeat -427px -27px;
	background-size: 600px auto;*/
    background-repeat: no-repeat;
    background-image: url(../gfx/03dot.svg);
}
	@media (min-width: 768px) {
		.entry-content li:before {
			top: 7px;
		}
	}
.entry-content p + p {
	margin-top: 10px;
}

.entry-content img {
	width: 100%;
	height: auto;
	margin: 15px auto;
	display: block;
}
.entry-content img.portrait {
	width: 100%;
	min-width: 210px;
	max-width: 320px;
}

.entry-content p .btn {
	margin: 10px 0;
}
	@media (min-width: 640px) {
		.entry-content {
			padding-top: 50px;
			padding-bottom: 55px;
		}
		.entry-content p {
			line-height: 26px;
		}
		.entry-content .imgtext {
			margin: 0 auto 35px;
			position: relative;
		}
		.entry-content .imgtext > * {
			padding-left: 54%;
			padding-left: calc(50% + 40px);
		}
		.entry-content .imgtext img {
			width: 50%;
			margin-top: 0;
			float: left;
			padding-left: 0;
		}
		.entry-content .imgtext img.portrait ~ * {
			padding-left: 360px;
		}

		.entry-content .imgtext.alt1 > * {
			padding-left: 0;
			padding-right: 54%;
			padding-right: calc(50% + 40px);
		}
		.entry-content .imgtext.alt1 img {
			padding-right: 0;
			float: right;
		}
	}

.entry-body {
	margin: 20px 0;
}
	@media (min-width: 640px) {
		.entry-body {
			margin: 30px 0;
		}
	}

.breadcrumb {
	display: none;
}
	@media (min-width: 640px) {
		.breadcrumb {
			padding: 18px 0;
			display: block;
			background-color: #e5e5e5;
			color: #666;
			line-height: 100%;
		}
		.breadcrumb ul {
			padding: 0 20px 0 12px;
		}
		.breadcrumb li {
			margin-left: 8px;
			padding-right: 15px;
			position: relative;
			display: inline-block;
			vertical-align: top;
			font-size: 12px;
			line-height: 18px;
		}
		.breadcrumb li:after {
			content: "";
			width: 8px;
			height: 8px;
			position: absolute;
			right: 0;
			top: 50%;
			margin-top: -3px;
/*			background: url(../gfx/sprite.svg) no-repeat -435px -27px;
			background-size: 600px auto;*/
            background-image: url(../gfx/03arrow_g_bold_r.svg);
            background-repeat: no-repeat;
		}
		.breadcrumb li:last-of-type {
			padding-right: 0;
		}
		.breadcrumb li:last-of-type:after {
			display: none;
		}
		.breadcrumb a {
			color: #666;
		}
	}
span.small {
    font-size: 80%;
}


/* ==========================================================================
TABLE
========================================================================== */
table {
	width: 100%;
	margin: 25px auto 30px;
	border-width: 1px;
	border-color: #afafaf;
	border-style:none solid;
	font-size: 12px;
	line-height: 17px;
}
/* visuallyhidden */
table thead,
table caption {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
table tbody {
	border-top: 1px solid #afafaf;
}
table tr {
	border-bottom: 1px solid #afafaf;
}
table th {
	background-color: #e5e5e5;
	font-weight: normal;
}
table th,
table td {
	padding: 15px;
	display: block;
	vertical-align: top;
	text-align: left;
}
.omachi table ul {
	margin: 0;
	list-style-type: none;
}
/*table li:before {
	display: none;
}*/
.entry-content table li:before {
    left: 0px;
}
.entry-content li {
    position: relative;
}
table li {
    padding-left: 20px;
}

table dd {
	margin: 0;
}
	@media (min-width: 768px) {
		table {
			margin-top: 30px;
			margin-bottom: 35px;
			font-size: 14px;
			line-height: 20px;
		}
		table th,
		table td {
			display: table-cell;
		}
	}

table .nest {
	padding: 0;
}
table table,
table table tbody,
table table tr {
	border: none;
}
table table th,
table table td {
	display: table-cell;
	background-color: transparent;
}
table table {
	margin: 0;
}
table table tr {
	border-bottom: 1px solid #ebebeb;
}
table table tr:last-of-type {
	border-bottom: none;
}
table table th {
	border-right: 1px solid #ebebeb;
}

table.alt1,
table.alt1 tbody,
table.alt1 tr {
	border: none;
}
table.alt1 {
	margin: 10px auto
}
table.alt1 th {
	background-color: transparent;
}
table.alt1 th,
table.alt1 td {
	padding: 5px 0;
	display: table-cell;
}





/* ==========================================================================



GLOBAL
========================================================================== */

#backtotopclone {
	position: fixed;
	right: 0;
	bottom: -48px;
	left: 0;
	z-index: 1000;
}
.scrolled #backtotopclone {
	bottom: 0;
}
.backtotop-on-screen #backtotopclone {
	display: none;
}

#wrapper {
	padding-top: 65px;
	position: relative;
	background-color: #f3f3f3
}
#header {
	position: relative;
}
#headertop {
	height: 65px;
	position: fixed;
/*    position: relative;*/
	top: 0;
	right: 0;
	left: 0;
	z-index: 100;
	border-top: 2px solid #41809C;
	border-bottom: 1px solid #FFDDAE;
	background-color: #fff;
}
#headertop h1 {
	font-size: 1em;
	line-height: 100%;
	position: absolute;
	top: 50%;
	margin: -20px 0 0;
	left: 20px;
}
	@media (min-width: 768px) {
		html.omachi #wrapper {
			padding-top: 0px;
		}
		html.omachi .breadcrumb-sticky #wrapper {
			padding-top: 140px;
			transition: none;
		}
		.breadcrumb-sticky #breadcrumb {
/*			position: fixed;*/
			top: 86px;
			right: 0;
			left: 0;
			z-index: 50;
		}
		#header {
			border-top-width: 5px;
			border-bottom: 1px solid #FFDDAE;
			background-color: #fff;
		}
		#headertop {
			height: 100px;
            position: relative;
		}
		#headertop h1 {
			margin-top: -39px;
		}
	}
	
@media (max-width: 988px) {
	#headertop h1 {
			margin-top: -23px;
		}
}



#gnavtoggle {
	width: 80px;
	height: 0;
	padding-top: 62px;
	position: fixed;
	top: 2px;
	right: 0px;
	z-index: 105;
	overflow: hidden;
}
#gnavtoggle:before,
#gnavtoggle:after {
	content: "";
	width: 40px;
	height: 28px;
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -14px;
/*	background: url(../gfx/sprite.svg) no-repeat -560px 0;
	background-size: 600px auto;*/
    background-image: url(../gfx/03menu_sp.svg);
    background-repeat: no-repeat;
	transition: opacity 0.3s ease-in-out;
}
#gnavtoggle:after {
/*	background-position: -560px -28px;*/
    background-image: url(../gfx/03menu_sp_w.svg);
	opacity: 0;
}
#gnavtoggle:active,
#gnavtoggle:hover,
#gnavtoggle:focus {
	background-color: #DF943B;
}
#gnavtoggle:active:after,
#gnavtoggle:hover:after,
#gnavtoggle:focus:after {
	opacity: 1;
}
	@media (min-width: 768px) {
		#gnavtoggle {
			display: none;
		}
	}

/* global nav */
.gnav {
	width: 100%;
	position: fixed;
	top: 65px;
	top: -67px;
	left: 0;
	z-index: 95;
	background-color: #fff;
	text-align: center;
}
.gnav .main li {
	width: 33.33%;
	display: inline-block;
	vertical-align: top;
	border-bottom: 1px solid #FFDDAE;
	border-right: 1px solid #FFDDAE;
/* 	border-right-color: red; */
}
.gnav .main li:nth-of-type(3n) {
	border-right-color: transparent;
}
.gnav .main a {
	height: 65px;
	padding-top: 44px;
	position: relative;
	display: block;
	color: #333;
	font-size: 9px;
	line-height: 100%;
}
.gnav .main a:before {
	content: "";
	width: 22px;
	height: 19px;
	position: absolute;
	top: 20px;
	left: 50%;
	margin-left: -11px;
/*	background: url(../gfx/sprite.svg) no-repeat 0 0;
	background-size: 300px auto;
*/
    background-repeat: no-repeat;
}
.gnav .z1 a:before {
    background-image: url(../gfx/00gnav_01.svg) ;
}

.gnav .z2 a:before {
    background-image: url(../gfx/00gnav_02.svg) ;
/*	background-position: -22px 0;*/
}
.gnav .z3 a:before {
    background-image: url(../gfx/00gnav_03.svg) ;
/*	background-position: -44px 0;*/
}
.gnav .z4 a:before {
    background-image: url(../gfx/00gnav_04.svg) ;
/*	background-position: 0 -19px;*/
}
.gnav .z5 a:before {
    background-image: url(../gfx/00gnav_05.svg) ;
/*	background-position: -22px -19px;*/
}
.gnav .z6 a:before {
    background-image: url(../gfx/00gnav_06.svg) ;
/*	background-position: -44px -19px;*/
}
.omachi .gnav .main a:active,
.omachi .gnav .main a:hover,
.omachi .gnav .main a:focus,
.consultation .gnav .z1 a,
.support .gnav .z2 a,
.step .gnav .z3 a,
.message .gnav .z4 a,
.appeal .gnav .z5 a,
.information .gnav .z6 a {
	background-color: #F9EAD8;
	color: #333;
	text-decoration: none;
}

.gnav .foot ul {
	display: none;
}

.menu-on .gnav {
	top: 65px;
}
.menu-on #wrapper {
	padding-top: 197px;
}

	/* global nav responsive styles */
	@media (min-width: 768px) {
		.gnav {
			position: static;
		}
		.gnav .main li {
			width: 16.66%;
			transition: border-color 0.3s ease-in-out;
		}
		.gnav .main li:nth-of-type(3n) {
			border-right-color: #FFDDAE;
		}
		.gnav .main li:last-of-type {
			border-right-color: transparent;
		}
		.gnav .main a {
			height: 106px;
			padding-top: 70px;
			font-size: 11px;
            font-weight: bold;
		}
		.gnav .main a:before {
			width: 44px;
			height: 38px;
			margin-left: -22px;
/*			background-size: 600px auto;*/
		}
/*		.gnav .z2 a:before {
			background-position: -44px 0;
		}
		.gnav .z3 a:before {
			background-position: -88px 0;
		}
		.gnav .z4 a:before {
			background-position: 0 -38px;
		}
		.gnav .z5 a:before {
			background-position: -44px -38px;
		}
		.gnav .z6 a:before {
			background-position: -88px -38px;
		}
*/
        .gnav .foot ul {
			display: block;
/*			position: fixed;*/
            position: absolute;
/*			top: 25px;*/
            top: -70px;
			right: 20px;
			z-index: 1150;
			text-align: right;
		}
		.gnav .foot li {
			line-height: 40px;
			display: inline-block;
			vertical-align: bottom;
		}
		.gnav .foot li a {
			font-size: 11px;
			line-height: 17px;

/* 			display: inline-block;
			vertical-align: bottom; */
		}
		.gnav .contact {
			/*margin-left: 30px;*/
			margin-left: 15px;
		}
	}
	@media (min-width: 820px) {
		.gnav .main a,
		.gnav .foot li a {
			font-size: 13px;
		}
	}
	@media (min-width: 1000px) {
		.gnav {
			padding-right: 20px;
			padding-left: 20px;
		}
		.gnav .foot ul {
			margin-right: -480px;
			right: 50%;
		}
	}
	@media (min-width: 1002px) {
		.gnav .main li:first-of-type {
			border-left: 1px solid #FFDDAE;
		}
		.gnav .main li:last-of-type {
			border-right-color: #FFDDAE;
		}
	}

/* #container,
#footer {
	max-width: 1400px;
	margin: 0 auto;
} */
#container {
	/* height: 2000px; */
	/* padding-top: 65px; */
	position: relative;
	/* 	top: -132px; */
	background-color: #fff;
	/* border-bottom: 10px solid yellow; */
}

#footer {
	padding-bottom: 35px;
	position: relative;
	/* 	top: -132px; */
	background-color: #80B8E7;
}
#footer ul {
	display: block;
}
#footer li {
	margin: 16px 15px;
}
#footer a {
	color: #333;
	font-size: 12px;
}

#footer li.lvl1 {
	width: 50%;
	margin: 0;
	display: inline-block;
	vertical-align: top;
	border-bottom: 2px solid #41809C;
}
#footer li.lvl1:nth-of-type(2n) {
	border-right: 2px solid #41809C;
}
#footer li.lvl1.zhome {
	width: 100%;
}
#footer li.lvl1 a {
	height: 41px;
	line-height: 40px;
	padding: 0 5px 0 15px;
	display: block;
	background-color: #80B0DF;
	white-space: nowrap;
}
#footer li a i:first-of-type {
	width: 8px;
	height: 8px;
	line-height: 17px;
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
/*	background: url(../gfx/sprite.svg) no-repeat -459px -27px;
	background-size: 600px auto;
*/
    background-image: url(../gfx/03arrow_b_bold_r.svg);
    background-repeat: no-repeat;
}

#footer address {
	margin: 35px 0;
	padding: 0 15px;
	font-style: normal
}
#footer address strong,
#footer address span {
	display: block;
}
#footer address strong {
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: normal;
}
#footer address span {
	font-size: 10px;
	line-height: 16px;
}

#footer p {
	font-size: 9px;
	text-align: center;

}

	@media (min-width: 768px) {
		#footer {
			padding-bottom: 70px;
		}
		#footer:after {
			content: "";
			height: 1px;
			position: absolute;
			top: 108px;
			right: 0;
			left: 0;
			background-color: #fff;
		}
		.omachi #footer ul {
			padding: 0 5px;
		}
		.omachi #footer li {
			height: 60px;
			padding-top: 22px;
			margin: 0 5px;
			display: inline-block;
			vertical-align: top;
		}
		.omachi #footer li a {
			font-size: 11px;
			line-height: 16px;
		}
		.omachi #footer li.lvl1 {
			width: auto;
			border: none;
		}
		.omachi #footer li.lvl1 a {
			height: auto;
			padding: 0;
			background-color: transparent;
		}
		#footer li.lvl2 {
			margin-left: 265px;
		}
		#footer address {
			margin: 0;
			position: absolute;
			top: 75px;
		}
		#footer address strong {
			font-size: 16px;
			line-height: 22px;
		}
		#footer address span {
			font-size: 13px;
			line-height: 19px;
		}
		#footer p {
			position: absolute;
			bottom: -35px;
			left: 270px;
			font-size: 11px;
			line-height: 16px;
		}
	}
	@media (min-width: 840px) {
		#footer {
			padding-bottom: 80px;
		}
		#footer:after {
			top: 118px
		}
		.omachi #footer li {
			height: 70px;
			padding-top: 26px;
		}
		.omachi #footer li a {
			font-size: 13px;
			line-height: 18px;
		}
		#footer address {
			top: 95px;
		}
	}
	@media (min-width: 1000px) {
		.omachi #footer li {
			margin: 0 15px;
		}
		#footer li.lvl2 {
			margin-left: 265px;
		}
	}




/* ==========================================================================



HOME
========================================================================== */

.hometop {
	position: relative;
}
.hometop .heading {
	width: 100%;
	position: relative;
	background: url(../gfx/homebk-mobile@2x.jpg) no-repeat 0 0;
	background-size: cover;
}
.hometop .heading:after {
	content: "";
	padding-top: 61.25%;
	display: block;
}

.hometop h1 {
	width: 157px;
	height: 0;
	padding-top: 70px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	margin-top: -64px;
	left: 50%;
	margin-left: -79px;
	background: url(../gfx/heading-mobile.svg) no-repeat 0 0;
	background-size: 157px auto;
	transition 0.3s all ease-in-out;
}

.hometop .btn {
	width: 100%;
	height: 70px;
	line-height: 70px;
	padding: 0 30px;
	background-color: #DF943B;
	text-align: left;
}
.hometop ul {
	padding: 0 20px;
	list-style-type: none;
}
.hometop li {
	margin: 10px 0;
}
.hometop a {
	display: block;
}
.hometop a em {
	display: none;
}
.hometop a > span {
	width: 220px;
	margin: 0 auto;
	padding-left: 76px;
	display: block;
	position: relative;
}
.hometop a > span:before {
	content: "";
	width: 56px;
	height: 32px;
	position: absolute;
	top: 50%;
	margin-top: -16px;
	left: 0;
/*	background: url(../gfx/sprite.svg) no-repeat -82px 0;
	background-size: 372px auto;*/
    background-repeat: no-repeat;
}
.hometop .b1 a > span:before {
    background-image: url(../gfx/01top_3nav_01.svg);
}
.hometop .b2 a > span:before {
/*	background-position: -138px 0;*/
    background-image: url(../gfx/01top_3nav_02.svg);
}
.hometop .b3 a > span:before {
/*	background-position: -194px 0;*/
    background-image: url(../gfx/01top_3nav_03.svg);
}

	@media (min-width: 768px) {
		.hometop .heading {
/*			padding-top: 62%;*/
            padding-top: 680px;
			position: absolute;
			top: 0;
			left: 0;
			background: url(../gfx/homebk@2x.jpg) no-repeat center top;
			background-size: 2000px;
		}
		.hometop .heading:after {
			padding-top: 49%;
			display: none;
		}
		.hometop h1 {
			/* width: 41.42%; */
			width: 400px;
			padding-top: 61px;
			margin: 0;
/*			top: 9.11%;*/
            top:100px;
			-webkit-transform: translateX(-50%);
			-ms-transform:     translateX(-50%);
			transform:         translateX(-50%);
			background-image: url(../gfx/heading.svg);
			background-size: 100% 100%;
		}
		.hometop ul {
			padding-right: 12px;
			padding-left: 12px;
		}
		.hometop .links {
			padding-top: 410px;
		}
		.hometop .links li {
			width: 33.33%;
			padding: 0 5px;
			display: inline-block;
			vertical-align: top;
		}
		.hometop a > span {
			padding-left: 100px;
		}
		.hometop a > span:before {
			left: 8px;
		}
		.hometop .btn {
			height: auto;
			padding: 30px 20px 20px;
			border-radius: 10px;
			font-size: 16px;
			line-height: 22px;
            text-align: center;
		}
		.hometop a em {
			margin-top: 10px;
			display: block;
			font-style: normal;
			font-size: 10px;
			line-height: 13px;
		}
		.hometop a span {
			width: auto;
			display: block;
            text-align: left;
		}

	}
	@media (min-width: 820px) {
		.hometop a em {
			font-size: 11px;
			line-height: 14px;
		}
	}
	@media (min-width: 880px) {
		.hometop .links li {
			padding-right: 8px;
			padding-left: 8px;
		}
		.hometop a > span {
			padding-left: 119px;
		}
		.hometop a > span:before {
			width: 90px;
			height: 52px;
			margin-top: -26px;
/*			background-position: -132px 0;
			background-size: 600px auto;*/
            margin-left: 13px;
		}
		.hometop .b2 a > span:before {
/*			background-position: -222px 0;*/
		}
		.hometop .b3 a > span:before {
/*			background-position: -312px 0;*/
		}
		.hometop a em {
			margin-top: 20px;
			font-size: 12px;
			line-height: 15px;
		}
	}
	@media (min-width: 960px) {
		.hometop h1 {
			width: 480px;
			padding-top: 73px;
/*			top: 8%;*/
		}
		.hometop a em {
			font-size: 13px;
			line-height: 16px;
		}
        .hometop .btn {
			font-size: 18px;
		}
	}
	@media (min-width: 1024px) {
		.hometop h1 {
			width: 540px;
			padding-top: 82px;
/*			top: 11%;*/
		}
	}
	@media (min-width: 1400px) {
		.hometop h1 {
			width: 580px;
			padding-top: 88px;
/*			top: 13.11%;*/
		}
	}


.newslineup > h1 {
	margin-bottom: 0;
    font-weight: bold;
}
.newslineup article {
	padding: 20px 0;
	border-bottom: 1px solid #cacaca;
}
.newslineup article h1 {
	margin: 0 0 10px;
	font-size: 11px;
	line-height: 15px;
}
	@media (min-width: 768px) {
		.newslineup article h1 {
			margin: 0 0 10px;
			font-size: 16px;
			line-height: 22px;
		}
	}
.newslineup article h1 a {
	color: #333;
}

.newslineup .tag {
	width: 65px;
	padding-right: 0;
	padding-left: 0;
}
	@media (min-width: 768px) {
		.newslineup .tag {
			width: 110px;
		}
	}

.messagelineup {
	margin: 20px 20px 40px;
	padding-right: 0;
	padding-left: 0;
	border-radius: 3px;
	background-color: #CBE9FF;
}
.messagelineup h1:before {
/*	background-position: -331px 0;*/
    background-image: url(../gfx/01top_h2_message.svg);
}
.messagelineup .flickity-page-dots {
	display: none;
}
.messagelineup .item {
	width: 100%;
	min-height: 76px;
	padding: 0 20px 0 145px;
	position: relative;
}
.messagelineup .item a {
    position: static;
}
.messagelineup .item h1 {
	margin-bottom: 10px;
	font-size: 11px;
	line-height: 13px;
	text-align: left;
}
.messagelineup .item img {
	width: 115px;
	height: auto;
	position: absolute;
	top: 0;
	left: 20px;
}
.messagelineup .item p {
	margin-left: 2px;
	font-size: 9px;
	line-height: 11px;
}
.messagelineup .item p + p {
	margin-top: 5px;
}
.messagelineup .item p:last-of-type {
	color: #666;
}
	@media (min-width: 768px) {
        .messagelineup {
            padding-top: 30px;
            padding-bottom: 30px;
        }
		.messagelineup h1 {
			font-size: 18px;
			line-height: 22px;
		}
		.messagelineup h1:before {
/*			background-position: -532px 0;*/
		}
		.messagelineup .item {
			padding-left: 20px;
		}
		.messagelineup .item img {
			width: 100%;
			position: static;
		}
		.messagelineup .item h1 {
			margin-top: 20px;
			font-size: 16px;
			line-height: 24px;
            color: #333;
		}
		.messagelineup .item p {
			font-size: 13px;
			line-height: 17px;
            color: #333;
		}
	}
	@media (min-width: 840px) {
		.messagelineup h1 {
			font-size: 20px;
			line-height: 26px;
		}
		.messagelineup .item {
			padding-right: 30px;
			padding-left: 30px;
		}
	}


	/* news + message boxes aligned */
	@media (min-width: 768px) {
		.newslineup,
		.messagelineupbox {
			margin: 0;
			display: inline-block;
			vertical-align: top;
		}
		.newslineup {
			width: 65%;
		}
		.messagelineupbox {
			width: 35%;
			padding: 50px 20px;
		}
		.messagelineup {
			margin: 0;
		}
	}



.life {
	position: relative;
	background-color: #FFE8BF;
	text-align: center;
}
.life h1:before {
/*	background-position: -298px 0;*/
    background-image: url(../gfx/01top_h2_appeal.svg);
}
.life span {
	display: block;
}
.omachi .life footer {
	margin-top: 140px;
	padding: 0;
}
.omachi .life > footer .btn {
	max-width: none;
}
.life i {
	width: 82px;
	height: 82px;
	position: absolute;
	top: 130px;
	left: 50%;
	margin-left: -140px;
	border-radius: 50%;
	border: 3px solid #fff;
	background: url(../gfx/life.jpg) no-repeat -82px 0;
	background-size: auto 82px;
}
.life i:nth-of-type(2) {
	width: 108px;
	height: 108px;
	margin-left: -54px;
	top: 140px;
	background-position: 0 0;
	background-size: auto 108px;
}
.life i:nth-of-type(3) {
	left: auto;
	right: 50%;
	margin-right: -140px;
	background-position: -164px 0;
}
.life i:nth-of-type(4) {
	display: none;
	background-position: -246px 0;
}
	@media (min-width: 768px) {
		.life {
			padding-top: 70px;
			padding-bottom: 70px;
		}
		.omachi .life h1 {
			margin-bottom: 30px;
            font-weight: bold;
		}
		.life h1:before {
/*			background-position: -477px 0;*/
		}
		.omachi .life footer {
			margin-top: 20px;
		}
		.omachi .life > footer .btn {
			width: 170px;
			padding-right: 0;
			padding-left: 0;
		}
		.omachi .life i {
			width: 120px;
			height: 120px;
			left: auto;
			display: block;
			background-position: 0 0;
			background-size: auto 120px;
		}
		.omachi .life i:nth-of-type(1) {
			top: 50px;
			left: 50%;
			margin-left: -364px;
		}
		.omachi .life i:nth-of-type(2) {
			left: 50%;
			margin-left: -264px;
			background-position: -120px 0;
		}
		.omachi .life i:nth-of-type(3) {
			right: 50%;
			margin-right: -264px;
			background-position: -240px 0;
		}
		.omachi .life i:nth-of-type(4) {
			top: 50px;
			right: 50%;
			margin-right: -364px;
			background-position: -360px 0;
		}

	}
	@media (min-width: 860px) {
		.omachi .life i {
			width: 157px;
			height: 157px;
			display: block;
			border-width: 6px;
			background-position: 0 0;
			background-size: auto 163px;
		}
		.omachi .life i:nth-of-type(1) {
			top: 30px;
			margin-left: -420px;
		}
		.omachi .life i:nth-of-type(2) {
			top: 140px;
			left: 50%;
			margin-left: -294px;
			background-position: -163px 0;
		}
		.omachi .life i:nth-of-type(3) {
			top: 140px;
			margin-right: -294px;
			background-position: -326px 0;
		}
		.omachi .life i:nth-of-type(4) {
			top: 30px;
			margin-right: -420px;
			background-position: -489px 0;
		}
	}
	@media (min-width: 1000px) {
		.omachi .life i:nth-of-type(1) {
			top: 42px;
			margin-left: -480px;
		}
		.omachi .life i:nth-of-type(2) {
			top: 138px;
			left: 50%;
			margin-left: -340px;
		}
		.omachi .life i:nth-of-type(3) {
			top: 138px;
			margin-right: -340px;
		}
		.omachi .life i:nth-of-type(4) {
			top: 44px;
			margin-right: -480px;
		}
	}


.partners {
	padding: 50px 0;
	/* text-align: center; */
}
.partners ul {
	width: 280px;
	margin: 0 auto;
	display: block;
	text-align: left;
}
	@media (min-width: 430px) {
		.partners ul {
			width: 420px;
		}
	}
	@media (min-width: 570px) {
		.partners ul {
			width: 560px;
		}
	}
.partners li {
	width: 130px;
	margin: 5px;
	display: inline-block;
	vertical-align: top;
}
.partners li a {
	display: block;
	border: 1px solid #c3c3c3;
}
.partners li a.alt {
	border-color: #314d8c;
}
.omachi .partners li a:active,
.omachi .partners li a:hover,
.omachi .partners li a:focus {
	border-color: #E79C3B;
}
.partners li img {
	width: 100%;
	height: auto;
}
	@media (min-width: 768px) {
		.partners ul {
			width: 660px;
		}
		.partners li {
			width: 210px;
		}
	}
	@media (min-width: 890px) {
		.partners ul {
			width: 880px;
		}
		.partners li {
			width: 210px;
		}
	}





/* ==========================================================================



PAGE
========================================================================== */

.page .header {
	padding: 17px 0;
	background-color: #80B5E4;
}
.page .header h1 {
	margin: 0 auto;
	padding: 0 20px;
	color: #fff;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
}
.page .header h1.ico:before {
	content: "";
	width: 25px;
	height: 25px;
	line-height: 22px;
	/* margin-top: -3px; */
	margin-right: 8px;
	display: inline-block;
	vertical-align: bottom;
/*	background: url(../gfx/sprite.svg) no-repeat -82px -34px;
	background-size: 375px auto;*/
    background-repeat: no-repeat;
}
	@media (min-width: 768px) {
		.page .header {
			padding: 36px 0;
		}
		.page .header h1 {
			font-size: 30px;
			line-height: 40px;
			font-weight: normal
		}
		.page .header h1.ico:before {
			width: 40px;
			height: 40px;
/*			background-position: -132px -55px;
			background-size: 600px auto;*/
		}
	}

.contactbox {
	max-width: 480px;
	margin: 15px auto;
	padding: 25px 10px;
	position: relative;
	border: 3px solid #cdcdcd;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
}
.contactbox h1 {
	font-size: 13px;
	line-height: 19px;
}
.contactbox .btn {
	width: 100%;
	margin: 10px auto 15px;
}
.contactbox .tel {
	width: 186px;
	height: 0;
	padding-top: 22px;
	margin: 10px auto;
	display: block;
	overflow: hidden;
/*	background: url(../gfx/sprite.svg) no-repeat -414px -60px;
	background-size: 600px auto;*/
    background-repeat: no-repeat;
    background-image: url(../gfx/03telnumber.svg);
}
.contactbox p:first-of-type {
	padding-top: 15px;
	border-top: 1px solid #afafaf;
}
.contactbox p span {
	display: block;
}
	@media (min-width: 768px) {
		.contactbox {
			max-width: none;
			margin-top: 40px;
			margin-bottom: 50px;
			padding-right: 0;
			padding-left: 0;
			padding-bottom: 75px;
		}
		.contactbox > div {
			width: 50%;
			display: inline-block;
			vertical-align: top;
		}
		.contactbox > div:first-of-type {
			position: relative;
		}
		.contactbox h1,
		.contactbox p:first-of-type {
			margin-bottom: 5px;
			font-size: 22px;
			line-height: 30px;
		}
		.contactbox .btn {
			max-width: 345px;
			padding-top: 18px;
			padding-bottom: 18px;
			font-size: 16px;
			line-height: 24px;
		}
		.contactbox .tel {
			width: 243px;
			margin-top: 17px;
			margin-bottom: 15px;
			padding-top: 35px;
/*			background-position: -538px -78px;
			background-size: 780px auto;*/
		}
		.contactbox p:first-of-type {
			padding-top: 0;
			border-top: none;
		}
		.contactbox p span {
			margin-left: 5px;
			display: inline;
		}
		.contactbox p:last-of-type {
			width: 100%;
			position: absolute;
			bottom: 30px;
			left: 0;
			font-size: 14px;
			line-height: 20px;
		}
	}
	@media (min-width: 840px) {
		.contactbox > div:first-of-type:after {
			content: "";
			width: 1px;
			height: 100px;
			position: absolute;
			right: -1px;
			bottom: 0;
			background-color: #afafaf;

		}
	}


.page .entry-content h2,
.omachi .page .heading {
	margin-top: 45px;
	margin-bottom: 15px;
	padding: 15px 0;
	position: relative;
	border-top: 3px solid #cacaca;
	border-bottom: 1px solid #cacaca;
}
.page .entry-content h2:before,
.omachi .page .heading:before {
	content: "";
	width: 20px;
	height: 3px;
	margin: 0;
	position: absolute;
	top: -3px;
	left: 0;
	background: #80B0DF;
}
	@media (min-width: 768px) {
		.page .entry-content h2,
		.omachi .page .heading {
			padding-top: 22px;
			padding-bottom: 22px;
			font-size: 22px;
			line-height: 30px;
		}
	}

.page .entry-content h3 {
	margin-top: 30px;
	padding-left: 10px;
	position: relative;
	border-left: 3px solid #cacaca;
	font-size: 13px;
	line-height: 20px;
}
.page .entry-content h3:before {
	content: "";
	width: 3px;
	height: 13px;
	position: absolute;
	top: 0;
	left: -3px;
	background-color: #80B0DF;
}
	@media (min-width: 768px) {
		.page .entry-content h3 {
			margin-top: 40px;
			padding-top: 2px;
			padding-bottom: 2px;
			font-size: 18px;
			line-height: 26px;
		}
		.page .entry-content h3:before {
			height: auto;
			bottom: 50%;
		}
	}

.page .entry-content h4 {
	margin-bottom: 5px;
	color: #41809E;
}
	@media (min-width: 768px) {
		.page .entry-content h4 {
			font-size: 18px;
			line-height: 26px;
		}
	}



/* ==========================================================================



CONSULATION / 起業相談の窓口
========================================================================== */
.consultation .header h1.ico:before {
    background-image: url(../gfx/02h1_01consultation.svg);
}


.gmap {
	width: 100%;
}
.omachimap {
	margin-bottom: 25px;
}
.omachimap address {
	font-style: normal;
	font-size: 11px;
	line-height: 18px;
}
.omachimap address strong {
	display: block;
	font-weight: normal;
}
	@media (min-width: 768px) {
		.gmap {
			height: 380px;
		}
		.omachimap address {
			margin-top: 20px;
			font-size: 14px;
			line-height: 22px;
		}
		.omachimap address strong {
			font-size: 16px;
			line-height: 24px;
		}
	}




/* ==========================================================================



SUPPORT / 支援メニュー
========================================================================== */

.support .header h1.ico:before {
/*	background-position: -107px -34px;*/
    background-image: url(../gfx/02h1_02supprt.svg);
}
	@media (min-width: 768px) {
		.support .header h1.ico:before {
/*			background-position: -172px -55px;*/
		}
	}

.support .heading span {
    display: block;
    font-size: 14px;
}

.sups article {
	margin: 25px 0;
}
.sups article .supBoxJuku {
    width: 100%;
}
.sups article .content {
	height: 100%;
	padding: 20px;
	background-color: #cae8ff;    
    transition: background-color 0.3s ease-in-out;
}
.sups article .specificContent {
	height: 100%;
	padding: 20px;
	background-color: #cae8ff;
    width: 100%;
    margin-bottom: 10px;
    transition: background-color 0.3s ease-in-out;
}
.sups article header {
	padding-bottom: 10px;
	border-bottom: 1px solid #b5b5b5;
}
.sups article .specificContent header {
    padding-bottom: 0;
    border-bottom: none;
}
.sups article .specificContent header h1 {
    display: inline;
}
.sups article header p {
	margin-top: 5px;
	color: #666;
	font-size: 11px;
	line-height: 16px;
}
.sups table.alt1 > tbody > tr > th {
	width: 80px;
}

	@media (min-width: 640px) {
		.sups {
			margin: 0 -8px;
		}
		.sups article {
			width: 50%;
			padding: 0 8px;
			display: inline-block;
			vertical-align: top;
		}
		.sups article.supBoxJuku {
            width: 100%;
        }
        .sups article .specificContent {
            width: 49%;
            float: left;
            margin-right: 18px;
        }
		.sups article header {
			padding-bottom: 15px;
		}
		.sups article header h1 {
			font-size: 16px;
			line-height: 22px;
		}
		.sups article header p {
			font-size: 13px;
			line-height: 19px;
		}
		.sups table.alt1 {
			font-size: 13px;
			line-height: 19px;
		}
	}
	@media (min-width: 768px) {
		.support .entry-content.story .heading {
			margin-top: 0;
		}
        .support .entry-content.story .menuContent th {
            width: 25%;
        }
        .support .entry-content.story .menuContent .nest th {
            width: 15%;
        }
	}
	@media (min-width: 900px) {
		.sups article {
			width: 33.33%;
		}
		.sups article.supBoxJuku {
            width: 100%;
        }
        .sups article .specificContent {
            width: 32%;
            float: left;
            margin-right: 15px;
        }
	}

.pagenav {
	padding: 0 20px 40px;
	color: #333;
}
.pagenav .content {
	border: 3px solid #d2d2d2;
}
.pagenav .content > ul > li > a,
.pagenav ul ul li {
	border-bottom: 1px solid #d0d0d0;
}
.pagenav .content > ul > li:last-of-type {
	border-bottom: none;
}
.pagenav a,
.pagenav button,
.pagenav li > span {
	width: 100%;
	padding: 20px 15px 20px 30px;
	position: relative;
	display: block;
	color: #333;
	font-weight: normal;
	text-align: left;
}
.pagenav a:before,
.pagenav button:before {
	content: "";
	width: 8px;
	height: 8px;
	position: absolute;
	top: 25px;
	left: 15px;
	display: inline-block;
	vertical-align: middle;
	background: url(../gfx/sprite.svg) no-repeat -459px -27px;
	background-size: 600px auto;
}
.omachi .pagenav a:active,
.omachi .pagenav a:hover,
.omachi .pagenav a:focus,
.omachi .pagenav button:active,
.omachi .pagenav button:hover,
.omachi .pagenav button:focus {
	background-color: #f2f2f2;
	color: #41809C;
	text-decoration: none;
}

.pagenav button:before {
	transition: all 0.3s ease-in-out;
}

.pagenav ul ul {
	border-top: 1px solid #d0d0d0;
	max-height: 0;
	overflow: hidden;
	transition: all 0.3s ease-in-out;
}
.pagenav ul ul a {
	padding-left: 50px;
}
.pagenav ul ul a:before {
	left: 35px;
}

.pagenav .opened ul {
	max-height: 2000px;
	transition: all 0.3s ease-in-out;
}
.pagenav .opened button {
	background-color: #ebebeb;
}
.pagenav .opened button:before {
	-webkit-transform: rotate(90deg);
	  -ms-transform: rotate(90deg);
		  transform: rotate(90deg);
}

.entry-content.story .heading {
	margin-top: 5px;
}

.pagenav select {
	margin-top: 15px;
	margin-bottom: 25px;
}

.pagenav.alt1 ul ul,
.pagenav.alt1 ul ul li {
	border: none;
}
.pagenav.alt1 li > span {
	padding: 15px 15px 10px;
}
.pagenav.alt1 ul ul a {
	padding: 5px 10px 5px 40px;
}
.pagenav.alt1 ul ul a:before {
	left: 25px;
	top: 10px;
}
	@media (min-width: 640px) {
		.pagenav {
			margin-top: 20px;
		}
		.pagenav.alt1 ul ul a:before {
			top: 12px;
		}
	}
	@media (min-width: 768px) {
		.pagenav a:before,
		.pagenav button:before {
			top: 27px;
		}
		.entry-content.story .heading {
			margin-top: 35px;
		}
		.pagenav {
			width: 40%;
			margin-top: 50px;
		}
	}


	/* story + nav horizontally aligned */
	@media (min-width: 640px) {
		.pagecontent,
		.pagenav {
			display: inline-block;
			vertical-align: top;
		}
		.pagecontent {
			width: 60%;
		}
		.pagenav {
			width: 40%;
		}
		.pagenav {
			padding-left: 0;
		}
	}
	@media (min-width: 768px) {
		.pagecontent {
			width: 70%;
			width: calc(100% - 230px);
		}
		.pagenav {
			width: 30%;
			max-width: 230px;
		}
	}
	@media (min-width: 1000px) {
/* 		.story {
			padding-right: 40px;
			width: calc(100% - 250px);
		} */
		.pagecontent {
			width: 74%;
			width: calc(100% - 260px);
		}
		.pagenav {
			width: 26%;
			max-width: 260px;
			padding-left: 20px;
		}
	}


	/* sticky pagenav */
	@media (min-width: 640px) {
		.informationnav-sticky .pagenav {
/*			position: fixed;*/
			top: 145px;
		}
	}
.sups article a:hover{
    color: #333;
}
.sups article a:hover .content,.sups article a:hover .specificContent{
    background-color: #F9EAD8;
}

/* ==========================================================================



STEP / 起業までのステップ
========================================================================== */
.step .header h1.ico:before {
    background-image: url(../gfx/02h1_03step.svg);
}

.stepitem {
	margin: 15px 0 19px;
	position: relative;
	border: 2px solid #E79C3B;
	background-color: #F2E0CC;
	transition: background-color 0.3s ease-in-out;
}

.stepitem:before,
.stepitem:after {
	content: "";
	width: 0;
	position: absolute;
	display: block;
	border-style: solid;

}
.stepitem:before {
	border-width: 15px 14px 0;
	border-color: #E79C3B transparent;
	z-index: 0;
	bottom: -17px;
	left: 50%;
	margin-left: -14px;
}
.stepitem:after {
	border-width: 14px 13px 0;
	border-color: #F2E0CC transparent;
	z-index: 1;
	bottom: -14px;
	left: 50%;
	margin-left: -13px;
	transition: border-color 0.3s ease-in-out;
}

.stepitem .top {
	padding: 15px 15px 15px 60px;
	position: relative;
	z-index: 5;
	background-color: #F2E0CC;
	transition: background-color 0.3s ease-in-out;
}
.stepitem .top:before {
	content: "";
	width: 34px;
	height: 34px;
	position: absolute;
	top: 50%;
	margin-top: -17px;
	left: 10px;
/*	background: url(../gfx/sprite.svg) no-repeat -306px -72px;
	background-size: 510px auto;*/
    background-repeat: no-repeat;
}
.stepitem .top h2 {
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 18px;
	border: none;
}
.stepitem .top h2:before {
	display: none;
}
.stepitem .top em {
	display: block;
	color: #4180A4;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
}
.stepitem:nth-of-type(1) .top:before {
    background-image: url(../gfx/04stepicon01.svg);
}
.stepitem:nth-of-type(2) .top:before {
/*	background-position: -340px -72px;*/
    background-image: url(../gfx/04stepicon02.svg);
}
.stepitem:nth-of-type(3) .top:before {
/*	background-position: -374px -72px;*/
    background-image: url(../gfx/04stepicon03.svg);
}
.stepitem:nth-of-type(4) .top:before {
/*	background-position: -408px -72px;*/
    background-image: url(../gfx/04stepicon04.svg);
}
.stepitem:nth-of-type(5) .top:before {
/*	background-position: -442px -72px;*/
    background-image: url(../gfx/04stepicon05.svg);
}
.stepitem:nth-of-type(6) .top:before {
/*	background-position: -476px -72px;*/
    background-image: url(../gfx/04stepicon06.svg);
}
.stepitem:nth-of-type(7) .top:before {
/*	background-position: -306px -106px;*/
    background-image: url(../gfx/04stepicon07.svg);
}
.stepitem:nth-of-type(8) .top:before {
/*	background-position: -340px -106px;*/
    background-image: url(../gfx/04stepicon08.svg);
}
.stepitem:last-of-type .top:before {
/*	background-position: -374px -106px;*/
    background-image: url(../gfx/04stepicon09.svg);
}

.stepitem .content {
	position: relative;
}
.stepitem .content:after {
	content: "";
	height: 1px;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	border-top: 1px dotted #E79C3B;
}

.stepitem p {
	margin: 10px;
}

.stepitem ul {
	margin-left: 25px;
	margin-right: 10px;
/*	list-style-type: disc;*/
}
.stepitem footer li:before {
	display: none;
}
.stepitem footer {
	padding: 0 10px;
}
.stepitem footer ul {
	margin: 0;
	list-style-type: none;
}

.stepitem .togglebtn,
.stepitem .togglebtn + i {
	width: 100%;
	height: 67px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 15;
	display: block;
}
.stepitem .togglebtn:after {
	content: "";
	width: 11px;
	height: 6px;
	position: absolute;
	top: 16px;
	right: 10px;
	background: url(../gfx/sprite.svg) no-repeat -404px -14px;
	background-size: 600px auto;
	-webkit-transform: rotate(180deg);
	  -ms-transform: rotate(180deg);
		  transform: rotate(180deg);
	transition: all 0.3s ease-in-out;
}
/* visuallyhidden */
.stepitem .togglebtn span {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.stepitem .togglebtn + i {
	height: 66px;
	z-index: 3;
	background-color: #fff;
	transition: background-color 0.3s ease-in-out;
}
.stepitem .togglebtn:hover + i {
	background-color: #F2E0CC;
}

.stepitem .content {
	max-height: 0;
	overflow: hidden;
	transition: all 0.3s ease-in-out;
}

.stepitem:last-of-type:before,
.stepitem:last-of-type:after {
	display: none;
}
.stepitem:last-of-type {
	border-width: 4px;
}
.stepitem:last-of-type h1 em {
	font-size: 15px;
	line-height: 36px;
}
.stepitem:last-of-type .togglebtn:after {
	top: 50%;
	margin-top: -3px;
}

.stepitem.opened {
	background-color: #fff;
}
.stepitem.opened:after {
	border-color: #fff transparent;
}
.stepitem.opened .content {
	padding-top: 5px;
	padding-bottom: 20px;
	max-height: 2000px;
	transition: all 0.3s ease-in-out;
}
.stepitem.opened .top {
	background-color: transparent;
}
.stepitem.opened .togglebtn:after {
	-webkit-transform: rotate(0);
	  -ms-transform: rotate(0);
		  transform: rotate(0);
}

	@media (min-width: 640px) {
		.stepitem .togglebtn,
		.stepitem .togglebtn + i {
			display: none;
		}
		.stepitem:after {
			border-color: #fff transparent;
		}
		.omachi .stepitem .top {
			width: 190px;
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			border-right: 1px dotted #E79C3B;
			background-color: #F2E0CC;
		}
		.omachi .stepitem .content {
			padding-top: 5px;
			padding-bottom: 20px;
			padding-left: 200px;
			max-height: none;
			background-color: #fff;
		}
		.stepitem .top:before {
			left: 15px;
		}
		.stepitem .top h2 {
			position: absolute;
			top: 50%;
			-webkit-transform: translateY(-50%);
			-ms-transform:     translateY(-50%);
			transform:         translateY(-50%);
			left: 60px;
		}
		.stepitem .top span {
			display: block;
		}
	}
	@media (min-width: 768px) {
		.stepitem .togglebtn,
		.stepitem .togglebtn + i {
			display: none;
		}
		.stepitem:after {
			border-color: #fff transparent;
		}
		.stepitem:last-of-type {
			border-width: 6px;
		}
		.omachi .stepitem .top {
			width: 360px;
		}
		.omachi .stepitem .content {
			padding-left: 380px;
		}
		.stepitem .content:after {
			display: none;
		}
		.stepitem .top:before {
			content: "";
			width: 86px;
			height: 86px;
			position: absolute;
			top: 50%;
			margin-top: -43px;
			left: 40px;
/*			background-position: -774px -182px;
			background-size: 1290px auto;*/
		}

		.stepitem:nth-of-type(2) .top:before {
/*			background-position: -860px -182px;*/
		}
		.stepitem:nth-of-type(3) .top:before {
/*			background-position: -946px -182px;*/
		}
		.stepitem:nth-of-type(4) .top:before {
/*			background-position: -1032px -182px;*/
		}
		.stepitem:nth-of-type(5) .top:before {
/*			background-position: -1118px -182px;*/
		}
		.stepitem:nth-of-type(6) .top:before {
/*			background-position: -1204px -182px;*/
		}
		.stepitem:nth-of-type(7) .top:before {
/*			background-position: -774px -268px;*/
		}
		.stepitem:nth-of-type(8) .top:before {
/*			background-position: -860px -268px;*/
		}
		.stepitem:last-of-type .top:before {
/*			background-position: -946px -268px;*/
		}

		.stepitem .top h2 {
			left: 150px;
			font-size: 18px;
			line-height: 26px;
		}
		.stepitem ul {
			margin-right: 20px;
		}

	}



/* ==========================================================================



MESSAGE / 先輩起業家の声
========================================================================== */

.message .header h1.ico:before {
	background-image: url(../gfx/02h1_04message.svg);
}
	@media (min-width: 768px) {
		.message .header h1.ico:before {
/*			background-position: -212px -55px;*/
		}
	}

.messages {
	padding: 0 20px 25px;
}
.messages article {
	margin: 20px 0;
	position: relative;
}
.messages article header {
	margin-bottom: 5px;
}
.messages article header img {
	width: 100%;
	height: auto
	margin: 0;
}
.messages article header a:active,
.messages article header a:hover,
.messages article header a:focus {
	text-decoration: none;
}
.messages article header a:active h1,
.messages article header a:hover h1,
.messages article header a:focus h1 {
	background-color: #DF943B;
	color: #fff;
}
.messages article h1 {
	margin: 0;
	padding: 10px 20px;
	background-color: #C9E7FF;
	color: #41809A;
	font-size: 13px;
	line-height: 19px;
	transition: all 0.3s ease-in-out;
}
.messages article h1 span {
	display: block;
}
.messages article p + p {
	margin-top: 0;
}
.messages article p:last-of-type {
	color: #666;
}
/* .messages .readmore {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.messages .readmore span {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
} */

	@media (min-width: 640px) {
		.messages {
			padding-bottom: 75px;
			padding-right: 10px;
			padding-left: 10px;
		}
		.messages article {
			width: 50%;
			display: inline-block;
			vertical-align: top;
		}
		.messages article .content {
			padding: 0 10px;
		}
		.messages article header {
			margin-bottom: 10px;
		}
		.messages article h1 {
			margin-top: -20px;
			margin-left: 20px;
			display: inline-block;
		}
		.messages article p {
			margin-left: 20px;
		}
	}
	@media (min-width: 840px) {
		.messages article h1 {
			padding: 20px;
			font-size: 20px;
			line-height: 28px;
            width: 90%;
            box-sizing: border-box;
		}
	}
	@media (min-width: 1000px) {
		.messages {
			padding-right: 0;
			padding-left: 0;
		}
		.messages article .content {
			padding-right: 20px;
			padding-left: 20px;
		}
	}

.message .story {
	width: 100%;
	padding-bottom: 0;
	display: block;
}
.message .story header .meta {
	margin-top: 10px;
	padding: 10px 15px;
	background-color: #C6E4FF;
}
	@media (min-width: 640px) {
        .message .story header .meta {
            width: 50%;
            float: right;
            margin-top: -30px;
        }
    }

.message .story header .meta p {
	margin: 0;
}
.message .story header .meta p:last-of-type {
	color: #666;
}
.message .story header img {
	width: 100%;
    margin-top: 0;
}
.message .story header h1 {
	color: #418097;
	font-size: 15px;
	line-height: 22px;
}
	@media (min-width: 640px) {
        .message .story header h1 {
            font-size: 20px;
            line-height: 35px;
        }
    }

.message .story header h1 span {
	display: block;
}
.message .story h2 {
	padding-top: 10px;
	padding-bottom: 0;
	border: none;
	font-size: 13px;
	line-height: 19px;
}
.message .story h2:before {
	width: 40px;
}
.message .story .imgtext img {
	max-width: 200px;
	margin-top: 30px;
	margin-bottom: 30px;
}
.message .story .featbox {
	padding: 25px;
	position: relative;
}
.message .story .featbox img {
	margin: 0 0 10px;
}
.message .story .featbox h2 {
	margin: 0;
	padding: 0;
	color: #418097;
}
.message .circumscription {
	width: 100%;
	height: 280px;
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.message .story .featbox h2:before {
	display: none;
}
	@media (min-width: 640px) {
		.message .story .imgtext {
			padding-left: 220px;
		}
		.message .story .imgtext img {
			width: 200px;
			max-width: 300px;
			position: absolute;
			top: 42px;
			left: 0;
		}
		.message .story .imgtext.alt1 {
			padding-left: 0;
			padding-right: 220px;
		}
		.message .story .imgtext.alt1 img {
			right: 0;
			left: auto;
		}
		.message .story .imgtext > * {
			padding-right: 0;
			padding-left: 0;
		}
		.message .story .featbox {
			min-height: 250px;
			padding-left: 245px;
		}
		.message .story .featbox img {
			width: 200px;
			position: absolute;
			top: 25px;
			left: 25px;
		}
		.message .story .featbox table th,
		.message .story .featbox table td {
			padding: 3px 0;
		}
	}
	@media (min-width: 768px) {
		.message .story h2 {
			margin-bottom: 45px;
			padding-top: 30px;
			font-size: 22px;
			line-height: 29px;
		}
		.message .story .imgtext {
			padding-left: 340px;
		}
		.message .story .imgtext.alt1 {
			padding-left: 0;
			padding-right: 340px;
		}
		.message .story .imgtext img {
			width: 300px;
		}
		.message .story p {
			line-height: 28px;
		}
		.message .story p + p {
			margin-top: 45px;
		}
		.message .story .featbox {
			min-height: 264px;
			padding: 35px 35px 35px 365px;
		}
		.message .story .featbox h2 {
			font-size: 16px;
			line-height: 22px;
		}
		.message .story .featbox img {
			width: 290px;
			top: 35px;
			left: 35px;
		}
	}


.storynav {
	width: 100%;
	min-width: 280px;
	max-width: 632px;
	margin: 30px auto 40px;
	padding: 0 20px;
}
.storynav li {
	width: 49.82%;
	height: 40px;
	display: inline-block;
	vertical-align: top;
	border-radius: 2px;
	background-color: #d2d2d2;
}
.storynav li:first-child {
	margin: 0 1px;
}
.case .storynav {
	max-width: 870px;
}
.case .storynav li {
	width: 35.71%;
	margin: 0;
}
.storynav li.top {
	width: 28.58%;
	padding: 0 1px;
	background: none;
}
.storynav li a {
	height: 40px;
	line-height: 40px;
	display: block;
	border-radius: 2px;
	background-color: #C6E4FF;
	color: #333;
	text-align: center;
}
.storynav li a:active,
.storynav li a:hover,
.storynav li a:focus {
	background-color: #DF943B;
	color: #fff;
	text-decoration: none;
}
.storynav li a > span {
	display: none;
}
.storynav li a > em {
	font-style: normal;
}
.storynav li i {
	width: 6px;
	height: 13px;
	display: inline-block;
	vertical-align: middle;
	background: url(../gfx/sprite.svg) no-repeat -489px -24px;
	background-size: 600px auto;
}
.storynav .prev i {
	margin-right: 10px;
}
.storynav .next i {
	margin-left: 10px;
	background-position: -495px -24px;
}
	@media (min-width: 768px) {
		.storynav {
			margin-top: 60px;
			margin-bottom: 80px;
		}
		.storynav li {
			height: 100%;
			min-height: 78px;
			position: relative;
		}
		.storynav li a {
/* 			width: 100%; */
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
		}
		.storynav li a > em {
			display: none;
		}
		.storynav li a > span {
			width: 100%;
			max-height: 36px;
			padding: 0 50px 0 20px;
			overflow: hidden;
			line-height: 18px;
			position: absolute;
			top: 50%;
			-webkit-transform: translateY(-50%);
			-ms-transform:     translateY(-50%);
			transform:         translateY(-50%);
			display: block;
			text-align: left;
		}
		.storynav li a > span span {
			display: block;
		}
		.storynav li i {
			width: 10px;
			height: 19px;
			position: absolute;
			top: 50%;
			margin: -10px 0 0;
			left: 20px;
			background-position: -489px -39px;
		}
		.storynav .next i {
			left: auto;
			right: 20px;
			background-position: -499px -39px;
		}
		.storynav .prev a > span {
			padding-right: 20px;
			padding-left: 50px;
/*			text-align: right;*/
		}
		.storynav .top a {
			right: 1px;
			left: 1px;
		}
		.storynav .top a > span {
			padding: 0;
			text-align: center;
		}

	}
	@media (min-width: 940px) {
		.storynav li a > span {
			padding-right: 60px;
			padding-left: 35px;
		}
		.storynav .prev a > span {
			padding-right: 35px;
			padding-left: 60px;
		}
		.storynav li i {
			left: 35px;
		}
		.storynav .next i {
			right: 35px;
		}
	}






/* ==========================================================================



APPEAL / おおまち暮らしの魅力
========================================================================== */

.appeal .header h1.ico:before {
    background-image: url(../gfx/02h1_05appeal.svg);
/*	background-position: -182px -34px;*/
}
	@media (min-width: 768px) {
		.appeal .header h1.ico:before {
/*			background-position: -292px -55px;*/
		}
	}

.omachi .appeal h2 {
	margin: 25px 0;
	padding: 0;
	border: none;
	color: #418097;
	font-size: 15px;
	line-height: 22px;
}
.omachi .appeal h2 span {
	display: block;
}
.omachi .appeal h2:before,
.omachi .appeal h3:before {
	display: none;
}

.omachi .appeal h3 {
	padding: 0;
	border: none;
}

.appeal .access div {
	padding-left: 75px;
	position: relative;
}
.appeal .access div:before {
	content: "";
	width: 60px;
	height: 60px;
	position: absolute;
	top: 7px;
	left: 0;
    background-color:#C6E4FF ;
/*	background: #C6E4FF url(../gfx/sprite.svg) no-repeat -132px -100px;
	background-size: 600px auto;
*/
    background-repeat: no-repeat;
}
.appeal .access .car:before {
    background-image: url(../gfx/03icon_appeal01.svg);
}
.appeal .access .public:before {
/*	background-position: -192px -100px;*/
    background-image: url(../gfx/03icon_appeal02.svg);
}
.appeal .access table.alt1 th,
.appeal .access table.alt1 td {
	padding: 3px 0;
}

.appeal .activities {
	margin: 30px 0;
	border-top: 1px solid #cfcfcf;
}
.appeal .activities li {
	margin: 30px 0;
}
.appeal .activities li:before {
	background: none;
}
.appeal .activities h2 {
	min-height: 36px;
	margin-bottom: 20px;
	padding-left: 35px;
	/* display: inline-block; */
	position: relative;
	color: #333;
}
.appeal .activities h2:before {
	content: "";
	width: 20px;
	height: 36px;
	display: block;
    background-color: #fff;
	position: absolute;
	top: 3px;
	left: 0;
/*	background: -1000% -1000%;*/
/*	background-size: 600px auto;
    */
	border-bottom: 3px solid #80ADDC;
    background-repeat: no-repeat;
}
.appeal .activities h2 span {
	font-size: 11px;
	line-height: 23px;
}
.appeal .activities li:first-of-type h2:before {
/*	background-position: -252px -100px;*/
    background-image: url(../gfx/03numberL_01.svg);
}
.appeal .activities li:nth-of-type(2) h2:before {
/*	background-position: -272px -100px;*/
    background-image: url(../gfx/03numberL_02.svg);
}
.appeal .activities li:nth-of-type(3) h2:before {
/*	background-position: -292px -100px;*/
    background-image: url(../gfx/03numberL_03.svg);
}
.appeal .activities li:nth-of-type(4) h2:before {
/*	background-position: -312px -100px;*/
    background-image: url(../gfx/03numberL_04.svg);
}

	@media (min-width: 640px) {
		.appeal .access {
			background: url(../img/05/b.png) no-repeat right 0 bottom 10px;
			background-size: 30% auto;
		}
		.appeal .access > div {
			padding-right: 30px;
			display: inline-block;
			vertical-align: top;
		}
		.appeal .access div:before {
/*			top: 16px;*/
		}
		.appeal .access table.alt1 th,
		.appeal .access table.alt1 td {
			line-height: 130%;
			padding-right: 10px;
		}

		.appeal .activities li img {
			width: 46%;
			margin: 0;
			float: right;
		}
		.appeal .activities li:nth-of-type(odd) > *:not(img) {
			margin-right: 20px;
			padding-right: 46%;

		}
		.appeal .activities li:nth-of-type(even) img {
			float: left;
		}
		.appeal .activities li:nth-of-type(even) > *:not(img) {
			padding-left: 46%;
			margin-left: 20px;
		}
		.appeal .activities li:nth-of-type(even) > h2 {
			width: 50%;
			margin-left: 50%;
			margin-left: calc(46% + 20px);
			padding-right: 0;
			padding-left: 35px;
		}
	}
	@media (min-width: 768px) {
		.omachi .appeal h2 {
			margin-top: 40px;
			margin-bottom: 30px;
			font-size: 26px;
			line-height: 36px;
		}
		.appeal .activities li {
			margin: 60px 0;
		}
		.appeal .activities h2 {
			min-height: 54px;
			padding-left: 64px;
			font-size: 22px;
			line-height: 30px
		}
		.appeal .activities h2:before {
			width: 40px;
			height: 51px;
		}
		.appeal .activities h2 span {
			font-size: 18px;
			line-height: 32px
		}
		.appeal .activities li:nth-of-type(odd) > *:not(img) {
			margin-right: 40px;
		}
		.appeal .activities li:nth-of-type(even) > *:not(img) {
			margin-left: 40px;
		}
		.appeal .activities li:nth-of-type(even) > h2 {
			margin-left: calc(46% + 40px);
			padding-left: 64px;
		}
		.appeal .activities li:first-of-type h2:before {
/*			background-position: 0 -160px;*/
		}
		.appeal .activities li:nth-of-type(2) h2:before {
/*			background-position: -40px -160px;*/
		}
		.appeal .activities li:nth-of-type(3) h2:before {
/*			background-position: -80px -160px;*/
		}
		.appeal .activities li:nth-of-type(4) h2:before {
/*			background-position: -120px -160px;*/
		}
	}
	@media (min-width: 890px) {
		.appeal .access {
			background-size: 30% auto;
			background-size: contain;
	}
}

/* ==========================================================================



INFORMATION / お知らせ・セミナー
========================================================================== */

.information .header h1.ico:before {
    background-image: url(../gfx/02h1_06news.svg);
/*	background-position: -158px -34px;*/
}
	@media (min-width: 768px) {
		.information .header h1.ico:before {
/*			background-position: -252px -55px;*/
		}
	}

.information .module {
	margin: 30px auto;
	padding-top: 0;
	padding-bottom: 0;
	display: block;
}
.information .module > footer {
	top: 18px;
}
.information .upcoming {
	min-height: 134px;
	padding-left: 120px;
	position: relative;
}
.information .event {
	width: 100px;
	height: 94px;
	overflow: hidden;
	position: absolute;
	top: 20px;
	left: 0;
}
.information .event p {
	padding: 2px 10px;
	position: relative;
	z-index: 10;
	background-color: #DF943B;
	color: #fff;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.information .event .img {
	width: 100%;
	height: 72px;
}
	@media (min-width: 640px) {
		.information .newslineup {
			width: 100%;
		}
		.information .module > footer {
			top: 34px;
		}
		.information .event,
		.information .event .img {
			width: 220px;
			height: 160px;
		}
		.information .event .img {
			position: static;
		}
		.information .event p {
			width: 130px;
			padding: 8px 10px;
			display: inline-block;
			font-size: 14px;
			line-height: 18px;
		}
		.information .upcoming {
			min-height: 200px;
			padding-left: 250px;
		}

	}
	@media (min-width: 768px) {
		.information .module {
			margin-top: 50px;
		}
	}


.information .entry-body figure {
	margin-bottom: 20px;
}
.information .entry-body figure img {
	margin-bottom: 5px;
}
.information .entry-body img {
	width: 100%;
	height: auto;
}
.information .message {
	background-color: #c5eaff;
	padding: 15px 20px;
}
.information .message p {
	margin: 0px 0px 10px;
}
.information .message .tag {
	padding: 7px;
	width: 130px;
}
	@media (min-width: 640px) {
		.information .entry-body > img,
		.information .entry-body p > img,
		.information .entry-body .imgblock {
			width: 220px;
			float: right;
			margin: 0 0 30px 30px;
		}

		.information .entry-content.story .heading {
			margin-top: 0;
		}

	}



.infostorynav {
	line-height: 11px;
	margin: 0 20px;
	padding: 60px 0 30px;
	position: relative;
	/* border-top: 1px solid #d0d0d0; */
	text-align: center;
}
.infostorynav li {
	padding: 0 15px;
	display: inline-block;
	vertical-align: top;
}
.infostorynav .list {
	padding: 0 5px;
	margin: 0 5px;
	background-color: #ebebeb;
}
.infostorynav .list-current {
	padding: 0 5px;
	margin: 0 5px;
}
.infostorynav .prev {
	padding-left: 0;
	margin-right: 0;
	border-right: 1px solid #333;
}
.infostorynav .next {
	padding-right: 0;
	margin-left: 0;
	border-left: 1px solid #333;
}
.infostorynav .top {
	width: 100%;
	position: absolute;
	top: 30px;
	left: 0;
}
.infostorynav .num {
	width: 100%;
	position: absolute;
	top: 30px;
	left: 0;
}
.entry .infostorynav {
	border-top: 1px solid #d0d0d0;
}
.infostorynav a {
	color: #333;
}
	@media (min-width: 640px) {
		.infostorynav {
			line-height: 18px;
			padding-top: 50px;
			padding-bottom: 80px;
		}
		.infostorynav li {
			padding-right: 30px;
			padding-left: 30px;
		}
		.infostorynav .prev {
			margin-right: 15px;
		}
		.infostorynav .next {
			margin-left: 15px;
		}
		.infostorynav .top {
			width: auto;
			position: static;
		}
		.infostorynav .num {
			width: auto;
			position: static;
		}
	}

/* ==========================================================================



ABOUT / 大町創業支援協議会について
========================================================================== */

	@media (min-width: 768px) {
		#purpose img {
			max-width: 349px;
			margin-right: 20px;
/* 			margin-right: 50px; */
			padding-right: 0;
		}
	}
	@media (min-width: 900px) {
		#purpose > * {
			padding-left: 0;
			padding-right: 51%;
		}
		#purpose img {
			margin-right: 50px;
		}
	}



/* ==========================================================================



PRIVACY / 個人情報保護方針
========================================================================== */

.featbox {
	margin: 15px auto;
	padding: 15px;
	border: 3px solid #d2d2d2;
}
.featbox h1 {
	margin-bottom: 10px;
	font-size: 13px;
	line-height: 18px;
}
.featbox h1 span {
	display: block;
}
.featbox a {
	color: #333;
}
	@media (min-width: 768px) {
		.featbox {
			margin: 25px auto;
			padding: 25px;
		}
		.featbox h1 {
			font-size: 18px;
			line-height: 26px;
		}
		.featbox h1 span {
			display: inline;
		}
	}




/* ==========================================================================



CONSULTATION / 起業相談の窓口
========================================================================== */
.consultation .textAreaPC {
    display: none;
}

.consultation .textAreaSP {
    display: block;
}

        @media (min-width: 640px) {
            .consultation .blueArea {
                background-color: #cae8ff;                
            }            

            .consultation .textAreaPC {
                display: block;
                padding: 30px;
                float: left;
                width: 50%;
            }

            .consultation img.mainImg {
                float: right;
                margin-bottom: 0;
            }
            
            .consultation img.illust {
                float: none;
            }
            
            .consultation .textAreaSP {
                display: none;    
            }
        }




/* ==========================================================================



CONTACT / お問い合わせ
========================================================================== */
.clearfix.contactTelBox {
    margin: 30px auto;
    padding: 30px 40px;
    position: relative;
    border: 3px solid #cdcdcd;
}
.contactTelBox a.tel {
    width: 186px;
    height: 0;
    padding-top: 22px;
    display: block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(../gfx/03telnumber.svg);
    float: left;
    margin: 15px 40px 15px 0px;
}
.contactTelBox p{
    display: inline-block;
}
@media (min-width: 768px){
.contactTelBox .tel {
    width: 243px;
    margin-top: 17px;
    margin-bottom: 15px;
    padding-top: 35px;
}
}
ul.contactStep {
    margin: 20px 0px 0px 0px;
    float: right;
}
ul.contactStep li {
    float: left;
    padding: 5px 20px;
    background-color: #e5e5e5;
    border-left: solid 1px #fff;
}
ul.contactStep li:before {
    display: none;
}
ul.contactStep li.contactStepActive {
    background-color: #cae8ff;
}


table.contactForm input{
    height: 30px;
    padding: 5px;
    margin: 0px;
}

input.formPostcode {
    display: inline-block;
    width: 50%;
}
table.contactForm input.formAddress {
    margin-top: 10px;
}
table.contactForm label input {
    height: 12px;
    margin: 8px 3px;
}
input.formEmail{
    width: 70%;
}
table.contactForm {
    margin-bottom: 20px;
}
@media (min-width: 768px){
    input.formName,input.formPostcode,input.formTel{
        width: 50%;
    }
    textarea{
        margin: 0px;
        padding: 8px;
    }
}
.formAgree {
    text-align: center;
}
.formAgree p {
    margin-bottom: 10px;
}

.formBtn {
    text-align: center;
}
input.formBtnNext {
    margin: 20px 10px 0px;
    padding: 16px 50px;
    display: inline-block;
    vertical-align: top;
    border-radius: 3px;
    border: none;
    background: #E79C3B;
    color: #fff;
    font-weight: bold;
    width: 100%;
}
input.formBtnPrev {
    margin: 20px 10px 0px;
    padding: 16px 50px;
    display: inline-block;
    vertical-align: top;
    border-radius: 3px;
    border: none;
    background: #999;
    color: #fff;
    font-weight: bold;
    width: 100%;
}
input.formBtnPrev:hover{
    background-color: #666;
    cursor: pointer;
}
input.formBtnNext:hover{
    background-color: #41809C;
    cursor: pointer;
}
@media (min-width: 768px){
    input.formBtnNext,input.formBtnPrev {
        width: 30%;
    }
    table.contactForm th {
    width: 25%;
    }
}
.contactForm em {
    color: red;
    float: right;
    margin-right: 10px;
    font-size: 90%;
}
.error {
    color: red;
}
.formConfirmBox {
    padding-top: 0px;
}
@media (min-width: 768px){
    .formConfirmBox th{
        width: 25%;
    }
}


/* ==========================================================================


northern-alps-entrance / 北アルプスエントランス
========================================================================== */
.northern-alps-entrance .header h1.ico:before {
    /*background-image: url(../gfx/02h1_01consultation.svg);*/
}


.entranceBlock { display: table; table-layout: fixed;  width: 100%;} 
.entranceBlock .blockBox { display: inline; padding: 0; vertical-align: top; width: 100%;} 
.fb-page iframe {
	width: 100%!important;
	margin: 0;
	padding: 0;
	}
	
.about-entrance {display: inline;}	
.about-entrance .entranceText {
	width: 100%;
}	
.about-entrance .entrancePhoto {
	width: 100%;
	margin-left: 0;
}	

@media (min-width: 768px){
    .entranceBlock{
       display: table; table-layout: fixed; 
    }
    .entranceBlock .blockBox {
	    display: table-cell; padding: 0 1em; vertical-align: top; width: 48%;
	}
	.entranceTable colgroup {
		display: block;
	}
	.about-entrance {display: flex;}	
	.about-entrance .entranceText {
		width: 70%;
	}	
	.about-entrance .entrancePhoto {
		width: 25%;
		margin-left: 5%;
		margin-top: 0!important;
	}
	.w18 {
	width: 18%!important;
	}
}

.entranceTable {
	border-width: 1px 0 0 0;
    border-color: #afafaf;
    border-style: none solid;
    margin: 0 0 10px 0;
}

.entranceTable th {
	font-weight: bold;
	background-color: #eee;
	border-width: 0 0 1px 0;
    border-color: #afafaf;
    border-style: none solid;
	}
.entranceTable td {
	border-width: 0 0 1px 0;
    border-color: #afafaf;
    border-style: none solid;
}
.entranceTable colgroup {
		display: none;
	}
.mb20 {
	margin-bottom: 20px;
}
.w18 {
	width: 100%;
}

/*----------------------------------- 
  header > バナーボタン追加
------------------------------------*/
.btn-northern-alps-entrance {
	margin: 0 0 0 15px;
	padding: 12px 18px;
	display: inline-block;
	vertical-align: top;
	border-radius: 3px;
	border: none;
	background: #9fd8ff;
	color: #41809C;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	text-align: center;
}

.omachi .btn-northern-alps-entrance:active,
.omachi .btn-northern-alps-entrance:hover,
.omachi .btn-northern-alps-entrance:focus {
	background-color: #41809C;
	color: #fff;
	outline: 0;
	text-decoration: none;
}