@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
*/

#content .c-tabList {
	margin-bottom: 30px!important;
}

.c-tabList__button {
	padding: 20px!important;
}


.swell-block-column{
	border-radius: 25px;
}

.c-pageTitle__subTitle{
	display:none;
}

.must {
margin-left: 10px;
padding: 0px 3px 0px 3px;
font-size: 13px;
Background-color: #BD1E1E;
color: #fff;
}

.not-must {
margin-left: 10px;
padding: 0px 3px 0px 3px;
font-size: 13px;
Background-color: gray;
color: #fff;
}

label {
font-size: 20px;
font-weight: bold;
}

button, input, select, textarea, menu {
    padding: .5625rem 1.4rem .8125rem 1.4rem!important;
}

select {
      appearance: none;
      -webkit-appearance: none; /*Google Chrome/Safari対応*/
      -moz-appearance: none; /*Firefox対応*/
      -o-appearance: none; /*Opera対応*/
      background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2010%206'%3E%3Cpath%20fill='black'%20d='M0%200l5%206%205-6z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
    background-size: 16px 16px; /* アイコンのサイズを調整 */
    Background-color: "333;
    padding: .5625rem 1.8rem .8125rem 1.4rem!important;
    border-radius: 4px;
    font-size: 1erm;
    cursor: pointer;
    width: 100%; /* 必要に応じて調整 */
}

@media (min-width: 600px) {
select {
    width: 40%!important;
}
}

small {
    display: block;
    font-size: 14px!important;
    line-height: 20px!important;
    margin-bottom: 20px;
}

.wpcf7-form-control.wpcf7-radio{
   margin-bottom: 24px;
}

input[name="tel-529"],
input[name="your-name2"],
input[name="your-name3"],
input[name="your-message"],
input[name="your-email"] {
Background-color: #FDFDFD;
width: 100%;
margin-top: 10px;
margin-bottom: 24px;
border-radius: 5px;
height: 50px;
border-color: #333;
}

input[name="your-name"] {
Background-color: #FDFDFD;
width: 100%;
margin-top: 10px;
margin-bottom: 24px;
border-radius: 5px;
height: 50px;
border-color: #333;
}

input[type="radio"] {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
.wpcf7-list-item {
  margin-left: 0; //デフォルトの左端マージンを0にする
}

span.wpcf7-list-item-label {
  position: relative;
  display: flex; /*円とテキストを横並びにする*/
  align-items: center; /*円とテキストを上下中央揃えにする*/
  cursor: pointer;
}

span.wpcf7-list-item-label::before {
  display: block;
  content: "";
  margin-right: 20px; /*円とテキストの間隔はここで調節*/  
  border-radius: 50%; /*円の形にする*/
  border: 1px solid gray; /*外側の円の太さと色*/
  width: 25px; /*外側の円の幅*/
  height: 25px;　/*外側の円の高さ*/  
}

span.wpcf7-list-item-label::after {
  left: 4.5px; /*横位置調整*/
  background-color: #333;　/*内側の円の色*/
  display: block;
  position: absolute;
  content: "";
  border-radius: 50%;
  width: 16px; /*内側の円の幅*/
  height: 16px;　/*内側の円の高さ*/
  top: 50%;
}

span.wpcf7-list-item-label::after {
  /*省略*/

  display: none; /*追加*/
}

input[type="radio"]:checked + span.wpcf7-list-item-label::after {
  display: block; /*ラジオボタンがチェックされたとき表示*/
}


.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {
    Background-color: #FDFDFD;
    border-radius: 5px;
    height: 50px;
    border-color: #333;
    width: 100%;
    margin-bottom: 24px;
}



input[name="number-553"],
input[name="number-554"] {
width: 30%;
right: 0px;
margin-top: 10px;
margin-bottom: 24px;
}

textarea[name="your-message"] {
Background-color: #FDFDFD;
width: 100%;
margin-top:10px;
margin-bottom: 5px;
border-radius: 5px;
border-color: #333;
}

.wpcf7-submit {
cursor: not-allowed;
    width: 100%;
border: none;
cursor: pointer;
line-height: 1;
font-size: 1.2rem;
background-color: var(--color_main);
color: #ffffff;
border-radius: 5px;
padding: 20px 38px!important;
box-shadow: var(--swl-btn_shadow);
transition: box-shadow .25s;
}

.wpcf7-submit:hover {
box-shadow:0 4px 12px rgb(0 0 0 / 10%),0 12px 24px -12px rgb(0 0 0 / 20%);
opacity: 1;
}

select.wpcf7-form-control.wpcf7-select {
width: 100%;
height: 35px;
}

span.wpcf7-list-item {
display: block;
}



option{
       color: #757575!important;
       padding: .5625rem 1.4rem .8125rem 1.4rem;
}
.card-main_color{
	background: #c1db81!important;
	padding-top: 60px!important;
	padding-bottom: 60px!important;
	
}


.post_content h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)) {
    border-radius: 10px;
}

.bewith__activity .swell-block-column.swl-has-mb--s {
	border-radius: 0px!important;
}


.bewith__project img {
	border-radius: 0px 15% 0px 0px;
}