@charset "UTF-8";.main-visual{position:relative;object-fit:contain}.main-visual-box{position:absolute;top:10%;background-color:#b0d8ff;width:60%;height:75vh;border-radius:0 15px 15px 0}#ImgContainer{position:relative;width:100%;height:75vh;z-index:1}.main-visual-img{position:absolute;top:0;right:0;width:80%;height:100%;object-fit:cover;object-position:60% 50%;opacity:0;transition:opacity 2s ease-in-out;border-radius:15px 0 0 15px}.main-visual-img.active{opacity:1}.main-visual-textwrap{position:absolute;top:55%;background-color:#536caa;z-index:2;width:550px;height:50%;border-radius:0 15px 15px 0;display:flex;justify-content:center;align-items:center}.main-visual-title{color:#fff;font-size:3.5rem;display:inline-block;width:fit-content}@media (max-width:768px){.main-visual-box{width:90%;top:0}#ImgContainer{height:60vh}.main-visual-img{width:100%;border-radius:0}.main-visual-textwrap{top:70%;width:375px}.main-visual-title{font-size:2.5rem}}@media (max-width:428px){.main-visual{height:480px}.main-visual-box{height:55vh}#ImgContainer{height:35vh}.main-visual-textwrap{top:50%;width:300px;height:35%}.main-visual-title{font-size:2rem}}.section-title{display:flex;align-items:center;gap:10px;font-family:'Noto Sans JP',sans-serif;position:relative;margin-left:10px}.section-title .en{font-size:3rem;color:#536caa;letter-spacing:3px}.section-title .en:before{content:'';display:inline-block;width:30px;height:2px;background-color:#536caa;margin-right:10px;position:relative;top:-15px}.section-title .en:after{content:'';display:inline-block;position:absolute;left:0;top:39px;width:2px;height:2px;background-color:#536caa;transform:translate(-10px,-.75px)}.section-title .jp{margin-top:15px;font-size:1.2rem;font-weight:700;color:#fff}.section-title .jp-black{margin-top:15px;font-size:1.2rem;font-weight:700;color:#4d4d4d}@media (max-width:768px){.section-title{flex-direction:column;align-items:flex-start;gap:0}.section-title .en{font-size:2.5rem}.section-title .en:after{top:30px}.section-title .jp{margin-top:0;margin-left:40px}}@media (max-width:428px){.section-title .en{font-size:2rem}.section-title .en:before{top:-10px}.section-title .en:after{top:22px}.section-title .jp{margin-top:0;margin-left:40px}}.news-archive{width:100%;display:flex;justify-content:center;padding-top:100px;padding-bottom:150px}.top-news{width:100%;display:flex;justify-content:center;padding-top:200px;padding-bottom:150px}.top-news-content{width:85%;max-width:1280px;display:flex;flex-direction:column;gap:50px}.top-news-category{color:#3ba1ac;background-color:#fff;border-radius:5px;padding:5px 10px;font-size:.7rem;border:solid 1px #3ba1ac;transition:all .3s ease}.top-news-category:hover{background-color:rgba(59,161,172,.1)}.top-news-list{width:95%;display:flex;flex-direction:column;gap:15px;margin-left:45px}.top-news-item{display:flex;flex-direction:column;border-bottom:1px solid #d9d9d9;padding:15px;gap:15px;padding-top:0}.top-news-item-left{display:flex;gap:25px}.top-news-item-between{display:flex;align-items:center;justify-content:space-between}.top-news-date{display:flex;align-items:center}.top-news-item-link{border:solid 1px #d9d9d9;border-radius:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;color:#4d4d4d;transition:all .3s ease}.top-news-item-link:hover{border-color:#536caa;color:#536caa;transform:translateX(4px)}.top-news .top-news-btn{background-color:#fff;color:#536caa;font-weight:700;border-radius:10px;border:solid 1px #536caa;margin-left:45px;padding:10px 30px;transition:all .4s ease;display:flex;align-items:center;justify-content:center;gap:10px;width:180px}.top-news .top-news-btn .arrow-right{border-color:#536caa;transition:all .4s ease}.top-news .top-news-btn:hover{background-color:#536caa;color:#fff;transform:translateY(-3px);box-shadow:0 4px 10px rgba(83,108,170,.4)}.top-news .top-news-btn:hover .arrow-right{border-color:#fff}.news-categories-filter{display:flex;justify-content:center;gap:10px;margin:20px 0}.category-filter-item{text-decoration:none;display:inline-block;padding:8px 15px;border:1px solid #ccc;border-radius:5px;font-size:14px;white-space:nowrap;transition:all .3s ease;background-color:#fff}.category-filter-item:hover{border-color:#536caa;color:#536caa}.category-filter-item.active{background-color:#536caa;color:#fff;border-color:#536caa}.pagination{text-align:center;margin:30px 0;padding:0}.pagination .page-numbers{display:inline-block;padding:8px 12px;margin:0 4px;font-size:16px;text-decoration:none;color:#536caa;border:1px solid #ccc;border-radius:5px;transition:background-color .3s,border-color .3s}.pagination .page-numbers:hover{background-color:#fff;border-color:#536caa;color:#536caa}.pagination .current{background-color:#536caa;color:#fff;border-color:#536caa;pointer-events:none;cursor:default}.pagination .dots{border:none;background:0 0;padding:8px 4px}.news-single{width:85%;max-width:1280px;margin:auto;display:flex;flex-direction:column;gap:50px;padding-top:30px;padding-bottom:100px}.entry-title{border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:50px}.news-nav{display:flex;align-items:center;justify-content:center;margin:50px 0;border-top:1px solid #eee;padding-top:20px}.news-nav a{text-decoration:none;display:inline-block;padding:5px 10px;transition:all .3s ease}.news-back .btn{border-color:#3ba1ac;color:#3ba1ac;font-size:14px;padding:8px 20px;border-radius:5px;text-transform:none}.news-back .btn:hover{background-color:#3ba1ac;color:#fff;box-shadow:0 2px 5px rgba(83,108,170,.3)}.news-nav .arrow-left,.news-nav .arrow-right{display:inline-block;width:10px;height:10px;border-style:solid;border-width:2px 2px 0 0;border-color:#3ba1ac;margin:0 5px;vertical-align:middle}.news-nav .arrow-left:hover,.news-nav .arrow-right:hover{border-color:#4dd8e7}.news-nav .arrow-left{transform:rotate(225deg)}.news-nav .arrow-right{transform:rotate(45deg)}@media (max-width:1000px){.top-news-list{margin-left:0;width:100%}.top-news .top-news-btn{margin-left:0}}@media (max-width:768px){.top-news-content{width:90%}.top-news-item-link{width:35px;height:35px}}@media (max-width:428px){.top-news{padding-top:50px;padding-bottom:100px}.top-news-content{gap:25px}.top-news-item-link{width:20px;height:20px}}.main-contents{position:relative;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:100px;padding-bottom:150px}.contents{display:flex;flex-direction:column;gap:40px;width:85%;max-width:1280px}.contents-visual{display:flex}.contents-visual-2{justify-content:flex-end}.contents-title{writing-mode:vertical-rl;letter-spacing:3px;width:15%;display:flex;flex-direction:column;justify-content:flex-end;gap:25px;z-index:2}.contents-title-2{justify-content:flex-start}.contents-title h2{font-size:3rem;color:#536caa;font-weight:700;line-height:1.2}.contents-title span{font-size:1.2rem;font-weight:700}.vertical-text{text-orientation:upright}.contents-img{position:relative;width:100%;max-width:850px;height:480px}.contents-img img{width:100%;height:100%;border-radius:20px;display:block;position:relative;z-index:1;object-fit:cover}.image-frame{position:absolute;top:50px;left:-100px;width:100%;height:100%;background-color:#536caa;border-radius:20px;opacity:.35;z-index:1}.image-frame-2{left:100px}@media (max-width:768px){.contents-title{gap:10px}.contents-title h2{font-size:2.5rem}.contents-img{height:350px}.image-frame{left:-65px}.image-frame-2{left:65px}}@media (max-width:428px){.contents-title h2{font-size:2rem}.contents-img{height:250px}.image-frame{left:-50px}.image-frame-2{left:50px}}.contents-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;z-index:3;margin-left:auto}.contents-cards-2{margin-left:0;margin-right:auto}.one-card{grid-template-columns:repeat(1,1fr)}.contents-card{background-color:#fff;padding:20px 25px;border:1px solid #536caa;box-shadow:0 2px 8px rgba(0,0,0,.05);border-radius:15px;position:relative;transition:all .5s ease;width:380px;height:100%;display:flex;flex-direction:column;gap:10px;overflow:hidden}.contents-card:before{content:'';position:absolute;top:0;right:-15px;width:150px;height:145px;background-size:contain;background-repeat:no-repeat;opacity:.3;transform-origin:center;z-index:0}#card-1:before{background-image:url(//www.ogms.info/wp-content/themes/understrap-child-main/css/../img/top_page/icon/parent_and_child.png)}#card-2:before{background-image:url(//www.ogms.info/wp-content/themes/understrap-child-main/css/../img/top_page/icon/fertilization.png)}#card-3:before{background-image:url(//www.ogms.info/wp-content/themes/understrap-child-main/css/../img/top_page/icon/baby_foot.png)}#card-4:before{background-image:url(//www.ogms.info/wp-content/themes/understrap-child-main/css/../img/top_page/icon/women_protection.png)}#card-5:before{background-image:url(//www.ogms.info/wp-content/themes/understrap-child-main/css/../img/top_page/icon/sperm.png)}#card-6:before{background-image:url(//www.ogms.info/wp-content/themes/understrap-child-main/css/../img/top_page/icon/egg_cell.png)}#card-7:before{background-image:url(//www.ogms.info/wp-content/themes/understrap-child-main/css/../img/top_page/icon/baby.png)}#card-8:before{background-image:url(//www.ogms.info/wp-content/themes/understrap-child-main/css/../img/top_page/icon/pregnancy.png)}#card-9:before{background-image:url(//www.ogms.info/wp-content/themes/understrap-child-main/css/../img/top_page/icon/gender_glyph.png)}#card-10:before{background-image:url(//www.ogms.info/wp-content/themes/understrap-child-main/css/../img/top_page/icon/father_hugging_child.png)}#card-11:before{background-image:url(//www.ogms.info/wp-content/themes/understrap-child-main/css/../img/top_page/icon/genome_glyph.png)}#card-12:before{background-image:url(//www.ogms.info/wp-content/themes/understrap-child-main/css/../img/top_page/icon/heredity.png)}#card-13:before{background-image:url(//www.ogms.info/wp-content/themes/understrap-child-main/css/../img/top_page/icon/test_tube.png)}#card-14:before{background-image:url(//www.ogms.info/wp-content/themes/understrap-child-main/css/../img/top_page/icon/airplane.png)}#card-15:before{background-image:url(//www.ogms.info/wp-content/themes/understrap-child-main/css/../img/top_page/icon/crowd.png)}.contents-card:hover{transform:translateY(-8px) scale(1.02);background-color:#f7fbff;box-shadow:0 4px 10px rgba(83,108,170,.4)}.contents-card h3{color:#536caa;font-size:1.2rem;z-index:1}.contents-text{display:flex;justify-content:space-between;align-items:end;z-index:1}.contents-card p{color:#4d4d4d;line-height:1.6;width:80%;height:70px}.contents-card-en p{height:100px}.contents-card .allow-btn{border:solid 1px #536caa;background-color:#fff;border-radius:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1}.contents-card .arrow-right{border-color:#536caa;transition:all .3s ease}.contents-card:hover .allow-btn{background-color:#536caa}.contents-card:hover .arrow-right{border-color:#fff}@media (max-width:1000px){.contents-card{width:330px}.contents-card-en p{height:130px}}@media (max-width:768px){.contents-cards{grid-template-columns:repeat(1,1fr)}}@media (max-width:428px){.contents-card{width:300px}.contents-card-en p{height:100px}.contents-card h3{font-size:1.2rem}.contents-card .allow-btn{width:35px;height:35px}}