@charset "UTF-8";
/** ------------------------------------------------------------------------------ 
 * 基本設定(このテンプレを使用している全てのページに反映される設定)
 * 個別ページの設定は後半にて上書きor追加にて行うこととする
 * ------------------------------------------
 * 2025.07.10 created https://shunsukeoyama.com/ より流用して作成
 ** ------------------------------------------------------------------------------ */

/* ------- */
:root {
    --main-color: rgb(25, 34, 76);
    --main-accent-color: rgb(255, 191, 90);
    --accsent-color-red: rgb(184 49 47);
}
.salse body{
    font-family: "Open Sans", Helvetica, sans-serif;
}

.salse .t-h1 {
    color: var(--main-color);
    font-size: 2em;
    font-family: Oswald, Helvetica, sans-serif;
    line-height: 1.2;
}
.salse .t-h2{
    color: var(--main-color);
    font-size:1.8em;
    font-weight: bold;
    line-height: 1.3;
    font-family: sans-serif;
}
.salse .t-h3{
    color: #000;
    font-size:1.1em;
    font-weight: bold;
}

.salse .t-center{
    text-align: center;
}

.salse blockquote{
    border-left: solid 2px #5e35b1;
    margin-left: 0;
    color: #5e35b1;
    padding-left: 5px;
}

.salse .bgCover {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.salse .deUppercase {
    text-transform: uppercase;
}
.salse .wideContainer {
    max-width: 1120px;
    width: 95%;
}
.salse .sp-hidden{
    display: none;
}
.salse .text-area{
    margin: 2em auto 0;
    padding: 0;
    line-height: 1.4;
}
.salse .img-area {
    margin: 1em;
}
.salse .bg-image-area{
    background-color: var(--main-color);
    color: #fff;
    font-size: 1.5em;
    margin-top: 2.5em;
    padding: 2em 2em;
    line-height: 1.3;
    font-family: Oswald, Helvetica, sans-serif;
}

.salse .text-accent{
    color: var(--main-accent-color);
    font-size: 1.2em;
}
.salse .text-accent-red{
    color: var(--accsent-color-red);
    font-size: 1.3em;
}
.salse .font-size-up{
    font-size:1.4rem;
}

.salse .section-header{
    text-align: center;
}
.salse .section-header h2{
    font-family: "Montserrat",sans-serif;
    font-size: 1.6em;
    font-weight: 400;
    line-height: 1.2;
}
.salse .section-header p{
    /* margin-bottom: 0; */
    font-family: "Lato",sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.2;
}
.salse .section-content {
    font-family: "Open Sans",sans-serif;
}

/* img-text-tbl:モバイルはそのまま表示 > PCのみテーブルレイアウト */
.salse .img-text-tbl > p {
    text-align: center;
}
.salse .img-text-tbl > div > p:first-of-type{
    margin-top: 0;
}

/* 背景の指定 */
.salse .bg-01{
    background-image: url(/wp-content/uploads/2024/06/BernhardWebsite_web4_banner2.jpg);
}
.salse .bg-02{
    background-image: url(/wp-content/uploads/2024/06/Testimonial.jpg);
}
.salse .bg-03{
    background-image: url(/wp-content/uploads/2024/06/TreeOfWisdomBanner2.jpg);
}
.salse .bg-05 { /* 2025.01.09 add */
    background-color: #EBF2FA;
}

/* ボタンの基本 */
.salse .btn-base > a{
    background: var(--main-color);
    font-size: 1.1em;
    font-weight: bold;

    border: 1px solid rgba(0,0,0,0.2);
    border-bottom: 3px solid rgba(0,0,0,0.2);
    border-radius: 3px;

    box-shadow: inset 0 0 0 2px rgba(255,255,255,0.2);

    display: inline-block;
    padding: 0.3em 1.5em;
    margin-top: 1em;

    color: var(--main-accent-color);
    text-decoration: none;
}
.salse .btn-base > a:hover{
    box-shadow: inset 0 2px 2px 0 rgba(255,255,255,0.22),0 233px 233px 0 rgba(255,255,255,0.12) inset;
}

.btn-base-02 {
    margin-top: 1.5em;
}
.salse .btn-base-02 > a {
    border: 2px solid transparent;
    border-radius: 4px;
    background-color: #4a90e2;
    color: #fff;
    padding: 0.8em 1.3em;
    font-family: "Roboto",sans-serif;
    font-size: 0.7em;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    text-decoration: none;
}
.salse .btn-base-02 > a:hover {
    background: #1f69c1;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.15);
}

/* 黒矢印のリスト*/
.salse ul.list-01 {
    font-size: 0.8em;
    font-family: 'Open Sans';
    text-align: left;
}
.salse ul.list-01 li{
    background-image: url(/wp-content/uploads/2024/06/img_bullet.png);
    background-repeat: no-repeat;
    background-position: left -0.2em;
    padding-left: 2.5em;
    padding-bottom: 0.8em;
}

/* オレンジ矢印のリスト */
.salse ul.list-02{
    text-align: left;
}
.salse ul.list-02 li{
    background-image: url(/wp-content/uploads/2024/06/arrows-orange.png);
    background-repeat: no-repeat;
    background-position: left -0.1em;
    padding-left: 3em;
    padding-bottom: 1em;
    
}

/* オレンジチェックのリスト */
.salse ul.list-03{
    text-align: left;
}
.salse ul.list-03 li{
    background-image: url(/wp-content/uploads/2024/06/check-orange.png);
    background-repeat: no-repeat;
    background-position: left -0.2em;
    padding-left: 2.5em;
    padding-bottom: 1em;   
}

/* グレーチェックのリスト */
.salse ul.list-04{
    text-align: left;
}
.salse ul.list-04 li{
    position: relative;
    font-family: "Open Sans",sans-serif;
    line-height: 1.5;
    padding-left: 3.5em;
    padding-bottom: 1em;   
}
.salse ul.list-04 li::before{
    font-family: "Material Symbols Outlined";
    content: "\e5ca";/*  google icon : check */
    position: absolute;
    left: 0;
    /* top: -0.1em; 2025.01.15 update */
    top:-0.4em;
    font-size: 2.7em;
    font-weight: bold;
    color: #999;
}

/* 普通の黒丸リスト */
.salse ul.list-05{
    list-style: initial;
    list-style-position: outside;
}
.salse ul.list-05 li {
    line-height: 1.5;
}

.salse img.img-border{
    border: 1px solid rgba(0,0,0,0.15);
    border-bottom: 2px solid rgba(0,0,0,0.15);
    padding: 1px !important;
    border-radius: 5px;
    box-shadow: 0 10px 6px -6px rgba(0,0,0,0.15);
    background: #fff;
}

/* カードリスト */
ul#products-list li{
    padding: 0 1em 1em;
}
ul#products-list li .card{
    position: relative;
    display: block;
    height: 100%;
    border-radius: 4px;
    background-color: #f5f5f5;
    color: #191919;
    text-decoration: none;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15);
    overflow: hidden;
    font-family: "Lato",sans-serif;
}
ul#products-list li .card p{
    margin: 0;
}
ul#products-list li .card p.c-img > img{
    aspect-ratio: 16 / 9;
    width: 100%;
    object-fit: cover;
}
ul#products-list li .card div.c-textarea{
    padding: 0.9em;
    margin-bottom: 2em;
}
ul#products-list li .card div.c-textarea p{
    margin: 0.5em 0;
}
ul#products-list li .card div.c-textarea > p.c-title{
    font-weight: bold;
}
ul#products-list li .card div.c-textarea > p.c-cate::before{
    font-family: "Material Symbols Outlined";
    content: '\e9b5'; /* google icon : jamboard_kiosk */
    font-size: 1.1em;
    padding-right: 0.5em;
    position: relative;
    top: 0.2em;
}
ul#products-list li .card div.c-textarea > p.c-summary{
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
ul#products-list li .card p.c-price {
    margin-top: 1em;
    padding: 0.9em;
    bottom: 0;
    display: block;
    position: absolute;
    font-size: 1.2em;
    font-weight: 400;
}
ul#products-list li .card .c-price2::before{
    font-family: "Material Symbols Outlined";
    content: '\f05b'; /* google icon : sell */
    font-size: 1.1em;
    padding-right: 0.5em;
    position: relative;
    top: 0.2em;
}
ul#products-list li .card .c-lessons::before{
    font-family: "Material Symbols Outlined";
    content: '\e873'; /* google icon : description */
    font-size: 1.1em;
    padding-right: 0.5em;
    position: relative;
    top: 0.2em;
}
ul#products-list li .card .c-hours::before{
    font-family: "Material Symbols Outlined";
    content: '\e1c4'; /* google icon : play_circle */
    font-size: 1.1em;
    padding-right: 0.5em;
    position: relative;
    top: 0.2em;
}
ul#products-list li .card hr{
    max-width: 46px;
    height: 1px;
    margin: 0 0 24px;
    border: 0;
    background-color: #191919;
}

/* アコーディオン */
ul.accordion-list > li{
    border-bottom: solid 1px #000;
}
ul.accordion-list .toggle {
	display: none;
}
ul.accordion-list .Label {		/*タイトル*/
	padding: 1em 3em 1em 2em;
	display: block;
    position: relative;
}
ul.accordion-list .Label::after{
    font-family: "Material Symbols Outlined";
    content: '\e313'; /* google icon : keyboard_arrow_down */
    position: absolute;
    top: 0.5em;
    right: 0.5em;
    font-size: 1.2em;
    transition: all 0.25s ease;
}
ul.accordion-list .Label + p{/* WPで自動で入ってしまうものを消したい*/
    display: none;
}
ul.accordion-list .content {/*アコーディオンの中身*/
	height: 0;
    margin: 0;
	/* padding:0 20px; */
    padding: 0 3em;
	overflow: hidden;
    transform: translateZ(0);
    transition: all .3s;
}
/* ul.accordion-list .toggle:checked + .Label + .content {	 */
ul.accordion-list .toggle:checked ~ .Label ~ .content {	/* 開閉時 */
	height: auto;
    padding: 0 3em 1em;
    transition: all .3s;
}
/* ul.accordion-list .toggle:checked + .Label::after{   */
ul.accordion-list .toggle:checked ~ .Label::after{ /* 矢印マークの回転 */
    transform: rotate(-180deg);
}

/* フッター */
.salse footer {
    background-color: #000;
    color: #fff;
    padding: 1em 0.5em;
    margin-top: 4em;
    font-family: 'Open Sans', 'Sawarabi Gothic', sans-serif;
    text-align: center;/* 2025.03.06 add */
    font-size: 0.8em;/* 2025.03.06 add */
}
/* 2025.03.06 add & update start ----
.salse footer #copy-right {
    text-align: center;
    font-size: 0.8em;
}
.salse footer #copy-right a{
    color: #fff;
} */
.salse footer #f-menue-area a{
    color: #fff;
}
.salse footer #f-menue-area hr{
    height: 0;
    padding: 0;
    border: 0;
    border-top: solid 1px #fff;
    margin: 0.8em auto 0.5em;
    max-width: 700px;
}
/* 2025.03.06 add & update end   ---

/* ------- */

/* 全体背景：白 */
.salse div#container-salse {
    background: #fff;
}

/* ヘッダーテキスト */
.salse section#header-text{
    background-color: var(--main-color);
    color: #fff;
    font-family: Montserrat, Helvetica, sans-serif;
    font-size: 1em;
    padding: 0.5em;
    text-align: center;
    line-height: 1;

}

/* タイトルと概要欄 start */
.salse section#title-summary-area{
    background-color: var(--main-color);
    background-image: url(/wp-content/uploads/2024/06/BernhardWebsite_web9Compressed.jpg);
    color: #fff;
    /* padding-top: 6.3em; 2025.04.2 update */
    padding-top: 4em;
    padding-bottom: 6em;
}
/* -- タイトル -- */
.salse section#title-summary-area .t-text{
    color: var(--main-accent-color);
    font-family: "Fjalla One", Helvetica, sans-serif !important;
    text-align: center;
    padding-bottom: 1em;/* 2025.04.02 add */
}
.salse section#title-summary-area .t-text h1{
    /* font-size: 2.5em; 2025.04.02 update */
    /* font-size: 1em; 2025.04.05 update */
    font-size: 1.5em;
    line-height: 1.3;
    margin: 0 0.5em 1em;
    /* 2025.04.11 add start */
    background-color: rgba(0, 0, 0, 0.6);
    /* background-color: rgba(30, 30, 30, 0.5); */
    padding: 0.5em 0.7em;
    border-radius: 1em;
    display: inline-block;
    /* 2025.04.11 add end */
}
.salse section#title-summary-area .t-text h1 .size-br{
    display: none;
}
.salse section#title-summary-area .summary-area {
    padding: 0 1em;
    text-align: center;
    line-height: 1.4;
}
.salse section#title-summary-area .summary-area > div.s-text{
    /* font-size: 1.3em; 2025.04.05 update */
    font-size: 1em;
}
.salse section#title-summary-area .summary-area > div.s-teacher{
    color: var(--main-accent-color);
    font-size: 1em;
    margin-top: 0.8em;
}
.salse section#title-summary-area .summary-area > div.s-schedule{
    /* font-size:1.4em; 2025.04.05 update */
    font-size:1em;
    font-weight: bold;
    margin-top: 0.8em;
}
.salse section#title-summary-area .summary-area > div.s-schedule::before{
    font-family: "Material Symbols Outlined";
    content: '\ebcc'; /* google icon : calendar_month */
    position: relative;
    top: 0.1em;
    left: -0.1em;
}

.salse section#title-summary-area .summary-area > div.s-capacity{
    font-size: 1.3em;
    font-weight: bold;
    margin-top: 1em;
}
.salse section#title-summary-area .summary-area > div.s-alert{
    color: rgb(255, 227, 0);
    font-size: 1.4em;
    font-weight: bold;
    margin-top: 1em;
}
.salse section#title-summary-area .summary-area > div.s-join-btn > a{
    background: var(--main-accent-color);
    color: rgb(32, 22, 82);
    box-shadow:none;
}
.salse section#title-summary-area .summary-area > div.s-join-btn > a:hover {
    box-shadow: inset 0 2px 2px 0 rgba(255,255,255,0.22),0 233px 233px 0 rgba(255,255,255,0.12) inset;
}

.salse section#title-summary-area .summary-area > div.s-text2{
    color: rgb(255, 227, 0);
    font-size: 1.3em;
    margin-top: 1em;
}
/* タイトルと概要欄 end */

/* Youtube 表示エリア start 2025.04.05 */
.salse section.coaching-youtube {
    margin: 2em 0 1em;
}
.salse section.coaching-youtube iframe{
    margin: 0 auto;
    display: block;
}
/* Youtube 表示エリア end */


/* テキストエリア01 start */
.salse section.text-area-01{
    background-color: var(--main-color);
    color: #fff;
    border-radius: 10px;
    padding: 2em;
}
.salse section.text-area-01 > ul{
    margin: 0;
    font-size: 1.2em;
}
.salse section.text-area-01 > ul > li:not(:first-of-type){
    margin-top: 1em;
}
.salse section.text-area-01 > ul > li::before{
    font-family: "Material Symbols Outlined";
    content: '\eac9'; /* google icon : keyboard_double_arrow_right */
    font-weight: bold;
    font-size: 1.1em;
    position: relative;
    top: 0.2em;
    left: -0.1em;
    padding-right: 0.3em;
}
/* テキストエリア01 end */

/* テキストエリア02,04 start */
.salse section.text-area-02,
.salse section.text-area-04,
.salse section.text-area-06 {
    color: rgb(45, 45, 45);
    font-size: 1.3em;
    font-family: Roboto;
}
.salse section.text-area-02 .t-h3 {
    margin-top: 1.5em;
}
.salse section.text-area-02 p,
.salse section.text-area-04 p{
    margin: 1.2em 0;
}
.salse section.text-area-02 .text-01,
.salse section.text-area-04 .text-01,
.salse section.text-area-06 .text-01 {
    font-size: 0.85em;
}
.salse section.text-area-02 .text-01 {
    margin-top: 2em;
}

/* テキストエリア02,04 end */

/* テキストエリア03 start */
.salse section.text-area-03 {
    line-height: 1.5;
    padding: 2em 1.5em;
    font-size: 1.3em;
}
.salse section.text-area-03 p{
    margin: 0
}
.salse section.text-area-03 p:not(:first-of-type){
    margin-top: 1em;
}
/* テキストエリア03 end */

/* テキストエリア04 start */
.salse section.text-area-04 .design-i-b-u{
    text-decoration: underline;
    font-weight: bold;
    font-style: italic;
}

/* テキストエリア04 end */

/* テキストエリア05 start */
.salse section.text-area-05{
    color: #fff;
    font-size: 0.8em;
    margin-top: 5em;
    padding: 4em 2em;
    line-height: 1.1;
}
.salse section.text-area-05 p{
    font-size: 2.5em;
    margin: 0;
}
/* テキストエリア05 end */

/* テキストエリア06 start */
.salse section.text-area-06 {
    font-size: 1.2em;
    line-height: 1.5;
}
.salse section.text-area-06 .t-h3{
    margin-top: 2em;
}
.salse section.text-area-06 .list-area{
    width: 90%;
    margin: 1.5em auto 0;
}
/* テキストエリア06 end */

/* テキストエリア07 start */
.salse section.text-area-07{
    font-size: 1.3em;
    line-height: 1.5;
    padding: 2em 1.5em;
}
.salse section.text-area-07 p:first-of-type{
    margin-top: 0;
}
/* テキストエリア07 end */

/* テキストエリア08 start */
.salse section.text-area-08{
    padding: 1.5em 2em;
}
.salse section.text-area-08 p{
    margin: 0;
}
/* テキストエリア08 end */

/* テキストエリア09 start */
.salse section.text-area-09 {
    font-size: 1.3em;
}
.salse section.text-area-09 .t-h1{
    font-weight: bold;
}
/* テキストエリア09 end */

/* テキストエリア11,14 start */
.salse section.text-area-11,
.salse section.text-area-14 > div {
    font-size: 1.3em;
    padding: 1em 2em 2em;
    width: 95%;
    border: solid 3px var(--main-accent-color);
}
.salse section.text-area-14 {
    background-color: rgb(237, 239, 240);
    padding: 2em 0 5em;
}
.salse section.text-area-11 p,
.salse section.text-area-14 > div p{
    margin: 0;
}
/* テキストエリア11,14 end */

/* テキストエリア12 start */
.salse section.text-area-12{
    font-size: 1em;
    padding: 1.5em;
    font-family: "Open Sans", Helvetica, sans-serif;
}
.salse section.text-area-12 .t-h1{
    color: #fff;
    margin-bottom: 0;
}
.salse section.text-area-12 p {
    font-size: 1.4em;
    margin-top: 0.3em;
}
.salse section.text-area-12 ul.list-02{
    margin: 1em auto;
}
/* テキストエリア12 end */

/* テキストエリア15 start */
.salse section.text-area-15{
    margin-top: 0;
    line-height: 1.5;
    padding: 2em 1.5em;
    font-size:1.3em;
}
/* テキストエリア15 end */

/* テキストエリア13,16 start */
.salse section.text-area-13 .t-h2,
.salse section.text-area-16 .t-h2 {
    font-family: "Open Sans", Helvetica, sans-serif;
}
.salse section.text-area-13 .list-area,
.salse section.text-area-16 .list-area {
    margin: 2em auto;
    width: 95%;
}
/* テキストエリア13,16 end */

/* テキストエリア17 start */
.salse section.text-area-17{
    width: 95%;
    font-size: 1.2em;
    line-height: 1.5;
    border: solid 3px var(--main-color);
    padding: 2em 1em;
}
/* テキストエリア17 end */

/* テキストエリア18 start */
.salse section.text-area-18{
    margin: 2em 0 3em;
}
/* テキストエリア18 end */


/* コース一覧ページ --------------------------------------- */
/* headerはコース詳細ページでも使用 */
.salse .cl-header {
    padding: 1em;
    background-color: #f5f5f5;
}
.salse .cl-header div {
    margin-top: 0;
}
.salse .cl-header h1 {
    line-height: 1.1;
    font-weight: normal;
    font-size: 1.3em;
    max-width: 70%;
    font-family: "Montserrat",sans-serif;
}
.salse .cl-header h1 a {
    color: #969696;
    font-size: 0.8em;
}

.salse section.cl-text-area-01 {
    margin-top: 0;
    padding: 2em 0;
    text-align: center;
    font-family: "Montserrat",sans-serif;
    background-attachment: unset;
}
.salse section.cl-text-area-01 > h2 {
    font-weight: normal;
    line-height: 1.1;
    font-size: 1.5em;
}
.salse section.cl-text-area-01 > p {
    font-size: 0.7em;
    font-family: "Lato",sans-serif;
}

/* -- Card Section */
.salse section.cl-text-area-02 > p {
    font-size: 1.8em;
    margin: 2em auto;
    font-family: "Montserrat",sans-serif;
    line-height: 1.1;
}
.salse section.cl-text-area-02 ul#products-list li a.card:hover{
    background-color: #fafafa;
}


/* -- 一覧:Your Facilitators , 詳細:Meet Your Facilitator */
.salse section.cl-text-area-03,
.salse section.cd-text-area-13 {
    width: 85%;
    margin-top: 4em;
}
.salse section.cl-text-area-03 > p,
.salse section.cd-text-area-13 > p{
    color: var(--main-color);
    font-size: 2em;
    font-family: "Montserrat",sans-serif;
}

.salse section.cl-text-area-03 .pc-flex-area > p > img,
.salse section.cd-text-area-13 .pc-flex-area > p > img {
    width: 70%;
}
.salse section.cl-text-area-03 .pc-flex-area > div,
.salse section.cd-text-area-13 .pc-flex-area > div{
    text-align: center;
    font-family: "Open Sans",sans-serif;
}
.salse section.cl-text-area-03 .t-h3{
    font-weight: normal;
    font-size: 1.3em;
}
.salse section.cl-text-area-03 .pc-flex-area:not(:first-of-type){
    margin-top: 4em;
}

/* コース詳細ページ --------------------------------------- */
.salse section.cd-text-area-01,
.salse section.cd-text-area-04,
.salse section.cd-text-area-08,
.salse section.cd-text-area-10,
.salse section.cd-text-area-14 {
    margin: 0;
    padding: 2em 1em 3em;
    text-align: center;
}
.salse section.cd-text-area-01 > h2,
.salse section.cd-text-area-08 > h2,
.salse section.cd-text-area-10 > h2,
.salse section.cd-text-area-14 > h2 {
    font-family: "Montserrat",sans-serif;
    font-weight: 400;
    line-height: 1.3;
    font-size: 1.3em;
}

.salse section.cd-text-area-01 > p,
.salse section.cd-text-area-08 > p,
.salse section.cd-text-area-10 > p,
.salse section.cd-text-area-14 > p {
    font-family: "Lato",sans-serif;
    font-size: 0.9em;
    font-weight: 400;
    line-height: 1.2;
}
.salse section.cd-text-area-01.bg-01 .btn-base-02 > a,
.salse section.cd-text-area-14.bg-05 .btn-base-02 > a {
    display: block;
}

.salse section.cd-text-area-02,
.salse section.cd-text-area-05,
.salse section.cd-text-area-07,
.salse section.cd-text-area-11,
.salse section.cd-text-area-12{
    width: 92%;
    margin-bottom: 3em;
}

.salse section.cd-text-area-03 {
    padding: 3em 1em;
    background-color: #EBF2FA;
}
.salse section.cd-text-area-03 .section-header h2 {
    text-align: left;
    margin: 0 0 1.2em;
    font-size: 1.7em;
}

.salse section.cd-text-area-04 > h3 {
    font-family: "Montserrat",sans-serif;
    font-weight: 400;
    line-height: 1.35;
    font-size: 1.2em;
}

.salse section.cd-text-area-07 ul.list-05{
    margin: 1em 3em 1em 4em;
}
.salse section.cd-text-area-07 .text-accent-red{
    font-size: 1.3rem;
}

.salse section.cd-text-area-09 .list-header {
    text-align: center;
    font-size: 1.3em;
}
.salse section.cd-text-area-09 ul.list-05{
    margin: 1em auto;
    padding-left: 1em;
    width: 85%;
}
.salse section.cd-text-area-09 hr {
    margin: 0 1em;
}

.salse section.cd-text-area-12 ul#products-list li .card {
    box-shadow: 0 8px 12px rgb(0 0 0 / 15%);
}

.salse section.cd-text-area-11 .section-header{
    text-align: left;
}
.salse section.cd-text-area-11 hr {
    margin: 1em 0 2.5em
}

/* Course Curriculum : 2重のアコーディオン */
.salse section.cd-text-area-12 .section-header{
    text-align: left;
}
.salse section.cd-text-area-12 .section-header h2{
    font-size: 2em;
}
.salse section.cd-text-area-12 .section-content .accordion-area{
    display: flex;
    flex-direction: column;
}
/* --アコーディオン 1 : 「show more」で切り替える */
.salse section.cd-text-area-12 .section-content .accordion-area .toggle-list{
    display: none;/* 常に非表示 */
}
.salse section.cd-text-area-12 .section-content .accordion-area .accordion-list{
    order: 0;/* cssで見た目の位置を入れ替え:アコーディオンリストが先 */
}
.salse section.cd-text-area-12 .section-content .accordion-area .label-more{
    order: 1;/* cssで見た目の位置を入れ替え:「Show more」はアコーディオンリストの後へ */
    color: #b8b88f;
    font-family: "Open Sans",sans-serif;
    font-weight: normal;
    font-size:1rem;
}
.salse section.cd-text-area-12 .section-content .accordion-area .label-more + p{/* WPで自動で入ってしまうものを消したい*/
    display: none;
}
.salse section.cd-text-area-12 .section-content .accordion-area .accordion-list .content-more{
    display: none;/* デフォルト隠す */
}
/* --開く */
/* ---文字を差し替え「Show less」へ*/
.salse section.cd-text-area-12 .section-content .accordion-area .toggle-list:checked ~ .label-more{
    font-size:0;
}
.salse section.cd-text-area-12 .section-content .accordion-area .toggle-list:checked ~ .label-more::before{
    content:"Show less";
    font-size:1rem;
}
/* ---隠してあったコンテンツ表示 */
.salse section.cd-text-area-12 .section-content .accordion-area .toggle-list:checked ~ .accordion-list .content-more {	
    display: block;
}

/* --アコーディオン 2 : 項目名をクリックすると、リストが表示される → ul.accordion-list */
.salse section.cd-text-area-12 .section-content ul.accordion-list .content li{
    position: relative;
    line-height: 2;
    padding: 0 0 0.5em 1.5em;
}
.salse section.cd-text-area-12 .section-content ul.accordion-list .Label{
    font-size: 1.1em;
}


.salse section.cd-text-area-14 > h2{
    color: #191919;
}



/* -- リストにコンテンツマークをつける */
ul.content-mark li::before{
    position: absolute;
    font-size: 1.8em;
    line-height: 1;

    font-family: "Material Symbols Outlined";
    content: '\e873'; /* google icon : description */
    top: 0;
    left: -0.6em;
}
/* -- ulまたはliにクラスを付加することで異なるマークで上書きできるようにする */
/* -- ビデオマーク */
ul.content-mark.list-video-mark > li::before {
    content: '\e04b'; /* google icon : videocam */
    top: 0.1em;
    left: -0.5em;
}
/* -- PDFマーク */
ul.content-mark.list-pdf-mark > li::before {
    content: '\e415'; /* google icon : picture_as_pdf */
    top: 0.1em;
    left: -0.5em;
}
/* -- audioマーク */
ul.content-mark.list-audio-mark > li::before {
    content: '\e050'; /* google icon : volume_up */
    top: 0.1em;
    left: -0.5em;
}
/* -- 個別liに指定して上書きもできるよう設定 */
/* -- テキストマーク */
ul.content-mark > li.list-text-mark::before {
    content: '\e873'; /* google icon : description */
    top: 0;
    left: -0.6em;
}
/* -- ビデオマーク */
ul.content-mark > li.list-video-mark::before {
    content: '\e04b'; /* google icon : videocam */
    top: 0.1em;
    left: -0.5em;
}
/* -- PDFマーク */
ul.content-mark > li.list-pdf-mark::before {
    content: '\e415'; /* google icon : picture_as_pdf */
    top: 0.1em;
    left: -0.5em;
}
/* -- audioマーク */
ul.content-mark > li.list-audio-mark::before {
    content: '\e050'; /* google icon : volume_up */
    top: 0.1em;
    left: -0.5em;
}


@media only screen and (min-width: 500px){
    .salse section#title-summary-area .t-text h1 .size-br{
        display: block;
    }
}


@media only screen and (min-width: 570px){
    /* コース一覧ページ --------------------------------------- */
    ul#products-list{
        display: flex;
        /* justify-content: center; 2025.07.10 update */
        justify-content: left;
        flex-wrap: wrap;
    }
    ul#products-list li{
        max-width: 50%;
    }
    .salse section.cl-text-area-03 .pc-flex-area > p > img {
        width: 50%;
    }

    /* コース詳細ページ */
    .salse section.cd-text-area-12 ul#products-list li{
        max-width: 90%;
    }
}

@media only screen and (min-width: 769px){
    /* SANGO 3系への更新に伴いリセット設定追加 2025.05.16 add start */
    #main {
        width:100%;
        padding-right: 0;
    }
    /* SANGO 3系への更新に伴いリセット設定追加 2025.05.16 add end */

    /* ------- */
    .t-h1 {
        font-size: 2.8em;
    }
    .bgCover {
        background-attachment: fixed;
    }
    .bg-attachment-reset{
        background-attachment: unset;
    }
    .sp-hidden{
        display: block;
    }
    .pc-hidden{
        display: none;
    }

    /* img-text-tbl:モバイルはそのまま表示 > PCのみテーブルレイアウト */
    .img-text-tbl{
        display: table;
    }
    .img-text-tbl > p{
        display: table-cell;
        width: 35%;
        vertical-align: top;
    }
    .img-text-tbl > p > img{
        padding: 0 3em;
        max-width: 300px;
    }
    .img-text-tbl > div{
        display: table-cell;
        vertical-align: top;
        padding: 0 2em 2em 0;
    }

    .btn-base > a{
        font-size: 1.3em;
    }
    ul.list-01 li{
        padding-bottom: 1em;
    }
    ul.list-02 li{
        padding-left: 2.5em;
    }

    .pc-flex-area{
        display: flex;
    }
    .pc-flex-area.row-reverse{
        flex-direction: row-reverse;
    }
    /* ------- */

    /* ヘッダーテキスト */
    .salse section#header-text{
        font-size: 1.5em;
    }

    /* タイトルと概要欄 start */
    .salse section#title-summary-area .t-text h1{
        /* font-size: 4em; */
        font-size: 1.5em;
        line-height: 1.2;
        margin: 0 1em 1em;

        background-color: rgba(30, 30, 30, 0.5);/* 2025.04.11 add */
    }
    .salse section#title-summary-area .summary-area {
        padding: 0 1em;
        width: 58.33333333%;
    }
    .salse section#title-summary-area .summary-area > div.s-text{
        /* font-size: 1.5em; 2025.04.05 update */
        font-size:1.1em;
    }
    .salse section#title-summary-area .summary-area > div.s-teacher{
        /* font-size: 1.3em; 2025.04.05 update */
        font-size:1.2em;
    }
    /* タイトルと概要欄 end */

    /* テキストエリア01 start */
    .salse section.text-area-01{
        padding: 2em 5%;
    }
    /* テキストエリア01 end */

    /* テキストエリア02,04 start */
    .salse section.text-area-02,
    .salse section.text-area-04 {
        padding: 0 2em;
    }
    /* テキストエリア02,04 end */

    /* テキストエリア03 start */
    .salse section.text-area-03 {
        padding: 2em 4em;
    }
    /* テキストエリア03 end */

    /* テキストエリア05 start */
    .salse section.text-area-05{
        font-size: 1.3em;
        line-height: 1.3;
        margin-top: 2.5em;
        padding: 2em 1.3em;
    }
    /* テキストエリア05 end */

    /* テキストエリア06 start */
    .salse section.text-area-06 .t-h3{
        font-size: 1.4em;
    }
    .salse section.text-area-06 .list-area .list-01{
        width: 50%;
        padding-right: 2.5em;
    }
    /* テキストエリア06 end */

    /* テキストエリア07 start */
    .salse section.text-area-07{
        padding: 2em 4em;
    }
    /* テキストエリア07 end */

    /* テキストエリア11 start */
    .salse section.text-area-11 {
        width: 75%;
    }
    /* テキストエリア11 end */

    /* テキストエリア12 start */
    .salse section.text-area-12{
        font-size: 1.5em;
        padding: 1.5em 2em;
    }
    /* テキストエリア12 end */

    /* テキストエリア13 start */
    .salse section.text-area-13 .header-text-area {
        font-size: 1.3em;
    }
    .salse section.text-area-13 .list-area .list-03{
        width: 33.3%;
        padding-right: 2.5em;
    }
    /* テキストエリア13 end */

    /* テキストエリア15 start */
    .salse section.text-area-15{
        padding: 2em 4em;
    }
    /* テキストエリア15 end */

    /* テキストエリア16 start */
    .salse section.text-area-16 .t-h1.t-center {
        font-size: 3.5em;
    }

    .salse section.text-area-16 .list-area{
        width: 90%;
        margin-bottom: 1em;
    }
    .salse section.text-area-16 .list-area .list-03{
        width: 50%;
        padding-right: 2.5em;
    }
    /* テキストエリア16 end */

    /* テキストエリア17 start */
    .salse section.text-area-17{
        padding: 2em 3em;
    }
    /* テキストエリア17 end */
    
    /* テキストエリア19 start */
    .salse section.text-area-19{
        width: 90%;

    }
    .salse section.text-area-19 .pc-flex-area > *{
        width: 50%;
    }
    .salse section.text-area-19 .pc-flex-area > p > img {
        padding: 0 4em 0 0;
    }
    .salse section.text-area-19 .pc-flex-area.row-reverse > p > img {
        padding: 0 0 0 4em;
    }
    /* テキストエリア19 end */

    /* コース一覧ページ */
    .salse .coirses-list-header {
        max-width: auto;
    }
    .salse .cl-header h1 {
        max-width: auto;
    }
    .salse section.cl-text-area-01 {
        padding: 4em 0;
    }

    /* コース一覧、詳細ページ共通 */
    /* --一覧 */
    .salse section.cl-text-area-03,
    /* --詳細 */
    .salse section.cd-text-area-02,
    .salse section.cd-text-area-05,
    .salse section.cd-text-area-07,
    .salse section.cd-text-area-09,
    .salse section.cd-text-area-11,
    .salse section.cd-text-area-13{
        width: 65%;
    }
    .salse section.cl-text-area-03 .pc-flex-area > *,
    .salse section.cd-text-area-13 .pc-flex-area > * {
        width: 50%;
    }
    .salse section.cl-text-area-03 .pc-flex-area > p > img,
    .salse section.cd-text-area-13 .pc-flex-area > p > img {
        padding: 0 1em 0 0;
        width: 100%;
    }
    .salse section.cl-text-area-03 .pc-flex-area > div,
    .salse section.cd-text-area-13 .pc-flex-area > div{
        text-align: left;
    }

    /* コース詳細 */
    .salse section.cd-text-area-01.bg-01 .btn-base-02 > a,
    .salse section.cd-text-area-14.bg-05 .btn-base-02 > a {
        display: inline;
    }
    .salse section.cd-text-area-01 > h2{
        font-size: 1.8em;
    }
    .salse section.cd-text-area-01 > * {
        width: 70%;
        margin-left: auto;
        margin-right: auto;
    }
    .salse section.cd-text-area-03 > * ,
    .salse section.cd-text-area-14 > *{
        width: 65%;
        margin-left: auto;
        margin-right: auto;
    }
    .salse section.cd-text-area-04 > *,
    .salse section.cd-text-area-08 > *,
    .salse section.cd-text-area-10 > * {
        /* max-width: 40%; 2025.01.15 update */
        max-width: 70%;
        margin-left: auto;
        margin-right: auto;
    }
    /* アコーディオン部分 */
    .salse section.cd-text-area-12 .section-content{
        display: flex;
    }
    .salse section.cd-text-area-12 .section-content .accordion-area{
        width: 55%;
    }
    .salse section.cd-text-area-12 .section-content .products-area{
        width: 45%;
    }

    .salse section.cd-text-area-14 > h2{
        font-size: 1.8em;
    }
}

/* 2025.04.11 add start */
@media only screen and (min-width: 860px){
    .salse section#title-summary-area .t-text h1 {
        line-height: 1.3;
    }
}
/* 2025.04.11 add end */

@media only screen and (min-width: 990px){
    .salse section.cl-text-area-02 ul#products-list li{
        max-width: 33.3333%;
    }
    /* 2025.04.11 add start */
    .salse section#title-summary-area .t-text h1 {
        background: none;
    }
    /* 2025.04.11 add end */
}

/** ------------------------------------------------------------------------------ 
 * 各ページの設定は以下で行う
 * テスト環境とのページIDの齟齬が出ると可能性があるので
 * コンテンツ全体を「url-本番pageID」をIDとした<div>で囲んで個別スタイルを指定する
 ** ------------------------------------------------------------------------------ */

 /* 英語コーチング : 本番 ページURL= english-coaching 、page ID = 9565 */
/* 背景の指定 */
/* -- タイトルと概要欄 */
#english-coaching-9565 section#title-summary-area{
    background-image: url(/wp-content/uploads/2025/04/4_2.jpg);
    background-position: right top;
    background-attachment: scroll;
    padding-top: 3em;/* 2025.04.11 add */
}
/* -- あの時の自分を褒めてあげたい・・ */
#english-coaching-9565 .bg-01{
    /* background-image: url(/wp-content/uploads/2024/06/woman_01.jpg); 2025.04.02 update */
    background-image: url(/wp-content/uploads/2025/04/english-study-success.avif);
}
/* -- しゅみすけさんのYouTubeチャンネルは本当にリスナーの人に・・ */
#english-coaching-9565 .bg-02{
    /* background-image: url(/wp-content/uploads/2024/06/woman_02.jpg); 2025.04.02 */
    background-image: url(/wp-content/uploads/2025/04/rk-customer.jpg);
}
/* -- 実際にコーチングで行うこと・・ */
#english-coaching-9565 .bg-03{
    background-image: url(/wp-content/uploads/2024/06/book_3.jpg);
}
/* -- 個別コーチング8ヶ月・・ */
#english-coaching-9565 .bg-04{
    /* background-image: url(/wp-content/uploads/2024/06/book_1.jpg); 2025.04.02 update */
    background-image: url(/wp-content/uploads/2025/04/coach-total-12m.jpg);
}
/* -- コースに含まれるもの・・ */
#english-coaching-9565 .bg-05{
    /* background-image: url(/wp-content/uploads/2024/06/book_2.jpg); 2025.04.02 update */
    background-image: url(/wp-content/uploads/2025/04/course-inclusions2.jpg);    
}
/* -- 海外赴任が決まり・・ */
#english-coaching-9565 .bg-06{
    background-image: url(/wp-content/uploads/2024/06/man_01.jpg);
}
/* -- EXPERIENCES & TESTIMONIALS */
#english-coaching-9565 .bg-07{
    background-image: url(/wp-content/uploads/2024/06/kuchikomi.jpg);
}
/* -- ABOUT YOUR FACILITATOR */
#english-coaching-9565 .bg-08{
    background-image: url(/wp-content/uploads/2024/06/BernhardWebsite_web4_banner2.jpg);
}

/* コース一覧 */
#course-9679 .bg-01{
    background-image: url(https://import.cdn.thinkific.com/cdn-cgi/image/width=1920,onerror=redirect/245298%2Fcustom_site_themes%2Fid%2FGIte6nzMRKVSf4doSKcM_Twitter%20Header2-5.jpg);
}

/* コース詳細 */
#course-9687 .bg-01,
#course-9981 .bg-01, /* 2025.01.15 add */
#course-10002 .bg-01,/* 2025.01.15 add */
#course-10009 .bg-01,/* 2025.01.15 add */
#course-10014 .bg-01,/* 2025.01.15 add */
#course-10018 .bg-01,/* 2025.01.15 add */
#course-10023 .bg-01 /* 2025.01.15 add */
{
    background-image: url(https://import.cdn.thinkific.com/245298%2Fcustom_site_themes%2Fid%2FsCd5GbnRIGKuoHSkd2Rq_Tree_Compressed_1920.jpg?width=1920);
}
#course-9687 .bg-02,
#course-9981 .bg-02, /* 2025.01.15 add */
#course-10002 .bg-02,/* 2025.01.15 add */
#course-10009 .bg-02,/* 2025.01.15 add */
#course-10014 .bg-02,/* 2025.01.15 add */
#course-10018 .bg-02,/* 2025.01.15 add */
#course-10023 .bg-02 /* 2025.01.15 add */
{
    background-image: url(https://import.cdn.thinkific.com/245298%2Fcustom_site_themes%2Fid%2Fa0v3YCNQTw6votRtf9Au_1073249-sunlight-landscape-lights-night-galaxy-nature-space-reflection-sky-moonlight-horizon-panoramas-starry-night-atmosphere-salt-lakes-astronomy-Aurora-Iran-dawn-star-darkne.jpg?width=1920);
}
#course-9687 .bg-03,
#course-9981 .bg-03, /* 2025.01.15 add */
#course-10002 .bg-03,/* 2025.01.15 add */
#course-10009 .bg-03,/* 2025.01.15 add */
#course-10014 .bg-03,/* 2025.01.15 add */
#course-10018 .bg-03,/* 2025.01.15 add */
#course-10023 .bg-03 /* 2025.01.15 add */
{
    background-image: url(https://import.cdn.thinkific.com/245298%2Fcustom_site_themes%2Fid%2FsPIByfPHQ3ymVHqWFA7D_veilofreality_tree_of_life_stars_night_sacred_geometry_4ba88893-6969-4c42-827e-af68c8c84583.jpg?width=1920);
}
#course-9687 .bg-04{
    background-image: url(https://import.cdn.thinkific.com/245298%2Fcustom_site_themes%2Fid%2FsdQcko1Qg2WJofV2Vykw_IMAGE%202023-06-25%2017%3A12%3A07.jpg?width=1920);
}
/* #course-9687 .bg-05{ 2025.01.09 基本設定を利用へ
    background-color: #EBF2FA;
} */