@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
	padding: 0;
	margin: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent; 
	border: 0;
	outline: 0;
}

body {
	line-height: 1;
}

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

nav ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

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

a {
	padding: 0;
	margin: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/* change colours to suit your needs */
ins {
	color: #000;
	text-decoration: none; 
	background-color: #ff9;
}

/* change colours to suit your needs */
mark {
	color: #000;
	font-style: italic;
	font-weight: bold; 
	background-color: #ff9;
}

del {
	text-decoration: line-through;
}

abbr[title],
dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}

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

/* change border colour to suit your needs */
hr {
	display: block;
	height: 1px;
	padding: 0; 
	margin: 1em 0;
	border: 0;
	border-top: 1px solid #ccc;
}

input,
select {
	vertical-align: middle;
}

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

svg,
img {
	max-width: 100%;
	vertical-align: middle;
}

li {
	list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
th,
dt {
	font-weight: normal;
}

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

/*----------------------------------------------------
	レスポンシブ
----------------------------------------------------*/
.hide {
	display: none;
}

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

.sp {
	display: none;
}
.sp.block {
	display: none;
}

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

/*----------------------------------------------------
	フォント
----------------------------------------------------*/
html {
	font-size: 16px;
}

body {
	color: #555; 
	font-family: source-han-sans-cjk-ja, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	-webkit-font-smoothing: antialiased;
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
}

.serif {
	font-family: source-han-serif-japanese, "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ 明朝", serif;
}

@font-face {
	font-family: "Zapfino Extra LT Pro";
	font-style: italic; 
	font-weight: normal;

	src: url("../fonts/ZapfinoExtraLTPro.woff2") format("woff2"), url("../fonts/ZapfinoExtraLTPro.woff") format("woff");
}

.ff-Zapfino {
	font-family: "Zapfino Extra LT Pro";
}

/*----------------------------------------------------
	リンク
----------------------------------------------------*/
a {
	color: #555;
	text-decoration: none;
	-webkit-transition: color .4s ease-out, background .4s ease-out, border .4s ease-out, text-shadow .4s ease-out, -webkit-box-shadow .4s ease-out;
	        transition: color .4s ease-out, background .4s ease-out, border .4s ease-out, text-shadow .4s ease-out, -webkit-box-shadow .4s ease-out;
	        transition: color .4s ease-out, background .4s ease-out, border .4s ease-out, box-shadow .4s ease-out, text-shadow .4s ease-out;
	        transition: color .4s ease-out, background .4s ease-out, border .4s ease-out, box-shadow .4s ease-out, text-shadow .4s ease-out, -webkit-box-shadow .4s ease-out;
}
a img.alpha {
	-webkit-transition: opacity .4s ease-out;
	        transition: opacity .4s ease-out;
}
@media screen and (min-width: 769px), only screen and (min-device-width: 769px) and (max-device-width: 1024px) and (orientation: landscape) {
	a:hover img.alpha {
		opacity: .75;
	}
}

.link-text a {
	color: #023386;
}

@media screen and (min-width: 769px), only screen and (min-device-width: 769px) and (max-device-width: 1024px) and (orientation: landscape) {
	.link-text a:hover {
		text-decoration: underline;
	}
}

a.link-text {
	color: #023386;
}
@media screen and (min-width: 769px), only screen and (min-device-width: 769px) and (max-device-width: 1024px) and (orientation: landscape) {
	a.link-text:hover {
		text-decoration: underline;
	}
}

@media screen and (max-width: 767px), only screen and (max-device-width: 1024px) and (min-device-width: 768px) {
	a,
	button {
		-webkit-tap-highlight-color: rgba(255, 255, 255, 0); 
		-webkit-touch-callout: none;
	}
}

/*----------------------------------------------------
	body
----------------------------------------------------*/
@media (min-width: 768px) {
	body {
		min-width: 1040px;
	}
}

body.no-scroll {
	height: 100vh; 
	overflow: hidden;
}

#wrap {
	overflow: hidden;
}

/*----------------------------------------------------
	コンテナ
----------------------------------------------------*/
.container {
	position: relative;
	padding-right: 40px; 
	padding-left: 40px;
	margin: 0 auto;
}
@media (min-width: 768px) {
	.container {
		max-width: 760px;
	}
}
@media (max-width: 767px) {
	.container {
		padding-right: 4vw; 
		padding-left: 4vw;
	}
}

@media (min-width: 768px) {
	.container--l {
		max-width: 960px;
	}
}

@media (min-width: 768px) {
	.container--xs {
		max-width: 580px;
	}
}

/*----------------------------------------------------
	ヘッダー
----------------------------------------------------*/
@media (min-width: 768px) {
	header {
		color: #fff;
		background-color: #023386;
	}
}

@media (max-width: 767px) {
	header {
		position: fixed;
		top: 0;
		right: -100%;
		z-index: 10001;
	}
	header.open {
		right: 0;
	}
	header .container {
		padding-right: 0; 
		padding-left: 0;
	}
}

@media (max-width: 767px) {
	.open .header-content {
		-webkit-transform: translateX(0);
		        transform: translateX(0);
		pointer-events: auto;
	}
}

@media (min-width: 768px) {
	.header-content {
		-webkit-box-align: center;
		align-items: center;
		-ms-flex-align: center;
		-ms-flex-pack: justify;
		-webkit-box-pack: justify;
		justify-content: space-between;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		height: 80px;
	}
}

@media (max-width: 767px) {
	.header-content {
		position: relative;
		width: 260px;
		max-height: 100vh;
		padding: 16px 20px 60px;
		overflow: auto;
		color: #fff;
		background-color: #023386;
		-webkit-transform: translateX(260px);
		        transform: translateX(260px); 
		-webkit-transition: -webkit-transform .4s ease-out;
		        transition: -webkit-transform .4s ease-out;
		        transition:         transform .4s ease-out;
		        transition:         transform .4s ease-out, -webkit-transform .4s ease-out;
	}
	.header-logo {
		margin-bottom: 18px;
	}
}

/*----------------------------------------------------
	ヘッダーナビ
----------------------------------------------------*/
.header-nav {
	font-family: source-han-serif-japanese, "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ 明朝", serif;
}
.header-nav a {
	color: #fff;
	font-size: 15px;
}
@media screen and (min-width: 769px), only screen and (min-device-width: 769px) and (max-device-width: 1024px) and (orientation: landscape) {
	.header-nav a:hover {
		text-shadow: 0 0 10px #fff;
	}
}
.header-nav__haschild {
	position: relative;
}
.header-nav__haschild > a {
	margin-right: 1.5em;
}
.header-nav__haschild > a:after {
	position: absolute;
	top: 50%;
	right: -1.25em;
	display: block;
	width: .5em;
	height: .5em;
	margin-top: -.3em;
	content: "";
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	-webkit-transform: rotate(135deg);
	        transform: rotate(135deg);
	-webkit-transition: all .3s;
	        transition: all .3s;
}
.header-nav__haschild > a.open:after {
	margin-top: 0;
	-webkit-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}
.header-nav__lv2 li {
	padding: .5em .5em;
	text-align: center;
}
.header-nav__lv2 li a {
	font-size: 13px;
}
@media (min-width: 768px) {
	.header-nav {
		-webkit-box-align: center;
		align-items: center; 
		-ms-flex-align: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.header-nav__lv1 {
		-webkit-box-align: center;
		align-items: center; 
		-ms-flex-align: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.header-nav__lv1 > li:not(:last-child) {
		margin-right: 36px;
	}
	.header-nav__lv1 > li > a {
		position: relative;
	}
	.header-nav__lv2 {
		position: absolute;
		top: 1.5em;
		left: 50%;
		z-index: 10;
		display: none; 
		width: 250px;
		padding: 16px;
		background-color: #023386;
		-webkit-transform: translateX(-50%);
		        transform: translateX(-50%);
	}
	.header-nav__lv2.open {
		display: block;
		-webkit-animation: fadeIn .3s;
		        animation: fadeIn .3s;
	}
	.header-nav__lv2 li:not(:last-child) {
		border-bottom: 1px solid #e3cca9;
	}
}
@media (max-width: 767px) {
	.header-nav__lv1 a {
		display: block;
	}
	.header-nav__lv1 > li:first-child {
		border-top: 1px solid #e3cca9;
	}
	.header-nav__lv1 > li {
		border-bottom: 1px solid #e3cca9;
	}
	.header-nav__lv1 > li > a {
		position: relative;
		padding: 18px 0;
	}
	.header-nav__lv2 {
		margin: -18px 0 18px;
	}
	.header-nav__lv2 a {
		padding-left: 1em; 
		text-align: left;
	}
}

/*----------------------------------------------------
	ヘッダー メニュー
----------------------------------------------------*/
@media (max-width: 767px) {
	.open .header-menu {
		-webkit-transform: translateX(0);
		        transform: translateX(0);
	}
}

@media (max-width: 767px) {
	.header-menu {
		position: fixed;
		top: 0;
		right: 260px;
		z-index: 2;
		width: 48px;
		height: 48px;
		background-color: #fff;
		border-radius: 2px;
		-webkit-transform: translateX(255px);
		        transform: translateX(255px); 
		-webkit-transition: -webkit-transform .4s ease-out;
		        transition: -webkit-transform .4s ease-out;
		        transition:         transform .4s ease-out;
		        transition:         transform .4s ease-out, -webkit-transform .4s ease-out;
		cursor: pointer;
	}
	.header-menu div {
		position: relative;
	}
	.header-menu span {
		position: absolute;
		left: 12px;
		display: block;
		width: 24px;
		height: 2px;
		background: #023386;
		border-radius: 1px; 
		-webkit-transition: .4s ease-in-out;
		        transition: .4s ease-in-out;
	}
	.header-menu span:nth-child(1) {
		top: 13px;
	}
	.header-menu span:nth-child(2) {
		top: 23px;
	}
	.header-menu span:nth-child(3) {
		top: 33px;
	}
	.header-menu.open span:nth-child(1) {
		top: 23px;
		-webkit-transform: rotate(45deg);
		        transform: rotate(45deg);
	}
	.header-menu.open span:nth-child(2) {
		left: 50%; 
		width: 0;
	}
	.header-menu.open span:nth-child(3) {
		top: 23px;
		-webkit-transform: rotate(-45deg);
		        transform: rotate(-45deg);
	}
}

/*----------------------------------------------------
	ヘッダーナビ
----------------------------------------------------*/
.header-contact {
	-webkit-box-align: center;
	align-items: center;
	-ms-flex-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-left: 42px;
}
.header-contact li:not(:last-child) {
	margin-right: 26px;
}
@media (max-width: 767px) {
	.header-contact {
		position: absolute;
		top: 18px; 
		right: 18px;
	}
}

/*----------------------------------------------------
	フッター
----------------------------------------------------*/
.footer-wh footer {
	color: #023386;
	background: #f8f8f8;
}
.footer-wh footer a {
	color: #023386;
}

footer {
	padding: 18px 0;
	color: #fff;
	text-align: center;
	background: #023386;
}
footer a {
	color: #fff;
}

.footer-wh .footer-logo .bl {
	display: inline-block;
}

.footer-wh .footer-logo .wh {
	display: none;
}

.footer-wh .footer-instagram a {
	background-color: #e3cca9;
	border: 1px solid #e3cca9;
}

@media screen and (min-width: 769px), only screen and (min-device-width: 769px) and (max-device-width: 1024px) and (orientation: landscape) {
	.footer-wh .footer-instagram a:hover {
		color: #023386;
		background-color: #fff;
	}
}

.footer-logo {
	margin-bottom: 14px;
}
.footer-logo .bl {
	display: none;
}
.footer-logo .wh {
	display: inline-block;
}

.footer-email {
	margin-bottom: 20px; 
	font-size: 11px;
}

.footer-instagram {
	margin-bottom: 20px; 
	font-size: 11px;
}
.footer-instagram a {
	-webkit-box-align: center;
	align-items: center;
	-ms-flex-align: center;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	justify-content: center;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 137px;
	height: 27px;
	color: #023386;
	background-color: #fff;
	border: 1px solid #fff; 
	border-radius: 13.5px;
}
.footer-instagram a img {
	margin-right: 1em;
	vertical-align: middle;
}
@media screen and (min-width: 769px), only screen and (min-device-width: 769px) and (max-device-width: 1024px) and (orientation: landscape) {
	.footer-instagram a:hover {
		color: #fff;
		background-color: #023386;
	}
}

.footer-copyright {
	font-size: 10px;
}

/*----------------------------------------------------
	blog
----------------------------------------------------*/
.blog-header {
	font-family: source-han-serif-japanese, "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ 明朝", serif;
}
.blog-header__picture {
	overflow: hidden;
}
.blog-header__picture img {
	-webkit-transition: -webkit-transform .4s ease-out;
	        transition: -webkit-transform .4s ease-out;
	        transition:         transform .4s ease-out;
	        transition:         transform .4s ease-out, -webkit-transform .4s ease-out;
}
@media screen and (min-width: 769px), only screen and (min-device-width: 769px) and (max-device-width: 1024px) and (orientation: landscape) {
	.blog-header__picture a:hover img {
		-webkit-transform: scale(1.03);
		        transform: scale(1.03);
	}
}
.blog-header__meta {
	padding: 20px 10px 20px;
	margin: 0 auto 6px;
	background: #fff;
	border-radius: 4px;
	opacity: .77;
}
.blog-header__job {
	margin-bottom: 6px;
	color: #023386; 
	font-size: 11px;
}
.blog-header__name {
	margin-bottom: 6px;
	color: #023386; 
	font-size: 15px;
}
.blog-header__area {
	padding: 0 0 0 1.25em;
	color: #023386;
	font-size: 11px;
	background: url(../images/ico_map.svg) 0 center no-repeat;
}
.blog-header__lead {
	-webkit-box-align: center;
	align-items: center;
	-ms-flex-align: center;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	justify-content: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 112px;
	margin-bottom: 20px;
	color: #023386;
	font-size: 14px;
	font-weight: bold;
	line-height: 2;
	background: url(../images/ico_leafB.svg) center center/auto 100% no-repeat;
}
.blog-header__category {
	text-align: center;
}
.blog-header__category span {
	display: inline-block;
	padding: .375em 1em;
	font-family: source-han-sans-cjk-ja, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 13px;
	text-align: center;
	background: #ebebeb; 
	border-radius: 5px;
}

.blog__body {
	padding: 40px 0; 
	font-size: 14px;
}

/*----------------------------------------------------
	contact
----------------------------------------------------*/
.contact-form {
	max-width: 450px;
	margin: 0 auto;
}
.contact-form__item + .contact-form__item {
	margin-top: 10px;
}
.contact-form__item dt {
	margin-bottom: 8px;
	font-size: 15px;
}
.contact-form .required {
	margin-left: 1em;
	color: #f00;
	font-size: 13px;
}
.contact-form__submit {
	padding: 30px 0;
	text-align: center;
}

/*----------------------------------------------------
	product-detail
----------------------------------------------------*/
@media (min-width: 768px) {
	.product-detail {
		padding: 36px 0 56px;
	}
}

@media (max-width: 767px) {
	.product-detail {
		padding: 36px 0 0;
	}
}

.product-detail__link a {
	-webkit-box-align: center;
	align-items: center;
	-ms-flex-align: center;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	justify-content: center;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	height: 88px;
	color: #fff;
	font-family: source-han-serif-japanese, "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ 明朝", serif;
	font-size: 18px;
	text-align: left;
	background-color: #023386;
	border: 1px solid #023386;
}
@media screen and (min-width: 769px), only screen and (min-device-width: 769px) and (max-device-width: 1024px) and (orientation: landscape) {
	.product-detail__link a:hover {
		-webkit-box-shadow: 0 0 10px #023386;
		        box-shadow: 0 0 10px #023386;
	}
}
.product-detail__link a .ico {
	margin-right: 20px;
}
@media (min-width: 768px) {
	.product-detail__link a {
		width: 375px;
	}
}
@media (max-width: 767px) {
	.product-detail__link a {
		width: 100%;
	}
}

.product-detail__link a + a {
	margin-top: 20px;
}

.product-detail__link .a2 {
	height: 60px;
}

@media (max-width: 767px) {
	.product-detail__link {
		margin-right: -4vw; 
		margin-left: -4vw;
	}
}

/*----------------------------------------------------
	product
----------------------------------------------------*/
.product-content__lead {
	-webkit-box-align: center;
	align-items: center;
	-ms-flex-align: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	    flex-direction: column;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 10px 0 40px;
}
.product-content__lead ul {
	max-width: 380px;
}
.product-content__lead li {
	padding-left: 1.25em;
	color: #023386;
	font-size: 15px;
	line-height: 1.86; 
	text-indent: -1.25em;
}
.product-content__lead p {
	color: #023386;
	font-size: 15px;
	line-height: 1.86;
}
.product-content__lead .p2 {
	color: #89642a;
	font-family: source-han-serif-japanese, "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ 明朝", serif; 
	font-size: 21px;
	line-height: 2;
}

.product-gallery {
	padding: 20px 0;
	background: #efefef;
}
.product-gallery__wrap {
	max-width: 340px;
	margin: 0 auto;
}
.product-gallery__title {
	margin-bottom: 20px;
	line-height: 1;
	text-align: center;
}
.product-gallery__title .en {
	color: #023386; 
	font-family: "Zapfino Extra LT Pro";
	font-size: 60px;
}
.product-gallery__title .ja {
	color: #c7a97c; 
	font-size: 13px;
	letter-spacing: .1em;
}
.product-gallery__thumb {
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	justify-content: space-between; 
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.product-gallery__thumb-pic {
	width: 24.5%;
}

/*----------------------------------------------------
	profile
----------------------------------------------------*/
.profile-header {
	margin-bottom: 20px;
}
@media (max-width: 767px) {
	.profile-header .container {
		padding: 0;
	}
}
.profile-header__main {
	position: relative;
}
.profile-header__logo {
	position: absolute;
	top: 58px; 
	left: 92px;
}
@media (max-width: 767px) {
	.profile-header__logo {
		top: 66px; 
		left: 32px;
	}
}
.profile-header__thumb {
	-ms-flex-pack: justify;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	justify-content: space-between; 
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
@media (min-width: 768px) {
	.profile-header__thumb li {
		margin-top: 6px;
	}
}
.profile-header__thumb img {
	width: 110px;
	height: 110px;

	-o-object-fit: cover;
	   object-fit: cover;
}
@media screen and (min-width: 769px), only screen and (min-device-width: 769px) and (max-device-width: 1024px) and (orientation: landscape) {
	.profile-header__thumb img {
		cursor: pointer;
	}
	.profile-header__thumb img:hover {
		opacity: .75;
	}
}
@media (max-width: 767px) {
	.profile-header__thumb {
		-ms-flex-pack: distribute;
		justify-content: space-around;
	}
	.profile-header__thumb li {
		margin-top: 1.6vw;
	}
	.profile-header__thumb img {
		width: 31.46667vw;
		height: 31.46667vw;
	}
}

.profile-status {
	margin-bottom: 35px;
	color: #023386;
}
.profile-status__txt {
	font-size: 15px;
	line-height: 2.25;
}
@media (min-width: 768px) {
	.profile-status {
		-ms-flex-pack: center;
		-webkit-box-pack: center;
		justify-content: center; 
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.profile-status__logo {
		margin-right: 40px;
	}
}
@media (max-width: 767px) {
	.profile-status__logo {
		margin-bottom: 20px;
		text-align: center;
	}
}

.profile-story {
	color: #023386;
}
.profile-story p {
	margin-bottom: 2.25em;
	font-size: 15px; 
	line-height: 2.25;
}
.profile-story__title {
	font-family: "Zapfino Extra LT Pro"; 
	font-size: 60px;
	text-align: center;
}
.profile-story__subtitle {
	-webkit-box-align: center;
	align-items: center;
	-ms-flex-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	max-width: 330px;
	padding: .25em 0;
	margin-bottom: 15px;
	font-family: source-han-serif-japanese, "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ 明朝", serif;
	font-size: 20px;
	border-bottom: 1px solid #023386;
}
.profile-story__subtitle span:before {
	display: inline-block;
	width: 1.5em;
	height: 1em;
	margin-right: .25em;
	content: "";
	background: url(../images/ico_leafC.svg) center center/contain no-repeat;
}

.profile-archive {
	padding: 40px 0;
	background: #f8f8f8;
}
.profile-archive__title {
	text-align: center;
}
.profile-archive__title .ja {
	color: #555; 
	font-size: 18px;
	letter-spacing: .05em;
	text-align: center;
}
.profile-archive__title .en {
	color: #6f8abc;
	font-family: "Zapfino Extra LT Pro"; 
	font-size: 60px;
	line-height: 1;
	opacity: .22;
}
.profile-archive__item {
	margin-bottom: 32px;
}
.profile-archive__pic {
	overflow: hidden;
}
.profile-archive__pic img {
	-webkit-transition: -webkit-transform .4s ease-out;
	        transition: -webkit-transform .4s ease-out;
	        transition:         transform .4s ease-out;
	        transition:         transform .4s ease-out, -webkit-transform .4s ease-out;
}
@media screen and (min-width: 769px), only screen and (min-device-width: 769px) and (max-device-width: 1024px) and (orientation: landscape) {
	.profile-archive__pic a:hover img {
		-webkit-transform: scale(1.03);
		        transform: scale(1.03);
	}
}
.profile-archive__lead {
	padding: 6px 0;
	color: #555; 
	font-size: 15px;
}
.profile-archive__link {
	text-align: right;
}
.profile-archive__more {
	text-align: center;
}
@media (min-width: 768px) {
	.profile-archive__items {
		-ms-flex-pack: justify;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap; 
		-webkit-box-pack: justify;
		justify-content: space-between;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.profile-archive__item {
		width: 48.8%;
	}
}

/*----------------------------------------------------
	top-bnr
----------------------------------------------------*/
.top-bnr {
	padding: 40px 0;
}

/*----------------------------------------------------
	.top-content
----------------------------------------------------*/
.top-content {
	padding: 20px 0;
}
@media (min-width: 768px) {
	.top-content__wrap {
		-ms-flex-pack: justify;
		-webkit-box-pack: justify;
		justify-content: space-between; 
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
}

@media (min-width: 768px) {
	.top-blog {
		width: 48%;
	}
}

@media (max-width: 767px) {
	.top-blog {
		margin-bottom: 20px;
	}
}

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

.top-gallery__item {
	width: 32.2%;
	margin-bottom: 1.25%;
}
.top-gallery__item:not(:nth-child(3n+3)) {
	margin-right: 1.25%;
}

@media (min-width: 768px) {
	.top-gallery {
		width: 48%;
	}
}

/*----------------------------------------------------
	top-mv
----------------------------------------------------*/
.top-mv .container {
	height: 100%;
}

.top-mv__wrap {
	-webkit-box-align: start;
	align-items: flex-start;
	-ms-flex-align: start;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	    flex-direction: column;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	justify-content: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
}

.top-mv__logo {
	min-width: 240px;
	margin-bottom: 35px; 
	text-align: center;
}

.top-mv__lead {
	margin-bottom: 14px;
	color: #0d2fab; 
	font-family: source-han-serif-japanese, "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ 明朝", serif;
	font-size: 16px;
	line-height: 28px;
	letter-spacing: .15em;
	text-align: center;
}

.top-mv__sign {
	min-width: 250px;
	margin-bottom: 36px;
	text-align: right;
}

.top-mv__link {
	min-width: 240px;
	text-align: center;
}

@media (min-width: 768px) {
	.top-mv {
		height: 545px;
		background: url(../images/top/header.jpg) center center/cover no-repeat;
	}
}

@media (max-width: 767px) {
	.top-mv {
		height: 518px;
		background: url(../images/top/header_sp.jpg) center center/cover no-repeat;
	}
	.top-mv__wrap {
		-ms-flex-pack: end;
		-webkit-box-pack: end;
		justify-content: flex-end;
	}
	.top-mv__logo {
		width: 90%;
		margin: 0 auto 50px; 
		text-align: left;
	}
	.top-mv__lead {
		width: 100%;
	}
	.top-mv__sign {
		width: 90%;
		margin: 0 auto 50px;
	}
	.top-mv__link {
		width: 100%;
		text-align: center;
	}
}

/*----------------------------------------------------
	top-product
----------------------------------------------------*/
.top-product {
	padding: 40px 0;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#efefef));
	background: linear-gradient(rgba(255, 255, 255, 0) 0%, #efefef 100%);
}
.top-product__items {
	margin-bottom: -50px;
}
.top-product__item {
	margin-bottom: 50px;
}
.top-product__title {
	margin-bottom: 4px;
}
.top-product__pic {
	overflow: hidden;
}
.top-product__pic img {
	-webkit-transition: -webkit-transform .4s ease-out;
	        transition: -webkit-transform .4s ease-out;
	        transition:         transform .4s ease-out;
	        transition:         transform .4s ease-out, -webkit-transform .4s ease-out;
}
@media screen and (min-width: 769px), only screen and (min-device-width: 769px) and (max-device-width: 1024px) and (orientation: landscape) {
	.top-product__pic a:hover img {
		-webkit-transform: scale(1.03);
		        transform: scale(1.03);
	}
}
.top-product__lead {
	padding: 1.25em 0;
	color: #555; 
	font-size: 12px;
	line-height: 2.25;
	letter-spacing: .01em;
	text-align: center;
}
.top-product__link {
	text-align: center;
}
@media (min-width: 768px) {
	.top-product__items {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap; 
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.top-product__item {
		width: 324px;
	}
	.top-product__item:nth-child(2n+1) {
		margin-right: 22px;
	}
}

/*----------------------------------------------------
	xxx
----------------------------------------------------*/
/*----------------------------------------------------
	voice
----------------------------------------------------*/
.voice-header {
	font-family: source-han-serif-japanese, "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ 明朝", serif;
}
.voice-header__picture {
	overflow: hidden;
}
.voice-header__picture img {
	-webkit-transition: -webkit-transform .4s ease-out;
	        transition: -webkit-transform .4s ease-out;
	        transition:         transform .4s ease-out;
	        transition:         transform .4s ease-out, -webkit-transform .4s ease-out;
}
@media screen and (min-width: 769px), only screen and (min-device-width: 769px) and (max-device-width: 1024px) and (orientation: landscape) {
	.voice-header__picture a:hover img {
		-webkit-transform: scale(1.03);
		        transform: scale(1.03);
	}
}
.voice-header__meta {
	padding: 20px 10px 20px;
	margin: 0 auto 6px;
	background: #fff;
	border-radius: 4px;
	opacity: .77;
}
.voice-header__job {
	margin-bottom: 6px;
	color: #023386; 
	font-size: 11px;
}
.voice-header__name {
	margin-bottom: 6px;
	color: #023386; 
	font-size: 15px;
}
.voice-header__area {
	padding: 0 0 0 1.25em;
	color: #023386;
	font-size: 11px;
	background: url(../images/ico_map.svg) 0 center no-repeat;
}
.voice-header__lead {
	-webkit-box-align: center;
	align-items: center;
	-ms-flex-align: center;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	justify-content: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 112px;
	margin-bottom: 20px;
	color: #023386;
	font-size: 14px;
	font-weight: bold;
	line-height: 2;
	background: url(../images/ico_leafB.svg) center center/auto 100% no-repeat;
}
.voice-header__category {
	text-align: center;
}
.voice-header__category span {
	display: inline-block;
	padding: .375em 1em;
	font-family: source-han-sans-cjk-ja, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 13px;
	text-align: center;
	background: #ebebeb; 
	border-radius: 5px;
}

.voice__body {
	padding: 40px 0; 
	font-size: 14px;
}

/*----------------------------------------------------
	xxx
----------------------------------------------------*/
/*----------------------------------------------------
	アニメーション
----------------------------------------------------*/
.fadeIn {
	display: none;
}
.fadeIn.show {
	display: block;
	-webkit-animation: fadeIn .6s linear;
	        animation: fadeIn .6s linear;
}

.anime {
	opacity: 0; 
	visibility: hidden;
}

.anime.opacity {
	opacity: 1;
}

.animated {
	visibility: visible;
}

.fadeIn.animated {
	-webkit-animation: fadeIn .5s forwards;
	        animation: fadeIn .5s forwards;
}

.fadeInUp.animated {
	-webkit-animation: fadeInUp .5s forwards;
	        animation: fadeInUp .5s forwards;
}

@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@-webkit-keyframes fadeInUp {
	from {
		-webkit-transform: translateY(20px);
		        transform: translateY(20px); 
		opacity: 0;
	}
	to {
		-webkit-transform: translateY(0px);
		        transform: translateY(0px); 
		opacity: 1;
	}
}

@keyframes fadeInUp {
	from {
		-webkit-transform: translateY(20px);
		        transform: translateY(20px); 
		opacity: 0;
	}
	to {
		-webkit-transform: translateY(0px);
		        transform: translateY(0px); 
		opacity: 1;
	}
}

/*----------------------------------------------------
	フォーム
----------------------------------------------------*/
input[type=email],
input[type=text] {
	width: 100%;
	height: 42px;
	padding: 0 .5em;
	background: #eaeaea;
	border: 1px solid #707070; 
	border-radius: 6px;
}

textarea {
	width: 100%;
	height: 160px;
	padding: .5em .5em;
	background: #eaeaea;
	border: 1px solid #707070; 
	border-radius: 6px;
}
@media (max-width: 767px) {
	textarea {
		height: 100px;
	}
}

input[type=submit] {
	width: 100%;
	height: 88px;
	max-width: 375px;
	color: #fff;
	font-family: source-han-serif-japanese, "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ 明朝", serif;
	font-size: 22px;
	-webkit-appearance: none;
	background-color: #023386;
	-webkit-transition: color .4s ease-out, background .4s ease-out, border .4s ease-out, text-shadow .4s ease-out, -webkit-box-shadow .4s ease-out;
	        transition: color .4s ease-out, background .4s ease-out, border .4s ease-out, text-shadow .4s ease-out, -webkit-box-shadow .4s ease-out;
	        transition: color .4s ease-out, background .4s ease-out, border .4s ease-out, box-shadow .4s ease-out, text-shadow .4s ease-out;
	        transition: color .4s ease-out, background .4s ease-out, border .4s ease-out, box-shadow .4s ease-out, text-shadow .4s ease-out, -webkit-box-shadow .4s ease-out;
}
@media screen and (min-width: 769px), only screen and (min-device-width: 769px) and (max-device-width: 1024px) and (orientation: landscape) {
	input[type=submit] {
		cursor: pointer;
	}
	input[type=submit]:hover {
		-webkit-box-shadow: 0 0 10px #023386;
		        box-shadow: 0 0 10px #023386;
	}
}

button {
	-webkit-appearance: none;
}

button,
input,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
}

.wpcf7-not-valid-tip {
	font-size: 13px;
}

.wpcf7-list-item {
	display: block;
}
.wpcf7-list-item label {
	display: block; 
	font-size: 13px;
}

/*----------------------------------------------------
	.main-blogs
----------------------------------------------------*/
.main-blogs__title {
	margin: 20px 0;
}

.main-blogs__items {
	max-width: 460px;
	margin: 0 auto;
}

.main-blogs__item {
	width: 100%;
	border-bottom: 1px solid #707070;
}

.main-blogs__link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 8px 8px;
}
@media screen and (min-width: 769px), only screen and (min-device-width: 769px) and (max-device-width: 1024px) and (orientation: landscape) {
	.main-blogs__link:hover {
		color: #023386;
	}
}

.main-blogs__pic {
	width: 72px;
	height: 72px;
	margin-right: 14px;
}
.main-blogs__pic img {
	width: 100%;
	height: 100%;

	-o-object-fit: cover;
	   object-fit: cover;
}

.main-blogs__body {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	    flex: 1;
}

.main-blogs__date {
	font-size: 11px;
}

.main-blogs__subject {
	font-size: 20px;
}

.main-blogs__category {
	font-size: 11px;
}

/*----------------------------------------------------
	ボタン
----------------------------------------------------*/
.main-btnA {
	position: relative;
	-webkit-box-align: center;
	align-items: center;
	-ms-flex-align: center;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	justify-content: center;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 160px;
	height: 34px;
	color: #023386;
	font-family: source-han-serif-japanese, "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ 明朝", serif;
	font-size: 13px;
	background: #fff;
	border: 1px solid #023386; 
	border-radius: 2px;
}
.main-btnA:after {
	position: absolute;
	top: 50%;
	right: 1.25em;
	display: block;
	width: .5em;
	height: .5em;
	margin-top: -.3em;
	content: "";
	border-top: 1px solid #023386;
	border-right: 1px solid #023386;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
	-webkit-transition: all .3s;
	        transition: all .3s;
}
@media screen and (min-width: 769px), only screen and (min-device-width: 769px) and (max-device-width: 1024px) and (orientation: landscape) {
	.main-btnA:hover {
		color: #fff;
		background-color: #023386;
	}
	.main-btnA:hover:after {
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
	}
}

.main-btnB {
	position: relative;
	-webkit-box-align: center;
	align-items: center;
	-ms-flex-align: center;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	justify-content: center;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 190px;
	height: 38px;
	color: #fff;
	font-family: source-han-serif-japanese, "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ 明朝", serif;
	font-size: 13px;
	background-color: #023386;
}
.main-btnB:after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	display: block;
	width: 100%;
	height: 100%;
	content: "";
	border: 1px solid #023386;
	-webkit-transform: translate(4px, 4px);
	        transform: translate(4px, 4px);
	-webkit-transition: -webkit-transform .4s ease-out;
	        transition: -webkit-transform .4s ease-out;
	        transition:         transform .4s ease-out;
	        transition:         transform .4s ease-out, -webkit-transform .4s ease-out;
}
.main-btnB--br {
	color: #023386;
	background-color: #e3cca9;
}
.main-btnB--br:after {
	border: 1px solid #e3cca9;
}
.main-btnB span {
	margin-left: .6em;
}
.main-btnB span:after {
	position: relative;
	top: 1px;
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: .6em;
	content: "";
	border-color: transparent transparent transparent #fff; 
	border-style: solid;
	border-width: 6.5px 0 6.5px 10px;
}
@media screen and (min-width: 769px), only screen and (min-device-width: 769px) and (max-device-width: 1024px) and (orientation: landscape) {
	.main-btnB:hover:after {
		-webkit-transform: translate(0, 0);
		        transform: translate(0, 0);
	}
}

/*----------------------------------------------------
	.main-categories
----------------------------------------------------*/
.main-categories {
	max-width: 340px;
	margin: 0 auto 16px;
	text-align: center;
}
.main-categories select {
	height: 2.5em;
	margin-bottom: 2em;
}
.main-categories ul {
	-ms-flex-pack: justify;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	justify-content: space-between; 
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.main-categories li {
	width: 47%;
	margin-bottom: 10px;
	font-size: 14px;
}
.main-categories li a {
	-webkit-box-align: center;
	align-items: center;
	-ms-flex-align: center;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	justify-content: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 32px;
	color: #fff;
	background-color: #023386;
	border: 1px solid #023386;
}
.main-categories li.all {
	width: 100%;
}
.main-categories li.all a,
.main-categories li.current a {
	background-color: #286ad9;
	border: 1px solid #286ad9;
}
@media screen and (min-width: 769px), only screen and (min-device-width: 769px) and (max-device-width: 1024px) and (orientation: landscape) {
	.main-categories li a:hover:hover {
		color: #023386;
		background-color: #fff;
	}
	.main-categories li.all a:hover:hover,
	.main-categories li.current a:hover:hover {
		color: #286ad9;
		background-color: #fff;
	}
}

/*----------------------------------------------------
	.main-editor
----------------------------------------------------*/
.main-editor {
	line-height: 2;
}
.main-editor > * + * {
	margin-top: 2em;
}
.main-editor h1 {
	margin: .67em 0;
	font-family: source-han-serif-japanese, "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ 明朝", serif; 
	font-size: 2em;
	font-weight: bold;
}
.main-editor h2 {
	margin-top: .83em;
	margin-bottom: .83em;
	font-family: source-han-serif-japanese, "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ 明朝", serif; 
	font-size: 1.5em;
	font-weight: bold;
}
.main-editor h3 {
	display: block;
	margin-top: 1em;
	margin-bottom: 1em;
	font-family: source-han-serif-japanese, "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ 明朝", serif; 
	font-size: 1.17em;
	font-weight: bold;
}
.main-editor h4 {
	margin-top: 1.33em;
	margin-bottom: 1.33em;
	font-family: source-han-serif-japanese, "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ 明朝", serif; 
	font-weight: bold;
}
.main-editor h5 {
	margin-top: 1.67em;
	margin-bottom: 1.67em;
	font-family: source-han-serif-japanese, "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ 明朝", serif; 
	font-size: .83em;
	font-weight: bold;
}
.main-editor strong {
	font-weight: bold;
}
.main-editor em {
	font-style: italic;
}

/*----------------------------------------------------
	main-header
----------------------------------------------------*/
.main-header {
	margin-bottom: 20px;
	text-align: center;
}

/*----------------------------------------------------
	main-news
----------------------------------------------------*/
.main-news {
	padding: 40px 0;
}

/*----------------------------------------------------
	見出し
----------------------------------------------------*/
.main-titleA {
	position: relative;
	-webkit-box-align: center;
	align-items: center;
	-ms-flex-align: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	    flex-direction: column;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	justify-content: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 110px;
	color: #89642a;
	font-family: source-han-serif-japanese, "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ 明朝", serif;
	font-size: 21px;
	background: url(../images/ico_leaf.svg) center center no-repeat;
}
.main-titleA .en {
	color: #023386;
	font-family: "Zapfino Extra LT Pro";
	font-size: 60px;
	line-height: 1;
}
.main-titleA .ja {
	font-size: 13px;
}

.main-titleB {
	margin-bottom: 8px;
	text-align: center;
}
.main-titleB .ja {
	color: #89642a; 
	font-family: source-han-serif-japanese, "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ 明朝", serif;
	font-size: 20px;
}
.main-titleB .en {
	-webkit-box-align: center;
	align-items: center;
	-ms-flex-align: center;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	justify-content: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	color: #555; 
	font-family: source-han-serif-japanese, "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ 明朝", serif;
	font-size: 13px;
	letter-spacing: .05em;
	text-align: center;
}
.main-titleB .en:before {
	display: block;
	width: 90px;
	height: 7px;
	margin-right: 8px; 
	content: "";
	background: url(../images/ico_midashiB_l.svg) center center/contain no-repeat;
}
.main-titleB .en:after {
	display: block;
	width: 90px;
	height: 7px;
	margin-left: 8px; 
	content: "";
	background: url(../images/ico_midashiB_r.svg) center center/contain no-repeat;
}

/*----------------------------------------------------
	.main-voices
----------------------------------------------------*/
.main-voices__title {
	margin: 20px 0;
}

.main-voices__wrap {
	padding: 60px 0;
	background-color: #dfeefe;
}
@media (max-width: 767px) {
	.main-voices__wrap {
		padding-top: 0;
	}
}

.main-voices__item {
	padding-bottom: 28px;
	margin-bottom: 30px;
	font-family: source-han-serif-japanese, "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ 明朝", serif;
	background: url(../images/bg_voice.png) right 60px bottom 0 no-repeat;
}

.main-voices__picture {
	overflow: hidden;
}
.main-voices__picture img {
	-webkit-transition: -webkit-transform .4s ease-out;
	        transition: -webkit-transform .4s ease-out;
	        transition:         transform .4s ease-out;
	        transition:         transform .4s ease-out, -webkit-transform .4s ease-out;
}
@media screen and (min-width: 769px), only screen and (min-device-width: 769px) and (max-device-width: 1024px) and (orientation: landscape) {
	.main-voices__picture a:hover img {
		-webkit-transform: scale(1.03);
		        transform: scale(1.03);
	}
}

.main-voices__meta {
	width: 82.5%;
	padding: 30px 10px 20px;
	margin: -14px auto 6px;
	background: #fff;
	border-radius: 4px;
	opacity: .77;
}

.main-voices__job {
	margin-bottom: 6px;
	color: #023386; 
	font-size: 11px;
}

.main-voices__name {
	margin-bottom: 6px;
	color: #023386; 
	font-size: 15px;
}

.main-voices__area {
	padding: 0 0 0 1.25em;
	color: #023386;
	font-size: 11px;
	background: url(../images/ico_map.svg) 0 center no-repeat;
}

.main-voices__lead {
	-webkit-box-align: center;
	align-items: center;
	-ms-flex-align: center;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	justify-content: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 112px;
	margin-bottom: 20px;
	color: #023386;
	font-size: 14px;
	font-weight: bold;
	line-height: 2;
	background: url(../images/ico_leafB.svg) center center/auto 100% no-repeat;
}

.main-voices__category {
	text-align: center;
}
.main-voices__category span {
	display: inline-block;
	padding: .375em 1em;
	font-family: source-han-sans-cjk-ja, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 13px;
	text-align: center;
	background: #ebebeb; 
	border-radius: 5px;
}

.main-voices__link {
	text-align: right;
}
.main-voices__link a {
	position: relative;
	-webkit-box-align: center;
	align-items: center;
	-ms-flex-align: center;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	justify-content: center;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 146px;
	height: 38px;
	margin-right: 20px;
	color: #023386;
	font-family: source-han-serif-japanese, "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ 明朝", serif;
	font-size: 13px;
	background-color: #e3cca9;
}
.main-voices__link a:after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	display: block;
	width: 100%;
	height: 100%;
	content: "";
	border: 1px solid #e3cca9;
	-webkit-transform: translate(4px, 4px);
	        transform: translate(4px, 4px);
	-webkit-transition: -webkit-transform .4s ease-out;
	        transition: -webkit-transform .4s ease-out;
	        transition:         transform .4s ease-out;
	        transition:         transform .4s ease-out, -webkit-transform .4s ease-out;
}
.main-voices__link a span {
	margin-left: .6em;
}
.main-voices__link a span:after {
	position: relative;
	top: 1px;
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: .6em;
	content: "";
	border-color: transparent transparent transparent #fff; 
	border-style: solid;
	border-width: 6.5px 0 6.5px 10px;
}
@media screen and (min-width: 769px), only screen and (min-device-width: 769px) and (max-device-width: 1024px) and (orientation: landscape) {
	.main-voices__link a:hover:after {
		-webkit-transform: translate(0, 0);
		        transform: translate(0, 0);
	}
}

@media (min-width: 768px) {
	.main-voices__items {
		-ms-flex-pack: justify;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-pack: justify;
		justify-content: space-between;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		max-width: 766px;
		margin: 0 auto;
	}
	.main-voices__item {
		width: 48.95%;
	}
}

@media (max-width: 767px) {
	.main-voices__items {
		margin-right: -4vw; 
		margin-left: -4vw;
	}
}

/*----------------------------------------------------
	paginate
----------------------------------------------------*/
.paginate {
	padding: 40px 0;
}
.paginate ul {
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	justify-content: center; 
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.paginate ul li:not(:first-child) {
	margin-left: 27px;
}
.paginate ul li a {
	-webkit-box-align: center;
	align-items: center;
	-ms-flex-align: center;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	justify-content: center;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 27px;
	height: 27px;
	color: #fff;
	font-family: source-han-serif-japanese, "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ 明朝", serif;
	font-size: 14px;
	background-color: #023386;
	border: 1px solid #023386; 
	border-radius: 4px;
}
.paginate ul li.current a {
	background-color: #286ad9;
	border: 1px solid #286ad9;
}
@media screen and (min-width: 769px), only screen and (min-device-width: 769px) and (max-device-width: 1024px) and (orientation: landscape) {
	.paginate ul li a:hover {
		color: #023386;
		background-color: #fff;
	}
	.paginate ul li.current a:hover:hover {
		color: #286ad9;
		background-color: #fff;
	}
}

/*----------------------------------------------------
	slick
----------------------------------------------------*/
/* Arrows */
.slick-prev,
.slick-next {
	position: absolute;
	top: 50%;
	z-index: 10; 
	display: block;
	width: .75rem;
	height: .75rem;
	padding: 0;
	color: transparent;
	font-size: 0;
	line-height: 0;
	background: transparent;
	border: none;
	border-top: 2px solid #023386;
	border-right: 2px solid #023386;
	outline: none;
	cursor: pointer;
}

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

.slick-prev {
	left: 1rem;
	-webkit-transform: translate(0, -50%) rotate(-135deg);
	        transform: translate(0, -50%) rotate(-135deg);
}

.slick-next {
	right: 1rem;
	-webkit-transform: translate(0, -50%) rotate(45deg);
	        transform: translate(0, -50%) rotate(45deg);
}

/* Dots */
.slick-dots {
	position: absolute;
	top: 100%;
	left: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; 
	-webkit-transform: translate(-50%, -200%);
	        transform: translate(-50%, -200%);
}
.slick-dots li {
	width: 16px;
	height: 16px;
	font-size: 0;
}
.slick-dots li:not(:last-child) {
	margin-right: 16px;
}
.slick-dots li button {
	display: block;
	width: 16px;
	height: 16px;
	padding: 0;
	font-size: 0;
	line-height: 0;
	background-color: #fff;
	border: 0; 
	border-radius: 100%;
	outline: none;
}
.slick-dots li.slick-active button {
	background-color: #ccc;
}
@media (max-width: 767px) {
	.slick-dots li {
		width: 10px;
		height: 10px;
	}
	.slick-dots li:not(:last-child) {
		margin-right: 10px;
	}
	.slick-dots li button {
		width: 10px;
		height: 10px;
		border-radius: 100%;
	}
	.slick-dots li.slick-active button {
		background-color: #ccc;
	}
}

/*----------------------------------------------------
	汎用クラス
----------------------------------------------------*/
.fadeIn {
	display: none;
}
.fadeIn.show {
	-webkit-animation: fadeIn .6s linear;
	        animation: fadeIn .6s linear;
}

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

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.indent {
	padding-left: 1em;
	text-indent: -1em;
}

.indent--2 {
	padding-left: 2em;
	text-indent: -2em;
}

.indent--3 {
	padding-left: 3em;
	text-indent: -3em;
}

.lh18 {
	line-height: 1.8;
}
@media (max-width: 767px) {
	.lh18 {
		line-height: 1.5;
	}
}

.lh2 {
	line-height: 2;
}
@media (max-width: 767px) {
	.lh2 {
		line-height: 1.75;
	}
}

.mb5 {
	margin-bottom: 5px !important;
}

.mb10 {
	margin-bottom: 10px !important;
}

.mb15 {
	margin-bottom: 15px !important;
}

.mb20 {
	margin-bottom: 20px !important;
}

.mb25 {
	margin-bottom: 25px !important;
}

.mb30 {
	margin-bottom: 30px !important;
}

.mb35 {
	margin-bottom: 35px !important;
}

.mb40 {
	margin-bottom: 40px !important;
}

.mb45 {
	margin-bottom: 45px !important;
}

.mb50 {
	margin-bottom: 50px !important;
}

.mb55 {
	margin-bottom: 55px !important;
}

.mb60 {
	margin-bottom: 60px !important;
}

.mb65 {
	margin-bottom: 65px !important;
}

.mb70 {
	margin-bottom: 70px !important;
}

.mb75 {
	margin-bottom: 75px !important;
}

.mb80 {
	margin-bottom: 80px !important;
}

.mb100 {
	margin-bottom: 100px !important;
}

@media (max-width: 767px) {
	.mb5 {
		margin-bottom: .78125vw !important;
	}
	.mb10 {
		margin-bottom: 1.5625vw !important;
	}
	.mb15 {
		margin-bottom: 2.34375vw !important;
	}
	.mb20 {
		margin-bottom: 3.125vw !important;
	}
	.mb25 {
		margin-bottom: 3.90625vw !important;
	}
	.mb30 {
		margin-bottom: 4.6875vw !important;
	}
	.mb35 {
		margin-bottom: 5.46875vw !important;
	}
	.mb40 {
		margin-bottom: 6.25vw !important;
	}
	.mb45 {
		margin-bottom: 7.03125vw !important;
	}
	.mb50 {
		margin-bottom: 7.8125vw !important;
	}
	.mb55 {
		margin-bottom: 8.59375vw !important;
	}
	.mb60 {
		margin-bottom: 9.375vw !important;
	}
	.mb65 {
		margin-bottom: 10.15625vw !important;
	}
	.mb70 {
		margin-bottom: 10.9375vw !important;
	}
	.mb75 {
		margin-bottom: 11.71875vw !important;
	}
	.mb80 {
		margin-bottom: 12.5vw !important;
	}
	.mb100 {
		margin-bottom: 15.625vw !important;
	}
}

.fz10 {
	font-size: .625em;
}

.fz12 {
	font-size: .75em;
}

.fz13 {
	font-size: .8125em;
}

.fz14 {
	font-size: .875em;
}

.fz15 {
	font-size: .9375em;
}

.fz16 {
	font-size: 1em;
}

.fz17 {
	font-size: 1.0625em;
}

.fz18 {
	font-size: 1.125em;
}

.fz20 {
	font-size: 1.25em;
}

.fz22 {
	font-size: 1.375em;
}

.fz24 {
	font-size: 1.5em;
}

.fz26 {
	font-size: 1.625em;
}

.fz28 {
	font-size: 1.75em;
}

.fz30 {
	font-size: 1.875em;
}

.fz32 {
	font-size: 2em;
}

@media (max-width: 767px) {
	.fz10--sp {
		font-size: .625em;
	}
	.fz12--sp {
		font-size: .75em;
	}
	.fz13--sp {
		font-size: .8125em;
	}
	.fz14--sp {
		font-size: .875em;
	}
	.fz15--sp {
		font-size: .9375em;
	}
	.fz16--sp {
		font-size: 1em;
	}
	.fz17--sp {
		font-size: 1.0625em;
	}
	.fz18--sp {
		font-size: 1.125em;
	}
	.fz20--sp {
		font-size: 1.25em;
	}
	.fz22--sp {
		font-size: 1.375em;
	}
	.fz24--sp {
		font-size: 1.5em;
	}
	.fz26--sp {
		font-size: 1.625em;
	}
	.fz28--sp {
		font-size: 1.75em;
	}
	.fz30--sp {
		font-size: 1.875em;
	}
	.fz32--sp {
		font-size: 2em;
	}
}

.c-blue {
	color: #023386;
}

.c-red {
	color: #f30;
}

.c-brown {
	color: #89642a;
}