@charset "UTF-8";
@import "reset5.css";
@import url("https://use.typekit.net/odq3ovm.css");
@import url('https://fonts.googleapis.com/css?family=Roboto:300,500');

body { color:#01072a; line-height:1;  padding: 0; position: relative; letter-spacing:0.05em; min-height: 100%; overflow-x:hidden; background: #fff; -webkit-text-size-adjust: 100%; font-family: 'Roboto', "Helvetica Neue", Helvetica, Arial, 'Noto Sans JP', sans-serif, YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important }
html {  min-height: 100%; }

* html body { font-family: 'Roboto', "Helvetica Neue", Helvetica, Arial, 'Noto Sans JP', sans-serif, YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important }
*:first-child+html body { font-family:'Roboto', "Helvetica Neue", Helvetica, Arial, 'Noto Sans JP', sans-serif, YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important }

* {word-wrap: break-word; }
img { -ms-interpolation-mode: bicubic; }
/* !font-size 12px default setting */
body { font-size:13px; line-height: 2.0; }
*:first-child+html body { font-size:77%;}
* html body { font-size:77%;}

h1,h2,h3,h4,h5,th { font-weight: 500 }
body p, body li, body td, body dd { font-weight: 300 }

/* !clearfix */
hr { border:1px #ccc solid; }

.cfix { zoom:1; }
.cfix:after{
    content:"";
    clear:both;
    display:block;
    height:0;
	font-style:italic
}

/* スクロールバーの有無によるズレ対策 */
html {
	overflow-y: scroll;
}


img { vertical-align:bottom; }


/* margin-bottom
=========================================*/
.mb0 { margin-bottom:0 !important; }
.mb3 { margin-bottom:3px !important; }
.mb4 { margin-bottom:4px !important; }
.mb5 { margin-bottom:5px !important; }
.mb7 { margin-bottom:7px !important; }
.mb10 { margin-bottom:10px !important; }
.mb12 { margin-bottom:12px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb35 { margin-bottom:35px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }
.mb60 { margin-bottom:60px !important; }


/* margin-top
=========================================*/
.mt0 { margin-top:0 !important; }
.mt3 { margin-top:3px !important; }
.mt4 { margin-top:4px !important; }
.mt5 { margin-top:5px !important; }
.mt7 { margin-top:7px !important; }
.mt10 { margin-top:10px !important; }
.mt12 { margin-top:12px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }
.mt35 { margin-top:35px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }
.mt60 { margin-top:60px !important; }

.mr5 { margin-right:5px !important; }
.mr10 { margin-right:10px !important; }


/* padding-top
=========================================*/
.pt0 { padding-top:0 !important; }
.pt3 { padding-top:3px !important; }
.pt4 { padding-top:4px !important; }
.pt5 { padding-top:5px !important; }
.pt7 { padding-top:7px !important; }
.pt10 { padding-top:10px !important; }
.pt12 { padding-top:12px !important; }
.pt15 { padding-top:15px !important; }
.pt20 { padding-top:20px !important; }
.pt25 { padding-top:25px !important; }
.pt30 { padding-top:30px !important; }
.pt35 { padding-top:35px !important; }
.pt40 { padding-top:40px !important; }
.pt50 { padding-top:50px !important; }
.pt60 { padding-top:60px !important; }

.p10 { padding:10px !important; }

.pb15 { padding-bottom:15px !important; }

.tx9 { font-size: 9px }
.tx10 { font-size: 10px }
.tx11 { font-size: 11px }
.tx12 { font-size: 12px }
.tx13 { font-size: 13px }
.tx14 { font-size: 14px }
.tx15 { font-size: 15px }
.tx16 { font-size: 16px }
.tx18 { font-size: 18px }
.tx20 { font-size: 20px }
.tx24 { font-size: 24px }

#cont p.small,#cont div.small,#cont span.small,#cont p.smallText,#cont div.smallText,#cont span.smallText{font-size:smaller;font-weight:300;}


.fltR { float: right; }
.fltL { float: left; }

.txtR { text-align: right; }
.txtL { text-align: left; }
.txtC { text-align: center; }
.mgn_center,.m_center {margin:0 auto;}
.relative {position:relative;}

.left_center {text-align:left;}
@media screen and (max-width:640px){
	.left_center {text-align:center;}
}

.ind20 { margin-left:20px;}
.ind40 { margin-left:40px;}
.underline { text-decoration:underline; }
.inlineblock { display:inline-block; }
.inline { display:inline!important; }

.nowrap {white-space: nowrap; }

/* !Links */
a:link { color: #000; text-decoration: none }
a:visited { color: #000; text-decoration: none }
a:hover { color: #000; text-decoration: underline }
a:active { color: #000; text-decoration: none }


.wid { width: 100% }
.wid_1 { width: 75% }
.wid_2 { width: 50% }
.wid_3 { width: 33.3% }
.wid_4 { width: 25% }
.wid_5 { width: 20% }
.wid_6 { width: 16.6% }
.wid_7 { width: 14.2857% }
.wid_8 { width: 12.5% }


html {  }
#wrapper { width: 100%; text-align: center; }
#loader { position: fixed; left: 50%; top: 50%; margin: -30px 0 0 -30px; display: none; z-index: 1000 }
#content { padding-bottom: 100px; }

.sec { padding:80px; margin: 0 auto; min-width:1024px; max-width:1280px; }
.date { font-family: 'Roboto'; font-weight: 500 }

/* header */
#header { position:relative; background:#fff; height:90px; }
#header h1 { padding: 20px 0 0 40px; text-align:left; }
#header .logotitle { padding: 20px 0 0 40px; text-align:left; }
#header .menu { position:absolute; top:50%; right:40px; margin:-12px 0 0 0; cursor:pointer; }
#header .header_menu { position:absolute; top:31px; right:230px; }
#header .header_menu li { float:left; font-size:14px; font-weight:500; padding:0 0 0 60px; }
#header .btn_en { width:150px; position:absolute; top:25px; right:30px; }
#header .btn_en a { background:#eeeeed; padding:5px; display:block; letter-spacing: 0.2em; text-align:center;
border-radius: 40px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px; }
#header .btn_en p { font-size:14px; font-weight:600; }
#header .sp_menu { display:none; }


/* nav */
#nav { background:#aac841; position: relative; overflow: hidden; }
#nav ul {float:left; left:50%; position:relative; }
#nav ul li { float:left; left:-50%; position:relative; }
#nav ul li a { padding:20px 0; display:block; }
#nav ul li span { font-size:14px; line-height:1; padding:0 30px; display:block;font-weight:500; }
#nav ul li .menu02, #nav ul li .menu03, #nav ul li .menu04, #nav ul li .menu05, #nav ul li .menu06  { border-left:1px solid #cdde91; border-right:1px solid #95af39; }
#nav ul li .menu01 { border-left:none; border-right:1px solid #95af39;  }
#nav ul li .menu07 { border-left:1px solid #cdde91; border-right:none; }
#nav a { color:#fff; text-shadow:-1px -1px 0px #999; }
#nav_sp { display: none; }


/* btn_mail_magazine */
#btn_mail_magazine { width:640px;  margin:80px auto 70px; text-align:left;  }
#btn_mail_magazine a {background:#f7f7f6; padding:30px 0 35px 0; display:block; box-shadow:0px 1px 1px 0px #bfbdbb; position:relative;
 border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px; }
#btn_mail_magazine a:hover { text-decoration:none; }
#btn_mail_magazine .en { font-size:16px; color:#aac841; margin:0 0 20px 0; }
#btn_mail_magazine span { font-size:20px; padding:0 0 0 240px; line-height:1; display:block; }
#btn_mail_magazine .arw { position:absolute; top:50%; right:25px; margin:-9px 0 0 0; }
#btn_mail_magazine .img_mail { position:absolute; top:-10px; left:18px; }


/* sns */
#sns { position: relative; margin-top:60px;}
#sns ul { width: 230px; margin: 0 auto }
#sns ul li { float:left; position:relative; padding: 0 16px }
#sns ul li a { display: block }
#sns .twitter { font-size:16px; color:#000; font-family: 'Roboto'; font-weight: 600; display:block; }
#sns .facebook { font-size:16px; color:#0866ff; font-family: 'Roboto'; font-weight: 600; display:block; }


/* footer */
#footer { background-color: #aac841; text-align: left; }
#footer .sitemap { padding:50px 70px 30px; font-size:14px; text-shadow:-1px -1px 0px #999; }
#footer .sitemap ul.home { float: left; width: 12%; }
#footer .sitemap ul.clm1 { float: left; width: 21%; }
#footer .sitemap ul.clm2 { float: left; width: 21%; }
#footer .sitemap ul.clm3 { float: left; width: 25%; }
#footer .sitemap ul.clm4 { float: left; width: 21%; }
#footer .sitemap ul.clm2 .cat, #footer .sitemap ul.clm3 .cat { margin:0 0 60px 0; }
#footer .sitemap ul.clm4 .cat1 { margin:0 0 30px 0; }
#footer .sitemap ul.clm4 .cat2 { margin:0 0 60px 0; }
#footer .sitemap ul.clm4 .cat3 { margin:0 0 20px 0; font-size:13px; }
#footer .sitemap .sub { padding:5px 0 0 10px; }
#footer .sitemap .sub li { font-size:13px; padding:5px 0 0 0; }
#footer .sitemap a { color:#fff; }
#footer .copy { background:#7f9430; text-align:center; padding:35px 0; }
#footer .copy p { font-size:14px; color:#fff; margin:10px 0 0 0; }


/* page_top */
#gotop { position: fixed; right: 30px; bottom: 30px; width: 50px; height: 50px; overflow: hidden; z-index: 100 }
#gotop a { display: block; cursor: pointer;  }

/* lay */
.modal_image a { cursor: pointer; display: block; overflow: hidden }
#lay { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: url(../img/grn85.png); text-align: center; z-index: 9001; display: none }
#lay .photo { opacity: 0; margin-top: 0; }
#lay .next { position: absolute; right: 30px; top: 50%; margin-top: -30px; cursor: pointer }
#lay .prev { position: absolute; left: 30px; top: 50%; margin-top: -30px; cursor: pointer }
#lay .close { position: absolute; right: 30px; top: 30px; cursor: pointer }


/* 汎用性があるレイアウト */
.idx_cols_1 {}
.idx_cols_1 li { text-align:left;  }
.idx_cols_1 li .inner { margin:0 0 25px 0; }


.idx_cols_2 { margin:0 0 0 -100px; }
.idx_cols_2 li { float:left; width:50%; text-align:left; }
.idx_cols_2 li .inner { margin:0 0 25px 100px; }


.idx_cols_3 { margin:0 0 0 -60px;display: flex; flex-wrap: wrap;  }
.idx_cols_3 li { float:left; width:33.33%;text-align:left; }
.idx_cols_3 li .inner { margin:0 0 60px 60px; }


.img_top_listA {}
.img_top_listA .inner { cursor:pointer; }
.img_top_listA li a { display: block; overflow: hidden }
.img_top_listA li h3.tx17_bold { font-size:20px; margin:20px 0 15px; line-height: 1.5; }
.img_top_listA li h3.tx18_arw { font-size:18px; font-weight:normal; margin:20px 0 15px; padding:0 0 0 20px; position:relative; }
.img_top_listA li h3.tx18_arw .arw { position:absolute; top:50%; left:0; margin:-6px 0 0 0; }
.img_top_listA li p { font-size:14px; }


.list_news {}
.list_news .inner { cursor:inherit; }
.list_news li img { float:left; margin:0 25px 0 0;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;}
.list_news li .txt_r {overflow:hidden; zoom:1; }
.list_news li h3 { font-size:15px; }
.list_news .date { font-size:16px !important; color:#7a2; font-weight:500;margin-top:-4px; }
.list_news .cate_news { font-size:12px !important; font-style:italic; color:#6a97cd; border-bottom:1px solid #6a97cd; display:inline; }
.list_news .cate_media { font-size:12px !important; font-style:italic; color:#e1777f; border-bottom:1px solid #e1777f; display:inline; }
.list_news .cate_collect { font-size:12px !important; font-style:italic; color:#d2b516; border-bottom:1px solid #d2b516; display:inline; }

.color_award{color:#ddca4e;}
.color_subsidy{color:#78bcbe;}
.color_program{color:#7abd76;}
.color_globalnet{color:#e96048;}
.color_kodomo_institute{color:#eeaa96;}
.color_scholarship{color:#989dbe;}
.color_release{color:#9cc810;}

/*トップページ*/
#main {}
#main img { vertical-align:top }
#whatsnew { margin:40px 0 140px; padding:0; width: 100%; position: relative }
#whatsnew ul { position: absolute; left: 0; top: 0; width: 100000px;  }
#whatsnew ul li { float:left; cursor:pointer; }
#whatsnew ul li a { overflow: hidden; display: block }
#whatsnew .date { font-size:16px; font-weight:600; color:#aac841; margin:10px 0 0 0; padding: 010px }
#whatsnew p { font-size:14px; text-align:left; padding: 0 10px }
#whatsnew .prev { position: absolute; left: 0; top: 0; height: 100%; }
#whatsnew .prev a { display: block; position: relative; background: url(../img/grn85.png) }
#whatsnew .prev a img { position: absolute; left: 50%; top: 50%; margin: -9px 0 0 -8px ;}
#whatsnew .prev span { width: 100%; height: 130px; background: #fff; display: block }
#whatsnew .next { position: absolute; right: 0; top: 0; height: 100%; }
#whatsnew .next a { display: block; position: relative; background: url(../img/grn85.png) }
#whatsnew .next a img { position: absolute; left: 50%; top: 50%; margin: -9px 0 0 -8px ;}
#whatsnew .next span { width: 100%; height: 130px; background: #fff; display: block }
h2.top_big_tit { font-size:32px; color:#aac841; line-height:1; margin:0 0 60px 0; font-family: "brandon-grotesque"; font-weight: 500;letter-spacing:0.4em; }
h2.top_big_tit span.lt { font-size:32px; color:#aac841; margin: 0; display: inline; font-weight: 300 }
h2.top_big_tit span { font-size:16px; color:#000; margin:25px 0 0 0; display: block; }
#news_topics { background:#f7f7f6; padding-top: 80px; padding-bottom: 80px;margin:0 -20px; }
#news_topics .btn { width:365px; margin:30px auto 0; position:relative; }
#news_topics .btn a { background:#fff; padding:20px 0; letter-spacing: 0.2em; line-height:1; display:block;
border-radius: 40px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;}
#news_topics .btn p {  }
#news_topics .btn .arw { position:absolute; top:50%; right:25px; margin:-6px 0 0 0; }


/* 下層ページ タイトル */
#big_tit { position:relative; min-width:1024px; max-width:2400px; }
#big_tit .tit_base { display:block;background:#9cb841;width:300px; height:120px;position:absolute; top:33%; left:0;}
#big_tit .tit_base .inner{width:300px;height:120px;vertical-align:middle;display:table-cell;position:relative;text-align:center;}
#big_tit .tit_base .inner h1 { color:#fff; font-size:20px; font-weight:normal; text-shadow:-1px -1px 0px #999; line-height:35px; }

/* #big_tit h1 { color:#fff; font-size:20px; font-weight:normal; text-shadow:-1px -1px 0px #999; letter-spacing:0.4em; background:#9cb841; width:300px; height:80px; position:absolute; top:50%; left:0; margin:-60px 0 0 0; padding:40px 0 0 0; } */
#big_tit img { vertical-align:top; }


/*  下層ページ 2カラム L:menu R:article */
#cont { text-align:left; }
#cont .cont_inner { position:relative; border-bottom:1px solid #e7e7e6; }
#cont .l_clm { width:300px; position:absolute; top:0px; left:0;  border-right:1px solid #e7e7e6; }
#cont .l_clm .l_menu01 { background:#f7f7f7; border-top:6px solid #aac841; }
#cont .l_clm .l_menu01 li:first-child { padding:10px 0 0 0; }
#cont .l_clm .l_menu01 li:last-child { padding:0 0 10px 0; }
#cont .l_clm .l_menu01 li { font-size:14px; }
#cont .l_clm .l_menu01 li a { display:block; padding:12px 0 12px 30px; margin:0 0 0 10px; position:relative;line-height: 22px; }
#cont .l_clm .l_menu01 li .arw { position: absolute; top:50%; left:15px; margin:-4px 0 0 0; }
#cont .l_clm .l_menu01 li a.current { background:#e0e0de;
 border-radius: 5px 0 0 5px;
-webkit-border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px; }
#cont .l_clm .l_menu02 { background:#f7f7f7; border-top:1px solid #e7e7e6; }
#cont .l_clm .l_menu02 li:first-child { padding:10px 0 0 0; }
#cont .l_clm .l_menu02 li:last-child { padding:0 0 10px 0; }
#cont .l_clm .l_menu02 li { font-size:14px; }
#cont .l_clm .l_menu02 li a { display:block; padding:8px 0 8px 30px; margin:0 0 0 10px; position:relative; }
#cont .l_clm .l_menu02 li a.blue { color:#6a97cd; }
#cont .l_clm .l_menu02 li a.red { color:#e1777f; }
#cont .l_clm .l_menu02 li a.yellow { color:#d2b516; }
#cont .l_clm .l_menu02 li .arw { position: absolute; top:50%; left:15px; margin:-4px 0 0 0; }
#cont .l_clm .l_menu03 { background:#aac841; text-align:center; }
#cont .l_clm .l_menu03 li { font-size:14px; border-bottom:1px solid #fff; }
#cont .l_clm .l_menu03 li a { display:block; padding:15px 0; color:#fff; text-shadow:-1px -1px 0px #999; }
#cont article { font-size:15px;margin:0 0 0 300px; border-left:1px solid #e7e7e6; padding:50px 6% 250px 6%; min-width:916px; }
#cont article .block { margin:0 0 60px 0; }
#cont article .block .block_inner { padding:0 10px; }
#cont h2.tit { font-size:24px; font-weight:bold; margin:0 0 20px 0; line-height:30px; }
#cont h3.tit { font-size:22px; font-weight:normal; border-bottom:2px solid #aac841; margin:0 0 30px 0; padding:0 0 10px 0; }
#cont h4.small_tit { font-size:18px; font-weight:500; color:#aac841; margin:0 0 15px 0; }
#cont p { font-size:15px; }


/* 関連情報 */
.more_info { background:#f7f7f6; padding:20px 0; border-bottom:1px solid #e7e7e6; }
.more_info h4 { font-size:18px; text-align:center; padding:0 0 20px 0; }
.more_info ul li { float:left; width:20%; }
.more_info ul li .date { color:#aac841; font-size:16px !important; font-weight:bold; padding:10px 20px 5px !important; }
.more_info p { font-size:13px !important; padding:0 20px; }


/* 博報財団についてINDEX */
#about_idx { margin-top:80px; }


/* ニュース・トピックス 詳細ページ */
.date_news_det { font-size:16px; font-weight:600; color:#aac841; margin:0 0 10px 0; }
.img_news_det { margin:0 0 40px 0; }


/* ニュース・トピックス ページ遷移ボタン */
.btn_next_back { position:relative; border-top:1px solid #f1f1ef; padding:20px 0 0 0; margin:40px 0 0 0; z-index:1000; }
.btn_next_back .arw { position: absolute; top:50%; left:50%; margin:-5px 0 0 -2px; }
.btn_next_back .back .arw_box { background:#f7f7f6; width:40px; height:40px; position:absolute; top:0; left:0;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;}
.btn_next_back .next .arw_box { background:#f7f7f6; width:40px; height:40px; position:absolute; top:0; right:0;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;}
.btn_next_back .back .arw_box:hover,.btn_next_back .next .arw_box:hover { background:#e6f1c4; }
.btn_next_back .back a { padding:8px 0 0 60px; text-align:left; display:block; }
.btn_next_back .next a { padding:8px 60px 0 0; text-align:right; display:block; }
.btn_next_back .news_idx .back { float:left; position:absolute; top:20px; left:0; }
.btn_next_back .news_idx .next { float:right; position:absolute; top:20px; right:0; }
.btn_next_back .news_det .back { width:50%; float:left; position:relative; }
.btn_next_back .news_det .next { width:50%; float:right; position:relative; }

.btn_num { width:70%; z-index:100; margin:0 auto; }
.btn_num .inner { position: relative; overflow: hidden; }
.btn_num ol{ float:left; left:50%; position:relative; }
.btn_num ol li { float:left; left:-50%; position:relative; padding:0 10px; }
.btn_num ol li a {width:40px; height:40px; display:block;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;}
.btn_num ol li.current a { background:#aac841; color:#fff; }
.btn_num ol li span { font-size:16px; font-weight:600; text-align:center; padding:4px 0 0 0; display:block; }



/* 下層ページ リスト・テーブル */
.list_clm2  { margin:0 0 30px 0; }
.list_clm2 li  { float:left; width:50%; font-size:15px; }

.list_num_clm1  { margin:0 0 30px 0; }
.list_num_clm1 li  { font-size:15px; }

.dl_listB { font-size:16px; margin:0 0 30px 0; }
.dl_listB dt { float:left; color:#aac841; font-weight:500; }
.dl_listB dd { float:left}

.dl_listA { font-size:14px; margin:50px 0; }
.dl_listA dt { float:left; color:#aac841; font-weight:500; width:260px; padding:10px 20px}
.dl_listA dd { float:none; padding:10px 20px}
.dl_listA .bg { background:#f7f7f6}

.tableA { font-size:14px; border-top:1px solid #cccccd; }
.tableA th { font-weight:500; background:#e3edc0; border-bottom:1px solid #cccccd; padding:30px; vertical-align:text-top; }
.tableA td { border-bottom:1px solid #cccccd; padding:30px 40px; }

.btn_pdf { width:400px;  margin:60px 0 0 0; text-align:center; }
.btn_pdf a { font-size:18px; line-height:1.0; background:#f7f7f6; padding:30px 0 28px 0; display:block; box-shadow:0px 1px 1px 0px #bfbdbb; position:relative;
 border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;}
.btn_pdf a:hover { text-decoration:none; }
.btn_pdf .icon_pdf { position:absolute; top:50%; left:25px; margin:-15px 0 0 0; }

.vision_imgbox01 { text-align:right; margin:80px 0 0 0; }
.det_img01 { padding:0 230px 0 0; }


.img_left_listA {}
.img_left_listA li .inner { margin:0 0 30px 0; }
.img_left_listA li img { float:left; margin:0 35px 0 0;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;}
.img_left_listA li .txt_r {overflow:hidden; zoom:1; }
.img_left_listA li h4 { font-size:18px; font-weight:normal; color:#96b42b; margin:0 0 10px 0; }
.img_left_listA .list { padding:0 0 0 22px; }
.img_left_listA .list li { font-size:15px; text-indent:-22px; padding:0; margin:0 }



/* 下層ページ 汎用レイアウト */
.bold { font-weight: 500; }
.color_red { color:#F00; }
.color_green { color:#aac841; }

ul.list_normal { list-style:disc; font-size:15px; padding-left:2em;margin-top:5px;}
ul.list_normal li,ol.list_normal li{margin-bottom:5px;}
ul.list_normal li ul.list_normal { list-style:none;font-size:13px; padding-left:2em;}
ul.list_normal li ul.list_normal li:before {content: '- ';margin-left:-14px;}
ol.list_normal { list-style: decimal; font-size:15px;padding-left:2em;}

.list_link {display:block;}
.list_link li.item a { width:100%;position:relative; font-weight:bold; font-size:15px;padding:0 0 0 15px; }
.list_link li.item { width:100%;position:relative;  font-weight:normal; font-size:15px;float:none; }
.list_link .arw { position:absolute; top:50%; left:0; margin:-4px 0 0 0; }

.list_link2 {display:block;}
.list_link2 li.item a { width:100%;position:relative; font-size:15px;padding:0 0 0 15px; }
.list_link2 li.item { width:100%;position:relative;  font-size:15px;float:none; }
.list_link2 .arw { position:absolute; top:50%; left:0; margin:-4px 0 0 0; }

.cont_cols_2 { margin:0 0 0 -30px; }
.cont_cols_2 li { width:50%; float:left; }
.cont_cols_2 .inner { margin:0 0 30px 30px; }

.cont_cols_2r13 { margin:0; }
.cont_cols_2r13 .r13_1 { width:25%; float:left; }
.cont_cols_2r13 .r13_3 { width:75%; float:left; }
.cont_cols_2r13 .inner { margin:0 0 30px 30px; }
.cont_cols_2r13 .innerl { margin-right:30px; }
.cont_cols_2r13 .innerr { margin-right:0; }

.cont_cols_2l14 .l14_1 { width:20%; float:left; }
.cont_cols_2l14 .l14_4 { width:80%; float:left; }
.cont_cols_2l14 .innerl { margin-right:30px; }
.cont_cols_2l14 .innerr { margin-right:0; }

.cont_cols_3 { margin:0 0 0 -30px; }
.cont_cols_3 li { width:33.3%; float:left; }
.cont_cols_3 .inner { margin:0 0 30px 30px; }

.cont_cols_4 { margin:0 0 0 -30px; display: flex; flex-wrap: wrap; }
.cont_cols_4 li { width:25%; float:left; }
.cont_cols_4 .inner { margin:0 0 30px 30px; }

.cols_box .tit { font-size:18px; color:#aac841; border-bottom:2px solid #aac841; margin:0 0 10px 0; }

.tit_green { font-size: 18px; color: #aac841; border-bottom: 2px solid #aac841; margin: 0 0 10px 0; }

.bg_gray { background:#f7f7f6;padding:15px 20px; }
.bg_gray_green { background:#fcfcfa;padding:15px 20px;border:1px #aac841 solid; }

.btn_box { width:50%; text-align:center; }
.btn_box a { font-size:18px; line-height:1.0; background:#f7f7f6; padding:30px 0 28px 0; display:block; box-shadow:0px 1px 1px 0px #bfbdbb; position:relative;
 border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;}
.btn_box a:hover { background:#e6f1c4;text-decoration:none; }
.btn_box .arw { position:absolute; top:50%; right:25px; margin:-8px 0 0 0; }

.btn_txt a { font-weight:500; position:relative; padding:0 0 0 10px; display:block; }
.btn_txt .arw { position:absolute; top:50%; left:0; margin:-4px 0 0 0; }
.btn_txt2 a { font-weight:300; position:relative; padding:0 0 0 10px; display:block; }
.btn_txt2 .arw { position:absolute; top:50%; left:0; margin:-4px 0 0 0; }

.btn_txt a[href$=".pdf"] {
    padding: 0 20px 0 10px;
    background: url(/assets/img/ico_pdf.png) right .2em no-repeat;
    font-weight:500;
    position:relative;
    display:inline-block;
}

@media screen and (max-width: 1350px) {
/* nav */
#nav ul li span { font-size:13px; line-height:1; padding:0 20px; display:block; font-weight:500;}
}


@media screen and (max-width: 1180px) {
/* nav */
#nav { background:#aac841; position: relative; overflow: hidden; min-width:1180px }
#nav ul li span { font-size:13px; line-height:1; padding:0 15px; display:block; }
}


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

body { -webkit-text-size-adjust: none; }

a { text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout:none; }

.wid { width: 100% }
.wid_2 { width: 100% }
.wid_3 { width: 100% }
.wid_4 { width: 50% }
.wid_5 { width: 50% }
.wid_6 { width: 33.3% }
.wid_7 { width: 33.3% }
.wid_8 { width: 25% }

#content { padding-bottom:35px; }

.sec { padding:0 20px; margin-right:auto; margin-left:auto; min-width:inherit; max-width:inherit; }


/* header */
#header { height:70px; position:fixed; z-index:10000; position: fixed; top: 0px; left: 0px; width: 100%; }
#header h1 { padding: 17px 0 0 0; text-align:center; }
#header .logotitle  { padding: 17px 0 0 0; text-align:center; }
#header h1 img { height:40px;  }
#header .logotitle img { height:40px;  }
#header .header_menu { display:none; }
#header .btn_en { display:none; }
#header .sp_menu { position:absolute; top:50%; right:10px; margin:-20px 0 0 0; display:block; }


/* nav */
#nav { display:none; }


/* nav_sp */
#nav_sp { display: block; position: fixed; width: 100%; height: 100%; left: 100%; top:70px; background:#fff; z-index: 4000; overflow:scroll; }
#nav_sp .global_menu li { width:100% ; background:#aac841; border-bottom:solid 1px #ddd; font-size:14px; }
#nav_sp .global_menu li a { color:#fff; display: block; padding: 15px; position:relative; }
#nav_sp .global_menu li.sub { width:100% ; background:#dea; border-bottom:solid 1px #ddd; font-size:14px; }
#nav_sp .global_menu li.sub a { color:#444; display: block; padding: 15px 15px 15px 30px; position:relative; }
#nav_sp .global_menu .arw { position:absolute; top:50%; right:15px; margin:-5px 0 0 0; }
#nav_sp .sub_menu li { float:left; width: 50%; background:#fff; }
#nav_sp .sub_menu li a { color:#000; display: block; padding: 15px; font-size:11px; border-bottom:solid 1px #ddd; }
#nav_sp .bd_r { border-right:1px solid #ddd; }
#nav_sp .btn_en { text-align:center; margin:20px 20px 100px; }
#nav_sp .btn_en a { background:#eeeeed; padding:5px; display:block;
border-radius: 40px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px; }
#nav_sp .btn_en p { font-size:14px; font-weight:600; }


/* btn_mail_maganine */
#btn_mail_magazine { width:auto; margin:35px auto 40px; padding:0 20px;  }
#btn_mail_magazine a { padding:20px 0; }
#btn_mail_magazine .en { font-size:12px; margin:0 0 13px 0; }
#btn_mail_magazine span { font-size:14px; padding:0 0 0 30%; }
#btn_mail_magazine .arw { right:10px; margin:-6px 0 0 0; height:12px; }
#btn_mail_magazine .img_mail { top:10px; left:0; height:60px; }


/* sns */
#sns ul { width: 170px }
#sns ul li { padding:0 10px }
#sns .twitter { font-size:12px; }
#sns .facebook { font-size:12px; }
#sns img { height:55px; }


/* footer */
#footer .sitemap { display:none; }
#footer .copy { padding:20px 0; }
#footer .copy p { font-size:12px; }


/* pagetop */
#gotop { right: 10px; bottom: 10px; width: 30px; height: 30px }
#gotop img { width: 30px; height: 30px }

/* lay */
#lay { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: url(../img/gal_bg.png); text-align: center; z-index: 9001; display: none }
#lay .photo { opacity: 0; margin-top: 0; width: 100%; height: auto }
#lay .next { position: absolute; right: 10px; top: auto; bottom: 20px; margin-top: 0; cursor: pointer }
#lay .next img { width: 50px; height: 50px }
#lay .prev { position: absolute; left: 10px; top: auto; bottom: 20px; margin-top: 0; cursor: pointer }
#lay .prev img { width: 50px; height: 50px }
#lay .close { position: absolute; right: 0; top: 0; cursor: pointer }


/* 汎用性があるレイアウト */
.idx_cols_2 { margin:0; }
.idx_cols_2 li { float:left; width:100%; }
.idx_cols_2 li .inner { margin:0 0 20px 0; }


.idx_cols_3 { margin:0; }
.idx_cols_3 li { float:left; width:100%; text-align:left; }
.idx_cols_3 li .inner { margin:0 0 30px 0; }


.img_top_listA {}
.img_top_listA li h3.tx17_bold { margin:20px 0 10px; }
.img_top_listA li h3.tx18_arw { font-size:17px; margin:5px 0 15px; }
.img_top_listA li p { font-size:13px; }


.list_news {}
.list_news li img { margin:0 20px 0 0; width:100px; }
.list_news li h3 { font-size:13px; line-height:1.7; }
.list_news li .date { font-size:12px; }
.list_news li .cate_news { font-size:10px !important; }
.list_news li .cate_media { font-size:10px !important; }
.list_news li .cate_collect { font-size:10px !important; }



/*トップページ*/
#main { padding-top:70px; }
#main img { vertical-align:top }
#top #whatsnew { margin:20px 0 70px 0; padding:0; position: relative }
#top #whatsnew ul li { float:left; width:33.33%; }
#top #whatsnew .date { font-size:12px; margin:5px 0 0 0; }
#top #whatsnew p { font-size:12px; }
#whatsnew .prev a img, #whatsnew .next a img { width: 12px; margin: -6px 0 0 -6px }
h2.top_big_tit { font-size:24px; margin:40px 0; }
h2.top_big_tit span { font-size:14px; margin:12px 0 0 0; }
#news_topics { padding-top: 40px; padding-bottom: 40px; }
#news_topics .btn { width:100%; margin:30px auto 0; position:relative; }



/* 下層ページ タイトル */
#big_tit { position:relative; min-width:inherit; max-width:inherit; padding-top:70px; }
#big_tit .tit_base { display:block;background:#9cb841;width:100%; height:auto;position:relative;}
#big_tit .tit_base .inner{display:block;position:relative;margin:0 auto;height:initial;padding:15px 0;text-align:center;}
#big_tit .tit_base .inner h1 { color:#fff; font-size:20px; font-weight:normal; text-shadow:-1px -1px 0px #999; line-height:35px; }

#big_tit img { width:200%; margin:0 0 0 -50%; }


/*  下層ページ 2カラム L:menu R:article */
#cont { text-align:left; }
#cont .cont_inner { position:relative; border-bottom:1px solid #e7e7e6; }
#cont .l_clm { width:100%; position:static; top:0px; left:0;  border-right:1px solid #e7e7e6; display:none; }
#cont .l_clm .l_menu01 { background:#f7f7f7; border-top:6px solid #aac841; }
#cont .l_clm .l_menu01 li:first-child { padding:10px 0 0 0; }
#cont .l_clm .l_menu01 li:last-child { padding:0 0 10px 0; }
#cont .l_clm .l_menu01 li { font-size:14px; }
#cont .l_clm .l_menu01 li a { display:block; padding:8px 0 8px 30px; margin:0 0 0 10px; position:relative; }
#cont .l_clm .l_menu01 li .arw { position: absolute; top:50%; left:15px; margin:-4px 0 0 0; }
#cont .l_clm .l_menu01 li a.current { background:#e0e0de;
 border-radius: 5px 0 0 5px;
-webkit-border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px; }
#cont .l_clm .l_menu02 { background:#f7f7f7; border-top:1px solid #e7e7e6; }
#cont .l_clm .l_menu02 li:first-child { padding:10px 0 0 0; }
#cont .l_clm .l_menu02 li:last-child { padding:0 0 10px 0; }
#cont .l_clm .l_menu02 li { font-size:14px; }
#cont .l_clm .l_menu02 li a { display:block; padding:8px 0 8px 30px; margin:0 0 0 10px; position:relative; }
#cont .l_clm .l_menu02 li a.blue { color:#6a97cd; }
#cont .l_clm .l_menu02 li a.red { color:#e1777f; }
#cont .l_clm .l_menu02 li a.yellow { color:#d2b516; }
#cont .l_clm .l_menu02 li .arw { position: absolute; top:50%; left:15px; margin:-4px 0 0 0; }
#cont .l_clm .l_menu03 { background:#aac841; text-align:center; }
#cont .l_clm .l_menu03 li { font-size:14px; border-bottom:1px solid #fff; }
#cont .l_clm .l_menu03 li a { display:block; padding:15px 0; color:#fff; text-shadow:-1px -1px 0px #999; }

#cont article { margin:0; border-left:none; padding:30px 20px; min-width:inherit; }
#cont article .block { margin:0 0 60px 0; }
#cont article .block .block_inner { padding:0; }
#cont h3.tit { font-size:18px; margin:0 0 20px 0; padding:0 0 5px 0; line-height:1.7; }
#cont h4.small_tit { font-size:16px; margin:0 0 10px 0; line-height:1.7; }
#cont p { font-size:14px; }


/* 関連情報 */
.more_info { padding:20px 0; }
.more_info h4 { font-size:18px; text-align:center; padding:0 0 20px 0; }
.more_info ul { border-top:1px solid #e7e7e6; }
.more_info ul li { float:none; width:100%; zoom:1; border-bottom:1px solid #e7e7e6; }
.more_info ul li:after{
    content:"";
    clear:both;
    display:block;
    height:0;
	font-style:italic
}
.more_info ul li img { float: left; width: 50%; margin-right: 20px }
.more_info ul li p { padding: 10px 15px !important; display: block; font-size:12px; line-height: 1.6 }
.more_info ul li .date { color:#aac841; font-size:12px !important; font-weight:bold; padding-bottom: 0 !important }
.more_info p { font-size:13px !important; padding:0 20px; }


/* 博報財団についてINDEX */
#about_idx { margin:30px 0 0 0; }



/* ニュース・トピックス 詳細ページ */
.date_news_det { font-size:15px; margin:0; }
.img_news_det { margin:0 0 20px 0; }



/* ニュース・トピックス ページ遷移ボタン */
.btn_next_back .back a { padding:8px 0 0 50px; }
.btn_next_back .next a { padding:8px 50px 0 0; }
.btn_next_back .news_det .back { width:48%; font-size:12px; line-height:1.5; }
.btn_next_back .news_det .next { width:48%; font-size:12px; line-height:1.5; }



/* 下層ページ リスト・テーブル */
.list_clm2 li  { float:left; width:100%; font-size:13px; }

.list_num_clm1 li  { font-size:13px; }

.dl_listB { font-size:14px; }

.dl_listA { font-size:13px; }
.dl_listA dt { float:none; width:auto; padding:10px 10px 0; }
.dl_listA dd { float:none; padding:0 10px 10px; }

.tableA { font-size:13px; border-top:none; }
.tableA th { border-bottom:none; padding:10px; display:block; }
.tableA td { border-bottom:none; padding:10px; display:block; }

.btn_pdf { width:100%;  margin:40px 0 0 0; }
.btn_pdf a { font-size:16px; }

.vision_imgbox01 {  margin:40px 0 0 0; }
.det_img01 { padding:0 0 10px 0; height:40px; }
.det_img02 { height:40px; }


.img_left_listA {}
.img_left_listA li img { margin:0 20px 0 0; width:120px; }
.img_left_listA li h4 { font-size:14px; margin:0; }
.img_left_listA .list { padding:0 0 0 12px; }
.img_left_listA .list li { font-size:12px; text-indent:-12px; }



/* 下層ページ 汎用レイアウト */
ul.list_normal { font-size:13px; }
ol.list_normal { font-size:13px;  }

.list_link li a { font-size:13px; }
.list_link .arw { margin:-5px 0 0 0; }

.cont_cols_2 { margin:0; }
.cont_cols_2 li { width:100%; }
.cont_cols_2 .inner { margin:0 0 30px 0; }

.cont_cols_3 { margin:0; }
.cont_cols_3 li { width:100%; }
.cont_cols_3 .inner { margin:0 0 30px 0; }

.cont_cols_4 { margin:0; }
.cont_cols_4 li { width:100%; }
.cont_cols_4 .inner { margin:0 0 30px 0; }

.cols_box .tit { font-size:16px; }

.btn_box { width:100%; }
.btn_box a { font-size:14px; line-height:1.4; padding:20px 20px 18px 20px; }
.btn_box .arw { position:absolute; top:50%; right:10px; margin:-8px 0 0 0; }


}


#whatsnew .next span,#whatsnew .prev span { height: 170px; }


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

.cont_cols_2r13 { margin:0; }
.cont_cols_2r13 .r13_1,
.cont_cols_2r13 .r13_3{ width:100%; }
.cont_cols_2r13 .innerl,.cont_cols_2r13 .innerr { margin:0; }

.cont_cols_2l14 {}
.cont_cols_2l14 .l14_1{ width:100%;margin-bottom:20px;text-align:center;}
.cont_cols_2l14 .l14_4{ width:100%; }
.cont_cols_2l14 .innerl,
.cont_cols_2l14 .innerr { margin:0; }

}



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

}




/**************** other *****************/

img.img_full{
	width:100%;
}
img.img_max{
	max-width:100%;
}
.for_pc{display:block!important;}
.for_pc_in{display:inline!important;}
.for_sp{display:none!important;}
@media screen and (max-width:780px){
	.for_sp{display:block!important;}
	.for_pc,.for_pc_in{display:none!important;}
}

/**************** navi_current *****************/
,
#recipient .newest,
#forum .forum,{
    background: #e0e0de;
    border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
}

#prize_index #cont .l_clm .l_menu01 li a.index,
#prize_past #cont .l_clm .l_menu01 li a.past,
#prize_newest #cont .l_clm .l_menu01 li a.newest,
#prize_forum #cont .l_clm .l_menu01 li a.forum,
#prize_forumR #cont .l_clm .l_menu01 li a.forumRepo,
#subsidy_index #cont .l_clm .l_menu01 li a.index,
#subsidy_newest #cont .l_clm .l_menu01 li a.newest,
#subsidy_past #cont .l_clm .l_menu01 li a.past,
#subsidy_report #cont .l_clm .l_menu01 li a.report,
#program_index #cont .l_clm .l_menu01 li a.index,
#program_past #cont .l_clm .l_menu01 li a.past,
#program_newest #cont .l_clm .l_menu01 li a.newest,
#program_report #cont .l_clm .l_menu01 li a.report,
#globalnet_index #cont .l_clm .l_menu01 li a.index,
#globalnet_past #cont .l_clm .l_menu01 li a.past,
#globalnet_newest #cont .l_clm .l_menu01 li a.newest,
#globalnet_voices #cont .l_clm .l_menu01 li a.voices,
#globalnet_japan #cont .l_clm .l_menu01 li a.japan,
#globalnet_report #cont .l_clm .l_menu01 li a.report,
#about_vision #cont .l_clm .l_menu01 li a.vision,
#about_message #cont .l_clm .l_menu01 li a.message,
#about_activities #cont .l_clm .l_menu01 li a.activities,
#about_history #cont .l_clm .l_menu01 li a.history,
#about_boardmember #cont .l_clm .l_menu01 li a.boardmember,
#about_disclosure #cont .l_clm .l_menu01 li a.disclosure,
#about_materials #cont .l_clm .l_menu01 li a.materials,
#about_access #cont .l_clm .l_menu01 li a.access
{ background:#e0e0de;
 border-radius: 5px 0 0 5px;
-webkit-border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px; }

/**************** navi_current *****************/
#cont .breadcrumb {
	margin: 0 0 0 300px;
	padding: 10px 6%;
	min-width: 916px;
}

.breadcrumb .breadcrumb-in{
}
@media screen and (max-width:780px){
	#cont .breadcrumb {
		margin: 0;
		padding: 0;
		min-width: initial;
	}
	.breadcrumb .breadcrumb-in{
		width:100%;
		padding:10px 20px;
	}
}
.breadcrumb ol{
	display:table-cell;
}
.breadcrumb ol li{
	display:inline;
	vertical-align:top;
	padding-right:5px;
}
.breadcrumb ol li span{
	font-size:14px;
}
.breadcrumb ol li:after{
	content:">";
	display:inline-block;
	padding-left:15px;
}
.breadcrumb ol li:last-child:after{
	content:"";
}
.breadcrumb ol li a:link,
.breadcrumb ol li a:visited{
	color:#666;
	text-decoration:underline;
}
.breadcrumb ol li a:hover{
	color:#c00;
}
@media screen and (max-width:640px){
	.breadcrumb{
		display:none;
	}
}


/**************** table *****************/

table.defaultTable {
    margin: 0 0 15px;
    width: 100%;
    border-collapse: collapse;
    border: none;
}
table.defaultTable.vertical tr:first-child td,
table.defaultTable.vertical tr:first-child th {
    border-top: 1px solid #ccc;
}
table.defaultTable th {
    padding: 5px 10px;
    width:30%;
    color: #333;
    vertical-align: top;
    border-top: none;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #e6f1c4;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
}
table.defaultTable td {
    padding: 5px 10px;
    color: #333;
    vertical-align: top;
    border-top: none;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: none;
    text-align: left;
}
@media screen and (max-width: 780px) {
	table.defaultTable {
		font-size: 13px;
	}
	table.defaultTable th{
		display:block;
		width:auto;
	}
	table.defaultTable td {
		display:block;
		border-left: 1px solid #ccc;
	}
	table.defaultTable.vertical tr:first-child td{
		border-top: none;
	}
}



/**************** horizontal position ****************/
img.imgRight {margin:0 0 15px 15px;float:right;}
img.imgLeft {margin:0 15px 15px 0;float:left;}

img.imgRight50 {margin:0 0 15px 15px;float:right;}
img.imgLeft50 {margin:0 15px 15px 0;float:left;}
img.imgRight50:after,img.imgLeft50:after {clear:both;}

@media screen and (max-width:640px){
	img.imgRight50,
	img.imgLeft50
	{width:45%}
}

/**************** border ****************/
.gray_border {border:1px #ccc solid;}
.gray_border_in {border:1px #ccc solid;padding:20px;}

/**************** list-inline ****************/
.list_inline { display:inline-block;width:220px;margin-right:20px;margin-bottom:10px; }

.list_inline100x { display:inline-block;width:100px;margin-right:20px;margin-bottom:10px; }

.list_inline50_100 {
    display: inline-block;
    width: 43%;
    margin-right: 2%;
    margin-bottom: 10px;
}

@media screen and (max-width:640px){
	.list_inline50_100{
		width:100%
	}
}

/**************** list-table ****************/
.list_in { display:inline; }

/**************** form ****************/
input[type="text"] {
    height: 40px;
    width:250px;
    border: 1px solid #ccc;
    line-height: 40px;
    padding: 0 10px;
    margin:10px;
}
input[type="submit"] {
    line-height: 40px;
    padding: 0 10px;
    font-size: 1.2rem;
}


/**************** pdf ****************/
a[href$=".pdf"] {
    padding: 0 20px 5px 0;
    background: url(/assets/img/ico_pdf.png) right top no-repeat;
}

a[href$=".pdf"] img {
    padding: 0 20px 5px 0;
    background-image : none;
}

a[href$=".doc"], a[href$=".docx"] {
    padding: 0 20px 5px 0;
    background: url(/assets/img/ico_doc.png) right top no-repeat;
}

/**************** table_no_border ****************/
.noborder {}
.noborder th {font-weight:500;vertical-align:top;}
.noborder td {vertical-align:top;}
@media screen and (max-width:640px){
	.noborder th ,
	.noborder td {display:block;}
}

/**************** FAQ ****************/
.question {position: relative;margin: 0 auto 15px;padding: 0 10px 15px 50px;font-weight: 400;font-size: 1.20rem!important;color: #9cc810;border-bottom: 1px solid #ccc;}
.question:before {content: "Q";position: absolute;margin: auto;display: block;top: 2px;left: 10px;font-size: 1.80rem;line-height: 1;font-weight: bold;color: #9cc810;}
.answer {position: relative;margin: 0 auto;padding: 0 10px 0 50px;}
.answer:before {content: "A";position: absolute;margin: auto;display: block;top: 0;left: 11px;font-size: 1.80rem;line-height: 1;font-weight: bold;color: #E48F8F;}

/**************** movie ****************/
div.mov {position:relative;}
div.mov:after {position:absolute;bottom:-10px;right:0;content:url(/assets/img/movie.png)}

/**************** like h tag ****************/
.likeh20 {font-size:20px; font-weight:500;margin-top:20px;}

/**************** tablelist2 tag ****************/
.tablelist2{margin:0 0 15px;width:100%;border-collapse:collapse;border:none;}
.tablelist2 th{padding:5px 10px;color:#333;vertical-align:middle;border-top:none;border-right:1px solid #fff;border-bottom:1px solid #fff;border-left:none;background-color:#e6f1c4;font-weight:bold;text-align:center;}
.tablelist2 td{padding:5px 10px;color:#333;vertical-align:middle;border-top:none;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:none;text-align:left;word-wrap:break-word;}
.tablelist2 tr td:first-child{border-left:1px solid #ccc;}

.name{width:39%;}
.nendo{width:18%;}
.bumon{width:20%;}
.shozai{width:6%;}
.danko{width:9%;}
.detail{width:8%;}

.school{width:39%;}
.country{width:22%;}

.tablelist2 tr.for_spTable{display:none;}
.tablelist2 tr.for_pcTable{display:table-row;}

a.gdpr {
  color: Red;
  text-decoration: underline;
  font-weight: bold;
}

/**************** iFrame ****************/

.iframe {
  width: 850px;
  height: 2300px;
}

@media screen and (max-width: 640px) {
.iframe {
  width: 100%;
  height: 3000px;
}
}

/**************** プライバシーポリシー追記 ****************/

#cont h4.small_tit { font-size:16px; font-weight:400;}

.privacy_inner_list {
  padding-left: 20px;
}

.privacy_inner_list ul {
  padding-left: 24px;
}

.privacy_inner_list ul li{
  list-style: disc;
}

dl.privacy_data-list_style dt {
  font-weight: 500;
  padding-top: 7px;
}

dl.privacy_data-list_style dd {
  padding-left: 16px;
}

ol.privacy_list_number li {
  list-style: none;
  padding-left: 1.3em;
  text-indent: -1.3em;
}
/**************** top_activities ****************/
.flex { display: flex; justify-content: space-between; }
.box3 { width: 31%; }

#act_idx .flex { flex-wrap: wrap; }
#act_idx .box3 {  margin-bottom: 2rem; text-align: left; }
#act_idx .img_top_listA .box3 div.inner { display:block; cursor:default; }
#act_idx .img_top_listA .box3 a.inner { cursor:pointer;text-decoration:none; }
#act_idx .img_top_listA .box3 a.inner .img_box { height:249px; overflow: hidden; }
#act_idx .img_top_listA .box3 a.inner img { transition:.3s all; }
#act_idx .img_top_listA .box3 a.inner:hover img { transform:scale(1.04); }
#act_idx .img_top_listA .box3 a.inner:hover h3 { text-decoration:underline; }

@media screen and (max-width:640px){ .box3 { width: 100%; }}