/*
Theme Name:  hyoutanjima_kiboh
Template:  understrap
*/


/* 全体に反映 ==========================================*/
html {
    scroll-behavior: smooth;
}

.wrapper {
    padding: 0 !important;
    overflow: hidden;
}

.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

a:hover {
    text-decoration: none !important;
}

p {
    margin-bottom: 0 !important;
}

ul {
    padding-left: 0;
}

li {
    list-style: none;
}

.container-fluid,
.col-9,
.col-10,
.col-6,
.col-5,
.col-12,
.col-md-12,
.col-1,
.col-2,
.col-3,
.col-4,
.col-7,
.col-8,
.col-md-4,
.col-md-2,
.col-md-6,
.col-md-10 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.home {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc {
    display: block !important;
}

.sp {
    display: none !important;
}

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .pc {
        display: none !important;
    }

    .sp {
        display: block !important;
    }
}




@media only screen and (max-width: 750px) {
    .logo1 {
        position: absolute;
        top: 25px;
        left: 15px;
        z-index: 1;
        max-width: 150px;
    }

    .sche_btn {
        position: absolute;
        top: 15px;
        left: 33%;
        z-index: 1;
        max-width: 100px;
        box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.3);
        border-radius: 10px;
    }

    /* ハンバーガーメニュー ==========================================*/
    /*============
ここから下がハンバーガーメニューに関するCSS
=============*/
    /* チェックボックスを非表示にする */
    .drawer_hidden {
        display: none;
    }

    /* ハンバーガーアイコンの設置スペース */
    .drawer_open {
        display: flex;
        height: 50px;
        width: 50px;
        justify-content: center;
        align-items: center;
        position: relative;
        z-index: 100;
        /* 重なり順を一番上にする */
        cursor: pointer;
        background: linear-gradient(130deg, rgb(83, 203, 236), rgb(156, 4, 211), rgb(254, 69, 180));
    }

    /* ハンバーガーメニューのアイコン */
    .drawer_open span,
    .drawer_open span:before,
    .drawer_open span:after {
        content: '';
        display: block;
        height: 2px;
        width: 22px;
        border-radius: 3px;
        background: #fff;
        transition: 0.3s;
        position: absolute;
    }

    /* 三本線の一番上の棒の位置調整 */
    .drawer_open span:before {
        bottom: 8px;
    }

    /* 三本線の一番下の棒の位置調整 */
    .drawer_open span:after {
        top: 8px;
    }

    /* アイコンがクリックされたら真ん中の線を透明にする */
    #drawer_input:checked~.drawer_open span {
        background: rgba(255, 255, 255, 0);
    }

    /* アイコンがクリックされたらアイコンが×印になように上下の線を回転 */
    #drawer_input:checked~.drawer_open span::before {
        bottom: 0;
        transform: rotate(45deg);
    }

    #drawer_input:checked~.drawer_open span::after {
        top: 0;
        transform: rotate(-45deg);
    }

    /* メニューのデザイン*/
    .nav_content {
        color: #fff !important;
        width: 80%;
        height: auto;
        position: fixed;
        top: 0;
        left: 100%;
        /* メニューを画面の外に飛ばす */
        z-index: 99;
        background-color: #190C00;
        transition: .3s;
        padding: 15px 0 0 0;
    }

    .nav_item ul {
        list-style: none;
        padding-left: 0;
    }

    .nav_item li {
        display: inline-block;
    }

    .nav_content .nav_item {
        color: #fff;
        font-size: 12pt !important;
        letter-spacing: 2px;
        padding-left: 15px;
    }

    .nav_content .nav_item i {
        padding-left: 10px;
        padding-right: 5px;
        transition: transform 0.2s ease;
    }

    .nav_content span {
        color: #fff;
        font-size: 54%;
        font-weight: 600;
        opacity: 0.6;
        padding-left: 10px;
    }

    /*ボタン　枠*/
    .nav_content .nav_item1 {
        padding: 15px 20px 17px 25px;
        background: linear-gradient(130deg, rgb(83, 203, 236), rgb(156, 4, 211), rgb(254, 69, 180));
        margin-bottom: 15px;
        box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .1);
    }

    .nav_content .nav_item1 a {
        color: #fff;
        font-size: 10pt !important;
        font-weight: 600;
        letter-spacing: 2px;
    }

    .nav_content .nav_item1 i {
        padding-left: 7px;
        padding-right: 15px;
    }

    .nav_content .nav_item1_contact {
        margin-top: 30px;
    }

    /* メニュー黒ポチを消す */
    .nav_list {
        list-style: none;
        padding-left: 0 !important;
        padding-top: 10px;
    }

    .nav_list li {
        padding-bottom: 0;
    }

    /* アイコンがクリックされたらメニューを表示 */
    #drawer_input:checked~.nav_content {
        left: 0;
        /* メニューを画面に入れる */
    }

    .hb_menu li {
        display: list-item !important;
    }

    .header_sp1,
    .flex-direction-nav {
        display: none !important;
    }

    .item-content {
        margin-bottom: 0;
    }

    .drawer_open {
        position: fixed;
        top: 8%;
        right: 5%;
        background-color: #fff;
        border-radius: 5px;
    }

    /* snsリンク */
    .sp_header_sns {
        background: linear-gradient(130deg, rgb(83, 203, 236), rgb(156, 4, 211), rgb(254, 69, 180));
        opacity: 1;
        padding-top: 15px !important;
        padding-bottom: 20px !important;
    }

}



/*====================================================================
header アコーディオン
====================================================================*/
@media screen and (max-width: 767px) {
    .s_01 .accordion_one {
        max-width: 100%;
        margin: 0 auto;
    }

    .accordion_header {
        margin-bottom: 10pt;
    }

    .accordion_header a.top_link {
        font-weight: 600;
        color: #fff;
        font-size: 16px;
    }

    .s_01 .accordion_one .accordion_header {
        color: #fff;
        /* 修正: 適切な文字色に変更してください */
        font-size: 26px;
        font-weight: 500;
        letter-spacing: normal;
        padding: 10px 5%;
        text-align: center;
        position: relative;
        z-index: +1;
        cursor: pointer;
        transition-duration: 0.2s;
        margin-bottom: 0;
    }

    .s_01 .accordion_one:nth-of-type(2) .accordion_header {
        background-color: #ff9a05;
    }

    .s_01 .accordion_one:nth-of-type(3) .accordion_header {
        background-color: #1c85d8;
    }

    .s_01 .accordion_one .accordion_header:hover {
        opacity: .8;
    }

    .s_01 .accordion_one .accordion_header .i_box {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 50%;
        right: 5%;
        width: 40px;
        height: 40px;
        border: 1px solid #fff;
        margin-top: -20px;
        box-sizing: border-box;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        transform-origin: center center;
        transition-duration: 0.2s;
    }

    .s_01 .accordion_one .accordion_header .i_box .one_i {
        display: block;
        width: 18px;
        height: 18px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        transform-origin: center center;
        transition-duration: 0.2s;
        position: relative;
    }

    .s_01 .accordion_one .accordion_header.open .i_box {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }

    .s_01 .accordion_one .accordion_header .i_box .one_i:before,
    .s_01 .accordion_one .accordion_header .i_box .one_i:after {
        display: flex;
        content: '';
        border-radius: 10px;
        width: 18px;
        height: 4px;
        position: absolute;
        top: 7px;
        left: 0;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        transform-origin: center center;
    }

    .s_01 .accordion_one .accordion_header .i_box .one_i:before {
        width: 4px;
        height: 18px;
        top: 0;
        left: 7px;
    }

    .s_01 .accordion_one .accordion_header.open .i_box .one_i:before {
        content: none;
    }

    .s_01 .accordion_one .accordion_header.open .i_box .one_i:after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .s_01 .accordion_one .accordion_inner {
        /*inner_box*/
        display: none;
        padding: 0;
        color: #fff;
    }

    .s_01 .accordion_one .accordion_inner p.txt_a_ac {
        color: #fff;
        margin: 0;
        z-index: 200;
    }

    .txt_a_ac a {
        display: block;
        color: #fff;
        background-color: #212529;
        font-size: 10pt;
        font-weight: 600;
        letter-spacing: 1px;
        padding: 20px 35px 20px 35px;
        width: 275px;
        border-bottom: solid 1px #190C00;
    }
}

@media screen and (max-width: 1024px) {
    .s_01 .accordion_one .accordion_header {
        font-size: 18px;
    }

    .s_01 .accordion_one .accordion_header .i_box {
        width: 30px;
        height: 30px;
        margin-top: -15px;
    }
}

@media screen and (max-width: 767px) {
    .s_01 .accordion_one .accordion_header {
        font-size: 16px;
        text-align: left;
        padding: 15px 0 15px 0;
    }

    ul.sp_menu_list {
        list-style: none;
        padding-left: 0;
    }

    .sp_menu_list li {
        display: inline-block !important;
    }

}


/*----------------------------
scroll_up ｜下から上へ出現
----------------------------*/
.scroll_up {
    transition: 0.6s ease-in-out;
    transform: translateY(30px);
    opacity: 0;
}

.scroll_up.on {
    transform: translateY(0);
    opacity: 1.0;
}

.scroll_up1 {
    transition: 0.9s ease-in-out;
    transform: translateY(55px);
    opacity: 0;
}

.scroll_up1.on {
    transform: translateY(0);
    opacity: 1.0;
}

/*----------------------------
scroll_left ｜左から出現
----------------------------*/
.scroll_left {
    transition: 0.6s ease-in-out;
    transform: translateX(-30px);
    opacity: 0;
}

.scroll_left.on {
    opacity: 1.0;
    transform: translateX(0);
}

.scroll_left1 {
    transition: 0.9s ease-in-out;
    transform: translateX(-55px);
    opacity: 0;
}

.scroll_left1.on {
    opacity: 1.0;
    transform: translateX(0);
}

/*----------------------------
scroll_right ｜右から出現
----------------------------*/
.scroll_right {
    transition: 0.6s ease-in-out;
    transform: translateX(30px);
    opacity: 0;
}

.scroll_right.on {
    opacity: 1.0;
    transform: translateX(0);
}

.scroll_right1 {
    transition: 1.0s ease-in-out;
    transform: translateX(55px);
    opacity: 0;
}

.scroll_right1.on {
    opacity: 1.0;
    transform: translateX(0);
}

/*------------------------*/
/*------------------------*/
/*------- layout -------*/
ul.box {
    width: 80%;
    max-width: 300px;
    margin: 0 auto;
    padding: 10vw;
    list-style: none;
}

ul.box li {
    margin-bottom: 400px;
}

/*------- base -------*/
ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: 0;
}

@import url('https://fonts.googleapis.com/css2?family=Marcellus&display=swap');


/*----------------------------
  　　インストラクター
  ----------------------------*/
.instructor_1 {
    padding-left: 10%;
    padding-right: 10%;
    text-align: center;
}

.instructor_1 .col-3 .name {
    font-size: 16pt;
    font-weight: 600;
    letter-spacing: 5px;
    padding-top: 3px;
    text-align: center;
}

.instructor_1 .col-3 .genre {
    font-size: 10pt;
    padding-bottom: 4em;
}

.instructor_1 .col-3 img {
    filter: grayscale(100%);
}

.instructor_1 .col-3 img:hover {
    filter: grayscale(0%);
    transition-duration: .6s;
    /* 動作の速さ */
}

.about_block1 .col-3 .movie {
    text-align: center;
    margin: 0 auto;
    padding-top: 20pt;
    padding-bottom: 20pt;
}

@media screen and (max-width: 767px) {
    .instructor_1 {
        padding-left: 5%;
        padding-right: 5%;
    }

    .instructor_1 .col-6 {
        padding-left: 5px !important;
        padding-right: 5px !important;
        padding-bottom: 35px;
    }

    .instructor_1 p.genre {
        font-size: 8pt !important;
        font-weight: 600;
        background-color: #494949;
        color: #fff;
    }
}

/*ポップアップ */
.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

.popup-content {
    background-color: #fff;
    padding: 20px;
    max-width: 500px;
    z-index: 2;
    text-align: center;
    font-size: 10pt;
    margin: 0 auto !important;
}

button {
    text-align: center;
}

.close-button {
    margin-top: 10px;
}

.popup-button {
    padding: 0;
    color: #fff;
    border: none;
    cursor: pointer;
}

.popup-content img {
    filter: grayscale(0%) !important;
}

.popup-content .genre {
    padding-bottom: 35px !important;
}

.popup-content p b {
    color: #525252;
    font-size: 11pt;
    letter-spacing: 1px;
    padding-bottom: 10px;
}

.popup-content .syou {
    margin-top: 30pt;
}

.popup-content p.txt {
    text-align: justify;
    text-justify: inter-ideograph;
}

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



header {
    margin-top: 126px;
    /*ヘッダーと同じ高さのマージンを追加*/
}

@media screen and (max-width: 767px) {
    header {
        margin-top: 0 !important;
        /*ヘッダーと同じ高さのマージンを追加*/
    }
}

/* header.php ==========================================*/
.menu_block0 {
    position: fixed;
    /* 位置を固定する */
    top: 0;
    /* 固定する位置を指定 */
    left: 0;
    /* 固定する位置を指定 */
    width: 100%;
    /* ヘッダーの幅 */
    height: 100px;
    /* ヘッダーの高さ */
    transition: padding .3s;
    z-index: 999;
}

#menu_block0.menu {
    padding: 10px 40px;
}

.menu_block0 .col-3 {
    background-color: #fff;
    text-align: center;
    padding-top: 10px;
}

.menu_block0 .col-3 a img {
    max-width: 65%;
}

.menu_block0 .col-3 a:hover {
    opacity: 0.6;
    transition-duration: .5s;
}

.menu_block0 .litegray {
    background-color: #fff;
    border-left: solid 1px #dfdfdf;
    border-right: solid 1px #dfdfdf;
}

.menu_block0 .white {
    background-color: #fff;
}

.menu_block0 section {
    color: #000;
    font-weight: 300;
}

.menu_block0 .taiken_botan section {
    color: #fff;
}

/* menu_block1 */
.menu_block1 .col-3 {
    background-color: #000;
    text-align: center;
    padding-top: 25px;
}

.menu_block1 .col-3 a .logo:hover {
    opacity: 0.6;
}

.menu_block1 .col-3 a .logo {
    max-width: 60%;
}

.menu_yoko {
    /*コレ*/
    display: flex;
    /*コレ*/
    flex-wrap: nowrap;
    padding: 0;
    list-style: none;
    margin-bottom: 0;
}

.menu_yoko li {
    /*コレ*/
    width: 100%;
    padding: 3% 10px 1% 10px;
    border-right: 1px solid #dedede;
    background: #fff;
    text-align: center;
}

@media screen and (max-width:1200px) {
    .menu_yoko li.txt1dan {
        padding-top: 30pt !important;
    }

    .menu_yoko li.txt2dan {
        padding-top: 15pt !important;
    }
}

.menu_yoko li a {
    color: #000;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 14pt;
    font-weight: 600;
    line-height: 16px;
}

.menu_yoko li a section {
    color: #000;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 8pt;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 14px;
    padding-top: 2px;
}

.menu_yoko li a:hover,
.menu_yoko li a section:hover {
    color: #F000D2;
    transition-duration: .6s;
    /* 動作の速さ */
}

.menu_yoko li.taiken_botan {
    padding-top: 25px;
    padding-bottom: 25px;
}

.menu_yoko li.taiken_botan section {
    color: #fff;
}

.menu_yoko li.taiken_botan a:hover,
.menu_yoko li.taiken_botan a section:hover {
    color: #CDF118;
    transition-duration: .5s;
}

.menu_yoko .taiken_botan {
    background: linear-gradient(130deg, rgb(83, 203, 236), rgb(156, 4, 211), rgb(254, 69, 180));
    color: #fff;
}

.menu_yoko .taiken_botan a {
    color: #fff;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-weight: 600;
    font-size: 13pt;
}

.menu_yoko .taiken_botan a section {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 8pt;
    font-weight: 300;
    letter-spacing: 1px;
}

@media screen and (max-width:767px) {
    .top_img_sp {
        z-index: -1;
    }
}

/* menu_block2 */
.menu_block2 .col-2 {
    background-color: #000;
    color: #fff;
    text-align: center;
    padding-top: 10px;
}

.menu_block2 .col-2 img {
    padding-left: 10px;
    padding-right: 10px;
}

.menu_block2 .col-2 .col-12 {
    padding-top: 18px;
    padding-bottom: 20px;
    margin-bottom: 5px;
}

.menu_block2 .col-2 a {
    color: #fff;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 14pt;
    font-weight: 600;
    line-height: 12px;
}

.menu_block2 .col-2 a section {
    color: #fff;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 8pt;
    font-weight: 300;
    letter-spacing: 1px;
    border-bottom: solid 1px #505050;
    width: 80%;
    margin: 0 auto;
    padding-bottom: 40px;
}

.menu_block2 .col-2 a:hover,
.menu_block2 .col-2 a section:hover {
    color: #F000D2;
    transition-duration: .5s;
}

.menu_block2 .col-10 {
    background-image: url(img/top_img1.png);
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
}

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

/* menu_block3 */
.menu_black3 {
    position: fixed;
    /* 位置を固定する */
    top: 60%;
    /* 固定する位置を指定 */
    right: 0 !important;
    /* 固定する位置を指定 */
    transition: padding .3s;
    z-index: 999;
}

.menu_black3 a:hover {
    opacity: 0.6;
}

.menu_black3 a img {
    max-width: 55px !important;
}

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



/* スマホ画面のheader */
.header_block0_sp img.kiboh_logo {
    max-width: 30%;
    padding-top: 10px;
    padding-bottom: 10px;
}

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







/* header-2.php ==========================================*/
.menu_block1 .col-3 {
    margin: 0 auto;
    text-align: center;
}

.menu_block1 .col-3 img {
    max-width: 65%;
}

.menu_block1 .col-3 img:hover {
    opacity: 0.6;
    transition-duration: .6s;
}

.menu_block1 .col-3 p {
    color: #fff;
    font-size: 10pt;
    text-align: center;
    padding-top: 5px;
    padding-left: 15px;
    padding-right: 15px;
}

ul.ddmenu li {
    background-color: #000;
    font-size: 9pt;
    font-weight: 300;
    text-align: center;
    width: auto;
}

ul.ddmenu li.black {
    background-color: #000;
}

ul.ddmenu li.black:hover {
    background-color: #CDF118;
}

ul.ddmenu li.gray {
    background-color: #454545;
}

ul.ddmenu li.gray:hover {
    background-color: #CDF118;
    color: #000;
}

ul.ddmenu .taiken_botan {
    background: linear-gradient(130deg, rgb(83, 203, 236), rgb(156, 4, 211), rgb(254, 69, 180));
    color: #fff;
}

ul.ddmenu a {
    padding-top: 38px;
    padding-bottom: 38px;
    font-weight: 300;
    height: 100%;
}

ul.ddmenu .taiken_botan a {
    color: #fff;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-weight: 600;
    font-size: 12pt;
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

ul.ddmenu .taiken_botan a section {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 8pt;
    font-weight: 300 !important;
    letter-spacing: 1px;
}

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

/* -------------------- */
/* ▼メニューバーの装飾 */
/* -------------------- */
ul.ddmenu {
    margin: 0px;
    /* メニューバー外側の余白(ゼロ) */
    padding: 0px;
    display: flex;
    /* 横並び均等にする */
    justify-content: center;
    /* 横並び均等にする */
    background-color: #000;
}

/* -------------------------- */
/* ▼メインメニュー項目の装飾 */
/* -------------------------- */
ul.ddmenu li {
    width: 20%;
    /* メニュー項目の横幅(125px) */
    list-style-type: none;
    /* ★2:リストの先頭記号を消す */
    position: relative;
    /* ★3:サブメニュー表示の基準位置にする */
}

ul.ddmenu a {
    color: white;
    /* メニュー項目の文字色(白色) */
    line-height: 25px;
    /* メニュー項目のリンクの高さ(40px) */
    text-align: center;
    /* メインメニューの文字列の配置(中央寄せ) */
    text-decoration: none;
    /* メニュー項目の装飾(下線を消す) */
    font-weight: bold;
    /* 太字にする */
    display: block;
    /* ★4:項目内全域をリンク可能にする */
    padding-left: 8px;
    padding-right: 8px;
}

ul.ddmenu a:hover {
    background-color: #CDF118 !important;
    /* メニュー項目にマウスが載ったときの背景色 */
    color: #000 !important;
    transition-duration: .8s;
}

/* ▼サブメニューは、とりあえず非表示にしておく */
ul.ddmenu ul {
    display: none;
    /* ★5:非表示にする */
}

/* -------------------- */
/* ▼サブメニューの装飾 */
/* -------------------- */
ul.ddmenu ul {
    display: none;
    /* ★1:標準では非表示にする */
    margin: 0px;
    /* ★2:サブメニュー外側の余白(ゼロ) */
    padding: 0px;
    /* ★3:サブメニュー内側の余白(ゼロ) */
    position: absolute;
    /* ★4:絶対配置にする */
    z-index: 1;
}

ul.ddmenu ul li {
    width: 100% !important;
    border-bottom: solid 1px #363636;
    display: inline-block;
}

ul.ddmenu ul li a {
    padding: 35px 10px;
    font-size: 10pt;
    font-weight: 600;
    line-height: 24px;
}

@media screen and (max-width:1300px) {
    ul.ddmenu ul li a {
        padding: 35px 5px;
        line-height: 22px;
    }
}

/* ---------------------------------- */
/* ▼サブメニューがある場合に開く処理 */
/* ※サブメニューが1階層しか存在しない場合の記述 */
/* ---------------------------------- */
ul.ddmenu li:hover ul {
    display: block;
    /* ★5:マウスポインタが載っている項目の内部にあるリストを表示する */
}

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



/* footer.php ==========================================*/
/* footer３分割固定 */

@media screen and (max-width: 747px) {
    .FixedMenuSection {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        background: #ffffff;
        z-index: 999;
    }

    .FixedMenu-Inner-List {
        display: flex;
    }

    .FixedMenu-Inner-List-Item {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 38px;
        padding-right: 38px;
        width: calc((100% - 4px) / 3);
        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;
        color: #fff;
        font-size: 20px;
    }

    a.FixedMenu-Inner-List-Item {
        padding: 15px 10px;
        font-size: 22px;
        font-weight: 600;
        letter-spacing: 2px;
    }

    a.FixedMenu-Inner-List-Item p {
        padding-top: 5px;
        font-size: 10px;
        font-weight: 600;
        letter-spacing: normal;
    }

    a.FixedMenu-Inner-List-Item {
        text-align: center;
    }

    a.FixedMenu-Inner-List-Item i:hover {
        opacity: 0.6;
        color: #fff;
    }
}

.FixedMenu-Inner-List-Item:not(:first-child) {
    margin-left: 2px;
}

.FixedMenu-Inner-List-Item.isRed {
    background: #6001FB;
}

.FixedMenu-Inner-List-Item.isBlue {
    background: #6001FB;
}

.FixedMenu-Inner-List-Item.isOrange {
    background: #6001FB;
}

.FixedMenu-Inner-List i {
    display: block !important;
}


/* footer_block1 */
.footer_block1 {
    background-color: #000;
    padding-top: 55pt;
    padding-bottom: 55pt;
}

.footer_block1 a,
.footer_block1 p {
    color: #fff;
}

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

/* address */
.footer_block1 {
    text-align: center;
    max-width: 0 auto;
}

.footer_block1 img {
    padding-top: 25pt;
    padding-bottom: 25pt;
    max-width: 55%;
}

.footer_block1 img:hover {
    opacity: 0.6;
    transition-duration: .5s;
}

.footer_block1 .address {
    font-size: 12pt;
    letter-spacing: 1px;
}

.footer_block1 .address .txt1 {
    padding-bottom: 25px;
}

.footer_block1 .address .ogaki {
    border-top: solid 1px #525252;
    border-bottom: solid 1px #525252;
    width: 60%;
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 10pt;
}

.footer_block1 .address .mizuho {
    border-bottom: solid 1px #525252;
    width: 60%;
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 10pt;
}

@media screen and (max-width:767px) {
    .footer_sp_block1 {
        background-color: #000000;
        padding-top: 45px;
        padding-bottom: 45px;
        text-align: center;
    }

    .footer_sp_block1 img.footer_logo1 {
        max-width: 55% !important;
    }

    .footer_sp_block1 .tel_link {
        padding-top: 15px;
        font-size: 12pt;
        color: #fff;
        width: 80%;
        margin: 0 auto;
    }

    .footer_sp_block1 .tel_link a {
        color: #fff;
    }

    .footer_sp_block1 .tel_link span {
        font-size: 10pt;
    }

    .footer_sp_block1 ul {
        list-style: none;
        padding-left: 0;
        padding-top: 15px;
    }

    .footer_sp_block1 li {
        display: inline-block;
    }

    .footer_sp_block1 li a {
        padding-left: 8px;
        padding-right: 8px;
        opacity: 0.6;
        font-size: 16pt;
        color: #fff;
    }

    .footer_sp_block1 .txt1 {
        padding-top: 10px;
        font-size: 10pt;
        color: #fff;
        text-align: justify;
        text-justify: inter-ideograph;
        width: 80%;
        margin: 0 auto;
    }

    .copy_sp {
        padding-top: 5px;
        padding-bottom: 15px !important;
        text-align: center;
        font-size: 6pt;
        color: #000;
    }
}

/* menu link */
.footer_menu li {
    display: block;
    font-size: 9pt;
    font-weight: 400;
    text-align: left !important;
}

.footer_menu p {
    font-weight: 600;
    padding-top: 30px;
    padding-bottom: 10px;
    font-size: 10pt;
    opacity: 0.4;
}

.footer_menu li a:hover {
    color: #F000D2;
    transition-duration: .5s;
}

.footer_menu .menu {
    padding-bottom: 15pt !important;
}

.footer_menu li a .keiretu {
    margin-top: 20pt;
}

.footer_menu li.menu a {
    color: #fff;
    z-index: 50;
}

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

.footer_block2 {
    text-align: center;
}

.footer_block2 p {
    font-size: 8pt;
    color: #000;
}



/* front-page.php ==========================================*/
/* バナースライダー */
.slider_block {
    background-color: #000;
}

.slider1 {
    background-color: #000;
    padding-top: 45px;
    display: flex;
    margin: 0 calc(50% - 50vw);
    width: 100%;
    height: 230px;
}

.slider1 ul {
    display: flex;
    padding: 0;
    margin: 0;
}

.slider1 li {
    width: 280px;
    list-style: none;
    padding-right: 15px;
}

.slider1 ul:first-child {
    animation: slide1 150s -75s linear infinite;
}

.slider1 ul:last-child {
    animation: slide2 150s linear infinite;
}

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

@keyframes slide1 {
    0% {
        transform: translateX(100%);
    }

    to {
        transform: translateX(-100%);

    }
}

@keyframes slide2 {
    0% {
        transform: translateX(0);
    }

    to {
        transform: translateX(-200%);
    }
}

/* PCトップ　メタスライダー */
@media screen and (max-width:767px) {}

.slider3 {
    padding-top: 45px;
}

.flex-viewport {
    overflow: visible !important;
}

.metaslider .flexslider .flex-direction-nav li a {
    width: 55px;
    height: 55px;
    border: 0;
    margin: -20px 0 0;
    box-shadow: none !important;
    display: block;
    background-color: transparent;
    background-image: url(bg_direction_nav.png);
    background-repeat: no-repeat;
    position: absolute;
    right: 10px;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    text-indent: -9999px;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: opacity .25s ease-in-out;
    transition: all .3s ease;
}

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


/* Instagram */
.top_sns1 {
    background-color: #151419;
    padding-top: 20pt;
    padding-bottom: 20pt;
}

.top_sns1 #sb_instagram #sbi_images {
    height: 25%;
    border: 1px solid #151419;
    background-color: #151419;
    overflow: scroll;
}

/* お知らせ */
.top_news {
    background-color: #E6E6E6;
    padding-top: 45px;
    padding-bottom: 45px;
}

.top_news .day {
    font-family: 游ゴシック体;
    font-size: 12pt;
}

.top_news .title {
    padding-top: 5px;
    font-size: 12pt;
    padding-left: 20px;
}

.top_news a {
    color: #000;
}

.top_news a:hover {
    color: #000;
    opacity: 0.6;
}

@media screen and (max-width:767px) {
    .top_news .day {
        font-size: 11pt;
    }

    .top_news .title {
        font-size: 11pt;
        padding-left: 10px;
        padding-right: 20px;
    }

    .top_news {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

.top_news_iframe1 {
    width: 100px;
    height: 60px;
    border: 1px solid #171619;
    overflow: scroll;
}

.top_news_iframe1 .kiji {
    background-color: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 22%;
    color: #171619;
}

.top_news_iframe1 .kiji ul {
    list-style: none;
    padding-left: 0;
}

.top_news_iframe1 .kiji li {
    display: inline-block;
}

.top_news img {
    position: absolute;
    top: -5pt;
    left: -20px;
    z-index: 10;
}

@media screen and (max-width:767px) {
    .top_news_iframe1 .kiji {
        padding-left: 20%;
    }

    .top_news img {
        max-width: 65px;
        position: absolute;
        top: 10px;
        left: 5px;
    }
}

/* dance lesson */
.backcolor {
    background-color: #151419;
    padding-top: 8em;
}

.top_lesson_title {
    padding-left: 40pt;
}

@media screen and (max-width:767px) {
    .backcolor {
        padding-top: 45px;
    }

    .backcolor img.top_lesson_title {
        max-width: 300px;
        position: absolute;
        right: 0;
    }
}

/* dance lesson 01 */
.lesson01 {
    padding-top: 4em;
}

img.top_lesson_01 {
    position: relative;
    top: 20pt;
    left: 0;
    z-index: 100 !important;
    max-width: 400px;
}

img.top_lesson_img1 {
    z-index: -1 !important;
}

@media screen and (max-width:767px) {
    img.top_lesson_01 {
        max-width: 220px;
        z-index: 100;
    }

    img.top_lesson_img1 {
        z-index: -1 !important;
        max-width: 220px;
        position: absolute;
        right: 0;
        top: 0;
    }
}

.lesson01_genre {
    background-color: #000;
    padding: 10pt 25pt;
    color: #fff;
    font-size: 11pt;
    opacity: 0.6;
    position: relative;
    left: 40pt;
    top: -80pt;
    width: 500px;
}

.lesson01_txt {
    position: relative;
    top: -35pt;
    z-index: 2;
}

.lesson01_txt p {
    text-align: justify;
    text-justify: inter-ideograph;
    font-size: 14pt;
    line-height: 33px;
    width: 85%;
    margin: 0 auto;
    color: #fff;
    padding-bottom: 1em;
}

.lesson01_link {
    text-align: center;
    padding-bottom: 7em;
}

.lesson01_link a {
    color: #fff;
    font-size: 11pt;
    letter-spacing: 5px;
    font-weight: 600;
    background-color: #F000D2;
    width: 100%;
    text-align: center;
    padding: 20px 20%;
}

.lesson01_link a:hover {
    background-color: #CDF118;
    color: #000;
    transform: translateY(-10px);
    transition-duration: .8s;
}

@media screen and (max-width:767px) {
    .lesson01_genre {
        padding: 10px 10px;
        font-size: 10pt;
        position: relative;
        left: 5px;
        top: 30px;
        width: 280px;
    }

    .lesson01_txt p {
        padding-top: 85px;
        font-size: 10pt;
        line-height: 26px;
    }

    .lesson01_link {
        margin-bottom: 0;
    }

    .lesson01_link .taiken_link {
        margin-bottom: 50px;
    }

    .lesson01_link a {
        font-size: 11pt;
        letter-spacing: 2px;
    }

    .lesson01_link .taiken_link a {
        padding: 20px 53px;
    }

    .lesson01_link .kids_link a {
        padding: 20px 45px;
    }
}

/* dance lesson 02 */
.lesson02 {
    padding-top: 3em;
    text-align: center;
    color: #fff;
}

.lesson02 .txt p {
    font-size: 30pt;
    font-weight: 600;
    text-align: left;
    padding-top: 5em;
    padding-left: 65pt;
}

.lesson02 .address_oogaki {
    background-color: #000;
    padding-top: 4em;
    padding-bottom: 3em;
}

.lesson02 .address_mizuho {
    background-color: #363636;
    padding-top: 4em;
    padding-bottom: 3em;
}

.lesson02 .address_oogaki img,
.lesson02 .address_mizuho img {
    text-align: center;
    max-height: 140px;
}

.lesson02 .address_oogaki .txt1,
.lesson02 .address_mizuho .txt1 {
    padding-top: 40px;
    font-weight: 600;
    font-size: 15pt;
}

.lesson02 .address_oogaki .txt2,
.lesson02 .address_mizuho .txt2 {
    padding-top: 5px;
    font-size: 11pt;
    padding-bottom: 3em;
}

.lesson02 .address_oogaki .access_link a,
.lesson02 .address_mizuho .access_link a {
    padding: 15px 65px;
    font-size: 11pt;
    font-weight: 600;
    background-color: #fff;
    color: #000;
}

.lesson02 .address_oogaki .schedule_link a,
.lesson02 .address_mizuho .schedule_link a {
    padding: 15px 55px;
    font-size: 12pt;
    font-weight: 600;
    background-color: #F000D2;
    color: #fff;
}

.lesson02 ul {
    list-style: none;
    padding-left: 0;
}

.lesson02 li {
    display: inline-block;
}

.lesson02 .address_oogaki .access_link:hover,
.lesson02 .address_mizuho .access_link:hover,
.lesson02 .address_oogaki .schedule_link:hover,
.lesson02 .address_mizuho .schedule_link:hover {
    transform: translateY(-10px);
    transition-duration: .6s;
}

@media screen and (max-width:767px) {
    .lesson02 {
        padding-top: 55px;
    }

    .lesson02 .top_lesson_02 {
        max-width: 220px;
        position: absolute;
        top: -300px;
        right: 0;
    }

    .lesson02 .txt p {
        font-size: 18pt;
        padding-left: 10px;
        padding-bottom: 30px;
    }

    .lesson02 .address_oogaki {
        padding-top: 2em;
        padding-bottom: 0;
    }

    .lesson02 .address_mizuho {
        padding-top: 2em;
        padding-bottom: 0;
    }

    .lesson02 .address_oogaki img,
    .lesson02 .address_mizuho img {
        max-height: 100px;
    }

    .lesson02 .address_oogaki .txt1,
    .lesson02 .address_mizuho .txt1 {
        font-size: 13pt;
    }

    .lesson02 .address_oogaki .txt2,
    .lesson02 .address_mizuho .txt2 {
        font-size: 10pt;
        padding-bottom: 45px;
    }

    .lesson02 .address_oogaki .access_link a,
    .lesson02 .address_mizuho .access_link a {
        padding: 15px 70px;
        letter-spacing: 2px;
        font-size: 11pt;
    }

    .lesson02 .address_oogaki .schedule_link a,
    .lesson02 .address_mizuho .schedule_link a {
        padding: 15px 55px;
        letter-spacing: 2px;
        font-size: 11pt;
    }

    .lesson02 .address_oogaki li,
    .lesson02 .address_mizuho li {
        margin-bottom: 35px;
    }

}

/* dance lesson 03 */
.lesson03 {
    padding-top: 6em;
    padding-bottom: 13em;
    background-image: url(img/top_lesson_backimg1.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    background-attachment: fixed;
}

.lesson03 .right {
    text-align: right;
}

.lesson03 .top_lesson_img4 {
    position: relative;
    top: 80pt;
    right: 0;
    max-width: 85%;
}

.lesson03 .top_lesson_img5 {
    position: relative;
    top: 0;
    left: 40pt;
}

.lesson03 .top_lesson_img6 {
    position: relative;
    top: 55pt;
    left: 0;
}

.lesson03 p {
    text-align: justify;
    text-justify: inter-ideograph;
    position: relative;
    top: 40pt;
    left: 40pt;
    color: #fff;
    width: 70%;
    font-size: 14pt;
    line-height: 30px;
}

@media screen and (max-width:767px) {
    .lesson03 {
        padding-top: 65px;
        padding-bottom: 200px;
    }

    .lesson03 .top_lesson_03 {
        max-width: 220px;
    }

    .lesson03 .col-md-6 {
        padding-left: 0;
        padding-right: 0;
    }

    .lesson03 .top_lesson_img4 {
        position: relative;
        top: 10px;
        right: 0;
        max-width: 75%;
    }

    .lesson03 .top_lesson_img5 {
        position: relative;
        top: -100px;
        left: 50px;
        max-width: 215px;
    }

    .lesson03 .top_lesson_img6 {
        position: relative;
        top: 210px;
        max-width: 220px !important;
    }

    .lesson03 p {
        position: relative;
        top: 120px;
        left: 0;
        width: 100%;
        font-size: 10pt;
        line-height: 26px;
    }

    .lesson03 .col-md-8 {
        padding-left: 5% !important;
        padding-right: 5% !important;
    }
}

/* dance lesson 04 */
.lesson04 {
    padding-top: 6em;
    padding-bottom: 6em;
    background-color: #151419;
}

.lesson04 .right {
    text-align: right !important;
}

.lesson04 .top_lesson_04 {
    position: relative;
    right: 0;
    max-width: 75%;
}

.lesson04 p.txt1,
.lesson04 p.txt2 {
    color: #fff;
}

.lesson04 p.txt1 {
    font-size: 30pt;
    font-weight: 600;
    line-height: 75px;
    padding-left: 45pt;
    padding-top: 65pt;
}

.lesson04 p.txt2 {
    font-size: 12pt;
    padding-left: 45pt;
    padding-top: 35pt;
}

.lesson04 .top_kousi1 {
    /* kousi1 */
    background-image: url(img/top_kousi_backimg1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding-top: 4em;
    padding-bottom: 4em;
    margin-top: 6em;
}

.lesson04 .top_kousi1 .top_kousi_img1 {
    max-width: 300px;
    padding-left: 40pt;
}

.lesson04 p.txt3 {
    color: #fff;
    font-size: 30pt;
    font-weight: 600;
    line-height: 75px;
    padding-left: 55pt;
}

.lesson04 .top_kousi_txt1 {
    position: relative;
    top: 30pt;
    left: -60pt;
}

.lesson04 .top_kousi1 .top_kousi_name1 {
    padding-top: -35pt;
    padding-left: 55pt;
    z-index: 10;
    font-size: 65pt;
    font-weight: 600;
    color: #fff;
}

.lesson04 .top_kousi_txt2 {
    position: relative;
    top: 30pt;
    left: -10pt;
}

.lesson04 .top_kousi1 .top_kousi_name2 {
    padding-left: 45pt;
    font-size: 65pt;
    font-weight: 600;
    color: #fff;
}

.lesson04 .top_kousi1 .top_kousi_name3 {
    font-size: 65pt;
    font-weight: 600;
    color: #fff;
}

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

    .lesson04 .top_kousi1 .top_kousi_name1,
    .lesson04 .top_kousi1 .top_kousi_name2,
    .lesson04 .top_kousi1 .top_kousi_name3 {
        font-size: 20pt;
    }

    .lesson04 .top_kousi1 .top_kousi_name3 {
        padding-left: 15%;
    }
}

.lesson04 .top_kousi_link {
    text-align: center;
    padding-top: 35pt;
}

.lesson04 .top_kousi_link a {
    color: #fff;
    font-size: 22pt;
    font-family: HanziPen SC;
}

.lesson04 .top_kousi_link a:hover {
    opacity: 0.6;
}

@media screen and (max-width:767px) {
    .lesson04 {
        padding-top: 9em;
        padding-bottom: 3em;
    }

    .lesson04 .top_lesson_04 {
        position: absolute;
        top: -480px;
        right: 0 !important;
        max-width: 200px;
    }

    .lesson04 p.txt1 {
        font-size: 18pt;
        line-height: 42px;
        padding-left: 10px;
        padding-top: 80pt;
    }

    .lesson04 p.txt2 {
        font-size: 10pt;
        padding-left: 28pt;
        padding-top: 30px;
    }
}

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

    /* 講師 1 */
    .lesson04 .top_kousi1 {
        background-image: url(img/top_kousi_backimg2.png);
        background-size: cover;
        background-position: top left;
        height: 600px;
        margin-top: 35px;
    }

    .lesson04 .top_kousi1 .top_kousi_img1 {
        max-width: 200px;
    }

    .lesson04 .top_kousi_txt4 {
        position: absolute;
        right: 0;
        top: -300px;
        z-index: 1;
        opacity: .6;
    }

    .lesson04 p.txt3 {
        font-size: 16pt;
        line-height: 38px;
        padding-left: 25px;
        padding-top: 15px;
        z-index: 3;
    }

    .lesson04 .top_kousi1 .top_kousi_name1 {
        padding-left: 25px;
        z-index: 10;
        max-width: 140px;
    }

    /* 講師 2 */
    .lesson04 .top_kousi2 {
        background-image: url(img/top_kousi_backimg2.png);
        background-size: cover;
        background-position: top left;
        height: 650px;
    }

    .lesson04 .top_kousi1 .top_kousi_img2 {
        max-width: 160px;
        position: absolute;
        right: 20px;
    }

    .lesson04 .top_kousi_txt5 {
        position: absolute;
        left: 0;
        top: -35px;
        z-index: 1;
        opacity: .6;
    }

    .top_kousi2 p.txt3 {
        font-size: 16pt;
        line-height: 38px;
        padding-left: 35px !important;
        padding-top: 335px !important;
        z-index: 3;
    }

    .top_kousi2 .top_kousi_name2 {
        padding-top: 15px;
        padding-left: 10%;
        z-index: 10;
        max-width: 140px;
    }

    /* 講師 3 */
    .lesson04 .top_kousi3 {
        background-image: url(img/top_kousi_backimg2.png);
        background-size: cover;
        background-position: top left;
        height: 650px;
    }
}

/* DANCE VIDEO ダンスビデオ */
.top_video {
    background-color: #000;
    padding-bottom: 10em;
    text-align: center;
}

.top_video img {
    padding-top: 10em;
    padding-bottom: 4em;
}

.top_video iframe {
    text-align: center;
    margin: 0 auto;
}

.video_main {
    color: #fff;
}

.video_main p {
    padding-top: 10pt;
    padding-bottom: 20pt;
    font-size: 11pt;
}

.video_main a {
    border: solid 1px #fff;
    padding: 10px 20px;
    color: #fff;
}

@media screen and (max-width:767px) {
    .top_video {
        padding-bottom: 3em !important;
    }

    .top_video img {
        padding-top: 6em !important;
        padding-bottom: 2em !important;
        padding-right: 65px;
    }

    .top_video iframe {
        margin: 0 auto;
    }
}

/* other service */
.backcolor1 {
    background-color: #151419;
    padding-top: 8em;
    padding-bottom: 10em;
}

@media screen and (max-width:767px) {
    .backcolor1 {
        padding-top: 4em;
        padding-bottom: 5em;
    }
}

/* service1 */
.top_service01 .top_service_title1 {
    padding-bottom: 25pt;
}

.top_service01 .top_service_img1 {
    padding-bottom: 45pt;
    max-width: 95%;
}

.top_service01 .txt1 {
    color: #fff;
    font-size: 13pt;
    line-height: 34px;
    text-align: justify;
    text-justify: inter-ideograph;
    width: 85%;
    margin: 0 auto;
    padding-top: 25pt;
    padding-bottom: 2em;
}

@media screen and (max-width:767px) {
    .top_service01 .top_service_title1 {
        max-width: 280px;
        position: absolute;
        right: 0;
    }

    .top_service01 .top_service_img1 {
        max-width: 300px;
        padding-top: 190px;
        padding-bottom: 35px;
    }

    .top_service_txt1 {
        max-width: 75%;
        position: absolute;
        right: 0;
    }

    .top_service01 .txt1 {
        font-size: 11pt;
        line-height: 28px;
        width: 95%;
        margin: 0 auto;
        padding-top: 70px;
        padding-bottom: 2em;
    }
}

.more {
    /* btn */
    text-align: center;
}

.more a.btn {
    /* btn */
    display: block;
    text-align: center;
    letter-spacing: 5px;
    vertical-align: middle;
    text-decoration: none;
    width: 65%;
    margin: auto;
    padding: 1rem 4rem;
    font-weight: 600;
    border: 2px solid #fff;
    color: #fff;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.more a.btn::before {
    /* btn */
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #CDF118;
    transform: translateX(-100%);
    transition: all .3s;
    z-index: -1;
}

.more a.btn:hover::before {
    /* btn */
    transform: translateX(0);
}

.more a.btn:hover {
    /* btn */
    color: #000;
}

@media screen and (max-width:767px) {
    .more a.btn {
        /* btn */
        width: 75%;
        padding: 1rem 55px;
    }
}

/* service4 */
.top_service04 {
    padding-top: 12em;
}

.top_service04 p.txt1 {
    color: #fff;
    width: 85%;
    text-align: justify;
    text-justify: inter-ideograph;
    font-size: 13pt;
    line-height: 33px;
    padding-top: 10%;
    padding-bottom: 20pt;
}

.top_service04 img.top_service_txt4 {
    text-align: center;
    max-width: 75%;
    margin: -2em auto 0 auto;
    padding-left: 5%;
}

@media screen and (max-width:767px) {
    .top_service04 {
        padding-top: 6em;
    }

    .top_service04 img.top_service_txt4 {
        text-align: center;
        max-width: 85%;
        margin: -1em auto 0 auto;
        padding-left: 0;
        z-index: 10;
    }

    .top_service04 p.txt1 {
        width: 100%;
        font-size: 11pt;
        line-height: 28px;
        padding-top: 2%;
        padding-bottom: 20pt;
    }
}

/* service2 */
.top_service02 {
    padding-top: 11em;
}

.top_service02 .block1 .top_service_txt2 {
    max-width: 75%;
    padding-top: 13em;
}

.top_service02 p {
    color: #fff;
    font-size: 13pt;
    text-align: justify;
    text-justify: inter-ideograph;
    line-height: 33px;
    width: 75%;
    padding-top: 55pt;
    padding-left: 30%;
    padding-bottom: 4em;
}

@media screen and (max-width:767px) {
    .top_service02 {
        padding-top: 55px;
    }

    .top_service02 .col-md-6 {
        padding-left: 0;
        padding-right: 0;
    }

    .top_service02 .top_service_img2 {
        max-width: 200px;
    }

    .top_service02 .block1 .top_service_txt2 {
        max-width: 200px;
        position: absolute;
        top: -280px;
        right: 10px;
    }

    .top_service02 p {
        font-size: 11pt;
        list-style: 28px;
        width: 90%;
        margin: 0 auto;
        padding-top: 25px;
        padding-bottom: 35px;
    }
}

/* service3 */
.top_service03 {
    padding-top: 11em;
}

.top_service03 .top_service_img3 {
    max-width: 90%;
}

.top_service03 .top_service_txt3 {
    position: relative;
    top: 11em;
    right: -65pt;
    max-width: 85%;
    z-index: 10;
}

.top_service03 .more a {
    margin-top: 18em;
}

.top_service03 p {
    color: #fff;
    font-size: 13pt;
    text-align: justify;
    text-justify: inter-ideograph;
    line-height: 33px;
    width: 65%;
    margin: 45pt auto 0 auto;
}

@media screen and (max-width:767px) {
    .top_service03 {
        padding-top: 55px;
    }

    .top_service03 .top_service_img3 {
        max-width: 200px;
        position: absolute;
        top: -390px;
        right: 0;
    }

    .top_service03 .top_service_txt3 {
        position: absolute;
        top: 11em;
        left: 25px;
        max-width: 65%;
        z-index: 10;
    }

    .top_service03 .more a {
        margin-top: 22em;
    }

    .top_service03 p {
        font-size: 11pt;
        line-height: 28px;
        width: 85%;
        margin: 35px auto 0 auto;
    }
}

/* SNS */
.sns_link {
    background-color: #000;
    padding: 25px 10px 5px 10px;
    width: auto;
    position: absolute;
    right: 0;
    margin-bottom: 55pt;
}

.sns_link ul {
    padding-left: 5px;
    padding-right: 5px;
}

.sns_link li {
    padding-bottom: 15px;
}

.sns_link a:hover {
    opacity: 0.6;
}

.sns_btn {
    padding-top: 45px;
    text-align: center;
}

.sns_btn ul {
    padding-left: 0;
}

.sns_btn li {
    list-style: none;
    display: inline-block;
}

.sns_btn li img {
    max-width: 100px;
    padding-right: 5px;
    padding-left: 5px;
}

.sns_btn li img:hover {
    transform: translateY(-10px);
    transition-duration: .5s;
}

@media screen and (max-width:767px) {
    .sns_link {
        display: none !important;
    }
}

/* SNS */
.top_sns {
    background-image: url(img/haikei_sns.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding-top: 7em;
    height: 55em;
}

.top_sns .col-4 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.top_sns .top_facebook {
    padding: 25px 20px 20px 20px;
    background-color: #fff;
    height: 37em;
    width: auto;
}

@media screen and (max-width:767px) {
    .top_sns {
        padding-top: 3em;
        height: 66em;
    }

    .top_sns .top_facebook {
        padding: 10px 10px 10px 10px;
        height: 33em;
    }

    #sb_instagram .sb_instagram_header .sbi_header_img,
    .sb_instagram_header .sbi_header_img {
        margin: 28px 0 0 -100% !important;
    }

    #sb_instagram .sb_instagram_header .sbi_header_text.sbi_no_bio h3,
    .sb_instagram_header .sbi_header_text.sbi_no_bio h3 {
        padding-top: 38px !important;
    }

    #sb_instagram #sbi_images {
        height: 210px !important;
    }
}

#sb_instagram #sbi_images {
    height: 500px;
    border: 1px solid #212529;
    background-color: #212529;
    overflow: scroll;
}

#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img,
.sb_instagram_header.sbi_medium .sbi_header_img {
    background-color: #F000D2 !important;
}

#sb_instagram .sb_instagram_header .sbi_header_text.sbi_no_bio h3,
.sb_instagram_header .sbi_header_text.sbi_no_bio h3 {
    color: #fff !important;
}

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

/* お問い合わせボタン */
.top_contact {
    margin-top: 45pt;
    margin-bottom: 45pt;
    text-align: center;
}

.contact_btn {
    border: solid 1px #000;
    padding: 40pt 20pt;
}

.contact_btn .txt1 {
    font-weight: 600;
    font-size: 20pt;
    padding-top: 10pt;
}

.contact_btn .txt2 {
    font-size: 13pt;
    line-height: 30px;
    width: 75%;
    margin: 0 auto;
    text-align: justify;
    text-justify: inter-ideograph;
    padding-top: 30pt;
}

.contact_btn ul {
    padding-left: 0;
    padding-top: 1.5em;
}

.contact_btn li {
    list-style: none;
    display: inline-block !important;
    border: solid 1px #000;
    background-color: #000;
    width: 49%;
    padding-top: 13pt;
    padding-bottom: 13pt;
}

.contact_btn li:hover {
    transform: translateY(-10px);
    transition-duration: .5s;
}

.contact_btn li a {
    color: #fff;
    font-size: 12pt;
    font-weight: 600;
    letter-spacing: 2px;
}

.contact_btn a.btn3 {
    border: solid 1px #F000D2;
    background-color: #F000D2;
    color: #fff;
    font-size: 12pt;
    font-weight: 600;
    letter-spacing: 2px;
    padding: 13pt 10%;
    display: block;
    ;
}

.contact_btn a.btn3:hover {
    border: solid 1px #CDF118;
    background-color: #CDF118;
    color: #000;
    transform: translateY(-10px);
    transition-duration: .5s;
}

@media screen and (max-width:767px) {
    .contact_btn {
        padding: 30px 15px;
    }

    .contact_btn .txt1 {
        font-size: 15pt;
        padding-top: 0;
    }

    .contact_btn .txt2 {
        font-size: 11pt;
        line-height: 28px;
        width: 100%;
        padding-top: 15pt;
    }

    .contact_btn li {
        padding-top: 10pt;
        padding-bottom: 10pt;
    }

    .contact_btn li a {
        font-size: 11pt;
        letter-spacing: 2px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .contact_btn a.btn3 {
        font-size: 11pt;
    }
}


/* page-about.php ==========================================*/
.about_block1 {
    background-color: #000;
}

.about_block1 img {
    max-width: 100%;
}

@media screen and (max-width:767px) {
    .about_block1 img {
        max-width: 375px;
    }
}

/* 運営会社 */
.about_block3 {
    margin-top: 8em;
    margin-bottom: 4em;
    text-align: center;
}

.about_block3 .title {
    font-size: 20pt;
    font-weight: 600;
}

.about_block4 table {
    margin: 0 auto;
}

.about_block4 tr {
    border-bottom: solid 1px #898989;
}

.about_block4 th {
    padding: 40px 30px 40px 50px;
}

.about_block4 td {
    padding: 40px 50px 40px 60px;
    line-height: 33px;
}

@media screen and (max-width:767px) {
    .about_block3 {
        margin-top: 70px;
        margin-bottom: 55px;
    }

    .about_block3 .title {
        font-size: 18pt;
    }

    .about_block4 tr {
        border-bottom: solid 1px #d4d4d4;
        font-size: 11pt;
    }

    .about_block4 th {
        padding: 10px;
        font-size: 11pt;
    }

    .about_block4 td {
        padding: 10px;
        font-size: 11pt;
        line-height: 26px;
    }
}

/* スタジオ住所 */
.about_block5 {
    margin-top: 6em;
    text-align: center;
}

.about_block5 img {
    max-width: 250px;
}

.about_block5 .left {
    background-color: #000;
    padding-top: 45px;
    padding-bottom: 45px;
}

.about_block5 .right {
    background-color: #393939;
    padding-top: 45px;
    padding-bottom: 45px;
}

.about_block5 .left a,
.about_block5 .right a {
    display: block;
    border: solid 1px #fff;
    color: #fff;
    font-weight: 600;
    font-size: 10pt;
    letter-spacing: 1px;
    text-align: center;
    padding: 10px 25px;
    margin: 25px auto 0 auto;
    width: 45%;
    -webkit-transition: all .6s;
    transition: all 1s;
}

.about_block5 .left a:hover,
.about_block5 .right a:hover {
    background-color: #CDF118;
    border: solid 1px #CDF118;
    color: #000000;
    cursor: pointer;
    transform: translateY(-6px);
    transition-duration: .6s;
}

@media screen and (max-width:767px) {
    .about_block5 iframe {
        margin-top: 0x;
    }
}

/* 地図 */
.about_block6 iframe {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}

.about_block6 iframe:hover {
    filter: grayscale(0%);
    transition: all 0.6s 0s ease;
    /*transitionの記述を追加*/
}

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

/* 写真 */
.about_block6_img .img3 .col-4 {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100%;
}

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

/* インストラクター募集の文章 */
.about_block7 {
    background-image: url(img/about_backimg1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding-top: 5em;
    padding-bottom: 5em;
}

.about_block7 .box {
    text-align: center;
    background-color: #fff;
    padding: 4em 3em !important;
}

.about_block7 .box p {
    width: 80%;
    margin: 0 auto;
    text-align: justify;
    text-justify: inter-ideograph;
    line-height: 33px;
    padding-bottom: 2em;
}

.about_block7 .box img:hover {
    transform: translateY(-10px);
    transition-duration: .6s;
}

@media screen and (max-width:767px) {
    .about_block7 {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .about_block7 .box {
        padding: 35px 25px !important;
        width: 80%;
        margin: 0 auto;
    }

    .about_block7 .box p {
        width: 100%;
        font-size: 11pt;
        line-height: 33px;
    }
}

/* page-photo.php ==========================================*/
.photo_block1 {
    background-image: url(img/haikei_photo1.png);
    background-repeat: no-repeat;
    background-size: container;
    background-position: center;
    background-color: #000;
    text-align: center;
}

.photo_block1 img {
    padding-top: 12em;
    padding-bottom: 10em;
}

@media screen and (max-width:767px) {
    .photo_block1 {
        background-size: cover !important;
        max-width: 100%;
    }

    .photo_block1 img {
        max-width: 200px;
        padding-top: 45px;
        padding-bottom: 45px;
    }
}

/* リンク */
.photo_block2 {
    background-color: #E6E6E6;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 10pt;
}

.photo_block2 i {
    color: #000;
    padding-left: 4em;
}

.photo_block2 i:hover {
    opacity: 0.6;
    transition-duration: .6s;
}

@media screen and (max-width:767px) {
    .photo_block2 {
        font-size: 9pt;
    }

    .photo_block2 i {
        padding-left: 15px;
    }
}

/* ギャラリーブロック */
.photo_block3 {
    margin-top: 6em;
}

.photo_block3 .col-4 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.photo_block3 .gallery_top {
    padding-bottom: 5em;
    position: relative;
}

@media screen and (max-width:767px) {
    .photo_block3 {
        margin-top: 45px;
    }
}

/* ギャラリー_画像 */
.photo_block3 .scale {
    position: relative;
    overflow: hidden;
}

.photo_block3 .scale img {
    transition: transform 0.8s;
    border-radius: 10px;
}

.photo_block3 .scale :hover img {
    transform: scale(1.2);
}

@media screen and (max-width:767px) {
    .photo_block3 .scale img {
        border-radius: 5px;
    }
}

/* ギャラリー_日付 */
.photo_block3 .gallery_top ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.photo_block3 .gallery_top li {
    display: inline-block;
}

.photo_block3 .gallery_top .day {
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #cecece;
    font-weight: 600;
}

@media screen and (max-width:767px) {
    .photo_block3 .col-6 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .photo_block3 .gallery_top {
        padding-bottom: 35px;
    }

    .photo_block3 .gallery_top .day {
        font-size: 10pt;
        padding-bottom: 0;
    }

    .photo_block3 .gallery_top .title {
        font-size: 12pt !important;
    }
}

/* ギャラリー_タイトル */
.photo_block3 .gallery_top a {
    color: #000;
}

.photo_block3 .gallery_top .title {
    text-align: center;
    font-size: 14pt;
}

.photo_block4 {
    margin-bottom: 8em !important;
}

@media screen and (max-width:767px) {
    .photo_block4 {
        margin-bottom: 60px !important;
    }

    .news_block6 .wp-pagenavi {
        margin-top: 1em !important;
    }
}

/* page-genre.php ==========================================*/
.genre_block1 {
    text-align: center;
    margin-top: 8em;
}

.genre_block1 img {
    max-width: 25%;
    padding-bottom: 8em;
}

.genre_block1 p {
    text-align: justify;
    text-justify: inter-ideograph;
    line-height: 30px;
    width: 70%;
    margin: 0 auto;
    padding-bottom: 6em;
}

@media screen and (max-width:767px) {
    .genre_block1 {
        margin-top: 70px;
    }

    .genre_block1 img {
        max-width: 180px;
        padding-bottom: 55px;
    }

    .genre_block1 p {
        width: 70%;
        font-size: 11pt;
        padding-bottom: 35px;
    }

}

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

    /* ジャンルタグ */
    .genre_tag {
        width: 100%;
        margin: 0 0 100px 0;
        padding: 0 0 5px 15px;
        position: relative;
        top: 30px;
    }

    .genre_tag p {
        width: 65%;
        padding-left: 15px;
        padding-bottom: 10px;
        font-weight: 600;
    }

    .genre_tag::before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #CDF118;
        transform: skewY(-7deg);
        z-index: -1;
    }

    .genre_tag ul {
        list-style: none;
        padding-left: 10px;
        padding-right: 10px;
    }

    .genre_tag li {
        display: inline-block;
        background-color: #000;
        padding: 3px 10px;
        margin-bottom: 10px;
    }

    .genre_tag li a {
        font-size: 10pt;
        font-weight: 600;
        color: #fff;
        letter-spacing: 1px;
    }
}



/* 繰り返しフィールド */
.genre_block2 {
    margin-top: 1em;
}

.genre_block2 .col-md-4 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.genre_block2 .en {
    font-family: 小塚ゴシック Pro;
    font-size: 16pt;
    font-weight: 600;
    letter-spacing: -1px;
    padding-top: 20px;
    padding-left: 12px;
    padding-right: 12px;
}

.genre_block2 .kana {
    font-family: 小塚ゴシック Pro;
    font-size: 9pt;
    letter-spacing: 1px;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 20px;
}

.genre_block2 .txts {
    text-align: justify;
    text-justify: inter-ideograph;
    font-size: 11pt;
    line-height: 26px;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 6em;
}

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

/* リンクボタン */
.genre_block3 {
    margin-top: 3em;
    margin-bottom: 7em;
}

.genre_block3 a {
    border: solid 2px #000;
    padding: 40px 35px;
}

.genre_block3 a img {
    max-width: 75%;
}

.genre_block3 a:hover {
    box-shadow: 8px 8px 12px rgba(86, 86, 86, 0.3);
    transition-duration: .6s;
}

.genre_block3 .col-5 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

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


/* page-studio.php レンタルスタジオ ==========================================*/
.studio_block1 {
    text-align: center;
    margin-top: 10em;
}

.studio_block1 img {
    max-width: 30%;
    padding-bottom: 8em;
}

.studio_block1 p {
    font-size: 11pt;
    text-align: center;
    line-height: 26px;
    width: 70%;
    margin: 0 auto;
    padding-bottom: 1em;
}

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

/* スタジオ_大垣_left */
.studio_block2 {
    margin-top: 40pt;
    background: linear-gradient(130deg, rgb(83, 203, 236), rgb(156, 4, 211), rgb(254, 69, 180));
    padding: 30pt 20pt 20pt 20pt;
    text-align: center;
}

.studio_block2 img {
    max-width: 25%;
}

.studio_block4 .left {
    padding-left: 45px !important;
    padding-right: 10px !important;
}

.studio_block4 .right {
    padding-left: 10px !important;
    padding-right: 45px !important;
}

.studio_block4 .studio_oogaki2 {
    padding-top: 45pt;
    padding-bottom: 15pt;
    max-width: 85%;
}

.studio_block4 .left .txt {
    margin-bottom: 30pt;
    font-size: 11pt;
    line-height: 28px;
}

.aki_btn .left a {
    border: solid 1px #000;
    padding: 10pt 20pt;
    color: #000;
    margin-top: 20pt;
}

.aki_btn a:hover {
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
    transition-duration: .8s;
}

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

/* 地図 */
.studio_block4 iframe {
    margin-top: 25pt;
    padding-bottom: 30pt;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}

.studio_block4 iframe:hover {
    filter: grayscale(0%);
    transition: all 0.6s 0s ease;
    /*transitionの記述を追加*/
}

/* スタジオ_大垣・瑞穂_right */
.studio_block4 .right {
    margin-top: 55pt;
}

.studio_block4 .studio_mizuho2 {
    margin-top: 45pt;
    max-width: 95%;
}

.studio_block4 .right .border {
    padding: 35px 20px;
}

.studio_block4 .right ul {
    list-style: none;
    padding-left: 0;
}

.studio_block4 .right li {
    display: inline-block;
}

.bottom_border {
    text-align: center;
    margin: 0 auto;
    border-bottom: solid 1px #000;
    padding-top: 30px;
    padding-bottom: 30px;
}

.studio_block4 .bottom_border .aki_btn {
    margin-top: 20pt;
}

.studio_block4 .border .title {
    margin-top: 45pt;
}

.studio_block4 .right .txt2 {
    font-size: 10pt;
    padding-left: 10px;
    text-align: left;
}

.studio_block4 .right .txt3 {
    font-weight: 600;
    font-size: 11pt;
    width: 100px;
    text-align: left;
}

.studio_block4 .right .txt4 {
    width: 260px;
    text-align: left;
    font-size: 11pt;
}

.studio_block4 .right a {
    border: solid 1px #000;
    padding: 10px 25px;
    color: #000;
    margin-top: 30pt;
}

.studio_block5 {
    margin-top: 10em;
}

.studio_block6 {
    padding-bottom: 6em;
}

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

/* レンタルスタジオ利用までの流れ */
.studio_block8 {
    margin-top: 4em;
    background-color: #E6E6E6;
    text-align: center;
    padding-top: 6em;
    padding-bottom: 8em;
}

.studio_block8 .txt1 {
    font-family: 小塚ゴシック Pro;
    font-weight: 600;
    font-size: 22pt;
    padding-bottom: 10px;
}

.studio_block8 .col-4 {
    margin-top: 35pt;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.studio_block8 .box {
    border: solid 1px #000;
    text-align: center;
    background-color: #fff;
    height: 110%;
}

.studio_block8 .box .txt3 {
    padding-top: 30px;
    padding-bottom: 20px;
    font-size: 14pt;
    font-weight: 600;
}

.studio_block8 .box .txt4 {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 25px;
}

.studio_block8 .box a {
    border: solid 1px #000;
    padding: 10px 20px;
    color: #000;
    background-color: #fff
}

.studio_block8 .box a:hover {
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
    transition-duration: .8s;
}

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

/* スタジオ利用料金 */
.studio_block9 {
    padding-left: 3%;
    padding-right: 3%;
}

.studio_block9 .title p {
    text-align: center;
    margin-top: 6em;
    padding-bottom: 1em;
    font-size: 22pt;
    font-weight: 600;
    font-family: 小塚ゴシック Pro;
}

.studio_block9 table {
    width: 600px;
}

.studio_block9 table .kojin {
    background: linear-gradient(130deg, rgb(83, 203, 236), rgb(156, 4, 211), rgb(254, 69, 180));
    color: #fff;
    padding: 20px 35px;
    text-align: center;
    font-weight: 600;
    font-size: 13pt;
}

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

/* スタジオ利用のコンタクトフォーム */
.studio_block10 {
    background-image: url(img/studio_contactback.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 6em;
    text-align: center;
    padding-top: 8em;
    padding-bottom: 4em;
}

.studio_block10 img {
    max-width: 45%;
}

.studio_block10 p {
    color: #fff;
    padding-top: 50pt;
    width: 50%;
    margin: 0 auto;
    font-size: 11pt;
}

.studio_block11 {
    background-color: #000;
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 4em;
    color: #fff;
    padding-bottom: 6em;
}

.studio_block11 .row {
    margin-bottom: 25pt;
}

.studio_block11 .row .kome {
    color: #CDF118;
    font-size: 10pt;
    padding-top: 10px;
}

.studio_block11 .kiyaku {
    margin-top: 55pt;
    text-align: center;
}

.studio_block11 .kiyaku h3 {
    font-size: 15pt;
    font-weight: 600;
    padding-bottom: 5pt;
    color: #F000D2;
}

.studio_block11 .kiyaku p {
    font-size: 11pt;
    width: 92%;
    text-align: justify;
    text-justify: inter-ideograph;
    padding-bottom: 10pt;
    margin: 0 auto;
}

.studio_block11 .kiyaku label {
    text-align: center;
}

.studio_block11 .sousin p {
    text-align: center;
    font-size: 11pt;
}

.studio_block11 .sousin input[type=submit] {
    color: #fff;
    border-color: #F701E2;
    background-color: #F701E2;
    font-weight: 600;
    height: 55px;
    letter-spacing: 1px;
}

.studio_block11 .sousin input[type=submit]:hover {
    color: #000;
    border-color: #CDF118;
    background-color: #CDF118;
    transition-duration: .6s;
}

.studio_block11 .studio_block11 .wpcf7-response-output {
    border-color: #CDF118 !important;
    padding: 15px 20px !important;
    letter-spacing: 1px;
}

.studio_block12 hr {
    border: solid 1px #393939;
    width: 100%;
    background-color: #000;
    margin-top: 0;
    margin-bottom: 0;
}

.wpcf7-list-item {
    margin-left: 0;
    display: block;
}

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


/* page-price.php ==========================================*/
.price_block1 img {
    max-width: 100%;
    max-height: auto;
}

.price_block1 p.txt1 {
    text-align: justify;
    text-justify: inter-ideograph;
    width: 65%;
    margin: 0 auto;
    padding-top: 3em;
    padding-bottom: 3em;
    font-size: 14pt;
    letter-spacing: 1px;
    line-height: 36px;
}

@media screen and (max-width:767px) {
    .price_block1 p.txt1 {
        width: 80% !important;
        font-size: 11pt;
        line-height: 28px;
    }
}

/* 黒 */
.price_block2 p.txt1 {
    text-align: center;
    background-color: #151419;
    color: #fff;
    font-size: 16pt;
    font-weight: 600;
    letter-spacing: 5px;
    padding-top: 15pt;
    padding-bottom: 15pt;
}

@media screen and (max-width:767px) {
    .price_block2 {
        padding-left: 2% !important;
        padding-right: 2% !important;
    }

    .price_block2 p.txt1 {
        font-size: 13pt;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

/* 内容 */
.price_block3 .rine {
    border-bottom: dotted 1px #151419;
}

.price_block3 p.txt1 {
    color: #151419;
    font-size: 14pt;
    font-weight: 600;
    padding-top: 25pt;
    padding-bottom: 25pt;
    padding-left: 10%;
}

.price_block3 p.txt2 {
    color: #151419;
    font-size: 14pt;
    font-weight: 600;
    padding-top: 25pt;
    padding-bottom: 25pt;
    padding-left: 10%;
}

.price_block3 p.txt2 span.en {
    font-size: 9pt;
}

.price_block3 p.txt2 span.class {
    font-size: 9pt;
    font-weight: 300;
    padding-right: 10pt;
}

.price_block3 p.ten {
    font-size: 9pt;
    font-weight: 300;
    padding-left: 10%;
}

.price_block3 p.ten2 {
    padding-bottom: 25pt;
}

@media screen and (max-width:767px) {
    .price_block3 {
        padding-left: 3% !important;
        padding-right: 3% !important;
    }

    .price_block3 p.txt2 span.class {
        display: block;
        padding-right: 0;
    }

    .price_block3 p.ten {
        font-size: 10pt;
        padding-left: 4%;
        padding-bottom: 5px;
    }

    .price_block3 p.ten2 {
        padding-bottom: 25px;
    }
}

/* Instagram */
.price_block4 {
    margin-top: 6em;
    margin-bottom: 5em;
}

.price_block4 #sb_instagram #sbi_images {
    height: 370px !important;
    border: 1px solid #fff !important;
    background-color: #fff !important;
    overflow: scroll;
}

.price_block4 #sb_instagram .sb_instagram_header .sbi_header_text.sbi_no_bio h3 {
    color: #151419 !important;
}

@media screen and (max-width:767px) {
    .price_block4 {
        margin-top: 30px;
        margin-bottom: 45px;
    }
}



/* archive-instructor.php インストラクター ==========================================*/
.instructor_block1 {
    text-align: center;
    margin-top: 10em;
}

.instructor_block1 img {
    max-width: 30%;
    padding-bottom: 6em;
}

@media screen and (max-width:767px) {
    .instructor_block1 {
        margin-top: 40px;
    }

    .instructor_block1 img {
        max-width: 75%;
        padding-bottom: 45px;
    }
}

/* アンカーボタン */
.instructor_block2 {
    margin-top: 40pt;
    text-align: center;
}

.instructor_block2 img:hover {
    transform: translateY(-10px);
    transition-duration: .6s;
}

@media screen and (max-width:767px) {
    .instructor_block2 {
        margin-top: 0;
    }

    .instructor_block2 img {
        max-width: 80%;
        margin-bottom: 10px;
    }

}

/* スタジオ */
.instructor_block6 .left {
    padding-bottom: 0 !important;
}

.about_block5 .left a {
    width: 60%;
}

.instructor_block6 .right {
    padding-bottom: 0 !important;
}

.about_block5 .right a {
    width: 60%;
}

@media screen and (max-width:767px) {
    .instructor_block6 {
        margin-top: 55px;
    }

    .about_block5 .left a {
        width: 90%;
    }

    .about_block5 .right a {
        width: 90%;
    }
}

/* インストラクター募集中 */
.instructor_block3 {
    margin-top: 8em;
    background-color: #000;
    text-align: center;
    color: #fff;
    padding-top: 5em;
    padding-bottom: 2em;
}

.instructor_block3 p.txt1 {
    letter-spacing: 1px;
}

.instructor_block3 h3 {
    font-size: 26pt;
    font-weight: 600;
    letter-spacing: 1px;
    padding-top: 10px;
    padding-bottom: 30px;
}

.instructor_block3 p.txt2 {
    text-align: justify;
    text-justify: inter-ideograph;
    width: 55%;
    margin: 0 auto;
    border: solid 1px #fff;
    padding: 35px 25px;
}

.instructor_block3 img {
    position: absolute;
    left: 25px;
    top: -9em;
    max-width: 150px;
}

.instructor_block4 {
    background-color: #000;
    padding-top: 4em;
    text-align: center;
}

.instructor_block4 .recruit_txt1 {
    max-width: 260px;
    margin-bottom: 15pt;
}

.instructor_block5 {
    background-image: url(img/recruit_img1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 500px;
    color: #fff;
    padding-top: 35pt;
}

.instructor_block5 p.txt1 {
    text-align: justify;
    text-justify: inter-ideograph;
    line-height: 36px;
}

.instructor_block5 p.txt2 {
    text-align: left;
    font-weight: 600;
    padding-top: 20pt;
    padding-bottom: 10px;
}

.instructor_block5 p.txt3 {
    padding-top: 10em;
}

@media screen and (max-width:767px) {
    .instructor_block3 {
        margin-top: 55px;
    }

    .instructor_block3 img {
        position: absolute;
        left: 15px;
        top: -9em;
        max-width: 85px;
    }

    .instructor_block3 p.txt1 {
        font-size: 10pt !important;
        width: 85%;
        margin: 0 auto;
    }

    .instructor_block3 h3 {
        font-size: 16pt;
        margin-bottom: 0;
        width: 90%;
        margin: 0 auto;
    }

    .instructor_block3 p.txt2 {
        line-height: 26px;
        font-size: 10pt;
        width: 90%;
        padding: 30px 15px;
    }

    .instructor_block4 {
        padding-top: 20px;
    }

    .instructor_block5 {
        padding-top: 0;
    }

    .instructor_block5 p.txt3 {
        font-size: 11pt;
        font-weight: 600;
    }

    .instructor_block5 p.txt1 {
        font-size: 10pt;
        font-weight: 300;
        line-height: 26px;
        padding-right: 15px;
        padding-bottom: 20px;
    }

    .instructor_block5 p.txt2 {
        font-size: 10pt;
        padding-top: 15pt;
        padding-bottom: 0;
    }
}

/* スタジオ利用のコンタクトフォーム */
.instructor_block10 {
    padding-top: 8em;
    padding-bottom: 4em;
    background-color: #000;
    text-align: center;
}

.instructor_block10 img.entryform_title1 {
    max-width: 260px;
}

.instructor_block11 {
    background-color: #000;
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 4em;
    color: #fff;
    padding-bottom: 6em;
}

.instructor_block11 .row {
    margin-bottom: 25pt;
}

.instructor_block11 .row .kome {
    color: #CDF118;
    font-size: 10pt;
    padding-top: 10px;
}

.instructor_block11 .kiyaku label {
    text-align: center;
}

.instructor_block11 .sousin p {
    text-align: center;
    font-size: 11pt;
}

.instructor_block11 .sousin input[type=submit] {
    margin-top: 30pt;
    color: #fff;
    border-color: #F701E2;
    background-color: #F701E2;
    font-weight: 600;
    height: 55px;
    letter-spacing: 1px;
}

.instructor_block11 .sousin input[type=submit]:hover {
    color: #000;
    border-color: #CDF118;
    background-color: #CDF118;
    transition-duration: .6s;
}

.instructor_block11 .studio_block11 .wpcf7-response-output {
    border-color: #CDF118 !important;
    padding: 15px 20px !important;
    letter-spacing: 1px;
}

.instructor_block12 hr {
    border: solid 1px #393939;
    width: 100%;
    background-color: #000;
    margin-top: 0;
    margin-bottom: 0;
}

.wpcf7-response-output {
    border-color: #CDF118 !important;
    font-size: 11pt !important;
    border-radius: 5px;
    padding: 10px 8px !important;
}

@media screen and (max-width:767px) {
    .instructor_block10 {
        padding-top: 100px;
        padding-bottom: 0;
    }

    .instructor_block10 img.entryform_title1 {
        max-width: 180px;
    }

    .instructor_block11 {
        padding-top: 25px;
        padding-left: 5%;
        padding-right: 5%;
        padding-bottom: 30px;
    }

    .instructor_block11 p {
        font-size: 10pt;
        padding-right: 8px;
    }

    .sousin p {
        padding-right: 0;
    }

    .instructor_block11 .sousin input[type=submit] {
        margin-top: 10px;
    }
}



/* page-flashmob.php ==========================================*/
.flashmob_block1 {
    background-image: url(img/haikei_flashmob.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    text-align: center;
}

.flashmob_block1 img {
    max-width: 25%;
    padding-top: 8em;
    padding-bottom: 8em;
}

@media screen and (max-width:767px) {
    .flashmob_block1 img {
        max-width: 55%;
    }
}

/* 動画 */
.flashmob_block2 {
    text-align: center;
}

.flashmob_block2 p.txt1 {
    width: 65%;
    margin: 45pt auto 0 auto;
    font-size: 12pt;
    line-height: 30px;
}

.flashmob_block2 iframe {
    margin: 6em auto 5pt auto !important;
    z-index: 20 !important;
}

.flashmob_block2 p.txt2 {
    padding-bottom: 1em;
}

.flashmob_block2 .flashmob_img1 {
    position: absolute;
    left: 0;
    bottom: -55pt;
    max-width: 18%;
    z-index: -1;
}

.flashmob_block2 .flashmob_img2 {
    position: absolute;
    right: 0;
    bottom: 40pt;
    max-width: 18%;
    z-index: -1;
}

.flashmob_block2 .flashmob_img3 {
    position: absolute;
    left: 100pt;
    bottom: -45pt;
    max-width: 160px;
    z-index: 2;
}

@media screen and (max-width:767px) {
    .flashmob_block2 p.txt1 {
        width: 70%;
        margin: 35px auto 0 auto;
        font-size: 11pt;
        line-height: 30px;
        text-align: justify;
        text-justify: inter-ideograph;
    }

    .flashmob_block2 iframe {
        margin: 35px auto 0 auto;
        max-width: 80%;
        max-height: auto;
        text-align: center;
        z-index: 10 !important;
    }

    .flashmob_block2 p.txt2 {
        padding-top: 10px;
        font-size: 11pt;
    }

    .flashmob_block2 .flashmob_img1 {
        position: absolute;
        bottom: -15px;
        z-index: -1;
    }

    .flashmob_block2 .flashmob_img2 {
        position: absolute;
        right: 0;
        bottom: 120px;
        z-index: -1;
    }

    .flashmob_block2 .flashmob_img3 {
        position: absolute;
        left: 20px;
        bottom: -28pt;
        max-width: 100px;
    }
}

.flashmob_block3 {
    padding-left: 10%;
    padding-right: 10%;
    margin-top: 6em;
    margin-bottom: 6em;
}

.flashmob_block3 .col-md-4 {
    padding-left: 5pt !important;
    padding-right: 5pt !important;
}

.flashmob_block3 p {
    font-size: 11pt;
    text-align: justify;
    text-justify: inter-ideograph;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
}

@media screen and (max-width:767px) {
    .flashmob_block3 {
        margin-bottom: 30px;
        text-align: center;
    }

    .flashmob_block3 img {
        max-width: 150px;
    }

    .flashmob_block3 p {
        font-size: 11pt;
        line-height: 24px;
        padding-bottom: 30px;
    }
}

/* フラッシュモブ申込後の流れ */
.flashmob_block4 {
    text-align: center;
    background-color: #EDEBE4;
    padding: 8em 10%;
}

.flashmob_block4 img.flashmob_title2 {
    max-width: 55%;
}

@media screen and (max-width:767px) {
    .flashmob_block4 {
        padding: 65px 5% 45px 5%;
    }

    .flashmob_block4 img.flashmob_title2 {
        max-width: 95%;
    }
}

.flashmob_block5 {
    padding-top: 6em;
}

.flashmob_block6 {
    padding-top: 4em;
}

.flashmob_block5 .col-md-4,
.flashmob_block6 .col-md-4 {
    padding-left: 10pt !important;
    padding-right: 10pt !important;
}

.flashmob_block5 .col-md-4 h3,
.flashmob_block6 .col-md-4 h3 {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-weight: 600;
    font-size: 14pt;
    padding-top: 15px;
    padding-bottom: 10px;
}

.flashmob_block5 .col-md-4 p,
.flashmob_block6 .col-md-4 p {
    text-align: justify;
    text-justify: inter-ideograph;
    font-size: 11pt;
    line-height: 24px;
    padding-left: 10px;
    padding-right: 10px;
}

.flashmob_block6 .flashmob_flow6 {
    position: absolute;
    right: 12pt;
    bottom: -10pt;
}

@media screen and (max-width:767px) {
    .flashmob_block5 {
        padding-top: 65px;
    }

    .flashmob_block5 .col-md-4 img,
    .flashmob_block6 .col-md-4 img {
        max-width: 200px;
    }

    .flashmob_block5 .col-md-4 h3,
    .flashmob_block6 .col-md-4 h3 {
        font-size: 14pt;
        padding-top: 0;
        padding-bottom: 5px;
    }

    .flashmob_block5 .col-md-4 p,
    .flashmob_block6 .col-md-4 p {
        text-align: justify;
        text-justify: inter-ideograph;
        font-size: 11pt;
        line-height: 24px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 65px;
    }

    .flashmob_block6 .flashmob_flow6 {
        position: absolute;
        right: 5px;
        bottom: -10pt;
        max-width: 125px;
    }
}

/* フラッシュモブミュージック */
.flashmob_block7 {
    margin-top: 8em;
    text-align: center;
}

.flashmob_block7 img {
    max-width: 50%;
}

.flashmob_block7 p {
    padding-top: 4em;
    padding-bottom: 2em;
    width: 50%;
    margin: 0 auto;
}

@media screen and (max-width:767px) {
    .flashmob_block7 {
        margin-top: 60px;
    }

    .flashmob_block7 img {
        max-width: 80%;
        padding-top: 25px;
    }

    .flashmob_block7 p {
        padding-top: 30px;
        padding-bottom: 30px;
        width: 75%;
        font-size: 11pt;
        line-height: 24px;
        text-align: justify;
        text-justify: inter-ideograph;
        margin: 0 auto;
    }
}

.flashmob_block8 ul {
    list-style: none;
    padding-left: 0;
    border-bottom: dotted 1px #000;
    width: 70%;
    margin: 0 auto;
    padding-top: 40px;
}

.flashmob_block8 li {
    display: inline-block;
}

.flashmob_block8 img {
    padding-right: 10px;
    padding-bottom: 5px;
}

.flashmob_block8 ul {
    padding-left: 5%;
    padding-right: 5%;
}

.flashmob_block8 ul .title {
    width: 280px;
}

.flashmob_block8 p {
    text-align: center;
    padding-top: 20px;
    font-size: 11pt;
    padding-bottom: 8em;
}

@media screen and (max-width:767px) {
    .flashmob_block8 {
        margin: 0 auto !important;
        padding-top: 0;
        padding-bottom: 30px;
    }

    .flashmob_block8 ul {
        list-style: none;
        padding-top: 10px;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 15px;
        border-bottom: dotted 1px #000;
    }

    .flashmob_block8 li {
        display: inline-block;
        padding-left: 10px;
    }

    .flashmob_block8 a {
        text-align: center;
    }

    .flashmob_block8 p {
        text-align: justify;
        text-justify: inter-ideograph;
        line-height: 24px;
        width: 70%;
        padding-top: 40px;
        margin: 0 auto;
        padding-bottom: 45px;
    }
}

/* フラッシュモブ料金プラン */
.flashmob_block9 {
    margin-top: 8em;
    background-color: #E3E5E9;
    padding-top: 8em;
}

.flashmob_block9 img {
    text-align: center;
    margin: 0 auto !important;
    max-width: 300px;
    margin-bottom: 35px !important;
}

.flashmob_block9 .title {
    text-align: center !important;
}

.flashmob_block9 .title img {
    display: block;
}

.flashmob_block9 .flashmob_money1 {
    margin-top: 11em;
}

.flashmob_block9 .title img.flashmob_title4 {
    max-width: 50%;
    padding-bottom: 6em;
    text-align: center;
}

.flashmob_block9 .flashmob_flower1 {
    position: absolute;
    top: -14em;
    left: 0;
    max-width: 25%;
}

@media screen and (max-width:767px) {
    .flashmob_block9 {
        margin-top: 30px;
        padding-top: 80px;
    }

    .flashmob_block9 img {
        margin: 0 auto 55px auto;
    }

    .flashmob_block9 .title .flashmob_title4 {
        max-width: 70% !important;
        padding-bottom: 0 !important;
    }

    .flashmob_block9 .flashmob_flower1 {
        position: absolute;
        top: -8em;
        left: 0;
        max-width: 35%;
    }
}

.flashmob_block10 {
    padding-top: 45pt;
    background-color: #E3E5E9;
}

.flashmob_block10 .option ul {
    width: 70%;
    margin: 0 auto;
}

.flashmob_block10 ul {
    text-align: left;
    list-style: none;
    padding-left: 0;
    border-bottom: dotted 1px #000;
    margin: 0 auto !important;
    padding-top: 40px;
}

.flashmob_block10 li {
    display: inline-block;
    font-size: 13pt;
    padding-left: 8%;
    padding-right: 5%;
}

.flashmob_block10 li.sub_service {
    width: 38%;
    font-weight: 600;
}

.flashmob_block10 .tyuui {
    padding-top: 3em;
    padding-left: 15%;
    padding-right: 15%;
    text-align: justify;
    text-justify: inter-ideograph;
    margin: 0 auto !important;
    font-weight: 600;
    font-size: 11pt;
}

.flashmob_block10 .txt {
    padding: 3px 15% 7em 15%;
    line-height: 28px;
    font-size: 11pt;
}

.flashmob_block10 .flashmob_flower2 {
    position: absolute;
    bottom: -45pt;
    right: 0;
    max-width: 40%;
}

@media screen and (max-width:767px) {
    .flashmob_block10 {
        padding-top: 10px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .flashmob_block10 .option ul {
        width: 100%;
    }

    .flashmob_block10 li {
        font-size: 11pt;
        padding-left: 5%;
    }

    .flashmob_block10 ul {
        text-align: left;
        list-style: none;
        padding-left: 0;
        border-bottom: dotted 1px #000;
        margin: 0 auto !important;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .flashmob_block10 li.sub_service {
        padding-right: 0 !important;
        font-size: 11pt;
    }

    .flashmob_block10 .tyuui {
        padding-left: 5%;
        padding-right: 5%;
        font-size: 11pt;
    }

    .flashmob_block10 .txt {
        padding: 3px 5% 65px 5%;
        line-height: 30px;
        font-size: 11pt;
        text-align: justify;
        text-justify: inter-ideograph;
    }

    .flashmob_block10 .flashmob_flower2 {
        position: absolute;
        bottom: -25pt;
        right: -20px !important;
        max-width: 60%;
    }
}

/* お問い合わせ */
.flashmob_block11 {
    margin-top: 8em;
}

.flashmob_block11 .title {
    text-align: center !important;
}

.flashmob_block11 img {
    margin-bottom: 55pt;
    max-width: 250px;
    text-align: center;
}

@media screen and (max-width:767px) {
    .flashmob_block11 {
        margin-top: 70px;
    }

    .flashmob_block11 img {
        max-width: 160px;
    }
}

.flashmob_block12 .col-md-4,
.flashmob_block12 .col-md-8 {
    text-align: center;
}

.flashmob_block12 img {
    max-width: 80%;
}

.flashmob_block12 img:hover {
    transform: translateY(-13px);
    transition-duration: .6s;
}

@media screen and (max-width:767px) {
    .flashmob_block12 img {
        max-width: 75%;
        margin-bottom: 35px;
    }
}

/* フォーム */
.flashmob_block13 {
    text-align: center;
    padding-bottom: 8em;
}

.flashmob_block13 hr {
    margin-top: 55pt;
    padding-bottom: 45pt;
}

.flashmob_block13 p.txt1 {
    padding-bottom: 70px;
}

.flashmob_block13 form .row {
    padding-bottom: 40px;
}

.flashmob_block13 form .row .col-md-4 {
    text-align: left;
}

@media screen and (max-width:767px) {
    .flashmob_block13 {
        padding-bottom: 35px;
    }

    .flashmob_block13 hr {
        margin-top: 35px;
        padding-bottom: 30px;
        width: 90%;
    }

    .flashmob_block13 p.txt1 {
        text-align: justify;
        text-justify: inter-ideograph;
        width: 80%;
        font-size: 11pt;
        line-height: 24px;
        margin: 0 auto;
    }
}

.flashmob_block13 form .row .wpcf7-list-item {
    /* チェックボックス */
    display: block;
    text-align: left;
    padding-bottom: 5px;
}

.flashmob_block13 form .row p.music {
    padding-bottom: 10px;
}

.flashmob_block13 form .row p {
    text-align: left;
}

.flashmob_block13 form .txtarea p {
    padding-bottom: 5px;
}

.flashmob_block13 .wpcf7 input[type=submit] {
    color: #fff;
    border-color: #F0547F;
    background-color: #F0547F;
    font-weight: 600;
    height: 55px;
    letter-spacing: 1px;
}

.flashmob_block13 .wpcf7 input[type=submit]:hover {
    color: #000;
    border-color: #CDF118;
    background-color: #CDF118;
    transition-duration: .6s;
}

.flashmob_block13 .wpcf7-response-output {
    border-color: #CDF118 !important;
    padding: 15px 20px !important;
    letter-spacing: 1px;
}

.flashmob_block13 .btntxt p {
    text-align: center !important;
}

@media screen and (max-width:767px) {
    .flashmob_block13 .wpcf7 {
        padding-left: 10% !important;
        padding-right: 10% !important;
    }

    .flashmob_block13 p,
    .flashmob_block13 .wpcf7 input[type=text],
    .flashmob_block13 .wpcf7 input[type=date] {
        font-size: 10pt;
        letter-spacing: 2px;
        padding-left: 10px;
    }

    .flashmob_block13 form .row .wpcf7-list-item {
        margin-top: 15px;
    }
}

/* page-web.php ==========================================*/
.web_block1 {
    text-align: center;
    margin-top: 8em;
}

.web_block1 img {
    max-width: 45%;
    padding-bottom: 7em;
}

@media screen and (max-width:767px) {
    .web_block1 {
        margin-top: 65px;
    }

    .web_block1 img {
        max-width: 80%;
        padding-bottom: 65px;
    }
}

/* ボタン */
.web_block2 {
    text-align: center;
    background-color: #E6E6E6;
    padding-top: 50pt;
    padding-bottom: 45pt;
}

.web_block2 p {
    text-align: justify;
    text-justify: inter-ideograph;
    width: 60%;
    margin: 0 auto;
    font-size: 11pt;
    line-height: 26px;
    padding-bottom: 20pt;
}

.web_block2 img {
    padding-left: 30px;
    padding-right: 30px;
}

.web_block2 img:hover {
    transform: translateY(-10px);
    transition-duration: .5s;
}

@media screen and (max-width:767px) {
    .web_block2 {
        padding-top: 45px;
        padding-bottom: 35px;
    }

    .web_block2 p {
        width: 75%;
        font-size: 11pt;
        line-height: 30px;
        padding-bottom: 35px;
    }

    .web_block2 img {
        padding-left: 10%;
        padding-right: 10%;
        margin-bottom: 25px;
    }
}

/* フォーム */
.web_block3 {
    margin-top: 6em;
    padding-bottom: 8em;
}

.web_block3 p.txt1 {
    text-align: center;
    line-height: 26px;
    padding-bottom: 6em;
}

.web_block3 form .row {
    padding-bottom: 40px;
}

.web_block3 form .row .txt p {
    text-align: center;
}

.web_block3 .wpcf7 input[type=submit] {
    color: #fff;
    border-color: #F000D2;
    background-color: #F000D2;
    font-weight: 600;
    height: 55px;
    letter-spacing: 1px;
}

.web_block3 .wpcf7 input[type=submit]:hover {
    color: #000;
    border-color: #CDF118;
    background-color: #CDF118;
    transition-duration: .6s;
}

.web_block3 .wpcf7-response-output {
    border-color: #CDF118 !important;
    padding: 15px 20px !important;
    letter-spacing: 1px;
}

@media screen and (max-width:767px) {
    .web_block3 {
        margin-top: 55px;
        padding-bottom: 15px;
    }

    .web_block3 p.txt1 {
        text-align: justify;
        text-justify: inter-ideograph;
        width: 75%;
        font-size: 11pt;
        line-height: 30px;
        margin: 0 auto;
        padding-bottom: 60px;
    }

    .web_block3 .wpcf7 {
        padding-left: 10%;
        padding-right: 10%;
        font-size: 10pt;
    }

    .web_block3 .wpcf7 .col-4 p {
        padding-right: 10px;
        text-align: justify;
        text-justify: inter-ideograph;
    }
}

/* page-rental.php ==========================================*/
.rental_block1 {
    text-align: center;
}

.rental_block1 img {
    max-width: 35%;
    padding-top: 8em;
    padding-bottom: 6em;
}

.rental_block1 p {
    text-align: justify;
    text-justify: inter-ideograph;
    width: 65%;
    margin: 20pt auto 0 auto;
    padding-bottom: 20pt;
}

@media screen and (max-width:767px) {
    .rental_block1 img {
        max-width: 230px;
        padding-top: 3em;
        padding-bottom: 3em;
    }

    .rental_block1 p {
        width: 80%;
        font-size: 11pt;
        list-style: 30px;
        line-height: 28px;
        margin: 20px auto 0 auto;
    }
}

/* 画像 */
.rental_block2 {
    padding-left: 10%;
    padding-right: 10%;
    margin-top: 2em;
    padding-bottom: 4em;
}

.rental_block2 .col-md-6 {
    padding-left: 10px !important;
    padding-right: 10px !important;
    text-align: center;
}

.rental_block2 p {
    padding-top: 10px;
    font-weight: 600;
    letter-spacing: 1px;
}

@media screen and (max-width:767px) {
    .rental_block2 {
        padding-left: 5%;
        padding-right: 5%;
        margin-top: 25px;
    }

    .rental_block2 .col-md-6 {
        text-align: center;
    }

    .rental_block2 p.txt1 {
        font-size: 10pt;
        padding-top: 5px;
        padding-bottom: 20px;
    }

    .rental_block2 p.txt2 {
        font-size: 10pt;
        padding-top: 5px;
        padding-bottom: 10px;
    }

}

/* 大垣校　文字 */
.rental_block3 {
    margin-top: 5em;
    background: linear-gradient(130deg, rgb(83, 203, 236), rgb(156, 4, 211), rgb(254, 69, 180));
    text-align: center;
    padding-top: 0;
    padding-bottom: 25pt;
}

.rental_block3 img {
    margin-top: 65px;
    max-width: 65%;
}

@media screen and (max-width:767px) {
    .rental_block3 {
        margin-top: 0;
        padding-top: 25pt;
        padding-bottom: 15pt;
    }

    .rental_block3 img {
        max-width: 65%;
    }

    .rental_txt1 {
        margin-top: 0 !important;
    }

    .rental_txt2 {
        margin-top: 0 !important;
    }
}

/* 大垣校　詳細 */
.rental_block4 ul {
    list-style: none;
    padding-left: 0;
}

.rental_block4 li {
    display: inline-block;
}

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

/* left */
.rental_block4 .left {
    padding-left: 10% !important;
}

.rental_block4 .left img {
    margin-top: 4em;
}

.rental_block4 .left ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.rental_block4 .left ul.second {
    margin-top: 13pt;
    margin-bottom: 22pt;
}

.rental_block4 .left li {
    display: inline-block;
    background-color: #000;
    color: #fff;
    padding: 5px 20px;
}

.rental_block4 .left .link {
    margin-top: 1em !important;
}

.rental_block4 .left .link {
    border: solid 1px #000;
    padding: 10px 65pt;
    font-size: 10pt;
    letter-spacing: 1px;
    color: #000;
}

.rental_block4 .left .link:hover {
    border: solid 1px #CDF118;
    background-color: #CDF118;
    color: #000;
    transition-duration: .5s;
}

.rental_block4 .left button {
    background-color: #fff;
}

.rental_block4 .left iframe {
    margin-top: 3em;
}

.rental_block4 .popup-content {
    /* ポップアップ */
    background-color: #fff;
    padding: 20px;
    max-width: 500px;
    z-index: 2;
    text-align: center;
    font-size: 10pt;
    margin: 0 auto !important;
    width: 350px;
    height: 400px;
}

@media screen and (max-width:767px) {
    .rental_block4 .left img {
        margin-top: 35px;
        margin-bottom: 10px;
        max-width: 35%;
    }

    .rental_block4 .left {
        padding-left: 5% !important;
        padding-right: 5% !important;
    }

    .rental_block4 .left li {
        font-size: 10pt;
        font-weight: 600;
        letter-spacing: 1px;
        padding: 5px 20px;
        margin-bottom: 10px;
    }

    .rental_block4 .left ul.second {
        margin-top: 0;
        margin-bottom: 0;
    }

    .rental_block4 .left iframe {
        margin-top: 15px;
    }
}

/* right */
.rental_block4 .right {
    padding-left: 20pt !important;
    padding-right: 20pt !important;
}

.rental_block4 .right .box {
    margin-top: 5em;
    border: solid 1px #000;
    padding: 30pt 20pt 30pt 20pt;
}

.rental_block4 .right .box img {
    margin-bottom: 10pt;
}

.rental_block4 .right .rental_subtitle2,
.rental_block4 .right .rental_subtitle3 {
    padding-top: 45pt;
}

.rental_block4 .right table {
    font-size: 11pt;
}

.rental_block4 .right table th {
    padding-right: 20px;
}

.rental_block4 .right table tr {
    border-bottom: solid 1px #AFAFAF;
    height: 70px;
}

.rental_block4 .right table th {
    padding-left: 10px;
}

@media screen and (max-width:767px) {
    .rental_block4 .right {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .rental_block4 .right table tr {
        height: 100px;
    }

    .rental_block4 .right .box {
        margin-top: 35px;
        padding: 20px 5px 20px 5px;
    }

    .rental_block4 .right table {
        font-size: 10pt;
    }

    .rental_block4 .right .rental_subtitle2,
    .rental_block4 .right .rental_subtitle3 {
        padding-top: 25px;
        padding-bottom: 0;
    }
}

/* 画像スライダー */
.rental_block5 {
    margin-top: 2em;
}

.rental_block5 p {
    padding-top: 30px;
    padding-left: 15%;
    font-weight: 600;
}

.slider2 {
    padding-top: 15px;
    display: flex;
    margin: 0 calc(50% - 50vw);
    width: 100%;
    height: 230px;
    overflow: hidden;
}

.slider2 ul {
    display: flex;
    padding: 0;
    margin: 0;
}

.slider2 li {
    width: 280px;
    list-style: none;
    padding-right: 10px;
}

.slider2 ul:first-child {
    animation: slide1 150s -75s linear infinite;
}

.slider2 ul:last-child {
    animation: slide2 150s linear infinite;
}

@media screen and (max-width:767px) {
    .rental_block5 p {
        padding-top: 5px;
        padding-left: 10px;
        font-size: 11pt;
    }

    .slider2 {
        padding-top: 5px;
        height: 180px;
    }
}

/* レンタルスタジオ利用までの流れ */
.rental_block6 {
    margin-top: 4em;
    padding: 6em 10%;
    background-color: #E6E6E6;
}

.rental_block6 h3,
.rental_block6 .txt1 {
    text-align: center;
}

.rental_block6 h3 {
    font-weight: 600;
}

.rental_block6 .col-md-4 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.rental_block6 .col-md-4 .box {
    border: solid 1px #000;
    background-color: #fff;
    text-align: center;
    height: 480px;
    padding-bottom: 20pt;
}


@media screen and (max-width:767px) {
    .rental_block6 {
        margin-top: 2em;
        padding: 3em 5%;
    }

    .rental_block6 h3 {
        line-height: 30px;
        font-size: 14pt;
    }

    .rental_block6 .txt1 {
        font-size: 10pt;
        text-align: center;
    }
}

.rental_block7 {
    margin-top: 40pt;
}

.rental_block6 .col-md-4 .txt2 {
    padding-top: 25pt;
    font-size: 14pt;
    font-weight: 600;
}

.rental_block6 .col-md-4 .txt3 {
    padding-top: 10pt;
    font-size: 11pt;
    padding-bottom: 20pt;
    padding-left: 15px;
    padding-right: 15px;
}

.rental_block6 .col-md-4 .box {
    margin-bottom: 20px;
    height: 430px;
}

.rental_block6 .col-md-4 .box a {
    color: #fff;
    font-size: 11pt;
    border: solid 1px #000;
    background-color: #000;
    padding: 10px 35px;
}

.rental_block6 .col-md-4 .box a.yoyaku {
    color: #000;
    background-color: #fff;
    font-size: 11pt;
    border: solid 1px #000;
    padding: 10px 35px;
}

.rental_block6 .col-md-4 .box a.akijikan:hover,
.rental_block6 .col-md-4 .box a.yoyaku:hover {
    color: #000;
    border: solid 1px #CDF118;
    background-color: #CDF118;
    transition-duration: .6s;
}

@media screen and (max-width:767px) {
    .rental_block7 {
        margin-top: 25px;
    }

    .rental_block6 .col-md-4 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .rental_block6 .col-md-4 .box {
        height: 360px;
    }

    .rental_block6 .col-md-4 .txt2 {
        padding-top: 20px;
        font-size: 14pt;
    }

    .rental_block6 .col-md-4 .txt3 {
        text-align: justify;
        text-justify: inter-ideograph;
        width: 90%;
        margin: 0 auto;
        padding-bottom: 15px;
    }
}

/* スタジオ利用料金 */
.rental_block8 {
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 8em;
    margin-top: 10em;
    text-align: center;
}

.rental_block8 img {
    text-align: center;
    margin: 0 auto;
}

.rental_block8 p {
    font-size: 22pt;
    font-weight: 600;
    padding-bottom: 2em;
}

@media screen and (max-width:767px) {
    .rental_block8 {
        margin-top: 70px;
        padding-bottom: 65px;
    }

    .rental_block8 p {
        font-size: 20pt;
    }

    .rental_block8 img.rental_img2 {
        padding-top: 55px !important;
    }
}

/* レンタルスタジオ お問い合わせ */
.rental_block9 {
    background-image: url(img/studio_contactback.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    color: #fff;
    text-align: center;
    padding-top: 10em;
}

.rental_block9 p {
    font-size: 13pt;
    text-align: justify;
    text-justify: inter-ideograph;
    width: 60%;
    margin: 0 auto;
    padding-top: 4em;
    padding-bottom: 4em;
}

.rental_block9 ul {
    list-style: none;
    padding-left: 0;
}

.rental_block9 li {
    display: inline-block;
    padding-left: 10pt;
    padding-right: 10pt;
    padding-bottom: 8em;
}

.rental_block9 a:hover {
    opacity: 0.6;
    transition-duration: .6s;
}

@media screen and (max-width:767px) {
    .rental_block9 {
        padding-top: 65px;
    }

    .rental_block9 img.studio_title1 {
        max-width: 70%;
    }

    .rental_block9 p {
        font-size: 10pt;
        line-height: 28px;
        width: 90%;
        padding-top: 30px;
        padding-bottom: 20px;
    }

    .rental_block9 li {
        padding-bottom: 30px;
    }

    .rental_block9 ul {
        margin-bottom: 0;
    }
}

/* フォーム */
.rental_block10 {
    background-color: #000;
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 4em;
    color: #fff;
    padding-bottom: 6em;
}

.rental_block10 .row {
    margin-bottom: 25pt;
}

.rental_block10 .row .kome {
    color: #CDF118;
    font-size: 10pt;
    padding-top: 10px;
}

.rental_block10 .kiyaku {
    margin-top: 55pt;
    text-align: center;
}

.rental_block10 .kiyaku h3 {
    font-size: 15pt;
    font-weight: 600;
    padding-bottom: 5pt;
    color: #F000D2;
}

.rental_block10 .kiyaku p {
    font-size: 11pt;
    width: 92%;
    text-align: justify;
    text-justify: inter-ideograph;
    padding-bottom: 10pt;
    margin: 0 auto;
}

.rental_block10 .kiyaku label {
    text-align: center;
}

.rental_block10 .sousin p {
    text-align: center;
    font-size: 11pt;
}

.rental_block10 .sousin input[type=submit] {
    color: #fff;
    border-color: #F701E2;
    background-color: #F701E2;
    font-weight: 600;
    height: 55px;
    letter-spacing: 1px;
}

.rental_block10 .sousin input[type=submit]:hover {
    color: #000;
    border-color: #CDF118;
    background-color: #CDF118;
    transition-duration: .6s;
}

.rental_block10 .wpcf7-response-output {
    border-color: #CDF118 !important;
    padding: 15px 20px !important;
    letter-spacing: 1px;
}

.rental_block10 hr {
    border: solid 1px #393939;
    width: 100%;
    background-color: #000;
    margin-top: 0;
    margin-bottom: 0;
}

.rental_block10 .wpcf7-list-item {
    margin-left: 0;
    display: block;
}

@media screen and (max-width:767px) {
    .rental_block10 {
        padding-left: 5%;
        padding-right: 5%;
        padding-bottom: 30px;
        font-size: 10pt;
    }

    .rental_block10 .col-4 p {
        padding-right: 10px;
    }

    .rental_block10 .sousin input[type=submit] {
        font-size: 10pt;
    }

    .rental_block10 .kiyaku {
        margin-bottom: 0;
    }

    .rental_block10 .kiyaku h3 {
        font-size: 13pt;
    }

    .rental_block10 .kiyaku p {
        font-size: 10pt;
        line-height: 28px;
        width: 90%;
    }

    .rental_block10 .sousin p {
        font-size: 10pt;
    }
}




/* page-kids.php ==========================================*/
.kids_block1 {
    margin-top: 55pt;
}

@media screen and (max-width:767px) {
    .kids_block1 {
        margin-top: -50pt !important;
    }
}



/* page-contact.php ==========================================*/
.contact_block1 {
    text-align: center;
    margin-top: 8em;
}

.contact_block1 img {
    max-width: 45%;
    padding-bottom: 7em;
}

.contact_block1 a {
    margin: 0 auto !important;
    padding-bottom: 20pt;
    color: #000;
}

.contact_block1 a:hover {
    color: #F000D2;
}

.contact_block1 ul {
    text-align: left;
    padding-left: 36%;
    padding-bottom: 6em;
}

.contact_block1 li {
    padding-bottom: 25px;
}

.contact_block1 p {
    padding-bottom: 15px;
}

@media screen and (max-width: 767px) {
    .contact_block1 img {
        max-width: 40%;
        padding-bottom: 65px;
    }

    .contact_block1 ul {
        padding-left: 10%;
        padding-right: 10%;
        padding-bottom: 35px;
        font-size: 11pt;
        margin: 0 auto;
    }

    .contact_block1 p {
        text-align: justify;
        text-justify: inter-ideograph;
        width: 80%;
        margin: 0 auto;
        font-size: 11pt;
        padding-bottom: 35px;
    }
}

/* ボタン */
.contact_block2 {
    text-align: center;
    background-color: #E6E6E6;
    padding-top: 50pt;
    padding-bottom: 45pt;
}

.contact_block2 p {
    text-align: justify;
    text-justify: inter-ideograph;
    width: 60%;
    margin: 0 auto;
    font-size: 11pt;
    line-height: 26px;
    padding-bottom: 20pt;
}

.contact_block2 img {
    padding-left: 30px;
    padding-right: 30px;
}

.contact_block2 img:hover {
    transform: translateY(-10px);
    transition-duration: .5s;
}

@media screen and (max-width: 767px) {
    .contact_block2 {
        padding-top: 40px;
        padding-bottom: 15px;
    }

    .contact_block2 img {
        margin-bottom: 25px;
    }
}

/* フォーム */
.contact_block3 {
    margin-top: 6em;
    padding-bottom: 8em;
}

.contact_block3 p.txt1 {
    text-align: center;
    line-height: 26px;
    padding-bottom: 6em;
}

.contact_block3 form .row {
    padding-bottom: 40px;
}

.contact_block3 form .row .txt p {
    text-align: center;
}

.contact_block3 .wpcf7 input[type=submit] {
    color: #fff;
    border-color: #F000D2;
    background-color: #F000D2;
    font-weight: 600;
    height: 55px;
    letter-spacing: 1px;
}

.contact_block3 .wpcf7 input[type=submit]:hover {
    color: #000;
    border-color: #CDF118;
    background-color: #CDF118;
    transition-duration: .6s;
}

.contact_block3 .wpcf7-response-output {
    border-color: #CDF118 !important;
    padding: 15px 20px !important;
    letter-spacing: 1px;
}

.contact_block3 .contact_submit {
    text-align: center;
}

@media screen and (max-width: 767px) {
    .contact_block3 {
        margin-top: 55px;
        padding-bottom: 55px;
        padding-left: 10%;
        padding-right: 10%;
    }

    .contact_block3 p.txt1 {
        text-align: justify;
        text-justify: inter-ideograph;
        width: 80%;
        margin: 0 auto;
        font-size: 11pt;
        padding-bottom: 55px;
    }

    .contact_block3 .wpcf7 {
        font-size: 11pt;
    }
}


/* page-taiken.php ==========================================*/
/* タイトル */
.taiken_block1 .col-12 {
    background-image: url(img/haikei_taiken.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-top: 11em;
    padding-bottom: 11em;
    text-align: center;
}

.taiken_block1 img {
    max-width: 45%;
}

@media screen and (max-width: 767px) {
    .taiken_block1 .col-12 {
        padding-top: 5em;
        padding-bottom: 5em;
    }

    .taiken_block1 img {
        max-width: 80%;
    }
}

/*  */
.taiken_block2 {
    margin-top: 4em;
    margin-bottom: 4em;
    font-size: 20pt;
    font-weight: 600;
    line-height: 45px;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .taiken_block2 {
        margin-top: 55px;
        margin-bottom: 55px;
        font-size: 14pt;
        line-height: 33px;
    }
}



/* KIBOHについて */
.taiken_point {
    background-color: #151419;
    text-align: center;
    padding-top: 55pt;
    padding-bottom: 55pt;
}

@media screen and (max-width: 767px) {
    .taiken_point0 {
        padding-bottom: 35pt;
        font-size: 10pt;
    }

    .taiken_point img {
        max-width: 120px;
    }

    .taiken_point3 a .about_btn2 {
        padding-bottom: 45px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.taiken_point0 {
    background-color: #151419;
    color: #fff;
    padding-left: 5%;
    padding-right: 5%;
}

.taiken_point0 .sub_title1 .about_txt2 {
    padding-top: 10%;
}

.taiken_point0 .sub_title1 p {
    padding-top: 25px;
    font-size: 13pt;
    line-height: 33px;
    text-align: justify;
    text-justify: inter-ideograph;
    padding-left: 25pt;
}

@media screen and (max-width: 767px) {
    .taiken_point0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 45px;
    }

    .taiken_point0 .about_sp_txt2 {
        padding-top: 15px;
        padding-left: 15px;
        padding-bottom: 15px;
    }

    .taiken_point0 p {
        padding: 15px;
        text-align: justify;
        text-justify: inter-ideograph;
        line-height: 30px;
    }
}

.taiken_point1 {
    background-color: #363636;
    color: #fff;
    padding-left: 5%;
}

.taiken_point1 .sub_title2 .about_txt3 {
    padding-top: 10%;
}

.taiken_point1 .sub_title2 p {
    padding-top: 25px;
    font-size: 13pt;
    line-height: 33px;
    text-align: justify;
    text-justify: inter-ideograph;
}

.taiken_point1 .sub_title2 p.price_link {
    padding-top: 10px;
    font-size: 10pt;
    color: #CDF118;
}

.taiken_point1 .about_img3 {
    max-width: 110%;
}

@media screen and (max-width: 767px) {
    .taiken_point1 {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 45px;
    }

    .taiken_point1 .about_sp_txt3 {
        padding-top: 15px;
        padding-left: 15px;
        padding-bottom: 15px;
    }

    .taiken_point1 p.txt1 {
        padding-left: 15px;
        padding-right: 15px;
        text-align: justify;
        text-justify: inter-ideograph;
        line-height: 30px;
    }

    .taiken_point1 p.price_link {
        padding-left: 15px;
        padding-top: 5px;
        padding-bottom: 5px;
        color: #CDF118;
    }

    .taiken_point1 a img.about_btn2 {
        padding-left: 15px;
    }
}

.taiken_point2 {
    background-color: #151419;
    color: #fff;
    padding-left: 5%;
    padding-right: 5%;
}

.taiken_point2 img.about_img4 {
    margin: 0 auto;
    padding-top: 55pt;
    padding-bottom: 55pt;
    max-width: 85%;
}

.taiken_point2 .sub_title3 .about_txt4 {
    padding-top: 20%;
}

.taiken_point2 .sub_title3 p {
    padding-top: 25px;
    font-size: 13pt;
    line-height: 33px;
    text-align: justify;
    text-justify: inter-ideograph;
}

.taiken_point2 .sub_title3 img {
    padding-top: 25px;
}

@media screen and (max-width: 767px) {
    .taiken_point2 {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 55px;
    }

    .taiken_point2 .about_sp_img4 {
        padding-top: 50px;
        padding-left: 8%;
    }

    .taiken_point2 .about_sp_txt4 {
        padding-top: 15px;
        padding-left: 15px;
        padding-bottom: 15px;
    }

    .taiken_point2 p {
        padding-left: 15px;
        padding-right: 15px;
        text-align: justify;
        text-justify: inter-ideograph;
        line-height: 30px;
    }

    .taiken_point2 a .about_btn1 {
        padding-top: 15px;
        padding-left: 15px;
    }
}

@media screen and (max-width: 767px) {
    .taiken_point4 img {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* 体験レッスンの流れ */
.taiken_block3 .flow_box1 {
    text-align: left;
    background-color: #fff;
    width: 75%;
    padding: 20pt 30pt;
    margin: 0 auto;
}

.taiken_block3 .flow_box1 p,
.taiken_block3 .flow_box2 p {
    padding-top: 0;
    padding-bottom: 0;
}

.taiken_block3 .flow_box1 p.txt,
.taiken_block3 .flow_box2 p.txt {
    font-size: 12pt;
    font-weight: 300;
    line-height: 28px;
    padding-top: 10px;
}

.taiken_block3 .flow_box2 {
    text-align: left;
    background-color: #fff;
    width: 75%;
    padding: 20pt 30pt;
    margin: 20pt auto 50pt auto;
}

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

    .taiken_block3 .flow_box1,
    .taiken_block3 .flow_box2 {
        width: 90%;
        padding: 25px;
    }

    .taiken_block3 .flow_box1 p,
    .taiken_block3 .flow_box2 p {
        font-size: 15pt;
        padding-bottom: 10px;
        margin-bottom: 0;
    }

    .taiken_block3 .flow_box1 p.txt,
    .taiken_block3 .flow_box2 p.txt {
        font-size: 11pt;
        font-weight: 300;
        line-height: 28px;
        padding-bottom: 0;
    }
}

/* キャンペーンバナー */
.taiken_block3 {
    text-align: center;
    padding-top: 5em;
    padding-bottom: 7em;
    background-color: #E6E6E6;
}

.taiken_block3 p {
    font-size: 18pt;
    font-weight: 600;
    padding-top: 25pt;
    padding-bottom: 25pt;
}

.taiken_block3 .col-md-4 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

@media screen and (max-width: 767px) {
    .taiken_block3 {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .taiken_block3 p {
        font-size: 15pt;
        padding-top: 30px;
        padding-bottom: 25px;
        padding-left: 10%;
        padding-right: 10%;
    }

    .taiken_block3 img {
        padding-left: 5%;
        padding-right: 5%;
        margin-bottom: 25px;
    }
}

/* こんな方におすすめ */
.taiken_block4 {
    background: linear-gradient(165deg, rgb(83, 203, 236), rgb(156, 4, 211), rgb(254, 69, 180));
    color: #fff;
    padding-top: 3em;
    padding-bottom: 3em;
    text-align: center;
}

.taiken_block4 p {
    font-size: 22pt;
    font-weight: 600;
}

.taiken_block5 img {
    max-width: 100% !important;
}

.taiken_block6 {
    text-align: center;
    padding-top: 10em;
    padding-bottom: 6em;
}

.taiken_block6 img {
    max-width: 25%;
}

@media screen and (max-width: 767px) {
    .taiken_block4 p {
        font-size: 16pt;
    }

    .taiken_block5 .col-md-6 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .taiken_block6 {
        padding-top: 100px;
        padding-bottom: 45px;
    }

    .taiken_block6 img {
        max-width: 65%;
    }
}

/* 友達同士・兄弟〜 */
.taiken_block8 {
    margin-top: 4em;
    background-color: #CDF118;
    color: #000;
    padding-top: 3em;
    padding-bottom: 3em;
    text-align: center;
    font-size: 15pt;
    font-weight: 600;
    line-height: 45px;
}

@media screen and (max-width: 767px) {
    .taiken_block8 {
        padding-top: 40px;
        padding-bottom: 40px;
        text-align: justify;
        text-justify: inter-ideograph;
        font-size: 11pt;
        line-height: 28px;
    }

    .taiken_block8 p {
        width: 80%;
        margin: 0 auto;
    }
}

/* ボタン */
.taiken_block9 {
    text-align: center;
    background-color: #E6E6E6;
    padding-top: 50pt;
    padding-bottom: 45pt;
}

.taiken_block9 p {
    text-align: center;
    width: 60%;
    margin: 0 auto;
    font-size: 11pt;
    line-height: 26px;
    padding-bottom: 20pt;
}

.taiken_block9 .col-md-4 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.taiken_block9 a {
    padding-left: 30px;
    padding-right: 30px;
}

.taiken_block9 img:hover {
    transform: translateY(-13px);
    transition-duration: .6s;
}

@media screen and (max-width: 767px) {
    .taiken_block9 {
        padding-top: 35px;
        padding-bottom: 25px;
    }

    .taiken_block9 p {
        width: 80%;
    }

    .taiken_block9 img {
        margin-bottom: 25px;
        padding-left: 10% !important;
        padding-right: 10% !important;
        text-align: center;
    }

    .taiken_block9 .col-md-4 a {
        padding-left: 0;
    }

    .taiken_block9 .col-md-8 a {
        text-align: center;
        padding-left: 0 !important;
    }
}


/* page-dancehall.php ==========================================*/
.dancehall_block1 {
    background-image: url(img/dancehall_img1.png);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}

.dancehall_block1 img {
    max-width: 40%;
    padding-top: 10em;
    padding-bottom: 10em;
}

@media screen and (max-width: 767px) {
    .dancehall_block1 img {
        max-width: 60%;
        padding-top: 65px;
        padding-bottom: 65px;
    }
}

/* 瑞穂スタジオ　画像 */
.dancehall_block2,
.dancehall_block3 {
    background-color: #000;
    color: #fff;
}

.dancehall_block2 {
    text-align: center;
    padding-top: 45pt;
}

.dancehall_block2 img {
    padding-left: 10px;
    padding-right: 10px;
}

.dancehall_block3 p {
    width: 60%;
    margin: 0 auto;
    padding-top: 25pt;
    padding-bottom: 4em;
}

.dancehall_block4 {
    margin-top: 4em;
    margin-bottom: 8em;
    padding-left: 5%;
    padding-right: 5%;
}

@media screen and (max-width: 767px) {
    .dancehall_block2 {
        padding-top: 25pt;
    }

    .dancehall_block2 .col-5 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .dancehall_block3 p {
        width: 80%;
        font-size: 11pt;
        line-height: 30px;
    }
}

/* 瑞穂スタジオ　詳細 左 */
.dancehall_block4 .col-6.left {
    padding-left: 45px !important;
    padding-right: 15px !important;
}

.dancehall_block4 img {
    max-width: 85%;
    padding-top: 4em;
}

.dancehall_block4 ul.tag {
    list-style: none;
    padding-left: 0;
    margin-top: 20pt;
    margin-bottom: 20pt;
}

.dancehall_block4 .tag li {
    display: inline-block;
    background-color: #000;
    color: #fff;
    letter-spacing: 1px;
    padding: 8px 15px;
}

.dancehall_block4 iframe {
    filter: grayscale(100%);
}

.dancehall_block4 iframe:hover {
    filter: grayscale(0%);
}

@media screen and (max-width: 767px) {
    .dancehall_block4 {
        margin-top: 15px;
        margin-bottom: 25px;
    }
}

/* 瑞穂スタジオ　詳細 右 */
.dancehall_block4 .right {
    padding-left: 15px !important;
    padding-right: 45px !important;
}

.dancehall_block4 .right .border {
    margin-top: 4em;
    border: solid 1px #000;
    padding: 15pt 20pt;
}

.dancehall_block4 .right ul {
    list-style: none;
    text-align: left;
}

.dancehall_block4 .right li {
    display: inline-block;
}

.dancehall_block4 .right li img {
    padding-top: 0;
}

.dancehall_block4 .right .txt2 {
    font-size: 10pt;
}

.dancehall_block4 .right .txt3 {
    font-size: 11pt;
    font-weight: 600;
    width: 100px;
}

.dancehall_block4 .right .txt4 {
    font-size: 11pt;
    padding-left: 10px;
}

.dancehall_block4 .right .bottom_border {
    border-bottom: solid 1px #AFAFAF;
    padding-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
}

@media screen and (max-width: 767px) {
    .dancehall_block4 .right .border {
        margin-top: 25px;
    }

    .dancehall_block4 .right {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .dancehall_block4 .right .txt4 {
        font-size: 11pt;
        padding-left: 0;
        padding-top: 5px;
    }
}

/* 料金画像 */
.dancehall_block5 {
    text-align: center;
}

.dancehall_block5 img {
    max-width: 80%;
    margin-bottom: 6em;
}

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

.dancehall_block5 img {
    max-width: 95%;
    margin: 0 auto 35px auto;
}

/* ボタン */
.dancehall_block6 {
    text-align: center;
    background-color: #E6E6E6;
    padding-top: 50pt;
    padding-bottom: 50pt;
}

.dancehall_block6 p {
    text-align: center;
    width: 60%;
    margin: 0 auto;
    font-size: 14pt;
    line-height: 26px;
    padding-bottom: 20pt;
}

.dancehall_block6 img {
    padding-left: 30px;
    padding-right: 30px;
    max-width: 55%;
}

.dancehall_block6 img:hover {
    transform: translateY(-10px);
    transition-duration: .5s;
}

@media screen and (max-width: 767px) {
    .dancehall_block6 {
        padding-left: 10%;
        padding-right: 10%;
        padding-bottom: 35px;
    }

    .dancehall_block6 p {
        text-align: justify;
        text-justify: inter-ideograph;
        width: 100%;
    }

    .dancehall_block6 img {
        margin-bottom: 25px;
        padding-left: 0;
        padding-right: 0;
    }
}

.dancehall_block7 {
    margin-top: 8em;
    margin-bottom: 6em;
}

.dancehall_block7 p.txt1 {
    text-align: center;
    padding-bottom: 4em;
}

.dancehall_block7 .row {
    margin-bottom: 35pt;
}

.dancehall_block7 .wpcf7-list-item {
    display: block !important;
    margin-left: 0;
}

.dancehall_block7 .txt2 {
    text-align: center;
}

.dancehall_block7 .wpcf7 input[type=submit] {
    color: #fff;
    border-color: #F000D2;
    background-color: #F000D2;
    font-weight: 600;
    height: 55px;
    letter-spacing: 1px;
}

.dancehall_block7 .wpcf7 input[type=submit]:hover {
    color: #000;
    border-color: #CDF118;
    background-color: #CDF118;
    transition-duration: .6s;
}

.dancehall_block7 .wpcf7-response-output {
    border-color: #CDF118 !important;
    padding: 15px 20px !important;
    letter-spacing: 1px;
}

@media screen and (max-width: 767px) {
    .dancehall_block7 {
        margin-top: 55px;
        margin-bottom: 10px;
        padding-left: 10%;
        padding-right: 10%;
    }

    .dancehall_block7 p.txt1 {
        text-align: center;
    }

    .dancehall_block7 .wpcf7 {
        font-size: 11pt;
    }
}


/* page-schedule.php ==========================================*/
.schedule_block1 {
    text-align: center;
    padding-top: 10em;
    padding-bottom: 6em;
}

.schedule_block1 img {
    max-width: 35%;
}

.schedule_block2 {
    text-align: center;
    margin-bottom: 6em;
}

.schedule_block3 .col-12 {
    padding-left: 10% !important;
    padding-right: 10% !important;
    padding-bottom: 8em;
    background-color: #e4e4e4;
}

@media screen and (max-width: 767px) {
    .schedule_block1 img {
        max-width: 80%;
    }

    .schedule_block1 {
        padding-top: 50px;
        padding-bottom: 30px;
    }

    .schedule_block2 {
        padding: 18pt 20pt 15pt 20pt !important;
    }

    .schedule_block2 img {
        max-width: 45% !important;
    }

    .schedule_block3 .col-12 {
        padding-left: 5% !important;
        padding-right: 5% !important;
        padding-bottom: 4em;
    }
}

/*アンカーポイント*/
.schedule_anchor {
    padding-top: 2em;
    padding-bottom: 5em;
    text-align: center;
}

.schedule_anchor a {
    color: #151419;
    background-color: #fff;
    font-size: 18pt;
    font-weight: 600;
    border: solid 1px #151419;
    padding: 10pt 30pt;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.3);
}

.schedule_anchor a:hover {
    transform: translateY(-10px);
    transition-duration: .5s;
    background-color: #CDF118;
    color: #151419;
}

@media screen and (max-width: 767px) {
    .schedule_anchor {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .schedule_anchor a {
        font-size: 13pt;
        width: 80% !important;
        padding: 8px 15px;
        display: block;
        text-align: center;
        margin: 0 auto 25px auto !important;
        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
    }
}

/*タブ*/
.tabu_block {
    margin-top: 45pt;
}

.tab-group {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 0;
}

.tab_area .col-2 {
    color: #000;
    display: inline-block;
    margin-right: -1px;
    cursor: pointer;
    font-size: 1rem;
}

@media screen and (max-width: 767px) {
    ul.tab-group {
        margin-bottom: 0;
    }
}

.tab {
    flex-grow: 1;
    list-style: none;
    border: solid 1px #dfdfdf;
    background-color: #444444;
    color: #fff;
    font-weight: 600;
    font-size: 11pt;
    text-align: center;
    cursor: pointer;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 30pt;
}

li.tab {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.panel {
    display: none;
}

.tab.is-active {
    background: #CDF118;
    border: solid 1px #dfdfdf;
    color: #444444;
    transition: all 0.2s ease-out;
    padding-top: 10px;
    padding-bottom: 10px;
}

.panel.is-show {
    display: block;
}

.panel.is-show .time {
    font-size: 22pt;
    font-weight: 600;
    font-family: 游ゴシック体;
    color: #777777;
    padding-left: 25px;
    padding-right: 45px;
}

.panel-group ul.panel_ul {
    border-bottom: solid 1px #ababab;
    padding-top: 4em;
    padding-bottom: 4em;
    list-style: none;
    padding-left: 0;
}

.panel-group .panel_ul li {
    display: inline-block;
}

@media screen and (max-width:767px) {
    .tab_area .col-2 {
        font-size: 8pt;
    }

    li.tab {
        height: 85px;
    }

    li.tab.is-active {
        height: 65px;
    }

    li.tab.is-active,
    li.tab {
        width: 25%;
        height: 55px;
        position: center center;
        padding-top: 15px !important;
    }

    .tab img {
        display: none;
    }

    .panel-group ul.panel_ul {
        padding-top: 2em;
        padding-bottom: 2em;
    }

    .panel.is-show .time {
        font-size: 16pt;
        padding-left: 5px;
        padding-right: 15px;
    }
}

/*box*/
.panel-group .box {
    background-color: #fff;
    box-shadow: 5px 5px 10px rgba(100, 100, 100, 0.3);
    width: 350px;
    height: auto;
}

.panel-group .box img {
    padding-right: 10px;
}

.panel-group .box .box_time {
    font-family: 游ゴシック体;
    font-size: 14pt;
}

.panel-group .box .box_kousi {
    font-size: 10pt;
    color: #898989;
}

.panel-group .box .box_genre {
    color: #444444;
    font-size: 10pt;
    padding-top: 5px;
}

.panel-group .box .box_tosi {
    padding-right: 10px;
}

.panel-group .box .box_tosi,
.panel-group .box .box_basyo {
    color: #444444;
    font-size: 10pt;
}

.panel-group .box .box_basyo {
    font-weight: 600;
}

.time18 .col-6,
.time19 .col-6,
.time20 .col-6 {
    padding-right: 20px !important;
    padding-top: 15px;
}

.panel-group .box img.icon_movie1 {
    max-width: 60px;
    position: absolute;
    right: 0;
    top: 5px;
}

.panel-group .box img.icon_movie1:hover {
    transform: translateY(-8px);
    transition-duration: .6s;
    /* 動作の速さ */
}

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

    .time18 .col-6,
    .time19 .col-6,
    .time20 .col-6 {
        max-width: 100%;
    }
}

/*box2*/
.panel-group .box2 {
    background-color: #241150;
    color: #fff;
    box-shadow: 5px 5px 10px rgba(100, 100, 100, 0.3);
    width: 350px;
    height: auto;
    margin-bottom: 10pt;
    font-size: 10pt;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;

}

.panel-group .box2 .col-2 {
    text-align: center;
    padding-top: 4px;
}

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


/* スタジオ */
.schedule_block2 {
    background: linear-gradient(130deg, rgb(83, 203, 236), rgb(156, 4, 211), rgb(254, 69, 180));
    padding: 30pt 20pt 20pt 20pt;
    text-align: center;
    margin-bottom: 0;
}

.schedule_block2 img {
    max-width: 20%;
    opacity: 0.6;
}

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

/* ポップアップ */
.panel-group .popup-content {
    background-color: #000;
    padding: 20px;
    max-width: 600px;
    max-height: 400px;
    z-index: 2;
    text-align: center;
    font-size: 10pt;
    margin: 0 auto !important;
}

@media screen and (max-width: 767px) {
    .panel-group .popup-content iframe {
        max-width: 100% !important;
        max-height: auto;
    }
}


/* page-tokusyoho.php ==========================================*/
.tokusyoho_block1 {
    padding-top: 6em;
}

.tokusyoho_block1 h3 {
    text-align: center;
    font-size: 22pt;
    font-weight: 600;
}

.tokusyoho_block2 {
    padding-top: 3em;
    padding-bottom: 6em;
}

.tokusyoho_block2 table tr {
    border: solid 1px #000;
    height: 55px;
    margin-top: 25pt;
}

.tokusyoho_block2 table th {
    background-color: #000;
    color: #fff;
    padding: 10px 30px;
    letter-spacing: 1px;
    width: 30%;
    border: solid 1px #fff;
}

.tokusyoho_block2 table td {
    padding-left: 20pt;
    width: 70%;
}

@media screen and (max-width: 767px) {
    .tokusyoho_block1 {
        padding-top: 55px;
    }

    .tokusyoho_block1 h3 {
        font-size: 16pt;
    }

    .tokusyoho_block2 {
        padding-top: 55px;
        padding-bottom: 55px;
        padding-left: 5%;
        padding-right: 5%;
    }

    .tokusyoho_block2 .col-md-8 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .tokusyoho_block2 table th {
        padding: 10px !important;
        width: 100%;
        font-size: 10pt;
    }

    .tokusyoho_block2 table td {
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
        font-size: 10pt;
    }
}


/* page-privacy.php ==========================================*/
.privacy_block1 {
    padding-left: 10% !important;
    padding-right: 10% !important;
    padding-bottom: 6em;
}

.privacy_block1 .entry-title {
    text-align: center;
    margin-top: 6em;
    font-size: 22pt;
    font-weight: 600;
    margin-bottom: 3em;
}

.privacy_block1 .post-edit-link {
    display: none;
}

.privacy_block1 h4 {
    margin-top: 35pt;
    margin-bottom: 5pt;
    font-weight: 600;
    font-size: 16pt;
}

@media screen and (max-width: 767px) {
    .privacy_block1 {
        padding-bottom: 55px;
    }

    .privacy_block1 .entry-title {
        margin-top: 55px;
        margin-bottom: 55px;
        font-size: 18pt;
    }

    .privacy_block1 h4 {
        font-size: 14pt;
    }

    .privacy_block1 p {
        font-size: 12pt;
        text-align: justify;
        text-justify: inter-ideograph;
        line-height: 33px;
    }
}


/* archive.php ==========================================*/
/* リンク */
.news_block1 {
    background-color: #E6E6E6;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 10pt;
}

.news_block1 i {
    color: #000;
    padding-left: 4em;
}

.news_block1 i:hover {
    opacity: 0.5;
    transition-duration: .6s;
    /* 動作の速さ */
    color: #CDF118;
}

@media screen and (max-width: 767px) {
    .news_block1 {
        font-size: 9pt;
    }

    .news_block1 i {
        padding-left: 15px;
    }
}

/* ニュースタイトル */
.news_block2 {
    text-align: center !important;
    margin: 0 auto !important;
    padding-top: 8em;
    padding-bottom: 8em;
}

@media screen and (max-width: 767px) {
    .news_block2 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .news_block2 img {
        max-width: 100px;
    }
}

/* 記事 */
.news_block4 ul {
    list-style: none;
    padding: 20px 10%;
}

.news_block4 li {
    display: inline-block;
}

.news_block4 li p {
    padding-left: 25px;
    padding-right: 25px;
}

.news_block4 li .day {
    padding-right: 25px;
}

.news_block4 li .title {
    padding-left: 25px;
}

.news_block4 a {
    color: #212529;
}

.news_block4 a:hover {
    color: #212529;
    opacity: 0.6;
}

@media screen and (max-width: 767px) {
    .news_block4 ul {
        padding: 10px 3%;
    }

    .news_block4 li p {
        padding-left: 10px;
        padding-right: 10px;
    }

    .news_block4 li .day {
        padding-right: 20px;
    }

    .news_block4 li .title {
        padding-left: 0;
        display: block !important;
    }

    .news_block4 hr {
        margin-top: 30px;
    }
}

/* カテゴリー色 */
.news_block4 p.news {
    background: rgb(83, 203, 236);
    color: #fff;
    font-size: 10pt;
    letter-spacing: 1px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.news_block4 p.event {
    background: #9D00F0;
    color: #fff;
    font-size: 10pt;
    letter-spacing: 1px;
    padding-top: 3px;
    padding-bottom: 3px;
}

@media screen and (max-width: 767px) {
    .news_block4 p.news {
        background: rgb(83, 203, 236);
        color: #fff;
        font-size: 9pt;
        font-weight: 600;
        letter-spacing: 1px;
        padding-top: 3px;
        padding-bottom: 2px;
    }

    .news_block4 p.event {
        background: #9D00F0;
        color: #fff;
        font-size: 9pt;
        font-weight: 600;
        letter-spacing: 1px;
        padding-top: 3px;
        padding-bottom: 2px;
    }
}

/* .news_block5　余り */
/* ページナビ 
    background-image: url(img/news_img1.png);
    background-repeat: no-repeat;
    background-position: bottom;*/
.news_block6 {
    margin-bottom: 55pt;
}

.news_block6 .wp-pagenavi {
    text-align: center;
    margin-top: 4em;
}

.news_block6 .pages {
    display: none;
}

.news_block6 .wp-pagenavi a,
.wp-pagenavi span {
    border-radius: 30px;
    text-decoration: none;
    border: 1px solid #BFBFBF;
    padding: 13px 17px;
    margin: 5px;
}

.news_block6 .wp-pagenavi a {
    color: #BFBFBF;
}

.news_block6 .wp-pagenavi a:hover {
    color: #000;
}

@media screen and (max-width: 767px) {
    .news_block6 {
        margin-top: 0 !important;
    }

    .news_block6 .wp-pagenavi a,
    .wp-pagenavi span {
        font-size: 9pt;
        border-radius: 30px;
        text-decoration: none;
        border: 1px solid #BFBFBF;
        padding: 10px 14px;
        margin: 5px;
    }
}

/* archive-blog.php ==========================================*/
/* リンク */
.blog_block1 {
    background-color: #E6E6E6;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 10pt;
}

.blog_block1 i {
    color: #000;
    padding-left: 4em;
}

@media screen and (max-width: 767px) {
    .blog_block1 i {
        padding-left: 15px;
    }
}

/* ブログタイトル */
.blog_block2 {
    text-align: center !important;
    margin: 0 auto !important;
    padding-top: 8em;
    padding-bottom: 8em;
}

@media screen and (max-width: 767px) {
    .blog_block2 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .blog_block2 img {
        max-width: 100px;
    }
}

/* アンカーリンク */
.blog_block3 {
    text-align: center;
}

.blog_block3 ul {
    list-style: none;
    padding-left: 0;
    background-color: #E8E8E8;
    padding-top: 20px;
    padding-bottom: 20px;
}

.blog_block3 li {
    display: inline-block;
    padding-right: 10px;
}

.blog_block3 .txt {
    padding-right: 30px;
}

.blog_block3 .link {
    border: solid 1px #000;
    background-color: #fff;
    padding: 5px 25px;
    border-radius: 5px;
}

.blog_block3 li a {
    color: #000;
    font-size: 9pt;
}

@media screen and (max-width: 767px) {
    .blog_block3 li {
        display: block;
        margin-bottom: 15px;
    }

    .blog_block3 .txt {
        padding-right: 0 !important;
    }
}

/* VIEW ALL */
.blog_block4 {
    text-align: left;
}

.blog_block4 h6 {
    padding: 1rem 2rem;
    border-left: 4px solid #000;
    margin-top: 6em;
    margin-bottom: 2.5em;
    font-family: Apple Braille;
    font-weight: 600;
}

.blog_block4 .col-4,
.blog_block5 .col-4,
.blog_block6 .col-4,
.blog_block7 .col-4 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.blog_block4 .title {
    text-align: left;
    padding-bottom: 40pt;
    font-size: 10pt;
    padding-left: 15px;
    padding-right: 15px;
}

.blog_block4 a {
    color: #212529;
    font-size: 11pt;
}

.blog_block4 a:hover {
    color: #212529;
    opacity: 0.6;
    transition-duration: .6s;
    /* 動作の速さ */
}

.blog_block4 ul {
    list-style: none;
    padding-left: 0;
    padding-top: 5px;
    padding-left: 5px;
    text-align: left;
}

.blog_block4 li {
    display: inline-block;
}

.blog_block4 .time,
.blog_block5 .time,
.blog_block6 .time,
.blog_block7 .time {
    font-size: 10pt;
    color: #ababab;
    padding-right: 5px;
}

.blog_block4 .category a {
    font-size: 6pt;
    font-weight: 600;
    letter-spacing: 1px;
    color: #fff;
}

.blog_block4 .category .blog {
    background-color: #2F67DF;
    padding: 0 12px 4px 12px;
    border-radius: 5px;
}

.blog_block4 .category .event-blog {
    background-color: #CDF118;
    padding: 0 12px 4px 12px;
    border-radius: 5px;
}

.blog_block4 .category .event-blog a {
    color: #212529;
}

.blog_block4 .category .flashmob {
    background-color: #F701E2;
    padding: 0 12px 4px 12px;
    border-radius: 5px;
}

@media screen and (max-width: 767px) {
    .blog_block4 h6 {
        margin-top: 45pt;
        margin-bottom: 20px;
    }

    .blog_block4 .title {
        padding-bottom: 40px !important;
        font-size: 10pt;
        padding-left: 5px;
        padding-right: 5px;
    }

    .news_block4 ul {
        padding: 10px 0%;
        margin-bottom: 5px;
    }

    .blog_block4 li {
        display: block;
    }

    .blog_block4 .col-6 {
        padding-left: 5px !important;
        padding-left: 5px !important;
    }

    .blog_block4 .time,
    .blog_block5 .time,
    .blog_block6 .time,
    .blog_block7 .time {
        font-size: 10pt;
        padding-right: 3px;
        padding-bottom: 3px;
    }

    .blog_block4 .category .blog,
    .blog_block4 .category .event-blog,
    .blog_block4 .category .flashmob {
        padding: 0 5px 4px 10px;
        margin-bottom: 0;
    }

    .blog_block4 .title {
        text-align: left;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 25px;
        font-size: 10pt;
    }

    .news_block6 {
        margin-top: 40px;
    }
}

/* ブログ */
.blog_block5 {
    text-align: left;
}

.blog_block5 h6 {
    padding: 1rem 2rem;
    border-left: 4px solid #2F67DF;
    margin-top: 6em;
    margin-bottom: 2.5em;
    font-family: Apple Braille;
    font-weight: 600;
}

.blog_block5 .title {
    text-align: left;
    padding-top: 5px;
    padding-bottom: 40pt;
    font-size: 10pt;
    padding-left: 15px;
    padding-right: 15px;
}

@media screen and (max-width: 767px) {
    .blog_block5 .col-6 {
        padding-left: 8px !important;
        padding-left: 8px !important;
        text-align: center;
        font-size: 9pt;
    }

    .blog_block5 p.title {
        padding-top: 2px !important;
        padding-bottom: 35px;
        font-size: 9pt;
    }
}

/* フラッシュモブ */
.blog_block5 {
    text-align: left;
}

.blog_block6 h6 {
    padding: 1rem 2rem;
    border-left: 4px solid #EE00DE;
    margin-top: 6em;
    margin-bottom: 2.5em;
    font-family: Apple Braille;
    font-weight: 600;
}

.blog_block6 .title {
    text-align: left;
    padding-top: 5px;
    padding-bottom: 25pt;
    font-size: 10pt;
    padding-left: 15px;
    padding-right: 15px;
}

@media screen and (max-width: 767px) {
    .blog_block6 .col-6 {
        padding-left: 8px !important;
        padding-left: 8px !important;
        text-align: center;
        font-size: 9pt;
    }

    .blog_block6 p.title {
        padding-top: 2px !important;
        padding-bottom: 35px;
        font-size: 9pt;
    }
}

/* イベント・発表会 */
.blog_block7 {
    text-align: left;
}

.blog_block7 {
    margin-bottom: 6em;
}

.blog_block7 h6 {
    padding: 1rem 2rem;
    border-left: 4px solid #CDF118;
    margin-top: 6em;
    margin-bottom: 2.5em;
    font-family: Apple Braille;
    font-weight: 600;
}

.blog_block7 .title {
    text-align: center;
    padding-top: 5px;
    padding-bottom: 40pt;
    font-size: 10pt;
    padding-left: 15px;
    padding-right: 15px;
}

.blog_block8 {
    margin-bottom: 15em;
}

@media screen and (max-width: 767px) {
    .blog_block7 .col-6 {
        padding-left: 8px !important;
        padding-left: 8px !important;
        text-align: center;
        font-size: 9pt;
    }

    .blog_block7 p.title {
        padding-top: 2px !important;
        padding-bottom: 35px;
        font-size: 9pt;
    }
}

/* 記事全体 */
.blog_block5 .kiji,
.blog_block6 .kiji,
.blog_block7 .kiji {
    text-align: center;
}

.blog_block5 .kiji .col-4,
.blog_block6 .kiji .col-4,
.blog_block7 .kiji .col-4 {
    padding-bottom: 40px;
}

.blog_block5 .kiji p,
.blog_block6 .kiji p,
.blog_block7 .kiji p {
    padding-top: 8px;
    font-size: 11pt;
}

.blog_block5 .kiji a,
.blog_block6 .kiji a,
.blog_block7 .kiji a {
    color: #212529;
}

.blog_block5 .kiji a:hover,
.blog_block6 .kiji a:hover,
.blog_block7 .kiji a:hover {
    opacity: 0.6;
    transition-duration: .6s;
    /* 動作の速さ */
}

.pagenavi_blog1 .wp-pagenavi {
    margin-top: 20px;
}

.pagenavi_blog1 {
    margin-bottom: 30pt;
}

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

    .blog_block5 .kiji a,
    .blog_block6 .kiji a,
    .blog_block7 .kiji a {
        font-size: 10pt;
        list-style: 16px;
    }
}

/* single-blog.php ==========================================*/
@media screen and (max-width: 767px) {
    .single_blog_block1 a {
        font-size: 9pt;
    }

    .single_blog_block1 p {
        font-size: 9pt;
    }

    .single_blog_block2 {
        text-align: center !important;
    }

    .single_blog_block5 {
        padding-left: 35px !important;
        padding-right: 35px !important;
    }
}


/* single.php ==========================================*/
/* リンク */
.single_block1 {
    background-color: #E6E6E6;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 10pt;
}

.single_block1 i {
    color: #000;
    padding-left: 4em;
}

@media screen and (max-width: 767px) {
    .single_block1 i {
        padding-left: 15px;
    }

    .single_block1 a {
        color: #000;
    }

    .single_block1 a:hover {
        color: #000;
        opacity: 0.6;
    }
}

/* タイトル */
.single_block2 {
    text-align: center;
    padding-top: 6em;
    padding-bottom: 6em;
    font-size: 24pt;
    font-weight: 600;
    width: 65%;
    line-height: 55px;
    margin: 0 auto !important;
}

@media screen and (max-width: 767px) {
    .single_block2 {
        padding-top: 50px;
        padding-bottom: 50px;
        font-size: 14pt;
        line-height: 32px;
        width: 80%;
        text-align: justify;
        text-justify: inter-ideograph;
    }
}

/* SNSリンク single_block3 */

@media screen and (max-width: 767px) {
    .single_block4 {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* 日にち */
.single_block4 .day {
    font-size: 10pt;
    font-family: 游ゴシック体;
    font-weight: 600;
    padding-left: 5px;
}

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

/* 記事内容 */
.single_block4 .content {
    font-size: 13pt;
    padding-left: 5px;
    padding-top: 2em;
    line-height: 40px;
}

@media screen and (max-width: 767px) {
    .single_block4 .content {
        font-size: 11pt;
        line-height: 26px;
    }
}

/* 記事リンク */
.single_block5 {
    margin-top: 6em;
    margin-bottom: 6em;
}

.single_block5 .link {
    border: solid 1px #000;
    font-size: 9pt;
    width: 55%;
}

.single_block5 .link a {
    color: #000;
    line-height: 20px;
}

.single_block5 p {
    font-size: 9pt;
    font-family: 游ゴシック体;
    font-weight: 600;
    letter-spacing: 1px;
    color: #d1cfcf;
    padding-bottom: 2px;
}

.single_block5 .left .link {
    padding: 15px 10px 15px 15px;
}

.single_block5 .right {
    text-align: right !important;
}

.single_block5 .right .link {
    position: absolute;
    right: 0;
    padding: 15px 15px 15px 10px;
}

@media screen and (max-width: 767px) {
    .single_block5 {
        margin-top: 45px !important;
        margin-bottom: 45px;
        padding-left: 40px;
        padding-right: 40px;
    }

    .single_block5 .link {
        width: 100% !important;
    }

    .single_block5 .col-md-4 {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 25px;
    }
}

/* 記事タイトルの装飾 */
.single_block4 h1 {
    position: relative;
    line-height: 1.4;
    padding: 0.25em 1em;
    display: inline-block;
    top: 0;
}

.single_block4 h1:before,
h1:after {
    position: absolute;
    top: 0;
    content: '';
    width: 8px;
    height: 100%;
    display: inline-block;
}

.single_block4 h1:before {
    border-left: solid 1px black;
    border-top: solid 1px black;
    border-bottom: solid 1px black;
    left: 0;
}

.single_block4 h1:after {
    content: '';
    border-top: solid 1px black;
    border-right: solid 1px black;
    border-bottom: solid 1px black;
    right: 0;
}

.single_block4 h2 {
    /*線の種類（二重線）太さ 色*/
    border-bottom: double 5px #FFC778;
}

.single_block4 h3 {
    /*左に縦線*/
    padding: 0.25em 0.5em;
    /*上下 左右の余白*/
    color: #494949;
    /*文字色*/
    background: transparent;
    /*背景透明に*/
    border-left: solid 5px #364e96;
    /*左線*/
}

.single_block4 h4 {
    /*蛍光ペン*/
    background: linear-gradient(transparent 70%, #a7d6ff 70%);
}

.single_block4 h5 {
    position: relative;
    border-top: solid 2px #80c8d1;
    border-bottom: solid 2px #80c8d1;
    background: #f4f4f4;
    line-height: 1.4;
    padding: 0.4em 0.5em;
    margin: 2em 0 0.5em;
}

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

.single_block4 h5:after {
    /*タブ*/
    position: absolute;
    font-family: "Font Awesome 5 Free", 'Quicksand', 'Avenir', 'Arial', sans-serif;
    font-weight: 900;
    content: '\f0a7\ POINT';
    background: #80c8d1;
    color: #fff;
    left: 0px;
    bottom: 100%;
    border-radius: 5px 5px 0 0;
    padding: 5px 7px 3px;
    font-size: 0.7em;
    line-height: 1;
    letter-spacing: 0.05em;
}

.single_block4 h6 {
    position: relative;
    padding-left: 35px;
}

.single_block4 h6:before {
    position: absolute;
    font-family: "Font Awesome 5 Free";
    content: "\f0eb";
    background: #ffca2c;
    color: white;
    font-weight: 900;
    font-size: 15px;
    border-radius: 50%;
    left: 0;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.single_block4 h6:after {
    /*吹き出しのちょこんと出た部分*/
    content: '';
    display: block;
    position: absolute;
    left: 20px;
    height: 0;
    width: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 12px solid #ffca2c;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

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





/* single-photo.php ==========================================*/
/* リンク */
.single_photo1 {
    background-color: #E6E6E6;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 10pt;
}

.single_photo1 i {
    color: #000;
    padding-left: 4em;
}

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

/* タイトル */
.single_photo2 {
    text-align: center;
    padding-top: 6em;
    padding-bottom: 1em;
    font-size: 18pt;
    font-weight: 600;
    width: 65%;
    line-height: 40px;
    margin: 0 auto !important;
}

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

/* 日にち */
.single_photo3 .day {
    font-size: 11pt;
    font-family: 游ゴシック体;
    font-weight: 600;
    padding-left: 5px;
}

.single_photo3 ul {
    list-style: none;
    padding-left: 0;
    padding-bottom: 4em;
    text-align: center;
}

.single_photo3 li {
    display: inline-block;
}

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

/* 写真ギャラリー */

/* 記事リンク */
.single_block5 {
    margin-top: 6em;
    margin-bottom: 6em;
}

.single_block5 .link {
    border: solid 1px #000;
    font-size: 9pt;
    width: 55%;
}

.single_block5 .link a {
    color: #000;
    line-height: 20px;
}

.single_block5 p {
    font-size: 9pt;
    font-family: 游ゴシック体;
    font-weight: 600;
    letter-spacing: 1px;
    color: #d1cfcf;
    padding-bottom: 2px;
}

.single_block5 .left .link {
    padding: 15px 10px 15px 15px;
}

.single_block5 .right {
    text-align: right !important;
}

.single_block5 .right .link {
    position: absolute;
    right: 0;
    padding: 15px 15px 15px 10px;
}

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


/* page-entertainment.php ==========================================*/
h3.enter_title1 {
    font-size: 24pt;
    font-weight: 600;
    line-height: 55px;
}

p.enter_txt1 {
    font-size: 14pt;
    line-height: 36px;
}

@media screen and (max-width: 767px) {
    h3.enter_title1 {
        font-size: 18pt;
        line-height: 48px;
    }
}

/* エンターテイメントの・・・ */
.enter_block1 {
    background-color: #080808;
    color: #fff;
    padding-top: 6em;
    padding-bottom: 2em;
}

.enter_block1 img.enter_txt1 {
    max-width: 80%;
}

.enter_block1 img.enter_icon1 {
    position: absolute;
    top: 15%;
    right: 0;
}

.enter_block1 h3 {
    padding-top: 2em;
    padding-bottom: 2em;
    padding-left: 10%;
}

.enter_block1 img.enter_img1 {
    width: 100%;
}

.enter_block1 p {
    text-align: center;
    padding-top: 2em;
    padding-bottom: 2em;
}

@media screen and (max-width: 767px) {
    .enter_block1 img.enter_icon1 {
        max-width: 110px;
        top: 65%;
    }

    .enter_block1 p.enter_txt1 {
        text-align: justify;
        text-justify: inter-ideograph;
        width: 80%;
        margin: 0 auto;
        font-size: 12pt;
        line-height: 28px;
    }
}

/* こんなお悩み・・・ */
.enter_block2 {
    position: relative;
    z-index: 0;
}

.enter_block2::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 108%;
    z-index: -1;
    background-color: #F000D2;
    transform: skewY(2deg);
    transform-origin: top right;
}

.enter_block2 h3 {
    color: #fff;
    text-align: center;
    padding-top: 1em;
    padding-bottom: 1em;
}

.enter_block2 ul li {
    background: #fff;
    color: #080808;
    padding: 20pt 5%;
    width: 75%;
    margin: 0 auto 20pt auto;
    font-size: 20pt;
    font-weight: 600;
    text-align: center;
    z-index: 99 !important;
}

@media screen and (max-width: 767px) {
    .enter_block2 h3 {
        line-height: 36px;
    }

    .enter_block2 ul li {
        width: 80%;
        margin: 0 auto 15pt auto;
        padding: 18pt 5%;
        font-size: 12pt;
        line-height: 22px;
        text-align: justify;
        text-justify: inter-ideograph;
    }
}

/* サービス */
.enter_block3 {
    background-color: #000000;
    padding-bottom: 10em;
}

.enter_block3 .row {
    padding-left: 12%;
    padding-right: 12%;
    margin-top: 6em;
}

.enter_block3 .col-4 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.enter_block3 .col-4 img {
    text-align: center;
}

.enter_block3 img.enter_txt2 {
    position: absolute;
    right: 0;
    max-width: 75%;
}

.enter_block3 p.txt1 {
    color: #fff;
    width: 70%;
    margin: 14em auto 0 auto;
}

.enter_block3 p.txt2 {
    text-align: center;
    font-size: 20pt;
    font-weight: 600;
    line-height: 30px;
    color: #CDF118;
    padding-top: 10pt;
}

.enter_block3 p.txt3 {
    color: #fff;
    position: absolute;
    right: 5%;
    bottom: -11em;
}

.enter_block3 p.txt3 span {
    color: #CDF118;
}

.enter_block3 img.enter_icon2 {
    max-width: 85%;
    position: absolute;
    top: -30pt;
    left: -40pt;
    z-index: 1;
}

.enter_block3 .enter_Simg1 {
    position: relative;
    z-index: 10 !important;
}

.enter_block3 img.enter_icon3 {
    max-width: 20%;
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 1;
}

.enter_block3 .enter_Simg3,
.enter_block3 .enter_Simg6 {
    position: relative;
    z-index: 10 !important;
}

@media screen and (max-width: 767px) {
    .enter_block3 {
        padding-bottom: 4em;
    }

    .enter_block3 img.enter_txt2 {
        position: absolute;
        top: 2em;
    }

    .enter_block3 .row {
        padding-left: 7%;
        padding-right: 7%;
        margin-top: 4em;
    }

    .enter_block3 .col-6 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .enter_block3 .col-6 img {
        text-align: center;
    }

    .enter_block3 p.txt1 {
        color: #fff;
        width: 80%;
        margin: 11em auto 0 auto;
        text-align: justify;
        text-justify: inter-ideograph;
        font-size: 12pt;
        line-height: 28px;
    }

    .enter_block3 p.txt2 {
        font-size: 12pt;
        line-height: 20px;
        padding-top: 10pt;
    }

    .enter_block3 p.txt3 {
        font-size: 12pt;
        line-height: 28px;
        position: absolute;
        left: 5%;
        bottom: -13em;
    }

    .enter_block3 img.enter_icon2 {
        max-width: 75%;
        position: absolute;
        top: -20pt;
        left: -20pt;
        z-index: 1;
    }
}

/* その他サービス */
.enter_block4 {
    background-color: #000;
    padding-top: 8em;
}

.enter_block4 img.enter_txt3 {
    max-width: 70%;
}

.enter_block4 p.txt1 {
    color: #fff;
    padding-top: 20pt;
    padding-left: 10%;
}

.enter_block4 .row {
    padding-left: 12%;
    padding-right: 12%;
    margin-top: 3em;
}

.enter_block4 .col-4 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.enter_block4 .col-4 img {
    text-align: center;
}

.enter_block4 p.txt2 {
    text-align: center;
    font-size: 20pt;
    font-weight: 600;
    color: #CDF118;
    padding-top: 10pt;
}

.enter_block4 img.enter_img2 {
    padding-top: 2em;
    padding-bottom: 2em;
    width: 100%;
}

.enter_block4 h4 {
    text-align: center;
    font-size: 24pt;
    font-weight: 600;
    color: #fff;
    display: flex;
    align-items: center;
    /* 垂直中心 */
    justify-content: center;
    /* 水平中心 */
}

.enter_block4 h4:before,
.enter_block4 h4:after {
    border-top: 1px solid;
    content: "";
    width: 3em;
    /* 線の長さ */
}

.enter_block4 h4:before {
    margin-right: 1em;
    /* 文字の右隣 */
}

.enter_block4 h4:after {
    margin-left: 1em;
    /* 文字の左隣 */
}

.enter_block4 p.txt3 {
    text-align: center;
    color: #fff;
    padding-top: 20pt;
}

.enter_block4 p.txt4 {
    line-height: 30px;
    padding-top: 12pt;
    padding-left: 12pt;
    padding-right: 10pt;
    color: #fff;
    text-align: justify;
    text-justify: inter-ideograph;
}

@media screen and (max-width: 767px) {
    .enter_block4 {
        padding-top: 13em;
    }

    .enter_block4 p.txt1 {
        padding-left: 10%;
        padding-right: 10px;
        font-size: 12pt;
        line-height: 28px;
    }

    .enter_block4 .row {
        padding-left: 7%;
        padding-right: 7%;
        margin-top: 3em;
    }

    .enter_block4 .row img {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .enter_block4 p.txt2 {
        font-size: 12pt;
        padding-top: 5pt;
    }

    .enter_block4 h4 {
        text-align: center;
        font-size: 14pt;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 45pt;
    }

    .enter_block4 h4:before,
    .enter_block4 h4:after {
        border-top: 1px solid;
        content: "";
        width: 5em;
    }

    .enter_block4 p.txt3 {
        font-size: 12pt;
        line-height: 28px;
        text-align: justify;
        text-justify: inter-ideograph;
        width: 85%;
        margin: 0 auto;
        padding-top: 10px;
        padding-bottom: 40px;
    }

    .enter_block4 p.txt4 {
        font-size: 11pt;
        line-height: 26px;
        padding-top: 10pt;
        width: 100%;
        margin: 0 auto;
    }
}

/* 得意な案件 */
.tokui_block4 {
    padding-top: 6em;
    color: #fff;
    text-align: center;
}

.tokui_block4 p {
    padding-top: 2em;
    font-size: 16pt;
    line-height: 40px;
    width: 80%;
    margin: 0 auto;
    padding-bottom: 2em;
}

@media screen and (max-width: 767px) {
    .enter_block4 .performance {
        margin-top: -7em !important;
    }
}

/* 手配できるパフォーマンス */
.perf_img1 {
    position: absolute;
    right: 0;
    top: 30%;
}

.performance {
    padding-top: 10em;
}

.performance_h3 {
    padding-top: 4em;
    padding-bottom: 4em;
    padding-left: 10%;
    font-size: 22pt;
    font-weight: 600;
    line-height: 50px;
    color: #6E6E6E;
}

@media screen and (max-width: 767px) {
    .performance_h3 {
        padding-top: 3em;
        padding-bottom: 1em;
        padding-left: 5%;
        font-size: 13pt;
        font-weight: 600;
        line-height: 34px;
        padding-right: 5%;
    }
}





/* リンクボタン */
.enter_block5 {
    background-color: #000;
    padding-top: 4m;
    padding-bottom: 8em;
    margin: 0 auto;
    text-align: center;
}

.enter_block5 a.enter_link1 {
    background-color: #000;
    border: solid 2px #F000D2;
    color: #F000D2;
    padding: 20pt 10%;
    font-size: 14pt;
    font-weight: 600;
}

.enter_block5 a.enter_link1:hover {
    background-color: #CDF118;
    border: solid 2px #CDF118;
    color: #000;
    transition-duration: .6s;
}

@media screen and (max-width: 767px) {
    .enter_block5 {
        padding-left: 7% !important;
        padding-right: 7% !important;
        padding-top: 2em;
        padding-bottom: 3em;
    }

    .enter_block5 a {
        display: block;
    }

    .enter_block5 a.enter_link1 {
        padding: 15pt 10%;
        font-size: 12pt;
        letter-spacing: 1px;
    }
}


/* page-contact-enter.php ==========================================*/
.conatct_enter1 {
    margin-top: 8em;
    padding-bottom: 8em;
}

.conatct_enter1 p.txt1 {
    text-align: center;
    padding-bottom: 6em;
}

.conatct_enter1 .wpcf7 h5 {
    font-size: 10pt;
    font-weight: 600;
    color: #CBCBCB;
}

.conatct_enter1 .wpcf7 h5.sonota {
    padding-top: 10pt;
}

.conatct_enter1 .wpcf7 .koumoku2,
.conatct_enter1 .wpcf7 .contact_Eform {
    padding-bottom: 25pt;
}

.conatct_enter1 .wpcf7 span.rei {
    display: block;
    font-size: 10pt;
    padding-bottom: 5pt;
    color: #CBCBCB;
}

.conatct_enter1 .wpcf7 input[type=submit] {
    background-color: #F000D2;
    color: #fff;
    border-color: #F000D2;
    height: 60px;
    margin-top: 35pt;
}

.conatct_enter1 .wpcf7 input[type=submit]:hover {
    background-color: #CDF118;
    color: #151419;
    border-color: #CDF118;
    transition-duration: .6s;
}

.conatct_enter1 .wpcf7 .sousin p {
    text-align: center;
}

@media screen and (max-width: 767px) {
    .conatct_enter1 {
        margin-top: 3em;
        padding-bottom: 3em;
    }

    .conatct_enter1 p.txt1 {
        padding-bottom: 3em;
        font-size: 11pt;
    }

    .conatct_enter1 .wpcf7 .col-4,
    .conatct_enter1 .wpcf7 .col-12 {
        font-size: 10pt;
    }

    .conatct_enter1 .wpcf7 .col-12 span {
        font-size: 9pt;
    }

    .conatct_enter1 .wpcf7 .col-8 input {
        margin-bottom: 20px;
    }

    .conatct_enter1 .wpcf7 input[type=submit] {
        margin-top: 20pt;
    }
}

/* ===============================================================
// チェックボックス
===============================================================*/
/*  デフォルトのスタイルを消す */
.checkbox-cl01 input {
    display: none;
}

/* ラベル文字の左側の余白：チェックボックの枠が入るスペース＋ラベル文字との余白 */
.checkbox-cl01 input+span {
    padding-left: 28px;
    display: inline-block;
    position: relative;
}

/* チェックボックスの枠とチェックマークの共通書式 */
.checkbox-cl01 input+span::after,
.checkbox-cl01 input+span::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
}

/* チェックボックスの枠 */
.checkbox-cl01 input+span::before {
    border: 1px solid #aaaaaa;
    background-color: #ffffff;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

/* チェックマークにチェックが付いていない時 */
.checkbox-cl01 input+span::after {
    border: none;
    background-color: #F000D2;
    border-radius: 50%;
    height: 12px;
    width: 12px;
    left: 4px;
    top: 50%;
    transform: translateY(-50%);
    display: none;
}

/* チェックマークにチェックが付いた時 */
.checkbox-cl01 input:checked+span::after {
    display: block;
}