/*
 * For Dolphin Main CSS File
 *
 * Dolphin CSS File $Id: HiroseBankin.css 20 2018-12-11 13:58:18Z t-yasuka $
 */

/*
Display Size
    0~319
    320~399
    400~599
    600~899
    900~
*/

/****************************************************************************/
/*			Basic Display Size 												*/
/****************************************************************************/

body {
	margin: 0 auto;
	font-family: "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "MS UI Gothic", "sans-serif";
	/*	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", "Yu Mincho", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; */
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: black;
	border-right-color: black;
	border-bottom-color: black;
	border-left-color: black;
	overflow: scroll;
	background-position: left top;
	text-align: left;
	bottom: 0px;
	background-image: url("../images/BackImage.png");
	background-repeat: repeat-x;
	display: block;
	min-height: 0px;
	left: 0px;
	background-color: transparent;
	position: static;
	top: 0px;
	font-weight: normal;
	line-height: 15px;
	visibility: visible;
	color: #000;
}

@media (max-width: 499px) {
	.no_mobile {
		display: none;
	}
}

@media (min-width: 500px) {
	.no_pc {
		display: none;
	}
}

@media (min-width: 0px) and (max-width: 599px) {
	body {
		width: 100%;
		max-width: 600px;
		min-width: 320px;
	}
}

@media (min-width: 600px) and (max-width: 719px) {
	body {
		width: 100%;
		max-width: 720px;
		min-width: 600px;
	}
}

@media (min-width: 720px) and (max-width: 900px) {
	body {
		width: 100%;
		max-width: 900px;
		min-width: 720px;
	}
}

@media (min-width: 901px) {
	body {
		width: 900px;
	}
}

header {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}

.footerSeparator {
	width: 100%;
	height: 10px;
	border-bottom-style: solid;
	border-width: 2px;
	border-color: #3F7955;
}

footer {
	border-top: 2px solid #3F7955;
	background-color: #f0f0f0;
}

.footer_tb {
	margin: 10px auto;
	border-collapse: collapse;
}

.ftsitemap {
	width: 100%;
}

.ftsitemap td {
	font-size: 10px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
	border-left: solid 1px #0A2171;
	border-right: solid 1px #0A2171;
	/*min-width:3em; */
}

.ftsitemap td a {
	text-decoration: none;
}

.ftsitemap ul {
	display: table;
	margin: 5px auto;
	text-align:center;
	letter-spacing:-0.5em;
	/*font-size:0; */
	/*border-collapse: collapse;*/
}

.ftsitemap ul li {
	display: inline-block;
	letter-spacing:normal;
	font-size: 12px;
	padding-left: 3px;
	padding-right: 3px;
	/*margin-left: 0px;
	margin-right: 0px; */
	min-width: 3em;
	border-left: 1px solid #3F7955;
	border-right: 1px solid #3F7955;
}

.ftsitemap ul li ul {
	display: table;
	position: relative;
}

.ftsitemap ul li ul li {
	display: table-row;
	/*	position:absolute;
	top:0px;
	left:1em; */
	padding-left: 0px;
	/* margin-bottom: 0px; */
	/*max-width:5em;*/
}

.ftsitemap ul li ul li:before {

	position: absolute;
	content: "※";
	left: 1em;
}

/*
.ftsitemap ul li ul li::before {
	content: "";
	position: absolute;
	top: -0.5em;
	left: -16px;
	width: 10px;
	height: calc(100% + .75em);
	border-left: 1px solid #3972b2;
}
     
    .ftsitemap ul li ul li:last-child::before {
      height: calc(1em + .25em);
    }
     
    .ftsitemap ul li ul li::after {
      content: "";
      position: absolute;
      top: .75em;
      left: -16px;
      width: 10px;
      border-bottom: 1px solid #3972b2;
    }
*/
.ftsitemap ul li a {
	text-decoration: none;
}

.copyrightBox {
	margin-top: 10px;
}

.copyright_notice {
	font-size: 12px;
	height: 80px;
	text-align: right;
	vertical-align: top;
}

/*-------------------------
         Page Top Button
---------------------------*/

#FloatButton {
	display: none;
}

#page_top {
	width: 40px;
	height: 40px;
	position: fixed;
	right: 5px;
	bottom: 5px;
	background-image: url("../images/GoTop.png");
	background-color: #7BBB94;
	color: #ffffff;
	opacity: 0.6;
}

#page_top a {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 40px;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
}

#Prev_Page {
	width: 40px;
	height: 40px;
	position: fixed;
	right: 52px;
	bottom: 5px;
	background: #7BBB94;
	opacity: 0.6;
}

#Prev_Page a {
	position: relative;
	display: block;
	width: 40px;
	height: 40px;
	text-decoration: none;
	background-image: url("../images/GoBack.png");
	background-color: #7BBB94;
	color: #ffffff;
}

.TopBar {
	position: relative;
	width: 100%;
	height: 100%;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
}

.TitleLogo {
	width: 100%;
}

.TitleMenu {
	display: table;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	background-repeat: no-repeat;
	text-align: center;
}

.TitleAddr {
	position: absolute;
	top: 40%;
	left: 2.5%;
	width: 27.5%;
	height: 57%;
	min-width: 88px;
	max-width: 248px;
}

.TitlePhone {
	position: absolute;
	top: 40%;
	left: 70.1%;
	width: 27.5%;
	height: 57%;
	font-family: "sans-serif";
	font-size: 9px;
}

.TitleSubLabelBox {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	color: #ffffff;
}

.TitleSubLabelL {
	text-align: left;
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
}

.TitleSubLabelL tr {
	margin: 0px;
	padding: 0px;
}

.TitleSubLabelL td {
	margin: 0px;
	padding-top: 1px;
	padding-bottom: 1px;
	font-family: "Hiragino Kaku Gothic ProN", "arial narrow", "sans-serif", "メイリオ", "Meiryo", "MS UI Gothic", "sans-serif";
}

.TitleSubLabelR td {
	margin: 0px;
	padding-top: 1px;
	padding-bottom: 1px;
	font-family: "Hiragino Kaku Gothic ProN", "arial narrow", "sans-serif", "メイリオ", "Meiryo", "MS UI Gothic", "sans-serif";
}

/** ０～320px; **/
@media (min-width: 0px) and (max-width: 320px) {

	.TSLPostalCode {
		font-size: 8px;
		line-height: 10px;
	}

	.TSLAddress {
		font-size: 8px;
		line-height: 10px;
	}

	.TitleSubLabelR {
		text-align: left;
		border-collapse: collapse;
		padding: 0px;
		margin: 0px;
	}

	.TitleSubLabelR tr {
		margin: 0px;
		padding: 0px;
	}

	.TitleSubLabelR td {
		font-size: 8px;
		line-height: 10px;
	}
}

/***** 321～400px ******************/
@media (min-width: 321px) and (max-width: 400px) {

	.TSLPostalCode {
		font-size: calc(6px + 1vw);
		line-height: calc(10px + 1vw);
	}

	.TSLAddress {
		font-size: calc(8px + 1vw);
		line-height: calc(10px + 1vw);
	}

	.TitleSubLabelR {
		text-align: left;
		border-collapse: collapse;
		padding: 0px;
		margin: 0px;
	}

	.TitleSubLabelR tr {
		margin: 0px;
		padding: 0px;
	}

	.TitleSubLabelR td {
		font-size: calc(8px + 1vw);
		line-height: calc(10px + 1vw);
	}
}

/***** 401～600px ******************/
@media (min-width: 401px) and (max-width: 600px) {

	.TSLPostalCode {
		font-size: calc(6px + 1.3vw);
		line-height: calc(10px + 1.3vw);
	}

	.TSLAddress {
		font-size: calc(8px + 1.3vw);
		line-height: calc(10px + 1.3vw);
	}

	.TitleSubLabelR {
		text-align: left;
		border-collapse: collapse;
		padding: 0px;
		margin: 0px;
	}

	.TitleSubLabelR tr {
		margin: 0px;
		padding: 0px;
	}

	.TitleSubLabelR td {
		font-size: calc(8px + 1.3vw);
		line-height: calc(10px + 1.3vw);
	}
}

/***** 601～900px ******************/
@media (min-width: 601px) and (max-width: 900px) {

	.TSLPostalCode {
		font-size: calc(6px + 1.5vw);
		line-height: calc(10px + 1.5vw);
	}

	.TSLAddress {
		font-size: calc(8px + 1.5vw);
		line-height: calc(10px + 1.5vw);
	}

	.TitleSubLabelR {
		text-align: left;
		border-collapse: collapse;
		padding: 0px;
		margin: 0px;
	}

	.TitleSubLabelR tr {
		margin: 0px;
		padding: 0px;
	}

	.TitleSubLabelR td {
		font-size: calc(8px + 1.5vw);
		line-height: calc(10px + 1.5vw);
	}
}

/***** 901px ～ ******************/
@media (min-width: 901px) {

	.TSLPostalCode {
		font-size: 18px;
		line-height: 20px;
	}

	.TSLAddress {
		font-size: 22px;
		line-height: 24px;
	}

	.TitleSubLabelR {
		text-align: left;
		border-collapse: collapse;
		padding: 0px;
		margin: 0px;
	}

	.TitleSubLabelR tr {
		margin: 0px;
		padding: 0px;
	}

	.TitleSubLabelR td {
		font-size: 24px;
		line-height: 26px;
	}
}

/**********************************************************************
    Menus
***********************************************************************/

/*====================================================================*/
/* Menu Common Definitions                                            */
/*====================================================================*/

.Menus {
	color: #ffffff;
	margin: 0px;
	padding: 0px;
}

.Menus ul {
	margin-top: 0px;
	padding-left: 0;
	padding-right: 0;
	text-align: center;
}

.Menus li {
	padding-right: 0;
	padding-left: 0;
	height: 45px;
	vertical-align: middle;
	display: table-cell;
}

.Menus li a {
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", "YuGothic", "メイリオ", "Meiryo", "MS UI Gothic", "sans-serif";
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	align-items: center;
	text-align: center;
	margin: auto;
	padding: auto;
}

.Menus li a:hover {
	background-repeat: no-repeat;
}

/************************************************************/
/*		Dropdown Menu										*/
/************************************************************/
.DropMenu {
	*zoom: 1;
	list-style-type: none;
	width: 100%;
	padding: 0px;
	margin: 0 auto;
}

.DropMenu:before,
.DropMenu:after {
	content: "";
	display: table;
}

.DropMenu:after {
	clear: both;
}

.DropMenu li {
	position: relative;
	width: 100%;
	float: left;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

.DropMenu li a {
	display: block;
	margin: 0px;
	padding: 10px 0 10px;
	background: #3F7955;
	color: #ffffff;
	font-size: 14px;
	line-height: 1;
	text-decoration: none;
}

.DropMenu li ul {
	list-style: none;
	position: absolute;
	z-index: 9999;
	top: 100%;
	left: 0px;
	margin: 0px;
	padding: 0px;
}

.DropMenu li ul li {
	width: 100%;
	overflow: hidden;
	height: 0px;
	transition: .2s;
}

.DropMenu li ul li a {
	padding: 13px 15px;
	border-top: 1px solid #ffffff;
	background: #3F7955;
	text-align: left;
}

.DropMenu li:hover > a {
	background: #7BBB94;
}

.DropMenu li a:hover {
	background: #7BBB94;
}

.DropMenu li:hover ul li {
	overflow: visible;
	height: 38px;
}

/************************************************************************/
/* Left Side Navi Menu  (Accordion Menu)                                */
/************************************************************************/

.navi_counter_box {
	width: 95%;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 5px;
	margin-right: 5px;
	height: 24px;
	border-collapse: collapse;
	border-color: #4C4F54;
	border-width: 1px;
}

.navi_counter_box tbody tr td {
	padding: 0px;
	margin: 0px;
	border: 1px solid #4C4F54;
	font-size: 1.3vw;
	font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
}

@media (max-width: 499px) {
	.navi_counter_box {
		max-width: 200px;
		margin: 0 auto;
	}
}

.access_c_title {
	color: #ffffff;
	background-color: #4C4F54;
	width: 45%;
}

.access_c_img {
	width: 55%;
}

.access_c_img img {
	width: 100%;
	border-width: 0px;
}

/************************************************************************/
/* Left Side Navi Menu  (Accordion Menu)                                */
/************************************************************************/

.js-floating-floater.fixed {
	position: fixed;
	z-index: 100;
}

.NaviMenu {
	font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
	font-weight: bolder;
	text-decoration: none;
	font-size: 14px;
	line-height: 18px;
	text-indent: 0px;
	margin-left: 0px;
	padding-left: 0px;
}

.accordion1 {
	margin: 0px;
	text-align: left;
	list-style: none;
	padding: 5px;
}

.accordion1 li {
	color: #ffffff;
	background-color: #4C4F54;
	border-top-style: solid;
	border-top-color: #F4F4F5;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-bottom-width: 1px;
}

.accordion1 li:hover {
	background-color: #7B8088;
}

.accordion1 .inner {
	display: none;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	text-align: left;
	list-style: none;
}

.accordion1 p {
	color: #ffffff;
	cursor: pointer;
	padding: 5px;
	margin: 0px;
}

.accordion1.init-bottom {
	cursor: pointer;
	padding: 5px;
	margin: 0px;
}

.accordion1 .inner li {
	color: #ffffff;
	padding: 5px 10px;
	text-decoration: none;
	border-top-color: #888888;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-bottom-width: 1px;
}

.accordion1 .inner li a {
	display: block;
	color: #ffffff;
	text-decoration: none;
	padding-left: 10px;
}

/* 矢印 > */
.init-bottom {
	position: relative;
}

.init-bottom:after {
	/* 右向き */
	content: '';
	font-size: 16px;
	position: absolute;
	right: 10px;
	top: 11px;
	width: 6px;
	height: 6px;
	border-right: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.init-bottom.rt:after {
	/* 下向き */
	content: '';
	font-size: 16px;
	position: absolute;
	right: 10px;
	top: 11px;
	width: 6px;
	height: 6px;
	border-right: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.is-fixed {
	position: fixed;
	top: 0px;
	left: 100px;
	z-index: 2;
	width: 20%;
}

@media (max-width: 499px) {
	.navi_counter_box tbody tr td {
		font-size: 16px;
	}
}

@media (min-width: 500px) and (max-width: 599px) {
	.navi_counter_box tbody tr td {
		font-size: 1.25vw;
	}

	.NaviMenu {
		font-size: calc(10px + 0.1vw);
	}
}

@media (min-width: 600px) and (max-width: 719px) {
	.navi_counter_box tbody tr td {
		font-size: 1.6vw;
	}

	.NaviMenu {
		font-size: 12px;
	}
}

@media (min-width: 720px) and (max-width: 900px) {
	.navi_counter_box tbody tr td {
		font-size: 1.6vw;
	}

	.NaviMenu {
		font-size: 14px;
	}
}

@media (min-width: 901px) {
	.navi_counter_box tbody tr td {
		font-size: 16px;
	}

	.NaviMenu {
		font-size: 14px;
	}
}

/*====================================================================*/
/* Menu Responsive Web Design Definitions                             */
/*====================================================================*/

@media (min-width: 500px) and (max-width: 639px) {

	.LogoImage {
		min-width: 320px;
		width: 100%;
		opacity: 0;
	}

	.Reference td {
		font-size: calc(10px + 0.66vw);
	}

	.Sub_Holiday {
		font-size: calc(9px + 0.66vw);
	}

	.Address {
		width: calc(100% - 1vw);
		padding-top: 0.5vw;
		padding-bottom: 1.5vw;
		padding-left: 0.5vw;
		padding-right: 0.5vw;
	}

	.Menus ul {
		display: flex;
		width: 100%;
		margin: 0;
		padding: 0px;
	}

	.Menus ul li {
		display: table;
		position: relative;
		width: calc(100% / 8);
		padding: 0px;
		margin: 0px;
	}

	.Menus li a {
		display: table-cell;
		width: calc((100% / 8) - 1px);
		vertical-align: middle;
		/*margin-top: 0px;
		margin-bottom: 0px;*/
		font-size: calc(9px + 0.45vw);
		background-color: #8CC4A1;
		color: #ffffff;
		border-bottom: solid 2px #3F7955;
		border-radius: 5px 5px 0 0;
		border-left: solid 1px #ffffff;
		border-right: solid 1px #3F7955;
	}

	.Menus li a:hover {
		background-color: #3F7955;
		width: calc((100% / 8) - 2px);
		color: #ffffff;
		border-bottom: solid 2px #3F7955;
		border-radius: 5px 5px 0 0;
	}

	#MenuActive {
		color: #3F7955;
		background-color: #ffffff;
		border-bottom: solid 2px #ffffff;
	}

}

@media (min-width: 640px) and (max-width: 899px) {
	.MenuSection {
		width: 600px;
		margin: 0 auto;
		text-align: center;
	}

	.Reference {
		font-size: 14px;
	}

	.Sub_Holiday {
		font-size: 10px;
	}

	.LogoImage {
		width: 600px;
		height: 115px;
	}

	.Address {
		width: calc(100% - 10px);
		padding-top: 5px;
		padding-bottom: 10px;
		padding-left: 5px;
		padding-right: 5px;
	}

	.Menus ul {
		display: flex;
		width: 100%;
		justify-content: center;
		align-items: center;
		margin: 0;
	}

	.Menus ul li {
		display: table;
		position: relative;
		width: calc(100% / 8);
		height: 30px;
		text-align: center;
	}

	.Menus li a {
		display: table-cell;
		width: calc(100% - 4px);
		height: 30px;
		vertical-align: middle;
		padding-bottom: 2px;
		padding-top: 3px;
		font-size: calc(10px + 0.3vw);
		background-color: #8CC4A1;
		color: #ffffff;
		border-bottom: solid 2px #3F7955;
		border-radius: 7px 7px 0 0;
		border-left: solid 2px #ffffff;
		border-right: solid 4px #3F7955;
	}

	.Menus li a:hover {
		background-color: #3F7955;
		width: calc(100% - 4px);
		height: 30px;
		font-size: calc(10px + 0.3vw);
		color: #ffffff;
		border-bottom: solid 2px #3F7955;
		border-radius: 7px 7px 0 0;
		border-left: solid 2px #ffffff;
	}

	#MenuActive {
		color: #3F7955;
		background-color: #ffffff;
		border-bottom: solid 2px #ffffff;
	}

}

@media (min-width: 900px) {
	.MenuSection {
		width: 900px;
		margin: 0 auto;
		text-align: center;
	}

	.Reference {
		font-size: 14px;
	}

	.Sub_Holiday {
		font-size: 10px;
	}

	.LogoImage {
		width: 900px;
		height: 115px;
	}

	.Address {
		width: calc(100% - 10px);
		padding-top: 5px;
		padding-bottom: 10px;
		padding-left: 5px;
		padding-right: 5px;
	}

	.Menus ul {
		display: flex;
		width: 100%;
		justify-content: center;
		align-items: center;
		margin: 0;
	}

	.Menus ul li {
		display: table;
		position: relative;
		width: calc(100% / 8);
		height: 35px;
		text-align: center;
		font-size: 12px;
	}

	.Menus li a {
		display: table-cell;
		width: calc(100% - 4px);
		height: 36px;
		vertical-align: middle;
		padding-bottom: 0px;
		padding-top: 3px;
		font-size: 14px;
		background-color: #8CC4A1;
		color: #ffffff;
		border-bottom: solid 2px #3F7955;
		border-radius: 7px 7px 0 0;
		border-left: solid 2px #ffffff;
		border-right: solid 4px #3F7955;
	}

	.Menus li a:hover {
		/* background-color: #7BBB94; */
		background-color: #3F7955;
		width: calc(100% - 4px);
		height: 36px;
		font-size: 14px;
		color: #ffffff;
		border-bottom: solid 2px #3F7955;
		border-radius: 7px 7px 0 0;
		border-left: solid 2px #ffffff;
	}

	#MenuActive {
		color: #3F7955;
		background-color: #ffffff;
		border-bottom: solid 2px #ffffff;
	}

}

/*====================================================================*/
/* Menu Section END                                                   */
/*====================================================================*/
/**********************************************************************
    Menus End
***********************************************************************/

.LogoImage {
	opacity: 0;
}

.MenuSection {
	height: 100%;
}

.Address {
	display: table;
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", "YuGothic", "メイリオ", "Meiryo", "MS UI Gothic", "sans-serif";
	Color: #ffffff;
	margin: 0 auto;
	text-align: center;
	vertical-align: middle;
	background-image: url('../image/TopImageAddressBack.png');
	background-size: 100% 100%;
}

.Reference {
	width: 100%;
	text-align: left;
	margin: 0 auto;
	padding: 0px;
	Color: #ffffff;
	font-weight: bold;
	border: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

.Reference table {
	margin: 0 auto;
	height: 60px;
}

.Reference td {
	height: 18px;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-style: solid;
	border-top-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-collapse: collapse;
	border-color: #062cfd;
}

.Ref_Title {
	text-align-last: justify;
	margin-right: 5px;
}

.Ref_Sepalator {
	text-align: center;
}

.Ref_Phone {
	margin-left: 5px;
	padding-left: 5px;
}

.Ref_Staff {
	margin: 0px;
}

@media (min-width: 0px) and (max-width: 599px) {
	.CounterExtStr {
		width: calc((100% - 145px) * 0.55);
		height: calc(20px + 1vh);
		font-size: calc(10px + 0.4vw);
	}

	.CounterString {
		width: calc((100% - 145px) * 0.35);
		font-size: calc(10px + 0.4vw);
	}

	#TopicsForm {
		font-size: calc(12px + 0.3vw);
	}

	.TopicsTxt {
		font-size: calc(10px + 0.3vw);
		width: calc(100vw - 100px);
	}
}

@media (min-width: 600px) and (max-width: 919px) {
	.CounterExtStr {
		width: 290px;
	}

	.CounterString {
		width: 140px;
	}

	.TopicsTxt {
		width: calc(100vw * 0.8);
	}

	#TopicsForm {
		font-size: calc(12px + 0.3vw);
	}

	.TopicsTxt {
		font-size: calc(10px + 0.3vw);
		width: 500px;
	}
}

@media (min-width: 920px) {
	.CounterExtStr {
		width: 410px;
	}

	.CounterString {
		width: 415px;
	}

	.TopicsTxt {
		width: 890px;
	}
}

/**************************************************************************
    Main Contents Float Section
 **************************************************************************/


/*=== 0px ～ 499px =======================================================*/
@media (min-width: 0px) and (max-width: 499px) {

	/* Left Wing **************************************************************/
	.LeftWing {
		width: 100%;
	}

	/* Right Wing **************************************************************/
	.RightWing {
		box-sizing: content-box;
		width: 100%;
	}

	/* Main Wing **************************************************************/
	.MainContents {
		box-sizing: content-box;
		width: 100%;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 2px;
		padding-right: 2px;
	}

	.MainContents ul {
		width: 70%;
	}

	.MainContents ul li {
		width: 90%;
	}

	.GreetingBox {
		width: 90%;
	}

	.NorthIgaImage {
		width: 100%;
	}

}

/*=== 500px ～ 899px =====================================================*/
@media (min-width: 500px) and (max-width: 899px) {

	/* Left Wing **************************************************************/
	.LeftWing {
		box-sizing: content-box;
		float: left;
		width: calc(28% - 10px);
	}

	/* Right Wing **************************************************************/
	.RightWing {
		box-sizing: content-box;
		float: right;
		width: calc(28% - 1.5vw);
	}

	/* Main Wing **************************************************************/
	.MainContents {
		box-sizing: content-box;
		float: right;
		width: calc(72% - 1.5vw);
		border-left-style: solid;
		border-left-width: 2px;
		border-left-color: #3F7955;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 5px;
		padding-right: 5px;
	}

	.MainContents ul {
		width: 550px;
	}

	.GreetingBox {
		width: 90%;
	}

	.NorthIgaImage {
		width: 100%;
	}
}

/*=== 900px ～ ===========================================================*/
@media (min-width: 900px) {

	/* Left Wing **************************************************************/
	.LeftWing {
		box-sizing: content-box;
		float: left;
		width: calc(25% - 10px);
	}

	/* Right Wing **************************************************************/
	.RightWing {
		box-sizing: content-box;
		float: right;
		width: calc(25% - 1.5vw);
	}

	/* Main Wing **************************************************************/
	.MainContents {
		box-sizing: content-box;
		float: right;
		width: calc(75% - 1.5vw);
		border-left-style: solid;
		border-left-width: 2px;
		border-left-color: #3F7955;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 5px;
		padding-right: 5px;
	}

	.FullBox {
		box-sizing: content-box;
		width: 100%;
	}

	.HalfBox {
		width: 50%;
	}

	.MainContents ul {
		width: 700px;
	}

	.GreetingBox {
		width: 700px;
	}

	.MainContentsBox {
		box-sizing: content-box;
		width: 100%;

	}

	.NorthIgaImage {
		width: 780px;
	}
}

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Main Contents Float Section End
    END
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.spaces {
	background-color: #ffffff;
}

.MainContents h2 {
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", "YuGothic", "メイリオ", "Meiryo", "MS UI Gothic", "sans-serif";
	font-size: 24px;
	line-height: 26px;
	vertical-align: baseline;
	margin-top: 30px;
	margin-bottom: 10px;
}

/* Ie はメイリオ以外正しく配置しない */
@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
	.MainContents h2 {
		font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "MS UI Gothic", "sans-serif";
	}
}

.MainContents h3 {
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", "Yu Mincho", "YuMincho", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 18px;
	line-height: 20px;
	margin-top: 20px;
	margin-bottom: 5px;
}

.MainContents ul {
	display: inline-block;
	margin-top: 10px;
	margin-bottom: 20px;
}

.MainContents span {
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", "YuGothic", "メイリオ", "Meiryo", "MS UI Gothic", "sans-serif";
	font-size: 14px;
}

.Contents {
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", "Yu Mincho", "YuMincho", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	background-color: #ffffff;
	padding: 0px;
}

/* Ie はメイリオ以外正しく配置しない */
@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
	.Contents {
		font-family: "メイリオ", "Meiryo", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", "Yu Mincho", "YuMincho", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
}

/* float clear */
.ClearContents {
	clear: both;
}

.frame {
	/* border:1px solid #ff0000; */
}

.MainTitleBox {
	position: relative;
	display: block;
	width: calc(99% - 2px);
	background-color: #4F9A6C;
	border-radius: 5px;
	margin-bottom: 5px;
	margin-top: 0px;
}

.MainTitle {
	position: absolute;
	left: 0px;
	margin: 0px;
	padding: 0px;
	background-color: #4F9A6C;
}

.MainTitle h1 {
	margin: 0px;
	padding: 0px;
	background-color: #4F9A6C;
	color: #ffffff;
	border-radius: 5px;
}

.MainTitle h1 img {
	/* 300px X 66px */
	width: 65px;
}

.BusinessArea {
	color: #ffffff;
	margin-right: 5px;
	margin-left: auto;
	padding-right: 0px;
	padding-left: auto;
}

.BusinessArea table {
	border-collapse: collapse;
	margin-right: 0px;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}

.RspvBArea {
	/* */
}

.RspvNBArea {
	display: none;
}

.SlsAreaTtl {
	width: 3em;
	font-size: 10px;
	text-align: center;
}

.SlsAreaPref {
	width: 3em;
	font-size: 10px;
}

.SlsArea {
	font-size: 10px;
	max-width: 32em;
}

@media (max-width:499px) {
	.MainTitle {
		left: 2px;
		top: calc(calc(100% - calc(66px / calc(300 / 70))) / 2);
	}

	.MainTitle h1 img {
		width: 70px;
	}

	.BusinessArea {
		max-width: calc(100% - 85px);
	}

	.SlsAreaTtl {
		min-width: 3em;
		width: 3em;
		text-align: center;
	}

	.SlsAreaPref {
		min-width: 3em;
		max-width: 3.5em;
		width: 3em;
	}

	.SlsArea {
		margin: 0px;
		padding: 0px;
		line-height: 11px;
		min-width: 16em;
		width: calc(40% - 6em);
	}

	.RspvBArea {
		display: none;
	}

	.RspvNBArea {
		display: inline;
	}
}

@media (min-width:500px) AND (max-width:599px) {
	.MainTitle {
		left: 5px;
		top: calc(calc(100% - calc(66px / calc(300 / 70))) / 2);
	}

	.MainTitle h1 img {
		width: 70px;
	}

	.BusinessArea {
		max-width: calc(100% - 85px);
	}

	.SlsAreaTtl {
		min-width: 3em;
		width: 3em;
		text-align: center;
	}

	.SlsAreaPref {
		min-width: 3em;
		max-width: 3.5em;
		width: 3em;
	}

	.SlsArea {
		margin: 0px;
		padding: 0px;
		line-height: 11px;
		min-width: 16em;
		width: calc(40% - 6em);
	}

	.RspvBArea {
		display: none;
	}

	.RspvNBArea {
		display: inline;
	}
}

@media (min-width:600px) AND (max-width:699px) {
	.MainTitle {
		left: 5px;
		top: calc(calc(100% - calc(66px / calc(300 / 100))) / 2);
	}

	.MainTitle h1 img {
		width: 100px;
	}

	.BusinessArea {
		max-width: calc(100% - 120px);
	}

	.SlsAreaTtl {
		min-width: 5em;
		width: 5em;
		text-align: center;
	}

	.SlsAreaPref {
		min-width: 3em;
		max-width: 3.5em;
		width: 3em;
	}

	.SlsArea {
		margin: 0px;
		padding: 0px;
		line-height: 11px;
		min-width: 14em;
		max-width: calc(40% - 8em);
		width: calc(50% - 8em);
	}

	.RspvBArea {
		display: none;
	}

	.RspvNBArea {
		display: none;
	}

}

@media (min-width:700px) AND (max-width:899px) {
	.MainTitle {
		left: 5px;
		top: calc(calc(100% - calc(66px / calc(300 / 100))) / 2);
	}

	.MainTitle h1 img {
		width: 100px;
	}

	.BusinessArea {
		max-width: calc(100% - 150px);
	}

	.SlsAreaTtl {
		min-width: 5em;
		width: 5em;
		text-align: center;
	}

	.SlsAreaPref {
		min-width: 3em;
		max-width: 4em;
		width: 4em;
		text-align: center;
	}

	.SlsArea {
		margin: 0px;
		padding: 0px;
		line-height: 11px;
		min-width: 14em;
		max-width: calc(70% - 8em);
		width: calc(60% - 8em);
	}

	.RspvBArea {
		display: none;
	}

	.RspvNBArea {
		display: none;
	}
}

@media (min-width:900px) {
	.MainTitle {
		left: 5px;
		top: calc(calc(100% - calc(66px / calc(300 / 120))) / 2);
	}

	.MainTitle h1 img {
		width: 120px;
	}

	.BusinessArea {
		max-width: calc(100% - 150px);
	}

	.SlsAreaTtl {
		min-width: 5em;
		width: 6em;
		text-align: center;
	}

	.SlsAreaPref {
		min-width: 3em;
		max-width: 4em;
		width: 4em;
		text-align: center;
	}

	.SlsArea {
		margin: 0px;
		padding: 0px;
		line-height: 11px;
		min-width: 14em;
		max-width: calc(70% - 8em);
		width: calc(60% - 8em);
	}

	.RspvBArea {
		display: none;
	}

	.RspvNBArea {
		display: none;
	}
}

.Article2 {
	font-size: 16px;
	line-height: 24px;
	width: 99%;
}

.Article2 p {
	margin-top: 10px;
	margin-bottom: 10px;
	text-indent: 1em;
	/*    font-weight:550; */
}

.Article2SubBox {
	height: auto;
	overflow: hidden;
}

.Article2SubBox img {
	float: left;
	width: 35%;
	margin: 10px;
}

.ArticleShadowText {
	/* 文字の影 */
	background-color: #ffffff;
	background-color: rgba(255, 255, 255, 0.6);
}

.WhatsNEW {
	width: calc(99% - 8px);
	height: 130px;
	border: 4px solid #3F7955;
	border-radius: 5px;
	overflow: auto;
}

#news {
	margin: 5px;
	font-size: 14px;
}

.ofi {
	width: 100%;
	height: 150px;
	margin-bottom: 10px;
	float: left;
	object-fit: cover;
	object-position: left center;
	font-family: 'object-fit: cover; object-position:  left center;';
}

.Article3 {
	font-size: 15px;
	line-height: 20px;
	padding-left: 30px;
}

.Article3 p {
	padding-left: 30px;
	text-indent: 1em;
}

.signature_logo {
	width: 100%;
	text-align: right;
	margin-top: 25px;
	/* padding-right:10px; */
	font-size: 24px;
}

.signature_logo img {
	padding-right: 15px;
}

.ActivityFigure {
	float: left;
	width: 50%;
	margin: 10px;
	padding: 0px;
	text-align: center;
}

.ActivityFigure img {
	width: 100%;
	padding: 0px;
}

.ArticleWork {
	display: block;
	height: auto;
	overflow: hidden;
}

.ImageWork {
	width: 48%;
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.ArticleWork p {
	margin: 10px;
	line-height: 20px;
	/*padding: 10px; */
}

.ContentsBox {
	box-sizing: content-box;
	width: 100%;
}

.ContentsBox h1 {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-color: #4F9A6C;
	color: #ffffff;
	border-radius: 5px;
	line-height: 26px;
	font-size: 22px;
	vertical-align: bottom;
}

.ContentsBox h2 {
	max-width: 100%;
	margin-top: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-radius: 5px;
	border-left-style: solid;
	border-left-color: #3F7955;
	border-left-width: 10px;
	box-shadow: 0px 8px 5px -5px rgba(63, 121, 85, 0.5);
}

.ContentsBox h3 {
	max-width: 100%;
	margin-top: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	box-shadow: 0px 8px 5px -5px rgba(63, 121, 85, 0.5);
	position: relative;
	padding-left: 30px;
	/*line-height: 2em;*/
	color: black;
}

.ContentsBox h3:before {
	/* font-family: "Font Awesome 5 Free"; */
	content: "・";
	position: absolute;
	font-size: 1.4em;
	left: 3px;
	color: rgb(63, 121, 85);
	color: rgba(63, 121, 85, 0.7);
}

.ContentsInfo {
	font-size: 18px;
	line-height: 22px;
	text-indent: 1em;
}

/*==================================================================*/
/*		Address Access Section										*/
/*==================================================================*/

.LocationBox {
	font-size: 16px;
}

.LocationBox h3 {
	position: relative;
	margin-top: 20px;
	margin-bottom: 0px;
	margin-left: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height: 2em;
	color: black;
	box-shadow: none;
}

.LocationBox h3:before {
	content: "";
}

.LocationBox table {
	margin-left: 20px;
	margin-top: 10px;
}

.LocationBox table td {
	padding-top: 5px;
	padding-bottom: 5px;
}

@media (min-width: 0px) and (max-width: 499px) {
	.AddressBox {
		font-size: calc(14px + 0.1vw);
	}
}

@media (min-width: 500px) and (max-width: 699px) {
	.AddressBox {
		font-size: 14px;
	}
}

@media (min-width: 700px) and (max-width: 899px) {
	.AddressBox {
		font-size: 16px;
	}
}

@media (min-width: 900px) {
	.AddressBox {
		font-size: 16px;
	}
}

/* ---------------------------------------------------------------------- */
/* Image Section **********************************************************/
/* ---------------------------------------------------------------------- */

.ImageFull {
	position: relative;
	box-sizing: border-box;
	max-width: 99%;
	width: 99%;
	height: auto;
	text-align: center;
	margin: 0px;
}

.swiper-container {
	width: calc(99% - 10px);
	border-radius: 10px;
	border-style: ridge;
	border-width: 5px;
	border-color: #3F7955;
	padding-left: 0px;
	vertical-align: bottom;
}

.swiper-wrapper {
	max-width: 100%;
}

.swiper-slide {
	width: 100%;
}

.ResposiveSwiperImage {
	width: 100%;
}

.OverSwiperBox {
	position: absolute;
	top: 10px;
	z-index: 20;
	margin-top: -2vw;
}

.OverSwiperImage {
	max-width: 100%;
	width: 100%;
	height: 100%;
}

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Image Section
    END
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.ToiawaseBox {
	position: relative;
	clear: both;
	content: '';
	display: block;
	width: 90%;
	border-style: ridge;
	border-width: 4px;
	border-color: #3F7955;
	border-radius: 1vw;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 20px;
	text-align: center;
}

.ToiawaseHeader p {
	font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
	font-weight: bold;
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	background-color: #4F9A6C;
	color: #ffffff;
	border-bottom: solid 1vw;
	border-radius: 0.5vw 0.5vw 0 0;
}

.ToiawaseTitle {
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 20px;
	line-height: 20px;
}

.ToiawasePhone {
	margin-top: 15px;
	margin-bottom: 15px;
}

@media (min-width: 0px) and (max-width: 499px) {
	.ToiawaseHeader p {
		font-size: 15px;
	}

	.ToiawaseTitle {
		font-size: 20px;
	}

	.ToiawasePhone {
		font-size: 24px;
	}

	.THBR {
		display: none;
	}

	.ToiawaseButton {
		padding-bottom: 2vw;
	}

}

@media (min-width: 500px) and (max-width: 639px) {
	.ToiawaseHeader p {
		font-size: 2vw;
	}

	.ToiawaseTitle {
		font-size: 2.4vw;
	}

	.ToiawasePhone {
		font-size: 3vw;
	}

	.ToiawaseButton {
		font-size: 2.5vw;
		line-height: 2.5vw;
		padding-bottom: 2vw;
	}
}

@media (min-width: 640px) and (max-width: 899px) {
	.ToiawaseHeader p {
		font-size: 1.7vw;
	}

	.ToiawaseTitle {
		font-size: 2vw;
	}

	.ToiawasePhone {
		font-size: 2.4vw;
	}

	.THBR {
		display: none;
	}

	.ToiawaseButton {
		font-size: 2vw;
		line-height: 2vw;
		padding-bottom: 2vw;
	}
}

@media (min-width: 900px) {
	.ToiawaseHeader p {
		font-size: 15px;
	}

	.ToiawaseTitle {
		font-size: 20px;
	}

	.ToiawasePhone {
		font-size: 24px;
	}

	.THBR {
		display: none;
	}

	.ToiawaseButton {
		font-size: 18px;
		line-height: 18px;
		padding-bottom: 20px;
	}
}

/* -------------------------------------------------------------------- */
/*	Round Button Section												*/
/* -------------------------------------------------------------------- */
.round_btn {
	display: inline-block;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 25px;
	text-decoration: none;
	color: #ffffff;
	background-image: -webkit-linear-gradient(45deg, #68C489 0%, #4D9166 100%);
	background-image: linear-gradient(45deg, #68C489 0%, #4D9166 100%);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
	transition: .4s;
}

.round_btn:hover {
	background-image: -webkit-linear-gradient(45deg, #539E6F 0%, #3F7955 100%);
	background-image: linear-gradient(45deg, #539E6F 0%, #3F7955 100%);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}

.round_btn:active {
	-ms-transform: translateY(2px);
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
	border-bottom: none;
}

/* ---------------------------------------------------------------------- */
/* Button Section END                                                     */
/* ---------------------------------------------------------------------- */

/* Compliance ************************************************/
.ComplianceBaseBox {
	display: block;
	width: calc(99% - 2px);
	border-radius: 5px;
	margin-bottom: 5px;
}

.Compliance {
	width: 100%;
	margin: 0 auto;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", "Yu Mincho", "YuMincho", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 16px;
	line-height: 18px;
	font-weight: lighter;
	text-align: left;
	letter-spacing: 0px;
}

.ComplianceBox {
	width: 95%;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	border: 0px;
}

.ComplianceBox h1 {
	text-shadow: 3px 3px 2px #888888;
}

.ComplianceBox h2 {
	text-shadow: 3px 3px 2px #888888;
}

.ComplianceBox h3 {
	text-shadow: 3px 3px 2px #888888;
	margin-bottom: 10px;
}

.ComplianceBox p {
	text-indent: 1em;
}

.ComplianceBox ol {
	width: 95%;
	padding: 0;
	padding-left: 1.5em;
}

.ComplianceBox ol li ul {
	width: 100%;
	padding: 0px;
	padding-left: 1em;

}

.ComplianceBox ol li ul li ul {
	width: 100%;
	padding: 0px;
	padding-left: 1em;
}

.ComplianceBox ol li {
	padding-left: 0px;
}

.PrivacyPolicy {
	/* */
}

.PrivacyPolicySub {
	display: block;
	max-width: 100%;
	font-size: 14px;
}

.CompH3Paragraph {
	width: 95%;
	margin-left: 10px;
	margin-top: 5px;
	font-size: 14px;
}

.ComplContact {
	margin-top: 0px;
	margin-left: 0px;
	text-align: left;
	border: 0px;
	background-color: white;
	border-collapse: collapse;
}

.ComplContactCellL {
	width: 4em;
	height: 2em;
	vertical-align: middle;
	text-align: justify;
	padding-left: 0em;
	padding-right: 0.5em;
}

.ComplContactCellR {
	vertical-align: middle;
	text-align: left;
	padding-right: 0.5em;
	padding-left: 0em;
	height: 2em;
}

.ComplContact2 {
	width: 65%;
	margin-top: 5px;
	margin-bottom: 20px;
	margin-left: 10px;
	margin-right: auto;
	text-align: left;
	border: 0px;
	background-color: white;
	border-collapse: collapse;
}

.CompSignature {
	text-align: right;
	margin-top: 20px;
	margin-bottom: 20px;
}

/* Special Contents ************************************************/

@media (min-width: 0px) and (max-width: 599px) {
	.Special {
		width: 100%;
	}

	.SpecialTitleBox {
		width: calc(100% - 120px);
	}
}

@media (min-width: 600px) and (max-width: 919px) {
	.Special {
		width: 600px;
	}

	.SpecialTitleBox {
		width: calc(100% - 120px);
	}
}

@media (min-width: 920px) {
	.Special {
		width: 700px;
	}

	.SpecialTitleBox {
		width: 580px;
	}
}


/*----------------------------
         Concept
------------------------------*/

.GreetingBox {
	width: calc(100% - 10px);
	text-indent: 1em;
	padding: 5px;
	font-size: 18px;
	line-height: 20px;
}

.GreetingFrame {
	border-style: ridge;
	border-width: 4px;
	border-radius: 1vw;
	border-color: #8CC4A1;
}

.GreetingFrame p {
	margin: 20px;
}

.d_greeting_pics {
	overflow: hidden;
	background-color: #ffffff;
	margin-top: 0px;
	padding-top: 0px;
}

.d_portrait {
	position: relative;
	width: 100%;
	height: auto;
	padding: 0px;
	margin: 0px;
}

.portrait_box:before {
	content: "";
	display: block;
	padding-top: 65%;
}

.portrait {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	text-indent: 1px;
}

.portrate_image {
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: auto;
}

.picture_guard {
	position: absolute;
	z-index: 10;
	top: 0px;
	left: 0px;
}

.sign_box {
	position: absolute;
	bottom: 15px;
	right: 15px;
	padding: 0px;
	margin: 0px;
	width: 32%;
	height: auto;
	background-color: #ffffff;
	box-shadow: 0px 0px 10px 5px #ffffff;
}

.sign-title {
	/*position:absolute; */
	width: 195px;
	margin-left: -50px;
	margin-right: 0px;
	margin-top: 20px;
	margin-bottom: 10px;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", "YuMincho", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 15px;
}

.signature {
	margin-right: 20px;
	margin-left: -10px;
	background-color: #ffffff;
	width: 190px;
	height: 40px;
}

span.signature_guard {
	position: absolute;
	display: block;
	margin-right: 20px;
	margin-left: -10px;
	width: 190px;
	height: 40px;
	background-image: url(../Images/Guard.png);
}

.Article {
	display:inline-block;
	width: 100%;
	/*box-sizing:border-box;*/
	padding:0px;
}

.Article ul {
	width:calc(100% - 3.5em);
	/*width: calc(100% - 3em);*/
	/* padding-left:30px; * /
	padding-right:0px;
	margin-right:0px; */
	margin-left:0px;
	margin-top:10px;
	margin-bottom:10px;
}

.Article ul li {
	list-style-type: none;
	/*width: calc(100% - 4em); */
	font-size: 16px;
	line-height: 24px;
	/*padding-right:0px;*/
	padding-left:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:15x;
	margin-bottom:15px;
	text-indent:10px;
}

.Article ul li:before {
 position: relative;
  top: -2px;
  left: -10px;
 
  display: inline-block;
 
  width: 6px;
  height: 6px;
 
  content: '';
 
  border-radius: 100%;
  background: #000;
}


/*----------------------------
         アクセス
------------------------------*/

.campany_figs {
	height: auto;
	overflow: hidden;
	margin-left: 0px;
	margin: 0 auto;
}

.holiday_box {
	width: auto;
	margin-top: 20px;
	margin-left: 20px;
}

.holiday_box table {
	margin-left: 2em;
	margin-top: 10px;
}

.access_map_box {
	width: calc(100% - 20px);
	margin-top: 20px;
	margin-left: 20px;
}

.access_map {
	font-size: 12px;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 0px;
	height: auto;
	overflow: hidden;
}

.access_map figcaption {
	text-align: center;
	margin-top: 0px;
	margin-bottom: 10px;
}

#googlemaps {
	position: relative;
	width: calc(100% - 28px);
	height: 100%;
	padding-top: 75%;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

#googlemap_frame {
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 8px);
	height: 100%;
	border: 4px;
	border-color: #3F7955;
	border-radius: 10px;
	border-style: ridge;
}

.access_road {
	width: 95%;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
}

.access_road ul {
	width: calc(100% - 40px);
	margin-top: 5px;
	margin-bottom: 5px;
}

.access_road ul li {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 14px;
}

/* */
.Company_profile_box {
	width: 95%;
	margin: 10px auto;
	margin-top: 20px;
}

.Company_profile {
	margin-top: 20px;
	margin-bottom: 20px;
	width: 85%;
	margin: 0 auto;
	border-collapse: collapse;
	font-size: 1.8vw;
	line-height: 2.5vw;
}

.CP_footnote {
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3px;
	margin-bottom: 20px;
	text-align: right;
	font-size: 10px;
}

@media (max-width:500px) {
	.Company_profile {
		width: 95%;
		font-size: 12px;
		line-height: 14px;
	}
}

@media (min-width:501px) AND (max-width:699px) {
	.Company_profile {
		font-size: 12px;
		line-height: 14px;
	}
}

@media (min-width:900px) {
	.Company_profile {
		font-size: 14px;
		line-height: 19px;
	}
}

.Company_profile tbody tr td {
	border-style: solid;
	border-width: 2px;
	padding: 5px;
}

.CP_title {
	width: 35%;
	background-color: #3F7955;
	border-top-color: #ffffff;
	border-bottom-color: #ffffff;
	border-left-color: #3F7955;
	border-right-color: #3F7955;
	border-width: 2px;
	color: #ffffff;
	text-align: justify;
	-moz-text-align-last: justify;
	text-align-last: justify;
	text-justify: inter-ideograph;
}

.CP_Top {
	border-top-color: #3F7955;
}

.CP_Bot {
	border-bottom-color: #3F7955;
}

.CP_body {
	width: 70%;
	border-color: #3F7955;
}

.CP_AlignR {
	text-align:right;
	padding-right: 30px!important;
}

.CP_Subtitle {
	font-size:12px!important;
}

/***********************************************************************************/
/* Construction Example 施工事例                                                    */
/***********************************************************************************/

.ConstructionBox {
	width: 98%;
}

.ConstructionBox table {
	table-layout: fixed;
	border-collapse: collapse;
	/* border-collapse: separate; */
	width: 100%;
	box-sizing: border-box;
}

.ConstructionBox table th {
	padding-top: 20px;
	padding-bottom: 5px;
	text-align: left;
}

.ConstNum {
	width: 24px;
	border: 0px solid;
	border-top: 2px solid #3F7955;
	border-left: 2px solid #3F7955;
	border-bottom: 2px solid #3F7955;

	text-align: center;
	vertical-align: middle;
}

.ConstFigure {
	width: 45%;
	border-top: 2px solid #3F7955;
	border-left: 2px solid #3F7955;
	border-bottom: 2px solid #3F7955;
	padding-top: 0px;
	padding-bottom: 0px;
}

.ConstFigure img {
	width: 100%;
	padding-top: 0px;
	padding-bottom: 0px;
}

.ConstInfo {
	width: 45%;
	border-top: 2px solid #3F7955;
	border-right: 2px solid #3F7955;
	border-bottom: 2px solid #3F7955;
	vertical-align: top;
	font-size: 16px;
	text-indent: 1em;
}

.ConstInfo p {
	margin: 10px;
	width: calc(100% - 20px);
	font-size: 16px;
	line-height: 20px;
}

.ConstructionSubMenu {
	display: inline-block;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.ConstructionSubMenu ul {

	display: inline-block;
	width: 80%;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

.ConstructionSubMenu ul li {
	display: inline;
	padding: 0;
	/*margin: 0;*/
}

.ConstructionSubMenu ul li a {
	display: block;
	border: 1px solid #3F7955;
	background-color: #E0EFE6;
	padding: 5px 10px;
	text-decoration: none;
	color: #333;
	/*width: 80%; */
	margin: 5px 0px;
	text-align: center;
	font-size: 18px;
	border-radius: 5px;
}

.ConstructionSubMenu ul li a:hover {
	border: 1px solid #3F7955;
	background-color: #8CC4A1;
}

.ConstructionExTb {
	padding: 0px;
	margin: 0px;
	vertical-align: bottom;
}

.ConstructionExTb h3 {
	max-width: 100%;
	margin-top: 25px;
	margin-bottom: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	box-shadow: 0 0 0 0 rgba(63, 121, 85, 0);
	position: relative;
	/*相対位置*/
	padding-left: 0px;
	/*アイコン分のスペース*/
	color: black;
	/*文字色*/
	line-height: 100%;
}

.ConstructionExTb h3:before {
	font-family: "Font Awesome 5 Free";
	content: "";
	position: absolute;
	font-size: 10px;
	left: 0px;
	color: rgb(63, 121, 85);
	color: rgba(63, 121, 85, 0.7);
}

.goto_before {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: 20px;
	text-align: right;

}

.goto_before a {
	display: inline-block;
	text-decoration: none;
	padding: 10px;
	background-color: #E0EFE6;
	border: 2px solid #3F7955;
	border-radius: 5px;
}

.goto_before a:hover {
	background-color: #8CC4A1;
	border: 2px solid #3F7955;
}

/***********************************************************************************/
/* Office 事業所案内                                                    */
/***********************************************************************************/

.OfficeFigureBox {
	width: 95%;
	margin: 10px auto;
}

.OfficeFigureBox figure {
	width: 90%;
	margin: 0 auto;
	padding: 10px;
	text-align: center;
}

.OfficeFigureBox figure img {
	width: 100%;
}

.OfficeFigureBox figure figcaption {
	margin-top: 5px;
	margin-bottom: 10px;
}

.Fade {
	animation: fadeIn 2s ease 0.5s 1 normal;
	-webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

/************************************************************************************/
/*		SiteMap																		*/
/************************************************************************************/

.SiteMapBox {
	width:100%;
	font-family: "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "MS UI Gothic", "sans-serif";

}

.SiteMapBox h1 {
	width:calc(100% - 20px);
	margin-top:20px;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
	font-size:20px;
	line-height:22px;
	border-bottom:2px solid #4C4F54;
}

.SiteMapBox h2 {
	width:calc(100% - 20px);
	margin-top:20px;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
	font-size:18px;
	line-height:20px;
	border-bottom:2px solid #4C4F54;
}

.sitemap_nav {
	width:calc(100% - 20px);
}

.sitemap_nav ul {
	width:100%;
	padding:0;
	margin:0;
}

.sitemap_nav ul li {
	display:inline-block;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:10px;
	padding-right:10px;
	font-size:12px;
	font-weight:bold;
}

.sitemap_nav ul li:before {
	white-space: pre-wrap;
	content:"\025bc\00a0";
	font-size:10px;
	width:2em;
	color:#4C4F54;
}

.sitemap_nav ul li a {
	text-decoration: none;
	color:#4C4F54;
	
}

.SitemapSeparator {
	display:inline-block;
	width:99%;
	height:20px;
}
/***********************************************************/
.sitemap_body {
	margin-left:10px;
	width:calc(100% - 30px);
}

.sitemap_body ul {
	width:100%;
	padding:0;
	margin:0;
}

.sitemap_body ul li {
	display:inline-block;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:10px;
	padding-right:10px;
	font-size:12px;
	font-weight:bold;
}

.sitemap_body ul li:before {
	white-space: pre-wrap;
	content:"\025b6\00a0";
	font-size:10px;
	width:2em;
	color:#4C4F54;
}

.sitemap_body ul li a {
	text-decoration: none;
	color:#4C4F54;
	
}