@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Zen+Old+Mincho:wght@400;500;600;700;900&display=swap');


/* =================== */
/*       pubulic       */
/* =================== */
html {
	font-size:clamp(10px, 1.04vw, 25px);
	overflow-x:hidden;
	scroll-padding-top:200px;
}
body {
	position:relative;
	-webkit-text-size-adjust:100%;
	font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
	overflow:hidden;
	background:url(../img/bg.jpg) repeat-y;
	background-size:100% auto;
}

.act-font {
	font-family: "Zen Old Mincho", serif;
  font-weight: 400;
}
.en-font {
	/*font-family: "bickham-script-pro-3", sans-serif;
	font-weight: 400;
	font-style: normal;*/
	font-family: "Zen Old Mincho", serif;
  font-weight: 400;
}



main { position:relative; }



img {
  width:100%;
  height:auto;
  max-width:100%;
}

a { transition:0.5s ease all; }

.sp-on { display:none; }

.flex-box {
	display:-webkit-box;
	display:flex;
	-webkit-box-pack:justify;
	justify-content:space-between;
	align-items:center;
}

.fadein {
	opacity:0;
	transform:translate(0, 15%);
	transition:.5s;
}
.fadein.is-show {
	transform:translate(0, 0);
	opacity:1;
}

.fadein-lt {
	opacity:0;
	transform:translate(-5%, -5%);
	transition:1s;
}
.fadein-lt.is-show {
	transform:translate(0, 0);
	opacity:1;
}
.fadein-rt {
	opacity:0;
	transform:translate(5%, -5%);
	transition:1s;
}
.fadein-rt.is-show {
	transform:translate(0, 0);
	opacity:1;
}
.fadein-lb {
	opacity:0;
	transform:translate(-5%, 5%);
	transition:1s;
}
.fadein-lb.is-show {
	transform:translate(0, 0);
	opacity:1;
}
.fadein-rb {
	opacity:0;
	transform:translate(5%, 5%);
	transition:1s;
}
.fadein-rb.is-show {
	transform:translate(0, 0);
	opacity:1;
}


.center-fade {
	transform:scale(1.2);
	opacity:0;
	transition:.8s;
}
.center-fade.is-show {
	opacity:1;
	transform:scale(1);
}
.transscaleX { opacity:0; }
.transscaleX.is-show {
    animation:transscaleX .5s ease 0s forwards;
}
@keyframes transscaleX {
  0% {
    transform:scaleX(0);
    opacity:0;
  }
  100% {
    transform:scaleX(1);
    opacity:1;
  }
}

.blur {
	filter:blur(10px);
	transition:1.5s;
}
.blur.is-show {
	filter:blur(0);
	opacity:1;
}



.in-w85 {
	width:85rem;
	margin:0 auto;
	position:relative;
}
.in-w80 {
	width:80rem;
	margin:0 auto;
	position:relative;
}
.in-w75 {
	width:75rem;
	margin:0 auto;
	position:relative;
}
.in-w60 {
	width:60rem;
	margin:0 auto;
	position:relative;
}
.max-w-box {
	max-width:2500px;
	margin:0 auto;
	position:relative;
}


h2,h3,h4 { font-weight:100; }









.kv-box {
	width:100%;
	height:48rem;
}
.kv-box .kv-in {
	width:100%;
	height:100%;
	overflow: hidden;
}
.kv-box video {
	width:100%;
	height:100%;
	object-fit:cover;
}
.kv-box img {
	width:100%;
	height:100%;
	object-fit:cover;
}








/* =================== */
/*       main-nav      */
/* =================== */
#header {
	width:100%;
	position:relative;
	height:6rem;
}
#header .head-in {
	z-index:1000;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:6rem;
	background:url(../img/bg.jpg) repeat-y;
	background-size:100% auto;
}
#header .head-in .in-w85 { height:100%; position:initial; }
#header .site-logo {
	width:6.4rem;
	margin-left:-3rem;
}
#header .site-logo a:hover { opacity:.5; }
#header #main-nav .nav { height:100%; }
#header #main-nav .nav > li { margin-left:2.5rem; }
#header #main-nav .nav li a {
	text-align:center;
	display:block;
	font-size:max(15px, 1rem);
}
#header #main-nav .nav li .en-font {
	font-size:max(22.5px, 1.5rem);
}
#header #main-nav .nav li .child {
	position:absolute;
	top:6rem;
	left:0;
	padding:1rem 0;
  transition: .7s grid-template-rows ease;
  width: 100vw;
  background:#353e72;
  display:none;
}
#header #main-nav .nav li.restaurant .child {
	background:#f8f6e1;
}
#header #main-nav .nav li.this .child { display:block; }
#header #main-nav .nav li.child-hav:hover .child { display:block; z-index:10; }
#header #main-nav .nav li.child-hav .parent { position:relative; }
#header #main-nav .nav li.child-hav:hover .parent::before,
#header #main-nav .nav li.child-hav.this.hotel .parent::before {
	content:"";
	width:100%;
	height:3px;
	background:#353e72;
	position:absolute;
	bottom:-.7rem;
	left:0;
}
#header #main-nav .nav li.child-hav.restaurant:hover .parent::before,
#header #main-nav .nav li.child-hav.this.restaurant .parent::before {
	content:"";
	width:100%;
	height:3px;
	background:#880000;
	position:absolute;
	bottom:-.7rem;
	left:0;
}
#header #main-nav .nav li { height:100%; display:flex; align-items:center; }
#header #main-nav .nav li .child ul {
	overflow:hidden;
	display:flex;
	justify-content:center;
}
#header #main-nav .nav li .child li { margin-bottom:.1rem; }
#header #main-nav .nav li .child a {
	padding:.5rem 1rem;
	border-radius:.25rem;
	display:block;
	text-align:left;
	box-sizing:border-box;
	color:#fff;
}
#header #main-nav .nav li.restaurant .child a { color:#880000; }
#header #main-nav .nav li a:hover { opacity:.5; }
#header #hamburger { display:none; }
#header #main-nav { height:100%; }
#header .nav-wrap { height:100%; }




/* =================== */
/*         footer      */
/* =================== */
#footer {
	width:100%;
	position:relative;
	background:#fff;
	padding:14rem 0 2rem;
}
#footer .foot-logo {
	width:12rem;
	margin:0 0 2rem;
}
#footer > .flex-box { align-items:flex-start; min-width:900px; }
#footer .r-box { order:2; margin-top:5rem; }
#footer .l-box { order:1; }
#footer .foot-nav {
	justify-content:center;
	align-items:flex-start;
}
#footer .foot-nav .box { margin-left:4rem; }
#footer .foot-nav .box .parent { margin-bottom:.7rem; }
#footer .foot-nav .box3 .parent { margin-bottom:2.3rem; }
#footer .foot-nav .en-font { font-size:max(22.5px, 1.5rem); }
#footer .foot-nav li a { font-size:max(15px, 1rem); }
#footer .foot-nav .parent a { font-size:max(15px, 1.1rem); }
#footer .foot-nav .child {
	margin-left:2rem;
	padding-left:1rem;
	border-left:1px solid #000;
}
#footer .foot-nav .child li {
	line-height:2;
	margin-bottom:.5rem;
}
#footer .foot-nav a:hover { opacity:.5; }
#footer address {
	line-height:1.5;
	font-size:max(15px, 1rem);
}
#footer address .name { margin-bottom:.5rem; }
#footer .copy {
	font-size:max(13px, .7rem);
	align-items:center;
	justify-content:flex-end;
	margin:4.5rem 0 0;
}
#footer .copy .btn { margin-left:1rem; width:2.2rem; min-width:30px; }
#footer .copy a:hover { opacity:.5; }
#footer #pagetop {
  width:3rem;
  position:fixed;
  top:auto;
  bottom:1.5rem;
  right:1rem;
  z-index:300;
  line-height:0;
}
#footer #pagetop a:hover { opacity:.5; }






/* =================== */
/*      body.index     */
/* =================== */
#plan-bnr {
	margin-bottom:-8rem;
	position:relative;
	z-index:1;
}

#plan-bnr .view-more-btn {
    margin-top: 2rem;
}


#plan-bnr a:hover { opacity:.5; }

.view-more-btn { text-align:center; }
.view-more-btn a {
	font-size:max(15px, 1.15rem);
	color:#252f66;
	padding:0 1rem 1rem;
	border-bottom:1px solid #252f66;
	display:inline-block;
}
.view-more-btn.wht a { color:#fff; border-bottom:1px solid #fff; }
.view-more-btn a:hover { opacity:.5; }
.view-more-btn a span {
	display:inline-block;
	vertical-align:middle;
}
.view-more-btn a::after {
	content:"＞";
	display:inline-block;
	margin-left:1.5rem;
	font-size:70%;
	font-weight:bold;
	vertical-align:middle;
}


body.index h3 .en-font {
	color:#252f66;
	display:block;
	font-size:1.25rem;
	text-align:center;
}
body.index h3 .act-font {
	color:#252f66;
	display:block;
	font-size:2rem;
	text-align:center;
	margin-bottom:.8rem;
}

body.index #news-sec { padding:6.5rem 0 7.5rem; }
body.index #news-sec ul {
	align-items:flex-start;
	margin-top:2rem;
	margin-bottom:4rem;
}
body.index #news-sec ul li {
	width:calc((100% - 15rem) / 4);
	position:relative;
	font-size:max(15px, 1rem);
}
body.index #news-sec ul li a:hover { opacity:.5; }
body.index #news-sec ul li:before {
	content:"";
	width:1px;
	height:15rem;
	background:#c0c0c0;
	display:block;
	position:absolute;
	right:-2.5rem;
	bottom:0;
}
body.index #news-sec ul li .thumb {
	aspect-ratio:3 / 2.2;
	border-radius:.5rem;
	overflow:hidden;
}
body.index #news-sec ul li .thumb img {
	width:100%;
	height:100%;
	object-fit:cover;
}
body.index #news-sec ul li time {
	color:#252f66;
	margin:.8rem 0;
	display:block;
}
body.index #news-sec ul li .ttl {
	line-height:1.5;
	overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:2;
}

body.index #access-sec {
	background:url(../img/access_bk.jpg) no-repeat;
	background-size:cover;
	height:30rem;
	width:100%;
}
body.index #access-sec .flex-box { justify-content:flex-end; }
body.index #access-sec .txt-box {
	width:33rem;
	text-align:center;
	margin-top:12rem;
}
body.index #access-sec .txt-box h3 { margin-bottom:4.5rem; }
body.index #access-sec .txt-box h3 .act-font { color:#fff; }
body.index #access-sec .txt-box h3 .en-font { color:#fff; }

body.index #plan-sec { margin:8rem 0; }
body.index #plan-sec .plan-list { margin-top:1.5rem; }
body.index #plan-sec .plan-list li { margin:0 2.5rem; }
body.index #plan-sec .plan-list li .thumb .sp-on { display:none; }
body.index #plan-sec .plan-list .slick-prev,
body.index #plan-sec .plan-list .slick-next {
  position: absolute;
  display: block;
  width: calc(25/20*1em);
  height: calc(35/20*1em);
  line-height: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  -webkit-transform: unset;
  -ms-transform: unset;
  transform: unset;
  padding: 0;
  border: none;
  outline: none;
  z-index: 99;
  top:8.5rem;
}
body.index #plan-sec .plan-list .slick-prev:before {
  content: "";
  background: url(../img/prev.png) center center no-repeat;
  background-size: 100% 100%;
  width: 1.7rem;
  height: 2.4rem;
  display: block;
}
body.index #plan-sec .plan-list .slick-next:before {
  content: "";
  background: url(../img/next.png) center center no-repeat;
  background-size: 100% 100%;
  width: 1.7rem;
  height: 2.4rem;
  display: block;
}
body.index #plan-sec .plan-list .slick-prev { left:26%; }
body.index #plan-sec .plan-list .slick-next { right:27%; }
body.index #plan-sec .plan-list .txt {
	font-size:max(15px, 1rem);
	line-height:1.75;
	padding:1.5rem 3rem 0;
}

body.index #pickup .big-list li {
	width:50%;
	height:45rem;
	position:relative;
}
body.index #pickup .big-list li a::before {
	content:"";
	width:100%;
	height:100%;
	background:rgba(52,52,52,.5);
	display:block;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	transition:0.5s ease all;
}
body.index #pickup .big-list li a:hover::before { opacity:1; }
body.index #pickup .big-list li.restaurant a {
	background:url(../img/restaurant_pic.jpg) no-repeat;
	background-size:cover;
	width:100%;
	height:100%;
	display:block;
}
body.index #pickup .big-list li.hotel a {
	background:url(../img/hotel_pic.jpg) no-repeat;
	background-size:cover;
	width:100%;
	height:100%;
	display:block;
}
body.index #pickup .big-list li .txt-box {
	color:#fff;
	padding-top:11.5rem;
	position:relative;
	text-shadow: 0px 7px 20px rgba(52, 52, 52, 0.6);
}
body.index #pickup .big-list li h2 {
	text-align:center;
}
body.index #pickup .big-list li h2 .act-font {
	display:block;
	font-size:3.5rem;
}
body.index #pickup .big-list li h2 .en-font {
	display:block;
	font-size:1.25rem;
	margin-top:1rem;
}
body.index #pickup .big-list li .txt {
	line-height:1.8;
	font-size:max(15px, 1.1rem);
	width:23.5rem;
	margin:2.5rem auto 0;
}
body.index #pickup .big-list .more-btn {
	position:absolute;
	bottom:3.5rem;
	left:0;
	width:100%;
}
body.index #pickup .big-list .more-btn .arrow {
	width:1.4rem;
	display:block;
	margin:0 auto;
	animation:btn 2s infinite;
}
body.index #pickup .big-list .more-btn .act-font {
	font-size:max(15px, 1.25rem);
	letter-spacing:.2em;
	display:block;
	text-align:center;
	color:#fff;
	margin:2rem auto 0;
}
@keyframes btn {
  0% {
    transform:translate(0, 0);
  }
  80% {
    transform:translate(0, 15px);
  }
  0%, 80%, 100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}

body.index #pickup .sml-list { flex-wrap:wrap; }
body.index #pickup .sml-list li {
	width:calc(100% / 3);
	height:29rem;
	position:relative;
}
body.index #pickup .sml-list li a::before {
	content:"";
	width:100%;
	height:100%;
	background:rgba(52,52,52,.5);
	display:block;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	transition:0.5s ease all;
}
body.index #pickup .sml-list li a:hover::before { opacity:1; }
body.index #pickup .sml-list li.sml1 a {
	background:url(../img/sml1_pic.jpg) no-repeat;
	background-size:cover;
	width:100%;
	height:100%;
	display:block;
}
body.index #pickup .sml-list li.sml2 a {
	background:url(../img/sml2_pic.jpg) no-repeat;
	background-size:cover;
	width:100%;
	height:100%;
	display:block;
}
body.index #pickup .sml-list li.sml3 a {
	background:url(../img/sml3_pic.jpg) no-repeat;
	background-size:cover;
	width:100%;
	height:100%;
	display:block;
}
body.index #pickup .sml-list li.sml4 a {
	background:url(../img/sml4_pic.jpg) no-repeat;
	background-size:cover;
	width:100%;
	height:100%;
	display:block;
}
body.index #pickup .sml-list li.sml5 a {
	background:url(../img/sml5_pic.jpg) no-repeat;
	background-size:cover;
	width:100%;
	height:100%;
	display:block;
}
body.index #pickup .sml-list li.sml6 a {
	background:url(../img/sml6_pic.jpg) no-repeat;
	background-size:cover;
	width:100%;
	height:100%;
	display:block;
}
body.index #pickup .sml-list li .txt-box {
	color:#fff;
	padding-top:9rem;
	position:relative;
	text-shadow: 0px 7px 20px rgba(52, 52, 52, 0.6);
}
body.index #pickup .sml-list li .ttl { text-align:center; }
body.index #pickup .sml-list li .ttl .act-font {
	display:block;
	font-size:2rem;
	line-height:1.375;
}
body.index #pickup .sml-list li .txt {
	line-height:1.5;
	font-size:max(15px, 1rem);
	width:25.25rem;
	margin:2rem auto 0;
}
body.index #pickup .sml-list li .txt .att {
	display:block;
	font-size:85%;
	margin-top:.5rem;
	text-indent:-1em;
	padding-left:1em;
}
body.index #pickup .sml-list li .bdr {
	font-size:max(15px, 1.1rem);
	line-height:1.22;
	border:1px solid #fff;
	width:21.5rem;
	margin:1rem auto 0;
	text-align:center;
	padding:.5rem 0;
	font-weight:500;
	min-width:260px;
}
body.index #pickup .sml-list .more-btn {
	position:absolute;
	bottom:2rem;
	left:0;
	width:100%;
}
body.index #pickup .sml-list .more-btn .arrow {
	width:1rem;
	display:block;
	margin:0 auto;
	animation:btn 2s infinite;
}
body.index #pickup .icon-pic {
	width:40rem;
	margin:5rem auto 0;
}



@media screen and (max-width: 1350px) {
	#footer .foot-nav .box { margin-left:2rem; }
}
@media screen and (max-width: 1200px) {
	body.index #pickup .sml-list li .txt-box { padding-top:6rem; }
}
@media screen and (max-width: 1100px) {
	body.index #pickup .sml-list li .txt-box { padding-top:4rem; }
}



@media screen and (max-width: 960px) {
	.sp-on { display:initial; }
	.pc-on { display:none; }

	.in-w80 { width:86.6%; }
	.in-w85 { width:93.3%; }
	.in-w75 { width:86.6%; }
	.in-w60 { width:86.6%; }

	html { scroll-padding-top:80px; }

	.fadein { transform:translate(0, 0); opacity:1; transition:none; }
	.center-fade img { transform:translate(0, 0); opacity:1; transition:none; }

	.kv-box { width:100%; height:auto; position:relative; margin:60px auto 0; top:inherit; line-height:0; }
	#header .nav-box { height:auto; }
	#header { z-index:1000; height:auto; overflow:hidden; }
	#header .site-logo { position:fixed; z-index:1000; top:7px; left:0; right:0; margin:0 auto; }
	#header.open .site-logo { top:60px; width:115px; }
	#header #main-nav {
		height:auto;
		width:100%;
		min-width:inherit;
		min-height:inherit;
		z-index:10;
		display:none;
	}
	#header.open .nav-wrap { display:block; margin-top:0; background:url(../img/bg.jpg) repeat; background-size:100% auto; width:100%; height:100vh; position:fixed; top:0; padding-top:190px; }
	#header .head-in .in-w85 { width:100%; }
	#header.open #main-nav { display:block; }
	#header .head-in { padding:0; min-width:inherit; height:60px; width:100%; z-index:1000;position:fixed; }
	#header #hamburger {
		display:block;
		width:40px;
		height:40px;
		cursor:pointer;
		z-index:10000;
		position:fixed;
		right:10px;
		top:10px;
	}
	#header #hamburger .inner_line {
		display:block;
		margin:0 auto;
		width:40px;
		height:1.5px;
		transition:1s;
		background:#353e72;
		position:absolute;
		left:0;
	}
	#header #hamburger .inner_line span { transition:all .4s; }
	#header #hamburger #line1 { top:11px; }
	#header #hamburger #line2 { top:19px; }
	#header #hamburger #line3 { top:27px; width:30px; }
	#header #hamburger.open #line1 { transform:translateY(9px) rotate(-45deg); }
	#header #hamburger.open #line2 { transform:translateY(1px) rotate(45deg); }
	#header #hamburger.open #line3 { display:none; }
	#header #main-nav .nav { flex-wrap:wrap; width:350px; margin:0 auto; }
	#header #main-nav .nav li { margin:0 0 20px; width:100%; text-align:center; }
	#header #main-nav .nav > li:first-child { display:none; }
	#header #main-nav .nav li a { font-size:17px; }
	#header #main-nav .nav li.child-hav { width:50%; padding-left:15px; }
	#header #main-nav .nav li.child-hav a { text-align:left; line-height:1.5; }
	#header.open.fixed #hamburger { animation:none; }
	#header.open.fixed .head-in,
	#header.fixed .head-in { animation:none; }
	#header #main-nav .nav li .child { position:initial; display:block; transition:none; margin-left:21px;
	
   margin-left: 3rem;
    padding-left: 1rem;
    border-left: 1px solid #000;
	
	
	}
	#header #main-nav .nav li .child a { background:none !important; padding:0; color:#000 !important; }
	#header #main-nav .nav li .child li { margin-bottom:15px; }
	#header #main-nav .nav li .child { width:auto; background:none; padding-top:0; }
	#header #main-nav .nav li { display:block; height:autol; }
	#header #main-nav .nav { height:auto; }
	#header #main-nav .nav li.child-hav:hover .parent::before, #header #main-nav .nav li.child-hav.this.hotel .parent::before { display:none; }
	#header #main-nav .nav li .child ul { display:block; }
	#header #main-nav .nav li.child-hav .parent { font-size:17px; line-height:1.3; }
	#header #main-nav .nav li .child { margin-top:10px; }
	#header #main-nav .nav li.restaurant .child { background:none; }
	#header #main-nav .nav li.child-hav.restaurant:hover .parent::before, #header #main-nav .nav li.child-hav.this.restaurant .parent::before { display:none; }

	#footer { overflow:hidden; padding-top:70px; padding-bottom:35px; }
  #footer .copy .btn { width:35px; margin-left:5px; display:inline-block; }
  #footer address { width:100%; text-align:center; line-height:1.47; margin-right:0; margin-top:30px; }
  #footer address .name { margin-bottom:.5rem; }
  #footer #pagetop { right:10px; bottom:30px; }
  #footer .foot-nav { justify-content:center; width:100%; }
  #footer .copy { font-size:11px; width:100%; justify-content:center; display:flex; min-width:inherit; margin-top:30px; }
  #footer .foot-nav { border-right:0; padding-right:0; margin-right:0; position:relative; z-index:1; }
  #footer .foot-nav li { margin-bottom:20px; }
  #footer .foot-logo.sp-on { display:block; margin:0 auto 40px; }
  #footer > .in-w75 { display:block; min-width:inherit; }
  #footer .foot-nav .box { margin-left:40px; }
  #footer .foot-nav .child { margin-left:2.5rem; }
  #footer .foot-nav .box .parent { font-size:15px; line-height:1.3; }

	body.index #pickup .sml-list li .txt { line-height:1.33; width:22rem; }
	body.index #pickup .sml-list li .bdr { font-size:14px; width:24rem; min-width:inherit; }
	body.index #pickup .sml-list li .icon-pic {
 	  height:29rem;
    background:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
	}
	body.index #news-sec ul { flex-wrap:wrap; max-width:550px; margin-bottom:10px; }
	body.index #news-sec ul li { width:calc((100% - 30px) / 2); margin-bottom:30px; }
	body.index #news-sec ul li:before { display:none; }
	body.index #plan-sec .plan-list li .thumb .pc-on { display:block; }
	body.index #plan-sec .plan-list .txt { line-height:1.5; padding:15px 15px 0; }
	body.index #plan-sec .plan-list .slick-prev { left:14%; }
	body.index #plan-sec .plan-list .slick-next { right:14%; }
	body.index #plan-sec .plan-list .slick-prev, body.index #plan-sec .plan-list .slick-next { top:37%; }

	#plan-bnr { margin-bottom:-6.5rem; }
	#plan-bnr .pc-on { display:block; }
	#plan-bnr .sp-on { display:none; }
}


@media screen and (max-width: 750px) {
	#plan-bnr { margin-bottom:-70px; max-width:500px; }
	#plan-bnr .pc-on { display:none; }
	#plan-bnr .sp-on { display:block; }
	#footer .foot-nav { flex-wrap:wrap; }
	#footer .foot-nav .box { width:50%; margin-left:0; padding-left:15px; }
	#footer .foot-nav .box3 { width:100%; padding-left:0; text-align:center; margin-top:15px; }
	#footer .foot-nav .child { margin-left:27px; }
	#footer .foot-nav .box3 .parent { height:1em; margin-bottom:25px; }
	#footer .foot-nav .box0 {
      width: 100%;
      padding-left: 0;
      text-align: center;
      margin-bottom: 15px;
  }

	body.index #news-sec { padding:50px 0; }
	body.index #news-sec ul { display:block; border-top:1px solid #c0c0c0; margin-bottom:35px; }
	body.index #news-sec ul li { width:100%; padding:1rem 0; border-bottom:1px solid #c0c0c0; margin-bottom:0; }
	body.index #news-sec ul li a { display:flex; justify-content:space-between; align-items:center; }
	body.index #news-sec ul li .thumb { width:130px; }
	body.index #news-sec ul li .txt-box { width:calc(100% - 150px); }
	body.index #news-sec ul li time { margin-top:0; font-size:13px; }
	body.index #news-sec ul li .ttl { -webkit-line-clamp:3; line-height:1.35; font-size:14px; }
	body.index #plan-sec { margin:60px auto 50px; }
	body.index #plan-sec .plan-list .slick-next { right:0; }
	body.index #plan-sec .plan-list .slick-prev { left:0; }
	body.index #plan-sec .plan-list li .thumb .pc-on { display:none; }
	body.index #plan-sec .plan-list li .thumb .sp-on { display:block; }
	body.index #plan-sec .plan-list .slick-prev, body.index #plan-sec .plan-list .slick-next { top:30%; }
	body.index #plan-sec .plan-list .txt { padding:10px 10px 0; }
	body.index #plan-sec .plan-list .txt br { display:none; }
	body.index #access-sec {
    background: url(../img/access_bk_sp.jpg) no-repeat;
    background-size: cover;
    aspect-ratio:7.5 / 6;
    height:auto;
    position:relative;
  }
  body.index #access-sec .txt-box { padding-top:45px; margin-top:0; width:auto; }
  body.index #access-sec .txt-box h3 { margin-bottom:150px; }
  body.index #access-sec .flex-box { display:block; height:100%; }
  body.index #access-sec .view-more-btn { position:absolute; bottom:30px; left:0; right:0; }

  body.index #pickup .big-list { display:block; }
  body.index #pickup .big-list li { width:100%; aspect-ratio:7.5 / 7; height:auto; margin-top:2px; }
  body.index #pickup .big-list li .txt-box { padding-top:65px; }
  body.index #pickup .big-list li .txt { width:76%; line-height:1.66; margin-top:15px; }
  body.index #pickup .sml-list { display:block; }
  body.index #pickup .sml-list li { width:100%; aspect-ratio:7.5 / 5; height:auto; margin-top:2px; }
  body.index #pickup .sml-list li .txt { width:76%; margin-top:15px; }
  body.index #pickup .sml-list li .txt-box { padding-top:50px; }
  body.index #pickup .sml-list li .bdr { width:76%; font-size:15px; }
  body.index #pickup .sml-list li.sml5 { aspect-ratio:7.5 / 6; position:relative; z-index:1; }
  body.index #pickup .sml-list li .icon-pic { display:block; height:auto; padding-bottom:5px; }
  body.index #pickup .sml-list li .icon-pic img { width:90%; display:block; margin:0 auto; }
  body.index #pickup .icon-pic { width:93.3%; }
}