/* Theme Name: Enfold Child Description: A Child Theme for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then. Version: 1.0 Author: Kriesi Author URI: http://www.kriesi.at Template: enfold */ /*Add your own styles here:*/ @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap'); :root{ --ai-font-main: "Noto Sans JP", sans-serif; } #top #wrap_all .all_colors{ font-family: var(--ai-font-main); } #top #wrap_all .all_colors h1{ font-size: clamp(26px, 4vw, 44px); } #top #wrap_all .all_colors h2{ font-size: clamp(24px, 3.4vw, 38px); } #top #wrap_all .all_colors h3{ font-size: clamp(21px, 2.6vw, 30px); } #top #wrap_all .all_colors h4{ font-size: clamp(19px, 2.2vw, 26px); } #top #wrap_all .all_colors h5{ font-size: clamp(17.5px, 1.8vw, 23px); } #top #wrap_all .all_colors h6{ font-size: clamp(16px, 1.6vw, 20px); } #top #wrap_all .all_colors p{ font-size: clamp(13px, 1.2vw, 15px); } /* POST TITLE */ .section-title{ font-weight: bold; color: #333; font-size: 24px; border-left: 5px solid #02646d !important; padding-left: 10px; margin-bottom: 30px; } /* recently news title */ h3.av-magazine-title.entry-title{ font-size: 16px !important; } /* Enfold 基本ヘッダーの非表示 */ #header, #header_main, #header_meta, #header_main_alternate, #socket{ display: none !important; } /* 本文が上に来るように */ .html_header_top.html_header_sticky #main, .html_header_top #main{ padding-top: 0 !important; margin-top: 0 !important; } /* Main 800px Button */ #top .btn80 .avia-button{ max-width:800px; width:100%; margin:14px auto 0; display:block;} /* Main Notice */ #top .fullsize .template-blog .post .entry-content-wrapper { max-width: 800px;} span.fallback-post-type-icon.avia-svg-icon.avia-font-svg_entypo-fontello { display: none;} h2.post-title.entry-title, h2.post-title.entry-title a{ line-height:.8 !important;font-size: 16px!important;} h2.post-title.entry-title a:hover{ opacity: 0.75;} /*** Main Hero Section2 260521***/ #top #wrap_all #aihippo-main-hero2 h1{ font-size: clamp(20px, 4vw, 38px);} #top #wrap_all #aihippo-main-hero2 h5{ font-size: clamp(14px, 1vw, 20px);} /* Desktop */ @media (min-width:1025px){ #aihippo-main-hero2 { background-size: 1200px auto; background-position: right 0 center; } } /* Tablet */ @media (max-width:1024px){ #aihippo-main-hero2 { background-size: 1200px auto; background-position: right -300px center;} } /* Mobile */ @media (max-width:768px){ #aihippo-main-hero2 { background-size: 1800px auto; background-position: right -900px center;} } @media (max-width: 541px) { #aihippo-main-hero2 { background-image: linear-gradient(to right, rgba(239,248,253,0.9), rgba(255,255,255,0)), url('/wp-content/uploads/home-hero-back-3.png'); background-size: 860px auto; background-position: right -440px top; } } /*** Main Hero Section1 260414***/ #top #wrap_all .btn-opt span {font-weight:600;} #top #wrap_all #aihippo-main-hero1 h1{ font-size: clamp(20px, 4vw, 38px);} #top #wrap_all #aihippo-main-hero1 h5{ font-size: clamp(14px, 1vw, 20px);} /* Desktop */ @media (min-width:1025px){ #aihippo-main-hero1 { background-size: 1100px auto; background-position: right 0 center; } } /* Tablet */ @media (max-width:1024px){ #aihippo-main-hero1 { background-size: 1100px auto; background-position: right -300px center;} } /* Mobile */ @media (max-width:768px){ #aihippo-main-hero1 { background-size: 1800px auto; background-position: right -900px center;} } @media (max-width: 541px) { #aihippo-main-hero1 { background-image: linear-gradient(to right, rgba(239,248,253,0.9), rgba(255,255,255,0)), url('/wp-content/uploads/home-hero-back-2.png'); background-size: 900px auto; background-position: right -410px top; } } /*** Main Hero Section ***/ #aihippo-main-hero .aihippo-main-heroText{ text-shadow: 0 0 6px rgba(255,255,255,0.9), 0 0 12px rgba(255,255,255,0.8), 0 0 18px rgba(255,255,255,0.6); } #aihippo-main-hero .avia-button, #aihippo-main-hero .avia-button span, #aihippo-main-hero .avia-button strong, #aihippo-main-hero .avia-button-wrap a, #aihippo-main-hero .avia-button-wrap a span, #aihippo-main-hero .button, #aihippo-main-hero .button span, #aihippo-main-hero a[class*="button"], #aihippo-main-hero a[class*="button"] span{ text-shadow: none !important; } #top #wrap_all #aihippo-main-hero h1{font-size: clamp(20px, 4.5vw, 44px);} #top #wrap_all #aihippo-main-hero h4{font-size: clamp(15px, 2.6vw, 26px);} #aihippo-main-hero .aihippo-main-heroText h1, #aihippo-main-hero .aihippo-main-heroText h4{ text-shadow: 0 0 2px rgba(255,255,255,1), 0 0 4px rgba(255,255,255,1), 0 0 6px rgba(255,255,255,1); } /* Desktop */ @media (min-width:1025px){ #aihippo-main-hero{ background-position: right 0 center !important;} } /* Tablet */ @media (max-width:1024px){ #aihippo-main-hero{ background-position: right -240px center !important;} } /* Mobile */ @media (max-width:768px){ #aihippo-main-hero{ background-image: url('/wp-content/uploads/home-hero-back-1.png'); background-position: right -920px bottom -220px !important;} } @media (max-width:541px){ #aihippo-main-hero{ background-position: right -40px bottom -170px !important;} } /*** Main DR＋NURSE ***/ /* CARD */ #top #aihippo-doctor-section{ display: flex; justify-content: center;} #top #aihippo-doctor-section .doctor-card{ display: flex; align-items: center; gap: 30px;} /* IMG */ #top #aihippo-doctor-section .doctor-img{ width: 180px; height: 180px; border-radius: 50%;overflow: hidden;} #top #aihippo-doctor-section .doctor-img img{ width: 100%;height: 100%;object-fit: cover;} /* TEXT */ #top #aihippo-doctor-section .doctor-text{ color: #00929f;} /* ENG文字 */ #top #aihippo-doctor-section .doctor-en{display: block;font-family: "Noto Serif JP", serif;font-size: 20px;} /* JP文字 */ #top #aihippo-doctor-section .doctor-ja{ display: block; font-family: "Noto Serif JP", serif;font-size: 34px; font-weight: 600;} /* Mobile */ @media (max-width:768px){ #top #aihippo-doctor-section{ flex-direction: column;} #top #aihippo-doctor-section .doctor-card{ justify-content: center;} #top #aihippo-doctor-section .doctor-img{ width: 150px; height: 150px;} #top #aihippo-doctor-section .doctor-ja{ font-size: 26px; } } /* =========== TEXT部分 =========== */ #top #aihippo-loop-section .loop-inner{ max-width: 1400px; margin: 0 auto; display: flex; align-items: center; gap: 30px;} /* IMG */ #top #aihippo-loop-section .loop-img{ flex: 1; max-width: 600px;} #top #aihippo-loop-section .loop-img img{ width: 100%; height: auto; display: block;} /* TEXT */ #top #aihippo-loop-section .loop-text{ flex: 1;} /* TITLE */ #top #aihippo-loop-section .loop-title{ font-family: "Noto Serif JP", serif; font-size: clamp(21px, 0.54vw + 18.4px, 26px)!important;color: #00929f!important; margin-bottom: 10px;} /* SUB TITLE */ #top #aihippo-loop-section .loop-sub{ font-family: "Noto Serif JP", serif; font-size: clamp(17px, 0.54vw + 14.4px, 22px)!important; color: #067fb8!important; margin-bottom: 10px;} /* LIST */ #top #aihippo-loop-section .loop-list{ padding-left: 0; margin-bottom: 10px;} #top #aihippo-loop-section .loop-list li{ margin-bottom: 5px;} #top #aihippo-loop-section .loop-list li::marker{ color: #00929f;} /* MOBILE */ @media (max-width:768px){ #top #aihippo-loop-section{ padding: 20px;} #top #aihippo-loop-section .loop-inner{ flex-direction: column; gap: 20px;} #top #aihippo-loop-section .loop-img{ max-width: 100%;} #top #aihippo-loop-section .loop-text{ text-align: left;} } /*** Main AI Hippoは、Human in the Loop BLUE BOX ***/ #top #wrap_all #aihippo-main-columnBG{ background-repeat: no-repeat !important; background-position: right 50px bottom 40px !important; background-size: 45% !important; } @media (max-width: 767px){ #top #wrap_all #aihippo-main-columnBG{ background-position: right 20px bottom 90px !important; background-size: 50% !important; } } @media (max-width: 480px){ #top #wrap_all #aihippo-main-columnBG{ background-position: right 10px bottom 164px !important; background-size: 40% !important; } } /*** LOOP ***/ #loop-border{ position: relative; } #loop-border::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: rgba(255,255,255,0.47); } /** Company Profile **/ #company-profile-table{ width: 100%; border-collapse: collapse; margin: 30px 0; font-size: 15px; } #company-profile-table th, #company-profile-table td{ border: 1px solid #e7f3f2; padding: 12px 16px; vertical-align: top; background-color: #fff; } #company-profile-table th{ width: 200px; background-color: #ebf9f8; font-weight: normal; color: #333; text-align: left; } #company-profile-table td{ color: #222; line-height: 1.6; } #company-profile-table td li{ margin-bottom: 6px; } #company-profile-table td ul{ padding-left: 5px; margin: 0; } /* td:first-child 스타일 무시 */ #company-profile-table td:first-child{ all: unset; padding: 12px 16px; color: #222; } @media (max-width: 768px){ #company-profile-table tbody{ background-color: #fff; } #company-profile-table th, #company-profile-table td{ display: block; width: 100%; } #company-profile-table tr{ display: block; margin-bottom: 20px; } #company-profile-table th{ background-color: #ddf2f1; color: #333; } } /**BR Option **/ .pc-only{ display:block;} .sp-only{ display:none;} .tablet-only{ display:none;} @media (max-width:1190px){ .tablet-only{ display:block;} } @media (max-width:767px){ .pc-only{ display:none; } .sp-only{ display:block;} .tablet-only{ display:none;} } #top .aihippo-medical-list > li{ margin-bottom: 28px;} #top .aihippo-medical-list .list-block > div, #top .aihippo-medical-list .flow-diagram > div{ margin-bottom: 10px;} #top .aihippo-medical-list ul{ margin: 10px 0 12px 20px;} #top .aihippo-medical-list .flow-diagram ul{ margin-left: 20px;} #top .aihippo-medical-list .flow-diagram ul li > div{ margin: 2px 0;}