@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap');

*,
::before,
::after {
	box-sizing: border-box;
	border-style: solid;
	border-width: 0;
}

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
	font-size: 10px;
}

body {
	margin: 0 auto;
	background-color: #fff;
	text-align: left;
	font-family: "Noto Sans JP", YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.6rem;
	color: #000;
	line-height: 1.5;
}

a:link,
a:visited {
	color: #FFF;
	text-decoration: none;
}

p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
	margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: inherit;
	font-weight: inherit;
	margin: 0;
	padding: 0;
}

img {
	max-width: 100%;
	height: auto;
	outline: none;
	vertical-align: middle;
}


.interview-button {
	display: inline-block;
	padding: 10px 20px 10px 30px;
	background-color: #655A3A;
	/* ボタンの背景色（通常時） */
	color: #655A3A;
	/* ボタンの文字色（通常時） */
	text-decoration: none;
	transition: all 0.2s ease-in-out;
	max-width: 240px;
	height: 48px;
	/* ホバー時のアニメーション */
}

.interview-button:hover {
	background-color: #A8955C;
	/* ボタンの背景色（ホバー時） */
	color: #fff;
	/* ボタンの文字色（ホバー時） */
}

.interview-button:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 20px;
	/* 矢印と文字の隙間 */
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 10px solid #fff;
	/* 矢印の色 */

}

.interview-button:hover:after {
	border-left: 10px solid #fff;
	/* 矢印の色 */
}

/* parts */

.margin0a {
	margin: 0 auto;
}

.marginb__30 {
	margin-bottom: 30px;
}

.padding-t__30 {
	padding-top: 30px;
}

.padding-b__10 {
	padding-bottom: 10px;
}
.padding-b__20 {
	padding-bottom: 20px;
}
.padding-b__30 {
	padding-bottom: 30px;
}

.padding-b__60 {
	padding-bottom: 60px;
}

.width800 {
	width: 800px;
}

.flex {
	display: flex;
}

.space-between {
	justify-content: space-between;
}

.flex-column {
	display: flex;
	flex-flow: column;
}

.txt-right {
	text-align: right;
}



/* footer */

.footer {
	padding: 24px;
	background-color: #2D363B;
}

.footer-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.footer .btn_back {
	padding: 8px 24px;
	background: #000;
	font-size: 1.4rem;
	font-weight: 700;
	color: #FFF;
}

.footer .btn_back span {
	position: relative;
	display: inline-block;
	padding-left: 20px;
}

.footer .btn_back span:before {
	position: absolute;
	content: "";
	width: 6px;
	height: 6px;
	border: 0;
	border-top: solid 2px #767676;
	border-left: solid 2px #767676;
	transform: rotate(-45deg);
	top: calc(50% - 3px);
	left: 0;
}

.footer .btn_back:hover {
	color: #767676;
}

.footer .btn_back span:hover:before {
	border-color: #655A3A;
}

.footer .copy {
	font-size: 1.2rem;
	color: #fff;
}

.pager {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	margin-top: 64px;
	font-size: 1.6rem;
}

.pager .num {
	display: flex;
	width: 40px;
	height: 40px;
	justify-content: center;
	align-items: center;
	border: 1px solid #655A3A;
	background: transparent;
	font-weight: 700;
	color: #655A3A;

}

.pager .num.current {
	background: #655A3A;
	color: #fff;
}

.pager .btn_next,
.pager .btn_prev {
	position: relative;
	display: flex;
	width: 120px;
	height: 40px;
	justify-content: center;
	align-items: center;
	border: 1px solid #655A3A;
	background: #655A3A;
	font-weight: 700;
	color: #fff;
}

.pager .btn_prev {
	margin-left: 16px;
}

.pager .btn_next::before,
.pager .btn_prev::before {
	position: absolute;
	content: "";
	top: -1px;
	width: 0;
	height: 0;
	border-style: solid;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
}

.pager .btn_next::before {
	right: -17px;
	border-left: 16px solid #655A3A;
	border-right: 0;
}

.pager .btn_prev::before {
	left: -17px;
	border-right: 16px solid #655A3A;
	border-left: 0;
}

.pager .num.current:hover,
.pager .btn_next:hover,
.pager .btn_prev:hover {
	border-color: #A8955C;
	background: #A8955C;
}

.pager .btn_next:hover::before {
	border-left-color: #A8955C;
}

.pager .btn_prev:hover::before {
	border-right-color: #A8955C;
}



#mainArea {
	height: 561px;
	background: url(../images/index_bg001.jpg) no-repeat 50% 0%;
}

.mainArea__wrapper {
	width: 600px;
	margin: 0 auto;
	display: flex;
	flex-flow: column;
	gap: 45px;
	text-align: left;
	padding-top: 110px;
}

.mainArea__wrapper p {
	font-family: "Noto serif JP", YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 2;
	color: #2D363B;
	width: 360px;
}

.nikoniko {
	margin-right: -100px;
}
.mainBg {
	background-color: #e1e1e1;
}
.mainBg2 {
	background-color: #fcfced;
}
.bg01 {
	background-color: #cee9f4;
	zoom: 1;
}

.fts {
	line-height: 1.6;
	font-size: 74%;
}
.ftsm {
	line-height: 1.6;
	font-size: 77%;
}
.ftn {
	color: #524c3a;
	line-height: 1.4;
	font-size: 84%;
}
.ftn02 {
	color: #000000;
	line-height: 1.4;
	font-size: 84%;
}
.ftl {
	color: #000000;
	line-height: 1.6;
	font-size: 94%;
}
.ftl02 {
	color: #000000;
	line-height: 1.4;
	font-size: 84%;
	padding: 0 14px 0 10px;
}
.ftll {
	line-height: 1.3;
	color: #fce6e6;
	font-size: 84%;
	font-weight: bold;
}

sup {
	font-size: 74%;
}

.fpho {
	margin: 0 15px 5px 0;
}
.fpho2 {
	margin: 0 0 5px 15px;
}
.topImg {
	margin-top: 15px;
}
.ftl a:hover {
	text-decoration: none;
}
.profile a:link {
	color: #524c3a;
}
.profile a:hover {
	text-decoration: none;
}
.profile a:visited {
	color: #524c3a;
}
.nico a:link {
	color: #ffffff;
	text-decoration: none;
}
.nico a:visited {
	color: #ffffff;
}
div.innerTop {
	position: relative;
}
div.innerTop p.logo {
	position: absolute;
	top: 11px;
	left: 0px;
}
.btArea {
	margin-left: 34px;
}
.bold01 {
	border-bottom: 1px solid #FFFFFF;
}
.tx01 {
	font-size: 78%;
	color: #666666;
}
.mb20 {
	margin-bottom: 20px;
}