@charset "UTF-8";

a {
	color:#000000 ;
	text-decoration:none;
}

h1 {
	padding: 4px 4px 4px 4px ;
	font-size: 18px ;
	font-weight: normal;
	color:#000000;
}

.titxt {
	border: none;
	padding: 4px 4px 4px 4px ;
	font-size:20px ;
	font-weight: normal;
	color:#000000;
}

hr.under {
	border: none;
	border-top: 1px solid #6699ff; 
	margin: 0px 0px 10px 0px; 
	padding: 0px 0px 0px 0px ;
}

hr.sepa {
	width: 1000px;
	border: none;
	border-top: 1px solid #6699ff; 
}


/* ▼ TOP --------------------------------------------------- */

ul.acc li { 
	list-style-type: disc;
	margin: 5px 5px 5px 10px;
}

ul.acc li::marker {
  color: #ff6633;
}


.toplogo {
	height: 110px;
	width: 100%;
	background-color: #ffffff;
	background-image: url(../img/topmbk.png);
	background-position: top center;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}


.txtboxa {
	line-height:180% ;
	color:#000000;
	margin: 10px 10px 10px 10px;
}

.topabox {
	width: 300px ;
	background-color: #fffefe ; 
	border: solid 1px #ccaa99 ; 
	border-radius: 12px;
	text-align: center;
	font-size:16px ;
	line-height:180% ;
	color:#000000;
	padding: 20px;
	margin: 10px;
}

/* END Bk img --------------------------------------------------- */

.site-footer,
.l-footer,
.footer,
#colophon {
  background-image: url("https://kumesuido.com/wordpress/wp-content/uploads/2025/09/bkend.jpg");

  /* background-repeat: no-repeat;  */
  /* background-size: cover; 
  /* background-position: center;
  /* background-color: #0b1220;
  position: relative; 
  /*padding: 40px 0; 
  /* color: #fff;  

	background-position: top center;
	text-align:center;
	color:#ffffff ;
	margin: 0px;
	padding: 10px 0px 0px 0px ;
	/* position: absolute;  */
	bottom: 0;

}


/* Obi News Toi --------------------------------------------------- */

.topnews {
	width: 100%;
	background-color: #f3f8ff ; 
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
}

.toptoi {
	width: 100%;
	background-color: #fff8f3 ; 
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
}

/* slidein --------------------------------------------------- */

.container{
	overflow: hidden;
}

.slidein{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 20px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	transition: 1s cubic-bezier(0.75, 1.3, 0.5, 1);
}
.slide_left{
	transform: translateX(calc(-50vw - 90%));
}
.slide_right{
	transform: translateX(calc(50vw + 90%));
}
.show{
	transform: translateX(0);
}

/* END ALL  --------------------------------------------------- */

.toptitbox {
	width: 960px ;
	background-color: #ffffff; 
	border: solid 1px #bbaaaa ; 
	border-radius: 18px;
	text-align: center;
	font-size:18px ;
	color:#000000;
	padding: 10px;
	margin: 0px;
}

.toptitb {
	width: 840px ;
	background-color: #0033ff; 
	border: solid 1px #ffffff ; 
	border-radius: 14px;
	text-align: center;
	font-size:16px ;
	color:#ffffff;
	padding: 10px;
	margin: 0px;
}


/* Table CCCCCC ---------------------------------- */

.tdbkbh { 
	background-color: #fff8f9 ;
	border: dashed 1px #cccccc ;
	margin: 2px;
	padding: 8px;
}

.tdbkbd { 
	background-color: #ffffff ;
	border: dashed 1px #cccccc ;
	margin: 2px;
	padding: 8px;
	font-size:11pt ;
}


.tdbkbl { 
	background-color: #f8faff ;
	border: dashed 1px #cccccc ;
	margin: 2px;
	padding: 8px;
	font-size:11pt ;
}







/* Sub */
.subred {
	background-color: #ffe6dc ; 
	border: solid 1px #e0cdbc ; 
	border-radius: 6px;
	text-align: center;
	font-size:14px ;
	line-height:18px ;
	color:#550000;
	padding: 12px;
	margin: 8px;
	}

.subore {
	background-color: #fffefd ; 
	border: solid 1px #ff9900 ; 
	border-radius: 6px;
	text-align: center;
	font-size: 15px ;
	line-height: 24px ;
	color:#000000;
	padding: 12px;
	margin: 8px;
	}

.subgre {
	background-color: #f3ffec ; 
	border: solid 1px #9cd37a ; 
	border-radius: 6px;
	text-align: center;
	font-size:14px ;
	line-height:18px ;
	color:#005500;
	padding: 12px;
	margin: 8px;
	}

.subblu {
	background-color: #f0f0ff ; 
	border: solid 1px #ccccff ; 
	border-radius: 6px;
	text-align: center;
	font-size:14px ;
	line-height:18px ;
	color:#000055;
	padding: 12px;
	margin: 8px;
	}

.backsub {
	background-color: #f0f0ff ; 
	border: solid 1px #ccccff ; 
	border-radius: 4px;
	text-align: center;
	font-size:14px ;
	line-height:18px ;
	color:#000055;
	margin: 6px 2px 2px 2px;
	padding: 4px 4px 4px 4px;
	}


/* PC font */
#gnav .menu a {
    font-size: 15px; 
}

/* Sp font */
#sp_menu .menu a {
    font-size: 14px;
}

.l-footer__copyright {
  display: none !important;
}

/* トップスライダーの下余白*/
.home .c-slide {
  margin-bottom: 0px !important;
}

.home h2:first-of-type {
  margin-top: 0px !important; }


/* ----------------- Slide in */

.single-item + .single-item{
    margin-top: 10px;
}

.u-fade-type-up{
    transform: translateY(200px);
    opacity: 0;
}

.u-fade-type-up.is-active{
    transition: 1.7s;
    transform: translateY(0);
    opacity: 1;
}


.s-fade-type-up{
    transform: translateY(100px);
    opacity: 0;
}
.s-fade-type-up.is-active{
    transition: 2.5s;
    transform: translateY(0);
    opacity: 1;
}


.bu-fade-type-up{
    transform: translateY(100px);
    opacity: 0;
}
.bu-fade-type-up.is-active{
    transition: 1.0s;
    transform: translateY(0);
    opacity: 1;
}


.cu-fade-type-up{
    transform: translateY(50px);
    opacity: 0;
}

.cu-fade-type-up.is-active{
    transition: 1.0s;
    transform: translateY(0);
    opacity: 1;
}


/* -----------------------------
   Sp table tatenarabini
   ----------------------------- */
@media (max-width: 767px) {
  .narabi-table tr {
    display: flex; 
    flex-direction: column;
  }

  .narabi-table td {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 5px 0;
  border: none !important;
  }

  /* img  */
  .narabi-table td img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
  }
}


/* yohaku zero 1 */
#content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* yohaku zero 2 */
.l-mainContent {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* yohaku zero 3 */
.l-mainContent__inner {
  margin-top: 20px !important;
  padding-top: 10px !important;
}

/* Top nomi yohaku  */
.home #pickup_banner {
  display: none !important;
}



/* Wakusennashi Table */
.no-border-table,
.no-border-table th,
.no-border-table td {
  border: none !important;
}


/* Table Width */
.midsize {
	width: 90% ;
	margin-left: auto;
	margin-right: auto;
}


/* Pad_0 Table */
.nopad-border-table,
.nopad-border-table table,
.nopad-border-table th,
.nopad-border-table td {
	padding: 0px;
	margin: 0px;
  border: none !important;
}

.nopad-border-table td img {
  width: 100%;
  height: 100%;
}



.sp-table .nopad-border-table table,
.sp-table .nopad-border-table th,
.sp-table .nopad-border-table td {
  padding: 0px;
  margin: 0px;
  border: none !important;
  box-shadow: none !important;
}

.sp-table .nopad-border-table td img {
  width: 100%;
  height: 100%;
}







.topnote {
	color:#ff5500;
}

.section-title {
	background-color: #003399 ; 
	border: solid 1px #ccccff ; 
	border-radius: 6px;
	text-align: center;
	font-size: 1.2rem;
 	font-weight: bold;
	color:#ffffff;
	padding: 12px;
	margin: 0px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.section-title .catchcopy {
  font-weight: bold;
  margin: 10px 0;
}

.section-title .note {
	color:#ff5500;
}


/* ビジョン b c  */

.section-btitle {
	background-color: #e7f6ff ;
	border: solid 1px #ccccff ; 
	border-radius: 6px;
	text-align: center;
	color:#000000;
	padding: 30px 20px 20px 20px;
	margin: 0px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.section-btitle h3 {
  color: #007acc;
	margin: 0px;
}
.section-btitle .catchcopy {
  font-weight: bold;
  margin: 10px 0;
}

.section-btitle .note {
	color:#ff5500;
}


.section-ctitle {
	background-color: #ffffff ; 
	text-align: center;
	color:#000000;
	padding: 30px 20px 20px 20px;
	margin: 0px;
}

.section-ctitle h3 {
  color: #007acc;
	margin: 0px;
}

.section-ctitle .catchcopy {
  font-weight: bold;
  margin: 10px 0;
}

.section-ctitle .note {
	color:#ff5500;
}


/* ミッション */
.mission-block {
  text-align: center;
  padding: 40px 20px;
}
.mission-block h3 {
  color: #007acc;
}

/* バリュー */
.value-block h3 {
  text-align: center;
  color: #007acc;
}
.value-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  margin-top: 20px;
}
.value-card {
  flex: 1 1 260px;
  background: #e7f6ff;
  border-radius: 16px;
  padding: 20px;
  text-align: center;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}
.value-card .icon {
  font-size: 2rem;
  display: block;
  margin-bottom: 10px;
}
.value-card h4 {
  color: #004080;
  margin-bottom: 5px;
}

/* SDGs */
.sdgs-block h3 {
  text-align: center;
  color: #007acc;
}
.sdgs-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  margin-top: 20px;
}
.sdgs-card {
  flex: 1 1 250px;
  text-align: center;
}
.sdgs-card img {
  width: 100px;
  border-radius: 10px;
}
.sdgs-card p {
  margin-top: 10px;
  font-size: 0.95rem;
}



/* ===== スマEでフォームの余白を小さくすめE===== */
@media (max-width: 768px) {

  /* チEEブルを使ったフォームの余白調整 */
  .wp-block-table td,
  .wp-block-table th {
    padding: 4px 6px !important;  /* 上下左右の余白を小さくすめE*/
    line-height: 1.2 !important;
  }

  /* 吁Einput めEtextarea の縦幁E抑えめE*/
  .wp-block-table input[type="text"],
  .wp-block-table input[type="file"],
  .wp-block-table textarea {
/*     width: 100% !important;          スマE幁EっぱぁE調整 */
    box-sizing: border-box;
    margin: 4px 0 !important;        /* 下E空白を小さぁE*/
    padding: 8px !important;         /* 入力欁EE冁EEは適度に */
    line-height: 1.2 !important;
  }

  /* 送信ボタンの上下余白も調整 */
  .wp-block-table input[type="submit"] {
    margin: 8px auto !important;
    padding: 10px 12px !important;
  }

  /* チェチEボックス行E余白調整 */
  .wp-block-table input[type="checkbox"] {
    margin-right: 5px !important;
  }

  /* チEEブル冁EE斁EE行間を狭める */
  .wp-block-table td {
    font-size: 15px !important;      /* 少し小さめで見やすく */
  }
}
