@charset "UTF-8";
/*--------------------------------------------
header
--------------------------------------------*/
.bl_header_wrap {
	padding: 1em 0;
}
.bl_header-hum_logo {
	max-width: 35%;
	margin: 15% auto 5%;
}
.bl_header-hum_logo a {
	display: block;
}
.bl_header {
}
.bl_header_logo {
	padding-top: 1em;
}
.bl_header_logo a {
	display: block;
	width: 150%;
}
/*--------------------------------------------
footer
--------------------------------------------*/
.ly_footer_cont__wrap {
	border-top: 1px solid var(--color-lightgray);
	border-bottom: 1px solid var(--color-lightgray);
	padding: 0 5%;
}
.bl_footer_wrap {}
.bl_footer_cont__wrap {
	width: 95%;
}
.bl_footer_cont__inner:first-of-type {
	margin-right: auto;
	width: auto;
}
.bl_footer_cont__inner {
	/* border-left: 1px solid var(--color-lightgray); */
	padding: 5% 0;
}
.bl_footer_cont__inner ul {
	list-style: none;
}
.bl_footer_cont__inner ul li {
	line-height: 2.5;
}
.bl_footer_cont__inner ul li a {
	text-decoration: underline;
}
.bl_footer_cont__inner ul li a:hover, .bl_footer_cont__inner dl dd a:hover {
	opacity: .6;
	color: var(--color-link, #18305A);
}
.bl_footer_cont__inner ul li, .bl_footer_cont__inner dl dt {
	font-size: 1.6rem;
}
.bl_footer_cont__inner dl dd {
	/*width: 1em;*/
	width: auto;
	display: inline-block;
	margin-right: 1em;
}
.ly_copyright_wrap {
	padding: 0 5%;
}
.ly_copyright_wrap p small {
	font-size: 1.2rem;
}
/*ロゴエリア*/
.ly_footer__address {
	color: var(--color-blue);
}
.bl_osaka {
	max-width: 50%;
	min-width: 100px;
}
.bl_osaka + p {
	padding: 1em 0;
}
.bl_address {
	font-style: normal;
	font-size: max(1vw, 1.6rem);
}
.bl_address dt, .bl_address dd {
	display: inline-block;
	vertical-align: top;
}
.bl_address dt::after {
	content: "：";
}
/********************** totop **********************/
	#totop {
		order: 1;
		width: 100%;
	}
	.el_totop_btn {
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #115fad;
		font-size: 1.4rem;
		color: #fff;
		text-decoration: none;
		text-align: center;
		vertical-align: middle;
		padding: 1em;
		-ms-writing-mode: tb-rl;
		-webkit-writing-mode: horizontal-tb;
		writing-mode: horizontal-tb;
	}
	.el_totop_btn i {
		font-style: normal;
		display: inline-block;
		padding: 0 1em 0 0;
		-webkit-transform: rotate(90deg) translateX(7px);
		transform: rotate(90deg) translateX(7px);
	}
/*--------------------------------------------
パンクズリスト
--------------------------------------------*/
.bl_topicPath__wrap {
	background: rgba(0, 0, 0, .03);
}
.bl_topicPath {
	display: flex;
	width: 90%;
	max-width: 1280px;
	margin: auto;
	list-style-type: none;
	padding: 1em 0;
}
.bl_topicPath li:last-child {
	position: relative;
	padding-left: 1em;
}
.bl_topicPath li {
	position: relative;
	padding-left: 1em;
	margin-right: 1.5em;
}
.bl_topicPath li:last-child::after {
	position: absolute;
	content: "";
}
.bl_topicPath li::after {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	content: "\03e";
	padding-left: 1em;
}
.bl_topicPath a {
	color: var(--color-link);
	font-size: 1.4rem;
	text-decoration: underline;
}
.bl_topicPath a:hover {
	opacity: .6;
}
.bl_active a {
	color: #333;
	text-decoration: none;
}
/*--------------------------------------------
ページ共通
--------------------------------------------*/
/*メインエリア　背景*/
.bl_main_bg {
	background-color: #b9e3f9; /*変更*/
	border-radius: 0.8rem;
	position: relative;
}
.bl_main_bg::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	right: -1em;
	top: 0em;
	border-radius: .8rem;
	background-color: var(--color-main); /*変更*/
	z-index: -1;
}
.bl_main_bg__green {
	border-radius: 3em; /*変更*/
	background-size: 35px 35px; /*変更*/
}
.bl_main_bg__green2 {
	width: 90%;
	background-color: #b9e3f9; /*変更*/
	margin: auto;
	border-radius: 3rem;
	padding: 0;
	margin-bottom: 1em;
}
.bl_consept {
	font-size: 2.6rem;
	color: #333;
	background-color: #ffffff; /*変更*/
	padding: 0;
}
.circle-content {
    overflow: hidden;
}
.top-circle {
    background-color: #b9e3f9;
    border-radius: 2000px 2000px 0 0 / 300px 300px 0 0;
    margin: 16px -200px 0 -200px;
    padding: 65px 200px 0 200px;
    min-height: 300px;
    text-align: center;
}
.bl_consept2 {
	width: 100%;
	font-size: 2.6rem;
	color: #333;
	background-color: #b9e3f9; /*変更*/
	padding: 0;
	border-radius: 20%;
	border-top: 0 none;
}
.bl_learning-point {
	background: #fff;
	padding: 10%;
	border-top: 1em solid #efefef;
	border-bottom: 1em solid #efefef;
	border-radius: 0.5em;
}
.bl_learning-point dt {
	font-size: min(2.7vw, 3.4rem);
	font-weight: bold;
}
.bl_learning-point dd {
	padding-left: 1em;
	font-size: min(1.3vw, 1.6rem);
}
.bl_learning-point dd::before {
	content: "-";
	display: inline-block;
	text-indent: -1em;
}
.bl_learning-point i {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-style: inherit;
	padding-right: 0.5em;
}
.learning-point__img {
	display: inline-flex;
	justify-content: center;
	height: 100%;
}
.learning-point__img img {
	width: 90%;
	height: 90%; /*safari 調整用*/
}
.bl_learning-point__btn .bl_btn_wrap a, .bl_learning-point__btn .bl_btn_wrap2 a {
	margin-left: 0;
	color: #fff;
	border: none;
	padding: 1em 2em;
}
.bl_learning-point__btn .bl_btn_wrap2 a {
	margin-left: 0;
	margin-right: auto;
}
.bl_learning-point__btn .bl_btn_wrap:first-of-type a, .bl_learning-point__btn .bl_btn_wrap2:first-of-type a {
	background: #063f6e;
}
.bl_learning-point__btn .bl_btn_wrap:last-of-type a, .bl_learning-point__btn .bl_btn_wrap2:last-of-type a {
	background: #063f6e;
}
.bl_learning-point__btn .bl_btn_wrap a:hover, .bl_learning-point__btn .bl_btn_wrap2 a:hover {
	opacity: .6;
}
/*ヘルパー*/
.hp_ml_auto {
	margin-right: auto !important;
	margin-left: auto !important;
}
/*--------------------------------------------
下層ページタイトル
--------------------------------------------*/
.ly_pagettl {
	background-repeat: repeat 1px;
}
.ly_pagettl h1 {
	font-size: 4rem;
	font-weight: 300;
	color: var(--color-main);
	line-height: 1.2;
}
.ly_pagettl h1 span {
	display: block;
	font-family: 'Zen Kaku Gothic Antique', sans-serif;
	font-size: 2.4rem;
	font-weight: 400;
	color: var(--color-subttl);
}
/*--------------------------------------------
トップページ
--------------------------------------------*/
.ly_main {
	position: relative;
}
.ly_main_section {
	position: inherit;
}
.bl_sp_width {
	text-align: right;
}
.bl_sp_width img {
	width: 80%;
}
.bl_btn_wrap {
	margin-top: 5%;
}
.bl_btn_wrap2 {
	margin: 1em 0;
}
.bl_btn_wrap a, .bl_btn_wrap2 a {
	display: inline-block;
	font-size: min(2.9vw, 1.6rem);
	color: var(--color-link);
	background: #fff;
	border: 1px solid var(--color-link);
	border-radius: 3em;
	padding: .25em 1em;
}
.bl_btn_wrap i, .bl_btn_wrap2 i {
	font-family: "Font Awesome 5 Free";
	font-weight: 400;
	font-style: normal;
	padding-left: .5em;
}
.bl_align_end.bl_align_top {
	align-items: flex-start;
}
.bl_5cproject_btnlist_wrap {
	list-style: none;
}
.bl_5cproject_btnlist_wrap a:hover {
	opacity: .6;
}
.bl_sec_ttl h2 {
	font-size: 4.8rem;
	font-weight: 300;
	color: var(--color-main);
}
.ly_news {
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 5em;
}
.bl_news_list_wrap {
	list-style: none;
}
.bl_news_list_wrap li {
	padding: 1.88%;
	display: flex; /*調整用*/
	flex-direction: column; /*調整用*/
}
.bl_news_list_wrap a {
	display: block;
}
.bl_news_list_wrap a:hover {
	opacity: .6;
}
.bl_news_list_wrap a picture {
	position: relative;
}
/*.bl_news_list_wrap a picture::before, .bl_news_list_wrap a picture::after {
	position: absolute;
	top: 0;
	content: " ";
	background-image: url("../img/ph_snakaku.svg");
	background-repeat: no-repeat;
	background-size: contain;
	height: 50%;
	width: 30%;
	z-index: 2;
	vertical-align: middle;
}
.bl_news_list_wrap a picture::before {
	left: 0;
}
.bl_news_list_wrap a picture::after {
	right: 0;
	-webkit-transform: scale(-1, 1);
	-moz-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	-o-transform: scale(-1, 1);
	transform: scale(-1, 1);
}*/
.bl_news_list_wrap figcaption {
	/*background-color: #fff;*/
	padding: 1em 0;
}
.bl_news_list_wrap figcaption h3 {
	padding: 0;
	/*margin-bottom: 1em;*/
	font-size: 1.6rem;
	font-weight: 400;
}
.bl_new_action_out {
	background-color: var(--color-lightgray);
}
.ly_new_action {
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: bottom;
}
.bl_new_action {
	display: flex;
	flex-wrap: wrap;
	position: relative;
}
.bl_new_action::after {
	position: absolute;
	left: calc(5% + 1.5em);
	top: 0;
	content: "新着記事";
	background-color: var(--color-heart);
	padding: .25em 2em;
	color: #fff;
}
.bl_newarticle_left {
	width: 50%;
	padding: 0 5%;
}
.bl_newarticle_left + picture {
	width: 50%;
	height: 100%;
}
.bl_discription_set h2 {
	font-size: 4.8rem;
	font-weight: 300;
	line-height: 1.2;
	padding-bottom: .5em;
}
.bl_discription_set_span {
	font-size: 3rem;
	display: block;
	font-weight: bold;
	line-height: 1.5;
}
.bl_newscaption_wrap {
	padding-left: 5%;
}
.bl_newscaption_wrap .el_date {
	display: block;
}
.bl_action_listwrap ul {
	list-style: none;
}
.bl_action_listwrap li {
	padding: 0 1em;
}
.bl_action_listwrap li a:hover {
	opacity: .6;
}
.bl_top_newaction_img {
	width: 50%;
}
.bl_action_listwrap_inner figrure {
	position: relative;
	display: block;
}
.bl_action_listwrap_inner figcaption {
	position: initial;
	top: 0;
	background: var(--color-lightgray);
	padding: 1em;
	z-index: 1;
	min-width: 100%;
}
.bl_action_listwrap_inner figcaption h3 {
	font-size: 1.6rem;
	font-weight: 500;
}
.bl_position_img {
	position: inherit;
	z-index: 2;
}
.bl_position_img > picture {}
.bl_position_img > p {
	position: absolute;
	right: 0;
	bottom: 0;
}
.bl_action_listwrap {
	background-color: #fff;
}
.bl_action_listwrap_inner + p {
	padding-top: 0;
}
/*--------------------------------------------
もったいないやん活動隊について
--------------------------------------------*/
.bl_about_wrap {
	background-repeat: repeat;
}
.bl_discription_set {
	padding: 0;
}
.bl_discription_set h2 {
	font-size: min(5rem, 4vw);
	font-weight: bold;
	padding-top: 0;
}
.bl_discription_set h2 span {
	font-weight: bold;
	padding-top: 0.2em;
}
.ly_project_list_wrap ul {
	list-style: none;
}
.ly_project_list_wrap ul li {
	margin-bottom: 1.88%;
	padding: 1.88%;
}
.bl_caption_wrap {
	position: relative;
	padding: 1em;
	border-radius: 5px;
}
.bl_change {
	background-color: var(--color-change);
}
.bl_chance {
	background-color: var(--color-chance);
}
.bl_community {
	background-color: var(--color-community);
}
.bl_challenge {
	background-color: var(--color-challenge);
}
.bl_college {
	background-color: var(--color-college);
}
.bl_caption_wrap::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 283px;
	height: 283px;
	content: " ";
	background-image: url("../img/bg_circle.png");
	background-repeat: no-repeat;
	z-index: 0;
}
.bl_caption_wrap header, .bl_caption_wrap header + p {
	position: inherit;
	z-index: 1;
	color: #fff;
	font-size: 1.4rem;
}
.bl_caption_wrap header + p {
	padding: 0 1em;
}
.bl_project_caption_wrap {
	width: 75%;
	padding: 0 1em;
}
.bl_caption_wrap header > p {
	width: 25%;
}
.bl_project_caption_wrap h3 {
	font-size: 2.8rem;
	line-height: 1.5;
	border-bottom: 1px solid #fff;
	padding-bottom: .25em;
	margin-bottom: .25em;
}
.bl_project_caption_wrap h3 span {
	font-size: 1.4rem;
	display: block;
}
.ly_charenge_partner {
	position: relative;
}
.ly_charenge_partner > div {
	margin-top: 0;
}
.ly_charenge_partner h2 {
	font-size: 3.2rem;
	font-weight: 400;
}
.bl_partner_item {
	padding: calc(1.88% / 2);
	list-style: none;
}
.bl_partner_item a {
	display: block;
}
.bl_partner_item a:hover {
	opacity: .6;
}
.bl_partner_item dl {
	background: #fff;
	padding: 1em;
}
.bl_partner_item dl dt {
	padding-bottom: .5em;
}
.bl_partner_item dl dd {
	line-height: 1.5;
}
.bl_dlpt, .bl_dlpt2, .bl_dlpt3 {
	padding: 2em 0;
}
.bl_dlpt, .bl_dlpt3 dd {
	padding-left: 1em;
}
.bl_dlpt dt, .bl_dlpt3 dd {
	text-indent: -1em;
}
.bl_dlpt dt, .bl_dlpt2 dt {
	font-weight: bold;
	font-size: 120%;
}
.bl_dlpt dd {
	text-indent: -1em;
}
.bl_dlpt dd::before, .bl_dlpt3 dd::before {
	content: "・";
	padding-right: .5em;
}
.bl_dlpt2 dt::before {
	content: "■";
	padding-right: .5em;
}
.bl_dlpt ul {
	padding: 5%;
	border: 1px solid #333;
	margin-top: 2em;
	width: calc(100% - 1em);
}
.el_liststyle__none {
	list-style: none;
}
/*追加*/
.bl_learning-point__btn {}
.bl_learning-point__btn ul {
	display: flex;
	flex-wrap: wrap;
}
.bl_learning-point__btn li {
	list-style: none;
	width: auto;
	margin-right: 1em;
}
/*--------------------------------------------
出前講座
--------------------------------------------*/
.bl_tableList_style3 {
	width: 100%;
	margin: 5% auto 0;
	border: 2px solid var(--color-light-green3);
	border-radius: 8px;
	border-collapse: separate;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
.bl_tableList_style3 th {
	width: 30%;
	min-width: 7em;
	padding: .5em 1em;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-right-style: dashed;
	border-bottom-style: solid;
	border-right-color: var(--color-light-green3);
	border-bottom-color: var(--color-light-green3);
	background-color: #eaf3ea; /*変更*/
	padding-top: 1em;
}
.bl_tableList_style3 td {
	width: auto;
	padding: .5em 1em;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: var(--color-light-green3);
}
.bl_tableList_style3 tr:first-child th {
	border-radius: 8px 0 0 0;
}
.bl_tableList_style3 tr:last-child th {
	border-radius: 0 0 0 8px;
}
.bl_tableList_style3 tr:last-child th, .bl_tableList_style3 tr:last-child td {
	border-bottom-style: none;
}
.bl_subscription {}
.bl_subscription dl {
	padding: 1em 0;
}
.el_txt_link {
	text-decoration: underline;
	color: var(--color-main);
}
.el_txt_link:hover {
	opacity: .6;
}
.bl_marker {
	background: linear-gradient(transparent 60%, var(--color-light-green) 60%);
}
.bl_contact_dl {
	font-size: min(3.7vw, 1.8rem);
}
/*--------------------------------------------
プライバシーポリシー
--------------------------------------------*/
.bl_policy_wrap {
	background-color: #f5f5f5;
	border-radius: 1em;
	padding: 4em;
}
.bl_policy_wrap > ol {}
.bl_policy_wrap > ol > li {
	margin-top: 3em;
	list-style: none;
}
.bl_policy_wrap > ol > li h2 {
	font-size: 2.8rem;
	font-weight: 300;
	margin-bottom: .25em;
}
.bl_policy_wrap > ol > li h2 + p {
	margin-bottom: 1em;
}
.bl_policy_wrap > ol > li ol {
	padding-left: 1.2em;
	margin: 1em 0;
}
.bl_policy_wrap > ol > li ol > li ol {
	padding-left: 1.2em;
	margin: 1em 0;
}
.bl_policy_wrap > ol > li ol > li ol > dl {
	margin-top: 1em;
}
.bl_policy_wrap a {
	text-decoration: underline;
}
.bl_policy_wrap a:hover {
	opacity: .6;
	color: var(--color-link);
}
/*--------------------------------------------
サイトマップ
--------------------------------------------*/
.bl_sitemap_wrap {
	list-style: none;
}
.bl_sitemap_wrap li {
	padding: 0 2em 0 0;
	background-color: #fff;
}
.bl_sitemap_list dd {
	padding-bottom: 1em;
}
.bl_sitemap_list:not(:first-of-type) {
	border-top: 1px solid var(--color-lightgray);
}
.bl_sitemap_list .bl_sideBtn_wrap a, .bl_empty_ttl {
	display: block;
	padding: 2em 0;
	font-size: 1.8rem;
}
.bl_empty_ttl {
	line-height: 1;
}
.bl_sitemap_list .bl_sideBtn_wrap a::after {
	top: 2.4em;
	border-bottom: var(--color-txt);
	border-top: 2px solid var(--color-txt);
	border-right: 2px solid var(--color-txt);
}
.bl_sitemap_list .bl_sideBtn_wrap a:hover {
	color: var(--color-link, #18305A);
}
.bl_sitemap_list .bl_sideBtn_wrap a:hover::after {
	border-top: 2px solid var(--color-blue);
	border-right: 2px solid var(--color-blue);
}
.bl_sitemap_list .bl_sideBtn_small_wrap a {
	font-size: 1.3rem;
	display: block;
}
.bl_sitemap_list .bl_sideBtn_small_wrap a:hover {
	color: var(--color-blue);
	opacity: .6;
}
/*--------------------------------------------
記事
--------------------------------------------*/
.bl_action_hedding_wrap {
	padding-bottom: 1em;
}
.bl_action_hedding_wrap h2 {
	font-size: 3.2rem;
	width: 100%;
	color: var(--color-main);
}
.bl_action_hedding_wrap h2 + p {
	padding-bottom: 2em;
}
.bl_action_hedding_wrap h3 {
	font-size: 2.4rem;
	width: 100%;
	color: var(--color-txt);
}
.bl_blogList__content {
	list-style: none;
}
.bl_blogList__content > li {
	margin-bottom: 1em;
}
.bl_blogList__content picture {
	max-width: 292px;
	width: 30vw;
}
.bl_bl_articleList__cont h3 {
	font-weight: 500;
}
.bl_bl_articleList__cont {
	padding: 1em 2em;
	width: calc(100% - 292px);
}
.bl_articleList__item a:hover {
	opacity: .6;
}
.bl_otherunit {}
.bl_otherunit .el_date {
	padding-right: 1em;
}
.bl_articleListtag_wrap {
	width: 100%;
}
.bl_articleListtag_inner {
	list-style: none;
	width: calc(100% - 4em);
}
.bl_articleListtag_inner li {
	padding-right: 1em;
}
.bl_articleListtag_inner li a {
	display: inline-block;
	font-size: 1.2rem;
}
.bl_articleListtag_inner li a:hover {
	color: var(--color-blue);
	opacity: .6;
}
.el_date {
	font-size: 1.2rem;
}
.tip_main {
	background-color: var(--color-main);
}
.tip_news {
	background-color: var(--color-blue);
}
.tip_main, .tip_news {
	color: #fff;
	font-size: 1.4rem;
	font-style: normal;
	line-height: 1;
	padding: 0.25em 0.5em;
	display: inline-block;
}
.tip_cate {
	line-height: 1;
}
.bl_top_article {
	width: 100%;
	align-items: center;
	margin-top: auto; /*調整用*/
}
.sns_tip {
	display: flex;
	width: auto;
	padding: .5em 0;
}
.sns_tip p {
	display: block;
	margin-right: 1em;
}
.sns_tip2 {
	display: flex;
	justify-content: flex-end;
	padding: .5em 0;
}
.sns_tip2 p {
	display: block;
	margin-left: 1em;
}
.sns_tip3 {
	display: flex;
	width: 100%;
	justify-content: center;
	padding: 10% 0;
}
.sns_tip3 p {
	display: block;
	margin: 0 1em;
}
.bl_top_article a {
	display: block;
}
.tip {
	height: 1.2em;
	width: auto;
}
.tip2 {
	height: 1.5em;
	width: auto;
}
.bl_heart_wrap {
	padding-left: 1.5em;
}
.LikesIcon {
	position: relative;
}
.LikesIcon .ic_heart_on {
	position: absolute;
	left: -1.5em;
	top: .4em;
	content: url("../img/ic_heart.svg");
	display: inline-block;
}
.LikesIcon .ic_heart_off {
	position: absolute;
	left: -1.5em;
	top: .4em;
	content: url("../img/ic_heart_off.svg");
	display: inline-block;
}
/********************** サイドメニュー **********************/
.bl_side_menu_warp:first-of-type {
	margin-top: 2em;
}
.bl_side_menu_warp {
	margin-top: 1em;
}
.bl_side_menu_warp h3 {
	padding: 1em;
	background-color: var(--color-lightgray);
	font-size: 1.5rem;
}
.bl_sidetag_wrap {
	list-style: none;
}
.bl_sidetag_wrap li {
	display: inline-block;
	margin-bottom: .5em;
}
.bl_sidetag_wrap li a {
	background-color: var(--color-lightgray);
	padding: .5em 1em;
	border-radius: 3em;
	font-size: 1.2rem;
}
.bl_sidetag_wrap li a:hover {
	opacity: .6;
}
/********************** 記事詳細 **********************/
.bl_actionDetaol_wrap {
	margin-bottom: 2em;
}
.bl_detail_cont {
	padding: 2em;
}
.bl_detail_cont h2 {
	font-size: 3.8rem;
	line-height: 1.25;
	padding-top: 0.5em;
}
.bl_otherunit {
	padding-top: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid var(--color-lightgray);
}
.bl_otherunit_date .el_date {
	padding: 0 0 0 1em;
	font-size: 1.6rem;
}
.bl_sidetag_wrap {
	margin-top: 2em;
}
.bl_detail_wrap {
	width: 80%;
	margin: auto;
}
.bl_detail_wrap img, .bl_detail_wrap_set, .bl_detail_wrap_set p {
	padding: 5% 0;
}
.bl_detail_wrap_set h2 {
	width: 60%;
	margin: auto;
	font-size: 2.2rem;
	line-height: 2;
	font-family: 'Zen Kaku Gothic Antique', sans-serif;
	font-weight: 500;
	text-align: center;
}
.bl_detail_wrap_set h2::after {
	display: block;
	content: " ";
	width: 2em;
	border-top: 1px solid #707070;
	margin: auto;
	margin-top: 10%;
	margin-bottom: 10%;
}
#other {
	padding-top: 4em;
}
.bl_detail_wrap p a {
	text-decoration: underline;
}
.bl_detail_wrap p a:hover {
	color: var(--color-link);
	opacity: .6;
}
.bl_other_list__wrap {
	position: relative;
}
.bl_other_list__wrap::before {
	position: absolute;
	top: -6.5em;
	content: " ";
	background-image: url("../img/ph_wavy_line.svg");
	background-repeat: no-repeat;
	background-position: center center;
	height: 3em;
	width: 100%;
	text-align: center;
}
.bl_other_list__wrap h4 {
	font-size: 3.2rem;
	font-weight: 300;
}
.bl_other_list_wrap {
	list-style: none;
}
.bl_other_list_item {
	padding: 1.88%;
}
.bl_other_list__wrap a:hover {
	opacity: .6;
}
.bl_wave_bottom {
	position: relative;
}
/*.bl_wave_bottom::before {
	position: absolute;
	bottom: -1.5em;
	content: " ";
	background-image: url("../img/ph_wavy_line.svg");
	background-repeat: no-repeat;
	background-position: center center;
	height: 3em;
	width: 100%;
	text-align: center;
}*/
/*--------------------------------------------
button
--------------------------------------------*/
/********************** header-btn **********************/
.el_btn_header {
	font-size: min(3.5vw, 1.6rem);
	position: relative;
	display: inline-block;
	width: 100%;
	font-weight: bold;
	color: var(--color-link);
}
.el_btn_header:hover {
	opacity: .6;
}
/********************** footer-btn **********************/
.el_btn_footer {
	font-size: 1.6rem;
	position: relative;
	display: inline-block;
	width: 100%;
	font-weight: normal;
	color: var(--color-txt);
	text-decoration: underline;
}
.el_btn_footer:hover {
	opacity: .6;
	color: var(--color-link);
}
/********************** 通常リンク-btn **********************/
.el_btn_link {
	font-size: 1.4rem;
	position: relative;
	display: inline-block;
	width: 100%;
}
.el_btn_link:hover {
	text-decoration: underline;
}
.el_btn_link2 {
	font-size: 1.5rem;
	position: relative;
	display: inline-block;
	width: 100%;
}
.el_btn_link2:hover {
	text-decoration: underline;
	color: var(--color-main);
}
.el_btn_link_big {
	font-size: 2rem;
	position: relative;
	display: inline-block;
	width: 100%;
}
.el_btn_link_big:hover {
	text-decoration: underline;
}
/********************** scroll-btn **********************/
.scroll {
	position: relative;
	width: 100%;
	height: 100vh;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
.scroll::after {
	content: " ";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 80%;
}
.scroll a {
	display: inline-block;
	position: absolute;
	left: 50%;
	bottom: 5%;
	z-index: 2;
	padding: 10px 10px 50px;
	color: #fff;
	font-size: 1.4rem;
	font-family: 'Lato', sans-serif;
	line-height: 1;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
	writing-mode: vertical-lr;
	transition: 0.2s;
	overflow: hidden;
}
.scroll a::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 1px;
	height: 40px;
	background: #fff;
}
.scroll a:hover {
	opacity: 0.5;
}
#scroll a::after {
	-webkit-animation: sdl01 1.5s cubic-bezier(1, 0, 0, 1) infinite;
	animation: sdl01 1.5s cubic-bezier(1, 0, 0, 1) infinite;
}
@-webkit-keyframes sdl01 {
	0% {
		-webkit-transform: scale(1, 0);
		transform: scale(1, 0);
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
	}
	50% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
	}
	50.1% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
		-webkit-transform-origin: 0 100%;
		transform-origin: 0 100%;
	}
	100% {
		-webkit-transform: scale(1, 0);
		transform: scale(1, 0);
		-webkit-transform-origin: 0 100%;
		transform-origin: 0 100%;
	}
}
@keyframes sdl01 {
	0% {
		-webkit-transform: scale(1, 0);
		transform: scale(1, 0);
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
	}
	50% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
	}
	50.1% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
		-webkit-transform-origin: 0 100%;
		transform-origin: 0 100%;
	}
	100% {
		-webkit-transform: scale(1, 0);
		transform: scale(1, 0);
		-webkit-transform-origin: 0 100%;
		transform-origin: 0 100%;
	}
}
.el_btn_genre {
	display: inline-block;
	font-size: 2rem;
	padding: 1em 2em;
	line-height: 1;
}
.el_btn_genre:hover {
	background-color: var(--color-main);
	color: #fff;
}
.el_btn_genre2 {
	display: inline-block;
	font-size: 1.3rem;
	padding: .5em 1em;
	line-height: 1;
	border: 1px solid var(--color-txt);
	border-radius: 5px;
}
.el_btn_genre2:hover {
	background-color: var(--color-main);
	color: #fff;
	border: 1px solid var(--color-main);
}
/********************** heart-btn **********************/
/* ---------------------------- */
/* --- ハートアニメーション --- */
/* ---------------------------- */
@-webkit-keyframes heartAnimation {
	0% {
		/* アイコンサイズをもとのより小さくする */
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
	}
	10% {
		-webkit-transform: scale(0.7);
		transform: scale(0.7);
	}
	30% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}
	50% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
	80% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}
	100% {
		/* もとのサイズに戻す */
		-webkit-transform: scale(1.0);
		transform: scale(1.0);
	}
}
@keyframes heartAnimation {
	0% {
		/* アイコンサイズをもとのより小さくする */
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
	}
	10% {
		-webkit-transform: scale(0.7);
		transform: scale(0.7);
	}
	30% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}
	50% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
	80% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}
	100% {
		/* もとのサイズに戻す */
		-webkit-transform: scale(1.0);
		transform: scale(1.0);
	}
}
.LikesIcon-fa-heart {
	font-size: 30px;
}
.LikesIcon-fa-heart.heart {
	/* heartAnimationアニメーションを200ミリ秒かけて実行する */
	-webkit-animation: heartAnimation .2s;
	animation: heartAnimation .2s;
	/* アイコン色を黒から赤へ変更する */
	color: #e2264d;
}
/*--------------------------------------------
icon
--------------------------------------------*/
/******************** img-icon ********************/
.el_imgicon {
	display: inline-block;
	vertical-align: middle;
	padding-right: 0.5em;
}
/*--------------------------------------------
table
--------------------------------------------*/
/********************** tabel **********************/
table {
	border-collapse: separate;
}
/********************** form-tabel **********************/
table.bl_tabel_wrap {
	width: 100%;
	height: 100%;
}
.bl_tabel_wrap tr {
	width: 100%;
	text-align: left;
}
.bl_tabel_wrap tr th {
	padding: 2em;
	background-color: var(--color-offwhote);
	border-top: 1px solid var(--color-lightgray);
	border-left: 1px solid var(--color-lightgray);
	border-right: 1px solid var(--color-lightgray);
	margin-bottom: 1em;
	vertical-align: middle;
}
.bl_tabel_wrap tr:first-of-type th {
	border-radius: 5px 0 0 0;
}
.bl_tabel_wrap tr:last-of-type th {
	border-bottom: 1px solid var(--color-lightgray);
	border-radius: 0 0 0 5px;
}
.bl_tabel_wrap tr td {
	padding: 2em;
	border-top: 1px solid var(--color-lightgray);
	border-right: 1px solid var(--color-lightgray);
	vertical-align: middle;
}
.bl_tabel_wrap tr:first-of-type td {
	border-radius: 0 5px 0 0;
}
.bl_tabel_wrap tr:last-of-type td {
	border-bottom: 1px solid var(--color-lightgray);
	border-radius: 0 0 5px 0;
}
/*--------------------------------------------
リストコンテンツ
--------------------------------------------*/
/********************** アニメーション **********************/
.bl_bgSlideUp a {
	position: relative;
	transition: .2s;
	padding: 2em 0;
	overflow: hidden;
}
.bl_bgSlideUp a::before {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: block;
	content: " ";
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	transition: .2s;
	z-index: 0;
}
.bl_bgSlideUp a:hover::before {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: block;
	content: " ";
	background-color: var(--color-gray);
	-webkit-transform: translateX(0);
	transform: translateX(0);
	transition: .2s;
	z-index: 0;
}
.bl_bgSlideUp .bl_list_img {
	line-height: 1;
}
/********************** お知らせ＆新着情報 **********************/
.bl_list_wrap {
	width: 100%;
	position: relative;
}
.bl_list_wrap a:hover {
	opacity: .7;
}
.bl_list_img {
	z-index: 1;
	display: block;
}
.bl_list_img source, .bl_list_img img {
	border-radius: 5px;
}
.bl_list_cont {
	position: relative;
	padding: 1em 0 1em 1.5em;
}
.bl_list_cont::before {
	position: absolute;
	bottom: 2px;
	content: " ";
	height: 2px;
	width: 4em;
	background-color: var(--color-txt);
}
.bl_list_cont h4 {
	font-family: 'Zen Kaku Gothic Antique', "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
	line-height: 1.5;
	margin-top: -1em;
}
.bl_listDade_wrap {
	padding-top: 1em;
	font-size: 1.2rem;
}
.bl_listDade_wrap date {
	font-family: 'Lato', sans-serif;
	padding-right: 1em;
}
.bl_listDade_wrap span {
	font-weight: 400;
	opacity: .4;
}
/********************** 会社案内リスト **********************/
.el_campanyInfo_pageName {
	position: absolute;
	bottom: 1em;
	left: 2em;
	font-family: 'Lato', sans-serif;
	font-size: 1.2rem;
	color: #fff;
	z-index: 2;
}
.el_campanyInfo_pageName span {
	padding-left: .5em;
	font-size: 2rem;
}
/********************** 製品 **********************/
.bl_productList_inner {
	width: 100%;
}
.bl_productList_inner > .bl_list_img {
	padding-top: 100%;
	background: var(--color-offwhote);
}
.bl_pointLeader2_item {
	padding-top: 0;
/*	font-size: 1.9rem;*/
	line-height: 2.0rem;
}
.bl_pointLeader_wrap {
	position: relative;
	top: -1.6rem;
}

/********************** 製品　詳細 **********************/
.bl_list_product_dtl {}
.bl_list_product_dtl dl:last-of-type {
	padding-bottom: 0;
}
.bl_list_product_dtl dl {
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 1em;
}
.bl_list_product_dtl dt {
	font-weight: bold;
}
.bl_list_product_dtl dt::after {
	content: ":";
	padding: 0 .25em;
}
/********************** 製品　詳細 アコ-ディオン　左スライド **********************/
.bl_btn_color_var__wrap {
	display: inline-block;
}
.bl_btn_color_var__wrap .bl_color_var__icon::before {
	transition: .2s;
}
.bl_color_var__icon {
	position: relative;
	width: 80px;
	height: 80px;
	background: #000;
	border-radius: 50%;
	display: block;
}
.bl_color_var__icon::after {
	display: block;
	position: absolute;
	right: 50%;
	top: 50%;
	content: " ";
	width: 0.8em;
	height: 0.8em;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	-webkit-transform: rotate(45deg) translate(-10%, -70%);
	transform: rotate(45deg) translate(-10%, -70%);
}
.bl_color_var__icon:hover::before {
	border: 1px solid var(--color-main);
	background-color: var(--color-main);
	cursor: pointer;
}
/********************** 製品　詳細 アコ-ディオン　左スライド 内容 **********************/
#drawer-content {
	overflow: auto;
	position: fixed;
	top: 0;
	right: 0;
	padding: 0;
	z-index: 40;
	width: 40vw;
	min-width: 40vw;
	height: 100%;
	background: var(--color-offwhote);
	transition: all 0.3s ease-in-out 0s;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}
#drawer-checkbox:checked ~ #drawer-content {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	box-shadow: 6px 0 24px rgba(0, 0, 0, 0.16);
}
#drawer-checkbox {
	display: none;
}
#drawer-close {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0;
	transition: all 0.3s ease-in-out 0s;
	z-index: 39;
}
#drawer-close_btn {
	position: absolute;
	top: 0;
	right: 0;
	opacity: 0;
	transition: all 0.3s ease-in-out 0s;
	z-index: 41;
	background: var(--color-offwhote);
}
#drawer-checkbox:checked ~ #drawer-close {
	display: block;
	opacity: 0.8;
}
#drawer-checkbox:checked ~ #drawer-content #drawer-close_btn {
	display: block;
	opacity: 1;
	right: 5%;
	top: 0.8em;
	height: 2em;
	width: 2em;
}
#drawer-checkbox:checked ~ #drawer-content #drawer-close_btn span {
	height: 1px;
	right: 0;
	top: 50%;
	position: absolute;
}
#drawer-checkbox:checked ~ #drawer-content #drawer-close_btn span::before, #drawer-checkbox:checked ~ #drawer-content #drawer-close_btn span::after {
	-webkit-transform: rotate(0);
	background: #333;
	content: "";
	display: block;
	height: 100%;
	right: 0;
	margin: 0;
	position: absolute;
	top: 0;
	transform: rotate(0);
	transition: all 0.3s ease-in-out;
	width: 2em;
}
#drawer-checkbox:checked ~ #drawer-content #drawer-close_btn span::before {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#drawer-checkbox:checked ~ #drawer-content #drawer-close_btn span::after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
/********************** 製品　詳細 アコ-ディオン　左スライド 内容　コンテンツ **********************/
.bl_product_slide__ttl_wrap {
	padding: 1em 5%;
	width: 100%;
	border-bottom: 1px solid var(--color-txt);
	z-index: 42;
	background: var(--color-offwhote);
}
.bl_product_slide__list_wrap {
	list-style: none;
	padding: 5%;
}
.h6_product_slide__ttl {
	font-size: 2.1rem;
	font-weight: 400;
}
.bl_product_slide__list_wrap .__product_name {
	font-size: 1.3rem;
	font-weight: 400;
}
.bl_product_slide__list_wrap .__product_name span {
	display: block;
}
.bl_product_slide__list_wrap .__item {
	width: 100%;
	height: 100%;
	border: 1px solid var(--color-txt);
	border-radius: 5px;
	padding: 12px;
	background: #fff;
}
.bl_product_slide__list_wrap .__color_name {
	font-size: 1.3rem;
	font-weight: 400;
}
/*--------------------------------------------
活動レポート
--------------------------------------------*/
/********************** ページネーション **********************/
.Pagination {
	display: flex;
	align-items: center;
	list-style: none;
	justify-content: center;
	margin-top: 4em;
}
.Pagination-Item-Link {
	width: 40px;
	height: 40px;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	overflow: hidden;
	background: var(--color-lightgray);
	font-size: 1.4rem;
	color: #333;
	font-weight: bold;
	transition: all 0.15s linear;
}
.Pagination-Item-Link-Icon.arrow_left {
	width: 0.8em;
	height: 0.8em;
	border-top: 1.5px solid;
	border-left: 1.5px solid;
	-webkit-transform: rotate(-45deg) translate(2px, 2px);
	transform: rotate(-45deg) translate(2px, 2px);
}
.Pagination-Item-Link-Icon.arrow_right {
	width: 0.8em;
	height: 0.8em;
	border-top: 1.5px solid;
	border-left: 1.5px solid;
	-webkit-transform: rotate(-45deg) scale(-1, -1) translate(2px, 2px);
	transform: rotate(-45deg) scale(-1, -1) translate(2px, 2px);
}
.Pagination-Item-Link-Icon.arrow_left span, .Pagination-Item-Link-Icon.arrow_right span {
	display: none;
}
.Pagination-Item-Link.isActive {
	background: var(--color-main);
	color: #fff;
	pointer-events: none;
}
.Pagination-Item-Link:not(.isActive):hover {
	background: var(--color-main);
	color: #fff;
}
.Pagination > * + * {
	margin-left: 1.88%;
}
/********************** 絞り込み検索 **********************/
.bl_search_wrap {
	width: 100%;
}
.bl_search_wrap .__item {
	border: 1px solid var(--color-lightgray2);
	border-radius: 2em;
	padding: 0 .5em;
}
.bl_search_wrap .__item .__icon {
	width: 1em;
	/*height: 1em;*/
	margin-right: .5em;
	margin-left: .5em;
	padding-top: 5px;
}
.bl_search_wrap .__item input {
	vertical-align: baseline;
	width: calc(100% - 3em);
}
/********************** 絞り込み検索 SP **********************/
.bl_search_wrap_sp {
	display: none;
}
/********************** ソート機能 **********************/
.sort-btn {
	border: none;
	border-radius: 5px;
	display: inline-block;
	padding: .5em 2em;
	vertical-align: middle;
	overflow: hidden;
	text-decoration: none;
	color: #333;
	background-color: var(--color-lightgray3);
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
}
.sort-btn .__icon {
	display: inline-block;
	width: 0.6em;
	height: 100%;
	vertical-align: middle;
	margin-left: .5em;
}
/********************** サイドメニューボタン **********************/
.bl_sideBtn_wrap {
	display: block;
}
.bl_sideBtn_wrap a {
	display: flex;
	line-height: 1;
	transition: .3s;
	position: relative;
	padding: .8em;
	padding-right: 3em;
	font-size: 1.3rem;
}
.bl_sideBtn_wrap a::after {
	position: absolute;
	top: 50%;
	right: 1em;
	content: " ";
	width: .7em;
	height: .7em;
	border-top: 2px solid var(--color-lightgray2);
	border-right: 2px solid var(--color-lightgray2);
	-webkit-transform: rotate(45deg) translateY(-50%);
	transform: rotate(45deg) translateY(-50%);
	margin-left: auto;
}
.bl_sideBtn_wrap a:hover {
	opacity: .6;
}
/********************** サイドメニューボタン　アコーディオン **********************/
.toggle_contents {
	display: block;
}
.toggle_title {
	position: relative;
	padding: .8em;
	font-size: 1.4rem;
	cursor: pointer;
	line-height: 1;
}
.toggle_btn {
	position: absolute;
	top: 50%;
	right: 5%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	/* overflow: hidden; */
}
.toggle_btn:before, .toggle_btn:after {
	display: block;
	content: " ";
	background-color: var(--color-lightgray2);
	position: absolute;
	width: 1em;
	height: 2px;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.toggle_btn:before {
	width: 2px;
	height: 1em;
}
.toggle_title.selected .toggle_btn:before {
	content: normal;
}
.toggle_contents dd {
	display: none;
}
.toggle_contents dd ul {
	padding: 0 0 1em;
}
.toggle_contents dd li {
	list-style: none;
}
/********************** 詳細　ページ偏移ボタン **********************/
.bl_btn_wrap {
	display: flex;
}
.bl_btn_wrap a {
	margin: auto;
}
.bl_btn_wrap a:hover {
	background-color: var(--color-main);
	border-color: var(--color-main);
	color: #fff;
}
.bl_btn_wrap .__btn {
	display: block;
	padding: 1em;
	line-height: 1;
	border: 1px solid var(--color-darkgray);
	background-color: var(--color-offwhote);
}
.bl_btn_wrap .__icon_left::before, .bl_btn_wrap .__icon_right::after {
	display: inline-block;
	content: " ";
	width: .6em;
	height: .6em;
	border-top: 2px solid;
	border-right: 2px solid;
}
.bl_btn_wrap .__icon_left::before {
	-webkit-transform: rotate(45deg) scale(-1, -1);
	transform: rotate(45deg) scale(-1, -1);
	margin-right: .5em;
}
.bl_btn_wrap .__icon_right::after {
	-webkit-transform: rotate(45deg) scale(1, 1);
	transform: rotate(45deg) scale(1, 1);
	margin-left: .5em;
}
.bl_btn_wrap2 {
	width: 100%;
	display: flex;
	justify-content: center;
}
.bl_btn_wrap2 .__btn2 {
	display: inline-block;
	padding: 1em;
	line-height: 1;
	background-color: var(--color-main);
	text-align: center;
	color: #fff;
}
/*--------------------------------------------
各スタイル　調整
--------------------------------------------*/
/**************** header　右側 **********************/
.bl_header_right {
	width: 100%;
}
.bl_header_right2 {
	width: 100%;
	display: none;
}
/**************** header　上下共通 **********************/
.bl_header__cont ul li {
	list-style: none;
	display: inherit;
}
.bl_page_ul li:not(:last-of-type)::after {
	content: "　";
	display: inline-block;
	padding: 0 0.25em;
}
/**************** loginout **********************/
.bl_loginout__wrap {
	padding: 1em 0;
}
.bl_loginout__wrap ul {
	list-style: none;
	padding-right: 1em;
}
.bl_loginout__wrap ul li {
	padding-left: .5em;
}
.bl_loginout__wrap ul li:first-of-type label {
	padding-left: 1.65em;
}
.bl_loginout__wrap label {
	font-size: 1.2rem;
	color: var(--color-subttl);
	padding-right: .5em;
}
.bl_loginout__wrap input {
	width: auto;
	border-radius: 3em;
	padding: .5em 1em;
	background-color: var(--color-lightgray);
	border: none;
	font-size: 80%;
	max-width: 12em;
}
/**************** グローバルメニュー **********************/
.bl_globalbtn__wrap li {
	padding-right: 0;
}
/*--------------------------------------------
ハンバーガーメニュー
--------------------------------------------*/
#nav-drawer {
	display: none;
}
@media (max-width: 959px) {
	/*--------------------------------------------
	header
	--------------------------------------------*/
	.bl_header_right {
		display: none;
	}
	.bl_header_right2 {
		display: block;
	}
	.bl_header_logo {
		position: relative;
		padding-top: 1em;
	}
	.bl_header_logo a {
		display: block;
	}
	.bl_header_logo a img {
		width: 17vw;
		min-width: 80px;
	}
	/*--------------------------------------------
	footer
	--------------------------------------------*/
	.bl_footer_cont__wrap {
		order: 2;
		width: 100%;
	}
	/********************** totop **********************/
	#totop {
		order: 1;
		width: 100%;
	}
	.el_totop_btn {
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #115fad;
		font-size: 1.4rem;
		color: #fff;
		text-decoration: none;
		text-align: center;
		vertical-align: middle;
		padding: 1em;
		-ms-writing-mode: tb-rl;
		-webkit-writing-mode: horizontal-tb;
		writing-mode: horizontal-tb;
	}
	.el_totop_btn i {
		font-style: normal;
		display: inline-block;
		padding: 0 1em 0 0;
		-webkit-transform: rotate(90deg) translateX(7px);
		transform: rotate(90deg) translateX(7px);
	}
	/*ロゴエリア*/
	.bl_address {
		font-style: normal;
		font-size: max(1vw, 1.2rem);
	}
	/*--------------------------------------------
	下層ページタイトル
	--------------------------------------------*/
	.ly_pagettl h1 {
		font-size: 3.4rem;
		font-weight: 300;
		color: var(--color-main);
		line-height: 1.2;
	}
	.ly_pagettl h1 span {
		display: block;
		font-family: 'Zen Kaku Gothic Antique', sans-serif;
		font-size: 2rem;
		font-weight: 400;
		color: var(--color-subttl);
	}
	/*--------------------------------------------
	共通ページ
	--------------------------------------------*/
	.bl_learning-point__btn .bl_btn_wrap a {
		margin: 0;
	}
	.bl_learning-point {
		padding: 5%;
	}
	.bl_learning-point dt {
		font-size: min(4.7vw, 3.4rem);
		font-weight: bold;
	}
	.bl_learning-point dd {
		padding-left: 1em;
		font-size: min(3.4vw, 1.4rem);
	}
	.bl_consept {
		font-size: 1.4rem;
	}
	/*--------------------------------------------
	トップページ
	--------------------------------------------*/
	.bl_sec_ttl h2 {
		font-size: 4rem;
		font-weight: 300;
	}
	.bl_newarticle_left {
		width: 50%;
		padding: 0 5%;
	}
	.bl_discription_set + div {
		padding: 0 5%;
	}
	.bl_newscaption_wrap {
		padding-left: 0;
	}
	.bl_top_newaction_img {
		-webkit-clip-path: none;
		clip-path: none;
		width: 50%;
	}
	.bl_new_action::after {
		position: absolute;
		left: 5%;
		top: 0;
		content: "新着記事";
		background-color: var(--color-heart);
		padding: 0.25em 2em;
		color: #fff;
		font-size: min(1.4rem, 2vw);
	}
	.bl_top_newaction_img picture {
		padding-top: 100%;
	}
	.bl_btn_wrap {
		margin-top: 2em;
	}
	.bl_action_listwrap_inner figcaption h3 {
		font-size: 1.4rem;
		font-weight: 500;
	}
	.bl_news_list_wrap figcaption h3 {
		font-size: 1.4rem;
	}
	/*--------------------------------------------
	もったいないやん活動隊について
	--------------------------------------------*/
	.bl_discription_set h2 {
		font-size: min(3.6rem, 4.1vw);
		line-height: 1.25;
	}
	.bl_project_caption_wrap {
		width: 100%;
	}
	.bl_caption_wrap header > p {
		width: 50%;
	}
	.ly_charenge_partner {
		margin-top: 0;
	}
	.ly_charenge_partner h2 {
		font-size: 2.4rem;
	}
	.bl_partner_item dl dd {
		font-size: 1.4rem;
	}
	.bl_footer_cont__inner ul li, .bl_footer_cont__inner dl dt {
		font-size: 1.4rem;
	}
	.bl_dlpt ul {
		padding: 8%;
	}
	/*--------------------------------------------
	プライバシーポリシー
	--------------------------------------------*/
	.bl_policy_wrap {
		padding: 5%;
	}
	.bl_policy_wrap > ol > li {
		margin-top: 3em;
	}
	.bl_policy_wrap > ol > li h2 {
		font-size: 2rem;
		font-weight: 400;
	}
	/*--------------------------------------------
	サイトマップ
	--------------------------------------------*/
	/********************** col調整 **********************/
	.bl_sitemap_wrap .bl_card {
		width: calc(50% - 1.88%);
	}
	/*--------------------------------------------
	記事
	--------------------------------------------*/
	.bl_action_hedding_wrap h2 {
		font-size: 2.4rem;
	}
	.bl_action_hedding_wrap h3 {
		font-size: 2rem;
	}
	.bl_blogList__content picture {
		width: 20vw;
	}
	.bl_bl_articleList__cont h3 {
		font-size: 1.4rem;
	}
	.bl_bl_articleList__cont {
		width: calc(100% - 20vw);
	}
	/********************** サイドメニュー **********************/
	.bl_side_menu_warp h3 {
		padding: 0.5em 1em;
		font-size: 1.3rem;
	}
	/********************** 記事詳細 **********************/
	.bl_detail_cont {
		padding: 5%;
	}
	.bl_detail_cont h2 {
		font-size: 2.4rem;
		padding-top: 0.5em;
	}
	.bl_detail_wrap {
		width: 90%;
		margin: auto;
	}
	.bl_detail_wrap_set h2 {
		width: 90%;
		margin: auto;
		font-size: 2.2rem;
		line-height: 2;
		font-family: 'Zen Kaku Gothic Antique', sans-serif;
		font-weight: 500;
	}
	.bl_blogList__content > li {
		margin-bottom: 10%;
	}
	/*--------------------------------------------
	リストコンテンツ
	--------------------------------------------*/
	/********************** お知らせ＆新着情報 **********************/
	.bl_list_cont {
		padding: 1em;
	}
	.bl_list_cont h4 {
		margin-top: 0;
	}
	/********************** 会社案内リスト **********************/
	.el_campanyInfo_pageName {
		position: absolute;
		bottom: 1em;
		left: 2em;
		font-family: 'Lato', sans-serif;
		font-size: 1.2rem;
		color: #fff;
		z-index: 2;
	}
	.el_campanyInfo_pageName span {
		display: block;
		padding-left: 0;
		font-size: 1.8rem;
	}
	/********************** 製品　詳細 アコ-ディオン　左スライド 内容 **********************/
	#drawer-content {
		overflow: auto;
		position: fixed;
		top: 0;
		right: 0;
		padding: 0;
		z-index: 40;
		width: 80vw;
		min-width: 80vw;
		height: 100%;
		background: var(--color-offwhote);
		transition: all 0.3s ease-in-out 0s;
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}
	/*--------------------------------------------
	活動隊レポート
	--------------------------------------------*/
	/********************** ページネーション **********************/
	.Pagination {
		width: 100%;
	}
	.Pagination-Item {
		display: none;
	}
	.Pagination-Item:first-of-type, .Pagination-Item:last-of-type {
		display: block;
		width: 50%;
	}
	.Pagination-Item-Link {
		width: 100%;
		height: 40px;
		border-radius: 5px;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		overflow: hidden;
		background: var(--color-lightgray);
		font-size: 1.4rem;
		color: #333;
		font-weight: bold;
		transition: all 0.15s linear;
	}
	.Pagination-Item-Link-Icon.arrow_left {
		margin-right: auto;
		margin-left: 2em;
	}
	.Pagination-Item-Link-Icon.arrow_right {
		margin-left: auto;
		margin-right: 2em;
	}
	.Pagination-Item-Link-Icon.arrow_left span, .Pagination-Item-Link-Icon.arrow_right span {
		display: block;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: relative;
		width: 2em;
		background: red;
	}
	.Pagination-Item-Link-Icon.arrow_left span::before {
		display: block;
		position: absolute;
		top: -3px;
		left: 2em;
		width: 2em;
		content: "前へ";
	}
	.Pagination-Item-Link-Icon.arrow_right span::before {
		display: block;
		position: absolute;
		top: -2px;
		left: 2em;
		width: 2em;
		content: "次へ";
		-webkit-transform: scale(-1, -1);
		transform: scale(-1, -1)
	}
	/********************** 詳細　ページ偏移ボタン **********************/
	/*--------------------------------------------
	ハンバーガーメニュー
	--------------------------------------------*/
	#nav-drawer {
		position: relative;
		display: block;
	}
	/*チェックボックス等は非表示に*/
	.nav-unshown {
		display: none;
	}
	/*アイコンのスペース*/
	#nav-open {
		display: inline-block;
		width: 30px;
		height: 22px;
		vertical-align: middle;
	}
	/*ハンバーガーの形をCSSで表現*/
	#nav-open span, #nav-open span:before, #nav-open span:after {
		position: absolute;
		height: 3px; /*線の太さ*/
		width: 25px; /*長さ*/
		border-radius: 3px;
		background: #555;
		display: block;
		content: " ";
		cursor: pointer;
	}
	#nav-open span:before {
		bottom: -8px;
	}
	#nav-open span:after {
		bottom: -16px;
	}
	/*閉じる用の薄黒箇所*/
	#nav-close {
		display: none;
		position: fixed;
		z-index: 99;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: black;
		opacity: 0;
		transition: .3s ease-in-out;
	}
	/*メニューの中身*/
	#nav-content {
		overflow: auto;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
		width: 75vw;
		height: 100%;
		background: #fff;
		transition: .3s ease-in-out;
		-webkit-transform: translateX(-105%);
		transform: translateX(-105%);
	}
	/*チェックがついたら表示させる*/
	#nav-input:checked ~ #nav-close {
		display: block;
		opacity: .8;
	}
	#nav-input:checked ~ #nav-content {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
		box-shadow: 6px 0 25px rgba(0, 0, 0, .15);
	}
	.header-logo-menu {
		display: flex;
		display: -moz-flex;
		display: -o-flex;
		display: -ms-flex;
		flex-direction: row;
		-moz-flex-direction: row;
		-o-flex-direction: row;
	}
	/*ロゴやサイトタイトルをセンタリング*/
	.logo-area {
		text-align: center;
		margin: auto;
	}
	/*********調整**********/
	.bl_hm_logo__wrap {
		padding: 40px;
		width: 40%;
		min-width: 200px;
	}
	.bl_hm_globalbtn__wrap {
		padding: 1em 40px;
		list-style: none;
	}
	.bl_hm_globalbtn__wrap li a {
		padding: 1em 1em;
		display: block;
	}
	.bl_hm_loginput_form__wrap li:first-of-type {
		padding-bottom: .5em;
	}
	.bl_hm_loginput_btn__wrap {
		height: 100%;
	}
	.bl_hm_loginput_btn__wrap button {
		border-radius: 0;
	}
	/********************** 詳細　ページ偏移ボタン **********************/
	.bl_btn_wrap .__btn {
		font-size: 1.4rem;
	}
	.bl_btn_wrap2 .__btn2 {
		font-size: 1.4rem;
	}
}
@media (max-width: 559px) {
	/*--------------------------------------------
	header
	--------------------------------------------*/
	.bl_header_right {
		display: none;
	}
	/*--------------------------------------------
	footer
	--------------------------------------------*/
	.bl_footer_cont__inner {
		width: 100%;
		border-left: none;
	}
	.bl_footer_cont__inner:last-of-type {
		border-bottom: none;
	}
	.bl_footer_cont__inner ul li a {
		display: block;
		text-align: center;
	}
	.bl_footer_cont__inner dl {
		display: block;
		text-align: center;
	}
	.bl_footer_cont__inner dl dt {
		display: none;
	}
	.bl_footer_cont__inner dl dd {
		width: 100%;
		margin: 0 5%;
	}
	.ly_copyright_wrap p {
		text-align: center;
		width: 100%;
		padding: 5% 0;
	}
	/*ロゴエリア*/
	.bl_footer_cont__inner:first-of-type {
		margin: auto;
		width: auto;
		text-align: center;
		order: 2;
		border-top: 1px solid var(--color-lightgray)
	}
	.bl_address {
		font-style: normal;
		font-size: max(1vw, 1.4rem);
	}
	.bl_osaka {
		max-width: 50%;
		min-width: 100px;
		margin: auto;
	}
	/*--------------------------------------------
	各スタイル　調整
	--------------------------------------------*/
	/**************** loginout **********************/
	#footer .bl_loginout__wrap {
		display: none;
	}
	/*--------------------------------------------
	パンクズリスト
	--------------------------------------------*/
	.bl_topicPath__wrap {
		display: none;
	}
	/*--------------------------------------------
	ページ共通
	--------------------------------------------*/
	.bl_consept {
		font-size: 1.2rem;
	}
	.bl_consept {
		font-size: 1.2rem;
	}
	/*--------------------------------------------
	下層ページタイトル
	--------------------------------------------*/
	.ly_pagettl h1 {
		font-size: 2.4rem;
		font-weight: 300;
		color: var(--color-main);
		line-height: 1.2;
	}
	.ly_pagettl h1 span {
		display: block;
		font-family: 'Zen Kaku Gothic Antique', sans-serif;
		font-size: 1.4rem;
		font-weight: 400;
		color: var(--color-subttl);
	}
	/*--------------------------------------------
	トップページ
	--------------------------------------------*/
	.bl_5cproject_btnlist_wrap li {
		width: 33%;
	}
	.bl_sp_width {
		width: 100%;
		margin: auto;
		text-align: center;
	}
	.bl_action_listwrap_inner + p {
		padding-top: 0;
	}
	.bl_action_listwrap li {
		padding: 0 0 5%;
		margin: auto;
	}
	.bl_sec_ttl h2 {
		font-size: 2.4rem;
		font-weight: 300;
	}
	.bl_newarticle_left {
		width: 100%;
		padding: 0 5% 5% 5%;
		order: 1;
	}
	.bl_discription_set + div {
		padding: 0;
	}
	.bl_newscaption_wrap {
		padding-left: 0;
	}
	.bl_top_newaction_img {
		-webkit-clip-path: none;
		clip-path: none;
		width: 100%;
	}
	.bl_section_inner_wrap {
		padding: 0;
	}
	.bl_new_action::after {
		position: absolute;
		left: 5%;
		top: 75vw;
		content: "新着記事";
		background-color: var(--color-heart);
		padding: 0.25em 2em;
		color: #fff;
		-webkit-clip-path: polygon(15% 0, 100% 0%, 85% 100%, 0% 100%);
		clip-path: polygon(15% 0, 100% 0%, 85% 100%, 0% 100%);
		font-size: min(1.2rem, 3vw);
	}
	.bl_news_list_wrap figcaption h3 {
		font-size: 1.2rem;
	}
	.bl_news_list_wrap li {
		padding: 3.88%;
	}
	/*--------------------------------------------
	もったいないやん活動隊について
	--------------------------------------------*/
	.bl_discription_set {
		padding: 0;
		padding-bottom: 5%;
	}
	.bl_discription_set h2 {
		font-size: 2.4rem;
		/*padding: 2em 0 1em;*/
	}
	.bl_discription_set h2 span {
		padding-top: 0.2em;
		font-weight: bold;
	}
	.bl_project_caption_wrap {
		width: 75%;
	}
	.bl_caption_wrap header > p {
		width: 25%;
	}
	.bl_caption_wrap header + p {
		padding: 1em;
	}
	.bl_project_caption_wrap h3 {
		font-size: 2rem;
	}
	.ly_charenge_partner {
		margin-top: 0;
	}
	.bl_partner_item dl dd {
		font-size: 1.4rem;
	}
	.ly_charenge_partner h2 {
		font-size: 2.4rem;
	}
	.ly_charenge_partner::before {
		display: none;
		height: 0;
	}
	.bl_dlpt ul {
		padding: 10% 7% 10% 10%;
	}
	/*--------------------------------------------
	プライバシーポリシー
	--------------------------------------------*/
	.bl_policy_wrap {
		padding: 5%;
	}
	.bl_policy_wrap > ol > li {
		margin-top: 2em;
	}
	.bl_policy_wrap > ol > li h2 {
		font-size: 2rem;
	}
	/*--------------------------------------------
	サイトマップ
	--------------------------------------------*/
	.bl_sitemap_wrap li {
		padding: 0;
	}
	.bl_sitemap_list .bl_sideBtn_wrap a, .bl_empty_ttl {
		font-size: 1.6rem;
	}
	/*--------------------------------------------
	記事
	--------------------------------------------*/
	/********************** 記事詳細 **********************/
	.bl_detail_cont h2 {
		font-size: 1.8rem;
		padding-top: 0;
	}
	.bl_action_hedding_wrap h2 + p {
		padding-bottom: 0;
	}
	.bl_action_hedding_wrap h3 {
		font-size: 1.6rem;
	}
	.bl_other_list__wrap h4 {
		font-size: 2rem;
		font-weight: 300;
	}
	.bl_detail_wrap_set h2 {
		font-size: 1.8rem;
	}
	.bl_blogList__content > li {
		margin-bottom: 20%;
	}
	.el_date {
		font-size: 1rem;
	}
	/********************** col調整 **********************/
	.bl_sitemap_wrap .bl_card {
		width: 100%;
		margin-right: 0;
	}
	/********************** 絞り込み検索 SP **********************/
	.bl_search_wrap {
		display: none;
	}
	.bl_search_wrap_sp {
		display: block;
		width: 100%;
		margin: 1em 0 2em;
	}
	.bl_search_wrap_sp .__item {
		position: relative;
	}
	.bl_search_wrap_sp .__item .__icon {
		width: 1em;
		/*height: 1.5em;*/
		margin-right: 0.5em;
		margin-left: 1em;
		padding-top: 3px;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.bl_search_wrap_sp .__item input {
		/*vertical-align: baseline;*/
		width: 100%;
		padding: 0.25em 0.5em 0.25em 2.5em;
		border: 1px solid var(--color-lightgray2);
		border-radius: 2em;
	}
	/********************** 詳細　ページ偏移ボタン **********************/
	.bl_btn_wrap2 {
		padding-top: 0;
	}
	.bl_btn_wrap .__btn {
		font-size: 1.2rem;
	}
	.bl_btn_wrap2 .__btn2 {
		font-size: 1.2rem;
		width: 100%;
	}
}