@charset "utf-8";

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 about 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* ――――――――――――――――――――――――――――――
［ aboutTitle ］
―――――――――――――――――――――――――――――― */

.aboutTitle { margin-bottom: 45px; }
.aboutTitle .titleMain { position: relative; max-width: 860px; padding-bottom: 5px; margin: 0 auto 20px; }
.aboutTitle .titleMain img { display: block; width: calc( 300 / 860 * 100% ); margin-right: auto; margin-left: auto; }
.aboutTitle .titleMain::after { position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 3px; background: linear-gradient(122.04deg, rgba(0,159,80,1) 0%, rgba(255,240, 0,1) 31.55%, rgba(0,156,225,1) 63.7%, rgba(29,32,135,1) 100%); content: ""; }
.aboutTitle .titleSub { font-size: 2.6rem; line-height: 3.6rem; font-weight: 700; text-align: center; }
.aboutTitle .titleSub span { display: inline-block; }

@media screen and (max-width: 767px) {
	.aboutTitle { margin-bottom: 20px; }
	.aboutTitle .titleMain img { width: 220px; }
	.aboutTitle .titleSub { font-size: 2.4rem; line-height: 3.2rem; font-feature-settings: "palt"; }
}



/* ――――――――――――――――――――――――――――――
［ aboutGuide ］
―――――――――――――――――――――――――――――― */

.aboutGuide { overflow: hidden; margin-bottom: 60px; }
.aboutGuide .guideTxt { font-size: 1.8rem; line-height: 3.4rem; margin-top: 15px; }
.aboutGuide.guideType1 { margin-left:  calc( -70 / 860 * 100% ); }
.aboutGuide.guideType2 { margin-right: calc( -70 / 860 * 100% ); }
.aboutGuide.guideType3 { margin-left:  calc( -70 / 860 * 100% ); }
.aboutGuide.guideType1 .guideImg { float: left;  width: calc( 410 / 925 * 100% ); }
.aboutGuide.guideType2 .guideImg { float: right; width: calc( 470 / 925 * 100% ); }
.aboutGuide.guideType3 .guideImg { float: left;  width: calc( 470 / 925 * 100% ); }
.aboutGuide.guideType1 .guideTxt { float: right; width: calc( 465 / 925 * 100% ); }
.aboutGuide.guideType2 .guideTxt { float: left;  width: calc( 405 / 925 * 100% ); }
.aboutGuide.guideType2 .guideTxt { float: left;  width: calc( 405 / 925 * 100% ); }
.aboutGuide.guideType3 .guideTxt { float: right; width: calc( 405 / 925 * 100% ); }

@media screen and (max-width: 1000px) {
	.aboutGuide .guideTxt { margin-top: 30px; }
	.aboutGuide .guideImg { margin-right: auto; margin-left: auto; }
	.aboutGuide.guideType1 { margin-left: 0; }
	.aboutGuide.guideType2 { margin-right: 0; }
	.aboutGuide.guideType3 { margin-left: 0; }
	.aboutGuide.guideType1 .guideImg { float: none; max-width: 410px; width: 100%; }
	.aboutGuide.guideType2 .guideImg { float: none; max-width: 470px; width: 100%; }
	.aboutGuide.guideType3 .guideImg { float: none; max-width: 470px; width: 100%; }
	.aboutGuide.guideType1 .guideTxt,
	.aboutGuide.guideType2 .guideTxt,
	.aboutGuide.guideType3 .guideTxt { float: none; width: 100%; }
}

@media screen and (max-width: 767px) {
	.aboutGuide .guideTxt { font-size: 1.6rem; line-height: 2.6rem; margin-top: 25px; }
}

.aboutGuideLabel { font-weight: 700; font-size: 2.2rem; margin-bottom: 20px; line-height: 1.31; }
.aboutGuideLabel span { font-size: 0.8em; font-weight: 500; display: inline-block; }
.aboutChoiceList { border: 3px solid #00ae83; padding: 30px; }
.aboutChoiceItem { position: relative; padding-left: 1.5em; font-size: 1.8rem; line-height: 1.5; }
.aboutChoiceItem:nth-child(n+2) { margin-top: 15px; }
.aboutChoiceItem::before { position: absolute; content: ""; inset: 0.3em auto auto 0; width: .8em; height: .8em; border-radius: 4px; background: #00ae83; }

.aboutCondiItem { padding-left: 1.5em; position: relative; font-size: 1.6rem; line-height: 1.5; }
.aboutCondiItem span { font-size: 0.85em; }
.aboutCondiItem:nth-child(n+2) { margin-top: 10px; }
.aboutCondiItem::before { position: absolute; content: ""; inset: 0.35em auto auto 5px; width: .8em; height: .8em; border-radius: 100%; background: #00247e; }

.aboutAdoptionLabel { font-size: 2rem; font-weight: 700; padding-bottom: 15px; margin-bottom: 15px; line-height: 1.31; }
.aboutAdoptionList { display: flex; flex-wrap: wrap; gap: 5px 10px; background: #f0f0f0; padding: 30px; }
.aboutAdoptionItem { border: 2px solid #00ae83; font-weight: 700; font-size: 1.5rem; padding: 7px 15px; border-radius: 6px; background: #fff; }

.aboutOlym { margin-top: 60px; }
.aboutOlymItem { display: flex; flex-wrap: wrap; background: #f0f0f0; padding: 30px 30px 30px 40px; }
.aboutOlymItem:nth-child(n+2) { margin-top: 20px; }
.aboutOlymLabel { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; width: 200px; gap: 10px; padding: 20px 15px 20px 0; }
.aboutOlymLabelYear { font-size: 1.8rem; font-weight: 700; }
.aboutOlymLabelAdo { font-size: 1.6rem; }
.aboutOlymSports { flex: 1; border-left: 1px solid #ccc; padding: 20px 0px 20px 30px; display: flex; flex-wrap: wrap; gap: 15px 20px; align-items: center; }
.aboutOlymSportsItem { font-size: 1.6rem; }

.aboutImg { margin-top: 60px; }

.aboutNote { background: #f0f0f0; padding: 45px 30px 30px; margin-top: 60px; }
.aboutNoteLabel { position: relative; font-size: 2rem; letter-spacing: 5px; padding-left: 55px; }
.aboutNoteLabel::before { position: absolute; content: ""; inset: -13px auto auto 0; background: url(../images/icon_memo.svg) no-repeat center/contain; width: 45px; aspect-ratio: 487/483; }
.aboutNoteEx { margin-top: 30px; font-size: 1.6rem; line-height: 1.71; }
.aboutNoteImg { margin-top: 20px; display: flex; flex-wrap: wrap; gap: 20px 30px; }
.aboutNoteImgItem { inline-size: calc((100% - 60px) / 3); }

@media (max-width: 767px) {
	.aboutChoiceList { border: 2px solid #00ae83; padding: 20px 15px; }
	.aboutChoiceItem { font-size: 1.6rem; }
	
	.aboutAdoptionLabel { font-size: 1.8rem; }
	.aboutAdoptionList { padding: 20px 15px; }
	.aboutOlymItem { padding: 20px 15px; }
	
	.aboutOlymLabel { width: 100%; padding: 0px; }
	.aboutOlymSports { flex: 0 1 auto; width: 100%; border-left: 0px solid #ccc; border-top: 1px solid #ccc; padding: 20px 0px 0; margin-top: 20px; gap: 10px 15px; }
	.aboutOlymSportsItem { font-size: 1.4rem; }
	
	.aboutNoteEx { font-size: 1.5rem; }
	.aboutNoteImg { margin: 20px auto 0; max-width: 420px; }
	.aboutNoteImgItem { inline-size: 100%; }
}




/* ――――――――――――――――――――――――――――――
［ aboutFeature ］
―――――――――――――――――――――――――――――― */

.aboutFeature { background: url(/worldgames/images/about_feature.jpg) no-repeat center top; background-size: 100% auto; padding: 40px calc( 70 / 860 * 100% ) 0; margin: 120px calc( -70 / 860 * 100% ) 100px; }
.aboutFeature .featureInner { margin-right: auto; margin-left: auto; }
.aboutFeature .featureTitle { font-size: 3.3rem; line-height: 4.3rem; font-weight: 700; text-align: center; margin-bottom: 55px; }
.aboutFeature .featureFrame { display: table; min-height: 420px; }
.aboutFeature .featureFrame:not(:last-child) { margin-bottom: calc( 20 / 860 * 100% ); }
.aboutFeature .featureFrame dl { position: relative; display: table-cell; width: 48.83720930232558%; background-color: rgba(255,255,255,0.5); border: solid 1px #9e9e9e; }
.aboutFeature .featureFrame dl::before { position: absolute; top: 0; left: 0; display: block; width: 26px; height: 26px; background-color: #9e9e9e; content: ""; }
.aboutFeature .featureFrame dl::after { position: absolute; top: 0; left: 0; display: block; width: 0; height: 0; border-style: solid;border-width: 26px 26px 0 0; border-color: #7fdcfe transparent transparent transparent; content: ""; }
.aboutFeature .featureFrame dl dt { font-family: "Arial"; font-size: 8.8rem; line-height: 1; padding-top: 30px; padding-left: 30px; }
.aboutFeature .featureFrame dl dd { font-size: 1.8rem; line-height: 3.3rem; font-weight: 700; padding: 0 calc( 45 / 420 * 100% ) 50px calc( 80 / 420 * 100% ); }
.aboutFeature .featureFrame .frameNull { display: table-cell; width: 2.32558139534884%; font-size: 0; line-height: 0; }

@media screen and (max-width: 1000px) {
	.aboutFeature .featureFrame { display: block; min-height: none; }
	.aboutFeature .featureFrame dl { display: block; width: 100%; }
	.aboutFeature .featureFrame dl:nth-child(1) { margin-bottom: calc( 20 / 860 * 100% ); }
	.aboutFeature .featureFrame dl dt { text-align: center; padding-left: 0; }
	.aboutFeature .featureFrame dl dd { padding-top: 20px; padding-left: calc( 45 / 420 * 100% ); }
	.aboutFeature .featureFrame .frameNull { display: none; }
}

@media screen and (max-width: 767px) {
	.aboutFeature { background-size: 130% auto; padding: 10px calc( 20 / 280 * 100% ) 0; margin: 60px calc( -20 / 280 * 100% ) 35px; }
	.aboutFeature .featureTitle { font-size: 2.6rem; line-height: 3.6rem; font-feature-settings: "palt"; margin-bottom: 25px; }
	.aboutFeature .featureFrame:not(:last-child),
	.aboutFeature .featureFrame dl:nth-child(1) { margin-bottom: 20px; }
	.aboutFeature .featureFrame dl dt { font-size: 5.4rem; text-align: center; padding-top: 15px; padding-left: 0; }
	.aboutFeature .featureFrame dl dd { font-size: 1.6rem; line-height: 2.4rem; padding: 15px 30px 45px; }
}



/* ――――――――――――――――――――――――――――――
［ aboutMgc ］
―――――――――――――――――――――――――――――― */

.aboutMgc { position: relative; display: block; border: solid 5px #66d6fe; font-size: 2rem; line-height: 1; font-weight: 700; text-align: center; text-decoration: none; margin-bottom: 70px; }
.aboutMgc::after { position: absolute; top: 0; right: 20px; bottom: 0; display: block; width: 20px; height: 20px; border-right: solid 1px #979797; border-bottom: solid 1px #979797; content: ""; transform: rotate(-45deg); margin-top: auto; margin-bottom: auto; }
.aboutMgc span { position: relative; display: block; padding: 28px; }
.aboutMgc span::before,
.aboutMgc span::after { position: absolute; top: 0; bottom: 0; display: block; width: 180px; height: 60px; background-size: cover; background-repeat: no-repeat; content: ""; margin-top: auto; margin-bottom: auto; }
.aboutMgc span::before { left: 85px; background-image: url(/worldgames/images/about_mgc1.gif); }
.aboutMgc span::after { right: 85px; background-image: url(/worldgames/images/about_mgc2.gif); }

@media screen and (max-width: 1000px) {
	.aboutMgc span::before,
	.aboutMgc span::after { width: 120px; height: 40px; }
	.aboutMgc span::before { left: 0; margin-left: calc( 60 / 840 * 100% ); }
	.aboutMgc span::after { right: 0; margin-right: calc( 60 / 840 * 100% ); }
}

@media screen and (min-width: 769px) {
	.aboutMgc { transition: 0.3s ease; }
	.aboutMgc:hover { border-color: #ff6600; }
}

@media screen and (max-width: 767px) {
	.aboutMgc { border-width: 3px;  font-size: 2rem; margin-bottom: 50px; }
	.aboutMgc::after { display: none; }
	.aboutMgc span { padding: 50px 0 35px; }
	.aboutMgc span::before,
	.aboutMgc span::after { top: 5px; width: 120px; height: 40px; margin-top: 0; margin-bottom: 0; }
	.aboutMgc span::before { left: 0; margin-left: calc( 18 / 280 * 100% ); }
	.aboutMgc span::after { right: 0; margin-right: calc( 18 / 280 * 100% ); }
}



/* ――――――――――――――――――――――――――――――
［ aboutPamphlet ］
―――――――――――――――――――――――――――――― */

.aboutPamphlet { position: relative; overflow: hidden; display: block; background: url(/worldgames/images/about_pamphlet_bg.jpg) no-repeat center top; background-size: cover; color: #ffffff; text-decoration: none; padding: calc( 25 / 860 * 100% ) calc( 60 / 860 * 100% ); margin-bottom: 80px; }
.aboutPamphlet .pamphletTxt { float: left; width: calc( 480 / 740 * 100% ); padding-top: calc( 45 / 740 * 100% ); }
.aboutPamphlet .pamphletTxt dl { margin-bottom: calc( 45 / 480 * 100% ); }
.aboutPamphlet .pamphletTxt dl dt { line-height: 3.2rem; font-weight: 700; font-feature-settings: "palt"; margin-bottom: calc( 10 / 740 * 100% ); }
.aboutPamphlet .pamphletTxt dl dt .txtTitle1 { font-size: 2.8rem; }
.aboutPamphlet .pamphletTxt dl dt .txtTitle2 { display: block; font-size: 2.2rem; }
.aboutPamphlet .pamphletTxt dl dd { font-size: 1.8rem; line-height: 3.2rem; }
.aboutPamphlet .pamphletTxt div { display: inline-block; background-color: #000000; padding: 15px; }
.aboutPamphlet .pamphletTxt div span { display: inline-block; }
.aboutPamphlet .pamphletTxt div span:nth-child(1) { font-size: 1.6rem; line-height: 1; margin-right: 20px; }
.aboutPamphlet .pamphletTxt div span:nth-child(2) { font-size: 1.4rem; line-height: 1; }
.aboutPamphlet .pamphletImg { float: right; width: calc( 220 / 740 * 100% ); box-shadow: 0 1px 4.75px 0.25px rgba(0,0,0,0.4); }

@media screen and (max-width: 1100px) {
	.aboutPamphlet .pamphletTxt dl dt { font-size: 2.55vw; line-height: 2.91vw; }
	.aboutPamphlet .pamphletTxt dl dt span { font-size: 2vw; }
	.aboutPamphlet .pamphletTxt dl dd { font-size: 1.64vw; line-height: 2.91vw; }
	.aboutPamphlet .pamphletTxt div span:nth-child(1) { font-size: 1.5rem; }
	.aboutPamphlet .pamphletTxt div span:nth-child(2) { font-size: 1.3rem; }
}

@media screen and (min-width: 769px) {
	.aboutPamphlet { transition: 0.3s ease; }
	.aboutPamphlet:hover { opacity: 0.8; }
}

@media screen and (max-width: 767px) {
	.aboutPamphlet { padding: 35px 15px 20px; margin-bottom: 40px; }
	.aboutPamphlet .pamphletTxt { float: none; width: 100%; padding-top: 0; }
	.aboutPamphlet .pamphletTxt dl { margin-bottom: 25px; }
	.aboutPamphlet .pamphletTxt dl dt { line-height: 2.8rem; margin-bottom: 25px; }
	.aboutPamphlet .pamphletTxt dl dt span.txtTitle1 { display: block; font-size: 2rem; }
	.aboutPamphlet .pamphletTxt dl dt span.txtTitle2 { font-size: 1.6rem; }
	.aboutPamphlet .pamphletTxt dl dd { font-size: 1.6rem; line-height: 2.5rem; }
	.aboutPamphlet .pamphletTxt dl dd br { display: none; }
	.aboutPamphlet .pamphletTxt div { display: block; width: 250px; font-feature-settings: "palt"; margin-right: auto; margin-left: auto; }
	.aboutPamphlet .pamphletImg { position: absolute; top: 0; right: 0; float: none; width: 70px; margin-top: 25px; margin-right: 10px; }
}



/* ――――――――――――――――――――――――――――――
［ aboutQa ］
―――――――――――――――――――――――――――――― */

.aboutQa { margin-bottom: 80px; }
.aboutQa .qaTitle { font-size: 1.8rem; line-height: 2.5rem; font-weight: 700; margin-bottom: 10px; }
.aboutQa .qaBanner { background-color: #000000; }
.aboutQa .qaBanner a { display: block; background: url(/worldgames/images/about_qa_banner1.jpg) no-repeat; background-size: cover; font-size: 0; line-height: 0; padding-top: calc( 190 / 860 * 100% ); }

@media screen and (min-width: 769px) {
	.aboutQa .qaBanner a { transition: 0.4s ease; }
	.aboutQa .qaBanner:hover a { opacity: 0.8; }
}

@media screen and (max-width: 767px) {
	.aboutQa { margin-bottom: 40px; }
	.aboutQa .qaTitle { text-align: center; }
	.aboutQa .qaTitle span { display: inline-block; }
	.aboutQa .qaBanner a { background-image: url(/worldgames/images/about_qa_banner2.jpg); background-size: cover; padding-top: calc( 250 / 280 * 100% ); }
}





/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 transition 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* ――――――――――――――――――――――――――――――
［ transitionText ］
―――――――――――――――――――――――――――――― */

.transitionText { font-size: 1.8rem; line-height: 3.2rem; margin-bottom: 50px; }
.transitionText p:not(:last-child) { margin-bottom: 20px; }

@media screen and (max-width: 767px) {
	.transitionText { font-size: 1.6rem; line-height: 2.4rem; }
}


/* ――――――――――――――――――――――――――――――
［ transitionTable ］
―――――――――――――――――――――――――――――― */

.transitionTable { width: 100%; border-top: solid 4px #a3a3a3; font-size: 1.6rem; line-height: 2.4rem; margin-bottom: 60px; }
.transitionTable tr th { width: 280px; border-bottom: solid 1px #e5e5e5; text-align: left; padding: 5px 0 5px 10px; }
.transitionTable tr td { border-bottom: solid 1px #e5e5e5; padding-top: 5px; padding-bottom: 5px; }
.transitionTable tr td dl { display: table; width: 100%; }
.transitionTable tr td dl:not(:last-child) { border-bottom: solid 1px #e5e5e5; }
.transitionTable tr td dl dt { display: table-cell; width: 120px; padding: 8px 10px; }
.transitionTable tr td dl dd { display: table-cell; padding: 8px 10px 8px 5px; }
.transitionTable tr td dl dd span { display: inline-block; }

@media screen and (max-width: 767px) {
	.transitionTable,
	.transitionTable tbody,
	.transitionTable tr,
	.transitionTable tr th,
	.transitionTable tr td { display: block; }
	.transitionTable { margin-bottom: 40px; }
	.transitionTable tr th { width: 100%; border-bottom: none; font-size: 1.4rem; line-height: 2.2rem; padding: 20px 5px 15px; }
	.transitionTable tr td { font-size: 1.3rem; line-height: 2rem; padding-top: 0; }
	.transitionTable tr td dl { display: block; }
	.transitionTable tr td dl:not(:last-child) { border-bottom: none; }
	.transitionTable tr td dl dt { display: block; width: 100%; font-weight: 700; padding: 0 5px; }
	.transitionTable tr td dl dd { display: block; padding: 0 5px 10px 5px; }
}





/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 relation 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* ――――――――――――――――――――――――――――――
［ relationText ］
―――――――――――――――――――――――――――――― */

.relationText { font-size: 1.8rem; line-height: 3.2rem; }
.relationText:not(:last-child) { margin-bottom: 50px; }

@media screen and (max-width: 767px) {
	.relationText { font-size: 1.6rem; line-height: 2.4rem; }
	.relationText:not(:last-child) { margin-bottom: 40px; }
}



/* ――――――――――――――――――――――――――――――
［ relationImg ］
―――――――――――――――――――――――――――――― */

.relationImg { max-width: 360px; margin-right: auto; margin-left: auto; }
.relationImg:not(:last-child) { margin-bottom: 50px; }
.relationImg .imgCaption { font-size: 1.4rem; line-height: 2.2rem; margin-top: 10px; }

@media screen and (max-width: 767px) {
	.relationImg { width: 240px; }
	.relationImg:not(:last-child) { margin-bottom: 40px; }
}



/* ――――――――――――――――――――――――――――――
［ relationLink ］
―――――――――――――――――――――――――――――― */

.relationLink { overflow: hidden; }
.relationLink a { display: block; width: calc( 415 / 860 * 100% ); text-decoration: none; }
.relationLink a:nth-child(1) { float: left; }
.relationLink a:nth-child(2) { float: right; }
.relationLink a .linkImg { border: solid 1px #c7c7c7; margin-bottom: 12px; }
.relationLink a .linkTxt { font-size: 1.8rem; line-height: 2.8rem; text-align: center; }
.relationLink a .linkTxt span { display: inline-block; }

@media screen and (min-width: 769px) {
	.relationLink a .linkImg { transition: 0.3s ease; }
	.relationLink a:hover .linkImg { border-color: #999999; }
}

@media screen and (max-width: 767px) {
	.relationLink { max-width: 300px; margin-right: auto; margin-left: auto; }
	.relationLink a { width: 100%; }
	.relationLink a:nth-child(1) { float: none; margin-bottom: 25px; }
	.relationLink a:nth-child(2) { float: none; }
	.relationLink a .linkTxt { font-size: 1.4rem; line-height: 2rem; }
}



/* ――――――――――――――――――――――――――――――
［ relationTerm ］
―――――――――――――――――――――――――――――― */

.relationTerm { font-size: 1.8rem; line-height: 3.2rem; font-weight: 700; margin-bottom: 5px; }
.relationTerm span { font-size: 1.4rem; }

@media screen and (max-width: 767px) {
	.relationTerm { font-size: 1.6rem; line-height: 2.4rem; margin-bottom: 10px; }
	.relationTerm span { display: block; font-size: 1.2rem; font-feature-settings: "palt"; }
}



/* ――――――――――――――――――――――――――――――
［ relationTable ］
―――――――――――――――――――――――――――――― */

.relationTable { width: 100%; border-top: solid 4px #a3a3a3; font-size: 1.6rem; line-height: 2.2rem; font-feature-settings: "palt"; margin-bottom: 80px; }
.relationTable tr th { width: 26%; border-bottom: solid 1px #e5e5e5; text-align: left; padding: 30px 5px; }
.relationTable tr td { overflow: hidden; border-bottom: solid 1px #e5e5e5; padding: 30px 5px; }
.relationTable tr td .tableName { float: left; width: 45%; }
.relationTable tr td .tableName dd { color: #a6a6a6; }
.relationTable tr td .tableCountry { float: left; display: table; width: 55%; }
.relationTable tr td .tableCountry dt { display: table-cell; width: 30%; }
.relationTable tr td .tableCountry dd { display: table-cell; }
.relationTable tr td .tableCountry dd span { display: inline-block; }

@media screen and (max-width: 767px) {
	.relationTable,
	.relationTable tbody,
	.relationTable tr,
	.relationTable tr th,
	.relationTable tr td { display: block; }
	.relationTable { margin-bottom: 50px; }
	.relationTable tr th { width: 100%; background-color: #f3f3f3; border-bottom: none; font-size: 1.4rem; line-height: 2.2rem; padding: 12px 5px; margin-bottom: 15px; }
	.relationTable tr td { border-bottom: none; font-size: 1.3rem; line-height: 2rem; padding-top: 0; padding-bottom: 15px; }
	.relationTable tr:not(:first-child) th { margin-top: 10px; }
	.relationTable tr td .tableName { float: none; width: 100%; font-weight: 700; margin-bottom: 5px; }
	.relationTable tr td .tableName dd { color: #a6a6a6; }
	.relationTable tr td .tableCountry { float: none; display: block; width: 100%; }
	.relationTable tr td .tableCountry dt { display: block; width: 100%; }
	.relationTable tr td .tableCountry dd { display: block; }
}



/* ――――――――――――――――――――――――――――――
［ gaisf ］
―――――――――――――――――――――――――――――― */

.gaisfLogo { max-width: 380px; margin: 0 auto 70px; }

@media screen and (max-width: 767px) {
	.gaisfLogo { margin-bottom: 50px; }
}





/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 sports 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* ――――――――――――――――――――――――――――――
［ sportsCe ］
―――――――――――――――――――――――――――――― */

.sportsCe { margin-bottom: 80px; }
.sportsCe .ceName { font-size: 1.6rem; line-height: 2.6rem; text-align: right; margin-bottom: 10px; }
.sportsCe .ceDate { font-size: 1.4rem; line-height: 2.4rem; text-align: right; }

@media screen and (max-width: 767px) {
	.sportsCe { margin-bottom: 40px; }
	.sportsCe .ceName { font-size: 1.4rem; line-height: 2rem; text-align: left; }
	.sportsCe .ceDate { font-size: 1.2rem; line-height: 2.2rem; }
}





/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 qa 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* ――――――――――――――――――――――――――――――
［ qaMain ］
―――――――――――――――――――――――――――――― */

.qaMain { background-image: url(/worldgames/images/qa_main1.png); background-repeat: no-repeat; background-size: cover; font-size: 0; line-height: 0; padding-top: calc( 410 / 860 * 100% ); margin-bottom: 30px; }

@media screen and (max-width: 767px) {
	.qaMain { background-image: url(/worldgames/images/qa_main2.png); padding-top: calc( 150 / 280 * 100% ); margin: 0 calc( -20 / 280 * 100% ) 20px; }
}



/* ――――――――――――――――――――――――――――――
［ qaLead ］
―――――――――――――――――――――――――――――― */

.qaLead { font-size: 1.8rem; line-height: 2.6rem; text-align: center; margin-bottom: 30px; }
.qaLead span { display: inline-block; }

@media screen and (max-width: 767px) {
	.qaLead { font-size: 1.6rem; line-height: 2.4rem; font-weight: 700; text-align: left; }
	.qaLead span { display: inline; }
}



/* ――――――――――――――――――――――――――――――
［ qaName ］
―――――――――――――――――――――――――――――― */

.qaName { display: table; width: 100%; min-height: 130px; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; font-size: 3.4rem; line-height: 5.4rem; font-weight: 700; margin-bottom: 10px; }
.qaName.nameType1 { background-image: url(/worldgames/images/qa_title1_bg1.gif); color: #00ce00; }
.qaName.nameType2 { background-image: url(/worldgames/images/qa_title2_bg1.gif); color: #0085cf; }
.qaName span { display: table-cell; text-align: center; vertical-align: middle; }

@media screen and (max-width: 767px) {
	.qaName { width: 280px; min-height: auto; height: 70px; font-size: 2.8rem; line-height: 4.8rem; margin: 0 auto 20px; }
	.qaName.nameType1 { background-image: url(/worldgames/images/qa_title1_bg2.gif); }
	.qaName.nameType2 { background-image: url(/worldgames/images/qa_title2_bg2.gif); }
}



/* ――――――――――――――――――――――――――――――
［ qaList ］
―――――――――――――――――――――――――――――― */

.qaList:not(:last-child) { margin-bottom: 80px; }
.qaList .listModule:not(:last-child) { padding-bottom: 2px; }
.qaList .listModule .moduleTitle { position: relative; display: block; width: 100%; min-height: 76px; border-radius: 38px; padding: 13px; cursor: pointer; }
.qaList .listModule .moduleTitle::before,
.qaList .listModule .moduleTitle::after { position: absolute; top: 0; bottom: 0; display: block; background-color: #ffffff; margin-top: auto; margin-bottom: auto; content: ""; transition: 0.3s ease; }
.qaList .listModule .moduleTitle::before { right: 28px; width: 18px; height: 2px; }
.qaList .listModule .moduleTitle::after { right: 36px; width: 2px; height: 18px; opacity: 0; }
.qaList .listModule .moduleTitle.moduleClose::after { opacity: 1; }
.qaList .listModule .moduleTitle dt { display: table-cell; width: 70px; font-size: 2rem; line-height: 1; font-weight: 700; vertical-align: middle; }
.qaList .listModule .moduleTitle dt span { display: table-cell; width: 50px; height: 50px; background-color: #ffffff; border-radius: 50%; text-align: center; vertical-align: middle; }
.qaList .listModule .moduleTitle dd { display: table-cell; font-size: 2rem; line-height: 2.8rem; font-weight: 700; vertical-align: middle; font-feature-settings: "palt"; padding-right: 74px; }
.qaList .listModule .moduleAnswer { display: none; }
.qaList .listModule .moduleAnswer .answerInner { padding-top: 25px; padding-right: 13px; padding-left: 13px; }
.qaList .listModule:not(:last-child) .moduleAnswer .answerInner { padding-bottom: 80px; }
.qaList .listModule .moduleAnswer .answerTitle { display: table; width: 100%; margin-bottom: 20px; }
.qaList .listModule .moduleAnswer .answerTitle dt { display: table-cell; width: 70px; font-size: 2rem; line-height: 1; vertical-align: top; }
.qaList .listModule .moduleAnswer .answerTitle dt span { display: table-cell; width: 50px; height: 50px; border-radius: 50%; color: #ffffff; text-align: center; vertical-align: middle; }
.qaList .listModule .moduleAnswer .answerTitle dd { display: table-cell; font-size: 2.3rem; line-height: 3rem; font-weight: 700; vertical-align: middle; font-feature-settings: "palt"; }
.qaList .listModule .moduleAnswer .answerTxt { font-size: 1.8rem; line-height: 3rem; }
.qaList .listModule .moduleAnswer .answerImg { overflow: hidden; border-radius: 25px; margin-right: auto; margin-left: auto; }
.qaList .listModule .moduleAnswer .answerImgWrap { display: flex; flex-wrap: wrap; justify-content: center; gap: 30px; margin-bottom: 60px; }
.qaList .listModule .moduleAnswer .answerImgWrap .answerImg { inline-size: calc((100% - 30px) / 2); margin-bottom: 0!important; min-width: 270px; }
.qaList .listModule .moduleAnswer .answerImg.img300 { max-width: 300px; }
.qaList .listModule .moduleAnswer .answerImg.img550 { max-width: 550px; }
.qaList .listModule .moduleAnswer .answerGuide { font-size: 1.6rem; line-height: 2.6rem; text-align: right; margin-bottom: 10px; }
.qaList .listModule .moduleAnswer .answerDate { font-size: 1.4rem; line-height: 2.4rem; text-align: right; }
.qaList .listModule .moduleAnswer .answerN22M20 { font-size: 2.2rem; line-height: 3.2rem; font-weight: 700; font-feature-settings: "palt"; margin-bottom: 20px; }
.qaList .listModule .moduleAnswer .answerN18M10 { font-size: 1.8rem; line-height: 2.8rem; font-weight: 700; font-feature-settings: "palt"; margin-bottom: 10px; }
.qaList .listModule .moduleAnswer .answerN18M20 { font-size: 1.8rem; line-height: 2.8rem; font-weight: 700; font-feature-settings: "palt"; margin-bottom: 20px; }
.qaList .listModule .moduleAnswer .answerList1 { overflow: hidden; font-size: 1.6rem; line-height: 2.4rem; }
.qaList .listModule .moduleAnswer .answerList1 ul { width: calc( 410 / 860 * 100% ); border-top: solid 1px #e0e0e0; }
.qaList .listModule .moduleAnswer .answerList1 ul:nth-child(1) { float: left; }
.qaList .listModule .moduleAnswer .answerList1 ul:nth-child(2) { float: right; }
.qaList .listModule .moduleAnswer .answerList1 ul li { border-bottom: solid 1px #e0e0e0; padding: 16px 3px; }
.qaList .listModule .moduleAnswer .answerList2 { font-size: 1.8rem; line-height: 3rem; }
.qaList .listModule .moduleAnswer .answerList2 li { position: relative; padding-left: 20px; }
.qaList .listModule .moduleAnswer .answerList2 li:not(:last-child) { margin-bottom: 15px; }
.qaList .listModule .moduleAnswer .answerList2 li::before { position: absolute; top: 11px; left: 7px; display: block; width: 5px; height: 5px; background-color: #666666; border-radius: 50%; content: ""; }
.qaList .listModule .moduleAnswer .answerList3 { font-size: 1.8rem; line-height: 3rem; }
.qaList .listModule .moduleAnswer .answerList3 dl { position: relative; padding-left: 20px; }
.qaList .listModule .moduleAnswer .answerList3 dl::before { position: absolute; top: 12px; left: 7px; display: block; width: 5px; height: 5px; background-color: #666666; border-radius: 50%; content: ""; }
.qaList .listModule .moduleAnswer .answerList3 dl:not(:last-child) { margin-bottom: 20px; }
.qaList .listModule .moduleAnswer .answerList3 dl dt { font-weight: 700; margin-bottom: 5px; }

.qaList .listModule .moduleAnswer .answerTxt:not(:last-child) { margin-bottom: 50px; }
.qaList .listModule .moduleAnswer .answerImg:not(:last-child) { margin-bottom: 60px; }
.qaList .listModule .moduleAnswer .answerList1:not(:last-child) { margin-bottom: 70px; }
.qaList .listModule .moduleAnswer .answerList2:not(:last-child) { margin-bottom: 60px; }
.qaList .listModule .moduleAnswer .answerList3:not(:last-child) { margin-bottom: 60px; }

.qaList.listType1 .listModule .moduleTitle { background-color: #81ef68; }
.qaList.listType1 .listModule .moduleTitle.moduleClose { background-color: #2ae500; }
.qaList.listType1 .listModule .moduleTitle dt span { color: #2ae500; }
.qaList.listType1 .listModule .moduleAnswer .answerTitle dt span { background-color: #2ae500; }

.qaList.listType2 .listModule .moduleTitle { background-color: #caffff; }
.qaList.listType2 .listModule .moduleTitle.moduleClose { background-color: #a2ffff; }
.qaList.listType2 .listModule .moduleTitle dt span { color: #2edfff; }
.qaList.listType2 .listModule .moduleAnswer .answerTitle dt span { background-color: #2edfff; }

@media screen and (min-width: 769px) {
	.qaList .listModule .moduleTitle { transition: 0.3s ease; }
	.qaList.listType1 .listModule .moduleTitle:hover { background-color: #81ef68; }
	.qaList.listType2 .listModule .moduleTitle:hover { background-color: #caffff; }
}

@media screen and (max-width: 767px) {
	.qaList { margin-bottom: 60px; }
	.qaList .listModule .moduleTitle { min-height: 68px; border-radius: 34px; padding: 16px 10px; }
	.qaList .listModule .moduleTitle::before { right: 20px; width: 16px; }
	.qaList .listModule .moduleTitle::after { right: 27px; height: 16px; }
	.qaList .listModule .moduleTitle dt { width: 50px; font-size: 1.4rem; }
	.qaList .listModule .moduleTitle dt span { width: 36px; height: 36px; }
	.qaList .listModule .moduleTitle dd { font-size: 1.4rem; line-height: 2rem; padding-right: 40px; }
	.qaList .listModule .moduleAnswer .answerInner { padding-top: 15px; padding-right: 10px; padding-left: 10px; }
	.qaList .listModule:not(:last-child) .moduleAnswer .answerInner { padding-bottom: 60px; }
	.qaList .listModule .moduleAnswer .answerTitle { margin-bottom: 10px; }
	.qaList .listModule .moduleAnswer .answerTitle dt { width: 50px; font-size: 1.4rem; }
	.qaList .listModule .moduleAnswer .answerTitle dt span { width: 36px; height: 36px; }
	.qaList .listModule .moduleAnswer .answerTitle dd { font-size: 1.4rem; line-height: 2rem; }
	.qaList .listModule .moduleAnswer .answerTxt { font-size: 1.4rem; line-height: 2.4rem; }
	.qaList .listModule .moduleAnswer .answerImg { border-radius: 15px; }
	.qaList .listModule .moduleAnswer .answerGuide { font-size: 1.4rem; line-height: 2rem; text-align: left; }
	.qaList .listModule .moduleAnswer .answerDate { font-size: 1.2rem; line-height: 2rem; }
	.qaList .listModule .moduleAnswer .answerN22M20 { font-size: 1.8rem; line-height: 2.8rem; margin-bottom: 15px; }
	.qaList .listModule .moduleAnswer .answerN18M10 { font-size: 1.4rem; line-height: 2.4rem; margin-bottom: 5px; }
	.qaList .listModule .moduleAnswer .answerN18M20 { font-size: 1.4rem; line-height: 2.4rem; margin-bottom: 15px; }
	.qaList .listModule .moduleAnswer .answerList1 { font-size: 1.4rem; line-height: 2rem; }
	.qaList .listModule .moduleAnswer .answerList1 ul { width: 100%; }
	.qaList .listModule .moduleAnswer .answerList1 ul:nth-child(1) { float: none; }
	.qaList .listModule .moduleAnswer .answerList1 ul:nth-child(2) { float: none; border-top: none; }
	.qaList .listModule .moduleAnswer .answerList1 ul li { padding: 10px 2px; }
	.qaList .listModule .moduleAnswer .answerList2 { font-size: 1.4rem; line-height: 2.4rem; }
	.qaList .listModule .moduleAnswer .answerList2 li:not(:last-child) { margin-bottom: 10px; }
	.qaList .listModule .moduleAnswer .answerList2 li::before { top: 8px; }
	.qaList .listModule .moduleAnswer .answerList3 { font-size: 1.4rem; line-height: 2.4rem; }
	.qaList .listModule .moduleAnswer .answerList3 dl::before { top: 9px; }
	.qaList .listModule .moduleAnswer .answerList3 dl:not(:last-child) { margin-bottom: 15px; }
	.qaList .listModule .moduleAnswer .answerList3 dl dt { margin-bottom: 2px; }
	
	.qaList .listModule .moduleAnswer .answerTxt:not(:last-child) { margin-bottom: 35px; }
	.qaList .listModule .moduleAnswer .answerImg:not(:last-child) { margin-bottom: 40px; }
	.qaList .listModule .moduleAnswer .answerList1:not(:last-child) { margin-bottom: 50px; }
	.qaList .listModule .moduleAnswer .answerList2:not(:last-child) { margin-bottom: 40px; }
	.qaList .listModule .moduleAnswer .answerList3:not(:last-child) { margin-bottom: 40px; }
}