@charset "UTF-8";

/*
Theme Name: TECH THREEE
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 5.7
Requires PHP: 5.6
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/

/**
 * SETTINGS
 * File-header..........The file header for the themes style.css file.
 * Fonts................Any font files, if the project needs specific fonts.
 * Global...............Project-specific, globally available variables.
 *
 * TOOLS
 * Functions............Global functions.
 * Mixins...............Global mixins.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults.
 * Breakpoints..........Mixins and variables for responsive styles
 * Vertical-margins.....Vertical spacing for the main components.
 * Reset................Reset specific elements to make them easier to style in other contexts.
 * Clearings............Clearings for the main components.
 *
 * ELEMENTS
 * Blockquote...........Default blockquote.
 * Forms................Element-level form styling.
 * Headings.............H1–H6
 * Links................Default links.
 * Lists................Default lists.
 * Media................Images, Figure, Figcaption, Embed, iFrame, Objects, Video.
 *
 * BLOCKS
 * Audio................Specific styles for the audio block.
 * Button...............Specific styles for the button block.
 * Code.................Specific styles for the code block.
 * Columns..............Specific styles for the columns block.
 * Cover................Specific styles for the cover block.
 * File.................Specific styles for the file block.
 * Gallery..............Specific styles for the gallery block.
 * Group................Specific styles for the group block.
 * Heading..............Specific styles for the heading block.
 * Image................Specific styles for the image block.
 * Latest comments......Specific styles for the latest comments block.
 * Latest posts.........Specific styles for the latest posts block.
 * Legacy...............Specific styles for the legacy gallery.
 * List.................Specific styles for the list block.
 * Media text...........Specific styles for the media and text block.
 * Navigation...........Specific styles for the navigation block.
 * Paragraph............Specific styles for the paragraph block.
 * Pullquote............Specific styles for the pullquote block.
 * Quote................Specific styles for the quote block.
 * Search...............Specific styles for the search block.
 * Separator............Specific styles for the separator block.
 * Spacer...............Specific styles for the spacer block.
 * Table................Specific styles for the table block.
 * Verse................Specific styles for the verse block.
 * Video................Specific styles for the video block.
 * Utilities............Block alignments.
 *
 * COMPONENTS
 * Header...............Header styles.
 * Footer...............Footer styles.
 * Comments.............Comment styles.
 * Archives.............Archive styles.
 * 404..................404 styles.
 * Search...............Search styles.
 * Navigation...........Navigation styles.
 * Footer Navigation....Footer Navigation styles.
 * Pagination...........Pagination styles.
 * Single...............Single page and post styles.
 * Posts and pages......Misc, sticky post styles.
 * Entry................Entry, author biography.
 * Widget...............Widget styles.
 * Editor...............Editor styles.
 *
 * UTILITIES
 * A11y.................Screen reader text, prefers reduced motion etc.
 * Color Palette........Classes for the color palette colors.
 * Editor Font Sizes....Editor Font Sizes.
 * Measure..............The width of a line of text, in characters.
 */

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote::before,blockquote::after,q::before,q::after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}*,*::before,*::after{box-sizing:border-box}html,body{margin:0}.header{max-width:980px;margin:auto;padding:20px;text-align:center}@media screen and (max-width: 767px){.header{z-index:200;position:fixed;top:0;left:0;width:100%;height:80px;padding:0;background:rgba(255,255,255,0.8)}}.header__logo{display:flex;align-items:center}@media screen and (max-width: 767px){.header__logo{position:absolute;top:8px;left:16px}}.header__logo-img{width:80px}@media screen and (max-width: 767px){.header__logo-img{width:64px}}.header__logo-img img{width:100%;height:auto;vertical-align:bottom}.header__logo-title{margin-left:8px;font-size:20px;color:#000}.header__logo-title:not(:first-of-type){margin-left:0}.header__logo-title:not(:first-of-type)::before{content:' '}.header__logo-title-point{color:#27bfc5}.header__nav{text-align:center}.header__nav-body{position:relative;display:inline-block;margin-left:24px;text-decoration:none;color:#000;font-size:14px;color:#000;transition:.2s}.header__nav-body:first-of-type{margin-left:0}.header__nav-body:hover{color:#27bfc5}.header__nav-body.is-active{color:#27bfc5}.header__container{display:flex;align-items:center;justify-content:space-between;width:100%}@media screen and (max-width: 767px){.header__nav-body:hover{color:#fff}.header__nav-body.is-active{color:#fff}.hamburger{display:block;position:absolute;top:16px;right:16px;width:42px;height:42px;cursor:pointer;text-align:center}.header__hbg-icon{display:block;position:absolute;width:32px;height:2px;left:6px;background:#27bfc5;transition:0.3s ease-in-out}.hanburger .header__hbg-icon{position:absolute;left:15px;width:30px;height:4px;background-color:#fff;border-radius:8px;transition:ease 0.75s}.header__hbg-icon:nth-of-type(1){top:8px}.header__hbg-icon:nth-of-type(2){top:20px}.header__hbg-icon:nth-of-type(3){bottom:8px}.hamburger.is-open .header__hbg-icon:nth-of-type(1){transform:translateY(12px) rotate(-45deg)}.hamburger.is-open .header__hbg-icon:nth-of-type(2){opacity:0}.hamburger.is-open .header__hbg-icon:nth-of-type(3){transform:translateY(-12px) rotate(45deg)}.header__nav{position:fixed;z-index:2;top:80px;right:-100%;width:100%;height:100%;padding-top:56px;color:#fff;background:#27bfc5;text-align:center;transition:all 0.2s}.header__nav.is-open{right:0}.header__nav-body{width:100%;margin:0;font-size:16px;line-height:2.5;color:#fff;text-decoration:none}}.footer{display:flex;align-items:center;justify-content:center;height:80px;margin-top:100px;background:#27bfc5}.footer__body{font-size:14px;color:#fff}@media screen and (max-width: 767px){.footer__body{font-size:12px}}.button{display:block;width:100%;padding:24px;border:1px solid #000;border-radius:8px;text-decoration:none;text-align:center;color:#000;transition:.2s}.button:hover{color:#fff;background-color:#27bfc5;border-color:#27bfc5}@media screen and (max-width: 767px){.button{padding:16px;font-size:14px}}.main-top{max-width:1080px;margin:80px auto 0}@media screen and (max-width: 767px){.main-top{margin-top:60px}}.main-top__title{font-size:36px;font-weight:normal;line-height:1.5;text-align:center}@media screen and (max-width: 767px){.main-top__title{font-size:24px}}.main-top__img-list{max-width:720px;margin:40px auto 0;display:flex;align-items:center;justify-content:space-between}.main-top__step-outer{display:flex;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;margin:40px auto 0}.main-top__step-outer--flex-center{justify-content:center}@media screen and (max-width: 767px){.main-top__step-outer{margin-top:24px}}.main-top__step-outer--scroll{overflow-x:scroll;scrollbar-width:none}.main-top__step-outer--scroll::-webkit-scrollbar{display:none}@media screen and (max-width: 767px){.main-top__step-outer--scroll{justify-content:initial}}@media screen and (max-width: 767px){.main-top__step-outer--column{display:grid;gap:40px;grid-template-columns:150px 150px}}@media screen and (max-width: 767px) and (max-width: 767px){.main-top__step-outer--column{grid-template-columns:120px 120px}}@media screen and (max-width: 767px){.main-top__step-outer--column .main-top__step:not(:last-of-type){margin-right:0}}.main-top__step{position:relative;display:flex;flex:0 0 150px;align-items:center;justify-content:center;width:150px;height:150px;border:solid 1px #27bfc5;border-radius:50%;background-color:#27bfc5;color:#fff}@media screen and (max-width: 767px){.main-top__step{flex:0 0 120px;width:120px;height:120px}}.main-top__step:not(:last-of-type){margin-right:40px}.main-top__step--arrow:not(:last-of-type)::after{content:'';position:absolute;top:60px;right:-28px;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:12px solid #27bfc5}@media screen and (max-width: 767px){.main-top__step--arrow:not(:last-of-type)::after{top:50px}}.main-top__step-title{font-size:14px;font-weight:bold;text-align:center}@media screen and (max-width: 767px){.main-top__step-title{font-size:12px}}.main-top__step-body{display:block;margin-top:12px;font-size:12px}.main-top__link{display:flex;justify-content:center;align-items:center;width:100%;max-width:240px;margin:80px auto 0;padding:24px;border:1px solid #000;border-radius:8px;text-decoration:none;color:#000;transition:.2s}.main-top__link:hover{color:#fff;background-color:#27bfc5;border-color:#27bfc5}.main-studio{margin-top:40px}.main-studio__thumb{width:500px;height:350px;margin:auto}.main-studio__thumb:not(:first-of-type){margin-top:16px}.main-studio__thumb img{width:100%;height:auto}.main-about__overview{margin-top:18px;font-size:24px;font-weight:normal;word-break:break-all}.main-about__profile{max-width:980px;display:flex;align-items:flex-start;margin-top:80px}@media screen and (max-width: 767px){.main-about__profile{flex-direction:column;margin-top:64px}}.main-about__profile-img{width:200px;overflow:hidden}@media screen and (max-width: 767px){.main-about__profile-img{order:2;margin:24px auto 0}}.main-about__profile-img img{width:100%;height:auto;vertical-align:bottom}.main-about__profile-text{flex:1;margin-left:24px}@media screen and (max-width: 767px){.main-about__profile-text{order:1;margin-left:0}}.main-about__profile-title{font-size:20px;font-weight:bold;line-height:1.5}.main-about__profile-body{max-width:680px;margin-top:24px;line-height:1.5;word-break:break-all}@media screen and (max-width: 767px){.main-about__profile-body{margin-top:8px}}.main-about__profile-title-ruby,.main-about__profile-title-skill{display:block;font-size:14px}.main-about__profile-title-ruby{margin-top:8px}.main-about__profile-title-skill{color:#27bfc5}.main-about__profile-link{display:block;margin:14px 12px 0 0;font-size:14px;text-decoration:none;color:#000;text-align:right;transition:.2s}.main-about__profile-link:hover{color:#27bfc5}.main-about__profile-sub-category{margin-top:16px}.main-about__profile-sub-category-title,.main-about__profile-sub-category-body{font-size:14px}.main-about__profile-sub-category-body{margin-top:8px}.main-contact input{width:100%}.main-contact__text{margin-top:36px;font-size:18px;text-align:center;word-break:break-all;line-height:1.2}.main-contact__container{max-width:640px;margin:52px auto 0}.main-contact__form{width:100%}.main-contact__form-title{font-size:14px;margin-top:28px}.main-contact__necessary{color:#ff0000;font-size:16px}.main-contact__form-body{width:100%;margin-top:8px}.main-contact__form-name,.main-contact__form-tel{width:100%;max-width:150px}.main-contact__form-name:not(:first-of-type),.main-contact__form-tel:not(:first-of-type){margin-left:18px}.main-contact__form-subject{width:440px;height:48px;padding:8px}.main-contact__form-name{width:220px;height:48px;padding:8px}.main-contact__form-company{width:440px;height:48px;padding:8px}.main-contact__form-email{width:440px;height:48px;padding:8px}.main-contact__form-tel{width:120px;height:48px;padding:8px;font-size:14px}.main-contact__hyphen{margin:0 10px;padding-left:4px}.main-contact__form-message{width:100%;padding:8px}.main-contact__submit{display:block;margin:24px auto 0;width:150px;height:48px;border:solid 0.5px #414040;border-radius:8px;font-size:14px;color:#535353;line-height:2;background-color:#fff;transition:.2s}.main-contact__submit:hover{background-color:#27bfc5;border:solid 1px #27bfc5;color:#fff}.main-contact__privacy{position:relative;max-width:640px;margin-top:24px}.main-contact__privacypolicy{color:#000}.main-contact__privacypolicy:hover{color:#27bfc5}.main-contact__checkbox-label{position:relative;vertical-align:middle;cursor:pointer}.main-contact__privacy-text{vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:14px;color:#3b3838}.main-contact__privacy input[type="checkbox"]{position:relative;width:24px;height:24px;border:1px solid #494949;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;cursor:pointer;transition:background 200ms cubic-bezier(0.1, 0.25, 0.25, 1)}.main-contact__privacy input[type="checkbox"]::before{position:absolute;content:'';display:block;top:1px;left:8px;width:8px;height:16px;border:1px solid;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0}.main-contact__privacy input[type="checkbox"]:checked{color:#fff;border-color:#27bfc5;background:#27bfc5}.main-contact__privacy input[type="checkbox"]:checked::before{opacity:1}.main-contact__privacy input[type="checkbox"]:checked ~ label::before{-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)}.main-contact__privacy label{position:relative;cursor:pointer;font-size:12px}.main-contact__privacy label::before{position:absolute;-webkit-clip-path:polygon(0 0, 0 0, 0% 100%, 0 100%);clip-path:polygon(0 0, 0 0, 0% 100%, 0 100%);transition:-webkit-clip-path 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:clip-path 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:clip-path 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-clip-path 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94)}.main-price{max-width:640px;margin:auto}.main-price__table{width:100%;border-collapse:collapse;margin:56px auto 0}.main-price__table-thead{border-bottom:1px solid #27bfc5}.main-price__table-head,.main-price__table-body,.main-price__table-tbody-head{padding:24px;line-height:1.5;vertical-align:middle}@media screen and (max-width: 767px){.main-price__table-head,.main-price__table-body,.main-price__table-tbody-head{font-size:14px}}.main-price__table-head{color:#27bfc5}.main-price__table-body,.main-price__table-tbody-head{border-bottom:1px solid #bcbcbc;text-align:center}.main-price__link{display:flex;justify-content:center;align-items:center;width:100%;max-width:343px;margin:40px auto 0;padding:24px;border:1px solid #000;border-radius:8px;text-decoration:none;color:#000;transition:.2s}.main-price__link:hover{color:#fff;background-color:#27bfc5;border-color:#27bfc5}.main-qna__question{margin-top:80px;padding-bottom:4px}.main-qna__question:not(:first-of-type){margin-top:40px}@media screen and (max-width: 767px){.main-qna__question:not(:first-of-type){margin-top:24x}}@media screen and (max-width: 767px){.main-qna__question{margin-top:24px}}.main-qna__question-title-content{display:flex;font-size:18px;font-weight:bold;line-height:1.5}@media screen and (max-width: 767px){.main-qna__question-title-content{font-size:16px}}.main-qna__question-answer-content{display:flex;margin-top:16px;font-size:18px;line-height:1.5}@media screen and (max-width: 767px){.main-qna__question-answer-content{font-size:14px}}.main-qna__icon{color:#27bfc5;margin-right:16px}.main-qna__body{color:#000}.main-portfolio__list{max-width:980px;margin-top:80px}.main-portfolio__list-notice{display:block;margin-left:10px;font-size:12px;color:#484848}.main-portfolio__list-grid{display:grid;gap:10px;grid-template-columns:1fr 1fr}@media screen and (max-width: 767px){.main-portfolio .main-portfolio__list-grid{grid-template-columns:1fr}}.main-portfolio__item{text-align:center;box-shadow:0 5px 10px rgba(14,7,7,0.1);margin:12px;text-decoration:none;color:#000}.main-portfolio__item-img{width:100%}.main-portfolio__item-img img{width:100%;height:auto;vertical-align:bottom}.main-portfolio__text{margin-top:18px;padding:16px;font-size:18px;line-height:1.5}.main-portfolio__description{margin-top:12px;padding:8px;font-size:12px}.main-portfolio__table{width:100%;border-collapse:collapse;margin:56px auto 0}.main-portfolio__table-thead{border-bottom:1px solid #27bfc5}.main-portfolio__table-head,.main-portfolio__table-body,.main-portfolio__table-tbody-head{padding:24px;line-height:1.5;vertical-align:middle}@media screen and (max-width: 767px){.main-portfolio__table-head,.main-portfolio__table-body,.main-portfolio__table-tbody-head{font-size:14px}}.main-portfolio__table-head{color:#27bfc5}.main-portfolio__table-body,.main-portfolio__table-tbody-head{border-bottom:1px solid #bcbcbc;text-align:center}.main-portfolio__table-body--category{font-weight:bold}.main-portfolio__table-notice{display:block;margin-top:8px;font-size:12px;color:#484848}html,body{width:100%;height:100%}body{font-family:'Inter', sans-serif}body.is-overflow{overflow:hidden}.is-pc{display:block}.is-sp{display:none}@media screen and (max-width: 767px){.is-pc{display:none}.is-sp{display:block}}.main{max-width:980px;margin:40px auto 0;padding:0 20px}@media screen and (max-width: 767px){.main{margin-top:80px;padding-top:56px}}.main__title{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;margin:auto;padding-bottom:4px;font-size:32px;border-bottom:2px solid #000}@media screen and (max-width: 767px){.main__title{font-size:24px}}.section{margin:80px auto 0}@media screen and (max-width: 767px){.section{margin-top:64px}}.section__third{max-width:680px;margin:40px auto 0}.section__third--center{text-align:center}.section__title{font-size:28px;text-align:center}@media screen and (max-width: 767px){.section__title{margin-top:60px;font-size:20px}}.section__body{margin-top:40px;font-size:16px;text-align:center;line-height:1.5}@media screen and (max-width: 767px){.section__body{font-size:14px;margin-top:24px}}.section__button{max-width:240px;margin:80px auto 0}@media screen and (max-width: 767px){.section__button{margin-top:56px}}.section__button-notice{display:block;margin-top:8px;font-size:12px;text-align:center}