@charset "UTF-8";


@media (max-width:639px){
	:root{
		font-size: 16px;
	}
}
@media (min-width:640px)and(max-width:949px){
	:root{
		font-size: 20px;
	}
}
@media (min-width:950px) and (max-width:1199px) and (orientation: landscape)/*デバイスが横長の状態の場合(小PC)*/{
	:root {
		font-size: 18px;
	}
}
@media (min-width:950px) and (max-width:1199px) and (orientation: portrait)/*(タブレット)*/{
	:root{
		font-size: 20px;
	}
}
@media (min-width:1200px)and(max-width:1919px) {
	:root {
		font-size: 18px;
	}
}
@media (min-width:1920px) {
	:root {
		font-size: 20px;
	}
}

/* スマホ */
@media (hover: none) {
	#section1 .map::before {
		content: url(../images/PartsSet/mapimg/click\ map.svg);
	}

}
/* PC */
@media (any-hover: hover) {
	#section1 .map::before {
		content: url(../images/PartsSet/mapimg/hover\ map.svg);
	}
	#section1 .buttons {
		display: none;
	}
}

@media (min-width:640px){/*スマホ以上*/
div.main-container{
	display: flex;
	flex-flow: column;
	justify-content: center;/*両端揃えで表示*/
	padding: 0 5%;
}
.br{
	display: none;
}
.small-con .fadeDownTrigger{
	display: flex;
	align-items: center;
  justify-content: center;
	font-weight: bold;
	text-align: center;
}
#section_topics .main-container.flex{
	flex-direction: row;
}
.title .text {
	display: block;
	text-align: center;
}
.con1 .box {
	display: flex;
	align-items: flex-start;
	justify-content: center;
}

.main-sentence::after {
	content: "　…　";
}

.list-number li:before {
	font-size: 1rem;
	left: 7px;
	width: 32px;
	height: 32px;
	line-height: 32px;
}
footer {
	background-image: linear-gradient(0deg, #233a52, #233a52 25%, transparent 70%), url(../images/PartsSet/街02.webp);
	margin-top: -340px;
	background-size: cover;
}
.footer-widget {
	margin: 450px 50px 30px;
}
footer .main-container{
	display: block!important;
}
.footA{
	display: flex;
	flex-direction: column;
	align-content: flex-start;
	flex-wrap: nowrap;
	justify-content: center;
}
nav.footB{
	width: 100%;
}
footer .sub-container{
	display: flex;
	justify-content: space-evenly;
}
.footB div{
	flex: 1;/*1:1の比率で等分割*/
}
.footB a,.footB p{
	font-size: 16px;
}
.footB{
	display: flex;
	width: 100%;
	margin-bottom: 20px;
}
.footB ul {
  padding-top: 10px;
  display: flex;
  gap: 20px 40px;
	justify-content: center;
}
.footB ul li a,.footB ul li p {
	display: block;
	/*text-align: left;*/
	text-align: center;
	/*width: 200px;*/
	width: 180px;
	height: 30px;
	font-size: 16px;
	line-height: 1.5;
}
.footB ul li ul li a {/*layer-2▷*/
	border-bottom: none;
}
.copywright{
	font-size: 12px;
	text-align: center;
	font-family: 'Courier New', Courier, monospace;
}}

@media (min-width:1920px)/*(とても大画面)*/{
	.main-title_1 h2 {
		padding: 60px 50px 20px;
		letter-spacing: 5px;
	}
	/*========= mainimage section0  ===============*/
	.mainimages .text h1 {
		font-size: 5vw;
		line-height: 1;
	}
	.mainimages .text h2 {
		font-size: 4vw;
		line-height: 1;
		letter-spacing: .1em;
		gap: 2vw;
	}
	.mainimages .textbox h3 {
		font-size: 1.8rem;
		margin-left: 5vw;
		margin-top: 30px;
		padding: 20px 15px;
	}

	/*========= section2 con1 introduction 取り組み紹介 ===============*/
	#section2 .introduction .iconimg.is-inview::after {
		transform: translate(-50%, -50%) scale(1.3);
	}

	/*========= section3 地域のHUTA活動情報 ===============*/
	.containerbox .area {
		width: 8rem;
		height: auto;
		padding-top: 10%;
		padding-right: 5%;
		max-width: none;
	}
	.containerbox .area .areaplace {
		font-size: 2rem;
	}
	.containerbox .area:after {
		font-size: 1.8rem;
		letter-spacing: -0.1rem;
		line-height: 1.3;
	}
	.containerbox .box .news-content {
		font-size: 1.05rem;
		padding: 15px 10px;
	}
	.containerbox {
		gap: 80px;
		padding-top: 50px;
	}
	.containerbox .box {
		aspect-ratio: 3 / 2;
		width: calc(50% - 40px);
	}
	/*========= section4 con2 サポート料金 ===============*/
	#section4 .move_img {
		width: 300px;
		left: -100px;
		bottom: 65px;
	}
	.entrance-trigger2 {
		bottom: -50%;
		right: -10%;
		width: 40%;
	}
	.serviceprice .sec2 {
		margin-top: -50px;
	}
	.serviceprice .sec3 {
		margin-top: 0;
	}
	.servicetext {
		max-width: 50%;
	}
	.servicetext .midasi::before {
		font-size: 5vw;
		padding: 5px;
		padding-bottom: 10px;
		width: 5.5vw;
		height: 5.5vw;
	}
	.list-number li:before {
		top: calc(var(--fontsize-headingS) + 5px);
		width: 32px;
		height: 32px;
		line-height: 32px;
	}
}

@media (min-width: 2000px)/*めちゃ大画面*/{
	:root {
		--fontsize-headingL: 3rem;
		--fontsize-headingM: 2.5rem;
		--fontsize-headingMS: 2rem;

		--fontsize-headingSM: 1.55rem;
		--fontsize-headingS: 1.35rem;

		--fontsize-textL: 1.2rem;
		--fontsize-text: 1.1rem;
	}
	.containerbox .box .news-content {
		font-size: 1.1rem;
		padding: 30px 12px;
	}
	.containerbox .area {
		width: 9.25rem;
	}
	.containerbox .area .areaplace {
		font-size: 2.5rem;
		max-width: 5rem;
	}
}

@media (min-width:1440px) and (max-width:1919px){
.main-title_1 h2 span.letters {
	background-size: 652px 2rem;
}
.main-title_1 h2 {
	padding: 60px 0px 20px 15px;
	letter-spacing: 3px;
}
.headB nav ul li a {
	/* padding: 10px 25px; */
	font-size: 1.2rem;
}
.headB .sub-menu {
	background: var(--base-color);
}
/*========= mainimage section0  ===============*/

/*========= confirst section3 地域のHUTA活動情報 ===============*/
.containerbox {
	gap: 50px 20px;
}
.containerbox .box {
	aspect-ratio: 3 / 2.6;
	width: calc(50% - 20px);
}
.containerbox .box .news-content {
	font-size: 1.1rem;
}
.containerbox .area {
	height: auto;
	width: 10rem;
	padding-top: 10%;
}
.containerbox .area .namiline {
	--height: 10px;
}

/*========= section4 con2 サポート料金 ===============*/
#section4 .move_img {
	width: 300px;
	left: -100px;
	bottom: 65px;
}
.entrance-trigger2 {
	bottom: -50%;
	right: -10%;
	width: 40%;
}

.list-number li:before {
  top: calc(var(--fontsize-headingS) + 7px);
  width: 30px;
  height: 30px;
  line-height: 32px;
}
}

@media (min-width:1200px) and (max-width:1439px)/*(ノートPC)*/{
div.main-container {
  padding: 0px 3%;
}
/*========= header ===============*/
header:after {
	height: calc(var(--header-h) + 20px);
}
.headA h2 {
	font-size: 1rem;
}
.headB ul {
	gap: 1.5vw;
}
.headB ul li a {
	line-height: 0.7;
	letter-spacing: -0.05em;
}
/*========= Parts ===============*/
.main-title_1 h2 span.letters {
	background-size: 528px 2rem;
}
.move_img {
	width: 230px;
}
/*========= mainimages ===============*/
.images2 img {
	width: 95%;
}
.mainimages .textbox h3 {
	font-size: var(--fontsize-headingSM);
}
.mainimages .text h2 {
  font-size: 4vw;
  gap: 1.5vw;
}
.mainimages .text h1 {
  font-size: 4.5vw;
}
.anim_text {
	height: 55svh;
	bottom: 15svh;
}
/*======== section1 ネットワーク紹介==========*/
#section1 .slideWindow {
	width: 35vw;
}
.CardTitle {
	text-align: center;
}
#section1 .move_img.tanba {
	right: 0;
	top: 18%;
}
/*========= section2 con1 introduction 取り組み紹介 ===============*/
#section2 .manga {
	width: 80%;
}
/*========= confirst section3 地域のHUTA活動情報 ===============*/
.containerbox {
	gap: 50px 0.5vw;
}
.containerbox .box {
	width: calc(50% - 0.5vw);
}
.containerbox .area {
	padding-top: 15%;
	gap: 2px;
	max-width: 7.65rem;
}
.containerbox .area .namiline {
	min-height: var(--height);
}
.containerbox .area .areaplace,
.containerbox .area:after {
	font-size: 1.5rem;
	line-height: 1.3;
	white-space: wrap;
	letter-spacing: -.2rem;
}
.containerbox .area .areaplace{
	line-height: .8;
	font-size: 2rem;
	max-width: 4rem;
}
.containerbox .box .news-title {
	padding: 20px 3px;
	font-size: 1.35rem;
}
.containerbox .box .news-content {
	padding: 5px;
	font-size: 1rem;
}
/*========= section4 con2 サポート料金 ===============*/
.servicetext .midasi::before {
	font-size: 5vw;
	padding: 5px;
	padding-bottom: 10px;
	width: 5.5vw;
	height: 5.5vw;
}
.serviceprice {
	width: 100%;
	display: flex;
	gap: 100px;
	flex-direction: column;
}
.serviceprice .sec1 {
	padding: 50px 0 0;
}
.serviceprice .sec2,.serviceprice .sec3 {
	margin-top: 0;
}
.serviceimg {
	width: 35%;
	margin-top: -15%;
}
.servicetext {
	max-width: 60%;
}
/*========= section5 con3 会員募集 ===============*/
/*========= section6 con4 お問い合わせ===============*/
/*========= footer ===============*/
.footA img {
	width: 10em;
	margin-top: 10px;
	margin-bottom: 10px;
}}

@media (min-width:640px) and (max-width:1199px) and (orientation: landscape)/*デバイスが横長の状態の場合(小PC)*/{
:root {
	--fontsize-headingL: 2rem;
	--fontsize-headingM: 1.5rem;
	--fontsize-headingMS: 1.25rem;

	--fontsize-headingSM: 1.2rem;
	--fontsize-headingS: 1.1rem;

	--fontsize-textL: 1.05rem;
	--fontsize-text: 1rem;
}
/*========= base ===============*/
div.main-container {
	padding: 0px 3%;
}
html {
	scroll-padding-top: 120px;
}
.title_2 {
	padding: 20px 5px;
}
/*========= header ===============*/
header {
	gap: 10px;
}
header:after {
	height: calc(var(--header-h) + 20px);
}
.headA .text {
	margin-left: 0px;
}
.headA a.custom-logo-link {
	height: 80px;
}
#logo-img {
	width: fit-content;
	height: 80px;
}
.headA h2 {
	font-size: var(--fontsize-text);
	line-height: 1;
}
.headB ul {
	gap: 20px;
}
.headB ul li a {
	min-width: auto;
	width: fit-content;
	background-size: 0% 20%;
	padding: 10px 0;
	padding-bottom: 10px;
	font-size: .9rem;
}

.headD .text p {
	margin: 5px;
	font-size: .9rem;
	text-align: right;
}
/*========= mainimages ===============*/
.mainimages .container-text {
	margin-top: 0;
	grid-row: 2 / 6;
}
.mainimages .text {
	grid-row: 1;
}
.mainimages .textbox h3 {
	line-height: 1.5;
	font-size: var(--fontsize-headingS);
}
.img-box {
  margin-top: auto;
}

.cloud,.cloud.four,.cloud.five {
	width: calc(100vw / 10);
}
.mainimages .anim_img {
	right: 10%;
	width: calc(100vw / 6);
}
.leaf1 {
	right: 25%;
	top: calc(120px + 10px);
	width: calc(100vw / 15);
}
.leaf2 {
	width: calc(100vw / 15);
}
.anim_text {
	height: 55svh;
	bottom: 50svh;
}

/*======== section1 ネットワーク紹介==========*/
#section1 svg {
	width: 55vw;
}
#section1 .slideWindow {
	width: 35vw;
}
#section1 .map::before {
	width: 165px;
}
#section1 .title_2 h3 {
	font-size: var(--fontsize-headingMS);
}
.caption-box p {
	font-size: 1rem;
}
/*========= section2 con1 introduction 取り組み紹介 ===============*/
#section2 .introduction {
	width: 60%;
}
#section2 .manga {
	width: 40%;
}
#section2 .introduction .point {
	width: 100%;
	padding-right: 5px;
}
#section2 .introduction .midasi {
	font-size: var(--fontsize-headingMS);
}
#section2 .introduction img {
	padding: 0px;
}
#section2 .introduction .iconimg img{
	padding: 0px;
}
#section2 .introduction .iconimg::after {
	width: 150px;
	height: 150px;
}
#section2 h3 {
	font-size: var(--fontsize-headingMS);
}
/*========= confirst section3 地域のHUTA活動情報 ===============*/
.containerbox {
	gap: 50px 15px;
}
.containerbox .box {
	width: calc(50% - 15px);
	grid-template-rows: auto 50%;
	aspect-ratio: 3 / 3.5;
}
.containerbox .box .news-title {
	transform: translate(0%);
	top: calc(50% - 15px);
	width: 100%;
	padding: 7.5px 10px;
	font-size: var(--fontsize-headingSM);
}
.containerbox .area {
	z-index: 9;
	padding-top: 10%;
	height: fit-content;
	max-width: calc(4.5rem + 35px);
	gap: 2px;
}
.containerbox .area .areaname {
	font-size: 1rem;
}
.containerbox .area .areaplace, .containerbox .area:after{
	font-size: var(--fontsize-headingMS);
	white-space: wrap;
}
.containerbox .area .areaplace {
	font-size: 1.65rem;
	letter-spacing: -0.2rem;
	max-width: calc(2rem + 30px);
	line-height: .8;
}
.containerbox .area:hover {
	scale: .5;
}

.containerbox .box.comingsoon {
	aspect-ratio: 3 / 2;
}
.containerbox .box.comingsoon .news-not {
	font-size: var(--fontsize-headingL);
}
.containerbox .box .news-img {
	grid-column: 1;
	grid-row: 2;
}
.containerbox .box .news-content {
	grid-column: 1 / -1;
	padding: 5px;
	font-size: var(--fontsize-text);
}
/*========= section4 con2 サポート料金 ===============*/
.headingbox {
	gap: 20px;
}
.con2 .title_2 h3,.con2 .title_2 h3:before {
	line-height: 1.8;
}
.servicetext .midasi img {
	width: 17%;
}
.serviceprice {
	width: 100%;
	display: flex;
	gap: 150px;
	flex-direction: column;
}
.serviceprice .sec1 {
	padding: 50px 0 0;
}
#section4 .move_img {
  width: 200px;
  height: fit-content;
  position: static !important;
  margin: -150px 0 0;
}
.serviceimg {
	width: 35%;
	margin-top: -15%;
}

/*========= section5 con3 会員募集 ===============*/
.con3 {
	padding: 0px 0 60px;
}
.member-join .sentence {
	padding: 15px;
}
.member-area .move_img {
	width: 200px;
	bottom: 60px;
}
.member-join,.member-join .block.full .flex {
	gap: 30px;
}
.member-join .block.half {
	width: calc(50% - 15px);
}
.member-join h4:not(.ribbon) {
	font-size: var(--fontsize-headingSM);
	margin: 20px 0;
}
/*========= section6 con4 お問い合わせ===============*/
/*========= footer ===============*/
footer #logo-img {
	width: 110px;
	height: fit-content;
}
footer #logo-img *{
	margin: 0;
}
}
@media (min-width:640px) and (max-width:1199px) and (orientation: portrait)/*(タブレット)*/{
/*========= base ===============*/
:root {
	--fontsize-headingL: 2.5rem;
	--fontsize-headingM: 2rem;
	--fontsize-headingMS: 1.5rem;

	--fontsize-headingSM: 1.35rem;
	--fontsize-headingS: 1.25rem;

	--fontsize-textL: 1.15rem;
	--fontsize-text: 1rem;
}
html {
	scroll-padding-top: 90px;
}
::-webkit-scrollbar {
	width: 0px;
}
.main-container{
	display: flex;
	flex-direction: column;
	align-items: center;/*中身を中央揃えで表示*/
	justify-content: center;/*両端揃えで表示*/
	padding: 4%;
	margin-left: auto;
	margin-right: auto;
	align-items: flex-start;
}
.title_1::after, .title_1::before {
	width: 100px;
}
.fadeDownTrigger,
.fadeRightTrigger {
	width: 100%;
}
section.sec-content {
	padding: 30px 0 0px !important;
}
.uk-flex {
	flex-direction: column;
}
.main-container>.uk-flex {
	flex-direction: column;
	width: 100%;
}
/*============ parts ===============*/

.main-title_1 h2 {
	text-align: left;
	margin-left: 0;
	padding: 30px 0px 0px;
}

.main-title_1 h2::before {
	transform: rotate(5deg);
	left: -50px;
	width: 130px;
}
.main-title_1 h2 span.letters {
	display: inline;
}

/*============ header ===============*/
header{
	position: fixed;
	top: 0;
	width: 100vw;
}
header:after {
	width: 300%;
	height: calc(var(--header-h) + 10px);
	top: 30%;
}
.header-wrapper:has(.headB) {
	width: 100vw;
	height: 100dvh;
	opacity: 0;
	transition: opacity 0.6s;
	position: absolute;
	pointer-events: none;
	z-index: -1;
}

.header-wrapper:has(.headB.panelactive) {
	opacity: 1;
	pointer-events: all;
}
/* ---.headA--- */
.headA {
	display: flex;
	justify-content: space-between;
	padding-left: 15px;
	text-decoration: none;
	letter-spacing: 2px;
	z-index: 9999;
}

.headA h2 {
	font-size: var(--fontsize-text);
}
.headA a.custom-logo-link {
	width: 100%;
}
.headA .custom-logo-link img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
#logo-img {
	/* width: 40%; */
	margin: 0;
}

/* ---ドロップダウン--- */
.headB.flex {
	/*position:fixed;にし、z-indexの数値を大きくして前面へ*/
	position: fixed;
	z-index: 999;
	/*ナビのスタート位置と形状*/
	top: 0%;
	top: var(--header-h);
	right: -120%;
	width: 40%;
	height: 100svh;
	/*ナビの高さ*/
	height: calc(100svh - var(--header-h));
	/*動き*/
	transition: right 0.6s;
	background-color: var(--main-color02);
}

/*アクティブクラスがついたら位置を0に*/
.headB.panelactive {
	right: 0;
}

.headB::after {
	content: url(../images/PartsSet/separation/header-bottom02.svg);
	width: auto;
	height: 100%;
	position: absolute;
	top: 0;
	right: 90%;
	aspect-ratio: 50 / 675;
}

.headB nav {
	position: relative;
	padding-top: 0px;
	display: flex;
	height: 100%;
	align-items: flex-end;
	justify-content: center;
}

.headB #nav {
	width: auto;
	height: 100%;
	left: 0;
	transition: all .6s;
	flex-flow: column;
	justify-content: space-evenly;
	align-items: center;
}

.headB ul {
	background: none;
}

/*ナビゲーションの縦スクロール*/
.headB.panelactive ul {
	/*ナビの数が増えた場合縦スクロール*/
	-webkit-overflow-scrolling: touch;
}

/*ナビゲーション*/
.headB li {
	list-style: none;
}
.headB li a {
	text-decoration: none;
	padding: 10px;
	display: block;
	width: 100%;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0.1em;
	font-weight: bold;
}
.headB .nav li p {
	display: block;
	width: 100%;
	height: 40px;
	text-align: center;
	transition: 0.6s;
}
.headB .sub-menu {
	display: flex;
	flex-flow: column;
	gap: 10px;
	position: static;
	transform: translate(0px, 0px);
	margin-right: auto;
	font-size: var(--fontsize-text);
	align-items: flex-start;
}
.headB .sub-menu li {
	width: auto;
	text-align: left;
	position: relative;
}
.headB nav ul li a {
	text-align: left;
}
.headB nav>ul>li::before {
	font: var(--fa-font-solid);
	content: '\f072';
	font-family: "Font Awesome 7 Free";
	position: absolute;
	left: -1.25rem;
	bottom: -.35rem;
	width: var(--fontsize-headingS);
	height: var(--fontsize-headingS);
	font-size: var(--fontsize-headingS);
	transform: rotate(180deg);
	transition: .3s;
	color: var(--base-color);
	transform-origin: center;
}
.headB nav ul li li a {
	height: auto;
	padding: 0;
	padding-left: 15px;
	min-width: fit-content;
	margin-left: 20px;
}
.headB nav>ul>li>a {
	display: flex;
	align-items: center;
	padding: 0 20px;
	margin: 0;
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
	background-image: radial-gradient(circle, #ffffff 3px, rgba(255, 255, 255, 0) 3px);
	background-position: left 5px bottom;
	background-repeat: repeat-x;
	background-size: 16px 6px;
	-webkit-text-stroke: 0.5px;
	justify-content: center;
}

.headB nav>ul>li>a.current {
	background: url(../images/PartsSet/item/波線.svg) repeat-x;
	background-size: 330px 6px;
	background-position: bottom;
}
.headB nav ul li:has(.current):before {
  color: #fed700;
}
.headB nav li.menu-item-has-children>a {
	margin-left: 0px;
}
.headB nav>ul>li {
	width: 100%;
	margin-bottom: 20px;
}
.headB nav>ul>li:first-child {
	margin-top: 50px;
}
.headB nav li.menu-item-has-children>a>span::after {
	content: none;
}
.headB nav ul li li a span::after {
	content: '';
	position: absolute;
	left: -15px;
	top: 40%;
	width: 10px;
	height: 10px;
	border-top: 1.5px solid var(--text-dark-color);
	border-right: 1.5px solid var(--text-dark-color);
	transform: rotate(180deg) translateY(5px);
	transition: .3s;
	transform-origin: center;
}

/* ---ハンバーガー headC--- */
.background {
	width: 45px;
	height: 45px;
	padding: 7.5px;
}
.headC {
	position: relative;
	display: block;
	opacity: 1;
	margin-right: 10px;
	padding: 0;
	border: none;
	outline: none;
	background: none;
	font-size: 28px;
	z-index: 9999;
	cursor: pointer;
	/*リンクにカーソルを重ねたとき、形を手の形状に変更*/
}
.headC.active .menu-toggle {
	color: #f3eff2;
}

/*========= mainimages ===============*/
.mainimages .wrapper {
  height: 70svh;
}
.images2 {
	height: 100%;
}
.images2 img {
	width: 100%;
}

.mainimages .text {
	margin-top: 0;
	grid-column: 1 / 6;
	grid-row: 2;
	background-color: #ffffffad;
	margin-right: 15px;
	border-radius: 10px;
	width: fit-content;
}

.mainimages .text h1 {
	font-size: 3.5rem;
}
.mainimages .text h2 {
	font-size: 3.2rem;
	gap: 1.1rem;
}
.mainimages .textbox {
	grid-column: 1 / -1;
	grid-row: 5;
}
.mainimages .textbox h3 {
	line-height: 1.8;
	font-size: var(--fontsize-headingMS);
	padding-left: 45px;
	padding: 5px;
	margin-left: 3.5rem;
	border-radius: 10px;
}
.anim_text {
	height: 40svh;
	bottom: 30svh;
}
.cloud {
	display: none;
}
.anim_img {
	width: calc(100vw / 5);
	right: 10%;
	bottom: auto;
	top: calc(60px + 10%);
}
.leaf1 {
	width: calc(100vw / 12);
	right: 25%;
	top: 0%;
}
.leaf2 {
	width: calc(100vw / 12);

}

/*========= section1 ネットワーク紹介 ===============*/
#section1 .uk-flex {
	align-items: flex-start;
}
#section1 svg,
#section1 .slideWindow {
	width: 100%;
}

.map {
	width: 100vw;
	margin: 0 -5%;
	padding-bottom: 30px;
}
#section1 .map::before {
	max-width: 30vw;
	width: 275px;
}
#section1 .card {
	position: static;
}
.CardTitle::before {
	content: none;
}
.CardTitle::after {
	content: "\f148";
	display: inline-block;
	position: relative;
	font-weight: 900;
	padding-right: 5px;
	/*文字との隙間*/
	font-size: var(--fontsize-headingM);
	font-family: "Font Awesome 5 Free";
	color: var(--passion-color);
}
.card .content {
	min-height: auto;
}
.backcontent div {
	width: 65%;
	text-align: center;
}
#section1 .mapSlide {
	padding: 20px 0px;
}
#section1 .caption-box {
	max-width: max-content;
}
#section1 .icon-box:nth-of-type(2) {
	display: flex;
}
#section1 .slideWindow {
	padding-top: 40px;
	margin-top: -40px;
}
#section1 .move_img {
	width: 100px;
	bottom: 100%;
	right: auto;
}
/*========= section2 con1 introduction 取り組み紹介 ===============*/
#section2 .introduction .block {
	padding-bottom: 100px;
}
#section2 .introduction,#section2 .manga {
	width: 100%;
}
#section2 .introduction picture>img {
	width: 100vw;
	max-width: none;
	height: auto;
	padding: 0;
	margin-left: -5vw;
}
#section2 .introduction img {
	width: 100%;
	padding: 0px;
}
#section2 .introduction .point {
	padding: 5px 20px;
	width: 100%;
}

.introduction .block h3 span {
	margin-right: 0px;
}
#section2 h3 {
	font-size: var(--fontsize-headingMS);
	text-align: center;
	display: flex;
	flex-direction: column;
	margin-top: 20px;
}
#section2 .grid {
	padding: 0px;
}
#section2 .move_img {
	width: 80px;
	left: 0;
	bottom: 0;
	top: auto;
}
#section2 .move_img img {
	transform: rotateY(180deg);
}
/*========= confirst section3 地域のHUTA活動情報 ===============*/
.confirst .uk-flex {
	flex-direction: row;
}
.containerbox {
	gap: 50px;
	padding-top: 30px;
}
.containerbox .box {
	width: 100%;
}
.containerbox .box .news-content {
	font-size: var(--fontsize-textL);
}
.containerbox .area {
  height: fit-content;
  z-index: 1;
  line-height: 1;
	padding-top: 10%;
	max-width: calc(8rem + 5px);
}

.containerbox .area .areaplace,
.containerbox .area:after {
	white-space: wrap;
}
.containerbox .area .areaplace {
	max-width: 6rem;
	line-height: .8;
}
.containerbox .area:after {
	font-size: 1.7rem;
}
.containerbox .area .namiline {
	--height: 7px;
}
/*========= con2 section4 サポート料金 ===============*/
.con2 {
	padding: 100px 0 50px;
}
.headingbox {
	flex-direction: column;
	padding: 0px 0 70px;
	gap: 25px
}
.headingbox p {
	font-size: var(--fontsize-headingSM);
}
#section4 .uk-flex {
	align-items: flex-start;
}
.con2 .title_2 {
	padding: 5px 15px 10px;
}
.con2 .title_2 h3 {
	font-size: var(--fontsize-textL);
}
.con2 .title_2 h3,.con2 .title_2 h3:before {
	line-height: 2;
}
.serviceimg {
	width: 45%;
  margin-top: -15%;
}
.serviceprice {
	overflow: visible;
	display: flex;
	gap: 70px;
	flex-direction: column;
}
.serviceprice .sec1 {
	padding: 0;
}
.serviceprice .sec2 ,
.serviceprice .sec3 {
	margin-top: 0;
}
.serviceprice .block {
	gap: 10px;
	padding-top: 0;
}
.servicetext {
	width: 100%;
}
.servicetext .midasi {
	margin: 0;
}
.servicetext .midasi h3 {
	font-size: var(--fontsize-headingMS);
}
.servicetext .midasi img {
	margin: -3%;
	width: 20%;
}
.servicetext .sentence {
	font-size: var(--fontsize-textL);
	padding: 20px 30px;
	background-color: #f9f7e4cf;
}
#section4 .move_img {
	width: 150px;
	height: fit-content;
  position: static !important;
  margin: -70px 0 0;
}
.entrance-trigger2 {
	bottom: -15%;
	right: -50px;
	width: 43%;
}
/* ---section6 con4 .contact-area お問い合わせ --- */

.contact-area .form {
	flex-direction: column;
}
.form-left,
.form-right {
	width: 100%;
}
.form-container .form .reset-button-container.spsize .reset-button {
	display: block;
}
.form-container .form .reset-button-container.pcsize .reset-button {
	display: none;
}


/* ---section5 con3 .member-area 会員募集--- */
.member-join,.member-join .block.full .flex {
	flex-direction: column;
}
.member-join .block.half ,.member-join .block.full .sentence{
	width: 100%;
}
.member-area .move_img {
	width: 155px;
	right: 5%;
}
.sec-content.member-area{
	padding-bottom: 300px!important;
}

/*========= footer ===============*/
footer{
	width: fit-content;
}
footer .main-container {
	width: 100vw;
	display: block;
}
footer .br {
	display: none;
}
footer nav {
	width: 100%;
}footer .sub-container{
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.footA img {
	max-width: 150px;
}

.footB div{
	flex: 1;/*1:1の比率で等分割*/
}
.footB a,.footB p{
	font-size: 16px;
}
.footB{
	display: flex;
	width: 100%;
	margin-bottom: 20px;
}
.footB ul {
	padding-top: 10px;
}
.footB ul li a,.footB ul li p {
	display: block;
	/*text-align: left;*/
	text-align: center;
	/*width: 200px;*/
	line-height: 1.5;
}
.footB ul:not(.sub-menu) >li{
	display: inline-block;
}
.footB ul >li:not(:first-child){
	margin: 0px!important;
}
.footB ul li ul li a {/*layer-2▷*/
	border-bottom: none;
}
.copywright{
	font-size: 12px;
	text-align: center;
	font-family: 'Courier New', Courier, monospace;
}
html #wpadminbar {
	height: 46px;
	min-width: 240px;
	display: none;
}
/*========= page ===============*/
main.page .entry-content section {
	padding: 50px 0;
}
.button-flame .main-container {
    gap: 10px;
}
}


@media (max-width:639px)/*(スマホ)*/{
:root {
	--fontsize-headingL: 1.75rem;
	--fontsize-headingM: 1.35rem;
	--fontsize-headingMS: 1.15rem;


	--fontsize-headingSM: 1.25rem;
	--fontsize-headingS: 1.1rem;

	--fontsize-textL: 1.05rem;
	--fontsize-text: 1rem;
}
/*========= base ===============*/
::-webkit-scrollbar {
	width: 0px;
}
div.main-container{
	padding: 4%;
	margin-left: auto;
	margin-right: auto;
}
html{
	height: 100%;
	scroll-padding-top: 60px;
}
#page{
	overflow: hidden;
}
body {
  min-height: calc(var(--vh) * 100);
	height: max-content;
}
.mainimages .wrapper, .mainimages .wrapper-blur ,.wrapper-cover{
	height: calc(var(--vh) * 100);
	height: 100svh;
}
section.sec-content {
	padding: 30px 0 0px!important;
}
.uk-flex {
	flex-direction: column;
}
p{
	font-size: var(--fontsize-textL);
}

.phone{
	display: block;
}
.pc{
	display: none;
}
.main-container>.uk-flex {
	flex-direction: column;
}
.move_img {
	width: 150px;
}
/*============ parts ===============*/

.main-title_1 h2 {
	font-size: var(--fontsize-headingL)!important;
	text-align: left;
	margin-left: 0;
	padding: 0;
}
.main-title_1 h2::before {
	transform: rotate(5deg);
	left: -50px;
	width: 130px;
	top: -30px;
}
.main-title_1 h2 span.letters {
	display: inline;
}
/*============ header ===============*/
header{
	position: fixed;
	top: 0;
	width: 100vw;
	background-color: var(--base-color)!important;
}
header:after {
  width: 300%;
  height: calc(var(--header-h) + 5px);
  top: 30%;
}
.header-wrapper:has(.headB) {
	width: 100vw;
	height: 100dvh;
	opacity: 0;
	z-index: -1;
	transition: opacity 0.6s;
	position: absolute;
	pointer-events: none;
}
.header-wrapper:has(.headB.panelactive) {
	opacity: 1;
	pointer-events: all;
}
/* ---.headA--- */
.headA{
	display: flex;
	justify-content: space-between;
	padding-left: 15px;
	text-decoration: none;
	letter-spacing: 2px;
	z-index: 9999;
}
.headA h2 {
  font-size: var(--fontsize-text);
  line-height: 1.1;
}
.headA a.custom-logo-link {
	width: 100%;
}
.headA .custom-logo-link img {
	width: 100%;
  height: 100%;
  object-fit: contain;
}
#logo-img {
	width: 40%;
	margin: 0;
}

/* ---ドロップダウン--- */
.headB.flex{
	/*position:fixed;にし、z-indexの数値を大きくして前面へ*/
	position:fixed;
	z-index: 999;
	/*ナビのスタート位置と形状*/
	top:0%;
	top:var(--header-h);
	right: -120%;
	width:60%;
	height: 100dvh;/*ナビの高さ*/
	height: calc(100dvh - var(--header-h));
	/*動き*/
  transition: right 0.6s;
	background-color: var(--main-color02);
}
/*アクティブクラスがついたら位置を0に*/
.headB.panelactive {
	right: 0;
}
.headB::after {
  content: url(../images/PartsSet/separation/header-bottom02.svg);
  width: auto;
  height: 100%;
  position: absolute;
  top: 0;
  right: 100%;
	aspect-ratio: 50 / 675;
}
.headB nav {
	position: relative;
	padding-top: 0px;
	display: flex;
  height: 100%;
  align-items: flex-end;
  justify-content: center;
}
.headB #nav {
	width: auto;
	height: 100%;
	left:0;
	transition: all .6s;
	flex-flow: column;
	justify-content: flex-start;
	align-items: center;
}
.headB ul {
	background: none;
}
/*ナビゲーションの縦スクロール*/
.headB.panelactive ul{
	/*ナビの数が増えた場合縦スクロール*/
	-webkit-overflow-scrolling: touch;
}

/*ナビゲーション*/
.headB li{
	list-style: none;
}
.headB li a{
	text-decoration: none;
	padding:10px;
	display: block;
	width: 100%;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0.1em;
	font-weight: bold;
}
.headB .nav li p{
	display: block;
	width: 100%;
	height: 40px;
	text-align: center;
	transition: 0.6s;
}
.headB .sub-menu{
	display: flex;
  flex-flow: column;
  gap: 10px;
  position: static;
  transform: translate(0px, 0px);
  margin-right: auto;
  font-size: 1rem;
  align-items: flex-start;
}
.headB .sub-menu li{
	width: auto;
	text-align: left;
	position: relative;
}
.headB nav ul li a {
	text-align: left;
}
.headB nav>ul>li::before {
	font: var(--fa-font-solid);
	content: '\f072';
	font-family: "Font Awesome 7 Free";
	position: absolute;
	left: -1.25rem;
	bottom: -.35rem;
	width: 1.25rem;
	height: 1.25rem;
	font-size: 1.25rem;
	transform: rotate(180deg);
	transition: .3s;
	color: var(--base-color);
	transform-origin: center;
}
.headB nav ul li li a{
	height: auto;
  padding: 0;
  padding-left: 15px;
  min-width: fit-content;
  margin-left: 20px;
}
.headB nav>ul>li>a {
	display: flex;
	align-items: center;
	padding: 0 20px;
	margin: 0;
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
	/* border-bottom: 6px dotted var(--base-color); */

	background-image: radial-gradient(circle, #ffffff 3px, rgba(255, 255, 255, 0) 3px);
	background-position: left 5px bottom;
	background-repeat: repeat-x;
	background-size: 16px 6px;

	-webkit-text-stroke: 0.5px;
	justify-content: center;
}
.headB nav>ul>li>a.current {
	background: url(../images/PartsSet/item/波線.svg) repeat-x;
	background-size: 330px 6px;
	background-position: bottom;
}
.headB nav ul li:has(.current):before {
	color: #fed700;
}
.headB nav li.menu-item-has-children>a {
	margin-left: 0px;
}
.headB nav>ul>li {
	width: 100%;
  margin-bottom: 20px;
}
.headB nav>ul>li:first-child {
	margin-top: 50px;
}
.headB nav li.menu-item-has-children>a>span::after {
	content: none;
}

.headB nav ul li li a span::after {
	content: '';
	position: absolute;
	left: -15px;
	top: 40%;
	width: 10px;
	height: 10px;
	border-top: 1.5px solid var(--text-dark-color);
	border-right: 1.5px solid var(--text-dark-color);
	transform: rotate(180deg) translateY(5px);
	transition: .3s;
	transform-origin: center;
}
/* ---ハンバーガー headC--- */
.background {
	width: 45px;
	height: 45px;
	padding: 7.5px;
}
.headC {
	position: relative;
	display: block;
	opacity: 1;
	margin-right: 10px;
	padding: 0;
	border: none;
	outline: none;
	background: none;
	font-size: 28px;
	z-index: 9999;
	cursor: pointer;
	/*リンクにカーソルを重ねたとき、形を手の形状に変更*/
}
.headC.active .menu-toggle {
	color: #f3eff2;
}

/*========= mainimages ===============*/
.images::before {
	content: "";
	width: 60vw;
	height: 33svh;
	background-image: url(../images/PartsSet/backgroundParts01.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom left;
	position: absolute;
	bottom: 100%;
	right: 0;
	z-index: 0;
	width: 80vw;
	height: 50svh;
	z-index: -1;
	transform: rotateY(180deg);
  z-index: -1;
  left: 0;
  right: auto;
}
.images2 {
	height: 50%;
	background-color: var(--main-color02);
}
.images2 picture {
	width: 100%;
}
.images2 img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.img-box {
	background-color: transparent;
	grid-row: 1 / -1;
}
.img-box::before {
	content: none;
}
.mainimages .container-text {
	width: calc(100% - 30px);
	margin-right: 15px;
	grid-row: 2 / 6;
}
.mainimages .text {
	margin-top: 0;
	grid-column: 1 / -1;
  grid-row: 2;
  background-color: #ffffffad;
  margin-left: 0;
  border-radius: 10px;
	width: auto;
}
.mainimages .text h1 {
	font-size: 2.5rem;
}
.mainimages .text h2 {
	gap: 19px;
	font-size: 1.9rem;
	margin: 20px 0 10px;
}
.mainimages .textbox {
	grid-column: 1 / -1;
}
.mainimages .textbox h3 {
	width: 100%;
	line-height: 1.8;
	font-size: 1.1rem;
	padding-left: 45px;
	padding: 5px;
	margin-left: 0;
	background-color: #ffffff9c;
	border-radius: 10px;
}
.anim_text {
	height: 40svh;
	bottom: 60svh;
}
.cloud.four,.cloud.five,.cloud.six {
	display: none;
}
.cloud.one,.cloud.two ,.cloud.three{
	position: absolute;
	width: calc(768px / 7);
	left: auto;
	right: -50%;
	animation: wind 15s linear infinite;
}
.cloud.two {
	width: calc(768px / 8);
	animation: wind 25s linear infinite;
	animation-delay: 4s;
	top: 5%;
}
.cloud.three {
	width: calc(768px / 6);
	animation: wind 10s linear infinite;
	animation-delay: 8s;
	top: 18%;
}

.anim_img, .leaf1, .leaf2 {
	width: calc(100vw / 5);
}
.anim_img {
	right: 10%;
	bottom: auto;
	top: calc(60px + 10%);
  width: calc(100vw / 3);
  z-index: 1;
}
.ellipse-container {
	content: url(../images/PartsSet/mapimg/kounotori_phone_anime.svg);
}
.leaf1 {
	right: 10%;
	top: 25%;
}
.leaf2 {
	width: calc(100vw / 5);
}
.catchcopy {
	flex-flow: column;
}
.catchcopy img {
	width: 80%;
}

/*========= section1 ネットワーク紹介 ===============*/

#section1 svg,#section1 .slideWindow {
	width: 100%;
}

#section1 h3 {
	font-size: 1.15rem;
}

.map {
	width: 100vw;
	margin: 0 -5%;
	padding-bottom: 30px;
}
#section1 .map::before {
	max-width: 40vw;
	width: 140px;
	margin: 5px;
}
.wave {
margin: 90px auto;
}
.wave1 {
	bottom: 8%;
}
.wave2 {
	left: -15%;
	bottom: 5%;
}
.wave3 {
	top: 0;
}
.wave4 {
	top: 3%;
}

#section1 .card {
	position: static;
	padding: 20px 0 40px;
}
.CardTitle {
	font-size: var(--fontsize-headingL);
	margin: 0;
	line-height: 1.3;
	padding: 6% 3%;
}
.CardTitle::before {
	content: none;
}

.CardTitle::after {
	content: "\f148";
	display: inline-block;
	position: relative;
	font-weight: 900;
	padding-right: 5px;
	/*文字との隙間*/
	font-size: 2rem;
	font-family: "Font Awesome 5 Free";
	color: var(--passion-color);
}
.card .content {
	min-height: auto;
}
.backcontent div {
	width: 65%;
	text-align: center;
}
#section1 .mapSlide {
	padding: 20px 0px;
}
#section1 .caption-box {
	max-width: max-content;
}
#section1 .icon-box:nth-of-type(2) {
	display: flex;
}
#section1 .slideWindow {
	padding-top: 40px;
	margin-top: -40px;
}
#section1 .move_img.tanba {
	right: 0px;
	top: 20%;
}
#section1 .move_img {
	width: 70px;
	bottom: 100%;
	right: auto;
}
/*========= section2 con1 introduction 取り組み紹介 ===============*/
#section2 .introduction,#section2 .manga {
	width: 100%;
}
#section2 .introduction picture>img {
  width: 100vw;
  max-width: none;
  margin-left: -4%;
  height: auto;
  padding: 0;
}
.introduction .block h3 span {
	margin-right: 0;
}
#section2 .introduction .point,#section2 .introduction .iconimg {
	width: 100%;
	height: 100%;
  object-fit: contain;
}
#section2 h3 {
	font-size: var(--fontsize-headingM);
	text-align: center;
	display: flex;
	flex-direction: column;
	margin-top: 20px;
}
#section2 .grid {
	padding: 0;
	padding-top: 20px;
	grid-template-rows: 180px .5fr auto;
}
#section2 .introduction .point {
	grid-row: 2;
	padding: 0;
}
#section2 .introduction .midasi {
	font-size: var(--fontsize-headingM);
	grid-row: 2;
	padding-left: 15px;
}
#section2 .introduction .iconimg {
	grid-column: 1 / -1;
	grid-row: 1;
}
#section2 .introduction .sentence {
	grid-column: 1 / -1;
	grid-row: 3;
}

#section2 .move_img {
	width: 80px;
	left: 0;
	bottom: 0;
  top: auto;
}
#section2 .move_img img{
	transform: rotateY(180deg);
}
/*========= confirst section3 地域のHUTA活動情報 ===============*/
#section3 {
	padding: 100px 0 50px;
}
.containerbox {
	flex-direction: column;
	padding-top: 20px;
	gap: 30px;
}
.containerbox .box {
	width: 100%;
	aspect-ratio: auto;
	grid-template-rows: auto auto auto;
}
.containerbox .area {
  height: auto;
	background-size: cover;
  background-position: top;
  z-index: 1;
	margin-top: -10px;
  grid-row: 3;
  max-width: 100%;
  padding: 0;
  aspect-ratio: unset;
	aspect-ratio: 400 / 50;
	background-image: url(../images/PartsSet/item/ふわ枠-phone02_anime.svg);
	filter: drop-shadow(0px -2px 0px var(--black));
  grid-column: 1 / -1;
	gap: 5px;
  justify-content: center;
  flex-direction: row;
}

.containerbox .area .areaplace,
.containerbox .area:after {
	font-size: 1.6rem;
}
.containerbox .area .areaplace,
.containerbox .area .areaname,
.containerbox .area:after {
	white-space: nowrap;
	width: fit-content;
	padding-top: 5px;
}
.containerbox .area .areaplace {
	letter-spacing: -0.25rem;
	line-height: .8;
}
.containerbox .area:after {
font-size: 1.5rem;
	line-height: 1.5;
	padding-left: 5px;
	letter-spacing: -0.1rem;
}

.containerbox .area .namiline {
	position: absolute;
	bottom: 0;
	padding: 0;
}

.containerbox .box .news-img {
	grid-column: 1;
	grid-row: 2;
}
.containerbox .box .news-img2 {
	grid-row: 2;
}
.containerbox .box .news-content {
	grid-column: 1 / -1;
	grid-row: 1;
	margin: auto;
	padding: 10px;
	padding-bottom: 15px;
	font-size: var(--fontsize-text);
}
.containerbox .box .news-title {
	width: 100%;
	top: auto;

	bottom: 100%;
	transform: translate(0%, 0%);
	text-align: left;
	padding: 5px 10px;
	font-size: var(--fontsize-headingMS);
	position: static;
	grid-column: 1/-1;
	grid-row: 1;
	background: var(--base-color);
}
.containerbox .box.comingsoon {
	height: 240px;
	aspect-ratio: 2 / 3;
	align-items: end;
	grid-template-rows: 50% 50%;
}
.containerbox .box.comingsoon .area {
	grid-row: 2;
}

/* .containerbox .area:hover{
	scale: .5;
} */
/*========= section4 con2 サポート料金 ===============*/
.con2 {
	padding: 100px 0 50px;
}
.con2 .title_2 {
	padding: 10px 0;
	margin: 0;
}
.con2 .title_2 h3 {
	font-size: var(--fontsize-text);
	line-height: 1.9;
	padding: .5em 1em .5em 1.5em;
}
.con2 .title_2 h3:before {
	left: .5em;
	line-height: 1.9;
}
.headingbox {
	flex-direction: column;
	padding: 0 5px;
	gap: 30px;
}
.headingbox .inline-block {
	width: stretch;
}
.serviceprice {
	width: 100%;
}
.serviceprice .block {
	flex-direction: column;
	align-items: center;
	gap: 10px;
	padding-top: 0;
}
.servicetext {
	width: 100%;
	max-width: 100%;
}
.serviceimg{
	width: 60%;
}
.servicetext .midasi {
	margin: 0;
}
.servicetext .midasi h3 {
	font-size: var(--fontsize-headingSM);
	padding: 0 5px 0 20%;
	text-align-last: right;
}
.servicetext .midasi img {
	margin: -5%;
	width: 35%;
}
.servicetext .sentence {
	margin: 10px 0 0;
	padding: 20px 25px;
	font-size: var(--fontsize-textL);
	background-color: #f9f7e4cf;
}
#section4 .list1 {
	flex-direction: column;
}
#section4 .list1 li {
	align-items: center;
	justify-content: space-between;
}
#section4 .list1 li p {
	line-height: 1.4;
}
#section4  .move_img {
	position: static !important;
  width: 150px;
	margin-left: auto;
}
.entrance-trigger2 {
	position: static !important;
	z-index: -1;
	width: 100%;
	height: fit-content;
	margin: 0 auto;
	margin-left: -60px;
	margin-top: -60px;
	margin-bottom: -60px;
}
/*========= section5 con3 会員募集 ===============*/
.con3 {
	padding: 40px 0 40px;
}
.member-join ,.member-join .block.full .flex {
	flex-direction: column
}
.member-join .block.half,.member-join .block.full .sentence {
	width: 100%;
}

.member-join {
	gap: 50px;
}
.member-join .midasi {
	padding: 20px 20px;
	margin: 10px auto 15px;
}
.midasi h3{
	font-size: var(--fontsize-headingSM);
	line-height: 1;
}

.member-join .sentence {
	border: #fff 4px solid;
	padding: 20px 10px;
	height: calc(100% - 110px);
}
.member-join h4:not(.ribbon) {
	margin: 20px 0;
	font-size: var(--fontsize-headingS);
}
.member-join h5 {
	font-size: var(--fontsize-textL);
}

.list-number {
	padding: 0.5em;
	margin: 0;
	border-radius: 33px;
	margin-top: calc(1rem + 20px);
}
.list-number li {
	padding: 0.5em 0.5em 0.5em 30px;
}
.list-number li p{
	display: flex;
	flex-direction: column;
	width: fit-content;
}
.main-sentence  {
	border-bottom: 1px solid;
}
.list-number:after {
	bottom: calc(100% - 12px);
}
.list-number li:before {
	top: calc(1.1rem + 7px);
}
.list-number h5 span{
	margin-left: 0;
}
.list-number li:before {
	top: calc(1.1rem + 7px);
	left: 3px;
}
.ribbon.gold {
	background: linear-gradient(55deg, #B67B03 0%, #DAAF08 55%, #FEE9A0 80%, #DAAF08 90%, #B67B03 95% 100%);
}
.ribbon.silver {
	background: linear-gradient(55deg, #757575 0%, #9E9E9E 55%, #E8E8E8 80%, #9E9E9E 90%, #757575 95% 100%);
}
.member-area .move_img{
	width: 120px;
	right: 5%;
}

/*========= section6 con4 お問い合わせ===============*/

.form-container {
	margin: 0px;
	padding: 15px 5px;
}
.form {
	flex-direction: column;
}
.form-left,
.form-right {
	width: 100%;
}
.form-container .form .reset-button-container.spsize .reset-button {
	display: block;
}
.form-container .form .reset-button-container.pcsize .reset-button {
	display: none;
}
section.sec-content.con4 {
	padding-bottom: 240px!important;
}

.form .heading {
	margin: 15px 0;
	margin-bottom: 5px;
}
/*========= footer ===============*/
footer {
	background-image: linear-gradient(0deg, #233a52, #233a52 60%, transparent 80%), url(../images/PartsSet/街02.webp);
	background-size: 100%, auto 60%;
}
.footer-widget {
	margin: 300px 4% 30px;
}
footer .sub-container{
	flex-direction: column;
}
.footA {
  display: flex;
	flex-direction: row-reverse;
}
.site-name {
	font-size: 1.1rem;
	text-align: right;
}
.footA a{
	margin: 0;
}
.footA-2 .widget ul {
	text-align: right;
	display: flex;
	flex-wrap: wrap;
	gap: 0 20px;
	justify-content: space-between;
}
.footA-2 li a {
	font-size: 1rem;
}
.footA img {
	width: auto;
	max-width: 25vw;
	margin: 0;
	height: auto;
}
footer #logo-img {
	width: auto;
}

/*============= page ============*/
.single-page .hentry {
	flex-flow: column;
}
.text#planetext {
	padding: 10px 20px 50px;
}
/*========= base ===============*/
/*========= Parts ===============*/
/*========= header ===============*/
/*========= mainimages ===============*/
/*======== section1 ネットワーク紹介==========*/
/*========= section2 con1 introduction 取り組み紹介 ===============*/
/*========= confirst section3 地域のHUTA活動情報 ===============*/
/*========= section4 con2 サービス料金 ===============*/
/*========= section5 con3 会員募集 ===============*/
/*========= section6 con4 お問い合わせ===============*/
/*========= footer ===============*/
}