@charset "UTF-8";
/*base.css */

/*Base setting_____________________________________*/
body {
	color:#000000;
	font:14px/1.6 "Noto Sans JP",Century Gothic,'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	overflow-x:hidden;box-sizing : border-box;}

html {scroll-behavior: smooth;}

/*header footer*/
header {
	width:100%;
	z-index:5;
	z-index: 9999}

footer {
	width:100%;
	z-index:1;
	background:#F4F6F8;
	bottom:0;
	font-size:85%;}

@media print, screen and (max-width: 1170px) {
body#secBd {margin-top:50px}
}
@media print, screen and (min-width: 768px) {
body#home {background:#fff;background-size:auto;}
}
@media print, screen and (max-width: 767px) {
body#home {background:#fff}
}

#PC_home .slider {overflow: hidden;margin:0 auto;text-align: center;width: 100vw !important;}
#PC_home .slider li img {height: auto;width: 100vw !important;}

@media print, screen and (min-width: 1044px) {
#PC_home {height: calc(auto - 100px);
  width: 100vw;margin: auto;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  top:-100px;
  margin-bottom: -100px;}
}

@media print, screen and (min-width:768px) and ( max-width:1043px) {
#PC_home {height:auto !important;
  width: 100vw;margin: auto;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  top:0px !important;}
}


@media print, screen and (min-width: 768px) {
@supports (-ms-ime-align: auto) {
.PC_home1 {position: absolute;top:176px;left:0;margin:0 7%}
.PC_home2 {position: absolute;left: 0;bottom:50px;line-height:0}
.PC_home3 {position: absolute;right: 0;bottom:134px;}
}

#SP_home {display: none}

.PC_home1 {position: absolute;top:276px;left:0;margin:0 7%}
.PC_home2 {position: absolute;left: 0;bottom:-50px;line-height:0}
.PC_home3 {position: absolute;right: 0;bottom:34px;}
.PC_home3 img {width:244px}
}
/*
@media print, screen and (max-width: 767px) {
#PC_home {display: none}
#SP_home {line-height:1;margin-top: 60px;z-index: 1;}
}*/
@media screen and (max-width: 767px) {
#PC_home {display: none}
#SP_home {line-height:1;margin-top: 60px;z-index: 1;}
}
@media screen and (min-width: 768px){
.br-sp {display: none; }
}
@media screen and (max-width: 767px){
.br-pc {display: none; }
}
@media print, screen and (min-width: 1044px) {
.br-tab {display: none; }
}
@media screen and (max-width: 767px) {
.br-tab {display: none; }
}
.zoom {display: flex;justify-content: flex-end}


/*header menu_____________________________________*/
header {/*display:table;*/font-size:0;line-height:0}
.hdlogo img {max-width: 327px; margin: 26px 28px}
.nA1 {padding-bottom:60px;font-size: 36px;}
.nA2 {padding-bottom:40px;font-size: 36px;}
.nA3 {padding-bottom:60px;font-size: 36px;display: flex}
.nA3 a {margin-left: 0;padding-left: 0}
.nA3 a i {color: #04943C;padding-left:0.5em}

.nA5 {padding-bottom:40px;font-size: 36px;display: flex;}
.nA5 a {margin-left: 0;padding-left: 0}
.nA5 a i {color: #04943C;padding-left:0.5em}

#gn8 {width:100px;height:100px;background:url(/images/gbg.png);text-align: center;}
#gn8 a {display:block;margin: auto;height: 100%}
#gn8 a img {padding-top:30px;}
#gn8 a span {display: block;padding-top:10px;color: #fff;font-size: 13px;}

#gn9 {width:85px;height:100px;text-align: center;}
#gn9 a {display:block;margin: auto;height: 100%}
#gn9 a img {padding-top:25px;width:22px;}
#gn9 a span {display: block;padding-top:10px;font-size: 12px;}

.pt2 {padding-top:2em}
.pt1_5 {padding-top:1.5em}
.pb1_5 {padding-bottom:1.5em}
.boxSdw10 {box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.31);}

/*layout_____________________________________*/
/*Wrap*/
.Wrap {display:table; height:100%;width:100%;max-width:1170px;margin: 0 auto;}
.Wrap section {display:table-cell; vertical-align:middle}

/*CntWrap*/
.CntWrap {display:table;/*  height:100%;height:100vh;*/ width:100%}
.CntWrap section {display:table-cell; vertical-align:middle}
.CntWrap section p { width:90%; margin:auto}


/*2nd*/

#LWrap {width: 73%;float: left}
#LWrap img {max-width: 100%;width: 100%}

#RWrap {width:20%;float: right}
#RWrap .RWrapG {width: 100%;background:#04943C;height:4em;color: #fff;font-size: 24px;display: flex;flex-direction:row;justify-content:center;align-items:center;}
#RWrap .RWrapG .RWrapH2 {margin:0}

@media (max-width: 767px) {
#LWrap {width: 100% !important;float: none}
#RWrap {display: none}
}

.RWrapNv li {border-bottom: 1px solid #c4c4c4;position: relative;}
.RWrapNv li a {display: block;font-size: 16px;padding: 1.5em 0.5em;}

.RWrapNv li a:after{
  content: '\f054';
  position: absolute;
  top:1.5em;
  right:0.5em;
  color: #04943C;
  font-size:16px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  z-index: -1;
}
 li.RWrapNvS a:after {
  content: '\f054';
  position: absolute;
  top:1.5em;
  right:0.5em;
  color: #6D6F73;
  font-size:16px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  z-index: -1;
}
.RWrapNv li.RWrapNvS {padding-left:2em}
.Nvactive {background: rgba(0,0,0,0.04);}


#secBd main {margin-bottom: 200px;height: 100%}
#secBd .container {width: 100%;}

#secBd main p a {color:#04943C}
.green {color:#04943C}
.pankuzu {padding:2em 0 1em;font-size: 13px;color: #666}

@media print, screen and (max-width: 767px) {
.pankuzu {font-size: 11px}
}

#secLine {border-top: 1px solid #C4C4C4;margin-bottom:-1px;height: 1px}

#secBd main h1.mainH1 {font-size: 36px;font-weight: bold; padding:0.8em 0;border-bottom:1px solid #C4C4C4;margin-bottom:0.5em}
#secBd main h2.mainH2 {font-size: 32px;font-weight: bold;padding: 1em 0;border-bottom:1px solid #04943C;margin-bottom:1em}
#secBd main h2.mainH2 span{font-size: 22px;font-weight: bold;}
#secBd main h3.mainH3 {font-size:20px;font-weight: bold;padding:0.2em 0 0.2em 1em;margin-bottom:1em;border-left:4px solid #04943C}
#secBd main h3.mainH3r {font-size:24px;font-weight: bold;padding:0.2em 0 0.2em 1em;margin-bottom:1em;border-left:4px solid #04943C}
#secBd main h4.mainH4 {font-size:16px;font-weight: bold;color:#04943C; padding:0.5em 0;margin-bottom:1em;}
#secBd main h4.mainH4 a {color: #04943C}
#secBd main h4.mainH4 a:hover {color: rgba(4, 148, 60, 0.7); /* 0.7 = 70% 不透明 = 30% 薄く */}
#secBd main p {font-size: 16px;line-height:1.8}
.mb05em {margin-bottom:0.5em;}
.mb1em {margin-bottom: 1em;}
.mb2em {margin-bottom: 2em;}
.mb3em {margin-bottom: 3em;}
.mb4em {margin-bottom: 4em;}
.mb5em {margin-bottom: 5em;}
.mt1em {margin-top: 1em;}
.mt2em {margin-top: 2em;}
.mt3em {margin-top: 3em;}
.mt5em {margin-top: 5em;}
.mt7em {margin-top: 7em;}
.mt10em {margin-top: 10em;}

@media print, screen and (max-width: 767px) {
#secBd main h1.mainH1 {font-size:24px;}
#secBd main h2.mainH2 {font-size:20px;}
#secBd main h2.mainH2 span{font-size: 16px;}
#secBd main h3.mainH3 {font-size:18px;}
#secBd main h3.mainH3r {font-size:20px;}
#secBd main h4.mainH4 {font-size:16px;}
}

table.thG {width: 100%;}
table.thG th {background:#6D6F73;border: 1px solid #fff;text-align:left ;color: #fff; width: 25%}
table.thG td {border: 1px solid #6D6F73;}
table.thG td a {color: #04943C;text-decoration:underline;}
table.thG td.tdG {background:#979797;border: 1px solid #fff;color: #fff; width: 25%}
table.thG th,table.thG td {padding: 1em;}

.flexWrap {display: flex;flex-wrap: wrap;justify-content: space-between}
.thum3Box {width: calc((100% / 3) - 18px);padding: 15px;border: 1px solid #D9DBDD;box-sizing: border-box;border-radius: 8px;margin-right: 18px; margin-bottom: 18px}
.thum3Box h3 {color: #04943C;font-weight: bold;}
.thum3Box p {font-size: 13px}
.thum3Box img {margin: 1em 0}

@media print, screen and (min-width: 768px) {
.thum3Box img {max-width:264px !important;width: 100%;height: auto;}
.thum3Box:last-child {margin-right:0;}
}

@media print, screen and (max-width: 767px) {
.flexWrap {max-width: calc(767px - 10%);}
.thum3Box {width: calc((100% / 2) - 9px);}
.thum3Box:nth-child(even) {margin-right:0;}
}
@media (max-width: 480px) {
.thum3Box {width:100%;margin-right:0;}
.thum3Box img {max-width:100%;width: 100%;eight:100%;}
}

.fcH2 {background:#F4F6F8;width:calc(100% - 24px);margin-bottom:1em;position: relative;padding: 12px;}
.icon_fc {width: 50px !important;height: 50px !important; position: absolute;top:12px;left: 12px;}
.fcH2Inr {height: 50px;padding-left:65px;}
.fcH2Inr h2 {color: #04943C;font-size: 16px;}
.fcH2Inr h3 {font-size: 16px;}

.cr::after {
	display: block;
	clear: both;
	content: "";
}


/*　旧サイトのcss　*/
.red, .error_coution {
	color:#F00;
}
.Right {
	text-align:right;
}
.Center {
	text-align:center;
}
.FloR {
	float:right
}
.FloL {
	float:left
}
.Clear {
	clear:both
}
.boxcenter {
	margin: 0 auto
}
.f11 {
	font-size:11px;
	line-height:150%;
}
.f12 {
	font-size:12px;
}
.f14 {
	font-size:14px;
	line-height:160%;
}
.f15 {
	font-size:15px;
}
.f20 {
	font-size:20px;
}
.Ma10 {
	margin:10px
}
.MaR10 {
	margin-right:10px
}
.MaR20 {
	margin-right:20px
}
.MaR35 {
	margin-right:35px
}
.MaL4 {
	margin-left:4px
}
.MaL10 {
	margin-left:10px
}
.MaL15 {
	margin-left:15px
}
.MaL20 {
	margin-left:20px
}
.MaL25 {
	margin-left:25px
}
.MaL35 {
	margin-left:35px
}
.MaT200 {
	margin-top:200px
}
.MaT-1em {
	margin-top:-1em;
}
.MaT-2em {
	margin-top:-2em;
}
.MaT-3em {
	margin-top:-3em;
}
.MaT0 {
	margin-top:0px !important;
}
.MaT5 {
	margin-top:5px
}
.MaT10 {
	margin-top:10px
}
.MaT15 {
	margin-top:15px
}
.MaT20 {
	margin-top:20px
}
.MaT25 {
	margin-top:25px
}
.MaT40 {
	margin-top:40px
}
.MaT70 {
	margin-top:70px
}
.MaB2 {
	margin-bottom:2px
}
.MaB5 {
	margin-bottom:5px
}
.MaB10 {
	margin-bottom:10px
}
.MaB15 {
	margin-bottom:15px
}
.MaB20 {
	margin-bottom:20px
}
.MaB30 {
	margin-bottom:30px
}
.MaB40 {
	margin-bottom:40px
}
.MaB50 {
	margin-bottom:50px
}
.MaB60 {
	margin-bottom:60px
}
.Pa5 {
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
}
.Pa10 {
	padding:10px;
}
.Pa20 {
	padding:20px;
}
.PaT10 {
	padding-top:10px;
}
.PaTB10 {
	padding-top:10px;
	padding-bottom:10px;
}
.PaTB20 {
	padding-top:20px;
	padding-bottom:20px;
}
.PaB5 {
	padding-bottom:5px;
}
.PaB1em {
	padding-bottom:1em;
}
.PaLR10 {
	padding-left:10px;
	padding-right:10px;
}
.PaLR20 {
	padding-left:20px;
	padding-right:20px;
}
.PaLR25 {
	padding-left:25px;
	padding-right:25px;
}
.Pa12 {
	padding:12px;
}
.PaR6 {
	padding-right:6px;
}
.PaL10 {
	padding-left:10px;
}
.PaL20 {
	padding-left:20px;
}
.PaL30 {
	padding-left:30px;
}
.PaL70 {
	padding-left:70px;
}

/*リリース後追加_____________________________________*/

ul.privacy_ul {
	padding:0 1em 1em 3em;
}
ul.privacy_ul li {
	list-style-type:disc !important;
}
ul.nomal_ul {
	padding:0.5em 1em 1.5em 2.5em;
    font-size:16px;
}
ul.nomal_ul li {
	list-style-type:disc !important;
	padding:0.5em 0 0;
}
/*flexbox*/
.flex_torikumi-box {
    padding:  10px;             /* 余白指定 */
    display: flex;              /* フレックスボックスにする */
    flex-wrap: wrap;            /* 折り返し指定 */
}
 
.flex_torikumi-item {
    padding: 10px;
    margin:  10px;              /* 外側の余白 */
    text-align:  center;        /* 文字中央揃え */
    max-width: 365px;
}
.flex_showroom-box {
    padding:  10px;             /* 余白指定 */
    display: flex;              /* フレックスボックスにする */
    flex-wrap: wrap;            /* 折り返し指定 */
}
 
.flex_showroom-item {
    padding: 10px;
    margin:  10px;              /* 外側の余白 */
    text-align:  left;        /* 文字中央揃え */
}
.flex_cata-box {
    padding:  0px;             /* 余白指定 */
    display: flex;              /* フレックスボックスにする */
    flex-wrap: wrap;            /* 折り返し指定 */
} 
.flex_cata-item {
    margin:  10px 1.5em 30px 0;     /* 外側の余白 */
    text-align: left;        /* 文字左揃え */
    width: 30%;
}
.flex_cata-item h4 {
    font-size:15px;
    font-weight: bold;
    color:#04943C;
     padding:0.5em 0 0.2em;
 }
.flex_cata-item p {
    font-size: 13px !important;
}
@media (min-width:768px) and (max-width:1150px) {
.flex_cata-item h4 {
    font-size:14px;
 }
.flex_cata-item p {
    font-size: 12px !important;
 }
}
@media screen and (max-width: 767px) {
 .flex_cata-item {
    margin:  10px 1.5em 20px 0;     /* 外側の余白 */
    width: 43%;
 }
.flex_cata-item h4 {
    font-size:14px;
 }
.flex_cata-item p {
    font-size: 12px !important;
 }
}
.kdmrWh {
	background: #fff;
	padding: 6px 10px;
	margin-bottom:5px;
	border-radius:6px;
	-webkit-border-radius:6px;	/* Safari,Google Chrome用 */
	-moz-border-radius:6px;	/* Firefox用 */
}
.kdmrGr {
	background: #F4F4F4;
	padding: 6px;
	margin-bottom:5px;
	border-radius:6px;
	-webkit-border-radius:6px;	/* Safari,Google Chrome用 */
	-moz-border-radius:6px;	/* Firefox用 */
}
.kdmrtype1 {
	padding:10px 20px;
	line-height:180%;
	margin:10px 10px 25px 10px;
}
.kdmrtype2 {
	padding:10px 20px;
	line-height:180%;
}
.SecArea {display: flex;flex-wrap: wrap;justify-content: space-between;line-height: 1;}
.sdBox {background:#fff;width: 47%;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.31);}
.rec-tx1 p.tSct1{font-size: 22px !important;;padding:25px 2px !important;}
.rec-tx2 p.tSct1{font-size: 18px !important;;padding:15px 2px !important;}
p.tSct1 {font-weight: bold;text-align: center;color: #04943C}
p.tSct1 i{padding-left:0.4em}
@media print, screen and (max-width: 767px){
.SecArea {display: flex;flex-direction: column;flex-wrap: wrap;}
.sdBox {width: 100%;margin-bottom: 1em}
.rec-tx1 p.tSct1 {font-size: 16px !important;}
.rec-tx2 p.tSct1 {font-size: 15px !important;}
}
@media print, screen and (max-width:480px){
.rec-tx1 p.tSct1 {font-size: 15px !important;}
.rec-tx2 p.tSct1 {font-size: 15px !important;}
}
.blackH3 {font-size:20px; font-weight:bold; padding:0.5em 0; !important;}

.iframe-wrap {
  position: relative;
  width: 100%;
  padding-top: 50%; /* = height ÷ width × 100 */
}
.iframe-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*-- TOPお知らせ赤囲い --*/
.top_info {
	color: #FF0000;
	border: 2px solid #FF0000;
	padding: 10px;
	margin: 15px 20px 15px 15px;
}

.top_info a {
	color:#FF0000;
}
/*-- TOPお知らせ緑囲い --*/
.top_info_g {
	border: 2px solid #04943C;
	padding: 10px;
	margin: 15px 20px 15px 15px;
}

/*-- 長いアドレス折り返し--*/
.longurl{word-break: break-all;
}
.kaigyou {
word-wrap: break-word; 
}

/*PCで無効*/
.pc_hid{
    display: none;
}
/*スマートフォンで有効*/
@media screen and (max-width:768px) {
    .pc_hid{
        display: block;
    }
}

/*背景グレー掛け*/
.bgcolorgr {
  background-color: #f5f5f5;
}

/*新製品youtube*/
.youtube_new {
	width: 90%; /* 横幅変更 */
	box-sizing: border-box;
	display: block;
	margin: 0 auto 60px;
}

.youtube_new .inner {
	padding-top: 56.25%;
	position: relative;
	height: 0;
	overflow: hidden;
}

.youtube_new .inner iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*SR改修_____________________________________*/
/*SR関連オレンジバナー*/
.buttonOR a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 1em 2em;
  width: 300px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  background-color: #fe8201;
  border-radius: 50vh;
}

.buttonOR a::after {
  content: '';
  width: 5px;
  height: 5px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(45deg);
}

.buttonOR a:hover {
  text-decoration: none;
  background-color: #f6a858;
}

.buttonOR2 a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 1em 2em;
  width: 160px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  background-color: #fe8201;
  border-radius: 50vh;
}

.buttonOR2 a::after {
  content: '';
  width: 5px;
  height: 5px;
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(45deg);
}

.buttonOR2 a:hover {
  text-decoration: none;
  background-color: #f6a858;
}

.buttonOR3 a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 1em 2em;
  width: 220px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  background-color: #fe8201;
  border-radius: 50vh;
}

.buttonOR3 a::after {
  content: '';
  width: 5px;
  height: 5px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(45deg);
}

.buttonOR3 a:hover {
  text-decoration: none;
  background-color: #f6a858;
}
.attention {
	color:#FF0000;
}
/*progetto270作成_____________________________________*/
.box01{
  display: flex;   
  justify-content: center;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 4em auto 3em;
  row-gap:3em;/* 行と行の間(縦方向)の余白 */
}
 .item001 {
   max-width: 450px;
   margin: .5em 3em;
   text-align: center; 
 }
 .item002 {
   max-width: 300px;
   margin: .5em 1.5em;
   text-align: center; 
 }
 .item002 h3{
   font-size:1.4em;
   font-weight: bold;
   color: #555555; 
   margin: 0 auto .5em;
 }
  .item002 h4{
   font-size:1.2em;
   font-weight: bold;
   color: #555555; 
   margin: .5em auto;
 }  
  .item002 p{
  text-align: left; 
 } 
  .item003 {
   max-width: 360px;
   margin: .5em 1.5em;
   text-align: center; 
 } 
  .item004 {
   max-width: 240px;
   margin: .5em 1em;
   text-align: center; 
 }
 .item004 h3{
   font-size:1.4em;
   font-weight: bold;
   color: #555555; 
   margin: 0 auto .5em;
 }
  .item004 h4{
   font-size:1.2em;
   font-weight: bold;
   color: #555555; 
   margin: .5em auto;
 }  
  .item004 p{
  text-align: left; 
 } 
 .bgcolor_pg {
  background-color: #fdf7f8;
  padding: 2em 2em;
  margin-bottom: 2em;
}
 .bgcolor_gr {
  background-color: #f5f5f5;;
  padding: 2em 3em;
  margin-bottom: 2em;
}
 .bgcolor_gr2 {
  background-color: #f5f5f5;;
  padding: 2em 1em;
  margin-bottom: 2em;
}
.prog_H2 {
  font-family: 'Josefin Sans', sans-serif;
  font-size:1.9em; 
  color: #222222; 
  text-align: center; 
  margin: 1em auto;
}
.prog_H3 {
  font-size:1.2em;
  font-weight: bold;
  color: #555555; 
  text-align: center; 
  margin: 3em auto .5em;
}
table.thP {width: 75%;margin: 0 auto; }
table.thP th {background:#8f8989;border: 1px solid #fff;text-align:left; vertical-align:middle; color: #fff; width: 25%}
table.thP td {background:#ffffff;border: 1px solid #8f8989;}
table.thP th,table.thP td {padding: 1em;}

table.thP2 {width: 85%;margin: 0 auto; }
table.thP2 th {background:#fff;border: 1px solid #8f8989;text-align:left ; font-weight:normal; width: 25%}
table.thP2 td {background:#ffffff;border: 1px solid #8f8989;}
table.thP2 th,table.thP2 td {padding: 1em;}

.btn_02 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 13em;
	margin: auto;
	padding: 1rem 1rem;
	font-weight: bold;
	font-size:1.2em; 
	border: 2px solid #403b3b;
	background: #403b3b;
	color: #fff;
	transition: 0.5s;
}
a.btn_02:hover {
	color: #403b3b;
	background: #fff;
}
a.btn_03 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 18.5em;
	margin: auto;
	padding: 1rem .5rem;
	font-weight: bold;
	font-size:1em; 
	border: 2px solid #04943C;
	background: #04943C;
	color: #fff;
	transition: 0.5s;
}
a.btn_03:hover {
	color: #04943C;
	background: #fff;
}
.imgbrand{
	width: 85%
}
@media screen and (max-width: 767px) {
 table.thP {width: 90%; }
 table.thP2 {width: 90%; }
  .bgcolor_pg {
   padding: 1em .5em;
 }
  .bgcolor_gr {
   padding: 1em .5em;
 }
  .imgbrand{
	width: 90%
}
}
/*関東大震災100年作成_____________________________________*/
table.thKT {margin: 3em auto; font-size:0.9em; table-layout: fixed; width: 100%;}
table.thKT th {background:#8e8e8e;border: 1px solid #fff;text-align:center ;color: #fff;}
table.thKT td {background:#ffffff;border: 1px solid #8e8e8e;}
table.thKT td:nth-of-type(1) {background:#ebebeb;border: 1px solid #8e8e8e;}
table.thKT th,table.thKT td {padding: 1em;}
caption {
  caption-side: bottom; /* 下に */
  margin-top: 0.5em; /* 上の隙間 */
  text-align: left; /* 左 */
  color: #666666; /* 文字色 */
  font-size: 0.8em;
}
.boxanchor{
  display: flex;   
  justify-content: center;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 1.5em auto;
}
.box02{
  display: flex;   
  justify-content: center;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 2em auto 1.5em;
}
.box03{
  display: flex;   
  justify-content: space-around;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 2em auto 1.5em;
}
 .item-chrono {
   max-width: 380px;
   margin: 1em auto 0;
   text-align: left; 
 }
 .item-txt {
   max-width: 580px;
   margin: 0 auto;
   text-align: left; 
 }
  .item-txt2 {
   max-width: 400px;
   margin: 1em auto 0;
   text-align: left; 
 }
 .item-graph {
   max-width: 500px;
   margin: 0 auto;
   text-align: left; 
 }
  .item-exp {
   max-width: 420px;
   margin: 0 auto;
   text-align: center; 
 }
  .item-movie {
   max-width: 650px;
   margin: 0 auto;
   text-align: center; 
 }
   .item-bnr {
   max-width: 330px;
   margin: 1.5em auto;
   text-align: center; 
 }
 .point_3 {
   max-width: 950px;
   margin: 1em auto 2em;
 }
 .KT_H2 {
  font-size:2.1em; 
  color: #444444; 
  text-align: center; 
  margin: 2.5em auto 1em;
}
 .KT_H3 {
  font-size:1.5em;
  font-weight: bold;
  color: #04943c; 
  text-align: center; 
  margin: 1em auto 1em;
}
 .KT_H4 {
  font-size:1.2em;
  font-weight: bold;
  text-align: center; 
  margin: 1em auto .5em;
}
 .KT_H5 {
  font-size:1.2em;
  font-weight: bold;
  text-align: center; 
  margin: 1em auto 1.5em;
}
 .bgcolor_grKT {
  background-color: #F7F7F7;
  padding: .1em 3em .8em;
  margin-bottom: 3em;
}
 .bgcolor_anchor {
  background-color: #f6f5f0;
}
.KT_tel {
  max-width:300px;
  margin: 1.5em auto 1em;
}
.KT_tel-txt {
  text-align: center; 
}
a.btn_04 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 19em;
	margin: 2em auto 1em;
	padding: .5rem .5rem;
	font-weight: bold;
	font-size:1em; 
	border: 2px solid #04943C;
	background: #04943C;
	color: #fff;
	transition: 0.5s;
}
a.btn_04:hover {
	color: #04943C;
	background: #fff;
}
a.btn_05 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 18.5em;
	margin: auto;
	padding: 1rem .5rem;
	font-weight: bold;
	font-size:1.1em; 
	border: 2px solid #04943C;
	background: #04943C;
	color: #fff;
	transition: 0.5s;
}
a.btn_05:hover {
	color: #04943C;
	background: #fff;
}
a.btn_06 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 18.5em;
	margin: auto;
	padding: 1rem .5rem;
	font-weight: bold;
	font-size:1.1em; 
	border: 2px solid #403b3b;
	background: #403b3b;
	color: #fff;
	transition: 0.5s;
}
a.btn_06:hover {
	color: #403b3b;
	background: #fff;
}
a.btn_07 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 18.5em;
	margin: auto;
	padding: 1rem .5rem;
	font-weight: bold;
	font-size:1.1em; 
	border: 2px solid #f07c00;
	background: #f07c00;
	color: #fff;
	transition: 0.5s;
}
a.btn_07:hover {
	color: #f07c00;
	background: #fff;
}
a.btn_anchor {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 13em;
	height: 3em;
	margin: auto;
	padding: .5rem 1rem;
	border: 2px solid #f6f5f0;
	background: #f6f5f0;
}
a.btn_anchor:hover {
	background: #fff;
}
.youtube__aspect-ratio {
    width: 100%;
    aspect-ratio: 16 / 9;
}
.youtube__aspect-ratio iframe {
    width: 100%;
    height: 100%;
}
.youtube_wrap{
    padding-top: 56.25%;
    width: 100%;
    position: relative;
}
 
.youtube_wrap iframe{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

@media screen and (min-width: 768px) {
.SP-img{
    display: none !important;
 }
}

@media screen and (max-width: 767px) {
 table.thKT {width: 85%; font-size:0.7em;}
  .bgcolor_grKT {
   padding: .1em 1em .8em;
 }
  .PC-img{
   display: none !important;
 }
  .KTbnr{
max-width:100%;
}
}
/*グッドデザイン賞_____________________________________*/
ul.secBtn2 {display: flex;justify-content: flex-start;}
ul.secBtn2 li {width : calc(33% - 40px);margin:0.4em 1.5em 0.4em 0;position: relative;padding:5px 10px;display: block;border-radius: 8px;border: 0.8px solid #04943C; transition: background-color 0.2s ease;}
ul.secBtn2 li a {width: 100%;height: 100%}
ul.secBtn2 li.active {width : calc(33% - 42px);background: #04943C;border: 2px solid #04943C;}
ul.secBtn2 li.active h2 {color: #fff;}
.icon_secBtn2 {width: 60px !important;height: 60px !important;position: absolute;top:5px;left:10px;}
.secBtn2Inr {height: 60px;padding-left: 70px;display: flex;align-items: center;}
.secBtn2Inr h2 {color: #04943C;font-size: 14px;margin: 0;padding-top: 0; transition: color 0.2s ease;}

/* active以外のボタンにホバー */
@media (hover: hover) {
  ul.secBtn2 li:not(.active):hover {background: #E8F5ED;}
  ul.secBtn2 li:not(.active):hover h2 {color: #006B2B;}
}

@media (min-width:850px) and (max-width:1170px) {
.secBtn2Inr h2 {font-size: 13.5px;}
}
@media (min-width:768px) and (max-width:849px) {
.secBtn2Inr h2 {font-size: 13px;}
}
@media print, screen and (max-width: 767px) {
ul.secBtn2 {flex-direction: column;}
ul.secBtn2 li {width : calc(100% - 30px);padding:5px 10px;}
ul.secBtn2 li.active {width : calc(100% - 32px)}
.icon_secBtn2 {width: 50px !important;height: 50px !important;position: absolute;top:5px;left:10px;}
.secBtn2Inr {height: 50px;padding-left:62px;}
.secBtn2Inr h2 {font-size: 13px;}
}
.youtube2 {
	width: 80%; /* 横幅変更 */
	box-sizing: border-box;
	display: block;
	margin: 10px auto 20px;
}
.youtube2 .inner {
	padding-top: 56.25%;
	position: relative;
	height: 0;
	overflow: hidden;
}
.youtube2 .inner iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media screen and (max-width: 767px) {
 .youtube2 {
 	width: 95%; /* 横幅変更 */
 }
}
.manga_img {
   width: 486px;
}
@media screen and (max-width: 767px) {
 .manga_img {
 	width: 95%;
 	max-width: 486px;
    margin: 0 auto;
 }
}
.momonokidoor_img {
   width: 700px;
   margin: 2em auto 3em;
}
@media screen and (max-width: 767px) {
 .momonokidoor_img {
 	width: 95%;
    margin: 1em auto 1.5em;
 }
}
.momonokilever_img {
   width: 480px;
   margin: 0 auto 1em;
}
@media screen and (max-width: 767px) {
 .momonokilever_img {
 	width: 95%;
 	max-width: 480px;
    margin: 0 auto 1em;
 }
}
.momonokipj_img {
   width: 500px;
   margin: 2em auto 4em;
}
@media screen and (max-width: 540px) {
 .momonokipj_img {
 	width: 95%;
    margin: 1em auto 1.5em;
 }
}
.momonokipj2_img {
   width: 700px;
   margin: 1.5em auto 1em;
}
@media screen and (max-width: 700px) {
 .momonokipj2_img {
 	width: 95%;
    margin: 0.8em auto 0.5em;
 }
}
.font-small{
  font-size: 0.85em !important;
  color: #565656;
}

/*新製品_____________________________________*/
.box04{
  display: flex;   
  justify-content: space-around;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 2em auto 3em;
}
/*ECバナー欄作成240930_______________________________*/
a.btn_08 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 310px;
	margin: auto;
	padding: 1rem 2rem;
	font-weight: bold;
	font-size: 18px;
	background: #04943C;
	color: #fff;
	transition: 0.5s;
	border-radius: 120vh;
	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
}
a.btn_08:hover {
	color: #fff;
	opacity: 0.5;
}
@media (max-width: 1170px) {
 a.btn_08 {
 	 width: 270px;
	 font-size: 15px;
	 padding: .9rem 1.5rem;
 }
}
@media (max-width: 767px) {
 a.btn_08 {
 	 width: 230px;
	 font-size: 13px;
	 padding: .8rem 1.3rem;
 }
}
a.btn_09 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 310px;
	margin: auto;
	padding: 1rem 2rem;
	font-weight: bold;
	font-size: 18px;
	background: #403b3b;
	color: #fff;
	transition: 0.5s;
	border-radius: 120vh;
	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
}
a.btn_09:hover {
	color: #fff;
	opacity: 0.5;
}
@media (max-width: 1170px) {
 a.btn_09 {
 	 width: 270px;
	 font-size: 15px;
	 padding: .9rem 1.5rem;
 }
}
@media (max-width: 767px) {
 a.btn_09 {
 	 width: 230px;
	 font-size: 13px;
	 padding: .8rem 1.3rem;
 }
}
.btn_icon{
	height: 36px;
	margin-top: 0px;
	margin-bottom: 0px;
}
@media (max-width: 1170px) {
 .btn_icon{
	 height: 33px;
 }
}
@media (max-width: 767px) {
 .btn_icon{
	 height: 30px;
 }
}
/*桃の木PJ作成241015_______________________________*/
.momopjtitle {
   width: 450px;
   margin: 1em auto;
}
@media screen and (max-width: 767px) {
 .momopjtitle {
 	width: 95%;
 	max-width:450px
    margin: 2em auto 2em;
 }
}
.momopjtxt {
	text-align: center;
}
@media screen and (max-width: 767px) {
 .momopjtxt {
 	text-align: left;
 }
}
.momopjlogo {
   width: 400px;
   margin: 2em auto 2.5em;
}
@media screen and (max-width: 767px) {
 .momopjlogo {
 	width: 95%;
 	max-width:400px
    margin: 2em auto 3em;
 }
}
 .momopj_H2 {
  font-size:2.2em; 
  color: #565656; 
  text-align: center; 
  margin: 2.5em auto 0em;
}
 .momopj_H3 {
  font-size:1.3em;
  font-weight: bold;
  color: #04943c; 
  text-align: center; 
  margin: 0em auto 1em;
}
table.thmo {margin: 3em auto 2em; font-size:0.9em; table-layout:fixed; width:75%;}
table.thmo th {background:#fff;border: 1px solid #8e8e8e; padding: 1em; width: 35%; text-align:left; font-weight:normal; }
table.thmo td {background:#fff;border: 1px solid #8e8e8e; padding: 1em;}
table.thmo2 {width: 90%;margin: 3em auto 2em;}
table.thmo2 th {background:#fff;border: 1px solid #8e8e8e; padding: 1em; width: 25%; text-align:left; font-weight:normal; }
table.thmo2 td {background:#fff;border: 1px solid #8e8e8e; padding: 1em;}
table.thmo2 td a {color: #04943C;text-decoration:none;}
@media screen and (max-width: 767px){
 table.thmo {width:95%;}
}
@media screen and (max-width: 767px){
 table.thmo2 {width:95%; font-size:0.9em;}
}
 .bgcolor_mo {
  background-color: #faf9f7;
  padding: .1em 2em 2em;
  margin-bottom: 3em;
}
@media screen and (max-width: 767px){
  .bgcolor_mo {
   padding: .1em .8em 2em;
 }
}
a.btn_mo1 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 18em;
	margin: auto;
	padding: 1rem 0.5rem;
	font-weight: bold;
	font-size:1.1em; 
	border: 2px solid #4b4a4b;
	background: #4b4a4b;
	color: #fff;
	transition: 0.5s;
	border-radius:5px;
	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
}
a.btn_mo1:hover {
	color: #fff;
	opacity: 0.5;
}
a.btn_mo2 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 18em;
	margin: auto;
	padding: 1rem 0.5rem;
	font-weight: bold;
	font-size:1.1em; 
	border: 2px solid #fca089;
	background: #fca089;
	color: #fff;
	transition: 0.5s;
	border-radius:5px;
	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
}
a.btn_mo2:hover {
	color: #fff;
	opacity: 0.5;
}

/*GD賞200510_______________________________*/
 .GD_H3 {
  font-size:1.9em;
  font-weight: bold;
  color: #343434;
  text-align: left; 
  margin: 1em auto 0em;
}
 .GD_H4 {
  font-size:1.5em;
  font-weight: bold;
  color: #343434;
  text-align: left; 
  margin: 0.5em auto 1em;
}
 .GD_bnr {
  display: block;
  width: 100%;    
  height: auto; 
  margin: 1.5em auto 1.5em;
}
/*イベント欄カテゴリ_______________________________*/
.cat_events {
border: 1px solid #4F4F4F;
padding: 5px 10px;
margin: 5px 0;
display: inline-block;
font-size: 14px;
color: #4F4F4F;
}

/*イベント_Japanshop2026_______________________________*/
.japanshop_logo {
   max-width: 480px;
   margin: 3em auto 2em;
}
 .japanshop_H2 {
  font-size:2.8em;
  font-weight: 800;
  color: #343434;
  text-align: center; 
  margin: 1em auto 1em;
}

 .japanshop_H3 {
  font-size:2em;
  font-weight: bold;
  color: #00973d;
  text-align: center;
  width: fit-content; 
  margin: 1em auto;
  border: 1px solid #00973d;
  padding: 0.5em 1em; 
}

 .bgcolor_japanshop {
  background-color: #00973d;
  padding: 1em 1em;
  margin-bottom: 2em;
}
 .japanshop_H4 {
  font-size:1.6em;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  margin: 1em auto 1em;
}
.box05{
  display: flex;   
  justify-content: center;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 2em auto 1.5em;
}
 .item005 {
   max-width: 240px;
   min-width: 240px;
   margin: 0.5em 0.5em;
   text-align: center; 
  border: 0.5px solid #e0e0e0;
  padding: .8em .7em;          /* ★狭い領域なら控えめに */
  background: #fafafa;         /* 任意 */
}
  .item005 h3{
   font-size:2.3em;
   font-weight: 500;
   color: #2454545;
   margin: 0 0 0.5em;
  line-height: 1.2;
  min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.item005 h3 img{
  height: 42px;
  width: auto;
  max-width: 100%;  
  object-fit: contain;          /* ★保険 */
  display: block;
}
 .item005 h4{
   font-size:1.3em;
   font-weight: 600;
   color: #555555; 
   margin: 0;
   line-height: 1.25;              /* 2行想定の行高 */
   min-height: calc(1.25em * 2);   /* ★2行分の高さを最低確保 */
   display: flex;
   align-items: center;            /* ★1行の時は上下中央に */
   justify-content: center;
   text-align: center;
}
  .item005 p{
  text-align: center;
   font-size:0.8em;
   border-top: 1px dashed #cfcfcf;
   padding-top: .7em;
   width: 95%;
  line-height: 1.8;        /* ★読みやすさも含めて */
  min-height: calc(1.8em * 4);
}
 .bgcolor_japanshop_g {
  background-color: #dedede;
  padding: 1.5em 1em;
}

table.thjapanshop {margin:2em auto 1em;}
table.thjapanshop th {background:#565656;border:10px solid #fff;color: #fff;font-size:1.2em;width:22%;font-weight:bold}
table.thjapanshop td {font-size:1.6em;font-weight: 700}
table.thjapanshop th,table.thjapanshop td {padding: 0.7em;}

.thjapanshop .small{
  font-size: 0.7em;
  font-weight: 600;
}
.thjapanshop .red{
  color: #d60000;
}
@media screen and (max-width: 767px) {
table.thjapanshop th {border:5px solid #fff;font-size:1em;width:28%;font-weight:bold;vertical-align:middle}
table.thjapanshop td {font-size:1.2em;vertical-align:middle}
}
 
@media screen and (min-width: 768px){
.br-sp {display: none; }
}

/*GD賞ボタン追加_______________________________*/
.Gbtn2 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
}

.Gbtn2 a {
  position: relative;
  display: inline-block;
  min-width: 280px;
  padding: 1em 2.5em 1em 2em;
  border: 2px solid #04943C;
  background: #04943C;
  color: #fff;
  font-weight: 900;
  font-size: 18px;
  text-align: center;
  text-decoration: none;
  transition: all .3s;
  border-radius: 50px;
  box-sizing: border-box;
}

.Gbtn2 a::after {
  position: absolute;
  top: 50%;
  right: 1em;
  transform: translateY(-50%);
  font-family: "Font Awesome 5 Free";
  content: '\f105';
  font-weight: 900;
  transition: all .3s;
}

.Gbtn2 a:hover {
  background: #fff;
  color: #04943C;
}

/* 2つ目のボタン */
.Gbtn2 a.Gbtn3 {
  border-color: #403b3b;
  background: #403b3b;
  color: #fff;
}

.Gbtn2 a.Gbtn3:hover {
  background: #fff;
  color: #403b3b;
}

/* スマホ */
@media screen and (max-width: 767px) {
  .Gbtn2 {
    flex-direction: column;
    gap: 15px;
  }

  .Gbtn2 a {
    width: 100%;
    max-width: 360px;
    font-size: 16px;
  }
}

/* PC画像＋SPヘッダーの中間幅での表示調整 */
@media screen and (min-width: 1044px) and (max-width: 1170px) {
    #PC_home {
        top: 0 !important;
        margin-bottom: 0 !important;
    }
}

/* 2026GD賞 */
.topics1_img {
    width: 100%;
    max-width: 420px;
   margin: 1em auto 2em;
}
.topics1_img img {
    display: block;
    width: 100%;
    height: auto;
}
@media screen and (max-width: 420px) {
 .topics1_img {
 	width: 95%;
    margin: 1em auto 1em;
 }
}
.topics2_img {
    width: 100%;
    max-width: 750px;
    margin: 2em auto 1em;
}

.topics2_img img {
    display: block;
    width: 100%;
    height: auto;
}
@media screen and (max-width: 750px) {
    .topics2_img {
        width: 95%;
        margin: 1em auto;
    }
}