@charset "utf-8";
/* kikaku/hakusyo/r6hakusyo_h/content-add.css */
/* index用 */
div.section{  /* 20170821追加 */
	margin: 0em 0em 0em 0em;
}

/* 大きな文字 */ 
.txt_big{  /* 20170821追加 */
	font-size: 120%;
}


/* 脚注 */  
.kyakuchuu p {  /* 20170728追加 */
	font-size: 70%;
	margin-left: 2em;
	margin-bottom: 1em;
}



/* インデント 20180801追加 */
.content .ind01 {!important;
	text-indent: 1em;
}

.content .ind02{ /* 1文字下げ */
	text-indent: 1em;
	padding-left: 1em;
}

.content .ind03{ /* 2文字下げ */
	text-indent: 1em;
	padding-left: 2em;
}

.content .hanging_indent01{ /* ぶら下がりインデント1文字 */
	text-indent: -1em;
	padding-left: 1em;
}

.content .hanging_indent02{ /* ぶら下がりインデント2文字 */
	text-indent: -2em;
	padding-left: 2em;
}

.content .hanging_indent02_2{ /* ぶら下がりインデント2.5文字 */
	text-indent: -2em;
	padding-left: 3em;
}

.content .hanging_indent03{ /* 1）始まり */
	text-indent: -1.5em;
	padding-left: 3em;
}

.content .hanging_indent04{ /* （ア）始まり */
	text-indent: -3em;
	padding-left: 5em;
}

.content .hanging_indent05{ /* 概要 */
	text-indent: -1em;
	padding-left: 3em;
}

.content .hanging_indent06{ /* ぶら下がりインデント3文字 */
	text-indent: -3em;
	padding-left: 3em;
}

.content .gaiyou_excel{ /* 概要版エクセルのリンク */
	padding-top: 8px;
}

.underline-bold {
	text-decoration: underline;
	padding-bottom: 4px;
	font-weight: bold;
}


/* (左右の配置) */
.content .left {
	text-align: left;
}
.content .center {
	text-align: center;
}
.content .right {
	text-align: right;
}


.content .right_bold { /* 参照 */
	text-align: right;
	font-weight: bold;
}




/* (リンク) */
.content .chart_file {
	margin-top: 0.5em;
}



/* 写真 */
.content .picture_image {
	margin-bottom: 0.3em;
}
.content .picture_image img {
	max-width: 100%;
	height: auto;
}


.content .picture_wrap {
	margin: 0 0 10px 0;
	padding: 0 10px/*30px*/;
	display: inline-block;
}
@media screen and (max-width: 767px){
	.content .picture_wrap {
		padding: 0;
	}
}


.content .picture_wrap-w300-1 {/* 写真1枚のみの場合 */
	max-width: calc(300px + 38px);
}

.content .picture_wrap-w668 {/* 写真1枚のみの場合 */
	max-width: calc(668px + 38px);
}

.content .picture_wrap-w630-1 {/* 写真1枚のみの場合 */
	max-width: calc(630px + 38px);
}

.content .picture_wrap-w600-1 {/* 写真1枚のみの場合 */
	max-width: calc(600px + 38px);
}

.content .picture_wrap-w520-1 {/* 写真1枚のみの場合 */
	max-width: calc(520px + 38px);
}

.content .picture_wrap-w500-1 {/* 写真1枚のみの場合 */
	max-width: calc(500px + 38px);
}

.content .picture_wrap-w400-1 {/* 写真1枚のみの場合 */
	max-width: calc(400px + 38px);
}

.content .picture_wrap-w380-1 {/* 写真1枚のみの場合 */
	max-width: calc(380px + 38px);
}

.content .picture_wrap-w367-1 {/* 写真1枚のみの場合 */
	max-width: calc(367px + 38px);
}

.content .picture_wrap-w240-1 {/* 写真1枚のみの場合 */
	max-width: calc(240px + 38px);
}

.content .picture_wrap-w228-1 {/* 写真1枚のみの場合 */
	max-width: calc(228px + 38px);
}





.content .picture_wrap-w500-2 {/* 写真複数枚 横並び */
	max-width: calc(500px + 38px);
	width: 100%;
	display: inline-block;
	vertical-align: bottom;
}

.content .picture_wrap-w400-2 {/* 写真複数枚 横並び */
	max-width: calc(400px + 38px);
	width: 100%;
	display: inline-block;
	vertical-align: bottom;
}

.content .picture_wrap-w320-2 {/* 写真複数枚 横並び */
	max-width: calc(320px + 38px);
	width: 100%;
	display: inline-block;
	vertical-align: bottom;
}

.content .picture_wrap-w300-2 {/* 写真複数枚 横並び */
	max-width: calc(300px + 38px);
	width: 100%;
	display: inline-block;
	vertical-align: bottom;
}

.content .picture_wrap-w270-2 {/* 写真複数枚 横並び */
	max-width: calc(270px + 38px);
	width: 100%;
	display: inline-block;
	vertical-align: bottom;
}

.content .picture_wrap-w247-2 {/* 写真複数枚 横並び */
	max-width: calc(247px + 38px);
	width: 100%;
	display: inline-block;
	vertical-align: bottom;
}

.content .picture_wrap-w230-2 {/* 写真複数枚 横並び */
	max-width: calc(230px + 38px);
	width: 100%;
	display: inline-block;
	vertical-align: bottom;
}

.content .picture_wrap-w228-2 {/* 写真複数枚 横並び */
	max-width: calc(228px + 38px);
	width: 100%;
	display: inline-block;
	vertical-align: bottom;
}

.content .picture_wrap-w205-2 {/* 写真複数枚 横並び */
	max-width: calc(205px + 38px);
	width: 100%;
	display: inline-block;
	vertical-align: bottom;
}

.content .picture_wrap-w200-2 {/* 写真複数枚 横並び */
	max-width: calc(200px + 38px);
	width: 100%;
	display: inline-block;
	vertical-align: bottom;
}





.content .picture_wrap-w470-2top {/* 写真複数枚 横並び 頭ゾロエ */
	max-width: calc(470px + 38px);
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.content .picture_wrap-w450-2top {/* 写真複数枚 横並び 頭ゾロエ */
	max-width: calc(450px + 38px);
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.content .picture_wrap-w408-2top {/* 写真複数枚 横並び 頭ゾロエ */
	max-width: calc(408px + 38px);
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.content .picture_wrap-w400-2top {/* 写真複数枚 横並び 頭ゾロエ */
	max-width: calc(400px + 38px);
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.content .picture_wrap-w390-2top {/* 写真複数枚 横並び 頭ゾロエ */
	max-width: calc(390px + 38px);
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.content .picture_wrap-w386-2top {/* 写真複数枚 横並び 頭ゾロエ */
	max-width: calc(386px + 38px);
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.content .picture_wrap-w370-2top {/* 写真複数枚 横並び 頭ゾロエ */
	max-width: calc(370px + 38px);
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.content .picture_wrap-w360-2top {/* 写真複数枚 横並び 頭ゾロエ */
	max-width: calc(360px + 38px);
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.content .picture_wrap-w350-2top {/* 写真複数枚 横並び 頭ゾロエ */
	max-width: calc(350px + 38px);
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.content .picture_wrap-w340-2top {/* 写真複数枚 横並び 頭ゾロエ */
	max-width: calc(340px + 38px);
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.content .picture_wrap-w333-2top {/* 写真複数枚 横並び 頭ゾロエ */
	max-width: calc(333px + 38px);
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.content .picture_wrap-w330-2top {/* 写真複数枚 横並び 頭ゾロエ */
	max-width: calc(330px + 38px);
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.content .picture_wrap-w300-2top {/* 写真複数枚 横並び 頭ゾロエ */
	max-width: calc(300px + 38px);
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.content .picture_wrap-w290-2top {/* 写真複数枚 横並び 頭ゾロエ */
	max-width: calc(290px + 38px);
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.content .picture_wrap-w280-2top {/* 写真複数枚 横並び 頭ゾロエ */
	max-width: calc(280px + 38px);
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.content .picture_wrap-w270-2top {/* 写真複数枚 横並び 頭ゾロエ */
	max-width: calc(270px + 38px);
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.content .picture_wrap-w274-2top {/* 写真複数枚 横並び 頭ゾロエ */
	max-width: calc(274px + 38px);
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.content .picture_wrap-w272-2top {/* 写真複数枚 横並び 頭ゾロエ */
	max-width: calc(272px + 38px);
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.content .picture_wrap-w260-2top {/* 写真複数枚 横並び 頭ゾロエ */
	max-width: calc(260px + 38px);
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.content .picture_wrap-w250-2top {/* 写真複数枚 横並び 頭ゾロエ */
	max-width: calc(250px + 38px);
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.content .picture_wrap-w247-2top {/* 写真複数枚 横並び 頭ゾロエ */
	max-width: calc(247px + 38px);
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.content .picture_wrap-w240-2top {/* 写真複数枚 横並び 頭ゾロエ */
	max-width: calc(240px + 38px);
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.content .picture_wrap-w235-2top {/* 写真複数枚 横並び 頭ゾロエ */
	max-width: calc(235px + 38px);
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.content .picture_wrap-w228-2top {/* 写真複数枚 横並び 頭ゾロエ */
	max-width: calc(228px + 38px);
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.content .picture_wrap-w225-2top {/* 写真複数枚 横並び 頭ゾロエ */
	max-width: calc(225px + 38px);
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.content .picture_wrap-w215-2top {/* 写真複数枚 横並び 頭ゾロエ */
	max-width: calc(215px + 38px);
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.content .picture_wrap-w214-2top {/* 写真複数枚 横並び 頭ゾロエ */
	max-width: calc(214px + 38px);
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.content .picture_wrap-w210-2top {/* 写真複数枚 横並び 頭ゾロエ */
	max-width: calc(210px + 38px);
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.content .picture_wrap-w200-2top {/* 写真複数枚 横並び 頭ゾロエ */
	max-width: calc(200px + 38px);
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.content .picture_wrap-w190-2top {/* 写真複数枚 横並び 頭ゾロエ */
	max-width: calc(190px + 38px);
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.content .picture_wrap-w182-2top {/* 写真複数枚 横並び 頭ゾロエ */
	max-width: calc(182px + 38px);
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.content .picture_wrap-w180-2top {/* 写真複数枚 横並び 頭ゾロエ */
	max-width: calc(180px + 38px);
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.content .picture_wrap-w176-2top {/* 写真複数枚 横並び 頭ゾロエ */
	max-width: calc(176px + 38px);
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.content .picture_wrap-w154-2top {/* 写真複数枚 横並び 頭ゾロエ */
	max-width: calc(154px + 38px);
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.content .picture_wrap-w142-2top {/* 写真複数枚 横並び 頭ゾロエ */
	max-width: calc(142px + 38px);
	width: 100%;
	display: inline-block;
	vertical-align: top;
}





.content .float-qr {/* QRコード */
	max-width: calc(300px + 38px);
	width: 100%;
	margin: 0;
	padding: 0 10 50px 50px;
	float: right;
}

.content .float-qr2 {/* QRコード 事例内 */
	max-width: calc(300px + 38px);
	width: 100%;
	margin: 0;
	padding: 0 10 10px 50px;
	float: right;
    background: #f0f0f0;/* グレー */
}

.content .float-qr-gaiyou {/* QRコード */
	max-width: calc(200px + 38px);
	width: 100%;
	margin: 0;
	padding: 0 10 50px 50px;
	float: right;
}



/* 図表 */
	
.content .chart_image {
	margin-bottom: 0.3em;
}
.content .chart_image img {
	max-width: 100%;
	height: auto;
}
	



.content .chart_wrap,
.content .CNToutline .chart_wrap { /* 事例コラム内 */
	margin: 0 auto/*0*/ 10px auto/*0*/;
	padding: 0 10px/*30px*/;
	/*display: inline-block;*/ /*←こっちにするとIEで画像がレスポンシブにならない*/
}
@media screen and (max-width: 767px){
	.content .chart_wrap {
		padding: 0;
	}
	.content .CNToutline .chart_wrap { /* 事例コラム内 */
		padding: 0 10px;
	}
}
	

.content .chart_wrap-w744 {
	max-width: calc(744px + 38px);
}

.content .chart_wrap-w700 {
	max-width: calc(700px + 38px);
}

.content .chart_wrap-w698 {
	max-width: calc(698px + 38px);
}

.content .chart_wrap-w687 {
	max-width: calc(687px + 38px);
}

.content .chart_wrap-w680 {
	max-width: calc(680px + 38px);
}

.content .chart_wrap-w658 {
	max-width: calc(658px + 38px);
}

.content .chart_wrap-w655 {
	max-width: calc(655px + 38px);
}

.content .chart_wrap-w650 {
	max-width: calc(650px + 38px);
}

.content .chart_wrap-w647 {
	max-width: calc(647spx + 38px);
}

.content .chart_wrap-w624 {
	max-width: calc(624px + 38px);
}

.content .chart_wrap-w618 {
	max-width: calc(600px + 38px);
}

.content .chart_wrap-w600 {
	max-width: calc(600px + 38px);
}

.content .chart_wrap-w597 {
	max-width: calc(597px + 38px);
}

.content .chart_wrap-w579 {
	max-width: calc(579px + 38px);
}

.content .chart_wrap-w555 {
	max-width: calc(555px + 38px);
}

.content .chart_wrap-w537 {
	max-width: calc(537px + 38px);
}

.content .chart_wrap-w517 {
	max-width: calc(517px + 38px);
}

.content .chart_wrap-w512 {
	max-width: calc(512px + 38px);
}

.content .chart_wrap-w498 {
	max-width: calc(498px + 38px);
}

.content .chart_wrap-w493 {
	max-width: calc(493px + 38px);
}

.content .chart_wrap-w488 {
	max-width: calc(488px + 38px);
}

.content .chart_wrap-w483 {
	max-width: calc(483px + 38px);
}

.content .chart_wrap-w477 {
	max-width: calc(477px + 38px);
}

.content .chart_wrap-w467 {
	max-width: calc(467px + 38px);
}

.content .chart_wrap-w457 {
	max-width: calc(457px + 38px);
}

.content .chart_wrap-w453 {
	max-width: calc(453px + 38px);
}

.content .chart_wrap-w449 {
	max-width: calc(449px + 38px);
}

.content .chart_wrap-w447 {
	max-width: calc(447px + 38px);
}

.content .chart_wrap-w445 {
	max-width: calc(445px + 38px);
}

.content .chart_wrap-w438 {
	max-width: calc(438px + 38px);
}

.content .chart_wrap-w432 {
	max-width: calc(432px + 38px);
}

.content .chart_wrap-w408 {
	max-width: calc(408px + 38px);
}

.content .chart_wrap-w404 {
	max-width: calc(404px + 38px);
}

.content .chart_wrap-w397 {
	max-width: calc(397px + 38px);
}

.content .chart_wrap-w390 {
	max-width: calc(390px + 38px);
}

.content .chart_wrap-w387 {
	max-width: calc(387px + 38px);
}

.content .chart_wrap-w383 {
	max-width: calc(383px + 38px);
}

.content .chart_wrap-w377 {
	max-width: calc(377px + 38px);
}

.content .chart_wrap-w376 {
	max-width: calc(376px + 38px);
}

.content .chart_wrap-w374 {
	max-width: calc(374px + 38px);
}

.content .chart_wrap-w372 {
	max-width: calc(372px + 38px);
}

.content .chart_wrap-w363 {
	max-width: calc(363px + 38px);
}

.content .chart_wrap-w358 {
	max-width: calc(358px + 38px);
}

.content .chart_wrap-w356 {
	max-width: calc(356px + 38px);
}

.content .chart_wrap-w351 {
	max-width: calc(351px + 38px);
}

.content .chart_wrap-w344-1 {/* 図表1枚のみの場合 */
	max-width: calc(344px + 38px);
}

.content .chart_wrap-w344 {
	max-width: calc(344px + 38px);
}

.content .chart_wrap-w340 {
	max-width: calc(340px + 38px);
}

.content .chart_wrap-w338 {
	max-width: calc(338px + 38px);
}

.content .chart_wrap-w333 {
	max-width: calc(333px + 38px);
}

.content .chart_wrap-w329 {
	max-width: calc(329px + 38px);
}

.content .chart_wrap-w324 {
	max-width: calc(324px + 38px);
}

.content .chart_wrap-w317 {
	max-width: calc(317px + 38px);
}

.content .chart_wrap-w313 {
	max-width: calc(313px + 38px);
}

.content .chart_wrap-w311 {
	max-width: calc(311px + 38px);
}

.content .chart_wrap-w308 {
	max-width: calc(308px + 38px);
}

.content .chart_wrap-w284 {
	max-width: calc(284px + 38px);
}

.content .chart_wrap-w295 {
	max-width: calc(295px + 38px);
}

.content .chart_wrap-w246 {
	max-width: calc(246px + 38px);
}

.content .chart_wrap-w244 {
	max-width: calc(244px + 38px);
}

.content .chart_wrap-w212 {
	max-width: calc(212px + 38px);
}

.content .chart_wrap-w204 {
	max-width: calc(204px + 38px);
}




.content .chart_wrap-w372-2 {/* 図表複数枚 横並び */
	max-width: calc(372px + 38px);
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.content .chart_wrap-w356-2 {/* 図表複数枚 横並び */
	max-width: calc(356px + 38px);
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.content .chart_wrap-w344-2 {/* 図表複数枚 横並び */
	max-width: calc(344px + 38px);
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.content .chart_wrap-w338-2 {/* 図表複数枚 横並び */
	max-width: calc(338px + 38px);
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.content .chart_wrap-w320-2 {/* 図表複数枚 横並び */
	max-width: calc(320px + 38px);
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.content .chart_wrap-w286-2 {/* 図表複数枚 横並び */
	max-width: calc(286px + 38px);
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.content .chart_wrap-w274-2 {/* 図表複数枚 横並び */
	max-width: calc(274px + 38px);
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.content .chart_wrap-w270-2 {/* 図表複数枚 横並び */
	max-width: calc(270px + 38px);
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.content .chart_wrap-w268-2 {/* 図表複数枚 横並び */
	max-width: calc(268px + 38px);
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.content .chart_wrap-w220-2 {/* 図表複数枚 横並び */
	max-width: calc(220px + 38px);
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.content .chart_wrap-w175-2 {/* 図表複数枚 横並び */
	max-width: calc(175px + 38px);
	width: 100%;
	display: inline-block;
	vertical-align: top;
}





/* 図表（個別）まとめ */


/* 図表・写真（個別：概要）まとめ */

.txt-imgbox2 .float-SDGs_1 {/* 特集 SDGs目標 右寄せ 左端 */
	max-width: calc(80px + 38px);
	width: 100%;
	margin: 0;
	padding: 0 0 10px 30px;
	float: right;
}
.txt-imgbox2 .float-SDGs {/* 特集 SDGs目標 右寄せ */
	max-width: calc(80px + 5px);
	width: 100%;
	margin: 0;
	padding: 0 0 10px 0px;
	float: right;
}

.txt-imgbox2 .float-SDGs2_1 {/* SDGs目標 右寄せ 左端 */
	max-width: calc(50px + 38px);
	width: 100%;
	margin: 0;
	padding: 0 0 10px 30px;
	float: right;
}
.txt-imgbox2 .float-SDGs2 {/* SDGs目標 右寄せ */
	max-width: calc(50px + 5px);
	width: 100%;
	margin: 0;
	padding: 0 0 10px 0px;
	float: right;
}

.content .float-r300 {/* 事例・コラム内写真 右寄せ */
	max-width: calc(300px + 38px);
	width: 100%;
	margin: 0;
	padding: 0 0 10px 10px;
	float: right;
}

.content .float-r381 {/* 事例・コラム内写真 右寄せ */
	max-width: calc(381px + 38px);
	width: 100%;
	margin: 0;
	padding: 0 0 10px 10px;
	float: right;
}

.content .float-r371 {/* 事例・コラム内写真 右寄せ */
	max-width: calc(371px + 38px);
	width: 100%;
	margin: 0;
	padding: 0 0 10px 10px;
	float: right;
}



.content .float-r376 {/* 図表 右寄せ */
	max-width: calc(376px + 38px);
	width: 100%;
	margin: 0;
	padding: 0 0 10px 10px;
	float: right;
	text-align: center;
}


.content .float-l300 {/* 事例・コラム内写真 左寄せ */
	max-width: calc(300px + 38px);
	width: 100%;
	margin: 0;
	padding: 0 10 10px 0px;
	float: left;
}

.content .float-l113 {/* 事例・コラム内写真 左寄せ */
	max-width: calc(113px + 38px);
	width: 100%;
	margin: 0;
	padding: 0 10 10px 0px;
	float: left;
}









/* 画像が並ぶパターン */
.imgbox {  /* 20170728追加 */
	width: 100%;
	margin-top: 20px;
	text-align: center;
	min-height: 1px;
}


/* テキスト左、画像右のパターン */

.txt-imgbox {  /* 20170728追加 */
	background-color:#F0F0F0;
	width: 100%;
	margin-top: 20px;
	padding: 5px 10px;
	text-align: center;
	border: 1px solid #CCCCCC;
	margin-bottom:1em;
	min-height: 1px;
}
@media screen and (max-width: 767px){
	.txt-imgbox  {
		padding: 0;
	}
}

.txt-imgbox:after {  /* 20170728追加 */
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.txt-imgbox h4 {  /* 20170728追加 */
	margin: 0;
	padding: 10px 0 15px 3px;
	text-align: left;
	font-size: 1.142857em; /*16px */
/*	font: bold 100%/1 sans-serif; */
}

.txt-imgbox h5 {  /* 20190906追加 */
	margin: 0;
	padding: 10px 0 0 3px;
	text-align: left;
	font-size: 113%
/*	font: bold 100%/1 sans-serif; */
}



.txt-imgbox p {  /* 20170728追加 */
	margin: 0 0 1em;
	padding: 0;
	text-align: left;
}
.txt-imgbox .float-r {  /* 20170728追加 */
	margin: 0;
	padding: 0 0 10px 10px;
	float: right;
}
.txt-imgbox .float-r300 {
	max-width: calc(300px + 38px);
	width: 100%;
	margin: 0;
	padding: 0 0 10px 10px;
	float: right;
}
.txt-imgbox .float-r263 {
	max-width: calc(263px + 38px);
	width: 100%;
	margin: 0;
	padding: 0 0 10px 10px;
	float: right;
}
.txt-imgbox .float-r226 {
	max-width: calc(226px + 38px);
	width: 100%;
	margin: 0;
	padding: 0 0 10px 10px;
	float: right;
}
.txt-imgbox .float-r204 {
	max-width: calc(204px + 38px);
	width: 100%;
	margin: 0;
	padding: 0 0 10px 10px;
	float: right;
}
.txt-imgbox .float-r199 {
	max-width: calc(199px + 38px);
	width: 100%;
	margin: 0;
	padding: 0 0 10px 10px;
	float: right;
}
.txt-imgbox .float-r158 {
	max-width: calc(158px + 38px);
	width: 100%;
	margin: 0;
	padding: 0 0 10px 10px;
	float: right;
}
.txt-imgbox .float-l_character {  /* 20230706追加 */
	max-width: calc(60px + 10px);
	width: 100%;
	margin: 0;
	padding: 0 0 10px 10px;
	float: left;
}



/* テキスト左、画像右のパターン（背景色なし）*/
.txt-imgbox2 {
	background-color:#FFFFFF;
	width: 100%;
	margin-top: 20px;
	padding: 5px 10px;
	text-align: center;
	border: 0px;
	margin-bottom:1em;
	min-height: 1px;
}
.txt-imgbox2:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

* html .txt-imgbox2 {
	height: 1px;
}
.txt-imgbox2 h4 {
	margin: 0;
	padding: 10px 0 15px 3px;
	text-align: left;
	font: bold 100%/1 sans-serif;
}
.txt-imgbox2 p {
	margin: 0 0 1em;
	padding: 0;
	text-align: left;
}
.txt-imgbox2 .float-r400 {
	max-width: calc(400px + 38px);
	width: 100%;
	margin: 0;
	padding: 0 0 10px 10px;
	float: right;
}
.txt-imgbox2 .float-r351 {
	max-width: calc(351px + 38px);
	width: 100%;
	margin: 0;
	padding: 0 0 10px 10px;
	float: right;
}
.txt-imgbox2 .float-r350 {
	max-width: calc(350px + 38px);
	width: 100%;
	margin: 0;
	padding: 0 0 10px 10px;
	float: right;
}
.txt-imgbox2 .float-r300 {
	max-width: calc(300px + 38px);
	width: 100%;
	margin: 0;
	padding: 0 0 10px 10px;
	float: right;
}
.txt-imgbox2 .float-r288 {
	max-width: calc(288px + 38px);
	width: 100%;
	margin: 0;
	padding: 0 0 10px 10px;
	float: right;
}
.txt-imgbox2 .float-r254 {
	max-width: calc(254px + 38px);
	width: 100%;
	margin: 0;
	padding: 0 0 10px 10px;
	float: right;
}
.txt-imgbox2 .float-r100 {
	max-width: calc(100px + 38px);
	width: 100%;
	margin: 0;
	padding: 0 0 10px 10px;
	float: right;
}
.txt-imgbox2 .float-r70 {
	max-width: calc(70px + 38px);
	width: 100%;
	margin: 0;
	padding: 0 0 10px 10px;
	float: right;
}
.txt-imgbox2 .float-r20 {
	width: 20%;
	margin: 0;
	padding: 0 0 10px 10px;
	float: right;
}


.free_Box{
  width:700px;
  height:300px;
  display:table-cell;
  text-align:center;
  line-height: 300px;
}

.free_Box img{
  vertical-align:middle;
}


/* テキスト左、画像右のパターン（背景色グレー）*/
.txt-imgbox3 {
	background-color:#f0f0f0;
	width: 100%;
	margin-top: 20px;
	padding: 5px 10px;
	text-align: center;
	border: 0px;
	margin-bottom:1em;
	min-height: 1px;
}
.txt-imgbox3:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}



/* テキスト左、画像右のパターン（背景色グレー）*/
.txt-imgbox4 {
	width: 100%;
	margin-top: 20px;
	padding: 5px 0px;
	text-align: left;
	border: 0px;
	margin-bottom:1em;
	min-height: 1px;
}
.txt-imgbox4:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}








/* 参考資料 */
.m-imgbox {  /* 20170910追加 */
	max-width: calc(744px + 38px);
	margin-top: 20px;
	margin-left: 99px;
	padding: 5px 10px;
	text-align: left;
	margin-bottom:1em;
}
.m-imgbox p {  /* 20170910追加 */
	text-align: center;
	font-size: 0.928571em; /*13px */
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 99px;
}







/* 用語の索引  */  /* 20170910追加 */
div#glossary {
	padding: 0 30px;
}
div#glossary h2 {
	color: #ef2313;
	margin-bottom: 0px;
}
div#glossary h3 {
	margin: 20px 0 10px 0px;
	padding: 0 0 0 20px;
}
div#glossary div.left {
	float: left;
	width: 44%;
	margin-bottom: 40px;
}
div#glossary div.right {
	float: right;
	text-align: left;
	width: 44%;
	margin-bottom: 40px;
}
div#glossary div.right:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
div#glossary div.goku {
	float: left;
	color: #00994e;
	font-size: 100%;
	font-weight: bold;
}
div#glossary p {
	padding: 0 0 0 20px;
	margin: 0 0 4px 0;
}


/* 2018 追加 */


/* navi */

.content .p-navi {
	width: 100%;
	display: block;
	margin-top: 1em;
	margin-bottom: 1em;
}
.content .p-navi .prev {
	width: 50%;
	height: 19px;
	text-align: left;
	vertical-align: middle;
	display: block;
	padding-left: 19px;
}
.content .p-navi .next {
	width: 50%;
	height: 19px;
	text-align: right;
	vertical-align: middle;
	display: block;
	margin-top: -19px;
	padding-right: 19px;
	float: right;
}


/* 2019 追加 */
/* navi */
.content .column_insidehead {
    margin: 0 0 0 0;
    padding: 6px 18px;
    font-size: 100%;
    border: none;
    font-weight: bold;
	padding-left: 1em;
	text-indent: -1.29em;
}

/* (上部のキャプション) */
.content .picture_caption {
	text-align: center;
	font-weight: bold;
	margin-bottom: 0.5em;
}

/* (上部のキャプション 左寄せ) */
.content .picture_caption_l {
	text-align: left;
	font-weight: bold;
	padding-left: 5em;
	margin-bottom: 0.5em;
}

/* (フッターと脚注) */
.content .picture_footer {
	text-align: center;
	margin-top: 0.2em;
}
.content .picture_footer-notop {
	text-align: center;
	margin-top: 0;
}
.content .picture_footer_qr {
	text-align: center;
	margin-top: 1em;
}



/* (事例1-2) */
.box27 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 1px #31B404;
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -25px;
    left: -1px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 16px;
    border: solid 1px #31B404;
    background: #31B404;
    color: #000000;
    font-weight: bold;
}
.box27 p {
    margin: 0; 
    padding: 0;
}

.box28 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 1px #F78181;
}
.box28 .box-title {
    position: absolute;
    display: inline-block;
    margin: 2em 0;
    padding: 0.5em 1em;
    height: 25px;
    line-height: 25px;
    font-size: 16px;
    border: solid 1px #F78181;
    background: #F78181;
    color: #000000;
    font-weight: bold;
}
.box28 p {
    margin: 0; 
    padding: 0;
}



/* (事例1-1) */
.box_green {
    margin: 10px 0px 5px 0px;
    padding: 6px 8px;
    background: #008000;/* グリーン */
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
}
.box_green2 {
    margin: 10px 0px 5px 0px;
    padding: 6px 8px;
    background: #99CC66;/* ライムグリーン */
    color: #000000;
    font-size: 16px;
    font-weight: bold;
}
.box_blue {
    margin: 10px 0px 5px 0px;
    padding: 6px 8px;
    background: #3366FF;/* 青 */
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
}
.box_blue2 {
    margin: 10px 0px 5px 0px;
    padding: 6px 8px;
    background: #add8e6;/* ライトブルー */
    color: #000000;
    font-size: 16px;
    font-weight: bold;
}
.box_brown {
    margin: 10px 0px 5px 0px;
    padding: 6px 8px;
    background: #8b4513;/* 茶色 */
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
}
.box_brown2 {
    margin: 10px 0px 5px 0px;
    padding: 6px 8px;
    background: #f4a460;/* サンドブラウン */
    color: #000000;
    font-size: 16px;
    font-weight: bold;
}

.box_j1_2 {
    position: relative;
    margin: 0em 0 2 0;
    display: inline-block;
}

.box_green3 {
	width: 95%;
    margin: 10px 0px 20px 0px;
    padding: 18px 8px 0;
    border: solid 2px #20b2aa;
	float: right;
}
.box_green3 p { /* 概要 */
	text-indent: -1em;
	padding-left: 3em;
	margin-bottom: 1em;
}

.box_green4 {
	display: inline-block;
    margin: 10px 0px 20px 30px;
    padding: 13px 8px 0;
    border: solid 2px #20b2aa;
    border-top-left-radius: 15px;   /* 左上だけの角丸半径 */
    border-bottom-right-radius: 15px; /* 右下だけの角丸半径 */
	float: left;
}
.box_green4 p { /* 概要 */
	text-indent: -1em;
	padding-left: 3em;
	margin-bottom: 1em;
}

.normal-box4{
  display: inline-block;
  margin: 1em 0;
  padding: 1em;
  border: solid 2px #000;
}

.normal-box p{
  margin: 0;
  padding: 0;
}

.box_gaiyou {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    border: solid 2px #000000;
}
.box_gaiyou p {
    margin: 0; 
    padding: 0;
}