@charset "utf-8";

/*
************************************************************************
* カラー設定
* @copyright Revolme Inc.
************************************************************************
*/

/*
#282731
#95d4ec
#FF8F64

*/

/* 基本の文字色 */
body
{
	color:#666666;
	background-color: #F2F4EB;
}
a
{
	color:#666666;
}

a[href*="tel:"],
#footer a[href*="tel:"] {
	pointer-events: none;
	color: #009BE4;
	display: inline-block;
}

.notice
{
	color:#ff0000;
}
.error
{
	color:#ff0000;
}
.required
{
	color:#ff0000;
}

/* 基本の段落 */
.section
{
	/*border-bottom:1px solid rgba(0,0,0,0.15);*/
}
.section:nth-child(odd)
{
	background-color:transparent;
}
.section:nth-child(even)
{
}

/*フッター*/
#footer a {
	color:#ffffff;
}


/* ページタイトル */
#page-title
{
	background-color:rgba(0,0,0,0.05);
}
#page-title .anchor a
{
	color:#404040;
}
#page-title .anchor a:before
{
	border-top-color:#404040 !important;
}

/* ナビゲーションのカラー設定 */
#header
{
	background-color: #fff;
}
.navigation .menu-list ul li a
{
	color:#002F98;
}
.navigation .navigation-title
{

}
.navigation .menu-list > hr
{
	border-color:rgba(0, 0, 0, 0.3) !important;
	/* border-color:rgba(255, 255, 255, 0.3) !important; */
}
@media screen and (max-width:1320px) {
	#header
	{

	}
	.navigation
	{

	}
	.navigation .menu-list
	{
		background-color:transparent;
	}
	.navigation .menu-list ul li a
	{
	}
}
@media screen and (max-width:1320px) {
	#header
	{

	}
	.navigation
	{

	}
}

/* メインビジュアルの色 */
#index-mv .mv
{
	background-color:rgba(0,0,0,0.3);
}
#index-mv .title .main
{
	color:#FFFFFF;
}
#index-mv .title .sub
{
	color:#FFFFFF;
}

/* メインビジュアル(動画)の色 */
#movie-mv > .shield
{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0054bc+0,268e42+100 */
	background: #0054bc; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #0054bc 0%, #268e42 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #0054bc 0%,#268e42 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #0054bc 0%,#268e42 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0054bc', endColorstr='#268e42',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	opacity:0.3;
}
#movie-mv > .catchcopy
{
	background-color:rgba(0,0,0,0.3);
}
#movie-mv > .catchcopy .main
{
	color:#FFFFFF;
}
#movie-mv > .catchcopy .sub
{
	color:#FFFFFF;
}

/* 見出しLV1の色 */
.title-lv1:after
{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0054bc+0,268e42+100 */
	background: #0054bc; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #0054bc 0%, #268e42 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #0054bc 0%,#268e42 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #0054bc 0%,#268e42 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0054bc', endColorstr='#268e42',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.title-lv1 .main
{

}
.title-lv1 .sub
{
	color: #3885FF;
}
.title-lv1 .sub > span
{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0054bc+0,268e42+100 */
	background: #0054bc; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #0054bc 0%, #268e42 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #0054bc 0%,#268e42 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #0054bc 0%,#268e42 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0054bc', endColorstr='#268e42',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* ボタン */
.button
{
    background-color:#FFFFFF;
}
.button > span
{
    color:#fff;
}
.button:hover
{
    background-color:#FCCC00;
}
.button:hover > span
{
    color:#0086E8;
}
.button.button-warning
{
    border:1px solid #e63b25;
}
.button.button-warning:hover
{
    background-color:#e63b25;
}

/* バナーの色 */
.banner .banner-item
{
	color:#404040;
	background-color:#FFFFFF;
	box-shadow:1px 1px 5px -3px #000000;
}
.big-banner a
{
	color:#FFFFFF;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0054bc+0,268e42+100 */
	background: #0054bc; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #0054bc 0%, #268e42 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #0054bc 0%,#268e42 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #0054bc 0%,#268e42 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.big-banner a:hover
{
	box-shadow:2px 2px 5px -2px #000000;
}

/* テーブル */
.table table,
.ticket table
{
}
.table table tr th,
.table table tr td,
.ticket table tr th,
.ticket table tr td
{
}
@media screen and (max-width:640px) {
	.table table tr,
	.ticket table tr
	{
	}
}

/* フローの色 */
.flow .flow-item .flow-title .step
{
	color:#FFFFFF;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0054bc+0,268e42+100 */
	background: #0054bc; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #0054bc 0%, #268e42 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #0054bc 0%,#268e42 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #0054bc 0%,#268e42 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0054bc', endColorstr='#268e42',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.flow .flow-item .flow-text
{
	border-left-color:rgba(0,0,0,0.2) !important;
}

/* ポイントの色 */
.point-title .point-no
{
	color:#FFFFFF;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0054bc+0,268e42+100 */
	background: #0054bc; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #0054bc 0%, #268e42 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #0054bc 0%,#268e42 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #0054bc 0%,#268e42 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0054bc', endColorstr='#268e42',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/* タイル */
.tile-item
{
	color:#404040;
	background-color:#FFFFFF;
	border:1px solid rgba(0,0,0,0.2);
	box-shadow:1px 1px 5px -3px #000000;
}
.tile-item:hover
{
	color:#404040;
	background-color:rgba(0,0,0,0.05);
}

/* インフォメーションリンク */
.information
{
	border-top:1px solid rgba(0,0,0,0.2);
}
.information li
{
	border-bottom:1px solid rgba(0,0,0,0.2);
}
.information li .tag
{
	color:#FFFFFF;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0054bc+0,268e42+100 */
	background: #0054bc; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #0054bc 0%, #268e42 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #0054bc 0%,#268e42 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #0054bc 0%,#268e42 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0054bc', endColorstr='#268e42',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/* ブログ */
.blog-list .blog-article
{
	color:#404040;
	background-color:#FFFFFF;
	border:1px solid rgba(0,0,0,0.2);
	box-shadow:1px 1px 5px -3px #000000;
}
.blog-list .blog-article:hover
{
	color:#404040;
	background-color:rgba(0,0,0,0.05);
}
.blog-list .blog-article .attr
{
	color:#999999;
}

/* ################################################################################################ */
/* ## TAB                        ################################################################## */
/* ################################################################################################ */
@media screen and (max-width:1320px) {
}

/* ################################################################################################ */
/* ## スマホサイト用スタイル ###################################################################### */
/* ################################################################################################ */
@media screen and (max-width:640px) {

	.navigation .menu-list ul li a {
		color: #002F98;
	}

	a[href*="tel:"],
	#footer a[href*="tel:"] {
		pointer-events: auto;
	}
}