@charset "UTF-8";



/*　TOP LIST
----------------------------------------*/

.products-list .top-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
 justify-content: space-between;
}
.products-list .top-list a {
  display: block;
  color: #70757B;
}
.products-list .top-list li {
  width: 48%;
  text-align: center;
  padding-bottom: 15px;
 /*max-width: 390px;*/
 border: 1px solid #707070;
 margin-bottom: 40px;
}
.products-list .top-list li .txt-area {
  padding: 0 25px 0 25px;
}
.products-list .top-list li .txt-area h2 {
  padding: 0 25px 0 25px;
}
.products-list .top-list li .img-area {
  display: flex;
 justify-content: space-between;
 align-items: center;
 margin-bottom: 15px;
 height: 184px;
}
.products-list .top-list li .img-area .cdn{
  width: 49%;
 /*max-width: 175px;*/
}
.products-list .top-list li .img-area.one-clm {
 justify-content: center;
}
.products-list .top-list li .img-area.three-clm .cdn{
 width: 32%;
}
 .products-list .top-list.height li .txt-area h3 {
    font-size: 1.0rem;
  text-align: left;
  padding-top: 5px;
}
 

.products-list .top-list li .txt-area span {
  text-decoration: underline;
  font-weight: 700;
  background: url(../images/common/icon_link-g.png) right 1px top 7px no-repeat;
  background-size: 10px;
  padding-right: 14px;
}

.mt-5{
  margin-top: -5px;
}

.gd-list{
 display: flex;
 justify-content: space-between;
 margin-bottom: 50px;
 flex-wrap: wrap;
 max-width: 1000px;
 margin: auto;
}
.gd-list li{
 width: 24%;
 max-width: 285px;
}
.gd-list li p{
 font-size: 1.0rem;
 margin-top: 10px;
}
@media screen and (max-width: 767px) {
 .products-list .top-list {
  justify-content: center;
 }
.products-list .top-list li {
  width: 100%;
 margin-bottom: 30px;
}
.products-list .top-list li:last-child {
 margin-bottom: 0;
}
.gd-list li{
 width: 48%;
 max-width: 100%;
 margin-bottom: 20px;
}
.gd-list{
 margin-bottom: 0;
}
 
.products-list .top-list li .img-area {
 align-items: flex-start;
 height: auto;
 margin-bottom:5px; 
}
.products-list .top-list li .img-area.three-clm {
    flex-wrap: wrap;
}
.products-list .top-list li .img-area.three-clm .cdn {
    width: 48%;
}
.products-list .top-list li .img-area.three-clm .cdn:last-child {
    margin-top: 15px;
}
}


/*ナビ*/
.j_urban-list li{
  margin-bottom: 10px;
}
.j_urban-list li img{
  display: inline;
}
.j_urban-list li:last-child{
  margin-bottom: 0;
}
.j_urban-list li a{
  background: url(../images/common/arrow-bottom-w.png) right 10px center no-repeat #70757B;
  background-size: 15px;
  padding: 10px 20px;
  display: block;
  font-size: 1.6rem;
  color: #fff;
  font-weight: bold;
}

/*メインイメージ*/
.main-img{
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
}
.main-img .main-img-img{
 width: 50%;
}
.main-img .main-img-txt{
 width: 50%;
 padding: 50px 30px;
 background: #F8F8F8;
}
.main-img .main-img-txt h2{
 text-align: center;
 margin-bottom: 50px;
 font-size: 2.8rem;
 font-weight: bold;
}
.main-img .main-img-txt h2 span{
 display: block;
 font-size: 2.2rem;
}
@media screen and (min-width: 768px) {
.main-img .main-img-txt h2 span.ib{
 display: inline-block;
}
}
.main-img .main-img-txt h3{
 text-align: center;
 font-size: 3.0rem;
 margin-bottom: 30px;
}
.main-img .main-img-txt p{
 font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
.main-img .main-img-img{
 width: 100%;
}
.main-img .main-img-txt{
 width: 100%;
 padding: 50px 40px;
 background: #F8F8F8;
}
.main-img .main-img-txt h2{
 margin-bottom: 15px;
}
.main-img .main-img-txt h3{
 font-size: 2.1rem;
 margin-bottom: 20px;
}
.main-img .main-img-txt p{
 font-size: 1.4rem;
}
}

/*2カラム*/
.gd2col{
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
}
.gd2col li{
 max-width: 550px;
 width: 50%;
}
.gd2col02 li{
 max-width: 100%;
 width: 50%;
}
/*ラベル*/
.gd-label{
 display: inline-block;
 font-size: 3.0rem;
 background: #EFEFEF;
 min-width: 190px;
 text-align: center;
 line-height: 1.5;
 padding: 5px 0;
}
.gd-label02{
 display: inline-block;
 font-size: 3.0rem;
 background: #EFEFEF;
 text-align: center;
 padding: 5px 20px;
 line-height: 1.5;

}
@media screen and (max-width: 767px) {
.gd-label{
 display: block;
 font-size: 2.1rem;
 padding: 5px 0;
 line-height: 1.5;
}
.gd-label02{
 display: block;
 font-size: 2.1rem;
 padding: 5px 0;
 line-height: 1.5;
}
.gd2col li{
 width: 100%;
}
}
/*線*/
.bdb{
 border-bottom: 1px solid #000000;
}
.bdbno-pc{
 border: none;
}
@media screen and (max-width: 767px) {
.bdbno-sp{
 border: none;
}
}

/*順*/

@media screen and (max-width: 767px) {
 .od01-sp{
  order: 1;
 }
 .od02-sp{
  order: 2;
 }
}

/*2016*/
.triple-z .tp{
 display: flex;
}
.triple-z .tp-left{
 max-width: 734px;
}
.triple-z .tp-right{
 max-width: 466px;
}
.triple-z .tp-right-inner{
 background: #FAE89D;
 padding: 10px;
}
.triple-z .btm{
 display: flex;
 background: #FAE89D;
 padding: 10px 30px 10px 10px;
 justify-content: space-between;
}
.triple-z .btm-left{
 max-width: 381px;
 width: 33%;
}
.triple-z .btm-center{
 width: 26%;
}
.triple-z .btm-right{
  width: 36%;
}
.triple-z h3{
 font-size: 1.6rem;
 font-weight: bold;
 margin-bottom: 10px;
 margin-top: 10px;
}
.triple-z p{
 font-size: 1.6rem;
 line-height: 1.8;
}
@media screen and (max-width: 1280px) {
.triple-z p{
 font-size: 1.233333vw;
}
}
@media screen and (max-width: 767px) {
.triple-z .tp{
 flex-wrap: wrap;
}
.triple-z h3{
 font-size: 1.4rem;
 font-weight: bold;
}
.triple-z p{
 font-size: 1.4rem;
}
.triple-z .tp-left{
 max-width: 100%;
}
.triple-z .tp-right{
 max-width: 100%;
}
.triple-z .btm{
 padding: 10px 10px 10px 10px;
 flex-wrap: wrap;
}
.triple-z .btm-left{
 max-width: 381px;
 width: 100%;
}
.triple-z .btm-center{
 width: 100%;
}
.triple-z .btm-right{
  width: 100%;
}
}

/*　2023
----------------------------------------*/
.numbedl dl{
	display: flex;
	justify-content: space-between;
	margin-bottom: 15px;
	padding-top: 20px;
}
.numbedl dl dt{
	color: #fff;
	font-size: 30px;
	background: #555454;
	min-width: 55px;
	text-align: center;
}
.numbedl dl dd{
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	font-size: 24px;
	margin-left: 10px;
	padding: 4px 15px; 
	width: 100%;
}
.numbedl p{
	font-size: 16px;
}
@media screen and (max-width: 767px) {
.numbedl dl{
	margin-bottom: 15px;
	padding-top: 0;
}
.numbedl dl dt{
	font-size: 24px;
	min-width: 48px;
}
.numbedl dl dd{
	font-size: 18px;
	margin-left: 10px;
	padding: 4px 15px; 
}
.numbedl p{
	font-size: 14px;
}
	.numbedl li{
		margin-bottom: 20px;
	}
}

/*　2024
----------------------------------------*/

.gd2024-block{
	display: flex;
	justify-content: space-between;
	margin-bottom: 70px;
}
.gd2024-block.rev{
	flex-direction:row-reverse
}
.gd2024-block01{
	max-width: 478px;
	width: 41%;
}
.gd2024-block01 p{
	font-size: 16px;
	margin-bottom: 20px;
}
.gd2024-block01 p:last-child{
	margin-bottom: 0;
}
.gd2024-block02{
	max-width: 682px;
	width: 57%;
}


.gd2024-block dl{
	display: flex;
	justify-content: space-between;
    margin-bottom: 15px;
	line-height: 1.5;
}
.gd2024-block dl dt {
    color: #fff;
    font-size: 30px;
    background: #555454;
    min-width: 155px;
    text-align: center;
	display: flex;
    align-items: center;
    justify-content: center;
	min-height: 55px;
}
.gd2024-block dl dd {
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    font-size: 24px;
    margin-left: 10px;
    padding: 4px 0px 4px 10px;
    width: 100%;
	display: flex;
	align-items: center;
}
@media screen and (max-width: 767px) {
.gd2024-block{
	display: block;
}
.gd2024-block01{
	max-width: 100%;
	width: 100%;
	margin-bottom: 20px;
}
.gd2024-block02{
	max-width: 100%;
	width: 100%;
}
	
.gd2024-block01 p{
	font-size: 14px;
	margin-bottom: 10px;
}
.gd2024-block dl dt {
        font-size: 14px;
        min-width: 78px;
    }
.gd2024-block dl dd {
    font-size: 16px;
    margin-left: 10px;
    padding: 4px 0px 4px 10px;
}
}

/*　2025
----------------------------------------*/
.gd2025 .list-2025{
	display: flex;
	gap: 40px;
	margin-bottom: 20px;
}
.gd2025 .main-img .main-img-txt {
    padding: 50px 40px;
}

@media screen and (max-width: 767px) {
.list-2025 {
    gap: 20px;
    flex-wrap: wrap;
}
	.gd2025 .gd2025-flex{
		display: flex;
		flex-wrap: wrap;
	}
	.gd2025 .gd2025-flex .od2{
		order: 2;
		margin-top: 30px;
	}
}

/*　2026
----------------------------------------*/
.gd2026 .main-img .main-img-txt {
	padding: 50px 40px;
}
.gd2026 .list-2026 {
	display: flex;
	flex-wrap: wrap;
	gap: 40px 40px;
	margin-bottom: 20px;
}
.gd2026 .list-2026 li {
	width: calc(50% - 20px);
	text-align: center;
}
.gd2026 .list-2026 li:nth-child(1),
.gd2026 .list-2026 li:nth-child(2) {
	padding-right: 40px;
}
.gd2026 .list-2026 li p {
	font-size: 1.6rem;
	margin-top: 10px;
	line-height: 1.8;
}
.gd2026 .gd2026-point01 {
	display: flex;
	justify-content: center;
	align-items: stretch;
	gap: 40px;
	background: #F8F8F8;
	padding: 40px;
}
.gd2026 .gd2026-point01 > div {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.gd2026 .gd2026-point01 > div img {
	max-width: 424px;
	width: 100%;
	height: auto;
}
.gd2026 .gd2026-point02 {
	max-width: 1200px;
}
.gd2026 .gd2026-point03 {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 40px;
}
.gd2026 .gd2026-point03-txt {
	width: 55%;
	max-width: 610px;
}
.gd2026 .gd2026-point03-img {
	width: 42%;
	max-width: 498px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
}
@media screen and (max-width: 767px) {
	.gd2026 .list-2026 {
		gap: 20px;
	}
	.gd2026 .list-2026 li {
		width: 100%;
	}
	.gd2026 .list-2026 li:nth-child(1),
	.gd2026 .list-2026 li:nth-child(2) {
		padding-right: 0;
	}
	.gd2026 .list-2026 li p {
		font-size: 1.4rem;
	}
	.gd2026 .gd2026-point01 {
		flex-wrap: wrap;
		gap: 30px;
		padding: 40px 40px;
		width: calc(100% + 80px);
		margin-left: -40px;
		margin-right: -40px;
	}
	.gd2026 .gd2026-point01 > div {
		flex: none;
		width: 100%;
	}
	.gd2026 .gd2026-point01 > div img {
		max-width: 100%;
	}
	.gd2026 .gd2026-point03 {
		flex-wrap: wrap;
		gap: 30px;
	}
	.gd2026 .gd2026-point03-txt {
		width: 100%;
		max-width: 100%;
	}
	.gd2026 .gd2026-point03-img {
		width: 100%;
	}
}