/* 新着体験談 */
#categorySec{}
#categorySec .sectionInner{}
#categorySec .sectionInner .titleSubBox{
    text-align: center;
}
#categorySec .sectionInner .titleSubBox h3{
    text-align: center;
    text-align: center;
    font-size: 2.2em;
    font-weight: bold;
    margin-bottom: 0em;
    padding: 0 4px 2px 4px;
    text-decoration: underline;
    text-decoration-thickness: 0.5em;
    text-decoration-color: rgba(255, 255, 102, 1);
    text-underline-offset: -0.2em;
    text-decoration-skip-ink: none;
}
#categorySec .sectionInner .titleSubBox p{text-align: center;font-size: 1.35em;font-weight: bold;color: #b3b3b3;}

#categorySec .sectionInner .PickUpBox{
    margin: 2em auto;
}
#categorySec .sectionInner .PickUpInner{
    width: 100%;
    gap: 2em 2%;
    flex-wrap: wrap;
}

#categorySec .sectionInner .PickUpInner .cardContainer{
    width: 32%;
    border: 1px solid #333;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
#categorySec .sectionInner .PickUpInner .cardContainer .cardHeaderImage{
    position: relative;
}
#categorySec .sectionInner .PickUpInner .cardContainer .cardHeaderImage .mainPhoto{
	width: 100%;
	aspect-ratio: 4/3;
	/* background: #ccc; */
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
#categorySec .sectionInner .PickUpInner .cardContainer .cardHeaderImage .iconCountryFlag{position: relative;display: inline-block;bottom: 3em;left: 3em;height: 1.1em;width: 1.76em;}
#categorySec .sectionInner .PickUpInner .cardContainer .cardHeaderImage .iconCountryFlag:after{content:"";display: inline-block;position:absolute;height: 2.2em;width: 3.52em;/* background:#ccc; */background-size: cover;background-repeat:no-repeat;filter: drop-shadow(2px 2px 2px #aaa9);top: 0;bottom: 0;right: 0;margin: auto;}
#categorySec .sectionInner .PickUpInner .cardContainer .cardHeaderImage .thumbnailImg{
    position: absolute;
    background-position: center;
    background-size: cover;
    right: 5%;
    bottom: -5%;
    border-radius: 50%;
    border: 5px solid #fff;
    overflow: hidden;
    aspect-ratio: 1/1;
    max-width: 32%;
    width: 100px;
}


#categorySec .sectionInner .PickUpInner .cardContainer .cardBody{
    width: 90%;
    margin: 0em auto 1em;
    display: flex;
    flex-direction: column;
    flex: 1 auto;
}
#categorySec .sectionInner .PickUpInner .cardContainer .cardBody .abroadDetails{
    color: #999999;
    line-height: 1.2;
}
#categorySec .sectionInner .PickUpInner .cardContainer .cardBody .title{font-size:1em;font-weight:bold;line-height:1.4;margin: 0.5em 0;}
#categorySec .sectionInner .PickUpInner .cardContainer .cardBody .profileQA{
    font-size: 0.9em;
}
#categorySec .sectionInner .PickUpInner .cardContainer .cardBody .profileQA{
    font-size: 0.9em;
    margin-bottom: auto;
}
#categorySec .sectionInner .PickUpInner .cardContainer .cardBody .profileQA .question{}
#categorySec .sectionInner .PickUpInner .cardContainer .cardBody .profileQA .answer{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* 行数を指定 */
}
#categorySec .sectionInner .PickUpInner .cardContainer .cardBody .readMore{
    font-size: 1em;
    margin: 1.4em auto;
    color: #333;
}
#categorySec .sectionInner .PickUpInner .cardContainer .cardBody .readMore .readAnker{
    padding: 0.5em 2em;
    background: #39bac3;
    border-radius: 3em;
    color: #fff;
}

#categorySec .sectionInner .PickUpInner .cardContainer .cardBody .authorInfo{text-align: right;margin-top: -0.5em;}
#categorySec .sectionInner .PickUpInner .cardContainer .cardBody .authorInfo .authorName{
    color: #999;
    line-height: 1.2;
    text-align: right;
    margin: 0;
}
#categorySec .sectionInner .PickUpInner .cardContainer .cardBody .authorInfo .updateDate{
    color: #b3b3b3;
    line-height: 1.2;
    text-align: right;
}
#categorySec .sectionInner .PickUpInner .cardContainer .cardBody:not(:has(.profileQA)) .readMore{margin-top: auto;}


@media screen and (max-width:800px){
	
/* 新着体験談 */
#categorySec{}
#categorySec .sectionInner{}
#categorySec .sectionInner .titleSubBox{}
#categorySec .sectionInner .titleSubBox h3{}
#categorySec .sectionInner .titleSubBox p{}

#categorySec .sectionInner .PickUpBox{}
#categorySec .sectionInner .PickUpInner{
    flex-wrap: wrap;
}

#categorySec .sectionInner .PickUpInner .cardContainer{
    width: 49%;
}
#categorySec .sectionInner .PickUpInner .cardContainer .cardHeaderImage{}
#categorySec .sectionInner .PickUpInner .cardContainer .cardHeaderImage .mainPhoto{}
#categorySec .sectionInner .PickUpInner .cardContainer .cardHeaderImage .iconCountryFlag{}
#categorySec .sectionInner .PickUpInner .cardContainer .cardHeaderImage .iconCountryFlag:after{}
#categorySec .sectionInner .PickUpInner .cardContainer .cardHeaderImage .thumbnailImg{
    background-size: cover;
}


#categorySec .sectionInner .PickUpInner .cardContainer .cardBody{}
#categorySec .sectionInner .PickUpInner .cardContainer .cardBody .abroadDetails{}
#categorySec .sectionInner .PickUpInner .cardContainer .cardBody .title{
    margin: 0.5em 0;
}
#categorySec .sectionInner .PickUpInner .cardContainer .cardBody .profileQA{
    margin-top: 0.5em;
}
#categorySec .sectionInner .PickUpInner .cardContainer .cardBody .profileQA .question{}
#categorySec .sectionInner .PickUpInner .cardContainer .cardBody .profileQA .answer{}
#categorySec .sectionInner .PickUpInner .cardContainer .cardBody .readMore{}
#categorySec .sectionInner .PickUpInner .cardContainer .cardBody .readMore .readAnker{}

#categorySec .sectionInner .PickUpInner .cardContainer .cardBody .authorInfo{}
#categorySec .sectionInner .PickUpInner .cardContainer .cardBody .authorInfo .authorName{}
#categorySec .sectionInner .PickUpInner .cardContainer .cardBody .authorInfo .updateDate{}

}

@media screen and (max-width: 480px){
	
/* 新着体験談 */
#categorySec{}
#categorySec .sectionInner{}
#categorySec .sectionInner .titleSubBox{}
#categorySec .sectionInner .titleSubBox h3{}
#categorySec .sectionInner .titleSubBox p{}

#categorySec .sectionInner .PickUpBox{}
#categorySec .sectionInner .PickUpInner{}

#categorySec .sectionInner .PickUpInner .cardContainer{
    width: 100%;
}
#categorySec .sectionInner .PickUpInner .cardContainer .cardHeaderImage{}
#categorySec .sectionInner .PickUpInner .cardContainer .cardHeaderImage .mainPhoto{}
#categorySec .sectionInner .PickUpInner .cardContainer .cardHeaderImage .iconCountryFlag{}
#categorySec .sectionInner .PickUpInner .cardContainer .cardHeaderImage .iconCountryFlag:after{}
#categorySec .sectionInner .PickUpInner .cardContainer .cardHeaderImage .thumbnailImg{}


#categorySec .sectionInner .PickUpInner .cardContainer .cardBody{}
#categorySec .sectionInner .PickUpInner .cardContainer .cardBody .abroadDetails{}
#categorySec .sectionInner .PickUpInner .cardContainer .cardBody .title{
    font-size: clamp(14px, 3.6vw, 16px);
}
#categorySec .sectionInner .PickUpInner .cardContainer .cardBody .profileQA{}
#categorySec .sectionInner .PickUpInner .cardContainer .cardBody .profileQA .question{
    font-size: clamp(16px,4vw, 18px);
}
#categorySec .sectionInner .PickUpInner .cardContainer .cardBody .profileQA .answer{
    font-size: clamp(14px,3.6vw, 16px);
}
#categorySec .sectionInner .PickUpInner .cardContainer .cardBody .readMore{}
#categorySec .sectionInner .PickUpInner .cardContainer .cardBody .readMore .readAnker{}
#categorySec .sectionInner .PickUpInner .cardContainer .cardBody:not(:has(.profileQA)) .readMore{
    margin-top: 1em;
}
#categorySec .sectionInner .PickUpInner .cardContainer .cardBody .authorInfo{}
#categorySec .sectionInner .PickUpInner .cardContainer .cardBody .authorInfo .authorName{}
#categorySec .sectionInner .PickUpInner .cardContainer .cardBody .authorInfo .updateDate{}

}