@charset "UTF-8"; /*--------------------------------------------------------------------------- リセットCSS（sanitize.css）の読み込み ---------------------------------------------------------------------------*/ @import url("https://unpkg.com/sanitize.css"); /*--------------------------------------------------------------------------- フォントの読み込み ---------------------------------------------------------------------------*/ @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700&family=Roboto:wght@100;300;400;500;700&display=swap"); /*--------------------------------------------------------------------------- Font Awesomeの読み込み ---------------------------------------------------------------------------*/ @import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"); /*--------------------------------------------------------------------------- 全体の設定 ---------------------------------------------------------------------------*/ html { margin: 0; padding: 0; height: 100%; font-size: 15px; font-weight: 300; } body { margin: 0; padding: 0; height: 100%; font-size: 15px; font-weight: 300; font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif; -webkit-text-size-adjust: none; background: #fff; color: #333; line-height: 1.8; } figure, dd { margin: 0; } nav { margin: 0; padding: 0; } table { border-collapse: collapse; } img { border: none; max-width: 100%; height: auto; vertical-align: middle; } video { max-width: 100%; } iframe { width: 100%; } /*--------------------------------------------------------------------------- inputs ---------------------------------------------------------------------------*/ input, select, textarea, .field { font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif; } input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { display: block; height: 55px; padding: 10px; font-size: 1em; color: #5c6b80; border-radius: 10px; vertical-align: middle; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #e6e6e6; width: 100%; background: #f5f5f5; -webkit-transition: background-color 0.24s ease-in-out; transition: background-color 0.24s ease-in-out; -webkit-box-sizing: border-box; box-sizing: border-box; } select, textarea, .field { display: block; height: 55px; padding: 10px; font-size: 1rem; color: #5c6b80; border-radius: 10px; vertical-align: middle; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #e6e6e6; width: 100%; background: #f5f5f5; -webkit-transition: background-color 0.24s ease-in-out; transition: background-color 0.24s ease-in-out; -webkit-box-sizing: border-box; box-sizing: border-box; } input[type="text"]:focus, input[type="text"]:active { background-color: #f7f8fa; } input[type="password"]:focus, input[type="password"]:active { background-color: #f7f8fa; } input[type="datetime"]:focus, input[type="datetime"]:active { background-color: #f7f8fa; } input[type="datetime-local"]:focus, input[type="datetime-local"]:active { background-color: #f7f8fa; } input[type="date"]:focus, input[type="date"]:active { background-color: #f7f8fa; } input[type="month"]:focus, input[type="month"]:active { background-color: #f7f8fa; } input[type="time"]:focus, input[type="time"]:active { background-color: #f7f8fa; } input[type="week"]:focus, input[type="week"]:active { background-color: #f7f8fa; } input[type="number"]:focus, input[type="number"]:active { background-color: #f7f8fa; } input[type="email"]:focus, input[type="email"]:active { background-color: #f7f8fa; } input[type="url"]:focus, input[type="url"]:active { background-color: #f7f8fa; } input[type="search"]:focus, input[type="search"]:active { background-color: #f7f8fa; } input[type="tel"]:focus, input[type="tel"]:active { background-color: #f7f8fa; } input[type="color"]:focus, input[type="color"]:active { background-color: #f7f8fa; } select:focus, select:active { background-color: #f7f8fa; } textarea:focus, textarea:active { background-color: #f7f8fa; } .field:focus, .field:active { background-color: #f7f8fa; } input[type="text"].error, input[type="text"].is-invalid { color: #fbe3e4; border-color: #fbe3e4; background-color: white; background-position: 99% center; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=); outline-color: #fbe3e4; } input[type="password"].error, input[type="password"].is-invalid { color: #fbe3e4; border-color: #fbe3e4; background-color: white; background-position: 99% center; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=); outline-color: #fbe3e4; } input[type="datetime"].error, input[type="datetime"].is-invalid { color: #fbe3e4; border-color: #fbe3e4; background-color: white; background-position: 99% center; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=); outline-color: #fbe3e4; } input[type="datetime-local"].error, input[type="datetime-local"].is-invalid { color: #fbe3e4; border-color: #fbe3e4; background-color: white; background-position: 99% center; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=); outline-color: #fbe3e4; } input[type="date"].error, input[type="date"].is-invalid { color: #fbe3e4; border-color: #fbe3e4; background-color: white; background-position: 99% center; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=); outline-color: #fbe3e4; } input[type="month"].error, input[type="month"].is-invalid { color: #fbe3e4; border-color: #fbe3e4; background-color: white; background-position: 99% center; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=); outline-color: #fbe3e4; } input[type="time"].error, input[type="time"].is-invalid { color: #fbe3e4; border-color: #fbe3e4; background-color: white; background-position: 99% center; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=); outline-color: #fbe3e4; } input[type="week"].error, input[type="week"].is-invalid { color: #fbe3e4; border-color: #fbe3e4; background-color: white; background-position: 99% center; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=); outline-color: #fbe3e4; } input[type="number"].error, input[type="number"].is-invalid { color: #fbe3e4; border-color: #fbe3e4; background-color: white; background-position: 99% center; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=); outline-color: #fbe3e4; } input[type="email"].error, input[type="email"].is-invalid { color: #fbe3e4; border-color: #fbe3e4; background-color: white; background-position: 99% center; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=); outline-color: #fbe3e4; } input[type="url"].error, input[type="url"].is-invalid { color: #fbe3e4; border-color: #fbe3e4; background-color: white; background-position: 99% center; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=); outline-color: #fbe3e4; } input[type="search"].error, input[type="search"].is-invalid { color: #fbe3e4; border-color: #fbe3e4; background-color: white; background-position: 99% center; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=); outline-color: #fbe3e4; } input[type="tel"].error, input[type="tel"].is-invalid { color: #fbe3e4; border-color: #fbe3e4; background-color: white; background-position: 99% center; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=); outline-color: #fbe3e4; } input[type="color"].error, input[type="color"].is-invalid { color: #fbe3e4; border-color: #fbe3e4; background-color: white; background-position: 99% center; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=); outline-color: #fbe3e4; } select.error, select.is-invalid { color: #fbe3e4; border-color: #fbe3e4; background-color: white; background-position: 99% center; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=); outline-color: #fbe3e4; } textarea { height: auto; } textarea.error, textarea.is-invalid { color: #fbe3e4; border-color: #fbe3e4; background-color: white; background-position: 99% center; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=); outline-color: #fbe3e4; } .field.error, .field.is-invalid { color: #fbe3e4; border-color: #fbe3e4; background-color: white; background-position: 99% center; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=); outline-color: #fbe3e4; } input[type="text"].success, input[type="text"].is-valid { color: #e6efc2; border-color: #e6efc2; background-color: white; background-position: 99% center; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==); outline-color: #e6efc2; } input[type="password"].success, input[type="password"].is-valid { color: #e6efc2; border-color: #e6efc2; background-color: white; background-position: 99% center; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==); outline-color: #e6efc2; } input[type="datetime"].success, input[type="datetime"].is-valid { color: #e6efc2; border-color: #e6efc2; background-color: white; background-position: 99% center; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==); outline-color: #e6efc2; } input[type="datetime-local"].success, input[type="datetime-local"].is-valid { color: #e6efc2; border-color: #e6efc2; background-color: white; background-position: 99% center; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==); outline-color: #e6efc2; } input[type="date"].success, input[type="date"].is-valid { color: #e6efc2; border-color: #e6efc2; background-color: white; background-position: 99% center; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==); outline-color: #e6efc2; } input[type="month"].success, input[type="month"].is-valid { color: #e6efc2; border-color: #e6efc2; background-color: white; background-position: 99% center; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==); outline-color: #e6efc2; } input[type="time"].success, input[type="time"].is-valid { color: #e6efc2; border-color: #e6efc2; background-color: white; background-position: 99% center; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==); outline-color: #e6efc2; } input[type="week"].success, input[type="week"].is-valid { color: #e6efc2; border-color: #e6efc2; background-color: white; background-position: 99% center; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==); outline-color: #e6efc2; } input[type="number"].success, input[type="number"].is-valid { color: #e6efc2; border-color: #e6efc2; background-color: white; background-position: 99% center; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==); outline-color: #e6efc2; } input[type="email"].success, input[type="email"].is-valid { color: #e6efc2; border-color: #e6efc2; background-color: white; background-position: 99% center; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==); outline-color: #e6efc2; } input[type="url"].success, input[type="url"].is-valid { color: #e6efc2; border-color: #e6efc2; background-color: white; background-position: 99% center; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==); outline-color: #e6efc2; } input[type="search"].success, input[type="search"].is-valid { color: #e6efc2; border-color: #e6efc2; background-color: white; background-position: 99% center; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==); outline-color: #e6efc2; } input[type="tel"].success, input[type="tel"].is-valid { color: #e6efc2; border-color: #e6efc2; background-color: white; background-position: 99% center; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==); outline-color: #e6efc2; } input[type="color"].success, input[type="color"].is-valid { color: #e6efc2; border-color: #e6efc2; background-color: white; background-position: 99% center; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==); outline-color: #e6efc2; } select.success, select.is-valid { color: #e6efc2; border-color: #e6efc2; background-color: white; background-position: 99% center; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==); outline-color: #e6efc2; } textarea.success, textarea.is-valid { color: #e6efc2; border-color: #e6efc2; background-color: white; background-position: 99% center; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==); outline-color: #e6efc2; } .field.success, .field.is-valid { color: #e6efc2; border-color: #e6efc2; background-color: white; background-position: 99% center; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==); outline-color: #e6efc2; } input[type="text"][disabled], input[type="text"].is-disabled { cursor: not-allowed; border-color: #cfcfcf; opacity: 0.6; } input[type="password"][disabled], input[type="password"].is-disabled { cursor: not-allowed; border-color: #cfcfcf; opacity: 0.6; } input[type="datetime"][disabled], input[type="datetime"].is-disabled { cursor: not-allowed; border-color: #cfcfcf; opacity: 0.6; } input[type="datetime-local"][disabled], input[type="datetime-local"].is-disabled { cursor: not-allowed; border-color: #cfcfcf; opacity: 0.6; } input[type="date"][disabled], input[type="date"].is-disabled { cursor: not-allowed; border-color: #cfcfcf; opacity: 0.6; } input[type="month"][disabled], input[type="month"].is-disabled { cursor: not-allowed; border-color: #cfcfcf; opacity: 0.6; } input[type="time"][disabled], input[type="time"].is-disabled { cursor: not-allowed; border-color: #cfcfcf; opacity: 0.6; } input[type="week"][disabled], input[type="week"].is-disabled { cursor: not-allowed; border-color: #cfcfcf; opacity: 0.6; } input[type="number"][disabled], input[type="number"].is-disabled { cursor: not-allowed; border-color: #cfcfcf; opacity: 0.6; } input[type="email"][disabled], input[type="email"].is-disabled { cursor: not-allowed; border-color: #cfcfcf; opacity: 0.6; } input[type="url"][disabled], input[type="url"].is-disabled { cursor: not-allowed; border-color: #cfcfcf; opacity: 0.6; } input[type="search"][disabled], input[type="search"].is-disabled { cursor: not-allowed; border-color: #cfcfcf; opacity: 0.6; } input[type="tel"][disabled], input[type="tel"].is-disabled { cursor: not-allowed; border-color: #cfcfcf; opacity: 0.6; } input[type="color"][disabled], input[type="color"].is-disabled { cursor: not-allowed; border-color: #cfcfcf; opacity: 0.6; } select[disabled], select.is-disabled { cursor: not-allowed; border-color: #cfcfcf; opacity: 0.6; } textarea[disabled], textarea.is-disabled { cursor: not-allowed; border-color: #cfcfcf; opacity: 0.6; } .field[disabled], .field.is-disabled { cursor: not-allowed; border-color: #cfcfcf; opacity: 0.6; } input[type="text"][disabled]:focus, input[type="text"][disabled]:active { background-color: #d5edf8; } input[type="text"].is-disabled:focus, input[type="text"].is-disabled:active { background-color: #d5edf8; } input[type="password"][disabled]:focus, input[type="password"][disabled]:active { background-color: #d5edf8; } input[type="password"].is-disabled:focus, input[type="password"].is-disabled:active { background-color: #d5edf8; } input[type="datetime"][disabled]:focus, input[type="datetime"][disabled]:active { background-color: #d5edf8; } input[type="datetime"].is-disabled:focus, input[type="datetime"].is-disabled:active { background-color: #d5edf8; } input[type="datetime-local"][disabled]:focus, input[type="datetime-local"][disabled]:active { background-color: #d5edf8; } input[type="datetime-local"].is-disabled:focus, input[type="datetime-local"].is-disabled:active { background-color: #d5edf8; } input[type="date"][disabled]:focus, input[type="date"][disabled]:active { background-color: #d5edf8; } input[type="date"].is-disabled:focus, input[type="date"].is-disabled:active { background-color: #d5edf8; } input[type="month"][disabled]:focus, input[type="month"][disabled]:active { background-color: #d5edf8; } input[type="month"].is-disabled:focus, input[type="month"].is-disabled:active { background-color: #d5edf8; } input[type="time"][disabled]:focus, input[type="time"][disabled]:active { background-color: #d5edf8; } input[type="time"].is-disabled:focus, input[type="time"].is-disabled:active { background-color: #d5edf8; } input[type="week"][disabled]:focus, input[type="week"][disabled]:active { background-color: #d5edf8; } input[type="week"].is-disabled:focus, input[type="week"].is-disabled:active { background-color: #d5edf8; } input[type="number"][disabled]:focus, input[type="number"][disabled]:active { background-color: #d5edf8; } input[type="number"].is-disabled:focus, input[type="number"].is-disabled:active { background-color: #d5edf8; } input[type="email"][disabled]:focus, input[type="email"][disabled]:active { background-color: #d5edf8; } input[type="email"].is-disabled:focus, input[type="email"].is-disabled:active { background-color: #d5edf8; } input[type="url"][disabled]:focus, input[type="url"][disabled]:active { background-color: #d5edf8; } input[type="url"].is-disabled:focus, input[type="url"].is-disabled:active { background-color: #d5edf8; } input[type="search"][disabled]:focus, input[type="search"][disabled]:active { background-color: #d5edf8; } input[type="search"].is-disabled:focus, input[type="search"].is-disabled:active { background-color: #d5edf8; } input[type="tel"][disabled]:focus, input[type="tel"][disabled]:active { background-color: #d5edf8; } input[type="tel"].is-disabled:focus, input[type="tel"].is-disabled:active { background-color: #d5edf8; } input[type="color"][disabled]:focus, input[type="color"][disabled]:active { background-color: #d5edf8; } input[type="color"].is-disabled:focus, input[type="color"].is-disabled:active { background-color: #d5edf8; } select[disabled]:focus, select[disabled]:active { background-color: #d5edf8; } select.is-disabled:focus, select.is-disabled:active { background-color: #d5edf8; } textarea[disabled]:focus, textarea[disabled]:active { background-color: #d5edf8; } textarea.is-disabled:focus, textarea.is-disabled:active { background-color: #d5edf8; } .field[disabled]:focus, .field[disabled]:active { background-color: #d5edf8; } .field.is-disabled:focus, .field.is-disabled:active { background-color: #d5edf8; } input[type="password"] { letter-spacing: 0.3em; } textarea { max-width: 100%; min-height: 120px; line-height: 1.8; } select { -webkit-appearance: none; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAHCAYAAADXhRcnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOEZCMjYxMEYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOEZCMjYxMUYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ4RkIyNjBFRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ4RkIyNjBGRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Vxkp9gAAAI9JREFUeNpidHFxucHAwKAOxE+AmJmBMPgLxDJAfJMFSKwD4kqoAClgA+P///8ZXF1dPaCGcBKh6QcQB+3evXs7WDMIAA2QB1I7gFgDj0aQFz2BGh+AOEwwUaDAQyBlCMR7cGjcC5KHaQQBuM3IAOiKTiBVhiTUDdRUhq4Oq2aoAelAahIQ5wM1zsCmBiDAADhYMJXVZ9u9AAAAAElFTkSuQmCC); background-repeat: no-repeat; background-position: 97.5% center; } /*--------------------------------------------------------------------------- リンクテキストの設定 ---------------------------------------------------------------------------*/ a { color: #333; -webkit-transition: all 0.4s 0s ease; transition: all 0.4s 0s ease; } a:hover { color: #b0d6f2; } /*--------------------------------------------------------------------------- container ---------------------------------------------------------------------------*/ #container { overflow: hidden; } /*--------------------------------------------------------------------------- header ---------------------------------------------------------------------------*/ header { position: fixed; top: 0; left: 0; right: 0; width: 100%; background: transparent; padding: 30px 20px; padding-left: 30px; padding-right: 30px; -webkit-transition: all 0.4s 0s ease; transition: all 0.4s 0s ease; z-index: 10; } header.header-scroll { padding-top: 10px; padding-bottom: 10px; } header .header-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #logo { margin: 0; line-height: 0; display: table; } #logo a, #logo img { display: block; } #logo a { -webkit-transition: all 0.4s 0s ease; transition: all 0.4s 0s ease; } #logo a:hover { opacity: 0.7; } #logo img { width: 290px; height: auto; -webkit-transition: all 0.4s 0s ease; transition: all 0.4s 0s ease; } .header-btn { position: relative; font-family: futura-pt, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif; color: #fff; text-align: center; text-decoration: none; letter-spacing: 0.1em; width: 170px; display: table; margin: 0 0 0 auto; padding: 0.7em 40px; background: #dc6100; border: 1px solid #dc6100; border-radius: 25px; -webkit-transition: all 0.4s 0s ease; transition: all 0.4s 0s ease; } .header-btn:hover { color: #dc6100; background: #fff; } .header-btn:after { position: absolute; top: 50%; right: 20px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); content: ""; width: 15px; height: 15px; display: block; background: transparent url(../images/common/icon_target_wh.svg) no-repeat center center/contain; -webkit-transition: all 0.4s 0s ease; transition: all 0.4s 0s ease; } .header-btn:hover:after { background: transparent url(../images/common/icon_target.svg) no-repeat center center/contain; } @media screen and (min-width: 901px) { header.header-scroll { background: rgba(255, 255, 255, 0.9); } } @media screen and (min-width: 1025px) { header.header-scroll #logo img { width: 250px; height: auto; } } @media screen and (min-width: 1501px) { header { padding-left: 5%; padding-right: 5%; } } @media screen and (max-width: 1200px) { header { padding-left: 20px; padding-right: 20px; } } @media screen and (max-width: 1024px) { header { padding: 20px; } #logo img { width: 200px; } header .header-btn { font-size: 0.9375rem; width: 150px; padding: 0.4em 40px; } } @media screen and (max-width: 900px) { header .header-btn { display: none; } } /*--------------------------------------------------------------------------- navigation ---------------------------------------------------------------------------*/ ul.nav li { text-align: center; } ul.nav li a { line-height: 1; text-align: center; } ul.nav li .sub { font-size: 0.625rem; line-height: 1; display: block; margin-top: 0.9em; } header nav { margin: 0 0 0 80px; } header ul.nav { list-style: none; line-height: 1; margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } header ul.nav > li { position: relative; margin: 0 20px; padding: 0; } header ul.nav > li:first-child { margin-left: 0; } header ul.nav > li:last-child { margin-right: 0; } header ul.nav > li a { position: relative; font-family: futura-pt, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif; font-size: 0.9375rem; color: #333; line-height: 1; letter-spacing: 0.1em; text-decoration: none; display: block; -webkit-transition: all 0.4s 0s ease; transition: all 0.4s 0s ease; } header ul.nav > li a:hover { opacity: 0.7; } header ul.nav > li ul { display: block; list-style: none; margin: 0; padding: 0; } header ul.nav > li ul li { display: block; -webkit-transition: all 0.4s 0s ease; transition: all 0.4s 0s ease; } header ul.nav > li ul li a { display: block; -webkit-transition: all 0.4s 0s ease; transition: all 0.4s 0s ease; } header ul.nav > li ul li a:hover { opacity: 0.8; } .footer-nav-wrap { margin-top: 50px; } footer ul.nav { list-style: none; line-height: 1; margin: 0 0 0 auto; padding: 0; display: table; } footer ul.nav > li { position: relative; margin: 0 15px; padding: 0; display: inline-block; } footer ul.nav > li:first-child { margin-left: 0; } footer ul.nav > li:last-child { margin-right: 0; } footer ul.nav > li a { position: relative; font-family: futura-pt, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif; font-size: 0.9375rem; color: #333; line-height: 1; letter-spacing: 0.1em; text-decoration: none; display: block; -webkit-transition: all 0.4s 0s ease; transition: all 0.4s 0s ease; } footer ul.nav > li a:hover { opacity: 0.7; } #nav-drawer { position: relative; z-index: 9999; display: none; } .nav-unshown { display: none; } #nav-open { position: fixed; top: 20px; right: 20px; cursor: pointer; -webkit-transition: all 0.4s 0s ease; transition: all 0.4s 0s ease; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 10000; } #nav-open .line-wrap { position: relative; width: 30px; height: 22px; display: block; } #nav-open .line-wrap span { -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 10000; position: absolute; left: 0; width: 100%; height: 2px; background: #333; -webkit-transition: all 0.4s 0s ease; transition: all 0.4s 0s ease; } #nav-open .line-wrap span:nth-of-type(1) { top: 0; } #nav-open .line-wrap span:nth-of-type(2) { top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } #nav-open .line-wrap span:nth-of-type(3) { bottom: 0; } #nav-open.active .line-wrap span:nth-of-type(1) { -webkit-transform: translateY(10px) rotate(-45deg); transform: translateY(10px) rotate(-45deg); } #nav-open.active .line-wrap span:nth-of-type(2) { opacity: 0; } #nav-open.active .line-wrap span:nth-of-type(3) { -webkit-transform: translateY(-10px) rotate(45deg); transform: translateY(-10px) rotate(45deg); } #nav-content { position: fixed; top: 0; right: 0; width: 100%; height: 100vh; background: rgba(255, 255, 255, 0.95); padding: 50px 30px; padding-top: 90px; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; -webkit-transform: translateY(-105%); transform: translateY(-105%); opacity: 0; overflow: auto; -webkit-transition: all 0.4s 0s ease; transition: all 0.4s 0s ease; z-index: 9999; } #nav-input:checked ~ #nav-content { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } #nav-content ul.nav { text-align: center; display: table; margin: 0 auto; } #nav-content ul.nav > li { text-align: center; display: table; margin: 0 auto; margin-bottom: 1.5em; } #nav-content ul.nav > li:last-child { margin-bottom: 0; } #nav-content ul.nav > li a { font-size: 0.875rem; color: #333; text-decoration: none; display: block; -webkit-transition: all 0.4s 0s ease; transition: all 0.4s 0s ease; } #nav-content ul.nav > li a:hover { opacity: 0.7; } #nav-content .header-btn { margin: 0 auto; margin-top: 25px; width: 100%; max-width: 250px; } @media screen and (min-width: 901px) { header ul.nav > li ul { position: absolute; top: 100%; left: 0; width: 130px; height: 0; z-index: 1; pointer-events: none; } header ul.nav > li ul:hover { pointer-events: auto; } header ul.nav > li ul li { height: 0; opacity: 0; background: #dc6100; border-bottom: 1px solid #e6e6e6; } header ul.nav > li ul li:first-child { padding-top: 10px; } header ul.nav > li ul li a { color: #fff; padding: 1em; background: #dc6100; } header ul.nav > li > a:hover + ul { pointer-events: auto; height: auto; } header ul.nav > li > a:hover + ul li { height: auto; opacity: 1; } header ul.nav > li > a + ul:hover li { height: auto; opacity: 1; } header ul.nav > li a:hover + ul li a, header ul.nav > li > a + ul:hover li a { padding: 0.6em 1em; } } @media screen and (max-width: 1200px) { header ul.nav > li { margin: 0 12px; } } @media screen and (max-width: 1024px) { header nav { margin: 0 0 0 50px; } header ul.nav > li { margin: 0 13px; } header ul.nav > li a { font-size: 0.875rem; } } @media screen and (max-width: 900px) { header nav { display: none; } #nav-drawer { display: block; } #nav-content nav { display: block; } #nav-content ul.nav > li ul { list-style: none; margin: 15px auto 0; padding: 0; display: table; } #nav-content ul.nav > li ul li { position: relative; text-align: left; margin-bottom: 1em; padding-left: 1.1em; } #nav-content ul.nav > li ul li:before { position: absolute; top: 7px; left: 0; content: ""; width: 9px; height: 1px; display: block; background: #dc6100; } #nav-content ul.nav > li ul li:last-child { margin-bottom: 0; } #nav-content ul.nav > li ul li a { font-size: 0.8125rem; text-align: left; } } @media screen and (max-width: 768px) { .footer-nav-wrap { display: none; } } @media screen and (max-width: 480px) { #nav-open { top: 17px; } } /*--------------------------------------------------------------------------- footer ---------------------------------------------------------------------------*/ footer { background: #fff; padding: 100px 0; } footer .footer-inner { padding: 0 30px; } .footer-logo { margin: 0; line-height: 0; display: table; } .footer-logo a, .footer-logo img { display: block; } .footer-logo a { -webkit-transition: all 0.4s 0s ease; transition: all 0.4s 0s ease; } .footer-logo a:hover { opacity: 0.7; } .footer-logo img { width: 290px; height: auto; } .footer-info-wrap { padding-left: 87px; } .footer-info-wrap p { font-size: 0.875rem; line-height: 2; margin: 0; } .copyright { font-size: 0.875rem; text-align: right; line-height: 1.65; margin: 0 0 0 auto; margin-top: 30px; } @media screen and (max-width: 1024px) { footer { padding: 40px 0 90px; } footer .footer-inner { padding: 0 20px; } footer .row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } footer .row .col-1 { margin: 0; } .footer-logo { margin: 0 auto; } .footer-logo img { width: 270px; } .footer-info-wrap { text-align: center; margin-top: 20px; padding-left: 0; } footer ul.nav { margin: 0 auto; } .copyright { font-size: 0.75rem; text-align: center; margin: 0 auto; margin-top: 50px; } } /*--------------------------------------------------------------------------- frontpage ---------------------------------------------------------------------------*/ .loading { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; display: block; background: #fff; z-index: 9999999999; -webkit-transition: all 1.3s; transition: all 1.3s; } .loading.hide { opacity: 0; pointer-events: none; } .loading .logo-wrap { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; max-width: 25.6222547584187%; } .loading .logo-wrap:before { position: absolute; top: 50%; right: 100%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); content: ""; width: 100%; height: 150%; display: block; background: #fff; z-index: 1; } .loading .logo-wrap img { height: auto; } .loading .logo-wrap .loading-logo { -webkit-transition: all 1.2s; transition: all 1.2s; -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); } .loading .logo-wrap .loading-logo.visible { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .loading .logo-wrap .illust-wrap { position: absolute; -webkit-transition: all 0.7s; transition: all 0.7s; z-index: 2; } .loading .logo-wrap .illust-wrap.illust-wrap01, .loading .logo-wrap .illust-wrap.illust-wrap03 { top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); width: 27.7142857142857%; } .loading .logo-wrap .illust-wrap.illust-wrap01 { left: -34.2857142857143%; } .loading .logo-wrap .illust-wrap.illust-wrap02 { top: -142.2638619061764%; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 31.4285714285714%; } .loading .logo-wrap .illust-wrap.illust-wrap03 { right: -34.2857142857143%; } .loading .logo-wrap .illust-wrap.illust-wrap03.change { -webkit-animation: 0.6s linear 1 charabound; animation: 0.6s linear 1 charabound; } .loading .logo-wrap .illust-wrap.illust-wrap03.change img { -webkit-animation: 0.6s linear 1 chararotation; animation: 0.6s linear 1 chararotation; } .loading .logo-wrap .illust-wrap.hide { opacity: 0; } .loading .logo-wrap .illust-wrap img { height: auto; } @-webkit-keyframes charabound { 0% { top: 50%; } 50% { top: 42%; } 100% { top: 50%; } } @keyframes charabound { 0% { top: 50%; } 50% { top: 42%; } 100% { top: 50%; } } @-webkit-keyframes chararotation { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 33% { -webkit-transform: rotate(25deg); transform: rotate(25deg); } 80% { -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } @keyframes chararotation { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 33% { -webkit-transform: rotate(25deg); transform: rotate(25deg); } 80% { -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } body.home { background: #eeedec; } body.home #container { opacity: 0; -webkit-transition: all 1s 0s ease; transition: all 1s 0s ease; } body.home #container.loaded { opacity: 1; } .section-heading_top { position: relative; font-family: adobe-garamond-pro, "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 8.75rem; font-weight: 400; color: #dc6100; line-height: 1.28; margin: 0; letter-spacing: 0.1em; z-index: 1; } .mv { position: relative; height: 100vh; } .mv .mv-catch-wrap { position: absolute; top: 26%; left: 9.5%; -webkit-transition: all 0.7s 0s ease; transition: all 0.7s 0s ease; } .mv .mv-catch-wrap .mv-catch { color: #dc6100; margin: 0; letter-spacing: 0.1em; } .mv .mv-catch-wrap .mv-catch01 { font-family: adobe-garamond-pro, "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 8.75rem; line-height: 1; } .mv .mv-catch-wrap .mv-catch01 span { opacity: 0; -webkit-transition: all 1s; transition: all 1s; } .mv .mv-catch-wrap .mv-catch01.loaded span { opacity: 1; } .mv .mv-catch-wrap .mv-catch01 span.txtfade02 { -moz-transition-delay: 100ms; -webkit-transition-delay: 100ms; -o-transition-delay: 100ms; -ms-transition-delay: 100ms; } .mv .mv-catch-wrap .mv-catch01 span.txtfade03 { -moz-transition-delay: 200ms; -webkit-transition-delay: 200ms; -o-transition-delay: 200ms; -ms-transition-delay: 200ms; } .mv .mv-catch-wrap .mv-catch01 span.txtfade04 { -moz-transition-delay: 300ms; -webkit-transition-delay: 300ms; -o-transition-delay: 300ms; -ms-transition-delay: 300ms; } .mv .mv-catch-wrap .mv-catch01 span.txtfade05 { -moz-transition-delay: 400ms; -webkit-transition-delay: 400ms; -o-transition-delay: 400ms; -ms-transition-delay: 400ms; } .mv .mv-catch-wrap .mv-catch01 span.txtfade06 { -moz-transition-delay: 500ms; -webkit-transition-delay: 500ms; -o-transition-delay: 500ms; -ms-transition-delay: 500ms; } .mv .mv-catch-wrap .mv-catch01 span.txtfade07 { -moz-transition-delay: 600ms; -webkit-transition-delay: 600ms; -o-transition-delay: 600ms; -ms-transition-delay: 600ms; } .mv .mv-catch-wrap .mv-catch01 span.txtfade08 { -moz-transition-delay: 700ms; -webkit-transition-delay: 700ms; -o-transition-delay: 700ms; -ms-transition-delay: 700ms; } .mv .mv-catch-wrap .mv-catch01 span.txtfade09 { -moz-transition-delay: 800ms; -webkit-transition-delay: 800ms; -o-transition-delay: 800ms; -ms-transition-delay: 800ms; } .mv .mv-catch-wrap .mv-catch01 span.txtfade10 { -moz-transition-delay: 900ms; -webkit-transition-delay: 900ms; -o-transition-delay: 900ms; -ms-transition-delay: 900ms; } .mv .mv-catch-wrap .mv-catch02 { font-size: 1.5rem; font-weight: 100; line-height: 2.5; margin-top: 1.3em; } .mv .bg-illust-wrap { position: absolute; } .mv .bg-illust-wrap img { width: 100%; height: auto; display: block; pointer-events: none; } .mv .bg-illust-wrap01 .simpleParallax, .mv .bg-illust-wrap02 .simpleParallax { overflow: visible !important; } .mv .bg-illust-wrap01:before, .mv .bg-illust-wrap02:before { content: ""; display: block; padding-top: 100%; } .mv .bg-illust-wrap01 { top: 6%; left: 6%; width: 48.7%; } .mv .bg-illust-wrap02 { top: 50%; right: 1.5%; width: 29.4%; } .mv .mv-img { position: absolute; top: 73%; right: 0; width: 73%; height: 460px; border-radius: 30px 0 0 30px; overflow: hidden; } .mv .mv-img img { height: 100%; -o-object-fit: cover; object-fit: cover; } .mv .scroll-down { position: absolute; left: 9.5%; bottom: 40px; width: 8.8%; display: block; -webkit-transition: all 0.7s 0s ease; transition: all 0.7s 0s ease; } .mv .scroll-down:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } .mv .scroll-down:before { content: ""; display: block; padding-top: 100%; } .mv .scroll-down img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; display: block; pointer-events: none; } .mv .scroll-down .circle { -webkit-animation: scrolldown 7s linear infinite; animation: scrolldown 7s linear infinite; } @-webkit-keyframes scrolldown { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes scrolldown { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .about-wrap_top01 { padding-top: 320px; } .about-wrap_top01 .inner { position: relative; padding-top: 160px; padding-left: 40%; padding-right: 130px; padding-bottom: 320px; } .about-wrap_top01 .section-heading_top { position: absolute; top: 70px; right: -10px; -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; line-height: 1; } .about-wrap_top01 .text-wrap { position: relative; z-index: 1; } .about-wrap_top01 .text-wrap .heading { font-size: 3rem; font-weight: 100; color: #dc6100; letter-spacing: 0.15em; margin: 0; } .about-wrap_top01 .text-wrap .text { margin: 0; } .about-wrap_top01 .text-wrap .text01 { font-size: 1.25rem; margin-top: 1.3em; } .about-wrap_top01 .text-wrap .text01 .c-or { position: relative; font-size: 2.1875rem; font-weight: 500; right: -4px; bottom: -2px; } .about-wrap_top01 .text-wrap .text02 { font-size: 0.9375rem; line-height: 2; margin-top: 2em; } .about-wrap_top01 .text-wrap .link-btn_arrow01 { margin-left: 0; } .about-wrap_top01 .bg-img { overflow: hidden; } .about-wrap_top01 .bg-img img { height: 100%; -o-object-fit: cover; object-fit: cover; } .about-wrap_top01 .bg-illust01 img { height: auto; } .about-wrap_top01 .bg-illust02 { bottom: -40px; right: 40px; width: 8.5%; } .about-wrap_top01 .bg-illust02 img { height: auto; } .service-wrap_top01 .bg-illust-wrap01 .simpleParallax, .service-wrap_top01 .bg-illust-wrap02 .simpleParallax { overflow: visible !important; } .service-wrap_top01 .bg-illust-wrap01:before, .service-wrap_top01 .bg-illust-wrap02:before { content: ""; display: block; padding-top: 100%; } .service-wrap_top01 { padding: 40px; padding-bottom: 130px; } .service-wrap_top01 .section-inner { position: relative; } .service-wrap_top01 .bg-illust-wrap { position: absolute; width: 29%; } .service-wrap_top01 .bg-illust-wrap01 { top: 19.5%; left: 20.4%; } .service-wrap_top01 .bg-illust-wrap02 { bottom: -16%; right: 1%; } .service-wrap_top01 .bg-illust-wrap img { height: auto; } ul.service-list01 > li .box { position: relative; width: 100%; display: block; -webkit-transition: all 0.4s 0s ease; transition: all 0.4s 0s ease; } ul.service-list01 > li .box_bk01 { position: relative; width: 100%; display: block; background: #333; } ul.service-list01 > li .box:hover { color: #333; opacity: 0.7; } ul.service-list01 > li .box:before { content: ""; display: block; padding-top: 81.4%; } ul.service-list01 > li .box_bk01:before { content: ""; display: block; padding-top: 81.4%; } ul.service-list01 > li .box img, ul.service-list01 > li .box .num, ul.service-list01 > li .box .ttl { position: absolute; } ul.service-list01 > li .box img { top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: all 0.4s 0s ease; transition: all 0.4s 0s ease; } ul.service-list01 > li .box .num, ul.service-list01 > li .box .ttl { left: 20px; font-family: futura-pt, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif; margin: 0; white-space: nowrap; } ul.service-list01 > li .box .num { top: 30px; font-size: 1.5em; font-weight: 700; line-height: 1; color: #dc6100; } ul.service-list01 > li .box .ttl { bottom: 30px; } ul.service-list01 > li .box .ttl .en { font-size: 1.5em; font-weight: 400; font-style: italic; line-height: 1.5; } ul.service-list01 > li .box .ttl .sub { font-weight: 300; line-height: 1; display: block; margin-top: 1em; } ul.service-list01 > li .box_bk01 .link-btn_arrow01 { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: 0 auto; } .recruit-wrap_top01 { position: relative; overflow: hidden; } .recruit-wrap_top01 .section-inner { position: relative; padding: 200px 0; z-index: 2; } .recruit-wrap_top01 .bg { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; pointer-events: none; display: block; } .recruit-wrap_top01:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; background: rgba(0, 0, 0, 0.4); width: 100%; height: 100%; display: block; z-index: 1; } .recruit-wrap_top01 .section-heading_top { text-align: center; line-height: 1; text-shadow: 0 0 8px rgba(0, 0, 0, 0.7); margin: 0 auto; } .recruit-wrap_top01 .text { color: #fff; text-align: center; margin: 0 auto; } .recruit-wrap_top01 .text01 { font-size: 0.9375rem; line-height: 2; margin-top: 2.5em; } .recruit-wrap_top01 .link-btn_arrow01 { color: #fff; } .recruit-wrap_top01 .link-btn_arrow01:hover { color: #fff; } .recruit-wrap_top01 .link-btn_arrow01 .arrow:before { background: #fff; } .recruit-wrap_top01 .link-btn_arrow01 .arrow:after { border-top: 1px solid #fff; border-right: 1px solid #fff; } .company-wrap_top01 { margin-top: 80px; } .company-wrap_top01 .logomark { width: 73%; margin: 0 auto; } .company-wrap_top01 .logomark img { height: auto; } .company-wrap_top01 .img-wrap_company01 { position: relative; margin-top: 75px; height: 315px; border-radius: 0 30px 30px 0; overflow: hidden; } .company-wrap_top01 .img-wrap_company01 img { height: 100%; -o-object-fit: cover; object-fit: cover; } .company-wrap_top01 .text-wrap { margin-top: 80px; padding-right: 70px; } .news-wrap_top01 { padding: 120px 0; } .news-wrap_top01 .text-wrap { padding: 0 20px; } .news-wrap_top01 .section-heading_top { text-align: center; margin: 0 auto; } @media screen and (min-width: 569px) { .about-wrap_top01 .bg-img { position: absolute; } } @media screen and (min-width: 1025px) { .about-wrap_top01 .bg-img01 { top: 0; left: 0; width: 35%; height: 67%; border-radius: 0 30px 30px 0; } .about-wrap_top01 .bg-img02 { bottom: 0; left: 18%; width: 26%; height: 27%; border-radius: 30px; } .about-wrap_top01 .bg-illust01 { bottom: 35px; right: 35px; width: 35%; } .service-wrap_top01 .section-inner { padding-top: 130px; } .service-wrap_top01 .section-heading_top { position: absolute; top: 0; left: 0; } .recruit-wrap_top01 .section-heading_top { font-size: 6.25rem; } } @media screen and (min-width: 569px) and (max-width: 900px) { .about-wrap_top01 .bg-img01, .about-wrap_top01 .bg-img02 { bottom: 300px; width: 45%; height: 250px; } .about-wrap_top01 .bg-img01 { left: 20px; } .about-wrap_top01 .bg-img02 { right: 20px; } .about-wrap_top01 .bg-illust01 { bottom: 0; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 300px; } } @media screen and (min-width: 901px) and (max-width: 1024px) { .about-wrap_top01 .bg-img01, .about-wrap_top01 .bg-img02, .about-wrap_top01 .bg-illust01 { bottom: 0; width: 30%; } .about-wrap_top01 .bg-img01, .about-wrap_top01 .bg-img02 { height: 300px; } .about-wrap_top01 .bg-img01 { left: 20px; } .about-wrap_top01 .bg-img02 { left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .about-wrap_top01 .bg-illust01 { right: 20px; } } @media screen and (max-width: 1200px) { .mv .mv-catch-wrap .mv-catch01 { font-size: 7.5rem; } .mv .scroll-down { left: 40px; width: 120px; } } @media screen and (max-width: 1100px) { .mv .bg-illust-wrap02 { top: 54.5%; right: 3.5%; width: 33.4%; } .about-wrap_top01 .text-wrap .heading { font-size: 2.5rem; } } @media screen and (max-width: 1024px) { .loading .logo-wrap { max-width: 35%; } .section-heading_top { font-size: 6.25rem; } .mv .bg-illust-wrap01 { width: 56.95%; } .mv .mv-catch-wrap .mv-catch01 { font-size: 6.25rem; } .mv .mv-catch-wrap .mv-catch02 { font-size: 1.375rem; } .mv .scroll-down { left: 40px; width: 120px; } .about-wrap_top01 .inner { padding-top: 100px; padding-left: 50px; padding-right: 100px; padding-bottom: 350px; } .about-wrap_top01 .bg-img01, .about-wrap_top01 .bg-img02 { border-radius: 30px; } .service-wrap_top01 { padding: 50px 20px 170px; } ul.service-list01 > li { width: 32%; margin: 1% !important; } ul.service-list01 > li:nth-child(1), ul.service-list01 > li:nth-child(2), ul.service-list01 > li:nth-child(3), ul.service-list01 > li:nth-child(6), ul.service-list01 > li:nth-child(8), ul.service-list01 > li:nth-child(9), ul.service-list01 > li:nth-child(12) { display: none; } ul.service-list01 > li:nth-child(4), ul.service-list01 > li:nth-child(10) { margin-left: 0 !important; } ul.service-list01 > li:nth-child(7), ul.service-list01 > li:nth-child(13) { margin-right: 0 !important; } } @media screen and (max-width: 900px) { .mv .bg-illust-wrap02 { top: 53%; width: 30%; } .about-wrap_top01 .inner { padding-bottom: 600px; } .about-wrap_top01 .bg-illust02 { bottom: 0; right: 20px; width: 100px; } } @media screen and (max-width: 768px) { .loading .logo-wrap { max-width: 40%; } .section-heading_top { font-size: 5.625rem; } .mv .bg-illust-wrap01 { left: 11%; width: 67%; } .mv .bg-illust-wrap02 { right: -3%; } .mv .mv-img { top: auto; bottom: 0; height: 36%; } .mv .mv-catch-wrap { left: 30px; } .mv .mv-catch-wrap .mv-catch01 { font-size: 5.625rem; } .about-wrap_top01 { padding-top: 0; } .about-wrap_top01 .inner { padding-right: 90px; } .service-wrap_top01 .bg-illust-wrap01 { top: 4%; left: auto; right: 7.5%; } .about-wrap_top01 .section-heading_top { right: 0; } .about-wrap_top01 .text-wrap .heading { font-size: 2.1875rem; } .about-wrap_top01 .bg-illust02 { width: 90px; } ul.service-list01 > li { width: 49%; } ul.service-list01 > li:nth-child(4), ul.service-list01 > li:nth-child(7), ul.service-list01 > li:nth-child(11) { margin-left: 0 !important; } ul.service-list01 > li:nth-child(5), ul.service-list01 > li:nth-child(10), ul.service-list01 > li:nth-child(13) { margin-right: 0 !important; } ul.service-list01 > li:nth-child(7) { margin-right: 1% !important; } ul.service-list01 > li:nth-child(10) { margin-left: 1% !important; } .recruit-wrap_top01 .section-inner { padding: 100px 0; } .company-wrap_top01 .row .col-1, .company-wrap_top01 .row .col-2 { margin: 0; } .company-wrap_top01 .section-inner { padding: 0 20px; } .company-wrap_top01 .text-wrap { margin-top: 40px; padding-right: 0; } .company-wrap_top01 .logomark { width: 250px; margin-top: 40px; } .company-wrap_top01 .img-wrap_company01 { margin-top: 40px; width: 95%; height: 300px; } .news-wrap_top01 { padding: 40px 0; } .news-wrap_top01 .article-wrap { padding: 0 20px; } } @media screen and (max-width: 650px) { .mv .mv-catch-wrap .mv-catch01 { font-size: 4.375rem; } .mv .mv-catch-wrap .mv-catch02 { font-size: 1.25rem; } } @media screen and (max-width: 568px) { .section-heading_top { font-size: 3.4375rem; } .mv .bg-illust-wrap01, .mv .mv-catch-wrap { top: 50%; -webkit-transform: translate(0, -50%) !important; transform: translate(0, -50%) !important; } .mv .bg-illust-wrap02 { top: 19%; right: 0.5%; width: 22%; } .mv .mv-img { width: 75%; } .mv .scroll-down { left: 20px; width: 80px; } .mv .mv-catch-wrap .mv-catch01 { font-size: 3.4375rem; } .mv .mv-catch-wrap .mv-catch02 { font-size: 0.875rem; } .about-wrap_top01 .inner { padding-top: 80px; padding-left: 0; padding-right: 0; padding-bottom: 40px; } .about-wrap_top01 .bg-img01, .about-wrap_top01 .bg-img02, .about-wrap_top01 .bg-illust01 { position: relative; width: 95%; } .about-wrap_top01 .bg-img01 { height: 495px; border-radius: 0 20px 20px 0; } .about-wrap_top01 .bg-img02 { height: 300px; margin: 0 0 0 auto; border-radius: 20px 0 0 20px; } .about-wrap_top01 .bg-illust01 { margin: 0 auto; } .about-wrap_top01 .bg-img01, .about-wrap_top01 .bg-img02, .about-wrap_top01 .bg-illust01 { margin-top: 50px; } .about-wrap_top01 .text-wrap { padding-left: 20px; padding-right: 60px; } .about-wrap_top01 .bg-illust02 { position: absolute; } .service-wrap_top01 { padding-top: 40px; } .service-wrap_top01 .bg-illust-wrap02 { bottom: -4.5%; } ul.service-list01 { margin-top: 40px !important; } ul.service-list01 > li { width: 100%; margin: 0 0 20px !important; } ul.service-list01 > li:nth-child(7) { margin-right: 0 !important; } ul.service-list01 > li:nth-child(10) { margin-left: 0 !important; } ul.service-list01 > li:last-child { margin: 0 !important; } .company-wrap_top01 .logomark { width: 200px; } .company-wrap_top01 .img-wrap_company01 { border-radius: 0 20px 20px 0; } } @media screen and (max-width: 480px) { .loading .logo-wrap { max-width: 50%; } .section-heading_top { font-size: 2.8125rem; } .mv .bg-illust-wrap02 { width: 30%; } .mv .mv-img { width: 70%; } .mv .mv-catch-wrap .mv-catch01 { font-size: 2.8125rem; } .about-wrap_top01 .text-wrap { padding-right: 50px; } .about-wrap_top01 .text-wrap .heading { font-size: 1.5625rem; letter-spacing: 0.1em; } .about-wrap_top01 .text-wrap .text01 { font-size: 1.125rem; } .about-wrap_top01 .text-wrap .text01 .c-or { font-size: 1.875rem; right: -4px; bottom: -2px; } .about-wrap_top01 .text-wrap .text02 { font-size: 0.875rem; } .service-wrap_top01 .bg-illust-wrap { width: 45%; } .service-wrap_top01 .bg-illust-wrap01 { top: 1%; right: -4%; } .service-wrap_top01 .bg-illust-wrap02 { right: -5%; } .company-wrap_top01 .logomark { margin-top: 35px; width: 150px; } .company-wrap_top01 .img-wrap_company01 { margin-top: 35px; height: 220px; } } @media screen and (max-width: 375px) { .section-heading_top { font-size: 2.5rem; } .mv .bg-illust-wrap01 { left: -10%; width: 77.05%; } .mv .bg-illust-wrap02 { top: 20%; right: 2%; } .mv .mv-img { width: 65%; height: 37%; } .mv .mv-catch-wrap .mv-catch01 { font-size: 2.5rem; } .mv .mv-catch-wrap .mv-catch02 { font-size: 0.8125rem; letter-spacing: 0; } .about-wrap_top01 .bg-illust02 { width: 80px; } } @media screen and (max-width: 350px) { .about-wrap_top01 .text-wrap .heading { font-size: 1.375rem; } .about-wrap_top01 .text-wrap .text01 { font-size: 1.0625rem; } .company-wrap_top01 .img-wrap_company01 { height: 200px; } } /*--------------------------------------------------------------------------- pages ---------------------------------------------------------------------------*/ .page-mv { position: relative; height: 450px; } .page-mv .ttl { position: absolute; top: 60%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; padding: 0 15px; } .index-wrap { border: 1px solid #e6e6e6; } .index-wrap ul { list-style: none; font-size: 0; margin: 0; padding: 0; display: inline-block; width: 100%; vertical-align: top; } .index-wrap ul > li { position: relative; font-size: 0.9375rem; margin: 6px 2.5%; padding-left: 1.6em; display: inline-block; vertical-align: top; } .index-wrap ul > li:before { position: absolute; top: 7px; left: 0; font-family: "Font Awesome 5 Free"; font-weight: 900; line-height: 1; content: "\f138"; color: #dc6100; } .index-wrap ul > li a { font-size: 0.9375rem; color: #333; text-decoration: none; display: inline-block; -webkit-transition: all 0.4s; transition: all 0.4s; } .index-wrap ul > li a:hover { opacity: 0.7; } .index-wrap.index-wrap01 { padding: 25px 50px; } @media screen and (min-width: 769px) { .index-wrap ul > li { width: 47.5%; } .index-wrap ul > li:nth-child(odd) { margin-left: 0; } .index-wrap ul > li:nth-child(even), .index-wrap ul > li:last-child { margin-right: 0; } } @media screen and (max-width: 1024px) { .page-mv { height: 350px; } } @media screen and (max-width: 768px) { .page-mv { height: 300px; } .index-wrap ul > li { width: 100%; margin: 0; margin-bottom: 0.7em; } .index-wrap ul > li:last-child { margin-bottom: 0; } } @media screen and (max-width: 480px) { .index-wrap ul > li, .index-wrap ul > li a { font-size: 0.875rem; } .index-wrap ul > li:before { top: 5px; } .index-wrap.index-wrap01 { padding: 25px 30px; } } /*--------------------------------------------------------------------------- page about us ---------------------------------------------------------------------------*/ .img-section_about { position: relative; height: 400px; } .img-section_about img { height: 100%; -o-object-fit: cover; object-fit: cover; } .img-section_about .text-wrap { position: absolute; bottom: -110px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 830px; max-width: 95%; background: #fff; padding: 40px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); z-index: 1; } .img-section_about .text-wrap .text { font-size: 1.25rem; text-align: center; line-height: 2.5; letter-spacing: 0.1em; margin: 0 auto; } .about-section01 { position: relative; padding-top: 200px; padding-bottom: 130px; } .about-section01 .bg { position: absolute; top: 0; left: 0; width: 58%; } .about-section01 .bg img { height: auto; } .about-section01 .img-wrap_about01 { position: relative; } .about-section01 .img-wrap_about01 img { height: auto; } .about-section01 .text-wrap { position: relative; padding-right: 40px; } .about-section01 .text-wrap .heading { font-weight: 100; margin: 0; } .about-section01 .text-wrap .heading .text01, .about-section01 .text-wrap .heading .text02 { display: block; letter-spacing: 0.1em; } .about-section01 .text-wrap .heading .text01 { font-size: 2.8125rem; } .about-section01 .text-wrap .heading .text01 .c-or { position: relative; bottom: -4px; right: -14px; font-size: 5rem; font-weight: 700; display: inline-block; } .about-section01 .text-wrap .heading .text02 { font-size: 3.4375rem; } .about-section01 .text-wrap .heading .text02 span { opacity: 0; -webkit-transition: all 1s; transition: all 1s; } .about-section01 .text-wrap .heading .text02.scrollin span { opacity: 1; } .about-section01 .text-wrap .heading .text02 span.txtfade02 { -moz-transition-delay: 100ms; -webkit-transition-delay: 100ms; -o-transition-delay: 100ms; -ms-transition-delay: 100ms; } .about-section01 .text-wrap .heading .text02 span.txtfade03 { -moz-transition-delay: 200ms; -webkit-transition-delay: 200ms; -o-transition-delay: 200ms; -ms-transition-delay: 200ms; } .about-section01 .text-wrap .heading .text02 span.txtfade04 { -moz-transition-delay: 300ms; -webkit-transition-delay: 300ms; -o-transition-delay: 300ms; -ms-transition-delay: 300ms; } .about-section01 .text-wrap .heading .text02 span.txtfade05 { -moz-transition-delay: 400ms; -webkit-transition-delay: 400ms; -o-transition-delay: 400ms; -ms-transition-delay: 400ms; } .about-section01 .text-wrap .heading .text02 span.txtfade06 { -moz-transition-delay: 500ms; -webkit-transition-delay: 500ms; -o-transition-delay: 500ms; -ms-transition-delay: 500ms; } .about-section01 .text-wrap .heading .text02 span.txtfade07 { -moz-transition-delay: 600ms; -webkit-transition-delay: 600ms; -o-transition-delay: 600ms; -ms-transition-delay: 600ms; } .about-section01 .text-wrap .heading .text02 span.txtfade08 { -moz-transition-delay: 700ms; -webkit-transition-delay: 700ms; -o-transition-delay: 700ms; -ms-transition-delay: 700ms; } .about-section01 .text-wrap .heading .text02 span.txtfade09 { -moz-transition-delay: 800ms; -webkit-transition-delay: 800ms; -o-transition-delay: 800ms; -ms-transition-delay: 800ms; } .about-section01 .text-wrap .heading .text02 span.txtfade10 { -moz-transition-delay: 900ms; -webkit-transition-delay: 900ms; -o-transition-delay: 900ms; -ms-transition-delay: 900ms; } .about-section01 .text-wrap .img-wrap { width: 87%; margin: 0 auto; margin-top: 50px; } .about-section01 .text-wrap .img-wrap img { height: auto; } .bg-illust_about02, .bg-illust_about03 { position: absolute; top: -30px; width: 11%; } .bg-illust_about02 img, .bg-illust_about03 img { height: auto; } .bg-illust_about02 { left: 30px; } .bg-illust_about03 { right: 30px; } .text-wrap_about01 { width: 100%; max-width: 800px; margin: 0 auto; } .text-wrap_about01 .text { margin: 0; } .text-wrap_about01 .text.text02 { margin-top: 2em; } .text-wrap_about01 .text .c-or { font-size: 1.375rem; font-weight: 500; } .text-wrap_about02 { background: #fff; margin-top: 40px; padding: 25px 50px 45px; } .text-wrap_about02 .heading { font-size: 1.375rem; font-weight: 300; letter-spacing: 0.1em; margin: 0; margin-bottom: 1em; padding-bottom: 0.7em; border-bottom: 1px solid #333; } .text-wrap_about02 .heading .step { position: relative; top: -1.5px; font-size: 1rem; color: #fff; line-height: 1; letter-spacing: 0.1em; display: inline-block; background: #dc6100; margin-right: 0.8em; padding: 0.4em 1em; } .text-wrap_about02 .text { margin: 0; } .text-wrap_about02 .text.text02 { margin-top: 1.5em; } .text-wrap_about02 .text.text03 { margin-bottom: 1.5em; } .text-wrap_about02 .img-wrap img { height: auto; } .btn-wrap_about01 .link-btn01 { margin-top: 0; padding: 0.7em 1.5em; border-radius: 31px; } @media screen and (min-width: 376px) { .about-section01 .text-wrap .img-wrap .theme_sp { display: none; } } @media screen and (max-width: 1300px) { .about-section01 .text-wrap .heading .text01 { font-size: 2.5rem; } .about-section01 .text-wrap .heading .text01 .c-or { bottom: -5px; right: -11px; font-size: 4.6875rem; } .about-section01 .text-wrap .heading .text02 { font-size: 3.125rem; } } @media screen and (max-width: 1200px) { .about-section01 .text-wrap .heading .text01 { font-size: 2.1875rem; } .about-section01 .text-wrap .heading .text01 .c-or { bottom: -4px; right: -9px; font-size: 4.375rem; } .about-section01 .text-wrap .heading .text02 { font-size: 2.8125rem; } } @media screen and (max-width: 1100px) { .about-section01 .text-wrap .heading .text01 { font-size: 1.875rem; } .about-section01 .text-wrap .heading .text01 .c-or { right: -8px; font-size: 4.0625rem; } .about-section01 .text-wrap .heading .text02 { font-size: 2.5rem; } .about-section01 .text-wrap .img-wrap { width: 100%; } } @media screen and (max-width: 1024px) { .about-section01 .text-wrap .heading .text01 { font-size: 1.5625rem; } .about-section01 .text-wrap .heading .text01 .c-or { right: -6px; font-size: 3.75rem; } .about-section01 .text-wrap .heading .text02 { font-size: 2.1875rem; } } @media screen and (max-width: 900px) { .about-section01 .text-wrap { padding-right: 20px; } .about-section01 .text-wrap .heading .text01 { font-size: 1.375rem; } .about-section01 .text-wrap .heading .text01 .c-or { right: -5px; font-size: 3.4375rem; } .about-section01 .text-wrap .heading .text02 { font-size: 1.875rem; } } @media screen and (max-width: 768px) { .img-section_about { height: 300px; } .img-section_about .text-wrap { bottom: -85px; padding: 20px; } .img-section_about .text-wrap .text { font-size: 1.125rem; } .about-section01 { padding-top: 130px; padding-bottom: 70px; } .about-section01 .row > div { margin: 0; } .about-section01 .text-wrap { padding-left: 20px; } .about-section01 .text-wrap .heading { display: table; margin: 0 auto; } .about-section01 .text-wrap .img-wrap { max-width: 450px; margin: 0 auto; margin-top: 35px; } .about-section01 .img-wrap_about01 { margin-top: 60px; width: 95%; } .bg-illust_about02, .bg-illust_about03 { top: -15px; width: 15%; } .bg-illust_about02 { left: 15px; } .bg-illust_about03 { right: 15px; } .text-wrap_about01 .text .c-or { font-size: 1.25rem; } .text-wrap_about02 { margin-top: 30px; padding: 25px 20px 35px; } .text-wrap_about02 .heading { font-size: 1.25rem; } .text-wrap_about02 .heading .step { top: auto; font-size: 0.875rem; display: table; margin-right: 0; margin-bottom: 0.6em; } .btn-wrap_about01 .row > div { margin: 0; margin-bottom: 20px; } .btn-wrap_about01 .row > div:last-child { margin-bottom: 0; } .btn-wrap_about01 .link-btn01 { font-size: 1rem; border-radius: 25px; } } @media screen and (max-width: 568px) { .img-section_about { height: 250px; } .img-section_about .text-wrap { bottom: -110px; } .img-section_about .text-wrap .text { font-size: 1rem; } } @media screen and (max-width: 480px) { .img-section_about .text-wrap { bottom: -170px; } .about-section01 { padding-top: 190px; } .about-section01 .text-wrap .heading .text01 { font-size: 1.25rem; } .about-section01 .text-wrap .heading .text01 .c-or { bottom: -3px; right: -6px; font-size: 3.125rem; } .about-section01 .text-wrap .heading .text02 { font-size: 1.5625rem; } .bg-illust_about02, .bg-illust_about03 { width: 20%; } .text-wrap_about01 .text .c-or { font-size: 1.125rem; } .text-wrap_about02 { padding: 25px 15px 30px; } .text-wrap_about02 .heading { font-size: 1.125rem; } .text-wrap_about02 .heading .step { font-size: 0.75rem; } } @media screen and (max-width: 375px) { .about-section01 .bg { width: 65%; } .about-section01 .text-wrap .heading .text01 { font-size: 1.125rem; } .about-section01 .text-wrap .heading .text01 .c-or { right: -5px; font-size: 2.8125rem; } .about-section01 .text-wrap .heading .text02 { font-size: 1.375rem; } .about-section01 .text-wrap .img-wrap { max-width: 125px; } .about-section01 .text-wrap .img-wrap .theme_pc { display: none; } } /*--------------------------------------------------------------------------- page service ---------------------------------------------------------------------------*/ .section_service-list { position: relative; } .section_service-list .bg-illust { position: absolute; } .section_service-list .bg-illust img { height: auto; } .section_service-list.section_service-list01 .bg-illust01 { top: 20%; left: 3.5%; width: 25%; } .section_service-list.section_service-list01 .bg-illust02 { top: 17%; right: 16%; width: 9%; } .section_service-list.section_service-list01 .bg-illust03 { bottom: 3.5%; right: 7%; width: 20%; } .section_service-list.section_service-list02 .bg-illust01 { top: 5%; right: 3.5%; width: 25%; } .section_service-list.section_service-list02 .bg-illust02 { bottom: -12%; left: 2%; width: 27%; } .section_service-list.section_service-list03 .bg-illust01 { top: 10%; right: 3%; width: 30%; } ul.service-list02, ul.service-list02 > li { display: block; margin: 0; } ul.service-list02 { list-style: none; padding: 0; } ul.service-list02 > li { border-top: 1px solid #dc6100; } ul.service-list02 > li:last-child { border-bottom: 1px solid #dc6100; } ul.service-list02 > li a { position: relative; font-size: 1.125rem; font-weight: 400; text-decoration: none; color: #333; display: block; padding: 1.5em 0; padding-left: 50px; -webkit-transition: all 0.4s; transition: all 0.4s; } ul.service-list02 > li a:before { position: absolute; top: 50%; left: 0; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); content: ""; width: 35px; height: 35px; display: block; background: transparent url(../images/common/icon_arrow01.svg) no-repeat center center/contain; } ul.service-list02 > li a:hover { opacity: 0.7; } @media screen and (max-width: 768px) { .section_service-list.section_service-list01 .bg-illust01 { width: 40%; } .section_service-list.section_service-list01 .bg-illust02 { width: 15%; } .section_service-list.section_service-list01 .bg-illust03 { width: 30%; } .section_service-list.section_service-list02 .bg-illust01 { width: 40%; } .section_service-list.section_service-list02 .bg-illust02 { width: 45%; } .section_service-list.section_service-list03 .bg-illust01 { width: 45%; } ul.service-list02 > li a { font-size: 1rem; padding-left: 45px; } ul.service-list02 > li a:before { width: 30px; height: 30px; } } /*--------------------------------------------------------------------------- page service corporate ---------------------------------------------------------------------------*/ .feature-wrap01 { margin-top: 40px; } .feature-wrap01 .img-wrap img { height: auto; } .feature-wrap01 .text-wrap .heading_num02 { margin-top: 0; margin-bottom: 1em; } .item-wrap01 ul.list_col3, .item-wrap01 ul.list_col4, .item-wrap02 ul.list_col3, .item-wrap02 ul.list_col4 { text-align: center; } .item-wrap01 .item, .item-wrap02 .item { position: relative; color: #fff; text-align: center !important; letter-spacing: 0.1em; width: 100%; margin: 0; padding: 0.95em 1em; background: #dc6100; border-radius: 27px; } .item-wrap02 ul.list_col3, .item-wrap02 ul.list_col4 { text-align: left; } .price-table-wrap .text { margin: 0; } .price-table-wrap .text.text01 { margin-bottom: 2em; } .price-table-wrap .text.text02 { margin-top: 2em; } .price-table-wrap ul.list_caution { margin-top: 40px; } .price-table-wrap.price-table-wrap02 { margin-top: 50px; } .price-table-wrap.price-table-wrap03 table.table_type02 th, .price-table-wrap.price-table-wrap03 table.table_type02 td { width: 25%; } .text_service { line-height: 2; margin-top: 0; margin-bottom: 0; } .text_service.text_service01 { text-align: center; margin-top: 4em; margin-left: auto; margin-right: auto; } .text_service.text_service02 { font-size: 1.25rem; text-align: center; line-height: 1.6; letter-spacing: 0.1em; margin-top: 1.5em; margin-bottom: 1em; margin-left: auto; margin-right: auto; } .text_service.text_service02 .c-or { font-size: 1.875rem; font-weight: 500; display: inline-block; } @media screen and (min-width: 769px) { .feature-wrap01 .row { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .text_service.text_service02 .c-or { margin-left: 0.2em; } } @media screen and (max-width: 768px) { .feature-wrap01 .row > div { margin: 0; } .feature-wrap01 .img-wrap { max-width: 300px; margin: 0 auto; } .feature-wrap01 .text-wrap { margin-top: 30px; } .price-table-wrap ul.list_caution { margin-top: 30px; } .price-table-wrap.price-table-wrap02 { margin-top: 40px; } .price-table-wrap.price-table-wrap03 { overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; margin-top: 30px; } .price-table-wrap.price-table-wrap03 table { width: 100%; } .text_service.text_service02 { font-size: 1.125rem; } .text_service.text_service02 .c-or { font-size: 1.5625rem; } } @media screen and (max-width: 568px) { .item-wrap01 ul.list_col3 > li, .item-wrap01 ul.list_col4 > li { margin-bottom: 20px; } .item-wrap01 ul.list_col3 > li:last-child, .item-wrap01 ul.list_col4 > li:last-child { margin-bottom: 0; } } /*--------------------------------------------------------------------------- page service inheritance ---------------------------------------------------------------------------*/ .img-wrap_flow-chart img { height: auto; } .measures-wrap01 .box { position: relative; border: 1px solid #e6e6e6; } .measures-wrap01 .box .heading { font-size: 1.25rem; font-weight: 500; color: #fff; text-align: center; margin: 0; padding: 0.7em 1em; } .measures-wrap01 .box .box-inner { padding: 40px 20px; } .measures-wrap01 .box .img-wrap img { height: auto; } .measures-wrap01 .box .text01 { font-size: 1.125rem; font-weight: 500; text-align: center; margin: 0 auto; margin-top: 1.5em; } .measures-wrap01 .box .text02 { line-height: 1.67; margin: 0; margin-top: 0.5em; } .measures-wrap01 .box .heading_brd-l01 { font-size: 1.125rem; font-weight: 500; margin-top: 1.5em; margin-bottom: 1em; } .measures-wrap01 .box.box_before .heading { background: #666; } .measures-wrap01 .box.box_before .heading_brd-l01 { border-left: 8px solid #666; } .measures-wrap01 .box.box_before:after { position: absolute; content: ""; display: block; } .measures-wrap01 .box.box_after .heading { background: #dc6100; } @media screen and (min-width: 769px) { .measures-wrap01 > .row > div:first-child { margin-right: 40px; } .measures-wrap01 > .row > div:last-child { margin-left: 40px; } .measures-wrap01 .box { height: 100%; } .measures-wrap01 .box.box_before:after { top: 50%; right: -73px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); width: 60px; height: 100px; background: transparent url(../images/page/arrow_measures.svg) no-repeat center center/cover; } } @media screen and (max-width: 768px) { .measures-wrap01 > .row > div { margin: 0; } .measures-wrap01 .box { height: 100%; } .measures-wrap01 .box .heading { font-size: 1.125rem; } .measures-wrap01 .box .img-wrap { max-width: 400px; margin: 0 auto; } .measures-wrap01 .box .text01, .measures-wrap01 .box .heading_brd-l01 { font-size: 1.0625rem; } .measures-wrap01 .box .box-inner .row > div { margin: 0; } .measures-wrap01 .box.box_before:after { bottom: -73px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 100px; height: 60px; background: transparent url(../images/page/arrow_measures_sp.svg) no-repeat center center/cover; } .measures-wrap01 .box.box_after { margin-top: 80px; } } /*--------------------------------------------------------------------------- page office guide ---------------------------------------------------------------------------*/ .section_office-guide { position: relative; } .section_office-guide .img-wrap { position: relative; z-index: 2; } .section_office-guide .img-wrap img { height: auto; } .section_office-guide .bg-illust { position: absolute; z-index: 1; } .section_office-guide.section_office-guide01 .bg-illust { top: -30%; right: -17%; width: 37%; } .section_office-guide.section_office-guide02 { margin-top: 130px; } .section_office-guide.section_office-guide02 .bg-illust { bottom: 38%; left: 16%; width: 53%; } .section_office-guide.section_office-guide02 .text-wrap .text { position: relative; font-size: 1.125rem; line-height: 2; margin: 0; z-index: 3; } .section_office-guide.section_office-guide02 .text-wrap .img-wrap_building { position: relative; top: -15px; right: -80px; max-width: 400px; margin: 0 0 0 auto; } .tour-wrap01 { margin-top: 50px; } .tour-wrap01 .video-wrap { position: relative; width: 100%; background: #f5f5f5; } .tour-wrap01 .video-wrap:before { content: ""; display: block; padding-top: 56.25%; } .tour-wrap01 .video-wrap:before iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .tour-wrap01 .heading_num01 { font-size: 1rem; letter-spacing: 0; border-bottom: 1px solid #333; padding-left: 45px; } .tour-wrap01 .heading_num01 .num { top: 4px; font-size: 2.8125rem; } .point-list-wrap01 { position: relative; margin-top: 80px; z-index: 1; } .point-list-wrap01 ul.list_col3 { text-align: center; } .point-list-wrap01 ul.list_col3 > li { text-align: left; margin: 1.5%; } .point-list-wrap01 .box { position: relative; border: 1px solid #333; padding: 35px 20px; padding-left: 90px; min-height: 150px; } .point-list-wrap01 .box:after { position: absolute; top: -1px; left: 20px; content: ""; width: 150px; height: 2px; display: block; background: #dc6100; } .point-list-wrap01 .box .label { position: absolute; top: 20px; left: 5px; font-size: 4.0625rem; font-style: italic; text-align: center; color: #dc6100; line-height: 1; margin: 0; } .point-list-wrap01 .box .label .sub { font-size: 0.875rem; font-style: normal; letter-spacing: 0.1em; display: block; padding-left: 1.5em; } .point-list-wrap01 .box .text { margin: 0; } .section_overview01 { position: relative; } .section_overview01 .bg-illust { position: absolute; top: -5%; left: -10%; width: 34%; } .section_overview01 .bg-illust img { height: auto; } .section_overview01 .overview-wrap01 { padding: 50px; background: #fff; } .section_access01 { position: relative; } .section_access01 .map-wrap { line-height: 0; } .section_access01 .map-wrap iframe { width: 100%; height: 400px; display: block; } .section_access01 .route-wrap { margin-top: 60px; } .section_access01 .route-wrap ul.list_col3, .section_access01 .route-wrap ul.list_col4 { text-align: center; } .section_access01 .route-wrap ul.list_col3 > li, .section_access01 .route-wrap ul.list_col4 > li { margin: 2%; } .section_access01 .route-wrap ul.list_col3 > li .img-wrap, .section_access01 .route-wrap ul.list_col4 > li .img-wrap { position: relative; width: 100%; background: #f5f5f5; } .section_access01 .route-wrap ul.list_col3 > li .img-wrap:before, .section_access01 .route-wrap ul.list_col4 > li .img-wrap:before { content: ""; display: block; padding-top: 71%; } .section_access01 .route-wrap ul.list_col3 > li .img-wrap img, .section_access01 .route-wrap ul.list_col4 > li .img-wrap img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: 100%; -o-object-fit: cover; object-fit: cover; } .section_access01 .route-wrap ul.list_col3 > li .img-wrap:after, .section_access01 .route-wrap ul.list_col4 > li .img-wrap:after { position: absolute; content: ""; width: 0; height: 0; border-style: solid; display: block; } .section_access01 .route-wrap ul.list_col3 > li .text, .section_access01 .route-wrap ul.list_col4 > li .text { text-align: center; margin: 0 auto; margin-top: 0.7em; } .section_access01 .route-wrap ul.list_col3 > li:first-child .img-wrap:after, .section_access01 .route-wrap ul.list_col4 > li:first-child .img-wrap:after { display: none; } @media screen and (min-width: 569px) { .section_access01 .route-wrap ul.list_col3 > li .img-wrap:after, .section_access01 .route-wrap ul.list_col4 > li .img-wrap:after { top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); border-width: 8.5px 0 8.5px 15px; border-color: transparent transparent transparent #dc6100; } .section_access01 .route-wrap ul.list_col3 > li .img-wrap:after { left: -22px; } .section_access01 .route-wrap ul.list_col4 > li .img-wrap:after { left: -27px; } } @media screen and (min-width: 769px) { .section_office-guide.section_office-guide02 .row > div:first-child { margin-right: 50px; } .section_office-guide.section_office-guide02 .row > div:last-child { margin-left: 50px; } .section_office-guide.section_office-guide02 .text-wrap { margin-top: 65px; } .tour-wrap01 .row { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tour-wrap01 .heading_num01 { margin: 0; } } @media screen and (min-width: 1025px) { .point-list-wrap01 ul.list_col3 > li { width: 31.3%; } .point-list-wrap01 ul.list_col3 > li:nth-child(1), .point-list-wrap01 ul.list_col3 > li:nth-child(4), .point-list-wrap01 ul.list_col3 > li:nth-child(7) { margin-left: 0; } .point-list-wrap01 ul.list_col3 > li:nth-child(3), .point-list-wrap01 ul.list_col3 > li:nth-child(6), .point-list-wrap01 ul.list_col3 > li:nth-child(9), .point-list-wrap01 ul.list_col3 > li:last-child { margin-right: 0; } .section_access01 { position: relative; } .section_access01 .map-wrap { line-height: 0; } .section_access01 .map-wrap iframe { width: 100%; height: 400px; display: block; } .section_access01 .route-wrap { margin-top: 60px; } .section_access01 .route-wrap ul.list_col3 > li { width: 30.6%; } .section_access01 .route-wrap ul.list_col3 > li:nth-child(1), .section_access01 .route-wrap ul.list_col3 > li:nth-child(4), .section_access01 .route-wrap ul.list_col3 > li:nth-child(7) { margin-left: 0; } .section_access01 .route-wrap ul.list_col3 > li:nth-child(3), .section_access01 .route-wrap ul.list_col3 > li:nth-child(6), .section_access01 .route-wrap ul.list_col3 > li:nth-child(9), .section_access01 .route-wrap ul.list_col3 > li:last-child { margin-right: 0; } .section_access01 .route-wrap ul.list_col4 > li { width: 22%; } .section_access01 .route-wrap ul.list_col4 > li:nth-child(1), .section_access01 .route-wrap ul.list_col4 > li:nth-child(5), .section_access01 .route-wrap ul.list_col4 > li:nth-child(9) { margin-left: 0; } .section_access01 .route-wrap ul.list_col4 > li:nth-child(4), .section_access01 .route-wrap ul.list_col4 > li:nth-child(8), .section_access01 .route-wrap ul.list_col4 > li:nth-child(12), .section_access01 .route-wrap ul.list_col4 > li:last-child { margin-right: 0; } } @media screen and (min-width: 569px) and (max-width: 1024px) { .point-list-wrap01 ul.list_col3 > li { width: 48.5%; } .point-list-wrap01 ul.list_col3 > li:nth-child(odd) { margin-left: 0; } .point-list-wrap01 ul.list_col3 > li:nth-child(even), .point-list-wrap01 ul.list_col3 > li:last-child { margin-right: 0; } .section_access01 { position: relative; } .section_access01 .map-wrap { line-height: 0; } .section_access01 .map-wrap iframe { width: 100%; height: 400px; display: block; } .section_access01 .route-wrap ul.list_col3 > li, .section_access01 .route-wrap ul.list_col4 > li { margin: 3%; width: 44%; } } @media screen and (max-width: 1024px) { .point-list-wrap01 .box { min-height: 155px; } .section_access01 .route-wrap ul.list_col3 > li .img-wrap:after { left: -29px; } .section_access01 .route-wrap ul.list_col4 > li .img-wrap:after { left: -30px; } } @media screen and (max-width: 768px) { .section_office-guide.section_office-guide01 .bg-illust { width: 60%; } .section_office-guide.section_office-guide02 { margin-top: 70px; } .section_office-guide.section_office-guide02 .row > div { margin: 0; } .section_office-guide.section_office-guide02 .bg-illust { bottom: -5%; left: 0; width: 70%; } .section_office-guide.section_office-guide02 .img-wrap_building01 { margin: 0 auto; margin-top: 50px; max-width: 450px; } .section_office-guide.section_office-guide02 .text-wrap .text { font-size: 1rem; } .section_office-guide.section_office-guide02 .text-wrap .img-wrap_building02 { right: auto; margin: 0 auto; max-width: 400px; } .tour-wrap01 .row { display: -ms-grid; display: grid; } .tour-wrap01 .row > div { margin: 0; } .tour-wrap01 .heading_num01 { margin-top: 0; } .section_overview01 .bg-illust { width: 50%; } .section_overview01 .overview-wrap01 { padding: 40px 20px; } .section_access01 .map-wrap iframe { height: 300px; } .section_access01 .route-wrap ul.list_col3 > li .img-wrap:after { left: -26px; } .section_access01 .route-wrap ul.list_col4 > li .img-wrap:after { left: -27px; } } @media screen and (max-width: 568px) { .tour-wrap01 .heading_num01 { padding-left: 40px; } .tour-wrap01 .heading_num01 .num { top: 6px; font-size: 2.5rem; } .point-list-wrap01 ul.list_col3 > li { margin: 0; margin-bottom: 20px; } .point-list-wrap01 ul.list_col3 > li:last-child { margin-bottom: 0; } .point-list-wrap01 .box { min-height: 115px; } .section_access01 .route-wrap ul.list_col3 > li, .section_access01 .route-wrap ul.list_col4 > li { width: 100%; margin: 0; margin-bottom: 50px; } .section_access01 .route-wrap ul.list_col3 > li .img-wrap:after, .section_access01 .route-wrap ul.list_col4 > li .img-wrap:after { top: -36px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); border-width: 15px 8.5px 0 8.5px; border-color: #dc6100 transparent transparent transparent; } .section_access01 .route-wrap ul.list_col3 > li:last-child, .section_access01 .route-wrap ul.list_col4 > li:last-child { margin-bottom: 0; } } @media screen and (max-width: 480px) { .tour-wrap01 { margin-top: 30px; } .tour-wrap01 .heading_num01 { padding-left: 35px; } .tour-wrap01 .heading_num01 .num { top: 11px; font-size: 2.1875rem; } } /*--------------------------------------------------------------------------- page representative ---------------------------------------------------------------------------*/ .profile-wrap01 .img-wrap img { height: auto; } .text_name01 { font-size: 1.875rem; font-weight: 300; line-height: 1; letter-spacing: 0.1em; margin: 0; margin-bottom: 1.3em; } .text_name01 .en { font-size: 1.125rem; letter-spacing: 0.1em; display: inline-block; margin-left: 0.5em; } .text-wrap_profile .text { line-height: 2; margin: 0; } .text-wrap_profile .img-wrap img { height: auto; } .text-wrap_profile.text-wrap_profile01 { margin-top: 100px; } .text-wrap_profile.text-wrap_profile02 .img-wrap_arrow01 { max-width: 140px; margin: 0 auto; margin-top: 20px; } .interview-wrap01 .img-wrap { max-width: 400px; margin: 0 auto; margin-top: 50px; } .interview-wrap01 .img-wrap img { height: auto; } .interview-wrap01 .text { line-height: 2; margin: 0; } .interview-wrap01 .text.text02 { margin-top: 1.5em; } .interview-wrap01 .text_name { font-size: 1.125rem; line-height: 1; text-align: right; margin: 0 0 0 auto; margin-top: 1.5em; } @media screen and (min-width: 769px) { .profile-wrap01 table.table_brd.table_brd_or02 th { width: 31%; } } @media screen and (max-width: 768px) { .profile-wrap01 .row > div { margin: 0; } .profile-wrap01 .img-wrap { max-width: 400px; margin: 0 auto; } .text-wrap_profile.text-wrap_profile01 { margin-top: 70px; } .text_name01 { font-size: 1.5625rem; margin-top: 1.5em; } .text_name01 .en { font-size: 1.0625rem; display: block; margin-left: 0; margin-top: 1em; } } @media screen and (max-width: 480px) { .text_name01 { font-size: 1.375rem; } .text_name01 .en { font-size: 0.875rem; } } /*--------------------------------------------------------------------------- page contact ---------------------------------------------------------------------------*/ .contact-form-section { overflow: hidden; } .contact-form-section .bg-illust { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 117%; height: 117%; } .contact-form-section .bg-illust img { width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; pointer-events: none; } .contact-form-wrap { position: relative; padding: 70px 50px 80px; background: #fff; } .contact-form-wrap .text_contact.text_contact01, .contact-form-wrap .text_contact.text_contact02 { line-height: 2; text-align: center; margin: 0 auto; } .contact-form-wrap .text_contact.text_contact01 { margin-bottom: 3.4375em; } .contact-form-wrap .text_contact.text_contact02 { margin-top: 3em; } .contact-form-wrap .text_contact.text_contact_error { color: #ff0000; } .contact-form-wrap .contact-form .text { position: relative; display: inline-block; } .contact-form-wrap .contact-form .required .text { vertical-align: text-bottom; } .contact-form-wrap .contact-form .required .text:after { font-size: 0.75rem; text-align: center; color: #fff; line-height: 1; content: "必須"; display: inline-block; margin-left: 1.3em; padding: 0.35em 1.25em 0.45em; background: #dc6100; border-radius: 11px; } .contact-form-wrap .contact-form .error-message { color: #ff0000; content: "必須項目に入力してください"; display: block; margin-top: 0.6em; } .contact-form-wrap .contact-form .radio-wrap, .contact-form-wrap .contact-form .radio-wrap label { display: inline-block; } .contact-form-wrap .contact-form .radio-wrap label { margin: 0.3em; margin-right: 1.5em; } .contact-form-wrap .contact-form .radio-wrap label:last-child { margin-right: 0.3em; } .contact-form-wrap .contact-form .btn-wrap { width: 100%; max-width: 800px; margin: 0 auto; margin-top: 60px; } .contact-form-wrap .contact-form .btn-wrap input[type="submit"], .contact-form-wrap .contact-form .btn-wrap .btn_back { position: relative; font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif; font-size: 1.25rem; color: #fff; text-align: center; letter-spacing: 0.1em; width: 100%; max-width: 500px; display: block; margin: 0 auto; padding: 1.62em 1.5em; border-radius: 45px; -webkit-transition: all 0.4s 0s ease; transition: all 0.4s 0s ease; cursor: pointer; } .contact-form-wrap .contact-form .btn-wrap input[type="submit"] { background: #dc6100; border: 1px solid #dc6100; } .contact-form-wrap .contact-form .btn-wrap input[type="submit"]:hover { color: #dc6100; background: #fff; } .contact-form-wrap .contact-form .btn-wrap input[type="submit"].btn_back { background: #555; border: 1px solid #555; } .contact-form-wrap .contact-form .btn-wrap input[type="submit"].btn_back:hover { color: #555; background: #fff; } @media screen and (min-width: 769px) { .contact-form .btn-wrap .row > div:first-child { margin-right: 15px; } .contact-form .btn-wrap .row > div:last-child { margin-left: 15px; } } @media screen and (max-width: 768px) { .contact-form-wrap { padding-top: 40px; padding-bottom: 45px; } .contact-form-wrap .contact-form .btn-wrap.btn-wrap01 { margin-top: 35px; } .contact-form-wrap .contact-form .btn-wrap.btn-wrap02 { margin-top: 15px; } .contact-form-wrap .contact-form .btn-wrap .row > div { margin: 0; margin-top: 20px; } } @media screen and (max-width: 480px) { .contact-form-wrap { padding-left: 20px; padding-right: 20px; } .contact-form-wrap .contact-form .btn-wrap input[type="submit"] { padding: 0.82em 1.5em; border-radius: 30px; } } @media screen and (max-width: 350px) { .contact-form-wrap .contact-form .btn-wrap input[type="submit"] { font-size: 1.125rem; letter-spacing: 0; } } /*--------------------------------------------------------------------------- article ---------------------------------------------------------------------------*/ ul.article-list { margin: 0; display: block; list-style: none; padding: 0; } ul.article-list > li { margin: 0; display: block; border-top: 1px solid #fff; } ul.article-list > li:last-child { border-bottom: 1px solid #fff; } ul.article-list > li a { position: relative; color: #333; text-decoration: none; padding: 40px 0; padding-left: 90px; padding-right: 1em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.4s 0s ease; transition: all 0.4s 0s ease; } ul.article-list > li a:hover { opacity: 0.7; } ul.article-list > li a .date-wrap { font-family: futura-pt, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif; line-height: 1; letter-spacing: 0.1em; position: absolute; top: 50%; left: 0; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); text-align: center; color: #dc6100; margin: 0; } ul.article-list > li a .date-wrap .date { font-family: futura-pt, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif; line-height: 1; letter-spacing: 0.1em; font-weight: 400; display: block; } ul.article-list > li a .date-wrap .date01 { font-size: 0.75rem; } ul.article-list > li a .date-wrap .date02 { font-size: 3rem; margin-top: 0.1em; } ul.article-list > li a ul.icon-list, ul.article-list > li a ul.icon-list > li { display: inline-block; margin: 0; } ul.article-list > li a ul.icon-list { list-style: none; font-size: 0; margin-right: 25px; padding: 0; width: 75px; white-space: nowrap; } ul.article-list > li a ul.icon-list > li { font-size: 1rem; margin-right: 1em; -webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.15)); filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.15)); } ul.article-list > li a ul.icon-list > li:last-child { margin-right: 0; } ul.article-list > li a ul.icon-list > li span { display: block; } ul.article-list > li a ul.icon-list > li .icon_new { width: 40px; height: 16px; background: transparent url(../images/common/icon_new.svg) no-repeat center center/contain; } ul.article-list > li a ul.icon-list > li .icon_dl { width: 19px; height: 20px; background: transparent url(../images/common/icon_dl.svg) no-repeat center center/contain; } .article-wrap01 ul.article-list > li { border-top: 1px solid #dc6100; } .article-wrap01 ul.article-list > li:last-child { border-bottom: 1px solid #dc6100; } .article-wrap01 ul.article-list > li a { padding-left: 80px; } @media screen and (max-width: 768px) { .article-wrap01 ul.article-list > li a { display: block; padding-top: 25px; padding-bottom: 25px; } .article-wrap01 ul.article-list > li ul.icon-list { margin-right: 0; } .article-wrap01 ul.article-list > li .ttl { margin-top: 0.5em; display: block; } } @media screen and (max-width: 480px) { ul.article-list > li a { padding-top: 25px; padding-bottom: 25px; padding-left: 70px; } ul.article-list > li a .date-wrap .date02 { font-size: 2.1875rem; } .article-wrap01 ul.article-list > li a { padding-left: 75px; } } /*--------------------------------------------------------------------------- single ---------------------------------------------------------------------------*/ .post-info-wrap { display: table; } .post-info-wrap .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .post-info-wrap .inner .post-date, .post-info-wrap .inner .icon_new, .post-info-wrap .inner .icon_dl { display: inline-block; } .post-info-wrap .inner .post-date { font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif; font-size: 0.875rem; color: #dc6100; line-height: 1; letter-spacing: 0.1em; margin-right: 2em; } .post-info-wrap .inner .icon_new { font-size: 0.875rem; font-weight: 500; color: #dc6100; text-align: center; line-height: 1; margin-right: 1em; padding: 0.2em 0.5em; background: #fff; border: 1px solid #dc6100; border-radius: 3px; -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.15); box-shadow: 0 0 2px rgba(0, 0, 0, 0.15); } .post-info-wrap .inner .icon_dl { width: 19px; height: 20px; background: transparent url(../images/common/icon_dl.svg) no-repeat center center/contain; -webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.15)); filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.15)); } .post-ttl { font-size: 1.375rem; font-weight: 400; letter-spacing: 0.05em; margin: 0; margin-top: 1.5em; margin-bottom: 2em; } .content-wrap_single *:first-child { margin-top: 0 !important; } .content-wrap_single .eyecatch img { height: auto; } .content-wrap_single p { margin: 0; margin-top: 1.5em; } .btn-wrap_single { display: table; margin: 0 auto; margin-top: 100px; } .btn-wrap_single .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .btn-wrap_single .inner .link-btn01 { font-size: 1rem; color: #dc6100; background: #fff; border: 1px solid #dc6100; border-radius: 25px; margin-top: 0; padding: 0.7em 0.5em; } .btn-wrap_single .inner .link-btn01:hover { color: #fff; background: #dc6100; } .btn-wrap_single .inner .link-btn01.btn_list { width: 200px; margin-left: 20px; margin-right: 20px; } .btn-wrap_single .inner .link-btn01.btn_prev, .btn-wrap_single .inner .link-btn01.btn_next { width: 120px; } @media screen and (max-width: 768px) { .post-ttl { font-size: 1.25rem; } .btn-wrap_single { margin-top: 70px; } .btn-wrap_single .inner .link-btn01 { font-size: 0.875rem; border-radius: 22px; } .btn-wrap_single .inner .link-btn01.btn_list { width: 100px; margin-left: 10px; margin-right: 10px; } .btn-wrap_single .inner .link-btn01.btn_prev, .btn-wrap_single .inner .link-btn01.btn_next { width: 80px; } } @media screen and (max-width: 480px) { .post-ttl { font-size: 1.125rem; } .btn-wrap_single .inner .link-btn01 { font-size: 0.75rem; border-radius: 22px; } .btn-wrap_single .inner .link-btn01.btn_list { width: 90px; } .btn-wrap_single .inner .link-btn01.btn_prev, .btn-wrap_single .inner .link-btn01.btn_next { width: 70px; } } /*--------------------------------------------------------------------------- pagination ---------------------------------------------------------------------------*/ .pagination { margin: 40px auto 0; padding: 0; text-align: center; display: block; } .pagination ul.page-numbers { margin: 0 auto; padding: 0; display: table; } .pagination ul.page-numbers > li { text-decoration: none; margin: 10px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; } .pagination ul.page-numbers > li:first-child { margin-left: 0; } .pagination ul.page-numbers > li:last-child { margin-right: 0; } .pagination ul.page-numbers > li .current { color: #fff; height: 30px; width: 30px; line-height: 28px; border-radius: 50%; display: block; background: #dc6100; } .pagination ul.page-numbers > li a { color: #333; text-decoration: none; display: block; -webkit-transition: all 0.4s; transition: all 0.4s; } .pagination ul.page-numbers > li a:hover { opacity: 0.7; } .pagination ul.page-numbers > li .prev, .pagination ul.page-numbers > li .next { position: relative; } .pagination ul.page-numbers > li .prev::before, .pagination ul.page-numbers > li .next::before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-family: "Font Awesome 5 Free"; font-weight: 900; } .pagination ul.page-numbers > li .prev::before { content: "\f053"; } .pagination ul.page-numbers > li .next::before { content: "\f054"; } @media screen and (max-width: 768px) { .pagination { margin: 30px auto 0; } } @media screen and (max-width: 375px) { .pagination ul.page-numbers > li { margin: 10px; } } /*--------------------------------------------------------------------------- cta ---------------------------------------------------------------------------*/ .cta-section { position: relative; overflow: hidden; } .cta-section .section-inner { position: relative; padding: 210px 0; z-index: 2; } .cta-section .bg { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; pointer-events: none; display: block; } .cta-section:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; background: rgba(0, 0, 0, 0.4); width: 100%; height: 100%; display: block; z-index: 1; } .cta-section .section-heading_top { text-align: center; line-height: 1; text-shadow: 0 0 8px rgba(0, 0, 0, 0.4); margin: 0 auto; } .cta-section .btn-wrap { width: 100%; max-width: 700px; margin: 0 auto; margin-top: 60px; } .cta-section .btn-wrap .row .col-1 { margin: 0; } .cta-section .text-wrap { text-align: center; } .cta-section .text-wrap .heading { font-size: 1.25rem; color: #fff; line-height: 1; letter-spacing: 0.1em; margin: 0 auto; margin-bottom: 1em; } .cta-section .text-wrap .tel { font-family: futura-pt, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif; font-size: 1.125rem; color: #fff; line-height: 1; text-decoration: none; letter-spacing: 0.1em; margin: 0 auto; display: table; -webkit-transition: all 0.4s 0s ease; transition: all 0.4s 0s ease; } .cta-section .text-wrap .tel:hover { text-decoration: underline; opacity: 0.7; } .cta-section .link-btn_arrow01 { color: #fff; margin-top: 0; } .cta-section .link-btn_arrow01:hover { color: #fff; } .cta-section .link-btn_arrow01 .arrow:before { background: #fff; } .cta-section .link-btn_arrow01 .arrow:after { border-top: 1px solid #fff; border-right: 1px solid #fff; } @media screen and (min-width: 769px) { .cta-section .btn-wrap .box { height: 100px; } .cta-section .btn-wrap .box_mail { border-left: 1px dashed #fff; } } @media screen and (min-width: 1025px) { .cta-section .section-heading_top { font-size: 6.25rem; } } @media screen and (max-width: 768px) { .cta-section .section-inner { padding: 100px 0; } .cta-section .btn-wrap { max-width: 300px; } .cta-section .btn-wrap .box_tel { padding-bottom: 30px; } .cta-section .btn-wrap .box_mail { padding-top: 30px; border-top: 1px dashed #fff; } } /*--------------------------------------------------------------------------- go to top ---------------------------------------------------------------------------*/ #page_top { position: fixed; bottom: 20px; right: 20px; z-index: 1; } #page_top a { position: relative; font-size: 1em; background: #dc6100; color: #fff; text-align: center; text-decoration: none; border: 1px solid #dc6100; border-radius: 50%; width: 45px; height: 45px; display: block; opacity: 0.4; -webkit-transition: all 0.4s; transition: all 0.4s; } #page_top a:before { font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: "\f077"; } #page_top a:hover { color: #dc6100; background: #fff; text-decoration: none; } /*--------------------------------------------------------------------------- display ---------------------------------------------------------------------------*/ .pc { display: block !important; } .sp { display: none !important; } @media screen and (max-width: 768px) { .pc { display: none !important; } .sp { display: block !important; } } /*--------------------------------------------------------------------------- layout ---------------------------------------------------------------------------*/ .container600, .container800, .container900, .container1040 { width: 100%; margin: 0 auto; position: relative; } .container600 { max-width: 600px; } .container800 { max-width: 800px; } .container900 { max-width: 900px; } .container1040 { max-width: 1040px; } .aligncenter { display: block; margin: 0 auto; } .center-left { display: table; margin: 0 auto; } .row, .row2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .col-1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .col-2 { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } .col-3 { -webkit-box-flex: 3; -ms-flex: 3; flex: 3; } .col-4 { -webkit-box-flex: 4; -ms-flex: 4; flex: 4; } .col-5 { -webkit-box-flex: 5; -ms-flex: 5; flex: 5; } .col-6 { -webkit-box-flex: 6; -ms-flex: 6; flex: 6; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6 { margin: 0 30px; } .order-1 { -webkit-box-ordinal-group: 1; -ms-flex-order: 1; order: 1; } .order-2 { -webkit-box-ordinal-group: 2; -ms-flex-order: 2; order: 2; } @media screen and (min-width: 569px) { .row2 > div:first-child { margin-left: 0 !important; } .row2 > div:last-child { margin-right: 0 !important; } } @media screen and (min-width: 769px) { .row > div:first-child { margin-left: 0 !important; } .row > div:last-child { margin-right: 0 !important; } .wrap_va-m { display: table; width: 100%; height: 100%; } .wrap_va-m .inner { display: table-cell; vertical-align: middle; } } @media screen and (max-width: 1080px) { .container1040 { padding-left: 20px; padding-right: 20px; } } @media screen and (max-width: 940px) { .container900 { padding-left: 20px; padding-right: 20px; } } @media screen and (max-width: 840px) { .container800 { padding-left: 20px; padding-right: 20px; } } @media screen and (max-width: 768px) { .row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .row .col-1, .row .col-2, .row .col-3, .row .col-4, .row .col-5, .row .col-6 { margin: 20px 0; } .row .order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 2; order: 2; } .row .order-2 { -webkit-box-ordinal-group: 1; -ms-flex-order: 1; order: 1; } } @media screen and (max-width: 640px) { .container600 { padding-left: 20px; padding-right: 20px; } } @media screen and (max-width: 568px) { .row2 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .row2 .col-1, .row2 .col-2, .row2 .col-3, .row2 .col-4, .row2 .col-5, .row2 .col-6 { margin: 20px 0; } .row2 .order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 2; order: 2; } .row2 .order-2 { -webkit-box-ordinal-group: 1; -ms-flex-order: 1; order: 1; } } /*--------------------------------------------------------------------------- background ---------------------------------------------------------------------------*/ .bg_wh { position: relative; background: #fff; } .bg_wh01 { padding: 120px 0; } .bg_wh02 { padding: 300px 0 120px; } .bg_wh03 { padding: 0 0 50px; } .bg_wh04 { padding: 100px 0; } .bg_wh05 { padding: 200px 0 150px; } .bg_wh06 { padding: 100px 0 150px; } .bg_wh07 { padding: 0 0 100px; } .bg_gr { position: relative; background: #f4f4f3; } .bg_gr01 { padding: 100px 0; } .bg_gr02 { padding: 100px 0; } .bg_gr03 { padding: 100px 0 150px; } @media screen and (max-width: 768px) { .bg_wh01 { padding: 70px 0; } .bg_wh02 { padding: 300px 0 70px; } .bg_wh04 { padding: 70px 0; } .bg_wh05 { padding: 150px 0 100px; } .bg_wh06 { padding: 70px 0 100px; } .bg_wh07 { padding: 0 0 70px; } .bg_gr01 { padding: 60px 0; } .bg_gr02 { padding: 70px 0; } .bg_gr03 { padding: 70px 0 100px; } } /*--------------------------------------------------------------------------- text ---------------------------------------------------------------------------*/ .ta-c { text-align: center; } .c-or { color: #dc6100 !important; } .text_marker01 { background: -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(65%, #ffff00)); background: linear-gradient(transparent 65%, #ffff00 65%); font-weight: bold; } .text-wrap01 .text, .text-wrap02 .text { line-height: 2; margin: 0; } .text-wrap01 .text.text02, .text-wrap02 .text.text02 { margin-top: 2em; } .text-wrap01 { margin-top: 80px; } @media screen and (max-width: 768px) { .text-wrap01 { margin-top: 50px; } } /*--------------------------------------------------------------------------- heading ---------------------------------------------------------------------------*/ .heading_mid01 { font-size: 1.375rem; font-weight: 500; text-align: center; margin: 0 auto; margin-top: 2.5em; margin-bottom: 1.5em; } .heading_mid02 { font-size: 1.25rem; font-weight: 500; text-align: center; margin: 0 auto; margin-top: 1em; } .heading_brd01 { position: relative; font-size: 1.25rem; font-weight: 300; text-align: center; margin-top: 4em; margin-bottom: 2em; } .heading_brd01:before { position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); content: ""; width: 100%; height: 1px; display: block; background: #333; } .heading_brd01 .text { position: relative; display: table; margin: 0 auto; padding: 0 1.5em; background: #fff; } .heading_brd-l01 { font-size: 1.375rem; font-weight: 300; margin: 0; margin-top: 3em; margin-bottom: 1.5em; padding-left: 0.9em; border-left: 8px solid #dc6100; } .heading_brd-b01 { position: relative; font-size: 1.5625rem; font-weight: 300; letter-spacing: 0.1em; margin: 0; margin-top: 3em; margin-bottom: 1.5em; padding-bottom: 0.5em; border-bottom: 1px solid #dc6100; } .heading_brd-b02 { position: relative; font-size: 1.25rem; font-weight: 300; letter-spacing: 0.05em; margin: 0; margin-top: 3em; margin-bottom: 1.5em; padding-bottom: 0.5em; border-bottom: 1px solid #e6e6e6; } .heading_brd-b02:after { position: absolute; left: 0; bottom: -1px; content: ""; width: 20%; height: 1px; display: block; background: #dc6100; } .heading_sub01 { font-family: adobe-garamond-pro, "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 4.0625rem; font-weight: 400; color: #dc6100; text-align: center; line-height: 1; letter-spacing: 0.1em; margin: 0 auto; } .heading_sub01 .sub { font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif; font-size: 1.125rem; font-weight: 100; letter-spacing: 0.1em; display: block; margin-top: 1em; } .heading_sub02 { position: relative; font-size: 3.4375rem; font-weight: 300; line-height: 1; display: table; margin: 0; margin-top: 2.5em; margin-bottom: 1em; padding-right: 0.7em; padding-bottom: 0.45em; } .heading_sub02:after { position: absolute; bottom: 0; right: 0; content: ""; width: 2000px; height: 1px; display: block; background: #333; } .heading_sub02 span { display: block; letter-spacing: 0.1em; } .heading_sub02 .text { font-family: futura-pt, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif; font-style: italic; color: #dc6100; } .heading_sub02 .sub { font-size: 1.125rem; margin-top: 1em; } .heading_sub02.ta-c { margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; } .heading_sub02.ta-c:after { right: 50%; -webkit-transform: translate(50%, 0); transform: translate(50%, 0); width: 150px; } .heading_line01 { position: relative; font-size: 1.875rem; font-weight: 300; text-align: center; letter-spacing: 0.1em; margin: 0 auto; padding-bottom: 0.7em; } .heading_line01:after { position: absolute; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); content: ""; width: 150px; height: 1px; display: block; background: #333; } .heading_line01 .c-or { font-size: 2.5rem; display: inline-block; } .heading_num01 { position: relative; font-size: 1.5625rem; font-weight: 300; letter-spacing: 0.1em; margin: 0; margin-top: 3em; margin-bottom: 1.5em; padding-top: 1.2em; padding-bottom: 0.5em; padding-left: 85px; border-bottom: 1px solid #dc6100; } .heading_num01 .num { position: absolute; top: 14px; left: 0; font-family: futura-pt, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif; font-size: 3.75rem; font-weight: 300; font-style: italic; color: #dc6100; letter-spacing: 0.05em; line-height: 1; } .heading_num01.heading_num_bg, .heading_num01.heading_num_bg02 { background: #fff; padding-right: 0.5em; } .heading_num01.heading_num_bg:before, .heading_num01.heading_num_bg02:before { position: absolute; top: 0; bottom: 0; right: 100%; content: ""; width: 100%; height: 100%; display: block; background: #fff; } .heading_num01.heading_num_bg02 { padding-top: 0.5em; padding-left: 0; } .heading_num02 { position: relative; font-size: 1.125rem; font-weight: 400; letter-spacing: 0.1em; margin: 0; margin-top: 2.5em; margin-bottom: 1.5em; padding-left: 35px; } .heading_num02 .num { position: absolute; top: 2.5px; left: 0; font-size: 1rem; color: #fff; text-align: center; line-height: 23px; letter-spacing: 0; width: 25px; height: 25px; display: block; border-radius: 50%; background: #dc6100; } @media screen and (max-width: 1024px) { .heading_sub01 { font-size: 3.4375rem; } } @media screen and (max-width: 768px) { .heading_mid01 { font-size: 1.25rem; } .heading_mid02 { font-size: 1.125rem; } .heading_brd01 { font-size: 1.125rem; } .heading_brd-l01 { font-size: 1.25rem; } .heading_brd-b01 { font-size: 1.375rem; } .heading_sub01 { font-size: 2.8125rem; } .heading_sub01 .sub { font-size: 1.0625rem; } .heading_sub02 { font-size: 2.8125rem; } .heading_sub02 .sub { font-size: 1rem; } .heading_line01 { font-size: 1.5625rem; } .heading_line01 .c-or { font-size: 2.1875rem; } .heading_num01 { font-size: 1.375rem; padding-left: 70px; } .heading_num01 .num { font-size: 3.125rem; } } @media screen and (max-width: 568px) { .heading_brd-b01 { font-size: 1.25rem; } .heading_line01 { font-size: 1.375rem; } .heading_line01 .c-or { font-size: 1.875rem; } .heading_num01 { font-size: 1.25rem; padding-left: 55px; } .heading_num01 .num { top: 16px; font-size: 2.5rem; } } @media screen and (max-width: 480px) { .heading_mid01 { font-size: 1.125rem; } .heading_mid02 { font-size: 1.0625rem; } .heading_brd-l01 { font-size: 1.125rem; } .heading_brd-b02 { font-size: 1.125rem; } .heading_brd-b01 { font-size: 1.125rem; } .heading_sub01 { font-size: 2.5rem; } .heading_sub01 .sub { font-size: 1rem; } .heading_sub02 { font-size: 2.5rem; } .heading_line01 { font-size: 1.25rem; } .heading_line01 .c-or { font-size: 1.5625rem; } .heading_num01 { font-size: 1.125rem; padding-left: 50px; } .heading_num01 .num { font-size: 2.1875rem; } .heading_num02 { font-size: 1.0625rem; padding-left: 30px; } .heading_num02 .num { top: 3.5px; font-size: 0.875rem; line-height: 21px; width: 23px; height: 23px; } } @media screen and (max-width: 375px) { .heading_sub02 { font-size: 2.1875rem; } .heading_sub02 .sub { font-size: 0.875rem; } } @media screen and (max-width: 350px) { .heading_sub01 { font-size: 2.1875rem; } } /*--------------------------------------------------------------------------- link ---------------------------------------------------------------------------*/ .link-btn01 { position: relative; font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif; font-size: 1.25rem; color: #fff; text-align: center; text-decoration: none; letter-spacing: 0.1em; width: 100%; max-width: 500px; display: block; margin: 0 auto; margin-top: 60px; padding: 1.62em 1.5em; background: #dc6100; border: 1px solid #dc6100; border-radius: 45px; -webkit-transition: all 0.4s 0s ease; transition: all 0.4s 0s ease; cursor: pointer; } .link-btn01:hover { color: #dc6100; background: #fff; } .link-btn_arrow01 { position: relative; font-family: futura-pt, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif; font-size: 1.125rem; color: #dc6100; line-height: 1; letter-spacing: 0.1em; text-decoration: none; display: table; margin: 0 auto; margin-top: 2em; padding-right: 30px; -webkit-transition: all 0.4s 0s ease; transition: all 0.4s 0s ease; } .link-btn_arrow01:hover { color: #dc6100; opacity: 0.7; } .link-btn_arrow01 .arrow { position: absolute; top: 50%; right: 0; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); width: 19px; display: block; -webkit-transition: all 0.4s 0s ease; transition: all 0.4s 0s ease; } .link-btn_arrow01:hover .arrow { right: -5px; width: 24px; } .link-btn_arrow01 .arrow:before, .link-btn_arrow01 .arrow:after { position: absolute; top: 50%; right: 0; content: ""; display: block; } .link-btn_arrow01 .arrow:before { left: 0; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); width: 100%; height: 1px; background: #dc6100; } .link-btn_arrow01 .arrow:after { -webkit-transform: translate(0, -50%) rotate(45deg); transform: translate(0, -50%) rotate(45deg); width: 10px; height: 10px; border-top: 1px solid #dc6100; border-right: 1px solid #dc6100; } .link-bnr01 { position: relative; font-size: 1.125rem; font-weight: 400; color: #fff; text-decoration: none; display: block; margin-top: 30px; padding: 0.6em 1.5em; padding-right: 30px; background: #dc6100; border-radius: 10px; -webkit-transition: all 0.4s; transition: all 0.4s; } .link-bnr01:after { position: absolute; top: 50%; right: 15px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f054"; -webkit-transition: all 0.4s; transition: all 0.4s; } .link-bnr01:hover { color: #fff; opacity: 0.7; } .link-bnr01:hover:after { right: 12px; } .anchor-link { position: relative; display: block; } .anchor-link.anchor-link01 { top: -100px; } @media screen and (max-width: 768px) { .link-btn01 { margin-top: 35px; } .link-bnr01 { font-size: 1rem; margin-top: 25px; } } @media screen and (max-width: 480px) { .link-btn_arrow01 { font-size: 1rem; } .link-btn01 { margin-top: 35px; padding: 0.82em 1.5em; border-radius: 30px; } } @media screen and (max-width: 350px) { .link-btn01 { font-size: 1.125rem; letter-spacing: 0; } } /*--------------------------------------------------------------------------- image ---------------------------------------------------------------------------*/ .img-wrap { line-height: 0; } .img-wrap img { width: 100%; display: block; pointer-events: none; } .simpleParallax { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } /*--------------------------------------------------------------------------- list ---------------------------------------------------------------------------*/ ul.list_col3 { list-style: none; font-size: 0; margin: 0; padding: 0; display: inline-block; width: 100%; vertical-align: top; } ul.list_col3 > li { font-size: 1rem; margin: 2.5%; display: inline-block; vertical-align: top; } ul.list_col4 { list-style: none; font-size: 0; margin: 0; padding: 0; display: inline-block; width: 100%; vertical-align: top; } ul.list_col4 > li { font-size: 1rem; margin: 1%; display: inline-block; vertical-align: top; } ul.list_circle { list-style: none; margin: 0; padding: 0; display: block; } ul.list_circle > li { position: relative; margin: 0; margin-bottom: 0.5em; padding-left: 1.2em; display: block; } ul.list_circle > li:last-child { margin-bottom: 0; } ul.list_circle > li:before { position: absolute; top: 9px; left: 0; content: ""; width: 10px; height: 10px; border-radius: 50%; background: #dc6100; } ul.list_arrow, ul.list_arrow > li { margin: 0; display: block; } ul.list_arrow { list-style: none; margin-top: 50px; padding: 0; } ul.list_arrow > li { position: relative; margin-bottom: 2em; padding-bottom: 45px; } ul.list_arrow > li:after { position: absolute; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); content: ""; width: 0; height: 0; border-style: solid; border-width: 15px 40px 0 40px; border-color: #dc6100 transparent transparent transparent; } ul.list_arrow > li:last-child { margin-bottom: 0; padding-bottom: 0; } ul.list_arrow > li:last-child:after { display: none; } ul.list_arrow > li .heading_num02 { margin-top: 0; margin-bottom: 0; } ul.list_arrow > li .text { line-height: 2; margin: 0; } ul.list_arrow > li .text.text02 { margin-top: 0.5em; } ul.list_arrow > li ul.list_circle { margin-top: 1em; } ul.list_qa, ul.list_qa > li { margin: 0; display: block; } ul.list_qa { list-style: none; margin-top: 50px; padding: 0; } ul.list_qa > li { margin-bottom: 50px; } ul.list_qa > li .heading { font-size: 1.125rem; font-weight: 400; margin: 0; padding: 0.15em 0; } ul.list_qa > li .heading:before { top: 0; content: "Q"; color: #fff; background: #dc6100; } ul.list_qa > li .content { margin-top: 15px; padding-top: 15px; border-top: 1px solid #ccc; } ul.list_qa > li .content:before { top: 13px; content: "A"; color: #dc6100; background: #fff; border: 1px solid #dc6100; } ul.list_qa > li .content .text { margin: 0; } ul.list_qa > li .heading, ul.list_qa > li .content { position: relative; padding-left: 50px; } ul.list_qa > li .heading:before, ul.list_qa > li .content:before { position: absolute; left: 0; width: 35px; height: 35px; display: block; border-radius: 50%; font-size: 1.125rem; font-weight: 300; text-align: center; line-height: 31px; } ul.list_qa > li:last-child { margin-bottom: 0; } ul.list_caution { list-style: none; margin: 0; padding: 0; display: block; } ul.list_caution > li { position: relative; margin: 0; margin-bottom: 0.5em; padding-left: 1.2em; display: block; } ul.list_caution > li:last-child { margin-bottom: 0; } ul.list_caution > li:before { position: absolute; top: 0; left: 0; content: "※"; } ul.list_num, ul.list_num > li { margin: 0; display: block; } ul.list_num { list-style: none; padding: 0; } ul.list_num > li { position: relative; font-size: 1.125rem; font-weight: 400; letter-spacing: 0.1em; margin: 0; margin-bottom: 1em; padding-left: 35px; } ul.list_num > li:last-child { margin-bottom: 0; } ul.list_num > li .num { position: absolute; top: 2.5px; left: 0; font-size: 1rem; color: #fff; text-align: center; line-height: 23px; letter-spacing: 0; width: 25px; height: 25px; display: block; border-radius: 50%; background: #dc6100; } .list-wrap01 { display: table; margin: 0 auto; margin-top: 70px; } .list-wrap02 { margin-top: 40px; } @media screen and (min-width: 769px) { .list-wrap01 ul.list_circle > li { font-size: 1.125rem; } .list-wrap01 ul.list_circle > li:before { top: 10.5px; } } @media screen and (min-width: 1025px) { ul.list_col3 > li { width: 30%; } ul.list_col3 > li:nth-child(1), ul.list_col3 > li:nth-child(4), ul.list_col3 > li:nth-child(7) { margin-left: 0; } ul.list_col3 > li:nth-child(3), ul.list_col3 > li:nth-child(6), ul.list_col3 > li:nth-child(9), ul.list_col3 > li:last-child { margin-right: 0; } ul.list_col4 > li { width: 23.5%; } ul.list_col4 > li:nth-child(1), ul.list_col4 > li:nth-child(5), ul.list_col4 > li:nth-child(9), ul.list_col4 > li:nth-child(13), ul.list_col4 > li:nth-child(17) { margin-left: 0; } ul.list_col4 > li:nth-child(4), ul.list_col4 > li:nth-child(8), ul.list_col4 > li:nth-child(12), ul.list_col4 > li:nth-child(16), ul.list_col4 > li:nth-child(20), ul.list_col4 > li:last-child { margin-right: 0; } } @media screen and (min-width: 569px) and (max-width: 1024px) { ul.list_col3 > li { width: 47.5%; } ul.list_col3 > li:nth-child(odd) { margin-left: 0; } ul.list_col3 > li:nth-child(even), ul.list_col3 > li:last-child { margin-right: 0; } } @media screen and (min-width: 769px) and (max-width: 1024px) { ul.list_col4 > li { width: 32%; } ul.list_col4 > li:nth-child(1), ul.list_col4 > li:nth-child(4), ul.list_col4 > li:nth-child(7), ul.list_col4 > li:nth-child(10), ul.list_col4 > li:nth-child(13), ul.list_col4 > li:nth-child(16), ul.list_col4 > li:nth-child(19) { margin-left: 0; } ul.list_col4 > li:nth-child(3), ul.list_col4 > li:nth-child(6), ul.list_col4 > li:nth-child(9), ul.list_col4 > li:nth-child(12), ul.list_col4 > li:nth-child(15), ul.list_col4 > li:nth-child(18), ul.list_col4 > li:nth-child(21), ul.list_col4 > li:last-child { margin-right: 0; } } @media screen and (min-width: 569px) and (max-width: 768px) { ul.list_col4 > li { width: 49%; } ul.list_col4 > li:nth-child(odd) { margin-left: 0; } ul.list_col4 > li:nth-child(even) { margin-right: 0; } } @media screen and (max-width: 768px) { .list-wrap01 { margin-top: 50px; } ul.list_arrow { margin-top: 40px; } ul.list_qa { margin-top: 40px; } ul.list_qa > li { margin-bottom: 40px; } ul.list_qa > li .heading { font-size: 1.0625rem; } ul.list_qa > li .heading:before { top: 3px; } ul.list_qa > li .content:before { top: 14px; } ul.list_qa > li .heading, ul.list_qa > li .content { padding-left: 45px; } ul.list_qa > li .heading:before, ul.list_qa > li .content:before { width: 30px; height: 30px; font-size: 1.0625rem; line-height: 27px; } } @media screen and (max-width: 568px) { ul.list_col3 > li { width: 100%; margin: 0 0 40px; } ul.list_col3 > li:last-child { margin: 0; } ul.list_col4 > li { width: 100%; margin: 0 0 20px; } ul.list_col4 > li:last-child { margin: 0; } } @media screen and (max-width: 480px) { ul.list_num > li { font-size: 1.0625rem; padding-left: 30px; } ul.list_num > li .num { top: 3.5px; font-size: 0.875rem; line-height: 21px; width: 23px; height: 23px; } } /*--------------------------------------------------------------------------- table ---------------------------------------------------------------------------*/ table.table_type01 { width: 100%; border: none; border-collapse: collapse; } table.table_type01 th, table.table_type01 td { vertical-align: top; text-align: left; padding: 1em 1.5em; border: 1px solid #e6e6e6; } table.table_type01 th { font-weight: 300; color: #fff; background: #dc6100; } table.table_type01 td { background: #fff; } table.table_type02 { width: 100%; border: none; border-collapse: collapse; } table.table_type02 th, table.table_type02 td { text-align: left; line-height: 1.6; vertical-align: top; padding: 1em 1.5em; border: 1px solid #e6e6e6; } table.table_type02 th { font-weight: 300; } table.table_type02 td { background: #fff; } table.table_type02 thead th { color: #fff; text-align: center; background: #dc6100; } table.table_type02 tbody th { background: #f1d8c2; width: 33.3333333333%; } table.table_brd { width: 100%; border: none; border-collapse: collapse; } table.table_brd tr { background: transparent; vertical-align: top; border-top: 1px solid #e9e9e9; } table.table_brd tr th, table.table_brd tr td { background: transparent; vertical-align: top; } table.table_brd tr:last-child { border-bottom: 1px solid #e9e9e9; } table.table_brd tr th, table.table_brd tr td { text-align: left; padding: 1em 0; } table.table_brd tr th { font-weight: 400; } table.table_brd.table_brd_or01 tr { border-top: 1px solid #dc6100; } table.table_brd.table_brd_or01 tr:last-child { border-bottom: 1px solid #dc6100; } @media screen and (min-width: 769px) { table.table_type01 th { width: 33.3333333333%; } table.table_brd th { width: 20%; padding-right: 1em; } table.table_brd.table_brd_or01 th { padding: 2.4em 1.5em; width: 30%; } table.table_brd.table_brd_or01 td { padding-top: 1.5em; padding-right: 1.5em; padding-bottom: 1.5em; } table.table_brd.table_brd_or02 th, table.table_brd.table_brd_or02 td { padding-left: 1em; padding-right: 1em; } table.table_brd.table_brd_or02 th { border-top: 1px solid #dc6100; } table.table_brd.table_brd_or02 tr:last-child th { border-bottom: 1px solid #dc6100; } } @media screen and (max-width: 768px) { table.table_type01 th, table.table_type01 td { width: 100%; display: block; } table.table_type02 th, table.table_type02 td { font-size: 0.875rem; padding: 1em; } table.table_brd th, table.table_brd td { padding: 1em 0; display: block; width: 100%; } table.table_brd th { padding-bottom: 0.3em !important; } table.table_brd td { padding-top: 0.3em !important; border-top: none; } table.table_brd.table_brd_or01 th { padding-top: 1.5em !important; } table.table_brd.table_brd_or01 td { padding-bottom: 1.5em !important; } table.table_brd.table_brd_or02 tr { border-top: 1px solid #dc6100; } table.table_brd.table_brd_or02 tr:last-child { border-bottom: 1px solid #dc6100; } } /*--------------------------------------------------------------------------- margin ---------------------------------------------------------------------------*/ .m-0 { margin: 0 !important; } .mt-0 { margin-top: 0 !important; } .mt-10 { margin-top: 10px !important; } .mt-20 { margin-top: 20px !important; } .mt-30 { margin-top: 30px !important; } .mt-40 { margin-top: 40px !important; } .mt-50 { margin-top: 50px !important; } .mt-60 { margin-top: 60px !important; } .mt-70 { margin-top: 70px !important; } .mt-80 { margin-top: 80px !important; } .mt-90 { margin-top: 90px !important; } .mt-100 { margin-top: 100px !important; } .mb-0 { margin-bottom: 0 !important; } .mb-10 { margin-bottom: 10px !important; } .mb-20 { margin-bottom: 20px !important; } .mb-30 { margin-bottom: 30px !important; } .mb-40 { margin-bottom: 40px !important; } .mb-50 { margin-bottom: 50px !important; } .mb-60 { margin-bottom: 60px !important; } .mb-70 { margin-bottom: 70px !important; } .mb-80 { margin-bottom: 80px !important; } .mb-90 { margin-bottom: 90px !important; } .mb-100 { margin-bottom: 100px !important; } /*--------------------------------------------------------------------------- animation ---------------------------------------------------------------------------*/ .fadein { opacity: 0; -webkit-transition: 0.7s all; transition: 0.7s all; } .fadein.ttb { -webkit-transform: translate(0, -40px); transform: translate(0, -40px); } .fadein.btt { -webkit-transform: translate(0, 40px); transform: translate(0, 40px); } .fadein.ltr { -webkit-transform: translate(-40px, 0); transform: translate(-40px, 0); } .fadein.rtl { -webkit-transform: translate(40px, 0); transform: translate(40px, 0); } .fadein.scrollin { opacity: 1; } .fadein.ttb.scrollin, .fadein.btt.scrollin, .fadein.ltr.scrollin, .fadein.rtl.scrollin { -webkit-transform: translate(0, 0) !important; transform: translate(0, 0) !important; } .fadein02 { -moz-transition-delay: 200ms; -webkit-transition-delay: 200ms; -o-transition-delay: 200ms; -ms-transition-delay: 200ms; } .fadein03 { -moz-transition-delay: 400ms; -webkit-transition-delay: 400ms; -o-transition-delay: 400ms; -ms-transition-delay: 400ms; } .fadein04 { -moz-transition-delay: 600ms; -webkit-transition-delay: 600ms; -o-transition-delay: 600ms; -ms-transition-delay: 600ms; } .fadein05 { -moz-transition-delay: 800ms; -webkit-transition-delay: 800ms; -o-transition-delay: 800ms; -ms-transition-delay: 800ms; } .fadein06 { -moz-transition-delay: 1000ms; -webkit-transition-delay: 1000ms; -o-transition-delay: 1000ms; -ms-transition-delay: 1000ms; } .txtfade.fadein { opacity: 1 !important; } .txtfade span { opacity: 0; -webkit-transition: all 1s; transition: all 1s; } .txtfade.scrollin span { opacity: 1; } .txtfade span.txtfade02 { -moz-transition-delay: 100ms; -webkit-transition-delay: 100ms; -o-transition-delay: 100ms; -ms-transition-delay: 100ms; } .txtfade span.txtfade03 { -moz-transition-delay: 200ms; -webkit-transition-delay: 200ms; -o-transition-delay: 200ms; -ms-transition-delay: 200ms; } .txtfade span.txtfade04 { -moz-transition-delay: 300ms; -webkit-transition-delay: 300ms; -o-transition-delay: 300ms; -ms-transition-delay: 300ms; } .eachTextAnime { opacity: 0; } .eachTextAnime span { opacity: 0; } @media screen and (max-width: 768px) { .fadein02, .fadein03, .fadein04, .fadein05, .fadein06 { -moz-transition-delay: 0s; -webkit-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; } } .preload { -webkit-transition: 0 !important; transition: 0 !important; } /*# sourceMappingURL=style.css.map */