@charset "utf-8";
/* CSS Document */

/*------共通ヘッダー用------*/
body {
	font-family: メイリオ, Meiryo, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Hiragino Sans, ヒラギノ角ゴシック, Arial, sans-serif;
	box-sizing: border-box;
}

p.lead {
	font-size: 14px!important;
    color: #000;
}

a#siteChangeLink {
	color: #006bcd;
	text-decoration: none;
}
a#siteChangeLink:hover {
	color: #349EFF;
}

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

.tok_header {
	padding: 12px 18px;
	background: #F9F0DC;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: Noto Sans JP, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
}
@media screen and (min-width: 1000px) {
.tok_header {
	padding: 20px 80px;
}
}

.h_bg {
	max-width: 70.625rem;
	width: 100%;

}

.h_upper {
	padding: 0;
	width: 100%;
}

p.sp_title {
	padding-bottom: 0.4rem;
	font-size: clamp(0.875rem, 0.784rem + 0.45vw, 1.125rem);
}
@media screen and (min-width: 1000px) {
	p.sp_title {
		display: none;
	}
}

.h_top {
	display: flex;
	justify-content: space-between;
	align-items: center;

}

.top_box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex: none;
}

.header_logo {
	width: 165px;
	padding-bottom: 6px;
}
@media screen and (min-width: 1000px) {
	.header_logo {
		width: 238px;
	}
}

.pc_title {
	font-family: Noto Sans JP, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
	font-size: .95rem;
	padding-left: 2.375rem;
	display: none;
}
@media screen and (min-width: 1000px) {
	.pc_title {
		display: block;
		flex-grow: 1;
	}
}

button.A {
	border-radius: 9999px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	line-height: inherit;
	border: none;
	background: #fff;
	width: 38px;
	height: 38px;
	padding: 8px;
}
@media screen and (min-width: 768px) {
button.A {
	width: 47px;
	height: 47px;
}
}
@media screen and (min-width: 1000px) {
button.A {
	width: 60px;
	height: 60px;
	padding: 16px;
}
}

.menu_button {
	display: inline-block;
	width: 1.25rem;
	vertical-align: middle;
}


img#tokbtn_close {
	width: 20px;
	height: 20px;
}

img#tokbtn_open {
	width: 22px;
	height: 32px;
}

img#tokbtn_close,
img#tokbtn_open {
	cursor: pointer;
}

@media screen and (min-width: 768px) {
	img#tokbtn_open {
		width: 27px;
		height: 40px;
	}
	img#tokbtn_close {
		width: 25px;
		height: 25px;
	}
}
@media screen and (min-width: 1000px) {
	img#tokbtn_open {
		width: 28px;
		height: 32px;
	}
	img#tokbtn_close {
		width: 20px;
		height: 20px;
	}
}

.A{
    display: inline-block;
}

.h_bottom {
	position: absolute;
	left: 0px;
	width: 100%;
	min-width: 320px;
	background: #F9F0DC;
	z-index: 1;
	margin-top: 4px;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
}
@media screen and (min-width: 767px) and (max-width: 868px) {
	.h_bottom {
		width: 850px;
}
}

.hidden {
	display: none;
}

.menu_inner {
	padding: 1.25rem;
}
@media screen and (max-width: 480px) {
.menu_inner {
	padding: 10px 25px;
}
}

.menu_text {
	background: #fff;
	border-radius: 1rem;
	max-width: 1024px;
	min-width: 240px;
	margin: 0.75rem auto 3rem;

}

.text_inner {
	padding: 1.5rem 1.25rem;
}
@media screen and (min-width: 1000px) {
.text_inner {
	padding-left: 5rem;
	padding-right: 5rem;
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
}
}
/*
@media screen and (max-width: 480px) {
.text_inner {
	padding: 30px 25px;
}
}*/


.text_inner ul {
	margin: 0;
	padding: 0;
}

.menu_list {
	display: flex;
	padding: 1rem 0.75rem;
	align-items: center;
}
@media screen and (max-width: 480px) {
	.menu_list {
		padding: 0.75rem 0;
	}
}

a.menu_list {
	text-decoration: none;
}

.menu_list:hover .list_icon_bg {
	background: #ffc57e;
}

.list_icon_bg {
	background: #FFC0A8;
	border-radius: 9999px;
	width: 1.75rem;
	height: 1.75rem;
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 28px;
	min-height: 28px;
}

.list_icon {
	height: 10px;
}

@media screen and (min-width: 768px) and (max-width: 999px) {
.list_icon_bg {
	width: 42px;
	height: 42px;
}

.list_icon {
	height: 15px;
}
}

.list_text {
	font-size: .95rem;
	font-weight: 700;
	margin-left: 1rem;
	display: flex;
	align-items: center;
	color: #333;
}
@media screen and (max-width: 767px) {
.list_text {
	font-size: 14px;
}
}
@media screen and (min-width: 768px) and (max-width: 999px) {
.list_text {
	font-size: 22px;
}
}
/*
@media screen and (min-width: 360px) {
	.br-01 {
		display: none;
}
}
*/
.list_hr {
	display: none;
}
@media screen and (min-width: 1000px) {
.list_hr {
	display: block;
	margin: 0 0.75rem;
	background: #d1d5db;
	border: none;
	height: 1px;
}
}

#tok_footer,
.f_upper,
.f_bottom,
.f_cr {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	font-family: Noto Sans JP, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
	color: RGB(31, 41, 55);

}

.tok_footer {
	flex-direction: column;

}

.f_upper {
	margin: 40px 0 16px;
}

.f_upper a {
	transition: color .2s;
	cursor: pointer;
}

.f_upper a:hover {
	opacity: .8;
}

.f_upper a:last-of-type {
	margin-left: 20px;
}

.f_upper a img {
	transition: opacity .2s;
}

.f_bottom {
	padding: 4px;
  box-sizing: border-box;
}

.f_cr {
	padding: 24px 0;
	/*font-size: clamp(0.75rem, 0.723rem + 0.15vw, 0.875rem);*/
	font-size: 14px;
	line-height: 20px;
	border-top: solid 3px rgb(86,139,185);
}/*
@media screen and (min-width: 1000px) {
	.f_cr {
		font-size: 15px;
	}
}*/


#scroll-top {
	background: rgb(86, 139, 185);
	border-radius: 9999px;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	bottom: 30px;
	right: 30px;
	border: none;
	transition-timing-function: cubic-bezier(.4, 0, 1, 1);
	transition-duration: .2s;
    transition-property: all;
	width: 64px;
	height: 64px;

}

#scroll-top img {
	width: 20px;
	height: 20px;
}

@media screen and (max-width: 768px) {
	#scroll-top {
		width: 53px;
		height: 53px;
		bottom: 25px;
		right: 25px;
}
	#scroll-top img {
		width: 15px;
		height: 15px;
	}
}
@media screen and (max-width: 480px) {
	#scroll-top {
		width: 43px;
		height: 43px;
		bottom: 20px;
		right: 20px;
}
	#scroll-top img {
		width: 12px;
		height: 12px;
	}
}
@media screen and (max-width: 378px) {
	#scroll-top {
		bottom: 15px;
		right: 15px;
}
}

.b-hidden {
	display: none!important;
}