@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Noto+Serif+JP:wght@400;700&display=swap');


/* Global ----------------------------------------------------------------- */
html {
	font-size: 14px;
	width: 100%;
	height: 100%;
	line-height: 1.8em;
}

body {
	min-width: auto;
	color: rgba(34,34,34,1.0);
	font-family: 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;

	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	font-feature-settings: 'liga';
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,1.0);
	position: relative;
}

a:link,
a:visited {
	color: rgba(34,34,34,1.0);
	text-decoration: none;
	vertical-align: baseline;
}
a:hover {
text-decoration: none;
color: rgba(0,0,0,1.00);
}

.sp-on {
	display: inline-block;
}
.pc-on {
	display: none;
}

.sp-onblock {
	display: block;
}
.pc-onblock {
	display: none;
}

.sp-on1200 {
	display: inline-block !important;
}
.pc-on1200 {
	display: none !important;
}
.sp-onbl1200 {
	display: block !important;
}
.pc-onbl1200 {
	display: none !important;
}

.sp-br {
	display: inline-block;
}
.pc-br {
	display: none;
}



@media print, screen and (min-width: 375px) {

}

@media print, screen and (min-width: 768px) {
.sp-br {
	display: none;
}
.pc-br {
	display: inline-block;
}
.sp-on {
	display: none;
}
.pc-on {
	display: inline-block;
}
.sp-onblock {
	display: none;
}
.pc-onblock {
	display: block;
}

}

@media print, screen and (min-width: 1024px) {

}

@media print, screen and (min-width: 1200px) {

.sp-on1200 {
  display: none !important;
}
.pc-on1200 {
	display: inline-block !important;
}
.sp-onbl1200 {
  display: none !important;
}
.pc-onbl1200 {
	display: block !important;
}


}

@media print, screen and (min-width: 1400px) {
}





/* Layout ----------------------------------------------------------------- */
body {
	color: rgba(34,34,34,1.0);
}

article {
	overflow: hidden;
}
section {
	font-size: 14px;
	line-height: 1.9em;
	position: relative;
}

section img {
	height: auto;
	width: 100%;
	margin: 0px auto;
	display: block;
}
section.contents-block {
padding: 65px 0px;
}
.contents-space-top {
padding-top: 25px !important;
}
.top-space {
padding-top: 65px !important;
}
.tophalf {
padding-top: 30px !important;
}
.bottomhalf {
padding-bottom: 30px !important;
}
.topzero {
padding-top: 0px !important;
}
.bottomxero {
padding-bottom: 0px !important;
}
section.contents-block#page-title-box {
padding: 32px 0px 0px;
}

section.contents-block#page-tab-box{
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.whiteback {
background-color: rgba(255,255,255,1.00) !important;
}

.container.fixedheader { /* ヘッダー分 */
  margin-top: 52px;
}
/* 20211207 動画調整
#page-home .container.fixedheader {
	margin-top: -52px;
}
*/

.section-title,
.page-title,
.contents-title,
.contents-category {
font-family: "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 26px;
text-align: center;
line-height: 1.4em;
position: relative;
padding: 0px 0px 20px;
max-width: 1000px;
margin: 0px auto;
}
.contents-title {
font-size: 20px;
line-height: 1.4em;
font-weight: bold;
}
.page-title {
font-size: 23px;
line-height: 1.4em;
letter-spacing: 0.05em;
font-weight: bold;
}
.section-title em {
display: block;
font-style: normal;
font-size: 30px;
line-height: 1.4em;
padding: 20px 0px 0px;
}
.section-title span {
display: block;
font-size: 14px;
line-height: 1.5em;
text-align: center;
font-family: 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
padding: 10px 0px 0px;
}
.center-subcatch {
font-size: 15px;
line-height: 2.0em;
padding-right: 15px;
padding-left: 15px;
}

.main-catch {
font-family: "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 36px;
text-align: center;
line-height: 1.4em;
position: relative;
padding: 0px 0px 50px;
}

.main-catch2,
.main-catch3 {
height: auto;
max-width: 808px;
width: 100%;
margin: 0px auto;
padding: 0px 15px 10px;
}
.main-catch3 {
max-width: 430px;
width: calc(100% / 1.88);
padding: 0px 15px 20px;
}

.contents-line {
height: 30px;
position: relative;
margin: 0px 0px 20px;
}
.contents-line::after {
content: "";
width: 1px;
height: 100%;
display: block;
position: absolute;
left: 50%;
top: 0px;
background-color: rgba(136,136,136,1.00);
}

.contents-line.line-s {
height: 20px;
margin: 0px 0px 10px;
}


.section-photo {
max-width: 1200px;
position: relative;
margin: 0px auto;
}
.photo-item {
padding: 0px 0px 10px;
}
.cont-text {
padding-left: 15px;
padding-right: 15px;
max-width: 1000px;
margin-right: auto;
margin-left: auto;
text-align: justify;
text-justify: inter-ideograph;
}


.detail-page section.contents-block#page-title-box {
padding: 25px 0px 0px;
border-bottom: 1px solid rgba(221,221,221,1.00);
}
.detail-page .page-title {
font-size: 22px;
line-height: 1.4em;
padding: 0px 0px 25px;
}
.detail-page .contents-title {
font-size: 20px;
line-height: 1.4em;
}



@media print, screen and (min-width: 375px) {
section {
	font-size: 15px;
	line-height: 2.0em;
}
section.contents-block {
padding: 70px 0px;
}
.contents-space-top {
padding-top: 28px !important;
}
.top-space {
padding-top: 70px !important;
}
.tophalf {
padding-top: 32px !important;
}
.bottomhalf {
padding-bottom: 32px !important;
}
section.contents-block#page-title-box {
padding: 35px 0px 0px;
}

.container.fixedheader { /* ヘッダー分 */
  margin-top: 56px;
}
/* 20211207 動画調整
#page-home .container.fixedheader {
	margin-top: -56px !important;
}
*/

.section-title,
.page-title,
.contents-title {
font-size: 28px;
line-height: 1.4em;
padding: 0px 0px 20px;
}
.contents-title {
font-size: 21px;
line-height: 1.4em;
font-weight: bold;
}
.page-title {
font-size: 24px;
line-height: 1.4em;
letter-spacing: 0.05em;
font-weight: bold;
}

.section-title em {
font-size: 32px;
line-height: 1.4em;
padding: 20px 0px 0px;
}
.section-title span {
font-size: 15px;
line-height: 1.5em;
padding: 12px 0px 0px;
}
.center-subcatch {
	font-size: 16px;
	line-height: 2.1em;
}

.main-catch {
font-size: 38px;
line-height: 1.4em;
padding: 0px 0px 50px;
}

.contents-line {
height: 30px;
margin: 0px 0px 20px;
}


.detail-page section.contents-block#page-title-box {
padding: 30px 0px 0px;
}
.detail-page .page-title {
font-size: 23px;
line-height: 1.4em;
padding: 0px 0px 30px;
}
.detail-page .contents-title {
font-size: 21px;
line-height: 1.4em;
}

}



@media print, screen and (min-width: 768px) {
body {
	color: rgba(30,30,30,1.0);
}

section {
	/* padding: 24px 0px; */
	font-size: 15px;
	line-height: 2.1em;
}
section.contents-block {
padding: 90px 0px;
}
.contents-space-top {
padding-top: 37px !important;
}
.top-space {
padding-top: 90px !important;
}
.tophalf {
padding-top: 45px !important;
}
section.contents-block.bottomhalf {
padding-bottom: 45px !important;
}
section.contents-block#page-title-box {
padding: 50px 0px 0px;
}

.container.fixedheader { /* ヘッダー分 */
	margin-top: 70px;
}
/* 20211207 動画調整
#page-home .container.fixedheader {
	margin-top: -70px !important;
}
*/

.section-title,
.page-title,
.contents-title {
font-size: 30px;
line-height: 1.4em;
padding: 0px 0px 30px;
}

.contents-title {
font-size: 26px;
line-height: 1.4em;
}
.page-title {
font-size: 32px;
line-height: 1.4em;
letter-spacing: 0.05em;
}


.section-title em {
font-size: 38px;
line-height: 1.4em;
padding: 30px 0px 0px;
}
.section-title span {
font-size: 15px;
line-height: 1.5em;
padding: 15px 0px 0px;
}
.center-subcatch {
font-size: 16px;
line-height: 2.3em;
text-align: center;
padding-left: 25px;
padding-right: 25px;
}

.main-catch {
font-size: 45px;
line-height: 1.4em;
padding: 0px 0px 60px;
}

.main-catch2,
.main-catch3 {
width: 75%;
margin: 0px auto;
padding: 0px 25px 15px;
}
.main-catch3 {
width: calc(75% / 1.88);
padding: 0px 25px 30px;
}

.contents-line {
height: 50px;
margin: 0px 0px 30px;
}
.contents-line.line-s {
height: 30px;
margin: 0px 0px 15px;
}

.photo-item {
padding: 0px;
}
.cont-text {
padding-left: 25px;
padding-right: 25px;
}


.detail-page section.contents-block#page-title-box {
padding: 45px 0px 0px;
}
.detail-page .page-title {
font-size: 25px;
line-height: 1.4em;
padding: 0px 0px 45px;
}
.detail-page .contents-title {
font-size: 24px;
line-height: 1.4em;
}

}



@media print, screen and (min-width: 1024px) {
section {
	/* padding: 28px 0px; */
	font-size: 16px;
	line-height: 2.0em;
}
section.contents-block {
padding: 100px 0px;
}
.contents-space-top {
padding-top: 42px !important;
}
.top-space {
padding-top: 100px !important;
}
.tophalf {
padding-top: 50px !important;
}
.bottomhalf {
padding-bottom: 50px !important;
}
section.contents-block#page-title-box {
padding: 60px 0px 0px;
}


.container.fixedheader { /* ヘッダー分 */
	margin-top: 80px;
}
/* 20211207 動画調整
#page-home .container.fixedheader {
	margin-top: -80px !important;
}
*/

.section-title,
.page-title,
.contents-title {
font-size: 31px;
line-height: 1.4em;
padding: 0px 0px 35px;
}
.contents-title {
font-size: 28px;
line-height: 1.4em;
}
.page-title {
font-size: 34px;
line-height: 1.4em;
letter-spacing: 0.05em;
}

.section-title em {
font-size: 44px;
line-height: 1.4em;
padding: 35px 0px 0px;
}
.section-title span {
font-size: 16px;
line-height: 1.5em;
padding: 15px 0px 0px;
}
.center-subcatch {
font-size: 17px;
line-height: 2.4em;
padding-left: 30px;
padding-right: 30px;
}

.main-catch {
font-size: 50px;
line-height: 1.4em;
padding: 0px 0px 70px;
}

.main-catch2,
.main-catch3 {
width: 66%;
margin: 0px auto;
padding: 0px 30px 20px;
}
.main-catch3 {
width: calc(66% / 1.88);
padding: 0px 30px 35px;
}

.contents-line {
height: 60px;
margin: 0px 0px 35px;
}
.contents-line.line-s {
height: 40px;
margin: 0px 0px 20px;
}

.cont-text {
padding-left: 30px;
padding-right: 30px;
}


.detail-page section.contents-block#page-title-box {
padding: 50px 0px 0px;
}
.detail-page .page-title {
font-size: 27px;
line-height: 1.4em;
padding: 0px 0px 50px;
}
.detail-page .contents-title {
font-size: 26px;
line-height: 1.4em;
}


}



@media print, screen and (min-width: 1200px) {
section {
	/* padding: 32px 0px; */
	font-size: 16px;
	line-height: 2.2em;
}
section.contents-block {
padding: 130px 0px;
}
.contents-space-top {
padding-top: 52px !important;
}
.top-space {
padding-top: 130px !important;
}
.tophalf {
padding-top: 62px !important;
}
.bottomhalf {
padding-bottom: 62px !important;
}
section.contents-block#page-title-box {
padding: 75px 0px 0px;
}


.container.fixedheader { /* ヘッダー分 */
	margin-top: 86px;	
}
/* 20211207 動画調整
#page-home .container.fixedheader {
	margin-top: 0px;	
}
*/

.section-title,
.page-title,
.contents-title {
font-size: 32px;
line-height: 1.4em;
padding: 0px 0px 40px;
}
.contents-title {
font-size: 30px;
line-height: 1.4em;
}
.page-title {
font-size: 37px;
line-height: 1.4em;
letter-spacing: 0.05em;
}

.section-title em {
font-size: 50px;
line-height: 1.4em;
padding: 40px 0px 0px;
}
.section-title a::after {
content: "";
width: 82px;
height: 10px;
display: block;
position: absolute;
right: 0px;
top: 15px;
background-image: url(../images/arrow_01.svg);
background-repeat: no-repeat;
background-position: left top;
background-size: 100% auto;
transition: all 0.4s;
}

.section-title a:hover::after {
right: 10px;
background-image: url(../images/arrow_01_active.svg);
}
.section-title span {
font-size: 16px;
line-height: 1.5em;
padding: 0px;
position: absolute;
right: 100px;
top: 10px;
}
.center-subcatch {
font-size: 18px;
line-height: 2.4em;
}

.main-catch {
font-size: 58px;
line-height: 1.4em;
padding: 0px 0px 85px;
}

.main-catch2,
.main-catch3 {
width: 66%;
margin: 0px auto;
padding: 0px 30px 20px;
}
.main-catch3 {
width: calc(66% / 1.88);
padding: 0px 30px 35px;
}

.contents-line {
height: 70px;
margin: 0px 0px 40px;
}
.contents-line.line-s {
height: 42px;
margin: 0px 0px 25px;
}

.cont-text {
padding-left: 0px;
padding-right: 0px;
}


.detail-page section.contents-block#page-title-box {
padding: 54px 0px 0px;
}
.detail-page .page-title {
font-size: 28px;
line-height: 1.4em;
padding: 0px 0px 54px;
}
.detail-page .contents-title {
font-size: 27px;
line-height: 1.4em;
}

}



@media print, screen and (min-width: 1400px) {
section {
	/* padding: 35px 0px; */
	font-size: 16px;
	line-height: 2.4em;
}
section.contents-block {
padding: 160px 0px;
}
.contents-space-top {
padding-top: 62px !important;
}
.top-space {
padding-top: 160px !important;
}
.tophalf {
padding-top: 75px!important;
}
.bottomhalf {
padding-bottom: 75px!important;
}
section.contents-block#page-title-box {
padding: 85px 0px 0px;
}

.container { /* ヘッダー分 */
}

.main-catch {
font-size: 65px;
line-height: 1.4em;
padding: 0px 0px 100px;
}

.contents-title {
font-size: 33px;
line-height: 1.4em;
}
.page-title {
font-size: 39px;
line-height: 1.4em;
}


.detail-page section.contents-block#page-title-box {
padding: 58px 0px 0px;
}
.detail-page .page-title {
font-size: 30px;
line-height: 1.4em;
padding: 0px 0px 58px;
}
.detail-page .contents-title {
font-size: 28px;
line-height: 1.4em;
}


}












/* Header ----------------------------------------------------------------- */

header {
text-align: left;
line-height: 1.0em;
z-index: 100;
height: 52px;
width: 100%;
top: 0px;
padding: 0px;
margin: 0px;
border-bottom: 1px solid rgba(170,170,170,1.00);
position: relative;
background: rgba(255,255,255,1.0);
transition: all 0.5s;
}
.container.fixedheader header {
	position: fixed;
  background: rgba(255,255,255,0.9);
	box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.5);
	border: none;
}
header #nheader-block {
  display: table;
  position: relative;
}
header #nheader-block dd {
  display: table-cell;
  vertical-align: top;
	transition: all 0.4s;
}
header #nheader-block .nhd-left {
padding: 10px 0px 0px 15px;
}
header #nheader-block .nhd-center {
padding: 8px 0px 0px 20px;
}
header #nheader-block .nhd-right {
}

header #nheader-logo a {
	width: calc(144px / 1.3);
  display: block;
}
header #nheader-130logo a {
  width: calc(94px / 1.5);
  display: block;
}
header #nheader-logo img,
header #nheader-130logo img {
	width: 100%;
	height: auto;
	display: block;
}
header #nheader-logo img.icon-small {
	display: none;
}

/*
<header id="header-global">
	<dl id="nheader-block">
  	<dd class="nhd-left">
			<h1 id="nheader-logo"><a href="index.html"><img src="../cp-common/images/logo-en2024.svg" alt="The Yokohama Nursery Co.,Ltd." width="394" height="28" class="icon-usually"><img src="../cp-common/images/logo-s.svg" alt="The Yokohama Nursery Co.,Ltd." width="26" height="26" class="icon-small"></a></h1>
    </dd>
*/




#nheader-navi {
position: fixed;
width: 100%;
background: rgba(255,255,255,1.0);
z-index: 99;
box-shadow: 0px 0px 40px 2px rgba(0,0,0,0);
top: 52px; /* ヘッダー分 */
/*
left: 0%;
opacity: 1;
*/
left: 100%;
opacity: 0;
transition: all 0.4s;
overflow: hidden;
padding: 0px;
}
#nheader-navi.active {
	left: 0%;
	box-shadow: 0px 0px 40px 2px rgba(0,0,0,0.5);
	opacity: 1;
}



/* nav-global */
#nnav-global {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.nnav-global-top,
.nnav-global-bottom {
	flex-basis: 100%;
}
.nlist-nav-global > li.gnav-bt {
margin: 0px;
padding: 0px 15px;
}
.nlist-nav-global > li.gnav-bt a {
position: relative;
transition: all 0.4s;
text-align: left;
padding: 10px 50px 10px 0px;
display: block;
/* background-color: rgba(255,255,255,1.00); */
font-size: 15px;
line-height: 1.3em;
border-bottom: 1px solid rgba(170,170,170,1.00);
}
.nlist-nav-global > li.gnav-bt a:after {
content: "";
width: 50px;
height: 10px;
display: block;
position: absolute;
right: 0px;
top: calc(50% - 8px);
background-image: url(../images/arrow_01_s.svg);
background-repeat: no-repeat;
background-position: left top;
background-size: 100% auto;
transition: all 0.4s;
}

.nlist-nav-global > li.gnav-bt a:hover:after {
background-image: url(../images/arrow_01_active_s.svg);
}


.nnav-global-bottom {
background-color: rgba(245,245,245,1.00);
}


.nadd-nav-global {
display: table;
width: 100%;
margin: 12px 0px;
font-size: 15px;
line-height: 1.3em;
}
.nadd-nav-global > li {
display: table-cell;
width: calc(100% / 2);
text-align: center;
vertical-align: middle;
}
.nadd-nav-global > li#button20 {
padding-right: 5px;
border-right: 1px solid rgba(170,170,170,1.00);
}
.nadd-nav-global > li#button21 {
padding-left: 5px;
}

.nadd-nav-global .ot-sns a {
	height: calc(24px / 1.0);
	width: calc(24px / 1.0);
	display: inline-block;
}
.nadd-nav-global .ot-sns a img {
	height: auto;
	width: 100%;
	display: block;
}


.nadd-nav-global .tn-shop a {
	display: inline-block;
}
.nadd-nav-global .tn-shop a p {
display: table-cell;
vertical-align: middle;
white-space: nowrap;
font-size: 11px;
line-height: 1.0em;
}
.nadd-nav-global .tn-shop a img {
width: calc(32px / 1.0);
height: calc(32px / 1.0);
display: inline-block;
vertical-align: middle;
}

.nadd-nav-global .ot-country a {
padding: 4px 0.1em;
position: relative;
display: inline-block;
}
.nadd-nav-global #button20 a:after,
.nadd-nav-global #button21 a:after {
content: "";
width: 0%;
height: 2px;
display: block;
position: absolute;
left: 49%;
bottom: 0px;
transition: all 0.3s;
background-color: rgba(68,51,38,1.00);
}

.nadd-nav-global #button20 a:hover:after,
.nadd-nav-global #button21 a:hover:after {
width: 100%;
left: 0%;
bottom: 0px;
opacity: 0.7;
}
.jananese .nadd-nav-global #button20 a,
.english .nadd-nav-global #button21 a {
font-weight: bold;
}
.jananese .nadd-nav-global #button20 a:after,
.english .nadd-nav-global #button21 a:after {
content: "";
width: 100%;
height: 2px;
display: block;
position: absolute;
left: 0px;
bottom: 0px;
background-color: rgba(68,51,38,1.00);
}
/*
*/

.nnav-global-bottom .nadd-nav-global > li.tn-shop {
border-right: 1px solid rgba(170,170,170,1.00);
width: 45%;
}
.nnav-global-bottom .nadd-nav-global > li {
width: calc(55% / 4);
}



#page-home .nlist-nav-global > li#button1 > a,
#page-profile .nlist-nav-global > li#button2 > a,
#page-business .nlist-nav-global > li#button3 > a,
#page-csr_sdgs .nlist-nav-global > li#button4 > a {
background-color: rgba(239,249,242,1.00);
color: rgba(0,0,0,1.00);
padding: 10px 50px 10px 8px;
}
#page-home .nlist-nav-global > li#button1 > a:after,
#page-profile .nlist-nav-global > li#button2 > a:after,
#page-business .nlist-nav-global > li#button3 > a:after,
#page-csr_sdgs .nlist-nav-global > li#button4 > a:after {
  display: none;
}






@media print, screen and (min-width: 375px) {
header {
height: 56px;
}
.container.fixedheader header {
	box-shadow: 0px 0px 24px 2px rgba(0,0,0,0.5);
}
header #nheader-block .nhd-left {
padding: 12px 0px 0px 15px;
}
header #nheader-block .nhd-center {
padding: 8px 0px 0px 24px;
}
header #nheader-block .nhd-right {
}

header #nheader-logo a {
	width: calc(144px / 1.2);
  display: block;
}
header #nheader-130logo a {
  width: calc(94px / 1.4);
  display: block;
}

#nheader-navi {
box-shadow: 0px 0px 45px 2px rgba(0,0,0,0);
top: 56px; /* ヘッダー分 */
}
#nheader-navi.active {
	box-shadow: 0px 0px 45px 2px rgba(0,0,0,0.5);
}

/* nav-global */
.nlist-nav-global > li.gnav-bt a {
padding: 12px 50px 12px 0px;
}
#page-home .nlist-nav-global > li#button1 > a,
#page-profile .nlist-nav-global > li#button2 > a,
#page-business .nlist-nav-global > li#button3 > a,
#page-csr_sdgs .nlist-nav-global > li#button4 > a {
padding: 12px 50px 12px 8px;
}

}





@media print, screen and (min-width: 768px) {
header {
height: 70px;
}
.container.fixedheader header {
	box-shadow: 0px 0px 28px 2px rgba(0,0,0,0.5);
}
header #nheader-block .nhd-left {
padding: 17px 0px 0px 25px;
}
header #nheader-block .nhd-center {
padding: 12px 0px 0px 30px;
}
header #nheader-block .nhd-right {
}

header #nheader-logo a {
	width: calc(144px / 1.1);
}
header #nheader-130logo a {
  width: calc(94px / 1.2);
}

#nheader-navi {
box-shadow: 0px 0px 50px 2px rgba(0,0,0,0);
top: 70px; /* ヘッダー分 */
}

#nheader-navi.active {
	box-shadow: 0px 0px 50px 2px rgba(0,0,0,0.5);
}
.nlist-nav-global > li.gnav-bt {
padding: 0px 25px;
}

/* nav-global */
.nlist-nav-global > li.gnav-bt a {
padding: 14px 50px 14px 0px;
}
#page-home .nlist-nav-global > li#button1 > a,
#page-profile .nlist-nav-global > li#button2 > a,
#page-business .nlist-nav-global > li#button3 > a,
#page-csr_sdgs .nlist-nav-global > li#button4 > a {
padding: 14px 50px 14px 10px;
}


.nadd-nav-global .ot-sns a {
	width: calc(24px * 1.1);
	height: calc(24px * 1.1);
}


.nadd-nav-global .tn-shop a p {
font-size: 12px;
line-height: 1.0em;
}
.nadd-nav-global .tn-shop a img {
	width: calc(32px * 1.1);
	height: calc(32px * 1.1);
}

}




@media print, screen and (min-width: 1024px) {
header {
height: 80px;
}
.container.fixedheader header {
	box-shadow: 0px 0px 32px 2px rgba(0,0,0,0.5);
}
header #nheader-block .nhd-left {
padding: 19px 0px 0px 30px;
}
header #nheader-block .nhd-center {
padding: 12px 0px 0px 35px;
}
header #nheader-block .nhd-right {
}

header #nheader-logo a {
	width: 144px;
}
header #nheader-130logo a {
  width: 94px;
}

#nheader-navi {
box-shadow: 0px 0px 55px 2px rgba(0,0,0,0);
top: 80px; /* ヘッダー分 */
}
#nheader-navi.active {
	box-shadow: 0px 0px 55px 2px rgba(0,0,0,0.5);
}
.nlist-nav-global > li.gnav-bt {
padding: 0px 30px;
}

/* nav-global */
.nlist-nav-global > li.gnav-bt a {
padding: 16px 50px 16px 0px;
}
#page-home .nlist-nav-global > li#button1 > a,
#page-profile .nlist-nav-global > li#button2 > a,
#page-business .nlist-nav-global > li#button3 > a,
#page-csr_sdgs .nlist-nav-global > li#button4 > a {
padding: 16px 50px 16px 10px;
	font-size: 16px;
	line-height: 1.3em;
}


#add-nav-global .ot-sns a {
	width: calc(24px * 1.15);
	height: calc(24px * 1.15);
}


}






@media print, screen and (min-width: 1200px) {

header {
  height: 86px;
  position: relative;
}
header #nheader-block {
  width: 100%;
}
header #nheader-block .nhd-left {
padding: 22px 0px 10px 34px;
width: calc(144px + 34px);
}
/*
header #nheader-block .nhd-center {
padding: 15px 0px 0px 40px;
width: calc(94px + 40px);
}
*/
header #nheader-block .nhd-right {
padding: 0px 30px 0px 16%;
}


#nheader-navi {
position: relative;
width: 100%;
background: none;
z-index: 99;
box-shadow: none;
top: auto;
left: auto;
opacity: 1;
transition: all 0.4s;
overflow: hidden;
padding: 0px;
margin: 0px 0px 0px auto;
}
#nheader-navi.active {
	left: auto;
	box-shadow: none;
	opacity: 1;
}
.nnav-global-bottom {
background: none;
}



/* nav-global */
#nnav-global {
}
.nnav-global-top {
order: 2;
padding: 8px 0px;
}
.nnav-global-bottom {
order: 1;
padding: 2px 0px;
border-bottom: 1px solid rgba(170,170,170,1.00);
}
.nlist-nav-global {
display: table;
margin: 0px 0px 0px auto;
width: 100%;
}
.nlist-nav-global > li {
border: none;
margin: 0px;
padding: 0px;
display: table-cell;
vertical-align: middle;
}
.nlist-nav-global > li.gnav-bt {
border: none;
margin: 0px;
padding: 0px;
}
.nlist-nav-global > li.gnav-bt a {
position: relative;
transition: all 0.4s;
text-align: center;
padding: 5px 17px;
display: block;
font-size: 14px;
line-height: 1.3em;
background: none;
border: none;
white-space: nowrap;
}


.nlist-nav-global > li.gnav-bt a:after {
content: "";
display: block;
position: absolute;
top: auto;
right: auto;
left: 49%;
bottom: 0px;
width: 0%;
height: 2px;
background-color: rgba(68,51,38,1.00);
opacity: 1;
transition: all 0.3s;
}

.nlist-nav-global > li.gnav-bt a:hover:after {
background-image: none;
left: 0%;
width: 100%;
opacity: 0.7;
}




.nadd-nav-global {
margin: 0px;
}
.nadd-nav-global > li {
width: auto;
vertical-align: middle;
padding: 0px 10px;
}
.nadd-nav-global > li.ot-sns {
display: none;
}
.nadd-nav-global > li#button20 {
border: none;
padding-left: 20px;
border-left: 1px solid rgba(170,170,170,1.00);
}
.nnav-global-bottom .nadd-nav-global > li.tn-shop {
border: none;
width: 100%;
}
.nnav-global-bottom .nadd-nav-global > li.tn-shop p:last-child {
position: relative;
}
.nnav-global-bottom .nadd-nav-global > li.tn-shop p:last-child:after {
content: "";
display: block;
position: absolute;
top: auto;
right: auto;
left: 49%;
bottom: 0px;
width: 0%;
height: 2px;
background-color: rgba(68,51,38,1.00);
opacity: 1;
transition: all 0.3s;
}

.nnav-global-bottom .nadd-nav-global > li.tn-shop p:last-child:hover:after {
background-image: none;
left: 0%;
width: 100%;
opacity: 0.7;
}


.nadd-nav-global .ot-sns a {
	width: calc(24px / 1.0);
	height: calc(24px / 1.0);
}
.nadd-nav-global .tn-shop a img {
width: calc(32px / 1.0);
height: calc(32px / 1.0);
}
.nadd-nav-global .tn-shop a p {
font-size: 13px;
line-height: 1.0em;
}


#page-home .nlist-nav-global > li#button1 > a,
#page-profile .nlist-nav-global > li#button2 > a,
#page-business .nlist-nav-global > li#button3 > a,
#page-csr_sdgs .nlist-nav-global > li#button4 > a {
background: none;
color: rgba(0,0,0,1.00);
padding: 5px 17px;
display: block;
font-size: 14px;
line-height: 1.3em;
font-weight: bold;
}
#page-home .nlist-nav-global > li#button1 > a:after,
#page-profile .nlist-nav-global > li#button2 > a:after,
#page-business .nlist-nav-global > li#button3 > a:after,
#page-csr_sdgs .nlist-nav-global > li#button4 > a:after {
content: "";
display: block;
top: auto;
right: auto;
left: 0%;
bottom: 0px;
width: 100%;
height: 2px;
background-color: rgba(68,51,38,1.00);
opacity: 1;
}



/* .container.fixedheader */
.container.fixedheader header {
  height: 58px;
	box-shadow: 0px 0px 40px 2px rgba(0,0,0,0.5);
}
.container.fixedheader header #nheader-logo a {
	width: 26px;
  display: block;
}
.container.fixedheader header #nheader-block .nhd-left {
padding: 15px 0px 10px 24px;
width: calc(26px + 24px);
}
.container.fixedheader header #nheader-logo img.icon-small {
display: block;
}
.container.fixedheader header #nheader-logo img.icon-usually,
#page-home.container.fixedheader header #nheader-logo img.icon-usually,
.container.fixedheader header #nheader-logo img.icon-white {
display: none !important;
}
.container.fixedheader header #nheader-130logo a {
  width: calc(94px / 1.6);
  display: block;
}
.container.fixedheader header #nheader-block .nhd-center {
padding: 12px 130px 0px 30px;
width: calc(55px + 35px);
}
.container.fixedheader header #nheader-block .nhd-right {
padding: 0px 30px 0px 16%;
}

/* nav-global */
.container.fixedheader .nnav-global-top {
padding: 0px;
}
.container.fixedheader .nnav-global-bottom {
padding: 0px;
}
.container.fixedheader .nlist-nav-global > li.gnav-bt a {
font-size: 14px;
line-height: 1.3em;
padding-top: 2px;
padding-bottom: 2px;
}
#page-home.container.fixedheader .nlist-nav-global > li#button1 > a,
#page-profile.container.fixedheader .nlist-nav-global > li#button2 > a,
#page-business.container.fixedheader .nlist-nav-global > li#button3 > a,
#page-csr_sdgs.container.fixedheader .nlist-nav-global > li#button4 > a {
padding-top: 2px;
padding-bottom: 2px;
font-size: 14px;
line-height: 1.3em;
}
.container.fixedheader .nadd-nav-global .tn-shop a img {
width: calc(32px / 1.3);
height: calc(32px / 1.3);
}
.container.fixedheader .nadd-nav-global > li#button20,
.container.fixedheader .nadd-nav-global > li#button21 {
font-size: 13px;
line-height: 1.3em;
}

}



@media print, screen and (min-width: 1400px) {

header #nheader-block .nhd-right {
padding: 0px 30px 0px 20%;
}
.container.fixedheader header #nheader-block .nhd-right {
padding: 0px 30px 0px 20%;
}

.nlist-nav-global > li.gnav-bt a {
padding: 5px 25px;
font-size: 15px;
line-height: 1.3em;
}
#page-home .nlist-nav-global > li#button1 > a,
#page-profile .nlist-nav-global > li#button2 > a,
#page-business .nlist-nav-global > li#button3 > a,
#page-csr_sdgs .nlist-nav-global > li#button4 > a {
padding: 5px 25px;
font-size: 15px;
line-height: 1.3em;
}

}



















/* cont4block */
.cont4box li {
	-ms-flex-preferred-size: calc(50% - 8px);
	flex-basis: calc(50% - 8px);
	position: relative;
}
.cont4box li:nth-child(1),
.cont4box li:nth-child(2) {
padding: 0px 0px 15px;
}


/* cont3block */
.cont3block,
.cont4box {
font-size: 14px;
line-height: 1.3em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.cont3block.flexcenter {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.cont3block li {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	position: relative;
}
.cont3block li p {
display: block;
padding: 15px;
position: relative;
text-align: center;
transition: all 0.4s;
}
.cont3block li p::after {
content: "";
width: 50px;
height: 10px;
display: block;
position: absolute;
right: 15px;
top: calc(50% - 7px);
background-image: url(../images/arrow_01_s.svg);
background-repeat: no-repeat;
background-position: left top;
background-size: 100% auto;
transition: all 0.4s;
}
.cont3block li a:hover p {
padding: 15px 15px 15px 25px;
}
.cont3block li a:hover {
color: rgba(0,0,0,1.00) !important;
}
.cont3block li a:hover p::after {
right: 25px;
background-image: url(../images/arrow_01_active_s.svg);
}
.cont3block li .pdficon p::after {
display: none;
}

.cont3block.linkwhite li a {
color: rgba(255,255,255,1.00) !important;
}
.cont3block.linkwhite li p::after {
content: "";
width: 50px;
height: 10px;
display: block;
position: absolute;
right: 15px;
top: calc(50% - 7px);
background-image: url(../images/arrow_01_s_white.svg);
}
.cont3block.linkwhite li a:hover p::after {
background-image: url(../images/arrow_01_active_s_white.svg);
}

.cont3block li a:hover p {
padding: 15px 15px 15px 25px;
}
.cont3block li a:hover p::after {
right: 25px;
}




/* cont3boxline */
.cont3boxline {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-top: 1px solid rgba(187,187,187,1.00);
}
.cont3boxline li {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding: 15px 0px;
border-bottom: 1px solid rgba(187,187,187,1.00);
}

/* cont2boxline */
.cont2boxline {
border-top: 1px solid rgba(187,187,187,1.00);
margin-left: auto;
margin-right: auto;
}
.cont2boxline li {
padding: 15px 0px;
border-bottom: 1px solid rgba(187,187,187,1.00);
}


/* cont2box */
.cont2box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.cont2box li {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding: 0px 0px 30px;
}
.cont2box li:last-child {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding: 0px;
}
.cont-text-s {
font-size: 14px;
line-height: 1.8em;
position: relative;
}
.cont-text-b {
font-size: 15px;
line-height: 1.8em;
font-weight: bold;
}





@media print, screen and (min-width: 375px) {
/* cont3block */
.cont3block {
font-size: 15px;
line-height: 1.3em;
}
.cont3block li p {
display: block;
padding: 17px;
position: relative;
text-align: center;
}
.cont3block li p::after {
content: "";
width: 82px;
height: 10px;
top: calc(50% - 7px);
background-image: url(../images/arrow_01.svg);
}
.cont3block li a:hover p::after {
background-image: url(../images/arrow_01_active.svg);
}
.cont3block.linkwhite li p::after {
content: "";
width: 82px;
height: 10px;
top: calc(50% - 7px);
background-image: url(../images/arrow_01_white.svg);
}
.cont3block.linkwhite li a:hover p::after {
background-image: url(../images/arrow_01_active_white.svg);
}

.cont3block li a:hover p {
padding: 17px 17px 17px 27px;
}
.cont3block li a:hover p::after {
right: 25px;
}




/* cont2box */
.cont2box {
}
.cont2box li {
padding: 0px 0px 35px;
}
.cont-text-s {
font-size: 15px;
line-height: 1.8em;
}
.cont-text-b {
font-size: 17px;
line-height: 1.8em;
font-weight: bold;
}


}



@media print, screen and (min-width: 768px) {
/* cont3block */
.cont3block {
}
.cont3block li {
	-ms-flex-preferred-size: calc(50% - 1px);
	flex-basis: calc(50% - 1px);
}
.cont3block li p {
text-align: left;
}
.cont3block li.text-link::after {
content: "";
width: calc(100% - 30px);
height: 1px;
display: block;
position: absolute;
left: 15px;
top: 0px;
border-top: 1px solid rgba(170,170,170,1.00);
}


/* cont2box */
.cont2box {
}
.cont2box li {
-ms-flex-preferred-size: calc(50% - 20px);
flex-basis: calc(50% - 20px);
padding: 0px 0px 40px;
}
.cont2box li:last-child {
-ms-flex-preferred-size: calc(50% - 20px);
flex-basis: calc(50% - 20px);
padding: 0px;
}


/* cont3boxline */
.cont3boxline {
border: none;
}
.cont3boxline li {
-ms-flex-preferred-size: calc(33.33% - 20px);
flex-basis: calc(33.33% - 20px);
padding: 0px;
border: none;
position: relative;
text-align: center;
}
.cont3boxline li:nth-child(1)::after,
.cont3boxline li:nth-child(2)::after {
content: "";
width: 1px;
height: 100%;
top: 0px;
right: -15px;
display: block;
position: absolute;
background-color: rgba(187,187,187,1.00);
}


/* cont2boxline */
.cont2boxline {
border: none;
display: table;
}
.cont2boxline li {
padding: 0px;
border: none;
display: table-cell;
}
.cont2boxline li:first-child {
padding: 0px 40px 0px 0px;
border-right: 1px solid rgba(187,187,187,1.00);
}
.cont2boxline li:last-child {
padding: 0px 0px 0px 40px;
}



/* cont4block */
.cont4box li {
	-ms-flex-preferred-size: calc(25% - 18px);
	flex-basis: calc(25% - 18px);
	position: relative;
}
.cont4box li:nth-child(1),
.cont4box li:nth-child(2) {
padding: 0px;
}

}



@media print, screen and (min-width: 1024px) {
/* cont3block */
.cont3block {
}
.cont3block li {
	-ms-flex-preferred-size: calc(33.33% - 1px);
	flex-basis: calc(33.33% - 1px);
}
.cont3block li p {
padding: 20px;
}
.cont3block li p::after {
right: 20px;
}
.cont3block li.text-link::after {
left: 20px;
width: calc(100% - 40px);
}
.cont3block.flexcenter li {
	-ms-flex-preferred-size: 33.33%;
	flex-basis: 33.33%;
}
.cont3block.flexcenter li:last-child {
padding: 0px 0px 0px 1px;
}

.cont3block li a:hover p {
padding: 20px 20px 20px 30px;
}
.cont3block li a:hover p::after {
right: 30px;
}


/* cont2box */
.cont2box {
}
.cont2box li {
-ms-flex-preferred-size: calc(50% - 25px);
flex-basis: calc(50% - 25px);
padding: 0px 0px 50px;
}
.cont2box li:last-child {
-ms-flex-preferred-size: calc(50% - 25px);
flex-basis: calc(50% - 25px);
padding: 0px;
}
.cont-text-s {
font-size: 16px;
line-height: 1.8em;
}
.cont-text-b {
font-size: 18px;
line-height: 1.8em;
font-weight: bold;
}


.cont2boxline li:first-child {
padding: 0px 50px 0px 0px;
}
.cont2boxline li:last-child {
padding: 0px 0px 0px 50px;
}


/* cont4block */
.cont4box li {
	-ms-flex-preferred-size: calc(422px / 2);
	flex-basis: calc(422px / 2);
}


}




@media print, screen and (min-width: 1200px) {
.cont3block li p {
padding: 28px 30px;
}
.cont3block li p::after {
right: 30px;
}
.cont3block li.text-link::after {
left: 30px;
width: calc(100% - 60px);
}

.cont3block li a:hover p {
padding: 28px 28px 28px 40px;
}
.cont3block li a:hover p::after {
right: 40px;
}

/* cont2box */
.cont2box {
}
.cont2box li {
-ms-flex-preferred-size: calc(928px / 2);
flex-basis: calc(928px / 2);
padding: 0px 0px 60px;
}
.cont2box li:last-child {
-ms-flex-preferred-size: calc(928px / 2);
flex-basis: calc(928px / 2);
padding: 0px;
}


.cont2boxline li:first-child {
padding: 0px 55px 0px 0px;
}
.cont2boxline li:last-child {
padding: 0px 0px 0px 55px;
}


}



@media print, screen and (min-width: 1400px) {
.cont3block li p {
padding: 30px 34px;
}
.cont3block li p::after {
right: 34px;
}
.cont3block li.text-link::after {
left: 34px;
width: calc(100% - 68px);
}

.cont3block li a:hover p {
padding: 30px 30px 30px 44px;
}
.cont3block li a:hover p::after {
right: 44px;
}

.cont2boxline li:first-child {
padding: 0px 60px 0px 0px;
}
.cont2boxline li:last-child {
padding: 0px 0px 0px 60px;
}

}











/*
<section class="contents-block topzero" id="news01">
	<div class="contents-block-in">
		<ul class="csr-block animationli">
			<li>
				<a href="#">
					<dl class="csr-box">
						<dt><img src="images/top_sample01.jpg" alt="『横浜市立永田台小学校』様におきまして..." width="238" height="164"></dt>
						<dd>
							<div class="list-day"><em>活動日：2022年5月11日</em><span>社会貢献</span></div>
							<div class="list-text"><p>『横浜市立永田台小学校』様におきまして、当社が育種開発したピーマン、パプリカの野菜苗を育てる食育活動を実施いたしました。</p></div>
						</dd>
					</dl>
				</a>
			</li>
*/

/* news-block */
.news-block {
border-top: 1px solid rgba(187,187,187,1.00);
margin: 0px 0px 20px;
}
.news-block li {
font-size: 15px;
line-height: 1.6em;
border-bottom: 1px solid rgba(187,187,187,1.00);
}
.news-block li a {
position: relative;
display: block;
padding: 24px 56px 24px 0px;
transition: all 0.4s;
}
.news-block li a::after {
content: "";
width: 50px;
height: 10px;
display: block;
position: absolute;
right: 0px;
top: calc(50% - 7px);
background-image: url(../images/arrow_01_s.svg);
background-repeat: no-repeat;
background-position: left top;
background-size: 100% auto;
transition: all 0.4s;
}
.news-block li a:hover {
padding: 24px 56px 24px 10px;
color: rgba(0,0,0,1.00) !important;
background-color: rgba(245,245,245,1.00);
}
.news-block  li a:hover::after {
background-image: url(../images/arrow_01_active_s.svg);
right: 10px;
}
.news-block li a dt {
color: rgba(119,119,119,1.00);
font-size: 14px;
line-height: 1.5em;
padding: 0px 0px 10px;
}





/* .default-table */
.default-table {
display: table;
width: 100%;
}
.default-table th,
.default-table td {
text-align: left;
font-size: 14px;
line-height: 1.6em;
padding: 12px 15px;
font-weight: normal;
display: block;
}
.default-table th,
.default-table-spt th {
padding: 10px 15px;
background-color: rgba(242,242,242,1.00);
color: rgba(85,85,85,1.00);
}
.default-table.th-white th {
background-color: rgba(255,255,255,1.00);
}
.default-table td {
}


/* .default-table-spt */
.default-table-spt {
display: table;
width: 100%;
border-top: 1px solid rgba(187,187,187,1.00);
}
.default-table-spt th,
.default-table-spt td {
text-align: left;
font-size: 14px;
line-height: 1.6em;
padding: 12px 15px;
font-weight: normal;
vertical-align: middle;
border-bottom: 1px solid rgba(187,187,187,1.00);
}
.default-table-spt th {
background: none;
background-color: rgba(242,242,242,1.00);
color: rgba(85,85,85,1.00);
}


.contents-box {
padding: 20px 15px;
background-color: rgba(245,245,245,1.00);
border: 1px solid rgba(187,187,187,1.00);
}







@media print, screen and (min-width: 375px) {

/* .default-table */
.default-table {
}
.default-table th,
.default-table td {
font-size: 15px;
line-height: 1.7em;
padding: 14px 15px;
}
.default-table th {
padding: 10px 15px;
}
.default-table td {
}


/* .default-table-spt */
.default-table-spt {
}
.default-table-spt th,
.default-table-spt td {
font-size: 15px;
line-height: 1.7em;
padding: 14px 15px;
}

}



@media print, screen and (min-width: 768px) {
/* news-block */
.news-block {
margin: 0px 0px 30px;
}
.news-block li {
font-size: 15px;
line-height: 1.6em;
}
.news-block dl {
}
.news-block li a {
padding: 30px 90px 30px 0px;
}
.news-block li a::after {
content: "";
width: 82px;
height: 10px;
display: block;
position: absolute;
right: 0px;
top: calc(50% - 7px);
background-image: url(../images/arrow_01.svg);
background-repeat: no-repeat;
background-position: left top;
background-size: 100% auto;
}
.news-block li a:hover {
padding: 30px 90px 30px 10px;
}
.news-block  li a:hover::after {
background-image: url(../images/arrow_01_active.svg);
right: 10px;
}
.news-block li a dt {
font-size: 15px;
line-height: 1.5em;
padding: 0px 0px 10px;
}

/* .default-table */
.default-table {
border-top: 1px solid rgba(187,187,187,1.00);
}
.default-table th,
.default-table td {
text-align: left;
font-size: 15px;
line-height: 1.7em;
padding: 20px 15px;
display: table-cell;
border-bottom: 1px solid rgba(187,187,187,1.00);
vertical-align: top;
}
.default-table th {
padding: 20px 15px 20px 0px;
background: none;
color: rgba(85,85,85,1.00);
white-space: nowrap;
width: 6em;
}
.default-table td {
padding: 20px 0px 20px 15px;
}
.default-table.th-white th {
background: none;
}


/* .default-table-spt */
.default-table-spt {
}
.default-table-spt th,
.default-table-spt td {
font-size: 15px;
line-height: 1.7em;
padding: 20px 15px;
}


.contents-box {
padding: 30px 25px;
}

}



@media print, screen and (min-width: 1024px) {
/* news-block */
.news-block {
}
.news-block li {
font-size: 16px;
line-height: 1.6em;
}
.news-block dl {
display: table;
width: 100%;
}
.news-block li a {
padding: 40px 100px 40px 0px;
}
.news-block li a:hover {
padding: 40px 100px 40px 10px;
}
.news-block li a dt {
font-size: 16px;
line-height: 1.6em;
padding: 0px 20px 0px 0px;
width: 8em;
display: table-cell;
}
.news-block li a dd {
display: table-cell;
}


/* .default-table */
.default-table th,
.default-table td {
font-size: 16px;
line-height: 1.8em;
padding: 25px 15px;
}
.default-table th {
padding: 24px 20px 24px 0px;
}
.default-table td {
padding: 24px 0px 24px 20px;
}


/* .default-table-spt */
.default-table-spt {
}
.default-table-spt th,
.default-table-spt td {
font-size: 16px;
line-height: 1.8em;
padding: 25px 15px;
}


.contents-box {
padding: 35px 30px;
}

}



@media print, screen and (min-width: 1200px) {
/* news-block */
.news-block {
margin: 0px;
}
.news-block li a {
padding: 50px 100px 50px 0px;
}
.news-block li a:hover {
padding: 50px 100px 50px 10px;
}

.contents-box {
padding: 40px;
}

}


@media print, screen and (min-width: 1400px) {

}











/* h-w-table */
.h-w-table {
  width: 100%;
  border-right: 1px solid rgba(178,189,208,1.00);
  border-bottom: 1px solid rgba(178,189,208,1.00);
  margin: 0px 0px 20px;
}
.h-w-table th {
  padding: 8px 10px;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.4em;
  text-align: center;
  border-top: 1px solid rgba(178,189,208,1.00);
  border-left: 1px solid rgba(178,189,208,1.00);
  background-color: rgba(255,255,255,1.00);
}
.h-w-table td {
  padding: 15px 10px 0px;
  border-top: 1px solid rgba(178,189,208,1.00);
  border-left: 1px solid rgba(178,189,208,1.00);
  background-color: rgba(235,237,243,1.00);
}

.h-w-table.level-in th {
  padding: 8px 10px;
  font-size: 14px;
  line-height: 1.4em;
}
.h-w-table.level-in td  {
  padding: 15px 10px 0px;
  background-color: rgba(214,220,230,1.00);
  font-size: 14px;
  line-height: 1.4em;
}




/* h-b-table */
.h-b-table {
  width: 100%;
  border-right: 1px solid rgba(178,189,208,1.00);
  border-bottom: 1px solid rgba(178,189,208,1.00);
  margin: 0px 0px 15px;
}
.h-b-table th {
  padding: 8px 10px;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.4em;
  text-align: center;
  border-top: 1px solid rgba(178,189,208,1.00);
  border-left: 1px solid rgba(178,189,208,1.00);
  background-color: rgba(64,89,138,1.00);
  color: rgba(255,255,255,1.00);
}
.h-b-table td {
  padding: 10px 8px;
  border-top: 1px solid rgba(178,189,208,1.00);
  border-left: 1px solid rgba(178,189,208,1.00);
  background-color: rgba(255,255,255,1.00);
  font-size: 13px;
  line-height: 1.6em;
}
.h-b-table .tb-sub-header td {
  background-color: rgba(235,237,243,1.00);
}




@media print, screen and (min-width: 375px) {
/* h-w-table */
.h-w-table {
  margin: 0px 0px 20px;
}
.h-w-table th {
  padding: 10px 10px;
  font-size: 20px;
  line-height: 1.4em;
}
.h-w-table td {
  padding: 20px 15px 5px;
}

.h-w-table.level-in th {
  padding: 8px 10px;
  font-size: 14px;
  line-height: 1.4em;
}
.h-w-table.level-in td  {
  padding: 15px 10px 0px;
  background-color: rgba(214,220,230,1.00);
  font-size: 14px;
  line-height: 1.4em;
}


/* h-b-table */
.h-b-table {
}
.h-b-table th {
  padding: 9px 10px;
  font-size: 17px;
  line-height: 1.4em;
}
.h-b-table td {
  padding: 10px 8px;
  font-size: 13.5px;
  line-height: 1.6em;
}



}



@media print, screen and (min-width: 768px) {
/* h-w-table */
.h-w-table {
  margin: 0px 0px 35px;
}
.h-w-table th {
  padding: 10px 25px;
  font-size: 22px;
  line-height: 1.4em;
}
.h-w-table td {
  padding: 25px 25px 5px;
}


.h-w-table.level-in {
  margin: 0px 0px 20px;
}
.h-w-table.level-in th {
  padding: 10px;
  font-size: 14px;
  line-height: 1.4em;
}
.h-w-table.level-in td  {
  padding: 15px 10px;
  background-color: rgba(214,220,230,1.00);
  font-size: 14px;
  line-height: 1.4em;
}


/* h-b-table */
.h-b-table {
}
.h-b-table th {
  padding: 12px 10px;
  font-size: 17px;
  line-height: 1.4em;
}
.h-b-table td {
  padding: 12px 10px;
  font-size: 13.5px;
  line-height: 1.6em;
}


}


@media print, screen and (min-width: 1024px) {
/* h-w-table */
.h-w-table {
  margin: 0px 0px 45px;
}
.h-w-table th {
  padding: 10px 25px;
  font-size: 24px;
  line-height: 1.4em;
}
.h-w-table td {
  padding: 25px 25px 5px;
}


.h-w-table.level-in {
  margin: 0px 0px 20px;
}
.h-w-table.level-in th {
  padding: 12px;
  font-size: 16px;
  line-height: 1.4em;
}
.h-w-table.level-in td  {
  padding: 20px;
  background-color: rgba(214,220,230,1.00);
  font-size: 14px;
  line-height: 1.4em;
}


}


@media print, screen and (min-width: 1200px) {
/* h-w-table */
.h-w-table {
  margin: 0px 0px 55px;
}
.h-w-table th {
  padding: 12px 30px;
  font-size: 25px;
  line-height: 1.4em;
}
.h-w-table td {
  padding: 35px 35px 15px;
}


.h-w-table.level-in {
  margin: 0px 0px 20px;
}
.h-w-table.level-in th {
  padding: 13px;
  font-size: 17px;
  line-height: 1.4em;
}
.h-w-table.level-in td  {
  padding: 24px 28px;
  background-color: rgba(214,220,230,1.00);
  font-size: 14px;
  line-height: 1.4em;
}


/* h-b-table */
.h-b-table {
}
.h-b-table th {
  padding: 14px 10px;
  font-size: 18px;
  line-height: 1.4em;
}
.h-b-table td {
  padding: 14px;
  font-size: 14px;
  line-height: 1.6em;
}


}


@media print, screen and (min-width: 1400px) {


}















/* Footer ----------------------------------------------------------------- */
#footer-global {
margin: 0px;
overflow: hidden;
background-color: rgba(68,51,38,1.00);
width: 100%;
font-size: 14px;
line-height: 1.3em;
color: rgba(255,255,255,1.00);
}
#footer-global a {
color: rgba(255,255,255,1.00);
}
#footer-navi-list > li {
padding: 0px 0px 12px;
}
#footer-navi-list > li a {
display: inline-block;
}
#footer-navi-list > li a:hover {
text-decoration: underline;
}

#footer-block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#footer-block dd {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
}
#footer-block dd.footer-left {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
background-color: rgba(39,21,4,1.00);
}
#footer-block dd.footer-right {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}

.bannerbt-link > li:nth-child(1) {
background-color: rgba(48,31,16,1.00);
}
.bannerbt-link > li:nth-child(2) {
background-color: rgba(57,40,26,1.00);
}
.footer-pad {
padding: 70px 15px;
}

#footer-global .ueki-navi,
#footer-global .ueki-online {
}
#footer-global .ueki-navi li,
#footer-global .ueki-online li {
padding: 0px 0px 2px;
}
#footer-global .ueki-online li a em {
display: block;
text-align: center;
font-size: 12px;
line-height: 1.4em;
font-style: normal;
padding: 0px 0px 0.2em;
}
#footer-global .ueki-online li a span {
display: inline-block;
padding: 0px 0.5em 0px 0px;
font-size: 12px;
line-height: 1.4em;
}

#footer-global .ueki-navi li:nth-child(2) {
padding: 0px 0px 15px;
}

#footer-navi-list {
position: relative;
z-index: 1;
}

#footer-navi-list > li#fbutton7 {
}
#footer-navi-list > li#fbutton100 {
margin-top: 20px;
}
#footer-navi-list > li#fbutton100 a {
height: auto;
width: 144px;
margin: 0px auto;
display: block;
}
#add-footer-navi {
display: table;
margin: 0px auto;
padding-top: 5px;
}
#add-footer-navi li {
display: table-cell;
padding: 0px 14px;
}
#add-footer-navi li a {
transition: all 0.4s;
opacity: 0.7;
}
#add-footer-navi li a:hover {
opacity: 1.0;
}



#footer-global #copyright {
font-size: 10px;
line-height: 1.3em;
padding: 50px 15px 60px;
}
#copyright #footer-bt-block {
}
#copyright #footer-bt-block dd {
position: relative;
z-index: 1;
}
#copyright .footer-bt-navi {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}



#copyright .footer-bt-navi li:nth-child(1) {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#copyright .footer-bt-navi li:nth-child(2),
#copyright .footer-bt-navi li:nth-child(3),
#copyright .footer-bt-navi li:nth-child(4),
#copyright .footer-bt-navi li:nth-child(5) {
font-size: 14px;
line-height: 1.3em;
padding: 0px 5px 15px;
}
#copyright .footer-bt-navi li:nth-child(2) {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
#copyright .footer-bt-navi li:nth-child(3) {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
#copyright .footer-bt-navi li:nth-child(4) {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
#copyright .footer-bt-navi li:nth-child(5) {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}


#copyright .footer-bt-navi li a:hover {
text-decoration: underline;
}
.footer-bt-right {
text-align: center;
}
.footer-bt-right .jasta-logo {
margin: 20px auto 0px;
display: inline-block;
padding: 10px 15px;
background-color: rgba(255,255,255,1.00);
}
.footer-bt-right .jasta-logo img {
	height: auto;
	width: calc(368px / 3);
	margin: 0px auto;
	display: block;
}




.yokohama2027 {
padding: 25px 0px 0px;
}
.yokohama2027 a {
background-color: rgba(255,255,255,0.9);
padding: 17px 74px 17px 24px;
display: block;
position: relative;
transition: all 0.4s;
}
.yokohama2027 a img {
height: auto;
display: block;
width: 100%;
margin: 0px auto;
max-width: 280px;
}
.yokohama2027 a::after {
content: "";
width: 50px;
height: 10px;
display: block;
position: absolute;
top: calc(50% - 5px);
right: 10px;
background-image: url(../images/arrow_01_s.svg);
background-size: 50px 10px;
background-position: left top;
background-repeat: no-repeat;
transform: rotate(-45deg);
transition: all 0.4s;
}
.yokohama2027 a:hover {
box-shadow: 0px 0px 15px 1px rgba(255,255,255,1.00);
}
.yokohama2027 a:hover::after {
right: 14px;
}




@media print, screen and (min-width: 375px) {
#footer-global {
font-size: 15px;
line-height: 1.3em;
}
#footer-navi-list > li {
padding: 0px 0px 12px;
}


#footer-global #copyright {
font-size: 10px;
line-height: 1.3em;
padding: 50px 15px 60px;
}


}


@media print, screen and (min-width: 768px) {
#footer-global {
font-size: 15px;
line-height: 1.3em;
}
#footer-navi-list > li {
padding: 0px 0px 14px;
}
.footer-pad {
padding: 90px 25px;
}

#footer-block dd.footer-left {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
}
#footer-block dd.footer-right {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
-ms-flex-preferred-size: 60%;
flex-basis: 60%;
}

#footer-navi-list > li#fbutton100 a {
margin: 0px auto 0px 0px;
}
#add-footer-navi {
margin: 0px auto 0px 0px;
}
#add-footer-navi li:first-child {
padding-left: 0px;
}

#footer-global .ueki-navi li:nth-child(2) {
padding: 0px 0px 25px;
}

.bannerbt-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.bannerbt-link li:nth-child(1),
.bannerbt-link li:nth-child(2) {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.bannerbt-link li:nth-child(1) .footer-pad {
padding: 90px 25px 45px;
}
.bannerbt-link li:nth-child(2) .footer-pad {
padding: 45px 25px 90px;
}


#footer-global #copyright {
font-size: 10px;
line-height: 1.3em;
padding: 60px 25px 60px;
}
#copyright .footer-bt-navi {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}





.footer-bt-right .jasta-logo img {
	width: calc(368px / 2.5);
}

}



@media print, screen and (min-width: 1024px) {
#footer-global {
font-size: 15px;
line-height: 1.3em;
}
#footer-navi-list > li {
padding: 0px 0px 14px;
}
#footer-global .ueki-navi li:nth-child(2) {
padding: 0px 0px 30px;
}
.footer-pad {
padding: 100px 30px;
}
.bannerbt-link li:nth-child(1) .footer-pad {
padding: 100px 30px 50px;
}
.bannerbt-link li:nth-child(2) .footer-pad {
padding: 50px 30px 100px;
}



#copyright #footer-bt-block dd.footer-bt-left {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}


#footer-global .ueki-online li a em {
font-size: 13px;
line-height: 1.4em;
}
#footer-global .ueki-online li a span {
font-size: 13px;
line-height: 1.4em;
}

}


@media print, screen and (min-width: 1200px) {

#footer-block dd.footer-left {
-ms-flex-preferred-size: 33%;
flex-basis: 33%;
}
#footer-block dd.footer-right {
-ms-flex-preferred-size: 67%;
flex-basis: 67%;
}

#footer-global .ueki-navi li:nth-child(2) {
padding: 0px 0px 50px;
}
.bannerbt-link li:nth-child(1),
.bannerbt-link li:nth-child(2) {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.footer-pad {
padding: 120px 50px 30px;
}
.bannerbt-link li:nth-child(1) .footer-pad {
padding: 120px 50px 190px;
}
.bannerbt-link li:nth-child(2) .footer-pad {
padding: 120px 50px 190px;
}


#footer-global #copyright {
font-size: 12px;
line-height: 1.3em;
padding: 70px 50px 100px;
}

#copyright .footer-bt-navi {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}

#copyright .footer-bt-navi li:nth-child(1) {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
#copyright .footer-bt-navi li:nth-child(2),
#copyright .footer-bt-navi li:nth-child(3),
#copyright .footer-bt-navi li:nth-child(4),
#copyright .footer-bt-navi li:nth-child(5) {
font-size: 13.5px;
line-height: 1.3em;
padding: 0px 0px 0px 30px;
}
#copyright .footer-bt-navi li:nth-child(2) {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
#copyright .footer-bt-navi li:nth-child(3) {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
#copyright .footer-bt-navi li:nth-child(4) {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
#copyright .footer-bt-navi li:nth-child(5) {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}


#copyright #footer-bt-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

#footer-global .ueki-online li a em {
font-size: 14px;
line-height: 1.4em;
}
#footer-global .ueki-online li a span {
font-size: 14px;
line-height: 1.4em;
}

.yokohama2027 a {
padding: 17px 70px 17px 20px;
}

}



@media print, screen and (min-width: 1400px) {

.footer-pad {
padding: 120px 66px 20px;
}
.bannerbt-link li:nth-child(1) .footer-pad {
padding: 120px 66px 200px;
}
.bannerbt-link li:nth-child(2) .footer-pad {
padding: 120px 66px 200px;
}

#footer-global #copyright {
font-size: 12px;
line-height: 1.3em;
padding: 70px 50px 100px;
}
#copyright .footer-bt-navi li:nth-child(2) {
padding: 0px 0px 0px 66px;
}
#copyright .footer-bt-navi li:nth-child(2),
#copyright .footer-bt-navi li:nth-child(3),
#copyright .footer-bt-navi li:nth-child(4),
#copyright .footer-bt-navi li:nth-child(5) {
font-size: 15px;
line-height: 1.3em;
padding: 0px 0px 0px 30px;
}


}


/* 20210705 */
.page-template-page-contact-confirmation .note {
  display: none;
}