@charset "UTF-8";
/**
 * Page:固定ページ用CSS
 * 2026.08.21 update 
 *   全体の字間設定を変えたため、個別調整  > #content-form-editor .cat-head-txt h2
 **/


/* Page:共通設定 satart ------------------------------- */
/* SANGO 設定を上書き */
.page header.article-header {
    /* margin: 0 0 2em; */
    margin: 0;
}
.page header.article-header h1 {
    margin: 0;
    font-weight: normal;
    line-height: 1.2;
    margin-bottom: 0.7em;
}
.page section.entry-content.page-content {
    /* padding: 0; */
    padding:0.5em 0 0;
}
.page section.entry-content p {
    line-height: 1.7;
    margin-bottom: 1.7em;
}
.page section.entry-content p.content-h-text {
    margin: 0 1em 2em;
    line-height: 1.5;
}

.page #entry {
    background: none;
}
.page #content {
    padding-bottom: 1em;
}

@media only screen and (min-width: 769px){
    .page section.entry-content p.content-h-text {
        margin: 0 0 2em;
    }
    .page .footer-contents {
        margin-bottom: 0;
    }
    .page .footer-contents ul{
        margin-bottom: 0;
    }
}
/* SANGO 設定を上書き */







@media only screen and (min-width: 769px){
    .main-footer {
        padding-bottom: 0;
    }
}
/* footer end */

/* Page:共通設定 end ------------------------------- */

/* Page デフォルトテンプレート：planの場合 start --------------------------------- */
.page .plan .summary{
    position: relative;
    margin-bottom: 4em;
}
.page .plan .summary::before {
    padding: 1em 0;
}

.page .plan h2,
.page .plan h4 {
    margin: 0;
}
.page .plan h2 img{
    margin: 0;
}
.page .plan h3{
    border: 0;
    margin: 1.5em 0;
    padding: 0;
    background-color: #fff;
}
.page .plan h3 img {
    padding: 0 1em;
    margin: 1em 0 0;
}

.page .plan h4 {
    color:var(--main-bk-accsent-color);
}
.page .plan a {
    color: #FF5992;
    color:var(--main-accent-color);
}
.page .plan p {
    margin-bottom: 1em;
}

/* /plan の plan-box start -------------------------- */
.page .plan ul.plan-box{
    list-style-type: none;
    padding: 1em;
}
.page .plan .post-8890 .plan-box li + li{
    margin-top: 24px;
}
.page .plan .plan-box li {
    margin: 1em 0;
    background-color: #fff;
    padding: 1.2em 0.5em;
    box-shadow: 0 0 6px 0 rgba(0,0,0,0.4);
    position: relative;
    line-height: 1.4;
}
.page .plan .plan-box li .ttl-box-wrap{
    text-align: center;
    padding-top: 10px;
    line-height: 1.4;
}

.page .plan .plan-box li .ttl-box{
    color: #683402;
    background-color: #fff;
    position: relative;
    display: inline-block;
    padding: 0 0.5em; 
}

.page .plan .plan-box li .ttl-box:before,
.page .plan .plan-box li .ttl-box:after {
    content: "";
    width: 2px;
    height: 100%;
    display: block;
    position: absolute;
    background-color: #EE75AB;
    top: 50%;
    font-size: 0.9em;
}

.page .plan .plan-box li .ttl-box:before{
    left: 0;
    transform: translateY(-50%) rotate(-16deg);
    -webkit-transform: translateY(-50%) rotate(-16deg);
}
.page .plan .plan-box li .ttl-box:after{
    right: 0;
    transform: translateY(-50%) rotate(16deg);
    -webkit-transform: translateY(-50%) rotate(17deg);
}
.page .plan .plan-box li .plan-num{
    font-size: 15px;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 80px;
    line-height: 20px;
    text-align: center;
}
.page .plan .plan-box li .plan-num .box-inner{
    position: relative;
    background-color: #EE75AB;
    color: #fff;
    z-index: 1;
}
.page .plan .plan-box li .plan-num .num{
    text-shadow: 0 0 4px #fff;
}
.page .plan .plan-box li .plan-num .box-inner:after{
    content: "";
    display: block;
    position: absolute;
    border: 13px solid transparent;
    border-top: 20px solid #EE75AB;
    top: 0px;
    right: -13px;
    z-index: 0;
}
.page .plan .plan-box li .txt-box{
    color: #683402;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 1.2em;
    line-height: 1;
}
.page .plan .plan-box li .btn-box{
    color: #fff;
    background-color: #EE75AB;
    text-align: center;
    /* line-height: 2.5em; */
    border-radius: 24px;
    max-width: 150px;
    margin: 1.2em auto 0;
    padding: 1em 0.5em;
}
.page .plan .plan-box a{
    display: block;
    width: 100%;
    color: #fff;
    font-weight: bold;
    line-height: 1.3;
}
/* /plan の plan-box end   -------------------------- */

/* .page .plan .plan_detail がある場合 start -------- */
.page .plan .plan_detail {
    background-color: #fff;
    padding: 1em 1.5em;
    position: relative;
}
/* セクションの背景の飾りの調整 start */
.page .plan .plan_detail::before{
    top: -1.5em;
    left:0;
}
.page .plan .plan_detail::after{
    left:0;
}
/* セクションの背景の飾りの調整 end */


/* 四角のサービス表示 */
.page .plan .plan_detail .feature{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 1em auto;
    max-width: 560px;/*最大3列にしたいので*/
}
.page .plan .plan_detail .feature p {
    margin: 0.5em 0.2em;
    width: calc((90%)/3);
}
.page .plan .plan_detail .feature p img {
    margin: 0;
}

/* こんな方が通っています */
.page .plan .plan_detail .plan_detail_inside > h3{
    margin-bottom: 0;
}
.page .plan .plan_detail div.audience {
    padding: 1em 0.5em 0 1em;
    margin: auto;
}
.page .plan .plan_detail div.audience .audience-box {
    border-top: 2px dotted #e26aa0;
    padding-top: 1em;
}
.page .plan .plan_detail div.audience .audience-box:last-of-type {
    border-bottom: 2px dotted #e26aa0;
    margin-bottom: 2em;
}
.page .plan .plan_detail div.audience .audience-box > div {
    display: table;
}
.page .plan .plan_detail div.audience .audience-box > div .audience-img,
.page .plan .plan_detail div.audience .audience-box > div .audience-text {
    display: table-cell;
}
.page .plan .plan_detail div.audience .audience-box > div .audience-img{
    width: 35%;
    vertical-align: top;
}
.page .plan .plan_detail div.audience .audience-box > div .audience-img img{
    margin: 0;
}
.page .plan .plan_detail div.audience .audience-box > div .audience-text{
    vertical-align: top;
    padding-left: 1em;
}
.page .plan .plan_detail div.audience .audience-box > div .audience-text h4 {
    color: #333;
}
/* --「詳しくはこちら」ボタン */
.page .plan .plan_detail div.audience .audience-box .audience-link{
    text-align: right;
    position: relative;
    bottom: 1.5em;
    margin-bottom: 0;
}
.page .plan .plan_detail div.audience .audience-box .audience-link a {
    color: #fff;
    font-weight: bold;
    background-color: #E26AA0;
    line-height: 2em;
    display: inline-block;
    padding: 0.2em 1em;
    border-radius: 50px;
    text-decoration: none;
}

/* 吹き出し＋バナー*/
.page .plan .plan_detail .banner_area .bnr p:first-child {
    position: relative;
    background-color: #ffeaea;
    margin: 1em 1em 0.5em;
    padding: 0.3em 0.3em 0.3em 1.5em;
    border-radius: 16px;
    box-shadow: 1px -2px 5px rgb(0 0 0 / 20%);
    width: 90%;
    font-size: 0.9em;
    text-align: left;
}
/* 吹き出し＋バナー：吹き出しの飛び出し部分 */
.page .plan .plan_detail .banner_area .bnr p:first-child:before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 12px solid transparent;
    border-top: 12px solid #ffeaea;
    bottom: -24px;
    left: 30px;
}
/* .page .plan .plan_detail がある場合 end -------- */

.page .plan .be-me-system{
    display: flex;
    text-align: center;
}
.page .plan .be-me-system p{
    width: 45%;
    margin: 1em 0.5em;
}

/* .page .plan .cont_single_b がある場合 start -------- */
.page .plan .cont_single_b{
    background-color: #fff;
    padding: 1em;
    margin: 3em 0.5em;
    position: relative;
}
/* セクションの背景の飾りの調整 start */
.page .plan .cont_single_b::before{
    top: -1.5em;
    left:0;
}
.page .plan .cont_single_b::after{
    left:0;
}
/* セクションの背景の飾りの調整 end */

/* 下線＋両サイドに点のある見出し ｓtart */
.page .plan .cont_single_b .page-content-head-type-01 {
    text-align: center;
    position: relative;
    padding-bottom: 0.5em;
    border-bottom: 1px solid #000;
    width: 90%;
    margin: 0 auto 1.5em;
    line-height: 1.2;
}
.page .plan .cont_single_b .page-content-head-type-01:before, 
.page .plan .cont_single_b .page-content-head-type-01:after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background-color: #000;
    border-radius: 50%;
    position: absolute;
    top: 100%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.page .plan .cont_single_b .page-content-head-type-01:after {
    right: 0;
}
.page .plan .cont_single_b .page-content-head-type-01 p {
    font-size: 1.1em;
    margin-bottom: 0;
}
/* 下線＋両サイドに点のある見出し end */


/* 2重の四角囲いの見出し start -------- */
.page .plan .cont_single_b h2.blog-common-style-h2 {
    position: relative;
    padding: 0.7em;
    font-size: 1.2em;
    color: #333;
    line-height: 1.3;
    font-weight: normal;
    margin: 1em auto;
    border-bottom: none;
    font-weight: bold;
}
.page .plan .cont_single_b h2.blog-common-style-h2:before,
.page .plan .cont_single_b h2.blog-common-style-h2:after {
    content: "";
    display: block;
    position: absolute;
}
.page .plan .cont_single_b h2.blog-common-style-h2::after { /* 外側の四角 */
    border: 1px solid #EB76A0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.page .plan .cont_single_b h2.blog-common-style-h2::before { /* 内側の四角 */
    border: 1px solid #FCDEE8;
    top: 3px;
    left: 3px;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
}
/* 2重の四角囲いの見出し end -------- */

/* ピンクマーカー */
.page .plan .cont_single_b .marker {
    font-size: 18px;
    background: linear-gradient(transparent 70%, rgba(255, 89, 146, 0.4) 70%);
}

.page .plan .cont_single_b .page-content-list-box ul{
    list-style: none;
    padding-left: 0.5em;
}
.page .plan .cont_single_b .page-content-list-box ul li {
    background-color: #f3f3f3;
    border-left: 4px solid #EB76A0;
    padding: 0.8em 1em;
    line-height: 1;
    font-size: 1.1em;
    margin: 0 0 0.5em;
}
/* .page .plan .cont_single_b がある場合 end -------- */


@media only screen and (min-width: 769px){
    /* /plan の plan-box start ------------------------ */
    .page .plan .plan-box {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        padding: 0 6px;
    }
    .page .plan .plan-box li{
        box-sizing: border-box;
        width: calc(33.333333% - 20px);
        margin: 0.5em 0.4em 0.5em 0.3em;
        height: 225px;
        border-top: 4px solid #EE75AB;
    }
    .page .plan .plan-box li .ttl-box {
        font-size:0.9em;
    }
    .page .plan .plan-box li .btn-box{
        padding: 0.8em 0.5em;
        font-size: 0.9em;
    }
    /* /plan の plan-box end   ------------------------ */

    /* .page .plan .plan_detail がある場合 start -------- */
    .page .plan .plan_detail .feature p {
        width: calc((95%)/3);
    }
    /* - こんな方が通っています */
    .page .plan .plan_detail .plan_detail_inside > h3{
        border-bottom: 0;
        padding-bottom: 0;
    }
    .page .plan .plan_detail div.audience{
        display: flex;
        width: 95%;
    }
    .page .plan .plan_detail div.audience .audience-box{
        border-top: 0;
        width: 50%;
    }
    .page .plan .plan_detail div.audience .audience-box:last-of-type {
        border-bottom: 0;
        margin-bottom: 2em;
    }
    .page .plan .plan_detail div.audience .audience-box:not(:nth-of-type(2n)){
        padding-right: 1em;
    }
    .page .plan .plan_detail div.audience .audience-box > div {
        display: block;
        border-top: 0;
    }
    .page .plan .plan_detail div.audience .audience-box > div .audience-img,
    .page .plan .plan_detail div.audience .audience-box > div .audience-text {
        display: block;
    }
    .page .plan .plan_detail div.audience .audience-box > div .audience-img{
        width: auto;
        margin-bottom: 0.5em;
    }
    .page .plan .plan_detail div.audience .audience-box > div .audience-text{
        padding-left: 0;
    }
    .page .plan .plan_detail div.audience .audience-box > div .audience-text h4 {
        color: var(--main-bk-accsent-color);
    }
    .page .plan .plan_detail div.audience .audience-box > div .audience-text p {
        margin: 0;
        line-height: 1.3;
        font-size: 0.9em;
    }
    /* -- 詳しくはこちら */
    .page .plan .plan_detail div.audience .audience-box .audience-link {
        text-align: left;
        margin: 0 0 2em;
        bottom: 0;
    }
    .page .plan .plan_detail div.audience .audience-box .audience-link a {
        color: var(--main-accent-color);
        font-weight: normal;
        background-color: #fff;
        line-height: 2em;
        display: inline;
        padding: 0;
        border-radius: 0;
        text-decoration: underline;
    }

    /* バナーエリア*/
    .page .plan .plan_detail .banner_area {
        width: 90%;
        margin: 0 auto;
        text-align: center;
    }
    .page .plan .plan_detail .banner_area .bnr p:first-child {
        background-color: #fff;
        margin: 1em 1em 0.5em;
        padding: 0;
        border-radius: 0;
        box-shadow: none;
        width: auto;
        font-size: 1em;
        text-align: center;
    }
    .page .plan .plan_detail .banner_area .bnr p:first-child:before{
        display: none;
    }
    .page .plan .plan_detail .banner_area .bnr img{
        margin: 0;
    }
    /* .page .plan .plan_detail がある場合 end   -------- */

}

@media only screen and (min-width: 850px){
    /* /plan の plan-box start ------------------------ */
    .page .plan .plan-box li .ttl-box {
        font-size:1em;
    }
    .page .plan .plan-box li .txt-box {
        font-size:1.2em;
    }
    /* /plan の plan-box end   ------------------------ */
}

@media only screen and (min-width: 1000px){
    /* /plan の plan-box start   ------------------------ */
    .page .plan .plan-box li .ttl-box{
        padding:0 1em;
    }
    /* /plan の plan-box end   ------------------------ */
}
/* Page デフォルトテンプレート：planの場合 end   --------------------------------- */

/* ##########################################################################################
 * page-type01,page-type02,page-type03,page-type04 テンプレートの場合 start
 * ########################################################################################## */
.type-page-h1-style{
    margin: 0 1.5em;
}
.type-page-h1-style h1 {
    padding: 1em 0 0;
    color: #FF5992;
    line-height: 1.3;
}
.type-page-h1-style-2{
    margin: 0;
}
.type-page-h1-style-2 h1 {
    padding: 0 0 1em;
    padding: 0 0 1.5em;
    margin: 0;
    color: #635444;
    line-height: 1.3;
    font-size: 1em;
}

#content-form-editor {
    padding: 0.5em 1em 1em;
}
#content-form-editor h2{
    /* color: #FF5992; */
    margin: 1.5em 0 0;
}
#content-form-editor ul{
    list-style-type: none;
    padding: 0.5em 1em;
    margin: 0;
}
#content-form-editor ul li{
    padding: 0;
}

#content-form-editor a {
    text-decoration: underline;
}
#content-form-editor img {
    padding: 0;
    display: block;
    margin: 0 auto;
}
#content-form-editor img.img-left{
    margin-left: 0;
}
#content-form-editor > img:is(:first-child) {
    margin-top: 1em;
}
#content-form-editor img.alignright,
#content-form-editor img.alignleft{
    max-width: 50vw;
    margin-bottom: 0.5em;
}
#content-form-editor img.alignleft {
    margin-right: 0.5em;
}
#content-form-editor img.alignright{
    margin-left: 0.5em;
}
#content-form-editor h3.archive_list_title {
    text-align: left;
    background-color: var(--gray-color);;
    line-height: 2;
    color: #555555;
    font-size: 1.3em;
}
#content-form-editor .cat-head-txt h2 {
    position: relative;
    color: #333;
    margin-top: 2em;
    width: 85%;
    margin: 2.5em auto 0;
    font-size: 1.3em;
    font-weight: normal;
    text-align: center;
    letter-spacing: -0.05em;/* 2026.08.21 add */
}
#content-form-editor .cat-head-txt h2 span {
    font-size: 1.2em;
    color: #FF5992;
}
#content-form-editor .cat-head-txt h2:after,
#content-form-editor .cat-head-txt h2:before {
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    width: 2px;
    background-color: #FF5992;
    top: 0;
}
#content-form-editor .cat-head-txt h2:before {
    left: 0;
    transform: rotate(-12deg);
}
#content-form-editor .cat-head-txt h2:after {
    right: 0;
    transform: rotate(12deg);
}
#content-form-editor .cat-head-txt .txt-box {
    margin-top: 30px;
    background-color: #eee;
    padding: 6px;
    margin-right: 10px;
    margin-left: 10px;
}
#content-form-editor .cat-head-txt p {
    background-color: #fff;
    padding: 10px;
    margin: 0;
}
#content-form-editor .cat-head-txt p .line {
    font-size: 18px;
    background: linear-gradient(transparent 70%, rgba(255, 89, 146, 0.4) 70%);
}
#content-form-editor .cat-head-txt form input.mailform1 {
    display: inline-block;
    width: 50%;
    margin-right: 0.5em;
    height: 2.3em;
    border: 1px solid #ccc;
    background-color: #fff;
}


#content-form-editor #bCafeSchool .com_link_box {
    display: inline;
    margin-right: 0.7em;
    position: relative;
}
#content-form-editor #bCafeSchool .com_link_box::before{
    content: url(/wp-content/uploads/2013/09/dot02.gif);
    position: absolute;
    left: -0.5em;
}

/* 画像群 :デフォルトテンプレート:スクールPHOTO ページでも使用 */
#content-form-editor .imgGalary {
    margin: 1em 0 0;
}
#content-form-editor .imgGalary .imgGal_Top {
    height: auto;
    max-height: 315px;
    max-width: 555px;
    width: 100%;
    padding: 0;
}
#content-form-editor .imgGalary .photoGal_Navi {
    margin: 0 auto 0.3em;
    line-height: 1.3;
}
#content-form-editor .imgGalary .imgGalBar{
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
}
#content-form-editor .imgGalary .imgGalBar a{
    /* width: 33%; */
    padding: 0.2em;
}
#content-form-editor .imgGalary .imgGalBar .imgGal_Thum {
    padding: 0;
    max-height: 100px;
    height: 100%;
    max-width: 100px;
    /* width: 100%; */
    width: calc((100vw - (1.2em + 4em ))/ 3);
}
#content-form-editor .imgGalary .imgGalBar .imgGal_Thum img{
    padding: 0.5em 0 0;
}


/* 最新記事エリア */
#main > .latest-article-area:first-child {
    margin-top: 1em;/* 最初の要素として表示される場合のみTOPマージン設定*/
}
.latest-article-area{
    margin-bottom: 3em;
}
.latest-article-area img {
    margin: 1em auto;
    width: auto;
    display: block;
}
.latest-article-area .latest-article{
    padding: 0.5em 1em;

}
.latest-article-area .latest-article .latest-entry-title {
    line-height: 1.3;
    /* font-weight: normal; */
}
.latest-article-area .latest-article .latest-entry-content a{
    text-decoration: underline;
}
.latest-article-area .latest-article .latest-entry-content a:hover{
    color:#999;
}
.latest-article-area .latest-pagination {
    padding: 0 1em;
    font-size: 0.9em;
}
.latest-article-area .latest-pagination .current {
    /* padding: 6px 9px 5px 9px; */
    background: #E36AA0;
    color: #fff;
    margin: 0.2em 0.2em 0.2em 0;
    padding: 0.3em 0.6em;
}
.latest-article-area .latest-pagination a,
.latest-article-area .latest-pagination .dots {
    display: inline-block;
    background-color: #e8e8e8;
    padding: 0.3em 0.6em;
    line-height: 1;
    color: #fff;
    text-decoration: none;
}

/* What's New? エリア と 小カテゴリリストエリア */
.cat-latest-nav-box {
    background-color: #fff;
    padding: 1.5em;
    margin-bottom: 3em;
    
}
.cat-latest-nav-box h2 {
    margin-top: 0;
    text-align: center;
}
.cat-latest-nav-box .latest-post-box3 .img-ttl-desc-box {
    margin: 1.5em 1em;
}
.cat-latest-nav-box .latest-post-box3 .img-ttl-desc-box .img-box{
    text-align: center;
}
.cat-latest-nav-box .latest-post-box3 .img-ttl-desc-box .img-box img {
    max-width: 100%;
    height: auto;
}
.cat-latest-nav-box .latest-post-box3 .img-ttl-desc-box .ttl-desc-box {
    margin-top: 1em;
}
.cat-latest-nav-box .latest-post-box3 .img-ttl-desc-box .ttl-desc-box span {
    display: inline-block;
    background-color: #cdcdcd;
    line-height: 1.3;
    font-size: 0.8em;
    border-radius: 12px;
    padding: 4px 12px 3px;
    margin: 0 0.5em;
}
.cat-latest-nav-box .latest-post-box3 .img-ttl-desc-box .ttl-desc-box .ttl h3 {
    font-weight: normal;
    line-height: 1.3;
    font-size: 1em;
    font-weight: bold;
    margin: 0.5em 0.5em 0;
}
.cat-latest-nav-box .latest-post-box3 .img-ttl-desc-box .ttl-desc-box .ttl h3 a{
    color: #666;
}
.cat-latest-nav-box .latest-post-box3 .img-ttl-desc-box .ttl-desc-box .post-time {
    margin: 0.2em 0 0 0.6em;
}

/* --カテゴリ名 */
.cat-latest-nav-box .child-cat-list .img-txt-box {
    /* float: none; */
    width: 100%;
    padding: 5px 5px;
    box-sizing: border-box;
}
.cat-latest-nav-box .child-cat-list .img-txt-box .child-list-box .img-box {
    height: 100px;
    position: relative;
    overflow: hidden;
}
.cat-latest-nav-box .child-cat-list .img-txt-box .child-list-box .img-box img {
    width: 100%;
    max-width: 100%;
}
.cat-latest-nav-box .child-cat-list .img-txt-box .child-list-box .img-box:hover img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transition: .2s;
}

.cat-latest-nav-box .child-cat-list .img-txt-box .child-list-txt {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.45);
    box-sizing: border-box;
    top: 0;
    left: 0;
}
.cat-latest-nav-box .child-cat-list .img-txt-box .child-list-txt p {
    font-size: 1.1em;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
    width: 100%;
    line-height: 1.4;
    padding: 14px;
    margin: 0;
    box-sizing: border-box;
    text-shadow: 0 0 3px rgba(0,0,0,0.65);
}


/* 画像付き記事一覧 */
.archive_list_with_img_area{
    margin: 3.5em auto;
    padding: 0.5em 0;
    background-color: #fff;
    position: relative;
}
.archive_list_with_img_area .archive_list_title{
    color: #666;
    background: #FFCCDC;
    border-left: solid 10px #FF5992;
    padding: 0.3em 0.5em;
    font-size: 1em;
    margin: 0.5em 1em 0;
    font-weight: bold;
}
.archive_list_with_img_area .archive_list{
    padding: 1em 2em;
    background-color: #fff;
}
.archive_list_with_img_area .archive_list ul{
    margin: 0;
}
.archive_list_with_img_area .archive_list ul li {
    display: flex;
    padding: 1em 0;
}
.archive_list_with_img_area .archive_list ul li:not(:last-of-type) {
    border-bottom: solid 1px #d9d9d9;

}
.archive_list_with_img_area .archive_list ul li .archive-img-box {
    width: 90px;
    flex-shrink: 0;/*Flex下での幅の自動調整つのキャンセル*/
}
.archive_list_with_img_area .archive_list ul li .archive-txt-box {
    padding: 0 0 0 1em;
    font-size: 1.2em;
}
.archive_list_with_img_area .archive_list ul li .archive-txt-box span {
    display: block;
}

/*page-type03 : SCHOOL Page start ------ */
/* 投稿タイトルを使って生成したヘッダー文言 */
.page-type03 h1.entry-title {
    font-size: 0.8em;
    line-height: 1.3;
    font-weight: normal;
    margin: 0 0.5em;
    padding-bottom: 2em;
}
/* スクール名 */
.page-type03 #content-form-editor .schoolName h2{
    color: #EE75AB;
    border-left: 8px double #EE75AB;
    font-family: 'Quicksand', sans-serif;
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 0em;
    line-height: 1.3;
    line-height: 1.2;
    margin: 0.5em auto;
    padding-left: 0.5em;
}
.page-type03 #content-form-editor .schoolName h2 span {
    font-family: 'Cherry Swash', cursive;
    font-size: 2rem;
    font-weight: normal;
    padding: 0 0.3em;
}

/*この項目がないスクールもあり*/
.page-type03 #content-form-editor h3.schoolTtl {
    color: #757575;
    font-size: 1.4em;
    margin: 1em auto 0.5em;
    text-align: center;
    padding: 0;
} 

.page-type03 #content-form-editor .schoolInfo {
    color: #757575;
    margin: 10px auto;
}
.page-type03 #content-form-editor .schoolInfo table {
    border: 0;
}
.page-type03 #content-form-editor .schoolInfo table tbody {
    border-bottom: 1px solid #ededed;
}
.page-type03 #content-form-editor .schoolInfo table tbody tr {
    border: 0;/* 一旦リセット */
    border-top: 1px solid #ededed;
}
.page-type03 #content-form-editor .schoolInfo table tbody th {
    color: #636363;
    font-weight: bold;
    background-color: #fff;
    border: 0;
    text-align: left;
    padding-bottom: 0;
    display: block;
    width: 100%;
}
.page-type03 #content-form-editor .schoolInfo table tbody td {

    line-height: 1.3;
    display: block;
    width: 100%;
}

.page-type03 #content-form-editor .schoolInfo .accessMap {
    margin: 0 auto;
    width: 80%;
}
.page-type03 #content-form-editor .schoolInfo .accessMap p{
    margin: 0;
}

.page-type03 #content-form-editor .schoolDesc{
    margin: 1em 0;
}
.page-type03 #content-form-editor .schoolDesc .b-beginner-and-female {
    font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 1.1em;
}
.page-type03 #content-form-editor .schoolDesc .b-beginner-and-female h2.bdrd-left-4 {
    line-height: 1.3;
    border-left: 4px solid #FBA0C9;
    padding-left: 0.8em;
    margin-bottom: 1em;
    font-size: 1.2em;
    font-weight: bold;
    letter-spacing: 0.03em;
}
.page-type03 #content-form-editor .schoolDesc .b-beginner-and-female h2 {
    color: #555555;
}

.page-type03 #content-form-editor .schoolDesc img {
    margin: 0 1em 1em 0;
    padding: 0;
}
.page-type03 #content-form-editor .schoolDesc .img-txt-area {
    margin-bottom: 1em;
}
.page-type03 #content-form-editor .schoolDesc .img-txt-area img{
    margin: 0 auto 1em;
}

.page-type03 #content-form-editor .schoolDesc img.aligncenter{
    margin: 0 auto;
}
/* page-type03 : SCHOOL Page end ------ */

/* page-type04 : start ---------------- */
.page-type04 #entry {
    margin-bottom: 0;/* SANGO設定を上書き */
}
/*--コンテンツヘッダー部分*/
.page-type04 .program-page-ttl-head {
    background-color: #fcfcfc;
    background-image: radial-gradient(#eee 10%, transparent 20%), radial-gradient(#eee 10%, transparent 20%);
    background-size: 10px 10px;
    background-position: 0 0, 5px 5px;
    padding: 12px;
}
.page-type04 .program-page-ttl-head .img-ttl-txt-box .img-box {
    background-color: #fff;
    text-align: center;
}
.page-type04 .program-page-ttl-head .img-ttl-txt-box .ttl-txt-box h2{
    margin: 1em 0 0.5em;
}
.page-type04 .program-page-ttl-head .img-ttl-txt-box .ttl-txt-box h2::before,
.page-type04 .program-page-ttl-head .img-ttl-txt-box .ttl-txt-box h2::after{
    content: "\025c6";/*◆*/
}
.page-type04 .program-page-ttl-head .img-ttl-txt-box .ttl-txt-box h2::before{
    padding-right: 0.3em;
}
.page-type04 .program-page-ttl-head .img-ttl-txt-box .ttl-txt-box h2::after{
    padding-left: 0.3em;
}
.page-type04 .program-page-ttl-head .img-ttl-txt-box .ttl-txt-box .ttl-btm{
    background-color: #eee;
    border-radius: 6px;
    padding: 1em;
    line-height: 1.5;
}

.page-type04 .program-first-btm-txt {
    margin: 2em 1em;
}
.page-type04 section.entry-content .program-first-btm-txt p {/*SANGO設定の上書き*/
    margin: 0;
}


.page-type04 .program-section-01,
.page-type04 .program-section-02,
.page-type04 .program-section-03,
.page-type04 .program-section-04 {
    margin: 0 0.5em;
}
.page-type04 .program-section-01::after{
    bottom: -1em;
}

/*--ケース */
.page-type04 .program-section-01 .program-list-box ul {
    list-style: none;
    padding: 0.5em;
}
.page-type04 .program-section-01 .program-list-box ul li {
    display: table;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
}
.page-type04 .program-section-01 .program-list-box ul li:not(:last-of-type) {
    border-bottom: 2px dotted #E26AA0;
}
.page-type04 .program-section-01 .program-list-box ul li .img-box,
.page-type04 .program-section-01 .program-list-box ul li .ttl-txt-link-box {
    display: table-cell;
    vertical-align: top;
}
.page-type04 .program-section-01 .program-list-box ul li .img-box {
    width: 34%;
    padding: 10px 10px 10px 0px;
}
.page-type04 .program-section-01 .program-list-box ul li .img-box img {
    border: 2px solid #FEDDE4;
    margin: 0;
}
.page-type04.program-section-01 .program-list-box ul li .ttl-txt-link-box {
    width: 66%;
    padding: 10px 0px;
}
.page-type04 .program-section-01 .program-list-box ul li .ttl-txt-link-box .ttl-box {
    font-weight: bold;
    font-size: 1.1em;
}
.page-type04 .program-section-01 .program-list-box ul li .ttl-txt-link-box .txt-box {
    font-size: 0.9em;
    line-height: 1.4;
}
.page-type04 .program-section-01 .program-list-box ul li .ttl-txt-link-box .link-box {
    text-align: right;
}
.page-type04 .program-section-01 .program-list-box ul li .ttl-txt-link-box .link-box a {
    font-size: 0.9em;
    color: #fff;
    font-weight: bold;
    background-color: #E26AA0;
    line-height: 2em;
    display: inline-block;
    padding: 0 6px;
    border-radius: 12px;
}

/*--テキスト */
.page-type04 .program-page-btm-section {
    padding: 1.5em 1em 0;
}
.page-type04 .program-page-btm-section p a {
    border-bottom: 2px solid #E26AA0;
    margin-left: 4px;
    text-decoration: none;
}
.page-type04 .program-page-btm-section p a :hover {
    color: #999999;
}
.page-type04 .program-page-btm-section p:last-of-type{
    margin-bottom: 0;
}

/*--モバイル用パーツ 電話 */
.page-type04 .page-btm-section-01 {
    padding: 0;
    margin-top: 1em;
}
.page-type04 .page-btm-section-01 .system-section-tel-box{
    background: rgb(255,189,155);
    background: -moz-linear-gradient(-45deg, rgba(255,189,155,1) 0%, rgba(226,106,160,1) 40%, rgba(226,106,160,1) 60%, rgba(255,189,155,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(255,189,155,1) 0%,rgba(226,106,160,1) 40%,rgba(226,106,160,1) 60%,rgba(255,189,155,1) 100%);
    background: linear-gradient(135deg, rgba(255,189,155,1) 0%,rgba(226,106,160,1) 40%,rgba(226,106,160,1) 60%,rgba(255,189,155,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbd9b', endColorstr='#ffbd9b',GradientType=1 );
    padding: 6px;
    margin: 0 10px;
}
.page-type04 .page-btm-section-01 .system-section-tel-box .tel-box-inner {
    background-color: #fff;
    text-align: center;
}
.page-type04 .page-btm-section-01 .system-section-tel-box .logo-img {
    padding: 20px;
}
.page-type04 .page-btm-section-01 .system-section-tel-box .tel-body {
    background-color: #fff;

}
.page-type04 .page-btm-section-01 .system-section-tel-box .tel-body .color-f4068f {
    font-size: 1.3em;
    font-weight: bold;
    margin: 0;
    color: #f4068f;
}
.page-type04 .page-btm-section-01 .system-section-tel-box .tel-body .tel-body-btm-p {
    font-size: 1em;
    font-weight: normal;
    padding: 1em 0;
    margin: 0;
    line-height: 1.5;
}
.page-type04 .page-btm-section-01 .system-section-tel-box .tel-num{
    background: rgb(255,189,155);
    background: -moz-linear-gradient(left, rgba(255,189,155,1) 0%, rgba(226,106,160,1) 53%, rgba(226,106,160,1) 100%);
    background: -webkit-linear-gradient(left, rgba(255,189,155,1) 0%,rgba(226,106,160,1) 53%,rgba(226,106,160,1) 100%);
    background: linear-gradient(to right, rgba(255,189,155,1) 0%,rgba(226,106,160,1) 53%,rgba(226,106,160,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbd9b', endColorstr='#e26aa0',GradientType=1 );
    padding: 10px;
    text-align: center;
}
.page-type04 .page-btm-section-01 .system-section-tel-box .tel-num img {
    width: 34px;
}
.page-type04 .page-btm-section-01 .system-section-tel-box .tel-num a {
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    vertical-align: middle;
    padding-left: 4px;
    padding-right: 4px;
    display: inline-block;
    transform: scale(0.88, 1.1);
    -webkit-transform: scale(0.88, 1.1);
}
.page-type04 .page-btm-section-01 .system-section-tel-box .tel-num span {
    color: #fcee21;
    font-size: 12px;
    display: inline-block;
    position: relative;
    transform: translateY(50%);
    -webkit-transform: translateY(50%);
}
.page-type04 .page-btm-section-01 .system-section-tel-box .tel-num span:after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fcee21;
    border-right: 2px solid #fcee21;
    position: absolute;
    top: -6px;
    left: 40%;
    transform: rotate(45deg) translateX(-50%);
    -webkit-transform: rotate(45deg) translateX(-50%);
}
.page-type04 .page-btm-section-01 .system-section-tel-box .tel-time {
    background-color: #4d4d4d;
    color: #fff;
    text-align: center;
    padding: 10px 2px;
}
/*--モバイル用パーツ リンクボタン */
.page-type04 .page-btm-section-02,
.page-type04 .page-btm-section-03 {
    margin: 1em;
}
.page-type04 .page-btm-section-02 .section-btn-type-be1377 a,
.page-type04 .page-btm-section-03 .section-btn-type-1b9fdb a {
    display: block;
    text-align: center;
    line-height: 2;
    border-radius: 26px;
    color: #fff;
    position: relative;
    font-weight: bold;
    font-size: 1.1em;
}
.page-type04 .page-btm-section-02 .section-btn-type-be1377 a::after,
.page-type04 .page-btm-section-03 .section-btn-type-1b9fdb a::after {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    position: absolute;
    right: 10px;
    top: 9px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.page-type04 .page-btm-section-02 .section-btn-type-be1377 a {
    background-color: #be1377;
}
.page-type04 .page-btm-section-03 .section-btn-type-1b9fdb a {
    background-color: #1b9fdb;
}

/*--モバイル用パーツ 画像＋テキスト */
.page-type04 .page-btm-section-03 .img-txt-box {
    position: relative;
    text-align: center;
}
.page-type04 .page-btm-section-03 .img-txt-box p {
    color: #fff;
    font-size: 1.1em;
    font-weight: bold;
    background-color: rgba(0,0,0,0.52);
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 0.7em;
    text-align: center;
    line-height: 1.5;
    margin: 0;
}
.page-type04 .page-btm-section-03 .section-btn-type-1b9fdb {
    margin: 1em 0;
}


.page-type04 .page-sub-program .program-section-ttl-head .ttl-box {
    margin: 0 1em;
}
.page-type04 .page-sub-program .program-section-ttl-head .ttl-box .e-ttl {
    font-size: 1.2em;
    margin: 0;
    color: #333;
}
.page-type04 .page-sub-program .program-section-ttl-head .ttl-box .j-ttl {
    font-size: 1.3em;
    margin: 0;
    font-weight: normal;
    line-height: 1.2;
    color: #333;
}
.page-type04 .page-sub-program .pline-box{
    position: relative;
    margin-top: 1.5em;
}
.page-type04 .page-sub-program .pline-box.back-decoration::after{
    bottom: -1em;
}
.page-type04 .page-sub-program .pline-box h3{
    margin: 0;
}
/* section-head */
.page-type04 .page-sub-program .pline-box .section-head h3 img{
    margin: 0 0.5em 0 -0.8em;
}
.page-type04 .page-sub-program .pline-box .section-head h3 span{
    font-weight: normal;
}
.page-type04 .page-sub-program .pline-box .section-body {
    padding: 1em 1em;
}
.page-type04 .page-sub-program .pline-box .section-body .img-box {
    text-align: center;
}
.page-type04 .page-sub-program .section-arrow-box{
    font-size: 5em;
    line-height: 1;
    text-align: center;
    color: #ed4fa5;
}
.page-type04 .page-sub-program .section-arrow-box::before{
    font-family:"Material Symbols Outlined";
    content: '\e5cf';/* Expand More */
}

.page-type04 .page-sub-program .program-section-02 {
    margin-top: -2em;
    margin-bottom: -1em;
}
.page-type04 .page-sub-program .program-section-02 .section-body .img-box img{
    margin: 0;
}
.page-type04 .page-sub-program .program-section-03 {
    margin-top: -2em;
}

.page-type04 .page-sub-program .section-body .ttl-txt-box h4{
    margin: 0;
    line-height: 1.2;
    color: #333;
    font-size: 0.9em;
}
.page-type04 .page-sub-program .section-body .ttl-box h4{
    margin: 0;
    line-height: 1.2;
    color: #333;
    font-size: 1.4em;
}

/* コメントBOX */
.page-sub-program .section-body .ttl-txt-box p.coment-area {
    padding: 0.7em;
    border-radius: 8px;
    margin-top: 0.5em;
    line-height: 1.3;
    margin-bottom: 1em;
}
.page-sub-program .section-body .ttl-txt-box p.coment-area.pink-circle-box {
    box-shadow: 0 0 4px 0 rgba(237,79,165,1);
}
.page-sub-program .section-body .ttl-txt-box p.coment-area.blue-circle-box {
    box-shadow: 0 0 4px 0 rgba(85,158,226,1);
}


.page-sub-program .section-body .img-box {
    position: relative;
    text-align: center;
}
.page-sub-program .section-body .img-box .img-box-img {
    margin: 1em 0;
}
.page-sub-program .section-body .img-box .commnet-box-pink,
.page-sub-program .section-body .img-box .commnet-box-blue {
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
    line-height: 1.1;
    width: 120px;
    height: 85px;
    margin: 0 auto;
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-134px);
    -webkit-transform: translateX(-134px);
}
.page-sub-program .section-body .img-box .commnet-box-pink {
    background-image: url(../sub-images/case-parts-pink-comment.png);
}
.page-sub-program .section-body .img-box .commnet-box-blue {
    background-image: url(../sub-images/case-parts-blue-commnet.png);
}


.page-sub-program .section-body .img-box .commnet-box-pink p,
.page-sub-program .section-body .img-box .commnet-box-blue p {
    transform: translateX(-4px) rotate(-11deg);
    -webkit-transform: translateX(-4px) rotate(-11deg);
    padding-top: 23px;
    font-size: 15px;
    letter-spacing: -0.8px;
    line-height: 1.3;
}

.page-sub-program .section-body .img-box .commnet-box-pink p {
    color: #ed4fa5;
}
.page-sub-program .section-body .img-box .commnet-box-blue p {
    color: #5C9FE2;
}
.page-sub-program .section-body .link-box p{
    margin: 0;
}
.page-sub-program .section-body .arrow-img {
    position: absolute;
    /* bottom: -30px; */
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    z-index: 20;
}

.page-type04 .page-sub-program .arrow-box {
    text-align: right;
    color: #ed4fa5;
    font-size: 2.5em;
    line-height: 1;
    margin-top: -0.5em;
}
.page-type04 .page-sub-program .arrow-box::before{
    font-family:"Material Symbols Outlined";
    content: '\eac9';/* Keyboard Double Arrow Right */
}

/* news letter 登録フォーム */
.form-confirm hr {
    margin: 1em 0;
}
.form-main .btn-area {
    margin-top: 1em;
}
.form-main .btn-area input {
    margin-right: 0.5em;
}
.page section.entry-content .form-main lavel + p {/*上書き*/
    margin: 0;
    display: inline-block;
}
.form-confirm > p {
    margin: 1em 0;
}
.form-confirm h3 {
    margin: 0;
    padding: 0;
    color: #666;
}




/* /hello bってなに
 * /yakusoku ３つの約束
 */
.page .page-type04 section.entry-content .text-boxs .back-decoration p {
    margin: 0;
}
.page-type04 .text-boxs > div:not(:first-of-type) {
    margin: 3em 0;
}
.page-type04 .text-boxs .back-decoration > img {
    padding: 0 0 0 0.5em;
}
.page-type04 .text-boxs .text-box-padding {
    padding: 0.5em 1em 0;
}
.page-type04 .text-boxs .text-box-padding img {
    margin: 0 auto 1em;
    display: block;
}

/* /yakusoku ３つの約束 */
.page-type04 .post-8719 .text-boxs .back-decoration > div:first-of-type {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.page-type04 .post-8719 .text-boxs .back-decoration::after{
    bottom: -1em;
}
.page-type04 .post-8719 .text-boxs .back-decoration > div:first-of-type  .cont-img-box {
    order: 1;
    overflow: hidden;
    height: 120px;
    padding-right: 2em;
    padding-left: 0em;
}
.page-type04 .post-8719 .text-boxs .back-decoration > div:first-of-type  .cont-text-box{
    order: 3;
    padding:0 1em;
    line-height: 1.5;
}
.page-type04 .post-8719 .text-boxs .back-decoration > div .cont-img-box2{
    order: 2;
    padding: 0 1em;
}
.page-type04 .post-8719 .text-boxs .back-decoration .cont-link-box{
    padding-bottom: 1em;
    text-align: center;
}

/* faq よくあるご質問 */
/* .cont_faq_q、.cont_faq_a の基本パターンは別ページでも使用 */
.cont_faq_q {
    padding: 0 0 0 4.5em;
    height: 54px;
    line-height: 1.2;
    display: table-cell;
    background: url(/wp-content/uploads/2013/09/faqq.jpg),url(/wp-content/uploads/2013/09/faqq.jpg) right;
    background-repeat: no-repeat;
    width: 100vw;
    vertical-align: middle;
    font-weight: bold;
}
.cont_faq_a {
    background-image: url(/wp-content/uploads/2013/09/faqa.png);
    background-repeat: no-repeat;
    padding: 1.5em 0.5em 0;
    background-position: left 1.5em;
}
.page-type04 .post-8650 .faq{
    padding: 0 0.5em;
}
.page-type04 .post-8650 .faq .faq-box {
    margin-top: 1.5em;
}
.page-type04 .post-8650 .faq .faq-box .cont_faq_a a{
    color:var(--main-accent-color);
    border-bottom: 1px dashed var(--main-accent-color);
}
.page-type04 .post-8650 .faq .faq-box .cont_faq_a a:hover {
    text-decoration: none;
    border-bottom: 1px solid var(--main-accent-color);
}
.page-type04 .post-8650 .faq .faq-box .cont_faq_a ul{
    padding: 0 1em 0 2em;
    line-height: 1.3;
    margin: 0.5em 0;
    list-style-type: square;
}

.page-type04 .post-8650 .faq .faq-box .cont_faq_a img {
    margin: 0 auto;
    display: block;
}

.page-type04 .post-8650 .faq .faq-box .cont_faq_a img.aligncenter{
    margin: 1em 0;
}

/* スクールマップ */
.page-type04 .post-595 img{
    margin: 0;
}
.page-type04 .post-595 section.entry-content.page-content{
    padding: 0.5em 0.5em 0;
}
.page-type04 .post-595 .first-map-txt-box {
    padding: 4px;
    background-color: #EE75AB;
    margin-bottom: 16px;
}

.page-type04 .post-595 .first-map-txt-box-inner {
    border: 2px solid  #fff;
    padding: 10px 10px 24px;
    position: relative;
}

.page-type04 .post-595 .first-map-txt-box-inner .img-box {
    text-align: center;
}


.page-type04 .post-595 .first-map-txt-box-inner .ttl-box {
    text-align: center;
    color: #fff;
    border-bottom: 2px solid #fff;
    padding-bottom: 12px;
    margin: 0 auto;
    width: 100%;
    max-width: 300px;
}
.page-type04 .post-595 .first-map-txt-box-inner .ttl-box h2{
    margin: 1em 0 0;
    color: #fff;
    font-size: 1.7em;
}
.page-type04 .post-595 .first-map-txt-box-inner .ttl-box p{
    margin-bottom: 0;
}
.page-type04 .post-595 .first-map-txt-box-inner .list-box {
    margin: 0 auto;
    width: 100%;
    max-width: 300px;
}
.page-type04 .post-595 .first-map-txt-box-inner .list-box ul {
    margin: 0.5em 0 0;
    padding: 0;
}
.page-type04 .post-595 .first-map-txt-box-inner .list-box ul li {
    display: inline-block;
    font-size: 1em;
    color: #fff;
    padding: 0;
    margin: 0;
    margin: 0 0.5em;
}

.page-type04 .post-595 .first-txt-box {
    text-align: center;
}
.page-type04 .post-595 .first-txt-box p {
    color: #EE75AB;
    font-weight: bold;
    margin: 0 0.5em;
    line-height: 1.3;
    font-size: 1.7em;
}

.page-type04 .post-595 p.text-box{
    padding: 0 0.5em;
}

.page-type04 .post-595 #school-map-box .list-box ul{
    padding: 0 0 0 1em;
}
.page-type04 .post-595 #school-map-box .list-box li {
    text-align: center;
    display: inline-block;
    margin: 0 0.5em 0 0;
}
.page-type04 .post-595 #school-map-box .list-box li a {
    color: #EE75AB;
    display: inline-block;
    font-size: 16px;
    line-height: 32px;
    border-radius: 22px;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
    border: 2px solid #EE75AB;
    padding: 4px 8px;
    text-decoration: none;
}
.page-type04 .post-595 #school-map-box .list-box li a img {/*電車画像*/
    width: 32px;
}
.page-type04 .post-595 #school-map-box .txt-box p {
    color: #EE75AB;
}

.page-type04 .post-595 .location-school-head {
    text-align: left;
    padding: 0.5em 0.75em;
    background-color: #fff;
    border-left: 6px solid #EE75AB;
    text-align: center;
}
.page-type04 .post-595 .location-school-head  h2{
    margin: 0;
}
.page-type04 .post-595 .location-school-head  h2 span {
    display: block;
    line-height: 1;
    font-weight: lighter;
    font-size: 0.9em
}

.page-type04 .post-595 .loc_box_out{
    text-align: center;
    margin: 1em 0;
}
.page-type04 .post-595 .loc_box_out .loc_box_one {
    overflow: hidden;
}
.page-type04 .post-595 .loc_box_out img {
    padding: 0.5em;
}
.page-type04 .post-595 .loc_box_out > div:last-of-type{
    display: flex;
    flex-flow: wrap;
    justify-content: center;
}
.page-type04 .post-595 .loc_box_out > div:last-of-type > div{
    width: calc(100vw / 2 );
    max-width: calc(100% / 2);
    overflow: hidden;
}

.page-type04 .post-595 .loc_box_out .loc_box_four {
    text-align: right;
}
.page-type04 .post-595 .loc_box_out .loc_box_four2 {
    text-align: left;
}
.page-type04 .post-595 .loc_box_out .loc_box_one img {
    max-width: 350px;/*各スクールの画像サイズを揃える*/
}
.page-type04 .post-595 .loc_box_out .loc_box_four img,
.page-type04 .post-595 .loc_box_out .loc_box_four2 img{
    width: calc(100vw / 2 );
    max-width: 179px;/*各スクールの画像サイズを揃える*/
}

.page-type04 .post-595 .recommendArea strong a {
    display: block;
    background-color: #EE75AB;
    color: #fff;
    border-radius: 18px;
    font-size: 1em;
    font-weight: normal;
    line-height: 1.5em;
    text-align: center;
    margin-top: 1em;
}

.page-type04 .post-595 .recommendArea .bgc-g {
    background-color: #fff;
    border-radius: 6px;
    padding: 0.7em;
    margin-bottom: 1em;
}
.page-type04 .post-595 .recommendArea h2{
    margin: 0 0 2em;
    text-align: center;
}

.page-type04 .post-595 div.schoolInfo_List:last-of-type ~ p {/*コメントアウト済み行対応*/
    margin: 0;
}

/* お住まい・職場が◯◯スクールから近い駅 */
.page-type04 #content-form-editor .near-schoollist{
    line-height: 2;
    margin: 1em 0;
}

/* ◯◯スクールへのアクセス方法 */
.page-type04 .post-24636 #content-form-editor .school-access-title {
    color: #fff;
    margin-top: 0;
    padding: 0.8em 0.5em;
    font-size: 1.3em;
    line-height: 1.3;
    font-weight: bold;
    text-align: center;
}
.page-type04 .post-24636 #content-form-editor .school-access-title.nikotama{
    background: #4AB197;
}

/* 超初心者専門コース */
.page-type04 .post-23965 #content-form-editor .audience h3 img {
    margin: 0;
}
.page-type04 .post-23965 #content-form-editor .audience .audience-box {
    display: flex;
    justify-content: center;
    max-width: 650px;
    margin: 0 auto 1em;
}
.page-type04 .post-23965 #content-form-editor .audience .audience-box > div {
    width: 50%;
}
.page-type04 .post-23965 #content-form-editor .audience .audience-box > div + div {
    margin-left: 0.5em;
}
.page-type04 .post-23965 #content-form-editor .audience .audience-box img {
    margin: 0;
}
.page-type04 .post-23965 #content-form-editor .audience .audience-box > div > div {
    margin: 0;
}
.page-type04 .post-23965 #content-form-editor .audience .audience-box > div > div > h4 {
    margin: 0;
}
.page-type04 .post-23965 #content-form-editor ul.list-style-disc{
    list-style: disc outside;
    padding-left: 2em;
}
.page-type04 .post-23965 #content-form-editor ul.list-style-disc li{
    padding: 0;
    line-height: 2em;
}

/* どうしてb わたしの英会話は初心者専門・女性限定なの？ */
.page-id-17041 .page-type04 h1 {
    border-bottom: 1px solid #ccc;
    padding-bottom: 0.7em;
}
.page-type04 .post-17041 #content-form-editor .b-beginner-and-female h2.bdrd-left-4 {
    line-height: 1.2;
    border-left: 4px solid #FBA0C9;
    padding-left: 0.7em;
    font-size: 1.3em;
    font-weight: bold;
    letter-spacing: 0.064rem;
    margin: 0 0 1em;
    color: #555;
}
.page-type04 .post-17041 #content-form-editor .b-beginner-and-female img {
    width: 100%;
    border-radius: 8px;
}

/* 研修センター */
.page-type04 .post-10622 table#address {
    border: 0;
    border-bottom: 1px solid #ededed;
    color: #757575;
    margin: 0 0 1.5em;
    width: 100%;
}
.page-type04 .post-10622 table#address tr {
    border: 0;
}
.page-type04 .post-10622 table#address td {
    border-right: 0;
    border-top: 1px solid #ededed;
    padding: 0.8em;
    line-height: 1.5;
}
.page-type04 .post-10622 table#address td:first-of-type {
    vertical-align: top;
}


/* パートナー*/
.page-type04 .post-10258 #content-form-editor .partner_img img {
    padding-right: 0.5em;
    padding-bottom: 0.5em;
    width: 150px;
}
.page-type04 .post-10258 #content-form-editor > .cont-pertner{
    padding-top: 1em;
}
.page-type04 .post-10258 #content-form-editor > .cont-pertner > p:last-of-type{
    margin-bottom:0;
}
.page-type04 .post-10258 #content-form-editor > hr{
    margin: 1em 0;
}

/* 「電通」法人会員様専用ページ post id = 9998,9646 ２つあり
 * 「新日本有限責任監査法人」法人会員様専用ページ post id = 9967
 */
.page-type04 .post-9998 #content-form-editor img,
.page-type04 .post-9646 #content-form-editor img,
.page-type04 .post-9967 #content-form-editor img{
    display: inline;
}
.page-type04 .post-9998 #content-form-editor table,
.page-type04 .post-9998 #content-form-editor table tr,
.page-type04 .post-9998 #content-form-editor table td,
.page-type04 .post-9646 #content-form-editor table,
.page-type04 .post-9646 #content-form-editor table tr,
.page-type04 .post-9646 #content-form-editor table td,
.page-type04 .post-9967 #content-form-editor table,
.page-type04 .post-9967 #content-form-editor table tr,
.page-type04 .post-9967 #content-form-editor table td{
    border:0;
}
.page-type04 .post-9998 #content-form-editor table td,
.page-type04 .post-9646 #content-form-editor table td,
.page-type04 .post-9967 #content-form-editor table td{
    border-top: 2px solid #ededed;
}

/* Photo Journal SQRIPT – 英会話初心者のお客様向け音声学習ツール */
.page-type04 .post-9627 #content-form-editor .cont_faq_a {
    padding-left: 5em;
}

/* 映画占い */
.page-type04 .post-9436 #content-form-editor .card-area {
    display: table;
    margin: 0 auto;
}
.page-type04 .post-9436 #content-form-editor .card-area a {
    display: table-cell;
}
/* 占い結果 */
.shigoto,.renai,.ttlttl,.kotsu {
    max-width: 553px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: contain;
    line-height: 1.7;
}
.shigoto {
    background-image: url(/wp-content/uploads/2013/09/Ericottino_Work.gif);
    padding: 50px 5em 1em 1em;
}
.renai {
    background-image: url(/wp-content/uploads/2013/09/Ericottino_Love.gif);
    padding: 50px 1em 1em 5em;
}
.ttlttl {
    background-image: url(/wp-content/uploads/2013/09/Ericottino_Phrase.gif);
    padding: 50px 5em 1em 1em;
}
.kotsu {
    background-image: url(/wp-content/uploads/2013/09/Ericottino_Point.gif);
    padding: 50px 1em 1em 5em;
}


/* bの特徴 トランプ背景欄の調整 start */
.page-type04 .post-9255 #content-form-editor {
    padding: 2em 0;
}
.page-type04 .post-9255 #point-area{
    background-image: url(/wp-content/uploads/2024/04/playingcards_back.png);
    margin: 0 auto;
    width: 90%;
    height: calc((100vw * 0.9)*789/553);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
/* -- Safariでのズレを補正 */
_::-webkit-full-page-media, .page-type04 .post-9255 #point-area {
    width: calc(90% + 14px);
    height: calc((100vw * 0.9)*789/553 + 1px);
}
.page-type04 .post-9255 #point-area a {
    text-decoration: none;
    border-bottom: 2px dotted var(--main-bk-accsent-color);
}
.page-type04 .post-9255 #point-area > div {
    display: block;
    position: absolute;
    left: 12%;
    line-height: 1.4;
    width: 80%;
    font-size: 0.9em;
    padding: 2em 0;
    z-index: 3;
}
.page-type04 .post-9255 #point-area > div:first-of-type {
    top: 7%;
}
.page-type04 .post-9255 #point-area > div:nth-of-type(2){
    top: 23%;
}
.page-type04 .post-9255 #point-area > div:nth-of-type(3){
    top: 39%;
}
.page-type04 .post-9255 #point-area > div:nth-of-type(4){
    top: 55%;
}

.page-type04 .post-9255 #point-area p #img1,
.page-type04 .post-9255 #point-area p #img2,
.page-type04 .post-9255 #point-area p #img3,
.page-type04 .post-9255 #point-area p #img4{
    display: none;
    position: absolute;
    right: 0;
}
.page-type04 .post-9255 #point-area > div:first-of-type:hover ~ p #img1 {
    display: block;
    width: calc((100vw*0.9)*136/553);
    height: calc(calc((100vw*0.9)*136/553)*155/136);
}
.page-type04 .post-9255 #point-area > div:nth-of-type(2):hover ~ p #img2 {
    display: block;
    width: calc((100vw*0.9)*136/553);
    height: calc(calc((100vw*0.9)*136/553)*135/136);
    top: 19.5%;
}
.page-type04 .post-9255 #point-area > div:nth-of-type(3):hover ~ p #img3 {
    display: block;
    width: calc((100vw*0.9)*136/553);
    height: calc(calc((100vw*0.9)*136/553)*153/136);
    top: 36.75%;
}
.page-type04 .post-9255 #point-area > div:nth-of-type(4):hover ~ p #img4 {
    display: block;
    width: calc((100vw*0.9)*136/553);
    height: calc(calc((100vw*0.9)*136/553)*153/136);
    top: 56%;
}
/* Safariでのズレを補正 */
_::-webkit-full-page-media, .page-type04 .post-9255 #point-area > div:nth-of-type(4):hover ~ p #img4{
    top: 56.15%;
}
/*bの特徴 トランプ背景欄の調整 : end */

/* ビジネス・トラベル英会話 */
.page-type04 .post-9015 #content-form-editor .text-area {
    width: 100%;
    text-align: center;
}
.page-type04 .post-9015 #content-form-editor .text-area a {
    padding: 0.5em 1em 0;
}

/* お客様の体験レポート */
.page-type04 .post-8796 .text-area {
    margin: 3em 1em 1em;
}

/* photo-journal 1〜4 */
.page-type04 #content-form-editor.photo-journal .archive_list ul{
    list-style-type: disc;
    margin-left: 1.5em;
    line-height: 1.7;
    font-size: 1.1em;
}
.page-type04 #content-form-editor.photo-journal .archive_list ul li a{
    text-decoration: none;
}
.page-type04 #content-form-editor.photo-journal .archive_list ul li a:hover{
    color:#00f;
}
/* photo-journal 1〜4 : end */

/* photo-journal */
.page-type04 .post-8495 #content-form-editor img.photo-journal-img{
    margin: 1em 1em 1em 0.5em;
}

.page-type04 .post-8116 .entry-content #content-form-editor table,
.page-type04 .post-8116 .entry-content #content-form-editor table tr,
.page-type04 .post-8116 .entry-content #content-form-editor table td,
.page-type04 .post-8116 .entry-content #content-form-editor table th{
    border: 0;
}
.page-type04 .post-8116 .entry-content #content-form-editor table th{
    background-color: #f8edf3;
}
/* photo-journal : end */

/* photo-journal,Management Team,CEO Message,History of the Conpany,会社概要 */
.page-type04 .entry-content .ul-list{
    padding: 2em 1em 0;
    margin-bottom: 0;
}
.page-type04 .entry-content .ul-list .com_link_box {
    background-image: url(/wp-content/uploads/2013/09/dot02.gif);
    background-position: left;
    background-repeat: no-repeat;
    padding: 0 0.5em 0 0.7em;
    display: inline-block;
    line-height: 1;
  }

/* CEO Message */
.page .page-type04 .post-8098 section.entry-content .box-yellow-background p {
    margin: 0.5em 0;
    font-size: 0.9em;
    line-height: 1.5;
}

/* History of the Conpany */
.page-type04 .post-8085 .entry-content table {
    font-size: 0.9em;
    line-height: 1.5;
    border: 0;
}
.page-type04 .post-8085 .entry-content tr:not(:last-child),/* SANGO設定を上書き*/
.page-type04 .post-8085 .entry-content tr {
    border-bottom: 1px solid #e0e0e0;
}
.page-type04 .post-8085 .entry-content tr:first-of-type{
    border-top: 1px solid #e0e0e0;
}
.page-type04 .post-8085 .entry-content th,
.page-type04 .post-8085 .entry-content td {
    border: 0;
    font-weight: normal;
    background-color: #fff;
}
/* History of the Conpany : end */

/* 会社概要 */
.page-type04 .post-8056 #philosophy-img{
    margin: 0 auto 0 0;
    position: relative;
    left: calc(-1em - 5px);
}
.page-type04 .post-8056 .text-area{
    text-align: center;
    font-size: 0.85em;
}
.page-type04 .post-8056 table{
    font-size: 0.9em;
    border: 0;
    color:#757575;
}
.page-type04 .post-8056 .entry-content tr:not(:last-child) {
    border-bottom: 0;/*SANGO設定を上書き*/
}
.page-type04 .post-8056 .entry-content td {
    border-right: 0;/*SANGO設定を上書き*/
    border-top:1px solid #ededed;
    padding: 1em;
    vertical-align: top;
}
.page-type04 .post-8056 table tr:nth-of-type(2n+1){/* 奇数行 */
    background-color: #f4e5ec;
}
.page-type04 .post-8056 table tr:nth-of-type(2n){/* 偶数行 */
    background-color: #f8edf3;
}
.page-type04 .post-8056 section.entry-content #content-form-editor > p:last-of-type {
    margin-bottom: 0;
}
/* 会社概要 : end */

/* page-type04 : end   ---------------- */


/* bメンバーになるには? : how  start --------------------- */
.page-how {
	margin: 0 auto;
    font-size: 16px;
}
.page-how .back-color-ed4fa5 {
    background-color: #ed4fa5;
}
.page-how .back-color-1b9fdb {
    background-color: #1b9fdb;
}
/* -- SANGO の設定を上書き */
.page section.entry-content .page-how p{
    line-height: 1.5;
    margin-bottom: 0;
}

/* -- 01 */
.page-how .how-section-01 {
	background-image: url(../sub-images/how-bg-01.png);
	background-position: center top;
	background-size: 100% auto;
	background-repeat: no-repeat;
	text-align: center;
	/* padding-top: 20px;
	padding-bottom: 40px;
	padding-right: 24px;
	padding-left: 24px; */
    padding: 20px 24px 40px;
}
.page-how .how-section-01 .first-box {
	background-image: url(../sub-images/system-02.png);
	background-position: center top;
	background-size: contain;
	background-repeat: no-repeat;
	padding-top: 10px;
	min-height: 115px;
	max-width: 383px;
	margin: 0 auto;
}
.page-how .how-section-01 .first-box h1 {
	margin: 0;
	padding-top: 0.2em;
	font-size: 1.5em;
}
.page-how .how-section-01 .first-box b {
	color: #e26aa0;
}

/* -- how-section-02〜how-section-08 共通 */
.page-how .section-head {
	position: relative;
	background-color: #e26aa0;
	border-bottom: 3px solid #be1377;
	padding: 10px 10px 10px 0;
	height: 96px;
}
.page-how .section-head h2 {
	color: #fff;
	font-size: 1.3em;
	text-align: center;
    margin: 0;
	line-height: 1.2;
    padding-top: 0.8em;
    margin-left: 3em;
}
.page-how .section-head img {
	position: absolute;
	top: 50%;
	left: 0.3em;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 62px;
	height: auto;
    margin: 0;
}
.page-how .section-body {
    border:10px solid #ffe1f9;
    border-top: none;
    padding: 24px 12px;
    position: relative;
    margin-bottom: 60px;
}
.page-how .section-body::after { /* ▼ 下三角を表示 */
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    bottom: -70px;
    border: 30px solid transparent;
    border-top: 30px solid #ffc2e9;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
.page-how .section-body h3 {
	font-weight: bold;
	font-size: 1.3em;
	text-align: center;
	padding-bottom: 20px;
    margin: 0;
}
.page-how .section-body img {
    display: block;
    margin: 0 auto;
}
.page-how .section-body-p {
    text-align: center;
    letter-spacing: 0.5px;
    padding: 0.5em 0 1.5em 0;
}

/* -- 02 */
.page-how .how-section-02 .section-btn-tel a,
.page-how .how-section-02 .section-btn-booking a {
	color: #fff;
    font-size: 1.2em;
	font-weight: bold;
	display: block;
	width: 100%;
	text-align: center;
	line-height: 52px;
	border-radius: 26px;
	position: relative;
}
.page-how .how-section-02 .section-btn-tel a:after,
.page-how .how-section-02 .section-btn-booking a:after { /* > 矢印を表示 */
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    right: 14px;
    top: 19px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.page-how .how-section-02 .section-btn-tel a:after {
    border-top: 3px solid #fcee21;
    border-right: 3px solid #fcee21;
}
.page-how .how-section-02 .section-btn-booking a:after {
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
}
.page-how .how-section-02 .section-btn-tel .str {
    padding-right: 0.3em;
}
.page-how .how-section-02 .section-btn-tel .num {
	display: inline-block;
	font-size: 1.2em;
}
.page-how .how-section-02 .section-btn-tel a img,
.page-how .how-section-02 .section-btn-booking a img  {
    margin: -10px 5px 0 0;
    display: inline;
}

/* -- 03 */

/* -- 04 */
.page-how .how-section-04 .section-body h3 {
	text-align: left;
}
.page-how .how-section-04 .section-body p {
	font-size: 16px;
}
.page-how .how-section-04 .section-body img{
    margin: 0;
}
.page-how .how-section-04 .txt-img-box {
	padding-left: 10px;
}
.page-how .how-section-04 .grid:after {
	content: "";
	display: block;
	clear: both;
	overflow: hidden;
	visibility: hidden;
	height: 0;
}
.page-how .how-section-04 .grid .col_4 {
width: 33.3333333333%;
}
.page-how .how-section-04 .grid .col_8 {
width: 66.6666666667%;
padding-right: 10px;
}
.page-how .how-section-04 .grid .col_8,
.page-how .how-section-04 .grid .col_4 {
	float: left;
}

/* -- 05 */
.page-how .how-section-05 .section-body h3 {
    text-align: left;
}
.page-how .how-section-05 .section-body .section-body-p {
    margin: 1em 10px 0;
    text-align: left;
}

/* -- 06 */

/* -- 07 */
.page-how .how-section-07 .section-body h3 {
    text-align: left;
}

/* -- 08 */
.page-how .how-section-08 .section-body {
    background-image: url(../sub-images/how-bg-04.png);
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
    margin-bottom: 0;
}
.page-how .how-section-08 .section-body::after { /* ▼ 下三角を表示しない */
    display: none;
}
.page-how .how-section-08 .section-body h3 {
	letter-spacing: 0.8px;
}

/* -- 09 PCでは非表示とする */
.page-how .how-section-09 {
	padding: 24px 12px;
}
.page-how .how-section-09 .section-body-btn-top-txt {
    text-align: center;
    position: relative;
    padding: 24px 0;
}
.page-how .how-section-09 .section-body-btn-top-txt:before,
.page-how .how-section-09 .section-body-btn-top-txt:after {
    content: "";
    display: block;
    width: 50px;
    height: 1px;
    background-color: #808080;
    position: absolute;
    top: 50%;
}
.page-how .how-section-09 .section-body-btn-top-txt:before {
    left: 0;
    transform: rotate(64deg) translateY(-50%);
    -webkit-transform: rotate(64deg) translateY(-50%);
}
.page-how .how-section-09 .section-body-btn-top-txt:after {
    right: 0;
    transform: rotate(-64deg) translateY(-50%);
    -webkit-transform: rotate(-64deg) translateY(-50%);
}
.page-how .how-section-09 .section-body-btn img{
    display: block;
    margin: 0 auto;
}
/* bメンバーになるには? : how  end   --------------------- */

/* プラン案内 : system start --------------------------- */
.page-system {
	margin: 0 auto;
    font-size: 16px;
}
/* -- SANGO の設定を上書き */
.page section.entry-content .page-system p{
    line-height: 1.5;
    margin-bottom: 0;
}

/* -- 01 */
.page-system .system-section-01 {
    background-image: url(../sub-images/system-01.png);
	background-position: center top;
	background-size: 100% auto;
	background-repeat: no-repeat;
	padding-top: 20px;
	background-color: #fff0f9;
    text-align: center;
}
.page-system .system-section-01 .first-box {
	background-image: url(../sub-images/system-02.png);
	background-position: center top;
	background-size: contain;
	background-repeat: no-repeat;
	padding-top: 10px;
	min-height: 115px;
	max-width: 383px;
    margin: 0 auto;
    width: 95%;
}
.page-system .system-section-01 .first-box h1 {
	margin: 0 1em;
    padding-top: 0.7em;
    font-size: 1.5em;
    line-height: 1.5;
}
.page-system .system-section-01 .first-box h1 span {
	display: block;
	position: relative;
	margin: 0 1.5em;
    padding-bottom: 0.2em;
}
.page-system .system-section-01 .first-box h1 span:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: -6px;
	width: 100%;
	height: 8px;
    background-image: linear-gradient(
    -45deg,transparent 35%,#e26aa0 35%,#e26aa0 50%,
    transparent 50%,transparent 85%,#e26aa0 85%,#e26aa0
  );
  background-size: 8px 8px;
}
.page-system .system-section-01 p {
	padding: 1em;
}

/* -- system-section02〜04 共通設定 */
.page-system .section-head {
	position: relative;
	background-color: #e26aa0;
	border-bottom: 3px solid #be1377;
	padding: 10px 66px 10px 20px;
	height: 96px;
}
.page-system .section-head p:first-of-type {
	color: #fcee8b;
	position: relative;
	padding-left: 70px;
}
.page-system .section-head p:first-of-type span { /* PLAN */
	background-color: #e26aa0;
	padding: 0 10px;
	position: relative;
	z-index:1;
}
.page-system .section-head p:first-of-type:before { /* 横線 */
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-color: #fcee8b;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.page-system .section-head h2 {
	color: #fff;
	font-size: 21px;
    margin: 0;
}
.page-system .section-head img {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 110px;
	height: auto;
    margin: 0;
}
.page-system .section-body {
    border-left: 10px solid #ffe1f9;
    border-right: 10px solid #ffe1f9;
    padding: 24px 12px;
}
.page-system .section-body h3 {
	font-size: 1.2em;
    margin: 0;
    padding-bottom: 20px;
    line-height: 1.3;
}
.page-system .section-body-p {
    padding: 0.5em 0 1em;
}
.page-system .section-body-detail-box {
	border: 4px solid #dceaea;
	background-color: #f9f9f9;
	position: relative;
}
.page-system .section-body-btn-top-txt {
    text-align: center;
    position: relative;
    padding: 1em 0 1em;
    margin: 1em 0 0;
}
.page-system .section-body-btn-top-txt::before {
	content: "";
	display: block;
	width: 50px;
	height: 1px;
	background-color: #808080;
	position: absolute;
	left: 0;
	top: 50%;
	transform: rotate(64deg) translateY(-50%);
	-webkit-transform: rotate(64deg)  translateY(-50%);
}
.page-system .section-body-btn-top-txt::after {
	content: "";
	display: block;
	width: 50px;
	height: 1px;
	background-color: #808080;
	position: absolute;
	right: 0;
	top: 50%;
	transform: rotate(-64deg) translateY(-50%);
	-webkit-transform: rotate(-64deg)  translateY(-50%);
}
.page-system .section-body-btn{
    text-align: center;
}
.page-system .section-body-btn img {
    margin: 0;
}

/* -- 02 */
.page-system .system-section-02 .section-body-detail-box {
	padding: 30px 14px 10px 14px;
    margin-top: 1.5em;
}
.page-system .system-section-02 .section-body-detail-box img {
	position: absolute;
	top: -2.5em;
    left: -9px;
	width: 170px;
}

/* -- 03 */
.page-system .system-section-03 .section-body-detail-box {
	padding: 14px 14px 14px 14px;
    margin-top: 1em;
}

/* -- 04 */
.page-system .system-section-04 .section-head {
	background-color: #1b9fdb;
	border-bottom: 3px solid #0277a0;
}
.page-system .system-section-04 .section-head p span { /* PAYMENT */
	background-color: #1b9fdb;
}
.page-system .system-section-04 .section-body {
    border: 10px solid #eaf2f4;
    border-top: 0;
}
.page-system .system-section-04 .mo-payment-box {
    padding: 0 0.5em;
}
.page-system .system-section-04 .mo-payment-box h4 {
	line-height: 1;
    padding: 0.3em;
	text-align: center;
	background-color: rgba(27,159,219,0.15);
	color: #056ec4;
    font-size: 1.25em;
    margin: 0;
}
.page-system .system-section-04 .mo-payment-box ul {
    padding: 12px 10px 16px 35px;
	background-color: rgba(27,159,219,0.03);
    margin: 0;
}
.page-system .system-section-04 .mo-payment-box ul li {
	list-style-type: disc;
	color: #e26aa0;
}
.page-system .system-section-04 .mo-payment-box ul li span {
	color: #000;
}
.page-system .system-section-04 .section-body-btn-top-txt:before,
.page-system .system-section-04 .section-body-btn-top-txt:after {
    display: none;
}
.entry-content .page-system .system-section-04 .section-body-btn-top-txt img {/* SANGO設定を上書き */
    margin:0;
}

/* プラン案内 : system end   --------------------------- */

/* .one-on-one マンツーマンレッスンプラン start -----------
 * b is for Interview /interview
 * b is for Hospital  /hospital
 */
#content-form-editor.one-on-one ul.dise-list{
    list-style-type: disc;
    padding:0.5em 1em 1.7em 2.5em;
}
#content-form-editor.one-on-one .qa img {
    display: inline-block;
}
#content-form-editor.one-on-one .qa > p.question{
    padding-left: 1em;
    margin-bottom: 1em;
}
#content-form-editor.one-on-one .qa > p.answer{
    padding-left: 2em;
}
#content-form-editor.one-on-one .qa > p.question::before,
#content-form-editor.one-on-one .qa > p.answer::before {
    background-repeat: no-repeat;
    display: inline-block;
    content: '';
    position: relative;
    top: 2px;
    padding-right: 0.5em;
}
#content-form-editor.one-on-one .qa > p.question::before {
    background-image: url(/wp-content/uploads/2013/09/question.gif);
    width: 24px;
    height: 24px;
}
#content-form-editor.one-on-one .qa > p.answer::before{
    background-image: url(/wp-content/uploads/2013/09/answer.gif);
    width: 40px;
    height: 40px;
}
#content-form-editor.one-on-one .qa > p.no-icon-img::before {
    display: none;
}
/* .one-on-one マンツーマンレッスンプラン end   ----------- */

/* 早割プランって？/More特典って？ */
/* -- パンくずリストの2番目、親要素の「コンシェルジュ・デスク」(/conciergedesk/)へのリンクを表示しない */
.page-id-26335 #breadcrumb ul li:nth-of-type(2),
.page-id-26352 #breadcrumb ul li:nth-of-type(2){
    display: none;
}
@media only screen and (min-width: 445px){
    /*bの特徴 トランプ背景欄の調整 */
    .page-type04 .post-9255 #point-area > a {
        font-size: 1em;
    }
}
@media only screen and (min-width: 600px){
    /*bの特徴 トランプ背景欄の調整 */
    .page-type04 .post-9255 #point-area > a {
        font-size: 1.1em;
    }
}

/* ココからPCサイズ扱い */
@media only screen and (min-width: 769px){
    #content-form-editor .imgGalary .imgGalBar a{
        padding: 0.3em;
    }
    /* page-type03 : SCHOOL Page start ------ */
    .page-type03 #content-form-editor .schoolInfo table tbody th {
        vertical-align: top;
        width: 30%;
        display: inline-block;
        padding: 0.7em;
    }
    .page-type03  #content-form-editor .schoolInfo table tbody td {
        padding: 0.7em 0;
        display: inline-block;
        width: auto;
        max-width: 70%;
    }
    .page-type03 #content-form-editor .schoolDesc .img-txt-area img{
        float: left;
    }
    .page-type03 #content-form-editor .schoolDesc .img-txt-area img{
        margin: 0 1em 1em 0;
    }
    /* page-type03 : SCHOOL Page end ------ */

    /* page-type04 : start ---------------- */
    .page-type04 .page-title{
        margin-top: 0;
    }
    /*--コンテンツヘッダー部分*/
    .page-type04 .program-page-ttl-head .img-ttl-txt-box {
        display: flex;
    }
    .page-type04 .program-page-ttl-head .img-ttl-txt-box .img-box{
        padding: 0 1em 0 0;
    }
    .page-type04 .program-page-ttl-head .img-ttl-txt-box .img-box img{
        margin: 2em 0.5em 0 0.5em;
    }
    .page-type04 .program-page-ttl-head .img-ttl-txt-box .ttl-txt-box{
        flex: 1;
        background-color: #fff;
    }
    .page-type04 .program-page-ttl-head .img-ttl-txt-box .ttl-txt-box h2{
        margin: 1em auto 0.5em;
        display: table;
        font-size: 1.5em;
    }
    .page-type04 .program-page-ttl-head .img-ttl-txt-box .ttl-txt-box h2::before,
    .page-type04 .program-page-ttl-head .img-ttl-txt-box .ttl-txt-box h2::after{
        display: none;/*狭いので飾り文字を一旦隠す*/
    }

    /* /hello bってなに
     * /yakusoku ３つの約束
     */
    .page-type04 .text-boxs .text-box-padding img.alignleft-pc{
        margin: 0 1em 0.5em 0;
    }
    .page-type04 .text-boxs .text-box-padding img.alignright-pc {
        margin: 0 0 0.5em 1em;
    }

    /*◯◯スクールへのアクセス方法*/
    .page-type04 .post-24636  #content-form-editor .school-access-title {
        font-size: 2.2em;
        padding: 0.8em 0;
    }

    /* どうしてb わたしの英会話は初心者専門・女性限定なの？ */
    .page-type04 .post-17041 #content-form-editor .b-beginner-and-female h2.bdrd-left-4 {
        margin: 1em 0;
    }

    /* post-9457:キューティ・ブロンド */
    .shigoto,.ttlttl {
        padding-right: 100px;
    }
    .renai,.kotsu {
        padding-left: 120px;
    }

    /*bの特徴 トランプ背景欄の調整 */
    .page-type04 .post-9255 #point-area{
        width: 80%;
        height: calc(((100vw*0.96 - 250px) * 0.8)*789/553);
    }
    /* -- Safariでのズレを補正 */
    _::-webkit-full-page-media, .page-type04 .post-9255 #point-area{
        width: calc(80% + 13px);
        height: calc((((100vw*0.96 - 250px) * 0.8))*789/553 + 1px);
    }
    .page-type04 .post-9255 #point-area a {
        font-size: 1em;
        border: 0;
    }
    .page-type04 .post-9255 #point-area  > div:hover a {
        border-bottom: 2px dotted var(--main-bk-accsent-color);
        line-height: 1.7;
    }
    .page-type04 .post-9255 #point-area > div:first-of-type:hover ~ p #img1 {
        width: calc(((100vw*0.96 - 250px) * 0.8)*136/553);
        height: calc(calc(((100vw*0.96 - 250px) * 0.8)*136/553)*155/136);
    }
    .page-type04 .post-9255 #point-area > div:nth-of-type(2):hover ~ p #img2 {
        width: calc(((100vw*0.96 - 250px) * 0.8)*136/553);
        height: calc(calc(((100vw*0.96 - 250px) * 0.8)*136/553)*135/136);
    }
    .page-type04 .post-9255 #point-area > div:nth-of-type(3):hover ~ p #img3 {
        width: calc(((100vw*0.96 - 250px) * 0.8)*136/553);
        height: calc(calc(((100vw*0.96 - 250px) * 0.8)*136/553)*153/136);
    }
    .page-type04 .post-9255 #point-area > div:nth-of-type(4):hover ~ p #img4 {
        width: calc(((100vw*0.96 - 250px) * 0.8)*136/553);
        height: calc(calc(((100vw*0.96 - 250px) * 0.8)*136/553)*153/136);
    }
    /* page-type04 : end   ---------------- */

    /* bメンバーになるには? : how  start --------------------- */
    .post-9082 section.entry-content.page-content {
        padding-top: 0;
    }
    .page-how .section-head img{
        left: 1.5em;
    }
    .page-how .section-head h2{
        font-size: 1.5em;
    }
    .page-how .how-section-09 .section-body-btn-top-txt::before {
        left: 20%;
    }
    .page-how .how-section-09 .section-body-btn-top-txt::after {
        right: 20%;
    }
    /* bメンバーになるには? : how  end   --------------------- */
    /* プラン案内 : system start ---------------------------- */
    .post-8629 section.entry-content.page-content {
        padding-top: 0;
    }
    .page-system .section-body-btn-top-txt::before {
        left: 20%;
    }
    .page-system .section-body-btn-top-txt::after {
        right: 20%;
    }
    /* -- 01 */
    .page-system .system-section-01 {
        background-image: none;
    }
    /* プラン案内 : system end   ---------------------------- */

    /* .one-on-one マンツーマンレッスンプラン start -----------
     * b is for Interview /interview
     * b is for Hospital  /hospital
     */
    #content-form-editor.one-on-one .qa > p.question{
        padding-left: 1em;
    }
    #content-form-editor.one-on-one .qa > p.answer{
        padding-left: 2.5em;
    }
    /* .one-on-one マンツーマンレッスンプラン end   ----------- */
}

@media only screen and (min-width: 890px){
    /* page-type02 : カテゴリ */
    .cat-latest-nav-box .child-cat-list .img-txt-box {
        float: left;
        width: 33.3333%;
        padding: 10px 5px;
    }
    .cat-latest-nav-box .child-cat-list .img-txt-box .child-list-box .img-box {
        height: 86px;
    }
    .cat-latest-nav-box .child-cat-list .img-txt-box .child-list-txt p {
        font-size: 0.9em;
    }
    .cat-latest-nav-box .child-cat-list:after {
        content: "";
        display: block;
        clear: both;
        visibility: hidden;
        overflow: hidden;
    }

    /* page-type04 : start ---------------- */
    .page-type04 .program-page-ttl-head .img-ttl-txt-box .ttl-txt-box h2::before,
    .page-type04 .program-page-ttl-head .img-ttl-txt-box .ttl-txt-box h2::after{
        display: inline-block;/*飾り文字 再表示*/
    }

    .page-type04 .post-8719 .text-boxs .back-decoration > div:first-of-type {
        display: flex;
        flex-wrap: nowrap;
        padding-top: 1em;
    }
    .page-type04 .post-8719 .text-boxs .back-decoration > div:first-of-type  .cont-img-box {
        padding: 0 1em;
        flex-basis: 140px;
    }
    .page-type04 .post-8719 .text-boxs .back-decoration > div:first-of-type  .cont-text-box{
        order: 2;
        width: auto;
        flex-basis: 60%;
        padding: 0;
    }
    .page-type04 .post-8719 .text-boxs .back-decoration >div:first-of-type  .cont-img-box2{
        order: 3;
        flex-basis: 30%;
    }
    .page-type04 .post-8719 .text-boxs .back-decoration >div:first-of-type  .cont-img-box2 img{
        margin: 0;
    }
    .page-type04 .post-8719 .text-boxs .back-decoration .cont-link-box{
        text-align: right;
        position: relative;
        right: 1em;
        padding: 0.5em 0 1em;
    }
    .page-type04 .post-8719 .text-boxs .back-decoration .cont-link-box img{
        margin: 0;
    }

    /* faq よくあるご質問 */
    .page-type04 .post-8650 .faq .faq-box .cont_faq_a {
        padding: 1.5em 0 0 5em;
        width: 85%;
    }
    .page-type04 .post-8650 .faq .faq-box .cont_faq_a img:not(img.aligncenter) {
        float: right;
        padding-left: 1em;
    }
    .page-type04 .post-8650 .faq .faq-box .cont_faq_a:after{
        content: '';
        clear: both;
        display: block;
    }

    /* スクールマップ */
    .page-type04 .post-595 .first-map-txt-box-inner{
        display: flex;
    }
    .page-type04 .post-595 .first-map-txt-box-inner .img-box {
        width: 250px;
    }
    .page-type04 .post-595 .first-map-txt-box-inner .img-box img {
        transform: rotate(-15deg);
        -webkit-transform: rotate(-15deg);
        position: absolute;
        top: 0;
        left: 0;
    }
    .page-type04 .post-595 .first-map-txt-box-inner > div:last-of-type {
        flex: 1;
    }
    .page-type04 .post-595 .first-map-txt-box-inner .ttl-box {
        margin: 0 auto 0 2em;
        width: 80%;
    }
    .page-type04 .post-595 .first-map-txt-box-inner .list-box {
        margin: 0 auto 0 2em;
        width: 80%;
    }

    .page-type04 .post-595 .location-school-head {
        position: relative;
        border: 0;
        background-color: transparent;
    }
    .page-type04 .post-595 .location-school-head::before,
    .page-type04 .post-595 .location-school-head::after {
        position: absolute;
        top: 50%;
        z-index: 1;
        content: '';
        display: block;
        width: 184px;
        height: 1px;
        background-color: #817d7c;
    }
    .page-type04 .post-595 .location-school-head::before {
        left: 0;
    }
    .page-type04 .post-595 .location-school-head::after {
        right: 0;
    }
    .page-type04 .post-595 .location-school-head h2 span {
        display: inline;
    }
    .page-type04 .post-595 .location-school-head h2 {
        background-color: #817d7c;
        display: inline-block;
        padding: 5px;
        color: #fff;
        width: 322px;
    }
    
    .page-type04 .post-595 .loc_box_out {
        display: flex;
        justify-content: flex-start;
    }
    .page-type04 .post-595 .loc_box_out.order_r{/*左右入れ替えて表示*/
        flex-direction: row-reverse;
        justify-content: flex-end;
    }
    .page-type04 .post-595 .loc_box_out .loc_box_one {
        width: 50%;
    }
    .page-type04 .post-595 .loc_box_out > div:last-of-type{
        width: 50%;
        justify-content: flex-start;
        align-content: flex-start;
    }
    .page-type04 .post-595 .loc_box_out.order_r > div:last-of-type{
        max-width: 330px;
    }
    .page-type04 .post-595 .loc_box_out > div:last-of-type > div{
        width: auto;
    }

    .page-type04 .post-595 .recommendArea strong a{
        background-color: unset;
        color: #666;
        font-weight: bold;
        text-align: left;
        text-decoration: underline;
    }
    .page-type04 .post-595 .recommendArea .bgc-g {
        background-color: unset;
        padding: 0;
    }
    .page-type04 .post-595 .recommendArea h2 {
        text-align: right;
    }
    
    /* page-type04 : end   ---------------- */
}

@media only screen and (min-width: 960px){
    .cat-latest-nav-box .child-cat-list .img-txt-box .child-list-box .img-box {
        height: 100px;
    }

    /* page-type04 : start ---------------- */
    /*--program：ケース このサイズから表型で表示 */
    .page-type04 .program-section-01 .program-list-box ul{
        display: flex;
        flex-wrap:wrap;
    }
    .page-type04 .program-section-01 .program-list-box ul li {
        display: block;
        width: calc(100%/3);
        height: 320px;
        padding: 0.5em 0.8em;
        margin: 0;
    }
    .page-type04 .program-section-01 .program-list-box ul li:not(:nth-of-type(3n)) {
        border-right: 2px #E26AA0 dotted;
    }
    .page-type04 .program-section-01 .program-list-box ul li:not(:last-of-type) {
        border-bottom:none;/*モバイルの設定を打ち消すために 一旦消す*/
    }
    .page-type04 .program-section-01 .program-list-box ul li:not(:nth-last-of-type(-n+3)) {
        border-bottom: 2px #E26AA0 dotted;
    }
    .page-type04 .program-section-01 .program-list-box ul li .img-box,
    .page-type04 .program-section-01 .program-list-box ul li .ttl-txt-link-box {
        display: block;
        width: 100%;
        padding: 0;
    }
    .page-type04 .program-section-01 .program-list-box ul li .ttl-txt-link-box{
        padding: 0.5em 0;
    }
    .page-type04 .program-section-01 .program-list-box ul li .ttl-txt-link-box .ttl-box {
        font-weight: bold;
        font-size: 1.1em;
        line-height: 1.2;
    }

    /* */
    /* テーブル表示へ */
    .page-type04 .page-sub-program .pline-box .section-body .grid{
        display: table;
    }
    .page-type04 .page-sub-program .pline-box .section-body .grid::after{
        content: "";
    }
    .page-type04 .page-sub-program .pline-box .section-body .grid .ttl-box,
    .page-type04 .page-sub-program .pline-box .section-body .grid .img-box,
    .page-type04 .page-sub-program .pline-box .section-body .grid .ttl-txt-box,
    .page-type04 .page-sub-program .pline-box .section-body .grid .link-box{
        display: table-cell;
        vertical-align: top;
    }
    /*顔写真＋吹き出しの位置調整*/
    .page-type04 .page-sub-program .section-body .img-box .img-box-img {
        margin: 1em 0 0;
    }
    .page-type04 .page-sub-program .section-body .img-box .img-box-img img{
        margin-bottom: 0;
    }
    .page-type04 .page-sub-program .section-body .img-box .commnet-box-pink,
    .page-type04 .page-sub-program .section-body .img-box .commnet-box-blue {
        top: 0;
    }
    /* program-section-01 */
    .page-type04 .page-sub-program .program-section-01 .pline-box .section-body {
        padding: 0 1em 0;
    }
    .page-type04 .page-sub-program .program-section-01 .pline-box .section-body .grid .ttl-box {
        width: 55%;
        padding: 0 0.5em;
    }
    .page-type04 .page-sub-program .program-section-01 .pline-box .section-body .grid .img-box {
        width: 45%;
    }
    /* program-section-02 */
    .page-type04 .page-sub-program .program-section-02 .pline-box .section-body > .box-02{
        display: flex;
    }
    .page-type04 .page-sub-program .program-section-02 .pline-box .section-body > .box-02 > div{
        width: 50%;
    }
    .page-type04 .page-sub-program .program-section-02 .pline-box .section-body > .box-02 > div:first-of-type{
        padding-right: 0.5em;
    }
    .page-type04 .page-sub-program .program-section-02 .pline-box .section-body > .box-02 > div.grid > div.img-box{
        width: 45%;
        padding-right: 0.5em;
    }
    .page-type04 .page-sub-program .program-section-02 .pline-box .section-body > .box-02 > div.grid > div.ttl-txt-box{
        width: 55%;
    }
    /* program-section-03 */
    .page-type04 .page-sub-program .program-section-03 .pline-box .section-body .grid .ttl-box{
        width: 30%;
        vertical-align: middle;
    }
    .page-type04 .page-sub-program .program-section-03 .pline-box:not(:nth-of-type(4)) .section-body .ttl-box h4{
        font-size: 2em;
    }
    .page-type04 .page-sub-program .program-section-03 .pline-box .section-body .grid .img-box{
        width: 30%;
    }
    .page-type04 .page-sub-program .program-section-03 .pline-box .section-body .grid .ttl-txt-box{
        width: 40%;
    }

    .page-type04 .page-sub-program .program-section-04 .pline-box .section-body .grid .ttl-box{
        width: 20%;
    }
    .page-type04 .page-sub-program .program-section-04 .pline-box .section-body .grid .ttl-box h4{
        font-size: 2em;
    }
    .page-type04 .page-sub-program .program-section-04 .pline-box .section-body .grid .link-box p{
        font-size: 1.3em;
        font-weight: bold;
    }

    .page-type04 .page-sub-program .program-section-04 .pline-box .section-body{
        position: relative;
    }
    .page-type04 .page-sub-program .program-section-04 .pline-box .section-body::after {
        font-family: "Material Symbols Outlined";
        content: '\eac9';
        color: #ed4fa5;
        font-size: 4.3em;
        line-height: 1;
        font-weight: bold;
        opacity: 0.4;
        position: absolute;
        top: 0;
        right: 0.2em;
    }
    .page-type04 .page-sub-program .arrow-box{
        display: none;
    }

    /* コメントの囲みはナシに */
    .page-sub-program .section-body .ttl-txt-box p.coment-area.pink-circle-box,
    .page-sub-program .section-body .ttl-txt-box p.coment-area.blue-circle-box {
        box-shadow: none;
    }
    .page-sub-program .section-body .ttl-txt-box p.coment-area{
        font-size:0.9em;
        padding: 0.7em 0;
        line-height: 1.5;
    }


    .page-type04 .page-sub-program .section-arrow-box{
        height: 0.8em;
    }
    .page-type04 .page-sub-program .section-arrow-box::before{
        display: none;
    }
    .page-type04 .page-sub-program .section-body .arrow-img{
        bottom: -84px;
        left: 15%;
    }

    /*bの特徴 トランプ背景欄の調整 */
    .page-type04 .post-9255 #point-area a {
        font-size: 1.1em;
    }
    /* page-type04 : end   ---------------- */
}

@media only screen and (min-width: 1000px){
    #content-form-editor .cfe-text-area{
        width: 93%;
    }

    .cat-latest-nav-box .latest-post-box3 .img-ttl-desc-box {
        display: flex;
        /*text-align: left;*/
    }
    .cat-latest-nav-box .latest-post-box3 .img-ttl-desc-box .img-box {
        width: 30%;
    }
    .cat-latest-nav-box .latest-post-box3 .img-ttl-desc-box .ttl-desc-box {
        width: 70%;
        margin-top:0;
        padding-left: 0.7em;
    }

}

@media only screen and (min-width: 1030px){
    /* bの特徴 トランプ背景欄の調整 */
    .page-type04 .post-9255 #point-area{
        width: 70%;
        height: calc(((100vw * 0.92 - 250px) * 0.7)*789/553);
    }
    /* -- Safariでのズレを補正 */
    _::-webkit-full-page-media, .page-type04 .post-9255 #point-area{
        width: calc(70% + 13px);
        height: calc(((100vw * 0.92 - 250px) * 0.7)*789/553 + 5px);
    }
    .page-type04 .post-9255 #point-area > div:first-of-type:hover ~ p #img1 {
        width: calc(((100vw * 0.92 - 250px) * 0.7)*136/553);
        height: calc(calc(((100vw * 0.92 - 250px) * 0.7)*136/553)*155/136);
    }
    .page-type04 .post-9255 #point-area > div:nth-of-type(2):hover ~ p #img2 {
        width: calc(((100vw * 0.92 - 250px) * 0.7)*136/553);
        height: calc(calc(((100vw * 0.92 - 250px) * 0.7)*136/553)*135/136);
    }
    .page-type04 .post-9255 #point-area > div:nth-of-type(3):hover ~ p #img3 {
        width: calc(((100vw * 0.92 - 250px) * 0.7)*136/553);
        height: calc(calc(((100vw * 0.92 - 250px) * 0.7)*136/553)*153/136);
    }
    .page-type04 .post-9255 #point-area > div:nth-of-type(4):hover ~ p #img4 {
        width: calc(((100vw * 0.92 - 250px) * 0.7)*136/553);
        height: calc(calc(((100vw * 0.92 - 250px) * 0.7)*136/553)*153/136);
    }

}


@media only screen and (min-width: 1200px){
    .cat-latest-nav-box .child-cat-list .img-txt-box .child-list-box .img-box {
        height: 120px;
    }
}
@media only screen and (min-width: 1240px){
    /* bの特徴 トランプ背景欄の調整 */
    .page-type04 .post-9255 #point-area {
        height: calc(((1180px - 250px ) * 0.7)*789/553);
    }
    /* -- Safariでのズレを補正 */
    _::-webkit-full-page-media, .page-type04 .post-9255 #point-area{
        height: calc(((1180px - 250px ) * 0.7)*789/553 + 19px);
    }
    .page-type04 .post-9255 #point-area > div:first-of-type:hover ~ p #img1 {
        width: calc(((1180px - 250px ) * 0.7)*136/553);
        height: calc(calc(((1180px - 250px ) * 0.7)*136/553)*155/136);
    }
    .page-type04 .post-9255 #point-area > div:nth-of-type(2):hover ~ p #img2 {
        width: calc(((1180px - 250px ) * 0.7)*136/553);
        height: calc(calc(((1180px - 250px ) * 0.7)*136/553)*135/136);
    }
    .page-type04 .post-9255 #point-area > div:nth-of-type(3):hover ~ p #img3 {
        width: calc(((1180px - 250px ) * 0.7)*136/553);
        height: calc(calc(((1180px - 250px ) * 0.7)*136/553)*153/136);
        top: 36.75%;
    }
    .page-type04 .post-9255 #point-area > div:nth-of-type(4):hover ~ p #img4 {
        width: calc(((1180px - 250px ) * 0.7)*136/553);
        height: calc(calc(((1180px - 250px ) * 0.7)*136/553)*153/136);
        top: 56.15%;
    }
    /* Safariでのズレを補正 */
    _::-webkit-full-page-media, .page-type04 .post-9255 #point-area > div:first-of-type:hover ~ p #img1 {
        width: calc(((1180px - 250px ) * 0.7)*136/553 + 3px);
        height: calc(calc(((1180px - 250px ) * 0.7)*136/553)*155/136 + 3px);
    }
    _::-webkit-full-page-media, .page-type04 .post-9255 #point-area > div:nth-of-type(2):hover ~ p #img2 {
        width: calc(((1180px - 250px ) * 0.7)*136/553 + 3px);
        height: calc(calc(((1180px - 250px ) * 0.7)*136/553)*135/136 + 3px);
    }
    _::-webkit-full-page-media, .page-type04 .post-9255 #point-area > div:nth-of-type(3):hover ~ p #img3 {
        width: calc(((1180px - 250px ) * 0.7)*136/553 + 3px);
        height: calc(calc(((1180px - 250px ) * 0.7)*136/553)*153/136 + 6px);
        top: 36.6%;
    }
    _::-webkit-full-page-media, .page-type04 .post-9255 #point-area > div:nth-of-type(4):hover ~ p #img4{
        width: calc(((1180px - 250px ) * 0.7)*136/553 + 3px);
        height: calc(calc(((1180px - 250px ) * 0.7)*136/553)*153/136 + 6px);
        top: 56.0%;
    }
}
/* ##########################################################################################
 * page-type01,page-type02,page-type03,page-type04 テンプレートの場合 end
 * ########################################################################################## */

/* 1カラム表示の場合 */
#content.one-column .type-page-h1-style{
    margin: 0;
}
#content.one-column .type-page-h1-style h1{
    font-weight: normal;
    color: #666;
    padding: 0;
    font-size: 1.6em;
}
.one-column .entry-content h3.blog-h3 {
    padding: 0.5em 1em 0.5em 2em;
    margin-top: 1.3em;
}
.one-column .entry-content .blog-h3:before {
    /* top:-0.1em; */
    left: 0.3em;
}
.one-column section.entry-content .box-yellow-background p {
    margin-bottom: 0;
    /* font-size: 1.2em; */
}
.page-template-page-1column .main-footer {
    padding-bottom: 0;
}
.page-template-page-1column02 .footer-btn.hidden-pc{
    display: none;
}
.page-template-page-1column02 .main-footer {
    padding-bottom: 0;
}
.page-template-page-1column02 .entry-content h2{
    margin-top: 1.5em;
}

/*決済ページ：transaction */
#transaction-form-area{
    text-align: center;
    width: 90%;
    margin: 1.7em auto;
}
#transaction-form-area p {
    font-size: 0.9em;
    margin: 1.5em 0 1em;
}
@media only screen and (min-width: 769px){
    #transaction-form-area{
        width: 70%;
    }
}