@charset "UTF-8";
html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, img, a, table, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  line-height: 1;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

ol, ul {
  list-style: none;
  list-style-type: none;
}

* {
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

*:before,
*:after {
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body {
background:url("../img/bk.jpg") no-repeat;
background-size: cover;
background-attachment: fixed;
}


figure {
  padding: 0;
  margin: 0;
  max-width: 100%;
  width: 100%; }

img {
  vertical-align:bottom;
  max-width: 100%;}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
main p,main dl {
    font-size: 18px;
    line-height: 185%;
}

main {
	max-width: 750px;
	margin: 0 auto;
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
	color: #595757;

	background: white;
}



.pos {
	position: relative;
}
.ab {
	position: absolute;
}

.mg190 {
	margin-top: 190px;
}

#js-slider {
	width: 100%;

	padding: 3% 0 0;
}
#js-slider2 {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0%;
	padding: 3% 0;
}
#js-slider li img {
	display: block;
	width: 95%;
	margin: 0 auto;
    padding: 0 10px;
}
#js-slider2 li img {
	display: block;
	width: 95%;
	margin: 0 auto;
    padding: 0 10px;
}




.slick-prev {
	width: 47px;
	height:55px;
	background: url("../img/prev.png") no-repeat;
	background-position: center;
	background-size: contain;
	left: 10%;
	z-index: 2;
}
.slick-next {
	width: 47px;
	height:55px;
	background: url("../img/next.png") no-repeat;
	background-position: center;
	background-size: contain;
	right: 10%;
z-index: 2;
}
#js-slider2 .slick-prev {
left: 5%;
}

#js-slider2 .slick-next {
right: 5%;
}



.accordion-container .accordion-title {
  position: relative;
  margin: 0;
  color: #fff;
  cursor: pointer;
}

.accordion-container .accordion-title::after {
  content: "";
  position: absolute;
  top: 45px;
  right: 25px;
  width: 0;
  height: 0;
  border: 14px solid transparent;
  border-top-color: #fff;

}
.accordion-container .accordion-title.open::after {
  content: "";
  position: absolute;
  top: 35px;
  border: 14px solid transparent;
  border-bottom-color: #fff;
}


.accordion-container {
  width:90%;
  margin: 0 auto;
}
.accordion-container article {
	margin-bottom: 5%;
}

section.item {
	margin-top: 25%;
	background: url("../img/item_bk.png") no-repeat;
	background-size: 750px auto;
	background-position: center 0;
	background-repeat: repeat-y;
}

section.item ul.main {
	margin: 3% 0 12%;
}
section.item ul.main li {
    display: block;
    width: 100%;
    text-align: center;
	margin: 0 auto;
}

section.item ul.other {
	margin: 0 auto;
	padding: 5% 0;
}
section.item ul.other li {
    display: inline-block;
    width: 43%;
    text-align: center;
    margin: 3%;
}
section.item ul li:hover {
	opacity: 0.8;
}

footer {
	
}
footer article {
	background: #015a37;
	padding: 10% 5% 5%;
}
footer article ul {
	width: 90%;
	margin: 0 auto;
}
footer article ul li {
	margin-bottom: 4%;
}

footer article dl {
	color: white;
	width: 90%;
	margin: 0 auto;
}
footer article dt {
	font-size: 30px;
	margin-bottom: 3%;
}

footer article dd {
	font-size: 24px;
}
footer p {
	width: 90%;
	margin: 10px auto;
}
footer p a {
	display: inline-block;
	margin-right: 10px;
}
footer aside {
	overflow: hidden;
	border-top:2px solid black;
	border-bottom:2px solid black;
}
footer aside div {
	float: left;
	width: 50%;
	padding: 10px 0;
	text-align: center;
}
footer aside div.left {
	background: #c0e132;
	border-right:2px solid black;
box-sizing: border-box;
}

footer small {
	display: block;
	text-align: center;
	color: #46ad6d;
	
}


#page-top {
width: 750px;
	display: block;
	text-align: center;
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0px;
    z-index: 2;
    opacity: 0;
    transform: translateY(300px);
    margin: auto;
}
footer a:hover {
	opacity: 0.6;
	transition: 0.5s;
}



@media (min-width: 768px) {
.sp {
        display: none !important;
    }
}


/*tablet*/





/*SP_768*/

@media (max-width: 767px) {
.pc {
display: none !important;
}

img {
width: 100%;
}

main p,main dl {
    font-size: 10px;
    line-height: 150%;
}

.fv p {
	bottom: 3%;
	left: 4%;
}

#js-slider li img {

	display: block;
	width: 90%;
	margin: 0 auto 10px;
}

.slick-prev {
	width: 26px;
	height:26px;
	background: url("../img/prev.png") no-repeat;
	background-position: center;
	background-size: contain;
	left: 15px;
	z-index: 2;
}
.slick-next {
	width: 26px;
	height:26px;
	background: url("../img/next.png") no-repeat;
	background-position: center;
	background-size: contain;
	right: 15px;
z-index: 2;
}

.accordion-container .accordion-title {
  position: relative;
  margin: 0;
  color: #fff;
  cursor: pointer;
}

.accordion-container .accordion-title::after {
content: "";
        position: absolute;
        top: 23px;
        right: 10px;
        width: 0;
        height: 0;
        border: 8px solid transparent;
        border-top-color: #fff;

}
.accordion-container .accordion-title.open::after {
  content: "";
  position: absolute;
  top: 13px;
  border: 8px solid transparent;
  border-bottom-color: #fff;
}


.accordion-container {
  width:90%;
  margin: 0 auto;
}
.accordion-container article {
	margin-bottom: 5%;
}

section.item {
	margin-top: 35%;
	background: url("../img/item_bk.png") no-repeat;
	background-size: 750px auto;
	background-position:center 0;
}

section.item ul.main {
	margin: 3% 0 12%;
}
section.item ul.main li {
    display: block;
    width: 60%;
    text-align: center;
	margin: 0 auto;
}

section.item ul.other {
	margin: 0 auto;
	padding: 5% 0;
}
section.item ul.other li {
    display: inline-block;
    width: 43%;
    text-align: center;
    margin: 3%;
}

footer {
	
}
footer article {
	background: #015a37;
	padding: 10% 2% 5%;
}
footer article ul {
	width: 90%;
	margin: 0 auto;
}
footer article ul li {
	margin-bottom: 4%;
}

footer article dl {
	color: white;
	width: 90%;
	margin: 0 auto;
}
footer article dt {
	font-size: 18px;
	margin-bottom: 3%;
}

footer article dd {
	font-size: 16px;
}
footer p {
	width: 90%;
	margin: 10px auto;
}
footer p a {
	display: inline-block;
	margin-right: 10px;
		width: 10%;
}
	footer p a img {

	}


footer aside {
	overflow: hidden;
	border-top:2px solid black;
	border-bottom:2px solid black;
}
footer aside div {
	float: left;
	width: 50%;
	padding: 10px 0;
	text-align: center;
}
footer aside div.left {
	background: #c0e132;
	border-right:2px solid black;
box-sizing: border-box;
}

	footer aside div.right img {
		width: 56%;
	}


footer small {
	display: block;
	text-align: center;
	color: #46ad6d;
	
}


#page-top {
width:90%;
	display: block;
	text-align: center;
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0px;
    z-index: 2;
    opacity: 0;
    transform: translateY(300px);
    margin: auto;
}

.green {
	background: #098433;
}
.mg1 {
	margin-top: -1px;
}

.mg190 {
	margin-top: 20%;
}



}



#page-top.UpMove{
	animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
  from {
    opacity: 0;
	transform: translateY(300px);
  }
  to {
    opacity: 1;
	transform: translateY(0);
  }
}

#page-top.DownMove{
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
  	opacity: 1;
	transform: translateY(0);
  }
  to {
  	opacity: 1;
	transform: translateY(300px);
  }
}

@media (min-width: 768px) {
	a[href^="tel:"] {
		pointer-events: none;
	}
}