/*! sanitize.css v3.0.0 | CC0 1.0 Public Domain | github.com/10up/sanitize.css */

:root, [aria-disabled] {
	cursor: default
}
a, a:active, a:hover, a:visited, body {
	color: #333
}
[hidden], audio:not([controls]), template {
	display: none
}
details, main, summary {
	display: block
}
html {
	-ms-overflow-style: -ms-autohiding-scrollbar;
	-webkit-text-size-adjust: 100%;
	overflow-y: scroll;
	width: 100%
}
pre {
	overflow: auto
}
* html .clear, .hr, svg:not(:root) {
	overflow: hidden
}
progress {
	display: inline-block
}
small {
	font-size: 75%
}
*, ::after, ::before {
	box-sizing: inherit
}
* {
	font-size: inherit;
	line-height: inherit;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0
}
::after, ::before {
	text-decoration: inherit;
	vertical-align: inherit
}
:root {
	background-color: #FFF;
	box-sizing: border-box;
	color: #000;
	font: 100%/1.5 sans-serif;
	text-rendering: optimizeLegibility
}
a {
	text-decoration: none
}
audio, canvas, iframe, img, svg, video {
	vertical-align: middle
}
button, input, select, textarea {
	background-color: transparent
}
code, kbd, pre, samp {
	font-family: monospace, monospace
}
nav ol, nav ul, ul li {
	list-style: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
::-moz-selection {
	background-color: #B3D4FC;
	color: #fff;
	text-shadow: none
}
::selection {
	background-color: #B3D4FC;
	color: #fff;
	text-shadow: none
}
[aria-busy=true] {
	cursor: progress
}
[aria-controls] {
	cursor: pointer
}
[hidden][aria-hidden=false] {
	clip: rect(0 0 0 0);
	display: inherit;
	position: absolute
}
[hidden][aria-hidden=false]:focus {
	clip: auto
}
img {
	border: none;
	/*width: auto;*/
	height: auto
}
body {
	font-family: Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
	background-color: #fff;
	font-size: 14px;
	line-height: 1.5;
	cursor: auto;
	height: 100%;
	-webkit-text-size-adjust: none;
	min-width: 980px
}
input[type=text], input[type=button], input[type=submit], select, textarea {
	font-family: meiryo, "Hiragino Kaku Gothic Pro", "MS UI Gothic", Arial, Osaka, Sans-serif
}
.clear, .clearfix:after {
	height: 0;
	clear: both
}
a:hover {
	text-decoration: underline
}
.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden
}
* html .clearfix {
	height: 1%
}
.clearfix {
	display: block
}
.alt {
	position: absolute;
	top: -5000px;
	left: -999px
}
.floatLeft {
	float: left
}
.floatRight {
	float: right
}
.clearLeft {
	clear: left
}
.clearRight {
	clear: right
}
.clearboth {
	clear: both
}
.pc_floatLeft {
	float: left
}
.pc_floatRight {
	float: right
}
.alignRight {
	text-align: right!important
}
.alignCenter {
	text-align: center!important
}
.alignLeft {
	text-align: left!important
}
.pc_alignRight {
	text-align: right!important
}
.pc_alignCenter {
	text-align: center!important
}
.pc_alignLeft {
	text-align: left!important
}
.vaT {
	vertical-align: top!important
}
.vaM {
	vertical-align: middle!important
}
.vaB {
	vertical-align: bottom!important
}
.mT0 {
	margin-top: 0!important
}
.mT5 {
	margin-top: 5px!important
}
.mT10 {
	margin-top: 10px!important
}
.mT15 {
	margin-top: 15px!important
}
.mT20 {
	margin-top: 20px!important
}
.mT30 {
	margin-top: 30px!important
}
.mT50 {
	margin-top: 50px!important
}
.mT70 {
	margin-top: 70px!important
}
.mL0 {
	margin-left: 0!important
}
.mL5 {
	margin-left: 5px!important
}
.mL10 {
	margin-left: 10px!important
}
.mL15 {
	margin-left: 15px!important
}
.mL20 {
	margin-left: 20px!important
}
.mL30 {
	margin-left: 30px!important
}
.mR0 {
	margin-right: 0!important
}
.mR5 {
	margin-right: 5px!important
}
.mR10 {
	margin-right: 10px!important
}
.mR15 {
	margin-right: 15px!important
}
.mR20 {
	margin-right: 20px!important
}
.mR30 {
	margin-right: 30px!important
}
.mB0 {
	margin-bottom: 0!important
}
.mB1 {
	margin-bottom: 1px!important
}
.mB5 {
	margin-bottom: 5px!important
}
.mB10 {
	margin-bottom: 10px!important
}
.mB15 {
	margin-bottom: 15px!important
}
.mB20 {
	margin-bottom: 20px!important
}
.mB30 {
	margin-bottom: 30px!important
}
.mB40 {
	margin-bottom: 40px!important
}
.mB50 {
	margin-bottom: 50px!important
}
.mB70 {
	margin-bottom: 70px!important
}
.pT10 {
	padding-top: 10px!important
}
.pT20 {
	padding-top: 20px!important
}
.pT30 {
	padding-top: 30px!important
}
.pR0 {
	padding-right: 0!important
}
.pR10 {
	padding-right: 10px!important
}
.pR20 {
	padding-right: 20px!important
}
.pR30 {
	padding-right: 30px!important
}
.pB0 {
	padding-bottom: 0!important
}
.pB10 {
	padding-bottom: 10px!important
}
.pB15 {
	padding-bottom: 15px!important
}
.pB20 {
	padding-bottom: 20px!important
}
.pB30 {
	padding-bottom: 30px!important
}
.pL0 {
	padding-left: 0!important
}
.pL10 {
	padding-left: 10px!important
}
.pL20 {
	padding-left: 20px!important
}
.pL30 {
	padding-left: 30px!important
}
.pA35 {
	padding: 35px!important
}
.tIndent0 {
	text-indent: 0!important
}
.pc_inlineB {
	display: inline-block!important
}
.w100 {
	width: 100px!important
}
.w270 {
	width: 270px!important
}
.w300 {
	width: 300px!important
}
.w99p {
	width: 99%!important
}
.w100p {
	width: 100%!important
}
.hr, header {
	width: 100%
}
.size10 {
	font-size: 10px!important
}
.size11 {
	font-size: 11px!important
}
.size12 {
	font-size: 12px!important
}
.size13 {
	font-size: 13px!important
}
.size14 {
	font-size: 14px!important
}
.size15 {
	font-size: 15px!important
}
.size16 {
	font-size: 16px!important
}
.size18 {
	font-size: 18px!important
}
.size24 {
	font-size: 24px!important
}
.size27 {
	font-size: 27px!important
}
.size30 {
	font-size: 30px!important
}
.line_hS {
	line-height: 1.5!important
}
.line_hM {
	line-height: 1.7!important
}
.line_hL {
	line-height: 2!important
}
.fontN {
	font-weight: 400!important
}
.bold {
	font-weight: 700
}
.brack {
	color: #333!important
}
.red {
	color: #C00!important
}
.red2 {
	color: red!important
}
.green {
	color: #43af3e!important
}
.hr {
	border-bottom: 1px solid #e4e4e4;
	height: 1px;
	margin-bottom: 30px
}
.noBorder {
	border: none!important
}
.noBorderR {
	border-right: none!important
}
.borderB {
	border-bottom: 1px solid #888
}
.borderB2 {
	border-bottom: 1px solid #AAA;
	padding-bottom: 10px
}
p {
	text-align: left
}
sup {
	vertical-align: super;
	font-size: 11px
}
input[type=text] {
	background: #FFF;
	border: 1px solid #ddd;
	padding: 7px 10px
}
textarea {
	height: 100px
}
input[type=radio] {
	cursor: pointer;
	vertical-align: middle;
	position: relative;
	top: -2px
}
input[type=checkbox] {
	cursor: pointer;
	vertical-align: middle
}
.cb, label {
	cursor: pointer
}
select {
	padding: 3px;
	border: 1px solid #a5a5a5
}
label input, label span {
	display: inline-block;
	padding-top: 2px;
	vertical-align: middle
}
.hidden {
	display: none!important
}
input.fbt {
	border: none
}
input.fbt:active {
	border: none;
	position: relative;
	top: 1px
}
a.fbt, span.fbt {
	text-decoration: none
}
a.fbt:active, span.fbt:active {
	position: relative;
	top: 1px;
	text-decoration: none
}
header {
	border-bottom: 1px solid #e4e4e4
}
header .headerIn {
	width: 992px;
	height: 70px;
	margin: 0 auto
}
header .headerOver {
	width: 980px;
	height: 60px;
	margin-bottom: 2px;
	position: relative
}
header .headerOver .header__logo {
	position: absolute;
	top: 18px;
	left: 0
}
header .headerOver .header__logo img {
	width: 170px
}
footer, footer .footer__bottom {
	width: 100%;
	min-width: 992px
}
header .headerOver .header__link1 {
	position: absolute;
	top: 18px;
	right: 0;
	display: inline-block;
	border-radius: 2px;
	border: 1px solid #8dcf78;
	padding: 4px
}
header .headerOver .header__link1 li {
	display: inline-block;
	font-size: 12px;
	padding: 0 7px 0 10px
}
header .headerOver .header__link1 li a {
	background: url(../images/common/icon/arrow_g.png) left 5px no-repeat;
	padding-left: 12px
}
footer .footer__bottom {
	background: #43af3e
}
footer .footer__bottom .footer__bottomIn {
	width: 992px;
	height: 155px;
	margin: 0 auto
}
footer .footer__bottom .footer__bottomIn .wrap1 {
	width: 175px;
	float: left;
	padding-top: 35px
}
footer .footer__bottom .footer__bottomIn .wrap1 .fLogo {
	display: inline-block;
	margin-bottom: 15px;
	margin-left: -2px
}
footer .footer__bottom .footer__bottomIn .wrap2 {
	width: 415px;
	float: left;
	padding-top: 33px
}
footer .footer__bottom .footer__bottomIn .wrap2 p {
	line-height: 2.2;
	font-size: 14px;
	color: #FFF
}
footer .footer__bottom .footer__bottomIn .wrap3 {
	width: 350px;
	float: right;
	padding-top: 40px;
	text-align: right
}
footer .footer__bottom .footer__bottomIn .wrap3 .copy {
	display: inline-block;
	margin-bottom: 20px
}

/*2023年追加*/
@media screen and (max-width: 768px) {
	body {
		min-width: 100%;
	}

	header .headerIn {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}

	header .headerOver {
		width: 100%;
		height: auto;
	}

	footer, footer .footer__bottom {
		min-width: 100%;
	}

	footer .footer__bottom .footer__bottomIn {
		width: 100%;
		height: auto;
		padding: 20px 5%;
	}

	footer .footer__bottom .footer__bottomIn .wrap1,
	footer .footer__bottom .footer__bottomIn .wrap2,
	footer .footer__bottom .footer__bottomIn .wrap3 {
		float: none;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

	footer .footer__bottom .footer__bottomIn .wrap1 {
		padding: 0;
	}

	footer .footer__bottom .footer__bottomIn .wrap1 a {
		display: block;
	}

	footer .footer__bottom .footer__bottomIn .wrap1 .fLogo {
		margin-left: 0;
	}

	footer .footer__bottom .footer__bottomIn .wrap2 {
		padding-top: 20px;
	}

	footer .footer__bottom .footer__bottomIn .wrap2 p {
		line-height: 1.6;
	}

	footer .footer__bottom .footer__bottomIn .wrap3 .copy {
		display: block;
	}

	footer .footer__bottom .footer__bottomIn .wrap3 .copy img {
		max-width: 100%;
	}

}