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

#billboard {background: #f7f7f7;}
#billboard .container {display: flex;justify-content: center;flex-wrap: wrap;align-items: baseline;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-align: center;padding: 10em 0 3em;}
#billboard .container h2 {color: #41584e;font-size: 400%;font-family: 'EB Garamond',"游明朝", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";width: 100%;}
#billboard .container h2 small {font-size: 70%;}
#billboard .container p {font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
#billboard .container p:nth-of-type(1) {font-size: 300%;line-height: 1;margin-right: 1em;}
#billboard .container p:nth-of-type(1) small {font-size: 70%;}
#billboard .container p:nth-of-type(2) > span:nth-child(2) {font-size: 300%;line-height: 1.1;}
#billboard .container p:nth-of-type(2) > span:nth-child(2) span {font-size: 50%;}
#billboard .container ul {width: 100%;margin-top: 2em;}
#billboard .container ul li {display: inline-block;}
#billboard .container ul li + li::before {display: inline-block;content: '／';margin: 0 0.5em;}
#billboard .container p.merit {width: 100%; max-width: 420px; margin-top: 10px; padding-inline: 10px; background: #C7AC8D; color: #fff; text-align: center;}

#contentsWrap {/*background: var(--color-gray1);*/}
.block-planDetail-01 {display: flex;justify-content:space-between;padding: 30px 0 clamp(50px, 6vw, 100px);}
/*.block-planDetail-01 div:nth-child(1) {width: 47%;}
.block-planDetail-01 div:nth-child(1) ul li {color: #41584e;font-size: 125%;text-indent: -0.9em;padding-left: 0.9em;}
.block-planDetail-01 div:nth-child(1) ul li::before {content: '■ ';font-size: 70%;}
.block-planDetail-01 div:nth-child(1) ul li + li {margin-top: 1em;}
.block-planDetail-01 div:nth-child(1) figure {margin-top: 3em;}*/
.block-planDetail-01 .madori {max-width: 780px;margin: 0 auto;}









/* planDetail_contentsWrap ==================== */
/* .planDetail_contentsWrap {padding-top: calc(65px + 20px);}
.planDetail_contents {max-width: 1500px;margin: 0 auto;}
.planDetail_contents .contents_frame {display: flex;flex-wrap: wrap;}
.planDetail_contents .contents_frame__left {width: 50%;margin-top: 110px;}
.planDetail_contents .contents_frame__right {width: 50%;}
@media screen and (max-width: 850px){
	.planDetail_contentsWrap {padding-top: calc(65px + 20px);}
	.planDetail_contents .contents_frame__left {width: 100%;margin-top: 0;}
	.planDetail_contents .contents_frame__right {width: 100%;}
}*/

/* specWrap ==================== */
/*.specWrap {color: #41584E;margin-bottom: clamp(15px, 2vw, 35px);}
.specWrap .type {font-size: clamp(14px, 1.6vw, 30px);}
.specWrap .type b {display: inline-block;font-size: clamp(47px, 5.6vw, 107px);font-weight: normal;line-height: 1;padding-right: 30px;}
.specWrap .ldk {font-size: clamp(20px, 1.9vw, 36px);text-align: right;}
.specWrap .ldk b {font-size: clamp(33px, 4vw, 76px);font-weight: normal;line-height: 1;}
.specWrap .text01 {font-size: clamp(12px, 1.6vw, 27px);text-align: right;}
.specWrap .text01 span { font-size: clamp(12px, 1.6vw, 27px);font-weight: normal;line-height: 1;}
.specWrap .text01 b {font-size: clamp(36px, 4.8vw, 83px);font-weight: normal;line-height: 1;}
.specWrap .left {width: 28%;}
.specWrap .right {width: 72%;padding-left: 7%;}
.specWrap .flex {border-bottom: 2px solid #D3DACE;padding-bottom: 30px;margin-bottom: 30px;align-items: end;}
@media only screen and (max-width: 850px) {
	.specWrap .flex {padding-bottom: 5px;margin-bottom: 5px;}
	.specWrap {border-bottom: 2px solid rgba(96, 127, 114, 0.15);padding-bottom: 10px;margin-bottom: 45px;}
}*/

/* madori_contents ==================== */
/*.madori_contents {max-width: 780px;width: fit-content;margin: 0 auto;}*/











/* hanreiBox ==================== */
.hanreiBox ul {display: flex;flex-wrap: wrap;margin-top: 2em;}
.hanreiBox ul li {font-size: 87.5%;}
.hanreiBox ul li + li {margin-left: 0.5em;}
.hanreiBox ul li::before {display: inline-block;content: '';margin-right: 5px;vertical-align: sub;}
.hanreiBox ul li:nth-child(1)::before {width: 2.5em;height: 1.4em;background: url("../img/common/icon_storage.svg") no-repeat center/contain;}
.hanreiBox ul li:nth-child(2)::before {width: 2.5em;height: 1.4em;background: url("../img/common/icon_heat.svg") no-repeat center/contain;}
.hanreiBox ul li:nth-child(3)::before {width: 2.5em;height: 1.4em;background: url("../img/common/icon_venti.svg") no-repeat center/contain;}
.hanreiBox ul li:nth-child(4)::before {width: 2.5em;height: 1.4em;background: url("../img/common/icon_light.svg") no-repeat center/contain;}
.hanreiBox ul li:nth-child(5)::before {width: 1.6em;height: 1.4em;background: url("../img/common/icon_out.svg") no-repeat center/contain;}

.block-planDetail-02 {max-width: 250px;margin: 0 auto clamp(50px, 6vw, 100px);}
.block-planDetail-02 a {display: block;color: #fff;text-align: center;line-height: 2;padding: 11px 0;background: var(--color-green2);}
@media only screen and (min-width: 768px) and (max-width: 1300px) {
  .block-planDetail-01 div:nth-child(2) ul li {font-size: 75%;margin: 0.25em;}
}
@media only screen and (min-width: 768px) {}
@media only screen and (max-width: 767px) {
  #billboard .container {padding: 2em 0;}
  #billboard .container h2 {font-size: 42px;line-height: 1;}
  #billboard .container p:nth-of-type(1) {font-size: 32px;margin-right: 0;margin-top: 15px;}
  #billboard .container p:nth-of-type(2) {font-size: 14px;width: 100%;margin-top: 10px;}
  #billboard .container p:nth-of-type(2) > span:nth-child(2) {font-size: 200%;}
  #billboard .container ul {margin: 1em 0 0;}
  #billboard .container ul li {font-size: 12px;display: block;}
  #billboard .container ul li + li::before {display: none;}
  .block-planDetail-01 {flex-direction: column-reverse;}
  .block-planDetail-01 div {width: 100% !important;}
	
  .hanreiBox ul li {font-size: 68.75%;}
  .hanreiBox ul li::before {margin-right: 3px;}
	.hanreiBox p {font-size: 68.75%;}
	
  /*.block-planDetail-01 div:nth-child(1) ul {margin-top: 2.5em;}
  .block-planDetail-01 div:nth-child(1) ul li {font-size: 100%;}
  .block-planDetail-01 div:nth-child(1) ul li + li {margin-top: 0.5em;}
  .block-planDetail-01 div:nth-child(1) figure {margin-top: 1.5em;}*/
  .block-planDetail-02 {}
  .block-planDetail-02 a {font-size: 14px;}
}









.madori {}
.madori figure {background: #fff;}











@media print {
  body {bockground: transparent;-webkit-print-color-adjust: exact;}
  #contentsWrap {background: transparent;}
  #colophon #copyRight,
  #colophon .navLegal,
  .block-planDetail-02,
  #globalHeader::after,
  header {display: none !important;}
  #billboard {background: #f0f0f0 none;}
  #billboard .container {color: #000;padding: 0.5em 0;}
  #billboard .container h3 {font-size: 250%;}
  #billboard .container p:nth-of-type(2) > span:nth-child(2),
  #billboard .container p:nth-of-type(1) {font-size: 200%;}
  #billboard .container ul {margin-top: 1em;}
  .block-planDetail-01 {padding: 2em 0;width: 100%;}
  .block-planDetail-01 div:nth-child(1) ul li {font-size: 100%;}
  .block-planDetail-01 div:nth-child(1) ul li + li {margin-top: 0.5em;}
  .block-planDetail-01 div:nth-child(2) ul li {font-size: 68.75%;margin: 0.25em;}
  .block-note {padding: 2em 0;background: transparent;page-break-before: always;}
  #colophon address {padding: 1em 0 0;}
  #colophon address h3 {font-size: 87.5%;}
  #colophon address a[href^="tel:"] span:nth-child(1) {font-size: 200%;}
  #colophon address .agent {margin-top: 1em;}
  #colophon address .agent a img {height: 2.5em;}
}