@charset "utf-8";
.flex-tag {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.flex-tag .box {
  width: calc((100% - 40px) / 3);
}

@media (max-width: 834px) {
  .flex-tag .box {
    width: 100%;
  }
}

.flex-tag-text {
  display: flex;
  align-items: center; 
  justify-content: center; 
  padding: 0.8em; 
  color: #fff;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 1.5; 
  border-radius: 10px;
}

//
.local-section-imgText-result {
  position: relative;
}

.local-section-imgText-result .disnone {
  display: none !important;
}

@media (min-width: 835px) {
  .local-section-imgText-result {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
  }

  .local-section-imgText-result > .section-left,
  .local-section-imgText-result > .section-right {
    width: 48% !important;
    box-sizing: border-box;
  }

  .local-section-imgText-result::after {
    content: "+";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 40px;
    font-weight: 500;
    line-height: 1;
    z-index: 5;
    pointer-events: none;
  }
}

@media (max-width: 834px) {
  .local-section-imgText-result {
    display: block !important;
  }

  .local-section-imgText-result > .section-left {
    width: 100% !important;
    padding-bottom: 16px;
  }

  .local-section-imgText-result > .section-right {
    width: 100% !important;
    margin-top: 72px;
  }

  .local-section-imgText-result::after {
    content: "+";
    position: absolute;
    left: 50%;
    top: calc(55%);
    transform: translate(-50%, -50%);
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
    z-index: 5;
    pointer-events: none;
  }
}

.bkcolor1{
color: #fff ;
background-color: #1B93B6 ;
border-radius: 10px ;
padding: 5px 10px ;
}

.bkcolor2{
color: #fff ;
background-color: #7AADF5 ;
border-radius: 10px ;
padding: 5px 10px ;
}
#c234 {
	clear: both;
	background-color: var(--title1);
	background-image: url(../images/home/title1.jpg);
	margin:    ;
	padding:    ;
}
#c260 {
	clear: both;
	display: none;
	margin:    ;
	padding:    ;
}
#c213 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c213 h3,
#c213 div {
	text-align: right;
}
#c207 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c207 h2,
#c207 div {
	text-align: center;
}
#c318 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c286 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c286 h2,
#c286 div {
	text-align: center;
}
#c299 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c299 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c299 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c298 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c290 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c290 h3,
#c290 div {
	text-align: left;
}
#c284 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c284 {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}
#c284 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c315 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c295 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c295 h3,
#c295 div {
	text-align: left;
}
#c296 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c296 {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}
#c296 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c316 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c293 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c293 h3,
#c293 div {
	text-align: left;
}
#c294 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c294 {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}
#c294 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c317 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c291 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c291 h3,
#c291 div {
	text-align: left;
}
#c292 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c292 {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}
#c292 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c319 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c208 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c280 {
	clear: both;
	margin: 110px 0 0 ;
	padding:    ;
}
#c280 h2,
#c280 div {
	text-align: center;
}
#c303 {
	clear: both;
	margin: 80px 0 10px ;
	padding:    ;
}
#c303 h3,
#c303 div {
	text-align: left;
}
#c309 {
	clear: both;
	margin: 0   ;
	padding:    ;
}
#c309 table td {
	padding: 10px;
}
#c309_cell_1_1 {
	text-align: center;
	vertical-align: middle;
	background: #1B93B6;
	color: #ffffff;
}
#c309_cell_1_2 {
	text-align: left;
	vertical-align: middle;
}
#c310 {
	clear: both;
	margin: 10px 0 0 ;
	padding:    ;
}
#c310 h3,
#c310 div {
	text-align: center;
}
#c311 {
	clear: both;
	margin: 10px 0 0 ;
	padding:    ;
}
#c311 h3,
#c311 div {
	text-align: center;
}
#c304 {
	clear: both;
	margin: 80px 0 10px ;
	padding:    ;
}
#c304 h3,
#c304 div {
	text-align: left;
}
#c300 {
	clear: both;
	margin: 0   ;
	padding:    ;
}
#c307 {
	clear: both;
	margin: 0   ;
	padding:    ;
}
#c307 table td {
	padding: 10px;
}
#c307_cell_1_1 {
	text-align: center;
	vertical-align: middle;
	background: #7AADF5;
	color: #ffffff;
}
#c307_cell_1_2 {
	height: 185px;
	text-align: left;
	vertical-align: middle;
}
#c312 {
	clear: both;
	margin: 10px 0 0 ;
	padding:    ;
}
#c312 h3,
#c312 div {
	text-align: center;
}
#c313 {
	clear: both;
	margin: 10px 0 0 ;
	padding:    ;
}
#c313 h3,
#c313 div {
	text-align: center;
}
#c301 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c308 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c308 table td {
	padding: 10px;
}
#c308_cell_1_1 {
	text-align: center;
	vertical-align: middle;
	background: #7AADF5;
	color: #ffffff;
}
#c308_cell_1_2 {
	height: 225px;
	text-align: left;
	vertical-align: middle;
}
#c314 {
	clear: both;
	margin: 10px 0 0 ;
	padding:    ;
}
#c314 h3,
#c314 div {
	text-align: center;
}
#c302 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c287 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c297 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c297 h2,
#c297 div {
	text-align: center;
}
#c289 {
	clear: both;
	display: none;
	margin:    ;
	padding:    ;
}
#c289 {
	flex-direction: column;
	flex-wrap: wrap;
}
#c289 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c289 > div:nth-of-type(1) img {
	width: 338px;
}
#c289 > div:nth-of-type(2) img {
	width: 600px;
}
#c289 > div:nth-of-type(3) img {
	width: 600px;
}
#c289 > div:nth-of-type(4) img {
	width: 600px;
}
#c289 > div:nth-of-type(5) img {
	width: 600px;
}
#c281 {
	clear: both;
	display: none;
	margin:    ;
	padding:    ;
}
#c281 {
	flex-direction: row;
	flex-wrap: wrap;
}
#c281 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c282 {
	clear: both;
	display: none;
	margin:    ;
	padding:    ;
}
#c282 {
	flex-direction: row;
	flex-wrap: wrap;
}
#c282 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c243 {
	clear: both;
	display: none;
	margin:    ;
	padding:    ;
}
#c243 h2,
#c243 div {
	text-align: left;
}
#c261 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c261 {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}
#c261 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c261 > div:nth-of-type(1) img {
	width: 338px;
}
#c288 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c285 {
	clear: both;
	display: none;
	margin:    ;
	padding:    ;
}
#c285 a.itext, #c285 img, #c285 video {
	width: 400px;
	height: 300px;
}
#c278 {
	clear: both;
	display: none;
	background-image: url(../images/home/bg02.jpg);
	margin:    ;
	padding:    ;
}
#c278 h2,
#c278 div {
	text-align: left;
}
#c279 {
	clear: both;
	display: none;
	background-color: var(--mc70);
	background-image: url(../images/home/bg03.jpg);
	margin:    ;
	padding:    ;
}
#c279 a.itext, #c279 img, #c279 video {
}
#c279 h2,
#c279 div {
	text-align: center;
}
#c269 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c273 {
	clear: both;
	background-color: var(--bc);
	margin:    ;
	padding:    ;
}
#c273 a.itext, #c273 img, #c273 video {
	width: 960px;
	height: 640px;
}
#c273 h3,
#c273 div {
	text-align: left;
}
#c272 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c272 a.itext, #c272 img, #c272 video {
	width: 961px;
	height: 538px;
}
#c272 h3,
#c272 div {
	text-align: left;
}
#c241 {
	clear: both;
	background-color: var(--beige);
	margin:    ;
	padding:    ;
}
#c262 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c262 h2,
#c262 div {
	text-align: left;
}
#c263 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c263 {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}
#c263 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c242 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c248 {
	clear: both;
	background-color: var(--brown);
	margin:    ;
	padding:    ;
}
#c256 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c256 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c256 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c256 > div:nth-of-type(1) img {
	width: 899px;
}
#c256 > div:nth-of-type(2) img {
	width: 300px;
}
#c256 > div:nth-of-type(3) img {
	width: 899px;
}
#c256 > div:nth-of-type(4) img {
	width: 300px;
}
#c267 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c267 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c267 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c267 > div:nth-of-type(1) img {
	width: 899px;
}
#c267 > div:nth-of-type(2) img {
	width: 300px;
}
#c267 > div:nth-of-type(3) img {
	width: 899px;
}
#c267 > div:nth-of-type(4) img {
	width: 300px;
}
#c268 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c268 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c268 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c268 > div:nth-of-type(1) img {
	width: 899px;
}
#c268 > div:nth-of-type(2) img {
	width: 300px;
}
#c268 > div:nth-of-type(3) img {
	width: 899px;
}
#c268 > div:nth-of-type(4) img {
	width: 300px;
}
#c251 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c275 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c275 h2,
#c275 div {
	text-align: center;
}
#c276 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c265 {
	clear: both;
	margin: 30px 0  ;
	padding:    ;
}
#c265 h3,
#c265 div {
	text-align: center;
}
#c277 {
	clear: both;
	background-color: var(--bc);
	margin:    ;
	padding:    ;
}
#c247 {
	clear: both;
	margin:    ;
	padding:    ;
}
@media screen and (min-width: 641px) and (max-width: 834px) {
#c234 {
}
#c260 {
	display: none;
}
#c213 {
}
#c207 {
}
#c318 {
}
#c286 {
}
#c299 {
}
#c299 {
}
#c298 {
}
#c290 {
}
#c284 {
}
#c284 {
}
#c315 {
}
#c295 {
}
#c296 {
}
#c296 {
}
#c316 {
}
#c293 {
}
#c294 {
}
#c294 {
}
#c317 {
}
#c291 {
}
#c292 {
}
#c292 {
}
#c319 {
}
#c208 {
}
#c280 {
}
#c303 {
}
#c309 {
}
#c310 {
}
#c311 {
}
#c304 {
}
#c300 {
}
#c307 {
	margin: 0 50px;
}
#c312 {
}
#c313 {
}
#c301 {
}
#c308 {
}
#c314 {
}
#c302 {
}
#c287 {
}
#c297 {
}
#c289 {
	display: none;
}
#c289 {
}
#c281 {
	display: none;
}
#c281 {
}
#c282 {
	display: none;
}
#c282 {
}
#c243 {
	display: none;
}
#c261 {
}
#c261 {
}
#c288 {
}
#c285 {
	display: none;
}
#c278 {
	display: none;
}
#c279 {
	display: none;
}
#c269 {
}
#c273 {
}
#c272 {
}
#c241 {
}
#c262 {
}
#c263 {
}
#c263 {
}
#c242 {
}
#c248 {
}
#c256 {
}
#c256 {
}
#c267 {
}
#c267 {
}
#c268 {
}
#c268 {
}
#c251 {
}
#c275 {
}
#c276 {
}
#c265 {
}
#c277 {
}
#c247 {
}
}
@media screen and (max-width: 640px) {
#c234 {
}
#c260 {
	display: none;
}
#c213 {
}
#c207 {
}
#c318 {
}
#c286 {
}
#c299 {
}
#c299 {
}
#c298 {
}
#c290 {
}
#c284 {
}
#c284 {
}
#c315 {
}
#c295 {
}
#c296 {
}
#c296 {
}
#c316 {
}
#c293 {
}
#c294 {
}
#c294 {
}
#c317 {
}
#c291 {
}
#c292 {
}
#c292 {
}
#c319 {
}
#c208 {
}
#c280 {
}
#c303 {
}
#c309 {
}
#c310 {
}
#c311 {
}
#c304 {
}
#c300 {
}
#c307 {
}
#c312 {
}
#c313 {
}
#c301 {
}
#c308 {
}
#c314 {
}
#c302 {
}
#c287 {
}
#c297 {
}
#c289 {
	display: none;
}
#c289 {
}
#c281 {
	display: none;
}
#c281 {
}
#c282 {
	display: none;
}
#c282 {
}
#c243 {
	display: none;
}
#c261 {
}
#c261 {
}
#c288 {
}
#c285 {
	display: none;
}
#c278 {
	display: none;
}
#c279 {
	display: none;
}
#c269 {
}
#c273 {
}
#c272 {
}
#c241 {
}
#c262 {
}
#c263 {
}
#c263 {
}
#c242 {
}
#c248 {
}
#c256 {
}
#c256 {
}
#c267 {
}
#c267 {
}
#c268 {
}
#c268 {
}
#c251 {
}
#c275 {
}
#c276 {
}
#c265 {
}
#c277 {
}
#c247 {
}
}