@media only screen and (max-width: 640px) {
	* {
		box-sizing: border-box;
	}

	body {
		-webkit-text-size-adjust: 100%;
		-webkit-font-smoothing: antialiased;
	}

	/* 音声ブラウザ用 */
	.visually-hidden {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		border: 0;
	}

	a:link,
	a:visited {
		color: #231815;
		text-decoration: underline;
	}

	a:hover {
		text-decoration: none;
	}

	h2,
	h3,
	h4,
	h5,
	h6 {
		margin-bottom: 10px;
	}

	p,
	ul,
	ol,
	dl,
	table {
		margin-bottom: 10px;
	}

	html {
		font-size: 62.5%;
	}

	body {
		font-size: 1.5rem;
		font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "Yu Gothic", "Meiryo", sans-serif;
		color: #231815;
		background: #ffffff;
		line-height: 1.75;
		overflow-wrap: break-word;
	}

	a {
		transition: color 0.3s ease;
	}

	img {
		display: inline-block;
		max-width: 100%;
		height: auto;
		vertical-align: bottom;
	}

	.button {
		transition: background-color 0.3s ease, transform 0.2s ease;
	}

	.blur {
		transition: all .2s ease-out;
		-webkit-filter: blur(4px);
		-moz-filter: blur(4px);
		-ms-filter: blur(4px);
		filter: blur(4px);
	}

	.pc {
		display: none;
	}

	#top {
		position: relative;
	}

.container-inner {
		width: 100%;
		padding: 10px;
	}

	/* body 背景 */
	#bg-line-container {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 0;
		/* 最初は高さ0 */
		background: url(../images/common/bg_sp.png) repeat-y center top 460px;
		background-size: 183px auto;
		z-index: -1;
		/* コンテンツの下に配置 */
		pointer-events: none;
		/* 下端（先端）をぼかすグラデーションマスク */
		-webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) calc(100% - 150px), rgba(0, 0, 0, 0) 100%);
		mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) calc(100% - 150px), rgba(0, 0, 0, 0) 100%);
	}

	/* HEADER */
	#header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 65px;
		display: flex;
		align-items: center;
		z-index: 2000;
		transition: background-color 0.3s ease;
	}

	#header.fixed {
		background-color: rgba(255, 255, 255, 1);
		transition: background-color 0.3s ease;
		box-shadow: 0px 4px 4px -4px #b3b3b3;
	}

	#header .container-inner {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-end;
		justify-content: space-between;
		padding: 10px;
		transition: padding 0.3s ease;
	}

#header .h-logo {
		display: block;
		text-decoration: none;
	}

	#header .h-logo:hover,
	#header .h-logo:active {
		opacity: 0.6;
	}

	#header .h-logo img {
		max-width: 195px;
		height: auto;
	}

	#header .secondary {
		display: none;
	}

	#btn-nav {
		position: fixed;
		top: 10px;
		right: 10px;
		z-index: 3000;
	}

	#btn-nav .container-inner {
		padding: 0;
	}

	#btn-nav img {
		width: 50px;
		height: 50px;
	}

	#nav {
		display: none;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		overflow: auto;
		margin: auto;
		z-index: 1000;
		background: url(../images/common/nav-bg.jpg) no-repeat center center;
		background-size: auto 100%;
	}

	#nav .inner {
		padding: 60px 15px;
	}

	#nav .nav-box {
		margin-bottom: 30px;
	}

	#nav li {
		display: block;
		width: 100%;
		font-weight: bold;
		line-height: 1.4;
		border-bottom: 1px solid #fff;
		color: #595757;
	}

	#nav li.separater {
		border-bottom: 3px solid #fff;
	}

	#nav li a,
	#nav li span.parent {
		display: block;
		position: relative;
		padding: 12px 12px 12px 24px;
		font-size: 14px;
		text-decoration: none;
		color: #231815;
		cursor: pointer;
	}

	/* 共通：右向き矢印をCSSで作成 (子を持たない親 ＆ 子供要素) */
	#nav li a::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 15px;
		width: 8px;
		height: 8px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		transform: translateY(-50%) rotate(45deg);
		transition: transform 0.3s ease;
	}

	/* 子を持つ親は最初「下向き矢印」 */
	#nav li.parent>a::after {
		transform: translateY(-50%) rotate(135deg);
	}

	/* 子を持つ親が開いた時 (.open) は「右向き矢印」（そのままリンク先に飛べる状態） */
	#nav li.parent>a.open::after {
		transform: translateY(-50%) rotate(45deg);
	}

	#nav>li a:hover {
		background-color: #EAE5E3;
	}

	#nav>li.on>a,
	#nav>li.on span.parent,
	#nav>li>a:hover {
		background-color: #EAE5E3;
	}

	#nav li a span.sub,
	#nav li span.parent span.sub {
		font-size: 10px;
	}

	#nav li .child {
		display: none;
		border-top: 1px solid #fff;
		padding-top: 1px;
		margin: 0 0 10px 15px;
	}

	#nav li li {
		border-bottom: 1px dotted #fff;
	}

	#nav li li:last-child {
		border-bottom: none;
	}

	#nav li li a,
	#nav li li span.parent {
		display: block;
		font-size: 14px;
		padding: 10px 10px 8px 24px;
	}

	/* 子供要素は共通のa::afterのスタイルが継承されるためそのまま右向き矢印になる */
	#nav li span.parent.open,
	#nav li li.on a,
	#nav li li a:hover {
		background-color: rgba(255, 255, 255, 0.2);
	}

	#nav .information>span {
		display: block;
	}

	#nav .information .image {
		margin-bottom: 10px;
	}

	#nav .information .name {
		margin-bottom: 10px;
		font-size: 2rem;
		font-weight: bold;
	}

	#nav .information .address {
		margin-bottom: 10px;
	}

/* TITLE */
	#title {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 200px;
		margin-bottom: 30px;
		background: url(../images/common/title-bg.jpg) no-repeat center bottom;
		background-size: cover;
	}

	#title .title {
		color: #ffffff;
		font-size: 1.8rem;
		font-weight: bold;
		line-height: 1.2;
		text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.6);
	}

	/* CONTENT */
	#content a {
		color: #595757;
	}

	#content .container-inner {
		padding: 10px 15px;
	}

	#breadcrumb {
		margin-bottom: 20px;
	}

	#breadcrumb li {
		display: inline-block;
		vertical-align: middle;
		font-size: 1.2rem;
	}

	#breadcrumb li a {
		color: #595757;
	}

	#breadcrumb li.on {
		color: #595757;
		font-weight: bold;
	}

	#main {
		margin-bottom: 30px;
	}

#content #side #snav {
		padding: 0 10px;
	}

	.section {
		margin-bottom: 100px;
	}

	.section-s {
		margin-bottom: 80px;
	}

	.section-ss {
		margin-bottom: 40px;
	}

	.pagetop {
		position: fixed;
		bottom: 10px;
		right: 10px;
		margin: 0;
		z-index: 2000;
	}

	.pagetop a {
		display: block;
		line-height: 0;
		text-decoration: none;
	}

	.pagetop a:hover {
		text-decoration: none;
	}

	.pagetop a img {
		width: 40px;
		height: 40px;
	}

	.inlink {
		margin-top: -65px;
		padding-top: 65px;
	}

	/* GMAP */
	#gmap {
		margin: 0;
	}

	#gmap .gmap-area {
		height: 0;
		overflow: hidden;
		padding-bottom: 56.25%;
		position: relative;
	}

	#gmap .gmap-area iframe {
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
	}

	/* FOOTER */
	#footer {
		background: #036eb8;
		color: #ffffff;
	}

	#footer>.container-inner {
		padding: 50px 20px 0;
	}

	#footer a {
		color: #ffffff;
		text-decoration: none;
	}

	#footer #f-nav>ul {
		display: none;
	}

#footer .f-name {
		display: block;
		margin-bottom: 10px;
	}

	#footer .f-name a {
		font-size: 2.0rem;
		font-weight: bold;
		line-height: 1.2;
	}

	#footer .f-name a:hover {
		opacity: 0.6;
	}

	#footer .f-address {
		display: block;
		margin-bottom: 5px;
	}

	#footer .f-tel,
	#footer .f-fax {
		display: inline-block;
		vertical-align: middle;
	}

	#footer #fbottom {
		padding: 20px 0;
		background: #036eb8;
		font-size: 1.3rem;
	}

	#footer .copyright {
		margin-bottom: 0;
		color: #fff;
		text-align: center;
	}

	/* SNIPPETS */
	/* YOUTUBE */
	.movie {
		position: relative;
		margin-bottom: 30px;
		padding-bottom: 56.25%;
		height: 0;
		overflow: hidden;
	}

	/* youtubeレスポンス対応 */
	.movie iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	/* ANCHOR */
/* BTN */
.btn-type01 a {
		position: relative;
		display: inline-block;
		padding-left: 60px;
		min-height: 36px;
		line-height: 36px;
		font-size: 1.8rem;
		font-weight: bold;
		text-decoration: none !important;
	}

	.btn-type01 a::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		width: 50px;
		height: 36px;
		border-radius: 15px;
		background: url(../images/common/btn-type01.png) no-repeat center center #595757;
		background-size: 25px auto;
		transition: background-position 0.3s ease;
	}

	.btn-type01 a:hover::before {
		background-position: calc(50% + 8px) center;
	}

	.btn-type02 {
		text-align: center;
	}

	.btn-type02 a {
		font-size: 1.8rem;
		font-weight: bold;
		color: #fff !important;
		background: #036eb8;
		padding: 10px 40px;
		border-radius: 50px;
		text-decoration: none !important;
	}

	.btn-type02 a:hover {
		opacity: 0.8;
	}

	/* listmark */
	.listmark-type01>li {
		position: relative;
		padding-left: 20px;
	}

	.listmark-type01>li::before {
		content: "";
		position: absolute;
		top: 5px;
		left: 0;
		display: block;
		width: 13px;
		height: 13px;
		background: #F39800;
	}

	.listmark-temp>li {
		margin-left: 1em;
	}

	.listmark-temp>li span.mark {
		margin-left: -1em;
	}

	.listmark-disc>li {
		position: relative;
		padding-left: 15px;
		margin-bottom: 5px;
		list-style: none;
	}

	.listmark-disc>li::before {
		content: "";
		position: absolute;
		top: 0.7em;
		left: 0;
		width: 4px;
		height: 4px;
		background: currentColor;
		border-radius: 50%;
	}

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

.listmark-num>li {
		margin-left: 2em;
	}

	.listmark-num>li span.mark {
		margin-left: -2em;
	}

	/* title-level */
	.title-level01 {
		margin-bottom: 30px;
		text-align: center;
	}

	.title-level01 span {
		display: block;
		font-size: 1.4rem;
		font-weight: normal;
		margin-top: 5px;
	}

	.title-level02 {
		margin-bottom: 30px;
		padding: 15px;
		font-size: 1.8rem;
		font-weight: bold;
		background: #e2f4fd;
		border-top: 1px solid #9fa0a0;
		border-bottom: 1px solid #9fa0a0;
	}

	/* EM */
	.em-level01 {
		font-size: 1.6rem;
		font-weight: bold;
	}

	.em-level02 {
		font-size: 1.5rem;
		font-weight: bold;
	}

	.em-level03 {
		font-weight: bold;
	}

	/* TABLE */
	/* TYPE01 */
	table.type01 {
		width: 100%;
		background: #fff;
	}

	table.type01 th,
	table.type01 td {
		padding: 10px;
		text-align: left;
		border: 1px solid #898989;
	}

	table.type01 th {
		background: #f7f8f8;
	}

	/* TYPE02 */
	table.type02 {
		border-top: 1px solid #C9CACA;
	}

	table.type02 tr {
		border-bottom: 1px solid #C9CACA;
	}

	table.type02 th,
	table.type02 td {
		padding: 10px 10px 10px 30px;
	}

	table.type02 th {
		background: #efeae6;
	}

	/* TEXT */
	.rq {
		color: #E60012;
		font-weight: bold;
	}

	/* box */
	.bd-box {
		padding: 10px 15px;
		border: 1px solid #8A5D2C;
		border-radius: 20px;
	}

	.bd-box02 {
		padding: 10px 15px;
		border: 2px dashed #a4a1a1;
		;
		border-radius: 10px;
	}

	.bd-box03 {
		padding: 10px 15px;
		border: 2px solid #F18B00;
		border-radius: 20px;
	}

	.w-box {
		padding: 10px 15px;
		background-color: #ffffff;
	}

	.tri-box>.box01,
	.tri-box>.box02,
	.tri-box>.box03 {
		margin-bottom: 20px;
	}

	.tri-box .image {
		margin-bottom: 0;
		text-align: center;
	}

	.half-box>.boxl,
	.half-box>.boxr {
		margin-bottom: 20px;
	}

	.half-box .image {
		margin-bottom: 0;
		text-align: center;
	}

	/* EDITOR */
	.alignleft,
	.alignright,
	.aligncenter,
	.alignnone {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	blockquote.alignleft,
	img.alignleft {
		margin-bottom: 10px;
	}

	.wp-caption.alignleft {
		margin-bottom: 10px;
	}

	blockquote.alignright,
	img.alignright {
		margin-bottom: 10px;
	}

	.wp-caption.alignright {
		margin-bottom: 10px;
	}

	blockquote.aligncenter,
	img.aligncenter,
	.wp-caption.aligncenter {
		margin-bottom: 10px;
	}

	/* MW WP Formカスタマイズ */
	.mw_wp_form .p-country-name {
		display: none;
	}

	.mw_wp_form table.type02 {
		margin-bottom: 50px;
	}

	.mw_wp_form table.type02 th {
		padding: 10px;
	}

	.mw_wp_form table.type02 td {
		padding: 10px 10px 20px;
	}

	.mw_wp_form table.type02 td .error {
		display: block;
		margin-top: 10px;
		padding: 5px 20px;
		font-size: 1.4rem;
		color: #fff;
		background: #ff5a5a;
	}

	.mw_wp_form input[type="email"],
	.mw_wp_form input[type="tel"],
	.mw_wp_form input[type="text"],
	.mw_wp_form textarea {
		width: 100%;
		padding: 5px;
		border-radius: 4px;
		border: none;
		box-shadow: 0 0 0 1px #ccc inset;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
	}

	.mw_wp_form input[type="email"]:focus,
	.mw_wp_form input[type="tel"]:focus,
	.mw_wp_form input[type="text"]:focus,
	.mw_wp_form textarea:focus {
		outline: 0;
		box-shadow: 0 0 0 2px rgb(33, 150, 243) inset;
	}

	.mw_wp_form .mwform-radio-field input {
		position: absolute;
		white-space: nowrap;
		width: 1px;
		height: 1px;
		overflow: hidden;
		border: 0;
		padding: 0;
		clip: rect(0 0 0 0);
		clip-path: inset(50%);
		margin: -1px;
	}

	.mw_wp_form .mwform-radio-field .mwform-radio-field-text {
		position: relative;
		cursor: pointer;
		padding-left: 10px;
		display: inline-flex;
		align-items: center;
	}

	.mw_wp_form .mwform-radio-field .mwform-radio-field-text:before {
		content: "";
		display: inline-block;
		position: absolute;
		top: 5px;
		left: -10px;
		width: 1em;
		height: 1em;
		border: 1px solid #ccc;
		border-radius: 50%;
		margin-right: 4px;
		flex-shrink: 0;
		box-sizing: border-box;
	}

	.mw_wp_form .mwform-radio-field input:checked+.mwform-radio-field-text:before {
		border: 0.3em solid rgb(33, 150, 243);
		box-sizing: border-box;
	}

	.mw_wp_form .mwform-radio-field input:checked+.mwform-radio-field-text {
		color: rgb(33, 150, 243);
	}

	.mw_wp_form .mwform-radio-field input:focus+.mwform-radio-field-text {
		color: rgb(33, 150, 243);
	}

	.mw_wp_form .mwform-checkbox-field input {
		position: absolute;
		white-space: nowrap;
		width: 1px;
		height: 1px;
		overflow: hidden;
		border: 0;
		padding: 0;
		clip: rect(0 0 0 0);
		clip-path: inset(50%);
		margin: -1px;
	}

	.mw_wp_form .mwform-checkbox-field .mwform-checkbox-field-text {
		cursor: pointer;
		display: inline-flex;
		padding-left: 10px;
		align-items: center;
		color: #666;
		position: relative;
	}

	.mw_wp_form .mwform-checkbox-field .mwform-checkbox-field-text:before {
		content: "";
		display: inline-block;
		position: absolute;
		top: 5px;
		left: -10px;
		width: 1em;
		height: 1em;
		border: 1px solid #ccc;
		border-radius: 3px;
		margin-right: 6px;
		flex-shrink: 0;
	}

	.mw_wp_form .mwform-checkbox-field input:checked+.mwform-checkbox-field-text:before {
		border: 1px solid rgb(33, 150, 243);
		background-color: rgb(33, 150, 243);
	}

	.mw_wp_form .mwform-checkbox-field input:checked+.mwform-checkbox-field-text:after {
		content: "";
		position: absolute;
		border: solid #fff;
		border-width: 0 2px 2px 0;
		top: 7px;
		left: -6px;
		margin: auto;
		width: 0.4em;
		height: 0.6em;
		transform: translateY(-2px) rotate(45deg);
	}

	.mw_wp_form .mwform-checkbox-field input:checked+.mwform-checkbox-field-text {
		color: rgb(33, 150, 243);
	}

	.mw_wp_form .btn-area {
		text-align: center;
	}

	.mw_wp_form .btn-area p {
		display: inline-block;
		margin: 0 5px;
	}

	.mw_wp_form .btn-area input[type="submit"],
	.mw_wp_form .btn-area input[type="button"] {
		margin: 0 auto 30px;
		padding: 10px 30px 10px 50px;
		color: #ffffff;
		font-size: 1.8rem;
		font-weight: bold;
		background: url(../images/common/anchor-w02.png) no-repeat 25px 15px #E60012;
		background-size: 16px auto;
		border-radius: 10px;
		border: none;
		cursor: pointer;
	}

	.mw_wp_form .btn-area input[type="submit"]:hover,
	.mw_wp_form .btn-area input[type="button"]:hover {
		opacity: 0.8;
	}

	.mw_wp_form .btn-area input[type="submit"].back {
		background: #ccc;
	}

	.mw_wp_form table.type02 th {
		position: relative;
		padding-left: 55px;
	}

	.mw_wp_form table th::after {
		content: "";
		position: absolute;
		top: 10px;
		left: 5px;
		display: inline-block;
		padding: 0 5px;
		background: #ccc;
		font-size: 1.3rem;
		border-radius: 5px;
	}

	.mw_wp_form table th.required::after {
		content: "";
		color: #fff;
		background: #ff3c3c;
	}

	/*=========================================
	PAGINATION (Common)
	=========================================*/
	.nav-links {
		display: flex;
		justify-content: center;
		gap: 5px;
		margin-top: 30px;
	}

	.page-numbers {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 35px;
		height: 35px;
		background: #fff;
		border: 1px solid #dcdcdc;
		color: #231815;
		transition: all 0.3s ease;
		text-decoration: none !important;
	}

	.page-numbers.current,
	.page-numbers:hover {
		background: #036eb8;
		color: #fff !important;
		border-color: #036eb8;
	}

	/*=========================================
	PAGER (Single Post)
	=========================================*/
	#pager p {
		margin-bottom: 20px;
	}

	#pager p.next {
		margin-bottom: 0;
	}

	#pager a {
		box-sizing: border-box;
		display: flex;
		align-items: center;
		width: 100%;
		text-decoration: none;
		padding: 10px 15px;
		border: solid 1px #BFBFBF;
		font-size: 1.2rem;
		line-height: 1.6;
	}

	#pager a:hover {
		opacity: 0.8;
	}

	#pager p.prev a {
		padding-left: 30px;
		background: url(../images/common/anchor-prev.png) no-repeat left 5px center;
		background-size: 10px auto;
	}

	#pager p.next a {
		justify-content: flex-end;
		text-align: right;
		padding-right: 30px;
		background: url(../images/common/anchor-next.png) no-repeat right 5px center;
		background-size: 10px auto;
	}
}