/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/


/* Common */
.logo-box h1.site-title{
font-size:20px !important;
font-family:'M PLUS 1';
}

div.ast-primary-header-bar{
background-color:#13254E !important;
height:80px;
}

.entry-content h1{
font-size:34px;
margin:88px 0 60px;
}

h2{
font-size:38px;
font-weight:bold;
}

div.wp-block-button a
{font-weight:400;}

.btn-contact{letter-spacing:0.11em;}

p{letter-spacing:0.02em;line-height:1.625;}

.wp-block-column p,
.wp-block-column span,
.wp-block-column li {
color:#fff !important;
}

.txt-light{
font-weight:lighter;
}

.txt-bold{
font-weight:bold;
}

.f-300
{font-weight:300;}

.f-400
{font-weight:400;}

.l-2{
letter-spacing:0.02em;
}

.l-3{
letter-spacing:0.03em;
}

.l-8{
letter-spacing:0.08em;
}

.l-11{
letter-spacing:0.11em;
}

.l-19{
letter-spacing:0.19em;
}

.l-30{
letter-spacing:0.28em;
}

.lh-26{
line-height:1.625;
}

.lh-30{
line-height:1.875;
}

#ast-desktop-header .ast-primary-header-bar .site-primary-header-wrap{
min-height:80px !important;
height:80px !important;
padding-top:0 !important;
padding-bottom:0 !important;
}

#post-10 .entry-content .layout-top{
padding-top:100px !important;
}

.entry-content .layout-top{
padding-top:20px !important;
}

.page-id-10 #page{
background-image:url('https://cosmo-crenavi.jp/wp-content/uploads/2025/06/Frame-11-scaled.png');
background-size:2539px !important;
background-repeat:no-repeat !important;
background-position:center 170px !important;}

.page-id-307 #page{
background-image:url('https://cosmo-crenavi.jp/wp-content/uploads/2025/07/bg-profile-2.png');
background-size:1828px !important;
background-repeat:no-repeat !important;
background-position:center 100px !important;}

.page-id-239 #page{
background-image:url('https://cosmo-crenavi.jp/wp-content/uploads/2025/07/bg-jaxa.png');
background-size:2153px !important;
background-repeat:no-repeat !important;
background-position:center 100px !important;}

.page-id-390 #page{
background-image:url('https://cosmo-crenavi.jp/wp-content/uploads/2025/07/bg-sony.png');
background-size:2218px !important;
background-repeat:no-repeat !important;
background-position:center 100px !important;}

.page-id-244 #page{
background-image:url('https://cosmo-crenavi.jp/wp-content/uploads/2025/07/bg-works-top.png');
background-size:2072px !important;
background-repeat:no-repeat !important;
background-position:center 100px !important;}

.page-id-280 #page,
.page-id-455 #page,
.page-id-456 #page,
.page-id-457 #page,
.page-id-458 #page{
background-image:url('https://cosmo-crenavi.jp/wp-content/uploads/2025/07/bg-works-sub.png');
background-size:1991px !important;
background-repeat:no-repeat !important;
background-position:center 100px !important;}

.page-id-213 #page{
background-image:url('https://cosmo-crenavi.jp/wp-content/uploads/2025/07/contact.png');
background-size:1445px !important;
background-repeat:no-repeat !important;
background-position:center 100px !important;}


.entry-content p.note-top, .-single-post p.note-top{
border:1px solid #fff !important;
display:table;
padding:5px 12px 6px;
text-align:center;
margin-bottom:10px; 
}

.entry-content p.note2-top{
margin-top:0px !important;
}

.top-Catchphrase{
margin-bottom:26px !important;
}

.entry-content .top-profile{
margin-bottom:0px !important;
}

.entry-content .top-name{
margin:20px 0 10px !important;
}

.btn-more{
font-weight:400;
letter-spacing:0.08em;
}

.entry-content .top-works{
margin-bottom:0px !important;
}

.wp-block-button .wp-block-button__link{
font-weight:400 !important;
letter-spacing:0.11em;
}

.main-logo{
margin-top:120px;
}

/* Single post */
.single-post .entry-content .wp-block-columns .wp-block-column p,
.single-post .entry-content .wp-block-columns .wp-block-column span {
color:#fff !important;
font-family:'M PLUS 1', sans-serif !important;
}

.single-post .entry-content .wp-block-columns{
padding:40px 0;	
}
.ast-separate-container #primary{margin-top:0 !important;}

.ast-single-post .entry-content a
{text-decoration:none !important}

.single-post-cosmo{
margin-top:20px !important;
}

.-single-post p.note-top{
border:1px solid #fff !important;
display:table;
padding:5px 12px 6px;
text-align:center;
margin-bottom:10px; 
}

.-single-post p.note2-top{
margin-top:0px; 
}

.entry-content .layout-top-single-post{
padding-top:20px !important;
}

.ast-plain-container .ast-no-sidebar #primary{
margin-top:26px !important;
}

.single-post-works{
font-size:26px;
font-weight:700;
margin-bottom:22px !important;
margin-top:119px !important;
}

.post-category{
font-size:14px;
background:#38382E;
color:#fff;
padding:6px 20px;
border-radius:1.2em;
}

.post-date{
font-size:14px;
color:#787A82;
margin-bottom:40px !important;
margin-top:8px !important;
}

header.entry-header h1.entry-title{
font-size:38px;
padding-bottom:50px;
}

.single-entry-content p{
font-size:15px !important;
}

/*.single-entry-content img{
width:494px !important;
}*/

.single-entry-content .entry-content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{
padding:0px 40px 0px 0px;
}

.single-entry-content .entry-content .wp-block-media-text.has-media-on-the-left .wp-block-media-text__content{
padding:0 0 0 40px;
}

.works-category-button{
border-color:#787a82;
border-width:1px;
background-color:#0e1222;
padding-top:10px;
padding-right:0;
padding-bottom:10px;
padding-left:0;
font-size:15px;
border-style:solid;
border-radius:50px;
width:388px;
text-align:center;
margin:0 auto 28px;
}

.btn-back-to-works{
border-color:#787a82;
border-width:1px;
background-color:#0e1222;
padding-top:10px;
padding-right:0;
padding-bottom:10px;
padding-left:0;
font-size:15px;
border-style:solid;
border-radius:50px;
width:388px;
text-align:center;
margin:0 auto 40px;
}

.single-post-cosmo .btn-contact{
margin-bottom:72px !important;
}

body.single-post header.entry-header h1.entry-title {
padding-bottom:0px;
}

body.single-post .entry-content h2.wp-block-heading{
font-size:18px !important;
margin-bottom: 30px;
margin-top:50px;
}

body.single-post .entry-content p{
margin-bottom:2.0em !important;
letter-spacing: 0.03em;
line-height:1.66;
}

body.single-post .entry-content p a{
text-decoration:underline !important;
}

body.single-post .entry-content ul {
list-style:none;
padding-left:6px;
font-size:15px;
margin-bottom:26px;
}

body.single-post .entry-content ul li::before {
content:""; 
display:inline-block;
width:0.2em;
height:0.2em;
background:#fff;
border-radius:50%;
margin-right:1.2em;
vertical-align:middle;
letter-spacing: 0.03em;
line-height:1.66;
}

body.single-post .entry-content ol {
padding-left:21px;
font-size:15px;
margin-bottom:26px;
}

body.single-post .entry-content ol li::before {
content:"";
padding-left:5px;
line-height:1.66;
}

/* end of Single post */

/* Top circle button */
.entry-content .circle-button-container{
display:flex;
flex-wrap:wrap;
justify-content:center;
padding-top:20px;
margin-bottom:62px;
gap:0 80px;
justify-content:center;
margin-top:44px;
}

.entry-content .circle-button{
width:284px;
height:284px;
border-radius: 50%;
border:1px solid rgba(255, 255, 255, 0.4);
color:#fff;
display:flex !important;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
padding:34px 20px 20px 20px;
transition:background-color 0.3s;
box-sizing:border-box;
background-color:#0E1222 !important;
}

.entry-content .circle-button h3{
font-size:20px !important;
font-weight:bold;
margin-bottom:10px;
line-height:1.4;
}

.entry-content .circle-button p{
font-size:15px !important;
line-height:1.625;
letter-spacing:0.02em;　
margin:0;
}

.circle-button:hover{
background-color:#38382E !important;
border:1px solid #38382E;
cursor:pointer;
}

/* JAXA Sony */
.ttl-career-date{margin-bottom:0px !important;letter-spacing:0.02em;}

.ttl-career-name{margin-top:4px !important;font-weight:bold !important;margin-bottom:10px !important;}

.txt-career-detail{margin-top:0 !important;margin-bottom:38px !important;}

.h4-career-sub{border-bottom:1px solid #787A82;padding-bottom:16px;}

.wp-block-separator{border-top:1px solid!important;color:#787A82;}
[data-ast-blocks-layout] .wp-block-separator:not(.is-style-wide):not(.is-style-dots){
max-width:1020px !important;
}

#pt-cv-view-a4b31abgu2 > .pt-cv-page,
#pt-cv-view-2c32fc6wb0 > .pt-cv-page{
grid-gap:0 !important;
}

#pt-cv-view-f7bdf73vsa > .pt-cv-page,
#pt-cv-view-e60ae48xjz > .pt-cv-page,
#pt-cv-view-9499a44es9 > .pt-cv-page,
#pt-cv-view-20f581ezca > .pt-cv-page,
#pt-cv-view-fb6ecb32hk > .pt-cv-page{
grid-gap:0 !important;
}

.pt-cv-view.iscvblock:not(.pt-cv-overlaygrid):not(.pt-cv-scrollable) .pt-cv-meta-fields *,
.pt-cv-view.iscvblock:not(.pt-cv-overlaygrid):not(.pt-cv-scrollable) .pt-cv-meta-fields *{
color:#fff !important;
}

.post-239.pt-cv-view.iscvblock .pt-cv-content-item a,
.post-390.pt-cv-view.iscvblock .pt-cv-content-item a{
font-size:15px !important;
font-weight:lighter !important;
text-decoration:underline !important;
}

.post-239 .pt-cv-title,
.post-390 .pt-cv-title{
font-weight:normal !important;
text-decoration:underline !important;
}

.post-239 .pt-cv-title a,
.post-390 .pt-cv-title a{
font-weight:normal !important;
text-decoration:underline !important;
}

.post-239 .pt-cv-meta-fields .entry-date,
.post-390 .pt-cv-meta-fields .entry-date{
font-size:15px !important;
color:#fff !important;
}

.pt-cv-no-post{font-size:15px !important;flex:auto;}

.post-239 .pt-cv-content-item.pt-cv-2-col,
.post-390 .pt-cv-content-item.pt-cv-2-col{
display: flex;
align-items: flex-start;
gap:14px;
padding:2px 0;
flex-direction: row-reverse;
}

.post-239 .pt-cv-content-item .entry-date,
.post-390 .pt-cv-content-item .entry-date{
white-space: nowrap;
}

.post-239 .pt-cv-content-item .pt-cv-meta-fields,
.post-390 .pt-cv-content-item .pt-cv-meta-fields{
min-width:90px;
letter-spacing:0.02em;
}

.post-239 .pt-cv-content-item .pt-cv-title,
.post-390 .pt-cv-content-item .pt-cv-title{
margin:0;
line-height:1.6;
flex:1;
}

.post-239 .wp-block-group p a,
.post-390 .wp-block-group p a{
text-decoration:underline !important;	
}

/* Profile */
.profile-txt{
margin:54px 0 70px;
}

.entry-content .profile-circle-button-container{
padding-top:20px;
}

.entry-content .profile-circle-button{
width:308px;
height:308px;
border-radius: 50%;
border:1px solid rgba(255, 255, 255, 0.4);
color:#fff;
display:flex !important;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
padding:34px 20px 20px 20px;
transition:background-color 0.3s;
box-sizing:border-box;
background-color:#0E1222 !important;
margin:auto;
}

.entry-content .profile-circle-button p.ttl-circle{
font-size:20px !important;
font-weight:bold;
margin:68px 0 0 0 !important;
}

.entry-content .profile-circle-button p.sub-circle{
font-size:14px !important;
font-weight:bold;
margin-bottom:6px !important;
}

.entry-content .profile-circle-button p.work-circle{
font-size:14px !important;
}

.entry-content .profile-circle-button p.date-circle{
font-size:14px !important;
margin-top:30px !important;
}

.circle-detail{
width:308px;
margin:40px auto;
}

.circle-detail .circle-txt{
font-size:15px !important;
}

.circle-detail .circle-more{
font-size:15px;
border:1px solid #787A82;
border-radius:50px;
width:100%;
text-align:center;
padding:8px 0 !important;
display:block;
}

.profile-circle-button:hover{
background-color:#38382E !important;
border:1px solid #38382E;
cursor:pointer;
}

/* Works */
h2.works-subttl{
font-size:28px;	
border-bottom: 1px solid #787A82;
padding-bottom:25px;
}

.entry-content .works-sub-profile-circle-button-container{
margin-bottom:80px;
}

.workstop-btn-contact{padding-top:70px !important;}

.post-280 .wp-block-group p a,
.post-455 .wp-block-group p a,
.post-456 .wp-block-group p a,
.post-457 .wp-block-group p a,
.post-458 .wp-block-group p a{
text-decoration:underline !important;
}


/* Works Pick up circle button */
.pickup-circle-button-container{
display:flex;
flex-wrap:wrap;
justify-content:center;
padding-top:20px;
margin-bottom:62px;
gap:0px 40px;
justify-content:center;
margin-top:44px;
}

.pickup-circle-button{
width:308px;
height:308px;
border-radius: 50%;
border:1px solid rgba(255, 255, 255, 0.4);
color:#fff;
display:flex !important;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
padding:34px 20px 20px 20px;
transition:background-color 0.3s;
box-sizing:border-box;
background-color:#0E1222 !important;
}

.pickup-circle-button h3{
font-size:22px !important;
font-weight:bold;
margin-bottom:10px;
line-height:1.4;
}

.pickup-circle-button p{
font-size:15px !important;
line-height:1.625;
letter-spacing:0.02em;
margin:0;
}

.pickup-circle-button:hover{
background-color:#38382E !important;
border:1px solid #38382E;
cursor:pointer;
}

/* Works Content Views */
.post-244 .pt-cv-view{
margin-top:0px !important;	
}

.post-280 .pt-cv-view,
.post-455 .pt-cv-view,
.post-456 .pt-cv-view,
.post-457 .pt-cv-view,
.post-458 .pt-cv-view{
margin-top:70px !important;	
}

.post-244 .pt-cv-content-item.pt-cv-2-col .terms{
font-size:15px;
background:#38382E;
color:#fff;
padding:0.2em 0.8em;
border-radius:1.2em;
display:block;
width:256px;
order:2;
text-align:center;
}

.post-244 .pt-cv-content-item.pt-cv-2-col .terms,
.post-280 .pt-cv-content-item.pt-cv-2-col .terms,
.post-455 .pt-cv-content-item.pt-cv-2-col .terms,
.post-456 .pt-cv-content-item.pt-cv-2-col .terms,
.post-457 .pt-cv-content-item.pt-cv-2-col .terms,
.post-458 .pt-cv-content-item.pt-cv-2-col .terms {
font-size: 15px;
background:#38382E;
color:#fff;
padding:0.2em 0.8em;
border-radius:1.2em;
display:block;
width:256px;
order:2;
text-align: center;
}

.pt-cv-view.iscvblock .pt-cv-content-item .pt-cv-meta-fields .terms a,
.pt-cv-view.iscvblock .pt-cv-content-item .pt-cv-meta-fields .terms a{
pointer-events:none !important;
cursor:default !important;
text-decoration:none !important;
color:inherit !important;
}

.post-244 .pt-cv-view,
.post-280 .pt-cv-view,
.post-455 .pt-cv-view,
.post-456 .pt-cv-view,
.post-457 .pt-cv-view,
.post-458 .pt-cv-view{
margin-bottom:60px;
}


.post-244 .pt-cv-content-item.pt-cv-2-col,
.post-280 .pt-cv-content-item.pt-cv-2-col,
.post-455 .pt-cv-content-item.pt-cv-2-col,
.post-456 .pt-cv-content-item.pt-cv-2-col,
.post-457 .pt-cv-content-item.pt-cv-2-col,
.post-458 .pt-cv-content-item.pt-cv-2-col {
display:flex;
align-items:center;
gap:1em;
flex-wrap:wrap;
}

.post-244 .pt-cv-meta-fields,
.post-280 .pt-cv-meta-fields,
.post-455 .pt-cv-meta-fields,
.post-456 .pt-cv-meta-fields,
.post-457 .pt-cv-meta-fields,
.post-458 .pt-cv-meta-fields {
display:contents;
}

.post-244 .pt-cv-meta-fields .entry-date,
.post-280 .pt-cv-meta-fields .entry-date,
.post-455 .pt-cv-meta-fields .entry-date,
.post-456 .pt-cv-meta-fields .entry-date,
.post-457 .pt-cv-meta-fields .entry-date,
.post-458 .pt-cv-meta-fields .entry-date {
order:1;
min-width:90px;
font-size:15px;
color:#fff;
}

.post-244 .pt-cv-title,
.post-280 .pt-cv-title,
.post-455 .pt-cv-title,
.post-456 .pt-cv-title,
.post-457 .pt-cv-title,
.post-458 .pt-cv-title {
order:3;
margin:0 0 0 10px;
width:550px;
line-height:1.6;
}

.post-244 .pt-cv-title a,
.post-280 .pt-cv-title a,
.post-455 .pt-cv-title a,
.post-456 .pt-cv-title a,
.post-457 .pt-cv-title a,
.post-458 .pt-cv-title a {
font-weight:normal;
}

.pt-cv-meta-fields span:nth-child(2)::before {
display:none;
}

.pt-cv-meta-fields > span:nth-child(2) {
display: none;
}

.post-244 .pt-cv-meta-fields > span:nth-child(2) {
display: none !important;
}
/* End of Works Content Views */

/* Works Pagenation */
.pt-cv-wrapper .pagination>li>a, .pt-cv-wrapper .pagination>li>span {
list-style:none !important;
display:inline-flex !important;
justify-content:center !important;
align-items: center !important;
margin:0 5px !important;
width:40px !important;
height:40px !important;
border:1px solid #787A82 !important;
border-radius:50% !important;
font-size:14px !important;
color:#fff !important;
transition:all 0.3s ease !important;
background-color:#0E1222 !important;
}

.pt-cv-pagination li.cv-pageitem-number.active {
  background-color: #38382E;
  color: #fff;
  border: none;
}

.pt-cv-pagination li.cv-pageitem-number:not(.active):hover {
  background-color: #fff;
  color: #38382E;
  cursor: pointer;
}
.pt-cv-pagination-wrapper{
margin:0 0 0!important;
text-align:center !important;
border-top: 1px solid #787A82;
padding-top: 60px;
}
.pt-cv-wrapper .pagination>.active>a, .pt-cv-wrapper .pagination>.active>a:focus, .pt-cv-wrapper .pagination>.active>a:hover, .pt-cv-wrapper .pagination>.active>span, .pt-cv-wrapper .pagination>.active>span:focus, .pt-cv-wrapper .pagination>.active>span:hover{
background-color:#38382E !important;
color:#fff !important;
}
/* End of Works Pagenation */

/* Works WPtabs Plugin */
ul.sp-tab__nav{
border-top:1px solid #787A82;
padding-top:50px !important;
}

h4.pt-cv-title{font-size:15px;}

#sp-wp-tabs-wrapper_262.sp-tab__lay-default > .sp-tab__tab-content .sp-tab__tab-pane{padding-right:0;padding-left:0;padding-bottom:0px !important;}

#sp-wp-tabs-wrapper_262.sp-tab__lay-default > ul .sp-tab__nav-item{
margin-right:0px !important;
}

#sp-wp-tabs-wrapper_262.sp-tab__lay-default > ul .sp-tab__nav-item .sp-tab__tab_title{
font-size:14px !important;
font-weight:normal !important;
color:#787A82 !important;
text-decoration: none !important;
border-bottom:3px solid transparent !important;
transition:all 0.3s ease !important;
display:inline-block !important;
padding-bottom:4px !important;
text-align:center !important;
padding:0 20px 10px!important;
}

#sp-wp-tabs-wrapper_262.sp-tab__lay-default > ul .sp-tab__nav-item .sp-tab__tab_title:hover {
color:#fff !important;
border-bottom: 3px solid #38382E !important;
font-weight:bold !important;
text-align:center !important;
padding:0 20px 10px!important;
}

#sp-wp-tabs-wrapper_262 > .sp-tab__nav-tabs .sp-tab__nav-link.sp-tab__active .sp-tab__tab_title {
color:#fff !important;
border-bottom:3px solid #38382E !important;
font-weight:bold !important;
text-align:center !important;
padding:0 20px 10px!important;
}

/* Works single page navigation */
.custom-post-navigation {
display:flex;
justify-content:space-between;
margin-top:68px;
margin-bottom:60px;
flex-wrap:wrap;
padding-top:71px;
padding-bottom:71px;
border-top:1px solid #787A82 !important;
border-bottom:1px solid #787A82 !important;
}

.custom-post-navigation .nav-previous {
width:48%;
}

.custom-post-navigation .nav-next {
width:48%;
text-align:right;
}

.custom-post-navigation .date-category {
align-items:center;
gap:1rem;
font-size:0.95rem;
color:#fff;
}

.custom-post-navigation .category {
background:#38382E;
color:#fff;
padding:0.2em 0.8em;
border-radius:1.2em;
font-size:15px;
}

.custom-post-navigation .date{
font-size:15px;
margin-right:10px;
}

.custom-post-navigation a {
color:#fff;
text-decoration:none;
font-weight:bold;
display:block;
align-items:center;
margin-top:14px;
}

.custom-post-navigation .title{
font-size:15px;
font-weight:normal !important;
}

.custom-post-navigation:has(.nav-next):not(:has(.nav-previous)) {
  justify-content: flex-end;
}

/* arrow */
.custom-post-navigation .nav-previous a {
display:flex;
align-items:center;
gap:8px;
justify-content:flex-start;
}

.custom-post-navigation .nav-next a {
display:flex;
align-items:center;
gap:8px;
justify-content:flex-end;
}

.custom-post-navigation .nav-previous a::before {
content:"";
display:inline-block;
width:30px;
height:30px;
background-image:url("https://cosmo-crenavi.jp/wp-content/uploads/2025/07/nav-previous.png");
background-size:contain;
background-repeat:no-repeat;
margin-right:8px;
vertical-align:middle;
flex-shrink:0;
}

.custom-post-navigation .nav-next a::after {
content:"";
display:inline-block;
width:30px;
height:30px;
background-image:url("https://cosmo-crenavi.jp/wp-content/uploads/2025/07/nav-previous.png");
background-size:contain;
background-repeat:no-repeat;
transform:rotate(180deg); /* 右向きに反転 */
margin-left:8px;
vertical-align:middle;
flex-shrink:0;
}

/* end of Works single page navigation */

/* Contact Form */
.fluentform_wrapper_3{
margin-bottom:120px;
}

.ff-default .ff-el-form-control:focus{
background-color:#1C2137;
}

.fluentform_wrapper_3 .ff-el-group{
margin-bottom:30px;
margin-top:8px;
}

.fluentform_wrapper_3 .contact-field-wp .ff-el-form-control{
width:60% !important;
}

.fluentform_wrapper_3 label{
display:block;
margin-bottom:8px;
font-size:15px;
font-weight:500;
color:#fff;
}

.fluentform_wrapper_3 .ff-el-form-control{
width:100%;
padding:26px 20px;
border-radius:30px;
border:1px solid #1C2137;
background-color:#1C2137;
color:#4B516F;
font-size:16px;
font-family:'M PLUS 1';
}

.fluentform_wrapper_3 textarea.ff-el-form-control{
border-radius:20px;
height:200px;
}

.fluentform_wrapper_3 .ff-el-form-control::placeholder{
color:#4B516F;
}

.fluentform_wrapper_3 .ff-el-form-control{
color:#fff !important;
font-family:'M PLUS 1', sans-serif !important;
}

.fluentform_wrapper_3 label,
.fluentform_wrapper_3 .ff-btn-submit {
font-family:'M PLUS 1', sans-serif !important;
}

.fluentform_wrapper_3 .ff-btn-submit{
padding:10px 40px;
border:1px solid #ccc;
border-radius:30px;
background:transparent;
color:#fff;
font-size:18px;
cursor:pointer;
transition:all 0.3s ease;
margin-top:12px;
}

.fluentform_wrapper_3 .ff-btn-submit:hover{
background-color:#fff;
color:#000;
}

.fluentform_wrapper_3 .ff-custom_html{
margin-top:0px;
font-size:14px;
color:#fff;
}

.ff-el-group-contact{
margin-bottom:8px !important;
}

.ff-message-success{border:none !important;}

.ff-message-success p{
font-size:16px;
text-align:center;
border:none;
margin-top:0 !important;
padding-top:0 !important;
letter-spacing:0.01em;
font-family:'M PLUS 1', sans-serif !important;
}

.ff-message-success p a{
display: inline-block;
padding: 12px 24px;
font-size: 14px;
border: 1px solid #333;
color: #fff;
text-decoration: none;
border-radius: 50px;
}

/* 404 */
.error-404{background:none !important;}


@media screen and (max-width:480px) {

/* SP Common*/
.entry-content h1{
font-size:24px;
margin:50px 0 48px;
}

#ast-hf-mobile-menu a{
font-size:15px;
}

#page{
background-image:url('https://cosmo-crenavi.jp/wp-content/uploads/2025/06/bk_top_sp_2-scaled.png');
background-repeat:no-repeat;
background-size:cover !important;
background-position:center top !important;
}

#post-10 .entry-content .layout-top{
padding-top:80px !important;
}

.entry-content .layout-top{
padding-top:20px !important;
}

.entry-content .layout-other-top{
padding-top:50px !important;
}

.entry-content p.note-top, .entry-content p.note2-top{
text-align:left;
}

.ast-builder-html-element p.note-top{
border:1px solid #fff !important;
display:table;
padding:5px 12px 6px;
text-align:center;
margin-bottom:10px; 
}

.main-logo{
width:252px;
margin-top:43px !important;
margin-bottom:18px !important;
}

div.ast-primary-header-bar{
background-color:#13254e; !important;
height:60px;
}

.ast-mobile-header-wrap .ast-primary-header-bar{
min-height:60px !important;
}
		
.top-Catchphrase{
font-size:20px !important;
}

.top-ph{width:163px;height:163px;float:left;}

.entry-content .top-profile{
margin-bottom:0px !important;
margin-top:36px !important;
font-size:24px !important;
}

.entry-content .top-name{
margin:0px 0 10px !important;
font-size:26px !important;
}
	
.sp-profile-txt{margin-top:4px;}
	
.sp-works-txt{margin-top:6px;margin-bottom:4px !important;}

.top-works{font-size:24px !important;}
	
.wp-container-core-group-is-layout-b0aba45e{padding-top:70px;}

.wp-block-buttons>.wp-block-button.btn-contact .wp-block-button__link {
font-size:16px !important;
}	

.ast-builder-grid-row{
height:60px;
}

.top-btn-contact{padding-top:0 !important;}

.page-top-btn-contact{padding-top:0 !important;}
	
.page-id-10 #page{
background-image:url('https://cosmo-crenavi.jp/wp-content/uploads/2025/07/TOP_mobile.png') !important;
background-size:100% !important;
background-repeat:no-repeat !important;
background-position:center top!important;}

.page-id-307 #page{
background-image:url('https://cosmo-crenavi.jp/wp-content/uploads/2025/07/Profile_mobile-2.png') !important;
background-size:100% !important;
background-repeat:no-repeat !important;
background-position:center top!important;}

.page-id-239 #page{
background-image:url('https://cosmo-crenavi.jp/wp-content/uploads/2025/07/Profile-JAXA_mobile.png') !important;
background-size:100% !important;
background-repeat:no-repeat !important;
background-position:center top!important;}

.page-id-390 #page{
background-image:url('https://cosmo-crenavi.jp/wp-content/uploads/2025/07/Profile-sony_mobile.png') !important;
background-size:100% !important;
background-repeat:no-repeat !important;
background-position:center top!important;}

.page-id-244 #page{
background-image:url('https://cosmo-crenavi.jp/wp-content/uploads/2025/07/Works_mobile.png') !important;
background-size:100% !important;
background-repeat:no-repeat !important;
background-position:center top!important;}

.page-id-280 #page,
.page-id-455 #page,
.page-id-456 #page,
.page-id-457 #page,
.page-id-458 #page{
background-image:url('https://cosmo-crenavi.jp/wp-content/uploads/2025/07/Works_sub.png') !important;
background-size:100% !important;
background-repeat:no-repeat !important;
background-position:center top!important;}

.page-id-213 #page{
background-image:url('https://cosmo-crenavi.jp/wp-content/uploads/2025/07/Contact_mobile.png') !important;
background-size:100% !important;
background-repeat:no-repeat !important;
background-position:center top!important;}


/* SP Top circle button */
.circle-button-container {
display:flex;
flex-direction:column;
align-items:center;
margin-top:0 !important;
padding-top:0 !important;
margin-bottom:38px !important;
}

.circle-button {
width:190px !important;
height:190px !important;
margin:20px 0;
border-radius:50%;
border:1px solid rgba(255,255,255,0.4);
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
color:#fff;
text-align:center;
padding:20px;
transition:background-color 0.3s;
background-color:#0E1222 !important;
position:relative;
}
	
.entry-content .circle-button h3{
font-size:15px !important;
}

.entry-content .circle-button p{
font-size:13px !important;
line-height:1.4;
}

.circle-button-container a:nth-child(1) .circle-button,
.circle-button-container a:nth-child(3) .circle-button,
.circle-button-container a:nth-child(5) .circle-button{
align-self:flex-start;
margin-left:-120px;
}

.circle-button-container a:nth-child(2) .circle-button,
.circle-button-container a:nth-child(4) .circle-button{
align-self:flex-end;
margin-right:-120px;
}

.circle-button-container a:nth-child(2) .circle-button,
.circle-button-container a:nth-child(3) .circle-button,
.circle-button-container a:nth-child(4) .circle-button,
.circle-button-container a:nth-child(5) .circle-button{
margin-top:-40px;
}

.circle-button:hover {
background-color: #38382E;
}

.site-below-footer-wrap[data-section="section-below-footer-builder"].ast-footer-row-mobile-stack .site-footer-section{
margin-bottom:0px !important;
}

/* SP Profile */
.ttl-profile-career{
font-size:20px !important;
margin-bottom:0 !important;
}
	
.entry-content .profile-circle-button-container{
padding-top:0 !important;
}

.circle-detail{
width:340px;
margin-top:26px;
}

.circle-detail .circle-more{
margin-bottom: 30px;
background-color: #0E1222;
}

.btn-contact-profile{
padding-top:14px;
}

/* SP JAXA Sony */
.ttl-career-name{
font-size:16px !important;
letter-spacing:0.04em;
}
	
.post-239 .pt-cv-content-item.pt-cv-2-col,
.post-390 .pt-cv-content-item.pt-cv-2-col{
display:flex;
flex-direction:column;
gap:0;
}

.post-239 .pt-cv-meta-fields,
.post-390 .pt-cv-meta-fields{
order:0;
margin-bottom:0.5em;
}

.post-239 .pt-cv-meta-fields .entry-date,
.post-390 .pt-cv-meta-fields .entry-date{
font-size:13px;
}

.post-239 .pt-cv-title,
.post-390 .pt-cv-title{
order:1;
margin-bottom: 12px !important;
font-size:14px;
}

.h4-career-sub {font-size:16px !important;}

.back-to-profile{
padding-top:50px !important;
}

.btn-back-to-profile{
width:100% !important;
}

/* SP Works */
h1.works-sub-h1{
font-size:16px;
margin-bottom:0;
margin-top:0 !important;
}

h2.works-subttl{
font-size:24px;
margin-top:8px;
}

.workstop-btn-contact{padding-top:0 !important;}

.btn-backto-works{width:100% !important;}

.cover-btn-backto-works{padding-top:0 !important;}

.btn-contact-sub-works{padding-top:50px !important}

/* SP Works WPtabs Plugin */
.pt-cv-content-item .terms a{
pointer-events:none;
}

.sp-tab__nav {
overflow-x:auto !important;
white-space:nowrap !important;
-webkit-overflow-scrolling:touch;
scrollbar-width:none;
display:block !important;
}

.sp-tab__nav::-webkit-scrollbar {
display: none; /* Safari・Chrome */
}

.ul.sp-tab__nav{padding-top:32px !important;}
	
.sp-tab__nav .sp-tab__nav-item {
display:inline-block !important;
white-space:nowrap;
margin-right:16px;
min-width:120px !important;
width:auto !important;
}

/* SP Works Content Views */
.post-244 .pt-cv-content-item.pt-cv-2-col,
.post-280 .pt-cv-content-item.pt-cv-2-col,
.post-455 .pt-cv-content-item.pt-cv-2-col,
.post-456 .pt-cv-content-item.pt-cv-2-col,
.post-457 .pt-cv-content-item.pt-cv-2-col,
.post-458 .pt-cv-content-item.pt-cv-2-col{
gap:8px !important;
}

.post-244 .pt-cv-title,
.post-280 .pt-cv-title,
.post-455 .pt-cv-title,
.post-456 .pt-cv-title,
.post-457 .pt-cv-title,
.post-458 .pt-cv-title{
margin:0 0 10px 0px !important;
font-size:14px !important;
line-height:1.6;
}

.post-244 .pt-cv-meta-fields .entry-date,
.post-280 .pt-cv-meta-fields .entry-date,
.post-455 .pt-cv-meta-fields .entry-date,
.post-456 .pt-cv-meta-fields .entry-date,
.post-457 .pt-cv-meta-fields .entry-date,
.post-458 .pt-cv-meta-fields .entry-date{
font-size:13px !important;
}

.post-244 .pt-cv-meta-fields .terms,
.post-280 .pt-cv-meta-fields .terms,
.post-455 .pt-cv-meta-fields .terms,
.post-456 .pt-cv-meta-fields .terms,
.post-457 .pt-cv-meta-fields .terms,
.post-458 .pt-cv-meta-fields .terms{
font-size:13px !important;
width:210px !important;
}

/* SP Works page navigation */
.custom-post-navigation {
flex-direction: column;
gap:40px;
}

.custom-post-navigation .nav-previous{
max-width:95%;
width:95% !important;
text-align:left;
}

.custom-post-navigation .nav-next {
max-width:95%;
width:95% !important;
text-align:right;
}

.custom-post-navigation a {
justify-content: flex-start;
}

.custom-post-navigation .nav-previous,
.custom-post-navigation .nav-next{
gap:0 !important;
}


.custom-post-navigation .nav-previous a .arrow, .custom-post-navigation .nav-next a .arrow {
font-size:20px;
margin-right:8px;
}

/* SP Works Pick up */
.pickup-circle-button-container{gap:20px 40px;padding-top:0px !important;}

/* SP Works single post */
.single-post-works{
margin-top: 46px !important;
margin-bottom:18px !important;
font-size:16px !important;
}

header.entry-header h1.entry-title{
font-size:20px !important;
padding-bottom: 10px;
}
	
.works-category-button,
.btn-back-to-works{
width:100% !important;
}

body.single-post .entry-content h2.wp-block-heading{
margin-top:50px !important;
}

body.single-post .entry-content ol {
padding-left:25px;
}

/* SP Contact Form */
.fluentform_wrapper_3{
margin-bottom:0px !important;
}

.fluentform_wrapper_3 .contact-field-wp .ff-el-form-control{
width:100% !important;
}

.cover-contact-form{
padding-top:50px !important;
}

.fluentform_wrapper_3 .ff-el-group{
padding-bottom:0px !important;
}
	
.fluentform_wrapper_3 label{
font-size:15px;
}

.fluentform_wrapper_3 .ff-el-form-control{
font-size:15px;
padding:26px;
}

.fluentform_wrapper_3 textarea.ff-el-form-control{
height:160px;
}

.fluentform_wrapper_3 .ff-btn-submit{
width:100%;
padding:10px 0;
font-size:15px;
margin-bottom:80px;
}
.ff_submit_btn_wrapper{
margin-bottom:0 !important;
}
}

@media screen and (max-width:544px) {
	
.ast-mobile-header-wrap .ast-primary-header-bar, .ast-primary-header-bar .site-primary-header-wrap{
min-height:60px !important;
}
}

@media(min-width:751px){
.sp{
display:none !important;
}
}

@media(max-width:750px){
.pc{
display: none !important;
}
}