@charset "utf-8";

.is-txt-hgreen{color:#468C4B;}


/* index */
.advantage-box{
	border: 2px dashed #468C4B;border-radius:.5rem;
	margin-top: 4rem;
	width: 100%;
}


.tit-advantage{
	background-color: #468C4B;color:#FFF;
	font-size: 1.125em;line-height: 1.5;text-align: center;
	font-weight: 900;
	margin: -4rem auto 0;padding: 0.5rem;
	width: 12rem;height: 12rem;
	display: flex;justify-content:center;align-items:center;
	position: relative;
}
	@media only screen and (max-width:991px)	{.tit-advantage{width: 9rem;height: 9rem;font-size: 1em;}}

.tit-advantage:before{display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity:.25;font-family: 'Font Awesome\ 5 Pro';font-size: 8rem;line-height: 1;display: flex;justify-content:center;align-items:center;}
	@media only screen and (max-width:991px)	{.tit-advantage:before{font-size: 6rem;}}


.ap-advantage,.ap-advantage:hover,.ap-advantage:active,.ap-advantage:focus{
	background-color: #468C4B;color:#FFF;
	font-size: 1.125em;line-height: 1.5;text-align: center;
	font-weight: 900;
	padding: 0.5rem;
	width: 100%;height: 12rem;
	display: flex;justify-content:center;align-items:center;
	position: relative;
	opacity:.75;

	}
	@media only screen and (max-width:991px)	{.ap-advantage,.ap-advantage:hover,.ap-advantage:active,.ap-advantage:focus{height: 9rem;font-size: 1em;}}
	@media only screen and (max-width:575px)	{.ap-advantage,.ap-advantage:hover,.ap-advantage:active,.ap-advantage:focus{height: 6rem;font-size: .75em;}}

.ap-advantage:hover,.ap-advantage:active,.ap-advantage:focus{opacity:1;}


.ap-advantage:before{display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity:.25;font-family: 'Font Awesome\ 5 Pro';font-size: 8rem;line-height: 1;display: flex;justify-content:center;align-items:center;}
	@media only screen and (max-width:991px)	{.ap-advantage:before{font-size: 6rem;}}
	@media only screen and (max-width:575px)	{.ap-advantage:before{font-size: 4rem;}}



.advantage-box .box-body{padding: 1.5rem;}
	@media only screen and (max-width:991px)	{.advantage-box .box-body{padding: 1rem;}}


.tit-icon{
	background-color: #468C4B;color:#FFF;
	font-size: 1.125em;line-height: 1.5;text-align: center;
	font-weight: 900;
	margin-right: 1rem;padding: 0.5rem;
	width: 8rem;height: 8rem;
	display: flex;justify-content:center;align-items:center;
	position: relative;
	}
	@media only screen and (max-width:991px)	{.tit-icon{width: 4rem;height: 4rem;font-size: 1em;}}

.tit-icon:before{display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity:.25;font-family: 'Font Awesome\ 5 Pro';font-size: 6rem;line-height: 1;display: flex;justify-content:center;align-items:center;}
	@media only screen and (max-width:991px)	{.tit-icon:before{font-size: 3rem;}}


.adv1:before{content: '\f3bf';transform:rotate(45deg);}
.adv2:before{content: '\f7d9';}
.adv3:before{content: '\f255';font-weight: 400;}


.ssc-box{position: relative;display: block;overflow: hidden;}

.ssc-img{background: #468C4B;overflow: hidden;}
	@media only screen and (max-width:991px)	{.ssc-img{height: 33vw;}}
	@media only screen and (max-width:767px)	{.ssc-img{height: 25vw;}}
	@media only screen and (max-width:575px)	{.ssc-img{height: 50vw;}}
	
.ssc-img img{opacity:.5;transform:scale(1);width: 100%;height: auto;transition:opacity .3s,transform .3s;}
	@media only screen and (max-width:991px)	{.ssc-img img{position:absolute;top:0;left:0;right:0;bottom:0;max-width:inherit;max-height:inherit;width:100%;height:100%;margin:auto;font-family:'object-fit:cover;';object-fit:cover;}}
	
.ssc-box:hover .ssc-img img{opacity:.75;transform:scale(1.05);transition:opacity .3s,transform .3s;}
	
.ssc-title{position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: flex;flex-flow:column wrap;justify-content:center;align-items:center;}
	
.ssc-title-inner h4{font-size:2rem;line-height: 1;text-align: center;color:#FFF;font-weight: 900;}
	@media only screen and (max-width:991px)	{.ssc-title-inner h4{font-size:3vw;}}
	@media only screen and (max-width:767px)	{.ssc-title-inner h4{font-size:3vw;}}
	@media only screen and (max-width:575px)	{.ssc-title-inner h4{font-size:6vw;}}
	

.ssc-box + p{margin-top: 1em;}


.recommend{display: block;}

.recommend-img{}

.recommend-img figcaption{margin-top: 0.5rem;line-height: 1.5;display: flex;justify-content:center;}



.recommend:hover .recommend-img img{opacity:.75;}






.catalog-list{padding-bottom: 4rem;}
	@media only screen and (max-width:767px)	{.catalog-list{padding-bottom: 4rem;}}


.item-title{font-size:1.125rem;line-height: 1.5;}
	@media only screen and (max-width:767px)	{.item-title{font-size:1rem;}}



.category-tag{position: absolute;top: 0;left: 0;min-width: 50%;text-align: center;background-color: #168492;color:#FFF;z-index: 9;font-size: 0.8em;vertical-align: middle;padding: .25em .5em;}
	@media only screen and (max-width:767px)	{.category-tag{font-size: 0.8em;}}

.goto-detail{background-color: #468C4B;color:#FFF;position: absolute;left: 0;right: 0;bottom: 0;padding: 1rem 1.5rem;line-height: 1;font-family: 'Shippori Mincho B1',serif;text-align: right;font-size: 0.8em;}