@charset "UTF-8";

html {
	font-size: 62.5%;
}

body {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', '游ゴシック', 'Yu Gothic', "Helvetica Neue", Arial, Meiryo, sans-serif;
	font-weight: normal;
	color: #111111;
	font-size: 1.4em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', '游ゴシック', 'Yu Gothic', "Helvetica Neue", Arial, Meiryo, sans-serif;
	font-weight: bold;
	color: #111111;
}

img {
	width: 100%;
}

.sect-inner {
	width: 100%;
	max-width: 128.0rem;
	margin: 0 auto;
}

header {
	height: 12.7rem;
	position: relative;
	z-index: 10;
	width: 100%;
	border-bottom: solid 2px #e0e0e0;
}

#header-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	max-width: 128.0rem;
	height: 100%;
	margin: 0 auto;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

#header-inner #header-logo-block {
	height: 100%;
}

#header-inner #header-logo-block a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding-left: 4rem;
	width: 100%;
	height: 100%;
	padding-right: 4.0rem;
	padding-left: 6.0rem;
}

#header-inner #header-logo-block a .logo-wrapper {
	font-family: 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', '游ゴシック', 'Yu Gothic', "Helvetica Neue", Arial, Meiryo, sans-serif;
	font-weight: bold;
	color: #111111;
	font-size: 2.44rem;
	font-size: 2.44rem;
	margin-top: 0.3rem;
	font-size: 2.44rem;
}

#header-inner #header-logo-block a .logo-wrapper span {
	display: inline-block;
}

#header-inner #header-menu-block {
	width: 12.3rem;
	width: auto;
	height: 100%;
}

#header-inner #header-menu-block #header-menu-btn-sp {
	display: none;
}

#header-inner #header-menu-block #header-menu-btn-sp .menu-btn .btn-img {
	margin-right: 1rem;
	width: 5.6rem;
	margin-right: auto;
}

#header-inner #header-menu-block #header-menu {
	top: 12.7rem;
	height: 8.6rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	padding-right: 4.7rem;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

#header-inner #header-menu-block #header-menu .menu-block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 100%;
}

#header-inner #header-menu-block #header-menu .menu-block:nth-of-type(1) .menu-btn.toggle-submenu::after, #header-inner #header-menu-block #header-menu .menu-block:nth-of-type(2) .menu-btn.toggle-submenu::after {
	width: 1.08rem;
	bottom: 1.6rem;
}

#header-inner #header-menu-block #header-menu .menu-block:nth-of-type(1) {
	width: 19.8rem;
}

#header-inner #header-menu-block #header-menu .menu-block:nth-of-type(1) .menu-btn .btn-inner {
	padding-left: 0.4rem;
}

#header-inner #header-menu-block #header-menu .menu-block:nth-of-type(1) .menu-btn .btn-inner .btn-img {
	margin-right: 1rem;
	width: 1.386rem;
	width: 1.1em;
	margin-top: -0.2rem;
	margin-right: 0.8rem;
}

#header-inner #header-menu-block #header-menu .menu-block:nth-of-type(1) .submenu {
	background-color: #12bcf2;
}

#header-inner #header-menu-block #header-menu .menu-block:nth-of-type(2) {
	width: 22.6rem;
}

#header-inner #header-menu-block #header-menu .menu-block:nth-of-type(2) .menu-btn .btn-inner .btn-img {
	margin-right: 1rem;
	width: 2.645rem;
	width: 2.1em;
	margin-top: -0.2rem;
	margin-right: 1rem;
}

#header-inner #header-menu-block #header-menu .menu-block:nth-of-type(2) .submenu {
	background-color: #75be45;
}

#header-inner #header-menu-block #header-menu .menu-block:nth-of-type(3) {
	width: 16.7rem;
}

#header-inner #header-menu-block #header-menu .menu-block:nth-of-type(3) .menu-btn .btn-inner {
	padding-left: 0.4rem;
}

#header-inner #header-menu-block #header-menu .menu-block:nth-of-type(3) .menu-btn .btn-inner .btn-img {
	margin-right: 1rem;
	width: 0.81rem;
	width: 0.7em;
	margin-top: -1rem;
	margin-right: 1.1rem;
}

#header-inner #header-menu-block #header-menu .menu-block .menu-btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: calc(100% + 3px);
}

#header-inner #header-menu-block #header-menu .menu-block .menu-btn .btn-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 60%;
	border-left: dashed 1px #e0e0e0;
}

#header-inner #header-menu-block #header-menu .menu-block .menu-btn .btn-inner .btn-name {
	font-size: 1.8rem;
	font-size: 1.55rem;
	margin-top: -0.1rem;
	font-size: 1.55rem;
	letter-spacing: 0.1em;
}

#header-inner #header-menu-block #header-menu .menu-block:last-of-type .menu-btn .btn-inner {
	border-right: dashed 1px #e0e0e0;
}

#header-inner #header-menu-block #header-menu .menu-block .menu-btn.toggle-submenu {
	position: relative;
}

#header-inner #header-menu-block #header-menu .menu-block .menu-btn.toggle-submenu::after {
	position: absolute;
	display: block;
	content: '';
}

#header-inner #header-menu-block #header-menu .menu-block .menu-btn.toggle-submenu::after {
	bottom: 3.0rem;
	width: 1.08rem;
	height: 0.6rem;
	background-image: url("../img/header_shape01.svg");
	background-repeat: no-repeat;
	background-size: contain;
}

#header-inner #header-menu-block #header-menu .menu-block div.submenu {
	top: 8.6rem;
	position: absolute;
	top: 12.7rem;
	left: 0;
	display: none;
	width: 100%;
	color: #ffffff;
}

#header-inner #header-menu-block #header-menu .menu-block div.submenu .submenu-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	max-width: 128.0rem;
	margin: 0 auto;
}

#header-inner #header-menu-block #header-menu .menu-block div.submenu .submenu-h-block a {
	padding-top: 4.4rem;
	padding-bottom: 4.4rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	width: 16.0rem;
	margin-right: 8.8rem;
	margin-left: 9.4rem;
	padding: 5.9rem 0;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#header-inner #header-menu-block #header-menu .menu-block div.submenu .submenu-h-block a .icon-wrapper {
	margin-bottom: 2.4rem;
	height: 8.4rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 8.4rem;
	margin-bottom: 2.4rem;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#header-inner #header-menu-block #header-menu .menu-block div.submenu .submenu-h-block a .txt-wrapper {
	font-size: 1.8rem;
	font-family: 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', '游ゴシック', 'Yu Gothic', "Helvetica Neue", Arial, Meiryo, sans-serif;
	font-weight: bold;
	color: #111111;
	font-size: 1.8rem;
	line-height: 1em;
	color: #ffffff;
	letter-spacing: 0.1em;
}

#header-inner #header-menu-block #header-menu .menu-block div.submenu .submenu-nav-block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	padding-top: 5.5rem;
	padding-right: 1.7rem;
	padding-bottom: 1.5rem;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

#header-inner #header-menu-block #header-menu .menu-block div.submenu .submenu-nav-block ul {
	margin-bottom: 3rem;
	display: block;
	margin-right: 3.0rem;
	margin-bottom: 4.0rem;
	-ms-flex-preferred-size: 32.5rem;
	flex-basis: 32.5rem;
}

#header-inner #header-menu-block #header-menu .menu-block div.submenu .submenu-nav-block ul li {
	margin-bottom: 1.7rem;
	margin-bottom: 1.0rem;
}

#header-inner #header-menu-block #header-menu .menu-block div.submenu .submenu-nav-block ul li a {
	font-size: 1.9rem;
	position: relative;
	display: block;
	padding-left: 1.4em;
	font-size: 1.6rem;
	line-height: 1.8em;
	letter-spacing: 0.06em;
}

#header-inner #header-menu-block #header-menu .menu-block div.submenu .submenu-nav-block ul li a::before {
	position: absolute;
	top: 50%;
	left: 0;
	display: inline-block;
	font-size: 0.7rem;
	line-height: 1.4em;
	content: '\025cf';
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

#header-inner #header-menu-block #header-menu .menu-block div.submenu .submenu-nav-block ul li a::first-line {
	margin-left: -2.0rem;
	vertical-align: 0.1em;
}

#header-inner #header-menu-block #header-menu .menu-block div.submenu .submenu-nav-block ul li a:hover {
	text-decoration: underline;
}

#header-inner #header-menu-block #header-menu .menu-block div.submenu .submenu-nav-block ul .li-imp {
	font-size: 1.75rem;
	margin-bottom: 1.7rem;
}

#header-inner #header-menu-block #header-menu .menu-block div.submenu .submenu-nav-block ul .li-imp a {
	font-size: 1.75rem;
	position: relative;
	display: block;
	padding-left: 1.3em;
	font-size: 1.75rem;
	line-height: 1.4em;
	letter-spacing: 0.08em;
}

#header-inner #header-menu-block #header-menu .menu-block div.submenu .submenu-nav-block ul .li-imp a::before {
	position: absolute;
	top: 50%;
	left: 0;
	display: inline-block;
	font-size: 1.5rem;
	line-height: 1em;
	content: '\03e';
	-webkit-transform: translateY(-55%);
	transform: translateY(-55%);
}

#header-inner #header-menu-block #header-menu .menu-block div.submenu .submenu-nav-block ul .li-imp a::first-line {
	margin-left: -1.8rem;
	vertical-align: 0.1em;
}

#header-inner #header-menu-block #header-menu .menu-block div.submenu .submenu-nav-block ul .li-imp:not(:first-child) {
	margin-top: 2.3em;
}

#header-inner #header-menu-block #header-menu .menu-block div.submenu .submenu-nav-block ul:last-of-type {
	margin-bottom: 7rem;
}

#header-inner #header-menu-block #header-menu .menu-block div.submenu-open {
	display: block;
}

footer {
	border-top: solid #e8e8e8 0.5rem;
}

footer #footer-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	max-width: 60.0rem;
	margin: 0 auto;
	padding: 0 1.5rem;
	padding-top: 5.2rem;
	padding-bottom: 6.2rem;
}

footer #footer-inner > * {
	text-align: center;
}

footer #footer-council {
	font-family: 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', '游ゴシック', 'Yu Gothic', "Helvetica Neue", Arial, Meiryo, sans-serif;
	font-weight: bold;
	color: #111111;
	font-size: 2.4rem;
	margin-bottom: 0.84615em;
	font-size: 2.6rem;
	line-height: 1.8em;
	letter-spacing: 0.09em;
	-webkit-font-feature-settings: 'palt';
	font-feature-settings: 'palt';
}

footer #footer-council span {
	display: inline-block;
	padding: 0 0.35em;
}

footer #footer-office {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-bottom: 2.4rem;
	font-size: 1.6rem;
	line-height: 1.6em;
}

footer #footer-office > div {
	display: inline-block;
	letter-spacing: 0.05em;
	-webkit-font-feature-settings: 'palt';
	font-feature-settings: 'palt';
}

footer #footer-office > div:not(:last-of-type) {
	margin-bottom: 0.7rem;
}

footer #footer-office > div:last-of-type {
	font-size: 1.4rem;
	letter-spacing: 0.02em;
}

footer #footer-office > div span {
	display: inline-block;
}

footer #footer-office .office-address span,
footer #footer-office .office-contact span {
	display: inline-block;
	padding: 0 0.25em;
}

footer #footer-linklist {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 3.1rem;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

footer #footer-linklist li {
	border-left: solid 1px #9e9e9e;
}

footer #footer-linklist li a {
	display: inline-block;
	padding: 0 1.2em;
	font-size: 1.5rem;
	line-height: 1.5em;
	color: #9e9e9e;
	letter-spacing: 0.1em;
}

footer #footer-linklist li a:hover {
	opacity: 0.5;
}

footer #footer-linklist li:last-of-type {
	margin-right: 0;
	border-right: solid 1px #9e9e9e;
}

footer #footer-copyright {
	display: block;
	width: 100%;
	text-align: center;
	letter-spacing: 0.06em;
}

footer #footer-copyright span {
	display: inline-block;
}

section.first {
	margin-top: 8.0rem;
}

section.common {
	margin-bottom: 8.0rem;
}

section.common .sect-inner {
	width: 100%;
	max-width: 90.4rem;
}

section.common .sect-inner .link-group {
	margin-bottom: 4.6rem;
}

section.common h2 {
	font-family: 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', '游ゴシック', 'Yu Gothic', "Helvetica Neue", Arial, Meiryo, sans-serif;
	font-weight: bold;
	color: #111111;
	font-size: 2.2rem;
	margin-bottom: 1.09091em;
	font-size: 3.2rem;
	letter-spacing: 0.04em;
	color: #12bcf2;
	text-align: center;
	-webkit-font-feature-settings: 'palt';
	font-feature-settings: 'palt';
}

section.common h2 span {
	display: inline-block;
}

section.common h2 span {
	display: inline-block;
}

section.common h3 {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', '游ゴシック', 'Yu Gothic', "Helvetica Neue", Arial, Meiryo, sans-serif;
	font-weight: normal;
	color: #111111;
	font-size: 2.2rem;
	margin-bottom: 0.84848em;
	font-size: 2.8rem;
	letter-spacing: 0.04em;
	color: #111111;
	text-align: center;
	-webkit-font-feature-settings: 'palt';
	font-feature-settings: 'palt';
}

section.common h3 span {
	display: inline-block;
}

section.common h3 span {
	display: inline-block;
}

section.common p {
	font-size: 1.6rem;
	max-width: 77.0rem;
	margin: 0 auto;
	margin-bottom: 2.2rem;
	line-height: 2.3em;
	text-align: justify;
}

section.common p a {
	color: #12bcf2;
	text-decoration: underline;
}

section.common ul,
section.common ol {
	font-size: 1.6rem;
	max-width: 77.0rem;
	margin: 0 auto;
	line-height: 2.3em;
	text-align: justify;
}

section.common ul li,
section.common ol li {
	font-size: inherit;
}

section.common ul li a,
section.common ol li a {
	font-size: inherit;
	color: #12bcf2;
}

section.common ul.linklist,
section.common ol.linklist {
	margin: 0 auto;
}

section.common ul.linklist li,
section.common ol.linklist li {
	border-top: solid 2px #e8e8e8;
}

section.common ul.linklist li:last-of-type,
section.common ol.linklist li:last-of-type {
	border-bottom: solid 2px #e8e8e8;
}

section.common ul.linklist li a,
section.common ol.linklist li a {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 1.2em 0;
	padding-right: 4em;
	line-height: 1.6em;
	color: #12bcf2;
}

section.common ul.linklist li a::after,
section.common ol.linklist li a::after {
	position: absolute;
	display: block;
	content: '';
}

section.common ul.linklist li a::after,
section.common ol.linklist li a::after {
	background-image: url("../img/icon_arrow_gray.svg");
	position: static;
	display: inline-block;
	width: 0.8rem;
	height: 1.33333rem;
	margin-top: 0.1rem;
	margin-right: 1.3rem;
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	right: -0.1em;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

section.common ul.linklist li a:hover,
section.common ol.linklist li a:hover {
	background-color: #f3f3f3;
}

section.common ol {
	font-size: 1.6rem;
	padding-left: 2em;
	line-height: 2.3em;
	text-align: justify;
}

section.common ol li {
	position: relative;
	font-size: inherit;
	list-style-type: none;
	counter-increment: cnt;
}

section.common ol li::before {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 3em;
	margin-left: -3.6em;
	text-align: right;
	content: "(" counter(cnt) ")";
}

section.common ol.linklist {
	padding-left: 0;
}

section.common ol.linklist li a {
	padding-left: 3.4em;
}

section.common ol.linklist li::before {
	display: none;
}

section.common ol.linklist li::after {
	position: absolute;
	top: 50%;
	left: 0;
	display: inline-block;
	width: 1em;
	margin-left: 0.8em;
	font-size: 1.4rem;
	text-align: right;
	content: counter(cnt) ".";
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

section.common .img-wrapper {
	margin: 0 auto;
}

section.common:last-of-type {
	margin-bottom: 12.0rem;
}

main:not(#main-index) section,
main:not(#main-index) #main-visual,
main:not(#main-index) #page-title .div-inner {
	padding-right: 4.6rem;
	padding-left: 4.6rem;
}

main:not(#main-index) section h2.h-long,
main:not(#main-index) #main-visual h2.h-long,
main:not(#main-index) #page-title .div-inner h2.h-long {
	padding: 0;
}

section.blueback {
	padding-top: 9.0rem;
	padding-bottom: 9.2rem;
	margin-bottom: 9.2rem;
	background-color: #d9f8ff;
}

section.blueback .sect-inner {
	width: 100%;
	max-width: 96.0rem;
	padding: 0 3.68rem;
	padding-top: 6.2rem;
	padding-bottom: 5.0rem;
	background-color: #ffffff;
	border-radius: 4.8rem;
}

section.blueback h2.htkd-style {
	font-size: 3.3rem;
	margin-bottom: 3.6rem;
	font-size: 3.2rem;
	letter-spacing: 0.04em;
}

section.blueback h2.htkd-style span {
	display: inline-block;
}

#main-visual {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: auto;
}

#main-visual.type-public {
	background-color: #12bcf2;
}

#main-visual.type-expert {
	background-color: #75be45;
}

#main-visual.type-info {
	background-color: #ffb81a;
}

#main-visual.type-council {
	background-image: url("../expert/img/council_mv.jpg");
	background-size: cover;
}

#main-visual.type-search {
	background-image: url("../expert/img/search_mv.jpg");
	background-size: cover;
}

#main-visual.type-point {
	background-image: url("../expert/img/point_mv.jpg");
	background-size: cover;
}

#main-visual.type-system {
	background-image: url("../expert/img/system_mv.jpg");
	background-size: cover;
}

#main-visual.type-info-provision {
	background-image: url("../expert/img/info_provision_mv.jpg");
	background-size: cover;
}

#main-visual h1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 4.2rem;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	height: 4.90476em;
	min-height: 13.733rem;
	padding: 0.90476em 0;
	margin-left: 0.19em;
	line-height: 1;
	letter-spacing: 0.19em;
	color: #ffffff;
	-webkit-font-feature-settings: 'palt';
	font-feature-settings: 'palt';
}

#main-visual h1 span:not(:last-of-type) {
	margin-bottom: 0;
}

#main-visual h1.h1-long {
	font-size: 4.2rem;
}

#page-title {
	margin-top: 8.2rem;
}

#page-title h2 {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', '游ゴシック', 'Yu Gothic', "Helvetica Neue", Arial, Meiryo, sans-serif;
	font-weight: normal;
	color: #111111;
	font-size: 4.2rem;
	padding: 0 4.6rem;
	margin-bottom: 1.3rem;
	letter-spacing: 0.18em;
	text-align: center;
	-webkit-font-feature-settings: 'palt';
	font-feature-settings: 'palt';
}

#page-title h2 span {
	display: inline-block;
}

#page-title h2.h-long {
	font-size: 4.2rem;
}

#page-title .h2-subtxt-en {
	font-family: 'Bahnschrift', "Helvetica Neue", Arial, Meiryo, sans-serif;
	font-size: 1.8rem;
	margin-bottom: 5.8rem;
	letter-spacing: 0.08em;
	color: #12bcf2;
	text-align: center;
}

#page-title #menu-txt {
	font-size: 1.6rem;
	width: 100%;
	max-width: 90.4rem;
	padding: 0 4.6rem;
	margin: 0 auto;
	margin-bottom: 3.3rem;
	line-height: 2.3em;
	text-align: justify;
}

#page-title #menu-txt-block {
	width: 100%;
	max-width: 90.4rem;
	padding: 0 4.6rem;
	margin: 0 auto;
}

#page-title #menu-txt-block p {
	font-size: 1.6rem;
	margin-bottom: 2.2rem;
	line-height: 2.3em;
	text-align: justify;
}

#page-title #menu-txt.style-point {
	margin-bottom: 7.0rem;
}

#page-title #subpage-btn-open {
	width: 100%;
	max-width: 15.6rem;
	height: 5.2rem;
	margin: 0 auto;
}

#page-title #subpage-btn-open > * {
	position: relative;
	font-family: 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', '游ゴシック', 'Yu Gothic', "Helvetica Neue", Arial, Meiryo, sans-serif;
	font-weight: bold;
	color: #111111;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%;
	border-radius: 2.6rem;
	background-color: #03b9f2;
	color: #ffffff;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

#page-title #subpage-btn-open > *:hover {
	background-color: #26cbff;
}

#page-title #subpage-btn-open > *::after {
	position: absolute;
	display: block;
	content: '';
}

#page-title #subpage-btn-open > * span {
	margin-left: 4.6rem;
}

#page-title #subpage-btn-open > *::after {
	background-image: url("../img/icon_arrow_white.svg");
	position: static;
	display: inline-block;
	width: 0.5em;
	height: 0.83333em;
	margin-top: 0.1rem;
	margin-right: 1.3rem;
	background-repeat: no-repeat;
}

#page-title #subpage-btn-open span {
	margin-left: 1.6rem;
	font-size: 1.7rem;
}

#page-title #menu-txt-hideblock {
	display: none;
}

#page-title #menu-txt-hideblock.block-open {
	display: block;
}

#page-title > *:last-child {
	margin-bottom: 7.0rem;
}

#sect-index-menu h3 {
	font-size: 2.8rem;
	text-align: center;
}

#sect-index-menu .linklist .link-wrapper h3 {
	margin-top: -2.3rem;
	margin-bottom: 3.3rem;
}

#sect-index-menu .linklist .link-wrapper {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
}

#sect-index-menu .linklist .link-wrapper a {
	display: block;
	width: 100%;
	height: 100%;
}

#sect-index-menu .linklist .link-wrapper a .link-img {
	height: 23.6rem;
	margin-bottom: 2.6rem;
	width: 100%;
	border: solid 1px #e8e8e8;
}

#sect-index-menu .linklist .link-wrapper a .link-img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

#sect-index-menu .linklist .link-wrapper a .link-h {
	font-family: 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', '游ゴシック', 'Yu Gothic', "Helvetica Neue", Arial, Meiryo, sans-serif;
	font-weight: bold;
	color: #111111;
	font-size: 2.4rem;
	margin-bottom: 0.75em;
	line-height: 1.4em;
	color: #12bcf2;
}

#sect-index-menu .linklist .link-wrapper a .link-h span {
	display: inline-block;
}

#sect-index-menu .linklist .link-wrapper a .link-txt {
	font-size: 1.6rem;
	line-height: 2.3em;
	text-align: justify;
}

#sect-index-menu .linklist .link-wrapper a:hover {
	opacity: 0.7;
}

#sect-index-menu .linklist:last-child {
	margin-bottom: 12.0rem;
}

#sect-index-menu .layout-2column {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	max-width: 116.2rem;
	padding: 0 2.3rem;
	margin-right: auto;
	margin-left: auto;
}

#sect-index-menu .layout-2column .link-wrapper {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-ms-flex-preferred-size: 37.0rem;
	flex-basis: 37.0rem;
	margin: 3.3rem 2.3rem 6rem 2.3rem;
}

#sect-index-menu .layout-2column .link-wrapper .link-img {
	height: 23.6rem;
}

#sect-index-menu .layout-3column {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	max-width: 116.2rem;
	padding: 0 2.6rem;
	margin-right: auto;
	margin-left: auto;
}

#sect-index-menu .layout-3column .link-wrapper {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	min-width: 30rem;
	margin: 3.3rem 2rem 6rem 2rem;
}

#sect-index-menu .layout-3column .link-wrapper .link-img {
	height: 21.0rem;
}

#sect-index-menu .layout-3column::after {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: 0;
	min-width: 30rem;
	margin: 3.3rem 2rem;
	content: '';
}

#sect-index-menu .layout-3column-sub {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	max-width: 116.2rem;
	padding: 0 2.6rem;
	margin-right: auto;
	margin-left: auto;
}

#sect-index-menu .layout-3column-sub .link-wrapper {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	min-width: 20rem;
	margin: 3.3rem 2rem 6rem 2rem;
}

#sect-index-menu .layout-3column-sub .link-wrapper .link-img {
	height: 21.0rem;
	margin-bottom: 0.9rem;
}

#sect-index-menu .layout-3column-sub .link-wrapper .link-h {
	margin-bottom: 0;
}

#sect-foodlist .sect-inner {
	max-width: 90.0rem;
}

#sect-foodlist ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	margin-bottom: 5.0rem;
}

#sect-foodlist ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: calc(33.33333% - 1.33333rem);
	min-width: 28.66667rem;
	padding: 3.5rem 2.0rem;
	margin-right: 2rem;
	margin-bottom: 2rem;
	border: solid 2px #e8e8e8;
}

#sect-foodlist ul li > div:last-child {
	margin-bottom: 0;
}

#sect-foodlist ul .headblock {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	max-height: 30rem;
	min-height: 27.2rem;
}

#sect-foodlist ul .txtblock {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

#sect-foodlist ul .food-name {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 1.8rem;
	font-family: 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', '游ゴシック', 'Yu Gothic', "Helvetica Neue", Arial, Meiryo, sans-serif;
	font-weight: bold;
	color: #111111;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	margin-bottom: 0.77778em;
	font-size: 1.8rem;
	text-align: center;
	vertical-align: middle;
}

#sect-foodlist ul .food-img {
	max-width: 23.0rem;
	margin-bottom: 1.8rem;
}

#sect-foodlist ul .food-type,
#sect-foodlist ul .food-crops,
#sect-foodlist ul .food-group,
#sect-foodlist ul .food-sells {
	display: block;
	width: 100%;
	margin-bottom: 0.8em;
	font-size: 1.6rem;
	text-align: center;
}

#sect-foodlist ul .txt-h {
	font-family: 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', '游ゴシック', 'Yu Gothic', "Helvetica Neue", Arial, Meiryo, sans-serif;
	font-weight: bold;
	color: #111111;
	margin-bottom: 0.3em;
	font-size: 1.7rem;
	color: #12bcf2;
}

#sect-foodlist ul .txt {
	font-size: inherit;
}

#sect-foodlist ul li.li-null {
	height: 0;
	padding: 0;
	margin: 0;
	border: 0;
}

#sect-foodlist .link-wrapper {
	width: 100%;
	max-width: 40.0rem;
	margin: 0 auto;
	margin-bottom: 12.0rem;
}

#sect-foodlist .link-wrapper a {
	font-size: 1.8rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-family: 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', '游ゴシック', 'Yu Gothic', "Helvetica Neue", Arial, Meiryo, sans-serif;
	font-weight: bold;
	color: #111111;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	padding: 1.5em 2em;
	font-size: 1.8rem;
	color: #ffffff;
	text-align: center;
	background-color: #12bcf2;
}

#sect-foodlist .link-wrapper a span {
	display: inline-block;
}

@media (min-width: 1800px) {
	/* 1800px */
	html {
		font-size: 78.125%;
	}
}

@media (min-width: 1280px) {
	/* 1280px */
}

@media (max-width: 1800px) {
	/* 1800px */
}

@media (max-width: 1800px) and (min-width: 320px) {
	/* 1800px ~ 320px */
}

@media (max-width: 1800px) and (min-width: 450px) {
	/* 1800px ~ 450px */
}

@media (max-width: 1800px) and (min-width: 750px) {
	/* 1800px ~ 750px */
}

@media (max-width: 1800px) and (min-width: 1000px) {
	/* 1800px ~ 1000px */
}

@media (max-width: 1800px) and (min-width: 1162px) {
	/* 1800px ~ 1162px */
}

@media (max-width: 1800px) and (min-width: 1280px) {
	/* 1800px ~ 1280px */
}

@media (max-width: 1280px) {
	/* 1280px */
}

@media (max-width: 1280px) and (min-width: 320px) {
	/* 1280px ~ 320px */
}

@media (max-width: 1280px) and (min-width: 450px) {
	/* 1280px ~ 450px */
}

@media (max-width: 1280px) and (min-width: 750px) {
	/* 1280px ~ 750px */
	#header-inner #header-logo-block a .logo-wrapper {
		font-size: calc(1.4rem + 1.96226vw - 14.71698px);
	}
	#header-inner #header-menu-block #header-menu .menu-block:nth-of-type(1) {
		width: calc(14.85rem + 9.33962vw - 70.04717px);
	}
	#header-inner #header-menu-block #header-menu .menu-block:nth-of-type(1) .menu-btn .btn-inner .btn-img {
		width: calc(0.99em + 0.20755vw - 1.5566px);
	}
	#header-inner #header-menu-block #header-menu .menu-block:nth-of-type(2) {
		width: calc(16.95rem + 10.66038vw - 79.95283px);
	}
	#header-inner #header-menu-block #header-menu .menu-block:nth-of-type(2) .menu-btn .btn-inner .btn-img {
		width: calc(1.89em + 0.39623vw - 2.9717px);
	}
	#header-inner #header-menu-block #header-menu .menu-block:nth-of-type(3) {
		width: calc(12.525rem + 7.87736vw - 59.08019px);
	}
	#header-inner #header-menu-block #header-menu .menu-block:nth-of-type(3) .menu-btn .btn-inner .btn-img {
		width: calc(0.63em + 0.13208vw - 0.99057px);
	}
	#header-inner #header-menu-block #header-menu .menu-block .menu-btn .btn-inner .btn-name {
		font-size: calc(1.2rem + 0.66038vw - 4.95283px);
	}
}

@media (max-width: 1280px) and (min-width: 1000px) {
	/* 1280px ~ 1000px */
}

@media (max-width: 1280px) and (min-width: 1162px) {
	/* 1280px ~ 1162px */
}

@media (max-width: 1162px) {
	/* 1162px */
}

@media (max-width: 1162px) and (min-width: 320px) {
	/* 1162px ~ 320px */
}

@media (max-width: 1162px) and (min-width: 450px) {
	/* 1162px ~ 450px */
}

@media (max-width: 1162px) and (min-width: 750px) {
	/* 1162px ~ 750px */
}

@media (max-width: 1162px) and (min-width: 1000px) {
	/* 1162px ~ 1000px */
}

@media (max-width: 1000px) {
	/* 1000px */
	#sect-foodlist ul li {
		width: calc(50% - 1rem);
		min-width: 29.2rem;
	}
	#sect-foodlist ul li:nth-of-type(2n) {
		margin-right: 0;
	}
}

@media (max-width: 1000px) and (min-width: 320px) {
	/* 1000px ~ 320px */
}

@media (max-width: 1000px) and (min-width: 450px) {
	/* 1000px ~ 450px */
}

@media (max-width: 1000px) and (min-width: 750px) {
	/* 1000px ~ 750px */
}

@media (max-width: 750px) {
	/* 750px */
	#header-inner #header-logo-block a .logo-wrapper {
		font-size: 1.4rem;
	}
	#header-inner #header-menu-block #header-menu .menu-block:nth-of-type(1) {
		width: 14.85rem;
	}
	#header-inner #header-menu-block #header-menu .menu-block:nth-of-type(1) .menu-btn .btn-inner .btn-img {
		width: 0.99em;
	}
	#header-inner #header-menu-block #header-menu .menu-block:nth-of-type(2) {
		width: 16.95rem;
	}
	#header-inner #header-menu-block #header-menu .menu-block:nth-of-type(2) .menu-btn .btn-inner .btn-img {
		width: 1.89em;
	}
	#header-inner #header-menu-block #header-menu .menu-block:nth-of-type(3) {
		width: 12.525rem;
	}
	#header-inner #header-menu-block #header-menu .menu-block:nth-of-type(3) .menu-btn .btn-inner .btn-img {
		width: 0.63em;
	}
	#header-inner #header-menu-block #header-menu .menu-block .menu-btn .btn-inner .btn-name {
		font-size: 1.2rem;
	}
	#header-inner #header-logo-block a {
		padding-left: 4.3rem;
	}
	#header-inner #header-logo-block a .logo-wrapper {
		margin-top: 0.3rem;
		font-size: 2.76rem;
	}
	#header-inner #header-menu-block {
		width: 12.3rem;
	}
	#header-inner #header-menu-block #header-menu-btn-sp {
		display: block;
		height: 100%;
	}
	#header-inner #header-menu-block #header-menu-btn-sp .menu-btn {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 100%;
		height: 100%;
	}
	#header-inner #header-menu-block #header-menu-btn-sp .menu-btn .btn-img {
		width: 5.6rem;
		margin-top: 0.3rem;
	}
	#header-inner #header-menu-block #header-menu-btn-sp .menu-btn .btn-img img {
		-o-object-fit: contain;
		object-fit: contain;
	}
	#header-inner #header-menu-block #header-menu-btn-sp .menu-btn .btn-img img.img-hidden {
		display: none;
	}
	#header-inner #header-menu-block #header-menu {
		position: absolute;
		left: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100vw;
		height: 8.6rem;
		padding-right: 0;
	}
	#header-inner #header-menu-block #header-menu .menu-block {
		display: none;
	}
	#header-inner #header-menu-block #header-menu .menu-block div.submenu .submenu-inner {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	#header-inner #header-menu-block #header-menu .menu-block div.submenu .submenu-inner .submenu-h-block a {
		margin: 0 auto;
	}
	#header-inner #header-menu-block #header-menu .menu-block div.submenu .submenu-inner .submenu-h-block a .icon-wrapper img {
		width: auto;
		height: 100%;
	}
	#header-inner #header-menu-block #header-menu .menu-block div.submenu .submenu-inner .submenu-nav-block {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 0 3.2rem;
	}
	#header-inner #header-menu-block #header-menu .menu-block div.submenu .submenu-inner .submenu-nav-block ul {
		width: 100%;
		max-width: 60.0rem;
		margin: 0 auto;
		margin-bottom: 3.0rem;
		padding-left: 0;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
	}
	#header-inner #header-menu-block #header-menu .menu-block div.submenu .submenu-inner .submenu-nav-block ul li {
		height: auto;
	}
	#header-inner #header-menu-block #header-menu .menu-block div.submenu .submenu-inner .submenu-nav-block ul li a {
		width: 100%;
		padding-left: 1.57895em;
	}
	#header-inner #header-menu-block #header-menu .menu-block div.submenu .submenu-inner .submenu-nav-block ul .li-imp a {
		height: auto;
		padding-top: 1.14286em;
		padding-bottom: 1.14286em;
		border-top: solid 1px #ffffff;
		border-bottom: solid 1px #ffffff;
	}
	#header-inner #header-menu-block #header-menu .menu-block div.submenu .submenu-inner .submenu-nav-block ul .li-imp a span {
		display: inline-block;
	}
	#header-inner #header-menu-block #header-menu .menu-block div.submenu .submenu-inner .submenu-nav-block ul .li-imp a::before {
		font-size: inherit;
	}
	#header-inner #header-menu-block #header-menu .menu-block:nth-of-type(1), #header-inner #header-menu-block #header-menu .menu-block:nth-of-type(2), #header-inner #header-menu-block #header-menu .menu-block:nth-of-type(3), #header-inner #header-menu-block #header-menu .menu-block:last-of-type {
		width: 33.333vw;
		border-top: solid 1px #e8e8e8;
		border-bottom: solid 4px #e8e8e8;
	}
	#header-inner #header-menu-block #header-menu .menu-block:nth-of-type(1) .menu-btn .btn-inner, #header-inner #header-menu-block #header-menu .menu-block:nth-of-type(2) .menu-btn .btn-inner, #header-inner #header-menu-block #header-menu .menu-block:nth-of-type(3) .menu-btn .btn-inner, #header-inner #header-menu-block #header-menu .menu-block:last-of-type .menu-btn .btn-inner {
		padding-right: 0.7rem;
		padding-left: 0.7rem;
		border-right: 0;
		border-left: 0;
	}
	#header-inner #header-menu-block #header-menu .menu-block:nth-of-type(1) .menu-btn .btn-inner .btn-img, #header-inner #header-menu-block #header-menu .menu-block:nth-of-type(2) .menu-btn .btn-inner .btn-img, #header-inner #header-menu-block #header-menu .menu-block:nth-of-type(3) .menu-btn .btn-inner .btn-img, #header-inner #header-menu-block #header-menu .menu-block:last-of-type .menu-btn .btn-inner .btn-img {
		-ms-flex-negative: 0;
		flex-shrink: 0;
	}
	#header-inner #header-menu-block #header-menu .menu-block:nth-of-type(1) .menu-btn, #header-inner #header-menu-block #header-menu .menu-block:nth-of-type(2) .menu-btn {
		border-right: solid 1px #e8e8e8;
	}
	#header-inner #header-menu-block #header-menu .menu-block:nth-of-type(1) .menu-btn.toggle-submenu::after, #header-inner #header-menu-block #header-menu .menu-block:nth-of-type(2) .menu-btn.toggle-submenu::after {
		bottom: 1.6rem;
	}
	#header-inner #header-menu-block #header-menu .menu-block .menu-btn,
	#header-inner #header-menu-block #header-menu .menu-block .menu-btn.toggle-submenu {
		background-color: #ffffff;
	}
	#header-inner #header-menu-block #header-menu .menu-block.submenu-open {
		display: block;
	}
	section.blueback .sect-inner {
		padding-right: 4.14rem;
		padding-left: 4.14rem;
	}
	#page-title #subpage-btn-open > *::after {
		background-image: url("../img/icon_arrow_white.svg");
		position: static;
		display: inline-block;
		width: 0.5em;
		height: 0.83333em;
		margin-top: 0.1rem;
		margin-right: 1.3rem;
		background-repeat: no-repeat;
	}
	#sect-foodlist ul li {
		width: 100%;
		min-width: 100%;
	}
	#sect-foodlist ul li:nth-of-type(1n) {
		margin-right: 0;
	}
}

@media (max-width: 750px) and (min-width: 320px) {
	/* 750px ~ 320px */
	header {
		height: calc(8.8rem + 9.06977vw - 29.02326px);
	}
	#header-inner #header-logo-block a {
		padding-left: calc(2rem + 4.65116vw - 14.88372px);
	}
	#header-inner #header-logo-block a .logo-wrapper {
		font-size: calc(1.4rem + 2.4186vw - 7.73953px);
	}
	#header-inner #header-menu-block {
		width: calc(8.6rem + 8.60465vw - 27.53488px);
	}
	#header-inner #header-menu-block #header-menu-btn-sp .menu-btn .btn-img {
		margin-right: calc(0.7rem + 0.69767vw - 2.23256px);
	}
	#header-inner #header-menu-block #header-menu {
		top: calc(8.6rem + 9.53488vw - 30.51163px);
	}
	#header-inner #header-menu-block #header-menu {
		height: calc(6rem + 6.04651vw - 19.34884px);
	}
	#header-inner #header-menu-block #header-menu .menu-block:nth-of-type(1) .menu-btn.toggle-submenu::after, #header-inner #header-menu-block #header-menu .menu-block:nth-of-type(2) .menu-btn.toggle-submenu::after {
		width: calc(0.7rem + 0.88372vw - 2.82791px);
	}
	#header-inner #header-menu-block #header-menu .menu-block:nth-of-type(1) .menu-btn.toggle-submenu::after, #header-inner #header-menu-block #header-menu .menu-block:nth-of-type(2) .menu-btn.toggle-submenu::after {
		bottom: calc(0.6rem + 2.32558vw - 7.44186px);
	}
	#header-inner #header-menu-block #header-menu .menu-block:nth-of-type(1) .menu-btn .btn-inner .btn-img {
		margin-right: calc(0.3rem + 1.62791vw - 5.2093px);
	}
	#header-inner #header-menu-block #header-menu .menu-block:nth-of-type(1) .menu-btn .btn-inner .btn-img {
		width: calc(1rem + 0.89767vw - 2.87256px);
	}
	#header-inner #header-menu-block #header-menu .menu-block:nth-of-type(2) .menu-btn .btn-inner .btn-img {
		margin-right: calc(0.4rem + 1.39535vw - 4.46512px);
	}
	#header-inner #header-menu-block #header-menu .menu-block:nth-of-type(2) .menu-btn .btn-inner .btn-img {
		width: calc(2rem + 1.5vw - 4.8px);
	}
	#header-inner #header-menu-block #header-menu .menu-block:nth-of-type(3) .menu-btn .btn-inner .btn-img {
		margin-right: calc(0.6rem + 0.93023vw - 2.97674px);
	}
	#header-inner #header-menu-block #header-menu .menu-block:nth-of-type(3) .menu-btn .btn-inner .btn-img {
		width: calc(0.8rem + 0.02326vw - 0.07442px);
	}
	#header-inner #header-menu-block #header-menu .menu-block .menu-btn .btn-inner .btn-name {
		font-size: calc(1.1rem + 1.62791vw - 5.2093px);
	}
	#header-inner #header-menu-block #header-menu .menu-block div.submenu {
		top: calc(6rem + 6.04651vw - 19.34884px);
	}
	#header-inner #header-menu-block #header-menu .menu-block div.submenu .submenu-h-block a {
		padding-top: calc(3.5rem + 2.09302vw - 6.69767px);
	}
	#header-inner #header-menu-block #header-menu .menu-block div.submenu .submenu-h-block a {
		padding-bottom: calc(3rem + 3.25581vw - 10.4186px);
	}
	#header-inner #header-menu-block #header-menu .menu-block div.submenu .submenu-h-block a .icon-wrapper {
		margin-bottom: calc(2rem + 0.93023vw - 2.97674px);
	}
	#header-inner #header-menu-block #header-menu .menu-block div.submenu .submenu-h-block a .icon-wrapper {
		height: calc(5.46rem + 6.83721vw - 21.87907px);
	}
	#header-inner #header-menu-block #header-menu .menu-block div.submenu .submenu-h-block a .txt-wrapper {
		font-size: calc(1.6rem + 0.46512vw - 1.48837px);
	}
	#header-inner #header-menu-block #header-menu .menu-block div.submenu .submenu-nav-block ul {
		margin-bottom: calc(1.95rem + 2.44186vw - 7.81395px);
	}
	#header-inner #header-menu-block #header-menu .menu-block div.submenu .submenu-nav-block ul li {
		margin-bottom: calc(1.105rem + 1.38372vw - 4.42791px);
	}
	#header-inner #header-menu-block #header-menu .menu-block div.submenu .submenu-nav-block ul li a {
		font-size: calc(1.235rem + 1.54651vw - 4.94884px);
	}
	#header-inner #header-menu-block #header-menu .menu-block div.submenu .submenu-nav-block ul .li-imp {
		font-size: calc(1.1375rem + 1.42442vw - 4.55814px);
	}
	#header-inner #header-menu-block #header-menu .menu-block div.submenu .submenu-nav-block ul .li-imp a {
		font-size: calc(1.1375rem + 1.42442vw - 4.55814px);
	}
	#header-inner #header-menu-block #header-menu .menu-block div.submenu .submenu-nav-block ul:last-of-type {
		margin-bottom: calc(4.55rem + 5.69767vw - 18.23256px);
	}
	#sect-foodlist ul .food-name {
		font-size: calc(1.6rem + 0.46512vw - 1.48837px);
	}
	#sect-foodlist .link-wrapper a {
		font-size: calc(1.6rem + 0.46512vw - 1.48837px);
	}
}

@media (max-width: 750px) and (min-width: 450px) {
	/* 750px ~ 450px */
	#header-inner #header-menu-block #header-menu-btn-sp .menu-btn .btn-img {
		width: calc(4.4rem + 4vw - 18px);
	}
	section.common p {
		font-size: calc(1.5rem + 0.33333vw - 1.5px);
	}
	section.common ul,
	section.common ol {
		font-size: calc(1.5rem + 0.33333vw - 1.5px);
	}
	section.common ol {
		font-size: calc(1.5rem + 0.33333vw - 1.5px);
	}
	#main-visual h1 {
		font-size: calc(2.8rem + 4.66667vw - 21px);
	}
	#main-visual h1.h1-long {
		font-size: calc(2.4rem + 6vw - 27px);
	}
	#page-title {
		margin-top: calc(6rem + 7.33333vw - 33px);
	}
	#page-title h2 {
		font-size: calc(3.2rem + 3.33333vw - 15px);
	}
	#page-title h2.h-long {
		font-size: calc(2.5rem + 5.66667vw - 25.5px);
	}
	#page-title .h2-subtxt-en {
		font-size: calc(1.4rem + 1.33333vw - 6px);
	}
	#page-title .h2-subtxt-en {
		margin-bottom: calc(3.5rem + 7.66667vw - 34.5px);
	}
	#page-title #menu-txt {
		font-size: calc(1.5rem + 0.33333vw - 1.5px);
	}
	#page-title #menu-txt-block p {
		font-size: calc(1.5rem + 0.33333vw - 1.5px);
	}
}

@media (max-width: 450px) {
	/* 450px */
	#header-inner #header-menu-block #header-menu-btn-sp .menu-btn .btn-img {
		width: 4.4rem;
	}
	footer #footer-inner {
		padding: 0 3.2rem;
		padding-top: 4.4rem;
		padding-bottom: 4.8rem;
	}
	footer #footer-council {
		margin-bottom: 2.2rem;
	}
	footer #footer-office {
		margin-bottom: 3.0rem;
	}
	footer #footer-office > div:not(:last-of-type) {
		margin-bottom: 1.0rem;
	}
	footer #footer-linklist {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-bottom: 3.0rem;
		text-align: center;
	}
	footer #footer-linklist li,
	footer #footer-linklist li:last-of-type {
		border: 0;
	}
	footer #footer-linklist li:not(:last-of-type) {
		margin-bottom: 1.9rem;
	}
	section.common p {
		font-size: 1.5rem;
	}
	section.common ul,
	section.common ol {
		font-size: 1.5rem;
	}
	section.common ol {
		font-size: 1.5rem;
	}
	main:not(#main-index) section,
	main:not(#main-index) #main-visual,
	main:not(#main-index) #page-title .div-inner {
		padding-right: 2.5rem;
		padding-left: 2.5rem;
	}
	section.blueback {
		padding-top: 7.0rem;
		padding-bottom: 7.0rem;
	}
	section.blueback .sect-inner {
		padding-top: 4.5rem;
		padding-right: 2.75rem;
		padding-bottom: 5.0rem;
		padding-left: 2.75rem;
	}
	section.blueback h2.htkd-style {
		margin-bottom: 2.0rem;
	}
	#main-visual h1 {
		font-size: 2.8rem;
	}
	#main-visual h1.h1-long {
		font-size: 2.4rem;
	}
	#page-title {
		margin-top: 6rem;
	}
	#page-title h2 {
		font-size: 3.2rem;
	}
	#page-title h2.h-long {
		font-size: 2.5rem;
	}
	#page-title .h2-subtxt-en {
		font-size: 1.4rem;
	}
	#page-title .h2-subtxt-en {
		margin-bottom: 3.5rem;
	}
	#page-title #menu-txt {
		font-size: 1.5rem;
	}
	#page-title #menu-txt-block p {
		font-size: 1.5rem;
	}
	.sect-inner {
		padding: 0;
	}
	#main-visual {
		padding: 0 2.5rem;
	}
	#page-title h2 {
		padding: 0 2.5rem;
	}
	#page-title #menu-txt {
		max-width: 86.2rem;
		padding: 0 2.5rem;
	}
	#page-title #menu-txt-block {
		max-width: 86.2rem;
		padding: 0 2.5rem;
	}
	#sect-index-menu .layout-2column {
		max-width: 112rem;
		padding: 0 0.2rem;
	}
	#sect-index-menu .layout-2column .link-wrapper {
		margin: 3.3rem 2.3rem;
	}
	#sect-index-menu .layout-3column {
		max-width: 112rem;
		padding: 0 0.4rem;
	}
	#sect-index-menu .layout-3column .link-wrapper {
		min-width: 25rem;
		margin: 3.3rem 2.1rem;
	}
	#sect-index-menu .layout-3column-sub {
		max-width: 112rem;
		padding: 0 0.4rem;
	}
	#sect-index-menu .layout-3column-sub .link-wrapper {
		margin: 3.3rem 2.1rem;
	}
}

@media (max-width: 450px) and (min-width: 320px) {
	/* 450px ~ 320px */
	footer #footer-council {
		font-size: calc(1.6rem + 6.15385vw - 19.69231px);
	}
	section.common h2 {
		font-size: 2.2rem;
	}
	section.common h3 {
		font-size: 2.2rem;
	}
	section.blueback h2.htkd-style {
		font-size: calc(2.5rem + 6.15385vw - 19.69231px);
	}
	#sect-index-menu .linklist .link-wrapper a .link-img {
		height: calc(16rem + 58.46154vw - 187.07692px);
	}
	#sect-index-menu .linklist .link-wrapper a .link-img {
		margin-bottom: calc(2rem + 4.61538vw - 14.76923px);
	}
	#sect-index-menu .linklist .link-wrapper a .link-h {
		font-size: calc(1.8rem + 4.61538vw - 14.76923px);
	}
}

@media (max-width: 320px) {
	/* 320px */
	header {
		height: 8.8rem;
	}
	#header-inner #header-logo-block a {
		padding-left: 2rem;
	}
	#header-inner #header-logo-block a .logo-wrapper {
		font-size: 1.4rem;
	}
	#header-inner #header-menu-block {
		width: 8.6rem;
	}
	#header-inner #header-menu-block #header-menu-btn-sp .menu-btn .btn-img {
		margin-right: 0.7rem;
	}
	#header-inner #header-menu-block #header-menu {
		top: 8.6rem;
	}
	#header-inner #header-menu-block #header-menu {
		height: 6rem;
	}
	#header-inner #header-menu-block #header-menu .menu-block:nth-of-type(1) .menu-btn.toggle-submenu::after, #header-inner #header-menu-block #header-menu .menu-block:nth-of-type(2) .menu-btn.toggle-submenu::after {
		width: 0.7rem;
	}
	#header-inner #header-menu-block #header-menu .menu-block:nth-of-type(1) .menu-btn.toggle-submenu::after, #header-inner #header-menu-block #header-menu .menu-block:nth-of-type(2) .menu-btn.toggle-submenu::after {
		bottom: 0.6rem;
	}
	#header-inner #header-menu-block #header-menu .menu-block:nth-of-type(1) .menu-btn .btn-inner .btn-img {
		margin-right: 0.3rem;
	}
	#header-inner #header-menu-block #header-menu .menu-block:nth-of-type(1) .menu-btn .btn-inner .btn-img {
		width: 1rem;
	}
	#header-inner #header-menu-block #header-menu .menu-block:nth-of-type(2) .menu-btn .btn-inner .btn-img {
		margin-right: 0.4rem;
	}
	#header-inner #header-menu-block #header-menu .menu-block:nth-of-type(2) .menu-btn .btn-inner .btn-img {
		width: 2rem;
	}
	#header-inner #header-menu-block #header-menu .menu-block:nth-of-type(3) .menu-btn .btn-inner .btn-img {
		margin-right: 0.6rem;
	}
	#header-inner #header-menu-block #header-menu .menu-block:nth-of-type(3) .menu-btn .btn-inner .btn-img {
		width: 0.8rem;
	}
	#header-inner #header-menu-block #header-menu .menu-block .menu-btn .btn-inner .btn-name {
		font-size: 1.1rem;
	}
	#header-inner #header-menu-block #header-menu .menu-block div.submenu {
		top: 6rem;
	}
	#header-inner #header-menu-block #header-menu .menu-block div.submenu .submenu-h-block a {
		padding-top: 3.5rem;
	}
	#header-inner #header-menu-block #header-menu .menu-block div.submenu .submenu-h-block a {
		padding-bottom: 3rem;
	}
	#header-inner #header-menu-block #header-menu .menu-block div.submenu .submenu-h-block a .icon-wrapper {
		margin-bottom: 2rem;
	}
	#header-inner #header-menu-block #header-menu .menu-block div.submenu .submenu-h-block a .icon-wrapper {
		height: 5.46rem;
	}
	#header-inner #header-menu-block #header-menu .menu-block div.submenu .submenu-h-block a .txt-wrapper {
		font-size: 1.6rem;
	}
	#header-inner #header-menu-block #header-menu .menu-block div.submenu .submenu-nav-block ul {
		margin-bottom: 1.95rem;
	}
	#header-inner #header-menu-block #header-menu .menu-block div.submenu .submenu-nav-block ul li {
		margin-bottom: 1.105rem;
	}
	#header-inner #header-menu-block #header-menu .menu-block div.submenu .submenu-nav-block ul li a {
		font-size: 1.235rem;
	}
	#header-inner #header-menu-block #header-menu .menu-block div.submenu .submenu-nav-block ul .li-imp {
		font-size: 1.1375rem;
	}
	#header-inner #header-menu-block #header-menu .menu-block div.submenu .submenu-nav-block ul .li-imp a {
		font-size: 1.1375rem;
	}
	#header-inner #header-menu-block #header-menu .menu-block div.submenu .submenu-nav-block ul:last-of-type {
		margin-bottom: 4.55rem;
	}
	footer #footer-council {
		font-size: 1.6rem;
	}
	section.common h2 {
		font-size: 2.2rem;
	}
	section.common h3 {
		font-size: 2.2rem;
	}
	section.blueback h2.htkd-style {
		font-size: 2.5rem;
	}
	#sect-index-menu .linklist .link-wrapper a .link-img {
		height: 16rem;
	}
	#sect-index-menu .linklist .link-wrapper a .link-img {
		margin-bottom: 2rem;
	}
	#sect-index-menu .linklist .link-wrapper a .link-h {
		font-size: 1.8rem;
	}
	#sect-foodlist ul .food-name {
		font-size: 1.6rem;
	}
	#sect-foodlist .link-wrapper a {
		font-size: 1.6rem;
	}
}

@media (min-width: 1000px) {
	#sect-foodlist ul li:nth-of-type(3n) {
		margin-right: 0;
	}
}