@charset "utf-8";

/* --------------------------------------------------------------------------------
リセット
-------------------------------------------------------------------------------- */

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

fieldset,
img {
	border: 0;
}

address,
caption,
cite,
code,
dfn,
th,
var {
	font-style: normal;
	font-weight: normal;
}

li {
	list-style: none;
}

caption,
th {
	text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
	line-height: 100%;
}

q:before,
q:after {
	content: '';
}

abbr,
acronym {
	border: 0;
	font-variant: normal;
}

sup,
sub {
	line-height: -1px;
	vertical-align: text-top;
}

sub {
	vertical-align: text-bottom;
}

input,
textarea,
select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	padding: 3px 5px;
}

img {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

legend {
	display: none;
}


/* --------------------------------------------------------------------------------
body
-------------------------------------------------------------------------------- */

body {
	font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 14px;
	line-height: 150%;
	color: #333;
	margin-top: 70px;
}

*:first-child+html body {
	font-family: "メイリオ", Meiryo, sans-serif;
	font-size: 75%;
}

* html body {
	font-family: "メイリオ", Meiryo, sans-serif;
	font-size: 75%;
}


/* --------------------------------------------------------------------------------
共通
-------------------------------------------------------------------------------- */

.font_blue {
	color: #03C;
}

.font10 {
	font-size: 71.4%;
}

.font12 {
	font-size: 85.7%;
}

.mgnB05 {
	margin-bottom: 5px;
}

.mgnB10 {
	margin-bottom: 10px;
}

.mgnB20 {
	margin-bottom: 20px;
}

.mgnB30 {
	margin-bottom: 30px;
}

.mgnB40 {
	margin-bottom: 40px;
}

.mgnB50 {
	margin-bottom: 50px;
}

.mgnT20 {
	margin-top: 20px;
}

table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

table tr th,
table tr td {
	padding: 10px 10px 10px 10px;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	text-align: left;
	background: #fff;
}

table tr th {
	text-align: center;
	font-weight: bold;
	background: #d9eef3;
}

.note {
	padding-left: 1em;
	text-indent: -1em;
	font-size: 12px;
}

ul.disc li {
	margin-left: 1.4em;
	list-style: disc;
}

ul.num li {
	margin-left: 1.4em;
	list-style: decimal;
}


.national table.hensaiplan tr td {
	text-align: center;
}


/* --------------------------------------------------------------------------------
ヘッダー
-------------------------------------------------------------------------------- */

/* #header {} */

.headerTop {
	width: 940px;
	height: 61px;
	margin: 0 auto 0 auto;
	overflow: hidden;
}

.headerTop img {
	width: 130px;
	margin: 15px 0 0 0;
	float: left;
}

.headerTop a {
	width: auto;
	margin: 15px 0 0 0;
	padding: 4px 10px 4px 10px;
	float: right;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	background: #666;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	display: block;
}

.headerTop a:hover {
	background: #999;
}

.siteTitle {
	width: 940px;
	margin: 0 auto 0 auto;
	overflow: hidden;
}

.siteTitle h1 {
	width: 100%;
	margin: 35px 0 0 0;
}


/* --------------------------------------------------------------------------------
コンテンツ
-------------------------------------------------------------------------------- */

.lead h1 {
	text-align: center;
	font-size: 2.5rem;
	line-height: 300px;
}

h3#form {
	margin: 0 0 15px 0;
	padding: 0 0 5px 0;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px dotted #333;
}

.plan {
	width: 940px;
	margin: 0 auto 0 auto;
	overflow: hidden;
}

.plan li {
	width: 290px;
	height: 100px;
	float: left;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: left top;
	/*text-indent: -9999px;*/
}

.plan li a span {
	display: none;
}

.hide {
	display: none;
}

.inner {
	width: 940px;
	margin: 0 auto;
	padding: 20px 0 10px 0;
}

.saitama {
	max-width: 940px;
	width: 100%;
	margin: 0 auto 70px auto;
	padding: 0;
}

.zenkoku {
	max-width: 940px;
	width: 100%;
	margin: 0 auto 70px auto;
}


.kikan {
	text-align: center;
}

.kinri img {
	text-align: center;
}

h2 {
	margin: 0 0 5px 0;
}

.course01,
.course02 {
	/* width: 900px; */
	width: 100%;
	box-sizing: border-box;
	padding: 35px 30px 35px 30px;
	_padding: 90px 30px 30px 30px;
	background: #fff;
	position: relative;
}

.plan01 .course01 {
	margin: 0 0 10px 0;
	background: url(../img/waku_bg.png);
	border-radius: 10px;
}

.plan01 .course02 {
	margin: 0 0 10px 0;
	border: 5px solid #00a4e3;
	border-radius: 10px;
}

.plan02 .course01 {
	margin: 0 0 40px 0;
	border: 5px solid #2CB1C5;
}

.plan02 .course02 {
	margin: 0 0 40px 0;
	border: 5px solid #659BCD;
}

.description {
	margin: 30px 0 30px 0;
}



.kinri,
.kinri10,
.kinri05,
.kinri03 {
	text-align: center;
	margin: 0;
	overflow: hidden;
}

.kinri03,
.kinri05 {
	padding: 0 0 30px 0;
	border-bottom: 1px dotted #333;
}

.kinri dl,
.kinri10 dl,
.kinri05 dl,
.kinri03 dl {
	width: 526px;
	float: left;
	overflow: hidden;
}

.kinri dl dt,
.kinri10 dl dt,
.kinri05 dl dt,
.kinri03 dl dt {
	width: 105px;
	margin: 0 10px 0 0;
	float: left;
}

.kinri dl dd,
.kinri10 dl dd,
.kinri05 dl dd,
.kinri03 dl dd {
	width: 411px;
	float: left;
}

.kinri .right,
.kinri10 .right,
.kinri05 .right,
.kinri03 .right {
	width: 324px;
	float: right;
}

.keigenKinri {
	width: 324px;
	height: 43px;
	margin: 0 0 10px 0;
	text-indent: -9999px;
	background-repeat: left top;
	background-position: no-repeat;
}

.tentoKinri {
	width: 324px;
	height: 52px;
	text-indent: -9999px;
	background-repeat: left top;
	background-position: no-repeat;
}

.attention {
	width: 100%;
}

.attention2 {
	width: 100%;
}

.plan table tr td {
	width: 25%;
	text-align: center;
}

.saitama ul {
	/* margin-right: -40px; */
	overflow: hidden;
	zoom: 1;
	display: block;
}

.saitama ul li {
	width: auto;
	margin-bottom: 10px;
	margin-right: 10px;
	float: left;
	border: none;
	background: none;
	display: block;
}


.saitama .mailformLink {
	padding: 35px 35px 35px 35px;
	background: #fff;
	border: 5px solid #ccc;
}

.col30 {
	width: 30%;
}

.col50 {
	width: 50%;
}

.col70 {
	width: 70%;
	padding: 0 20px;
}

.national .col30,
.saitama .col30 {
	text-align: center;
}

.national img,
.saitama img {
	max-width: 65%;
}

.national img:hover,
.saitama img:hover {
	opacity: 0.8;
}

.saitama img.no-animation:hover {
	opacity: 1;
}

.col30 a.button {
	color: #427464;
	text-decoration: none;
}

.col30 .button .expansion {
	margin: 20px auto;
}


.col30 .button .expansion span {
	font-size: 15px;
	display: block;
	text-align: left;
	line-height: 43px;
	color: #427464;
	width: 160px;
	height: 45px;
	position: relative;
	overflow: hidden;
	border-radius: 5px;
	border: #427464 1px solid;
	padding-left: 15px;
	background: #ffffff;
	margin: 0 auto;
	position: relative;
}




.col30 .button .expansion span:hover {
	color: #ffffff;
	background: #427464;
}



.col30 .fa-solid {
	position: absolute;
	top: 15px;
	right: 20px;
}


.loan-simulation {
	width: 904px;
	height: 66px;
	padding: 23px 18px 21px 18px;
	background: url(../img/loan-simulation_bg.png) no-repeat left top;
	overflow: hidden;
}

.loan-simulation a {
	width: 162px;
	float: right;
	display: block;
}

.nenkinsoudan {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: url(../img/nenkin_bg.png) repeat left top;
}

.madoguchi_area {
	border-top: 1px solid #ddd;
	background-color: #ffffff;
}

.national {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: url(../img/national_bg.png) repeat left top;
}

.national #area {
	width: 944px;
	height: 175px;
	background: url(../img/area_list.png) no-repeat left top;
}

.national #area p,
.national #area table {
	margin-left: -9999px;
}

.national #area p {
	color: #fff;
	font-size: 142.9%;
}

.national #area table {
	font-size: 128.6%;
}



.national table tr th {
	width: 25%;
}

#mailform {
	padding: 20px 20px 20px 20px;
	background: #fff;
	border: 1px solid #ccc;
}

#mailform table {
	border-top: none;
	border-left: none;
	border-collapse: separate;
	border-spacing: 2px;
}

#mailform table tr th,
#mailform table tr td {
	border-bottom: none;
	border-right: none;
}

textarea {
	width: 97%;
	padding: 7px 7px 7px 7px;
	border: 0;
	border: solid 1px #aaa;
	border-radius: 4px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}




#mailform table tr td label {
	margin-right: 10px;
	cursor: pointer;
}

textarea {
	height: 200px;
}

input[type="submit"],
input[type="reset"] {
	margin: 0 5px 0 5px;
	padding: 10px 20px;
	cursor: pointer;
	border: 0;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: #004477;
	color: #fff;
	font-weight: bold;
}

input[type="submit"]:hover,
input[type="reset"]:hover {
	background: #006699;
}

.submitArea {
	margin: 20px 0 0 0;
	text-align: center;
}

#madoguchi div div p {
	font-weight: bold;
}

#madoguchi div div p span:not(.tenpotel) {
	width: 7em;
	display: block;
	float: left;
}

#madoguchi .madoguchi_shibu h3 {
	font-size: 180%;
	font-weight: bold;
}

.madoguchi_area .flexaround div h3 {
	font-size: 24px;
	font-weight: bold;
}

/* .madoguchi_area .flexaround .flexaround {} */

.courseInner {
	height: auto;
	padding: 30px 20px 20px 20px;
	background: #fffbd0;
	border-radius: 15px;
}

.col33 {
	width: 33%;
}

.col33 img {
	max-width: 100%;
}

.col66 {
	width: 66%;
}

.col66 img {
	max-width: 100%;
}

#caution h4 {
	display: block;
	font-size: 24px;
	color: #1d2088;
	font-weight: bold;
	line-height: 1.5em;
}

#caution ul.disc li {
	padding-right: 20px;
}

#caution table {
	margin-bottom: 10px;
}

#caution table tr th {
	background: #09913a;
	color: #ffffff;
	border-radius: 10px 10px 0 0;
	font-size: 13px;
	text-align: left;
}

#caution table tr td {
	font-weight: bold;
	padding: 5px 10px 5px 2em;
	font-size: 14px;
	text-indent: -1em;
}

#caution ol.kome li {
	text-indent: -2em;
	padding-left: 2em;
}

#caution ol.kome li span {
	font-weight: bold;
	color: #09913a;
	margin-right: 0.5em;
}

.madoguchi_area h2 {
	font-size: 24px;
	font-weight: bold;
	padding: 10px 50px;
	background-color: #09913a;
	color: #ffffff;
	display: block;
	text-align: center;
	border-radius: 10px;
}

#madoguchi h3 span {
	font-size: 16px;
	margin-left: 10px;
	padding: 3px;
	background: #333333;
	color: #ffffff;
	vertical-align: middle;
}

#madoguchi h3::before {
	content: url(../img/jalogo.png);
	margin-right: 5px;
}

#madoguchi .madoguchi_shibu .resp_on {
	display: none;
}

.resp_on {
	display: none;
}

@media (min-width: 751px) {
	a[href*="tel:"] {
		pointer-events: none;
		cursor: default;
		text-decoration: none;
		color: #ffffff;
	}
}

a[href*="tel:"] {
	cursor: default;
	color: inherit;
}

.course01 .plan_1 {
	font-size: 20px;
	margin: 5px;
	font-weight: bold;
	color: #008cd6;
}

.course01 .plan_2 {
	font-size: 20px;
	margin: 5px;
	font-weight: bold;
	color: #009d96;

}

.course01 .plan_1 span,
.course01 .plan_2 span {
	font-size: 32px;
}

.tokubetu_kinri {
	background: #ffffff;
	padding: 20px 10px;
	border-radius: 20px;
	border: 3px solid #09913a;
	margin-top: 10px;
}

.tk_inner {
	margin: 10px;
}

/* --------------------------------------------------------------------------------
フッター
-------------------------------------------------------------------------------- */
#colophon {
	min-height: 160px;
}



#footer {
	margin: 0 0 0px 0;
	_margin: 0 0 0 0;
	background: url(../img/body_bg.jpg) repeat-x left top;
}

.footer_ja_address {
	width: 436px;
}

.footer_copyright {
	width: 280px;
}

.footerIn {
	width: 940px;
	margin: 0 auto 0 auto;
	padding: 30px 0 30px 0;
	overflow: hidden;
	position: relative;
}

.footerInL {
	display: block;
	text-align: center;
}

.footerInR {
	position: absolute;
	top: 0;
	right: 0;
	margin-top: 10px;
}

#pageTop {
	overflow: hidden;
}

#pageTop a {
	width: 150px;
	margin: 0 0 25px 0;
	padding: 5px 10px;
	float: right;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-align: center;
	background: #666;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	display: block;
}

#pageTop a:hover {
	background: #999;
}

.copyRight {
	font-size: 10px;
}


#inquiry {
	width: 100%;
	height: 90px;
	padding: 0 0 0 0;
	top: 0;
	left: 0;
	background: #ffffff;
	text-align: center;
	z-index: 30;
}

.inquiryIn {
	width: 940px;
	height: 90px;
	margin: 0 auto;
	position: relative;
}

.inquiryIn a.home {
	position: absolute;
	top: 10px;
	left: 0;
}

.inquiryIn a.home img {
	max-width: 250px;
}



.inquiryIn form {
	width: 280px;
	height: 75px;
	position: absolute;
	top: 10px;
	right: 0;
}

.inquiryIn .tel {
	width: 280px;
	height: 75px;
	position: relative;
	top: 10px;
}

.inquiryIn form button {
	cursor: pointer;
	padding: 0;
	border: none;
}

.inquiryIn form button:hover {
	filter: brightness(110%);
}

.course01 .kinri {
	margin-top: 0;
}






/* --------------------------------------------------------------------------------
追加CSS
-------------------------------------------------------------------------------- */

h2.maintitle {
	display: block;
	padding: 15px;
	font-size: 28px;
	text-align: center;
	border-radius: 10px;
	margin-top: 10px;
	line-height: 1.2em;
	color: #427464;
	border: 3px solid #427464;
	background-color: #ffffff;
}

h2.nenkintitle {
	width: 940px;
	margin: 35px auto 0 auto;
}

h3.campaigntitle {
	font-size: 20px;
	font-weight: bold;
	position: relative;
	margin: 45px 0 35px;
	color: #427464;
	background: #f2f0e4;
	border-bottom: solid 3px #427464;
	border-radius: 10px 10px 0 0;
	padding: 20px;
}

.national h3.campaigntitle {
	background: #ffffff;
}

.saitama h4,
.national h4 {
	color: #427464;
	font-size: 18px;
	border-top: #E4E8E6 1px dashed;
	border-bottom: #E4E8E6 1px dashed;
	line-height: 2em;
	font-weight: bold;
	padding: 15px 10px;
}

.lead {
	width: 100%;
	height: 645px;
	background-image: url(../img/lead4.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}

.nenkin_box {
	width: 940px;
	height: 410px;
	position: relative;
}

.arekore {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
}

.rice_present {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
}

.nenkin_tenpo {
	position: absolute;
	bottom: 0;
	left: 0;
}

.osaifu {
	position: absolute;
	bottom: 0;
	right: 0;
}

#madoguchi img {
	max-width: 100%;
	width: 100%;
	height: auto;
}

.flexaround {
	margin-top: 20px;
	display: flex;
	justify-content: space-between;
	align-items: start;
}

.center div,
.south div,
.north div {
	width: auto;
}


.national table.mgnB05 {
	margin: 0 0 5px 0;
}

.yellow th {
	background-color: #f6ab00;
}

.yellow tr:nth-child(2n+1) td {
	background-color: #fffac6;
}

.red th {
	background-color: #e50011;
}

.inner #form.nenkin_button button[type="submit"],
.inner #form.otoiawase input[type="button"] {
	width: 100%;
	font-size: 24px;
	font-weight: bold;
	background: #ff1100;
	color: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #2196f3), color-stop(0.5, #2485d3));
	background: -moz-linear-gradient(top, #2196f3 50%, #2485d3 50%);
	background: -o-linear-gradient(top, #2196f3 50%, #2485d3 50%);
	background: -ms-linear-gradient(top, #2196f3 50%, #2485d3 50%);
	background: linear-gradient(top, #2196f3 50%, #2485d3 50%);
	padding: 20px 10px 20px 10px;
}

.inner #form.otoiawase button[type="submit"],
.inner #form.otoiawase input[type="button"] {
	width: 100%;
	font-size: 24px;
	font-weight: bold;
	background: #ffffff;
	color: #3cb035;
	border: 2px solid #3cb035;
	padding: 20px 10px 20px 10px;
	margin: auto;
}

.inner #form.otoiawase button[type="submit"]:hover,
.inner #form input[type="button"]:hover {
	background: #3cb035;
	color: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #3cb035), color-stop(0.5, #09913a));
	background: -moz-linear-gradient(top, #3cb035 50%, #09913a 50%);
	background: -o-linear-gradient(top, #3cb035 50%, #09913a 50%);
	background: -ms-linear-gradient(top, #3cb035 50%, #09913a 50%);
	background: linear-gradient(top, #3cb035 50%, #09913a 50%);
	cursor: pointer;
	padding: 20px 10px 20px 10px;
}

.code {
	width: 261px;
	font-size: 10px;
	background: #ccc;
	line-height: 15px;
	text-align: center;
	position: absolute;
}

.saitama button[type="submit"],
.saitama button[type="reset"] {
	margin: 20px 5px 20px 5px;
	padding: 10px 20px;
	cursor: pointer;
	border: 0;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: #004477;
	color: #fff;
	font-weight: bold;
}

.inner button[type="submit"],
.inner button[type="reset"] {
	margin: 0 5px 0 5px;
	padding: 10px 20px;
	cursor: pointer;
	border: 0;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: #004477;
	color: #fff;
	font-weight: bold;
}

/* フッター */
.site-footer {
	position: relative;
	padding-bottom: 3em;
	background: #007463;
}

.site-footer * {
	color: #FFF !important;
}

.site-footer ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: flex-start;
	align-content: flex-start;
	list-style: none;
	margin: 1em 0 1em 0;
	padding: 0;
	font-family: "じゅん 501", "Jun 501";
}

.site-footer li {
	padding: 0 1.2em;
	border-right: 2px solid;
}

.site-footer li:last-of-type {
	padding-right: 0;
	border-right: none;
}

#media_image-3 {
	display: block;
	float: left;
	margin-top: 1em;
}

#zoom-social-icons-widget-4 {
	display: block;
	float: left;
	margin: 6px 0 0 4px;
}

#zoom-social-icons-widget-4 .socicon-twitter {
	background: #FFF;
	color: #007463 !important;
}

#media_image-4 {
	float: right;
	margin-top: 1em;
}

#text-3 {
	clear: left;
}

.site-footer .tel {
	font-size: 30px;
	font-weight: bold;
}

#text-4 {
	position: absolute;
	bottom: 1em;
	left: 0;
	width: 100%;
	height: 10px;
	padding: 0 calc(50% - 600px);
	border-top: 1px solid;
	text-align: right;
}

#gotop {
	position: relative;
	z-index: 10;
	margin: 0 !important;
}

#gotop a {
	display: block;
	position: fixed;
	right: 20px;
	bottom: 20px;
	width: 100px;
	height: 100px;
	border: 3px solid #FFF;
	border-radius: 10px;
	background: #007463;
	transition: .4s;
}

#gotop a:hover {
	color: none;
}

#gotop a.hide_gotop {
	opacity: 0;
}

#gotop a::before {
	content: "〉";
	display: inline-block;
	padding: 6px 22px;
	color: #FFF;
	font-size: 50px;
	line-height: 1;
	transform: rotate(-90deg);
}

.entry-footer {
	position: absolute;
	z-index: 10;
	top: 162px;
	right: 10px;
	border: 1px solid #CCC;
	background: #FFF;
}


@media screen and (max-width: 1400px) {
	#container {
		background-size: 112%;
	}

	#container2 {
		background-size: 112%;
	}

	#container3 {
		background-size: 112%;
	}
}

/* 20231108 */
.b_paleblue {
	border-bottom: 1px solid #d9eef3;
}

.r_paleblue {
	border-right: 1px solid #d9eef3;
}

#madoguchi {
	display: flex;
	flex-direction: column;
	margin: 1rem 0;
}

.tel_1,
.tel_2,
.tel_3 {
	display: flex;
	justify-content: space-between;
}

.tel_1 a,
.tel_2 a,
.tel_3 a {
	display: flex;
	justify-content: space-between;
	font-weight: bold;
}

.tel_inner {
	display: flex;
	flex-direction: row;
}

#madoguchi div div a span:not(.tenpotel) {
	display: block;
}

.tenpotel {
	margin-left: 1rem;
}

.tel_other {
	min-width: 9rem;
}

#container2 .saitama img {
	margin-top: 11rem;
}

.implementation_more {
	margin: 40px 0;
}

.more_button {
	padding: 15px 40px;
	color: #ffffff;
	background: #007463;
	text-decoration: none;
	margin-right: auto;
}

.campaign_item {
	background: #ffffff;
}

@media screen and (max-width: 1024px) {
	.lead {
		height: 350px;
	}
}

.nav {
	position: fixed;
	top: 50px;
	right: -20px;
}

.nav a {
	font-family: "Hiragino Maru Gothic W4 JIS2004", sans-serif;
	font-weight: bold;
	padding: 24px 30px 24px 10px;
	margin: 5px;
	background: #007463;
	border-radius: 15px;
	color: #fff;
	font-size: 27px;
	line-height: 1.1;
	border: solid 1px #fff;
	transition: .3s;
	text-decoration: none
}

/* 20250311 */
.thankyoucp ul {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}