@charset "utf-8";

*{
	font-family:"Zen Old Mincho", serif;
	font-size:15px;
	color:#937e2b;
	letter-spacing:0px;
	line-height:220%;
	margin:0px;
	padding:0px;
	}

img {
	border:0px;
	vertical-align:bottom;
	}
	
h1 {
	font-weight:normal;
	}


a {
	}
a:hover {
    opacity: 0.6;
	}

.pc {
	display:none;
	}
.sp {
	}



html {
	height:100%;
	overflow:auto;
	scroll-behavior:smooth;
	}
.section {
	scroll-margin-top:200px;
	}
	
body{
	overflow-x:clip;
	}
@supports not (
	overflow: clip){
	body{
		overflow-x:hidden;
		}
	}

















/* --------------------Layout-------------------- */
/* menu */
.mnu {
	position:sticky;
	top:0;
	width:90%;
	height:80px;
	padding:0 5%;
    align-items:center;
	background-color:rgba(255,255,255,0.8);
    z-index:5000;
	display:none;
	}
.mn_bx {
	float:left;
	margin-right:40px;
	text-decoration:none;
	}




/* contents */
.cts_bk_full {
    width:100%;
    min-height:50vh;
    background:url("../_img/top/main.jpg")
    center / cover;
    position:relative;
    margin-top:0PX;
    z-index:-1000;
    }
.cts_bk_full::after{
	content:"";
	display:block;
	clear:both;
	}
.cts_bk_full_in {
    width:100%;
    margin-top:0;
    position:absolute;
    text-align:center;
    }

.cts_bk01 {
	width:100%;
	background-color:#e9e1d3;
	}
.cts_bk01::after{
	content:"";
	display:block;
	clear:both;
	}
.cts_bk02 {
	width:100%;
	background-image:url("../_img/top/bg01.jpg");
	}
.cts_bk02::after{
	content:"";
	display:block;
	clear:both;
	}
.cts_bk03 {
	width:100%;
	background-color:#ffffff;
	}
.cts_bk03::after{
	content:"";
	display:block;
	clear:both;
	}
.cts_bk_inner {
    width:90%;
	margin:0px 5% 0px 5%;
	min-height:100%;
	padding-top:200px;
	padding-bottom:200px;
	display:flow-root;
	}

.cts_bk_top {
	width:100%;
	background-color:rgba(255,255,255,0.8);
	}
.cts_bk_inner02 {
	width:80%;
	margin:10% 10% 10% 10%;
	min-height:100%;
	display:flow-root;
	}




.bx {
	width:100%;
	float:left;
	}
.bx20 {
	width:60%;
	margin:0 20%;
	float:left;
	}
.bx40 {
	width:60%;
	margin:0 20%;
	float:left;
	}
.bx80 {
	width:80%;
	margin:0 10%;
	float:left;
	}
.bx120 {
	width:120%;
	margin-left:-10%;
	float:left;
	}

.grid2 {
	}
.grid3 {
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:10px;
	}
.grid4 {
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:20px;
	}


.bx_white {
	width:100%;
	float:left;
	margin-bottom:100px;
	}
.bx_white_l {
	width:100%;
	float:left;
	z-index:100;
	position:relative;
	}
.bx_white_r {
	width:90%;
	padding:5%;
	float:left;
	background-image:url("../_img/top/bg_no1.png");
	background-repeat:no-repeat;
	background-position:right top;
    background-size:250px;
	background-color:#ffffff;
	}
.bx_white_r-2 {
	width:90%;
	padding:5%;
	float:left;
	background-image:url("../_img/top/bg_no3.png");
	background-repeat:no-repeat;
	background-position:right top;
    background-size:250px;
	background-color:#ffffff;
	}

.bx_white_l02 {
	width:90%;
	padding:5%;
	float:left;
	background-image:url("../_img/top/bg_no2.png");
	background-repeat:no-repeat;
	background-position:left top;
    background-size:250px;
	background-color:#ffffff;
	}
.bx_white_r02 {
	width:100%;
	float:left;
	z-index:100;
	position:relative;
	}



/* footer */
.cts_fot {
	width:90%;
	background-color:#c3a38e;
	margin:0 0%;
	padding:20px 5%;
	float:left;
	}
/* copy */
.fot_copy {
	width:100%;
	margin:0px 0px 0px 0px;
	float:left;
	}





/* List */
.lis_line {
    width:100%;
    margin:0px 0px 0px 0px;
    padding:2% 0%;
    float:left;
	border-bottom:1px dotted #000000;
    display:flex;
    align-items:center;
    }
.lis_l {
    width:30%;
    margin:0px 0px 0px 0px;
    padding:0% 0%;
    float:left;
    }
.lis_r {
    width:70%;
    margin:0px 0px 0px 0%;
    padding:0% 0%;
    float:left;
    }






/* LINE */
.line {
    width:100%;
    margin:0px 0px -21px 0px;
    padding:0px 0%;
    float:left;
	border-top:1px solid #937e2b;
	border-bottom:1px solid #937e2b;
    }


















/* --------------------Motion-------------------- */
.fadein {
	animation:fade-in-elegant .8s cubic-bezier(.25,.1,.25,1) forwards;
	}
@keyframes fade-in-elegant{
  from{
	opacity:0;
	transform:translateY(-10px);
	}
  to{
	opacity:1;
	transform:translateY(0);
	}
	}












/* --------------------Contents Stickey-------------------- */
/*ラッパー要素*/
.lock_wrapper{
	width:100%;
    display:flex;
	justify-content:space-between;
	position:relative;
    }
/*コンテンツのブロック*/
.lock_l{ width:45%; }
.lock_l div{ padding-top:0px; }
.lock_l div:last-child{ 
	padding-bottom:200px;
	}
.lock_r{
	width:50%;
	height:100vh;
	display:flex;
	align-items:center;
	position:sticky;
	position:-webkit-sticky;
	top:0;
    }













/* --------------------Common-------------------- */

/* Space */
.top10 {
	margin-top:10px;
	}
.top15 {
	margin-top:15px;
	}
.top30 {
	margin-top:30px;
	}
.top50 {
	margin-top:50px;
	}
.top100 {
	margin-top:100px;
	}
.top200 {
	margin-top:200px;
	}
.top-80 {
	}
.btm5 {
	margin-bottom:5px;
	}
.btm10 {
	margin-bottom:10px;
	}
.btm30 {
	margin-bottom:30px;
	}
.btm50 {
	margin-bottom:30px;
	}
.btm100 {
	}
.btm200 {
	margin-bottom:200px;
	}
.btm-80 {
	}
.btm-50 {
	margin-bottom:-50px;
	}


/* Font */
.white {
	color:#ffffff;
	}
a .white {
	color:#ffffff;
	}
.color {
	color:#ff0000;
	}
.center {
	text-align:center;
	}
.bold {
	font-weight:bold;
	}

.linehei150 {
	line-height:150%;
	}
.linehei300 {
	line-height:300%;
	}

.ft200 {
	font-size:200%;
	}
.ft150 {
	font-size:150%;
	}
.ft120 {
	font-size:120%;
	}
.ft110 {
	font-size:110%;
	}
.ft90 {
	font-size:90%;
	}
.ft80 {
	font-size:80%;
	}