.wrap {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
}

.wrap1 {
    margin-left: auto;
    margin-right: auto;
}


#header {
    position: relative;
    z-index: 2;
    background-color: #FFF;
}

#menu {
    position: fixed;
    z-index: 1;
    background: #FFF;
    width: 100%;
    opacity: 0.8;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    max-width: 1100px;
}

#menu0 {
    position: fixed;
    z-index: 1;
    background: #FFF;
    width: 100%;
    opacity: 0.8;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    max-width: 1100px;
    display: none;
}

.f-menu {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 5px;
    justify-content: space-between;
}

.f-menu li {
    margin-left: 7px;
}

.f-menu li a {

    display: block;
    padding: 10px 0px;
    color: #fff;
    text-decoration: none;
}

.f-menu li:first-child {
    /* margin-right: auto; */
}

.f-menu li:not(:first-child) {
    margin-top: 23px;
}

.mt23 {
    margin-top: 23px;
}

.article {
    max-width: 1400px;
    width: 65px;
}

.side-bar-img {
    width: 20px;
}

.side-bar {
    position: fixed;
    top: 20%;
    right: 45px;
}

.top_img00 {}

.mt125 {
    margin-top: 125px;
}

.bg-slider {

    /* background-image: url(../image/newtop_01.png);  */
    width: 100%;
    height: auto;

    /* (画像の高さ / 画像の横幅) × 100 */
    padding-top: 77.34148881%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    /* position: relative; */
    animation: image_anime 20s ease infinite;
}

@keyframes image_anime {
    0% {
        background-image: url(../image/newtop_01.png);
    }

    35.0% {
        background-image: url(../image/newtop_02.png);
    }

    70.0% {
        background-image: url(../image/new_top_03.png);
    }

    100% {
        background-image: url(../image/newtop_01.png);
    }
}

.position {
    position: relative;
}

.top_img {
    background-image: url(../image/top_07.png);
    width: 100%;
    min-width: 1100px;


    /* (画像の高さ / 画像の横幅) × 100 */
    padding-top: 64.34148881%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.header {
    margin-top: -64.34148881%;
    margin-bottom: 64.34148881%;
    margin-left: auto;
    margin-right: auto;
    width: 1100px;
}

.header0 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
}

.top01 {
    float: left;
    margin-top: 20px;
}

.top02 {
    float: right;
    margin-top: 30px;
    margin-right: 30px
}

.top03 {
    float: right;
    margin-top: 20px;
    margin-right: 30px;
}

.top04 {
    float: right;
    position: relative;
    color: #000;
}

.header-box {
    text-align: right;
    padding: 20px;
    width: auto;
    margin-left: auto;
    display: flex;
    justify-content: end;
}


.menu3 {
    width: 100%;
    margin: 0 auto;
    background-color: rgb(214, 129, 16);
    padding: 35px;
    margin-top: -10px;
}

.menu31 {
    width: 100%;
    margin: 0 auto;
    background-color: rgb(214, 129, 16);
    margin-top: -10px;
}


.menu3 ul {
    display: flex;
    list-style: none;
    justify-content: center;

}

.menu31 ul {
    display: flex;
    list-style: none;
    justify-content: center;
    gap: 15px;
}

.menu3 ul li {
    margin-left: 9px;
}

.menu31 ul li {
    margin-left: 9px;
}

.menu3-img {
    width: 100%;
}

.menu31-img {
    width: 100%;
}

.menu3 ul:first-child {
    /* margin-left: 50px; */
}

.menu4 {
    position: absolute;
    top: 102%;
    left: 50%;
    transform: translateX(-50%);
    /* padding: 0 60px 0; */
    width: 100%;
    margin: 0 auto;

}

.menu4 ul {
    display: flex;
    list-style: none;
    justify-content: center;
}

.menu4 ul li {
    margin-left: 7px;
}

.menu4-img {
    width: 100%;
}

.menu4 ul:first-child {
    /* margin-left: 50px; */
}

.menu4 {
    position: absolute;
    top: 102%;
    left: 50%;
    transform: translateX(-50%);
    /* padding: 0 60px 0; */
    width: 100%;
    margin: 0 auto;

}

.menu5 ul {
    display: flex;
    list-style: none;
    justify-content: center;
}

.menu5 ul li {
    margin-left: 7px;
}

.menu5-img {
    width: 100%;
}

.menu5 ul:first-child {
    /* margin-left: 50px; */
}

.menu1 {
    width: 1100px;
    /* margin-top: -110px; */
    margin-top: -986px;
    margin-left: auto;
    margin-right: auto;
}

.menu1 ul {
    width: 1100px;
    display: table;
    margin-bottom: 50px;
    margin-top: 10px;
}

.menu1 ul li {
    width: 1%;
    display: table-cell;
    text-align: center;
    margin-left: 5px;
    margin-right: 5px;
}

.menu2 {
    width: 1100px;
    margin-top: -110px;
    margin-left: auto;
    margin-right: auto;
}

.menu2 ul {
    width: 1100px;
    display: table;
    margin-bottom: 10px;
    margin-top: 10px;
}

.menu2 ul li {
    width: 1%;
    display: table-cell;
    text-align: center;
    margin-left: 5px;
    margin-right: 5px;
}

.sitanami {
    background-image: url(../image/top_09.png);
    width: 100%;
    height: auto;
    margin-top: -1px;
    text-align: center;
    max-height: 189px;
    padding-bottom: 10px;
    padding-top: 20px;

}

.top10 {
    margin-right: 20px;
}

.top11 {
    margin-left: 20px;
}

/* @media screen and (max-width: 1100px) {
    .header {
        width: 100%;
    }

    .menu1, .menu2 {
        margin-top: 0;
    }
} */

.blue_bk_p {
    background-color: #8ED0F2;
    color: #FFF;
    font-size: 20px;
    margin-bottom: 30px;
    margin-top: 30px;
    display: inline-block;
    width: 400px;
    text-align: center;
}

.monsin {
    display: flex;
    margin: 0 auto;
    justify-content: center;
    width: 100%;
    height: 40px;
}

.yellow_dotto {
    border-top: #F4ED2F dotted 5px;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 100px;
}

.cream_bk {
    background-color: #FFFDE9;
    width: 100%;
}

.pb40 {
    padding-bottom: 40px;
}

.mt40 {
    margin-top: 40px;
}

.mt100 {
    margin-top: 100px;
}

.mt170 {
    margin-top: 170px;
}

.mt10 {
    margin-top: 10px;
}

.pt100 {
    padding-top: 100px;
}

.top14 {
    width: 100%;
    object-fit: cover;
}

.top15 {
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
}

.top16 {
    margin-top: 20px;
    margin-bottom: 30px;
}

.top_concept_p {
    line-height: 30px;
}

.top46 {
    margin-top: 20px;
    margin-left: 200px;
    margin-bottom: 30px;
}

.green_bk {
    background-color: #A1CF5F;
    color: #57585A;
    font-size: 16px;
    text-align: center;
    line-height: 30px;
    padding-bottom: 20px;

}

.wrap750 {
    width: 750px;
    margin-left: auto;
    margin-right: auto;
}

.top12 {
    margin-top: 100px;
}

.top_message_p {
    line-height: 30px;
    width: auto;
    float: left;
    text-align: left;
    margin-top: 30px;
}

.top13 {
    margin-top: 30px;
}

.top_message_p2 {
    text-align: right;
    margin-right: 175px;
    font-size: 12px;
    margin-top: 30px;
}

.dotto {
    border-top: #57585A dotted 2px;
    width: 100%;
    height: 1px;
}

.top_message_p3 {
    text-align: right;
    font-size: 20px;
}

.top_message_p4 {
    text-align: left;
    margin-left: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 25px;
}

.top14_txt {
    margin-left: 15%;
    margin-top: 20px;
}

.top18 {
    margin-top: 30px;

}

.mx1200 {
    max-width: 1200px;
}

.green {
    color: #8BC63E;
    margin-left: 51%;
    margin-top: 65px;
}

.font_size25 {
    font-size: 25px;
}

.center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.top_15 {
    margin-top: 100px;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}

.top17 {
    width: 100%;
}

.top18 {
    margin-bottom: 20px;
}

.pink_bk_p {
    background-color: #F499C2;
    color: #FFF;
    font-size: 20px;
    margin-bottom: 30px;
    margin-top: 30px;
    display: inline-block;
    width: 400px;
    text-align: center;
}

.features {
    margin-left: 10px;
    margin-right: 10px;
    width: 270px;
    height: 330px !important;
    display: inline-grid;
    justify-items: center;
    margin-left: 10px;
    margin-right: 10px;
    text-align: left;
    margin-bottom: 20px;
}

.features p {
    font-size: 14px;
    padding-top: 35px;
}

.gray_bar {
    background-color: #57585A;
    background: linear-gradient(90deg, #cd7e33 0%, #cd7e33 50%, #439446 50%, #439446 100%);

    height: 7px;
    /* margin-bottom: 20px; */
    width: 40%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
}

.top23 {
    margin-top: 30px;
}

.top27 {
    width: 100%;
}

.top28 {
    margin-top: 70px;
    margin-bottom: 20px;
}

.orange_bk_p {
    background-color: #F7931D;
    color: #FFF;
    font-size: 20px;
    margin-bottom: 30px;
    margin-top: 30px;
    display: inline-block;
    width: 400px;
    text-align: center;
}

.medical li {
    display: inline;
    margin-left: 20px;
    margin-top: 30px;
}

.medical li a img {
    margin-top: 20px;
}

.top_beginner_bk {
    background: url(../image/top_34.png);
    max-width: 100%;
    padding-left: 10%;
    margin-top: 40px;
    padding-top: 40px;
}

.beginner_left {
    width: 400px;
    text-align: center;
}

.green_bk_p {
    background-color: #8BC63E;
    color: #FFF;
    font-size: 20px;
    margin-bottom: 30px;
    margin-top: 30px;
    display: inline-block;
    width: 400px;
    text-align: center;
}

.beginner_left_detail {
    text-align: left;
    margin-left: 20px;
    margin-bottom: 40px;
}

.top36 {
    text-align: left;
    padding-bottom: 50px;
}

.top37 {
    margin-top: 100px;
    margin-bottom: 30px;
}


.insta {
    text-align: center;
    margin-bottom: 70px;
    background-color: #dae9b0;
    margin-top: -5px;
}

.insta_ul {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 540px;
}

.top38 {
    margin-top: 50px;
    margin-bottom: 30px;
}

.insta_ul li {
    display: inline;
}

.top39 {
    margin-top: 50px;
}

.top40 {
    margin-top: 30px;
    margin-bottom: 70px;
}

.top41 {
    background: url(../image/top_41.png);
    height: 568px;
    width: 1003px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 1px;
    padding-bottom: 50px;
    background-repeat: no-repeat;
}

.top42 {
    margin-top: 411px;
    margin-left: 507px;
}

.top43 {

    margin-top: 30px;
}

.top44 {
    margin-bottom: -110px;
}

.foot {
    background: url(../image/top_48.png);
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    background-repeat: no-repeat;
    padding-bottom: 50px;
    text-align: center;
    background-position: top center;
}

.foot_p {
    /* padding-top: 110px; */
    font-size: 20px;
    letter-spacing: 0.2em;
    margin-left: 80px;
}

.f_info {
    background: url(../image/top_46.png);
    width: 796px;
    height: 175px;
    margin-left: auto;
    margin-right: auto;
    background-repeat: no-repeat;
    margin-top: 50px;

}

.info-p {
    width: auto;
    line-height: 30px;
    /* letter-spacing: 1px; */
    text-align: left;
}

.top45 {
    margin-left: auto;
    margin-right: auto;
    margin-top: 210px;

}

.top47 {
    margin-left: 433px;
    margin-top: 60px;
}

.footer {
    padding-top: 50px;
    background-color: #dae9b0;
    padding-bottom: 200px;
    display: flex;
}

.footer a {
    text-decoration: none;
}

.footer ul dt {

    width: 190px;
    border-bottom: 2px solid #939598;
}

.footer ul a {
    color: black;
}

.footer ul dl {
    font-size: 13px;
    line-height: 30px;

}

.mt30 {
    margin-top: 30px;
}

.mt15 {
    margin-top: 15px;
}

.footer ul {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
    width: 190px;
}

.footer {
    /* max-width: 1100px; */
    margin-left: auto;
    margin-right: auto;
}

.copy {
    background-color: #dae9b0;
    text-align: center;
    color: #FFF;
    padding-top: 5px;
    padding-bottom: 5px;

}

/*************固定ボタン**********/
/*　ハンバーガーボタン　*/
.wrapper {
    height: 100%;
    overflow-x: hidden;
    position: relative;
}

.overlay {
    content: "";
    display: block;
    width: 0;
    height: 0;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0;
    transition: opacity .5s;
}

.overlay.open {
    width: 100%;
    height: 100%;
    opacity: 1;
}

main {
    height: 100%;
    min-height: 100vh;
    padding: 0 50px;
    background-color: #eee;
    transition: all .5s;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

main h1 {
    text-align: center;
    font-weight: 500;
}

main p {
    text-align: center;
}

.menu-trigger {
    display: inline-block;
    width: 56px;
    height: 276px;
    vertical-align: middle;
    cursor: pointer;
    position: fixed;
    top: 20%;
    right: 0;
    z-index: 100;
    transform: translateX(0);
    transition: transform .5s;
    background-image: url(../image/top_04.png);
}

.menu-trigger.active {
    transform: translateX(-250px);
}

.menu-trigger span {
    display: inline-block;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #000;
}

.menu-trigger.active span {
    background-color: #fff;
}

.menu-trigger span:nth-of-type(1) {
    top: 0;
}

.menu-trigger.active span:nth-of-type(1) {
    transform: translateY(12px) rotate(-45deg);
}

.menu-trigger span:nth-of-type(2) {
    top: 12px;
}

.menu-trigger.active span:nth-of-type(2) {
    opacity: 0;
}

.menu-trigger span:nth-of-type(3) {
    bottom: 0;
}

.menu-trigger.active span:nth-of-type(3) {
    transform: translateY(-12px) rotate(45deg);
}

nav {
    width: 250px;
    height: 276px;
    padding-top: 10px;
    background-color: #FFF;
    position: fixed;
    top: 20%;
    right: 0;
    z-index: 10;
    transform: translate(250px);
    transition: all .5s;
    opacity: 0.8;
    border: 2px solid #F39800;
    text-align: center;
}

nav img {
    margin-top: 35px;
}

nav.open {
    transform: translateZ(0);
}

* {
    box-sizing: border-box;
}

/*************固定開閉******************/

/***************contact*****************/
.info_tel_p {
    font-size: 25px;
    text-align: center;
    margin-top: 100px;
}

.info_tel {
    border: #F7931D 2px solid;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 50px;
    margin-bottom: 100px;
    width: 800px;
    margin-right: auto;
    margin-left: auto;
    font-size: 22px;
}

.text_green {
    color: #F7931D;
}

.contact_img {
    background-image: url(../image/contact_01.png);
    width: 100%;
    min-width: 1100px;

    height: 0;

    /* (画像の高さ / 画像の横幅) × 100 */
    padding-top: 36.25%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;

    background-repeat: no-repeat;
}

.contact_header {
    margin-top: -36.25%;
    margin-bottom: 36.25%;
    margin-left: auto;
    margin-right: auto;
    width: 1100px;
}

.head {
    background-color: #FFF;
    z-index: 2;
    position: relative;
}

.head44 {
    float: left;
    margin-top: 20px;
}

.head45 {
    float: right;
    margin-top: 20px;
    margin-right: 30px
}

.head02 {
    float: right;
    margin-top: 20px;
    margin-right: 30px;
}

.head03 {
    float: right;
    margin-top: 20px;
}



.t14 {
    width: 50%;
    min-width: 550px;
}

.t46 {
    width: 50%;
    min-width: 550px;
}

.ttable {
    width: 100%;
}



.w468 {
    width: 468px;
}

/*******************recruit***********************/
.recruit_img {
    background-image: url(../image/kyu_01.png);
    width: 100%;
    min-width: 1100px;


    /* (画像の高さ / 画像の横幅) × 100 */
    padding-top: 30.985915493%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.recruit_header {
    margin-top: -30.985915493%;
    margin-bottom: 30.985915493%;
    margin-left: auto;
    margin-right: auto;
    width: 1100px
}

.recruit_menu2 {
    list-style: none;
    margin-top: 100px;
    margin-bottom: 50px;

}

.recruit_menu2 li {
    display: inline;
    margin-left: 50px;
    margin-right: 50px;

}

.recruit_menu1 {
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
}

.recruit_menu0 {
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
    display: none;

}

.recruit_menu1 ul {
    width: 1100px;
    display: table;
    margin-bottom: 50px;
    margin-top: 10px;
}

.recruit_menu1 ul li {
    width: 1%;
    display: table-cell;
    text-align: center;
    margin-left: 5px;
    margin-right: 5px;
}

.recruit_message_p {
    text-align: left;
    float: left;
    width: 500px;

    margin-top: 50px;
}

.wrap900 {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.wrap1100 {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
}

.recruit_cream {
    background-color: #FEF9E7;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: 50px;
}

.kyu_07 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

.recruit_text {
    float: left;
    text-align: left;
    width: 600px;
    margin-top: 100px;
}

.kyu_08 {
    float: left;
    margin-top: 30px;
}

.recruit_orage {
    color: #F1592E;
    font-size: 18px;
}

.kyu_09 {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 100px;
}

.kyu_10 {
    margin-bottom: 50px;
}

.kyu_11 {
    margin-bottom: 30px;
}

.kyu_12 {
    margin-top: 50px;
    margin-bottom: 30px;
}

.wrap661 {
    width: 661px;
    margin-left: auto;
    margin-right: auto;
}

.kyu_13 {
    margin-top: 150px;
    margin-bottom: 20px;
}

.kyu_14 {
    margin-bottom: 50px;
}

.kyu_15 {
    margin-top: -100px;
}

.kyu_16 {
    margin-top: 100px;
    margin-bottom: 20px;
}

.kyu_17 {
    margin-top: 80px;
    margin-bottom: 20px;
}

.kyu_18 {
    margin-top: 80px;
    margin-bottom: 20px;
}

.kyu_19 {
    margin-top: 50px;
    margin-bottom: 20px;
}

.kyu_20 {
    margin-top: 80px;
    margin-bottom: 20px;
}

.kyu_21 {
    margin-top: 50px;
    margin-bottom: 20px;
}

.recruit_table th {
    width: 150px;
    display: inline-block;
    font-size: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.recruit_table td {
    font-size: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#recruit_body {
    line-height: 30px;
}

.wrap753 {
    width: 753px;
    margin-left: auto;
    margin-right: auto;
}

.recruit_text3 {
    margin-top: 100px;
    font-size: 14px;
    text-align: center;
}

.kyu_22 {
    margin-top: 30px;
    margin-bottom: 200px;
}

.recruit_line {
    border-top: #F6B039 2px solid;
}

/******************contact***************/
.toi_01 {
    width: 100%;
    justify-items: center;
}

.contact_menu1 {
    width: 1100px;
    margin-left: auto;
    margin-right: auto;

}

.contact_menu1 ul {
    width: 1100px;
    display: table;
    margin-bottom: 50px;
    margin-top: 10px;
}

.contact_menu1 ul li {
    width: 1%;
    display: table-cell;
    text-align: center;
    margin-left: 5px;
    margin-right: 5px;
}

/*******beginner***********/
.beginner-pdf {
    float: right;
    margin-top: -20px;
    padding-right: 60px;
}

.beginner-img {
    margin-right: 60px;
    height: 220px;
    float: right;
}

.beginners_p {
    text-align: left;
    width: auto;
    margin-top: 50px;
    margin-bottom: 50px;
}

.haji_02 {
    margin-top: 100px;
    margin-bottom: 50px;
}

.haji_03 {
    float: right;
}

.beginners_green {
    background-color: #D6DF21;
    color: #FFF;
    font-size: 28px;
    text-align: left;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.mt50 {
    margin-top: 50px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb80 {
    margin-bottom: 80px;
}

.mb100 {
    margin-bottom: 100px;
}

.mt500 {
    margin-top: 500px;
}

.ml20 {
    margin-left: 20px;
}

.mr {
    margin-right: 20px;
}

.beginners_greentext {
    color: #8BC63E;
    border-top: #D6DF21 2px dotted;
    border-bottom: #D6DF21 2px dotted;
    text-align: left;
}

.beginners_orange {
    background-color: #F7931D;
    color: #FFF;
    font-size: 28px;
    text-align: left;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.tl {
    text-align: left;
}

.tr {
    text-align: right;
}

.font14 {
    font-size: 14px;
}

.font30 {
    font-size: 30px;
}

.font20 {
    font-size: 20px;
}

.font24 {
    font-size: 24px;
}

.bold {
    font-weight: bold;
}

.w850 {
    width: 850px;
    margin-left: auto;
    margin-right: auto;
}

.w496 {
    width: 496px;
}

.beginners_border {
    margin-top: 50px;
    margin-bottom: 50px;
    width: 850px;
    /**
    border-width: 10px;
    border-left-style: solid;
    border-image-source: linear-gradient(to bottom, #FBB03F, transparent);
    border-image-slice: 1;
**/
    margin-left: auto;
    margin-right: auto;
    /**
    padding-left: 30px;
**/
}

.w480 {
    width: 480px;
}

.fl {
    float: left;
}

.mb40 {
    margin-bottom: 40px;
}

.mb60 {
    margin-bottom: 60px;
}

.mb200 {
    margin-bottom: 200px;
}

/*****************introduction*******************/
.fr {
    float: right;
}

.tel-no {
    text-decoration: none;
    color: rgb(248, 182, 44);
    font-weight: bold;
    letter-spacing: 2px;
}

.mt25 {
    margin-top: 25px;
}

.mt200 {
    margin-top: 200px;
}

.mt80 {
    margin-top: 80px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb100 {
    margin-bottom: 100px;
}

.introduction_p {
    width: 530px;
    float: left;
    text-align: left;
}

.introduction_box {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

/************************medical_info************************/
.medical_info_box_l {
    width: 830px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    margin-top: -40px;
}

.medical_info_box_l p {
    width: 530px;
}

.medical_info_box_r {
    width: 830px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    margin-top: -40px;
}

.medical_info_box_r p {
    width: 530px;
}

.ml50 {
    margin-left: 50px;
}

.ml70 {
    margin-left: 70px;
}

.info-box {
    margin-top: 5px;
}

/**********************director************************/
.director-staff {
    color: rgb(247, 148, 29);
}

.director-staff1 {
    color: rgb(171, 213, 114);
}

.director-img {
    margin-left: -150px;
    margin-top: -75px;
}

.w750 {
    width: 750px;
    margin-left: auto;
    margin-right: auto;
}

.w650 {
    width: 650px;
    margin-left: auto;
    margin-right: auto;
}

.w500 {
    width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.director_line1 {
    background-color: #FDD59E;
    height: 7px;
    border: solid 2px #FFF;
    margin-top: 50px;
}

.director_line2 {
    background-color: #FDD59E;
    margin-top: 3px;
    text-align: center;
    padding-top: 5px;

}

.w550 {
    width: 550px;
    margin-left: auto;
    margin-right: auto;
}

.w400 {
    width: 400px;
    margin-left: auto;
    margin-right: auto;
}

.w800 {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.w530 {
    width: 530px;
    margin-left: auto;
    margin-right: auto;
}

.mr40 {
    margin-right: 40px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb10 {
    margin-bottom: 10px;
}

.w830 {
    width: 830px;
    margin-left: auto;
    margin-right: auto;
}

.w475 {
    width: 475px;
    margin-left: auto;
    margin-right: auto;
}

.ml20 {
    margin-left: 20px;
}

.ml90 {
    margin-left: 90px;
}

.mt-40 {
    margin-top: -40px;
}

.mt-50 {
    margin-top: -50px;
}

.ml-80 {
    margin-left: -80px;
}

.mt70 {
    margin-top: 70px;
    margin-left: auto;
    margin-right: auto;
}

/* .fv-picture img{
    width: 100%;
} */

/* 一般歯科 */

.top_img2 {
    background-image: url(../image/ip_00.png);
    width: 100%;
    /* min-width: 1100px; */


    /* (画像の高さ / 画像の横幅) × 100 */
    padding-top: 40.341489%;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;

    position: relative;
}

.overlay-group {
    position: absolute;
    /* 相対位置指定 */
    width: 73%;
    /* 親要素に合わせて幅を100%にする */
    bottom: -582px;
    /* 上に配置 */
    left: 0;
    /* 左に配置 */
    background-color: rgb(243, 152, 0);
}

.overlay-group1 {
    position: absolute;
    /* 相対位置指定 */
    width: 71%;
    /* 親要素に合わせて幅を100%にする */
    bottom: -666px;
    /* 上に配置 */
    left: 0;
    /* 左に配置 */
    background-color: rgb(243, 152, 0);
}

.mt630 {
    margin-top: 630px;
}

.overlay-image {
    width: 100%;
    /* 親要素に合わせて幅を100%にする */
    height: auto;
    /* 高さを自動調整 */
}

.image-description {
    color: white;
    /* テキストの色 */
    padding: 0 40px 20px;
    /* テキストの周囲の余白 */
    font-size: 22px;
    letter-spacing: 1px;
    line-height: 50px;
    width: 770px;
    margin: 0 auto;
}


.general-p {
    text-align: left;
    width: auto;
    line-height: 30px;
}

.haji_031 {
    float: right;
    height: 180px;
}

.haji_032 {
    float: left;
    height: 180px;
}

.db_pb100 {
    display: block;
    padding-bottom: 100px;
    margin: 0 auto;
}

.pt50 {
    padding-top: 50px;
}

.cd-p {
    line-height: 30px;
    margin-top: 30px;
}

.mt220 {
    margin-top: 220px;

}

/* インビザライン */
.top_img3 {
    background-image: url(../image/inb_26.png);
    width: 100%;
    /* min-width: 1100px; */


    /* (画像の高さ / 画像の横幅) × 100 */
    padding-top: 43.341489%;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;

    /* position: relative; */
}

.inb-text {
    letter-spacing: 1px;
    text-align: left;
    line-height: 30px;
}

.gren-border {
    border: 1px dashed #d7df22;
    padding: 15px;
    line-height: 30px;
    text-align: left;
    margin: 30px 20px 100px;
    letter-spacing: 1px;
}

.red {
    text-align: left;
    color: red;
}

.mt20 {
    margin-top: 20px;
}

.inb-p {
    width: auto;
    line-height: 30px;
    /* letter-spacing: 1px; */
}

.inb-box {
    border: #FFA500 dashed 1px;
    border-radius: 20px;
    padding: 40px 70px;
    text-align: left;
    margin: 10px 30px 100px;
    letter-spacing: 1px;
}

.inb-box-text {
    color: #FFA500;

}

.inb-box-text {
    color: #FFA500;
    font-size: 22px;
    font-weight: bold;
}

.inb-mokuji {
    display: flex;
}

.inb-mokuji li {
    list-style: none;
    text-align: left;
    text-decoration: none;
}

.inb-mokuji-left {
    width: 50%;
}

.inb-mokuji-right {
    width: 50%;
}

.inb-mokuji-list {}

.inb-border {
    margin-top: 20px;
    line-height: 30px;
    padding-left: 20px;
}

.pl20 {
    padding-left: 20px;
}

.lh30 {
    line-height: 30px;
}

.inb-green {
    color: rgb(140, 198, 63);
}

.orthodontic-content {
    position: relative;
}

.orthodontic-ready {
    opacity: 0.5;
}

.orthodontic-ready1 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    font-size: 90px;
    color: gray;


}

/* ホワイトニング */
.top_img4 {
    background-image: url(../image/wh_01.png);
    width: 100%;
    /* min-width: 1100px; */


    /* (画像の高さ / 画像の横幅) × 100 */
    padding-top: 44.341489%;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.wh-p {
    width: auto;
    line-height: 30px;
    letter-spacing: 1px;
}

.wh-recomme {
    font-size: 18px;
}

.we-title04 {
    font-size: 35px;

}

/* マタニティ */
.top_img5 {
    background-image: url(../image/mata_01.png);
    width: 100%;
    /* min-width: 1100px; */


    /* (画像の高さ / 画像の横幅) × 100 */
    padding-top: 44.341489%;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.pt80 {
    padding-top: 80px;
}

.mata-p {
    line-height: 26px;
    text-align: left;
    width: auto;
    letter-spacing: 1px;
}

.font30 {
    font-size: 30px;
}


.container {
    margin: 0 auto;
}

/* 口腔歯科 */
.top_img6 {
    background-image: url(../image/kou_01.png);
    width: 100%;
    /* min-width: 1100px; */


    /* (画像の高さ / 画像の横幅) × 100 */
    padding-top: 44.341489%;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.gren {
    color: #d7df22;
}

.orange {
    color: rgb(247, 148, 29);
}

.orange-text {
    color: #fcb040;
    font-size: 22px;
    font-weight: bold;
}

.green-border {
    border: #d7df22 solid 2px;
}

.green-border1 {
    border: rgb(197, 226, 159) solid 2px;
}

.implant-orantext {
    margin: 20px 0;
    color: #fcb040;
    font-size: 22px;
    font-weight: bold;
}

.p20 {
    padding: 20px;
}

.oral-den-box {
    line-height: 30px;
    text-align: left;
    margin-top: 30px;
}

.oral-den-text {
    padding-right: 20px;
    padding-left: 40px;
    line-height: 30px;
}

.pr50 {
    padding-right: 50px;
}

.pl30 {
    padding-left: 30px;
}

.clear-both {
    clear: both;
}

.fl-l {
    float: left;
}

.haji_023 {
    float: right;
    height: 230px;
}

.haji_l023 {
    float: left;
    height: 230px;
}

.h185 {
    height: 185px;
}

.haji_021 {
    float: right;
    height: 210px;
}

.haji_029 {
    float: right;
    height: 290px;
}

.font23 {
    font-size: 23px;
}

.gray {
    color: #777777;
}

/* 子ども矯正 */
.top_img7 {
    background-image: url(../image/kkyou_45.png);
    width: 100%;
    /* min-width: 1100px; */


    /* (画像の高さ / 画像の横幅) × 100 */
    padding-top: 44.341489%;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.kkyou-items {
    display: flex;
    gap: 30px;
}

.haji_lauto {
    float: left;
    height: auto;
}

.haji_r180 {
    float: right;
    height: 175px;
    margin-left: 15px;
}

.ml10 {
    margin-left: 10px;
}

.kkyou-merit-group {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 90%;
    margin: 0 auto;
}

.kkyou-merit-item {
    border: dotted 2px rgb(236, 239, 176);
    border-radius: 20px;
    width: calc((100% - 20px * 1) / 2);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.kkyou-merit-group> :nth-child(2n) {
    margin-left: 5px;
}

.kkyou-merit-group> :nth-child(n+3) {
    margin-top: 20px;
}

.kkyou-merit-item:nth-child(5) {
    width: calc((100% - 20px * 1) / 2);
    text-align: center;
    /* 中央に配置 */
    margin: 20px auto 100px;
}

.kkyou-merit-text {
    text-align: left;
    padding: 20px 10px 20px 15px;
    height: 150px;
    width: auto;
}

.kkyou-merit-item:nth-child(5) .kkyou-merit-text {
    height: 130px;
}


.kkyou-merit-img img {
    margin-top: 30px;
    width: 90%;

}



.kkyou-merit-img1 img {
    width: 250px;
    align-self: flex-end;
    margin-bottom: 20px;
}

.ml {
    margin-right: auto;
    width: 300px;
    display: block;
}

.w80 {
    width: 80%;
}

.kkyou-p {
    letter-spacing: 1px;
    width: auto;
    text-align: left;
    line-height: 30px;
}

.kkyou-p1 {
    letter-spacing: 2px;
    width: auto;
    text-align: left;
    line-height: 30px;
}

.kkyou-box04 {
    border: solid 1px #FFA500;
    padding: 20px;
}

.kkyou-box06 {
    border: solid 2px #FFA500;
    padding: 20px;
    border-radius: 20px;
}

.kkyou-box07 {
    border: solid 2px rgb(215, 223, 34);
    padding: 40px 50px;
    border-radius: 20px;
}

.ml35 {
    margin-left: 35px;
}

.kkyou-box07-item {
    background-color: #feeed5;
    color: red;
    padding: 25px;
}

.font19 {
    font-size: 19px;
    letter-spacing: 2px;
}

.font15 {
    font-size: 15px;
}

.kkyou-maio {
    position: relative;
    top: -30px;
    height: 290px;
    z-index: 1;
    height: 25%;
}

.img-text {
    letter-spacing: 2px;
    font-size: 15px;
}

.kasen {
    text-decoration: underline;
    text-decoration-color: rgb(106, 217, 38);
}

/* 訪問歯科 */
.top_img8 {
    background-image: url(../image/hou_01.png);
    width: 100%;
    /* min-width: 1100px; */


    /* (画像の高さ / 画像の横幅) × 100 */
    padding-top: 44.341489%;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.hou-p {
    letter-spacing: 1px;
    width: auto;
    text-align: left;
    line-height: 30px;
}

.hou-p1 {
    letter-spacing: 1px;
    width: auto;
    text-align: left;
    line-height: 40px;
}

.text-color-gray {
    color: rgb(88, 88, 90);
}

.font21 {
    font-size: 21px;
    line-height: 35px;
    font-weight: bold;
    color: rgb(247, 148, 29)
}

.hou-box {
    border: dotted 3px rgb(247, 148, 29);
    border-radius: 6%;
    padding: 40px 40px 100px;
}

.hou-text-q {
    color: rgb(54, 180, 73);
    font-weight: bold;

}

.hou-box1 {
    border: dotted 3px rgb(140, 198, 63);
    padding: 20px;
}

.hou-p-pink {
    color: rgb(236, 0, 141);
}

/* 予防歯科 */
.w710 {
    width: 710px;
    margin-left: auto;
    margin-right: auto;
}

.top_img9 {
    background-image: url(../image/yob_08.png);
    width: 100%;
    /* min-width: 1100px; */


    /* (画像の高さ / 画像の横幅) × 100 */
    padding-top: 44.341489%;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.yob-box {
    border: dotted 3px rgb(247, 148, 29);
    border-radius: 5%;
    padding: 20px 20px 80px;
}

.yob-p {
    line-height: 35px;
    letter-spacing: 1px;
    font-size: 18px;
}

.lite-black {
    color: rgb(87, 88, 90);
}

.haji_039 {
    float: right;
    height: 390px;
}

.ml70 {
    margin-left: 70px;
}

.top_img10 {
    background-image: url(../image/shouni_00.png);
    width: 100%;
    /* min-width: 1100px; */


    /* (画像の高さ / 画像の横幅) × 100 */
    padding-top: 40.341489%;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;

    position: relative;
}

.img-ready {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 18px;
    transform: translate(-50%, -50%);
}

.img-ready1 {
    position: absolute;
    top: 360px;
    left: 125%;
    font-size: 18px;
    text-decoration: none;
    color: black;
}

.medical-ready {
    position: absolute;
    /* top: 79%; */
    left: 50%;
    transform: translate(-50%, -320%);
    font-size: 90px;
    color: gray;
    opacity: 1;
}

.payment {
    display: block;
    width: 100%;
    margin-bottom: 40px;
}

/* New_top */
.top_img11 {
    background-image: url(../image/new_top_img00.png);
    width: 100%;
    /* min-width: 1100px; */


    /* (画像の高さ / 画像の横幅) × 100 */
    padding-top: 56.341489%;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    position: relative;
    /* margin-top: -115px; */
}

.new_header {
    text-decoration: none;
    color: white;

}

.new_content {
    width: 100%;
    margin: 0 auto;

}

.new_content_fv {
    display: flex;
    justify-content: center;
    margin-top: 40px;
    padding: 0 40px 0 20px;
}

.new_content_fv_img img {
    /* background: url(../image/new_05.png) center center/ contain no-repeat; */
    width: 105%;
    margin-top: 40px;
}

.new_content_fv_img {
    /* margin: 30px; */

}

.new_content_fv-box {
    margin-right: 20px;
}


.new_top_concept {
    background: url('../image/new_09.png')top center / cover no-repeat;
    /* height: 100vh; */
}

.new_top_concept_box {
    margin: 50px auto;
    text-align: center;
    padding: 100px 0;
}

.new_top_concept_box img {
    display: block;
    margin: auto;
    margin-bottom: 40px;
}

.new_content_text {
    text-align: left;
    line-height: 1.7em;
}

.new_content_fv-text {
    width: 100%;
    min-width: 352px;
    text-align: left;

}

.features-text {
    color: rgb(205, 126, 51);
    /* margin-bottom: 10px; */
    height: 25px;
    line-height: 25px;
}


.new_top_bk {
    background: url(../image/new_20.png) center center / cover no-repeat;
}

.medical li {
    margin-left: 20ox;
}

rt {
    font-size: 0.5em;
}

ruby {
    font-size: 43px;
}

.new-top-tmp-text {
    display: flex;
    justify-content: center;
}

.new-top-tmp-img {
    width: 50%;
    margin-right: -50px;
}

.new-top-infomation {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}


.new-top-tmp-text-p {
    font-size: 43px;
    margin-top: 1px;
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.new-top-tel {
    display: block;
    margin: 0 auto;

}

.access {
    margin: 0 auto;
}

.new-top-infomation-access {
    display: flex;
    justify-content: center;
}

.new-top-infomation-access-text {
    width: 550px;
}

.new-top-infomation-access-img {
    width: 150px;
    margin-right: 30px;
}

.new-top-infomation-access {
    text-align: left;
    margin-top: 25px;
}

.new-top-tel {
    padding: 30px 0;
}

.new_content_text1 {
    text-align: right;
    font-size: 20px;
    margin-bottom: 15px;
}


.menu-ul li a {
    font-size: 18px;
    display: block;
    padding: 30px 0px;
}

/* @media (max-width: 1200px) {
    .top_img11 {
        padding-top: 65%;
        background-position: top center;
    }
} */
 .fsbox{
    margin-bottom: 40px;
 }
 .fstitle{
    color: rgb(88, 88, 90);
    font-size: 1.5em;
    text-align: left;
    background-color: rgb(190, 220, 147);
    padding: 10px;
 }
 .fstext{
    padding: 10px;
    text-align: left;
 }