.Content { line-height: 1.6; } .Content h1, .Content h2, .Content h3, .Content h4, .Content h5 { font-weight: bold !important; } .Content a { text-decoration: underline; } .List-point, .List { margin-left: 20px; } .Message-box li, .List li { list-style-type: decimal; } .Message-box ul { margin-left: 6vw; } .List-point li { list-style-type: disc; } figure { margin: 0; } figure img { display: block; width: 100%; } .Grey-box { background-color: #f9f9f9; border: 1px solid #dedede; } .Grey-border-box { background-color: #f9f9f9; border-left: 1px solid #dedede; border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; border-top: 5px solid #e4b340; } .Form-item select, .Form-item input { font-size: 1em; width: 100%; padding: 2% 3%; box-sizing: border-box; -webkit-appearance: none; appearance: none; border: 1px solid #dedede; border-radius: 0; background-color: #fff; } .Form-item label { display: block; padding: 5px; } .icon-calendar { position: relative; } .icon-calendar input { background-image: url('../../images/icon_calendar.png'); background-repeat: no-repeat; background-size: auto 60%; background-position: 95%; } .Form-item select { background: url('../../images/icon_Downarrow.png') no-repeat scroll 96% center #fff; } .error { font-size: 12px; color: #f00; } .checkRobot { margin-bottom: 10%; } .Form-container .btn-standard { background-color: #e4b340; box-sizing: border-box; -webkit-appearance: none; border: 0; display: block; width: 100%; padding: 5% 2%; font-size: 1.2em; cursor: pointer; } .kv-silder .slick-dots { bottom: 3%; } .custom-list li { position: relative; padding-left: 7vw; list-style-type: none; } .custom-list li span { position: absolute; left: 0; top: 1vw; width: auto; } .Static-text ol.List > li { margin-bottom: 5%; } .Message-title { font-weight: bold; } .Message-title:after { content: ''; display: block; border-bottom: 4px solid #fdc100; } @media screen and (min-width: 769px) { #maincontent { display: flex; } .Content-container { margin: 0.4rem; margin-left: 0.8rem; /* width: 96%; */ display: flex; flex-wrap: nowrap; align-items: flex-start; } .Content { float: left; width: 13rem; font-size: 0.17rem; } .Content h2 { font-size: 2em; margin: 3% 0 2%; } .Content h3 { font-size: 1.3em; } .Content h4 { font-size: 1.2em; margin-bottom: 1%; } .Content h5 { font-size: 1.3em; margin: 0; } .Static-text div, .Content p { font-size: 1.1em; } .Static-text div, .Content p { margin: 1% 0 5%; } .Content .Breadcrumbs { font-size: 1em; margin: 0; } .List { font-size: 1.1em; } .Single-page { width: 12rem; margin: 0 auto; } .Content-container::after { content: '.'; clear: both; display: block; overflow: hidden; font-size: 0; height: 0; } .Breadcrumbs img { display: inline-block; width: 0.1rem; min-width: 12px; margin-right: 3px; } .Breadcrumbs span { display: inline-block; margin-right: 2px; } .Breadcrumbs span:last-of-type { font-weight: 700; } .Find-nav { float: left; width: 3.2rem; font-size: 0.17rem; } .Find-nav ul { list-style: none; margin: 0; padding: 0; } .first > li { margin-top: 12%; } .first > li:first-of-type { margin-top: 0; } .first > li > ul > li a { text-decoration: none; /*color: #8c8c8c;*/ color: #676767; margin-top: 4%; display: inline-block; } .first > li > ul > li a:hover { color: #fdc100; } .Find-nav span { font-size: 0.23rem; cursor: pointer; } .Static-text .List { margin-bottom: 5%; } .Content .Static-text p + .List { margin-top: -4.5%; } .kv-silder-container { margin-bottom: 3%; } .flex-spacearound-dt { display: flex; justify-content: space-between; } .Grey-border-box, .Grey-box { margin: 5% 0; } .Grey-border-box { padding: 4% 0; position: relative; } .GBox-title { float: left; } .Form-container { overflow: hidden; } .GBox-title, .Form-container { padding: 0 3%; } .GBox-title { padding-right: 6%; } .GBox-title + .Form-container { max-width: 65%; padding-right: 19%; padding-left: 6%; padding-bottom: 2%; box-sizing: border-box; } .GBox-title h3:after { content: ''; position: absolute; top: 5%; bottom: 5%; margin-left: 6%; border-left: 1px solid #dedede; } .Form-item { margin-bottom: 6%; } .Form-container .btn-standard { display: inline-block; padding: 2% 7%; width: auto; } .custom-list li { padding-left: 0.4rem; } .custom-list li span { top: 0; } .Static-text ol.List > li { margin-bottom: 2%; } .Message-title { font-size: 0.32rem; margin-bottom: 2%; } .Message-box { font-size: 0.22rem; } .Message-box ul { margin-left: 0.43rem; } } @media screen and (max-width: 768px) { .Content-container { overflow: hidden; margin-top: 16vw; } .Content { font-size: 3.6vw; margin-top: 6%; margin-bottom: 15%; padding: 0 20px; } .Content p { margin: 6% 0 10%; } .Content h2 { font-size: 6vw; line-height: 1.2; } .Content h3 { font-size: 4vw; margin: 6% 0 3% 0; line-height: 1.3; } .Content h5 { font-size: 1.2em; margin: 0; } .List { font-size: 0.9em; padding: 0; } .Find-nav { position: relative; } .Find-nav > div { text-align: center; width: 100%; background: #b3b3b3; color: #fff; border-top: 6px solid #fdc100; font-size: 6vw; padding: 3% 0; } .Find-nav > div a { color: #fff; } .first { text-align: center; position: absolute; width: 100%; z-index: 1001; display: none; } .first > li { width: 100%; } .first > li > span:nth-child(1) { display: block; width: 100%; padding: 3% 0; background: #b3b3b3; color: #fff; font-size: 4.5vw; } .first > li > ul > li { width: 100%; padding: 3% 0; border-bottom: 1px solid #bfbfbf; background: #fff; color: #000; font-size: 4.5vw; } .Breadcrumbs { display: none; } .down_icon { color: #fff; font-size: 4.5vw; position: absolute; margin-left: 2%; } .down_icon::after { position: absolute; content: ''; width: 3vw; height: 3vw; top: 0; left: 3vw; border: 2px solid #fff; border-bottom: none; border-right: none; cursor: pointer; transform: rotate(226deg); } .up_icon::after { position: absolute; content: ''; width: 4vw; height: 4vw; top: 2vw; left: 3vw; border: 2px solid #fff; border-bottom: none; border-right: none; cursor: pointer; transform: rotate(46deg); } .Content .Static-text h3 { margin-bottom: 2%; } .Content .Static-text p { margin-top: 0; } .Static-text .List { margin-bottom: 10%; } .Content .Static-text p + .List { margin-top: -8%; } .Static-text { margin-top: 8%; } .Align-center { text-align: center; } .kv-silder-container { margin-left: -20px; margin-right: -20px; margin-top: 6%; margin-bottom: 5%; } .Grey-border-box { padding: 9% 20px; } .GBox-title h3 { font-size: 5.5vw; margin: 0 0 9%; } .Form-item { margin-bottom: 6%; } .checkRobot { text-align: center; } .g-recaptcha > div { margin: 0 auto; } .Message-container { min-height: 55vw; } .Message-title { font-size: 1.5em; margin-bottom: 4%; } .Message-box { font-size: 1.1em; } .Message-box ul { font-size: 0.8em; } }