@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

body.wp-admin.widgets-php .wp-block {
  background-color: #ffffff !important;  /* 背景を白に */
  color: #000000 !important;             /* 文字色も黒に */
}
body.wp-admin.widgets-php .edit-widget {
  background-color: #ffffff !important;
  color: #000000 !important;
}

.hero-section-text {
  font-family: "Hiragino Sans", "Zen Kaku Gothic New", sans-serif;
  font-weight: 300; /* Light な印象 */
}

/* 英語だけ別フォントで */
.hero-section-text bdo[lang="en"] {
  font-family: "Roboto", "Inter", sans-serif;
}

@media screen {
  body *:not(code):not(pre):not(input):not(textarea) {
  font-family: "Roboto", "Inter", sans-serif;
  }

#service {
  background: #333;
}

.works__contents {
  max-width: 800px !important;
  width: 100% !important;
  margin: 0 auto !important;
}

.works__content {
  display: flex;
  border: 1px solid #333;
  margin-bottom: 35px !important;
}

.works__img {
  max-width: 40% !important;
  width: 100% !important;
 
  padding:12px !important;
}


.works__img img {
  aspect-ratio: 4 / 3 !important;
  overflow: hidden !important;
  width: 100% !important;
  background: white;
}

.works__textarea {
  padding-right: 12px !important;
  max-width: 60% !important;
  width: 100% !important;
  line-height: 12px !important;
  font-size: 0.8rem !important;
}

.works__textarea p ,.works__textarea h4 {
  border-bottom: 1px solid #aaaa;
  padding: 12px 0 !important;
}

.works__textarea h4 {
  font-size: 1rem !important;
  padding-bottom: 15px !important;
  line-height: 1rem !important;
}



.works__textarea--tag {
  padding-bottom:12px !important;
  display: flex;
  flex-wrap: wrap !important;
}

.works__textarea--tag a {
  color: white;
  text-decoration: none;
  background: #707070;
  padding: 0px 7px 5px 7px!important;
  margin: 10px 5px 0px 5px !important;
  border-radius: 5px !important;
}

@media screen and (max-width: 850px) {
  .works__contents {
    max-width: 95% !important;
  }

  .works__img {
    padding: 10px !important; 
  }

  .works__textarea {
    line-height: 8px !important;
  }

  .works__textarea p ,.works__textarea h4 {
    padding: 10px 0 !important;
  }

  .works__textarea h4 {
    padding-bottom: 12px !important;
  }

}

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

  .works__img {
    max-width: 40% !important;
    width: 100%!important ;
   
    padding:6px !important;
  }

  .works__textarea {
    padding-right: 6px !important;
    max-width: 60% !important;
    width: 100% !important;
    line-height: 6px !important;
    font-size: 0.6rem !important;
  }

  .works__textarea p ,.works__textarea h4 {
    border-bottom: 1px solid #707070;
    padding: 6px 0 !important;
  }

  .works__textarea h4 {
    font-size: 0.8rem !important;
    padding-bottom: 6px !important;
    line-height: 6px !important;
    margin-bottom: 0 !important;
  }

  .works__textarea--tag {
    padding-bottom:6px !important;
    display: flex;
    flex-wrap: wrap;
  }
  
  .works__textarea--tag a {
    padding: 5px 7px !important;
    margin: 0 3px 6px 3px !important;
    border-radius: 5px !important;
  }
}