@charset "UTF-8";
/* #####################################################
 * common.css
 * - Core
 * - Layout
 * - Modules
 * - Pages
 * ################################################## */

/* =====================================================
 * Base
 * ================================================== */

/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%; 
	font-family: sans-serif;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	margin: 0.67em 0; 

	font-size: 2em;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	margin: 0; 

	color: inherit;
	font: inherit;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer; 

	-webkit-appearance: button;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0; 

	border: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	box-sizing: content-box; 

	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em; 

	border: 1px solid #c0c0c0;
}

legend {
	padding: 0; 

	border: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

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

td,
th {
	padding: 0;
}

/* -----------------------------------------------------
 * Init
 * -------------------------------------------------- */
*,
*:before,
*:after {
	box-sizing: border-box;
}

/* normalize overwrite */
html {
	position: relative;
	min-height: 100%;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", Meiryo, sans-serif; 
	font-size: 62.5%;
}

body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #fff;
	color: #222;
	font-size: 3.73333vw;
	line-height: 1.2;
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: unset;
}
body.is-menu-open {
	position: fixed;
}
@media print, screen and (min-width: 768px) {
	body {
		font-size: 1.4rem;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
	body {
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
}

a {
	color: #898989;
	text-decoration: none;
}
a:visited {
	color: #898989;
}
a:active,
a:focus {
	color: #898989;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
dt,
dd,
ol,
ul,
li,
figure,
figcaption,
small {
	margin: 0;
	font-size: 100%;
	font-weight: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1.2;
}

img {
	vertical-align: bottom;
}

ul {
	list-style-type: none;
	padding: 0;
}

ol {
	padding: 0;
}

th {
	font-weight: normal;
	text-align: left;
}

em {
	font-weight: bold;
	font-style: normal;
}

/* =====================================================
 * Layout
 * ================================================== */
.l-wrapper {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}
@media print, screen and (min-width: 768px) {
	.l-wrapper {
		min-width: 1200px;
	}
}
.l-wrapper:after {
	content: '';
	position: absolute;
	z-index: 999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	-webkit-animation: fade 2s ease 1s forwards;
	animation: fade 2s ease 1s forwards;
}

@-webkit-keyframes fade {
	0% {
		opacity: 1;
	}
	100% {
		z-index: -1; 

		opacity: 0;
		pointer-events: none;
	}
}

@keyframes fade {
	0% {
		opacity: 1;
	}
	100% {
		z-index: -1; 

		opacity: 0;
		pointer-events: none;
	}
}

.l-contents {
	position: relative;
	z-index: 1;
	flex-grow: 1;
	min-width: 320px;
	padding: 17.06667vw 0 0;
	background-color: #fff;
}
@media print, screen and (min-width: 768px) {
	.l-contents {
		padding: 0;
	}
}

/*docs
---
title: .l-box-cols
name: l-box-cols
category: layout
---
ボックスカラムレイアウト用。<br>
カラム数の調整などは、外側のblockなどで行う。

```html
<div class="l-box-cols">
<div class="l-box-cols-inner">
<div class="box-sample">カラム1</div>
</div><!-- /.l-box-cols-inner -->
<div class="l-box-cols-inner">
<div class="box-sample">カラム2</div>
</div><!-- /.l-box-cols-inner -->
<div class="l-box-cols-inner">
<div class="box-sample">カラム3</div>
</div><!-- /.l-box-cols-inner -->
</div><!-- /.l-box-cols -->
```
*/
.l-box-cols.sp-flex {
	display: flex;
}

.l-box-cols.center {
	justify-content: center;
}

.l-box-cols-inner {
	margin: 4vw 0 0;
}
.l-box-cols-inner:first-child {
	margin: 0;
}

@media print, screen and (min-width: 768px) {
	.l-box-cols {
		display: flex;
		justify-content: space-between;
	}
	.l-box-cols-inner {
		margin: 0;
	}
}

/**
 * Header layout
 */
.l-header {
	position: fixed;
	z-index: 4;
	top: 0;
	left: 0;
	width: 100%;
	height: 17.06667vw;
	background: #fff;
}
@media print, screen and (min-width: 768px) {
	.l-header {
		position: relative;
		height: 200px;
		padding: 0 15px;
	}
}

.l-header-inner {
	position: relative;
	width: 100%;
	height: 100%;
}
@media print, screen and (min-width: 768px) {
	.l-header-inner {
		max-width: 1170px;
		margin: 0 auto;
	}
}

.l-header-logo {
	margin-bottom: 20px; 

	font-size: 2.8rem;
	text-align: center;
}

.l-header-nav ul {
	display: flex;
	justify-content: space-between; 

	width: 100%;
}

/**
 * Header Module
 */
.mod-header-logo {
	position: absolute;
	z-index: 3; 
	top: 5.33333vw;
	left: 7.33333vw;
}
.mod-header-logo a {
	display: inline-block;
}
.mod-header-logo img {
	width: 54.13333vw;
}
@media print, screen and (min-width: 768px) {
	.mod-header-logo {
		top: 25px;
		left: -5px;
	}
	.mod-header-logo img {
		width: 372px;
	}
}

.mod-header-btn {
	outline: none;
	display: block;
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	overflow: hidden;
	box-sizing: border-box;
	width: 17.06667vw;
	height: 17.06667vw;
	margin: 0;
	padding: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none transparent;
	background: #898989;
	color: inherit;
	font-size: inherit;
	vertical-align: middle;
	white-space: nowrap;
	text-indent: 200%;
	transition: -webkit-transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; 

	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}
.mod-header-btn::-ms-clear {
	display: none;
}
.mod-header-btn::-ms-reveal {
	display: none;
}
.mod-header-btn::-ms-expand {
	display: none;
}
.mod-header-btn span {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 6.93333vw;
	height: 0.8vw;
	margin: -0.4vw 0 0 -3.46667vw;
	background: #fff;
	transition: -webkit-transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; 
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
.mod-header-btn span:first-child {
	-webkit-transform: translateY(-2.4vw);
	transform: translateY(-2.4vw);
}
.mod-header-btn span:last-child {
	-webkit-transform: translateY(2.4vw);
	transform: translateY(2.4vw);
}
.is-menu-open .mod-header-btn {
	position: fixed;
}
.is-menu-open .mod-header-btn span:first-child {
	-webkit-transform: translateY(0) rotateZ(-45deg);
	transform: translateY(0) rotateZ(-45deg);
}
.is-menu-open .mod-header-btn span:nth-child(2) {
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
}
.is-menu-open .mod-header-btn span:last-child {
	-webkit-transform: translateY(0) rotateZ(-45deg);
	transform: translateY(0) rotateZ(-45deg);
}
@media print, screen and (min-width: 768px) {
	.mod-header-btn {
		display: none;
	}
}

.mod-header-menu {
	display: none;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 17.06667vw 0 0;
}
.is-menu-open .mod-header-menu {
	display: block;
}
.mod-header-menu a {
	color: #fff;
}
.mod-header-menu-inner {
	overflow: scroll;
	height: 100%;
	padding: 7.73333vw 0 0;
	background: #898989; 

	-webkit-overflow-scrolling: touch;
}
@media print, screen and (min-width: 768px) {
	.mod-header-menu {
		display: block;
		position: absolute;
		padding: 0;
	}
	.mod-header-menu a {
		color: #898989;
	}
	.mod-header-menu-inner {
		position: relative;
		overflow: visible;
		padding: 0;
		background: transparent;
	}
}

.mod-header-nav {
	padding: 1.33333vw 10.66667vw 0;
}
.mod-header-nav-list > li {
	display: block;
	position: relative;
	margin: 6.66667vw 0 0;
}
.mod-header-nav-list > li:first-child {
	margin: 0;
}
.mod-header-nav-list > li span {
	display: none;
}
.mod-header-nav-list > li button {
	outline: none; 

	display: block;
	position: absolute;
	top: -0.5vw;
	right: -0.5vw;
	box-sizing: border-box;
	width: 5.33333vw;
	height: 5.33333vw;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	border-radius: 0;
	background: none transparent;
	background: url(/assets/img/ico_plus_01.png) no-repeat 50% 50%;
	background-size: 3.33333vw;
	color: inherit;
	font-size: inherit;
	vertical-align: middle;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}
.mod-header-nav-list > li button::-ms-clear {
	display: none;
}
.mod-header-nav-list > li button::-ms-reveal {
	display: none;
}
.mod-header-nav-list > li button::-ms-expand {
	display: none;
}
.mod-header-nav-list > li.is-child-open button {
	background-image: url(/assets/img/ico_minus_01.png);
}
.mod-header-nav-list a {
	display: block;
	text-decoration: none;
}
.mod-header-nav-list-child {
	overflow: hidden;
	height: 0;
	padding: 0;
}
.mod-header-nav-list-child > li {
	display: block;
	position: relative;
	margin: 5.86667vw 0 0;
}
.mod-header-nav-list-child > li:first-child {
	margin: 8.26667vw 0 0;
}
.mod-header-nav-list-child > li:before {
	content: '';
	display: block;
	position: absolute;
	top: 1vw;
	left: -4vw;
	width: 2.66667vw;
	height: 2.66667vw;
	border-radius: 50%;
	background: #fff;
}
.is-child-open .mod-header-nav-list-child {
	height: auto;
	padding: 0 0 3.73333vw 9.06667vw;
}
@media print, screen and (min-width: 768px) {
	.mod-header-nav {
		position: absolute;
		top: 91px;
		width: 100%;
		padding: 0;
	}
	.mod-header-nav-list {
		display: flex;
		justify-content: center;
	}
	.mod-header-nav-list > li {
		width: 190px;
		height: 108px;
		margin: 0;
		padding: 0 16px;
		text-align: center;
		white-space: nowrap;
	}
	.mod-header-nav-list > li span {
		display: block;
		margin: 0 0 4px;
		font-family: din-2014, sans-serif;
		font-size: 1rem;
		font-weight: normal;
	}
	.mod-header-nav-list > li button {
		display: none;
	}
	.mod-header-nav-list > li > a {
		width: 100%;
		height: 100%;
		padding: 64px 0 0;
		background-repeat: no-repeat;
		background-position: 50% 0;
		background-size: 86px 64px, 0 0;
		font-size: 1.5rem;
		font-weight: bold;
		letter-spacing: 0.04em;
	}
	.mod-header-nav-list > li > a:after {
		content: '';
		display: block;
		position: absolute;
		bottom: -1px;
		left: 8px;
		width: calc(100% - 16px);
		height: 4px;
		background: #535353;
		opacity: 0;
		transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
		transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
		transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; 
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
	}
	.mod-header-nav-list > li > a.about {
		background-image: url(/assets/img/img_header_about_02.png), url(/assets/img/img_header_about_01.png);
	}
	.mod-header-nav-list > li > a.service {
		background-image: url(/assets/img/img_header_service_02.png), url(/assets/img/img_header_service_01.png);
	}
	.mod-header-nav-list > li > a.success {
		background-image: url(/assets/img/img_header_success_02.png), url(/assets/img/img_header_success_01.png);
	}
	.mod-header-nav-list > li > a.seminar {
		background-image: url(/assets/img/img_header_seminar_02.png), url(/assets/img/img_header_seminar_01.png);
	}
	.mod-header-nav-list > li > a.news {
		background-image: url(/assets/img/img_header_news_02.png), url(/assets/img/img_header_news_01.png);
	}
	.mod-header-nav-list > li > a.saiyou {
		background-image: url(/assets/img/img_header_saiyou_02.png), url(/assets/img/img_header_saiyou_01.png);
	}
	.mod-header-nav-list > li > a.contact {
		background-image: url(/assets/img/img_header_contact_02.png), url(/assets/img/img_header_contact_01.png);
	}
	.mod-header-nav-list > li > a:hover,
	.mod-header-nav-list > li > a:active {
		background-size: 0 0, 86px 64px;
	}
	.mod-header-nav-list > li.is-active > a {
		background-size: 0 0, 86px 64px;
	}
	.mod-header-nav-list > li.is-active > a:after {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	.mod-header-nav-list > li.is-hover > a:after {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	.mod-header-nav-list-child {
		position: absolute;
		top: 109px;
		left: 8px;
		width: calc(100% - 16px);
		padding: 0 10px;
		background: #fff;
		text-align: left;
	}
	.mod-header-nav-list-child > li {
		margin: 0;
		padding: 18px 0;
		border-top: 1px solid #535353;
	}
	.mod-header-nav-list-child > li:first-child {
		margin: 0;
		border: none;
	}
	.mod-header-nav-list-child > li:before {
		display: none;
	}
	.mod-header-nav-list-child > li a {
		font-weight: bold;
	}
	.mod-header-nav-list-child > li a:hover {
		opacity: 0.8;
	}
	.is-child-open .mod-header-nav-list-child {
		height: 0;
		padding: 0;
	}
	.is-hover .mod-header-nav-list-child {
		height: auto;
		padding: 5px 10px 3px;
	}
}

.mod-header-info {
	padding: 0 0 10.66667vw;
	color: #fff;
}
@media print, screen and (min-width: 768px) {
	.mod-header-info {
		display: flex;
		position: absolute;
		top: 22px;
		right: 0;
		padding: 0;
	}
}

.mod-header-tel {
	margin: 14.66667vw 0 0;
	padding: 14.66667vw 0 0;
	border-top: 0.26667vw solid #fff; 

	font-family: din-2014, sans-serif;
	font-size: 9.36667vw;
	font-weight: lighter;
	text-align: center;
	letter-spacing: 0.08em;
}
.mod-header-tel-inner {
	display: block;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", Meiryo, sans-serif;
	font-size: 3.73333vw;
	font-weight: normal;
	letter-spacing: 0;
}
@media print, screen and (min-width: 768px) {
	.mod-header-tel {
		margin: 0;
		padding: 0;
		border-top: none;
		color: #898989;
		font-size: 3.1rem;
	}
	.mod-header-tel-inner {
		font-size: 1.3rem;
	}
	.mod-header-tel a {
		pointer-events: none;
	}
}

.mod-header-office {
	display: flex;
	justify-content: center;
	margin: 11.33333vw 0 0;
}
.mod-header-office-logo {
	margin: 0 4.53333vw 0 0;
}
.mod-header-office-logo img {
	width: 14.66667vw;
}
.mod-header-office-data {
	width: 60vw;
	font-size: 2.53333vw;
	line-height: 1.75;
	text-align: justify; 
	letter-spacing: 0.1em;
}
.mod-header-office-name {
	display: block;
	margin: 1.6vw 0 0;
}
.mod-header-office-name img {
	width: 59.6vw;
	margin: 0 0 2.66667vw;
}
@media print, screen and (min-width: 768px) {
	.mod-header-office {
		display: none;
	}
}

.mod-header-links {
	margin: 8.26667vw 0 0;
	text-align: center; 
	letter-spacing: -0.4em;
}
.mod-header-links > * {
	letter-spacing: normal;
}
.mod-header-links li {
	display: inline-block;
	overflow: hidden;
	width: 24.26667vw;
	height: 24.26667vw;
	margin: 1.46667vw 1.46667vw 0;
	vertical-align: top;
}
.mod-header-links li a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	border-radius: 1.33333vw;
	background: #fff;
	color: #898989;
	text-decoration: none;
}
.mod-header-links li img {
	width: 100%;
}
.mod-header-links li.half a {
	height: 11.2vw;
	min-height: 11.2vw;
	max-height: 11.2vw;
	margin: 2.13333vw 0 0;
	font-size: 3.2vw;
	font-weight: bold;
}
.mod-header-links li.half a.support {
	margin: 0;
	border: 0.93333vw solid #fff;
	background: #fff url(/assets/img/bg_stripe_01.png) repeat 0 0;
	background-size: 1.06667vw;
	font-size: 2.66667vw;
	text-align: left;
}
@media print, screen and (min-width: 768px) {
	.mod-header-links {
		margin: 0;
	}
	.mod-header-links li {
		width: 73px;
		height: 45px;
		margin: 0 0 0 8px;
		border-radius: 5px;
	}
	.mod-header-links li:nth-child(3) a {
		padding: 10px;
	}
	.mod-header-links li a {
		border-radius: 5px;
		background: rgba(137, 137, 137, 0.2);
		color: #898989;
		font-family: din-2014, sans-serif;
		font-size: 1.3rem;
		font-weight: bold;
		line-height: 1.15385; 
		letter-spacing: 0.14em;
	}
	.mod-header-links li a:hover {
		background: #898989; 

		color: #fff;
	}
	.mod-header-links li.outer a {
		background: rgba(173, 135, 87, 0.2);
	}
	.mod-header-links li.outer a img.is-hover {
		display: none;
	}
	.mod-header-links li.outer a:hover {
		background: #ad8757;
	}
	.mod-header-links li.outer a:hover img {
		display: none;
	}
	.mod-header-links li.outer a:hover img.is-hover {
		display: inline;
	}
}

/**
 * Footer layout
 */
.l-footer {
	position: relative;
	z-index: 2;
	margin: 44vw 0 0;
	padding: 20.66667vw 0 13.33333vw;
	background: #898989;
	color: #fff;
}
.l-footer:before {
	content: '';
	display: block;
	position: absolute;
	top: -32.66667vw;
	left: 10.66667vw;
	width: 78.53333vw;
	height: 45.86667vw;
	background: url(/assets/img/img_footer_01.png) no-repeat 0 0;
	background-size: contain;
}
.l-footer a {
	color: #fff;
}
@media print, screen and (min-width: 768px) {
	.l-footer {
		margin: 202px 0 0;
		padding: 98px 0 100px;
	}
	.l-footer:before {
		top: -160px;
		right: 41px;
		left: auto;
		width: 570px;
		height: 220px;
		background-image: url(/assets/img/img_footer_02.png);
	}
}

.l-footer-nav {
	text-align: center;
}
.l-footer-nav li {
	display: inline-block;
	margin: 0 5px;
}

/**
 * Footer module
 */
.mod-footer-nav {
	padding: 1.33333vw 10.66667vw 0;
}
.mod-footer-nav-list > li {
	display: block;
	position: relative;
	margin: 6.66667vw 0 0;
}
.mod-footer-nav-list > li button {
	outline: none; 

	display: block;
	position: absolute;
	top: -0.5vw;
	right: -0.5vw;
	box-sizing: border-box;
	width: 5.33333vw;
	height: 5.33333vw;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	border-radius: 0;
	background: none transparent;
	background: url(/assets/img/ico_plus_01.png) no-repeat 50% 50%;
	background-size: 3.33333vw;
	color: inherit;
	font-size: inherit;
	vertical-align: middle;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}
.mod-footer-nav-list > li button::-ms-clear {
	display: none;
}
.mod-footer-nav-list > li button::-ms-reveal {
	display: none;
}
.mod-footer-nav-list > li button::-ms-expand {
	display: none;
}
.mod-footer-nav-list > li.is-child-open button {
	background-image: url(/assets/img/ico_minus_01.png);
}
.mod-footer-nav-list a {
	display: block;
	text-decoration: none;
}
.mod-footer-nav-list-child {
	overflow: hidden;
	height: 0;
	padding: 0;
}
.mod-footer-nav-list-child > li {
	display: block;
	position: relative;
	margin: 5.86667vw 0 0;
}
.mod-footer-nav-list-child > li:first-child {
	margin: 8.26667vw 0 0;
}
.mod-footer-nav-list-child > li:before {
	content: '';
	display: block;
	position: absolute;
	top: 1vw;
	left: -4vw;
	width: 2.66667vw;
	height: 2.66667vw;
	border-radius: 50%;
	background: #fff;
}
.is-child-open .mod-footer-nav-list-child {
	height: auto;
	padding: 0 0 3.73333vw 9.06667vw;
}
@media print, screen and (min-width: 768px) {
	.mod-footer-nav {
		display: flex;
		justify-content: space-around;
		max-width: 1200px;
		margin: 0 auto;
		padding: 0 15px;
	}
	.mod-footer-nav-list > li {
		margin: 16px 0 0;
	}
	.mod-footer-nav-list > li button {
		display: none;
	}
	.mod-footer-nav-list a {
		display: inline;
	}
	.mod-footer-nav-list a:hover {
		text-decoration: underline;
	}
	.mod-footer-nav-list-child {
		overflow: visible;
		height: auto;
		padding: 0 0 0 14px;
	}
	.mod-footer-nav-list-child li {
		margin: 16px 0 0;
	}
	.mod-footer-nav-list-child li:first-child {
		margin: 16px 0 0;
	}
	.mod-footer-nav-list-child li:before {
		top: 3px;
		left: -14px;
		width: 9px;
		height: 9px;
	}
}

.mod-footer-pagetop {
	display: block;
	margin: 14.66667vw 0 0;
	padding: 2.93333vw 0 2.66667vw;
	border-top: 0.26667vw solid #fff;
	border-bottom: 0.26667vw solid #fff;
	text-align: center;
}
.mod-footer-pagetop a {
	display: inline-block;
	padding: 4.53333vw 0 0;
	background: url(/assets/img/ico_arrow_up_01.png) no-repeat 50% 0;
	background-size: 5.33333vw auto;
	font-family: din-2014, sans-serif;
	font-size: 2.26667vw;
	text-align: center;
	text-decoration: none; 
	letter-spacing: 0.08em;
}
@media print, screen and (min-width: 768px) {
	.mod-footer-pagetop {
		margin: 100px 0 0;
		padding: 13px 0;
		border-width: 1px;
	}
	.mod-footer-pagetop a {
		padding: 17px 0 0;
		background-size: 20px auto;
		font-size: 1rem;
	}
}

.mod-footer-info {
	padding: 0 0 10.66667vw;
	color: #fff;
}
@media print, screen and (min-width: 768px) {
	.mod-footer-info {
		display: flex;
		justify-content: center;
		margin: 52px 0 0;
		padding: 0;
	}
}

.mod-footer-tel {
	margin: 14.66667vw 0 0;
	font-family: din-2014, sans-serif;
	font-size: 9.36667vw;
	font-weight: lighter;
	text-align: center; 
	letter-spacing: 0.08em;
}
.mod-footer-tel-inner {
	display: block;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", Meiryo, sans-serif;
	font-size: 3.73333vw;
	font-weight: normal;
	letter-spacing: 0;
}
@media print, screen and (min-width: 768px) {
	.mod-footer-tel {
		display: none;
	}
}

.mod-footer-office {
	display: flex;
	justify-content: center;
	margin: 11.33333vw 0 0;
}
.mod-footer-office-logo {
	margin: 0 4.53333vw 0 0;
}
.mod-footer-office-logo img {
	width: 14.66667vw;
}
.mod-footer-office-data {
	width: 60vw;
	font-size: 2.53333vw;
	line-height: 1.75;
	text-align: justify; 
	letter-spacing: 0.1em;
}
.mod-footer-office-name {
	display: block;
	margin: 1.6vw 0 2.66667vw;
}
.mod-footer-office-name img {
	width: 52.26667vw;
}
@media print, screen and (min-width: 768px) {
	.mod-footer-office {
		margin: 0;
	}
	.mod-footer-office-logo {
		margin: 0 30px 0 0;
	}
	.mod-footer-office-logo img {
		width: 92px;
	}
	.mod-footer-office-data {
		width: 400px;
		font-size: 1.6rem;
		text-align: justify; 
		letter-spacing: 0.095em;
	}
	.mod-footer-office-data a {
		pointer-events: none;
	}
	.mod-footer-office-name {
		margin: 10px 0 12px;
	}
	.mod-footer-office-name img {
		width: 323px;
	}
}

.mod-footer-links {
	margin: 8.26667vw 0 0;
	text-align: center;
}
.mod-footer-links-image {
	display: inline-block;
	vertical-align: top; 
	letter-spacing: -0.4em;
}
.mod-footer-links-image > * {
	letter-spacing: normal;
}
.mod-footer-links-image li {
	display: inline-block;
	overflow: hidden;
	width: 24.26667vw;
	height: 24.26667vw;
	margin: 1.46667vw 1.46667vw 0;
	border-radius: 1.33333vw;
	vertical-align: top;
}
.mod-footer-links-image li a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background: #fff;
	color: #898989;
}
.mod-footer-links-image li img {
	width: 100%;
}
.mod-footer-links-text {
	display: inline-block;
	margin: 1.46667vw 0 0;
	vertical-align: top;
}
.mod-footer-links-text li {
	display: block;
	overflow: hidden;
	width: 24.26667vw;
	height: 10.93333vw;
	margin: 2.4vw 0 0;
	border-radius: 1.33333vw;
}
.mod-footer-links-text li:first-child {
	margin: 0;
}
.mod-footer-links-text li a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background: #fff;
	color: #535353;
	font-size: 2.66667vw;
	white-space: nowrap;
	text-decoration: none;
}
.mod-footer-links-text li a.en {
	font-family: din-2014, sans-serif;
	font-size: 3.46667vw;
	letter-spacing: 0.14em;
}
@media print, screen and (min-width: 768px) {
	.mod-footer-links {
		margin: 10px 0 0 22px;
		text-align: left;
	}
	.mod-footer-links-image {
		display: block;
		margin: 0 0 0 -8px;
	}
	.mod-footer-links-image li {
		width: 91px;
		height: 91px;
		margin: 0 0 0 8px;
		border-radius: 5px;
	}
	.mod-footer-links-image li a:hover {
		opacity: 0.8;
	}
	.mod-footer-links-text {
		margin: 0 0 0 -8px;
	}
	.mod-footer-links-text li {
		width: 190px;
		height: 23px;
		margin: 8px 0 0 8px;
		border-radius: 5px;
	}
	.mod-footer-links-text li:first-child {
		margin: 8px 0 0 8px;
	}
	.mod-footer-links-text li a {
		font-size: 1.2rem;
	}
	.mod-footer-links-text li a:hover {
		opacity: 0.8;
	}
}

/* =====================================================
 * Module
 * ================================================== */

/* -----------------------------------------------------
 * Alignment classes
 * -------------------------------------------------- */
.mod-left {
	text-align: left !important;
}

.mod-center {
	text-align: center !important;
}

.mod-right {
	text-align: right !important;
}

/* -----------------------------------------------------
 * Alignment classes
 * -------------------------------------------------- */
@media print, screen and (max-width: 767px) {
	.is-sp-hide {
		display: none !important;
	}
}

@media print, screen and (max-width: 767px) {
	.is-sp-show {
		display: block;
	}
}

@media print, screen and (min-width: 768px) {
	.is-pc-hide {
		display: none !important;
	}
}

@media print, screen and (min-width: 768px) {
	.is-pc-show {
		display: block;
	}
}

/*docs
---
title: .mod-box-1
name: mod-box-1
category: module
---
ボックスモジュール　タイプ1

```html
<div class="mod-box-1">
<figure>
<img src="http://placehold.jp/470x322.png" alt="">
</figure>
<span class="title">タイトルタイトル</span>
<p class="text">テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。</p>
</div>
```
*/
.mod-box-1 {
	position: relative;
	padding: 2.4vw 3.46667vw;
	border-radius: 1.33333vw;
	background: #898989;
	color: #fff;
}
.mod-box-1-inner {
	padding: 5.33333vw 5.6vw;
	border: 2px dotted #fff;
	border-radius: 1.33333vw;
}
.mod-box-1 figure {
	overflow: hidden;
	border-radius: 1.33333vw;
}
.mod-box-1 figure img {
	width: 100%;
	border-radius: 1.33333vw;
}
.mod-box-1 .title {
	display: block;
	position: relative;
	margin: 5.33333vw 0 0;
	padding: 0 0 0 4.26667vw;
	font-size: 4.53333vw;
	font-weight: bold;
	text-align: justify;
}
.mod-box-1 .title:first-child {
	margin: 0;
}
.mod-box-1 .title:before {
	content: '';
	position: absolute;
	top: 0.8vw;
	left: 0;
	width: 2.93333vw;
	height: 4vw;
	background: url(/assets/img/ico_drop_02.png) no-repeat 0 0;
	background-size: 2.93333vw 4vw;
}
.mod-box-1 .text {
	margin: 2.13333vw 0 0;
	font-size: 3.2vw;
	line-height: 1.66667;
	text-align: justify;
}
.mod-box-1 .text:first-child {
	margin: 0;
}
.mod-box-1.half {
	margin: 4vw 0 0;
}
.mod-box-1.half:first-child {
	margin: 0;
}
@media print, screen and (min-width: 768px) {
	.mod-box-1 {
		width: 318px;
		padding: 11px 13px;
		border-radius: 5px;
	}
	.mod-box-1-inner {
		padding: 23px 28px;
		border-radius: 5px;
	}
	.mod-box-1 figure {
		border-radius: 5px;
	}
	.mod-box-1 figure img {
		border-radius: 5px;
	}
	.mod-box-1 .title {
		margin: 26px 0 0;
		padding: 0 0 0 19px;
		font-size: 2rem;
	}
	.mod-box-1 .title:before {
		top: 4px;
		width: 13px;
		height: 18px;
		background-size: 13px 18px;
	}
	.win .mod-box-1 .title:before {
		top: 3px;
	}
	.ie .mod-box-1 .title:before {
		top: -1px;
	}
	.mod-box-1 .text {
		margin: 15px 0 0;
		font-size: 1.4rem;
		line-height: 1.35714;
		letter-spacing: -0.002em;
	}
	.mod-box-1.half {
		margin: 0;
	}
	.mod-box-1.half .mod-box-1-inner {
		display: flex;
		flex-direction: column;
		justify-content: center;
		height: 140px;
		padding: 0 16px;
	}
	.mod-box-1.half .title {
		font-size: 1.8rem;
	}
	.mod-box-1.half .title:before {
		top: 2px;
	}
	.win .mod-box-1.half .title:before {
		top: 1px;
	}
	.ie .mod-box-1.half .title:before {
		top: -1px;
	}
}

a.mod-box-1 {
	display: block;
	text-decoration: none;
}
@media print, screen and (min-width: 768px) {
	a.mod-box-1:hover {
		cursor: pointer; 

		opacity: 0.7;
		color: #fff;
	}
}

/*docs
---
title: .mod-box-2
name: mod-box-2
category: module
---
ボックスモジュール　タイプ2

```html
<div class="mod-box-2">
<span class="title">「任せて安心」<br class="is-sp-hide">お客様の声から<br>広がっていく仕事を。</span>
<p class="text">お客様お一人おひとりに対して誠実に向き合うことで、揺るぎない信頼関係を築き、質の高いサービスをご提供いたします。</p>
</div>
```
*/
.mod-box-2 {
	padding: 5.33333vw;
	border: 2.13333vw solid rgba(137, 137, 137, 0.2);
	border-radius: 2.66667vw;
}
.mod-box-2 .title {
	color: #898989;
	font-size: 5.33333vw;
	font-weight: bold;
	line-height: 1.5;
	text-align: justify;
}
.mod-box-2 .text {
	margin: 2.13333vw 0 0;
	font-size: 3.73333vw;
	line-height: 1.7;
	text-align: justify;
}
@media print, screen and (min-width: 768px) {
	.mod-box-2 {
		padding: 30px 24px;
		border-width: 10px;
		border-radius: 18px;
	}
	.l-box-cols .mod-box-2 {
		width: 280px;
	}
	.mod-box-2 .title {
		font-size: 2rem;
	}
	.mod-box-2 .text {
		margin: 12px 0 0;
		font-size: 1.4rem;
	}
}

/*docs
---
title: .mod-box-3
name: mod-box-3
category: module
---
ボックスモジュール　タイプ3

```html
<div class="mod-box-3">
<span class="title" style="height: 60px;">ここにタイトルが入りますここにタイトルが入ります</span>
<figure>
<img src="/assets/img/ph_saiyou_02.jpg" alt="">
</figure>
<span class="caption">○○○○○○<br>
○○○○○○○さん</span>
<span class="btn">詳しく見る</span>
</div>
```
*/
.mod-box-3 {
	padding: 5.33333vw 6.66667vw;
	border: 0.66667vw solid #898989;
	border-radius: 1.33333vw;
}
.mod-box-3 .title {
	display: block;
	color: #898989;
	font-size: 5.33333vw;
	font-weight: bold;
	line-height: 1.5;
	text-align: justify; 
	letter-spacing: 0.1em;
}
.mod-box-3 .title span {
	font-size: 3.73333vw;
}
.mod-box-3 figure {
	margin: 2.66667vw 0 0;
}
.mod-box-3 figure img {
	width: 100%;
}
.mod-box-3 .caption {
	display: block;
	margin: 4vw 0 0;
	font-size: 4.26667vw;
	text-align: center;
}
.mod-box-3 .description {
	display: block;
	font-size: 3.73333vw;
	line-height: 1.71429;
	text-align: justify; 
	letter-spacing: 0.03em;
}
.mod-box-3 .btn {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 7.73333vw;
	margin: 4vw 0 0;
	border-radius: 1.33333vw;
	background: #898989;
	color: #fff;
}
.mod-box-3 .btn:after {
	content: '';
	display: inline-block;
	width: 4vw;
	height: 3.46667vw;
	margin: 0 0 0 2.13333vw;
	background: url(/assets/img/ico_arrow_right_04.png) no-repeat 0 0;
	background-size: 4vw 3.46667vw;
}
@media print, screen and (min-width: 768px) {
	.mod-box-3 {
		padding: 30px 38px 26px;
		border-width: 2px;
		border-radius: 5px;
	}
	.mod-box-3 .title {
		font-size: 2rem;
	}
	.mod-box-3 .title span {
		font-size: 1.4rem;
	}
	.mod-box-3 figure {
		margin: 10px 0 0;
	}
	.mod-box-3 .caption {
		margin: 15px 0 0;
		font-size: 1.6rem;
		line-height: 1.2;
	}
	.mod-box-3 .description {
		margin: 10px 0 0;
		font-size: 1.4rem;
	}
	.mod-box-3 .btn {
		height: 29px;
		margin: 15px 0 0;
		border-radius: 5px;
	}
	.ie .mod-box-3 .btn {
		padding-top: 5px;
	}
	.mod-box-3 .btn:after {
		width: 15px;
		height: 13px;
		margin: 0 0 0 8px;
		background-size: 15px 13px;
	}
	.ie .mod-box-3 .btn:after {
		margin: -5px 0 0 8px;
	}
}

a.mod-box-3 {
	display: block;
	text-decoration: none;
}
@media print, screen and (min-width: 768px) {
	a.mod-box-3:hover {
		cursor: pointer; 

		opacity: 0.7;
	}
}

/*docs
---
title: .mod-box-4
name: mod-box-4
category: module
---
ボックスモジュール　タイプ4

```html
<div class="mod-box-4">
</div>
```
*/
.mod-box-4 {
	padding: 5.33333vw 6.66667vw;
	border-radius: 1.33333vw;
	background: url(/assets/img/bg_stripe_02.png) repeat 0 0;
	background-size: 1.86667vw;
}
.mod-box-4 .title {
	display: block;
	padding: 0 0 2.66667vw;
	border-bottom: 1px solid #898989; 

	color: #898989;
	font-size: 5.33333vw;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.06em;
}
.mod-box-4 .title span {
	font-size: 3.2vw;
}
.mod-box-4 .sup {
	display: block;
	margin: 4vw 0 0;
	font-size: 3.73333vw;
	font-weight: bold;
	text-align: center;
}
.mod-box-4 .description {
	margin: 4vw 0 0;
	font-size: 3.46667vw;
	font-weight: bold;
	line-height: 1.78571;
	text-align: justify; 
	letter-spacing: 0.05em;
}
.mod-box-4 ul {
	margin: 2.66667vw 0 0;
}
.mod-box-4 ul li {
	display: block;
	margin: 1.33333vw 0 0;
	font-size: 3.73333vw;
	font-weight: bold;
	text-align: center;
}
.mod-box-4 .fee {
	display: block;
	margin: 4vw 0 0;
	font-size: 3.73333vw;
	font-weight: bold;
	text-align: center;
}
.mod-box-4 .price {
	font-family: din-2014, sans-serif;
	font-size: 6.4vw;
	font-weight: normal;
}
.mod-box-4 .tax {
	font-size: 2.66667vw;
}
.mod-box-4 .memo {
	margin: 3.33333vw 0 0;
	font-size: 3.73333vw;
	font-weight: bold;
	line-height: 1.3;
	letter-spacing: 0.08em;
}
.mod-box-4 .memo span {
	display: inline-block;
	text-align: justify;
}
@media print, screen and (min-width: 768px) {
	.mod-box-4 {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		padding: 25px 50px 30px;
		border-radius: 5px;
		background-size: 7px;
	}
	.ie11 .mod-box-4 {
		display: block;
	}
	.mod-box-4 .title {
		padding: 0 0 10px;
		font-size: 2.2rem;
	}
	.mod-box-4 .title span {
		font-size: 1.6rem;
	}
	.mod-box-4 .sup {
		margin: 20px 0 0;
		font-size: 1.4rem;
	}
	.mod-box-4 .sup.center span {
		display: inline-block;
		line-height: 1.6;
		text-align: left;
	}
	.mod-box-4 .description {
		flex: 1;
		margin: 20px 0 0;
		font-size: 1.4rem;
	}
	.mod-box-4 ul {
		margin: 15px 0 0;
	}
	.mod-box-4 ul li {
		margin: 2px 0 0;
		font-size: 1.5rem;
	}
	.mod-box-4 .fee {
		margin: 17px 0 0;
		font-size: 1.5rem;
	}
	.mod-box-4 .price {
		font-size: 2.7rem;
	}
	.mod-box-4 .tax {
		font-size: 1.1rem;
	}
	.mod-box-4 .memo {
		margin: 20px 0 0;
		font-size: 1.5rem;
		text-align: center;
	}
}

/*docs
---
title: .mod-btn-contact
name: mod-btn-contact
category: module
---
お問い合わせ用ボタン

```html
<div class="mod-btn-contact">
<a href="DUMMY"><span>採用に関する<br>お申込み・お問合せはこちら</span></a>
</div>
```
*/
.mod-btn-contact {
	margin: 10.66667vw 0 0;
	padding: 0 7.33333vw;
	text-align: center;
}
.mod-btn-contact a {
	display: block;
	position: relative;
	min-height: 13.33333vw;
	padding: 2.4vw 3.46667vw;
	border-radius: 1.33333vw;
	background: #898989;
	color: #fff;
	text-align: left;
	text-decoration: none;
}
.mod-btn-contact a:after {
	content: '';
	display: block;
	position: absolute;
	right: 6.66667vw;
	bottom: 0;
	width: 19.33333vw;
	height: 13.33333vw;
	background: url(/assets/img/img_btn_contact_01.png) no-repeat 0 0;
	background-size: 19.33333vw 13.33333vw;
}
.mod-btn-contact a span {
	display: flex;
	align-items: center;
	height: 100%;
	padding: 2.66667vw 21.33333vw 2.4vw 2.66667vw;
	border: 2px dotted #fff;
	border-radius: 1.33333vw;
	font-size: 3.73333vw;
	font-weight: bold;
	line-height: 1.3;
	text-align: justify;
	white-space: nowrap; 
	letter-spacing: 0.04em;
}
@media print, screen and (min-width: 768px) {
	.mod-btn-contact {
		margin: 100px 0 0;
	}
	.mod-btn-contact a {
		display: inline-block;
		width: 482px;
		min-height: 73px;
		padding: 11px 13px;
		border-radius: 5px;
	}
	.mod-btn-contact a:hover {
		opacity: 0.8;
	}
	.mod-btn-contact a:after {
		right: 42px;
		width: 99px;
		height: 68px;
		background-size: 99px 68px;
	}
	.mod-btn-contact a span {
		padding: 10px 130px 10px 35px;
		border-radius: 5px;
		font-size: 2rem;
	}
	.ie .mod-btn-contact a span {
		padding: 15px 130px 8px 35px;
	}
}

/*docs
---
title: .mod-btn-form
name: mod-btn-form
category: module
---
フォーム送信用ボタン

```html
<div class="mod-btn-form">
<button>入力内容を確認する</button>
</div>
```
*/
.mod-btn-form {
	text-align: center;
}
.mod-btn-form button,
.mod-btn-form a {
	display: inline-flex;
	align-items: center;
	box-sizing: border-box;
	height: 16vw;
	margin: 0;
	margin: 6.66667vw 2.66667vw 0;
	padding: 0;
	padding: 0 5.33333vw;
	border: 0;
	border: 0.53333vw solid #898989;
	border-radius: 0;
	border-radius: 1.33333vw;
	background: none transparent;
	color: inherit;
	color: #898989;
	font-size: inherit;
	font-size: 4vw;
	font-weight: bold;
	line-height: 1.5;
	vertical-align: middle;
	white-space: nowrap; 
	letter-spacing: 0.04em;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}
.mod-btn-form button::-ms-clear,
.mod-btn-form a::-ms-clear {
	display: none;
}
.mod-btn-form button::-ms-reveal,
.mod-btn-form a::-ms-reveal {
	display: none;
}
.mod-btn-form button::-ms-expand,
.mod-btn-form a::-ms-expand {
	display: none;
}
.mod-btn-form button:disabled,
.mod-btn-form a:disabled {
	border-color: rgba(137, 137, 137, 0.5);
	color: rgba(137, 137, 137, 0.5);
}
@media print, screen and (min-width: 768px) {
	.mod-btn-form {
		margin: 80px 0 0;
	}
	.mod-btn-form button,
	.mod-btn-form a {
		height: 73px;
		margin: 25px 15px 0;
		padding: 0 45px;
		border-width: 2px;
		border-radius: 5px;
		font-size: 2rem;
	}
	.ie .mod-btn-form button,
	.ie .mod-btn-form a {
		padding-top: 5px;
	}
	.mod-btn-form button:hover,
	.mod-btn-form a:hover {
		background: #898989;
		color: #fff;
	}
	.mod-btn-form button:disabled:hover,
	.mod-btn-form a:disabled:hover {
		border-color: rgba(137, 137, 137, 0.5);
		background: none;
		color: rgba(137, 137, 137, 0.5);
	}
}
@media print, screen and (min-width: 768px) {
	.block-seminar-form .mod-btn-form {
		margin: 50px 0 0;
	}
}

/*docs
---
title: .mod-list-box
name: mod-list-box
category: module
---
画像付き説明ボックスリスト用ボタン

```html
<ul class="mod-list-box">

<li class="shogun">
<a href="/seminar/shogun/" class="mod-box-3">
<span class="image"></span>
<span class="title" style="height: 48px;">将軍の日<br><span>（5ヶ年計画立案セミナー）</span></span>
<span class="description" style="height: 42px;">5年先の未来を切り開く1日集中型経営戦略セミナー</span>
<div class="target" style="height: 112px;">
<span class="target-title">こんな方が対象です</span>
<ul>

<li>経営理念をつくりたい</li>

<li>会社の輝かしい未来を見たい</li>

<li>5ヶ年の経営計画書を作りたい</li>

</ul>
</div>
</a>
</li>

<li class="onecoin">
<a href="/seminar/onecoin/" class="mod-box-3">
<span class="image"></span>
<span class="title" style="height: 48px;">ワンコインセミナー</span>
<span class="description" style="height: 42px;">税務、経営、おもてなしに関することまで様々なトピックスをお伝えします。</span>
<div class="target" style="height: 112px;">
<span class="target-title">こんな方が対象です</span>
<ul>

<li>創業を考えている、創業まもない方</li>

<li>会計や経営について学びたい</li>

<li>相続や確定申告について困っている</li>

</ul>
</div>
</a>
</li>

</ul>
```
*/
.mod-list-box > li {
	display: block;
	margin: 4vw 0 0;
}

.mod-list-box .mod-box-3 {
	padding: 0 10.13333vw 5.33333vw;
}

.mod-list-box .image {
	display: block;
	position: relative;
	width: 80%;
	height: 0;
	margin: 0 auto;
	padding-top: 80%;
}
.mod-list-box .image:before {
	content: '';
	display: block;
	position: absolute;
	top: -1.33333vw;
	left: -1.33333vw;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
}

.mod-list-box .title {
	font-size: 4.53333vw;
	font-weight: bold;
	line-height: 1.2;
	text-align: justify; 
	letter-spacing: 0.1em;
}
.mod-list-box .title span {
	font-size: 2.93333vw;
	font-weight: normal;
	vertical-align: middle;
}
.mod-list-box .title span.box {
	padding: 0.53333vw 1.33333vw 0.26667vw;
	border: 1px solid #898989;
	border-radius: 1.06667vw;
	font-size: 2.66667vw;
}
.mod-list-box .title:after {
	content: '';
	display: inline-block;
	width: 4vw;
	height: 3.46667vw;
	margin: 0 0 0 1.33333vw;
	background: url(/assets/img/ico_arrow_right_05.png) no-repeat 0 50%;
	background-size: contain;
}

.mod-list-box .description {
	display: block;
	overflow: hidden;
	margin: 2.66667vw 0 1.33333vw;
	font-size: 3.46667vw;
	line-height: 1.5;
	text-align: justify; 
	letter-spacing: 0.05em;
}

.mod-list-box .target {
	display: block;
	clear: both;
	margin: 0;
	padding: 2.66667vw;
	border-radius: 1.33333vw;
	background: #e7f3f9;
}
.mod-list-box .target-title {
	font-size: 3.73333vw;
}
.mod-list-box .target > ul {
	margin: 2vw 0 0;
}
.mod-list-box .target > ul li {
	margin: 0.66667vw 0 0;
	padding-left: 0.5em;
	font-size: 3.2vw;
	line-height: 1.5; 
	text-align: justify;
	text-indent: -0.5em;
}
.mod-list-box .target > ul li:before {
	content: '・';
}
.safari .mod-list-box .target > ul li:before {
	display: inline-block;
	width: 1em;
	text-align: center;
}

@media print, screen and (min-width: 768px) {
	.mod-list-box {
		letter-spacing: -0.4em;
	}
	.mod-list-box > * {
		letter-spacing: normal;
	}
	.mod-list-box > li {
		display: inline-block;
		width: 320px;
		margin: 40px 20px 0;
		vertical-align: top;
	}
	.mod-list-box .mod-box-3 {
		position: relative;
		padding: 0 38px 20px;
		transition: none;
	}
	.mod-list-box .mod-box-3:before,
	.mod-list-box .mod-box-3:after {
		content: '';
		display: block;
		position: absolute;
		width: 0;
		height: 0;
		border-radius: 5px;
		opacity: 0;
		transition: all 0.5s ease-in-out, opacity 0.1s ease-in-out;
	}
	.mod-list-box .mod-box-3:before {
		top: -2px;
		left: -2px;
		border-top: 2px solid #898989;
		border-left: 2px solid #898989;
	}
	.mod-list-box .mod-box-3:after {
		right: -2px;
		bottom: -2px;
		border-right: 2px solid #898989;
		border-bottom: 2px solid #898989;
	}
	.mod-list-box .mod-box-3:hover {
		border-color: rgba(137, 137, 137, 0);
		opacity: 1;
		transition: border-color 0.4s ease-in-out;
	}
	.mod-list-box .mod-box-3:hover:before,
	.mod-list-box .mod-box-3:hover:after {
		width: calc(100% + 4px);
		height: calc(100% + 4px); 

		opacity: 1;
	}
	.mod-list-box .mod-box-3:hover .image:before {
		background-size: 0, contain;
	}
	.mod-list-box .image {
		width: 236px;
		height: 236px;
		margin: 0 auto;
		padding-top: 0;
	}
	.mod-list-box .image:before {
		top: 0;
		left: 0;
		background-size: contain, 0;
	}
	.mod-list-box .title {
		margin: -15px 0 0;
		font-size: 2rem;
	}
	.mod-list-box .title span {
		font-size: 1.6rem;
	}
	.mod-list-box .title span.box {
		padding: 2px 10px;
		border-radius: 4px;
		font-size: 1.2rem;
	}
	.mod-list-box .title:after {
		width: 18px;
		height: 16px;
		margin: 0 0 0 10px;
	}
	.mod-list-box .description {
		margin: 10px 0 0;
		font-size: 1.4rem;
	}
	.mod-list-box .target {
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin: 8px 0 0;
		padding: 15px 20px;
		border-radius: 5px;
	}
	.mod-list-box .target-title {
		font-size: 1.4rem;
	}
	.mod-list-box .target > ul {
		margin: 6px 0 0;
	}
	.mod-list-box .target > ul li {
		margin: 2px 0 0;
		font-size: 1.2rem;
	}
	.safari .mod-list-box .target > ul li:before {
		display: inline;
		width: auto;
	}
}

/*docs
---
title: .mod-form-table
name: mod-form-table
category: module
---
フォームモジュール

```html
<div class="mod-form-table">
</div>
```
*/
.mod-form-table {
	display: block;
	width: 100%;
	font-size: 3.73333vw;
}
.mod-form-table tbody,
.mod-form-table tr,
.mod-form-table th,
.mod-form-table td {
	display: block;
}
.mod-form-table tr {
	border-top: 1px solid rgba(137, 137, 137, 0.5);
}
.mod-form-table tr.error th,
.mod-form-table tr.error td {
	background: rgba(255, 0, 0, 0.15);
}
.mod-form-table th {
	padding: 4vw 0 0;
	font-weight: bold;
}
.mod-form-table th label {
	display: block;
	position: relative;
	white-space: nowrap;
}
.mod-form-table th .require {
	display: inline-flex;
	position: absolute;
	top: -1.33333vw;
	right: 0;
	align-items: center;
	height: 6.66667vw;
	padding: 0 1.86667vw;
	border-radius: 1.33333vw;
	background: #898989;
	color: #fff;
}
.mod-form-table td {
	padding: 3.33333vw 0 4vw;
	word-wrap: break-word; 
	word-break: break-all;
}
.mod-form-table td input,
.mod-form-table td textarea {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: 0;
	border: 1px solid #898989; 
	border-radius: 0;
	background: none transparent;
	color: inherit;
	font-size: inherit;
	vertical-align: middle;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}
.mod-form-table td input::-ms-clear,
.mod-form-table td textarea::-ms-clear {
	display: none;
}
.mod-form-table td input::-ms-reveal,
.mod-form-table td textarea::-ms-reveal {
	display: none;
}
.mod-form-table td input::-ms-expand,
.mod-form-table td textarea::-ms-expand {
	display: none;
}
.mod-form-table td input[type="text"],
.mod-form-table td input[type="tel"],
.mod-form-table td input[type="email"],
.mod-form-table td textarea {
	width: 100%;
	padding: 2vw 2.66667vw;
	background: #fff;
}
.mod-form-table td input[type="text"]:placeholder-shown,
.mod-form-table td input[type="tel"]:placeholder-shown,
.mod-form-table td input[type="email"]:placeholder-shown,
.mod-form-table td textarea:placeholder-shown {
	color: #cfcfcf;
}
.mod-form-table td input[type="text"]::-webkit-input-placeholder,
.mod-form-table td input[type="tel"]::-webkit-input-placeholder,
.mod-form-table td input[type="email"]::-webkit-input-placeholder,
.mod-form-table td textarea::-webkit-input-placeholder {
	color: #cfcfcf;
}
.mod-form-table td input[type="text"]:-moz-placeholder,
.mod-form-table td input[type="tel"]:-moz-placeholder,
.mod-form-table td input[type="email"]:-moz-placeholder,
.mod-form-table td textarea:-moz-placeholder {
	opacity: 1; 

	color: #cfcfcf;
}
.mod-form-table td input[type="text"]::-moz-placeholder,
.mod-form-table td input[type="tel"]::-moz-placeholder,
.mod-form-table td input[type="email"]::-moz-placeholder,
.mod-form-table td textarea::-moz-placeholder {
	opacity: 1; 

	color: #cfcfcf;
}
.mod-form-table td input[type="text"]:-ms-input-placeholder,
.mod-form-table td input[type="tel"]:-ms-input-placeholder,
.mod-form-table td input[type="email"]:-ms-input-placeholder,
.mod-form-table td textarea:-ms-input-placeholder {
	color: #cfcfcf;
}
.mod-form-table td input[type="radio"],
.mod-form-table td input[type="checkbox"] {
	outline: none;
	width: 4vw;
	height: 4vw;
	margin: -0.66667vw 2vw 0 0;
	border: none;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain, 0 0;
}
.mod-form-table td input[type="radio"]:checked,
.mod-form-table td input[type="checkbox"]:checked {
	background-size: 0 0, contain;
}
.mod-form-table td input[type="radio"] {
	background-image: url(/assets/img/bg_radio_01.png), url(/assets/img/bg_radio_02.png);
}
.mod-form-table td input[type="checkbox"] {
	background-image: url(/assets/img/bg_checkbox_01.png), url(/assets/img/bg_checkbox_02.png);
}
.mod-form-table td .radio-reason {
	margin: 2vw 0 0;
	font-weight: bold;
}
.mod-form-table td .radio-reason label {
	display: inline-block;
	position: relative;
	white-space: nowrap;
}
.mod-form-table td .radio-reason label + label {
	margin-left: 5.33333vw;
}
.mod-form-table td .check-service {
	font-weight: bold;
}
.mod-form-table td .check-service label {
	display: block;
	position: relative;
	margin: 3.33333vw 0 0;
}
.mod-form-table td textarea {
	resize: vertical;
	height: 40vw;
	background: #fff;
}
.mod-form-table td select {
	width: 100%;
	padding: 2.66667vw 1.33333vw;
	font-size: 3.73333vw;
}
@media print, screen and (min-width: 768px) {
	.mod-form-table {
		display: table;
		table-layout: fixed;
		font-size: 1.4rem;
	}
	.mod-form-table tbody {
		display: table-row-group;
	}
	.mod-form-table tr {
		display: table-row;
	}
	.mod-form-table th,
	.mod-form-table td {
		display: table-cell;
	}
	.mod-form-table colgroup col:first-child {
		width: 355px;
	}
	.mod-form-table th {
		padding: 21px 0 21px 50px;
		vertical-align: top;
	}
	.mod-form-table th .require {
		top: -4px;
		height: 25px;
		padding: 0 7px;
		border-radius: 5px;
	}
	.ie .mod-form-table th .require {
		padding-top: 5px;
	}
	.mod-form-table td {
		padding: 10px 36px 10px 16px;
	}
	.mod-form-table td input[type="text"],
	.mod-form-table td input[type="tel"],
	.mod-form-table td input[type="email"] {
		padding: 8px 10px;
	}
	.ie .mod-form-table td input[type="text"],
	.ie
	.mod-form-table td input[type="tel"],
	.ie
	.mod-form-table td input[type="email"] {
		padding: 11px 10px 5px;
	}
	.mod-form-table td input[type="radio"],
	.mod-form-table td input[type="checkbox"] {
		width: 15px;
		height: 15px;
		margin: -1px 5px 0 0;
	}
	.ie .mod-form-table td input[type="radio"],
	.ie
	.mod-form-table td input[type="checkbox"] {
		margin-top: -3px;
	}
	.ie .mod-form-table td input[type="radio"] {
		margin-top: -5px;
	}
	.mod-form-table td .radio-reason {
		margin: 14px 0 0;
	}
	.mod-form-table td .radio-reason label + label {
		margin-left: 30px;
	}
	.mod-form-table td .check-service {
		padding: 0 0 14px;
	}
	.mod-form-table td .check-service label {
		margin: 14px 0 0;
	}
	.mod-form-table td textarea {
		height: 200px;
		padding: 8px 10px;
	}
	.ie .mod-form-table td textarea {
		padding: 11px 10px 5px;
	}
	.mod-form-table td select {
		padding: 0;
		font-size: 1.4rem;
	}
}
@media print, screen and (max-width: 767px) {
	.mod-form-table select {
		box-sizing: border-box;
		margin: 0;
		padding: 0;
		border: 0;
		border: 1px solid #898989;
		border-radius: 0;
		border-radius: 1.33333vw;
		background: none transparent;
		background: #fff; 

		color: inherit;
		font-size: inherit;
		vertical-align: middle;
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
	}
	.mod-form-table select::-ms-clear {
		display: none;
	}
	.mod-form-table select::-ms-reveal {
		display: none;
	}
	.mod-form-table select::-ms-expand {
		display: none;
	}
}

/*docs
---
title: .mod-form-error
name: mod-form-error
category: module
---
フォームモジュール

```html
<div class="mod-form-error">
</div>
```
*/
.mod-form-error {
	display: block;
	clear: both;
	margin: 0;
	padding: 2.66667vw;
	border-radius: 1.33333vw;
	background: rgba(255, 0, 0, 0.15);
}
.mod-form-error .title {
	font-size: 3.73333vw;
	font-weight: bold;
}
.mod-form-error > ul {
	margin: 2vw 0 0;
}
.mod-form-error > ul li {
	margin: 0.66667vw 0 0;
	padding-left: 0.5em;
	font-size: 3.2vw;
	line-height: 1.5; 
	text-align: justify;
	text-indent: -0.5em;
}
.mod-form-error > ul li:before {
	content: '・';
}
.safari .mod-form-error > ul li:before {
	display: inline-block;
	width: 1em;
	text-align: center;
}
@media print, screen and (min-width: 768px) {
	.mod-form-error {
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin: 8px 0 0;
		padding: 15px 20px;
		border-radius: 5px;
	}
	.mod-form-error .title {
		font-size: 1.4rem;
	}
	.mod-form-error > ul {
		margin: 6px 0 0;
	}
	.mod-form-error > ul li {
		margin: 2px 0 0;
		font-size: 1.2rem;
	}
	.safari .mod-form-error > ul li:before {
		display: inline;
		width: auto;
	}
}
.mod-2nd-heading2 + .mod-form-error {
	margin: 6.66667vw 0 0;
}
@media print, screen and (min-width: 768px) {
	.mod-2nd-heading2 + .mod-form-error {
		margin: 25px 0 0;
	}
}

/*docs
---
title: .mod-form-lead
name: mod-form-lead
category: module
---
フォームモジュール

```html
<div class="mod-form-lead">
</div>
```
*/
.mod-form-lead {
	margin: 5.33333vw 0 0;
	padding: 0 7.33333vw;
}
.mod-form-lead .lead {
	font-size: 3.73333vw;
	line-height: 1.8;
}
@media print, screen and (min-width: 768px) {
	.mod-form-lead {
		width: 690px; 
		margin: 119px auto 0;
		padding: 0;
	}
	.mod-form-lead .lead {
		font-size: 1.6rem;
		line-height: 1.38889;
		text-align: center;
	}
}

/*docs
---
title: .mod-terms
name: mod-terms
category: module
---
規約文モジュール

```html
<div class="mod-terms">
</div>
```
*/
.mod-terms {
	width: 100%;
	margin: 6.66667vw 0 0;
}
.mod-terms .lead {
	color: #222;
	line-height: 1.5;
}
.mod-terms .privacy {
	overflow-y: auto;
	height: 66.66667vw;
	margin: 2.66667vw 0 0;
	padding: 4vw;
	border: 1px solid #898989;
	line-height: 1.5;
	text-align: justify; 
	letter-spacing: 0.03em;
}
.mod-terms .privacy > *:first-child {
	margin: 0;
}
.mod-terms .privacy p,
.mod-terms .privacy ol {
	margin: 5.33333vw 0 0;
}
.mod-terms .privacy ol {
	padding: 0 0 0 1.25em;
}
.mod-terms .check-terms {
	margin: 6.66667vw 0 0;
	text-align: center;
}
.mod-terms .check-terms label {
	font-weight: bold;
}
.mod-terms input[type="checkbox"] {
	outline: none;
	box-sizing: border-box;
	width: 4vw;
	height: 4vw;
	margin: 0;
	margin: -0.66667vw 2vw 0 0;
	padding: 0;
	border: 0;
	border: none;
	border-radius: 0;
	background: none transparent;
	background-image: url(/assets/img/bg_checkbox_01.png), url(/assets/img/bg_checkbox_02.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain, 0 0; 

	color: inherit;
	font-size: inherit;
	vertical-align: middle;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}
.mod-terms input[type="checkbox"]::-ms-clear {
	display: none;
}
.mod-terms input[type="checkbox"]::-ms-reveal {
	display: none;
}
.mod-terms input[type="checkbox"]::-ms-expand {
	display: none;
}
.mod-terms input[type="checkbox"]:checked {
	background-size: 0 0, contain;
}
@media print, screen and (max-width: 767px) {
	.mod-terms .privacy::-webkit-scrollbar {
		width: 1.33333vw;
	}
	.mod-terms .privacy::-webkit-scrollbar-track {
		border-radius: 1.33333vw;
		background: rgba(0, 0, 0, 0.1);
	}
	.mod-terms .privacy::-webkit-scrollbar-thumb {
		border-radius: 1.33333vw;
		background: rgba(0, 0, 50, 0.5);
	}
}
@media print, screen and (min-width: 768px) {
	.mod-terms {
		margin: 85px 0 0;
	}
	.mod-terms .privacy {
		height: 225px;
		margin: 10px 0 0;
		padding: 25px 38px;
	}
	.mod-terms .privacy p,
	.mod-terms .privacy ol {
		margin: 25px 0 0;
	}
	.mod-terms .privacy ol {
		padding: 0 0 0 1.5em;
	}
	.mod-terms input[type="checkbox"] {
		width: 15px;
		height: 15px;
		margin: -1px 5px 0 0;
	}
	.ie .mod-terms input[type="checkbox"] {
		margin-top: -5px;
	}
	.mod-terms .check-terms {
		margin: 30px 0 0;
	}
}

/*docs
---
title: .mod-flow
name: mod-flow
category: module
---
流れモジュール

```html
<div class="mod-flow">
</div>
```
*/
.mod-flow {
	margin: 6.66667vw 0 0;
}
.mod-flow h3 {
	margin: 12vw 0 0;
	color: #898989;
	font-size: 4.8vw;
	font-weight: bold;
	letter-spacing: 0.04em;
}
.mod-flow h3:first-child {
	margin: 0;
}
.mod-flow-box {
	position: relative;
	margin: 2.66667vw 0 0;
	border: 0.4vw solid #898989;
	border-radius: 1.33333vw;
}
.mod-flow-box-inner {
	position: relative;
	min-height: 13.33333vw;
	padding: 2.66667vw 6.66667vw;
}
.result .mod-flow-box-inner.columns {
	padding: 12vw 6.66667vw 6vw;
}
.result .mod-flow-box-inner.center {
	padding: 10.93333vw 6.66667vw 5.33333vw;
}
.mod-flow-box-inner.number {
	display: flex;
	padding: 2.66667vw 4vw;
}
.mod-flow-box-inner.number .text {
	margin: 0 0 0 2.66667vw;
}
.mod-flow-box-inner.success .title span {
	display: block;
	padding-bottom: 1.33333vw;
	border-bottom: 0.53333vw solid #fedd4a;
	font-size: 4.8vw;
	line-height: 1.3;
}
.mod-flow-box-inner.success figure {
	text-align: center;
}
.mod-flow-box-inner.success .text-area p {
	line-height: 1.78571;
	letter-spacing: 0.05em;
}
.mod-flow-box.arrow:before,
.mod-flow-box.arrow-l:before,
.mod-flow-box.result:before {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
}
.mod-flow-box.arrow {
	margin: 10.66667vw 0 0;
}
.mod-flow-box.arrow:before {
	top: -7.2vw;
	width: 7.46667vw;
	height: 3.2vw;
	margin: 0 0 0 -3.73333vw;
	background: url(/assets/img/ico_arrow_flow_01.png) no-repeat 50% 100%;
	background-size: contain;
}
.mod-flow-box.arrow-l:before,
.mod-flow-box.result:before {
	top: -16vw;
	width: 7.46667vw;
	height: 12vw;
	margin: 0 0 0 -3.73333vw;
	background: url(/assets/img/ico_arrow_flow_02.png) no-repeat 50% 100%;
	background-size: contain;
}
.mod-flow-box.arrow-l {
	margin: 20vw 0 0;
}
h3 + .mod-flow-box.arrow-l {
	margin: 2.66667vw 0 0;
}
.mod-flow-box.result {
	margin: 20vw 0 0;
}
.mod-flow-box.result:after {
	content: '';
	display: block;
	position: absolute;
	top: -16vw;
	left: -8.66667vw;
	width: 34.4vw;
	height: 33.06667vw;
	background: url(/assets/img/img_service_flow_02.png) no-repeat 0 0;
	background-size: contain;
}
.mod-flow-box.current {
	background-color: #fffde5;
}
.mod-flow-box h4,
.mod-flow-box .title {
	color: #898989;
	font-size: 5.33333vw;
	font-weight: bold;
	letter-spacing: 0.04em;
}
.mod-flow-box h4 span,
.mod-flow-box .title span {
	font-family: din-2014, sans-serif;
	font-size: 5.86667vw;
}
.mod-flow-box-trigger {
	outline: none;
	position: absolute;
	top: 2vw;
	right: 2vw;
	box-sizing: border-box;
	width: 8vw;
	height: 8vw;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none transparent;
	background: url(/assets/img/ico_arrow_circle_01.png) no-repeat 50% 50%;
	background-size: contain;
	color: inherit;
	font-size: inherit;
	vertical-align: middle;
	transition: -webkit-transform 0.3;
	transition: transform 0.3;
	transition: transform 0.3, -webkit-transform 0.3; 
	-webkit-transform: rotateZ(180deg);
	transform: rotateZ(180deg);
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}
.mod-flow-box-trigger::-ms-clear {
	display: none;
}
.mod-flow-box-trigger::-ms-reveal {
	display: none;
}
.mod-flow-box-trigger::-ms-expand {
	display: none;
}
.is-active .mod-flow-box-trigger {
	-webkit-transform: rotateZ(0);
	transform: rotateZ(0);
}
.mod-flow-box-target {
	display: none;
}
.mod-flow-box-target > *:first-child {
	padding-top: 5.33333vw;
}
.mod-flow-box p {
	margin: 1.6vw 0 0;
	line-height: 1.42857;
	text-align: justify; 
	letter-spacing: 0.03em;
}
.mod-flow-box ul {
	margin: 1.6vw 0 0;
}
.mod-flow-box ul li {
	margin: 1.6vw 0 0;
	padding-left: 1em;
	line-height: 1.42857;
	text-indent: -1em;
}
.mod-flow-box ul.dot li {
	padding-left: 0.5em;
	text-indent: -0.5em;
}
.mod-flow-box ul.dot li:before {
	content: '・';
}
.mod-flow-box ul.circle li {
	margin: 1.86667vw 0 0;
	padding: 0 0 0 4.8vw;
	background: url(/assets/img/ico_dot_02.png) no-repeat 0 1.6vw;
	background-size: 4vw;
	font-weight: bold;
	line-height: 2;
	text-align: justify;
	text-indent: 0;
}
.mod-flow-box ol {
	list-style-type: none; 

	margin: 1.6vw 0 0;
}
.mod-flow-box ol li {
	margin: 1.6vw 0 0;
	padding-left: 1em;
	line-height: 1.42857;
	text-indent: -1em;
}
.mod-flow-box .time {
	display: inline-block;
	position: relative;
	padding: 0 0 0 1.33333vw;
	color: #898989;
	font-family: din-2014, sans-serif;
	font-size: 5.86667vw;
	font-weight: bold;
	vertical-align: middle; 
	letter-spacing: 0.08em;
}
.mod-flow-box .time:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: -4.66667vw;
	width: 4.8vw;
	height: 4.8vw;
	margin: -2.4vw 0 0;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
}
.mod-flow-box .time-1000:before {
	background-image: url(/assets/img/ico_clock_1000.png);
}
.mod-flow-box .time-1020:before {
	background-image: url(/assets/img/ico_clock_1020.png);
}
.mod-flow-box .time-1130:before {
	background-image: url(/assets/img/ico_clock_1130.png);
}
.mod-flow-box .time-1230:before {
	background-image: url(/assets/img/ico_clock_1230.png);
}
.mod-flow-box .time-1315:before {
	background-image: url(/assets/img/ico_clock_1315.png);
}
.mod-flow-box .time-1700:before {
	background-image: url(/assets/img/ico_clock_1700.png);
}
.mod-flow-box .time-1830:before {
	background-image: url(/assets/img/ico_clock_1830.png);
}
.mod-flow-box .category {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 35.73333vw;
	height: 7.46667vw;
	margin: 0 0 0 4vw;
	border-radius: 1.33333vw;
	background: url(/assets/img/bg_stripe_02.png) repeat 0 0;
	background-size: 1.86667vw;
	color: #898989;
	font-size: 4.26667vw;
	font-weight: bold;
	text-align: justify;
	vertical-align: middle; 
	letter-spacing: 0.1em;
}
.mod-flow-box .text {
	display: block;
	margin: 2.66667vw 0 0;
	font-size: 3.73333vw;
	line-height: 1.7;
	letter-spacing: 0.05em;
}
.mod-flow-box .text .price {
	font-family: din-2014, sans-serif;
	font-size: 6.4vw;
	font-weight: normal;
}
.mod-flow-box .text .tax {
	font-size: 2.66667vw;
}
.mod-flow-box .num {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 7.46667vw;
	min-width: 7.46667vw;
	max-width: 7.46667vw;
	height: 7.46667vw;
	min-height: 7.46667vw;
	max-height: 7.46667vw;
	border-radius: 50%;
	background: #fedd4a;
	color: #898989;
	font-family: din-2014, sans-serif;
	font-size: 5.06667vw;
	font-weight: bold;
	vertical-align: middle;
}
.mod-flow-box .num + .text {
	display: flex;
	align-items: center;
}
.mod-flow-box figure {
	padding: 1.33333vw 0;
}
.mod-flow-box figure img {
	max-width: 100%;
}
.mod-flow-box .progress {
	color: #898989;
	font-size: 4.8vw;
	font-weight: bold;
	letter-spacing: 0.04em;
}
@media print, screen and (min-width: 768px) {
	.mod-flow {
		margin: 35px 0 0;
	}
	.mod-flow *:first-child {
		margin: 0;
	}
	.mod-flow h3 {
		margin: 34px 0 18px;
		font-size: 2rem;
	}
	.mod-flow-box {
		margin: 12px 0 0;
		border-width: 2px;
		border-radius: 5px;
	}
	.mod-flow-box-inner {
		min-height: 50px;
		padding: 10px 32px;
	}
	.mod-flow-box-inner *:first-child {
		margin-top: 0;
	}
	.result .mod-flow-box-inner.columns {
		padding: 45px 20px 45px 45px;
	}
	.result .mod-flow-box-inner.columns ul {
		-webkit-columns: 2;
		columns: 2;
		-webkit-column-gap: 10px;
		column-gap: 10px;
	}
	.result .mod-flow-box-inner.center {
		padding: 26px 20px;
		text-align: center;
	}
	.result .mod-flow-box-inner.center .text {
		display: inline-block;
		text-align: left;
	}
	.mod-flow-box-inner.number {
		display: flex;
		padding: 10px 15px;
	}
	.mod-flow-box-inner.number .text {
		margin: 0 0 0 10px;
	}
	.mod-flow-box-inner.period {
		display: flex;
		align-items: center;
	}
	.mod-flow-box-inner.curriculum {
		padding: 13px 32px 10px;
	}
	.mod-flow-box-inner.curriculum .progress {
		vertical-align: middle;
	}
	.mod-flow-box-inner.curriculum .text {
		margin-left: 40px;
	}
	.mod-flow-box-inner.plan {
		padding: 12px 60px;
	}
	.mod-flow-box-inner.plan .title {
		margin: 0 0 15px;
	}
	.mod-flow-box-inner.plan ul {
		padding-left: 0.5em;
		text-indent: -0.5em;
	}
	.mod-flow-box-inner.success {
		padding: 20px 85px;
	}
	.mod-flow-box-inner.success .title {
		text-align: center;
	}
	.mod-flow-box-inner.success .title span {
		display: inline-block;
		padding-bottom: 10px;
		border-width: 2px;
		font-size: 2rem;
	}
	.mod-flow-box-inner.success .text-area {
		margin: 12px 0 0;
	}
	.mod-flow-box-inner.success .text-area.columns {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.mod-flow-box-inner.success .text-area.columns p {
		width: 410px;
		min-width: 410px;
		max-width: 410px;
		text-align: justify;
	}
	.mod-flow-box-inner.success .text-area.columns figure {
		width: 186px;
		min-width: 180px;
		max-width: 180px;
		padding: 0;
	}
	.mod-flow-box.arrow {
		margin: 40px 0 0;
	}
	.mod-flow-box.arrow:before {
		top: -27px;
		width: 28px;
		height: 12px;
		margin: 0 0 0 -14px;
	}
	.mod-flow-box.arrow-l:before,
	.mod-flow-box.result:before {
		top: -60px;
		width: 28px;
		height: 45px;
		margin: 0 0 0 -14px;
	}
	.mod-flow-box.arrow-l {
		margin: 74px 0 0;
	}
	h3 + .mod-flow-box.arrow-l {
		margin: 12px 0 0;
	}
	.mod-flow-box.result {
		margin: 74px 0 0;
	}
	.mod-flow-box.result:after {
		top: -52px;
		left: -37px;
		width: 129px;
		height: 124px;
	}
	.mod-flow-box h4,
	.mod-flow-box .title {
		font-size: 2rem;
	}
	.mod-flow-box h4 span,
	.mod-flow-box .title span {
		font-size: 2.2rem;
	}
	.mod-flow-box-trigger {
		top: 10px;
		right: 20px;
		width: 30px;
		height: 30px;
	}
	.mod-flow-box-target > *:first-child {
		padding-top: 20px;
	}
	.mod-flow-box-target.indent {
		padding-left: 132px;
	}
	.curriculum .mod-flow-box-target.indent {
		padding-left: 90px;
	}
	.mod-flow-box p {
		margin: 6px 0 0;
	}
	.mod-flow-box ul {
		margin: 6px 0 0;
	}
	.mod-flow-box ul li {
		margin: 6px 0 0;
	}
	.mod-flow-box ul.circle {
		display: inline-block;
	}
	.mod-flow-box ul.circle li {
		margin: 2px 0 0;
		padding: 0 0 0 18px;
		background-position: 0 6px;
		background-size: 15px;
	}
	.mod-flow-box ol {
		margin: 6px 0 0;
	}
	.mod-flow-box ol li {
		margin: 6px 0 0;
	}
	.mod-flow-box .time {
		padding: 0 0 0 5px;
		font-size: 2.2rem;
	}
	.mod-flow-box .time:before {
		left: -20px;
		width: 18px;
		height: 18px;
		margin: -9px 0 0;
	}
	.mod-flow-box .category {
		width: 134px;
		height: 28px;
		margin: 0 0 0 32px;
		border-radius: 5px;
		background-size: 7px;
		font-size: 1.6rem;
	}
	.mod-flow-box .text {
		display: inline;
		margin: 0 0 0 12px;
		font-size: 1.4rem;
		vertical-align: middle;
	}
	.mod-flow-box .text .price {
		font-size: 2.7rem;
	}
	.mod-flow-box .text .tax {
		font-size: 1.1rem;
	}
	.mod-flow-box .num {
		width: 28px;
		min-width: 28px;
		max-width: 28px;
		height: 28px;
		min-height: 28px;
		max-height: 28px;
		font-size: 1.9rem;
	}
	.mod-flow-box figure {
		padding: 0 0 25px;
	}
	.mod-flow-box .progress {
		width: 210px;
		min-width: 210px;
		max-width: 210px;
		font-size: 1.8rem;
	}
}

/*docs
---
title: .mod-voice
name: mod-voice
category: module
---
受講者の声モジュール

```html
<div class="mod-voice">
</div>
```
*/
.mod-voice {
	margin: 6.66667vw 0 0;
}
.mod-voice-inner {
	margin: 8vw 0 0;
}
.mod-voice-inner:before {
	content: '';
	display: block;
	width: 48vw;
	min-width: 48vw;
	max-width: 48vw;
	height: 66.66667vw;
	min-height: 66.66667vw;
	max-height: 66.66667vw;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
}
.mod-voice-inner.male-1:before {
	background-image: url(/assets/img/img_service_voice_02.png);
}
.mod-voice-inner.male-2:before {
	background-image: url(/assets/img/img_service_voice_03.png);
}
.mod-voice-inner.male-3:before {
	background-image: url(/assets/img/img_service_voice_04.png);
}
.mod-voice-content {
	position: relative;
	flex: 1;
	padding: 6.66667vw 8.8vw;
	border-radius: 1.33333vw;
	background: #fffde5;
}
.mod-voice-content h3 {
	color: #898989;
	font-size: 4.26667vw;
	font-weight: bold;
	line-height: 1.33333;
	text-align: justify; 
	letter-spacing: 0.06em;
}
.mod-voice-content .name {
	display: block;
	margin: 2.66667vw 0 0;
	color: #898989;
	font-size: 4.26667vw;
}
.mod-voice-content p {
	margin: 3.73333vw 0 0;
	padding: 3.33333vw 0 0;
	border-top: 0.53333vw dashed #898989;
	font-size: 24;
	line-height: 1.5;
	text-align: justify; 
	letter-spacing: 0.05em;
}
@media print, screen and (min-width: 768px) {
	.mod-voice {
		margin: 35px 0 0;
	}
	.mod-voice-inner {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 30px 0 0;
	}
	.mod-voice-inner:before {
		width: 180px;
		min-width: 180px;
		max-width: 180px;
		height: 250px; 
		min-height: 250px;
		max-height: 250px;
	}
	.mod-voice-inner:nth-child(2n):before {
		order: 2;
	}
	.mod-voice-inner:nth-child(2n) .mod-voice-content {
		order: 1;
		margin: 0 25px 0 0;
	}
	.mod-voice-inner:nth-child(2n) .mod-voice-content:before {
		right: -24px;
		left: auto;
		-webkit-transform: rotateY(180deg);
		transform: rotateY(180deg);
	}
	.mod-voice-content {
		margin: 0 0 0 25px;
		padding: 34px 44px;
		border-radius: 5px;
	}
	.mod-voice-content:before {
		content: '';
		display: block;
		position: absolute;
		bottom: 50px;
		left: -24px;
		width: 25px;
		height: 30px;
		background: url(/assets/img/bg_fukidashi_01.png) no-repeat 0 0;
		background-size: contain;
	}
	.mod-voice-content h3 {
		font-size: 1.8rem;
	}
	.mod-voice-content .name {
		margin: 10px 0 0;
		font-size: 1.6rem;
	}
	.mod-voice-content p {
		margin: 14px 0 0;
		padding: 15px 0 0;
		border-width: 2px;
		font-size: 1.4rem;
		line-height: 1.78571;
	}
}

/*docs
---
title: .mod-main-visual
name: mod-main-visual
category: module
---
トップページメインビジュアル用モジュール。

```html
<div class="mod-main-visual">
<div class="mod-main-visual-inner">
<div class="mod-main-visual-slide">
<figure>
<img src="/assets/img/slide_top_01_sp.jpg" alt="安心を与える事務所をめざして。" class="is-pc-hide">
<img src="/assets/img/slide_top_01_pc.jpg" alt="安心を与える事務所をめざして。" class="is-sp-hide">
</figure>
</div><!-- /.mod-main-visual-slide -->
<div class="mod-main-visual-slide">
<figure>
<img src="http://placehold.jp/aa3d70/ffffff/750x750.png" alt="それぞれの部門に スペシャリストがいること、それが私たちの特徴です。" class="is-pc-hide">
<img src="http://placehold.jp/aa3d70/ffffff/2680x1205.png" alt="それぞれの部門に スペシャリストがいること、それが私たちの特徴です。" class="is-sp-hide">
</figure>
</div><!-- /.mod-main-visual-slide -->
<div class="mod-main-visual-slide">
<figure>
<img src="http://placehold.jp/40703d/ffffff/750x750.png" alt="それらの力を ひとつにすることで、 事業の規模や分野に 縛られることなく、" class="is-pc-hide">
<img src="http://placehold.jp/40703d/ffffff/2680x1205.png" alt="それらの力を ひとつにすることで、 事業の規模や分野に 縛られることなく、" class="is-sp-hide">
</figure>
</div><!-- /.mod-main-visual-slide -->
<div class="mod-main-visual-slide">
<figure>
<img src="http://placehold.jp/3d4070/ffffff/750x750.png" alt="あらゆるお客様に 質の高い安心を ご提供しています。" class="is-pc-hide">
<img src="http://placehold.jp/3d4070/ffffff/2680x1205.png" alt="あらゆるお客様に 質の高い安心を ご提供しています。" class="is-sp-hide">
</figure>
</div><!-- /.mod-main-visual-slide -->
</div><!-- /.mod-main-visual-inner -->
</div><!-- /.mod-main-visual -->
```
*/
.mod-main-visual img {
	width: 100%;
}

.mod-main-visual .slick-list {
	z-index: 1;
}

.mod-main-visual .slick-arrow {
	outline: none; 

	position: absolute;
	z-index: 2;
	top: 50%;
	overflow: hidden;
	box-sizing: border-box;
	width: 5.33333vw;
	height: 13.6vw;
	margin: 0;
	margin: -6.8vw 0 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none transparent;
	background: url(/assets/img/ico_arrow_left_01.png) no-repeat 50% 50%;
	background-size: 3.2vw;
	color: inherit;
	font-size: inherit;
	vertical-align: middle;
	white-space: nowrap;
	text-indent: 200%;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}
.mod-main-visual .slick-arrow::-ms-clear {
	display: none;
}
.mod-main-visual .slick-arrow::-ms-reveal {
	display: none;
}
.mod-main-visual .slick-arrow::-ms-expand {
	display: none;
}
.mod-main-visual .slick-arrow.slick-prev {
	left: 3.2vw;
}
.mod-main-visual .slick-arrow.slick-next {
	right: 3.2vw;
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
.ios .mod-main-visual .slick-arrow.slick-next {
	-webkit-transform: rotateZ(180deg);
	transform: rotateZ(180deg);
}

.mod-main-visual .slick-dots {
	position: absolute;
	z-index: 3; 
	right: 4.4vw;
	bottom: 2.93333vw;
	letter-spacing: -0.4em;
}
.mod-main-visual .slick-dots > * {
	letter-spacing: normal;
}
.mod-main-visual .slick-dots li {
	display: inline-block;
}
.mod-main-visual .slick-dots li button {
	outline: none; 

	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	width: 4.8vw;
	height: 4.8vw;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none transparent;
	color: inherit;
	font-size: inherit;
	vertical-align: middle;
	white-space: nowrap;
	text-indent: 200%;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}
.mod-main-visual .slick-dots li button::-ms-clear {
	display: none;
}
.mod-main-visual .slick-dots li button::-ms-reveal {
	display: none;
}
.mod-main-visual .slick-dots li button::-ms-expand {
	display: none;
}
.mod-main-visual .slick-dots li button:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 2.13333vw;
	height: 2.13333vw;
	margin: -1.06667vw 0 0 -1.06667vw;
	border-radius: 8px;
	background: #bfbfbf;
}
.mod-main-visual .slick-dots li.slick-active button:before {
	background: #fedd4a;
}

@media print, screen and (min-width: 768px) {
	.mod-main-visual .slick-arrow {
		width: 40px;
		height: 102px;
		margin: -51px 0 0;
		background-size: 14px auto;
	}
	.mod-main-visual .slick-arrow.slick-prev {
		left: 22px;
	}
	.mod-main-visual .slick-arrow.slick-next {
		right: 22px;
	}
	.mod-main-visual .slick-dots {
		right: 35px;
		bottom: 30px;
	}
	.mod-main-visual .slick-dots li button {
		width: 24px;
		height: 24px;
	}
	.mod-main-visual .slick-dots li button:before {
		width: 10px;
		height: 10px;
		margin: -5px 0 0 -5px;
		border-radius: 5px;
	}
}

/*docs
---
title: .mod-top-news
name: mod-top-news
category: module
---
トップページニュース用モジュール。

```html
<div class="mod-top-news">
<div class="mod-top-news-inner">
<h2 class="mod-top-news-heading">最新情報・セミナーのお知らせ</h2>
<ul class="mod-top-news-list">
<li><time datetime="2018-01-18">2018.01.18</time><span class="category">ブログ</span><span class="title"><a href="DUMMY">三渓園！！</a></span></li>
<li><time datetime="2018-01-11">2018.01.11</time><span class="category">ブログ</span><span class="title"><a href="DUMMY">発表会</a></span></li>
<li><time datetime="2017-12-28">2017.12.28</time><span class="category">ブログ</span><span class="title"><a href="DUMMY">南極・北極科学館</a></span></li>
<li><time datetime="2017-12-25">2017.12.25</time><span class="category">お知らせ</span><span class="title"><a href="DUMMY">年末年始の営業日について</a></span></li>
<li><time datetime="2017-12-01">2017.12.01</time><span class="category">セミナー</span><span class="title"><a href="DUMMY">1月25日「相続専門税理士に学ぶ　かしこい「生前贈与」のコツ」</a></span></li>
</ul>
<span class="mod-top-news-more"><a href="/news/">もっと見る</a></span>
</div><!-- /.mod-top-news-inner -->
</div><!-- /.mod-top-news -->
```
*/
.mod-top-news {
	padding: 10.4vw 7.33333vw 0;
	font-size: 3.73333vw;
}
.mod-top-news-heading {
	position: relative;
	padding: 0 0 0 5.33333vw;
	color: #898989;
	font-size: 4.46667vw;
}
.mod-top-news-heading:before {
	content: '';
	display: block;
	position: absolute;
	top: 0.4vw;
	left: 0;
	width: 2.93333vw;
	height: 4.26667vw;
	background: url(/assets/img/ico_drop_01.png) no-repeat 0 0;
	background-size: 2.93333vw 4.26667vw;
}
.mod-top-news-list {
	margin: 5.33333vw 0 0;
}
.mod-top-news-list li {
	display: block;
	position: relative;
	margin: 2.66667vw 0 0;
	padding: 0 0 0 22.66667vw;
}
.mod-top-news-list time {
	position: absolute;
	top: 0;
	left: 0;
	color: #898989;
	line-height: 1.6;
}
.mod-top-news-list .category {
	display: inline-flex;
	position: relative;
	top: 2px;
	justify-content: center;
	align-items: center;
	min-width: 20vw;
	height: 5.06667vw;
	border-radius: 1.33333vw;
	background: #898989;
	color: #fff;
	text-align: center;
	white-space: nowrap;
}
.mod-top-news-list .title {
	display: block;
	margin: 1.86667vw 0 0;
	text-align: justify;
}
.mod-top-news-list .title a {
	line-height: 1.6;
	text-align: justify;
	text-decoration: none;
}
.mod-top-news-more {
	display: block;
	margin: 6.66667vw 0 0;
	padding: 0 0 0 22.66667vw;
}
.mod-top-news-more a {
	display: inline-flex;
	position: relative;
	justify-content: center;
	align-items: center;
	width: 40vw;
	height: 6.93333vw;
	border: 0.4vw solid #898989;
	border-radius: 1.33333vw;
	font-size: 3.73333vw;
	line-height: 1;
	white-space: nowrap;
	text-decoration: none;
}
.mod-top-news-more a:after {
	content: '';
	display: inline-block;
	width: 2.13333vw;
	height: 3.2vw;
	margin: 0 0 0 4.8vw;
	background: url(/assets/img/ico_arrow_right_01.png) no-repeat 0 0;
	background-size: 2.13333vw 3.2vw;
	vertical-align: middle;
}
@media print, screen and (min-width: 768px) {
	.mod-top-news {
		padding: 122px 0 0;
		font-size: 1.4rem;
	}
	.mod-top-news-inner {
		width: 670px;
		margin: 0 auto;
	}
	.mod-top-news-heading {
		padding: 0 0 0 25px;
		font-size: 2rem;
	}
	.mod-top-news-heading:before {
		top: 3px;
		width: 14px;
		height: 19px;
		background-size: 14px 19px;
	}
	.win .mod-top-news-heading:before {
		top: 1px;
	}
	.ie .mod-top-news-heading:before {
		top: -3px;
	}
	.mod-top-news-list {
		margin: 38px 0 0;
	}
	.mod-top-news-list li {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		margin: 12px 0 0;
		padding: 0;
	}
	.mod-top-news-list time {
		position: static;
		width: 105px; 
		min-width: 105px;
		max-width: 105px;
	}
	.mod-top-news-list .category {
		width: 76px;
		min-width: 76px;
		max-width: 76px;
		height: 19px;
		border-radius: 5px;
	}
	.ie .mod-top-news-list .category {
		position: relative;
		top: -1px;
		padding-top: 5px;
	}
	.mod-top-news-list .title {
		flex: 1;
		margin: 0 0 0 28px;
	}
	.mod-top-news-list .title:hover {
		opacity: 1;
		text-decoration: underline;
	}
	.mod-top-news-more {
		margin: 32px 0 0;
		padding: 0;
		text-align: center;
	}
	.mod-top-news-more a {
		display: inline-block;
		width: auto;
		height: auto;
		border: none;
		font-size: 1.4rem;
		text-decoration: none;
	}
	.mod-top-news-more a:after {
		position: relative;
		top: -2px;
		width: 8px;
		height: 12px;
		margin: 0 0 0 18px;
		background-size: 8px 12px;
	}
	.mod-top-news-more a:hover {
		opacity: 1;
		text-decoration: underline;
	}
}

/*docs
---
title: .mod-top-description
name: mod-top-description
category: module
---
トップページニュース用モジュール。

```html
<div class="mod-top-description">
<div class="mod-top-description-inner">
<div class="l-box-cols">
<div class="l-box-cols-inner">
<a class="mod-box-1">
<figure>
<img src="/assets/img/ph_top_description_01.jpg" alt="">
</figure>
<span class="title">税務・会計について</span>
<p class="text">個人の確定申告、企業の会計から経営相談まで、お客様にフィットする、わかりやすいサービスをご用意しています。</p>
</a><!-- /.mod-box-1 -->
</div><!-- /.l-box-cols-inner -->
<div class="l-box-cols-inner">
<a class="mod-box-1">
<figure>
<img src="/assets/img/ph_top_description_02.jpg" alt="">
</figure>
<span class="title">資産・相続について</span>
<p class="text">資産・相続のスペシャリストだからご提供できる、質の高いサービスと、ゆるぎない安心感をお約束いたします。</p>
</a><!-- /.mod-box-1 -->
</div><!-- /.l-box-cols-inner -->
<div class="l-box-cols-inner">
<a class="mod-box-1 half">
<span class="title">ご相談をご希望の方へ</span>
<p class="text">税務や資産に関するご相談はこちらからお願いいたします。お気軽にご相談ください。</p>
</a><!-- /.mod-box-1 -->
<a class="mod-box-1 half">
<span class="title">採用情報</span>
<p class="text">弓家田・富山事務所では、共に働いてくれる優秀な人材を求めています。</p>
</a><!-- /.mod-box-1 -->
</div><!-- /.l-box-cols-inner -->
</div><!-- /.l-box-cols -->
</div><!-- /.mod-top-description-inner -->
</div><!-- /.mod-top-description -->
```
*/
.mod-top-description {
	margin: 13.33333vw 0 0;
}
.mod-top-description-inner {
	padding: 0 7.33333vw;
}
.mod-top-description .mod-box-1 {
	background: rgba(137, 137, 137, 0.2); 

	color: #898989;
}
.mod-top-description .mod-box-1-inner {
	border-color: #898989;
}
.mod-top-description .mod-box-1 .title:before {
	background: url(/assets/img/ico_drop_02.png) no-repeat 0 0, url(/assets/img/ico_drop_01.png) no-repeat 0 0;
	background-size: 0 0, 2.93333vw 4vw;
}
.mod-top-description .mod-box-1.half:before {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
}
.mod-top-description .mod-box-1.half .text {
	padding-right: 13.33333vw;
}
.mod-top-description .mod-box-1.half:first-child:before {
	right: 2.66667vw;
	width: 21.33333vw;
	height: 20vw;
	background: url(/assets/img/img_top_description_01.png) no-repeat 0 0;
	background-size: 21.33333vw 20vw;
}
.mod-top-description .mod-box-1.half:last-child:before {
	right: 5.06667vw;
	width: 16vw;
	height: 25.86667vw;
	background: url(/assets/img/img_top_description_02.png) no-repeat 0 0;
	background-size: 16vw 25.86667vw;
}
@media print, screen and (min-width: 768px) {
	.mod-top-description {
		margin: 90px 0 0;
	}
	.mod-top-description-inner {
		width: 1024px;
		margin: 0 auto;
		padding: 0;
	}
	.mod-top-description .mod-box-1 {
		height: 350px;
	}
	.mod-top-description .mod-box-1 .title:before {
		background-size: 0 0, 13px 18px;
	}
	.mod-top-description .mod-box-1.half {
		height: 165px;
	}
	.mod-top-description .mod-box-1.half .text {
		padding-right: 76px;
	}
	.mod-top-description .mod-box-1.half:first-child:before {
		right: 33px;
		width: 80px;
		height: 75px;
		background-size: 80px 75px;
	}
	.mod-top-description .mod-box-1.half:last-child:before {
		right: 41px;
		width: 60px;
		height: 97px;
		background-size: 60px 97px;
	}
	.mod-top-description .mod-box-1:hover {
		background: #898989;
		opacity: 1; 

		color: #fff;
	}
	.mod-top-description .mod-box-1:hover .mod-box-1-inner {
		border-color: #fff;
	}
	.mod-top-description .mod-box-1:hover .title:before {
		background-size: 13px 18px, 0 0;
	}
}

/*docs
---
title: .mod-imageflow
name: mod-imageflow
category: module
---
トップページ画像ループスライダー用モジュール。

```html
<div class="mod-imageflow">
<ul>
<li><img src="/assets/img/ph_imageflow_01.jpg" alt=""></li>
<li><img src="/assets/img/ph_imageflow_02.jpg" alt=""></li>
<li><img src="/assets/img/ph_imageflow_03.jpg" alt=""></li>
<li><img src="/assets/img/ph_imageflow_04.jpg" alt=""></li>
</ul>
</div><!-- /.mod-imageflow -->
```
*/
.mod-imageflow {
	overflow: hidden;
	height: 54.93333vw;
	margin: 19.46667vw 0 0;
}
.mod-imageflow ul li {
	width: 75.73333vw;
	margin: 0 -0.26667vw;
}
.mod-imageflow ul li img {
	visibility: hidden;
	width: 100%;
	height: 100%;
}
@media print, screen and (min-width: 768px) {
	.mod-imageflow {
		height: 243px;
		margin: 142px 0 0;
	}
	.mod-imageflow ul li {
		width: 335px;
		margin: 0;
	}
}

/*docs
---
title: .mod-2nd-visual
name: mod-2nd-visual
category: module
---
第2階層タイトル＋ビジュアル用モジュール。

```html
<div class="mod-2nd-visual about">
<div class="mod-2nd-visual-text">
<div class="mod-2nd-visual-text-inner">
<h1 class="title">わたしたちについて<span>ABOUT US</span></h1>
<p class="text">税理士法人弓家田・富山事務所と株式会社クイック・ワーカーは<br>グループとしてみなさまに笑顔をお届けします。</p>
</div><!-- /.mod-2nd-visual-text-inner -->
</div><!-- /.mod-2nd-visual-text -->
<div class="mod-2nd-visual-image">
<img src="/assets/img/ph_about_visual_01.png" alt="">
</div><!-- /.mod-2nd-visual-image -->
</div>
```
*/
.mod-2nd-visual {
	position: relative;
	height: 68vw;
}
.mod-2nd-visual-inner {
	position: relative;
}
.mod-2nd-visual-text {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 88.53333vw;
	height: 37.33333vw;
	padding: 0 16vw 0 6.4vw;
	background: #898989;
	color: #fff;
}
.mod-2nd-visual-text-inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
}
.mod-2nd-visual-text .title {
	font-size: 4vw;
	font-weight: bold;
	text-align: justify; 
	letter-spacing: 0.1em;
}
.mod-2nd-visual-text .title span {
	display: block;
	margin: 1.33333vw 0 0;
	font-family: din-2014, sans-serif;
	font-size: 3.2vw;
	letter-spacing: 0.14em;
}
.mod-2nd-visual-text .text {
	margin: 2.13333vw 0 0;
	font-size: 3.2vw;
	line-height: 1.6;
	text-align: justify; 
	letter-spacing: 0.1em;
}
.mod-2nd-visual-text .text br {
	display: none;
}
.mod-2nd-visual-image {
	position: absolute;
	z-index: 2;
	right: 0;
	bottom: 0;
	height: 33.33333vw;
}
.mod-2nd-visual-image img {
	width: auto;
	height: 100%;
}
@media print, screen and (min-width: 768px) {
	.mod-2nd-visual {
		max-width: 1340px;
		height: 327px;
		margin: 0 auto;
	}
	.mod-2nd-visual-text {
		width: calc(50% + 162px);
		height: 260px;
	}
	.mod-2nd-visual-text-inner {
		position: absolute;
		top: 0;
		right: 162px;
		width: 480px;
	}
	.mod-2nd-visual-text .title {
		font-size: 2.9rem;
		font-weight: bold;
	}
	.mod-2nd-visual-text .title span {
		margin: 10px 0 0;
		font-size: 1.6rem;
	}
	.mod-2nd-visual-text .text {
		margin: 26px 0 0;
		font-size: 1.4rem;
		font-weight: bold;
		letter-spacing: 0.2em;
	}
	.mod-2nd-visual-text .text br {
		display: block;
	}
	.mod-2nd-visual-text:after {
		content: '';
		position: absolute;
		top: 0;
		right: 100%;
		width: 200%;
		height: 100%;
		background: #898989;
	}
	.mod-2nd-visual-image {
		right: 50%;
		width: auto;
		height: 267px;
		background: none !important;
	}
	.mod-2nd-visual-image img {
		width: 100%;
	}
	.mod-2nd-visual.about .mod-2nd-visual-image {
		width: 467px;
		height: auto;
		margin: 0 -508px 0 0;
	}
	.mod-2nd-visual.saiyou .mod-2nd-visual-image {
		width: 592px;
		height: auto;
		margin: 0 -523px 0 0;
	}
	.mod-2nd-visual.service .mod-2nd-visual-image {
		width: 381px;
		height: auto;
		margin: 0 -445px 0 0;
	}
	.mod-2nd-visual.seminar .mod-2nd-visual-image {
		width: 494px;
		height: auto;
		margin: 0 -485px 0 0;
	}
	.mod-2nd-visual.success .mod-2nd-visual-image {
		width: 494px;
		height: auto;
		margin: 0 -466px 0 0;
	}
}

/*docs
---
title: .mod-2nd-heading2
name: mod-2nd-heading2
category: module
---
第2階層heading2用モジュール。

```html
<header id="idea" class="mod-2nd-heading2">
<img src="/assets/img/img_about_01.png" alt="">
<span class="sup">私たちの理念</span>
<h2>安心を与える事務所を目指して</h2>
</header>
```
*/
.mod-2nd-heading2 {
	margin: 18.66667vw 0 0;
	text-align: center;
}
.mod-2nd-heading2 img {
	height: 12vw;
}
.mod-link-inner + .mod-2nd-heading2 {
	margin: 13.33333vw 0 0;
}
.mod-2nd-heading2 .sup {
	display: block;
	margin: 2.13333vw 0;
	color: #898989;
	font-size: 4.26667vw;
	font-weight: bold;
	white-space: nowrap;
}
.mod-2nd-heading2 h2 {
	margin: 2.13333vw 0 0;
	font-size: 5.33333vw;
	font-weight: bold;
	letter-spacing: 0.04em;
}
@media print, screen and (min-width: 768px) {
	.mod-2nd-heading2 {
		margin: 116px 0 0;
	}
	.mod-2nd-heading2 img {
		height: 58px;
	}
	.mod-2nd-heading2 .sup {
		display: block;
		margin: 14px 0 0;
		font-size: 1.8rem;
	}
	.mod-2nd-heading2 h2 {
		margin: 20px 0 0;
		font-size: 3rem;
	}
}

/*docs
---
title: .mod-3rd-visual
name: mod-3rd-visual
category: module
---
第3階層タイトル＋ビジュアル用モジュール。

```html
<div class="mod-3rd-visual news">
<div class="mod-3rd-visual-bg"></div><!-- /.mod-visual-bg -->
<div class="mod-3rd-visual-inner">
<div class="mod-3rd-visual-text">
<h1 class="title">ニュース　</h1>
</div><!-- /.mod-3rd-visual-text -->
<div class="mod-3rd-visual-image">
<img src="/assets/img/img_news_visual_01.png" alt="">
</div><!-- /.mod-3rd-visual-image -->
</div><!-- /.mod-3rd-visual-inner -->
</div><!-- /.mod-3rd-visual -->
```
*/
.mod-3rd-visual {
	position: relative;
	height: 33.33333vw;
}
.mod-3rd-visual-bg {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/assets/img/bg_stripe_02.png) repeat 50% 50%;
	background-size: 1.86667vw;
}
.mod-3rd-visual-inner {
	display: flex;
	position: relative;
	z-index: 2; 

	justify-content: center;
	align-items: center;
	height: 100%;
}
.mod-3rd-visual-text {
	margin: 0 3.33333vw;
}
.mod-3rd-visual-text .title {
	font-size: 4.8vw;
	font-weight: bold;
	white-space: nowrap; 
	letter-spacing: 0.04em;
}
.mod-3rd-visual-text .text {
	font-weight: bold;
	line-height: 1.57143;
	white-space: nowrap; 
	letter-spacing: 0.2em;
}
.mod-3rd-visual-image {
	height: 13.33333vw;
	margin: 0 3.33333vw;
}
.mod-3rd-visual-image img {
	height: 100%;
}
.mod-3rd-visual-large {
	position: relative;
	height: 66.66667vw;
}
.mod-3rd-visual-large .mod-3rd-visual-bg {
	height: 53.33333vw;
}
.mod-3rd-visual-large .mod-3rd-visual-inner {
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	height: 66.66667vw;
}
.mod-3rd-visual-large .mod-3rd-visual-text {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	height: 30vw;
	margin: 0 7.33333vw;
}
.mod-3rd-visual-large .mod-3rd-visual-text .text {
	margin: 2.66667vw 0 0;
}
.mod-3rd-visual-large .mod-3rd-visual-image {
	width: 100%;
	height: 36.66667vw;
	margin: 0;
	text-align: right;
}
@media print, screen and (min-width: 768px) {
	.mod-3rd-visual {
		height: 125px;
	}
	.mod-3rd-visual-bg {
		background-size: 7px;
	}
	.mod-3rd-visual-inner {
		min-width: 890px;
		margin: 0 auto;
	}
	.mod-3rd-visual-text {
		margin: 0 12px;
	}
	.mod-3rd-visual-text .title {
		font-size: 3rem;
	}
	.mod-3rd-visual-text .title span {
		font-size: 1.8rem;
	}
	.mod-3rd-visual-image {
		height: 50px;
		margin: 0 12px;
	}
	.mod-3rd-visual-large {
		height: 210px;
	}
	.mod-3rd-visual-large .mod-3rd-visual-bg {
		height: 170px;
	}
	.mod-3rd-visual-large .mod-3rd-visual-inner {
		flex-direction: row;
		justify-content: center;
		align-items: flex-start;
		height: 170px;
	}
	.mod-3rd-visual-large .mod-3rd-visual-text {
		justify-content: center;
		height: 100%;
		margin: 0 15px 0 0;
	}
	.mod-3rd-visual-large .mod-3rd-visual-text .text {
		margin: 14px 0 0;
		font-size: 1.4rem;
	}
	.mod-3rd-visual-large .mod-3rd-visual-image {
		width: auto;
		height: 210px;
		margin: 10px 0 0;
	}
	.mod-3rd-visual-large.service-kaizen .mod-3rd-visual-image {
		margin: 25px 0 0;
	}
}

/*docs
---
title: .mod-access
name: mod-access
category: module
---
アクセス情報用モジュール。

```html
<div class="mod-access">
</div><!-- /.mod-access -->
```
*/
.mod-access {
	margin: 4.8vw 0 0;
}
.mod-access-gmap {
	height: 53.33333vw;
}
.mod-access-btn {
	margin: 2.66667vw 0 0;
	text-align: right;
}
.mod-access-btn a {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 30.93333vw;
	height: 5.33333vw;
	border: 0.26667vw solid #222;
	border-radius: 0.53333vw;
	color: #222;
	font-size: 2.66667vw;
	text-decoration: none;
}
.mod-access-means {
	margin: 6.66667vw 0 0;
}
.mod-access-means + .mod-access-means {
	margin: 4vw 0 0;
}
.mod-access-means .heading {
	position: relative;
	padding: 0 0 0 5.33333vw;
	color: #898989;
	font-size: 4.46667vw;
}
.mod-access-means .heading:before {
	content: '';
	display: block;
	position: absolute;
	top: 0.5vw;
	left: 0;
	width: 2.93333vw;
	height: 4.26667vw;
	background: url(/assets/img/ico_drop_01.png) no-repeat 0 0;
	background-size: 2.93333vw 4.26667vw;
}
.safari .mod-access-means .heading:before {
	top: 0.1vw;
}
.android .mod-access-means .heading:before {
	top: 1.3vw;
}
.mod-access-means .text {
	margin: 2.13333vw 0 0;
	font-size: 3.2vw;
	line-height: 1.8;
	text-align: justify; 
	letter-spacing: 0.04em;
}
.mod-access-simple {
	width: 70.93333vw;
	height: 44.26667vw;
	margin: 11.73333vw auto 0;
}
.mod-access-simple img {
	width: 100%;
}
@media print, screen and (min-width: 768px) {
	.mod-access {
		margin: 50px 0 0;
	}
	.mod-access-gmap {
		height: 427px;
	}
	.mod-access-btn {
		margin: 14px 0 0;
	}
	.mod-access-btn a {
		width: 113px;
		height: 19px;
		border-width: 1px;
		border-radius: 0;
		font-size: 1rem;
	}
	.mod-access-btn a:hover {
		opacity: 0.7;
	}
	.ie .mod-access-btn a {
		padding-top: 3px;
	}
	.mod-access-means {
		display: flex;
		width: 650px; 
		margin: 40px auto 0;
	}
	.mod-access-means + .mod-access-means {
		margin: 20px auto 0;
	}
	.mod-access-means .heading {
		width: 180px;
		min-width: 180px;
		max-width: 180px;
		padding: 0 0 0 24px;
		font-size: 1.6rem;
		font-weight: bold;
	}
	.mod-access-means .heading:before {
		top: 0.15vw;
		width: 10px;
		height: 14px;
		background-size: 10px 14px;
	}
	.safari .mod-access-means .heading:before {
		top: 0.15vw;
	}
	.ie .mod-access-means .heading:before {
		top: 0;
	}
	.mod-access-means .text {
		flex: 1;
		margin: 0;
		font-size: 1.2rem;
	}
	.mod-access-simple {
		width: 650px;
		height: 151px;
		margin: 28px auto 0;
		padding: 0 226px 0 180px;
	}
}

/*docs
---
title: .mod-pager
name: mod-pager
category: module
---
ページャー

```html
<ol class="mod-pager">
<li class="prev"><a href="DUMMY"><span>prev</span></a></li>
<li class="is-active"><a href="DUMMY"><span>1</span></a></li>
<li><a href="DUMMY"><span>2</span></a></li>
<li><a href="DUMMY"><span>3</span></a></li>
<li><a href="DUMMY"><span>4</span></a></li>
<li><a href="DUMMY"><span>5</span></a></li>
<li class="next"><a href="DUMMY"><span>next</span></a></li>
</ol>
```
*/
.mod-pager {
	display: flex;
	list-style: none;
	justify-content: center;
}
.mod-pager li {
	display: inline-block;
	border-left: 1px solid #222;
}
.mod-pager li.prev,
.mod-pager li.next,
.mod-pager li:nth-child(2) {
	border: none;
}
.mod-pager li.prev a,
.mod-pager li.next a {
	display: block;
	position: relative;
	width: 17.06667vw;
	text-decoration: none;
}
.mod-pager li.prev a span,
.mod-pager li.next a span {
	display: block;
	overflow: hidden;
	height: 0;
	border: none;
	white-space: nowrap;
}
.mod-pager li.prev a:before,
.mod-pager li.next a:before {
	content: '...';
}
.mod-pager li.prev a:after,
.mod-pager li.next a:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 6.4vw;
	height: 6.4vw;
	margin: -3.2vw 0 0;
	background: url(/assets/img/ico_arrow_right_02.png) no-repeat 50% 50%;
	background-size: 6.4vw;
}
.mod-pager li.prev {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
.mod-pager li a {
	display: block;
	padding: 0 3.33333vw;
	color: #222;
	font-size: 3.73333vw;
	font-weight: bold;
}
.mod-pager li a span {
	display: inline-block;
	border-bottom: 1px solid #222;
}
.mod-pager li.is-active a {
	pointer-events: none;
}
.mod-pager li.is-active a span {
	border: none;
}
@media print, screen and (min-width: 768px) {
	.mod-pager li.prev a,
	.mod-pager li.next a {
		width: 64px;
	}
	.mod-pager li.prev a:after,
	.mod-pager li.next a:after {
		width: 24px;
		height: 24px;
		margin: -12px 0 0;
		background-size: 24px;
	}
	.mod-pager li a {
		padding: 0 10px;
		font-size: 1.4rem;
	}
	.ie .mod-pager li a {
		padding: 3px 10px 0;
	}
	.mod-pager li a:hover {
		opacity: 0.7;
	}
}

/*docs
---
title: .mod-success-voice
name: mod-success-voice
category: module
---
成功事例お客様の声用モジュール。

```html
<div class="mod-success-voice">
<span class="voice">3年間でV字回復に成功しました</span>
<span class="name">製造業 A社様の場合</span>
</div><!-- /.mod-success-voice -->
```
*/
.mod-success-voice {
	position: relative;
	margin: 4.8vw auto 0;
	padding: 0 0 7.73333vw;
}
.mod-success-voice:before,
.mod-success-voice:after {
	content: '';
	display: block;
	position: absolute;
	width: 7.33333vw;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: contain;
}
.mod-success-voice:before {
	bottom: 0;
	left: -7.33333vw;
	height: 13.46667vw;
	background-image: url(/assets/img/bg_stars_01.png);
}
.mod-success-voice:after {
	top: -1.06667vw;
	right: -7.33333vw;
	height: 11.2vw;
	background-image: url(/assets/img/bg_stars_02.png);
}
.mod-success-voice-inner {
	position: relative;
	padding: 4.53333vw 0 4vw;
	border-radius: 1.33333vw;
	background: #fedd4a; 

	text-align: center;
}
.mod-success-voice-inner:before {
	content: '';
	display: block;
	position: absolute;
	top: 95%;
	left: 50%;
	width: 5.6vw;
	height: 5.06667vw;
	margin: 0 0 0 -2.8vw;
	background: url(/assets/img/bg_fukidashi_02.png) no-repeat 0 0;
	background-size: contain;
}
.mod-success-voice .voice {
	display: block;
	color: #898989;
	font-size: 4.8vw;
	font-weight: bold;
	letter-spacing: 0.14em;
}
.mod-success-voice .name {
	display: block;
	margin: 2vw 0 0;
	color: #898989;
	font-size: 3.2vw;
	font-weight: bold;
	letter-spacing: 0.03em;
}
@media print, screen and (min-width: 768px) {
	.mod-success-voice {
		width: 408px;
		margin: 18px auto 0;
		padding: 0 0 29px;
	}
	.mod-success-voice:before {
		left: -67px;
		width: 35px;
		height: 64px;
	}
	.mod-success-voice:after {
		top: -8px;
		right: -63px;
		width: 38px;
		height: 58px;
	}
	.mod-success-voice-inner {
		padding: 17px 0 15px;
		border-radius: 5px;
	}
	.mod-success-voice-inner:before {
		width: 21px;
		height: 19px;
		margin: 0 0 0 -10px;
	}
	.mod-success-voice .voice {
		font-size: 2.2rem;
	}
	.mod-success-voice .name {
		margin: 8px 0 0;
		font-size: 1.6rem;
	}
}

/* =====================================================
 * Block
 * ================================================== */

/*docs
---
title: .block-lead
name: block-lead
category: block
---
リードブロックカスタマイズ用。
*/
.block-lead {
	margin: 13.33333vw 0 0;
	padding: 0 7.33333vw;
}
.block-lead figure {
	padding: 0 6.66667vw;
	border-radius: 1.33333vw;
	background: #fff;
	text-align: center;
}
.block-lead figure img {
	width: 80%;
}
.block-lead .title {
	display: block;
	position: relative;
	margin: 8vw 0 0;
	padding: 0 0 0 4.8vw;
	color: #898989;
	font-size: 5.33333vw;
	font-weight: bold;
	text-align: justify; 
	letter-spacing: 0.1em;
}
.block-lead .title:before {
	content: '';
	display: block;
	position: absolute;
	top: 0.5vw;
	left: 0;
	width: 3.73333vw;
	height: 5.06667vw;
	background: url(/assets/img/ico_drop_01.png) no-repeat 0 0;
	background-size: 3.73333vw 5.06667vw;
}
.block-lead .description {
	display: block;
	margin: 1.33333vw 0 0;
	font-size: 4vw;
	line-height: 1.5;
	text-align: justify; 
	letter-spacing: 0.03em;
}
.block-lead .box {
	margin: 3.2vw 0 0;
	text-align: center;
}
.block-lead .box span {
	display: inline-block;
	padding: 0.53333vw 5.33333vw;
	border-radius: 1.06667vw;
	background: #fff;
	font-size: 3.73333vw;
}
.block-lead .box span:after {
	content: '';
	display: inline-block;
	width: 4.26667vw;
	height: 3.73333vw;
	margin: 0.25vw 0 0 1.33333vw;
	background: url(/assets/img/ico_arrow_right_05.png) no-repeat 50% 50%;
	background-size: contain;
	vertical-align: top;
}
.block-lead.service-jikei figure {
	width: 54.4vw;
	min-width: 54.4vw;
	max-width: 54.4vw;
	margin: 0 auto;
}
@media print, screen and (min-width: 768px) {
	.block-lead {
		width: 665px;
		margin: 120px auto 0;
		padding: 0;
	}
	.block-lead .l-box-cols {
		align-items: center;
	}
	.block-lead figure {
		width: 132px;
		min-width: 132px;
		max-width: 132px;
		margin: 0 50px 0 0;
		padding: 0;
		border-radius: 5px;
	}
	.block-lead figure img {
		width: 100%;
	}
	.block-lead .title {
		margin: 0;
		padding: 0 0 0 20px;
		font-size: 1.8rem;
	}
	.block-lead .title:before {
		top: 1px;
		width: 14px;
		height: 19px;
		background-size: 14px 19px;
	}
	.block-lead .description {
		margin: 10px 0 0;
		font-size: 1.3rem;
	}
	.block-lead .box {
		margin: 18px 0 0;
	}
	.block-lead .box span {
		padding: 2px 20px;
		border-radius: 4px;
		font-size: 1.4rem;
	}
	.ie .block-lead .box span {
		padding-top: 7px;
	}
	.block-lead .box span:after {
		width: 12px;
		height: 11px;
		margin: 0.15em 0 0 8px;
	}
	.ie .block-lead .box span:after {
		margin-top: 0;
	}
	.block-lead.service-mas figure {
		width: 185px; 
		min-width: 185px;
		max-width: 185px;
	}
	.block-lead.service-jikei figure {
		width: 102px;
		min-width: 102px;
		max-width: 102px;
		margin: 0 50px 0 0;
	}
	.block-lead.service-cloud figure {
		width: 176px; 
		min-width: 176px;
		max-width: 176px;
	}
	.block-lead.service-brand figure {
		width: 176px; 
		min-width: 176px;
		max-width: 176px;
	}
}

/*docs
---
title: .block-example
name: block-example
category: block
---
「こんな方々の力になります」といった例題ボックスのカスタマイズ用。
*/
.block-example {
	margin: 13.33333vw 0 0;
	padding: 0 7.33333vw;
}
.block-example-inner {
	padding: 6.66667vw;
	border-radius: 1.33333vw;
	background: #fffde5;
}
.block-example .l-box-cols {
	margin: 6.66667vw 0 0;
}
.block-example .l-box-cols-inner {
	margin: 9.33333vw 0 0;
}
.block-example .l-box-cols-inner:first-child {
	margin: 0;
}
.block-example .l-box-cols-inner .example-target {
	margin: 4vw 0 0;
}
.block-example .l-box-cols-inner .example-target ul {
	display: inline-block;
}
.block-example .l-box-cols-inner .example-target li {
	display: block;
}
.block-example .title {
	display: block;
	color: #898989;
	font-size: 5.86667vw;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.05em;
}
.block-example figure {
	display: block;
	overflow: hidden;
	width: 61.86667vw;
	height: 61.86667vw;
	margin: 0 auto;
	border-radius: 50%;
	background: #fff;
}
.block-example figure img {
	display: block;
	width: 80%;
	margin: -2.66667vw auto 0;
}
.block-example figure figcaption {
	display: block;
	margin: -5.33333vw 0 0;
	color: #898989;
	font-size: 3.73333vw;
	font-weight: bold;
	line-height: 1.42857;
	text-align: center;
}
.block-example .example-target {
	margin: 9.33333vw 0 0;
	text-align: center;
}
.block-example .example-target li {
	margin: 1.86667vw 0 0;
	padding: 0 0 0 4.8vw;
	background: url(/assets/img/ico_dot_02.png) no-repeat 0 0;
	background-size: 4vw;
	color: #898989;
	font-weight: bold;
	text-align: left;
}
@media print, screen and (min-width: 768px) {
	.block-example {
		width: 890px;
		margin: 140px auto 0;
		padding: 0;
	}
	.block-example-inner {
		padding: 35px 58px;
	}
	.block-example .l-box-cols {
		margin: 25px 0 0;
	}
	.block-example .l-box-cols-inner {
		margin: 0;
	}
	.block-example .l-box-cols-inner .example-target {
		margin: 24px 0 0;
	}
	.block-example .l-box-cols-inner .example-target ul {
		display: inline-block;
	}
	.block-example .l-box-cols-inner .example-target li {
		display: block;
		margin: 7px 0 0;
	}
	.block-example .title {
		font-size: 2.2rem;
	}
	.block-example figure {
		width: 232px;
		height: 232px;
	}
	.block-example figure img {
		margin: -5px auto 0;
	}
	.block-example figure figcaption {
		margin: -18px 0 0;
		font-size: 1.4rem;
	}
	.block-example .example-target {
		margin: 24px 0 0;
	}
	.block-example .example-target li {
		display: inline-block;
		margin: 7px 20px 0;
		padding: 0 0 0 18px;
		background-size: 15px;
	}
	.block-example .example-target .l-box-cols-inner {
		width: 232px;
	}
}

/*docs
---
title: .block-about-idea
name: block-about-idea
category: block
---
「ABOUT > 私たちの理念」カスタマイズ用。
*/
.block-about-idea {
	margin: 0;
	padding: 0 7.33333vw;
}
.block-about-idea .l-box-cols {
	margin: 5.33333vw 0 0;
}
.block-about-idea > .mod-box-2 {
	margin: 4vw 0 0;
	padding: 8.53333vw 6.4vw;
}
.block-about-idea .l-box-col1-2-inner:first-child figure {
	width: 27.73333vw;
	margin: 0 auto;
}
.block-about-idea .l-box-col1-2-inner:first-child figure img {
	width: 100%;
}
.block-about-idea .l-box-col1-2-inner:last-child {
	margin: 4.26667vw 0 0;
}
.block-about-idea .l-box-col1-2-inner:last-child .title {
	display: block;
	text-align: center; 
	letter-spacing: 0.1em;
}
.block-about-idea .l-box-col1-2-inner:last-child ul {
	margin: 6.4vw 0 0;
}
.block-about-idea .l-box-col1-2-inner:last-child ul li {
	margin: 4.8vw 0 0;
}
.block-about-idea .l-box-col1-2-inner:last-child ul li span {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 20.8vw;
	min-width: 20.8vw;
	max-width: 20.8vw;
	height: 9.06667vw;
	min-height: 9.06667vw;
	max-height: 9.06667vw;
	margin: 0 auto;
	border: 1px solid #898989;
	color: #898989;
	font-size: 4.8vw;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.block-about-idea .l-box-col1-2-inner:last-child ul li p {
	margin: 4vw 0 0;
	line-height: 1.8;
	text-align: justify; 
	letter-spacing: 0.05em;
}
@media print, screen and (min-width: 768px) {
	.block-about-idea {
		width: 890px;
		margin: 0 auto;
		padding: 0;
	}
	.block-about-idea .l-box-cols {
		margin: 60px 0 0;
	}
	.block-about-idea > .mod-box-2 {
		margin: 20px 0 0;
		padding: 30px 24px 30px 0;
	}
	.block-about-idea .l-box-col1-2 {
		display: flex;
		justify-content: space-between;
	}
	.block-about-idea .l-box-col1-2-inner:first-child {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 275px; 
		min-width: 275px;
		max-width: 275px;
	}
	.block-about-idea .l-box-col1-2-inner:first-child figure {
		width: 139px;
		height: 96px; 
		margin: 0;
	}
	.block-about-idea .l-box-col1-2-inner:last-child {
		flex: 1;
		margin: 0;
	}
	.block-about-idea .l-box-col1-2-inner:last-child .title {
		padding: 0 0 0 22px;
		font-size: 2.4rem;
		text-align: left;
	}
	.block-about-idea .l-box-col1-2-inner:last-child ul {
		margin: 20px 0 0;
	}
	.block-about-idea .l-box-col1-2-inner:last-child ul li {
		display: flex;
		align-items: center;
		margin: 18px 0 0;
	}
	.block-about-idea .l-box-col1-2-inner:last-child ul li span {
		width: 77px;
		min-width: 77px;
		max-width: 77px;
		height: 39px;
		min-height: 39px;
		max-height: 39px;
		margin: 0 24px 0 0;
		font-size: 1.8rem;
		font-weight: bold;
	}
	.ie .block-about-idea .l-box-col1-2-inner:last-child ul li span {
		padding-top: 5px;
	}
	.block-about-idea .l-box-col1-2-inner:last-child ul li p {
		flex: 1;
		margin: 0;
		font-size: 1.4rem;
		line-height: 1.5;
	}
}

/*docs
---
title: .block-about-description
name: block-about-description
category: block
---
「ABOUT > グループ概要」カスタマイズ用。
*/
.block-about-description {
	margin: 5.33333vw 0 0;
	padding: 0 7.33333vw;
}
.block-about-description .lead {
	margin: 4.8vw 0 0;
	font-size: 3.73333vw;
	line-height: 1.8;
}
.block-about-description .l-box-cols {
	margin: 16vw 0 0;
}
.block-about-description .l-box-cols-inner {
	margin: 8.53333vw 0 0;
}
.block-about-description .l-box-cols-inner.ty .category,
.block-about-description .l-box-cols-inner.ty .label {
	background: #ad8757;
}
.block-about-description .l-box-cols-inner.ty .title,
.block-about-description .l-box-cols-inner.ty .content {
	color: #ad8757;
}
.block-about-description .category {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 41.06667vw;
	height: 41.06667vw;
	margin: 0 auto;
	border-radius: 50%;
	background: #898989;
	color: #fff;
	font-size: 5.33333vw;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
}
.block-about-description .title {
	display: block;
	margin: 4.26667vw 0 0;
	color: #898989;
	font-size: 4.8vw;
	font-weight: bold;
}
.block-about-description .text {
	margin: 2.13333vw 0 0;
	font-size: 3.73333vw;
	line-height: 1.8;
	text-align: justify; 
	letter-spacing: 0.05em;
}
.block-about-description .label {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 20.8vw;
	height: 5.33333vw;
	margin: 4.26667vw 0 0;
	background: #898989;
	color: #fff;
	font-size: 3.46667vw;
	font-weight: bold;
	letter-spacing: 0.03em;
}
.block-about-description .content {
	display: block;
	margin: 1.6vw 0 0;
	color: #898989;
	font-size: 3.73333vw;
	font-weight: bold;
	line-height: 1.8;
	letter-spacing: 0.03em;
}
@media print, screen and (min-width: 768px) {
	.block-about-description .lead {
		width: 690px;
		margin: 38px auto 0;
		font-size: 1.6rem;
		line-height: 1.38889;
	}
	.block-about-description .l-box-cols {
		width: 890px;
		margin: 50px auto 0;
	}
	.block-about-description .l-box-cols-inner {
		width: 252px;
		margin: 0;
	}
	.block-about-description .category {
		width: 152px;
		height: 152px;
		font-size: 2rem;
	}
	.ie .block-about-description .category {
		padding-top: 10px;
	}
	.block-about-description .title {
		margin: 16px 0 0;
		font-size: 2rem;
	}
	.block-about-description .text {
		margin: 10px 0 0;
		font-size: 1.4rem;
	}
	.block-about-description .label {
		width: 78px;
		height: 20px;
		margin: 20px 0 0;
		font-size: 1.4rem;
	}
	.ie .block-about-description .label {
		padding-top: 5px;
	}
	.block-about-description .content {
		margin: 6px 0 0;
		font-size: 1.6rem;
	}
}

/*docs
---
title: .block-about-profile
name: block-about-profile
category: block
---
「ABOUT > グループ概要」のプロフィールカスタマイズ用。
*/
.block-about-profile {
	margin: 22.66667vw 0 0;
	padding: 0 7.33333vw;
}
.block-about-profile h2 img {
	height: 5.86667vw;
}
.block-about-profile .mod-box-2 {
	margin: 9.33333vw 0 0;
	padding: 0;
	border: none;
}
.block-about-profile .mod-box-2 > table {
	display: block;
	border-top: 1px solid rgba(137, 137, 137, 0.2);
}
.block-about-profile .mod-box-2 > table tr {
	display: block;
	padding: 2.66667vw;
	border-bottom: 1px solid rgba(137, 137, 137, 0.2);
}
.block-about-profile .mod-box-2 > table tr:first-child > th {
	margin: 0;
}
.block-about-profile .mod-box-2 > table tr > th,
.block-about-profile .mod-box-2 > table tr > td {
	display: block;
	padding: 0 0 0 4.8vw;
	text-align: justify;
}
.block-about-profile .mod-box-2 > table tr > th {
	font-size: 3.73333vw;
}
.block-about-profile .mod-box-2 > table tr > th span {
	display: inline-block;
	position: relative;
}
.block-about-profile .mod-box-2 > table tr > th span:before {
	content: '';
	display: block;
	position: absolute;
	top: 1vw;
	left: -4.8vw;
	width: 0.53333vw;
	height: 3.2vw;
	background: #898989;
}
.block-about-profile .mod-box-2 > table tr > td {
	margin: 1.6vw 0 0;
	font-size: 3.2vw;
	line-height: 1.8;
}
.block-about-profile .mod-box-2 > table tr > td table {
	display: table;
	width: 100%;
	border: none;
}
.block-about-profile .mod-box-2 > table tr > td table tr {
	display: table-row;
	border: none;
}
.block-about-profile .mod-box-2 > table tr > td table th,
.block-about-profile .mod-box-2 > table tr > td table td {
	display: table-cell;
	vertical-align: top;
}
.block-about-profile .mod-box-2 > table tr > td table td:first-child {
	width: 17.6vw;
}
.block-about-profile .mod-box-2 .profile {
	margin: 6.66667vw 0 0;
	padding: 0 0 2.66667vw 4.8vw;
	border-bottom: 1px solid rgba(137, 137, 137, 0.2);
}
.block-about-profile .mod-box-2 .profile-title {
	display: inline-block;
	position: relative;
}
.block-about-profile .mod-box-2 .profile-title:before {
	content: '';
	display: block;
	position: absolute;
	top: 1vw;
	left: -4.8vw;
	width: 0.53333vw;
	height: 3.2vw;
	background: #898989;
}
.block-about-profile .mod-box-2 .profile-content figure {
	width: 40vw;
	height: 40vw;
	margin: 8vw auto 0;
}
.block-about-profile .mod-box-2 .profile-content figure img {
	width: 100%;
}
.block-about-profile .mod-box-2 .profile-content .text .name {
	display: block;
	margin: 5.33333vw 0 0;
	font-size: 4.8vw;
}
.block-about-profile .mod-box-2 .profile-content .text p {
	margin: 1.33333vw 0 0;
	font-size: 3.73333vw;
	line-height: 1.8;
	text-align: justify; 
	letter-spacing: 0.1em;
}
.block-about-profile.yt .mod-box-2 {
	border-color: rgba(173, 135, 87, 0.2);
}
.block-about-profile.yt .mod-box-2 > table {
	border-color: rgba(173, 135, 87, 0.2);
}
.block-about-profile.yt .mod-box-2 > table tr {
	border-color: rgba(173, 135, 87, 0.2);
}
.block-about-profile.yt .mod-box-2 > table tr > th span:before {
	background: #ad8757;
}
.block-about-profile.yt .profile-title:before {
	background: #ad8757;
}
@media print, screen and (min-width: 768px) {
	.block-about-profile {
		width: 890px;
		margin: 70px auto 0;
		padding: 30px 0 0;
	}
	.block-about-profile h2 img {
		height: 30px;
	}
	.block-about-profile .mod-box-2 {
		margin: 30px 0 0;
		padding: 38px 80px 35px;
		border: 10px solid rgba(137, 137, 137, 0.2);
	}
	.block-about-profile .mod-box-2 > table {
		display: table;
		table-layout: fixed; 

		padding: 0;
		border-top: 1px solid rgba(137, 137, 137, 0.2);
	}
	.block-about-profile .mod-box-2 > table tr {
		display: table-row;
		padding: 0;
		border-bottom: 1px solid rgba(137, 137, 137, 0.2);
	}
	.block-about-profile .mod-box-2 > table tr > th,
	.block-about-profile .mod-box-2 > table tr > td {
		display: table-cell;
		margin: 0;
		padding: 11px 0 9px;
		font-size: 1.4rem;
		vertical-align: top;
	}
	.block-about-profile .mod-box-2 > table tr > th {
		width: 200px;
		line-height: 1.8;
	}
	.block-about-profile .mod-box-2 > table tr > th span {
		padding: 0 0 0 16px;
	}
	.block-about-profile .mod-box-2 > table tr > th span:before {
		top: 5px;
		left: 0;
		width: 3px;
		height: 13px;
	}
	.ie .block-about-profile .mod-box-2 > table tr > th span:before {
		top: 4px;
	}
	.block-about-profile .mod-box-2 > table tr > td table {
		table-layout: fixed;
	}
	.block-about-profile .mod-box-2 > table tr > td table tr {
		border: none;
	}
	.block-about-profile .mod-box-2 > table tr > td table tr:last-child {
		border: none;
	}
	.block-about-profile .mod-box-2 > table tr > td table th,
	.block-about-profile .mod-box-2 > table tr > td table td {
		padding: 0;
	}
	.block-about-profile .mod-box-2 > table tr > td table td:first-child {
		width: 75px;
	}
	.block-about-profile .mod-box-2 .profile {
		margin: 24px 0 0;
		padding: 0;
		border: none;
	}
	.block-about-profile .mod-box-2 .profile-title {
		padding: 0 0 0 16px;
	}
	.block-about-profile .mod-box-2 .profile-title:before {
		top: 1px;
		left: 0;
		width: 3px;
		height: 13px;
	}
	.ie .block-about-profile .mod-box-2 .profile-title:before {
		top: 0;
	}
	.block-about-profile .mod-box-2 .profile-content {
		display: flex;
		align-items: center;
		margin: 25px 0 0;
	}
	.block-about-profile .mod-box-2 .profile-content figure {
		width: 150px;
		min-width: 150px;
		max-width: 150px;
		height: auto;
		margin: 0 48px 0 0;
	}
	.block-about-profile .mod-box-2 .profile-content .text {
		flex: 1;
		margin: -4px 0 0;
	}
	.block-about-profile .mod-box-2 .profile-content .text .name {
		margin: 0;
		font-size: 1.8rem;
	}
	.block-about-profile .mod-box-2 .profile-content .text p {
		margin: 8px 0 0;
		font-size: 1.2rem;
		line-height: 2;
	}
	.block-about-profile.qw {
		margin: 50px auto 0;
	}
}

/*docs
---
title: .block-about-access
name: block-about-access
category: block
---
「ABOUT > アクセス」カスタマイズ用。
*/
.block-about-access {
	padding: 0 7.33333vw;
}
@media print, screen and (min-width: 768px) {
	.block-about-access {
		width: 890px;
		margin: 0 auto;
		padding: 0;
	}
	.block-about-access .mod-2nd-heading2 img {
		height: 79px;
	}
}

/*docs
---
title: .block-news
name: block-news
category: block
---
「NEWS」のカスタマイズ用。
*/
.block-news {
	margin: 13.33333vw 0 0;
	padding: 0 7.33333vw;
}
.block-news-inner {
	display: flex;
	flex-direction: column;
}
.block-news-side {
	order: 2;
}
.block-news-side-inner {
	margin: 6.66667vw 0 0;
}
.block-news-side ul {
	margin: 4.26667vw 0 0;
}
.block-news-side ul li {
	margin: 1.6vw 0 0;
}
.block-news-side ul li a {
	display: inline-block;
	position: relative;
	padding: 0 0 0 6.93333vw;
	font-size: 4.26667vw;
	white-space: nowrap;
}
.block-news-side ul li a:before {
	content: '';
	display: block;
	position: absolute;
	top: 1vw;
	left: 2.66667vw;
	width: 2.66667vw;
	height: 3.73333vw;
	background: url(/assets/img/ico_drop_01.png) no-repeat 0 0;
	background-size: 2.66667vw 3.73333vw;
}
.block-news-side select {
	margin: 4.26667vw 0 0;
	font-size: 3.73333vw;
}
.block-news-label {
	display: block;
	width: 100%;
	padding: 1.06667vw 3.2vw;
	background: #898989;
	color: #fff;
	font-size: 4.26667vw;
	font-weight: bold;
}
.block-news-main {
	order: 1;
}
.block-news-main ul {
	border-top: 1px solid rgba(137, 137, 137, 0.2);
}
.block-news-main ul li {
	display: block;
	padding: 3.73333vw 0 2.13333vw;
	border-bottom: 1px solid rgba(137, 137, 137, 0.2);
}
.block-news-main ul li .info {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.block-news-main ul li .category span {
	display: inline-flex;
	align-items: center;
	height: 5.33333vw;
	padding: 0 2vw;
	background: url(/assets/img/bg_stripe_02.png) repeat 0 0;
	background-size: 1.86667vw;
	color: #898989;
	font-size: 3.2vw;
	font-weight: bold;
	white-space: nowrap; 
	letter-spacing: 0.04em;
}
.block-news-main ul li time {
	color: #898989; 
	font-family: din-2014, sans-serif;
	font-size: 3.2vw;
	font-weight: bold;
}
.block-news-main ul li .title {
	display: block;
	margin: 2.66667vw 0 0;
	color: #222;
	font-size: 4.26667vw;
	font-weight: bold;
	line-height: 1.4;
	text-align: justify; 
	letter-spacing: 0.03em;
}
.block-news-pager {
	margin: 13.33333vw 0 0;
}
.block-news-detail {
	display: flex;
	flex-direction: column;
}
.block-news-detail .info {
	display: flex;
	justify-content: space-between;
	align-items: center;
	order: 1;
}
.block-news-detail .category span {
	display: inline-flex;
	align-items: center;
	height: 5.33333vw;
	padding: 0 2vw;
	background: url(/assets/img/bg_stripe_02.png) repeat 0 0;
	background-size: 1.86667vw;
	color: #898989;
	font-size: 3.2vw;
	font-weight: bold;
	white-space: nowrap; 
	letter-spacing: 0.04em;
}
.block-news-detail time {
	color: #898989; 
	font-family: din-2014, sans-serif;
	font-size: 3.2vw;
	font-weight: bold;
}
.block-news-detail .title {
	display: block;
	order: 2;
	margin: 2.66667vw 0 0;
	color: #222;
	font-size: 4.26667vw;
	font-weight: bold;
	line-height: 1.4;
	text-align: justify; 
	letter-spacing: 0.03em;
}
.block-news-detail .body {
	order: 3;
	margin: 2.13333vw 0 0;
	padding: 4vw 0 0;
	border-top: 1px solid rgba(137, 137, 137, 0.2);
	font-size: 3.73333vw;
}
.block-news-detail .body p {
	margin: 4vw 0 0;
	line-height: 1.6;
	text-align: justify; 
	letter-spacing: 0.03em;
}
@media print, screen and (min-width: 768px) {
	.block-news {
		margin: 100px 0 0;
		padding: 0;
	}
	.block-news-inner {
		flex-direction: row;
		justify-content: space-between;
		width: 890px;
		margin: 0 auto;
	}
	.block-news-side {
		order: 1;
		width: 165px;
		min-width: 165px;
		max-width: 165px;
		margin: 0 90px 0 0;
	}
	.block-news-side-inner {
		margin: 30px auto 0;
	}
	.block-news-side-inner:first-child {
		margin: 0;
	}
	.block-news-side ul {
		margin: 24px 0 0;
	}
	.block-news-side ul li {
		margin: 6px 0 0;
	}
	.block-news-side ul li a {
		padding: 0 0 0 26px;
		font-size: 1.6rem;
		text-align: justify; 
		letter-spacing: 0.03em;
	}
	.block-news-side ul li a:before {
		top: 2px;
		left: 8px;
		width: 10px;
		height: 14px;
		background-size: 10px 14px;
	}
	.ie .block-news-side ul li a:before {
		top: 0;
	}
	.block-news-side ul li a:hover {
		text-decoration: underline;
	}
	.block-news-side select {
		margin: 24px 0 0;
		font-size: 1.4rem;
	}
	.block-news-label {
		width: 165px;
		padding: 4px 12px;
		font-size: 1.6rem;
	}
	.ie .block-news-label {
		padding: 8px 12px 4px;
	}
	.block-news-main {
		flex: 1;
		order: 2;
	}
	.block-news-main ul li {
		padding: 16px 0 12px;
	}
	.block-news-main ul li .category span {
		height: 27px;
		padding: 0 12px;
		background-size: 7px; 

		font-size: 1.4rem;
	}
	.ie .block-news-main ul li .category span {
		padding: 5px 12px 0;
	}
	.block-news-main ul li time {
		font-size: 1.4rem;
	}
	.block-news-main ul li .title {
		margin: 12px 0 0;
		font-size: 1.8rem;
	}
	.block-news-main ul li .title:hover {
		text-decoration: underline;
	}
	.block-news-pager {
		margin: 140px 0 0;
	}
	.block-news-detail {
		padding: 16px 0 0;
	}
	.block-news-detail .category span {
		height: 27px;
		padding: 0 12px;
		background-size: 7px; 

		font-size: 1.4rem;
	}
	.ie .block-news-detail .category span {
		padding: 5px 12px 0;
	}
	.block-news-detail time {
		font-size: 1.4rem;
	}
	.block-news-detail .title {
		margin: 12px 0 0;
		font-size: 1.8rem;
	}
	.block-news-detail .title:hover {
		opacity: 0.8;
	}
	.block-news-detail .body {
		margin: 16px 0 0;
		padding: 30px 0 0;
		font-size: 1.4rem;
	}
	.block-news-detail .body > *:first-child {
		margin: 0;
	}
	.block-news-detail .body p {
		margin: 24px 0 0;
	}
}

/*docs
---
title: .block-service-list
name: block-service-list
category: block
---
「SERVICE」の紹介一覧カスタマイズ用。
*/
.block-service-list {
	overflow: hidden;
	margin: 13.33333vw 0 0;
	padding: 0 7.33333vw;
}
.block-service-list .mod-list-box > li.shogun .image:before {
	background-image: url(/assets/img/img_service_01.gif);
}
.block-service-list .mod-list-box > li.mas .image:before {
	background-image: url(/assets/img/img_service_02.gif);
}
.block-service-list .mod-list-box > li.jikei .image:before {
	background-image: url(/assets/img/img_service_03.gif);
}
.block-service-list .mod-list-box > li.cloud .image:before {
	background-image: url(/assets/img/img_service_04.gif);
}
.block-service-list .mod-list-box > li.brand .image:before {
	background-image: url(/assets/img/img_service_05.gif);
}
.block-service-list .mod-list-box > li.ikusei .image:before {
	background-image: url(/assets/img/img_service_06.gif);
}
.block-service-list .mod-list-box > li.kaizen .image:before {
	background-image: url(/assets/img/img_service_07.gif);
}
.block-service-list .mod-list-box > li.yt .image:before {
	background-image: url(/assets/img/img_service_08.gif);
}
@media print, screen and (min-width: 768px) {
	.block-service-list {
		width: 720px;
		margin: 170px auto 0;
		padding: 0;
	}
	.block-service-list .mod-list-box > li.shogun .image:before {
		background-image: url(/assets/img/img_service_01.png), url(/assets/img/img_service_01.gif);
	}
	.block-service-list .mod-list-box > li.mas .image:before {
		background-image: url(/assets/img/img_service_02.png), url(/assets/img/img_service_02.gif);
	}
	.block-service-list .mod-list-box > li.jikei .image:before {
		background-image: url(/assets/img/img_service_03.png), url(/assets/img/img_service_03.gif);
	}
	.block-service-list .mod-list-box > li.cloud .image:before {
		background-image: url(/assets/img/img_service_04.png), url(/assets/img/img_service_04.gif);
	}
	.block-service-list .mod-list-box > li.brand .image:before {
		background-image: url(/assets/img/img_service_05.png), url(/assets/img/img_service_05.gif);
	}
	.block-service-list .mod-list-box > li.ikusei .image:before {
		background-image: url(/assets/img/img_service_06.png), url(/assets/img/img_service_06.gif);
	}
	.block-service-list .mod-list-box > li.kaizen .image:before {
		background-image: url(/assets/img/img_service_07.png), url(/assets/img/img_service_07.gif);
	}
	.block-service-list .mod-list-box > li.yt .image:before {
		background-image: url(/assets/img/img_service_08.png), url(/assets/img/img_service_08.gif);
	}
}

/*docs
---
title: .block-service-course
name: block-service-course
category: block
---
サービス内容・料金カスタマイズ用。
*/
.block-service-course {
	margin: 13.33333vw 0 0;
	padding: 0 7.33333vw;
}
.block-service-course .l-box-cols {
	margin: 5.33333vw 0 0;
}
.block-service-course .note {
	margin: 3.2vw 0 0;
	font-size: 3.2vw;
	line-height: 1.5;
	text-align: justify; 
	letter-spacing: 0.03em;
}
@media print, screen and (min-width: 768px) {
	.block-service-course {
		width: 890px;
		margin: 100px auto 0;
		padding: 0;
	}
	.block-service-course .l-box-cols {
		margin: 44px 0 0;
	}
	.block-service-course .l-box-cols-inner {
		width: 425px;
	}
	.block-service-course .note {
		margin: 12px 0 0;
		font-size: 1.2rem;
	}
}

/*docs
---
title: .block-service-shogun-flow
name: block-service-shogun-flow
category: block
---
「SERCICE - 将軍の日」の流れカスタマイズ用。
*/
.block-service-shogun-flow {
	margin: 13.33333vw 0 0;
	padding: 0 7.33333vw;
}
@media print, screen and (min-width: 768px) {
	.block-service-shogun-flow {
		width: 775px;
		margin: 120px auto 0;
		padding: 0;
	}
	.block-service-shogun-flow .l-box-cols-inner {
		width: 100%;
	}
}

/*docs
---
title: .block-service-shogun-mas
name: block-service-shogun-mas
category: block
---
「SERCICE - 将軍の日」のMASへのリンクボックスカスタマイズ用。
*/
.block-service-shogun-mas {
	margin: 13.33333vw 0 0;
	padding: 0 7.33333vw;
}
.block-service-shogun-mas a {
	display: block;
	padding: 5.33333vw 6.66667vw;
	border-radius: 1.33333vw;
	background: url(/assets/img/bg_stripe_03.png) repeat 0 0;
	background-size: 1.86667vw;
	text-decoration: none;
}
.block-service-shogun-mas a:hover {
	opacity: 0.7;
}
.block-service-shogun-mas figure {
	padding: 5.33333vw 0;
	border-radius: 1.33333vw;
	background: #fff;
	text-align: center;
}
.block-service-shogun-mas figure img {
	width: 80%;
}
.block-service-shogun-mas .title {
	display: block;
	font-size: 5.33333vw;
	font-weight: bold;
	text-align: justify; 
	letter-spacing: 0.1em;
}
.block-service-shogun-mas .description {
	display: block;
	margin: 1.33333vw 0 0;
	color: #000;
	font-size: 4.26667vw;
	line-height: 1.5;
	text-align: justify; 
	letter-spacing: 0.03em;
}
.block-service-shogun-mas .box {
	margin: 3.2vw 0 0;
	text-align: center;
}
.block-service-shogun-mas .box span {
	display: inline-block;
	padding: 0.53333vw 5.33333vw;
	border-radius: 1.06667vw;
	background: #fff;
	color: #000;
	font-size: 3.73333vw;
}
.block-service-shogun-mas .box span:after {
	content: '';
	display: inline-block;
	width: 4.26667vw;
	height: 3.73333vw;
	margin: 0.25vw 0 0 1.33333vw;
	background: url(/assets/img/ico_arrow_right_03.png) no-repeat 50% 50%;
	background-size: contain;
	vertical-align: top;
}
@media print, screen and (min-width: 768px) {
	.block-service-shogun-mas {
		width: 480px;
		margin: 45px auto 0;
		padding: 0;
	}
	.block-service-shogun-mas a {
		padding: 13px 57px 13px 13px;
		border-radius: 5px; 
		background-size: 7px;
	}
	.block-service-shogun-mas figure {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 134px;
		min-width: 134px;
		max-width: 134px;
		height: 134px;
		min-height: 134px;
		max-height: 134px;
		margin: 0 35px 0 0;
		padding: 0;
		border-radius: 5px;
	}
	.block-service-shogun-mas figure img {
		width: 109px;
		height: 103px;
	}
	.block-service-shogun-mas .title {
		margin: 8px 0 0;
		font-size: 2rem;
	}
	.block-service-shogun-mas .description {
		margin: 10px 0 0;
		font-size: 1.4rem;
		line-height: 1.28571;
	}
	.block-service-shogun-mas .box {
		margin: 12px 0 0;
	}
	.block-service-shogun-mas .box span {
		padding: 2px 20px;
		border-radius: 4px;
		font-size: 1.4rem;
	}
	.ie .block-service-shogun-mas .box span {
		padding-top: 7px;
	}
	.block-service-shogun-mas .box span:after {
		width: 12px;
		height: 11px;
		margin: 0.15em 0 0 8px;
	}
	.ie .block-service-shogun-mas .box span:after {
		margin-top: 0;
	}
}

/*docs
---
title: .block-service-shogun-voice
name: block-service-shogun-voice
category: block
---
「SERCICE - 将軍の日」の受講者の声カスタマイズ用。
*/
.block-service-shogun-voice {
	margin: 13.33333vw 0 0;
	padding: 0 7.33333vw;
}
@media print, screen and (min-width: 768px) {
	.block-service-shogun-voice {
		width: 892px;
		margin: 120px auto 0;
		padding: 0;
	}
	.block-service-shogun-voice .l-box-cols-inner {
		width: 100%;
	}
}

/*docs
---
title: .block-service-mas-flow
name: block-service-mas-flow
category: block
---
「SERCICE - MAS監査」の流れカスタマイズ用。
*/
.block-service-mas-flow {
	margin: 13.33333vw 0 0;
	padding: 0 7.33333vw;
}
@media print, screen and (min-width: 768px) {
	.block-service-mas-flow {
		width: 775px;
		margin: 120px auto 0;
		padding: 0;
	}
	.block-service-mas-flow .l-box-cols-inner {
		width: 100%;
	}
	.block-service-mas-flow .mod-flow-box-inner figure {
		text-align: center;
	}
	.block-service-mas-flow .mod-flow-box-inner figure img {
		width: 647px;
	}
}

/*docs
---
title: .block-service-mas-voice
name: block-service-mas-voice
category: block
---
「SERCICE - MAS監査」の受講者の声カスタマイズ用。
*/
.block-service-mas-voice {
	margin: 13.33333vw 0 0;
	padding: 0 7.33333vw;
}
@media print, screen and (min-width: 768px) {
	.block-service-mas-voice {
		width: 892px;
		margin: 120px auto 0;
		padding: 0;
	}
	.block-service-mas-voice .l-box-cols-inner {
		width: 100%;
	}
}

/*docs
---
title: .block-service-jikei-merit
name: block-service-jikei-merit
category: block
---
「SERCICE - 自計化・自動化支援」のメリットカスタマイズ用。
*/
.block-service-jikei-merit {
	margin: 13.33333vw 0 0;
	padding: 0 7.33333vw;
}
.block-service-jikei-merit-inner {
	padding: 4.66667vw 4vw;
	border-radius: 1.33333vw;
	background: #fffde5;
}
.block-service-jikei-merit-inner:last-child figure img {
	max-width: 100%;
}
.block-service-jikei-merit h2 {
	color: #898989;
	font-size: 4.8vw;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.04em;
}
.block-service-jikei-merit h3 {
	position: relative;
	margin: 6.66667vw 0 0;
	padding: 0 0 1.6vw 5.33333vw;
	border-bottom: 0.4vw solid #fedd4a;
	color: #898989;
	font-size: 4.26667vw;
	font-weight: bold;
}
.block-service-jikei-merit h3:before {
	content: '';
	display: block;
	position: absolute;
	top: 0.53333vw;
	left: 0;
	width: 4.26667vw;
	height: 4.26667vw;
	background: url(/assets/img/ico_dot_02.png) no-repeat 0 0;
	background-size: contain;
}
.block-service-jikei-merit p {
	margin: 2.66667vw 0 0;
	line-height: 1.78571;
	letter-spacing: 0.05em;
}
@media print, screen and (min-width: 768px) {
	.block-service-jikei-merit {
		width: 892px;
		margin: 120px auto 0;
		padding: 0;
	}
	.block-service-jikei-merit-inner {
		padding: 32px 15px 50px 58px;
		border-radius: 5px;
	}
	.block-service-jikei-merit .l-box-cols-inner:first-child {
		flex: 1;
	}
	.block-service-jikei-merit .l-box-cols-inner:last-child {
		width: 360px; 
		min-width: 360px;
		max-width: 360px;
	}
	.block-service-jikei-merit h2 {
		font-size: 2.2rem;
	}
	.block-service-jikei-merit h3 {
		margin: 26px 0 0;
		padding: 0 0 6px 20px;
		border-width: 2px; 

		font-size: 1.8rem;
	}
	.block-service-jikei-merit h3:before {
		top: 3px;
		width: 16px;
		height: 16px;
	}
	.block-service-jikei-merit p {
		margin: 14px 0 0;
	}
}

/*docs
---
title: .block-service-jikei-flow
name: block-service-jikei-flow
category: block
---
「SERCICE - 自計化・自動化支援」の流れカスタマイズ用。
*/
.block-service-jikei-flow {
	margin: 13.33333vw 0 0;
	padding: 0 7.33333vw;
}
@media print, screen and (min-width: 768px) {
	.block-service-jikei-flow {
		width: 775px;
		margin: 120px auto 0;
		padding: 0;
	}
	.block-service-jikei-flow .l-box-cols-inner {
		width: 100%;
	}
	.block-service-jikei-flow .mod-flow-box-inner figure {
		text-align: center;
	}
	.block-service-jikei-flow .mod-flow-box-inner figure img {
		width: 647px;
	}
}

/*docs
---
title: .block-service-jikei-voice
name: block-service-jikei-voice
category: block
---
「SERCICE - 自計化・自動化支援」のお客様の声カスタマイズ用。
*/
.block-service-jikei-voice {
	margin: 13.33333vw 0 0;
	padding: 0 7.33333vw;
}
@media print, screen and (min-width: 768px) {
	.block-service-jikei-voice {
		width: 892px;
		margin: 120px auto 0;
		padding: 0;
	}
	.block-service-jikei-voice .l-box-cols-inner {
		width: 100%;
	}
}

/*docs
---
title: .block-service-cloud-flow
name: block-service-cloud-flow
category: block
---
「SERCICE - クラウド会計」の流れカスタマイズ用。
*/
.block-service-cloud-flow {
	margin: 13.33333vw 0 0;
	padding: 0 7.33333vw;
}
@media print, screen and (min-width: 768px) {
	.block-service-cloud-flow {
		width: 775px;
		margin: 120px auto 0;
		padding: 0;
	}
	.block-service-cloud-flow .l-box-cols-inner {
		width: 100%;
	}
	.block-service-cloud-flow .mod-flow-box-inner figure {
		text-align: center;
	}
	.block-service-cloud-flow .mod-flow-box-inner figure img {
		width: 647px;
	}
}

/*docs
---
title: .block-service-brand-tools
name: block-service-brand-tools
category: block
---
「SERCICE - ブランディング」の制作ツールカスタマイズ用。
*/
.block-service-brand-tools {
	margin: 13.33333vw 0 0;
	padding: 0 7.33333vw;
}
.block-service-brand-tools .l-box-cols {
	margin: 9.33333vw 0 0;
}
.block-service-brand-tools .l-box-cols + .l-box-cols {
	margin: 4vw 0 0;
}
@media print, screen and (min-width: 768px) {
	.block-service-brand-tools {
		width: 892px;
		margin: 120px auto 0;
		padding: 0;
	}
	.block-service-brand-tools .l-box-cols {
		margin: 70px 0 0;
	}
	.block-service-brand-tools .l-box-cols-inner {
		width: 280px;
	}
	.block-service-brand-tools .l-box-cols + .l-box-cols {
		margin: 18px 0 0;
	}
	.block-service-brand-tools .mod-box-3 {
		height: 100%;
		padding: 30px 32px 26px;
	}
}

/*docs
---
title: .block-service-brand-intro
name: block-service-brand-intro
category: block
---
「SERCICE - ブランディング」の紹介スタマイズ用。
*/
.block-service-brand-intro {
	margin: 13.33333vw 0 0;
	padding: 0 7.33333vw;
}
.block-service-brand-intro .l-box-cols {
	padding: 6.4vw 7.73333vw 6.13333vw;
	border-radius: 1.33333vw;
	background: url(/assets/img/bg_stripe_02.png) repeat 0 0;
	background-size: 1.86667vw;
}
.block-service-brand-intro figure {
	border-radius: 1.33333vw;
	background: #fff;
}
.block-service-brand-intro figure img {
	width: 100%;
}
.block-service-brand-intro .title {
	display: block;
	margin: 6.66667vw 0 0;
	color: #898989;
	font-size: 5.33333vw;
	font-weight: bold;
	text-align: justify; 
	letter-spacing: 0.03em;
}
.block-service-brand-intro .description {
	display: block;
	margin: 4vw 0 0;
	color: #000;
	font-size: 3.73333vw;
	line-height: 1.8;
	text-align: justify; 
	letter-spacing: 0.05em;
}
@media print, screen and (min-width: 768px) {
	.block-service-brand-intro {
		width: 892px;
		margin: 36px auto 0;
		padding: 0;
	}
	.block-service-brand-intro .l-box-cols {
		padding: 48px 58px 46px;
		border-radius: 5px;
		background-size: 7px;
	}
	.block-service-brand-intro figure {
		width: 287px;
		min-width: 287px;
		max-width: 287px;
		margin: 0 35px 0 0;
		border-radius: 5px;
	}
	.block-service-brand-intro .title {
		margin: 0 0 0;
		font-size: 2rem;
	}
	.block-service-brand-intro .description {
		margin: 12px 0 0;
		font-size: 1.4rem;
	}
}

/*docs
---
title: .block-service-ikusei-effect
name: block-service-ikusei-effect
category: block
---
「SERCICE - 後継経営者育成」の効果カスタマイズ用。
*/
.block-service-ikusei-effect {
	margin: 13.33333vw 0 0;
	padding: 0 7.33333vw;
	text-align: center;
}
.block-service-ikusei-effect .title {
	display: inline-block;
	padding: 0 0 1.6vw;
	border-bottom: 0.4vw solid #fedd4a;
	color: #898989;
	font-size: 5.33333vw;
	font-weight: bold;
}
.block-service-ikusei-effect ul {
	margin: 5.33333vw 0 0;
	text-align: left;
}
.block-service-ikusei-effect ul li {
	margin: 2vw 0 0;
	line-height: 1.5;
	text-align: justify; 
	letter-spacing: 0.03em;
}
@media print, screen and (min-width: 768px) {
	.block-service-ikusei-effect {
		width: 892px;
		margin: 50px auto 0;
		padding: 0;
	}
	.block-service-ikusei-effect .title {
		padding: 0 0 5px;
		border-width: 2px;
		font-size: 2rem;
	}
	.block-service-ikusei-effect ul {
		width: 445px;
		margin: 16px auto 0;
	}
	.block-service-ikusei-effect ul li {
		margin: 4px 0 0;
		white-space: nowrap;
	}
}

/*docs
---
title: .block-service-ikusei-flow
name: block-service-ikusei-flow
category: block
---
「SERCICE - 後継経営者育成」の流れカスタマイズ用。
*/
.block-service-ikusei-flow {
	margin: 13.33333vw 0 0;
	padding: 0 7.33333vw;
}
.block-service-ikusei-flow .l-box-cols-inner:first-child {
	flex: 1;
}
.block-service-ikusei-flow .l-box-cols.howto {
	margin: 6.66667vw 0 0;
}
.block-service-ikusei-flow .l-box-cols.howto .title {
	display: block;
	color: #898989;
	font-size: 5.33333vw;
	font-weight: bold;
	letter-spacing: 0.04em;
}
.block-service-ikusei-flow .l-box-cols.howto .description {
	display: block;
	margin: 2.66667vw 0 0;
	font-size: 3.73333vw;
	line-height: 1.8;
	text-align: justify; 
	letter-spacing: 0.05em;
}
.block-service-ikusei-flow .l-box-cols.howto figure img {
	max-width: 100%;
}
.block-service-ikusei-flow .l-box-cols.howto + .l-box-cols {
	margin: 13.33333vw 0 0;
}
@media print, screen and (min-width: 768px) {
	.block-service-ikusei-flow {
		width: 775px;
		margin: 120px auto 0;
		padding: 0;
	}
	.block-service-ikusei-flow .l-box-cols.howto {
		align-items: center;
		width: 100%;
		margin: 38px 0 0;
	}
	.block-service-ikusei-flow .l-box-cols.howto .l-box-cols-inner:last-child {
		margin: 0 0 0 60px;
	}
	.block-service-ikusei-flow .l-box-cols.howto .title {
		font-size: 2rem;
	}
	.block-service-ikusei-flow .l-box-cols.howto .description {
		margin: 10px 0 0;
		font-size: 1.4rem;
	}
	.block-service-ikusei-flow .l-box-cols.howto figure {
		width: 284px;
	}
	.block-service-ikusei-flow .l-box-cols.howto + .l-box-cols {
		margin: 0;
	}
}

/*docs
---
title: .block-service-ikusei-voice
name: block-service-ikusei-voice
category: block
---
「SERCICE - 自計化・自動化支援」のお客様の声カスタマイズ用。
*/
.block-service-ikusei-voice {
	margin: 13.33333vw 0 0;
	padding: 0 7.33333vw;
}
@media print, screen and (min-width: 768px) {
	.block-service-ikusei-voice {
		width: 892px;
		margin: 120px auto 0;
		padding: 0;
	}
	.block-service-ikusei-voice .l-box-cols-inner {
		width: 100%;
	}
}

/*docs
---
title: .block-service-kaizen-flow
name: block-service-kaizen-flow
category: block
---
「SERCICE - 後継経営者育成」の流れカスタマイズ用。
*/
.block-service-kaizen-flow {
	margin: 13.33333vw 0 0;
	padding: 0 7.33333vw;
}
.block-service-kaizen-flow .l-box-cols.description {
	display: block;
}
.block-service-kaizen-flow .l-box-cols.description .text {
	display: block;
	margin: 4vw 0 0;
	line-height: 1.5625;
	text-align: justify; 
	letter-spacing: 0.16em;
}
@media print, screen and (min-width: 768px) {
	.block-service-kaizen-flow {
		width: 775px;
		margin: 120px auto 0;
		padding: 0;
	}
	.block-service-kaizen-flow .l-box-cols-inner {
		width: 100%;
	}
	.block-service-kaizen-flow .l-box-cols.description {
		width: 690px;
		margin: 32px auto 0;
	}
	.block-service-kaizen-flow .l-box-cols.description .text {
		font-size: 1.6rem;
	}
}

/*docs
---
title: .block-service-kaizen-voice
name: block-service-kaizen-voice
category: block
---
「SERCICE - 緊急改善支援」の受講者の声カスタマイズ用。
*/
.block-service-kaizen-voice {
	margin: 13.33333vw 0 0;
	padding: 0 7.33333vw;
}
@media print, screen and (min-width: 768px) {
	.block-service-kaizen-voice {
		width: 892px;
		margin: 120px auto 0;
		padding: 0;
	}
	.block-service-kaizen-voice .l-box-cols-inner {
		width: 100%;
	}
}

/*docs
---
title: .block-success
name: block-success
category: block
---
事例ブロックカスタマイズ用。
*/
.block-success {
	margin: 13.33333vw 0 0;
	padding: 0 7.33333vw;
}
.block-success-links {
	margin: 0 -7.33333vw;
	text-align: center; 
	letter-spacing: -0.4em;
}
.block-success-links > * {
	letter-spacing: normal;
}
.block-success-links li {
	display: inline-block;
	margin: 3.33333vw 1.73333vw 0;
}
.block-success-links li a {
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	width: 40.93333vw;
	height: 14.26667vw;
	border: 0.53333vw solid #898989;
	border-radius: 1.33333vw;
	color: #898989;
	font-size: 3.46667vw;
	font-weight: bold;
	text-decoration: none; 
	letter-spacing: 0.05em;
}
.block-success-links li a:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 1.33333vw;
	left: 50%;
	width: 2.93333vw;
	height: 1.46667vw;
	margin: 0 0 0 -1.46667vw;
	background: url(/assets/img/ico_arrow_flow_01.png) no-repeat 50% 0;
	background-size: contain;
}
.block-success-content-inner > figure img {
	width: 100%;
}
@media print, screen and (min-width: 768px) {
	.block-success {
		width: 775px;
		margin: 120px auto 0;
		padding: 0;
	}
	.block-success-links li {
		margin: 0 13px;
	}
	.block-success-links li a {
		width: 203px;
		height: 66px;
		border-width: 2px;
		border-radius: 5px;
		font-size: 1.8rem;
	}
	.block-success-links li a:after {
		display: none;
	}
	.block-success-links li a:hover {
		background-color: #898989;
		color: #fff;
	}
	.block-success-content-inner > figure {
		margin: 15px 0 0;
	}
}

/*docs
---
title: .block-seminar-list
name: block-seminar-list
category: block
---
「SEMINAR」の紹介一覧カスタマイズ用。
*/
.block-seminar-list {
	overflow: hidden;
	margin: 13.33333vw 0 0;
	padding: 0 7.33333vw;
}
.block-seminar-list .mod-list-box > li.shogun .image:before {
	background-image: url(/assets/img/img_seminar_01.gif);
}
.block-seminar-list .mod-list-box > li.onecoin .image:before {
	background-image: url(/assets/img/img_seminar_02.gif);
}
@media print, screen and (min-width: 768px) {
	.block-seminar-list {
		width: 720px;
		margin: 170px auto 0;
		padding: 0;
	}
	.block-seminar-list .mod-list-box > li.shogun .image:before {
		background-image: url(/assets/img/img_seminar_01.png), url(/assets/img/img_seminar_01.gif);
	}
	.block-seminar-list .mod-list-box > li.onecoin .image:before {
		background-image: url(/assets/img/img_seminar_02.png), url(/assets/img/img_seminar_02.gif);
	}
}

/*docs
---
title: .block-seminar-form
name: block-seminar-form
category: block
---
「SEMINAR」のフォームカスタマイズ用。
*/
.block-seminar-form {
	margin: 13.33333vw 0 0;
	padding: 0 7.33333vw;
}
.block-seminar-form .l-box-cols {
	margin: 5.33333vw 0 0;
}
@media print, screen and (min-width: 768px) {
	.block-seminar-form {
		width: 775px;
		margin: 100px auto 0;
		padding: 0;
	}
	.block-seminar-form .l-box-cols {
		margin: 44px 0 0;
	}
	.block-seminar-form .l-box-cols-inner {
		width: 100%;
	}
}

/*docs
---
title: .block-seminar-course
name: block-seminar-course
category: block
---
「SEMINAR - 将軍の日」のサービス内容・料金カスタマイズ用。
*/
.block-seminar-course {
	margin: 13.33333vw 0 0;
	padding: 0 7.33333vw;
}
.block-seminar-course .l-box-cols {
	margin: 5.33333vw 0 0;
}
@media print, screen and (min-width: 768px) {
	.block-seminar-course {
		width: 890px;
		margin: 100px auto 0;
		padding: 0;
	}
	.block-seminar-course .l-box-cols {
		margin: 44px 0 0;
	}
	.block-seminar-course .l-box-cols-inner {
		width: 425px;
	}
}

/*docs
---
title: .block-seminar-shogun-about
name: block-seminar-shogun-about
category: block
---
「SEMINAR - 将軍の日」の将軍とはカスタマイズ用。
*/
.block-seminar-shogun-about {
	margin: 13.33333vw 0 0;
	padding: 0 7.33333vw;
}
.block-seminar-shogun-about a {
	display: block;
	padding: 5.33333vw 6.66667vw;
	border-radius: 1.33333vw;
	background: rgba(254, 221, 74, 0.8);
	color: #222;
	text-decoration: none;
}
.block-seminar-shogun-about a:hover {
	opacity: 0.7;
}
.block-seminar-shogun-about figure {
	border-radius: 1.33333vw;
	background: #fff;
}
.block-seminar-shogun-about figure img {
	width: 100%;
}
.block-seminar-shogun-about .title {
	display: block;
	font-size: 4.8vw;
	font-weight: bold;
	text-align: justify; 
	letter-spacing: 0.1em;
}
.block-seminar-shogun-about .description {
	display: block;
	margin: 1.33333vw 0 0;
	font-size: 3.73333vw;
	line-height: 1.5;
	text-align: justify; 
	letter-spacing: 0.03em;
}
.block-seminar-shogun-about .box {
	margin: 3.2vw 0 0;
	text-align: center;
}
.block-seminar-shogun-about .box span {
	display: inline-block;
	padding: 0.53333vw 5.33333vw;
	border-radius: 1.06667vw;
	background: #fff;
	font-size: 3.73333vw;
}
.block-seminar-shogun-about .box span:after {
	content: '';
	display: inline-block;
	width: 4.26667vw;
	height: 3.73333vw;
	margin: 0.25vw 0 0 1.33333vw;
	background: url(/assets/img/ico_arrow_right_05.png) no-repeat 50% 50%;
	background-size: contain;
	vertical-align: top;
}
@media print, screen and (min-width: 768px) {
	.block-seminar-shogun-about {
		width: 658px;
		margin: 120px auto 0;
		padding: 0;
	}
	.block-seminar-shogun-about a {
		padding: 25px 38px;
		border-radius: 5px;
	}
	.block-seminar-shogun-about figure {
		width: 222px;
		min-width: 222px;
		max-width: 222px;
		margin: 0 38px 0 0;
		border-radius: 5px;
	}
	.block-seminar-shogun-about .title {
		font-size: 2.2rem;
	}
	.block-seminar-shogun-about .description {
		margin: 10px 0 0;
		font-size: 1.6rem;
	}
	.block-seminar-shogun-about .box {
		margin: 18px 0 0;
	}
	.block-seminar-shogun-about .box span {
		padding: 2px 20px;
		border-radius: 4px;
		font-size: 1.4rem;
	}
	.ie .block-seminar-shogun-about .box span {
		padding-top: 7px;
	}
	.block-seminar-shogun-about .box span:after {
		width: 12px;
		height: 11px;
		margin: 0.15em 0 0 8px;
	}
	.ie .block-seminar-shogun-about .box span:after {
		margin-top: 0;
	}
}

/*docs
---
title: .block-saiyou-lead
name: block-saiyou-lead
category: block
---
「RECRUIT」のリードブロックカスタマイズ用。
*/
.block-saiyou-lead {
	margin: 13.33333vw 0 0;
	padding: 0 7.33333vw;
}
.block-saiyou-lead h2 {
	color: #898989;
	font-size: 5.33333vw;
	font-weight: bold;
	line-height: 1.6;
	text-align: justify; 
	letter-spacing: 0.03em;
}
.block-saiyou-lead p {
	margin: 4.26667vw 0 0;
	line-height: 1.8;
	text-align: justify; 
	letter-spacing: 0.05em;
}
.block-saiyou-lead a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 70.66667vw;
	height: 18.66667vw;
	margin: 5.33333vw auto 0;
	border-radius: 1.33333vw;
	background: url(/assets/img/bg_stripe_03.png) repeat 0 0;
	background-size: 1.86667vw;
	color: #535353;
	font-size: 4.8vw;
	font-weight: bold;
	text-decoration: none;
}
.block-saiyou-lead a span {
	display: block;
	margin: 1.06667vw 0 0;
	color: #222;
	font-size: 3.73333vw;
	font-weight: normal;
}
.block-saiyou-lead a span:after {
	content: '';
	display: inline-block;
	width: 3.2vw;
	height: 2.93333vw;
	margin: 0 0 0 1.6vw;
	background: url(/assets/img/ico_arrow_right_03.png) no-repeat 0 0;
	background-size: 3.2vw 2.93333vw;
}
.block-saiyou-lead figure {
	margin: 13.33333vw -7.33333vw 0;
}
.block-saiyou-lead figure img {
	width: 100%;
}
@media print, screen and (min-width: 768px) {
	.block-saiyou-lead {
		width: 890px;
		margin: 160px auto 0;
		padding: 0;
	}
	.block-saiyou-lead h2 {
		font-size: 2rem;
		text-align: center;
	}
	.block-saiyou-lead p {
		width: 660px;
		margin: 16px auto 0;
	}
	.block-saiyou-lead a {
		width: 265px;
		height: 70px;
		margin: 20px auto 0;
		border-radius: 5px;
		background-size: 7px; 

		font-size: 1.8rem;
	}
	.ie .block-saiyou-lead a {
		padding-top: 5px;
	}
	.block-saiyou-lead a span {
		margin: 4px 0 0;
		font-size: 1.4rem;
	}
	.block-saiyou-lead a span:after {
		width: 12px;
		height: 11px;
		margin: 0 0 0 6px;
		background-size: 12px 11px;
	}
	.block-saiyou-lead a:hover {
		opacity: 0.8;
	}
	.block-saiyou-lead figure {
		margin: 55px 0 0;
	}
}

/*docs
---
title: .block-saiyou-interview
name: block-saiyou-interview
category: block
---
「RECRUIT」のインタビューブロックカスタマイズ用。
*/
.block-saiyou-interview {
	padding: 0 7.33333vw;
}
.block-saiyou-interview .mod-box-3 {
	display: flex;
	flex-direction: column;
}
.block-saiyou-interview .mod-box-3 .caption {
	font-weight: bold;
}
.block-saiyou-interview > .l-box-cols {
	margin: 6.66667vw 0 0;
}
.block-saiyou-interview > .l-box-cols .title {
	order: 2; 

	margin: 4vw 0 0;
	font-size: 4.26667vw;
	line-height: 1.56;
}
.block-saiyou-interview > .l-box-cols figure {
	order: 1;
}
.block-saiyou-interview > .l-box-cols .caption {
	order: 3;
}
.block-saiyou-interview > .l-box-cols .btn {
	order: 4;
}
.block-saiyou-interview > .mod-box-3 {
	margin: 4vw 0 0;
}
.block-saiyou-interview > .mod-box-3 .l-box-cols .title {
	font-size: 4.26667vw; 
	line-height: 1.56;
}
@media print, screen and (min-width: 768px) {
	.block-saiyou-interview {
		width: 680px;
		margin: 0 auto;
		padding: 0;
	}
	.block-saiyou-interview .mod-box-3 {
		margin: 0;
	}
	.block-saiyou-interview > .l-box-cols {
		margin: 50px 0 0;
	}
	.block-saiyou-interview > .l-box-cols .mod-box-3 {
		display: block;
		width: 320px;
		height: 100%;
	}
	.block-saiyou-interview > .l-box-cols .title {
		margin: 0;
		font-size: 1.6rem;
	}
	.block-saiyou-interview > .mod-box-3 {
		margin: 40px 0 0;
	}
	.block-saiyou-interview > .mod-box-3 .l-box-cols {
		padding: 0 22px;
	}
	.block-saiyou-interview > .mod-box-3 .l-box-cols-inner {
		width: 240px;
	}
	.block-saiyou-interview > .mod-box-3 .l-box-cols .title {
		font-size: 1.6rem;
	}
	.block-saiyou-interview > .mod-box-3 .l-box-cols figure {
		margin: 0;
	}
}

/*docs
---
title: .block-saiyou-require
name: block-saiyou-require
category: block
---
「RECRUIT」の募集要項ブロックカスタマイズ用。
*/
.block-saiyou-require {
	padding: 0 7.33333vw;
}
.block-saiyou-require table {
	table-layout: fixed; 

	margin: 6.66667vw 0 0;
}
.block-saiyou-require table tr {
	border-top: 1px solid rgba(137, 137, 137, 0.2);
}
.block-saiyou-require table tr:first-child {
	border: none;
}
.block-saiyou-require table th,
.block-saiyou-require table td {
	padding: 4.26667vw 0;
	line-height: 1.3;
	text-align: justify; 
	vertical-align: top;
}
.block-saiyou-require table th {
	width: 32vw;
}
.block-saiyou-require table th span {
	display: inline-block;
	position: relative;
	padding: 0 0 0 6.66667vw;
}
.block-saiyou-require table th span:before {
	content: '';
	display: block;
	position: absolute;
	top: 0.5vw;
	left: 2vw;
	width: 2.66667vw;
	height: 3.73333vw;
	background: url(/assets/img/ico_drop_01.png) no-repeat 0 0;
	background-size: 2.66667vw auto;
}
@media print, screen and (min-width: 768px) {
	.block-saiyou-require {
		width: 890px;
		margin: 0 auto;
		padding: 0;
	}
	.block-saiyou-require table {
		width: 100%;
		margin: 50px 0 0;
	}
	.block-saiyou-require table th,
	.block-saiyou-require table td {
		padding: 16px 0;
	}
	.block-saiyou-require table th {
		width: 180px;
	}
	.block-saiyou-require table th span {
		padding: 0 0 0 42px;
	}
	.block-saiyou-require table th span:before {
		top: 2px;
		left: 19px;
		width: 10px;
		height: 14px;
		background-size: 10px 14px;
	}
	.ie .block-saiyou-require table th span:before {
		top: 0;
	}
}

/*docs
---
title: .block-saiyou-detail
name: block-saiyou-detail
category: block
---
「RECRUIT」のインタビュー記事詳細ブロックカスタマイズ用。
*/
.block-saiyou-detail {
	padding: 0 7.33333vw;
}
.block-saiyou-detail header {
	position: relative;
	margin: 13.33333vw -7.33333vw 0;
}
.block-saiyou-detail header .text {
	display: flex;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding: 1.33333vw 44vw 1.33333vw 7.33333vw;
}
.block-saiyou-detail header h2 {
	color: #898989;
	font-size: 3.6vw;
	font-weight: bold;
	line-height: 1.4;
	text-align: justify; 
	letter-spacing: 0.09em;
}
.block-saiyou-detail header .sup {
	margin: 2.13333vw 0 0;
	color: #898989;
	font-size: 2.13333vw;
	font-weight: bold;
}
.block-saiyou-detail header figure {
	position: relative;
	z-index: 1;
}
.block-saiyou-detail header figure img {
	width: 100%;
}
.block-saiyou-detail .l-box-cols-inner {
	margin: 5.33333vw 0 0;
}
.block-saiyou-detail .l-box-cols figure img {
	width: 100%;
}
.block-saiyou-detail .l-box-cols section h3 {
	color: #898989;
	font-size: 4.8vw;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 0.03em;
}
.block-saiyou-detail .l-box-cols section p {
	margin: 2vw 0 0;
	font-size: 3.2vw;
	line-height: 1.8;
	text-align: justify; 
	letter-spacing: 0.03em;
}
.block-saiyou-detail .l-box-cols section p:first-child {
	margin: 0;
}
@media print, screen and (min-width: 768px) {
	.block-saiyou-detail {
		width: 890px;
		margin: 0 auto;
		padding: 0;
	}
	.block-saiyou-detail header {
		margin: 100px 0 0;
	}
	.block-saiyou-detail header .text {
		padding: 20px 300px 20px 80px;
	}
	.block-saiyou-detail header h2 {
		font-size: 2.7rem;
	}
	.block-saiyou-detail header .sup {
		margin: 16px 0 0;
		font-size: 1.6rem;
	}
	.block-saiyou-detail .l-box-cols {
		margin: 30px 0 0;
	}
	.block-saiyou-detail .l-box-cols + .l-box-cols {
		margin: 45px 0 0;
	}
	.block-saiyou-detail .l-box-cols-inner {
		width: 420px;
		margin: 0;
	}
	.block-saiyou-detail .l-box-cols section h3 {
		font-size: 2.2rem;
	}
	.block-saiyou-detail .l-box-cols section p {
		margin: 12px 0 0;
		font-size: 1.4rem;
	}
}

/*docs
---
title: .block-saiyou-links
name: block-saiyou-links
category: block
---
「RECRUIT」のインタビュー記事詳細下リンクブロックカスタマイズ用。
*/
.block-saiyou-links {
	margin: 20vw 0 0;
	padding: 0 7.33333vw;
}
.block-saiyou-links .l-box-cols-inner {
	width: 33.33333vw;
	margin: 0 3.33333vw;
}
.block-saiyou-links .l-box-cols-inner a {
	display: block;
	text-decoration: none;
}
.block-saiyou-links .l-box-cols-inner figure img {
	width: 100%;
}
.block-saiyou-links .l-box-cols-inner .caption {
	display: block;
	margin: 1.33333vw 0 0;
	font-size: 3.2vw;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
}
@media print, screen and (min-width: 768px) {
	.block-saiyou-links {
		margin: 200px 0 0;
		padding: 0;
	}
	.block-saiyou-links .l-box-cols-inner {
		width: 178px;
		margin: 0 15px;
	}
	.block-saiyou-links .l-box-cols-inner .caption {
		margin: 10px 0 0;
		font-size: 1.6rem;
	}
}

/*docs
---
title: .block-contact-form
name: block-contact-form
category: block
---
「お問合せ」のフォームカスタマイズ用。
*/
.block-contact-form {
	margin: 13.33333vw 0 0;
	padding: 0 7.33333vw;
}
.block-contact-form .l-box-cols {
	margin: 5.33333vw 0 0;
}
@media print, screen and (min-width: 768px) {
	.block-contact-form {
		width: 775px;
		margin: 100px auto 0;
		padding: 0;
	}
	.block-contact-form .l-box-cols {
		margin: 44px 0 0;
	}
	.block-contact-form .l-box-cols-inner {
		width: 100%;
	}
}