@charset "utf-8";
@import url("../css/navi.css");

.clearfix:after {
	content				: "" ;
	display				: block ;
	clear				: both ;
}

.clearfix	{
	display				: block ;
}

/* Hides from IE-mac \*/
* html .clearfix { height : 1% ; }
/* End hide from IE-mac */

html	{
	background-color: #fff;
	position		: relative ;
	width			: 100% ;
	height			: 100% ;
	margin: 0;
	padding: 0;
}

body	{
	width	: 100% ;
	height	: 100% ;
	padding	: 0 ;
	margin	: 0 0 -5px;
	font-family: ‘Hiragino Kaku Gothic ProN’, ‘ヒラギノ角ゴ ProN W3’, Meiryo, メイリオ, Osaka, ‘MS PGothic’, arial, helvetica, sans-serif;
	font-size	: 16px ;
	font-weight	: 500 ;
	line-height	: 1.5;
	color	: #555555;
	-webkit-text-size-adjust: 100%;
	position: relative ;
	overflow-x: hidden;
}

a img	{
	border			: none ;
}

a:hover img{
}

a	{
	text-decoration	: none ;
	transition: 0.3s;
}

a:hover{
	text-decoration	: none ;
	opacity: none;
}

form{
	margin			: 0 ;
	padding			: 0 ;
}


.visi_text{
	visibility		: hidden ;
}


/*************************ヘッダー*************************/
.header{
	width: 100%;
	height: 95px;
	z-index: 10;
	position: relative;
	border-bottom: solid 1px #231815;
}

.header_box{
	width: 1175px;
	margin: 0 auto;
	position: relative;
}

.logo{
	width: 300px;
	height: 95px;
	z-index: 5;
}

.logo h1{
	padding: 0;
	margin: 0;
}
.logo h1 img{
	width: 100%;
	height: auto;
	margin: 5px 0 0;
}


/*************************共通*************************/

/****fadein****/
    .content_box {
      width: 100%;
      opacity: 0;
      transition: .5s;
      position: relative;
      padding: 45px 0 90px;
    }

    .content_box.active {
      opacity: 1;
      transform: translateY(0);
    }

    .fadeIn {
      transform: translateY(30px);
      opacity: 0;
      transition: transform .5s ease-out, opacity 1.5s ease-out;
    }

    .fadeIn.active {
      transform: translateY(0);
      opacity: 1;
    }

/**見出し**/
    .tit h2{
      width: 100%;
      font-size: 20px;
      font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
      color: #9f886e;
      text-align: center;
      line-height: 1.5;
    }
    .tit h2 span{
      font-size: 30px;
    }


/**ボタン**/
.btn_hover3{
	background-color: #fff;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
	width: 250px;
	text-align: center;
	cursor: pointer;
	font-size: 18px;
	height: 48px;
	margin: 0 auto;
	border: solid 1px #6bbb94;
    position: relative;
    border-radius: 50px;
}

.btn_hover3 a{
	color: #6bbb94 !important;
    display: block;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* マウスオーバーした際の背景 */
.btn_hover3:hover{
background-color :rgba(107,187,148,1);/*背景色*/
color: #fff !important;
}

.btn_hover3 a:hover{
color: #fff !important;
	transition: all  0.3s ease;
}

.footer{
	width: 100%;
	background-image: url("../img/slide04.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
	z-index: 1;
}

.foot{
	width: 100%;
	min-height: 100%;
	padding: 150px 0 250px;
	background-image: url("../img/bg.png");
	position: relative;
	z-index: 5;
}

.foot_logo{
	width: 300px;
	height: 90px;
	margin: 0 auto 150px;
}
.foot_logo img{
	width: 300px;
	height: 90px;
}

.foot_txt01{
	width: 100%;
	color: #fff;
	text-align: center;
	line-height: 2;
	margin: 0 auto 30px;
}
.foot_txt02{
	width: 100%;
	color: #fff !important;
	text-align: center;
	text-decoration: underline !important;
}
.foot_txt02 a{
	color: #fff !important;
	text-decoration: underline !important;
}

.copy{
	width: 100%;
	padding: 8px 0;
	font-size: 12px;
	text-align: center;
}

/****サンクス****/
.thanks_box{
	width: 100%;
	padding: 50px 0 100px;
}

.thanks_txt{
	width: 100%;
	margin: 20px 0 50px;
	line-height: 2;
	text-align: center;
}



@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
/*************************ヘッダー*************************/
.header{
	width: 100%;
	height: 95px;
	z-index: 10;
	position: relative;
	border-bottom: solid 1px #231815;
}

.header_box{
	width: 90%;
	margin: 0 auto;
	position: relative;
}

.logo{
	width: 200px;
	height: auto;
	z-index: 5;
}

.logo h1{
	padding: 0;
	margin: 0;
}
.logo h1 img{
	width: 100%;
	height: auto;
	margin: 20px 0 0;
}


/*************************共通*************************/

/****fadein****/
    .content_box {
      width: 100%;
      opacity: 0;
      transition: .5s;
      position: relative;
      padding: 45px 0;
    }

    .content_box.active {
      opacity: 1;
      transform: translateY(0);
    }

    .fadeIn {
      transform: translateY(30px);
      opacity: 0;
      transition: transform .5s ease-out, opacity 1.5s ease-out;
    }

    .fadeIn.active {
      transform: translateY(0);
      opacity: 1;
    }

/**見出し**/
    .tit h2{
      width: 90%;
      font-size: 18px;
      font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
      color: #9f886e;
      text-align: center;
      line-height: 1.5;
      margin: 0 auto;
    }
    .tit h2 span{
      font-size: 24px;
    }


/**ボタン**/
.btn_hover3{
	background-color: #fff;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
	width: 250px;
	text-align: center;
	cursor: pointer;
	font-size: 18px;
	height: 48px;
	margin: 0 auto;
	border: solid 1px #6bbb94;
    position: relative;
    border-radius: 50px;
}

.btn_hover3 a{
	color: #6bbb94 !important;
    display: block;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* マウスオーバーした際の背景 */
.btn_hover3:hover{
background-color :rgba(107,187,148,1);/*背景色*/
color: #fff !important;
}

.btn_hover3 a:hover{
color: #fff !important;
	transition: all  0.3s ease;
}

.footer{
	width: 100%;
	background-image: url("../img/slide04.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
	z-index: 1;
}

.foot{
	width: 100%;
	min-height: 100%;
	padding: 150px 0 250px;
	background-image: url("../img/bg.png");
	position: relative;
	z-index: 5;
}

.foot_logo{
	width: 200px;
	height: auto;
	margin: 0 auto 150px;
}
.foot_logo img{
	width: 100%;
	height: auto;
}

.foot_txt01{
	width: 90%;
	color: #fff;
	text-align: center;
	line-height: 2;
	margin: 0 auto 30px;
}
.foot_txt02{
	width: 90%;
	color: #fff !important;
	text-align: center;
	text-decoration: underline !important;
}
.foot_txt02 a{
	color: #fff !important;
	text-decoration: underline !important;
}

.copy{
	width: 100%;
	padding: 8px 0;
	font-size: 12px;
	text-align: center;
}

/****サンクス****/
.thanks_box{
	width: 100%;
	padding: 50px 0 100px;
}

.thanks_txt{
	width: 100%;
	margin: 20px 0 50px;
	line-height: 2;
	text-align: center;
}


}


@media screen and (min-width: 769px) {
/*　画面サイズが769pxからはここを読み込む　*/
.sp_br{
	display: none;
}

.sp_inst{
	display: none;
}

.inst_img_sp{
	display: none;
}

.sougo_bnr_sp{
	display: none;
}

.art_bnr_sp{
	display: none;
}

.insta_box_sp{
	display: none;
}

}