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

*, *::before, *::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
    /*padding:0    */
}


html {
	font-size: 16px;
	background: #F2FFF8;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	color: #5B5A5A;/*#707070#3B3A3A ;*/
}

body {
	margin: 0 auto;
	background: #A5E5C3;
	max-width: 1040px;
}

.l-wrapper {
	overflow: hidden;
	text-align: center;
	margin: 0;
	max-width: 100%;
	height: auto;
}

/*top画像*/


.e-blank3{
    padding-top: 4%;
	background: rgba(255,255,255,0.55);
	border-radius: 4% 4% 30% 30%;
}

/*ナビゲーション*/


.l-nav{
	background-color: #92E8BB;
	/*width:100%;*/
}
.e-ftop-item1{/*発見*/
	width:46%;
	max-width: calc(200px*2.2);
	/*ここから追記*/
	/*background-image: url("../img/top-background1.svg");
	background-repeat: no-repeat;
	background-position:40% 5%;*/
}


.e-ftop-item2{/*SDGsロゴ*/
	width:30%;
	padding: 2% 0% 0% 2%;
	max-width: calc(214px*2.2);
}


.p-nav-retop-container div img{
  width:100%;
	
}
/*タイトルの箱*/
.p-nav-retop-container{
	display: flex;
	justify-content:flex-end;
	
	align-items: flex-end;
	flex-flow: row;
	background-color: #FBF9E8;
	padding: 0 0 10%;
	background-image:url("../img/top-bg-dot_pink.svg"), url("../img/top-bg-dot_blue.svg"), url("../img/top-bg-dot_yellow.svg"), url("../img/topborder-grn1040t2-w560px.svg");/*240807追記topborder-grn1040t2.svg*/
	background-position:9% 60%, bottom, 88% 95%, top;
	background-size: 16%, 17%, 16%, contain;
	background-repeat: no-repeat, no-repeat, no-repeat, repeat;

}

* p, h1, h2, h3, h4, .nav-list, .n-btn, .e-quiz-btn, .start {
	transform: rotate(0.05deg);/*文字シャギ防止*/
}

/*画像*/
* .img2x {
	max-width: 100%;
	
}

@font-face {
	font-family: "MyFont";
	src: url("../fonts/kuma-Reg.otf"), url("../fonts/kuma-Reg.woff");
}

/*セクション1-TOP*/
.hajimari {
	
	padding-block:10%;
	margin-bottom: 0;
	background: url("../img/top-bubble.svg") no-repeat 50% 85% / 88%, url("../img/top-flower-g.svg") no-repeat 50% 95% / 90%, url("../img/top-bg-cloud.svg") no-repeat bottom / contain #FBF9E8 ;
}

.sdgs-7logo {
	margin-block: 4% 10%; 
	
}
.top-poster, .sdgs-7logo {
	width: clamp(19.375rem, 8.449rem + 46.62vw, 38.75rem);/*min310/375　　max620/1040*/
	margin-inline: auto; 
}

.top-poster {
	background-image: url("../img/top-bg-dot_blue.svg"), url("../img/top-bg-dot_yellow.svg");
	background-position: 56% 100%, 100% 43%;
	background-size:  21%, 19%;
	background-repeat: no-repeat;
	padding: 0 1.2rem 1.4rem;
	position: relative;
	overflow: visible; 
}
.top-poster:before {
	content: '';/*何も入れない*/
	display: inline-block;
	width: 24%;/*画像の幅*/
  height: 18%;/*画像の高さ*/
	background-image: url("../img/top-bg-dot_pink.svg");
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	position: absolute; 
	bottom: 12%;
	left: -3%;
	
}
.top-balloon, .top-chd {
	width: clamp(18.75rem, 8.177rem + 45.11vw, 37.5rem);/*min300/375　　max620/1040*/
	margin-inline: auto; 
}
.hajimari img {
	width: 100%;/*途中*/
}

/*section1　GC福祉*/
.fukushi {
	background: #D1F2F3;
}
.fukushi p {
	text-align: left;
	margin-top: 0;
	padding: 1% 0.6rem; 
}

.fukushi-ttl/*すべての人に健康と福祉を*/ {
	text-align: left;
	width: clamp(20.938rem, 0.122rem + 88.81vw, 46.25rem)/*デザイン上は89%*/;
	position: relative;
}
.fukushi-ttl::after {
	content: "";
	display: inline-block;
	width: clamp(5.625rem, -1.951rem + 32.32vw, 18.75rem)/* 27%*/;
	height: 100%;/*画像の高さ*/
	background: url(../img/rainbow.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom;
	vertical-align:bottom;
	position: absolute;
	left: 80%;
	bottom: -3%;
}

@media (min-width: 850px){
	.fukushi-ttl::after{
		transform: translateX(4%);}
}

.fukushi-ttl img {
	width: 100%;/*
	object-fit: fill;*/
}

.gc-fukushi {
	margin: 0 auto;
	padding-block: clamp(1.113rem, -0.065rem + 5.04vw, 2.422rem); 
}
.gc-fukushi-a, .child-poverty {
	position: relative;
	/*border: solid 1px red;領域確認の為あとで消す*/
	max-width: 550px;
	min-width: 320px;
	margin: 7% auto 0%;
}
.star-bx {
	padding-bottom: 10%;
	background: url("../img/star-bg.svg") repeat-x ;
	background-position: 0% 100%;
	margin-bottom: 15%;
	
}
.gc-fukushi h2 {
	position: absolute;
	top:0;
	left:50%;
	transform: translate(-50%, -40%);
	margin: 0;
	width: 69%;	
}
h2.ninaite {
	width: 84%;
	transform: translate(-50%, -50%);
}
.child-poverty {
	margin-block:0 5%;
}
/*子供貧困タイトル*/
h2.poverty-ttl {
	width: 88%;	
	transform: translate(-50%, 55%);
	vertical-align: bottom;
	/*font-size: clamp(1.6rem, -0.583rem + 8.89vw, 2rem)*//*clamp(1.6rem, -0.067rem + 7.11vw, 2rem)*/;/*
	color: #915B6F;
	font-weight: normal;
	text-shadow: 2px 2px 1px #FFF;
	width: 90%;
	letter-spacing: -0.2rem;
	transform: translate(-50%, 38%);
	margin-block: 3% 2%;*/
	/*white-space: nowrap;*/
}
h2.katudo-kikin {
	width: 72%;
}
.gc-fukushi h2 img {
	width: 100%;
}

.fukushi-p/*福祉1*/ {/*
	display: inline-block;*/
	margin: 0 auto;
	width: 90%;
	max-width: 460px;
	text-align: left;
	font-size: clamp(0.875rem, 0.774rem + 0.96vw, 1.3rem);
	line-height: normal;
	font-weight: 500;
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%, -65%);
}
.fukushi-p1/*福祉2*/ {
	/*transform: translate(-50%, -62%);*/	
}
::-webkit-full-page-media, :future, :root 
.fukushi-p1/*福祉2*/ {
	transform: translate(-50%, -58%);
}/* safariにのみ適用 */

.fukushi-p2 {
	top:40%;
	transform: translate(-50%, -48%);
}
::-webkit-full-page-media, :future, :root 
.fukushi-p2/*福祉3*/ {
	transform: translate(-50%, -45%);
}/* safariにのみ適用 */

.fukushi-p p{	
	padding: 1rem 0.5em 0;
	margin:1rem 0 0;
}
.fukushi-p2 p {
	margin-bottom: 8%;
}
.child-poverty .fukushi-p {
	transform: translate(-50%, -45%);
	
}
.child-poverty .fukushi-p p {
	padding: 0 0.5em;
	line-height:clamp(1.4rem, -0.7rem + 9.6vw, 2rem);
}
.family-bx {
	display: inline-block;
	position: absolute;
	right: 0;
	bottom: -1rem;
	width: 37%;	
}
.kikin100-bx {/*
	position: absolute;*/
	width: 77%;/*
	left: 50%;*/
	margin-inline: auto; 
	/*bottom: 40px;*/
}
.family {
	width:100%;
	vertical-align: bottom;
}
.fukushi-bg1 {/*
	object-fit: fill;*/
	width: 95%/*90vw*/;/*
	max-width: 500px;*/	
	z-index: 20;
}
.rainy {
	text-align: left;
	max-width: 550px;
	width: 88%;
	margin-top: 10%;
	margin-inline: auto; 
}
.rainy img {
	width: 50%;
}
.pot {
	display: inline-block;
	position: absolute;
	right: 0;
	top: -40px;
	width: 18%;	
}
.pot-bg {
	width:100%;
	vertical-align: top;
}
.cld-bg {
	width: 83%;
	max-width:  520px;
	margin-inline: auto; 
}
.cld-bg img {
	width: 100%;
}


/*セクション02 こども基金*/
.title-zurebox1 {
	
    position: relative;
	left: 50%;
	transform: translateX(-54%) rotate(0.05deg);/*文字シャギ防止*/
    margin-bottom: 0.2rem;
	margin-inline: 1rem; 
    padding: 1.5rem 0.1rem 1.2rem;
    /*background-color: #f1f1f1;*/
    color:#646363 /*#504F4F#434343*/;
    border-radius: 2em .3em 3em .4em/.3em 4em .6em 2em;
    background-color: #FFFDF3;
    font-size: clamp(1rem, 0.225rem + 3.31vw, 2.3rem);
    /*font-weight: bold;*/
    text-align: center;
	width: 55%;
	max-width: 330px;
}

.title-zurebox1:before {
    position: absolute;
    inset: -1px 5px 3px -1px;/*背景白のズレ具合　上右下左の順*/
    border: clamp(0.075rem, -0.266rem + 1.45vw, 0.125rem) solid;
    border-radius/*(左上 右上 右下 左下)*/: 2em .3em 3em .4em/.3em 4em .2em 2em;
    content: '';
	border-color: #706E6E;
}


/*てすとおわり*/


.kikin {
	background: #F3F8B6;
	padding: 10% 0.5em 12%;
	font-weight: 500;
	margin-inline:auto; 
}
.kodomoshien1/*h1タイトル*/ {
	display: inline-block;
	/*margin-top: 0;*/
	margin-inline: auto; 
	padding: 1.8em 1.5em;
	color: #fffdf3;
	-webkit-text-stroke: 0.8px #202020;
  text-stroke: 0.5px #202020;
	position: relative;
	font-size: clamp(1.65rem, 1.139rem + 2.09vw, 2.5rem);/*1.63em*/
	
	/*text-shadow: 1.5px 1.5px 0px rgba(0, 0, 0, 1), -1.5px -1.5px 0px rgba(0, 0, 0, 1);*/
	/*white-space:pre-wrap;*/
}
/*紙吹雪*/
.kodomoshien1::before{
	content: "";
	display: inline-block;
	width: clamp(5.625rem, 4.039rem + 6.77vw, 8.438rem)/* 27%*/;
	height: 100%;/*画像の高さ*/
	background: url("../img/confetti-bf2.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	vertical-align:bottom;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}
.kodomoshien1::after{
	content: "";
	display: inline-block;
	width: clamp(5.625rem, 4.039rem + 6.77vw, 8.438rem);/* 27%*/
	height: 100%;/*画像の高さ*/
	background: url("../img/confetti-af2.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	vertical-align: bottom;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
}

.kodomo-kikin {
	line-height: 1.8em;
	padding-inline: clamp(1.172rem, -1.833rem + 12.82vw, 6.5rem);/*5%*/
	max-width: 800px;
	margin-inline: auto;
}


.kikin-shikumi {
	background-image:url("../img/kokikin-bg1.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;/*5/19test*/
	padding: 2% 4%;
	margin: 2% auto;
	width: 90vw;
	max-width: 550px;
}
.kikin-shikumi p {
	display: inline-block;
	/*margin: 0.5em;*/
	padding: 0.2em;
	font-size: 0.95em;
	width: 90%;
	max-width: 400px;
	text-align: left;
	
}
.kokikin-pic {
	margin: 8% auto;
	
}
.kokikin-pic img {
	text-align: center;
	width: 100%;
	max-width: 650px;
}
.kokikin-bn {
	width: 80%;
	margin: 10% auto;
}
.kokikin-bn img {
	width: 100%;
	max-width: 500px;
}

/*みんなの居場所*/
.kuma-p {
	font-family: "MyFont";
	line-height: 1.8rem;
}
.ch-st/*居場所セクション*/,
.ch-care/*子支援セクション*/ {
	background: #FBCCCC;
	margin: 0;
	padding: 8% 3%;
	font-weight: 500;
}
.ibasyo-ttl {
	width: clamp(21.5rem, 7.684rem + 58.95vw, 39rem);
	margin-inline: auto;
	margin-bottom: 30%;
}
.ibasyo-ttl img {
	width: 100%;
}
.ibs-container {
	margin-bottom: 20%;
}
.ibs-box1 {
	position: relative;
	top:0;
	right:0;
	/*width: 80%;*/
	/*padding: 8% 10%;
	margin-left: auto;
	vertical-align: top;*/
	/*border: solid 1px red;領域確認の為あとで消す*/
	max-width: 650px;
	min-width: 320px;
	margin: 7% auto 0;
	padding-top: clamp(10.563rem, -0.471rem + 47.08vw, 20.125rem)/*50%*/;
}
.ibs-box2 {
	margin-block: 1% clamp(10.438rem, -0.103rem + 50.34vw, 19.563rem);
	padding-top: clamp(9.375rem, 40vw, 17.5rem);/*150/375-280/700px*/
	max-width: 625px;
}
.ibs-box4 {
	padding-top: clamp(14.375rem, 16.979rem + -11.11vw, 12.188rem);/*230/375-195/690px*/
}
.ibasyo-p {
	padding: 5% 4%;
	/*height: 100%;*/	
	/*追記*/
	margin: auto;
	width: 60%;
	max-width: 460px;
	font-size: clamp(0.875rem, 0.774rem + 0.96vw, 1.3rem);
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
.ibs-p2 {
	left: 0;
	margin: 0;
	transform: translateY(-30%);
	padding: 6% /*clamp(0.875rem, -1rem + 8vw, 2.25rem);*/clamp(0.875rem, 0.074rem + 3.42vw, 1.462rem);/*14/375-23.4/650 px*/
	max-width: 360px;
}
.ibs-p3 {
	padding-inline: 1rem;
	left: 50%;
	transform: translate(-70%, -22%);
	width: 68%;
	max-width: 400px;
}
.ibs-p3 .sml-p {
	padding: 0;
	letter-spacing: -0.05em;
	display:block;
	text-indent: 0.5rem;
}

.ibs-menu-p {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -40%);
	width: 80%;
	padding-top: clamp(0rem, -11.458rem + 48.89vw, 6.875rem);/*clamp(4.375rem, 0.208rem + 17.78vw, 6.875rem);70/375-110/600px*/ 
}
.ibasyo-p p {
	display: inline-block;
	font-size:clamp(0.994rem, 0.821rem + 0.74vw, 1.3rem);
	text-align: left;	
	margin: 0 auto;
	padding: 0 0.5em;
	line-height:clamp(1.1rem, -1.083rem + 8.89vw, 2.25rem);/*clamp(1.125rem, 0.632rem + 2.11vw, 2.2rem)(←16/375-32/1040)
		clamp(1.4rem, -0.7rem + 9.6vw, 2rem)*/
}
.ibs-menu-p p {
	line-height:clamp(1.125rem, -1.083rem + 8.89vw, 2rem);
} 
.ibs-last-p p{
	margin: 0;
}		
		
		
/*居場所背景フレーム1*/
.ibs-bg2bx {
	position: absolute;
	right: 0;
	top: 0;
	width: 62%;
	max-width: 500px;
}
/*居場所背景フレーム2*/ 
.ibs-bg2 {
	left: 0;
	max-width: 360px;
}
/*居場所背景フレーム3*/ 
.ibs-bg3 {
	left: 0;
	width: 72%;	
}
/*居場所背景フレーム4*/ 
.ibs-bg4 {
	left: 50%;
	width: 93%;
	transform: translateX(-50%);
}
/*居場所写真1*/
.ibs-1stbg:before {
	content: '';/*何も入れない*/
	display: inline-block;
	width: 100%;/*画像の幅*/
  height: 100%;/*画像の高さ*/
	background-image: url("../img/ibs-pt1.png");
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	position: absolute; 
	bottom: 0%;
	left: 0%;
	transform: translate(-50%, 78%);
	
}

/*居場所写真2*/
.ibs-2ndbg:before {
	content: '';/*何も入れない*/
	display: inline-block;
	width: 100%;/*画像の幅*/
  height: 90%;/*画像の高さ*/
	background-image: url("../img/ibs-pt4.png");
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	position: absolute; 
	bottom: 0%;
	right: 0%;
	transform: translate(60%, 70%);	
}
/*居場所背景4-居場所ロゴ*/
.ibs-4thbg:before {
	content: '';/*何も入れない*/
	display: inline-block;
	width: 64%;/*画像の幅*/
  height: 30%;/*画像の高さ*/
	background-image: url("../img/ibs-bg4-logo.png");
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	position: absolute; 
	bottom: 0%;
	right: 0%;
	transform: /*translateY(40%)*/ rotate(2deg);
	
}
 
.ibs-h2 /*居場所ttl*/{	
	position: absolute;
	right: 60%;
	top: 0;
	width: 58%;
	max-width: 320px;
	transform: translate(35%, -80%);
}
.img100 {
	width: 100%;
}

/*居場所イラスト*/

.ibs-pt1, .ibs-pt2, .ibs-pt3, .ibs-pt4, .ibs-pt5 {
	display: flex;
    flex-direction: row-reverse;
	justify-content: space-between;
	width: clamp(20.938rem, 5.254rem + 66.92vw, 48.75rem);/* 335/375-780/1040 */
	/*margin-inline: auto;*/
	margin: 8% auto;
	
}
.ibs-pt2 {
	padding-top: 10%;
	justify-content: space-evenly;
	margin-bottom: 0;
}
.ibs-pt3 {
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
	max-width: 625px;
}
/*.ibs-pt1-a {
	flex-basis: 60%;
	flex-shrink: 1;
}*/
.ibs-pt1-b {
	flex-basis: 23%;
	/*flex-grow: 2;*/
	align-items: flex-end;
}
.ibs-pt2-a {
	flex-basis: 36%;
	flex-shrink: 1;
}
.ibs-pt2-b {
	flex-basis: 13%;
	flex-shrink: 1;
	align-self: flex-end;
}
.ibs-pt3-a {
	flex-basis: 25%;
	align-self: flex-start;
	flex-grow: 0;
	padding: 0 8% 5% 0; 
}
.ibs-pt3-b {
	flex-basis: 35%;
	padding: 5% 0 0 8%;
	justify-self: end;
	flex-grow: 0; 
}

/*居場所イベント様子1*/ 

.ibs-pt4, .ibs-pt5 {
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	max-width: 625px;
	margin-block: 0;
}
.ibs-pt4-a {
	flex-basis: 60%;
	flex-shrink: 1;	
}
.ibs-pt4-p1 {
	flex-basis: 40%;
	flex-shrink: 1;
	padding-bottom: 15%;
	text-align: left;
}
.ibs-pt4-c {
	flex-basis: 60%;
	flex-shrink: 1;
	margin-left: auto;
} 
.ibs-pt5 {
	max-width: 650px;
}
.ibs-pt5-a {
	flex-basis: 30%;
	flex-shrink: 1;
}
.ibs-pt5-p1 {
	flex-basis: 60%;
	flex-shrink: 1;
	padding-top: 15%;
	text-align: left;
}
/*.ibpt1 img, */
.ibpt2 img, .ibs-pt2 img, .ibs-pt3 img, .ibs-pt4 img, .ibs-pt5 img, .ibs-pt6 img {
	width: 100%;
}

.ibs-pt6 {
	margin-block: 20%;
}
.ibs-pt6-a {
	width: 85%;
	max-width: 750px;
	min-width: 320px;
	margin-inline: auto;
}
.ibs-pt6-p1{
	letter-spacing: -0.1em;
	max-width: 680px;
	margin-inline: auto;
}
/*居場所menu*/
.ibs-pt7 {
	max-width: 780px;
	margin-inline: auto; 
}
.ibs-menuaday/*h3*/ {
	color: white;
	opacity: 0.9;	
	-webkit-text-stroke: 0.5px #9E9F9E;/*010A01*/
  text-stroke: 0.5px #9E9F9E;
	margin-bottom: 0;
	font-size: clamp(1.094rem, 0.464rem + 2.69vw, 1.875rem);line-height: 3rem;
	background-image: url("../img/ibs-menu-h3bg.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	
}
.ibs-pt7menu img {
	width: 100%;
}
/*居場所ここまで*/

/*ここからフードサポート*/
.mw650/*フードサポート以下制御 */ {
	max-width: 650px;
	margin: 20% auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	
}/*フードサポート以下制御ここまで */ 
.fst-h1box {
    padding: 0 1rem;
	width: 80%;
	min-width: 340px;
	margin: 20% auto 30%;
	position: relative;	
    /*background-color: #fefefe;*/
}
.food-ttl {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -65%);
	width: 80%;
	min-width: 320px;
}
.food-p {
    padding: 2.8rem 1.8rem 0.8rem;
	line-height: 1.5rem;
    box-shadow: 4px 4px #FDFEF5;
    border: 1.2px solid #F1CE87;
    background-color: #FDFEF5;
	border-radius: 1% 99% 0% 100% / 99% 0% 100% 1%;    
    text-align: left;
}
/*フードサポート　朝食1*/
.fst-box1 {
	/*border: solid 1px red;領域確認の為あとで消す*/
	position: relative;
	top: 0;
	left: 0;
	padding-top: 0%;
	width: 80%;
	max-width: 550px;
	max-height: 400px;
	margin-inline: auto;
	text-overflow: ellipsis; /*5/19test*/
}
.bfST-h2  /*朝食ttl*/{
	left: 0%;
	transform: translate(-8%, -75%);
	width: 60%;	
}
.bf-p {
	left: 50%;
	transform: translate(-50%, -55%);
	width: 90%;
	padding-top: clamp(2.5rem, -3.75rem + 26.67vw, 6.25rem); /*clamp(3.75rem, -2.5rem + 26.67vw, 7.5rem);60/375-120/600px*/
}
/*フードサポートフレーム1 参照l581*/ 
/*.ibs-bg4 {
	left: 50%;
	width: 93%;
	transform: translateX(-50%);
}*/

/*フードサポート写真1*/
.fst-bg1:before {
	content: '';/*何も入れない*/
	display: inline-block;
	width: 68%;/*画像の幅*/
  height: 68%;/*画像の高さ*/
	background-image: url("../img/bf-pt1-2.png");
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	position: absolute; 
	bottom: 0%;
	left: 0%;
	transform: translate(-20%, 80%);	
}
.bf-ptbox1 {
	margin-top: 40%;
}
.bf-pt2 {
	margin-left: auto;
	flex-basis: 50%;
	flex-shrink: 1;	
}
.bf-pt3-p {
	margin-left: auto;
}
.bfST {
}
.bf-pt4 {
	margin-right: auto;
}
.bfST-p {
	margin-right: auto;
	text-align: left;
}
.bfST-p p {
	margin-top: 0;
}
.fST-p {
    padding-inline: 1rem ;	size:clamp(0.994rem, 0.821rem + 0.74vw, 1.3rem);
	/*line-height: 1.5rem;*/
	line-height:clamp(1.4rem, -1.083rem + 8.89vw, 2.25rem);
	outline: 4px solid #FDFEF5;
    box-shadow: 4px 4px #FDFEF5;
    border: 2px dashed #F1CE87;
    background-color: #FDFEF5;
	border-radius: 1% 99% 1% 99% / 97% 2% 98% 3%;/*1% 99% 0% 100% / 99% 0% 100% 1%;    */
    text-align: left;
	color: #5A9467;
	background-image: url("../img/fST-p-top.png"),url("../img/fST-p-btm.png");
	background-position: 100% 0%, 0% 100%;
	background-repeat:  no-repeat;
	background-size: 10%;
	width: 90%;
	margin: 20% auto;
}
/*フードサポートここまで*/

/*ここからファイバーリサイクル*/
.fiber-ttl {
	text-align:left;
	margin-bottom: clamp(1rem, 0.718rem + 1.2vw, 1.5rem);/*clamp(1rem, 0.667rem + 1.42vw, 1.5rem) clamp(1rem, -1.386rem + 7.62vw, 0.9rem)*/;
	width: 73%;
}
.fiber-h2 {
	width: 90%;
	max-width: 360px;
}
.fib-p {
	width: 78%;
	padding-top: clamp(2rem, 1.167rem + 3.56vw, 2.5rem);/*2rem/375-2.5rem/600 */
	transform: translate(-50%, -50%);
}
/*ファイバーリサイクル背景1*/
.fib-bg1 {
	width: 89%;
	margin-inline: auto; 
}
/*ファイバーリサイクル画像1*/
.fib-bg1:before {
	content: '';/*何も入れない*/
	display: inline-block;
	width: 63%;/*画像の幅*/
  height: 75%;/*画像の高さ*/
	background-image: url("../img/fiber-scl1.png");
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	position: absolute; 
	bottom: 0%;
	right: 0%;
	transform: translate(40%, 60%);
}
.fib-ptbox1 {
	margin-top: 24%;
	justify-content: flex-start;
}
.fib-pt2/*plane*/ {
	flex-basis: 26%;
	flex-shrink: 1;
	align-self: flex-end;
}
.fib-pt3/*maru*/ {
	flex-basis: 29%;
	flex-shrink: 1;
	margin: 0 0 7% 10%;
	padding: 0.5rem;
}
/*ファイバーリサイクル背景2*/
.fib-p2 {
	width: 90%;
	transform: translate(-50%, -48%);
	padding-top: 0;
}
.fib-p2 p small {
	/*text-align: right;*/
	line-height: 0.8rem;
}
.fib-bg2 {
	width: 103%;
	margin-inline: auto; 
}
/*ファイバーリサイクル写真2*/
.fib-bg2:before {
	content: '';/*何も入れない*/
	display: inline-block;
	width: 60%;/*画像の幅*/
  height: 70%;/*画像の高さ*/
	background-image: url("../img/fiber-loading.png");
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	position: absolute; 
	bottom: 0%;
	left: 0%;
	transform: translate(-20%, 80%);
	/*right: 0%;
	transform: translate(40%, 60%);*/
}
.fib-ptbox2 {
	margin-top: 45%;
	justify-content: center;
}
.fib-ptbox2 .kuma-p {
	flex-basis: 50%;
	flex-shrink: 1;
}
.fib-ptbox2 .kuma-p p {
	display: inline-block;
	margin-inline: auto;
	text-align: left;
}
.fib-pt5, .fib-pt6 {
	flex-basis: 50%;
	flex-shrink: 1;
}
.fib-ptbox3 {
	margin-top: 15%;
}
.fib-ptbox3 .kuma-p {
	background-image: url("../img/fiber-thread.svg");
	background-repeat: no-repeat;
	background-position: 55% 50%;
}
.fib-pt6 {
	position: relative;	
}
.fib-pt6:before {
	content: '';/*何も入れない*/
	display: inline-block;
	width: 43%;/*画像の幅*/
  height: 43%;/*画像の高さ*/
	background-image: url("../img/fiber-needle.svg");
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	position: absolute; 
	bottom: 0%;
	right: 0%;
	transform: translate(20%, 10%);
}
/*ファイバーリサイクルここまで*/
/*ボタン*/
.n-btn {
	
	width: 58%;
	max-width: 340px;
	margin: 10% auto;
}
.m-btn {
	min-width: 240px;/*250520...215px*/
}

.fib-btn/*ファイバーボタン*/, 
.oie-btn
{
	margin-block: 20% 0; 
}
/*子ども支援オフィス写真1*/
.komarigoto-ttl {
	text-align:left;
	margin-bottom: clamp(0.9rem, -6.281rem + 30.64vw, 1.8rem)/*0.9/375-1.8/422 rem*/;
	width: 58%;
}
.ch-oie-h2box {
	width: 90%;
	padding-inline: 5%; 
	background-image: url("../img/ch-oic-kirakira1-2.svg");
	background-repeat: no-repeat;
	background-position: 0% 5%;
	background-size: 1rem;
}
.ch-oie-h2 {
	left: 0%;
	width: 70%;
	transform: translate(-3%, -75%);
}
.ch-oie-bg1:before {
	content: '';/*何も入れない*/
	display: inline-block;
	width: 63%;/*画像の幅*/
  height: 50%;/*画像の高さ*/
	background-image: url("../img/ch-fam.svg");
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	position: absolute; 
	bottom: 0%;
	right: 0%;
	transform: translate(0%, 40%);
}
.oie-pt1 {
	margin-top: 3%;
	padding-inline: 3%;
}
.oie-pt2 {
	margin-top: 20%;
	padding-inline: 8%; 
}
/*子ども支援オフィスここまで*/

/*ボタン本体*/
.btn-sticky2 {
	text-decoration: none;
	display: block;
	background: #83BC92;
	border-radius: 1.5rem;
	border:1px solid #707070;
	padding: 0.4rem;
	font-size: clamp(0.9rem, 0.28rem + 3.57vw, 1.8rem);
	font-weight: 900;
	line-height: clamp(1.6rem, 0.035rem + 6.25vw, 2.5rem);
	color: white;	
	-webkit-text-stroke: 0.4px #010A01;
  text-stroke: 0.4px #010A01;
}

.fb-sml small{
	all: initial;
	font-size: 0.8rem;
	text-align: center;
	color: #004D38;
	display: inline-block;
	background: rgb(255,255,255, .6);
	border-radius: 10px;
	margin-bottom: 0.5rem;
	padding: 0.3rem clamp(0.4rem, 0.609rem + 0.81vw, 1rem); 	
}
small.oie-sml {
	font-size: clamp(0.656rem, 0.575rem + 0.35vw, 0.8rem);/*min-max-value→10.5/375-12.8/1040*/
}
small.chcare-sml {
	font-size: clamp(0.594rem, 0.477rem + 0.5vw, 0.8rem);
}


/*子育て応援*/

.ch-care {
	background: #FFECE6;
	z-index: 0;/*z-index0よりもz-index-1が上に行くため*/
}
/*子育て支援ttl*/
.ccare-ctn {
    width: clamp(18.75rem, 11.701rem + 30.08vw, 31.25rem);
    height: clamp(8.438rem, 2.622rem + 24.81vw, 18.75rem);
	margin-inline: auto;
}
.ccare-ttlbg {
	background-image: url("../img/chcare-bg.svg");
    background-size: contain;
	background-repeat: no-repeat;
	background-position: center;	
}
.ccare-box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
   /* background-color: rgb(255, 255, 255, .3);*/
}

.ccare-box h1 {
    -webkit-text-fill-color: transparent/*#FEFDDAt*/;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #DF3D99;
    text-shadow: 3px 2px #82C0CC, -1px 1px  #FEFDDA;
    font-size:  clamp(1.625rem, 1.319rem + 1.53vw, 2.313rem);/*min-max-value→26/320-37/1040*/
	font-weight: 900;
	line-height: clamp(1.85rem, 0.035rem + 6.25vw, 2.5rem);
	padding: 1rem;
	text-align: center;
}
.ccare-p {
	background-image: url("../img/ccare-p-bg.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin: 0 auto 5%;
	padding-block: 10%;
	max-width: 550px;
}
.ccare-p p {
	font-size: clamp(0.95rem, 0.597rem + 1.51vw, 1.35rem);
	line-height: clamp(1.3rem, 0.492rem + 3.45vw, 2rem); /*clamp(1.3rem, -1.044rem + 10vw, 1.8rem);1.3/375-1.8/455rem*/
	width: 88%;
	text-align: left;
	margin-inline: auto;
	margin-top: 1.8rem;
	padding: 12% 3% 10% 8%;
	color: #65B1BF;
}
.chsup-bg1box {
	width: 90%;
	padding-inline: 5%;
}
.chsup-p {
	left: 50%;
	transform: translate(-50%, -45%);
	width: 78%;
}
.chsup-p p {
	max-width: 370px;
}
/*サポート内容*/
.chsup-intro  {
	background-image: url("../img/chsup-introbg1-2.png");
	margin: 15% auto 5%;
	padding-block: 18%;
}
.chsup-intro p {
	width: 75%;
	padding: 0% 3% 0% 5%;
	margin-top: 0;
}
.chsup-ptbox1 {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.care-pt {
	flex-basis: 50%;
	padding: 5%;
}
.care-pt img {	
	/*border: #707070 solid 0.1px;*/
	box-shadow: 1px 1px 5px #707070;
}
/*サークル　ひろば*/
.resp-a {
	text-align: left;
}
.resp-a h1 {
	margin-bottom: 0;
}
.ch-res {
	display: flow-root;
}
.float-r {
	float: right;
	width: 40%;
	text-align: center;
	margin: 0;
}
.float-r img, .flt-img {
	border: #FFECEC 5px solid;
	border-radius: 50%;
	shape-outside: circle(50%);
	margin: 0.5rem 0 0.2rem 0.4rem;
}
.res-box {
	border: #FFF 1px solid;
	background: #F5D5DF;
	padding: 0.5rem;
	margin: 25% auto 15%;
	font-size: 0.8rem;
	width: 70%;
	max-width: 380px;
}
.ch-cle {
}
/*背景Dot丸コントロール*/
.ch-intr {
	position: relative;
	margin-block: 20% 12%;
}
.res-ydot1 {
	position: absolute;
	top: 0;
	right: 40%;
	width: 12%;
	transform: translateY(-70%);
	z-index: -1;
}
.res-ydot2 {
	position: absolute;
	bottom: 0;
	right: 7%;
	width: 16%;
	transform: translateY(50%);
	z-index: -1;/*z-index0よりもz-index-1が上に行く*/
}
.res-ydot3 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 16%;
	transform: translate(-65%, 38%);
}
/*ひろばサブタイトル*/
.res-box h3 {
	margin: 3% 1%;
	font-size: clamp(1.063rem, 0.774rem + 1.23vw, 1.313rem);
}
.ch-res p{
	font-size: clamp(0.938rem, 0.649rem + 1.23vw, 1.188rem);
	margin-block: 0.5rem; 
	font-weight: 400;
	line-height:clamp(1.125rem, 0.684rem + 1.88vw, 1.625rem)/*clamp(1.1rem, -1.083rem + 8.89vw, 2.25rem)*/;
}
/*ひろば背景*/
.ch-cle-dbox {
	background-image: url("../img/rspt-bg1.svg") ;
	background-size: 93% 100%;
	background-repeat: no-repeat;
	background-position: 80% 0%;
	position: relative;	
}
.ch-intr-dbox {
	background-image: url("../img/rspt-bg2.svg") ;
	background-size: 89% 100%;
	background-repeat: no-repeat;
	background-position: 12% 50%;
	z-index: 0;
	margin-top: 8%;
}
/*ひろばttl*/
.res-h2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 62%;
	transform: translate(3%, -40%);

}

/*応援ここまで*/

/*保育園ここから*/
.nursery {
	row-gap: min(1.6vw,650px); 
}
.nsry-bgbox {
	margin-block: 12%; 
}
.nursery-p {
	position: absolute;
	padding: 5% 4%;
	margin: auto;
	max-width: 460px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -49%);
	width: 76%;
	display: flow-root;
}
.flt-nimg {
	float: right;
	width: 25%;
	margin-left: 3%;
}
.nursery-p p{
	font-size:clamp(0.994rem, 0.821rem + 0.74vw, 1.3rem);
	text-align: left;
	margin: 0 auto;
	padding: 0 0.5em;
	line-height:clamp(1.1rem, -1.083rem + 8.89vw, 2.25rem);/*clamp(1.125rem, 0.632rem + 2.11vw, 2.2rem)(←16/375-32/1040)
		clamp(1.4rem, -0.7rem + 9.6vw, 2rem)*/
}
.nursery-h2 {
	width: 80%;
	max-width: 350px;

}
.nursery-pt2-box {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.nsry-pt2to3 {
	flex-basis: 48%;
}
.nursery-2 {	
	font-size: clamp(0.95rem, 0.597rem + 1.51vw, 1.35rem);
	line-height: clamp(1.3rem, 0.492rem + 3.45vw, 2rem); /*clamp(1.3rem, -1.044rem + 10vw, 1.8rem);1.3/375-1.8/455rem*/
	margin-top: 10%;
}
/*保育園ここまで*/


 /*まとめ*/
.summary {
	background-color: #D9E9DC;
	padding-block: 1rem 20%;
	font-weight: 400;
	margin-inline:auto; 
}
.summary-h1 {
	text-align: left;
	width: clamp(20.938rem, 0.122rem + 88.81vw, 46.25rem)/*デザイン上は89%*/;
	margine: 1rem auto;
}
.summary-h1 img {
	width: 100%;
}
.summary-p {	
	padding: 0 clamp(1rem, -3.632rem + 19.76vw, 6.25rem) clamp(2.344rem, -2.083rem + 18.89vw, 2rem);
	margin: 10% auto 3%;/*
	background-image: url("../img/matome-bg.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 30% 60%;*/
	max-width: 700px;
}
.sp1 {	
	background-image: url("../img/matome-bg1.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 0 50%;
}
.sp2 {	
	background-image: url("../img/matome-bg2.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right 50%;
}
.sp3 {	
	background-image: url("../img/matome-bg3.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center  50%;
	background-position: 65% 50%;
	padding-bottom: 10%;
}
.summary-p p {
	text-align: left;
	margin: 0.2rem;
	padding-inline: 2rem;
	color: #366465;
	font-size: clamp(0.875rem, 0.774rem + 0.96vw, 1.3rem);
	line-height: clamp(1.8rem, 1.467rem + 1.42vw, 2rem)/*1.8rem*/;
}
.summary-pt1 img{
	width: clamp(17.5rem, 5.869rem + 49.62vw, 38.125rem)/*60%*/;
}
/*まとめここまで*/
/*@media (max-width:730px){持続可能タイトル画像置き換え*/



/*09クイズ*/


	#sec09 {
	background: #B5ECCA;
}
	.q-logo img {
		width: 100%;
	}
/*nクイズ*/
.l-section01quiz-box/*藤松変更*/{
		padding: 0% 3.2% 15%;
	margin: 20% auto 5%;
	}
	.p-bold{/*クイズタイトル*/
	font-weight: bold;
	}
/*文字藤松追記*/
.p-fontsize14/*タイトル*/{
	font-size: clamp(0.875rem, 0.542rem + 1.67vw, 1.625rem);
	color:#FF72A9;
		/*#ffa5c8;#FFA5B7#fa89a0#F499E0*font-size→calc(1em*1.3)/*/
}


/*250205 	03からコピー*/

/***********************************/
/*quiz*/
/***********************************/


/******************************/
/*.l-section01quiz-box{
		padding: 0% 3.2%;
	}*/
/*本土台イラスト*/
.cbn-l-qizu-bk {
   background: url("../img/qbook112_02-rationone.svg") no-repeat;
    background-position: left 50% top;	
	background-size:100% 100%;
    margin:3% 1.5% 2% 1.5%;
}

.cbn-l-qizu-title{
	position: relative;
	padding:1em 3%;
}
/*クイズタイトル文字*/
.cbn-l-qizu-title p{
	position: absolute;
	top:20%;
	left: 15%;/*
	transform: translateY(-50%) translateX(-50%);*/
	
}

.cbn-l-qizu-question {
	padding:0.5em 2em 0.2em;
	text-align: center;
}

.cbn-l-qizu-question p{
	text-align: left;
       
}

.cbn-l-qize-btn-container{
	width:90%;
    margin: 0 auto;
	display: flex;
	justify-content:space-around;
}
.cbn-l-qize-btn-container .cbn-e-quiz-f-item{
	position:relative;
	width: 44%;
}/*現行あり*/

/*クイズタイトルバー　*/
	
.e-q-hantei-img{

    display: none;

	position: absolute;
	top:50%;
	left:50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 1;
    width:95%;
    height: auto;
}



.q-fadeUp{
	display: block;
    /*margin: 0 auto;*/
	/*background-color: aqua;*/
	/* fadeUp */
animation-name: fadeUpAnime;
animation-duration:1s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes nonefadeUpAnime{
  0% {
    opacity: 0;
	/*transform: translateX(0%);*/
	transform: translateY(0%);
  }

  36% {
    opacity: 1;
	transform: translateX(0%);
	transform: translateY(-50%);
  }
	38% {
	opacity: 1;
	ransform: translateX(10%);
	transform: translateY(-50%);
  }
	40% {
	opacity: 1;
	ransform: translateX(-10%);
	transform: translateY(-50%);
  }
	42% {
    opacity: 1;
	ransform: translateX(0%);
	transform: translateY(-50%);
  }
	
	100% {
	opacity: 1;
	ransform: translateX(0%);
	transform: translateY(-50%);
	   /*transform: translateY(-50%);*/
  }
	
}


@keyframes fadeUpAnime{
  0% {
    opacity: 0;
	/*transform: translateX(0%);*/
	transform: translateX(-50%) translateY(0%);
  }

  36% {
    opacity: 1;
	/*transform: translateX(0%);*/
	transform: translateX(-50%) translateY(-80%);
  }
	45% {
	opacity: 1;
	/*transform: translateX(-50%);*/
	transform: translateX(-50%) translateY(-40%);
  }
	50% {
	opacity: 1;
	/*transform: translateX(0%);*/
	transform: translateX(-50%) translateY(-60%);
  }
	51% {
    opacity: 1;
	/*transform: translateX(0%);*/
	transform: translateX(-50%) translateY(-50%);
  }
	
	100% {
	opacity: 1;
	/*transform: translateX(0%);*/
	transform: translateX(-50%) translateY(-50%);
	   /*transform: translateY(-50%);*/
  }
	
}

.e-quiz-btn {
  display: inline-block;

  width: 100%;
  padding: 18% 5% 17%;/*18%*/
  margin: 0 auto;
  /*text-decoration: none;*/
  background: #FFFBA1 ;/*FF8Cボタン色*/

  border:solid 0.1em #FFD914 ;

  box-shadow:0.3em 0.3em #99471D
	  ;/*#99581D*/
  border-radius: 23px;/*26px*/
  cursor: pointer;
}

.e-quiz-btn:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(3px);
  transform: translateY(3px);/*下に動く*/
  /*border-bottom: none;*//*線を消す*/
}


.btn-push:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(3px);
  transform: translateY(3px);/*下に動く*/
}


.cbn-l-qizu-answer{
     width:90%;
    margin:0 auto;
    /*position: absolute;
    top:17%;
    left:50%;
    transform:translateX(-50%);
  
*/
}

.cbn-e-q-a-radiusbox{
margin:0 auto;
width:100%;
padding: 0% 0% 0% 0%;
background-color: #FFFF8C;
border-radius: 50px;
}

.cbn-e-q-a-radiusbox p{
	font-size: clamp(1.125rem, 0.914rem + 0.9vw, 1.5rem);/*18/375-24/1040*/
	margin: 0% 0%;
	padding: 1% 0;/*1.8% 0% 0% 0%*/
  /*color:#FF4F51;*/

}

.cbn-parent-e-qize-comment-bk{
    /*position: relative;*/
    margin: 0 auto;
	width:94%;
	height: auto;
background: url("../img/qizu-answer-cmt-frame-03-rationone.svg") no-repeat;
    background-size:100% 100%;
    background-position: top left 50%;
    /*top:0;
    left:50%;
    transform: translateX(-50%);*/

}



.cbn-e-qize-comment{
  margin: 0 auto;
  width: 94%;
  height:100%;

  background-color: #FFFDF3;
  border:solid 2px #FFD914 ;
  border-top: none;

  border-bottom-left-radius: 20px;
  border-bottom-right-radius:20px;
}

.cbn-e-qize-comment p{
    /*margin: 1% 1%;*/
    padding: 1.3em 1em 3em;
	text-align: left;
}


/*******************************/
/* old */
/*******************************/

.l-qizu-answer{
    position: absolute;
    top:17%;
    left:50%;
    transform:translateX(-50%);
   width:90%;

}



.e-q-a-radiusbox{

margin:0 auto;
width:100%;
padding: 0% 0% 0% 0%;
background-color: #FFFF8C;
border-radius: 50px;

}

.e-q-a-radiusbox p{
margin: 0% 0%;
padding: 1.8% 0% 0% 0%;

}

.parent-e-qize-comment-adjustbox{
	position: relative;
	width:100%;
	height: auto;


}

.p-adjustbox::before{
	content:"";
	display: block;
	padding-top: 72%;

}


.e-qize-comment-box{

position: absolute;
	top:0;
	left:50%;
	transform: translateX(-50%);
	width: 94%;
	height:100%;

margin:0 auto;
padding: 2% 2% 3% 2%;
background-color: #FFFDF3;
border:solid 2px #FFD914 ;
border-top: none;

border-bottom-left-radius: 20px;
border-bottom-right-radius:20px;


}


.e-qize-comment-box p{
	margin: 1% 1%;
	text-align: left;
}

/* end old*/
/***********************************/

/*hakken04用	追記250206 変更250507*/
    .cbn-l-sectionquiz-box{
        margin:0 auto;
        max-width: 600px;/*幅の固定800px*/
      }

    .cbn-l-qizu-title img {
        vertical-align: middle;
        width: 100%;
        height: auto;
    }

    @media (max-width:360px) {
      .e-quiz-btn {
        padding: 15.5% 5% 13%;
        box-shadow:0.2em 0.2em #99581D;
        border-radius: 20px;
        }
      }
/*hakken04用	追記250206ここまで*/
/*quiz*/
/***********************************/
/* *************************** */
.cbn-e-blank-ss{
    padding-top: 0.1em;
}

.cbn-e-blank-s{
    padding-top: 0.2em;
}

.cbn-e-blank-sm{
    padding-top: 0.5em;
}

.cbn-e-blank1{
    padding-top: 1em;
}

.cbn-e-blank2{
    padding-top: 2em;
}

.cbn-e-blank3{
    padding-top: 3em;
}

.cbn-e-blank4{
    padding-top: 4em;
}

.cbn-e-blank-l{
    padding-top: 8em;
}

.cbn-e-blank-xl{
    padding-top: 12em;
   /* background-color:#8A8989;*/
}

/* */
.e-blank1{
    padding-top: 1.5%;
}

.e-blank2{
    padding-top: 2%;
}

.e-blank3{
    padding-top: 3%;
}
.e-blank6{
    padding-top: 6%;
}

.e-blank8{
    padding-top: 8%;
}

.e-blank12{
    padding-top: 12%;
}

.e-blank20{
    padding-top: 20%;
}


/*footer*/


/*#endsection{
	position: relative;
	background-color: #92E8BB;*/
	/*margin-top:20%;*/
	/*margin: 10% 0%;
	display: flex;
	flex-direction: column;
}*/
/*
.rlinks-banner-container{
    width:85%;
    max-width: 640px;
    height:auto;
    margin:0 auto;
	position: absolute;
	top:0;
	left: 50%;
	transform: translateX(-50%);
   
}*/
.bn-box {
	display: flex;
	flex-direction: column;
	align-items:flex-end;
	margin-block: 2rem 0.5rem;
}
.bn-box a:hover {
	opacity: .8;
}
.bn-box div {
	width:73%;
	margin-inline: auto;
	/*margin-bottom: 1rem;*/
	max-width: 600px;
}
.bn img {
	width: 100%;
}



#endsection{
	display: flex;
	flex-direction: column;
	margin-top: 10%;
}
.e-gogchp{
	
/*text-align: center;	*/
    margin: 10% auto 5%;
    /*margin: 0% 5% 0% 5%;*/
	padding-right: 7%;
	width: 86%;
	max-width: 700px;
}


.e-gogchp:active, .bn:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(3px);
  transform: translateY(3px);/*下に動く*/
}


.e-gogchp img{
	/*display: inline-block;*/
	width: 100%;
    height:auto;
}


.e-goprevpage{/*
	position: absolute;op:5%;
	left: 3%;*/
	text-align: left;
	margin-left: clamp(0.8rem, -1.395rem + 9.37vw, 2rem);
	padding: 0%;	
	width: 34%;
	max-width: 200px;
}
.e-goprevpage img {
}

.e-goprevpage:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(3px);
  transform: translateY(3px);/*下に動く*/
}

.e-goprevpage img{
	 width: 100%;
	/*height:auto;*/
	/*vertical-align: bottom;*/
}


.go_fairtrade_items {
	width: 25%;
	max-width: 150px;
	margin-left: auto;
	margin-right: 5%;

}


/*go to top*/


#p-page-top{
position: fixed;
	/*position: absolute;*/
	right:10px;
	/*left:0px;*/
	bottom:22px;
	z-index: 10;
	width: 11.0%;
	max-width: 60px;
	max-height: 60px;
}

#p-page-top:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(3px);
  transform: translateY(3px);/*下に動く*/
}

#p-page-top img{
	width: 100%;

}

.cr {
	display: block;
	margin-top: 10%;
}

/*【文字コントロール】*/

/*言葉区切り指定*/
.break {
	/*display: inline-block;*/
	/*white-space: nowrap;*/
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

/*safariだけ指定 最新のsafari用*/
_::-webkit-full-page-media, _:future, :root .break {
	white-space: nowrap;
}

/*// 古いsafari用*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	::i-block-chrome, .break {
	white-space: nowrap;
	}
}

/*safariここまで*/


/*フリガナ*/

ruby[data-ruby] {
	position: relative;
	white-space: nowrap;
	}

ruby[data-ruby]::before{
    content: attr(data-ruby);
    position: absolute;
    line-height: 0.5rem;
    text-align: center;
    left: -2em;
    right: -2em;
    transform-origin: bottom center;
    /* ルビの文字サイズを親文字に対する比率で指定 */
    transform: scale(0.45) rotate(0.05deg);/*rotateはシャギ*/
    /* 100%を越える部分が親文字とルビとのスペースになる。単位は親文字に対する比率 */
    bottom:103%;/*もともと105％*/
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
     white-space: nowrap; /*ルビを段落ちさせないように*/
	-webkit-text-stroke: initial;
	font-weight: normal;
	
}

/*safari用 ルビの縦配置*/
_::-webkit-full-page-media, _:future, :root ruby[data-ruby]::before{
    
    /* 100%を越える部分が親文字とルビとのスペースになる。単位は親文字に対する比率 */
    bottom: 90%;/*もともと105％*/
	white-space: nowrap; /*ルビを段落ちさせないように*/
	
}


/*文字シャギ防止
transform: rotate(0.05deg);*/


.xmi ruby[data-ruby]::before {
	bottom: 89%;
}

ruby[data-ruby] rt
{
    display: none;
}



/*br改行クラス*/
.br510 {
	display: none;
}

.pc-nohid, .pic-nohid700 {
	display: block;
}

/*spレイアウトここまで*/

@media (max-width: 380px) and (min-width: 375px)/*380px以下375px以上*/{
	.pc-hid375{
		display: block;
	}
}

@media (max-width: 767px) and (min-width: 500px)/*785px以下500px以上*/{
/*	
body {
	font-size: 18px;
}*/

	
}

@media (max-width: 767px) and (min-width: 600px)/*767px以下600px以上*/{

	
}

/*sp f*/


@media (max-width: 510px) {
	.br510 {
		display: block;
	}
}

/*pc*/

@media (min-width:768px) {
    /*　for PC and for iPad 画面幅が768px以上の場合のスタイルを記述*/
/*n*/
.l-section01quiz-box{
		padding: 0% 5%;
	}

/*ここからf*/


	body {
		max-width: 1040px;
		font-size: 20px; 
	}

	/*09クイズ*/
/*nクイズ*/


.p-quiz-q-font18/*問題分、回答の答え*/, .p-fontsize20/*答えのボタン*/, p.p-fontlarge4-17 {
	
	font-size: 1.2em;/* calc(1em*1.2)*/
	}
	
.p-fontsize18/*答え*/{
	
}

	/*.p-fontsize14タイトル{
		font-size: 1.3em;
	}*/
	/*p-fontlarge4-17　回答の説明
	*/

/*n-end*/
	.q-logo/*クイズロゴ*/ {
		
		padding: 0 1.7%;
		margin: 0 auto;
	}
	.e-qize-comment-box{
		height:100%;
	}

	.e-qize-comment-box p {
		margin-top: 2em;
		line-height: 2em;
	}

.l-qizu {
	padding-bottom: 15%;
    margin-bottom:10%;/*藤松変更*/

}
	
/*footer*/
	

/*#endsection{
	position: relative;
	background-color: #92E8BB;*/
	/*margin-top:20%;*/
	/*margin: 10% 0%;
}*/
/*
	
	
	
/*.e-gogchp{
	
text-align: center;	
    margin: 20% auto 10%;*/
    /*margin: 0% 5% 0% 5%;
	padding-right: 7%;
	width: 86%;
	max-width: 700px;
}*/


/*.e-gogchp:active {
  ボタンを押したとき
  -webkit-transform: translateY(3px);
  transform: translateY(3px);*//*下に動く
}*/


.e-gogchp img{
	/*display: inline-block;
	width: 100%;*/
    /*height:auto;
	vertical-align: bottom;*/
}


.e-goprevpage{/*
	position: absolute;	
	top:5%;
	left: 3%;
	padding: 0%;
	width: 34%;
	max-width: 200px;*/

}

.e-goprevpage:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(3px);
  transform: translateY(3px);/*下に動く*/
}

/*.e-goprevpage img{
	 width: 100%;
	height:auto;*/
	/*vertical-align: bottom;
}
*/
/*
.e-goprevpage{
	top:2%;
	left: 3%;
	
}*/

/*go to top*/


#p-page-top{
position: fixed;
	/*position: absolute;*/
	right:10px;
	/*left:0px;*/
	bottom:22px;
	z-index: 10;
	width: 11.0%;
	max-width: 60px;
	max-height: 60px;
}

#p-page-top:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(3px);
  transform: translateY(3px);/*下に動く*/
}

#p-page-top img{
	width: 100%;

}

.cr {
	display: block;
	margin-top: 10%;
}


	

	

/*br改行クラス*/
.pc-hid {
	display: block;
}

.pc-nohid {
		display: none;
	}	


}/*768-end*/	

@media(max-width: 812px) and (min-width: 768px)/*768px以上812px以下*/{
	
.ten {
	display: inline-block;
}
}

@media(min-width: 843px)
{
	/*.summary p {
		
	}*/
	.pc-hid843 {
		display: block;
	}
}
/*メディアクエリend*/