@charset "utf-8";
/* CSS Document */

body {
	background-color: #fff;
	color: #333333;
	margin: 0 auto;
	padding: 0;
	width: 100vw;
}

img { margin: 0 auto; }

.pcv { display:block;}
.spv { display: none;}

/* /// ヘッダー /// */

header {
	margin: 0 auto;
	text-align: center;
	color: #ffffff;
	width: 100%;
	background-attachment: fixed;
	background-color: #000;
	line-height: 3em;
	font-size: 16px;
}
header img {
    height: 100%;
    width: auto;
}
header div { max-width: 1000px; margin: 0 auto; height: 60px; }

#logo {	float: left; height: 100%; }


/* /// ヘッダー ここまで /// */



/* /// コンテンツ /// */
#wrapper {}
.top {
	background: #000 url(../images/tenp01_bg_01.png) top center fixed;
	background-size: cover;
	text-align: center;
	overflow: hidden;
	vertical-align: top;
}
.top img {
	width: 100%;
}
#sec00 {
	width: 100%;
	margin:0 auto;
}
.cv01 {
	background: linear-gradient(#121212, #252525);
	text-align: center;
}
.cv01 p {
	width: 50%;
	padding: 2%;
	margin: 0 auto;
	color: #fff;
}
.cv01>form {
	margin-bottom: 0px;
padding-bottom: 3vw;
}
.cv01>form>div {
	color: #fff;
}
.cv01 input[type="tel"] {
    padding: 10px;
    border-radius: 5px;
    width: 50%;
}
.cv01 input[type="submit"] {
    padding: 10px;
    border-radius: 5px;
    width: 50%;
		background: #00d000;
		margin: 10px;
		font-weight: bold;
}
.wrap { width: 100%; margin: 0 auto; }
.area02 {
    padding: 4vw 0vw;
}
/* /// コンテンツ ここまで /// */
.hed1 {
	width: 100%;
	text-align: center;
	background: #e8c450;
}

h2 {
	font-size: 28px;
	margin: 1% auto 2%;
	padding: 2% 2% 0;
	width: 100%;
}

p { font-size: 18px; }


/* ///　 #sec00　#sec01　 設定 /// */

.text_area {
	background: #000 url(../images/bg01.jpg) top center fixed;
	background-size: cover;
	width: 100%;
	text-align: left;
	margin: 0 auto;
	padding: 2% 4% 5%;
	border: solid 1px #e2e2e2;
	color: #fff;
}
.area {
	width: 100%;
	margin: 2% auto 4%;
	padding:2% 2% 4%;
	background-color: rgba(47, 47, 47, 0.9);
}
.text_area .text { width: 100%; line-height: 2;}
.text {
	width: 85%;
	text-align: left;
	margin: 0 auto;
}
.text_area02 {
    background: #1d1d1d;
    color: #bf9f64;
}
img.imgw {
    width: 50%;
}
/* ///　 #sec00　#sec01　 設定 ここまで /// */



/* /// 文字装飾　#sec01 /// */
.f14 {font-size: 14px;}
.f15 {font-size: 15px;}
.f16 {font-size: 16px;}
.f18 {font-size: 18px;}
.f20 {font-size: 20px;}
.f22 {font-size: 22px;}
.f26 {font-size: 28px;}
.f28 {font-size: 28px;}
.f30 {font-size: 30px;}
.f36 {font-size: 36px;}
.f40 {font-size: 40px;}
.red_txt { color: #ee2929;}
.blue_txt { color: #003399;}
.blue_txt02 { color: #0089ec;}
.yellow_txt { color: #f8e400;}
.bold_txt{ font-weight: bold;}
.pink_txt { color: #ff1981}
.pap_txt { color: #7800ff}
.black_txt {color: #161616;}

.pink_udl { background:rgba(0, 0, 0, 0) linear-gradient(transparent 0%, #ff86de 0%) repeat scroll 0 0;}
.skyblue_udl { background:rgba(0, 0, 0, 0) linear-gradient(transparent 40%, #86edff 0%) repeat scroll 0 0;}
.yellow_udl { background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #f8e400 0%) repeat scroll 0 0;}
.red_udl { background:rgba(0, 0, 0, 0) linear-gradient(transparent 80%, #ee2929 0%) repeat scroll 0 0;}
.blue_udl { background:rgba(0, 0, 0, 0) linear-gradient(transparent 90%, #003399 0%) repeat scroll 0 0;}

.udl { background: linear-gradient(transparent 95%, #333 0%);}

.yellow_mk {background:rgba(0, 0, 0, 0) linear-gradient(transparent 0%, #f1ff4b 0%) repeat scroll 0 0; padding: 0.7% 1.5%;}

.wf-sawarabimincho { font-family: "Sawarabi Mincho"; }
.shine {
	color: #FFF;
	text-shadow: 0 0 0.05em #e8b600, 0 0 0.1em #bbac00, 0 0 0.15em #908502, 0 0 0.3em #ccbb01;
	filter: saturate(80%);
}
/* ///　#sec01　文字装飾　ここまで /// */



/* /// ここから見出し 　#sec00　/// */
.ex2{
	border-left: 4px solid #e60000;
	padding: 12px;
	line-height: 1.3em;
	color: #FFF;
	text-shadow: 0 0 0.05em #e8b600, 0 0 0.1em #bbac00, 0 0 0.15em #908502, 0 0 0.3em #ccbb01;
	filter: saturate(80%);
}

/* /// #sec00　見出し　ここまで /// */


footer { background: #111111; color: #ffffff;}

/* ///　(max-width:780px)　タブレット以下サイズでの表示設定　 /// */

@media (max-width:780px) {
	.pcv { display: none;}
	.spv { display: block;}
img {width:100%;}
p {	font-size: 3vw; }
.f30 {font-size: 6vw;}

header { line-height: 2em; font-size: 14px; }

header div { height: 60px; text-align: left; margin: 0 auto; }

#logo img{ width: auto; height: 60px; padding-right: 20px; }


h2 { font-size: 4vw; }

img.imgw {
    width: 100%;
}
.cv01 p {
	width: 90%;
}
.cv01 input[type="tel"] {
    padding: 10px;
    border-radius: 5px;
    width: 90%;
}
.cv01 input[type="submit"] {
    padding: 10px;
    border-radius: 5px;
    width: 90%;
		background: #00d000;
		margin: 10px;
		font-weight: bold;
}
}

/* ///　タブレット以下サイズでの表示設定　ここまで　 /// */

/* ///　(max-width:480px)　スマホ以下サイズでの表示設定　 /// */

@media (max-width:480px) {

p { font-size: 3.5vw;}

header { line-height: 1.7em; font-size: 12px; }

header div { height: 40px; }

#logo img{ width: auto; height: 36px; margin: 0 auto; }

h2 { font-size: 6.5vw;}

#sec00 .text { text-align: justify;	padding: 2vw; }

.f20 {font-size: 4vw;}
}
/* ///　スマホ以下サイズでの表示設定　ここまで　 /// */