@charset "UTF-8";
/*
Theme Name: 株式会社ビック・ママ採用サイト
Template: twentynineteen
Author: 株式会社ビック・ママ採用サイト
Author URI: 
Description:
Version: 1.0
Updated: 2022-09-20
*/

/* Color Scheme
-----------------------------------------------------

	=THEME COLOR = #a6937c

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

@import url(reset.css);
@import url(wordpress.css);
@import url(ownedmedia.css);

@font-face {
	font-family: 'Boston';
	font-style: normal;
	font-weight: normal;
	src: local('Boston'), url('assets/fonts/BostonRegular.woff') format('woff');
}

@font-face {
	font-family: 'Boston Light';
	font-style: normal;
	font-weight: normal;
	src: local('Boston Light'), url('assets/fonts/BostonLight.woff') format('woff');
}

@font-face {
	font-family: 'Boston SemiBold';
	font-style: normal;
	font-weight: normal;
	src: local('Boston SemiBold'), url('assets/fonts/BostonSemiBold.woff') format('woff');
}

@font-face {
	font-family: 'Boston Bold';
	font-style: normal;
	font-weight: normal;
	src: local('Boston Bold'), url('assets/fonts/BostonBold.woff') format('woff');
}

@font-face {
	font-family: 'Boston Black';
	font-style: normal;
	font-weight: normal;
	src: local('Boston Black'), url('assets/fonts/BostonBlack.woff') format('woff');
}

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

 	=GLOBAL LAYOUT

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

* {
	margin: 0;
	padding: 0;
}

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	font-family: 'Noto Sans JP', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", sans-serif, serif;
	-webkit-font-smoothing: antialiased !important;
	-webkit-text-stroke: 1px transparent;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-rendering: optimizeLegibility;
	color: #333;
	font-size: 10px;
	font-weight: normal;
	line-height: 1.8;
	word-wrap: break-word;
	letter-spacing: 0.05em;
}

/* Firefox
@-moz-document url-prefix() {
	html {
		font-family: 'Noto Sans JP', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", sans-serif, serif;
	}
} */
/* IE11 */
_:-ms-lang(x)::-ms-backdrop,
html {
	font-family: 'Noto Sans JP', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", sans-serif, serif;
}

body {
	background-color: #fff;
	font-size: 1.6rem;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
dt,
dd,
li {
	line-height: 2.0;
}

p,
ul,
ol,
dl,
table {
	margin-bottom: 2em;
}

p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child {
	margin-bottom: 0;
}

table {
	width: 100%;
	border-collapse: collapse;
	line-height: 1.8;
	text-align: left;
}

th,
td {
	padding: 1em 1.5em;
	vertical-align: top;
	border: none;
}

th {
	font-weight: bold;
}

tr {
	border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}

hr {
	clear: both;
	border: none;
}

img {
	display: inline-block;
	vertical-align: bottom;
	max-width: 100%;
	height: auto;
}

a img {
	border: none;
}

a {
	color: #a6937c;
	text-decoration: underline;
}

a,
a img {
	cursor: pointer;
	-webkit-transition: all ease-out 0.2s;
	-moz-transition: all ease-out 0.2s;
	-ms-transition: all ease-out 0.2s;
	transition: all ease-out 0.2s;
}

a:hover {
	opacity: 0.5;
	text-decoration: none;
}

/*::selection {
	background-color: rgba(0,0,0,0.25);
}*/

em {}

ol {
	counter-reset: number;
	list-style: none;
}

ol li {
	position: relative;
	padding-left: 2.5em;
}

ol li:not( :last-child) {
	margin-bottom: 1.5em;
}

ol li::before {
	position: absolute;
	left: 0;
	counter-increment: number;
	content: "(" counter(number)")";
	margin: 0 1.0em 0 0;
}

ol li ol:last-child {
	margin-bottom: 2em;
}

ol li ol li::before {
	content: "(" counter(number, lower-roman)")";
}

ol li ol li:not( :last-child) {
	margin-bottom: .5em;
}


strong {
	font-weight: bold;
}

iframe {
	display: block;
	max-width: 100%;
}

form {}

input[type=text],
input[type=email],
input[type=tel],
input[type=password],
textarea {
	padding: 5px;
	font-size: 16px;
	font-weight: inherit;
	color: inherit;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

input[type=text],
input[type=email],
input[type=tel],
input[type=password],
textarea,
select {
	background-color: #eee;
	color: #555;
	border: 1px solid #eee;
	line-height: 1;
	vertical-align: middle;
	max-width: 100%;
	border-radius: 5px;
}

textarea {}

input[type=text] {
	margin-bottom: 0.5em;
}

input[type=text]:last-child {
	margin-bottom: 0;
}

input[type=email] {}

input[type=submit] {
	cursor: pointer;
}

input[type=text]:focus,
textarea:focus {
	color: #555;
}

form ul {
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
}

form ul li {
	display: inline-block !important;
}

form label {
	margin-right: 1.4em;
}

form input[type*="submit"] {
	display: block;
	width: 100%;
	max-width: 300px;
	margin: 0 auto 20px;
	padding: 1em 2em;
	border: none;
	background-color: #e45539;
	color: #fff;
	font-size: 1.0em;
	font-weight: bold;
	text-align: center;
	border-radius: 5px;
	cursor: pointer;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: all ease-out 0.1s;
	-moz-transition: all ease-out 0.1s;
	-ms-transition: all ease-out 0.1s;
	transition: all ease-out 0.1s;
}

form input[type*="submit"]:hover {
	opacity: 0.7;
}

::placeholder {
	color: #ddd;
}



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

 	=GLOBAL STYLE

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

#container {
	overflow: hidden;
}

.wrapper {
	width: 1200px;
	max-width: 100%;
	margin: auto;
}

.wrapper-min {
	width: 800px;
}

.wrapper-1120 {
	width: 1120px;
}

.wrapper-1000 {
	width: 1000px;
}

.wrapper-960 {
	width: 960px;
}

.wrapper-800 {
	width: 800px;
}

.wrapper-720 {
	width: 720px;
}

#cont {}

#main {}

#main main {}


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

	=MEDIA QUERIES RESPONSIVE STRUCTURE

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

/* DESKTOP
----------------------------------------------------- */
@media screen and (min-width: 600px) {
	.sp {
		display: none !important;
	}

	body {
		min-width: 1200px;
	}
}

/* SMARTPHONE
----------------------------------------------------- */
@media screen and (min-width: 0px) and (max-width: 599px) {
	.pc {
		display: none !important;
	}

	html {
		font-size: 10px;
	}

	body {
		font-size: 1.2rem;
		letter-spacing: 0;
	}

	/* APPERANCE
	--------------------------------------------------*/
	input[type="button"],
	input[type="text"],
	input[type="email"],
	input[type="tel"],
	input[type="submit"],
	select {
		-webkit-appearance: none;
		border-radius: 0;
	}

	iframe {
		width: 100%;
		max-height: 240px;
	}

	th,
	td {
		font-size: 1.2rem;
		padding: 1em 0.5em;
	}

	/* =GLOBAL STYLE
	-------------------------------------------------- */
	.wrapper {
		width: auto;
		padding: 0 6.25vw;
		margin: auto;
	}
}


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

 	=PRELOADER (imagesloaded.pkgd.min.js)

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

.js-imageloaded {}

.js-imageloaded.loaded {}

#progress,
#progress * {}

#progress {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	padding: 0;
	display: block;
	overflow: hidden;
	z-index: 999999;
}

#progress .progress-start {
	background-color: #000;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 999999 -webkit-transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) 1.2s;
	-moz-transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) 1.2s;
	-ms-transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) 1.2s;
	transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) 1.2s;
}

#progress.complete10 .progress-start {
	left: -100%;
}

#progress .progress-loading {
	background-color: #000000;
	background-color: #fff;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 999999;
}

#progress .progress-loading img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-webkit-transition: all cubic-bezier(0.190, 1.000, 0.220, 1.000) 0.8s;
	-moz-transition: all cubic-bezier(0.190, 1.000, 0.220, 1.000) 0.8s;
	-ms-transition: all cubic-bezier(0.190, 1.000, 0.220, 1.000) 0.8s;
	transition: all cubic-bezier(0.190, 1.000, 0.220, 1.000) 0.8s;

	width: 207px;
	height: auto;
}

#progress,
#progress .progress-loading {
	-webkit-transition: all cubic-bezier(0.550, 0.055, 0.675, 0.190) 0.6s;
	-moz-transition: all cubic-bezier(0.550, 0.055, 0.675, 0.190) 0.6s;
	-ms-transition: all cubic-bezier(0.550, 0.055, 0.675, 0.190) 0.6s;
	transition: all cubic-bezier(0.550, 0.055, 0.675, 0.190) 0.6s;
}

#progress.complete100,
#progress.complete100 .progress-loading {
	left: -120%;
}

#progress.complete99 .progress-loading img {
	opacity: 0;
	top: 48%;
}

@media screen and (min-width: 0px) and (max-width: 599px) {

	@supports (-webkit-touch-callout: none) {
		#progress {
			height: -webkit-fill-available;
		}
	}

	#progress .progress-loading img {
		width: 140px;
	}
}



/* =ANIMATION (jquery.inview.js)
----------------------------------------------------- */
.js-inview {
	-webkit-transition: 1s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
	-moz-transition: 1s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
	-ms-transition: 1s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
	-o-transition: 1s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
	transition: 1s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
}

.js-inview.inview-fadein {
	-webkit-transition: 2.4s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
	-moz-transition: 2.4s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
	-ms-transition: 2.4s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
	-o-transition: 2.4s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
	transition: 2.4s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
	opacity: 0;
}

.js-inview.inview-fadein.is-show {
	opacity: 1;
}

.js-inview.inview-maskedin {
	position: relative;
	overflow: hidden;
	background-color: #000;
	background-color: transparent;
}

.js-inview.inview-maskedin.is-show {}

.js-inview.inview-maskedin>* {
	transition: 1.6s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
	-webkit-transition: 1.6s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
	-moz-transition: 1.6s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
	-ms-transition: 1.6s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
	-o-transition: 1.6s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
	position: relative;
	top: 0;
	left: -100%;
}

.js-inview.inview-maskedin.is-show>* {
	left: 0;
}

.js-inview.inview-zoom {
	transition: 1.6s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
	-webkit-transition: 1.6s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
	-moz-transition: 1.6s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
	-ms-transition: 1.6s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
	-o-transition: 1.6s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;

	opacity: 0;
	transform: scale(0.9);
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-o-transform: scale(0.9);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
}

.js-inview.inview-zoom.is-show {
	opacity: 1;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
}

.js-inview.inview-blur {
	opacity: 0;
	filter: blur(100px);
	-webkit-filter: blur(100px);
	-moz-filter: blur(100px);
	-ms-filter: blur(100px);
	-o-filter: blur(100px);
}

.js-inview.inview-blur.is-show {
	opacity: 1;
	filter: blur(0);
	-webkit-filter: blur(0);
	-moz-filter: blur(0);
	-ms-filter: blur(0);
	-o-filter: blur(0);
}

.js-inview.inview-floatup {
	transition: 1.6s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
	-webkit-transition: 1.6s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
	-moz-transition: 1.6s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
	-ms-transition: 1.6s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
	-o-transition: 1.6s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;

	opacity: 0;
	transform: translate3d(0px, 200px, 0px);
	-webkit-transform: translate3d(0px, 200px, 0px);
	-moz-transform: translate3d(0px, 200px, 0px);
	-ms-transform: translate3d(0px, 200px, 0px);
	-o-transform: translate3d(0px, 200px, 0px);
}

.js-inview.inview-floatup.is-show {
	opacity: 1;
	transform: translate3d(0px, 0, 0px);
	-webkit-transform: translate3d(0px, 0, 0px);
	-moz-transform: translate3d(0px, 0, 0px);
	-ms-transform: translate3d(0px, 0, 0px);
	-o-transform: translate3d(0px, 0, 0px);
}

.js-inview.inview-floatintoright {
	transition: 1.6s cubic-bezier(0.19, 1, 0.22, 1) 0.3s;
	-webkit-transition: 1.6s cubic-bezier(0.19, 1, 0.22, 1) 0.3s;
	-moz-transition: 1.6s cubic-bezier(0.19, 1, 0.22, 1) 0.3s;
	-ms-transition: 1.6s cubic-bezier(0.19, 1, 0.22, 1) 0.3s;
	-o-transition: 1.6s cubic-bezier(0.19, 1, 0.22, 1) 0.3s;

	opacity: 0;
	transform: translate3d(-40px, 0px, 0px);
	-webkit-transform: translate3d(-40px, 0px, 0px);
	-moz-transform: translate3d(-40px, 0px, 0px);
	-ms-transform: translate3d(-40px, 0px, 0px);
	-o-transform: translate3d(-40px, 0px, 0px);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
}

.js-inview.inview-floatintoright.is-show {
	opacity: 1;
	transform: translate3d(0px, 0, 0px);
	-webkit-transform: translate3d(0px, 0, 0px);
	-moz-transform: translate3d(0px, 0, 0px);
	-ms-transform: translate3d(0px, 0, 0px);
	-o-transform: translate3d(0px, 0, 0px);
}

.js-inview.inview-floatintoleft {
	transition: 1.6s cubic-bezier(0.19, 1, 0.22, 1) 0.3s;
	-webkit-transition: 1.6s cubic-bezier(0.19, 1, 0.22, 1) 0.3s;
	-moz-transition: 1.6s cubic-bezier(0.19, 1, 0.22, 1) 0.3s;
	-ms-transition: 1.6s cubic-bezier(0.19, 1, 0.22, 1) 0.3s;
	-o-transition: 1.6s cubic-bezier(0.19, 1, 0.22, 1) 0.3s;

	opacity: 0;
	transform: translate3d(40px, 0px, 0px);
	-webkit-transform: translate3d(40px, 0px, 0px);
	-moz-transform: translate3d(40px, 0px, 0px);
	-ms-transform: translate3d(40px, 0px, 0px);
	-o-transform: translate3d(40px, 0px, 0px);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
}

.js-inview.inview-floatintoleft.is-show {
	opacity: 1;
	transform: translate3d(0px, 0, 0px);
	-webkit-transform: translate3d(0px, 0, 0px);
	-moz-transform: translate3d(0px, 0, 0px);
	-ms-transform: translate3d(0px, 0, 0px);
	-o-transform: translate3d(0px, 0, 0px);
}



.js-inview.inview-slideintoright {
	display: block;
	width: 1%;
}

.js-inview.inview-slideintoright.is-show {
	width: 100%;
}

.js-inview.inview-grayscale {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
}

.js-inview.inview-grayscale.is-show {
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
}

.inview-slidein-wrap {
	overflow: hidden;
	display: inline-block;
}

.js-inview.inview-slidein {
	transform: translateX(-100%);
}

.js-inview.inview-slidein.is-show {
	animation-name: animationSlideText;
	animation-duration: 0.6s;
	animation-fill-mode: forwards;

}

@keyframes animationSlideText {
	0% {
		transform: translateX(-100%);
	}

	50% {
		transform: translateX(-100%);
	}

	100% {
		transform: translateX(0);
	}
}

.js-inview.inview-slideinreverse {
	transform: translateX(100%);
}

.js-inview.inview-slideinreverse.is-show {
	animation-name: animationSlideTextReverse;
	animation-duration: 0.6s;
	animation-fill-mode: forwards;
}

@keyframes animationSlideTextReverse {
	0% {
		transform: translateX(100%);
	}

	50% {
		transform: translateX(100%);
	}

	100% {
		transform: translateX(0);
	}
}

@media screen and (min-width: 0px) and (max-width: 599px) {
	.inview-slidein-wrap {
		width: 100%;
	}
}

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

 	=HEADER

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

/* =HEADER
----------------------------------------------------- */

#cont {
	padding-top: 0;
}

.header-global {
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	padding: 0;
	width: 100%;
}

.header-global,
.header-global * {
	-webkit-transition: all ease-out 0.2s;
	-moz-transition: all ease-out 0.2s;
	-ms-transition: all ease-out 0.2s;
	transition: all ease-out 0.2s;
}

.header-global>.inner {
	padding: 25px 30px;
	align-items: center;
	-webkit-transition: all ease-out 0.2s;
	-moz-transition: all ease-out 0.2s;
	-ms-transition: all ease-out 0.2s;
	transition: all ease-out 0.2s;
}

.header-global>.inner .header-left {}

.header-global>.inner .header-right {}

.header-global>.inner .header-left {}

.header-global>.inner .header-right .nav-pc {}

.header-global>.inner .header-right .nav-sp {}

.header-global>.inner .header-left .logo {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-left: 15px;
	width: 207px;
	max-width: 100%;
}

.header-global>.inner .header-left .logo img {
	display: block;
	display: inline-block;
}

.header-global>.inner .header-left .logo a {
	position: relative;
	display: block;
}

.header-global>.inner .header-left .logo a::after {
	content: "Recruitment";
	display: inline-block;
	color: #a6937c;
	font-size: .9rem;
	letter-spacing: 0.05em;
	line-height: 1;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 1.5em;
	width: auto;
	height: 1em;
	text-transform: uppercase;
}

.header-global>.inner .header-right .nav-pc ul.nav-main li a {}

.header-global>.inner .header-right .nav-pc ul.nav-main li a:hover {}

.header-global>.inner .header-right .nav-pc ul.nav-main li.entry a {}

.header-global>.inner .header-right .nav-pc ul.nav-main li.entry a:hover {}


/* 画面スクロール時 */
.scrolled .header-global {
	background-color: #fff;
	border-bottom: solid 0px rgba(83, 91, 104, 0.1);
	box-shadow: 2.5px 4.33px 25px 0px rgba(0, 0, 0, 0.05);
}

.scrolled .header-global>.inner .header-left .logo img {
	opacity: 1;
}

.scrolled .header-global>.inner .header-left .logo:after {
	color: #000;
}

.scrolled .header-global>.inner .header-right .nav-pc ul.nav-main li,
.scrolled .header-global>.inner .header-right .nav-pc ul.nav-main li a {
	color: #a6937c;
}

.scrolled .header-global>.inner .header-right .nav-pc ul.nav-main li ul {
	background-color: #fff;
}

.scrolled .header-global>.inner .header-right .nav-pc ul.nav-main li.entry a {
	color: #fff;
}

.scrolled .header-global>.inner .header-right .nav-pc ul.nav-main li.entry a:hover {}


/* 下層ページ共通 */
.sub .header-global {
	background-color: #fff;
	border-bottom: solid 0 rgba(83, 91, 104, 0.1);
}

.sub .header-global>.inner .header-left .logo img {
	opacity: 1;
}

.sub .header-global>.inner .header-left .logo:after {
	color: #000;
}

.sub .header-global>.inner .header-right .nav-pc ul.nav-main li,
.sub .header-global>.inner .header-right .nav-pc ul.nav-main li a {
	color: #a6937c;
}

.sub .header-global>.inner .header-right .nav-pc ul.nav-main li ul {
	background-color: #fff;
}

.sub .header-global>.inner .header-right .nav-pc ul.nav-main li.entry a {
	color: #fff;
}

.sub .header-global>.inner .header-right .nav-pc ul.nav-main li.entry a:hover {}


@media screen and (min-width: 600px) {
	#cont {
		padding-top: 80px;
	}

	.top #cont {
		padding-top: 0;
	}

	/* 画面スクロール時 */
	.scrolled .header-global {
		height: auto;
	}

	.scrolled .header-global>.inner {
		padding: 15px 30px;
	}

	/* 下層ページ共通 */
	.sub .header-global {
		height: auto;
	}

	.sub .header-global>.inner {
		padding: 15px 30px;
	}
}

@media screen and (min-width: 0px) and (max-width: 599px) {
	#cont {
		padding-top: 60px;
	}

	.top #cont {
		padding-top: 0;
	}

	.header-global {
		height: 60px;
	}

	.header-global>.inner {
		padding: 0 6.25vw;
		padding: 0 15px;
		height: 100%;
	}

	.header-global>.inner .header-left {
		width: 100%;
		padding: 0;
	}

	.header-global>.inner .header-right {}

	.header-global>.inner .header-left .logo {
		width: 140px;
		margin-left: 0;
		max-width: 100%;
	}

	/* 画面スクロール時 */
	.scrolled .header-global {}
}



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

	=NAVIGATION - PC

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

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

	/* =NAVIGATION - PC
	----------------------------------------------------- */
	.nav-pc {}

	.nav-pc * {
		-webkit-transition: all ease-out 0.2s;
		-moz-transition: all ease-out 0.2s;
		-ms-transition: all ease-out 0.2s;
		transition: all ease-out 0.2s;
	}

	.nav-pc ul.nav-main {
		letter-spacing: 0;
		font-size: 0;
	}

	.nav-pc ul.nav-main li {
		display: inline-block;
		vertical-align: middle;
		color: #a6937c;
		font-size: 1.5rem;
		font-family: 'Boston SemiBold', sans-serif;
		letter-spacing: 0.20em;
		text-transform: uppercase;
	}

	.nav-pc ul.nav-main li:not( :last-child) {
		margin: 0 2.5em 0 0;
	}

	.nav-pc ul.nav-main li a {
		position: relative;
		display: block;
		color: #a6937c;
		line-height: 1;
		text-decoration: none;
	}

	.nav-pc ul.nav-main li a:hover {
		opacity: 0.25;
	}

	.nav-pc ul.nav-main li.entry {}

	.nav-pc ul.nav-main li.entry a {
		position: relative;
		display: block;
		padding: 0.0em 1.5em;
		width: 200px;
		height: 50px;
		line-height: 50px;
		border-radius: 4em;
		background-image: -moz-linear-gradient(45deg, rgb(255, 154, 158) 0%, rgb(254, 191, 173) 99%);
		background-image: -webkit-linear-gradient(45deg, rgb(255, 154, 158) 0%, rgb(254, 191, 173) 99%);
		background-image: -ms-linear-gradient(45deg, rgb(255, 154, 158) 0%, rgb(254, 191, 173) 99%);
		color: #fff;
		font-family: 'Boston Black', sans-serif;
		text-align: center;
	}

	.nav-pc ul.nav-main li.entry a:hover {
		opacity: 0.5;
	}

	/**/
	.nav-pc ul.nav-main li {
		position: relative;
	}

	.nav-pc ul.nav-main li ul {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		width: 16em;
		padding-top: 2em;
		padding: 0.75em;
	}

	.nav-pc ul.nav-main li:hover ul {
		display: block;
	}

	.nav-pc ul.nav-main li ul li {
		display: block;
		padding: 0.75em;
		font-size: 90%;
		text-align: left;
	}
}

@media screen and (min-width: 0px) and (max-width: 1199px) {

	.nav-pc ul.nav-main li {
		font-size: 1.6rem;
	}

	.nav-pc ul.nav-main li:not( :last-child) {
		margin: 0 1.75em 0 0;
	}
}

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

	=NAVIGATION - SP

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

@media screen and (min-width: 0px) and (max-width: 599px) {

	/* =NAVIGATION - SP
	----------------------------------------------------- */
	.nav-sp {
		position: fixed;
		z-index: 9992;
		top: 0;
		left: 0;
		bottom: auto;
		width: 100vw;
		height: 100vh;
		height: auto;
		padding: 0;
		border-radius: 0;
		background-color: transparent;
		background-color: rgba(255, 255, 255, 1);
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		-webkit-transform: translate3d(-100%, 0, 0);
		-moz-transform: translate3d(-100%, 0, 0);
		-ms-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		-webkit-transition: opacity ease-out 0.25s;
		-moz-transition: opacity ease-out 0.25s;
		-ms-transition: opacity ease-out 0.25s;
		transition: opacity ease-out 0.25s;
		opacity: 0;
		text-align: center;
		box-shadow: 2.5px 4.33px 15px 0px rgba(0, 0, 0, 0.15);
	}

	.nav-sp.on {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	.nav-sp.on .inner {}

	.nav-sp .inner {
		padding: 6.25vw;
	}

	.nav-sp .inner .logo {
		margin: 0 0 6.25vw;
	}

	.nav-sp ul.nav-main {
		margin: 0 0 0 0;
	}

	.nav-sp ul.nav-main li:not( :last-child) {
		margin: 0 0 1.5em 0;
	}

	.nav-sp ul.nav-main li {
		display: block;
		color: #a6937c;
		font-family: 'Boston', sans-serif;
		font-size: 1.4rem;
		letter-spacing: 0.20em;
		text-transform: uppercase;
	}

	.nav-sp ul.nav-main li a {
		display: block;
		line-height: 1;
		color: inherit;
		text-decoration: none;
	}

	.nav-sp ul.nav-main li a:hover {
		opacity: 0.25;
	}

	.nav-sp ul.nav-main ul {
		margin: 1.5em 0 0 0;
	}

	.nav-sp ul.nav-main ul li {
		margin: 1.5em 0 0 0;

		position: relative;
		padding-left: 1.0em;
	}

	.nav-sp ul.nav-main ul li:before {
		position: absolute;
		left: 0.25em;
		top: -0.5em;
		content: "-";
	}

	.nav-sp ul.nav-main li {}

	.nav-sp ul.nav-main li a.button-sub {
		display: inline-block;
		line-height: 1.8;
	}

	.nav-sp ul.nav-main li.entry {}

	.nav-sp ul.nav-main li.entry a {
		position: relative;
		display: block;
		margin: auto;
		padding: 0.0em 1.5em;
		width: 200px;
		height: 50px;
		line-height: 50px;
		border-radius: 4em;
		background-image: -moz-linear-gradient(45deg, rgb(255, 154, 158) 0%, rgb(254, 191, 173) 99%);
		background-image: -webkit-linear-gradient(45deg, rgb(255, 154, 158) 0%, rgb(254, 191, 173) 99%);
		background-image: -ms-linear-gradient(45deg, rgb(255, 154, 158) 0%, rgb(254, 191, 173) 99%);
		color: #fff;
		font-family: 'Boston Black', sans-serif;
		text-align: center;
	}

	.nav-sp ul.nav-main li.entry a:hover {
		opacity: 0.5;
	}



	/* =TOGGLER
	----------------------------------------------------- */
	ul.nav-icon {
		position: fixed;
		z-index: 9999;
		top: 0;
		right: 0;
		margin: 0;
		padding: 0;

		text-align: right;
		font-size: 0;
		letter-spacing: 0;
	}

	ul.nav-icon li {
		display: inline-block;
		vertical-align: top;
		z-index: 9999;
		top: 0;
		right: 6.25vw;
		width: 80px;
		height: 60px;
		border-radius: 0;
		background-color: #f0f5f2;
		text-align: center;
		-webkit-transition: all ease-out 0.4s;
		-moz-transition: all ease-out 0.4s;
		-ms-transition: all ease-out 0.4s;
		transition: all ease-out 0.4s;
		cursor: pointer;
	}

	ul.nav-icon li:not( :last-child) {
		margin-right: 0;
	}

	ul.nav-icon li a {
		display: block;
		text-decoration: none;
	}

	ul.nav-icon li.toggler {
		padding: 22px 0;
		background-color: transparent;
	}

	.scrolled ul.nav-icon li.toggler {}

	ul.nav-icon li.toggler a.trigger-bars {
		display: inline-block;
	}

	a.trigger-bars,
	a.trigger-bars span {
		box-sizing: border-box;
		display: inline-block;
		-webkit-transition: all ease-out 0.4s;
		-moz-transition: all ease-out 0.4s;
		-ms-transition: all ease-out 0.4s;
		transition: all ease-out 0.4s;
	}

	a.trigger-bars {
		position: relative;
		z-index: 9999;
		width: 28px;
		height: 16px;
		color: #a6937c;
	}

	a.trigger-bars::after {
		position: absolute;
		width: 200%;
		left: -50%;
		top: 27px;
		display: block;
		letter-spacing: 0em;
		font-size: 1.0rem;
		font-weight: bold;
		text-transform: uppercase;
		line-height: 1;
	}

	a.trigger-bars span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 2px;
		background-color: #a6937c;
		border-radius: 0;
		-webkit-transition: all ease-out 0.14s;
		-moz-transition: all ease-out 0.14s;
		-ms-transition: all ease-out 0.14s;
		transition: all ease-out 0.14s;
	}

	.scrolled a.trigger-bars span,
	.sub a.trigger-bars span {
		background-color: #a6937c;
	}

	a.trigger-bars span:nth-of-type(1) {
		top: 0;
	}

	a.trigger-bars span:nth-of-type(2) {
		top: 7px;
	}

	a.trigger-bars span:nth-of-type(3) {
		bottom: 0;
	}

	/*ul.nav-icon li.toggler.active { background-color: #fff;}*/
	.active a.trigger-bars {
		color: #a6937c;
	}

	.active a.trigger-bars span {
		background-color: #a6937c;
	}

	.active a.trigger-bars span:nth-of-type(1) {
		-webkit-transform: translateY(7px) rotate(-45deg);
		transform: translateY(7px) rotate(-45deg);
	}

	.active a.trigger-bars span:nth-of-type(2) {
		opacity: 0;
	}

	.active a.trigger-bars span:nth-of-type(3) {
		-webkit-transform: translateY(-7px) rotate(45deg);
		transform: translateY(-7px) rotate(45deg);
	}

	/* TOGGLER NAVIGATION - CONTACT
	ul.nav-icon li.entry {
		padding: 13px 12px;
		background-color: #d7000f;
	}
	ul.nav-icon li.entry a {
		position: relative;
		color: #fff;
	}
	ul.nav-icon li.entry a i.icon-envelope {
		display: inline-block;
		vertical-align: baseline;
		width: 22px;
		height: 22px;
	}
	ul.nav-icon li.entry a::after {
		content: "お問合せ";
		display: block;
		position: absolute;
		width: 200%;
		left: -50%;
		top: 27px;
		letter-spacing: 0em;
		font-size: 1.0rem;
	  font-weight: bold;
	  text-transform: uppercase;
	  line-height: 1;
	} */
}


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

	=FOOTER

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

.footer-global {
	position: relative;
	z-index: 9990;
	background-color: #f9f8f6;
	color: #a6937c;
}

.footer-global a:not([class]) {
	color: #a6937c;
	text-decoration: none;
}

.footer-global hr:not([class]) {
	height: 2em;
}

.footer-global .footer-area {
	padding: 4.5vw 0 0;
}

.footer-global .footer-area>.inner {
	position: relative;
}

.footer-global .footer-area .footer-left {
	width: 420px;
}

.footer-global .footer-area .footer-right {
	width: 740px;
}

.footer-global .footer-area .footer-left {}

.footer-global .footer-area .footer-left>*:not( :last-child) {}

.footer-global .footer-area .logo {
	margin: 0 0 2em 0;
}

ul.list-sns {
	margin: 0;
	display: block;
	font-size: 0;
	letter-spacing: 0;
}

ul.list-sns li {
	display: inline-block;
	vertical-align: middle;
	font-size: 1.4rem;
	line-height: 1;
}

ul.list-sns li:not( :last-child) {
	margin: 0 2em 0 0;
}

i.icon-twitter {
	display: inline-block;
	background: url(assets/images/icon-sns-twitter.png) no-repeat center;
	background-size: 100% auto;
	width: 18px;
	height: 15px;
}

i.icon-facebook {
	display: inline-block;
	background: url(assets/images/icon-sns-facebook.png) no-repeat center;
	background-size: 100% auto;
	width: 8px;
	height: 17px;
}

i.icon-instagram {
	display: inline-block;
	background: url(assets/images/icon-sns-instagram.png) no-repeat center;
	background-size: 100% auto;
	width: 20px;
	height: 20px;
}

.footer-global .footer-area .address {
	margin: 0 0 2em;
	font-size: 1.3rem;
}

.footer-global .footer-area .address tr {
	border-bottom: 0;
}

.footer-global .footer-area .address th,
.footer-global .footer-area .address td {
	color: #a6937c;
	border: 0;
	padding: 0.5em 0;
	line-height: 1.8;
}

.footer-global .footer-area .button {}

.footer-global .footer-area .button .button-more {
	font-size: 1em;
}

/* 横並びver.
.footer-global .footer-area .nav-footer {}

.footer-global .footer-area .nav-footer ul {
	font-size: 0;
	letter-spacing: 0;
}
.footer-global .footer-area .nav-footer ul li {
	display: inline-block;
	vertical-align: top;
	font-size: 1.6rem;
	font-weight: bold;
}
.footer-global .footer-area .nav-footer ul li:not( :last-child ) {
	margin: 0 2em 0 0;
}
.footer-global .footer-area .nav-footer ul li a {}
*/

/* 縦列ver.*/
.footer-global .footer-area .nav-footer {
	text-align: right;
}

.footer-global .footer-area .nav-footer>ul {
	display: inline-block;
	vertical-align: top;
	margin: 0 0 0 50px;
}

.footer-global .footer-area .nav-footer ul li {
	margin: 0 0 0.15em;
	font-size: 1.6rem;
	text-align: left;
}

.footer-global .footer-area .nav-footer ul li a {
	text-decoration: none;
}

.footer-global .footer-area .nav-footer ul li a:hover {}

.footer-global .footer-area .nav-footer ul ul {
	margin-top: 0.25em;
}

.footer-global .footer-area .nav-footer ul ul li {
	position: relative;
	padding-left: 1.0em;
}

.footer-global .footer-area .nav-footer ul ul li:before {
	position: absolute;
	left: 0.25em;
	content: "-";
}

/* COPYRIGHT */
.footer-global .copyright-area {}

.footer-global .copyright-area .copyright {
	padding: 3.25vw 0;
	font-family: 'Boston', sans-serif;
	letter-spacing: 0.10em;
	font-size: 1.2rem;
	line-height: 1;
	text-align: right;
}

.footer-global .copyright-area .copyright p {
	margin: 0 0 0.5em;
}

/* PAGETOP */
#button-pagetop {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 3.125vw;
}


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

@media screen and (min-width: 0px) and (max-width: 599px) {
	.footer-global {
		font-size: 1.0rem;
	}

	.footer-global .footer-area,
	.footer-global .copyright-area {
		padding: 8vw 0;
		text-align: center;
	}

	.footer-global .copyright-area {
		padding-top: 0;
	}

	.footer-global .footer-area .flex-parent.responsive>*,
	.footer-global .copyright-area .flex-parent.responsive>* {
		width: 100%;
		margin: 0;
	}

	.footer-global .footer-area .footer-left,
	.footer-global .footer-area .footer-right {
		width: 100%;
	}

	.footer-global .footer-area .footer-right {
		display: none;
	}

	.footer-global .footer-area .logo {
		margin: 0 auto 3.125vw;
		padding-bottom: 3.125vw;
	}

	.footer-global .footer-area .logo img {
		width: 140px;
	}

	.footer-global .footer-area .address th,
	.footer-global .footer-area .address td {
		display: block;
		font-size: 1.0rem;
		text-align: center;
	}

	.footer-global .copyright-area .footer-right {
		display: block;
		text-align: center;
	}

	.footer-global .copyright-area .copyright {
		text-align: center;
		font-size: 9px;
	}

	#button-pagetop {
		display: none;
	}
}




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

	=COMMON PARTS

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


/* =SECTION
----------------------------------------------------- */

.block:not( :last-child) {
	margin-bottom: 100px;
}

.section {
	padding: 100px 0;
}

hr {
	clear: both;
	border: none;
	height: 50px;
}

hr.sep {
	background-color: #dcdcdc;
	height: 1px;
}

hr.hr-border {
	margin: 2em 0;
	height: 1px;
	background-color: #dcdcdc;
}

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

@media screen and (min-width: 0px) and (max-width: 599px) {
	.block:not( :last-child) {
		margin: 0 auto 8vw;
	}

	.section {
		padding: 8vw 0;
	}

	hr {
		height: 8vw;
	}
}


/* =DECORATION
----------------------------------------------------- */
.bg-white {
	background-color: #fff;
}

.bg-gray {
	background-color: #f6f6f6;
}

.bg-beige {
	background-color: #f5f2ef;
}

.bg-theme {
	background-color: #a6937c;
}

.fc-theme {
	color: #a6937c;
}

.fc-white {
	color: #fff
}

.text-strong {
	font-weight: bold;
}

.frame {
	padding: 2.0em;
}

@media screen and (min-width: 0px) and (max-width: 599px) {
	.frame {
		padding: 6.25vw;
	}
}


/* =HEADING
----------------------------------------------------- */
.title-thin {
	margin: 0 0 1em;
	color: #a6937c;
	font-size: 2.0rem;
	font-family: 'Boston', sans-serif;
	letter-spacing: 0.60em;
	text-transform: uppercase;
}

.title-mincho {
	margin: 0 0 2em;
	color: #777;
	font-size: 2.4rem;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, Georgia, Times New Roman, Times, "ＭＳ Ｐ明朝", MS PMincho, serif;
	letter-spacing: 0.40em;
}

.title-sub {
	margin: 0 0 2em;
	font-size: 1.1em;
	font-weight: normal;
}

.title-japanese {
	margin: 0 0 0.85em;
	color: #a6937c;
	font-size: 2.4rem;
	font-weight: bold;
	letter-spacing: 0.20em;
	line-height: 2.0;
}

.title-japanese.white {
	color: #fff;
}

.title-classical {
	margin: 0 0 1.0em;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, Georgia, Times New Roman, Times, "ＭＳ Ｐ明朝", MS PMincho, serif;
	font-size: 3.2rem;
	letter-spacing: 0.05me;
	line-height: 1.8;
}

.title-classical.with-parentheses {
	position: relative;
	padding: 0.25em 1em;
}

.title-classical.with-parentheses::before,
.title-classical.with-parentheses::after {
	content: "";
	position: absolute;
	z-index: 1;
	display: block;
	width: 15px;
	height: 40px;
}

.title-classical.with-parentheses::before {
	top: 0;
	left: 0;
	border-top: solid 2px #000;
	border-left: solid 2px #000;
}

.title-classical.with-parentheses::after {
	right: 0;
	bottom: 0;
	border-right: solid 2px #000;
	border-bottom: solid 2px #000;
}

.title-classical.white {
	color: #fff;
}

.title-classical.white.with-parentheses::before,
.title-classical.white.with-parentheses::after {
	border-color: #fff;
}

.title-classical.brown {
	color: #a6937c;
}

.title-classical.brown.with-parentheses::before,
.title-classical.brown.with-parentheses::after {
	border-color: #a6937c;
}

.title-section {
	margin: 0 0 1.5em;
	line-height: 1.8;
	font-size: 2.4rem;
}

.title-section .english,
.title-section .japanese {
	display: block;
}

.title-section .english {
	display: inline-block;
	margin-bottom: 0.5em;
	padding-bottom: 0.25em;
	border-bottom: solid 1px #a6937c;
	color: #a6937c;
	font-family: 'Boston Bold', sans-serif;
	font-size: 3.0rem;
	text-transform: capitalize;
	letter-spacing: 0.60em;
	line-height: 1.8;
	text-transform: uppercase;

	padding-left: 0.60em;
}

.title-section .japanese {
	color: #a6937c;
	font-weight: bold;
	letter-spacing: 0.20em;
}

.title-section.fc-white,
.title-section.fc-white>* {
	color: #e7eaef;
}


@media screen and (min-width: 600px) {
	.title-japanese.big {
		font-size: 3.2rem;
	}

	.title-classical.big {
		font-size: 4.0rem;
	}
}

@media screen and (min-width: 0px) and (max-width: 599px) {
	.title-thin {
		font-size: 1.2em;
	}

	.title-mincho {
		font-size: 1.9rem;
	}

	.title-japanese {
		font-size: 2.0rem;
	}

	.title-classical {
		font-size: 2.0rem;
	}

	.title-classical.big {
		font-size: 3.0rem;
	}

	.title-classical.with-parentheses::before,
	.title-classical.with-parentheses::after {
		border-width: 1px;
	}

	.title-section {
		font-size: 1.2em;
	}

	.title-section .english {
		font-size: 2.0rem;
	}

}


/* =BUTTON
----------------------------------------------------- */
.button-more {
	position: relative;
	display: block;
	padding: 0.0em 2em;
	display: inline-block;
	width: 100%;
	max-width: 240px;
	height: 60px;
	line-height: 60px;
	border-radius: 30px;
	font-family: 'Boston', sans-serif;
	font-size: 2.0rem;
	background-image: -moz-linear-gradient(45deg, rgb(255, 154, 158) 0%, rgb(254, 191, 173) 99%);
	background-image: -webkit-linear-gradient(45deg, rgb(255, 154, 158) 0%, rgb(254, 191, 173) 99%);
	background-image: -ms-linear-gradient(45deg, rgb(255, 154, 158) 0%, rgb(254, 191, 173) 99%);
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-transition: all ease-out 0.2s;
	-moz-transition: all ease-out 0.2s;
	-ms-transition: all ease-out 0.2s;
	transition: all ease-out 0.2s;
}

.button-more:hover {
	opacity: 0.75;
}

.button-more.white {
	background-image: none;
	background-color: #fff;
	color: #0d5a6a;
}

.button-more.white:hover {
	opacity: 1;
	background-color: #eaaa60;
	color: #fff;
}

.button-more.brown {
	background-image: none;
	background-color: #a6937c;
}

.button-more.brown:hover {
	opacity: 1;
	background-color: #dccebf;
}



@media screen and (min-width: 0px) and (max-width: 599px) {
	.button-more {
		font-size: 1.2em;
		padding: 0.0em 1.5em;
		height: 50px;
		line-height: 50px;
	}

	.button-more::before {}
}

ul.list-button {
	font-size: 0;
	letter-spacing: 0;
	text-align: center;
}

ul.list-button li {
	display: inline-block;
	margin: 0 10px 10px 0;
}

ul.list-button li .button-more {}


@media screen and (min-width: 0px) and (max-width: 599px) {
	ul.list-button li {
		display: block;
	}
}


/* =LIST
----------------------------------------------------- */

/*ul.list-circle li {
	margin: 0 0 0.00em;
	position: relative;
	padding-left: 1.2em;
	color: #000000;
	line-height: 1.8;
}
ul.list-circle li::before {
	content: "● ";
	position: absolute;
	left: 0;
	top: 0.5em;
	display: inline-block;
	vertical-align: middle;
	margin: 0 1.25em 0 0;
	color: #000000;
	font-size: 0.9rem;
}*/

/*
ul.list-inline {
	font-size: 0;
	letter-spacing: 0;
}
ul.list-inline li {
	display: inline-block;
	margin: 0 10px 10px 0;
	margin-bottom: 10px;
	font-size: 1.6rem;
}*/


ul.list-share {
	font-size: 0;
	letter-spacing: 0;
	text-align: center;
}

ul.list-share li {
	display: inline-block;
	margin: 0 5px 10px;
	margin-bottom: 10px;
	font-size: 1.6rem;
}

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

@media screen and (min-width: 0px) and (max-width: 599px) {}



/* =OTHER
----------------------------------------------------- */


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

	=FRONTPAGE (TOP)

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

#container.top {
	background: url(assets/images/top-fv-bg.jpg) no-repeat center top;
	background-size: 2880px auto;
}

@media screen and (min-width: 2880px) {
	#container.top {
		background-size: 100% auto;
	}
}

@media screen and (min-width: 0px) and (max-width: 599px) {
	#container.top {
		background-size: 500vw auto;
	}
}


/* =TOP - FIRSTVIEW (SLIDER)
----------------------------------------------------- */
.top-fv {
	position: relative;
	overflow: hidden;
	z-index: 1;
	width: 100vw;
	height: 100vh;
}

.top-fv::before {
	content: "";
	position: fixed;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-color: #fff;
	-webkit-transition: all ease-out 2.0s;
	-moz-transition: all ease-out 2.0s;
	-ms-transition: all ease-out 2.0s;
	transition: all ease-out 2.0s;
}

.top-fv.is-show::before {
	background-color: transparent;
}

/* FIRSTVIEW - CONTENT */
.top-fv .content {
	position: absolute;
	overflow: hidden;
	z-index: 2;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

.top-fv .content .wrapper {
	position: relative;
	height: 100%;
}

/* FIRSTVIEW - CONTENT - TAGLINE */
.top-fv .content .tagline {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	display: flex;
	align-items: center;
	justify-content: center;
}

.top-fv .content .tagline .inner {
	width: auto;
	max-width: 85%;
	text-align: center;
}

/* タグラインのアニメーション（imagesloaded.pkgd.min.js 利用） */
.top-fv .content .tagline {
	opacity: 0;
	transition: 1s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
	-webkit-transition: 1s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
	-moz-transition: 1s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
	-ms-transition: 1s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
	-o-transition: 1s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;

	/**/
	filter: blur(100px);
	-webkit-filter: blur(100px);
	-moz-filter: blur(100px);
	-ms-filter: blur(100px);
	-o-filter: blur(100px);


	/*
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    */

	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;

}

.imageloaded .top-fv .content .tagline {
	opacity: 1;
	/* */
	filter: blur(0);
	-webkit-filter: blur(0);
	-moz-filter: blur(0);
	-ms-filter: blur(0);
	-o-filter: blur(0);
	/*
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    */
}

/* FIRSTVIEW - SCROLL */
.top-fv .scroll {
	position: absolute;
	z-index: 3;
	bottom: -50px;
	right: 0;
	left: 0;
	width: 1px;
	height: 240px;
	margin: 0 auto;
}

.top-fv .scroll .scroll-text {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 1px;
	height: 160px;
}

.top-fv .scroll .scroll-text::before {
	position: absolute;
	left: -3em;
	top: -2.5em;
	/*top: -7.5em;
	left: -0.5em;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;*/
	content: "SCROLL";
	color: #a6937c;
	font-family: 'Boston Bold', sans-serif;
	font-size: .9rem;
	letter-spacing: 0.4em;
	line-height: 1;
}

.top-fv .scroll .scroll-text::after {
	position: absolute;
	left: 0;
	content: "";
	width: 1px;
	height: 0;
	background-color: rgba(255, 255, 255, 0.6);
	background-color: #a6937c;
	-webkit-animation: scrollEffect 6s infinite;
	animation: scrollEffect 6s infinite;
}

@keyframes scrollEffect {
	20% {
		height: 0%;
	}

	35% {
		height: 100%;
	}

	85% {
		height: 100%;
	}

	100% {
		height: 0%;
	}
}

/* flexslider.js */
.flexslider.zoom .slides li {
	overflow: hidden;
}

.flexslider.zoom .slides li img {
	-webkit-transition: all ease-out 24.0s;
	-moz-transition: all ease-out 24.0s;
	-ms-transition: all ease-out 24.0s;
	transition: all ease-out 24.0s;
}

.flexslider.zoom .slides .flex-active-slide img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.flexslider.zoom-out .slides li {
	overflow: hidden;
}

.flexslider.zoom-out .slides li img {
	-webkit-transition: all ease-out 12.0s;
	-moz-transition: all ease-out 12.0s;
	-ms-transition: all ease-out 12.0s;
	transition: all ease-out 12.0s;
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

.flexslider.zoom-out .slides .flex-active-slide img {
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
	-ms-transform: scale(1.0);
	transform: scale(1.0);
	opacity: 1;
}

/* FLEXSLIDER.CSS - OVERRIDE */
.flexslider {
	z-index: 2;
	background-color: transparent !important;
	margin-bottom: 0 !important;
	border: none !important;
	margin: 0 !important;
	border-radius: 0 !important;
}

.flexslider,
.flexslider .slides {
	height: 100%;
}

.flexslider .slides li {
	position: relative;
	width: 100%;
	height: 100%;
}

.flexslider .slides li img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

/* PAGER */
.flexslider ol.flex-control-paging {
	counter-reset: number;
	list-style: none;
	bottom: -27px !important;
}

.flexslider ol.flex-control-paging li {
	padding: 0 !important;
	margin-bottom: 0 !important;
	vertical-align: middle;
	font-size: 0;
	line-height: 0;
}

.flexslider ol.flex-control-paging li:before {
	display: none;
}

.flexslider ol.flex-control-paging li a {
	width: 9px !important;
	height: 9px !important;
	background-color: #ccc !important;
	box-shadow: none !important;
}

.flexslider ol.flex-control-paging li a.flex-active {
	background-color: #333 !important;
}



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

@media screen and (min-width: 0px) and (max-width: 599px) {

	/* */
	@supports (-webkit-touch-callout: none) {
		.top-fv {
			height: -webkit-fill-available;
		}
	}

	.top-fv {
		width: 100vw;
		/*height: 80vh;*/
		overflow: hidden;
	}

	.top-fv .content {
		top: auto;
		bottom: 0%;
		width: 100%;
		padding: 5vw;
	}

	.top-fv .content .tagline {
		align-items: center;
	}

	.top-fv .content .tagline .inner {
		width: 100%;
		max-width: 90%;
	}

	.top-fv .content .tagline .inner .text {}

	.top-fv .content .tagline .inner .text02 {
		width: 80%;
		margin: auto;
	}

	.top-fv .scroll .scroll-text {
		height: 120px;
	}
}


/* =TOP - COMMON PARTS
----------------------------------------------------- */
.anchor {
	visibility: hidden;
	height: 0;
	display: block;
	padding-top: 160px;
	margin-top: -160px;
}

.gradientball {
	display: block;
	width: 720px;
	height: 720px;
	background: no-repeat center;
	background-size: 100% auto;
	background-blend-mode: multiply;
}

.gradientball.green {
	background-image: url(assets/images/icon-gradientball-green.png);
}

.gradientball.yellow {
	background-image: url(assets/images/icon-gradientball-yellow.png);
}

.gradientball.pink {
	background-image: url(assets/images/icon-gradientball-pink.png);
}


.title-italic {}

@media screen and (min-width: 0px) and (max-width: 599px) {
	.title-italic {}

	.title-italic.story img {
		width: calc(325px / 2);
	}

	.title-italic.message img {
		width: calc(457px / 2);
	}

	.title-italic.career img {
		width: calc(389px / 2);
	}

	.title-italic.culture img {
		width: calc(410px / 2);
	}
}



/* =TOP - INTRODUCTION
----------------------------------------------------- */
.top-introduction {
	position: relative;
	z-index: 3;
	text-align: center;
}

.top-introduction .inner {
	position: relative;
	z-index: 99;
}

.top-introduction .inner .text {}

.top-introduction .inner .text p {
	line-height: 2.5;
}

.top-introduction .inner .gradientball {
	position: absolute;
	opacity: 0.5;
}

.top-introduction .inner .gradientball.green {
	left: -120px;
	top: 40%;
}

.top-introduction .title-itaric {}

.top-introduction .inner .text {
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, Georgia, Times New Roman, Times, "ＭＳ Ｐ明朝", MS PMincho, serif;
}

.top-introduction .inner .text p {
	line-height: 3.2;
}



/* ギャラリー */
.top-introduction .introduction-pictures {}

.introduction-pictures {}

.introduction-pictures .picture {
	position: absolute;
	z-index: -1;
	width: 320px;
}

.introduction-pictures .picture01 {
	z-index: 1;
	top: -4vh;
	left: -2vw;
}

.introduction-pictures .picture02 {
	top: 20vh;
	left: 3vw;
}

.introduction-pictures .picture03 {
	z-index: 2;
	top: 44vh;
	left: -4vw;
}

.introduction-pictures .picture04 {
	z-index: 2;
	/* bottom: 15vh;
	left: 8vw; */
	bottom: -9vh;
	left: 13vw;
	width: 240px;
}

.introduction-pictures .picture05 {
	top: -9vh;
	right: -4vw;
	width: 480px;
}

.introduction-pictures .picture06 {
	top: 35vh;
	right: 12vw;
	width: 240px;
}

.introduction-pictures .picture07 {
	top: 60vh;
	right: 2vw;
}

.introduction-pictures .picture08 {
	bottom: -180px;
	right: 9vw;
	width: 240px;
}



@media screen and (min-width: 600px) {
	.top-introduction {
		max-width: 1600px;
		margin: auto;
	}

	.top-introduction .text {}
}

@media screen and (min-width: 0px) and (max-width: 599px) {
	.top-introduction .inner .text {
		padding: 0 12.5vw;
	}

	.introduction-pictures {
		display: none;
	}

	.introduction-pictures .picture {
		width: 24vw;
	}

	.introduction-pictures .picture01 {
		z-index: 1;
		top: 13vh;
		left: -3vw;

		width: 17vw;
		top: 7vh;
		left: -0vw;
	}

	.introduction-pictures .picture02 {
		top: 28vh;
		left: -7vw;
	}

	.introduction-pictures .picture03 {
		z-index: 2;
		top: 49vh;
		left: -0vw;
		width: 16vw;
	}

	.introduction-pictures .picture04 {
		z-index: 2;
		bottom: 15vh;
		left: -4vw;

		bottom: 25vh;
		left: -6vw;
	}

	.introduction-pictures .picture05 {
		top: 9vh;
		right: -6vw;
		width: 25vw;

		right: -5vw;
		top: -0vw;
	}

	.introduction-pictures .picture06 {
		top: 40vh;
		right: -9vw;
	}

	.introduction-pictures .picture07 {
		top: 60vh;
		right: -5vw;
	}

	.introduction-pictures .picture08 {
		bottom: 0;
		right: -0vw;
	}
}


/* =TOP - STORY
----------------------------------------------------- */
.top-story {
	position: relative;
	z-index: 3;
}

.top-story>.section {
	padding-bottom: 0;
}

.top-story .introduction {
	position: relative;
	z-index: 1;
	text-align: center;
}

.top-story .introduction .gradientball {
	position: absolute;
	z-index: -1;
}

.top-story .introduction .gradientball.green {
	left: 0;
	top: -20%;
}

.top-story .cover {
	position: relative;
	z-index: 1;
}

.story-lineup {}

.story-lineup .lineup {}

.story-lineup .lineup.lineup-20years {
	background-color: #f8edea;
	color: #af8d84;
}

.story-lineup .lineup.lineup-35years {
	background-color: #e6eeed;
	color: #577773;
}

.story-lineup .lineup.lineup-50years {
	background-color: #f5f2ef;
	color: #af8d84;
}

.story-lineup .lineup .title-thin {
	color: inherit;
}

.story-lineup .lineup .story-years {
	margin: 0 auto 6.25vw;
}

.story-lineup .lineup.lineup-20years .story-years {
	width: 349px;
}

.story-lineup .lineup.lineup-35years .story-years {
	width: 373px;
}

.story-lineup .lineup.lineup-50years .story-years {
	width: 375px;
}

.story-lineup .lineup.lineup-20years .story-years {
	position: relative;
}

.story-lineup .lineup.lineup-20years .story-years .coffee-and-book {
	content: "";
	position: absolute;
	z-index: -1;
	top: -10px;
	left: -600px;
	width: 547px;
}

.story-lineup .lineup .story-content {}


@media screen and (min-width: 600px) {
	.story-lineup .lineup {
		padding: 10vh 0;
	}

	.story-lineup .lineup .image-content {
		align-items: center;
	}

	.story-lineup .lineup .image-content>.image {}

	.story-lineup .lineup .image-content>.content {}

	.story-lineup .lineup.lineup-20years .image-content {}

	.story-lineup .lineup.lineup-20years .image-content>.image {
		width: calc(48% + 0px);
		margin-right: 0px;
	}

	.story-lineup .lineup.lineup-20years .image-content>.content {
		width: 46%;
	}

	.story-lineup .lineup.lineup-35years .image-content {
		align-items: flex-start;
	}

	.story-lineup .lineup.lineup-35years .image-content>.image {
		width: calc(44% + 0px);
		margin-right: 0px;
	}

	.story-lineup .lineup.lineup-35years .image-content>.content {
		width: 49%;
	}

	.story-lineup .lineup.lineup-35years .story-years {
		margin-left: 0;
	}

	.story-lineup .lineup.lineup-50years .image-content {}

	.story-lineup .lineup.lineup-50years .image-content>.image {
		width: calc(48% + 0px);
		margin-right: 0px;
	}

	.story-lineup .lineup.lineup-50years .image-content>.content {
		width: 46%;
	}
}

@media screen and (min-width: 0px) and (max-width: 599px) {
	.top-story .introduction .gradientball {
		display: none;
	}

	.story-lineup .lineup {
		padding: 12vh 0;
	}

	.story-lineup .lineup .wrapper {
		padding: 0 10vw;
	}

	.story-lineup .lineup.lineup-20years .story-years {
		width: calc(349px / 2);
	}

	.story-lineup .lineup.lineup-35years .story-years {
		width: calc(373px / 2);
	}

	.story-lineup .lineup.lineup-50years .story-years {
		width: calc(375px / 2);
	}

	.story-lineup .lineup.lineup-20years .story-years .coffee-and-book {
		content: "";
		position: absolute;
		z-index: -1;
		top: 1vw;
		left: -32vw;
		width: 30vw;
	}
}




/* =TOP - MESSAGE
----------------------------------------------------- */
.top-message {
	position: relative;
	z-index: 3;
	background-color: #f5f2ef;
}

.top-message .image-content>.content .inner {
	position: relative;
}

.top-message .image-content>.content .inner .title-italic {
	position: absolute;
	right: -3em;
	top: -9em;
}

@media screen and (min-width: 600px) {
	.top-message {}

	.top-message .image-content {
		align-items: center;
	}

	.top-message .image-content>.image {
		width: calc(60% + 200px);
		margin-left: -200px;
	}

	.top-message .image-content>.content {
		width: calc(40% + 60px);
		margin-left: -60px;
	}

	.top-message .image-content>.content .inner {
		padding: 3em;
		background-color: #fff;
	}
}

@media screen and (min-width: 0px) and (max-width: 599px) {
	.top-message {
		background-color: #fff;
	}

	.top-message>.section {
		padding-top: 0;
		padding-bottom: 25vh;
	}

	.top-message .image-content.responsive>.image {
		margin: 0 -6.25vw;
		width: 100vw;
	}

	.top-message .image-content.responsive>.image img {
		max-width: 100vw;
	}

	.top-message .image-content>.content .inner .title-italic {
		right: -3vw;
		top: -6em;
		width: 50%;
	}
}



/* =TOP - CAREER
----------------------------------------------------- */
.top-career {
	position: relative;
	z-index: 3;
	background-color: #f5f2ef;
}

.top-career .cover {
	position: relative;
}

.top-career .cover .title-italic {
	position: absolute;
	left: 0;
	top: -5em;
}

.top-career .cover img.bg {
	position: absolute;
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.top-career .cover .inner {
	padding: 6.25vw;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.top-career .cover .inner .tagline {
	width: auto;
	margin-left: auto;
}

.top-career .cover .inner .tagline>*:last-child {
	margin-bottom: 0;
}


@media screen and (min-width: 600px) {
	.top-career .cover {
		width: calc(100% + 200px);
		margin-left: -200px;
	}

	.top-career .cover .title-italic {
		left: 200px;
	}
}

@media screen and (min-width: 0px) and (max-width: 599px) {
	.top-career>.section {
		padding-top: 0;
	}

	.top-career .cover {
		height: 50vw;
		margin: -6.25vw -6.25vw 6.25vw;
	}

	.top-career .cover .title-italic {
		top: -4em;
		left: -1em;
		left: 4vw;
	}
}

/* キャリアチャート （swiper.js）*/
.career-contents {
	position: relative;
	padding-left: 6em;
}

.career-contents .title-thin {
	position: absolute;
	left: 0;
	top: 0;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}

.career-contents .career-slider {}

.career-slider {
	position: relative;
}

.career-slider::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto 0;
	width: 100%;
	height: 2px;
	background-color: #a6937c;
}

.career-slider .career-lineup {
	align-items: stretch;
}

.career-slider .career-lineup .lineup {
	background-color: #fff;
	border-radius: 10px;
	color: #a6937c;
}

.career-slider .career-lineup .lineup .inner {
	padding: 3em;
}

.career-slider .career-lineup .lineup .inner .numbering {
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto 1rem;
	font-family: 'Boston Light', sans-serif;
	font-size: 5.0rem;
	font-weight: normal;
	letter-spacing: 0.08em;
	line-height: 1;
}

.career-slider .career-lineup .lineup .inner .title {
	font-size: 1.1em;
}

@media screen and (min-width: 600px) {
	.career-slider {
		width: 1200px;
	}
}

@media screen and (min-width: 0px) and (max-width: 599px) {
	.career-contents {
		position: relative;
		padding-left: 3.2em;
	}

	.career-contents .title-thin {
		font-size: 0.9em;
	}

	.career-slider .career-lineup .lineup {
		text-align: left;
	}

	.career-slider .career-lineup .lineup .inner .numbering {
		display: block;
		font-size: 3.6rem;
	}
}

/* Swiper
	-------------------------------------------------- */
.career-slider .swiper-grandparent {
	position: relative !important;
	overflow: hidden;
	width: 100%;
}

.swiper-parent {}

.swiper-grandparent .swiper-parent .swiper-container {}

.career-slider .swiper-wrapper {
	flex-wrap: inherit !important;
	margin-bottom: 0px !important;
}

.career-slider .swiper-container {
	/* Prev & Next をフル画面にしたいとき */
	position: static !important;
}

.career-slider .swiper-slide {}

.career-slider .swiper-slide-active {
	opacity: 1;
}

/* Prev & Next */
.career-slider .swiper-grandparent {
	padding-bottom: 0;
}

.career-slider .swiper-button-prev,
.career-slider .swiper-container-rtl .swiper-button-next,
.career-slider .swiper-button-next,
.career-slider .swiper-container-rtl .swiper-button-prev {
	display: none;

	background-size: 100% auto !important;
	top: auto !important;
	bottom: 0 !important;
	margin: 0 auto !important;
	width: 13px !important;
	height: 26px !important;
}

/* pagination */
.career-slider .swiper-container .swiper-pagination {
	position: static;
	padding: 15px 0 0;
}

.career-slider .swiper-container .swiper-pagination-bullet {
	background-color: #ccc !important;
	opacity: 1 !important;
}

.career-slider .swiper-container .swiper-pagination-bullet-active {
	background-color: #aaa !important;
}


@media screen and (min-width: 0px) and (max-width: 599px) {
	.career-slider .swiper-container {}

	.career-slider .swiper-slide {}

	.career-slider .swiper-slide-active {
		opacity: 1;
	}

	/* センタリング ver. */
	.career-slider .swiper-grandparent {}

	.career-slider .swiper-grandparent .wrapper {
		padding: 0 !important;
	}

	.career-slider .swiper-grandparent .swiper-parent .swiper-container {
		overflow: hidden !important;
	}

	.career-slider .swiper-button-next,
	.career-slider .swiper-button-prev {
		/*display: none !important;*/
	}

	/* Prev & Next */
	.career-slider .swiper-button-prev,
	.career-slider .swiper-container-rtl .swiper-button-next,
	.career-slider .swiper-button-next,
	.career-slider .swiper-container-rtl .swiper-button-prev {}
}



/* =TOP - CULTURE
----------------------------------------------------- */
.top-culture {
	position: relative;
	z-index: 3;
	background-color: #fcfcf6;
}

.top-culture .image-content>.content .inner {
	position: relative;
}

@media screen and (min-width: 600px) {
	.top-culture {}

	.top-culture>.section {
		padding: 0;
	}

	.top-culture .image-content {
		align-items: center;
	}

	.top-culture .image-content>.image {
		width: calc(50% + 200px);
		margin-right: -200px;
	}

	.top-culture .image-content>.content {
		width: calc(50% + 60px);
		margin-left: -60px;
		padding-right: 60px;
	}

	.top-culture .image-content>.content .inner {}

	.top-culture .image-content>.content .inner .title-italic {
		position: relative;
		left: -1em;
		top: -1em;
	}
}

@media screen and (min-width: 0px) and (max-width: 599px) {
	.top-culture>.section {
		padding-top: 0;
	}

	.top-culture .image-content>.image {
		margin: 0 -6.25vw 10vw;
	}

	.top-culture .image-content>.image img {
		max-width: 100vw;
	}
}


/* =TOP - COLUMN
----------------------------------------------------- */
.top-column {
	position: relative;
	z-index: 2;
	background-color: #f5f2ef;
}

.title-section {}


/* ループ部分は ownedmedia.css 参照 */
@media screen and (min-width: 600px) {
	.top-column {}

	.news-lineup .lineup {}
}

@media screen and (min-width: 0px) and (max-width: 599px) {}


/* =ACTION
----------------------------------------------------- */
/* ※下層ページでも共通 */
.action-entry {
	position: relative;
	z-index: 2;
	background: url(assets/images/action-bg.jpg) no-repeat center;
	background-size: cover;
}

.action-entry .tagline {
	margin: 0;
}

.button-more.entry {
	font-family: 'Boston Bold', sans-serif;
	letter-spacing: 0.10em;
}

/* ループ部分は ownedmedia.css 参照 */
@media screen and (min-width: 600px) {
	.action-entry {}

	.button-more.entry {
		max-width: 480px;
		height: 90px;
		line-height: 90px;
		border-radius: 90px;
		font-size: 3.0rem;
	}
}

@media screen and (min-width: 0px) and (max-width: 599px) {
	.action-entry>.section {
		padding: 16vw 0;
	}

	.action-entry .tagline img {
		width: 85%;
	}
}


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

	=SUBPAGES

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

/* =SUBPAGES - COMMON PARTS
----------------------------------------------------- */
#container.sub {
	background-color: #f5f2ef;
}

.sub-fv {
	position: relative;
	overflow: hidden;
	z-index: 1;
	width: 100%;
	padding: 40px 0;
	background-color: #fff;
}

.sub-fv::before {
	content: "";
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 25%;
	background-color: #f5f2ef;
}


/* FIRSTVIEW - VISUAL */
.sub-fv .visual {
	position: relative;
	z-index: 1;
	margin: 0 auto;
	width: 100%;
	max-width: 1440px;
	padding-left: 35%;
}

.sub-fv .visual .image {
	position: relative;
	height: 100%;
}

.sub-fv .visual .image img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

/* FIRSTVIEW - CONTENT */
.sub-fv .content {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	align-items: center;
}

.sub-fv .wrapper {
	position: relative;
	height: 100%;
}

.sub-fv .content .tagline {
	z-index: 1;
	top: 0;
	height: 100%;
	display: flex;
	align-items: center;
}

.sub-fv .content .tagline .inner {}

.sub-fv .content .tagline .inner .title-italic {}

.sub-fv .content .tagline .inner .title-japanese {
	font-size: 1.2em;
}

/* BREADCRUMBS */
.sub-fv #breadcrumbs {
	position: relative;
	z-index: 3;
}

.sub-fv #breadcrumbs svg.wavify-svg {
	left: 0;
	bottom: -1px;
	height: 16vh;
}

#breadcrumbs {
	padding: 30px 0;
	line-height: 20px;
	font-weight: normal;
	text-align: right;
	color: #a6937c;
}

#breadcrumbs,
#breadcrumbs a {
	color: #a6937c;
}

#breadcrumbs a {
	color: #a6937c;
	text-decoration: underline;
}

#breadcrumbs a:hover {
	text-decoration: none;
}

#breadcrumbs .inner {}


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

@media screen and (min-width: 0px) and (max-width: 599px) {

	/* 
	@supports (-webkit-touch-callout: none) {
	  .sub-fv {
	    height: -webkit-fill-available;
	  }
	}*/
	.sub-fv {
		padding: 0;
		height: auto;
	}

	.sub-fv::before {
		display: none;
	}

	.sub-fv .visual {
		width: 100%;
	}

	.sub-fv .visual .image {
		width: 70vw;
		height: 42vw;
		margin-left: auto;
	}

	#breadcrumbs {
		font-size: .9rem;
	}

	.sub-fv .content {
		z-index: 4;
		height: calc(100% - 90px);
	}

	.sub-fv .content .tagline {
		align-items: center;
	}

	.sub-fv .content .tagline .inner .title-japanese {
		font-size: 1.0em;
		letter-spacing: 0;
	}

	.title-italic.message img {
		width: calc(457px / 3);
	}
}


/* =SUBPAGES - MESSAGE [代表からのメッセージ]
----------------------------------------------------- */
.sub-message {}

.sub-message .sub-message-cover {}

.sub-message .sub-message-cover .image-content>.content {}

.sub-message .sub-message-cover .image-content>.content .inner {
	padding: 4em;
	background-color: #fff;
}

.sub-message .sign {
	text-align: right;
}

.sub-message .sign .name {
	display: block;
	margin: 0 0 0;
	color: #a6937c;
	font-size: 1.5em;
}

@media screen and (min-width: 600px) {
	.sub-message .sub-message-cover .image-content {
		align-items: center;
	}

	.sub-message .sub-message-cover .image-content>.image {
		width: calc(56% + 160px);
		margin-left: -160px;
	}

	.sub-message .sub-message-cover .image-content>.content {
		width: calc(50% + 120px);
		margin: 0 -60px;
	}

	.sub-message .sub-message-col-2 .image-content>.image {
		width: calc(42% + 120px);
		margin-right: -120px;
	}

	.sub-message .sub-message-col-2 .image-content>.content {
		width: 58%;
		padding-right: 60px;
	}
}

@media screen and (min-width: 0px) and (max-width: 599px) {
	.sub-message .sub-message-cover .image-content>.image {
		margin-bottom: 0;
	}
}

/* カルチャー */
.sub-culture .group01 {
	position: relative;
	z-index: 3;
	background-color: #fcfcf6;
}

.sub-culture .group01 .image-content>.content .inner {
	position: relative;
}

.sub-culture .group02 {
	background-color: #fff;
}

.sub-culture .group02>.section {
	position: relative;
}

.sub-culture .group02>.section {}

.sub-culture .group02>.section .numbering {
	position: absolute;
	z-index: -1;
	top: -0.1em;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto 1rem;
	color: #a6937c;
	font-family: 'Boston Light', sans-serif;
	font-size: 30.0rem;
	font-weight: normal;
	letter-spacing: 0.08em;
	line-height: 1;
	opacity: 0.2;
}

.sub-culture .group02>.section:nth-child(odd) .numbering {
	right: -0.1em;
}

.sub-culture .group02>.section:nth-child(even) .numbering {
	left: -0.1em;
}

.culture-lineup .lineup {}

.culture-lineup .lineup .image {
	margin: 0 0 20px;
}

.culture-lineup .lineup .content {
	font-size: .9em;
}

.culture-lineup .lineup .content .title {
	margin: 0 0 10px;
	color: #a6937c;
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
}

@media screen and (min-width: 600px) {
	.sub-culture .group01 {}

	.sub-culture .group01>.section {
		padding: 0;
	}

	.sub-culture .group01 .image-content {
		align-items: center;
	}

	.sub-culture .group01 .image-content>.image {
		width: calc(50% + 200px);
		margin-right: -200px;
	}

	.sub-culture .group01 .image-content>.content {
		width: calc(50% + 60px);
		margin-left: -60px;
		padding-right: 60px;
	}

	.sub-culture .group01 .image-content>.content .inner {}

	.sub-culture .group01 .image-content>.content .inner .title-italic {
		position: relative;
		left: -1em;
		top: -1em;
	}
}

@media screen and (min-width: 0px) and (max-width: 599px) {
	.sub-culture .group01>.section {
		padding-top: 0;
	}

	.sub-culture .group01 .image-content>.image {
		margin: 0 -6.25vw 10vw;
	}

	.sub-culture .group01 .image-content>.image img {
		max-width: 100vw;
	}

	.sub-culture .group02>.section .numbering {
		font-size: 8.0rem;
	}
}



/* SNSフォロー */
.sub-sns-follow {
	background-color: #fff;
}

.sub-sns-follow ul.list-button {
	margin: 0 0 20px;
}

.sub-sns-follow ul.list-button li {
	width: 90px;
	margin: 0 20px 0px;
}

.sub-sns-follow .desc p {
	color: #555;
	font-size: 0.9em;
	font-weight: 600;
	line-height: 2.5;
}

@media screen and (min-width: 600px) {
	.sub-sns-follow .frame {
		padding: 70px;
	}
}

@media screen and (min-width: 0px) and (max-width: 599px) {
	.sub-sns-follow ul.list-button li {
		display: inline-block;
		width: 10vw;
		margin: 0 10px 0;
	}
}