@charset "utf-8";

/*csslint 
adjoining-classes      : false //adjoining classesの許可,
important              : false //inportantの許可,
outline-none           : false //outolineの許可,
unique-headings        : false //h1~6繰り返し使用許可,
box-sizing             : false //box-sizingの許可,
universal-selector     : false //アスタリスクの使用許可,
order-alphabetical     : false //outolineの許可,
overqualified-elements : false //li.activeなどの「li部分」許可,
ids                    : false //セレクタIDの使用の許可,
box-model              : flase //border,paddingの警告,
qualified-headings     : false //見出しの修飾許可,
fallback-colors: false //カラー正式指定の解除,
*/

/*全体の設定
---------------------------------------------------------------------------*/
body {
	font-size:15px;
	min-width: initial;
	min-width: auto;
}
/*フォント設定
---------------------------------------------------------------------------*/
/*見出し設定
---------------------------------------------------------------------------*/
h2.secTtl1 {
	font-size: 8.21vw;
	line-height: 9.375vw;
	margin-bottom: 7.24vw;
}
h2.secTtl1 span {
	margin: 4px auto 0;
	padding: 0 0 2px;
}
/*共通コンテンツ・部品
---------------------------------------------------------------------------*/
button,
input[type="submit"],
input[type="button"]{
	-webkit-appearance: none;
	border-radius: 0;
}
/*カラム設定
---------------------------------------------------------------------------*/
.flex_Crev{
	-ms-flex-direction: column-reverse;
	-webkit-flex-direction: column-reverse;
	flex-direction: column-reverse;
}
.col_max2 > * { width: 100%; margin-bottom: 30px; }
.col_max3 > * { width: 100%; margin-bottom: 30px;}
.col_max4 > * { width: 48%; margin-bottom: 30px;}
.col_max5 > * { width: 100%; margin-bottom: 30px;}

/*table 関連
----------------------------------------*/
select {
	width: 100%;
}
/*Layout
---------------------------------------------------------------------------*/
article.mainContents{
	width: 100%;
	padding: 5% 4% 6%;
}
.innerWrap{
	width: 100%;
}
/*Header
---------------------------------------------------------------------------*/
header {
	padding: 0 2%;
}
header .innerWrap {
	margin-top: 15px;
}
header h1 span{
	font-size: 2.415vw;
	line-height: 2.415vw;
}
/*スマホ用メニュー
--------------------------------------*/
.sp_menuBtn {
	color: #333;
	display: block;
	position: absolute;
	top: 8px;
	right: 15px;
	width: 40px;
	text-align: center;
	cursor: pointer;
	z-index: 9999;
}
.sp_menuBtn span.bar {
	display: block;
	height: 2px;
	background-color: #333;
	margin: 10px 0;
	transition: all 0.2s;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}
.sp_menuBtn .sp_menu_str {
	display: block;
	margin-left: -3px;
}
.sp_menuBtn .sp_close_str {
	letter-spacing: 0.08em;
	display: none;
}
.open .sp_menuBtn{
	color: #FFF;
}
.open .sp_menuBtn span.bar {
	background-color: #FFF;
	width: 49px;
}
.open .sp_menuBtn .bar1 {
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
}
.open .sp_menuBtn .bar2 {
	opacity: 0;
}
.open .sp_menuBtn .bar3 {
	-webkit-transform: rotate(-30deg);
	transform: rotate(-30deg);
}
.open .sp_menuBtn .sp_menu_str {
	display: none;
}
.open .sp_menuBtn .sp_close_str {
	display: block;
	margin-left: -7px;
}
.menu {
	position: fixed;
	display: table;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.8);
	-webkit-transition: all .5s;
	transition: all .5s;
	visibility: hidden;
	opacity: 0;
	margin-top: 0;
	z-index: 999;
}
.open .menu {
	-webkit-transition: all .5s;
	transition: all .5s;
	visibility: visible;
	opacity: 1;
}
/*モーダル部分
--------------------------------------*/
.menu ul {
	display: table-cell;
	vertical-align: middle;
}
.menu li {
	display: block;
	width: 100%;
	height: 80px;
	line-height: 80px;
	margin: 0 auto;
	text-align: center;
	opacity: 0;
}
.open .menu li {
	opacity: 1;
}
.open .menu li:nth-of-type(1) {
	-webkit-transition: opacity 1s ease .5s;
	transition: opacity 1s ease .5s;
}
.open .menu li:nth-of-type(2) {
	-webkit-transition: opacity 1s ease .6s;
	transition: opacity 1s ease .6s;
}
.open .menu li:nth-of-type(3) {
	-webkit-transition: opacity 1s ease .7s;
	transition: opacity 1s ease .7s;
}
.open .menu li:nth-of-type(4) {
	-webkit-transition: opacity 1s ease .8s;
	transition: opacity 1s ease .8s;
}
.open .menu li:nth-of-type(5) {
	-webkit-transition: opacity 1s ease .9s;
	transition: opacity 1s ease .9s;
}
.open .menu li:nth-of-type(6) {
	-webkit-transition: opacity 1s ease 1s;
	transition: opacity 1s ease 1s;
}
.open .menu li:nth-of-type(7) {
	-webkit-transition: opacity 1s ease 1.1s;
	transition: opacity 1s ease 1.1s;
}
.menu li a {
	display: block;
	font-size: 20px;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.menu li a:hover {
	color: #999;
}
.open{
	position: fixed;
	width: 100%;
}
.open .main_visual,
.open #main_content,
.open footer {
	transition: all .2s ease-out;
	-webkit-filter: blur(8px);
	-moz-filter: blur(8px);
	-ms-filter: blur(8px);
	filter: blur(8px);
}
/*FOOTER
---------------------------------------------------------------------------*/
footer .footerInner{
	padding: 4%;
}
footer nav {
	text-align: center;
}
.copyRight {
	font-size: 2.65vw;
}

/*--------------------------------------------------------------------------
TOPページ home
---------------------------------------------------------------------------*/
.home main {
	margin-top: 25px;
	padding: 0;
}
/*MainVisual
---------------------------------------------------------------------------*/
.mainVisual{
	width: 100%;
	margin: 0 auto 4.83vw;
}
/*Main
---------------------------------------------------------------------------*/
.homeSec {
	margin-bottom: 9.375vw;
}
/*featureSec
--------------------------------------*/
.featureSec .cmt {
	margin-bottom: 7.24vw;
}
.featureSec .boxWrap .box {
	padding: 15px 10px;
	width: 48.5%;
	margin-bottom: 3.5%;
}
.featureSec .boxWrap .box h5 {
	line-height: 1.4;
}
/*conditionsSec
--------------------------------------*/
.conditionsSec table {
	width: 100%;
}
.conditionsSec td, .conditionsSec th {
	display: block;
	width: 100%;
	text-align: center;
}
.conditionsSec th {
	text-align: center;;
}
.conditionsSec .cmt {
	text-align: left;
	line-height: 1.4;
}
/*ect
---------------------------------------------------------------------------*/
.sp_alignL {text-align: left;}
.sp_alignR {text-align: right;}
.sp_alignCR {text-align: center;}

.pcNone{display: block;}
.spNone{display: none;}

@media screen and (max-width: 360px){

}

@media screen and (max-width: 320px){

}