.h_l{font-size:32px;line-height:120%;color:#141414}.h_m{font-size:20px;line-height:120%;color:#141414}header{padding:12px 0;flex-direction:column;align-items:center}header .logo{font-size:32px;line-height:100%}header .logo span{font-size:16px;text-transform:uppercase;margin-left:8px}header nav ul{display:flex;margin-top:8px}header nav ul li{margin:0 16px}main{width:100%;padding:40px 24px;margin:0 auto}main h1{font-size:32px;line-height:120%;color:#141414;text-align:center;margin-bottom:40px}aside{width:100%;padding:0 24px 40px;margin:0 auto}aside h2{font-size:20px;text-align:center}aside ul{display:flex;flex-wrap:wrap;justify-content:center;font-size:12px;margin-top:16px}aside ul li{margin:0 8px}.tool_list{display:block}.tool_list dl{padding:20px 0}.tool_list dl dt{font-size:20px;line-height:120%;margin-bottom:8px}.tool_list dl dd{font-size:14px;line-height:140%;color:#666}.home .contents{background-color:#f0f0f0;padding:24px}.home .contents p{font-size:14px;margin-bottom:16px}.home .contents p:last-child{margin-bottom:0}.home .btn{margin:40px auto 0}.common_notes{margin-top:40px}.common_note{background:#f0f0f0;padding:24px;margin-bottom:8px}.common_note:last-child{margin-bottom:0}.common_note h2{margin-bottom:16px;font-size:20px;text-align:center}.common_note p{font-size:14px}.common_note ul{font-size:14px}.common_note ol{list-style:decimal;font-size:14px;padding-left:14px}.image_compression .contents{display:flex;flex-direction:column;align-items:center}.image_compression .input_group{margin:40px 0 16px}.image_compression .input_group dl{margin-bottom:16px}.image_compression .input_group dl:last-child{margin-bottom:0}.image_compression .input_group dl dt{width:176px;margin-right:16px;margin-bottom:8px}.image_compression .note{font-size:12px;margin-bottom:40px}.image_compression #downloadButton{border-radius:999px;line-height:100%;display:inline-block;text-decoration:none;min-width:120px;text-align:center;background-color:#2c3e50;color:#fff;padding:16px 32px;font-size:16px;margin-left:16px}.image_compression #downloadButton:hover{background-color:#808b96;color:#fff}.image_compression .btn_area{display:flex}.image_compression #progressBar{margin-top:40px}.extract_text_from_images #extractButton{margin:40px auto}.extract_text_from_images .contents{display:flex;flex-direction:column;align-items:center;width:100%}.extract_text_from_images pre{text-align:left;white-space:pre-wrap;word-wrap:break-word;background-color:#fff;padding:20px;border:1px solid #666;overflow:auto;max-height:400px;width:100%px;height:250px}.extract_text_from_images .btn_area{display:flex;justify-content:center;margin-top:40px;flex-wrap:wrap}.extract_text_from_images .btn_area button{margin:0 8px 8px}.extract_text_from_images #result{width:100%}.create_color .contents{display:flex;flex-direction:column;align-items:center;width:100%}.create_color canvas{border:1px solid #666;margin-top:40px;max-width:800px;width:100%}.create_color .color-sample{display:inline-block;width:50px;height:50px;margin:5px;text-align:center;line-height:50px;color:#fff;font-size:12px;border-radius:5px;cursor:pointer;position:relative}.create_color .tooltip{visibility:hidden;width:120px;background-color:#555;color:#fff;text-align:center;border-radius:5px;padding:5px 0;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-60px;opacity:0;transition:opacity .3s}.create_color .color-sample:hover .tooltip{visibility:visible;opacity:1}.create_color #colorPalette{margin:24px auto 40px}.convert_webp .contents{display:flex;flex-direction:column;align-items:center;width:100%}.convert_webp .form-group{margin-bottom:24px}.convert_webp .form-group label{display:block;font-weight:700}.convert_webp #preview{display:none;margin:16px auto 40px;border:1px solid #ccc;max-width:100%}.convert_webp #downloadBtn{display:none;background-color:#f1c40f;color:#141414;padding:16px 32px;font-size:16px;cursor:pointer;border-radius:999px;line-height:100%;display:inline-block;text-decoration:none;min-width:120px;text-align:center}.convert_webp #downloadBtn:hover{background-color:#f7dc6f;color:#141414}.count_text .contents{display:flex;flex-direction:column;align-items:center;width:100%}.count_text .form-group{width:100%;border:solid 1px #666}.count_text #textInput{width:100%;min-height:150px;padding:10px;box-sizing:border-box;max-width:100%;min-width:100%}.count_text #charCount{margin-top:24px;font-size:20px}.count_text button{cursor:pointer;margin:0 8px}.count_text .btn_area{display:flex;margin-top:24px}.browser_info .contents{display:flex;flex-direction:column;align-items:center;width:100%}.browser_info .btn{margin-top:40px}.resume .contents{display:flex;flex-direction:column;align-items:center;width:100%}.resume .form-group input{padding:10px;box-sizing:border-box}.resume #birthYear,.resume #birthMonth{width:100px;min-width:100px;margin:0 8px}.resume .form-group input[type=checkbox]{width:auto}.resume .group-checkbox{display:flex;justify-content:center;align-items:center;gap:16px 32px;margin:40px auto;flex-wrap:wrap}.resume #result{margin-top:40px}.resume .input_title{display:block;text-align:center;margin-bottom:8px}.cover_letter .contents{display:flex;flex-direction:column;align-items:center;width:100%;max-width:800px}.cover_letter .form-group{display:flex;width:100%;margin-bottom:16px;align-items:center;flex-wrap:wrap}.cover_letter .input_area,.cover_letter .input_area_l{margin:8px 0;width:100%}.cover_letter .input_area_l{border:solid 1px #141414;height:46px;padding:0 24px;min-width:280px}.cover_letter .input_area_s{border:solid 1px #141414;height:46px;padding:0 24px;width:120px}.cover_letter .form-group .th{width:100%}.cover_letter .form-group input,.cover_letter .form-group textarea,.cover_letter .form-group select{padding:8px}.cover_letter .item-group{margin-bottom:5px}.cover_letter .sp_layout{display:flex;flex-direction:column;width:100%}.cover_letter .item-group input[type=text]{flex:2}.cover_letter .item-group input[type=number]{flex:1;-moz-appearance:textfield;appearance:textfield}.cover_letter .item-group input[type=number]::-webkit-outer-spin-button,.cover_letter .item-group input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cover_letter .item-group button{margin-left:5px}.cover_letter #preview{padding:20px;border:1px solid #ccc}.cover_letter #recipient{min-height:46px;width:100%;height:100px}.cover_letter #previewItems li{list-style:none}.cover_letter .add_line{display:block;width:100%;text-align:center;margin-top:16px}.cover_letter .print-button{margin-left:16px}.cover_letter .title{width:100%;padding:8px 16px;background:#f0f0f0;margin:32px auto 16px}.cover_letter #sender{height:100px;min-height:46px}.cover_letter #preview{width:100%;margin:40px auto 0;padding:40px;border:solid 1px #ccc;background-color:#fff;font-size:14px;line-height:1.6;overflow-x:scroll}.cover_letter #preview .preview_inner{width:730px}.cover_letter .sub_title{font-size:24px;text-align:center;padding:40px 0}.cover_letter .to_day{display:flex;justify-content:space-between}.cover_letter .to{max-width:500px;font-size:20px}.cover_letter .day{width:140px;text-align:right;font-size:12px}.cover_letter .address{display:block;margin-top:24px;text-align:right;font-size:12px}.cover_letter .me{display:block;text-align:right;font-size:12px}.cover_letter .list_title{font-size:20px;text-align:center;margin:24px auto}.cover_letter .fin{margin-top:20px}.cover_letter .btn_area{display:flex;margin-top:24px}.color_code_conversion .contents{display:flex;flex-direction:column;align-items:center;width:100%;max-width:800px}.color_code_conversion input{border:solid 1px #141414;height:46px;padding:0 8px}.color_code_conversion .form-group{width:100%;margin-bottom:16px}.color_code_conversion .btn_area{margin-top:24px}.color_code_conversion .btn_area .btn{margin:8px}.color_code_conversion .form-group label{display:block}.color_code_conversion .color-preview{width:100px;height:100px;border:1px solid #ccc;border-radius:8px}.color_code_conversion .color-input-group{display:flex;justify-content:space-between;width:100%}.color_code_conversion .color-input-group input{flex-grow:1;margin-right:5px}.color_code_conversion .color-input-group input:last-child{margin-right:0}.color_code_conversion label{width:60px}.color_code_conversion .result_area{display:flex;margin:40px auto 0;align-items:center}.color_code_conversion .result{margin-left:16px}.color_code_conversion #hexInput{width:100%}.password_generation .contents{display:flex;flex-direction:column;align-items:center;width:100%;max-width:800px}.password_generation .form-group{display:flex;align-items:center;margin-bottom:32px}.password_generation .passwords{margin:40px auto 0;width:100%;height:auto;background-color:#f0f0f0;padding:40px}.password_generation .password-item{display:flex;justify-content:center;align-items:center;margin-bottom:16px}.password_generation .password-item:last-child{margin-bottom:0}.password_generation .password{margin-right:8px}.password_generation .copy-btn{display:none}.password_generation .form-group #length{min-width:100px;margin:0 8px}.password_generation .form-group .check_box{margin:0 32px}.qrcode .contents{display:flex;flex-direction:column;align-items:center;width:100%;max-width:800px}.qrcode .form-group{margin-bottom:16px}.qrcode .form-group:last-child{margin-bottom:40px}.qrcode .form-group label{width:60px;display:inline-block}.qrcode .groups{display:flex;flex-direction:column;align-items:flex-start}.qrcode #sizeInput{margin-right:8px}.qrcode .form-group input,.qrcode .form-group select{min-width:150px}.qrcode #qrcode{margin:40px auto}