@charset "utf-8";

/*
	第二弾用CSS
*/
body {
	background: white;
}

.subject_text h3,
a,
.news_right li a {
	color: #E84709;
}

.top_btn .btn {
	background-color: #E84709;
}

.top_btn .btn.btn2 {
	border: 2px solid #E84709;
	color: #E84709;
}

.top_btn .btn.btn2::before {
	border-color: transparent transparent transparent #E84709;
}

.main_color {
	color: #E84709;
}

.sub_color {
	color: #00A496;
}

.rice_set .text_wrap {
	margin: 0 auto;
}

.supplies .rice_set .text_wrap.rice_notice {
	background: #FDF0EB;
}

/* 
	hedaer
*/
.main_ttl {
	background: #FDEECB;
}

header .menu a:hover {
	color: #E84709;
}

.menu .child {
	background-color: #E84709;
}

.menu .child a:hover {
	background-color: #FEF2D8;
	opacity: 1;
}

header .menu .child li a,
footer .menu .child li a {
	border-bottom: 1px solid #F1D69C;
}

/* 
	SPメニュー
*/
@media only screen and (max-width: 768px) {
	.nav_list>.nav_item {
		border-bottom: 1px solid #F1D69C;
	}

	.nav_list li:last-child,
	.nav_list li {
		border-bottom: none;
		border-top: none;
	}

	.nav_list li:hover {
		background: #FEF2D8;
	}

	header .menu a:hover {
		color: #E84709;
		background-color: #FEF2D8;
		opacity: 1;
	}

	header .menu .child {
		background-color: #FEF2D8;
	}

	header .menu .child li a {
		color: #E84709;
	}

	.drawer_open span,
	.drawer_open span:before,
	.drawer_open span:after {
		background: #E84709;
	}

	.nav_list li.nav_item:hover {
		background-color: #FEF2D8;
	}

	.nav_list>.nav_item>a {
		font-weight: bold;
		/* background: #F1916B; */
		background: #E84709;
		color: #fff;
	}

	a.more {
		position: relative;
	}

	a.more:after {
		content: ">";
		display: flex;
		position: absolute;
		right: 10px;
		transform: scaleX(0.5);
		align-items: center;
		top: 0;
		bottom: 0;
		font-weight: bold;
		font-size: 1.5em;
	}

	.menu .child a:hover {
		background-color: var(--bg-color);
	}
}

/* 
	トップコンテンツ
*/
#top .attention {
	display: contents;
}

.summary_banner::before {
	background: url(/common/images/top02_rice_character_s.png) center/cover;
	width: 80px;
	height: 80px;
}

.summary_banner::after {
	background: url(/common/images/top02_cow_character_2.png) center/cover;
	width: 80px;
	height: 80px;
}

.container h2.ttl,
.oshirase0606 h2.ttl {
	color: #E84709 !important;
}

.rice_back {
	background-image: url(/common/images/top02_rice_bg.jpg);
	padding: 0;
	border-radius: 20px;
	overflow: hidden;
	border: 2px solid #E84709;
	margin-top: 0px;
}

.rice_back .contents_text {
	padding: 0;
}

.ttl_pinkbox {
	background: #E84709;
	margin-bottom: 0;
}

.pinkbox_inner .banner {
	padding: 20px 20px 0;
}

.pinkbox_inner .banner a img {
	border: 1px solid #E84709;
	height: auto;
}

.pinkbox_inner p {
	padding: 0 2em;
	color: #333333;
}

.rice_back .contents_text .target_children {
	padding-bottom: 20px;
}

.supplies_icon.cow {
	position: relative;
	align-items: end;
	right: 0;
	bottom: 0;
}

.rice_set .rice {
	position: relative;
	align-self: end;
	max-width: 150px;
	right: 0;
	margin: auto;
	margin: inherit;
}

#top .disc_txt {
	margin-bottom: 40px;
}

.top_table th {
	background: #E84709;
}

.cow_character {
	width: 200px;
	right: -160px;
	top: 40px;
}

.cow_character_2 {
	/* left: -40px; */
}

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

	.pinkbox_inner p {
		padding: 0 1em;
	}

}

/* 
	footer
 */
footer a:hover {
	color: #E84709;
}

/* 
	下層頁全体 
*/
#ct-banner-page {
	background: #F1D69C !important;
}

.tab-faq-content .question-faq:before,
.under_page main .center span,
#ct-banner-page h1 {
	color: #E84709;
}

/* 
	 agree.html 事業者の方へ
	notes.html
	faq.html
*/
#agree main {
	padding-top: 40px;
}

#agree.under_page .container_wrapper {
	margin-top: 20px;
}

#agree .must-read {
	text-align: center;
	color: #f92338;
	font-size: 1.4em;
	font-weight: bold;
}

.agree_area>li {
	text-indent: -2em;
	padding-left: 2em;
}

.agree_btn a {
	background: #E84709;
}

.under_page main .center a {
	border: 2px solid #E84709;
}

.tab-faq-content .question-faq {
	border-bottom: solid thin #F1D69C;
}

.tab-faq-content .answer-faq li::before,
.tab-faq-content .question-faq .ico:before,
.tab-faq-content .question-faq .ico:after {
	background-color: #E84709;
}

/* 
	支給対象の方へ
	 /status/input 
*/
.joining .select:before {
	background: #E84709;
}

.joining form .buttons span.spn_btn,
.joining form .buttons button,
.joining form .buttons {
	background: #E84709;
}

/* 
	電子申請
	/general/conditions.html 
*/
.flex_left {
	background: #F1D69C;
	color: #E84709;
}

.mail .flex_right.list_b .pink {
	color: #E84709;
}

/*
	電子クーポン申込の方へ
	 /general/search/
*/
.search_page h2 {
	color: #E84709;
}

.required,
.web,
.web:link,
.pagenavi a,
.pagenavi span.current {
	color: #f30100;
}

.btn-search,
.resutl_search .cate,
.pagenavi .active a {
	background-color: #E84709;
}

.web:before {
	border: solid thin #E84709;
}

.web:after {
	border-right: solid thin #E84709;
	border-bottom: solid thin #E84709;
}

.pagenavi a {
	border: solid thin #E84709;
}

.pagenavi a:hover {
	background: #E84709;
}

/* 
	メールアドレス登録
	/joining/mail/entry/5 
	/joining/entry
*/
#ct-banner-page h1 {
	color: #E84709;
}

.joining form .buttons span.spn_btn,
.joining form .buttons button,
.joining form .buttons,
.joining .form_tit02 {
	background: #E84709;
}

.joining .store_btn .add {
	border-color: #E84709;
	color: #E84709;
}

.joining .store_btn .add:after {
	background: #E84709;
}

.joining .store_btn .add:hover {
	background: #E84709;
}

.joining .store_btn .add:hover span:after,
.joining .store_btn .add:hover span:before {
	background: #E84709;
}

/* 
	お問い合わせフォーム 
	/contact
 */
.form_tit02,
.contact form .select:before,
.contact form .buttons button,
.contact form .buttons [type=button] {
	background: #E84709;
}

.contact form .buttons .return {
	background: #d5d5d5;
}

/* 給付要件確認画面 /general/conditions2.html */
/* 給付要件確認画面 /general/conditions3.html */
.choose_box .identification {
	background: #F1D69C;
}

/* 
	ツールダウンロード
	/dl-shop 
 */

.btn-info {
	background-color: #E84709;
}

.downlord .tool-download .number {
	background: #F1D69C;
	color: #E84709;
}

.tool-download-info figure {
	border: thin solid #ddd;
}

.tool-download-info figure img {
	vertical-align: middle;
}

/* 
	申請は完了しています
	app_app_completed
*/
.app_comp .flex.img_flex {
	justify-content: space-between;
	font-size: 1.2em;
}

.app_comp .cow_img {
	width: 30%;
	margin-bottom: 10px;
}

@media screen and (max-width:768px) {
	.app_comp .cow_img {
		width: 50%;
		margin-top: 10px;
	}
}

/* 
　https://hkdsupport.revn.jp/reservations/calendar?label_id=
*/

.link-txt,
.cmn-pager a,
.unReserve a,
.pageTitle,
.wysiwyg-area a,
.list-breadC a {
	color: #E84709 !important;
}

.viewChange .select a svg.icon-scNav,
.icon svg,
span.current-day .icon .icon-calendar,
.box-breadC .icon-home,
.help-btn .icon-help,
.current-day .icon .icon-calendar {
	fill: #E84709 !important;
}

.viewChange .select {
	border-color: #E84709 !important;
}

.viewChange .select a {
	color: #E84709 !important;
}

.viewChange .select a span {
	background-color: #E84709 !important;
}

/* for 20240122 */

.pickup_area {
	border-radius: 20px;
	background: #fff;
	font-size: 1.2em;
	width: 100%;
	max-width: 980px;
}

.final_limit.gold_red {
	color: #ff1a00;
}

p.final_limit:last-child,
.main_ttl p.final_limit:last-child {
	margin-bottom: 0;
}

.main_ttl p.final_limit {
	font-size: 1.6em;
}

.undl {
	text-decoration: underline;
}

.larger {
	font-size: larger;
}

.main_ttl .announcement.last_day4 {
	color: inherit;
	max-width: none;
	border-radius: 20px;
}

.main_ttl .announcement.last_day4 .gold_red {
	font-size: 1em;
}

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

	.main_ttl .announcement.last_day4 {
		max-width: 450px;
	}

	.pickup_area {
		width: auto;
		max-width: inherit;
	}
}

/* for 20240126 TOP 申請方法*/

.smaller {
	font-size: smaller;
}

.fill_txt {
	background: #E84709;
	color: #fff;
	padding: 4px;
}

.fill_txt.sub {
	background-color: #00A496;
}

#pa03 h3 {
	background: #E84709;
	color: #fff;
	font-weight: bold;
	padding: 4px 16px;
	border-radius: 8px;
	text-indent: 0;
	font-size: 22px;
}

#pa03 p {
	font-weight: normal;
	line-height: 1.3;
	padding: 0 1em;
}

#pa03 section {
	margin: 0 2em;
}

#pa03 section+section {
	margin-top: 1em;
	padding-top: 1em;
	border-top: 1px dotted #ccc;
}

#pa03 section:last-child {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 1em;
	padding-bottom: 1em;
}

#pa03 ul,
#pa03 ul li+li {
	margin-top: 0.5em;
}

#pa01 {
	font-size: 18px;
}

@media only screen and (max-width: 768px) {
	#pa03 section {
		margin: 0px 1em;
	}

	#pa03 p {
		font-size: 16px;
	}

	#pa03 h4 {
		text-align: center;
	}

	.text_box {
		padding: 10px;
	}
}

/* for 240124 申請はこちらボタン */

.btn_wrap {
	text-align: center;
}

.btn_method {
	display: inline-block;
	margin: 50px auto 20px;
	text-align: center;
	font-weight: bold;
	position: relative;
	font-size: 1.5em;
}

.btn_method a {
	display: inline-block;
	color: #fff;
	width: 100%;
	height: 100%;
	padding: 16px;
	background: #00A495;
	border-radius: 8px;
}

.btn_method::before,
.btn_method::after {
	content: "";
	background: url() center/contain no-repeat;
	width: 100px;
	height: 100px;
	position: absolute;
	bottom: -10px;
}

.btn_method::before {
	background-image: url(/common/images/top02_cow_character_2.png);
	left: -100px;
}

.btn_method::after {
	background-image: url(/common/images/top02_rice_character_s.png);
	right: -90px;
}

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

	.btn_method::before,
	.btn_method::after {
		width: 80px;
		height: 80px;
	}

	.btn_method::before {
		left: -70px;
	}

	.btn_method::after {
		right: -65px;
	}
}

/* ご注意ください */

#method .text_box.gochui_box {
	background: #FFFACC !important;
}

/* FV下のご注意*/
.attention_list {
	padding: 0 1em;
	font-weight: bold;
}

.attention_list .item {
	padding-left: 1em;
	text-indent: -1em;
}

/* ======================================================================
	第三弾用CSS
	======================================================================*/

:root {
	--main-color: #EB615A;
	/* 
var(--main-color);
		*/
	--accent-color: #409AD6;
	--accent-light: #B8D9EE;
	/*
var(--accent-color);
var(--accent-light);
*/

	--bg-color: #FBDAD1;
	--bg-light: #fae6e1;
	/* 
var(--bg-color);
var(--bg-light);
		 */

	--main-light: #FBDFDE;
	/* 
var(--main-light);
		*/

	--must_read: #ff1a00;
	/* 
var(--must_read);
	*/

	--bg-title: #FDE8EE;
	--main-title-color: #D16988;
	--sub-title-color: #D96C36;
}

.mt05e {
	margin-top: 0.5em;
}

.mt1e {
	margin-top: 1em;
}

.mb1e {
	margin-bottom: 1em;
}

/* ```````````````````````````````````````` */

.subject_text h3,
.news_right li a {
	color: var(--main-color);
}

.top_btn .btn {
	background-color: var(--accent-color);
}

.top_btn .btn.btn2 {
	border: 2px solid var(--accent-color);
	color: var(--accent-color);
}

.top_btn .btn.btn2::before {
	border-color: transparent transparent transparent var(--accent-color);
}

#ct-header .nav_content .nav_list .nav_item .child a {
	color: #fff !important;
}

#ct-header .nav_content .nav_list .nav_item .child a:hover {
	color: var(--main-color) !important;
}

.main_color,
#ct-header .nav_content .nav_list .nav_item a {
	color: var(--main-color) !important;
}

a,
.sub_color {
	color: var(--accent-color);
}

.supplies .rice_set .text_wrap.rice_notice {
	background: var(--bg-color);
}

.color_red {
	/* color: var(--must_read); */
	background-color: var(--main-color);
	color: #fff;
	padding: 2px 8px;
	border-radius: 30px;
	margin: 6px;
	display: inline-block;
	font-size: 0.9em;
}

/* 
	hedaer
*/
.main_ttl {
	background: var(--bg-color);
}

header .menu a:hover {
	color: var(--main-color);
}

.menu .child {
	background-color: var(--main-color);
}

header .menu .child li a,
footer .menu .child li a {
	border-bottom: 1px solid var(--main-light);
}

/* 
	SPメニュー
*/
@media only screen and (max-width: 768px) {
	.nav_list>.nav_item {
		border-bottom: 1px solid var(--bg-color);
	}

	.nav_list li:hover {
		background: var(--bg-color);
	}

	header .menu a:hover {
		color: var(--main-color);
		background-color: var(--bg-color);
	}

	header .menu .child {
		background: var(--main-light);
	}

	header .menu .child li a {
		color: var(--main-color);
	}

	.drawer_open span,
	.drawer_open span:before,
	.drawer_open span:after {
		background: var(--main-color);
	}

	.nav_list li.nav_item:hover {
		background-color: var(--bg-color);
	}

	.nav_list>.nav_item>a {
		background: var(--main-light);
	}

	#ct-header .nav_content .nav_list .nav_item .child a {
		color: var(--main-color) !important;
	}
}

/* 
	トップコンテンツ
*/
.container h2.ttl,
.oshirase0606 h2.ttl {
	color: var(--main-color) !important;
}

.ttl_pinkbox {
	background: var(--main-color);
}

.pinkbox_inner .banner a img {
	border: 1px solid var(--main-color);
}

.top_table th {
	background: var(--main-color);
}

.supplies_name .sub_color {
	color: var(--main-color);
}

/* 
	footer
 */
footer a:hover {
	color: var(--main-color);
}

#sec_footer .txt_main_c {
	color: var(--main-color) !important;
}

/* 
	下層頁全体 
*/
#ct-banner-page {
	background: var(--bg-title) !important;
}

.tab-faq-content .question-faq:before,
/* .under_page main .center span, */
#ct-banner-page h1 {
	color: var(--main-color);
}
.under_page main .center span {
	color: var(--accent-color);
}
/* 
	 agree.html 事業者の方へ
	notes.html
	faq.html
*/
#agree .must-read {
	color: var(--must_read);
}

.agree_btn a {
	background: var(--accent-color);
}

.under_page main .center a {
	/* border: 2px solid var(--main-color); */
	border: 2px solid var(--accent-color);;
}

.tab-faq-content .question-faq {
	border-bottom: solid thin var(--main-light);
}

.tab-faq-content .answer-faq li::before,
.tab-faq-content .question-faq .ico:before,
.tab-faq-content .question-faq .ico:after {
	background-color: var(--main-color);
}

/* 
	支給対象の方へ
	 /status/input 
*/
.joining .select:before,
.joining form .buttons span.spn_btn,
.joining form .buttons button,
.joining form .buttons {
	background: var(--main-color);
}

/* 
	電子申請
	/general/conditions.html 
*/
.flex_left {
	background: var(--main-light);
	color: var(--main-color);
}

.mail .flex_right.list_b .pink {
	color: var(--main-color);
}

/*
	電子クーポン申込の方へ
	 /general/search/
*/
.pagenavi a,
.search_page h2 {
	color: var(--main-color);
}

.required,
.pagenavi span.current {
	color: var(--must_read);
}

.link-back a,
.web,
.web:link {
	color: var(--accent-color);
}

.btn-search {
	background-color: var(--accent-color);
}

.resutl_search .cate,
.pagenavi .active a {
	background-color: var(--main-color);
}

.web:before {
	border: solid thin var(--accent-color);
}

.web:after {
	border-right: solid thin var(--accent-color);
	border-bottom: solid thin var(--accent-color);
}

.pagenavi a {
	border: solid thin var(--main-color);
}

.pagenavi a:hover {
	background: var(--main-color);
}

/* 
	メールアドレス登録
	/joining/mail/entry/5 
	/joining/entry
*/
#ct-banner-page h1 {
	color: var(--main-title-color);
}

.joining form .buttons span.spn_btn,
.joining form .buttons button,
.joining form .buttons,
.joining .store_btn .add:after,
.joining .store_btn .add:hover,
.joining .store_btn .add:hover span:after,
.joining .store_btn .add:hover span:before {
	background: var(--main-color);
}

.joining .form_tit02 {
	background: var(--sub-title-color);
}

.joining .store_btn .add {
	border-color: var(--main-color);
	color: var(--main-color);
}

/* 
	お問い合わせフォーム 
	/contact
 */
.form_tit02,
.contact form .select:before,
.contact form .buttons button,
.contact form .buttons [type=button] {
	background: var(--main-color);
}

/* 給付要件確認画面 /general/conditions2.html */
/* 給付要件確認画面 /general/conditions3.html */
.choose_box .identification {
	background: var(--main-light);
}

/* 
	ツールダウンロード
	/dl-shop 
 */

.btn-info {
	background-color: var(--accent-color);
}

.downlord .tool-download .number {
	background: var(--main-light);
	color: var(--main-color);
}

/* 
　https://hkdsupport.revn.jp/reservations/calendar?label_id=
*/

.link-txt,
.cmn-pager a,
.unReserve a,
.pageTitle,
.wysiwyg-area a,
.list-breadC a,
.viewChange .select a {
	color: var(--main-color) !important;
}

.viewChange .select a svg.icon-scNav,
.icon svg,
span.current-day .icon .icon-calendar,
.box-breadC .icon-home,
.help-btn .icon-help,
.current-day .icon .icon-calendar {
	fill: var(--main-color) !important;
}

.viewChange .select {
	border-color: var(--main-color) !important;
}

.viewChange .select a span {
	background-color: var(--main-color) !important;
}

.final_limit.gold_red {
	color: var(--must_read);
}

.fill_txt {
	background: var(--main-color);
}

.fill_txt.sub {
	background-color: var(--accent-color);
}

#pa03 h3 {
	background: var(--main-color);
}

/* 申請はこちらボタン */

.btn_method a {
	display: inline-block;
	background: var(--accent-color);
}

/* ご注意ください */

#method .text_box.gochui_box {
	background: var(--main-light) !important;
}

/* general/search */
.c-select::after {
	background-color: var(--main-color);
}

/* =============================== */
/* 250227 */
/* =============================== */

/* テキストの装飾 */

#ct-header .nav_content .nav_list .nav_item.gray_txt a {
	color: #a4a4a4 !important;
}

.txt_ac {
	text-align: center !important;
}

.txt_al {
	text-align: left !important;
}

.txt_main_c {
	color: var(--main-color);
}

.txt_smaller {
	font-size: smaller;
}

.txt_smaller08 {
	font-size: 0.8em;
}

.txt_larger {
	font-size: larger;
}

.txt_fz16r {
	font-size: 1.6rem !important;
}

.txt_fz24r {
	font-size: 2.4rem !important;
}

.txt_red {
	color: var(--must_read);
}
.txt_under {
	text-decoration: underline;
}
.txt_bold {
	font-weight: bold;
}

.contents_text_left p {
	text-align: left;
}

.kome_j,
.num_ind1 {
	padding-left:1em;
	text-indent: -1em;
}
.num_ind2 {
	padding-left:2em;
	text-indent: -2em;
}
.num_ind3 {
	padding-left:3em;
	text-indent: -3em;
}

/* テキストの装飾 */
.font_w_no {
	font-weight: normal !important;
}

.txt_black {
	color: #333;
}

.deco_maru::before {
	content: "●";
	color: var(--main-color);
	display: inline-block;
}

.txt_bor_radi {
	border: 2px solid var(--main-color);
	display: inline-block;
	padding: 0.2em 0.8em;
	border-radius: 20px;
}

/* 要素の装飾 */
.w435 {
	width: 435px;
	margin: 0 auto;
}

/* list装飾 */

.inn_list {
	margin-left: 1em;
}


/* コンテンツ装飾 第三弾ver */
.text_box {
	display: inline-block;
	border: 2px solid var(--main-color);
	padding-top: 50px;
	padding-bottom: 40px;
}

.contents_text {
	position: relative;
}

.float_ttl {
	position: absolute;
	display: block;
	width: 90%;
	top: 2em;
	left: 50%;
	transform: translateX(-50%);
	padding: 0.5em;
	background: #EB615A;
	border-radius: 80px;
	text-align: center;
	color: #fff;
	font-weight: 800;
	font-size: 28px;
	line-height: 1;
	margin-right: 1em;
}

.kakomi_ttl {
	background: var(--main-color);
	color: #fff;
	border-radius: 2em;
	padding: 0.2em;
	flex-basis: 130px;
	text-align: center;
	margin-right: 1em;
	font-size: 0.9em;
	line-height: 1.2;
}

.kakomi_ttl.kadom {
	border-radius: 1em;
}

.kakomi_ttl+dd {
	flex: 1;
}

.about_item {
	display: flex;
	font-size: 22px;
	align-items: flex-start;
}

.about_item+.about_item {
	margin-top: 1em;
	padding-top: 1em;
	border-top: 4px dotted var(--main-light);
}

/* 対象児童 */
#taisho_jido p {
	text-align: inherit;
	font-size: 1em;
	line-height: 1.5;
}

/* 支給対象及び申請手続者 */
#taisho_tetsuduki_tb {
	font-size: 0.8em;
	width: 100%;
	margin-bottom: 0.5em;
}

#taisho_tetsuduki_tb thead {
	background: var(--main-light);
}

#taisho_tetsuduki_tb th,
#taisho_tetsuduki_tb td {
	padding: 0.5em;
	border: solid 1px #aaa;
}

#taisho_tetsuduki_tb td+td {
	margin-left: 0.5em;
}

/* #taisho_tetsuduki {
	font-size: 1em;
}

#taisho_tetsuduki dt {
	background: var(--main-light);
	padding: 0 0.5em;
}

#taisho_tetsuduki .annot {
	text-align: left;
} */

/* 申請期間 */
#kikan p {
	text-align: inherit;
	font-size: 1em;
	line-height: 1;
}


@media screen and (max-width: 768px) {
	.contents_text {
		margin-top: 40px;
	}

	.float_ttl {
		top: 0;
		line-height: 1.2;
		padding: 0.5em;
	}

	.about_item {
		display: block;
	}

	.text_box {
		padding-bottom: 20px;
	}

	#sec_for_buz .text_box {
		padding-top: 70px;
	}

	#kikan p {
		line-height: 1.2;
	}

	#kikan .txt_fz24r {
		font-size: 1.8rem !important;
	}

	/* 要素の装飾 */
	.w435 {
		width: auto;
	}
}

/* 支給品エリアの装飾 */
.shikyuhin_item {
	margin-top: 1em;
}

.shikyuhin_item.flex {
	justify-content: space-between;

}

.shikyuhin_ttl {
	color: var(--main-color);
	font-size: 1.1rem;
}

.shikyuhin_ttl span.number {
	color: #fff;
	background: var(--main-color);
	padding: 0.2em;
	display: inline-block;
	width: 2em;
	text-align: center;
	margin-right: 0.5em;
}

.shikyuhin_info {
	flex: 1;
}

.shikyuhin_info .kingaku {
	margin: 1em auto;
}

.shikyuhin_img {
	flex-basis: 300px;
	border: solid 1px #cccccc;
	padding: 0.5em;
}

.shikyuhin_img img {
	vertical-align: middle;
}

.youbi_maru {
	background: var(--main-color);
	color: #fff;
	border-radius: 50%;
	padding: 0.3em;
	aspect-ratio: 1 / 1;
	font-size: smaller;
	margin-left: 0.2em;
	margin-right: 0.2em;
	position: relative;
	top: -4px;
}

@media screen and (max-width:768px) {
	.kakomi_ttl {
		padding: 0.2em 1em;
		font-size: 1.2em;
		width: 100%;
		margin-bottom: 0.5em;
	}

	.contents_text p.shikyuhin_ttl {
		font-size: 1em;
	}

	.shikyuhin_info {
		display: flex;
		flex-direction: column;
		width: 100%;
	}

	.shikyuhin_info .kingaku {
		margin: 0 0 0 auto;
	}

	.shikyuhin_img {
		margin-top: 0.5em;
		flex-basis: auto;
		margin-bottom: 1em;
		align-self: flex-end;
	}
}

/* 事業者の皆様へ */
#sec_for_buz .txt_main_c {
	line-height: 1.5;
	margin-top: 10px;
	margin-bottom: 10px;
}

#sec_for_buz .top_btn .btn {
	margin-top: 0;
}

/* キャラクターの調整 */
/* お知らせの牛 */
.cow_character_2 {
	right: -60px;
	left: auto;
	top: -120px;
}

/* おしらせ */
#sec_news {
	max-width: 800px;
}

#sec_news .news_wrap {
	border-color: var(--main-color);
	border-top-left-radius: 0;
	border-width: 8px;
}

#sec_news .ttl {
	position: relative;
	left: 0;
	background: var(--main-color);
	color: #fff !important;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	padding: 10px 2em 6px;
	display: inline-block;
	margin-bottom: 0;
	font-size: 28px;
}

/* バナーエリア */
@media screen and (max-width:768px) {
	#top .banner_wrap {
		width: 80%;
		margin: 40px auto 0;
	}

	#top .banner_wrap+.banner_wrap {
		margin-top: 0;
	}
}

/* 事務局エリア */
#management_office .text_box {
	background: var(--bg-light);
}

#management_office .inquiry_text {
	border: none;
	margin: 0;
}

#management_office .inquiry_text+.inquiry_text {
	margin-top: 20px;
}

#management_office .inquiry_box .target_children {
	margin-bottom: 0.5em;
}

@media screen and (max-width:768px) {
	#management_office .text_box {
		padding-right: 2em;
		padding-left: 2em;
	}

	.tel {
		font-size: 16px;
	}
}

/* ReadSpeaker */
.readsp_btn_wrap {
	background: #fff;
	padding-bottom: 10px;
}

#readspeaker_button1 {
	max-width: 980px;
	margin: 0 auto;
}

/* Youtube埋め込み */
.youtube_box {
	margin: 30px auto 0;
	width: 560px;
}

.iframe_wrap {
	padding-top: 56.25%;
	width: 100%;
	position: relative;
}

.iframe_wrap iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}

@media screen and (max-width:768px) {
	.youtube_box {
		width: auto;
	}
}

/* 
	メールアドレス登録
	申請情報入力フォーム
	joining/entry
 */

#img_kakunin {
	display: flex;
	justify-content: space-between;
	border: 2px solid var(--main-light);
	padding: 20px;
	border-radius: 20px;
	margin-bottom: 20px;
}

#img_kakunin section {
	width: calc((100% - 30px) / 2);
}

#img_kakunin figure {
	margin: 0 auto;
}

#img_kakunin .w50p {
	width: 50%;
}

#img_kakunin .mainatuchi {
	margin-top: 10px;
}

.joining section+section.hokensyo {
	margin-top: 0;
}

@media screen and (max-width:768px) {
	#img_kakunin {
		display: inherit;
	}

	#img_kakunin section {
		width: auto;
	}
}

/* footer */
#sec_footer .txt_main_c {
	color: var(--main-color)!important;
	}



/* 
	電子申請のためのメールアドレス登録
	secondary_entry_auth/input
 */
#aco {
	margin-bottom: 1em;
}
#aco_head {
	background: var(--accent-light);
	padding: 0.5em 1em;
	font-weight: bold;
}

#aco span.ico {
	display: inline-block;
	margin-left: 1em;
	width: 10px;
	height: 10px;
	border-right: 2px solid #333;
	border-bottom: 2px solid #333;
	transform: rotate(45deg);
	transition: transform 0.4s ease-in-out;
}

#aco.active-faq span.ico {
	transform: rotate(-135deg);
}

#aco_body {
	padding: 1em;
	border: 1px solid var(--accent-light);
	display: none;
}

span.easy_app {
	background: #3cb371;
	color: #fff;
	padding: 2px;
	border: 1px solid #afadad;
}

span.normal_app {
	background: #1e90ff;
	color: #fff;
	padding: 2px;
	border: 1px solid #afadad;
}