@charset "utf-8";
/*--------------------------------------------------

	Main Visual

--------------------------------------------------*/
#mv {position: relative;}
#mv p {position: absolute;top: -9.7vw;right: -1%;width: 27.8%;}
#mv .container {position: relative;}
#mv .container figure {position: relative;width: 70%;}
#mv .container figure figcaption {position: absolute;top: 97%;left: 98%;transform: translate(-50%, -50%);width: 25%;}
#mv .container .wrap {position: absolute;top: 29%;right: 20%;width: 100%;text-align: right;}
#mv .container .wrap h1 {
	display: inline-block;
	padding: 1vw 1vw 1vw 3vw;
	border: 1px solid #F30100;
	border-radius: .4em;
	background: #fff;
	font-weight: 800;
	font-size: 3vw;
	line-height: 1.4;
}
@media only screen and ( max-width : 767px ) {
	#mv {margin-bottom: 20%;}
	#mv .container .wrap h1 {font-size: 4vw;}
	#mv .container figure img.staff {height: 80vw;object-fit: cover;}
	#mv .container figure figcaption {width: 48%;}
}
/*--------------------------------------------------

	MESSAGE

--------------------------------------------------*/
#message {position: relative;margin-bottom: clamp(100px, calc(100px + 70 * ((100vw - 375px) / 1545)), 170px);}
#message ul {display: flex;position: relative;width: 100%;}
#message ul li {width: 14.8%;}
#message ul li:nth-child(1) {position: relative;background: #111;}
#message ul li:nth-child(1)::before {content: '';display: block;padding-top: 100%;}
#message ul li:nth-child(1) span {position: absolute;top: 1vw;left: 1.8vw;color: #fff;font-size: 1.1vw;line-height: 1.5;}
#message ul.top_list li:last-child {position: absolute;top: 100%;left: 0;}
#message ul.bottom_list {justify-content: flex-end;position: absolute;right: 0;bottom: 0;}
#message ul.bottom_list li:nth-child(1) {position: absolute;right: 0;bottom: 100%;}
#message .block {position: relative;width: 70.5%;margin: 0 auto;padding: 10vw 11vw 25vw;border: 1px solid #111;}
#message .block::before,
#message .block::after {content: '';position: absolute;width: 10vw;height: calc(5vw / 2 * tan(60deg));background: #111;}
#message .block::before {top: 0;right: 0;clip-path: polygon(100% 0, 50% 0, 100% 100%);}
#message .block::after {bottom: 0;left: 0;clip-path: polygon(0 0, 50% 100%, 0 100%);}
#message .block h3 {
	margin-bottom: clamp(30px, calc(30px + 60 * ((100vw - 375px) / 1545)), 90px);
	color: #F30100;
	font-weight: 700;
	font-size: 1.7vw;
	line-height: 2;
}
#message .container .wrap p {
	margin-bottom: clamp(20px, calc(20px + 30 * ((100vw - 375px) / 1545)), 50px);
	font-weight: 500;
	font-size: 1.5vw;
}
#message .container .wrap p:last-child {margin-bottom: 0;}
@media only screen and ( max-width : 1024px ) {
	#message .block {padding: 8vw 2vw 25vw;}
	#message .block h3 {font-size: clamp(18px, calc(18px + 16 * ((100vw - 375px) / 1545)), 34px);}
	#message .container .wrap p {font-size: clamp(14px, calc(14px + 16 * ((100vw - 375px) / 1545)), 30px);}
}
@media only screen and ( max-width : 767px ) {
	#message .block {width: 90%;margin: 20px auto;padding: 7vw 2vw;}
	#message ul.bottom_list {position: initial;}
	#message ul li {width: 35.8%;}
	#message ul.top_list li:last-child {position: initial;}
	#message ul.bottom_list li:nth-child(1) {order: 4;position: relative;}
	#message ul.bottom_list li:nth-child(2) {order: 1;} 
	#message ul.bottom_list li:nth-child(3) {order: 2;} 
	#message ul.bottom_list li:nth-child(4) {order: 3;} 
	#message ul li:nth-child(1) span {top: 2vw;font-size: 2.1vw;}
}
/*--------------------------------------------------

	BUSINESS

--------------------------------------------------*/
#business {margin-bottom: 30px;}
#business .block {position: relative;}
#business .block::before {
	content: '';
	position: absolute;
	top: 47%;
	left: 0;
	transform: translateY(-50%);
	z-index: -1;
	width: 75%;
	height: 90%;
	border-radius: 3em;
	background: #E23130;
}
#business .block .title_common {position: relative;margin-bottom: 0;}
#business .block .title_common::after {
	content: '';
	position: absolute;
	top: 0;
	left: calc(50% - 50vw);
	z-index: -1;
	width: 35%;
	border-top: 5em solid #fff;
	border-right: 50px solid transparent;
}
#business .block .container {padding-top: 3%;}
#business .block .container .wrap {width: 60%;padding-top: 5%;text-align: center;}
#business .block .container .wrap figure {margin-bottom: clamp(30px, calc(30px + 30 * ((100vw - 375px) / 1545)), 60px);}
#business .block .container .wrap .content {
	display: inline-block;
	position: relative;
	padding: clamp(20px, calc(20px + 20 * ((100vw - 375px) / 1545)), 40px) clamp(20px, calc(20px + 30 * ((100vw - 375px) / 1545)), 50px);
	background: #fff;
}
#business .block .container .wrap .content::before,
#business .block .container .wrap .content::after {content: '';position: absolute;width: 5vw;height: calc(2.5vw / 2 * tan(60deg));background: #111;}
#business .block .container .wrap .content::before {top: 0;right: 0;clip-path: polygon(100% 0, 50% 0, 100% 100%);}
#business .block .container .wrap .content::after {bottom: 0;left: 0;clip-path: polygon(0 0, 50% 100%, 0 100%);}
#business .block .container ul {width: 33%;}
#business .block .container ul li:not(:last-child) {margin-bottom: clamp(40px, calc(40px + 50 * ((100vw - 375px) / 1545)), 90px);}
@media only screen and ( max-width : 767px ) {
	#business .block .container .wrap {width: 100%;margin-bottom: 30px;}
	#business .block .container ul {width: 100%;display: flex;gap: 20px;}
}
@media only screen and ( max-width : 500px ) {
	#business .block .title_common::after {width: 46%;border-top-width: 3em;}
}
/*--------------------------------------------------

	SERVICES

--------------------------------------------------*/
#service .block {position: relative;padding-bottom: 3%;}
#service .block::before {
	content: '';
	position: absolute;
	top: 3%;
	right: 0;
	z-index: -1;
	width: 75%;
	height: 100%;
	border-radius: 3em;
	background: #E23130;
}
#service .block .title_common {position: relative;margin-bottom: 0;text-align: right;}
#service .block .title_common::after {
	content: '';
	position: absolute;
	top: 0;
	right: calc(50% - 50vw);
	z-index: -1;
	width: 35%;
	border-top: 5em solid #fff;
	border-left: 50px solid transparent;
}
#service .block .container {flex-direction: row-reverse;align-items: flex-start;padding-top: 9%;}
#service .block .container .wrap {
	display: inline-block;
	position: relative;
	width: 34%;
	padding: clamp(20px, calc(20px + 20 * ((100vw - 375px) / 1545)), 40px) clamp(20px, calc(20px + 30 * ((100vw - 375px) / 1545)), 50px);
	padding-bottom: 5%;
	background: #fff;
	text-align: center;
}
#service .block .container .wrap h3 {
	margin-bottom: clamp(20px, calc(20px + 10 * ((100vw - 375px) / 1545)), 30px);
	font-weight: 500;
	font-size: clamp(18px, calc(18px + 7 * ((100vw - 375px) / 1545)), 25px);
}
#service .block .container .wrap .content p {
	margin-bottom: clamp(20px, calc(20px + 10 * ((100vw - 375px) / 1545)), 30px);
	font-size: clamp(15px, calc(15px + 5 * ((100vw - 375px) / 1545)), 20px);
}
#service .block .container .wrap .content p:last-child {margin-bottom: 0;}
#service .block .container .wrap .content::before,
#service .block .container .wrap .content::after {content: '';position: absolute;width: 5vw;height: calc(2.5vw / 2 * tan(60deg));background: #111;}
#service .block .container .wrap .content::before {top: 0;right: 0;clip-path: polygon(100% 0, 50% 0, 100% 100%);}
#service .block .container .wrap .content::after {bottom: 0;left: 0;clip-path: polygon(0 0, 50% 100%, 0 100%);}
#service .block .container ul {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: clamp(30px, calc(30px + 30 * ((100vw - 375px) / 1545)), 60px) clamp(20px, calc(20px + 120 * ((100vw - 375px) / 1545)), 140px);
	width: 60%;
}
#service .block .container ul li figure {margin-bottom: clamp(10px, calc(10px + 10 * ((100vw - 375px) / 1545)), 20px);}
#service .block .container ul li h4 {margin-bottom: 10px;font-size: clamp(15px, calc(15px + 5 * ((100vw - 375px) / 1545)), 20px);}
@media only screen and ( max-width : 767px ) {
	#service .block .container .wrap {width: 100%;margin-bottom: 30px;}
	#service .block .container ul {width: 100%;}
}
@media only screen and ( max-width : 500px ) {
	#service .block .title_common::after {width: 46%;border-top-width: 3em;}
}
/*--------------------------------------------------

	CULTURE

--------------------------------------------------*/
#culture .title_common {
	position: relative;
	max-width: 1598px;
	margin: 0 auto;
	padding-top: clamp(50px, calc(50px + 30 * ((100vw - 375px) / 1545)), 80px);
	padding-bottom: clamp(40px, calc(40px + 30 * ((100vw - 375px) / 1545)), 70px);
}
#culture .title_common::before {top: 0;}
#culture .title_common::after {bottom: 0;}
#culture ul {display: flex;border-top: 1px solid #111;border-bottom: 1px solid #111;}
#culture ul li {width: calc(100% / 3);padding: 4vw 3vw;border-right: 1px solid #111;}
#culture ul li:last-child {border-right: 0;}
#culture ul li figure {margin-bottom: 10%;}
#culture ul li .wrap {width: 95%;margin: 0 auto;}
#culture ul li .wrap h3 {margin-bottom: 7%;font-weight: 500;font-size: 1.4vw;}
#culture ul li .wrap p {font-size: .9vw;}
@media only screen and ( max-width : 767px ) {
	#culture ul {flex-wrap: wrap;justify-content: center;}
	#culture ul li {width: 50%;}
	#culture ul li:not(:last-child) {border-bottom: 1px solid #111;}
	#culture ul li:nth-child(2) {border-right: none;}
	#culture ul li .wrap h3 {font-size: 2.4vw;}
	#culture ul li .wrap p {font-size: 1.9vw;}
}
@media only screen and ( max-width : 500px ) {
	#culture ul li {width: 100%;border-right: none;}
	#culture ul li figure {margin-bottom: 20px;}
	#culture ul li .wrap h3 {
		margin-bottom: 15px;
		font-size: clamp(18px, calc(18px + 6 * ((100vw - 375px) / 1545)), 24px);
	}
	#culture ul li .wrap p {font-size: clamp(14px, calc(14px + 1 * ((100vw - 375px) / 1545)), 15px);}
}
/*--------------------------------------------------

	WORK STYLE

--------------------------------------------------*/
#work_style .title_common {text-align: right;}
#work_style ol {display: grid;grid-template-columns: repeat(3, 1fr);align-items: flex-start;width: 92%;margin: -8% auto 0;overflow: hidden;}
#work_style ol li {position: relative;border: 1px solid #111;border-right: none;}
#work_style ol li:nth-child(2) {margin-top: 30%;border-left: none;}
#work_style ol li:nth-child(3) {margin-top: 60%;border-right: 1px solid #111;border-left: none;}
#work_style ol li:nth-child(1)::before,
#work_style ol li:nth-child(2)::before {content: '';position: absolute;right: -2px;bottom: 0;z-index: 1;width: 4px;height: 20%;background: #fff;}
#work_style ol li:nth-child(2) .container {position: relative;}
#work_style ol li:nth-child(2) .container::before,
#work_style ol li:nth-child(2) .container::after {content: '';position: absolute;width: 1px;height: 100vw;background: #111;}
#work_style ol li:nth-child(2) .container::before {top: 0;right: 0;}
#work_style ol li:nth-child(2) .container::after {bottom: 0;left: 0;}
#work_style ol li .container .wrap {position: relative;padding: 2vw 4vw 4vw;overflow: hidden;}
#work_style ol li .container .wrap p.num {position: absolute;top: -1vw;left: -.5vw;color: #BBB;font-size: 5vw;line-height: 1;}
#work_style ol li .container .wrap figure {margin-bottom: 15%;text-align: center;}
#work_style ol li .container .wrap figure img {width: auto;height: 10vw;}
#work_style ol li .container .wrap h3 {margin-bottom: 7%;font-weight: 500;font-size: 1.4vw;}
#work_style ol li .container .wrap p {font-size: .9vw;}
@media only screen and ( max-width : 767px ) {
	#work_style ol {grid-template-columns: repeat(2, 1fr);}
	#work_style ol li:nth-child(1) {border-right: none;}
	#work_style ol li:nth-child(2) {margin-top: 50%;border-right: 1px solid #111;}
	#work_style ol li:nth-child(3) {margin-top: -40%;border-right: none;border-left: 1px solid #111;}
	#work_style ol li:nth-child(1)::after {content: '';position: absolute;top: 0;right: 0; width: 1px;height: 150vw;background: #111;}
	#work_style ol li:nth-child(2)::before {right: initial;left: -2px;}
	#work_style ol li:nth-child(2) .container::before,
	#work_style ol li:nth-child(2) .container::after {display: none;}
	#work_style ol li .container .wrap p.num {font-size: 7vw;}
	#work_style ol li .container .wrap h3 {font-size: 2.4vw;}
	#work_style ol li .container .wrap p {font-size: 1.9vw;}
}
@media only screen and ( max-width : 500px ) {
	#work_style ol {grid-template-columns: repeat(1, 1fr);}
	#work_style ol li:nth-child(1) {margin-top: 50px;border-right: 1px solid #111;}
	#work_style ol li:nth-child(2) {margin-top: 30px;border-left: 1px solid #111;}
	#work_style ol li:nth-child(3) {margin-top: 30px;border-right: 1px solid #111;}
	#work_style ol li:nth-child(1)::before,
	#work_style ol li:nth-child(1)::after,
	#work_style ol li:nth-child(2)::before {display: none;}
	#work_style ol li .container .wrap {padding: 30px 20px 40px;}
	#work_style ol li .container .wrap p.num {font-size: clamp(60px, calc(60px + 40 * ((100vw - 375px) / 1545)), 100px);}
	#work_style ol li .container .wrap figure {margin-bottom: 30px;}
	#work_style ol li .container .wrap figure img {height: 25vw;}
	#work_style ol li .container .wrap h3 {
		margin-bottom: 20px;
		font-size: clamp(18px, calc(18px + 6 * ((100vw - 375px) / 1545)), 24px);
	}
	#work_style ol li .container .wrap p {font-size: clamp(14px, calc(14px + 1 * ((100vw - 375px) / 1545)), 15px);}
}
/*--------------------------------------------------

	INTERVIEW

--------------------------------------------------*/
#interview {border-top: 1px solid #111;background: #F5F5F5;}
#interview .title_common {
	padding-bottom: clamp(50px, calc(50px + 50 * ((100vw - 375px) / 1545)), 100px);
	border-bottom: 1px solid #111;
	text-align: center;
}
#interview ul {display: flex;width: 140vw;margin: 0 calc(50% - 70vw);}
#interview ul li {position: relative;width: 60%;}
#interview ul li .img_wrap {position: relative;width: 95%;}
#interview ul li:nth-child(2) .img_wrap {margin-left: auto;}
#interview ul li .img_wrap .circle img {animation: rotation 30s linear infinite;}
@keyframes rotation {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}
#interview ul li .img_wrap figure {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 70%;}
#interview ul li .txt_wrap {
	display: inline-flex;
	align-items: center;
	gap: 3vw;
	position: absolute;
	padding: 2vw;
	border: 1px solid #111;
	background: #fff;
}
#interview ul li:nth-child(1) .txt_wrap {right: 0;bottom: 20%;}
#interview ul li:nth-child(2) .txt_wrap {bottom: 10%;left: 0;}
#interview ul li .txt_wrap dl {margin-bottom: 5%;padding-bottom: 3%;border-bottom: 1px solid #111;}
#interview ul li .txt_wrap dl dt {font-size: 1vw;letter-spacing: .1em;}
#interview ul li .txt_wrap dl dd {font-size: 2vw;letter-spacing: .1em;}
#interview ul li .txt_wrap p {font-weight: 500;font-size: 1vw;letter-spacing: .1em;}
#interview ul li .txt_wrap .plus {position: relative;width: 6vw;height: 6vw;border-radius: 50%;background: #111;}
#interview ul li .txt_wrap .plus::before,
#interview ul li .txt_wrap .plus::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	background: #F30100;
	border-radius: .5em;
}
#interview ul li .txt_wrap .plus::before {width: 5%;height: 60%;}
#interview ul li .txt_wrap .plus::after {width: 60%;height: 5%;}
@media only screen and ( max-width : 767px ) {
	#interview ul {display: block;}
	#interview ul li {width: 70%;}
	#interview ul li:nth-child(2) {margin-left: auto;}
	#interview ul li .txt_wrap dl dt {font-size: 3vw;}
	#interview ul li .txt_wrap dl dd {font-size: 4vw;}
	#interview ul li .txt_wrap p {font-size: 3vw;}
}
/*--------------------------------------------------

	CHARACTER
	
--------------------------------------------------*/
#character .block {
	position: relative;
	width: 95%;
	margin: 0 auto;
	padding: clamp(50px, calc(50px + 50 * ((100vw - 375px) / 1545)), 100px) 20px 25%;
	border: solid #BBB clamp(10px, calc(10px + 10 * ((100vw - 375px) / 1545)), 20px);
	border-radius: clamp(50px, calc(50px + 300 * ((100vw - 375px) / 1545)), 350px);
	overflow: hidden;
	text-align: center;
}
#character .block .inner {width: 100%;text-align: center;}
#character .block .title_common {margin-bottom: clamp(50px, calc(50px + 30 * ((100vw - 375px) / 1545)), 80px);text-align: center;}
#character .block ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: clamp(50px, calc(50px + 20 * ((100vw - 375px) / 1545)), 70px) clamp(20px, calc(20px + 80 * ((100vw - 375px) / 1545)), 100px);
}
#character .block ul li {position: relative;}
#character .block ul li::before {
	content: '';
	position: absolute;
	top: -20%;
	left: 50%;
	z-index: -1;
	transform: translateX(-50%);
	width: clamp(80px, calc(80px + 80 * ((100vw - 375px) / 1545)), 160px);
	height: clamp(80px, calc(80px + 80 * ((100vw - 375px) / 1545)), 160px);
	border-radius: 50%;
	background: #FFE8E6;
}
#character .block ul li h3 {font-size: clamp(20px, calc(20px + 16 * ((100vw - 375px) / 1545)), 36px);text-align: center;}
#character .block ul li h3 span {
	display: block;
	margin-bottom: 10px;
	font-size: clamp(20px, calc(20px + 10 * ((100vw - 375px) / 1545)), 30px);
	letter-spacing: .045em;
	text-align: center;
}
#character .block ul li:nth-child(1) h3 span,
#character .block ul li:nth-child(6) h3 span {color: #F30100;}
#character .block ul li:nth-child(2) h3 span,
#character .block ul li:nth-child(4) h3 span {color: #98B944;}
#character .block ul li:nth-child(3) h3 span,
#character .block ul li:nth-child(5) h3 span {color: #653D87;}
#character .block ul li p {text-align: center;}
#character .block img {
	display: block;
	width: clamp(20px, calc(20px + 20 * ((100vw - 375px) / 1545)), 40px);
	margin: clamp(30px, calc(30px + 20 * ((100vw - 375px) / 1545)), 50px) auto;
}
#character .block .wrap {
	display: inline-block;
	position: relative;
	padding: clamp(10px, calc(10px + 10 * ((100vw - 375px) / 1545)), 20px) clamp(20px, calc(20px + 20 * ((100vw - 375px) / 1545)), 40px);
}
#character .block .wrap::before,
#character .block .wrap::after {content: '';position: absolute;width: 5vw;height: calc(2.5vw / 2 * tan(60deg));background: #111;}
#character .block .wrap::before {top: 0;left: 0;clip-path: polygon(0 0, 50% 0, 0 100%);}
#character .block .wrap::after {bottom: 0;right: 0;clip-path: polygon(100% 0, 100% 100%, 50% 100%);}
#character .block .wrap p {
	font-size: clamp(14px, calc(14px + 4 * ((100vw - 375px) / 1545)), 18px);
	text-align: center;
	letter-spacing: .021em;
}
#character .block .en {
	position: absolute;
	bottom: 10.5vw;
	left: 50%;
	transform: translate(-50%, 50%);
	width: 100vw;
	color: #E0E0E0;
	font-size: 28.4vw;
	line-height: 1;
}
@media only screen and ( max-width : 1024px ) {
	#character .block ul {grid-template-columns: repeat(2, 1fr);}
}
@media only screen and ( max-width : 500px ) {
	#character .block ul {grid-template-columns: repeat(1, 1fr);}
}
/*--------------------------------------------------

	INFOGRAPHICS

--------------------------------------------------*/
#infographics {
	margin-bottom: clamp(70px, calc(70px + 100 * ((100vw - 375px) / 1545)), 170px);
	padding-top: clamp(50px, calc(50px + 20 * ((100vw - 375px) / 1545)), 70px);
	background: #E23130;
}
#infographics .title_common h2::before {background: #fff;}
#infographics ul {display: grid;grid-template-columns: repeat(4, 1fr);border-top: 3px solid #fff;}
#infographics ul li {position: relative;border-right: 3px solid #fff;}
#infographics ul li::before {content: '';display: block;padding-top: 100%;}
#infographics ul li:nth-child(9)::before,
#infographics ul li:nth-child(10)::before {display: none;}
#infographics ul li:last-child {border-right: 0;}
#infographics ul li .wrap {position: absolute;top: 15%;left: 50%;transform: translateX(-50%);width: 65%;height: 70%;}
#infographics ul li .wrap h3 {
	width: 10vw;
	margin-bottom: 8%;
	padding: .8vw 0;
	border: 2px solid #111;
	border-radius: 2em;
	background: #fff;
	color: #F30100;
	font-weight: 500;
	font-size: 1.1vw;
	text-align: center;
}
#infographics ul li .wrap figure {margin-left: auto;}
#infographics ul li:nth-child(1) .wrap figure {width: 54%;}
#infographics ul li:nth-child(2) .wrap figure {width: 57%;}
#infographics ul li:nth-child(3) .wrap figure {width: 53%;}
#infographics ul li:nth-child(4) .wrap figure {width: 62%;margin-top: -10%;}
#infographics ul li .wrap p {
	display: flex;
	align-items: flex-end;
	gap: .5vw;
	position: absolute;
	bottom: 0;
	left: 0;
	font-weight: 500;
	font-size: 1.6vw;
}
#infographics ul li .wrap p span {color: #fff;font-weight: 800;font-size: 3.1em;}
@media only screen and ( max-width : 767px ) {
	#infographics ul {grid-template-columns: repeat(2, 1fr);}
	#infographics ul li:nth-child(1) {border-bottom: 3px solid #fff;}
	#infographics ul li:nth-child(2) {border-bottom: 3px solid #fff;border-right: none;}
	#infographics ul li .wrap h3 {width: 18vw;font-size: 2.2vw;}
	#infographics ul li .wrap p {font-size: 3.5vw;}
}
/*--------------------------------------------------

	ENTRY │ エントリー

--------------------------------------------------*/
#entry {background: #E0E0E0;}
#entry .title_common {margin-bottom: clamp(50px, calc(50px + 20 * ((100vw - 375px) / 1545)), 70px);text-align: center;}
#entry .title_common h2::before {left: -10%;}
#entry .wrap .content {margin-bottom: clamp(40px, calc(40px + 30 * ((100vw - 375px) / 1545)), 70px);}
#entry .wrap .content p {
	font-weight: 500;
	font-size: clamp(18px, calc(18px + 12 * ((100vw - 375px) / 1545)), 30px);
	text-align: center;
}
#entry .wrap ul {max-width: 994px;margin: 0 auto;}
#entry .wrap ul li {width: 46%;}
#entry .wrap ul li a:hover {opacity: .5;}
@media only screen and ( max-width : 500px ) {
	#entry .wrap ul li {width: 48%;}
}