@charset "UTF-8";
@import url("http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,700,900");
@import url("font-awesome.min.css");
/*
	Escape Velocity by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/


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





/* ▼基本設定---------*/

/* Wrappers */

/*.wrapper {
	position: relative;
}
*/

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


/*PC設定*/

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


@media screen and (min-width: 1000px) {
* {
	margin: 0;
	padding: 0;
}
html {
	font-size: 87%;
	line-height: 1.5em;
	color: #000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body {
	width: 100%;
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
	background-image: url(../../img/common/bg_y.jpg);
	background-repeat: repeat-y;
	background-size:100% 1px;
}

.wrapper{padding-bottom:0 !important;
	margin-bottom:0 !important;}
h1, h2, h3, h4, h5, p {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
img {
	margin: 0px !important;
	padding: 0px !important;
	line-height: 0;
}
a {
	color: #06C;
	text-decoration: none;
}
a:visited {
	color: #666;
	text-decoration: none;
}
a:hover {
	opacity: 0.7;
}
.sp {
	display: none;
}

.sp_640 {
	display: none;
}



/*イメージボックス
------------------------------------------*/

h1 {width: 100%;
line-height:1;
}

h1 img{width: 100%;}

.Box1{position:relative;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.Box1 .txt01{
position:absolute;
top:38%;
right:9%;
color:#572a12;
width:36%;
z-index:100;
font-size:120%;
line-height:2em;
}

.Box1 img{width: 100%;}

.Box2{position:relative;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

.Box2 .txt02{
position:absolute;
top:72%;
left:11%;
color:#fff;
width:23%;
z-index:100;
font-size:120%;
line-height:1.8em}

.Box2 .txt03{
position:absolute;
top:72%;
left:39.7%;
color:#fff;
width:22%;
z-index:100;
font-size:120%;
line-height:1.8em}

.Box2 .txt04{
position:absolute;
top:72%;
right:10%;
color:#fff;
width:22%;
z-index:100;
font-size:120%;
line-height:1.8em}

.Box2 img{width: 100%;}


/*logofix
------------------------------------------*/

.logofix img {
	width: 100%;
}

.logofix {
	width:80px;
	position: fixed;
	top: 0;
	right:2%;
	z-index: 1000000;
	}
	

/*POINT ====================================*/

.sec-box2 {
	width: 100%;
}


.sec-box2 .col01 {width: 100%;
position:relative;
}

.sec-box2 .col01 img{width: 100%;}

.sec-box2 .col01 h2{ width:60%;
margin-left:auto;
margin-right:auto;
padding-top:70px;
margin-bottom:50px;}


.sec-box2 .col01 .tenpoBox{ width:90%;
margin-left:auto;
margin-right:auto;
text-align:center;
margin-bottom:100px;
}

.sec-box2 .col01 .tenpoBox li{
float:left;
width:28.5%;
margin-left:2.3%;
margin-right:2.3%;}

.sec-box2 .col01 .tenpoBox li img{width:100%;}


/*フッター設定-------------------------------------------------*/
.footer-box {
	width: 100%;
	position:relative;
}

.footer-box .contactBox1 {
width: 9%;
position: absolute;
top:-17%;
left:26%;
z-index:100;
}

.footer-box .contactBox2 {
width: 30%;
position: absolute;
top:28%;
left:38%;
z-index:100;
}

.footer-box img{width: 100%;}

/*-----------------------------------------------*/
}





/*FB-----------------------------------------------*/
/*
.fb {
	position: fixed;
	bottom: 60px;
	right: 10px;
	width: 40px;
	height: 40px;
	z-index: 100001;
}
.fb img {
	width: 100%;
}*/
/*ページトップ-----------------------------------------------*/

.homebk{
	position: fixed;
	bottom: 80px;
	right: 0px;
	width: 50px;
	height: auto;
	z-index: 100001;
}
.homebk img {
	width: 100%;
}


.pageTop {
	position: fixed;
	bottom: 5%;
	right: 10px;
	width: 20px;
	height: auto;
	z-index: 100001;
}
.pageTop img {
	width: 100%;
}


/*ブログボタン-----------------------------------------------*/

.mailbtn {
	position: fixed;
	top: 20%;
	right: 0px;
	z-index:1000;
}


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


/*スマホ設定*/

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

@media screen and (max-width: 699px) {
html {
	margin: 0px;
	padding: 0px;
}
body {
	width: 100%;
	background-image: url(../../img/common/bg_y.jpg);
	background-repeat: repeat-y;
	background-size:100% 1px;
	margin: 0px;
	padding: 0px;
}
.wrapper {
	width: 100%;
	padding: 0px 0px 0em 0px;
	height: 100%;
}
img {
	width: 100%;
}
.pc {
	display: none;
}
.brsp {
	display: block !important;
}
a {
	color: #06C;
	text-decoration: none;
}
a:visited {
	color: #666;
	text-decoration: none;
}
h1,h2,h3,h4,h5,p {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.sp_640 {
	display: block;
}

.sp {
	display: none;
}

/*imgスペースバグ対応設定
---------------------------------------*/

img {line-height:1 !important;
font-size:0 !important;
}

/*width設定-----------------------------------------------*/

.sw40 {
	width: 40%;
}
.sw46 {
	width: 46%;
}
.sw48 {
	width: 48%;
}
.sw60 {
	width: 70%;
	margin-right: auto;
	margin-left: auto;
}
.sw70 {
	width: 70%;
	margin-right: auto;
	margin-left: auto;
}
.sw80 {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}
.sw96 {
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}
.sw100 {
	width: 100%;
}





/*logofix
------------------------------------------*/

.logofix img {
	width: 100%;
}

.logofix {
	width:40px;
	position: fixed;
	top: 0;
	right:2%;
	z-index: 1000000;
	}



/*POINT ====================================*/

.sec-box2 {
	width: 100%;
}


.sec-box2 .col01 {width: 100%;
position:relative;
}

.sec-box2 .col01 img{width: 100%;}

.sec-box2 .col01 h2{ width:90%;
margin-left:auto;
margin-right:auto;
padding-top:30px;
margin-bottom:30px;}


.sec-box2 .col01 .tenpoBox{ width:100%;
margin-left:auto;
margin-right:auto;
text-align:center;
margin-bottom:50px;
}

.sec-box2 .col01 .tenpoBox li{
/*float:left;
width:32%;
margin-left:0.5%;
margin-right:0.5%;*/

float:none;
width:65%;
margin-left:auto;
margin-right:auto;
margin-bottom:15px;}

.sec-box2 .col01 .tenpoBox li img{width:100%;}


/*フッター設定-------------------------------------------------*/
.footer-box {
	width: 100%;
	position:relative;
}

.footer-box .contactBox1 {
width: 13%;
position: absolute;
top:-25%;
left:13%;
z-index:100;
}

.footer-box .contactBox2 {
width: 40%;
position: absolute;
top:28%;
left:32%;
z-index:100;
}

.footer-box img{width: 100%;}

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


}








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


/*タブレット設定*/

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


@media screen and (min-width: 700px) and (max-width: 999px) {

html {
	margin: 0px;
	padding: 0px;
}
body {
	width: 100%;
	background-image: url(../../img/common/bg_y.jpg);
	background-repeat: repeat-y;
	background-size:100% 1px;
	margin: 0px;
	padding: 0px;
}
.wrapper {
	width: 100%;
	padding: 0px 0px 0em 0px;
	height: 100%;
}
img {
	width: 100%;
}
.pc {
	display: none;
}
.brsp {
	display: block !important;
}
a {
	color: #06C;
	text-decoration: none;
}
a:visited {
	color: #666;
	text-decoration: none;
}
h1,h2,h3,h4,h5,p {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.sp_640 {
	display:none;
}

.pc {
	display: block;
}

/*imgスペースバグ対応設定
---------------------------------------*/

img {line-height:1 !important;
font-size:0 !important;
}


/*width設定-----------------------------------------------*/

.sw20 {
	width: 20%;
	margin-right: auto;
	margin-left: auto;
}

.sw30 {
	width: 30%;
	margin-right: auto;
	margin-left: auto;
}

.sw40 {
	width: 40%;
	margin-right: auto;
	margin-left: auto;
}
.sw46 {
	width: 46%;
	margin-right: auto;
	margin-left: auto;
}
.sw48 {
	width: 48%;
	margin-right: auto;
	margin-left: auto;
}
.sw50 {
	width: 50%;
	margin-right: auto;
	margin-left: auto;
}
.sw60 {
	width: 60%;
	margin-right: auto;
	margin-left: auto;
}
.sw70 {
	width: 70%;
	margin-right: auto;
	margin-left: auto;
}
.sw80 {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}
.sw96 {
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}
.sw100 {
	width: 100%;
}
/*h1
------------------------------------------*/

h1 {width: 100%;
line-height:0;
position:relative;
}

h1 img{width: 100%;}


/*logofix
------------------------------------------*/

.logofix img {
	width: 100%;
}

.logofix {
	width:50px;
	position: fixed;
	top: 0;
	right:2%;
	z-index: 1000000;
	}

/*POINT ====================================*/

.sec-box2 {
	width: 100%;
}


.sec-box2 .col01 {width: 100%;
position:relative;
}

.sec-box2 .col01 img{width: 100%;}

.sec-box2 .col01 h2{ width:60%;
margin-left:auto;
margin-right:auto;
padding-top:70px;
margin-bottom:50px;}


.sec-box2 .col01 .tenpoBox{ width:90%;
margin-left:auto;
margin-right:auto;
text-align:center;
margin-bottom:100px;
}

.sec-box2 .col01 .tenpoBox li{
float:left;
width:28.5%;
margin-left:2.3%;
margin-right:2.3%;}

.sec-box2 .col01 .tenpoBox li img{width:100%;}


/*フッター設定-------------------------------------------------*/
.footer-box {
	width: 100%;
	position:relative;
}

.footer-box .contactBox1 {
width: 9%;
position: absolute;
top:-17%;
left:26%;
z-index:100;
}

.footer-box .contactBox2 {
width: 30%;
position: absolute;
top:28%;
left:38%;
z-index:100;
}

.footer-box img{width: 100%;}

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

}