/*
Theme Name:片岡メデイアデザイン
*/


/*変数定義*/
:root {
  --branding-blue: #0071b8;
  --branding-vividblue: #29a7de;
  --branding-lightblue: #daf0fc;
  --branding-darkblue: #255484;
  --branding-gray: #808080;
  --branding-lightgray: #eeeeee;
  --branding-red: #bd272d;
  --branding-font-sans:"Noto Sans", sans-serif;
  --branding-font-serif:"Noto Serif", serif;
  --branding-gradation:radial-gradient(circle at 0% 0%, #00eaff 0%, #0093d6 50%, #006ab6 100%);
}

/*装飾*/
::placeholder {
  color: #cccccc;
}

/*BASE*/
#top .inner{ width:98%; max-width:1200px; margin:0 auto;}
#top .global-nav ul{ display: flex; justify-content: space-between; max-width:1000px; margin:0 auto 2.5rem auto;}
#top .global-nav a{ font-size:1.4rem; padding:0.75rem 1.5rem; border-radius:0.75rem; font-weight: 600;}
#top .global-nav a:hover{background-color: var(--branding-blue); color: white;}
#top h1 strong{ font-size:1.2rem;}
#top h1 a{ width:fit-content; display: block; max-width:35.2rem; width:80%; margin: 1.5rem 0;}
.footer-nav-mega{ background-color: var(--branding-lightgray); padding: 5.0rem 0;}
.footer-mega-inner{ max-width: 1000px; width:90%; margin: 0 auto; display: flex; justify-content: space-between;}
.footer-col h4{ font-size:1.6rem; font-weight: 600; margin-bottom: 1.5rem;}
.footer-col ul{ line-height: 2;}
.footer-col li{ font-size:1.4rem; font-weight: 500; color: #000000; padding-left: 0.75rem; }
.footer-col li.subitem a{ font-size:1.4rem; font-weight: 400; color: #808080;padding-left: 1.5rem; }
.footer-col a:hover{ color: var(--branding-red)!important;}
.footer-info{ padding:5.0rem 0}
.footer-info-inner{ max-width:750px; width:80%; margin: 0 auto; display: flex; justify-content: space-between;}
.footer-info-inner .footer-logo{ width:50%}
.footer-info-inner .footer-contact a{ font-size:2.8rem; font-weight: 600; display: flex; align-items: center;}
.footer-info-inner .footer-contact a::before{content: ''; width:2.0rem; height:2.3rem; display:block; background-image:url(images/icon_tel.webp); background-size:contain; background-position:center;  background-repeat: no-repeat;}
.footer-info-inner .footer-contact .hours{ font-size: 1.4rem; text-align: right; line-height: 1;}
.footer-social { margin: 0 1.5rem; display: flex; align-items: center;}
.footer-social a{ width:3.5rem; height:3.5rem; }
.footer-social a img{ object-fit: contain; object-position: center;}
.footer-copy{ text-align: center; font-size: 1.4rem; text-align: center;}




/*トップページ*/
.hero-inner{ position: relative;}
.hero-inner .hero-cta{ position: absolute; position: absolute; bottom:5%; right:5%; z-index: 10;}
.hero-inner .hero-cta a{ width:28.7rem; height:5.5rem; display: flex; justify-content: center; align-items: center; background: var(--branding-gradation); color:white; font-size: 1.6rem; font-weight: 600; white-space: nowrap;}
.hero-inner .hero-cta a:hover{ opacity: 0.7;}
.hero-inner .hero-cta a:after{content: ''; width:11.4rem; height:0.8rem; display:block; background-image:url(images/arrow_cta.webp); background-size:cover; background-position:right;  background-repeat: no-repeat; margin-left: 1.5rem; transform: translateX(0); transition: 0.5s all;}
.hero-inner .hero-cta a:hover::after{ transform: translateX(1.5rem);}
.hero-tagline{ text-align: center; font-family: var(--branding-font-serif); font-size:4.5rem; color: var(--branding-vividblue); text-align: center;}
.hero-tagline strong{ font-weight: 400; color: var(--branding-gray);}
section.top-concept{ padding:5.0rem 0}
section.top-concept .wrap{ max-width: 1000px; width:90%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
section.top-concept [class$="-text"]{ width:55%;}
section.top-concept [class$="-text"] h2{ font-size:10.0rem; color: var(--branding-gray); font-family: var(--branding-font-serif); font-weight: 500;}
section.top-concept [class$="-text"] h2 .jp{ font-size:2.0rem; font-weight: 300;}
section.top-concept [class$="-text"] h3 { font-size:2.1rem; font-family: var(--branding-font-serif); font-weight: 400; margin-bottom: 1.5rem;}
section.top-concept p{ font-size:1.4rem; line-height: 2;}
section.top-concept [class$="-visual"] {width:40% }
section.top-concept [class$="-visual"] img{ aspect-ratio: 1 / 1; object-fit: contain; object-position: center; width:66%}
section.top-concept .mission-visual img{ width:75%}
section.top-concept .vision-inner{ flex-direction: row-reverse;}
section.top-concept .vision-inner img{ margin: 0 0 0 auto;}
section.features { background-color: var(--branding-blue); padding:5.0rem 0 7.5rem 0}
section.features .features-inner{ max-width: 1000px; width:90%; margin: 0 auto;}
section.features h2{ font-size:10.0rem; color: white; font-family: var(--branding-font-serif); font-weight: 500;}
section.features h2 .jp{ font-size:2.0rem; font-weight: 300;}
section.features .features-list{  display: flex; justify-content: space-between;}
section.features .feature-item{ width:30%; margin-bottom: 5.0rem;}
section.features .feature-item img{ width:66%; margin:0 auto 1.5rem auto; aspect-ratio: 1 / 1; object-fit: contain; object-position: bottom}
section.features .feature-item p{ width:90%; margin: 0 auto; color: white;}
section.features .features-cta{ display: flex; align-items: center; justify-content: center;}
section.features .features-cta a{ width:18rem; height:5.0rem; border-radius:0.75rem; position: relative; display: flex; align-items: center; justify-content: center; color: var(--branding-blue); background-color: var(--branding-lightgray);background: linear-gradient(to bottom, #e7e7e7, #fefefe);}
section.features .features-cta a:before{content:''; display: block; width:17.5rem; height:4.5rem; border-radius: 0.6rem; border: 1px solid var(--branding-blue); position: absolute;background: linear-gradient(to top, #e7e7e7, #fefefe);z-index: 1; transition: 0.5s all; opacity: 1;}
section.features .features-cta a:hover::before{ opacity: 0.5; transition: 0.5s all;}
section.features .features-cta a i{ position: relative; z-index: 2; font-weight: 500;}
section.achievements{ padding:5.0rem 0 7.5rem 0}
section.achievements .wrap{ max-width: 1000px; width:90%; margin: 0 auto;}
section.achievements h2{ font-size:10.0rem; color: var(--branding-blue); font-family: var(--branding-font-serif); font-weight: 500;}
section.achievements h2 .jp{ font-size:2.0rem; font-weight: 300;}
section.achievements ul{ display: flex; justify-content: space-between;}
section.achievements li{ width:47.8%; background-image: url(images/dec_top_achievements.webp); background-size: 90%; background-position: center center; color:white; font-size:4.2rem; text-align: center; font-family: var(--branding-font-serif); aspect-ratio: 478 / 292; background-repeat: no-repeat; display: flex; align-items: center; justify-content: center; line-height: 1.2;}
section.achievements .bg-blue{ background-color: var(--branding-darkblue); font-feature-settings: "palt";}
section.achievements .bg-red{ background-color: var(--branding-red);}
section.achievements li i{ transform: translateY(1.5rem);}
section.news{ padding:5.0rem 0; background-color: var(--branding-lightblue);}
section.news h2{ font-size:4.0rem; color: var(--branding-blue); font-family: var(--branding-font-serif); font-weight: 500; text-align: center; margin-bottom: 2.5rem;}
section.news h2 .jp{ font-size:2.0rem; font-weight: 300;}
section.news ul{ width:90%; max-width:75.0rem; margin:0 auto}
section.news li{ display: flex; margin-bottom: 1.5rem; font-family: var(--branding-font-serif); font-size: 1.4rem;}
section.news li a:hover{ color: var(--branding-red)!important;}
section.executives{ padding:5.0rem 0 7.5rem 0}
section.executives .wrap{ max-width: 1000px; width:90%; margin: 0 auto; display: flex; justify-content: space-between;}
section.executives .exec-card{ width:47.8%; color:white; position: relative; display: flex; justify-content: center; align-items: center;}
section.executives .exec-card__image{ }
section.executives .exec-card__content{ width:90%; position: absolute;}
section.executives .exec-card__content h3{font-family: var(--branding-font-serif); padding:1.5rem 0; font-size:2.6rem;}
section.executives .exec-card__content h3 .en{ font-size:1.3rem;}


/*ページ設定*/
.page-banner{ background: var(--branding-gradation); padding:5.0rem 0; display: flex; align-items: center; justify-content: center; text-align: center; color: #ffffff;}
.page-banner h1{ font-size:2.5rem; font-weight: 500;}
.page-banner .subtitle{ font-size: 1.6rem;}
.breadcrumb{ width:95%; max-width:1100px; margin:0 auto; padding:1.5rem 0 5.0rem 0;font-size:1.2rem}
.breadcrumb a:hover{ color: var(--branding-red);}
.about-intro { width:90%; max-width: 1000px; margin:0 auto; padding: 5.0rem 0;}
.about-intro .about-title{ font-size:4.5rem; color: var(--branding-gray); line-height: 1.4; font-family: var(--branding-font-serif); margin-bottom: 2.5rem;}
.about-intro .about-title strong{ color: var(--branding-blue);}
.about-intro .about-text{ font-size:1.8rem; line-height: 2;}
.about-features { width:90%; max-width: 1000px; margin:0 auto; padding:5.0rem 0}
.about-features .features-heading{ text-align: center; font-size: 3.2rem; text-align: center; color: var(--branding-blue); font-family: var(--branding-font-serif); margin-bottom: 5.0rem;}
.about-features .feature-item{ display: flex; justify-content: space-between; margin-bottom: 5.0rem;}
.about-features .feature-item .feature-image{ width:20.5%;}
.about-features .feature-item .feature-body{ width:74.5%}
.about-features .feature-item h3{ font-size: 3.0rem; color: var(--branding-gray); font-family: var(--branding-font-serif); display: flex; line-height: 1.2; align-items: center; margin-bottom: 2.5rem;}
.about-features .feature-number{ font-size: 7.0rem; color: var(--branding-blue); margin-right: 1.5rem;}
.about-features .feature-item p{ font-size:1.4rem; line-height: 2;}
.company-info{ width:90%; max-width: 1000px; margin:0 auto; padding:5.0rem 0; display: flex; justify-content: space-between;}
.company-info .company-info__left{ width:27.3%;}
.company-info .company-info__right{ width:63.3%; line-height: 2;}
.company-info .company-info__right th{ color: var(--branding-blue); text-align: right; padding:1.5rem; border-bottom: 1px solid var(--branding-gray); white-space: nowrap;}
.company-info .company-info__right td{ padding:1.5rem; border-bottom: 1px solid var(--branding-gray);}
section.access{ padding:5.0rem 0}
section.access h2{text-align: center; font-size: 2.5rem; color: var(--branding-blue); margin-bottom: 1.5rem;}
section.access .access-desc{ text-align: center; margin-bottom: 5.0rem;}
section.access .access-maps{ display: flex; justify-content: center;}
section.access .access-maps .map{ width:31.7rem; margin:2.5rem; aspect-ratio: 1 / 1;}
section.access .access-maps .map iframe{ display: block; height: 100%;}

.privacy-policy .editor-content .inner{ padding:5.0rem 0; width:80%; max-width:800px; margin:0 auto}
.privacy-policy .editor-content .inner h2{ font-size:3.2rem; padding:2.5rem 0}
.privacy-policy .editor-content .inner h3{ font-size:2.4rem; padding:2.5rem 0}
.privacy-policy .editor-content .inner p{ font-size:1.6rem; margin-bottom:2.5rem; line-height: 2;}
.privacy-policy .editor-content .inner ul{ font-size:1.6rem; margin-bottom:2.5rem; padding-left: 2.5rem;;}
.privacy-policy .editor-content .inner li{ list-style-type: disc;}


/*メールフォーム*/
section.mailform .description{ text-align: center; margin-bottom: 2.5rem;}
section.mailform .note{ font-size: 1.6rem; text-align: center; margin-bottom: 5.0rem;}
section.mailform table{ border-top:0.1rem solid #ffffff; width:100%; max-width: 70rem; margin:0 auto 2.5rem auto; background-color: #ffffff; padding:7.5rem 0; position: relative;}
section.mailform th{ border-bottom:0.1rem solid #ffffff; padding: 2.5rem; background-color: #ffffff; white-space: nowrap; font-size:1.6rem; vertical-align: top; text-align: right;}
section.mailform td{ border-bottom:0.1rem solid #ffffff; padding: 2.5rem; font-size:1.6rem}
section.mailform th .required{font-size: 1.4rem; display: inline-block; line-height: 1; position: relative; top:-0.5rem; color: var(--branding-color); color: var(--branding-red);}
section.mailform td .line{ display: block; align-items: center;}
section.mailform td p>br{ display: none;}
section.mailform td .line:last-child{ margin-top:1.5rem}
section.mailform td .line i{ margin-right: 0.5rem;}
.wpcf7-form-control-wrap[data-name="your-zipcode"] input{ max-width:20rem}
section.mailform td input:not([type="checkbox"]),
section.mailform td textarea{ padding:0.75rem; width:calc( 100% - 1.5rem - 2px); font-size:1.6rem; background-color: var(--branding-lightgray); border: none;}
section.mailform td input[type="text"],
section.mailform td input[type="email"]{ padding:1.5rem 0.5rem; font-size:1.6rem; background-color: var(--branding-lightgray);}
section.mailform td select{ width:auto}
section.mailform td small{ font-size:1.4rem}
section.mailform .wpcf7-list-item{ display: block;}
section.mailform .acceptance{ text-align: center; margin-bottom:5.0rem}
section.mailform .acceptance label{ display: flex; font-size:1.6rem; justify-content: center;}
section.mailform .acceptance label input{ transform: scale(1.5); margin-right: 0.5rem;}
section.mailform .submit { text-align: center ; display: flex; flex-direction: column;}
section.mailform .submit input { background-color: var(--branding-gray); color: #ffffff; display: inline-flex; align-items: center; padding:1.5rem 5.0rem; line-height: 1; font-size:1.6rem; margin:0 auto; border:1px solid var(--branding-color); border-radius: 1.0rem; cursor: pointer;}
section.mailform .submit input:hover{ background-color: var(--branding-red); }
body.contact section.contact .mail{ display: none;}
section.mailform .submit p{ display: flex; flex-direction: column; align-items: center; justify-content: center;}
.wpcf7-list-item{ margin-left: 0;}
.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output, 
.wpcf7 form.payment-required .wpcf7-response-output{width:80%; max-width: var(--content-max-innerwidth); margin:0 auto; text-align: center; padding:1.5rem 0; font-size: 2.0rem;}
section.mailform .acceptance{ display: flex; justify-content: center; align-items: center; margin-bottom: 0;}
section.mailform .privacypolicy{ text-align: center; font-size:1.2rem; text-decoration: underline; margin-bottom: 5.0rem;}








/*投稿ページ*/
.single .title-box .std{ padding:5.0rem 0}
.single article { width:90%; margin:7.5rem auto; max-width:100rem; color: #000000; border:0.1rem solid #063271}
.single article h1 .date { font-size:1.6rem; display: block; text-align: center; padding:2.5rem}
.single article h1{ font-size:2.4rem; font-weight: bold; margin-bottom:5.0rem;}

.single article .main-eyecatch { margin-bottom:2.5rem}
.single article .main-eyecatch img{ width:100%; height:auto; display: block; object-fit: contain; object-position: center;}
.single .postcontent{ background-color: #ffffff; padding:5.0rem}
.single .postcontent h2{ font-size:2.0rem; font-weight:bold; color:#dddddd; margin-bottom:1.5rem}
.single .postcontent h3{ font-size:1.8rem; font-weight:bold; margin-bottom:1.0rem; border-bottom:0.1rem solid #dddddd}
.single .postcontent h4{ font-size:1.6rem; font-weight:bold; margin-bottom:0.5rem; border-left:1.0rem solid #dddddd; padding-left:0.5rem; /*position: relative; left:-1.5rem*/}
.single .postcontent p{ font-size:1.6rem; margin-bottom:1.5rem; line-height: 1.8;}
.single .postcontent strong{ font-weight: bold;}
.single .postcontent em{ font-style: italic;}
.single .postcontent ul{ padding-left:1.5rem;margin-bottom:2.5rem}
.single .postcontent li{ font-size:1.6rem; list-style-type: disc;}
.single .postcontent table{ font-size:1.6rem}
.single .postcontent th{ font-weight: bold;}
.single .postcontent a{ color: #000000; text-decoration: underline;}
.single .postcontent a:hover{ color: #000000;}
.navi-single{ display: flex; justify-content: center; align-items: center; font-size:1.6rem; margin:5.0rem 0}
.navi-single p{ display: inline-flex; align-items: center;}
.navi-single a{ font-weight: bold; padding: 0.5rem; color: #000000;}
.navi-single a:hover{ color: #000000;}
.navi-single .list{ margin:0 2.5rem}
.single .postcontent .linkbox{ padding:2.5rem 0; text-align: center; font-size:1.8rem; margin-bottom:5.0rem; background-color: #eeeeee;}
.single .postcontent .linkbox a{ display: block;}
.post-eyecatch img{ aspect-ratio: 1 / 1; object-fit: contain; object-position: center;}



/*投稿一覧ページ*/
section.play-flow>.wrap{ width:98%; max-width:100rem; margin:0 auto;}
.archive-wrap{ max-width:100rem; width:95%; margin:0 auto 7.5rem auto;}
.no-mv { width:95%; max-width:100rem; margin:0 auto; padding:7.5rem 0 0 0}
.archive-list {margin-bottom: 5.0rem; display: flex; flex-wrap: wrap; max-width:100rem; width:100%}
.archive-list li { width:calc(29.5% - 5.2rem); padding:2.5rem; margin:0 1.16% 2.5rem 1.16%; border:0.1rem solid #063271; background-color: #ffffff;}
.archive-list li .wrap{ }
.archive-list li .image{ width: 100%; height: auto; display: block; border:0.1rem solid #cbcccc; margin-bottom: 1.5rem;}
.archive-list li .image img{ width:100%; height: auto; display: block; object-fit: cover; object-position: center;aspect-ratio: 1 / 1;}
.archive-list li .text{ display: block; width:100%;}
.archive-list li .text i.date{ font-size:1.4rem; color: #000000; display: block;}
.archive-list li .button{ max-width:18.4rem; margin:0 auto; padding: 0;}
.archive-list li .text strong{ font-size:1.6rem; font-weight: bold; display: block; margin-bottom:2.5rem;}

/*404*/
.error-404 { padding:10.0rem 0}
.error-404 h1{ text-align: center; font-size: 3.2rem; color: #000000; margin-bottom:2.5rem;}
.error-404.not-found .button{ width:50%; max-width:40rem; margin:0 auto; color: #ffffff;}





/*==============================================
●PC版非表示
===============================================*/
.sp{ display:none!important;}







/*===============================================
●レスポンシブ  画面の横幅が1100pxまで
===============================================*/
@media screen and (max-width:1100px){
  html{ font-size:1vw}  
  .home .otanoshimi .service-container .side-services .side-item{ padding:2.0rem}
}


/*===============================================
●レスポンシブ  画面の横幅が800pxまで
===============================================*/
@media screen and (max-width:900px){
.pagehead .contact-box{ display: flex; max-width:42.0rem; justify-content: space-between;}
}






/*===============================================
●レスポンシブ  画面の横幅が600pxまで
===============================================*/
@media screen and (max-width:600px){
body{ min-width:320px;}
img{
max-width: 100%;
height: auto;
width /***/:auto;
}
html{ font-size:2.0vw}
.pc{ display:none!important;}
.sp{ display:block!important;}

#top .global-nav{ display: none;}
#top h1 a{ margin:0.25rem 0 0.75rem 0}
#top .inner{ padding-top: 0.75rem; width:95%}
.hero-inner { padding:2.5rem 0}
.hero-inner .hero-cta{ position: unset; display: flex; justify-content: center; padding:2.5rem 0}
.hero-tagline{ text-align: left; font-size:4.2rem; width:fit-content; margin: 0 auto 2.5rem auto;}
section.top-concept [class$="-text"] h2{ font-size:7.2rem; white-space:nowrap;}
section.top-concept .wrap{ width:75%; display: block;}
section.top-concept [class$="-text"]{ width:100%}
section.top-concept [class$="-visual"]{ width:50%; margin: 2.5rem auto;}
section.top-concept .vision-inner img{ margin:0}
section.top-concept [class$="-visual"] img{ width:100%;}
section.top-concept{ padding: 0;}
section.features{ margin-top: 5.0rem;}
section.features .features-inner{ width:75%}
section.features .features-inner h2{ font-size:7.2rem; white-space:nowrap;}
section.features .features-list{ flex-wrap: wrap; justify-content: space-around;}
section.features .features-list .feature-item{ width:100%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.5rem;}
section.features .feature-item img{ width:30%; margin-right: 1.5rem;}
section.features .feature-item p{ width:calc(70% - 1.5rem)}
section.achievements .wrap{ width:75%; display: block;}
section.achievements .wrap h2{ font-size:5.2rem; white-space:nowrap; margin-bottom: 5.0rem;}
section.achievements ul{ display: block;}
section.achievements li{ width:100%; margin-bottom: 2.5rem;}
section.executives .wrap{ display: block; width:75%}
section.executives .exec-card{ width:100%; margin-bottom: 2.5rem;}
.footer-mega-inner{ flex-wrap: wrap; justify-content: space-between;}
.footer-mega-inner .footer-col{ width:48%; margin-bottom: 2.5rem;}
.footer-info-inner{ display: block;}
.footer-info-inner .footer-logo{ width:100%}
.footer-contact{ text-align: center;}
.footer-info-inner .footer-contact a{ justify-content: center;}
.footer-info-inner .footer-contact .hours{ text-align: center;}
.footer-social{ justify-content: center; padding: 2.5rem 0;}

.page-banner{ margin-top: 2.5rem;}
.about-intro .about-title{ font-size: 4.0rem;}
.about-features .features-heading{ font-size:2.8rem}
.about-features .feature-item{ width:90%; display: block; margin: 0 auto 5rem auto; position: relative;}
.about-features .feature-item .feature-body{ width:100%}
.about-features .feature-number{ position: absolute; opacity: 0.33; right:0; top:0; line-height: 1; font-size:12.5rem;}
.about-features .feature-item h3{ margin-bottom: 1.5rem;}
.about-features .feature-item .feature-image{ width:33%; aspect-ratio: 1 / 1; object-fit: contain;}
.company-info{ width:75%; display: block;}
.company-info .company-info__left {margin-bottom: 2.5rem; width:100%}
.company-info .company-info__right{ width:100%}
section.access .access-maps{ width:75%; margin: 0 auto; display: block;}
section.access .access-maps .map{ width:100%; margin:0}
section.access .access-maps .map iframe{ width:100%}




.wpcf7{ width:80%; margin:0 auto}
section.mailform th{ display: block; width:calc(100% - 5.0rem); padding:0; }
section.mailform td{ display: block; width:100%; padding:0 0 5.0rem 0;}
.wpcf7-list-item{ margin:0 0 1.5rem 0}
section.mailform th{ text-align: left;}


}




/*ハンバーガーメニューレイアウト*/
.globalMenuSp .wrap{ z-index:1000; overflow: scroll; height: 100vh; position: relative; -webkit-overflow-scrolling: touch; display: flex; justify-content: center; align-items: center; /*background-image:url( images/bg_mv_top_red_sp.png); background-size: cover; background-position: center;*/}

.globalMenuSp .branding{ width:16.0rem; margin:2.5rem auto}
.globalMenuSp .branding img{ display: block; width:100%;}


.globalMenuSp .inner { padding:5rem;}
.globalMenuSp .inner dt{ width:80%; margin:0 auto 2.5rem auto}
.globalMenuSp .inner .global-nav{ width:fit-content; margin:0 auto; font-size:2.4rem; text-align: left;}
.globalMenuSp .inner .global-nav li{ padding:0.75rem}
.globalMenuSp .inner .footer-contact{ padding:2.5rem 0;}
.globalMenuSp .inner .footer-contact .phone{ font-size:3.2rem}
.globalMenuSp .inner .footer-social{ display: flex; justify-content: center; align-items: center;}
.globalMenuSp .inner .footer-social a{ width:4.8rem; height:4.8rem}