@charset "UTF-8";

/*!
Theme Name:	Cocoon Child
Description:Cocoon専用の子テーマ
Theme URI:	https://wp-cocoon.com/
Author:		わいひら
Author URI: https://nelog.jp/
Template:	cocoon-master
Version:	1.1.3
*/

/************************************
** Google Fonts 設定
************************************/
/* M PLUS 1p: CSS classes */
.m-plus-1p-regular {
	font-family: "M PLUS 1p", sans-serif;
	font-weight: 400;
	font-style: normal;
}
.m-plus-1p-bold {
	font-family: "M PLUS 1p", sans-serif;
	font-weight: 700;
	font-style: normal;
}
/* Noto Sans JP: CSS class for a variable style */
/* .noto-sans-jp-<uniquifier> {
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: <weight>;
	font-style: normal;
} */
.noto-sans-jp-regular {
	font-family: "Noto Sans JP";
	font-weight: 400;
	font-style: normal;
}
.noto-sans-jp-bold {
	font-family: "Noto Sans JP";
	font-weight: 700;
	font-style: normal;
}
/* Lato: CSS classes */
.lato-regular {
	font-family: "Lato", sans-serif;
	font-weight: 400;
	font-style: normal;
}
.lato-bold {
	font-family: "Lato", sans-serif;
	font-weight: 700;
	font-style: normal;
}
* {
	font-family: "Lato", 'Noto Sans JP', sans-serif;
}
/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
html{
	margin: 0 0 0 0 !important;
	padding: 0 0 0 0 !important;
	border: 0;
}
/* #content, */
main#main {
/* .entry-content { */
	margin: 0 0 0 0 !important;
	padding: 0 0 0 0 !important;
	border: 0;
}
main#main {
	margin-bottom: 80px;
}
/* *************************
** ヘッダ
**************************** */
#container {
	display: initial;
}
	#header-container {
		align-content: normal;
		background-color: #ffffff;
		height: auto;
		position: initial;
		width: 100%;
	}
	#header-container-in {
		/* width: 1358px; */
		width: 100%;
	}
	#header-container-in #header {
		/* width: 1358px; */
		height: 206px;
	}
	.header-container-in.hlt-top-menu .logo-image {
		margin: 0 90px;
	}
	#header-container .navi {
		/* background-color: transparent; */
	}
	#header-container .navi a:hover {
		/* color: #5392f9; */
	}
article.article {
	/* margin-bottom: 0 !important; */
	margin-top: 3em;
}
article.type-post strong {
	background-image: linear-gradient(#0000 60%, #fff10080 0);
	/* background-image: linear-gradient(transparent 60%, rgba(173, 216, 230, 0.5) 60%); */
}
header.article-header,
footer.article-footer {
	display: block;
}
/* header.article-header .post-date { */
header.article-header .date-tags {
	position: absolute;
	top: -2em;
	color: #907B5B;
}
.post-date,
.post-update,
.post-author,
.amp-back {
	font-size: 0.9em;
}
/* .post-date > .fa-clock-o {
	display: none;
} */

/* #header { */
.header {
	margin: 0 0 0 0;
	align-content: center;
}
/* .eye-catch-wrap { */
.eye-catch {
	margin: 0 auto 0.6em;
}
.eye-catch .cat-label {
	color: #ffffff;
}
/* .article h2 { */
.article h2.wp-block-heading {
	/* white-space: initial; */
	/* color: #8c752c; */
	/* font-size: 25px; */
	/* display: inline-block; */
}
/* .article h3 { */
.article h3.wp-block-heading {
	/* white-space: initial; */
	/* font-weight: bold; */
	/* position: relative; */
	/* font-size: 1.7rem; */
	/* margin-bottom: 40px; */
	/* padding: 0 0 14px 18px; */
	/* line-height: 1.6; */
}
.article h3.wp-block-heading::before {
	/* content: ""; */
	/* position: absolute; */
	/* left: 0; */
	/* top: 2px; */
	/* width: 6px; */
	/* height: calc(100% - 18px); */
	/* background-color: #907B5B; */
	/* border-radius: 2px; */
}
.article h3.wp-block-heading::after {
	/* content: ""; */
	/* position: absolute; */
	/* left: 0; */
	/* bottom: 0; */
	/* width: 100%; */
	/* height: 1px; */
	/* margin: auto; */
	/* background-image: linear-gradient(to right, #907B5B, #907B5B 1px, transparent 1px, transparent 2px); */
	/* background-size: 3px 1px; */
	/* background-repeat: repeat-x; */
}

/* #toc { */
#toc {
	width: 100%;
	border-color: #907B5B;
	border-radius: 5px;
	margin-top: 80px;
}
.toc {
	/* width: 80%; */
}
#toc .toc-title {
	font-size: 16px;
	font-weight: bold;
	background-color: #ffffff;
	margin-top: -2em;
	width: fit-content;
}
#toc .toc-content {
	font-size: 16px;
	border-top: 1px solid #ccc;
	border-width: 0;
}
#toc .toc-content .toc-list > li {
	font-weight: bold;
}
a.blogcard-wrap:hover {
	background: rgba(144, 123, 91, .05);
}
a.blogcard-wrap .blogcard {
	border-color: #907B5B;
}
.footer-widgets.cf {
	/* border-bottom: 1px solid #ccc; */
	border-bottom: none;
	margin: 0 auto 60px;
}
.footer-left {
	/* max-width: 1153px; */
	/* width: 100%; */
	align-self: self-end;
	width: fit-content;
	padding: 0;
}
.footer-left .widget-footer-left {
	padding: 0;
	margin-bottom: 0;
}
.footer-left .media {
	width: fit-content;
	margin-bottom: 0;
}
.footer-left .text-pc {
	font-size: 1.2rem;
}
.footer-center {
	display: none;
}
.footer-right {
	/* width: 280px; */
	/* padding-top: 100px; */
	/* width: calc(100% - 33%); */
	/* text-align: end; */
	width: fit-content;
	margin-left: auto;
	padding: 0;
}
.footer-right .widget-footer-right {
	margin-bottom: 20px;
}
.footer-right .widget-footer-right:first-child {
	margin-bottom: 0;
}
.footer-right .widget-footer-right:last-child {
	display: flex;
	justify-content: flex-end;
	gap: 40px;
	margin-bottom: 0;
}
.footer-bottom {
	margin-top: 0;
	padding: 0;
}
#nav_menu-2 > div > ul.menu {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}
#nav_menu-2 > div > ul.menu > li > a {
	font-size: 20px;
	font-weight: bold;
}
#navi-footer .navi-footer-in > .menu-footer li,
#navi-footer .navi-footer-in > .menu-footer li:last-child {
	border: none;
}
#sidebar {
	/* background-color: #E6F2FF; */
	/* border-radius: 40px; */
	/* margin-bottom: 40px; */
	/* position: sticky; */
	/* top: 40px; */
	/* width: 340px; */
	/* z-index: 1; */
}
.front-top-page #sidebar {
	display: none !important;
}
#sidebar aside:not(:last-child) {
	/* margin-bottom: 40px; */
}
#sidebar .search-box input {
	/* border-radius: 20px; */
}
#sidebar h3 {
	/* text-align: center; */
	background-color: initial;
	/* color: #252525; */
	color: #4A4A4A;
	padding: 0;
	/* margin: 0; */
	/* font-size: 24px; */
}
#sidebar h3 + ul > .cat-item {
	/* text-align: center; */
	/* background-color: #ffffff; */
	/* font-weight: bold; */
	/* border-radius: 25px; */
}
#sidebar aside#categories-5 + aside#tag_cloud-3 {
	/* border-top: 1px solid #000000; */
}
#sidebar aside#categories-5 > ul {
	/* display: grid; */
	/* grid-template-columns: 1fr 1fr; */
	/* grid-gap: 10px 20px; */
}
/* *************************
** 記事内
**************************** */
#content {
	margin: 0 0 200px;
}
.front-top-page #content {
	margin: 0;
}
.front-top-page article.article {
	margin: 0;
}
#content #content-in main {
	
}
h1#archive-title {
	display: none;
}
.article h2 {
	border-radius: 8px;
	margin: 4rem auto 1rem;
}
.article h3 {
	margin: 2rem auto 1rem;
}
.article h3::before,
.article h3::after {
}
.article h3::before {
}
.article h3::after {
}
.article .entry-content {
	/* width: 100%; */
	/* padding: 0 40px !important; */
}
/* ************************* */
.article h2 {
	/* font-size: clamp(20pt, 2.0vw, 40px); */
	/* 要検討 */
}
.article h3 {
	/* font-size: clamp(16pt, 2.0vw, 32px); */
	/* 要検討 */
}
article.article {
	/* margin-bottom: 0 !important; */
	/* padding-bottom: 80px !important; */
}
#content-bottom {
	/* margin: 80px 0 0 0; */
}
#content-bottom .content-bottom-in {
	/* background-color: #f6f6f9; */
	/* padding: 40px 0 0; */
	width: 100%;
	max-width: 1600px;
}
#content-bottom .content-bottom-in aside {
	/* padding: 40px 0 40px 0; */
	/* margin-bottom: 0; */
}
#content-bottom .content-bottom-in aside h2 {
	/* font-size: clamp(32px, 2.0vw, 40px); */
}
/* #content-bottom .content-bottom-in aside .swiper { */
.swiper {
	position: initial;
}
#content-bottom .content-bottom-in aside:nth-child(1),
#content-bottom .content-bottom-in aside:nth-child(2) {
	/* display: grid; */
	/* grid-template-columns: 320px calc(1358px - 320px); */
	/* justify-content: center; */
}
#content-bottom .content-bottom-in aside:nth-child(1) h2,
#content-bottom .content-bottom-in aside:nth-child(2) h2 {
	/* align-self: center; */
	/* margin-left: 40px; */
}
#content-bottom .content-bottom-in aside:nth-child(1) h2 + div,
#content-bottom .content-bottom-in aside:nth-child(2) h2 + div {
	/* width: 100%; */
}
/* #content-bottom .content-bottom-in aside:nth-child(1) .new-entry-cards { */
#content-bottom .content-bottom-in aside:nth-child(1) .card-title{
	/* margin-bottom: 0; */
}
.new-entry-cards {
	/* margin: 0 0 80px 0; */
}
#content-bottom .content-bottom-in aside:nth-child(1) .swiper-wrapper,
#content-bottom .content-bottom-in aside:nth-child(2) .swiper-wrapper {
	/* margin: 0 0 0 0; */
}
#content-bottom .content-bottom-in aside:nth-child(1) .swiper-wrapper a,
#content-bottom .content-bottom-in aside:nth-child(2) .swiper-wrapper a {
	/* padding: 0 0 0 0; */
	/* margin: 0 40px 0 0 !important; */
}
#content-bottom .content-bottom-in aside:nth-child(1) {
	/* related_entries-5 */
	/* background-color: #ffffff; */
	/* border-radius: 40px; */
	/* border: 1px solid #000000; */
	/* margin: 0 auto 40px; */
	/* padding: 40px 0; */
	/* position: relative; */
	/* width: 1358px; */
}
#content-bottom .content-bottom-in aside:nth-child(1) div figure {
	/* margin-bottom: 20px; */
}
#content-bottom .content-bottom-in aside:nth-child(1) div figure img {
	/* border-radius: 8px; */
	/* aspect-ratio: 16 / 9; */
}
#content-bottom .content-bottom-in aside:nth-child(1) div.card-content {
	/* margin: 0 0 0 0; */
	/* position: relative; */
}
#content-bottom .content-bottom-in aside:nth-child(1) div.card-content .card-title {
	/* font-weight: bold;; */
}
#content-bottom .content-bottom-in aside:nth-child(1) div.card-content .display-none {
	/* display: block; */
	/* margin: 1em 0 0 0; */
}
#content-bottom .content-bottom-in aside:nth-child(1) div.card-content .display-none .post-date {
	/* font-size: 16px; */
	/* font-size: 1em; */
	/* color: #828486; */
}
#content-bottom .content-bottom-in aside:nth-child(1) div.card-content .display-none .post-update {
	/* display: none; */
}
#content-bottom .content-bottom-in aside:nth-child(1) div.card-content::after {
	/* content: "続きを読む"; */
	/* bottom: 0; */
	/* font-size: 15px; */
	/* font-size: 0.9em; */
	/* font-weight: bold; */
	/* padding: 2px; */
	/* margin: 0 0 0 auto; */
	/* position: absolute; */
	/* position: relative; */
	/* right: 0; */
	/* width: fit-content; */
	/* display: block; */
	/* text-decoration: #121416 solid 1px; */
	/* text-decoration-color: #121416; */
	/* text-decoration-line: underline; */
	/* text-decoration-thickness: 2px; */
	/* transition: 0.5s ease-in-out; */
}
#content-bottom .content-bottom-in aside:nth-child(1) a.new-entry-card-link:hover div.card-content::after {
	/* color: #5392f9; */
	/* text-decoration-color: #5392f9; */
	/* text-decoration-style: wavy; */
}
#content-bottom .content-bottom-in aside:nth-child(1) .is-list-horizontal .swiper-button-prev,
#content-bottom .content-bottom-in aside:nth-child(1) .is-list-horizontal .swiper-button-next {
	/* bottom: 50px; */
	/* display: flex; */
	/* height: 50px; */
	/* margin: 0 0 0 0; */
	/* position: absolute; */
	/* top: auto; */
	/* width: 50px; */
}
#content-bottom .content-bottom-in aside:nth-child(1) .is-list-horizontal .swiper-button-prev {
	/* left: 40px; */
}
#content-bottom .content-bottom-in aside:nth-child(1) .is-list-horizontal .swiper-button-next {
	/* left: 120px; */
}
#content-bottom .content-bottom-in aside:nth-child(2) {
	/* navi_entries-2 */
	/* background-color: #fcfcfa; */
	/* position: relative; */
	/* min-width: 1358px; */
}
#content-bottom .content-bottom-in aside:nth-child(2) .is-list-horizontal {
}
#content-bottom .content-bottom-in aside:nth-child(2) div figure {
	/* margin-bottom: 20px; */
}
#content-bottom .content-bottom-in aside:nth-child(2) div figure img {
	/* border-radius: 8px; */
	/* aspect-ratio: 16 / 9; */
}
#content-bottom .content-bottom-in aside:nth-child(2) .navi-entry-cards {
	/* margin-bottom: 0; */
}
#content-bottom .content-bottom-in aside:nth-child(2) .is-list-horizontal .swiper-button-prev,
#content-bottom .content-bottom-in aside:nth-child(2) .is-list-horizontal .swiper-button-next {
	/* bottom: 50px; */
	/* display: flex; */
	/* height: 50px; */
	/* margin: 0 0 0 0; */
	/* position: absolute; */
	/* top: auto; */
	/* width: 50px; */
}
#content-bottom .content-bottom-in aside:nth-child(2) .is-list-horizontal .swiper-button-prev {
	/* left: calc(50% - calc(1357px / 2) + 40px); */
}
#content-bottom .content-bottom-in aside:nth-child(2) .is-list-horizontal .swiper-button-next {
	/* left: calc(50% - calc(1357px / 2) + 120px); */
}
#content-bottom .content-bottom-in aside:nth-child(3),
#content-bottom .content-bottom-in aside#tag_cloud-4 {
	/* tag_cloud-4 */
	/* background-color: #f6f6f9; */
	/* display: block; */
	/* min-width: initial; */
	/* padding: 40px 0 80px 0; */
	/* text-align: center; */
}
#content-bottom .content-bottom-in aside:nth-child(3) h2,
#content-bottom .content-bottom-in aside#tag_cloud-4 h2 {
	/* margin-bottom: 20px; */
}
#content-bottom .content-bottom-in aside:nth-child(3) div,
#content-bottom .content-bottom-in aside#tag_cloud-4 div {
	/* max-width: 600px; */
	/* margin: 0 auto 20px; */
}
#navi_entries-2 {
	margin: 0 auto;
	overflow: hidden;
	width: 100%;
}
.navi-entry-cards {
	/* width: 860px; */
	width: 880px;
	margin: 0 auto 80px;
}
.swiper-wrapper {
	/* margin: 0 auto 80px; */
	margin: 0 auto 40px;
	/* gap: 160px; */
	width: 100%;
	justify-content: space-between;
	/* overflow: hidden; */
}
.is-list-horizontal .swiper-wrapper {
	width: fit-content;
}
.swiper-wrapper a {
	/* padding: 0 0 0 0; */
	/* margin: 0 0 0 0; */
	width: 350px;
	/* height: 430px; */
	height: 400px;
	/* max-width: initial; */
}
.is-list-horizontal.large-thumb .widget-entry-card-link {
	/* padding: 0 0 0 0; */
	/* margin: 0 0 0 0 !important; */
	max-width: initial;
}
.swiper-wrapper a:hover {
	background-color: initial;
}
.swiper-wrapper a::after {
	content: "続きを読む";
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 1.4rem;
	font-weight: bold;
	/* line-height: 1.5em; */
	/* margin: 20px 0 0 auto; */
	/* display: block; */
	/* text-align: right; */
	transition: 0.5s ease-in-out;
}
.swiper-wrapper a:hover::after {
	color: #907B5B;
}
.swiper-wrapper a .navi-entry-card figure.card-thumb {
	margin-bottom: 20px;
}
.swiper-wrapper a .navi-entry-card .navi-entry-card-content {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
.swiper-wrapper a .navi-entry-card .navi-entry-card-content .navi-entry-card-title {
	margin-bottom: 20px;
	/* height: initial; */
	height: 2.8em;
	word-break: break-all;
	font-size: 2.0rem;
	line-height: 1.5em;
	transition: 0.5s ease-in-out;
}
.swiper-wrapper a:hover .navi-entry-card .navi-entry-card-content .navi-entry-card-title {
	color: #907B5B;
}
.swiper-wrapper a .navi-entry-card .navi-entry-card-content .navi-entry-card-snippet {
	padding: 0 0 0 0;
	/* margin: 0 0 0 0; */
	margin: 0 0 20px 0;
	font-size: 1.4rem;
	line-height: 1.5em;
	line-clamp: 3;
	-webkit-line-clamp: 3;
	height: 4.5em;
}

/* .navi-entry-cards {
	width: 860px;
} */
/* .navi-entry-card-link { */
.navi-entry-card-link {
	max-width: 350px !important;
	margin: 0;
	box-sizing: content-box;
	/* padding: 0 0 0 0; */
}
.widget-entry-cards .a-wrap {
	padding: initial;
}
a.navi-entry-card-link::after {
	content: "続きを読む";
	position: absolute;
	right: 40px;
	bottom: 0;
	font-size: 1.4rem;
	font-weight: bold;
	transition: 0.5s ease-in-out;
}
a.navi-entry-card-link:hover::after {
	color: #907B5B;
}



/* 834px以下 */
@media screen and (max-width: 834px) {
	.entry-categories-tags {
		padding: 0 30px;
	}
	#navi_entries-2 {
		max-width: 100%;
		width: calc(350px + 200px);
	}
	.navi-entry-cards {
		/* width: 860px; */
		/* width: calc(350px + 200px); */
		width: 100%;
	}
	.swiper-wrapper {
		/* width: fit-content; */
		min-width: fit-content;
		padding: 0 0 0 0;
		/* gap: 100px; */
	}
	.swiper-wrapper a {
		min-width: 100%;
		width: 100% !important;
		/* max-width: initial; */
	}
	.swiper-wrapper a::after {
		/* margin-bottom: -2em; */
	}
	.is-list-horizontal.large-thumb .widget-entry-card-link {
		/* margin: 0 auto 80px !important; */
		height: auto;
	}
	/* .swiper-button-prev, */
	/* .swiper-button-next { */
	.is-list-horizontal .swiper-button-next,
	.is-list-horizontal .swiper-button-prev {
		/* display: flex; */
		display: none;
	}
}
/* 768px以下 */
@media screen and (max-width: 768px) {
	article.type-post {
		padding: 0 30px;
	}
}
/* 480px以下 */
@media screen and (max-width: 480px) {
	.navi-entry-cards {
		width: calc(100% - 40px);
	}
	/* .swiper-wrapper { */
	.is-list-horizontal .swiper-wrapper {
		/* width: fit-content; */
		/* display: block; */
		width: 100%;
		padding: 0 0 0 0;
		gap: initial;
	}
	.swiper-wrapper a {
		width: 100%;
		max-width: initial !important;
	}
	/* .swiper-button-prev, */
	/* .swiper-button-next { */
	.is-list-horizontal .swiper-button-next,
	.is-list-horizontal .swiper-button-prev {
		display: none;
	}
	.is-list-horizontal .swiper-button-next {
		left: 10px;
	}
	.is-list-horizontal .swiper-button-prev {
		right: 10px;
	}
}

/* #navi_entries-2 */
.widget_navi_entries {
	width: fit-content;
}
.pagination-next {
	display: none;
}
/* *************************
** CTA（行動喚起）ボタン
**************************** */
.btn-search,
.btn-cta {
	margin-bottom: 40px;
}
.btn-search a,
.btn-cta a {
	border-radius: 8px;
	position: relative;
	transition: 0.5s ease-in-out;
}
.btn-search a {
	/* background-color: #e69f00; */
}
.btn-cta a {
	background-color: #e69f00;
}
.btn-search a:hover {
	/* background-color: #e66400; */
	color: #ffffff;
}
.btn-cta a:hover {
	/* background-color: #e66400; */
	background: transparent;
	border-radius: 30px;
	color: #ffffff;
}
.btn-cta a::before {
	content: "";
	background: linear-gradient(45deg, #FA6900, #C02942);
	border-radius: 30px;
	display: inline-block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}
/* .btn-search a::after, */
.btn-cta a::after {
	content: "";
	background-color: #fff;
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
	display: inline-block;
	padding-top: 2.5px;
	position: absolute;
	right: 1em;
	transform: scale(0.5);
	transition: 0.5s ease-in-out;
	height: 30px;
	width: 20px;
}
/* .btn-search a:hover::after, */
.btn-cta a:hover::after {
	transform: scale(0.6);
}
/* *************************
** フッタ
**************************** */
#content-bottom {
	margin: 0 0 -20px 0;
}
footer#footer {
	display: block;
	margin-top: 0;
	position: relative;
	width: 100%;
	z-index: 1;
}
/* footer#footer .wrap { */
#footer-in {
	width: 100%;
	max-width: 1600px;
	/* padding: 84px 90px 25px 90px; */
	padding: 64px 90px 25px 90px;
	background-color: #F4F3F2;
	border-radius: 5px;
	margin-top: -10px;
}
.copyright {
	font-size: x-small;
}
/*1357px以下*/
@media screen and (max-width: 1357px) {
	footer#footer {
		position: relative !important;
		bottom: 0 !important;
	}
	#footer-in {
		width: 100% !important;
		max-width: 1600px !important;
	}
}
/* 834px以下 */
@media screen and (max-width: 834px) {
	article.type-post {
		margin-bottom: 100px;
		/* padding: 0 30px; */
	}
	.front-page-type-index article.type-post {
		padding: 0;
		margin: 0;
		width: 100%;
	}
	.front-top-page footer#footer {
		position: relative;
		bottom: initial;
	}
	#footer-in {
		padding: 0;
	}
	/* .footer-snav-list li a { */
	.footer-snav-list > .fsnav01 > a {
		/* width: fit-content; */
		/* width: 275px; */
		/* white-space: nowrap; */
		padding: 0 !important;
	}
	.footer-snav-list > .fsnav01 > a:hover {
		background-color: #907B5B;
		color: #ffffff;
	}
	.widget-footer-mobile.widget_media_image,
	.widget-footer-mobile.widget_mobile_text {
		text-align: center;
	}
	.footer-widgets-mobile {
		margin: 0 auto;
	}
	.footer-widgets-mobile {
		margin: 0 auto;
	}
}
/* 480px以下 */
@media screen and (max-width: 480px) {
	.front-page-type-index .entry-card-content {
		padding-bottom: 0;
	}
}
/* 768px以下 */
@media screen and (max-width: 768px) {
}
#footer-in .footer-left a img {
	/* width: fit-content; */
	width: 90px;
	height: auto;
}
#footer-in .footer-mobile a img {
	width: fit-content;
	width: 180px;
	height: auto;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1357px以下*/
@media screen and (max-width: 1357px) {
	#header-container-in {
		width: 100%;
	}
	#content-bottom .content-bottom-in aside:nth-child(1),
	#content-bottom .content-bottom-in aside:nth-child(2) {
		/* grid-template-columns: 320px calc(100% - 320px); */
		/* width: 100%; */
		/* min-width: initial; */
	}
}
/* 1023px以下 */
@media screen and (max-width: 1023px) {
	#header-container {
		height: 0;
	}
	.mobile-header-menu-buttons {
		/* display: none; */
	}
	ul.mobile-header-menu-buttons.mobile-menu-buttons.has-logo-button {
		flex-flow: row-reverse;
		width: 100vw;
	}
	ul.mobile-header-menu-buttons.mobile-menu-buttons.has-logo-button li:nth-child(2) {
		justify-content: left;
	}
	ul.mobile-header-menu-buttons.mobile-menu-buttons.has-logo-button li:nth-child(3) {
		display: none;
	}
	.navi-menu-content {
		left: auto;
		right: 0;
		transform: translateX(101%);
	}
	
/* 必要ならばここにコードを書く */
	.article h2 {
	}
	.article h3::before,
	.article h3::after {
	}
	#content-bottom .content-bottom-in {
		width: 100%;
	}
	#content-bottom .content-bottom-in aside:nth-child(1) {
		/* width: calc(100% - 80px); */
	}
	#content-bottom .content-bottom-in aside:nth-child(2) {
		/* min-width: initial; */
	}
	#content-bottom .content-bottom-in aside:nth-child(1),
	#content-bottom .content-bottom-in aside:nth-child(2) {
		/* display: block; */
		/* text-align: center; */
	}
	#content-bottom .content-bottom-in aside:nth-child(1) h2,
	#content-bottom .content-bottom-in aside:nth-child(2) h2 {
		/* margin-left: initial; */
	}
	#content-bottom .content-bottom-in aside:nth-child(1) .swiper-wrapper,
	#content-bottom .content-bottom-in aside:nth-child(2) .swiper-wrapper {
		/* padding: 0 0 50px 0; */
	}
	#content-bottom .content-bottom-in aside:nth-child(1) .swiper-wrapper a{
		/* margin: 0 20px 0 20px !important; */
		/* max-width: calc(100% - 40px); */
		/* text-align: left; */
	}
	#content-bottom .content-bottom-in aside:nth-child(2) .swiper-wrapper a {
		/* margin: 0 60px 0 60px !important; */
		/* max-width: calc(100% - 120px); */
		/* text-align: left; */
	}
	#content-bottom .content-bottom-in aside:nth-child(1) .is-list-horizontal .swiper-button-prev,
	#content-bottom .content-bottom-in aside:nth-child(1) .is-list-horizontal .swiper-button-next {
		/* display: flex; */
		/* bottom: 20px; */
	}
	#content-bottom .content-bottom-in aside:nth-child(2) .is-list-horizontal .swiper-button-prev,
	#content-bottom .content-bottom-in aside:nth-child(2) .is-list-horizontal .swiper-button-next {
		/* display: flex; */
		/* bottom: 40px; */
	}
	#content-bottom .content-bottom-in aside:nth-child(1) .is-list-horizontal .swiper-button-prev,
	#content-bottom .content-bottom-in aside:nth-child(2) .is-list-horizontal .swiper-button-prev {
		/* left: calc(50% - 60px); */
	}
	#content-bottom .content-bottom-in aside:nth-child(1) .is-list-horizontal .swiper-button-next,
	#content-bottom .content-bottom-in aside:nth-child(2) .is-list-horizontal .swiper-button-next {
		/* left: calc(50% + 10px); */
	}
	#sidebar {
		display: block;
		margin: 0 auto 40px;
		position: initial;
	}
}
/* 834px以下 */
@media screen and (max-width: 834px) {
	/* 必要ならばここにコードを書く */
	#toc {
		width: 100%;
	}
}
/* 480px以下 */
@media screen and (max-width: 480px) {
	/* 必要ならばここにコードを書く */
	.article .entry-content {
		padding: 0 1rem !important;
	}
}
/* 768px以下 */
@media screen and (max-width: 768px) {
	.navi-menu-button #navi-menu-content .menu-close-button {
		text-align: right;
		margin-right: 20px;
	}
}
/* common.css
----------------------------------------- */
html {
	font-size: 62.5%;
}
html,body {
	width: 100%;
	height: 100%;
}
body {
	font-size: 1.4rem;
	color: #4A4A4A;
	line-height: 1.8;
	letter-spacing: 0.06em;
	text-align: left;
	font-weight: 400;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
a {
	color: #4A4A4A;
	text-decoration: none;
}
a:hover {
	/* color: #4A4A4A; */
	color: #907B5B;
	text-decoration: none;
}
.pc {
	display: none !important;
}
.sp {
	display: block !important;
}
img {
	width: 100%;
	height: auto;
	-webkit-backface-visibility: hidden;
}
* {
	box-sizing: border-box;
}
/* common
----------------------------------------- */
/* loading */
#contents-wrap {
	height: 100%;
	opacity: 0;
	transition: all 1.4s;
}
#contents-wrap.fade-in {
	opacity: 1;
}
.loading-img {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 70px;
	height: 70px;
	margin-top: -35px;
	margin-left: -35px;
	text-align: center;
	color: #fff;
	z-index: 2;
	text-align: center;
}
.loading-img img {
	width: 100%;
	height: auto;
}
/* breadcrumbs-area */
/* .breadcrumbs-area { */
#breadcrumb {
	box-sizing: border-box;
	margin-top: 20px;
	/* padding: 0 20px 0 50px; */
	padding: 0 30px;
	white-space: nowrap;
	display: flex;
}
/* .breadcrumbs-list li { */
#breadcrumb div {
	display: inline-block;
	font-size: 1.2rem;
	line-height: 1.4;
	letter-spacing: 0.06em;
}
#breadcrumb > div.breadcrumb-item:last-child {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	/* padding-right: 2em; */
}
/* .breadcrumbs-list a { */
#breadcrumb div a {
	display: inline-block;
	position: relative;
	/* margin-right: 35px; */
	/* color: #111; */
}
/* .breadcrumbs-list a::before { */
#breadcrumb div a::before {
	content: initial;
	/* display: block; */
	/* content: ''; */
	/* position: absolute; */
	/* top: 50%; */
	/* right: -23px; */
	/* width: 10px; */
	/* height: 6px; */
	/* margin-top: -3px; */
	/* background: url(/img/icon-arrow-breadcrumb.svg) 0 0 no-repeat; */
	/* background-size: 10px 6px; */
}
/* .breadcrumbs-list li span { */
#breadcrumb div span {
	/* color: #907B5B; */
	color: #4A4A4A;
}
#breadcrumb div span.fa {
	display: none !important;
	/* visibility: hidden; */
}
#breadcrumb div span.sp {
	display: inline-block !important;
	height: 1em;
	/* position: relative; */
}
#breadcrumb div span.sp::before {
	content: "";
	background-color: #e0d7cd;
	border-radius: 3px 0 0 3px;
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
	display: inline-block;
	/* right: -1.75em; */
	/* position: absolute; */
	/* top: 0.25em; */
	transition: 0.5s ease-in-out;
	height: 0.8em;
	width: 1em;
}
/* pagination */
.pagination {
	margin-top: 40px;
	padding: 0 20px;
	text-align: center;
}
.pagination a,
.pagination .current {
	/* font-family: 'Roboto', sans-serif; */
	font-weight: 400;
	margin: 0 8px 0;
	font-size: 1.4rem;
}
.pagination .current {
	color: #907B5B;
	text-decoration: underline;
}
/* pagination-detail */
.pagination-detail {
	/* font-family: 'Roboto', sans-serif; */
	position: relative;
	margin: 70px auto 0;
	padding-top: 20px;
	text-align: center;
	font-size: 1.2rem;
}
.pagination-detail::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	margin: auto;
	background-image: linear-gradient(to right, #907B5B, #907B5B 1px, transparent 1px, transparent 2px);
	background-size: 3px 1px;
	background-repeat: repeat-x;
}
.prev-btn {
	position: absolute;
	top: 22px;
	left: 0;
}
.prev-btn a::before {
	display: block;
	content: '';
	position: absolute;
	top: 7px;
	left: 0;
	width: 10px;
	height: 6px;
	background: url(/img/icon-arrow-breadcrumb.svg) 0 0 no-repeat;
	background-size: 10px 6px;
	transform: rotateY(180deg);
}
.prev-btn a {
	position: relative;
	display: inline-block;
	padding-left: 17px;
	color: #907B5B;
}
.back-btn {
	padding-top: 3px;
}
.back-btn a {
	color: #907B5B;
}
.next-btn {
	position: absolute;
	top: 22px;
	right: 0;
}
.next-btn a::before {
	display: block;
	content: '';
	position: absolute;
	top: 7px;
	right: 0;
	width: 10px;
	height: 6px;
	background: url(/img/icon-arrow-breadcrumb.svg) 0 0 no-repeat;
	background-size: 10px 6px;
}
.next-btn a {
	position: relative;
	display: inline-block;
	padding-right: 17px;
	color: #907B5B;
}
/* ttl */
.article h2 {
	background-color: initial;
	color: initial;
	font-weight: initial;
}
.article h3 {
	background-color: initial;
	border: none;
	color: initial;
	font-weight: initial;
}
h2.sec-ttl01-h2 {
	position: relative;
	padding-bottom: 17px;
}
h2.sec-ttl01-h2::before {
	display: block;
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 50px;
	height: 1px;
	margin-left: -25px;
	background-color: #CBBEAC;
}
h2.sec-ttl01-h2 .eng {
	display: block;
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	color: #E5DED6;
	font-size: 5.0rem;
	line-height: 1.4;
	letter-spacing: -0.02em;
	text-align: center;
}
h2.sec-ttl01-h2 .jpn {
	display: block;
	margin-top: -28px;
	font-size: 1.8rem;
	line-height: 1.4;
	letter-spacing: 0.1em;
	text-align: center;
}
h2.sec-ttl02-h2 {
	position: relative;
	padding-bottom: 15px;
}
h2.sec-ttl02-h2::before {
	display: block;
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 40px;
	height: 1px;
	margin-left: -20px;
	background-color: #CBBEAC;
}
h2.sec-ttl02-h2 .eng {
	display: block;
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	color: #E5DED6;
	font-size: 4.4rem;
	line-height: 1.4;
	letter-spacing: -0.02em;
	text-align: center;
}
h2.sec-ttl02-h2 .jpn {
	display: block;
	margin-top: -25px;
	font-size: 1.6rem;
	line-height: 1.4;
	letter-spacing: 0.1em;
	text-align: center;
}
h3.sec-ttl01-h3 {
	width: 78%;
	margin: -22px auto 20px;
	background-color: #fff;
	text-align: center;
}
h3.sec-ttl01-h3 .jpn {
}
h3.sec-ttl01-h3 .eng {
}
.sec-ttl-center01 {
}
.sec-ttl-center01::before {
}
.sec-ttl-center01 .eng {
}
.sec-ttl-center01 .jpn {
}
/* link */
.sec-btn a {
	display: inline-block;
	padding: 0 45px;
	border: 1px solid #907B5B;
	border-radius: 22px;
	background-color: #fff;
	line-height: 44px;
	text-align: center;
	color: #907B5B;
	font-size: 1.3rem;
	/* font-weight: bold; */
	letter-spacing: 0.1em;
	white-space: nowrap;
}
.sec-btn a:hover {
	background-color: #907B5B;
	color: #fff;
	opacity: 1;
}
.widget-content-bottom .sec-btn {
	line-height: 0;
	margin-bottom: 200px;
}
.widget-content-bottom .sec-btn a {
	line-height: 50px;
	border-radius: 25px;
}
/* header
----------------------------------------- */
#header-container,
#header {
	position: relative;
}
.logo-header,
.header-logo {
	position: absolute;
	top: 28px;
	left: 30px;
	z-index: 100;
	width: max-content;
}
#top .header-logo {
	opacity: 0;
	transition: all 1.8s;
}
#top .header-logo.fade-in {
	opacity: 1;
}
.header-logo img {
	width: 142px;
	height: auto;
}
.header-logo .logo-tagline {
	display: block;
	margin-top: 8px;
	padding-left: 3px;
	font-size: 1.0rem;
	transform: scale(0.9);
	transform-origin: 0 0 0;
	color: #fff;
	text-align: left;
}
.under .header-logo .logo-tagline {
	color: #4A4A4A;
}
/* page-visual-area */
.page-visual-area {
	position: relative;
	margin-bottom: 50px;
	padding: 135px 0 22px;
}
.page-visual-area::before {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 64%;
	height: 100%;
	border-bottom-left-radius: 5px;
	background-color: #F4F3F2;
	z-index: -100;
}
.page-visual::after {
	content: "";
	position: absolute;
	top: -1px;
	left: -1px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 50px 50px 0 0;
	border-color: #ffffff transparent transparent transparent;
	z-index: 10;
}
.article {
	position: relative;
	display: inline-block;
	/* margin-top: -40px; */
	/* padding: 35px 70px 45px 50px; */
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	background-color: #fff;
	z-index: 100;
}
.article h2 {
	/* position: relative; */
	padding-bottom: 17px;
	/* opacity: 0; */
	transition: all 1.2s;
	width: fit-content;
	/* white-space: nowrap; */
	word-break: auto-phrase;
	line-height: 1.7em;
	margin-bottom: 40px;
	padding: 0;
}
h2.fade-in {
	opacity: 1;
}
.article h2::before {
	display: block;
	/* content: ''; */
	position: absolute;
	bottom: 0;
	left: 0;
	width: 50px;
	height: 1px;
	background-color: #CBBEAC;
}
.article .eng {
	display: block;
	/* font-family: 'Roboto', sans-serif; */
	font-weight: 100;
	color: #E5DED6;
	font-size: 4.5rem;
	line-height: 1.4;
	letter-spacing: -0.02em;
}
.article .jpn {
	display: block;
	margin-top: -26px;
	font-size: 1.8rem;
	line-height: 1.4;
	letter-spacing: 0.1em;
}
/* contents
----------------------------------------- */
/* article */
article {
	margin-bottom: 80px;
}
#sidebar {
	display: block;
	padding: 0 40px;
}
#sidebar > aside {
	margin-bottom: 80px;
}
#sidebar > aside:last-child {
	/* margin-bottom: 0; */
}
/* #sidebar h3 { */
.widget-sidebar-title {
	margin-bottom: 30px;
	font-size: 1.6rem;
	font-weight: normal;
	background-color: initial;
	/* color: #252525; */
	color: #4a4a4a;
	padding: 0;
	margin: 0;
}
#sidebar .widget_info_list {
	
}
#sidebar .widget_categories {

}
#sidebar .widget_tag_cloud {

}
.info-list {
	padding: 0;
}
.info-list-item {
	padding: 0;
}
.info-list-item-content,
.widget_categories > ul > li {
	position: relative;
	margin-bottom: 15px;
	padding-left: 17px;
	font-size: 1.3rem;
	line-height: 1.6;
}
.info-list-item-content a,
.widget_categories > ul > li > a {
	display: inline-block;
	position: relative;
	color:#4A4A4A;
	padding: 0;
}
.widget_categories > ul > li > a:hover {
	background-color: initial;
}
.info-list-item-content::before,
.widget_categories > ul > li::before {
	/* display: block; */
	/* content: ''; */
	/* position: absolute; */
	/* top: 8px; */
	/* left: 0; */
	/* width: 10px; */
	/* height: 6px; */
	/* background: url(/img/icon-arrow-breadcrumb.svg) 0 0 no-repeat; */
	/* background-size: 10px 6px; */
	content: "";
	background-color: #e0d7cd;
	border-radius: 3px 0 0 3px;
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
	display: inline-block;
	left: 0;
	position: absolute;
	top: 0.4em;
	transition: 0.5s ease-in-out;
	height: 0.8em;
	width: 1em;
}
.info-list-item-meta {
	display: none;
}
.article-side-link-list .children {
	margin: 5px 0 0;
}
.article-side-link-list .children li {
	margin: 0 0 5px;
}
/* front-page-type-index */
.front-page-type-index {
	padding: 0 30px;
	row-gap: initial !important;
}
#list.front-page-type-index {
	margin-bottom: 0;
}
.front-page-type-index .entry-card-wrap {
	display: flex;
	position: relative;
	/* margin-bottom: 20px; */
	margin-bottom: 0;
	/* padding-bottom: 20px; */
	padding: 20px 0;
}
.front-page-type-index .entry-card-wrap:hover {
	background-color: initial;
	color: #907B5B;
}
.front-page-type-index .entry-card-wrap::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	margin: auto;
	background-image: linear-gradient(to right, #907B5B, #907B5B 1px, transparent 1px, transparent 2px);
	background-size: 3px 1px;
	background-repeat: repeat-x;
}
.front-page-type-index .entry-card-thumb {
	position: relative;
	/* width: 32%; */
	width: 140px;
	/* margin-right: 42px; */
	margin: 0 20px 0 0;
}
.front-page-type-index .entry-card-thumb::after {
	/* content: ""; */
	/* position: absolute; */
	/* top: 0; */
	/* left: 0; */
	/* width: 0; */
	/* height: 0; */
	/* border-style: solid; */
	/* border-width: 20px 20px 0 0; */
	/* border-color: #ffffff transparent transparent transparent; */
	/* z-index: 10; */
}
.front-page-type-index .entry-card-thumb img {
	border-radius: 5px;
}
.front-page-type-index .entry-card-thumb .cat-label {
	display: none;
}
.front-page-type-index .entry-card-content {
	/* width: calc(68% - 20px); */
	/* margin-left: 20px; */
	margin-left: 0;
}
/* .front-page-type-index .entry-card-content::after { */
.front-page-type-index .entry-card-snippet::after {
	content: "つづきを読む";
	/* font-size: 1.3rem; */
	font-size: var(--cocoon-text-size-s);
	position: absolute;
	right: 0;
	bottom: 0;
}
/* .article-area-date { */
.entry-card-meta {
	display: block;
	margin-bottom: 6px;
	/* font-family: 'Roboto', sans-serif; */
	font-weight: 400;
	font-size: 1.3rem;
	color: #907B5B;
	line-height: 1.0;
}
/* .article-area-ttl { */
.entry-card-title {
	display: block;
	font-size: 1.3rem;
	line-height: 1.8;
}
/* article detail */
.article-detail-cont {
	position: relative;
}
.article-detail-date {
	display: inline-block;
	margin-bottom: 5px;
	padding-top: 5px;
	/* font-family: 'Roboto', sans-serif; */
	font-size: 1.3rem;
	color: #907B5B;
}
.tagcloud {
	display: block;
}
.tagcloud a,
.entry-tags a.tag-link {
	background-color:#fff;
	border-radius: 10px;
	border: 1px solid #907B5B;
	color: #907B5B;
	display: inline-block;
	font-size: 1.1rem;
	letter-spacing: 0.03em;
	line-height: 20px;
	padding: 0 10px 0;
}
.tagcloud a:hover,
.entry-tags a.tag-link:hover {
	background-color: #907B5B;
	border: 1px solid #907B5B;
	color: #fff;
}
/* .article-detail-ttl { */
h1.entry-title {
	position: relative;
	margin: 10px 0 30px;
	padding-bottom: 20px;
	font-size: 1.8rem;
	line-height: 1.6;
}
/* .article-detail-ttl::after { */
h1.entry-title::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	margin: auto;
	background-image: linear-gradient(to right, #907B5B, #907B5B 1px, transparent 1px, transparent 2px);
	background-size: 3px 1px;
	background-repeat: repeat-x;
}
.article-detail-body {
	margin-bottom: 50px;
}
.article-detail-body h3 {
	position: relative;
	font-size: 1.7rem;
	margin-bottom: 40px;
	padding: 0 0 14px 18px;
	line-height: 1.6;
}
.article-detail-body h3::before {
	content: "";
	position: absolute;
	left: 0;
	top: 2px;
	width: 6px;
	height: calc(100% - 18px);
	background-color: #907B5B;
	border-radius: 2px;
}
.article-detail-body h3::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	margin: auto;
	background-image: linear-gradient(to right, #907B5B, #907B5B 1px, transparent 1px, transparent 2px);
	background-size: 3px 1px;
	background-repeat: repeat-x;
}
.article-detail-body p {
	margin-bottom: 35px;
	line-height: 2.2;
	font-size: 1.4rem;
}
.article-detail-body figure {
	margin-bottom: 45px;
}
.article-detail-body .voice-silhouette-img {
	width: 100%;
	margin-bottom: 10px;
}
.article-detail-body p a {
	text-decoration: underline;
	color: #907B5B;
}
.article-detail-body p:last-child {
	margin-bottom: 0;
}
.article-detail-body .font-style-bold {
	font-weight: 700;
	color: #111;
}
.article-detail-body .font-style-large {
	font-size: 1.8rem;
	color: #111;
	line-height: 1.8;
}
.article-detail-body .font-style-orange {
	color: #E08C06;
}
.article-detail-voice-sec {
	margin-bottom: 50px;
	padding: 30px;
	border-radius: 5px;
	background-color: #F4F3F2;
}
.article-detail-voice-sec-ttl {
	margin-bottom: 25px;
	font-size: 1.6rem;
}
.article-detail-voice-sec-profile {
	margin-bottom: 30px;
	width: 60%;
}
.article-detail-voice-sec-profile p {
	margin-bottom: 0;
}
.article-detail-voice-sec .article-detail-voice-sec-profile-name {
	margin-top: 5px;
	font-size: 1.3rem;
}
article .pagination-detail {
	width: 100%;
}
/* form-input-tbl */
.form-input-tbl {
	width: 100%;
}
.form-input-tbl th,
.form-input-tbl td {
	display: block;
	width: 100%;
}
.form-input-tbl th {
	margin-bottom: 10px;
	font-size: 1.3rem;
	color: #111;
	letter-spacing: 0.07em;
}
.form-input-tbl td {
	margin-bottom: 20px;
	font-size: 1.4rem;
	color: #111;
}
/* form */
.input-text {
	width: 100%;
	height: 42px;
	box-sizing: border-box;
	padding: 2px 8px;
	border: 1px solid #C6D8E8;
	background-color: #EDF4FA;
	color: #111;
	vertical-align: middle;
	font-size: 1.4rem;
}
.textarea {
	box-sizing: border-box;
	width: 100%;
	padding: 8px 8px;
	border: 1px solid #C6D8E8;
	background-color: #EDF4FA;
	font-size: 1.4rem;
}
.input-select {
	width: 16em;
	height: 40px;
	margin-right: 5px;
	padding: 6px 8px;
	border: 1px solid #C6D8E8;
	background-color: #EDF4FA;
	color: #111;
	font-size: 1.2rem;
	line-height: 1.6;
	vertical-align: middle;
}
.submit-btn {
	display: block;
	width: 75%;
	margin: 30px auto 0;
	padding: 18px 0;
	background-color: #0168B7;
	text-align: center;
	font-size: 1.4rem;
	color: #fff;
	letter-spacing: 0.1em;
}
input[type="button"],input[type="submit"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
input[type="text"],
input[type="button"],
input[type="email"],
input[type="submit"],
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
}
input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, textarea:focus, select:focus {
	border: 1px solid #0168B7;
	outline: 0;
}
button[type="submit"]:focus {
	background-color: #0168B7;
	color: #111;
	outline: 0;
}
.required-input-mark {
	color: #ff0000;
}
.form-alert-text {
	margin-bottom: 40px;
	font-size: 1.2rem;
	text-indent: -1em;
	margin-left: 1em;
	line-height: 1.6;
}
/* design-sec */
.design-sec {
	/* padding: 60px 0 74px; */
	background: url(/img/design-area-bg_sp.jpg) center center no-repeat;
	background-size: cover;
	/* color: #fff; */
	height: 400px;
	align-content: center;
	text-align: center;
}
/* footer
----------------------------------------- */
#footer {
	position: relative;
	padding: 80px 40px 25px;
	background-color: #F4F3F2;
}
.page-top {
	position: absolute;
	/* top: -30px; */
	top: -40px;
	right: 30px;
	width: 60px;
	height: 60px;
	border-radius: 30px;
	border: 1px solid #907B5B;
	background-color: #fff;
}
.page-top::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	/* width: 12px; */
	/* height: 10px; */
	margin: -5px 0 0 -8px;
	/* background: url(/img/page-top-icon.svg) 0 0 no-repeat; */
	/* background-size: 12px 10px; */

	background-color: #907B5B;
	clip-path: polygon(0 100%, 50% 0, 100% 100%);
	/* display: inline-block; */
	/* padding-top: 5px; */
	/* right: 1em; */
	/* transform: scale(0.5); */
	transition: 0.5s ease-in-out;
	/* height: 25px; */
	height: 12.5px;
	/* width: 30px; */
	width: 16px;
	/* border-radius: 4px; */
}
.page-top:hover {
	/* border: 1px solid #907B5B; */
	border: none;
	background-color: #fff !important;
}
.page-top:hover::before {
	margin: -10px 0 0 -8px;
}
#block-10 {
	margin-bottom: 0 !important;
}
/* .footer-nav-list { */
.widget_block .footer-nav-list {
	margin-bottom: 45px;
	text-align: center;
}
.footer-nav-list li {
	position: relative;
	margin-bottom: 20px;
}
.footer-nav-list li:last-child {
	margin-bottom: 0;
}
.footer-nav-list li a {
	position: relative;
	display: inline-block;
}
.footer-nav-list li .eng {
	position: relative;
	display: block;
	font-size: 1.8rem;
	color: #4A4A4A;
	line-height: 1.4;
	letter-spacing: 0.06em;
	/* font-family: 'Roboto', sans-serif; */
	font-weight: 400;
}
.footer-nav-list li .jpn {
	position: relative;
	display: block;
	font-size: 1.1rem;
	color: #999;
	line-height: 1.4;
	letter-spacing: 0.06em;
}
.footer-nav-list .fnav01 .eng,
.footer-nav-list .fnav01 .jpn {
	color: #907B5B;
}
.footer-snav-list {
	margin: 48px 0 30px;
	text-align: center;
}
.footer-snav-list li:first-child {
	margin-bottom: 15px;
}
.footer-snav-list li a {
	display: inline-block;
	width: 215px;
	margin: 0 auto;
	padding: 0;
	border: 1px solid #907B5B;
	border-radius: 24px;
	background-color: #fff !important;
	line-height: 48px;
	color: #907B5B !important;
	font-size: 1.2rem;
	text-align: center;
}
.footer-sns-wrap {
	position: relative;
}
.footer-link {
	margin-bottom: 20px;
	text-align: center;
}
.footer-link a {
	/* color: #907B5B; */
	font-size: 1.2rem;
}
.footer-link a:hover {
	color: #907B5B;
}
.footer-sns-list {
	margin-bottom: 60px;
	display: flex;
	justify-content: center;
}
.footer-sns-list li {
	display: inline-block;
	margin: 0 10px;
}
.footer-sns-list li.fsns01 {
	width: 24px;
	height: auto;
	margin-top: 1px;
}
.footer-sns-list li.fsns01 .sns-button {
	padding: 0;
	line-height: 0;
}
.footer-sns-list li.fsns02 {
	/* width: 26px; */
	/* height: auto; */
}
.footer-sns-list li.fsns03 {
	/* width: 25px; */
	/* height: auto; */
	/* margin-top: 2px; */
}
.footer-logo-area {
	margin-bottom: 45px;
}
.footer-logo img {
	width: 142px;
	height: auto;
}
.footer-logo-tagline {
	display: block;
	margin-top: 10px;
	padding-left: 3px;
	font-size: 1.0rem;
	transform: scale(0.9);
	transform-origin: 0 0 0;
	text-align: left;
}
.footer-copyright {
	text-align: center;
	color: #907B5B;
	font-size: 1.0rem;
	transform: scale(0.9);
	transform-origin: 0 0 0;
}
/* tablet 560px - 959px */
/* @media only screen and (min-width: 560px) and (max-width: 959px) { */
@media only screen and (min-width: 560px) {
	/* common
	----------------------------------------- */
	/* ttl */
	.sec-ttl-left01 {
		position: relative;
	}
	.sec-ttl-left01::before {
		display: block;
		content: '';
		position: absolute;
		top: 56px;
		left: 0;
		width: 40px;
		height: 1px;
		background-color: #CBBEAC;
	}
	.sec-ttl-left01 .eng {
		display: block;
		padding-left: 67px;
		/* font-family: 'Roboto', sans-serif; */
		font-weight: 100;
		color: #E5DED6;
		font-size: 5.0rem;
		line-height: 1.4;
		letter-spacing: -0.02em;
	}
	.sec-ttl-left01 .jpn {
		display: block;
		margin-top: -28px;
		padding-left: 82px;
		font-size: 1.8rem;
		line-height: 1.4;
		letter-spacing: 0.1em;
	}
	.sec-ttl-center01 {
		position: relative;
		padding-bottom: 17px;
	}
	.sec-ttl-center01::before {
		display: block;
		content: '';
		position: absolute;
		bottom: 0;
		left: 50%;
		width: 50px;
		height: 1px;
		margin-left: -25px;
		background-color: #CBBEAC;
	}
	.sec-ttl-center01 .eng {
		display: block;
		/* font-family: 'Roboto', sans-serif; */
		font-weight: 100;
		color: #E5DED6;
		font-size: 5.0rem;
		line-height: 1.4;
		letter-spacing: -0.02em;
		text-align: center;
	}
	.sec-ttl-center01 .jpn {
		display: block;
		margin-top: -28px;
		font-size: 1.8rem;
		line-height: 1.4;
		letter-spacing: 0.1em;
		text-align: center;
	}
	h2.sec-ttl02-h2 {
		position: relative;
		padding-bottom: 15px;
	}
	h2.sec-ttl02-h2::before {
		display: block;
		content: '';
		position: absolute;
		bottom: 0;
		left: 50%;
		width: 40px;
		height: 1px;
		margin-left: -20px;
		background-color: #CBBEAC;
	}
	h2.sec-ttl02-h2 .eng {
		display: block;
		/* font-family: 'Roboto', sans-serif; */
		font-weight: 100;
		color: #E5DED6;
		font-size: 4.4rem;
		line-height: 1.4;
		letter-spacing: -0.02em;
		text-align: center;
	}
	h2.sec-ttl02-h2 .jpn {
		display: block;
		margin-top: -25px;
		font-size: 1.6rem;
		line-height: 1.4;
		letter-spacing: 0.1em;
		text-align: center;
	}
	/* link */
	.sec-btn a {
		display: inline-block;
		/* padding: 0 45px; */
		border: 1px solid #907B5B;
		border-radius: 31px;
		background-color: #fff;
		line-height: 62px;
		text-align: center;
		color: #907B5B;
		/* font-size: 1.3rem; */
		font-size: 1.4rem;
		letter-spacing: 0.1em;
	}
	/* breadcrumbs-area */
	/* .breadcrumbs-area { */
	#breadcrumb {
		box-sizing: border-box;
		margin-top: 25px;
		/* padding: 0 20px 0 10%; */
		padding: 0 60px;
	}
	/* .breadcrumbs-list li { */
	#breadcrumb div {
		display: inline-block;
		font-size: 1.2rem;
		line-height: 1.4;
		letter-spacing: 0.06em;
	}
	/* .breadcrumbs-list a { */
	#breadcrumb div a {
		display: inline-block;
		position: relative;
		/* margin-right: 35px; */
		/* color: #111; */
	}
	/* .breadcrumbs-list a::before { */
	#breadcrumb div a::before {
		content: initial;
		/* display: block; */
		/* content: ''; */
		/* position: absolute; */
		/* top: 50%; */
		/* right: -23px; */
		/* width: 10px; */
		/* height: 6px; */
		/* margin-top: -3px; */
		/* background: url(/img/icon-arrow-breadcrumb.svg) 0 0 no-repeat; */
		/* background-size: 10px 6px; */
	}
	/* .breadcrumbs-list li span { */
	#breadcrumb div span {
		/* color: #907B5B; */
	}
	#breadcrumb div span.fa {
		/* display: none !important; */
	}
	#breadcrumb div span.sp::before {
		/* content: ""; */
		/* background-color: #e0d7cd; */
		/* border-radius: 3px 0 0 3px; */
		/* clip-path: polygon(0 0, 0% 100%, 100% 50%); */
		/* display: inline-block; */
		/* right: -1.75em; */
		/* position: absolute; */
		/* top: 0.3em; */
		/* transition: 0.5s ease-in-out; */
		/* height: 0.8em; */
		/* width: 1em; */
	}
	/* pagination */
	.pagination {
		margin-top: 70px;
		padding: 0 20px;
		text-align: center;
	}
	.pagination a,
	.pagination .current {
		/* font-family: 'Roboto', sans-serif; */
		font-weight: 400;
		margin: 0 8px 0;
		font-size: 1.4rem;
	}
	.pagination .current {
		color: #907B5B;
		text-decoration: underline;
	}
	/* pagination-detail */
	.pagination-detail {
		/* font-family: 'Roboto', sans-serif; */
		position: relative;
		margin: 70px auto 0;
		padding-top: 30px;
		text-align: center;
		font-size: 1.2rem;
	}
	.pagination-detail::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 1px;
		margin: auto;
		background-image: linear-gradient(to right, #907B5B, #907B5B 1px, transparent 1px, transparent 2px);
		background-size: 3px 1px;
		background-repeat: repeat-x;
	}
	.prev-btn {
		position: absolute;
		top: 32px;
		left: 0;
	}
	.prev-btn a::before {
		display: block;
		content: '';
		position: absolute;
		top: 7px;
		left: 0;
		width: 10px;
		height: 6px;
		background: url(/img/icon-arrow-breadcrumb.svg) 0 0 no-repeat;
		background-size: 10px 6px;
		transform: rotateY(180deg);
	}
	.prev-btn a {
		position: relative;
		display: inline-block;
		padding-left: 17px;
		color: #907B5B;
	}
	.back-btn {
		padding-top: 3px;
	}
	.back-btn a {
		color: #907B5B;
	}
	.next-btn {
		position: absolute;
		top: 32px;
		right: 0;
	}
	.next-btn a::before {
		display: block;
		content: '';
		position: absolute;
		top: 7px;
		right: 0;
		width: 10px;
		height: 6px;
		background: url(/img/icon-arrow-breadcrumb.svg) 0 0 no-repeat;
		background-size: 10px 6px;
	}
	.next-btn a {
		position: relative;
		display: inline-block;
		padding-right: 17px;
		color: #907B5B;
	}
	/* header
	----------------------------------------- */
	#header {
		position: relative;
	}
	.header-logo {
		position: absolute;
		top: 35px;
		left: 40px;
		z-index: 100;
	}
	#top .header-logo {
		opacity: 0;
		transition: all 1.8s;
	}
	#top .header-logo.fade-in {
		opacity: 1;
	}
	.header-logo img {
		width: 160px;
		height: auto;
	}
	.header-logo .logo-tagline {
		display: block;
		margin-top: 10px;
		padding-left: 3px;
		font-size: 1.0rem;
		transform: scale(0.9);
		transform-origin: 0 0 0;
		color: #fff;
		text-align: left;
	}
	.under .header-logo .logo-tagline {
		color: #4A4A4A;
	}
	/* page-visual-area */
	.page-visual-area {
		position: relative;
		margin-bottom: 80px;
		padding: 165px 0 32px;
	}
	.page-visual-area::before {
		content: "";
		position: absolute;
		right: 0;
		top: 0;
		width: 60%;
		height: 100%;
		border-bottom-left-radius: 5px;
		background-color: #F4F3F2;
		z-index: -100;
	}
	.page-visual::after {
		content: "";
		position: absolute;
		top: -1px;
		left: -1px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 70px 70px 0 0;
		border-color: #ffffff transparent transparent transparent;
		z-index: 10;
	}
	.article {
		position: relative;
		display: inline-block;
		/* margin-top: -60px; */
		/* padding: 9% 20% 8% 15%; */
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		background-color: #fff;
		z-index: 100;
	}
	.article h2 {
		position: relative;
		padding-bottom: 17px;
		/* opacity: 0; */
		transition: all 1.2s;
	}
	h2.fade-in {
		opacity: 1;
	}
	.article h2::before {
		display: block;
		/* content: ''; */
		position: absolute;
		bottom: 0;
		left: 0;
		width: 50px;
		height: 1px;
		background-color: #CBBEAC;
	}
	.article .eng {
		display: block;
		/* font-family: 'Roboto', sans-serif; */
		font-weight: 100;
		color: #E5DED6;
		font-size: 4.5rem;
		line-height: 1.4;
		letter-spacing: -0.02em;
	}
	.article .jpn {
		display: block;
		margin-top: -26px;
		font-size: 1.8rem;
		line-height: 1.4;
		letter-spacing: 0.1em;
	}
	/* contents
	----------------------------------------- */
	/* article */
	article {
		margin-bottom: 80px;
	}
	article.type-post {
		margin-bottom: 140px;
		padding: 0 60px;
	}
	.front-page-type-index article.type-post {
		padding: 0;
		margin: 0;
		width: 100%;
	}
	#sidebar {
		display: block;
		padding: 0 80px;
	}
	#sidebar > aside {
		margin-bottom: 80px;
	}
	#sidebar > aside:last-child {
		/* margin-bottom: 0; */
	}
	.article-side-link:last-child {
		margin-bottom: 0;
	}
	.widget-sidebar-title {
		margin-bottom: 30px;
		font-size: 1.6rem;
	}
	.info-list-item-content,
	.widget_categories > ul > li {
		position: relative;
		margin-bottom: 15px;
		padding-left: 17px;
		font-size: 1.3rem;
		line-height: 1.6;
	}
	.info-list-item-content a,
	.widget_categories > ul > li > a {
		display: inline-block;
		position: relative;
		color:#4A4A4A;
		padding: 0;
	}
	.info-list-item-content::before,
	.widget_categories > ul > li::before {
		/* display: block; */
		/* content: ''; */
		/* position: absolute; */
		/* top: 8px; */
		/* left: 0; */
		/* width: 10px; */
		/* height: 6px; */
		/* background: url(/img/icon-arrow-breadcrumb.svg) 0 0 no-repeat; */
		/* background-size: 10px 6px; */
	}
	.article-side-link-list .children {
		margin: 5px 0 0;
	}
	.article-side-link-list .children li {
		margin: 0 0 5px;
	}
	/* front-page-type-index */
	.front-page-type-index {
		padding: 0 60px;
	}
	.front-page-type-index .entry-card {
		margin-bottom: 0;
	}
	.front-page-type-index .entry-card-wrap {
		display: flex;
		position: relative;
		/* margin-bottom: 20px; */
		margin-bottom: 0;
		/* padding-bottom: 20px; */
		padding: 20px 0;
	}
	.front-page-type-index .entry-card-wrap::after {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 1px;
		margin: auto;
		background-image: linear-gradient(to right, #907B5B, #907B5B 1px, transparent 1px, transparent 2px);
		background-size: 3px 1px;
		background-repeat: repeat-x;
	}
	.front-page-type-index .entry-card-thumb {
		/* position: relative; */
		/* width: 20%; */
		width: 180px;
	}
	.front-page-type-index .entry-card-thumb::after {
		/* content: ""; */
		/* position: absolute; */
		/* top: 0; */
		/* left: 0; */
		/* width: 0; */
		/* height: 0; */
		/* border-style: solid; */
		/* border-width: 20px 20px 0 0; */
		/* border-color: #ffffff transparent transparent transparent; */
		/* z-index: 10; */
	}
	.front-page-type-index .entry-card-thumb img {
		border-radius: 5px;
	}
	.front-page-type-index .entry-card-content {
		/* width: calc(80% - 20px); */
		/* margin-left: 20px; */
	}
	/* .article-area-date { */
	.entry-card-meta {
		display: block;
		margin-bottom: 6px;
		padding-top: 10px;
		/* font-family: 'Roboto', sans-serif; */
		font-weight: 400;
		font-size: 1.4rem;
		color: #907B5B;
		line-height: 1.0;
	}
	/* .article-area-ttl { */
	.entry-card-title {
		display: block;
		font-size: 1.4rem;
		line-height: 1.8;
	}
	/* article detail */
	.article-detail-cont {
		position: relative;
	}
	.article-detail-date {
		display: inline-block;
		margin-bottom: 5px;
		padding-top: 5px;
		/* font-family: 'Roboto', sans-serif; */
		font-size: 1.3rem;
		color: #907B5B;
	}
	.tagcloud a,
	.entry-tags a.tag-link {
		display: inline-block;
		padding: 0 10px 0;
		border: 1px solid #907B5B;
		background-color:#fff;
		border-radius: 10px;
		letter-spacing: 0.03em;
		font-size: 1.1rem;
		line-height: 20px;
		color: #907B5B;
	}
	.tagcloud a:hover,
	.entry-tags a.tag-link:hover {
		/* background-color: #907B5B; */
		/* border: 1px solid #907B5B; */
		/* color: #fff; */
	}
	/* .article-detail-ttl { */
	h1.entry-title {
		position: relative;
		margin: 10px 0 30px;
		padding-bottom: 20px;
		font-size: 1.8rem;
		line-height: 1.6;
	}
	/* .article-detail-ttl::after { */
	h1.entry-title::after {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 1px;
		margin: auto;
		background-image: linear-gradient(to right, #907B5B, #907B5B 1px, transparent 1px, transparent 2px);
		background-size: 3px 1px;
		background-repeat: repeat-x;
	}
	.article-detail-body {
		margin-bottom: 50px;
	}
	.article-detail-body h3 {
		position: relative;
		font-size: 1.7rem;
		margin-bottom: 40px;
		padding: 0 0 14px 18px;
		line-height: 1.6;
	}
	.article-detail-body h3::before {
		content: "";
		position: absolute;
		left: 0;
		top: 2px;
		width: 6px;
		height: calc(100% - 18px);
		background-color: #907B5B;
		border-radius: 2px;
	}
	.article-detail-body h3::after {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 1px;
		margin: auto;
		background-image: linear-gradient(to right, #907B5B, #907B5B 1px, transparent 1px, transparent 2px);
		background-size: 3px 1px;
		background-repeat: repeat-x;
	}
	.article-detail-body p {
		margin-bottom: 35px;
		line-height: 2.2;
		font-size: 1.4rem;
	}
	.article-detail-body figure {
		/* width: 70%; */
		margin-bottom: 45px;
	}
	.article-detail-body .voice-silhouette-img {
		width: 100%;
		margin-bottom: 10px;
	}
	.article-detail-body p a {
		text-decoration: underline;
		color: #907B5B;
	}
	.article-detail-body p:last-child {
		margin-bottom: 0;
	}
	.article-detail-body .font-style-bold {
		font-weight: 700;
		color: #111;
	}
	.article-detail-body .font-style-large {
		font-size: 2.0rem;
		color: #111;
		line-height: 1.8;
	}
	.article-detail-body .font-style-orange {
		color: #E08C06;
	}
	.article-detail-voice-sec {
		margin-bottom: 50px;
		padding: 50px;
		border-radius: 5px;
		background-color: #F4F3F2;
	}
	.article-detail-voice-sec-ttl {
		margin-bottom: 25px;
		font-size: 1.6rem;
	}
	.article-detail-voice-sec-profile {
		margin-bottom: 30px;
		width: 34%;
	}
	.article-detail-voice-sec-profile p {
		margin-bottom: 0;
	}
	.article-detail-voice-sec .article-detail-voice-sec-profile-name {
		margin-top: 10px;
		font-size: 1.3rem;
	}
	article .pagination-detail {
		width: 100%;
	}
	/* form-input-tbl */
	.form-input-tbl {
		width: 100%;
		max-width: 480px;
		margin: 0 auto;
	}
	.form-input-tbl th,
	.form-input-tbl td {
		display: block;
		width: 100%;
	}
	.form-input-tbl th {
		margin-bottom: 10px;
		font-size: 1.4rem;
		color: #111;
		letter-spacing: 0.07em;
	}
	.form-input-tbl td {
		margin-bottom: 22px;
		font-size: 1.4rem;
		color: #111;
	}
	/* form */
	.input-text {
		width: 100%;
		height: 42px;
		box-sizing: border-box;
		padding: 3px 8px;
		border: 1px solid #C6D8E8;
		background-color: #EDF4FA;
		color: #111;
		vertical-align: middle;
		font-size: 1.4rem;
	}
	.textarea {
		box-sizing: border-box;
		width: 100%;
		padding: 3px 8px;
		border: 1px solid #C6D8E8;
		background-color: #EDF4FA;
		font-size: 1.4rem;
		line-height: 2.2;
	}
	.input-select {
		width: 16em;
		height: 40px;
		margin-right: 5px;
		padding: 3px 8px;
		border: 1px solid #C6D8E8;
		background-color: #EDF4FA;
		color: #111;
		font-size: 1.3rem;
		line-height: 1.6;
		vertical-align: middle;
	}
	.submit-btn {
		display: block;
		width: 260px;
		margin: 40px auto 0;
		padding: 20px 0;
		background-color: #0168B7;
		text-align: center;
		font-size: 1.4rem;
		color: #fff;
		letter-spacing: 0.1em;
	}
	input[type="button"],input[type="submit"] {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	input[type="text"],
	input[type="button"],
	input[type="email"],
	input[type="submit"],
	textarea {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, textarea:focus, select:focus {
		border: 1px solid #0168B7;
		outline: 0;
	}
	button[type="submit"]:focus {
		background-color: #EDF4FA;
		color: #111;
		outline: 0;
	}
	.required-input-mark {
		color: #ff0000;
	}
	.form-alert-text {
		margin-bottom: 40px;
		font-size: 1.2rem;
		text-indent: -1em;
		margin-left: 1em;
		line-height: 1.6;
	}
	/* design-sec */
	.design-sec {
		/* padding: 60px 0 74px; */
		background: url(/img/design-area-bg_pc.jpg) center center no-repeat;
		background-size: cover;
		/* color: #fff; */
	}
	/* footer
	----------------------------------------- */
	#footer {
		position: relative;
		padding: 80px 40px 25px;
		background-color: #F4F3F2;
	}
	.page-top {
		position: absolute;
		top: -30px;
		right: 30px;
		width: 60px;
		height: 60px;
		border-radius: 30px;
		border: 1px solid #907B5B;
		background-color: #fff;
	}
	.page-top::before {
		/* content: ""; */
		/* position: absolute; */
		/* top: 50%; */
		/* left: 50%; */
		/* width: 12px; */
		/* height: 10px; */
		/* margin: -5px 0 0 -6px; */
		/* background: url(/img/page-top-icon.svg) 0 0 no-repeat; */
		/* background-size: 12px 10px; */
	}
	.footer-nav-list {
		/* margin-bottom: 45px; */
		/* text-align: center; */
	}
	.footer-nav-list li {
		position: relative;
		margin-bottom: 20px;
	}
	.footer-nav-list li:last-child {
		margin-bottom: 0;
	}
	.footer-nav-list li a {
		position: relative;
		display: inline-block;
		width: fit-content;
		margin: 0 auto;
	}
	.footer-nav-list li .eng {
		position: relative;
		display: block;
		font-size: 1.8rem;
		color: #4A4A4A;
		line-height: 1.4;
		letter-spacing: 0.06em;
		/* font-family: 'Roboto', sans-serif; */
		font-weight: 400;
	}
	.footer-nav-list li .jpn {
		position: relative;
		display: block;
		font-size: 1.1rem;
		color: #999;
		line-height: 1.4;
		letter-spacing: 0.06em;
	}
	.footer-nav-list .fnav01 .eng,
	.footer-nav-list .fnav01 .jpn {
		color: #907B5B;
	}
	.footer-snav-list {
		margin: 48px 0 30px;
		text-align: center;
	}
	.footer-snav-list li:first-child {
		margin-bottom: 15px;
	}
	.footer-snav-list li a {
		/* display: inline-block; */
		/* width: 215px; */
		width: 275px;
		margin: 0 auto;
		padding: 0 !important;
		border: 1px solid #907B5B;
		border-radius: 24px;
		background-color: #fff;
		line-height: 48px;
		color: #907B5B !important;
		font-size: 1.2rem;
		text-align: center;
	}
	.footer-sns-wrap {
		position: relative;
	}
	.footer-link {
		margin-bottom: 20px;
		text-align: center;
	}
	.footer-link a {
		/* color: #907B5B; */
		font-size: 1.2rem;
	}
	.footer-link a:hover {
		color: #907B5B;
	}
	.footer-sns-list {
		margin-bottom: 60px;
		display: flex;
		justify-content: center;
	}
	.footer-sns-list li {
		display: inline-block;
		margin: 0 10px;
	}
	.footer-sns-list li.fsns01 {
		width: 24px;
		height: auto;
		margin-top: 1px;
	}
	.footer-sns-list li.fsns01 .sns-button {
		padding: 0;
	}
	.footer-sns-list li.fsns02 {
		/* width: 26px; */
		/* height: auto; */
	}
	.footer-sns-list li.fsns03 {
		/* width: 25px; */
		/* height: auto; */
		/* margin-top: 2px; */
	}
	.footer-logo-area {
		margin-bottom: 45px;
	}
	.footer-logo img {
		width: 142px;
		height: auto;
	}
	.footer-logo-tagline {
		display: block;
		margin-top: 10px;
		padding-left: 3px;
		font-size: 1.0rem;
		transform: scale(0.9);
		transform-origin: 0 0 0;
		text-align: left;
	}
	.footer-copyright {
		text-align: center;
		color: #907B5B;
		font-size: 1.0rem;
		transform: scale(0.9);
		transform-origin: 0 0 0;
	}
} /* tablet end */
/* PC 960px - */
@media only screen and (min-width: 960px) {
	.pc {
		display: block !important;
	}
	.sp {
		display: none !important;
	}
	img {
		width: 100%;
		height: auto;
	}
	/* common
	----------------------------------------- */
	/* loading */
	#contents-wrap {
		position: relative;
		opacity: 0;
		transition: all 1.4s;
	}
	#contents-wrap.fade-in {
		opacity: 1;
	}
	.loading-img {
		position: fixed;
		top: 50%;
		left: 50%;
		width: 80px;
		height: 80px;
		margin-top: -80px;
		margin-left: -40px;
		text-align: center;
		color: #fff;
		z-index: 2;
		text-align: center;
	}
	.loading-img img {
		width: 100%;
		height: auto;
	}
	/* breadcrumbs-area */
	/* .breadcrumbs-area { */
	#breadcrumb {
		box-sizing: border-box;
		margin-top: 25px;
		/* padding: 0 20px 0 140px; */
		padding: 0;
	}
	/* .breadcrumbs-list li { */
	#breadcrumb div {
		display: inline-block;
		font-size: 1.2rem;
		line-height: 1.4;
		letter-spacing: 0.06em;
	}
	#breadcrumb div.breadcrumb-home span.fa.fa-home {
		display: none;
	}
	/* .breadcrumbs-list a { */
	#breadcrumb div a {
		display: inline-block;
		position: relative;
		/* margin-right: 35px; */
		/* color: #111; */
		color: #4A4A4A;
		transition: all .3s;
	}
	/* .breadcrumbs-list a:hover { */
	#breadcrumb div a:hover {
		color: #907B5B;
	}
	/* .breadcrumbs-list a::before { */
	#breadcrumb div a::before {
		content: initial;
		/* display: block; */
		/* content: ''; */
		/* position: absolute; */
		/* top: 50%; */
		/* right: -23px; */
		/* width: 10px; */
		/* height: 6px; */
		/* margin-top: -3px; */
		/* background: url(/img/icon-arrow-breadcrumb.svg) 0 0 no-repeat; */
		/* background-size: 10px 6px; */
	}
	/* .breadcrumbs-list li span { */
	#breadcrumb div span {
		/* color: #907B5B; */
	}
	#breadcrumb div span.fa {
		/* display: none !important; */
	}
	#breadcrumb div span.sp::before {
		/* content: ""; */
		/* background-color: #e0d7cd; */
		/* border-radius: 3px 0 0 3px; */
		/* clip-path: polygon(0 0, 0% 100%, 100% 50%); */
		/* display: inline-block; */
		/* right: -1.75em; */
		/* position: absolute; */
		/* top: 0.3em; */
		/* transition: 0.5s ease-in-out; */
		/* height: 0.8em; */
		/* width: 1em; */
	}
	/* pagination */
	.pagination {
		margin-top: 70px;
		padding: 0 40px;
		text-align: center;
	}
	.pagination a,
	.pagination .current {
		/* font-family: 'Roboto', sans-serif; */
		font-weight: 400;
		display: inline-block;
		margin: 0 7px 0;
		font-size: 1.6rem;
	}
	.pagination a {
		transition: all .3s;
	}
	.pagination a:hover {
		color: #907B5B;
	}
	.pagination .current {
		color: #907B5B;
		text-decoration: underline;
	}
	/* pagination-detail */
	.pagination-detail {
		/* font-family: 'Roboto', sans-serif; */
		position: relative;
		margin: 100px auto 0;
		padding-top: 40px;
		text-align: center;
		font-size: 1.4rem;
	}
	.pagination-detail::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 1px;
		margin: auto;
		background-image: linear-gradient(to right, #907B5B, #907B5B 1px, transparent 1px, transparent 2px);
		background-size: 3px 1px;
		background-repeat: repeat-x;
	}
	.prev-btn {
		position: absolute;
		top: 42px;
		left: 0;
	}
	.prev-btn a::before {
		display: block;
		content: '';
		position: absolute;
		top: 9px;
		left: 0;
		width: 10px;
		height: 6px;
		background: url(/img/icon-arrow-breadcrumb.svg) 0 0 no-repeat;
		background-size: 10px 6px;
		transform: rotateY(180deg);
		transition: all .3s;
	}
	.prev-btn a {
		position: relative;
		display: inline-block;
		padding-left: 20px;
		color: #907B5B;
		transition: all .3s;
	}
	.back-btn {
		padding-top: 3px;
	}
	.back-btn a {
		color: #907B5B;
		transition: all .3s;
	}
	.next-btn {
		position: absolute;
		top: 42px;
		right: 0;
	}
	.next-btn a::before {
		display: block;
		content: '';
		position: absolute;
		top: 9px;
		right: 0;
		width: 10px;
		height: 6px;
		background: url(/img/icon-arrow-breadcrumb.svg) 0 0 no-repeat;
		background-size: 10px 6px;
		transition: all .3s;
	}
	.next-btn a {
		position: relative;
		display: inline-block;
		padding-right: 20px;
		color: #907B5B;
		transition: all .3s;
	}
	.prev-btn:hover a,
	.back-btn:hover a,
	.next-btn:hover a {
		color: #4A4A4A;
	}
	.prev-btn a:hover::before {
		position: absolute;
		left: -5px;
	}
	.next-btn a:hover::before {
		position: absolute;
		right: -5px;
	}
	/* ttl */
	.sec-ttl-left01 {
		position: relative;
	}
	.sec-ttl-left01::before {
		display: block;
		content: '';
		position: absolute;
		top: 86px;
		left: 0;
		width: 80px;
		height: 1px;
		background-color: #CBBEAC;
	}
	.sec-ttl-left01 .eng {
		display: block;
		padding-left: 118px;
		/* font-family: 'Roboto', sans-serif; */
		font-weight: 100;
		color: #E5DED6;
		font-size: 8.0rem;
		line-height: 1.4;
		letter-spacing: -0.02em;
	}
	.sec-ttl-left01 .jpn {
		display: block;
		margin-top: -46px;
		padding-left: 140px;
		font-size: 2.6rem;
		line-height: 1.4;
		letter-spacing: 0.1em;
	}
	.sec-ttl-center01 {
		position: relative;
		padding-bottom: 20px;
	}
	.sec-ttl-center01::before {
		display: block;
		content: '';
		position: absolute;
		bottom: 0;
		left: 50%;
		width: 80px;
		height: 1px;
		margin-left: -40px;
		background-color: #CBBEAC;
	}
	.sec-ttl-center01 .eng {
		display: block;
		/* font-family: 'Roboto', sans-serif; */
		font-weight: 100;
		color: #E5DED6;
		font-size: 8.0rem;
		line-height: 1.4;
		letter-spacing: -0.02em;
		text-align: center;
	}
	.sec-ttl-center01 .jpn {
		display: block;
		margin-top: -46px;
		font-size: 2.6rem;
		line-height: 1.4;
		letter-spacing: 0.1em;
		text-align: center;
	}
	h2.sec-ttl02-h2 {
		position: relative;
		padding-bottom: 20px;
	}
	h2.sec-ttl02-h2::before {
		display: block;
		content: '';
		position: absolute;
		bottom: 0;
		left: 50%;
		width: 40px;
		height: 1px;
		margin-left: -20px;
		background-color: #CBBEAC;
	}
	h2.sec-ttl02-h2 .eng {
		display: block;
		/* font-family: 'Roboto', sans-serif; */
		font-weight: 100;
		color: #E5DED6;
		font-size: 5.6rem;
		line-height: 1.4;
		letter-spacing: -0.02em;
		text-align: center;
	}
	h2.sec-ttl02-h2 .jpn {
		display: block;
		margin-top: -32px;
		font-size: 2.0rem;
		line-height: 1.4;
		letter-spacing: 0.1em;
		text-align: center;
	}
	/* link */
	.sec-btn a {
		display: inline-block;
		padding: 0 55px;
		border: 1px solid #907B5B;
		border-radius: 24px;
		background-color: #fff;
		line-height: 48px;
		text-align: center;
		color: #907B5B;
		font-size: 1.4rem;
		letter-spacing: 0.1em;
		transition: all .3s;
	}
	/* header
	----------------------------------------- */
	#header {
		position: relative;
	}
	.header-logo {
		position: absolute;
		top: 60px;
		left: 90px;
		z-index: 100;
	}
	#top .header-logo {
		opacity: 0;
		transition: all 1.8s;
	}
	#top .header-logo.fade-in {
		opacity: 1;
	}
	.header-logo img {
		width: 178px;
		height: auto;
	}
	.header-logo .logo-tagline {
		position: relative ;
		display: inline-block;
		margin: 0 0 0 30px;
		padding: 0 0 0 35px;
		font-size: 1.3rem;
		transform: scale(1.0);
		transform-origin: 0 0 0;
		color: #fff;
		text-align: left;
	}
	.header-logo .logo-tagline::before {
		display: block;
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 1px;
		height: 48px;
		background-color: #DDDDDD;
	}
	.header-logo .logo-tagline {
		position: relative ;
		display: inline-block;
		margin: 0 0 0 30px;
		padding: 0 0 0 35px;
		font-size: 1.3rem;
		transform: scale(1.0);
		transform-origin: 0 0 0;
		color: #fff;
		text-align: left;
	}
	.under .header-logo .logo-tagline {
		color: #4A4A4A;
	}
	/* page-visual-area */
	.page-visual-area {
		position: relative;
		margin-bottom: 90px;
		padding: 185px 0 0;
	}
	.page-visual-area-inner {
		display: flex;
		align-items: center;
	}
	.page-visual-area::before {
		content: "";
		position: absolute;
		right: 10px;
		top: 10px;
		width: 62.8%;
		height: 380px;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		background-color: #F4F3F2;
		z-index: -100;
	}
	.page-visual::after {
		content: "";
		position: absolute;
		top: -1px;
		left: -1px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 100px 100px 0 0;
		border-color: #ffffff transparent transparent transparent;
		z-index: 10;
	}
	.article {
		position: relative;
		display: inline-block;
		/* width: calc(100% - 55% - 140px); */
		/* margin-top: -46px; */
		/* padding: 0; */
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		background-color: transparent;
		z-index: 100;
	}
	.article h2 {
		position: relative;
		padding-right: 22px;
		padding-bottom: 20px;
		/* opacity: 0; */
		transition: all 1.2s;
	}
	h2.fade-in {
		opacity: 1;
	}
	.article h2::before {
		display: block;
		/* content: ''; */
		position: absolute;
		bottom: 0;
		left: 50%;
		width: 70px;
		height: 1px;
		margin-left: -35px;
		background-color: #CBBEAC;
	}
	.article .eng {
		display: block;
		/* font-family: 'Roboto', sans-serif; */
		font-weight: 100;
		color: #E5DED6;
		font-size: 7.0rem;
		line-height: 1.4;
		letter-spacing: -0.02em;
		text-align: center;
	}
	.article .jpn {
		display: block;
		margin-top: -38px;
		font-size: 2.2rem;
		line-height: 1.4;
		letter-spacing: 0.1em;
		text-align: center;
	}
	/* contents
	----------------------------------------- */
	/* article-cont */
	.article-cont {
		display: flex;
		max-width: 1040px;
		margin: 0 auto;
		padding: 0 20px;
	}
	article {
		/* width: calc(100% - 320px); */
		/* margin: 0 100px 0 0; */
		/* padding: 0; */
	}
	article.type-post {
		margin-bottom: 0;
		/* padding: 0 0; */
		padding: 0 10px;
	}
	#sidebar {
		display: block;
		width: 220px;
		padding: 0;
	}
	#sidebar > aside {
		margin-bottom: 80px;
	}
	#sidebar > aside:last-child {
		/* margin-bottom: 0; */
	}
	.article-side-link:last-child {
		margin-bottom: 0;
	}
	.widget-sidebar-title {
		margin-bottom: 30px;
		font-size: 1.5rem;
	}
	.info-list-item-content,
	.widget_categories > ul > li {
		position: relative;
		margin-bottom: 12px;
		padding-left: 17px;
		font-size: 1.3rem;
		line-height: 1.7;
	}
	.info-list-item-content a,
	.widget_categories > ul > li > a {
		display: inline-block;
		position: relative;
		color:#4A4A4A;
		transition: all .3s;
		padding: 0;
	}
	.info-list-item-content a:hover,
	.widget_categories > ul > li > a:hover {
		color:#907B5B;
		text-decoration: underline;
	}
	.info-list-item-content::before,
	.widget_categories > ul > li::before {
		/* display: block; */
		/* content: ''; */
		/* position: absolute; */
		/* top: 8px; */
		/* left: 0; */
		/* width: 10px; */
		/* height: 6px; */
		/* background: url(/img/icon-arrow-breadcrumb.svg) 0 0 no-repeat; */
		/* background-size: 10px 6px; */
	}
	.article-side-link-list .children {
		margin: 5px 0 0;
	}
	.article-side-link-list .children li {
		margin: 0 0 5px;
	}
	/* front-page-type-index */
	.front-page-type-index {
		padding: 0;
	}
	.front-page-type-index .entry-card-wrap {
		display: flex;
		position: relative;
		/* margin-bottom: 25px; */
		margin-bottom: 0;
		/* padding-bottom: 25px; */
		padding: 25px 0;
	}
	.front-page-type-index .entry-card-wrap:hover {
		background-color: initial;
		color: #907B5B;
	}
	#top .front-page-type-index .entry-card-wrap {
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
	.front-page-type-index .entry-card-wrap::after {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 1px;
		margin: auto;
		background-image: linear-gradient(to right, #907B5B, #907B5B 1px, transparent 1px, transparent 2px);
		background-size: 3px 1px;
		background-repeat: repeat-x;
	}
	.front-page-type-index .entry-card-thumb {
		position: relative;
		/* width: 160px; */
		width: 200px;
	}
	.front-page-type-index .entry-card-thumb::after {
		/* content: ""; */
		/* position: absolute; */
		/* top: 0; */
		/* left: 0; */
		/* width: 0; */
		/* height: 0; */
		/* border-style: solid; */
		/* border-width: 24px 24px 0 0; */
		/* border-color: #ffffff transparent transparent transparent; */
		/* z-index: 10; */
	}
	.front-page-type-index .entry-card-thumb img {
		border-radius: 5px;
	}
	.front-page-type-index .entry-card-content {
		/* width: calc(100% - 200px); */
		/* margin-left: 40px; */
	}
	/* .article-area-date { */
	.entry-card-meta {
		display: block;
		margin-bottom: 8px;
		padding-top: 10px;
		/* font-family: 'Roboto', sans-serif; */
		font-weight: 400;
		font-size: 1.4rem;
		color: #907B5B;
		line-height: 1.0;
	}
	/* .article-area-ttl { */
	.entry-card-title {
		display: block;
		font-size: 1.6rem;
		line-height: 1.7;
		transition: all .3s;
	}
	/* .article-area-ttl:hover { */
	.entry-card-title:hover {
		/* color: #907B5B; */
	}
	/* article detail */
	.article-detail-cont {
		position: relative;
	}
	.article-detail-date {
		display: inline-block;
		margin-bottom: 5px;
		padding-top: 0;
		/* font-family: 'Roboto', sans-serif; */
		font-size: 1.4rem;
		color: #907B5B;
	}
	.tagcloud a,
	.entry-tags a.tag-link {
		display: inline-block;
		margin-bottom: 3px;
		padding: 0 12px 0;
		border: 1px solid #907B5B;
		background-color: #fff;
		border-radius: 11px;
		letter-spacing: 0.03em;
		font-size: 1.2rem;
		line-height: 22px;
		color: #907B5B;
		transition: all .3s;
	}
	.tagcloud a:hover,
	.entry-tags a.tag-link:hover {
		/* background-color: #907B5B; */
		/* border: 1px solid #907B5B; */
		/* color: #fff; */
	}
	/* .article-detail-ttl { */
	h1.entry-title {
		position: relative;
		margin: 8px 0 50px;
		padding-bottom: 20px;
		font-size: 2.0rem;
		line-height: 1.6;
	}
	/* .article-detail-ttl::after { */
	h1.entry-title::after {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 1px;
		margin: auto;
		background-image: linear-gradient(to right, #907B5B, #907B5B 1px, transparent 1px, transparent 2px);
		background-size: 3px 1px;
		background-repeat: repeat-x;
	}
	.article-detail-body {
		margin-bottom: 50px;
		padding: 0 5px;
	}
	.article-detail-body h3 {
		position: relative;
		font-size: 1.8rem;
		margin-bottom: 40px;
		padding: 0 0 14px 18px;
		line-height: 1.6;
	}
	.article-detail-body h3::before {
		content: "";
		position: absolute;
		left: 0;
		top: 3px;
		width: 6px;
		height: calc(100% - 18px);
		background-color: #907B5B;
		border-radius: 2px;
	}
	.article-detail-body h3::after {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 1px;
		margin: auto;
		background-image: linear-gradient(to right, #907B5B, #907B5B 1px, transparent 1px, transparent 2px);
		background-size: 3px 1px;
		background-repeat: repeat-x;
	}
	.article-detail-body p {
		margin-bottom: 55px;
		line-height: 2.0;
		font-size: 1.6rem;
	}
	.article-detail-body figure {
		/* width: 70%; */
		margin-bottom: 65px;
	}
	.article-detail-body figure img {
		width: auto;
	}
	.article-detail-body .voice-silhouette-img {
		width: 100%;
		margin-bottom: 10px;
	}
	.article-detail-body p a {
		text-decoration: underline;
		color: #907B5B;
	}
	.article-detail-body p a:hover {
		text-decoration: none;
		color: #907B5B;
	}
	.article-detail-body p:last-child {
		margin-bottom: 0;
	}
	.article-detail-body .font-style-bold {
		font-weight: 700;
		color: #111;
	}
	.article-detail-body .font-style-large {
		font-size: 2.0rem;
		color: #111;
		line-height: 1.8;
	}
	.article-detail-body .font-style-orange {
		color: #E08C06;
	}
	.article-detail-voice-sec {
		margin: 0 0 70px;
		padding: 50px;
		border-radius: 5px;
		background-color: #F4F3F2;
	}
	.article-detail-voice-sec-ttl {
		margin-bottom: 25px;
		font-size: 2.0rem;
	}
	.article-detail-voice-sec-profile {
		margin-bottom: 40px;
		width: 200px;
	}
	.article-detail-voice-sec-profile p {
		margin-bottom: 0;
	}
	.article-detail-voice-sec .article-detail-voice-sec-profile-name {
		margin-top: 10px;
		font-size: 1.4rem;
	}
	article .pagination-detail {
		width: 100%;
	}
	/* form-input-tbl */
	.form-input-tbl {
		max-width: 600px;
		margin: 0 auto;
	}
	.form-input-tbl th {
		display: inline-block;
		width: 32%;
		margin-bottom: 30px;
		padding-top: 10px;
		font-size: 1.4rem;
		vertical-align: top;
		color: #111;
		letter-spacing: 0.07em;
	}
	.form-input-tbl td {
		display: inline-block;
		width: 68%;
		margin-bottom: 30px;
		font-size: 1.4rem;
		vertical-align: top;
		color: #111;
	}
	/* form */
	.input-text {
		width: 100%;
		height: 45px;
		box-sizing: border-box;
		padding: 3px 8px;
		border: 1px solid #C6D8E8;
		background-color: #EDF4FA;
		color: #111;
		vertical-align: middle;
		font-size: 1.4rem;
	}
	.textarea {
		box-sizing: border-box;
		width: 100%;
		padding: 7px 8px;
		border: 1px solid #C6D8E8;
		background-color: #EDF4FA;
		font-size: 14px;
		line-height: 2.2;
	}
	.input-select {
		width: 16em;
		height: 40px;
		margin-right: 5px;
		padding: 7px 8px;
		border: 1px solid #C6D8E8;
		background-color: #EDF4FA;
		color: #111;
		font-size: 1.3rem;
		line-height: 1.6;
		vertical-align: middle;
	}
	.submit-btn-wrapper {
		box-sizing: border-box;
		max-width: 600px;
		margin: 0 auto;
	}
	.submit-btn {
		display: block;
		width: 200px;
		margin: 30px auto 0;
		padding: 20px 0;
		border: 1px solid #0168B7;
		background-color: #0168B7;
		text-align: center;
		font-size: 1.5rem;
		color: #fff;
		letter-spacing: 0.1em;
		cursor: pointer;
		transition: all .3s;
	}
	.submit-btn:hover {
		border: 1px solid #0168B7;
		background-color: #fff;
		color: #0168B7;
	}
	input[type="button"],input[type="submit"] {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	input[type="text"],
	input[type="button"],
	input[type="email"],
	input[type="submit"],
	textarea {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, textarea:focus, select:focus {
		border: 1px solid #0168B7;
		outline: 0;
	}
	input[type="submit"]:focus {
		border: 1px solid #0168B7;
		background-color: #fff;
		color: #0168B7;
		outline: 0;
	}
	.required-input-mark {
		color: #ff0000;
	}
	.form-alert-text {
		margin-bottom: 45px;
		font-size: 1.4rem;
		text-indent: -1em;
		margin-left: 1em;
		line-height: 1.6;
	}
	.pager-post-navi {
		flex-direction: row;
	}
	.pager-post-navi a {
		width: 100%;
	}
	/* design-sec */
	.design-sec {
		/* width: calc(100% - 20px); */
		max-width: 1600px;
		width: 100%;
		height: 400px;
		/* margin: 0 auto; */
		/* padding: 90px 0 120px; */
		border-radius: 5px;
		background: url(/img/design-area-bg_pc.jpg) center center no-repeat;
		background-size: cover;
		/* color: #fff; */
		text-align: center;
		align-content: center;
	}
	.design-sec .sec-btn a {
		line-height: 70px;
		border-radius: 36px;
		font-size: 1.7rem;
	}
	/* footer
	----------------------------------------- */
	#footer {
		position: relative;
		width: calc(100% - 20px);
		max-width: 1600px;
		margin: 0 auto;
		padding: 10px 0 10px 0;
		background-color: transparent;
	}
	.footer-inner {
		padding: 84px 90px 25px 90px;
		background-color: #F4F3F2;
		border-radius: 5px;
	}
	.page-top {
		position: absolute;
		/* top: -30px; */
		top: -40px;
		right: 100px;
		width: 60px;
		height: 60px;
		border-radius: 30px;
		border: 1px solid #907B5B;
		background-color: #fff;
		/* transition: all .3s; */
		transition: 0.5s ease-in-out;
	}
	.page-top::before {
		/* content: ""; */
		/* position: absolute; */
		/* top: 50%; */
		/* left: 50%; */
		/* width: 12px; */
		/* height: 10px; */
		/* margin: -5px 0 0 -6px; */
		/* background: url(/img/page-top-icon.svg) 0 0 no-repeat; */
		/* background-size: 12px 10px; */
		/* transition: all .3s; */
	}
	.page-top:hover {
		/* border: 1px solid #fff; */
	}
	.page-top:hover::before {
		/* margin: -10px 0 0 -6px; */
	}
	.footer-nav-list {
		display: flex;
		justify-content: flex-end;
		margin-bottom: 32px;
		text-align: left;
	}
	.footer-nav-list li {
		position: relative;
		margin: 0 0 0 50px;
	}
	.footer-nav-list li:last-child {
		margin-bottom: 0;
	}
	.footer-nav-list li a {
		position: relative;
		display: inline-block;
	}
	.footer-nav-list li .eng {
		position: relative;
		display: block;
		font-size: 1.6rem;
		color: #4A4A4A;
		line-height: 1.8;
		letter-spacing: 0.06em;
		/* font-family: 'Roboto', sans-serif; */
		font-weight: 400;
		transition: all .3s;
	}
	.footer-nav-list li .jpn {
		position: relative;
		display: block;
		font-size: 1.1rem;
		color: #999;
		line-height: 1.4;
		letter-spacing: 0.06em;
		transition: all .3s;
	}
	.footer-nav-list .fnav01 .eng,
	.footer-nav-list .fnav01 .jpn {
		color: #907B5B;
	}
	.footer-nav-list a:hover .eng,
	.footer-nav-list a:hover .jpn {
		color: #907B5B;
	}
	.footer-snav-list {
		display: flex;
		justify-content: flex-end;
		margin: 0 0 30px;
		text-align: center;
	}
	.footer-snav-list li:first-child {
		margin: 0 10px 0 0;
	}
	.footer-snav-list li a {
		/* display: inline-block; */
		/* width: auto; */
		margin: 0 auto;
		padding: 0 50px;
		border: 1px solid #907B5B;
		border-radius: 25px;
		/* background-color: #fff !important; */
		line-height: 50px;
		/* color: #907B5B !important; */
		font-size: 1.4rem;
		text-align: center;
		transition: all .3s;
	}
	.footer-snav-list li a:hover {
		border: 1px solid #907B5B;
		background-color: #907B5B;
		color: #fff;
	}
	.footer-sns-wrap {
		position: relative;
	}
	.footer-link {
		margin-bottom: 0;
	}
	/* .footer-link:nth-child(1) {
		position: absolute;
		bottom: 0;
		right: 190px;
		margin-bottom: 0;
	} */
	/* .footer-link:nth-child(2) {
		position: absolute;
		bottom: 0;
		right: 350px;
		margin-bottom: 0;
	} */
	/* .footer-link:nth-child(3) {
		position: absolute;
		bottom: 0;
		right: 100px;
		margin-bottom: 0;
	} */
	.footer-link a {
		/* color: #907B5B; */
		font-size: 1.1rem;
		transition: all .3s;
	}
	.footer-link a:hover {
		opacity: .6;
	}
	.footer-sns-list {
		margin-bottom: 60px;
		display: flex;
		justify-content: flex-end;
	}
	.footer-sns-list li {
		display: inline-block;
		margin: 0 10px;
	}
	.footer-sns-list li.fsns01 {
		width: 24px;
		height: auto;
		margin-top: 1px;
	}
	.footer-sns-list li.fsns01 .sns-button {
		padding: 0;
	}
	.footer-sns-list li.fsns02 {
		/* width: 26px; */
		/* height: auto; */
	}
	.footer-sns-list li.fsns03 {
		/* width: 25px; */
		/* height: auto; */
		/* margin-top: 2px; */
	}
	.footer-sns-list a {
		position: relative;
		transition: all .3s;
	}
	.footer-sns-list a:hover {
		opacity: .6;
	}
	.footer-logo-area {
		position: absolute;
		bottom: 95px;
		left: 90px;
		margin: 0;
	}
	.footer-logo img {
		width: 178px;
		height: auto;
	}
	.footer-logo-tagline {
		display: block;
		margin-top: 20px;
		padding-left: 3px;
		font-size: 1.2rem;
		transform: scale(1.0);
		transform-origin: 0 0 0;
		text-align: left;
	}
	.footer-copyright {
		text-align: center;
		color: #907B5B;
		font-size: 1.0rem;
		transform: scale(1.0);
		transform-origin: 0 0 0;
	}
} /* pc end */
/* PC:1201px - */
@media only screen and (min-width: 1201px) {
	.footer-snav-list .fsnav01 a {
		padding: 10px 50px;
		border-radius: 36px;
	}
	.footer-snav-list .fsnav01 a:hover {
		background-color: #907B5B !important;
		color: #ffffff !important;
}
	.widget-footer-left.widget_media_image a img {
		max-width: 201px;
	}
} /* pc end */