@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 .section-intro{ padding: 94px 0 64px; }
#main-content .section-premiumplan .section-intro .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; }
#main-content .section-premiumplan .section-intro .list-item{ margin-top: 20px; display: flex; display: -ms-flex; justify-content: center; }
#main-content .section-premiumplan .section-intro .list-item .item{ position: relative; }
#main-content .section-premiumplan .section-intro .list-item .item:nth-child(n+2){ margin-left: 32px; }
#main-content .section-premiumplan .section-intro .list-item .item:nth-child(n+2)::before,
#main-content .section-premiumplan .section-intro .list-item .item:nth-child(n+2)::after{ content: ""; position: absolute; left: 0; top: 50%; width: 1px; height: 20px; background-color: #ffffff; margin-left: -15px; }
#main-content .section-premiumplan .section-intro .list-item .item:nth-child(n+2)::before{ transform: translateY(-50%) rotate(-45deg); }
#main-content .section-premiumplan .section-intro .list-item .item:nth-child(n+2)::after{ transform: translateY(-50%) rotate(45deg); }
#main-content .section-premiumplan .section-intro .copy{ font-size: 20px; line-height: 1.5; color: #ffffff; text-align: center; }
/*#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 .section-intro{ padding: 10% 0; }
	#main-content .section-premiumplan .section-intro .list-item{ margin-top: 10px; padding: 0 5%; }
	/*#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*/
#main-content .section-premiumplan .section-intro .list-item{ display: block; }
#main-content .section-premiumplan .section-intro .list-item .item:nth-child(n+2){ margin: 32px 0 0; }
#main-content .section-premiumplan .section-intro .list-item .item:nth-child(n+2)::before,
#main-content .section-premiumplan .section-intro .list-item .item:nth-child(n+2)::after{ left: 50%; top: 0; margin: -24px 0 0; }
#main-content .section-premiumplan .section-intro .list-item .item:nth-child(n+2)::before{ transform: translateX(-50%) rotate(-45deg); }
#main-content .section-premiumplan .section-intro .list-item .item:nth-child(n+2)::after{ transform: translateX(-50%) rotate(45deg); }
}