@charset "UTF-8";#header{position:fixed;display:flex;align-items:center;top:0;left:0;right:0;z-index:100;background-color:#fff}#header .inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1120px;height:75px;margin:0 auto;padding:0 20px}@media screen and (max-width: 750px){#header .logo{width:40%}}#header .search-area form{display:flex;align-items:center;border:1px solid #A1A1AA;border-radius:5px;height:36px;padding:0 8px 0 12px}#header .search-area button{border:none;background-color:transparent;cursor:pointer;width:24px}#header .search-area input{border:none;outline:none;width:160px;transition:width .3s ease}#header .search-area input:focus{width:180px}@media screen and (max-width: 750px){#header .search-area input{width:120px}#header .search-area input:focus{width:140px}}#footer{padding:120px 0 40px}@media screen and (max-width: 750px){#footer{padding:60px 0 40px}}#footer *{font-family:ヒラギノ明朝 ProN W3,Hiragino Mincho ProN,游明朝,YuMincho,Hiragino Mincho ProN W3,HG明朝E,ＭＳ Ｐ明朝,ＭＳ 明朝,"Noto Serif JP",serif}#footer .inner{max-width:1120px;margin:0 auto;padding:0 20px}@media screen and (max-width: 750px){#footer .inner{padding:0px 5vw}}#footer .logo-area{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:60px}#footer .logo-area .logo{width:343px}#footer .logo-area .address{font-size:13px;font-weight:500}@media screen and (max-width: 750px){#footer .logo-area{gap:24px}#footer .logo-area .logo{width:80%}#footer .logo-area .address{font-size:3vw}}#footer .links{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-bottom:60px}@media screen and (max-width: 750px){#footer .links{grid-template-columns:repeat(2,1fr);row-gap:40px}}#footer .links .group{display:flex;flex-direction:column;gap:24px}@media screen and (max-width: 750px){#footer .links .group{gap:12px}}#footer .links .small{display:flex;flex-direction:column;gap:8px}#footer .links a{font-size:13px}#footer .links a.big{font-size:18px;font-weight:700}#footer .copyright{font-size:13px;font-weight:500;text-align:center}#contact{background-color:#e8f3f7;padding:50px 20px}@media screen and (max-width: 750px){#contact{padding:32px 5vw}}#contact .contact-area{display:flex;align-items:center;justify-content:center;gap:20px}@media screen and (max-width: 750px){#contact .contact-area{flex-direction:column;gap:16px}}#contact .contact-btn{position:relative;display:flex;align-items:center;justify-content:center;column-gap:10px;row-gap:5px;width:212px;height:92px;border-radius:10px;font-size:14px;text-align:center;font-weight:700;color:#fff}@media screen and (max-width: 750px){#contact .contact-btn{width:100%!important;font-size:4.5vw;height:auto;padding:16px 0}}#contact .contact-btn span{color:#fff}#contact .contact-btn .tag{background-color:#5a0010;border-radius:100px;font-size:12px;padding:3px 10px;color:#fff}#contact .contact-btn:after{position:absolute;content:"";width:6px;height:6px;aspect-ratio:1;border-right:2px solid white;border-top:2px solid white;rotate:45deg;top:0;bottom:0;right:15px;margin:auto}#contact .contact-btn.tel{flex-direction:column;background-color:#d0304d;width:336px;box-shadow:0 3px #5a0010}#contact .contact-btn.tel img{width:35px}#contact .contact-btn .number-area{display:flex;align-items:center;justify-content:center;column-gap:10px;font-size:24px}#contact .contact-btn.mail{background-color:#0f5bcc;box-shadow:0 3px #072965;padding-right:20px}#contact .contact-btn.mail img{width:25px}#contact .contact-btn.line{background-color:#009502;box-shadow:0 3px #044401;padding-right:20px}#contact .contact-btn.line img{width:35px}#single{max-width:800px;padding:100px 20px 120px;margin:0 auto}@media screen and (max-width: 750px){#single{padding:100px 5vw 120px}}#single .head-area{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}#single .head-area .tags{display:flex;gap:10px}#single .head-area .tags .tag{background-color:#e8f3f7;color:#0599d9;padding:4px 10px;border-radius:5px;font-size:12px;font-weight:600}#single .head-area h1{font-size:36px;line-height:1.3}@media screen and (max-width: 750px){#single .head-area h1{font-size:7vw}}#single .head-area .date{font-size:14px}#single .image{margin-bottom:32px}#single .image img{width:100%;height:auto}#single .content{font-size:16px;line-height:1.7rem;color:#1a1a1a;margin-bottom:64px}#single .content h1{font-size:24px;line-height:1.5;border-left:5px solid #0599D9;padding-left:16px;margin-bottom:32px}#single .content h2{font-size:20px;line-height:1.5;margin-bottom:24px}#single .content h3{font-size:18px;line-height:1.5;margin-bottom:24px}#single .content p{margin-bottom:16px;line-height:1.7}#single .content blockquote{background-color:#f6f6f7;padding:24px;border-radius:10px;box-shadow:-3px 0 #d8d8d8;margin-bottom:16px}#single .content blockquote p{margin:0}#single .content ul{margin-bottom:16px;padding-left:24px}#single .content ul li{margin-bottom:8px}#author{border:1px solid #D8D8D8;border-radius:10px;margin-top:32px}#author .inner{display:flex;gap:20px;padding:32px}@media screen and (max-width: 750px){#author .inner{padding:16px 5vw}}#author .image{width:90px;height:90px;overflow:hidden}#author .image img{width:100%;height:100%;object-fit:cover}#author .author-content{flex:1}#author .author-content .title{font-size:14px;margin-bottom:8px}#author .author-content .name{font-size:18px;font-weight:700;margin-bottom:4px}#author .author-content .license{font-size:14px;color:gray}#author .author-content .text{font-size:14px;margin-top:16px;line-height:1.5}#relation{margin-top:64px}#relation .inner .head{font-size:24px;margin-bottom:16px;font-weight:700}#relation .relation-area{display:flex;flex-direction:column}#relation .relation-area .relation-item{display:flex;border-top:1px solid #D8D8D8;gap:24px;padding:16px 0}@media screen and (max-width: 750px){#relation .relation-area .relation-item{flex-direction:column}}#relation .relation-area .relation-item .relation-image{width:181px;height:135px;overflow:hidden;background-color:#e8f3f7}#relation .relation-area .relation-item .relation-image img{width:100%;height:100%;object-fit:cover}@media screen and (max-width: 750px){#relation .relation-area .relation-item .relation-image{width:100%;height:auto;aspect-ratio:3/2}}#relation .relation-area .relation-item .relation-content{display:flex;flex-direction:column;justify-content:center;gap:12px;flex:1}#relation .relation-area .relation-item .relation-content .title{font-size:18px;font-weight:700;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical}#relation .relation-area .relation-item .relation-content .date{font-size:14px}#share{margin-top:64px}#share .inner{display:flex;justify-content:flex-end;align-items:center;gap:32px}#share .inner .head{font-size:16px}#share .inner .share-list{display:flex;gap:16px}#share .inner .share-list .share-item{width:32px;height:32px;overflow:hidden;cursor:pointer}#share .inner .share-list .share-item img{width:100%;height:100%;object-fit:cover}#list{max-width:1120px;padding:50px 20px 120px;margin:0 auto}@media screen and (max-width: 750px){#list{padding:50px 0 120px}}#list h2{display:flex;align-items:center;gap:8px;font-size:24px;font-weight:600;margin-bottom:24px}#list h2 img{width:32px}@media screen and (max-width: 750px){#list h2{padding:0 5vw;margin-bottom:0}}#error{max-width:1120px;padding:150px 20px 120px;margin:0 auto}#error .inner{display:flex;flex-direction:column;align-items:center}#error h1{font-family:Inter,sans-serif;font-size:72px;margin-bottom:16px}#error p{text-align:center;line-height:1.5}#error a{margin-top:40px;color:#0599d9}.pager{margin-top:40px}.pager .pagination{display:flex;align-items:center;justify-content:center;gap:8px}.pager .pagination li{list-style:none;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:5px;background-color:#fff;border:1px solid #D8D8D8;color:#1a1a1a;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.pager .pagination li a,.pager .pagination li span{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.pager .pagination li:hover,.pager .pagination li.active{border-color:#0599d9;color:#0599d9}.pager .pagination li:hover span,.pager .pagination li.active span{color:#0599d9}*{margin:0;padding:0;box-sizing:border-box;color:#1a1a1a;font-family:Noto Sans JP,sans-serif}img{display:block;width:100%}a{text-decoration:none;color:inherit}._sp_display{display:none}@media screen and (max-width: 750px){._sp_display{display:block}}._pc_display{display:block}@media screen and (max-width: 750px){._pc_display{display:none!important}}.top-content{margin-top:100px}.top-content h1{font-size:32px;text-align:center;margin-bottom:32px}.top-content .tag-list{display:flex;justify-content:center}.top-content .tag{border-left:1px solid #D8D8D8;padding:0 16px;font-size:14px}.top-content .tag:first-child{border-left:none}#main{max-width:1120px;padding:50px 20px 120px;margin:0 auto}@media screen and (max-width: 750px){#main{padding:50px 0 120px}}#main .top-article{position:relative;display:block;width:100%;height:320px;border-radius:10px;overflow:hidden;cursor:pointer}@media screen and (max-width: 750px){#main .top-article{border-radius:0}}#main .top-article .image{filter:brightness(.6);width:100%;height:100%;background-color:#e8f3f7}#main .top-article .image img{width:100%;height:100%;object-fit:cover}#main .top-article .content{position:absolute;display:flex;flex-direction:column;gap:16px;bottom:0;left:0;width:85%;padding:40px;border-radius:10px}@media screen and (max-width: 750px){#main .top-article .content{width:100%;padding:0 5vw 16px;gap:8px}}#main .top-article .content h2{font-size:36px;color:#fff;line-height:1.3}@media screen and (max-width: 750px){#main .top-article .content h2{font-size:7vw}}#main .top-article .content .date{font-size:14px;color:#fff;margin-top:8px}#main .top-article .content .tags{display:flex;gap:10px}#main .top-article .content .tags .tag{background-color:#e8f3f7;color:#0599d9;padding:4px 10px;border-radius:5px;font-size:12px;font-weight:600}.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}@media screen and (max-width: 750px){.articles{padding:0 5vw;grid-template-columns:repeat(1,1fr)}}.articles .article{border:1px solid #D8D8D8;border-radius:10px;padding:16px}.articles .image{overflow:hidden;width:100%;height:200px;border-radius:10px;margin-bottom:16px;background-color:#e8f3f7}.articles .image img{width:100%;height:100%;object-fit:cover}.articles .content{display:flex;flex-direction:column;gap:16px}.articles .content h2{font-size:24px;line-height:1.3}@media screen and (max-width: 750px){.articles .content h2{font-size:5vw}}.articles .content .date{font-size:14px}.articles .content .tags{display:flex;gap:10px;min-height:24px}.articles .content .tags .tag{background-color:#e8f3f7;color:#0599d9;padding:4px 10px;border-radius:5px;font-size:12px;font-weight:600}
