@charset "UTF-8";
/* KOKOKARA CSS Document */

/* 全体のための記述 */
body {
    font-family: "fot-tsukuardgothic-std", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    color: #231815;
    background-color: #ffffff;
}
.romaji {
    font-weight: bold;
    font-family: "fot-tsukuardgothic-std", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
a {
    color: #67c4cb;
    -webkit-transition: 0.3s ease-in-out !important;
}
a:hover {
    color: #e35562;
    text-decoration: none;
}
h1#logo {
    margin-top: 14px;
}
.h_logo {
    width: 230px;
    height: auto;
}
.site-navigation {
    box-shadow: none;
    background-color: #ffffff;
}
#main-menu > li > a {
    font-size: 12px;
    color: #231815 !important;
    font-weight: bold;
    letter-spacing: 0.1em;
    padding-left: 10px;
    padding-right: 10px;
}
#main-menu > li > a:hover {
    color: #67c4cb !important;
    border-bottom: 3px solid;
}
.dropdown-menu {
    box-shadow: none;
    background-color: #353535 !important;
    min-width: 240px;
}
.dropdown-menu li a {
    color: #231815 !important;
    font-size: 12px !important;
    letter-spacing: 0.1em;
    font-weight: bold;
    background-color: #ffffff !important;
}
.dropdown-menu .menu-item > a:hover {
    color: #e35562 !important;
    background-color: #ffffff !important;
}
#footer, .footer_main, .scrolltotop {
    background: #e4e4e4;
}
.social-icon {
    margin-top: 0px;
    background-color: #3b5998;
    height: 40px;
}
.social-icon:hover {
    background-color: #feb753 !important;
}
.scrolltotop_arrow {
    background-image: none;
}
.scrolltotop_arrow a {
    color: #969696;
}
.scrolltotop_arrow a:hover {
    color: #FF8585;
}
.copr {
    background-color: #ffffff;
    color: #898989;
}
.copyright a {
    color: #898989;
}
.copyright a:hover {
    text-decoration: none;
    color: #67c4cb;
}
.footer-menu.collapse.navbar-collapse ul {
    margin: 0 10px;
    text-align: center;
    width: 90%;
}
.f_logo {
    width: 200px;
}
.footer-menu ul li a {
    color: #969696 !important;
    text-align: center;
    line-height: 1.6;
    font-size: 12px !important;
    font-weight: normal;
}
.footer-menu ul li a:hover {
    color: #ffffff !important;
}
h3#footer_logo {
    margin-bottom: 20px;
}
p.telLink {
    font-size: 2em;
    color: #4899d4;
}
.sns_default_top {
    margin-left: -20px;
}
/* フロントページ用の記述 */
.first-h1 {
    color: #FFFFFF;
    text-shadow: 0px 0px 10px #666666 !important;
    margin: 0 auto 30px;
}
h2.first-h1 img {
/*     width: 700px !important; */
}
#second {
    padding: 0;
    background-image: url(/wp-content/uploads/2018/07/bg_second.jpg);
    background-size: cover;
    background-position: center;
}
p.second-img {
    margin: 50px 0 0;
}
p.second-img img {
    width: 300px;
}
.amore-welcome-top {
    padding: 100px 15px;
    background-image: url(/wp-content/uploads/2025/07/second_img02.png);
    background-repeat: no-repeat;
    background-size: 300px;
    background-position: right center;
    min-height: 340px;
}
.second-lead.mb40 h2 {
    text-align: left;
    font-size: 28px;
    line-height: 1.6em;
    font-weight: bold;
    margin: 0;
}
.second-body, .second-body {
    color: #231815 !important;
    font-size: 14px !important;
    font-weight: normal;
    text-align: left;
    letter-spacing: 0.05em;
}
.top-headline {
    color: #231815 !important;
    letter-spacing: 0.1em;
    font-size: 34px;
    text-align: center;
    padding: 10px;
    margin: 0px;
    font-weight: bold;
    text-shadow: none !important;
}
.third-banner-headline {
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.1em;
    color: #e35562;
}
.third-banner-body {
    color: #231815;
}
.circle-banner:hover .cover {
    background: rgba(103, 196, 203, 0.85);
}
.cover.text-center h3 {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 26px;
}
.square-banner-label {
    background: #e35562;
    color: #ffffff;
    font-weight: normal;
}
.button a, .pager li > a, .pager li > span {
    background-color: #cdcdcd;
    font-size: 12px;
    border-radius: 3px;
    font-weight: bold;
    color: #fffff7;
}
.button a:hover, .pager li > a:hover {
    background-color: #67c4cb !important;
    color: #ffffff;
}
.timestamp {
    color: #231815;
    font-weight: normal;
}
.list-title a, .blog-list-title a {
    color: #67c4cb;
    font-weight: bold;
}
.list-title a:hover {
    color: #e35562;
}
.list-body {
    font-size: 14px;
    line-height: 200%;
}
.list-body a {
    color: #333;
}
.fifth-banner-headline {
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    color: #67c4cb;
}
.map-wrap-dark {
    color: #ffffff;
    font-size: 14px;
    background: none;
    padding: 0;
    text-align: center;
}
#footer_social_link li:before {
    font-size: 24px;
    color: #969696;
}
/* 固定ページのための記述 */
.article {
    margin-bottom: 100px;
}
.amore-divider {
    padding: 60px 0 !important;
}
.single-page {
    margin-bottom: 0px;
}
.foogallery {
    margin: 50px 0 0;
}
.breadcrumb {
    background: none;
    text-align: left;
    margin-bottom: 40px !important;
    color: #aaa;
}
#bread_crumb {
    margin-bottom: 50px;
}
#bread_crumb li.home a:before {
    color: #333;
}
.breadcrumb-home {
    margin-right: 8px;
    padding-bottom: 3px;
    color: #333;
}
#bread_crumb li {
    font-weight: normal;
    background-image: none;
    color: #333;
}
.single-page a {
    color: #55c2e6;
    font-weight: bold;
    text-decoration: none;
}
.single-page a:hover {
    color: #44a0bf;
}
.single-page p {
    line-height: 2em;
    font-size: 14px;
    margin-bottom: 20px;
    letter-spacing: 1px;
}
p.mainText {
    text-align: center;
}
.single-page h2 {
    margin: 150px 0 30px;
    padding: 0px 0 15px 70px;
    font-size: 26px;
    font-weight: bold;
    text-align: left;
    background-image: url(/wp-content/uploads/2018/07/h2.png);
    background-size: 50px;
    background-repeat: no-repeat;
    background-position: left 3px;
    border-bottom: 3px solid #e4e4e4;
}
.single-page h3 {
    font-size: 20px;
    line-height: 1.5em;
    color: #e35562;
    margin: 80px 0px 20px;
    text-align: left;
    font-weight: bold;
    padding: 0 0 10px;
    background: none;
    border-bottom: #67c4cb 2px dotted;
}
h2.firstTitle, h3.firstTitle, .firstBox {
    margin-top: 0px !important;
}
.single-page ul, .single-page ol, .single-page dl {
    margin-bottom: 0;
}
.single-page ul {
    list-style: none;
    padding-left: 0;
}
.single-page li {
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 24px;
    list-style: disc;
    margin-left: 15px;
}
.single-page ol li {
    background-image: none;
    padding: 0;
    margin-bottom: 10px;
    font-weight: normal;
    color: #7b7b7b;
    font-size: 16px;
    line-height: 2em;
}
.single-page table {
    margin: 0 auto 20px;
}
.single-page td, .single-page th {
    padding: 15px;
    line-height: 1.6;
    border: 1px solid #e3e3e3;
    font-size: 14px;
    background: none;
}
.single-page th {
    width: 25%;
    text-align: center;
    color: #8a8a8a;
}
.single-page dt, .single-page dd {
    font-size: 16px;
    line-height: 1.8em;
}
.single-page dt {
    font-weight: bold;
    color: #231815;
}
/* サイト独自の記述 */
.contents {
    margin-bottom: 150px;
}
.contBox {
    width: 47.9%;
    vertical-align: top;
    display: inline-block;
    box-sizing: border-box;
}
.contBox.left {
    margin-right: 3.5%;
}
.bannerBox {
    margin: 70px 0 0;
}
.tripleBox {
    width: 32.5%;
    display: inline-block;
    vertical-align: top;
}
.tripleBox img {
    margin: 0px !important;
}
.tripleBox.right {
    float: right;
}
.tripleBox.center {
    margin: 0 1%;
}
i.fa.fa-phone {
    margin-right: 10px;
}
.single-page img.aligncenter {
    margin: 0 !important;
}
.fa-arrow-circle-right {
    margin-right: 5px;
    color: #e45b5b;
}
/* サイド */
.sidebar-padder {
    margin-top: 50px;
}
a.side_but_img {
    display: block;
    border: 4px solid #dcdcdc;
}
a:hover.side_but_img {
    border: 4px solid #a047cd;
}
a.side_but_img img {
    width: 100%;
}
h3.side_headline {
    background-color: #f7f7f7;
    padding: 10px;
    font-size: 1em;
    font-weight: normal;
    color: #231815;
    border-radius: 4px;
    line-height: 1.5em;
}
.nav > li > a:hover, .nav > li > a:focus {
    background: none;
}
.side_contact h3 {
    text-align: center;
    font-size: 1.1em;
    font-weight: bold;
    color: #f44e50;
    margin-bottom: 10px;
}
.side_contact {
    color: #a047cd;
    box-sizing: border-box;
    padding: 20px;
    background-color: #f6f5f7;
    border-radius: 8px;
}
.side_contact p.tel_text {
    font-size: 1.5em;
    margin-bottom: 10px;
}
.side_contact p.tel_text_small {
    font-size: 0.8em;
    color: #333;
}
.side_contact p.open_text {
    font-size: 1em;
    margin-bottom: 0;
}
@media only screen and (max-width: 991px) {
    .side_contact p.tel_text {
        font-size: 1.1em;
        text-align: left;
    }
    .side_contact p.tel_text_small {
        text-align: left;
    }
    .side_contact h3 {
        font-size: 0.8em;
        text-align: center;
    }
    .side_contact p.open_text {
        font-size: 0.7em;
    }
}
/* お問い合わせフォームのための記述 */
.wpcf7 {
    background: none;
    margin-bottom: 100px !important;
    border: none;
}
.wpcf7 form {
    padding: 0;
    margin: 0;
}
.wpcf7 input, .wpcf7 textarea {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #eaeaea;
    border: 3px solid #eaeaea;
    padding: 15px;
    border-radius: 0px;
}
.wpcf7 input:focus, .wpcf7 textarea:focus {
    box-shadow: none;
    border: 3px solid #67c4cb;
}
.wpcf7 .wpcf7-not-valid {
    border: 3px solid #e23131;
    background-color: #fff;
}
.wpcf7 input.wpcf7-submit {
    background-color: #c66565;
    border-radius: 4px;
}
/* 基本設定のための記述 */
.cont_box {
    width: 49%;
    display: inline-block;
    padding: 0 2%;
    box-sizing: border-box;
    margin-bottom: 15px;
    margin: 0 0.4% 15px;
    vertical-align: top;
}
.clearfix {
    display: block;
}
.margin-100 {
    margin-bottom: 100px !important;
}
.margin-90 {
    margin-bottom: 90px !important;
}
.margin-80 {
    margin-bottom: 80px !important;
}
.margin-70 {
    margin-bottom: 70px !important;
}
.margin-60 {
    margin-bottom: 60px !important;
}
.margin-50 {
    margin-bottom: 50px !important;
}
.margin-40 {
    margin-bottom: 40px !important;
}
.margin-30 {
    margin-bottom: 30px !important;
}
.margin-20 {
    margin-bottom: 20px !important;
}
.margin-10 {
    margin-bottom: 10px !important;
}
.margin-0 {
    margin-bottom: 0px !important;
}
/* お知らせ一覧 */
.cate-title {
    font-size: 30px;
    margin-bottom: 20px !important;
    letter-spacing: 2px;
    font-weight: bold;
}
.blog-list-title {
    font-weight: normal;
}
.blog-list-timestamp {
    color: #231815;
}
.thumb:hover:after {
    box-shadow: inset 0 0 0 4px #e35562;
}
.page_navi a:hover {
    background: #ffa2a5;
}
/* お知らせ詳細 */
.page-title {
    font-weight: bold;
    color: #231815;
}
.side_widget ul li a {
    padding: 0;
}
span.post-date {
    margin-bottom: 20px;
    display: block;
    font-size: 0.8em;
    border-bottom: 1px dotted;
    padding-bottom: 20px;
}
@media only screen and (min-width: 480px) {
	#share_btm1 {
    margin: 60px 0 20px;
}
}
/* レスポンシブの為の記述 */
@media(max-width: 1200px) {
    #main-menu > li > a {
        font-size: 10px;
    }
}
@media (max-width: 1024px) {
    #topcover {
        background: none!important;
    }
    a.menu_button:before {
        color: #67c4cb;
    }
    a.menu_button:hover, a.menu_button.active {

        background: #ececec;
    }
    a.menu_button:hover:before, a.menu_button.active:before {
        color: #e35562;
    }
    .pc #global_menu ul li a {
        font-size: 12px;
        color: #231815 !important;
    }
    .mobile #global_menu a {
        background: #ffffff !important;
        color: #231815 !important;
    }
    .mobile #global_menu a:hover {
        color: #ffffff !important;
        background-color: #e35562 !important;
    }
    .mobile #global_menu ul ul a {
        background: #3eb4d5 !important;
    }
    .mobile #global_menu .child_menu_button .icon:before {
        color: #231815;
        border: 1px solid #231815;
    }
    /* サイト独自の記述 */
    .cont_box {
        margin: 0 0.3% 15px;
    }
}
@media only screen and (max-width: 991px) {
    body.page-template-page-nosidebar {
        background: none;
    }
    .h_logo {
        width: 200px;
        height: auto;
    }
    h2.first-h1 img {
        width: 60%;
    }
    #main-menu > li > a:hover {
        background: #513a1e !important;
        color: #fff !important;
        border: none;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #ffffff;
    }
    .navbar-collapse {
        background-color: rgba(214, 170, 194, 0.86) !important;
    }
    #main-menu > li > a {
        font-size: 14px;
        color: #ffffff !important;
        text-shadow: none;
    }
    .dropdown-menu {
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }
    .dropdown-menu li a {
        padding: 10px 0 10px 35px;
        color: #ffffff !important;
        font-size: 14px;
    }
    .amore-divider .top-headline {
        margin-top: 0px;
        margin-bottom: 10px;
        line-height: 3.5em !important;
        letter-spacing: 0.2em;
        font-size: 3em !important;
    }
    .second-lead.mb40 {
        margin-bottom: 10px !important;
        width: 96%;
    }
    .second-lead.mb40 h2 {
        text-align: left;
        line-height: 1.6em;
        font-size: 22px;
        margin-bottom: 40px;
    }
    .top-headline {
        font-size: 2em;
    }
    .navbar-nav > li {
        border-bottom: 1px dotted #d6aac2;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .second-body, .second-body {
        text-align: left;
        font-size: 14px !important;
        width: 96%;
    }
    .single-page p, .single-page li, .entry-content ol, .single-page ol li, .single-page dt, .single-page dd {
        font-size: 12px;
    }
    .single-page {
        margin-bottom: 70px;
    }
    .single-page h2 {
        font-size: 22px;
        margin-bottom: 20px;
        margin-top: 100px;
    }
    .single-page h3 {
        font-size: 18px;
        padding: 0 0 10px;
    }
    .single-page td, .single-page th {
        padding: 10px 15px 10px;
        font-size: 14px;
    }
    .contBox {
        width: 100%;
        margin-bottom: 20px;
    }
    .contBox.left {
        margin: 0 0 35px;
    }
    .contBox {
        width: 100%;
    }
    .contBox.left {
        margin: 0 0 15px;
    }
}
@media only screen and (max-width: 771px) {
    .dp-footer-bar {
        background: rgb(62, 180, 213) !important;
        border-top: solid 1px #2d99b7 !important;
    }
    .dp-footer-bar-item + .dp-footer-bar-item {
        border-left: solid 1px #2d99b7 !important;
    }
    .dp-footer-bar a {
        color: #ffffff !important;
    }
    h1#logo {
        margin-top: 6px;
    }
    h1#logo, #logo {
        top: 0px !important;
    }
    #logo_image #logo img {
        height: 25px !important;
        margin-top: 16px;
    }
    .h_logo {
        width: 200px;
    }
    .amore-welcome-top {
        padding: 50px 10px;
    }
    #return_top a {
        background: #67c4cb;
    }
    #return_top a:before {
        color: #ffffff;
    }
    #sixth {
        background-size: cover;
        padding: 0;
        background-image: url(/wp-content/uploads/tcd-w/bg_map.jpg) !important;
    }
    #footer.front_mobile_footer {
        background: #e4e4e4;
        padding: 40px 0;
    }
    /* サイト独自 */
    .footer_social_link_wrapper {
        background: none;
    }
    .footer_mobile_menu_wrapper {
        background: none;
        padding-bottom: 30px;
    }
    .footer_mobile_menu a {
        color: #959595 !important;
        font-size: 12px;
    }
    fifth-banner-headline {
        text-align: LEFT !important;
        font-size: 16px !important;
    }
    #footer.mobile_footer {
        background: #e4e4e4;
        padding: 30px 0;
    }
}
@media only screen and (max-width: 700px) {
    .amore-divider .top-headline {
        font-size: 2em !important;
        line-height: 4.3em !important;
    }
    .first-h1 {
        margin: 20px 0 0;
        padding: 0;
    }
    .map-wrap-dark {
        width: 100%;
        margin: 0;
        border: none;
        text-align: left;
        font-size: 14px;
    }
    /* サイト独自 */
}
@media only screen and (min-width: 486px) {
    br.pcnone {
        display: none;
    }
}
@media only screen and (max-width: 485px) {
    .second-body, .second-body {
        font-size: 12px !important;
    }
    a.tel-link {
        color: #f05454;
    }
    p.mainText {
        text-align: left;
    }
    h2.first-h1 img {
        width: 90%;
        margin: auto;
    }
    .second-lead.mb40 h2 {
        font-size: 15px;
        letter-spacing: 0em;
        margin-bottom: 20px;
    }
    #bread_crumb {
        margin-bottom: 0px;
    }
    .single-page h2 {
        font-size: 16px;
        margin-bottom: 20px;
        background-size: 30px;
        padding: 0px 0 10px 45px;
    }
    .single-page h3 {
        font-size: 16px;
        padding: 0 0 10px;
    }
    .single-page p, .single-page li, .entry-content ol, .single-page ol li, .single-page dt, .single-page dd {
        font-size: 12px;
    }
    .single-page p {
        letter-spacing: 0px;
    }
    .wpcf7 form {
        padding: 20px 10px 1px;
    }
    .amore-divider .top-headline {
        font-size: 18px !important;
        line-height: 20px !important;
    }
    .amore-divider {
        padding: 0 !important;
        margin-top: 60px !important;
        height: 60px !important;
    }
    .amore-divider.top_eregular {
        margin-top: 0px !important;
    }
    .article {
        margin-bottom: 10px;
    }
    /* サイト独自 */
    .cont_box {
        width: 100%;
        margin: 0 0 50px;
    }
    .single-page td, .single-page th {
        font-size: 12px;
        padding: 10px;
        text-align: left;
    }
}
/* メイン背景動画のための記述 */
section {
    background-color: #ffffff;
}
#main-image {
    background-image: none;
    background: -moz-linear-gradient(45deg, rgba(255, 147, 145, 0.5) 0%, rgba(211, 251, 255, 0.4) 100%);
    background: -webkit-linear-gradient(45deg, rgba(255, 147, 145, 0.5) 0%, rgba(211, 251, 255, 0.4) 100%);
    background: linear-gradient(45deg, rgba(255, 147, 145, 0.5) 0%, rgba(211, 251, 255, 0.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ff9391', endColorstr='#66d3fbff', GradientType=1);
}
.amore-divider {
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 50px 0;
}
/* フロントページオリジナルコンテンツの記述 */
#topsec01 {
    text-align: center;
    padding: 50px 0;
}
#topsec01 h2 {
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 15px;
    line-height: 1em;
}
p.top_tel {
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 2px;
    color: #e35562;
    line-height: 1em;
}
p.top_tel a {
    color: #e35562;
}
a.top_mail_but {
    width: 400px;
    display: block;
    border: 2px solid;
    text-align: center;
    box-sizing: border-box;
    padding: 10px;
    font-weight: bold;
    font-size: 1.2em;
    margin: 20px auto 0;
    border-radius: 40px;
}
a:hover.top_mail_but {
    text-decoration: none;
    color: #ff6464;
}
#topsec02 {
    /*background-image: url(/wp-content/uploads/2025/07/bg_topsec02_02.jpg);*/
    background-image: url(/wp-content/uploads/2025/10/bg_topsec02_02.jpg);
    background-size: cover;
    background-position: center;
    padding: 150px 0;
}
#topsec02 h2 {
    line-height: 1.6;
    margin: 0 50% 30px 0;
    font-weight: bold;
    color: #e35562;
}
#topsec02 p {
    font-size: 14px !important;
    font-weight: normal;
    text-align: left;
    letter-spacing: 0.05em;
    line-height: 2.2;
    margin: 0 50% 30px 0;
}
#topsec03 {
    background-image: url(/wp-content/uploads/2018/07/bg_topsec03.jpg);
    background-size: cover;
    background-position: center;
    padding: 100px 0;
}
#topsec03 h2 {
    width: 60%;
    margin: 0;
    margin-left: 40%;
    font-weight: bold;
    color: #e35562;
}
#topsec03 p {
    width: 60%;
    margin-left: 40%;
    font-size: 14px !important;
    font-weight: normal;
    text-align: left;
    letter-spacing: 0.05em;
    line-height: 2.2;
}
#topsec04 {
    padding: 200px 0;
    background-image: url(/wp-content/uploads/2018/07/bg_topsec04.jpg);
    background-size: cover;
    background-position: center;
}
#topsec04 h2 {
    line-height: 1.6;
    margin: 0 0 30px;
    font-weight: bold;
}
#topsec04 p {
    font-size: 14px !important;
    font-weight: normal;
    text-align: left;
    letter-spacing: 0.05em;
    line-height: 2.2;
    margin-bottom: 30px;
}
a.top_menu_but {
    display: block;
    width: 450px;
    text-align: center;
    background-color: #e35562;
    color: #fff;
    box-sizing: border-box;
    padding: 20px;
    font-size: 16px;
    font-weight: bold;
    box-shadow: 10px 10px 0 #64d6cb;
}
a:hover.top_menu_but {
    box-shadow: none;
    color: #fff;
}
#footer_social_link li a {
    margin-left: 10px;
}
#footer_social_link li.pint:before {
    content: '\e90d';
}
#footer_social_link li.pint:hover:before {
    color: #e35562;
}
@media only screen and (max-width: 770px) {
    #topsec02 h2 {
        margin-right: 40%;
    }
    #topsec02 p {
        margin-right: 45%;
    }
    #topsec03 h2 {
        width: 70%;
        margin-left: 30%;
    }
    #topsec03 p {
        width: 70%;
        margin-left: 30%;
    }
    .map-wrap-dark {
        text-align: left;
        padding: 0 20px;
    }
    .home .amore-divider {
        padding-top: 10px !important;
        margin: 0 !important;
    }
}
@media only screen and (max-width: 700px) {
    .down-arrow {
        border: 0px;
    }
    a.top_mail_but {
        width: 100%;
        font-size: 15px;
    }
    #topsec02 h2 {
        font-size: 24px;
        line-height: 1em;
    }
    #topsec02 p {
        font-size: 12px !important;
        line-height: 2em;
        margin-right: 35%;
    }
    #topsec03 h2 {
        font-size: 22px;
    }
    #topsec03 p {
        font-size: 12px !important;
        line-height: 2;
    }
    #topsec04 {
        padding: 150px 0;
    }
    a.top_menu_but {
        width: 100%;
    }
}
@media only screen and (max-width: 485px) {
    .amore-welcome-top {
        padding: 50px 0;
        background: none;
    }
    p.top_tel {
        font-size: 25px;
    }
    #topsec02 {
        background-position: 80%;
    }
    #topsec02 .container {
        background-color: rgba(255, 255, 255, 0.68);
        padding: 30px 15px;
    }
    #topsec02 h2 {
        margin: 0 0 20px;
    }
    #topsec02 p {
        margin: 0;
    }
    #topsec03 .container {
        background-color: rgba(103, 196, 203, 0.73);
        padding: 30px 15px;
    }
    #topsec03 h2 {
        line-height: 1.6;
        color: #fff;
        margin: 0 0 20px;
        width: 100%;
        font-size: 19px;
    }
    #topsec03 p {
        margin: 0;
        color: #fff;
        width: 100%;
    }
    #topsec04 {
        padding: 50px 0;
    }
    #topsec04 h2 {
        font-size: 24px;
        margin-bottom: 20px;
    }
    #topsec04 p {
        font-size: 12px !important;
    }
}
/* menu */
.single-page {
    margin-bottom: 0px;
}
#course_box h3 {
    margin-top: 0;
}
.course_box {
    box-sizing: border-box;
    border: 1px solid #e4e4e4;
    border-top: none;
    padding: 0px 30px 10px;
    margin-bottom: 40px;
}
span.price_text {
    font-weight: bold;
}
@media only screen and (max-width: 485px) {
    .course_box {
        padding: 0;
        border: none;
        margin-bottom: 0;
    }
}
.concept_sec {
    position: relative;
}
.concept_text {
    top: 0;
    left: 0;
    z-index: 100;
    position: relative;
}
.concept_img01 {
    position: absolute;
    top: 50px;
    right: 0;
    width: 470px;
    opacity: 0.2;
    z-index: 0;
}
.concept_img02 {
    top: 100px;
    position: absolute;
    left: 410px;
    width: 450px;
    opacity: 0.3;
    z-index: 1;
}
@media only screen and (max-width: 1024px) {
    .concept_img02 {
        left: 240px;
    }
}
@media only screen and (max-width: 770px) {
    .concept_img01 {
        width: 40%;
    }
    .concept_img02 {
        width: 50%;
    }
}
@media only screen and (max-width: 485px) {
    .concept_img01, .concept_img02 {
        position: initial;
        width: 100%;
        opacity: 100;
        margin-bottom: 20px;
    }
}
/* about */
.map_box {
    box-sizing: border-box;
    padding: 20px 20px 10px;
    background-color: #f4f3e9;
    margin-bottom: 40px;
}
.single-page h4 {
    padding: 0;
}
@media only screen and (max-width: 485px) {
    .map_box {
        padding: 0 0 20px;
        background: none;
        border-bottom: 3px solid #f0f0f0;
        margin-bottom: 10px;
    }
}
/* contact */
p.contact_tel {
    font-size: 40px;
    font-weight: bold;
    color: #67c4cb;
}
p.contact_tel a {
    color: #67c4cb;
}
@media only screen and (max-width: 485px) {
    p.contact_tel {
        font-size: 29px;
        line-height: 1;
        margin-bottom: 10px;
    }
}

.slider,#top{
	aspect-ratio:16/9!important;
	object-fit:cover!important;
	height:auto!important;
}

.verticalcentersplash{
	padding-top:100px!important;
}



@media(max-width:768px){
	.verticalcentersplash{
	padding-top:80px!important;
}
	.down-arrow{
		bottom:-23px!important;
	}
	.bounce{
	animation: bounce2 4s infinite!important;
}
}
@media(max-width:485px){
	h2.first-h1 img{
		width:60%!important;
	}
		.verticalcentersplash{
	padding-top:50px!important;
}
	.svg-inline--fa{
		transform:scale(.5);
	}
}

@keyframes bounce2{
	0%, 100%, 20%, 80%{
		transform: translateY(0);
	}
	40%, 50%{
		transform:translateY(-10px);
	}
}