@charset 'UTF-8';

/* ----------------------------------------------------------------------
BASE
---------------------------------------------------------------------- */
* {
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
}

html {
	font-size:62.5%;
}

body {
	font-size:1.0rem;
	-webkit-text-size-adjust:100%;
	   -moz-text-size-adjust:100%;
	    -ms-text-size-adjust:100%;
	        text-size-adjust:100%;
	font-smoothing:antialiased;
	letter-spacing:.08em;
	text-rendering:auto;
	font-family:'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	color:#000;
	line-height:2em;
}

.sec-main h3 { font-size:2.3rem; font-weight:normal; color:#000949; }
.sec-main h4 { font-size:1.8rem; font-weight:normal; }

p { font-size:1.5rem; line-height:2.1em; }
li { font-size:1.5rem; list-style-type:none; line-height:2.1em; }
a { text-decoration:none; color:#000; }
dt,
dd { font-size:1.5rem; line-height:1.8em; }
th,
td { font-size:1.5rem; line-height:1.8em; }
img { width:auto; max-width:100%; height:auto; }
em { font-style:normal; }

.cf:after {
	content:'.';
	display:block;
	height:0;
	font-size:0;
	clear:both;
	visibility:hidden;
}

.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.mb50 { margin-bottom:50px; }
.mb60 { margin-bottom:60px; }
.txt-r { text-align:right; }
.d-iblock { display:inline-block; }
.sp-br { display:none; }
.al-center { text-align: center; }
.al-justify { text-align: justify; }

@media only screen and (max-width: 768px) {
	.sec-main h3 { font-size:2rem; }
	.sec-main h4 { font-size:1.7rem; }
	p { font-size:1.4rem; }
	li { font-size:1.4rem; }
	dt,
	dd { font-size:1.4rem; }
	th,
	td { font-size:1.4rem; }
}

@media only screen and (max-width: 450px) {
	.sec-main h3 { font-size:1.6rem;
	}
	.sec-main h4 { font-size:1.5rem; }
	p { font-size:1.3rem; }
	li { font-size:1.3rem; }
	dt,
	dd { font-size:1.3rem; }
	th,
	td { font-size:1.3rem; }
	.sp-br { display:block; }
}



/* ----------------------------------------------------------------------
LAYOUT
---------------------------------------------------------------------- */

/*ScrollTrigger*/
.invisible {
	transition: transform 1.2s ease, opacity 1.2s ease;
	transform: translateY(30px);
	opacity: 0.0;
}

.visible {
	transition: transform 1.2s ease, opacity 1.2s ease;
	transform: translateY(0);
	opacity: 1.0;
}

/*メインビジュアルアニメーション*/
@keyframes title-animation {
	from{
		opacity: 0;
		transform: translateY(10px);
	}
	to{
		opacity: 1;
		transform: translateY(0);
	}
}
.title-animation {
	animation: title-animation 1.2s ease forwards;
}
#mainvisual .layer-gray {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	right: -10%;
	margin: auto;
	background-color: rgba(0,0,0,.4);
	transform: skewx(-16deg);
}
@keyframes mainvisual-layer-animation {
	from{
		right: -10%;
	}
	to{
		right: -65%;
	}
}
.mainvisual-layer-animation {
	animation: mainvisual-layer-animation 1.4s ease forwards;
}


/*loading*/
html,body{
	height: 100%;
}
#loader{
	background-color: #fff;
	z-index: 1001;
	position: relative;
	position: fixed;
	width: 100%;
	height: 100%;
}
#loader .progressBar_wrap{
	position: absolute;
	left: 0;
	right: auto;
	top: 0;
	bottom: 0;
	margin: auto;
	width: calc(50% + 40px);
	height: 48px;
}
#loader .progressBar_wrap img{
	width: 80px;
	height: auto;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}
#loader .progressBar_wrap .progressBar{
	position: absolute;
	top: 0;
	right: 0;
	left: auto;
	bottom: 0;
	margin: auto;
	background-color: #fff;
	width: 101%;
	height: 101%;
}

.sec-main { padding-bottom:100px; }
#mainvisual h2 { transform: translateX(20px); opacity: 0;}

.l-inner { width:1100px; margin:0 auto; }
.page-l-inner { position:relative; top:-50px; background:#fff; padding:100px 0 0; }
.l-inner-s { width:760px; margin:0 auto; }
.l-sec-inner { width:760px; margin:0 auto; }

@media only screen and (max-width: 1099px) {
	.l-inner {
		width:96%;
		margin:0 auto;
	}
}

@media only screen and (max-width: 960px) {
	.l-sec-inner {
		width:94%;
		margin:0 auto;
	}
	.l-inner-s {
		width:96%;
		margin:0 auto;
	}
	.page-l-inner {
		top:0;
		padding:100px 0 0;
	}
	.page-nav {
		margin:0 auto 100px;
	}
	.sec-main {
		padding-bottom:90px;
	}
}

@media only screen and (max-width: 450px) {
	.page-l-inner {
		top:0;
	}
	.sec-main {
		padding-bottom:80px;
	}
}

.l-row:after,
.l-gutters:after,
.l-grid:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:' ';
	clear:both;
	height:0;
}

.l-grid { display:block; float:left; width:100%; }
.l-gutters .l-grid { margin-left:2%; }
.l-gutters .l-grid:first-child { margin-left:0; }

.l-grid-1 { width:8.33333333333%; }
.l-grid-2 { width:16.6666666667%; }
.l-grid-3 { width:25%; }
.l-grid-4 { width:33.3333333333%; }
.l-grid-5 { width:41.6666666667%; }
.l-grid-6 { width:50%; }
.l-grid-7 { width:58.3333333333%; }
.l-grid-8 { width:66.6666666667%; }
.l-grid-9 { width:75%; }
.l-grid-10 { width:83.3333333333%; }
.l-grid-11 { width:91.6666666667%; }
.l-grid-12 { width:100%; }

.l-gutters .l-grid-1 { width:6.5%; }
.l-gutters .l-grid-2 { width:15.0%; }
.l-gutters .l-grid-3 { width:23.5%; }
.l-gutters .l-grid-4 { width:32.0%; }
.l-gutters .l-grid-5 { width:40.5%; }
.l-gutters .l-grid-6 { width:49.0%; }
.l-gutters .l-grid-7 { width:57.5%; }
.l-gutters .l-grid-8 { width:66.0%; }
.l-gutters .l-grid-9 { width:74.5%; }
.l-gutters .l-grid-10 { width:83.0%; }
.l-gutters .l-grid-11 { width:91.5%; }
.l-gutters .l-grid-12 { width:100%; }

.l-gutters .l-grid-3:nth-child(4n+1) { margin-left:0; }
.l-gutters .l-grid-4:nth-child(3n+1) { margin-left:0; }
.l-gutters .l-grid-6:nth-child(2n+1) { margin-left:0; }

@media only screen and (max-width: 450px) {
	.l-grid-1,
	.l-grid-2,
	.l-grid-3,
	.l-grid-4,
	.l-grid-5,
	.l-grid-6,
	.l-grid-7,
	.l-grid-8,
	.l-grid-9,
	.l-grid-10,
	.l-grid-11,
	.l-grid-12,
	.l-gutters .l-grid-1,
	.l-gutters .l-grid-2,
	.l-gutters .l-grid-3,
	.l-gutters .l-grid-4,
	.l-gutters .l-grid-5,
	.l-gutters .l-grid-6,
	.l-gutters .l-grid-7,
	.l-gutters .l-grid-8,
	.l-gutters .l-grid-9,
	.l-gutters .l-grid-10,
	.l-gutters .l-grid-11,
	.l-gutters .l-grid-12 {
		width:100%;
		margin-left:0;
		margin-bottom:25px;
	}
}




/* ----------------------------------------------------------------------
MODULE
---------------------------------------------------------------------- */

/* ------------------------------
HEADER
------------------------------ */
.hd-inner {
	position: relative;
	background-color: #fff;
	position: fixed;
	height: 70px;
	left: 0;
	right: 0;
	top: 0;
	z-index: 1000;
	box-shadow: 0px 4px 3px -3px rgba(0,0,0,0.1);
}
.hd-inner-dummy{
	height: 70px;
}

h1 {
	width:227px;
	position:absolute;
	top:20px;
	left:27px;
	z-index:3;
}

h1 a {
	display:block;
}

h1 img {
	width:227px;
	height:32px;
}

@media only screen and (max-width: 1000px) {
	.hd-inner {
		padding:15px;
		position: relative;
		height: 60px;
	}
	.hd-inner-dummy{
		height: 0;
	}
	h1 {
		position:relative;
		top:auto;
		left:auto;
	}
}

@media only screen and (max-width: 768px) {
	h1 {
		width:200px;
	}
	h1 img {
		width:200px;
		height:30px;
	}
}

@media only screen and (max-width: 600px) {
	h1 {
		width:182px;
	}
	h1 img {
		width:182px;
		height:27px;
	}
}

@media only screen and (max-width: 500px) {
	.hd-inner {
		padding:15px 10px;
	}
}



/* ------------------------------
GLOBAL NAVI
------------------------------ */
#gnav {
	text-align:right;
	overflow:hidden;
	line-height:0;
	padding-right:17px;
}

#gnav li {
	display:inline-block;
}

#gnav li.sp-nav {
	display:none;
}

#gnav li.current a {
	border-top:5px solid #000949;
	border-right:1px solid #f2f2f2;
	border-left:1px solid #f2f2f2;
}

#gnav a {
	padding:19px 12px 15px;
	display:block;
	border-top:5px solid #fff;
	-webkit-transform:skew(-20deg);
	    -ms-transform:skew(-20deg);
	        transform:skew(-20deg);
	overflow:hidden;
	-webkit-transition:.5s;
	        transition:.5s;
}

#gnav a:hover {
	color:#1E3284;
}

#gnav span {
	-webkit-transform:skew(20deg);
	    -ms-transform:skew(20deg);
	        transform:skew(20deg);
	text-align:center;
	display:block;
	font-size:1.3rem;
}

@media only screen and (max-width: 1000px) {
	#gnav {
		padding-right:0;
	}
	#gnav li {
		display:block;
		border-bottom:1px dotted #ccc;
	}
	#gnav li.sp-nav {
		display:block;
	}
	#gnav li.current {
		border-top:5px solid #1d8f59;
	}
	#gnav li.current a {
		color:#1d8f59;
		border:none;
	}
	#gnav a {
		-webkit-transform:skew(0);
		    -ms-transform:skew(0);
		        transform:skew(0);
		padding:10px 2px;
	}
	#gnav span {
		-webkit-transform:skew(0);
		    -ms-transform:skew(0);
		        transform:skew(0);
	}
}





/* ------------------------------
DRAWER
------------------------------ */
.drawer-hamburger {
	display:none;
}

@media only screen and (max-width: 1000px) {
	.drawer-overlay {
		background-color:rgba(0, 0, 0, .4);
	}
	.drawer-hamburger {
		display:block;
		width:40px;
		padding-top:13px;
	}
	.drawer-hamburger-icon {
		width:36px;
	}
	.drawer-hamburger-icon:after,
	.drawer-hamburger-icon:before {
		width:29px;
		left:3px;
	}
	.drawer-hamburger-icon,
	.drawer-hamburger-icon:after,
	.drawer-hamburger-icon:before {
		background:#1d8f59;
	}
	.drawer-hamburger-txt {
		color:#1d8f59;
		left:-2px;
		position:relative;
		top:13px;
		font-family:'lato', sans-serif;
		font-weight:bold;
	}
	drawer-nav {
		z-index:100;
	}
}

/* ------------------------------
HEADER
------------------------------ */
#sec-mainvisual {
	background-size:cover;
	padding:170px 0;
	position: relative;
	overflow: hidden;
}
#sec-mainvisual .layer-gray {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	right: -15%;
	margin: auto;
	background-color: rgba(0,0,0,.4);
	transform: skewx(-16deg);
}

@keyframes sec-mainvisual-layer-animation {
	from{
		right: -15%;
	}
	to{
		right: -70%;
	}
}
.sec-mainvisual-layer-animation {
	animation: sec-mainvisual-layer-animation 1.4s ease forwards;
}
@media only screen and (max-width: 768px) {
	#sec-mainvisual {
		padding:130px 0;
	}
}

@media only screen and (max-width: 450px) {
	#sec-mainvisual {
		padding:100px 0;
	}
}

/* ------------------------------
PAGE
------------------------------ */
.page-title {
	margin-bottom:60px;
	font-weight:normal;
	font-size:2.8rem;
	padding:23px 10px 20px 92px;
	background-size:65px 93px;
	background:url( "../img/common/title_mark_white.svg") no-repeat left center;
	color:#fff;
}

.page-title .jp {
	opacity: 0;
	display:block;
}

.page-title .en {
	font-size:1.5rem;
	font-family:'lato', sans-serif;
	display:block;
	margin-top:10px;
	opacity: 0;
}

.page-title.page-title-b {
	background:url( "../img/common/title_mark_gray.svg") no-repeat left center;
	color:#000;
	margin:50px 0 70px;
}

@media only screen and (max-width: 768px) {
	.page-title {
		margin-bottom:0;
		font-size:2.5rem;
	}
}

@media only screen and (max-width: 600px) {
	.page-title {
		font-size:2.2rem;
		padding-left:70px;
		line-height:1.3em;
	}
	.page-title .en {
		font-size:1.4rem;
		margin-top:0;
	}
	.page-title-b {
		background-size:40px auto;
	}
}

@media only screen and (max-width: 450px) {
	.page-title {
		font-size:1.5rem;
		line-height:1.1em;
		padding:8px 10px 7px 50px;
	}
	.page-title .en {
		font-size:1rem;
	}
	.page-title-b {
		background-size:40px auto;
	}
}

/* ------------------------------
INTRO-AREA
------------------------------ */
.intro-area {
	text-align:center;
	padding:0 30px;
	margin-bottom:50px;
}

.intro-area .title {
	padding-bottom:50px;
	margin-bottom:50px;
	background:url( "../img/common/title_ln_pc.gif") no-repeat center bottom;
}

.intro-area .title h3 {
	margin:0 auto 20px;
}

.intro-area .title h3 img {
	width:350px;
	height:44px;
}

.intro-area .txt p {
	line-height:2em;
}

@media only screen and (max-width: 600px) {
	.intro-area {
		padding:0 10px;
	}
	.intro-area .title h3 img {
		width:300px;
		height:38px;
	}
}

@media only screen and (max-width: 450px) {
	.intro-area {
		text-align:left;
	}
	.intro-area .title {
		background:url( "../img/common/title_ln_sp.gif") no-repeat center bottom;
		margin-bottom:30px;
		padding-bottom:30px;
	}
	.intro-area .title h3 {
		margin-bottom:10px;
	}
	.intro-area .title h3 img {
		width:264px;
		height:34px;
	}
}

/* ------------------------------
SEC
------------------------------ */
.sec-title {
	font-size:2rem;
	font-weight:normal;
	margin-bottom:30px;
}

.sec-title span {
	font-family:'lato',sans-serif;
	font-weight:100;
	display:block;
	font-size:1.5rem;
	margin-top:5px;
}

@media only screen and (max-width: 768px) {
	.sec-title {
		font-size:1.8rem;
	}
	.sec-title span {
		font-size:1.2rem;
	}
}

@media only screen and (max-width: 600px) {
	.sec-title {
		font-size:1.7rem;
	}
	.sec-title span {
		font-size:1.1rem;
	}
}

@media only screen and (max-width: 450px) {
	.sec-title {
		font-size:1.6rem;
	}
	.sec-title span {
		margin-top:0;
	}
}

/* ------------------------------
LINK-AREA
------------------------------ */
/*
.link-area ul{
	font-size: 0;
	letter-spacing: 0;
}
*/
.link-area li {
	width:33.3333333%;
	padding:110px 5px 100px;
	float: left;
	text-align:center;
	color:#fff;
	background-size:cover;
/*	display: inline-block;*/
	box-sizing: border-box;
/*	letter-spacing:.08em;*/
}

.link-area .sec-title {
	margin-bottom:30px;
}

.link-area .sec-title .en {
	line-height: 1em;
}

.link-area .sec-title .jp {
	display: block;
	width: 80%;
	margin: 0 auto;
	font-size: 1.2rem;
	margin-top: 30px;
	line-height: 1.8em;
	letter-spacing: 0.1em;
}

.link-concept {
	background:url( "../img/index/linkbox01.jpg") no-repeat center center;
}

.link-product {
	background:url( "../img/index/linkbox02.jpg") no-repeat center center;
}

.link-about {
	background:url( "../img/index/linkbox03.jpg") no-repeat center center;
}

@media only screen and (max-width: 1000px) {
	.link-area li {
		padding:90px 3px 80px;
	}
	.link-area .sec-title {
		margin-bottom:50px;
	}
}

@media only screen and (max-width: 768px) {
	.link-area li {
		padding:70px 3px 60px;
	}
}

@media only screen and (max-width: 600px) {
	.link-area li {
		width:100%;
		float:none;
	}
	.link-area .sec-title {
		margin-bottom:40px;
	}
}

@media only screen and (max-width: 450px) {
	.link-area li {
		padding:60px 3px 50px;
	}
}

/* ------------------------------
SEC-CONTAT
------------------------------ */
#sec-contact-s {
	text-align:center;
	padding:80px 0;
}

#sec-contact-s .btn {
	width:250px;
	margin-bottom:20px;
}

#sec-contact-s .contact-tel span {
	display:block;
	font-size:1.2rem;
	margin-bottom:2px;
}

@media only screen and (max-width: 768px) {
	#sec-contact-s {
		padding:50px 20px;
	}
	#sec-contact-s .btn {
		width:230px;
	}
}

/* ------------------------------
FOOTER
------------------------------ */
footer {
	position:relative;
	border-top:1px solid #ccc;
}

footer .l-row {
	padding:70px 0 60px;
}

footer p,
footer a {
	font-size:1.3rem;
}

.ft-info {
	display:table-cell;
	vertical-align:top;
	padding-right:50px;
}

.ft-nav {
	display:table-cell;
	vertical-align:top;
}

.nav-list {
	display:table-cell;
	padding:0 50px 0 15px;
	border-left:1px dotted #1d8f59;
}

.nav-list li {
	margin-bottom:3px;
}

.nav-list a {
	-webkit-transition:.5s;
	        transition:.5s;
}

.nav-list a:hover {
	color:#1d8f59;
}

.ft-logo {
	width:227px;
	margin-bottom:15px;
}

.ft-logo img {
	width:227px;
	height:32px;
}

.ft-logo-jp {
	width:173px;
	margin-bottom:35px;
}

.ft-logo-jp img {
	width:173px;
	height:15px;
}

.copyright {
	padding:0 0 10px 0;
}

.pagetop {
	position:fixed;
	right:10px;
	bottom:20px;
	z-index: 100;
}

.pagetop img {
	width:80px;
	height:45px;
}

@media only screen and (max-width: 1000px) {
	.ft-nav ul {
		padding-right:15px;
	}
}

@media only screen and (max-width: 1000px) {
	footer {
		border:none;
	}
	footer .l-inner {
		border-top:1px solid #ccc;
	}
	footer .l-row {
		padding:50px 0;
	}
	.ft-info {
		width:100%;
		display:block;
		padding:0;
		text-align:center;
		margin-bottom:40px;
	}
	.ft-nav {
		width:100%;
		display:table;
	}
	.ft-nav ul {
		padding-right:15px;
		width:33.33333%;
	}
	.ft-nav ul:first-child {
		border-left:none;
	}
	.ft-logo {
		margin:0 auto 10px;
	}
	.ft-logo-jp {
		margin:0 auto 10px;
	}
}

@media only screen and (max-width: 600px) {
	.pagetop {
		bottom:50px;
	}
	.ft-nav {
		display:none;
	}
}

@media only screen and (max-width: 450px) {
	footer p {
		font-size:1.2rem;
	}
	.ft-info {
		margin-bottom:0;
	}
	.pagetop img {
		width:52px;
		height:29px;
	}
}




@media only screen and (max-width: 1000px) {
	.ft-nav ul {
		padding-right:15px;
	}
}

@media only screen and (max-width: 1000px) {
	footer {
		border:none;
	}
	footer .l-inner {
		border-top:1px solid #ccc;
	}
	footer .l-row {
		padding:50px 0;
	}
	.ft-info {
		width:100%;
		display:block;
		padding:0;
		text-align:center;
		margin-bottom:40px;
	}
	.ft-nav {
		width:100%;
		display:table;
	}
	.ft-nav ul {
		padding-right:15px;
		width:33.33333%;
	}
	.ft-nav ul:first-child {
		border-left:none;
	}
	.ft-logo {
		margin:0 auto 10px;
	}
	.ft-logo-jp {
		margin:0 auto 10px;
	}
}

@media only screen and (max-width: 600px) {
	.pagetop {
		bottom:50px;
	}
	.ft-nav {
		display:none;
	}
}

@media only screen and (max-width: 450px) {
	footer p {
		font-size:1.2rem;
	}
	.ft-info {
		margin-bottom:0;
	}
	.pagetop img {
		width:52px;
		height:29px;
	}
}

/* ----------------------------------------------------------------------
PARTS
---------------------------------------------------------------------- */
/* ------------------------------
NAVIGATION
------------------------------ */
.page-nav {
	text-align:center;
	width:850px;
	margin:-70px auto 100px;
}

.page-nav li:first-child a {
	border-left:1px solid #ccc;
}

.page-nav li {
	width:25%;
	float:left;
}

.page-nav li.current span {
	border-bottom:3px solid #1d8f59;
}

.page-nav li a {
	padding:0 25px;
	display:block;
	border-top:5px solid #fff;
	-webkit-transform:skew(-20deg);
	    -ms-transform:skew(-20deg);
	        transform:skew(-20deg);
	overflow:hidden;
	-webkit-transition:.5s;
	        transition:.5s;
	border-right:1px solid #ccc;
}

.page-nav li a:hover {
	color:#1d8f59;
}

.page-nav li span {
	-webkit-transform:skew(20deg);
	    -ms-transform:skew(20deg);
	        transform:skew(20deg);
	text-align:center;
	display:inline-block;
	font-size:1.3rem;
	padding:0 0 3px;
}

@media only screen and (max-width: 1000px) {
	.page-nav {
		width:90%;
	}
}

@media only screen and (max-width: 960px) {
	.page-nav {
		margin:10px auto 100px;
	}
	.page-nav li a {
		padding:0 5px;
		-webkit-transform:skew(0deg);
		    -ms-transform:skew(0deg);
		        transform:skew(0deg);
		border-right:1px dotted #ccc;
	}
	.page-nav li:first-child a {
		border-left:none;
	}
	.page-nav li:last-child a {
		border-right:none;
	}
	.page-nav li span {
		-webkit-transform:skew(0deg);
		    -ms-transform:skew(0deg);
		        transform:skew(0deg);
		padding:0 0 10px;
	}
}

@media only screen and (max-width: 768px) {
	.page-nav {
		width:100%;
	}
}
@media only screen and (min-width: 671px) {
	.page-nav.page-nav-bottom {
		display: none;
	}
}
@media only screen and (max-width: 670px) {
	.page-nav {
		margin:0 auto 70px;
	}
	.page-nav li {
		width:100%;
		display:block;
		border-bottom:1px solid #999;
		float:none;
	}
	.page-nav li.current span {
		border-bottom:none;
	}
	.page-nav li.current a {
		background:#e4e4e4;
	}
	.page-nav li a {
		border:none;
		padding:10px;
	}
	.page-nav li span {
		padding:0;
	}
	.page-nav.page-nav-bottom {
		width: 96%;
		margin:80px auto 0px;
	}
	.page-nav.page-nav-bottom li:first-child {
		border-top:1px solid #999;
	}
}

/* ------------------------------
LIST
------------------------------ */
.info-list li {
	border-bottom:1px dotted #000;
}

.info-list li h4 {
	font-size:1.5rem;
}

.info-list a {
	display:block;
	padding:20px;
	-webkit-transition:.5s;
	        transition:.5s;
}

.info-list a .date {
	color:#666;
	width:20%;
	float:left;
}

.info-list a .title {
	width:75%;
	float:left;
	font-weight:normal;
}

.info-list a:hover .date {
	color:#1d8f59;
}

.info-list a:hover .title {
	color:#1d8f59;
}

@media only screen and (max-width: 600px) {
	.info-list .date {
		font-size:1.4rem;
		letter-spacing:-.001em;
	}
	.info-list h4 {
		font-size:1.4rem;
		padding-left:10px;
	}
	.info-list a {
		padding:20px 10px;
	}
}

@media only screen and (max-width: 460px) {
	.info-list a {
		padding:10px 7px;
	}
	.info-list a .date {
		width:27%;
		font-size:1.3rem;
	}
	.info-list a .title {
		width:73%;
		padding-left:10px;
	}
	.info-list a h4 {
		font-size:1.3rem;
	}
}

/* --------------------
DOT
-------------------- */
.list-dot li {
	text-indent:-15px;
	padding-left:15px;
}

.list-dot li:before {
	content:'繝ｻ';
}

.list-num {
	counter-reset:number 0;
}

.list-num > li {
	margin-bottom:30px;
	text-indent:-22px;
	padding-left:22px;
}

.list-num > li:before {
	counter-increment:number 1;
	/* number 繧ｫ繧ｦ繝ｳ繧ｿ繧貞｢怜刈 */
	content:counter(number) '. ';
	/* 陦ｨ遉ｺ蠖｢蠑上ｒ謖�ｮ� */
}

.list-num-green {
	counter-reset:number 0;
}

.list-num-green > li {
	margin-bottom:5px;
	text-indent:-32px;
	padding-left:32px;
}

.list-num-green > li:before {
	counter-increment: number 1;
	content: counter(number) '';
	color: #fff;
	padding: 5px 7px;
	margin-right: 7px;
	background: url(/img/merchandise/quality/num_circle.svg) center center no-repeat;
	background-size: 24px 24px;
	vertical-align: middle;
}
@media only screen and (max-width: 460px) {
	.list-num-green > li:before {
		background: url(/img/merchandise/quality/num_circle.svg) center center no-repeat;
		background-size: 23px 23px;
	}
}

/* ------------------------------
BTN
------------------------------ */
/* --------------------
MORE BTN
-------------------- */
.btn {
	width:180px;
	margin:0 auto;
}

.btn a,
.btn span {
	display:block;
	text-align:center;
	padding:15px 20px;
	font-family:'lato', sans-serif;
	position:relative;
	overflow:hidden;
	height:50px;
	-webkit-transition:.5s;
	        transition:.5s;
	line-height:1;
}

.btn a:before,
.btn span:before {
	width:19px;
	height:52px;
	position:absolute;
	left:-1px;
	top:-2px;
}

/* btn-g
-------------------- */
.btn-g a,
.btn-g span {
	border:1px solid #1d8f59;
	color:#1d8f59;
	display:block;
}

.btn-g a:before,
.btn-g span:before {
	content:url( "../img/common/btn_g.svg");
}

.btn-g a:hover,
.btn-g span:hover {
	color:#fff;
	background:#1d8f59;
}

.btn-g a:hover:before,
.btn-g span:hover:before {
	content:url( "../img/common/btn_w.svg");
}

/* btn-w
-------------------- */
.btn-w a {
	border:1px solid #fff;
	color:#fff;
}

.btn-w a:before {
	content:url( "../img/common/btn_w.svg");
}

.btn-w a:hover {
	color:#1d8f59;
	background:#fff;
}

.btn-w a:hover:before {
	content:url( "../img/common/btn_g.svg");
}

/* btn-b
-------------------- */
.btn-b a {
	border:1px solid #000;
	color:#fff;
	background:#000;
}

.btn-b a:before {
	content:url( "../img/common/btn_w.svg");
}

.btn-b a:hover {
	color:#000;
	background:#fff;
}

.btn-b a:hover:before {
	content:url("../img/common/btn_b.svg");
}

/* btn-c
-------------------- */
.btn-c a {
	border:1px solid #000;
	background:#fff;
}

.btn-c a:before {
	content:url( "../img/common/btn_b.svg");
}

.btn-c a:hover {
	color:#fff;
	background:#1d8f59;
	border:1px solid #1d8f59;
}

.btn-c a:hover:before {
	content:url( "../img/common/btn_w.svg");
}