@charset "utf-8";

/* ============================================================
common
============================================================ */


/* ============================================================
PC
============================================================ */

@media print, screen and (min-width:768px){

/* sdgs
-------------------------------------------------------------*/

body.sdgs aside.sdgs {
	position: relative;
	width: 1024px;
	height: 568px;
	background: url(/jpn/consumer/kids/sdgs/images/sdgs_frame.png);
	margin: 0 auto 85px;
	padding: 53px 0 0 54px;
}
body.sdgs aside.sdgs dt {
	padding: 0 0 24px 170px;
}
body.sdgs aside.sdgs dt img {
	width: 426px;
}
body.sdgs aside.sdgs ul {
	display: flex;
	flex-wrap: wrap;
	width: 790px;
}
body.sdgs aside.sdgs ul li {
	margin: 0 14px 14px 0;
}
body.sdgs aside.sdgs ul img {
	width: 115px;
}
body.sdgs aside.sdgs p.img {
	position: absolute;
	top: 130px;
	right: 8px;
}

/* global-warming
-------------------------------------------------------------*/

/* cause */

body.global-warming.cause dl.about {
	width: 1024px;
	margin: 0 auto;
}
body.global-warming.cause .ttl_box {
	width: 484px;
	margin: 0 auto 25px;
}
body.global-warming.cause dl.about dd {
	margin: 50px auto 70px;
	line-height: 1.7;
	font-size: 2rem;
	font-weight: 700;
	color: #634e44;
}
body.global-warming.cause dl.effect {
	width: 1024px;
	margin: 0 auto 75px;
}
body.global-warming.cause dl.effect > dt {
	margin: 0 auto 55px;
}
body.global-warming.cause dl.effect > dd {
	display: flex;
	justify-content: space-between;
}
body.global-warming.cause dl.effect p {
	width: 482px;
	padding: 20px 0 0;
}
body.global-warming.cause dl.effect dl {
	width: 480px;
}
body.global-warming.cause dl.effect dd dt {
	display: inline-block;
	padding: 0.6em 0.8em 0.6em;
	background: #fff3ad;
	border-radius: 12px;
	line-height: 1;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size: 2.4rem;
	color: #ea8a00;
	letter-spacing: 0.06em;
}
body.global-warming.cause dl.effect dd dd {
	margin: 12px 0 0;
	line-height: 1.7;
	font-size: 2rem;
	font-weight: 700;
	color: #634e44;
}
body.global-warming.cause dl.effect dd dd::after {
	content: '';
	display: block;
	width: 476px;
	height: 4px;
	margin: 24px 0 30px;
	background: url(/jpn/consumer/kids/global-warming/cause/images/line.png);
}
body.global-warming.cause dl.effect dd dd:last-child::after {
	content: none;
}

/* saving */

body.global-warming.savings dl.about {
	width: 1024px;
	margin: 0 auto 70px;
	overflow: hidden;
}
body.global-warming.savings dl.about > dt {
	width: 540px;
	margin: 0 auto 60px;
}
body.global-warming.savings dl.about > dd {
	position: relative;
	width: 460px;
}
body.global-warming.savings dl.about > dd:nth-of-type(1) {
	float: left;
}
body.global-warming.savings dl.about > dd:nth-of-type(2) {
	float: right;
}
body.global-warming.savings dl.about > dd:nth-of-type(1)::after {
	position: absolute;
	top: 0;
	right: -60px;
	content: '';
	width: 12px;
	height: 100%;
	background: url(/jpn/consumer/kids/global-warming/savings/images/line_1.png);
}
body.global-warming.savings dl.about p {
	height: 414px;
	text-align: center;
}
body.global-warming.savings dl.about dd dt {
	margin: 30px 0 20px;
	text-align: center;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size: 3.2rem;
	color: #339fde;
}
body.global-warming.savings dl.about dd:nth-of-type(2) dt {
	color: #e98a02;
}
body.global-warming.savings dl.about dd dd {
	background: url(/jpn/consumer/kids/global-warming/savings/images/about_bg_1.png) no-repeat;
	background-size: 100% 100%;
}
body.global-warming.savings dl.about dd:nth-of-type(2) dd {
	background: url(/jpn/consumer/kids/global-warming/savings/images/about_bg_2.png) no-repeat;
	background-size: 100% 100%;
}
body.global-warming.savings dl.about ul {
	padding: 30px 20px 1px 25px;
}
body.global-warming.savings dl.about li {
	position: relative;
	margin: 0 0 0.9em;
	padding: 0 0 0.7em 1.2em;
	font-size: 2rem;
	font-weight: 700;
	color: #634e44;
}
body.global-warming.savings dl.about li::before {
	position: absolute;
	top: 0.3em;
	left: 0;
	content: '';
	width: 11px;
	height: 10px;
	background: url(/jpn/consumer/kids/global-warming/savings/images/dot_1.png);
}
body.global-warming.savings dl.about li::after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 2px;
	background: url(/jpn/consumer/kids/global-warming/savings/images/line_2.png);
}
body.global-warming.savings dl.about li:last-child::after {
	content: none;
}


/* clean */

body.global-warming.clean dl.about {
	width: 1024px;
	margin: 0 auto 80px;
}
body.global-warming.clean dl.about > dt {
	width: 680px;
	margin: 0 auto 50px;
}
body.global-warming.clean dl.about > dd {
	text-align: center;
}
body.global-warming.clean dl.about > dd img {
	margin: 0 auto 40px;
}
body.global-warming.clean dl.about dd div:nth-child(2) {
	margin: 60px 0 0;
	padding: 30px 50px 30px;
	background: url(/jpn/consumer/kids/global-warming/clean/images/about_bg.png);
	background-size: 100% 100%;
}
body.global-warming.clean dl.about dd dt {
	display: inline-block;
}
body.global-warming.clean dl.about dd dd {
	margin: 20px 0 0;
	text-align: left;
	line-height: 1.7;
	font-size: 2rem;
	font-weight: 700;
	color: #634e44;
}


/* lpg
-------------------------------------------------------------*/

/* what */

body.lpg.what p.diagram {
	margin: 0 auto 85px;
	text-align: center;
}
body.lpg.what ul.text dl {
	width: 490px;
}

body.lpg.what ul.text li:nth-child(1) p {
	margin: 60px 0 0;
}
body.lpg.what ul.text li:nth-child(1) p + p {
	float: left;
	position: relative;
	top: -20px;
}
body.lpg.what ul.text li:nth-child(2) dl {
	position: relative;
	top: 50px;
}
body.lpg.what ul.text span.caption {
	display: block;
	margin: 10px 0 0;
	text-align: center;
	font-size: 1.6rem;
}

body.lpg.what .ttl_box {
	width: 484px;
	letter-spacing: 0.1em;
}

body.lpg.what dl.trivia dd {
	width: 1026px;
	margin: 40px auto 80px;
	border: solid 18px #d6ecf8;
	border-radius: 22px;
}
body.lpg.what dl.trivia ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 50px;
}
body.lpg.what dl.trivia li {
	width: 410px;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.8;
	color: #634e44;
}
body.lpg.what dl.trivia li:nth-child(2) {
	position: relative;
	top: 140px;
}
body.lpg.what dl.trivia li:nth-child(3) {
	margin: -80px 0 0;
}
body.lpg.what dl.trivia li img {
	display: block;
	margin: 0 auto 20px;
}

/* delivery */

body.lpg.delivery dl.about {
	width: 1024px;
	margin: 0 auto 85px;
	text-align: center;
	overflow: hidden;
}
body.lpg.delivery div.c1 {
	margin: 0 auto 80px;
}
body.lpg.delivery div.c2 {
	margin: 0 auto 50px;
}

body.lpg.delivery div.c2a,
body.lpg.delivery div.c2b {
	position: relative;
	width: 463px;
}
body.lpg.delivery div.c2a {
	float: left;
}
body.lpg.delivery div.c2b {
	float: right;
}
body.lpg.delivery div.c2a::after {
	content: '';
	position: absolute;
	top: 5px;
	right: -54px;
	width: 12px;
	height: 100%;
	background: url(/jpn/consumer/kids/lpg/delivery/images/line.png);
}
body.lpg.delivery dl.about dt {
	display: inline-block;
}
body.lpg.delivery div.c2a dt,
body.lpg.delivery div.c2b dt {
	background: none;
	margin: 0;
	padding: 0;
}
body.lpg.delivery dl.about dd {
	margin: 30px 0 40px;
	text-align: left;
	line-height: 1.7;
	font-size: 2rem;
	font-weight: 700;
	color: #634e44;
}
body.lpg.delivery div.c2a dd img,
body.lpg.delivery div.c2b dd img {
	margin-bottom: -30px;
}


/* use */

body.lpg.use ul.text li.t3 {
	margin-bottom: 90px;
}
body.lpg.use ul.text li.t3 dl dd img {
	margin-top: 30px;
}

/* green */

body.lpg.green dt.ttl_box {
	width: 485px;
	margin-bottom: 60px;
}

/* hydrogen
-------------------------------------------------------------*/

/* what */

body.hydrogen.what article ul.about {
	width: 980px;
	margin: 10px auto 80px;
	display: flex;
	justify-content: space-between;
}
/* why */

body.hydrogen.why article dl.column dd.line + dd {
	letter-spacing: -0.04em;
}

/* gas
-------------------------------------------------------------*/

/* how */

body.gas.how ul.text ol {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 30px 0 0;
}
body.gas.how ul.text ol li {
	width: 320px;
	padding: 20px 20px 20px;
	margin: 0 0 30px;
	border: solid 5px #d0eaff;
	border-radius: 18px;
}
body.gas.how ul.text ol li:nth-child(4) {margin-left: 176px;}
body.gas.how ul.text ol li:nth-child(5) {margin-right: 176px;}

body.gas.how ul.text ol dl {
	display: flex;
	flex-direction: column;
	width: auto;
}
body.gas.how ul.text ol dt {order:2;}
body.gas.how ul.text ol dd.txt {order:3;}
body.gas.how ul.text ol dd.img {order:1;}

body.gas.how ul.text ol dt {
	display: flex;
	align-items: center;
	color: #402c22;
	width: auto;
	margin: 0 0 10px;
	line-height: 1;
	font-weight: 900;
	font-size: 2.5rem;
}
body.gas.how ul.text ol dt span {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 1.6em;
	height: 1.6em;
	margin-right: 8px;
	background: #62b3ed;
	border-radius: 50%;
	color: #fff;
	font-weight: 700;
	font-size: 2rem;
	line-height: 1;
}
body.gas.how ul.text ol dd.img {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 170px;
	margin: 0 0 40px;
}
body.gas.how ul.text ol dd.img img {
	margin: 0;
}
body.gas.how ul.text dd.blue_box {
	width: 1023px;
	height: 115px;
	padding: 24px 110px 30px;
	background: url(/jpn/consumer/kids/gas/how/images/blue_bg.png);
}

/* use */

body.gas.use dl.type {
	width: 1024px;
	margin: 0 auto 15px;
	text-align: center;
	overflow: hidden;
}
body.gas.use dl.type dt {
	display: inline-block;
}
body.gas.use dl.type dl {
	margin: 50px 0 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
body.gas.use dl.type div {
	position: relative;
	width: 485px;
	margin: 0 0 70px;
}
body.gas.use dl.type div.t2 {
	width: 1024px;
}

body.gas.use dl.type dd dt {
	display: inline-block;
	width: 180px;
	padding: 0.3em 0 0.3em;
	background: #fff3ad;
	border-radius: 12px;
	line-height: 1;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size: 2.4rem;
	color: #ea8a00;
	letter-spacing: 0.06em;
}
body.gas.use dl.type dd dd {
	margin: 10px 0 0;
	text-align: left;
	line-height: 1.7;
	font-size: 2rem;
	font-weight: 700;
	color: #634e44;
}
body.gas.use dl.type dd.img {
	margin: 20px 0 0;
	display: flex;
	justify-content: center;
}
body.gas.use dl.type div:nth-child(1) dd.img,
body.gas.use dl.type div:nth-child(3) dd.img {
	position: absolute;
	bottom: 0;
	left: 0;
}
body.gas.use dl.type div:nth-child(6) dd.img {
	display: block;
	text-align: center;
}
body.gas.use dl.type div:nth-child(6) dd.img img {
	margin: 0;
	vertical-align: top;
}
body.gas.use dl.type div:nth-child(6) dd.img img:nth-child(2) {
	margin: 0 58px;
}


body.gas.use dl.type dd.img img {
	margin: 0 10px;
}


/* pickup
-------------------------------------------------------------*/

body.pickup {
	background-image:
		url(/jpn/consumer/kids/common/images/body_bg_2.png),
		url(/jpn/consumer/kids/pickup/images/body_bg_1.png);
}
body.pickup main {
	padding-bottom: 20px;
	background: url(/jpn/consumer/kids/pickup/images/main_bg_2.png);
}
body.pickup main::before {
	background: url(/jpn/consumer/kids/pickup/images/main_bg_1.png);
}
body.pickup.suisoman main::before {
	background: url(/jpn/consumer/kids/pickup/images/main_bg_1_suisoman.png);
}
body.pickup main::after {
	background: url(/jpn/consumer/kids/pickup/images/main_bg_3.png);
}
body.pickup header aside div.inner {
	width: 886px;
	height: 181px;
	padding: 0;
	margin: 0 auto 20px;
	background: url(/jpn/consumer/kids/pickup/images/header_title_bg.png);
	letter-spacing: 0.1em;
}
body.pickup div.footer_bg {
	height: 1200px;
	background-image:
		url(/jpn/consumer/kids/common/images/footer_bg_3.png),
		url(/jpn/consumer/kids/pickup/images/footer_bg_2.png),
		url(/jpn/consumer/kids/common/images/footer_bg_1.png);
}
body.pickup div.footer_bg::before {
	background: url(/jpn/consumer/kids/pickup/images/footer_bg_4.png);
}

body.pickup article h2 {
	display: block;
}

/* suisoman
-------------------------------------------------------------*/


/* section.movie */

body.suisoman section.movie {
	padding: 5px 0 80px;
	background: #e4f3f8;
}
body.suisoman section.movie h2 {
	position: relative;
	width: 1026px;
	margin: 0 auto;
	text-align: center;
	line-height: 1;
	font-size: 3.2rem;
	font-weight: 900;
	color: #47abe5;
	letter-spacing: 0.1em;
}
body.suisoman section.movie h2::before,
body.suisoman section.movie h2::after {
	content: '';
	position: absolute;
	top: 0.5em;
	left: 0;
	width: 260px;
	height: 6px;
	background: url(/jpn/consumer/kids/suisoman/images/movie_line.png);
}
body.suisoman section.movie h2::after {
	left: auto;
	right: 0;
}
body.suisoman section.movie iframe {
	display: block;
	margin: 40px auto 0;
	border-radius: 6px;
}

/* section.synopsis */

body.suisoman section.synopsis {
	width: 1026px;
	margin: 80px auto 0;
	padding: 45px 0 45px;
	background: url(/jpn/consumer/kids/suisoman/images/synopsis_bg.png);
	background-size: 100% 100%;
	color: #fff;
}
body.suisoman section.synopsis h2 {
	position: relative;
	width: 924px;
	margin: 0 auto 35px;
	text-align: center;
	line-height: 1;
	font-size: 3rem;
	font-weight: 900;
}
body.suisoman section.synopsis h2::before,
body.suisoman section.synopsis h2::after {
	content: '';
	position: absolute;
	top: 0.5em;
	left: 0;
	width: 386px;
	height: 6px;
	background: url(/jpn/consumer/kids/suisoman/images/synopsis_line.png);
}
body.suisoman section.synopsis h2::after {
	left: auto;
	right: 0;
}
body.suisoman section.synopsis p {
	text-align: center;
	line-height: 2.1;
	font-size: 2rem;
	font-weight: 700;
}

/* section.character */

body.suisoman section.character {
	width: 1026px;
	margin: 0 auto;
	padding: 20px 0 0;
}
body.suisoman section.character h2 {
	position: relative;
	top: 114px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 610px;
	height: 61px;
	margin: 0 auto;
	text-align: center;
	line-height: 1;
	background: url(/jpn/consumer/kids/suisoman/images/character_ttl_bg.png);
	font-size: 2.6rem;
	font-weight: 900;
	color: #fff;
	letter-spacing: 0.1em;
}

body.suisoman section.character ul {
	margin: 0 auto;
	padding: 170px 80px 0;
	background-size: 100% 100% !important;
}
body.suisoman section.character ul.c1 {
	padding: 170px 80px 25px;
	background: url(/jpn/consumer/kids/suisoman/images/character_bg_1.png);
	background-size: 100% 100%;
	color: #634e44;
}
body.suisoman section.character ul.c2 {
	padding: 50px 80px 100px;
	background: url(/jpn/consumer/kids/suisoman/images/character_bg_3.png);
	color: #fff;
}
body.suisoman section.character ul li {
	display: flex;
	justify-content: space-between;
}
body.suisoman section.character ul li:nth-child(1) {
	flex-direction: row-reverse;
	margin: 0 0 55px;
}
body.suisoman section.character ul li:nth-child(1) dl {width: 488px;}
body.suisoman section.character ul li:nth-child(2) dl {width: 605px;}

body.suisoman section.character dt {
	margin: 0 0 0.6em;
	padding: 0 0 0.8em;
	background: url(/jpn/consumer/kids/suisoman/images/character_line_1.png) repeat-x left bottom;
	line-height: 1.2;
	font-size: 3rem;
	font-weight: 900;
}
body.suisoman section.character dt small {
	font-size: 2.4rem;
}
body.suisoman section.character ul.c2 dt {
	background: url(/jpn/consumer/kids/suisoman/images/character_line_2.png) repeat-x left bottom;
}
body.suisoman section.character dd {
	line-height: 1.8;
	font-size: 2rem;
	font-weight: 700;
}

/* section.item */

body.suisoman section.item {
	width: 1026px;
	margin: 80px auto 0;
	padding: 70px 0 45px;
	background: url(/jpn/consumer/kids/suisoman/images/item_bg.png);
	background-size: 100% 100%;
	color: #634e44;
	overflow: hidden;
}
body.suisoman section.item h2 {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 610px;
	height: 61px;
	margin: 0 auto;
	text-align: center;
	line-height: 1;
	background: url(/jpn/consumer/kids/suisoman/images/item_ttl_bg.png);
	font-size: 2.6rem;
	font-weight: 900;
	color: #47abe5;
	letter-spacing: 0.1em;
}
body.suisoman section.item h2 img {
	position: absolute;
	top: -20px;
	left: -20px;
	width: auto;
}
body.suisoman section.item ul {
	float: left;
}
body.suisoman section.item ul li {
	width: 513px;
	padding: 80px 80px 20px;
	text-align: center;
}
body.suisoman section.item p {
	height: 260px;
}

body.suisoman section.item dt {
	margin: 0 0 0.6em;
	text-align: left;
	line-height: 1.2;
	font-size: 3rem;
	font-weight: 900;
}
body.suisoman section.item dd {
	text-align: left;
	line-height: 1.8;
	font-size: 2rem;
	font-weight: 700;
}

/* jiyukenkyu
-------------------------------------------------------------*/

/* common */

body.jiyukenkyu main {
	line-height: 1.8;
	font-size: 2rem;
	font-weight: 700;
	color: #634e44;
}

body.jiyukenkyu h2 {
	text-align: center;
}
body.jiyukenkyu h2 span {
	position: relative;
	display: inline-block;
	width: 290px;
	margin: 0 auto 32px;
	padding: 0 0 0.4em;
	background: url(/jpn/consumer/kids/pickup/jiyukenkyu/images/h2_bg_blue.png) repeat-x;
	background-position: left bottom !important;
	text-align: center;
	line-height: 1;
	font-size: 3.2rem;
	letter-spacing: 0.05em;
}
body.jiyukenkyu section.uchiwa h2 span {
	background: url(/jpn/consumer/kids/pickup/jiyukenkyu/images/h2_bg_orange.png) repeat-x;
}
body.jiyukenkyu h2 img.icon {
	width: auto;
}

/* dl.frame */

body.jiyukenkyu dl.frame {
	position: relative;
	width: 1046px;
	margin: 0 auto;
	padding: 20px 45px 0;
	background: url(/jpn/consumer/kids/pickup/jiyukenkyu/images/frame_big_blue_02.png);
}
body.jiyukenkyu dl.frame div.inner {
	position: relative;
	z-index: 1;
}
body.jiyukenkyu dl.frame::before,
body.jiyukenkyu dl.frame::after {
	content: '';
	position: absolute;
	left: 0;
	width: 1046px;
	height: 60px;
	background-color: #fff !important;
}
body.jiyukenkyu dl.frame::before {
	top: 0;
	background: url(/jpn/consumer/kids/pickup/jiyukenkyu/images/frame_big_blue_01.png);
}
body.jiyukenkyu dl.frame::after {
	bottom: 0;
	background: url(/jpn/consumer/kids/pickup/jiyukenkyu/images/frame_big_blue_03.png);
}

body.jiyukenkyu dl.frame.orange {
	background: url(/jpn/consumer/kids/pickup/jiyukenkyu/images/frame_big_orange_02.png);
}
body.jiyukenkyu dl.frame.orange::before {
	background: url(/jpn/consumer/kids/pickup/jiyukenkyu/images/frame_big_orange_01.png);
}
body.jiyukenkyu dl.frame.orange::after {
	background: url(/jpn/consumer/kids/pickup/jiyukenkyu/images/frame_big_orange_03.png);
}

/* theme */

body.jiyukenkyu section.theme {
	width: 1046px;
	margin: 0 auto;
}
body.jiyukenkyu section.theme h2 img.icon {
	position: absolute;
	top: -10px;
	right: -70px;
}

body.jiyukenkyu section.theme > dl {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 70px 0 -30px;
}
body.jiyukenkyu section.theme > dl> div {
	position: relative;
	width: 502px;
	margin: 0 0 150px;
	padding: 20px 45px 0;
	background: url(/jpn/consumer/kids/pickup/jiyukenkyu/images/frame_small_blue_02.png);
}
body.jiyukenkyu section.theme > dl > div::before,
body.jiyukenkyu section.theme > dl > div::after {
	content: '';
	position: absolute;
	left: 0;
	width: 502px;
	height: 50px;
}
body.jiyukenkyu section.theme > dl > div::before {
	top: -50px;
	background: url(/jpn/consumer/kids/pickup/jiyukenkyu/images/frame_small_blue_01.png);
}
body.jiyukenkyu section.theme > dl > div::after {
	bottom: -50px;
	background: url(/jpn/consumer/kids/pickup/jiyukenkyu/images/frame_small_blue_03.png);
}

body.jiyukenkyu section.theme div.c3,
body.jiyukenkyu section.theme div.c4 {
	background: url(/jpn/consumer/kids/pickup/jiyukenkyu/images/frame_small_orange_02.png);
}
body.jiyukenkyu section.theme div.c3::before,
body.jiyukenkyu section.theme div.c4::before {
	top: -50px;
	background: url(/jpn/consumer/kids/pickup/jiyukenkyu/images/frame_small_orange_01.png);
}
body.jiyukenkyu section.theme div.c3::after,
body.jiyukenkyu section.theme div.c4::after {
	bottom: -50px;
	background: url(/jpn/consumer/kids/pickup/jiyukenkyu/images/frame_small_orange_03.png);
}
body.jiyukenkyu section.theme div.c3 > dt,
body.jiyukenkyu section.theme div.c4 > dt {
	color: #f29e0b;
}
body.jiyukenkyu section.theme > dl > div.c3 dd dt,
body.jiyukenkyu section.theme > dl > div.c4 dd dt {
	background: #f29e0b;
}

body.jiyukenkyu section.theme > dl > div > dt {
	position: relative;
	margin: -20px 0 40px;
	padding-right: 120px;
	line-height: 1.4;
	font-size: 2.4rem;
	color: #47abe5;
	letter-spacing: 0.03em;
}
body.jiyukenkyu section.theme > dl > div.c3 > dt {padding-right: 80px;}
body.jiyukenkyu section.theme > dl > div.c4 > dt {padding-right: 160px;}
body.jiyukenkyu section.theme > dl > div.c6 > dt {padding-right: 80px;}


body.jiyukenkyu section.theme > dl > div > dt span.num {
	display: block;
}
body.jiyukenkyu section.theme > dl > div.c2 > dt span.txt {
}
body.jiyukenkyu section.theme > dl > div > dt img {
	position: absolute;
	top: 0;
	right: 0;
}
body.jiyukenkyu section.theme > dl > div > dd {
	margin: 0;
}
body.jiyukenkyu section.theme dd dt {
	width: 8em;
	margin: 0 0 0.8em;
	padding: 0.5em 0 0.6em;
	text-align: center;
	line-height: 1;
	border-radius: 20px;
	background: #47abe5;
	font-size: 1.8rem;
	color: #fff;
}
body.jiyukenkyu section.theme dd dd {
	line-height: 1.6;
	font-size: 2.2rem;
}
body.jiyukenkyu section.theme div.q dd {
	margin: 0 0 30px;
	padding: 0 0 20px;
	background: url(/jpn/consumer/kids/pickup/jiyukenkyu/images/theme_line_dashed.png) repeat-x;
	background-position: left bottom !important;
}
body.jiyukenkyu section.theme div li {
	margin: 0 0 0.3em;
	padding: 0 0 0 1.2em;
	background: url(/jpn/consumer/kids/pickup/jiyukenkyu/images/theme_dot_circle.png) no-repeat top 0.43em left 0;
}
body.jiyukenkyu section.theme div.h li {
	margin: 0 0 0.6em;
	background: url(/jpn/consumer/kids/pickup/jiyukenkyu/images/theme_dot_square.png) no-repeat top 0.43em left 0;
}

/* uchiwa */

body.jiyukenkyu section.uchiwa {
	width: 100%;
	margin: 0 auto 32px;
	padding: 70px 67px 1px;
	background: #fffcea;
}
body.jiyukenkyu section.uchiwa h2 span {
	width: 14em;
}
body.jiyukenkyu section.uchiwa > p {
	position: relative;
	text-align: center;
	margin: -20px 0 70px;
}
body.jiyukenkyu section.uchiwa > p img.i2 {
	position: absolute;
	top: -80px;
	left: 60px;
}
body.jiyukenkyu section.uchiwa > p img.i1 {
	position: absolute;
	top: -50px;
	right: 40px;
}
body.jiyukenkyu section.uchiwa dl.c1 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 950px;
	height: 159px;
	margin: 0 auto 30px;
	padding: 0 40px 0 50px;
	background: url(/jpn/consumer/kids/pickup/jiyukenkyu/images/uchiwa_frame_orange_dot.png) no-repeat;
}
body.jiyukenkyu section.uchiwa dl.c1 dt {
	font-size: 2.4rem;
	width: 21em;
}
body.jiyukenkyu section.uchiwa dl.c1 dd {
	font-size: 1.8rem;
}
body.jiyukenkyu section.uchiwa dl.c1 ul {
	list-style: disc;
	line-height: 1.6;
}

body.jiyukenkyu section.uchiwa dl.frame {
	margin: 0 auto 60px;
}
body.jiyukenkyu section.uchiwa dl.frame::before,
body.jiyukenkyu section.uchiwa dl.frame::after {
	background-color: #fffcea !important;
}
body.jiyukenkyu section.uchiwa dl.frame dt {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 160px;
	height: 59px;
	margin: 35px auto 40px;
	padding-left: 0.2em;
	background: url(/jpn/consumer/kids/pickup/jiyukenkyu/images/uchiwa_ttl_bg.png) no-repeat;
	font-size: 2.7rem;
	font-weight: 900;
	color: #fff;
	letter-spacing: 0.2em;
}
body.jiyukenkyu section.uchiwa dl.frame ol {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
body.jiyukenkyu section.uchiwa dl.frame li {
	width: 426px;
	margin: 0 0 70px;
}
body.jiyukenkyu section.uchiwa dl.frame li:last-child {
	margin: 0 0 120px;
}
body.jiyukenkyu section.uchiwa dl.frame li span.num {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 79px;
	height: 77px;
	background: url(/jpn/consumer/kids/pickup/jiyukenkyu/images/uchiwa_num_bg.png) no-repeat;
	font-size: 4rem;
	font-weight: 900;
	color: #fff;
}
body.jiyukenkyu section.uchiwa dl.frame li img {
	display: block;
	margin: -30px auto 10px;
}

/* drawing */

body.jiyukenkyu section.drawing {
}
body.jiyukenkyu section.drawing h2 {
	margin: 60px auto 15px;
}
body.jiyukenkyu section.drawing h2 img.icon {
	position: absolute;
	top: -5px;
	right: -95px;
}

body.jiyukenkyu section.drawing dl.frame {
	margin:0 auto 55px;
	overflow: hidden;
}
body.jiyukenkyu section.drawing dl.frame dt {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 610px;
	height: 61px;
	margin: 35px auto 40px;
	background: url(/jpn/consumer/kids/pickup/jiyukenkyu/images/drawing_ttl_bg_blue.png) no-repeat;
	font-size: 2.6rem;
	font-weight: 900;
	color: #fff;
	letter-spacing: 0.03em;
}
body.jiyukenkyu section.drawing dl.frame dd.img {
	float: left;
	margin: 0 40px 45px 0;
}
body.jiyukenkyu section.drawing dl.frame dd.txt img {
	display: block;
	margin: 30px 0 0;
}
body.jiyukenkyu section.drawing dl.frame dd.btn {
	margin: 140px 0 0;
	text-align: center;
}
body.jiyukenkyu section.drawing dl.frame.orange {
	margin:0 auto;
}
body.jiyukenkyu section.drawing dl.frame.orange dt {
	width: 660px;
	background: url(/jpn/consumer/kids/pickup/jiyukenkyu/images/drawing_ttl_bg_orange.png) no-repeat;
}
body.jiyukenkyu section.drawing dl.frame.orange p.txt {
	width: 440px;
}
body.jiyukenkyu section.drawing dl.frame.orange p.img {
	margin: -45px 0 80px;
	text-align: center;
}
body.jiyukenkyu section.drawing dl.frame.orange dl.point {
	position: relative;
	width: 778px;
	height: 158px;
	margin: 0 0 50px 10px;
	background: url(/jpn/consumer/kids/pickup/jiyukenkyu/images/drawing_fukidashi_bg.png) no-repeat;
}
body.jiyukenkyu section.drawing dl.frame.orange dl.point dt {
	position: absolute;
	top: 0.65em;
	left: 0;
	width: 120px;
	height: auto;
	line-height: 1;
	text-align: center;
	margin: 0;
	background: none;
	font-size: 2.2rem;
	font-weight: 700;
	color: #fff;
}
body.jiyukenkyu section.drawing dl.frame.orange dl.point dd {
	padding: 65px 60px 0 55px;
	line-height: 1.4;
	font-size: 2.4rem;
	font-weight: 700;
	color: #f29e0b;
}
body.jiyukenkyu section.drawing dl.frame.orange p.img:last-child {
	margin: 0 0 60px;
	text-align: center;
}
body.jiyukenkyu section.drawing dl.frame.orange img.i1 {
	position: absolute;
	top: 30px;
	right: -148px;
}



} /* PC end */

/* ============================================================
SP
============================================================ */

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

/* sdgs
-------------------------------------------------------------*/

body.sdgs aside.sdgs {
	position: relative;
	top: -1.8vw;
	left: -0.4vw;
	margin: 4vw 0 12vw;
	border: solid 4px #309edd;
	border-radius: 12px;
	overflow: hidden;
}
body.sdgs aside.sdgs dt {
	margin: 8vw 0 4vw;
	text-align: center;
}
body.sdgs aside.sdgs dt img {
	width: 60vw;
}
body.sdgs aside.sdgs ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 3vw 3vw;
}
body.sdgs aside.sdgs ul li {
	margin: 0 1vw 1vw 0;
}
body.sdgs aside.sdgs ul img {
	width: 19vw;
}
body.sdgs aside.sdgs p.img {
	width: 54vw;
	margin: 0 0 4vw 16vw;
}
body.sdgs article ul.text dd {
	text-align: justify;
}

/* global-warming
-------------------------------------------------------------*/

/* cause */

body.global-warming.cause dl.about {
	margin: 0 2vw 4vw;
	padding: 4vw 0 0;
}
body.global-warming.cause .ttl_box {
	margin: 0 0 6vw;
}
body.global-warming.cause dl.about dd {
	margin: 0 0 6vw;
	line-height: 1.7;
	font-size: 1.8rem;
	font-weight: 700;
	color: #634e44;
}
body.global-warming.cause dl.effect {
	margin: 0 2vw 4vw;
}
body.global-warming.cause dl.effect p {
	margin: 6vw 4vw 6vw;
}
body.global-warming.cause dl.effect dd dt {
	display: inline-block;
	padding: 0.6em 0.8em 0.6em;
	background: #fff3ad;
	border-radius: 12px;
	line-height: 1.4;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size: 2rem;
	color: #ea8a00;
	letter-spacing: 0.06em;
}
body.global-warming.cause dl.effect dd dd {
	margin: 12px 0 0;
	line-height: 1.7;
	font-size: 1.8rem;
	font-weight: 700;
	color: #634e44;
}
body.global-warming.cause dl.effect dd dd::after {
	content: '';
	display: block;
	width: 100%;
	height: 4px;
	margin: 6vw 0 6vw;
	background: url(/jpn/consumer/kids/global-warming/cause/images/line.png);
}
body.global-warming.cause dl.effect dd dd:last-child::after {
	content: none;
}

/* saving */

body.global-warming.savings dl.about {
	margin: 0 2vw 6vw;
}
body.global-warming.savings dl.about > dt {
	margin: 0 auto 6vw;
}
body.global-warming.savings dl.about > dd {
	position: relative;
}

body.global-warming.savings dl.about > dd:nth-of-type(1) {
	margin: 0 0 12vw;
	padding: 0 0 12vw;
}
body.global-warming.savings dl.about > dd:nth-of-type(1)::after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	width: 83vw;
	height: 6px;
	background: url(/jpn/consumer/kids/global-warming/savings/images/line_1_sp.png);
	background-size: auto 6px;
}

body.global-warming.savings dl.about p {
	margin: 0 8vw 6vw;
}
body.global-warming.savings dl.about dd dt {
	margin: 0 auto 4vw;
	text-align: center;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size: 3.2rem;
	color: #339fde;
}
body.global-warming.savings dl.about dd:nth-of-type(2) dt {
	color: #e98a02;
}
body.global-warming.savings dl.about dd dd {
	background: url(/jpn/consumer/kids/global-warming/savings/images/about_bg_1.png) no-repeat;
	background-size: 100% 100%;
}
body.global-warming.savings dl.about dd:nth-of-type(2) dd {
	background: url(/jpn/consumer/kids/global-warming/savings/images/about_bg_2.png) no-repeat;
	background-size: 100% 100%;
}

body.global-warming.savings dl.about ul {
	padding: 6vw 6vw 0.1vw;
}

body.global-warming.savings dl.about li {
	position: relative;
	margin: 0 0 0.7em;
	padding: 0 0 0.8em 1.2em;
	line-height: 1.3;
	font-size: 1.8rem;
	font-weight: 700;
	color: #634e44;
}
body.global-warming.savings dl.about li::before {
	position: absolute;
	top: 0.3em;
	left: 0;
	content: '';
	width: 11px;
	height: 10px;
	background: url(/jpn/consumer/kids/global-warming/savings/images/dot_1.png);
}
body.global-warming.savings dl.about li::after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 2px;
	background: url(/jpn/consumer/kids/global-warming/savings/images/line_2.png);
}
body.global-warming.savings dl.about li:last-child::after {
	content: none;
}

/* clean */

body.global-warming.clean dl.about {
	margin: 0 2vw 8vw;
}
body.global-warming.clean dl.about > dt {
	margin: 0 auto 6vw;
}
body.global-warming.clean dl.about > dd {
	position: relative;
}
body.global-warming.clean dl.about > dd img {
	margin: 0 0 6vw;
}
body.global-warming.clean dl.about dd div:nth-child(2) {
	margin: 8vw 0 0;
	padding: 8vw 8vw 8vw;
	background: url(/jpn/consumer/kids/global-warming/clean/images/about_bg.png);
	background-size: 100% 100%;
}
body.global-warming.clean dl.about dd dt {
	display: inline-block;
}
body.global-warming.clean dl.about dd dd {
	margin: 2vw 0 0;
	text-align: left;
	line-height: 1.7;
	font-size: 1.8rem;
	font-weight: 700;
	color: #634e44;
}

/* lpg
-------------------------------------------------------------*/

/* what */

body.lpg.what p.diagram {
	margin: 0 2vw 12vw;
	padding: 5vw 0 0;
	text-align: center;
}
body.lpg.what .ttl_box {
	margin: 0 2vw 10vw;
}
body.lpg.what dl.trivia dd {
	margin: 0 2vw 12vw;
	border: solid 8px #d6ecf8;
	border-radius: 22px;
}
body.lpg.what dl.trivia ul {
	padding: 5vw 5vw 0;
}
body.lpg.what dl.trivia li {
	margin: 0 0 8vw;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.8;
	color: #634e44;
}
body.lpg.what dl.trivia li img {
	display: block;
	margin: 0 auto 4vw;
}
body.lpg.what dl.trivia li:first-child img {
	width: 48vw;
}
body.lpg.what ul.text span.caption {
	display: block;
	margin: 10px -4vw 0;
	text-align: center;
	font-size: 1.2rem;
}

/* delivery */

body.lpg.delivery dl.about {
	margin: 0 2vw 12vw;
	padding: 2vw 0 0;
}
body.lpg.delivery dl.about div{
	margin: 0 auto 8vw;
}
body.lpg.delivery div.c2a::after {
	content: '';
	position: absolute;
	bottom: 2vw;
	left: 0;
	width: 100%;
	height: 12px;
	background: url(/jpn/consumer/kids/lpg/delivery/images/line_sp.png);
}
body.lpg.delivery dl.about dt {
	display: inline-block;
}
body.lpg.delivery div.c2a dt,
body.lpg.delivery div.c2b dt {
	background: none;
	margin: 0;
	padding: 0;
}
body.lpg.delivery dl.about dd {
	margin: 3vw 0 4vw;
	text-align: left;
	line-height: 1.7;
	font-size: 1.8rem;
	font-weight: 700;
	color: #634e44;
}
body.lpg.delivery div.c1 img:last-child {
	margin: 6vw auto 0;
}

/* use */

body.lpg.use ul.text {
	padding: 2vw 0 0;
}
body.lpg.use ul.text li.t3 dl dd img:last-child {
	margin-top: 30px;
}
body.lpg.use ul.text dt br {
	display: none;
}


/* green */

body.lpg.green dt.ttl_box {
	margin: 0 2vw 8vw;
}


/* hydrogen
-------------------------------------------------------------*/

/* what */

body.hydrogen.what div.header_bg {
	height: 138vw;
}


body.hydrogen.what article ul.about {
	margin: 0 2vw 8vw;
}
body.hydrogen.what article ul.about img {
	margin: 4vw 0 2vw;
}


/* fuel-cell */

body.hydrogen.fuel-cell article p.comment {
	margin-bottom: 20vw;
}


/* gas
-------------------------------------------------------------*/

/* how */

body.gas.how ul.text ol {
}
body.gas.how ul.text ol li {
	padding: 4vw 4vw 0;
	margin: 0 0 6vw;
	border: solid 5px #d0eaff;
	border-radius: 18px;
}

body.gas.how ul.text ol dl {
	display: flex;
	flex-direction: column;
	width: auto;
}
body.gas.how ul.text ol dt {order:2;}
body.gas.how ul.text ol dd.txt {order:3;}
body.gas.how ul.text ol dd.img {order:1;}

body.gas.how ul.text ol dt {
	display: flex;
	align-items: center;
	color: #402c22;
	width: auto;
	margin: 0 0 2vw;
	line-height: 1;
	font-weight: 900;
	font-size: 2.2rem;
}
body.gas.how ul.text ol dt span {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 1.6em;
	height: 1.6em;
	margin-right: 8px;
	background: #62b3ed;
	border-radius: 50%;
	color: #fff;
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1;
}
body.gas.how ul.text ol dd.img {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 0 4vw;
}
body.gas.how ul.text ol li:nth-child(1) img {width: 40vw;}
body.gas.how ul.text ol li:nth-child(2) img {width: 30vw;}
body.gas.how ul.text ol li:nth-child(3) img {width: 36vw;}
body.gas.how ul.text ol li:nth-child(4) img {width: 20vw;}
body.gas.how ul.text ol li:nth-child(5) img {width: 100%;}

body.gas.how ul.text dd.blue_box {
	padding: 8vw;
	background: url(/jpn/consumer/kids/gas/how/images/blue_bg.png);
	background-size: 100% 100%;
}


/* use */

body.gas.use dl.type {
	margin: 0 2vw 8vw;
}
body.gas.use dl.type dl {
	margin: 8vw 0 0;
}
body.gas.use dl.type div {
	margin: 0 0 10vw;
}
body.gas.use dl.type dl {
	text-align: center;
}

body.gas.use dl.type dd dt {
	display: inline-block;
	width: 8em;
	padding: 0.3em 0 0.3em;
	background: #fff3ad;
	border-radius: 12px;
	line-height: 1.4;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size: 2rem;
	color: #ea8a00;
	letter-spacing: 0.06em;
}
body.gas.use dl.type dd dd {
	margin: 2vw 0 0;
	text-align: left;
	line-height: 1.7;
	font-size: 1.8rem;
	font-weight: 700;
	color: #634e44;
}
body.gas.use dl.type dd.img {
	margin: 0;
}

body.gas.use dl.type dd.img img {
	width: 100% !important;
	height: auto !important;
	margin: 2vw 0 0;
}

body.gas.use dl.type div:nth-child(6) dd.img {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
body.gas.use dl.type div:nth-child(6) dd.img img {
	width: 49% !important;
}
body.gas.use dl.type div:nth-child(6) dd.img img:nth-child(1) {
	margin-right: 2%;
}


/* pickup
-------------------------------------------------------------*/

body.pickup {
	background: url(/jpn/consumer/kids/pickup/images/body_bg_1.png);
	background-size: 76%;
}
body.pickup header aside div.inner {
	height: 20vw;
	margin: 10vw auto 8vw;
	padding: 0 0 1vw;
	background: url(/jpn/consumer/kids/pickup/images/header_title_bg.png) no-repeat;
	background-size: 96vw auto;
}
body.pickup.jiyukenkyu header aside div.inner {
	padding: 8vw 0 0;
}

body.pickup main {
	padding: 0 0 4vw;
	background-size: 100% !important;
}
body.pickup main {
	background: url(/jpn/consumer/kids/pickup/images/main_bg_2.png);
}
body.pickup main::before {
	background: url(/jpn/consumer/kids/pickup/images/main_bg_1.png);
}
body.pickup.suisoman main::before {
	background: url(/jpn/consumer/kids/pickup/images/main_bg_1_suisoman.png);
}
body.pickup main::after {
	background: url(/jpn/consumer/kids/pickup/images/main_bg_3.png);
}
body.pickup div.footer_bg {
	background-image:
		url(/jpn/consumer/kids/common/images/footer_bg_3_sp.png),
		url(/jpn/consumer/kids/pickup/images/footer_bg_2.png);
}

body.pickup article h2 {
	display: block;
}

/* suisoman
-------------------------------------------------------------*/

/* section.movie */

body.suisoman section.movie {
	margin: 0 1.1vw 10vw 0;
	padding: 4vw 0 2vw;
	background: #e4f3f8;
	text-align: center;
}
body.suisoman section.movie h2 {
	position: relative;
	margin: 0 auto 8vw;
	text-align: center;
	line-height: 1;
	font-size: 2.1rem;
	font-weight: 900;
	color: #47abe5;
	letter-spacing: 0.1em;
}
body.suisoman section.movie h2::before {
	content: '';
	position: absolute;
	top: 0.5em;
	left: 0;
	width: 100%;
	height: 3px;
	background: url(/jpn/consumer/kids/suisoman/images/movie_line.png);
	background-size: auto 3px;
}
body.suisoman section.movie h2 span {
	position: relative;
	z-index: 1;
	display: inline-block;
	padding: 0 0.2em 0 0.3em;
	background: #e4f3f8;
}
body.suisoman section.movie iframe {
	display: block;
	width: 83vw;
	height: 58.6vw;
	margin: 0 auto 9vw;
	border-radius: 6px;
}

/* section.synopsis */

body.suisoman section.synopsis {
	position: relative;
	margin: 0 5vw 0 4.2vw;
	padding: 12vw 4vw 32vw;
	background: #3a192e url(/jpn/consumer/kids/suisoman/images/synopsis_bg_sp_2.jpg) no-repeat left bottom;
	background-size: contain;
	color: #fff;
}

body.suisoman section.synopsis::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 6vw;
	background: url(/jpn/consumer/kids/suisoman/images/synopsis_bg_sp_1.jpg) no-repeat;
	background-size: contain;
}
body.suisoman section.synopsis h2 {
	position: relative;
	margin: 0 auto 8vw;
	text-align: center;
	line-height: 1;
	font-size: 2.4rem;
	font-weight: 900;
	letter-spacing: 0.1em;
}
body.suisoman section.synopsis h2::before {
	content: '';
	position: absolute;
	top: 0.5em;
	left: 0;
	width: 100%;
	height: 3px;
	background: url(/jpn/consumer/kids/suisoman/images/synopsis_line.png) no-repeat;
	background-size: 100% 3px;
}
body.suisoman section.synopsis h2 span {
	position: relative;
	z-index: 1;
	display: inline-block;
	padding: 0 0.2em 0 0.3em;
	background: #3a192e;
}
body.suisoman section.synopsis p {
	line-height: 2.1;
	text-align: justify;
	font-size: 1.8rem;
	font-weight: 700;
}
body.suisoman section.synopsis p br {
	display: none;
}

/* section.character */

body.suisoman section.character {
	margin: 0 0 12vw;
}
body.suisoman section.character h2 {
	position: relative;
	top: 18vw;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	width:76vw;
	height: 12vw;
	margin: 0 auto;
	text-align: center;
	line-height: 1;
	background: url(/jpn/consumer/kids/suisoman/images/character_ttl_bg.png) no-repeat;
	background-size: 100% 100%;
	font-size: 2.2rem;
	font-weight: 900;
	color: #fff;
	letter-spacing: 0.1em;
}
body.suisoman section.character ul {
	position: relative;
	margin: 0 5vw 0 4.2vw;
	background-size: 100% 100% !important;
}
body.suisoman section.character ul.c1 {
	padding: 26vw 4vw 8vw;
	background: #e4f2fb url(/jpn/consumer/kids/suisoman/images/character_bg_1.png) no-repeat left bottom;
	background-size: 100% 100%;
	color: #634e44;
}
body.suisoman section.character ul.c1::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 6vw;
	background: url(/jpn/consumer/kids/suisoman/images/character_bg_1_head.jpg) no-repeat;
	background-size: contain;
}
body.suisoman section.character ul.c2 {
	padding: 6vw 4vw 8vw;
	background: #482e47 url(/jpn/consumer/kids/suisoman/images/character_bg_3.png) no-repeat left top;
	background-size: 100% 100%;
	color: #fff;
}
body.suisoman section.character ul.c2::after {
	content: '';
	position: absolute;
	bottom: -2vw;
	left: 0;
	width: 100%;
	height: 6vw;
	background: url(/jpn/consumer/kids/suisoman/images/character_bg_3_bottom.jpg) no-repeat;
	background-size: contain;
}

body.suisoman section.character ul li:nth-child(1) {
	margin: 0 0 8vw;
}

body.suisoman section.character dt {
	margin: 0 0 0.6em;
	padding: 0 0 0.8em;
	background: url(/jpn/consumer/kids/suisoman/images/character_line_1.png) repeat-x left bottom;
	line-height: 1.2;
	font-size: 2.2rem;
	font-weight: 900;
}
body.suisoman section.character dt small {
	font-size: 1.8rem;
}
body.suisoman section.character ul.c2 dt {
	background: url(/jpn/consumer/kids/suisoman/images/character_line_2.png) repeat-x left bottom;
}
body.suisoman section.character dd {
	text-align: justify;
	line-height: 1.8;
	font-size: 1.8rem;
	font-weight: 700;
}
body.suisoman section.character ul p {
	margin: 4vw 0 0;
}
body.suisoman section.character ul p.small {
	margin: 4vw 14vw 0;
}

body.suisoman section.character > p {
	height: 24vw;
	margin: 0 5vw 0 4.2vw;
	background: url(/jpn/consumer/kids/suisoman/images/character_bg_2.png) no-repeat center center;
	background-size: auto 26vw;
}

body.suisoman section.character > p img {
	display: none;
}

/* section.item */

body.suisoman section.item {
	position: relative;
	margin: 0 5vw 0 4.2vw;
	color: #634e44;
}

body.suisoman section.item h2 {
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	width:76vw;
	height: 12vw;
	margin: 0 auto 8vw;
	text-align: center;
	line-height: 1;
	background: url(/jpn/consumer/kids/suisoman/images/item_ttl_bg.png) no-repeat;
	background-size: 100% 100%;
	font-size: 2.2rem;
	font-weight: 900;
	color: #47abe5;
	letter-spacing: 0.1em;
}
body.suisoman section.item h2 img {
	position: absolute;
	top: -4vw;
	left: 2vw;
	width: 18vw;
}
body.suisoman section.item ul {
	margin: 0 0 8vw;
	padding: 4vw;
	background: #fadbe1;
	border-radius: 8vw;
}
body.suisoman section.item ul.c2 {
	margin: 0;
	background: #ddf8fb;
}

body.suisoman section.item dt {
	margin: 0 0 0.6em;
	text-align: center;
	line-height: 1.2;
	font-size: 2.2rem;
	font-weight: 900;
}
body.suisoman section.item dd {
	margin: 0 0 0.6em;
	text-align: justify;
	line-height: 1.8;
	font-size: 1.8rem;
	font-weight: 700;
}
body.suisoman section.item p {
	padding: 12vw;
	background: url(/jpn/consumer/kids/suisoman/images/item_img_bg.png) no-repeat;
	background-size: 100% 100%;
}
body.suisoman section.item ul.c2 p {
	padding: 12vw 18vw;
}

/* jiyukenkyu
-------------------------------------------------------------*/

/* common */

body.jiyukenkyu main {
	line-height: 1.8;
	font-size: 1.87rem;
	font-weight: 700;
	color: #634e44;
}

body.jiyukenkyu h2 {
	text-align: center;
}
body.jiyukenkyu h2 span {
	position: relative;
	display: inline-block;
	width: 9em;
	margin: 0 auto 32px;
	padding: 0 0 0.4em;
	background: url(/jpn/consumer/kids/pickup/jiyukenkyu/images/h2_bg_blue.png) repeat-x;
	background-position: left bottom !important;
	background-size: 100% 60%;
	text-align: center;
	line-height: 1;
	font-size: 2.6rem;
	letter-spacing: 0.05em;
}
body.jiyukenkyu section.uchiwa h2 span {
	background: url(/jpn/consumer/kids/pickup/jiyukenkyu/images/h2_bg_orange.png) repeat-x;
}
body h2 img.icon {
	width: auto;
}

/* dl.frame */

body.jiyukenkyu dl.frame {
	position: relative;
	padding: 8vw 6vw 4vw;
	background: url(/jpn/consumer/kids/pickup/jiyukenkyu/images/frame_small_blue_02.png);
	background-size: contain !important;
}
body.jiyukenkyu dl.frame div.inner {
	position: relative;
	z-index: 1;
}
body.jiyukenkyu dl.frame::before,
body.jiyukenkyu dl.frame::after {
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	height: 8vw;
	background-color: #fff !important;
	background-size: 100% auto !important;
	background-repeat: no-repeat !important;
}
body.jiyukenkyu dl.frame::before {
	top: 0;
	background: url(/jpn/consumer/kids/pickup/jiyukenkyu/images/frame_small_blue_01.png);
	background-position: top center;
}
body.jiyukenkyu dl.frame::after {
	bottom: 0;
	background: url(/jpn/consumer/kids/pickup/jiyukenkyu/images/frame_small_blue_03.png);
	background-position: bottom center;
}

body.jiyukenkyu dl.frame.orange {
	background: url(/jpn/consumer/kids/pickup/jiyukenkyu/images/frame_small_orange_02.png);
}
body.jiyukenkyu dl.frame.orange::before {
	top: 0;
	background: url(/jpn/consumer/kids/pickup/jiyukenkyu/images/frame_small_orange_01.png);
	background-position: top center;
}
body.jiyukenkyu dl.frame.orange::after {
	bottom: 0;
	background: url(/jpn/consumer/kids/pickup/jiyukenkyu/images/frame_small_orange_03.png);
	background-position: bottom center;
}

/* theme */

body.jiyukenkyu section.theme {
	margin: 0 0 10vw;
}
body.jiyukenkyu section.theme h2 img.icon {
	position: absolute;
	width: 10vw;
	top: 1vw;
	right: -12vw;
}
body.jiyukenkyu section.theme > dl> div {
	position: relative;
	margin: 0 5vw 4vw 4.2vw;
	padding: 8vw 6vw 4vw;
	background: url(/jpn/consumer/kids/pickup/jiyukenkyu/images/frame_small_blue_02.png);
	background-size: contain !important;
}
body.jiyukenkyu section.theme > dl > div::before,
body.jiyukenkyu section.theme > dl > div::after {
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	height: 8vw;
	background-color: #fff !important;
	background-size: 100% auto !important;
	background-repeat: no-repeat !important;
}
body.jiyukenkyu section.theme > dl > div::before {
	top: 0;
	background: url(/jpn/consumer/kids/pickup/jiyukenkyu/images/frame_small_blue_01.png);
}
body.jiyukenkyu section.theme > dl > div::after {
	bottom: 0;
	background: url(/jpn/consumer/kids/pickup/jiyukenkyu/images/frame_small_blue_03.png);
}

body.jiyukenkyu section.theme div.c3,
body.jiyukenkyu section.theme div.c4 {
	background: url(/jpn/consumer/kids/pickup/jiyukenkyu/images/frame_small_orange_02.png);
}
body.jiyukenkyu section.theme div.c3::before,
body.jiyukenkyu section.theme div.c4::before {
	top: 0;
	background: url(/jpn/consumer/kids/pickup/jiyukenkyu/images/frame_small_orange_01.png);
}
body.jiyukenkyu section.theme div.c3::after,
body.jiyukenkyu section.theme div.c4::after {
	bottom: 0;
	background: url(/jpn/consumer/kids/pickup/jiyukenkyu/images/frame_small_orange_03.png);
}
body.jiyukenkyu section.theme div.c3 > dt,
body.jiyukenkyu section.theme div.c4 > dt {
	color: #f29e0b;
}
body.jiyukenkyu section.theme > dl > div.c3 dd dt,
body.jiyukenkyu section.theme > dl > div.c4 dd dt {
	background: #f29e0b;
}

body.jiyukenkyu section.theme > dl > div > dt {
	position: relative;
	margin: 0 0 8vw;
	line-height: 1.4;
	font-size: 2rem;
	color: #47abe5;
	letter-spacing: 0.03em;
}
body.jiyukenkyu section.theme > dl > div > dt span.num {
	display: block;
}
body.jiyukenkyu section.theme > dl > div > dt img {
	display: block;
	float: right;
	width: 22vw;
	margin: 4vw 0 4vw 4vw;
}
body.jiyukenkyu section.theme > dl > div.c3 > dt img {
	width: 16vw;
}
body.jiyukenkyu section.theme > dl > div.c4 > dt img {
	width: 26vw;
}
body.jiyukenkyu section.theme > dl > div.c6 > dt img {
	width: 18vw;
}

body.jiyukenkyu section.theme dd dt {
	width: 8em;
	margin: 0 0 0.8em;
	padding: 0.5em 0 0.6em;
	text-align: center;
	line-height: 1;
	border-radius: 20px;
	background: #47abe5;
	font-size: 1.8rem;
	color: #fff;
}
body.jiyukenkyu section.theme dd dd {
	line-height: 1.6;
}
body.jiyukenkyu section.theme div.q dd {
	margin: 0 0 30px;
	padding: 0 0 20px;
	background: url(/jpn/consumer/kids/pickup/jiyukenkyu/images/theme_line_dashed.png) repeat-x;
	background-position: left bottom !important;
}
body.jiyukenkyu section.theme div li {
	margin: 0 0 0.3em;
	padding: 0 0 0 1.2em;
	background: url(/jpn/consumer/kids/pickup/jiyukenkyu/images/theme_dot_circle.png) no-repeat top 0.43em left 0;
	background-size: 0.8em;
}
body.jiyukenkyu section.theme div.h li {
	margin: 0 0 0.6em;
	background: url(/jpn/consumer/kids/pickup/jiyukenkyu/images/theme_dot_square.png) no-repeat top 0.43em left 0;
	background-size: 0.8em;
}

/* uchiwa */

body.jiyukenkyu section.uchiwa {
	margin: 0 1vw 8vw 0;
	padding: 4vw 4vw 4vw 4.2vw;
	background: #fffcea;
}
body.jiyukenkyu section.uchiwa h2 span {
	width: 12em;
	font-size: 2.5rem;
}
body.jiyukenkyu section.uchiwa > p {
	position: relative;
	text-align: center;
	margin: -3vw 0 6vw;
}
body.jiyukenkyu section.uchiwa > p span {
	display: block;
}
body.jiyukenkyu section.uchiwa > p img.i1 {
	width: 32vw;
	margin: 8vw 2vw;
}
body.jiyukenkyu section.uchiwa > p img.i2 {
	width: 32vw;
	margin: 0 2vw;
}
body.jiyukenkyu section.uchiwa dl.c1 {
	margin: 0 0 4vw;
	padding: 5vw 4vw 4vw;
	background: #fff;
	border: 5px dotted #ffd500;
	border-radius: 20px;
}
body.jiyukenkyu section.uchiwa dl.c1 dt {
	margin: 0 0 1vw;
	font-size: 2rem;
}
body.jiyukenkyu section.uchiwa dl.c1 ul {
	list-style: disc;
	margin-left: 6vw;
}

body.jiyukenkyu section.uchiwa dl.frame {
	margin: 0 auto 8vw;
	padding-bottom: 2vw;
}
body.jiyukenkyu section.uchiwa dl.frame::before,
body.jiyukenkyu section.uchiwa dl.frame::after {
	background-color: #fffcea !important;

}
body.jiyukenkyu section.uchiwa dl.frame dt {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 6em;
	height: 2.3em;
	margin: 0 auto 6vw;
	padding-left: 0.2em;
	background: url(/jpn/consumer/kids/pickup/jiyukenkyu/images/uchiwa_ttl_bg.png) no-repeat;
	background-size: contain;
	font-size: 2.2rem;
	font-weight: 900;
	color: #fff;
	letter-spacing: 0.2em;
}
body.jiyukenkyu section.uchiwa dl.frame li {
	margin: 0 0 6vw;
}
body.jiyukenkyu section.uchiwa dl.frame li span.num {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 1.8em;
	height: 1.8em;
	background: url(/jpn/consumer/kids/pickup/jiyukenkyu/images/uchiwa_num_bg.png) no-repeat;
	background-size: contain;
	font-size: 2.8rem;
	font-weight: 900;
	color: #fff;
}
body.jiyukenkyu section.uchiwa dl.frame li img {
	display: block;
	width: 60vw;
	margin: -4vw auto 2vw;
}
body.jiyukenkyu section.uchiwa dl.frame li:nth-child(2) img {width: 40vw;}
body.jiyukenkyu section.uchiwa dl.frame li:nth-child(6) img {width: 34vw;}

/* drawing */

body.jiyukenkyu section.drawing h2 img.icon {
	position: absolute;
	width: 17vw;
	top: 1vw;
	right: -11vw;
}

body.jiyukenkyu section.drawing dl.frame {
	margin: 0 4.4vw 8vw 4vw;

}

body.jiyukenkyu section.drawing dl.frame dt {
	margin: 0 auto 6vw;
	padding: 4vw;
	background: url(/jpn/consumer/kids/pickup/jiyukenkyu/images/drawing_ttl_bg_blue_sp.png) no-repeat;
	background-size: 100% 100%;
	line-height: 1.4;
	font-size: 2.2rem;
	font-weight: 900;
	color: #fff;
	letter-spacing: 0.03em;
}
body.jiyukenkyu section.drawing dl.frame dd.txt {
	margin: 4vw auto 0;
}
body.jiyukenkyu section.drawing dl.frame dd.txt img {
	margin: 3vw auto 0;
}
body.jiyukenkyu section.drawing dl.frame dd.btn {
	margin: 6vw 10vw 4vw;
}

body.jiyukenkyu section.drawing dl.frame.orange {
	margin-bottom: 0;
}
body.jiyukenkyu section.drawing dl.frame.orange dt {
	background: url(/jpn/consumer/kids/pickup/jiyukenkyu/images/drawing_ttl_bg_orange_sp.png) no-repeat;
	background-size: 100% 100%;
}
body.jiyukenkyu section.drawing dl.frame.orange p.txt {
	margin: 0 auto 4vw;
}
body.jiyukenkyu section.drawing dl.frame.orange p.img {
	margin: 0 auto 6vw;
}

body.jiyukenkyu section.drawing dl.frame.orange dl.point {
	position: relative;
	width: 60vw;
	margin: 0 0 6vw;
	background: url(/jpn/consumer/kids/pickup/jiyukenkyu/images/drawing_fukidashi_bg_sp.png) no-repeat;
	background-size: 100% 100%;
}
body.jiyukenkyu section.drawing dl.frame.orange dl.point dt {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 34vw;
	height: 14vw;
	line-height: 1;
	text-align: center;
	background: none;
	font-size: 2rem;
	font-weight: 700;
	color: #fff;
}
body.jiyukenkyu section.drawing dl.frame.orange dl.point dd {
	padding: 16vw 6vw 4vw 6vw;
	line-height: 1.4;
	font-weight: 700;
	color: #f29e0b;
}
body.jiyukenkyu section.drawing dl.frame.orange img.i1 {
	position: absolute;
	width: 25vw;
	bottom: -6vw;
	right: -20vw;
}



} /* SP end */