@charset "utf-8";


#main .outline-wrapper{ padding: 50px 5% 100px; margin-bottom: 40px; position: relative; }
#main .outline-wrapper .bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #2d4f72; }
#main .outline-wrapper .bg::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../img/common/cmn_bg01.webp) center 0 repeat; background-size: 112px auto; opacity: 0.7; mix-blend-mode: multiply; }
#main .outline-wrapper .outline-body{ background-color: #ffffff; box-sizing: border-box; max-width: 1200px; margin: 0 auto; position: relative; z-index: 10; padding: 60px; }
#main .outline-wrapper .outline-body .page-ttl{ text-align: center; font-size: 20px; line-height: 1.5; color: #2d4f72;font-family: YakuHanMP, 'EB Garamond', 'Cormorant Garamond', 'Noto Serif JP', serif; font-weight: 400; }
#main .outline-wrapper .outline-body .yokoku-body{ margin-top: 30px; }
#main .outline-wrapper .outline-body .yokoku-body .head{ font-size: 20px; line-height: 1.5; color: #2d4f72; }
#main .outline-wrapper .outline-body .yokoku-body .txt{ font-size: 16px; line-height: 1.29; margin-top: 5px; }
#main .outline-wrapper .outline-body .section{ margin: 30px auto 0; }
#main .outline-wrapper .outline-body .section+.section{ margin-top: 60px; }
#main .outline-wrapper .outline-body .section .ttl{ font-size: 20px; line-height: 1.5; text-align: center; font-weight: 400; }
#main .outline-wrapper .outline-body .section .list-item{ margin-top: 10px; }
#main .outline-wrapper .outline-body .section .list-item+.list-item{ margin-top: 30px; }
#main .outline-wrapper .outline-body .section .list-item .item{ display: flex; border: solid #b4a497; border-width: 1px 0; }
#main .outline-wrapper .outline-body .section .list-item .item:nth-child(n+2){ margin-top: -1px; }
#main .outline-wrapper .outline-body .section .list-item .item .head{ width: 270px; background-color: #efece4; text-align: center; padding: 8px 0; font-size: 18px; line-height: 2.16; }
#main .outline-wrapper .outline-body .section .list-item .item .head .slim{ width: 125%; transform: scaleX(0.8); transform-origin: 0 0; display: inline-block; }
#main .outline-wrapper .outline-body .section .list-item .item .txt{ flex: 1; padding: 8px 0 8px 20px; font-size: 18px; line-height: 2.16; }


@media screen and (max-width: 768px) {
	#main .outline-wrapper{ padding: 7% 5% 10%; }
	#main .outline-wrapper .outline-body{ padding: 7% 5%; }
	#main .outline-wrapper .outline-body .page-ttl{ font-size: 18px; }
	#main .outline-wrapper .outline-body .yokoku-body{ margin-top: 20px; }
	#main .outline-wrapper .outline-body .yokoku-body .head{ font-size: 18px; }
	#main .outline-wrapper .outline-body .yokoku-body .txt{ font-size: 14px; }
	#main .outline-wrapper .outline-body .section{ margin: 20px auto 0; }
	#main .outline-wrapper .outline-body .section+.section{ margin-top: 40px; }
	#main .outline-wrapper .outline-body .section .ttl{ font-size: 18px; }
	#main .outline-wrapper .outline-body .section .list-item{ border: solid #b4a497; border-width: 0 1px; }
	#main .outline-wrapper .outline-body .section .list-item .item{ display: block; }
	#main .outline-wrapper .outline-body .section .list-item .item .head{ width: auto; padding: 8px 20px; font-size: 16px; line-height: 1.7; }
	#main .outline-wrapper .outline-body .section .list-item .item .head .slim{ width: 100%; transform: none; display: inline; }
	#main .outline-wrapper .outline-body .section .list-item .item .txt{ padding: 15px 20px; font-size: 14px; line-height: 1.7; }
}