@charset "UTF-8";
/* CSS Document */

/* ================================
	Base
================================ */

html {
	font-size: 62.5%;
}
body {
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-size: 1.3rem;
	line-height: 1.5;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	color: #333333;
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}


/* ================================
	PC
================================ */

@media screen and (min-width: 768px) {

body {
  min-width: 990px;
}
  
}

#title-base {
  width: 100%;
  height: 580px;
  position: relative;
  background-image: url(../images/titleimage.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-color: #ede3c2;
}
#title {
  width: 372px;
  height: 545px;
  margin: 0px auto;
  position: relative;
  padding: 11px 595px 24px 23px;
}
#cnt1-base {
  width: 100%;
  height: 1477px;
  position: relative;
  background-image: url("../images/bg_01.png");
  background-repeat: no-repeat;
  background-position: center 15px;
}
#cnt1 {
  width: 990px;
  height: 1477px;
  margin: 0px auto;
  position: relative;
}
.btn-01 {
  position: absolute;
  left: 118px;
  top: 36px;
}
.btn-02 {
  position: absolute;
  left: 92px;
  top: 152px;
}
.main-st {
  position: absolute;
  left: 108px;
  top: 345px;
}
.ishigami-01 {
  position: absolute;
  left: 38px;
  top: 480px;
}
.ishigami-02 {
  position: absolute;
  left: 414px;
  top: 687px;
}
.ishigami-03 {
  position: absolute;
  left: 670px;
  top: 477px;
}
.ishigami-04 {
  position: absolute;
  left: 38px;
  top: 710px;
}
.btn-03 {
  position: absolute;
  left: 37px;
  top: 656px;
}
.kyoten {
  position: absolute;
  left: 38px;
  top: 893px;
}
.onsen {
  position: absolute;
  left: 30px;
  top: 1165px;
}
.gourmet {
  position: absolute;
  left: 520px;
  top: 870px;
}
.btn-04 {
  position: absolute;
  left: 245px;
  top: 1388px;
}
#cnt2-base {
  width: 100%;
  height: 1960px;
  position: relative;
  background-image: url("../images/bg_02.png");
  background-repeat: no-repeat;
  background-color: #ede3c2;
  background-position: center top;
}
#cnt2 {
  width: 990px;
  height: 1960px;
  margin: 0px auto;
  position: relative;
}
.project-st {
  position: absolute;
  left: 75px;
  top: 43px;
}
.project-1 {
  position: absolute;
  left: 28px;
  top: 257px;
}
.project-2 {
  position: absolute;
  left: 28px;
  top: 811px;
}
.btn-05 {
  position: absolute;
  left: 245px;
  top: 707px;
}
.btn-07 {
  position: absolute;
  left: 245px;
  top: 1729px;
}
.btn-08 {
  position: absolute;
  left: 118px;
  top: 1830px;
}
.project-atn {
  position: absolute;
  left: 210px;
  top: 1925px;
}
#cnt3-base {
  width: 100%;
  height: 340px;
  position: relative;
  background-image: url("../images/bg_03.png");
  background-repeat: no-repeat;
  background-position: center 106px;
}
#cnt3 {
  width: 990px;
  height: 340px;
  margin: 0px auto;
  position: relative;
}
.btn-09 {
  position: absolute;
  left: 118px;
  top: 28px;
}
.btn-10 {
  position: absolute;
  left: 118px;
  top: 144px;
}
.btn-11 {
  position: absolute;
  left: 118px;
  bottom: 0px;
}
.pc {
  display: block !important;
}
.sp {
  display: none !important;
}


/* ================================
	SP
================================ */

@media screen and (max-width: 767px) {

body > div:first-of-type{
	width: 100%!important;
}

.pc {
  display: none !important;
}
.sp {
  display: block !important;
}

#title-sp {
  width: 100%;
  position: relative;
}
#cnt1-base {
  width: 100%;
  height: auto;
  position: relative;
  background-image: url("../images/bg_01sp.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
#cnt1-base:before {
  content: "";
  display: block;
  padding-top: 254vw;
}
#cnt1 {
  position: absolute;
  top: 0; 
  left: 0;
  width: 100%;
  height: 100%;
}
.btn-01 {
  left: 3%;
  top: calc(22 / 767 * 100vw);
}
.btn-02 {
  left: 3%;
  top: calc(176  / 767 * 100vw);
}
.main-st {
  left: 12%;
  top: calc(344 / 767 * 100vw);
}
.ishigami {
  position: absolute;
  left: 4%;
  top: calc(445 / 767 * 100vw);
}
.btn-03 {
  left: 8%;
  top: calc(970 / 767 * 100vw);
}
.kyoten {
  left: 4%;
  top: calc(1063 / 767 * 100vw);
}
.btn-04 {
  left: 8%;
  top: calc(1837 / 767 * 100vw);
}
#cnt2-base {
  width: 100%;
  height: auto;
  position: relative;
  background-image: url("../images/bg_02sp.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
#cnt2-base:before {
  content: "";
  display: block;
  padding-top: 320vw;
}
#cnt2 {
  position: absolute;
  top: 0; 
  left: 0;
  width: 100%;
  height: 100%;
}
.project-st {
  left: 8%;
  top: calc(33 / 767 * 100vw);
}
.project-1 {
  left: 2.8%;
  top: calc(203 / 767 * 100vw);
}
.project-2 {
  left: 2.8%;
  top: calc(916 / 767 * 100vw);
}
.btn-05 {
  left: 7%;
  top: calc(793 / 767 * 100vw);
}
.btn-07 {
  left: 7%;
  top: calc(2200 / 767 * 100vw);
}
.btn-08 {
  left: 3%;
  top: calc(2324 / 767 * 100vw);
}
.project-atn {
  left: 10%;
  top: calc(2416 / 767 * 100vw);
}
#cnt3-base {
  width: 100%;
  height: auto;
  position: relative;
  background-image: url("../images/bg_03sp.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
#cnt3-base:before {
  content: "";
  display: block;
  padding-top: 48.5vw;
}
#cnt3 {
  position: absolute;
  top: 0; 
  left: 0;
  width: 100%;
  height: 100%;
}
.btn-09 {
  left: 3%;
  top: calc(23 / 767 * 100vw);
}
.btn-10 {
  left: 3%;
  top: calc(170 / 767 * 100vw);
}
.btn-11 {
  left: 3%;
  top: calc(294 / 767 * 100vw);
}
.footer-sp {
  position: relative;
}

}


/* ================================
	Style
================================ */

html, body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, form {
  margin: 0;
  padding: 0;
}
img {
  vertical-align: bottom;
}
a {
  overflow: hidden;
  outline: none;
}
a img {
  border: none;
}
.text-bold {
	font-weight: bold;
}