@charset "utf-8";

/* Girl's Lab
-------------------------------------------------- */
html {
	--glDarkBlue: #2e5f78;
	--glGreen   : #3b8248;
	--glCream   : #fffbe5;
	--glOrange  : #fda482;
	--glLtOrange: #ffc7b2;
	--glGradient: linear-gradient(to Right, #fffcea 0, #ffeee7 80%, #fff2ec 100%);
}

[lang="en"] {
	color: var(--glDarkBlue);
	font-family: 'Yeseva One', serif;
	font-weight: 400;
	font-style: normal; 
}

.catList ul {
	margin-top: 0;
	border-top: 0;
}

#main .btnA a,
#main .btnA button,
#main .btnA input {
	border-color: var(--glDarkBlue);
	background-color: var(--glDarkBlue);
}

#main .btnC a,
#main .btnC button,
#main .btnC input {
	color: var(--black) !important;
}

@media (hover: hover) {
	#main .btnA a:hover,
	#main .btnA button:hover,
	#main .btnA input:hover {
		border-color: #1a526f;
		background-color: #1a526f;
	}
}

#main .btnA a::before,
#main .btnA button::before,
#main .btn.input.btnA::before {
	width: 24px;
	background-image: url(../images/ico_arr_3.svg);
}

#main .btnC a::before,
#main .btnC button::before,
#main .btn.input.btnC::before {
	width: 24px;
	background-image: url(../images/ico_arr_1.svg);
}

.taxonomy li {
	padding: 2px 10px;
	border: 1px solid var(--glGreen);
	border-radius: 2em;
	background-color: #fff;
	color: var(--glGreen);
	font-size: 1.2rem;
	font-weight: 600;
}
/*通常バージョンctaブルーボタン*/
 .btnD a::before,
  .btnD button::before,
  .btn.input.btnA::before {
    background-image: url(/shared/images/ico_2.svg);
  }

  .btnD a,
  .btnD button,
  .btnD input {
    border-color: var(--planBlue);
    background-color: var(--planBlue);
    color: var(--white)!important;
  }
  .btnD a:hover, .btnD a:active {
    border-color: #005ba5;
    background-color: #005ba5;
    text-decoration: none;
}

/*ctaブルーボタン矢印GLバージョン*/
.btnE a::before,
  .btnD button::before,
  .btn.input.btnA::before {
    background-image: url(../images/ico_arr_3.svg);
	width: 24px;
  }

  .btnE a,
  .btnD button,
  .btnD input {
    border-color: var(--planBlue);
    background-color: var(--planBlue);
    color: var(--white)!important;
  }
  .btnE a:hover, .btnE a:active {
    border-color: #005ba5;
    background-color: #005ba5;
    text-decoration: none;
}
/*画像なしボタン２つ横並びCTA*/

.twobtn{
  display: flex;
  justify-content: center;
}
.twobtn .btn {
    margin-left: 10px;
    margin-right: 10px;
}
.ctalink .txt.txtonly {
    padding: 30px !important;
}
@media screen and (max-width: 768px) {
.twobtn .btn {
    margin-left: 0;
    margin-right: 0;
}
.twobtn{
    flex-direction: column;
	align-items: center;
}
}

/* Top
-------------------------------------------------- */
/* Main Visual
--------------------- */
#mainVisual {
	padding-bottom: 192px;
	background-image: url(../images/bg_1.png), url(../images/bg_wave1.svg), var(--glGradient);
	background-repeat: no-repeat;
	background-position: 0 0, 0 100%, 0 0;
	background-size: 835px, 100%, auto;
	position: relative;
}

#mainVisual .inner {
	background: url(../images/bg_2.png) no-repeat 100% 40px / 35%;
}

#mainVisual .mainHeader {
	padding: 74px 30% 74px 0;
	position: relative;
}

#mainVisual .mainHeader h1 {
	display: inline-block;
	padding: 0 85px 0 52px;
	background: url(../images/bg_3.png) no-repeat 100% 0 / 52px;
	color: #2e6b7c;
	font-size: 12.8rem;
	letter-spacing: 0;
	line-height: 1;
}

#mainVisual .mainHeader p {
	padding-left: 55px;
	background: url(../images/bg_4.png) no-repeat 0 0 / 30px;
	color: #2e6b7c;
	font-size: 2.4rem;
}

@media screen and (max-width: 1280px) {
	#mainVisual .mainHeader h1 {
		font-size: 10vw;
	}
}

@media screen and (max-width: 768px) {
	#mainVisual {
		padding-bottom: 162px;
		background-image: url(../images/bg_1_sp.png), url(../images/bg_wave1.svg), var(--glGradient);
		background-size: 100%, 100%, auto;
	}
	
	#mainVisual .inner {
		background-position: 50% 164px;
		background-size: 328px;
	}
	
	#mainVisual .mainHeader {
		padding: 10px 0 0;
		margin: 0 auto;
		width: fit-content;
	}
	
	#mainVisual .mainHeader h1 {
		padding: 32px 12px 0 0;
		background-size: 40px;
		font-size: 7.1rem;
	}
	
	#mainVisual .mainHeader p {
		padding: 0 20px 13px;
		background-position: 0 100%;
		background-size: 20px;
		font-size: 2.0rem;
	}
}

@media screen and (max-width: 390px) {
	#mainVisual .inner {
		background-position: 50% 42vw;
		background-size: 84.1vw;
	}
	
	#mainVisual .mainHeader h1 {
		font-size: 18.3vw;
		white-space: nowrap;
	}
	
	#mainVisual .mainHeader p {
		font-size: 5.13vw;
		white-space: nowrap;
	}
}



/* mainMenu
--------------------- */
.mainMenu .splide__track {
	padding: 0 4px 4px 0;
}

.mainMenu .splide__slide {
	padding-right: 4px;
	border-radius: 16px;
}

.mainMenu .splide__slide a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	aspect-ratio: 368 / 207;
	padding: 10px;
	border: 1px solid var(--glOrange);
	border-radius: 99em;
	background-color: #fff;
	color: var(--glDarkBlue);
	font-size: 2.0rem;
	font-weight: 600;
	text-decoration: none;
	text-align: center;
	position: relative;
}

.mainMenu .splide__slide a:hover {
	background-color: #fff4f0;
}

.mainMenu .splide__slide a::before {
	content: '';
	width: 25.55%;
	padding-top: 25.55%;
	height: 0;
	background-repeat: no-repeat;
	background-size: contain;
	margin-bottom: 12px;
}

.mainMenu .splide__slide.health a::before {
	background-image: url(../images/ico_1.png);
}

.mainMenu .splide__slide.heart a::before {
	background-image: url(../images/ico_2.png);
}

.mainMenu .splide__slide.society a::before {
	background-image: url(../images/ico_3.png);
}

.mainMenu .splide__slide a::after {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	width: 70px;
	height: 38px;
	border: 1px solid var(--glDarkBlue);
	border-radius: 2em;
	background: var(--glDarkBlue) url(../images/ico_arr_3.svg) no-repeat 50% calc(50% - 2px);
}

.mainMenu .splide__slide a:hover::after {
	background-color: #1a526f;
}

@media screen and (max-width: 1020px) {
	.mainMenu {
		margin: 0 -20px;
	}
	
	.mainMenu .splide__track {
		padding: 0 20px !important;
	}
}

@media screen and (max-width: 768px) {
	.mainMenu {
		margin-top: 294px;
	}
	
	.mainMenu .splide__slide a {
		aspect-ratio: 310 / 174;
		font-size: 1.8rem;
	}
	
	.mainMenu .splide__slide a::before {
		left: 40px;
		width: 72px;
		height: 72px;
	}
}

@media screen and (max-width: 390px) {
	.mainMenu {
		margin-top: 75.4vw;
	}
}

.splide .splide__arrow {
	width: 60px;
	height: 60px;
	background-color: transparent;
}

.splide .splide__arrow--prev {
	left: -80px;
}

.splide .splide__arrow--next {
	right: -80px;
}

.splide .splide__arrow svg {
	fill: var(--glDarkBlue);
}

.splide .splide__pagination {
	position: absolute;
	width: 100%;
	text-align: center;
}

.splide .splide__pagination__page {
	border-color: #dbc9cf;
	background-color: #dbc9cf;
}

.splide .splide__pagination__page:hover::after,
.splide .splide__pagination__page.is-active::after {
	border-color: var(--glDarkBlue);
}

@media screen and (max-width: 1380px) {
	.splide .splide__arrow--prev {
		left: calc((100vw - 1200px) / -2 + 10px);
	}
	
	.splide .splide__arrow--next {
		right: calc((100vw - 1200px) / -2 + 10px);
	}
}

@media screen and (max-width: 1246px) {
	.splide .splide__arrow--prev {
		left: -10px;
	}
	
	.splide .splide__arrow--next {
		right: -10px;
	}
}

@media screen and (max-width: 768px) {
	.splide .splide__arrow {
		width: 40px;
		height: 40px;
	}
}


/* Content
--------------------- */
.glTop #contentBody {
	margin: 0;
}

.glTop #contentBody h2,
.globalSupporter h2,
.globalProject h2 {
	margin-top: 0;
	margin-right: -16px;
	padding-left: 96px;
	background: url(../images/ico_4.svg) no-repeat 0 50% / 70px;
	color: var(--glDarkBlue);
	font-size: 2.4rem;
	font-weight: 400;
}

.glTop #contentBody h2 [lang="en"],
.globalSupporter h2 [lang="en"],
.globalProject h2 [lang="en"] {
	margin-right: 16px;
	font-size: 6.4rem;
	line-height: 1;
}

.glTop #contentBody h2 span,
.globalSupporter h2 span,
.globalProject h2 span {
	display: inline-block;
}

@media screen and (max-width: 768px) {
	.glTop #contentBody h2,
	.globalSupporter h2,
	.globalProject h2 {
		padding-left: 72px;
		background-size: 56px;
		line-height: 1.2;
		margin-right: -10px;
	}
	
	.glTop #contentBody h2 [lang="en"],
	.globalSupporter h2 [lang="en"],
	.globalProject h2 [lang="en"] {
		font-size: 4.0rem;
	}
}

.glWhatsnew {
	background-image: url(../images/bg_wave2.svg), var(--glGradient);
	background-repeat: no-repeat;
	background-position: 0 0, 0 0;
	background-size: 100%, auto;
}

.glRecommend {
	margin-top: -82px;
	padding-bottom: 92px;
	background-color: var(--glCream);
}

.glWhatsnew h2,
.glRecommend h2,
.globalSupporter h2 {
	padding-top: 10px;
	position: relative;
}

.globalSupporter h2 span {
	display: block;
}


@media screen and (max-width: 768px) {
	.glRecommend {
		padding-bottom: 122px;
	}
	
	.glWhatsnew .inner {
		position: relative;
		top: -60px;
	}
}


/* Recommend
--------------------- */
.recommendList {
	margin-top: 68px;
}

.recommendList > li {
	margin-bottom: 32px;
}

.recommendList a {
	display: flex;
	gap: 32px;
	align-items: center;
	color: var(--textBlack);
	text-decoration: none;
}

.recommendList li:nth-child(2n) a {
	flex-direction: row-reverse;
}

.recommendList li .img {
	width: 472px;
	height: 266px;
	border-radius: 100px 100px 4px 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.recommendList li:nth-child(2n) .img {
	border-radius: 100px 100px 100px 4px;
}

.recommendList li .img img {
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	max-width: inherit;
	object-fit: cover;
}

.recommendList li .txt {
	flex: 1;
	padding-bottom: 32px;
	background: url(../images/ico_arr_2.svg) no-repeat 0 100%;
}

.recommendList li .txt p {
	padding-left: 24px;
	font-size: 2.4rem;
	font-weight: 600;
	line-height: 1.5;
	position: relative;
}

.recommendList li .txt p::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	height: calc(100% - .5em);
	border-right: 10px solid var(--glGreen);
}

@media screen and (max-width: 768px) {
	.recommendList > li {
		margin-bottom: 40px;
	}
	
	.recommendList a,
	.recommendList li:nth-child(2n) a {
		flex-direction: column;
	}
	
	.recommendList li .txt {
		width: 100%;
		padding-bottom: 24px;
		background-position: 100% 100%;
	}
	
	.recommendList li .txt p {
		font-size: 2.0rem;
	}
	
	.recommendList li .img {
		width: 100%;
		height: 200px;
		border-radius: 60px 60px 4px 60px;
	}
	
	.recommendList li:nth-child(2n) .img {
		border-radius: 60px 60px 60px 4px;
	}

}

/* What's New
--------------------- */
.glTop .reportList {
	margin-top: 46px;
}

.glTop .reportList > li a {
	border: 0;
	border-radius: 0;
	background-color: transparent;
	box-shadow: none;
}

.glTop .reportList .img {
	width: 368px;
	height: 207px;
	border-radius: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.glTop .reportList .img img {
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	max-width: inherit;
	object-fit: cover;
}

.glTop .reportList p {
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 1.5;
}

.glTop .reportList a:hover p {
	color: inherit;
	text-decoration: none;
}

.glTop .reportList time {
	color: #614357;
	font-size: 1.4rem;
	border-bottom: 0;
	padding-bottom: 24px;
	background: url(../images/ico_arr_2.svg) no-repeat 0 100%;	
}

.glTop .reportList + .btn {
	margin-top: 48px;
}

@media screen and (max-width: 768px) {
	.glTop .reportList a > div {
		display: flex;
		gap: 16px;
		align-items: flex-start;
	}
	
	.glTop .reportList li:nth-child(2n) a > div {
		flex-direction: row-reverse;
	}
	
	.glTop .reportList .img {
		width: 167px;
		height: 124px;
		border-radius: 24px;
	}
	
	.glTop .reportList .img img {
		border-radius: 0;
	}
	
	.glTop .reportList p {
		flex: 1;
		margin-top: -0.25em !important;
	}
	
	.glTop .reportList time {
		padding-bottom: 16px;
		background-position: 100% 100%;
	}
	
	.glTop .reportList + .btn {
		margin-top: 40px;
	}
}

/* Catefory Page / Tag Page
-------------------------------------------------- */
/* Title
--------------------- */
.glCatTag #pageHeader {
	padding-bottom: 16px;
	border-bottom-color: #fff;
	background-color: #fff;
}

.glCatTag #pageHeader h1 {
	min-height: 170px;
	width: fit-content;
	margin: 0 auto;
	padding-left: 115px;
	background-image: none, url(../images/ico_5.svg);
	background-repeat: no-repeat;
	background-position: 40px 60%, 0 50%;
	background-size: 60px 60px, auto;
	color: var(--glDarkBlue);
	font-size: 4.0rem;
	font-weight: 400;
}

.glCatTag #pageHeader.health h1 {
	background-image: url(../images/ico_1.png), url(../images/ico_5.svg);
}

.glCatTag #pageHeader.heart h1 {
	background-image: url(../images/ico_2.png), url(../images/ico_5.svg);
}

.glCatTag #pageHeader.society h1 {
	background-image: url(../images/ico_3.png), url(../images/ico_5.svg);
}

@media screen and (max-width: 768px) {
	.glCatTag #pageHeader {
		padding-bottom: 8px;
	}
	
	.glCatTag #pageHeader h1 {
		min-height: 160px;
		background-size: 58px 58px, 71px auto;
		font-size: 3.2rem;
	}
}


/* Content
--------------------- */
.glCatTag #contentBody {
	margin-top: 0;
	margin-bottom: 0;
}

.glCatTag .recentReport {
	padding: 128px 0 148px;
	background-image: url(../images/bg_wave4.svg), url(../images/bg_wave3.svg), var(--glGradient);
	background-repeat: no-repeat;
	background-position: 0 0, 0 calc(100% + 1px), 0 0;
	background-size: 100%, 100%, auto;
	position: relative;
}

.reportList {
	margin-top: 40px;
}

.reportList > li a,
.reportList .splide__list li a {
	padding: 0;
	border: 1px solid var(--glOrange);
	border-radius: 60px 60px 40px 40px;
	background-color: #fff;
	box-shadow: 4px 4px 0 var(--glOrange);
}

.reportList .img,
.glCatTag .reportList .img {
	width: 368px;
	max-width: 100%;
	height: 200px;
	border-radius: 60px 60px 0 0;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.glCatTag .reportList .img img {
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	max-width: inherit;
	object-fit: cover;
}

.reportList .txt {
	padding: 0 24px 18px;
}

.reportList p {
	font-size: 2.0rem;
	font-weight: 600;
	line-height: 1.5;
}

.reportList a:hover p {
	color: inherit;
	text-decoration: none;
}

.reportList time {
	color: #614357;
	font-size: 1.4rem;
	border-bottom: 0;
	padding-bottom: 0;
	background: url(../images/ico_arr_5.svg) no-repeat 100% calc(100% - 0.25em);	
}

@media screen and (max-width: 768px) {
	.glCatTag .recentReport {
		padding: 68px 0 93px;
	}
	
	ul.reportList > li {
		margin-bottom: 24px;
	}
	
	.reportList .img,
	.glCatTag .reportList .img {
		width: 100%;
		height: 200px;
	}

	.glCatTag .reportList .img img {
		border-radius: 0;
	}
	
	.reportList .txt {
		padding-right: 16px;
		padding-left: 16px;
	}
}

.pagination {
	margin-top: 40px;
}

.pagination a,
.wp-pagenavi a {
	border-color: var(--glDarkBlue);
	background-color: #fff !important;
	color: var(--glDarkBlue);
}

.pagination .current,
.wp-pagenavi .current {
	border-color: var(--glDarkBlue);
	background-color: var(--glDarkBlue);
	color: #fff;
}

.pagination .prev,
.pagination .next,
.wp-pagenavi .prev,
.wp-pagenavi .next {
	background-image: url(../images/ico_arr_6.svg);
	background-size: 10px;
}



/* Article
-------------------------------------------------- */
/* Title
--------------------- */

.glArticle #pageHeader {
	background-color: #fff;
	background-image: var(--glGradient);
	border-bottom-color: transparent;
}

.glArticle #pageHeader.withImg::after {
	content: none;
}

.glArticle #pageHeader h1 {
	padding: 24px 0 0;
}

.glArticle #pageHeader h1 span {
	padding: 28px 54px 36px;
	border: 1px solid var(--glOrange);
	border-radius: 70px 70px 4px 70px;
	background-color: #fff;
	box-shadow: 4px 4px 0 var(--glOrange);
	color: var(--glDarkBlue);
	font-size: 3.2rem;
	font-weight: 400;
	line-height: 1.5;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.glArticle #pageHeader:not(.withImg) h1 span {
	width: 100%;
	align-items: center;
}

.glArticle #pageHeader:not(.withImg) h1 span::after {
	content: '';
	display: block;
	width: 240px;
	margin: 14px auto 0;
	border-bottom: 8px solid var(--glOrange);
}

.glArticle #pageHeader.withImg h1 span {
	width: 639px;
	max-width: 100%;
}

@media screen and (max-width: 768px) {
	.glArticle #pageHeader h1 {
		margin: 0 10px;
		padding-top: 16px;
	}
	
	.glArticle #pageHeader h1 span {
		padding-right: 20px;
		padding-left: 20px;
		font-size: 2.4rem;
	}
	
	.glArticle #pageHeader.withImg h1 {
		margin: 0;
		padding: 0;
	}
	
	.glArticle #pageHeader.withImg h1 span {
		padding: 18px 32px;
		border-top: 0;
		border-radius: 0 0 4px 70px;
	}
	
	.glArticle #pageHeader:not(.withImg) h1 span::after {
		width: 162px;
	}
}

/* Content
--------------------- */
.glArticle #contentBody > h2 {
	width: fit-content;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 18px;
	color: var(--black);
	font-size: 2.4rem;
	font-weight: 400;
	position: relative;
}

.glArticle #contentBody > h2::before {
	content: '';
	position: absolute;
	top: calc(100% - 18px);
	left: 0;
	width: 100%;
	border-bottom: 8px solid var(--glOrange);
}

.glArticle #contentBody > h2::after {
	content: '';
	position: absolute;
	top: calc(100% - 17px);
	left: 50%;
	width: 12.72px;
	height: 12.72px;
	border-width: 6.36px;
	border-style: solid;
	border-color: transparent transparent var(--glOrange) var(--glOrange);
	transform: translateX(-50%) rotate(-45deg);
}

.glArticle #contentBody .contentHeader {
	width: 100vw;
	margin-right: calc(-50vw - -50%);
	margin-left: calc(-50vw - -50%);
	padding-right: calc(50vw - 50%);
	padding-left: calc(50vw - 50%);
	margin-top: -40px;
	margin-bottom: 96px;
	padding-top: 88px;
	padding-bottom: 148px;
	background: var(--glGradient);
	position: relative;
}

.glArticle #contentBody .contentHeader::after {
	content: "";
	height: 148px;
	width: 100%;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	background-image: url(../images/bg_wave5.svg);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: 100%, auto;
}

.glArticle article#contentBody.innerC {
	font-size: 1.6rem;
}

.glArticle .innerC .newsHeader {
	margin-bottom: 6px;
}

.glArticle article.innerC .lead {
	margin-bottom: .5em;
	color: var(--glDarkBlue);
}

.glArticle .toc {
	border-color: var(--white);
}

.glArticle .toc h2 {
	padding-left: 60px;
	background: url(../images/ico_7.svg) no-repeat 0 50%;
	color: var(--glDarkBlue);
	font-size: 2.4rem;
	font-weight: 400;
}

.glArticle .toc li a::before {
	background-image: url(../images/ico_arr_7.svg);
}

@media screen and (max-width: 768px) {
	.glArticle #contentBody {
		margin-bottom: 40px;
	}
	
	.glArticle #contentBody > h2 {
		width: auto;
		margin-top: 32px;
		text-align: center;
	}
	
	.glArticle #contentBody .contentHeader {
		margin-bottom: 80px;
		padding-top: 32px;
		padding-bottom: 58px;
	}
	
	.glArticle #contentBody .contentHeader::after {
		height: 58px;
		bottom: -1px;
	}
	
	.glArticle article.innerC .lead {
		font-size: 2.0rem;
		line-height: 1.5;
	}
}

.glArticle #contentBody h3 {
	margin-top:52px;
	margin-bottom: 18px;
	font-size: 2.0rem;
}

.glArticle #contentBody a {
	color: var(--glGreen);
}

.glArticle #contentBody .btnA a {
	color: var(--white);
}

.glArticle #contentBody .catList li a {
	color: var(--textBlack);
}

.glArticle #contentBody img {
	border-radius: 24px;
}

.glArticle #contentBody .box {
	border-radius: 40px;
}

.glArticle .img.wide {
	margin-bottom: .75em;
}

.glArticle u {
	text-decoration-color: var(--glGreen);
}

.glArticle .highlight {
	margin: 1.5em 0;
	background-color: var(--glLtOrange);
}

.glArticle blockquote {
	margin: 1.5em 0;
	padding: 12px 54px;
	border: 1px solid var(--borderLightGray);
	border-radius: 8px;
	position: relative;
}

.glArticle blockquote::before {
	content: '“';
	position: absolute;
	top: 12px;
	left: 18px;
}

.glArticle blockquote::after {
	content: '”';
	position: absolute;
	bottom: calc(12px - .6em);
	right: 18px;
}

.glArticle blockquote::before,
.glArticle blockquote::after {
	color: var(--borderLightGray);
	font-family: 'Yeseva One', serif;
	font-size: 56px;
	line-height: 1;
}

.glArticle blockquote *:last-child {
	margin-bottom: 0;
}

.glArticle .col + .comment {
	margin-top: 60px;
}

.glArticle .linkB a::before {
	background-image: url(../images/ico_arr_7.svg);
}

.glArticle h2 + .video {
	margin-top: 0;
}

.glArticle dl.tableFormat,
.glArticle dl.tableFormat dt,
.glArticle dl.tableFormat dd {
	border-color: var(--textBlack);
}

.glArticle dl.tableFormat > dt {
	border-right: 0;
	background-color: var(--glLtOrange);
}

.glArticle .voice {
	padding: 0;
	border: 0;
	background: transparent;
}

.glArticle .voice + .voice {
	margin-top: 34px;
}

.glArticle .voiceBox {
	margin-top: -10px;
	padding: calc(32px - .375em) 24px 32px;
	border-color: var(--glLtOrange);
	background-color: var(--glLtOrange);
	background-image: none;
	border-radius: 40px 40px 40px 4px;
}

.glArticle .voice:nth-last-child(even) .voiceBox {
	border-radius: 40px 40px 4px 40px;
}

.glArticle .voiceBox .col {
	margin-top: 0;
	column-gap: 24px;
}

.glArticle .voiceBox .col .img {
	width: 284px;
}

.glArticle .boxA {
	border-color: var(--glDarkBlue);
	background-color: var(--glCream);
}

.glArticle .boxB {
	border-color: var(--glOrange);
}

.glArticle .boxC {
	border-color: var(--glGreen);
}

.glArticle .boxD {
	border-color: #e3b162;
}

.glArticle .box.col {
	column-gap: 24px;
}

.glArticle .col {
	column-gap: 40px;
}

.glArticle .col img {
	width: 100%;
}

.glArticle #contentBody .box.donateArea {
	border-color: var(--glCream);
	background-color: var(--glCream);
	border-radius: 24px;
}

.glArticle .needSupport h2 {
	color: var(--glDarkBlue);
	font-size: 2.4rem;
	font-weight: 400;
	text-align: center;
	margin-top: 0!important;
}

.glArticle .needSupport h2 span {
	display: inline-block;
}

@media screen and (max-width: 768px) {
	.glArticle #contentBody img {
		border-radius: 60px;
	}
	
	.glArticle blockquote {
		padding: 36px 12px;
	}
	
	.glArticle blockquote::before {
		top: 6px;
		left: 10px;
	}
	
	.glArticle blockquote::after {
		bottom: calc(8px - .6em);
		right: 10px;
	}
	
	.glArticle .col {
		margin-top: 32px;
	}
	
	.glArticle .col + .comment {
		margin-top: 32px;
	}
	
	.glArticle h2 + .video {
		margin-bottom: 40px;
	}
	
	.glArticle .voice {
		margin-top: 32px;
	}
	
	.glArticle .voiceBox {
		padding: 24px 20px;
		border-radius: 60px 60px 4px 60px;
	}
	
	.glArticle .voice + .voice .voiceBox {
		border-radius: 60px 60px 60px 4px;
	}
	
	.glArticle .voice .col > .img {
		margin-top: 0;
		width: 100%;
		border-radius: 40px;
	}
	
	.glArticle #contentBody .box img {
		border-radius: 16px;
	}
	
	.glArticle #contentBody .voice img {
		border-radius: 40px;
	}
	
	.glArticle .needSupport h2 {
		text-align: left;
	}
	
	.glArticle .needSupport h2 span {
		display: inline;
	}
}
/*追記*/
.img_center{
	text-align: center;
}
.toc.box.round h2 {
     margin-top: 0 !important;
}
.qanda{
	margin-top:52px;
}
@media screen and (max-width: 768px) {
	.qanda{
	margin-top:42px;
}
}
/*profile画像size*/
.glArticle .voiceBox .col .img {
    width: 230px;
}

@media screen and (max-width: 768px) {
.glArticle .voice .col > .img {
    margin-top: 0;
    max-width: 250px;
    border-radius: 40px;
}
}

/*画像サイズ*/
.img_center .img_s_40 {
    width: 400px!important;
}

@media screen and (max-width: 768px) {
.img_center .img_s_40 {
    width: 100% !important;
    max-width: 500px;
}
}
.img_center .img_s_50 {
    width: 500px!important;
}

@media screen and (max-width: 768px) {
.img_center .img_s_50 {
    width: 100% !important;
    max-width: 500px;
}
}
.img_center .img_s_60 {
    width: 600px!important;
	
}

@media screen and (max-width: 768px) {
.img_center .img_s_60 {
    width: 100% !important;
	max-width: 500px;
}
}
.img_center .img_s_70 {
    width: 700px!important;
}

@media screen and (max-width: 768px) {
.img_center .img_s_70 {
    width: 100% !important;
    max-width: 500px;
}
}
/*SP時サイズ*/
@media screen and (max-width: 768px) {
.spimg500 {
max-width: 500px !important;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.spimg400 {
max-width: 400px !important;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.spimg300 {
max-width: 300px !important;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.spimg200 {
max-width: 200px !important;
margin: 0 auto;
}
}

/*マージン*/
.m-t120 {
    margin-top: 120px;
}
.m-t100 {
    margin-top: 100px;
}
.m-t80 {
    margin-top: 80px;
}
.m-t70 {
    margin-top: 70px;
}
.m-t60 {
    margin-top: 60px;
}
.m-t50 {
    margin-top: 50px;
}
.m-t40 {
    margin-top: 40px;
}
.m-t30 {
    margin-top: 30px;
}
.m-t20 {
    margin-top: 20px;
}
.m-t10 {
    margin-top: 10px;
}
.m-b120 {
    margin-bottom: 120px;
}
.m-b100 {
    margin-bottom: 100px;
}
.m-b80 {
    margin-bottom: 80px;
}
.m-b70 {
    margin-bottom: 70px;
}
.m-b60 {
    margin-bottom: 60px;
}
.m-b50 {
    margin-bottom: 50px;
}
.m-b40 {
    margin-bottom: 40px;
}
.m-b30 {
    margin-bottom: 30px;
}
.m-b20 {
    margin-bottom: 20px;
}
.m-b10 {
    margin-bottom: 10px;
}
/*中央ぞろえ*/
.m0auto{
	margin:0 auto;
}
/*カラー*/
.green {
    color: var(--glGreen);
}
.green2{
	color: var(--glDarkBlue);
}
.pink{
	color:#ffc7b2;
}
.purple{
	color:#c1a4e0;
}
.w600{
	font-weight:600;
}
/*横並びスマホ時画像上*/
@media screen and (max-width: 768px) {
.colspflex {
    display: flex!important;
    flex-direction: column;
}
.colspflex .img {
    order: 1;
    margin-top: 0;
}
.colspflex .txt {
    order: 2;
    margin-top: 24px;
}
}

/*CTAボタン*/
.ctalink {
    padding: 0!important;
    border: 0!important;
}
.ctalink .txt {
    padding: 20px!important;
}
.ctalink .txt .font-b {
    text-align: center;
	font-weight: 600;

}

.ctalink .img{
  width: 200px!important;
  margin:0!important;
}
.ctalink .txt .kifuMsg {
	width:50%!important;
}
.ctalink .img img {
    border-radius: 16px 0 0 16px !important;
}

@media screen and (max-width: 768px) {
.ctalink .img{
  width: 100%!important;
  margin:0!important;
}
.ctalink .txt .kifuMsg {
	width:100%!important;
}
.ctalink .img img {
    border-radius: 16px 16px 0 0!important;
}

}
/*テンプレプランについて修正*/
.glArticle .aboutplanarea .col .txt h2 {
    margin-top: 0 !important;
}

/* About Plan
--------------------- */
.aboutPlan {
	margin-top: 120px;
}

.aboutPlan .box {
	border-color: var(--glLtOrange);
	background-color: var(--glLtOrange);
	border-radius: 40px;
}

.aboutPlan h2 {
	margin-bottom: 1em;
	font-size: 1.8rem;
}

.aboutPlan .col {
	flex-direction: row-reverse;
	column-gap: 24px;
}

.aboutPlan .col > .img {
	max-width: 34%;
}

.aboutPlan .col > .img img {
	border-radius: 16px;
}

.aboutPlan .btn {
	width: 380px;
	max-width: 100%;
}

@media screen and (max-width: 768px) {
	.aboutPlan {
		margin-top: 40px;
	}
	
	.aboutPlan .box {
		margin-top: 0;
		border-radius: 60px;
	}
	
	.aboutPlan .col {
		margin-top: 0;
	}
	
	.aboutPlan .col > .img {
		max-width: 100%;
		margin-top: 0;
	}
	
	.aboutPlan .col > .img img {
		border-radius: 40px;
	}
}


/* Related
--------------------- */
.related {
	margin: 146px 0 0;
	padding: 72px 0 126px;
	border-top-color: #fff;
	border-bottom: 0;
	background: var(--glCream) url(../images/bg_wave3_grad.svg) no-repeat 0 calc(100% + 1px) / 100%;
	position: relative;
}

.related::before {
	content: '';
	position: absolute;
	bottom: 100%;
	left: 0;
	width: 100%;
	aspect-ratio: 300 / 11;
	background: url(../images/bg_wave3.svg) no-repeat 0 calc(100% + 1px) / 100%;
}

.related .inner {
	position: relative;
}

.related h2 {
	width: fit-content;
	margin-right: auto;
	margin-left: auto;
	padding-left: 66px;
	background: url(../images/ico_8.svg) no-repeat 0 50%;
	color: var(--glDarkBlue);
	font-size: 2.4rem;
	font-weight: 400;
}

.related .splide__slide {
	padding-right: 4px;
	padding-bottom: 4px;
}

.related .splide__arrow {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: var(--glDarkBlue);
}

.related .splide__arrow:hover {
	background-color: #19526f;
}

.related .splide__arrow svg {
	fill: #fff;
	height: 28px;
}

.related .splide__arrow--prev svg {
	margin-left: -12px;
}

.related .splide__arrow--next svg {
	margin-right: -12px;
}


.related .keyword {
	margin-top: 88px;
	padding: 16px 40px 24px;
	border: 2px solid var(--glDarkBlue);
	border-radius: 40px;
	background-color: #fff;
}

.related .keyword:first-child {
	margin-top: 0;
}

.related .keyword h3 {
	margin-bottom: 12px;
	font-weight: 400;
}

.related .keyword .box {
	padding: 0;
}

.related .keyword .taxonomy li a {
	border-color: var(--glGreen);
}

.related .keyword .taxonomy li a:hover {
	background-color: #eaf4d3;
}

@media screen and (max-width: 768px) {
	.related {
		margin-top: 90px;
		padding: 56px 0 76px;
	}
	
	.related .keyword {
		margin-top: 76px;
		padding-right: 23px;
		padding-left: 23px;
	}
	
	.related .keyword:first-child {
		margin-top: 0;
	}
}

/* Girl's Project / Global Project
-------------------------------------------------- */
.globalSupporter,
.globalProject {
	padding: 0 0 100px;
	background-color: var(--glCream);
}

.globalSupporter {
	margin-top: -56px;
}

.globalSupporter .col,
.globalProject .col {
	align-items: center;
}

.globalSupporter .col > .img,
.globalProject .col > .img {
	width: 39.3%;
	max-width: none;
}

.globalSupporter .col .txt,
.globalProject .col .txt {
	width: calc(61.7% - 48px);
}

.globalSupporter h3,
.globalProject h3 {
	margin-bottom: 12px;
	font-size: 2.0rem;
}


.globalSupporter img {
	border-radius: 100px;
}

.globalProject img {
	border-radius: 80px;
}

.globalSupporter .col p.btn.pc,
.globalProject .col p.btn.pc {
	display: inline-block;
	width: auto;
	margin-top: 20px;
}

.globalSupporter .col .btn,
.globalProject .col .btn {
	width: 350px;
}

@media screen and (max-width: 768px) {
	.globalSupporter,
	.globalProject {
		padding-bottom: 56px;
	}
	
	.globalSupporter h2 {
		padding-left: 0;
		background: none;
	}
	
	.globalSupporter h2 span[lang="en"] {
		margin-bottom: 12px;
		padding-left: 72px;
		background: url(../images/ico_4.svg) no-repeat 0 50% / 56px;
	}
	
	.globalProject h2 {
		margin-right: -20px;
		margin-left: -8px;
		padding-left: 66px;
	}
	
	.globalSupporter .col > .img,
	.globalSupporter .col .txt,
	.globalProject .col > .img,
	.globalProject .col .txt {
		width: 100%;
	}
	
	.globalSupporter img,
	.globalProject img {
		border-radius: 60px;
	}
}


.globalProject {
	margin-top: 120px;
	position: relative;
}

.globalProject::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	aspect-ratio: 300 / 11;
	background: #fff url(../images/bg_wave3.svg) no-repeat 0 calc(100% + 8px) / 100%;
}

.globalProject::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	aspect-ratio: 150 / 7;
	background: #fff url(../images/bg_wave2.svg) no-repeat 0 0 / 100%;
}

.globalProject .inner {
	position: relative;
}

.globalProject h2 span {
	display: block;
}

.globalProject .txt h3 {
	font-size: 2.4rem;
	font-weight: 400;
}

@media screen and (max-width: 768px) {
	.globalProject {
		margin-top: 40px;
	}
	
	.globalProject .txt h3 {
		font-size: 2.0rem;
		font-weight: 600;
	}
}


.glArticle .globalSupporter {
	background-image: var(--glGradient);
}


/* Search
-------------------------------------------------- */
.searchSection {
	margin-top: -20px;
	padding: 146px 0 0;
	background-image: url(../images/bg_wave2.svg), var(--glGradient);
	background-repeat: no-repeat;
	background-position: 0 0, 0 0;
	background-size: 100%, auto;
	position: relative;
}

.glTop .searchSection {
	margin-top: 0;
	padding: 96px 0 145px;
	background-image: url(../images/bg_wave3.svg), var(--glGradient);
	background-position: 0 calc(100% + 1px), 0 0;
}

.searchSection .inner {
	padding: 37px 47px 47px;
	border: 1px solid #fff;
	border-radius: 60px 60px 4px 60px;
	background-color: #fff;
}

.searchSection h3 {
	margin-top: 0;
	margin-bottom: 0;
	color: var(--glDarkBlue);
	font-size: 1.4rem;
	font-weight: 400;
}

.searchSection h3 [lang="en"] {
	margin-right: 16px;
	font-size: 3.2rem;
}

.searchSection h3 span {
	display: inline-block;
}

.searchSection .fromTerm ul {
	margin-top: 12px;
	margin-bottom: 48px;
	display: flex;
	flex-wrap: wrap;
	gap: 8px 24px;
}

.searchSection .fromTerm li {
	width: 16.625em;
	max-width: 100%;
}

.searchSection .fromTerm a {
	color: var(--textBlack);
	text-decoration: none;
}

.searchSection .fromTerm a:hover {
	text-decoration: underline;
}

.searchSection .fromTerm li a {
	display: inline-block;
	padding-left: 20px;
	background: url(../images/ico_arr_4.svg) no-repeat 0 calc(.8em - 8px) / 16px;
	color: var(--textBlack);
	text-decoration: none;
}

.searchSection .fromKeyword {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.searchSection .fromKeyword form {
	margin-left: 48px;
	flex: 1;
	display: flex;
	align-items: center;
}

.searchSection .fromKeyword form input[type="text"] {
	flex: 1;
	min-width: 15em;
	padding-left: 30px;
	border: 0;
	border-bottom: 1px solid var(--glDarkBlue);
	border-radius: 0;
	background: url(../images/ico_6.svg) no-repeat 0 50%;
}

.searchSection .fromKeyword .btn.input {
	margin-top: 0;
	margin-left: 16px;
	width: 264px;
}

@media screen and (max-width: 768px) {
	.searchSection {
		padding-top: 56px;
	}
	
	.glTop .searchSection {
		padding: 0 0 118px;
	}

	.searchSection .inner {
		margin: 0 10px;
		padding: 22px 10px 32px;
		border-radius: 24px 24px 4px 24px;
	}
	
	.searchSection .fromTerm ul {
		gap: 8px 16px;
		margin-bottom: 32px;
	}
	
	.searchSection .fromTerm li {
		width: calc((100% - 16px) / 2);
	}
	
	.searchSection .fromKeyword {
		flex-direction: column;
		align-items: flex-start;
	}
	
	.searchSection .fromKeyword form {
		flex-direction: column;
		width: 360px;
		max-width: 100%;
		margin: 0 auto;
	}
	
	.searchSection .fromKeyword form input[type="text"] {
		margin: 16px 0;
	}
	
	.searchSection .fromKeyword .btn.input {
		width: 350px;
		max-width: 100%;
		margin-left: 0;
	}
}

.glArticle .searchSection {
	background-color: var(--glCream);
	background-image: url(../images/bg_wave2_grad.svg);
}


/* Reccomend More
-------------------------------------------------- */
.recommendMore {
	padding: 1px 0 96px;
	background-image: var(--glGradient);
}

@media screen and (max-width: 768px) {
	.recommendMore {
		padding-bottom: 56px;
	}
}

.glArticle .recommendMore {
	background: var(--glCream);
}

#contentBody .catList li {
	width: 100%;
}
#contentBody .catList li img {
	max-height: 70px;
	width: auto;
}

.em_yellow {
	margin-top: 40px !important;
	text-align: center;
	background: linear-gradient(transparent 80%, #f6d230 80%);
	font-weight: bold;
}

.glArticle #contentBody img.noRound {
	border-radius: 0;
}

.glArticle .voiceBox .catList li a,
.glArticle .boxA .catList li a {
	background-color: #fff;
}

.glArticle .voiceBox .catList li a:hover,
.glArticle .boxA .catList li a:hover {
	background-color: #e5f1fa;
}


/*リンクバナー*/
	
  .plantxtbnr {
    display: flex;
    background: white;
    border-radius: 10px;
    border: 1px solid #d3eefb;
    text-decoration: none;
  }

  .bunrtxt {
    width: 80%;
    padding: 10px 10px 0 15px;
    text-decoration: none;
  }

  .bnrimg img {
    width: 130px;
    border-radius: 10px 0 0 10px !important;
  }

  @media screen and (max-width: 540px) {
    .plantxtbnr {
      flex-direction: column;
    }

    .bnrimg {
      border-bottom: 1px solid #d9d9d6;
    }

    .bnrimg img {
      width: 100%;
      border-radius: 10px 10px 0 0 !important;
    }

    .bunrtxt {
      padding: 10px;
      font-size: 16px;
      width: 100%;
    }
  }
/*girlslabサムネリンク*/

.article:before {
	content: url(/girlslab/images/article.svg);
	margin-left: 9px;
}

.gllink {
	position: relative;
}

.title {
	display: flex;
	background-color: #fda482;
	position: absolute;
	padding: 4px;
	top: -14px;
	left: 30px;
	border-radius: 50px;
	line-height: 1;
}
.title1{
	width: 162px;
}
.title2{
	width: 149px;
}
.title3{
	width: 151px;
}
.title4{
	width: 107px;
}
.titletxt {
	position: relative;
	color: #fff;
	letter-spacing: 0;
	line-height: 0;
	top: -5px;

}

.titletxt:after {
	position: absolute;
	color: #fff;
	width: 126px;
	font-weight: 600;
	font-size: 14px;
	top: 15px;
	left: 1px;
}

.title1 .titletxt:after {
	content: "あわせて読みたい";
}

.title2 .titletxt:after {
	content: "もっと知りたい";
}

.title3 .titletxt:after {
	content: "詳しい調査結果";
}
.title4 .titletxt:after {
	content: "参加募集";
}

.thumblink {
	display: flex;
	border: 1px solid #d9d9d6;
	border-radius: 10px;
	padding: 30px 20px 22px 30px;
	margin: 60px 0 40px;
	align-items: center;

}

.thumbimg {
	max-width: 16%;

}

.thumbimg img {
	border-radius: 5px;
}

.thumbtxt {

	font-size: 16px;
	font-weight: 600;
	padding-left: 20px;
	color: var(--glGreen);
}

@media screen and (max-width: 500px) {
	.thumblink {
		flex-direction: column;
		padding: 30px 20px 22px;
	}

	.thumbimg {
		display: none;
	}

	.thumbtxt {
		margin-top: 10px;
		font-size: 14px;
		padding-left: 14px;
	}

}