@charset "utf-8";

/*============================
#youkuArea
============================*/
#youkouArea {}
#youkouArea .youkou {}
#youkouArea .youkou .md_title {}
#youkouArea .youkou .md_title span {}
#youkouArea .youkou .content { margin-top: 30px; background: #fff; border-radius: 60px; padding: 60px; position: relative; }
#youkouArea .youkou .icon { position: absolute; right: -20px; top: -20px; }
#youkouArea .youkou .icon img { width: 90px; height: auto; }
#youkouArea .youkou .content dl { display: table; width: 100%; }
#youkouArea .youkou .content dl:last-child { border-bottom: solid 1px #ddd; }
#youkouArea .youkou .content dl dt { display: table-cell; width: 320px; border-top: solid 1px #ddd; font-size: 1.25em; font-weight: bold; letter-spacing: 0.1em; padding: 30px; line-height: 1.5; }
#youkouArea .youkou .content dl dd { display: table-cell; border-top: solid 1px #ddd; font-size: 1.125em; padding: 30px; line-height: 1.5; }
#youkouArea .youkou .content dl dd .sub { font-size: 0.875em; margin-top: 5px; color: #777; text-indent: -1.25em; padding-left: 1em; }
#youkouArea .youkou .content dl dd strong { color: #dc0032; font-weight: bold; }
#youkouArea .youkou .content dl dd ul { padding-left: 40px; position: relative; }
#youkouArea .youkou .content dl dd ul::before { content: ""; display: block; width: 4px; height: 100%; position: absolute; left: 10px; top: 0; background: #a4dbe6; }
#youkouArea .youkou .content dl dd ul li { margin-top: 40px; position: relative; }
#youkouArea .youkou .content dl dd ul li::before { content: ""; display: block; width: 24px; height: 24px; position: absolute; left: -40px; top: 0; background: #49b8ce; border-radius: 3px; }
#youkouArea .youkou .content dl dd ul li:first-child { margin-top: 0; }
#youkouArea .youkou .content dl dd ul li:last-child::after { content: ""; display: block; width: 4px; height: 64px; position: absolute; left: -30px; top: 24px; background: #fff; }
#youkouArea .youkou .content dl dd ul li sm {}
#youkouArea .youkou .content dl dd .data { display: inline-block; margin-top: 20px; margin-bottom: 20px; background: #eee; border-radius: 10px; padding: 15px; }
#youkouArea .youkou .content dl dd .data table { }
#youkouArea .youkou .content dl dd .data table tbody { }
#youkouArea .youkou .content dl dd .data table tbody tr {}
#youkouArea .youkou .content dl dd .data table tbody tr th { padding: 5px 20px 5px 5px; }
#youkouArea .youkou .content dl dd .data table tbody tr td { padding: 5px; }
#youkouArea .kiyaku { margin-top: 60px; margin-bottom: -30px; }
#youkouArea .kiyaku .md_title {}
#youkouArea .kiyaku .md_title span {}
#youkouArea .kiyaku .content { margin-top: 30px; background: #f7f7f7; border: solid 1px #ddd; border-radius: 60px; padding: 80px 60px; position: relative; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }
#youkouArea .kiyaku .text { line-height: 1.5; height: 260px; overflow-y: scroll; }
#youkouArea .kiyaku .text .subTitle { margin-top: 20px; }
#youkouArea .kiyaku .text .copy { margin-top: 10px; }
#youkouArea .kiyaku .text ul li { margin-top: 10px; position: relative; padding-left: 30px; }
#youkouArea .kiyaku .text ul li .num { display: inline-block; width: 30px; white-space: nowrap; position: absolute; left: 0; top: 0; }
#youkouArea .kiyaku .text ul li .sub { padding-left: 20px; margin-top: 5px; position: relative; font-size: 0.875em; }
#youkouArea .kiyaku .text ul li .sub em { display: inline-block; position: absolute; left: 0; top: 0; }
#youkouArea .kiyaku .text ul li .mini { padding-left: 40px; margin-top: 5px; position: relative; font-size: 0.875em; }
#youkouArea .kiyaku .text ul li .mini em { display: inline-block; position: absolute; left: 20px; top: 0; }
#youkouArea .kiyaku .content .text  {}
#youkouArea .entry { padding: 90px 0; background: url("../../imageFile/bg_entry.png") no-repeat center; }
#youkouArea .entry .md_title {}
#youkouArea .entry .content { margin-top: 30px; background: #fff; border-radius: 60px; padding: 60px; position: relative; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }
#youkouArea .entry .content .data { float: left; width: 720px; }
#youkouArea .entry .content .data .info {}
#youkouArea .entry .content .data .info ul { padding-top: 10px; }
#youkouArea .entry .content .data .info ul li { font-size: 1.125em; font-weight: bold; margin-top: 10px; line-height: 1.25; }
#youkouArea .entry .content .data .list { padding-top: 20px; margin-top: 20px; border-top: dotted 1px #ccc; }
#youkouArea .entry .content .data .list ul {}
#youkouArea .entry .content .data .list ul li { margin-top: 10px; text-indent: -1em; padding-left: 1em; line-height: 1.25; }
#youkouArea .entry .content .button { float: right; width: 320px; }
#youkouArea .entry .content .button ul {}
#youkouArea .entry .content .button ul li { text-align: center; }
#youkouArea .entry .content .button ul li a.md_btn_excel { margin-top: 30px; }
#youkouArea .entry .content .button ul li a.md_btn_red { margin-top: 20px; }
#youkouArea .entry .content .button ul li a.md_btn_grey { margin-top: 20px; }
#youkouArea .entry .content .button ul li strong { color: #dc0032; font-weight: bold; }