@charset "UTF-8";

/* -----------------------------------------------
Table of Contents (common css) [Thought of SMACSS + original]
--------------------------------------------------
0. Foundation
	 0-1. Reset (normalize.css + original)
	 0-2. Base
	 0-3. Config
1. Layout
	 1-1. #l-document
	 1-2. #l-header
	 1-3. #l-container
				1-3-1. #l-main
				1-3-2. #l-sub
	 1-4. #l-footer
	 1-5. #l-nav-global
2. Object
	 2-1. Component a.k.a Module [Thought of BEM + original]
				2-1-1.  Wrap     [wrp-***]
				2-1-2.  Box      [box-***]
				2-1-3.  Table    [tbl-***]
				2-1-4.  Headings [hdg-lv*]
				2-1-5.  Nav      [nav-***]
				2-1-6.  List     [lst-***]
				2-1-7.  Button   [btn-***]
				2-1-8.  Anchor   [acr-***]
				2-1-9.  Text     [txt-***]
				2-1-10. Icon     [icn-***]
				2-1-11. Label    [lbl-***]
				2-1-12. Form     [frm-***]
				2-1-13. Error    [err-***]
				2-1-14. UI
				2-1-15. Grid
	 2-2. Utility
				2-2-1. clearfix
				2-2-2. margin,padding [mb10,pt20]
				2-2-3. Object-Oriented CSS
				2-2-4. Grid System [grid-***]
				2-2-5. WebFont [FontAwesome] http://fortawesome.github.io/Font-Awesome/icons/
	 2-3. State [is-***]
	 2-4. OverLayerConfig [z-index]
	 2-5. Project

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

/* -----------------------------------------------
 [0. Foundation]
-------------------------------------------------- */

/* 0-1. Reset
-------------------------------------------------- */
html{
	font-family: sans-serif;
}
body{
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: 100%;
}
a{
	background: transparent;
}
a:focus{
	outline: thin dotted;
}
a:active,
a:hover{
	outline: 0;
}
html,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,code,del,em,img,strong,
dl,dt,dd,ol,ul,li,
fieldset,form,label,
table,caption,tbody,tfoot,thead,tr,th,td{
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
article,aside,footer,header,small,nav,section,figure,figcaption,main{
	margin: 0;
	padding: 0;
	display: block;
	vertical-align: baseline;
	list-style: none;
	background-color: transparent;
	outline: none;
}
audio,canvas,video{
	display: inline-block;
}
ul,ol{
	list-style-type: none;
}
table{
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
}
img{
	line-height: 1;
	vertical-align: baseline;
	outline: none;
}
a img{
	border: none;
	outline: none;
}
sub,sup{
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
hr{
	box-sizing: content-box;
	height: 0;
}
dt,dd,li,
th,td,
input,textarea{
	text-align: left;
	vertical-align: top;
}
button{
	border: none;
}
input,textarea,button{
	margin: 0;
	padding: 0;
}
input{
	border: 1px solid #dad7d3;
	height: 24px;
	padding: 2px 5px;
}
textarea{
	border: 1px solid #dad7d3;
	height: 78px;
	resize: none;
}
button,label{
	background-color: transparent;
	cursor: pointer;
}
button,select{
	text-transform: none;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"]{
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled],
input[disabled]{
	cursor: default;
}
input[type="checkbox"],
input[type="radio"]{
	box-sizing: content-box;
	padding: 0;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner{
	padding: 0;
	border: 0;
}
textarea{
	overflow: auto;
	vertical-align: top;
}
small{
	font-size: 0.86em;
}
:focus{
	outline: none;
}

/* 0-2. Base
-------------------------------------------------- */
/*
@font-face {
	font-family: "SourceHanSans-Regular";
	src: url("/common/fonts/SourceHanSans-Regular.eot?") format("eot"),
		 url("/common/fonts/SourceHanSans-Regular.woff2") format("woff2"),
		 url("/common/fonts/SourceHanSans-Regular.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: "SourceHanSans-Bold";
	src: url("/common/fonts/SourceHanSans-Bold.eot?") format("eot"),
		 url("/common/fonts/SourceHanSans-Bold.woff2") format("woff2"),
		 url("/common/fonts/SourceHanSans-Bold.woff") format("woff");
	font-weight: 700;
	font-style: normal;
}
*/

html{
	overflow-y: scroll;
	font-size: 100%;
}
h1,h2,h3,h4,h5,h6{
	font-size: 100%;
	font-weight: bold;
}
table{
	width: 100%;
}
input,textarea,button,select{
	font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","Meiryo","メイリオ","ＭＳ Ｐゴシック",sans-serif;
	font-size: 100%;
}
strong{
	font-weight: bold;
}
em{
	font-weight: bold;
}

/* 0-3. Config
-------------------------------------------------- */
html,body {
	font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","Meiryo","メイリオ","ＭＳ Ｐゴシック",sans-serif;
}
body{
	font-size: 15px;
	color: #2d2f30;
	background-color: #fff;
}
a{
	color: #2d2f30;				/* ベースのリンク文字の色を指定 */
	text-decoration: underline;	/* ベースのリンク文字の下線の有無を指定 */
}
a:visited{
	color: #2d2f30;				/* ベースのリンク文字の色を指定 */
}
a:hover,
a:active{
	text-decoration: none;		/* ベースのリンク文字の下線の有無を指定 */
}
a:focus {
	outline: none;
}
h1,h2,h3,h4,h5,h6{
	line-height: 1.4;			/* ベースの行間を指定 */
}
p{
	line-height: 1.428;			/* ベースの行間を指定 */
}
dt,dd,li,
th,td,
input,
textarea,
button{
	line-height: 1.5;			/* ベースの行間を指定 */
}
sup {
	vertical-align: super;
}
.symbol-left {
	display: inline-block;
	margin-left: -0.6em;
}
.symbol-right {
	display: inline-block;
	margin-right: -0.6em;
}
/* -----------------------------------------------
 [1. Layout]
-------------------------------------------------- */
/* 1-1. #l-document
-------------------------------------------------- */
#l-document{

}

/* 1-2. #l-header
-------------------------------------------------- */
.header {
	background: rgba(6,68,143,0.2);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
	height: 90px;
	transition: all 0.5s ease;
}
.header a {
	color: #fff;
	text-decoration: none;
}
.header__sitelogo{
	float: left;
	margin: 20px 0 25px;
	line-height: 0;
}
.header__sitelogo a{
	display: inline-block;
	width: 219px;
	height: 40px;
	background: url("/jp/aisin-asleep/common/images/cmn-pct-sitelogo01.png") no-repeat center;
	background-size: cover;
	font-size: 0;
}
.header__menu {
	float: right;
	display: none;
}
.header.is-hidden {
	height: 0;
}
.header.is-small{
	background: #fff;
	position: fixed;
	height: 66px;
}
.header.is-small a {
	color: #00479d;
}
.is-small .header__sitelogo {
	margin: 11px 0 18px;
}
.is-small .header__sitelogo a{
	width: 165px;
	height: 31px;
	background: url("/jp/aisin-asleep/common/images/cmn-pct-sitelogo02.png") no-repeat center;
	background-size: cover;
}
@media (max-width: 1000px){
	.header {
		background: rgba(0,71,157,0.2);
		height: 65px;
	}
	.header.is-small {
		height: 65px;
		border-bottom: 1px solid #edeeef;
	}
	.header.is-opened {
		background: #00479d;
		height: 100vh;
		min-height: 393px;
	}
	.header.is-opened.is-small .header__sitelogo a {
		background: url("/jp/aisin-asleep/common/images/cmn-pct-sitelogo01.png") no-repeat center;
		background-size: cover;
	}
	.header__sitelogo,
	.is-small .header__sitelogo {
		margin: 15px 0 25px;
	}
	.header__sitelogo a,
	.is-small .header__sitelogo a {
		width: 110px;
		height: 20px;
	}
	.header__menu {
		display: inline-block;
		float: right;
		margin: 16px 0;
	}
	.header__menu a{
		display: block;
		width: 34px;
		height: 19px;
		padding-top: 13px;
		position: relative;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
		text-align: center;
		font-size: 11px;
		font-family: 'Quicksand';
		font-weight: bold;
		letter-spacing: -0.02em;
		text-align: center;
	}
	.header__menu a:before {
		content: "MENU";
		position: absolute;
		top: -4px;
		left: 0;
		right: 0;
	}
	.header__menu a.is-active {
		color: #fff;
	}
	.header__menu a span{
		display: block;
		position: absolute;
		height: 3px;
		width: 25px;
		background: #fff;
		opacity: 1;
		left: 0;
		right: 0;
		margin: 0 auto;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
		border-radius: 3px;
	}
	.header__menu a span:nth-child(1) {
		top: 13px;
	}
	.header__menu a span:nth-child(2),.header__menu a span:nth-child(3) {
		top: 21px;
	}
	.header__menu a span:nth-child(4) {
		top: 29px;
	}
	.header__menu a.is-active span {
		background: #fff;
	}
	.header__menu a.is-active span:nth-child(1) {
		top: 18px;
		width: 0%;
		left: 50%;
	}
	.header__menu a.is-active span:nth-child(2) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.header__menu a.is-active span:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.header__menu a.is-active span:nth-child(4) {
		top: 18px;
		width: 0%;
		left: 50%;
	}
	.is-small .header__menu a span {
		background: #00479d;
	}
	.is-opened.is-small .header__menu a span {
		background: #fff;
	}
}

/* 1-3. #l-container
-------------------------------------------------- */
#l-container{
}


/* 1-3-1. #l-main
-------------------------------------------------- */
#l-main{
	overflow: hidden;
}
/* 1-4. #l-footer
-------------------------------------------------- */
#l-footer{
	position: relative;
}
.nav-footer{
	overflow: hidden;
	text-align: center;
	padding-top: 5px;
}
.nav-footer ul {
	font-size: 0;
}
.nav-footer li{
	display: inline-block;
	border-left: 2px solid #7b7c7c;
	line-height: 0.9;
}
.nav-footer li:first-child{
	border-left: 0;
}
.nav-footer li a{
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	padding: 0 20px;
	letter-spacing: 0.1em;
	transition: all 0.3s;
}
.nav-footer li a:hover{
	opacity: .7;
}
.l-footer__top{
	background: #2d2f30;
	padding: 50px 0 40px;
	text-align: center;
}
.l-footer__top__logo{
	display: inline-block;
	line-height: 0;
	padding: 63px 0 0;
	width: 150px;
	height: 24px;
	margin: 0 auto;
}
.l-footer__top__logo a {
	display: block;
	font-size: 0;
}
.l-footer__top__logo img{
	max-width: 100%;
	height: auto;
}
.txt-copyright{
	background: #202223;
	padding: 20px 0 18px;
	text-align: center;
	font-size: 10px;
	color: #fff;
	letter-spacing: 0.025em;
}
@media (max-width: 1280px){
	.l-footer__top{
		padding: 60px 0 30px;
	}
	.nav-footer ul {
		margin: 0 -15px;
	}
	.nav-footer li{
		border-left: 1px solid #c7c8c8;
		margin-bottom: 13px;
		line-height: 1;
	}
	.nav-footer li a{
		font-size: 9px;
		padding: 0 15px;
	}
	.l-footer__top__logo{
		width: 117px;
		height: 18px;
		padding-top: 23px;
	}
	.txt-copyright{
		font-size: 8px;
		padding: 7px 0;
	}
}
/* 1-5. #l-nav-global
-------------------------------------------------- */
.nav-global{
	font-size: 0;
	float: right;
	margin: 36px 0;
}
.nav-global ul {
	display: inline-block;
	vertical-align: middle;
}
.nav-global li {
	display: inline-block;
	padding: 0 18px;
	transition: all 0.3s ease;
}
.nav-global li:hover{
	opacity: .5;
}
.nav-global li a {
	display: block;
	font-size: 13px;
	font-weight: bold;
	transition: all 0.5s ease;
	letter-spacing: 0.1em;
}
.is-small .nav-global {
	margin: 23px 0;
}
@media(max-width: 1000px){
	.nav-global,
	.is-small .nav-global {
		margin: 0;
	}
	.nav-global ul,
	.is-small .nav-global ul{
		float: none;
		width: 100%;
		display: none;
		position: absolute;
		top: 65px;
		left: 0;
		right: 0;
		padding: 33px 20px 0;
		box-sizing: border-box;
	}
	.nav-global ul li,
	.is-opened.is-small .nav-global li {
		display: block;
		border-bottom: 1px solid #92a3b8;
		padding: 0;
	}
	.nav-global ul li a,
	.is-opened.is-small .nav-global ul li a {
		padding: 12px 30px 12px 0;
		font-size: 16px;
		color: #fff;
		text-align: left;
		letter-spacing: 0.2em;
		font-weight: normal;
		position: relative;
	}
	.nav-global ul li a:after {
		content: '\e807';
		font-family: "asleep";
		font-style: normal;
		font-weight: normal;
		speak: none;
		display: inline-block;
		text-decoration: inherit;
		text-align: center;
		font-variant: normal;
		text-transform: none;
		line-height: 1em;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		position: absolute;
		top: 50%;
		right: -1px;
		transform: translateY(-50%);
	}
}
@media(min-width: 1001px) and (max-width: 1280px){
	.nav-global ul li {
		padding: 0 10px;
	}
	.nav-global ul li a,
	.is-small .nav-global li a {
		font-size: 12px;
	}
}

/* 1-6. nav-breadcrumb
-------------------------------------------------- */
.nav-breadcrumb {
	background-color: #f0f0f0;
}
.nav-breadcrumb ul {
	line-height: 36px;
}
.nav-breadcrumb ul li {
	color: #909090;
	font-size: 11px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	padding-right: 10px;
}
.nav-breadcrumb ul li:after {
	content: "\f105";
	font-family: "asleep";
	position: absolute;
	top: 0;
	right: 0;
}
.nav-breadcrumb ul li:last-child:after {
	display: none;
	pad
}
.nav-breadcrumb ul li a {
	color: #909090;
	text-decoration: none;
}
.nav-breadcrumb ul li a:hover {
	text-decoration: underline;
}
@media(min-width: 0px) and (max-width: 767px){
	.nav-breadcrumb {
		display: none;
	}
}
/* -----------------------------------------------
 [2. Object]
-------------------------------------------------- */

/* 2-1. Component a.k.a Module
-------------------------------------------------- */
/*2-1-1.  Wrap     [wrp-***]*/
.wrp-container{
	padding: 0 20px;
	max-width: 1260px;
	margin: 0 auto;
	position: relative;
}
.wrp-container--sm{
	max-width: 1024px;
}
.wrp-block {
	max-width: 890px;
}
.word {
	display: inline-block;
}
@media (max-width: 767px){
	.word {
		display: inline-block;
	}
}
/*2-1-2.  Box      [box-***]*/
.box-main-image{
	height: 700px;
	position: relative;
	overflow: hidden;
}
.box-main-image__heading {
	position: absolute;
	width: 100%;
	z-index: 1;
	top: 35%;
	left: 0;
	font-size: 40px;
	color: #fff;
	letter-spacing: 0.2em;
	line-height: 65px;
}
.box-main-image__heading span {
	display: inline-block;
}
.box-main-image__heading h1 > span {
	display: block;
}
.box-main-image__pct{
	position: relative;
	z-index: 0;
	height: 100%;
	line-height: 0;
}
.box-main-image__pct span{
	display: block;
	width: 100%;
	height: 100%;
}
.box-main-image__heading__en{
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 0.28em;
	font-weight: 500;
	margin-bottom: 20px;
}
.box-main-image__heading h1 {
	margin-bottom: 15px;
}
.box-main-image__heading__small{
	display: block;
	font-size: 16px;
	letter-spacing: 0.28em;
}
.box-main-image__note{
	font-size: 12px;
	color: #8f8f8f;
	position: absolute;
	z-index: 1;
	right: 13.5%;
	bottom: 15px;
	letter-spacing: 0.14em;
}
@media (max-width: 767px) {
	.box-main-image {
		height: 400px;
	}
	.box-main-image__heading{
		font-size: 20px;
		line-height: 33px;
		top: 24%;
		left: 0;
		box-sizing: border-box;
		width: 100%;
	}
	.box-main-image__heading__en {
		font-size: 10px;
		margin-bottom: 10px;
	}
	.box-main-image__heading__small {
		font-size: 11px;
	}
	.box-main-image__note {
		font-size: 9px;
		bottom: 3px;
		right: 20px;
	}
}
.box {
	border-radius: 3px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	color: #333;
	overflow: hidden;
}
.box__inner {
	padding: 10px;
	box-sizing: border-box;
}

/* ----------------------------------------------- */
.box-noscript{
 	padding: 24px;
	background: #3a3a3a;
	box-sizing: border-box;
}
.box-noscript p{
	text-shadow: 0 0 1px #fff;
	color: #fff;
}
/* ----------------------------------------------- */
.box-media{
	display: table;
}
.box-media__txt,
.box-media__pic{
	display: table-cell;
	vertical-align: top;
}
.box-media__pic{
	padding-right: 10px;

}
/***********************************************/
.fine-revo {
	overflow: hidden;
}
.fine-revo__content{
	color: #fff;
	text-align: center;
	padding: 80px 0 245px;
}
.fine-revo__content .hdg-lv2 {
	margin: 110px 0 50px;
}
.fine-revo__content__text{
	font-size: 15px;
	line-height: 3.4;
	letter-spacing: 0.3em;
	margin-bottom: 85px;
}
.fine-revo__content .box-media{
	height: 340px;
	width: 100%;
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
	border-radius: 3px;
	display: block;
	text-decoration: none;
	color: #fff;
}
.js-revobox{
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(1.01);
	-ms-transform: scale(1.01);
	transform: scale(1.01);
	transition: all 1s cubic-bezier(.175,.885,.32,1.275);
}
.fine-revo__content .box-media:hover .js-revobox{
	-webkit-transform: scale(1.06);
	-ms-transform: scale(1.06);
	transform: scale(1.06);
}
.box-media__text{
	position: relative;
	z-index: 1;
	padding: 55px 40px;
	height: 100%;
	width: 100%;
	box-sizing: border-box;
	display: block;
}
.box-media__text--bg {
	background: #b9dee5;
}
.box-media__text__category {
	text-transform: uppercase;
	letter-spacing: 0.16em;
	font-size: 16px;
	display: block;
}
.box-media__text__desc {
	letter-spacing: 0.22em;
	display: block;
}
.box-media__text__content{
	font-size: 28px;
	line-height: 1.607;
	letter-spacing: 0.2em;
	margin-bottom: 15px;
	display: block;
}
.box-media__text__btn{
	position: absolute;
	left: 40px;
	bottom: 40px;
	display: block;
}
@media (max-width: 767px){
	.fine-revo.bg-blue {
		background: #00479d;
	}
	.fine-revo__content{
		padding: 15px 0 35px;
	}
	.fine-revo__content .hdg-lv2 {
		margin: 75px 0 20px;
	}
	.fine-revo__link{
		padding: 0 12px;
	}
	.fine-revo__content__text{
		line-height: 2.3;
		font-size: 13px;
		margin-bottom: 25px;
	}
	.fine-revo__content .box-media{
		margin-bottom: 15px;
		height: 171px;
	}
	.box-media__text{
		padding: 22px 17px;
	}
	.box-media__text__content{
		margin-bottom: 17px;
		font-size: 14px;
	}
	.box-media__text__btn{
		left: 20px;
		bottom: 20px;
	}
	.box-media__text__btn .btn {
		padding: 7px 8px;
		font-size: 12px;
	}
	.box-media__text__btn a .fa {
		font-size: 12px;
		display: inline-block;
		padding-top: 3px;
	}
	.box-media__text__category {
		font-size: 8px;
	}
	.box-media__text__desc {
		font-size: 8px;
	}
}
/*-----------------------------------*/

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



.js-animate{
	opacity: 0;
}
.js-animate.is-active{
	-webkit-animation: C .6s cubic-bezier(.075,.82,.165,1) forwards;
	animation: C .6s cubic-bezier(.075,.82,.165,1) forwards;
}
.js-animate-left-right{
	transform-origin: left center;
	transform: scale(0, 1.0) translate(0%, 0%);
	opacity: 0;
}
@keyframes bounceInDown {
	from, 60%, 75%, 90%, to {
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		transform: translate3d(0, -3000px, 0);
	}

	60% {
		opacity: 1;
		transform: translate3d(0, 25px, 0);
	}

	75% {
		transform: translate3d(0, -10px, 0);
	}

	90% {
		transform: translate3d(0, 5px, 0);
	}

	to {
		transform: none;
	}
}
.js-animate-bounce-down {
	transform-origin: left center;
	transform: scale(0, 1.0) translate(0%, 0%);
	opacity: 0;
}
.js-animate-bounce-down.is-active {
	animation: bounceInDown .6s 1s linear forwards;
	opacity: 1;
}
.js-animate-left-right.is-active {
	animation: wobble-horizontal .6s 1s linear forwards;
}
.js-animate-fade{
	opacity: 0;
}
.js-animate-fade.is-fade{
	-webkit-animation-delay: 2s; /* Safari 4.0 - 8.0 */
	animation-delay: 2s;
}
@keyframes C {
	0% {
		opacity: 0;
	}
	25% {
		opacity: 0.25;
	}
	50% {
		opacity: 0.5;
	}
	75% {
		opacity: 0.75;
	}
	100% {
		opacity: 1;
	}
}
@keyframes wobble-horizontal {
	0% {
		transform: scale(0, 1.0) translate(0%, 0%);
		opacity: 0;
	}
	16.65% {
		transform: scale(0, 1.0) translate(0%, 0%);
		opacity: 1;
	}
	33.3% {
		transform: scale(0.7, 1.0) translate(1%, 0%);
	}
	49.95% {
		transform: scale(1.03, 1.0) translate(-1%, 0%);
	}
	66.6% {
		transform: scale(0.93, 1.0) translate(1%, 0%);
	}
	76% {
		transform: scale(0.98, 1.01) translate(0%, 0%);
	}
	100% {
		transform: scale(1.0, 1.0) translate(0%, 0%);
		opacity: 1;
	}
}

@keyframes puyon {
	0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
	40%  { transform: scale(1.1, 0.8) translate(0%, 3%);}
	50%  { transform: scale(1, 1.05) translate(0%, -3%); }
	60%  { transform: scale(1.1, 0.9) translate(0%, 3%); }
	70%  { transform: scale(0.95, 1.03) translate(0%, -2%); }
	80%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
	100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}
@keyframes purupuru {
	0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
	20%  { transform: scale(1.0, 1.06) translate(-5%, -4%) skew(6deg, 0deg); }
	50%  { transform: scale(1.0, 0.94) translate(5%, 4%) skew(-6deg, 0deg); }
	65%  { transform: scale(1.0, 1.03) translate(2%, -2%) skew(-3deg, 0deg); }
	80%  { transform: scale(1.0, 0.97) translate(-2%, 2%) skew(3deg, 0deg); }
	100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}

/*---------------------------------------------------*/
.section-conversion {
	background-color: #00479d;
	position: relative;
	z-index: 2;
}
/*
.page-top .section-conversion {
	display: none;
}
*/
.page-top .section-conversion.visible-top {
	display: block;
}
.box-conversion {
	padding: 120px 0 130px;
	position: relative;
	z-index: 1;
}
.box-conversion__title {
	color: #fff;
	text-align: center;
	padding: 0 30px 33px;
	font-size: 30px;
	line-height: 50px;
	letter-spacing: 0.3em;
}
.box-conversion__inner {
	background-color: #fff;
	padding: 35px 0 10px;
	position: relative;
	z-index: 1;
	border-radius: 3px;
}
.box-conversion__pct {
	position: relative;
	z-index: 0;
	display: block;
	margin-bottom: -160px;
	text-align: center;
}
.box-conversion__pct img {
	position: relative;
}

.box-conversion__pct.js-introduce-fadeUp.animated img {
	opacity: 1;
	top: 0;
}
.box-conversion__pct.js-introduce-fadeUp img {
	opacity: 0;
	top: 50px;
	transition: all 1s ease-in-out;
	transition-delay: 1s;
}
.lst-conversion.wrp-grid {
	padding: 20px 0;
	margin:0;
}
.lst-conversion li {
	text-align: center;
	color: #00479d;
	padding: 0 50px;
	position: relative;
	transition: all 0.3s;
}
.lst-conversion li:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	height: 300px;
	width: 1px;
	background-color: #cdd2d7;
}
.lst-conversion li:last-child:before{
	display: none;
}
.lst-conversion li:hover .lst-conversion__content {
	opacity: 0.7;
}
.lst-conversion__content {
	position: relative;
}
.lst-conversion__icon {
	padding-bottom: 20px;
}
.lst-conversion__text-heading {
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0.14em;
	padding-bottom: 22px;
	display: block;
}
.lst-conversion__text-heading:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: 0;
	left: 0;
	height: 100%;
}
.lst-conversion__text-heading span {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
}
.lst-conversion__text-desc {
	line-height: 25px;
	letter-spacing: 0.2em;
	padding-bottom: 90px;
}
.lst-conversion__content-link {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.lst-conversion__content-link .btn {
	background-color: #00479d;
	color: #fff;
	padding: 0;
}
.lst-conversion__content-link .btn .icn {
	width: 57px;
	height: 57px;
	display: block;
	color: #fff;
}
.lst-conversion__content-link .btn .icn:before {
	line-height: 57px;
}
.lst-conversion__content-link a:hover .icon{
	color: #fff;
}
.lst-contact.wrp-grid {
	margin: 52px 0px 0;
	display: table;
	width: 100%;
}
.lst-contact > li {
	padding: 0 20px;
	float: none;
	display: table-cell;
	vertical-align: middle;
}
.lst-contact > li:first-child {
	padding: 0 20px 0 0;
}
.lst-contact > li:last-child {
	padding: 0 0 0 20px;
}
.lst-contact > li .lst-contact__content a {
	display: inline-block;
	box-shadow: none;
	border: 1px solid #ddd;
	border-radius: 35px;
	letter-spacing: 0.12em;
	font-size: 16px;
	padding: 18px 10px;
	box-sizing: border-box;
	transition: all 0.3s;
	background: transparent;
	width: 100%;
	color: #fff!important;
	text-align: center;
	text-decoration: none;
}
.lst-contact__content .icn {
	padding-right: 5px;
}

.lst-contact > li .lst-contact__content a:hover {
	background-color: #fff;
	color: #00479d!important;
}
.box-contact {
	background-color: #fff;
	color: #00479d;
	border-radius: 40px;
	padding: 15px 60px;
	box-sizing: border-box;
	display: table;
	width: 100%;
	table-layout: fixed;
}
.box-contact__title {
	display: table-cell;
	vertical-align: middle;
	font-size: 16px;
	letter-spacing: 0.24em;
	width: 55%;
	font-weight: bold;
}
.box-contact__title small {
	display: block;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.12em;
}
.box-sns {
	display: table-cell;
	vertical-align: middle;
	width: 45%;
}
.media-sns {
	display: table;
	width: 100%;
	text-align: right;
	table-layout: fixed;
}
.media-sns li {
	display: table-cell;
	vertical-align: middle;
	padding: 0 0 0 34px;
	line-height: 0;
	width: 33.33%;
}
.media-sns li a {
	border: 0;
	padding: 0;
}
.media-sns li a:hover {
	opacity: 0.7;
}
.media-sns li .icn-facebook {
	color: #3b579d;
	font-size: 48px;
}
.media-sns li .icn-twitter {
	color: #32a7e0;
	font-size: 48px;
}
@media (min-width: 768px) and (max-width: 1100px) {
	.box-contact {
		padding: 20px;
		border-radius: 60px;
	}
	.box-contact__title {
		font-size: 14px;
		width: 40%;
	}
	.box-contact__title small {
		font-size: 12px;
	}
	.lst-contact li {
		padding: 0 10px;
	}
	.box-contact {
		padding: 15px 30px;
	}
	.media-sns {
		table-layout: initial;
	}
	.media-sns li {
		padding: 0;
	}
	.media-sns li a{
		padding: 0 5px;
	}
	.lst-conversion li {
		padding: 0 15px;
	}
	.lst-conversion__text-heading {
		font-size: 16px;
	}
}
@media (max-width: 767px) {
	.page-top .section-conversion {
		margin: 65px 0 0;
	}
	.box-conversion {
		padding: 45px 0 10px;
	}
	.box-conversion__title {
		font-size: 15px;
		line-height: 25px;
		padding: 0 30px 20px;
	}
	.box-conversion__pct {
		margin-bottom: -83px;
	}
	.box-conversion__pct img {
		width: 106px;
		height: auto;
	}
	.box-conversion__inner {
		padding: 35px 20px 5px;
	}
	.lst-conversion.wrp-grid {
		margin: 0;
		padding: 0;
	}
	.lst-conversion li {
		padding: 20px 0 0;
		position: relative;
	}
	.lst-conversion li:before {
		display: none;
	}
	.lst-conversion li:first-child {
		padding-top: 0;
	}
	.lst-conversion__content {
		display: table;
		width: 100%;
		position: relative;
		padding-bottom: 20px;
	}
	.lst-conversion__content:before {
		content: "";
		display: inline-block;
		position: absolute;
		bottom: 0px;
		left: 0;
		right: 0;
		margin: auto;
		height: 1px;
		max-width: 650px;
		width: 100%;
		background-color: #cdd2d7;
	}
	.lst-conversion li:last-child .lst-conversion__content:before {
		display: none;
	}
	.lst-conversion__icon {
		display: table-cell;
		vertical-align: top;
		width: 35px;
		padding-top: 5px;
	}
	.lst-conversion__text {
		display: table-cell;
		vertical-align: top;
		padding: 0 5px 0 20px;
		text-align: left;
	}
	.lst-conversion__text-heading {
		font-size: 14px;
		line-height: 25px;
		padding-bottom: 0;
	}
	.lst-conversion__text-heading span {
		display: inline;
	}
	.lst-conversion__text-desc {
		font-size: 12px;
		line-height: 17px;
		padding-bottom: 0;
	}
	.lst-conversion__content-link  {
		display: table-cell;
		vertical-align: middle;
		position: relative;
	}
	.lst-conversion__content-link .btn .icn {
		width: 28px;
		height: 28px;
	}
	.lst-conversion__content-link .btn .icn:before {
		font-size: 10px;
		line-height: 28px;
	}
	.lst-contact.wrp-grid {
		margin: 35px 0;
		display: block;
	}
	.lst-contact > li {
		margin-bottom: 20px;
		display: block;
		width: 100%;
		padding: 0;
	}
	.lst-contact li a {
		font-size: 14px;
		padding: 9px;
	}
	.box-contact {
		padding: 10px 15px;
		text-align: center;
		border-radius: 50px;
		margin-top: 35px;
	}
	.box-contact__title {
		display: block;
		font-size: 13px;
		margin-bottom: 5px;
		width: 100%;
	}
	.box-contact__title  small {
		font-size: 10px;
	}
	.lst-contact > li .lst-contact__content a {
		font-size: 14px;
		line-height: 25px;
		padding: 9px;
	}
	.lst-contact > li:first-child,
	.lst-contact > li:last-child {
		padding: 0;
	}
	.box-sns {
		display: table;
		width: 100%;
		max-width: 240px;
		margin: 0 auto;
	}
	.media-sns li {
		padding: 0;
		display: table-cell;
		text-align: center;
	}
	.media-sns li img {
		width: 32px;
		height: auto;
	}
	.media-sns li a{
		padding: 0;
	}
	.media-sns li .icn {
		font-size: 37px;
		margin: 0 auto;
	}
}
/*---------------------------------------------------*/
.box-introduce{
	position: relative;
	padding: 160px 0;
	overflow: hidden;
	box-sizing: border-box;
}

.box-introduce:after{
	content: "ファインレボマン";
	font-size: 12px;
	color: #959ea7;
	position: absolute;
	bottom: 10px;
	left: 38%;
	z-index: 1;
}
.box-introduce__content{
	vertical-align: middle;
	padding-left: 49.28%;
	padding-right: 20px;
	box-sizing: border-box;
}
.box-introduce__content .box-introduce__text{
	font-size: 17px;
	color: #00479d;
	letter-spacing: 0.26em;
}
.box-introduce__content .box-introduce__text--01{
	line-height: 3.55em;
	margin-bottom: 50px;
}
.box-introduce__content .box-introduce__text--02{
	line-height: 2.7em;
	margin-bottom: 95px;
}
.box-introduce__title{
	margin-bottom: 45px;
}
.box-introduce__title img{
	width: 520px;
}
.box-introduce__logo{
	text-align: right;
	padding-right: 24.35%;
	box-sizing: border-box;
}
.box-introduce__pic{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
	width: 45%;
}
.box-introduce__pic p{
	position: relative;
	line-height: 0;
	margin-left: -17%;
	text-align: right;
}
.box-introduce__pic img{
	position: relative;
}
@media (min-width: 768px) and (max-width: 1280px){
	.box-introduce__content .box-introduce__text--01{
		line-height: 2em;
		margin-bottom: 50px;
	}
	.box-introduce__content .box-introduce__text--02{
		line-height: 2em;
		margin-bottom: 95px;
	}
	.box-introduce__title img{
		width: 80%;
	}
}
@media (min-width: 0px) and (max-width: 767px){
	.box-introduce,
	.box-introduce__content,
	.box-introduce__pic{
		display: block;
		direction: ltr;
		width: 100%;
		max-width: 100%;
	}
	.box-introduce{
		padding: 65px 20px 0;
	}
	.box-introduce__content .box-introduce__text{
		font-size: 13px;
	}
	.box-introduce__content .box-introduce__text--01{
		line-height: 2.7em;
		margin-bottom: 58px;
	}
	.box-introduce__content .box-introduce__text--02{
		line-height: 2.6em;
		margin-bottom: 53px;
	}
	.box-introduce__title{
		margin-bottom: 40px;
	}
	.box-introduce__content{
		padding: 0;
		max-width: 335px;
		margin: 0 auto;
	}
	.box-introduce__title img{
		width: 313px;
	}
	.box-introduce__logo{
		padding-right: 25px;
		margin-bottom: 45px;
	}
	.box-introduce__logo img{
		width: 100px;
	}
	.box-introduce__pic{
		position: relative;
		height: 370px;
		text-align: center;
		bottom: auto;
		left: auto;
	}
	.box-introduce__pic p{
		text-align: center;
		padding: 0;
		margin: 0;
		height: 100%;
	}
	.box-introduce__pic img{
		width: 100%;
		max-width: 305px;
		height: auto;
		position: absolute;
		transform: translateX(-50%);
		bottom: 0;
	}
	.box-introduce:after{
		font-size: 10px;
		right: 20px;
		left: auto;
	}
}
.js-introduce-fadeIn{
	opacity: 0;
	transition: all 0.7s ease-in-out;
}
.js-introduce-fadeIn.animated{
	opacity: 1;
}
.js-introduce-fadeUp img{
	opacity: 0;
	top: 730px;
	transition: all 1.5s ease-in-out;
}
.js-introduce-fadeUp.animated img{
	opacity: 1;
	top: 0;
}
.js-introduce-fade-delay-0-2s{
	transition-delay: 0.2s;
}
.js-introduce-fade-delay-0-4s{
	transition-delay: 0.4s;
}
.js-introduce-fade-delay-0-6s{
	transition-delay: 0.6s;
}
.js-introduce-fade-delay-0-8s{
	transition-delay: 0.8s;
}
.js-introduce-fade-delay-1-0s{
	transition-delay: 1s;
}
/*2-1-3.  Table    [tbl-***]*/
.tbl-base{
	width: 100%;
	border: 0;
	font-size: 14px;
	border: 1px solid #ddd;
	border-collapse: collapse;
}
.tbl-base{
	text-align: left;
}
.tbl-base th{
	border-right: 1px solid #ddd;
	background-color: #f9f9f9;
	font-weight: normal;
}
.tbl-base tr{
	border-top: 1px solid #ddd;
}
.tbl-base th,
.tbl-base td{
	padding: 5px 10px;
	vertical-align: top;
	line-height: 1.8em;
}
.tbl-base thead th{
	background-color: #e1f3f8;
	text-align: center;
	color: #0097c2;
	padding: 5px 0;
}
.tbl-base tbody th{
	width: 25%;
}




/*2-1-4.  Headings [hdg_lv*]*/
.hdg-lv1{
	font-size: 24px;
	color: #0097c2;
	margin: 20px 0 10px;
	line-height: 1.1;
}
.hdg-lv2{
	font-size: 35px;
	color: #00479d;
	margin: 110px 0 65px;
	text-align: center;
	letter-spacing: 0.4em;
}
.hdg-lv2 span{
	font-size: 16px;
	font-style: normal;
	display: block;
	letter-spacing: 0.2em;
	margin-bottom: 4px;
}
.hdg-lv3{
	font-size: 14px;
	color: #333;
	border-top: 1px solid #b2e0ed;
	border-bottom: 1px solid #b2e0ed;
	padding :10px 0;
	margin: 26px 0 13px;
}
.hdg-lv4{
	font-size: 14px;
	color: #333;
	margin: 21px 0 8px;
}

.hdg-lv5 {
	margin-bottom: 10px;
}
@media (min-width: 0px) and (max-width: 767px){
	.hdg-lv2{
		font-size: 20px;
		margin: 60px 0 35px;
	}
	.hdg-lv2 span{
		font-size: 13px;
		margin-bottom: 0;
	}
}

/*2-1-5.  Nav      [nav-***]*/
.nav{
	display: table;
	table-layout: fixed;
}
.nav li{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.nav li a{
	padding: 10px;
}


/* ----------------------------------------------- */
.nav-contentinfo{
	width: 100%;
	font-size: 12px;
}
.nav-contentinfo__item{
	border-left: 1px solid #ddd;
	line-height: 1.167em;
}
.nav-contentinfo__item a {
	padding: 7px 10px;
}
.nav-contentinfo__item.is-active{
	background: #1eb9f0;
}
.nav-contentinfo__item.is-active a, .nav-contentinfo__item.is-active .fa:before{
	color: #fff;
}
.nav-contentinfo__item:first-child{
	border: 0;
}
.nav-contentinfo__icon{
	display: block;
}
.nav-contentinfo__icon--menu:before{
	font-size: 28px!important;
	margin: 0 0 10px!important;
	display: block!important;
}

/* Nav Back top button */
.nav-backtotop-wrap {
	height: 60px;
	position: absolute;
	right: 0;
	transition: opacity .6s;
	opacity: 0;
	z-index: 100;
}
.nav-backtotop-wrap.is-show{
	opacity: 1;
}
.btn.nav-backtotop{
	width: 60px;
	height: 60px;
	position: absolute;
	top: -30px;
	right: 50px;
	background: #00479d;
	color: #fff;
	padding: 0;
	z-index: 3;
}
.btn.nav-backtotop .icn{
	display: inline-block;
}
.btn.nav-backtotop .icn:before{
	color: #fff;
	line-height: 60px;
}
.nav-backtotop-wrap.js-nav-fixed{
	position: fixed;
	bottom: 20px;
	top: auto;
	z-index: 9;
	transition: all .6s;
	-webkit-transition: all .6s;
}
@media (max-width: 1280px){
	.nav-backtotop-wrap{
		left: 0;
		height: 0;
	}
	.nav-backtotop-wrap.js-nav-fixed{
		position: relative;
		bottom: 0;
	}
	.btn.nav-backtotop,
	.nav-backtotop.js-nav-fixed{
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
		width: 42px;
		height: 42px;
		top: -20px;
		bottom: auto;
	}
	.btn.nav-backtotop .icn:before{
		font-size: 10px;
		line-height: 42px;
	}
}

/*2-1-6.  List     [lst-***]*/
.lst-dot li{
	text-indent: -1em;
	padding-left: 1em;
}
.lst-dot li:before {
	content: "・";
}


.delay-0{
  -webkit-animation-delay:0 !important;
  animation-delay:0 !important;
}
.delay-1{
  -webkit-animation-delay:0.1s !important;
  animation-delay:0.1s !important;
}
.delay-2 {
  -webkit-animation-delay: 0.2s !important;
  animation-delay: 0.2s !important;
}
.delay-3 {
  -webkit-animation-delay: 0.3s !important;
  animation-delay: 0.3s !important;
}
.delay-4 {
  -webkit-animation-delay: 0.4s !important;
  animation-delay: 0.4s !important;
}
.lst-product{
	overflow: hidden;
}
/* .lst-product .animated {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
} */
.lst-product .lst-product__item01{
	width: 52.14%;
}
.section-product .lst-product .lst-product__item01{
	float: right;
}
.lst-product .lst-product__item{
	width: 23.93%;
}
.lst-product .lst-product__item02{
	width: 50%;
}
.lst-product .lst-product__item03{
	width: 47.86%;
}
.lst-product li{
	float: left;
	position: relative;
	overflow: hidden;
}
.lst-product li a {
	display: block;
	visibility: hidden;
	opacity: 0;
}
.lst-product li a.animated{
	visibility: visible;
	opacity: 1;
	animation-duration: 2s;
}
.lst-product  li .lst-product__img{
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
}
.lst-product li:hover .lst-product__img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
}
.lst-product li a .lst-product__img{
	display: block;
	-webkit-transform: scale(1.01);
	-ms-transform: scale(1.01);
	transform: scale(1.01);
	transition: all 1s cubic-bezier(.175,.885,.32,1.275);
}
.lst-product li a:hover .lst-product__img{
	-webkit-transform: scale(1.06);
	-ms-transform: scale(1.06);
	transform: scale(1.06);
}
.lst-product span{
	display: block;
}
.lst-product__title{
	font-size: 20px;
	position: absolute;
	top: 35px;
	left: 30px;
	z-index: 2;
	letter-spacing: 0.2em;
}
.lst-product__item01 .lst-product__title{
	top: 86px;
	left: 70px;
	font-size: 32px;
}
.lst-product__item01 .lst-product__title span{
	letter-spacing: 0.16em;
}
.lst-product__img{
	font-size: 0;
	line-height: 0;
}
.lst-product__item01 .lst-product__img{
	padding-bottom: 79.45%;
}
.lst-product .lst-product__item .lst-product__img{
	padding-bottom: 86.567%;
}
.lst-product .lst-product__item02 .lst-product__img,
.lst-product .lst-product__item03 .lst-product__img{
	padding-bottom: 58.2%;
}
.section-product .lst-product .lst-product__item01 .lst-product__img{
	padding-bottom: 106.85%;
}
.section-product .lst-product .lst-product__item .lst-product__img{
	padding-bottom: 116.42%;
}
.lst-product__title span{
	display: block;
	font-size: 14px;
	color: #656464;
	text-transform: uppercase;
}
.lst-product__btn {
	position: absolute;
	left: 30px;
	bottom: 28px;
}
.lst-product__btn.btn{
	width: 55px;
	height: 55px;
}
.lst-product__item01 .lst-product__btn{
	left: 76px;
}
.section-product .lst-product__btn{
	left: inherit;
	right: 30px;
	bottom: 30px;
}
.section-product .lst-product__item01 .lst-product__btn{
	left: inherit;
	right: 70px;
	bottom: 22px;
}
@media (min-width: 768px) and (max-width: 1020px){
	.lst-product__title span{
		font-size: 10px;
	}
	.lst-product__title{
		font-size: 15px;
		top: 20px;
		left: 15px;
	}
	.lst-product__item01 .lst-product__title{
		top: 30px;
		left: 20px;
	}
	.lst-product__btn{
		left: 15px;
		bottom: 10px;
	}
	.lst-product__item01 .lst-product__btn{
		left: 20px;
	}
	.section-product .lst-product__btn{
		right: 15px;
		bottom: 15px;
	}
	.section-product .lst-product__item01 .lst-product__btn{
		right: 30px;
		bottom: 15px;
	}
}
@media (min-width: 0px) and (max-width: 767px){
	.lst-product .lst-product__item01{
		width: 100%;
	}
	.lst-product .lst-product__item{
		width: 50%;
	}
	.lst-product .lst-product__item02,
	.lst-product .lst-product__item03{
		width: 100%;
	}
	.lst-product__title span{
		font-size: 9px;
	}
	.lst-product__title{
		font-size: 13px;
		top: 15px;
		left: 20px;
	}
	.lst-product__item01 .lst-product__title{
		font-size: 18px;
		top: 43px;
		left: 20px;
	}
	.lst-product__btn {
		left: 20px;
		bottom: 13px;
	}
	.lst-product__btn.btn{
		width: 28px;
		height: 28px;
		padding: 0;
	}
	.lst-product__btn.btn i {
		font-size: 12px;
		display: inline-block;
		padding-top: 5px;
	}
	.lst-product__item01 .lst-product__btn{
		left: 20px;
		bottom: 24px;
	}
	.lst-product__item01 .lst-product__img{
		padding-bottom: 77.33%;
	}
	.lst-product .lst-product__item .lst-product__img{
		padding-bottom: 77.33%;
	}
	.lst-product .lst-product__item02 .lst-product__img,
	.lst-product .lst-product__item03 .lst-product__img{
		padding-bottom: 52%;
	}
	.section-product .lst-product .lst-product__item01 .lst-product__img{
		padding-bottom: 80%;
	}
	.section-product .lst-product .lst-product__item .lst-product__img{
		padding-bottom: 103.467%;
	}
	.section-product .lst-product__btn,
	.section-product .lst-product__item01 .lst-product__btn{
		left: inherit;
		right: 20px;
		bottom: 15px;
	}
}
.lst-information{
	border-top: 1px solid #dbdbdb;
}
.lst-information li{
	border-bottom: 1px solid #dbdbdb;
}

.box-information{
	display: table;
	width: 100%;
	position: relative;
	text-decoration: none;
}
a.box-information:hover .box-information__text{
	color: #00479d;
}
.box-information .box-information__date{
	display: table-cell;
	vertical-align: top;
	text-align: left;
	padding-right: 30px;
	white-space: nowrap;
}
.box-information .box-information__desc{
	display: table-cell;
	vertical-align: middle;
}
a.box-information:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 0%;
	height: 100%;
	background: #f2f2f2;
	z-index: 0;
	transition: all 1s cubic-bezier(0.375, 0.885, 0.320, 1.075);
}
a.box-information:hover:after{
	width: 100%;
}
.box-information__label{
	display: table-cell;
	position: relative;
	width: 205px;
	box-sizing: border-box;
	padding: 20px 20px 20px 30px;
	vertical-align: top;
	z-index: 1;
}
.box-information__text{
	display: table-cell;
	position: relative;
	box-sizing: border-box;
	padding: 20px 40px 20px 0;
	vertical-align: middle;
	z-index: 1;
}
.box-information__text > span {
	display: block;
}
@media (min-width: 0px) and (max-width: 767px){
	.box-information__label{
		width: 120px;
		padding: 10px;
		vertical-align: top;
	}
	.box-information__text{
		padding: 10px 5px 10px 0;
		font-size: 10px;
	}
	.box-information .box-information__date {
		width: auto;
		display: block;
		padding-right: 0;
	}
}


.box-modal-dialog {
	max-width: 1024px;
	border-radius: 10px;
	background: #fff;
	margin: 0 auto;
	overflow: hidden;
}
@media (max-width: 767px){
	.box-modal-dialog {
		border-radius: 5px;
	}
}
/*2-1-7.  Button   [btn-***]*/
.btn {
	padding: 16px 17px;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: middle;
	box-shadow: 1px 1px rgba(18,63,120, 0.75), 2px 2px rgba(18,63,120, 0.62), 3px 3px rgba(18,63,120, 0.51), 4px 4px rgba(18,63,120, 0.42), 5px 5px rgba(18,63,120, 0.34), 6px 6px rgba(18,63,120, 0.26), 7px 7px rgba(18,63,120, 0.19), 8px 8px rgba(18,63,120, 0.13), 9px 9px rgba(18,63,120, 0.06), 10px 10px rgba(18,63,120, 0.00);
	cursor: pointer;
	color: #00479d;
	background: #fff;
	text-align: center;
	text-decoration: none;
	border-radius: 50%;
	-webkit-transition: -webkit-transform 0.3s ease;
	transition: transform 0.3s ease;
}
.gray-shadow{
	box-shadow: 1px 1px rgba(162,162,162, 0.75), 2px 2px rgba(162,162,162, 0.62), 3px 3px rgba(162,162,162, 0.51), 4px 4px rgba(162,162,162, 0.42), 5px 5px rgba(162,162,162, 0.34), 6px 6px rgba(162,162,162, 0.26), 7px 7px rgba(162,162,162, 0.19), 8px 8px rgba(162,162,162, 0.13), 9px 9px rgba(162,162,162, 0.06), 10px 10px rgba(162,162,162, 0.00);
}
.gray-shadow-02{
	box-shadow: 1px 1px rgba(102,130,164, 0.75), 2px 2px rgba(102,130,164, 0.62), 3px 3px rgba(102,130,164, 0.51), 4px 4px rgba(102,130,164, 0.42), 5px 5px rgba(102,130,164, 0.34), 6px 6px rgba(102,130,164, 0.26), 7px 7px rgba(102,130,164, 0.19), 8px 8px rgba(102,130,164, 0.13), 9px 9px rgba(102,130,164, 0.06), 10px 10px rgba(102,130,164, 0.00);
}
.btn .fa{
	display: table-cell;
	vertical-align: middle;
}
.btn .fa:before{
	margin-right: 0;
}
.js-btn {
	transition: all 0.3s ease;
	box-shadow: 1px 1px rgba(18,63,120, 0.75), 2px 2px rgba(18,63,120, 0.62), 3px 3px rgba(18,63,120, 0.51), 4px 4px rgba(18,63,120, 0.42), 5px 5px rgba(18,63,120, 0.34), 6px 6px rgba(18,63,120, 0.26), 7px 7px rgba(18,63,120, 0.19), 8px 8px rgba(18,63,120, 0.13), 9px 9px rgba(18,63,120, 0.06), 10px 10px rgba(18,63,120, 0.00);
}
.btn:hover {
	box-shadow: 1px 1px rgba(18,63,120, 0.62), 2px 2px rgba(18,63,120, 0.42), 3px 3px rgba(18,63,120, 0.26), 4px 4px rgba(18,63,120, 0.13), 5px 5px rgba(18,63,120, 0.00);
}
.gray-shadow:hover {
	box-shadow: 1px 1px rgba(162,162,162, 0.62), 2px 2px rgba(162,162,162, 0.42), 3px 3px rgba(162,162,162, 0.26), 4px 4px rgba(162,162,162, 0.13), 5px 5px rgba(162,162,162, 0.00);
}
.gray-shadow-02:hover {
	box-shadow: 1px 1px rgba(102,130,164, 0.62), 2px 2px rgba(102,130,164, 0.42), 3px 3px rgba(102,130,164, 0.26), 4px 4px rgba(102,130,164, 0.13), 5px 5px rgba(102,130,164, 0.00);
}
.is-hovered {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	box-shadow: 1px 1px rgba(18,63,120, 0.62), 2px 2px rgba(18,63,120, 0.42), 3px 3px rgba(18,63,120, 0.26), 4px 4px rgba(18,63,120, 0.13), 5px 5px rgba(18,63,120, 0.00);
}
.gray-shadow.is-hovered{
	box-shadow: 1px 1px rgba(162,162,162, 0.62), 2px 2px rgba(162,162,162, 0.42), 3px 3px rgba(162,162,162, 0.26), 4px 4px rgba(162,162,162, 0.13), 5px 5px rgba(162,162,162, 0.00);
}
.gray-shadow-02.is-hovered{
	box-shadow: 1px 1px rgba(102,130,164, 0.62), 2px 2px rgba(102,130,164, 0.42), 3px 3px rgba(102,130,164, 0.26), 4px 4px rgba(102,130,164, 0.13), 5px 5px rgba(102,130,164, 0.00);
}
.js-btn.is-clicked{
	animation: puyon 1.0s linear 0s 1;
	transform-origin: 50% bottom;
}
@media(max-width: 767px){
	.btn{
		box-shadow: 1px 1px rgba(18,63,120, 0.75), 2px 2px rgba(18,63,120, 0.55), 3px 3px rgba(18,63,120, 0.42), 4px 4px rgba(18,63,120, 0.34), 5px 5px rgba(18,63,120, 0.20), 6px 6px rgba(18,63,120, 0.00);
	}
	.gray-shadow{
		box-shadow: 1px 1px rgba(162,162,162, 0.75), 2px 2px rgba(162,162,162, 0.55), 3px 3px rgba(162,162,162, 0.42), 4px 4px rgba(162,162,162, 0.34), 5px 5px rgba(162,162,162, 0.20), 6px 6px rgba(162,162,162, 0.00);
	}
	.gray-shadow-02{
		box-shadow: 1px 1px rgba(102,130,164, 0.75), 2px 2px rgba(102,130,164, 0.55), 3px 3px rgba(102,130,164, 0.42), 4px 4px rgba(102,130,164, 0.34), 5px 5px rgba(102,130,164, 0.20), 6px 6px rgba(102,130,164, 0.00);
	}
}
@keyframes puyon {
	0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
	40%  { transform: scale(1.1, 0.8) translate(0%, 3%);}
	50%  { transform: scale(1, 1.05) translate(0%, -3%); }
	60%  { transform: scale(1.1, 0.9) translate(0%, 3%); }
	70%  { transform: scale(0.95, 1.03) translate(0%, -2%); }
	80%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
	100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}
/*2-1-8.  Anchor   [acr-***]*/
.acr-type01{
}


/*2-1-9.  Text     [txt-***]*/
.txt-english {
	font-family: 'Quicksand', sans-serif;
}
.txt-bold {
	font-weight: bold !important;
}

/*2-1-10. Icon     [icn-***]*/

/*2-1-11. Label    [lbl-***]*/
.lbl{
	display: block;
	text-align: center;
	font-size: 14px;
	color: #fff;
	padding: 5px 20px;
	border-radius: 15px;
}
.lbl--red{
	background-color: #fe3434;
}
.lbl--blue{
	background-color: #3363c4;
}
.lbl--purple{
	background-color: #b188f4;
}
.lbl--green{
	background-color: #1ab0a0;
}
.lbl--yellow{
	background-color: #e19e1b;
}
@media (min-width: 0px) and (max-width: 767px){
	.lbl{
		font-size: 10px;
		padding: 3px 10px;
		border-radius: 10px;
	}
}

/*2-1-12. Form     [frm-***]*/
::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder{
	color: #999;
	font-size: 16px;
}


/*2-1-13. Error    [err-***]*/


/*2-1-14. UI*/


/*2-1-15. Grid  */
/* wrp-grid */
.wrp-grid, .row{
	box-sizing: border-box;
}
.wrp-grid:after, .row:after{
	clear: both;
	content: " ";
	display: table;
}

.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12,
.grid-1--sp, .grid-2--sp, .grid-3--sp, .grid-4--sp, .grid-5--sp, .grid-6--sp, .grid-7--sp, .grid-8--sp, .grid-9--sp, .grid-10--sp, .grid-11--sp, .grid-12--sp{
	box-sizing: border-box;
	float: left;
}

@media (min-width: 0px) and (max-width: 767px){
	.wrp-grid{
		margin-left: -5px;
		margin-right: -5px;
	}
	.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12,
	.grid-1--sp, .grid-2--sp, .grid-3--sp, .grid-4--sp, .grid-5--sp, .grid-6--sp, .grid-7--sp, .grid-8--sp, .grid-9--sp, .grid-10--sp, .grid-11--sp, .grid-12--sp{
		width: 100%;
		padding: 0 5px 0 5px;
	}
	.grid-1--sp{
		width: 8.33333%;
	}
	.grid-2--sp{
		width: 16.66667%;
	}
	.grid-3--sp{
		width: 25%;
	}
	.grid-4--sp{
		width: 33.3333333%;
	}
	.grid-5--sp{
		width: 41.66667%;
	}
	.grid-6--sp{
		width: 50%;
	}
	.grid-7--sp{
		width: 58.33333%;
	}
	.grid-8--sp{
		width: 66.66667%;
	}
	.grid-9--sp{
		width: 75%;
	}
	.grid-10--sp{
		width: 83.33333%;
	}
	.grid-11--sp{
		width: 91.66667%;
	}
	.grid-12--sp{
		width: 100%;
	}
}
@media (min-width: 768px){
	.wrp-grid{
		margin-left: -10px;
		margin-right: -10px;
	}
	.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12{
		padding: 0 10px;
	}
	.grid-1{
		width: 8.33333333333%;
	}
	.grid-2{
		width: 16.6666666667%;
	}
	.grid-3{
		width: 25%;
	}
	.grid-4{
		width: 33.3333333333%;
	}
	.grid-5{
		width: 41.6666666667%;
	}
	.grid-6{
		width: 50%;
	}
	.grid-7{
		width: 58.3333333333%;
	}
	.grid-8{
		width: 66.6666666667%;
	}
	.grid-9{
		width: 75%;
	}
	.grid-10{
		width: 83.3333333333%;
	}
	.grid-11{
		width: 91.6666666667%;
	}
	.grid-12{
		width: 100%;
	}
}


/* 2-2. Utility
-------------------------------------------------- */
/*2-2-1. clearfix [ModernType]*/
#l-header:after,#l-container:after,#l-main:after,#l-sub:after,#l-footer:after,.nav ul:after,.wrp-container:after,
.clearfix:after{
	display: block;
	clear: both;
	content: "";
}
.visible-sp{
	display: none!important;
}
.visible-pc{
	display: block!important;
}
@media(max-width: 767px){
	.visible-sp{
		display: block!important;
	}
	.visible-pc{
		display: none!important;
	}
}
/*2-2-2. margin,padding [mb10,pt20]*/
/* margin  */.m0{margin:0!important;}.m5{margin: 5px!important;}.m10{margin: 10px!important;}.m15{margin: 15px!important;}.m20{margin: 20px!important;}.m25{margin: 25px!important;}.m30{margin: 30px!important;}.m35{margin: 35px!important;}.m40{margin: 40px!important;}.m45{margin: 45px!important;}.m50{margin: 50px!important;}.m55{margin: 55px!important;}.m60{margin: 60px!important;}.m65{margin: 65px!important;}.m70{margin: 70px!important;}.m75{margin: 75px!important;}.m80{margin: 80px!important;}.m85{margin: 85px!important;}.m90{margin: 90px!important;}.m95{margin: 95px!important;}.m100{margin: 100px!important;}/* margin-top */.mt0{margin-top:0!important;}.mt5{margin-top: 5px!important;}.mt10{margin-top: 10px!important;}.mt15{margin-top: 15px!important;}.mt20{margin-top: 20px!important;}.mt25{margin-top: 25px!important;}.mt30{margin-top: 30px!important;}.mt35{margin-top: 35px!important;}.mt40{margin-top: 40px!important;}.mt45{margin-top: 45px!important;}.mt50{margin-top: 50px!important;}.mt55{margin-top: 55px!important;}.mt60{margin-top: 60px!important;}.mt65{margin-top: 65px!important;}.mt70{margin-top: 70px!important;}.mt75{margin-top: 75px!important;}.mt80{margin-top: 80px!important;}.mt85{margin-top: 85px!important;}.mt90{margin-top: 90px!important;}.mt95{margin-top: 95px!important;}.mt100{margin-top: 100px!important;}/* margin-right */.mr0{margin-right:0!important;}.mr5{margin-right: 5px!important;}.mr10{margin-right: 10px!important;}.mr15{margin-right: 15px!important;}.mr20{margin-right: 20px!important;}.mr25{margin-right: 25px!important;}.mr30{margin-right: 30px!important;}.mr35{margin-right: 35px!important;}.mr40{margin-right: 40px!important;}.mr45{margin-right: 45px!important;}.mr50{margin-right: 50px!important;}.mr55{margin-right: 55px!important;}.mr60{margin-right: 60px!important;}.mr65{margin-right: 65px!important;}.mr70{margin-right: 70px!important;}.mr75{margin-right: 75px!important;}.mr80{margin-right: 80px!important;}.mr85{margin-right: 85px!important;}.mr90{margin-right: 90px!important;}.mr95{margin-right: 95px!important;}.mr100{margin-right: 100px!important;}/* margin-bottom */.mb0{margin-bottom:0!important;}.mb5{margin-bottom: 5px!important;}.mb10{margin-bottom: 10px!important;}.mb15{margin-bottom: 15px!important;}.mb20{margin-bottom: 20px!important;}.mb25{margin-bottom: 25px!important;}.mb30{margin-bottom: 30px!important;}.mb35{margin-bottom: 35px!important;}.mb40{margin-bottom: 40px!important;}.mb45{margin-bottom: 45px!important;}.mb50{margin-bottom: 50px!important;}.mb55{margin-bottom: 55px!important;}.mb60{margin-bottom: 60px!important;}.mb65{margin-bottom: 65px!important;}.mb70{margin-bottom: 70px!important;}.mb75{margin-bottom: 75px!important;}.mb80{margin-bottom: 80px!important;}.mb85{margin-bottom: 85px!important;}.mb90{margin-bottom: 90px!important;}.mb95{margin-bottom: 95px!important;}.mb100{margin-bottom: 100px!important;}/* margin-left */.ml0{margin-left:0!important;}.ml5{margin-left: 5px!important;}.ml10{margin-left: 10px!important;}.ml15{margin-left: 15px!important;}.ml20{margin-left: 20px!important;}.ml25{margin-left: 25px!important;}.ml30{margin-left: 30px!important;}.ml35{margin-left: 35px!important;}.ml40{margin-left: 40px!important;}.ml45{margin-left: 45px!important;}.ml50{margin-left: 50px!important;}.ml55{margin-left: 55px!important;}.ml60{margin-left: 60px!important;}.ml65{margin-left: 65px!important;}.ml70{margin-left: 70px!important;}.ml75{margin-left: 75px!important;}.ml80{margin-left: 80px!important;}.ml85{margin-left: 85px!important;}.ml90{margin-left: 90px!important;}.ml95{margin-left: 95px!important;}.ml100{margin-left: 100px!important;}
/* padding */.p0{padding:0!important;}.p5{padding: 5px!important;}.p10{padding: 10px!important;}.p15{padding: 15px!important;}.p20{padding: 20px!important;}.p25{padding: 25px!important;}.p30{padding: 30px!important;}.p35{padding: 35px!important;}.p40{padding: 40px!important;}.p45{padding: 45px!important;}.p50{padding: 50px!important;}.p55{padding: 55px!important;}.p60{padding: 60px!important;}.p65{padding: 65px!important;}.p70{padding: 70px!important;}.p75{padding: 75px!important;}.p80{padding: 80px!important;}.p85{padding: 85px!important;}.p90{padding: 90px!important;}.p95{padding: 95px!important;}.p100{padding: 100px!important;}/* padding-top */.pt0{padding-top:0!important;}.pt5{padding-top: 5px!important;}.pt10{padding-top: 10px!important;}.pt15{padding-top: 15px!important;}.pt20{padding-top: 20px!important;}.pt25{padding-top: 25px!important;}.pt30{padding-top: 30px!important;}.pt35{padding-top: 35px!important;}.pt40{padding-top: 40px!important;}.pt45{padding-top: 45px!important;}.pt50{padding-top: 50px!important;}.pt55{padding-top: 55px!important;}.pt60{padding-top: 60px!important;}.pt65{padding-top: 65px!important;}.pt70{padding-top: 70px!important;}.pt75{padding-top: 75px!important;}.pt80{padding-top: 80px!important;}.pt85{padding-top: 85px!important;}.pt90{padding-top: 90px!important;}.pt95{padding-top: 95px!important;}.pt100{padding-top: 100px!important;}/* padding-right */.pr0{padding-right:0!important;}.pr5{padding-right: 5px!important;}.pr10{padding-right: 10px!important;}.pr15{padding-right: 15px!important;}.pr20{padding-right: 20px!important;}.pr25{padding-right: 25px!important;}.pr30{padding-right: 30px!important;}.pr35{padding-right: 35px!important;}.pr40{padding-right: 40px!important;}.pr45{padding-right: 45px!important;}.pr50{padding-right: 50px!important;}.pr55{padding-right: 55px!important;}.pr60{padding-right: 60px!important;}.pr65{padding-right: 65px!important;}.pr70{padding-right: 70px!important;}.pr75{padding-right: 75px!important;}.pr80{padding-right: 80px!important;}.pr85{padding-right: 85px!important;}.pr90{padding-right: 90px!important;}.pr95{padding-right: 95px!important;}.pr100{padding-right: 100px!important;}/* padding-bottom */.pb0{padding-bottom:0!important;}.pb5{padding-bottom: 5px!important;}.pb10{padding-bottom: 10px!important;}.pb15{padding-bottom: 15px!important;}.pb20{padding-bottom: 20px!important;}.pb25{padding-bottom: 25px!important;}.pb30{padding-bottom: 30px!important;}.pb35{padding-bottom: 35px!important;}.pb40{padding-bottom: 40px!important;}.pb45{padding-bottom: 45px!important;}.pb50{padding-bottom: 50px!important;}.pb55{padding-bottom: 55px!important;}.pb60{padding-bottom: 60px!important;}.pb65{padding-bottom: 65px!important;}.pb70{padding-bottom: 70px!important;}.pb75{padding-bottom: 75px!important;}.pb80{padding-bottom: 80px!important;}.pb85{padding-bottom: 85px!important;}.pb90{padding-bottom: 90px!important;}.pb95{padding-bottom: 95px!important;}.pb100{padding-bottom: 100px!important;}/* padding-left */.pl0{padding-left:0!important;}.pl5{padding-left: 5px!important;}.pl10{padding-left: 10px!important;}.pl15{padding-left: 15px!important;}.pl20{padding-left: 20px!important;}.pl25{padding-left: 25px!important;}.pl30{padding-left: 30px!important;}.pl35{padding-left: 35px!important;}.pl40{padding-left: 40px!important;}.pl45{padding-left: 45px!important;}.pl50{padding-left: 50px!important;}.pl55{padding-left: 55px!important;}.pl60{padding-left: 60px!important;}.pl65{padding-left: 65px!important;}.pl70{padding-left: 70px!important;}.pl75{padding-left: 75px!important;}.pl80{padding-left: 80px!important;}.pl85{padding-left: 85px!important;}.pl90{padding-left: 90px!important;}.pl95{padding-left: 95px!important;}.pl100{padding-left: 100px!important;}


/*2-2-3. Object-Oriented CSS [OOCSS]*/
.no-display{
	display: none;
}
.no-br{
	white-space: nowrap;
}
.no-line-height{
	line-height: 1!important;
}
.pull-left{
	float: left!important;
}
.pull-right{
	float: right!important;
}
.right{
	text-align: right!important;
}
.center{
	text-align: center!important;
}
.left{
	text-align: left!important;
}
.top{
	vertical-align: top!important;
}
.middle{
	vertical-align: middle!important;
}
.bottom{
	vertical-align: bottom!important;
}

/* for RWD */
.fluid-image{
	max-width: 100%;
	height: auto;
}


/* 2-2-4. Grid System [grid-***] */


/* 2-2-5. WebFont [asleep] */
@font-face {
  font-family: 'asleep';
  src: url('/jp/aisin-asleep/common/fonts/asleep.eot?4760195');
  src: url('/jp/aisin-asleep/common/fonts/asleep.eot?4760195#iefix') format('embedded-opentype'),
       /*url('/common/fonts/asleep.woff2?4760195') format('woff2'),*/
       url('/jp/aisin-asleep/common/fonts/asleep.woff?4760195') format('woff'),
       url('/jp/aisin-asleep/common/fonts/asleep.ttf?4760195') format('truetype'),
       url('/jp/aisin-asleep/common/fonts/asleep.svg?4760195#asleep') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'asleep';
    src: url('../font/asleep.svg?38019157#asleep') format('svg');
  }
}
*/

 [class^="icn-"]:before, [class*=" icn-"]:before {
	font-family: "asleep";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icn-line:before { content: '\e800'; } /* '' */
.icn-arrow-up:before { content: '\e806'; } /* '' */
.icn-arrow-right:before { content: '\e807'; } /* '' */
.icn-arrow-left:before { content: '\e808'; } /* '' */
.icn-arrow-down:before { content: '\e809'; } /* '' */
.icn-cart:before { content: '\e900'; } /* '' */
.icn-book:before { content: '\f02d'; } /* '' */
.icn-help:before { content: '\f059'; } /* '' */
.icn-twitter:before { content: '\f081'; } /* '' */
.icn-facebook:before { content: '\f082'; } /* '' */
.icn-external:before { content: '\f08e'; } /* '' */
.icn-angle-left:before { content: '\f104'; } /* '' */
.icn-angle-right:before { content: '\f105'; } /* '' */
.icn-angle-up:before { content: '\f106'; } /* '' */
.icn-angle-down:before { content: '\f107'; } /* '' */


/*2-2-6. Backgrounds [bg-***]*/
.bg-blue {
	background: #00479d url("/jp/aisin-asleep/common/images/bg-blue01.jpg");
}
.bg-gray{
	background: url("/jp/aisin-asleep/common/images/bg-gray.jpg");
}
/*2-2-7. Font size [fs-***]*/
.fs-18 {
	font-size: 18px;
}
.fs-16 {
	font-size: 16px;
}
.fs-14 {
	font-size: 14px;
}
.fs-12 {
	font-size: 12px;
}



/* 2-3. State [is-***]
-------------------------------------------------- */
.is-open{
	display: block;
}
.is-error{
	background-color: #f9eceb;
}
.is-disabled{
	opacity: 0.45;
}
.is-show{
	visibility: visible;
	opacity: 1;
}


/* 2-4. OverLayerConfig [z-index]
-------------------------------------------------- */

/* 2-5. Project
-------------------------------------------------- */
.owl-dots {
	text-align: center;
}
.owl-dots .owl-dot {
	display: inline-block;
	vertical-align: middle;
	padding: 0 9px;
}
.owl-dots .owl-dot span {
	width: 12px;
	height: 12px;
	background: #fff;
	font-size: 0;
	border-radius: 50%;
	transition: all 0.3s ease;
	display: block;
}
.owl-dots .owl-dot:hover span,
.owl-dots .active span {
	background: #00479d;
}
@media(max-width: 767px){
	.owl-dots .owl-dot {
		padding: 0 5px;
	}
	.owl-dots .owl-dot span {
		width: 8px;
		height: 8px;
	}
}

#videoObj,.videoObj {
	position: absolute;
	top: 50%;
	left: 50%;
}







/*200327 終了対応*/

.end-greeting {
	margin: 150px auto 0 auto;
	max-width: 1024px;
	font-size: 18px;
}

.end-greeting h1 {
	font-size: 150%;
	font-weight: bold;
	text-align: center;
	margin-bottom: 50px;
}

.end-greeting p {
	margin-bottom: 0.7em;
}

@media screen and (max-width: 1024px) {
	.end-greeting {
		margin: 100px 20px 0 20px;
		font-size: 14px;
	}

	.end-greeting h1 {
		margin-bottom: 30px;
	}
}