@charset "utf-8";

/* style */
/* -------------------------------------------------------- */
#contents {padding:0;}

.top-mv {width:100%; height:560px; position:relative;}
.top-mv .bg {width:100%; height:100%; background:url(../img/top/mv.jpg) no-repeat center center; background-size:cover; position:absolute; top:0; left:0; z-index:1;}
.top-mv .bg1,
.top-mv .bg2,
.top-mv .bg3 {background-color:rgba(255,255,255,0.6); border-radius:10px; position:absolute; z-index:5;}
.top-mv .bg1 {width:144px; height:144px; top:30px; left:50px;}
.top-mv .bg2 {width:64px; height:64px; top:418px; left:574px;}
.top-mv .bg3 {width:46px; height:46px; top:398px; left:621px;}
.top-mv .ctx {width:536px; text-align:center; padding:36px 0 42px 0; background-color:rgba(255,255,255,0.6); border-radius:10px; position:absolute; top:74px; left:100px; z-index:10;}
.top-mv .ctx dt {max-width:500px; width:100%; font-size:2.4rem; font-weight:500; letter-spacing:0.1em; line-height:1; color:#fff; margin:0 auto; padding:8px 0; background-color:#d27536;}
.top-mv .ctx dd {font-size:3.2rem; font-weight:500; line-height:1.3; color:#000; text-shadow:0 0 10px rgba(255,255,255,1), 0 0 10px rgba(255,255,255,1), 0 0 10px rgba(255,255,255,1); padding:12px 1em 0 1em; box-sizing:border-box;}
.top-mv .ctx dd .type1 {color:#d27536;}
.top-mv .ctx dd .type2 {font-size:80%;}
.top-mv .ctx dd .type3 {margin:0 -0.7em 0 0; display:inline-block;}
.top-mv .ctx dd .type4 {letter-spacing:0.1em;}
.top-mv .ctx div {margin:25px 0 0 0;}
.top-mv .imgs {width:100%; height:100%; position:absolute; top:0; left:0;}
.top-mv .slick-slide {height:560px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.top-mv .slick-slide img {width:100%; height:100%; object-fit:cover;}

.top-sec1 {text-align:center; padding:90px 0 120px 0; background:url(../img/top/img_01.jpg) no-repeat right top; background-size:auto 100%; position:relative;}
.top-sec1 .txt1 {display:flex; flex-wrap:wrap; justify-content:center;}
.top-sec1 .txt1 > div {font-size:4.0rem; line-height:1; color:#000; margin:0 14px; padding:12px 0; position:relative;}
.top-sec1 .txt1 > div::before {content:''; width:100%; height:3px; background-color:#92734d; display:block; position:absolute; bottom:0; left:0;}
.top-sec1 .txt2 {font-size:2.6rem; line-height:1.5; color:#533b16; margin:35px 0 0 0;}
.top-sec1 .btn {margin:35px 0 0 0;}
.top-sec1 .bnrs {margin:0 -10px; padding:0 0 80px 0; display:flex; justify-content:center; align-items:center;}
.top-sec1 .bnrs > div {padding:0 10px;}
.top-sec1 .bnrs a {display:block; transition:opacity 0.3s ease;}
.top-sec1 .bnrs a:hover {opacity:0.7;}

.top-sec2 {width:100%; height:656px; position:relative; z-index:10;}
.top-sec2 .bg {width:100%; height:100%; background:url(../img/top/img_02.jpg) no-repeat center center; background-size:cover; position:absolute; top:0; left:0; z-index:1;}
.top-sec2 .ctx {width:655px; padding:30px 40px 25px 40px; background-color:rgba(113,152,62,0.8); position:absolute; bottom:-70px; right:0; z-index:10;}
.top-sec2 .ctx dl {text-align:left; color:#fff;}
.top-sec2 .ctx dt {font-size:2.2rem; margin:0 -40px 0 0; padding:0 0 12px 0; border-bottom:solid 3px #fff;}
.top-sec2 .ctx dt > span {font-size:318%; line-height:1.2; display:block;}
.top-sec2 .ctx dt > span > span:nth-of-type(odd) {margin:0 0 0 -0.4em; display:inline-block;}
.top-sec2 .ctx dt > span > span:nth-of-type(even) {margin:0 -0.4em 0 0; display:inline-block;}
.top-sec2 .ctx dd {font-size:1.8rem; line-height:1.9; padding:15px 10px 0 0;}
.top-sec2 .ctx .btn {text-align:right;}
.top-sec2 .ctx .btn a {font-size:1.8rem; text-decoration:underline; color:#fff; padding:0 25px 0 0; display:inline-block; position:relative;}
.top-sec2 .ctx .btn a:hover {text-decoration:none;}
.top-sec2 .ctx .btn a svg {width:16px; height:16px; fill:#fff; margin:-7px 0 0 0; display:block; position:absolute; top:50%; right:0;}

.top-sec3 {padding:200px 0 170px 0; position:relative;}
.top-sec3 .bg {width:100%; height:100%; background:url(../img/top/img_03_01.jpg) no-repeat left top, url(../img/top/img_03_02.jpg) no-repeat right bottom; position:absolute; top:0; left:0; z-index:1;}
.top-sec3 .ctx {text-align:center; position:relative; z-index:10;}
.top-sec3 .ctx dt {font-size:4.0rem; line-height:1; color:#000; margin:0 auto; padding:0 0 22px 0; display:inline-block; position:relative;}
.top-sec3 .ctx dt::before {content:''; width:100%; height:5px; background-color:#000; display:block; position:absolute; bottom:0; left:0;}
.top-sec3 .ctx dd {font-size:1.8rem; font-weight:700; line-height:1.9; text-align:center; color:#000; margin:45px 0 0 0;}
.top-sec3 .ctx .btn {margin:45px 0 0 0;}

.top-sec4 {padding:60px 0 55px 0; background:url(../img/top/bg_01.jpg) repeat center center;}
.top-sec4 .clm {display:flex; justify-content:space-between;}
.top-sec4 .clm > div {width:48.6%;}
.top-sec4 .clm a {text-decoration:none; background-color:#fff; border-radius:10px; display:block; overflow:hidden; transition:opacity 0.3s ease;}
.top-sec4 .clm a:hover {opacity:0.7;}
.top-sec4 .clm a span {display:block;}
.top-sec4 .clm .img img {width:100%; height:auto;}
.top-sec4 .clm .ctx {text-align:left; padding:15px 20px;}
.top-sec4 .clm .ctx > span:nth-of-type(1) {font-size:2.4rem; color:#563b10;}
.top-sec4 .clm .ctx > span:nth-of-type(2) {font-size:1.5rem; font-weight:700; color:#000; margin:5px 0 0 0;}

.top-sec5 {padding:30px 0 40px 0; background-color:#e4f3ff;}
.top-sec5 .ttl {text-align:center;}
.top-sec5 .ttl dt {font-size:3.0rem; color:#563b10;}
.top-sec5 .ttl dd {font-size:1.6rem; color:#000; margin:10px 0 0 0;}
.top-sec5 .clm {margin:0 -15px; display:flex; flex-wrap:wrap; justify-content:center;}
.top-sec5 .clm > div {width:380px; padding:30px 15px 0 15px; box-sizing:border-box;}
.top-sec5 .clm a {text-decoration:none; display:block; position:relative; transition:opacity 0.3s ease;}
.top-sec5 .clm a:hover {opacity:0.7;}
.top-sec5 .clm a span {display:block;}
.top-sec5 .clm a .img img {width:100%; height:auto;}
.top-sec5 .clm a .ctx {width:240px; font-size:2.4rem; font-weight:700; line-height:1; text-align:center; color:#fff; margin:-0.9em 0 0 0; padding:0.4em 0; position:absolute; top:50%; right:0;}
.top-sec5 .clm > div:nth-of-type(1) a .ctx {background-color:rgba(80,29,137,0.8);}
.top-sec5 .clm > div:nth-of-type(2) a .ctx {background-color:rgba(86,59,16,0.8);}
.top-sec5 .clm > div:nth-of-type(3) a .ctx {letter-spacing:-0.06em; background-color:rgba(41,49,137,0.8);}

.top-sec6 {padding:45px 0 55px 0;}
.top-sec6 .clm {display:flex; justify-content:space-between;}
.top-sec6 .news {width:57%;}
.top-sec6 .facebook {width:40%;}
.top-sec6 .facebook .box {max-width:400px; margin:30px auto 0 auto;}
.top-sec6 .ttl {font-size:2.4rem; line-height:1; text-align:left; color:#563b10; padding:0 0 10px 0; border-bottom:solid 3px #563b10;}
.top-sec6 .btn {position:relative;}
.top-sec6 .btn a {font-size:1.6rem; line-height:1; text-decoration:underline; color:#000; padding:0 20px 0 0; display:inline-block; position:absolute; top:-1.8em; right:15px;}
.top-sec6 .btn a:hover {text-decoration:none;}
.top-sec6 .btn a svg {width:16px; height:16px; fill:#454545; margin:-8px 0 0 0; display:block; position:absolute; top:50%; right:0;}
.top-sec6 .list {text-align:left;}
.top-sec6 .list > li {margin:1.2em 0 0 0;}
.top-sec6 .list > li a {text-decoration:none; color:#000;}
.top-sec6 .list > li a:hover {text-decoration:underline;}
.top-sec6 .list > li a .date {color:#92734d; display:block;}
.top-sec6 .bnr {margin:25px -7px 0 -7px; display:flex; flex-wrap:wrap;}
.top-sec6 .bnr > li {width:33.33%; padding:20px 7px 0 7px; box-sizing:border-box;}
.top-sec6 .bnr > li.cell1 {width:100%;}
.top-sec6 .bnr a {display:block; transition:opacity 0.3s ease;}
.top-sec6 .bnr a:hover {opacity:0.7;}

@media screen and (max-width:767px){
	#contents {padding:0;}

	.top-mv {height:64.0vw;}
	.top-mv .bg {background-position:28% center;}
	.top-mv .bg1 {width:15.3vw; height:15.3vw; top:5.0vw; left:2.1vw;}
	.top-mv .bg2 {width:7.0vw; height:7.0vw; top:46.8vw; left:58.6vw;}
	.top-mv .bg3 {width:5.0vw; height:5.0vw; top:44.6vw; left:64.2vw;}
	.top-mv .ctx {width:86.4vw; padding:3.4vw 0 4.0vw 0; top:9.6vw; left:6.8vw;}
	.top-mv .ctx dt {max-width:100%; width:100%; font-size:4.0vw; padding:1.0vw 0;}
	.top-mv .ctx dd {font-size:5.4vw; line-height:1.1; padding:1.2vw 0.5em 0 0.5em;}
	.top-mv .ctx div {margin:1.8vw 0 0 0;}
	.top-mv .slick-slide {height:64.0vw;}

	.top-sec1 {padding:25px 0 30px 0; background-size:auto 100px;}
	.top-sec1 .txt1 {margin:0 -6.0vw;}
	.top-sec1 .txt1 > div {font-size:5.6vw; margin:0 2.0vw; padding:8px 0;}
	.top-sec1 .txt1 > div::before {height:2px;}
	.top-sec1 .txt2 {font-size:4.6vw; margin:20px 0 0 0;}
	.top-sec1 .btn {margin:20px 0 0 0;}
	.top-sec1 .bnrs {margin:0; padding:0 0 20px 0; display:block;}
	.top-sec1 .bnrs > div {padding:0 0 10px 0;}

	.top-sec2 {width:100%; height:85.5vw;}
	.top-sec2 .ctx {width:80.0vw; padding:15px 20px 10px 20px; bottom:20px;}
	.top-sec2 .ctx dt {font-size:1.4rem; margin:0 -20px 0 0; padding:0 0 6px 0; border-bottom:solid 2px #fff;}
	.top-sec2 .ctx dd {font-size:1.2rem; padding:10px 5px 0 0;}
	.top-sec2 .ctx .btn {margin:5px 0 0 0;}
	.top-sec2 .ctx .btn a {font-size:1.6rem; padding:0 16px 0 0;}
	.top-sec2 .ctx .btn a svg {width:12px; height:12px; margin:-5px 0 0 0;}

	.top-sec3 {padding:40px 0;}
	.top-sec3 .bg {background-size:auto 140px, auto 140px;}
	.top-sec3 .ctx dt {font-size:2.4rem; padding:0 0 10px 0;}
	.top-sec3 .ctx dt::before {height:2px;}
	.top-sec3 .ctx dd {font-size:1.4rem; margin:20px 0 0 0;}
	.top-sec3 .ctx .btn {margin:25px 0 0 0;}

	.top-sec4 {padding:30px 0; background-size:62px auto;}
	.top-sec4 .clm {display:block;}
	.top-sec4 .clm > div {width:auto; margin:20px 0 0 0;}
	.top-sec4 .clm > div:first-of-type {margin-top:0;}
	.top-sec4 .clm .ctx {padding:15px;}
	.top-sec4 .clm .ctx > span:nth-of-type(1) {font-size:2.2rem;}
	.top-sec4 .clm .ctx > span:nth-of-type(2) {font-size:1.4rem;}

	.top-sec5 {padding:30px 0;}
	.top-sec5 .ttl dt {font-size:3.0rem;}
	.top-sec5 .ttl dd {font-size:1.6rem; margin:10px 0 0 0;}
	.top-sec5 .clm {margin:0; display:block;}
	.top-sec5 .clm > div {width:100%; padding:20px 0 0 0;}
	.top-sec5 .clm a .ctx {width:240px; font-size:2.2rem;}
	.top-sec5 .clm > div:nth-of-type(3) a .ctx {letter-spacing:0;}

	.top-sec6 {padding:30px 0;}
	.top-sec6 .clm {display:block;}
	.top-sec6 .news {width:auto;}
	.top-sec6 .facebook {width:auto; margin:30px 0 0 0;}
	.top-sec6 .facebook .box {max-width:100%; margin:20px auto 0 auto;}
	.top-sec6 .ttl {font-size:2.4rem; padding:0 0 6px 0; border-bottom:solid 2px #563b10;}
	.top-sec6 .btn a {font-size:1.6rem; top:-1.7em; right:0;}
	.top-sec6 .list > li {margin:0.6em 0 0 0;}
	.top-sec6 .bnr {margin:15px -3px 0 -3px;}
	.top-sec6 .bnr > li {width:33.33%; padding:6px 3px 0 3px;}
}