@charset "UTF-8";
/*============================================================================

　plan

=============================================================================*/
#planImg {
 width: 100%;
 height: 400px;
 background-image: url(../../images/plan/plan_bg.jpg);
 background-repeat: no-repeat;
 background-position: center center;
 background-size: cover;
}
#plan {
 padding-bottom: 10px;
}
#plan .inner {}
@media all and (min-width : 841px) {}
@media screen and (min-width : 641px) and (max-width : 840px) {
 #planImg {
  height: 320px;
 }
}
@media screen and (max-width : 640px) {
 #planImg {
  height: 160px;
 }
}
@media screen and (max-width: 640px) {
 footer #copyright {
  padding-bottom: 5px;
 }
}
/* planWrap
-----------------------------------------------------------------------------*/
.planWrap {
 clear: both;
 position: relative;
 width: 100%;
 max-width: 1000px;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 120px;
}
.planWrap a {
 display: block;
}
.planWrap:before {
 content: "";
 position: absolute;
 top: 0;
 width: 100%;
 height: 2px;
 z-index: 10;
}
.planWrap .planHead {
 min-height: 180px;
 margin-bottom: 40px;
}
.planWrap .planHead h4 {
 position: relative;
 /* 34px */
 font-size: 2.125em;
 line-height: 1;
 color: #fff;
 font-weight: normal;
 width: 320px;
 text-align: center;
 padding-top: 13px;
 padding-bottom: 13px;
 margin-bottom: 20px;
}
.planWrap .planHead h4:before {
 background-color: rgba(255, 255, 255, 1);
 content: '';
 display: block;
 transform: rotate(35deg);
 position: absolute;
 top: 0;
 right: -100px;
 width: 140px;
 height: 140px;
 margin: auto;
}
.planWrap .planHead h4 small {
 font-size: 0.7em;
 padding-left: 0.15em;
}
.planWrap .planHead h4 + p {
 position: relative;
 /* 18px */
 font-size: 1.125em;
 line-height: 1.9;
 z-index: 20;
}
.planWrap .planHead figure {}
/**/
.planWrap .planNav {}
.planWrap .planNav ul {
 text-align: center;
}
.planWrap .planNav ul li {
 display: inline-block;
 width: 48%;
}
/**/
.planWrap .planNav2 {}
.planWrap .planNav2 ul {
 text-align: center;
}
.planWrap .planNav2 ul li {
 float: left;
 width: 48%;
}
.planWrap .planNav2 ul li:first-child {
 margin-right: 4%;
}
@media all and (min-width : 641px) {
 .planWrap .planHead h4 + p {
  width: 70%;
 }
 .planWrap .planHead figure {
  position: absolute;
  top: 0;
  right: 0;
  width: 28%;
 }
}
@media screen and (min-width : 641px) and (max-width : 840px) {}
@media screen and (max-width : 640px) {
 .planWrap {
  margin-bottom: 80px;
 }
 .planWrap .planHead {
  min-height: 180px;
  margin-bottom: 30px;
  overflow: hidden;
 }
 .planWrap .planHead h4 {
  width: 75%;
  font-size: 2em;
  padding-left: 20px;
  padding-top: 8px;
  padding-bottom: 9px;
  margin-bottom: 0;
  text-align: left;
 }
 .planWrap .planHead h4:before {
  right: -70px;
  width: 100px;
  height: 100px;
 }
 .planWrap .planHead h4 small {
  font-size: 0.7em;
  padding-left: 0.15em;
 }
 .planWrap .planHead h4 + p {
  line-height: 1.6;
  padding-top: 13px;
  padding-bottom: 15px;
 }
 .planWrap .planHead h4 + p br {
  content: "";
 }
 .planWrap .planHead h4 + p br:after {
  margin-right: -.333em;
  content: "";
 }
 .planWrap .planHead figure {}
 /**/
 .planWrap .planNav ul li, .planWrap .planNav2 ul li {
  float: none !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
 }
 .planWrap .planNav2 ul li:first-child {
  margin-bottom: 30px;
 }
}
/* plan1ldk
-------------------------------------*/
#plan1ldk {}
#plan1ldk.planWrap:before {
 background-color: #76ad83;
}
#plan1ldk.planWrap .planHead {}
#plan1ldk.planWrap .planHead h4 {
 background-color: #76ad83;
}
/* plan2ldk
-------------------------------------*/
#plan2ldk {}
#plan2ldk.planWrap:before {
 background-color: #6a91bd;
}
#plan2ldk.planWrap {}
#plan2ldk.planWrap .planHead {}
#plan2ldk.planWrap .planHead h4 {
 background-color: #6a91bd;
}
/* plan3ldk
-------------------------------------*/
#plan3ldk {}
#plan3ldk.planWrap:before {
 background-color: #be7b84;
}
#plan3ldk.planWrap {}
#plan3ldk.planWrap .planHead {}
#plan3ldk.planWrap .planHead h4 {
 background-color: #be7b84;
}
/*============================================================================

 planDetail

=============================================================================*/
/* planDetail
--------------------------------------------------------------------------------*/
.planDetail {}
.planDetail #planHead {}
.planDetail #planHead dl {}
.planDetail #planHead dl dt {
 position: relative;
 float: left;
 color: #fff;
 width: 32%;
 min-width: 200px;
 height: 60px;
 line-height: 60px;
 margin-bottom: 25px;
 padding-right: 30px;
 overflow: hidden;
}
.planDetail #planHead dl dt:before {
 background-color: #dcdcdc;
 content: '';
 display: block;
 transform: rotate(35deg);
 position: absolute;
 top: -10px;
 right: -15px;
 width: 40px;
 height: 100px;
 margin: auto;
}
.planDetail #planHead dl dt small {
 font-size: 0.7em;
 padding-left: 0.15em;
}
.planDetail #planHead dl dd {
 background: -moz-linear-gradient(135deg, #dcdcdc, #dcdcdc 38%, #fff, #dcdcdc);
 background: -webkit-linear-gradient(135deg, #dcdcdc, #dcdcdc 38%, #fff, #dcdcdc);
 background: linear-gradient(135deg, #dcdcdc, #dcdcdc 38%, #fff, #dcdcdc);
}
.planDetail #planHead dl dt, .planDetail #planHead dl dd {
 /* 34px */
 font-size: 2.125em;
 text-align: center;
 height: 60px;
 line-height: 60px;
}
.planDetail #planZumen {
 width: 100%;
 margin-left: auto;
 margin-right: auto;
 padding-top: 80px;
 padding-bottom: 80px;
}
.planDetail #planPoint {
 margin-bottom: 60px;
}
.planDetail #planPoint ul {}
.planDetail #planPoint ul li {
 float: left;
 width: 31%;
 margin-left: 3.5%;
}
.planDetail #planPoint ul li:first-child {
 margin-left: 0;
}
.planDetail #planPoint ul li dl {
 display: table;
 width: 100%;
 padding-top: 15px;
}
.planDetail #planPoint ul li dl:after {
 content: '';
 display: block;
 clear: both;
 height: 0;
 visibility: hidden;
}
.planDetail #planPoint ul li dl dt, .planDetail #planPoint ul li dl dd {
 display: table-cell;
 vertical-align: middle;
}
.planDetail #planPoint ul li dl dt {
 width: 40px;
}
.planDetail #planPoint ul li dl dd {
 /* 15px */
 font-size: 0.9375em;
 line-height: 1.5;
 overflow: hidden;
 padding-left: 10px;
}
/**/
.planDetail #planText {
 /* 18x */
 font-size: 1.125em;
 line-height: 1.9;
 border: 1px solid #76ad83;
 padding: 30px 40px;
}
/**/
.planDetail #planNav {
 clear: both;
 width: 100%;
 max-width: 500px;
 margin-left: auto;
 margin-right: auto;
 padding-top: 100px;
 padding-bottom: 100px;
}
.planDetail #planNav ul {}
.planDetail #planNav ul li {
 float: left;
 width: 40%;
}
.planDetail #planNav ul li:first-child {
 margin-right: 20%;
}
.planDetail #planNav ul li:first-child a {
 background-color: #e0c379;
}
.planDetail #planNav ul li a {
 /* 14px */
 font-size: 0.875em;
 font-weight: bold;
 font-family: YuGothic, "Yu Gothic M", "Yu Gothic Medium", "游ゴシック体", "游ゴシック Medium", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
 display: block;
 text-align: center;
 border: 1px solid #e0c379;
 padding: 5px;
}
/**/
#vr {
 margin-top: 100px;
}
#vr .ricoh-theta-tour-image {
 position: relative;
 width: 100% !important;
 max-width: 100% !important;
 padding-top: 56.25%;
 background-color: #f6f6f6;
}
#vr iframe {
 position: absolute;
 top: 0;
 right: 0;
 width: 100% !important;
 height: 100% !important;
}
#vr iframe {
 width: 100% !important;
 height: 100% !important;
}
@media all and (min-width : 841px) {}
@media screen and (min-width : 641px) and (max-width : 840px) {}
@media screen and (max-width : 640px) {
 .planDetail #planHead dl {
  background: -moz-linear-gradient(135deg, #dcdcdc, #dcdcdc 20%, #fff, #dcdcdc 90%, #dcdcdc);
  background: -webkit-linear-gradient(135deg, #dcdcdc, #dcdcdc 20%, #fff, #dcdcdc 90%, #dcdcdc);
  background: linear-gradient(120deg, #dcdcdc, #dcdcdc 20%, #fff, #dcdcdc 70%, #dcdcdc);
 }
 .planDetail #planHead dl dt {
  font-size: 2em;
  width: 75%;
  padding-left: 20px;
  margin-bottom: 0;
  text-align: left;
  padding-top: 8px;
  padding-bottom: 10px;
 }
 .planDetail #planHead dl dt:before {
  background-color: #ddd;
 }
 .planDetail #planHead dl dd {
  font-size: 1.8em;
  background: none;
  padding-top: 11px;
  padding-bottom: 10px;
 }
 .planDetail #planHead dl dt, .planDetail #planHead dl dd {
  float: none;
  clear: both;
  line-height: 1;
  height: auto;
 }
 /**/
 .planDetail #planZumen {
  padding-top: 40px;
  padding-bottom: 45px;
 }
 .planDetail #planPoint {
  margin-bottom: 0px;
 }
 .planDetail #planPoint ul li {
  float: none;
  width: 78%;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 30px;
 }
 .planDetail #planPoint ul li dl {
  padding-top: 8px;
 }
 .planDetail #planPoint ul li dl dt {
  width: 30px;
  margin-right: 8px;
 }
 .planDetail #planPoint ul li dl dd {
  font-size: 1.1em;
  line-height: 1.4;
  padding-top: 3px;
 }
 .planDetail #planPoint ul li dl dd br {
  content: "";
 }
 .planDetail #planPoint ul li dl dd br:after {
  margin-right: -.333em;
  content: "";
 }
 /**/
 .planDetail #planText {
  line-height: 1.6;
  padding-top: 15px;
  padding-right: 20px;
  padding-left: 20px;
  padding-bottom: 13px;
 }
 /**/
 .planDetail #planNav {
  padding-top: 60px;
  padding-bottom: 40px;
 }
 .planDetail #planNav ul {}
 .planDetail #planNav ul li {
  width: 48%;
 }
 .planDetail #planNav ul li:first-child {
  margin-right: 4%;
 }
 /**/
 #vr {
  margin-top: 70px;
 }
 #vr .ricoh-theta-tour-image {}
}
/* planDetail color
--------------------------------------------------------------------------------*/
/* plan1ldk　#76ad83
-------------------------------------*/
#plan1ldk {}
#plan1ldk #planHead {
 border-top: 2px solid #76ad83;
}
#plan1ldk #planHead dl dt {
 background-color: #76ad83;
}
#plan1ldk #planHead dl dd {}
#plan1ldk #planPoint ul li dl {
 border-top: 5px solid #76ad83;
}
#plan1ldk #planText {
 border: 1px solid #76ad83;
}
@media all and (min-width : 841px) {}
@media screen and (min-width : 641px) and (max-width : 840px) {}
@media screen and (max-width : 640px) {
 #plan1ldk #planPoint ul li dl {
  border-top: 3px solid #76ad83;
 }
}
/* plan2ldk　#6a91bd
-------------------------------------*/
#plan2ldk {}
#plan2ldk #planHead {
 border-top: 2px solid #6a91bd;
}
#plan2ldk #planHead dl dt {
 background-color: #6a91bd;
}
#plan2ldk #planHead dl dd {}
#plan2ldk #planPoint ul li dl {
 border-top: 5px solid #6a91bd;
}
#plan2ldk #planText {
 border: 1px solid #6a91bd;
}
@media all and (min-width : 841px) {}
@media screen and (min-width : 641px) and (max-width : 840px) {}
@media screen and (max-width : 640px) {
 #plan2ldk #planPoint ul li dl {
  border-top: 3px solid #6a91bd;
 }
}
/* plan3ldk　#be7b84
-------------------------------------*/
#plan3ldk {}
#plan3ldk #planHead {
 border-top: 2px solid #be7b84;
}
#plan3ldk #planHead dl dt {
 background-color: #be7b84;
}
#plan3ldk #planHead dl dd {}
#plan3ldk #planPoint ul li dl {
 border-top: 5px solid #be7b84;
}
#plan3ldk #planText {
 border: 1px solid #be7b84;
}
@media all and (min-width : 841px) {}
@media screen and (min-width : 641px) and (max-width : 840px) {}
@media screen and (max-width : 640px) {
 #plan3ldk #planPoint ul li dl {
  border-top: 3px solid #be7b84;
 }
}
/*============================================================================

　print

=============================================================================*/
@media print {
 body {
  margin-left: auto;
  margin-right: auto;
  zoom: 58%;
 }
 #plan {
  padding-top: 20px !important;
 }
 #planImg {
  display: none;
 }
 #planNav {
  display: none;
 }
 #contact {
  display: none;
 }
 #planText {
  margin-bottom: 10px;
 }
 #vr {
  display: none;
 }
}