@charset "UTF-8";

body { background:url(../Images/All/bg_all.png) top center repeat-y;}

.pc {display: none;}
.sp {}

.header {
	display:none;
}

.header-sp {
	width:100%;
	height:auto;
	float:left;
	background:#FFFFFF;
	position:fixed;
	z-index:100;
}

.header_area {
	width:100%;
	height:auto;
	min-height:85px;
	float:left;
	background:#FFF;
}

.header_area02 {
	width:100%;
	height:auto;
	min-height:780px;
	float:left;
	background:url(..//Images/All/area.png);
	background-size:cover;
}

.header_top {
	width:100%;
	height:auto;
	position:relative;
	z-index:2;
	float:left;
}

.header_buttom {
	width:100%;
	height:auto;
	position:relative;
	z-index:1;
	float:left;
}

.logo {
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	padding:10px 10px 15px 10px;
}

.logo img {
	vertical-align:middle;
	height:80px;
}

.menu {
	width:auto;
	height:auto;
	float:right;
}

.menu li.menu01 {
	width:180px;
	height:auto;
	min-height:85px;
	float:right;
	text-align:center;
	border-left:1px solid #eeeeee;
}

.menu li.menu01 a {
	box-sizing:border-box;
	padding:30px 0;
	min-height:85px;
	width:180px;
	height:auto;
	float:right;
	display:block;
	color:#000;
	box-sizing:border-box;
}

.menu li.menu01 a:hover {
	box-sizing:border-box;
	padding:30px 0;
	min-height:85px;
	width:180px;
	height:auto;
	float:right;
	display:block;
	color:#fff !important;
	background:#000000;
	box-sizing:border-box;
}

.menu li.menu02 {
	width:180px;
	height:auto;
	min-height:85px;
	float:right;
	text-align:center;
	background:#000000;
	border-left:1px solid #eeeeee;
}

.menu li.menu02 a {
	box-sizing:border-box;
	padding:30px 0;
	min-height:85px;
	width:180px;
	height:auto;
	float:right;
	display:block;
	color:#FFFFFF;
	box-sizing:border-box;
}

.menu li.menu02 a:hover {
	box-sizing:border-box;
	padding:30px 0;
	min-height:85px;
	width:180px;
	height:auto;
	float:right;
	display:block;
	color:#000 !important;
	background:#FFF;
	box-sizing:border-box;
}

.menubox > ul > li {
  position: relative;
  float: left;
}
.menubox a {
  color: #000;
  text-decoration: none;
}

.menubox li.menu01:hover {
  color: #fff !important;
  background:#000000;
  text-decoration: none;
}

.menubox li.menu01:hover a {
	color:#FFF;
}

.menubox ul a:hover {
  color: #0090aa;
}

.menubox li.menu02 a {
  color: #fff;
  text-decoration: none;
}
.menubox li.menu02 a:hover {
  color: #0090aa;
}

.menubox .sub-menu {
  position: absolute;
  width: 180px;
  background: #fff;
  top: 85px;
  display: none;
}

.menubox .sub-menu li {
	border-bottom:1px solid #eeeeee;
	float:left;
}

.menubox .sub-menu a {
  color: #000 !important;
  padding: 10px 15px;
  display: block;
}
.menubox .sub-menu a:hover {
  color: #fff !important;
}

.menubox .menu-item-has-children:hover ul {
  display: block;
}
.menubox li.menu-item-has-children li a:hover {
  background: #0090aa;
}

.img-area {
	width:100%;
	height:auto;
	top:40px;
	left:0;
	position:absolute;
}

.img-txt {
	width:auto;
	height:auto;
	position:absolute;
	top:350px;
	left:50%;
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	transform: translate(-50%,0);
	opacity:0.6em;
}

.Top-txt-area {
	width:1000px;
	height:auto;
	min-height:20px;
	position:absolute;
	top:650px;
	left:50%;
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	transform: translate(-50%,0);
	background:url(../Images/All/bg_txt.png) repeat;
	padding:30px;
	box-sizing:border-box;
}

.sp-section {
	width:100%;
	height:auto;
	float:left;
	position:relative;
	margin-top:85px;
}

.Top-sp-img {
	width:100%;
	height:auto;
	float:left;
	position:relative;
	z-index:1;
}

.Top-sp-img img {
	width:100%;
	vertical-align:middle;
}

.Top-sp-img02 {
	width:100%;
	height:auto;
	position:absolute;
	bottom:0;
	left:0;
	padding:20px;
	box-sizing:border-box;
	background:url(../Images/All/bg_txt.png) repeat;
	z-index:2;
}

.Top-sp-img02 img {
	width:100%;
}

.section01 {
	width:100%;
	height:auto;
	float:left;
	clear:both;
}

.section02 {
	width:100%;
	height:auto;
	float:left;
	clear:both;
	margin-top:30px;
	position:relative;
}

.Top-box {
	width:100%;
	height:auto;
	float:left;
}

.Top-box01 {
	width:100%;
	height:auto;
	float:left;
	background:url(../Images/All/bg_txt.png) repeat;
	padding:30px;
	box-sizing:border-box;
	margin-bottom:50px;
}

.Top-box02 {
	width:100%;
	height:auto;
	float:left;
	background:url(../Images/All/bg_txt.png) repeat;
}

.Top-subtitle {
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	font-size:1.6em;
	font-weight:bold;
	margin-bottom:20px;
}

.Top-subtxt {
	width:100%;
	height:auto;
	float:left;
	margin-bottom:20px;
}

.Top-subbuttan {
	width:200px;
	height:auto;
	min-height:10px;
	margin:0 auto;
}

.Top-subbuttan a {
	width:100%;
	height:auto;
	float:left;
	display:block;
	padding:10px 20px;
	box-sizing:border-box;
	background:#000000;
	color:#FFFFFF;
}

.Top-subbuttan a:hover {
	background:#eee;
	color:#000000;
}

.Top-left {
	width:100%;
	height:auto;
	float:left;
	padding-bottom:20px;
}

.Top-cen {
	width:100%;
	height:auto;
	float:left;
	padding-bottom:20px;
}

.Top-right {
	width:100%;
	height:auto;
	float:right;
	padding-bottom:20px;
}

a .Top-left,a .Top-cen,a .Top-right {
	opacity:1;
	color:#000000;
	cursor:pointer;
}

a:hover .Top-left,a:hover .Top-cen,a:hover .Top-right {
	opacity:0.5;
	color:#000000;
	cursor:pointer;
}

.Top-imgbox {
	width:100%;
	height:auto;
	float:left;
}

.Top-imgbox img {
	width:100%;
	vertical-align:middle;
}

.Top-inbox {
	width:100%;
	height:auto;
	float:left;
	border-right:1px solid #eee;
	box-sizing:border-box;
}

.Top-titlebox {
	width:100%;
	height:auto;
	float:left;
	background:url(../Images/All/yahirushi.png) top right no-repeat;
	padding:10px 40px 10px 20px;
	box-sizing:border-box;
	text-align:left;
	font-size:1.2em;
	font-weight:bold;
}

.Top-txtbox {
	width:100%;
	height:auto;
	float:left;
	text-align:left;
	font-size:0.7em;
	padding:10px 20px;
	box-sizing:border-box;
}


.Top-shikenhyo {
	width:40px;
	height:100px;
	position:absolute;
	top:400px;
	left:0;
}

.Top-shikenhyo a {
	opacity:1;
}

.Top-shikenhyo a:hover {
	opacity:0.5;
}

#page-top {
  position: fixed;
  bottom: 15px;
  right: 15px;
  font-size: 77%;
  z-index: 1000; }


.footer {
	width:100%;
	height:auto;
	float:left;
	background:#FFF;
	margin-top:50px;
	text-align:left;
	padding:0 20px;
	box-sizing:border-box;
}

.footer-box {
	width:100%;
	height:auto;
	float:left;
}

.footer-left {
	width:100%;
	height:auto;
	float:left;
}

.footer-right {
	width:100%;
	height:auto;
	float:right;
	position:relative;
}

.footer-right2 {
	width:100%;
	height:auto;
	float:right;
	position:relative;
}

.footer-info-title {
	width:100%;
	height:auto;
	float:left;
	font-size:1.2em;
	font-weight:bold;
	margin-top:20px;
	margin-bottom:20px;
}

.footer-info-title02 {
	width:100%;
	height:auto;
	float:left;
	font-size:1.2em;
	font-weight:bold;
	margin-top:20px;
	margin-bottom:20px;
}

.footer-info {
	width:100%;
	height:auto;
	float:left;
	margin-bottom:20px;
}

.footer-info .time {
	width:100%;
	height:auto;
	float:left;
	color:#999;
	font-size:0.8em;
}

.footer-info .text {
	width:100%;
	height:auto;
	float:left;
	font-size:0.8em;
}

.footer-info .text a {
	color:#000000;
}

.footer-info .text a:hover {
	color:#666666;
}

a.footer-info-bottan {
	display:block;
	width:auto;
	height:auto;
	float:left;
	padding:5px 20px;
	background:#000000;
	color:#FFFFFF;
	font-size:0.8em;
	margin-bottom:30px;
}

a:hover.footer-info-bottan {
	color:#000;
	background:#eee;
}

.footer-subtitle {
	width:100%;
	height:auto;
	float:left;
	color:#999999;
	font-weight:bold;
	margin-bottom:10px;
}

.footer-subtxt {
	width:100%;
	height:auto;
	float:left;
	font-size:0.8em;
	margin-bottom:10px;
}

.footer-subtxt02 {
	width:100%;
	height:auto;
	float:left;
	font-size:0.8em;
	margin-bottom:30px;
}

a.footer-info-bottan02 {
	display:block;
	width:auto;
	height:auto;
	float:left;
	padding:5px 20px;
	background:#666666;
	color:#FFFFFF;
	font-size:0.8em;
	margin-bottom:30px;
	margin-left:20px;
}

a:hover.footer-info-bottan02 {
	color:#000;
	background:#eee;
}

.footer-end {
	width:100%;
	height:auto;
	float:left;
	border-top:1px solid #e5e5e5;
	padding-top:20px;
	padding-bottom:20px;
	color:#999999;
	font-size:0.8em;
}


.pankuzu {
	width:100%;
	height:auto;
	float:left;
	margin-top:110px;
	padding:0 20px;
	box-sizing:border-box;
}

.pankuzu-box {
	width:100%;
	height:auto;
	float:left;
	text-align:left;
	font-size:0.8em;
}

.Temp-box {
	width:100%;
	height:auto;
	float:left;
}

.Temp-box_02 {
	width:100%;
	height:auto;
	float:left;
	position:relative;
}

.Temp-box01 {
	width:100%;
	height:auto;
	float:left;
	background:#FFFFFF;
	padding:30px 20px;
	box-sizing:border-box;
	margin-bottom:30px;
	position:relative;
}

.Temp-box01_bg {
	width:100%;
	height:auto;
	float:left;
	background:#FFFFFF;
	margin-bottom:30px;
	position:relative;
}

.Temp-box02 {
	width:100%;
	height:auto;
	float:left;
	background:#FFFFFF;
	padding:50px 20px;
	box-sizing:border-box;
	margin-bottom:50px;
}

.Temp-box03 {
	width:100%;
	height:auto;
	float:left;
	background:#FFFFFF;
	padding:50px;
	box-sizing:border-box;
}

.Temp-subtitle {
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	font-size:1.8em;
}

.Temp-subtitle02 {
	width:100%;
	height:auto;
	float:left;
	color:#999999;
	font-size:0.8em;
}

.Temp-subtitle03 {
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	font-size:1.4em;
	font-weight:bold;
	margin-bottom:30px;
	line-height:1.4em;
}

.Temp-subtitle03 span {
	font-size:0.7em;
	color:#999999;
	font-weight:normal;
}

.Temp-subtitle03_bg {
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	font-size:1.4em;
	font-weight:bold;
	margin-bottom:30px;
	background:#eee;
	padding:20px 30px;
	box-sizing:border-box;
}

.Temp-leftbox {
	width:100%;
	height:auto;
	float:left;
}

.Temp-rightbox {
	width:100%;
	height:auto;
	float:right;
}

.Temp-txtbox {
	width:100%;
	height:auto;
	float:left;
	border-bottom:1px solid #dddddd;
	text-align:left;
	padding:10px 0;
}

.Temp-l_list {
	width:100%;
	height:auto;
	float:left;
	font-weight:bold;
	padding:0 10px;
	box-sizing:border-box;
}

.Temp-r_list {
	width:100%;
	height:auto;
	float:left;
	padding:0 10px;
	box-sizing:border-box;
}

.Temp-r_list a {
	color:#0066CC;
}

.Temp-r_list a:hover {
	color:#ccc;
}

.Temp-l_list02 {
	width:100%;
	height:auto;
	float:left;
	font-weight:bold;
	padding:0 10px;
	box-sizing:border-box;
}

.Temp-l_list03 {
	width:100%;
	height:auto;
	float:left;
	padding:0 10px;
	box-sizing:border-box;
}

.Temp-r_list02 {
	width:100%;
	height:auto;
	float:left;
	text-align:left;
	padding:0 10px;
	box-sizing:border-box;
}

.Temp-l_list03_ex {
	width:100%;
	height:auto;
	float:left;
	padding:0 10px;
	box-sizing:border-box;
}

.Temp-r_list02_ex {
	width:100%;
	height:auto;
	float:left;
	text-align:left;
	padding:0 10px;
	box-sizing:border-box;
}

.Temp-footer-link {
	width:100%;
	height:auto;
	float:left;
	margin-bottom:20px;
}

.Temp-title-line {
	width:auto;
	height:auto;
	position:absolute;
	top:-90px;
	left:50%;
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	transform: translate(-50%,0);
}


.greeting-box {
	width:100%;
	height:auto;
	float:left;
	text-align:left;
}

.greeting-img {
	width:100%;
	height:auto;
	float:right;
	margin-bottom:20px;
}

.greeting-img img {
	width:100%;
	vertical-align:middle;
}

.color01 {
	color:#06C;
}

.test_table-img {
	width:100%;
	height:auto;
	float:left;
	margin-bottom:20px;
}

.test_table-img img {
	width:100%;
	vertical-align:middle;
}

.test_table-img02 {
	width:100%;
	height:auto;
	float:left;
}

.test_table-img02 img {
	width:100%;
	vertical-align:middle;
}

.test_table-img03 {
	width:100%;
	height:auto;
	float:left;
	margin-top:20px;
}

.test_table-img03 img {
	width:100%;
	vertical-align:middle;
}

.test_table-img04 {
	width:100%;
	height:auto;
	float:left;
}

.test_table-img04 img {
	width:100%;
	vertical-align:middle;
}

.test_table-txt {
	width:100%;
	height:auto;
	float:left;
	margin-top:20px;
}

.Affiliate-txt {
	width:100%;
	height:auto;
	float:left;
	text-align:left;
	border-bottom:1px solid #999;
	margin-bottom:20px;
	padding-bottom:5px;
	font-weight:bold;
	font-size:1.1em;
}

.Business-title {
	width:100%;
	height:auto;
	float:left;
	margin-bottom:20px;
	padding-bottom:10px;
	border-bottom:1px solid #999;
	text-align:left;
	font-weight:bold;
	font-size:1.1em;
	margin-top:20px;
}

.Business-list {
	width:100%;
	height:auto;
	float:left;
	text-align:left;
}

.Business-list .btitle {
	width:100%;
	height:auto;
	min-height:10px;
	float:left;
	font-weight:bold;
	padding:0 10px;
	box-sizing:border-box;
}

.Business-list .bsubtitle {
	width:100%;
	height:auto;
	min-height:10px;
	float:left;
	padding:0 10px;
	box-sizing:border-box;
}

.Business-list .btxt {
	width:100%;
	height:auto;
	min-height:10px;
	float:right;
	text-align:right;
	padding:0 10px;
	box-sizing:border-box;
}

.Business-list .btxt02 {
	width:100%;
	height:auto;
	min-height:10px;
	float:right;
	text-align:right;
	padding:0 10px;
	box-sizing:border-box;
}

.Business-list .btxt03 {
	width:100%;
	height:auto;
	min-height:10px;
	float:right;
	text-align:right;
	padding:0 10px;
	box-sizing:border-box;
}

.Business-list .btxt04 {
	width:100%;
	height:auto;
	min-height:10px;
	float:right;
	text-align:right;
	padding:0 10px;
	box-sizing:border-box;
}

.Contact-box {
	width:100%;
	height:auto;
	float:left;
	margin-bottom:40px;
}

.Contact-box02 {
	width:100%;
	height:auto;
	float:left;
}

.Temp-table {
	border-left:1px solid #eee;
	border-top:1px solid #eee;
	width:100%;
}

.Temp-table th {
	width:100%;
	display:block;
	padding:10px 20px;
	box-sizing:border-box;
	border-right:1px solid #eee;
	border-bottom:1px solid #fff;
	background:#eee;
	font-weight:bold;
	vertical-align:middle;
}

.Temp-table td {
	width:100%;
	display:block;
	padding:10px 20px;
	box-sizing:border-box;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
	vertical-align:middle;
}

input,textarea {
	border:none;
	background:none;
	padding:0;
	margin:0;
}

.form01 {
	width:100%;
	padding:3px 10px;
	box-sizing:border-box;
	border:1px solid #CCC;
	border-radius:10px;
	
}

.form02 {
	width:60px;
	padding:3px 10px;
	box-sizing:border-box;
	border:1px solid #CCC;
	border-radius:10px;
	
}

.buttan {
	padding:10px 25px;
	background:#0066CC;
	border:none;
	color:#FFF;
	box-sizing:border-box;
	border-radius:10px;
	cursor:pointer;
}

.buttan:hover {
	opacity:0.5;
}

.Privacy-box {
	width:100%;
	height:auto;
	float:left;
	text-align:left;
}

.Privacy-title {
	width:100%;
	height:auto;
	float:left;
	margin-bottom:20px;
	padding-bottom:10px;
	border-bottom:1px solid #999;
	text-align:left;
	font-weight:bold;
	font-size:1.1em;
}

.Info-box {
	width:100%;
	height:auto;
	float:left;
	border-top:1px solid #CCC;
	margin-bottom:40px;
}

.Info-box02 {
	width:100%;
	height:auto;
	float:left;
}

.Info-box02 a {
	padding:5px;
	border:1px solid #CCC;
	border-radius:7px;
	background:#FFFFFF;
	color:#000000;
	font-size:0.8em;
}

.Info-box02 a:hover {
	background:#0066CC;
	color:#FFF;
}

.Info-box02 span {
	padding:5px;
	border:1px solid #CCC;
	border-radius:7px;
	background:#0066CC;
	color:#FFF;
	font-size:0.8em;
}


.Info-list {
	width:100%;
	height:auto;
	float:left;
	border-bottom:1px solid #CCC;
	padding:10px 0;
	box-sizing:border-box;
}

.Info-list .time {
	width:100%;
	height:auto;
	float:left;
	text-align:left;
	color:#999;
}

.Info-list .title {
	width:100%;
	height:auto;
	float:left;
	text-align:left;
}

.Info-box03 {
	width:100%;
	height:auto;
	float:left;
	margin-bottom:20px;
	text-align:left;
}

.Info-box03 h4 {
	width:100%;
	height:auto;
	float:left;
	margin-bottom:10px;
	border-bottom:1px solid #999;
	padding-bottom:3px;
	font-size:1.1em;
	font-weight:bold;
}


.Info-box03 p {
	padding-bottom:10px;
}

.Info-box03 strong {
	font-weight:bold;
}

.Info-box03 em {
	font-style:italic;
}

.Info-box03 ul {
	width:100%;
	height:auto;
	float:left;
}

.Info-box03 ul li.pdf {
	width:100%;
	height:auto;
	float:left;
	background:url(../Images/All/pdf.gif) left center no-repeat;
	padding:3px 0 3px 25px;
	box-sizing:border-box;
	vertical-align:middle;
}

.Info-box03 ul li.doc {
	width:100%;
	height:auto;
	float:left;
	background:url(../Images/All/doc.gif) left center no-repeat;
	padding:3px 0 3px 25px;
	box-sizing:border-box;
	vertical-align:middle;
}

.Info-box03 ul li.xls {
	width:100%;
	height:auto;
	float:left;
	background:url(../Images/All/maru.png) left center no-repeat;
	padding:3px 0 3px 25px;
	box-sizing:border-box;
	vertical-align:middle;
}

.Info-box03 ul li.ppt {
	width:100%;
	height:auto;
	float:left;
	background:url(../Images/All/ppt.gif) left center no-repeat;
	padding:3px 0 3px 25px;
	box-sizing:border-box;
	vertical-align:middle;
}

.Info-imgbox {
	width:100%;
	height:auto;
	float:left;
	background:#eee;
	border-radius:7px;
	padding:20px 20px 10px 20px;
	box-sizing:border-box;
}

.Info-imgbox p {
	width:100%;
	height:auto;
	float:left;
	padding:2px;
	box-sizing:border-box;
	border:1px dotted #ccc;
	background:#FFF;
	margin-bottom:10px;
}

.Info-imgbox p img {
	width:100%;
	vertical-align:middle;
}

.flor-box {
	width:100%;
	height:auto;
	float:left;
	padding:0 30px 30px 30px;
	box-sizing:border-box;
}

.Affiliate-box {
	width:100%;
	height:auto;
	float:left;
	margin-bottom:30px;
}

.Affiliate-box-slide {
	overflow-x: scroll;
}

.Affiliate-title {
	width:100%;
	height:auto;
	float:left;
	background:#eeeeee;
	padding:15px 20px;
	box-sizing:border-box;
	margin-bottom:20px;
	text-align:left;
	font-weight:bold;
}

.Affiliate-img {
	width:100%;
	height:auto;
	float:left;
}

.Affiliate-img img {
	width:100%;
	vertical-align:middle;
}

.Affiliate-txt02 {
	width:100%;
	height:auto;
	float:left;
	text-align:left;
}

.Affiliate-table {
	width:100%;
	height:auto;
	float:left;
	margin-bottom:20px;
	border-left:1px solid #CCC;
	border-top:1px solid #CCC;
	box-sizing:border-box;
}

.Affiliate-table th {
	padding:5px 10px;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	vertical-align:middle;
	background:#000066;
	color:#FFFFFF;
	font-weight:bold;
}

.Affiliate-table td {
	padding:5px 10px;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	vertical-align:middle;
}


.Affiliate-table02 {
	width:100%;
	height:auto;
	float:left;
	margin-bottom:20px;
	border-left:1px solid #CCC;
	border-top:1px solid #CCC;
	box-sizing:border-box;
}

.Affiliate-table02 th {
	padding:5px 10px;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	vertical-align:middle;
	background:#090;
	color:#FFFFFF;
	font-weight:bold;
}

.Affiliate-table02 td {
	padding:5px 10px;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	vertical-align:middle;
}


.Affiliate-table03 {
	width:100%;
	height:auto;
	float:left;
	border-left:1px solid #CCC;
	border-top:1px solid #CCC;
	box-sizing:border-box;
}

.Affiliate-table03 th {
	padding:5px 10px;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	vertical-align:middle;
	background:#F69;
	color:#FFFFFF;
	font-weight:bold;
}

.Affiliate-table03 td {
	padding:5px 10px;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	vertical-align:middle;
}


.Affiliate-table04 {
	width:100%;
	height:auto;
	float:left;
	border-left:1px solid #CCC;
	border-top:1px solid #CCC;
	box-sizing:border-box;
}

.Affiliate-table04 th {
	padding:5px 10px;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	vertical-align:middle;
	background:#000066;
	color:#FFFFFF;
	font-weight:bold;
}

.Affiliate-table04 td {
	padding:5px 10px;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	vertical-align:middle;
}

.Affiliate-txt03 {
	width:100%;
	height:auto;
	float:left;
	margin-bottom:10px;
	font-size:1.2em;
	font-weight:bold;
	text-align:left;
}


.Affiliate-table05 {
	width:1200px;
	height:auto;
	float:left;
	border-left:1px solid #CCC;
	border-top:1px solid #CCC;
	box-sizing:border-box;
}

.Affiliate-table05 th {
	padding:5px 10px;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	vertical-align:middle;
	background:#000066;
	color:#FFFFFF;
	font-weight:bold;
}

.Affiliate-table05 td {
	padding:5px 10px;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	vertical-align:middle;
}

.Affiliate-txt04 {
	width:100%;
	height:auto;
	float:left;
	margin-top:15px;
	text-align:left;
}

.Temp-l_list_ex {
	width:100%;
	height:auto;
	float:left;
	font-weight:bold;
}

.Temp-r_list_ex {
	width:100%;
	height:auto;
	float:right;
}

.table_bg {
	background:#000066;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
}

.table_bg02 {
	background:#F6F6F6;
	text-align:center;
}

.table_bg03 {
	background:#477ad6;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
}

.Affiliate-box_ex {
	width:100%;
	height:auto;
	float:left;
}

.Affiliate-box_ex02 {
	width:100%;
	height:auto;
	float:right;
}

.Affiliate-box_ex .title, .Affiliate-box_ex02 .title  {
	width:100%;
	height:auto;
	float:left;
	text-align:left;
	font-weight:bold;
	padding-bottom:5px;
}

.Affiliate-box_ex .tr_img, .Affiliate-box_ex02 .tr_img {
	width:100%;
	height:auto;
	float:left;
}

.Affiliate-box_ex .tr_img img, .Affiliate-box_ex02 .tr_img img {
	width:100%;
	vertical-align:middle;
}


.aff-map-h {
	height:320px;
}


.aff-box {
	width:100%;
	height:auto;
	float:left;
	text-align:left;
}

.list_bg_color01 {
	background:#f7fbff;
}

.list_bg_color02 {
	background:#d9ecff;
}

.list_bg_color03 {
	background:#fffef7;
}

.list_bg_color04 {
	background:#fff5d9;
}


.sp-off {
	display:none !important;
}

.txt_myo {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.footer-txt_allbox {
	width:100%;
	height:auto;
	float:left;
}

.footer-txt_all {
	width:auto;
	height:auto;
	float:left;
	margin-top:50px;
	text-align: justify;
	text-justify: inter-ideograph;
}

.footer-txt_all span.title {
	width:auto;
	display:block;
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:20px;
}

.footer-txt_all span.txt {
	width:auto;
	display:block;
	font-size:0.9em;
}

.txt_l {text-align:left;}

.contact_icon {
	border:1px solid #C00;
	padding:2px 5px;
	background:#fff;
	color:#C00;
	font-size:0.65em;
	font-weight:bold;
	display:block;
	width:35px;
	height:auto;
	text-align:center;
	float:right;
}

.F-indent {
	padding-left:1em !important;
	text-indent:-1em !important;
	display:block;
}

.info-time {
	width:100%;
	height:auto;
	float:left;
	margin-bottom:20px;
	text-align:right;
	font-size:0.9em;
}

.Affiliate__in__box {
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	margin-bottom: 20px;
}

/*---2024.04.18---*/

.top_news {
	width: 100%;
	float: left;
}

.top_news_area {
	width:100%;
	height:auto;
	position:relative;
	z-index:1;
}

.top_news_box {
	width: 100%;
	background: #fff;
	padding: 30px 30px 80px 30px;
	box-sizing: border-box;
}

.top_news_box .title {
	width: 100%;
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 20px;
}

.top_news_box ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
}

.top_news_box ul .time {
	width: 100%;
	text-align: left;
}

.top_news_box ul .text {
	width: 100%;
	text-align: left;
}

.top_news_box_all {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	background: #fff;
}

.top_news_box_left {
	width: 100%;
	background: #fff;
	padding: 30px 30px 80px 30px;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	border-bottom: 1px solid #ccc;
}

.top_news_box_left .title {
	width: 100%;
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 20px;
}

.top_news_box_left ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
}

.top_news_box_left ul .time {
	width: 25%;
	margin-right: 3%;
	text-align: center;
}

.top_news_box_left ul .text {
	width: 72%;
	text-align: left;
}

.top_news_box_right {
	width: 100%;
	background: #fff;
	padding: 30px 30px 80px 30px;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
}

.top_news_box_right .title {
	width: 100%;
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 20px;
}

.top_news_box_right ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
}

.top_news_box_right ul .time {
	width: 25%;
	margin-right: 3%;
	text-align: center;
}

.top_news_box_right ul .text {
	width: 72%;
	text-align: left;
}

/*---2024.06.13---*/

.sdgs_img {
	width: 100%;
	text-align: center;
}

.sdgs_img img {
	width: 100%;
	max-width: 514px;
}

.sdgs_img2 {
	width: 100%;
	text-align: center;
	margin-bottom: 50px;
}

.sdgs_img2 img {
	width: 100%;
	max-width: 626px;
}

.sdgs_text {
	width: 100%;
	margin-bottom: 30px;
}

.sdgs_text2 {
	width: 100%;
	margin-bottom: 50px;
}

.sdgs_linkbox {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
}

.sdgs_linkbox p {
	width: 100%;
	margin-bottom: 10px;
}

.sdgs_linkbox p:nth-child(4n) {
	margin-bottom: 0;
}

.sdgs_linkbox p a {
	width: 100%;
	display: inline-block;
	border: 1px solid #ccc;
	box-sizing: border-box;
	padding: 10px 0;
	line-height: 1.3em;
	color: #fff;
}

.sdgs_linkbox p:nth-child(1) a {
	background: #279c47;
}

.sdgs_linkbox p:nth-child(2) a {
	background: #f89c25;
}

.sdgs_linkbox p:nth-child(3) a {
	background: #cf8d29;
}

.sdgs_linkbox p:nth-child(4) a {
	background: #46773d;
}

.sdgs_linkbox p a:hover {
	opacity: 0.5;
}

.sdgs_title {
	width: 100%;
	text-align: center;
	font-size: 1.6em;
	font-weight: 600;
	margin-bottom: 30px;
}

.sdgs_subtitle {
	width: 100%;
	text-align: left;
	font-weight: 600;
	font-size: 1.2em;
	border-bottom: 1px solid #999999;
	padding-bottom: 5px;
	margin-bottom: 30px;
}

.sdgs3_img {
	width: 100%;
	text-align: center;
	margin-bottom: 30px;
}

.sdgs3_img img {
	width: 100%;
	max-width: 167px;
}

.sdgs3_imgbox {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.sdgs3_imgbox p {
	width: 100%;
	margin-bottom: 10px;
}

.sdgs3_imgbox p:nth-child(2n) {
	margin-bottom: 0;
}

.sdgs3_imgbox p img {
	width: 100%;
}

.sdgs3_imgbox div {
	width: 100%;
	margin-bottom: 30px;
}

.sdgs3_imgbox div:nth-child(2n) {
	margin-bottom: 0;
}

.sdgs3_imgbox div img {
	width: 100%;
}

.sdgs2_imgbox {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.sdgs2_imgbox p:nth-child(1) {
	width: 100%;
	margin-bottom: 10px;
}

.sdgs2_imgbox p:nth-child(2) {
	width: 100%;
	margin-bottom: 10px;
}

.sdgs2_imgbox p:nth-child(3) {
	width: 100%;
	margin-bottom: 0;
}

.sdgs2_imgbox p img {
	width: 100%;
}