@charset "UTF-8";

/* CSS Document */

/* --------------------------------------------------------------------------------------
#00 ROOT
------------------------------------------------------------------------------------------ */

:root{
--gikai-number:208;
--gikai-color-main: 212 82 108;
--gikai-color-dark: 198 26 86;
--gikai-color-issue: 255 255 255;
--gikai-color-soumu: 210 204 230;
--gikai-color-bunkyo: 219 190 218;	
}

/* --------------------------------------------------------------------------------------
#01 GP
------------------------------------------------------------------------------------------ */

/* #01-Yahoo UI
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:http://developer.yahoo.net/yui/license.txt
version:2.4.0

	77% = 10px		|	122% = 16px	|	167% = 22px	
	85% = 11px		|	129% = 17px	|	174% = 23px
	92% = 12px		|	136% = 18px	|	182% = 24px
	100% = 13px	|	144% = 19px	|	189% = 25px
	107% = 14px	|	152% = 20px	|	197% = 26px
	114% = 15px	|	159% = 21px	|
*/
html {
	color: #000;
	background: #FFF;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	text-align:justify;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
li {
	list-style: none;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
	font-variant: normal;
}
sup {
	vertical-align: text-top;
}
sub {
	vertical-align: text-bottom;
}
input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}
legend {
	color: #000;
}
body {
	font: 13px/1.231 arial, helvetica, clean, sans-serif;
*font-size:small;
*font:x-small;
}
table {
	font-size: inherit;
	font: 100%;
}
pre, code, kbd, samp, tt {
	font-family: monospace;
*font-size:108%;
	line-height: 100%;
}
/* #01-02 BaseSet */
* {
	line-height: 1.5;
	font-style: normal;
}
p, pre, cite, blockquote {
	font-size: 100%;
}
li, dt, dd {
	font-size: 100%;
}
body {
font-family: "メイリオ","Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
/*	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"ＭＳ Ｐゴシック",sans-serif; */
	color: #333;
	background-color: #FFF;
}
a {
	text-decoration: none;
}
a:link {
	color: #0000CC;
}
a:visited {
	color: #663399;
}
a:hover, a:active {
	color: #FF0000;
}

ruby {
  position: relative;
}

ruby rt {
  position: relative;
  top: 0.1ex;
  font-size:0.6em;
transform: translateY(-.45em);
}

/* Chrome Edge Opera Hack */
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) {
    rt{transform: translateY(-.01rem); font-size:0.5em;}
}

/* Safari Hack */
_::-webkit-full-page-media, _:future, :root rt {
  transform: translateY(-.01rem);
  font-size:0.6em;
}


/* --------------------------------------------------------------------------------------
#02 LAYOUT
------------------------------------------------------------------------------------------ */

/* CONTAINER */
#container {
	margin: 0 auto;
	width: 800px;
	background-color: #FFFFCC;
}

/* HEADER */
#header {
	height: 73px;
	background: #FFF url(_image/gikai_title.jpg) no-repeat left top;
	text-align: right;
}
#header h1 {
	display: none;
}
.jumpMenu {
	margin: 23px 0 0;
}

/* ISSUE */
#issue {
	padding: 6px 1em 3px 1em;
	color: rgb(var(--gikai-color-issue) / 1.0);
	font-weight: bold;
	font-size: 0.92em;
    background-image: url("_image-general/gikai_issue.jpg");
    background-size: contain;
	background-color:rgb(var(--gikai-color-main) / 1.0);
}

/* MENU */
#menu {
	float: left;
	width: 200px;
	min-height: 300px;
}
#menu ul {
	margin: 5px 10px;
}
#menu li {
	/* \*//*/
	margin-top:1em;
/**/
	padding-left: 15px;
	margin-top: 0.75em;
	line-height: 1.0em;
	list-style: none;
	background: url(_image-general/gikai_triangle.png) no-repeat left 2px;
}

/* CONTENT */
#content {
	float: right;
	width: 600px;
	background: #FFF;
}

/* ARTICLE */
.article {}
.article p {line-height: 1.75; margin-top: 0.25em; margin-bottom: 0.25em;}


/* ARTICLE - QUESTION */
.article-QA {
	padding: 10px 10px 10px 20px;
	background: url(_image208-QandA/08_00-Question_BG10.jpg) no-repeat top right;
    background-size: contain;
}
.article p {
	line-height: 1.75em;
}
.article-QA h6{
	clear:both;
	color:rgb(var(--gikai-color-main) / 1.0);
	font-weight: bold;
	text-indent: 1em;
}
.topicpath {
	background: url("_image/gikai_agupi.png") no-repeat left center;
	padding: 3px 0 3px 35px;
	line-height: 30px;
}
.topicpath_u {
	background: url(_image/gikai_agupi.png) no-repeat right center;
	padding: 3px 35px 3px 0px;
	line-height: 30px;
	text-align:right;
}
.photoIconGiin {
	float: left;
	background: #FFF;
	padding: 0 0.5em 0 0;
	margin: 0em 0.5em 1em 0;
}
.shozoku{
	margin-bottom:10px;
}
.shozoku img{
	margin-bottom:-7px;
	margin-right:0px;
}
.title_question_main {
	font-size:175%;
	font-weight:bold;
	text-align:center;
	color:rgb(var(--gikai-color-main) / 1.0);
	padding:0;
	margin:0;
 	box-shadow: 0 15px 15px -15px rgba(0 0 50 / 0.5); 
}
.title_answer {
	font-size:145%;
	font-weight:bold;
	text-align:center;
	color:#6A3906;
	padding:0;
	margin:5px 0 0.5em 0;
}
.title_SDGs {
	text-align: center;
}
.title_SDGs img{
	margin-right: 5px;
	margin-left: 5px;
}
.div_toubensha{
	background-color:rgba(255,255,255,0.50);
	border:1px solid #AAAAAA;
	border-radius:5px;
	padding:4px 4px;
	margin:0 0 1.5em 0;
	clear:both;
}
.div_toubensha img{
	vertical-align: middle;
}
.div_toubensha p span{
	display:inline-block;
	margin-top:2px !important;
}
.div_toubensha table{}

.div_toubensha table td,
.div_toubensha tableth{
	line-height: 2.5em;
	padding: 0 5px;
}
.div_toubensha table th{
	text-align: center;
	vertical-align: middle;
}

/* FOOTER */
#footer {
	padding: 6px 1em 3px 1em;
	color: rgb(var(--gikai-color-issue) / 1.0);
	font-weight: bold;
	font-size: 0.92em;
	text-align: center;
	background-color:rgb(var(--gikai-color-main) / 1.0);
}

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

/* CATALOG - BACK NUMBER */
.catalog_backnumber {}
.catalog_backnumber th {background: #F9EAD2;}
.catalog_backnumber td, .catalog_backnumber th {
	padding: 10px 0 4px;
	line-height: 1.7em;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	text-align: center;/* \*//*/
	border-top:none;
/**/
}

/* CATALOG - PDF */
.catalog_pdf {border: 1px solid #CCC;}
.catalog_pdf th {background: #F9EAD2;}
.catalog_pdf th {
	padding: 10px 0 4px;
	line-height: 1.7em;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 3px double #CCC;
	border-right: 3px double #CCC;
	text-align: center;/* \*//*/
	border-top:none;
	border-right:none;
/**/
}
.catalog_pdf td {
	padding: 10px 5px 4px;
	line-height: 1.7em;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 3px double #CCC;
	border-right: 3px double #CCC;
	text-align: left;/* \*//*/
	border-top:none;
	border-right:none;
/**/
}

/* INDEX - INFOMATION */
.information {
	margin: 10px 0 0 0;
}
.information table.infomationTableL {
	margin: 0 10px 1em 10px;
	_margin: 0 5px 1em 10px;
	width: 285px;
	_width: 280px;
	height: 180px;
}
.information table.infomationTableR {
	float: right;
	margin: 0 10px 1em 10px;
	_margin: 0 5px 1em 5px;
	width: 285px;
	_width: 280px;
	height: 180px;
}
.information table.infomationTableC {
	margin: 0 10px 1em 10px;
	width: 590px;
}
.information th, .information td {
	padding: 4px 10px;
	text-align: center;
	font-size: 0.92em;
	border: 1px solid #666;
}
.information th {
	background: rgb(var(--gikai-color-main) / 0.6);
	color: #FFFFFF;
	font-weight: bold;/* \*//*/
	border-bottom:none;
/**/
}


/* Q and A */
dl.dl_QandA{
}
dl.dl_QandA dt{
	display: block;
	font-weight:bold;
	margin-left:26px; !important;
	margin-bottom:0.65em;
	line-height: 1.75em;
}
dl.dl_QandA dt:before{
	content: '';
	display: inline-block;
	width: 21px;
	height: 21px;
	margin-left: -26px;
	margin-right: 1px;
	background-image: url(_image/gikai_Icon_gikai_Icon_question.svg);
	background-size: contain;
	vertical-align: middle;
}
dl.dl_QandA dd{
	display: block;
	margin-left:26px !important;
	margin-bottom:1.5em;
	line-height: 1.75em;
}
dl.dl_QandA dd img{
	vertical-align:middle;
	margin-top: -4px;
}
dl.dl_QandA dd:before{
	content: '';
	display: inline-block;
	width: 21px;
	height: 21px;
	margin-left: -26px;
	margin-right: 1px;
	background-image: url(_image/gikai_Icon_gikai_Icon_answer.svg);
	background-size: contain;
	vertical-align: middle;
}


/* QUESTION */
.GeneralInquiry_main {
	margin-bottom: 1.0em;
	background-color: rgb(255 255 255 / 1.0);
}
.GeneralInquiry_main th {
	border: 1px solid #333;
	background: rgb(var(--gikai-color-main) / 0.6);
	color: rgb(var(--gikai-color-issue));
	text-align: center;
	font-weight: bold;
}
.GeneralInquiry_main td {
	border: 1px solid #333;
	padding: 5px;
}
.GeneralInquiry_main img {
	margin: 5px;
}
.GeneralInquiry_main ol {
	color: #333;
	margin: 0 0 0 2em;
}
.GeneralInquiry_main ol li{
	list-style-type: decimal;
	line-height: 1.75em;
}

/* EDITORS NOTE */
.div_editors_note{
	background-color:rgb(254 235 190 / 0.8);
	border-radius:0;
	padding:15px;
}
.Editors_note_BG01{
	background-image: url(_image-general/Editors_note_BG10.png),url(_image-general/Editors_note_BG12.png),url(_image-general/Editors_note_BG11.png);
	background-repeat: no-repeat,no-repeat,repeat-y;
	background-size: contain,contain,contain;
	background-position: top center,bottom center,center center;
}
.Editors_note_BG02{
	margin: 1.5em 0 0;
	padding: 0 35px 20px;
}
.Editors_note_BG02 p{
	line-height: 1.75em;
}
.Editors_note_BG03{
	background-color: rgb(211 237 251 / 1.0);
	padding: 10px 20px;
	border-radius: 20px;
}
.Editors_note_BG03 p{
	line-height: 1.5em;
}


/* --------------------------------------------------------------------------------------
#03 GENERAL-PURPOSE
------------------------------------------------------------------------------------------ */

/* PARAGRAPH */
.p_indent{
	margin-left: 1em;
	text-indent: -1em;
}
.p_lead{
	color: rgb(var(--gikai-color-main) / 1.0);
	font-weight: bold;
}
.p_main_subtitle_border{
	color: rgb(var(--gikai-color-main) / 1.0);
	font-weight: bold;
	border: 2px solid rgb(var(--gikai-color-main) / 1.0);
	padding: 3px 10px;
	font-size: 110%;
}

.p_main_subtitle_bg015{
	color: rgb(var(--gikai-color-main) / 1.0);
	font-weight: bold;
	background-color: rgb(var(--gikai-color-main) / 0.15);
	padding: 3px 10px;
	font-size: 110%;
}
.p_main_subtitle_gradation{
	font-weight: bold;
	color: rgb(var(--gikai-color-issue) / 1.0);
	padding: 2px 10px;
	background-image: linear-gradient(90deg, rgb(var(--gikai-color-main)) 70%, rgb(var(--gikai-color-dark) / 0.8));
	border-radius: 3px;
}


/* CLEAR */
.clear {clear: both; line-height: 0;}

/* HEADING */
h2 {font-size: 1.35em;font-weight: bold;}
h3 {font-size: 1.3em;font-weight: bold;}
h4 {font-size: 1.2em;font-weight: bold;}
h5 {font-size: 1.15em;font-weight: bold;}
h6 {font-size: 1.05em;font-weight: bold;}


/*FONT SIZE */
.fs060{font-size:0.6em;}
.fs070{font-size:0.7em;}
.fs080{font-size:0.8em;}
.fs090{font-size:0.9em;}
.fs095{font-size:0.95em;}
.fs105{font-size:1.05em;}
.fs110{font-size:1.10em;}
.fs115{font-size:1.15em;}
.fs120{font-size:1.20em;}


/*FONT COLOR */
.fc_Main{color: rgb(var(--gikai-color-main) / 1.0);}

.fc_Red{color: #ff0000;}

.fw_Bold{font-weight: bold;}


/* Margin - Top */
.mt-25 {margin-top: -2.5em !important;}
.mt-20 {margin-top: -2em !important;}
.mt-15 {margin-top: -1.5em !important;}
.mt-10 {margin-top: -1em !important;}
.mt00 {margin-top: 0 !important;}
.mt05 {margin-top: 0.5em !important;}
.mt10 {margin-top: 1.0em !important;}
.mt15 {margin-top: 1.5em !important;}
.mt20 {margin-top: 2.0em !important;}
.mt30 {margin-top: 3.0em !important;}
.mt40 {margin-top: 4.0em !important;}
.mt50 {margin-top: 5.0em !important;}


/* Margin - Bottom */
.mb00 {margin-bottom: 0 !important;}
.mb05 {margin-bottom: 0.5em !important;}
.mb10 {margin-bottom: 1.0em !important;}
.mb15 {margin-bottom: 1.5em !important;}
.mb20 {margin-bottom: 2.0em !important;}
.mb30 {margin-bottom: 3.0em !important;}
.mb40 {margin-bottom: 4.0em !important;}
.mb50 {margin-bottom: 5.0em !important;}


/* Margin - Right */
.mr05{margin-right:0.5em !important;}
.mr10{margin-right:1.0em !important;}
.mr20{margin-right:2.0em !important;}
.mr25{margin-right:2.5em !important;}
.mr30{margin-right:3.0em !important;}
.mr40{margin-right:4.0em !important;}
.mr50{margin-right:5.0em !important;}


/* Margin - Left */
.ml05{margin-left:0.5em !important;}
.ml10{margin-left:1.0em !important;}
.ml15{margin-left:1.5em !important;}
.ml20{margin-left:2.0em !important;}
.ml25{margin-left:2.5em !important;}
.ml30{margin-left:3.0em !important;}
.ml40{margin-left:4.0em !important;}
.ml45{margin-left:4.5em !important;}
.ml50{margin-left:5.0em !important;}
.ml60{margin-left:6.0em !important;}
.ml70{margin-left:7.0em !important;}


/* Padding - Left */
.pd_L_10{padding-left: 10px;}
.pd_L_15{padding-left: 15px;}

.pd_R_05{padding-right: 5px;}
.pd_R_10{padding-right: 10px;}
.pd_R_15{padding-right: 15px;}

.pd_T_05{padding-top: 5px;}
.pd_T_10{padding-top: 10px;}
.pd_T_15{padding-top: 15px;}

.pd_B_10{padding-bottom: 10px;}
.pd_B_15{padding-bottom: 15px;}

.pd_00{padding: 0;}
.pd_05{padding: 5px;}
.pd_10{padding: 10px;}
.pd_15{padding: 15px;}
.pd_20{padding: 20px;}

.pd_02-10{padding: 2px 10px;}
.pd_05-20{padding: 5px 20px;}
.pd_10-20{padding: 10px 20px;}


/* TABLE - TD */
.table_w100{width:100%;}
td.td_lt,th.td_lt{text-align:left; vertical-align:top;}
td.td_cm,th.td_cm{text-align:center; vertical-align:middle;}
td.td_lm,th.td_lm{text-align:left; vertical-align:middle;}
td.td_rm,th.td_rm{text-align:right; vertical-align:middle;}
td.td_rt,th.td_rt{text-align:right; vertical-align:top;}
td.td_rb,th.td_rb{text-align:right; vertical-align:bottom;}

/* Background Color */
.bg_main_015{background-color: rgb(var(--gikai-color-main) / 0.15);}
.bg_main_060{background-color: rgb(var(--gikai-color-main) / 0.6);}
.bg_main_100{background-color: rgb(var(--gikai-color-main) / 1.0);}

.bg_soumu_100{background-color: rgb(var(--gikai-color-soumu) / 1.0);}
.bg_bunkyo_100{background-color: rgb(var(--gikai-color-bunkyo) / 1.0);}

.bg_White_100{background-color: rgb(255 255 255 / 1.0);}

.bg_Yellow_025{background-color: rgb(255 241 0 / 0.25);}


/* Background Gradation */
.bg_QandA{background-image: linear-gradient(0deg, rgba(255, 255, 255, 1) 75%, rgba(255, 248, 160, 1));}
.bg_QandA p{
	text-align: center;
	margin: 0;
}

/* Background */
.bg_width_fit{width:fit-content;}
.bg_width_auto{margin: auto;}

.surround_center_all{display: flex; justify-content: center; align-items: center;}

/* Border radius */
.radius05{border-radius: 5px;}
.radius10{border-radius: 10px;}
.radius20{border-radius: 20px;}
.radius25{border-radius: 25px;}
.radius30{border-radius: 30px;}

.radius_top_25{border-radius: 21px 21px 0 0;}


/* Border */
.bd_solid_main_100_03{border: 3px solid rgb(var(--gikai-color-main) / 1.0);}


/* Paragraph - Align */
.align_Left {text-align: left;}
.align_Right {text-align: right;}
.align_Center {text-align: center;}

/* Float */
.float_Right {float: right;}
.float_Left {float: left;}

/* Text Outline */
.txt_outline-w3_White{
text-shadow:0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF;
}

/* IMAGE - ICON */
.img_icon{
	vertical-align: middle;
	margin-right: 4px;
}
.article-QA .img_icon{
	vertical-align: middle;
	margin: 0 0 0 4px;
}


/* TABLE */
.table_listup{}
.table_listup th{
	font-weight: bold;
	padding-right: 2em;
	vertical-align: top;
}
.table_listup p{margin: 0;}

.table_listup_normal{}
.table_listup_normal th{
	padding-right: 2em;
	vertical-align: top;
}
.table_listup_normal p{margin: 0;}


/* --------------------------------------------------------------------------------------
#04 Maybe just once
------------------------------------------------------------------------------------------ */

.bg_Mintgreen_015{background-color: rgb(0 156 121 / 0.15);}

.fc_Blue_208{color: rgb(0 104 183 / 1.0)}

.p_Blue_subtitle_208{
	color: rgb(255 255 255 / 1.0);
	font-weight: bold;
	background-color: rgb(108 155 210 / 1.0);
	padding: 1px 10px;
	border-radius: 2px;
}

.bg_Yellowgreen_025{background-color: rgb(232 229 0 / 0.25);}

.fc_Green_208{color: rgb(34 172 56 / 1.0)}

.p_Green_subtitle_208{
	color: rgb(255 255 255 / 1.0);
	font-weight: bold;
	background-color: rgb(34 172 56 / 1.0);
	padding: 1px 10px;
	border-radius: 2px;
}