@charset "UTF-8";
@import url(base.css);
.box {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
}
.btn-box {
	display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 50px;
}
.btn {
	display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
	margin: 16px;
  width: 100%;
}
/* .btn-2cols .btn {
	width: calc((100% - 16px * 2) / 2);
} */
.btn a {
  width: 100%;
	font-size: 16px;
  font-weight: bold;
	display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
	padding: 1em 2em;
	box-sizing: border-box;
	border: 3px solid #133d20;
	color: #fff;
  background-color: #133d20;
}
.btn.btn-bdr a {
	color: #133d20;
  background-color: #fff;
}
.btn.btn-blu a {
	border: 3px solid #0c0038;
  background-color: #0c0038;
}
.btn.btn-blu-bdr a {
	border: 3px solid #0c0038;
	color: #0c0038;
  background-color: #fff;
}

/*mainvisual*/
.main-visual {
	width: 100%;
	height: 100vh;
	position: relative;
}
.main-visual .door {
	width: 50%;
	height: 100%;
	float: left;
	display: block;
}
.main-visual .door a {
	display: block;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	position: relative;
}
.main-visual .door a:hover {
	background: rgba(0, 0, 0, 0.15);
	cursor: pointer;
}
.main-visual .door .logoArea {
	margin: 0 auto 50px;
	text-align: center;
	width: 50%;
	height: 30vh;
	padding-top: 30vh;
}
.main-visual .door .logoArea span {
	display: block;
	color: #fff;
	margin: 20px auto 0;
	text-align: center;
	font-size: 18px;
}

.main-visual .door a .title {
	opacity: 0;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
	transition: opacity 0.6s, transform 0.6s;
	position: absolute;
	width: 70%;
	height: auto;
	text-align: center;
	color: #fff;
	bottom: 5%;
	left: 0;
	right: 0;
	padding: 3%;
	margin: 0 auto;
}
.main-visual .door.corporate a .title {
	background: rgba(19, 36, 61, 0.75);
}
.main-visual .door.brand a .title {
	background: rgba(19, 61, 32, 0.75);
}
.main-visual .door a .title:hover {
}
.main-visual .door a:hover .title {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.main-visual .door a .title .name {
	font-size: 25px;
	margin-bottom: 1.5%;
	letter-spacing: 0.15em;
	font-family: Georgia, "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif;
}
.main-visual .door a .title p {
	font-size: 12px;
	line-height: 1.8em;
	letter-spacing: 0.13em;
}
.main-visual .corporate {
	background: url(../img/top_bk_corporate.png) no-repeat center center;
	background-size: auto 100%;
	/*background: #fff;*/
}
.main-visual .corporate .logoArea img {
	width: 100%;
	height: auto;
	padding-top: 16vh;
}
.main-visual .brand .logoArea img {
	width: auto;
	height: 100%;
}
.main-visual .brand {
	background: url(../img/top_bk_brand.png) no-repeat center center;
	background-size: auto 100%;
	/*background: #0c3d20;*/
}
.main-visual .imgscroll {
	position: absolute;
	bottom: 1%;
	left: 0;
	right: 0;
	text-align: center;
	color: #fff;
	font-size: 16px;
	letter-spacing: 0.15em;
	z-index: 2;
	display: inline-block;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	text-decoration: none;
	padding-top: 70px;
	width: 115px;
	margin: 0 auto;
}
.main-visual .imgscroll span {
	position: absolute;
	top: 0;
	left: 50%;
	width: 24px;
	height: 24px;
	margin-left: -12px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-animation: sdb 1.5s infinite;
	animation: sdb 1.5s infinite;
	box-sizing: border-box;
}
@-webkit-keyframes sdb {
	0% {
		-webkit-transform: rotate(-45deg) translate(0, 0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		-webkit-transform: rotate(-45deg) translate(-20px, 20px);
		opacity: 0;
	}
}
@keyframes sdb {
	0% {
		transform: rotate(-45deg) translate(0, 0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		transform: rotate(-45deg) translate(-20px, 20px);
		opacity: 0;
	}
}
/*.main-visual .door a {
	display: block;
	text-align: center;
	width: 50%;
	margin: 0 auto;
	padding: 2% 0;
}
.main-visual .door a:hover {
	text-decoration: none;
}
.main-visual .door.corporate a {
	color: #0c3d20;
	border: 1px solid #0c3d20;
}
.main-visual .door.corporate a:hover {
	background: #0c3d20;
	color: #fff;
}
.main-visual .door.brand a {
	color: #fff;
	border: 1px solid #fff;
}
.main-visual .door.brand a:hover {
	color: #0c3d20;
	background: #fff;
}*/
/* コンテンツ */
.content {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 100px 0;
	background: #f4f4f4;
	text-align: center;
	position: relative;
}
.bkWhite {
	background: #fff;
}
.content h2 {
	text-align: center;
	letter-spacing: 0.4em;
	line-height: 1.6em;
	font-size: 20px;
	margin-bottom: 20px;
}
.content .iikenArea {
	margin-bottom: 30px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.content .iikenArea .leftArea {
	width: 43%;
	float: left;
	margin-right: 1%;
	padding: 50px 3% 30px;
}
.content .iikenArea .leftArea .newsArea {
	height: 425px;
	overflow-y: hidden;
}
.content .iikenArea .leftArea .newsArea li {
	border-bottom: 1px solid #ccc;
	padding: 20px 0;
	position: relative;
}
.content .iikenArea .leftArea .newsArea li:first-child {
	border-top: 1px solid #ccc;
}
.content .iikenArea .leftArea .newsArea li a {
	display: block;
}
.content .iikenArea .leftArea .newsArea li .thumb {
	width: 135px;
	height: 135px;
	float: left;
	margin-right: 5%;
	position: relative;
	overflow: hidden;
	position: relative;
}
.content .iikenArea .leftArea .newsArea li .thumb img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.content .iikenArea .leftArea .newsArea li a:hover .thumb img {
	transform: scale(1.07) translate(-47%, -47%);
}
.content .iikenArea .leftArea .newsArea li .status {
	position: absolute;
	z-index: 7;
	transform: rotate(45deg);
	right: -23px;
	top: 13px;
	width: 89px;
	text-align: center;
	font-weight: bold;
}
.content .iikenArea .leftArea .newsArea li .status:before {
	position: absolute;
	content: "";
	transform: rotate(-45deg);
	z-index: -1;
	top: -9px;
	left: 13px;
}
.content .iikenArea .leftArea .newsArea li .status.accept {
	color: #333;
}
.content .iikenArea .leftArea .newsArea li .status.accept:before {
	border-top: 30px solid rgba(255, 229, 0, 0.9);
	border-right: 30px solid rgba(255, 229, 0, 0.9);
	border-bottom: 30px solid transparent;
	border-left: 30px solid transparent;
}
.content .iikenArea .leftArea .newsArea li .status.now {
	color: #fff;
}
.content .iikenArea .leftArea .newsArea li .status.now:before {
	border-top: 30px solid rgba(15, 62, 23, 0.9);
	border-right: 30px solid rgba(15, 62, 23, 0.9);
	border-bottom: 30px solid transparent;
	border-left: 30px solid transparent;
}
.content .iikenArea .leftArea .newsArea li .status.end {
	color: #333;
}
.content .iikenArea .leftArea .newsArea li .status.end:before {
	border-top: 30px solid rgba(204, 204, 204, 0.9);
	border-right: 30px solid rgba(204, 204, 204, 0.9);
	border-bottom: 30px solid transparent;
	border-left: 30px solid transparent;
}
.content .iikenArea .leftArea .newsArea li .cat {
	float: left;
	width: 130px;
	padding: 2.5px;
	border: 1px solid #0f3e17;
	z-index: 6;
	font-size: 15px;
	position: relative;
	text-align: center;
	letter-spacing: 0.1em;
	margin-bottom: 15px;
	color: #0f3e17;
}
.content .iikenArea .leftArea .newsArea li .cat.news {
	background: #0f3e17;
	color: #fff;
}
.content .iikenArea .leftArea .newsArea li .cat.event {
	background: #fff;
	color: #0f3e17;
}
.content .iikenArea .leftArea .newsArea li h3 {
	color: #333;
	font-size: 14px;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	width: calc(90% - 135px);
	width: -webkit-calc(90% - 135px);
	text-align: left;
	float: right;
	margin-right: 5%;
}
.content .iikenArea .leftArea .newsArea li .day {
	position: absolute;
	right: 5%;
	bottom: 30px;
	text-align: left;
	width: calc(90% - 135px);
	width: -webkit-calc(90% - 135px);
	color: #333;
	font-size: 14px;
	letter-spacing: 0.1em;
	border-bottom: 1px solid #0f3e17;
}
.content .iikenArea .leftArea .toList {
	text-align: right;
	width: 100%;
	font-size: 15px;
	letter-spacing: 0.1em;
	padding-top: 20px;
	margin-right: 20px;
}
.content .iikenArea .leftArea .toList a {
	color: #333;
	position: relative;
	margin-right: 20px;
	display: inline-block;
}
.content .iikenArea .leftArea .toList i {
	margin-right: 10px;
	color: #0f3e17;
}
.content .iikenArea .leftArea .toList a:after {
	font-family: "Font Awesome 5 Free";
	content: "\f0da";
	font-weight: 900;
	right: -13px;
	position: absolute;
}
.content .iikenArea .leftArea .toList a:hover:after {
	right: -20px;
}
.content .iikenArea .rightArea {
	width: 49%;
	float: right;
	margin-left: 1%;
}
.content .iikenArea .rightArea .space {
	height: 25px;
	background: #f4f4f4;
	display: block;
}
.content .iikenArea .rightArea .brand {
	padding: 50px 0 0;
}
.content .iikenArea .rightArea .brand ul li {
	overflow: hidden;
	display: block;
}
.content .iikenArea .rightArea .brand ul li a {
	display: block;
	text-align: center;
	position: relative;
}
.content .iikenArea .rightArea .brand ul li a:before {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	opacity: 0.4;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.content .iikenArea .rightArea .brand ul li a:hover:before {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.8;
}
.content .iikenArea .rightArea .brand ul li:nth-child(1) a:before {
	background: url(../img/bk_cncptbrnd01.jpg) no-repeat center center;
}
.content .iikenArea .rightArea .brand ul li:nth-child(2) a:before {
	background: url(../img/bk_cncptbrnd04.jpg) no-repeat 25% 65%;
}
.content .iikenArea .rightArea .brand ul li:nth-child(3) a:before {
	background: url(../img/bk_cncptbrnd02.jpg) no-repeat center center;
}
.content .iikenArea .rightArea .brand ul li a img {
	width: 70%;
	max-width: 300px;
	padding: 30px 0;
	position: relative;
}
.content .iikenArea .rightArea .brand ul li a img.addBrand {
	max-width: 800px;
	padding: 48px 0;
}
.content .conceptArea {
	padding: 50px 3% 30px;
	box-sizing: border-box;
	margin-bottom: 50px;
}
.content .conceptArea h2 {
	margin-bottom: 60px;
}
.content .conceptArea ul {
	width: 102%;
}
.content .conceptArea ul li {
	width: 31%;
	float: left;
	margin-right: 2%;
}
.content .conceptArea ul li a {
	color: #333;
	display: block;
}
.content .conceptArea ul li a:hover {
	opacity: 0.8;
}
.content .conceptArea ul li h3 {
	text-align: center;
	letter-spacing: 0.3em;
	line-height: 1.6em;
	font-size: 18px;
	margin-bottom: 10px;
}
.content .conceptArea ul li .thumb {
	width: auto;
	height: 380px;
	overflow: hidden;
	margin-bottom: 20px;
}
.content .conceptArea ul li a .thumb img {
	width: auto;
	height: 100%;
	-moz-transition: -moz-transform 0.2s linear;
	-webkit-transition: -webkit-transform 0.2s linear;
	-o-transition: -o-transform 0.2s linear;
	-ms-transition: -ms-transform 0.2s linear;
	transition: transform 0.2s linear;
}
.content .conceptArea ul li a:hover .thumb img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}
.content .conceptArea ul li p {
	font-size: 12px;
	line-height: 1.9em;
	letter-spacing: 0.06em;
	text-align: justify;
}
.content .blog {
	padding: 50px 3% 30px;
	box-sizing: border-box;
	margin-bottom: 50px;
}
.content .blog .col2 a,
.content .blog .col4 a {
	width: 24%;
	margin: 0 0.5% 0;
	float: left;
	font-size: 16px;
	display: block;
	padding: 21px;
	box-sizing: border-box;
	border: 3px solid #133d20;
	color: #133d20;
}
.content .blog .col2 a {
	width: 49%;
}
.content .blog .col2 a:hover,
.content .blog .col4 a:hover {
	background: #133d20;
	color: #fff;
}
.content .mapArea {
	box-sizing: border-box;
	padding: 50px 1% 1%;
	margin-bottom: 50px;
	background: #fff;
}
.content .mapArea #map {
	width: 100%;
	height: 450px;
}
.content .recruit {
	box-sizing: border-box;
	padding: 50px 1% 1%;
	background: #fff;
	margin-bottom: 50px;
}
.content .recruit a {
	display: block;
}
.content .recruit .photo {
	width: 50%;
	height: auto;
	float: left;
	position: relative;
}
.content .recruit .photo img {
	width: 100%;
	height: auto;
}
.content .recruit .welcome,
.content .recruit .year {
	font-family: Georgia, "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif;
	width: 100%;
	letter-spacing: 0.2em;
}
.content .recruit .welcome {
	position: absolute;
	font-size: 30px;
	/*  top: 50%;*/
	/* top: 20%; */
  top: 12%;
	transition-property: all;
	transition: 0.08s linear;
	color: #fff;
}
.content .recruit a:hover .welcome {
	letter-spacing: 0.35em;
}
.content .recruit .year {
	width: 50%;
	float: right;
	font-size: 23px;
	margin-top: 13%;
	color: #333;
}
#pageTop {
	position: fixed;
	bottom: 30px;
	right: 30px;
}

/* important_news：モーダル */
.important_news {
	max-width: 1200px;
	width: 82%;
	padding: 3%;
	text-align: center;
	border: 3px solid #b00000;
	margin: 0 auto 6%;
}

.important_news a {
	color: #b00000;
	font-weight: bold;
	font-size: 20px;
}

.important_news a:hover {
	opacity: 0.7;
}

.modaal-content-container h3.title {
	text-align: center;
	font-size: 23px;
	border-bottom: 1px solid #0e3e20;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.modaal-content-container p {
	font-size: 14px;
	line-height: 1.8;
	margin: 0 auto 1em;
}

.modaal-content-container h5 {
	font-size: 23px;
	margin-bottom: 20px;
	line-height: 1.5em;
}

/* 240206追加 お知らせ */

.txt-list {
  width: 100%;
  max-width: 800px;
  margin: 40px auto 0;
}

.txt-list li {
  width: 100%;
  margin: 0 auto;
  border-bottom: 1px solid #ccc;
}
.txt-list .no_post {
  padding: 1em 0;
}
.txt-list a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  padding: 1em 0;
  color: #000;
}
.txt-list a:hover {
  opacity: 0.8;
}
.txt-list li .day {
  order: 1;
  width: 72px;
  font-size: 12px;
  text-align: left;
}
.txt-list li h3 {
  order: 2;
  width: calc(100% - 72px);
  padding-left: 1em;
  font-size: 15px;
  text-align: left;
  box-sizing: border-box;
}

.txt-list + .btn {
  max-width: 320px;
  margin: 40px auto 0;
}
.txt-list + .btn a:hover {
  background-color: #fff;
  color: #0c0038;
}

@media screen and (max-width: 1200px) {
	.content .blog .col2 a,
	.content .blog .col4 a {
		width: 49%;
		margin: 0 0.5% 10px;
	}
}
@media screen and (max-width: 1023px) {
	.pc {
		display: none;
	}
	.main-visual .door {
		width: 100%;
		height: 50%;
		float: none;
		background-size: cover;
	}
	.main-visual .door a,
	.main-visual .door a:hover {
		background: rgba(0, 0, 0, 0.5);
	}
	.main-visual .door a .title {
		position: relative;
		opacity: 1;
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
		-webkit-transition: opacity 0s, -webkit-transform 0s;
		transition: opacity 0s, transform 0s;
		bottom: 0;
	}
	.main-visual .door a .title p {
		display: none;
	}
	.main-visual .imgscroll {
		bottom: 0;
		padding-top: 60px;
	}
	.main-visual .door.corporate .logoArea {
		width: 70%;
		max-width: 500px;
		margin: 0 auto 10px;
		padding-top: 12vh;
		height: 17vh;
	}
	.main-visual .door.brand .logoArea {
		width: 70%;
		max-width: 500px;
		margin: 0 auto 30px;
		padding-top: 7vh;
		height: 22vh;
	}

	.main-visual .door.brand .logoArea.ver02 {
		padding-top: 5vh;
		padding-bottom: 4vh;
	}
	.main-visual .door .logoArea span {
		margin: 15px auto 0;
		font-size: 16px;
	}
	.main-visual .corporate .logoArea img {
		padding-top: 9vh;
	}
	.main-visual .door a .title {
		padding: 1%;
		width: 50%;
	}
	.main-visual .door a .title .name {
		font-size: 16px;
		margin-bottom: 0;
	}
	.content .iikenArea .leftArea {
		width: 100%;
		float: none;
		margin-right: 0;
		margin-bottom: 30px;
	}
	.content .iikenArea .rightArea {
		width: 100%;
		float: none;
		margin-left: 0;
	}
	.content .iikenArea .leftArea .newsArea {
		height: 450px;
	}

	/* important_news：モーダル */
	.important_news a {
		font-size: 18px;
	}
}
/*end of max-width: 1023px*/

@media screen and (max-width: 768px) {
	.content {
		padding: 50px 0;
	}
	.content .iikenArea .leftArea .newsArea li .thumb {
		width: 150px;
		height: 150px;
	}
	.content .iikenArea .leftArea .newsArea li h3 {
		width: calc(90% - 150px);
		width: -webkit-calc(90% - 150px);
	}
	.content .iikenArea .leftArea .newsArea li .day {
		width: calc(90% - 150px);
		width: -webkit-calc(90% - 150px);
	}
	.content .iikenArea .leftArea .newsArea li .cat {
		margin-bottom: 20px;
	}
	.content .conceptArea {
		padding: 50px 3% 0;
	}
	.content .conceptArea ul li {
		width: 48%;
		margin-bottom: 50px;
	}
	.content .recruit .photo {
		width: 100%;
		float: none;
	}
	.content .recruit .welcome {
		font-size: 25px;
	}
	.content .recruit .year {
		width: 100%;
		float: none;
		font-size: 18px;
		margin-top: 10px;
	}
	.content .blog .col2 a,
	.content .blog .col4 a {
		width: 99%;
	}
}
/*end of max-width: 768px*/

@media screen and (max-width: 479px) {
	.main-visual .door a .title .name {
		font-size: 13px;
	}
	.main-visual .door .logoArea span {
		margin: 10px auto 0;
		font-size: 14px;
	}
	.main-visual .imgscroll {
		font-size: 11px;
		letter-spacing: 0.15em;
		padding-top: 50px;
		bottom: 0;
	}
	.main-visual .imgscroll span {
		width: 16px;
		height: 16px;
		margin-left: -8px;
	}
	.main-visual .imgscroll p {
		display: none;
	}
	.content .conceptArea ul li {
		width: 100%;
		margin-bottom: 40px;
	}
	.content .iikenArea .leftArea .newsArea li .cat {
		width: 110px;
		padding: 1.5px;
		font-size: 11px;
		margin-bottom: 5px;
	}
	.content .iikenArea .leftArea .newsArea li .thumb {
		width: 100px;
		height: 100px;
	}
	.content .iikenArea .leftArea .newsArea li h3 {
		width: calc(90% - 100px);
		width: -webkit-calc(90% - 100px);
		font-size: 12px;
		letter-spacing: 0.08em;
	}
	.content .iikenArea .leftArea .newsArea li .day {
		width: calc(90% - 100px);
		width: -webkit-calc(90% - 100px);
		font-size: 11px;
		bottom: 20px;
	}
	.content .blog .col2 a,
	.content .blog .col4 a {
		padding: 15px;
	}

	/* important_news：モーダル */
	.important_news {
		padding: 5% 3%;
		margin: 4% auto 8%;
	}
	.important_news a {
		font-size: 16px;
	}

	.top .modaal-content-container {
		padding: 6% 4%;
	}
	.modaal-content-container h3.title {
		font-size: 18px;
	}

	.modaal-content-container h5 {
		font-size: 16px;
	}

  /* 240206追加　お知らせ */
  .txt-list a {
    align-items: flex-start;
  }

  .txt-list li h3 {
    width: 100%;
    padding-top: 8px;
    padding-left: 0;
  }
}
/*end of max-width: 479px*/

@media screen and (max-width: 375px) {
	.content .iikenArea .leftArea .newsArea li {
		padding: 15px 0;
	}
	.content .iikenArea .leftArea .newsArea li .thumb {
		width: 80px;
		height: 80px;
	}
	.content .iikenArea .leftArea .newsArea li .cat {
		padding: 1px;
		font-size: 10px;
	}
	.content .iikenArea .leftArea .newsArea li h3 {
		width: calc(95% - 80px);
		width: -webkit-calc(95% - 80px);
		font-size: 13px;
		font-size: 12px;
		line-height: 1.2em;
		letter-spacing: 0.08em;
		margin-right: 0;
	}
	.content .iikenArea .leftArea .newsArea li .day {
		width: calc(90% - 80px);
		width: -webkit-calc(90% - 80px);
		font-size: 10px;
		bottom: 15px;
	}
	.mCSB_inside > .mCSB_container {
		margin-right: 15px !important;
	}
}
/*end of max-width: 375px*/