@charset "UTF-8";


html {
	-ms-overflow-style: -ms-autohiding-scrollbar;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%
}

[hidden] {
	display: none
}

*, ::after, ::before {
	box-sizing: inherit
}

* {
	font-size: inherit;
	line-height: inherit
}

::after, ::before {
	text-decoration: inherit;
	vertical-align: inherit
}

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

* {
	background-repeat: var(--background-repeat, no-repeat);
	margin: 0;
	padding: 0
}

:root {
	background-color: var(--html-background-color, #ffffff);
	box-sizing: var(--html-box-sizing, border-box);
	color: var(--html-color, #000000);
	cursor: var(--html-cursor, default);
 	font-size: var(--html-font-size, 100%)/var(--html-line-height, 1.7) var(--font-family, "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif);
   	 color: var(--html-color, #333333);
	text-rendering: var(--html-text-rendering, optimizeLegibility)
}

a {
	text-decoration: var(--anchor-text-decoration, none)
}

img {
	vertical-align: var(--media-element-vertical-align, middle)
}

[type=button], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=reset], [type=search], [type=submit], [type=tel], [type=text], [type=time], [type=url], [type=week] {
	min-height: var(--form-element-min-height, 1.5em)
}

[aria-busy=true] {
	cursor: progress
}

[aria-controls] {
	cursor: pointer
}

[aria-disabled] {
	cursor: default
}


@media (max-width: 800px) {

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

	a:active, a:hover {
		text-decoration: none
	}

	br.pc {
		display: none
	}

	img {
		width: 100%;
		height: auto
	}

	@keyframes zoom {
		50% {
			transform: scale(1.05)
		}
	}

	body, html {
		width: 100%;
		height: 100%;
		font-weight: 400
	}

	.container {
		width: 100%;
		height: 100%;
		padding: 0 0 40px 0
	        font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	        line-height: 1.7;
	        color: #333333;  
	}

	.siteHeader {
		position: absolute;
		z-index: 9997;
		top: 0;
		left: 0;
		width: 100%;
		height: auto
	}

	.topNavigation {
		display: none
	}

	.cont--topNavigation {
		position: relative;
		width: 100%;
		padding: 0 20px;
		margin: 0 auto
	}

	ul.globalLink {
		margin: 20px auto 0 auto;
		border-top: 1px solid rgba(255, 255, 255, .25)
	}

	ul.globalLink li {
		display: block;
		font-size: 12px;
		color: #ffffff;
		margin: 0;
		font-weight: 400;
		border-bottom: 1px solid rgba(255, 255, 255, .25);
		text-align: left
	}

	ul.globalLink li a::before {
		content: "";
		width: 4px;
		height: 4px;
		display: inline-block;
		border-radius: 50%;
		background: #fccf00;
		vertical-align: middle;
		margin: 0 4px 0 0
	}

	ul.globalLink li a {
		display: block;
		color: #ffffff;
		padding: 0 0 0 20px;
		line-height: 40px;
		transition: .3s ease-in-out
	}

	ul.globalLink li a:hover {
		text-decoration: none
	}

	.siteNavigation {
		position: absolute;
		z-index: 9997;
		width: 100%;
		height: 60px;
		background: #ffffff;
		box-shadow: 0 2px 0 0 rgba(0, 0, 0, .2)
	}

	.cont--siteNavigation {
		position: relative;
		width: 100%;
		padding: 0 10px;
		margin: 0 auto
	}

	.siteLogo {
		width: auto;
		height: 50px;
		padding: 5px 0
	}

	.siteLogo img {
		width: auto;
		height: 50px
	}

	ul.siteLink {
		display: none;
		margin: 60px 0 0 0;
		list-style: none
	}

	ul.siteLink::after {
		clear: both;
		content: '';
		display: block
	}

	ul.siteLink li {
		float: left;
		width: auto;
		height: 60px
	}

	ul.siteLink li.btn-std {
		width: 50%;
		height: auto
	}

	ul.siteLink li.btn-std a {
		display: block;
		width: auto;
		height: 60px;
		line-height: 60px;
		padding: 0;
		font-weight: 700;
		font-size: 14px;
		color: #ffffff;
		text-align: center;
		border-top: 1px solid rgba(255, 255, 255, .25)
	}

	ul.siteLink li.btn-std:nth-child(odd) a {
		border-right: 1px solid rgba(255, 255, 255, .25)
	}

	ul.siteLink li.btn-std a:hover {
		text-decoration: none
	}

	ul.siteLink li.btn-entry {
		margin: 0;
		width: 100%;
		height: auto
	}

	ul.siteLink li.btn-entry a {
		display: block;
		width: auto;
		height: 60px;
		line-height: 60px;
		color: #ffffff;
		background: #2db8a9;
		padding: 0 25px;
		vertical-align: middle;
		transition: .3s ease-in-out;
		text-align: center
	}

	.btn-sp {
		position: absolute;
		z-index: 10000;
		right: 0;
		top: 0;
		width: 60px;
		height: 60px;
		padding: 15px;
		border-left: 2px solid rgba(0, 0, 0, .25)
	}

	.btn-sp span {
		position: absolute;
		top: 27px;
		left: 15px;
		display: block;
		width: 30px;
		height: 6px;
		background: #000000;
	}

	.btn-sp::before {
		position: absolute;
		top: 15px;
		left: 15px;
		content: "";
		display: block;
		width: 30px;
		height: 6px;
		background: #000000;
		transition: .3s ease-in-out
	}

	.btn-sp::after {
		position: absolute;
		top: 39px;
		left: 15px;
		content: "";
		display: block;
		width: 30px;
		height: 6px;
		background: #000000;
		transition: .3s ease-in-out
	}

	.pageContent::before {
		content: "";
		display: block;
		height: 67px;
		width: 100%
	}

	ul.breadCrumb {
		display: none
	}

	p.caution {
		color: #a10002;
		font-size: 14px;
		margin: 1em 0 0 0
	}

	.entry {
		background: #f7f7f7;
		position: relative;
		width: 100%;
		height: auto;
		padding: 30px 20px;
		margin: 0 auto;
		text-align: center;
		font-size: 14px
	}

	.entry p {
		margin: 30px 0 0 0;
		color: #333333;
		text-align: left
	}

	.entry p br {
		display: none
	}

	.content-about {
		position: relative;
		width: 100%;
		height: auto;
		padding: 20px 20px 40px 20px;
		margin: 0 auto;
		text-align: center
	}

	.content-about h2 {
		display: inline-block;
		width: auto;
		height: 40px;
		line-height: 40px;
		border-radius: 20px;
		border: 1px solid #000000;
		font-size: 16px;
		padding: 0 2em
	}

	.content-about p {
		margin: 15px auto 0 auto;
		font-size: 14px;
		text-align: left
	}

	.content-about p br {
		display: none
	}

	.topicHeader {
		width: 100%;
		height: auto;
		text-align: left;
		margin: 20px 0 0 0;
		padding: 0 20px
	}

	.topicHeader .date {
		display: inline-block;
		background-color: #fccf00;
		color: #fccf00;
		padding: .5em 1em;
		line-height: 1em;
		font-size: 12px
	}

	.topicHeader .caution {
		color: #d00003;
	}

	.topicHeader h2 {
		text-align: left;
		font-size: 18px;
		margin: .5em 0 0 0
	}

	.topicHeader p {
		text-align: left
	}

	.topicHeader h2 br {
		display: none
	}

	.topicHeader p br {
		display: none
	}

	.topic-content {
		padding: 0 20px 25px 20px;
		border-top: 1px solid rgba(0, 0, 0, .25);
		margin: 20px 0 0 0
	}

	.topic-content p {
	        margin: 1.5em auto; 
	        text-align: left; 
	        max-width: 940px; 
	}

	.topic-content p br {
		display: none
	}

	.topic-content table {
		width: 100%;
		height: auto;
		margin: 25px auto 0 auto;
		font-size: 14px
	}

	.topic-content table th {
		display: block;
		background: #fccf00;
		padding: 1em;
		width: 100%
	}

	.topic-content table td {
		display: block;
		padding: 1em;
		background: #efefef;
		border-bottom: 10px solid #ffffff;
		width: 100%
	}

	.topic-content table td span.caution {
		color: #960002;
	}

	.topic-content table td ul {
		list-style: none
	}

	.topic-content table td ul li {
		position: relative;
		padding: 0 0 0 1em
	}

	.topic-content table td ul li::before {
		position: absolute;
		content: "";
		left: 0;
		top: .5em;
		width: 6px;
		height: 6px;
		display: inline-block;
		border-radius: 50%;
		background: #c9a500;
		vertical-align: middle
	}

	.btn-topic {
		margin: 20px 0 0 0;
		text-align: center
	}

	.btn-topic a {
		display: inline-block;
		width: auto;
		height: 50px;
		line-height: 50px;
		color: #ffffff;
		background: #2db8a9;
		padding: 0 25px;
		vertical-align: middle;
		border-radius: 5px;
		transition: .3s ease-in-out;
		font-size: 18px;
	}

	.topic-notice {
		width: 100%;
		height: auto;
		margin: 15px auto 0 auto;
		padding: 15px;
		background: #fefee4;
		border: 1px solid #d1d186;
	}

	.topic-notice p {
		margin: 0 !important;
		font-weight: 700
	}

	.topic-notice ul {
		text-align: left;
		list-style: none;
		margin: 15px auto 0 auto;
		font-size: 14px
	}

	.topic-notice ol {
		width: 93%;
		text-align: left;
		margin: 15px auto 0 auto;
		font-size: 14px
	}
	
	.siteFooter {
		position: relative;
		border-top: 1px solid rgba(0, 0, 0, .25);
		padding: 25px 0 30px 0
	}

	.pageTop {
		text-align: center;
		margin: 0 auto
	}

	.pageTop a {
		display: block;
		margin: 0 auto;
		width: 40px;
		height: 40px;
		background-size: 40px 40px
	}

	.footerLogo {
		display: none;
		width: 80px;
		height: 80px;
		margin: 0 auto
	}

	.footNavigation {
		background: #000000;
		width: 100%;
		height: auto;
		padding: 0;
		margin: 25px 0 0 0
	}

	.cont--footNavigation {
		position: relative;
		width: 100%;
		height: auto;
		padding: 0;
		margin: 0 auto;
		text-align: center
	}

	small.copyright {
		display: block;
		text-align: center;
		color: #ffffff;
		font-weight: 400;
		line-height: 1em;
		font-size: 12px;
		padding: 1.5em 0
	}

	small.copyright a {
		color: #ffffff;
	}

	ul.footerLink {
		display: flex;
		flex-wrap: wrap;
		border-top: 1px solid #444444;
	}

	ul.footerLink li {
		width: 50%;
		height: auto;
		margin: 0;
		padding: 1.5em 0;
		border-bottom: 1px solid #444444;
	}

	ul.footerLink li:nth-child(odd) {
		border-right: 1px solid #444444;
	}

	ul.footerLink li a {
		color: #ffffff;
		font-size: 11px;
		vertical-align: middle;
		display: block
	}

	ul.footerLink li a::after {
		content: "";
		display: inline-block;
		width: 1.2em;
		height: 1.2em;
		margin: -.25em 0 0 .2em
	}

}
		/* 両方のメディアに適用  */
		p.caution, .topicHeader .caution, .topic-content table td span.caution {
		   color: #a10002;           
		   font-weight: bold;
		   background-color: #fff8e1; 
		   padding: 0.3em 0.6em;
		   border-radius: 4px;
		   display: inline-block;      
		   margin: 0.5em 0;           
		}

@media (min-width: 801px) {

	body {
		font-family: sans-serif;
		font-weight: 400;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale
	}

	.topic-content p {
		max-width: 940px
	}

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

	a:active, a:hover {
		color: #169e91;
		text-decoration: underline
	}

	br.sp {
		display: none
	}

	img {
		width: 100%;
		height: auto
	}

	@keyframes zoom {
		50% {
			transform: scale(1.05)
		}
	}
	.flexbox {
		display: flex
	}

	body, html {
		width: 100%;
		height: 100%;
		min-width: 980px;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-weight: 400
	}

	.container {
		width: 100%;
		max-width: 100%;
		min-width: 980px;
		height: 100%;
		padding: 0 0 40px 0
	}

	.siteHeader {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		min-width: 980px;
		height: auto
	}

	.topNavigation {
		width: 100%;
		height: 40px;
		background: #000000;
	}

	.cont--topNavigation {
		position: relative;
		width: 100%;
		min-width: 980px;
		max-width: 1400px;
		padding: 0 20px;
		margin: 0 auto
	}

	ul.globalLink {
		list-style: none
	}

	ul.globalLink li {
		display: inline-block;
		font-size: 12px;
		color: #ffffff;
		margin: 0 0 0 1em;
		font-weight: 400
	}

	ul.globalLink li:first-child {
		margin: 0
	}

	ul.globalLink li a::before {
		content: "";
		width: 4px;
		height: 4px;
		display: inline-block;
		border-radius: 50%;
		background: #fccf00;
		vertical-align: middle;
		margin: 0 4px 0 0
	}

	ul.globalLink li a {
		color: #ffffff;
		line-height: 40px;
		transition: .3s ease-in-out
	}

	ul.globalLink li a:hover {
		color: #fccf00;
		text-decoration: none
	}

	.siteNavigation {
		width: 100%;
		height: 60px;
		background: #ffffff;
		margin: 5px 0 0 0;
		box-shadow: 0 2px 0 0 rgba(0, 0, 0, .2)
	}

	.cont--siteNavigation {
		position: relative;
		width: 100%;
		min-width: 980px;
		max-width: 1400px;
		padding: 0 20px;
		margin: 0 auto
	}

	.siteLogo {
		width: auto;
		height: 50px;
		padding: 5px 0
	}

	.siteLogo a:hover img {
		animation: zoom .3s
	}

	.siteLogo img {
		width: auto;
		height: 50px
	}

	ul.siteLink {
		list-style: none;
		position: absolute;
		top: 0;
		right: 0
	}

	ul.siteLink li {
		width: auto;
		height: 60px
	}

	ul.siteLink li.btn-std.sp {
		display: none
	}

	ul.siteLink li.btn-std a {
		display: block;
		width: auto;
		height: 60px;
		line-height: 60px;
		padding: 0 15px;
		font-weight: 700;
		font-size: 14px;
		color: #000000;
		transition: .3s ease-in-out
	}

	ul.siteLink li.btn-std a:hover {
		background: #fccf00;
		text-decoration: none
	}

	ul.siteLink li.btn-entry {
		margin: 0
	}

	ul.siteLink li.btn-entry a {
		display: block;
		width: auto;
		height: 60px;
		line-height: 60px;
		color: #ffffff;
		background: #2db8a9;
		padding: 0 25px;
		vertical-align: middle;
		transition: .3s ease-in-out;
		font-size: 14px
	}

	ul.siteLink li.btn-entry a:hover {
		background: #20857b;
		text-decoration: none
	}

	@keyframes shine {
		100% {
			left: 125%
		}
	}
	.pageContent::before {
		content: "";
		display: block;
		height: 112px;
		width: 100%;
		background: #e7f9be;
	}

	ul.breadCrumb {
		list-style: none;
		position: relative;
		width: 100%;
		min-width: 980px;
		max-width: 1400px;
		height: auto;
		padding: .5em 20px;
		margin: 0 auto
	}

	ul.breadCrumb li {
		display: inline-block;
		font-size: 11px;
		line-height: 1em;
		background-size: 1em 1em;
	}

	ul.breadCrumb li:after {
		content: "\003e";
		padding-left: .5em;
	}

	ul.breadCrumb li:last-child:after {
		content: "";
	}

	ul.breadCrumb li a {
		color: #000000;
		text-decoration: underline
	}

	p.caution {
		color: #a10002;
		font-size: 14px;
		margin: 1em 0 0 0
	}

	p.caution2 {
		font-size: 14px;
		margin: 1em 0 0 0
	}

	.entry {
		background: #f7f7f7;
		position: relative;
		width: 100%;
		min-width: 980px;
		height: auto;
		padding: 60px 20px;
		margin: 0 auto;
		text-align: center
	}

	.entry p {
		margin: 30px 0 0 0;
		color: #333333;
	}

	.content-about {
		position: relative;
		width: 100%;
		min-width: 980px;
		max-width: 1400px;
		height: auto;
		padding: 40px 20px 80px 20px;
		margin: 0 auto;
		text-align: center
	}

	.content-about h2 {
		display: inline-block;
		width: auto;
		height: 60px;
		line-height: 60px;
		border-radius: 30px;
		border: 1px solid #000000;
		font-size: 22px;
		padding: 0 2em
	}

	.content-about p {
		margin: 30px auto 0 auto
	}

	.topicHeader {
		width: 100%;
		height: auto;
		text-align: center;
		margin: 20px 0 0 0
	}

	.topicHeader .date {
		display: inline-block;
		background: #000000;
		color: #fccf00;
		padding: .5em 1em;
		line-height: 1em;
		font-size: 12px
	}

	.topicHeader .caution {
		color: #d00003;
	}

	.topicHeader h2 {
		text-align: center;
		font-size: 30px;
		margin: .5em 0 0 0
	}

	.topic-content {
		padding: 30px 20px 50px 20px;
		border-top: 1px solid rgba(0, 0, 0, .25);
		margin: 50px 0 0 0
	}

	.topic-content p {
		margin: 20px auto 0 auto;
		text-align: center
	}

	.topic-content table {
		width: 940px;
		height: auto;
		margin: 50px auto 0 auto
	}

	.topic-content table th {
		background: #fccf00;
		border-bottom: 5px solid #ffffff;
		padding: 1em;
		width: 15em
	}

	.topic-content table td {
		padding: 1em;
		background: #efefef;
		border-bottom: 5px solid #ffffff;
	}

	.topic-content table td span.caution {
		color: #960002;
	}

	.topic-content table td ul {
		list-style: none
	}

	.topic-content table td ul li {
		position: relative;
		padding: 0 0 0 1em
	}

	.topic-content table td ul li::before {
		position: absolute;
		content: "";
		left: 0;
		top: .5em;
		width: 6px;
		height: 6px;
		display: inline-block;
		border-radius: 50%;
		background: #c9a500;
		vertical-align: middle
	}

	.btn-topic {
		margin: 20px 0 0 0;
		text-align: center
	}

	.btn-topic a {
		display: inline-block;
		width: auto;
		line-height: 3em;
		color: #ffffff;
		background: #2db8a9;
		padding: 0 50px;
		vertical-align: middle;
		border-radius: 5px;
		transition: .3s ease-in-out;
		font-size: 24px;
	}

	.btn-topic a:hover {
		background: #20857b;
		text-decoration: none
	}

	.topic-notice {
		width: 940px;
		height: auto;
		margin: 15px auto 0 auto;
		padding: 25px;
		background: #fefee4;
		border: 1px solid #d1d186;
	}

	.topic-notice p {
		margin: 0 !important;
		font-weight: 700
	}

	.topic-notice ul,
	.topic-notice ol {
    	margin: 1em 0; 
    	padding-left: 20px; 
    	list-style: none; 
		margin: 15px auto 0 auto;
		width: 80%;
		text-align: left
	}

	.topic-notice ol {
		list-style: decimal; 
	}

		.topic-notice ul li,
		.topic-notice ol li {
		margin-bottom: 0.8em;
		line-height: 1.6; 
}	}
	

	.siteFooter {
		position: relative;
		border-top: 1px solid rgba(0, 0, 0, .25);
		padding: 25px 0 30px 0
	}

	.pageTop {
		position: fixed;
		right: 20px;
		bottom: 60px
	}

	.pageTop a {
		display: block;
		width: 40px;
		height: 40px;
		background-size: 40px 40px
	}

	.pageTop a:hover {
		opacity: .75;
		animation: zoom .3s
	}

	.footerLogo {
		width: 60px;
		height: 60px;
		margin: 0 auto
	}

	.footNavigation {
		background: #000000;
		width: 100%;
		height: 75px;
		padding: 25px 0;
		margin: 25px 0 0 0
	}

	.cont--footNavigation {
		position: relative;
		width: 100%;
		min-width: 980px;
		max-width: 1400px;
		height: auto;
		padding: 0 20px;
		margin: 0 auto
	}

	small.copyright {
		color: #ffffff;
		font-weight: 400;
		line-height: 1em;
		font-size: 12px
	}

	small.copyright a {
		color: #ffffff;
	}

	ul.footerLink {
		position: absolute;
		right: 20px;
		top: 0
	}

	ul.footerLink li {
		margin: 0 0 0 1em;
		display: inline-block
	}

	ul.footerLink li a {
		color: #ffffff;
		font-size: 11px;
		vertical-align: middle
	}

	ul.footerLink li a::after {
		content: "";
		display: inline-block;
		width: 1.2em;
		height: 1.2em;
		margin: -.25em 0 0 .2em
	}



    ul.no-marker {
  		list-style: none;
  		padding-left: 0; 
	
}