@charset "utf-8";

/*======================================
  
  0.リセット

  1.基本設定

  2.Contents

  3.表示非表示の設定

======================================*/

/* ----------------------------------------
 *
 *  1.基本設定
 *
 * ---------------------------------------- */

p:not(.img_container,.copy_name){ line-height: 1.5;}

.clear{	clear:both;	}
.clearfix:before,
.clearfix:after {
    content: " ";
	display: table;}
.clearfix:after {
    clear: both;
}

/* --------------　シャドウ　------------------ */
.shadow01{ box-shadow: 0 5px 10px rgba(3,0,0,0.3), 0 3px 3px rgba(3,0,0,0.3);}
.shadow02{ box-shadow: 0 0 10px rgba(3,0,0,0.2), 0 0 3px rgba(3,0,0,0.2);}
.shadow_btn{ box-shadow: 0 0 7px rgba(3,0,0,0.1), 0 0 7px rgba(3,0,0,0.1);	-webkit-transition: all 0.3s linear 0s;	transition: all 0.3s linear 0s;}
.shadow_btn:hover{ box-shadow: 0 0 10px rgba(3,0,0,0.2), 0 0 10px rgba(3,0,0,0.2);}
.shadow_btn02{ box-shadow: 0 0 7px rgba(3,0,0,0.3), 0 0 7px rgba(3,0,0,0.3);	-webkit-transition: all 0.3s linear 0s;	transition: all 0.3s linear 0s;}
.shadow_btn02:hover{ box-shadow: 0 0 10px rgba(3,0,0,0.4), 0 0 10px rgba(3,0,0,0.4);}

/* --------------　透過　------------------ */
.opacity{ -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s;}
.opacity:hover{ opacity: 0.6;}
/* --------------　box　------------------ */
.container{ width: 100%; max-width: 108rem; padding: 0 4rem; margin: 0 auto;}
.box1000{ max-width: 108rem; padding: 0 4rem; margin: 0 auto;}
.white_box{ background: rgba(255,255,255,.8); box-shadow: 0 0 3px rgba(3,0,0,0.3), 0 0 3px rgba(3,0,0,0.3);}

.f_left{ float:left;}
.f_right{ float:right;}

/* --------------　画像　------------------ */
/*角丸イメージ*/
.img_round{ border-radius: 0.6rem;}

/*画像FIT*/
.img_w100{ width: 100%; height: auto;}
.img_h100{ width: auto; height: 100%;}
.img_maxw100{ max-width: 100%; height: auto;}
.img_maxw52{ max-width: 52%; height: auto;}
.img_maxw60{ max-width: 60%; height: auto;}


/*画像組*/
.img50_wp p{ width: 49.5%;}
.img50_wp p:first-child{ float: left;}
.img50_wp p:last-child{ float: right;}

/* --------------　テーブル　------------------ */
table{ width: 100%; border: none; border-collapse:  collapse;}
table th,table td{ vertical-align: top;}
.table01 th{ color: #fff; background: #A79B7B; border-bottom: 1px solid #fff; letter-spacing: 0.1em; padding: 1rem 1.2rem; line-height: 1.8;}
.table01 td{ background: #D2CCBD; border-bottom: 1px solid #fff; letter-spacing: 0.1em; padding: 1rem 0 1rem 1.2rem; line-height: 1.8;}

.table02 th{ font-size: 3.3rem; color: #fff; background: #CFAB7D; border-bottom: 1px solid #533c34; letter-spacing: 0.1em; padding: 2rem 1.2rem;}
.table02 td{ background: #fff; border-bottom: 1px solid #533c34; letter-spacing: 0.1em; padding: 1.8rem 0 1.8rem 1.2rem ; line-height: 1.8;}
table .border_none{ border-bottom: none;}

.table03 th{ color: #231815; background: #fff; letter-spacing: 0.1em; padding: 1.6rem 1.2rem 1.6rem 0; line-height: 1.8;}
.table03 td{ background: #fff; letter-spacing: 0.1em; padding: 1.6rem 0 1.6rem 1.2rem ; line-height: 1.8;}
.table03 tr{ border-bottom: 1px solid #533c34;}
.table03 tr:last-child{ border-bottom: none;}

.table04 th{ color: #231815; background: #fff; letter-spacing: 0.1em; padding: 1.6rem 0.2rem 1.6rem 0; line-height: 1.8;}
.table04 td{ background: #fff; letter-spacing: 0.1em; padding: 1.6rem 0 1.6rem 2.0rem ; line-height: 1.8;}
.table04 tr{ border-bottom: 1px solid #533c34;}
.table04 tr:last-child{ border-bottom: none;}

/* --------------　調整　------------------ */
.mb0{ margin-bottom: 0 !important;}
.mb1{ margin-bottom: 1em !important;}
.mb10{ margin-bottom: 1rem !important;}
.mb20{ margin-bottom: 2rem !important;}
.mb30{ margin-bottom: 3rem !important;}
.mb40{ margin-bottom: 4rem !important;}
.mb50{ margin-bottom: 5rem !important;}
.mb60{ margin-bottom: 6rem !important;}
.mb70{ margin-bottom: 7rem !important;}
.mb80{ margin-bottom: 8rem !important;}
.mb90{ margin-bottom: 9rem !important;}
.mb100{ margin-bottom: 10rem !important;}
.mb140{ margin-bottom: 14rem !important;}
.mb200{ margin-bottom: 20rem !important;}
.mb300{ margin-bottom: 30rem !important;}

/* ============================================
	slick
=============================================== */
.main_visual{ margin: -10px 0 0 0 ; padding: 0; }
.main_visual .box1000{ position: relative;}

.main_visual ul { list-style: none; }
.slider01 li p{ max-height: 54rem; overflow: hidden;}
.slider01 img{ width: 100%; height: auto;}

/*スライドバナー*/
.main_visual .box1000{ position: relative;}
.banner_slidimg {
	width: 100px;
	position: absolute;
	top: -56.0rem;
	left: 40px;
	overflow: hidden;
	z-index: 10;
}
.banner_slidimg::after{
	content: "";
	background-size: 100% auto;
	width: .7rem;
	height: .8rem;
	position: absolute;
	top: 1.8rem;
	right: 4.2rem;
	display: inline-block;
}
.banner_slidimg a{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.banner_slidimg .img_container img{ vertical-align: bottom;}

/* ----------------------------------------
 *
 *  3.表示非表示の設定
 *
 * ---------------------------------------- */
.sp_none{ display: block;}
.pc_none{display: none;}
@media screen and (max-width: 959px) {
	 .sp_none{ display: none;}
	 .pc_none{ display: block;}
}


/* ----------------------------------------
 *
 *  ex.縦幅が狭い時の処理
 *
 * ---------------------------------------- */
@media (min-width: 959px) and (max-height: 800px) {
	.header_fix{ bottom: 0;}
}

@media (max-width: 959px) {
	.img_maxw52 {
    max-width: 100%;
    height: auto;
	}
	.img_maxw60 {
    max-width: 60%;
    height: auto;
	}
	
	/*スライドバナー*/
.banner_slidimg {
	width: 20%;
	height: auto;
	top: -26.0rem;
	left: 10px;
}
.banner_slidimg::after{ right: 1.4rem;}
}