/* Tools */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
@charset "UTF-8";
:root {
	--c-navy: #00437b;
	--c-wine: #76264f;
	--c-dgreen: #006551;
	--c-olive: #899300;
}



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 {
	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%;
	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: 55px;
	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: calc(100svh - 60px);
	margin-top: 60px;
	position: relative;
}

.mainvisual__slide {
	height: 100%;
}

.mainvisual__item {
	overflow: hidden;
}

.mainvisual__item img {
	width: 100%;
	height: 100%;
	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;
}



.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: 265px;
	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: 2.4rem;
	line-height: 1.67;
	padding-left: 28px;
	margin-bottom: 25px;
}

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

.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.2rem;
}

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

.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 {
	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__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: 13px;
}

.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-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-4 { /* pc */
	margin-top: 53px;
	margin-bottom: 118px;
}

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

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


.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;
}

}



/**********************************************************
												Renewal
**********************************************************/

/* Nav
-------------------------------*/
.l-header { position: fixed; top: 0; left: 0; transition: .4s linear; display: flex; justify-content: space-between; align-items: center; width: 100%; height: 60px; padding: 0 15px; }
.header-logo { position: static; width: 159px; }
.nav { position: fixed; top: 60px; left: 0; display: none; width: 100%; height: calc(100svh - 60px); background-color: rgba(255,255,255,0.95); z-index: 400; }
.nav__inner { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; overflow: auto; }
.header__navtrg { position: relative; transition: .4s; display: flex; justify-content: center; align-items: center; width: 20px; height: 18px; }
.header__navtrg span { position: absolute; top: 50%; left: 50%; display: inline-block; transition: all .4s; width: 100%; height: 2px; background: #000; border-radius: 1px; }
.header__navtrg span:nth-of-type(1) { transform: translate(-50%, -420%); }
.header__navtrg span:nth-of-type(2) { transform: translate(-50%, -50%); }
.header__navtrg span:nth-of-type(3) { transform: translate(-50%, 320%); }
.l-header.active { background: rgba(255,255,255,0.95); }
.l-header.active .header__navtrg { }
.l-header.active .header__navtrg span { width: 100%; height: 3px; }
.l-header.active .header__navtrg span:nth-of-type(1) { transform: translate(-50%, -50%) rotate(-45deg); }
.l-header.active .header__navtrg span:nth-of-type(2) { width: 0; }
.l-header.active .header__navtrg span:nth-of-type(3) { transform: translate(-50%, -50%) rotate(45deg); }

.nav__menu-wrap {  }
.nav__menu {  }
.nav__menu a { display: grid; grid-template-columns: 74px 1fr; grid-template-rows: 1fr; grid-column-gap: 12px; grid-row-gap: 0px; }
.nav__menu a img { width: auto; }
.nav__menu__num { display: flex; justify-content: center; align-items: center; min-height: 74px; }
.nav__menu__num img { height: 34px; }
.nav__menu__txt { align-content: center; }
.nav__menu__txt img { height: 66px; }

.nav__menu:nth-of-type(1) .nav__menu__num { background: var(--c-navy); }
.nav__menu:nth-of-type(2) .nav__menu__num { background: var(--c-wine); }
.nav__menu:nth-of-type(3) .nav__menu__num { background: var(--c-dgreen); }
.nav__menu:nth-of-type(4) .nav__menu__num { background: var(--c-olive); }

@media screen and (max-width: 680px) {
	.nav__menu:not(:first-of-type) { margin-top: 30px; }
}
@media screen and (min-width: 681px) {
	.l-header { height: 90px; padding: 0 30px; }
	.header-logo { width: 212px; }
	.nav { top: 90px; height: calc(100vh - 90px); }
	.header__navtrg { width: 30px; height: 26px; }
	.header__navtrg span:nth-of-type(1) { transform: translate(-50%, -650%); }
	.header__navtrg span:nth-of-type(3) { transform: translate(-50%, 550%); }
	.nav__menu-wrap { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); grid-column-gap: 92px; grid-row-gap: 92px; }
	.nav__menu {  }
	.nav__menu a { grid-template-columns: 120px 1fr; grid-column-gap: 20px; }
	.nav__menu__num { min-height: 120px; }
	.nav__menu__num img { height: 58px; }
	.nav__menu__txt img { height: 97px; }
}


/* Chapter
-------------------------------*/
.chap-wrap { background: #F5EEDD; }
.chap:not(:first-of-type) { margin-top: 57px; }
.chap__main { position: relative; }
.chap__main__obj { position: absolute; }
.chap__main__num { display: flex; justify-content: center; align-items: center; width: 80px; height: 80px; }
.chap__main__num img { width: auto; height: 40px; }
.chap__main__txt { top: 40px; }
.chap__main__txt img { width: 110px; }
.chap__main picture img { vertical-align: top; }
.under-voice { margin-top: 16px; font-size: 10px; font-weight: 400; line-height: 1.5; }

#chapter1 .chap__main__num { background: var(--c-navy); }
#chapter2 .chap__main__num { background: var(--c-wine); }
#chapter3 .chap__main__num { background: var(--c-dgreen); }
#chapter4 .chap__main__num { background: var(--c-olive); }

@media screen and (max-width: 680px) {
	.chap-wrap { padding-bottom: 40px; }
	.chap__main {  }
	.chap__main__num { right: 0; bottom: 0; }
	.chap__main__txt { left: 30px; }
	.chapter-4__image-4 { width: 106%; }
}
@media screen and (min-width: 681px) {
	.chap-wrap { padding-top: 140px; }
	.chap { position: relative; }
	.chap::before { position: absolute; top: 100px; left: 0; display: block; width: 100%; height: 800px; background: #fff; content: ""; }
	.chap:not(:first-of-type) { margin-top: 128px; }
	.chap__inner { position: relative; width: 1000px; margin-left: auto; margin-right: auto; z-index: 10; }
	.chap__main__num { top: 30px; left: 30px; width: 120px; height: 120px; }
	.chap__main__num img { height: 55px; }
	.chap__main__txt { right: 40px; }
	.chap__main__txt img { width: 139px; }
	
}


/* Chapter Contents
-------------------------------*/
.chap__header {  }
.chap__header__sub { margin-top: 33px; }
@media screen and (max-width: 680px) {
	.chapter-3__top { margin-top: 57px; }
}
@media screen and (min-width: 681px) {
	.l-content { padding-top: 92px; }
	.chap__header { display: grid; grid-template-columns: 1fr 370px; grid-template-rows: auto 1fr; grid-column-gap: 50px; grid-row-gap: 0px; }
	.chap__header .heading-2 { grid-area: 1 / 1 / 2 / 2; }
	.chap__header .text { grid-area: 2 / 1 / 3 / 2; }
	.chap__header__sub { grid-area: 1 / 2 / 3 / 3; margin-top: 9px; }
	.chapter-1__top,
	.chapter-2__top { margin-bottom: 0; }
	.chapter-1__image-1 { width: 100%; }
	.chapter-1__top__text { margin-top: 18px; }
	
	
	
	.chap__sub { position: relative; }
	#chapter1 .chap__sub {  }
	
	
	
	
	
	
	.chapter-1__image-2 { left: 0; transform: none; width: 500px; }

	.chapter-1__middle__text { position: absolute; top: -5px; right: 0; left: auto; }
	.chapter-1__image-3 { position: absolute; top: 0; left: 530px; transform: none; width: 270px; margin-top: 0; }
	
	.chapter-1__bottom { position: absolute; bottom: 0; right: 0; width: 469px; }
	.chapter-1__image-4 { width: 320px; margin-top: 0; }
	.chapter-1__image-4__text { top: 2px; right: calc(100% - 27px); }
	.chapter-1__bottom__text { width: 130px; left: 0; bottom: 0; }
	
	
	.chapter-2__image-1 { position: relative; left: 0; transform: none; width: 100%; }
	.chapter-2__middle { /* pc */
		padding: 0;
	}

	.chapter-2__middle__text { top: 41px; right: 0px; min-width: 180px; }
	.chapter-2__image-2 { width: 500px; margin-left: 0; margin-right: 0; }
	.chapter-2__bottom { position: absolute; right: 0; bottom: -28px; }
	.chapter-2__image-2__text { bottom: calc(100% - 228px); right: -60px; left: auto; }
	.chapter-2__image-3 { width: 232px; top: 26px; left: auto; right: 209px; }
	.chapter-2__image-4 { width: 430px; margin-top: 0; }
	.chapter-2__image-4__text { top: -26px; left: 40px; }
	
	.chapter-3__text { margin-top: 13px; }
	.chapter-3__top { margin-top: 55px; margin-bottom: 0; }
	.chapter-3__top::before { display: none; }
	.chapter-3__image-1__text { top: -45px; }
	.chapter-3__image-2 { left: 0; transform: none; width: 500px; }
	.chapter-3__image-2__text { top: -16px; right: 18px; }
	.chapter-3__bottom { position: absolute; top: -5px; right: 0; width: 469px; margin-top: 0; }
	.chapter-3__bottom__text { position: absolute; bottom: -60px; left: 0; width: 100%; }
	.chapter-3__image-3 { left: auto; transform: translateX(3px); width: 480px; }
	
	.chapter-4__text { margin-top: 13px; }
	.chapter-4__image-2 { width: 475px; }
	.chapter-4__image-2__text { top: -15px; left: 28px; }
	.chapter-4__bottom { position: absolute; top: 0; right: 0; width: 475px; margin-top: 0; }
	.chapter-4__image-3 { left: 0; transform: none; width: 280px; }
	.chapter-4__image-3 + .chapter-4__bottom__text { position: absolute; top: -5px; right: 0; width: 175px; margin-top: 0; }
	.chapter-4__bottom-2 { position: absolute; top: 163px; right: 0; display: flex; flex-direction: row-reverse; align-items: flex-end; width: 475px; margin-top: 0; }
	.chapter-4__image-4 { right: 0; top: 0; width: 280px; margin-left: 20px; }
	.chapter-4__image-4 + .chapter-4__bottom-2__text { flex: 1; margin-bottom: -5px; }
	
	
	.voice { display: flex; justify-content: space-between; align-items: center; background: url(../img/bg_voice_pc.jpg) center center/cover; padding: 30px; }
	.voice::before { top: 0; left: 0; display: block; width: 100%; height: 100%; mix-blend-mode: multiply; }
	#chapter1 .voice::before { background: #b7c7d0; }
	#chapter2 .voice::before { background: #c7c1c9; }
	#chapter3 .voice::before { background: #b8c6c3; }
	
	.voice__top { flex: 1; flex-direction: row-reverse; align-items: center; }
	.voice__image { width: 170px; margin-right: 20px; }
	.voice__info { flex: 1; width: auto; margin-top: 0; }
	.voice__name { display: flex; flex-direction: column-reverse; margin-bottom: 13px; padding-bottom: 0; }
	.voice__name__en { margin-top: 0; margin-bottom: 3px; }
	.voice__position { padding-bottom: 0; border-bottom: none; font-size: 1.3rem; }
	.voice__text { width: 550px; margin-left: 40px; font-size: 1.4rem; line-height: 1.857; }
	
	.voice--03 { display: block; padding: 38px 30px 38px 220px; }
	.voice__image--3 { position: absolute; left: 30px; top: 50%; transform: translateY(-50%); }
	.voice--03 .voice__info__wrap { display: grid; grid-template-columns: repeat(3, auto); grid-template-rows: 1fr; grid-column-gap: 0px; grid-row-gap: 0px; }
	.voice__info--no-img { padding-bottom: 0; }
	.voice__info--no-img:not(:first-child) { padding-top: 0; }
	.voice__info--no-img:not(:last-child) { border-bottom: none; }
	.voice__info--no-img .voice__name__en { padding-left: 0; }
	
	.voice--03 .voice__text { width: 100%; margin: 12px 0 0; }
	
}

/* 
-------------------------------*/
.top-link-wrap { margin-top: 52px; }
.top-link { margin-top: 0; margin-bottom: 0; }
.top-link__item { margin-bottom: 0; }
.top-link__text { position: static; display: flex; justify-content: center; align-items: center; width: 100%; height: 50px; background: #0054A6; padding: 0 0 2px 0; font-size: 18px; font-weight: 700; line-height: 1; text-align: center; color: #fff; }
.top-link__text::before { display: none; }

@media screen and (max-width: 680px) {
	.top-link { width: 89.33333%; margin-left: auto; margin-right: auto; padding: 0; }
	.top-link__item:not(:first-of-type) { margin-top: 10px; }
	.top-link__image { display: none; }
	
	
	
}
@media screen and (min-width: 681px) {
	.l-content .l-wrapper { max-width: none; width: 100%; }
	.top-link-wrap { background: #fff; margin-top: 134px; padding: 80px 0 100px; }
	/*
	.top-link { left: auto; transform: none; display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); grid-column-gap: 40px; grid-row-gap: 60px; width: 1000px; min-width: inherit; margin-left: auto; margin-right: auto; padding: 0; }
	*/
	.top-link { display: flex; flex-wrap: wrap; justify-content: center; width: 1000px; }
	
	.top-link__item { width: calc(33.333% - 40px); margin-right: 40px; }
	.top-link__item:nth-of-type(3),
	.top-link__item:last-of-type { margin-right: 0; }
	.top-link__item:not(:nth-child(-n+3)) { margin-top: 40px; }
	.top-link__text { position: absolute; bottom: -20px; right: 50%; transform: translateX(50%); min-width: 200px; width: auto; height: 36px; padding: 0 15px; font-size: 14px; white-space: nowrap; }
}
@media screen and (min-width: 1601px) {
	.top-link { width: 1520px; }
	.top-link__item:not(:nth-child(-n+3)) { margin-top: 60px; }
	.top-link__text { height: 40px; font-size: 16px; }
}




/* 
-------------------------------*/
.btn-oc { display: flex; justify-content: center; align-items: center; height: 50px; border-radius: 25px; margin-top: 38px; padding-bottom: 2px; font-size: 15px; font-weight: 700; line-height: 1; letter-spacing: 0.05em; text-indent: 0.05em; text-align: center; color: #fff; }

@media screen and (max-width: 680px) {
	#chapter1 .btn-oc { background: var(--c-navy); }
	#chapter2 .btn-oc { background: var(--c-wine); }
	#chapter3 .btn-oc { background: var(--c-dgreen); }
	#chapter4 .btn-oc { background: var(--c-olive); }
}
@media screen and (min-width: 681px) {
	.btn-oc { width: 400px; height: 60px; background: #fff; border-style: solid; border-width: 1px; border-radius: 30px; margin-top: 58px; margin-left: auto; margin-right: auto; font-size: 18px; transition: .4s; }
	#chapter1 .btn-oc { color: var(--c-navy); }
	#chapter1 .btn-oc:hover { background: var(--c-navy); border-color: var(--c-navy); color: #fff; }
	#chapter2 .btn-oc { color: var(--c-wine); }
	#chapter2 .btn-oc:hover { background: var(--c-wine); border-color: var(--c-wine); color: #fff; }
	#chapter3 .btn-oc { color: var(--c-dgreen); }
	#chapter3 .btn-oc:hover { background: var(--c-dgreen); border-color: var(--c-dgreen); color: #fff; }
	#chapter4 .btn-oc { color: var(--c-olive); }
	#chapter4 .btn-oc:hover { background: var(--c-olive); border-color: var(--c-olive); color: #fff; }
}


/* 
-------------------------------*/

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


/* 
-------------------------------*/

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


/* 
-------------------------------*/

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


/* 
-------------------------------*/

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


/* 
-------------------------------*/

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


/* 
-------------------------------*/

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









/* 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; }
	
}