/
style.css
7 lines (7 loc) · 32.3 KB
/
style.css
1
2
3
4
5
6
7
.button a{max-width:300px;text-align:center;display:block;height:44px;line-height:44px;border:1px solid #333;margin:0 auto;background:#fff;border-radius:4px;background:#333;color:#fff;font-size:1.4rem}.button a:hover{color:#222;background:#fff;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}.contents_Inner{max-width:1240px;margin:3vw auto 5vw;padding:0 4%}.breadcrumbs{font-size:1.4rem;opacity:.5;padding:0 4%}@media(max-width: 750px){.breadcrumbs{display:none}}#article_Area .categoryArea{padding:0 0 2vw}#article_Area .categoryArea li{margin-left:1%}#article_Area .categoryArea li:first-child{margin-left:0}#article_Area .article_contents_Wrapper{display:grid;display:-ms-grid;display:grid;-ms-grid-columns:68% 1fr;grid-template-columns:68% 1fr;gap:4%}@media(max-width: 750px){#article_Area .article_contents_Wrapper{display:block}}@media(max-width: 750px){#article_Area .article_contents_Wrapper .article_contents{margin-bottom:40px}}.card,.card_smoll,.card_horizon{display:block;position:relative;overflow:hidden;border-bottom:1px solid #ddd}.card a,.card_smoll a,.card_horizon a{display:block;position:absolute;z-index:10;top:0;left:0;width:100%;height:100%}.card .eyecath,.card_smoll .eyecath,.card_horizon .eyecath{width:100%;position:relative;overflow:hidden;padding-top:54%;border-radius:4px}.card .eyecath img,.card_smoll .eyecath img,.card_horizon .eyecath img{margin:0 !important;width:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);height:auto;display:block;background:#ccc}.card .card_infoArea .card_infoArea_textArea .card_date,.card_smoll .card_infoArea .card_infoArea_textArea .card_date,.card_horizon .card_infoArea .card_infoArea_textArea .card_date{font-size:1.4rem;opacity:.5;display:block;margin-top:0 !important;margin-bottom:4px}@media(max-width: 750px){.card .card_infoArea .card_infoArea_textArea .card_date,.card_smoll .card_infoArea .card_infoArea_textArea .card_date,.card_horizon .card_infoArea .card_infoArea_textArea .card_date{font-size:1.2rem}}.card .card_infoArea .card_infoArea_textArea .text,.card_smoll .card_infoArea .card_infoArea_textArea .text,.card_horizon .card_infoArea .card_infoArea_textArea .text{font-weight:700;margin-top:0 !important;margin-bottom:2%}.card .card_infoArea .card_infoArea_textArea .text_detail,.card_smoll .card_infoArea .card_infoArea_textArea .text_detail,.card_horizon .card_infoArea .card_infoArea_textArea .text_detail{opacity:.6}.card_horizon{display:grid;display:-ms-grid;display:grid;-ms-grid-columns:240px 1fr;grid-template-columns:240px 1fr;gap:2vw;margin-bottom:2vw !important;padding-bottom:2vw}@media(max-width: 750px){.card_horizon{-ms-grid-columns:40% 1fr;grid-template-columns:40% 1fr;margin-bottom:3vw !important;padding-bottom:3vw}.card_horizon .eyecath{padding-top:68%}.card_horizon .eyecath img{height:100%}}.card_horizon .card_infoArea .card_infoArea_textArea{padding-top:0}.card_horizon .card_infoArea .card_infoArea_textArea .text{font-size:1.8rem}@media(max-width: 750px){.card_horizon .card_infoArea .card_infoArea_textArea .text{font-size:1.6rem;line-height:1.4}}.reccomend_Area h3{font-size:1.4vmax !important;margin-top:0 !important}@media(max-width: 750px){.reccomend_Area h3{font-size:1.8rem !important}}.reccomend_Area .card_horizon:last-of-type{border:none}.card_smoll{margin-bottom:2vw;padding-bottom:1vw}@media(max-width: 750px){.card_smoll{margin-bottom:3vw;padding-bottom:2vw}}.card_smoll .card_infoArea_textArea{padding:19px 0 0}@media(max-width: 750px){.card_smoll .card_infoArea_textArea{padding:10px 0 0}}.card_smoll .card_infoArea_textArea .text{font-size:1.8rem;line-height:1.5}.side .text a{position:static;height:auto;width:auto}.card_large{margin-bottom:3vw;padding-bottom:2vw}@media(max-width: 750px){.card_large{margin-bottom:4vw;padding-bottom:3vw}}.card_large .card_infoArea_textArea{padding:19px 0 0}@media(max-width: 750px){.card_large .card_infoArea_textArea{padding:10px 0 0}}.card_large .card_infoArea_textArea .text{font-size:2vmax}@media(max-width: 750px){.card_large .card_infoArea_textArea .text{font-size:2rem;line-height:1.4}}@media(max-width: 750px){.card_large .card_infoArea_textArea .text_detail{font-size:1.3rem}}.category h1,.search h1{font-size:2vmax;margin-bottom:2vw}@media(max-width: 750px){.category h1,.search h1{font-size:2.2rem;margin-bottom:30px;text-align:center}}.wp-pagenavi{margin:0 0 60px;padding:8px 0;text-align:center}@media(max-width: 750px){.wp-pagenavi{margin:0}}.wp-pagenavi span,.wp-pagenavi a{margin:0 1px;font-size:1.6rem;padding:.6em 1em;border-radius:3px;text-decoration:none;border:1px solid #eee;box-sizing:border-box}.wp-pagenavi span:hover,.wp-pagenavi a:hover{background:#333;color:#fff}.wp-pagenavi .current{border:none;background:#333;color:#fff}#privacy_contents p{margin:30px 0;letter-spacing:0;font-size:1.8rem;line-height:2}#privacy_contents h2,#privacy_contents h3{font-size:2.4rem;margin:40px 0 24px;padding:0}@media(max-width: 750px){#privacy_contents h2,#privacy_contents h3{font-size:2rem}}#privacy_contents ul{padding:25px 36px;border-radius:4px;background:#f7f9f9;font-size:1.6rem;margin-bottom:20px}@media(max-width: 750px){#privacy_contents ul{padding:20px}}html{font-size:62.5%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin:0 !important}html body{font-size:16px;overflow:hidden;line-height:1.7;word-wrap:break-word;word-break:break-all;font-family:-apple-system,Roboto,"Segoe UI","Helvetica Neue",HelveticaNeue,"游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic",Verdana,"メイリオ",Meiryo,sans-serif;font-feature-settings:"pkna" 1;padding-top:100px}@media(max-width: 750px){html body{padding-top:60px}}.home{padding-top:0}:focus{outline:none}a:hover{opacity:.5}.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;box-sizing:border-box;align-items:center}.middle{align-items:center}.flex_center{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;box-sizing:border-box;justify-content:center;align-items:center}.flex_all{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center}.primaryColor{color:#222}.primaryBackGroundColor{background:#222;color:#fff}.secondaryBackGroundColor{background:#222;color:#fff}.caption_type01{color:#d4005b}.caption_type02{color:#1700cc}.caption_type03{color:#ec8f00}.caption_type04{color:#ea0000}.sub_button{box-shadow:0 7px 20px 0 rgba(0,0,0,.1);border-radius:100px;height:40px;line-height:40px;display:inline-block}.page h1{font-size:3rem;margin-bottom:30px}@media(max-width: 750px){.page h1{font-size:2.4rem;margin-bottom:20px}}.page h2{font-size:2rem;margin-bottom:20px}.page .text{margin-bottom:30px}.page .contents_Inner{max-width:620px}.page .contents_Inner .form_box{padding:50px 0}.page .contents_Inner .form_area{padding-bottom:50px}@media(max-width: 750px){.page .contents_Inner .form_area{padding-bottom:30px}}.page .contents_Inner .form_area .box{margin-bottom:20px}.page .contents_Inner .form_area .contact_label{display:block;font-size:1.6rem;font-weight:700;margin-bottom:15px}.page .contents_Inner .form_area .contact_label:after{content:"必須";color:#fff;font-size:1rem;margin-left:4px;background:#c10002;border-radius:4px;padding:2px 4px}.page .contents_Inner .form_area #company:after{display:none}.page .contents_Inner .form_area .c-form-input-text{width:100%;font-size:1.8rem;padding:12px 10px 10px 10px;border:1px solid #ccc;box-sizing:border-box;border-radius:4px}.page .contents_Inner .form_area .c-form-select-box{font-size:100%;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:12px 10px 8px 10px;border:1px solid #ccc;border-radius:4px}.page .contents_Inner .form_area .c-form-text-area{width:100%;font-size:1.8rem;box-sizing:border-box;padding:12px 10px 8px;border-width:1px;border-style:solid;border-color:#ccc;border-image:initial}.page .contents_Inner .form_area .wpcf7-list-item{margin:0 1rem 0 0}.page .contents_Inner .cv_btn{max-width:340px;margin:0 auto}.page .contents_Inner .cv_btn .wpcf7 input[type=submit],.page .contents_Inner .cv_btn input.wpcf7-submit{width:100%;font-size:1.8rem;border-radius:4px !important;-webkit-border-radius:4px;-moz-border-radius:4px;display:block !important;color:#fff;background-color:#454545 !important;background:#454545 !important;text-align:center;border:none;height:60px;line-height:60px;-webkit-appearance:button}.page .contents_Inner .cv_btn .soushinbtn:hover{opacity:.7;cursor:pointer}.page .wpcf7-not-valid-tip{color:red;font-size:1.3rem !important}.page .wpcf7-validation-errors,.page .wpcf7-acceptance-missing{border:none !important;text-align:center;color:#ff0002;background:#fdeeee;font-size:1.3rem;padding:6px 0 !important}.page .wpcf7-mail-sent-ok,.page .wpcf7-response-output{display:none !important}#contact footer{display:none}#about .contents_Inner h2,#guide .contents_Inner h2{font-size:2.4rem;margin:40px 0 24px;padding:0}#about .contents_Inner h3,#guide .contents_Inner h3{font-size:1.8rem;margin:30px 0}#about .contents_Inner h4,#guide .contents_Inner h4{font-size:1.8rem;margin:20px 0 10px}#about .contents_Inner .contents_block,#guide .contents_Inner .contents_block{border-bottom:1px solid #ddd}#about .contents_Inner p,#guide .contents_Inner p{margin:20px 0;letter-spacing:0;font-size:1.8rem}#about .contents_Inner em,#guide .contents_Inner em{opacity:.7;font-size:1.3rem;display:block;width:100%}#about .contents_Inner table,#guide .contents_Inner table{width:100%}#about .contents_Inner table th,#guide .contents_Inner table th{width:20%;border-top:1px solid #ddd;border-bottom:1px solid #ddd;white-space:nowrap;vertical-align:top;padding:15px 0;text-align:left}#about .contents_Inner table td,#guide .contents_Inner table td{border-top:1px solid #ddd;border-bottom:1px solid #ddd;vertical-align:top;box-sizing:border-box;padding:15px 0;padding-left:20px}#guide h4:before{content:"Q";font-weight:700;margin-right:6px;font-size:2rem}#pickupNews{margin:0 8% 1vw;position:relative}#pickupNews .date{margin-right:10px;opacity:.6;font-size:1vmax}@media(max-width: 750px){#pickupNews .date{font-size:1.4rem}}#pickupNews .subject{font-size:1.1vmax}@media(max-width: 750px){#pickupNews .subject{font-size:1.4rem}}#pickupNews .more_datail{position:absolute;right:0;top:0;font-size:1vmax;opacity:.6}@media(max-width: 750px){#pickupNews .more_datail{display:none}}#pickupNews .more_datail:after{padding-left:6px;font-family:"Font Awesome 5 Free";font-weight:900;font-size:.7vmax;content:""}#workstyle .contents_Inner{justify-content:space-between;margin:6vw auto}@media(max-width: 750px){#workstyle .contents_Inner{margin:10vw auto}}#workstyle .text_Area{width:46%}@media(max-width: 750px){#workstyle .text_Area{width:100%}}#workstyle .text_Area h2{font-size:2.7vmax;margin-bottom:2vw}@media(max-width: 750px){#workstyle .text_Area h2{text-align:center;font-size:4vmax}}#workstyle .text_Area p{margin:20px 0;font-size:1.8rem}@media(max-width: 750px){#workstyle .text_Area p{font-size:1.6rem}}#workstyle .text_Area p span{display:block}@media(max-width: 750px){#workstyle .text_Area p span{display:inline}}#workstyle .image_Area{width:38%}@media(max-width: 750px){#workstyle .image_Area{width:60%;margin:0 auto}}#workstyle .image_Area img{width:100%}.tab{padding:1% 0;justify-content:space-between}@media(max-width: 750px){.tab{padding:10px 0}}.tab .categrory_title{font-size:2.4vmax;font-weight:400;font-family:"Roboto Condensed",sans-serif}@media(max-width: 750px){.tab .categrory_title{font-size:2.2rem;display:block;width:100%}}.tab .category_lead{font-size:1vmax;padding-left:10px;opacity:.6}@media(max-width: 750px){.tab .category_lead{padding-left:0;font-size:1.2rem}}.tab .iconOpen{width:34px;height:34px;border-radius:50%;border:1px solid #222;padding-top:2px}@media(max-width: 750px){.tab .iconOpen{width:28px;height:28px}}.tab .iconArrow{width:34px;height:34px;border-radius:50%;border:1px solid #222}@media(max-width: 750px){.tab .iconArrow{width:28px;height:28px}}.close .iconOpen:before{font-family:"Font Awesome 5 Free";font-weight:900;content:"";font-size:1vmax}.iconOpen:before{font-family:"Font Awesome 5 Free";font-weight:900;content:"";font-size:1vmax}.iconArrow:before{font-family:"Font Awesome 5 Free";font-weight:900;content:"";font-size:1vmax}.home #projectArea,.home #article_Area{padding:0 2%;border-top:1px solid #ddd}#projectArea .contents_Inner{display:grid;display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr;gap:2vw;margin-bottom:4vw}@media(max-width: 750px){#projectArea .contents_Inner{display:block}}#projectArea .contents_Inner .card_smoll{border:none;padding:0;margin:0}@media(max-width: 750px){#projectArea .contents_Inner .card_smoll{margin-bottom:8vw}}#projectArea .contents_Inner .card_smoll img{border-radius:4px}#blogArea .blogArea_contents_Inner{margin-bottom:4%}@media(max-width: 750px){.single{padding-top:60px}}.single .eyecath.--main{aspect-ratio:16/9;overflow:hidden;border-radius:8px;position:relative;margin-bottom:12px}@media(max-width: 480px){.single .eyecath.--main{border-radius:0}}.single .eyecath.--main img{width:100%;max-width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:100%;-o-object-fit:cover;object-fit:cover;display:block;margin:0}@media(max-width: 750px){.single .card_infoArea{padding:0 4%}.single .card_infoArea h1{font-size:2.2rem}}.single .content-inner{height:auto !important;max-width:1240px;display:grid;grid-template-columns:66% 1fr;gap:4%;margin:24px auto 0}@media(max-width: 480px){.single .content-inner{display:block;margin:0}}.single article h1{font-size:3rem;margin-bottom:8px !important}.single article .card_date{font-size:1.4rem;opacity:.6}.single article .eyecath img,.single article .contents_Area img{width:100%;display:block;height:auto;margin:36px auto;border:1px solid #e8e8e8}@media(max-width: 750px){.single article .eyecath img{margin:0 0 30px;border:none}}.single article .contents_Area{font-size:1.8rem}@media(max-width: 750px){.single article .contents_Area{padding:0 4%;box-sizing:border-box}}.single article .contents_Area a{color:#2196f3;text-decoration:underline;font-style:italic}.single article .contents_Area p{margin:30px 0;letter-spacing:0;font-size:1.8rem;line-height:2}.single article .contents_Area h2,.single article .contents_Area h3{font-size:2.4rem;margin:40px 0 24px;padding:0}@media(max-width: 750px){.single article .contents_Area h2,.single article .contents_Area h3{font-size:2rem}}.single article .contents_Area h4{font-size:1.8rem;margin:30px 0 20px}@media(max-width: 750px){.single article .contents_Area h4{font-size:1.6rem}}.single article .contents_Area ul{padding:32px;border-radius:4px;background:#f7f9f9;font-size:1.6rem;margin-bottom:20px}@media(max-width: 750px){.single article .contents_Area ul{padding:24px}}.single article .contents_Area ul li{list-style-type:disc}.single article .contents_Area ul li strong{font-size:2rem}.single article .contents_Area table{width:100%;font-size:1.4rem;margin:4rem 0}.single article .contents_Area table th{width:20%;font-weight:bold;border-top:1px solid #ccc;border-bottom:1px solid #ccc;white-space:nowrap;vertical-align:top;padding:22px 0 18px;text-align:left}.single article .contents_Area table td{width:80%;border-top:1px solid #ccc;border-bottom:1px solid #ccc;vertical-align:top;box-sizing:border-box;padding:22px 0 18px;padding-left:20px}.single article .contents_Area .pager{width:100%;border-top:1px solid #dedede;border-bottom:1px solid #dedede;padding:20px 0}.single article .contents_Area .pager a{display:block;color:#222;text-decoration:none}.single article .contents_Area .pager img{width:60px;height:60px;object-fit:cover;margin:0}.single article .contents_Area .pager P{margin:0}.single article .contents_Area .pager .title{font-size:1.3rem;width:70%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.single article .contents_Area .addthis_tool{margin-bottom:40px;text-align:right}.single article .contents_Area .addthis_tool a{margin-bottom:0;margin-right:0;margin-left:6px;border-radius:2px !important}.single article .contents_Area .addthis_tool a:first-child{margin-left:0}.single article .contents_Area .tag_Area{margin-bottom:30px}.single article .contents_Area .tag_Area a{color:#333;text-decoration:none;font-style:normal;font-size:1.4rem;border:1px solid #ccc;border-radius:4px;padding:2px 6px;margin-left:10px;margin-bottom:10px}.single article .contents_Area .tag_Area a:before{content:"#";margin-right:4px}.single article .contents_Area .tag_Area a:first-child{margin-left:0}.single article .contents_Area .Author_Area{justify-content:space-between;padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #ddd}.single article .contents_Area .Author_Area .avatar{width:80px;height:80px;border-radius:50%}.single article .contents_Area .Author_Area .avatar img{border:none;margin:0}.single article .contents_Area .Author_Area .text_Area{width:calc(100% - 100px)}.single article .contents_Area .Author_Area .text_Area .name{margin:0;font-weight:700}.single article .contents_Area .Author_Area .text_Area .descripiton{font-size:1.6rem;line-height:1.5;margin:0}@media(max-width: 750px){.single article .contents_Area .Author_Area .text_Area .descripiton{font-size:1.3rem}}.single article .contents_Area .ads_Area{margin-bottom:30px}.single article .contents_Area .back,.single article .contents_Area .next{width:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.single article .contents_Area .back .pagelink,.single article .contents_Area .next .pagelink{position:relative;font-size:1.2rem;display:inline-block;width:100%;opacity:.8;margin-top:-15px;box-sizing:border-box}.single article .contents_Area .back .title,.single article .contents_Area .next .title{margin-left:10px}@media(max-width: 750px){.single article .contents_Area .back .post,.single article .contents_Area .next .post{display:none}}.single article .contents_Area .back{border-right:1px solid #dedede}.single article .contents_Area .back .pagelink{text-align:left}.single article .contents_Area .back .pagelink::before{font-family:"Font Awesome 5 Free";font-weight:900;content:"";font-size:1rem;margin-right:4px}.single article .contents_Area .next{padding-left:10px}.single article .contents_Area .next .pagelink{text-align:right}.single article .contents_Area .next .pagelink::after{font-family:"Font Awesome 5 Free";font-weight:900;content:"";font-size:1rem;margin-left:4px}.single article .contents_Area blockquote{padding-left:12px;margin-left:16px;border-left:4px solid #0492e3;font-style:italic;font-weight:600;color:#0492e3}.single article .contents_Area blockquote p{margin:0}.single article .contents_Area blockquote cite{font-size:1.4rem;color:#888}:root{--c-beige-bg:#F5F4EF;--c-primary: #57B4C0;--c-parimary-hover:#6cc8d4;--c-primary-bg: #EBF5FF;--c-parimary-bg-hover:#f6f8ff;--c-primary-purple-rgb:116,94,158;--c-primary-border:#745E9E;--c-primary-border-rgb:116,94,158;--c-secondary: #1D4C94;--c-secondar-bg: #F0F6F6;--c-accent:#e59500;--c-playing-bg:#005E52;--c-white:#fff;--c-pink: #D13878;--c-pink-rgb: 209,56,120;--c-pink-hover: #e9317e;--c-purple:#745E9E;--c-purple-hover:#977ec5;--c-black: #000000;--c-black-bg: rgba(0, 0, 0, .3);--c-gray:#666;--c-gray-darker:#A6A6A6;--c-gray-bg:#f6f6f6;--c-gray-lighter:#A6A6A6;--c-gray-lightest:#FBFBFB;--c-gray-border:#CBDADC;--c-gray-border-lighter:#eee;--c-link: #30BCF9;--c-hove-bg: #f5f5f5;--c-red:#ff5959;--c-red-rgb: 255,89,89;--c-blue-rgb:70,211,255;--c-twitter-blue: #1C9BF0}@media(max-width: 767px){.pc{display:none} .sp{display:inline}}@media pc{.pc{display:inline} .sp{display:none}} html,body{overflow-y:scroll;overflow-x:hidden;max-width:100%;width:100%;margin:0} body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,figure,button{margin:0;padding:0;resize:none} input,textarea{font-size:16px} address,caption,cite,code,dfn,strong,th,var{font-style:normal} table{border-collapse:collapse;border-spacing:0} caption,th{text-align:left} q:before,q:after{content:""} object,embed{vertical-align:top} hr,legend{display:none} h1,h2,h3,h4,h5,h6{font-size:100%} img,abbr,acronym,fieldset{border:0} img{vertical-align:bottom} li{list-style-type:none} a{text-decoration:none;color:var(--c-black)} input[type=submit],input[type=button]{border-radius:4px;-webkit-box-sizing:content-box;-webkit-appearance:button;appearance:button;border:none;box-sizing:border-box} input[type=submit]::-webkit-search-decoration,input[type=button]::-webkit-search-decoration{display:none} input[type=submit]::focus,input[type=button]::focus{outline-offset:-2px} :disabled{opacity:.7} .text-list{font-size:14px;list-style-type:disc;margin-left:16px} textarea{background:none} .pc_only{display:block}@media(max-width: 767px){.pc_only{display:none}} .sp_only{display:none}@media(max-width: 767px){.sp_only{display:block}} header{width:100%;height:100px;margin:100px auto 0;position:absolute;top:-100px;line-height:1;z-index:999}@media(max-width: 750px){header{height:60px;margin:60px auto 0;top:-60px}} .fixed{position:fixed;margin-top:0;top:0;background:#fff;transition:top .65s ease-in;-webkit-transition:top .65s ease-in;-moz-transition:top .65s ease-in} .header_inner{height:100px;margin:0 4%;position:relative}@media(max-width: 750px){.header_inner{height:60px}} .header_inner .gloval_navigation .navi_buttonArea{display:none}@media(max-width: 750px){.header_inner .gloval_navigation .navi_buttonArea{display:block;position:absolute;right:0;top:10px}} .header_inner .gloval_navigation .navi_icon{cursor:pointer;width:38px;height:38px;padding:10px;box-sizing:border-box;border-radius:50%;background:#ff1880;background:linear-gradient(90deg, #ff1880 0%, #d4005b 100%);box-shadow:0 7px 20px 0 rgba(0,0,0,.1)} .header_inner .gloval_navigation .navi_icon:before{font-family:"Font Awesome 5 Free";font-weight:900;content:"";font-size:1.6rem;color:#fff;text-align:center;display:block} .header_inner .gloval_navigation p:first-child{font-size:1.2rem;font-weight:700;line-height:1} .header_inner .gloval_navigation p:last-child{font-size:1rem} .header_inner .header_logo{margin-right:30px;margin-left:-1.4%;width:180px;z-index:999}@media(max-width: 750px){.header_inner .header_logo{width:140px}} .header_inner .header_logo img{width:100%}@media(max-width: 750px){.header_inner .navigation_inner{display:none}} .header_inner .navigation_inner nav{font-weight:700;font-size:1.4rem} .header_inner .navigation_inner nav li{margin-left:20px} .header_inner .navigation_inner nav li:first-child{margin:0} .header_inner .navigation_inner .sub_navgation{position:absolute;right:0} .header_inner .navigation_inner .sub_navgation .snsArea li{margin-left:20px} .header_inner .navigation_inner .sub_navgation .contact{margin-left:20px} .header_inner .navigation_inner .sub_navgation .contact a{width:120px;font-size:1.2rem;text-align:center;font-weight:700;background:#e91e63;color:#fff} .gloval_navigation_contents{display:none} .open .gloval_navigation_contents{display:block;overflow-y:scroll;width:100% !important;height:100%;margin:0;padding:0;position:fixed;left:0;top:0;background:#fff;z-index:2;overflow:hidden;-webkit-transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;-ms-transition:all 300ms ease-out;-o-transition:all 300ms ease-out;transition:all 300ms ease-out;-webkit-overflow-scrolling:touch} .open .gloval_navigation_contents #navi_header{position:relative;height:60px;margin:0 4%} .open .gloval_navigation_contents #navi_header .navi_icon{cursor:pointer} .open .gloval_navigation_contents #navi_header .navi_icon:before{font-family:"Font Awesome 5 Free";font-weight:900;content:"";font-size:1.6rem;color:#fff;text-align:center;display:block} .open .gloval_navigation_contents .menuOpen_contents{height:calc(100% - 60px);overflow-y:scroll} .open .gloval_navigation_contents .menuOpen_contents .menuOpen_contents_container{width:100%;box-sizing:border-box} .open .gloval_navigation_contents .menuOpen_contents .searchArea{padding:0 20px;box-sizing:border-box;height:auto} .open .gloval_navigation_contents .menuOpen_contents .searchArea .container-2{width:100%;position:relative} .open .gloval_navigation_contents .menuOpen_contents .searchArea .container-2 .seachform{width:100%;position:relative} .open .gloval_navigation_contents .menuOpen_contents .searchArea .container-2 .icon{position:absolute;height:100%;z-index:1;right:0;top:0;background:#e91e63;color:#f5f5f5;height:34px} .open .gloval_navigation_contents .menuOpen_contents .searchArea .container-2 #search{font-size:1.6rem;border-radius:4px;padding:10px;position:relative;width:calc(100% - 44px);box-sizing:border-box;height:auto} .open .gloval_navigation_contents .menuOpen_contents #menuArea{background:#222;color:#fff;overflow-y:scroll} .open .gloval_navigation_contents .menuOpen_contents #menuArea a{color:#fff;padding:20px;display:block;width:100%;border-top:1px solid #4a4a4a;box-sizing:border-box} .open .gloval_navigation_contents .menuOpen_contents #menuArea a i{margin-right:6px;width:20px} .open .gloval_navigation_contents .menuOpen_contents #menuArea h3{padding:20px;box-sizing:border-box} .open .gloval_navigation_contents .menuOpen_contents #menuArea #navi_menu li{width:100%} .open .gloval_navigation_contents .menuOpen_contents #menuArea .searchArea{width:100%} .searchArea{width:240px;height:34px} .searchArea .icon{margin:0;font-size:1.6rem;border:none;width:34px;height:34px;border-radius:17px;text-align:center} .searchArea button{cursor:pointer} .container-2{width:240px;vertical-align:middle;white-space:nowrap;position:relative;cursor:pointer} .container-2 #search{width:34px;height:34px;font-size:1.4rem;border:none;border-radius:100px;padding:0 0 0 17px;-webkit-transition:width .55s ease;-moz-transition:width .55s ease;-ms-transition:width .55s ease;-o-transition:width .55s ease;transition:width .55s ease;right:0;top:50%;position:absolute} .container-2 .icon{position:absolute;z-index:1;right:0;top:0} .container-2 input#search:focus,.container-2 input#search:active{outline:none;width:240px;background:#f5f5f5} .container-2:hover input#search{width:240px;background:#f5f5f5} .container-2:hover .icon{color:#93a2ad} input:-internal-autofill-selected{background:#fff} footer #projectArea{position:relative} footer #projectArea a{display:block;position:absolute;z-index:10;top:0;left:0;width:100%;height:100%} footer #contactArea{padding:5% 2%;position:relative;background-size:200% 100%;background-image:-webkit-linear-gradient(left, transparent 50%, #000 50%);background-image:linear-gradient(to right, transparent 50%, #000 50%);-webkit-transition:background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s,color .5s ease 0s,background-color .5s ease;transition:background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s,color .5s ease 0s,background-color .5s ease} footer #contactArea:hover{background-color:#000;background-position:-100% 100%}@media(max-width: 750px){footer #contactArea{padding:10% 4%}} footer #contactArea a{display:block;position:absolute;z-index:10;top:0;left:0;width:100%;height:100%} footer #contactArea .tab .iconArrow{border:1px solid #fff} footer .sitemap{margin:2%}@media(max-width: 750px){footer .sitemap{margin:4%}}@media(max-width: 750px){footer .sitemap nav{width:100%} footer .sitemap nav ul{justify-content:center}}@media(max-width: 480px){footer .sitemap nav{margin-bottom:30px}} footer .sitemap .snsArea{margin-left:auto}@media(max-width: 750px){footer .sitemap .snsArea{margin:0 auto 30px}} footer .sitemap .copyright{font-size:1.2rem;margin-left:20px;opacity:.5}@media(max-width: 750px){footer .sitemap .copyright{width:100%;margin:0;text-align:center}} footer .sitemap li{margin-left:20px;font-size:1.3rem} footer .sitemap li:first-child{margin:0} aside .banner-image{width:100%;height:auto;padding-bottom:24px} aside h3{margin-bottom:20px;font-size:2rem}@media(max-width: 750px){aside h3{font-size:1.8rem}} aside .sideContent_Area{padding-top:40px} aside .sideContent_Area:nth-of-type(1){padding-top:0}@media(max-width: 480px){aside .sideContent_Area{padding:0 4%;margin-top:32px}}@media(max-width: 480px){aside #categories-3{display:none}} aside #categories-3 li{border-bottom:1px solid #ddd;margin-top:16px;padding-bottom:16px} .c-button,.c-button-none,.c-button-round,.c-button-plane,.c-button-plane__border,.c-button-caution,.c-button-purple,.c-button-pink,.c-button-mint{padding:16px 32px;background-color:var(--c-white);font-size:16px;border-radius:8px;line-height:1;display:inline-block} .c-button:hover,.c-button-none:hover,.c-button-round:hover,.c-button-plane:hover,.c-button-plane__border:hover,.c-button-caution:hover,.c-button-purple:hover,.c-button-pink:hover,.c-button-mint:hover{background-color:var(--c-parimary-bg-hover)} .c-button-mint{background-color:var(--c-primary)} .c-button-mint:hover{background-color:var(--c-parimary-hover)} .c-button-pink{background-color:var(--c-pink)} .c-button-pink:hover{background-color:var(--c-pink-hover)} .c-button-purple{background-color:var(--c-purple)} .c-button-purple:hover{background-color:var(--c-purple-hover)} .c-button-caution{color:var(--c-red);border:1px solid var(--c-red);background-color:rgba(var(--c-red-rgb), 0.1)} .c-button-caution:hover{background-color:var(--c-red);color:var(--c-white)} .c-button-plane,.c-button-plane__border{background-color:var(--c-white);color:var(--c-black)} .c-button-plane__border{border:1px solid var(--c-gray-border);font-size:14px} .c-button-dark{border-radius:8px;padding:8px 16px;color:var(--c-white);font-size:14px;background-color:rgba(255,255,255,.2);border:1px solid #626262} .c-button-dark:hover{border:1px solid var(--c-gray-border-lighter);background-color:rgba(255,255,255,.3)} .c-button-round{border-radius:200px;box-sizing:border-box;line-height:1} .c-button-none{background:none;color:var(--c-gray)} #mainVisual{padding:100px 4% 0;background:var(--c-beige-bg)} .main-visual_inner{align-items:center;padding:4rem 0 6rem} .main-visual_head{order:2;max-width:760px} .main-visual_head img{width:100%} .main-visual_body{padding:0 1% 0 6%;flex:1;order:1} .main-visual_body h1{font-size:3.2rem} .main-visual_desc{padding-top:2.4rem} .main-visual_desc>p{margin-top:1.6rem} .main-visual_desc>p:first-child{margin-top:0} .main-visual-buttons{margin-top:4rem;font-weight:700;align-items:stretch} .main-visual-button{display:flex;margin-left:24px;padding:16px 50px} .main-visual-button:first-of-type{margin-left:0} .main-visual-button .label{margin-left:12px}/*!
* animate.css -http://daneden.me/animate
* Version - 3.7.0
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2018 Daniel Eden
*/@-webkit-keyframes pulse{from{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}50%{-webkit-transform:scale3d(1.05, 1.05, 1.05);transform:scale3d(1.05, 1.05, 1.05)}to{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}@keyframes pulse{from{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}50%{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}to{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes passing-bar{0%{left:0;right:auto;width:0}50%{left:0;right:auto;width:100%}51%{left:auto;right:0;width:100%}100%{left:auto;right:0;width:0}}@keyframes passing-bar{0%{left:0;width:0}50%{left:0;width:100%}51%{left:0;width:100%}100%{left:100%;width:0}}@-webkit-keyframes passing-txt{0%{opacity:0}50%{opacity:0}100%{opacity:1}}@keyframes passing-txt{0%{opacity:0}50%{opacity:0}100%{opacity:1}}.passing .passing-box{display:block}.passing .passing-bar{position:relative;display:inline-block;-webkit-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.passing .passing-bar:before{content:"";display:inline-block;width:0;height:100%;position:absolute;left:0;top:0;z-index:1;background:#fff}.passing .passing-txt{opacity:0;-webkit-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.passing.move .passing-bar:before{-webkit-animation:passing-bar 1s ease 0s 1 normal forwards;animation:passing-bar 1s ease 0s 1 normal forwards}.passing.move .passing-txt{-webkit-animation:passing-txt 0s ease .5s 1 normal forwards;animation:passing-txt 0s ease .5s 1 normal forwards}/*# sourceMappingURL=style.css.map */