@charset "UTF-8";


html, body { height: auto; }
.iziModal-content *{ font: inherit; -webkit-font-smoothing: subpixel-antialiased; color: inherit; }
.iziModal-content{ font-family: 'YakuHanJP', Lato, "メイリオ", "游ゴシック", YuGothic, "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif; font-feature-settings: "pkna"; color: #666666; }
.iziModal-content .mincho{ font-family: 'YakuHanMP', 'Lora', 'Noto Serif JP', serif; }
.modal-view{ width: 90%!important; max-width: 1220px!important; border-radius: 0!important; z-index: 9000!important; }
.iziModal-navigate{ z-index: 9001!important; }
.iziModal-overlay{ z-index: 8998!important; }
/*.iziModal-navigate-caption{ display: none!important; }*/
.iziModal-navigate > button{ width: 64px; height: 64px; background-color: rgba(0,0,0,0.9); top: 50%; opacity: 1; transform: translateY(-50%); }
.iziModal-navigate > .iziModal-navigate-prev{ left: 0; margin: 0!important; }
.iziModal-navigate > .iziModal-navigate-next{ right: 0; margin: 0!important; }
.modal-view .inner-body{ padding: 50px!important; margin: 0 auto; width: 100%; max-width: 1200px; box-sizing: border-box; overflow: hidden; display: grid; grid-template-columns: 410px 20px auto; grid-template-rows: auto 20px auto auto; align-items: start; }
.modal-view .inner-body .plan-header{ grid-column: 1/2; grid-row: 1/2; }
.modal-view .inner-body .plan-header .split-view{ display: flex; display: -ms-flex; align-items: center; }
.modal-view .inner-body .plan-header .split-view .type{ padding: 20px; text-align: center; font-family: 'EB Garamond', 'Cormorant Garamond', serif; font-size: 14px; line-height: 1.5; color: #ffffff; }
.modal-view .inner-body .plan-header .split-view .type .hyphen{ font-family: serif; }
.modal-view .inner-body .plan-header .split-view .type .marker{ display: block; font-size: 428.57%; line-height: 0.8; }
.modal-view .inner-body .plan-header .split-view .ldk{ text-align: center; font-family: 'EB Garamond', 'Cormorant Garamond', serif; font-size: 24px; line-height: 1.3; flex: 1;  }
.modal-view .inner-body .plan-header .split-view .ldk .num{ font-size: 175%; line-height: 0.8; }
.modal-view .inner-body .plan-header .info{ margin-top: 25px; }
.modal-view .inner-body .plan-header .info .area{ font-size: 14px; line-height: 1.5; }
.modal-view .inner-body .plan-header .info .area .num{ font-size: 200%; line-height: 1; }
.modal-view .inner-body .plan-header .info .area .num .marker{ font-size: 142%; line-height: 1; }
.modal-view .inner-body .plan-header .info .spec{ font-size: 14px; line-height: 1.5; margin-top: 10px; }
.modal-view .inner-body .plan-header .info .copy{ font-size: 20px; color: #7b7668; margin-top: 20px; }
.modal-view .inner-body .plan-header .feature-list{ margin-top: 20px; }
.modal-view .inner-body .plan-header .feature-list .item{ border: solid #d1d1d1; border-width: 1px 0; display: flex; display: -ms-flex; padding: 10px 0; }
.modal-view .inner-body .plan-header .feature-list .item+.item{ margin-top: -1px; }
.modal-view .inner-body .plan-header .feature-list .item .num{ font-size: 20px; line-height: 1.5; font-family: 'EB Garamond', 'Cormorant Garamond', serif; padding-right: 20px; }
.modal-view .inner-body .plan-header .feature-list .item .txt{ flex: 1; font-size: 16px; line-height: 1.75; position: relative; padding-left: 1.5em; }
.modal-view .inner-body .plan-header .feature-list .item .txt::before{ content: "□"; position: absolute; left: 0; top: 0; }
.modal-view .inner-body .plan{ grid-column: 3/4; grid-row: 1/5; text-align: center; }
.modal-view .inner-body .plan img{ max-width: 100%; height: auto; }
.modal-view .inner-body .plan-footer{ grid-column: 1/2; grid-row: 3/4; }
.modal-view .inner-body .plan-footer .caption{ font-size: 12px; line-height: 1.7; }
.modal-view .inner-body .plan-footer .caption+.caption{ margin-top: 10px; }
.modal-view .inner-body .plan-footer .caption .icon{ display: inline-block; width: 34px; height: 10px; vertical-align: middle; margin-right: 4px; transform: translateY(-1px); }
.modal-view .inner-body .plan-footer .caption .icon01{ background: url(../images/img_plan/i01.png) center center no-repeat; background-size: contain; }
.modal-view .inner-body .plan-footer .caption .icon02{ background: url(../images/img_plan/i02.png) center center no-repeat; background-size: contain; }
.modal-view .inner-body .plan-footer .caption .icon03{ background-color: #b7ae9a; }
.modal-view .inner-body .plan-footer .caption .icon04{ background: url(../images/img_plan/i03.png) center center no-repeat; background-size: contain; }
.modal-view .inner-body .plan-footer .caption .icon05{ background: url(../images/img_plan/i04.png) center center no-repeat; background-size: contain; }
.modal-view .inner-body .plan-footer .navi-list{ margin: 30px auto 0; max-width: 410px; }
.modal-view .inner-body .plan-footer .navi-list .navi+.navi{ margin-top: 10px; }
.modal-view .inner-body .plan-footer .navi-list .navi a{ display: block; text-align: center; color: #ffffff; font-size: 14px; line-height: 1.5; padding: 15px 0; text-decoration: none; }
.modal-view .inner-body .plan-footer .navi-list .navi-close a{ background-color: #878277; }
.modal-view.wide-view .inner-body{ display: block; }
.modal-view.wide-view .inner-body .plan,
.modal-view.wide-view .inner-body .plan-footer{ margin-top: 40px; }
.modal-view.wide-view .inner-body .plan-header{ overflow: hidden; }
.modal-view.wide-view .inner-body .plan-header .split-view,
.modal-view.wide-view .inner-body .plan-header .info{ width: 48%; float: left; clear: left; }
.modal-view.wide-view .inner-body .plan-header .feature-list{ width: 48%; margin-left: 52%; margin-top: 0; }


.modal-view.cat01 .inner-body .plan-header .split-view{ background-color: #ebe8dd; }
.modal-view.cat01 .inner-body .plan-header .split-view .type{ background: linear-gradient(135deg, #c1b41d 0%, #5d461d 100%); }
.modal-view.cat01 .inner-body .plan-footer .navi-list .navi-print a{ background-color:#a3901d; }
.modal-view.cat02 .inner-body .plan-header .split-view{ background-color: #eaeaef; }
.modal-view.cat02 .inner-body .plan-header .split-view .type{ background: linear-gradient(135deg, #474d96 0%, #001e39 100%); }
.modal-view.cat02 .inner-body .plan-footer .navi-list .navi-print a{ background-color:#372f5c; }
.modal-view.cat03 .inner-body .plan-header .split-view{ background-color: #eaeef0; }
.modal-view.cat03 .inner-body .plan-header .split-view .type{ background: linear-gradient(135deg, #7d97a1 0%, #527583 100%); }
.modal-view.cat03 .inner-body .plan-footer .navi-list .navi-print a{ background-color:#6f8a98; }



/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 1112px){ /*1112px以下のcss*/
	.modal-view .inner-body{ grid-template-columns: 47.12% 2.29% auto; }
}
@media screen and (max-width: 768px){ /*768px以下のcss*/
	.modal-view .inner-body{ padding: 10% 5%!important; width: auto; }
	.modal-view .inner-body{ padding: 5%!important; display: block; }
	.modal-view .inner-body .plan,
	.modal-view .inner-body .plan-footer,
	.modal-view.wide-view .inner-body .plan,
	.modal-view.wide-view .inner-body .plan-footer{ margin-top: 20px; }
	.modal-view .inner-body .plan-header .split-view .type .marker{ font-size: 300%; }
	.modal-view .inner-body .plan-header .split-view .ldk{ font-size: 18px; }
	.modal-view.wide-view .inner-body .plan-header .split-view,
	.modal-view.wide-view .inner-body .plan-header .info{ width: 100%; float: none; }
	.modal-view.wide-view .inner-body .plan-header .feature-list{ width: 100%; margin: 20px 0 0; }
}
@media screen and (max-width: 480px){ /*480px以下のcss*/
}




@media print{
	.no-print{ display: none; }
	.iziModal-overlay{ display: none; }
	.modal-view.print{ height: auto!important; position: relative; box-shadow: none; }
	.modal-view.print .iziModal-wrap{ height: auto!important; overflow: visible; }
	.plan-etc .print-btn{ display: none; }
	.modal-view .close-btn{ display: none; }
	.modal-view::after{ display: none; }
	.modal-view{ width: 100%!important; }
	.modal-view .inner-body{ padding: 0!important; }
	html, body { scrollbar-width: none; width: 1112px; }
	.modal-view .inner-body .plan-footer .navi-list .navi{ display: none; }
}