@charset "utf-8";
/* Copyright 2022 FSFIELD All Rights Reserved. */

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

パソコン、タブレット、スマートフォン（iPhone,Android) 共通

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

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

basic

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

@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 500;
}

@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Bold");
	font-weight: bold;
}

* {
	font-family: 'Noto Serif TC', 'Noto Serif SC', Yu Gothic, "游ゴシック", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

@media (-ms-high-contrast: none) {
	* {
		font-family: 'Noto Serif TC', Yu Gothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	}
}

html {
	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	color: #333333;
	font-weight: 400;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.8;
	letter-spacing: 0.05em;
}

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

shortcodes

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

/* font
---------------------------------------------- */
.normal {
	font-weight: normal !important;
}

.bold {
	font-weight: bold !important;
}

.italic {
	font-style: italic !important;
}

/* display
---------------------------------------------- */
.none {
	display: none !important;
}

/* margin
---------------------------------------------- */
.mb_none {
	margin-bottom: 0 !important;
}


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

common

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

.wrap_type01 {
	background: #E6E8E7;
	display: flex;
}

.main_contents01 {
	padding: 120px 50px;
	display: flex;
	justify-content: center;
	width: calc(100% - 340px);
}

.main_contents02 {
	padding: 35px 50px 120px;
	display: flex;
	align-items: center;
	flex-direction: column;
	width: calc(100% - 340px);
}

.main_contents03 {
	padding: 35px 50px 120px;
	display: flex;
	align-items: center;
	flex-direction: column;
	width: calc(100% - 340px);
}

#btn_submenu,
#btn_condition {
	display: none;
}

.btn_area_top {
	margin-bottom: 35px;
	display: flex;
	justify-content: center;
}

.btn_area_top p:nth-of-type(1) {
	margin-right: 5px;
}

.contents {
	width: 100%;
	max-width: 1204px;
	margin: 0 auto;
}

.contents_inner {
	background: #FFF;
	border: 1px solid #C4C8C6;
	width: 100%;
	padding: 50px;
}

/*--404ページ--*/
.page_404 .nav_global {
	border-bottom: 1px solid #DDDDDD;
}

.wrap_404 {
	text-align: center;
	padding-top: 100px;
	margin-bottom: 200px;
}

.ttl_404 {
	font-size: 5rem;
	font-weight: bold;
	margin-bottom: 12px;
}

.txt_404 {
	margin-bottom: 30px;
}

/* リンク
---------------------------------------------- */
.link01 {
	color: #333;
	text-decoration: underline !important;
}

.link01:hover {
	text-decoration: none !important;
}

.link_tel01 {
	color: #333;
	pointer-events: none;
}

/* ページタイトル
---------------------------------------------- */
.pagettl {
	background: url("../../img/bg_pagettl01_pc.jpg") no-repeat 0 0;
	background-size: cover;
	height: 18.75vw;
	font-size: 3.2rem;
	letter-spacing: 0.1em;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.pagettl p {
	line-height: 1;
	letter-spacing: 0.1em;
	font-size: 1.6rem;
	margin-bottom: 10px;
}

.pagettl h2 {
	line-height: 1;
	letter-spacing: 0.1em;
	background: #FFFFFF;
	padding: 10px 10px 12px;
	border-right: 2px solid #0D2E2B;
	border-left: 2px solid #0D2E2B;
	position: relative;
	white-space: nowrap;
}

/* パンくずリスト
---------------------------------------------- */
.breadcrumb {
	background: #F0F2F1;
	border-bottom: 1px solid #CCD0CD;
	font-size: 1.2rem;
	padding: 8px 30px 10px;
}

.breadcrumb ul {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.breadcrumb ul li {
	display: inline;
	vertical-align: middle;
	color: #7D857F;
	padding-right: 15px;
	margin-right: 5px;
	position: relative;
}

.breadcrumb ul li::after {
	content: "";
	display: block;
	background: url("../../img/ico_arrow05.png") no-repeat 0 0;
	background-size: contain;
	width: 5px;
	height: 8px;
	position: absolute;
	top: 5px;
	right: 0;
}

.breadcrumb ul li:last-child {
	padding-right: 0;
	margin-right: 0;
}

.breadcrumb ul li:last-child::after {
	display: none;
}

.breadcrumb ul li a {
	color: #0D2E2B;
	line-height: 1;
}

.breadcrumb ul li a:hover {
	opacity: 0.7;
}

/* 見出し
---------------------------------------------- */
.heading01 {
	margin-bottom: 20px;
	padding-left: 30px;
	font-size: 1.8rem;
	line-height: 1.4;
	letter-spacing: 0.05em;
	position: relative;
}

.heading01::before {
	content: "";
	background: url("../../img/ico_heading01.gif") no-repeat 0 0;
	background-size: contain;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 3px;
	left: 0;
}

/* ボタン
---------------------------------------------- */
.btn_back01 a {
	background: #0D2E2B;
	display: inline-block;
	min-width: 240px;
	line-height: 1;
	text-align: center;
	color: #FFF;
	font-size: 1.3rem;
	letter-spacing: 0.05em;
	padding: 20px 0;
	position: relative;
	margin-top: 30px;
	border-top: 1px solid #C4C8C6;
	transition: background .3s;
}

.btn_back01 a::before {
	content: "";
	background: url("../../img/ico_arrow01.png") no-repeat 0 0;
	background-size: contain;
	width: 7px;
	height: 12px;
	pointer-events: none;
	position: absolute;
	top: 50%;
	left: 20px;
	margin-top: -5px;
	transform: scale(-1, 1);
}

.btn_back01 a:hover {
	background: #550404;
}

.btn_deselection01 a {
	background: #550404;
	display: inline-block;
	min-width: 240px;
	line-height: 1;
	text-align: center;
	color: #FFF;
	font-size: 1.4rem;
	letter-spacing: 0.05em;
	padding: 20px 0;
	transition: opacity .3s;
}

.btn_deselection01 a:hover {
	opacity: 0.8;
}

/* 記事一覧
---------------------------------------------- */
.sec_article {
	background: #FFF;
	border: 1px solid #C4C8C6;
	padding: 50px;
}

.article {
	border-bottom: 1px solid #C4C8C6;
	padding: 30px 0 25px;
}

.article:first-of-type {
	border-top: 1px solid #C4C8C6;
}

.article a {
	display: block;
	color: #333333;
	transition: color .3s;
}

.article a:hover {
	color: #940707;
}

.article h4 {
	font-size: 1.6rem;
	letter-spacing: 0.05em;
	line-height: 1.4;
	border-bottom: 1px dotted #CCD0CD;
	padding-bottom: 10px;
	margin-bottom: 5px;
}

.article .excerpt {
	line-height: 2;
}

.article .inner {
	margin-top: 15px;
}

.article .inner .category {
	display: inline-block;
	margin-right: 30px;
}

.article .inner .category>div {
	display: flex;
}

.article .inner .category>div>p {
	flex: none;
}

.article .inner .category ul {
	display: flex;
	flex-wrap: wrap;
}

.article .inner .category ul li {
	margin: 0 5px 5px 0;
}

.article .inner .category ul li:last-of-type {
	margin-right: 0;
}

.article .inner .category ul li a {
	background: #550404;
	font-size: 1.3rem;
	display: block;
	color: #FFF;
	line-height: 1;
	padding: 6px 10px;
	transition: opacity .3s;
}

.article .inner .category ul li a:hover {
	opacity: 0.8;
}

.article .inner .tag {
	display: inline-block;
	margin: 5px 0 0 0;
}

.article .inner .tag>div {
	display: flex;
}

.article .inner .tag>div>p {
	flex: none;
}

.article .inner .tag ul {
	display: flex;
	flex-wrap: wrap;
}

.article .inner .tag ul li {
	margin: 0 5px 5px 0;
}

.article .inner .tag ul li:last-of-type {
	margin-right: 0;
}

.article .inner .tag ul li a {
	background: #0D2E2B;
	font-size: 1.3rem;
	display: block;
	color: #FFF;
	line-height: 1;
	border-radius: 30px;
	padding: 6px 10px;
	transition: opacity .3s;
}

.article .inner .tag ul li a:hover {
	opacity: 0.8;
}

.btn_area_btm {
	text-align: center;
}

/* 記事詳細
---------------------------------------------- */
.article_detail {
	margin-bottom: 40px;
	padding-bottom: 10px;
	border-bottom: 1px solid #C4C8C6;
}

.article_inner p {
	margin-bottom: 2em;
	line-height: 2;
}

.article_inner figure {
	margin-bottom: 2em;
	padding: 40px;
	border: 1px solid #C4C8C6;
}

.article_inner figure img {
	max-width: 100%;
	height: auto;
}

.article_inner a {
	color: #333;
	text-decoration: underline;
}

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

.article_inner .image_list {
	display: flex;
	justify-content: center;
	width: 100%;
}

.article_inner .figure img {
	text-align: center;
}

.wrap_fig {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.contents_inner h4.heading02 {
	font-size: 1.5rem;
	line-height: 1;
	margin: 30px 0 15px;
	padding: 3px 0 0 15px;
	position: relative;
}

.contents_inner h4.heading02::before {
	content: "";
	background: url("../img/ico_heading02.gif") no-repeat 0 0;
	background-size: contain;
	width: 6px;
	height: 20px;
	position: absolute;
	top: 0;
	left: 0;
}

.article_link {
	padding-bottom: 30px;
	border-bottom: 1px solid #C4C8C6;
}

.article_link ul li {
	margin-bottom: 8px;
}

.article_link ul li:last-of-type {
	margin-bottom: 0;
}

.article_link ul li a {
	color: #000;
	text-decoration: underline;
}

.article_link ul li a:hover {
	text-decoration: none !important;
}

/*  ページネーション
---------------------------------------------- */
.pagenavi {
	line-height: 1.2;
	padding-top: 40px;
	margin-bottom: -5px;
	letter-spacing: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.pagenavi span {
	background: #0D2E2B;
	color: #FFF;
	font-family: "Amiri";
	font-size: 1.8rem;
	line-height: 1;
	margin: 0 5px 5px;
	padding: 8px 11px 6px;
	border: 1px solid #0D2E2B;
}

.pagenavi a {
	background: #FFF;
	color: #8E9592;
	font-family: "Amiri";
	font-size: 1.8rem;
	line-height: 1;
	margin: 0 5px 5px;
	padding: 8px 11px 6px;
	border: 1px solid #DDD7CE;
}

.pagenavi a:hover {
	opacity: 0.7;
}

.pagenavi .pages {
	display: none;
}

.pagenavi .extend {
	font-weight: normal;
	background: none;
	border: none;
	color: #DDD7CE;
	padding: 0;
}

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

side

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

.wrap_side_common {
	background: #FFF;
	width: 340px;
	font-size: 1.3rem;
}

.wrap_side_common.left {
	border-right: 1px solid #CCD0CD;
}

.wrap_side_common.right {
	border-left: 1px solid #CCD0CD;
}

.side_common .btn_side_close {
	display: none;
}

.side_inner_common .ttl {
	padding: 10px 15px;
	font-size: 1.4rem;
	color: #FFF;
	background: #4D4637;
	border-top: 20px solid #C4C8C6;
}

.side_inner_common .ttl:first-of-type {
	border-top: none;
}

.side_inner_common .menu01 {
	background: #E6E8E7;
	padding-bottom: 20px;
	border-bottom: 1px solid #C4C8C6;
}

.side_inner_common .menu01 li {
	border-bottom: 1px solid #C4C8C6;
}

.side_inner_common .menu01 li a {
	background: #FFF;
	font-size: 1.3rem;
	line-height: 1;
	display: block;
	color: #333;
	padding: 12px 20px 12px 20px;
	position: relative;
	cursor: pointer;
	transition: background .3s;
}

.side_inner_common .menu01 li a:hover {
	background: #F0F2F1;
}

.side_inner_common .menu01 li a::after {
	content: "";
	display: inline-block;
	background: url("../../img/ico_arrow04.png") no-repeat 0 0;
	background-size: contain;
	width: 6px;
	height: 10px;
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -5px;
	pointer-events: none;
}

.side_common .menu01 li span::after {
	display: none;
}

.btn_submenu_close {
	display: none;
}

.side_common ul.individually {
	width: 100%;
}

.side_common .bulk li,
.side_common .individually li {
	display: flex;
	border-bottom: 1px solid #C4C8C6;
}

.side_common .individually li {
	background: #E2E7E3;
}

.side_common input[type="checkbox"] {
	display: none;
}

.side_common input[type="checkbox"]+label {
	display: inline-block;
	background: url("../../img/img_checkbox01.gif") no-repeat 15px 20px;
	background-size: 18px;
	padding: 20px 15px 20px 40px;
	line-height: 18px;
	width: 100%;
	cursor: pointer;
}

.side_common input[type="checkbox"]:checked+label {
	background: url("../../img/img_checkbox01_on.gif") no-repeat 15px 20px;
	background-size: 18px;
	color: #550404;
}

.wrap_side {
	background: #FFF;
	width: 340px;
	border-right: 1px solid #CCD0CD;
}

.side {
	position: sticky;
	position: -webkit-sticky;
	/*Safari用*/
	top: 0;
	left: 0;
}

.txt_side {
	font-family: "Amiri";
	font-size: 3.2rem;
	line-height: 1;
	padding: 20px 0 17px;
	color: #0C2C2B;
	text-align: center;
	border-bottom: 1px solid #C4C8C6;
}

.side_inner .btn_side_close {
	display: none;
}

.wrap_side.detail .side_inner .menu01 {
	background: #E6E8E7;
	padding-bottom: 30px;
	border-bottom: 1px solid #C4C8C6;
}

.side_inner .menu01 li {
	border-bottom: 1px solid #C4C8C6;
}

.side_inner .menu01 li a {
	font-size: 1.3rem;
	background: #FFF;
	line-height: 1;
	display: block;
	color: #333;
	padding: 25px 40px 25px 30px;
	position: relative;
	cursor: pointer;
	transition: background .3s;
}

.side_inner .menu01 li a:hover {
	background: #F0F2F1;
}

.side_inner .menu01 li a::after {
	content: "";
	display: inline-block;
	background: url("../../img/ico_arrow04.png") no-repeat 0 0;
	background-size: contain;
	width: 6px;
	height: 10px;
	position: absolute;
	top: 50%;
	right: 30px;
	margin-top: -5px;
	pointer-events: none;
}

.btn_back_side01 a {
	background: #0D2E2B;
	color: #FFF;
	display: block;
	text-align: center;
	padding: 20px 0;
	transition: background .3s;
}

.btn_back_side01 a:hover {
	background: #550404;
}

.btn_back_side01 span {
	display: inline-block;
	padding-left: 18px;
	position: relative;
}

.btn_back_side01 span::before {
	content: "";
	background: url("../../img/ico_arrow01.png") no-repeat 0 0;
	background-size: contain;
	width: 6px;
	height: 10px;
	pointer-events: none;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -5px;
	transform: scale(-1, 1);
}


.tag_inner {
	position: relative;
	margin-bottom: 0;
}

.tag_inner .element {
	position: absolute;
	display: flex;
	padding: 8px 26px 8px 8px;
	top: -47px;
	right: 0;
}

.tag_inner .element::before {
	content: "";
	display: block;
	width: 2px;
	height: 10px;
	background: #807C70;
	position: absolute;
	top: 12px;
	right: 11px;
	z-index: 1;
	transition: transform .3s;
}

.tag_inner .element::after {
	content: "";
	display: block;
	width: 10px;
	height: 2px;
	background: #807C70;
	position: absolute;
	top: 16px;
	right: 7px;
}

.tag_inner.open .element::before {
	transform: rotate(90deg);
}

.tag_inner .element .txt {
	font-size: 1.3rem;
	line-height: 1.4;
	display: flex;
	align-items: center;
	cursor: pointer;
	z-index: 1;
}

.tag_inner .element .btn_tag {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	background: #F0F2F1;
	border: none;
	border-top: 1px solid #C4C8C6;
	border-bottom: 1px solid #C4C8C6;
	border-left: 1px solid #C4C8C6;
	transition: .3s;
}

.tag_inner .child {
	overflow: hidden;
	display: flex;
	height: 0;
}

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

header

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

#wrap_top {
	width: 100%;
	padding: 3px 0 0;
	font-size: 1.1rem;
	line-height: 1;
	text-align: right;
	color: #999999;
	overflow: hidden;
}

.wrap_top_inner .cloned {
	display: none;
}

#header {
	position: relative;
}

.header_inner {
	width: 100%;
	height: 156px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.header_column {
	display: flex;
	align-items: center;
	gap: 22px;
}

#header .bnr_memory {
	width: 256px;
}

#header .bnr_memory p {
	color: #0A2786;
	font-size: 10px;
	text-align: center;
	font-weight: 500;
	line-height: 1.2;
	padding-bottom: 2px;
}

#header .bnr_memory a {
	display: block;
}

#header .bnr_memory a:hover {
	opacity: .8;
}

#header .bnr_memory img {
	width: 100%;
	height: auto;
}

.h_logo {
	width: 223px;
	margin: 6px 0 0 50px;
}

.h_logo img {
	width: 100%;
	height: auto;
}

.drawer,
.drawer_inner {
	display: contents;
}

.m_logo {
	display: none;
}

.d_inner {
	width: 715px;
	padding: 15px 50px 0 0;
	box-sizing: content-box;
	display: flex;
	justify-content: space-between;
}

.d_inner .h_search {
	width: 235px;
	border-right: 1px solid #DDDDDD;
	padding-right: 20px;
}

.d_inner .h_search .search {
	display: flex;
}

.d_inner .h_search .search .s {
	border: 1px solid #DDDDDD;
	border-right: none;
	padding: 6px 7px 7px 7px;
	width: calc(100% - 36px);
}

.d_inner .h_search .search .searchsubmit {
	width: 36px;
	height: 36px;
	background: #550404 url("../../img/ico_search01.png") no-repeat center;
	background-size: 16px;
	border: none;
	cursor: pointer;
	transition: opacity .3s;
}

.d_inner .h_search .search .searchsubmit:hover {
	opacity: 0.8;
}

.d_inner .nav_lang {
	width: 460px;
}

.d_inner .nav_lang ul {
	display: flex;
	justify-content: space-between;
}

.d_inner .nav_lang ul li {
	width: 140px;
}

.d_inner .nav_lang ul li a {
	display: flex;
	align-items: center;
	background: #0D2E2B;
	color: #FFF;
	line-height: 1;
	padding: 11px;
	position: relative;
	transition: opacity .3s;
}

.d_inner .nav_lang ul li a:hover {
	opacity: 0.8;
}

.d_inner .nav_lang ul li a::after {
	content: "";
	display: inline-block;
	background: url("../../img/ico_arrow01.png") no-repeat 0 0;
	background-size: contain;
	width: 6px;
	height: 10px;
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -5px;
}

.btn_menu {
	display: none;
}

/* グローバルナビ
---------------------------------------------- */
.nav_global {
	width: 100%;
	height: 84px;
	margin-top: 15px;
	border-top: 1px solid #DDDDDD;
}

.nav_global>ul {
	display: flex;
	justify-content: space-between;
	padding: 0 50px;
}

.nav_global>ul>li {
	width: calc((100% - 180px) / 4);
}

.nav_global>ul>li.g01 {
	width: 180px;
}

.nav_global>ul>li.g03,
.nav_global>ul>li.g04,
.nav_global>ul>li.g05 {
	display: none;
}

.nav_global>ul>li>a {
	color: #333;
	height: 84px;
	line-height: 1;
	letter-spacing: 0.05em;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	transition: color .3s;
}

.nav_global>ul>li>a:hover {
	color: #550404;
}

.nav_global>ul>li>a::after {
	content: "";
	background: #DDDDDD;
	width: 1px;
	height: 63px;
	position: absolute;
	top: 10px;
	right: 0;
}

.nav_global>ul>li:first-of-type>a::before {
	content: "";
	background: #DDDDDD;
	width: 1px;
	height: 63px;
	position: absolute;
	top: 10px;
	left: 0;
}

.nav_global .nav_sub {
	display: none;
}

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

footer

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

#footer {
	background: #0D2E2B;
	padding: 140px 5%;
	color: #FFF;
	display: flex;
	justify-content: space-between;
}

.f_logo {
	width: 37.5%;
	padding-right: 17.5%;
	box-sizing: content-box;
}

.f_logo .logo {
	width: 240px;
	margin-bottom: 40px;
}

.f_logo .logo img {
	width: 100%;
	height: auto;
}

.f_logo .f_small {
	font-size: 1.1rem;
}

.f_small02 {
	display: none;
}

.nav_footer01 {
	width: 100%;
	display: flex;
	font-size: 1.5rem;
}

.nav_footer01 .f_inner {
	width: 33.33%;
	box-sizing: content-box;
	padding-right: 20px;
}

.nav_footer01 .f_inner>ul>li {
	margin-bottom: 25px;
}

.nav_footer01 .f_inner>ul>li:last-of-type {
	margin-bottom: 0;
}

.nav_footer01 .f_inner>ul>li>a {
	color: #FFF;
	line-height: 1.4;
	display: block;
	transition: opacity .3s;
}

.nav_footer01 .f_inner>ul>li>a:hover {
	opacity: 0.8;
}

.nav_footer01 .f_inner ul li .nav_sub_f {
	margin-top: 15px;
}

.nav_footer01 .f_inner ul li .nav_sub_f li {
	margin-bottom: 10px;
}

.nav_footer01 .f_inner ul li .nav_sub_f li a {
	display: block;
	color: #78A393;
	transition: opacity .3s;
}

.nav_footer01 .f_inner ul li .nav_sub_f li a:hover {
	opacity: 0.8;
}

.nav_footer01 .f_inner ul li.tab a::after {
	content: "";
	display: inline-block;
	background: url("../../img/ico_tab01.png") no-repeat 0 0;
	background-size: contain;
	width: 16px;
	height: 12px;
	margin-left: 5px;
}

/* ページトップボタン
---------------------------------------------- */
#pagetop {
	width: 40px;
	height: 40px;
	background: #0A2320 url("../../img/ico_arrow02.png") no-repeat center;
	background-size: 12px !important;
	position: fixed;
	right: 30px;
	bottom: 30px;
	cursor: pointer;
	opacity: 0;
	pointer-events: none;
	transition: background .3s, opacity .3s;
}

#pagetop.pagetop_show {
	opacity: 1;
	pointer-events: auto;
}

#pagetop:hover {
	background: #14453F url("../../img/ico_arrow02.png") no-repeat center;
}


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

ポップアップ

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

.wrap_popup_condition {
	display: none;
}


@media only screen and (max-width:1180px) {
	/* 表示領域が1180px以下の場合に適用するスタイル */

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

	header

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

	.wrap_top_inner {
		display: flex;
		flex-wrap: nowrap;
		padding: 2px 0;
	}

	.wrap_top_inner .cloned {
		display: block;
	}

	.wrap_top_inner h1 {
		text-overflow: inherit;
		overflow: visible;
		white-space: nowrap;
	}

	.header_inner {
		min-height: 65px;
		height: auto;
		position: relative;
	}

	.header_column {
		flex-direction: column;
		gap: 8px;
		align-items: flex-start;
		padding: 8px 12px;
	}

	#header .bnr_memory {
		width: 160px;
	}

	#header .bnr_memory p {
		display: none;
	}

	.h_logo {
		width: 172px;
		margin: 0;
	}

	/*--メニューボタン--*/
	.btn_menu {
		display: block;
		background: #0D2E2B;
		width: 40px;
		height: 40px;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 3;
		transition: opacity .3s;
		overflow: hidden;
	}

	.btn_menu.top {
		top: 10px;
	}

	#wrap_all.open .btn_menu {
		opacity: 0;
		pointer-events: none;
	}

	#wrap_all.open .btn_menu.top {
		top: -8px;
	}

	.btn_menu.fixed {
		position: fixed;
		top: 0;
	}

	.btn_menu>div {
		position: relative;
		width: 100%;
		height: 100%;
		transition: transform .3s;
	}

	#wrap_all.open .btn_menu>div {
		transform: rotate(-135deg);
	}

	.btn_menu>div span {
		display: inline-block;
		background: #FFF;
		width: 16px;
		height: 2px;
		position: absolute;
		left: 50%;
		margin-left: -8px;
		transition: opacity .3s, transform .3s;
	}

	.btn_menu>div span:nth-of-type(1) {
		top: 14px;
	}

	.btn_menu>div span:nth-of-type(2) {
		top: 19px;
	}

	.btn_menu>div span:nth-of-type(3) {
		top: 24px;
	}

	#wrap_all.open .btn_menu>div span:nth-of-type(1) {
		transform: rotate(-90deg);
		top: 20px;
	}

	#wrap_all.open .btn_menu>div span:nth-of-type(2) {
		opacity: 0;
	}

	#wrap_all.open .btn_menu>div span:nth-of-type(3) {
		transform: rotate(-180deg);
		top: 20px;
	}

	/*--メニューボタン（閉じる）--*/
	.btn_close {
		display: block;
		background: #0D2E2B;
		width: 40px;
		height: 40px;
		position: absolute;
		top: 10px;
		right: 0;
		z-index: 3;
	}

	.btn_close>div {
		position: relative;
		width: 100%;
		height: 100%;
	}

	.btn_close>div span {
		display: inline-block;
		background: #FFF;
		width: 16px;
		height: 2px;
		position: absolute;
		left: 50%;
		margin-left: -8px;
	}

	.btn_close>div span:nth-of-type(1) {
		transform: rotate(135deg);
		top: 20px;
	}

	.btn_close>div span:nth-of-type(2) {
		transform: rotate(45deg);
		top: 20px;
	}

	/* メニュー
	---------------------------------------------- */
	.drawer {
		display: block;
		width: 100%;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1;
		pointer-events: none;
	}

	#wrap_all.open .drawer {
		pointer-events: auto;
	}

	.drawer::before {
		content: "";
		display: block;
		background: rgba(13, 46, 43, 0.95);
		opacity: 0;
		width: 100%;
		height: 100%;
		pointer-events: none;
		position: fixed;
		top: 0;
		left: 0;
	}

	#wrap_all.open .drawer::before {
		opacity: 1;
		pointer-events: auto;
	}

	.mode-1180 .drawer::before,
	.mode-1180 .drawer::before {
		transition: opacity .5s;
	}

	.drawer_inner {
		display: block;
		width: 80%;
		height: 100%;
		background: #FFF;
		overflow-y: scroll;
		-ms-overflow-style: none;
		/* IE, Edge 対応 */
		scrollbar-width: none;
		/* Firefox 対応 */
		transform: translateX(100%);
		position: relative;
		left: 20%;
		z-index: 3;
	}

	.drawer_inner::-webkit-scrollbar {
		display: none;
	}

	.mode-1180 .drawer_inner,
	.mode-1180 .drawer_inner {
		transition: transform .5s;
	}

	#wrap_all.open .drawer_inner {
		transform: translateX(0);
	}

	.m_logo {
		display: block;
		width: 100%;
		margin-bottom: 20px;
	}

	.m_logo img {
		width: 172px;
		height: auto;
	}

	.d_inner {
		width: 100%;
		box-sizing: border-box;
		flex-wrap: wrap;
		border-bottom: 1px solid #C4C8C6;
		padding: 10px 15px 20px 15px;
	}

	.d_inner .h_search {
		width: 100%;
		order: 3;
		border: none;
		padding: 0;
	}

	.d_inner .nav_lang {
		width: 100%;
		order: 2;
		margin-bottom: 20px;
	}

	.d_inner .nav_lang ul {
		margin: 0 -3px;
	}

	.d_inner .nav_lang ul li {
		width: 33.33%;
		padding: 0 3px;
	}

	.d_inner .nav_lang ul li a {
		padding: 12px 5px;
		height: 100%;
		font-size: 1.1rem;
	}

	.d_inner .nav_lang ul li a::after {
		right: 6px;
	}

	/* グローバルナビ
	---------------------------------------------- */
	.nav_global {
		height: auto;
		margin-top: 0;
		border-top: none;
		padding-bottom: 40px;
	}

	.nav_global>ul {
		display: block;
		padding: 0;
	}

	.nav_global>ul>li {
		width: 100%;
		border-bottom: 1px solid #C4C8C6;
	}

	.nav_global>ul>li.g01 {
		width: 100%;
	}

	.nav_global>ul>li.g03,
	.nav_global>ul>li.g04,
	.nav_global>ul>li.g05 {
		display: block;
	}

	.nav_global>ul>li>a {
		display: block;
		height: auto;
		padding: 15px;
	}

	.nav_global>ul>li>a::after {
		display: none;
	}

	.nav_global>ul>li:first-of-type>a::before {
		display: none;
	}

	.nav_global .nav_sub {
		display: block;
		padding: 0 15px 15px;
	}

	.nav_global .nav_sub li a {
		color: #333;
		display: block;
		padding: 5px 0 5px 15px;
		position: relative;
	}

	.nav_global .nav_sub li a::before {
		content: "";
		background: #333;
		width: 10px;
		height: 1px;
		position: absolute;
		top: 17px;
		left: 0;
	}


}

/*--@media--*/


@media only screen and (max-width:1080px) {
	/* 表示領域が1080px以下の場合に適用するスタイル */

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

	footer

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

	#footer {
		background: #0D2E2B;
		padding: 70px 15px;
		display: block;
	}

	.f_logo {
		width: 100%;
		padding-right: 0;
		box-sizing: border-box;
		margin-bottom: 35px;
	}

	.f_logo .logo {
		width: 160px;
		margin-bottom: 0;
	}

	.f_logo .f_small01 {
		display: none;
	}

	.f_small02 {
		font-size: 1rem;
		display: block;
	}

	.nav_footer01 {
		width: 100%;
		display: block;
		font-size: 1.2rem;
		margin-bottom: 35px;
	}

	.nav_footer01 .f_inner {
		width: 100%;
		box-sizing: border-box;
		padding-right: 0;
	}

	.nav_footer01 .f_inner:not(:last-of-type) {
		display: none;
	}

	.nav_footer01 .f_inner>ul>li {
		margin-bottom: 12px;
	}

	.nav_footer01 .f_inner ul li .nav_sub_f {
		display: none;
	}

	.nav_footer01 .f_inner ul li.tab a::after {
		content: "";
		display: inline-block;
		background: url("../img/ico_tab01.png") no-repeat 0 0;
		background-size: contain;
		width: 14px;
		height: 11px;
		margin-left: 3px;
	}

	.nav_footer01 .f_inner ul li.tab span {
		display: block;
	}


}

/*--@media--*/


@media print {
	/* 印刷時のみ */
	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	PC

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

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

	common

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

	/* レイアウト
	---------------------------------------------- */
	#wrap_all {
		width: 1200px;
		transform: scale(0.8);
		transform-origin: 0 0;
	}


}

/*--@media--*/


@media only screen and (max-width:1024px) {
	/* 表示領域が1024px以下の場合に適用するスタイル */

	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	タブレット

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

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

	common

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

	.contents {
		max-width: 1004px;
	}

	.wrap_type01 {
		background: #E6E8E7;
		display: block;
	}

	.main_contents01,
	.main_contents02,
	.main_contents03 {
		display: block;
		padding: 0;
		width: 100%;
		position: relative;
		z-index: 0;
	}

	.contents {
		padding: 30px 15px;
	}

	.main_contents02 .contents,
	.main_contents03 .contents {
		padding: 0 15px 30px;
	}

	.btn_area_top {
		margin: 20px 0;
		padding: 0 15px;
		display: flex;
		justify-content: center;
	}

	.btn_area_top.detail p {
		width: calc(50% - 2.5px);
		max-width: 200px;
	}

	.btn_area_top.detail p:last-of-type {
		margin-left: 5px;
	}

	.btn_area_top.detail p a {
		min-width: 100%;
		min-height: 44px;
	}

	.contents_inner {
		padding: 30px 15px;
	}

	/* リンク
	---------------------------------------------- */
	.link_tel01 {
		color: #333;
		text-decoration: underline !important;
	}

	/* ページタイトル
	---------------------------------------------- */
	.pagettl h2 {
		padding: 10px;
	}

	/* パンくずリスト
	---------------------------------------------- */
	.breadcrumb {
		font-size: 1.1rem;
		padding: 5px 10px;
	}

	.breadcrumb ul li {
		display: inline;
		vertical-align: middle;
		color: #7D857F;
		padding-right: 15px;
		margin-right: 5px;
		position: relative;
	}

	.breadcrumb ul li::after {
		content: "";
		display: block;
		background: url("../../img/ico_arrow05.png") no-repeat 0 0;
		background-size: contain;
		width: 5px;
		height: 8px;
		position: absolute;
		top: 5px;
		right: 0;
	}

	.breadcrumb ul li:last-child {
		padding-right: 0;
		margin-right: 0;
	}

	.breadcrumb ul li:last-child::after {
		display: none;
	}

	.breadcrumb ul li a {
		color: #0D2E2B;
		line-height: 1;
	}

	.breadcrumb ul li a:hover {
		opacity: 0.7;
	}

	/* 見出し
	---------------------------------------------- */
	.heading01 {
		margin-bottom: 18px;
		padding-left: 25px;
		font-size: 1.5rem;
	}

	.heading01::before {
		width: 18px;
		height: 18px;
	}

	/* ボタン
	---------------------------------------------- */
	.btn_back01 a,
	.btn_deselection01 a {
		min-width: 200px;
		padding: 15px 0;
	}

	/* 記事一覧
	---------------------------------------------- */
	.sec_article {
		padding: 30px 15px;
	}

	.article {
		padding: 20px 0;
	}

	.article h4 {
		font-size: 1.5rem;
		letter-spacing: 0.05em;
	}

	.article .excerpt {
		font-size: 1.3rem;
	}

	.article .inner {
		margin-top: 10px;
	}

	.article .inner .category {
		display: block;
		margin: 0;
	}

	.article .inner .category>div>p {
		font-size: 1.2rem;
	}

	.article .inner .category ul {
		display: flex;
		flex-wrap: wrap;
	}

	.article .inner .category ul li a {
		font-size: 1.2rem;
	}

	.article .inner .tag>div>p {
		font-size: 1.2rem;
	}

	/* 記事詳細
	---------------------------------------------- */
	.article_detail {
		margin-bottom: 28px;
		padding-bottom: 0;
	}

	.article_inner figure {
		padding: 15px;
	}

	/*  ページネーション
	---------------------------------------------- */
	.pagenavi {
		padding-top: 25px;
	}

	.pagenavi span {
		font-size: 1.3rem;
		padding: 8px 10px 6px;
	}

	.pagenavi a {
		font-size: 1.3rem;
		padding: 8px 10px 6px;
	}

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

	side

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

	.wrap_side_common {
		display: contents;
	}

	.wrap_side_common.left .conditions,
	.wrap_side_common.right {
		display: none;
	}

	.wrap_side_common::before {
		content: "";
		display: block;
		background: rgba(13, 46, 43, 0.95);
		opacity: 0;
		width: 100%;
		height: 100vh;
		pointer-events: none;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 3;
	}

	.mode-1024 .wrap_side_common::before {
		transition: opacity .3s;
	}

	#wrap_all.submenu_open .wrap_side_common::before {
		opacity: 1;
		pointer-events: auto;
	}

	.side_common {
		width: 100%;
		transform: translateX(-100%);
		position: fixed;
		top: 0;
		left: 0;
		z-index: 4;
	}

	.mode-1024 .side_common {
		transition: transform .3s;
	}

	#wrap_all.submenu_open .side_common {
		transform: translateX(0);
	}

	.txt_side_common {
		display: none;
	}

	.side_inner_common {
		background: #FFF;
		width: 80%;
		height: 100vh;
		padding-top: 36px;
		overflow-y: scroll;
		position: relative;
	}

	.side_inner_common .menu01 {
		background: none;
		padding-bottom: 0;
		border-bottom: none;
	}

	.side_inner_common .menu01 li:first-of-type {
		border-top: 1px solid #C4C8C6;
	}

	.side_inner_common .menu01 li a {
		padding: 15px 30px 15px 15px;
	}

	.side_inner_common .menu01 li a::after {
		right: 15px;
	}

	.btn_submenu_close {
		background: #FFF;
		display: flex;
		align-items: center;
		font-family: "Amiri";
		line-height: 1;
		width: 126px;
		border-right: 1px solid #C4C8C6;
		border-bottom: 1px solid #C4C8C6;
		padding: 10px 30px 8px 15px;
		font-size: 1.8rem;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		pointer-events: auto;
		cursor: pointer;
	}

	.btn_submenu_close::after {
		content: "";
		display: inline-block;
		background: url("../../img/ico_arrow03.png") no-repeat 0 0;
		background-size: contain;
		width: 11px;
		height: 10px;
		position: absolute;
		top: 50%;
		right: 15px;
		margin-top: -5px;
		transform: scale(-1, 1);
	}

	#btn_stickey {
		position: sticky;
		position: -webkit-sticky;
		/*Safari用*/
		top: 0;
		left: 0;
		z-index: 1;
		display: flex;
	}

	#btn_submenu {
		background: #FFF;
		color: #0C2D2B;
		display: flex;
		align-items: center;
		font-family: "Amiri";
		line-height: 1;
		width: 126px;
		border-right: 1px solid #C4C8C6;
		border-bottom: 1px solid #C4C8C6;
		padding: 10px 30px 8px 15px;
		font-size: 1.8rem;
		pointer-events: auto;
		cursor: pointer;
		margin-right: 5px;
		white-space: nowrap;
		position: sticky;
		position: -webkit-sticky;
		/*Safari用*/
		top: 0;
		left: 0;
		z-index: 2;
	}

	#btn_submenu::after {
		content: "";
		display: inline-block;
		background: url("../../img/ico_arrow03.png") no-repeat 0 0;
		background-size: contain;
		width: 11px;
		height: 10px;
		position: absolute;
		top: 50%;
		right: 15px;
		margin-top: -5px;
	}

	.wrap_side {
		display: contents;
	}

	.wrap_side::before {
		content: "";
		display: block;
		background: rgba(13, 46, 43, 0.95);
		opacity: 0;
		width: 100%;
		height: 100vh;
		pointer-events: none;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 3;
	}

	.mode-1024 .wrap_side::before {
		transition: opacity .3s;
	}

	#wrap_all.submenu_open .wrap_side::before {
		opacity: 1;
		pointer-events: auto;
	}

	.side {
		width: 100%;
		transform: translateX(-100%);
		position: fixed;
		top: 0;
		left: 0;
		z-index: 4;
	}

	.mode-1024 .side {
		transition: transform .3s;
	}

	#wrap_all.submenu_open .side {
		transform: translateX(0);
	}

	.txt_side {
		display: none;
	}

	.side_inner {
		background: #FFF;
		width: 80%;
		height: 100vh;
		padding-top: 36px;
		overflow-y: scroll;
		position: relative;
	}

	.wrap_side.detail .side_inner .menu01 {
		padding-bottom: 20px;
	}

	.side_inner .menu01 li:first-of-type {
		border-top: 1px solid #C4C8C6;
	}

	.side_inner .menu01 li a {
		padding: 15px 30px 15px 15px;
	}

	.side_inner .menu01 li a::after {
		right: 15px;
	}

	.btn_back_side01 a {
		padding: 15px 0;
	}

	#btn_condition {
		background: #FFF;
		color: #0C2D2B;
		display: flex;
		justify-content: center;
		line-height: 1;
		width: 125px;
		text-align: center;
		border: 1px solid #C4C8C6;
		border-top: none;
		padding: 10px 0;
		font-size: 1.3rem;
		position: sticky;
		position: -webkit-sticky;
		/*Safari用*/
		top: 0;
		left: 130px;
		z-index: 1;
		pointer-events: auto;
		cursor: pointer;
	}


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

	ポップアップ

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

	.wrap_popup_condition {
		display: block;
		background: rgba(13, 46, 43, 0.95);
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: 15px;
		z-index: 999;
		overflow-y: scroll;
		-ms-overflow-style: none;
		/* IE, Edge 対応 */
		scrollbar-width: none;
		/* Firefox 対応 */
		pointer-events: none;
		opacity: 0;
	}

	.mode-1024 .wrap_popup_condition {
		transition: opacity .3s;
	}

	.wrap_popup_condition::-webkit-scrollbar {
		/* Chrome, Safari 対応 */
		display: none;
	}

	.wrap_popup_condition.show {
		opacity: 1;
		pointer-events: auto;
	}

	.popup_condition {
		background: #FFF;
		border: 1px solid #C4C8C6;
		padding: 40px 15px;
		width: 100%;
		height: auto;
		position: relative;
	}

	.btn_popup_top {
		display: flex;
		justify-content: center;
	}

	.btn_popup_top p:nth-of-type(1) {
		margin-right: 5px;
	}

	.btn_popup_deselection {
		width: 100%;
		max-width: 165px;
	}

	.btn_popup_deselection a {
		background: #550404;
		color: #FFF;
		padding: 10px 0;
		display: block;
		text-align: center;
	}

	.btn_popup_condition {
		width: 100%;
		max-width: 165px;
	}

	.btn_popup_condition a {
		background: #0D2E2B;
		color: #FFF;
		padding: 10px 0;
		display: block;
		text-align: center;
	}

	.btn_popup_close01 {
		text-align: center;
	}

	.btn_popup_close01 span {
		background: #FFF;
		display: inline-block;
		color: #333;
		padding: 10px 0;
		min-width: 125px;
		text-align: center;
		border: 1px solid #C4C8C6;
	}

	.btn_popup_close02 {
		width: 40px;
		height: 40px;
		border-left: 1px solid #C4C8C6;
		border-bottom: 1px solid #C4C8C6;
		position: absolute;
		top: 0;
		right: 0;
	}

	.btn_popup_close02::before,
	.btn_popup_close02::after {
		content: "";
		display: inline-block;
		background: #0D2E2B;
		width: 16px;
		height: 2px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -1px 0 0 -8px;
	}

	.btn_popup_close02::before {
		transform: rotate(135deg);
	}

	.btn_popup_close02::after {
		transform: rotate(45deg);
	}

	.popup_inner {
		display: inline-block;
		border-top: 1px solid #C4C8C6;
		border-bottom: 1px solid #C4C8C6;
		padding: 20px 0;
		margin: 20px 0;
		width: 100%;
		height: 100%;
	}

	.popup_group {
		margin-bottom: 15px;
	}

	.popup_group:last-of-type {
		margin-bottom: 0;
	}

	.popup_bulk {
		margin-bottom: 5px;
	}

	.popup_bulk li {
		border: 1px solid #C4C8C6;
	}

	.popup_bulk li input[type="checkbox"] {
		display: none;
	}

	.popup_bulk li input[type="checkbox"]+label {
		display: inline-block;
		background: #FFF url("../../img/img_checkbox01.gif") no-repeat 10px 10px;
		background-size: 18px;
		padding: 10px 15px 10px 35px;
		line-height: 18px;
		width: 100%;
		height: 100%;
		font-size: 1.3rem;
		cursor: pointer;
	}

	.popup_bulk li input[type="checkbox"]:checked+label {
		background: #FFF url("../../img/img_checkbox01_on.gif") no-repeat 10px 10px;
		background-size: 18px;
		color: #550404;
	}

	.popup_individually {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-bottom: -5px;
	}

	.popup_individually li {
		width: calc(50% - 2.5px);
		border: 1px solid #C4C8C6;
		margin-bottom: 5px;
	}

	.popup_individually li input[type="checkbox"] {
		display: none;
	}

	.popup_individually li input[type="checkbox"]+label {
		display: inline-block;
		background: #E2E7E3 url("../../img/img_checkbox01.gif") no-repeat 10px 10px;
		background-size: 18px;
		padding: 10px 15px 10px 35px;
		line-height: 18px;
		width: 100%;
		height: 100%;
		font-size: 1.3rem;
		cursor: pointer;
	}

	.popup_individually li input[type="checkbox"]:checked+label {
		background: #E2E7E3 url("../../img/img_checkbox01_on.gif") no-repeat 10px 10px;
		background-size: 18px;
		color: #550404;
	}



}

/*--@media--*/


@media only screen and (max-width:767px) {
	/* 表示領域が767px以下の場合に適用するスタイル */
	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	スマートフォン（iPhone,Android)

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

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

	common

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

	body {
		font-size: 13px;
		font-size: 1.3rem;
	}

	/*--404ページ--*/
	.page_404 .nav_global {
		border-bottom: none;
	}

	.wrap_404 {
		padding: 100px 20px 0;
		margin-bottom: 100px;
	}

	.ttl_404 {
		font-size: 3rem;
		margin-bottom: 12px;
	}

	.txt_404 {
		margin-bottom: 30px;
	}

	.txt_404 br:nth-of-type(2) {
		display: none;
	}

	/* リンク
	---------------------------------------------- */
	.link_tel01 {
		color: #333;
		text-decoration: underline !important;
	}

	/* ページタイトル
	---------------------------------------------- */
	.pagettl {
		background-image: url("../../img/bg_pagettl01_sp.jpg");
		height: 280px;
		font-size: 2rem;
		padding: 0 20px;
	}

	.pagettl p {
		font-size: 1.3rem;
		margin-bottom: 8px;
	}

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

	header

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


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

	footer

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


	/* ページトップボタン
	---------------------------------------------- */
	#pagetop {
		width: 30px;
		height: 30px;
		background-size: 9px;
		right: 15px;
		bottom: 15px;
	}


}

/*--@media--*/