@charset "UTF-8";

/*----------------------------------------
 * フォント
 *----------------------------------------*/
 
 @font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 100;
	font-display: swap;
	src: url(../../resources/webfonts/NotoSansJP-Thin.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url(../../resources/webfonts/NotoSansJP-Light.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(../../resources/webfonts/NotoSansJP-Regular.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(../../resources/webfonts/NotoSansJP-Medium.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(../../resources/webfonts/NotoSansJP-Bold.otf) format('opentype');
}

@font-face {
	font-family: 'KiwiMaru Sans JP';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(webfonts/KiwiMaru-Medium.ttf) format('opentype');
}

/*----------------------------------------
 * 基本設定
 *----------------------------------------*/
body {
/*
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
*/
	font-family:"Noto Sans JP", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:100%;
	font-weight:400;
	line-height:1.8em;
	margin:0;
	background-color:white;
}

.kiwi {
	font-family:"KiwiMaru Sans JP", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/* 共通 */
img{
-webkit-backface-visibility: hidden;
}

.pc {
	display:block;
	/*
	min-width:100%;
	*/
}

.mb {
	display:none;
}

a, a:visited {
	color:#f35b00;
	text-decoration:none;
	transition: color 0.3s ease 0s;
	line-height:1.6em;
	display:inline-block;
}

a:hover {
	color:#ffac00;
}

a.col_black { color:black !important;}
a:has(img):hover { filter: unset !important;}

.w100 {	width:100%;}
.w100_hauto { width:100%;height:auto;}

.bg_white {background-color:white;}

.padding10 {padding:10px;}
.padding20 {padding:20px;}
.padding30 {padding:30px;}

.rad10 {	border-radius:10px;}
.rad20 {	border-radius:20px;}
.rad50p {	border-radius:50%;}

.width_all {	width:100%;}
.w95p {width:95%}
.w90p {width:90%}
.w80p {width:80%}
.w70p {width:70%}
.w60p {width:60%}
.w50p {width:50%}
.w40p {width:40%}
.w33p {width:33%}
.w25p {width:25%}

.f12 { font-size:12px}
.f14 { font-size:14px}
.f18 { font-size:18px}
.f20 { font-size:20px}
.f24 { font-size:24px}
.f25 { font-size:25px}
.f28 { font-size:28px}
.f30 { font-size:30px}
.f40 { font-size:40px}
.f60 { font-size:60px}

.fw100 { font-weight:100}
.fw300 { font-weight:300}
.fw400 { font-weight:400}
.fw500 { font-weight:500}
.fw700 { font-weight:700}


.l40 { line-height:40px}
.l1_2em {line-height:1.2em}
.l1_5em {line-height:1.5em}
.l1_8em {line-height:1.8em}
.l2em {line-height:2em}

.align_left {text-align:left;}
.align_center {text-align:center;}
.align_right {text-align:right;}
.align_justify {text-align:justify;}

.div_center {margin-left:auto;margin-right:auto;}

.std_indent_1 {	text-indent:-1em;	margin-left:1em;}
.std_indent_1_5 {	text-indent:-1.5em;	margin-left:1.5em;}
.std_indent_2 {	text-indent:-2em;	margin-left:2em;}

.std_margin_top0 {margin-top:0;}
.std_margin_top {margin-top:80px;}
.std_margin_top2 {margin-top:40px;}
.std_margin_top3 {margin-top:20px;}
.std_margin_top4 {margin-top:10px;}
.std_margin_-top {margin-top:-80px;}
.std_margin_-top2 {margin-top:-40px;}

.std_margin_bottom0 {margin-bottom:0;}
.std_margin_bottom {margin-bottom:80px;}
.std_margin_bottom2 {margin-bottom:40px;}
.std_margin_bottom3 {margin-bottom:20px;}
.std_margin_bottom4 {margin-bottom:10px;}
.std_margin_bottom5 {margin-bottom:5px;}

.std_margin_-top {margin-top:-80px;}
.std_margin_-top2 {margin-top:-40px;}

.std_padding_top0 {padding-top:0;}
.std_padding_top {padding-top:80px;}
.std_padding_top2 {padding-top:40px;}
.std_padding_top3 {padding-top:20px;}
.std_padding_top4 {padding-top:10px;}

.std_padding_bottom0 {padding-bottom:0;}
.std_padding_bottom {padding-bottom:80px;}
.std_padding_bottom2 {padding-bottom:40px;}
.std_padding_bottom3 {padding-bottom:20px;}
.std_padding_bottom4 {padding-bottom:10px;}

.std_margin_left_1em {margin-left:1em;}
.std_margin_left_2em {margin-left:2em;}
.std_margin_left_3em {margin-left:3em;}
.std_margin_left_4em {margin-left:4em;}
.std_margin_left_5em {margin-left:5em;}

.outer_width {
/*
	width:98%;
	max-width:1500px;
*/
	width:100%;
	max-width:1400px;
	margin:0 auto;
	position:relative;
}

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


.std_width {
	width:98%;
	margin:0 auto;
	position:relative;
}

.std_margin_top { margin-top:80px;}
.std_margin_top2 { margin-top:40px;}
.std_margin_top3 { margin-top:20px;}

.std_w100_hauto { width:100%;height:auto;}

.std_ol {
	margin:0;
	padding-left:25px;
}

.std_ol li {
	line-height:1.5em;
	margin-bottom:0.5em;
}

.std_column2 {
	margin-left:auto;
	margin-right:auto;
}

.std_column2::after {
	content:"";
	clear:both;
	display:block;
}

.std_column2 .left{
	width:48%;
	float:left;
}

.std_column2 .right{
	width:48%;
	float:right;
}

.std_column2.col2_20_76 .left {width:20%;}
.std_column2.col2_20_76 .right {width:76%;}

.std_column2.col2_22_74 .left {width:22%;}
.std_column2.col2_22_74 .right {width:74%;}

.std_column2.col2_30_66 .left {width:30%;}
.std_column2.col2_30_66 .right {width:66%;}

.std_column2.col2_30_70 .left {width:30%;}
.std_column2.col2_30_70 .right {width:70%;}

.std_column2.col2_35_61 .left {width:35%;}
.std_column2.col2_35_61 .right {width:61%;}

.std_column2.col2_36_61 .left {width:36%;}
.std_column2.col2_36_61 .right {width:61%;}

.std_column2.col2_40_56 .left {width:40%;}
.std_column2.col2_40_56 .right {width:56%;}

.std_column2.col2_43_53 .left {width:43%;}
.std_column2.col2_43_53 .right {width:53%;}

.std_column2.col2_48_48 .left {width:48%;}
.std_column2.col2_48_48 .right {width:48%;}

.std_column2.col2_49_49 .left {width:49%;}
.std_column2.col2_49_49 .right {width:49%;}

.std_column2.col2_50_46 .left {width:50%;}
.std_column2.col2_50_46 .right {width:46%;}

.std_column2.col2_50_50 .left {width:50%;}
.std_column2.col2_50_50 .right {width:50%;}

.std_column2.col2_53_43 .left {width:53%;}
.std_column2.col2_53_43 .right {width:43%;}

.std_column2.col2_56_40 .left {width:56%;}
.std_column2.col2_56_40 .right {width:40%;}

.std_column2.col2_56_42 .left {width:56%;}
.std_column2.col2_56_42 .right {width:42%;}

.std_column2.col2_61_35 .left {width:61%;}
.std_column2.col2_61_35 .right {width:35%;}

.std_column2.col2_66_30 .left {width:66%;}
.std_column2.col2_66_30 .right {width:30%;}

.std_column2.col2_66_34 .left {width:66%;}
.std_column2.col2_66_34 .right {width:34%;}

.std_column2.col2_68_29 .left {width:68%;}
.std_column2.col2_68_29 .right {width:29%;}

.std_column2.col2_70_26 .left {width:70%;}
.std_column2.col2_70_26 .right {width:26%;}

.std_column2.col2_74_22 .left {width:74%;}
.std_column2.col2_74_22 .right {width:22%;}

.std_column2.col2_76_20 .left {width:76%;}
.std_column2.col2_76_20 .right {width:20%;}



.std_column2.col2_25_73 .left {width:25%;}
.std_column2.col2_25_73 .right {width:73%;}

.std_column2.col2_30_56 .left {width:30%;}
.std_column2.col2_30_56 .right {width:56%;}

.std_column2.col2_48_48 .left {width:48%;}
.std_column2.col2_48_48 .right {width:48%;}


.std_flex2 {
	display:flex;
	justify-content: space-between;
}

.std_flex2 .column { width:48%;}
.std_flex2.col2_49_49 .column { width:49%;}
.std_flex2.col2_50_50 .column { width:50%;}
.std_flex2.col2_60_37 .column:nth-child(1) { width:60%;}
.std_flex2.col2_60_37 .column:nth-child(2) { width:37%;}


.std_column3{
}

.std_column3 .column {
	width:32.5%;
	margin-right:1.25%;
	float:left;
}

.std_flex3 {
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.std_flex3 .col3 {
	width:32%;
	margin-bottom:1em;
}




.std_column4 {
}

.std_column4 .column {
	width:23%;
	margin-right:2.6%;
	float:left;
}

.std_column5 {
}

.std_column5 .column {
	width:19%;
	margin-right:1%;
	float:left;
}


.std_column3:after,
.std_column4:after,
.std_column5:after {
	content:"";
	clear:both;
	display:block;
}

.std_column3 .column:nth-child(3),
.std_column4 .column:nth-child(4),
.std_column5 .column:nth-child(5) {
	margin-right:0;
}

.std_lead {
	font-weight:500;
	font-size:24px;
}

.std_box {
	text-indent:110%;
	overflow:hidden;
	display:block;
	white-space:nowrap;
	width:100%;
	height:100%;
}

.ab_image {
	position:absolute;
	background-size:cover;
}

.totop {
	position: fixed;
	width: 120px;
	height: 133px;
	bottom: -200px;
	right: 50px;
	z-index: 1000;
}

.toggle_box{
	display:none;
	background-color:#eaf8ff; /*#deebff;*/
	padding:20px;
	margin-top:20px;
}
.btn{
	background:url(images/toggle.png) no-repeat left top;
	width:42px;
	height:32px;
	display:block;
	float:right;
}
.btn.active{
	background-position:left bottom;
}
.btn:hover{
	cursor:pointer;
}

a.std_button1 {
	display:block;
	width:50%;
	margin:2em auto;
	padding:25px;
	text-align:center;
	color:white;
	background-color:#0586e9;
	font-size:20px;
	font-weight:bold;
	border-radius:35px;
	text-decoration:none;
}

/* header */
 .ja {
	position:absolute;
	z-index:70;
	width:200px;
	height:63px;
	background:url(images/header_ja.png) no-repeat left top;
	background-size:cover;
	left:0;
}

/*
.youtube_area {
	width:85%;
	margin-left:auto;
	margin-right:auto;
}
*/

sub {
	bottom:0;
}
	
/*----------------------------------------
 * あつぎの農業を育てて応援！
 * 今日からみんなも国消国産・地産地消サポーター
 *----------------------------------------*/

/* 全体背景 */
body {
	background:url(images/bg_article.jpg) repeat center top;
}
 
/* 共通書式 */
.col_green {
	color:#519300;
}

.common_midashi1 {
	display:inline-block;
	padding:0 1em;
	background-color:#519300;
	color:white;
	font-weigh:500;
	line-height:1.8em;
	margin-right:1em;
}

.common_fukidashi {
	position:relative;
	border:3px solid #519300;
	border-radius:20px;
	background-color:white;
}

.common_fukidashi_inner {
/*
	font-size:14px;
*/
	line-height:2em;
	padding:15px;
	font-weight:500;
}

.common_fukidashi::before {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    top: 46px;
}

.left .common_fukidashi::before {
    right: -23px;
    border-left: 21px solid #3d7800;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}

.right .common_fukidashi::before {
    left: -23px;
    border-right: 21px solid #3d7800;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}


.common_fukidashi::after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    top: 46px;
}

.left .common_fukidashi::after {
    right: -18px;
    border-left: 21px solid white;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}

.right .common_fukidashi::after {
    left: -18px;
    border-right: 21px solid white;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}

a.zoom,
a.zoom2,
a.zoom3,
a.zoom3_no_brightness {
	display:block;
	transition: all 0.3s ease 0s;
}

a.zoom:hover {
	filter: brightness(105%);
	-moz-transform: scale(1.05, 1.05);
	-webkit-transform: scale(1.05, 1.05);
	-o-transform: scale(1.05, 1.05);
	-ms-transform: scale(1.05, 1.05);
}

a.zoom2:hover {
	filter: brightness(110%);
	-moz-transform: scale(1.15, 1.15);
	-webkit-transform: scale(1.15, 1.15);
	-o-transform: scale(1.15, 1.15);
	-ms-transform: scale(1.15, 1.15);
}

a.zoom3:hover {
	filter: brightness(110%);
	-moz-transform: scale(1.3, 1.3);
	-webkit-transform: scale(1.3, 1.3);
	-o-transform: scale(1.3, 1.3);
	-ms-transform: scale(1.3, 1.3);
}

a.zoom3_no_brightness:hover {
	-moz-transform: scale(1.3, 1.3);
	-webkit-transform: scale(1.3, 1.3);
	-o-transform: scale(1.3, 1.3);
	-ms-transform: scale(1.3, 1.3);
}


/*************************
***
***  メイン画像部分
***
**************************/
body {
	background:url(images/bg.jpg) repeat center top;
}

header {
	position:absolute;
	width:100%;
	z-index:60;
}

article {
	overflow:hidden;

}

.main_area_outer {
	width:100%;
	position:relative;
	overflow:hidden;
}

.main_area {
	position:relative;
	z-index:10;
	width:1400px;
	/*
	height:1020px;
	*/
	margin-left:auto;
	margin-right:auto;
}

.main_area .main_title {
	background-image:url(images/main_title.png?v=4);
	width:300px;height:100px;
	left:calc(50% - 150px);
	top:6px;
	z-index:10;
}

.main_area .main_title_logo {
	background-image:url(images/main_title_logo.png?v=4);
	width:435px;height:489px;
	left:calc(50% - 218px);top:77px;
	margin:0;
	z-index:9;
}

.main_area .main_yasai {
	background-image:url(images/main_yasai.png?v=4);
	width:909px;height:615px;
	left:calc(50% - 483px);top:10px;
	margin:0;
	z-index:8;
}

.main_area .main_sdgs_2 {
	background-image:url(images/main_sdgs_2.png?v=4);
	width:76px;height:76px;
	left:234px;top:12px;
	z-index:10;
}

.main_area .main_sdgs_11 {
	background-image:url(images/main_sdgs_11.png?v=4);
	width:76px;height:76px;
	left:320px;top:12px;
	z-index:10;
}

.main_area .main_sdgs_17 {
	background-image:url(images/main_sdgs_17.png?v=4);
	width:76px;height:76px;
	left:407px;top:12px;
	z-index:10;
}

/* 組合長 */
.main_area .main_kumiaichou {
	background-image:url(images/main_kumiaichou.png?v=4);
	width:436px;height:248px;
	left:0px;top:70px;
	margin:0;z-index:9;
}

/* 推して応援！ */
.main_area .main_oshi_01 {
	background-image:url(images/main_oshi_01.png?v=4);
	width:320px;height:180px;
	left:0px;top:303px;
	margin:0;z-index:9;
}

.main_area .main_oshi_02 {
	background-image:url(images/main_oshi_02.png?v=4);
	width:338px;height:370px;
	left:0px;top:618px;
	margin:0;z-index:9;
}

.main_area .main_oshi_03 {
	background-image:url(images/main_oshi_03.png?v=4);
	width:344px;height:228px;
	left:0px;top:482px;
	margin:0;z-index:9;
}

/* 学んで応援！ */
.main_area .main_manabi_01 {
	background-image:url(images/main_manabi_01.png?v=4);
	width:486px;height:120px;
	right:0px;top:8px;
	margin:0;z-index:9;
}

.main_area .main_manabi_02 {
	background-image:url(images/main_manabi_02.png?v=4);
	width:360px;height:210px;
	right:16px;top:113px;
	margin:0;z-index:9;
}

/* 参加して応援！ */
.main_area .main_sanka_01 {
	background-image:url(images/main_sanka_01.png?v=4);
	width:348px;height:210px;
	right:26px;top:323px;
	margin:0;z-index:9;
}

.main_area .main_sanka_02 {
	background-image:url(images/main_sanka_02.png?v=5);
	width:290px;height:130px;
	right:26px;top:535px;
	margin:0;z-index:9;
}

.main_area .main_sanka_03 {
	background-image:url(images/main_sanka_03.png?v=4);
	width:290px;height:350px;
	right:26px;top:662px;
	margin:0;z-index:9;
}

/* キャンペーン期間 */
.main_area .main_kikan {
	background-image:url(images/main_kikan.png?v=4);
	width:590px;height:100px;
	left:calc(50% - 295px);top:530px;
	margin:0;z-index:9;
}


/* 枠1 */
/*
.main_area .main_waku {
	background-color:white;
	border:5px solid #f7b115;
	border-radius:20px;
	width:360px;height:415px;
	left:34px;top:586px;
	z-index:5;
}

.main_area .main_kikan {
	background-image:url(images/main_kikan.png);
	width:330px;height:72px;
	left:45px;top:611px;
	z-index:10;
}

.main_area .main_houhou_iroiro {
	background-image:url(images/main_houohou_iroiro.png);
	width:330px;height:60px;
	left:54px;top:710px;
	z-index:10;
}

.main_area .main_icon_stamp {
	background-image:url(images/main_icon_stamp.png);
	width:62px;height:56px;
	left:53px;top:803px;
	z-index:18;
}

.main_area .main_icon_insta {
	background-image:url(images/main_icon_insta.png);
	width:75px;height:75px;
	left:129px;top:795px;
	z-index:18;
}

.main_area .main_icon_form {
	background-image:url(images/main_icon_form.png);
	width:96px;height:52px;
	left:220px;top:806px;
	z-index:18;
}

.main_area .main_icon_hagaki {
	background-image:url(images/main_icon_hagaki.png);
	width:36px;height:50px;
	left:345px;top:808px;
	z-index:18;
}

.main_area .main_present {
	background-image:url(images/main_present.png);
	width:330px;height:100px;
	left:56px;top:890px;
	z-index:18;
}
*/

/* 枠2 */
.main_area .main_waku2 {
	background-image: linear-gradient(90deg, rgba(242, 150, 0, 1), rgba(233, 85, 4, 1));
	border-radius:20px;
	width:710px;height:auto;
	left:calc(50% - 355px);top:640px;
	z-index:5;
}

.main_area .main_waku2 .inner {
	padding:20px;
}

.main_area .main_waku2 .inner strong {
	font-size:20px;
	font-weight:900;
	text-align:center;
	color:#ffff00;
	display:block;
}

.main_area .main_waku2 .inner div.text {
	margin:10px 0;
	font-size:16px;
	line-height:1.6em;
	color:white;
	text-align:justify;
}

/*
.main_area .main_yumemichan {
	background-image:url(images/main_yumemichan.png);
	width:83px;height:110px;
	left:340px;top:782px;
	z-index:10;
}

.main_area .main_hashtag {
	width:244px;height:56px;
	left:123px;top:795px;
	background-image:url(images/main_hashtag.png);
	z-index:15;
}
*/

/*
@media screen and (max-width: 1150px) {
	.main_area {width:100%;	}
	.main_area .main_teacher_1{ right:372px;}
	.main_area .main_teacher_2{ right:186px;}
	.main_area .main_present{ left:0;}
	.main_area .main_yumemichan {left:255px;}
	.main_area .main_houhou_iroiro{left:10px;}
	.main_area .main_kikan {left:7px;}
}

@media screen and (max-width: 1030px) {
	.main_area .main_present{ width:320px;height:123px;}
	.main_area .main_hanakatsu{ width:600px;height:223px;}
	.main_area .main_kikan{ width:400px;height:94px;top:484px;}
	.main_area .main_yumemichan {display:none;
	.main_area .main_houhou_iroiro{top:627px;}}
	.main_area .main_icon_stamp {left:15px;}
	.main_area .main_icon_insta {left:86px;}
	.main_area .main_hashtag {left:67px;}
	.main_area .main_icon_form { left:174px;}
	.main_area .main_icon_hagaki {left:294px;}

}
}
*/

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

@media screen and (max-width: 1380px) {
	.main_area {
		width:100%;
		/*
		height:1090px;
		*/
	}
	.main_area .main_waku2 {
		width:44%;
		left:28%;
		height:auto;
	}
	.main_area .full_size {
		display:none;
	}

}

@media screen and (max-width: 1300px) {
	.main_area {
		/*
		height:1100px;
		*/
	}
	.main_area .main_yasai {
		width:780px;height:534px;
		left:calc(50% - 423px);top:40px;
	}
	.main_area .main_waku2 .inner strong {
		font-size:18px;
	}
}

@media screen and (max-width: 1260px) {
	.main_area {
		/*
		height:1060px;
		*/
	}
	.main_area .main_sdgs_2,
	.main_area .main_sdgs_11,
	.main_area .main_sdgs_17,
	.main_area .main_kumiaichou,
	.main_area .main_oshi_01,
	.main_area .main_oshi_02,
	.main_area .main_oshi_03,
	.main_area .main_manabi_01,
	.main_area .main_manabi_02,
	.main_area .main_sanka_01,
	.main_area .main_sanka_02,
	.main_area .main_sanka_03,
	.main_area .main_kikan {
		transform:scale(0.92);
	}

	.main_area .main_sdgs_2 {left:219px;}
	.main_area .main_sdgs_11 {left:294px;}
	.main_area .main_sdgs_17 {left:369px;}
	.main_area .main_oshi_02 {top:629px;}
	.main_area .main_oshi_03 {top:478px;}
	.main_area .main_sanka_02 {top:542px;}
	
	.main_area .main_waku2 {
		width:44%;
		left:28%;
		height:auto;
	}
	.main_area .main_waku2 .inner strong {
		font-size:16px;
	}
	.main_area .main_waku2 .inner div.text {
		font-size:14px;
	}
}

@media screen and (max-width: 1180px) {
	.main_area {
		/*
		height:985px;
		*/
	}
	.main_area .main_sdgs_2,
	.main_area .main_sdgs_11,
	.main_area .main_sdgs_17,
	.main_area .main_kumiaichou,
	.main_area .main_oshi_01,
	.main_area .main_oshi_02,
	.main_area .main_oshi_03,
	.main_area .main_manabi_01,
	.main_area .main_manabi_02,
	.main_area .main_sanka_01,
	.main_area .main_sanka_02,
	.main_area .main_sanka_03,
	.main_area .main_kikan {
		transform:scale(0.8);
	}
	
	.main_area .main_sdgs_2 {left:211px;}
	.main_area .main_sdgs_11 {left:276px;}
	.main_area .main_sdgs_17 {left:341px;}
	.main_area .main_kumiaichou{left:-25px;}
	.main_area .main_oshi_02 {top:591px;}
	.main_area .main_oshi_03 {top:456px;}
	.main_area .main_manabi_02 {top:94px;}
	.main_area .main_sanka_01 {top:298px;}
	.main_area .main_sanka_02 {top:495px;}
	.main_area .main_sanka_03 {top:594px;}

	.main_area .main_waku2 .inner {
		padding:10px;
	}
}

@media screen and (max-width: 1120px) {
	.main_area {
		/*
		height:970px;
		*/
	}
	
	.main_area .main_kumiaichou,
	.main_area .main_oshi_01,
	.main_area .main_oshi_02,
	.main_area .main_oshi_03,
	.main_area .main_manabi_01,
	.main_area .main_manabi_02,
	.main_area .main_sanka_01,
	.main_area .main_kikan {
		transform:scale(0.75);
	}

	.main_area .full_size {
		display:block;
	}
	.main_area .main_yasai {
        width: 650px;
        height: 450px;
        left: calc(50% - 341px);
        top: 57px;
	}
	.main_area .main_title_logo {
		transform:scale(0.9);
		top:54px;
	}

	.main_area .main_waku2 {
		top:586px;
		width:40%;
		left:30%;
		height:auto;
	}

	.main_area .main_waku2 .inner strong {
		font-size:13px;
	}
	
	.main_area .main_sdgs_2 {left:31px;top:70px;}
	.main_area .main_sdgs_11 {left:98px;top:70px;}
	.main_area .main_sdgs_17 {left:166px;top:70px;}
	
	.main_area .main_kumiaichou {left:-40px;top:119px;}

	.main_area .main_oshi_01 { left:0px; top:319px;}
	.main_area .main_oshi_02 { left:0px; top:573px;}
	.main_area .main_oshi_03 { left:-11px; top:461px;}

	.main_area .main_manabi_01 { right:-50px; top:35px;}
	.main_area .main_manabi_02 { right:0px; top:109px;}
	
	.main_area .main_sanka_01 { right:0px; top:298px}
	.main_area .main_sanka_02 { right:26px; top:502px}
	.main_area .main_sanka_03 { right:26px; top:594px}
	
	.main_area .main_kikan { top:485px;}
}

@media screen and (max-width: 1000px) {
	.main_area {
		/*
		height:970px;
		*/
	}
	.main_area .main_kumiaichou,
	.main_area .main_oshi_01,
	.main_area .main_oshi_02,
	.main_area .main_oshi_03,
	.main_area .main_manabi_01,
	.main_area .main_manabi_02,
	.main_area .main_sanka_01,
	.main_area .main_kikan {
		transform:scale(0.7);
	}

	.main_area .main_kumiaichou {left:-60px;}
	.main_area .main_sanka_02 {right:0px;}
	.main_area .main_sanka_03 {right:0px;}

}

@media screen and (max-width: 960px) {
	.main_area {
		/*
		height:970px;
		*/
	}
	
	.main_area .main_kumiaichou,
	.main_area .main_oshi_01,
	.main_area .main_oshi_02,
	.main_area .main_oshi_03,
	.main_area .main_manabi_01,
	.main_area .main_manabi_02,
	.main_area .main_sanka_01,
	.main_area .main_kikan {
		transform:scale(0.6);
	}

}

/*************************
***
***  sec1 応募方法など
***
**************************/
.sec1 {
/*
	background-color:#e1eaff;
*/
	width:98%;
	max-width:1380px;
	margin-left:auto;
	margin-right:auto;
}

.sec1 .waku1 {
	background: url(images/bg_waku1.png) repeat left top;
	padding: 30px;
}

.waku1 .waku1_inner {
	background-color: white;
	padding: 30px 17px;
}
.sec1 .waku1 h2 {
	margin:0;
}

.sec1 .waku1 .column {
	text-align:center;
}

.sec1 .waku1 .column h3 {
	padding-bottom:10px;
	border-bottom:7px solid black;
	margin:0 0 10px 0;
	font-weight:500;
	font-size:1.4rem;
}

/*
.sec1 .waku1 .column:nth-child(4) div:first-of-type {
	width:223px;
}
*/


.sec1 .waku1 .column .tousen5 {
/*
	width:130px;
*/
	margin:0 auto;
}

.sec1 .pc.w1200 {display:none;}

@media screen and (max-width: 1200px) {
.sec1 .pc.w1200 {display:block;}	
}

/*************************
***
***  共通パーツ
***
**************************/
article p {
	margin:0;
	text-align:justify;
}



.name {
	font-size:0.875rem;
	line-height:1.6em;
	text-align:center;
}

.name strong {
	font-size:1.2rem;
}

.name div {
	margin-top:5px;
}



.std_text {
	text-align:justify;
}


.waku_white {
	background-color:white;
	border-radius:20px;
	width:98%;
	margin-left:auto;
	margin-right:auto;
}

.waku_white .inner {
	padding:20px;
}

.step_midashi {
	display:block;
	width:130px;
	margin-left:auto;
	margin-right:auto;
}

.om_std_h2 {
	font-size:2.5rem;
	font-weight:700;
	text-align:center;
	margin-top:0.2em;
}

.om_fukidashi {
	position:relative;
	font-size:1.25rem;
	background-color:white;
	border:3px solid black;
	border-radius:20px;
	line-height:1.8em;
	padding:1em;
}

.om_fukidashi.fuki_right:after {
	background:url(images/fukidashi.png) no-repeat center center;
	content:'';
	display:block;
	position:absolute;
	width:60px;
	height:34px;
	right:-20px;
}

.om_fukidashi.fuki_bottom:after {
	background:url(images/fukidashi.png) no-repeat center center;
	content:'';
	display:block;
	position:absolute;
	width:60px;
	height:34px;
	left:50%;
	transform: scale(-1, 1) rotate(90deg);
	bottom:-37px;
}

.om_fukidashi.fuki_left:after {
	background:url(images/fukidashi.png) no-repeat center center;
	content:'';
	display:block;
	position:absolute;
	width:60px;
	height:34px;
	left:-50px;
	top:60%;
	transform: scale(-1, 1) ;
}


.om_dash_waku {
	border:3px dashed black;
	border-radius:20px;
	padding:1em;
}

.om_step_keyword {
	width:340px;
	display:block;
	margin-left:auto;
	margin-right:auto;
}


/*************************
***
***  sec-step1
***
**************************/
.sec-step1 { background-color:#fffbe0;}

.sec-step1 .step1_1 .om_fukidashi.fuki_right:after {
	right:-50px;
	top:45%;
}

.sec-step1 .step1_1 .right img { width:130px; height:130px;margin-left:20px;}

.sec-step1 .step1_2 .left.green { background-color:#36b1a7;}
.sec-step1 .step1_2 .right.red { background-color:#d54b4f;}

.sec-step1 .step1_2 .column.left,
.sec-step1 .step1_2 .column.right {
	padding:20px;
	border-radius:20px;
	box-sizing:border-box;
}

.sec-step1 .step1_2 .column.right {
}

.sec-step1 .step1_2 h3 {
	color:white;
	font-size:1.5rem;
	text-align:center;
	margin:0.5em 0 1em 0;
}

.sec-step1 .step1_2 .std_flex3 .col3 {
	padding:15px;
	box-sizing:border-box;
	background-color:white;
	border-radius:20px;
}

.sec-step1 .step1_2 .std_flex3 .col3 h4 {
	margin:0;
	line-height:1.3em;
	font-size:1.25rem;
	text-align:center;
	color:#36b1a7;
}

.sec-step1 .step1_2 .std_flex3 .col3 p {
	margin:0em;
	line-height:1.4em;
	text-align:center;
	font-size:0.9375rem;
}

.sec-step1 .step1_2 .right .col1 {
	padding:20px 20px 10px 20px;
	background-color:white;
	border-radius:15px;
}

.sec-step1 .step1_2 .right .col1:first-of-type { margin-bottom:1em;}

.sec-step1 .step1_2 .right h4 {
	margin:0;
	line-height:1.3em;
	font-size:1.25rem;
	text-align:center;
	color:#d54b4f;
}

.sec-step1 .step1_2 .right dl { margin:0;}
.sec-step1 .step1_2 .right dl dt {
	color:white;
	padding:0.2em 0.8em;
	border-radius:10px;
	float:left;
	font-weight:500;
	border:1px solid #d54b4f;
}
.sec-step1 .step1_2 .right dl.c1 { margin-bottom:1em;}
.sec-step1 .step1_2 .right dl.c1 dt { background-color:#d54b4f;color:white;}
.sec-step1 .step1_2 .right dl.c2 dt { background-color:white;color:#d54b4f;}

.sec-step1 .step1_2 .right dl dd {
	margin-left:5em;
	line-height:1.6em;
}


/*************************
***
***  sec-step2
***
**************************/
.sec-step2 { background-color:#fffefa;}

.sec-step2 .om_fukidashi h3.kiwi {
	font-size:2rem;
	line-height:1.5em;
	margin:0;
}

.sec-step2 .om_fukidashi .sodateru,
.sec-step2 .om_fukidashi .uru,
.sec-step2 .om_fukidashi .kau {
	display:inline-block;
	padding:0 0.5em;
}
.sec-step2 .om_fukidashi .sodateru { background-color:#c9dbb0;}
.sec-step2 .om_fukidashi .uru { background-color:#f2bcc2;}
.sec-step2 .om_fukidashi .kau { background-color:#f6d19e;}

.sec-step2 .om_fukidashi .sodateru { background-color:#c9dbb0;}

.sec-step2 .step2_2_flex {
	display:flex;
	justify-content: space-between;
}

.sec-step2 .step2_2_flex .step2_2_col {
	width:25%;
	position:relative;
}

.sec-step2 .step2_2_flex .step2_2_col h3 {
	margin:0;
}

.sec-step2 .step2_2_flex .step2_2_col .arrow {
	position:absolute;
	top:50%;
}

.sec-step2 .step2_2_flex .step2_2_col .arrow p {
	text-align:center;
	line-height:1.5em;
}


.sec-step2 .step2_2_flex .step2_2_col.col1 .arrow {
	color:#71a02f;
	right:-50%;;
}

.sec-step2 .step2_2_flex .step2_2_col.col3 .arrow {
	color:#e88600;
	left:-40%;
	width:180px;
}

@media screen and (max-width: 1250px) {
	.sec-step2 .step2_2_flex .step2_2_col.col1 .arrow { top:11%;}
	.sec-step2 .step2_2_flex .step2_2_col.col3 .arrow { top:10%;}
}

@media screen and (max-width: 1100px) {
	.sec-step2 .step2_2_flex .step2_2_col.col1 .arrow { top:1%;right:-65%;}
	.sec-step2 .step2_2_flex .step2_2_col.col3 .arrow { top:0%;left:-55%;}
}

/*************************
***
***  sec-step3
***
**************************/
.sec-step3 { background-color:#f3f7e8;}

.sec-step3 a,.sec-step3 a:visited { color:#009245;	transition: all 0.3s ease 0s;}
.sec-step3 a:hover { filter: brightness(120%);}
.sec-step3 a:has(img):hover { filter: unset}


.sec-step3 .om_std_h2_wrapper {
	text-align:center;
}
.sec-step3 .om_std_h2 {
	position:relative;
	display:inline-block;
	padding-left:140px;
	height:160px;
	background:url(images/step3_sodateru.png) no-repeat left center;
	background-size:contain;
	margin-top:-50px;
	padding-top:70px;
	box-sizing:border-box;
}

.sec-step3 .step3_1 .om_waku2 {
	background:url(images/step3_1_waku2.jpg) repeat left center;
	padding:2em;
}

.sec-step3 .step3_1 .om_waku2 h3 {
	margin:0;
	color:#71a02f;
	font-size:1.625rem;
	display:inline-block;
	position:relative;
}

.sec-step3 .step3_1 .om_waku2 h3:before {
	content:'';
	position:absolute;
	display:block;
	width:22px;
	height:32px;
	background:url(images/step3_h3_before.png) no-repeat center center;
	left:-1.2em;
	top:0;
}

.sec-step3 .step3_1 .om_waku2 h3:after {
	content:'';
	position:absolute;
	display:block;
	width:22px;
	height:32px;
	background:url(images/step3_h3_after.png) no-repeat center center;
	right:-1.2em;
	top:0;
}

.sec-step3 .step3_1 .om_waku2 h4 {
	text-align:center;
	font-size:1.625rem;
	font-weight:500;
	margin:0.5em 0;
}

.sec-step3 .step3_2 {
	background-color:white;
	padding:30px 20px;
	border-radius:20px;
}

.sec-step3 .step3_2 h3.kiwi {
	font-size:2rem;
	margin:0;
	color:#71a02f;
}

/*************************
***
***  sec-step4
***
**************************/
.sec-step4 { background-color:#fff8f8;}

.sec-step4 a,.sec-step4 a:visited { color:#dc4e5e;	transition: all 0.3s ease 0s;}
.sec-step4 a:hover { filter: brightness(120%);}
.sec-step4 a:has(img):hover { filter: unset;}

.sec-step4 .om_std_h2_wrapper {
	text-align:center;
}
.sec-step4 .om_std_h2 {
	position:relative;
	display:inline-block;
	padding-left:140px;
	height:160px;
	background:url(images/step4_uru.png) no-repeat left center;
	background-size:contain;
	margin-top:-50px;
	padding-top:70px;
	box-sizing:border-box;
}

.sec-step4 .step4_1 .om_fukidashi.fuki_right:after {
	right:-50px;
	top:45%;
}

.sec-step4 .step4_1 .om_waku2 {
	background:url(images/step4_1_waku2.jpg) repeat left center;
	padding:2em;
}

.sec-step4 .step4_1 .om_waku2 h3 {
	margin:0;
	color:#dc4e5e;
	font-size:1.625rem;
	display:inline-block;
	position:relative;
}

.sec-step4 .step4_1 .om_waku2 h3:before {
	content:'';
	position:absolute;
	display:block;
	width:22px;
	height:32px;
	background:url(images/step4_h3_before.png) no-repeat center center;
	left:-1.2em;
	top:0;
}

.sec-step4 .step4_1 .om_waku2 h3:after {
	content:'';
	position:absolute;
	display:block;
	width:22px;
	height:32px;
	background:url(images/step4_h3_after.png) no-repeat center center;
	right:-1.2em;
	top:0;
}

.sec-step4 .step4_1 .om_waku2 h4 {
	text-align:center;
	font-size:1.625rem;
	font-weight:500;
	margin:0.5em 0;
}

.sec-step4 .step4_2 {
	background-color:white;
	padding:30px 20px;
	border-radius:20px;
}

.sec-step4 .step4_2 h3.kiwi {
	font-size:2rem;
	margin:0;
	color:#dc4e5e;
}

.sec-step4 .om_bottom_border {
	position:relative;
	padding-bottom:1em;
	margin-bottom:1em;
}

.sec-step4 .om_bottom_border:after {
	content:'';
	display:block;
	position:absolute;
	width:90%;
	height:2px;
	left:5%;
	background-color:#efaeb5;
	bottom:0;
}

.sec-step4 .step4_2 .yumemiichi {
	display:flex;
	justify-content: center;
	font-size:0.875rem;
	line-height:1.6em;
}

.sec-step4 .step4_2 .yumemiichi h4 {
	font-size:1.125rem;
	margin:0 0 0.2em 0;
}

.sec-step4 .step4_2 .yumemiichi img {
	max-width:177px;
	width:10vw;
	margin-right:15px;
}

/*************************
***
***  sec-step5
***
**************************/
.sec-step5 { background-color:#fceedb;}

.sec-step5 .om_std_h2_wrapper {
	text-align:center;
}
.sec-step5 .om_std_h2 {
	position:relative;
	display:inline-block;
	padding-left:140px;
	height:160px;
	background:url(images/step5_kau.png?v=1913) no-repeat left center;
	background-size:contain;
	margin-top:-50px;
	padding-top:70px;
	box-sizing:border-box;
}

.sec-step5 .illust_area {
	display:flex;
	justify-content: space-between;
}

.sec-step5 .illust_area img {
	width:24%;
	height:auto;
}

.sec-step5 .step5_2 {
	background-color:white;
	padding:30px 20px;
	border-radius:20px;
}

.sec-step5 .step5_2 h3.kiwi {
	font-size:2rem;
	margin:0;
	color:#e88600;
}

.sec-step5 .step5_2 .om_fukidashi.fuki_right:after {
	right:-50px;
	top:45%;
}

.sec-step5 .step5_2 .om_syokuiku_flex {
	display:flex;
	justify-content: space-between;
}

.sec-step5 .step5_2 .om_syokuiku_flex .column:nth-child(1){ width:34%;margin-right:2%;}
.sec-step5 .step5_2 .om_syokuiku_flex .column:nth-child(2){ width:39%;}
.sec-step5 .step5_2 .om_syokuiku_flex .column:nth-child(3){ width:22%;}

.sec-step5 .step5_2 h4 {
	font-size:1.125rem;
	margin:0 0 0.2em 0;
}

/*************************
***
***  sec-step6
***
**************************/
.sec-step6 { background-color:#edf6fb;}

.sec-step6 a,.sec-step6 a:visited { color:#3a9ad6;	transition: all 0.3s ease 0s;}
.sec-step6 a:hover { filter: brightness(120%);}

.sec-step6 .om_std_h2_wrapper {
	text-align:center;
}

.sec-step6 .step6_1.om_waku2 {
	background:url(images/step6_1_waku2.jpg) repeat left center;
	padding:2em;
}

.sec-step6 .step6_1.om_waku2 .col2_22_74 .left {
	width:400px;
}

.sec-step6 .step6_1.om_waku2 .col2_22_74 .right {
	width:calc(100% - 400px);
}


.sec-step6 .step6_1.om_waku2 h3,
.sec-step6 .step6_3 h3 {
	margin:0;
	color:#3a9ad6;
	font-size:1.725rem;
	display:inline-block;
	position:relative;
}

.sec-step6 .step6_1.om_waku2 h3:before {
	content:'';
	position:absolute;
	display:block;
	width:22px;
	height:32px;
	background:url(images/step6_h3_before.png) no-repeat center center;
	left:-1.2em;
	bottom:0;
}

.sec-step6 .step6_1.om_waku2 h3:after {
	content:'';
	position:absolute;
	display:block;
	width:22px;
	height:32px;
	background:url(images/step6_h3_after.png) no-repeat center center;
	right:-1.2em;
	bottom:0;
}

.sec-step6 .step6_1.om_waku2 h4,
.sec-step6 .step6_2.om_waku2 h4,
.sec-step6 .step6_3 h4 {
	font-size:1.375rem;
	font-weight:700;
	margin:0.5em 0;
}

.sec-step6 .step6_1.om_waku2 .om_fukidashi.fuki_left:after {
	left:-50px;
	top:40%;
	transform: scale(-1, -1) ;
}

.sec-step6 .step6_1_2_1 {
	background-color:white;
	padding:30px 20px;
	border-radius:20px;
}

.sec-step6 .step6_1.om_waku2 h3.kiwi:before,
.sec-step6 .step6_1.om_waku2 h3.kiwi:after {
	content:none;
}

.sec-step6 .step6_2.om_waku2 {
	background:url(images/step6_2_waku2.jpg) repeat left center;
	padding:2em;
}

.sec-step6 .step6_2.om_waku2 h3 {
	margin:0;
	color:#887763;
	font-size:1.725rem;
	display:inline-block;
	position:relative;
}

.sec-step6 .step6_2.om_waku2 h3:before {
	content:'';
	position:absolute;
	display:block;
	width:22px;
	height:32px;
	background:url(images/step6_h3_2_before.png) no-repeat center center;
	left:-1.2em;
	bottom:0;
}

.sec-step6 .step6_2.om_waku2 h3:after {
	content:'';
	position:absolute;
	display:block;
	width:22px;
	height:32px;
	background:url(images/step6_h3_2_after.png) no-repeat center center;
	right:-1.2em;
	bottom:0;
}

.sec-step6 .step6_2.om_waku2 .left img {
	mix-blend-mode: multiply;
}

.sec-step6 .step6_3{
	background-color:white;
	padding:30px 20px;
	border-radius:20px;
}

.sec-step6 .step6_3 .std_flex2 {
	flex-wrap: wrap;
}

.sec-step6 .step6_3 .flex_img {
	display:flex;
	justify-content: space-between;
}

.sec-step6 .step6_3 .flex_img img {
	width:23%;
	height:auto;
}


/*************************
***
***  sec-step7
***
**************************/
.sec-step7 { background-color:#ebfff8;}

.sec-step7 .om_std_h2_wrapper {
	text-align:center;
}

.sec-step7 h2 {
	line-height:1.5em;
}

.sec-step7 h4 {
	font-size:1.375rem;
	font-weight:700;
	margin:0.5em 0;
}

.sec-step7 .om_fukidashi {
	padding:20px 40px 40px 40px;
}

.sec-step7 .om_fukidashi.fuki_left:after {
	top:10%;
}

/*************************
***
***  sec-goal
***
**************************/
.sec-goal { background-color:white;}

.sec-goal .goal_message { width:770px;margin-left:auto;margin-right:auto;}




/*************************
***
***  イベント情報
***
**************************/
.festa .festa_main img {
	position:relative;
	z-index:0;
}

.festa .festa_contents {
	position:relative;
	z-index:1;
	font-size:1.1em;
}

.festa .sec1 dl {
	margin:0;
	line-height:1.6em;
	margin-bottom:1em;
}

.festa .sec1 dl:after { content:'';display:block;clear:both;}

.festa .sec1 dl dt {
	float:left;
	width:5em;
	display:block;
	background-color:#009f73;
	border-radius:10px;
	color:white;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
}

.festa .sec1 dl dd {
	margin-left:6em;
}

.festa .sec1 .waku001 {
	border:3px solid #009f73;
	line-height:1.6em;
	padding:1.5em 1em 1em 1em;
	margin-top:10px;
}

.festa .sec1 .right img {
	margin-top:-60px;
}

.festa .sec1 .waku001 strong {
	display:block;
	width:15em;
	margin:-2.2em auto 0 auto;
	background-color:white;
	color:#009f73;
	text-align:center;
}

.festa .sec1 .waku001 div {
	width: 95%;
	margin-left: -7%;
	background-color: white;
	padding: 0.5em 10% 0.5em;
}

.festa .sec2 {
	border-top:2px dashed #009f73;
	padding-top:1em;
	padding-bottom:1em;
}

.festa h2 {
	text-align:center;
	font-size:1.1em;
}

.festa h2 strong {
	display:inline-block;
	padding:0.2em 1em;
	background-color:#ccc;
	border-radius:10px;
	color:white;
}

.festa h2.h2_1 strong { background-color:#2ca6e0;}
.festa h2.h2_2 strong { background-color:#ea6067;}
.festa h2.h2_3 strong { background-color:#fac300;}
.festa h2.h2_4 strong { background-color:#8cc347;}
.festa h2.h2_5 strong { background-color:#8cc347;}
.festa h2.h2_6 strong { background-color:#2ca6e0;}
.festa h2.h2_7 strong { background-color:#ea6067;}

.festa .sec3 {
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-top:1em;
	padding-bottom:1em;
}


.festa .sec3 .col {
	width:33.3%;
	padding-bottom:0.5em;
	border-top:2px dashed #009f73;
}

.festa .sec3 .col .inner {
	margin-top:1em;
	margin-bottom:0.5em;
}

.festa .sec3 .col:nth-child(3n-1) .inner {
	border-left:2px dashed #009f73;
	border-right:2px dashed #009f73;

}

.festa .sec3 .col .inner div {
	width:80%;
	margin-left:auto;
	margin-right:auto;
	font-size:0.875rem;
	line-height:1.5em;
	text-align:justify;
}

.festa .sec3 h2 {
	margin-top:0;
	padding-top:0.5em;
}



@media screen and (max-width: 768px) {
.festa {
	padding-top:150px;
}


.festa .sec1 .right img {
	margin-top: 0px;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.festa .sec3 {
	display:block;
}

.festa .sec3 .col {
	width:100%;
}

.festa .sec3 .col:nth-child(3n-1) .inner {
	border-left:none;
	border-right:none;
}
}







/*************************
***
***  sec_03
***
**************************/
.sec_03 .illust_area img {
	width:24%;
	height:auto;
}

.sec_03 h2, .sec_03 h3 {
	margin:0;
}

.sec_03 .kumiaichou {
	display:block;
	width:90%;
	margin-left:auto;
	margin-right:auto;
}

@media screen and (max-width: 1340px) {
	.sec_03 .kumiaichou {
		width:100%;
	}
}

@media screen and (max-width: 1100px) {
	.sec_03 .kumiaichou {
		width:110%;
	}
}

@media screen and (max-width: 980px) {
	.sec_03 .kumiaichou {
		margin-top:20px;
	}
}

@media screen and (max-width: 900px) {
	.sec_03 .kumiaichou {
		margin-top:0px;
		width:60%;
	}
}



/*************************
***
***  sec_04 推して応援
***
**************************/
.sec_04 .h2_area h2 {
	margin:-87px 0 0 -40px;
	width:110%;
}

.sec_04 .h2_area .right p {
	color:#e50038;
	font-weight:700;
}

.sec_04 img.supporters {
	display:block;
}

.sec_04 .fukidashi {
	position:relative;
	border:3px solid #ccc;
	width:85%;
	margin-left:auto;
	margin-right:auto;
	border-radius:20px;
}

.sec_04 .fukidashi:before {
  content: "";
  position: absolute;
  top: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-bottom: 12px solid #FFF;
  z-index: 2;
}

.sec_04 .fukidashi:after {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-bottom: 14px solid #555;
  z-index: 1;
}

.sec_04 .fukidashi .inner {
	padding:10px;
}

.sec_04 .fukidashi.fuki_1 {
	border-color:#1e8c2e;
	background-color:#ebffee;
}
.sec_04 .fukidashi.fuki_1:before { border-bottom-color:#ebffee;}
.sec_04 .fukidashi.fuki_1:after { border-bottom-color:#1e8c2e;}

.sec_04 .fukidashi.fuki_2 {
	border-color:#fba049;
	background-color:#ffd2a6;
}
.sec_04 .fukidashi.fuki_2:before { border-bottom-color:#ffd2a6;}
.sec_04 .fukidashi.fuki_2:after { border-bottom-color:#fba049;}

.sec_04 .uotake {
	position:relative;
}

.sec_04 .uotake .right {
	position:absolute;
	width:50%;
	right:0;
	top:0;
}

.sec_04 .uotake .right .uotake_inner {
	position:relative;
	margin-left:13%;
}

.sec_04 .uotake .right .fuki {
	position:absolute;
	width:112px;
	height:auto;
	top:0;
	right:-63px;
}

.sec_04 .fukidashi.fuki_3 {
	border-color:#72a62f;
	background-color:#f1ffe0;
}
.sec_04 .fukidashi.fuki_3:before { border-bottom-color:#f1ffe0;}
.sec_04 .fukidashi.fuki_3:after { border-bottom-color:#72a62f;}

.sec_04 .fukidashi.fuki_4 {
	width:92%;
	border-color:#a6962f;
	background-color:#faf4d0;
	margin-bottom:40px;
}
.sec_04 .fukidashi.fuki_4:before { content:none;}
.sec_04 .fukidashi.fuki_4:after { content:none;}


/*************************
***
***  sec_05 学んで応援
***
**************************/
.sec_05 .h2_area h2 {
	margin:-87px 0 0 -40px;
	width:110%;
}

.sec_05 .h2_area .right p {
	color:#0064a0;
	font-weight:700;
}

.sec_05 h3 {
	margin:0 0 1em 0;
	display:inline-block;
	background-color:#f2ee7a;
	padding:0.5em 1em;
	font-size:2em;
}

.sec_05 .flex_column3 {
	display:flex;
	flex-wrap: wrap;
}

.sec_05 .quiz .column{
	width:30%;
	margin-right:2%;
	padding:1%;
	border-radius:18px;
	margin-bottom:4em;
}

.sec_05 .quiz .column.miraichan { width:63.8%;}
.sec_05 .quiz .column:nth-child(3n + 2) { margin-right:0;}

.quiz .quiz_inner {
	padding:10px;
	background-color:white;
	border-radius:15px;
	height:calc(100% - 20px);
	position:relative;
}

.quiz .color_1 {background:url(images/sec5_quiz_col_1.png) repeat left top;}
.quiz .color_2 {background:url(images/sec5_quiz_col_2.png) repeat left top;}
.quiz .color_3 {background:url(images/sec5_quiz_col_3.png) repeat left top;}

.sec_05 .quiz .mondai {
	font-size:1.2rem;
	font-weight:700;
}

.sec_05 .quiz .mondai span {
	display:inline-block;
	border-radius:100px;
	background-color:#ccc;
	color:white !important;
	width:3em;
	height:3em;
	line-height:3em;
	text-align:center;
	margin-right:0.5em;
}

.sec_05 .quiz .color_1 .mondai { color:#ea609e;}
.sec_05 .quiz .color_1 .mondai span { background-color:#ea609e;}

.sec_05 .quiz .color_2 .mondai { color:#008fd3;}
.sec_05 .quiz .color_2 .mondai span { background-color:#008fd3;}

.sec_05 .quiz .color_3 .mondai { color:#56b879;}
.sec_05 .quiz .color_3 .mondai span { background-color:#56b879;}

.sec_05 .quiz .nanido {
	position:absolute;
	right:1em;
	top:2em;
	font-size:0.875rem;
}

.sec_05 .quiz .nanido span {
	color:#ed6c00;
}

.sec_05 .quiz div.text {
	text-align:justify;
	margin:10px 0;
}

.sec_05 .quiz .select {
	font-size:1.2rem;
	font-weight:700;
}


@media screen and (max-width: 1300px) {
	.sec_05 .quiz .select { font-size:1.1rem;}
}

@media screen and (max-width: 1200px) {
	.sec_05 .quiz .select { font-size:1rem;}
}

@media screen and (max-width: 1120px) {
	.sec_05 .quiz .select .left { width:40%;}
	.sec_05 .quiz .select .right { width:58%;}
}

@media screen and (max-width: 980px) {
	.sec_05 .quiz .select { font-size:0.92rem;}
}

@media screen and (max-width: 920px) {
	.sec_05 .quiz .select { font-size:0.85rem;}
}


.sec_05 .quiz .select strong {
	margin-right:0.5em;
}

.sec_05 .quiz .color_1 .select strong { color:#ea609e;}
.sec_05 .quiz .color_2 .select strong { color:#008fd3;}
.sec_05 .quiz .color_3 .select strong { color:#56b879;}

.sec_05 .quiz .select .sentaku {
	padding:10px;
	margin-bottom:10px;
	border-radius:10px;
}

.sec_05 .quiz .select a.sentaku {
	color:black;
	display:block;
	transition: all 0.2s 0s ease;
}

.sec_05 .quiz .select a.sentaku:hover {
	transform:scale(1.05,1.05);
}

.sec_05 .quiz .color_1 .select a.sentaku { background-color:#fff1f7;}
.sec_05 .quiz .color_1 .select a.sentaku:hover { background-color:#ffcde2;}

.sec_05 .quiz .color_2 .select a.sentaku { background-color:#e7f7ff;}
.sec_05 .quiz .color_2 .select a.sentaku:hover { background-color:#a3deff;}

.sec_05 .quiz .color_3 .select a.sentaku { background-color:#e4fde7;}
.sec_05 .quiz .color_3 .select a.sentaku:hover { background-color:#b8e9be;}

.std_modal {
    display: none;
    height: 100vh;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10000;
}

.std_modal_bg {
    background: rgba(0, 0, 0, 0.6);
    height: 100vh;
    position: fixed;
    width: 100%;
    top: 0;
}

.std_modal_content {
    left: 50%;
    position: absolute;
    width: 600px;
    transform: translate(-50%, 0%);
    z-index: 10001;
}

.std_modal_content .kaitou_window {
 border-radius:20px;
 padding:10px;
}

.std_modal_content .color_1.kaitou_window .kaitou { color:#ea609e;}

.std_modal_content .color_2.kaitou_window .kaitou { color:#008fd3;}

.std_modal_content .color_3.kaitou_window .kaitou { color:#56b879;}

.std_modal_bt_close {
    position: absolute;
    background-color: white;
    top: 20px;
    right: 20px;
    border: 1px solid #dddede;
    border-radius: 3px;
    font-size: 35px;
    width: 45px;
    height: 45px;
    text-align: center;
    cursor: pointer;
    line-height: 1.2em;
}

.std_modal_src {
	display:none;
}


.dialog_inner {
	padding:20px;
	background-color:white;
	border-radius:15px;
}

.margin_top-4em {
	margin-top:-4em;
}


/*************************
***
***  sec_06 参加して応援
***
**************************/
.sec_06 .h2_area h2 {
	margin:-87px 0 0 -40px;
	width:110%;
}

.sec_06 .h2_area .right p {
	color:#0064a0;
	font-weight:700;
}

.sec_06 dl {
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

.sec_06 dl:after{ content:'';display:block;clear:both;}
.sec_06 dl dt {
	float:left;
	width:6em;
	padding:0.5em 1em;
	text-align:center;
	background-color:#00a073;
	color:white;
	font-weight:700;
	margin-bottom:1.5em;
	border-radius:15px;
}

.sec_06 dl dd {
	padding:0.5em 1em;
	margin-left:8em;
}

@media screen and (max-width: 1100px) {
	.outer_width {
		width:98%;
		margin-left:auto;
		margin-right:auto;
	}
	.waku_midashi h2 {
		font-size:1.8em !important;
		padding-top:0.5em;
	}
	.sec07 .title_right {width:390px;}
	.sec07 .flex5 strong, .sec07 .flex4 strong {font-size:1.1rem;}
	.sec05 .kakomi_2:after {display:none;}
	.sec05 h3.kakomi_2_midashi img {width:100%;height:auto;}
}


/*************************
***
***  sec_kakomi1 囲み
***
**************************/
.sec_kakomi1  { position:relative;	z-index:7;}
.sec_kakomi1 .kakomi_1 {
	background-color:#e8f4fd;
	border-radius:20px;
	background:#e8f4fd url(images/kakomi_bg.png) no-repeat right 60px bottom;
}
.sec_kakomi1 .kakomi_1 .kakomi_1_inner {
	padding:20px;
}

.sec_kakomi1 .col2_sec_06_kakomi .left { width:34%;}
.sec_kakomi1 .col2_sec_06_kakomi .right { width:64%;}
/*************************
***
***  YouTube
***
**************************/

.youtube ul {
	margin-top:0;
}

.youtube .bx-viewport {
	background-color:transparent !important;
	box-shadow:none !important;
	border:none;
}

.youtube li {
	width:350px;
	margin-right:15px;
}


/*************************
***
***  ゆめみちゃん
***
**************************/
.yumemichan {
	border:5px solid #338dff;
	border-radius:20px;
	background-color:white;
}

.yumemichan .yumemichan_inner {
	padding:30px 0;
}

.yumemichan .yumemichan_inner div {
	font-size:1.5em;
	line-height:2em;
}

/*************************
***
***  応募要項
***
**************************/
.youkou {
	width:98%;
	margin-left:auto;
	margin-right:auto;
	box-sizing:border-box;
	border:6px solid #e88600;
	border-radius:20px;
	background-color:white;
}

.youkou .inner {
	padding:30px;
}

.youkou .std_h2_1col {
    position: relative;
    margin-top: 20px;
    font-size: 2.5rem;
    line-height: 1.4em;
    text-align: center;
    font-weight: 300;
}

.youkou .std_h2_2col {
    font-size: 1.75rem;
    font-weight: 300;
    position: relative;
    padding-left: 48px;
    margin-top: 60px;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.youkou .std_h2_2col:before {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #e88600;
    top: 7px;
    left: 10px;
}

.youkou .std_lead img {
	vertical-align:middle;
	height:80px;
	width:auto;
}

.jimukyoku:after {
	content:' kouhou@at.kn-ja.or.jp';
}

.youkou a,
.campaign_detail a{
	color:#3294ff;
}




/* sec_yumemiichi */
.sec_yumemiichi .yumemiichi_instagram img{
	width:85px;
	height:auto;
	vertical-align:middle;
	margin-right:0.5em;
}

ul.insta  {
	margin-bottom:0;
	padding:0;
}

ul.insta::after {
	content:"";
	display:block;
	clear:both;
}


ul.insta li {
	display:block;
	width:15%;
	float:left;
	margin-right:2%;
	margin-bottom:20px;
}

ul.insta li a {
	display:block;
	width:100%;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
	height:140px;
}

ul.insta li:last-child {
	margin-right:0;
}


/* ゆめみちゃんコメント */

.sec_yumemichan_cooking {
	padding:80px 0;
	background-size:cover;
}

.waku2 {
	padding:30px;
	border:6px dotted #519300;
	background-color:rgba(255,255,255,0.9);
	border-radius:40px;
}

/* プレゼント */

.sec_present {
	padding:0 0 80px 0;
	/*
	background:url(images/bg_main_image.jpg) no-repeat top center;
	*/
	background-size:cover;
}

/*
.sec_present .std_width {
*/
.sec_present {
	background-color:white;
	box-shadow: 3px 3px 10px rgba(0,0,0,0.4);
}

.sec_present .gabyou {
	margin-top:-20px;
}

/*
.sec_present .std_width .sec_present_inner {
*/
.sec_present .sec_present_inner {
	padding:0 30px 30px 30px;
}

/*
.sec_present .std_width .sec_present_inner h2 {
*/
.sec_present .sec_present_inner h2 {
	font-size:2.5rem;
	font-weight:bold;
	text-align:center;
	margin:0 0 20px 0;
}

/*
.sec_present .std_width .sec_present_inner h3 {
*/
.sec_present .sec_present_inner h3 {
	font-size:2rem;
	color: #f7b114;
	margin-bottom:0;
}


















/* 応募要項、利用規約 */
.campaign_detail {
}
.campaign_detail .std_h2_1col {
    position: relative;
    margin-top: 50px;
    font-size: 2.5rem;
    line-height: 1.4em;
    text-align: center;
    border-bottom: 1px solid #ccc;
    font-weight: 300;
    padding-bottom: 40px;
}

.campaign_detail .std_h2_1col:after {
    content: "";
    position: absolute;
    width: 150px;
    height: 5px;
    background-color: #32a761;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,0);
}

.campaign_detail .std_h2_2col {
    font-size: 1.75rem;
    font-weight: 300;
    position: relative;
    padding-left: 48px;
    margin-top: 60px;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.campaign_detail .std_h2_2col:before {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #32a761;
    top: 7px;
    left: 10px;
}

.jimukyoku:after {
	content:' kouhou@at.kn-ja.or.jp';
}

.copyright {
	margin-top:160px;
	padding:4em;
	background:url(images/bg_main_image.jpg) no-repeat top center;
	background-size:cover;
	color:black;
}