@charset "UTF-8";
/*
Theme Name: amateras
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: amateras
Tags:
*/

[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
	display: none !important;
}

@keyframes popupAnimation {
	10%,
	90% {
		transform: translateY(-70px);
		opacity: 1;
	}
}

@keyframes modalAnimation {
	100% {
		transform: translateY(5%);
		opacity: 1;
	}
}

@keyframes favAnimation {
	10%,
	90% {
		opacity: 1;
	}
}

@keyframes rotateAnimation {
	100% {
		transform: rotate(360deg);
	}
}

@keyframes fadeinAnimation {
	100% {
		opacity: 1;
	}
}

/* font */

body {
	font-family: 'Noto Sans JP', "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-display: swap;
}

/* end */

/* メディアクエリ用mixin */

/* end */

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

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

body {
	line-height: 1;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

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

/** 追加 **/

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

html {
	font-size: 62.5%;
}

body {
	color: #272f4f;
	font-size: 16px;
	font-size: 1.6rem;
	-webkit-font-feature-settings: "palt" 1;
	-moz-font-feature-settings: "palt" 1;
	font-feature-settings: "palt" 1;
	background: #f2f2f2;
	font-family: "Noto Sans Japanese", 'Noto Sans JP', "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-display: swap;
}

label {
	word-break: break-all;
}

input,
option,
select,
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 5px;
	background-color: #fff;
	border: 1px solid #7075bd;
	color: #272f4f;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.6em;
	letter-spacing: 1px;
	outline: none;
}

input::-webkit-input-placeholder,
option::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #ccc;
}

input::-moz-placeholder,
option::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
	color: #ccc;
}

input:-ms-input-placeholder,
option:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #ccc;
}

input::placeholder,
option::placeholder,
select::placeholder,
textarea::placeholder {
	color: #ccc;
}

input:focus,
option:focus,
select:focus,
textarea:focus {
	border: 1px solid #2c4198;
}

button {
	outline: none;
}

a {
	text-decoration: none;
	transition: -webkit-filter .3s;
	transition: filter .3s;
	transition: filter .3s, -webkit-filter .3s;
}

a:hover {
	filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.8" /><feFuncG type="linear" slope="0.8" /><feFuncB type="linear" slope="0.8" /></feComponentTransfer></filter></svg>#filter');
	-webkit-filter: brightness(0.8);
	filter: brightness(0.8);
}

img {
	max-width: 100%;
}

strong {
	font-weight: bold;
}

.not-spase {
	padding: 0 !important;
	margin: 0 !important;
}

.pc {
	display: block;
}

@media (max-width: 749px) {
	.pc {
		display: none;
	}
}

.pc-inline {
	display: inline-block;
}

@media (max-width: 749px) {
	.pc-inline {
		display: none;
	}
}

.sp {
	display: none;
}

@media (max-width: 749px) {
	.sp {
		display: block;
	}
}

.wrapper {
	display: none;
}

.wrapper.pages {
  display: block;
}

.image {
	max-width: 100%;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.loading {
	background-color: #2c4198;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 7;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.loading .loading__area {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	z-index: 8;
	color: #fff;
}

.loading .loading__logo {
	margin-bottom: 50px;
	width: 402px;
	height: 93px;
}

.loading .loading__text {
  font-family: "YuMincho";
  font-size: 42px;
  font-size: 4.2rem;
  text-align: center;
}

@media (max-width: 749px) {
  .loading .loading__logo {
    margin-bottom: 50px;
    width: 300px;
    height: 75px;
  }
  .loading .loading__text {
    font-size: 2.5rem;
    line-height: 1.5;
  }
}

.FixedIntroduction {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 2;
	background: rgba(44, 65, 152, 0.95);
	text-align: center;
	padding: 14px 0;
}

.FixedIntroduction .FixedIntroduction__button .button {
	padding: 12px 20px;
}

.FixedIntroduction .FixedIntroduction__button .fixed_button {
	width: 600px;
	padding: 0 20px 12px;
  line-height: 1.3;
  margin: 0 auto;
}

.FixedIntroduction .FixedIntroduction__text {
	display: inline-block;
	font-size: 1.2rem;
}

.FixedIntroduction .FixedIntroduction__button a {
	font-size: 2.4rem;
}

@media (max-width: 749px) {
	.FixedIntroduction .FixedIntroduction__button .button {
		padding: 12px;
		max-width: 180px;
		height: 44px;
    margin: 0 auto;
    white-space: nowrap;
	}
	.FixedIntroduction .FixedIntroduction__button .fixed_button{
		padding: 5px 12px 12px;
		width: 80%;
		height: auto;
		max-width: none;
		margin: 0 auto;
	}
	.FixedIntroduction .FixedIntroduction__button a {
		font-size: 1.6rem;
	}
}

.toTop {
	position: fixed;
	bottom: 15px;
	right: 16px;
	width: 44px;
	height: 44px;
	z-index: 3;
}

@media (max-width: 749px) {
	.toTop {
		width: 48px;
		height: 48px;
		bottom: 10px;
		right: 10px;
	}
}

.toTop .toTop__button {
	display: block;
	width: 44px;
	height: 44px;
	text-align: center;
	border-radius: 3px;
	color: #2c4198;
	background: url(./img/arrow_top_purple.svg) no-repeat 50% 50% #fff;
	background-size: 18px auto;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
	text-indent: -9999px;
}

@media (max-width: 749px) {
	.toTop .toTop__button {
		width: 44px;
		height: 44px;
		background-position: 50% 50%;
	}
}

.align_line_left {
	-webkit-align-self: flex-start;
	-ms-flex-item-align: start;
	align-self: flex-start;
	text-align: left;
}

.align_line_center {
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
	text-align: center;
}

.container {
	max-width: 1100px;
	margin: 0 auto;
}

.arrow {
	position: relative;
}

.arrow.arrow_right:after {
	content: url(./img/arrow_white.svg);
	line-height: 0;
	right: 14px;
	top: 15px;
	position: absolute;
}

.arrow.arrow_left:before {
	content: url(./img/arrow_purple.svg);
	line-height: 0;
	left: 14px;
	top: 9px;
	position: absolute;
}

.button {
	border-radius: 4px;
	display: inline-block !important;
	text-align: center;
	font-weight: bold;
	transition: all .3s;
}

.button:hover {
	filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.8" /><feFuncG type="linear" slope="0.8" /><feFuncB type="linear" slope="0.8" /></feComponentTransfer></filter></svg>#filter');
	-webkit-filter: brightness(0.8);
	filter: brightness(0.8);
}

.button_color_clear {
	border: 2px solid #fff;
	color: #fff;
}

.button_color_red {
	background-color: #ce2f2f;
	border: 2px solid #ce2f2f;
	color: #fff;
}

.button_color_purple {
	background-color: #2c4198;
	border: 2px solid #2c4198;
	color: #fff;
}

.button_color_white {
	background-color: #fff;
	border: 2px solid #2c4198;
	color: #2c4198;
}

.button_color_white:hover {
	background-color: #2c4198;
	color: #fff;
}

.button_color_white-navy {
	background-color: #fff;
	border: 2px solid #fff;
	color: #272f4f;
}

.button_color_blue {
  border: 2px solid rgb(44, 65, 152);
  color: #fff !important;
  background: rgb(44, 65, 152);
}

.button_size_medium {
	padding: 16px;
	box-sizing: border-box;
	font-size: 16px;
	font-size: 1.6rem;
}

@media (max-width: 320px) {
	.button_size_medium {
		font-size: 1.4rem;
		padding: 16px 12px;
	}
}

.button_size_large {
	min-width: 248px;
	height: 54px;
	line-height: 54px;
	font-size: 18px;
	font-size: 1.8rem;
	box-sizing: border-box;
	padding: 0 20px;
}

.button_type_facebook {
	background-color: #3b5998;
	color: #fff;
}

.button_type_facebook:before {
	content: url(./img/fb.svg);
	vertical-align: middle;
	margin-right: 8px;
}

.button_type_linkedin {
	background-color: #0078b9;
	color: #fff;
}

.button_type_linkedin:before {
	content: url(./img/linkedin.svg);
	vertical-align: middle;
	margin-right: 8px;
}

.button_ornament_right-arrow-white {
	position: relative;
	padding-right: 42px;
	font-size: 20px;
	font-size: 2rem;
}

@media (max-width: 749px) {
	.button_ornament_right-arrow-white {
		font-size: 1.6rem;
	}
}

.button_ornament_right-arrow-white:after {
	content: url("./img/arrow_white.svg");
	position: absolute;
	right: 20px;
	top: 3px;
	width: 16px;
	height: 18px;
}

.link {
	border-bottom: 2px solid #4a90e2;
	color: #4a90e2;
	font-size: 16px;
	font-size: 1.6rem;
	text-decoration: none;
}

.column {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.column_direction_row {
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
}

.column_direction_col {
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.column_space_between {
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0 4px;
}

.flash.flash_require {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
}

.flash.flash_error {
	color: #d670a8;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	display: none;
	margin-top: 4px;
}

.radius-button {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 30px;
	cursor: pointer;
	font-weight: bold;
	text-align: center;
	transition: background-color .3s;
	transition: -webkit-filter .3s;
	transition: filter .3s;
	transition: filter .3s, -webkit-filter .3s;
	box-sizing: border-box;
	padding: 0 12px;
}

.radius-button:hover {
	filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.8" /><feFuncG type="linear" slope="0.8" /><feFuncB type="linear" slope="0.8" /></feComponentTransfer></filter></svg>#filter');
	-webkit-filter: brightness(0.8);
	filter: brightness(0.8);
}

.radius-button[disabled] {
	background-color: #e1e3ea;
	border-color: #d7dae2;
	pointer-events: none;
}

.radius-button_color_clear {
	border: 1px solid #fff;
	color: #fff;
}

.radius-button_color_navy {
	background-color: #272f4f;
	color: #fff;
}

.radius-button_color_purple {
	background-color: #2c4198;
	border: 2px solid rgba(112, 117, 189, 0.2);
	color: #fff;
}

.radius-button_color_white {
	background-color: #fff;
	border: 2px solid #2c4198;
	color: #2c4198;
}

.radius-button_size_xsmall {
	font-size: 12px;
	font-size: 1.2rem;
	height: 27px;
	width: 80px;
}

.radius-button_size_medium {
	font-size: 18px;
	font-size: 1.8rem;
	height: 40px;
	width: 160px;
}

@media (max-width: 749px) {
	.radius-button_size_medium {
		font-size: 1.6rem;
	}
}

.radius-button_size_large {
	font-size: 18px;
	font-size: 1.8rem;
	height: 53px;
	width: 221px;
}

@media (max-width: 749px) {
	.radius-button_size_large {
		font-size: 1.6rem;
	}
}

.radius-button_state_checked {
	background-color: #e1e3ea;
	border-color: #d7dae2;
	pointer-events: none;
}

.radius-button_ornament_plus {
	position: relative;
}

.radius-button_ornament_plus:before {
	content: url(./img/plus.svg);
	line-height: 0;
	left: 20px;
	top: 19px;
	position: absolute;
}

.question {
	margin-bottom: 80px;
}

@media (max-width: 749px) {
	.question {
		padding-top: 63px;
  }
  .question.page-qa {
    padding-top:  0px;
  }
}

.question_top-page {
	margin-bottom: 40px;
}

@media (max-width: 749px) {
	.question_top-page {
		padding-top: 20px;
		margin-bottom: 20px;
	}
}

.question .question__area_sort-target .question__category {
  position: relative;
  padding: 0.5em 1em;
  background: #2c4198;
  color: white;
  font-size: 24px;
  margin-bottom: 35px;
}

@media (max-width: 749px) {
  .question .question__area_sort-target .question__category {
    padding: 0.6em 1em;
    font-size: 16px;
    font-weight: 600;
  }
}

.question_top-page .question__sort-heading {
	border: 2px solid #272f4f;
}

.question .question__section {
	margin-top: 40px;
	display: -webkit-flex;
	display: -ms-flexbox;
  display: flex;
  flex-direction: row-reverse;
}

@media (max-width: 749px) {
	.question .question__section {
		margin-top: 20px;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

.question .question__area_sort-current {
	width: 30%;
	margin-right: 24px;
}

@media (max-width: 749px) {
	.question .question__area_sort-current {
		width: 100%;
		margin-right: 0;
	}
}

.question .question__area_sort-current.relative {
  position: relative;
}

.question .question__area_sort-target {
	width: 70%;
}

.question .question__area_sort-target.fq {
  margin-bottom: 200px;
}

@media (max-width: 749px) {
	.question .question__area_sort-target {
		width: 100%;
		padding: 20px 12px;
		box-sizing: border-box;
  }

  .question .question__area_sort-target.fq {
    margin-bottom: 0px;
  }
}

.question .question__head-heading {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 20px;
}

@media (max-width: 749px) {
	.question .question__head-heading {
		display: none;
	}
}

.question .question__sort-area-heading {
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
}

.question .question__sort-area-heading:first-child {
	font-size: 32px;
	font-size: 3.2rem;
	font-weight: bold;
	letter-spacing: -1px;
	margin-right: 8px;
}

@media (max-width: 749px) {
	.question .question__sort-current-items {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		overflow-x: scroll;
	}
}

.question .question__sort-current-item {
	background-color: #fff;
	font-size: 18px;
	font-size: 1.8rem;
	margin-bottom: 16px;
	height: 86px;
	text-align: center;
	width: 100%;
	box-sizing: border-box;
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
	border-right: 4px solid #fff;
	cursor: pointer;
	position: relative;
	padding-left: 75px;
	padding-right: 20px;
	text-align: left;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.question .question__sort-current-item a {
  display: flex;
  justify-content: left;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #272f4f;
  z-index: 1;
}

@media (max-width: 749px) {
	.question .question__sort-current-item {
		padding: 12px;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		height: auto;
		max-width: 130px;
		line-height: 1.3em;
		font-size: 1.4rem;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		margin-bottom: 0;
		box-shadow: none;
		border-right: 2px solid #eee;
	}
}

.question .question__sort-current-item:before {
	position: absolute;
	width: 32px;
	height: 30px;
	left: 20px;
}

@media (max-width: 749px) {
	.question .question__sort-current-item:before {
		display: none;
	}
}

.question .question__sort-current-item_qa:nth-of-type(1):before {
	content: url("./img/qa_current_input_01.svg");
}

.question .question__sort-current-item_qa:nth-of-type(2):before {
	content: url("./img/qa_current_input_02.svg");
}

.question .question__sort-current-item_qa:nth-of-type(3):before {
	content: url("./img/qa_current_input_03.svg");
}

.question .question__sort-current-item_qa:nth-of-type(4):before {
	content: url("./img/qa_current_input_04.svg");
}

.question .question__sort-current-item_qa:nth-of-type(5):before {
	content: url("./img/qa_current_input_05.svg");
}

.question .question__sort-current-item_fa {
	padding-left: 20px;
	height: 60px;
	line-height: 1.2;
	font-size: 16px;
	font-size: 1.6rem;
}

@media (max-width: 749px) {
	.question .question__sort-current-item_fa {
		font-size: 13px;
		font-size: 1.3rem;
	}
}

.question .question__sort-target-item:not(:last-child) {
	margin-bottom: 20px;
}

@media (max-width: 749px) {
	.question .question__sort-target-item:not(:last-child) {
		margin-bottom: 12px;
	}
}

.question .question__sort-heading {
	font-weight: bold;
	background-color: #fff;
	padding: 16px 20px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 20px;
	font-size: 2rem;
	position: relative;
  cursor: pointer;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
}

@media (max-width: 749px) {
	.question .question__sort-heading {
		padding: 12px 8px;
	}
}

.question .question__sort-heading:after {
	content: "";
	position: absolute;
	right: 32px;
	top: 24px;
	width: 22px;
	height: 22px;
	border-right: 2px solid #2c4198;
	border-bottom: 2px solid #2c4198;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	box-sizing: border-box;
}

@media (max-width: 749px) {
	.question .question__sort-heading:after {
		display: none;
	}
}

.question .question__sort-heading--open:after {
	content: none;
}

.question .question__sort-heading_current-arrow:after {
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
	top: 34px;
}

@media (max-width: 749px) {
	.question .question__sort-heading {
		font-size: 1.6rem;
	}
}

.question .question__sort-title {
	display: block;
	width: 80%;
	line-height: 1.5;
}

@media (max-width: 749px) {
	.question .question__sort-title {
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
		width: 100%;
	}
}

.question .question__sort-number {
	margin-right: 10px;
	color: #fff;
	width: 48px;
	height: 48px;
	line-height: 45px;
	text-align: center;
	border-radius: 50%;
	background-color: #09263d;
	display: block;
}

@media (max-width: 749px) {
	.question .question__sort-number {
		width: 40px;
		height: 40px;
		line-height: 36px;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
	}
}

.question .question__sort-number_top-page {
	background-color: #2c4198;
	color: #fff;
	font-size: 26px;
	font-size: 2.6rem;
}

.question .question__sort-description {
	display: none;
	border: 2px solid #2c4198;
	background-color: #fff;
	box-sizing: border-box;
	padding: 20px;
	margin-top: 12px;
}

@media (max-width: 749px) {
	.question .question__sort-description {
		border: 0;
		padding: 12px 10px;
		margin-top: 4px;
	}
}

.question .question__sort-description--open {
	display: block;
}

.question .question__sort-description_top-page {
	margin-top: 0;
	background-color: #272f4f;
	color: #fff;
	border-color: #272f4f;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.question .question__sort-answer-heading {
	font-weight: bold;
	color: #2c4198;
	position: relative;
	font-size: 20px;
	font-size: 2rem;
	line-height: 1.4em;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	line-height: 1.6;
}

@media (max-width: 749px) {
	.question .question__sort-answer-heading {
		font-size: 1.6rem;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

.question .question__sort-answer-heading:before {
	content: "A";
	font-size: 20px;
	font-size: 2rem;
	width: 48px;
	height: 48px;
	line-height: 48px;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	background-color: #2c4198;
	display: block;
	margin-right: 12px;
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
}

@media (max-width: 749px) {
	.question .question__sort-answer-heading:before {
		content: none;
	}
}

.question .question__sort-answer-heading_top-page {
	color: #fff;
}

.question .question__sort-answer-heading_top-page:before {
	display: none;
}

.question .question__sort-answer {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.6;
}

.question .question__sort-answer:not(:first-child) {
	margin-top: 16px;
}

.question .question__sort-answer:not(:last-child) {
	margin-bottom: 20px;
}

.question .question__sort-answer em {
	font-weight: bold;
	font-size: 16px;
	font-size: 1.6rem;
	margin: 8px 0;
}
.question .question__sort-current-items.fixed {
  position: fixed;
  top:  100px;
  max-width: 326px;
}

@media (min-width: 1264px) {
  .question .question__sort-current-items.fixed {
    width: 326px;
  }
}

@media (min-width: 1904px){
  .question .question__sort-current-items.fixed {
    width: 514px;
  }
}

.login_user .question .question__sort-current-items.fixed {
  top: 140px;
}

.question .question__area_sort-current.relative .question__sort-current-items {
  position: absolute;
  bottom: 40px;
}

.tab-target-area {
  margin-bottom: 60px;
}

.tab-target-area .basic__information {
	background: #F0F1F6;
	padding: 20px;
	border-radius: 6px;
	margin: 20px 0;
	color: #2c4198;
	line-height: 1.5;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 600;
}

.tab-target-area .basic__link {
	background: #F0F1F6;
	padding: 20px;
	border-radius: 6px;
	margin: 12px 0 20px;
}

@media (max-width: 749px) {
	.tab-target-area .basic__link {
		padding: 12px;
	}
}

.tab-target-area .basic__link a {
	color: #2c4198;
	font-size: 16px;
	font-size: 1.6rem;
	position: relative;
	font-weight: 600;
	transition: .3s;
}

.tab-target-area .basic__link a:hover {
	filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.6" /><feFuncG type="linear" slope="0.6" /><feFuncB type="linear" slope="0.6" /></feComponentTransfer></filter></svg>#filter');
	-webkit-filter: brightness(0.6);
	filter: brightness(0.6);
}

.tab-target-area .basic__link a:hover:after {
	right: -36px;
}

.tab-target-area .basic__link a:after {
	content: url(./img/arrow_circle_purple.svg);
	width: 18px;
	height: 18px;
	position: absolute;
	right: -30px;
	top: 2px;
	transition: .3s;
}

.tab-target-area .basic__image {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	border: 6px solid #eee;
	padding: 20px;
}

@media (max-width: 749px) {
	.tab-target-area .basic__image {
		padding: 8px;
		border-width: 4px;
	}
}

.question .current-input {
	border-color: #2c4198;
	-webkit-transform: scale(1.01);
	transform: scale(1.01);
	font-weight: bold;
	color: #2c4198;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

.question .current-input a{
  color: #2c4198;
}

@media (max-width: 749px) {
	.question .current-input {
		-webkit-transform: none;
		transform: none;
		background-color: #2c4198;
		color: #fff;
	}
}

.question .question__navigation {
	background: #fff;
  display: block;
  margin-top: 40px;
}

.question .question__navigation-inner {
	max-width: 1100px;
	margin: 0 auto;
}

.question .question__navigation-items {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
  justify-content: flex-start;
  position: relative;
}

.question .question__navigation-items::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-bottom: 2px solid #2c4198;
  z-index: 1;
}

@media (max-width: 749px) {
	.question .question__navigation-items {
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

.question .question__navigation-item {
  width: auto;
  margin-left: 10px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  background-color: #eee;
}

@media (max-width: 749px) {
	.question .question__navigation-item {
    width: 50%;
    margin-left: 0px;
	}
}
.question .question__navigation-item--active {
  background-color: #272f4f;
  pointer-events: none;
}
.question .question__navigation-item--active .question__navigation-button {
	color: #fff;
  border-bottom-color: #fff;
  z-index: 2;
}

.question .question__navigation-button {
	color: #2c4198;
	display: block;
	min-width: 180px;
	padding: 20px;
	font-weight: 600;
	text-align: center;
	font-size: 16px;
}

@media (max-width: 749px) {
	.question .question__navigation-button {
		min-width: auto;
    width: 100%;
    font-size: 14px;
	}
}

.question .question__navigation-button:hover {
	cursor: pointer;
  background: #2c4198;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
	color: #fff;
}

.heading {
	line-height: 1.4em;
	font-weight: bold;
}

.heading_size_xsmall {
	font-size: 14px;
	font-size: 1.4rem;
}

.heading_size_small {
	font-size: 16px;
	font-size: 1.6rem;
}

.heading_size_medium {
	font-size: 20px;
	font-size: 2rem;
}

@media (max-width: 749px) {
	.heading_size_medium {
		font-size: 1.4rem;
	}
}

.heading_size_large {
	font-size: 24px;
	font-size: 2.4rem;
}

@media (max-width: 749px) {
	.heading_size_large {
		font-size: 1.8rem;
	}
}

.banner-button {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 20px;
}

@media (max-width: 749px) {
	.banner-button {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

.banner-button .banner-button__item {
	background-color: #fff;
	width: 50%;
	height: 268px;
	border-radius: 10px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	font-weight: bold;
	padding: 0 12px;
}

@media (max-width: 749px) {
	.banner-button .banner-button__item {
		width: 100%;
		height: auto;
		padding: 6px 0 16px;
		box-sizing: border-box;
	}
}

.banner-button .banner-button__item:not(:last-child) {
	margin-right: 20px;
}

@media (max-width: 749px) {
	.banner-button .banner-button__item:not(:last-child) {
		margin-right: 0;
		margin-bottom: 20px;
	}
}

.banner-button .banner-button__item--large {
	width: 100%;
	height: auto;
	padding: 20px 32px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	margin-bottom: 20px;
}

.banner-button .banner-button__item--large .banner-button__heading {
	margin-bottom: 0;
	color: #2c4198;
}

.banner-button .banner-button__item--large .banner-button__logo {
	margin-bottom: 0;
}

@media (max-width: 749px) {
	.banner-button .banner-button__item--large {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.banner-button .banner-button__item--large .banner-button__logo {
		width: 270px;
	}
	.banner-button .banner-button__item--large .banner-button__heading {
		margin-bottom: 16px;
	}
}

.banner-button .banner-button__item_amateras {
	color: #2c4198;
}

.banner-button .banner-button__item_mamateras {
	color: #d670a8;
}

.banner-button .banner-button__logo {
	margin-bottom: 16px;
}

@media (max-width: 749px) {
	.banner-button .banner-button__logo {
		width: 189px;
		margin-bottom: 0;
	}
}

.banner-button .banner-button__heading {
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 24px;
	line-height: 1.4;
	text-align: center;
}

@media (max-width: 749px) {
	.banner-button .banner-button__heading {
		font-size: 1.4rem;
		line-height: 1.3em;
		text-align: center;
		margin-bottom: 16px;
	}
}

.banner-button .banner-button__button {
	width: 176px;
	height: 50px;
	text-align: center;
	border-radius: 6px;
	border: 2px solid;
	box-sizing: border-box;
	position: relative;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding-right: 24px;
	transition: all .3s;
}

.banner-button .banner-button__button:hover:after {
	content: url("./img/arrow_white.svg");
}

.banner-button .banner-button__button:after {
	position: absolute;
	width: 16px;
	height: 18px;
	top: 14px;
	right: 16px;
}

.banner-button .banner-button__button_amateras {
	color: #2c4198;
	border-color: #2c4198;
}

.banner-button .banner-button__button_amateras:hover {
	color: #fff;
	background-color: #2c4198;
}

.banner-button .banner-button__button_amateras:after {
	content: url("./img/arrow_right_purple.svg");
}

.banner-button .banner-button__button_mamateras {
	color: #d670a8;
	border-color: #d670a8;
}

.banner-button .banner-button__button_mamateras:hover {
	color: #fff;
	background-color: #d670a8;
}

.banner-button .banner-button__button_mamateras:after {
	content: url("./img/arrow_pink.svg");
}

.tutorial-header {
	background-color: #fff;
	height: 54px;
	padding-left: 20px;
	width: 100%;
}

@media (max-width: 749px) {
	.tutorial-header {
		background-color: #2c4198;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		height: auto;
		padding: 10px;
	}
}

.tutorial-header .tutorial-header__logo-area {
	height: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.tutorial-header .tutorial-header__logo_pc {
	height: 100%;
}

@media (max-width: 749px) {
	.tutorial-header .tutorial-header__logo_pc {
		display: none;
	}
}

.tutorial-header .tutorial-header__logo_sp {
	padding-left: 12px;
}

@media (min-width: 750px) {
	.tutorial-header .tutorial-header__logo_sp {
		display: none;
	}
}

.tutorial-header .tutorial-header__step-area {
	color: #fff;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.4em;
	margin: 20px 0 8px;
	text-align: center;
}

@media (min-width: 750px) {
	.tutorial-header .tutorial-header__step-area_sp {
		display: none;
	}
}

.tutorial-header .tutorial-header__step-area_sp img {
	width: 140px;
}

.tutorial-header .tutorial-header__step-area_sp h2 {
	margin-top: 8px;
}

.top-pape-header {
	position: fixed;
	width: 100%;
	z-index: 4;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 75px;
	padding: 0 20px;
}

@media (max-width: 749px) {
	.top-pape-header {
		padding: 0 12px;
	}
	.top-pape-header .top-pape-header__button-item-add {
		display: none;
	}
}

.top-pape-header_offset {
	background-color: #2c4198;
	transition: background-color .5s;
}

@media (max-width: 749px) {
	.top-pape-header_offset .top-pape-header__button-item-add {
		display: block;
	}
}

@media (max-width: 749px) {
	.top-pape-header {
		padding-left: 20px;
		height: 63px;
	}
}

.top-pape-header .top-pape-header__logo {
	width: 135px;
}

@media (max-width: 749px) {
	.top-pape-header .top-pape-header__logo {
		width: 100px;
	}
}

.top-pape-header .top-pape-header__navigation-area,
.top-pape-header .top-pape-header__item-area {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.top-pape-header .top-pape-header__navigation-area {
	position: relative;
}

.top-pape-header .top-pape-header__item:not(:last-child) {
	margin-right: 20px;
}

.top-pape-header .top-pape-header__button-item:not(:last-child) {
	margin-right: 12px;
}

@media (max-width: 749px) {
	.top-pape-header .top-pape-header__button-item:not(:last-child) {
		margin-right: 0;
	}
}

.top-pape-header .top-pape-header__link {
	color: #fff;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
}

.top-pape-header .top-pape-header__button-item_irregular {
	border-left: 1px solid #fff;
	height: 100%;
	margin-left: 8px;
}

.global-header {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #fff;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 75px;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0 20px;
}

@media (max-width: 749px) {
	.global-header {
		height: 63px;
    padding: 0 20px;
    border-bottom: 1px solid #e4e4e4;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 4;
	}
}

.global-header .global-header__logo {
	max-width: 135px;
	width: 100%;
}

.global-header .global-header__logo .image{
	object-fit: contain;
}

.global-header .global-header__logo_area {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 75px;
}

.global-header .global-header__logo_area .global-header__logo__catchcopy {
	font-size: 10px;
}

.global-header .global-header__button-area {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	margin: 40px auto;
}

.global-header .global-header__button {
	width: 50%;
}

.global-header .global-header__button:not(:last-child) {
	margin-right: 12px;
}

@media (max-width: 749px) {
	.global-header .global-header__button .button {
		width: 100%;
	}
}

.global-header .global-header__navigation-area_pc {
	display: block;
	height: 100%;
}

@media (max-width: 749px) {
	.global-header .global-header__navigation-area_pc {
		display: none;
	}
}

.global-header .global-header__navigation-area_sp {
	display: none;
}

@media (max-width: 749px) {
	.global-header .global-header__navigation-area_sp {
		background-color: rgba(44, 65, 152, 0.97);
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		transition: background-color .3s;
		z-index: 4;
		box-sizing: border-box;
		padding: 0 20px;
	}
	.global-header .global-header__navigation-area_sp .global-header__items {
		width: 100%;
		height: 100%;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.global-header .global-header__navigation-area_sp .global-header__link {
		color: #fff;
	}
}

@media (max-width: 749px) {
	.global-header .global-header__logo {
		width: 135px;
		height: 32px;
		position: relative;
		z-index: 6;
	}
	.global-header .global-header__logo_area .global-header__logo__catchcopy {
		display: none;
	}
}

.global-header .global-header__logo_open-navi {
	display: none;
}

@media (max-width: 749px) {
	.global-header .global-header__logo_open-navi {
		position: absolute;
		left: 20px;
		top: 16px;
	}
}

.global-header .global-header__item-area {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
}

.global-header .global-header__item:not(:last-child) {
	margin-right: 20px;
}

@media (max-width: 749px) {
	.global-header .global-header__item:not(:last-child) {
		margin-right: 0;
		margin-bottom: 20px;
	}
}

.global-header .global-header__item_irregular {
	border-left: 1px solid #2c4198;
	height: 100%;
	margin-left: 8px;
}

.global-header .global-header__button-item:not(:last-child) {
	margin-right: 12px;
}

@media (max-width: 749px) {
	.global-header .global-header__button-item:not(:last-child) {
		margin-right: 0;
		margin-bottom: 20px;
	}
}

.global-header .global-header__button-item__text{
	display: inline-block;
    font-size: 0.8rem;
    padding-bottom: 5px;
}

.global-header .global-header__button-item_size{
	padding: 3px 10px 8px;
	font-size: 1.6rem;
}

.global-header .global-header__link {
	color: #2c4198;
	font-weight: bold;
	font-size: 14px;
	font-size: 1.4rem;
}

.global-header .global-header__link_irregular {
	padding-right: 24px;
	position: relative;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
	padding-left: 20px;
	box-sizing: border-box;
}

.global-header .global-header__link_irregular:hover:after {
	transition: all .3s;
	-webkit-transform: translateX(5px);
	transform: translateX(5px);
}

.global-header .global-header__link_irregular:after {
	content: url("./img/arrow_circle_purple.svg");
	width: 18px;
	height: 18px;
	position: absolute;
	right: 0;
	top: 29px;
}

.print-logo {
	width: 500px;
	height: 200px;
	background: url(img/p_logo.svg) no-repeat 50% 50%;
	background-size: 100% auto;
	margin: 0 auto;
	display: none;
}

@media (max-width: 749px) {
	.print-logo {
		display: none;
	}
}

@media print {
	.print-logo {
		display: block;
	}
}

@media print and (max-width: 749px) {
	.print-logo {
		display: none;
	}
}

.global-footer {
	padding: 40px 0 20px;
	background-color: #1d233d;
}

@media (max-width: 749px) {
	.global-footer {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 40px 20px 20px;
	}
}

.global-footer .global-footer__heading {
	color: #fff;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 600;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-bottom: 32px;
}

@media (max-width: 749px) {
	.global-footer .global-footer__heading {
		text-align: center;
		margin-bottom: 32px;
		margin-bottom: 40px;
	}
}

.global-footer .global-footer__heading_link {
	display: inline-block;
}

@media (max-width: 749px) {
	.global-footer .global-footer__heading_link {
		text-align: center;
		display: block;
		margin-bottom: 40px;
	}
}

.global-footer .global-footer__heading span {
	font-weight: 200;
}

@media (max-width: 749px) {
	.global-footer .global-footer__heading span {
		font-size: 1.2rem;
	}
}

.global-footer .global-footer__logo {
	margin-bottom: 12px;
}

@media (max-width: 749px) {
	.global-footer .global-footer__logo {
		width: 240px;
		height: 54px;
		margin: 0 auto 12px;
	}
}

.global-footer .global-footer__navigation {
	margin-bottom: 40px;
}

.global-footer .global-footer__contact-area {
	border: 2px solid #fff;
	border-radius: 10px;
	padding: 36px 40px;
	margin-bottom: 20px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

@media (max-width: 749px) {
	.global-footer .global-footer__contact-area {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 36px 10px;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		text-align: center;
	}
}

.global-footer .global-footer__contact-heading-area {
	color: #fff;
}

.global-footer .global-footer__contact-heading {
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
	margin-bottom: 10px;
}

.global-footer .global-footer__contact-text {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.4em;
}

@media (max-width: 749px) {
	.global-footer .global-footer__contact-text {
		margin-bottom: 16px;
	}
}

.global-footer .global-footer__copyright {
	color: #fff;
	font-size: 14px;
	font-size: 1.4rem;
	text-align: center;
}

@media (max-width: 749px) {
	.global-footer .global-footer__copyright {
		font-size: 1.2rem;
	}
}

.global-footer .global-footer__contact-button {
	word-break: keep-all;
}

@media (max-width: 749px) {
	.global-footer .global-footer__contact-button-area {
		padding: 0 20px;
	}
}

.global-navigation_header {
	display: none;
}

@media (max-width: 749px) {
	.global-navigation_header {
		display: none;
		background-color: rgba(44, 65, 152, 0.97);
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		transition: background-color .3s;
		z-index: 4;
		box-sizing: border-box;
		padding: 0 20px;
	}
	.global-navigation_header .global-navigation__link {
		color: #fff;
	}
}

@media (max-width: 749px) {
	.global-navigation .global-navigation__area_header {
		margin-top: 86px;
		padding-bottom: 86px;
		height: 90%;
		overflow-y: scroll;
	}
}

.global-navigation .global-navigation__area_footer:not(:last-child) {
	margin-right: 40px;
}

.global-navigation .global-navigation__item-area {
	margin-bottom: 16px;
	margin-right: 40px;
}

.global-navigation .global-navigation__item-area:first-child {
	margin-right: 80px;
}

@media (max-width: 749px) {
	.global-navigation .global-navigation__item-area:first-child {
		margin-right: 0;
	}
}

@media (max-width: 749px) {
	.global-navigation .global-navigation__item-area {
		margin-right: 0;
	}
}

.global-navigation .global-navigation__column {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 40px;
}

@media (max-width: 749px) {
	.global-navigation .global-navigation__column {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-bottom: 16px;
	}
}

@media (max-width: 749px) {
	.global-navigation .global-navigation__box {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

.global-navigation .global-navigation__item {
	margin-bottom: 16px;
}

@media (max-width: 749px) {
	.global-navigation .global-navigation__item:not(:last-child) {
		margin-right: 20px;
	}
}

.global-navigation .global-navigation__link {
	color: #fff;
	padding-left: 16px;
	position: relative;
	font-size: 14px;
	font-size: 1.4rem;
}

.global-navigation .global-navigation__link:hover:before {
	left: 2px;
}

@media (max-width: 749px) {
	.global-navigation .global-navigation__link {
		font-size: 1.2rem;
	}
}

.global-navigation .global-navigation__link:before {
	content: "";
	width: 8px;
	height: 8px;
	box-sizing: border-box;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	left: 0;
	top: 7px;
	transition: .3s;
}

@media (max-width: 749px) {
	.global-navigation .global-navigation__link:before {
		top: 2px;
	}
}

.global-navigation .global-navigation__heading-area {
	width: 860px;
	margin: 0 auto 40px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	padding: 4px 0 20px;
}

.global-navigation .global-navigation__heading-area_item-irregular .global-navigation__item {
	margin-top: 16px;
	margin-bottom: 0;
}

@media (max-width: 749px) {
	.global-navigation .global-navigation__heading-area_item-irregular .global-navigation__item:not(:last-child) {
		margin-right: 20px;
	}
}

@media (max-width: 749px) {
	.global-navigation .global-navigation__heading-area {
		margin: 0;
		width: inherit;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

.global-navigation .global-navigation__heading {
	color: #fff;
	font-weight: bold;
}

.global-navigation .global-navigation__heading_link {
	font-size: 16px;
	font-size: 1.6rem;
	padding-right: 24px;
	position: relative;
	display: inline-block;
}

.global-navigation .global-navigation__heading_link:hover:after {
	transition: all .3s;
	-webkit-transform: translateX(5px);
	transform: translateX(5px);
}

.global-navigation .global-navigation__heading_link:after {
	content: url("./img/arrow_circle_white.svg");
	width: 18px;
	height: 18px;
	position: absolute;
	right: 0;
	top: -2px;
}

.global-navigation .global-navigation__heading_item {
	font-size: 18px;
	font-size: 1.8rem;
	margin-bottom: 16px;
}

.sp-header{
	padding: 0 20px;
  }

  .sp-header .global-header__logo {
	max-width: 135px;
	width: 100%;
  }

  .sp-header .global-header__button-area {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	margin: 10px auto;
  }

  .sp-header .global-header__button {
	width: 50%;
  }

  .sp-header .global-header__button:not(:last-child) {
	margin-right: 12px;
  }

  @media (max-width: 749px) {
		.sp-header .global-header__button .button {
			width: 100%;
		}
		.sp-header:last-child {
				padding-top: 20px;
				padding-bottom: 50px;
				background: #2c4198;
		}
  }

  .sp-header .global-header__navigation-area_pc {
	display: block;
	height: 100%;
  }

  @media (max-width: 749px) {
	.sp-header .global-header__navigation-area_pc {
	  display: none;
	}
  }

  .sp-header .global-header__navigation-area_sp {
	display: none;
  }

  @media (max-width: 749px) {
	.sp-header .global-header__navigation-area_sp {
	  background-color: rgba(44, 65, 152, 0.97);
	  position: fixed;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  transition: background-color .3s;
	  z-index: 4;
	  box-sizing: border-box;
	  padding: 0 20px;
	}
	.sp-header .global-header__navigation-area_sp .global-header__items {
	  width: 100%;
	  height: 100%;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-flex-direction: column;
	  -ms-flex-direction: column;
	  flex-direction: column;
	  -webkit-justify-content: center;
	  -ms-flex-pack: center;
	  justify-content: center;
	}
	.sp-header .global-header__navigation-area_sp .global-header__link {
	  color: #fff;
	}
  }

  @media (max-width: 749px) {
	.sp-header .global-header__logo {
	  width: 135px;
	  height: 32px;
	  position: relative;
	  z-index: 6;
	}
  }

  .sp-header .global-header__logo_open-navi {
	display: none;
  }

  @media (max-width: 749px) {
	.sp-header .global-header__logo_open-navi {
	  position: absolute;
	  left: 20px;
	  top: 16px;
	}
  }

  .sp-header .global-header__item-area {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
  }

  .sp-header .global-header__item:not(:last-child) {
	margin-right: 20px;
  }

  @media (max-width: 749px) {
	.sp-header .global-header__item:not(:last-child) {
	  margin-right: 0;
	  margin-bottom: 20px;
	}
  }

  .sp-header .global-header__item_irregular {
	border-left: 1px solid #2c4198;
	height: 100%;
	margin-left: 8px;
  }

  .sp-header .global-header__button-item:not(:last-child) {
	margin-right: 12px;
  }

  @media (max-width: 749px) {
	.sp-header .global-header__button-item:not(:last-child) {
	  margin-right: 0;
	  margin-bottom: 20px;
	}
  }

  .global-header__button-item a:hover{
	color: #fff;
	opacity: initial;
	filter: brightness(0.8);
  }

.global-header__button-item__text{
	font-size: 1.0rem
}

.global-header__button-item_size{

}

  .sp-header .global-header__link {
	color: #2c4198;
	font-weight: bold;
	font-size: 14px;
  }

  .sp-header .global-header__link_irregular {
	padding-right: 24px;
	position: relative;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
	padding-left: 20px;
	box-sizing: border-box;
  }

  .sp-header .global-header__link_irregular:hover:after {
	transition: all .3s;
	-webkit-transform: translateX(5px);
	transform: translateX(5px);
  }

  .sp-header .global-header__link_irregular:after {
	content: url("./img/arrow_circle_purple.svg");
	width: 18px;
	height: 18px;
	position: absolute;
	right: 0;
	top: 29px;
  }

  .global-navigation_header {
	display: none;
  }

  @media (max-width: 749px) {
	.global-navigation_header {
	  display: none;
	  background-color: rgba(44, 65, 152, 0.97);
	  position: fixed;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  transition: background-color .3s;
	  z-index: 4;
	  box-sizing: border-box;
	  padding: 0 20px;
	}
	.global-navigation_header .global-navigation__link {
	  color: #fff;
	}
  }

  @media (max-width: 749px) {
	.sp-header .global-navigation__area_header {
	  margin-top: 10px;
	  height: 90%;
	  overflow-y: scroll;
	}
  }

  .sp-header .global-navigation__area_footer:not(:last-child) {
	margin-right: 40px;
  }

  .sp-header .global-navigation__item-area {
	margin-bottom: 16px;
	margin-right: 40px;
  }

  .sp-header .global-navigation__item-area:first-child {
	margin-right: 80px;
  }

  @media (max-width: 749px) {
	.sp-header .global-navigation__item-area:first-child {
	  margin-right: 0;
	}
  }

  @media (max-width: 749px) {
	.sp-header .global-navigation__item-area {
	  margin-right: 0;
	}
  }

  .sp-header .global-navigation__column {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 40px;
  }

  @media (max-width: 749px) {
	.sp-header .global-navigation__column {
	  -webkit-flex-direction: column;
	  -ms-flex-direction: column;
	  flex-direction: column;
	  margin-bottom: 16px;
	}
  }

  @media (max-width: 749px) {
	.sp-header .global-navigation__box {
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-flex-wrap: wrap;
	  -ms-flex-wrap: wrap;
	  flex-wrap: wrap;
	}
  }

  .sp-header .global-navigation__item {
	margin-bottom: 16px;
  }

  @media (max-width: 749px) {
	.sp-header .global-navigation__item:not(:last-child) {
	  margin-right: 20px;
	}
  }

  .sp-header .global-navigation__link {
	color: #2c4198;
	padding-left: 16px;
	position: relative;
	font-size: 14px;
	font-size: 1.4rem;
  }

  .sp-header .global-navigation__link:hover:before {
	left: 2px;
  }

  @media (max-width: 749px) {
	.sp-header .global-navigation__link {
	  font-size: 12px;
	}
  }

  .sp-header .global-navigation__link:before {
	content: "";
	width: 8px;
	height: 8px;
	box-sizing: border-box;
	border-top: 2px solid #2c4198;
	border-right: 2px solid #2c4198;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	left: 0;
	top: 7px;
	transition: .3s;
  }

  @media (max-width: 749px) {
	.sp-header .global-navigation__link:before {
	  top: 2px;
	}
  }

  .sp-header .global-navigation__heading-area {
	width: 730px;
	margin: 0 auto 40px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	padding: 4px 0 20px;
  }

  .sp-header .global-navigation__heading-area_item-irregular .global-navigation__item {
	margin-top: 16px;
	margin-bottom: 0;
  }

  @media (max-width: 749px) {
	.sp-header .global-navigation__heading-area_item-irregular .global-navigation__item:not(:last-child) {
	  margin-right: 20px;
	}
  }

  @media (max-width: 749px) {
	.sp-header .global-navigation__heading-area {
	  margin: 0;
	  width: inherit;
	  -webkit-flex-wrap: wrap;
	  -ms-flex-wrap: wrap;
	  flex-wrap: wrap;
	  -webkit-justify-content: center;
	  -ms-flex-pack: center;
	  justify-content: center;
	}
  }

  .sp-header .global-navigation__heading {
	color: #fff;
	font-weight: bold;
	}

  .sp-header .global-navigation__heading_link {
	font-size: 16px;
	padding-right: 24px;
	position: relative;
	display: inline-block;
  }

  .sp-header .global-navigation__heading_link:hover:after {
	transition: all .3s;
	-webkit-transform: translateX(5px);
	transform: translateX(5px);
  }

  .sp-header .global-navigation__heading_link:after {
	content: url("./img/arrow_circle_white.svg");
	width: 18px;
	height: 18px;
	position: absolute;
	right: 0;
	top: -2px;
  }

  .sp-header .global-navigation__heading_item {
	font-size: 18px;
	margin-bottom: 16px;
	}

	.sp-header:last-child .global-navigation__heading {
    color: #fff;
    font-weight: bold;
}
	.sp-header:not(:last-child) .global-navigation__heading {
    color: #1d233b;
    font-weight: bold;
    text-align: center;
    border-bottom: 2px solid #1d233b;
		border-top: 2px solid #1d233b;
		line-height: 1.6;
}

.hamburger {
	display: none;
}

@media (max-width: 749px) {
	.hamburger {
		display: block;
		position: relative;
		width: 28px;
		height: 28px;
		cursor: pointer;
		z-index: 5;
	}
}

.hamburger .hamburger__line {
	position: absolute;
	display: block;
	background-color: #2c4198;
	height: 2px;
	width: 100%;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s;
}

.hamburger .hamburger__line_white {
	background-color: #fff;
}

.hamburger .hamburger__line:nth-of-type(1) {
	top: 5px;
}

.hamburger .hamburger__line:nth-of-type(2) {
	top: 15px;
}

.hamburger .hamburger__line:nth-of-type(3) {
	top: 25px;
}

.hamburger .hamburger__line.active {
	background-color: #fff;
}

.hamburger .hamburger__line.active:nth-of-type(1) {
	top: 15px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.hamburger .hamburger__line.active:nth-of-type(2) {
	top: 0;
	display: none;
}

.hamburger .hamburger__line.active:nth-of-type(3) {
	top: 15px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.margin-auto {
	margin: 0 auto;
}

.margin.margin_margin_1xunit {
	margin: 4px;
}

.margin.margin_top_1xunit {
	margin-top: 4px;
}

.margin.margin_bottom_1xunit {
	margin-bottom: 4px;
}

.margin.margin_left_1xunit {
	margin-left: 4px;
}

.margin.margin_right_1xunit {
	margin-right: 4px;
}

.margin.margin_margin_2xunit {
	margin: 8px;
}

.margin.margin_top_2xunit {
	margin-top: 8px;
}

.margin.margin_bottom_2xunit {
	margin-bottom: 8px;
}

.margin.margin_left_2xunit {
	margin-left: 8px;
}

.margin.margin_right_2xunit {
	margin-right: 8px;
}

.margin.margin_margin_3xunit {
	margin: 12px;
}

.margin.margin_top_3xunit {
	margin-top: 12px;
}

.margin.margin_bottom_3xunit {
	margin-bottom: 12px;
}

.margin.margin_left_3xunit {
	margin-left: 12px;
}

.margin.margin_right_3xunit {
	margin-right: 12px;
}

.margin.margin_margin_4xunit {
	margin: 16px;
}

.margin.margin_top_4xunit {
	margin-top: 16px;
}

.margin.margin_bottom_4xunit {
	margin-bottom: 16px;
}

.margin.margin_left_4xunit {
	margin-left: 16px;
}

.margin.margin_right_4xunit {
	margin-right: 16px;
}

.margin.margin_margin_5xunit {
	margin: 20px;
}

.margin.margin_top_5xunit {
	margin-top: 20px;
}

.margin.margin_bottom_5xunit {
	margin-bottom: 20px;
}

.margin.margin_left_5xunit {
	margin-left: 20px;
}

.margin.margin_right_5xunit {
	margin-right: 20px;
}

.margin.margin_margin_6xunit {
	margin: 24px;
}

.margin.margin_top_6xunit {
	margin-top: 24px;
}

.margin.margin_bottom_6xunit {
	margin-bottom: 24px;
}

.margin.margin_left_6xunit {
	margin-left: 24px;
}

.margin.margin_right_6xunit {
	margin-right: 24px;
}

.margin.margin_margin_7xunit {
	margin: 28px;
}

.margin.margin_top_7xunit {
	margin-top: 28px;
}

.margin.margin_bottom_7xunit {
	margin-bottom: 28px;
}

.margin.margin_left_7xunit {
	margin-left: 28px;
}

.margin.margin_right_7xunit {
	margin-right: 28px;
}

.margin.margin_margin_8xunit {
	margin: 32px;
}

.margin.margin_top_8xunit {
	margin-top: 32px;
}

.margin.margin_bottom_8xunit {
	margin-bottom: 32px;
}

.margin.margin_left_8xunit {
	margin-left: 32px;
}

.margin.margin_right_8xunit {
	margin-right: 32px;
}

.margin.margin_margin_9xunit {
	margin: 36px;
}

.margin.margin_top_9xunit {
	margin-top: 36px;
}

.margin.margin_bottom_9xunit {
	margin-bottom: 36px;
}

.margin.margin_left_9xunit {
	margin-left: 36px;
}

.margin.margin_right_9xunit {
	margin-right: 36px;
}

.margin.margin_margin_10xunit {
	margin: 40px;
}

.margin.margin_top_10xunit {
	margin-top: 40px;
}

.margin.margin_bottom_10xunit {
	margin-bottom: 40px;
}

.margin.margin_left_10xunit {
	margin-left: 40px;
}

.margin.margin_right_10xunit {
	margin-right: 40px;
}

.margin.margin_margin_11xunit {
	margin: 44px;
}

.margin.margin_top_11xunit {
	margin-top: 44px;
}

.margin.margin_bottom_11xunit {
	margin-bottom: 44px;
}

.margin.margin_left_11xunit {
	margin-left: 44px;
}

.margin.margin_right_11xunit {
	margin-right: 44px;
}

.padding.padding_padding_1xunit {
	padding: 4px;
}

.padding.padding_top_1xunit {
	padding-top: 4px;
}

.padding.padding_bottom_1xunit {
	padding-bottom: 4px;
}

.padding.padding_left_1xunit {
	padding-left: 4px;
}

.padding.padding_right_1xunit {
	padding-right: 4px;
}

.padding.padding_padding_2xunit {
	padding: 8px;
}

.padding.padding_top_2xunit {
	padding-top: 8px;
}

.padding.padding_bottom_2xunit {
	padding-bottom: 8px;
}

.padding.padding_left_2xunit {
	padding-left: 8px;
}

.padding.padding_right_2xunit {
	padding-right: 8px;
}

.padding.padding_padding_3xunit {
	padding: 12px;
}

.padding.padding_top_3xunit {
	padding-top: 12px;
}

.padding.padding_bottom_3xunit {
	padding-bottom: 12px;
}

.padding.padding_left_3xunit {
	padding-left: 12px;
}

.padding.padding_right_3xunit {
	padding-right: 12px;
}

.padding.padding_padding_4xunit {
	padding: 16px;
}

.padding.padding_top_4xunit {
	padding-top: 16px;
}

.padding.padding_bottom_4xunit {
	padding-bottom: 16px;
}

.padding.padding_left_4xunit {
	padding-left: 16px;
}

.padding.padding_right_4xunit {
	padding-right: 16px;
}

.padding.padding_padding_5xunit {
	padding: 20px;
}

.padding.padding_top_5xunit {
	padding-top: 20px;
}

.padding.padding_bottom_5xunit {
	padding-bottom: 20px;
}

.padding.padding_left_5xunit {
	padding-left: 20px;
}

.padding.padding_right_5xunit {
	padding-right: 20px;
}

.padding.padding_padding_6xunit {
	padding: 24px;
}

.padding.padding_top_6xunit {
	padding-top: 24px;
}

.padding.padding_bottom_6xunit {
	padding-bottom: 24px;
}

.padding.padding_left_6xunit {
	padding-left: 24px;
}

.padding.padding_right_6xunit {
	padding-right: 24px;
}

.padding.padding_padding_7xunit {
	padding: 28px;
}

.padding.padding_top_7xunit {
	padding-top: 28px;
}

.padding.padding_bottom_7xunit {
	padding-bottom: 28px;
}

.padding.padding_left_7xunit {
	padding-left: 28px;
}

.padding.padding_right_7xunit {
	padding-right: 28px;
}

.padding.padding_padding_8xunit {
	padding: 32px;
}

.padding.padding_top_8xunit {
	padding-top: 32px;
}

.padding.padding_bottom_8xunit {
	padding-bottom: 32px;
}

.padding.padding_left_8xunit {
	padding-left: 32px;
}

.padding.padding_right_8xunit {
	padding-right: 32px;
}

.padding.padding_padding_9xunit {
	padding: 36px;
}

.padding.padding_top_9xunit {
	padding-top: 36px;
}

.padding.padding_bottom_9xunit {
	padding-bottom: 36px;
}

.padding.padding_left_9xunit {
	padding-left: 36px;
}

.padding.padding_right_9xunit {
	padding-right: 36px;
}

.padding.padding_padding_10xunit {
	padding: 40px;
}

.padding.padding_top_10xunit {
	padding-top: 40px;
}

.padding.padding_bottom_10xunit {
	padding-bottom: 40px;
}

.padding.padding_left_10xunit {
	padding-left: 40px;
}

.padding.padding_right_10xunit {
	padding-right: 40px;
}

.padding.padding_padding_11xunit {
	padding: 44px;
}

.padding.padding_top_11xunit {
	padding-top: 44px;
}

.padding.padding_bottom_11xunit {
	padding-bottom: 44px;
}

.padding.padding_left_11xunit {
	padding-left: 44px;
}

.padding.padding_right_11xunit {
	padding-right: 44px;
}

.form__area {
	width: 480px;
	margin: 0 auto;
}

@media (max-width: 749px) {
	.form__area {
		width: 100%;
		margin-top: 20px;
	}
}

.form .form__input,
.form .form__select,
.form .form__option,
.form .form__textarea {
	box-sizing: border-box;
	padding: 10px;
	width: 100%;
}

.form.form_complete {
	background-color: #2c4198;
	box-sizing: border-box;
	margin: 20px auto 40px;
}

@media (max-width: 749px) {
	.form.form_complete {
		margin-top: 0;
		padding-top: 0;
	}
}

.form .form__append {
	margin-bottom: 32px;
}

.form .form__button-area {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.form .form__checkbox-text {
	cursor: pointer;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	display: block;
	line-height: 1.4em;
}

.form .form__checkbox-text_font-nomal {
	font-weight: normal;
}

.form .form__file-button {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.form .form__file-text {
	color: #999;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.4em;
	font-weight: bold;
	padding-left: 8px;
}

.form .form__file-name {
	font-size: 12px;
	font-size: 1.2rem;
	margin-bottom: 8px;
	display: none;
}

.form .form__heading-area {
	margin-bottom: 12px;
}

.form .form__heading {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	padding-left: 8px;
}

.form .form__heading span {
	line-height: 1.2;
}

.form .form__heading_size_small {
	font-size: 12px;
	font-size: 1.2rem;
}

.form .form__heading_purplegray {
	color: #7d7f8a;
}

.form .form__input-area {
	position: relative;
}

.form .form__input-area_select {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.form .form__input-area_select:not(:last-child) {
	margin-right: 10px;
}

.form .form__input-area_radio {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.form .form__input-box,
.form .form__input-group {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.form .form__input-group {
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.form .form__input_checkbox,
.form .form__input_file,
.form .form__input_radio {
	display: none;
}

.form .form__input_checkbox {
	position: relative;
}

.form .form__input_checkbox+span:before {
	content: url("./img/check_not_select.svg");
	height: 10px;
	left: 4px;
	top: 3px;
	position: absolute;
	width: 16px;
}

.form .form__input_checkbox:checked+span:before {
	content: url("./img/check_select.svg");
}

.form .form__input_radio+label {
	position: relative;
}

.form .form__input_radio+label:before {
	border: 1px solid #7075bd;
	border-radius: 50%;
	box-sizing: border-box;
	content: "";
	display: block;
	height: 20px;
	left: 10px;
	position: absolute;
	top: 9px;
	width: 20px;
}

.form .form__input_radio:checked+label {
	border-color: #2c4198;
	color: #2c4198;
	font-weight: bold;
}

.form .form__input_radio:checked+label:after {
	background-color: #2c4198;
	border-radius: 50%;
	content: "";
	display: block;
	left: 14px;
	position: absolute;
	top: 13px;
	height: 12px;
	width: 12px;
}

.form .form__item-area {
	margin-bottom: 32px;
}

@media (max-width: 749px) {
	.form .form__item-area {
		padding: 0 20px;
	}
}

.form .form__item {
	margin-bottom: 16px;
}

.form .form__item:last-child {
	margin-bottom: 0;
}

.form .form__result-item img {
	width: 80%;
}

.form .form__result-item_service {
	background-color: #2c4198;
	border-radius: 10px;
	color: #fff;
	padding: 30px 20px;
	margin-bottom: 20px;
}

@media (max-width: 749px) {
	.form .form__result-item_service {
		padding: 30px 20px;
	}
}

.form .form__require-label {
	background-color: #2c4198;
	border-radius: 30px;
	color: #fff;
	font-size: 11px;
	font-size: 1.1rem;
	margin-left: 8px;
	padding: 3px 5px;
	max-height: 18px;
}

.form .form__radio-area {
	margin-bottom: 8px;
}

.form .form__radio-area:not(:last-child) {
	margin-right: 8px;
}

.form .form__result {
	background-color: #fff;
	margin: 8px 0 20px;
	padding: 20px;
}

.form .form__result-content {
	font-size: 18px;
	font-size: 1.8rem;
	margin-top: 4px;
}

.form .form__service-item {
	margin-bottom: 20px;
}

.form .form__service-heading {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 8px;
}

.form .form__service-text {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.3;
}

.form .form__tags {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -16px;
}

.form .form__tag {
	margin: 0 8px 8px 0;
}

.form .form__tag-area {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 4px;
	background-color: #fff;
	border: 1px solid transparent;
	color: #2c4198;
	cursor: pointer;
	display: block;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1em;
	letter-spacing: 1px;
	outline: none;
	padding: 12px;
	transition: .2s;
}

.form .form__tag-item {
	display: none;
}

.form .form__tag-item:checked+label {
	color: #fff;
	background: #2c4198;
	font-weight: bold;
}

.form .form__textarea {
	font-size: 14px;
	font-size: 1.4rem;
	min-height: 130px;
	line-height: 1.6em;
}

.form .form__label:after,
.form .form__label:before {
	position: absolute;
}

.form .form__label_checkbox {
	display: block;
	padding-left: 36px;
	position: relative;
}

.form .form__label_checkbox:before {
	border: 1px solid #7075bd;
	border-radius: 5px;
	background-color: #fff;
	content: "";
	box-sizing: border-box;
	display: block;
	position: absolute;
	top: -1px;
	left: 0;
	width: 26px;
	height: 26px;
}

.form .form__label_state_error:after {
	content: url("./img/error_label.svg");
	height: 13px;
	right: 12px;
	top: 18px;
	width: 13px;
}

.form .form__label_state_require {
	display: block;
}

.form .form__label_state_require:after {
	content: "必須";
	color: #2c4198;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	right: 10px;
	top: 19px;
}

@media (max-width: 749px) {
	.form .form__label_state_require:after {
		top: 19.5px;
	}
}

.form .form__label_state_success {
	display: none;
}

.form .form__label_state_success:after,
.form .form__label_state_success:before {
	content: "";
	background-color: #21ea52;
	width: 3px;
}

.form .form__label_state_success:before {
	right: 18px;
	top: 18px;
	height: 16px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.form .form__label_state_success:after {
	right: 25px;
	top: 23px;
	height: 10px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.form .form__label_radio {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #fff;
	border-radius: 5px;
	border: 1px solid #7075bd;
	color: #272f4f;
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	outline: none;
	padding: 10px 20px 10px 40px;
}

.form .form__label_select:after {
	content: "";
	border-top: 6px solid #2c4198;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	right: 10px;
	top: 24px;
}

.form .form__infomation {
	line-height: 1.3;
	font-size: 12px;
	font-size: 1.2rem;
	margin-top: 12px;
	text-align: center;
}

.tag:not(:root) {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 20px 0 4px;
}

.tag .tag__item {
	background-color: #fff;
	border: 1px solid #2c4198;
	border-radius: 30px;
	color: #2c4198;
	padding: 6px 12px;
	margin: 0 8px 8px 0;
	font-size: 12px;
	font-size: 1.2rem;
}

.tag .tag__item:last-child {
	margin-right: 0;
}

@media (max-width: 749px) {
	.step.step_pc {
		display: none;
	}
}

@media (min-width: 750px) {
	.step.step_sp {
		display: none;
	}
}

.tutorial {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	position: relative;
}

.tutorial:after {
	content: "";
	width: 30%;
	background-color: #272f4f;
	z-index: -1;
	height: 100%;
	position: fixed;
	right: 0;
}

@media (max-width: 749px) {
	.tutorial:after {
		display: none;
	}
}

@media (max-width: 749px) {
	.tutorial {
		height: auto;
	}
}

.tutorial_complete {
	background-color: #2c4198;
}

.tutorial_complete:before {
	content: "";
	width: 70%;
	background-color: #2c4198;
	z-index: -1;
	height: 100%;
	position: fixed;
	left: 0;
}

@media (max-width: 749px) {
	.tutorial_complete:before {
		width: 100%;
	}
}

.tutorial .tutorial__complete-text,
.tutorial .tutorial__step-heading,
.tutorial .tutorial__right-heading,
.tutorial .tutorial__point-item-area,
.tutorial .tutorial__point-reason {
	font-weight: bold;
}

.tutorial .tutorial__area_right,
.tutorial .tutorial__banner-area,
.tutorial .tutorial__step-heading_white {
	color: #fff;
}

.tutorial .tutorial__step-area,
.tutorial .tutorial__point-reason {
	margin-bottom: 32px;
}

.tutorial .tutorial__area_left {
	position: relative;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 70%;
	height: 100%;
}

@media (max-width: 749px) {
	.tutorial .tutorial__area_left {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 80px;
	}
}

@media (min-width: 750px) {
	.tutorial .tutorial__area_left {
		padding: 80px 0;
	}
}

.tutorial .tutorial__area_right {
	position: relative;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #272f4f;
	box-sizing: border-box;
	padding: 80px 30px 0;
	text-align: center;
	min-width: 324px;
	width: 30%;
	overflow-x: scroll;
}

@media (max-width: 749px) {
	.tutorial .tutorial__area_right {
		display: none;
	}
}

.tutorial .tutorial__banner-area {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	border: 1px solid #fff;
	border-radius: 10px;
	box-sizing: border-box;
	margin: 20px 0;
	padding: 20px;
	width: 100%;
}

.tutorial .tutorial__complete-items {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #fff;
	border-radius: 10px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 12px;
}

.tutorial .tutorial__complete-item {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 20px;
}

.tutorial .tutorial__complete-text {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5em;
}

.tutorial .tutorial__complete-text_purple {
	color: #2c4198;
}

.tutorial .tutorial__item-area {
	width: 380px;
	margin: 0 auto;
}

@media (max-width: 749px) {
	.tutorial .tutorial__item-area {
		box-sizing: border-box;
		width: 100%;
		padding: 0 20px;
	}
}

.tutorial .tutorial__step-area {
	text-align: center;
}

.tutorial .tutorial__step-area img {
	width: 200px;
}

@media (max-width: 749px) {
	.tutorial .tutorial__step-area {
		display: none;
	}
}

.tutorial .tutorial__step-heading {
	font-size: 18px;
	font-size: 1.8rem;
	margin-top: 12px;
}

.tutorial .tutorial__right-heading-area {
	margin-bottom: 80px;
	min-width: 324px;
}

.tutorial .tutorial__right-heading-text {
	line-height: 1.4em;
}

.tutorial .tutorial__right-heading {
	line-height: 1.4em;
	font-size: 18px;
	font-size: 1.8rem;
	margin-bottom: 10px;
}

@media (max-width: 749px) {
	.tutorial .tutorial__right-heading {
		font-size: 1.4rem;
	}
}

.tutorial .tutorial__right-heading-logo,
.tutorial .tutorial__point-item {
	margin-bottom: 20px;
}

.tutorial .tutorial__point-description {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.4em;
	font-weight: 200;
}

.tutorial .tutorial__point-area {
	min-width: 324px;
}

.tutorial .tutorial__point-item-area {
	text-align: left;
}

.tutorial .tutorial__point-item {
	border: 1px solid #fff;
	border-radius: 10px;
	padding: 20px;
}

.tutorial .tutorial__point-item:last-child {
	margin-bottom: 0;
}

.tutorial .tutorial__point-reason {
	font-size: 20px;
	font-size: 2rem;
}

.tutorial .tutorial__point-heading {
	margin-bottom: 12px;
	font-size: 22px;
	font-size: 2.2rem;
}

.border.border_success {
	border-color: #2c4198;
}

.border.border_error {
	border-color: #d670a8;
}

.sign .sign__area {
	height: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	max-width: 600px;
	margin: 60px auto 40px;
}

@media (max-width: 749px) {
	.sign .sign__area {
		height: 100%;
		margin-top: 30px;
	}
}

.sign .sign__button-area {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

@media (max-width: 749px) {
	.sign .sign__button-area {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}
}

.sign .sign__button:not(:last-child) {
	margin-right: 12px;
}

@media (max-width: 749px) {
	.sign .sign__button:not(:last-child) {
		margin-right: 0;
		margin-bottom: 12px;
	}
}

.sign .sign__checkbox-area {
	width: 330px;
	margin: 0 auto;
}

@media (max-width: 749px) {
	.sign .sign__checkbox-area {
		width: 100%;
	}
}

.sign .sign__box {
	background-color: #fff;
	box-sizing: border-box;
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
	width: 100%;
	position: relative;
}

.sign .sign__box_signin {
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

@media (max-width: 749px) {
	.sign .sign__item-area {
		padding: 20px;
	}
}

.sign .sign__item-area_signup {
	border-radius: 6px;
	padding: 40px;
}

@media (max-width: 749px) {
	.sign .sign__item-area_signup {
		padding: 20px;
	}
}

.sign .sign__item-area_signup .sign__item-box {
	margin-bottom: 32px;
}

@media (max-width: 749px) {
	.sign .sign__item-area_signup .sign__item-box {
		margin-bottom: 40px;
	}
}

.sign .sign__item-area_signup .sign__item {
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.sign .sign__item-area_signin .sign__item {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

@media (max-width: 749px) {
	.sign .sign__item-area_signin .sign__item {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
}

.sign .sign__item-area_signin .sign__item_column {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.sign .sign__item {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.sign .sign__item_center {
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.sign .sign__item_column {
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.sign .sign__inner {
	padding: 32px 40px;
	position: relative;
}

@media (max-width: 749px) {
	.sign .sign__inner {
		padding: 0;
	}
}

.sign .sign__inner_border-top:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #eee;
}

.sign .sign__description {
	-webkit-align-self: flex-start;
	-ms-flex-item-align: start;
	align-self: flex-start;
	line-height: 1.4em;
	font-size: 14px;
	font-size: 1.4rem;
}

.sign .sign__description a {
	color: #2c4198;
	text-decoration: underline;
}

@media (max-width: 749px) {
	.sign .sign__description {
		font-size: 1.2rem;
		line-height: 1.7em;
	}
}

.sign .sign__form-item_left {
	width: 40%;
}

@media (max-width: 749px) {
	.sign .sign__form-item_left {
		width: 100%;
	}
}

.sign .sign__form-item_right {
	width: 340px;
}

@media (max-width: 749px) {
	.sign .sign__form-item_right {
		width: 100%;
	}
}

.sign .sign__form-item .form__heading {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

@media (max-width: 749px) {
	.sign .sign__form_head {
		margin-bottom: 12px;
	}
}

.sign .sign__heading-area {
	margin: 0 0 16px 16px;
}

@media (max-width: 749px) {
	.sign .sign__heading-area {
		margin: 0 0 10px 16px;
	}
}

.sign .sign__heading {
	line-height: 1.4em;
	font-weight: bold;
}

.sign .sign__heading_main {
	font-size: 24px;
	font-size: 2.4rem;
}

@media (max-width: 749px) {
	.sign .sign__heading_main {
		font-size: 1.8rem;
	}
}

.sign .sign__heading_sub {
	font-size: 20px;
	font-size: 2rem;
	margin-bottom: 20px;
}

@media (max-width: 749px) {
	.sign .sign__heading_sub {
		font-size: 1.6rem;
		text-align: center;
	}
}

.sign .sign__heading_center {
	text-align: center;
}

.sign .sign__information-area {
	background-color: #eee;
	border-radius: 6px;
	padding: 20px;
	font-size: 12px;
	font-size: 1.2rem;
}

@media (max-width: 749px) {
	.sign .sign__information-area {
		margin-top: 20px;
	}
}

.sign .sign__information-item {
	margin-bottom: 4px;
	line-height: 1.4em;
}

.sign .sign__link {
	border-bottom: 1px solid #2c4198;
	color: #2c4198;
	padding-bottom: 2px;
}

.sign .sign__link:hover {
	opacity: .7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.sign .sign__tab {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.sign .sign__tab-item {
	background-color: rgba(44, 65, 152, 0.1);
	color: #4d5a7c;
	font-size: 20px;
	font-size: 2rem;
	width: 100%;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	padding: 20px 0;
}

@media (max-width: 749px) {
	.sign .sign__tab-item {
		font-size: 1.6rem;
	}
}

.sign .sign__tab-item:first-child {
	border-top-left-radius: 6px;
}

@media (max-width: 749px) {
	.sign .sign__tab-item:first-child {
		border-top-left-radius: 0;
	}
}

.sign .sign__tab-item:last-child {
	border-top-right-radius: 6px;
}

@media (max-width: 749px) {
	.sign .sign__tab-item:last-child {
		border-top-right-radius: 0;
	}
}

.sign .sign__tab-item_select {
	color: #2c4198;
	background-color: #fff;
}

.sign .sign__tab-currnet_hide {
	display: none;
}

.sub-head {
	background-color: #09263d;
	color: #fff;
	padding: 56px 0;
	font-weight: bold;
}

@media (max-width: 749px) {
	.sub-head {
		padding: 20px;
	}
}

.sub-head .sub-head__area {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.sub-head .sub-head__heading_main {
	font-size: 36px;
	font-size: 3.6rem;
	margin-bottom: 12px;
}

@media (max-width: 749px) {
	.sub-head .sub-head__heading_main {
		font-size: 2rem;
		margin-bottom: 4px;
	}
}

.sub-head .sub-head__heading_sub {
	font-size: 14px;
	font-size: 1.4rem;
}

@media (max-width: 749px) {
	.sub-head .sub-head__heading_sub {
		font-size: 1.2rem;
	}
}

.sub-head .sub-head__icon_qa {
	margin: 0 24px -20px 32px;
}

@media (max-width: 749px) {
	.sub-head .sub-head__icon_qa {
		margin: 0 12px -16px 0;
	}
}

@media (max-width: 749px) {
	.sub-head .sub-head__icon_qa .image {
		width: 45px;
		height: 39px;
	}
}

@media (max-width: 749px) {
	.company {
		padding-top: 63px;
	}
}

.company .company__access-heading,
.company .company__outline-heading,
.company .company__outline-item-heading,
.company .company__member-heading,
.company .company__thought-anecdote-label,
.company .company__thought-heading,
.company .company__news-heading {
	font-weight: bold;
}

.company .company__thought-heading {
	font-size: 40px;
	font-size: 4rem;
	letter-spacing: 2px;
	margin-bottom: 32px;
}

@media (max-width: 749px) {
	.company .company__thought-heading {
		margin-bottom: 20px;
		font-size: 2.4rem;
		text-align: center;
	}
}

.company .company__thought-anecdote-text,
.company .company__thought-text {
	line-height: 1.6em;
}

@media (max-width: 749px) {
	.company .company__thought-anecdote-text,
	.company .company__thought-text {
		line-height: 1.5em;
	}
}

.company .company__thought-anecdote-label,
.company .company__thought-anecdote-text_description {
	font-size: 12px;
	font-size: 1.2rem;
}

.company .company__thought-anecdote-head,
.company .company__thought-area {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.company .company__outline-item-description,
.company .company__outline-item-heading {
	font-size: 16px;
	font-size: 1.6rem;
}

@media (max-width: 749px) {
	.company .company__outline-item-description,
	.company .company__outline-item-heading {
		font-size: 1.4rem;
	}
}

.company .company__hero,
.company .company__thought-anecdote-label {
	color: #fff;
}

.company .company__hero {
	background: url("./img/bg_company.jpg") center center/cover no-repeat;
	padding: 150px 0 40px;
}

@media (max-width: 749px) {
	.company .company__hero {
		padding: 32px 20px 20px;
		background: url("./img/sp_bg_company.jpg") center center/cover no-repeat;
	}
}

.company .company__hero-heading {
	font-family: "YuMincho";
	font-size: 52px;
	font-size: 5.2rem;
	margin-bottom: 70px;
	line-height: 1.5;
	text-align: center;
}

@media (max-width: 749px) {
	.company .company__hero-heading {
		font-size: 3.4rem;
		margin-bottom: 20px;
		line-height: 1.6em;
	}
}

.company .company__hero-text {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 1.5;
	text-align: center;
}

@media (max-width: 749px) {
	.company .company__hero-text {
		font-size: 1.4rem;
		text-align: justify;
	}
}

.company .company__hero-text:not(:last-child) {
	margin-bottom: 40px;
}

@media (max-width: 749px) {
	.company .company__hero-text:not(:last-child) {
		margin-bottom: 16px;
	}
}

.company .company__hero-vision {
	margin-bottom: 50px;
}

@media (max-width: 749px) {
	.company .company__hero-vision {
		margin-bottom: 24px;
	}
}

.company .company__hero-service-heading {
	text-align: left;
	font-size: 20px;
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 16px;
}

@media (max-width: 749px) {
	.company .company__hero-service-heading {
		text-align: center;
		font-size: 1.6rem;
	}
}

.company .company__section_outline,
.company .company__section_thought {
	padding: 90px 0 100px;
}

.company .company__section_news {
	padding: 50px 0 90px;
}

@media (max-width: 749px) {
	.company .company__section_outline,
	.company .company__section_thought,
	.company .company__section_news {
		padding: 50px 20px 60px;
	}
	.company .company__section_thought {
		padding: 50px 20px 0;
	}
}

.company .company__section_outline,
.company .company__section_thought {
	background-color: #fff;
}

@media (max-width: 749px) {
	.company .company__thought-area {
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
}

.company .company__thought-box_left {
	width: 50%;
}

@media (max-width: 749px) {
	.company .company__thought-box_left {
		width: 100%;
	}
}

.company .company__thought-box_right {
	width: 50%;
	text-align: right;
}

@media (max-width: 749px) {
	.company .company__thought-box_right {
		width: 100%;
		text-align: inherit;
	}
}

.company .company__thought-logo {
	margin-top: -40px;
}

@media (max-width: 749px) {
	.company .company__thought-logo {
		width: 215px;
		height: 50px;
		text-align: center;
		display: block;
		margin: 0 auto 16px;
	}
}

.company .company__thought-text {
	font-size: 18px;
	font-size: 1.8rem;
	margin-bottom: 24px;
}

@media (max-width: 749px) {
	.company .company__thought-text {
		font-size: 1.4rem;
	}
}

.company .company__thought-anecdote-head {
	margin-bottom: 8px;
}

.company .company__thought-anecdote-text_head {
	font-size: 14px;
	font-size: 1.4rem;
}

.company .company__thought-anecdote-label {
	background-color: #272f4f;
	padding: 4px;
	margin-right: 8px;
}

.company .company__access-heading,
.company .company__outline-heading,
.company .company__member-heading,
.company .company__news-heading {
	font-size: 36px;
	font-size: 3.6rem;
	margin-bottom: 36px;
}

.company .company__news-heading{
	text-align: center;
	margin-bottom: 24px;
}

@media (max-width: 749px) {
	.company .company__access-heading,
	.company .company__outline-heading,
	.company .company__member-heading,
	.company .company__news-heading {
		font-size: 2.4rem;
		text-align: center;
		margin-bottom: 20px;
	}
}

@media (max-width: 749px) {
	.company .company__access-heading {
		margin-bottom: 24px;
	}
}

.company .company__outline-item {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	padding: 20px 0;
	border-top: 1px solid #ddd;
}

@media (max-width: 749px) {
	.company .company__outline-item {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 16px 0;
	}
}

.company .company__outline-item:last-child {
	border-bottom: 1px solid #ddd;
}

.company .company__outline-item-heading {
	width: 20%;
	padding-left: 12px;
	box-sizing: border-box;
}

@media (max-width: 749px) {
	.company .company__outline-item-heading {
		width: inherit;
		padding-left: 0;
		margin-bottom: 8px;
	}
}

.company .company__outline-item-heading_irregular {
	line-height: 1.4em;
}

.company .company__outline-item-description {
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
}

@media (max-width: 749px) {
	.company .company__outline-item-description {
		-webkit-align-self: stretch;
		-ms-flex-item-align: stretch;
		-ms-grid-row-align: stretch;
		align-self: stretch;
		line-height: 1.4em;
	}
}

.company .company__outline-item-description-detail:not(:last-child) {
	margin-bottom: 8px;
}

.company .company__outline-item-description-detail a {
	color: #2c4198;
	text-decoration: underline;
}

.company .company__news-area {
	border-top: 3px solid #c2c1c1;
	border-bottom: 3px solid #c2c1c1
}

.company .company__news-contents {
	margin: 20px auto;
}

.company .company__news-content:not(:last-child) {
	border-bottom: 1px solid #c2c1c1;
}

.company .company__news-items {
	margin: 20px auto;
}

.company .company__news-items li {
	display: inline;
}

.company .company__news-items li:last-child {
	padding-top: 10px;
}

.company .company__news-date {
	color: #676767;
}

.company .company__news-category{
	background: #272f4f;
	color: #fff;
	border-radius: 5px;
	font-size: 80%;
	padding: 0 5px;
	margin: 0 15px 0 15px;
}

.company .company__news-title{
	line-height: 1.4;
	color: #272f4f;
	word-break: break-word;
}

.company a .company__news-title:hover{
	opacity: 0.5;
}

@media (max-width: 749px) {
	.company .company__news-items li {
		display: block;
	}
}

.company .company__access-information-area {
	margin-bottom: 20px;
}

.company .company__access-information-text {
	margin-bottom: 8px;
	font-size: 14px;
	font-size: 1.4rem;
}

@media (max-width: 749px) {
	.company .company__access-information-text {
		text-align: center;
		font-size: 1.2rem;
		line-height: 1.2em;
	}
}

.company .company__access-information-text_irregular {
	font-size: 16px;
	font-size: 1.6rem;
}

@media (max-width: 749px) {
	.company .company__access-information-text_irregular {
		font-size: 1.4rem;
	}
}

.company .company__access-area {
	padding-top: 50px;
	margin-bottom: 20px;
}

@media (max-width: 749px) {
	.company .company__access-area {
		padding: 50px 20px 0;
	}
}

.company .company__access-box_left {
	width: 50%;
	margin-right: 20px;
}

@media (max-width: 749px) {
	.company .company__access-box_left {
		margin-right: 0;
		margin-bottom: 12px;
		width: 100%;
	}
}

.company .company__access-box_right {
	width: 50%;
}

@media (max-width: 749px) {
	.company .company__access-box_right {
		width: 100%;
	}
}

.company .company__access-office-area {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

@media (max-width: 749px) {
	.company .company__access-office-area {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

.company .company__access-office-image {
	overflow: hidden;
}

.company .company__access-office-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.company .company__access-map-area {
	width: 100%;
	height: 700px;
}

@media (max-width: 749px) {
	.company .company__access-map-area {
		height: 373px;
	}
}

.company .company__access-map {
	height: 100%;
	width: 100%;
}

.company .company__sign {
	text-align: center;
	width: 280px;
	margin: 0 auto;
	display: block;
}

@media (max-width: 749px) {
	.company .company__sign {
		width: 200px;
	}
}

.slick-slide>div {
	margin: 4px !important;
}

.slick-slide {
	max-width: 140px;
}

@media (max-width: 749px) {
	.slick-slide {
		max-width: 100px;
	}
}

.top-page .top-page__hero-heading_main,
.top-page .top-page__button,
.top-page .top-page__reason-point-heading,
.top-page .top-page__reason-point-link,
.top-page .top-page__reason-heading,
.top-page .top-page__user-heading,
.top-page .top-page__user-occupation-heading,
.top-page .top-page__interview-heading,
.top-page .top-page__interview-article-item,
.top-page .top-page__question-heading,
.top-page .top-page__banner-heading {
	font-weight: 600;
}

.top-page .top-page__reason-point-heading,
.top-page .top-page__user-occupation-heading {
	font-size: 20px;
	font-size: 2rem;
}

.top-page .top-page__reason-heading,
.top-page .top-page__reason-point-heading_strong,
.top-page .top-page__user-heading,
.top-page .top-page__interview-heading,
.top-page .top-page__interview-article-heading,
.top-page .top-page__question-heading,
.top-page .top-page__banner-heading {
	font-size: 32px;
	font-size: 3.2rem;
}

.top-page .top-page__reason-text,
.top-page .top-page__reason-point-text,
.top-page .top-page__reason-point-link,
.top-page .top-page__interview-text,
.top-page .top-page__question-heading-text,
.top-page .top-page__company-address {
	font-size: 16px;
	font-size: 1.6rem;
}

@media (max-width: 749px) {
	.top-page .top-page__reason-text,
	.top-page .top-page__reason-point-text,
	.top-page .top-page__reason-point-link,
	.top-page .top-page__interview-text,
	.top-page .top-page__question-heading-text,
	.top-page .top-page__company-address {
		line-height: 1.4em;
	}
}

.top-page .top-page__reason-point-text,
.top-page .top-page__reason-text {
	line-height: 1.5em;
}

@media (max-width: 749px) {
	.top-page .top-page__reason-point-heading {
		font-size: 1.8rem;
	}
}

@media (max-width: 749px) {
	.top-page .top-page__user-heading,
	.top-page .top-page__reason-heading,
	.top-page .top-page__interview-heading {
		font-size: 2.4rem;
		text-align: center;
		line-height: 1.3em;
	}

	.top-page .top-page__reason-heading {
		line-height: 1em;
	}
}

.top-page .top-page__reason-point-link {
	color: #2c4198;
}

.top-page .top-page__button_color_red,
.top-page .top-page__button_color_clear,
.top-page .top-page__user-heading,
.top-page .top-page__user-occupation-heading,
.top-page .top-page__user-occupation-tag,
.top-page .top-page__interview-article-heading,
.top-page .top-page__interview-article-text,
.top-page .top-page__banner-heading,
.top-page .top-page__company-area {
	color: #fff;
}

.top-page .top-page__hero-box {
	margin-bottom: 80px;
}

@media (max-width: 749px) {
	.top-page .top-page__hero-box {
		padding: 0 0;
		margin-bottom: 180px;
		margin-top: 140px;
	}
}

.top-page .top-page__hero-area {
	background: url("img/pc_bg_keyvisual.jpg") center center/cover no-repeat;
	height: 100vh;
	position: relative;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-animation: bgroop 20s linear infinite;
}

.webp .top-page .top-page__hero-area {
  background: url("img/pc_bg_keyvisual.jpg.webp") center center/cover no-repeat;
}

@media (max-width: 749px) {
	.top-page .top-page__hero-area {
		background: url("./img/sp_bg_keyvisual.jpg") center center/cover no-repeat;
		overflow: hidden;
		height: auto;
  }
  .webp .top-page .top-page__hero-area {
    background: url("./img/sp_bg_keyvisual.jpg.webp") center center/cover no-repeat;
  }
}

.top-page .top-page__hero-heading-area {
	margin-bottom: 40px;
	transition-duration: .5s;
	transition-delay: .3s;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	margin-top: -30px;
}

.top-page .top-page__hero-heading-area.is-active {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	margin-top: 0;
}

@media (max-width: 749px) {
	.top-page .top-page__hero-heading-area {
		overflow: hidden;
	}
}

.top-page .top-page__hero-heading {
	color: #fff;
	text-align: center;
}

.top-page .top-page__hero-heading_main {
	font-size: 48px;
	font-size: 4.8rem;
	margin-bottom: 16px;
}

@media (max-width: 749px) {
	.top-page .top-page__hero-heading_main {
		font-size: 2.8rem;
		line-height: 1.2em;
	}
}

.top-page .top-page__hero-heading_sub {
	font-size: 20px;
	font-size: 2rem;
}

@media (max-width: 749px) {
	.top-page .top-page__hero-heading_sub {
		font-size: 1.2rem;
		line-height: 1.3em;
	}
}

.top-page .top-page__hero-button:not(:last-child),
.top-page .top-page__question-button:not(:last-child) {
	margin-right: 12px;
}

@media (max-width: 749px) {
	.top-page .top-page__hero-button:not(:last-child),
	.top-page .top-page__question-button:not(:last-child) {
		margin-right: 0;
		margin-bottom: 12px;
	}
}

.top-page .top-page__button-area {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

@media (max-width: 749px) {
	.top-page .top-page__button-area {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}
}

.top-page .top-page__button-area_hero .top-page__button,
.top-page .top-page__button-area_banner .top-page__button {
	padding: 0 30px;
	font-size: 20px;
	font-size: 2rem;
	min-height: 60px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	min-width: 210px;
	border-radius: 6px;
}

.top-page .top-page__button-area_banner .top_column-page__button {
	padding: 0 30px;
	font-size: 20px;
	font-size: 2rem;
	min-height: 60px;
	min-width: 210px;
	border-radius: 6px;
}

.top-page__button-area_banner__text{
	font-size: 1rem;
	display: inline-block;
	padding-bottom: 5px;
}

@media (max-width: 749px) {
	.top-page .top-page__button-area_hero .top-page__button,
	.top-page .top-page__button-area_banner .top-page__button {
		padding: 0 10px;
		width: 240px;
		max-width: 270px;
	}
}

@media (max-width: 320px) {
	.top-page .top-page__button-area_hero .top-page__button,
	.top-page .top-page__button-area_banner .top-page__button {
		font-size: 1.8rem;
	}
}

.top-page .top-page__button-area .top-page__button {
	min-height: 60px;
	font-size: 20px;
	font-size: 2rem;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0 50px 0 20px;
}

@media (max-width: 749px) {
	.top-page .top-page__button-area .top-page__button {
    white-space: nowrap;
		font-size: 1.4rem;
	}
}

.top-page .top-page__button-area_interview .top-page__button {
	min-width: 360px;
}

@media (max-width: 749px) {
	.top-page .top-page__button-area_interview .top-page__button {
		min-width: 280px;
	}
}

@media (max-width: 320px) {
	.top-page .top-page__button-area_interview .top-page__button {
		font-size: 1.2rem;
	}
}

.top-page .top-page__button-area_company .top-page__button {
	min-height: 60px;
	font-size: 20px;
	font-size: 2rem;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0 40px 0 20px;
	position: relative;
	min-width: 340px;
}

@media (max-width: 749px) {
	.top-page .top-page__button-area_company .top-page__button {
		font-size: 1.4rem;
		min-width: 250px;
	}
}

.top-page .top-page__button-area_company .top-page__button:after {
	content: url(./img/arrow_white.svg);
	width: 18px;
	height: 16px;
	position: absolute;
	right: 14px;
	top: 18px;
}

.top-page .top-page__button {
	border-radius: 3px;
	box-sizing: border-box;
	text-align: center;
	display: inline-block;
	transition: all .3s;
}

.top-page .top-page__button_type_box {
	padding-right: 24px;
	position: relative;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
	padding-left: 0;
	box-sizing: border-box;
	color: #fff;
	font-size: 13px;
	font-size: 1.3rem;
}

.top-page .top-page__button_type_box:hover:after {
	transition: all .3s;
	-webkit-transform: translateX(5px);
	transform: translateX(5px);
}

.top-page .top-page__button_type_box:after {
	content: url("./img/arrow_circle_white.svg");
	width: 18px;
	height: 18px;
	position: absolute;
	right: 0;
	top: -3px;
}

.top-page .top-page__button_size_small {
	padding: 12px 12px;
	font-size: 16px;
	font-size: 1.6rem;
	min-width: 120px;
}

@media (max-width: 749px) {
	.top-page .top-page__button_size_small{
		padding: 12px 8px;
		font-size: 14px;
		font-size: 1.2rem;
		min-width: 80px;
	}
}

.top-page .top-page__button_size_medium {
	padding: 12px 12px;
	font-size: 16px;
	font-size: 1.6rem;
	min-width: 140px;
}

@media (max-width: 749px) {
	.top-page .top-page__button_size_medium{
		padding: 12px 8px;
		font-size: 14px;
		font-size: 1.4rem;
    min-width: 80px;
    white-space: nowrap;
	}
}

@media (max-width: 350px) {
	.top-page .top-page__button_size_medium{
		font-size: 12px;
	}
}

.top-page .top-page__button_size_xlarge {
	min-width: 320px;
}

.top-page .top-page__button_color_red {
	background-color: #ce2f2f;
	border: 2px solid #ce2f2f;
}

.top-page .top-page__button_color_clear {
	border: 2px solid #fff;
}

.top-page .top-page__button_color_clear:hover {
	background-color: #fff;
	color: #272f4f;
}

.top-page .top-page__button_color_white {
	background-color: #fff;
	border: 2px solid #272f4f;
	color: #272f4f;
	position: relative;
}

.top-page .top-page__button_color_white:hover {
	background-color: #272f4f;
	color: #fff;
}

.top-page .top-page__button_color_white:hover:after {
	content: url(./img/arrow_white.svg);
}

.top-page .top-page__button_color_white:after {
	content: url(./img/arrow_navy.svg);
	width: 18px;
	height: 16px;
	position: absolute;
	right: 14px;
	top: 18px;
}

.top-page .top-page__slider-area {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 3;
	margin-bottom: 24px;
}

.top-page .message-page__slider-area {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 3;
	margin-bottom: 24px;
}

.top-page .only-button__area {
  padding: 70px 0 0;
  background-color: #fff;
}

.top-page .top-page__section {
	padding: 70px 12px 80px;
}

.top-page .top-page__section.top-page__section_hero {
  padding: 0;
}

.top-page .top-page__section_event-banner {
  padding: 50px 12px 0;
  background-color: #fff;
  text-align: center;
}

.top-page__section_event-banner img {
  width: 600px;
}
@media (max-width: 749px) {
  .top-page__section_event-banner img {
    width: 100%;
  }
}

.top-page .top-page__section_reason {
	padding: 70px 0 100px;
	background-color: #fff;
}

@media (max-width: 749px) {
	.top-page .top-page__section_reason {
		padding: 50px 12px 60px;
	}
}

.top-page .top-page__section_user {
	padding: 70px 0 80px;
	background-color: #272f4f;
}

@media (max-width: 749px) {
	.top-page .top-page__section_user {
		padding: 50px 12px 40px;
	}
}

.top-page .top-page__section_interview {
	padding: 70px 0 80px;
}

@media (max-width: 749px) {
	.top-page .top-page__section_interview {
		padding: 32px 12px 40px;
	}
}

.top-page .top-page__section_question {
	padding: 90px 0 100px;
	background-color: #fff;
}

@media (max-width: 749px) {
	.top-page .top-page__section_question {
		padding: 32px 12px 40px;
	}
}

.top-page .top-page__section_banner {
	background: url("./img/pc_bg_top_banner.png") center center/cover no-repeat;
	position: relative;
	padding: 80px 0;
}

.webp .top-page .top-page__section_banner {
  background: url("./img/pc_bg_top_banner.png.webp") center center/cover no-repeat;
}

@media (max-width: 749px) {
	.top-page .top-page__section_banner {
		padding: 60px 0;
		background: url("./img/sp_bg_top_banner.png") center center/cover no-repeat;
  }

  .webp .top-page .top-page__section_banner {
    background: url("./img/sp_bg_top_banner.png.webp") center center/cover no-repeat;
  }
}

.top-page .top-page__section_company {
	padding: 160px 0 100px;
	background-color: #272f4f;
	position: relative;
	overflow: hidden;
}

@media (max-width: 749px) {
	.top-page .top-page__section_company {
		padding: 60px 20px;
	}
}

.top-page .top-page__section_company:after {
	position: absolute;
	top: 50%;
	left: 50%;
	content: url("./img/icon_ja.svg");
	width: 569px;
	height: 576px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 0;
}

@media (max-width: 749px) {
	.top-page .top-page__section_company:after {
		width: 490px;
		height: 474px;
	}
}

.top-page .top-page__reason-point-item {
	text-align: center;
	transition-duration: .3s;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	margin-top: -30px;
}

.top-page .top-page__reason-point-item:not(:last-child) {
	margin-right: 30px;
}

@media (max-width: 749px) {
	.top-page .top-page__reason-point-item:not(:last-child) {
		margin-right: 0;
		margin-bottom: 40px;
	}
}

.top-page .top-page__reason-point-item.is-active {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	margin-top: 0;
}

.top-page .top-page__reason-point-link {
	padding-right: 24px;
	position: relative;
	box-sizing: border-box;
	margin-top: 20px;
}

.top-page .top-page__reason-point-link:hover:after {
	transition: all .3s;
	-webkit-transform: translateX(5px);
	transform: translateX(5px);
}

.top-page .top-page__reason-point-link:after {
	content: url("./img/arrow_circle_purple.svg");
	width: 18px;
	height: 18px;
	position: absolute;
	right: 0;
	top: 2px;
}

@media (max-width: 749px) {
	.top-page .top-page__reason-point-link:after {
		top: 2px;
	}
}

.top-page .top-page__reason-heading,
.top-page .top-page__reason-point-heading,
.top-page .top-page__interview-heading,
.top-page .top-page__interview-article-area {
	margin-bottom: 20px;
}

.top-page .top-page__reason-heading {
	line-height: 1.2em;
}

@media (max-width: 749px) {
	.top-page .top-page__reason-point-heading {
		margin-bottom: 16px;
	}
}

@media (max-width: 749px) {
	.top-page .top-page__reason-heading {
		margin-bottom: 20px;
	}
}

.top-page .top-page__reason-text {
	margin-bottom: 70px;
}

@media (max-width: 749px) {
	.top-page .top-page__reason-text {
		margin-bottom: 40px;
    text-align: justify;
    font-size: 14px;
	  font-size: 1.4rem;
	}
}

.top-page .top-page__reason-point-area {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

@media (max-width: 749px) {
	.top-page .top-page__reason-point-area {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

.top-page .top-page__reason-point-heading_irregular {
	margin-top: -10px;
}

@media (max-width: 749px) {
	.top-page .top-page__reason-point-heading_strong {
		letter-spacing: 0;
		margin-right: 0;
		margin-left: 2px;
	}
}

.top-page .top-page__reason-point-text {
	margin-bottom: 21px;
	line-height: 1.5em;
	font-size: 13px;
	font-size: 1.3rem;
}

.top-page .top-page__reason-point-image {
	margin-bottom: 24px;
}

.top-page .top-page__user-heading {
	margin-bottom: 20px;
}

.top-page .top-page__user-text {
	color: #fff;
	margin-bottom: 63px;
	line-height: 1.5em;
}

@media (max-width: 749px) {
	.top-page .top-page__user-text {
    margin-bottom: 32px;
    font-size: 14px;
    font-size: 1.4rem;
	}
}

.top-page .top-page__user-ratio-area {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 70px;
}

@media (max-width: 749px) {
	.top-page .top-page__user-ratio-area {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

.top-page .top-page__user-ratio-image {
	display: block;
	transition-duration: .3s;
	transition-delay: .3s;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	margin-top: -30px;
}

@media (max-width: 749px) {
	.top-page .top-page__user-ratio-image {
		width: 285px;
		height: 285px;
		margin: 0 auto;
	}
}

.top-page .top-page__user-ratio-image:not(:last-child) {
	margin-right: 160px;
}

@media (max-width: 749px) {
	.top-page .top-page__user-ratio-image:not(:last-child) {
		margin: 0 auto 40px;
	}
}

.top-page .top-page__user-ratio-image.is-active {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	margin-top: 0;
}

.top-page .top-page__user-occupation-heading {
	text-align: center;
	margin-bottom: 32px;
	font-size: 20px;
	font-size: 2.0rem;
}

@media (max-width: 749px) {
	.top-page .top-page__user-occupation-heading {
		font-size: 1.6rem;
	}
}

.top-page .top-page__user-occupation-tag-area {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-flex-flow: wrap;
	-ms-flex-flow: wrap;
	flex-flow: wrap;
}

.top-page .top-page__user-occupation-tag {
	font-weight: 600;
	background: #FFEC00;
	color: #272f4f;
	border-radius: 30px;
	padding: 10px 16px;
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 8px;
}

@media (max-width: 749px) {
	.top-page .top-page__user-occupation-tag {
		margin: 0 8px 8px 0;
	}
}

.top-page .top-page__user-occupation-tag:not(:last-child) {
	margin-right: 10px;
}

.top-page .top-page__interview-heading-area {
	margin-bottom: 40px;
}

@media (max-width: 749px) {
	.top-page .top-page__interview-heading-area {
		margin-bottom: 20px;
	}
}

.top-page .top-page__interview-article-area {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

@media (max-width: 749px) {
	.top-page .top-page__interview-article-area {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

.top-page .top-page__interview-article-item {
	position: relative;
	width: calc(50% - 10px);
	overflow: hidden;
	display: block;
	margin-bottom: 20px;
}

@media (max-width: 749px) {
	.top-page .top-page__interview-article-item {
		width: 100%;
		margin-bottom: 0;
	}
}

.top-page .top-page__interview-article-item:nth-of-type(odd) {
	margin-right: 20px;
}

@media (max-width: 749px) {
	.top-page .top-page__interview-article-item:nth-of-type(odd) {
		margin-right: 0;
	}
}

@media (max-width: 749px) {
	.top-page .top-page__interview-text,
	.top-page .top-page__company-text {
    text-align: justify;
    font-size: 14px;
	}
}

.top-page .top-page__interview-article-link {
	display: block;
	height: 320px;
	width: 100%;
}

@media (max-width: 749px) {
	.top-page .top-page__interview-article-link {
		height: 200px;
	}
}

.top-page .top-page__interview-article-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
}

.top-page .top-page__interview-article-heading {
	word-break: break-all;
	position: absolute;
	left: 0;
	top:240px;
	width: 100%;
	background-color: rgba(44, 65, 152, 0.66);
	text-align: center;
	padding: 20px 0;
	word-break: break-all;
	font-size: 16px;
}

@media (max-width: 749px) {
	.top-page .top-page__interview-article-heading {
		font-size: 14px;
		padding: 15px 0;
		top:130px;
	}
}

.top-page .top-page__interview-article-heading-inner {
	line-height: 1.3em;
}

.top-page .top-page__interview-article-text {
	text-align: center;
	word-break: break-all;
	position: inherit;
	background-color: inherit;
	color: #272f4f;
	font-size: 1.4rem;
	padding: 12px 0 20px;
}

.top-page .top-page__question-head-area {
	margin-bottom: 50px;
}

@media (max-width: 749px) {
	.top-page .top-page__question-head-area {
		margin-bottom: 0;
	}
}

.top-page .top-page__question-heading-area {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

@media (max-width: 749px) {
	.top-page .top-page__question-heading-area {
		margin-bottom: 12px;
	}
}

.top-page .top-page__question-heading-text {
	margin-left: 100px;
	margin-top: -16px;
}

@media (max-width: 749px) {
	.top-page .top-page__question-heading-text {
		text-align: left;
		margin-left: 0;
    margin-top: 0;
    font-size: 14px;
	}
}

.top-page .top-page__question-heading {
	margin-bottom: 20px;
}

@media (max-width: 749px) {
	.top-page .top-page__question-heading {
		font-size: 2rem;
		line-height: 1.4em;
		margin-bottom: 16px;
	}
}

.top-page .top-page__question-head-image {
	margin-right: 20px;
}

.top-page .top-page__banner-area {
	text-align: center;
}

@media (max-width: 749px) {
	.top-page .top-page__banner-area {
		padding: 0 20px;
	}
}

.top-page .top-page__banner-heading,
.top-page .top-page__banner-logo {
	margin-bottom: 50px;
}

@media (max-width: 749px) {
	.top-page .top-page__banner-heading {
		font-size: 2rem;
		line-height: 1.3em;
		margin-bottom: 32px;
	}
}

@media (max-width: 749px) {
	.top-page .top-page__banner-logo {
		display: none;
	}
}

.top-page .top-page__company-area {
	text-align: center;
}

.top-page .top-page__company-inner {
	position: relative;
	z-index: 1;
}

.top-page .top-page__company-logo {
	margin-bottom: 70px;
}

@media (max-width: 749px) {
	.top-page .top-page__company-logo {
		width: 240px;
		height: 56px;
		margin-bottom: 32px;
	}
}

.top-page .top-page__company-heading {
	font-family: "YuMincho";
	font-size: 44px;
	font-size: 4.4rem;
	margin-bottom: 36px;
	text-align: center;
}

@media (max-width: 749px) {
	.top-page .top-page__company-heading {
		font-size: 3.2rem;
		margin-bottom: 16px;
		line-height: 1.4em;
	}
}

.top-page .top-page__company-text {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.4em;
	margin-bottom: 32px;
}

@media (max-width: 749px) {
	.top-page .top-page__company-text {
		text-align: left;
	}
}

.top-page .top-page__company-address {
	line-height: 1.7em;
	margin-bottom: 32px;
}

.company__unit-area {
	display: flex;
	justify-content: space-around;
	margin: 40px 0 60px;
}

.company__unit {
  position: relative;
	width: 320px;
	max-width: 320px;
	display: flex;
	flex-direction: column;
	background-color: #fff;
	padding: 35px 15px 10px;
  box-shadow: 1px 1px 1px 1px #cacaca
}

.company__unit-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.company__unit-link:hover {
  background: #8d8d9226;
  box-shadow: 5px 7px 10px 0 #ababb5
}


.company__unit-header {
	display: flex;
	justify-content: flex-start;
}

.company__unit-header .company__unit-logo {
	width: 50px;
	height: 50px;
	background-color: #fff;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.company__unit-header .company__unit-info {
	display: flex;
  flex-direction: column;
  margin-left: 10px;
}

.company__unit-header .company__unit-info .name {
	margin-bottom: 5px;
	font-size: 14px;
	overflow: hidden;
	font-weight: bold;
	line-height: 1.3;
}

.company__unit-header .company__unit-info .category {
	min-width: 80px;
	display: inline-block;
	color: #2c4198;
	font-weight: 600;
	text-align: center;
	border-radius: 3px;
	background-color: #fff;
	border: 2px solid #2c4198;
	padding: 0 2px;
	font-size: 12px;
}

.company__unit-image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
	width: 270px;
	height: 180px;
	margin: 15px auto;
}

.company__unit-tagline {
	font-size: 14px;
	font-weight: bold;
	margin: 15px 0 0;
}

.company__unit-detail {
	display: flex;
	justify-content: flex-start;
	margin-top: 10px;
	border-bottom: #C8C2C6 1px solid;
	padding: 5px 0 0;
	border-top: #C8C2C6 1px solid;
	font-size: 13px;
	line-height: 30px;
}

.company__unit-detail .address,
.company__unit-detail .employees_range {
	margin-right: 10px;
	font-size: 13px;
	line-height: 30px;
}

.company__unit-detail .address p,
.company__unit-detail .employees_range p {
	margin-left: 10px;
	padding: 0 0 13px 0;
	line-height: 1;
	color: #302633;
	font-size: 13px;
}

.company__unit-detail .address span,
.company__unit-detail .employees_range span {
	border-radius: 7px;
	margin: 5px 0 0;
	display: inline-block;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	color: #808080;
}

@media (max-width: 749px) {
	.company__unit-area {
		flex-direction: column;
		align-items: center;
	}

	.company__unit {
		width: 100%;
		margin: 8px 0;
	}
}

.onlyPc {
	display: block !important;
}

@media (max-width: 749px) {
	.onlyPc {
		display: none !important;
	}
}

.onlySp {
	display: none !important;
}

@media (max-width: 749px) {
	.onlySp {
		display: block !important;
	}
}

.page-header {
	background: #272f4f;
	padding: 60px 20px;
}

@media (max-width: 749px) {
	.page-header {
		padding: 80px 12px 20px;
	}
}

.page-header--ceo {
	background: url(./img/logo_interview_ceo.svg) no-repeat 100% 100% #272f4f;
	background-size: 80% auto;
}

.page-header--user {
	background: url(./img/logo_interview_user.svg) no-repeat 100% 100% #272f4f;
	background-size: 80% auto;
}

.page-header--column {
    background: url(./img/logo_startup_column.svg) no-repeat 100% 100% #272f4f;
    background-size: 80% auto; }

.page-header_title {
	font-size: 36px;
	font-size: 3.6rem;
	color: #fff;
	font-weight: 600;
}

@media (max-width: 749px) {
	.page-header_title {
		font-size: 2.0rem;
	}
}

.page-header_description {
	font-size: 14px;
	font-size: 1.4rem;
	color: #fff;
	margin-top: 20px;
	line-height: 1.5;
}

@media (max-width: 749px) {
	.page-header_description {
		display: none;
	}
}

.page__breadcrumb {
	margin-bottom: 16px;
	letter-spacing: 0.4px;
}

.page__breadcrumb ol {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

@media (max-width: 749px) {
	.page__breadcrumb ol {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		word-wrap: break-word;
	}
}

.page__breadcrumb li {
	font-size: 12px;
	font-size: 1.2rem;
	margin-right: 4px;
}

@media (max-width: 749px) {
	.page__breadcrumb li {
		line-height: 1.5;
	}
}

.page__breadcrumb li:after {
	content: "/";
	margin-left: 4px;
	font-size: 14px;
	font-size: 1.4rem;
}

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

.page__breadcrumb a {
	color: #2c4198;
	text-decoration: underline;
}

.page__inner {
	width: 1280px;
	margin: 0 auto;
}

@media (max-width: 749px) {
	.page__inner {
		width: auto;
	}
}

.page__header {
	padding: 32px;
	position: relative;
}

@media (max-width: 749px) {
	.page__header {
		padding: 16px;
	}
}

.page__title {
	font-size: 32px;
	font-size: 3.2rem;
	font-weight: 600;
	line-height: 1.4;
	margin-top: 20px;
}

@media (max-width: 749px) {
	.page__title {
		font-size: 2.0rem;
	}
}

.page__firm {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin-top: 12px;
}

.page__name {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin-top: 12px;
}

@media (max-width: 749px) {
	.page__firm {
		text-align: center;
	}

	.page__name {
		text-align: left;
	}
}

.page__firmRight {
	margin-left: 20px;
}

@media (max-width: 749px) {
	.page__firmRight {
		margin-left: 0;
	}
}

.page__firm--side {
	background: #fff;
	box-sizing: border-box;
	border: 2px solid #f0f0f0;
	padding: 20px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-bottom: 20px;
	border-radius: 6px;
}

.page__firm--side .page__firm-main {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 20px;
}

@media (max-width: 749px) {
	.page__firm--side .page__firm-main {
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 100%;
	}
}

.page__firm--side .page__firm-name {
	margin-left: 8px;
}

.page__firm--side .page__firm-button {
	background: #272f4f;
	color: #fff;
	position: static;
	text-align: center;
}

.page__firm--large {
	background: #272f4f;
	margin-top: 0;
	padding: 28px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative;
}

@media (max-width: 749px) {
	.page__firm--large {
		padding: 24px 0 12px;
	}
}

.page__firm--large .page__firmLeft {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 20px;
}

.page__firm--large .page__firmRight {
	margin-left: 0;
}

.page__firm--large .page__firm-main {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

@media (max-width: 749px) {
	.page__firm--large .page__firm-main {
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 100%;
	}
}

.page__firm--large .page__firm-mainL {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.page__firm--large .page__firm-icon {
	background-color: #ffffff;
	width: 80px;
	height: 80px;
	background-size: 80px auto;
	border-radius: 6px;
	margin: 0 auto;
	margin-right: 12px;
}

@media (max-width: 749px) {
	.page__firm--large .page__firm-icon {
		margin: inherit;
		margin-right: 12px;
		width: 80px;
		height: 80px;
		background-size: 80px auto;
	}
}

.page__firm--large .page__firm-name {
	color: #fff;
	font-size: 18px;
	font-size: 1.8rem;
	margin-left: 0;
	text-align: left;
	display: block;
	font-weight: 600;
}

@media (max-width: 749px) {
	.page__firm--large .page__firm-name {
		text-align: left;
		font-size: 1.4rem;
	}
}

.page__firm--large .page__firm-items {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.page__firm--large .page__firm-item {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

@media (max-width: 749px) {
	.page__firm--large .page__firm-item {
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
}

.page__firm--large .page__firm-item-title:after {
	content: "：";
}

.page__firm-back {
	margin: 32px auto;
	text-align: center;
}

.page__firm-icon {
	width: 54px;
	height: 54px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 54px auto;
	border-radius: 3px;
}

.page__firm-name {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
	font-weight: 200;
	margin-bottom: 8px;
}

.page__firm-url {
	color: #fff;
	display: block;
	font-size: 12px;
	font-size: 1.2rem;
	margin-bottom: 4px;
	text-decoration: underline;
}

.page__firm-items {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.page__firm-item {
	margin-bottom: 8px;
}

@media (max-width: 749px) {
	.page__firm-item {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
}

.page__firm-item-title {
	font-size: 14px;
	font-size: 1.4rem;
	color: #fff;
	text-align: center;
}

@media (max-width: 749px) {
	.page__firm-item-title {
		text-align: center;
		font-size: 1.4rem;
		margin-bottom: 0;
	}
	.page__firm-item-title:after {
		content: "：";
	}
}

.page__firm-item-text {
	font-size: 14px;
	font-size: 1.4rem;
	color: #fff;
	text-align: center;
}

@media (max-width: 749px) {
	.page__firm-item-text {
		max-width: 200px;
		text-align: center;
	}
}

.page__firm-mission {
	margin-bottom: 12px;
}

@media (max-width: 749px) {
	.page__firm-mission {
		text-align: center;
		margin-bottom: 16px;
	}
}

.page__firm-mission-title {
	color: #fff;
	border-radius: 40px;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 600;
	width: auto;
	display: inline-block;
	margin-bottom: 12px;
}

@media (max-width: 749px) {
	.page__firm-mission-title {
		text-align: center;
		font-size: 1.8rem;
	}
}

.page__firm-mission-text {
	font-size: 14px;
	font-size: 1.4rem;
	color: #fff;
	line-height: 1.5;
}

@media (max-width: 749px) {
	.page__firm-mission-text {
		text-align: center;
		font-size: 1.2rem;
	}
}

.page__firm-service-title {
	color: #fff;
	border-radius: 40px;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 600;
	width: auto;
	display: inline-block;
	margin-bottom: 12px;
}

@media (max-width: 749px) {
	.page__firm-service-title {
		text-align: center;
		font-size: 1.8rem;
	}
}

.page__firm-service-text {
	font-size: 12px;
	font-size: 1.2rem;
	color: #fff;
	line-height: 1.5;
}

@media (max-width: 749px) {
	.page__firm-service-text {
		text-align: center;
		font-size: 1.2rem;
	}
}

.page__firm-service-link {
	font-size: 14px;
	font-size: 1.4rem;
	color: #fff;
	line-height: 1.5;
	display: block;
	margin-bottom: 12px;
	text-decoration: underline;
}

@media (max-width: 749px) {
	.page__firm-service-link {
		text-align: center;
		font-size: 1.4rem;
		margin-bottom: 16px;
	}
}

.page__firm-button {
	position: absolute;
	right: 28px;
	top: 28px;
	background: #fff;
	padding: 12px 20px;
	color: #272f4f;
	font-size: 16px;
	font-size: 1.6rem;
	display: block;
	font-weight: 600;
	border-radius: 50px;
}

@media (max-width: 749px) {
	.page__firm-button {
		position: static;
		max-width: 240px;
		margin: 20px auto;
	}
}

.page__catch figure {
	width: 100%;
}

.page__catch figure img {
	width: 100%;
}

.page__catch figure figcaption {
	font-size: 13px;
	font-size: 1.3rem;
	text-align: center;
	padding: 16px 0;
}

.page__attr {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 16px;
}

.page-flex {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	position: relative;
	max-width: 1280px;
	margin: 32px auto;
	padding: 0 20px;
}

@media (max-width: 749px) {
	.page-flex {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 0 10px;
		margin: 10px auto;
	}
}

.page-flex__left {
	width: auto;
	position: relative;
	padding-left: 60px;
	margin-right: 20px;
}

@media (max-width: 749px) {
	.page-flex__left {
		padding-left: 0;
		margin-right: 0;
	}
}

.page-flex__right {
	width: 300px;
	position: relative;
	min-width: 300px;
}

@media (max-width: 749px) {
	.page-flex__right {
		width: auto;
		min-width: inherit;
	}
}

.page__content {
	background: #fff;
	width: auto;
}

.page__preface {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5;
	padding: 20px 20px 32px;
}

@media (max-width: 749px) {
	.page__preface {
		padding: 12px 12px 20px;
	}
}

.page__user {
	background: #2c4198;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	padding: 28px;
}

@media (max-width: 749px) {
	.page__user {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 12px;
	}
}

.page__user-image {
	border-radius: 6px;
	overflow: hidden;
	width: 200px;
	height: 200px;
	min-width: 200px;
}

@media (max-width: 749px) {
	.page__user-image {
		margin: 12px auto 20px;
		width: 150px;
		height: 150px;
		min-width: 150px;
	}
}

.page__user-image img {
	object-fit: cover;
	width: 200px;
	height: 200px;
	min-width: 200px;
}

@media (max-width: 749px) {
	.page__user-image img {
		width: 150px;
		height: 150px;
		min-width: 150px;
	}
}

.page__user-description {
	margin-left: 20px;
}

@media (max-width: 749px) {
	.page__user-description {
		margin-left: 0;
	}
}

.page__user-name {
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: normal;
	font-weight: 600;
	line-height: 1.4;
	color: #fff;
}

@media (max-width: 749px) {
	.page__user-name {
		font-size: 1.6rem;
		text-align: center;
	}
}

.page__user-text {
	color: #fff;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 200;
	line-height: 1.5;
	margin-top: 20px;
}

@media (max-width: 749px) {
	.page__user-text {
		font-size: 1.0rem;
		text-align: center;
	}
}

.page__wrap {
	padding: 20px;
}

@media (max-width: 749px) {
	.page__wrap {
		padding: 12px;
	}
}

.page__wrap h2 {
	font-size: 28px;
	font-size: 2.8rem;
	position: relative;
	padding: 16px 0;
	padding-left: 34px;
	line-height: 1.6;
	font-weight: bold;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 24px 0;
}

.page__wrap h2:before {
	content: "";
	width: 10px;
	height: 100%;
	background: #2c4198;
	position: absolute;
	left: 0;
}

@media (max-width: 749px) {
	.page__wrap h2 {
		font-size: 1.8rem;
		padding-left: 20px;
		margin: 18px 0;
		padding: 8px 0 8px 20px;
	}
	.page__wrap h2:before {
		content: "";
		width: 8px;
	}
}

.page__wrap h3 {
	font-size: 24px;
	font-size: 2.4rem;
	position: relative;
	padding: 16px 0;
	line-height: 1.6;
	font-weight: bold;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 24px 0;
	color: #2c4198;
}

@media (max-width: 749px) {
	.page__wrap h3 {
		font-size: 1.8rem;
		padding-left: 16px;
		margin: 18px 0;
		padding: 8px 0 8px 16px;
	}
}

.page__wrap h4,
.page__wrap h5,
.page__wrap h6 {
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	margin: 24px 0;
	line-height: 1.6;
}

@media (max-width: 749px) {
	.page__wrap h4,
	.page__wrap h5,
	.page__wrap h6 {
		font-size: 1.6rem;
		margin: 18px 0;
	}
}

.page__wrap table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #979797;
}

.page__wrap table tr {
	text-align: center;
}

.page__wrap table th {
	background-color: #222;
	color: #fff;
	border: 1px solid #e6e6e6;
	font-weight: bold;
	padding: 12px 10px;
}

.page__wrap table td {
	border: 1px solid #e6e6e6;
	padding: 12px 10px;
}

.page__wrap p {
	margin: 24px 0;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 2;
}

@media (max-width: 749px) {
	.page__wrap p {
		margin: 14px 0;
		font-size: 1.4rem;
	}
}

.page__wrap p small {
	font-size: 14px;
	font-size: 1.4rem;
}

.page__wrap p em,
.page__wrap p b,
.page__wrap p strong {
	font-weight: bold;
}

.page__wrap p a {
	color: #2c4198;
	text-decoration: underline;
	transition: .3s;
	cursor: pointer;
}

.page__wrap p a:hover {
	text-decoration: none;
	filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.9" /><feFuncG type="linear" slope="0.9" /><feFuncB type="linear" slope="0.9" /></feComponentTransfer></filter></svg>#filter');
	-webkit-filter: brightness(0.9);
	filter: brightness(0.9);
}

.page__wrap p a:hover {
	color: #2c4198;
}

.page__wrap p a:visited {
	color: #2c4198;
}

.page__wrap p a blockquote {
	padding: 28px;
	background: #f4f4f4;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 2;
}

.page__wrap small {
	font-size: 14px;
	font-size: 1.4rem;
	margin: 24px 0;
}

.page__wrap em,
.page__wrap b,
.page__wrap strong {
	font-weight: bold;
	margin: 24px 0;
}

.page__wrap a {
	margin: 24px 0;
	color: #2c4198;
	text-decoration: underline;
	cursor: pointer;
}

.page__wrap a:hover {
	color: #2c4198;
}

.page__wrap a:visited {
	color: #2c4198;
}

.page__wrap a blockquote {
	padding: 28px;
	background: #f4f4f4;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 2;
}

.page__wrap blockquote {
	padding: 28px;
	background: #f4f4f4;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 2;
	margin: 24px 0;
}

.page__wrap img {
	margin: 0;
	max-width: 100%;
	height: auto;
	text-align: center;
}

@media (max-width: 749px) {
	.page__wrap img {
		margin: 8px 0 0;
	}
}

.page__wrap figcaption {
	font-size: 12px;
	font-size: 1.2rem;
	text-align: center;
	padding-top: 8px;
}

.page__wrap iframe {
	max-width: 100%;
	width: 100%;
}

.page__wrap ul {
	list-style: disc;
	margin-left: 32px;
}

.page__wrap ul li {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 2;
}

.page__wrap ul li ul {
	margin-left: 32px;
}

.page__wrap .question {
	background: #E5EAED;
	border-radius: 6px;
	padding: 12px;
	font-weight: bold;
	color: #272f4f;
}

.page__wrap .page__sign_up {
	text-align: center;
}

.page__wrap .page__sign_up a {
	width: 600px;
	color: white;
	text-decoration: none;
	font-size: 2.4rem;
	padding: 0 20px 12px;
	line-height: 1.3;
}

.page__wrap .page__sign_up a span {
	display: inline-block;
	font-size: 1.2rem;
}

@media (max-width: 749px) {
	.page__wrap .page__sign_up a {
		width: 80%;
		margin: 0 auto;
		padding: 5px 12px 12px;
		font-size: 1.6rem;
	}
}

.page_info {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-top: 32px;
}

@media (max-width: 749px) {
	.page_info {
		padding: 0 12px;
	}
}

.page_infoItem {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-bottom: 20px;
}

@media (max-width: 749px) {
	.page_infoItem {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-bottom: 24px;
	}
}

.page_infoItem:last-child {
	margin-bottom: 0;
}

.page_infoContent {
	width: auto;
}

.page_infoTitle {
	color: #666;
	font-size: 16px;
	font-size: 1.6rem;
	min-width: 120px;
}

@media (max-width: 749px) {
	.page_infoTitle {
		font-size: 1.4rem;
		margin-bottom: 14px;
	}
}

.page__share {
	margin-top: 36px;
	margin-bottom: 36px;
}

@media (max-width: 749px) {
	.page__share {
		width: 100%;
		padding: 12px 0;
	}
}

.page__share--float {
	position: absolute;
	top: 0;
	left: 0;
	margin-bottom: 0;
}

@media (max-width: 749px) {
	.page__share--float {
		position: static;
		background: rgba(255, 255, 255, 0.8);
		width: 100%;
		padding: 12px 0;
	}
}

.page__share--float .page__share-items {
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

@media (max-width: 749px) {
	.page__share--float .page__share-items {
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

.page__share--float .page__share-item {
	width: 46px;
	height: 46px;
	margin-bottom: 6px;
}

.page__share--float .page__share-item:last-child {
	margin-bottom: 0;
}

@media (max-width: 749px) {
	.page__share--float .page__share-item {
		margin: 0 6px;
	}
}

.page__share--float .page__share-link {
	width: 46px;
	height: 46px;
	text-indent: -9999px;
	background-position: 50% 50% !important;
}

.page__share--float.is-fixed {
	position: fixed;
	z-index: 3;
	top: 20px;
	left: auto;
	margin-left: -60px;
}

@media (max-width: 749px) {
	.page__share--float.is-fixed {
		top: auto;
		left: 0;
		bottom: 0;
		margin: 0;
		left: 0;
	}
}

.page__share--float.is-end {
	position: absolute;
	top: auto;
	bottom: 0;
}

@media (max-width: 749px) {
	.page__share--float.is-end {
		display: none;
	}
}

.page__share-items {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

@media (max-width: 749px) {
	.page__share-items {
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

.page__share-item {
	width: 23%;
	height: 46px;
	display: block;
	position: relative;
	z-index: 10;
}

@media (max-width: 749px) {
	.page__share-item {
		width: 46px;
		margin: 0 6px;
	}
}

.page__share-item--facebook .page__share-link {
	width: 100%;
	height: 46px;
	background: url(./img/icon_sns_facebook.svg) no-repeat left 14px top 50% #3b5998;
	background-size: 20px 20px;
	display: block;
	border-radius: 4px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
	color: #fff;
	text-decoration: none;
	text-align: center;
	line-height: 46px;
	font-weight: bold;
	font-size: 13px;
	font-size: 1.3rem;
	transition: .3s;
	cursor: pointer;
}

.page__share-item--facebook .page__share-link:hover {
	text-decoration: none;
	filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.9" /><feFuncG type="linear" slope="0.9" /><feFuncB type="linear" slope="0.9" /></feComponentTransfer></filter></svg>#filter');
	-webkit-filter: brightness(0.9);
	filter: brightness(0.9);
}

@media (max-width: 749px) {
	.page__share-item--facebook .page__share-link {
		text-indent: -9999px;
		width: 46px;
	}
}

.page__share-item--twitter .page__share-link {
	width: 100%;
	height: 46px;
	background: url(./img/icon_sns_twitter.svg) no-repeat left 14px top 50% #1DA1F2;
	background-size: 20px 17px;
	display: block;
	border-radius: 4px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
	color: #fff;
	text-decoration: none;
	text-align: center;
	line-height: 46px;
	font-weight: bold;
	font-size: 13px;
	font-size: 1.3rem;
	transition: .3s;
	cursor: pointer;
}

.page__share-item--twitter .page__share-link:hover {
	text-decoration: none;
	filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.9" /><feFuncG type="linear" slope="0.9" /><feFuncB type="linear" slope="0.9" /></feComponentTransfer></filter></svg>#filter');
	-webkit-filter: brightness(0.9);
	filter: brightness(0.9);
}

@media (max-width: 749px) {
	.page__share-item--twitter .page__share-link {
		text-indent: -9999px;
		width: 46px;
	}
}

.page__share-item--hatena .page__share-link {
	width: 100%;
	height: 46px;
	background: url(./img/icon_sns_hatena.svg) no-repeat left 14px top 50% #01A4DE;
	background-size: 20px 20px;
	display: block;
	border-radius: 4px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
	color: #fff;
	text-decoration: none;
	text-align: center;
	line-height: 46px;
	font-weight: bold;
	font-size: 13px;
	font-size: 1.3rem;
	transition: .3s;
	cursor: pointer;
}

.page__share-item--hatena .page__share-link:hover {
	text-decoration: none;
	filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.9" /><feFuncG type="linear" slope="0.9" /><feFuncB type="linear" slope="0.9" /></feComponentTransfer></filter></svg>#filter');
	-webkit-filter: brightness(0.9);
	filter: brightness(0.9);
}

@media (max-width: 749px) {
	.page__share-item--hatena .page__share-link {
		text-indent: -9999px;
		width: 46px;
	}
}

.page__share-item--line .page__share-link {
	width: 100%;
	height: 46px;
	background: url(./img/icon_sns_line.svg) no-repeat left 14px top 50% #78E452;
	background-size: 20px 20px;
	display: block;
	border-radius: 4px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
	color: #fff;
	text-decoration: none;
	text-align: center;
	line-height: 46px;
	font-weight: bold;
	font-size: 14px;
	font-size: 1.4rem;
	transition: .3s;
	cursor: pointer;
}

.page__share-item--line .page__share-link:hover {
	text-decoration: none;
	filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.9" /><feFuncG type="linear" slope="0.9" /><feFuncB type="linear" slope="0.9" /></feComponentTransfer></filter></svg>#filter');
	-webkit-filter: brightness(0.9);
	filter: brightness(0.9);
}

@media (max-width: 749px) {
	.page__share-item--line .page__share-link {
		text-indent: -9999px;
		width: 46px;
	}
}

.page__cta.is-fixed {
	position: fixed;
	z-index: 3;
	top: 20px;
	right: auto;
}

@media (max-width: 749px) {
	.page__cta.is-fixed {
		top: auto;
		left: 0;
		bottom: 0;
		margin: 0;
		left: 0;
	}
}

.page__cta.is-end {
	position: absolute;
	top: auto !important;
	bottom: 0;
}

@media (max-width: 749px) {
	.page__cta.is-end {
		display: none;
	}
}

.page__cta-block {
	background: url(./img/bg_cta_small.svg) no-repeat 100% 100% #2c4198;
	width: 300px;
	height: 250px;
	background-size: 100% auto;
	padding: 20px;
	transition: .3s;
	border-radius: 6px;
}

.page__cta-logo {
	background: url(./img/w_logo.svg) no-repeat 50% 50%;
	width: 210px;
	height: 49px;
	background-size: 210px 49px;
	margin: 0 auto 20px;
	text-indent: -9999px;
}

.page__cta-text {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
	text-align: center;
	color: #fff;
	font-weight: 600;
}

.page__cta-button {
	background: #ce2f2f;
	color: #fff;
	padding: 16px 20px;
	border-radius: 6px;
	display: block;
	max-width: 200px;
	margin: 20px auto 0;
	font-weight: 600;
}

.page-recommend {
	margin-bottom: 20px;
}

.page-recommend__title {
	color: #272f4f;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: 600;
	text-align: center;
	padding: 20px 0;
}

.page-recommend__items {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.page-recommend__item {
	margin-bottom: 12px;
	position: relative;
	background: #fff;
	position: relative;
}

.page-recommend__item-image {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover !important;
	height: auto;
	padding-top: 66%;
}

.page-recommend__item-company-name {
	font-size: 12px;
	font-size: 1.2rem;
	margin-bottom: 4px;
	color: #272f4f;
	border-top: 1px solid #eee;
	padding-top: 12px;
	margin-top: 8px;
}

.page-recommend__item-ceo-name {
	font-size: 14px;
	font-size: 1.4rem;
	color: #272f4f;
	margin-bottom: 8px;
}

.page-recommend__item-ceo-name span {
	font-size: 12px;
	font-size: 1.2rem;
	margin-right: 4px;
}

.page-recommend__item-service {
	position: absolute;
	top: 8px;
	right: 8px;
	background: #2c4198;
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
	padding: 4px 8px;
}

.page-recommend__item-number {
	position: absolute;
	width: 40px;
	height: 40px;
	font-weight: 600;
	color: #fff;
	background: #2c4198;
	left: 0;
	top: 0;
	text-align: center;
	line-height: 40px;
}

.page-recommend__item-bottom {
	padding: 12px;
}

.page-recommend__item-title {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 600;
	margin-bottom: 8px;
	color: #272f4f;
	line-height: 1.3;
}

@media (max-width: 749px) {
	.page-recommend__item-title {
		font-size: 1.4rem;
	}
}

.page-recommend__item-time {
	font-size: 12px;
	font-size: 1.2rem;
	text-align: right;
	font-size: 10px;
	font-size: 1.0rem;
	color: #272f4f;
}

@media (max-width: 749px) {
	.page-recommend__item-time {
		font-size: 1.0rem;
	}
}

.page .page__count {
	position: absolute;
	right: 32px;
	top: 32px;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 600;
	background: #f0f0f0;
	color: #272f4f;
	padding: 6px 12px;
}

@media (max-width: 749px) {
	.page .page__count {
		right: 12px;
		top: 12px;
	}
}

.page .page__count span {
	font-size: 12px;
	font-size: 1.2rem;
	margin-right: 4px;
}

.page .page__editor {
	padding: 12px;
	margin: 12px;
	border-radius: 6px;
}

.page .page__editor-name {
	text-align: right;
	font-size: 14px;
	font-size: 1.4rem;
	color: #272f4f;
}

.basic {
	display: block;
	background: #fff;
	padding-bottom: 80px;
	margin: 10px 0;
}

@media (max-width: 749px) {
	.basic {
		padding-top: 63px;
		margin: 0;
		padding: 50px 20px 40px;
	}
}

.basic--fq {
	background: #f2f2f2;
	margin: 0;
}

@media (max-width: 749px) {
	.basic--fq {
		padding: 63px 0 40px;
	}
}

.basic .basic__heading-h1 {
	font-size: 48px;
	font-size: 4.8rem;
	color: #2c4198;
	text-align: center;
	line-height: 1.2;
	font-weight: 600;
	margin: 48px auto;
}

.basic .basic__heading-h1 span {
	display: block;
	font-size: 20px;
	font-size: 2.0rem;
	margin-top: 20px;
	color: #272f4f;
	font-weight: 200;
}

@media (max-width: 749px) {
	.basic .basic__heading-h1 span {
		font-size: 1.6rem;
	}
}

@media (max-width: 749px) {
	.basic .basic__heading-h1 {
		font-size: 3.2rem;
	}
}

.basic .basic__heading-h2 {
	font-size: 28px;
	font-size: 2.8rem;
	position: relative;
	padding: 16px 0;
	padding-left: 34px;
	line-height: 1.5;
	font-weight: 600;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 32px 0;
}

.basic .basic__heading-h2:before {
	content: "";
	width: 10px;
	height: 100%;
	background: #2c4198;
	position: absolute;
	left: 0;
	border-radius: 10px;
}

@media (max-width: 749px) {
	.basic .basic__heading-h2 {
		font-size: 2.4rem;
		padding-left: 20px;
		margin: 20px 0;
		padding: 8px 0 8px 20px;
	}
	.basic .basic__heading-h2:before {
		content: "";
		width: 8px;
	}
}

.basic .basic__heading-h3 {
	font-size: 24px;
	font-size: 2.4rem;
	color: #272f4f;
	margin: 32px 0;
	font-weight: 600;
	line-height: 1.5;
}

@media (max-width: 1024px) {
	.basic .basic__heading-h3 {
		font-size: 2.0rem;
	}
}

@media (max-width: 749px) {
	.basic .basic__heading-h3 {
		font-size: 1.8rem;
		margin: 20px 0;
	}
}

.basic .basic__paragraph {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
}

.basic .basic__paragraph strong {
	font-weight: 600;
}

.basic .basic__paragraph a {
	color: #2c4198;
	text-decoration: underline;
}

.basic .basic__link {
	background: #F0F1F6;
	padding: 20px;
	border-radius: 6px;
	margin: 12px 0 20px;
}

.basic .basic__link_online-companies {
    background: #364c9e;
    padding: 20px;
    border-radius: 6px;
    margin: 12px 0 20px;
}

@media (max-width: 749px) {
	.basic .basic__link {
		padding: 12px;
	}
	.basic .basic__link_online-companies {
		padding: 12px;
	}
}

.basic .basic__link a {
	color: #2c4198;
	font-size: 16px;
	font-size: 1.6rem;
	position: relative;
	font-weight: 600;
	transition: .3s;
}

.basic .basic__link_online-companies a {
	color: #fff;
	font-size: 16px;
	font-size: 1.6rem;
	position: relative;
	font-weight: 600;
	transition: .3s;
}

.basic .basic__link a:hover {
	filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.6" /><feFuncG type="linear" slope="0.6" /><feFuncB type="linear" slope="0.6" /></feComponentTransfer></filter></svg>#filter');
	-webkit-filter: brightness(0.6);
	filter: brightness(0.6);
}

.basic .basic__link_online-companies a:hover {
	filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.6" /><feFuncG type="linear" slope="0.6" /><feFuncB type="linear" slope="0.6" /></feComponentTransfer></filter></svg>#filter');
	-webkit-filter: brightness(0.6);
	filter: brightness(0.6);
}

.basic .basic__link a:hover:after {
	right: -36px;
}

.basic .basic__link_online-companies a:hover:after {
	right: -36px;
}

.basic .basic__link a:after {
	content: url(./img/arrow_circle_purple.svg);
	width: 18px;
	height: 18px;
	position: absolute;
	right: -30px;
	top: 2px;
	transition: .3s;
}

.basic .basic__link_online-companies a:after {
	content: url(./img/arrow_circle_white.svg);
	width: 18px;
	height: 18px;
	position: absolute;
	right: -30px;
	top: 2px;
	transition: .3s;
}

.basic .basic__table {
	width: 100%;
	margin: 32px auto;
}

@media (max-width: 749px) {
	.basic .basic__table {
		margin: 20px auto;
	}
}

.basic .basic__table table {
	width: 100%;
}

.basic .basic__table th,
.basic .basic__table td {
	vertical-align: middle;
	text-align: center;
}

.basic .basic__table thead th {
	background: #F0F1F6;
	padding: 20px;
	color: #272f4f;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 600;
	width: 20%;
	min-width: 20%;
	border-right: 1px solid #272f4f;
}

.basic .basic__table thead th.space {
	background: none;
}

.basic .basic__table thead th:last-child {
	border-right: none;
}

@media (max-width: 749px) {
	.basic .basic__table thead th {
		padding: 12px;
	}
}

.basic .basic__table tbody tr {
	border-bottom: 1px solid #272f4f;
}

.basic .basic__table tbody tr:first-child {
	border-top: 1px solid #272f4f;
}

.basic .basic__table tbody tr:last-child {
	border-bottom: none;
}

.basic .basic__table tbody th {
	background: #F0F1F6;
	padding: 20px;
	color: #272f4f;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 600;
	border-right: 1px solid #272f4f;
}

.basic .basic__table tbody th:last-child {
	border-right: none;
}

@media (max-width: 749px) {
	.basic .basic__table tbody th {
		font-size: 1.5rem;
		padding: 8px;
	}
}

.basic .basic__table tbody td {
	padding: 12px;
	border-right: 1px solid #272f4f;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5;
}

.basic .basic__table tbody td:last-child {
	border-right: none;
}

@media (max-width: 749px) {
	.basic .basic__table tbody td {
		text-align: left;
		padding: 8px;
	}
}

.basic .basic__table-symbol-circle {
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	background: url("./img/icon_circle.svg") no-repeat 50% 50%;
	background-size: 32px auto;
	margin: 0 auto;
}

.basic .basic__table-symbol-cross {
	width: 28px;
	height: 28px;
	text-indent: -9999px;
	background: url("./img/icon_cross.svg") no-repeat 50% 50%;
	background-size: 28px auto;
	margin: 0 auto;
}

.basic .basic__table-symbol-triangle {
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	background: url("./img/icon_triangle.svg") no-repeat 50% 50%;
	background-size: 32px auto;
	margin: 0 auto;
}

.basic .basic__table-symbol-text {
	text-align: center;
	font-size: 12px;
	font-size: 1.2rem;
	margin: 8px auto 4px;
}

.basic .basic__information {
	background: #F0F1F6;
	padding: 20px;
	border-radius: 6px;
	margin: 20px 0;
	color: #2c4198;
	line-height: 1.5;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 600;
}

.basic .basic__information a {
	color: #2c4198
}

.basic .basic__information a:hover{
	opacity: 0.6;
}

.tab-target-area .basic__information a{
	color: #2c4198
}

.tab-target-area .basic__information a:hover{
	opacity: 0.6;
}

@media (max-width: 749px) {
	.basic .basic__information {
		padding: 12px;
	}
}

/* 厳選の仕組み */

.g-wrap {
	width: 80%;
	margin: 20px auto;
	display: flex;
	justify-content: space-between;
}

.g-area {
	position: relative;
	width: 30%;
	color: #fff;
	background: #28304d;
	padding: 10px;
	border-radius: 10px;
	border: 10px double #fff;
	display: flex;
	justify-content: space-between;
}

.g-step-content {
	margin: 5px;
}

.g-step {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 10px;
}

.g-content {
	font-size: 16px;
}

.g-content-sub {
	font-size: 14px;
	text-decoration: underline;
}

.g-icon img {
	position: absolute;
	right: 20px;
	width: 40px;
}

@media only screen and (max-width: 960px) {
	.g-wrap {
		flex-direction: column;
		align-items: flex-start;
		width: 100%;
	}
	.g-area {
		width: 80%;
		margin-bottom: 10px;
		margin: 0 auto;
	}
	.g-step-content {
		margin: 0;
	}
	.g-step {
		font-size: 12px;
	}
	.g-content {
		font-size: 18px;
	}
	.g-icon img {
		width: 30px;
	}
	.g-content-sub {
		font-size: 13px;
	}
}

/* 転職活動の流れ */

.f-wrap{
	width: 70%;
    margin: 0 auto;
    padding: 25px;
    background-color: #f0f1f6;
    border-radius: 10px;
}

.f-area {
	display: flex;
	justify-content: start;
	background-color: #28304D;
	border-radius: 10px;
	color: #ffffff;
	padding-bottom: 5px;
}

.f-basic .basic__information {
	background: #F0F1F6;
	padding: 20px;
	border-radius: 6px;
	margin: 20px 0;
	color: #2c4198;
	line-height: 1.5;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 600;
}

.f-basic .basic__information a{
	font-weight: 600;
	color: #2c4198;
    font-size: 16px;
    font-size: 1.6rem;
}

.f-basic .basic__information a:hover{
	text-decoration: underline;
}

@media (max-width: 749px) {
	.f-basic .basic__information {
		padding: 12px;
	}
}

.f-img img {
	width: 40px;
	margin: 10px 20px;
	max-width: initial;
}

.f-text-area {
	margin: 0 20px 10px 0;
}

.f-title-paragraph {
	margin: 1em 0;
	font-weight: bold;
	font-size: 22px;
}

.f-main-paragraph {
	line-height: 1.3;
	margin-top: 1em;
	font-size: 18px;
}

.f-sub-paragraph {
	margin-bottom: 1em;
	font-size: 14px;
	line-height: 1.5;
}

.f-button_size{
	padding: 16px 32px;
    box-sizing: border-box;
    font-size: 16px;
    font-size: 1.6rem;
}

.f-center{
	text-align: center;
}

.f-flex {
	display: flex;
	justify-content: space-between;
	width: 70%;
	margin: 10px auto;
}

.f-flex-left {
	width: 49%;
    background-color: #f0f1f6;
    padding: 25px;
    border-radius: 10px;
}

.f-flex-right {
	width: 49%;
    background-color: #f0f1f6;
    padding: 25px;
    border-radius: 10px;
}

.f-flex-left .f-area {
	width: 100%;
	height: auto;
}

.f-flex-right .f-area {
	width: 100%;
	height: auto;
}

@media only screen and (max-width: 1024px) {
	.f-title-paragraph {
		font-size: 20px;
	}
	.f-main-paragraph {
		font-size: 17px;
	}
	.f-sub-paragraph {
		font-size: 14px;
	}
	.f-flex-left .f-area {
		height: auto;
	}
	.f-flex-right .f-area {
		height: auto;
	}
}

@media only screen and (max-width: 960px) {
	.f-wrap{
		width: 100%;
	}
	.f-area {
		flex-direction: column;
		align-items: flex-start;
		width: 100%;
	}
	.f-text-area {
		margin: 0 20px 10px 20px;
	}
	.f-title-paragraph {
		margin: 0.5em 0;
		font-size: 18px;
	}
	.f-main-paragraph {
		line-height: 1.5;
		font-size: 15px;
	}
	.f-sub-paragraph {
		font-size: 12px;
	}
	.f-flex {
		flex-direction: column;
		align-items: flex-start;
		width: 100%;
	}
	.f-flex-left {
		width: 100%;
	}
	.f-flex-right {
		margin-top: 20px;
		width: 100%;
	}
}

/* 旧CSS */

.c-breadCrumb {
	position: relative;
	background: #e9e9e9;
}

.c-breadCrumb::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: calc(50vw - 470px);
	height: 30px;
	background: #b1b1b1;
}

.c-breadCrumb__wrapper {
	display: flex;
	width: 940px;
	margin: 0 auto;
}

.c-breadCrumb__wrapper__list {
	position: relative;
	padding: 0 20px;
	line-height: 30px;
	font-size: 12px;
}

.c-breadCrumb__wrapper__list::after {
	content: "";
	position: absolute;
	top: 13px;
	right: 1px;
	width: 5px;
	height: 5px;
	border-top: 1px solid #939393;
	border-right: 1px solid #939393;
	transform: rotate(45deg);
}

.c-breadCrumb__wrapper__list a:hover {
	text-decoration: underline;
}

.c-breadCrumb__wrapper__list:first-child {
	width: 35px;
	padding: 0;
	font-size: 18px;
	background: #b1b1b1;
}

.c-breadCrumb__wrapper__list:first-child::after {
	display: none;
}

.c-breadCrumb__wrapper__list:first-child a {
	color: white;
}

.c-breadCrumb__wrapper__list:last-child {
	opacity: 0.5;
}

.c-breadCrumb__wrapper__list:last-child::after {
	display: none;
}

@media only screen and (max-width: 960px) {
	.c-breadCrumb__wrapper {
		width: 100%;
	}
	.c-breadCrumb__wrapper__list {
		max-width: 24px;
		margin-left: 10px;
		padding: 0;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	.c-breadCrumb__wrapper__list:first-child {
		max-width: 30px;
		margin: 0;
		text-align: center;
	}
	.c-breadCrumb__wrapper__list:last-child {
		max-width: none;
	}
}

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

.c-breadCrumb__wrapper {
	display: flex;
	width: 940px;
	margin: 0 auto;
}

.c-breadCrumb__wrapper__list {
	position: relative;
	padding: 0 20px;
	line-height: 30px;
	font-size: 12px;
}

.c-breadCrumb__wrapper__list::after {
	content: "";
	position: absolute;
	top: 13px;
	right: 1px;
	width: 5px;
	height: 5px;
	border-top: 1px solid #939393;
	border-right: 1px solid #939393;
	transform: rotate(45deg);
}

.c-breadCrumb__wrapper__list a:hover {
	text-decoration: underline;
}

.c-breadCrumb__wrapper__list:first-child {
	width: 35px;
	padding: 0;
	font-size: 18px;
	background: #b1b1b1;
}

.c-breadCrumb__wrapper__list:first-child::after {
	display: none;
}

.c-breadCrumb__wrapper__list:first-child a {
	color: white;
}

.c-breadCrumb__wrapper__list:last-child {
	opacity: 0.5;
}

.c-breadCrumb__wrapper__list:last-child::after {
	display: none;
}

@media only screen and (max-width: 960px) {
	.c-breadCrumb__wrapper {
		width: 100%;
	}
	.c-breadCrumb__wrapper__list {
		max-width: 24px;
		margin-left: 10px;
		padding: 0;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	.c-breadCrumb__wrapper__list:first-child {
		max-width: 30px;
		margin: 0;
		text-align: center;
	}
	.c-breadCrumb__wrapper__list:last-child {
		max-width: none;
	}
}

.l-wrapper {
	padding: 70px 0 40px 0;
}

.l-wrapper.col2 {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 940px;
	margin: 0 auto;
}

.l-wrapper.col2 .l-wrapper__content {
	display: block;
	width: calc(50% - 10px);
}

@media only screen and (max-width: 960px) {
	.l-wrapper.col2 {
		display: block;
		width: 100%;
	}
	.l-wrapper.col2 .l-wrapper__content {
		width: 100%;
	}
}

@media only screen and (max-width: 960px) {
	.l-wrapper {
		padding: 30px 0 15px 0;
	}
}

.l-wrapper {
	padding: 70px 0;
}

@media only screen and (max-width: 960px) {
	.l-wrapper {
		padding: 40px 0;
	}
}

.c-heading1 {
	text-align: center;
}

.c-heading1__main {
	font-size: 34px;
	font-weight: bold;
}

.c-heading1__sub {
	margin-top: 10px;
	font-size: 14px;
}

@media only screen and (max-width: 960px) {
	.c-heading1__main {
		font-size: 24px;
	}
	.c-heading1__sub {
		font-size: 12px;
	}
}

.c-heading3 {
	width: 880px;
	margin: 40px auto 0 auto;
	font-size: 26px;
	line-height: 1.6;
}

@media only screen and (max-width: 960px) {
	.c-heading3 {
		width: calc(100% - 40px);
		margin: 30px auto 20px auto;
		font-size: 20px;
	}
}

.c-heading4 {
	margin-top: 40px;
	text-align: center;
	font-size: 26px;
	line-height: 1.6;
}

@media only screen and (max-width: 960px) {
	.c-heading4 {
		margin: 30px auto 20px auto;
		font-size: 20px;
	}
}

.c-heading4.small {
	font-size: 18px;
	font-weight: bold;
}

.c-heading4.five-oath {
	/*width: 735px;*/
	width: 880px;
	margin: 40px auto 0;
	border: 1px solid #333;
}

.c-image.caption {
	width: 735px;
	margin: 50px auto 0 auto;
	justify-content: flex-start;
}

.c-image.caption .c-image__wrapper:last-child {
	margin-left: 20px;
	padding-top: 22px;
}

@media only screen and (max-width: 960px) {
	.five-oath-wrap,
	.c-heading4.five-oath,
	.c-image.caption.five-oath {
		width: calc(100% - 40px);
		margin: 20px auto 0;
	}
}

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

.c-button {
	position: relative;
	overflow: hidden;
	width: 300px;
	margin: 20px auto 0 auto;
	background: #004c97;
	border-radius: 3px;
	transition: 0.3s;
}

.c-button.message-button {
	position: absolute;
	top: 360px;
	left: calc(50% + 170px);
	z-index: 2;
}

.c-button::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	border-top: 30px solid #1d60a3;
	border-right: 150px solid transparent;
	border-bottom: 30px solid transparent;
	border-left: 150px solid #1d60a3;
	pointer-events: none;
}

.c-button a {
	position: relative;
	display: block;
	text-align: center;
	line-height: 60px;
	font-size: 15px;
	font-weight: bold;
	color: white;
}

.c-button:hover {
	background: #003b75;
}

.c-button.black {
	position: relative;
	overflow: hidden;
	background: #333333;
}

.c-button.black::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	left: 0;
	border-top: 30px solid #4e4e4e;
	border-right: 150px solid transparent;
	border-bottom: 30px solid transparent;
	border-left: 150px solid #4e4e4e;
	pointer-events: none;
}

@media only screen and (max-width: 960px) {
	.c-button {
		position: relative;
		overflow: hidden;
		width: calc(100vw - 40px);
		margin-top: 15px;
	}
	.c-button::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 0;
		left: 0;
		border-top: 30px solid #1d60a3;
		border-right: calc(50vw - 20px) solid transparent;
		border-bottom: 30px solid transparent;
		border-left: calc(50vw - 20px) solid #1d60a3;
		pointer-events: none;
	}
	.c-button.company-button {
		width: calc(100vw - 40px);
	}
	.c-button.company-button::before {
		border-right: calc(50vw - 20px) solid transparent;
		border-left: calc(50vw - 20px) solid #1d60a3;
	}
	.c-button.company-button>a {
		font-size: 12px;
		line-height: 30px;
	}
	.c-button.message-button {
		position: relative;
		top: auto;
		left: auto;
	}
}

/* c-paragraph */

.c-paragraph.small {
	text-align: center;
}

@media only screen and (max-width: 960px) {
	.c-paragraph.small {
		width: calc(100% - 40px);
		font-size: 12px;
	}
}

.c-paragraph {
	width: 940px;
	margin: 20px auto 0 auto;
	font-size: 15px;
	line-height: 1.6;
}

.c-paragraph a {
	text-decoration: underline;
}

.c-paragraph a:hover {
	text-decoration: none;
}

.c-paragraph span {
	font-weight: bold;
}

.c-paragraph__list {
	margin-top: 5px;
}

.c-paragraph.q {
	color: #004c97;
}

.c-paragraph.small {
	width: 880px;
}

.c-paragraph.small.answer {
	font-size: 16px;
	margin-top: 10px;
}

@media only screen and (max-width: 960px) {
	.c-paragraph.small {
		width: calc(100% - 40px);
	}
}

.c-paragraph.blue {
	margin-top: 30px;
	text-align: center;
	line-height: 40px;
	color: white;
	background: #004c97;
}

@media only screen and (max-width: 960px) {
	.c-paragraph.blue {
		width: calc(100% - 90px);
	}
}

.c-paragraph.caution {
	font-weight: bold;
	font-style: oblique;
}

@media only screen and (max-width: 960px) {
	.c-paragraph.caution {
		font-weight: normal;
		font-style: normal;
	}
}

.c-paragraph.link {
	position: relative;
	margin: 5px auto 0 auto;
	padding-left: 15px;
	font-weight: bold;
}

.c-paragraph.link::before {
	content: "";
	position: absolute;
	top: 7px;
	left: 0;
	width: 8px;
	height: 8px;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	transform: rotate(45deg);
}

.c-paragraph.link a {
	text-decoration: none;
}

.c-paragraph.link a:hover {
	text-decoration: underline;
}

@media only screen and (max-width: 960px) {
	.c-paragraph.link {
		margin-top: 10px;
		padding: 0;
	}
	.c-paragraph.link::before {
		top: calc(50% - 4px);
		left: auto;
		right: 10px;
	}
	.c-paragraph.link a {
		display: block;
		padding: 10px 0;
		text-align: center;
		font-weight: normal;
		border: 1px solid #333333;
	}
	.c-paragraph.link span {
		font-size: 17px;
		color: #004c97;
	}
}

.c-paragraph.wrap {
  padding: 30px;
  text-align: left;
	background: #f5f5f5;
}

.c-paragraph.wrap .c-paragraph__list {
	position: relative;
	padding-left: 20px;
}

.c-paragraph.wrap .c-paragraph__list i {
	position: absolute;
	top: 0;
	left: 0;
	font-style: normal;
}

@media only screen and (max-width: 960px) {
	.c-paragraph.wrap {
		width: calc(100% - 10px);
		padding: 5vw;
	}
}

@media only screen and (max-width: 960px) {
	.c-paragraph.toggle,
	.c-heading3.toggle {
		margin: 0 auto;
		color: #004c97;
		font-weight: bold;
		text-align: center;
		line-height: 50px;
	}
}

@media only screen and (max-width: 960px) {
	.c-paragraph {
		width: calc(100% - 40px);
		font-size: 14px;
	}
	.c-paragraph.small.answer {
		font-size: 14px;
	}
}

.c-paragraph.list.unOrder,
.unOrder.innerList {
	text-indent: -20px;
}

.c-paragraph.list,
.innerList {
	padding-left: 20px;
}

ol.c-paragraph.list.first {
	margin-top: 0;
	list-style-type: decimal;
}

div.image-box ul.premiumBox:before {
	top: 51%;
}

/* clearfix */

.u-cf::after {
	content: "";
	display: block;
	clear: both;
}

/*common-image-box*/

div.image-box {
	margin: 10px auto;
	padding: 50px;
	background: #FFF;
	border: #DDD 1px solid;
	border-radius: 5px;
	position: relative;
	background: url(img/arrow.png) 50% 50% no-repeat;
}

div.image-box ul li {
	margin: 0 10% 0 0;
	letter-spacing: normal;
	width: 45%;
	float: left;
}

div.image-box ul li+li {
	margin: 0;
}

div.image-box ul li div {
	height: 120px;
	text-align: center;
}

div.image-box ul li span.num {
	float: left;
	font-size: 50px;
	line-height: 55px;
	color: #AAABAB;
}

div.image-box ul li p.text {
	margin: 0 0 0 40px;
}

div.image-box ul li p span {
	color: #004c97;
}

@media only screen and (max-width: 960px) {
	div.image-box {
		padding: 40px 20px;
	}
}

@media only screen and (max-width: 480px) {
	/*common-image-box*/
	div.image-box {
		background: none;
	}
	div.image-box ul:before {
		background: url(./img/ico_arrow_lightblue.png) no-repeat;
		background-size: contain;
		content: "";
		display: block;
		width: 30px;
		height: 30px;
		position: absolute;
		top: 46%;
		right: 50%;
		-moz-transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
		transform: rotate(90deg);
	}
	div.image-box ul.premiumBox:before {
		top: 51%;
	}
	div.image-box ul li {
		width: 100%;
		margin: 0 auto;
	}
	div.image-box ul li div {
		height: 80px;
	}
	div.image-box ul li div.pm-img01 {
		height: 128px;
	}
	div.image-box ul li div img {
		width: 130px;
	}
	div.image-box ul li div.pm-img01 img {
		width: 120px;
	}
	div.image-box ul li+li {
		margin: 50px auto 0px;
	}
	div.image-box ul li p {
		margin: 0 0 0 30px;
	}
	div.image-box ul li p.numBox {
		margin: 0;
	}
	div.image-box ul li span.num {
		font-size: 36px;
	}
}

.basic .basic__image {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	border: 4px solid #eee;
	padding: 0;
}

@media (max-width: 749px) {
	.basic .basic__image {
		padding: 8px;
		border-width: 4px;
	}
}

@media only screen and (max-width: 960px) {
	.c-image.right .c-image__wrapper:first-child {
		order: 1;
	}
}

.c-image.col2.right .c-image__wrapper.imgBox {
	margin-left: 20px;
}

@media only screen and (max-width: 960px) {
	.c-image.col2.right .c-image__wrapper.imgBox {
		margin-left: 0px;
	}
}

.c-image.caption .c-image__wrapper__heading {
	font-size: 18px;
	font-weight: bold;
}

.c-image.col2 .c-image__wrapper__heading {
	width: 440px;
	font-size: 18px;
	font-weight: bold;
}

@media only screen and (max-width: 960px) {
	.c-image.col2 .c-image__wrapper__heading {
		width: 100%;
		margin-top: 30px;
	}
}

.c-image.caption.five-oath .c-image__wrapper__heading {
	font-size: 16px;
	text-align: center;
}

.c-image.caption.five-oath .c-image__wrapper__heading {
	position: relative;
	top: auto;
	right: auto;
	width: 100%;
	text-align: left;
}

.c-image.caption.five-oath .c-image__wrapper__heading {
	text-align: center;
}

/*------
  activation
---------*/

.c-image.col2.activation-image {
	width: 645px;
	border: #DDD 1px solid;
	border-radius: 5px;
	padding: 30px 40px;
	margin: 30px auto 40px auto;
}

.c-image.col2.activation-image .c-image__wrapper__paragraph {
	width: 300px;
	font-size: 15px;
	padding: 100px 0 0 0;
}

.c-image.col2.activation-image .c-image__wrapper.imgBox {
	margin-right: 0;
}

@media only screen and (max-width: 960px) {
	.c-image.col2.activation-image {
		width: calc(100% - 40px);
	}
	.c-image.col2.activation-image .c-image__wrapper__paragraph {
		padding: 10px 0 0 0;
		width: 100%;
	}
}

.c-image.col2.left .c-image__wrapper.imgBox {
	margin-right: 20px;
}

@media only screen and (max-width: 960px) {
	.c-image.col2.left .c-image__wrapper.imgBox {
		margin-right: 0px;
	}
}

.c-image.col2 {
	justify-content: space-between;
	width: 940px;
	margin: 50px auto 0 auto;
}

.c-image__wrapper__paragraph {
	margin-top: 15px;
	font-size: 12px;
	line-height: 1.6;
}

.c-image.list .c-image__wrapper__paragraph {
	font-size: 15px;
}

@media only screen and (max-width: 960px) {
	.c-image.list {
		display: block;
	}
	.c-image.list .c-image__wrapper {
		width: 100%;
		margin: 25px 0 0 0;
	}
	.c-image.list .c-image__wrapper__paragraph {
		font-size: 14px;
		padding: 0 10px;
	}
}

.c-image.caption .c-image__wrapper__paragraph {
	font-size: 15px;
}

@media only screen and (max-width: 960px) {
	.c-image.caption .c-image__wrapper__paragraph {
		margin-top: 10px;
		font-size: 14px;
	}
}

.c-image.col2 .c-image__wrapper__paragraph {
	width: 530px;
	font-size: 15px;
}

@media only screen and (max-width: 960px) {
	.c-image.col2 {
		flex-wrap: wrap;
		width: calc(100% - 40px);
		margin: 25px auto 0 auto;
	}
	.c-image.col2 .c-image__wrapper {
		width: 100%;
	}
	.c-image.col2 .c-image__wrapper__heading {
		width: 100%;
		margin-top: 30px;
	}
	.c-image.col2 .c-image__wrapper__paragraph {
		width: 100%;
		margin-top: 10px;
	}
	.c-image__wrapper__paragraph {
		margin-top: 5px;
	}
}

.c-image.caption.five-oath .c-image__wrapper__paragraph {
	margin-top: 8px;
	font-size: 14px;
	/*margin-left: 18px;*/
}

/* help img */

.help_image img {
	width: 460px;
	height: 260px;
	object-fit: contain;
}

@media only screen and (max-width: 960px) {
	.help_image img {
		width: 100%;
		height: auto;
	}
}

/* c-image */

.c-image {
	display: flex;
	justify-content: center;
	margin-top: 50px;
	padding-bottom: 30px;
}

.c-image__wrapper img {
	display: block;
	margin: 0 auto;
}

.c-image.caption .c-image__wrapper img {
	max-width: initial;
}

@media only screen and (max-width: 960px) {
	.c-image {
		width: calc(100% - 40px);
		margin: 25px auto 0 auto;
		padding-bottom: 10px;
	}
	.c-image__wrapper img {
		max-width: 100%;
	}
	.c-image.caption {
		display: block;
		width: calc(100% - 40px);
		margin-top: 25px;
		padding: 0;
	}
	.c-image.caption .c-image__wrapper {
		position: relative;
	}
	.c-image.caption .c-image__wrapper img {
		width: 70px;
		height: 70px;
		margin: 0;
	}
	.c-image.caption .c-image__wrapper:last-child {
		margin: 0;
		padding: 0;
	}
	.c-image.caption .c-image__wrapper__heading {
		position: absolute;
		top: -80px;
		right: 0;
		width: calc(100% - 75px);
		line-height: 1.6;
		font-size: 17px;
	}
	.c-image.caption .c-image__wrapper__paragraph {
		margin-top: 10px;
		font-size: 14px;
	}
}

.basic .basic__flex {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 20px 0 32px;
}

@media (max-width: 749px) {
	.basic .basic__flex {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

.basic .basic__flex-left {
	width: 70%;
}

@media (max-width: 749px) {
	.basic .basic__flex-left {
		width: 100%;
		margin-bottom: 20px;
	}
}

.basic .basic__flex-right {
	width: 100%;
	margin-left: 12px;
}

@media (max-width: 749px) {
	.basic .basic__flex-right {
		width: 100%;
		margin-left: 0;
	}
}

.basic .basic__flex-title {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.5;
	font-weight: 600;
	margin-bottom: 12px;
}

.basic .basic__flex-description {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5;
}

.safari .radius-button {
	display: block;
}

.safari .radius-button_size_xsmall {
	line-height: 27px;
}

.safari .radius-button_size_medium {
	line-height: 40px;
}

.safari .radius-button_size_large {
	line-height: 53px;
}

.safari .button {
	display: block;
}

.safari .global-footer .safari .global-footer__banner-button {
	line-height: 50px;
}

/* requirement */

.c-heading4.five-oath {
	/*width: 735px;*/
	width: 880px;
	margin: 40px auto 0;
	border: 1px solid #333;
}

.five-oath-wrap {
	width: 940px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

.c-image.caption.five-oath {
	width: 28%;
	display: block;
}

.c-image.caption.five-oath:last-child {
	border-right: none;
}

.c-image.caption.five-oath .c-image__wrapper:last-child {
	padding-top: 14px;
	margin-left: 0;
}

.c-image.caption.five-oath .c-image__wrapper__paragraph {
	margin-top: 8px;
	font-size: 14px;
	/*margin-left: 18px;*/
}

@media only screen and (max-width: 960px) {
	.c-image.caption.five-oath {
		display: flex;
	}
	.c-image.caption.five-oath .c-image__wrapper:last-child {
		margin-left: 10px;
		padding-top: 5px;
	}
	.c-image.caption.five-oath .c-image__wrapper img {
		max-width: none;
		height: auto;
	}
	.five-oath-wrap {
		display: block;
	}
	.c-image.caption.five-oath {
		border-right: none;
	}
	.five-oath-wrap,
	.c-heading4.five-oath,
	.c-image.caption.five-oath {
		width: calc(100% - 40px);
		margin: 20px auto 0;
	}
}

@media only screen and (max-width: 480px) {
	.c-image.caption.five-oath {
		width: 100%;
		position: relative;
		display: block;
	}
	.c-image.caption.five-oath .c-image__wrapper__heading {
		text-align: center;
	}
	.c-image.caption.five-oath .c-image__wrapper img {
		opacity: 0.6;
	}
}

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

.u-mt-15 {
	margin-top: 15px !important;
}

.u-pb-10 {
	padding-bottom: 10px !important;
}

@media only screen and (max-width: 480px) {
	.c-image.caption .c-image__wrapper.icon {
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -35px;
		margin-top: -35px;
	}
}

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

.c-image.list .c-image__wrapper {
	width: 280px;
	margin: 0 20px;
}

.c-qa {
	width: 940px;
	margin: 30px auto 0 auto;
	padding-bottom: 10px;
	border-bottom: 2px solid #004c97;
}

.c-qa__link {
  position: relative;
  top: 128px;
}

.c-qa__link.number {
  top: 0;
}

.login_user .c-qa__link {
  margin-top: -125px;
  padding-top: 125px;
  z-index: -1;
}

.c-qa__question {
	position: relative;
	padding-left: 30px;
	line-height: 45px;
	font-size: 18px;
	color: white;
	background: #004c97;
}

.c-qa__question::before {
	content: "Q";
	position: absolute;
	top: 0;
	left: 10px;
	font-size: 18px;
	color: white;
}

.c-qa__answer {
	position: relative;
	margin-top: 10px;
	padding-left: 30px;
	font-size: 16px;
	line-height: 1.6;
	color: #004c97;
}

.c-qa__answer span {
	font-weight: bold;
}

.c-qa__answer::before {
	content: "A";
	position: absolute;
	top: 0;
	left: 10px;
	font-size: 16px;
	color: #004c97;
}

@media only screen and (max-width: 960px) {
	.c-qa {
		width: calc(100% - 40px);
  }
	.c-qa .c-qa__question {
		padding: 10px;
		text-align: center;
		line-height: 1.6;
		font-size: 14px;
	}
	.c-qa .c-qa__question span {
		font-size: 17px;
	}
	.c-qa .c-qa__question::before {
		display: inline-block;
		position: initial;
		font-size: 17px;
	}
	.c-qa .c-qa__answer {
		margin: 0;
		padding-top: 35px;
		padding-left: 0;
		text-align: center;
		font-size: 14px;
	}
	.c-qa .c-qa__answer::before {
		font-size: 17px;
		top: 7px;
		left: calc(50% - 5px);
		font-weight: bold;
	}
}

.c-toggle__foot {
	display: block;
}

@media only screen and (max-width: 960px) {
	.c-toggle {
		width: calc(100% - 10px);
		margin: 0 auto;
		border-top: 1px solid #cbcbcb;
	}
	.c-toggle.bottom {
		border-bottom: 1px solid #cbcbcb;
	}
	.c-toggle .c-toggle__head {
		position: relative;
	}
	.c-toggle .c-toggle__head::before,
	.c-toggle .c-toggle__head::after {
		content: "";
		position: absolute;
		top: calc(50% - 1px);
		right: 7px;
		width: 21px;
		height: 2px;
		background: #004c97;
	}
	.c-toggle .c-toggle__head::after {
		transform: rotate(90deg);
		transition: 0.3s;
	}
	.c-toggle .c-toggle__foot {
		display: none;
		padding: 10px 0 20px 0;
		border-top: 1px solid #cbcbcb;
	}
}

.c-label {
	width: 880px;
	margin: 10px auto 0 auto;
}

.c-label__list {
	display: flex;
	align-items: flex-start;
	padding: 20px 0;
}

.c-label__list:not(:last-child) {
	border-bottom: 1px solid #cbcbcb;
}

.c-label__list__title {
	min-width: 80px;
	margin-right: 20px;
	text-align: center;
	line-height: 24px;
	font-size: 14px;
	background: #e9e9e9;
	border-radius: 3px;
}

.c-label__list__title_nobg {
	width: 180px;
	margin-right: 20px;
	line-height: 24px;
	font-size: 14px;
}

.c-label__list__description {
	font-size: 15px;
	line-height: 1.6;
}

@media only screen and (max-width: 960px) {
	.c-label {
		width: calc(100% - 40px);
	}
	.c-label .c-label__list {
		display: block;
	}
	.c-label .c-label__list__title {
		width: 80px;
	}
	.c-label .c-label__list__description {
		margin-top: 5px;
		font-size: 14px;
	}
}

/*------
  registration
---------*/

.c-registration {
	width: 880px;
	margin: 30px auto 0 auto;
}

.c-registration .info_unit {
	padding: 10px 0;
}

.c-button_submit {
	position: relative;
	overflow: hidden;
	border-radius: 3px;
	background: #004c97 url(./img/common/arrow_white.png) no-repeat center right 10px;
	margin: 50px auto 0 auto;
	width: 280px;
	background-size: 12px;
}

.c-button_submit::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	border-right: 150px solid transparent;
	border-bottom: 30px solid transparent;
	border-top: 30px solid #195da1;
	border-left: 150px solid #195da1;
	pointer-events: none;
}

.c-button_submit input[type=submit] {
	position: relative;
	display: block;
	text-align: center;
	line-height: 60px;
	font-size: 18px;
	font-weight: bold;
	color: white;
	background: transparent;
	border: none;
	width: 280px;
	cursor: pointer;
}

.c-button_submit input[type=submit]:disabled {
	background-color: #999999;
	cursor: auto;
}

.c-button_submit:hover {
	background: #004c97 url(./img/common/arrow_white.png) no-repeat center right 10px;
	background-size: 12px;
}

@media screen and (min-width: 769px),
print and (min-width: 0px) {
	.c-registration dt {
		font-weight: bold;
		line-height: 1.3;
		width: 17em;
		padding: 12px 42px 12px 0px;
		color: #555;
	}
	.c-registration dd {
		margin: -50px 0px 0px 18em;
		padding: 12px 0 20px;
		font-size: 14px;
		font-weight: normal;
		line-height: 1.3;
		text-align: left;
		box-sizing: border-box;
		position: relative;
	}
}

.form__submitArea input[type=button],
label {
	cursor: pointer;
}

label.no-pointer {
	cursor: auto;
}

.c-registration {
	width: 880px;
	margin: 30px auto 0 auto;
}

.c-registration .info_unit {
	padding: 10px 0;
}

.form__submitArea input[type=button] {
	display: block;
	position: relative;
	font-size: 20px;
	font-weight: bold;
	line-height: 40px;
	color: white;
	background: none;
	border-radius: 0;
}

.form__submitArea {
	position: relative;
	width: 300px;
	margin: 20px auto 50px auto;
	transition: 0.3s;
	background: #004c97;
}

.form__submitArea:hover {
	background: #003b75;
}

.form__submitArea input[type=button]:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	border-top: 31px solid #195da1;
	border-right: 150px solid transparent;
	border-bottom: 31px solid transparent;
	border-left: 150px solid #195da1;
	pointer-events: none;
}

.form__submitArea::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	border-top: 31px solid #195da1;
	border-right: 150px solid transparent;
	border-bottom: 31px solid transparent;
	border-left: 150px solid #195da1;
	pointer-events: none;
}

.c-registration__wrapper .c-heading3 {
	margin: 40px auto 30px auto;
	padding: 5px 10px;
	position: relative;
	padding-left: 30px;
	line-height: 45px;
	font-size: 18px;
	background: #fee2f1;
	font-weight: bold;
	width: 940px;
}

input[type=submit],
input[type=number],
input[type=button],
input[type=password],
input[type=text],
input[type=email],
input[type=tel],
input[type=date],
textarea,
select {
	width: 100%;
	padding: 10px 10px;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	vertical-align: middle;
	border: 1px solid #f4f4f4;
	background: #eff6f5;
	background-color: #f4f4f4;
	-webkit-appearance: none;
	border-radius: 0;
	cursor: pointer;
}

select {
	width: auto;
	background: url(./img/common/arrow_select.png) right 5px center no-repeat #f4f4f4;
	background-size: 8px;
	padding: 10px 30px 10px 10px;
	height: 42px;
}

textarea {
	line-height: 1.4;
}

input:focus,
textarea:focus,
input.error-item:focus,
textarea.error-item:focus {
	outline: 0;
	border-color: #ddd;
	background: #fff;
}

select:focus,
select.error-item:focus {
	outline: 0;
	border-color: #ddd;
	background: url(./img/common/arrow_select.png) right 5px center no-repeat #fff;
	background-size: 8px;
}

.file {
	display: block;
	overflow: hidden;
	position: relative;
	padding: .5em;
	border: 1px solid #999;
	background-color: #eee;
	width: 130px;
	text-align: center;
}

.file input[type=file] {
	opacity: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	position: absolute;
	right: 0;
	top: 0;
	margin: 0;
	font-size: 25px;
	cursor: pointer;
}

.user-profile-photo {
	margin-top: 15px;
}

.user-profile-photo img {
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.20);
}

.side_box input {
	width: 150px;
}

.side_box p {
	display: inline;
	font-weight: bold;
	color: #666666;
	font-size: 13px;
	margin-right: 30px;
}

.side_box p span {
	font-weight: normal;
}

.astr-mark {
	color: #c2383e;
}

.alert {
	color: #c2383e;
	font-weight: bold;
	margin-top: 5px;
	display: inline-block;
}

.agreement dd div {
	padding: 10px 0 10px 10px;
}

.agreement dd label {
	display: inline-block;
	position: relative;
	top: -2px;
	left: 10px;
	font-size: 15px;
}

.agreement dd div.error-item {
	border: 1px solid #c2383e;
	background-color: #FFDBDB;
}

input.error-item,
select.error-item,
textarea.error-item,
div.error-item {
	border: 1px solid #c2383e;
	background-color: #FFDBDB;
}

.supplemental {
	margin-top: 10px;
}

.c-registration__wrapper .c-heading3 span {
	font-size: 14px;
	margin-left: 10px;
}

.unit__txt {
	padding: 0 5px;
}

.c-registration__wrapper hr {
	width: 940px;
	border: none;
	border-top: solid 1px #CCC;
	height: 1px;
	color: #FFFFFF;
}

.checkbtn_box {
	padding: 10px;
	background: #f4f4f4;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-top: 10px;
}

.icheckbox_line-pink,
.iradio_line-pinka {
	display: inline-block !important;
	margin: 0 0 5px 0 !important;
}

.otherText_box p {
	margin-top: 15px;
}

.otherText_box input {
	margin-top: 10px;
}

.uploadFile_area {
	margin-top: 20px;
}

.file_name {
	font-weight: bold;
	margin-right: 10px;
}

.uploadFile_area a {
	color: #004c97;
}

.uploadFile_area a:hover {
	text-decoration: underline;
}

@media only screen and (max-width: 960px) {
	/*registration*/
	.c-registration {
		width: calc(100% - 40px);
	}
	.c-paragraph.small {
		width: calc(100% - 40px);
		font-size: 12px;
	}
	.c-registration .info_unit {
		width: 100%;
		padding: 5px 0;
	}
	.c-registration dt {
		font-weight: bold;
		line-height: 1.2;
		text-align: left;
		margin-bottom: 5px;
		font-size: 14px;
	}
	.c-registration dd {
		padding: 0 0 10px 0;
		font-size: 11px;
		font-weight: normal;
		line-height: 1.4;
		text-align: left;
	}
	.caution__txtBox {
		font-size: 12px;
		line-height: 2;
	}
	.alert-top {
		font-size: 14px;
	}
	.c-registration__wrapper .c-heading3 {
		width: 100%;
		margin: 30px auto 20px auto;
		font-size: 16px;
		padding: 0 10px;
	}
	.side_box p {
		width: 100%;
		display: block;
		margin: 15px 0;
	}
	.side_box p:last-child {
		margin: 15px 0 0;
	}
	.side_box input {
		width: 100px;
		margin: 5px 0 0 0;
	}
	.c-button_submit {
		margin: 0 auto 0 auto;
	}
	.c-registration__wrapper hr {
		width: 100%;
	}
	.c-registration__wrapper .c-heading3 span {
		font-size: 12px;
		margin-left: 5px;
		font-weight: normal;
	}
	.checkbtn_box {
		padding: 6px;
	}
	.icheckbox_line-pink,
	.iradio_line-pink {
		font-size: 11px;
	}
	.supplemental {
		margin-top: 5px;
	}
	.file {
		width: 100px;
		height: 40px;
		line-height: 40px;
		padding: 0;
	}
	.uploadFile_area {
		margin: 10px 0;
	}
}

div.wpcf7 .ajax-loader {
	position: absolute;
	top: 33px;
	right: 80px;
	visibility: hidden;
	display: inline-block;
	background-image: url(./img/common/loading.gif);
	background-size: contain;
	width: 16px;
	height: 16px;
	border: none;
	padding: 0;
	margin: 0 0 0 4px;
	vertical-align: middle;
}

div.wpcf7-response-output {
	width: 880px;
	margin: 30px auto 0;
}

div.wpcf7-validation-errors {
	border: 2px solid #c2383e;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid #004c97;
}

@media only screen and (max-width: 960px) {
	div.wpcf7-response-output {
		font-size: 14px;
		width: 100%;
		padding: 5px 10px;
	}
}

div.wpcf7 input[type="file"] {
	top: -8px;
	right: -140px;
}

@media only screen and (max-width: 960px) {
	div.wpcf7 input[type="file"] {
		top: -10px;
	}
}

.wpcf7-list-item input {
	-webkit-appearance: checkbox;
}

/* インタビューarchive */

.p-topInterview {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 940px;
	margin: 40px auto 0 auto;
}

.p-topInterview__list {
	display: flex;
	width: calc(50% - 10px);
	margin-bottom: 20px;
	background: white;
}

.p-topInterview__list__left {
	width: 160px;
	height: 160px;
	background-size: cover;
	background-position: center;
}

.p-topInterview__list__right {
	width: calc(100% - 160px);
	padding: 20px 20px 0 20px;
}

.p-topInterview__list__right span {
	font-weight: bold;
	line-height: 1.6;
	font-size: 14px;
}

.p-topInterview__list__right__title {
	font-size: 15px;
	line-height: 1.6;
}

.p-topInterview__list__right__title a {
	font-weight: bold;
}

.p-topInterview__list__right__title a:hover {
	text-decoration: underline;
}

.p-topInterview__list__right__sub {
	font-size: 12px;
}

.p-topInterview__list__right__description {
	margin-top: 3px;
	font-size: 14px;
	line-height: 1.6;
	word-break: break-word;
}

.p-topInterview__list__right__description a {
	text-decoration: underline;
}

.p-topInterview__list__right__description a:hover {
	text-decoration: none;
}

.p-topInterview__list__sp {
	display: none;
}

.p-topInterview.popular .p-topInterview__list {
	background: #f5f5f5;
}

.p-topInterview.pickup {
	flex-wrap: wrap;
	width: 100%;
}

.p-topInterview.pickup .p-topInterview__list {
	width: 100%;
}

@media only screen and (max-width: 960px) {
	.p-topInterview.pickup .p-topInterview__list {
		width: calc(100% - 10px);
	}
}

@media only screen and (max-width: 960px) {
	.p-topInterview {
		width: 100%;
		margin-top: 15px;
	}
	.p-topInterview__list {
		flex-wrap: wrap;
		width: calc(100% - 10px);
		margin: 10px auto 0 auto;
	}
	.p-topInterview__list__left {
		width: 100px;
		height: 100px;
	}
	.p-topInterview__list__right {
		width: calc(100% - 100px);
		padding: 15px;
	}
	.p-topInterview__list__right__title {
		font-size: 15px;
	}
	.p-topInterview__list__right__sub,
	.p-topInterview__list__right__description {
		display: none;
	}
	.p-topInterview__list__sp {
		display: block;
		width: 100%;
		padding: 10px 15px;
		background: #e9e9e9;
	}
	.p-topInterview__list__sp__sub {
		font-size: 12px;
		line-height: 1.6;
	}
	.p-topInterview__list__sp__sub span {
		font-size: 14px;
		font-weight: bold;
	}
	.p-topInterview__list__sp__description {
		margin: 10px 0;
		border: 1px solid #333333;
	}
	.p-topInterview__list__sp__description a {
		position: relative;
		display: block;
		font-size: 14px;
		line-height: 45px;
		text-align: center;
	}
	.p-topInterview__list__sp__description a:after {
		content: "";
		position: absolute;
		top: 18px;
		right: 12px;
		width: 8px;
		height: 8px;
		border-top: 1px solid #8e8e8e;
		border-right: 1px solid #8e8e8e;
		transform: rotate(45deg);
	}
}

.p-topInterview__list__right {
	padding-top: 12px;
}

.p-topInterview__list__right__title {
	margin-bottom: 6px;
}

.p-topInterview__list__right__title a {
	color: #333333;
	text-decoration: none;
}

@media only screen and (max-width: 960px) {
	.p-topInterview__list__right__title {
		font-size: 16px;
		margin-bottom: 0;
	}
}

.interview-img{
	text-align: center;
}

/* pagenation */

.pager {
	width: 480px;
	margin: 20px auto;
	position: relative;
}

.pager {
	overflow: hidden;
}

.pager ul {
	list-style: none;
	position: relative;
	left: 50%;
	float: left;
}

.pager ul li {
	margin: 0 1px;
	position: relative;
	left: -50%;
	float: left;
}

.pager p.prevBtn {
	position: absolute;
	left: 33px;
}

.pager p.nextBtn {
	position: absolute;
	right: 33px;
	left: auto;
}

.pager ul li span,
.pager ul li a,
.pager p a {
	display: block;
	font-size: 16px;
	padding: 0.6em 1em;
	border-radius: 3px;
}

.pager ul li a,
.pager p a {
	background: #EEE;
	color: #000;
	text-decoration: none;
}

.pager ul li.current span {
	background: #004c97;
	color: #FFF;
}

.pager ul li a:hover,
.pager p a:hover {
	background: #333;
	color: #FFF;
}

@media only screen and (max-width: 960px) {
	.pager {
		width: calc(100% - 40px);
	}
}

@media only screen and (max-width: 480px) {
	.pager .prev,
	.pager .next {
		display: none;
	}
}

/* 旧style ヘッダー */
.l-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: white;
	z-index: 1000;
}

.l-header__head {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.l-header__head__left {
	padding-left: 50px;
}

.l-header__head__left a {
	display: block;
}

.l-header__head__left img {
	display: block;
	width: 90px;
	margin-top: 3px;
}

.l-header__head__left__catchcopy {
	font-size: 10px;
}

.l-header__head__right {
	line-height: 70px;
}

.l-header__head__right__menu {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.l-header__head__right__menu__list {
	width: 200px;
}

.l-header__head__right__menu__list a {
	display: block;
	font-size: 14px;
	text-align: center;
}

.l-header__head__right__menu__list a.sign_up {
	color: white;
	background-color: #DC4E52;
}

.l-header__head__right__menu__list a.sign_up:hover {
	background-color: #E5797B;
}

.l-header__head__right__menu__list a.two_line {
	height: 70px;
	font-size: 12px;
	line-height: 20px;
	padding: 15px 10px;
}

.l-header__head__right__menu__list a.two_line>span {
	font-size: 18px;
	font-weight: bold;
}

.l-header__head__right__menu__list a:hover {
	background: #e5e5e5;
}

.l-header__head__right__menu__faq {
	margin-right: 15px;
	width: auto;
	line-height: initial;
}

.l-header__head__right__menu__faq a{
	position: relative;
	display: block;
}

.l-header__head__right__menu__faq a:hover{
	opacity: 0.6;
}

.l-header__head__right__menu__faq .faq_img{
	position: absolute;
	max-width: none;
	width: 32px;
	height: 32px;
	right: 0;
	top: -23px;
}

.l-header__head__right__menu__faq .faq_text{
	position: absolute;
	right: -1px;
	top: 9px;
	font-size: 12px;
	font-weight: 600;
	color: #000000;
}

.l-header__foot {
	background: #2c4198;
}

.l-header__foot__menu {
	display: flex;
	align-items: center;
	width: 940px;
	margin: 0 auto;
}

.l-header__foot__menu__list {
	position: relative;
	width: calc(100% / 4);
	transition: 0.3s;
}

.l-header__foot__menu__list>a {
	display: block;
	color: white;
	text-align: center;
	line-height: 50px;
	font-size: 14px;
}

.l-header__foot__menu__list__children {
	position: absolute;
	top: 50px;
	left: 0;
	min-width: 210px;
	opacity: 0;
	pointer-events: none;
	transition: 0.3s;
}

.l-header__foot__menu__list__children__list:not(:last-child) {
	border-bottom: 1px solid #d1d1d1;
}

.l-header__foot__menu__list__children__list a {
	display: block;
	padding-left: 15px;
	line-height: 50px;
	font-size: 14px;
	color: #646464;
	background: #e2e2e2;
}

.l-header__foot__menu__list__children__list a:hover {
	text-decoration: underline;
}

.l-header__foot__menu__list:hover {
	background: #003b86;
}

.l-header__foot__menu__list.on {
	background: #1D2B65;
}

.l-header__foot__menu__list:hover .l-header__foot__menu__list__children {
	pointer-events: auto;
	opacity: 1;
}

.l-header__foot__menu__list.plus>a::after {
	content: "";
	display: inline-block;
	width: 9px;
	height: 9px;
	background-image: url(./img/common/plus.png);
	transform: translate(5px, -5px);
}

.l-header__sp {
	display: none;
}

.l-header a.global_message {
	display: block;
	width: 50px;
	height: 50px;
	white-space: nowrap;
	background-size: 50px;
	border-radius: 4px;
	margin: 10px;
}

.l-header a.global_favorite {
	display: block;
	width: 50px;
	height: 50px;
	white-space: nowrap;
	background-size: 50px;
	border-radius: 4px;
	margin: 10px;
}

.l-header a.global_message,
.l-header a.global_favorite {
  position: relative;
}

.l-header a.global_message img,
.l-header a.global_favorite img {
  height: 40px;
}

.l-header a.global_message span,
.l-header a.global_favorite span {
  position: absolute;
  top: 9px;
  left: 0;
  width: 50px;
  font-size: 12px;
  color: #2c4198;
}

.l-header a.global_id_image {
	width: 50px;
	height: 50px;
	overflow: hidden;
	display: block;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	margin: 10px 20px 10px 10px;
}

@media only screen and (max-width: 960px) {
	.l-header {
		/*background: #333333;*/
		background: #e8e8e8;
		transition: 0.3s;
	}
	.l-header__head,
	.l-header__foot {
		display: none;
	}
	.l-header__sp {
		display: block;
	}
	.l-header__sp__head {
		position: relative;
    align-items: center;
    height: 63px;
    padding: 5px 10px 0;
    background: #2c4493;
		transition: 0.3s;
	}
	.l-header__sp__head::before,
	.l-header__sp__head::after {
		content: "";
		position: absolute;
		top: 31px;
		left: 20px;
		width: 28px;
		height: 3px;
		background: #fff;
		pointer-events: none;
		transition: 0.3s;
	}
	.l-header__sp__head__left {
		transition: 0.3s;
		float: left;
	}
	.l-header__sp__head__left img {
		display: block;
		width: 120px;
		margin: 12px 0 0 20px;
	}
	.l-header__sp__head__right {
			position: relative;
			float: right;
			margin: 14px 10px 0 0;
	}

	.l-header__sp__head__right a:first-child {
		position: relative;
		display: inline-block;
		margin-right: 20px;
	}

	.l-header__sp__head__right a img {
		height: 30px;
	}
	.l-header__sp__head__menu{
	position: relative;
	width: 28px;
	height: 19px;
	float: left;
	margin: 18px 10px 0 10px;
	cursor: pointer;
	}
	.l-header__sp__head__menu::before, .l-header__sp__head__menu::after {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 28px;
			height: 3px;
			background: #fff;
			pointer-events: none;
			transition: 0.3s;
	}
	.l-header__sp__head__menu::after {
			top: 16px;
	}
	.l-header__sp__foot {
		display: none;
		height: calc(100vh - 40px);
		overflow: scroll !important;
	}
	.l-header__sp__foot__main {
		display: flex;
		flex-wrap: wrap;
	}
	.l-header__sp__foot__main__list {
		position: relative;
		overflow: hidden;
		width: 50%;
		background: #f7f7f7;
		border-top: 1px solid #333333;
	}
	.l-header__sp__foot__main__list::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 0;
		border-top: calc(45px / 2) solid white;
		border-right: 25vw solid transparent;
		border-bottom: calc(45px / 2) solid transparent;
		border-left: 25vw solid white;
		pointer-events: none;
	}
	.l-header__sp__foot__main__list.sign_up {
		color: white;
		background-color: #E5797B;
	}
	.l-header__sp__foot__main__list.sign_up::before {
		border-top: calc(45px / 2) solid #E99092;
		border-left: 25vw solid #E99092;
	}
	.l-header__sp__foot__main__list.sign_up a {
		color: white;
	}
	.l-header__sp__foot__main__list.sign_up a.two-line {
		line-height: 22px;
	}
	.l-header__sp__foot__main__list:nth-of-type(2n - 1) {
		border-right: 1px solid #333333;
	}
	.l-header__sp__foot__main__list a {
		position: relative;
		display: block;
		text-align: center;
		line-height: 45px;
		font-size: 12px;
		font-weight: bold;
		color: #004c97;
	}
	.l-header__sp__foot__sub {
		/*background: #333333;*/
		background: #004c97;
	}
	.l-header__sp__foot__sub__list {
		position: relative;
	}
	.l-header__sp__foot__sub__list:last-child:after,
	.l-header__sp__foot__sub__list.arrow:after {
		content: "";
		position: absolute;
		top: 23px;
		right: 18px;
		width: 13px;
		height: 13px;
		border-top: 2px solid #999999;
		border-right: 2px solid #999999;
		transform: rotate(45deg);
	}
	.l-header__sp__foot__sub__list__button {
		position: absolute;
		top: 0;
		right: 0;
		/*width: 40px;*/
		width: 100%;
		height: 60px;
	}
	.l-header__sp__foot__sub__list__button::before,
	.l-header__sp__foot__sub__list__button::after {
		content: "";
		position: absolute;
		top: 30px;
		right: 10px;
		width: 20px;
		height: 2px;
		background: white;
		transition: 0.3s;
	}
	.l-header__sp__foot__sub__list__button::after {
		transform: rotate(90deg);
	}
	.l-header__sp__foot__sub__list>a {
		display: block;
		padding-left: 15px;
		line-height: 60px;
		font-size: 15px;
		color: white;
		border-bottom: 1px solid white;
	}
	.l-header__sp__foot__sub__list__children {
		display: none;
	}
	.l-header__sp__foot__sub__list__children__list {
		position: relative;
	}
	.l-header__sp__foot__sub__list__children__list::after {
		content: "";
		position: absolute;
		top: 19px;
		right: 18px;
		width: 13px;
		height: 13px;
		border-top: 2px solid #999999;
		border-right: 2px solid #999999;
		transform: rotate(45deg);
	}
	.l-header__sp__foot__sub__list__children__list a {
		display: block;
		padding-left: 30px;
		line-height: 50px;
		font-size: 12px;
		font-weight: bold;
		color: white;
		/*border-bottom: 1px solid #424242;*/
		border-bottom: 1px solid #4274a5;
	}
	.l-header__sp__foot__sub__list__children__list:last-child a {
		border-color: white;
	}
	.l-header__sp__foot__sub__list.on .l-header__sp__foot__sub__list__button::after {
		opacity: 0;
	}
	.l-header__sp.on .l-header__sp__head {
		/*background: #333333;*/
		background: rgba(44, 65, 152, 0.97);
	}
	.l-header__sp.on .l-header__sp__head::before {
		background: white;
		transform: rotate(45deg);
	}
	.l-header__sp.on .l-header__sp__head::after {
		background: white;
		transform: rotate(-45deg);
	}
	.l-header__sp.on .sp_active, .l-header__sp.on .l-header__sp__head__right{
			opacity: 0;
	}
	.l-header__sp.on .l-header__sp__head__menu::before, .l-header__sp.on .l-header__sp__head__menu::after {
		opacity: 0;
	}
}
@media only screen and (max-width: 320px) {
	.l-header__sp__head__right {
		margin-right: 2px;
	}
	.l-header__sp__head::before, .l-header__sp__head::after {
		left: 20px;
	}
}
.global_menu {
	display: none;
	position: absolute;
	top: 65px;
	right: 20px;
	padding: 5px 0;
	width: 200px;
	background: #fff;
	border-radius: 5px 0 5px 2px;
	z-index: 100;
}

.global_menu li a {
	display: block;
	padding: 0 10px;
	line-height: 35px;
	color: #000;
  text-align: start;
  font-size: 14px;
}

.global_menu li a:hover {
	color: #555;
	opacity: 1.0;
}

.global_message {
	position: relative;
	float: right;
	margin: 5px 0 0 0;
}

@media (max-width: 749px) {
	.sp_mr10{
		margin-right: 10px;
	}
}

/* 記事一覧 */
.List_items {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 40px auto 0;
  width: 1010px;
}

.List_item {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 749px) {
  .List_items {
    width: 100%;
  }
  .List_item {
    margin-right: 0;
    width: 100%;
  }
}

.Article {
  position: relative;
  border: 3px solid #F0F0F0;
  margin-bottom: 12px;
  transition: .3s;
  width: 480px;
}
.Article:hover {
  border: 3px solid #2C4198;
}

@media (max-width: 749px) {
  .Article {
    box-sizing: border-box;
    overflow: hidden;
    margin-bottom: 12px;
    width: 100%;
  }
  .Article:hover {
    border: none !important;
  }
}

.Article_block {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #fff;
  width: 100%;
}
@media (max-width: 749px) {
  .Article_block {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    box-sizing: border-box;
    overflow: hidden;
  }
}

.Article_imageWrap {
  position: relative;
  width: 100%;
  height: 320px;
  overflow: hidden;
}
@media (max-width: 749px) {
  .Article_imageWrap {
    max-width: inherit;
    min-height: inherit;
    height: 100%;
  }
}

@media (max-width: 576px) {
  .Article_imageWrap {
    height: 220px;
  }
}
.Article_imageWrap:before {
  display: block;
  content: "";
  padding-top: 56.25%;
}
@media (max-width: 749px) {
  .Article_imageWrap:before {
    padding-top: 48%;
  }
}
.Article_imageWrap:hover .Article_image {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.Article_image {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-position: top;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  transition: .3s;
}

.Article_image_tip {
  position: absolute;
  top: 14px;
  right: 14px;
  box-sizing: border-box;
  min-width: 160px;
  text-align: center;
  color: #FFFFFF;
  font-size: 14px;
  background-color: #2c4198;
  padding: 10px 20px;
}

@media (max-width: 749px) {
  .Article_image_tip {
    top: 0;
    right: 0;
    min-width: 140px;
    text-align: center;
    color: #FFFFFF;
    font-size: 12px;
    background-color: #2c4198;
    padding: 10px 20px;
  }
}
.Article_category {
  border-radius: 2px;
  background: #2C4198;
  color: #fff;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 8px 12px;
  display: inline-block;
  font-weight: 600;
  position: absolute;
  right: 10px;
  top: 10px;
  transition: .3s;
  text-decoration: none;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.9" /><feFuncG type="linear" slope="0.9" /><feFuncB type="linear" slope="0.9" /></feComponentTransfer></filter></svg>#filter');
  -webkit-filter: brightness(0.9);
  filter: brightness(0.9);
}
@media (max-width: 749px) {
  .Article_category {
    font-size: 12px;
    font-size: 1.2rem;
    right: 4px;
    top: 4px;
    padding: 4px 8px; }
}
.Article_category:hover {
  color: #fff;
}

.Article_main {
  position: relative;
  min-width: 59%;
  box-sizing: border-box;
  height: 200px;
  padding: 16px 16px 20px;
}
.Article_main.job-change-column {
  height: 140px;
}
@media (max-width: 749px) {
  .Article_main,
  .Article_main.job-change-column {
    height: auto;
    padding: 12px 12px;
  }
}

.Article_sub {
  position: absolute;
  bottom: 16px;
}

@media (max-width: 749px) {
  .Article_sub {
    position: inherit;
    padding-top: 24px;
  }
}

.Article_tag {
  color: #272F4F;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  background: #fffc00;
  font-weight: 900;
  width: auto;
  display: inline-block;
  padding: 3px 5px;
  margin-bottom: 6px;
}

.Article_title {
  font-size: 18px;
  font-size: 18px;
  font-size: 1.8rem;
  display: block;
  color: #0d0d0d;
  line-height: 1.6;
  font-weight: bold;
  transition: .3s;
}
.Article_title:visited {
  color: #0d0d0d;
  text-decoration: none;
}
.Article_title:hover {
  cursor: pointer;
  color: #2C4198;
  text-decoration: none;
}
@media (max-width: 749px) {
  .Article_title {
    font-size: 15px;
    font-size: 1.5rem;
  }
}

.Article_description {
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  margin: 28px 0;
  color: #666;
  line-height: 1.5;
  overflow: hidden;
  word-wrap: break-word;
}
@media (max-width: 749px) {
  .Article_description {
    margin: 16px 0;
  }
}
.Article_attr {
  margin-top: 16px;
}

.Article_time {
  font-size: 13px;
  font-size: 13px;
  font-size: 1.3rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8px;
  color: #666;
  margin-right: 8px;
  font-weight: 400;
  letter-spacing: 0.1px;
}
@media (max-width: 749px) {
  .Article_time {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: normal;
  }
}

.Article_info_area {
  display: flex;
  justify-content: start;
  align-items: center;
  margin-bottom: 16px;
}

@media (max-width: 749px) {
  .Article_info_area {
    margin-top: 16px;
  }
}

.Article_info {
  width: 100%;
  font-size: 1.4rem;
  line-height: 1.5;
  margin-bottom: 16px;
  padding-bottom: 3px;
}

@media (max-width: 749px) {
  .Article_info {
    margin-top: 16px;
  }
}

.Article_info_area .Article_info{
  margin-bottom: 0;
  margin-left: 14px;
}

@media (max-width: 749px) {
  .Article_info_area .Article_info {
    margin-top: 0;
  }
}

.Article_logo {
  width: 60px;
  height: 60px;
  object-fit: contain;
}

@media (max-width: 749px) {
  .Article_logo {
    width: 50px;
    height: 50px;
  }
}

#event__area {
  position: fixed;
  bottom: 50px;
  right: 50px;
  background-color: #fff;
  padding: 0px 20px 10px;
  max-width: 300px;
  border-radius: 10px;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
  z-index: 5;
}

#event__area-close {
  position: absolute;
  width: 25px;
  right: -15px;
  top: -15px;
  cursor: pointer;
}

.event__title {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
  margin: 10px 0px 10px;
}

.event__image-area {
  border: 1px solid rgb(211, 211, 211);
}

.top-page__section_event {
  display: none;
}

@media (max-width: 749px) {
  #event__area {
    display: none;
  }

  .top-page__section_event {
    display: block;
  }

  .top-page__event-container {
    text-align: center;
  }

  .top-page__event-banner img {
    width: 80%;
  }
}

.top-page.message .top-page__hero-box {
	position: absolute;
	top: 40px;
	left: 100px;
	margin: auto;
	width: 1100px;
	height: 340px;
	/* background-color: #C4C4C4;
	opacity: 0.75;
	border: 1px solid #000000;
	box-sizing: border-box;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-right: none; */
}

.top-page.message .top-page__hero-box h1 {
	/* font-family: Roboto; */
	font-style: normal;
	font-weight: bold;
	font-size: 48px;
	line-height: 1.2em;
	color: #FFFFFF;
	/* margin-top: 30px;
	margin-left: 50px; */
}

.top-page.message .top-page__hero-box p {
	/* font-family: Roboto; */
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	line-height: 28px;
	color: #000000;
	margin-top: 16px;
	/* margin-left: 50px; */
}

.top-page.message .top-page__hero-box h2 {
	/* font-family: Roboto; */
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	line-height: 28px;
	color: #ffffff;
	margin-top: 16px;
	margin-left: 50px;
}

.top-page.message .top-page__hero-heading-area {
	margin: auto;
	opacity: 1;
}

.top-page.message .top-page__section.top-page__section_hero {
	display: flex;
	justify-content: center;
}

.top-page.message .top-page__hero-area {
	width: 100%;
	max-width: 1440px;
	height: 584px;
	background: url("img/message/bg.l.jpg") center center/cover no-repeat;
}

.top-page.message .top-button-group {
	position: absolute;
	/* top: 400px;
	right: 120px;
	width: 60%; */
	display: flex;
	justify-content: flex-end;
}

.top-page.message .top-button-group a {
	padding: 23px 36px;
	box-sizing: border-box;
	border-radius: 10px;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 22px;
	text-align: center;
	letter-spacing: -0.333333px;
}

.top-page.message .top-button-group a.consult {
	background: #FFFFFF;
	border: 1px solid #2c4198;
	color: #2c4198;
	margin-right: 30px;
}

.top-page.message .top-button-group a.request {
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
	background: #dd7b33;
	color: #FFFFFF;
	font-size:24px;
	font-weight: 900;
	border-radius:15px;

}

.top-page.message .top-button-group a.request:hover {
	color: #FFFFFF;
    opacity: initial;
    filter: brightness(0.8);
}

.top-page.message h2 {
	/* font-family: Roboto; */
	font-style: normal;
	font-weight: bold;
	font-size: 40px;
	text-align: center;
	line-height: 48px;
	color: #1D233D;
	margin-top: 100px;
}

.top-page.message .message-records p,
.top-page.message .message-alliance p,
.top-page.message .message-reason h3
{
	/* font-family: Roboto; */
	font-style: normal;
	font-weight: bold;
	font-size: 32px;
	line-height: 42px;
	text-align: center;
	color: #1D233D;
	margin-top: 40px;
}

.top-page.message .message-records p span,
.top-page.message .message-alliance p span,
.top-page.message h3 span {
	color: #A18E5C;
}

.top-page.message h2 span {
	font-size: 24px;
	color: #1D233D;
}

.top-page.message {
	overflow-x: hidden;
	font-family: "YuMincho";
}

.top-page.message .message-reason .message-reason-1 {
	display: flex;
	justify-content: center;
}

.top-page.message .message-reason .message-reason-1 p {
	/* font-family: Roboto; */
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 21px;
	color: #1D233D;
	margin-top: 40px;
}

.top-page.message .message-reason .message-reason-oath {
	width: 100%;
	max-width: 1100px;
	background: #FFFFFF;
	border-radius: 42px;
	margin: 40px auto 0;
	padding: 24px 0;
}

.top-page.message .message-reason-column .superscript {
	font-size: 10px;
	vertical-align: super;
}

.top-page.message .message-reason-column {
	margin: 80px auto;
	display: flex;
	justify-content: space-around;
	width: 100%;
	max-width: 1100px;
}

.top-page.message .message-reason-column h3 {
	/* font-family: Roboto; */
	font-style: normal;
	font-weight: bold;
	font-size: 36px;
	line-height: 42px;
	text-align: center;
	color: #1D233D;
	position: absolute;
	width: 600px;
}

.top-page.message .message-reason-column p {
	/* font-family: Roboto; */
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 21px;
	text-align: center;
	color: #1D233D;
	margin-top: 40px;
	position: absolute;
	width: 550px;
	top: 90px;
}

.top-page.message .message-reason-column p.note {
	font-size: 12px;
	line-height: 14px;
	top: 500px;
}

.top-page.message .message-reason-column .message-reason-2 {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
}

.top-page.message .message-reason-column .message-reason-3 {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
}

.top-page.message .message-reason-column .message-reason-column-image {
	width: 416px;
	height: 262px;
	background: #FFFFFF;
	border-radius: 42px;
	text-align: center;
	margin-top: 240px;
	margin-bottom: 80px;
}

.top-page.message .message-reason-column .message-reason-column-image img {
	width: 353px;
	height: 213px;
	margin-top: 20px;
}

.top-page.message .message-user-columns {
	width: 1100px;
	background: #FFFFFF;
	margin: 20px auto 180px;
	border-radius: 42px;
}

.top-page.message .message-user-columns h3 {
	/* font-family: Roboto; */
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	line-height: 28px;
	text-align: center;
	color: #000000;
	padding-top: 120px;
}

.top-page.message .message-user-columns h3:first-child {
	padding-top: 80px;
}

.top-page.message .message-user-columns p {
	/* font-family: Roboto; */
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 21px;
	text-align: center;
	color: #000000;
	margin-top: 20px;
}

.top-page.message .message-user-columns .message-user-figure {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	margin: 20px auto 0;
}

.top-page.message .message-user-columns .message-user-figure.age {
	width: 575px;
}

.top-page.message .message-user-columns .message-user-figure.kind {
	width: 579px;
}

.top-page.message .message-user-columns .message-user-figure.graph {
	width: 900px;
	padding-bottom: 80px;
}

.top-page.message .message-records-columns {
	margin: 80px auto;
	display: flex;
	justify-content: space-evenly;
	width: 100%;
	max-width: 1440px;
}

.top-page.message .message-records-columns .message-records-column {
	width: 100%;
	max-width: 1100px;
	height: 493px;
	background: #FFFDFD;
	border-radius: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.top-page.message .message-records-columns .message-records-column img {
	width: 264px;
	height: 250px;
}

.top-page.message .message-records-columns .message-records-column .message-records-text {
	/* font-family: Montserrat; */
	font-style: normal;
	font-weight: bold;
	font-size: 48px;
	line-height: 59px;
	text-align: center;
	letter-spacing: 0.02em;
	display: flex;
	align-items: flex-end;
	margin-top: 32px;
}

.top-page.message .message-records-columns .message-records-column .message-records-text span:first-child {
	color: #FFFFFF;
	background-color: #2C4198;
	padding: 10px 20px;
}

.top-page.message .message-records-columns .message-records-column .message-records-text span:nth-child(2) {
	/* font-family: Montserrat; */
	font-style: normal;
	font-weight: bold;
	font-size: 80px;
	line-height: 80px;
	color: #2C4198;
	margin-left: 20px;
}

.top-page.message .message-records-columns .message-records-column .message-records-text span:nth-child(3) {
	/* font-family: Montserrat; */
	font-style: normal;
	font-weight: bold;
	font-size: 56px;
	line-height: 66px;
	color: #2C4198;
}

.top-page.message .message-records .note {
	/* font-family: Roboto; */
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	text-align: center;
	color: #1D233D;
	margin-top: 40px;
}

.top-page.message .message-cases {
	margin-bottom: 180px;
}

.top-page.message .message-cases .message-cases-columns .message-cases-column-content {
	width: 233px;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
}

.message-cases .message-cases-columns {
	width: 100%;
	max-width: 1100px;
	margin: 40px auto 0;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.message-cases .message-cases-columns .message-cases-column {
	height: 156px;
	background: #FFFFFF;
	box-sizing: border-box;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 10px;
	display: flex;
	margin: 0 6px 30px;
}

.message-cases .message-cases-columns .message-cases-column .message-cases-column-img {
	margin: 10px;
	display: flex;
	align-items: center;
}

.message-cases .message-cases-columns .message-cases-column img {
	width: 100px;
	height: 100px;
	border-radius: 10px;
	object-fit: cover;
}

.message-cases .message-cases-columns .message-cases-column .message-cases-column-title {
	/* font-family: Noto Sans CJK JP; */
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.56px;
	color: #000000;
	margin-right: 10px;
}

.message-cases .message-cases-columns .message-cases-column .message-cases-column-content-bottom {
	display: flex;
	justify-content: space-between;
}

.message-cases .message-cases-columns .message-cases-column .message-cases-column-position {
	/* font-family: Montserrat; */
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 1px;
	color: #2C4198;
}

.message-cases .message-cases-columns .message-cases-column .message-cases-column-name {
	/* font-family: Noto Sans CJK JP; */
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 24px;
	color: #000000;
}

.message-cases .message-cases-columns .message-cases-column .message-cases-column-content-bottom-link {
	display: flex;
	align-items: flex-end;
	margin-right: 10px;
	color: #2C4198;
}

.message-messages .message-messages-columns {
	width: 1100px;
	margin: 40px auto 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	background: #FFFDFD;
	border-radius: 20px;
}

.message-messages .message-messages-columns h3 {
	/* font-family: Noto Sans CJK JP; */
	font-style: normal;
	font-weight: bold;
	font-size: 32px;
	line-height: 42px;
	text-align: center;
	letter-spacing: 2px;
	color: #2C4198;
	margin: 70px auto;
}

.message-messages .message-messages-columns .message-messages-column-content {
	display: flex;
	margin-bottom: 120px;
}

.message-messages .message-messages-columns .message-messages-column-content .message-messages-image img {
	width: 380px;
	height: 450px;
	border-radius: 20px;
	object-fit: cover;
	margin-right: 80px;
}

.message-messages .message-messages-columns .message-messages-column-content .message-messages-text {
	width: 520px;
	/* font-family: Noto Sans CJK JP; */
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.5em;
	letter-spacing: 2px;
	color: #000000;
}

.message-messages .message-messages-columns .message-messages-column-content .message-messages-ceo  {
	/* font-family: Noto Sans CJK JP; */
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 32px;
	letter-spacing: 2px;
	color: #000000;
	margin-top: 60px;
}

.message-messages .message-messages-columns .message-messages-column-content .message-messages-name {
	margin-top: 20px;
}

.message-alliance-columns {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	width: 1100px;
	margin: 80px auto;
}

.message-alliance-columns .message-alliance-column {
	width: 200px;
	height: 112px;
	background: #FFFFFF;
	border-radius: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 20px 10px;
}

.message-alliance-columns .message-alliance-column img {
	max-width: 150px;
	max-height: 100px;
	object-fit: cover;
}

.top-page.message .top-page__section_question {
	background-color: unset;
	padding: 10px 0 100px;
}

.top-page.message .top-page__question-area {
	margin-top: 40px;
}

.top-page.message .key-parson {
	padding: 60px 0;
	background: #2C4198;
}

.top-page.message .key-parson h3 {
	/* font-family: Roboto; */
	font-style: normal;
	font-weight: bold;
	font-size: 36px;
	text-align: center;
	color: #FAED00;
}

.top-page.message .key-parson p {
	margin-top: 42px;
	/* font-family: Roboto; */
	font-style: normal;
	font-weight: normal;
	font-size: 24px;
	line-height: 28px;
	text-align: center;
	color: #FFFFFF;
}

.top-page.message .button-group {
	display: flex;
	justify-content: center;
	margin-top: 42px;
}

.top-page.message .button-group a {
	padding: 23px 36px;
	box-sizing: border-box;
	border-radius: 10px;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 22px;
	text-align: center;
	letter-spacing: -0.333333px;
	margin: 0 30px;
}

.top-page.message .button-group a.key-parson-consul {
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
	background: #FFFFFF;
	border: 1px solid #555555;
	color: #000000;
}

.top-page.message .button-group a.key-parson-request {
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
	background: #dd7b33;
	color: #FFFFFF;
}

.top-page.message i {
	margin-left: 12px;
}

@media only screen and (max-width: 960px) {
	.top-page.message .top-page__hero-area {
		width: 100%;
		height: 440px;
		background: url("img/message/bg.l.jpg") top contain no-repeat;
	}

	.top-page.message .top-page__hero-box {
		width: calc(100% - 20px);
		height: auto;
		top: 80px;
		left: auto;
		text-align:center;
	}

	.top-page.message .top-page__hero-box h1 {
		font-size: 3rem;
		line-height: 1.2em;
		margin: 5px;
	}

	.top-page.message .top-page__hero-box p {
		display: none;
	}

	.top-page.message .top-page__hero-box h2 {
		font-size: 14px;
		line-height: 1.2em;
		margin-top: 10px;
		margin-left: 5px;
		margin-bottom: 10px;
	}

	.top-page.message .top-button-group {
		/* top: 230px;
		right: 0; */
		flex-direction: column;
	}

	.top-page.message .top-button-group a {
		font-size: 1.4rem;
		line-height: 1.4rem;
	}

	.top-page.message .top-button-group a.consult {
		margin-right: unset;
	}

	.top-page.message .top-button-group a:first-child {
		margin-bottom: 10px;
	}

	.top-page.message .message-reason .message-reason-oath {
		width: calc(100% - 40px);
	}

	.top-page.message .top-button-group a.request {
		font-size: 1em;
	}

	.top-page.message h2 {
		width: calc(100% - 40px);
		margin: 40px auto 0;
		font-size: 3rem;
		line-height: 3rem;
	}

	.top-page.message .message-records p,
	.top-page.message .message-alliance p,
	.top-page.message .message-reason h3 {
		width: calc(100% - 40px);
		margin: 40px auto 0;
		font-size: 2rem;
		line-height: 2rem;
	}

	.top-page.message .message-reason .message-reason-1 p {
		font-size: 14px;
		width: calc(100% - 40px);
		margin: 40px auto 0;
	}

	.top-page.message .message-reason-column {
		width: calc(100% - 40px);
		flex-direction: column;
		margin-top: 30px;
	}

	.top-page.message .message-reason-column h3 {
		width: 100%;
		margin: 30px auto 0;
		font-size: 2rem;
		line-height: 2rem;
		position: static;
	}

	.top-page.message .message-reason-column .message-reason-column-image {
		width: 100%;
		margin-top: 40px;
		margin-bottom: 0;
	}

	.top-page.message .message-reason-column .message-reason-column-image img {
		width: calc(100% - 40px);
	}

	.top-page.message .message-reason-column p {
		font-size: 14px;
		line-height: normal;
		margin-top: 20px;
		position: static;
		width: auto;
	}

	.top-page.message .message-user-columns {
		width: calc(100% - 40px);
		height: auto;
		margin: 20px auto 60px;
	}

	.top-page.message .message-user-columns h3 {
		font-size: 2rem;
		line-height: 3rem;
		padding-top: 60px;
	}

	.top-page.message .message-user-columns h3:first-child {
		padding-top: 40px;
	}

	.top-page.message .message-user-columns p {
		width: calc(100% - 40px);
		margin: 20px auto 0;
		font-size: 1.5rem;
		line-height: 2rem;
	}

	.top-page.message .message-user-columns .message-user-figure.age {
		width: 100%;
		align-items: center;
	}

	.top-page.message .message-user-columns .message-user-figure.kind {
		width: 100%;
		align-items: center;
	}

	.top-page.message .message-user-columns .message-user-figure.graph {
		width: 100%;
		align-items: center;
		padding-bottom: 40px;
	}

	.top-page.message .message-records-columns {
		width: calc(100% - 40px);
		flex-direction: column;
		margin: 40px auto 10px;
	}

	.top-page.message .message-records-columns .message-records-column {
		width: 100%;
		height: auto;
		padding: 20px;
		margin-bottom: 20px;
	}

	.top-page.message .message-records-columns .message-records-column .message-records-text {
		width: 100%;
		font-size: 24px;
		justify-content: center;
	}

	.top-page.message .message-records-columns .message-records-column .message-records-text span:first-child {
		padding: 0px 20px;
	}

	.top-page.message .message-records-columns .message-records-column .message-records-text span:nth-child(2) {
		font-size: 64px;
		line-height: 58px;
	}

	.top-page.message .message-records-columns .message-records-column .message-records-text span:nth-child(3) {
		font-size: 40px;
		line-height: 50px;
	}

	.top-page.message .message-records .note {
		font-size: 12px;
		line-height: 12px;
		margin: 0 auto 40px;
	}

	.top-page.message .message-cases {
		margin-bottom: 40px;
	}

	.message-cases .message-cases-columns {
		width: calc(100% - 40px);
		flex-direction: column;
		margin-top: 40px;
	}

	.message-cases .message-cases-columns .message-cases-column {
		width: 100%;
		margin: 0 0 20px;
	}

	.top-page.message .message-cases .message-cases-columns .message-cases-column-img {
		width: 30%;
	}

	.top-page.message .message-cases .message-cases-columns .message-cases-column-img img {
		width: auto;
		height: auto;
	}

	.top-page.message .message-cases .message-cases-columns .message-cases-column-content {
		width: 70%;
	}

	.message-messages .message-messages-columns {
		width: calc(100% - 40px);
	}

	.message-messages .message-messages-columns h3 {
		font-size: 24px;
		line-height: 30px;
		margin: 20px auto;
	}

	.message-messages .message-messages-columns .message-messages-column-content {
		flex-direction: column;
		margin-bottom: 60px;
	}

	.message-messages .message-messages-columns .message-messages-column-content .message-messages-text {
		width: calc(100% - 40px);
		margin: 20px auto 0;
	}

	.message-messages .message-messages-columns .message-messages-column-content .message-messages-image {
		width: calc(100% - 40px);
		margin: 0 auto;
	}

	.message-messages .message-messages-columns .message-messages-column-content .message-messages-image img {
		width: 100%;
		height: auto;
		margin: 0;
	}

	.message-messages .message-messages-columns .message-messages-column-content .message-messages-ceo {
		margin-top: 20px;
	}

	.message-alliance-columns {
		width: calc(100% - 40px);
		margin: 40px auto;
	}

	.message-alliance-columns .message-alliance-column {
		width: calc(50% - 10px);
		margin: 10px 5px;
	}

	.message-alliance-columns .message-alliance-column img {
		max-width: 150px;
	}

	.top-page.message .key-parson {
		padding: 60px 20px;
	}

	.top-page.message .key-parson p {
		font-size: 16px;
		line-height: 20px;
	}

	.top-page.message .button-group {
		flex-direction: column;
	}

	.top-page.message .button-group a {
		margin: 0;
		font-size: 1.6rem;
	}

	.top-page.message .button-group a:first-child {
		margin-bottom: 20px;
	}

	.top-page.message .top-page__section_question {
		padding: 0 12px 80px;
	}
}

.company__member-block {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 60px;
}

.company__member-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	cursor: pointer;
	flex-basis: calc((100% - 270px) / 4);
	max-width: calc((100% - 270px) / 4);
	margin-top: 60px;
}

.company__member-item:nth-of-type(-n+4) {
	margin-top: 0;
}

.company__member-item:nth-of-type(4n-3) {
	margin-right: 45px;
}

.company__member-item:nth-of-type(4n-2) {
	margin-right: 45px;
	margin-left: 45px;
}

.company__member-item:nth-of-type(4n-1) {
	margin-right: 45px;
	margin-left: 45px;
}

.company__member-item:nth-of-type(4n) {
	margin-left: 45px;
}

.company__member-item:nth-of-type(4n-1):nth-last-of-type(1),
.company__member-item:nth-of-type(4n-2):nth-last-of-type(1) {
	margin-right: auto;
	margin-left: 45px;
}

.company__member-item:nth-of-type(4n-2):nth-last-of-type(2) {
	margin-right: 45px;
	margin-left: 45px;
}

.company__member-item.and__more {
	cursor: auto;
}

.company__member-image {
	width: 100%;
}

.company__member-name {
	font-weight: bold;
	font-size: 18px;
	margin-top: 16px;
	line-height: 25px;
}

.company__member-position {
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
}

@media (max-width: 749px) {
	.company__member-block {
		margin-top: 40px;
		padding-bottom: 40px;
	}

	.company__member-item {
		flex-basis:calc((100% - 20px) / 2);
		max-width:calc((100% - 20px) / 2);
		margin-top: 40px;
	}

	.company__member-item:nth-of-type(3),
	.company__member-item:nth-of-type(4) {
		margin-top: 40px;
	}

	.company__member-item:nth-of-type(4n-3) {
		margin-right: 0;
	}

	.company__member-item:nth-of-type(4n-2) {
		margin-right: 0;
		margin-left: 0;
	}

	.company__member-item:nth-of-type(4n-1) {
		margin-right: 0;
		margin-left: 0;
	}

	.company__member-item:nth-of-type(4n) {
		margin-left: 0;
	}

	.company__member-item:nth-of-type(4n-1):nth-last-of-type(1) {
		margin-right: 0;
		margin-left: 0;
	}

	.company__member-item:nth-of-type(4n-2):nth-last-of-type(1) {
		margin-right: 0;
		margin-left: 0;
	}

	.company__member-item:nth-of-type(4n-2):nth-last-of-type(2) {
		margin-right: 0;
		margin-left: 0;
	}

	.company__member-image {
		width: calc(100% - 30px);
	}

	.company__member-name {
		margin-top: 10px;
		font-size: 14px;
		line-height: 19px;
	}

	.company__member-position {
		font-size: 12px;
		line-height: 16px;
	}
}

.modal__overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(256,256,256,0.6);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 10;
}

.modal__container {
	max-width: 1200px;
	max-height: 100vh;
	border-radius: 4px;
	overflow-y: auto;
	box-sizing: border-box;
}

.modal__block {
	display: flex;
}

.modal__image {
	width: 400px;
	height: 400px;
}

.modal__content {
	width: 560px;
	position: relative;
	display: flex;
	flex-direction: column;
	padding-left: 60px;
	padding-right: 25px;
	background-color: #fff;
}

.modal__close {
	position: absolute;
	background: transparent;
	border: 0;
	top: 20px;
	right: 20px;
	cursor: pointer;
}

.modal__close:before {
	font-size: 20px;
	content: "\2715";
}

.modal__close.sp {
	display: none;
}

.modal__name {
	font-weight: bold;
	font-size: 18px;
	line-height: 25px;
	margin-top: 60px;
}

.modal__position {
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
	color: #2C4198;
}

.modal__description {
	font-size: 14px;
	line-height: 19px;
	margin-top: 26px;
}

a.modal__link {
	width: 100%;
	margin-top: 26px;
	padding: 15px 12px;
	font-weight: bold;
	font-size: 14px;
	line-height: 19px;
	color: #2C4198;
	background-color: #E3E5F1;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

a.modal__link:hover {
	filter: none;
}

a.modal__link,
a.modal__link {
	outline: none !important;
	box-shadow: none !important;
	border: 0 !important;
}

a.modal__link:after {
	content: url(./img/company/arrow_right_company.svg);
	width: 16px;
	height: 16px;
}

.modal__prev, .modal__next {
	width: 88px;
	display: flex;
	align-items: center;
}

.modal__prev img,
.modal__next img {
	width: 100%;
	height: fit-content;
	cursor: pointer;
}

.micromodal-slide {
	display: none;
}

.micromodal-slide.is-open {
	display: block;
}

@media (max-width: 749px) {
	.modal__container {
		width: calc(100% - 40px);
	}

	.modal__block {
		position: relative;
		flex-direction: column;
		align-items: center;
		background-color: #F5F5F5;
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.modal__close {
		display: none;
	}

	.modal__close.sp {
		display: block;
	}

	.modal__content {
		width: calc(100% - 40px);
		padding: 0;
		background-color: #F5F5F5;
	}

	.modal__image {
		width: 60%;
		height: auto;
	}

	.modal__name {
		text-align: center;
		margin-top: 20px;
	}

	.modal__position {
		text-align: center;
	}

	.modal__description {
		font-size: 1rem;
		line-height: 1.1em;
	}

	.modal__prev, .modal__next {
		display: none;
	}
}




.floating {
	position: fixed;
	display: none;
	left: 10px;
	bottom: 10px;
	padding:0px 50px;
	width:100%;
	text-align:center;

}

.floating a {
	display: block;
	width:80%;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
	background: #dd7b33;
	color: #FFFFFF;
	font-size:24px;
	font-weight: 900;
	border-radius:10px;
	padding: 10px 10px;
	margin:auto;
}