@charset "utf-8";

body.ctg_about{}

/**組織**/
.about_outline .kyokai_ul{row-gap:1.5rem; }
.about_outline .sanyo_ul{row-gap:1.25rem;}
.about_outline .sanyo_ul li{border-bottom: 2px dotted var(--color-lightgray);padding-bottom: 1.5rem;padding-left:0.5em;display: flex;align-items: center;justify-content: space-between;gap: 2.5em;}
.about_outline .sanyo_ul .name_box{flex: 1;font-size:var(--font-Mx);}
.about_outline .sanyo_ul .name_box:before{content:"■";margin-right:0.5em;font-size:75%;vertical-align:middle;}
.about_outline .sanyo_ul .name_box small{font-size:var(--font-S);display: block;padding-top: 0.25em;}
.sanyo_ul li [class*="common_btn"]{width: 11em;padding: 0.6em 1em 0.6em 0.75em;}
.about_outline [class*="_cbox"]+.staff_ul{padding-top: 1.5rem;}
.about_outline .staff_ul + [class*="mid_M"]{padding-top:8rem;}

.about_outline .staff_ul+.otherstaff_ttl{padding-top:2.5rem;}
.about_outline .otherstaff_ttl{font-weight:700;padding-left: 0.75rem;}
.about_outline .otherstaff_ul{display: flex;gap:0 2rem;padding:0.5rem 0 2rem 0.75rem;flex-wrap: wrap;}
.about_outline .otherstaff_ul li{font-size: var(--font-S);}
.about_outline .otherstaff_ul li:before{content: "・";}

.about_outline .rekidai_rijicho + .rekidai_rijicho{margin-top: 2em;}
.about_outline .rekidai_term{border-radius: 0.5rem;text-align: center;background-color: #eeeeee; padding: 0.75em; margin-bottom:2em;}
.about_outline .rekidai_member{display: flex;gap:2em;align-items: flex-start;}
.about_outline .rekidai_member .staff_photo{border-radius: 0.5rem;width: 18%;}
.about_outline .rekidai_info{flex: 1;}
.about_outline .rekidai_info [class*="common_btn"]{}
.about_outline .rekidai_info [class*="mid_M"]{margin-bottom: 0.75em;}
.about_outline .rekidai_info .rekidai_comment{display: block;margin-bottom: 2em;}

.about_outline .rekidai_commemorate{border-top: 1px solid var(--color-lightgray);margin-top: 3em;padding-top: 2em;}
.about_outline .rekidai_commemorate [class*="mid_M"]{text-align: center;}
.about_outline .rekidai_commemorate .rekidai_career{gap:2em; display: flex;flex-direction: column;}
.about_outline .rekidai_commemorate .rekidai_career .Fset_szM{font-weight: 700;}
.about_outline .rekidai_commemorate .rekidai_career [class*="Fset"][class*="_szS"]{background-color: #eee;padding: 1em 2em; border-radius: 0.5rem;}
.about_outline .rekidai_commemorate .rekidai_shiryo{padding-top: 3em;}
.about_outline .rekidai_commemorate .rekidai_movie video{width:100%; height:auto; margin-top: 1.5em;}
.about_outline .rekidai_commemorate .rekidai_pdf [class*="common_btn"][class*="-PDF"]{width:auto;}
.about_outline .rekidai_commemorate .rekidai_pdf .pdf_ul{row-gap:1rem;align-items: center;padding-top:3em;}
.about_outline .rekidai_commemorate .rekidai_pdf .pdf_ul li{display: flex; gap:1em;}

/**オフィシャルスポンサー・賛助会員**/
.about_support{}
.about_support [class*="_cbox"]+ [class*="mid_S"]{}
.about_support .sponsor_ul{}
.about_support .sponsor_ul li a{display:block;overflow:hidden;border-radius:0.5rem;}
.about_support .sponsor_ul li p{display: block;padding:0.5em 0.3em;font-size: var(--font-S);}
.about_support .sponsor_ul li p:before{content:"▲";display:inline-block;margin-right:0.4em;font-size:75%;}
.about_support .support_merit{display: flex;flex-direction: column;gap:1em;}
.about_support .support_merit li{text-indent: -1.25em; padding-left: 1.25em;}
.about_support .support_asso{row-gap:0.75em;padding-bottom: 2em;}
.about_support .support_asso li{}
.about_support .support_asso li a{/*color:var(--color-red);*/}
.about_support .support_asso li a:before{content: "";width: 1em;height: 1em;display: inline-block;vertical-align: top;margin-top: 0.2em;margin-right: 0.5em;background-repeat: no-repeat;background-image: url(../img/arr_MaruRED.svg);background-size: contain;}


/**定款**/
.about_artic [class*="mid_M"] {margin-bottom: 0.5rem;}
.about_artic[class*="mid_L"] +.mid_under,
.about_artic [class*="mid_M"] +.mid_under,
.about_artic [class*="mid_S"] +.mid_under{padding-bottom:0;}
.about_artic .mid_under + [class*="mid_"]{padding-top:2rem;}
.about_artic .mid_under ol,.about_artic .mid_under ol li{list-style-type: decimal;list-style-position: inside;}
.about_artic .mid_under ol{padding:1em 0 0.5em 1em;}
.about_artic .mid_under ol li{margin-left: 1.2em; text-indent: -1.2em;}
.about_artic .mid_under ol>li{padding-bottom: 0.5em;}
.about_artic .mid_under ol>li>ol{padding-top:0.5em;}
.about_artic .mid_under ol>li>ol li{padding-bottom: 0.25em;}

/**JATIの事業**/
.about_service ul.service_commul{row-gap:3rem;}
.about_service ul.service_commul li{display: flex;flex-direction: column;justify-content: space-between;}
.about_service ul.service_commul p.service_txt{display:block;padding-bottom: 2rem;}
.about_service ul.service_commul .bottom_box{}
.about_service ul.service_commul .w100per .bottom_box{padding-top: 0;}
.about_service ul.service_commul [class*="common_btn"]{width:fit-content;} 
.about_service ul.service_commul [class*="common_btn"]+ [class*="common_btn"]{display: block;margin-top: 1rem;}
.about_service ul.service_commul + [class*="mid_M"]{margin-top: 4rem;}
.about_service .service_book{width:66%;margin-bottom: 3rem;}
.about_service .service_photo{margin-top:3rem;}
.about_service ul.service_commul li.kaigai_koen{flex-direction: row;}
.about_service ul.service_commul li.kaigai_koen figure{max-width:200px;width: 38%;}

.about_service .balance_ul{row-gap:1.25rem;}
.about_service .balance_ul li{border-bottom: 2px dotted var(--color-lightgray);padding-bottom: 1rem;padding-left:0.5em;display: flex;align-items: center;justify-content: space-between;gap: 1rem;}
.about_service .balance_ul li:nth-last-child(1):nth-child(3n+1)/**1個の場合**/,
.about_service .balance_ul li:nth-last-child(1):nth-child(3n+2)/**2個の場合**/,
.about_service .balance_ul li:nth-last-child(2):nth-child(3n+1)/**2個の場合**/,
.about_service .balance_ul li:nth-last-child(1):nth-child(3n)/**3個の場合**/,
.about_service .balance_ul li:nth-last-child(2):nth-child(3n+2)/**3個の場合**/,
.about_service .balance_ul li:nth-last-child(3):nth-child(3n+1)/**3個の場合**/
{border-bottom-style: none;padding-bottom: 0;}
.about_service .balance_ul .nendo{flex:1;}
.about_service .balance_ul .nendo:before{content:"■";margin-right:0.5em;font-size:75%;vertical-align:middle;}
.about_service .balance_ul [class*="common_btn"][class*="-PDF"]{width: fit-content;}
.about_service *+[class*="mid_M"]{padding-top:1rem!important;}


/**表彰**/
.about_prize{}
.about_prize .prize_award{display: flex;flex-direction: column;gap:2em;}
.about_prize .prize_award li{display: flex;gap:1em 0;align-items: center;}
.about_prize .prize_award li .award_num{line-height: 1; white-space: nowrap;padding-right: 2rem;}
.about_prize .prize_award li .award_txt{border-left: #eee 2px solid;padding: 1em 2rem;}
.about_prize .award_atten{font-size:var(--font-S);}
.about_prize .prize_award + .award_atten{padding-top: 3rem;}
.about_prize [class*="_cbox"] + [class*="mid_"]{}

.about_prize .prize_recip{row-gap:3rem;}
.about_prize .prize_recip li{display: flex;flex-direction: column;}
.about_prize .prize_recip li .recip_ttl{font-size:var(--font-Mx);font-weight: 700;color: var(--color-red);padding-bottom: 1rem;}
.about_prize .prize_recip li .recip_ttl:before{content:"▼";font-size:75%;vertical-align: top;margin-right: 0.5em;}
.about_prize .prize_recip li .recip_person{font-size:var(--font-SS);padding-left:0.25rem;}
.about_prize .prize_recip li .recip_person .recip_name{font-size:var(--font-M); font-weight: 700;padding-bottom: 0.25rem;}
.about_prize .prize_recip li .recip_person+.recip_person{padding-top: 1.25rem;}
.about_prize .prize_recip li .recip_person sup{}

.about_prize .prize_recip li.w100per{flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
.about_prize .prize_recip li.w100per .recip_ttl{width: 100%;}
.about_prize .prize_recip li.w100per .recip_person{width:48%;padding-top:0!important;padding-bottom:1.25rem;}

/**海外提携団体**/
.about_ovaff .ovaff_ttl{display: flex;gap:2rem;padding-bottom:3rem;align-items: flex-start;}
.about_ovaff .ovaff_ttl img { width: 20%;}
.about_ovaff .lead_txt+.ovaff_ttl{padding-top: 6rem;}
.about_ovaff .ovaff_name{}
.about_ovaff .ovaff_name [class*="mid_M"]{margin-bottom:0.5em; }
.about_ovaff .ovaff_name .vimeo_box{position: relative;aspect-ratio: 16 / 9;margin: 3rem 0 3rem; width: 50%;}
.about_ovaff .ovaff_name .ovaff_small{}
.about_ovaff .ovaff_name .ovaff_small+[class*="common_btn"]{margin-top:1em;}
.about_ovaff .ovaff_y{margin-bottom: 0.5em;font-weight: 700;}
.about_ovaff .ovaff_ul .ovaff_shoha{padding-bottom: 0.5em; font-weight: 700;}
.about_ovaff .ovaff_ttl + .ovaff_y{padding-top: 3rem;}

/**海外提携団体**/
.about_trademark {}
.about_trademark .trademark_ttl{display: flex;gap:2rem;padding-bottom:3rem;align-items: flex-start;}
.about_trademark .trademark_ttl img { width: 25%;}
.about_trademark .trademark_name{}
.about_trademark .trademark_name [class*="mid_M"]{margin-bottom:0.5em; }
.about_trademark .trademark_name .trademark_txt small{font-size:85%; display: block;padding-top: 0.5em;}

/**協会発行物**/
.about_publication [class*="Fset_"]+[class*="Fset_"]{padding-top:1rem;}
.about_publication [class*="Fset_"]+[class*="_cbox"]{margin-top: 3rem;}
.about_publication [class*="_cbox"]+ [class*="_cbox"]{margin-top: 2rem;}
.about_publication>*{font-size:var(--font-S);}
.about_publication .lead_txt{padding-bottom: 2rem;}
.about_publication .publication_book{display: flex;gap:2rem;align-items: flex-start;}
.about_publication .publication_book .book_img{width:15%;padding:1px;background-color:#e0e0e0;}
.about_publication .publication_book .book_img img{width:100%;}
.about_publication .publication_book .book_txt{flex: 1;}
.about_publication .book_name{font-size: var(--font-Mx); color: var(--color-red);font-weight: 700;}
.about_publication .book_name + .book_intr{padding-top: 1.5rem;}
.about_publication .book_rele{padding-bottom:1.5rem;}
.about_publication .book_intr{}
.about_publication .book_intr+*{margin-top:1rem;}
.about_publication .book_corre{margin-bottom:1rem;}
.about_publication .book_corre a{color: var(--color-red);}
.about_publication .book_price{padding-top: 1rem;}
.about_publication .book_price .member_price{font-weight: 700; color:var(--color-red);}

/**養成校・養成校機関**/
.about_yoseko{}

/**求人情報の告知**/
.about_recr [class*="_cbox"]+[class*="mid_"]{padding-top: 6rem;}
.about_recr .mid_under+[class*="mid_"]{padding-top: 4rem;}

/**機関誌一覧**/
.about_express{}
.about_express .mid_under+[class*="Fset"]+[class*="_cbox"]{margin-top:2rem;}
.about_express .lead_txt{padding:4rem 0 2rem;}
.about_express .express_ul + [class*="mid_"]{padding-top:6rem;}
.about_express .express_ul li{text-align: center;}
.about_express .express_ul li .express_inner{display:block;margin-bottom: 0.5rem;}
.about_express .express_ul li .express_inner img{width:100%; margin-bottom:0.75rem;}
.about_express .express_ul li div.express_inner [class*="common_btn"]{pointer-events: none;border-color: #fff;}
.about_express .express_ul li div.express_inner [class*="common_btn"]:after{display: none;}
.about_express .express_ul li div.express_inner img{border: 1px solid #acacac;}


@media only screen and (max-width: 760px) {
	/**組織**/
	.about_outline .kyokai_ul{}
	.about_outline .sanyo_ul{}
	.about_outline .sanyo_ul li{align-items: flex-start;justify-content: flex-start;flex-direction: column;}
	.about_outline .sanyo_ul .name_box{}
	.about_outline .sanyo_ul .name_box:before{}
	.about_outline .sanyo_ul .name_box small{display:inline-block; margin-left:0.5em;}
	.sanyo_ul li [class*="common_btn"]{width:auto;padding: 0.4em 2em 0.4em 1.75em;margin-top: 0.75em;}
	.about_outline [class*="_cbox"]+.staff_ul{padding-top: 4vw;}
	.about_outline .staff_ul{}
	.about_outline .staff_ul[class*="col_"]{gap: 2.5vw 2%!important;}
	.about_outline .staff_ul[class*="col_"]>*{ width: 32%!important; }
	.about_outline .staff_ul>li{}
	.about_outline .staff_ul + [class*="mid_M"]{padding-top:6rem;}
	
	.about_outline .staff_ul+.otherstaff_ttl{padding-top:1.5rem;}
	.about_outline .otherstaff_ttl{padding-left: 0.5rem;}
	.about_outline .otherstaff_ul{gap:0 1rem;padding:0.25rem 0 2rem 0.5rem;}
	.about_outline .otherstaff_ul li{font-size: var(--font-M);}
	.about_outline .otherstaff_ul li:before{}
	
	.about_outline .rekidai_rijicho + .rekidai_rijicho{}
	.about_outline .rekidai_term{ }
	.about_outline .rekidai_member{flex-direction: column;gap:1em;}
	.about_outline .rekidai_member .staff_photo{width: 50%; margin: auto;margin-bottom: 2em;}
	.about_outline .rekidai_info{}
	.about_outline .rekidai_info [class*="common_btn"]{width: 100%;}
	.about_outline .rekidai_info [class*="mid_M"]{margin-bottom: 0.75em; text-align: center;}
	.about_outline .rekidai_info .rekidai_comment{margin-bottom: 1.5em; }
	.about_outline .rekidai_commemorate{}
	.about_outline .rekidai_commemorate [class*="mid_M"]{}
	.about_outline .rekidai_commemorate .rekidai_career{}
	.about_outline .rekidai_commemorate .rekidai_career .Fset_szM{}
	.about_outline .rekidai_commemorate .rekidai_career [class*="Fset"][class*="_szS"]{padding: 1.5em;}
	.about_outline .rekidai_commemorate .rekidai_shiryo{gap:2em;}
	.about_outline .rekidai_commemorate .rekidai_movie video{}
	.about_outline .rekidai_commemorate .rekidai_pdf [class*="common_btn"][class*="-PDF"]{}
	.about_outline .rekidai_commemorate .rekidai_pdf .pdf_ul{row-gap:1rem;align-items: center;padding-top:2em;}
	.about_outline .rekidai_commemorate .rekidai_pdf .pdf_ul li{display: flex; gap:1em;}

	/**オフィシャルスポンサー・賛助会員**/
	.about_support{}
	.about_support [class*="_cbox"]+ [class*="mid_"]{}
	.about_support .sponsor_ul{}
	.about_support .sponsor_ul li{width:calc((100% - var(--columnGapfix)*1) / 2)!important;}
	.about_support .sponsor_ul li a{display:block;overflow:hidden;border-radius:0.5rem;}
	.about_support .sponsor_ul li p{display: block;padding:0.5em 0.3em;font-size: var(--font-S);}
	.about_support .sponsor_ul li p:before{content:"▲";display:inline-block;margin-right:0.4em;font-size:75%;}


	/**定款**/
	.about_artic [class*="mid_M"] {}
	.about_artic[class*="mid_L"] +.mid_under,
	.about_artic [class*="mid_M"] +.mid_under,
	.about_artic [class*="mid_S"] +.mid_under{}
	.about_artic .mid_under + [class*="mid_"]{}
	.about_artic .mid_under ol,.about_artic .mid_under ol li{}
	.about_artic .mid_under ol{padding:1em 0 0.5em 0;}
	.about_artic .mid_under ol li{}
	.about_artic .mid_under ol>li{padding-bottom: 0.25em;}
	.about_artic .mid_under ol>li>ol{padding-left:0.5em;}
	.about_artic .mid_under ol>li>ol li{}

	/**JATIの事業**/
	.about_service ul.service_commul{row-gap:1.5rem;}
	.about_service ul.service_commul li{}
	.about_service ul.service_commul p.service_txt{}
	.about_service ul.service_commul .bottom_box{}
	.about_service ul.service_commul .w100per .bottom_box{}
	.about_service ul.service_commul [class*="common_btn"]{width:100%;} 
	.about_service ul.service_commul [class*="common_btn"]+ [class*="common_btn"]{}
	.about_service ul.service_commul + [class*="mid_M"]{}
	.about_service .service_book{width:100%;margin-bottom: 1.5rem; gap:2rem;}
	.about_service .service_photo{margin-top: 1.5rem;}
	.about_service .service_photo [class*="col_"]{row-gap:1.5rem;}
	.about_service ul.service_commul li.kaigai_koen{flex-direction: column;}
	.about_service ul.service_commul li.kaigai_koen figure{max-width: initial;width: 100%;}
	.about_service .balance_ul{}
	.about_service .balance_ul li{}
	.about_service .balance_ul .nendo{}
	.about_service .balance_ul .nendo:before{}
	.about_service .balance_ul [class*="common_btn"][class*="-PDF"]{}

	/**表彰**/
	.about_prize{}
	.about_prize .prize_award{}
	.about_prize .prize_award li{align-items: flex-start;}
	.about_prize .prize_award li .award_num{padding-right: 1.25rem;}
	.about_prize .prize_award li .award_txt{padding: 0 0 0 1.25rem;}
	.about_prize .award_atten{}
	.about_prize .prize_award + .award_atten{padding-top: 2rem;}
	.about_prize [class*="_cbox"] + [class*="mid_"]{}
	.about_prize .prize_recip{row-gap: 2rem;}
	.about_prize .prize_recip li{}
	.about_prize .prize_recip li .recip_ttl{padding-bottom: 0.5rem;}
	.about_prize .prize_recip li .recip_ttl:before{}
	.about_prize .prize_recip li .recip_person{}
	.about_prize .prize_recip li .recip_person .recip_name{}
	.about_prize .prize_recip li .recip_person+.recip_person{}
	.about_prize .prize_recip li .recip_person sup{}
	.about_prize .prize_recip li.w100per{flex-direction: column;}
	.about_prize .prize_recip li.w100per .recip_ttl{}
	.about_prize .prize_recip li.w100per .recip_person{width:100%;}

	/**海外提携団体**/
	.about_ovaff .ovaff_ttl{flex-direction: column;align-items: center;}
	.about_ovaff .ovaff_ttl img { width: 60%;}
	.about_ovaff .lead_txt+.ovaff_ttl{}
	.about_ovaff .ovaff_name{text-align: center;}
	.about_ovaff .ovaff_name .vimeo_box{margin: 1rem 0 2rem; width:100%;}
	.about_ovaff .ovaff_name [class*="mid_M"]{margin-bottom: 1em;}
	.about_ovaff .ovaff_name .ovaff_small{}
	.about_ovaff .ovaff_name .ovaff_small+[class*="common_btn"]{}
	.about_ovaff .ovaff_y{}
	.about_ovaff .ovaff_ul{gap: 1.5rem;}
	.about_ovaff .ovaff_ul .ovaff_shoha{}
	.about_ovaff .ovaff_ttl + .ovaff_y{padding-top: 0rem;}
	#sect_UKSCA [class*="col_"]{gap:3rem;}
	#sect_ICST .ovaff_small{text-align: left;}

	/**海外提携団体**/
	.about_trademark .trademark_ttl{}
	.about_trademark .trademark_ttl img {}
	.about_trademark .trademark_name{}
	.about_trademark .trademark_name [class*="mid_M"]{}

	/**協会発行物**/
	.about_publication [class*="Fset_"]+[class*="Fset_"]{}
	.about_publication [class*="Fset_"]+[class*="_cbox"]{}
	.about_publication [class*="_cbox"]+ [class*="_cbox"]{}
	.about_publication>*{}
	.about_publication .publication_book{flex-direction: column;gap:1rem;}
	.about_publication .publication_book .book_img{width:30%; margin: auto;}
	.about_publication .publication_book .book_img img{}
	.about_publication .publication_book .book_txt{}
	.about_publication .book_name{}
	.about_publication .book_name + .book_intr{}
	.about_publication .book_rele{}
	.about_publication .book_intr{}
	.about_publication .book_intr+*{}
	.about_publication .book_corre{}
	.about_publication .book_corre a{}
	.about_publication .book_price{}
	.about_publication .book_price .member_price{}

	/**養成校・養成校機関**/
	.about_yoseko{}

	/**求人情報の告知**/
	.about_recr [class*="_cbox"]+[class*="mid_"]{padding-top:4rem;}
	.about_recr .mid_under+[class*="mid_"]{padding-top: 2rem;}
	.about_recr .recr_ul{gap:3rem;}
	
	/**機関誌一覧**/
	.about_express{}
	.about_express .mid_under+[class*="Fset"]+[class*="_cbox"]{}
	.about_express .lead_txt{padding:4rem 0 2rem;}
	.about_express .express_ul{row-gap: 2.5rem !important;}
	.about_express .express_ul + [class*="mid_"]{padding-top:4rem;}
	.about_express .express_ul li{text-align: center;}
	.about_express .express_ul li .express_inner{display:block;margin-bottom: 0.25rem;}
	.about_express .express_ul li .express_inner img{margin-bottom:0.5rem;}
	.about_express .express_ul [class*="common_btn"] {padding: 0.4em 1.5em 0.4em 1.25em;}
	
}