@charset "UTF-8";

body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:20px;
	line-height:1.6;
	color:#000;
}

/*　a　*/

a {
	color:#000;
}
#pageTop {
	position: fixed;
	bottom: 20px;
	right: 20px;
}
#pageTop a {
	font-size:14px;
	display: block;
	z-index: 300;
	border-radius: 70px;
	border:1px solid #FF4F00;
	width: 70px;
	height: 70px;
	background-color:#FAA94B;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	padding:4px 0 0;
	filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.4));
}
#pageTop a:hover {
	text-decoration: none;
	opacity: 0.7;
}
a.link {
	text-decoration: underline !important;
}
a.link a:hover {
	text-decoration: underline !important;
}

/*　layout　*/

.bg-green {
	background-image: url("/common/images/harmony_header_back.png") !important;
}
.bg-orange {
	background-image: url("/common/images/equality_header_back.png") !important;
}
.bg-orange-smart {
	background-color: #FFD7A5;
}
.header_text {
	background-color:#509F15;
	color:#FFFF00;
}
.header_text02 {
	background-color:#FAA94B;
}
.container {
	max-width:1600px !important;
}
.container-fluid {
	padding:0 !important;
}
#gnavi {
	background-color:#FAA94B;
}
#breadcrumb {
	padding:1rem 1rem 0;
}
footer {
	padding:1rem 0;
	text-align:center;
}
.footer-back {
	background-image: url("/common/images/harmony_footer_back.png");
}
.footer-back02 {
	background-image: url("/common/images/equality_footer_back.png");
}
.navbar {
	padding:0 !important;
}
.navbar-brand a {
	color:#000;
}
.navbar-dark .navbar-nav .nav-link {
    color:#000;
	padding:0.5rem 1rem;
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
	color:#000;
	text-decoration: underline !important;
}
.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.carousel-control-prev, .carousel-control-next {
	width:4% !important;
}
.carousel-control-prev-icon {
	width:60px !important;
	height:60px !important;
	background-image:url("/common/images/carousel_control_prev_icon.png") !important;
}
.carousel-control-next-icon {
	width:60px !important;
	height:60px !important;
	background-image:url("/common/images/carousel_control_next_icon.png") !important;
}
.under_key {
	background-image:url("/common/images/under_key.png");
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size: cover;
	padding:5rem 2rem;
	border-top:1px solid #d3d3d3;
	border-bottom:1px solid #d3d3d3;
}
.w1270 {
	max-width:1270px;
	margin:0 auto;
	padding:15px;
}
.widthauto {
	width: auto;
	margin:0 auto;
}
.widthauto02 {
	width: auto;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
	color:#000;
	background-color:#011260;
}
.box01 {
	background-image: url("/common/images/harmony_contents_back.png");
}
.box02 {
	border:5px double #509F15;
	background-color:#FFF;
}
.box03 {
	background-image: url("/common/images/equality_contents_back.png");
}
.box04 {
	border:1px solid #BEBEBE;
	background-color:#FFF;
}
.box05 {
	border:1px solid #2E68B7;
	background-color:#EDF8FF;
    border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.box06 {
	border:1px solid #287C1D;
	background-color:#F7FFF0;
    border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.box07 {
	border:1px solid #BEBEBE;
	background-color:#FFF;
}
.box08 {
	border:1px solid #BEBEBE;
	background-color:#FFF;
	padding:15px;
}
.box09 {
	border-top:1px solid #FC8F10;
	padding-top:15px;
}
.box10 {
	padding:0 15px;
}
.box_about01 {
	border:1px solid #FC8F10;
}
.box_about02 {
	border:1px solid #ED77B2;
}
.box_about03 {
	border:1px solid #9AC36A;
}
.box_about04 {
	border:1px solid #79D1E6;
}
.box_about05 {
	border:1px solid #4558C3;
}
.child {
	display: none;
}
.toggle_btn:hover {
	color:#007bff;
}

/*　h1　*/

h1 {
	margin:0 !important;
}

/*　h2　*/

h2.h201 {
	font-size:1.2em;
	font-weight:bold;
	color:#FFF;
	background-image: url("/common/images/harmony_h201_back.png");
	background-position: center center;
	overflow: hidden;
	text-align: left;
	text-shadow:1px 1px #1A6708,-1px 1px #1A6708,1px -1px #1A6708,-1px -1px #1A6708;
	-moz-text-shadow:1px 1px #1A6708,-1px 1px #1A6708,1px -1px #1A6708,-1px -1px #1A6708;
	-webkit-text-shadow:1px 1px #1A6708,-1px 1px #1A6708,1px -1px #1A6708,-1px -1px #1A6708;
}
h2.h202 {
	font-size:1.2em;
	font-weight:bold;
	color:#FFF;
	background-image: url("/common/images/equality_h201_back.png");
	background-position: center center;
	overflow: hidden;
	text-align: left;
}
h2.h203 {
	font-size:1.2em;
	font-weight:bold;
	color:#FFF;
	background-image: url("/common/images/danjo_h203.png"),url("/common/images/equality_h201_back.png");
	background-position: left center,center center;
	background-repeat: no-repeat,repeat;
	overflow: hidden;
	text-align: left;
	padding-left:100px;
}
h2.h204 {
	font-size:1.1em;
	font-weight:bold;
	color:#fff;
	background-color:#2bb7b3;
	padding:0.5em;
	border-bottom:4px solid #08837e;
}

/*　h3　*/

h3 {
	font-size:1em !important;
}
h3.h301 {
	font-size:1em;
	font-weight:bold;
	color:#1A6708;
	border-bottom:1px solid #1A6708;
}
h3.h302 {
	font-size:1em;
	color:#FFF;
	text-align:center;
	font-weight:bold;
	background-color:#2E68B7;
	margin:0 !important;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
}
h3.h303 {
	font-size:1em;
	color:#FFF;
	text-align:center;
	font-weight:bold;
	background-color:#287C1D;
	margin:0 !important;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
}
h3.h304 {
	font-size:1em;
	background-color:rgba(250,169,75,0.4);
	text-align: center;
	font-weight: bold;
}
h3.h305 {
	font-size:1.2em;
	font-weight:bold;
	border-bottom:1px solid #2E68B7;
}
h3.h306 {
	font-size:1.2em;
	font-weight:bold;
	border-bottom:1px solid #287C1D;
}
h3.about_h301 {
	background-image:url("/common/images/danjo_about_icon01.png");
	background-position: left top;
	background-repeat: no-repeat;
	padding:0 0 0 40px;
	font-weight:bold;
}
h3.about_h302 {
	background-image:url("/common/images/danjo_about_icon02.png");
	background-position: left top;
	background-repeat: no-repeat;
	padding:0 0 0 40px;
	font-weight:bold;
}
h3.about_h303 {
	background-image:url("/common/images/danjo_about_icon03.png");
	background-position: left top;
	background-repeat: no-repeat;
	padding:0 0 0 40px;
	font-weight:bold;
}
h3.about_h304 {
	background-image:url("/common/images/danjo_about_icon04.png");
	background-position: left top;
	background-repeat: no-repeat;
	padding:0 0 0 40px;
	font-weight:bold;
}
h3.about_h305 {
	background-image:url("/common/images/danjo_about_icon05.png");
	background-position: left top;
	background-repeat: no-repeat;
	padding:0 0 0 40px;
	font-weight:bold;
}
h3.about_h306 {
	background-image: url(/common/images/danjo_h307_back.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	font-size:1.2em;
	color:#FAA94B;
	font-weight: bold;
	border:1px solid #FAA94B;
}

/*　h4　*/

h4.h401 {
	font-size:1.28em;
	font-weight:bold;
	color:#20437c;
}

/*　装飾　*/

p {
	margin-bottom:0 !important;
}
.dan {
	padding-left:1em;
	text-indent:-1em;
}
.dan02 {
	padding-left:2em;
	text-indent:-1em;
}
.dan03 {
	padding-left:3em;
	text-indent:-1em;
}
.f18em {
	font-size:0.9em;
}
.f22em {
	font-size:1.1em;
}
.f24em {
	font-size:1.2em;
}
.f28em {
	font-size:1.4em;
}
.f40em {
	font-size:2em;
}
.green {
	color:#1A6708;
}
.black {
	color:#000;
}
.green02 {
	font-size:1em;
	color:#FFF;
	text-align:center;
	font-weight:bold;
	background-color:#287C1D;
}
.green03 {
	color:#1A6708;
	font-weight:bold;
	text-decoration: underline !important;
}
.red {
	color:#E30303;
}
.red02 {
	color:#E30303;
	text-decoration: underline !important;
}
.red03 {
	color:#C90303;
}
.blue {
	color: #2E68B7;
}
.blue02 {
	color:#FFF;
	text-align:center;
	font-weight:bold;
	background-color:#2E68B7;
}
.orange {
	color:#FF6C00;
}
.white {
	color: #fff;
	text-shadow:1px 1px #1A6708,-1px 1px #1A6708,1px -1px #1A6708,-1px -1px #1A6708;
	-moz-text-shadow:1px 1px #1A6708,-1px 1px #1A6708,1px -1px #1A6708,-1px -1px #1A6708;
	-webkit-text-shadow:1px 1px #1A6708,-1px 1px #1A6708,1px -1px #1A6708,-1px -1px #1A6708;
}
.top a {
	color:#fff;
}
.w50 {
	min-width:50px; 
}

/*　ul,ol　*/

ul {
    list-style: none;
	margin:0 !important;
	padding:0 !important;
}
ol {
	margin:0 !important;
	padding:0 !important;
}
ul li {
	margin:0 !important;
	padding:0 !important;
}
ol li {
	margin:0 !important;
	padding:0 !important;
}
ul.side_ul li:before {
    content: "■ ";
    color: #2bb7b3;
}
ul.side_ul li ul li:before {
    content: "＞ ";
    color: #2bb7b3;
}
ul.link_ul {
	overflow:hidden;
	margin:0 1rem !important;
}
ul.link_ul li {
	background-image:url("/common/images/harmony_link_arrow01.png");
	background-position: left center;
	background-repeat: no-repeat;
	padding:0 0 0 25px !important;
	margin: 0 0 15px !important;
}
ul.link02_ul {
	overflow:hidden;
	margin:0 1rem 1rem !important;
}
ul.link02_ul li {
	background-image:url("/common/images/harmony_link_arrow01.png");
	background-position: left center;
	background-repeat: no-repeat;
	padding:0 0 0 25px !important;
	margin: 0 !important;
}
ul.link03_ul {
	overflow:hidden;
	margin:0 !important;
}
ul.link03_ul li {
	background-image:url("/common/images/harmony_link_arrow01.png");
	background-position: left center;
	background-repeat: no-repeat;
	padding:0 0 0 25px !important;
	margin: 0 !important;
}
ul.link03_ul li span {
	text-decoration: underline !important;
}
ul.consultation_ul {
  list-style-type: none !important;
  margin-left: 1em !important;
}
ul.consultation_ul li:before {
  content: "■";
    color: #1A6708;
  display:inline-block;
  margin-left:-1em !important;
  width: 1em !important;
}
ul.access_ul {
  list-style-type: none !important;
  margin-left: 1em !important;
}
ul.access_ul li:before {
  content: "●";
    color: #1A6708;
  display:inline-block;
  margin-left:-1em !important;
  width: 1em !important;
}
ul.access02_ul {
  list-style-type: none !important;
  margin-left: 1em !important;
}
ul.access02_ul li:before {
  content: "◎";
    color: #1A6708;
  display:inline-block;
  margin-left:-1em !important;
  width: 1em !important;
}
ul.access03_ul {
  list-style-type: none !important;
  margin-left: 2em !important;
}
ul.access03_ul li:before {
  content: "●";
    color: #1A6708;
  display:inline-block;
  margin-left:-1em !important;
  width: 1em !important;
}
ul.consultation02_ul li {
	background-image:url("/common/images/consultation_icon01.png");
	background-position: left center;
	background-repeat: no-repeat;
	padding:0 0 0 35px !important;
	margin: 0 0 15px !important;
}
ul.pdf_icon li {
	background-image:url("/common/images/pdf_icon.png");
	background-position: left center;
	background-repeat: no-repeat;
	padding:0 0 0 45px !important;
}

ul.word_icon li {
	background-image:url("/common/images/word_icon.png");
	background-position: left center;
	background-repeat: no-repeat;
	padding:0 0 0 45px !important;
}

/*　table　*/

.table01 {
	border:1px solid #FF6C00 !important;
	background-color:#FFF;
}
.th01 {
	background-color:#A4D97C;
}
.th02 {
	background-color:#FFDCB4;
}
.th03 {
	background-color:#F0F0F0;
}
.td01 {
	background-color:#ECF4E6;
}
.td02 {
	background-color:#FFF;
}
.td03 {
	background-color:#FFF9E8;
}
.tr01 {
	border-bottom:1px solid #FAA94B;
}
.table-bordered td {
	border:1px solid #dee2e6 !important;
}

@media (max-width: 575px) {
	body{
		font-size:14px;
		line-height:1.6;
	}
	footer {
		text-align:left;
	}
	.container {
		padding:0 15px !important;
	}
    .res-table {
        width:100%;
    }
    .res-table th {
        display:block;
    }
    .res-table td {
        display:block;
    }
	.under_key {
		padding:2rem 1rem;
	}
	.under_key h1 {
		font-size:1.8em;
	}
	.w1270 {
		width:100%;
		margin:0 auto;
	}
	.f40em {
		font-size:1.5em;
	}
	.w-50 {
		width:92% !important;
	}

}
@media (max-width: 767px) {
	.container {
		padding:0 !important;
	}
	.w1270 {
		width:100%;
		margin:0 auto;
	}
	.w-50 {
		width:95% !important;
	}
}

.title01::first-letter {
	color:#1073BD;
}