/* begin Page */

/* Generated with Artisteer version 2.6.0.36391, file checksum is F3C1E8B7. */

*{
font-size: 16px;
font-family: Helvetica , "游ゴシック" , "Yu Gothic" , Meiryo, メイリオ, sans-seri;}

body, p{
margin: 0.5em 0;
line-height: 150%;
}

body{
margin: 0 auto;
padding: 0;
color: #303F50;
background-color: #FFF;
background-image: url('images/page_t.jpg');
background-repeat: repeat;
background-attachment: scroll;
background-position: top left;
min-width: 330px;
}

h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited,
.art-postheader, .art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a:hover,
.art-blockheader .t, .art-vmenublockheader .t, .art-logo-text, .art-logo-text a,
h1.art-logo-name, h1.art-logo-name a, h1.art-logo-name a:link, h1.art-logo-name a:visited, h1.art-logo-name a:hover{
font-weight: normal;
font-style: normal;
text-decoration: none;
font-size: 36px;
}

a,
.art-post li a{
text-decoration: none;
color: #617C36;
}

a:link,
.art-post li a:link{
text-decoration: none;
color: #617C36;
}

a:visited, a.visited,
.art-post li a:visited, .art-post li a.visited{
color: #0EA42C;
}

a:hover, a.hover,
.art-post li a:hover, .art-post li a.hover{
color: #0EA42C;
}

h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover{
margin: 0;
color: #617C36;
}

h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover{
margin: 0.8em 0;
font-size: 26px;
color: #617C36;
}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover{
 margin: 1em 0;
font-size: 22px;
color: #A5C275;
}

h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover{
margin: 1.25em 0;
font-size: 18px;
color: #2D3919;
}

h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover{
margin: 1.67em 0;
color: #2D3919;
}

h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover{
margin: 2.33em 0;
color: #2D3919;
}

h1 a, h1 a:link, h1 a:visited, h1 a:hover,
h2 a, h2 a:link, h2 a:visited, h2 a:hover,
h3 a, h3 a:link, h3 a:visited, h3 a:hover,
h4 a, h4 a:link, h4 a:visited, h4 a:hover,
h5 a, h5 a:link, h5 a:visited, h5 a:hover,
h6 a, h6 a:link, h6 a:visited, h6 a:hover{
margin: 0;
}

#art-main{
position: relative;
width: 100%;
left: 0;
top: 0;
cursor: default;
overflow: hidden;
}

#art-page-background-gradient{
position: absolute;
top: 0;
width: 100%;
height: 900px;
z-index: -1000;
}

#art-page-background-gradient{
background-position: top left;
}


.cleared{
float: none;
clear: both;
margin: 0;
padding: 0;
border: none;
font-size: 1px;
}

form{
padding: 0 !important;
margin: 0 !important;
}

table.position{
position: relative;
width: 100%;
table-layout: fixed;
}

/* end Page */

/* begin Box, Sheet */

.art-sheet{
position: relative;
z-index: 0;
margin: 10px auto 0 !important;
width: 80%;
min-width: 31px;
min-height: 31px;
}

@media(max-width: 840px){

	.art-sheet{
	width: 90%;
	}

}

.art-sheet-body{
position: relative;
z-index: 1;
padding: 10px;
}

.art-sheet-tr, .art-sheet-tl, .art-sheet-br, .art-sheet-bl, .art-sheet-tc, .art-sheet-bc,.art-sheet-cr, .art-sheet-cl{
position: absolute;
z-index: -1;
}

.art-sheet-tr, .art-sheet-tl, .art-sheet-br, .art-sheet-bl{
width: 30px;
height: 30px;
background-image: url('images/sheet_s.png');
}

.art-sheet-tl{
top: 0;
left: 0;
clip: rect(auto, 15px, 15px, auto);
}

.art-sheet-tr{
top: 0;
right: 0;
clip: rect(auto, auto, 15px, 15px);
}

.art-sheet-bl{
bottom: 0;
left: 0;
clip: rect(15px, 15px, auto, auto);
}

.art-sheet-br{
bottom: 0;
right: 0;
clip: rect(15px, auto, auto, 15px);
}

.art-sheet-tc, .art-sheet-bc{
left: 15px;
right: 15px;
height: 30px;
background-image: url('images/sheet_h.png');
}

.art-sheet-tc{
top: 0;
clip: rect(auto, auto, 15px, auto);
}

.art-sheet-bc{
bottom: 0;
clip: rect(15px, auto, auto, auto);
}

.art-sheet-cr, .art-sheet-cl{
top: 15px;
bottom: 15px;
width: 30px;
background-image: url('images/sheet_v.png');
}

.art-sheet-cr{
right: 0;
clip: rect(auto, auto, auto, 15px);
}

.art-sheet-cl{
left: 0;
clip: rect(auto, 15px, auto, auto);
}

.art-sheet-cc{
position: absolute;
z-index: -1;
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
background-image: url('images/sheet_c.png');
}

/*
.art-sheet{
margin-top: -10px !important;
cursor: auto;
}
*/

#art-page-background-simple-gradient, #art-page-background-gradient, #art-page-background-glare{
overflow: hidden;
}

/* end Box, Sheet */

/* begin Header */

div.art-header{
	margin: 0 auto;
	position: relative;
	z-index: 0;
	width: 80%;
	padding: 5px auto;
	overflow: hidden;
	background-color: #FFF;
}

@media(max-width: 1370px){
	div.art-header{
		width: 90%;
	}
}

.header-layout{
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}

.header-logo{
	display: block;
	flex-grow: 0;
	flex-shrink: 0;
}

.header-contact{
	display: block;
	flex-grow: 0;
	flex-shrink: 0;
	margin: 0 5%;
}

@media(max-width: 1370px){
	.header-contact{
		margin: 0 3%;
	}
}

.header-link{
	--baseSize: 60px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: calc(var(--baseSize) / 2);
	flex-grow: 1;
	flex-shrink: 1;
}

.header-link a{
	display: block;
	max-width: var(--baseSize);
	margin: 0;
}

.header-link a img{
	display: block;
	width: 100%;
}

.youtubeLink{
	font-family: "Material Symbols Outlined";
	color: #FFF !important;
	background-color: #FF0000;
	width: 100%;
	display: flex !important;
	align-items: center;
	justify-content: center;
	font-size: calc(var(--baseSize) * 0.6);
	border-radius: 10px;
}

@media(max-width: 1370px){
	.header-link{
		--baseSize: 40px;
	}
}


@media(max-width: 640px){

	div.art-header{
		margin: 0 auto;
		position: relative;
		z-index: 0;
		width: 96%;
		padding: 5px 2%;
		overflow: hidden;
		background-color: #FFF;
	}

	.header-layout{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
	}

	.header-logo{
		display: block;
		width: 60%;
	}

	.header-logo a,
	.header-logo a img{
		display: block;
		width: 100%;
	}

	.header-contact{
		display: none;
	}

	.header-link{
		display: flex;
		width: 30%;
		gap:  calc(100% / 4 * 0.25);
	}

	.header-link{
		--baseSize: calc(100% / 4 * 0.75);
	}

	.header-link a{
		width: var(--baseSize);
		max-width: 100%;
	}

	.youtubeLink{
		border-radius: 5px;
		font-size: 0.8em;
	}
}


/* end Header */

/* begin Menu */

/* menu structure */

.art-nav{
height: auto;
z-index: 100;
padding: 0 10%;
background-color: #00A517;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
/* border-top: 4px groove #96cf8f;
border-bottom: 4px groove #96cf8f; */
overflow: hidden;
}

.art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover{
text-align: center;
text-decoration: none;
outline: none;
letter-spacing: normal;
word-spacing: normal;
}

.art-menu{
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	padding: 0;
	overflow: hidden;
}

.art-menu li{
	margin: 0;
	padding: 0;
	border: 0;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	z-index: 5;
	width: calc(100% / 10);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-left: 1px solid #0F5B02;
	border-right: 1px solid #83C47A;
}

.art-menu li a{
display: block;
width: 100%;
padding: 5px 0;
font-size: 12px;
font-weight: bold;
color: #FFF;
background-color: #11BE33;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
/* border-right: 4px groove #96CF8F; */
}

.art-menu li.shopping a{
line-height: 1.2;
}

.art-menu li:first-of-type a{
/* border-left: 4px groove #96CF8F; */
}

.art-menu li a.active,
.art-menu li a:hover{
border-top: 5px solid #FFF;
border-bottom: 5px solid #FFF;
}

.art-menu li:hover{
z-index: 10000;
white-space: normal;
}

ul.art-menu li.nav-separator{
display: none !important;
}

.art-menu li.shopping a{
background-color: #FF8C37;
}



/* end Menu */

/* begin MenuItem */

.art-menu a{
position: relative;
display: block;
overflow: hidden;
/* height: 33px; */
cursor: pointer;
text-decoration: none;
}

.art-menu a img{
display: inline-block !important;
vertical-align: middle;
}

.art-menu ul li{
margin: 0;
clear: both;
}

.art-menu a .r, .art-menu a .l{
position: absolute;
display: block;
top: 0;
z-index: -1;
height: 99px;
background-image: url('images/menuitem.png');
}

.art-menu a .l{
left: 0;
right: 0;
}

.art-menu a .r{
width: 400px;
right: 0;
clip: rect(auto, auto, auto, 400px);
}

.art-menu a .t{
margin-right: 10px;
margin-left: 10px;
color: #FAFFFB;
padding: 0 30px;
margin: 0;
line-height: 33px;
text-align: center;
}

.art-menu a img{
/* height: 16px; */
display: block !important;
height: 75px;
margin: 0 auto;
}


@media(max-width: 1400px){

	.art-menu a .t{
	margin-right: 10px;
	margin-left: 10px;
	color: #FAFFFB;
	padding: 0 10px;
	margin: 0 0;
	line-height: 33px;
	text-align: center;
	}

}

@media(max-width: 640px){

	.art-menu a img{
	height: 20px;
	}

	.art-menu a .t{
	margin-right: 10px;
	margin-left: 10px;
	color: #FAFFFB;
	padding: 0 30px;
	margin: 0 0;
	line-height: 33px;
	text-align: center;
	}

}


.art-menu a:hover .l, .art-menu a:hover .r{
top: -33px;
}

.art-menu li:hover > a .l, .art-menu li:hover > a .r{
top: -33px;
}

.art-menu li:hover a .l, .art-menu li:hover a .r{
top: -33px;
}
.art-menu a:hover .t{
color: #000;
}

.art-menu li:hover a .t{
color: #000;
}

.art-menu li:hover > a .t{
color: #000;
}

.art-menu a.active .l, .art-menu a.active .r{
top: -66px;
}

.art-menu a.active .t{
color: #FFF;
}

/* end MenuItem */

/* begin MenuSeparator */

.art-menu .art-menu-li-separator{
display: block;
width: 1px;
height: 33px;
}

.art-nav .art-menu-separator{
display: block;
margin: 0 auto;
width: 1px;
height: 33px;
background-image: url('images/menuseparator.png');
}

/* end MenuSeparator */

/* begin Layout */

.art-content-layout{
display: table;
padding: 0;
border: none;
width: 100%;
}

.art-content-layout .art-content-layout{
width: auto;
margin: 0;
}

div.art-content-layout div.art-layout-cell, div.art-content-layout div.art-layout-cell div.art-content-layout div.art-layout-cell{
display: table-cell;
}

div.art-layout-cell div.art-layout-cell{
display: block;
}

div.art-content-layout-row{
display: table-row;
}

.art-content-layout{
table-layout: fixed;
border-collapse: collapse;
background-color: Transparent;
border: none !important;
padding: 0 !important;
}

.art-layout-cell, .art-content-layout-row{
background-color: Transparent;
vertical-align: top;
text-align: left;
border: none !important;
margin: 0 !important;
padding: 0 !important;
}

/* end Layout */

/* begin Box, Block, VMenuBlock */

.art-vmenublock{
position: relative;
z-index: 0;
margin: 0 auto;
min-width: 3px;
min-height: 3px;
}

.art-vmenublock-body{
position: relative;
z-index: 1;
padding: 8px;
}

.art-vmenublock-tr, .art-vmenublock-tl, .art-vmenublock-br, .art-vmenublock-bl, .art-vmenublock-tc, .art-vmenublock-bc,.art-vmenublock-cr, .art-vmenublock-cl{
position: absolute;
z-index: -1;
}

.art-vmenublock-tr, .art-vmenublock-tl, .art-vmenublock-br, .art-vmenublock-bl{
width: 2px;
height: 2px;
background-image: url('images/vmenublock_s.png');
}

.art-vmenublock-tl{
top: 0;
left: 0;
clip: rect(auto, 1px, 1px, auto);
}

.art-vmenublock-tr{
top: 0;
right: 0;
clip: rect(auto, auto, 1px, 1px);
}

.art-vmenublock-bl{
bottom: 0;
left: 0;
clip: rect(1px, 1px, auto, auto);
}

.art-vmenublock-br{
bottom: 0;
right: 0;
clip: rect(1px, auto, auto, 1px);
}

.art-vmenublock-tc, .art-vmenublock-bc{
left: 1px;
right: 1px;
height: 2px;
background-image: url('images/vmenublock_h.png');
}

.art-vmenublock-tc{
top: 0;
clip: rect(auto, auto, 1px, auto);
}

.art-vmenublock-bc{
bottom: 0;
clip: rect(1px, auto, auto, auto);
}

.art-vmenublock-cr, .art-vmenublock-cl{
top: 1px;
bottom: 1px;
width: 2px;
background-image: url('images/vmenublock_v.png');
}

.art-vmenublock-cr{
right: 0;
clip: rect(auto, auto, auto, 1px);
}

.art-vmenublock-cl{
left: 0;
clip: rect(auto, 1px, auto, auto);
}

.art-vmenublock-cc{
position: absolute;
z-index: -1;
top: 1px;
left: 1px;
right: 1px;
bottom: 1px;
background-color: #FFF;
}

.art-vmenublock{
margin: 7px;
}

/* end Box, Block, VMenuBlock */

/* begin BlockHeader, VMenuBlockHeader */

.art-vmenublockheader{
position: relative;
z-index: 0;
height: 35px;
margin-bottom: 7px;
}

.art-vmenublockheader .t{
height: 35px;
color: #FFF;
margin: 0;
padding: 0 10px 0 28px;
/* white-space: nowrap; */
line-height: 35px;
}

.art-vmenublockheader .l, .art-vmenublockheader .r{
display: block;
position: absolute;
z-index: -1;
height: 35px;
background-image: url('images/vmenublockheader.png');
}

.art-vmenublockheader .l{
left: 0;
right: 22px;
}

.art-vmenublockheader .r{
width: 900px;
right: 0;
clip: rect(auto, auto, auto, 878px);
}

/* end BlockHeader, VMenuBlockHeader */

/* begin Box, Box, VMenuBlockContent */

.art-vmenublockcontent{
position: relative;
z-index: 0;
margin: 0 auto;
min-width: 1px;
min-height: 1px;
}

.art-vmenublockcontent-body{
position: relative;
z-index: 1;
padding: 0;
}

.art-vmenublockcontent{
position: relative;
z-index: 0;
margin: 0 auto;
min-width: 1px;
min-height: 1px;
}

.art-vmenublockcontent-body{
position: relative;
z-index: 1;
padding: 0;
}

/* end Box, Box, VMenuBlockContent */

/* begin VMenu */

ul.art-vmenu, ul.art-vmenu li{
list-style: none;
margin: 0;
padding: 0;
width: auto;
line-height: 0;
}

/* end VMenu */

/* begin VMenuItem */

ul.art-vmenu a{
position: relative;
display: block;
overflow: hidden;
height: 30px;
cursor: pointer;
text-decoration: none;
}

ul.art-vmenu li.art-vmenu-separator{
display: block;
padding: 0;
margin: 0;
font-size: 1px;
}

ul.art-vmenu .art-vmenu-separator-span{
display: block;
padding: 0;
font-size: 1px;
height: 0;
line-height: 0;
border-top: 1px solid #D8E5C3;
}

ul.art-vmenu a .r, ul.art-vmenu a .l{
position: absolute;
display: block;
top: 0;
z-index: -1;
height: 90px;
background-image: url('images/vmenuitem.png');
}

ul.art-vmenu a .l{
left: 0;
right: 29px;
}

ul.art-vmenu a .r{
width: 900px;
right: 0;
clip: rect(auto, auto, auto, 871px);
}

ul.art-vmenu a .t{
display: block;
line-height: 30px;
color: #0EA42C;
padding: 0 10px 0 39px;
margin-left: 0;
margin-right: 0;
}

ul.art-vmenu a.active .l, ul.art-vmenu a.active .r{
top: -60px;
}

ul.art-vmenu a.active .t{
color: #617C36;
}

ul.art-vmenu a:hover .l, ul.art-vmenu a:hover .r{
top: -30px;
}

ul.art-vmenu a:hover .t{
color: #E6EEC9;
}

/* end VMenuItem */

/* begin Box, Block */

.art-block{
position: relative;
z-index: 0;
margin: 0 auto;
min-width: 3px;
min-height: 3px;
}

.art-block-body{
position: relative;
z-index: 1;
padding: 3px;
}

.art-block-tr, .art-block-tl, .art-block-br, .art-block-bl, .art-block-tc, .art-block-bc,.art-block-cr, .art-block-cl{
position: absolute;
z-index: -1;
}

.art-block-tr, .art-block-tl, .art-block-br, .art-block-bl{
width: 2px;
height: 2px;
background-image: url('images/block_s.png');
}

.art-block-tl{
top: 0;
left: 0;
clip: rect(auto, 1px, 1px, auto);
}

.art-block-tr{
top: 0;
right: 0;
clip: rect(auto, auto, 1px, 1px);
}

.art-block-bl{
bottom: 0;
left: 0;
clip: rect(1px, 1px, auto, auto);
}

.art-block-br{
bottom: 0;
right: 0;
clip: rect(1px, auto, auto, 1px);
}

.art-block-tc, .art-block-bc{
left: 1px;
right: 1px;
height: 2px;
background-image: url('images/block_h.png');
}

.art-block-tc{
top: 0;
clip: rect(auto, auto, 1px, auto);
}

.art-block-bc{
bottom: 0;
clip: rect(1px, auto, auto, auto);
}

.art-block-cr, .art-block-cl{
top: 1px;
bottom: 1px;
width: 2px;
background-image: url('images/block_v.png');
}

.art-block-cr{
right: 0;
clip: rect(auto, auto, auto, 1px);
}

.art-block-cl{
left: 0;
clip: rect(auto, 1px, auto, auto);
}

.art-block-cc{
position: absolute;
z-index: -1;
top: 1px;
left: 1px;
right: 1px;
bottom: 1px;
background-color: #FFF;
}

.art-block{
margin: 7px;
}

/* end Box, Block */

/* begin BlockHeader */

.art-blockheader{
position: relative;
z-index: 0;
/* height: 39px; */
margin-bottom: 7px;
background-color: #13D83A;
color: #FFF;
margin: 0;
padding: 5px 1px 5px 1px;
/*white-space: nowrap; */
/*line-height: 39px; */
}

.art-blockheader .t{
height: 39px;
color: #FFF;
margin: 0;
padding: 0 10px 0 28px;
white-space: nowrap;
line-height: 39px;
}

.art-blockheader .l, .art-blockheader .r{
display: block;
position: absolute;
z-index: -1;
height: 39px;
background-image: url('images/blockheader.png');
}

.art-blockheader .l{
left: 0;
right: 22px;
}

.art-blockheader .r{
width: 900px;
right: 0;
clip: rect(auto, auto, auto, 878px);
}

/* end BlockHeader */

/* begin Box, BlockContent */

.art-blockcontent{
position: relative;
z-index: 0;
margin: 0 auto;
min-width: 1px;
min-height: 1px;
}

.art-blockcontent-body{
position: relative;
z-index: 1;
padding: 7px;
}


.art-blockcontent-body,
.art-blockcontent-body a,
.art-blockcontent-body li a{
color: #074B14;
}

.art-blockcontent-body a,
.art-blockcontent-body li a{
color: #617C36;
}

.art-blockcontent-body a:link,
.art-blockcontent-body li a:link{
color: #617C36;
}

.art-blockcontent-body a:visited, .art-blockcontent-body a.visited,
.art-blockcontent-body li a:visited, .art-blockcontent-body li a.visited{
color: #3AEE5E;
text-decoration: none;
}

.art-blockcontent-body a:hover, .art-blockcontent-body a.hover,
.art-blockcontent-body li a:hover, .art-blockcontent-body li a.hover{
color: #80A348;
text-decoration: none;
}

.art-blockcontent-body ul{
list-style-type: none;
color: #0A7520;
margin: 0;
padding: 0;
}

.art-blockcontent-body ul li{
line-height: 1.25em;
padding: 0 0 0 12px;
background-image: url('images/blockcontentbullets.png');
background-repeat: no-repeat;
}

/* end Box, BlockContent */

/* begin Button */

.art-button-wrapper .art-button{
display: inline-block;
vertical-align: middle;
white-space: nowrap;
text-align: left;
text-decoration: none !important;
color: #FFF !important;
width: auto;
outline: none;
border: none;
background: none;
line-height: 27px;
height: 27px;
margin: 0 !important;
padding: 0 10px !important;
overflow: visible;
cursor: default;
z-index: 0;
}

.art-button img, .art-button-wrapper img{
margin: 0;
vertical-align: middle;
}

.art-button-wrapper{
vertical-align: middle;
display: inline-block;
position: relative;
height: 27px;
overflow: hidden;
white-space: nowrap;
width: auto;
margin: 0;
padding: 0;
z-index: 0;
}

.firefox2 .art-button-wrapper{
display: block;
float: left;
}

input, select, textarea, select{
vertical-align: middle;
}

.art-block select{
width: 96%;
}

.art-button-wrapper.hover .art-button, .art-button:hover{
color: #000 !important;
text-decoration: none !important;
}

.art-button-wrapper.active .art-button{
color: #F6F9EC !important;
}

.art-button-wrapper .l, .art-button-wrapper .r{
display: block;
position: absolute;
z-index: -1;
height: 81px;
margin: 0;
padding: 0;
background-image: url('images/button.png');
}

.art-button-wrapper .l{
left: 0;
right: 8px;
}

.art-button-wrapper .r{
width: 417px;
right: 0;
clip: rect(auto, auto, auto, 409px);
}

.art-button-wrapper.hover .l, .art-button-wrapper.hover .r{
top: -27px;
}

.art-button-wrapper.active .l, .art-button-wrapper.active .r{
top: -54px;
}

.art-button-wrapper input{
float: none !important;
}

/* end Button */

/* begin Box, Post */

.art-post{
position: relative;
z-index: 0;
margin: 0 auto;
min-width: 15px;
min-height: 15px;
}

.art-post-body{
position: relative;
z-index: 1;
padding: 13px;
}

.art-post-tr, .art-post-tl, .art-post-br, .art-post-bl, .art-post-tc, .art-post-bc,.art-post-cr, .art-post-cl{
position: absolute;
z-index: -1;
}

.art-post-tr, .art-post-tl, .art-post-br, .art-post-bl{
width: 14px;
height: 14px;
background-image: url('images/post_s.png');
}

.art-post-tl{
top: 0;
left: 0;
clip: rect(auto, 7px, 7px, auto);
}

.art-post-tr{
top: 0;
right: 0;
clip: rect(auto, auto, 7px, 7px);
}

.art-post-bl{
bottom: 0;
left: 0;
clip: rect(7px, 7px, auto, auto);
}

.art-post-br{
bottom: 0;
right: 0;
clip: rect(7px, auto, auto, 7px);
}

.art-post-tc, .art-post-bc{
left: 7px;
right: 7px;
height: 14px;
background-image: url('images/post_h.png');
}

.art-post-tc{
top: 0;
clip: rect(auto, auto, 7px, auto);
}

.art-post-bc{
bottom: 0;
clip: rect(7px, auto, auto, auto);
}

.art-post-cr, .art-post-cl{
top: 7px;
bottom: 7px;
width: 14px;
background-image: url('images/post_v.png');
}

.art-post-cr{
right: 0;
clip: rect(auto, auto, auto, 7px);
}

.art-post-cl{
left: 0;
clip: rect(auto, 7px, auto, auto);
}

.art-post-cc{
position: absolute;
z-index: -1;
top: 7px;
left: 7px;
right: 7px;
bottom: 7px;
background-color: #FFF;
}

.art-post{
margin: 30px 7px 40px;
}

a img{
border: 0;
}

.art-article img, img.art-article{
margin: 5px;
}

.art-metadata-icons img{
border: none;
vertical-align: middle;
margin: 2px;
}

.art-article table, table.art-article{
border-collapse: collapse;
margin: 1px;
width: auto;
}

.art-article th, .art-article td{
padding: 2px;
border: 1px solid #13D83A;
vertical-align: top;
text-align: left;
}

.art-article th{
text-align: center;
vertical-align: middle;
padding: 7px;
}

pre{
overflow: auto;
padding: 0.1em;
}

/* end Box, Post */

/* begin PostMetadata, PostMetadataHeader */

.art-postmetadataheader{
padding: 1px;
overflow: hidden;
/* background-color: #13D83A; */
border-bottom: 1px dotted #119202;
text-align: center;
}

.art-postmetadataheader-ex{
padding: 1px;
}

.art-postmetadataheader2{
padding: 1px;
overflow: hidden;
/* background-color: #E72222; */
border-bottom: 1px dotted #E72222;
text-align: center;
}

/* end PostMetadata, PostMetadataHeader */

/* begin PostHeaderIcon */

.art-post h2.art-postheader,
.art-post h2.art-postheader span,
.art-post h2.art-postheader a,
.art-post h2.art-postheader a:link,
.art-post h2.art-postheader a:visited,
.art-post h2.art-postheader a.visited,
.art-post h2.art-postheader a:hover,
.art-post h2.art-postheader a.hovered{
margin: 1% 0;
padding: 0;
font-size: 28px;
color: #000;
font-weight: bold;   
line-height: 125%;
}  

@media(max-width: 750px){
	.art-post h2.art-postheader,
	.art-post h2.art-postheader span,
	.art-post h2.art-postheader a,
	.art-post h2.art-postheader a:link,
	.art-post h2.art-postheader a:visited,
	.art-post h2.art-postheader a.visited,
	.art-post h2.art-postheader a:hover,
	.art-post h2.art-postheader a.hovered{
	font-size: 22px;
	}
}


.art-post .art-postmetadataheader h2.art-postheader,
.art-post .art-postmetadataheader h2.art-postheader span,
.art-post .art-postmetadataheader h2.art-postheader a,
.art-post .art-postmetadataheader h2.art-postheader a:link,
.art-post .art-postmetadataheader h2.art-postheader a:visited,
.art-post .art-postmetadataheader h2.art-postheader a.visited,
.art-post .art-postmetadataheader h2.art-postheader a:hover,
.art-post .art-postmetadataheader h2.art-postheader a.hovered{
color: #11be33;
}

.art-post .art-postmetadataheader2 h2.art-postheader,
.art-post .art-postmetadataheader2 h2.art-postheader a,
.art-post .art-postmetadataheader2 h2.art-postheader span,
.art-post .art-postmetadataheader2 h2.art-postheader a:link,
.art-post .art-postmetadataheader2 h2.art-postheader a:visited,
.art-post .art-postmetadataheader2 h2.art-postheader a.visited,
.art-post .art-postmetadataheader2 h2.art-postheader a:hover,
.art-post .art-postmetadataheader2 h2.art-postheader a.hovered{
color: #c00000;
}


.art-post h2.art-postheader a,
.art-post h2.art-postheader a:link,
.art-post h2.art-postheader a:visited,
.art-post h2.art-postheader a.visited,
.art-post h2.art-postheader a:hover,
.art-post h2.art-postheader a.hovered{
margin: 0;
text-align: left;
text-decoration: none;
color: #C7DAAA;
}

.art-post h2.art-postheader a:visited,
.art-post h2.art-postheader a.visited{
color: #AFF8BE;
}


.art-post h2.art-postheader a:hover,
.art-post h2.art-postheader a.hovered{
color: #5FF17D;
}

.art-post h2.art-postheader img{
border: none;
vertical-align: middle;
margin: 0;
}

/* end PostHeaderIcon */

/* begin PostBullets */

.art-post ol, .art-post ul{
color: #0A7520;
margin: 1em 0 1em 2em;
padding: 0;
}

.art-post li ol, .art-post li ul{
margin: 0.5em 0 0.5em 2em;
padding: 0;
}

.art-post li{
margin: 0.2em 0;
padding: 0;
}

.art-post ul{
list-style-type: none;
}

.art-post ol{
list-style-position: inside;
}

.art-post li{
padding: 0 0 0 12px;
line-height: 1em;
}

.art-post ol > li{
background: none;
padding-left: 0;
/* overrides overflow for "ul li" and sets the default value */
overflow: visible;
}

.art-post ul > li{
background-image: url('images/postbullets.png');
background-repeat: no-repeat;
padding-left: 12px;
/* makes "ul li" not to align behind the image if they are in the same line */
overflow-x: visible;
overflow-y: hidden;
}

/* end PostBullets */

/* begin PostQuote */

blockquote,
blockquote p,
.art-postcontent blockquote p{
color: #FFF;
}

blockquote,
.art-postcontent blockquote{
margin: 10px;
padding: 5px;
background-color: #13D83A;
/* makes blockquote not to align behind the image if they are in the same line */
overflow: auto;
}

/* end PostQuote */

/* begin Footer */

.art-footer{
position: relative;
overflow: hidden;
width: 100%;
z-index: 1;
}

.art-footer-b{
position: absolute;
left: 5px;
right: 5px;
bottom: 0;
height: 5px;
background-image: url('images/footer_b.png');
}

.art-footer-r, .art-footer-l{
position: absolute;
height: 5px;
background-image: url('images/footer_s.png');
bottom: 0;
}

.art-footer-l{
left: 0;
width: 5px;
}

.art-footer-r{
right: 0;
width:10px;
clip: rect(auto, auto, auto, 5px);
}

.art-footer-t{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 5px;
background-color: #13D83A;
}

.art-footer-body{
position: relative;
padding: 8px;
}

.art-footer-text, .art-footer-text p{
margin: 0;
padding: 0;
text-align: center;
}

.art-footer,
.art-footer p,
.art-footer a,
.art-footer a:link,
.art-footer a:visited,
.art-footer a:hover{
color: #FAFFFB;
}

.art-footer-text{
margin: 0 10px;
}

.art-footer a,
.art-footer a:link{
color: #FFF;
text-decoration: none;
}

.art-footer a:visited{
color: #5FF17D;
}

.art-footer a:hover{
color: #000;
}

/* end Footer */

/* begin PageFooter */

.art-page-footer, .art-page-footer a, .art-page-footer a:link, .art-page-footer a:visited, .art-page-footer a:hover{
font-size: 10px;
letter-spacing: normal;
word-spacing: normal;
font-style: normal;
font-weight: normal;
text-decoration: underline;
color: #6F8E3E;
}

.art-page-footer{
margin: 1em;
text-align: center;
text-decoration: none;
color: #10BC33;
}

/* end PageFooter */

/* begin LayoutCell, sidebar1 */

.art-content-layout .art-sidebar1{
background-color: #FFF;
width: 25%;
padding-top: 23px !important;
}

/* end LayoutCell, sidebar1 */

/* begin LayoutCell, content */

.art-content-layout .art-content{
width: 75%;
}

.art-content-layout .art-content-wide{
width: 100%;
}

/* end LayoutCell, content */

.overview-table .art-layout-cell{
width: 33%;
}

.overview-table-inner{
margin: 10px;
}

table.table{
width: 100%;
border-collapse: collapse;
table-layout: fixed;
text-align: left;
vertical-align: top;
}

table.table, table.table tr, table.table td{
border: none;
margin: 0;
padding: 0;
background-color: Transparent;
}

img.image{
margin: 0;
padding: 0;
border: none;
}

.p001{
text-align: right;
color: #900;
font-weight: bold;
}

.p-staff{
color: #C00;
font-weight: bold;
display: block;
margin-bottom: 5px;
font-size: 18px;
}

.p-staff span{
color: #0049FF;
font-size: 22px;
}

.p-staff span.layout{
color: #C00;
font-weight: bold;
display: inline-block;
font-size: 18px;
vertical-align: middle;
}

.p-staff span.layout .p-staff-sp{
	color: inherit;
	font-size: 100%;
	font-weight: inherit;
	display: inline-block;
}

.p-staff span.layout .p-staff-sp:not(:last-of-type){
	margin-right: 0.6em;
}

@media(max-width: 1520px){

	.p-staff span.layout .p-staff-sp,
	.p-staff span.layout .p-staff-sp:not(:last-of-type){
		display: block;
		margin: 0;
	}

}

.staffTitle{
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	margin: 0 0 5px;
}

.staffTitle_oualification{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	flex-grow: 0;
	flex-shrink: 1;
	margin: 0 1em 0 0;
	padding: 0;
	font-size: 18px;
	max-width: 25em;
}

.staffTitle_oualification span{
	display: block;
	color: #C00;
	font-weight: bold;
}

.staffTitle_oualification span:after{
	content: "・";
	display: inline;
	color: #C00;
	font-weight: bold;
}

.staffTitle_oualification span:last-of-type:after{
	display: none;
}

.staffTitle_name{
	display: block;
	margin: 0;
	flex-grow: 1;
	flex-shrink: 0;
	color: #0049FF;
	font-size: 22px;
	font-weight: bold;
}

.staff-table-text{
	margin: 0 auto 10px;
}

@media(max-width: 750px){

	.staffTitle{
		flex-wrap: wrap;
	}

	.staff-table p.staffTitle_oualification{
		display: inline-block;
		max-width: 100%;
		line-height: 1.3 !important;
	}

	.staffTitle_oualification span{
		display: inline;
	}

}



.p002{
text-align: right;
margin-right: 2%;
}

.p003{
text-align: center;
color: #F60;
font-weight: bold;

}
table.table002 {
margin-top: 0.5em;
margin-bottom: 0.5em;
width: 100%;
border-collapse: collapse;
border: 1px solid #CFD78E;
font-size: 90%;
}

table.table002 td{
border: 1px solid #CFD78E;
padding: 3px;
text-align: left;


}

table.table002 th {
border: 1px solid #CFD78E;
padding: 1px;
text-align: center;
color: #000;
font-weight: bold;
}

table.table002 tr:first-of-type td {
text-align: center;
}

.mark01{
padding-left: 10px;
border-top-width: 0;
border-right-width: 0;
border-bottom-width: 2px;
border-left-width: 10px;
border-style: solid;
border-color: #13D83A;
font-color: #000;
font-weight: bold;
width: 98%;
box-sizing: border-box;
}

table.table01{
width: 100%;
border-collapse: collapse;
}

table.table01, table.table01 tr, table.table01 td{
background-color: transparent;
border-top: none;
border-right: none;
border-bottom: 1px dotted #693;
border-left: none;
vertical-align: middle;
}

table.table01 th{
border-top: none;
border-right: none;
border-bottom: 1px dotted #693;
border-left: none;
background-color: transparent;
text-align: center;
font-weight: boder;
vertical-align: top;
}

table.table003{
width: 95%;
border-collapse: collapse;
text-align: left;
}

table.table003 th{
background-color: transparent;
vertical-align: top;
border-top: none;
border-right: none;
border-bottom: 1px solid #ED0602;
border-left: none;
}

table.table003, table.table003 tr, table.table003 td{
padding-left: 20px;
background-color: transparent;
border-top: none;
border-right: none;
border-bottom: 1px dotted #000;
border-left: none;
}

table.table004{
margin-top: 0.5em;
margin-bottom: 0.5em;
width: 100%;
border-collapse: collapse;
border: 1px solid #CFD78E;
font-size: 90%;
}

table.table004 td{
border: 1px solid #CFD78E;
padding: 3px;
width: 150px;
}

table.table004 th{
border: 1px solid #CFD78E;
padding: 1px;
text-align: center;
white-space: nowrap;
color: #000;
background-color: #E2F2A8;
}

table.table005{
margin-top: 0.5em;
margin-bottom: 0.5em;
width: 100%;
border-collapse: collapse;
border: none;
font-size: 90%;
}

table.table005 td{
border: none;
padding: 3px;
}

.news-top{
margin: 10px;
}

.news-top {
margin: 10px;
}

.fontsize-a{
text-align: center;
}

span.fontsize-b{
font-size: 38px;
vertical-align: middle;
line-height: 1.3em;
color: #F5EE24;
}

span.fontsize-c{
font-size: 24px;
vertical-align: middle;
line-height: 1.3em;
color: #F5EE24;
}


.cons-flow{
	width: 90%;
	margin: 20px auto 40px !important;
	border: hidden;
}

.cons-flow td{
border: hidden;
vertical-align: middle;
}

.cons-flow tr td:first-child + *{
width: 70%;
padding-left: 1em;
padding-right: 1em;
}

.cons-flow td b{
font-size: 18px;
display: inline-block;
padding-bottom: 5px;
}

.cons-flow td span{
width: 100%;
margin: 0.3em auto 0;
color: #00F;
display: block;
text-align: left;
font-weight: bold;
}

.acupu td span{
width: 100%;
margin: 0.3em auto 0;
color: #DD0000;
display: block;
text-align: left;
font-weight: bold;
}

.acupu td span span{
display: inline-block;
color: #900;
}

.tel-sp{
font-size: 20px !important;
display: inline !important;
}

.cons-flow td img{
display: block;
width: 100%;
margin: 0 auto;
}

.cf-arrow{
text-align: center;
padding: 20px 0 !important;
}

.cf-arrow img{
width: 110px !important;
display: inline-block;
}

table.flow-kanban{
width: 80% !important;
margin: 40px auto 20px !important;
border: hidden;
background-image: url("images/kanbanbg.jpg") !important;
background-position: left 0;
background-size: auto 70%;
background-repeat: no-repeat;
}

table.flow-kanban td{
border: hidden;
vertical-align: middle;
}

table.flow-kanban td:first-child{
width: 24%;
vertical-align: bottom;
}

table.flow-kanban td:first-child img{
display: block;
width: 100%;
margin: 0 auto 30px;
}

table.flow-kanban td:first-child + * img{
display: block;
width: 100%;
margin: 0 auto;
}

.flow-icon{
width: 96% !important;
margin: 20px auto 0 !important;
border: hidden;
}

.flow-icon td{
width: 50%;
text-align: center;
vertical-align: middle;
border: hidden;
}

.flow-icon td a{
display: block;
}

.flow-icon td a:hover{
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
}

.flow-icon td a img{
display: inline-block;
width: 90%;
margin-left: auto;
margin-right: auto;
}

.happy-t-link{
}

.happy-t-link table{
border: hidden;
width: 94%;
margin: 0 auto !important;
}

.happy-t-link table td{
border: hidden;
vertical-align: middle !important;
color: #555 !important;
font-weight: bold;
text-align: center;
}

.happy-t-link table td:first-child{
width: 64%;
padding-top: 3%;
}

.happy-t-link img{
width: 100%;
margin: 0 auto;
display: block;
}

.happy-t-link:hover{
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
}

#index-ban{
overflow: hidden;
}

#index-ban table.panda{
width: 100%;
margin: 10px auto 0 !important;
border: hidden;
background-image: url("images/kanbanbg.jpg") !important;
background-position: left 0;
background-size: auto 70%;
background-repeat: no-repeat;
}

#index-ban table.panda td{
border: hidden;
vertical-align: middle;
}

#index-ban table.panda td:first-child{
width: 24%;
vertical-align: bottom;
}

#index-ban table.panda td:first-child img{
display: block;
width: 100%;
margin: 0 auto 30px;
}

#index-ban table.panda td:first-child + * img{
display: block;
width: 100%;
margin: 0 auto;
}

.greeting-table{
width: 100%;
border: hidden;
}

.greeting-table td{
border: hidden;
vertical-align: middle;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: bold;}

.greeting-p{
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.mth{
display: inline-block;
margin-top: 0.6em;
}


.side-store{
display: block;
width: 98%;
margin: 0 auto 10px;
}



.flowContact{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 2em;
	width: 100%;
	margin: 0.5em auto 0;
}

.flowContactTel{
	color: #00F;
	display: block;
	text-align: left;
	font-weight: bold;
	margin: 0;
}

.flowContactLine{
	--lineColor: #06C755;
	font-size: 100%;
}

.flowContactLineLink{
	display: block;
	color: #FFF !important;
	background-color: var(--lineColor);
	border: 2px solid var(--lineColor);
	padding: 0.5em 1.5em;
	font-weight: bold;
	font-size: 100%;
}

.flowContactLineLink:hover{
	display: block;
	color: var(--lineColor) !important;
	background-color: #FFF;
}



/*---------------------------------
	commonList end
---------------------------------*/

.art-post ul.commonList,
.commonList{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	width: auto;
	margin: 0 auto !important;
	padding: 0 !important;
	color: inherit !important;
	list-style: none !important;
}

.commonListItem{
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 0 0.25em;
	margin: 0 !important;
	padding: 0 !important;
	background: none !important;
	color: inherit !important;
}

.commonListItem:before{
	display: block;
	flex-grow: 0;
	flex-shrink: 0;
	line-height: 1.5 !important;
}

.commonListInner{
	display: block;
	width: 100%;
	margin: 0 !important;
	line-height: 1.5 !important;
	color: inherit !important;
	font-weight: inherit !important;
}

@media(min-width: 961px){
	.commonList--col2{
		width: 100%;
		flex-direction: row;
		gap: 0.5em 2em;
	}
	.commonList--col2 > li{
		width: calc((100% - 2em) / 2);
	}
}

.commonList--space > .commonListItem:not(:first-of-type){
	margin-top: 1em;
}

.commonList--full > .commonListItem{
	width: 100%;
}

.commonList--dots > .commonListItem:before{
	content: "";
	display: block;
	width: 0.3em;
	height: 0.3em;
	margin: 0.6em 0;
	border-radius: 50%;
	background-color: var(--mainTextColor);
}

.commonList--mark{
	width: calc(100% - 0.5em);
	margin: 0 0 0 0.5em;
}

.commonList--mark > .commonListItem:before{
	content: "※";
	display: block;
	color: inherit !important;
}

.commonList--num{
    counter-reset: listNum 0;
}

.commonList--num > .commonListItem{
	counter-increment: listNum 1;
}

.commonList--num > .commonListItem:before{
	content: counter(listNum)".";
	color: var(--themeColor);
	font-weight: var(--fontWeightBold);
}

.commonList--icon > .commonListItem:not(:first-of-type){
	margin-top: 0.5em;
}

.commonList--icon > li:before{
	content: "";
	display: block;
	width: 1.5em;
	height: 1.5em;
	background-image: url("../../images/common/listIconF.png");
	background-position: center center;
	background-size: contain;
}

/*---------------------------------
	commonList end
---------------------------------*/

/*---------------------------------
	commonDecoration end
---------------------------------*/

.commonDecoration--borderColor{
	border: 1px solid var(--themeColor);
	padding: 1.5em !important;
	background-color: #FFF;
}

.commonDecoration--borderColorBold{
	border: 4px solid var(--themeColor);
	padding: 2em 3em !important;
	background-color: #FFF;
}

.commonDecoration--borderGray{
	border: 1px solid #13d83a;
	padding: 1em !important;
	background-color: #FFF;
	width: 90%;
	margin: 1em auto;
}

.commonDecoration--bgColor{
	background-color: var(--themeSubColor);
	padding: 1em !important;
}

.commonDecoration--bgGray{
	background-color: #EFEFEF;
	padding: 1em !important;
}

.commonDecoration--bgWhite{
	background-color: #FFF;
	padding: 1.5em 1.5em 2.5em !important;
}

.commonDecoration--separatorColor{
	border-bottom: 1px solid var(--themeSubColor);
	padding-bottom: 1.5em !important;
	margin-bottom: 1.5em !important;
}

.commonDecoration--separatorGray{
	border-bottom: 1px solid #EFEFEF;
	padding: 0 0 1.5em !important;
	margin: 0 0 1.5em !important;
}

.commonDecoration--separatorColor:last-child,
.commonDecoration--separatorGray:last-child{
	margin-bottom: 0 !important;
}

/*---------------------------------
	commonDecoration end
---------------------------------*/

/*---------------------------------
	commonDecoration end
---------------------------------*/
.textMarker{
	display: inline;
	background: linear-gradient(transparent 60%, var(--themeColor) 60%, var(--themeColor) 100%, transparent 100%);
}
/*---------------------------------
	commonDecoration end
---------------------------------*/