@charset "utf-8"; /* --- SP ---------- */
@media print, screen and (max-width: 740px) {
    body {
        width: 100%;
        margin: 0;
        padding: 0;
        font-size: 90%;
        font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "ＭＳ Pゴシック", Osaka, sans-serif;
        line-height: 160%;
        overflow-x: hidden;
        position: relative;
    }
}

/* --- PC ---------- */
@media print, screen and (min-width: 741px) {
    body {
        width: 100%;
        margin: 0;
        padding: 0;
        font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "ＭＳ Pゴシック", Osaka, sans-serif;
        line-height: 160%;
        overflow-x: hidden;
        position: relative;
    }

    h2 {
        letter-spacing: 1px;
        font-size: 140%;
    }
}

/*　フォント　*/
h1,h2,h3,h4,h5,h6 {
    font-family: TsukuGoPr5-D, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳ Pゴシック", Osaka, sans-serif;
}

.en {
    font-family: 'Josefin Sans', sans-serif;
    font-weight: bold;
}

/*　リンク　*/
a {
    text-decoration: none;
}

a:link {
    color: #182d40;
}

a:visited {
    color: #182d40;
}

a:hover {
    color: #182d40;
    text-decoration: underline;
}

a:active {
    color: #182d40;
    text-decoration: underline;
}

a img {
    border: none;
}

.opac a:hover img {
    filter: alpha(opacity=70);
    -moz-opacity: 0.70;
    opacity: 0.70;
}

a:hover img.opac {
    filter: alpha(opacity=70);
    -moz-opacity: 0.70;
    opacity: 0.70;
}

.clearfix:after {
    content: "";
    clear: both;
    display: block;
}

/*　配置　*/
.img-center {
    text-align: center;
}

.img-right {
    padding: 5px 0 10px 20px;
    float: right;
}

.img-left {
    padding: 5px 20px 10px 0;
    float: left;
}

.clear-right {
    clear: right;
}

.clear-left {
    clear: left;
}

.clear {
    clear: both;
}

.bar {
    letter-spacing: -3px;
    margin-right: 0.3em;
}

.bold {
    font-weight: bold;
}

.big {
    font-size: 120%;
}

.small {
    font-size: 80%;
}

.red {
    color: #ff0000;
}

.orange {
    color: #E67579;
}

.italic {
    font-style: italic;
}

.marker_yellow {
    background: linear-gradient(transparent 40%, #ffff66 40%);
}

.marker_pink {
    background: linear-gradient(transparent 40%, #FFDFEF 40%);
}

span.marker {
    background: linear-gradient(transparent 50%, #F9EA77 40%);
}

::-webkit-input-placeholder {
    color: #ccc;
}

:-moz-placeholder {
    color: #ccc;
}

img {
    width: 100%;
}

div.image90 {
    width: 90%;
    margin: 0 auto;
}

div.image80 {
    width: 80%;
    margin: 0 auto;
}

div.image60 {
    width: 60%;
    margin: 0 auto;
}

div.image50 {
    width: 50%;
    margin: 0 auto;
}

div.image40 {
    width: 40%;
    margin: 0 auto;
}

div.image30 {
    width: 30%;
    margin: 0 auto;
}

div.image20 {
    width: 20%;
    margin: 0 auto;
}

span.i_block {
    display: inline-block;
}

div.line {
    width: 100%;
    margin-bottom: 10px;
    border-bottom: 1px solid #333;
}

/*　ヘッダー　*/
/* --- SP ---------- */
@media print, screen and (max-width: 740px) {
    #header {
        background-color: #fff;
        position: -webkit-sticky;
        /* Safari */
        position: sticky;
        top: 0;
        z-index: 5000;
    }

    .header_logo {
        max-width: 240px;
        width: 100%;
    }

    .header_logo h1 {
        margin: 0;
        padding: 0 ;
        line-height: 0;
    }

    .header_button {
        display: none;
    }

    #ham-menu {
        color: #fff;
        background: rgba(255, 255, 255, .9);
        height: 100%;
        padding: 0;
        /*メニュー内左右上下余白*/
        position: fixed;
        right: -280px;
        /*メニュー横幅 width と合わせる*/
        top: 0;
        transition: transform 0.3s linear 0s;
        /*0.3s はアニメーションにかかる時間*/
        width: 280px;
        /*メニュー横幅*/
        z-index: 1000;
        overflow-y: scroll;
    }

    #menu-background {
        background-color: #333;
        /*黒背景*/
        display: block;
        height: 100%;
        opacity: 0;
        /*		position: fixed;*/
        right: 0;
        top: 0;
        transition: all 0.3s linear 0s;
        /*0.3s はアニメーションにかかる時間*/
        width: 100%;
        z-index: -1;
    }

    #menu-icon {
        /*
		background-color: #f9b9b9; アイコン部分背景色
*/
        border-radius: 0 0 0 10px;
        /*左下角丸*/
        color: #fff;
        /*アイコン（フォント）色*/
        cursor: pointer;
        display: block;
        font-size: 50px;
        /*アイコン（フォント）サイズ*/
        height: 50px;
        /*アイコン縦高さ*/
        line-height: 50px;
        /*縦位置中央化*/
        position: fixed;
        right: 0;
        text-align: center;
        top: 0;
        width: 50px;
        /*アイコン横幅*/
        transition: all 0.3s linear 0s;
        /*0.3s はアニメーションにかかる時間*/
        z-index: 1000;
    }

    #menu-cb {
        display: none;
        /*チェックボックス本体は消しておく*/
    }

    #menu-cb ~ #menu-icon img:last-child {
        display: none;
    }

    #menu-cb:checked ~ #menu-icon img:first-child {
        display: none;
    }

    #menu-cb:checked ~ #menu-icon img:last-child {
        display: block;
    }

    #menu-cb:checked ~ #ham-menu, #menu-cb:checked ~ #menu-icon {
        transform: translate(-280px);
        /*メニュー本体横幅 width と合わせる*/
    }

    #menu-cb:checked ~ #menu-background {
        opacity: 0.5;
        z-index: 999;
        position: fixed;
    }

    .header_menu ul {
        margin: 0;
        padding: 0;
    }

    .header_menu ul.opac {
        border-bottom: 1px solid #fff;
    }

    .header_menu ul li {
        margin: 0;
        padding: 0;
        border-top: 1px solid #ccc;
    }

    .header_menu ul li a {
        width: 100%;
        display: block;
        padding: 8px 1em;
        color: #333;
    }

    .header_menu ul li.main a:hover {
        background: rgba(150, 150, 150, .9);
        text-decoration: none;
    }
}

/* --- PC ---------- */
@media print, screen and (min-width: 741px) {
    #header {
        position: -webkit-sticky;
        /* Safari */
        position: sticky;
        top: 0;
        background-color: #fff;
        z-index: 5000;
        padding: 5px 0 15px 0;
    }

    .header_body {
        max-width: 1200px;
        max-width: 1280px;
        width: 96%;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        -webkit-align-items: center;
        align-items: center;
    }

    .header_logo {
        width: 300px;
        flex-shrink: 0;
    }

    .header_logo h1 {
        margin: 0;
        padding: 0;
        line-height: 0;
    }

    .header_button {
        width: 160px;
        margin-left: auto;
    }

    .header_menu {
    }

    .header_menu ul {
        width: 100%;
        list-style-type: none;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding: 0;
        margin: 0;
        font-size: 95%;
        font-family: TsukuGoPr5-D, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳ Pゴシック", Osaka, sans-serif;
    }

    .header_menu ul li {
        padding: 25px 0 15px;
    }

    .header_menu ul li a {
        width: 100%;
        padding: 0 10px;
        border-right: 1px dotted #333;
    }

    .header_menu ul li:hover, .header_menu ul li.on {
        background: url(../img/flower.png) center top no-repeat;
    }
}

@media print, screen and (min-width: 1025px) and (max-width: 1190px) {
    #header {
        padding: 0;
    }

    .header_body {
        max-width: 980px;
    }

    .header_menu ul {
        font-size: 70%;
    }
}

@media print, screen and (min-width: 741px) and (max-width: 1360px) {
    #header {
        padding: 0;
    }

    .header_body {
        max-width: 740px;
    }

    .header_logo {
        width: 150px;
        margin-right: 0;
    }

    .header_button {
        width: 100px;
        margin-left: auto;
    }

    .header_menu ul {
        font-size: 70%;
    }

    .header_menu ul li {
        margin: 0 4px;
    }

    .header_menu ul li a {
        padding-right: 4px;
    }
}

/*　メイン　*/
/* --- SP ---------- */
@media print, screen and (max-width: 740px) {
    .pc_contents {
        display: none;
    }

    .btn_pink {
        width: 100%;
        margin: 30px auto;
        text-align: center;
    }

    .btn_pink a {
        font-family: TsukuGoPr5-D, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳ Pゴシック", Osaka, sans-serif;
        font-weight: bold;
        letter-spacing: 2px;
        display: block;
        cursor: pointer;
        margin: 0 auto;
        padding: 20px;
        color: #fff;
        text-align: center;
        text-decoration: none;
        background-color: #e67578;
        box-shadow: 6px 6px 0 #ffd5d6, 6px 8px 0 rgba(230,117,120,0.2);
        -webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
        transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
    }

    .btn_pink a:hover {
        background-color: #f09294;
        box-shadow: 6px 3px 0 #ffd5d6, 6px 6px 0px rgba(230,117,120,0.2);
        -webkit-transform: translateY(3px);
        transform: translateY(3px);
    }

    .btn_pink a:active {
        color: #fff;
        background-color: #ffb2b4;
        box-shadow: 0 0 0 #ffd5d6, 0 0 0px rgba(230,117,120,0.2);
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
        transition-duration: 0.1s;
    }

    #main {
        width: 100%;
        margin: 0;
        padding: 0;
        background: #EAF5FB;
    }

    #chapter0 {
        width: 100%;
        margin: 0;
        padding: 0;
        line-height: 0;
    }

    #chapter0 p {
        width: 90%;
        margin: auto;
        padding: 10px 0;
    }

    .main_image {
        margin: 0;
        padding: 0;
        line-height: 0;
    }

    p.lead {
        margin-left: 1em;
        margin-right: 1em;
    }

    .tri {
        width: 50px;
        margin: 5px auto;
    }
}

/* --- PC ---------- */
@media print, screen and (min-width: 741px) {
    .sp_contents {
        display: none;
    }

    .btn_pink {
        width: 100%;
        margin: 70px auto;
        text-align: center;
    }

    .btn_pink a {
        font-family: TsukuGoPr5-D, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳ Pゴシック", Osaka, sans-serif;
        font-weight: bold;
        letter-spacing: 2px;
        display: block;
        cursor: pointer;
        margin: 0 auto;
        padding: 20px;
        color: #fff;
        text-align: center;
        text-decoration: none;
        background-color: #e67578;
        box-shadow: 6px 6px 0 #ffd5d6, 6px 8px 0 rgba(230,117,120,0.2);
        -webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
        transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
    }

    .btn_pink a:hover {
        background-color: #f09294;
        box-shadow: 6px 3px 0 #ffd5d6, 6px 6px 0px rgba(230,117,120,0.2);
        -webkit-transform: translateY(3px);
        transform: translateY(3px);
    }

    .btn_pink a:active {
        color: #fff;
        background-color: #ffb2b4;
        box-shadow: 0 0 0 #ffd5d6, 0 0 0px rgba(230,117,120,0.2);
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
        transition-duration: 0.1s;
    }

    #main {
        width: 100%;
        margin: 0;
        padding: 0;
        background: #EAF5FB;
    }

    #chapter0 {
        width: 100%;
        margin: 0;
        padding: 0;
        line-height: 0;
    }

    .main_image {
        background-color: #ebebf5;
        text-align: center;
    }

    .main_image img {
        max-width: 1600px;
    }

    .main_button {
        max-width: 490px;
        position: relative;
        top: 655px;
        left: 300px;
    }

    p.lead {
        text-align: center;
    }

    .tri {
        width: 70px;
        margin: 10px auto;
    }
}

/*　chapter01　*/
/* --- SP ---------- */
@media print, screen and (max-width: 740px) {
    #chapter01 {
        width: 100%;
        padding: 15px 0;
        background: #fff;
    }

    .chapter01_body {
        width: 96%;
        margin: 0 auto;
        text-align: center;
    }

    .chapter01_body .chapter01_title {
        width: 98%;
        margin: 0 auto;
    }

    .chapter01_body .chapter01_title img {
        max-width: 900px;
    }

    .chapter01_wrap {
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: space-between;
        -webkit-justify-content: space-between;
    }

    .chapter01_box h3 {
        font-size: 160%;
        line-height: 130%;
        letter-spacing: 2px;
        color: #D81676;
        margin: 0;
    }

    .chapter01_box img {
        width: 60%;
        max-width: 310px;
    }
}

/* --- PC ---------- */
@media print, screen and (min-width: 741px) {
    #chapter01 {
        width: 100%;
        padding: 50px 0;
        background: #fff;
    }

    .chapter01_body {
        max-width: 1080px;
        width: 90%;
        margin: 0 auto;
        text-align: center;
    }

    .chapter01_body .chapter01_title {
        width: 90%;
        margin: 0 auto;
    }

    .chapter01_body .chapter01_title img {
        max-width: 900px;
    }

    .chapter01_wrap {
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: space-between;
        -webkit-justify-content: space-between;
    }

    .chapter01_box h3 {
        font-size: 160%;
        line-height: 160%;
        letter-spacing: 2px;
        color: #D81676;
    }

    .chapter01_box img {
        max-width: 310px;
    }
}

@media print, screen and (max-width: 460px) {
    .chapter01_box {
        width: 100%;
        text-align: center;
        border: 2px solid #514D7F;
        padding: 5px 3px;
        box-sizing: border-box;
        margin-bottom: 20px;
    }
}

@media print, screen and (min-width: 461px) and (max-width: 960px) {
    .chapter01_box {
        width: 49%;
        text-align: center;
        border: 2px solid #514D7F;
        padding: 25px 15px;
        box-sizing: border-box;
        margin-bottom: 10px;
    }
}

@media print, screen and (min-width: 961px) {
    .chapter01_box {
        width: 32%;
        text-align: center;
        border: 2px solid #514D7F;
        padding: 25px 15px;
        box-sizing: border-box;
        margin-bottom: 20px;
    }
}

/*　chapter02　*/
/* --- SP ---------- */
@media print, screen and (max-width: 740px) {
    #chapter02 {
        width: 100%;
        padding: 15px 0;
        background: url(../img/blue_bk.png) center center repeat-y;
    }

    #chapter02 .chapter02_title {
        text-align: center;
        margin-bottom: 15px;
    }

    #chapter02 .chapter02_title img {
        max-width: 900px;
    }

    .chapter02_body {
        max-width: 980px;
        width: 92%;
        margin: 0 auto 15px auto;
        background: #fff;
        padding: 15px 2%;
        position: relative;
    }

    .chapter02_body .left {
    }

    .chapter02_body .right {
        margin-top: 10px;
        text-align: center;
    }

    .chapter02_body .left h3 {
        text-align: center;
        font-size: 130%;
        line-height: 160%;
        letter-spacing: 2px;
        color: #474D89;
    }

    .chapter02_body p {
        font-size: 120%;
    }

    .chapter02_body .right img {
        width: 80%;
        margin: 0 auto;
        max-width: 430px;
    }

    #chapter02 .cafe {
        max-width: 1200px;
        width: 92%;
        margin: 20px auto 0;
        text-align: center;
    }

    #chapter02 .cafe h3 {
        color: #474D89;
        font-size: 140%;
        letter-spacing: 2px;
        margin: 8px 0;
    }
}

/* --- PC ---------- */
@media print, screen and (min-width: 741px) {
    #chapter02 {
        width: 100%;
        padding: 50px 0;
        background: url(../img/blue_bk.png) center center repeat-y;
    }

    #chapter02 .chapter02_title {
        text-align: center;
        margin-bottom: 50px;
    }

    #chapter02 .chapter02_title img {
        max-width: 900px;
    }

    .chapter02_body {
        max-width: 930px;
        width: 92%;
        margin: 0 auto 15px auto;
        background: #fff;
        padding: 25px 2%;
        position: relative;
    }

    .chapter02_body .left {
        width: 48%;
        float: left;
        text-align: center;
    }

    .chapter02_body .right {
        width: 48%;
        float: right;
        text-align: center;
    }

    .chapter02_body .left h3 {
        font-size: 180%;
        line-height: 160%;
        letter-spacing: 2px;
        color: #474D89;
    }

    .chapter02_body p {
        font-size: 140%;
        line-height: 160%;
    }

    .chapter02_body .right img {
        max-width: 430px;
    }

    #chapter02 .cafe {
        max-width: 600px;
        width: 80%;
        margin: 70px auto 0;
        text-align: center;
    }

    #chapter02 .cafe h3 {
        color: #474D89;
        font-size: 160%;
        letter-spacing: 2px;
        margin: 8px 0;
    }
}

@media print, screen and (min-width: 741px) and (max-width: 850px) {
    .chapter02_body .left h3 {
        font-size: 150%;
        line-height: 160%;
        letter-spacing: 2px;
        color: #474D89;
    }

    .chapter02_body p {
        font-size: 120%;
        line-height: 160%;
    }
}

/*　chapter03　*/
/* --- SP ---------- */
@media print, screen and (max-width: 740px) {
    #chapter03 {
        width: 100%;
        padding: 15px 0;
        background: #fff;
    }

    #chapter03 .chapter03_title {
        text-align: center;
        margin-bottom: 0;
    }

    #chapter03 .chapter03_title img {
        max-width: 900px;
    }

    .chapter03_body {
        max-width: 980px;
        width: 92%;
        margin: 0 auto;
        padding: 15px 2%;
        position: relative;
    }

    .chapter03_body .left {
        width: 100%;
    }

    .chapter03_body .right {
        margin-top: 5px;
    }

    .chapter03_body .right p {
        text-align: left;
    }

    .chapter03_body .left h3 {
        margin-top: 0;
        font-size: 120%;
        line-height: 160%;
        letter-spacing: 2px;
        padding: 5px 10px;
        background: #C71A6A;
        color: #fff;
    }

    .chapter03_body .left h4 {
        font-size: 90%;
    }

    .chapter03_body .left p {
        font-size: 90%;
    }

    .chapter03_body .left h4 span.course {
        padding: 3px 5px;
        margin-right: 3px;
        color: #C71A6A;
        border: 1px solid #C71A6A;
    }

    .chapter03_body .left p.address {
        margin-top: 5px;
        margin-bottom: 5px;
        padding-top: 5px;
    }

    .chapter03_body .left span.tel {
        font-weight: bold;
        font-size: 120%;
        line-height: 160%;
        margin-top: 0;
        margin-bottom: 0;
    }
}

/* --- PC ---------- */
@media print, screen and (min-width: 741px) {
    #chapter03 {
        width: 100%;
        padding: 50px 0;
        background: #fff;
    }

    #chapter03 .chapter03_title {
        text-align: center;
        margin-bottom: 15px;
    }

    #chapter03 .chapter03_title img {
        max-width: 900px;
    }

    .chapter03_body {
        max-width: 980px;
        width: 92%;
        margin: 0 auto 25px auto;
        background: #fff;
        padding: 25px 4%;
        position: relative;
    }

    .chapter03_body .left {
        width: 49%;
        float: left;
    }

    .chapter03_body .right {
        width: 49%;
        float: right;
        main_image text-align: center;
    }

    .chapter03_body .right p {
        text-align: right;
    }

    .chapter03_body .left h3 {
        margin-top: 0;
        font-size: 140%;
        line-height: 160%;
        letter-spacing: 2px;
        padding: 5px 10px;
        background: #C71A6A;
        color: #fff;
    }

    .chapter03_body .left h4 span.course {
        padding: 3px 5px;
        margin-right: 3px;
        color: #C71A6A;
        border: 1px solid #C71A6A;
    }

    .chapter03_body .left p.address {
        margin-top: 5px;
        padding-top: 5px;
    }

    .chapter03_body .left span.tel {
        font-weight: bold;
        font-size: 120%;
        line-height: 160%;
        margin-top: 0;
        margin-bottom: 0;
    }
}

/* --- SP ---------- */
.tbl-course {
    display: block;
    border-collapse: collapse;
}

.tbl-course thead {
    display: none;
}

.tbl-course tbody {
    display: block;
}

.tbl-course tbody tr {
    display: block;
}

.tbl-course th,.tbl-course td {
    padding: 1em;
    display: block;
}

.tbl-course tbody th {
    background-color: #eee;
}

.tbl-course tbody td {
    position: relative;
    text-align: right;
    padding-left: 6em;
}

.tbl-course tbody td:nth-of-type(1) {
    border-bottom: 1px solid #bbb;
}

.tbl-course tbody td::before {
    font-weight: bold;
    position: absolute;
    left: 1em;
}

.tbl-course tbody td:nth-of-type(1)::before {
    content: '料金';
}

.tbl-course tbody td:nth-of-type(2)::before {
    content: '開催日時';
}

.tbl-course tbody p {
    margin: 0;
}

.tbl-course .nyumon {
    color: #bf1b69;
}

.tbl-course .osarai {
    color: #917300;
}

.tbl-course .hitori {
    color: #484b9c;
}

/* --- PC ---------- */
@media print, screen and (min-width: 741px) {
    .tbl-course {
        display: table;
        width: 100%;
    }

    .tbl-course thead {
        display: table-header-group;
    }

    .tbl-course th, .tbl-course td {
        display: table-cell;
        border: 1px solid #bbb;
    }

    .tbl-course th {
        background-color: #eee;
    }

    .tbl-course tbody {
        display: table-row-group;
    }

    .tbl-course tbody tr {
        display: table-row;
    }

    .tbl-course tbody th {
        background-color: transparent;
    }

    .tbl-course tbody td {
        padding-left: 1em;
        text-align: center;
    }

    .tbl-course tbody td::before {
        display: none;
    }
}

@media print, screen and (min-width: 741px) and (max-width: 1000px) {
    .chapter03_body .left h3 {
        font-size: 100%;
    }

    .chapter03_body .left h4 {
        font-size: 80%;
    }

    .chapter03_body .left p {
        font-size: 80%;
    }
}

/*　chapter04　*/
/* --- SP ---------- */
@media print, screen and (max-width: 740px) {
    #chapter04 {
        width: 100%;
        padding: 15px 0;
    }

    .chapter04_body .chapter04_title {
        text-align: center;
        margin-bottom: 0;
    }

    .chapter04_body .chapter04_title h2 {
        margin-bottom: 0;
    }

    #chapter04 .chapter04_title img {
        max-width: 900px;
    }

    .chapter04_body {
        max-width: 950px;
        width: 90%;
        margin: 0 auto 15px auto;
        padding: 10px 4% 15px 4%;
        background: #fff;
    }

    .chapter04_wrap {
        width: 100%;
        padding: 15px 0;
        border-bottom: 1px solid #333;
    }

    .chapter04_wrap:first-child {
        padding-top: 0;
    }

    .chapter04_wrap:last-child {
        border-bottom: 0;
    }

    .chapter04_ir {
        text-align: left;
    }

    .chapter04_ir img {
        max-width: 850px;
    }

    .chapter04_wrap dl {
        margin: 5px 0 0 0;
        padding: 0;
        font-size: 120%;
        line-height: 160%;
    }

    .chapter04_wrap dl dt {
        font-weight: bold;
        width: 2em;
    }

    .chapter04_wrap dl dd {
        margin: -1.6em 0 0 2em;
    }
}

/* --- PC ---------- */
@media print, screen and (min-width: 741px) {
    #chapter04 {
        width: 100%;
        padding: 50px 0;
    }

    .chapter04_body .chapter04_title {
        text-align: center;
        margin-bottom: 0;
    }

    #chapter04 .chapter04_title img {
        max-width: 900px;
    }

    .chapter04_body {
        max-width: 950px;
        width: 90%;
        margin: 0 auto 25px auto;
        padding: 25px 4% 50px 4%;
        background: #fff;
    }

    .chapter04_wrap {
        width: 100%;
        padding: 25px 0;
        border-bottom: 2px solid #333;
    }

    .chapter04_wrap:last-child {
        border-bottom: 0;
    }

    .chapter04_ir {
        text-align: left;
    }

    .chapter04_ir img {
        max-width: 850px;
    }

    .chapter04_wrap dl {
        margin: 15px 0 0 0;
        padding: 0;
        font-size: 120%;
        line-height: 160%;
    }

    .chapter04_wrap dl dt {
        font-weight: bold;
        width: 2em;
    }

    .chapter04_wrap dl dd {
        margin: -1.6em 0 0 2em;
    }
}

/*　chapter05　*/
/* --- SP ---------- */
@media print, screen and (max-width: 740px) {
    #chapter05 {
        width: 100%;
        padding: 15px 0;
        background: #fff;
    }

    .chapter05_body {
        width: 100%;
        background: url(../img/blue_bk.png) center center repeat-y;
    }

    .chapter05_body .chapter05_title {
        text-align: center;
    }

    .chapter05_body .chapter05_title img {
        max-width: 900px;
    }

    .chapter05_wrap {
        max-width: 980px;
        width: 92%;
        margin: 0 auto;
        padding: 0 2%;
        position: relative;
        text-align: center;
        display: grid;
        grid-template-rows: min-content;
        grid-gap: 15px;
    }

    .chapter05_wrap .teacher {
        text-align: center;
    }

    .chapter05_wrap .teacher p {
        margin-top: 0;
    }

    .chapter05_image img {
        max-width: 300px;
    }
}

/* --- PC ---------- */
@media print, screen and (min-width: 741px) {
    #chapter05 {
        width: 100%;
        padding: 50px 0;
        background: #fff;
    }

    .chapter05_body {
        width: 100%;
        background: url(../img/blue_bk.png) center center repeat-y;
    }

    .chapter05_body .chapter05_title {
        text-align: center;
    }

    .chapter05_body .chapter05_title img {
        max-width: 900px;
    }

    .chapter05_wrap {
        max-width: 980px;
        width: 92%;
        margin: 50px auto;
        padding: 50px 4%;
        position: relative;
        text-align: center;
        display: grid;
        grid-template-columns: repeat(auto-fit,minmax(300px,1fr));
        grid-gap: 1%;
    }

    .chapter05_wrap .teacher {
        text-align: center;
    }

    .chapter05_wrap .teacher p {
        margin-top: 0;
    }

    .chapter05_image img {
        max-width: 300px;
    }
}

/*　chapter06　*/
/* --- SP ---------- */
@media print, screen and (max-width: 740px) {
    #chapter06 {
        width: 100%;
        padding: 15px 0;
    }

    .chapter06_body {
        width: 92%;
        padding: 0 4%;
    }

    .chapter06_body .chapter06_title {
        text-align: center;
        margin-bottom: 10px;
    }

    .chapter06_body .chapter06_title img {
        max-width: 900px;
    }

    .chapter06_body p {
        font-size: 110%;
        line-height: 160%;
    }
}

/* --- PC ---------- */
@media print, screen and (min-width: 741px) {
    #chapter06 {
        width: 100%;
        padding: 50px 0;
    }

    .chapter06_body {
        width: 92%;
        padding: 0 4%;
        text-align: center;
    }

    .chapter06_body .chapter06_title {
        text-align: center;
        margin-bottom: 15px;
    }

    .chapter06_body .chapter06_title img {
        max-width: 900px;
    }

    .chapter06_body p {
        font-weight: bold;
        font-size: 120%;
        line-height: 160%;
    }
}

/*　chapter07　*/
/* --- SP ---------- */
@media print, screen and (max-width: 740px) {
    #chapter07 {
        width: 100%;
        background: #fff;
    }

    .chapter07_body {
        padding: 15px 0;
        background: url(../img/white_bk02.png) center center repeat-y;
        text-align: center;
    }

    .chapter07_body .bnr01 {
        width: 80%;
        margin: 0 auto;
        text-align: center;
    }

    .chapter07_body .bnr01 img {
        max-width: 820px;
    }

    .chapter07_body .bnr02 {
        width: 80%;
        margin: 0 auto;
        text-align: center;
    }

    .chapter07_body .bnr02 img {
        max-width: 740px;
    }
}

/* --- PC ---------- */
@media print, screen and (min-width: 741px) {
    #chapter07 {
        width: 100%;
        background: #fff;
    }

    .chapter07_body {
        padding: 50px 0;
        background: url(../img/white_bk02.png) center center repeat-y;
        text-align: center;
    }

    .chapter07_body .bnr01 {
        width: 80%;
        margin: 0 auto;
        text-align: center;
    }

    .chapter07_body .bnr01 img {
        max-width: 820px;
    }

    .chapter07_body .bnr02 {
        width: 80%;
        margin: 0 auto;
        text-align: center;
    }

    .chapter07_body .bnr02 img {
        max-width: 740px;
    }
}

/*　chapter09　トップページ以外　*/
/* --- SP ---------- */
@media print, screen and (max-width: 740px) {
    #chapter09 {
        width: 100%;
        padding: 15px 0;
    }

    .chapter09_body {
        max-width: 980px;
        width: 90%;
        margin: 0 auto;
        padding: 10px 4%;
        position: relative;
        background: #fff;
    }

    p.danraku {
        margin-top: 25px;
    }

    .chapter09_wrap h3.privacy {
        font-size: 100%;
        margin: 15px 0 0 0;
        color: #B21A33;
    }

    .chapter09_wrap .gaiyou {
        width: 100%;
    }

    .chapter09_wrap .gaiyou_tr {
    }

    .chapter09_wrap .gaiyou_th {
        margin-bottom: 10px;
        color: #B21A33;
    }

    .chapter09_wrap .gaiyou_td {
        margin-bottom: 25px;
    }

    .chapter09_wrap .payment {
        display: flex;
        flex-wrap: wrap;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
    }

    .chapter09_wrap .payment_body {
        margin-right: 1%;
        text-align: center;
    }

    .chapter09_wrap .payment_body p {
        font-size: 7pt;
    }

    .chapter09_wrap .payment_body img {
        width: 70px;
    }

    .chapter09_wrap dt {
        font-weight: bold;
    }

    .chapter09_wrap dd {
        margin-left: 0;
        margin-bottom: 15px;
    }
}

/* --- PC ---------- */
@media print, screen and (min-width: 741px) {
    #chapter09 {
        width: 100%;
        padding: 50px 0;
    }

    .chapter09_body {
        max-width: 980px;
        width: 90%;
        margin: 0 auto;
        padding: 25px 4%;
        position: relative;
        background: #fff;
    }

    p.danraku {
        margin-top: 35px;
    }

    .chapter09_wrap h3.privacy {
        font-size: 100%;
        margin: 25px 0 0 0;
        color: #B21A33;
    }

    .chapter09_wrap .gaiyou {
        display: table;
        width: 100%;
        border: 1px solid #ccc;
        border-collapse: collapse;
    }

    .chapter09_wrap .gaiyou_tr {
        display: table-row;
    }

    .chapter09_wrap .gaiyou_th {
        display: table-cell;
        padding: 10px 10px 0 10px;
        border: 1px solid #fff;
        background-color: #f6bfbc;
        white-space: nowrap;
    }

    .chapter09_wrap .gaiyou_td {
        display: table-cell;
        border: 1px solid #ccc;
        padding: 10px 10px 0 10px;
    }

    .chapter09_wrap .payment {
        display: flex;
        flex-wrap: wrap;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
    }

    .chapter09_wrap .payment_body {
        margin-right: 1%;
        text-align: center;
    }

    .chapter09_wrap .payment_body p {
        font-size: 7pt;
    }

    .chapter09_wrap .payment_body img {
        width: 70px;
    }

    .chapter09_wrap dt {
        font-weight: bold;
    }

    .chapter09_wrap dd {
        margin-left: 0;
        margin-bottom: 20px;
    }
}

/*　chapter10　*/
/* --- SP ---------- */
@media print, screen and (max-width: 740px) {
    #chapter03 {
        width: 100%;
        padding: 15px 0;
        background: #fff;
    }

    #chapter03 .chapter03_title {
        text-align: center;
        margin-bottom: 0;
    }

    #chapter03 .chapter03_title img {
        max-width: 900px;
    }

    .chapter10_body {
        max-width: 980px;
        width: 92%;
        margin: 0 auto;
        padding: 15px 2%;
        position: relative;
        background: #fff;
    }

    .chapter10_body .left {
        width: 100%;
    }

    .chapter10_body .right {
        margin-top: 5px;
    }

    .chapter10_body .right p {
        text-align: right;
        color: #C71A6A;
    }

    .chapter10_body .left h3 {
        margin-top: 0;
        font-size: 100%;
        line-height: 160%;
        letter-spacing: 2px;
        padding: 5px 10px;
        background: #C71A6A;
        color: #fff;
    }

    .chapter10_body .left h3 i:first-of-type {
        margin-left: 1em;
        margin-right: 0.2em;
    }

    .chapter10_body .left h3 i:last-of-type {
        margin-left: 0.2em;
        margin-right: 1em;
    }

    .chapter10_body .left h3 span.course {
        font-size: 120%;
    }

    .chapter10_body .left h4 {
        font-size: 90%;
    }

    .chapter10_body .left p {
        font-size: 90%;
    }

    .chapter10_body .left h4 span.course {
        padding: 3px 5px;
        margin-right: 3px;
        color: #C71A6A;
        border: 1px solid #C71A6A;
    }

    .chapter10_body .left dl {
        margin: 5px 0 0 0;
        padding: 0;
    }

    .chapter10_body .left dt {
        float: left;
        width: 17%;
    }

    .chapter10_body .left dd {
        padding-left: 5%;
    }

    .chapter10_body .left p.item {
        border-bottom: 2px solid #C71A6A;
        margin-top: 5px;
        margin-bottom: 5px;
        padding-top: 5px;
        font-size: 140%;
    }

    .chapter10_body .left p.tel {
        font-weight: bold;
        font-size: 120%;
        line-height: 160%;
        margin-top: 0;
        margin-bottom: 0;
    }
}

/* --- PC ---------- */
@media print, screen and (min-width: 741px) {
    #chapter03 {
        width: 100%;
        padding: 50px 0;
        background: #fff;
    }

    #chapter03 .chapter03_title {
        text-align: center;
        margin-bottom: 15px;
    }

    #chapter03 .chapter03_title img {
        max-width: 900px;
    }

    .chapter10_body {
        max-width: 980px;
        width: 92%;
        margin: 0 auto 25px auto;
        background: #fff;
        padding: 25px 4%;
        position: relative;
    }

    .chapter10_body .left {
        width: 100%;
        float: left;
    }

    .chapter10_body .left h3 {
        margin-top: 0;
        font-size: 100%;
        line-height: 160%;
        letter-spacing: 2px;
        padding: 5px 10px;
        background: #C71A6A;
        color: #fff;
    }

    .chapter10_body .left h3 i:first-of-type {
        margin-left: 1em;
        margin-right: 0.2em;
    }

    .chapter10_body .left h3 i:last-of-type {
        margin-left: 0.2em;
        margin-right: 1em;
    }

    .chapter10_body .left h3 span.course {
        text-align: right;
        font-size: 140%;
    }

    .chapter10_body .left h4 span.course {
        text-align: left;
        padding: 3px 5px;
        margin-right: 3px;
        color: #C71A6A;
        border: 1px solid #C71A6A;
    }

    .chapter10_body .left dl {
        margin: 5px 0 0 0;
        padding: 0;
    }

    .chapter10_body .left dt {
        float: left;
        width: 6%;
    }

    .chapter10_body .left dd {
        padding-left: 3%;
    }

    .chapter10_body .left p.item {
        border-bottom: 2px solid #C71A6A;
        margin-top: 5px;
        margin-bottom: 5px;
        padding-top: 5px;
        font-size: 140%;
    }

    .chapter10_body .left p.tel {
        font-weight: bold;
        font-size: 120%;
        line-height: 160%;
        margin-top: 0;
        margin-bottom: 0;
    }
}

@media print, screen and (min-width: 741px) and (max-width: 1000px) {
    .chapter10_body .left h3 {
        font-size: 100%;
    }

    .chapter10_body .left h4 {
        font-size: 80%;
    }

    .chapter10_body .left p {
        font-size: 80%;
    }
}

/*　Youtube　*/
/* --- SP ---------- */
@media print, screen and (max-width: 740px) {
    .youtube {
        width: 100%;
        margin: 0 auto;
    }
}

/* --- PC ---------- */
@media print, screen and (min-width: 741px) {
    .youtube {
        width: 600px;
        margin: 0 auto;
    }
}

/* --- SP ---------- */
@media print, screen and (max-width: 740px) {
    .pagetop {
        width: 40px;
        position: fixed;
        right: 5px;
        bottom: 45px;
        z-index: 9999;
    }
}

/* --- PC ---------- */
@media print, screen and (min-width: 741px) {
    .pagetop {
        width: 80px;
        position: fixed;
        right: 10px;
        bottom: 10px;
        z-index: 9999;
    }
}

/*　フッター　*/
/* --- SP ---------- */
@media print, screen and (max-width: 740px) {
    #footer {
        width:100%;
        padding: 15px 0;
        background: #484B9C;
    }

    .footer_body {
        width: 98%;
        margin: 0 auto;
    }

    .footer_logo {
        text-align: center;
        width: 80%;
        margin: 5px auto;
    }

    .footer_logo img {
        max-width: 270px;
    }

    .footer_menu {
        display: none;
    }

    .copyright {
        text-align: center;
        color: #fff;
    }
}

/* --- PC ---------- */
@media print, screen and (min-width: 741px) {
    #footer {
        width: 100%;
        padding: 25px 0;
        background: #484B9C;
    }

    .footer_body {
        max-width: 1200px;
        margin: 0 auto;
        text-align: center;
    }

    .footer_logo {
        text-align: center;
        margin: 5px auto;
    }

    .footer_logo img {
        max-width: 270px;
    }

    .footer_menu {
        color: #fff;
    }

    .footer_menu a {
        color: #fff;
    }

    .copyright {
        text-align: center;
        color: #fff;
    }
}

/*　固定CTA　*/
/* --- SP ---------- */
@media print, screen and (max-width: 740px) {
    .fixed_cta {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 10;
        transform: translateY(100%);
        transition: 0.5s;
    }

    .cta-fix .fixed_cta {
        transform: translateY(0);
    }

    .fixed_cta--apply {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        background-color: #f13e91;
        padding: 5px;
        grid-column-gap: 5px;
    }

    .fixed_cta--apply a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        background-color: #D81676;
        color: #fff;
        font-size: 16px;
        line-height: 1;
        padding: 0.5em;
        text-decoration: none;
    }

    .fixed_cta--apply--link i {
        margin-right: 0.5em;
    }

    .cta-fix #footer {
        padding-bottom: 65px;
    }
}

/* --- PC ---------- */
@media print, screen and (min-width: 741px) {
    .fixed_cta {
        position: fixed;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        z-index: 10;
    }

    .fixed_cta * {
        box-sizing: border-box;
    }

    .fixed_cta--apply {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        background-color: #f13e91;
        padding: 5px;
        grid-row-gap: 5px;
    }

    .fixed_cta--apply a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        color: #fff;
        background-color: #D81676;
        border: 1px solid #D81676;
        font-size: 20px;
        -webkit-writing-mode: vertical-rl;
        -moz-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        -ms-writing-mode: vertical-rl;
        writing-mode: vertical-rl;
        padding: 15px 15px;
        line-height: 1;
        text-decoration: none;
        transition: 0.3s;
    }

    .fixed_cta--apply a:hover {
        background-color: #f13e91;
        border: 1px solid #fff;
    }

    .fixed_cta--apply--link i {
        margin-bottom: 0.3em;
    }
}