/* Tools */

/* 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;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

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

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main {
	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;
}

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

.text-align-right {
	text-align: right;
}

.display-block {
	display: block;
}

.hidden {
	display: none !important;
	visibility: hidden;
}

.clearfix::before,
.clearfix::after {
	content: "";
	display: table;
}

.clearfix::after {
	clear: both;
}

.clear {
	clear: both;
}

/* show only  SP/PC
-------------------------------*/

.sp-only {
	display: none !important;
}

.sp-only-2 {
	display: none !important;
}

.pc-only {
	display: block !important;
}

.pc-only-2 {
	display: inline-block !important;
}

/* font
-------------------------------*/

.bold {
	font-weight: bold;
}

/* margin
-------------------------------*/

/* padding
-------------------------------*/

/* base */

html {
	font-size: 62.5%;
}

body {
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1.4rem;
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	color: #000;
}

a {
	text-decoration: none;
	color: inherit;
}

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

input,
textarea,
select,
button {
	font-family: inherit;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
}

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

button {
	cursor: pointer;
	font-size: inherit;
}

/* for development */

pre {
	padding: 15px;
	background: #eee;
	font-size: 1.2rem;
	line-height: 1.2;
}

/* Layout */

.l-body {
	width: 100%;
	overflow-x: hidden;
}

.l-body.is-fixed {
	position: fixed;
}

.l-header {
	height: 60px;
	position: relative;
	z-index: 1000;
	background: #ffffff;
}

.l-home-wrapper {
	width: 89.33333%;
	margin-left: auto;
	margin-right: auto;
}

.l-wrapper {
	position: relative;
	width: 89.33333%;
	margin-left: auto;
	margin-right: auto;
}

.l-content {
	background: #F5EEDD;
	padding-top: 52px;
}

/* Module */

.footer {
	position: relative;
	background: #000;
	padding: 30px 10px 19px;
}

.footer__text {
	text-align: center;
}
.footer__text img { width: 190px; }

.footer__sns-wrap {
	margin-top: 16px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.footer__sns {
	display: block;
}
.footer__sns { width: 34px; }
.footer__sns:not(:last-child) {
	margin-right: 15px;
}

.footer__sns img {
	width: 100%;
}

.footer__logo {
	margin: 19px auto 0;
	width: 159px;
}

.header-logo {
	display: block;
	width: 159px;
	position: absolute;
	top: 15px;
	left: 15px;
}

.header-logo a {
	display: block;
}

.copyright {
	background: #333333;
	text-align: center;
	font-size: 9px;
	color: #fff;
	padding: 16px 0;
	letter-spacing: 0.05em;
}

.fixed-image {
	position: relative;
	width: 100%;
	height: calc(100vh - 60px);
	max-height: 640px;
}

.fixed-image__img {
	width: 100%;
	height: 100%;
}

.fixed-image__img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	font-family: "object-fit: cover;";
}

.fixed-image__num {
	width: 80px;
	position: absolute;
	bottom: 0;
	right: 0;
}

.fixed-image__heading {
	width: 110px;
	position: absolute;
	top: 40px;
	left: 30px;
}

.scrollin,
.scrollins__item {
	opacity: 0;
	-webkit-transform: translate(0, 70px);
	-ms-transform: translate(0, 70px);
	transform: translate(0, 70px);
}

.scrollin.is-visible,
.scrollins__item.is-visible {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition: 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.heading-1 {
	text-align: center;
	font-family: "EB Garamond", serif;
	font-size: 3.4rem;
}

.heading-2 {
	position: relative;
	padding-left: 22px;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.6666;
	letter-spacing: 0.05em;
	color: #00437b;
	margin-bottom: 16px;
}

.heading-2::before {
	position: absolute;
	content: "";
	background: url(../img/deco_title_sp.png) no-repeat center center/contain;
	top: 50%;
	left: 0;
	width: 8px;
	height: 48px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.heading-2--02 {
	color: #76264f;
}

.heading-2--02::before {
	background: url(../img/deco_title_02_sp.png) no-repeat center center/contain;
}

.heading-2--03 {
	color: #006551;
}

.heading-2--03::before {
	background: url(../img/deco_title_03_sp.png) no-repeat center center/contain;
}

.heading-2--04 {
	color: #899300;
}

.heading-2--04::before {
	background: url(../img/deco_title_04_sp.png) no-repeat center center/contain;
}

.others-wrap {
	padding-top: 50px;
	padding-bottom: 33px;
	position: relative;
}

.others-wrap::before {
	content: "";
	background: #ffffff;
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 100vw;
	height: 76.5%;
	z-index: 10;
}

.others {
	margin-top: 27px;
	position: relative;
	z-index: 20;
}

.others__item:not(:last-child) {
	margin-bottom: 22px;
}

.others__inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.others__image {
	width: 38.8%;
}

.others__image img {
	display: block;
}

.others__content {
	width: 56.5%;
}

.others__num { width: 60px; height: 60px; }
.others__num img {
	display: block;
}

.others__text {
	margin-top: 12px;
	font-size: 1.3rem;
	line-height: 1.6923;
}

.link {
	padding-top: 40px;
	padding-bottom: 40px;
	margin-bottom: -10px;
}

.link__item {
	width: 100%;
	margin-bottom: 10px;
}

.link__item a {
	display: block;
	background: #0054a6;
	padding: 13px;
	color: #fff;
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.5;
}

.text {
	font-size: 1.5rem;
	line-height: 2;
	text-align: justify;
}

.text p:not(:last-child) {
	margin-bottom: 2em;
}

.voice {
	margin-top: 34px;
	position: relative;
	color: #fff;
	padding: 29px 0 34px;
}

.voice::before {
	position: absolute;
	content: "";
	background: url(../img/bg_voice_sp.jpg) center center/cover;
	width: 100vw;
	height: 100%;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.voice--02::before {
	background: url(../img/bg_voice_02_sp.jpg) center center/cover;
}

.voice--03::before {
	background: url(../img/bg_voice_03_sp.jpg) center center/cover;
}

.voice--04::before {
	background: url(../img/bg_voice_04_sp.jpg) center center/cover;
}

.voice__top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
}

.voice__image {
	width: 41.8%;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	position: relative;
}

.voice__image img {
	display: block;
}

.voice__image--3 {
	width: 41.8%;
	margin-right: 6%;
	margin-top: 6px;
}

.voice__info {
	margin-top: 5px;
	width: 60%;
	position: relative;
}

.voice__info--no-img {
	width: 100%;
	padding-bottom: 17px;
	margin-top: 0;
}

.voice__info--no-img:not(:first-child) {
	padding-top: 18px;
}

.voice__info--no-img:not(:last-child) {
	border-bottom: 1px dotted #fff;
}

.voice__info--no-img .voice__name {
	border-bottom: none;
	padding-bottom: 0;
}

.voice__info--no-img .voice__name__jp {
	display: inline;
	vertical-align: middle;
}

.voice__info--no-img .voice__name__en {
	display: inline;
	padding-left: 5px;
}

.voice__info--no-img .voice__position {
	margin-top: 8px;
}

.voice__name {
	padding-bottom: 20px;
	border-bottom: 1px dotted #fff;
}

.voice__name__jp {
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.09;
}

.voice__name__jp span {
	font-size: 2.2rem;
}
.voice__name__jp small.fw400 { font-weight: 400; }

.voice__name__en {
	margin-top: 7px;
	font-size: 1.1rem;
	font-family: "EB Garamond", serif;
	letter-spacing: 0.05em;
}

.voice__position {
	margin-top: 16px;
	font-size: 1.3rem;
	line-height: 1.5384;
}

.voice__position span {
	font-size: .85em;
}

.voice__text {
	margin-top: 23px;
	line-height: 1.8666;
	text-align: justify;
	font-size: 1.5rem;
	position: relative;
}

.voice__bottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.voice__bottom .voice__text {
	margin-top: 0;
}

.voice__note {
	font-size: 1rem;
	line-height: 1.5;
	position: relative;
	margin-top: 11px;
}

.chapter-1 {
	margin-top: 33px;
	margin-bottom: 50px;
}

.chapter-1__text {
	font-size: 1.3rem;
	line-height: 1.85;
	text-align: justify;
	margin-top: 13px;
}

.chapter-1__top {
	margin-bottom: 56px;
}

.chapter-1__image-2 {
	width: 100vw;
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.chapter-1__image-2 img {
	display: block;
}

.chapter-1__image-2__text {
	display: inline-block;
	width: 137px;
	position: absolute;
	top: -40px;
	left: calc(50% - 6px);
}

.chapter-1__image-3 {
	width: 106%;
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50vw);
	-ms-transform: translateX(-50vw);
	transform: translateX(-50vw);
	margin-top: 25px;
}

.chapter-1__image-4 {
	width: 62.1%;
	margin-left: auto;
	margin-right: 0;
	position: relative;
	margin-top: 29px;
}

.chapter-1__image-4__text {
	display: block;
	width: 150px;
	position: absolute;
	top: -38px;
	right: calc(100% - 23px);
}

.chapter-2 {
	margin-top: 33px;
	margin-bottom: 54px;
}

.chapter-2__text {
	font-size: 1.3rem;
	line-height: 1.85;
	text-align: justify;
	margin-top: 13px;
}

.chapter-2__top {
	margin-bottom: 38px;
}

.chapter-2__image-1 {
	width: 100vw;
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.chapter-2__middle {
	position: relative;
	padding: 100px 0 0;
}

.chapter-2__middle__text {
	width: 169px;
	position: absolute;
	top: -13px;
}

.chapter-2__image-2 {
	width: 71.6%;
	margin-left: auto;
	margin-right: 0;
	position: relative;
}

.chapter-2__image-2 img {
	display: block;
}

.chapter-2__image-2__text {
	display: inline-block;
	width: 149px;
	position: absolute;
	bottom: calc(100% - 17px);
	right: 0;
}

.chapter-2__image-3 {
	width: 148px;
	position: absolute;
	top: 95px;
	left: 6px;
	-webkit-box-shadow: 3px 3px 3px rgba(4, 0, 0, 0.15);
	box-shadow: 3px 3px 3px rgba(4, 0, 0, 0.15);
	-webkit-transform: rotate(-9deg);
	-ms-transform: rotate(-9deg);
	transform: rotate(-9deg);
}

.chapter-2__image-4 {
	width: 100%;
	position: relative;
	margin-top: 35px;
}

.chapter-2__image-4__text {
	display: block;
	width: 178px;
	position: absolute;
	top: -53px;
	left: 0;
}

.chapter-3 {
	margin-top: 60px;
	margin-bottom: 50px;
}

.chapter-3__text {
	font-size: 1.3rem;
	line-height: 1.85;
	text-align: justify;
	margin-top: 13px;
}

.chapter-3__top {
	margin-bottom: 55px;
}

.chapter-3__image-1 {
	width: 100%;
	position: relative;
}

.chapter-3__image-1__text {
	display: block;
	width: 149px;
	position: absolute;
	top: -35px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.chapter-3__image-2 {
	width: 100vw;
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.chapter-3__image-2 img {
	display: block;
}

.chapter-3__image-2__text {
	display: inline-block;
	width: 156px;
	position: absolute;
	top: -58px;
	right: 20px;
}

.chapter-3__bottom {
	margin-top: -55px;
	position: relative;
}

.chapter-3__bottom__text {
	margin-top: 4px;
}

.chapter-3__image-3 {
	width: calc(100% + 20px);
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.chapter-4 {
	margin-top: 33px;
	margin-bottom: 50px;
}

.chapter-4__text {
	font-size: 1.3rem;
	line-height: 1.85;
	text-align: justify;
	margin-top: 13px;
}

.chapter-4__top {
	margin-bottom: 45px;
}

.chapter-4__image-1 {
	width: 100%;
	position: relative;
}

.chapter-4__middle {
	margin-bottom: 36px;
}

.chapter-4__image-2 {
	width: 106%;
	position: relative;
}

.chapter-4__image-2 img {
	display: block;
}

.chapter-4__image-2__text {
	display: inline-block;
	width: 182px;
	position: absolute;
	top: -25px;
	left: 0;
}

.chapter-4__image-3 {
	width: 106%;
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50vw);
	-ms-transform: translateX(-50vw);
	transform: translateX(-50vw);
}

.chapter-4__bottom-2 {
	margin-top: 40px;
}

.mainvisual {
	height: 100vh;
	margin-top: -60px;
	position: relative;
}

.mainvisual__slide {
	height: 100%;
}

.mainvisual__item {
	overflow: hidden;
}

.mainvisual__item img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	font-family: "object-fit: cover;";
}

.mainvisual__logo {
	width: 200px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 100;
	opacity: 0;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	margin-top: 20px;
}

.mainvisual__logo::before {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	background: rgba(0, 0, 0, 0.3);
	position: absolute;
	top: 0;
	left: 0;
}

.mainvisual__logo img {
	position: relative;
}

.mainvisual__logo.is-visible {
	opacity: 1;
}

.top-lead {
	padding: 40px 0 53px;
}

.top-lead__heading {
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 2.73;
	text-align: center;
	letter-spacing: .05em;
	margin-bottom: 4px;
}

.top-lead__text {
	font-size: 1.5rem;
	line-height: 2;
	letter-spacing: .05em;
	text-align: center;
}

.page-link {
	padding-bottom: 13.33vw;
	position: relative;
}

.page-link::before {
	content: "";
	width: 100vw;
	height: 79%;
	display: block;
	background: #F5EEDD;
	position: absolute;
	bottom: 18.7vw;
	left: 0;
}

.page-link__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-bottom: -2.13vw;
	position: relative;
}

.page-link__list__item {
	width: 44.8%;
	position: relative;
	margin-bottom: 2.13vw;
}

.page-link__list__item:nth-child(odd) {
	margin-right: 5.1%;
}

.page-link__list__item:nth-child(even) {
	margin-top: 10.7vw;
}

.page-link__list__item a {
	display: block;
}

.page-link__num {
	display: block;
	width: 29.8%;
	position: absolute;
	top: 0;
	left: 0;
}

.page-link__num img {
	width: 100%;
}

.page-link__heading {
	width: 41.67%;
	position: absolute;
	top: 46.5%;
	left: 20px;
}

.page-link__heading img {
	width: 100%;
}

.page-link__heading--2 {
	top: 48%;
}

.page-link__heading--3 {
	top: 52.5%;
}

.page-link__heading--4 {
	top: 52.5%;
}

.top-link {
	margin-bottom: -10px;
	padding: 19px 0 40px;
}

.top-link__item {
	margin-bottom: 10px;
	position: relative;
}

.top-link__image img {
	display: block;
	width: 100%;
}

.top-link__text {
	font-size: 1.156rem;
	font-weight: 700;
	letter-spacing: .05em;
	width: 172px;
	background: #0054A6;
	color: #ffffff;
	padding: 11px 15px;
	position: absolute;
	bottom: 0;
	right: 0;
}

.top-link__text::before {
	content: "";
	width: 13.6px;
	height: 3px;
	display: block;
	background: url(../img/arrow_link.png) no-repeat center/contain;
	position: absolute;
	top: 50%;
	right: 12px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

@media screen and (min-width: 681px) {

.l-body { /* pc */
	min-width: 1200px;
}

.l-header { /* pc */
	height: 90px;
}

.l-footer { /* pc */
	position: relative;
}

.l-footer--page { /* pc */
	width: 700px;
	margin-left: auto;
	margin-right: 0;
}

.l-home-wrapper { /* pc */
	max-width: 1100px;
}

.l-wrapper { /* pc */
	max-width: 600px;
}

.l-fixed-image { /* pc */
	width: calc(100% - 700px);
	height: 100vh;
	position: absolute;
	top: 90px;
	left: 0;
	z-index: 1000;
	min-width: 500px;
}

.l-fixed-image.is-fixed { /* pc */
	position: fixed;
	top: 0;
}

.l-content { /* pc */
	width: 700px;
	margin-left: auto;
	margin-right: 0;
	padding-top: 74px;
}

.footer { /* pc */
	padding: 44px 30px 28px;
}

.footer__bottom { /* pc */
	margin-top: -1px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.l-footer--page .footer__bottom { /* pc */
	margin-top: 6px;
}

.footer__sns-wrap { /* pc */
	margin-top: 9px;
}

.footer__sns:not(:last-child) { /* pc */
	margin-right: 10px;
}

.footer__sns { /* pc */
	width: 30px;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}

.footer__sns:hover {
	opacity: 0.7;
}

.l-footer--page .footer__sns { /* pc */
	width: 24px;
}

.footer__logo { /* pc */
	width: 212px;
	margin: 0;
}

.l-footer--page .footer__logo { /* pc */
	width: 158px;
}

.header-logo { /* pc */
	width: 212px;
	top: 25px;
	left: 25px;
}

.copyright { /* pc */
	padding: 0;
	background: none;
	position: absolute;
	left: 50%;
	bottom: 30px;
	-webkit-transform: translate(-50%);
	-ms-transform: translate(-50%);
	transform: translate(-50%);
}

.fixed-image { /* pc */
	height: 100%;
	max-height: 100%;
}

.fixed-image__num { /* pc */
	width: 120px;
	bottom: auto;
	top: 40px;
	left: 40px;
}

.fixed-image__heading { /* pc */
	width: 120px;
	top: 190px;
	left: 40px;
}

.heading-1 { /* pc */
	font-size: 4rem;
}

.heading-2 { /* pc */
	font-size: 2rem;
	line-height: 1.7;
	padding-left: 28px;
	margin-bottom: 23px;
}

.heading-2::before { /* pc */
	background: url(../img/deco_title_pc.png) no-repeat center center/contain;
	height: 56px;
}

.heading-2--02::before { /* pc */
	background: url(../img/deco_title_02_pc.png) no-repeat center center/contain;
}

.heading-2--03::before { /* pc */
	background: url(../img/deco_title_03_pc.png) no-repeat center center/contain;
}

.heading-2--04::before { /* pc */
	background: url(../img/deco_title_04_pc.png) no-repeat center center/contain;
}

.others-wrap { /* pc */
	padding-top: 78px;
	padding-bottom: 52px;
}

.others-wrap::before { /* pc */
	width: 700px;
	height: 273px;
}

.others { /* pc */
	margin-top: 33px;
	background: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.others__item:not(:last-child) { /* pc */
	margin-bottom: 0;
}

.others__item { /* pc */
	width: 180px;
	position: relative;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}

.others__item:not(:last-child) {
	margin-right: 30px;
}

.others__item:hover .others__image img {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

.others__inner { /* pc */
	display: block;
}

.others__image img { /* pc */
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}

.others__image { /* pc */
	width: auto;
	overflow: hidden;
}

.others__content { /* pc */
	width: auto;
}

.others__num { /* pc */
	position: absolute;
	top: 0;
	left: 0;
}

.others__text { /* pc */
	margin-top: 15px;
	font-size: 1.4rem;
	line-height: 1.5714;
}

.link { /* pc */
	padding-top: 49px;
	padding-bottom: 50px;
	margin-bottom: -20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.link__item { /* pc */
	width: 47.5%;
	margin-bottom: 20px;
}

.link__item:not(:nth-child(2n)) {
	margin-right: 30px;
}

.link__item a { /* pc */
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}

.link__item a:hover {
	opacity: .7;
}

.voice::before { /* pc */
	background: url(../img/bg_voice_pc.jpg) center center/cover;
	width: 655px;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	left: -9%;
}

.voice { /* pc */
	margin-top: 52px;
	padding: 51px 51px 43px 0;
}

.voice--02::before { /* pc */
	background: url(../img/bg_voice_02_pc.jpg) center center/cover;
}

.voice--03::before { /* pc */
	background: url(../img/bg_voice_03_pc.jpg) center center/cover;
}

.voice--04::before { /* pc */
	background: url(../img/bg_voice_04_pc.jpg) center center/cover;
}

.voice__top { /* pc */
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.voice__image { /* pc */
	width: 36.2%;
}

.voice__image--3 { /* pc */
	width: 200px;
	margin-right: 0;
	margin-top: 0;
	position: absolute;
	top: 51px;
	right: 51px;
}

.voice__info { /* pc */
	margin-top: -3px;
	width: 58%;
}

.voice__info--no-img { /* pc */
	width: 100%;
}

.voice__info--no-img:not(:first-child) { /* pc */
	padding-top: 19px;
}

.voice__info--no-img .voice__name__en { /* pc */
	padding-left: 27px;
}

.voice__info--no-img .voice__position { /* pc */
	margin-top: 10px;
	padding-bottom: 0;
	border-bottom: 0;
}

.voice__name { /* pc */
	border: none;
	padding-bottom: 26px;
}

.voice__name__jp { /* pc */
	font-size: 1.68rem;
}

.voice__name__jp span { /* pc */
	font-size: 2.4rem;
}

.voice__name__en { /* pc */
	margin-top: 10px;
	font-size: 1.2rem;
}

.voice__position { /* pc */
	margin-top: 0;
	font-size: 1.4rem;
	line-height: 1.7142;
	padding-bottom: 13px;
	border-bottom: 1px dotted #fff;
}

.voice__text { /* pc */
	margin-top: 12px;
	font-size: 1.5rem;
	line-height: 2;
}

.voice__bottom .voice__text { /* pc */
	margin-top: 10px;
}

.chapter-1 { /* pc */
	margin-top: 44px;
	margin-bottom: 70px;
}

.chapter-1__text { /* pc */
	margin-top: 0;
}

.chapter-1__top { /* pc */
	position: relative;
	margin-bottom: 100px;
}

.chapter-1__top::before {
	content: "";
	width: 100%;
	height: 1px;
	display: block;
	background: #808080;
	position: absolute;
	top: 48px;
	left: 0;
}

.chapter-1__top__text { /* pc */
	width: 220px;
	position: absolute;
	top: 73px;
	right: 0;
}

.chapter-1__image-1 { /* pc */
	width: 360px;
	position: relative;
}

.chapter-1__middle { /* pc */
	position: relative;
}

.chapter-1__middle__text { /* pc */
	width: 180px;
	position: absolute;
	top: 41px;
	left: 0;
}

.chapter-1__image-2 { /* pc */
	width: 450px;
	left: auto;
	-webkit-transform: translateX(50px);
	-ms-transform: translateX(50px);
	transform: translateX(50px);
	margin-left: auto;
	margin-right: 0;
}

.chapter-1__image-2__text { /* pc */
	top: -22px;
	left: calc(50% + 15px);
}

.chapter-1__image-3 { /* pc */
	width: 250px;
	left: 0;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	margin-top: 0;
	position: absolute;
	top: calc(100% - 91px);
	left: 0;
}

.chapter-1__bottom { /* pc */
	position: relative;
}

.chapter-1__bottom::before {
	content: "";
	width: 400px;
	height: 1px;
	display: block;
	background: #808080;
	position: absolute;
	top: 60%;
	left: 0;
}

.chapter-1__bottom__text { /* pc */
	width: 199px;
	position: absolute;
	left: 0;
	bottom: 34px;
}

.chapter-1__image-4 { /* pc */
	width: 370px;
	margin-top: 50px;
}

.chapter-1__image-4__text { /* pc */
	top: -5px;
	right: calc(100% - 40px);
}

.chapter-2 { /* pc */
	margin-top: 44px;
	margin-bottom: 78px;
}

.chapter-2__text { /* pc */
	margin-top: 0;
}

.chapter-2__top { /* pc */
	position: relative;
	margin-bottom: 105px;
}

.chapter-2__top::before {
	content: "";
	width: 100%;
	height: 1px;
	display: block;
	background: #808080;
	position: absolute;
	top: 48px;
	left: 0;
}

.chapter-2__top__text { /* pc */
	width: 219px;
	position: absolute;
	top: 73px;
	right: 0;
}

.chapter-2__image-1 { /* pc */
	width: 350px;
	left: 0;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

.chapter-2__middle { /* pc */
	padding: 0;
}

.chapter-2__middle__text { /* pc */
	top: -7px;
}

.chapter-2__image-2 { /* pc */
	width: 400px;
	margin-right: -50px;
}

.chapter-2__image-2__text { /* pc */
	bottom: calc(100% - 72px);
	right: auto;
	left: -53px;
}

.chapter-2__image-3 { /* pc */
	width: 202px;
	top: 93px;
	left: 8px;
}

.chapter-2__image-4 { /* pc */
	width: 430px;
	margin-top: -35px;
}

.chapter-2__image-4__text { /* pc */
	top: -51px;
}

.chapter-3 { /* pc */
	margin-top: 75px;
	margin-bottom: 90px;
}

.chapter-3__text { /* pc */
	margin-top: 0;
}

.chapter-3__top { /* pc */
	position: relative;
	margin-bottom: 87px;
}

.chapter-3__top::before {
	content: "";
	width: 100%;
	height: 1px;
	display: block;
	background: #808080;
	position: absolute;
	top: 48px;
	left: 0;
}

.chapter-3__top__text { /* pc */
	width: 209px;
	position: absolute;
	top: 73px;
	left: 0;
}

.chapter-3__image-1 { /* pc */
	width: 360px;
	margin-left: auto;
	margin-right: 0;
}

.chapter-3__image-1__text { /* pc */
	top: -38px;
	left: -35px;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

.chapter-3__image-2 { /* pc */
	width: 100%;
}

.chapter-3__image-2__text { /* pc */
	top: -28px;
	right: 75px;
}

.chapter-3__bottom { /* pc */
	margin-top: -58px;
}

.chapter-3__bottom__text { /* pc */
	width: 199px;
	position: absolute;
	bottom: 17px;
	left: 0;
}

.chapter-3__image-3 { /* pc */
	width: 410px;
	left: auto;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	margin-left: auto;
	margin-right: -28px;
}

.chapter-4 { /* pc */
	margin-top: 44px;
	margin-bottom: 118px;
}

.chapter-4__text { /* pc */
	margin-top: 0;
}

.chapter-4__top { /* pc */
	position: relative;
	margin-bottom: 77px;
}

.chapter-4__top::before {
	content: "";
	width: 100%;
	height: 1px;
	display: block;
	background: #808080;
	position: absolute;
	top: 48px;
	left: 0;
}

.chapter-4__top__text { /* pc */
	width: 219px;
	position: absolute;
	top: 73px;
	right: 0;
}

.chapter-4__image-1 { /* pc */
	width: 360px;
}

.chapter-4__middle { /* pc */
	margin-bottom: 0;
	position: relative;
}

.chapter-4__middle__text { /* pc */
	width: 179px;
	position: absolute;
	top: 112px;
	left: 0;
}

.chapter-4__image-2 { /* pc */
	width: 450px;
	margin-left: auto;
	margin-right: -50px;
}

.chapter-4__image-2__text { /* pc */
	top: -13px;
	left: -90px;
}

.chapter-4__bottom { /* pc */
	margin-top: -40px;
	position: relative;
}

.chapter-4__bottom__text { /* pc */
	width: 279px;
	position: absolute;
	bottom: -3px;
	right: 0;
}

.chapter-4__image-3 { /* pc */
	width: 300px;
	left: 0;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

.chapter-4__bottom-2 { /* pc */
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	align-items: center;
	width: 100%;
}

.chapter-4__image-4 { /* pc */
	width: 300px;
}

.chapter-4__bottom-2__text { /* pc */
	width: calc(100% - 320px);
}

.mainvisual { /* pc */
	margin-top: -90px;
}

.mainvisual__logo { /* pc */
	width: 300px;
	margin-top: 30px;
}

.top-lead { /* pc */
	width: 100%;
	padding: 87px 0 111px;
}

.top-lead__heading { /* pc */
	font-size: 3.6rem;
	line-height: 1.67;
	margin-bottom: 28px;
}

.top-lead__text { /* pc */
	font-size: 1.6rem;
	line-height: 2.25;
}

.page-link { /* pc */
	padding-bottom: 9.12vw;
}

.page-link::before { /* pc */
	min-width: 1200px;
	height: calc(100% - 200px - 4.12vw);
	bottom: 4.12vw;
}

.page-link__list__item { /* pc */
	width: 23.33%;
}

.page-link__list__item:first-child {
	margin-top: 40px;
}

.page-link__list__item:nth-child(2) {
	margin-top: 100px;
}

.page-link__list__item:nth-child(4) {
	margin-top: 140px;
}

.page-link__list__item:not(:nth-child(4n)) {
	margin-right: 1.67%;
}

.page-link__list__item a { /* pc */
}

.page-link__list__item a:hover .page-link__image img {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

.page-link__image { /* pc */
	overflow: hidden;
}

.page-link__image img { /* pc */
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}

.page-link__num { /* pc */
	width: 28.6%;
}

.page-link__heading { /* pc */
	width: 39.3%;
	top: 68.5%;
}

.top-link { /* pc */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100vw;
	min-width: 1200px;
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	padding: 100px 0 80px;
}

.top-link__item { /* pc */
	width: 49.58%;
}

.top-link__item:nth-child(odd) {
	margin-right: .84%;
}

.top-link__item a:hover .top-link__image img {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

.top-link__image { /* pc */
	overflow: hidden;
}

.top-link__image img { /* pc */
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}

.top-link__text { /* pc */
	font-size: 1.7rem;
	width: 253px;
	padding: 16px 20px;
}

.top-link__text::before { /* pc */
	width: 20px;
	height: 4px;
	right: 20px;
}

}

@media screen and (max-width: 680px) {

.sp-only { /* sp */
	display: block !important;
}

.sp-only-2 { /* sp */
	display: inline-block !important;
}

.pc-only { /* sp */
	display: none !important;
}

.pc-only-2 { /* sp */
	display: none !important;
}

}

@media screen and (max-width: 374px) {

.top-lead__text { /* iPhone5s */
	font-size: 1.4rem;
}

}

/* css for Recruit footer template */

.r-footer{ background: #fff; padding: 20px 15px; overflow: hidden; position: relative; z-index: 1000; font-family: var(--ff-nosa); }
.r-footer__list li{ margin: 1px 0 0; letter-spacing: 0.1em; }
.r-footer__list li a{ position: relative; padding: 0 0 0 10px; font-size: 12px; color: #333;}
.r-footer__list li a::before{ content: ""; width: 0; height: 0; position: absolute; top: 5px; left: 0; border-style: solid; border-width: 4px 0 4px 5px; border-color: transparent transparent transparent #454545;}
.r-footer__box{ margin: 25px 0 0; text-align: center;}
.r-footer__box a{ display: block; width: 258px; height: 37px;}
@media print, screen and (max-width: 680px){
	
	.r-footer__list { position: relative; left: 50%; transform: translateX(-50%); display: inline-block; }
}
@media print, screen and (min-width: 681px){
	.r-footer{ display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center; padding: 10px 30px 20px;}
	.r-footer__list{ display: flex; transform: translateY(5px);}
	.r-footer__list li{ margin: 0;}
	.r-footer__list li a{ padding-left: 5px; font-size: 15px; text-decoration: none;}
	.r-footer__list li a::after{ content: "｜"; padding: 0 0 0 5px;}
	.r-footer__list li a::before,
	.r-footer__list li:last-child a::after{ display: none;}
	.r-footer__box{ margin: 0;}
	
	.r-footer__box a { margin: 0 auto; }
	
}