@charset "utf-8";
/* CSS Document */

/*------------------------------
　childMv（メインビジュアル）
--------------------------*/




/*------------------------------
　pdMain（コンテンツ）
--------------------------*/
#pdMain {
	max-width: 1280px;
    margin: 4rem auto;
	padding: 0 2rem;
}

/*------------------------------
　accordion-area（アコーディオン）
--------------------------*/
/*アコーディオン全体*/
#pdMain .accordion-area{
    /*list-style: none;
    width: 96%;
    max-width: 900px;
    margin:0 auto;*/
}
#pdMain .accordion-area li{
	padding: 4rem 0;
	border-bottom: 1px #000000 solid;
}
#pdMain .accordion-area li:first-child{
	padding-top: 0;
}
#pdMain .accordion-area li:last-child{
	border-bottom: none;
}
#pdMain .accordion-area section {
	/*border: 1px solid #462c23;
	border-radius: 0.3em;
	padding: 0.2em;*/
}

.pdImg {
    position: relative;
}
.pdTtl {
    position: absolute;
    top: 3%;
    left: 3%;
    font-size: clamp(20px, 3vw, 42px);
}
.pdTtl.hdEng * {
    font-weight: 700;
}
.pdTtl.hdEng h5 {
    font-size: 0.7em;
}


/*アコーディオンタイトル*/
#pdMain .accordion-area .viewMore {
	/*display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
    */
	/*position: relative;*/
    cursor: pointer;
   /* font-size: clamp(14px, 2vw, 28px);
    padding: 1% 50px 1% 1%;*/
    transition: all .5s ease;
	/*background: #462c23;
	border-radius: 0.2em;
	color: #FFFFFF;
	font-weight: 700;*/
	margin-top: 2em;
	width: 25%;
}

/*アイコンの＋と×*/
#pdMain .accordion-area .viewMore::after{
    font-family: "Font Awesome 6 Free";
    content: '\f078';
    font-size: 1em;
    font-weight: 800;
    transform-origin: center;
    max-width: none;
    width: auto;
    max-height: none;
    height: auto;
    margin: 0;
	transform: rotate(0deg);
}
/*　closeというクラスがついたら形状変化　*/
#pdMain .accordion-area .viewMore.close::after{
	transform: rotate(180deg);
}

#pdMain .accordion-area .viewMore img{
	filter: invert(100%);
	margin-right: 0.5em;
	max-width: 150px;
	width: 100%;
}


/*アコーディオンで現れるエリア*/
#pdMain .accordion-area .pdTxt {
    display: none;/*はじめは非表示*/	
	font-size: clamp(16px, 2vw, 22px);
	font-weight: 500;
	color: #000000;
	width: 95%;
    margin: 0 auto;
}
#pdMain .accordion-area .pdTxt li{
    padding: 2rem 0;
    border-bottom: 1px #272727 solid;
}
#pdMain .accordion-area .pdTxt li:last-child{
    border-bottom: none;
}
#pdMain .accordion-area .pdTxt h4.hdEng {
	display: flex;
    align-items: flex-end;
    font-size: 1.75em;
    font-weight: 700;
	margin-bottom: 0.25rem;
}
#pdMain .accordion-area .pdTxt h4.hdEng > span{
    font-size: 0.5em;
	padding-bottom: 0.25em;
}
#pdMain .accordion-area .pdTxt h4.hdEng * {
	display: block;
	font-weight: 800;
}
#pdMain .accordion-area .pdTxt .pdLight h4.hdEng{
	color: #666666;
}


@media (max-width: 768px) {	
	#pdMain .accordion-area .viewMore{
		margin-top: 1em;
	}
	#pdMain .accordion-area li{
		padding: 2rem 0;
	}
	#pdMain .accordion-area .pdTxt li{
		padding: 1rem 0;
	}
	#pdMain .accordion-area .pdTxt h4.hdEng{
		font-size: 1.25em;
	}
}