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


/*静止画メインイメージ*/

.mainImg {
	margin: -1rem auto 0;
}

/*動画*/

video {
	width: 100%;
	max-width: 1920px;
}

/*帯エリア*/
.obiArea {
	background-color: #fff;
	padding: 2.1rem 0;
}

.obiArea div.obi {
	display: flex;
	display:-webkit-flex;
	display: -ms-flexbox;
	justify-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
}


.obiArea p {
	padding: 0 1.2rem;
	box-sizing: border-box;
}

.obiArea p img {
	max-width: 768px;
	margin: 0 auto;
}

/*追加の帯エリア*/
div.obiAreaInfo {
	color: #fff;
	background-color: #3FB3E7;
	padding: 2.1rem 0;
}

div.obiAreaInfo p {
	font-size: 4.5rem;
	line-height: 1.5;
	text-align: center;
}

div.obiAreaInfo p.border {
	display: flex;
	align-items: center;
	margin: 3.6rem auto;
}

div.obiAreaInfo p.border:before {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #fff;
	margin-right: 3rem;
}

div.obiAreaInfo p.border:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #fff;
	margin-left: 1.6rem;
}

div.obiAreaInfo div.obiAreaInfo_Wrapper {
	background-color: rgba(255,255,255,.3);
	/*padding-bottom: 1rem;*/
}

div.obiAreaInfo p span.txt_ye {
	font-size: 4.5rem;
	line-height: 1.5;
	letter-spacing: 0.05em;
	text-align: center;
	color: #ffd700;
	font-weight: 400;
	text-shadow: 2px 2px 6px rgba(85, 85, 85, 0.8);
}

div.obiAreaInfo p span.caution_ye {
	font-size: 2.5rem;
	line-height: 1.5;
	letter-spacing: 0.05em;
	text-align: center;
	color: #ffd700;
	font-weight: 400;
	text-shadow: 2px 2px 6px rgba(85, 85, 85, 0.8);
	margin-top: 0.85rem;
}

div.obiAreaInfo p.obiAreaInfo_text {
	font-size: 2.4rem;
	margin-bottom: 1.2rem;
}

div.obiAreaInfo p mark {
	color: #fff;
	background: linear-gradient(transparent 75%, #DEB732 0%);
}

div.obiAreaInfo div.obiAreaInfo_price {
	margin: 3rem auto;
	padding: 3rem 0;
}

div.obiAreaInfo div.obiAreaInfo_price p img {
	width: 100%;
	max-width: 600px;
	height: auto;
	margin: 0 auto;
}

div.obiAreaInfo div.obiAreaInfo_price .txt_ye {
	letter-spacing: 0.05em;
	color: #ffd700;
	font-weight: 400;
	text-shadow: 2px 2px 6px rgba(85, 85, 85, 0.8);
}

div.obiAreaInfo div.obiAreaInfo_price div.obiAreaInfo_price_Box {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	font-size: 4rem;
	margin: 3rem auto;
}

div.obiAreaInfo div.obiAreaInfo_price div.obiAreaInfo_price_Box div {
	width: calc(100% / 5);
}

div.obiAreaInfo div.obiAreaInfo_price div.obiAreaInfo_price_Box div.obiAreaInfo_price_txtBig01 {
	text-align: right;
}

div.obiAreaInfo div.obiAreaInfo_price div.obiAreaInfo_price_Box div.obiAreaInfo_price_txtBig02 {
	text-align: center;
}

div.obiAreaInfo div.obiAreaInfo_price div.obiAreaInfo_price_Box div.obiAreaInfo_price_txtBig00 span,
div.obiAreaInfo div.obiAreaInfo_price div.obiAreaInfo_price_Box div.obiAreaInfo_price_txtBig01 span,
div.obiAreaInfo div.obiAreaInfo_price div.obiAreaInfo_price_Box div.obiAreaInfo_price_txtBig02 span {
	font-size: 6rem;
}

div.obiAreaInfo div.obiAreaInfo_price div.obiAreaInfo_price_Box div.obiAreaInfo_price_txtBig00 {
	text-align: right;
	margin-right: -6rem;
}

div.obiAreaInfo div.obiAreaInfo_price div.obiAreaInfo_price_Box div.obiAreaInfo_price_txtBig00 span.type {
	font-size: 3rem;
	display: block;
}

div.obiAreaInfo div.obiAreaInfo_price div.obiAreaInfo_price_Box div.obiAreaInfo_price_txtBig00 span.point {
	display: inline-block;
	font-size: 1.5rem;
	background-color: #DC4548;
	border-radius: 5px;
	margin-right: 1rem;
	padding: 0.5rem;
	box-sizing: border-box;
}

div.obiAreaInfo02 {
	color: #fff;
	background-color: #f3a83c;
	padding: 2.1rem 0;
}

div.obiAreaInfo02 p {
	font-size: 4.5rem;
	line-height: 1.5;
	text-align: center;
}

.gold {
    background: linear-gradient(0, /*#8c7537 0%,*/ #dbb00b 45%, #fde79d 70%, #dbb10c 85%, #fde79d 90% 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/*/// バナーエリア ///*/
.bnrArea {
	max-width: 768px;
	margin: 4.5rem auto;
}

.bnrArea p {
	margin-bottom: 2.1rem;
}

.bnrArea p img {
	max-width: 768px;
	height: auto;
	margin: 0 auto;
}

.bnrArea p.homes img {
	max-width: 600px;
	height: auto;
	margin: 0 auto;
}

/*/// インフォメーションエリア ///*/

#info {
	text-align: center;
	margin: 3rem auto 6rem;
}

#info p {
	color: #fff;
}

#info div.infoBox {
	/*background-color: #e0ffff;*/
	margin: 4.5rem auto;
	/*padding: 3rem 3rem 9rem;*/
}

#info div.infoBox p {
	font-size: 1.8rem;
	line-height: 2;
	text-align: left;
	color: #000;
}

#info div.infoBox p.infoTitle {
	text-align: center;
}

#info div.advanceNotice02 {
	margin: 4.5rem auto 0;
	text-align: center;
}

#info div.advanceNotice02 p {
	color: #000;
}

/*//インフォ移行*/
div.iframe-content {
	height: 100%;
}

iframe {
	width: 100%;
	max-width: 960px;
}


/*/// 問合せボタン ///*/
.btnBox {
	width: 100%;
	max-width: 640px;
	margin: 6rem auto;
}

.btnBox p {
	width: 50%;
	max-width: 300px;
	font-size: 2.4rem;
	letter-spacing: 0.1em;
	margin: 0 1rem;
	box-sizing: border-box;
}

.btnBox p a {
	padding: 2.5rem;
	color: #fff;
}

/*/// コンセプトエリア ///*/
section.concept {
	margin: 15rem auto;
	padding: 15rem 0;
	background-image: url("../images/concept_bg.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}

section.concept div.inner {
	width: 100%;
	max-width: 656px;
	margin: 0 auto;
}

section.concept p img {
	max-width: 656px;
	height: auto;
	margin: 0 auto;
}

section.concept p:nth-child(2) {
	font-size: 4rem;
	line-height: 1.3;
	letter-spacing: 0.3em;
	margin: 4.5rem auto;
}

section.concept p.conceptRead {
	font-size: 1.8rem;
	line-height: 2.4;
	letter-spacing: 0.25em;
	margin: 3rem auto;
}



/*/// メニューエリア ///*/
#contNav {
	background: #fff;
	overflow: hidden;
}


#contNav div.contNavBtn {
	display: flex;
	display:-webkit-flex;
	display: -ms-flexbox;
}

#contNav div.contNavBtn.soon::after {
  content: '';
  background-color: rgba(0,0,0,.5);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

#contNav div.contNavBtn.fadein {
  opacity : 0;
  transform: translateY(0px) translateX(130px);
  transition: all .8s;
}

#contNav div.contNavBtn.left.fadein {
  opacity : 0;
  transform: translateY(0px) translateX(-130px);
  transition: all .8s;
}

/*#contNav div.contNavBtn.fadein {
  opacity : 0;
  transform: translateY(0px) translateX(100px);
  transition: 1s 0.15s;
}

#contNav div.contNavBtn.left.fadein {
  opacity : 0;
  transform: translateY(0px) translateX(-100px);
  transition: 1s 0.15s;
}*/

#contNav div.contNavBtn.fadein.scrollin,
#contNav div.contNavBtn.left.fadein.scrollin {
  opacity : 1;
  transform : translate(0, 0);
}

#contNav div.contNavBtn h2 {
	width: 40%;
}

#contNav div.contNavBtn p {
	width: 60%;
}

#contNav div.contNavBtn h2.order {
	order: 1;
}

 


#contNav div.advanceNotice {
	margin: 9rem auto 0;
	text-align: center;
}

#contNav div.advanceNotice ul {
	margin: 2.1rem auto;
}

#contNav div.otherBox {
	background: #fff;
	padding: 12rem 0;
	position: relative; 
	}
	
#contNav div.otherBox img.decoration {
	width: 14.848484848%;
	position: absolute;
	left: 0;
	bottom: 0;
}

#contNav div.otherBox div.inner {
	max-width: 1300px;
	margin: 0 auto;
}



#contNav div.otherBox div.otherNavBtn {
	width: 50%;
}

#contNav div.otherBox div.otherNavBtn.soon::after {
  content: '';
  background-color: rgba(0,0,0,.5);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

#contNav div.otherBox div img {
	width: 100%;
	max-width: 753px;
}

/*/// キャスビー ///*/
div.casbee {
	margin: 6rem auto;
}

div.casbee img {
	max-width: 500px;
	margin: 0 auto;
}


/*/// 相互リンク ///*/
div.linkBox {
	width: 100%;
	background: #fff;
	overflow: hidden;
	margin-top: 5rem;
}

div.linkBox h3 {
	color: #3fb3e7;
	text-align: center;
	margin-bottom: 4.56rem;
	line-height: 1.5;
}

div.linkBox div.slider {
	margin-bottom: 13rem;
}

div.linkBox p {
	width: calc(100% / 4);
	padding: 0 0.1%;
	box-sizing: border-box;
	text-align: center;
}

div.linkBox p a {
	color: #4e4e4e;
}

div.linkBox p img {
	width: 100%;
	max-width: 460px;
}

div.linkBox p span {
	display: block;
	padding: 0.8em 0;
}
	
span.slickCap {
	border-bottom: solid 1px #3fb3e7;
	font-size: 1.2rem;
}

span.slickAdd {
	font-size: 1.2rem;
}

/* 帯調整 */
@media all and (max-width: 960px) {
div.obiAreaInfo div.obiAreaInfo_price div.obiAreaInfo_price_Box div {
	width: calc(100% / 4.6);
}

}

/* ipad */
@media all and (max-width: 768px) {
/*帯エリア*/
.obiArea {
	padding: 1rem 0;
}

.obiArea p {
	width: 100%;
}


.obiArea p:first-child img {
	max-width: 750px;
}


/*追加の帯エリア*/
div.obiAreaInfo {
	padding: 2.1rem;
	box-sizing: border-box;
}

div.obiAreaInfo p,
div.obiAreaInfo p span.txt_ye {
	font-size: 3rem;
}

div.obiAreaInfo p.border {
	display: block;
	margin: 2rem auto;
	padding: 0.5rem 0;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
}

div.obiAreaInfo p span.caution_ye {
	font-size: 1.8rem;
}

div.obiAreaInfo p.obiAreaInfo_text {
	font-size: 1.8rem;
}

div.obiAreaInfo div.obiAreaInfo_price {
	max-width: 450px;
}

div.obiAreaInfo div.obiAreaInfo_price div.obiAreaInfo_price_Box {
	font-size: 2.4rem;
}

div.obiAreaInfo div.obiAreaInfo_price div.obiAreaInfo_price_Box div {
	width: calc(100% / 3);
}

div.obiAreaInfo div.obiAreaInfo_price div.obiAreaInfo_price_Box div.obiAreaInfo_price_txtBig01 span,
div.obiAreaInfo div.obiAreaInfo_price div.obiAreaInfo_price_Box div.obiAreaInfo_price_txtBig02 span {
	font-size: 4rem;
}

div.obiAreaInfo div.obiAreaInfo_price div.obiAreaInfo_price_Box div.obiAreaInfo_price_txtBig00 {
	margin-right: -1.5rem;
}

div.obiAreaInfo div.obiAreaInfo_price div.obiAreaInfo_price_Box div.obiAreaInfo_price_txtBig00 span.point {
	display: block;
	width: 70%;
	font-size: 1rem;
	text-align: center;
	margin-top: 1rem;
	margin-left: auto;
	margin-right: 0;
}

div.obiAreaInfo02 {
	padding: 2.1rem;
	box-sizing: border-box;
}

div.obiAreaInfo02 p {
	font-size: 3rem;
}


/*/// インフォメーションエリア ///*/
#info div.infoBox {
	margin: 5rem auto;
}

/*/// コンセプトエリア ///*/
section.concept {
	/*margin: 23rem auto;
	padding: 15rem 0;*/
}

section.concept {
	margin: 4.5rem auto;
	padding: 4.5rem 0 0;
}

section.concept div.inner {
	width: 100%;
	max-width: 656px;
	margin: 0 auto;
}

section.concept p img {
	max-width: 656px;
	height: auto;
	margin: 0 auto;
}

section.concept p:nth-child(2) {
	margin: 2.4rem auto;
}

section.concept p.conceptRead {
	font-size: 1.5rem;
	line-height: 2.4;
	margin: 2.1rem auto;
}

/*/// メニューエリア ///*/
#contNav {
}


#contNav div.otherBox {
	padding: 9rem 0;
}


/*/// 相互リンク ///*/
div.linkBox {
}

div.linkBox p {
	padding: 0 0.05%;
}

/*/// キャスビー ///*/
div.casbee {
	margin: 3rem auto;
}

}



/* sp */
@media all and (max-width: 414px) {
/*帯エリア*/
.obiArea {
	font-size: 2.8rem;
	padding: 2.1rem 0;
}

/*追加の帯エリア*/
div.obiAreaInfo {
	padding: 10px;
	box-sizing: border-box;
}

div.obiAreaInfo p,
div.obiAreaInfo p span.txt_ye {
	font-size: 2.1rem;
}

div.obiAreaInfo p span.caution_ye {
	font-size: 1.4rem;
}

div.obiAreaInfo p.obiAreaInfo_text {
	font-size: 1.2rem;
}

div.obiAreaInfo div.obiAreaInfo_price div.obiAreaInfo_price_Box {
	font-size: 2.1rem;
}

div.obiAreaInfo div.obiAreaInfo_price div.obiAreaInfo_price_Box div.obiAreaInfo_price_txtBig01 span,
div.obiAreaInfo div.obiAreaInfo_price div.obiAreaInfo_price_Box div.obiAreaInfo_price_txtBig02 span {
	font-size: 3rem;
}

div.obiAreaInfo div.obiAreaInfo_price div.obiAreaInfo_price_Box div.obiAreaInfo_price_txtBig00 {
	font-size: 1.6rem;
}

div.obiAreaInfo02 {
	padding: 10px;
	box-sizing: border-box;
}

div.obiAreaInfo02 p {
	font-size: 2.1rem;
}


/*/// コンセプトエリア ///*/
section.concept {
	margin: 2.1rem auto;
	padding: 4.5rem 0 0;
}

section.concept div.inner {
	padding: 0 10px;
	box-sizing: border-box;
}

section.concept p:nth-child(2) {
	font-size: 2.7rem;
	margin: 2.1rem auto;
}

section.concept p.conceptRead {
	font-size: 1.2rem;
	margin: 2.1rem auto;
}

/*/// 問合せボタン ///*/
.btnBox {
	width: 100%;
	max-width: 414px;
	margin: 3em auto;
}

.btnBox p {
	width: 100%;
	margin: 0;
	font-size: 1.8rem;
}

.btnBox img {
	max-width: 390px;
}

/*/// メニューエリア ///*/
/*#contNav div.contNavBtn {
	display: flex;
	display:-webkit-flex;
	display: -ms-flexbox;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	justify-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
}

#contNav div.contNavBtn p:first-child {
	width: 100%;
	margin-bottom: -4.5rem;
}

#contNav div.contNavBtn p:last-child {
	width:100%;
}

#contNav div.contNavBtn p.order {
	order: -1;
	margin-top: -4.5rem;
}*/


#contNav div.otherBox {
	background: #fff;
	padding: 4.5rem 0;
}

#contNav div.advanceNotice {
	margin: 4.5rem auto 0;
	text-align: left;
	padding: 0 10px;
	box-sizing: border-box;
}

/*#contNav div.otherBox div.otherNavBtn {
	width: 100%;
}*/

/*/// キャスビー ///*/
div.casbee {
	margin: 2.1rem auto;
}

div.casbee img {
	max-width: 300px;
}

}