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

ourstories

---------------------------- */

/*base*/
.gs21-Main{
	margin-bottom: 0;
	padding-bottom: 0;
}
.gs21-MainContents {padding-top: 85px;}
.gs21-PageTitleUnit__TitleCol {margin-top: 30px;}

/* site-title */
#site-title {
	margin: 0 auto;
	max-width: 1380px;
	width: 92%;
	transform: translateY(90px);
}
#site-title .cmp-title__text {
    font-size: 1.6rem;
}


/* pagetitle */
.pagetitle {
    margin-top: 100px;
}



/* ----------------------------
mv
---------------------------- */
#mv {
    position: relative;
    margin-top: 40px;
}

#mv #mv__title-image{
	position: absolute;
	top: 30%;
	left: 50px;
	min-width: 250px;
	width: 35%;
}

/* ----------------------------
最新記事#latest-articles
---------------------------- */
#latest-articles {
    margin-bottom: 100px;
}
#latest-articles__2col > .container,
#latest-articles__3col > .container{
	margin-bottom: 50px;
}
#latest-articles__2col .container .cmp-container .tag .gs21-HeadingLv2--Tag,
#latest-articles__3col .container .cmp-container .tag .gs21-HeadingLv2--Tag{
	display: flex;
	flex-direction: column;
	margin: 0;
}
#latest-articles__2col .container .cmp-container .tag .gs21-HeadingLv2--Tag .gs21-HeadingLv2__TagCol,
#latest-articles__3col .container .cmp-container .tag .gs21-HeadingLv2--Tag .gs21-HeadingLv2__TagCol{ order: 2;}

#latest-articles__2col .container .cmp-container .tag .gs21-HeadingLv2--Tag .gs21-HeadingLv2__HeadingCol,
#latest-articles__3col .container .cmp-container .tag .gs21-HeadingLv2--Tag .gs21-HeadingLv2__HeadingCol{order: 1;}
#latest-articles .container .cmp-container div.image{	margin-top: 0;}
#latest-articles .container .cmp-container div.text {  margin-top: 20px;}
#latest-articles .container .cmp-container div.tag{	margin-top: 10px;}
#latest-articles__2col .container .cmp-container,
#latest-articles__3col .container .cmp-container{
	height: 100%;
	padding-bottom: 30px;
	position: relative;
}
#latest-articles__2col .container .cmp-container .button,
#latest-articles__3col .container .cmp-container .button{
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0;
}
#latest-articles .button.cmp-button--text-white.cmp-button--fw-bold.cmp-button--bg-black.cmp-button--icon-arrow {
    margin: 50px 0 50px 0;
}

/*
#filter .container > .cmp-container > .container > .cmp-container {
    position: relative;
}
#filter .container > .cmp-container > .container > .cmp-container .tag{
    
}
*/


/* ----------------------------
検索
---------------------------- */
/*#gray-area {
	background: #F2F2F2;
	padding: 40px 70px;
	margin: 180px 0 0 0;
}*/
/*#gray-area__tag {    min-height: 200px;}
#gray-area__tag .button{	display: inline-block;margin-top: 10px;}
#gray-area__tag .button a {    background: #fff;}
#gray-area__tag .button a .cmp-button__text{	font-size: 0.8rem;}
#gray-area__tag .button a {	background: #fff;	padding: 0px 10px 2px 7px;}*/
.gs21-PageTitleUnit.search-title {background: none;}
.gs21-PageTitleUnit__TitleCol{gap: 10px;}
.search-title .gs21-PageTitleUnit__TitleCol {
    flex-direction: row;
    justify-content: flex-start;
    min-height: auto;
    border-bottom: 1px solid #c4c4c4;
    padding-bottom: 50px;
    margin-left: 40px;
    margin-bottom: 80px;
}
.search-title .gs21-PageTitleUnit__Inner {
    padding: 30px 0 0 0;
    min-height: auto;
}
/*.freehtml .mf_finder_searchBox_items_wrapper {
    margin-bottom: 80px;
}
#gray-area .freehtml .mf_finder_searchBox_items_wrapper {
    margin-bottom: 10px;
}
.freehtml .mf_finder_searchBox_items {
	display: flex;
	justify-content: center;
}
#gray-area .freehtml .mf_finder_container {
	padding: 50px 3%;
	background: #fff;
	margin: 20px 0 50px 0;
}
.freehtml .mf_finder_searchBox_query_wrap input[type="text"] {
    padding: 25px;
    width: 600px;
    border-radius: 35px 0 0 35px;
    border: 1px solid #000;
}
#gray-area .freehtml .mf_finder_searchBox_query_wrap input[type="text"] {
    width: 600px;
}
.freehtml .lower-search {    min-height: 600px;}
.freehtml .mf_finder_searchBox_items button {
    background: #000;
    border: none;
    border-radius: 0 35px 35px 0;
    width: 100px;
}
.freehtml .mf_finder_searchBox_items button span {    color: #fff;}
.freehtml .mf_finder_searchBox_query_wrap{	position: relative;}
.freehtml ul.mf_finder_searchBox_suggest_items{
	background: #000;
	top: 33px;
	left:0;
	width:100%;
	list-style: none;
	position: absolute;
	padding-left: 0;
	height: auto;
	z-index: 2;
}
.freehtml ul.mf_finder_searchBox_suggest_items li{	border-bottom: 1px dashed #fff;}
.freehtml ul.mf_finder_searchBox_suggest_items li:last-child{	border-bottom: none;}
.freehtml ul.mf_finder_searchBox_suggest_items li a{
	color: #fff;
	text-decoration: none;
	padding: 5px 4px;
	display: block;
}
.freehtml ul.mf_finder_searchBox_suggest_items li a:hover{	background: #666;}
.mf_finder_spellcheck_item a {
    text-decoration: none;
    color: #000;
    font-weight: 600;
}
/*
.freehtml .mf_finder_organic_header_wrapper .mf_finder_organic_no_results:before {
    content: "検索結果が見つかりませんでした";
		font-size: 0.8rem;
    color: #666;
}
.freehtml .mf_finder_organic_wrapper .mf_finder_spellcheck_item:before,.mf_finder_organic_wrapper .mf_finder_spellcheck_item:before {
    content: "もしかして";
		font-size: 0.8rem;
    color: #666;
}
.freehtml .mf_finder_organic_wrapper .mf_finder_spellcheck_item:after,.mf_finder_organic_wrapper .mf_finder_spellcheck_item:after {
    content: "のことでしょうか";
		font-size: 0.8rem;
    color: #666;
}
/*
.freehtml .mf_finder_organic_range_from:after {
    content: "-";
    color: #666;
}
.freehtml .mf_finder_organic_range_to:after {
    content: "件までを表示";
    color: #666;
    font-size: 0.8rem;
}
.mf_finder_organic_total:after {
    content: "件中";
    color: #666;
    font-size: 0.8rem;
    display: inline-block;
    margin: 0 5px 0 0;
}
.freehtml .mf_finder_query:before {
    content: "「";
    color: #666;
}
.freehtml .mf_finder_query:after {
    content: "」の検索結果";
    color: #666;
    font-size: 0.8rem;
    display: inline-block;
    margin: 0 5px 0 0;
}
.freehtml .mf_finder_organic_header {
    display: flex;
    margin: 30px 0;
	flex-wrap: wrap;
}
.freehtml .mf_finder_organic_nums {    order: 2;}
.freehtml .mf_finder_organic_nums {    display: flex;}
.freehtml .mf_finder_query {    order: 1;}
.freehtml .mf_finder_organic_total {    order: 1;}
.freehtml .mf_finder_organic_range {    order: 2;}
*/
/* -----   html:lang(en)    --------------------- */
/*html:lang(en) .freehtml .mf_finder_spellcheck_item a {
    margin-left: .25rem;
    margin-right: .25rem
}

html:lang(en) .freehtml .mf_finder_spellcheck_item:after,.mf_finder_spellcheck_item:before {
    font-size: 88%;
    color: #666
}

html:lang(en) .freehtml .mf_finder_spellcheck_item:before {
    content: "Did you mean";
		font-size: 0.8rem;
    color: #666;
}

html:lang(en) .freehtml .mf_finder_spellcheck_item:after {
    content: "?";
		font-size: 0.8rem;
    color: #666;
}
html:lang(en) .freehtml .mf_finder_organic_no_results:before {
    content: "No search results found";
		font-size: 0.8rem;
    color: #666;
}
html:lang(en) .freehtml .mf_finder_organic_range_from:before {
    content: "Showing";
	  color: #666;
    font-size: 0.8rem;
		display: inline-block;
	margin: 0 5px 0 0;
}
html:lang(en) .freehtml .mf_finder_organic_range_to:after {
    content: "of";
    color: #666;
    font-size: 0.8rem;
	display: inline-block;
	margin: 0 5px;
}
html:lang(en) .freehtml .mf_finder_query:before {
    content: "results for";
    color: #666;
		font-size: 0.8rem;
		display: inline-block;
	margin: 0 5px 0 0;
}
html:lang(en) .freehtml  .mf_finder_organic_header {
    display: flex;
    margin: 30px 0;
}
html:lang(en) .freehtml  .mf_finder_organic_nums {    order: 1;}
html:lang(en) .freehtml  .mf_finder_organic_nums {    display: flex;}
html:lang(en) .freehtml  .mf_finder_query {    order: 2;}
html:lang(en) .freehtml  .mf_finder_organic_total {    order: 2;}
html:lang(en) .freehtml  .mf_finder_organic_range {    order: 1;}
html:lang(en) .freehtml  .mf_finder_organic_total:after {    content: none;}
html:lang(en) .freehtml .mf_finder_query:after {    content: none;}

.freehtml .mf_finder_organic_docs {
    border-top: 1px solid #ccc;
    padding: 30px 0;
}
.freehtml .mf_finder_doc_outbound {
    border-bottom: 1px solid #ccc;
    padding-bottom: 30px;
}
.freehtml .mf_finder_organic_doc {
  display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}
.freehtml .mf_finder_organic_doc_img_wrapper{
	width: 100px;
}
.freehtml .mf_finder_organic_doc_img_wrapper .mf_finder_organic_doc_img {
    max-width: 100px;
    max-height: 100px;
}
.mf_finder_organic_doc_contents a {
    text-decoration: none;
    word-break: break-all;
}
.freehtml .mf_finder_organic_doc_contents_wrapper{	width: calc(100% - 140px);}
.freehtml .mf_finder_organic_doc_title_wrapper{
	display:inline-block;margin-bottom:.65rem;text-decoration:none;color:#111}
.freehtml .mf_finder_organic_doc_title_wrapper:hover{
	text-decoration:underline}

.freehtml .mf_finder_organic_doc_title_wrapper:visited{color:#a086b7}
.freehtml .mf_finder_organic_doc_title {    font-weight: 700;}
.freehtml .mf_finder_organic_doc_url:before {
    content: "URL";
    display: inline-block;
    background: #000;
    padding: 2px 5px 1px 5px;
    font-size: 0.6rem;
    color: #fff;
    margin: 0 10px 0 0;
}
.freehtml .mf_finder_organic_doc_url span {
    font-size: 0.8rem;
    text-decoration: none;
    color: #000;
}
.freehtml .mf_finder_organic_doc_body {
    font-size: .85rem;
    line-height: 1.45;
    color: #333;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    word-break: break-word;
}
.freehtml .mf_finder_pager_items{display:flex;margin-left:0;padding-left:0;padding-right:0;line-height:1.75}
.freehtml .mf_finder_pager_items li{list-style:none;margin:0 .25rem;text-align:center}
.freehtml .mf_finder_pager_item_current,
.freehtml .mf_finder_pager_items li a{display:inline-block;padding:.25rem .75rem;text-decoration:none}
.freehtml .mf_finder_pager_items li a{color:#eee;background-color:#222;border-radius:2px}
.freehtml .mf_finder_pager_items .mf_finder_pager_item_first a,
.freehtml .mf_finder_pager_items .mf_finder_pager_item_next a,
.freehtml .mf_finder_pager_items .mf_finder_pager_item_prev a{background-color:#666;padding-right:.5rem}
.freehtml .mf_finder_pager_items .mf_finder_pager_item_first a span,
.freehtml .mf_finder_pager_items .mf_finder_pager_item_next a span,
.freehtml .mf_finder_pager_items .mf_finder_pager_item_prev a span{display:inline-block;width:.75rem}
.freehtml .mf_finder_pager_items li a{max-height:34px}

*/

/* pager */

/*.freehtml .lower-search *{	box-sizing: border-box;}
.freehtml .lower-search .mf_finder_organic_pager_wrapper{	margin: 40px auto 20px;}
.freehtml .lower-search .mf_finder_pager_items{	justify-content: center;}
.freehtml .lower-search .mf_finder_pager_items .mf_finder_pager_item_first{	display: none;}
.freehtml .lower-search .mf_finder_pager_items{	align-items: center;}
.freehtml .lower-search .mf_finder_pager_items li{	margin: 0 12px;}
.freehtml .lower-search .mf_finder_pager_items li > a,
.freehtml .lower-search .mf_finder_pager_items li > span{
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}
.freehtml .lower-search .mf_finder_pager_items .mf_finder_pager_item_before_pages,
.freehtml .lower-search .mf_finder_pager_items .mf_finder_pager_item_after_pages{
	border: none;
	background-color: transparent;
}

.freehtml .lower-search .mf_finder_pager_items .mf_finder_pager_item_before_pages:hover,
.freehtml .lower-search .mf_finder_pager_items .mf_finder_pager_item_after_pages:hover{
	background-color: transparent;
}

.freehtml .lower-search .mf_finder_pager_items .mf_finder_pager_item_before_pages a,
.freehtml .lower-search .mf_finder_pager_items .mf_finder_pager_item_after_pages a {
    width: 35px;
    height: 39px;
    background-color: #f4f5f5;
    color: #000;
    font-size: 16px;
    border: 1px solid #f4f5f5;
    padding: 0 0 0;
    font-weight: 700;
}

.freehtml .lower-search .mf_finder_pager_items .mf_finder_pager_item_before_pages:hover a,
.freehtml .lower-search .mf_finder_pager_items .mf_finder_pager_item_after_pages:hover a{
	background-color: #000;
	border-color: #000;
	color: #fff;
}


.freehtml .lower-search .mf_finder_pager_items .mf_finder_pager_item_current{
	border: none;
	background-color: transparent;
	padding: 0;
}

.freehtml .lower-search .mf_finder_pager_items .mf_finder_pager_item_current span{
	width: 39px;
	height: 39px;
	background-color: #000;
	font-size: 16px;
	color: #fff;
	border: 1px solid #000;
	padding: 0 0 2px;
}

/* next prev */
/*
.freehtml .lower-search .mf_finder_pager_items .mf_finder_pager_item_prev,
.freehtml .lower-search .mf_finder_pager_items .mf_finder_pager_item_next{
	background-color: transparent;
}

.freehtml .lower-search .mf_finder_pager_items .mf_finder_pager_item_prev a,
.freehtml .lower-search .mf_finder_pager_items .mf_finder_pager_item_next a{
	position: relative;
	width: 56px;
	height: 56px;
	border: 1px solid #000;
	background-color: #fff;
	padding: 27px 0;
}

.freehtml .lower-search .mf_finder_pager_items .mf_finder_pager_item_prev{
	margin-right: 24px;
	margin-left: 0;
}

.freehtml .lower-search .mf_finder_pager_items .mf_finder_pager_item_next{
	margin-right: 0;
	margin-left: 24px;
}

.freehtml .lower-search .mf_finder_pager_items .mf_finder_pager_item_prev a::before,
.freehtml .lower-search .mf_finder_pager_items .mf_finder_pager_item_next a::before,
.freehtml .lower-search .mf_finder_pager_items .mf_finder_pager_item_prev a::after,
.freehtml .lower-search .mf_finder_pager_items .mf_finder_pager_item_next a::after{
	content: '';
	display: block;
	position: absolute;
}

.freehtml .lower-search .mf_finder_pager_items .mf_finder_pager_item_prev a::before,
.freehtml .lower-search .mf_finder_pager_items .mf_finder_pager_item_next a::before{
	width: 18px;
	height: 1px;
	background-color: #000;
	margin: auto;
	left: 0;
	right: 0;
	top: 26px;
}

.freehtml .lower-search .mf_finder_pager_items .mf_finder_pager_item_prev a::after,
.freehtml .lower-search .mf_finder_pager_items .mf_finder_pager_item_next a::after{
	width: 13px;
	height: 13px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	transform: rotate(45deg);
	top: 20px;
	left: 22px;
}

.freehtml .lower-search .mf_finder_pager_items .mf_finder_pager_item_prev a::after{
	transform: rotate(-135deg);
	left: 20px;
}

.freehtml .lower-search .mf_finder_pager_items .mf_finder_pager_item_prev:hover a,
.freehtml .lower-search .mf_finder_pager_items .mf_finder_pager_item_next:hover a{
	border-color: #000;
	background-color: #000;
}

.freehtml .lower-search .mf_finder_pager_items .mf_finder_pager_item_prev:hover a::before,
.freehtml .lower-search .mf_finder_pager_items .mf_finder_pager_item_next:hover a::before{
	background-color: #fff;
}

.freehtml .lower-search .mf_finder_pager_items .mf_finder_pager_item_prev:hover a::after,
.freehtml .lower-search .mf_finder_pager_items .mf_finder_pager_item_next:hover a::after{
	border-top-color: #fff;
	border-right-color: #fff;
}
.freehtml .lower-search .mf_finder_pager_items .mf_finder_pager_item_prev span,
.freehtml .lower-search .mf_finder_pager_items .mf_finder_pager_item_next span{
	display: none;
}
.freehtml .mf_finder_organic .mf_finder_logo {    text-align: center}
.freehtml .mf_finder_organic .mf_finder_logo a {
    font-size: 0;
    display: inline-block;
    width: 200px;
    height: 18px;
    background: url(//c.marsflag.com/mf/img/mf_finder_logo.png) no-repeat 0 #fff;
    background-size: 200px 18px;
    margin-bottom: 1rem
}
*/











/* ----------------------------
#banner
---------------------------- */
#banner {
    margin-bottom: 160px;
}



/* ----------------------------
#about
---------------------------- */
#about__image-pc {
    max-width: 868px;
    margin: 50px auto 150px auto;
    width: 90%;
}
#about__image-sp {
    display: none;
	width: 90%;
}




/* ----------------------------
一覧しぼりこみコンポーネント
---------------------------- */
/*#filter .gs21-HeadingLv2--Tag .gs21-HeadingLv2Tag {	font-size: 0.7rem;}
#filter .container > .cmp-container > .text.cmp-text--date { margin-top: 20px;}
#filter .container > .cmp-container > .text .cmp-text{text-decoration: none;}
#filter .container .cmp-container .container .cmp-container .text:not(.cmp-text--date) .cmp-text p{	font-size: 1.2rem;}
#filter .container .cmp-container .container .cmp-container .text .cmp-text p a {text-decoration: none;}
#filter .container .cmp-container .container .cmp-container .tag{	margin-top: 10px;}
.container.responsivegrid.aem-GridColumn.aem-GridColumn--default--12 + .button.cmp-button--fw-bold.cmp-button--border-black.aem-GridColumn.aem-GridColumn--default--12 {
    margin: 0 auto 100px auto;
    text-align: center;
}

*/









/* ----------------------------
page-title
---------------------------- */
#page-title {background: #f2f2f2; margin-bottom: 50px;}
#page-title__text-area {    padding: 40px 20px 20px 20px;}
#page-title__date p {    font-size: 0.9rem;}
#page-title__text-area .tag {    margin-top: 0;}
#page-title__text-area .tag .page-title__tag {
    display: flex;
    flex-direction: column;
}
#page-title__text-area .tag .page-title__tag .gs21-HeadingLv2__TagCol{	order: 2;}
#page-title__text-area .tag .page-title__tag .gs21-HeadingLv2__HeadingCol{ order: 1;}
#page-title__text-area .tag .gs21-HeadingLv2__HeadingCol {    font-size: 2.6rem;}
#page-title .image{	margin: 0;}
#page-title__image{
	position: relative;
	overflow: hidden;
	width: 100%;
}
#page-title__image:before{
	content: "";
	padding-top: 100%;
	display: block;
}
#page-title__image img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	object-fit: cover;
}

/* ----------------------------
詳細ページ内のコンテンツ　page-detail　
---------------------------- */
#page-detail{
	max-width: 920px;
	width: 92%;
  margin: 0 auto 100px auto ;
}
#page-detail > .text p {
    line-height: 1.7;
    margin: 50px 0 0;
}

#page-detail .embed{
	margin-top: 50px;
	margin-bottom: 30px;
}
#page-detail .cmp-container--2col,
#page-detail .cmp-container--3col,
#page-detail .cmp-container--4col{
    margin-top: 50px;
}

#page-detail > .image {
	max-width: 560px;
	margin: 50px auto 20px auto;
	width: 92%;
}
#page-detail .gs21-ImageUnit__ImageCol{
	background: none;
}
/* キャプション */
#page-detail .gs21-Caption{
	text-align: center;
}

/* センタリング */
#page-detail__center{
	text-align: center;
}




/* ----------------------------
col
---------------------------- */
.cmp-container--2col .text p,
.cmp-container--3col .text p,
.cmp-container--4col .text p{
    margin: 10px 0 0 0;
}
.cmp-container--2col .title .cmp-title__text,
.cmp-container--3col .title .cmp-title__text,
.cmp-container--4col .title .cmp-title__text{
	margin: 10px 0 0 0;
}

/* ----------------------------
枠page-detail__blue
---------------------------- */
#page-detail__blue {
	background: #F0F3FF;
	padding: 20px 30px 30px 30px;
	margin: 20px 0;
}
#page-detail__area--border-gray{
	border: 1px solid #c4c4c4;
	padding: 20px 30px 30px 30px;
	margin: 20px 0 ;
}
#page-detail__area--bg-gray{
	background: #F2F2F2;
	padding: 20px 30px 30px 30px;
	margin: 20px 0 ;
}


/* ----------------------------
ボックス形式page-detail__blue
---------------------------- */
#page-detail__box .text p {
    line-height: 1.6;
}
#page-detail__box .text p b {
    font-size: 2.2rem;
    font-weight: 400;
    line-height: 1.4;
}




/* ----------------------------
コンテンツナビcontentsnav
---------------------------- */
.cmp-container div.contentsnav {
    margin: 20px 0 50px 0;
}


/* ----------------------------
タイムスケジュール
---------------------------- */
#page-detail__schedule .text:nth-last-of-type(2n + 1){
	width: calc(85% - 30px);
}
#page-detail__schedule .text:nth-last-of-type(2n + 1) p {
	line-height: 1.6;
	margin-top: 0;
}
#page-detail__schedule .text:nth-last-of-type(2n){	width:  calc(15% - 30px);}
#page-detail__schedule .text:nth-last-of-type(2n) .cmp-text{
	background: #FFE56F;
	text-align: center;
	padding: 5px;
}
#page-detail__schedule .text:nth-last-of-type(2n) .cmp-text p{margin: 0;}


/* ----------------------------
インタビュープロフィール
---------------------------- */
#page-detail__interviewee {    margin-top: 50px;}
#page-detail__interviewee .cmp-container--2col > .cmp-container > .container{
	width: calc(60% - 30px);
	margin-bottom: 40px;
}
#page-detail__interviewee .cmp-container--2col > .cmp-container > .container .title.cmp-title--h-lv3 {
	margin: 20px 0 0 0;
	position: relative;
}
#page-detail__interviewee .cmp-container--2col .cmp-container .title .cmp-title .cmp-title__text {
    display: inline-block;
}
#page-detail__interviewee .cmp-container--2col .cmp-container .title .cmp-title:after {
    content: "";
    display: inline-block;
    width: 52px;
    height: 37px;
    vertical-align: middle;
    margin: -2px 0 0 5px;
}

#page-detail__interviewee .cmp-container--2col > .cmp-container > .image{
	width: calc(40% - 30px);
	margin-bottom: 40px;
	margin-top: 0;
}
/* 国旗 */
#icon_flag_gbr:after {    content: "";
    background: url(/global/sharehouse/our-stories/img/icon_flag/icon_flag_gbr.jpg) 0 0 no-repeat;    background-size: cover;
}
#icon_flag_tur:after {    content: "";
    background: url(/global/sharehouse/our-stories/img/icon_flag/icon_flag_tur.jpg) 0 0 no-repeat;    background-size: cover;
}
#icon_flag_tha:after {    content: "";
    background: url(/global/sharehouse/our-stories/img/icon_flag/icon_flag_tha.jpg) 0 0 no-repeat;    background-size: cover;
}
#icon_flag_us:after {    content: "";
    background: url(/global/sharehouse/our-stories/img/icon_flag/icon_flag_us.jpg) 0 0 no-repeat;    background-size: cover;
}
#icon_flag_deu:after {    content: "";
    background: url(/global/sharehouse/our-stories/img/icon_flag/icon_flag_deu.jpg) 0 0 no-repeat;    background-size: cover;
}
#icon_flag_pol:after {    content: "";
    background: url(/global/sharehouse/our-stories/img/icon_flag/icon_flag_pol.jpg) 0 0 no-repeat;    background-size: cover;
}
#icon_flag_mex:after {    content: "";
    background: url(/global/sharehouse/our-stories/img/icon_flag/icon_flag_mex.jpg) 0 0 no-repeat;    background-size: cover;
}
#icon_flag_ita:after {    content: "";
    background: url(/global/sharehouse/our-stories/img/icon_flag/icon_flag_ita.jpg) 0 0 no-repeat;    background-size: cover;
}
#icon_flag_chn:after {    content: "";
    background: url(/global/sharehouse/our-stories/img/icon_flag/icon_flag_chn.jpg) 0 0 no-repeat;    background-size: cover;
}
#icon_flag_sgp:after {    content: "";
    background: url(/global/sharehouse/our-stories/img/icon_flag/icon_flag_sgp.jpg) 0 0 no-repeat;    background-size: cover;
}
#icon_flag_nzl:after {    content: "";
    background: url(/global/sharehouse/our-stories/img/icon_flag/icon_flag_nzl.jpg) 0 0 no-repeat;    background-size: cover;
}
#icon_flag_ind:after {    content: "";
    background: url(/global/sharehouse/our-stories/img/icon_flag/icon_flag_ind.jpg) 0 0 no-repeat;    background-size: cover;
}
#icon_flag_hkg:after {    content: "";
    background: url(/global/sharehouse/our-stories/img/icon_flag/icon_flag_hkg.jpg) 0 0 no-repeat;    background-size: cover;
}


/* ----------------------------
アプリDL
---------------------------- */
#page-detail__DL .container {
	text-align: center;
}

/* ----------------------------
埋め込み
---------------------------- */
.embed iframe {
    margin: 0 auto;
    display: block;
}

/* ----------------------------
Youtubeショート
---------------------------- */
#page-detail__short-video .cmp-container--2col > .cmp-container > .container {
	width: calc(60% - 30px);
}
#page-detail__short-video .cmp-container--2col > .cmp-container > .container > .cmp-container .text p {
    line-height: 1.6;
}
#page-detail__short-video .cmp-container--2col > .cmp-container > .embed {
	width: calc(40% - 30px);
	overflow: hidden;
	position: relative;
}
#page-detail__short-video .cmp-container--2col > .cmp-container > .embed:before {
    content: "";
    display: block;
    padding-top: 177%;
}
#page-detail__short-video .cmp-container--2col > .cmp-container > .embed iframe{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
}

/* ----------------------------
アスリートページ固有
---------------------------- */
#page-detail__col5 > .container{
	  max-width: 335px;
    width: calc(20% - 25px);
}
#page-detail__col5 > .container > .cmp-container .text p {
    text-align: center;
    font-size: 0.8em;
}
#page-detail__col5 > .container > .cmp-container .title { text-align: center;}

/* ----------------------------
バナー（serendie）
---------------------------- */
#page-detail > .image:has(div#about__image-pc) {
    max-width: 920px;
}

/* ----------------------------
制作： Our Stories編集チーム部分
---------------------------- */
#page-detail__footer--upper {
    border-bottom: 1px solid #c4c4c4;
    padding-bottom: 30px;
}






/* ----------------------------
SNS
---------------------------- */
#page-detail .freehtml .sns {
	align-items: center;
	display: flex;
	justify-content: flex-start;
	margin-top: 100px;
}
#page-detail .freehtml .sns__title {
	font-weight: 700;
	line-height: 1;
	margin-right: 28px;
	font-size: 1rem;
}
#page-detail .freehtml .sns__list {
	align-items: center;
	display: flex;
	justify-content: flex-start;
	list-style: none;
}
#page-detail .freehtml .sns__item {margin-right: 28px}
#page-detail .freehtml .sns__item a {transition: opacity .2s ease}
#page-detail .freehtml .sns__item img {max-height: 35px}

/* ----------------------------
関連タグ
---------------------------- */
#related-tags{
	background: #F2F2F2;
	padding: 30px 0;
	margin: 50px 0;
}
#related-tags .cmp-container--2col{	margin-top: 0;}
#related-tags__inner {
	max-width: 920px;
	width: 92%;
	margin: 0 auto;
	align-items: center;
}
#related-tags__inner .title{	width: calc(30% - 30px);}
#related-tags__inner .title .cmp-title__text {
    font-weight: bold;
    font-size: 118%;
}
#related-tags__inner .container{	width: calc(70% - 30px);}
#related-tags__button-area{
	display: flex;
	flex-wrap: wrap;
}
#related-tags__button-area .button{
	display: inline-block;
	margin-top: 0;
}
#related-tags__button-area .button .cmp-button{
	background: #fff;
	padding: 1px 3px 1px 3px;
	line-height: 1;
	margin-left: 5px;
}
#related-tags__button-area .button .cmp-button .cmp-button__text{
	font-size: 0.8rem;
	font-weight: 600;
}

/* ----------------------------
ourstories-footer
---------------------------- */
#site-footer {
    background: #F2F2F2;
    padding: 50px 100px;
}
#site-footer .contentsnav .gs21-ContentsNav {	border: none;}
#site-footer .gs21-ContentsNavListItem .gs21-Link:active,
#site-footer .gs21-ContentsNavListItem .gs21-Link:focus,
#site-footer .gs21-ContentsNavListItem .gs21-Link:hover {
    background-color: #F2F2F2;
    color: #c40001
}


/* ----------------------------
LP魔改造など
---------------------------- */
#v0006 {
    margin-top: 20px;
}



@media screen and (max-width: 980px) {
/* 検索980px */
/*#gray-area .freehtml .mf_finder_searchBox_query_wrap input[type="text"] {
    width: 90%;
}*/


}/* end980 */

@media screen and (max-width: 767px) {

	/*base 767px*/
#site-title {
	transform: translateY(77px);
}
.pagetitle .gs21-PageTitleUnit__Inner {
		margin-top: 20px;
}


/* ----------------------------
mv 767px
---------------------------- */
#mv__back-image {
    position: relative;
    overflow: hidden;
    width: 100%;
}
	#mv__back-image:before{
		content: "";
		padding-top: 100%;
		display: block;
	}
	#mv__back-image img{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	#mv #mv__title-image {
    position: absolute;
    top: calc(50% + 30px);
    left: 50%;
    min-width: 250px;
    width: 90%;
    transform: translate(-50%, -50%);
}
	
	
/* ----------------------------
最新記事#latest-articles 767px
---------------------------- */
#latest-articles__2col > .container,
#latest-articles__3col > .container{
	margin-bottom: 10px;
}
#latest-articles .button.cmp-button--text-white.cmp-button--fw-bold.cmp-button--bg-black.cmp-button--icon-arrow {
    margin: 10px 0 50px 0;
}
	
/* ----------------------------
一覧しぼりこみコンポーネント 767px
---------------------------- */
#latest-articles__2col .container .cmp-container .button, 
#latest-articles__3col .container .cmp-container .button {
	position: static;
	bottom: 0;
	left: 0;
	margin: 20px 0 0 0;
}
	
	/* ----------------------------
検索 767px
---------------------------- */
/*	#gray-area .freehtml .mf_finder_searchBox_query_wrap input[type="text"] {
    width: 80%;
}
	.freehtml .mf_finder_organic_doc_img_wrapper .mf_finder_organic_doc_img {
    max-width: 80px;
    max-height: 80px;
}
.freehtml .mf_finder_organic_doc_img_wrapper {    width: 80px;}
.freehtml .mf_finder_organic_doc_contents_wrapper {    width: calc(100% - 90px);}*/
.search-title .gs21-PageTitleUnit__Inner {    padding: 0;}
.search-title .gs21-PageTitleUnit__TitleCol {
	margin-left: 0;
	margin-bottom: 50px;
	padding-bottom: 30px;
	padding-left: 20px;
	padding-right: 20px;
}
	
	/* ----------------------------
#about 767px
---------------------------- */
#about__image-pc {	display: none;}
#about__image-sp {
    display: block;
	width: 85%;
	max-width: 300px;
	margin: 0 auto 100px auto;
}

	/* ----------------------------
page-title 767px
---------------------------- */
#page-title{display: block;}
#page-title__text-area {padding: 20px 2% 2% 2%;}
#page-title__text-area .tag .gs21-HeadingLv2__HeadingCol { font-size: 1.8rem;}

	/* ----------------------------
H2title 767px
---------------------------- */
#page-detail .title.cmp-title--h-lv2 .cmp-title__text {    font-size: 1.4rem;}

/* ----------------------------
ボックス形式page-detail__blue 767px
---------------------------- */
#page-detail__box .text p b {
    font-size: 2.0rem;
    line-height: 1.2;
}

/* ----------------------------
画像1カラム 767px
---------------------------- */
#page-detail > .image {
    margin: 30px auto 20px auto;
    width:100%;
}
	
/* ----------------------------
タイムスケジュール 767px
---------------------------- */
#page-detail__schedule {    gap: 5px;}
#page-detail__schedule .text:nth-last-of-type(2n + 1){
	width: 100%;
	margin-bottom: 30px;
}
#page-detail__schedule .text:nth-last-of-type(2n){	width:  100%;}

/* ----------------------------
インタビュープロフィール 767px
---------------------------- */
#page-detail__interviewee .cmp-container--2col .cmp-container{
	gap: 10px;
}
#page-detail__interviewee .cmp-container--2col > .cmp-container > .container{
	width: 100%;
	margin-bottom: 0;
}
#page-detail__interviewee .cmp-container--2col > .cmp-container > .image{
	width: 100%;
	margin-top: 10px;
}

/* ----------------------------
アプリDL 767px
---------------------------- */
#page-detail__DL .image {
    min-width: 80px;
    width: 50%;
    margin: 20px auto;
}
#page-detail__DL .image:nth-last-of-type(2){width: 80px;}

/* ----------------------------
Youtubeショート 767px
---------------------------- */
#page-detail__short-video .cmp-container--2col > .cmp-container > .container {
	width: 100%;
}
#page-detail__short-video .cmp-container--2col > .cmp-container > .embed {
	width: 100%;
}
/* ----------------------------
アスリートページ固有 767px
---------------------------- */
#page-detail__col5{flex-direction: row; justify-content: space-between;}
#page-detail__col5 > .container{
	  max-width: 335px;
    width: calc(50% - 20px);
}

	
/* ----------------------------
SNS 767px
---------------------------- */
#page-detail .freehtml .sns {display: block;}
#page-detail .freehtml .sns__list {	justify-content: center;}
#page-detail .freehtml .sns__title {
	text-align: center;
	margin-right:0;
	margin-bottom: 30px;
}

/* ----------------------------
関連タグ 767px
---------------------------- */
#related-tags__inner{	display: block;}
#related-tags__inner .container {width: 100%;}
#related-tags__inner .title {width: 100%; margin-bottom: 10px;}
#related-tags__button-area .button { margin-bottom: 5px;}
	
/* ----------------------------
ourstories-footer 767px
---------------------------- */
#site-footer {	padding: 30px 20px 30px 20px;}
#site-footer .cmp-title--h-lv2{		margin-top: 0;}
#site-footer .contentsnav{		margin: 20px 0 10px 0;}
#site-footer .contentsnav .gs21-ContentsNav {	border: none;}


	
/* ----------------------------
検索 767px
---------------------------- */
/*#gray-area {
	padding: 20px 10px;
	margin: 180px 0 0 0;
}
#gray-area .freehtml .mf_finder_container {
		padding: 0;
		background: none;
}*/
/*.freehtml .mf_finder_searchBox_items button {    width: 90px;}	
.freehtml .mf_finder_searchBox_query_wrap input[type="text"] {width: 100%;}
	*/
	
	
	
	
} /* end767 */


/* ----------------------------
Added by TCI -2025-10-09
---------------------------- */
.mel25-search-filters{
	background: #F2F2F2;
	padding: 40px 70px;
    margin: 180px 0 0 0;
}
@media screen and (max-width: 768px) {
	.mel25-search-filters{
		padding: 40px 20px;
	}
	}
.mel25-search-filters__search.mel25-marsfinderBox .mf_finder_searchBox_items{
	width: 100%;
}
.mel25-search-filters__search{
	margin: 40px 0;
}
.mel25-search-filters__tags {
	margin: 40px 0; }

.mel25-search-filters__tag-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.mel25-search-filters__tag-link {
  font-size: 0.666rem;
  color: #000;
  background: #fff;
  border: 1px solid #000;
  font-weight: 700;
  line-height: 1; padding: 4px 8px;
  text-decoration: none;
}
/* pc hover */
@media (hover: hover) and (pointer: fine) {
  .mel25-search-filters__tag-link:hover{
   color: #c00;
   border-color: #c00;
   cursor: pointer;}
}
.mel25-search-filters__tag-link.is-active{
	color: #c00;
	border-color: #c00;
}
.mel25-relatedtags{
	width: 100%;
	background: #F2F2F2;
}
.mel25-relatedtags{

}
.mel25-relatedtags-inner{
	max-width: calc(calc(920 / 16) * 1pc);
    margin: 0 auto 80px;
    padding: 30px 30px ;
    align-items: flex-start;
    display: flex;
	flex-wrap: wrap;
    justify-content: flex-start;
}
@media screen and (max-width: 768px) {
    .mel25-relatedtags-inner{
    	padding: 30px 20px;
    }
}
.mel25-relatedtags .mel25-search-filters__tags{
	margin: 0;
}
.mel25-relatedtags__title{
    width: 120px;
}
html:lang(en) .mel25-relatedtags__title{
    width: 200px;
}
@media screen and (max-width: 768px) {
	.mel25-relatedtags__title{
		width: 100%;
		margin-bottom: 20px;
	}
}