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

@media screen and (min-width: 961px) {
    .l-header__menuBtn.sp_ {
        display: block!important;
        position: relative;
        top: 7px; //表示位置
    }
    .p-spMenu {
        display: block!important;
    }
    .p-spMenu__inner {
        max-width: 600px; //幅を設定
    }     
}


/* グローバルメニュー非表示 */
.c-gnav>.menu-item>a{
	display:none;
}
#body_wrap::before{
	opacity: 0.25;
}
h3.accordion-box-midashi{
font-size:15px!important;
 padding: 1rem 2rem;
  background: #fff4ff;
margin-bottom:10px;
}
.wp-block-group.is-row.is-nowrap.is-layout-flex.wp-container-1 {
    gap: 2em;
}
.accordion-description {
  overflow: hidden;
  position: relative;
  padding-bottom: 6em;
  max-height: 200px;
  background: linear-gradient(to top, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 100%);
}
.accordion-description::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100px;
  background: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
  pointer-events: none;
}
.accordion-description::after {
    content: "もっと見る";
    font-family: 'icomoon' !important;
    display: block;
    position: absolute;
    left: 50%;
    top: calc(100% - 25px);
    transform: translateX(-50%);
    color: #ffffff;
    font-size: 1em;
    background-color: #cd5c5c;
    pointer-events: none;
    z-index: 100;
    width: 150px;
	padding:0px 10px;
    text-align: center;
}

.achievements
{
margin-bottom:;	
font-size:15px;
font-weight:400;
}
.achievements2
{
margin-top:15px!important;	
font-size:15px;
font-weight:600;
}
.ex{
font-size:13px;	
margin:0px 0px 10px -5px!important;
color:#333;
}
ul.host
{
margin-bottom:20px;	
margin-left:-10px;
list-style:none;	
}
.expanded .accordion-description::after {
    content: "閉じる";
}
.expanded .accordion-description::before {
    background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
}

/* フォーム全体のスタイル */
.wpcf7 {
background-color: #f0f0f0; /* ライトグレー */
padding: 20px;
border-radius: 10px;
max-width: 600px;
margin: auto;
}
/* ラベルのスタイル */
.wpcf7-form label {
display: block;
margin-bottom: 10px;
font-size: 16px;
color: #333333; /* ダークグレー */
}
/* 必須フィールドのラベルスタイル */
.wpcf7-form .required {
background-color: #ff0000; /* レッド */
color: white;
padding: 2px 5px;
border-radius: 3px;
margin-left: 10px;
font-size: 12px;
}
/* インプットフィールドのスタイル */
.wpcf7-form textarea {
width: 100%;
padding: 10px;
border: 1px solid #cccccc; /* ライトグレー */
border-radius: 5px;
margin-bottom: 20px;
font-size: 16px;
background-color: #ffffff; /* 白 */
}
/* テキストエリアのスタイル */
.wpcf7-form textarea {
height: 150px;
resize: vertical;
}
/* 送信ボタンのスタイル */
.wpcf7-form input[type="submit"] {
background-color:#4682b4; /* ブルー */
color: white;
cursor: pointer;
transition: background-color 0.3s ease;
border: none;
}
.wpcf7-form input[type="submit"]:hover {
background-color: #0056b3; /* 濃いブルー */
}
/* エラーメッセージと成功メッセージのスタイル */
.wpcf7-form .wpcf7-not-valid-tip {
color: red;
font-size: 14px;
}
.wpcf7-form .wpcf7-mail-sent-ok {
color: green;
font-size: 16px;
margin-bottom: 20px;
}



@media screen and (min-width: 960px) {
#header{}

}

h2{
	font-size:30px!important;
letter-spacing:11px;
color:#666;
}

.name
	{font-size:20px;
	}
.profile_text
{
font-size:14.5px;
}

@media screen and(max-width:768px) and(min-width:480px){
.name
	{font-size:20px;
		width:400px;
	margin:0px auto;
	}
.profile_text
{
font-size:14.5px;
width:400px;
	margin:0px auto;
	}}