@charset "UTF-8";
/* =====================================
  normalize.css v8.0.1
  MIT License
  github.com/necolas/normalize.css
===================================== */
html {
		line-height: 1.15;
		-webkit-text-size-adjust: 100%;
}

body {
		margin: 0;
}

main {
		display: block;
}

h1 {
		font-size: 2em;
		margin: 0.67em 0;
}

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

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

a {
		background-color: transparent;
}

abbr[title] {
		border-bottom: none;
		text-decoration: underline;
		text-decoration: underline dotted;
}

b,
strong {
		font-weight: bolder;
}

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

small {
		font-size: 80%;
}

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

sub {
		bottom: -0.25em;
}

sup {
		top: -0.5em;
}

img {
		border-style: none;
}

button,
input,
optgroup,
select,
textarea {
		font-family: inherit;
		font-size: 100%;
		line-height: 1.15;
		margin: 0;
}

button,
input {
		overflow: visible;
}

button,
select {
		text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
		-webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
		border-style: none;
		padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
		outline: 1px dotted ButtonText;
}

fieldset {
		padding: 0.35em 0.75em 0.625em;
}

legend {
		box-sizing: border-box;
		color: inherit;
		display: table;
		max-width: 100%;
		padding: 0;
		white-space: normal;
}

progress {
		vertical-align: baseline;
}

textarea {
		overflow: auto;
}

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

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

[type="search"] {
		-webkit-appearance: textfield;
		outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
		-webkit-appearance: none;
}

::-webkit-file-upload-button {
		-webkit-appearance: button;
		font: inherit;
}

details {
		display: block;
}

summary {
		display: list-item;
}

template {
		display: none;
}

[hidden] {
		display: none;
}

/* ==============================================
  フォント - ゴシック体
=============================================== */
/* lato-regular - latin */
@font-face {
		font-family: 'Lato';
		font-style: normal;
		font-weight: 400;
		font-display: swap;
		src: url("../fonts/lato-v20-latin-regular.eot");
		/* IE9 Compat Modes */
		src: local(""), url("../fonts/lato-v20-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-v20-latin-regular.woff2") format("woff2"), url("../fonts/lato-v20-latin-regular.woff") format("woff"), url("../fonts/lato-v20-latin-regular.ttf") format("truetype"), url("../fonts/lato-v20-latin-regular.svg#Lato") format("svg");
		/* Legacy iOS */
}

/* lato-700 - latin */
@font-face {
		font-family: 'Lato';
		font-style: normal;
		font-weight: 700;
		font-display: swap;
		src: url("../fonts/lato-v20-latin-700.eot");
		/* IE9 Compat Modes */
		src: local(""), url("../fonts/lato-v20-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-v20-latin-700.woff2") format("woff2"), url("../fonts/lato-v20-latin-700.woff") format("woff"), url("../fonts/lato-v20-latin-700.ttf") format("truetype"), url("../fonts/lato-v20-latin-700.svg#Lato") format("svg");
		/* Legacy iOS */
}

/* メディアクエリ */
/* メインフォント */
/* サブフォント */
/* 文字色 */
/* 背景色 */
/* 補色 */
/* リンク色 */
/* 角丸 */
/* 線 */
/* ==============================================
    共通
=============================================== */
html {
		width: 100%;
		margin: 0;
		padding: 0;
}

html.fixed,
html.fixed body {
		position: fixed;
		height: 100%;
		overflow: hidden;
}

body {
		font-family: "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
		color: #53565A;
		width: 100%;
		font-size: 16px;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
}

main {
		position: relative;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
}

b,
strong {
		font-family: "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
}

_:lang(x)::-ms-backdrop, .selector {
		font-family: "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
}

a,
a:link,
a:visited {
		color: #53565A;
		text-decoration: none;
		cursor: pointer;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		tap-highlight-color: rgba(0, 0, 0, 0);
}

a:hover,
a:active {
		color: #53565A;
		opacity: .8;
		text-decoration: none;
		cursor: pointer;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		tap-highlight-color: rgba(0, 0, 0, 0);
		transition: all 0.3s;
}

@media screen and (min-width: 1201px) {
		a:hover img {
				opacity: 0.8;
				filter: alpha(opacity=80);
				-ms-filter: "alpha( opacity=80 )";
				transition: all 0.3s;
		}
}

img {
		vertical-align: top;
		image-rendering: -webkit-optimize-contrast;
}

.clearfix:after {
		content: "";
		display: block;
		clear: both;
}

table {
		max-width: 100%;
		background-color: transparent;
		border-collapse: collapse;
		border-spacing: 0;
}

caption,
th,
td {
		text-align: left;
		font-weight: normal;
		vertical-align: middle;
}

input,
select {
		vertical-align: middle;
		cursor: pointer;
}

label {
		cursor: pointer;
		display: block;
}

textarea,
input[type="button"],
input[type="text"],
input[type="email"],
input[type="password"],
input[type="submit"],
input[type="file"] {
		-webkit-user-select: auto;
		-webkit-appearance: none;
		outline: 0;
		margin: 0;
}

button {
		background-color: transparent;
		border: none;
		cursor: pointer;
		outline: none;
		padding: 0;
		appearance: none;
}

select {
		border-radius: 0;
		appearance: none;
}

select::-ms-expand {
		display: none;
}

img,
object,
embed {
		max-width: 100%;
}

a img {
		border: none;
}

hr {
		height: 0;
		margin: 0;
		border: none;
		border-top: 1px solid #707070;
}

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

@media screen and (min-width: 1025px) {
		.pc-only-none {
				display: none;
		}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
		.tb-none {
				display: none !important;
		}
}

@media screen and (max-width: 1200px) {
		.pc-less-than {
				display: none !important;
		}
}

@media screen and (max-width: 1024px) {
		.tb-less-than {
				display: none !important;
		}
}

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

/* ==============================================
  セクション
=============================================== */
section {
		width: 100%;
		margin: 0;
		padding: 90px 0;
		box-sizing: border-box;
}

@media screen and (max-width: 1200px) {
		section {
				margin: 0 auto;
		}
}

@media screen and (max-width: 767px) {
		section {
				padding: 40px 0;
		}
}

/* ==============================================
  インナー
=============================================== */
.inner {
		position: relative;
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
		padding: 0;
		box-sizing: border-box;
}

@media screen and (max-width: 1200px) {
		.inner {
				width: 92%;
		}
}

/* ==============================================
  文字
=============================================== */
h1 {
		display: block;
		color: #fff;
		font-size: 72px;
		line-height: 1.5;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
}

@media screen and (max-width: 1200px) {
		h1 {
				font-size: 5.27vw;
		}
}

@media screen and (max-width: 767px) {
		h1 {
				font-size: 32px;
				line-height: 48px;
		}
}

@media screen and (max-width: 280px) {
		h1 {
				font-size: 28px;
				line-height: 1.5;
		}
}

h2 {
		position: relative;
		color: #53565A;
		font-family: "Lato", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
		font-weight: normal;
		font-size: 50px;
		line-height: 1em;
		text-align: center;
		vertical-align: top;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
}

@media screen and (max-width: 1200px) {
		h2 {
				font-size: 37px;
		}
}

@media screen and (max-width: 767px) {
		h2 {
				font-size: 24px;
				line-height: 1em;
		}
}

h2::after {
		content: "";
		position: absolute;
		left: 50%;
		bottom: -20.6px;
		width: 226px;
		height: 3px;
		background: url(../img/underline.svg) center center/226px 3px no-repeat;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
}

@media screen and (max-width: 1200px) {
		h2::after {
				bottom: -17.8px;
		}
}

@media screen and (max-width: 767px) {
		h2::after {
				bottom: -15px;
				width: 201px;
				height: 3px;
				background: url(../img/underline-sp.svg) center center/201px 3px no-repeat;
		}
}

h3 {
		color: #53565A;
		font-size: 20px;
		line-height: 1em;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
}

@media screen and (max-width: 767px) {
		h3 {
				font-size: 18px;
				line-height: 26px;
		}
}

h4 {
		color: #53565A;
		font-size: 20px;
		line-height: 1em;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
}

@media screen and (max-width: 767px) {
		h4 {
				font-size: 18px;
				line-height: 26px;
		}
}

p {
		color: #53565A;
		font-size: 16px;
		line-height: 24px;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
}

@media screen and (max-width: 767px) {
		p {
				font-size: 14px;
				line-height: 1.5;
		}
}

/* ==============================================
  共通
=============================================== */
.sub-title {
		font-size: 26px;
		font-weight: bold;
		line-height: 1em;
		text-align: center;
		margin-top: 54.8px;
}

@media screen and (max-width: 1200px) {
		.sub-title {
				font-size: 24px;
				margin-top: 43.9px;
		}
}

@media screen and (max-width: 767px) {
		.sub-title {
				font-size: 22px;
				margin-top: 33px;
				line-height: 1.3;
		}
}

@media screen and (max-width: 280px) {
		.sub-title {
				font-size: 16px;
		}
}

.description {
		text-align: center;
		margin-top: 30px;
}

@media screen and (max-width: 1200px) {
		.description {
				margin-top: 20px;
		}
}

@media screen and (max-width: 767px) {
		.description {
				text-align: left;
				line-height: 21px;
				margin-top: 30px;
		}
}

.third-title {
		font-size: 18px;
		font-weight: bold;
		line-height: 1em;
		text-align: center;
		margin-top: 30px;
}

@media screen and (max-width: 767px) {
		.third-title {
				font-size: 16px;
		}
}

@media screen and (max-width: 280px) {
		.third-title {
				font-size: 12px;
		}
}

.archiveLead {
		max-width: 1200px;
		margin: 0 auto;
		padding: 41px 0;
}

@media screen and (max-width: 767px) {
		.archiveLead {
				padding: 36px 15px 26px;
		}
}

.archiveLead_text {
		font-size: 16px;
		line-height: 1.5;
		text-align: center;
}

@media screen and (max-width: 767px) {
		.archiveLead_text {
				font-size: 14px;
		}
}

.archiveSortArea {
		width: 100%;
		max-width: 800px;
		margin: 0 auto;
}

@media screen and (max-width: 767px) {
		.archiveSortArea {
				padding: 0 15px;
				box-sizing: border-box;
		}
}

.archiveSortList {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		list-style: none;
		margin: -10px;
		padding: 0;
}

@media screen and (max-width: 767px) {
		.archiveSortList {
				flex-direction: column;
				width: 100%;
				margin: 0;
		}
}

.archiveSortList_node {
		width: 50%;
		padding: 10px;
		box-sizing: border-box;
}

@media screen and (max-width: 767px) {
		.archiveSortList_node {
				width: 100%;
				padding: 0;
		}
}

.archiveSortList_node.all {
		width: 100%;
}

@media screen and (max-width: 767px) {
		.archiveSortList_node + .archiveSortList_node {
				margin-top: 10px;
		}
}

.archiveSortList_node_link {
		display: inline-block;
		width: 100%;
		padding: 20px 10px;
		background-color: #034895;
		border: 1px solid #034895;
		font-size: 20px;
		font-weight: bold;
		color: #fff !important;
		text-align: center;
		box-sizing: border-box;
		border: 1px solid #034895;
}

@media screen and (max-width: 767px) {
		.archiveSortList_node_link {
				font-size: 16px;
		}
}

.active .archiveSortList_node_link {
		background-color: #FFF;
		color: #034895 !important;
}

.archiveSortList_node_link.inactive {
		pointer-events: none;
		background-color: #2d353d;
		color: #a9a9a9 !important;
}

/* ==============================================
  1カラムエリア
=============================================== */
.one-column-area {
		position: relative;
		width: 100%;
		box-sizing: border-box;
}

.one-column-area .one-column-contents {
		width: 100%;
		margin-bottom: 30px;
}

.one-column-area .one-column-contents:last-child {
		margin: 0;
}

.one-column-area .one-column-contents ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
}

.one-column-area .one-column-contents ul li {
		display: flex;
		justify-content: space-between;
}

/* ==============================================
  2カラムエリア
=============================================== */
.two-column-area {
		position: relative;
		width: 100%;
}

@media screen and (max-width: 767px) {
		.two-column-area {
				background: #F0F0F0;
		}
}

.two-column-area ul {
		display: flex;
		list-style-type: none;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
}

@media screen and (max-width: 767px) {
		.two-column-area ul {
				display: block;
		}
}

.two-column-area ul li {
		width: 575px;
		margin-right: 50px;
}

@media screen and (max-width: 1200px) {
		.two-column-area ul li {
				width: 100%;
				margin-right: 4.16%;
		}
}

@media screen and (max-width: 767px) {
		.two-column-area ul li {
				width: 100%;
				margin-right: 0;
		}
}

.two-column-area ul li:last-child {
		margin-right: 0;
}

@media screen and (max-width: 767px) {
		.two-column-area ul li:last-child {
				margin: -10px 0 0 0;
		}
}

.two-column-area ul li h3 {
		font-size: 30px;
		font-weight: bold;
		line-height: 1em;
		padding-bottom: 20px;
}

@media screen and (max-width: 767px) {
		.two-column-area ul li h3 {
				font-size: 24px;
		}
}

.two-column-area ul li img {
		width: 100%;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
}

.two-column-area ul li .two-column-sentence {
		width: 100%;
		font-size: 16px;
		line-height: 26px;
		background: #fff;
		padding: 25px 30px;
		box-shadow: 3px 3px 12px rgba(141, 141, 141, 0.2);
		box-sizing: border-box;
}

@media screen and (max-width: 1200px) {
		.two-column-area ul li .two-column-sentence {
				font-size: 14px;
				line-height: 24px;
				padding: 2.5%;
		}
}

@media screen and (max-width: 767px) {
		.two-column-area ul li .two-column-sentence {
				top: -40px;
				height: auto;
				line-height: 20px;
				border-top: 3px solid #0091DA;
				padding: 4.6% 4%;
		}
}

/* ==============================================
  3カラムエリア
=============================================== */
.three-column-area .three-column-content ul {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		list-style-type: none;
		margin: 60px 0 0;
		padding: 0;
		box-sizing: border-box;
}

@media screen and (max-width: 767px) {
		.three-column-area .three-column-content ul {
				display: block;
				margin: 30px 0 0;
		}
}

.three-column-area .three-column-content ul li {
		width: 32%;
		max-width: 370px;
		text-align: center;
		margin: 0 3.2% 60px 0;
		padding: 0;
		box-sizing: border-box;
		/*@include media(tb) {
          width: 100%;
          margin: 0 0 40px 0;
        }*/
}

@media screen and (max-width: 1200px) {
		.three-column-area .three-column-content ul li {
				width: 32%;
				margin: 0 2% 60px 0;
		}
}

@media screen and (max-width: 767px) {
		.three-column-area .three-column-content ul li {
				width: 100%;
				margin: 0 0 20px 0;
				padding: 15px 4%;
		}
}

.three-column-area .three-column-content ul li:nth-child(3n) {
		margin-right: 0;
}

@media screen and (max-width: 767px) {
		.three-column-area .three-column-content ul li:nth-child(3n) {
				margin: 0;
		}
}

@media screen and (max-width: 767px) {
		.three-column-area .three-column-content ul li img {
				width: 100%;
		}
}

.three-column-area .three-column-content ul li .three-column-sentence {
		font-size: 16px;
		line-height: 26px;
		text-align: left;
		margin-top: 20px;
}

@media screen and (max-width: 767px) {
		.three-column-area .three-column-content ul li .three-column-sentence {
				font-size: 14px;
				line-height: 20px;
				margin-top: 7px;
		}
}

/* ==============================================
  4カラムエリア
=============================================== */
.four-column-area .four-column-contents ul {
		display: flex;
		flex-wrap: wrap;
		list-style-type: none;
		margin: 60px 0 0;
		padding: 0;
		box-sizing: border-box;
}

@media screen and (max-width: 767px) {
		.four-column-area .four-column-contents ul {
				display: block;
				margin: 30px 0 0;
		}
}

.four-column-area .four-column-contents ul li {
		width: 285px;
		text-align: center;
		margin: 0 20px 0 0;
		padding: 0;
		box-sizing: border-box;
		/*@include media(tb) {
          width: 100%;
          margin: 0 0 40px 0;
        }*/
}

@media screen and (max-width: 1200px) {
		.four-column-area .four-column-contents ul li {
				width: 27.5vw;
				margin: 0 3.74vw 60px 0;
		}
}

@media screen and (max-width: 767px) {
		.four-column-area .four-column-contents ul li {
				width: 100%;
				margin: 0 0 20px 0;
				padding: 15px 4%;
		}
}

.four-column-area .four-column-contents ul li:last-child {
		margin-right: 0;
}

@media screen and (max-width: 767px) {
		.four-column-area .four-column-contents ul li:last-child {
				margin: 0;
		}
}

@media screen and (max-width: 767px) {
		.four-column-area .four-column-contents ul li img {
				width: 100%;
		}
}

/* ==============================================
  ボタン
=============================================== */
.download-button a {
		position: relative;
		display: block;
		width: 198px;
		height: 106px;
		color: #fff;
		font-size: 16px;
		font-weight: bold;
		text-align: center;
		background: #0094E2;
		margin: 0;
		padding: 24px 0 0 0;
		box-sizing: border-box;
}

@media screen and (max-width: 767px) {
		.download-button a {
				font-size: 14px;
		}
}

@media screen and (max-width: 1200px) {
		.download-button a {
				width: 16.5vw;
		}
}

.download-button a img {
		width: 34px;
		height: 36px;
		margin-bottom: 7px;
}

.inquiry-button a {
		position: relative;
		display: block;
		width: 198px;
		height: 106px;
		color: #fff;
		font-size: 16px;
		font-weight: bold;
		text-align: center;
		background: #FF8200;
		margin: 0;
		padding: 27px 0 0 0;
		box-sizing: border-box;
}

@media screen and (max-width: 767px) {
		.inquiry-button a {
				font-size: 14px;
		}
}

@media screen and (max-width: 1200px) {
		.inquiry-button a {
				width: 16.5vw;
		}
}

.inquiry-button a img {
		width: 30.68px;
		height: 25px;
		margin-bottom: 14px;
}

.detail-button a {
		position: relative;
		display: block;
		max-width: 345px;
		width: 100%;
		height: 60px;
		color: #fff;
		font-size: 18px;
		font-weight: bold;
		line-height: 60px;
		background: #002855;
		margin: 0;
		padding: 0 0 0 20px;
		box-sizing: border-box;
}

@media screen and (max-width: 280px) {
		.detail-button a {
				width: 92vw;
				margin: 0 auto;
		}
}

.detail-button a::after {
		position: absolute;
		content: " ";
		top: 50%;
		right: 25px;
		width: 10px;
		height: 18px;
		background: url(../img/white-arrow.svg) center center/10px 18px no-repeat;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		transition: 0.3s;
}

.detail-button a:hover:after {
		right: 20px;
}

.detail-button a.inactive {
		color: #a9a9a9;
		background: #2d353d;
		pointer-events: none;
}

.detail-button a.inactive::after {
		background: url(../img/inactive-arrow.svg) center center/10px 18px no-repeat;
}

.detail-button a.inactive:hover:after {
		right: 25px;
}

.white-button a {
		position: relative;
		display: block;
		width: 349px;
		height: 48px;
		font-size: 18px;
		font-weight: bold;
		line-height: 48px;
		background: #fff;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
}

.white-button a::after {
		position: absolute;
		content: " ";
		top: 50%;
		width: 10px;
		height: 18px;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		transition: 0.3s;
}

/* ==============================================
  追従バナー
=============================================== */
.fixed-banner {
		position: fixed;
		right: 0;
		bottom: 0;
		width: auto;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
		cursor: pointer;
		z-index: 1000;
}

@media screen and (max-width: 767px) {
		.fixed-banner {
				width: 100%;
				height: 70px;
				right: auto;
				left: 0;
				background-color: #fff;
				padding: 7px 0;
				border-top: 2px solid #333;
		}
}

.fixed-banner img {
		position: relative;
		vertical-align: top;
		z-index: 1100;
}

.fixed-banner p.close {
		position: absolute;
		top: -13.5px;
		right: 0;
		width: 27px;
		height: 27px;
		margin: 0;
		padding: 0;
		z-index: 1200;
}

.fixed-banner p.close img {
		width: 27px;
		height: 27px;
		vertical-align: top;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
}

.fixed-banner .download-button {
		position: relative;
		width: 345px;
		height: 59px;
		background: url(../img/banner-sp.png) center center/345px 59px no-repeat;
		margin: 0 auto;
		padding: 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
		.fixed-banner .download-button {
				background: url(../img/banner-sp-2x.png) center center/345px 59px no-repeat;
		}
}

.fixed-banner .download-button a {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 345px;
		height: 59px;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
}

/* ==============================================
  トップへ戻るボタン
=============================================== */
.pagetop-area {
		width: 100%;
		text-align: center;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
}

.pagetop-area div {
		margin: 0;
		padding: 0;
		box-sizing: border-box;
}

.page-top {
		position: fixed;
		right: 20px;
		bottom: 20px;
		width: 45px;
		height: 45px;
		background: url(../img/top-arrow.svg) center center/45px 45px no-repeat;
		z-index: 99;
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		transition: 0.3s;
		cursor: pointer;
}

.page-top:hover {
		background: url(../img/top-arrow-hover.svg) center center/45px 45px no-repeat;
}

/* Slider */
.slick-slider {
		position: relative;
		display: block;
		box-sizing: border-box;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-ms-touch-action: pan-y;
		touch-action: pan-y;
		-webkit-tap-highlight-color: transparent;
}

.slick-list {
		position: relative;
		overflow: hidden;
		display: block;
		margin: 0;
		padding: 0;
}

.slick-list:focus {
		outline: none;
}

.slick-list.dragging {
		cursor: pointer;
		cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
}

.slick-track {
		position: relative;
		left: 0;
		top: 0;
		display: block;
		margin-left: auto;
		margin-right: auto;
}

.slick-track:before, .slick-track:after {
		content: "";
		display: table;
}

.slick-track:after {
		clear: both;
}

.slick-loading .slick-track {
		visibility: hidden;
}

.slick-slide {
		float: left;
		height: 100%;
		min-height: 1px;
		display: none;
}

[dir="rtl"] .slick-slide {
		float: right;
}

.slick-slide img {
		display: block;
}

.slick-slide.slick-loading img {
		display: none;
}

.slick-slide.dragging img {
		pointer-events: none;
}

.slick-initialized .slick-slide {
		display: block;
}

.slick-loading .slick-slide {
		visibility: hidden;
}

.slick-vertical .slick-slide {
		display: block;
		height: auto;
		border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
		display: none;
}

/* Slider */
.slick-loading .slick-list {
		background: #fff url("./ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
		font-family: "slick";
		src: url("./fonts/slick.eot");
		src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
		font-weight: normal;
		font-style: normal;
}

/* Arrows */
.slick-prev,
.slick-next {
		position: absolute;
		display: block;
		height: 20px;
		width: 20px;
		line-height: 0px;
		font-size: 0px;
		cursor: pointer;
		background: transparent;
		color: transparent;
		top: 50%;
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%);
		padding: 0;
		border: none;
		outline: none;
}

.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
		outline: none;
		background: transparent;
		color: transparent;
}

.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
		opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
		opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
		font-family: "slick";
		font-size: 20px;
		line-height: 1;
		color: white;
		opacity: 0.75;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
}

.slick-prev {
		left: -25px;
}

[dir="rtl"] .slick-prev {
		left: auto;
		right: -25px;
}

.slick-prev:before {
		content: "←";
}

[dir="rtl"] .slick-prev:before {
		content: "→";
}

.slick-next {
		right: -25px;
}

[dir="rtl"] .slick-next {
		left: -25px;
		right: auto;
}

.slick-next:before {
		content: "→";
}

[dir="rtl"] .slick-next:before {
		content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
		margin-bottom: 30px;
}

.slick-dots {
		position: absolute;
		bottom: -25px;
		list-style: none;
		display: block;
		text-align: center;
		padding: 0;
		margin: 0;
		width: 100%;
}

.slick-dots li {
		position: relative;
		display: inline-block;
		height: 20px;
		width: 20px;
		margin: 0 5px;
		padding: 0;
		cursor: pointer;
}

.slick-dots li button {
		border: 0;
		background: transparent;
		display: block;
		height: 20px;
		width: 20px;
		outline: none;
		line-height: 0px;
		font-size: 0px;
		color: transparent;
		padding: 5px;
		cursor: pointer;
}

.slick-dots li button:hover, .slick-dots li button:focus {
		outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
		opacity: 1;
}

.slick-dots li button:before {
		position: absolute;
		top: 0;
		left: 0;
		content: "•";
		width: 20px;
		height: 20px;
		font-family: "slick";
		font-size: 6px;
		line-height: 20px;
		text-align: center;
		color: black;
		opacity: 0.25;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
		color: black;
		opacity: 0.75;
}

/* ==============================================
  ヘッダー
=============================================== */
header {
		position: fixed;
		top: 0;
		width: 100%;
		height: 106px;
		background: #fff;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
		z-index: 1200;
}

@media screen and (max-width: 767px) {
		header {
				height: 70px;
		}
}

.header-inner {
		display: flex;
		width: 1200px;
		height: 100%;
		justify-content: center;
		margin: 0 auto;
		padding: 0;
		box-sizing: border-box;
}

@media screen and (max-width: 1200px) {
		.header-inner {
				width: 100%;
		}
}

.header-content {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
}

@media screen and (max-width: 1200px) {
		.header-content {
				width: 100%;
				padding: 0 1.25%;
				box-sizing: border-box;
		}
}

.header-left {
		position: absolute;
		top: 50%;
		left: 10px;
		width: 820px;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
}

@media screen and (max-width: 1200px) {
		.header-left {
				width: 68.3vw;
		}
}

@media screen and (max-width: 767px) {
		.header-left {
				width: 80vw;
		}
}

@media screen and (max-width: 1024px) {
		.header-left {
				width: 90%;
		}
}

.header-logo {
		display: flex;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
}

@media screen and (max-width: 767px) {
		.header-logo {
				display: block;
				width: 100%;
		}
}

.header-logo a {
		max-width: 286px;
		width: 35%;
}

@media screen and (max-width: 767px) {
		.header-logo a {
				width: 100%;
		}
}

@media screen and (max-width: 1024px) {
		.header-logo a {
				width: 100%;
		}
}

.header-logo img {
		/*width: 160px;*/
		/* height: 77px; */
		vertical-align: top;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
}

@media screen and (max-width: 767px) {
		.header-logo img {
				/* flex-shrink: 0; */
				width: auto;
				max-height: 50px;
				/*width: 100%;*/
				/*height: 70px;*/
				/* height: 50px; */
				margin: 0;
				padding: 0;
				box-sizing: border-box;
		}
}

@media screen and (max-width: 1024px) {
		.header-logo img {
				width: 286px;
		}
}

.header-logo p {
		flex-shrink: 0;
		position: relative;
		top: 8px;
		height: 100%;
		font-size: 16px;
		line-height: 1.2;
		font-weight: bold;
		vertical-align: top;
		margin: 0 0 0 15px;
		padding: 0;
		box-sizing: border-box;
}

@media screen and (min-width: 1025px) and (max-width: 1200px) {
		.header-logo p {
				/*width: 100%;*/
				font-size: 16px;
				line-height: 1;
				margin: 0 0 0 0.83vw;
				padding: 0;
				box-sizing: border-box;
		}
}

@media screen and (max-width: 767px) {
		.header-logo p {
				font-size: 16px;
				top: 0;
				line-height: 1em;
				/* line-height: 50px; */
		}
}

@media screen and (max-width: 280px) {
		.header-logo p {
				font-size: 10px;
				/* line-height: 50px; */
		}
}

.header-tellArea {
		text-align: center;
		display: grid;
		place-items: center;
		max-width: 171px;
		width: 100%;
		background-color: #F5F5F5;
		margin: 0 0 7px 15px;
		padding: 8px 0;
}

@media screen and (max-width: 767px) {
		.header-tellArea {
				display: none;
		}
}

.header-tellNumber {
		font-size: 16px;
		line-height: 1.18;
		color: #002855;
		font-family: 'Verdana';
}

.header-link {
		display: flex;
		margin: 10px 0 0 0;
		padding: 0 0 0 7px;
		box-sizing: border-box;
}

@media screen and (max-width: 767px) {
		.header-link {
				margin: 0;
		}
}

.header-link ul {
		display: flex;
		align-items: center;
		list-style-type: none;
		margin: 0 30px 0 0;
		padding: 0;
		box-sizing: border-box;
}

@media screen and (max-width: 1200px) {
		.header-link ul {
				margin: 0 1vw 0 0;
		}
}

.header-link ul li {
		position: relative;
		margin: 0 15px 0 0;
		padding: 0;
		box-sizing: border-box;
}

@media screen and (max-width: 1200px) {
		.header-link ul li {
				margin: 0 1vw 0 0;
		}
}

.header-link ul li:last-child {
		margin: 0;
}

.header-link ul li a {
		color: #53565A;
		display: block;
		text-decoration: none;
}

@media screen and (max-width: 1200px) {
		.header-link ul li a {
				font-size: 14px;
		}
}

@media screen and (max-width: 1024px) {
		.header-link ul li a {
				font-size: 12px;
		}
}

.header-link ul li a.act {
		color: #002855;
		font-weight: bold;
}

@media screen and (max-width: 1024px) {
		.header-link {
				display: none;
		}
}

.header-right .header-button {
		position: absolute;
		top: 0;
		right: 0;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		box-sizing: border-box;
}

@media screen and (max-width: 1024px) {
		.header-right .header-button {
				display: none;
		}
}

/* ==============================================
  ハンバーガーメニュー
=============================================== */
.drawer-area {
		display: none;
}

@media screen and (max-width: 1024px) {
		.drawer-area {
				display: flex;
				align-items: center;
		}
}

/*.drawer {
  display: none;
  @include media(tb) {
    display: block;
  }
}

.header-button-sp {
  display: none;
  @include media(tb) {
    display: block;
  }
}*/
.header-button-sp {
		position: relative;
		margin-right: 20px;
}

@media screen and (max-width: 1024px) {
		.btn-burger {
				/* position: absolute; */
				position: relative;
				display: block;
				/*top: 50%;
    right: 15px;*/
				width: 18px;
				height: 14px;
				cursor: pointer;
				/*-webkit-transform : translateY(-50%);
    transform : translateY(-50%);*/
		}
}

@media screen and (max-width: 1024px) and (max-width: 767px) {
		.btn-burger {
				right: 12px;
		}
}

@media screen and (max-width: 1024px) {
		.icon,
		.icon:before,
		.icon:after {
				position: absolute;
				display: block;
				content: '';
				top: 0;
				right: auto;
				left: 0;
				bottom: 0;
				width: 100%;
				height: 2px;
				background-color: #333;
				margin: auto;
				transition: all .8s;
				cursor: pointer;
		}
		.icon:before {
				top: -14px;
		}
		.icon:after {
				top: 14px;
		}
		.nav-toggle {
				display: none;
		}
		.nav-toggle:checked ~ .btn-burger .icon {
				background: transparent;
		}
		.nav-toggle:checked ~ .btn-burger .icon:before {
				transform: rotate(-45deg);
				top: 0;
		}
		.nav-toggle:checked ~ .btn-burger .icon:after {
				width: 100%;
				transform: rotate(45deg);
				top: 0;
		}
}

/* ==============================================
  ハンバーガーメニュー(コンテンツ)
=============================================== */
@media screen and (max-width: 1024px) {
		.nav {
				position: fixed;
				top: 0;
				right: 0;
				/* bottom: 0; */
				/* left: 0; */
				display: none;
				width: 66.4vw;
				height: 100%;
				text-align: center;
				background: #53565A;
				overflow: hidden;
				overflow-y: scroll;
				z-index: 1300;
				margin: 0;
				padding: 4.9vh 5.3vw 6.3vh;
				box-sizing: border-box;
				-webkit-overflow-scrolling: touch;
		}
		.nav .nav-content .btn-burger {
				right: 0;
				text-align: right;
				margin: 0 0 0.8vh auto;
				padding: 0;
				box-sizing: border-box;
		}
		.nav .nav-content .nav-list {
				list-style: none;
				margin: 0;
				padding: 0;
				box-sizing: border-box;
		}
		.nav .nav-content .nav-list-node {
				position: relative;
				margin: 0;
				padding: 0;
				box-sizing: border-box;
		}
		.nav .nav-content .nav-list-link, .nav .nav-content .nav-list-text {
				position: relative;
				display: block;
				color: #fff;
				font-size: 14px;
				line-height: 1em;
				text-decoration: none;
				text-align: left;
				padding: 10px 0;
				border-bottom: 1px solid #9B9A9A;
				box-sizing: border-box;
		}
}

@media screen and (max-width: 1024px) and (max-width: 280px) {
		.nav .nav-content .nav-list-link, .nav .nav-content .nav-list-text {
				font-size: 10px;
		}
}

@media screen and (max-width: 1024px) {
		.nav .nav-content .nav-list-link:after, .nav .nav-content .nav-list-text:after {
				position: absolute;
				content: '';
				top: 50%;
				right: 0;
				width: 22px;
				height: 22px;
				background: url(../img/plus.svg) center center/22px 22px no-repeat;
				-webkit-transform: translateY(-50%);
				transform: translateY(-50%);
				z-index: 1400;
				transition: background .3s ease;
		}
		.nav .nav-content .nav-list-link:after {
				background: url(../img/arrow.svg) center center/22px 22px no-repeat;
		}
		.nav .nav-content .nav-list-text:after {
				background: url(../img/plus.svg) center center/22px 22px no-repeat;
		}
		.nav .nav-content .nav-list-node.is-show .nav-list-text:after {
				background: url(../img/minus.svg) center center/22px 22px no-repeat;
		}
		.nav .nav-content .en {
				display: block;
				color: #9B9A9A;
				font-family: "Lato", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
				font-size: 12px;
				line-height: 1em;
				margin-top: 5px;
		}
}

@media screen and (max-width: 1024px) and (max-width: 280px) {
		.nav .nav-content .en {
				font-size: 10px;
		}
}

@media screen and (max-width: 1024px) {
		.nav .nav-content .nav-sublist {
				display: none;
				padding: 5px 0 10px;
		}
		.nav .nav-content .nav-sublist-node {
				text-align: left;
		}
		.nav .nav-content .nav-sublist-node + .nav-sublist-node {
				margin-top: 10px;
		}
		.nav .nav-content .nav-sublist-link {
				font-size: 12px;
				color: #fff;
		}
		.nav .nav-content .nav-sublist-link:before {
				content: '>';
				display: inline-block;
				margin-right: 5px;
		}
		.nav .nav-content .nav-tel-area a {
				display: block;
				font-family: Verdana, Geneva, Tahoma, sans-serif;
				color: #fff;
				font-size: 24px;
				line-height: 1.2;
				text-align: left;
				margin-top: 20px;
		}
		.nav .nav-content .nav-tel-area a .time {
				display: block;
				font-size: 14px;
				line-height: 1em;
				margin-top: 5px;
		}
		.nav .nav-content .nav-button-area {
				margin-top: 2.4vh;
		}
		.nav .nav-content .nav-button-area .download-button a {
				width: 100%;
				height: 81px;
				padding: 10px 0;
		}
		.nav .nav-content .nav-button-area .inquiry-button a {
				width: 100%;
				height: 81px;
				margin-top: 10px;
				padding: 16px 0;
		}
}

/* ==============================================
  フッター
=============================================== */
#footer {
		padding-bottom: 80px;
}

@media screen and (max-width: 767px) {
		#footer {
				width: 100%;
				padding-bottom: 40px;
		}
}

/* ==============================================
  スローガンエリア
=============================================== */
.slogan {
		padding: 0;
}

#slogan {
		background: #b6b6b6;
		padding: 0 1%;
}

@media screen and (max-width: 767px) {
		#slogan {
				padding: 0;
		}
}

#slogan .wrap {
		width: 100%;
		max-width: 1070px;
		list-style-type: none;
		margin: 0 auto;
		padding: 0;
		box-sizing: border-box;
}

#slogan:after {
		content: "";
		display: block;
		clear: both;
}

#slogan img {
		display: block;
		width: 100%;
		image-rendering: crisp-edges;
		image-rendering: -webkit-optimize-contrast;
		image-rendering: -moz-crisp-edges;
		image-rendering: -o-crisp-edges;
		-ms-interpolation-mode: bicubic;
}

@media screen and (max-width: 767px) {
		#slogan img {
				display: block;
		}
}

#slogan .foot-logo {
		float: left;
		width: 20%;
		padding: 30px 0 26px;
}

@media screen and (max-width: 767px) {
		#slogan .foot-logo {
				float: left;
				width: 36%;
				padding: 20px 0;
		}
}

#slogan .foot-slogan {
		float: right;
		width: 25%;
		padding: 35px 0 0 0;
}

@media screen and (max-width: 767px) {
		#slogan .foot-slogan {
				float: right;
				width: 36%;
				padding: 25px 0 0 0;
		}
}

/* ==============================================
  グループ企業
=============================================== */
.group-list {
		width: 100%;
		padding: 0;
}

.group-list .wrap .inner {
		display: flex;
		width: 100%;
		max-width: 1070px;
}

@media screen and (max-width: 1200px) {
		.group-list .wrap .inner {
				width: 92vw;
				margin: 0 auto;
		}
}

@media screen and (max-width: 767px) {
		.group-list .wrap .inner {
				display: block;
				width: 92vw;
				margin: 0 auto;
		}
}

#f-group-list {
		width: 77%;
		font-family: Verdana, Geneva, Tahoma, sans-serif;
		border: 1px solid #787878;
		padding: 32px 0px;
		margin: 30px auto 0;
		box-sizing: border-box;
}

@media screen and (max-width: 767px) {
		#f-group-list {
				width: 100%;
				float: none;
				margin: 30px auto 0;
				padding: 25px 4vw;
		}
}

@media screen and (max-width: 767px) {
		#f-group-list a {
				padding: 10px 0 10px 1em;
				text-indent: -1em;
		}
}

#f-group-list ul {
		display: flex;
		list-style-type: none;
		margin: 0;
		padding: 30px 0;
		border-bottom: 1px solid #787878;
		box-sizing: border-box;
}

@media screen and (max-width: 767px) {
		#f-group-list ul {
				flex-wrap: wrap;
				padding: 30px 0;
				/*padding: 10px 0 10px 1em;*/
				/*text-indent: -1em;*/
		}
}

#f-group-list ul:after {
		content: "";
		display: block;
		clear: both;
}

#f-group-list ul:first-child {
		padding-top: 0;
}

#f-group-list ul:last-child {
		padding-bottom: 0;
		border-bottom: 0;
}

#f-group-list ul li {
		float: left;
}

#f-group-list ul li a {
		display: block;
		color: #666;
}

#f-group-list ul li a:before {
		content: "＞";
}

#f-group-list ul .f-group-ttl {
		width: 24%;
		color: #666;
		font-weight: bold;
		text-align: center;
		font-size: 14px;
		line-height: 1.5;
}

@media screen and (max-width: 1200px) {
		#f-group-list ul .f-group-ttl {
				font-size: 12px;
		}
}

@media screen and (max-width: 767px) {
		#f-group-list ul .f-group-ttl {
				width: 100%;
				font-size: 12px;
				text-align: left;
		}
}

#f-group-list ul .f-group-col1 {
		display: block;
		width: 38%;
		padding: 0 3% 0 0;
		font-size: 14px;
		line-height: 1.5;
}

@media screen and (max-width: 1200px) {
		#f-group-list ul .f-group-col1 {
				font-size: 12px;
		}
}

@media screen and (max-width: 767px) {
		#f-group-list ul .f-group-col1 {
				white-space: normal;
				font-size: 10px;
				width: 50%;
				padding: 0 3% 0 0;
		}
}

#f-group-list ul .f-group-col2 {
		display: block;
		width: 38%;
		padding: 0 3% 0 0;
		font-size: 14px;
		line-height: 1.5;
}

@media screen and (max-width: 1200px) {
		#f-group-list ul .f-group-col2 {
				font-size: 12px;
		}
}

@media screen and (max-width: 767px) {
		#f-group-list ul .f-group-col2 {
				white-space: normal;
				font-size: 10px;
				width: 42%;
				padding: 0 0 0 3%;
		}
}

#f-group-list ul .f-group-row {
		display: block;
		width: 76%;
		padding: 0 3% 0 0;
		font-size: 14px;
		line-height: 1.5;
}

@media screen and (max-width: 1200px) {
		#f-group-list ul .f-group-row {
				font-size: 12px;
		}
}

@media screen and (max-width: 767px) {
		#f-group-list ul .f-group-row {
				white-space: normal;
				font-size: 10px;
		}
}

#f-group-list ul .f-group-row a {
		display: block;
		margin-right: 10%;
		display: inline-block;
}

#f-group-list ul .f-group-row a:last-child {
		margin-right: 0;
}

/* ==============================================
  facebook
=============================================== */
#f-facebook {
		width: 25%;
		margin: 30px auto 0;
		padding: 0 0 0 20px;
		float: left;
		display: block;
		box-sizing: border-box;
}

@media screen and (max-width: 1070px) {
		#f-facebook {
				padding: 0 0 0 1vw;
		}
}

@media screen and (max-width: 767px) {
		#f-facebook {
				margin: 30px auto 0;
				padding: 0;
				width: 245px;
				float: none;
		}
}

#f-facebook .fb_iframe_widget {
		width: 100%  !important;
}

/* ==============================================
  フッターナビ
=============================================== */
#f-common-anc {
		text-align: center;
		margin-top: 40px;
}

@media screen and (max-width: 767px) {
		#f-common-anc {
				display: flex;
				flex-wrap: wrap;
				text-align: left;
				margin-top: 20px;
		}
}

#f-common-anc a {
		display: inline-block;
		color: #666;
		font-family: Verdana, Geneva, Tahoma, sans-serif;
		font-size: 14px;
		margin-right: 1em;
}

@media screen and (max-width: 1200px) {
		#f-common-anc a {
				font-size: 12px;
		}
}

@media screen and (max-width: 767px) {
		#f-common-anc a {
				font-size: 10px;
				margin-right: 0;
				padding: 3px 0 3px 1em;
				text-indent: -1em;
				vertical-align: top;
		}
}

#f-common-anc a:before {
		content: "＞";
}

#f-common-anc a:last-child {
		margin-right: 0;
}

@media screen and (max-width: 767px) {
		#f-common-anc a:nth-child(odd) {
				width: 46%;
		}
}

@media screen and (max-width: 767px) {
		#f-common-anc a:nth-child(even) {
				width: 46%;
		}
}

/* ==============================================
  コピーライト
=============================================== */
#copyright {
		margin-top: 30px;
		text-align: center;
		font-family: 'Verdana', sans-serif;
}

@media screen and (max-width: 767px) {
		#copyright {
				margin-top: 30px;
		}
}

#copyright small {
		font-family: Verdana, Geneva, Tahoma, sans-serif;
		color: #666;
		font-size: 12px;
}

@media screen and (max-width: 767px) {
		#copyright small {
				font-size: 10px;
		}
}

/* ==============================================
	新イメージエリア
=============================================== */
.imageArea {
		margin: 0;
		padding: 0;
		background-image: url(../img/service-bg.jpg);
		background-size: cover;
		background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
		.imageArea {
				padding: 0 0;
		}
}

.imageArea .imageArea_inner {
		width: 92%;
		padding: 25px 0;
}

@media screen and (max-width: 1024px) {
		.imageArea .imageArea_inner {
				padding-bottom: 8px;
				text-align: center;
		}
}

@media screen and (max-width: 767px) {
		.imageArea .imageArea_inner {
				padding: 20px 0 4px;
		}
}

.imageArea .imageArea_inner .imageAreaTitle {
		position: relative;
		top: auto;
		left: auto;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		width: 600px;
		margin-bottom: 22px;
		padding-bottom: 15px;
		border-bottom: 1px #83A2C4 solid;
		font-size: 38px;
		color: #002855;
		line-height: 1em;
		text-align: start;
}

@media screen and (max-width: 1024px) {
		.imageArea .imageArea_inner .imageAreaTitle {
				text-align: center;
				width: 100%;
		}
}

@media screen and (max-width: 767px) {
		.imageArea .imageArea_inner .imageAreaTitle {
				line-height: 1;
				width: auto;
				text-align: center;
				margin-bottom: 10px;
				padding-bottom: 11px;
				font-size: 22px;
		}
}

.imageArea .imageArea_inner .imageAreaSubTitle {
		display: block;
		color: #002855;
		margin-bottom: 18px;
		font-size: 26px;
		font-weight: bold;
		line-height: 1;
}

@media screen and (max-width: 767px) {
		.imageArea .imageArea_inner .imageAreaSubTitle {
				font-size: 16px;
				margin-bottom: 10px;
		}
}

.imageArea .imageArea_inner .imageAreaText {
		margin-top: 10px;
		color: #002855;
		font-weight: bold;
		font-size: 20px;
		line-height: 1.6;
}

@media screen and (max-width: 1024px) {
		.imageArea .imageArea_inner .imageAreaText {
				text-align: center;
				width: 100%;
		}
}

@media screen and (max-width: 767px) {
		.imageArea .imageArea_inner .imageAreaText {
				width: 345px;
				margin: 10px auto 0;
				color: #002855;
				font-weight: bold;
				font-size: 14px;
				text-align: center;
		}
}

.imageArea .imageArea_inner .titleButtonArea {
		margin-top: 16px;
}

@media screen and (max-width: 1024px) {
		.imageArea .imageArea_inner .titleButtonArea {
				width: 100%;
				display: flex;
				justify-content: space-between;
		}
}

@media screen and (max-width: 767px) {
		.imageArea .imageArea_inner .titleButtonArea {
				width: 345px;
				margin: 13px auto 0;
		}
}

.imageArea .imageArea_inner .inquiryButton {
		margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
		.imageArea .imageArea_inner .inquiryButton {
				margin: 0;
		}
}

.imageArea .imageArea_inner .inquiryButton_link {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 345px;
		height: 46px;
		background-color: #FF8200;
		padding: 0 20px;
		box-sizing: border-box;
}

@media screen and (max-width: 1024px) {
		.imageArea .imageArea_inner .inquiryButton_link {
				width: 250px;
		}
}

@media screen and (max-width: 767px) {
		.imageArea .imageArea_inner .inquiryButton_link {
				width: 168px;
				height: 48px;
				padding: 0 10px 0 15px;
		}
}

.imageArea .imageArea_inner .inquiryButton_link_text {
		margin-top: 0;
		font-size: 18px;
		font-weight: bold;
		line-height: 1em;
		color: #fff;
}

@media screen and (max-width: 767px) {
		.imageArea .imageArea_inner .inquiryButton_link_text {
				width: fit-content;
				font-size: 13px;
				margin: 0;
		}
}

.imageArea .imageArea_inner .inquiryButton_link_icon {
		width: 26px;
		height: 21px;
}

@media screen and (max-width: 767px) {
		.imageArea .imageArea_inner .inquiryButton_link_icon {
				margin: 0;
		}
}

.imageArea .imageArea_inner .downloadButton {
		margin-top: 15px;
}

@media screen and (max-width: 1024px) {
		.imageArea .imageArea_inner .downloadButton {
				margin: 0;
		}
}

.imageArea .imageArea_inner .downloadButton_link {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 345px;
		height: 46px;
		background-color: #0094E2;
		padding: 10px 20px;
		box-sizing: border-box;
}

@media screen and (max-width: 1024px) {
		.imageArea .imageArea_inner .downloadButton_link {
				width: 250px;
		}
}

@media screen and (max-width: 767px) {
		.imageArea .imageArea_inner .downloadButton_link {
				width: 168px;
				height: 48px;
				padding: 0 10px 0 15px;
		}
}

.imageArea .imageArea_inner .downloadButton_link_text {
		margin-top: 0;
		font-size: 18px;
		font-weight: bold;
		line-height: 1em;
		color: #fff;
}

@media screen and (max-width: 767px) {
		.imageArea .imageArea_inner .downloadButton_link_text {
				width: fit-content;
				font-size: 13px;
				margin: 0;
		}
}

.imageArea .imageArea_inner .downloadButton_link_icon {
		width: 26px;
		height: 26px;
}

.imageArea .bandArea {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 50px;
		background-color: #034895;
}

@media screen and (max-width: 767px) {
		.imageArea .bandArea {
				height: 34px;
				padding: 0 14px 0 14px;
		}
}

.imageArea .bandArea_text {
		font-size: 20px;
		color: #fff;
		font-weight: bold;
}

@media screen and (max-width: 767px) {
		.imageArea .bandArea_text {
				font-size: 14px;
		}
}

.imageAreaFlex {
		display: flex;
		justify-content: space-between;
}

@media screen and (max-width: 1024px) {
		.imageAreaFlex {
				flex-direction: column;
				align-items: center;
		}
}

.imageAreaRight {
		margin-top: 12px;
		width: 600px;
}

@media screen and (max-width: 1024px) {
		.imageAreaRight {
				width: auto;
				margin: 0 auto;
		}
}

.imageAreaLeft {
		width: 100%;
		max-width: 552px;
		height: 364px;
		margin-left: 20px;
		display: flex;
		flex-direction: column;
		justify-content: center;
}

@media screen and (max-width: 1024px) {
		.imageAreaLeft {
				width: 400px;
				height: auto;
				justify-content: start;
		}
}

@media screen and (max-width: 767px) {
		.imageAreaLeft {
				width: 345px;
				margin-top: 10px;
				margin-left: 0;
				height: auto;
		}
}

.imageAreaLogo {
		display: flex;
		width: 100%;
		max-width: 442px;
		margin: 0 auto;
		gap: 0 20px;
}

@media screen and (max-width: 1024px) {
		.imageAreaLogo {
				width: 84%;
		}
}

@media screen and (max-width: 767px) {
		.imageAreaLogo {
				width: 84%;
				gap: 0 12.5px;
		}
}

.imageAreaLogo_img {
		width: 31%;
		max-width: 134px;
}

.imageAreaLogo_img img {
		width: 100%;
}

.imageAreaStep {
		width: auto;
		max-height: 230px;
		margin: 0 auto;
}

.imageAreaStep img {
		object-fit: contain;
		width: 100%;
		height: 100%;
}

/* ==============================================
	実績エリア
=============================================== */
.achievementTop {
		padding: 60px 0 0;
}

@media screen and (max-width: 767px) {
		.achievementTop {
				padding: 40px 0 10px;
		}
}

.achievementTopTitle {
		font-size: 32px;
		font-family: "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
		font-weight: bold;
		line-height: 1;
}

@media screen and (max-width: 767px) {
		.achievementTopTitle {
				font-size: 22px;
				font-family: "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
				font-weight: bold;
				line-height: 1;
		}
}

.achievementTopText {
		margin: 53px 0 60px;
		font-size: 16px;
		line-height: 1;
		text-align: center;
}

@media screen and (max-width: 767px) {
		.achievementTopText {
				margin: 30px 0 15px;
				font-size: 14px;
				line-height: 1.5;
				text-align: center;
		}
}

.tradingCompanyTop {
		margin-top: 60px;
}

@media screen and (max-width: 767px) {
		.tradingCompanyTop {
				margin-top: 15px;
		}
}

.tradingCompanyTop_upperPart {
		display: flex;
		flex-wrap: wrap;
		max-width: 1000px;
		width: 100%;
		margin: 0 auto 40px;
		justify-content: space-between;
		gap: 30px 0;
}

@media screen and (max-width: 1024px) {
		.tradingCompanyTop_upperPart {
				justify-content: space-evenly;
		}
}

@media screen and (max-width: 767px) {
		.tradingCompanyTop_upperPart {
				margin-bottom: 5px;
		}
}

.tradingCompanyTop_upperPart_img {
		width: 226px;
}

@media screen and (max-width: 767px) {
		.tradingCompanyTop_upperPart_img {
				width: 165px;
				margin-bottom: 15px;
		}
}

.tradingCompanyTop_lowerPart {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		margin: 0 auto;
		justify-content: space-between;
		gap: 30px 0;
}

@media screen and (max-width: 1200px) {
		.tradingCompanyTop_lowerPart {
				justify-content: space-evenly;
		}
}

@media screen and (max-width: 767px) {
		.tradingCompanyTop_lowerPart {
				width: 100%;
				gap: 15px 0;
		}
}

.tradingCompanyTop_lowerPart_img {
		width: 132px;
		margin: 0 1px;
}

@media screen and (max-width: 767px) {
		.tradingCompanyTop_lowerPart_img {
				margin-right: 0;
		}
}

@media screen and (max-width: 767px) {
		.tradingCompanyTop_lowerPart_img {
				width: 75px;
		}
}

/* ==============================================
	サービスエリア
=============================================== */
.service-area {
		padding: 120px 0 0;
		margin: -30px 0 0;
}

@media screen and (max-width: 767px) {
		.service-area {
				padding: 30px 0 0;
				margin: 0;
		}
}

@media screen and (max-width: 1200px) {
		.service-area .inner {
				width: 100%;
		}
}

@media screen and (max-width: 1200px) {
		.service-area .description {
				width: 92vw;
				margin: 20px auto 0;
		}
}

@media screen and (max-width: 767px) {
		.service-area .description {
				width: 92vw;
				margin: 30px auto 0;
		}
}

.service-area .one-column {
		margin-top: 60px;
}

@media screen and (max-width: 1200px) {
		.service-area .one-column {
				width: 100%;
				margin-top: 40px;
		}
}

@media screen and (max-width: 767px) {
		.service-area .one-column {
				width: 100%;
				margin-top: 20px;
		}
}

.service-area .one-column .one-column-contents {
		position: relative;
		background: url(../img/service-bg.jpg) center center/cover no-repeat;
		padding: 80px 50px 20px 20px;
		box-sizing: border-box;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
		.service-area .one-column .one-column-contents {
				background: url(../img/service-bg-2x.jpg) center center/cover no-repeat;
		}
}

@media screen and (max-width: 767px) {
		.service-area .one-column .one-column-contents {
				background: url(../img/service-bg.jpg) center center/cover no-repeat;
				padding: 68px 4vw 20px;
		}
}

@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2) {
		.service-area .one-column .one-column-contents {
				background: url(../img/service-bg-2x.jpg) center center/cover no-repeat;
		}
}

.service-area .one-column .one-column-contents h3 {
		position: absolute;
		top: 0;
		left: 0;
		width: 380px;
		height: 60px;
		color: #fff;
		font-size: 20px;
		line-height: 60px;
		background: #034895;
		padding: 0 0 0 20px;
		box-sizing: border-box;
}

@media screen and (max-width: 767px) {
		.service-area .one-column .one-column-contents h3 {
				width: 82vw;
				height: 48px;
				font-size: 18px;
				line-height: 48px;
				padding: 0 0 0 4vw;
		}
}

@media screen and (max-width: 280px) {
		.service-area .one-column .one-column-contents h3 {
				font-size: 14px;
		}
}

.service-area .one-column .one-column-contents h3::after {
		content: '';
		position: absolute;
		top: 0;
		left: 99.9%;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 60px 55px 0 0;
		border-color: #034895 transparent transparent transparent;
}

@media screen and (max-width: 767px) {
		.service-area .one-column .one-column-contents h3::after {
				border-width: 48px 35px 0 0;
		}
}

.service-area .one-column .one-column-contents .one-column-content {
		display: flex;
}

@media screen and (max-width: 767px) {
		.service-area .one-column .one-column-contents .one-column-content {
				display: block;
		}
}

.service-area .one-column .one-column-contents .one-column-content .img-area {
		flex-shrink: 0;
		width: 236px;
		margin-right: 20px;
}

@media screen and (max-width: 1200px) {
		.service-area .one-column .one-column-contents .one-column-content .img-area {
				flex-shrink: 0;
				width: 19.66vw;
				margin-right: 1.66vw;
		}
}

@media screen and (max-width: 767px) {
		.service-area .one-column .one-column-contents .one-column-content .img-area {
				width: 100%;
				margin-right: 0;
		}
}

.service-area .one-column .one-column-contents .one-column-content .img-area img {
		width: 100%;
}

@media screen and (max-width: 767px) {
		.service-area .one-column .one-column-contents .one-column-content .text-area {
				margin-top: 20px;
		}
}

.service-area .one-column .one-column-contents .one-column-content .text-area .tag-area {
		display: flex;
		flex-wrap: wrap;
		width: 874px;
		list-style-type: none;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
}

@media screen and (max-width: 1200px) {
		.service-area .one-column .one-column-contents .one-column-content .text-area .tag-area {
				width: 72.8vw;
		}
}

@media screen and (max-width: 1024px) {
		.service-area .one-column .one-column-contents .one-column-content .text-area .tag-area {
				flex-wrap: wrap;
		}
}

@media screen and (max-width: 767px) {
		.service-area .one-column .one-column-contents .one-column-content .text-area .tag-area {
				width: 100%;
				flex-wrap: wrap;
		}
}

.service-area .one-column .one-column-contents .one-column-content .text-area .tag-area li {
		display: block;
		width: 211px;
		height: 36px;
		color: #fff;
		font-weight: bold;
		line-height: 36px;
		text-align: center;
		background: #53565A;
		margin: 0 10px 10px 0;
}

@media screen and (max-width: 1215px) {
		.service-area .one-column .one-column-contents .one-column-content .text-area .tag-area li {
				width: 17.3vw;
		}
}

@media screen and (max-width: 1200px) {
		.service-area .one-column .one-column-contents .one-column-content .text-area .tag-area li {
				width: 17.4vw;
				font-size: 14px;
				margin: 0 0.83vw 10px 0;
		}
}

@media screen and (max-width: 1024px) {
		.service-area .one-column .one-column-contents .one-column-content .text-area .tag-area li {
				width: 48%;
				margin: 0 4% 10px 0;
		}
}

@media screen and (max-width: 767px) {
		.service-area .one-column .one-column-contents .one-column-content .text-area .tag-area li {
				width: 49%;
				height: 34px;
				color: #fff;
				font-size: 12px;
				line-height: 34px;
				margin: 0 2% 10px 0;
		}
}

@media screen and (max-width: 376px) {
		.service-area .one-column .one-column-contents .one-column-content .text-area .tag-area li {
				width: 45vw;
		}
}

@media screen and (max-width: 280px) {
		.service-area .one-column .one-column-contents .one-column-content .text-area .tag-area li {
				font-size: 10px;
		}
}

.service-area .one-column .one-column-contents .one-column-content .text-area .tag-area li:nth-child(4n) {
		margin: 0 0 10px 0;
}

@media screen and (max-width: 1024px) {
		.service-area .one-column .one-column-contents .one-column-content .text-area .tag-area li:nth-child(2n) {
				margin: 0 0 10px 0;
		}
}

@media screen and (max-width: 767px) {
		.service-area .one-column .one-column-contents .one-column-content .text-area .tag-area li:nth-child(2n) {
				margin: 0 0 10px 0;
		}
}

.service-area .one-column .one-column-contents .one-column-content .text-area .tag-area li.narrow {
		letter-spacing: -0.05em;
}

.service-area .one-column .one-column-contents .one-column-content .text-area h4 {
		margin-top: 10px;
}

.service-area .one-column .one-column-contents .one-column-content .text-area .realization-area {
		display: flex;
		margin-top: 20px;
}

@media screen and (max-width: 767px) {
		.service-area .one-column .one-column-contents .one-column-content .text-area .realization-area {
				display: block;
		}
}

.service-area .one-column .one-column-contents .one-column-content .text-area .realization-area .realization-left {
		width: 400px;
		list-style-type: disc;
		margin: 0 40px 0 1em;
		padding: 0;
		box-sizing: border-box;
}

@media screen and (max-width: 1200px) {
		.service-area .one-column .one-column-contents .one-column-content .text-area .realization-area .realization-left {
				width: 33.3vw;
				margin: 0 3.33vw 0 1em;
		}
}

@media screen and (max-width: 767px) {
		.service-area .one-column .one-column-contents .one-column-content .text-area .realization-area .realization-left {
				width: calc(100% - 1em);
				margin: 0 0 0 1em;
		}
}

.service-area .one-column .one-column-contents .one-column-content .text-area .realization-area .realization-left li {
		display: list-item;
		margin-bottom: 4px;
}

@media screen and (max-width: 1200px) {
		.service-area .one-column .one-column-contents .one-column-content .text-area .realization-area .realization-left li {
				line-height: 1.5;
		}
}

.service-area .one-column .one-column-contents .one-column-content .text-area .realization-area .realization-right {
		width: 400px;
		list-style-type: disc;
		margin: 0 0 0 1em;
		padding: 0;
		box-sizing: border-box;
}

@media screen and (max-width: 1200px) {
		.service-area .one-column .one-column-contents .one-column-content .text-area .realization-area .realization-right {
				width: 33.3vw;
		}
}

@media screen and (max-width: 767px) {
		.service-area .one-column .one-column-contents .one-column-content .text-area .realization-area .realization-right {
				width: calc(100% - 1em);
				margin: 0 0 0 1em;
		}
}

.service-area .one-column .one-column-contents .one-column-content .text-area .realization-area .realization-right li {
		display: list-item;
		margin-bottom: 4px;
}

@media screen and (max-width: 1200px) {
		.service-area .one-column .one-column-contents .one-column-content .text-area .realization-area .realization-right li {
				line-height: 1.5;
		}
}

.service-area .one-column .one-column-contents .detail-button a {
		position: relative;
		margin: 30px 25px 0 auto;
		width: 310px;
		color: #002855;
		background: transparent;
		border: 1px solid #002855;
}

@media screen and (max-width: 767px) {
		.service-area .one-column .one-column-contents .detail-button a {
				left: -5px;
				margin: 20px auto 0;
		}
}

.service-area .one-column .one-column-contents .detail-button a::after {
		position: absolute;
		content: " ";
		top: 50%;
		right: -25px;
		width: 60px;
		height: 6px;
		background: url(../img/topServiceArrow.svg) center center/60px 6px no-repeat;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		transition: 0.3s;
}

@media screen and (max-width: 767px) {
		.service-area .one-column .one-column-contents .detail-button a::after {
				right: -20px;
		}
}

.service-area .one-column .one-column-contents .detail-button a:hover:after {
		right: -45px;
}

.service-area .one-column .detail-button a {
		margin: 60px auto 0;
}

@media screen and (max-width: 767px) {
		.service-area .one-column .detail-button a {
				margin: 20px auto 0;
		}
}

/* ==============================================
	ストレングスエリア
=============================================== */
.strength-area {
		padding: 120px 0 90px;
		margin: -30px 0 0;
}

.strength-area .three-column-content ul li {
		position: relative;
}

@media screen and (max-width: 767px) {
		.strength-area .three-column-content ul li {
				margin-bottom: 30px;
				padding: 0;
		}
}

.strength-area .three-column-content ul li:nth-child(3n) {
		margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
		.strength-area .three-column-content ul li:nth-child(3n) {
				margin-bottom: 30px;
		}
}

.strength-area .three-column-content ul li .img-area {
		position: relative;
		display: inline-block;
}

.strength-area .three-column-content ul li .number {
		position: absolute;
		top: 0;
		left: -20px;
		font-family: "Lato", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
		color: #FBB51D;
		font-size: 60px;
		font-weight: bold;
		line-height: 40px;
}

@media screen and (max-width: 767px) {
		.strength-area .three-column-content ul li .number {
				left: -25px;
				font-size: 48px;
				line-height: 35px;
		}
}

.strength-area .three-column-content ul li img {
		width: 250px;
		height: 250px;
}

@media screen and (max-width: 1200px) {
		.strength-area .three-column-content ul li img {
				width: 100%;
				height: auto;
		}
}

@media screen and (max-width: 767px) {
		.strength-area .three-column-content ul li img {
				width: 200px;
				height: 200px;
		}
}

.strength-area .three-column-content ul li h3 {
		position: relative;
		font-size: 26px;
		height: 80px;
		text-align: center;
		line-height: 39px;
		margin-top: 23px;
}

@media screen and (max-width: 1200px) {
		.strength-area .three-column-content ul li h3 {
				font-size: 22px;
				line-height: 1.5;
		}
}

@media screen and (max-width: 767px) {
		.strength-area .three-column-content ul li h3 {
				height: auto;
				font-size: 22px;
				line-height: 33px;
				margin-top: 15px;
		}
}

.strength-area .three-column-content ul li h3 span {
		position: absolute;
		top: 50%;
		display: block;
		width: 100%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
		.strength-area .three-column-content ul li h3 span {
				position: static;
				top: auto;
				-webkit-transform: none;
				transform: none;
		}
}

.strength-area .three-column-content ul li h3:after {
		content: "";
		position: absolute;
		left: 50%;
		bottom: -23px;
		width: 60px;
		height: 1px;
		background: #53565A;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
}

@media screen and (max-width: 767px) {
		.strength-area .three-column-content ul li h3:after {
				display: none;
		}
}

.strength-area .three-column-content ul li .three-column-sentence {
		width: 340px;
		margin: 45px auto 0;
}

@media screen and (max-width: 1200px) {
		.strength-area .three-column-content ul li .three-column-sentence {
				width: 28.3vw;
		}
}

@media screen and (max-width: 767px) {
		.strength-area .three-column-content ul li .three-column-sentence {
				width: 100%;
				margin: 20px auto 0;
		}
}

.strength-area .detail-button a {
		margin: 0 auto;
}

@media screen and (max-width: 767px) {
		.strength-area .detail-button a {
				margin: 5px auto 0;
		}
}

/* ==============================================
	ケースエリア
=============================================== */
.case-area {
		background: #F5F5F5;
}

@media screen and (max-width: 767px) {
		.case-area .inner {
				width: 100%;
		}
}

@media screen and (max-width: 767px) {
		.case-area .description {
				width: 92vw;
				text-align: center;
				margin: 30px auto 0;
		}
}

.case-area .campany-logo {
		position: relative;
		width: 100%;
		margin-top: 30px;
		box-sizing: border-box;
}

@media screen and (max-width: 767px) {
		.case-area .campany-logo {
				width: 100%;
				margin-top: 20px;
		}
}

.case-area .campany-logo img {
		width: 100%;
}

.case-area .logo-slider {
		position: relative;
		display: -webkit-flex;
		display: flex;
		width: 100%;
		height: 40px;
		overflow: hidden;
		margin-top: 20px;
		box-sizing: border-box;
}

@media screen and (min-width: 900px) {
		.case-area .logo-slider {
				position: relative;
				display: -webkit-flex;
				display: flex;
				width: 100%;
				height: 40px;
				overflow: hidden;
				margin-top: 30px;
				box-sizing: border-box;
		}
}

.case-area .logo-slider img {
		width: 1757px;
		min-width: 1757px;
		height: 100%;
		will-change: transform;
}

@media screen and (min-width: 900px) {
		.case-area .logo-slider img {
				width: 1757px;
				min-width: 1757px;
				height: 40px;
		}
}

.case-area .logo-slider img:first-child {
		-webkit-animation: loop 50s -25s linear infinite;
		animation: loop 50s -25s linear infinite;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		will-change: transform;
}

.case-area .logo-slider img:nth-child(2) {
		-webkit-animation: loop2 50s  linear infinite;
		animation: loop2 50s linear infinite;
}

.case-area .three-column-content ul {
		margin-top: 30px;
}

@media screen and (max-width: 767px) {
		.case-area .three-column-content ul {
				margin-top: 20px;
		}
}

.case-area .three-column-content ul li {
		background: #E7EAEF;
		/*&:hover {
          color: $linkTextColor;
          opacity: .8;
          text-decoration: none;
          cursor: pointer;
          -webkit-tap-highlight-color: rgba(0,0,0,0);
          tap-highlight-color: rgba(0, 0, 0, 0);
          transition: all 0.3s; 
        }*/
		/*&:active {
          color: $linkTextColor;
          opacity: .8;
          text-decoration: none;
          cursor: pointer;
          -webkit-tap-highlight-color: rgba(0,0,0,0);
          tap-highlight-color: rgba(0, 0, 0, 0);
          transition: all 0.3s; 
        }*/
}

@media screen and (max-width: 767px) {
		.case-area .three-column-content ul li {
				width: 92vw;
				margin: 0 auto 20px;
				padding: 0;
		}
}

@media screen and (max-width: 767px) {
		.case-area .three-column-content ul li:nth-child(3n) {
				margin: 0 auto 20px;
		}
}

.case-area .three-column-content ul li a {
		display: inline-block;
		padding: 0 20px 20px;
		box-sizing: border-box;
		background: #E7EAEF;
}

@media screen and (max-width: 767px) {
		.case-area .three-column-content ul li a {
				padding: 0 2.66vw;
		}
}

.case-area .three-column-content ul li .img-area {
		position: relative;
		width: calc( 100% + 40px);
		transform: translateX(-20px);
}

@media screen and (max-width: 767px) {
		.case-area .three-column-content ul li .img-area {
				width: calc( 100% + 5.32vw);
				transform: translateX(-2.66vw);
		}
}

.case-area .three-column-content ul li .img-area:after {
		content: "";
		position: absolute;
		right: 0;
		bottom: 0;
		width: 60px;
		height: 60px;
		background: url(../img/case-arrow.svg) top center/60px 60px no-repeat;
}

.case-area .three-column-content ul li .img-area img {
		width: 100%;
		height: 212px;
		object-fit: cover;
		object-position: center;
		font-family: 'object-fit: cover; object-position: center;';
		/*&:hover {
              opacity: 1;
            }
            &:active {
              opacity: 1; 
            }*/
}

@media screen and (max-width: 767px) {
		.case-area .three-column-content ul li .img-area img {
				height: 198px;
		}
}

.case-area .three-column-content ul li .text-area {
		padding-top: 20px;
		box-sizing: border-box;
		background: #E7EAEF;
}

@media screen and (max-width: 767px) {
		.case-area .three-column-content ul li .text-area {
				padding: 10px 0;
				text-align: left;
		}
}

.case-area .three-column-content ul li .text-area h3 {
		color: #567291;
		line-height: 30px;
		text-align: left;
		letter-spacing: 0.05em;
}

@media screen and (max-width: 1200px) {
		.case-area .three-column-content ul li .text-area h3 {
				font-size: 16px;
				line-height: 1.5;
		}
}

@media screen and (max-width: 767px) {
		.case-area .three-column-content ul li .text-area h3 {
				font-size: 16px;
				line-height: 24px;
		}
}

.case-area .three-column-content ul li .text-area .tag-area {
		margin-top: 20px;
}

@media screen and (max-width: 1200px) {
		.case-area .three-column-content ul li .text-area .tag-area {
				margin-top: 15px;
		}
}

@media screen and (max-width: 767px) {
		.case-area .three-column-content ul li .text-area .tag-area {
				margin-top: 10px;
		}
}

.case-area .three-column-content ul li .text-area .tag-area li {
		width: auto;
		color: #567291;
		background: #fff;
		margin: 0;
		padding: 6px 10px;
		box-sizing: border-box;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
		.case-area .three-column-content ul li .text-area .tag-area li {
				font-size: 14px;
				text-align: left;
				line-height: 1.5;
		}
}

@media screen and (max-width: 767px) {
		.case-area .three-column-content ul li .text-area .tag-area li {
				display: inline-block;
		}
}

@media screen and (max-width: 280px) {
		.case-area .three-column-content ul li .text-area .tag-area li {
				font-size: 12px;
		}
}

.case-area .three-column-content ul li .text-area .three-column-sentence {
		margin: 0;
		padding: 0;
		box-sizing: border-box;
}

.case-area .three-column-content ul li .text-area .three-column-sentence .company-name {
		color: #567291;
		margin-top: 20px;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
		.case-area .three-column-content ul li .text-area .three-column-sentence .company-name {
				font-size: 14px;
				line-height: 1.5;
				margin-top: 12px;
		}
}

@media screen and (max-width: 767px) {
		.case-area .three-column-content ul li .text-area .three-column-sentence .company-name {
				margin-top: 8px;
		}
}

.case-area .three-column-content ul li .text-area .three-column-sentence .industry-name {
		color: #567291;
		margin-top: 20px;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
		.case-area .three-column-content ul li .text-area .three-column-sentence .industry-name {
				font-size: 14px;
				line-height: 1.5;
				margin-top: 12px;
		}
}

@media screen and (max-width: 767px) {
		.case-area .three-column-content ul li .text-area .three-column-sentence .industry-name {
				margin-top: 5px;
		}
}

.case-area .detail-button a {
		margin: 0 auto;
}

@-webkit-keyframes loop {
		0% {
				-webkit-transform: translateX(100%);
				-ms-transform: translateX(100%);
				transform: translateX(100%);
		}
		to {
				-webkit-transform: translateX(-100%);
				-ms-transform: translateX(-100%);
				transform: translateX(-100%);
		}
}

@keyframes loop {
		0% {
				-webkit-transform: translateX(100%);
				-ms-transform: translateX(100%);
				transform: translateX(100%);
		}
		to {
				-webkit-transform: translateX(-100%);
				-ms-transform: translateX(-100%);
				transform: translateX(-100%);
		}
}

@-webkit-keyframes loop2 {
		0% {
				-webkit-transform: translateX(0);
				-ms-transform: translateX(0);
				transform: translateX(0);
		}
		to {
				-webkit-transform: translateX(-200%);
				-ms-transform: translateX(-200%);
				transform: translateX(-200%);
		}
}

@keyframes loop2 {
		0% {
				-webkit-transform: translateX(0);
				-ms-transform: translateX(0);
				transform: translateX(0);
		}
		to {
				-webkit-transform: translateX(-200%);
				-ms-transform: translateX(-200%);
				transform: translateX(-200%);
		}
}

/* ==============================================
	コラムエリア
=============================================== */
.column-area {
		background-color: #E7EAEF;
}

@media screen and (max-width: 767px) {
		.column-area .inner {
				width: 92%;
		}
}

.column-area .inner .description {
		text-align: center;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
		.column-area .inner .topColumnArea .columnArchiveList {
				flex-wrap: unset;
		}
}

@media screen and (max-width: 767px) {
		.column-area .inner .topColumnArea .columnArchiveList .columnArchiveList_node {
				max-width: 345px;
		}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
		.column-area .inner .topColumnArea .columnArchiveList .columnArchiveList_node {
				margin: 0 0 0 2%;
		}
}

.column-area .inner .topColumnArea .columnArchiveList .columnArchiveList_node:nth-child(1) {
		margin: 0 auto;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
		.column-area .inner .topColumnArea .columnArchiveList .columnArchiveList_node:nth-child(1) {
				margin: 0;
		}
}

.topColumnArea {
		margin: 40px auto 60px;
}

@media screen and (max-width: 767px) {
		.topColumnArea {
				margin: 20px auto;
		}
}

.detail-button a {
		margin: 0 auto;
}

/* ==============================================
  インフォメーションエリア
=============================================== */
.information-area {
		background: linear-gradient(#F5F5F5 0%, #F5F5F5 65%, #fff 65%, #fff 100%);
		padding: 120px 0 90px;
		margin: -30px 0 0;
}

@media screen and (max-width: 767px) {
		.information-area {
				background: linear-gradient(#F5F5F5 0%, #F5F5F5 23%, #fff 23%, #fff 100%);
				padding: 75px 0 40px;
				margin: -35px 0 0;
		}
}

.case .information-area .description {
		text-align: center;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
		.information-area .three-column-content ul {
				margin-top: 30px;
		}
}

.information-area .three-column-content ul li {
		background: #fff;
		margin-bottom: 0;
		padding: 16px 20px 20px;
		box-sizing: border-box;
}

@media screen and (max-width: 1200px) {
		.information-area .three-column-content ul li {
				padding: 16px 1.66vw 20px;
		}
}

@media screen and (max-width: 767px) {
		.information-area .three-column-content ul li {
				margin-bottom: 20px;
				padding: 16px 5.33vw 20px;
		}
}

.information-area .three-column-content ul li .date {
		font-family: "Lato", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
		font-size: 30px;
		font-weight: bold;
		text-align: left;
		line-height: 1em;
}

@media screen and (max-width: 1200px) {
		.information-area .three-column-content ul li .date {
				font-size: 26px;
		}
}

@media screen and (max-width: 767px) {
		.information-area .three-column-content ul li .date {
				font-size: 22px;
		}
}

.information-area .three-column-content ul li .date span {
		position: relative;
		top: -2px;
		font-family: "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
		font-size: 16px;
}

@media screen and (max-width: 767px) {
		.information-area .three-column-content ul li .date span {
				font-size: 14px;
				font-weight: normal;
		}
}

.information-area .three-column-content ul li .time {
		font-size: 16px;
		font-weight: bold;
		text-align: left;
		line-height: 1em;
}

@media screen and (max-width: 767px) {
		.information-area .three-column-content ul li .time {
				font-size: 14px;
				font-weight: normal;
				margin-top: 5px;
		}
}

.information-area .three-column-content ul li img {
		margin-top: 10px;
}

.information-area .three-column-content ul li h3 {
		color: #567291;
		text-align: left;
		line-height: 1.5;
		letter-spacing: 0.05em;
		margin-top: 5px;
}

@media screen and (max-width: 1200px) {
		.information-area .three-column-content ul li h3 {
				font-size: 18px;
				letter-spacing: 0;
		}
}

@media screen and (max-width: 767px) {
		.information-area .three-column-content ul li h3 {
				font-size: 16px;
				letter-spacing: 0;
		}
}

.information-area .three-column-content ul li .three-column-sentence {
		margin: 0;
		padding: 0;
}

.information-area .three-column-content ul li .three-column-sentence .price {
		color: #567291;
		font-size: 14px;
		line-height: 1.5;
		margin-top: 13px;
}

@media screen and (max-width: 1200px) {
		.information-area .three-column-content ul li .three-column-sentence .price {
				margin-top: 8px;
		}
}

@media screen and (max-width: 767px) {
		.information-area .three-column-content ul li .three-column-sentence .price {
				margin-top: 8px;
		}
}

.information-area .three-column-content ul li .three-column-sentence .place {
		color: #567291;
		font-size: 14px;
		line-height: 1.5;
		margin-top: 13px;
}

@media screen and (max-width: 1200px) {
		.information-area .three-column-content ul li .three-column-sentence .place {
				margin-top: 5px;
		}
}

@media screen and (max-width: 767px) {
		.information-area .three-column-content ul li .three-column-sentence .place {
				margin-top: 5px;
		}
}

.information-area .three-column-content ul li .detail-button {
		margin-top: 20px;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
		.information-area .three-column-content ul li .detail-button {
				margin-top: 15px;
		}
}

.information-area .three-column-content ul li .detail-button a {
		width: 330px;
		text-align: left;
}

@media screen and (max-width: 1200px) {
		.information-area .three-column-content ul li .detail-button a {
				width: 100%;
		}
}

@media screen and (max-width: 767px) {
		.information-area .three-column-content ul li .detail-button a {
				width: 100%;
		}
}

/* ==============================================
  トピックスエリア
=============================================== */
.topics-area {
		background: #F5F5F5;
		padding: 60px 0;
}

@media screen and (max-width: 767px) {
		.topics-area {
				padding: 40px 0;
		}
}

.topics-area .one-column-contents {
		background: #fff;
		margin-top: 30px !important;
		padding: 5px 0 !important;
}

@media screen and (max-width: 767px) {
		.topics-area .one-column-contents {
				margin-top: 20px !important;
		}
}

.topicsList {
		width: 100% !important;
		max-width: 1000px !important;
		margin: 0 auto !important;
}

@media screen and (max-width: 1200px) {
		.topicsList {
				width: 84vw !important;
				max-width: 84vw !important;
		}
}

.topicsList-content {
		border-bottom: 1px solid #D9D9D6;
}

.topicsList-content:last-child {
		border: none;
}

.topicsList-contentLink {
		display: flex;
		justify-content: flex-start;
		width: 100%;
		padding: 20px 0;
}

@media screen and (max-width: 767px) {
		.topicsList-contentLink {
				padding: 10px 0;
		}
}

.topicsList-contentLink:hover {
		opacity: 0.8;
		filter: alpha(opacity=80);
		-ms-filter: "alpha( opacity=80 )";
		transition: all 0.3s;
}

.topicsList-contentLink-date {
		flex-shrink: 0;
		display: block;
		width: 11%;
		box-sizing: border-box;
}

@media screen and (max-width: 1024px) {
		.topicsList-contentLink-date {
				width: 20%;
		}
}

@media screen and (max-width: 767px) {
		.topicsList-contentLink-date {
				width: 28.6%;
				font-size: 14px;
				line-height: 1.5;
				padding: 0 14% 0 0;
		}
}

.topicsList-contentLink-title {
		display: block;
		width: 89%;
		padding: 0 5.4% 0 0;
		box-sizing: border-box;
}

@media screen and (max-width: 1024px) {
		.topicsList-contentLink-title {
				width: 80%;
		}
}

@media screen and (max-width: 767px) {
		.topicsList-contentLink-title {
				width: 71.4%;
				font-size: 14px;
				line-height: 1.5;
				padding: 0 10.8% 0 0;
		}
}

.pdf {
		position: relative;
}

.pdf:after {
		position: absolute;
		content: " ";
		top: 50%;
		right: 4px;
		width: 24px;
		height: 24px;
		background: url(../img/pdf.svg) center center/24px 24px no-repeat;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
}

.blank {
		position: relative;
}

.blank:after {
		position: absolute;
		content: " ";
		top: 50%;
		right: 4px;
		width: 24px;
		height: 24px;
		background: url(../img/blank.svg) center center/24px 24px no-repeat;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
}

/* ==============================================
  コンタクトエリア
=============================================== */
.contact-area {
		padding: 60px 0 0;
}

@media screen and (max-width: 767px) {
		.contact-area {
				padding: 40px 0;
		}
}

.contact-area .contact-contents {
		width: 100%;
		background: linear-gradient(to right, #0094E2 0%, #0094E2 50%, #FF8200 50%, #FF8200 100%);
		margin: 60px 0 0 0;
		padding: 48px 0;
}

@media screen and (max-width: 767px) {
		.contact-area .contact-contents {
				background: transparent;
				margin: 20px 0 0 0;
				padding: 0;
		}
}

.contact-area .contact-contents .inner {
		width: 100%;
		max-width: 1200px;
}

@media screen and (max-width: 1200px) {
		.contact-area .contact-contents .inner {
				width: 92vw;
				margin: 0 auto;
		}
}

@media screen and (max-width: 767px) {
		.contact-area .contact-contents .inner {
				width: 92vw;
				margin: 0 auto;
		}
}

.contact-area .contact-contents .contact-button-area {
		position: relative;
		display: flex;
		justify-content: space-between;
}

@media screen and (max-width: 767px) {
		.contact-area .contact-contents .contact-button-area {
				display: block;
		}
}

.contact-area .contact-contents .contact-button-area .button-area-one {
		position: relative;
		display: flex;
		width: 517px;
		height: 148px;
		box-sizing: border-box;
}

@media screen and (max-width: 1200px) {
		.contact-area .contact-contents .contact-button-area .button-area-one {
				width: 43.08vw;
				height: auto;
		}
}

@media screen and (max-width: 767px) {
		.contact-area .contact-contents .contact-button-area .button-area-one {
				display: block;
				background: #0094E2;
				width: 100%;
				height: auto;
				padding: 20px 4vw;
				box-sizing: border-box;
		}
}

.contact-area .contact-contents .contact-button-area .button-area-one .button-image {
		flex-shrink: 0;
		position: relative;
		width: 148px;
		height: 148px;
		border: 4px solid #fff;
		margin: 0 20px 0 0;
		padding: 0;
		box-sizing: border-box;
}

@media screen and (max-width: 1200px) {
		.contact-area .contact-contents .contact-button-area .button-area-one .button-image {
				width: 114px;
				height: 114px;
				margin: 0 1.66vw 0 0;
		}
}

@media screen and (max-width: 767px) {
		.contact-area .contact-contents .contact-button-area .button-area-one .button-image {
				width: 114px;
				height: 114px;
				margin: 0 auto;
		}
}

.contact-area .contact-contents .contact-button-area .button-area-one .button-image img {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 46.08px;
		height: 55.96px;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
}

@media screen and (max-width: 767px) {
		.contact-area .contact-contents .contact-button-area .button-area-one .button-image img {
				width: 35.49px;
				height: 43.1px;
		}
}

.contact-area .contact-contents .contact-button-area .button-area-one .button-text {
		position: relative;
		top: -5px;
		width: 349px;
}

@media screen and (max-width: 1200px) {
		.contact-area .contact-contents .contact-button-area .button-area-one .button-text {
				width: 29vw;
		}
}

@media screen and (max-width: 767px) {
		.contact-area .contact-contents .contact-button-area .button-area-one .button-text {
				top: auto;
				width: 100%;
				margin-top: 20px;
		}
}

.contact-area .contact-contents .contact-button-area .button-area-one .button-text p {
		color: #fff;
		font-size: 20px;
		line-height: 1.5;
}

@media screen and (max-width: 1200px) {
		.contact-area .contact-contents .contact-button-area .button-area-one .button-text p {
				font-size: 16px;
		}
}

@media screen and (max-width: 767px) {
		.contact-area .contact-contents .contact-button-area .button-area-one .button-text p {
				font-size: 14px;
				margin-top: 20px;
		}
}

.contact-area .contact-contents .contact-button-area .button-area-one .button-text .white-button a {
		color: #0094E2;
		margin-top: 15px;
		padding: 0 0 0 73px;
}

@media screen and (max-width: 1200px) {
		.contact-area .contact-contents .contact-button-area .button-area-one .button-text .white-button a {
				width: 100%;
				font-size: 16px;
				padding: 0 0 0 3vw;
		}
}

@media screen and (max-width: 767px) {
		.contact-area .contact-contents .contact-button-area .button-area-one .button-text .white-button a {
				width: 100%;
				margin-top: 20px;
				padding: 0 0 0 56px;
		}
}

@media screen and (max-width: 280px) {
		.contact-area .contact-contents .contact-button-area .button-area-one .button-text .white-button a {
				padding: 0 0 0 10vw;
		}
}

.contact-area .contact-contents .contact-button-area .button-area-one .button-text .white-button a::after {
		right: 73px;
		background: url(../img/blue-arrow.svg) center center/10px 18px no-repeat;
}

@media screen and (max-width: 1200px) {
		.contact-area .contact-contents .contact-button-area .button-area-one .button-text .white-button a::after {
				right: 2vw;
		}
}

@media screen and (max-width: 767px) {
		.contact-area .contact-contents .contact-button-area .button-area-one .button-text .white-button a::after {
				right: 56px;
		}
}

@media screen and (max-width: 280px) {
		.contact-area .contact-contents .contact-button-area .button-area-one .button-text .white-button a::after {
				right: 10vw;
		}
}

.contact-area .contact-contents .contact-button-area .button-area-one .button-text .white-button a:hover:after {
		right: 63px;
}

@media screen and (max-width: 1200px) {
		.contact-area .contact-contents .contact-button-area .button-area-one .button-text .white-button a:hover:after {
				right: 1vw;
		}
}

@media screen and (max-width: 767px) {
		.contact-area .contact-contents .contact-button-area .button-area-one .button-text .white-button a:hover:after {
				right: 56px;
		}
}

@media screen and (max-width: 280px) {
		.contact-area .contact-contents .contact-button-area .button-area-one .button-text .white-button a:hover:after {
				right: 10vw;
		}
}

.contact-area .contact-contents .contact-button-area .button-area-two {
		position: relative;
		display: flex;
		width: 517px;
		height: 148px;
		padding: 0;
		box-sizing: border-box;
}

@media screen and (max-width: 1200px) {
		.contact-area .contact-contents .contact-button-area .button-area-two {
				width: 43.08vw;
				height: auto;
				padding: 0;
		}
}

@media screen and (max-width: 767px) {
		.contact-area .contact-contents .contact-button-area .button-area-two {
				display: block;
				background: #FF8200;
				width: 100%;
				height: auto;
				margin-top: 20px;
				padding: 20px 4vw;
				box-sizing: border-box;
		}
}

.contact-area .contact-contents .contact-button-area .button-area-two .button-image {
		flex-shrink: 0;
		position: relative;
		width: 148px;
		height: 148px;
		border: 4px solid #fff;
		margin: 0 20px 0 0;
		padding: 0;
		box-sizing: border-box;
}

@media screen and (max-width: 1200px) {
		.contact-area .contact-contents .contact-button-area .button-area-two .button-image {
				width: 114px;
				height: 114px;
				margin: 0 1.66vw 0 0;
		}
}

@media screen and (max-width: 767px) {
		.contact-area .contact-contents .contact-button-area .button-area-two .button-image {
				width: 114px;
				height: 114px;
				margin: 0 auto;
		}
}

.contact-area .contact-contents .contact-button-area .button-area-two .button-image img {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 50px;
		height: 40px;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
}

@media screen and (max-width: 767px) {
		.contact-area .contact-contents .contact-button-area .button-area-two .button-image img {
				width: 40px;
				height: 32px;
		}
}

.contact-area .contact-contents .contact-button-area .button-area-two .button-text {
		position: relative;
		top: -5px;
		width: 349px;
}

@media screen and (max-width: 1200px) {
		.contact-area .contact-contents .contact-button-area .button-area-two .button-text {
				width: 29vw;
		}
}

@media screen and (max-width: 767px) {
		.contact-area .contact-contents .contact-button-area .button-area-two .button-text {
				top: auto;
				width: 100%;
				margin-top: 20px;
		}
}

.contact-area .contact-contents .contact-button-area .button-area-two .button-text p {
		color: #fff;
		font-size: 20px;
		line-height: 1.5;
}

@media screen and (max-width: 1200px) {
		.contact-area .contact-contents .contact-button-area .button-area-two .button-text p {
				font-size: 16px;
		}
}

@media screen and (max-width: 767px) {
		.contact-area .contact-contents .contact-button-area .button-area-two .button-text p {
				font-size: 14px;
				margin-top: 20px;
		}
}

.contact-area .contact-contents .contact-button-area .button-area-two .button-text .white-button a {
		color: #FF8200;
		margin-top: 15px;
		padding: 0 0 0 91px;
}

@media screen and (max-width: 1200px) {
		.contact-area .contact-contents .contact-button-area .button-area-two .button-text .white-button a {
				width: 100%;
				font-size: 16px;
				padding: 0 0 0 3vw;
		}
}

@media screen and (max-width: 767px) {
		.contact-area .contact-contents .contact-button-area .button-area-two .button-text .white-button a {
				width: 100%;
				margin-top: 20px;
				padding: 0 0 0 56px;
		}
}

@media screen and (max-width: 280px) {
		.contact-area .contact-contents .contact-button-area .button-area-two .button-text .white-button a {
				padding: 0 0 0 10vw;
		}
}

.contact-area .contact-contents .contact-button-area .button-area-two .button-text .white-button a::after {
		right: 91px;
		background: url(../img/orange-arrow.svg) center center/10px 18px no-repeat;
}

@media screen and (max-width: 1200px) {
		.contact-area .contact-contents .contact-button-area .button-area-two .button-text .white-button a::after {
				right: 2vw;
		}
}

@media screen and (max-width: 767px) {
		.contact-area .contact-contents .contact-button-area .button-area-two .button-text .white-button a::after {
				right: 56px;
		}
}

@media screen and (max-width: 280px) {
		.contact-area .contact-contents .contact-button-area .button-area-two .button-text .white-button a::after {
				right: 10vw;
		}
}

.contact-area .contact-contents .contact-button-area .button-area-two .button-text .white-button a:hover:after {
		right: 81px;
}

@media screen and (max-width: 1200px) {
		.contact-area .contact-contents .contact-button-area .button-area-two .button-text .white-button a:hover:after {
				right: 1vw;
		}
}

@media screen and (max-width: 767px) {
		.contact-area .contact-contents .contact-button-area .button-area-two .button-text .white-button a:hover:after {
				right: 56px;
		}
}

@media screen and (max-width: 280px) {
		.contact-area .contact-contents .contact-button-area .button-area-two .button-text .white-button a:hover:after {
				right: 10vw;
		}
}

/* ==============================================
  ポリシーエリア
=============================================== */
.policy-area {
		width: 100%;
		text-align: center;
		background: #E8E5E5;
		box-sizing: border-box;
}

.policy-area .policy-top {
		width: 100%;
		border-bottom: 2px solid #333;
		padding-bottom: 30px;
}

@media screen and (max-width: 767px) {
		.policy-area .policy-top {
				padding-bottom: 20px;
		}
}

.policy-area .policy-top h2 {
		display: block;
		font-size: 60px;
		line-height: 1em;
}

@media screen and (max-width: 767px) {
		.policy-area .policy-top h2 {
				font-size: 50px;
		}
}

.policy-area .policy-top p {
		display: block;
		font-size: 30px;
		font-weight: bold;
		line-height: 1em;
		margin-top: 20px;
		padding: 0;
		box-sizing: border-box;
}

@media screen and (max-width: 767px) {
		.policy-area .policy-top p {
				font-size: 24px;
				margin-top: 12px;
		}
}

.policy-area .policy-bottom {
		font-family: "Lato", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
		font-size: 20px;
		line-height: 30px;
		margin-top: 30px;
		box-sizing: border-box;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
		.policy-area .policy-bottom {
				font-size: 18px;
				line-height: 27px;
				margin-top: 23px;
		}
}

@media screen and (max-width: 767px) {
		.policy-area .policy-bottom {
				font-size: 16px;
				line-height: 24px;
				margin-top: 16px;
		}
}

/* ==============================================
  KPMGを知るエリア
=============================================== */
.about-area {
		width: 100%;
		text-align: center;
}

.about-area .about-title h2 {
		display: block;
		font-family: "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
		font-size: 90px;
		line-height: 1em;
}

@media screen and (max-width: 767px) {
		.about-area .about-title h2 {
				font-size: 70px;
		}
}

.about-area .about-title p {
		font-family: "Lato", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
		display: block;
		color: #53565A;
		font-size: 30px;
		font-weight: bold;
		line-height: 1em;
		margin-top: 20px;
		padding: 0;
		box-sizing: border-box;
}

@media screen and (max-width: 767px) {
		.about-area .about-title p {
				font-size: 24px;
		}
}

.about-area .about-content {
		position: relative;
		display: flex;
		box-sizing: border-box;
		margin-top: 64px;
		border: 1px solid transparent;
}

@media screen and (max-width: 767px) {
		.about-area .about-content {
				display: block;
				margin-top: 40px;
		}
}

.about-area .about-content .about-left {
		width: 610px;
		text-align: left;
		margin-right: 40px;
		box-sizing: border-box;
}

@media screen and (max-width: 767px) {
		.about-area .about-content .about-left {
				width: 100%;
				margin-right: 0;
		}
}

.about-area .about-content .about-left h3 {
		position: absolute;
		top: -55px;
		display: block;
		height: 30px;
		padding-top: 102px;
		margin-bottom: 44px;
}

@media screen and (max-width: 767px) {
		.about-area .about-content .about-left h3 {
				top: 0px;
				display: block;
				height: 94px;
				font-size: 50px;
				padding-top: 55px;
				margin-bottom: 16px;
		}
}

.about-area .about-content .about-left h3:before {
		position: absolute;
		content: " ";
		left: 0;
		bottom: -44px;
		display: block;
		width: 100px;
		border-bottom: 4px solid #BEBEBE;
}

@media screen and (max-width: 767px) {
		.about-area .about-content .about-left h3:before {
				bottom: -38px;
				border-bottom: 3px solid #BEBEBE;
		}
}

.about-area .about-content .about-left h3:after {
		position: absolute;
		content: " ";
		left: 100px;
		bottom: -44px;
		display: block;
		width: 100px;
		border-bottom: 4px solid #E8E5E5;
}

@media screen and (max-width: 767px) {
		.about-area .about-content .about-left h3:after {
				bottom: -38px;
				border-bottom: 3px solid #E8E5E5;
		}
}

.about-area .about-content .about-left p {
		display: block;
		font-size: 24px;
		line-height: 1em;
		margin-top: 120px;
}

@media screen and (max-width: 767px) {
		.about-area .about-content .about-left p {
				font-size: 20px;
				margin-top: 146px;
		}
}

.about-area .about-content .about-left .about-left-title {
		font-family: "Lato", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
		font-size: 20px;
		font-weight: bold;
		line-height: 30px;
		margin-top: 40px;
}

@media screen and (max-width: 1200px) {
		.about-area .about-content .about-left .about-left-title {
				font-size: 18px;
				line-height: 27px;
				margin-top: 30px;
		}
}

.about-area .about-content .about-left .about-left-contents {
		font-family: "Lato", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
		font-size: 16px;
		line-height: 26px;
		margin-top: 30px;
}

@media screen and (max-width: 1200px) {
		.about-area .about-content .about-left .about-left-contents {
				font-size: 14px;
				line-height: 20px;
				margin-top: 20px;
		}
}

.about-area .about-content .about-right {
		position: relative;
		width: 550px;
		box-sizing: border-box;
}

@media screen and (max-width: 767px) {
		.about-area .about-content .about-right {
				width: 100%;
				margin-top: 20px;
		}
}

.about-area .about-content .about-right img {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
		.about-area .about-content .about-right img {
				top: 50%;
				bottom: auto;
				-webkit-transform: translateY(-50%);
				transform: translateY(-50%);
		}
}

@media screen and (max-width: 767px) {
		.about-area .about-content .about-right img {
				position: static;
		}
}

/* ==============================================
  事業を知るエリア
=============================================== */
.business-area {
		position: relative;
		width: 100%;
		padding: 50px 0 160px;
		box-sizing: border-box;
}

@media screen and (max-width: 767px) {
		.business-area {
				padding: 40px 0 100px;
		}
}

@media screen and (max-width: 378px) {
		.business-area {
				padding: 40px 0;
		}
}

.business-area h2 {
		position: relative;
		display: block;
		height: 150px;
		color: #333333;
		font-size: 60px;
		padding-top: 100px;
		margin-bottom: 24px;
}

@media screen and (max-width: 767px) {
		.business-area h2 {
				height: 94px;
				font-size: 50px;
				padding-top: 65px;
				margin-bottom: 24px;
		}
}

.business-area h2:before {
		position: absolute;
		content: " ";
		left: 0;
		bottom: -48px;
		display: block;
		width: 100px;
}

.business-area h2:after {
		position: absolute;
		content: " ";
		left: 100px;
		bottom: -48px;
		display: block;
		width: 100px;
}

.business-area p {
		display: block;
		font-size: 24px;
		line-height: 1em;
		margin-top: 75px;
}

@media screen and (max-width: 767px) {
		.business-area p {
				font-size: 20px;
				margin-top: 60px;
		}
}

.business-area .business-content {
		position: relative;
		background: #fff;
		width: 1000px;
		margin: 40px auto;
}

@media screen and (max-width: 1200px) {
		.business-area .business-content {
				width: 100%;
		}
}

@media screen and (max-width: 767px) {
		.business-area .business-content {
				width: 100%;
				margin: 30px auto;
		}
}

.business-area .business-content dl {
		width: 100%;
		margin: 0;
		padding: 30px 30px 20px;
		box-sizing: border-box;
}

@media screen and (max-width: 767px) {
		.business-area .business-content dl {
				padding: 15px 4% 12px;
		}
}

.business-area .business-content dl dt {
		position: relative;
		font-family: "Lato", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
		font-size: 20px;
		font-weight: bold;
		line-height: 1em;
		padding-left: 30px;
		box-sizing: border-box;
}

@media screen and (max-width: 767px) {
		.business-area .business-content dl dt {
				font-size: 18px;
				line-height: 27px;
		}
}

.business-area .business-content dl dt:before {
		position: absolute;
		content: "・";
		top: 0;
		left: 0;
		display: block;
		width: 20px;
		height: 20px;
}

@media screen and (max-width: 767px) {
		.business-area .business-content dl dt:before {
				top: 3px;
		}
}

.business-area .business-content dl dd {
		font-family: "Lato", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
		font-size: 16px;
		line-height: 26px;
		margin: 0;
		padding: 15px 0 0;
		box-sizing: border-box;
}

@media screen and (max-width: 767px) {
		.business-area .business-content dl dd {
				font-size: 14px;
				line-height: 20px;
				/*font-size: 2.09vw;
          line-height: 1.5;*/
				padding: 10px 0 0;
		}
}

@media screen and (max-width: 480px) {
		.business-area .business-content dl dd {
				font-size: 14px;
				line-height: 20px;
		}
}

/* ==============================================
  メッセージエリア
=============================================== */
.message-area {
		position: relative;
		width: 100%;
		height: auto;
		background: url(../img/message.jpg) center center/cover no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
		.message-area {
				background: url(../img/message-2x.jpg) center center/cover no-repeat;
		}
}

@media screen and (max-width: 1024px) {
		.message-area {
				height: auto;
				background: #fff;
		}
}

.message-area .message-content {
		width: 600px;
		margin-left: auto;
		background: #fff;
		padding: 0 40px 40px;
		box-sizing: border-box;
}

@media screen and (max-width: 1200px) {
		.message-area .message-content {
				width: 50%;
		}
}

@media screen and (max-width: 1024px) {
		.message-area .message-content {
				width: 100%;
		}
}

@media screen and (max-width: 767px) {
		.message-area .message-content {
				width: 100%;
				padding: 0;
		}
}

.message-area .message-content h2 {
		position: relative;
		display: block;
		height: 150px;
		color: #333333;
		font-size: 60px;
		padding-top: 100px;
		margin-bottom: 24px;
}

@media screen and (max-width: 767px) {
		.message-area .message-content h2 {
				height: 94px;
				font-size: 50px;
				padding-top: 65px;
				margin-bottom: 24px;
		}
}

.message-area .message-content h2:before {
		position: absolute;
		content: " ";
		left: 0;
		bottom: -46px;
		display: block;
		width: 100px;
}

@media screen and (max-width: 767px) {
		.message-area .message-content h2:before {
				bottom: -38px;
		}
}

.message-area .message-content h2:after {
		position: absolute;
		content: " ";
		left: 100px;
		bottom: -46px;
		display: block;
		width: 100px;
}

@media screen and (max-width: 767px) {
		.message-area .message-content h2:after {
				bottom: -38px;
		}
}

.message-area .message-content p {
		display: block;
		font-size: 24px;
		line-height: 1em;
		margin-top: 70px;
}

@media screen and (max-width: 767px) {
		.message-area .message-content p {
				font-size: 20px;
				margin-top: 57px;
		}
}

.message-area .message-content .message-sentence {
		font-family: "Lato", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
		font-size: 16px;
		line-height: 26px;
		margin-top: 40px;
}

@media screen and (max-width: 767px) {
		.message-area .message-content .message-sentence {
				font-size: 14px;
				line-height: 20px;
				margin: 27px 0 17px;
		}
}

.message-area .message-image {
		display: none;
}

@media screen and (max-width: 1024px) {
		.message-area .message-image {
				display: block;
				width: 100%;
				margin: 0;
				padding: 0;
				box-sizing: border-box;
		}
		.message-area .message-image img {
				width: 100%;
				margin: 0;
				padding: 0;
				box-sizing: border-box;
		}
}

/* ==============================================
  募集職種の詳細はこちらエリア
=============================================== */
.recruitment-area {
		position: relative;
		width: 100%;
		background: #E8E5E5;
		text-align: center;
}

.recruitment-area h3 {
		position: relative;
		color: #00338D;
		font-size: 30px;
		font-weight: bold;
		line-height: 1em;
		margin: 0 0 40px 0;
		padding: 0;
		box-sizing: border-box;
}

@media screen and (max-width: 767px) {
		.recruitment-area h3 {
				font-size: 24px;
				margin: 0 0 20px 0;
		}
}

.recruitment-area .recruitment-image {
		position: relative;
		width: 550px;
		height: 180px;
		margin: 0 auto;
		padding: 0;
		box-sizing: border-box;
}

@media screen and (max-width: 767px) {
		.recruitment-area .recruitment-image {
				width: 93%;
				height: auto;
				margin: 0 auto 0 0;
		}
}

.recruitment-area .recruitment-image img {
		width: 100%;
}

@media screen and (min-width: 1025px) {
		.recruitment-area .recruitment-image img:hover {
				opacity: 0.8;
				filter: alpha(opacity=80);
				-ms-filter: "alpha( opacity=80 )";
				transition: all 0.3s;
		}
}

.recruitment-area .recruitment-image a .recruitment-entry {
		position: absolute;
		top: 35px;
		right: -55px;
		width: 110px;
		height: 110px;
		background: #005EB8;
		box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
		padding: 25px 15px;
		box-sizing: border-box;
}

@media screen and (max-width: 767px) {
		.recruitment-area .recruitment-image a .recruitment-entry {
				position: absolute;
				/*top: 20px; */
				top: 50%;
				right: -31.5px;
				width: 63px;
				height: 63px;
				padding: 15px 10px;
				-webkit-transform: translateY(-50%);
				transform: translateY(-50%);
		}
}

.recruitment-area .recruitment-image a .recruitment-entry p {
		position: relative;
		color: #fff;
		font-size: 50px;
		text-align: left;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
}

@media screen and (max-width: 767px) {
		.recruitment-area .recruitment-image a .recruitment-entry p {
				font-size: 29px;
		}
}

.recruitment-area .recruitment-image a .recruitment-entry:after {
		position: absolute;
		content: " ";
		top: 74px;
		left: 15px;
		width: 77px;
		height: 11px;
		background: url(../img/entry-arrow.svg) center center/77px 11px no-repeat;
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		transition: 0.3s;
}

@media screen and (max-width: 767px) {
		.recruitment-area .recruitment-image a .recruitment-entry:after {
				top: 42px;
				left: 10px;
				width: 44.1px;
				height: 6.3px;
				background: url(../img/entry-arrow.svg) center center/44.1px 6.3px no-repeat;
		}
}

.recruitment-area .recruitment-image a .recruitment-entry:hover:after {
		left: 25px;
}

@media screen and (max-width: 767px) {
		.recruitment-area .recruitment-image a .recruitment-entry:hover:after {
				left: 10px;
		}
}

/* ==============================================
	タブエリア
=============================================== */
.tab-area {
		display: block;
		width: 100%;
		background: #BEBEBE;
}

.tab-area .tab-title {
		width: 670px;
		text-align: center;
		margin: 0 auto;
}

@media screen and (max-width: 767px) {
		.tab-area .tab-title {
				width: 100%;
		}
}

.tab-area .tab-title h2 {
		color: #fff;
		font-size: 30px;
		font-weight: bold;
		margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
		.tab-area .tab-title h2 {
				font-size: 24px;
		}
}

.tab-area .tab-title p {
		color: #fff;
		font-size: 20px;
		font-weight: bold;
		border: 2px solid #fff;
		margin-bottom: 58px;
		padding: 20px 80px;
		box-sizing: border-box;
}

@media screen and (max-width: 767px) {
		.tab-area .tab-title p {
				font-size: 4.5vw;
				line-height: 2;
				padding: 10px 0;
				border-right: none;
				border-left: none;
		}
}

.tab-switching-area {
		width: 100%;
		margin: 0 auto;
		max-width: 1200px;
}

@media screen and (max-width: 767px) {
		.tab-switching-area {
				width: 100%;
		}
}

.tab-switching-area .label-area {
		display: flex;
		cursor: pointer;
}

.tab-switching-area .label-area .tab-label {
		width: Calc(85%/3);
		color: #fff;
		font-size: 20px;
		font-weight: bold;
		background: #E8E5E5;
		border-radius: 0 15px 0 0;
		padding: 15px 20px;
		transition: .5s;
		opacity: 1;
		cursor: pointer;
		box-sizing: border-box;
}

@media screen and (max-width: 767px) {
		.tab-switching-area .label-area .tab-label {
				width: calc(100%/3);
				padding: 10px;
		}
}

.tab-switching-area .label-area .tab-label:hover {
		background: #BEBEBE;
}

.tab-switching-area .label-area .tab-label.act {
		color: #333;
		background: #fff;
}

.tab-switching-area .label-area .tab-label.act:hover {
		opacity: 1;
}

.tab-switching-area .content-area {
		width: 100%;
		background: #fff;
		box-sizing: border-box;
}

.tab-switching-area .content-area .tab-content {
		display: none;
}

.tab-switching-area .content-area .tab-content.show {
		display: flex;
		justify-content: space-between;
		width: 100%;
		background-color: #fff;
		padding: 3%;
		border-radius: 0 25px 25px 25px;
		box-sizing: border-box;
}

@media screen and (max-width: 767px) {
		.tab-switching-area .content-area .tab-content.show {
				display: block;
				border-radius: 0;
		}
}

.tab-switching-area .content-area .tab-content .tab-left {
		width: 59%;
		margin: 0 0 2% 0;
		box-sizing: border-box;
}

@media screen and (max-width: 1024px) {
		.tab-switching-area .content-area .tab-content .tab-left {
				padding: 10px;
		}
}

@media screen and (max-width: 767px) {
		.tab-switching-area .content-area .tab-content .tab-left {
				width: 100%;
		}
}

.tab-switching-area .content-area .tab-content .tab-left h3 {
		font-size: 20px;
		font-weight: bold;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
}

@media screen and (max-width: 767px) {
		.tab-switching-area .content-area .tab-content .tab-left h3 {
				font-size: 4.4vw;
				text-align: center;
		}
}

.tab-switching-area .content-area .tab-content .tab-left ul {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		width: 100%;
		list-style-type: none;
		margin-bottom: 30px;
		padding: 0;
}

@media screen and (max-width: 767px) {
		.tab-switching-area .content-area .tab-content .tab-left ul {
				margin-bottom: 0;
		}
}

.tab-switching-area .content-area .tab-content .tab-left ul li {
		width: 32%;
		color: #fff;
		margin: 0 1% 10px 0;
		padding: 12px 10px;
		box-sizing: border-box;
		line-height: 1;
		text-align: center;
}

@media screen and (max-width: 1024px) {
		.tab-switching-area .content-area .tab-content .tab-left ul li {
				height: initial;
		}
}

@media screen and (max-width: 767px) {
		.tab-switching-area .content-area .tab-content .tab-left ul li {
				width: 49%;
				height: initial;
				text-align: center;
				margin: 0 0 5px 0;
		}
}

.tab-switching-area .content-area .tab-content .tab-left ul li:nth-child(even) {
		background: #BEBEBE;
}

.tab-switching-area .content-area .tab-content .tab-left ul li:nth-child(odd) {
		background: #E8E5E5;
}

.tab-switching-area .content-area .tab-content .tab-right {
		width: 39%;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
}

@media screen and (max-width: 1024px) {
		.tab-switching-area .content-area .tab-content .tab-right {
				width: 40%;
				display: flex;
				align-items: flex-end;
		}
}

@media screen and (max-width: 767px) {
		.tab-switching-area .content-area .tab-content .tab-right {
				width: 100%;
				text-align: center;
		}
}

.tab-switching-area .content-area .tab-content .tab-right img {
		vertical-align: bottom;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
}

@media screen and (max-width: 1024px) {
		.tab-switching-area .content-area .tab-content .tab-right img {
				width: 100%;
				height: auto;
		}
}

/* ==============================================
  よくあるご質問
=============================================== */
.faq-area {
		position: relative;
		width: 100%;
		text-align: center;
}

.faq-area .faq-content {
		width: 100％;
		margin: 0 auto;
		padding: 0;
		box-sizing: border-box;
}

@media screen and (max-width: 767px) {
		.faq-area .faq-content {
				width: 92%;
		}
}

.faq-area .faq-content .faq-table dl {
		text-align: left;
}

.faq-area .faq-content .faq-table dl dt {
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: relative;
		color: #fff;
		font-size: 20px;
		line-height: 36px;
		background: #BEBEBE;
		border-radius: 20px 20px 0 0;
		margin: 0;
		padding: 10px 28px;
		box-sizing: border-box;
		cursor: pointer;
}

@media screen and (max-width: 767px) {
		.faq-area .faq-content .faq-table dl dt {
				font-size: 14px;
				line-height: 26px;
				padding: 14px 15px;
		}
}

.faq-area .faq-content .faq-table dl dt p {
		width: 87%;
		margin: 0 10px 0 0;
		padding: 0;
}

@media screen and (max-width: 767px) {
		.faq-area .faq-content .faq-table dl dt p {
				width: 82%;
		}
}

@media screen and (max-width: 767px) {
		.faq-area .faq-content .faq-table dl dt p {
				width: 75%;
		}
}

.faq-area .faq-content .faq-table dl dt .faq-q {
		flex-shrink: 0;
		width: 66px;
		height: 66px;
		background: url(../img/faq-q.svg) center center/66px 66px no-repeat;
		margin: 0 10px 0 0;
		padding: 0;
}

@media screen and (max-width: 767px) {
		.faq-area .faq-content .faq-table dl dt .faq-q {
				position: static;
				top: 0;
				width: 30px;
				height: 30px;
				background: url(../img/faq-q.png) center center/30px 30px no-repeat;
				margin: 0;
				-webkit-transform: none;
				transform: none;
		}
}

@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2) {
		.faq-area .faq-content .faq-table dl dt .faq-q {
				background: url(../img/faq-q@2x.png) center center/30px 30px no-repeat;
		}
}

.faq-area .faq-content .faq-table dl dt .faq-plus {
		flex-shrink: 0;
		width: 30px;
		height: 30px;
		background: url(../img/faq-plus.svg) center center/30px 30px no-repeat;
		margin: 0;
		padding: 0;
		transition: all .3s;
		cursor: pointer;
}

@media screen and (max-width: 767px) {
		.faq-area .faq-content .faq-table dl dt .faq-plus {
				width: 25px;
				height: 25px;
				background: url(../img/faq-plus.png) center center/25px 25px no-repeat;
				margin: 0;
		}
}

@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2) {
		.faq-area .faq-content .faq-table dl dt .faq-plus {
				background: url(../img/faq-plus@2x.png) center center/25px 25px no-repeat;
		}
}

.faq-area .faq-content .faq-table dl dt .faq-plus.open {
		background: url(../img/faq-minus.svg) center center/30px 30px no-repeat;
}

@media screen and (max-width: 767px) {
		.faq-area .faq-content .faq-table dl dt .faq-plus.open {
				background: url(../img/faq-minus.png) center center/25px 25px no-repeat;
		}
}

@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2) {
		.faq-area .faq-content .faq-table dl dt .faq-plus.open {
				background: url(../img/faq-minus@2x.png) center center/25px 25px no-repeat;
		}
}

.faq-area .faq-content .faq-table dl dd {
		display: none;
		margin: 0;
		padding: 0;
}

.faq-area .faq-content .faq-table dl dd .dd-content {
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: relative;
		font-size: 20px;
		line-height: 36px;
		background: #fff;
		border-radius: 0 0 20px 20px;
		margin: 0;
		padding: 10px 28px;
		box-sizing: border-box;
}

@media screen and (max-width: 767px) {
		.faq-area .faq-content .faq-table dl dd .dd-content {
				font-size: 14px;
				line-height: 26px;
				padding: 10px 15px;
		}
}

.faq-area .faq-content .faq-table dl dd .dd-content p {
		width: 87%;
		margin: 0 10px 0 0;
		padding: 0;
}

@media screen and (max-width: 767px) {
		.faq-area .faq-content .faq-table dl dd .dd-content p {
				width: 82%;
		}
}

@media screen and (max-width: 767px) {
		.faq-area .faq-content .faq-table dl dd .dd-content p {
				width: 75%;
		}
}

.faq-area .faq-content .faq-table dl dd .dd-content .faq-a {
		flex-shrink: 0;
		width: 66px;
		height: 66px;
		background: url(../img/faq-a.svg) center center/66px 66px no-repeat;
		margin: 0 10px 0 0;
		padding: 0;
}

@media screen and (max-width: 767px) {
		.faq-area .faq-content .faq-table dl dd .dd-content .faq-a {
				position: static;
				top: 0;
				width: 30px;
				height: 30px;
				background: url(../img/faq-a.png) center center/30px 30px no-repeat;
				margin: 0;
				-webkit-transform: none;
				transform: none;
		}
}

@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2) {
		.faq-area .faq-content .faq-table dl dd .dd-content .faq-a {
				background: url(../img/faq-a@2x.png) center center/30px 30px no-repeat;
		}
}

.faq-area .faq-content .faq-table dl dd .dd-content .faq-arrow {
		flex-shrink: 0;
		width: 15px;
		height: 9.26px;
		background: url(../img/faq-arrow.svg) center center/15px 9.26px no-repeat;
		margin: 0;
		padding: 0;
		cursor: pointer;
}

/* ==============================================
  セミナー情報
=============================================== */
.seminar-area {
		position: relative;
		width: 100%;
		text-align: center;
}

.seminar-area .seminar-content {
		width: 100%;
		margin: 0 auto;
		padding: 0;
}

@media screen and (max-width: 767px) {
		.seminar-area .seminar-content {
				width: 92%;
		}
}

@media screen and (max-width: 767px) {
		.seminar-area .seminar-content h2 {
				font-size: 24px;
				line-height: 40px;
				margin: 0 auto 15px;
		}
}

.seminar-area .seminar-content .seminar-table {
		width: 100%;
		margin: 0 auto;
		padding: 0;
}

@media screen and (max-width: 767px) {
		.seminar-area .seminar-content .seminar-table hr {
				display: none;
		}
}

.seminar-area .seminar-content .seminar-table table {
		width: 100%;
		margin: 50px 0;
		padding: 0;
}

@media screen and (max-width: 767px) {
		.seminar-area .seminar-content .seminar-table table {
				margin: 0 0 15px 0;
		}
}

@media screen and (max-width: 767px) {
		.seminar-area .seminar-content .seminar-table table:last-of-type {
				margin: 0;
		}
}

.seminar-area .seminar-content .seminar-table table .seminar-link {
		width: 100%;
		cursor: pointer;
}

.seminar-area .seminar-content .seminar-table table .seminar-link:hover {
		opacity: 0.8;
		filter: alpha(opacity=80);
		-ms-filter: "alpha( opacity=80 )";
}

.seminar-area .seminar-content .seminar-table table .seminar-link th {
		width: 24%;
		color: #717171;
		vertical-align: top;
		border-right: 1px solid #979EA6;
		padding: 0 55px 0 0;
		box-sizing: border-box;
}

@media screen and (max-width: 767px) {
		.seminar-area .seminar-content .seminar-table table .seminar-link th {
				display: block;
				width: 100%;
				height: 100%;
				border-right: none;
				border-bottom: 1px solid #979EA6;
				padding: 0 0 15px;
		}
}

.seminar-area .seminar-content .seminar-table table .seminar-link th .seminar-tab {
		width: 100%;
		height: 33px;
		color: #fff;
		font-size: 16px;
		font-weight: bold;
		text-align: center;
		line-height: 33px;
		background: #95A5B5;
		border-radius: 10px 10px 0 0;
}

@media screen and (max-width: 767px) {
		.seminar-area .seminar-content .seminar-table table .seminar-link th .seminar-tab {
				width: 50%;
				height: 100%;
				text-align: left;
				line-height: 30px;
				padding: 5px 15px;
				box-sizing: border-box;
		}
}

.seminar-area .seminar-content .seminar-table table .seminar-link th .seminar-tab.active {
		background: #DD4F4F;
}

.seminar-area .seminar-content .seminar-table table .seminar-link th div:nth-child(2) {
		line-height: 16px;
		margin-top: 25px;
}

@media screen and (max-width: 767px) {
		.seminar-area .seminar-content .seminar-table table .seminar-link th div:nth-child(2) {
				font-size: 14px;
				line-height: 14px;
				margin-top: 15px;
		}
}

.seminar-area .seminar-content .seminar-table table .seminar-link th div:nth-child(3) {
		font-size: 24px;
		font-weight: bold;
		line-height: 24px;
		margin-top: 15px;
}

@media screen and (max-width: 767px) {
		.seminar-area .seminar-content .seminar-table table .seminar-link th div:nth-child(3) {
				font-size: 20px;
				line-height: 20px;
				margin-top: 10px;
		}
}

.seminar-area .seminar-content .seminar-table table .seminar-link th div:nth-child(4) {
		line-height: 16px;
		margin-top: 15px;
}

@media screen and (max-width: 767px) {
		.seminar-area .seminar-content .seminar-table table .seminar-link th div:nth-child(4) {
				font-size: 14px;
				line-height: 14px;
				margin-top: 10px;
		}
}

.seminar-area .seminar-content .seminar-table table .seminar-link td:first-of-type {
		width: 52%;
		color: #717171;
		vertical-align: top;
		border-right: 1px solid #979EA6;
		padding: 0 59px;
		box-sizing: border-box;
}

@media screen and (max-width: 767px) {
		.seminar-area .seminar-content .seminar-table table .seminar-link td:first-of-type {
				display: block;
				width: 100%;
				height: 100%;
				border-right: none;
				border-bottom: 1px solid #979EA6;
				padding: 15px 0;
		}
}

.seminar-area .seminar-content .seminar-table table .seminar-link td:first-of-type h3 {
		font-size: 24px;
		line-height: 24px;
		margin: 0 0 22px 0;
		padding: 0;
}

@media screen and (max-width: 767px) {
		.seminar-area .seminar-content .seminar-table table .seminar-link td:first-of-type h3 {
				font-size: 20px;
				line-height: 36px;
				margin: 0;
				padding: 0;
		}
}

.seminar-area .seminar-content .seminar-table table .seminar-link td:first-of-type p {
		line-height: 32px;
}

@media screen and (max-width: 767px) {
		.seminar-area .seminar-content .seminar-table table .seminar-link td:first-of-type p {
				font-size: 14px;
				line-height: 26px;
		}
}

.seminar-area .seminar-content .seminar-table table .seminar-link td:last-of-type {
		position: relative;
		width: 15%;
		color: #717171;
		text-align: center;
		padding: 0 0 0 4.2%;
		box-sizing: border-box;
}

@media screen and (max-width: 767px) {
		.seminar-area .seminar-content .seminar-table table .seminar-link td:last-of-type {
				display: block;
				width: 100%;
				height: 100%;
				border-right: none;
				border-bottom: none;
				padding: 15px 0;
		}
}

.seminar-area .seminar-content .seminar-table table .seminar-link td:last-of-type div {
		width: 45px;
		margin: 0;
		padding: 0;
}

@media screen and (max-width: 767px) {
		.seminar-area .seminar-content .seminar-table table .seminar-link td:last-of-type div {
				display: flex;
				justify-content: flex-start;
				width: 50%;
		}
}

.seminar-area .seminar-content .seminar-table table .seminar-link td:last-of-type span {
		display: block;
		margin: 10px 0;
}

@media screen and (max-width: 767px) {
		.seminar-area .seminar-content .seminar-table table .seminar-link td:last-of-type span:first-of-type {
				display: block;
				border-right: 1px solid #707070;
				margin: 0;
				padding: 0 10px 0 0;
		}
}

@media screen and (max-width: 767px) {
		.seminar-area .seminar-content .seminar-table table .seminar-link td:last-of-type span:last-of-type {
				display: block;
				margin: 0 0 0 10px;
		}
}

.seminar-area .seminar-content .seminar-table table .seminar-link td:last-of-type hr {
		display: block;
		width: 45px;
		margin: 0 auto;
}

@media screen and (max-width: 767px) {
		.seminar-area .seminar-content .seminar-table table .seminar-link td:last-of-type hr {
				display: none;
		}
}

.seminar-area .seminar-content .seminar-table table .seminar-link td:last-of-type .seminar-arrow {
		position: absolute;
		top: 50%;
		right: 0;
		width: 15.68px;
		height: 25.4px;
		background: url(../img/seminar-arrow.svg) center center/15.68px 25.4px no-repeat;
		margin: 0;
		padding: 0;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
		.seminar-area .seminar-content .seminar-table table .seminar-link td:last-of-type .seminar-arrow {
				width: 10px;
				height: 16.19px;
				background: url(../img/seminar-arrow.svg) center center/10px 16.19px no-repeat;
		}
}

/* ==============================================
	フォームエリア
=============================================== */
.form-area {
		width: 100%;
}

.form-area .form-content {
		text-align: center;
}

.form-area .form-content h2 {
		font-size: 30px;
		font-weight: bold;
		margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
		.form-area .form-content h2 {
				font-size: 24px;
				margin-bottom: 20px;
		}
}

.form-area .form-content .form-flow {
		width: 600px;
		height: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		margin: 0 auto;
}

@media screen and (max-width: 767px) {
		.form-area .form-content .form-flow {
				width: 92vw;
				height: auto;
				display: block;
				margin: 0 auto;
		}
}

.form-area .form-content .form-flow .form-item {
		position: relative;
		width: 50%;
		color: #fff;
		font-size: 16px;
		font-weight: bold;
		text-align: center;
		line-height: 40px;
		background: #E8E5E5;
		margin: 0;
		padding: 0;
}

@media screen and (max-width: 767px) {
		.form-area .form-content .form-flow .form-item {
				width: 100%;
				height: 40px;
		}
}

.form-area .form-content .form-flow .form-item.one {
		background: #BEBEBE;
		z-index: 1;
}

.form-area .form-content .form-flow .form-item.one::before {
		content: '';
		position: absolute;
		z-index: 2;
		top: 0;
		bottom: 0;
		left: 100%;
		border: 20px solid transparent;
		border-left: 30px solid #BEBEBE;
		margin: auto;
}

@media screen and (max-width: 767px) {
		.form-area .form-content .form-flow .form-item.one::before {
				top: 100%;
				bottom: auto;
				left: 50%;
				border: 10px solid transparent;
				border-top: 10px solid #BEBEBE;
				border-left: 10px solid transparent;
				margin-left: -10px;
		}
}

.form-area .form-content .form-flow .form-item.two {
		padding-left: 15px;
		box-sizing: border-box;
}

@media screen and (max-width: 767px) {
		.form-area .form-content .form-flow .form-item.two {
				padding-left: 0;
		}
}

/* ==============================================
  パンくずエリア
=============================================== */
.breadcrumb-area {
		width: 100%;
		max-width: 100%;
		height: 40px;
		background: #E7EAEF;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
}

.breadcrumb-area .inner ul {
		display: flex;
		list-style-type: none;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
}

.breadcrumb-area .inner ul li {
		font-size: 14px;
		line-height: 40px;
		margin-right: 1em;
}

@media screen and (max-width: 1200px) {
		.breadcrumb-area .inner ul li {
				font-size: 12px;
		}
}

.breadcrumb-area .inner ul li::after {
		content: '/';
		font-size: 14px;
		margin-left: 1em;
}

@media screen and (max-width: 1200px) {
		.breadcrumb-area .inner ul li::after {
				font-size: 12px;
		}
}

.breadcrumb-area .inner ul li:last-child {
		margin: 0;
}

.breadcrumb-area .inner ul li:last-child::after {
		display: none;
}

/* ==============================================
	タイトルエリア
=============================================== */
.title-area {
		background: #F5F5F5;
		height: 228px;
		margin: 0;
		padding: 0;
}

@media screen and (max-width: 767px) {
		.title-area {
				height: 250px;
				padding: 0;
		}
}

.title-area .inner {
		position: relative;
		height: 228px;
}

@media screen and (max-width: 767px) {
		.title-area .inner {
				height: 250px;
		}
}

.title-area .inner h1 {
		position: absolute;
		top: 50%;
		left: 50%;
		display: block;
		width: 100%;
		color: #002855;
		font-size: 50px;
		text-align: center;
		line-height: 1.5;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
}

@media screen and (max-width: 1024px) {
		.title-area .inner h1 {
				font-size: 40px;
		}
}

@media screen and (max-width: 767px) {
		.title-area .inner h1 {
				font-size: 26px;
		}
}

@media screen and (max-width: 280px) {
		.title-area .inner h1 {
				font-size: 24px;
		}
}

.title-area .inner h1.font-s {
		font-size: 45px;
}

@media screen and (max-width: 1024px) {
		.title-area .inner h1.font-s {
				font-size: 28px;
		}
}

@media screen and (max-width: 767px) {
		.title-area .inner h1.font-s {
				font-size: 24px;
		}
}

@media screen and (max-width: 280px) {
		.title-area .inner h1.font-s {
				font-size: 20px;
		}
}

/* ==============================================
	ストレングスエリア
=============================================== */
.strength-page .one-column-content ul {
		width: 100%;
		max-width: 1000px;
		margin: 76px auto 0;
		padding: 0;
}

@media screen and (max-width: 767px) {
		.strength-page .one-column-content ul {
				margin: 30px auto 0;
		}
}

.strength-page .one-column-content ul li {
		position: relative;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
		.strength-page .one-column-content ul li {
				display: block;
				margin-bottom: 30px;
		}
}

.strength-page .one-column-content ul li:last-child {
		margin-bottom: 0;
}

.strength-page .one-column-content ul li .img-area {
		position: relative;
		flex-shrink: 0;
		position: relative;
		width: 280px;
}

@media screen and (max-width: 767px) {
		.strength-page .one-column-content ul li .img-area {
				width: 200px;
				margin: 0 auto;
		}
}

.strength-page .one-column-content ul li .img-area .number {
		position: absolute;
		font-family: "Lato", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
		color: #FBB51D;
		font-size: 60px;
		font-weight: bold;
}

@media screen and (max-width: 767px) {
		.strength-page .one-column-content ul li .img-area .number {
				left: -25px;
				font-size: 48px;
				line-height: 35px;
		}
}

.strength-page .one-column-content ul li .img-area img {
		width: 280px;
		height: 280px;
}

@media screen and (max-width: 767px) {
		.strength-page .one-column-content ul li .img-area img {
				width: 200px;
				height: auto;
		}
}

.strength-page .one-column-content ul li .text-area {
		width: 680px;
		margin-left: 40px;
}

@media screen and (max-width: 1200px) {
		.strength-page .one-column-content ul li .text-area {
				width: 56.66vw;
				margin-left: 3.33vw;
		}
}

@media screen and (max-width: 767px) {
		.strength-page .one-column-content ul li .text-area {
				width: 100%;
				text-align: center;
				margin: 0;
		}
}

.strength-page .one-column-content ul li .text-area .number {
		font-family: "Lato", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
		color: #FBB51D;
		font-size: 60px;
		font-weight: bold;
}

@media screen and (max-width: 1200px) {
		.strength-page .one-column-content ul li .text-area .number {
				font-size: 54px;
		}
}

@media screen and (max-width: 767px) {
		.strength-page .one-column-content ul li .text-area .number {
				left: -25px;
				font-size: 48px;
				line-height: 35px;
		}
}

.strength-page .one-column-content ul li .text-area h3 {
		position: relative;
		font-size: 26px;
		text-align: left;
		line-height: 1em;
		margin-top: 20px;
}

@media screen and (max-width: 1200px) {
		.strength-page .one-column-content ul li .text-area h3 {
				font-size: 22px;
				line-height: 1.5;
		}
}

@media screen and (max-width: 767px) {
		.strength-page .one-column-content ul li .text-area h3 {
				font-size: 22px;
				text-align: center;
				line-height: 33px;
				margin-top: 15px;
		}
}

.strength-page .one-column-content ul li .text-area h3:after {
		content: "";
		position: absolute;
		left: 50%;
		bottom: -40px;
		width: 100%;
		height: 1px;
		background: #53565A;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
}

@media screen and (max-width: 767px) {
		.strength-page .one-column-content ul li .text-area h3:after {
				display: none;
		}
}

.strength-page .one-column-content ul li .text-area .one-column-sentence {
		width: 680px;
		line-height: 1.5;
		margin: 81px auto 0;
}

@media screen and (max-width: 1200px) {
		.strength-page .one-column-content ul li .text-area .one-column-sentence {
				width: 100%;
		}
}

@media screen and (max-width: 767px) {
		.strength-page .one-column-content ul li .text-area .one-column-sentence {
				width: 92vw;
				font-size: 14px;
				text-align: left;
				margin: 20px auto 0;
		}
}

.strength-page .one-column-content ul li .text-area .frame-area dl {
		width: 100%;
		background: #F5F5F5;
		padding: 20px;
		box-sizing: border-box;
}

@media screen and (max-width: 767px) {
		.strength-page .one-column-content ul li .text-area .frame-area dl {
				padding: 5.33vw;
		}
}

.strength-page .one-column-content ul li .text-area .frame-area dl dt {
		font-weight: bold;
		margin: 0;
		padding: 0;
}

.strength-page .one-column-content ul li .text-area .frame-area dl dd {
		margin: 0;
		padding: 0;
}

.strength-page .one-column-content ul li .text-area .frame-area dl dd ul {
		width: 620px;
		display: flex;
		flex-wrap: wrap;
		list-style-type: disc;
		margin: 20px 0 0 1em;
		padding: 0;
}

@media screen and (max-width: 1200px) {
		.strength-page .one-column-content ul li .text-area .frame-area dl dd ul {
				width: 100%;
		}
}

@media screen and (max-width: 767px) {
		.strength-page .one-column-content ul li .text-area .frame-area dl dd ul {
				width: 100%;
				display: block;
				text-align: left;
		}
}

.strength-page .one-column-content ul li .text-area .frame-area dl dd ul li {
		display: list-item;
		width: 310px;
		word-break: break-all;
		margin: 0 0 10px 0;
		padding: 0 2em 0 0;
		box-sizing: border-box;
		/*&:nth-child(3) {
                      margin: 0;
                      @include media(pc) {
                        margin: 0 0 10px 0;
                      }
                    }*/
}

@media screen and (max-width: 1200px) {
		.strength-page .one-column-content ul li .text-area .frame-area dl dd ul li {
				width: 50%;
		}
}

@media screen and (max-width: 767px) {
		.strength-page .one-column-content ul li .text-area .frame-area dl dd ul li {
				width: 100%;
		}
}

.strength-page .one-column-content ul li .text-area .frame-area dl dd ul li:nth-child(5) {
		width: 100%;
		margin: 0;
}

.strength-page .one-column-content ul li:nth-child(2n) .text-area {
		margin: 0 40px 0 0;
}

@media screen and (max-width: 1200px) {
		.strength-page .one-column-content ul li:nth-child(2n) .text-area {
				margin: 0 3.33vw 0 0;
		}
}

/* ==============================================
	大切にしていることエリア
=============================================== */
.important-area {
		background: url(../img/important-bg.jpg) center center/cover no-repeat;
		padding: 62px 0 90px;
		margin: 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
		.important-area {
				background: url(../img/important-bg-2x.jpg) center center/cover no-repeat;
		}
}

.important-area .inner {
		background: #fff;
		padding: 90px 150px;
		box-sizing: border-box;
}

@media screen and (max-width: 1200px) {
		.important-area .inner {
				padding: 90px 5vw;
		}
}

@media screen and (max-width: 767px) {
		.important-area .inner {
				width: 84vw;
				padding: 40px 0;
		}
}

.important-area .inner h2 {
		font-size: 32px;
		font-weight: bold;
}

@media screen and (max-width: 767px) {
		.important-area .inner h2 {
				font-size: 22px;
		}
}

.important-area .inner .one-column-contents {
		margin-top: 56px;
}

@media screen and (max-width: 767px) {
		.important-area .inner .one-column-contents {
				margin-top: 33px;
		}
}

.important-area .inner .one-column-contents .one-column-content {
		display: flex;
		align-items: center;
}

@media screen and (max-width: 767px) {
		.important-area .inner .one-column-contents .one-column-content {
				display: block;
		}
}

.important-area .inner .one-column-contents .one-column-content .one-column-arrow {
		position: relative;
		flex-shrink: 0;
		width: 190px;
		height: 94px;
		font-family: "Lato", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
		color: #fff;
		font-size: 24px;
		line-height: 94px;
		text-align: center;
		background: #FBB51D;
		margin-right: 50px;
}

@media screen and (max-width: 767px) {
		.important-area .inner .one-column-contents .one-column-content .one-column-arrow {
				width: 74vw;
				height: 45px;
				line-height: 60px;
				margin: 0 auto 40px;
		}
}

.important-area .inner .one-column-contents .one-column-content .one-column-arrow:after {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 100%;
		border-top: 47px solid transparent;
		border-right: 29px solid transparent;
		border-bottom: 47px solid transparent;
		border-left: 29px solid #FBB51D;
}

@media screen and (max-width: 767px) {
		.important-area .inner .one-column-contents .one-column-content .one-column-arrow:after {
				top: 100%;
				bottom: 0;
				left: 0;
				border-top: 20px solid #FBB51D;
				border-right: 37vw solid transparent;
				border-bottom: 20px solid transparent;
				border-left: 37vw solid transparent;
		}
}

.important-area .inner .one-column-contents .one-column-content .one-column-text {
		color: #034895;
		font-size: 40px;
		font-weight: bold;
		line-height: 54px;
}

@media screen and (max-width: 1200px) {
		.important-area .inner .one-column-contents .one-column-content .one-column-text {
				font-size: 30px;
				line-height: 1.5;
		}
}

@media screen and (max-width: 767px) {
		.important-area .inner .one-column-contents .one-column-content .one-column-text {
				width: 70.6vw;
				font-size: 22px;
				text-align: center;
				line-height: 33px;
				margin: 0 auto;
		}
}

@media screen and (max-width: 280px) {
		.important-area .inner .one-column-contents .one-column-content .one-column-text {
				font-size: 18px;
		}
}

.important-area .inner .one-column-contents .one-column-triangle {
		text-align: center;
		padding: 30px 0;
}

@media screen and (max-width: 767px) {
		.important-area .inner .one-column-contents .one-column-triangle {
				padding: 12px 0 20px;
		}
}

@media screen and (max-width: 767px) {
		.important-area .inner .one-column-contents .one-column-triangle img {
				width: 24px;
		}
}

.important-area .inner .one-column-contents .one-column-list {
		background: #E7EAEF;
}

.important-area .inner .one-column-contents .one-column-list ul {
		display: flex;
		list-style-type: none;
		margin: 30px 0 0;
		padding: 40px;
		box-sizing: border-box;
}

@media screen and (max-width: 1200px) {
		.important-area .inner .one-column-contents .one-column-list ul {
				padding: 40px 3.33vw;
		}
}

@media screen and (max-width: 767px) {
		.important-area .inner .one-column-contents .one-column-list ul {
				display: block;
				margin: 20px 0 0;
				padding: 20px 6.6vw;
		}
}

.important-area .inner .one-column-contents .one-column-list ul li {
		width: 260px;
		background: #fff;
		margin: 0 20px 0 0;
}

@media screen and (max-width: 1200px) {
		.important-area .inner .one-column-contents .one-column-list ul li {
				width: 100%;
				margin: 0 1.66vw 0 0;
		}
}

@media screen and (max-width: 767px) {
		.important-area .inner .one-column-contents .one-column-list ul li {
				width: 100%;
				margin: 0 0 10px;
		}
}

.important-area .inner .one-column-contents .one-column-list ul li:last-child {
		margin: 0;
}

.important-area .inner .one-column-contents .one-column-list ul li dl {
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
}

@media screen and (max-width: 1200px) {
		.important-area .inner .one-column-contents .one-column-list ul li dl {
				height: auto;
		}
}

@media screen and (max-width: 767px) {
		.important-area .inner .one-column-contents .one-column-list ul li dl {
				height: auto;
				padding: 20px 2.66vw;
				box-sizing: border-box;
		}
}

.important-area .inner .one-column-contents .one-column-list ul li dl dt {
		width: 100%;
		height: 60px;
		color: #fff;
		font-size: 22px;
		font-weight: bold;
		line-height: 60px;
		text-align: center;
		background: #1E4571;
}

@media screen and (max-width: 1200px) {
		.important-area .inner .one-column-contents .one-column-list ul li dl dt {
				font-size: 18px;
		}
}

@media screen and (max-width: 1024px) {
		.important-area .inner .one-column-contents .one-column-list ul li dl dt {
				font-size: 16px;
		}
}

@media screen and (max-width: 767px) {
		.important-area .inner .one-column-contents .one-column-list ul li dl dt {
				height: 27px;
				font-size: 16px;
				line-height: 27px;
		}
}

.important-area .inner .one-column-contents .one-column-list ul li dl dd {
		width: 100%;
		line-height: 1.5;
		margin: 0;
		padding: 20px;
		box-sizing: border-box;
}

@media screen and (max-width: 1200px) {
		.important-area .inner .one-column-contents .one-column-list ul li dl dd {
				padding: 20px 1.66vw;
		}
}

@media screen and (max-width: 767px) {
		.important-area .inner .one-column-contents .one-column-list ul li dl dd {
				font-size: 14px;
				padding: 10px 0 0;
		}
}

.important-area .inner .one-column-contents .one-column-description ul {
		list-style-type: none;
		margin: 30px 0 0;
		padding: 0;
}

@media screen and (max-width: 767px) {
		.important-area .inner .one-column-contents .one-column-description ul {
				margin: 20px 0 0;
		}
}

.important-area .inner .one-column-contents .one-column-description ul li {
		display: block;
		height: 50px;
		color: #fff;
		font-size: 22px;
		font-weight: bold;
		text-align: center;
		line-height: 50px;
		background: #1E4571;
		margin: 0 0 20px;
		padding: 0;
}

@media screen and (max-width: 767px) {
		.important-area .inner .one-column-contents .one-column-description ul li {
				width: 70.6vw;
				height: auto;
				font-size: 16px;
				line-height: 1.5;
				margin: 0 auto 10px;
				padding: 10px 2.66vw;
				box-sizing: border-box;
		}
}

@media screen and (max-width: 280px) {
		.important-area .inner .one-column-contents .one-column-description ul li {
				font-size: 12px;
		}
}

.important-area .inner .one-column-contents .one-column-description ul li:last-child {
		margin: 0 auto;
}

.important-area .inner .one-column-contents .one-column-image {
		margin-top: 20px;
}

@media screen and (max-width: 767px) {
		.important-area .inner .one-column-contents .one-column-image {
				width: 70.6vw;
				margin: 20px auto;
				padding: 0;
		}
}

.important-area .inner .one-column-contents .one-column-image img {
		width: 100%;
}

/* ==============================================
	AIコンタクトセンターエリア
=============================================== */
.ai-contact-area {
		padding: 90px 0 0;
		margin: 0;
}

@media screen and (max-width: 767px) {
		.ai-contact-area {
				padding: 40px 0 0;
		}
}

.ai-contact-area .inner .one-column-content {
		width: 900px;
		margin: 30px auto 0;
}

@media screen and (max-width: 1200px) {
		.ai-contact-area .inner .one-column-content {
				width: 75vw;
		}
}

@media screen and (max-width: 767px) {
		.ai-contact-area .inner .one-column-content {
				width: 70.6vw;
				margin: 20px auto 0;
		}
}

.ai-contact-area .inner .one-column-content img {
		width: 100%;
}

/* ==============================================
	センターエリア
=============================================== */
.center-area {
		padding: 90px 0 0;
		margin: 0;
}

@media screen and (max-width: 767px) {
		.center-area {
				padding: 40px 0 0;
		}
}

.centerArea_text {
		text-align: center;
		font-size: 26px;
		line-height: 1.5;
		font-weight: bold;
		color: #53565A;
		padding: 43px 0 0;
}

@media screen and (max-width: 767px) {
		.centerArea_text {
				font-size: 22px;
				padding: 33px 0 0;
		}
}

.center-area-image {
		max-width: 750px;
		width: 100%;
		margin: 60px auto 0;
		padding: 0;
}

@media screen and (max-width: 767px) {
		.center-area-image {
				text-align: center;
				margin: 20px auto 0;
		}
}

.center-area-image img {
		width: 100%;
}

/* ==============================================
	ケースエリア
=============================================== */
.common-case {
		background: #fff !important;
		padding: 120px 0 0;
		margin: -30px 0 0;
}

@media screen and (max-width: 767px) {
		.common-case {
				padding: 70px 0 0;
		}
}

@media screen and (max-width: 767px) {
		.common-case .description {
				width: 92vw;
				margin: 30px auto 0;
		}
}

.common-case .three-column-content ul {
		margin-top: 60px;
}

@media screen and (max-width: 767px) {
		.common-case .three-column-content ul {
				margin-top: 20px;
		}
}

.common-case .three-column-content ul li {
		margin-bottom: 0;
}

@media screen and (max-width: 767px) {
		.common-case .three-column-content ul li {
				margin: 0 auto 20px;
		}
}

@media screen and (max-width: 767px) {
		.common-case .three-column-content ul li:last-child {
				margin: 0 auto;
		}
}

/* ==============================================
  パンくずエリア（SP）
=============================================== */
@media screen and (max-width: 767px) {
		.breadcrumb-area {
				height: auto;
				background: #fff;
				padding: 0 0 40px;
		}
}

@media screen and (max-width: 767px) {
		.breadcrumb-area .inner {
				font-size: 11px;
				line-height: 16px;
		}
}

/* ==============================================
	タイトルエリア
=============================================== */
.service .title-area {
		height: 424px;
		position: relative;
		z-index: 1000;
		overflow: hidden;
}

@media screen and (max-width: 767px) {
		.service .title-area {
				height: auto;
		}
}

.service .title-area .title-area_inner {
		padding: 30px 0 28px;
		height: 374px;
		width: 92%;
}

@media screen and (max-width: 767px) {
		.service .title-area .title-area_inner {
				padding: 18px 0 0 0;
				text-align: center;
				height: 434px;
		}
}

.service .title-area .title-area_inner h1 {
		position: relative;
		top: auto;
		left: auto;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		width: 650px;
		margin-bottom: 23px;
		padding-bottom: 15px;
		border-bottom: 1px #83A2C4 solid;
		font-size: 38px;
		color: #034895;
		line-height: 1em;
		text-align: start;
}

@media screen and (max-width: 1024px) {
		.service .title-area .title-area_inner h1 {
				width: 610px;
		}
}

@media screen and (max-width: 767px) {
		.service .title-area .title-area_inner h1 {
				line-height: 1.2;
				width: auto;
				text-align: center;
				margin-bottom: 16px;
				padding-bottom: 11px;
				font-size: 26px;
		}
}

.service .title-area .title-area_inner p {
		margin-top: 10px;
		color: #002855;
		font-weight: bold;
		max-width: 650px;
}

@media screen and (max-width: 767px) {
		.service .title-area .title-area_inner p {
				width: auto;
				max-width: 345px;
				margin: 13px auto 0;
				color: #002855;
				font-weight: bold;
				font-size: 14px;
				line-height: 1.5;
				text-align: left;
		}
}

.service .title-area .title-area_inner .titleButtonArea {
		margin-top: 25px;
		width: 345px;
}

@media screen and (max-width: 767px) {
		.service .title-area .title-area_inner .titleButtonArea {
				display: flex;
				width: 345px;
				justify-content: space-between;
				margin: 16px auto 20px;
		}
}

.service .title-area .title-area_inner .inquiryButton {
		margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
		.service .title-area .title-area_inner .inquiryButton {
				margin: 0;
		}
}

.service .title-area .title-area_inner .inquiryButton_link {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 345px;
		height: 46px;
		background-color: #FF8200;
		padding: 0 20px;
		box-sizing: border-box;
}

@media screen and (max-width: 767px) {
		.service .title-area .title-area_inner .inquiryButton_link {
				width: 168px;
				height: 50px;
				padding: 0 10px 0 15px;
				align-items: center;
		}
}

.service .title-area .title-area_inner .inquiryButton_link_text {
		margin-top: 0;
		font-size: 18px;
		font-weight: bold;
		line-height: 1em;
		color: #fff;
}

@media screen and (max-width: 767px) {
		.service .title-area .title-area_inner .inquiryButton_link_text {
				width: fit-content;
				font-size: 13px;
				margin: 0;
		}
}

.service .title-area .title-area_inner .inquiryButton_link_icon {
		width: 26px;
		height: 21px;
}

@media screen and (max-width: 767px) {
		.service .title-area .title-area_inner .inquiryButton_link_icon {
				margin: 0;
		}
}

.service .title-area .title-area_inner .downloadButton {
		margin-top: 15px;
}

@media screen and (max-width: 767px) {
		.service .title-area .title-area_inner .downloadButton {
				margin: 0;
		}
}

.service .title-area .title-area_inner .downloadButton_link {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 345px;
		height: 46px;
		background-color: #0094E2;
		padding: 10px 20px;
		box-sizing: border-box;
}

@media screen and (max-width: 767px) {
		.service .title-area .title-area_inner .downloadButton_link {
				width: 168px;
				height: 50px;
				padding: 0 10px 0 15px;
		}
}

.service .title-area .title-area_inner .downloadButton_link_text {
		margin-top: 0;
		font-size: 18px;
		font-weight: bold;
		line-height: 1em;
		color: #fff;
}

@media screen and (max-width: 767px) {
		.service .title-area .title-area_inner .downloadButton_link_text {
				width: fit-content;
				font-size: 13px;
				margin: 0;
		}
}

.service .title-area .title-area_inner .downloadButton_link_icon {
		width: 26px;
		height: 26px;
}

.service .title-area .bandArea {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 50px;
		background-color: #034895;
}

@media screen and (max-width: 767px) {
		.service .title-area .bandArea {
				height: 42px;
				padding: 0 14px 0 14px;
		}
}

.service .title-area .bandArea_text {
		font-size: 18px;
		color: #fff;
		font-weight: bold;
}

@media screen and (max-width: 767px) {
		.service .title-area .bandArea_text {
				font-size: 14px;
		}
}

.service01 .title-area .title-area_background_left {
		position: absolute;
		top: 0;
		left: 0;
		width: 64%;
		height: 375px;
		z-index: -1000;
}

@media screen and (max-width: 1366px) {
		.service01 .title-area .title-area_background_left {
				width: 875px;
				height: 375px;
		}
}

@media screen and (max-width: 1024px) {
		.service01 .title-area .title-area_background_left {
				left: -190px;
		}
}

@media screen and (max-width: 767px) {
		.service01 .title-area .title-area_background_left {
				width: 100%;
				height: 314px;
				left: 50%;
				transform: translateX(-50%);
		}
}

.service01 .title-area .title-area_background_left img {
		width: 100%;
		height: 100%;
}

.service01 .title-area .title-area_background_right {
		position: absolute;
		top: 0;
		right: 0;
		width: 47%;
		height: 375px;
		z-index: -2000;
}

@media screen and (max-width: 1366px) {
		.service01 .title-area .title-area_background_right {
				width: 633px;
				height: 375px;
		}
}

@media screen and (max-width: 1024px) {
		.service01 .title-area .title-area_background_right {
				right: -65px;
		}
}

@media screen and (max-width: 767px) {
		.service01 .title-area .title-area_background_right {
				width: 100%;
				height: auto;
				left: 50%;
				top: 314px;
				transform: translateX(-50%);
		}
}

.service01 .title-area .title-area_background_right img {
		object-fit: cover;
		width: 100%;
		height: 100%;
}

.service02 .title-area .title-area_background_left {
		position: absolute;
		top: 0;
		left: 0;
		width: 64%;
		height: 375px;
		z-index: -1000;
}

@media screen and (max-width: 1366px) {
		.service02 .title-area .title-area_background_left {
				width: 875px;
				height: 375px;
		}
}

@media screen and (max-width: 1024px) {
		.service02 .title-area .title-area_background_left {
				left: -190px;
		}
}

@media screen and (max-width: 767px) {
		.service02 .title-area .title-area_background_left {
				width: 100%;
				height: 314px;
				left: 50%;
				transform: translateX(-50%);
		}
}

.service02 .title-area .title-area_background_left img {
		width: 100%;
		height: 100%;
}

.service02 .title-area .title-area_background_right {
		position: absolute;
		top: 0;
		right: 0;
		width: 47%;
		height: 375px;
		z-index: -2000;
}

@media screen and (max-width: 1366px) {
		.service02 .title-area .title-area_background_right {
				width: 633px;
				height: 375px;
		}
}

@media screen and (max-width: 1200px) {
		.service02 .title-area .title-area_background_right {
				left: 573px;
		}
}

@media screen and (max-width: 1024px) {
		.service02 .title-area .title-area_background_right {
				left: 400px;
		}
}

@media screen and (max-width: 767px) {
		.service02 .title-area .title-area_background_right {
				width: 100%;
				height: auto;
				left: 50%;
				top: 314px;
				transform: translateX(-50%);
		}
}

.service02 .title-area .title-area_background_right img {
		object-fit: cover;
		width: 100%;
		height: 100%;
}

.service03 .title-area .title-area_background_left {
		position: absolute;
		top: 0;
		left: 0;
		width: 64%;
		height: 375px;
		z-index: -1000;
}

@media screen and (max-width: 1366px) {
		.service03 .title-area .title-area_background_left {
				width: 875px;
				height: 375px;
		}
}

@media screen and (max-width: 1024px) {
		.service03 .title-area .title-area_background_left {
				left: -190px;
		}
}

@media screen and (max-width: 767px) {
		.service03 .title-area .title-area_background_left {
				width: 100%;
				height: 355px;
				left: 50%;
				transform: translateX(-50%);
		}
}

.service03 .title-area .title-area_background_left img {
		width: 100%;
		height: 100%;
}

.service03 .title-area .title-area_background_right {
		position: absolute;
		top: 0;
		right: 0;
		width: 47%;
		height: 375px;
		z-index: -2000;
}

@media screen and (max-width: 1366px) {
		.service03 .title-area .title-area_background_right {
				width: 633px;
				height: 375px;
		}
}

@media screen and (max-width: 1200px) {
		.service03 .title-area .title-area_background_right {
				left: 573px;
		}
}

@media screen and (max-width: 1024px) {
		.service03 .title-area .title-area_background_right {
				left: auto;
				right: -130px;
		}
}

@media screen and (max-width: 767px) {
		.service03 .title-area .title-area_background_right {
				width: 100%;
				height: auto;
				left: 50%;
				top: 355px;
				transform: translateX(-50%);
		}
}

.service03 .title-area .title-area_background_right img {
		object-fit: cover;
		width: 100%;
		height: 100%;
}

@media screen and (max-width: 767px) {
		.service03 .title-area .title-area_inner {
				height: 455px;
		}
}

.service04 .title-area .title-area_background_left {
		position: absolute;
		top: 0;
		left: 0;
		width: 64%;
		height: 375px;
		z-index: -1000;
}

@media screen and (max-width: 1366px) {
		.service04 .title-area .title-area_background_left {
				width: 875px;
				height: 375px;
		}
}

@media screen and (max-width: 1024px) {
		.service04 .title-area .title-area_background_left {
				left: -190px;
		}
}

@media screen and (max-width: 767px) {
		.service04 .title-area .title-area_background_left {
				width: 100%;
				height: 270px;
				left: 50%;
				transform: translateX(-50%);
		}
}

.service04 .title-area .title-area_background_left img {
		width: 100%;
		height: 100%;
}

.service04 .title-area .title-area_background_right {
		position: absolute;
		top: 0;
		right: 0;
		width: 47%;
		height: 375px;
		z-index: -2000;
}

@media screen and (max-width: 1366px) {
		.service04 .title-area .title-area_background_right {
				width: 633px;
				height: 375px;
		}
}

@media screen and (max-width: 1200px) {
		.service04 .title-area .title-area_background_right {
				right: -20px;
		}
}

@media screen and (max-width: 1024px) {
		.service04 .title-area .title-area_background_right {
				left: auto;
				right: -100px;
		}
}

@media screen and (max-width: 767px) {
		.service04 .title-area .title-area_background_right {
				width: 100%;
				height: auto;
				left: 50%;
				top: 270px;
				transform: translateX(-50%);
		}
}

.service04 .title-area .title-area_background_right img {
		object-fit: cover;
		width: 100%;
		height: 100%;
}

@media screen and (max-width: 767px) {
		.service04 .title-area .title-area_inner {
				height: 393px;
		}
}

/* ==============================================
	実績エリア
=============================================== */
.achievementService {
		padding: 60px 0 90px;
}

@media screen and (max-width: 767px) {
		.achievementService {
				padding: 40px 0;
		}
}

.achievementServiceTitle {
		font-size: 32px;
		font-family: "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
		font-weight: bold;
		line-height: 1;
}

@media screen and (max-width: 767px) {
		.achievementServiceTitle {
				font-size: 22px;
				font-family: "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
				font-weight: bold;
				line-height: 1;
		}
}

.achievementServiceText {
		margin: 53px 0 60px;
		font-size: 16px;
		line-height: 1;
		text-align: center;
}

@media screen and (max-width: 767px) {
		.achievementServiceText {
				margin: 30px 0 15px;
				font-size: 14px;
				line-height: 1.5;
				text-align: center;
		}
}

.tradingCompanyService {
		margin-top: 60px;
}

@media screen and (max-width: 767px) {
		.tradingCompanyService {
				margin-top: 15px;
		}
}

.tradingCompanyService_upperPart {
		display: flex;
		flex-wrap: wrap;
		max-width: 1000px;
		width: 100%;
		margin: 0 auto 40px;
		justify-content: space-between;
		gap: 30px 0;
}

@media screen and (max-width: 1024px) {
		.tradingCompanyService_upperPart {
				justify-content: space-evenly;
		}
}

@media screen and (max-width: 767px) {
		.tradingCompanyService_upperPart {
				margin-bottom: 20px;
				gap: 15px 0;
		}
}

.tradingCompanyService_upperPart_img {
		width: 226px;
}

@media screen and (max-width: 767px) {
		.tradingCompanyService_upperPart_img {
				width: 165px;
		}
}

.tradingCompanyService_lowerPart {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		margin: 0 auto;
		justify-content: space-between;
		gap: 30px 0;
}

@media screen and (max-width: 1200px) {
		.tradingCompanyService_lowerPart {
				justify-content: space-evenly;
		}
}

@media screen and (max-width: 767px) {
		.tradingCompanyService_lowerPart {
				width: 100%;
				gap: 15px 0;
		}
}

.tradingCompanyService_lowerPart_img {
		width: 132px;
		margin: 0px 1px;
}

@media screen and (max-width: 767px) {
		.tradingCompanyService_lowerPart_img {
				margin-right: 0;
		}
}

@media screen and (max-width: 767px) {
		.tradingCompanyService_lowerPart_img {
				width: 75px;
		}
}

/* ==============================================
	メニューエリア
=============================================== */
.menu {
		padding: 30px 0;
		background-color: #E7EAEF;
}

@media screen and (max-width: 767px) {
		.menu {
				padding: 15px 0;
		}
}

.menuFlex {
		display: flex;
		justify-content: space-between;
}

@media screen and (max-width: 767px) {
		.menuFlex {
				flex-wrap: wrap;
		}
}

.menuFlexNode {
		background-color: #fff;
		position: relative;
		height: 60px;
		width: 23%;
}

.menuFlexNode::after {
		content: "";
		position: absolute;
		top: 40px;
		right: 50%;
		width: 18px;
		height: 10px;
		transform: translateX(50%);
		background-image: url(../img/menu_arrow.svg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
}

@media screen and (max-width: 767px) {
		.menuFlexNode::after {
				top: 30px;
		}
}

@media screen and (max-width: 767px) {
		.menuFlexNode {
				width: 49%;
				height: 50px;
		}
		.menuFlexNode:nth-child(2), .menuFlexNode:first-child {
				margin-bottom: 10px;
		}
		.menuFlexNode:hover::after {
				top: 35px;
				transition: all .3s;
		}
}

@media screen and (min-width: 768px) {
		.menuFlexNode:hover::after {
				top: 45px;
				transition: all .3s;
		}
}

.menuFlexNode_link {
		display: block;
		height: 100%;
		padding: 12px 0;
}

@media screen and (max-width: 767px) {
		.menuFlexNode_link {
				padding: 10px;
		}
}

.menuFlexNode_link_name {
		font-size: 18px;
		font-weight: bold;
		color: #002855;
		line-height: 1;
		text-align: center;
}

@media screen and (max-width: 767px) {
		.menuFlexNode_link_name {
				font-size: 14px;
		}
}

/* ==============================================
	リードエリア
=============================================== */
.service .lead-area {
		padding: 50px 0 0;
}

.service .lead-area p {
		line-height: 1.8;
		text-align: center;
}

/* ==============================================
	フューチャーエリア
=============================================== */
.service .feature-area {
		padding: 120px 0 90px;
		margin: -30px 0 0;
}

@media screen and (max-width: 767px) {
		.service .feature-area {
				padding: 70px 0 40px;
				margin: -30px 0 0;
		}
}

@media screen and (max-width: 767px) {
		.service .feature-area .four-column-contents ul {
				margin-top: 70px;
		}
}

.service .feature-area .four-column-contents ul li {
		position: relative;
		border: 1px solid #000;
		padding: 60px 12px 41px;
		box-sizing: border-box;
}

@media screen and (max-width: 1200px) {
		.service .feature-area .four-column-contents ul li {
				width: 23%;
				margin: 0 2.6% 0 0;
		}
}

@media screen and (max-width: 1024px) {
		.service .feature-area .four-column-contents ul li {
				width: 49%;
				margin: 0 2% 60px 0;
		}
}

@media screen and (max-width: 767px) {
		.service .feature-area .four-column-contents ul li {
				width: 100%;
				margin-bottom: 50px;
		}
}

.service .feature-area .four-column-contents ul li::before {
		position: absolute;
		top: -40px;
		left: 50%;
		content: " ";
		width: 80px;
		height: 80px;
		background: url(../img/yellow_circle.jpg) center center/80px 80px no-repeat;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
}

.service .feature-area .four-column-contents ul li::after {
		position: absolute;
		top: -10px;
		left: 50%;
		color: #fff;
		font-family: "Lato", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
		font-size: 20px;
		font-weight: bold;
		line-height: 1em;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
}

.service .feature-area .four-column-contents ul li:first-child::after {
		content: "01";
}

.service .feature-area .four-column-contents ul li:nth-child(2)::after {
		content: "02";
}

@media screen and (max-width: 1024px) {
		.service .feature-area .four-column-contents ul li:nth-child(2n) {
				margin: 0 0 60px 0;
		}
}

@media screen and (max-width: 767px) {
		.service .feature-area .four-column-contents ul li:nth-child(2n) {
				margin-bottom: 50px;
		}
}

@media screen and (max-width: 1024px) {
		.service .feature-area .four-column-contents ul li:nth-child(3) {
				margin: 0 2% 0 0;
		}
}

@media screen and (max-width: 767px) {
		.service .feature-area .four-column-contents ul li:nth-child(3) {
				margin-bottom: 50px;
		}
}

.service .feature-area .four-column-contents ul li:nth-child(3)::after {
		content: "03";
}

.service .feature-area .four-column-contents ul li:nth-child(4) {
		margin: 0;
}

.service .feature-area .four-column-contents ul li:nth-child(4)::after {
		content: "04";
}

.service .feature-area .four-column-contents ul li h3 {
		position: relative;
		font-size: 26px;
		padding-bottom: 30px;
}

@media screen and (max-width: 1200px) {
		.service .feature-area .four-column-contents ul li h3 {
				font-size: 22px;
		}
}

@media screen and (max-width: 1024px) {
		.service .feature-area .four-column-contents ul li h3 {
				font-size: 26px;
		}
}

.service .feature-area .four-column-contents ul li h3::after {
		position: absolute;
		content: " ";
		left: 50%;
		bottom: 0;
		width: 150px;
		height: 1px;
		background: #FBB51D;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
}

.service .feature-area .four-column-contents ul li .four-column-sentence {
		padding-top: 30px;
		font-size: 16px;
		line-height: 24px;
		text-align: left;
}

.service .feature-area.threeCol .four-column-contents ul {
		max-width: 940px;
		margin: 60px auto 0;
		box-sizing: border-box;
}

@media screen and (max-width: 767px) {
		.service .feature-area.threeCol .four-column-contents ul {
				margin-top: 70px;
		}
}

.service .feature-area.threeCol .four-column-contents ul li {
		position: relative;
		width: 300px;
		text-align: center;
		margin: 0 20px 0 0;
		border: 1px solid #000;
		padding: 60px 12px 41px;
		box-sizing: border-box;
}

@media screen and (max-width: 1200px) {
		.service .feature-area.threeCol .four-column-contents ul li {
				width: 32%;
				margin: 0 2% 0 0;
		}
}

@media screen and (max-width: 1024px) {
		.service .feature-area.threeCol .four-column-contents ul li {
				width: 49%;
				margin: 0 2% 60px 0;
		}
}

@media screen and (max-width: 767px) {
		.service .feature-area.threeCol .four-column-contents ul li {
				width: 100%;
				margin-bottom: 50px;
		}
}

@media screen and (max-width: 1024px) {
		.service .feature-area.threeCol .four-column-contents ul li:nth-child(2) {
				margin: 0 0 60px 0;
		}
}

@media screen and (max-width: 767px) {
		.service .feature-area.threeCol .four-column-contents ul li:nth-child(2) {
				margin-bottom: 50px;
		}
}

.service .feature-area.threeCol .four-column-contents ul li:nth-child(3) {
		margin-right: 0;
}

@media screen and (max-width: 1024px) {
		.service .feature-area.threeCol .four-column-contents ul li:nth-child(3) {
				margin: 0;
		}
}

/* ==============================================
	サービスエリア
=============================================== */
.service .service-page {
		padding: 60px 0 0;
}

@media screen and (max-width: 767px) {
		.service .service-page {
				padding: 40px 0 0;
		}
}

@media screen and (max-width: 767px) {
		.service .service-page .inner .one-column-contents ul li {
				display: block;
		}
}

.service .service-page .inner .one-column-contents ul li .text-area {
		width: 710px;
		margin-right: 40px;
}

@media screen and (max-width: 1200px) {
		.service .service-page .inner .one-column-contents ul li .text-area {
				width: 54.4vw;
				margin-right: 3.33vw;
		}
}

@media screen and (max-width: 767px) {
		.service .service-page .inner .one-column-contents ul li .text-area {
				width: 100%;
				margin-right: 0;
		}
}

.service .service-page .inner .one-column-contents ul li .text-area h3 {
		font-size: 32px;
		line-height: 54px;
}

@media screen and (max-width: 1200px) {
		.service .service-page .inner .one-column-contents ul li .text-area h3 {
				font-size: 27px;
				line-height: 1.5;
		}
}

@media screen and (max-width: 767px) {
		.service .service-page .inner .one-column-contents ul li .text-area h3 {
				font-size: 22px;
				line-height: 33px;
		}
}

.service .service-page .inner .one-column-contents ul li .text-area .one-column-sentence {
		font-size: 16px;
		line-height: 1.5;
		margin-top: 45px;
}

@media screen and (max-width: 1200px) {
		.service .service-page .inner .one-column-contents ul li .text-area .one-column-sentence {
				margin-top: 30px;
		}
}

@media screen and (max-width: 767px) {
		.service .service-page .inner .one-column-contents ul li .text-area .one-column-sentence {
				font-size: 14px;
				margin-top: 20px;
		}
}

.service .service-page .inner .one-column-contents ul li .img-area {
		width: 450px;
}

@media screen and (max-width: 1200px) {
		.service .service-page .inner .one-column-contents ul li .img-area {
				width: 34.5vw;
		}
}

@media screen and (max-width: 767px) {
		.service .service-page .inner .one-column-contents ul li .img-area {
				width: 100%;
				margin-top: 20px;
		}
}

/* ==============================================
	ソリューションエリア
=============================================== */
.service .solution-area {
		padding: 120px 0  60px;
		margin: -30px 0 0;
		background: #F5F5F5;
}

@media screen and (max-width: 767px) {
		.service .solution-area {
				padding: 70px 0 40px;
				margin: -30px 0 0;
		}
}

@media screen and (max-width: 1200px) {
		.service .solution-area .inner {
				width: 100%;
		}
}

.service .solution-area .inner .one-column-contents {
		margin-top: 60px;
		padding: 40px 40px 0;
		box-sizing: border-box;
}

@media screen and (max-width: 767px) {
		.service .solution-area .inner .one-column-contents {
				margin-top: 30px;
				padding: 0 4vw 0;
		}
}

.service .solution-area .inner .one-column-contents ul li {
		width: 100%;
		max-width: 900px;
		position: relative;
		background: #fff;
		margin: 0 auto 20px;
		padding: 20px 0 40px;
		box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
		box-sizing: border-box;
}

@media screen and (max-width: 767px) {
		.service .solution-area .inner .one-column-contents ul li {
				padding: 20px 0;
		}
}

.service .solution-area .inner .one-column-contents ul li .img-area {
		position: absolute;
		right: 0;
		bottom: 0;
		width: 199px;
		/*@media screen and (min-width: 450px) and (max-width: 499px) {
                width: 25vw;
              }*/
}

@media screen and (min-width: 600px) and (max-width: 767px) {
		.service .solution-area .inner .one-column-contents ul li .img-area {
				width: 22vw;
		}
}

@media screen and (min-width: 450px) and (max-width: 599px) {
		.service .solution-area .inner .one-column-contents ul li .img-area {
				width: 26vw;
		}
}

@media screen and (min-width: 400px) and (max-width: 449px) {
		.service .solution-area .inner .one-column-contents ul li .img-area {
				width: 33vw;
		}
}

@media screen and (max-width: 399px) {
		.service .solution-area .inner .one-column-contents ul li .img-area {
				width: 38.1vw;
		}
}

.service .solution-area .inner .one-column-contents ul li .img-area img {
		width: 100%;
}

.service .solution-area .inner .one-column-contents ul li .text-area {
		width: 680px;
}

@media screen and (max-width: 1200px) {
		.service .solution-area .inner .one-column-contents ul li .text-area {
				width: 61vw;
		}
}

@media screen and (max-width: 1024px) {
		.service .solution-area .inner .one-column-contents ul li .text-area {
				width: 67vw;
		}
}

@media screen and (max-width: 767px) {
		.service .solution-area .inner .one-column-contents ul li .text-area {
				width: 100%;
		}
}

.service .solution-area .inner .one-column-contents ul li .text-area h3 {
		position: relative;
		width: 350px;
		height: 60px;
		color: #fff;
		font-size: 20px;
		font-weight: bold;
		line-height: 60px;
		background: url(../img/solution_bg.svg) center center/350px 60px no-repeat;
		padding: 0 0 0 20px;
		box-sizing: border-box;
}

@media screen and (max-width: 767px) {
		.service .solution-area .inner .one-column-contents ul li .text-area h3 {
				width: 320px;
				height: 55px;
				line-height: 55px;
				background: url(../img/solution_bg.svg) center center/320px 55px no-repeat;
				padding: 0 0 0 4vw;
		}
}

.service .solution-area .inner .one-column-contents ul li .text-area h3::after {
		display: none;
}

.service .solution-area .inner .one-column-contents ul li .text-area .one-column-sentence {
		margin-top: 36px;
		padding: 0 40px;
		font-size: 16px;
		line-height: 24px;
		font-weight: 500;
}

.service .solution-area .inner .one-column-contents ul li .text-area .one-column-sentence .one-column-sentenceLink {
	color: #2858c8;
	font-weight: bold;
}

@media screen and (max-width: 767px) {
		.service .solution-area .inner .one-column-contents ul li .text-area .one-column-sentence {
				margin-top: 20px;
				padding: 0 4vw;
				font-size: 14px;
				line-height: 21px;
		}
}

.service .solution-area .inner .one-column-contents ul li .text-area .detail-button a {
		margin: 40px 0 0 auto;
}

@media screen and (max-width: 767px) {
		.service .solution-area .inner .one-column-contents ul li .text-area .detail-button a {
				width: 100%;
				margin: 20px 0 0;
		}
}

.service .solution-area .inner .one-column-contents ul li .movie-area {
		width: 100%;
		margin-top: 40px;
}

@media screen and (max-width: 767px) {
		.service .solution-area .inner .one-column-contents ul li .movie-area {
				margin-top: 20px;
		}
}

.service .solution-area .inner .one-column-contents .solution-text {
		margin: 60px auto 0;
		width: 100%;
		font-size: 18px;
		text-decoration: underline solid #ffd700;
		text-align: center;
}

@media screen and (max-width: 767px) {
		.service .solution-area .inner .one-column-contents .solution-text {
				margin-top: 30px;
				font-size: 16px;
				line-height: 21px;
		}
}

/* ==============================================
	ムービーエリア
=============================================== */
.service .movie-area {
		padding-bottom: 0;
}

.service .movie-area .inner {
		max-width: 1000px;
}

.service .movie-area .inner h3 {
		text-align: center;
		margin: 0 auto 20px;
}

.service .movie-area .inner .movie-content {
		position: relative;
		width: 100%;
		padding-top: 56.25%;
}

.service .movie-area .inner .movie-content iframe {
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
}

/* ==============================================
	インタビュー&リサーチエリア
=============================================== */
.service .interview-area {
		padding-bottom: 0;
}

.service .interview-area .one-column-content {
		display: flex;
		padding: 40px 65px;
		border: 20px solid #E7EAEF;
		box-sizing: border-box;
}

@media screen and (max-width: 1200px) {
		.service .interview-area .one-column-content {
				padding: 20px 4vw;
		}
}

@media screen and (max-width: 767px) {
		.service .interview-area .one-column-content {
				display: block;
				border: 5px solid #E7EAEF;
				padding: 20px 4vw;
		}
}

.service .interview-area .one-column-content .img-area {
		flex-shrink: 0;
		width: 100%;
		max-width: 380px;
		margin-right: 50px;
}

@media screen and (max-width: 1200px) {
		.service .interview-area .one-column-content .img-area {
				width: 31.6vw;
				max-width: none;
				margin-right: 4.16vw;
		}
}

@media screen and (max-width: 767px) {
		.service .interview-area .one-column-content .img-area {
				width: 100%;
				margin: 0 0 20px;
		}
}

.service .interview-area .one-column-content .text-area {
		width: 100%;
		max-width: 600px;
}

@media screen and (max-width: 1200px) {
		.service .interview-area .one-column-content .text-area {
				width: 50vw;
		}
}

@media screen and (max-width: 767px) {
		.service .interview-area .one-column-content .text-area {
				width: 100%;
		}
}

.service .interview-area .one-column-content .text-area h3 {
		color: #567291;
}

@media screen and (max-width: 767px) {
		.service .interview-area .one-column-content .text-area h3 {
				font-size: 20px;
		}
}

.service .interview-area .one-column-content .text-area p {
		margin-top: 26px;
}

@media screen and (max-width: 767px) {
		.service .interview-area .one-column-content .text-area p {
				margin-top: 17px;
				line-height: 21px;
		}
}

.service .interview-area .one-column-content .text-area .detail-button {
		margin-top: 40px;
}

@media screen and (max-width: 767px) {
		.service .interview-area .one-column-content .text-area .detail-button {
				margin-top: 20px;
		}
}

.service .interview-area .one-column-content .text-area .detail-button a {
		background: #0094E2;
		margin: 0;
}

@media screen and (max-width: 767px) {
		.service .interview-area .one-column-content .text-area .detail-button a {
				width: 100%;
		}
}

/* ==============================================
	フローエリア
=============================================== */
.service .flow-area {
		padding: 120px 0 0;
		margin: -30px 0 0;
}

@media screen and (max-width: 767px) {
		.service .flow-area {
				padding: 70px 0 0;
				margin: -30px 0 0;
		}
}

.service .flow-area .one-column-content {
		margin-top: 60px;
}

@media screen and (max-width: 767px) {
		.service .flow-area .one-column-content {
				margin-top: 30px;
		}
}

/* ==============================================
	アザーズエリア
=============================================== */
.service .others-area {
		padding-bottom: 0;
		background: none;
}

.service .others-area ul {
		flex-wrap: wrap;
		width: 100%;
		max-width: 1000px;
		margin: 60px auto 20px;
}

@media screen and (max-width: 1200px) {
		.service .others-area ul {
				display: flex;
				flex-wrap: wrap;
		}
}

@media screen and (max-width: 767px) {
		.service .others-area ul {
				margin: 30px auto 20px;
		}
}

.service .others-area ul li {
		width: 100%;
		max-width: 490px;
		margin: 0 20px 20px 0;
}

@media screen and (max-width: 1200px) {
		.service .others-area ul li {
				width: 49%;
				max-width: none;
				margin: 0 2% 20px 0;
		}
}

@media screen and (max-width: 767px) {
		.service .others-area ul li {
				width: 100%;
				margin: 0 0 10px 0;
		}
}

.service .others-area ul li a {
		max-width: none;
		width: 100%;
		height: 90px;
		font-size: 20px;
		line-height: 90px;
		padding: 0 0 0 25px;
}

@media screen and (max-width: 1200px) {
		.service .others-area ul li a {
				font-size: 16px;
		}
}

@media screen and (max-width: 767px) {
		.service .others-area ul li a {
				height: 63px;
				font-size: 16px;
				line-height: 63px;
				padding: 0 0 0 4vw;
		}
}

.service .others-area ul li.this-page {
		width: 100%;
		max-width: 490px;
		height: 90px;
		background: #D9D9D6;
		color: #fff;
		font-size: 20px;
		font-weight: bold;
		line-height: 90px;
		padding: 0 0 0 25px;
		box-sizing: border-box;
}

@media screen and (max-width: 1200px) {
		.service .others-area ul li.this-page {
				width: 49%;
				max-width: none;
				font-size: 16px;
		}
}

@media screen and (max-width: 767px) {
		.service .others-area ul li.this-page {
				width: 100%;
				height: 63px;
				font-size: 16px;
				line-height: 63px;
				padding: 0 0 0 4vw;
		}
}

.service .others-area ul li:nth-child(2n) {
		margin: 0 0 20px 0;
}

@media screen and (max-width: 767px) {
		.service .others-area ul li:nth-child(2n) {
				margin: 0 0 10px 0;
		}
}

.service .others-area .one-column-content {
		width: 100%;
		max-width: 1000px;
		background: url(../img/download_bg.jpg) center center/cover no-repeat;
		margin: 0 auto;
		padding: 69px 120px;
		box-sizing: border-box;
}

@media screen and (max-width: 1200px) {
		.service .others-area .one-column-content {
				padding: 69px 9vw;
		}
}

@media screen and (max-width: 767px) {
		.service .others-area .one-column-content {
				background: url(../img/download_bg_sp.jpg) center center/cover no-repeat;
				padding: 80px 4vw;
		}
}

.service .others-area .one-column-content .detail-button a {
		background: rgba(0, 0, 0, 0.71);
		line-height: 56px;
		border: 2px solid #F0F0F0;
		margin: 0;
}

@media screen and (max-width: 767px) {
		.service .others-area .one-column-content .detail-button a {
				width: 100%;
		}
}

/* ==============================================
	コンタクトエリア
=============================================== */
.service .contact-area {
		padding: 90px 0 0;
}

@media screen and (max-width: 767px) {
		.service .contact-area {
				padding: 40px 0;
		}
}

/* ==============================================
	事例一覧
=============================================== */
.case .title-area {
		height: 300px;
}

@media screen and (max-width: 767px) {
		.case .title-area {
				height: 240px;
		}
}

.case .title-area .inner {
		width: 100%;
		max-width: 100%;
		height: 300px;
}

@media screen and (max-width: 767px) {
		.case .title-area .inner {
				width: 100%;
				height: 240px;
				margin: 0;
		}
}

.case .title-area .inner h1 {
		padding: 35px 0;
		color: #F5F5F5;
		line-height: 1em;
		background: url(../img/title_bg.png) center center/cover no-repeat;
}

@media screen and (max-width: 767px) {
		.case .title-area .inner h1 {
				line-height: 39px;
		}
}

.case .title-area {
		background: url(../img/case_index_title_bg.jpg) center center/cover no-repeat;
}

@media screen and (max-width: 767px) {
		.case .title-area {
				background: url(../img/case_index_title_bg_sp.jpg) center center/cover no-repeat;
		}
}

/* ==============================================
	事例一覧各記事
=============================================== */
.caseArchiveListArea {
		background-color: #F5F5F5;
		margin-top: 60px;
}

@media screen and (max-width: 767px) {
		.caseArchiveListArea {
				margin-top: 40px;
		}
}

.caseArchiveListArea_inner {
		max-width: 1200px;
		margin: 0 auto;
		padding: 60px 0;
}

@media screen and (max-width: 767px) {
		.caseArchiveListArea_inner {
				padding: 40px 15px;
		}
}

.caseArchiveList {
		display: flex;
		flex-wrap: wrap;
		margin: -30px -22.5px;
		list-style: none;
		padding: 0;
}

@media screen and (max-width: 767px) {
		.caseArchiveList {
				margin: 0;
		}
}

.caseArchiveList_node {
		width: 33.3%;
		padding: 30px 22.5px;
		box-sizing: border-box;
}

@media screen and (max-width: 767px) {
		.caseArchiveList_node {
				width: 100%;
				padding: 0;
		}
}

@media screen and (max-width: 767px) {
		.caseArchiveList_node + .caseArchiveList_node {
				margin-top: 20px;
		}
}

.caseArchiveList_node_link {
		display: inline-block;
		padding: 0 20px 20px;
		box-sizing: border-box;
		background: #E7EAEF;
}

@media screen and (max-width: 767px) {
		.caseArchiveList_node_link {
				padding: 0 2.66vw;
		}
}

.caseArchiveListImage {
		position: relative;
		width: calc( 100% + 40px);
		transform: translateX(-20px);
}

@media screen and (max-width: 767px) {
		.caseArchiveListImage {
				width: calc( 100% + 5.32vw);
				transform: translateX(-2.66vw);
		}
}

.caseArchiveListImage:after {
		content: "";
		position: absolute;
		right: 0;
		bottom: 0;
		width: 60px;
		height: 60px;
		background: url(../img/case-arrow.svg) top center/60px 60px no-repeat;
}

.caseArchiveListImage img {
		width: 100%;
		height: 212px;
		object-fit: cover;
		object-position: center;
		font-family: 'object-fit: cover; object-position: center;';
}

@media screen and (max-width: 767px) {
		.caseArchiveListImage img {
				height: 198px;
		}
}

.caseArchiveListDetail {
		padding-top: 20px;
		box-sizing: border-box;
		background: #E7EAEF;
}

@media screen and (max-width: 767px) {
		.caseArchiveListDetail {
				padding: 10px 0;
				text-align: left;
		}
}

.caseArchiveListDetail_title {
		color: #567291;
		line-height: 30px;
		text-align: left;
		letter-spacing: 0.05em;
}

@media screen and (max-width: 1200px) {
		.caseArchiveListDetail_title {
				font-size: 16px;
				line-height: 1.5;
		}
}

@media screen and (max-width: 767px) {
		.caseArchiveListDetail_title {
				font-size: 16px;
				line-height: 24px;
		}
}

.caseArchiveListDetail_tag {
		display: inline-block;
		margin-top: 20px;
		padding: 0;
		list-style: none;
}

@media screen and (max-width: 1200px) {
		.caseArchiveListDetail_tag {
				margin-top: 15px;
		}
}

@media screen and (max-width: 767px) {
		.caseArchiveListDetail_tag {
				margin-top: 10px;
		}
}

.caseArchiveListDetail_tag_node {
		color: #567291;
		background: #fff;
		margin: 0;
		padding: 6px 10px;
		box-sizing: border-box;
		font-size: 14px;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
		.caseArchiveListDetail_tag_node {
				text-align: left;
				line-height: 1.5;
		}
}

@media screen and (max-width: 280px) {
		.caseArchiveListDetail_tag_node {
				font-size: 12px;
		}
}

.caseArchiveListDetail_sentence {
		margin: 0;
		padding: 0;
		box-sizing: border-box;
}

.caseArchiveListDetail_sentence_company {
		color: #567291;
		margin-top: 20px;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
		.caseArchiveListDetail_sentence_company {
				font-size: 14px;
				line-height: 1.5;
				margin-top: 12px;
		}
}

@media screen and (max-width: 767px) {
		.caseArchiveListDetail_sentence_company {
				margin-top: 8px;
		}
}

.caseArchiveListDetail_sentence_industry {
		color: #567291;
		margin-top: 20px;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
		.caseArchiveListDetail_sentence_industry {
				font-size: 14px;
				line-height: 1.5;
				margin-top: 12px;
		}
}

@media screen and (max-width: 767px) {
		.caseArchiveListDetail_sentence_industry {
				margin-top: 5px;
		}
}

@-webkit-keyframes loop {
		0% {
				-webkit-transform: translateX(100%);
				-ms-transform: translateX(100%);
				transform: translateX(100%);
		}
		to {
				-webkit-transform: translateX(-100%);
				-ms-transform: translateX(-100%);
				transform: translateX(-100%);
		}
}

@keyframes loop {
		0% {
				-webkit-transform: translateX(100%);
				-ms-transform: translateX(100%);
				transform: translateX(100%);
		}
		to {
				-webkit-transform: translateX(-100%);
				-ms-transform: translateX(-100%);
				transform: translateX(-100%);
		}
}

@-webkit-keyframes loop2 {
		0% {
				-webkit-transform: translateX(0);
				-ms-transform: translateX(0);
				transform: translateX(0);
		}
		to {
				-webkit-transform: translateX(-200%);
				-ms-transform: translateX(-200%);
				transform: translateX(-200%);
		}
}

@keyframes loop2 {
		0% {
				-webkit-transform: translateX(0);
				-ms-transform: translateX(0);
				transform: translateX(0);
		}
		to {
				-webkit-transform: translateX(-200%);
				-ms-transform: translateX(-200%);
				transform: translateX(-200%);
		}
}

/* ==============================================
	事例エリア
=============================================== */
.case-page {
		padding-bottom: 0;
}

.case-page .inner .one-column-contents .one-column-content .one-column-title {
		display: flex;
		border-bottom: 1px solid #034895;
}

.case-page .inner .one-column-contents .one-column-content .one-column-title .one-column-category {
		position: relative;
		width: 150px;
		height: 50px;
		color: #fff;
		font-size: 16px;
		font-weight: bold;
		line-height: 50px;
		background: #034895;
		padding: 0 0 0 14.5px;
		box-sizing: border-box;
}

@media screen and (max-width: 767px) {
		.case-page .inner .one-column-contents .one-column-content .one-column-title .one-column-category {
				width: 29.6vw;
				height: 34px;
				font-size: 12px;
				line-height: 34px;
				padding: 0 0 0 2.26vw;
		}
}

@media screen and (max-width: 280px) {
		.case-page .inner .one-column-contents .one-column-content .one-column-title .one-column-category {
				width: 35vw;
				font-size: 10px;
		}
}

.case-page .inner .one-column-contents .one-column-content .one-column-title .one-column-category img {
		margin: 19px 11.5px 0 0;
}

@media screen and (max-width: 767px) {
		.case-page .inner .one-column-contents .one-column-content .one-column-title .one-column-category img {
				margin: 11.6px 2.26vw 0 0;
		}
}

.case-page .inner .one-column-contents .one-column-content .one-column-title .one-column-category::after {
		content: '';
		position: absolute;
		top: 0;
		left: 99.9%;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 30px 50px 0;
		border-color: transparent transparent #034895 transparent;
}

@media screen and (max-width: 767px) {
		.case-page .inner .one-column-contents .one-column-content .one-column-title .one-column-category::after {
				left: 99.7%;
				border-width: 0 4vw 34px 0;
		}
}

.case-page .inner .one-column-contents .one-column-content .one-column-title .title {
		color: #034895;
		font-size: 24px;
		font-weight: bold;
		line-height: 50px;
		margin-left: 50px;
}

@media screen and (max-width: 767px) {
		.case-page .inner .one-column-contents .one-column-content .one-column-title .title {
				font-size: 14px;
				font-weight: bold;
				line-height: 34px;
				margin-left: 4.26vw;
		}
}

@media screen and (max-width: 280px) {
		.case-page .inner .one-column-contents .one-column-content .one-column-title .title {
				font-size: 10px;
		}
}

.case-page .inner .one-column-contents .one-column-content .one-column-tag {
		margin-top: 30px;
}

@media screen and (max-width: 767px) {
		.case-page .inner .one-column-contents .one-column-content .one-column-tag {
				margin-top: 20px;
		}
}

.case-page .inner .one-column-contents .one-column-content .one-column-tag ul {
		display: flex;
}

@media screen and (max-width: 767px) {
		.case-page .inner .one-column-contents .one-column-content .one-column-tag ul {
				display: block;
		}
}

.case-page .inner .one-column-contents .one-column-content .one-column-tag ul li {
		padding: 0 20px;
		border-right: 1px solid #D9D9D6;
}

@media screen and (max-width: 767px) {
		.case-page .inner .one-column-contents .one-column-content .one-column-tag ul li {
				justify-content: flex-start;
				padding: 16px 0 10px;
				border-right: none;
				border-bottom: 1px solid #D9D9D6;
		}
}

.case-page .inner .one-column-contents .one-column-content .one-column-tag ul li:first-child {
		padding: 0 20px 0 0;
}

@media screen and (max-width: 767px) {
		.case-page .inner .one-column-contents .one-column-content .one-column-tag ul li:first-child {
				padding: 0 0 10px;
		}
}

.case-page .inner .one-column-contents .one-column-content .one-column-tag ul li:last-child {
		border: none;
}

@media screen and (max-width: 767px) {
		.case-page .inner .one-column-contents .one-column-content .one-column-tag ul li:last-child {
				border-bottom: 1px solid #D9D9D6;
		}
}

.case-page .inner .one-column-contents .one-column-content .one-column-tag ul li .company {
		color: #002855;
		font-weight: bold;
		margin-right: 20px;
}

@media screen and (max-width: 767px) {
		.case-page .inner .one-column-contents .one-column-content .one-column-tag ul li .company {
				width: 33.86vw;
				margin: 0;
		}
}

@media screen and (max-width: 280px) {
		.case-page .inner .one-column-contents .one-column-content .one-column-tag ul li .company {
				font-size: 12px;
				line-height: 18px;
		}
}

.case-page .inner .one-column-contents .one-column-content .one-column-tag ul li .company img {
		margin-right: 5.2px;
}

@media screen and (max-width: 767px) {
		.case-page .inner .one-column-contents .one-column-content .one-column-tag ul li .company img {
				margin-right: 2.4vw;
		}
}

@media screen and (max-width: 767px) {
		.case-page .inner .one-column-contents .one-column-content .one-column-tag ul li .company-name {
				width: 58.13vw;
		}
}

@media screen and (max-width: 280px) {
		.case-page .inner .one-column-contents .one-column-content .one-column-tag ul li .company-name {
				font-size: 12px;
				line-height: 18px;
		}
}

.case-page .inner .one-column-contents .one-column-content .one-column-tag ul li .industry {
		color: #002855;
		font-weight: bold;
		margin-right: 20px;
}

@media screen and (max-width: 767px) {
		.case-page .inner .one-column-contents .one-column-content .one-column-tag ul li .industry {
				width: 33.86vw;
				margin: 0;
		}
}

@media screen and (max-width: 280px) {
		.case-page .inner .one-column-contents .one-column-content .one-column-tag ul li .industry {
				font-size: 12px;
				line-height: 18px;
		}
}

.case-page .inner .one-column-contents .one-column-content .one-column-tag ul li .industry img {
		margin-right: 9px;
}

@media screen and (max-width: 767px) {
		.case-page .inner .one-column-contents .one-column-content .one-column-tag ul li .industry img {
				position: relative;
				top: 1px;
				margin-right: 2.4vw;
		}
}

@media screen and (max-width: 767px) {
		.case-page .inner .one-column-contents .one-column-content .one-column-tag ul li .industry-name {
				width: 58.13vw;
		}
}

@media screen and (max-width: 280px) {
		.case-page .inner .one-column-contents .one-column-content .one-column-tag ul li .industry-name {
				font-size: 12px;
				line-height: 18px;
		}
}

.case-page .inner .one-column-contents .one-column-content .one-column-description {
		line-height: 1.5;
		margin-top: 45px;
}

@media screen and (max-width: 767px) {
		.case-page .inner .one-column-contents .one-column-content .one-column-description {
				font-size: 14px;
				margin-top: 20px;
		}
}

.case-page .inner .one-column-contents .one-column-content .one-column-description .one-column-descriptionLink {
	color: #1d4ad3;
}

.case-page .inner .one-column-contents .one-column-content .one-column-table {
		width: 1200px;
		margin-top: 30px;
}

@media screen and (max-width: 1200px) {
		.case-page .inner .one-column-contents .one-column-content .one-column-table {
				width: 92vw;
		}
}

.case-page .inner .one-column-contents .one-column-content .one-column-table tr {
		width: 1200px;
}

@media screen and (max-width: 1200px) {
		.case-page .inner .one-column-contents .one-column-content .one-column-table tr {
				width: 92vw;
		}
}

.case-page .inner .one-column-contents .one-column-content .one-column-table tr th {
		width: 200px;
		color: #fff;
		font-size: 20px;
		font-weight: bold;
		text-align: center;
		vertical-align: middle;
		background: #034895;
}

@media screen and (max-width: 1200px) {
		.case-page .inner .one-column-contents .one-column-content .one-column-table tr th {
				width: 20%;
		}
}

@media screen and (max-width: 1024px) {
		.case-page .inner .one-column-contents .one-column-content .one-column-table tr th {
				font-size: 14px;
		}
}

@media screen and (max-width: 767px) {
		.case-page .inner .one-column-contents .one-column-content .one-column-table tr th {
				display: block;
				width: 100%;
				height: 58px;
				font-size: 18px;
				line-height: 58px;
		}
}

.case-page .inner .one-column-contents .one-column-content .one-column-table tr td {
		width: 1000px;
		background: #E7EAEF;
		padding: 40px 40px 30px;
		box-sizing: border-box;
}

@media screen and (max-width: 1200px) {
		.case-page .inner .one-column-contents .one-column-content .one-column-table tr td {
				width: 80%;
		}
}

@media screen and (max-width: 767px) {
		.case-page .inner .one-column-contents .one-column-content .one-column-table tr td {
				display: block;
				width: 100%;
				padding: 30px 4vw;
		}
}

.case-page .inner .one-column-contents .one-column-content .one-column-table tr td h3 {
		color: #034895;
		font-size: 20px;
		line-height: 1.5;
}

@media screen and (max-width: 767px) {
		.case-page .inner .one-column-contents .one-column-content .one-column-table tr td h3 {
				font-size: 16px;
		}
}

.case-page .inner .one-column-contents .one-column-content .one-column-table tr td h3.m-top {
		margin-top: 30px;
}

@media screen and (max-width: 767px) {
		.case-page .inner .one-column-contents .one-column-content .one-column-table tr td h3.m-top {
				margin-top: 25px;
		}
}

.case-page .inner .one-column-contents .one-column-content .one-column-table tr td p {
		margin-top: 30px;
}

@media screen and (max-width: 767px) {
		.case-page .inner .one-column-contents .one-column-content .one-column-table tr td p {
				font-size: 16px;
				margin-top: 25px;
		}
}

.case-page .inner .one-column-contents .one-column-content .one-column-table tr td p.one-column-tableAnnotation {
	color: #969696;
}

.case-page .inner .one-column-contents .one-column-content .one-column-table tr td ul {
		list-style-type: disc;
		margin: 20px 0 20px 1em;
}

.case-page .inner .one-column-contents .one-column-content .one-column-table tr td ul li {
		display: list-item;
		line-height: 1.5;
}

.case-page .inner .one-column-contents .one-column-content .one-column-table tr td .point-list {
		width: 100%;
		margin: 30px 0;
}

@media screen and (max-width: 767px) {
		.case-page .inner .one-column-contents .one-column-content .one-column-table tr td .point-list {
				margin: 20px 0;
		}
}

.case-page .inner .one-column-contents .one-column-content .one-column-table tr td .point-list li {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
		.case-page .inner .one-column-contents .one-column-content .one-column-table tr td .point-list li {
				display: block;
		}
}

.case-page .inner .one-column-contents .one-column-content .one-column-table tr td .point-list li:last-child {
		margin: 0;
}

.case-page .inner .one-column-contents .one-column-content .one-column-table tr td .point-list li .point {
		flex-shrink: 0;
		width: 112px;
		height: 40px;
		color: #fff;
		font-weight: bold;
		text-align: center;
		line-height: 40px;
		background: #034895;
		margin-right: 20px;
}

@media screen and (max-width: 1200px) {
		.case-page .inner .one-column-contents .one-column-content .one-column-table tr td .point-list li .point {
				width: 9.33vw;
				font-size: 14px;
		}
}

@media screen and (max-width: 767px) {
		.case-page .inner .one-column-contents .one-column-content .one-column-table tr td .point-list li .point {
				width: 100%;
				height: 26px;
				font-size: 16px;
				line-height: 26px;
				margin: 0 0 10px;
		}
}

.case-page .inner .one-column-contents .one-column-content .one-column-table tr td .point-list li .description {
		text-align: left;
		margin: 0;
		padding: 0;
}

@media screen and (max-width: 1200px) {
		.case-page .inner .one-column-contents .one-column-content .one-column-table tr td .point-list li .description {
				width: 50vw;
		}
}

@media screen and (max-width: 767px) {
		.case-page .inner .one-column-contents .one-column-content .one-column-table tr td .point-list li .description {
				width: 100%;
				font-size: 14px;
				line-height: 1.5;
				text-align: left;
		}
}

.case-page .inner .one-column-contents .one-column-content .one-column-table tr td .img-area {
		margin-bottom: 20px;
}

.case-page .inner .one-column-contents .one-column-content .one-column-table tr td .img-area img {
		width: 918px;
}

@media screen and (max-width: 1200px) {
		.case-page .inner .one-column-contents .one-column-content .one-column-table tr td .img-area img {
				width: 100%;
		}
}

.case-page .inner .one-column-contents .one-column-content .one-column-table tr td .margin-zero {
		margin: 0;
}

.case-page .inner .one-column-contents .one-column-content .one-column-table tr td .margin-bottom-zero {
		margin-bottom: 0;
}

.case-page .inner .one-column-contents .detail-button a {
		background: #FF8200;
		margin: 60px auto 0;
}

@media screen and (max-width: 767px) {
		.case-page .inner .one-column-contents .detail-button a {
				margin: 30px auto 0;
		}
}

/* ==============================================
	インタビューエリア
=============================================== */
@media screen and (max-width: 767px) {
		.interview-area .inner .one-column-contents {
				margin-top: 20px;
		}
}

.interview-area .inner .one-column-contents .one-column-content {
		margin-top: 60px;
}

@media screen and (max-width: 767px) {
		.interview-area .inner .one-column-contents .one-column-content {
				margin-top: 30px;
		}
}

.interview-area .inner .one-column-contents .one-column-content h3 {
		position: relative;
		width: 330px;
		height: 60px;
		color: #fff;
		font-size: 20px;
		line-height: 60px;
		background: #034895;
		margin-bottom: 30px;
		padding: 0 0 0 20px;
		box-sizing: border-box;
}

@media screen and (max-width: 767px) {
		.interview-area .inner .one-column-contents .one-column-content h3 {
				position: relative;
				width: 82vw;
				height: 48px;
				color: #fff;
				font-size: 18px;
				line-height: 48px;
				background: #034895;
				margin-bottom: 20px;
				padding: 0 0 0 4vw;
				box-sizing: border-box;
		}
}

.interview-area .inner .one-column-contents .one-column-content h3::after {
		content: '';
		position: absolute;
		top: 0;
		left: 99.9%;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 60px 55px 0 0;
		border-color: #034895 transparent transparent transparent;
}

@media screen and (max-width: 767px) {
		.interview-area .inner .one-column-contents .one-column-content h3::after {
				content: '';
				position: absolute;
				top: 0;
				left: 99.9%;
				width: 0;
				height: 0;
				border-style: solid;
				border-width: 48px 35px 0 0;
				border-color: #034895 transparent transparent transparent;
		}
}

@media screen and (max-width: 280px) {
		.interview-area .inner .one-column-contents .one-column-content h3::after {
				left: 99.9%;
		}
}

.interview-area .inner .one-column-contents .one-column-content h4 {
		color: #034895;
		margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
		.interview-area .inner .one-column-contents .one-column-content h4 {
				margin-bottom: 20px;
		}
}

.interview-area .inner .one-column-contents .one-column-content img {
		margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
		.interview-area .inner .one-column-contents .one-column-content img {
				margin-bottom: 20px;
		}
}

.interview-area .inner .one-column-contents .one-column-content .user-voice {
		width: 1200px;
		margin-top: 90px;
}

@media screen and (max-width: 1200px) {
		.interview-area .inner .one-column-contents .one-column-content .user-voice {
				width: 92vw;
		}
}

@media screen and (max-width: 767px) {
		.interview-area .inner .one-column-contents .one-column-content .user-voice {
				margin-top: 40px;
		}
}

.interview-area .inner .one-column-contents .one-column-content .user-voice tr th {
		width: 100%;
		height: 60px;
		color: #fff;
		font-size: 20px;
		font-weight: bold;
		line-height: 30px;
		text-align: center;
		background: #034895;
}

@media screen and (max-width: 1200px) {
		.interview-area .inner .one-column-contents .one-column-content .user-voice tr th {
				width: 92vw;
				box-sizing: border-box;
		}
}

@media screen and (max-width: 767px) {
		.interview-area .inner .one-column-contents .one-column-content .user-voice tr th {
				height: 38px;
				font-size: 18px;
				line-height: 38px;
		}
}

.interview-area .inner .one-column-contents .one-column-content .user-voice tr td {
		display: flex;
		width: 100%;
		background: #E7EAEF;
		padding: 40px;
		box-sizing: border-box;
}

@media screen and (max-width: 1200px) {
		.interview-area .inner .one-column-contents .one-column-content .user-voice tr td {
				width: 92vw;
				padding: 40px 3.33vw;
				box-sizing: border-box;
		}
}

@media screen and (max-width: 767px) {
		.interview-area .inner .one-column-contents .one-column-content .user-voice tr td {
				display: block;
				padding: 20px 5.33vw;
		}
}

.interview-area .inner .one-column-contents .one-column-content .user-voice tr td .img-area {
		flex-shrink: 0;
		width: 430px;
		margin-right: 40px;
}

@media screen and (max-width: 1200px) {
		.interview-area .inner .one-column-contents .one-column-content .user-voice tr td .img-area {
				width: 34vw;
				margin-right: 4vw;
		}
}

@media screen and (max-width: 767px) {
		.interview-area .inner .one-column-contents .one-column-content .user-voice tr td .img-area {
				width: 100%;
				margin: 0 0 20px;
		}
}

.interview-area .inner .one-column-contents .one-column-content .user-voice tr td .img-area img {
		width: 100%;
		margin: 0;
}

.interview-area .inner .one-column-contents .one-column-content .user-voice tr td .text-area {
		width: 650px;
}

@media screen and (max-width: 1200px) {
		.interview-area .inner .one-column-contents .one-column-content .user-voice tr td .text-area {
				width: 54vw;
		}
}

@media screen and (max-width: 767px) {
		.interview-area .inner .one-column-contents .one-column-content .user-voice tr td .text-area {
				width: 100%;
		}
}

.interview-area .inner .one-column-contents .one-column-content .user-voice tr td .text-area h3 {
		width: auto;
		height: auto;
		color: #034895;
		font-size: 20px;
		line-height: 1.5;
		background: transparent;
		padding: 0;
}

@media screen and (max-width: 767px) {
		.interview-area .inner .one-column-contents .one-column-content .user-voice tr td .text-area h3 {
				font-size: 16px;
		}
}

.interview-area .inner .one-column-contents .one-column-content .user-voice tr td .text-area h3:after {
		display: none;
}

.interview-area .inner .one-column-contents .one-column-content .user-voice tr td .text-area h4 {
		color: #53565A;
		font-size: 16px;
		line-height: 1em;
		margin-bottom: 20px;
		padding: 0 0 10px 0;
		border-bottom: 1px solid #707070;
}

@media screen and (max-width: 767px) {
		.interview-area .inner .one-column-contents .one-column-content .user-voice tr td .text-area h4 {
				font-size: 14px;
		}
}

@media screen and (max-width: 767px) {
		.interview-area .inner .one-column-contents .one-column-content .user-voice tr td .text-area p {
				font-size: 16px;
				line-height: 1.5;
		}
}

/* ==============================================
  コンタクトエリア
=============================================== */
.case-contact {
		padding: 0;
}

@media screen and (max-width: 767px) {
		.case-contact {
				padding: 0;
		}
}

.case-contact .contact-contents {
		width: 100%;
		background: #0094E2;
		margin: 0;
		padding: 60px 0;
}

@media screen and (max-width: 767px) {
		.case-contact .contact-contents {
				width: 100%;
				margin: 0;
				padding: 0;
		}
}

.case-contact .contact-contents .inner {
		width: 100%;
		max-width: 1200px;
}

@media screen and (max-width: 767px) {
		.case-contact .contact-contents .inner {
				width: 100%;
				margin: 0 auto;
		}
}

.case-contact .contact-contents .contact-button-area {
		position: relative;
		display: block;
}

.case-contact .contact-contents .contact-button-area .button-area-one {
		position: relative;
		display: flex;
		justify-content: center;
		width: 668px;
		height: 148px;
		margin: 0 auto;
		box-sizing: border-box;
}

@media screen and (max-width: 1200px) {
		.case-contact .contact-contents .contact-button-area .button-area-one {
				width: 76vw;
				height: auto;
		}
}

@media screen and (max-width: 767px) {
		.case-contact .contact-contents .contact-button-area .button-area-one {
				display: block;
				width: 84vw;
				height: auto;
				margin: 0 auto;
				padding: 20px 0;
		}
}

.case-contact .contact-contents .contact-button-area .button-area-one .button-image {
		flex-shrink: 0;
		position: relative;
		width: 148px;
		height: 148px;
		border: 4px solid #fff;
		margin: 0 60px 0 0;
		padding: 0;
		box-sizing: border-box;
}

@media screen and (max-width: 1200px) {
		.case-contact .contact-contents .contact-button-area .button-area-one .button-image {
				width: 114px;
				height: 114px;
				margin: 0 1.66vw 0 0;
		}
}

@media screen and (max-width: 767px) {
		.case-contact .contact-contents .contact-button-area .button-area-one .button-image {
				width: 114px;
				height: 114px;
				margin: 0 auto;
		}
}

.case-contact .contact-contents .contact-button-area .button-area-one .button-image img {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 46.08px;
		height: 55.96px;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
}

@media screen and (max-width: 767px) {
		.case-contact .contact-contents .contact-button-area .button-area-one .button-image img {
				width: 35.49px;
				height: 43.1px;
		}
}

.case-contact .contact-contents .contact-button-area .button-area-one .button-text {
		position: relative;
		top: -5px;
		width: 460px;
}

@media screen and (max-width: 767px) {
		.case-contact .contact-contents .contact-button-area .button-area-one .button-text {
				width: 100%;
		}
}

.case-contact .contact-contents .contact-button-area .button-area-one .button-text p {
		color: #fff;
		font-size: 20px;
		line-height: 1.5;
}

@media screen and (max-width: 1200px) {
		.case-contact .contact-contents .contact-button-area .button-area-one .button-text p {
				font-size: 16px;
		}
}

@media screen and (max-width: 767px) {
		.case-contact .contact-contents .contact-button-area .button-area-one .button-text p {
				font-size: 14px;
				margin-top: 20px;
		}
}

.case-contact .contact-contents .contact-button-area .button-area-one .button-text .white-button a {
		width: 349px;
		color: #0094E2;
		margin-top: 43px;
		padding: 0 0 0 73px;
}

@media screen and (max-width: 1200px) {
		.case-contact .contact-contents .contact-button-area .button-area-one .button-text .white-button a {
				width: 100%;
				font-size: 16px;
				margin-top: 22px;
				padding: 0 0 0 3vw;
		}
}

@media screen and (max-width: 767px) {
		.case-contact .contact-contents .contact-button-area .button-area-one .button-text .white-button a {
				width: 100%;
				margin-top: 20px;
				padding: 0 0 0 56px;
		}
}

@media screen and (max-width: 280px) {
		.case-contact .contact-contents .contact-button-area .button-area-one .button-text .white-button a {
				padding: 0 0 0 10vw;
		}
}

.case-contact .contact-contents .contact-button-area .button-area-one .button-text .white-button a::after {
		right: 73px;
		background: url(../img/blue-arrow.svg) center center/10px 18px no-repeat;
}

@media screen and (max-width: 1200px) {
		.case-contact .contact-contents .contact-button-area .button-area-one .button-text .white-button a::after {
				right: 2vw;
		}
}

@media screen and (max-width: 767px) {
		.case-contact .contact-contents .contact-button-area .button-area-one .button-text .white-button a::after {
				right: 56px;
		}
}

@media screen and (max-width: 280px) {
		.case-contact .contact-contents .contact-button-area .button-area-one .button-text .white-button a::after {
				right: 10vw;
		}
}

.case-contact .contact-contents .contact-button-area .button-area-one .button-text .white-button a:hover:after {
		right: 63px;
}

@media screen and (max-width: 1200px) {
		.case-contact .contact-contents .contact-button-area .button-area-one .button-text .white-button a:hover:after {
				right: 1vw;
		}
}

@media screen and (max-width: 767px) {
		.case-contact .contact-contents .contact-button-area .button-area-one .button-text .white-button a:hover:after {
				right: 56px;
		}
}

@media screen and (max-width: 280px) {
		.case-contact .contact-contents .contact-button-area .button-area-one .button-text .white-button a:hover:after {
				right: 10vw;
		}
}

/* ==============================================
  ケースエリア
=============================================== */
.case-case {
		padding-bottom: 90px;
}

@media screen and (max-width: 767px) {
		.case-case {
				padding-bottom: 40px;
		}
}

/* ==============================================
	資料ダウンロード一覧
=============================================== */
.download .title-area {
		height: 300px;
}

@media screen and (max-width: 767px) {
		.download .title-area {
				height: 240px;
		}
}

.download .title-area .inner {
		width: 100%;
		max-width: 100%;
		height: 300px;
}

@media screen and (max-width: 767px) {
		.download .title-area .inner {
				width: 100%;
				height: 240px;
				margin: 0;
		}
}

.download .title-area .inner h1 {
		padding: 35px 0;
		color: #F5F5F5;
		line-height: 1em;
		background: url(../img/title_bg.png) center center/cover no-repeat;
}

@media screen and (max-width: 767px) {
		.download .title-area .inner h1 {
				line-height: 39px;
		}
}

.download .title-area {
		background: url(../img/download_index_title_bg.jpg) center center/cover no-repeat;
}

@media screen and (max-width: 767px) {
		.download .title-area {
				background: url(../img/download_index_title_bg_sp.jpg) center center/cover no-repeat;
		}
}

/* ==============================================
	資料ダウンロード一覧各記事
=============================================== */
.downloadArchiveListArea {
		background-color: #F5F5F5;
		margin-top: 60px;
}

@media screen and (max-width: 767px) {
		.downloadArchiveListArea {
				margin-top: 40px;
		}
}

.downloadArchiveListArea_inner {
		max-width: 1200px;
		margin: 0 auto;
		padding: 60px 0;
}

@media screen and (max-width: 767px) {
		.downloadArchiveListArea_inner {
				padding: 40px 15px;
		}
}

.downloadArchiveList {
		display: flex;
		flex-wrap: wrap;
		margin: -20px;
		list-style: none;
		padding: 0;
}

@media screen and (max-width: 767px) {
		.downloadArchiveList {
				margin: 0;
		}
}

.downloadArchiveList_node {
		width: 50%;
		padding: 20px;
		box-sizing: border-box;
}

@media screen and (max-width: 767px) {
		.downloadArchiveList_node {
				width: 100%;
				padding: 0;
		}
}

@media screen and (max-width: 767px) {
		.downloadArchiveList_node + .downloadArchiveList_node {
				margin-top: 20px;
		}
}

.downloadArchiveListLink_node_content {
		padding: 20px;
		background-color: #fff;
}

@media screen and (max-width: 767px) {
		.downloadArchiveListLink_node_content {
				padding: 20px 15px;
		}
}

.downloadArchiveListImage {
		position: relative;
		width: 280px;
		margin: 0 auto;
}

@media screen and (max-width: 767px) {
		.downloadArchiveListImage {
				width: 100%;
		}
}

.downloadArchiveListImage img {
		width: 100%;
		height: 200px;
		object-fit: cover;
		object-position: center;
		font-family: 'object-fit: cover; object-position: center;';
}

@media screen and (max-width: 767px) {
		.downloadArchiveListImage img {
				height: auto;
		}
}

.downloadArchiveListTitle {
		margin-top: 15px;
		line-height: 30px;
		text-align: left;
		letter-spacing: 0.05em;
		color: #567291;
}

@media screen and (max-width: 1200px) {
		.downloadArchiveListTitle {
				font-size: 16px;
				line-height: 1.5;
		}
}

@media screen and (max-width: 767px) {
		.downloadArchiveListTitle {
				font-size: 16px;
				line-height: 24px;
		}
}

.downloadArchiveListTag {
		display: flex;
		flex-wrap: wrap;
		margin: 10px -5px -5px;
		padding: 0;
		list-style: none;
}

@media screen and (max-width: 767px) {
		.downloadArchiveListTag {
				margin-top: 10px;
		}
}

.downloadArchiveListTag_node {
		padding: 5px;
}

.downloadArchiveListTag_node_text {
		display: inline-block;
		color: #567291;
		background-color: #E7EAEF;
		margin: 0;
		padding: 6px 10px;
		box-sizing: border-box;
		font-size: 14px;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
		.downloadArchiveListTag_node_text {
				line-height: 1.5;
		}
}

@media screen and (max-width: 280px) {
		.downloadArchiveListTag_node_text {
				font-size: 12px;
		}
}

.downloadArchiveListText {
		margin-top: 16px;
		font-size: 14px;
		line-height: 1.5;
}

.downloadArchiveListButton {
		margin-top: 16px;
}

.downloadArchiveListButton_link {
		display: flex;
		align-items: center;
		position: relative;
		width: 345px;
		height: 60px;
		margin: 0 auto;
		padding: 0 20px;
		background-color: #0094E2;
		font-size: 18px;
		font-weight: 700;
		color: #fff !important;
		box-sizing: border-box;
}

@media screen and (max-width: 767px) {
		.downloadArchiveListButton_link {
				width: 100%;
				height: 56px;
				font-size: 16px;
		}
}

.downloadArchiveListButton_link:after {
		content: "";
		position: absolute;
		top: 50%;
		right: 20px;
		transform: translateY(-50%);
		width: 10px;
		height: 18px;
		background-image: url(../img/download-arrow.svg);
		background-repeat: no-repeat;
		background-size: 100%;
}

/* ==============================================
  コンタクトエリア
=============================================== */
@media screen and (max-width: 767px) {
		.download .contact-area {
				padding: 40px 15px;
		}
}

.download .contact-area .contact-contents {
		width: 100%;
		margin-top: 30px;
		background: #FF8200;
}

@media screen and (max-width: 767px) {
		.download .contact-area .contact-contents {
				margin-top: 0;
		}
}

.download .contact-area .contact-contents .contact-button-area {
		justify-content: center;
}

.download .contact-area .contact-contents .contact-button-area .button-area-two {
		width: 668px;
}

@media screen and (max-width: 767px) {
		.download .contact-area .contact-contents .contact-button-area .button-area-two {
				width: 100%;
				margin-top: 0;
		}
}

.download .contact-area .contact-contents .contact-button-area .button-area-two .button-image {
		margin-right: 60px;
}

@media screen and (max-width: 767px) {
		.download .contact-area .contact-contents .contact-button-area .button-area-two .button-image {
				margin-right: auto;
		}
}

.download .contact-area .contact-contents .contact-button-area .button-area-two .button-text {
		position: relative;
		width: 100%;
}

.download .contact-area .contact-contents .contact-button-area .button-area-two .button-text .white-button {
		position: absolute;
		left: 0;
		bottom: 0;
}

@media screen and (max-width: 767px) {
		.download .contact-area .contact-contents .contact-button-area .button-area-two .button-text .white-button {
				position: relative;
		}
}

.download .contact-area .contact-contents .contact-button-area .button-area-two .button-text .white-button a {
		width: 350px;
}

@media screen and (max-width: 767px) {
		.download .contact-area .contact-contents .contact-button-area .button-area-two .button-text .white-button a {
				width: 100%;
		}
}

/* ==============================================
  ページャー
=============================================== */
.downloadPager {
		margin: 0 auto;
		padding: 30px 0 90px;
		background-color: #F5F5F5;
}

@media screen and (max-width: 767px) {
		.downloadPager {
				padding: 0 0 40px;
		}
}

.downloadPagerFlex {
		display: flex;
		width: fit-content;
		margin: 0 auto;
		background-color: #fff;
}

.downloadPagerFlexImg {
		padding: 14px 0 0 17px;
}

.downloadPagerFlex_arrow_link {
		display: block;
		width: 39px;
		height: 38px;
		border: 1px solid #D9D9D6;
		border-right: none;
		box-sizing: border-box;
}

.downloadPagerFlex_arrow_link:hover {
		opacity: .5;
		transition: all .3s;
}

.downloadPagerFlex_arrow_link-cantMove {
		display: block;
		width: 40px;
		height: 38px;
		border: 1px solid #D9D9D6;
		border-right: none;
		box-sizing: border-box;
		pointer-events: none;
}

.downloadPagerFlex_number_link {
		display: block;
		padding: 11px 10px;
		width: 29px;
		height: 38px;
		font-size: 14px;
		line-height: 1;
		color: #53565A;
		box-sizing: border-box;
		border: 1px solid #D9D9D6;
		border-right: none;
}

.downloadPagerFlex_number_link:hover {
		opacity: .5;
		transition: all .3s;
}

.downloadPagerFlex_arrow-right {
		border-right: 1px solid #D9D9D6;
}

.downloadPagerFlex_number_link-thisPage {
		color: #fff !important;
		background-color: #002855;
		display: block;
		padding: 11px 10px;
		width: 29px;
		height: 38px;
		font-size: 14px;
		line-height: 1;
		box-sizing: border-box;
		border: 1px solid #D9D9D6;
		border-right: none;
		pointer-events: none;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
		/* ==============================================
	  共通/ヘッダー
  =============================================== */
		.header-logo img {
				width: 146.15px;
		}
		.header-link .tel-area {
				position: relative;
				top: -4px;
		}
		/* ==============================================
	  共通/ボタン
  =============================================== */
		.detail-button a {
				line-height: 66px;
		}
		.white-button a {
				line-height: 54px;
		}
		/* ==============================================
	  共通/パンくずリスト
  =============================================== */
		.breadcrumb-area .inner ul li {
				line-height: 46px;
		}
		/* ==============================================
	  TOP/サービスエリア
  =============================================== */
		.service-area .one-column .one-column-contents h3 {
				line-height: 66px;
		}
		.service-area .one-column .one-column-contents .one-column-content .text-area .tag-area li {
				line-height: 42px;
		}
		/* ==============================================
	  TOP/ケースエリア
  =============================================== */
		.case-area .three-column-content ul li .text-area .tag-area li {
				padding: 10px 10px 5px;
		}
		.information-area .three-column-content ul li img {
				margin-top: 7px;
		}
		.information-area .three-column-content ul li h3 {
				margin-top: 10px;
		}
		/* ==============================================
	  TOP/コンタクトエリア
  =============================================== */
		.contact-area .contact-contents .contact-button-area .button-area-two .button-text {
				top: -3px;
		}
		.contact-area .contact-contents .contact-button-area .button-area-two .button-text .white-button a {
				margin-top: 12px;
		}
		/* ==============================================
	  strength/大切にしていることエリア
  =============================================== */
		.important-area .inner .one-column-contents .one-column-content .one-column-text {
				position: relative;
				top: 10px;
		}
		.important-area .inner .one-column-contents .one-column-list ul li dl dt {
				line-height: 70px;
		}
		.important-area .inner .one-column-contents .one-column-description ul li {
				line-height: 60px;
		}
		/* ==============================================
	  strength/センターエリア
  =============================================== */
		.center-area .inner .map-area .center .center-title .center-region {
				line-height: 70px;
		}
		.center-area .inner .map-area .center .center-title .center-booth {
				line-height: 76px;
		}
		/* ==============================================
	  service/ソリューションエリア
  =============================================== */
		.solution-area .inner .one-column-contents ul li .text-area h3 {
				line-height: 70px;
		}
		.solution-area .inner .one-column-content .text-area h3 {
				line-height: 70px;
		}
		/* ==============================================
	  case/事例エリア
  =============================================== */
		.column-contents .one-column-content .one-column-title .one-column-category img {
				margin: 22px 11.5px 0 0;
		}
		.case-page .inner .one-column-contents .one-column-content .one-column-title .one-column-category {
				line-height: 60px;
		}
		.case-page .inner .one-column-contents .one-column-content .one-column-title .title {
				line-height: 1em;
				padding-top: 16px;
		}
		.case-page .inner .one-column-contents .one-column-content .one-column-tag ul li .company img {
				position: relative;
				top: -2px;
		}
		.case-page .inner .one-column-contents .one-column-content .one-column-tag ul li .industry img {
				position: relative;
				top: -2px;
		}
		.case-page .inner .one-column-contents .one-column-content .one-column-table tr td .point-list li .point {
				line-height: 46px;
		}
		.case-page .inner .one-column-contents .one-column-content .one-column-table tr td .point-list li .description {
				position: relative;
				top: 3px;
		}
		/* ==============================================
	  case/インタビューエリア
  =============================================== */
		.interview-area .inner .one-column-contents .one-column-content h3 {
				line-height: 66px;
		}
		.interview-area .inner .one-column-contents .one-column-content .user-voice tr th {
				height: 50px;
				padding-top: 10px;
		}
}

/* ==============================================
	タイトルエリア
=============================================== */
.titleArea {
		padding: 0;
		margin: 0;
}

.column .titleArea {
		height: 275px;
}

@media screen and (max-width: 767px) {
		.column .titleArea {
				height: 180px;
		}
}

.column .titleArea .inner {
		width: 100%;
		max-width: 1200px;
		height: 275px;
}

@media screen and (max-width: 767px) {
		.column .titleArea .inner {
				width: 100%;
				height: 180px;
				margin: 0 auto;
		}
}

.column .titleArea {
		background: url(../img/column_index_title_bg.png) center center/cover no-repeat;
}

@media screen and (max-width: 767px) {
		.column .titleArea {
				background: url(../img/column_index_title_bg_sp.png) center center/cover no-repeat;
		}
}

.columnPageMain .titleArea {
		height: 275px;
}

@media screen and (max-width: 767px) {
		.columnPageMain .titleArea {
				height: 198px;
		}
}

.columnPageMain .titleArea .inner {
		width: 100%;
		max-width: 1200px;
		height: 275px;
}

@media screen and (max-width: 767px) {
		.columnPageMain .titleArea .inner {
				width: 100%;
				height: 198px;
				margin: 0 auto;
		}
}

.columnPageMain .titleArea {
		background: url(../img/column_index_title_bg.png) center center/cover no-repeat;
}

@media screen and (max-width: 767px) {
		.columnPageMain .titleArea {
				background: url(../img/column_index_title_bg_sp.png) center center/cover no-repeat;
		}
}

.titleArea_inner {
		display: flex;
		justify-content: flex-end;
}

@media screen and (max-width: 767px) {
		.titleArea_inner {
				flex-direction: column;
				justify-content: flex-start;
		}
}

.titleContentsArea {
		bottom: 0;
		max-width: 840px;
		width: 100%;
		margin: -175px 0 0;
		padding: 40px 0 25px;
}

@media screen and (max-width: 767px) {
		.titleContentsArea {
				width: 100%;
				margin: -30px 0 0;
				padding: 20px 0;
		}
}

.columnPage_titleArea {
		bottom: 0;
		max-width: 840px;
		width: 100%;
		margin: -175px 0 0;
}

@media screen and (max-width: 767px) {
		.columnPage_titleArea {
				width: 100%;
				padding: 0;
				margin: -54px 0 0;
		}
}

.columnPage_titleNode {
		background-color: #fff;
		padding: 40px 0;
}

@media screen and (max-width: 767px) {
		.columnPage_titleNode {
				padding: 20px 0;
		}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
		.columnPage_titleNode {
				padding: 25px 0;
		}
}

.titleContentsArea_title {
		position: relative;
		font-family: "Lato", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
		font-size: 55px;
		font-weight: 700;
		line-height: 1;
		color: #002855;
}

@media screen and (max-width: 767px) {
		.titleContentsArea_title {
				font-size: 30px;
				padding: 0 20px;
		}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
		.titleContentsArea_title {
				padding: 0 15px;
		}
}

.columnPage_title {
		font-size: 32px;
		font-weight: 700;
		line-height: 1.6;
		color: #002855;
		margin: 0 auto 15px;
}

@media screen and (max-width: 767px) {
		.columnPage_title {
				width: 100%;
				font-size: 22px;
				line-height: 1.5;
				padding: 0 17px;
		}
}

@media screen and (max-width: 1024px) {
		.columnPage_title {
				width: 100%;
		}
}

.titleContentsArea_subTitleArea {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top: 20px;
}

@media screen and (max-width: 767px) {
		.titleContentsArea_subTitleArea {
				margin-top: 15px;
				padding: 0 20px;
		}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
		.titleContentsArea_subTitleArea {
				padding: 0 15px;
		}
}

.titleContentsArea_subTitle {
		flex-shrink: 0;
		font-size: 20px;
		font-weight: bold;
		line-height: 1.6;
		color: #002855;
}

@media screen and (max-width: 767px) {
		.titleContentsArea_subTitle {
				font-size: 16px;
				line-height: 1.5;
		}
}

.titleContentsArea_subTitleBorder {
		border-bottom: 1px solid #034895;
		max-width: 550px;
		width: 100%;
		margin-left: 30px;
}

@media screen and (max-width: 767px) {
		.titleContentsArea_subTitleBorder {
				border-bottom: none;
		}
}

@media screen and (max-width: 767px) {
		.titleContentsArea_titleEngArea {
				order: -1;
		}
}

.titleContentsArea_titleEng {
		text-align: right;
		font-family: "Lato", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
		font-size: 59px;
		font-weight: 700;
		line-height: 1.18;
		color: #fff;
		padding: 33px 20px 0;
}

@media screen and (max-width: 767px) {
		.titleContentsArea_titleEng {
				font-size: 35px;
				line-height: 1.11;
				padding: 15px 15px 0;
		}
}

.columnPage_titleArea_detail {
		position: relative;
		display: flex;
		justify-content: space-between;
		margin: 0 auto;
}

@media screen and (max-width: 767px) {
		.columnPage_titleArea_detail {
				width: 100%;
		}
}

@media screen and (max-width: 1024px) {
		.columnPage_titleArea_detail {
				width: 100%;
		}
}

.columnPage_titleArea_detail::before {
		position: absolute;
		top: 0;
		left: 0;
		content: '';
		border-bottom: 1px solid #034895;
		width: 100%;
}

.columnPage_dateArea {
		position: relative;
		text-align: center;
		max-width: 141px;
		width: 100%;
		padding: 8px 23px 8px 0;
}

.columnPage_dateArea:after {
		position: absolute;
		top: 0;
		right: 0;
		content: '';
		border-style: solid;
		border-width: 40px 23px 0 0;
		border-color: #002855 transparent transparent transparent;
}

.columnPage_date {
		background-color: #002855;
		font-family: "Lato", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
		font-size: 20px;
		line-height: 1.2;
		color: #fff;
		padding: 7px 20px;
}

.columnPageArchiveList_tag {
		list-style: none;
		text-align: center;
		display: flex;
		justify-content: flex-end;
		flex-wrap: wrap;
		margin: 10px -2.5px 0;
		padding: 0;
}

@media screen and (max-width: 767px) {
		.columnPageArchiveList_tag {
				flex-wrap: wrap;
				justify-content: flex-end;
		}
}

.columnPageArchiveList_tag_node {
		padding: 5.5px 2.5px;
}

.columnPageArchiveList_tag_text {
		font-size: 14px;
		font-weight: 400;
		line-height: 1;
		color: #567291;
		border: 1px solid #BFC7CE;
		background-color: #F2F5FA;
		border-radius: 5px;
		padding: 5px 9px;
}

/* ==============================================
	コラム一覧
=============================================== */
.columnPageListArea {
		padding: 0;
		margin: 0;
}

.columnPageListArea .inner {
		width: 100%;
}

@media screen and (max-width: 767px) {
		.columnPageListArea .inner {
				width: 100%;
		}
}

.columnArchiveListArea .inner {
		width: 100%;
}

@media screen and (max-width: 767px) {
		.columnArchiveListArea .inner {
				width: 100%;
		}
}

.columnArchiveListArea_inner {
		display: flex;
		justify-content: space-between;
		height: 100%;
}

@media screen and (max-width: 767px) {
		.columnArchiveListArea_inner {
				flex-direction: column;
		}
}

@media screen and (max-width: 767px) {
		.columnPageListArea_inner {
				width: 100%;
		}
}

.columnArchiveList {
		list-style: none;
		max-width: 760px;
		width: 100%;
		padding: 0;
		margin: 11px auto 0;
}

@media screen and (max-width: 767px) {
		.columnArchiveList {
				margin-top: 0;
		}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
		.columnArchiveList {
				display: flex;
				flex-wrap: wrap;
				margin-top: 0;
		}
}

.columnArchiveList_node {
		background-color: #fff;
		margin: 20px auto 0;
		padding: 20px;
}

@media screen and (max-width: 767px) {
		.columnArchiveList_node {
				max-width: none;
				height: auto;
				padding: 20px 15px;
		}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
		.columnArchiveList_node {
				max-width: 345px;
				width: calc(44% - 10px);
				height: auto;
				padding: 20px 15px;
		}
}

.columnArchiveList_node:nth-child(1) {
		margin: 0 auto;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
		.columnArchiveList_node:nth-child(1) {
				margin: 20px auto 0;
		}
}

.columnArchiveList_node_link {
		display: flex;
		justify-content: center;
		min-height: 127px;
}

@media screen and (max-width: 767px) {
		.columnArchiveList_node_link {
				flex-direction: column;
		}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
		.columnArchiveList_node_link {
				min-height: 100%;
				flex-direction: column;
				justify-content: space-between;
				box-sizing: border-box;
		}
}

.columnArchiveList_node:hover {
		box-shadow: 0 0 30px rgba(0, 0, 0, 0.16);
		opacity: unset;
}

@media screen and (max-width: 767px) {
		.columnArchiveList_node:hover {
				box-shadow: none;
				opacity: unset;
		}
}

@media screen and (max-width: 1024px) {
		.columnArchiveList_node:hover {
				box-shadow: none;
				opacity: unset;
		}
}

.columnArchiveList_node_link:hover {
		opacity: unset;
}

@media screen and (max-width: 767px) {
		.columnArchiveList_node_link:hover {
				opacity: unset;
		}
}

@media screen and (max-width: 1024px) {
		.columnArchiveList_node_link:hover {
				opacity: unset;
		}
}

.columnArchiveList_imageArea {
		position: relative;
		max-width: 240px;
		width: 34%;
}

@media screen and (max-width: 767px) {
		.columnArchiveList_imageArea {
				max-width: none;
				width: 100%;
		}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
		.columnArchiveList_imageArea {
				max-width: 315px;
				width: 100%;
		}
}

.columnArchiveList_imageArea img {
		width: 100%;
}

.columnArchiveList_texeArea {
		width: 63%;
		display: flex;
		flex-wrap: wrap;
		margin: 0 0 0 30px;
}

@media screen and (max-width: 767px) {
		.columnArchiveList_texeArea {
				width: 100%;
				margin: 20px 0 0;
		}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
		.columnArchiveList_texeArea {
				width: 100%;
				margin: 20px 0 0;
				height: 100%;
				flex-grow: 5;
		}
}

.columnArchiveList_title {
		width: 100%;
		font-size: 20px;
		font-weight: bold;
		line-height: 1.5;
		letter-spacing: 0.05em;
		color: #567291;
}

@media screen and (max-width: 767px) {
		.columnArchiveList_title {
				font-size: 16px;
				letter-spacing: 0;
		}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
		.columnArchiveList_title {
				font-size: 14px;
		}
}

.columnArchiveList_detail {
		display: flex;
		align-items: flex-end;
		width: 100%;
		margin-top: 19px;
}

@media screen and (max-width: 767px) {
		.columnArchiveList_detail {
				position: unset;
				margin-top: 20px;
				justify-content: space-between;
		}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
		.columnArchiveList_detail {
				flex-direction: column;
				align-items: flex-start;
				margin-top: 20px;
				justify-content: flex-end;
		}
}

.columnArchiveList_date {
		font-family: "Lato", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
		font-size: 16px;
		font-weight: 400;
		line-height: 1.6;
		color: #567291;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
		.columnArchiveList_date {
				font-size: 14px;
		}
}

.columnArchiveList_tag {
		display: flex;
		flex-wrap: wrap;
		list-style: none;
		text-align: center;
		margin: 0 -2.5px 0 39px;
		padding: 0;
}

@media screen and (max-width: 767px) {
		.columnArchiveList_tag {
				justify-content: flex-end;
		}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
		.columnArchiveList_tag {
				margin: 0 -2.5px;
		}
}

.columnArchiveList_tag_node {
		margin: 0;
		padding: 5.5px 2.5px;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
		.columnArchiveList_tag_node {
				font-size: 12px;
		}
}

.columnArchiveList_tag_text {
		font-size: 14px;
		font-weight: 400;
		line-height: 1;
		color: #567291;
		border: 1px solid #BFC7CE;
		background-color: #F2F5FA;
		border-radius: 5px;
		padding: 5px 9px;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
		.columnArchiveList_tag_text {
				font-size: 12px;
		}
}

.recommendColumnArea {
		position: sticky;
		top: 150px;
		left: 0;
		width: 310px;
		height: 100%;
		margin: 61px 0 0;
		padding: 0 20px;
}

@media screen and (max-width: 767px) {
		.recommendColumnArea {
				position: static;
				max-width: none;
				width: 92%;
				margin: 30px auto 0;
				padding: 0;
		}
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
		.recommendColumnArea {
				margin: 61px 0 0 20px;
		}
}

.columnPage_recommendColumnArea {
		top: 120px;
		margin: 17px 0 0;
		padding: 0 20px 0;
}

@media screen and (max-width: 767px) {
		.columnPage_recommendColumnArea {
				margin: 40px auto 0;
				padding: 0;
		}
}

.recommendColumnArea_contentsArea {
		width: 310px;
}

@media screen and (max-width: 767px) {
		.recommendColumnArea_contentsArea {
				width: 100%;
		}
}

.recommendColumnArea_title {
		position: relative;
		font-size: 16px;
		font-weight: bold;
		line-height: 1.5;
		color: #034895;
		margin-bottom: 32px;
}

.recommendColumnArea_title:before {
		position: absolute;
		bottom: -10px;
		right: 0;
		content: '';
		background: url(../img/underline.svg);
		background-size: 100%;
		background-position: center;
		background-repeat: no-repeat;
		width: 100%;
		height: 2px;
}

.recommendColumnArea_article {
		position: relative;
		display: flex;
}

.recommendColumnArea_article:after {
		position: absolute;
		bottom: -10px;
		right: 0;
		content: '';
		border-bottom: #D9D9D6 1px solid;
		width: 100%;
}

.recommendColumn_02 {
		margin: 21px auto 26px;
}

.recommendColumnArea_article_imagaArea {
		max-width: 61px;
		width: 100%;
		margin-right: 15px;
		flex-shrink: 0;
}

.recommendColumnArea_article_imagaArea img {
		width: 100%;
}

.recommendColumnArea_article_title {
		font-size: 14px;
		font-weight: bold;
		line-height: 1.5;
		color: #567291;
}

.linkButtonColumnTop {
		display: block;
		text-align: center;
		max-width: 310px;
		width: 100%;
		background-color: #fff;
		border: #002855 1px solid;
		margin: 15px auto;
		padding: 11px 0;
}

@media screen and (max-width: 767px) {
		.linkButtonColumnTop {
				max-width: 345px;
		}
}

.linkButtonColumnTop_text {
		font-size: 14px;
		line-height: 1.2;
		font-weight: bold;
		color: #002855;
}

.linkButtonArea {
		margin: 10px -20px 0;
}

@media screen and (max-width: 767px) {
		.linkButtonArea {
				text-align: center;
				margin: 10px 0 0;
		}
}

.Button_link {
		max-width: 310px;
		width: 100%;
		display: inline-block;
		padding: 0 20px;
}

@media screen and (max-width: 767px) {
		.Button_link {
				max-width: 345px;
				padding: 0;
		}
}

.Button_link img {
		width: 100%;
}

/* ==============================================
  コンタクトエリア
=============================================== */
.case-contact {
		padding: 0;
}

@media screen and (max-width: 767px) {
		.case-contact {
				padding: 0;
		}
}

.case-contact .contact-contents {
		width: 100%;
		background: #0094E2;
		margin: 0;
		padding: 60px 0;
}

@media screen and (max-width: 767px) {
		.case-contact .contact-contents {
				width: 100%;
				margin: 0;
				padding: 0;
		}
}

.case-contact .contact-contents .inner {
		width: 100%;
		max-width: 1200px;
}

@media screen and (max-width: 767px) {
		.case-contact .contact-contents .inner {
				width: 100%;
				margin: 0 auto;
		}
}

.case-contact .contact-contents .contact-button-area {
		position: relative;
		display: block;
}

@media screen and (max-width: 767px) {
	.case-contact .contact-contents .contact-button-area {
		background: #0094E2;
	}
}

.case-contact .contact-contents .contact-button-area .button-area-one {
		position: relative;
		display: flex;
		justify-content: center;
		width: 668px;
		height: 148px;
		margin: 0 auto;
		box-sizing: border-box;
}

@media screen and (max-width: 1200px) {
		.case-contact .contact-contents .contact-button-area .button-area-one {
				width: 76vw;
				height: auto;
		}
}

@media screen and (max-width: 767px) {
		.case-contact .contact-contents .contact-button-area .button-area-one {
				display: block;
				width: 84vw;
				height: auto;
				margin: 0 auto;
				padding: 20px 0;
		}
}

.case-contact .contact-contents .contact-button-area .button-area-one .button-image {
		flex-shrink: 0;
		position: relative;
		width: 148px;
		height: 148px;
		border: 4px solid #fff;
		margin: 0 60px 0 0;
		padding: 0;
		box-sizing: border-box;
}

@media screen and (max-width: 1200px) {
		.case-contact .contact-contents .contact-button-area .button-area-one .button-image {
				width: 114px;
				height: 114px;
				margin: 0 1.66vw 0 0;
		}
}

@media screen and (max-width: 767px) {
		.case-contact .contact-contents .contact-button-area .button-area-one .button-image {
				width: 114px;
				height: 114px;
				margin: 0 auto;
		}
}

.case-contact .contact-contents .contact-button-area .button-area-one .button-image img {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 46.08px;
		height: 55.96px;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
}

@media screen and (max-width: 767px) {
		.case-contact .contact-contents .contact-button-area .button-area-one .button-image img {
				width: 35.49px;
				height: 43.1px;
		}
}

.case-contact .contact-contents .contact-button-area .button-area-one .button-text {
		position: relative;
		top: -5px;
		width: 460px;
}

@media screen and (max-width: 767px) {
		.case-contact .contact-contents .contact-button-area .button-area-one .button-text {
				width: 100%;
		}
}

.case-contact .contact-contents .contact-button-area .button-area-one .button-text p {
		color: #fff;
		font-size: 20px;
		line-height: 1.5;
}

@media screen and (max-width: 1200px) {
		.case-contact .contact-contents .contact-button-area .button-area-one .button-text p {
				font-size: 16px;
		}
}

@media screen and (max-width: 767px) {
		.case-contact .contact-contents .contact-button-area .button-area-one .button-text p {
				font-size: 14px;
				margin-top: 20px;
		}
}

.case-contact .contact-contents .contact-button-area .button-area-one .button-text .white-button a {
		width: 349px;
		color: #0094E2;
		margin-top: 43px;
		padding: 0 0 0 73px;
}

@media screen and (max-width: 1200px) {
		.case-contact .contact-contents .contact-button-area .button-area-one .button-text .white-button a {
				width: 100%;
				font-size: 16px;
				margin-top: 22px;
				padding: 0 0 0 3vw;
		}
}

@media screen and (max-width: 767px) {
		.case-contact .contact-contents .contact-button-area .button-area-one .button-text .white-button a {
				width: 100%;
				margin-top: 20px;
				padding: 0 0 0 56px;
		}
}

@media screen and (max-width: 280px) {
		.case-contact .contact-contents .contact-button-area .button-area-one .button-text .white-button a {
				padding: 0 0 0 10vw;
		}
}

.case-contact .contact-contents .contact-button-area .button-area-one .button-text .white-button a::after {
		right: 73px;
		background: url(../img/blue-arrow.svg) center center/10px 18px no-repeat;
}

@media screen and (max-width: 1200px) {
		.case-contact .contact-contents .contact-button-area .button-area-one .button-text .white-button a::after {
				right: 2vw;
		}
}

@media screen and (max-width: 767px) {
		.case-contact .contact-contents .contact-button-area .button-area-one .button-text .white-button a::after {
				right: 56px;
		}
}

@media screen and (max-width: 280px) {
		.case-contact .contact-contents .contact-button-area .button-area-one .button-text .white-button a::after {
				right: 10vw;
		}
}

.case-contact .contact-contents .contact-button-area .button-area-one .button-text .white-button a:hover:after {
		right: 63px;
}

@media screen and (max-width: 1200px) {
		.case-contact .contact-contents .contact-button-area .button-area-one .button-text .white-button a:hover:after {
				right: 1vw;
		}
}

@media screen and (max-width: 767px) {
		.case-contact .contact-contents .contact-button-area .button-area-one .button-text .white-button a:hover:after {
				right: 56px;
		}
}

@media screen and (max-width: 280px) {
		.case-contact .contact-contents .contact-button-area .button-area-one .button-text .white-button a:hover:after {
				right: 10vw;
		}
}

/* ==============================================
  コラム記事エリア
=============================================== */
.columnPage {
		padding: 0;
}

@media screen and (max-width: 767px) {
		.columnPage {
				max-width: none;
				margin: 0 15px;
		}
}

.columnPage_inner {
		background-color: #fff;
		max-width: 840px;
		width: 100%;
		margin: 0 0 0 20px;
		padding: 0 65px 0;
}

@media screen and (max-width: 767px) {
		.columnPage_inner {
				margin: 0 auto;
				padding: 0;
		}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
		.columnPage_inner {
				padding: 0 45px;
		}
}

.column_inner {
		background-color: #fff;
		max-width: 840px;
		width: 100%;
		margin: 0 0 0 20px;
		padding: 0 40px 0;
}

@media screen and (max-width: 767px) {
		.column_inner {
				margin: 0 auto;
				padding: 0;
		}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
		.column_inner {
				padding: 0;
		}
}

@media screen and (min-width: 1025px) and (max-width: 1200px) {
		.column_inner {
				padding: 0 30px;
		}
}

.columnPage_imageArea {
		margin: 0 0 40px;
}

@media screen and (max-width: 767px) {
		.columnPage_imageArea {
				margin: 0 0 20px;
		}
}

.columnPage_imageArea img {
		width: 100%;
}

.columnPage_text {
		font-size: 16px;
		line-height: 1.5;
		font-weight: 400;
		color: #53565A;
		margin: 40px 0 60px;
}

@media screen and (max-width: 767px) {
		.columnPage_text {
				font-size: 14px;
				margin: 20px 0 40px;
		}
}

.columnPage_contentsArea {
		background-color: #F5F5F5;
		margin: 60px 0 0;
		padding: 30px;
}

@media screen and (max-width: 767px) {
		.columnPage_contentsArea {
				margin: 40px 0 0;
				padding: 20px 16.5px;
		}
}

.columnPage_contentsArea_title {
		text-align: center;
		font-size: 20px;
		line-height: 1.5;
		color: #034895;
		font-weight: bold;
}

@media screen and (max-width: 767px) {
		.columnPage_contentsArea_title {
				font-size: 16px;
		}
}

.columnPage_contentsArea_list {
		margin: 30px auto 0;
		padding: 0 0 0 1.3em;
}

@media screen and (max-width: 767px) {
		.columnPage_contentsArea_list {
				margin: 20px auto 0;
				padding: 0 0 0 0.9em;
		}
}

.columnPage_contentsArea_listNode {
		font-size: 16px;
		line-height: 1.5;
		font-weight: bold;
		color: #53565A;
		margin: 7px 0 0;
		padding: 0 0 0 10px;
}

@media screen and (max-width: 767px) {
		.columnPage_contentsArea_listNode {
				font-size: 14px;
		}
}

.columnPage_contentsArea_listNode:nth-child(1) {
		margin: 0;
		padding: 0 0 0 10px;
}

.columnPage_mainContents {
		padding: 120px 0 0;
		margin: -60px 0 0;
}

@media screen and (max-width: 767px) {
		.columnPage_mainContents {
				padding: 80px 0 0;
				margin: -40px 0 0;
		}
}

.columnPage_mainContents_titleNode {
		text-align: left;
		display: flex;
		background-color: #034895;
		font-size: 24px;
		line-height: 1.25;
		font-weight: bold;
		color: #fff;
		margin: 0 0 35px;
		padding: 12px;
}

@media screen and (max-width: 767px) {
		.columnPage_mainContents_titleNode {
				margin: 0 0 25px;
				font-size: 18px;
				padding: 13px;
		}
}

.columnPage_mainContents_titleNode:after {
		background: none;
}

.columnPage_mainContents_titleNodeNumber {
		flex-shrink: 0;
		padding-right: 13px;
}

@media screen and (max-width: 767px) {
		.columnPage_mainContents_titleNodeNumber {
				font-size: 18px;
		}
}

.columnPage_mainContents_subTitle {
		display: flex;
		font-size: 20px;
		line-height: 1.5;
		font-weight: bold;
		color: #034895;
		border-bottom: #53565A solid 1px;
		margin: 35px 0 27px;
		padding: 0 0 15px;
}

@media screen and (max-width: 767px) {
		.columnPage_mainContents_subTitle {
				font-size: 16px;
				margin: 25px 0 20px;
				padding: 0 0 10px;
		}
}

.columnPage_mainContents_subTitleNumber {
		position: relative;
		flex-shrink: 0;
		padding-right: 10px;
}

.columnPage_mainContents_text {
		margin: 27px 0 30px;
}

@media screen and (max-width: 767px) {
		.columnPage_mainContents_text {
				margin: 20px 0;
		}
}

.columnPage_mainContents_imageArea {
		margin: 41px 0 51px;
}

@media screen and (max-width: 767px) {
		.columnPage_mainContents_imageArea {
				margin: 20px 0 30px;
		}
}

.columnPage_mainContents_downloadArea {
		background-color: #fff;
		border: #E7EAEF solid 15px;
		margin: 60px 0;
		padding: 20px 25px;
}

@media screen and (max-width: 767px) {
		.columnPage_mainContents_downloadArea {
				border: #E7EAEF solid 5px;
				margin: 40px 0;
				padding: 10px;
		}
}

.columnPage_mainContents_downloadContents {
		display: flex;
		justify-content: space-between;
		align-items: center;
}

@media screen and (max-width: 767px) {
		.columnPage_mainContents_downloadContents {
				flex-wrap: wrap;
		}
}

@media screen and (max-width: 1024px) {
		.columnPage_mainContents_downloadContents {
				flex-wrap: wrap;
		}
}

.columnPage_mainContents_downloadImageArea {
		max-width: 240px;
		width: 40%;
}

@media screen and (max-width: 767px) {
		.columnPage_mainContents_downloadImageArea {
				max-width: none;
				width: 100%;
		}
}

@media screen and (max-width: 1024px) {
		.columnPage_mainContents_downloadImageArea {
				max-width: none;
				width: 100%;
		}
}

.columnPage_mainContents_downloadImageArea img {
		width: 100%;
}

.columnPage_mainContents_downloadTextArea {
		max-width: 360px;
		width: 56%;
		margin-left: 30px;
}

@media screen and (max-width: 767px) {
		.columnPage_mainContents_downloadTextArea {
				max-width: none;
				width: 100%;
				margin-left: 0;
		}
}

@media screen and (max-width: 1024px) {
		.columnPage_mainContents_downloadTextArea {
				max-width: none;
				width: 100%;
				margin-left: 0;
		}
}

.columnPage_mainContents_downloadTitle {
		display: block;
		font-size: 20px;
		line-height: 1.5;
		font-weight: bold;
		color: #034895;
		margin: 0 0 25px;
}

@media screen and (max-width: 767px) {
		.columnPage_mainContents_downloadTitle {
				margin: 15px 0;
		}
}

.columnPage_mainContents_downloadTextNode {
		font-size: 16px;
		line-height: 1.5;
		color: #53565A;
		margin: 25px 0;
}

@media screen and (max-width: 767px) {
		.columnPage_mainContents_downloadTextNode {
				font-size: 14px;
				margin: 15px 0;
		}
}

.columnPage_mainContents_downloadButton {
		display: block;
		box-sizing: border-box;
		position: relative;
		max-width: 345px;
		width: 100%;
		background-color: #0094E2;
		margin: 25px 0 0;
		padding: 16.5px 0 16.5px 20px;
}

@media screen and (max-width: 767px) {
		.columnPage_mainContents_downloadButton {
				margin: 15px auto 0;
		}
}

.columnPage_mainContents_downloadButton:after {
		position: absolute;
		top: 50%;
		right: 25px;
		transform: translateY(-50%);
		content: '';
		background-image: url(../img/white-arrow.svg);
		background-size: 100%;
		background-repeat: no-repeat;
		width: 10px;
		height: 18px;
}

.columnPage_mainContents_downloadButtonText {
		font-size: 18px;
		line-height: 1.5;
		font-weight: bold;
		color: #fff;
}

.columnPage_mainContents_contactButton {
		display: block;
		box-sizing: border-box;
		position: relative;
		max-width: 345px;
		width: 100%;
		background-color: #FF8200;
		margin: 60px auto 0;
		padding: 16.5px 0 16.5px 20px;
}

@media screen and (max-width: 767px) {
		.columnPage_mainContents_contactButton {
				margin: 40px auto 0;
		}
}

.columnPage_mainContents_contactButton:after {
		position: absolute;
		top: 50%;
		right: 25px;
		transform: translateY(-50%);
		content: '';
		background-image: url(../img/white-arrow.svg);
		background-size: 100%;
		background-repeat: no-repeat;
		width: 10px;
		height: 18px;
}

.columnPage_mainContents_contactButtonText {
		font-size: 18px;
		line-height: 1.5;
		font-weight: bold;
		color: #fff;
}

/* ==============================================
  TOPへ戻る
=============================================== */
.topButtonArea {
		text-align: center;
		max-width: 540px;
		width: 100%;
		margin: 60px auto;
}

@media screen and (max-width: 767px) {
		.topButtonArea {
				margin: 40px auto;
		}
}

.topButton {
		display: inline-block;
		padding: 0 20px;
		margin: 0 -20px;
}

@media screen and (max-width: 767px) {
		.topButton {
				padding: 0;
				margin: 0;
		}
}

/* ==============================================
  コラム一覧ボタン
=============================================== */
.columnTopButtonText {
		font-size: 18px;
		line-height: 1.5;
}

/* ==============================================
  ページャー
=============================================== */
.columnPager {
		width: fit-content;
		margin: 0 auto;
		padding: 90px 0 30px;
}

@media screen and (max-width: 767px) {
		.columnPager {
				padding: 40px 0 0;
		}
}

.columnPagerFlex {
		display: flex;
		justify-content: center;
		background-color: #fff;
}

.columnPagerFlexImg {
		padding: 14px 0 0 17px;
}

.columnPagerFlex_arrow_link {
		display: block;
		width: 39px;
		height: 38px;
		border: 1px solid #D9D9D6;
		border-right: none;
		box-sizing: border-box;
}

.columnPagerFlex_arrow_link:hover {
		opacity: .5;
		transition: all .3s;
}

.columnPagerFlex_arrow_link-cantMove {
		display: block;
		width: 40px;
		height: 38px;
		border: 1px solid #D9D9D6;
		border-right: none;
		box-sizing: border-box;
		pointer-events: none;
}

.columnPagerFlex_number_link {
		display: block;
		padding: 11px 10px;
		width: 29px;
		height: 38px;
		font-size: 14px;
		line-height: 1;
		color: #53565A;
		box-sizing: border-box;
		border: 1px solid #D9D9D6;
		border-right: none;
}

.columnPagerFlex_number_link:hover {
		opacity: .5;
		transition: all .3s;
}

.columnPagerFlex_arrow-right {
		border-right: 1px solid #D9D9D6;
}

.columnPagerFlex_number_link-thisPage {
		color: #fff;
		background-color: #002855;
		display: block;
		padding: 11px 10px;
		width: 29px;
		height: 38px;
		font-size: 14px;
		line-height: 1;
		box-sizing: border-box;
		border: 1px solid #D9D9D6;
		border-right: none;
		pointer-events: none;
}

/*# sourceMappingURL=style.css.map */