@charset "UTF-8";

/* --------------------------------------------------- */
/* content width */

.lay_lqd:before,
.lay_lqd:after { content: " "; display: table; }
.lay_lqd:after { clear: both; }
.lay_lqd {

	max-width: 1100px;
	margin-right: auto;
	margin-left: auto;
}

/* spview */
@media screen and (max-width:680px) {

	.lay_lqd {max-width:none;}
}


/*  width 管理  */
.mywidth{
	width:1100px;
	margin-left:auto;
	margin-right:auto;
}
@media screen and (max-width:680px){
	.mywidth{
		width:100%;
		padding:0 10px;
	}
	.sp-scroll {
		overflow-x:auto;
	}
}

/* --------------------------------------------------- */

#wrapper {
	width: 100%;
	overflow-x:hidden;
}


/*----------------------------------------------------
	header
----------------------------------------------------*/
#header{
	width:100%;
	position:relative;
}
#header .logo h1 {
	display: inherit;
}
#header .mywidth {
    width: 100%;
    max-width: 1100px;
}
.head-content{
	position:relative;
	margin: 10px auto 5px;
}
.head-content .logo-wrap {
	width:100%;
}
.head-content h1 a,
.head-content .logo a {
	display:flex;
	align-items:center;
	flex-wrap: wrap;
	width: 100px;
}
.head-content .logo a.title img {
	width: 150px;
	height: 40px;
	margin-top: 5px;
	margin-left: 50px;
}
.head-content .logo a p {
	width: 100%;
	font-size: 11px;
	color: #000;
}
.head-content h1 a > span,
.head-content .logo a > span {
	font-size:11px;
	margin-left:10px;
	color: #212121;
}
.head-content h1 a span span,
.head-content .logo a span span {
	color:#ff7800;
	font-size:11px;
}
.head-content .title {
	position:relative;
}
.head-content .tel-wrap {
	min-width:780px;
	margin-top: 10px;
}
.head-content .tel-wrap .tel {
	font-size:24px;
	font-weight:bold;
	position:relative;
	line-height:1em;
	padding-right: 30px;
}
.head-content .tel-wrap .tel i {
	font-size:28px;
	color:#329f2e;
	margin-right:7px;
	position:relative;
	top:3px;
}
.head-content .tel-wrap .tel span {
	font-size:10px;
	white-space:nowrap;
	position:relative;
	top:-10px;
	left:-6px;
	font-weight:normal;
}
.head-content .tel-wrap a.btn {
	width:240px;
	min-width:240px;
	height:32px;
	margin-left:20px;
	margin-right:20px;
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
	background:#ff7800;
	font-size:13px;
	border-radius:3px;
}
.head-content .tel-wrap a.btn i {
	color:#fff;
	margin-right:10px;
}
#header .sub-navi {
	min-width:300px;
	position:relative;
	top:-20px;
}
#header .top-text a {
	font-size: 11px;
    color: #212121;
    text-align: right;
    padding: 20px 0 5px;
    margin-left: 15px;
    white-space: nowrap;
}
#header .top-text a i {
	font-size:10px;
	color:#757575;
	margin-right:5px;
}
#header .sub-navi .bottom-navi {
	width:100%;
	margin-top:5px;
}
#header .sub-navi .bottom-navi a {
	font-size:13px;
	color: #212121;
	font-weight:bold;
	padding:5px 25px;
	border-left:1px dotted;
	border-right:1px dotted;
	display:flex;
	align-items:center;
	justify-content:center;
	white-space:nowrap;
}
#header .sub-navi .bottom-navi a:first-child {
	border-right:none;
}
#header .sub-navi .bottom-navi a img {
	padding-right:7px;
}


.head-content .tel-wrap.tab-only {
    display: none;
}
@media screen and (max-width:1100px){
	.head-content .logo a.title img {
		margin-left: 0;
	}
}

@media screen and (max-width:680px){
	.head-content .logo a p {
		display: none;
	}
	.head-content .logo a.title img {
		width: 138px;
		height: 35px;
		margin-left: 15px;
	}
	#header .sub-navi {
		position: absolute;
		width: 100%;
        top: 40px;
        left: 0;
        display: flex;
        justify-content: center;
		border-bottom:3px solid;
		padding-bottom: 5px;
	}
	#header .sub-navi .bottom-navi a {
		border: 2px solid #ff7800;
		width: 150px;
	}
	#header .sub-navi .bottom-navi a:first-child {
		margin-right: 10px;
		border-right: 2px solid #ff7800;
	}
	/* #header .sub-navi {
		top: auto;
		min-width: 150px;
	}
	#header .sub-navi > .mt10 {
		margin-top: 0;
	}
	#header .sub-navi .bottom-navi a {
		border: none;
		padding: 5px 0;
		flex-wrap: wrap;
		font-size: 10px;
		position: relative;
	}
	#header .sub-navi .bottom-navi a span.head_cnt{
		position: absolute;
		width: 20px;
		height: 20px;
		display: inline-block;
		border-radius: 10px;
		color: #fff;
		background: #f70;
		text-align: center;
		right: 0;
		top: -5px;
	}
	#header .sub-navi .bottom-navi a span.head_cnt::before,
	#header .sub-navi .bottom-navi a span.head_cnt::after {
		display: none;
	}
	#header .sub-navi .bottom-navi a i{
		width: 100%;
		text-align: center;
	}
	#header .sub-navi .bottom-navi a i::before{
		width: 20px;
		height: 20px;
	} */
}

/* タブレットサイズ修正 */
@media only screen and (min-width: 681px) and (max-width: 1100px) {
	
	.head-content {	margin: 10px auto;}
	.head-content .logo-wrap { width: auto;}
	.head-content h1 a , .head-content .logo a {flex-direction: column;}
	
	/* .head-content .tel-wrap.pc-only {display: none;	}*/
	.head-content .tel-wrap.pc-only {
		min-width: inherit;
		display: inherit;
	}
	
	.head-content .tel-wrap .tel {
		font-size: 16px;
		line-height: 1em;
	}
	.head-content .tel-wrap .tel i {font-size: 22px;}
	.head-content .tel-wrap .tel span.time {
		position: static;
		display: block;
	}
	
	.head-content .tel-wrap a.btn {
		width: auto;
		min-width: inherit;
		padding: 0 10px;
		margin: 0 10px 0 5px;
		white-space: nowrap;
	}
	.head-content .tel-wrap a.btn i {
		margin-right: 6px;
		font-size: 8px;
	}
	
	
	#header .sub-navi {
		position: static;
	}
	
	#header .sub-navi .top-text {/*padding-right: 5px;*/}
	#header .sub-navi .bottom-navi a {
		font-size: 12px;
		padding: 5px 10px;
	}
	
}
/* タブレットサイズ修正 */
@media only screen and (min-width: 731px) and (max-width: 1100px) {
	.head-content .tel-wrap a.btn {
		width: auto;
		min-width: inherit;
		padding: 0 10px;
		margin: 0 10px 0 5px;
		white-space: nowrap;
	}
	#header .sub-navi .bottom-navi a {
		font-size: 12px;
		padding: 5px 10px;
	}
}
@media only screen and (min-width: 681px) and (max-width: 730px) {
	.head-content .logo a {
		width: 145px;
	}
	.head-content .logo a img {
		width: 100%;
	}
	.head-content .tel-wrap a.btn {
		padding: 0 10px;
		margin: 0 5px 0 0;
	}
	#header .sub-navi .bottom-navi a {
		font-size: 11px;
		padding: 5px 5px;
	}
}



@media screen and (max-width:680px){
	#header{
		width:100%;
		position:relative;
		z-index:110;
	}
	#header .mywidth {
		padding-top:12px!important;
	}
	.head-content {
		/* position:fixed; */
		top:0;
		left:0;
		right:0;
		background:#fff;
		min-height:60px;
		margin:0;
		z-index:9;
	}
	.head-content .tel-wrap.tab-only {
		display: none;
	}
	.head-content .logo-wrap {
		width:100%;
		padding:0 10px;
	}
	.head-content h1 {
		min-width:200px;
		margin-right:0px;
	}
	.head-content .title img {
		width:120px;
	}
	.head-content h1 a > span,
	.head-content .logo a > span {
    font-size: 10px;
    margin-left: 10px;
	}
	.head-content h1 a > span span,
	.head-content .logo a > span span {
    font-size: 10px;
	}
	.head-content .tel-wrap {
		min-width:auto;
		margin-top: 0px;
	}
	.head-content .tel-wrap .tel {
		line-height:0.6;
	}
	.head-content .tel-wrap .tel span{
		font-weight: bold;
	}
	.head-content .tel_ico {
		position:absolute;
		right:50px;
		top:24px;
	}
	.head-content .tel_ico img{
		width: 26px;
		height: 26px;
	}
}


/*----------------------------------------------------
	sp ハンバーガーメニューcss
----------------------------------------------------*/
.menu-ani-button{
	cursor: pointer;
	position: absolute;
	right: 15px;
	width:30px;/*---線の長さ---*/
	height:25px;/*---線の太さ長さによって調整---*/
	/* margin-top:-10px; */
	margin-top: -15px;
}
.bar,.bar:before,.bar:after{
	height: 3px;/*---線の太さ---*/
	border-radius:3px;
	width: 100%;
	background-color: #555;
	transition: all .25s;
	position: absolute;
}
.bar {
	left: 0;
	top: 10px;
}
.bar:before {
	content: "";
	left: 0;
	top: -10px;
}
.bar:after {
	content: "";
	left: 0;
	top: 10px;
}

.menu-animated .bar {
	background-color: transparent;
	transition: all .25s;
}
.menu-animated .bar:before {
	transition: all .25s;
	content: "";
	transform: rotate(45deg);
	top: 0px;
}
.menu-animated .bar:after {
	transition: all .25s;
	content: "";
	transform: rotate(-45deg);
	top: 0px;
}



/* #header_nav */
#header_nav {
	display: none;
}
#header_nav {
	width:auto;
	padding: 10px 30px;
	/* sp view basic style */
	background-color:#fff;
	box-shadow:0px 3px 3px 0px rgba(6,6,7,0.11);
	-moz-box-shadow:0px 3px 3px 0px rgba(6,6,7,0.11);
	-webkit-box-shadow:0px 3px 3px 0px rgba(6,6,7,0.11);
	position:absolute;
	top: 60px !important;
	right:0;
	z-index:998;
	border: solid 1px #cdcdcd;
}
#header_nav li {
	border-bottom: 1px dotted #333;
}
#header_nav li a {
	font-size: 13px;
	display: block;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 0px;
	color: #108e4d;
}

/* spview */
/* when use menu button */
@media screen and (max-width:680px) {

	.menu-ani-button{
		margin-top: -10px;
	}

	#header_nav { display:block; }

	/* #header_nav */
	#header_nav {
		width:100%;
		padding:0;

		/* sp view basic style */
		background-color:#fff;
		box-shadow:0px 3px 3px 0px rgba(6,6,7,0.11);
		-moz-box-shadow:0px 3px 3px 0px rgba(6,6,7,0.11);
		-webkit-box-shadow:0px 3px 3px 0px rgba(6,6,7,0.11);

		/* for drop down */
		display:none;
		position:absolute;
		top: 60px !important;
		left:0;
		z-index:998;

		border-bottom: solid 1px #cdcdcd;
		border-top: solid 1px #cdcdcd;
		border-left: none;
		border-right: none;
	}
	
	#header_nav li {
		border-bottom: 1px dotted #333;
	}
	#header_nav li a {
		font-size: 13px;
		display: block;
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 10px;
		color: #108e4d;
	}
}







/*----------------------------------------
ナビゲーションPC(ヘッダー)
----------------------------------------*/
#head-navi-pc {
	padding:12px 0;
	border-top:1px solid #018b48;
	border-bottom:1px solid #018b48;
	-webkit-background-size: 4px 4px;
-moz-background-size: 4px 4px;
background-size: 4px 4px;
background-color: #66b13d;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,
            color-stop(.25, #63ac3b), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #63ac3b),
            color-stop(.75, #63ac3b), color-stop(.75, transparent),
            to(transparent));
background-image: -webkit-linear-gradient(-45deg, #63ac3b 25%, transparent 25%,
          transparent 50%, #63ac3b 50%, #63ac3b 75%,
          transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, #63ac3b 25%, transparent 25%,
          transparent 50%, #63ac3b 50%, #63ac3b 75%,
          transparent 75%, transparent);
background-image: -ms-linear-gradient(-45deg, #63ac3b 25%, transparent 25%,
          transparent 50%, #63ac3b 50%, #63ac3b 75%,
          transparent 75%, transparent);
background-image: -o-linear-gradient(-45deg, #63ac3b 25%, transparent 25%,
          transparent 50%, #63ac3b 50%, #63ac3b 75%,
          transparent 75%, transparent);
background-image: linear-gradient(-45deg, #63ac3b 25%, transparent 25%,
          transparent 50%, #63ac3b 50%, #63ac3b 75%,
          transparent 75%, transparent);
}
#head-navi-pc ul {
	display:table;
	table-layout:fixed;
	border-collapse:collapse;
}
#head-navi-pc ul li {
	display:table-cell;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}
#head-navi-pc ul li a {
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:17px;
	font-weight:bold;
	transition:0.3s;
	color:#fff;
	padding:3px;
}
#head-navi-pc ul li a i {
	color:#fff;
	font-size:18px;
	margin-right:7px;
}
#head-navi-pc ul li a:hover {
	opacity:0.7;
}


/*----------------------------------------
ナビゲーションSP(ヘッダー)
----------------------------------------*/
#head-navi-sp{
	display:none;
	min-width:630px;
}
#head-navi-sp > ul{
	display:flex;
	justify-content:space-between;
}
#head-navi-sp > ul > li {
	list-style:none;
	padding:0 20px;
}
#head-navi-sp > ul > li:first-child {
	border-top:none;
}
#head-navi-sp > ul > li > a {
	font-size:15px;
	font-weight:bold;
}
#head-navi-sp > ul > li > a:hover {
	opacity:0.5;
}
@media screen and (max-width:680px){
	#head-navi-sp{
		display:none;
		width:100%;
		background:#fff;
		position:absolute;
		top:60px;
		left:0;
		right:0;
		min-width:0;
	}
	#head-navi-sp > ul{
		display:block;
		overflow-y: scroll;
	}
	#head-navi-sp > ul > li {
		list-style:none;
		border-bottom: 1px dotted;
	}
	#head-navi-sp > ul > li:first-child {
		border-top:none;
	}
	#head-navi-sp > ul > li > a {
		font-size:13px;
		display: block;
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 10px;
		color: #108e4d;
	}
	#head-navi-sp > ul > li > a:hover {
		opacity:0.5;
	}
}




/*----------------------------------------------------
	footer
----------------------------------------------------*/
#footer{
	width:100%;
	background:#108e4d;
	padding:24px 15px;
/*	margin-bottom: 100px
*/
}
/*#footer.home { margin-bottom: 0;}*/
.foot-content {
	display:flex;
	max-width:1400px;
	margin-bottom: 30px;
	flex-wrap: wrap;
}
.foot-contact-wrap {
	margin-bottom:60px;
}
.foot-contact-wrap .title {
	font-size:28px;
}
.foot-contact-wrap .add-text {
	font-size:16px;
	color:#7c7c7c;
}
.foot-contact-wrap .maru-btn01 {
	max-width:240px;
}
.foot-contact-wrap .tel {
	font-size:26px;
	font-weight:bold;
}
.foot-contact-wrap .tel:before {
	content:"\f095";
	font-family:"FontAwesome";
	font-size:28px;
	position:relative;
	top:1px;
	padding-right:3px;
}
.footer-com {
	display: flex;
	justify-content: center;
	align-items: center;
}
/* footer フローティングボタン・トップに戻る  */
/*
#follow-fotter {
	position:fixed;
	bottom:0;
	width:100%;
	background:rgba(0,0,0,0.7);
	padding:0 0 0 0;
	z-index:100;
}
#follow-fotter .flex {
    max-width: 1100px;
    margin: 0 auto;
    padding: 25px 30px;
}
#follow-fotter .box {
	width: 48.5%;
    max-width: 480px;
}
*/
.foot-button1,.foot-button2 {
	height:50px;
}
.foot-button1 {
	border-radius: 5px;
    padding: 10px 2px;
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 22px;
    line-height: 1.4em;
    background: #fff;
	pointer-events: none;
}
.foot-button1 i {
	font-size:24px;
	padding-right:5px;
	position:relative;
	top:2px;
	color:#319f2d;
}
.foot-button2 {
	border-radius:5px;
	padding:0px 10px 0px 0px;
	display: flex;
    align-items: center;
    justify-content:center;
	text-align:center;
	font-size:16px;
	position:relative;
	/*background:url(../images/btn-bg03.png) no-repeat center / cover;*/
	background: #f00000;
	color:#fff;
	border:1px solid #fff;
	font-weight:bold;
}
.foot-button2 i {
	position:relative;
	font-size:14px;
	color:#fff;
	margin-right:5px;
}
#scroll-top a {
	border-radius: 50%;
	bottom: 70px;
	display: flex;
	align-items:center;
	justify-content:center;
	float: right;
	height: 70px;
	width: 70px;
	padding: 5px;
	position: fixed;
	right: 30px;
}
#scroll-top a:before {
	content:"\f106";
	font-family:"FontAwesome";
	color:#fff;
	font-size:30px;
	position:relative;
	top:-2px;
}
.copy {
	text-align:center;
	margin-top:0px;
	position:relative;
	white-space:nowrap;
	font-size:14px;
	letter-spacing:0.4px;
}

/* タブレットサイズ修正 */
@media only screen and (min-width: 681px) and (max-width: 1100px) {
	.foot-content {
		flex-direction: column;
	}
	.copy {
		text-align: right;
		margin-top: 10px;
	}
}
@media screen and (max-width:680px){
	#footer{
		padding:24px 0px;
	/*	margin-bottom: 65px;
*/		overflow:hidden;
	}
	#footer.home {
/*		margin-bottom: 65px;
*/	}
	.foot-content {
		flex-direction:column;
		margin-bottom: 0;
	}
	#follow-fotter .flex {
		padding: 10px 10px;
	}
	.foot-button1 {
		font-size: 17px;
		pointer-events: auto;
	}
	.foot-button2 {
		font-size: 13px;
		line-height: 1.2em;
		background: #f00000;
	}
	.foot-button1, .foot-button2 {
		height: 45px;
	}
	.foot-button1 i {
		font-size: 18px;
	}
	#scroll-top a {
		display:none;
	}
	.copy {
		text-align:center;
		padding:20px 10px 0px;
		margin-top:10px;
		white-space: normal;
	}
	.foot-sw-wrap {
		padding-top: 24px;
	}
	
	.detail #follow-fotter .box.tel,
	.detail #follow-fotter .box.line {
		width: 23%;
	}
	.detail .foot-button1 {
		padding: 8px 0;
	}
	.detail .foot-button1 i {
		font-size: 26px;
	}
	.detail #follow-fotter .box.tel a {
		position: relative;
	}
	.detail #follow-fotter .box.tel a:before {
		content: "";
		display: inline-block;
		width: 28px;
		height: 28px;
		background: url(../images/icon_detail_tel.png) no-repeat;
		background-size: contain;
	}
	
	
}


/*----------------------------------------
ナビゲーションPC(フッター)
----------------------------------------*/
#foot-navi{ 
	width: 100%;
	margin-bottom: 20px;
 }
#foot-navi > .ul-wrap  {
}
#foot-navi > .ul-wrap > ul {
	display: flex;
}
#foot-navi > .ul-wrap > ul > li {
	padding-right:8px;
}
#foot-navi > .ul-wrap > ul > li:after {
	content:"";
	display:inline-block;
	width:1px;
	height:10px;
	background:#fff;
	margin-left:8px;
	position:relative;
	top:2px;
}
#foot-navi > .ul-wrap > ul > li > a {
	padding: 5px 0;
	font-size:14px;
	color:#fff;
	transition:0.3s;
}
#foot-navi > .ul-wrap > ul > li > a:hover {
	opacity:0.5;
}

.footer-sns .title {
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    padding: 10px 0 0;
}

.footer-sns > ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
	margin-top: 5px;
}

.footer-sns > ul > li {
    width: 30px;
    height: 30px;
    margin-right: 15px;
}

.footer-sns > ul > li a {
    display: block;
}

.footer-sns > ul > li a img {
    width: 30px!important;
    height: 30px!important;
    object-fit: contain;
    padding: 0;
}

/*----------------------------------------
ナビゲーションSP(フッター)
----------------------------------------*/
@media screen and (max-width:680px) {
	#foot-navi > .ul-wrap > ul {
		flex-direction: column;
	}
	#foot-navi > .ul-wrap > ul > li {
		background: #fff;
	}
	#foot-navi > .ul-wrap > ul > li:after {content: none;}
	#foot-navi > .ul-wrap > ul > li > a {
		display: block;
		font-size: 0.875rem;
		color: #555;
		padding: 15px 0 15px 32px;
		border-top: 1px solid #FFF;
		border-bottom: 1px solid #AFAFAF;
		background: url(../images/top_111.png) no-repeat 95% center;
		text-shadow: 0px -1px 0px #FFF !important;
		z-index: 101;
	}
	#foot-navi > .ul-wrap > ul > li > a:hover {
		opacity:0.5;
	}

}






/* --------------------------------------------------- */

/* back to top navi */
#pagetop {
	position:fixed;
	bottom: 80px;
	right: 30px;
	z-index: 1000;
}
#pagetop a {
	display: block;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    padding: 13px 0 0;
    font-size: 150%;
}
#pagetop a:hover {}

#pagetop2 {
	position:fixed;
	top: 0;
	right: 0;
	z-index: 1000;
	width: 100%;
	padding: 10px 0 15px;
	background: #fff;
	border-bottom: solid 2px #018b48;
	box-shadow: 0 4px 0 rgba(0,0,0,.11);
	}
#pagetop2 .box_btn_head{
	width: 100%;
	max-width: 940px;
	margin: 0 auto;
	}
#pagetop2 .box_btn_head ul{
	width: 100%;
	text-align: right;
		}
#pagetop2 .box_btn_head ul li{
	display: inline-block;
			}

#pagetop2 .box_btn_head ul li a{
	padding: 10px 25px;
			}



/* spview */
@media screen and (max-width:680px) {

	#pagetop {
	/*	display: none !important; */
	}
	#pagetop a {}
	#pagetop a:hover {}

	#pagetop2 {

		padding: 12px 0;
		background: rgba(255,255,255,.85);
		border-top: solid 2px #1D64C3;
		bottom: 0;
		top: unset;
	}


	#pagetop2 .box_btn_head ul {

		text-align: center;
	}

	#pagetop2 .box_btn_head ul li {

		width: 46%;
	}

	#pagetop2 .box_btn_head ul li a {

		padding: 10px 0 !important;
	}

}



/* フッター しごとWEBへの導線 */
.foot-sw-wrap {
    /*padding-top: 24px;*/
    color: #fff;
}
.foot-sw-wrap a img {
    width: 155px;
    height: auto;
}
.foot-sw-wrap p {
    font-size: 12px;
	line-height: 1.5em;
    padding-left: 15px;
	white-space: nowrap;
}
/* spview */
@media screen and (max-width:680px) {
	.foot-sw-wrap p {
		text-align: center;
		padding-left: 0;
		padding-top: 5px;
	}
	
}






.disable-auto-tel a[href^="tel:"] {
  color: inherit;
  text-decoration: none;
  pointer-events: none;
}



/* 主要3エリアボタン */
.pref-featured {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
  margin: 16px 0 24px;
}

.pref-featured__item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5em;
  padding: .85em 1.5em;        /* 少し大きめ */
  font-size: 18px;              /* 少し大きめ */
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  border-radius: 10px;
  background: #228b8d;          /* 青寄りの緑（ティール） */
  color: #fff;                  /* 白文字 */
  border: 2px solid #228b8d;
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
  transition: background .2s ease, color .2s ease, transform .06s ease;
  min-width: 240px;
  text-align: center;
}

.pref-featured__item .icon {
  font-size: 28px;              /* アイコンを大きめに */
  line-height: 1;
  color: currentColor;          /* 文字と同色（白→ホバーで緑） */
}

.pref-featured__item .icon {
  display: inline-block;
  margin-right: .5em;
  border: solid currentColor;
  border-width: 0 4px 4px 0;
  padding: 6px;
  transform: rotate(-45deg); /* 右矢印に変換 */
}


/* 反転ホバー：白背景＋緑文字 */
.pref-featured__item:hover {
  background: #fff;
  color: #228b8d;
}

.pref-featured__item:active {
  transform: translateY(1px);
}

/* スマホ最適化 */
@media (max-width: 480px) {
  .pref-featured__item { min-width: 100%; }
}