@charset "UTF-8";


html, body { height: auto; }

#main-content{  }
#main-content img{ width: 100%; height: auto; }
#main-content .section-premiumplan{ background-color: #3e3a39; }
#main-content .section-premiumplan .en-ttl{ font-size: 32px; line-height: 1.5; color: #ffffff; font-weight: normal; font-family: 'YakuHanMP', 'EB Garamond', 'Cormorant Garamond', 'Lora', 'Noto Serif JP', serif; text-align: center; padding: 94px 0 64px; }
#main-content .section-premiumplan .navi-list{ display: flex; display: -ms-flex; justify-content: center; flex-wrap: wrap; max-width: 1084px; margin: 0 auto; border-bottom: 1px solid #776a4d; padding-bottom: 80px; }
#main-content .section-premiumplan .navi-list .navi{ width: 32%; margin-left: 2%; }
#main-content .section-premiumplan .navi-list .navi:nth-child(3n+1){ margin-left: 0; }
#main-content .section-premiumplan .navi-list .navi:nth-child(n+4){ margin-top: 2%; }
#main-content .section-premiumplan .navi-list .navi a{ display: block; position: relative; overflow: hidden; }
#main-content .section-premiumplan .navi-list .navi a img{ width: 100%; height: auto; }
#main-content .section-premiumplan .navi-list .navi a .icon-new{ position: absolute; left: 0; top: 0; transform: rotate(-30deg); margin-top: 10px; line-height: 0; }
#main-content .section-premiumplan .navi-list .navi a .icon-new::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #ffffff; transform-origin: center center; transform: scaleX(3); }
#main-content .section-premiumplan .navi-list .navi a .icon-new .word{ position: relative; z-index: 10; color: #776e11; padding: 2px 5px; font-size: 16px; line-height: 1.5; padding-left: 0.5em; font-weight: bold; }






/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 1112px){ /*1112px以下のcss*/
}
@media screen and (max-width: 768px){ /*768px以下のcss*/
	#main-content .section-premiumplan .en-ttl{ padding: 15% 0; }
	#main-content .section-premiumplan .navi-list{ margin: 0 5%; padding-bottom: 10%; }
	#main-content .section-premiumplan .navi-list .navi:nth-child(n){ width: 48%; margin: 0; }
	#main-content .section-premiumplan .navi-list .navi:nth-child(even){ margin-left: 4%; }
	#main-content .section-premiumplan .navi-list .navi:nth-child(n+3){ margin-top: 4%; }
#main-content .section-premiumplan .navi-list .navi a .icon-new{ margin-top: 1.3020vw; }
#main-content .section-premiumplan .navi-list .navi a .icon-new .word{ padding: 0.2604vw 0.6510vw; font-size: 2.0833vw; }
}
@media screen and (max-width: 480px){ /*480px以下のcss*/
}