@charset "utf-8";
/* CSS Document */
/*------------------共通------------------*/
body {
	width: 100%;
	margin: 0 auto;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	color:#4D4D4D;
	min-width: 1280px;
	line-height: 1.5;
}

img { vertical-align:bottom; }
.left{float: left;}
.right{float: right;}

.f_yugo,.f_yugo a,.hf-copy {
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
}
a:hover{
	opacity: 0.6;
}
.inbox{
	width: 980px;
	margin: auto;
}


/*-----------------header------------------*/

#header {
	width:100%;
	background-color:rgba(255,255,255,0.5);
	position:absolute;
	top:0;
	z-index:999;
}

.header_inner {
	width:980px;
	margin:0 auto;
	font-size: 12px;
}
.hf-in{
	width: 980px;
	margin: auto;
	padding-bottom: 10px;
}
.h1 {
	color:#666;
	font-size:12px;
	font-weight:normal;
	height:20px;
	line-height: 20px;
}
.hf-logo{
	float: left;
	margin-top: 10px;
}
.hf-right{
	float: right;
	width: 380px;
}
.hf-copy{
	text-align: center;
	background: #fff;
	font-size: 12px;
	color: #4d4d4d;
	padding: 2px 0 0;
}
.hf-contact-li li{
	float: left;
}
.hf-contact-li li:last-child{
	float: right;
}
.hf-contact-li{
	margin: 6px 0 6px;
}
.hf-dl li{
	float: left;
	margin-right: 23px;
}
.hf-dl dt,.hf-dl dd{
	padding-top: 2px;
}
.hf-dl dt{
	color: #666666;
	background: #e6e6e6;
	width: 61px;
	text-align: center;
}
.hf-dl dd{
	color: #666;
	padding-left: 5px;
}
/* header2 */
#headerfixed header {
	background-color:rgba(255,255,255,0.9);
}
.fix-logo{
	float: left;
}
.fix-right{
	float: right;
	width: 510px;
}
.fix-contact li{
	float: left;
	margin-right: 21px;
}
.fix-contact li:nth-child(2){
	margin-right: 15px;
}
.fix-contact li:last-child{
	margin-right: 0;
}
.fix-ul{
	padding: 10px 0 ;
}
.fix-ul li{
	margin-right: 15px;
	font-size: 10px;
}
.fix-ul li:last-child{
	margin-right: 0;
}
.fix-ul dt{
	width: 50px;
	padding-top: 0;;
}
.fix-ul dd{
	padding-top: 0;
}
/* headerfixed */
#headerfixed {
	width:100%;
	display:none;
	position: fixed;
	top: 0px;
	left: 0px;
    z-index: 9999;
}

.fixed {
    position: fixed;
    top: 0;
}

/*---------navi------------*/
nav {
	background-color:#FABE33;
}
nav ul{
	width: 980px;
	margin: auto;
	box-sizing: border-box;
	padding: 0px 55px;
}
nav li{
	float: left;
}
nav li a{
	display: block;
	position: relative;
	z-index: 999;
	overflow: hidden;

}
nav li{
	position: relative;
}
nav li a:hover{
	opacity: 1;
}
.h-nav li:nth-child(1) a:after{
	content: url(../img/nav_bk01.png);
}
.h-nav li:nth-child(2) a:after{
	content: url(../img/nav_bk02.png);
}
.h-nav li:nth-child(3) a:after{
	content: url(../img/nav_bk03.png);
}
.h-nav li:nth-child(4) a:after{
	content: url(../img/nav_bk04.png);
}
.h-nav li:nth-child(5) a:after{
	content: url(../img/nav_bk05.png);
}
.h-nav li:nth-child(6) a:after{
	content: url(../img/nav_bk06.png);
}
.h-nav li:nth-child(7) a:after{
	content: url(../img/nav_bk07.png);
}
.h-nav li a:after{
	position: absolute;
	left: -100%;
	top: 0;
	z-index: -1;
}

.h-nav li a{
	padding: 15px 5px 15px 15px;
	margin-right: -19px;
}
.h-nav li:last-child a{
	padding: 15px 17px 15px 15px;
	margin-right: -20px;
}
/*navi2*/
#headerfixed nav {
	background-color:rgba(250,190,51,0.9) !important;
}
.fix-nav ul{
	padding: 0px 92px;
}

.fix-nav li:nth-child(1) a:after{
	content: url(../img/fix_navbk01.png);
}
.fix-nav li:nth-child(2) a:after{
	content: url(../img/fix_navbk02.png);
}
.fix-nav li:nth-child(3) a:after{
	content: url(../img/fix_navbk03.png);
}
.fix-nav li:nth-child(4) a:after{
	content: url(../img/fix_navbk04.png);
}
.fix-nav li:nth-child(5) a:after{
	content: url(../img/fix_navbk05.png);
}
.fix-nav li:nth-child(6) a:after{
	content: url(../img/fix_navbk06.png);
}
.fix-nav li:nth-child(7) a:after{
	content: url(../img/fix_navbk07.png);
}
.fix-nav li a:after{
	position: absolute;
	left: -100%;
	top: 0;
	z-index: -1;
}
.fix-nav li a{
	padding: 9px 8px 9px 10px;
	margin-right: -16px;
}
.fix-nav li:first-child a{
	padding: 9px 0px 9px 5px;
	margin-right: -10px;
}
.fix-nav li:last-child a{
	margin-right: -20px;
}
/*navアニメーション
---------------------------------*/
.h-nav li a:hover:after{
	animation: hnav 0.3s;
	animation-fill-mode: forwards;
}
.fix-nav li a:hover:after{
	animation: fixnav 0.3s;
	animation-fill-mode: forwards;
}

@keyframes hnav {
0% {  left: -100% }
100% { left: 0px; }
}
@keyframes fixnav {
0% {  left: -100% }
100% { left: -0px; }
}


/*---------main_visual------------*/

#main_visual {
	width:100%;
	height:680px;
	position:relative;
	overflow:hidden;
	text-align:center;
}

#main_visual>p {
	width:980px;
	height:565px;
	position:absolute;
	margin:auto;
	left:0;
	right:0;
	bottom:0;
	z-index:999;
}

#top_slider li {
	width:100%;
	height:680px;
}

#top_slider li:nth-child(1) {
	background:url(../img/slide01.jpg) no-repeat center top;
	background-size:cover;
}


#top_slider li:nth-child(2) {
	background:url(../img/slide02.jpg) no-repeat center top;
	background-size:cover;
}

#top_slider li:nth-child(3) {
	background:url(../img/slide03.jpg) no-repeat center top;
	background-size:cover;
}

/* bxslider
---------------------------------------------------- */
.bx-wrapper {
	width:100%;
	margin:0 auto;
	position:relative;
}

.bx-controls {
	display:none;
}

/*-----------------container------------------*/
#container {
}
.cmn-ttl{
	text-align: center;
	background-color:#FABE33;
	padding: 30px 0 29px;
}
.cmn-dl dt,.cmn-dl dd{
	display: table-cell;
	vertical-align: middle;
}
.cmn-st{
	padding-bottom: 33px;
}
.cmn-st dl{
	background: #fff;
}
.cmn-st dl:last-of-type dt,.cmn-st dl:last-of-type dd{
	border-bottom: none;
}
.cmn-st dt,.cmn-st dd{
	vertical-align: top;
	padding: 18px 20px 17px;
	box-sizing: border-box;
	border-bottom: 1px dotted #cfc1a5;;
}
.cmn-st dt{
	background: #e1dac1;
	width: 180px;
	color: #4b341c;
}
.cmn-st dd{
	width: 800px;
}

/*sec01
-----------------------------------------------*/
#section01 {
	background-image: url(../img/sec01_bkl.jpg), url(../img/sec01_bkr.jpg);
    background-repeat: no-repeat;
    background-position: calc(50% + -785px) 0px, calc(50% + 785px)  0px;
    background-size: auto 100%;
}
.sec01-in{
	width: 1060px;
	background: #fff;
	margin: auto;
	padding: 69px 40px 85px;
	font-size: 16px;
}
.sec01-in p{
	padding-top: 33px;
	line-height: 28px;
	font-size: 16px;
	text-align: center;;
}
.sec01-in ul{
	margin-top: 32px;
}
.sec01-in li{
	float: left;
	margin-right: 32px;
	text-align: center;
}
.sec01-in li a{
	display: block;
}
.sec01-in li:last-child{
	margin-right: 0;
}
.sec01-in li dd{
	display: inline-block;
	font-size: 20px;
	color: #000;
	position: relative;
	padding: 12px 10px 0 0;
	box-sizing: border-box;
	width: 150px;
}
.sec01-in li dd:before{
	content: url(../img/sec01_arr.png);
	position: relative;
	padding: 0 10px 0 0;
	top: 2px;
 }
 .sec01-in li:nth-child(2) dd{
 	padding-right: 0;
 }
/*sec02
----------------------------------------------*/

#section02>ul>li {
	padding-bottom:120px;
}

#section02 ul li>div {
	position:relative;
	z-index:2;
	height:500px;
}
#section02>ul>li:nth-child(1),
#section02>ul>li:nth-child(4) {
	background:url(../img/section02_tex01.jpg) repeat left top;
}

#section02>ul>li:nth-child(2),
#section02>ul>li:nth-child(5) {
	background:url(../img/section02_tex02.jpg) repeat left top;
}

#section02>ul>li:nth-child(3),
#section02>ul>li:nth-child(6) {
	background:url(../img/section02_tex03.jpg) repeat left top;
}

#section02>ul>li:nth-child(1)>.sec02-li-bk {
	background:url(../img/section02_01bg.jpg) no-repeat center top;
	background-size:cover;
}

#section02>ul>li:nth-child(2)>.sec02-li-bk {
	background:url(../img/section02_02bg.jpg) no-repeat center top;
	background-size:cover;
}

#section02>ul>li:nth-child(3)>.sec02-li-bk {
	background:url(../img/section02_03bg.jpg) no-repeat center top;
	background-size:cover;
}

#section02>ul>li:nth-child(4)>.sec02-li-bk {
	background:url(../img/section02_04bg.jpg) no-repeat center top;
	background-size:cover;
}

#section02>ul>li:nth-child(5)>.sec02-li-bk {
	background:url(../img/section02_05bg.jpg) no-repeat center top;
	background-size:cover;
}

#section02>ul>li:nth-child(6)>.sec02-li-bk {
	background:url(../img/section02_06bg.jpg) no-repeat center top;
	background-size:cover;
}
.sec02-li-inbox{
	position: relative;
	height: 500px;
}
.sec02-textbox{
	border:1px solid #fff;
	padding: 4px;
	box-sizing: border-box;
	width: 640px;
	margin-top:40px;
}
.sec02-textbox dl{
	background: #fff;
	padding: 15px;
	height: 272px;
}
.sec02-textbox dt{
	font-size: 40px;
	color: #4b341c;
	font-weight: bold;
	padding-bottom: 9px;
	border-bottom: 1px solid #fabe33;
	line-height: 1;
	margin-bottom: 14px;
	font-family: 'ヒラギノ角ゴ Std W8','Hiragino Kaku Gothic Std','ヒラギノ角ゴ Pro W6','HiraKakuPro-W6','ヒラギノ角ゴ ProN W6','HiraKakuProN-W6',"游ゴシック", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.sec02-textbox dt span{
	display: inline-block;
	padding: 5px 0 5px 18px;
	border-left: 10px solid #fabe33;
}
.sec02-textbox dd{
	line-height: 22.4px;
}
#section02>ul>li:nth-child(odd) .sec02-textbox{
	float: left;
}
#section02>ul>li:nth-child(even) .sec02-textbox{
	float: right;
}

.sec02-imgbox{
	position: absolute;
	bottom: -60px;
	background: url(../img/sec02_img_bk.png) repeat left top;
	padding: 20px;
	width: 900px;
}
#section02>ul>li:nth-child(odd) .sec02-imgbox{
	right: -20px;
}
#section02>ul>li:nth-child(even) .sec02-imgbox{
	left:-20px;
}
.sec02-imgbox li{
	float: left;
	margin-right: 20px;
}
.sec02-imgbox li:last-child{
	margin-right: 0;
}

/*sec03
------------------------------------*/
#section03 {
	background:url(../img/section03_bg.jpg) no-repeat center top;
	background-size:cover;
}
.sec03-in{
	padding: 40px 0 75px;
}
.map-ttl{
	font-size: 18px;
	color: #4b341c;
	line-height: 22px;
	padding-left: 28px;
	background: url(../img/map_icon.png) no-repeat left center;
	margin-bottom: 5px;
}
/*sec04
--------------------------------------*/
#section04 {
	background:url(../img/section04_bg.jpg) no-repeat center top;
	background-size:cover;
}
.sec04-t-in{
	padding: 40px 0 80px;
}
.contact-dl dt,.contact-dl dd{
	padding: 20px 20px 18px;
}

.contact-dl{
	padding-bottom: 0;
}
.contact-dl dl{
	background: rgba(255,255,255,0.9);
}
.contact-dl input[type="text"] {
	width: 500px;
	height: 21px;
	border:1px solid #cccccc;
}
.contact-dl input[type="tel"] {
	width: 500px;
	height: 20px;
	border:1px solid #cccccc;
}
.contact-dl textarea {
	width: 640px;
	height: 180px;
	border:1px solid #cccccc;
	padding: 0;
}
.contact-dl dt{
	line-height: 25px;
}
.contact-dl dt span{
	font-size: 12px;
	color: #f15a24;
	padding-left:5px;
}
.contact_btn {
text-align: center;
margin-top: 20px;
}
.contact_btn li {
  display: inline-block;
}
.contact_btn li input[type="submit"],#form_btn li input[type="button"] {
  color: #fff;
  border: none;
  font-size: 20px;
  padding: 25px 80px;
  cursor: pointer;
  border-radius: 10px;
  background:#4b341c;
}


.contact_agree {
    margin-top: 25px;
    text-align: center;
}

.contact-recaptcha-wrap {
    width: 300px;
    margin: auto;
    margin-top: 15px;
}

.errorMessage{
	color: #f15a24;
	font-size: 12px;
}

.sec04-b {
	background-color:rgba(242,242,242,0.8);
}
.sec04-b-in{
	padding: 36px 0 60px;
}
.pp-ttl{
	text-align: center;
	color: #40221c;
	font-size:24px;
	padding-bottom: 8px;
}
.privacy-in{
	background: #fff;
    /*overflow-y: scroll;*/
    height: 250px;
    padding: 10px 9px 10px;
    box-sizing: border-box;
    border: 1px solid #cccccc;
}
.privacy_box{
	margin-bottom: 20px;
}

.privacy iframe {
	width: 100%;
	height: 225px;
}

.title02{
	font-weight: bold;
	border-bottom:1px dotted  #cfc1a5;
	padding-bottom: 6px;
	font-size: 16px;
	color: #4b341c;
	margin-bottom: 7px;
}
.title02 span{
	display: inline-block;
	padding: 3px 10px 3px 10px;
	border-left: 10px solid #fabe33;
}
#pageTop {
	color: #FFF;
	position: fixed;
	bottom: 5%;
	right: 2%;
	z-index:999;
}

/*-----------------footer------------------*/

#footer {
	border-top:10px solid #E6E6E6;
	padding: 25px 0 0;
	font-size: 12px;
}
#footer .hf-logo{
	margin-top: 15px;
}
#copyright {
	color:#42210B;
	background-color:#FABE33;
	font-size:10px;
	height:20px;
	line-height:20px;
	text-align:center;
}