/* PC
***************************************************  */

/** --------------------------------------------------------------------------
*** 基本設定
*** -------------------------------------------------------------------------- */
html {
	font-size: 62.5%;	/* 1rem = 10px */
}

body {
	background-color: #f9f9f4;
	scroll-behavior: smooth;
	color: #1a2042;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	color: #000000;	/* ▲初校後調整 */
	background-color: #fffffa;	/* ▲初校後調整 */
}

p {
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 2.1;
}

.jpgothic {
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}

.enfont {
	font-family: "Cormorant Garamond", serif;
}

h1,
h2,
h3,
h4 {
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}


/** --------------------------------------------------------------------------
*** 共通効果
*** -------------------------------------------------------------------------- */
a {
	transition: 0.16s;
}

a:hover {
	opacity: 0.45;
}

img {
	display: block;
}


/** --------------------------------------------------------------------------
*** 色設定
*** -------------------------------------------------------------------------- */
.bgclr_sub {
	background-color: #f3f2eb;
}

.bgclr_flow {
	background-image: linear-gradient(90deg, rgba(243, 242, 235, 1) 37%, rgba(249, 249, 244, 1) 37%);
}

.txtclr_gold {
	color: #be9d76;
	color: #b38247;	/* ▲初校後調整 */
}


/** --------------------------------------------------------------------------
*** 共通設定
*** -------------------------------------------------------------------------- */
.total_container {
	margin-top: 80px;
}

.fstp_contentbox {
	width: 1100px;
	margin: 0 auto;
	padding: 120px 0 180px;
}

.posi_relative {
	position: relative;
}

.posi_absolute {
	position: absolute;
}

.h2en {
	color: #be9d76;
	font-size: 2.4rem;
	letter-spacing: 0.2rem;
	text-align: center;
	color: #b38247;	/* ▲初校後調整 */
	letter-spacing: 0.3rem;	/* ▲初校後調整 */
}

h2 {
	color: #1a2042;
	font-size: 3.8rem;
	letter-spacing: 0.4rem; 
	text-align: center;
	padding-top: 10px;
}

.h2uline {
	width: 60px;
	margin: 26px auto 70px;
}

.h2uline_g {
	background-color: #be9d76;
	height: 1px;
}

.h2uline_b {
	background-color: rgb(26, 32, 66, .55);
	height: 1px;
	margin-top: 3px;
}


/** --------------------------------------------------------------------------
*** ピンポイント（調整）設定
*** -------------------------------------------------------------------------- */
.wi82p {
	width: 82%;
}

.wi900p {
	width: 900px;
}

.wi1500p {
	width: 1500px;
}

.ma_top0 {
	margin-top: 0px!important;
}

.ma_btm0 {
	margin-bottom: 0px!important;
}

.pa_btm0 {
	padding-bottom: 0px!important;
}

.font_wei500 {
	font-weight: 500;	/* ▲初校後調整 */
}


/** --------------------------------------------------------------------------
*** フェードイン演出 ▲使用しない場合もあり
*** -------------------------------------------------------------------------- */
/* CSSではスタートの場所などを設定 opacity透明度 visibility可視性 transform移動距離 */
/* どれだけスクロールしてから発動するかの設定は、headerにて */

.fadein {	/* 下から上にフェードイン、最初は非表示 */
	opacity: 0;
	visibility: hidden;
	transform: translateY(30px);
	transition: opacity 1.5s, visibility 1.6s, transform 1.5s;
}

.is-fadein {	/* フェードイン時に自動で振られるクラス */
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
}

.fadein2 {	/* 左から右にフェードイン、最初は非表示 */
	opacity: 0;
	visibility: hidden;
	transform: translateX(-20px);
	transition: opacity 1.5s, visibility 1.6s, transform 1.5s;
}

.is-fadein2 {	/* フェードイン時に自動で振られるクラス */
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.fadein3 {	/* 右から左にフェードイン、最初は非表示 */
	opacity: 0;
	visibility: hidden;
	transform: translateX(30px);
	transition: opacity 1.5s, visibility 1.6s, transform 1.5s;
}

.is-fadein3 {	/* フェードイン時に自動で振られるクラス */
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

/** -------------------- その場で表示（時間差）  */
.ani1 {	/* 0.3秒後にフェードイン */
	animation-name: ani1;
	animation-delay: 300ms;			/* アニメーションの開始時間 */
	animation-duration: 1.8s;		/* アニメーションが開始してから終了するまでの時間 */
	animation-fill-mode: forwards;	/* アニメーションが終了した状態で維持 */
	transform: translateY(0px);	/* アニメーション対象のスタート位置 */
	opacity: 0;
}
@keyframes ani1 {
	0% {
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

.ani2 {	/* 0.7秒後にフェードイン */
	animation-name: ani2;
	animation-delay: 700ms;
	animation-duration: 1.87s;
	animation-fill-mode: forwards;
	transform: translateY(0px);
	opacity: 0;
}
@keyframes ani2 {
	0% {
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

.ani3 {	/* 1.1秒後にフェードイン */
	animation-name: ani3;
	animation-delay: 1100ms;
	animation-duration: 1.8s;
	animation-fill-mode: forwards;
	transform: translateX(0px);
	opacity: 0;
}
@keyframes ani3 {
	0% {
	}
	100% {
		transform: translateX(0);
		opacity: 1;
	}
}

.ani4 {	/* 1.8秒後にフェードイン */
	animation-name: ani4;
	animation-delay: 1800ms;
	animation-duration: 2.1s;
	animation-fill-mode: forwards;
	transform: translateX(0px);
	opacity: 0;
}
@keyframes ani4 {
	0% {
	}
	100% {
		transform: translateX(0);
		opacity: 1;
	}
}


/** --------------------------------------------------------------------------
*** ヘッダー
*** -------------------------------------------------------------------------- */
#header_pc {
	width: 100%;
	background-color: #1a2042;
	position: fixed;
	top: 0;
	z-index: 999;
}

.h_menu {
	display: flex;
	/*	align-items: center;	*/
	justify-content: space-between;
}

.h_menu a {
	color: #ffffff;
	font-size: 1.5rem;
	font-size: 1.55rem;	/* ▲初校後調整 */
}

.h_menul {
	margin-left: 3.5%;
}

.h_menur {
	margin-right: 0;
}

#nav_pc {
	display: flex;
}

#nav_pc li {
	padding: 0rem 2.0rem;
}

#nav_pc li:nth-last-child(2) {
	padding-right: 4.0rem;
}

#nav_pc li:last-child {
	background-image: linear-gradient(0deg, rgba(150, 126, 98, 1) 15%, rgba(190, 157, 118, 1) 70%);
	padding: 0rem 2.5rem;
}

.nav_pcli {
	display: table;
	height: 80px;
}

.nav_pcli a {
	display: table-cell;
	vertical-align: middle;
}

a.toph1icon:hover,
a.companyname:hover {
	opacity: 0.45;
}

.toph1icon img,
.companyname img {
	top: 15.5px;
}

/** -------------------- ヘッダー（プルダウン要素）  */
.dropdown__lists {
	display: none;	/* デフォルトでは非表示の状態にしておく */
	position: absolute;	/* 親となるliをrelativeにしておくこと！ */
	top: 80px;
	left: 0;
	/*	width: 150%;	親となるliに対しての設定＝親liごと可変になってしまう */
	width: 200px;	/* 親liに関係なく固定値 */
}

.nav_pcli:hover .dropdown__lists {
	display: block;	/* Gナビメニューにホバーしたら表示 */
}

.dropdown__list {	/* プルダウンメニューの初期設定 */
	background-color: #1a2042;
	height: 50px;
	position: relative;
	/*	transition: all .3s;	*/
}

/*	.dropdown__list:not(:first-child)::before {	区切り線の設定（1番上は非設定のパターン）}	*/
.dropdown__list::before {	/* 区切り線の設定（1番上も設定） */
	content: "";
	width: 100%;
	height: 1px;
	background-color: #f3f2eb;
	position: absolute;
	top: 0;
	left: 0;
}

.dropdown__list a {	/* ホバー無し状態のプルダウン */
	display: flex;
	/*	justify-content: center;
		align-items: center;
		text-decoration: none;
		vertical-align: middle;	*/
	color: #ffffff;
	font-size: 1.45rem;
	position: relative;
	padding-top: 15px;
}

.dropdown__list:hover {
	background-color: #283166;
	/* color: #ffffff; */
}

.dropdown__list a:hover {
	opacity: 1.0;
}

.dropdown__listlast {
	background-image: none!important;
	padding-left: 2.0rem!important;
}

/*	
リンクテキストの隣に＞マーク
	.dropdown__list a::before {
		content: '';
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #fff;
		border-left: 2px solid #fff;
		transform: rotate(135deg);
		position: absolute;
		right: 15px;
		top: calc(50% - 5px);
	}
*/


/** --------------------------------------------------------------------------
*** フッター
*** -------------------------------------------------------------------------- */
#fstp_footer {
	background-color: #e0d0c2;
	color: #000000;
}

.footerbox {
	padding: 90px 27% 0;
}

.footer_head {
	width: fit-content;
	margin: 0 auto;
	text-align: center;
}

.footer_head p {
	margin-top: 25px;
	letter-spacing: 0.1rem;
	font-size: 1.6rem;	/* ▲初校後調整 */
}

.footer_info {
	display: flex;
	justify-content: space-evenly;
	border-top: 1px solid #1a2042;
	border-bottom: 1px solid #1a2042;
	padding: 30px 0;
	margin-top: 30px;
}

.footer_info li {
	text-align: center;
}

.f_infoline {
	width: 1px;
	height: 100%;
	background-color: #1a2042;
}

.f_infotitle {
	color: #a76a23;
	font-size: 1.7rem;
	font-size: 1.85rem;	/* ▲初校後調整 */
}

.f_infotel {
	font-size: 3.6rem;
	letter-spacing: 0.3rem;
	line-height: 1.6;
}

.f_infocap {
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	font-size: 1.3rem;
}

.footer_info img {
	margin: 5px 0 6px;
}

.footer_nav {
	margin-top: 30px;
}

.footer_nav ul {
	display: flex;
	justify-content: space-evenly;
	font-size: 1.5rem;
	font-size: 1.55rem;	/* ▲初校後調整 */
	letter-spacing: 0.1rem;	/* ▲初校後調整 */
}

.footer_nav ul:last-child {
	margin-top: 15px;
}

.footer_cr {
	font-size: 1.2rem;
	letter-spacing: 0.08rem;
	text-align: center;
	padding: 60px 0 20px;
}


/** --------------------------------------------------------------------------
*** top/ 1stビュー、共通
*** -------------------------------------------------------------------------- */
.top1v_img {
	width: 100%;
}

.top_h2pac {
	left: 10%;
	top: 30%;
}

.top_h2en {
	color: #be9d76;
	font-size: 13.6rem;
	font-weight: 400;
	letter-spacing: 0.25rem;
	line-height: 0;
	padding-bottom: 110px;
	text-shadow: 8px 8px 14px #ffffff, -8px 8px 14px #FFFFFF, 8px -8px 14px #ffffff, -8px -8px 14px #FFFFFF;
}

.top_h2jp {
	color: #1a2042;
	font-size: 4.4rem;
	text-shadow: 1px 3px 13px #ffffff, -1px 3px 13px #FFFFFF, 1px -3px 13px #ffffff, -1px -3px 13px #FFFFFF;
	font-weight: 500;
	letter-spacing: 0.2rem;
}

.top_h3en {
	color: #be9d76;
	font-size: 2.4rem;
	letter-spacing: 0.2rem;
	text-align: center;
	color: #b38247;	/* ▲初校後調整 */
	letter-spacing: 0.3rem;	/* ▲初校後調整 */
}

h3.top_h3jp {
	color: #1a2042;
	font-size: 3.8rem;
	letter-spacing: 0.4rem;
	text-align: center;
	padding-top: 10px;
}


/** --------------------------------------------------------------------------
*** top/ message
*** -------------------------------------------------------------------------- */
.messagetxt p {
	font-size: 1.9rem;
	line-height: 2.25;
	font-size: 1.95rem;	/* ▲初校後調整 */
	line-height: 2.4;	/* ▲初校後調整 */
	font-size: 2.1rem;	/* ▲二校後調整 */
	line-height: 2.5;	/* ▲二校後調整 */
}

.messagebird {
	right: -70px;
	bottom: -70px;
	mix-blend-mode: multiply;
	opacity: 0.10;
	bottom: -125px;	/* ▲二校後調整 */
}

.top_morebtn {
	display: block;
	margin-top: 5px;
	color: #1a2042;
	margin-top: 20px;	/* ▲二校後調整 */
}

.top_morebtn ul {
	display: flex;
	align-items: center;
}

.top_morebtn li:first-child {
	width: 40px;
	background-color: #be9d76;
	height: 1px;
	margin-right: 14px;
}

.top_morebtn li:last-child {
	width: fit-content;
	font-family: "Cormorant Garamond", serif;
	font-size: 1.5rem;
	font-size: 1.7rem;	/* ▲二校後調整 */
	font-weight: 500;	/* ▲二校後調整 */
}


/** --------------------------------------------------------------------------
*** top/ menugrid
*** -------------------------------------------------------------------------- */
.top_menugrid_ul {
	display: flex;
	justify-content: space-between;
	margin-bottom: 80px;
}

.top_menugrid_ul li {
	width: 720px;
}

.menugridimg {
	padding-bottom: 30px;
}

.topgridh3line {
	margin-bottom: 50px;
}

.menugridtxt {
	width: 84%;
	margin: 0 auto;
}

.menugridtxt h4 {
	color: #be9d76;
	font-size: 1.95rem;
	text-align: center;
	margin-bottom: 20px;
	color: #b38247;	/* ▲初校後調整 */
	letter-spacing: 0.1rem;	/* ▲初校後調整 */
	line-height: 1.8;	/* ▲初校後調整 */
	font-size: 2.1rem;	/* ▲二校後調整 */
	margin-bottom: 25px;	/* ▲二校後調整 */
}

.menugridtxt p {
	font-size: 1.65rem;	/* ▲二校後調整 */
}


/** --------------------------------------------------------------------------
*** top/ pickup
*** -------------------------------------------------------------------------- */
.topnews_loopbox {
	border-bottom: 1px solid rgb(26, 32, 66, .4);
	padding: 0 4% 26px;
	margin-bottom: 26px;
}

.topnews_loopbox a {
	color: #1a2042;
}

.topnews_loopbox ul.topnews_lp_cate a {
	color: #000000;	/* ▲初校後調整 */
	font-weight: 500;	/* ▲二校後調整 */
}

.topnews_loopbox ul {
	display: flex;
	align-items: center;
}

.topnews_lp_time {
	color: #be9d76;
	font-family: "Cormorant Garamond", serif;
	font-size: 1.8rem;
	font-weight: 500;
	letter-spacing: 0.2rem;
	color: #b38247;	/* ▲初校後調整 */
	font-size: 1.85rem;	/* ▲初校後調整 */
}

.topnews_lp_cate {
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	font-size: 1.32rem;
	padding-top: 4px;
	font-size: 1.35rem;	/* ▲二校後調整 */
}

.topnews_lp_cate li {
	margin-left: 2.0rem;
}

.topnews_lp_title {
	font-size: 1.7rem;
	letter-spacing: 0.04rem;
	margin-top: 15px;
	display: inline-block;
	font-size: 1.8rem;	/* ▲初校後調整 */
	margin-top: 35px;	/* ▲二校後調整 */
	margin-bottom: 20px;	/* ▲二校後調整 */
	font-size: 2.1rem;	/* ▲二校後調整 */
}

.top_morebtn_r {
	width: fit-content;
	margin-left: auto;
	margin-right: 4%;
}

.topcolumn_pac {
	margin-top: 90px;
}

.topcolumn_looppac {
	border-bottom: 1px solid rgb(26, 32, 66, .4);
	padding-bottom: 50px;
	margin-bottom: 26px;
}

div.topcolumn_custom {
	width: 28%;
	margin: 0 2.666%;
}


/** --------------------------------------------------------------------------
*** top/ contact
*** -------------------------------------------------------------------------- */
.topcontact_pac {
	width: fit-content;
    margin: 0 auto;
}


/** --------------------------------------------------------------------------
*** sub/ 共通（メインビジュアル～パンくず）
*** -------------------------------------------------------------------------- */
.sub_h1pac {
	left: 12%;
	top: 42%;
}

.h1en {
	color: #be9d76;
	font-size: 4.8rem;
	font-weight: 300;
	letter-spacing: 0.4rem;
	line-height: 0;
	padding-bottom: 28px;
	text-shadow: 1px 1px 10px #ffffff, -1px 1px 10px #FFFFFF, 1px -1px 10px #ffffff, -1px -1px 10px #FFFFFF;
}

.sub_h1pac h1 {
	color: #1a2042;
	font-size: 5.7rem;
	text-shadow: 1px 3px 13px #ffffff, -1px 3px 13px #FFFFFF, 1px -3px 13px #ffffff, -1px -3px 13px #FFFFFF;
}

.pan_nav {
	height: 45px;
	padding-left: 12%;
	display: table;
	border-bottom: 1px solid rgba(26, 32, 66, .25);
}

.pan_nav p {
	font-size: 1.3rem;
	line-height: 0;
	display: table-cell;
	vertical-align: middle;
	width: 100vw;
	margin: 0 calc(50% - 50vw);
	font-size: 1.35rem;	/* ▲初校後調整 */
}


/** --------------------------------------------------------------------------
*** sub/ about - profile
*** -------------------------------------------------------------------------- */
.profile_ul {
	display: flex;
}

.profile_ul li:first-child {
	width: fit-content;
	margin-right: 80px;
}

.katagaki {
	font-size: 1.8rem;
	line-height: 1.7;
	font-weight: 500;	/* ▲初校後調整 */
}

.fullname {
	display: flex;
	border-bottom: 1px solid #be9d76;
	margin-bottom: 3.0rem;
}

.fullname li {
	display: table;
}

.fullname li:first-child {
	margin-right: 1.0rem;
}

.fullname li:first-child p {
	font-size: 4.9rem;
	letter-spacing: 1.7rem;
	display: table-cell;
}

.fullname li:last-child p {
	font-size: 2.0rem;
	display: table-cell;
	vertical-align: middle;
	padding-top: 2.0rem;
}

.keireki {
	font-size: 1.45rem;
}

.officialmark {
	display: flex;
	margin-top: 4.0rem;
}

.officialmark li:first-child {
	margin-right: 3.0rem;
}

.officialmark img {
	width: 200px;
}

.profile_greeting {
	background-color: #fafafa;
	border: 1px solid #be9d76;
	border-radius: 6px;
	padding: 50px 80px;
	margin-top: 6.0rem;
	background-color: #ffffff;	/* ▲初校後調整 */
}

.profile_greeting p {
	font-size: 1.9rem;
	line-height: 2.25;
	line-height: 2.4;	/* ▲初校後調整 */
}

.greeting_end {
	text-align: center;
	padding-top: 1.8rem;
	padding-top: 2.6rem;	/* ▲初校後調整 */
}


/** --------------------------------------------------------------------------
*** sub/ about - office
*** -------------------------------------------------------------------------- */
.office_img {
	width: fit-content;
	margin: 0 auto;
	padding: 30px 0 50px;
}

.office_info {
	border-top: 1px solid #be9d76;
	font-size: 1.5rem;
	font-size: 1.65rem;	/* ▲三校後調整 */
	line-height: 2.1;
}

.office_info dl {
	display: flex;
	padding: 3.0rem 3.0rem 3.0rem 6.0rem;
	border-bottom: 1px solid rgb(190, 157, 118, .4);
}

.office_info dt {
	width: 30%;
}

.office_info dd {
	width: 70%;
}

.nintei {
	display: flex;
}

.nintei li:first-child {
	margin-right: 8px;
}

.nintei li:last-child {
	padding-top: 9px;
}

dl.komon {
	padding: 4.0rem 3.0rem 4.0rem 6.0rem;
	border-bottom: 1px solid #be9d76;
}

.komon ul {
	display: flex;
}

.komon li:first-child {
	margin-right: 40px;
}

.komonkatagaki,
.komoninfo {
	font-size: 1.4rem;
}

.komonkatagaki {
	line-height: 1.2;
}

.komonname {
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-size: 2.0rem;
	letter-spacing: 0.7rem;
}

.komoninfo {
	line-height: 1.85;
	line-height: 2.0;	/* ▲初校後調整 */
}

.komonkobayashi {
	margin-top: 40px;
}


/** --------------------------------------------------------------------------
*** sub/ speciality - intro
*** -------------------------------------------------------------------------- */
.s_introimg {
	width: auto;
	margin: 0 auto;
}

.s_introh {
	font-size: 4.8rem;
	line-height: 1.5;
	text-align: center;
	margin-top: 50px;
	color: #1a2042;	/* ▲初校後調整 */
}

.s_introtxt {
	font-size: 2.0rem;
	margin-top: 50px;
}


/** --------------------------------------------------------------------------
*** sub/ speciality - content
*** -------------------------------------------------------------------------- */
.s_contentnum {
	width: auto;
	margin: 0 auto;
}

.s_contentpac h2 {
	font-size: 4.0rem;
	padding-top: 50px;
}

.s_contentcap {
	font-size: 2.8rem;
	text-align: center;
	padding-top: 20px;
}

.s_contentpac ul {
	display: flex;
	justify-content: space-around;
	margin-top: 60px;
}

.s_contentpac li {
	width: 45%;
}

.toku {
	border: 1px solid #1a2042;
	border-radius: 10px;
}

.tsuyo {
	border: 1px solid #be9d76;
	border-radius: 10px;
	background-color: #ffffff;	/* ▲二校後調整 */
}

.s_contenttitle {
	font-size: 2.4rem;
	text-align: center;
	padding: 30px 30px 15px 30px;
	font-size: 2.5rem;	/* ▲初校後調整 */
}

.s_contenttxt {
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	padding: 0 30px 30px 30px;
	font-size: 1.55rem;	/* ▲初校後調整 */
	font-size: 1.65rem;	/* ▲三校後調整 */
	font-weight: 500;	/* ▲初校後調整 */
	letter-spacing: 0.1rem;	/* ▲初校後調整 */
	padding: 0 40px 30px 45px;	/* ▲初校後調整 */
}


/** --------------------------------------------------------------------------
*** sub/ works
*** -------------------------------------------------------------------------- */
.works_pac {
	display: flex;
}

.works_imgl {
	z-index: 5;
}

.works_infor {
	background-image: url("img/bg_works.png");
	width: 788px;
	border-radius: 20px;
	margin-top: 60px;
	margin-left: -75px;
}

.works_infol {
	background-image: url("img/bg_works.png");
	width: 788px;
	border-radius: 20px;
	margin-top: 60px;
	margin-right: -75px;
}

.works_imgr {
}

.works_infobox {
	padding: 60px 160px;
}

.works_infoh {
	width: auto;
	margin: 0 auto;
}

.works_infobox p {
	color: #ffffff;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	padding: 30px 0;
	font-weight: 500;	/* ▲初校後調整 */
}

.works_infobox a {
	display: inline-block;
}

.works_infobox h2 {
	padding-top: 0px;
}


/** --------------------------------------------------------------------------
*** sub/ works - more(all)
*** -------------------------------------------------------------------------- */
.worksmore_intro p {
	font-size: 2.0rem;
}

.worksmore_img {
	width: fit-content;
	margin: 0 auto 40px;
}

.worksmore_bigtxt {
	width: fit-content;
	margin: 0 auto 50px;
}

.worksmore_bigtxt p {
	font-size: 4.8rem;
	line-height: 1.7;
	color: #1a2042;	/* ▲初校後調整 */
}

.womo_cont_fukidashi {
	width: fit-content;
	margin: 0 auto;
}

.scrolldown {
	background-color: #f3f2eb;
	padding-bottom: 90px;
}

.womo_cont_pac {
	width: 720px;
	margin: 0 auto;
}

.womo_cont_box {
	background-color: #fafafa;
	border: 1px solid #be9d76;
	border-radius: 20px;
	padding: 40px 100px;
	margin-bottom: 110px;
	padding: 40px 115px;	/* ▲初校後調整 */
}

.womo_cont_box p {
	color: #be9d76;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	font-size: 1.65rem;	/* ▲初校後調整 */
	font-weight: 500;	/* ▲初校後調整 */
	color: #b38247;	/* ▲初校後調整 */
}

.womo_cont_box h3 {
	color: #0d1d3b;
	font-size: 3.2rem;
	text-align: center;
	margin-bottom: 2.2rem;
	color: #000000;	/* ▲初校後調整 */
}

.checkicon {
	top: 15px;
	left: 45px;
}

.checkwoman {
	bottom: -20px;
	right: 20%;
}

/** -------------------- 縦線アニメーション  */
#scrolldownline {
	height: 120px;
	overflow: hidden
}

#scrolldownline:after{
	content: "";
	display: block;
	width: 1px;
	border-left:1px solid #1a2042;
	animation:scroll 4.0s ease 0s infinite normal;
	margin: 0 auto 0;
}

@keyframes scroll{
	0% {
		height: 0;
	}
	50% {
		height: 120px;
		margin-top: 0;
	}
	100% {
		margin-top: 120px;
		height: 120px;
	}
}


/** --------------------------------------------------------------------------
*** sub/ flow
*** -------------------------------------------------------------------------- */
.flow_ul {
	display: flex;
	margin-bottom: 180px;
}

.flow_ul p {
	font-size: 1.55rem;	/* ▲初校後調整 */
	font-weight: 500;	/* ▲初校後調整 */
	font-size: 1.7rem;	/* ▲二校後調整 */
}

.flow_ul li:first-child {
	margin-right: 80px;
}

.flow_ul h2 {
	font-size: 3.6rem;
    letter-spacing: 0.1rem;
    text-align: left;
    padding-top: 25px;
    padding-bottom: 25px;
}

.flow_faq {
	width: fit-content;
	margin: 0 auto;
	margin-top: 120px;
}


/** --------------------------------------------------------------------------
*** sub/ faq - index
*** -------------------------------------------------------------------------- */
.faqintro {
	font-size: 2.0rem;
	margin-bottom: 60px;
}

.faq_indexbox {
	border: 1px solid #be9d76;
	border-radius: 8px;
	padding: 30px 50px;
}

.faq_indexbox a {
	color: #be9d76;
	font-size: 1.6rem;
	line-height: 2.2;
	color: #b38247;	/* ▲初校後調整 */
	font-size: 1.65rem;	/* ▲初校後調整 */
}

a.faqanchor{
    display: block;
    padding-top: 160px;
    margin-top: -160px;
}

.faqindexcate {
	margin-top: 12px;
	margin-top: 22px;	/* ▲初校後調整 */
	font-size: 1.55rem;	/* ▲初校後調整 */
}


/** --------------------------------------------------------------------------
*** sub/ faq - answer
*** -------------------------------------------------------------------------- */
.faq_answerbox {
	background-color: #fafafa;
	padding: 40px 50px;
	margin-bottom: 80px;
}

.faq_img {
	width: 40px;
	margin: 0 auto;
	padding: 0 0 30px;
}

.faq_answerbox h3 {
	font-size: 2.0rem;
	color: #be9d76;
	margin-bottom: 15px;
	font-size: 2.1rem;	/* ▲初校後調整 */
	color: #b38247;	/* ▲初校後調整 */
	margin-bottom: 25px;	/* ▲初校後調整 */
}

.faqindexup {
	text-align: center;
	margin-top: 20px;
}


/** --------------------------------------------------------------------------
*** sub/ archives(news,column) - (全)一覧共通
*** -------------------------------------------------------------------------- */
.post_archive_ul {
	display: flex;
}

.post_archive_lil {
	width: 640px;
}

.post_archlil_looppac {
	display: flex;
	flex-wrap: wrap;
}

.post_arch_pac {
	width: 260px;
	margin: 0 30px 60px;
}

.post_arch_thumb img {
	width: 260px;
	/*	height: 200px;	*/
	height: 180px;
	object-fit: cover;
	border-radius: 6px;
}

.post_arch_time {
	color: #be9d76;
	font-family: "Cormorant Garamond", serif;
	font-size: 1.8rem;
	font-weight: 500;
	letter-spacing: 0.2rem;
	padding: 4px 0;
	color: #b38247;	/* ▲初校後調整 */
	font-size: 1.85rem;	/* ▲初校後調整 */
}

.post_arch_title {
	color: #1a2042;
	font-size: 1.7rem;
	line-height: 1.6;
	font-size: 1.8rem;	/* ▲初校後調整 */
	font-size: 2.1rem;	/* ▲二校後調整 */
}

.post_arch_catbox ul {
	display: flex;
	flex-wrap: wrap;
	margin-top: 5px;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	font-size: 1.3rem;
	font-size: 1.35rem;	/* ▲二校後調整 */
}

.post_arch_catbox li {
	margin-top: 6px;
	margin-right: 10px;
	border-bottom: 1px solid rgb(26, 32, 66, .55);
}

.post_arch_catbox a {
	color: #1a2042;
	color: #000000;	/* ▲初校後調整 */
}

.obake {
	display: none;
}

/** -------------------- ページネーション  */
.pagenavi_box {
	width: fit-content;
	margin: 20px auto 0;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	font-size: 1.5rem;
}

.pagenavi_img {
	width: 32px;
	margin: 0 auto 40px;
}

a.page-numbers {
	color: #1a2046;
	padding: 2px 6px;
	margin: 0 0.6rem;
}

span.current {
	padding: 2px 6px;
	margin: 0 0.8rem;
	border-bottom: 1px solid #be9d76;
}

a.prev {
	margin: 0 0.6rem 0 0;
}

a.next {
	margin: 0 0 0 0.6rem;
}

/** -------------------- サイドメニュー  */
.post_archive_lir {
	margin-left: 60px;
}

.post_side_img {
	width: 32px;
	margin: 0 auto;
}

.post_side_h {
	font-size: 1.9rem;
	margin-top: 10px;
	text-align: center;
}

.post_side_ul {
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	font-size: 1.4rem;
}

.post_side_ul li {
	margin-top: 6px;
}

.post_side_bymonth {
	margin-top: 60px;
}


/** --------------------------------------------------------------------------
*** sub/ single(news,column) - (全)一覧共通
*** -------------------------------------------------------------------------- */
p.singlepage_h1 {
	color: #1a2042;
	font-size: 5.7rem;
	text-shadow: 1px 3px 13px #ffffff, -1px 3px 13px #FFFFFF, 1px -3px 13px #ffffff, -1px -3px 13px #FFFFFF;
	line-height: inherit;
	font-family: "Shippori Mincho", serif;
}

p.singlepage_h2 {
	color: #1a2042;
	font-size: 3.8rem;
	letter-spacing: 0.4rem;
	text-align: center;
	padding-top: 10px;
	line-height: inherit;
}

.post_single_time {
	font-size: 2.6rem;
}

h1.post_single_title {
	font-size: 3.2rem;
	margin-bottom: 20px;
}

.post_single_cat {
	margin-bottom: 35px;
	line-height: 2.2;
}

.post_single_cat a {
	background-color: #1a2042;
	margin-right: 10px;
	padding: 2px 12px;
	font-size: 1.30rem;
	color: #ffffff;
	border-radius: 3px;
	white-space: nowrap;
}

.post_single_body p {
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	font-size: 1.6rem;
	line-height: 2.2;
}


/** --------------------------------------------------------------------------
*** sub/ single(column) 
*** -------------------------------------------------------------------------- */
.post_column_body hr {
	border-top: 1px solid;
}

.post_column_body h2 {
	background-color: #be9d76;
	color: #ffffff;
	font-size: 2.5rem;
	letter-spacing: 0.08rem;
	text-align: left;
	padding: 10px 20px;
	border-radius: 4px;
	margin-top: 40px;
	margin-bottom: 20px;
}

.post_column_body h3 {
	border-bottom: solid 1px #1a2042;
	position: relative;
	font-size: 2.05rem;
	color: #b38247;
	padding-bottom: 8px;
	margin-top: 22px;
	margin-bottom: 14px;
}

.post_column_body h3:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 1px #be9d76;
	bottom: -1px;
	width: 16%;
}

.post_column_body h5 {
	color: #b38247;
	font-size: 1.7rem;
	margin-top: 10px;
}

.post_single_column_thumb {
	margin-bottom: 40px;
}

.post_single_column_thumb img {
	max-width: 90%;
	height: auto;
	border-radius: 6px;
	margin: 0 auto;
}


/** --------------------------------------------------------------------------
*** sub/ pp
*** -------------------------------------------------------------------------- */
.pp_box h3 {
	color: #1a2042;
	font-size: 1.7rem;
	font-weight: 500;
	margin-bottom: 8px;
}

.pp_box p {
	margin-bottom: 30px;
}


/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
#header_sp {
	display: none;
}

#sp_on900 {
	display: none;
}

#sp_on768 {
	display: none;
}

#sp_on549 {
	display: none;
}