/*
Theme Name: あああ
Author: ああ
Description: オリジナルテーマのテスト
Version: 1.0.0
*/

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

@font-face {
    font-family: "Noto Sans JP";
    font-weight: 400;
    src: url(/font/NotoSerifJP-Medium.ttf) format("truetype");
}

@font-face {
    font-family: "Noto Sans JP";
    font-weight: 500;
    src: url(/font/NotoSerifJP-SemiBold.ttf) format("truetype");
}

@font-face {
    font-family: "Noto Sans JP";
    font-weight: 600;
    src: url(/font/NotoSerifJP-Bold.ttf) format("truetype");
}

body {
    margin: 0;
    padding: 0;
    color: #000;
    text-align: center;
    font-family: "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
    font-size: 16px;
    line-height: 32px;
    background-image: url(images/bg.jpg);
    background-color: #fff;
    position: relative
}

#body {
    text-align: left
}

.red {
    color: #e70123
}

.orange {
    color: #fe6c01
}

.white {
    color: #FFFFFF;
}

.font_small {
    font-size: 10px
}

.border {
    border: 1px solid #ccc
}

ul {
    padding: 0;
    margin: 0
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin-top: 0;
    padding: 0
}

h1 {
    font-size: 12px;
    text-align: left;
    font-weight: 400;
    margin: 0;
    padding: 0;
    line-height: 16px
}

h2 {
    margin-bottom: 0
}

h3 {
    margin-bottom: 15px
}

h4 {
    margin-bottom: 10px;
    font-size: 18px;
    color: rgba(46, 116, 152, 1)
}

p {
    margin-bottom: 15px;
    letter-spacing: 1.5px;
    line-height: 2.2;
}

a img {
    border: none
}

a:link {
    text-decoration: underline
}

a:visited {
    text-decoration: underline
}

a:active,
a:focus,
a:hover {
    text-decoration: none
}

p {
    margin-top: 0;
    margin-bottom: 15px
}

#container {
    width: 100%;
    text-align: left;
    margin: 0;
    padding-top: 20px;
}

#slidedisp {
    width: 100%;
    height: 500px;
    background-position: center;
    position: relative
}

.content {
    text-align: left;
    margin-right: auto;
    margin-left: auto;
    width: 1100px;
    padding-top: 15px;
    padding-right: 0;
    padding-bottom: 15px;
    padding-left: 0;
    overflow: hidden
}

@media screen and (max-width:820px) {
    .content {
        width: 100%;
        box-sizing: border-box;
        padding: 15px;
    }
}

.main {
    width: 820px;
    float: right
}

.side {
    width: 250px;
    float: left
}

.side img {
    max-width: 100%;
    height: auto
}

.fltlft {
    float: left;
    margin-right: 45px;
    margin-bottom: 15px
}

.clearfloat {
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0
}

.align_center {
    text-align: center
}

.m5 {
    margin-top: 5px
}

.m10 {
    margin-top: 10px
}

.m15 {
    margin-top: 15px
}

.m20 {
    margin-top: 20px
}

.m25 {
    margin-top: 25px
}

.m30 {
    margin-top: 30px
}

.m40 {
    margin-top: 40px
}

.center {
    text-align: center
}

header {
    width: 100%;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgba(249, 247, 248, .6);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(178, 168, 159, 1);
    margin-bottom: 2px
}

#header_area {
    width: 1260px;
    overflow: hidden;
    text-align: left;
    padding-bottom: 5px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 10px
}

#head_top {
    position: absolute;
    bottom: 0;
    z-index: 2
}

#logo_area {
    width: 390px
}

#logo_area img {
    max-width: 100%;
    height: auto
}

#localnavigation {
    float: right;
    clear: both;
    width: 440px;
    padding-bottom: 2px
}

#localnavigation li {
    list-style: none;
    float: left;
    background-image: url(images/navi_1.jpg);
    background-repeat: no-repeat;
    background-position: left;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 15px;
    padding-top: 5px;
    padding-bottom: 0
}

footer {
    width: 100%;
    text-align: center;
    clear: both;
    padding-bottom: 15px;
    border-top-style: double;
    border-top-color: #595e9d;
    color: #595e9d;
    font-size: 12px;
    font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, Georgia, メイリオ, Meiryo, serif
}

.footer_area {
    padding-top: 10px;
    text-align: center;
    background-color: #595132;
    font-size: 12px;
    padding-bottom: 20px
}

#main_area {
    width: 100%;
    text-align: center;
    height: 289px;
    background-image: url(images/head_main_bg.jpg);
    background-repeat: repeat-x
}

#submain_area {
    width: 100%;
    text-align: center;
    height: 190px;
    background-image: url(images/submain_bg.jpg);
    background-repeat: repeat-x;
}

#globalnavigation {
    text-align: center;
    width: 980px;
    float: left
}

#globalnavigation ul {
    width: 980px;
    margin-left: 30px;
    text-align: left;
    overflow: hidden;
    padding-top: 0
}

#globalnavigation li {
    margin: 0;
    list-style: none;
    float: left;
    text-align: center;
    padding-top: 0;
    padding-right: 10px;
    padding-bottom: 0;
    padding-left: 10px;
    font-size: 106%;
    font-weight: 600;
    border-right: 1px solid rgba(175, 167, 139, 1);
    font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", Georgia, "メイリオ", Meiryo, serif;
    line-height: 1.2;
}

#globalnavigation li a {
    text-decoration: none;
    color: #3f3501;
    letter-spacing: -0.04em;
}

#globalnavigation li a:hover {
    text-decoration: none;
    color: #ff6600;
}

.side_navigation li {
    list-style: none;
    padding: 0;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 15px;
    margin-left: 0
}

.text_area {
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 15px;
    overflow: hidden
}

.banner {
    margin-bottom: 15px
}

.flow_box {
    margin-top: 10px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: rgba(174, 169, 147, 1);
    border-bottom-color: rgba(174, 169, 147, 1);
    border-left-color: rgba(174, 169, 147, 1);
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
}

.flow_arrow {
    font-size: 30px;
    text-align: center;
    color: rgba(162, 147, 106, 1);
    padding-top: 15px;
    padding-bottom: 15px;
}

.logo {
    width: 260px;
    float: left;
    padding-top: 6px
}

.list_c3 ul {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap
}

.list_c3 li {
    list-style: none;
    margin: 0;
    float: left;
    text-align: center;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 20px;
    padding-left: 0;
    margin-right: 2%;
    line-height: 24px;
    width: 32%;
}

.list_c3 li:nth-child(3n) {
    margin-right: 0;
}


.list_c3 h5 {
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: rgba(46, 116, 152, 1);
}

.list_c3 li p {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
    text-align: left;
    line-height: 1.8em;

}

.list_c3b {
    display: flex;
    flex-wrap: wrap
}

.list_c3b ul {
    overflow: hidden
}

.list_c3b li {
    list-style: none;
    margin: 0;
    float: left;
    text-align: center;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 20px;
    padding-left: 0;
    line-height: 24px
}

.list_c3b_box1 {
    width: 33%
}

.list_c3b h5 {
    font-size: 18px;
    margin-bottom: 5px
}

.list_c3b_box1 {
    width: 33%
}

.list_c3b_box2 {
    width: 34%
}

.list_c3b li p {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 5px
}

.list_c3c ul {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap
}

.list_c3c li {
    list-style: none;
    margin: 0;
    float: left;
    text-align: center;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 20px;
    padding-left: 0;
    margin-right: 2%;
    line-height: 24px;
    width: 32%;
}

.list_c3c li:nth-child(3n) {
    margin-right: 0;
}

.list_c4 {
    display: flex;
    flex-wrap: wrap
}

.list_c4 ul {
    overflow: hidden
}

.list_c4 h5 {
    margin-bottom: 0;
    font-size: 16px
}

.list_c4 a {
    text-decoration: none;
    color: #000
}

.list_c4 .title_topic4 a {
    color: #004193
}

.list_c4 p {
    padding-left: 20px
}

.list_c4 li {
    list-style: none;
    float: left;
    text-align: center;
    padding-top: 0;
    padding-bottom: 20px;
    width: 205px;
    line-height: 24px;
    font-size: 14px;
    margin-top: 0;
    margin-right: 0px;
    margin-bottom: 0;
    padding-right: 10px;
    margin-left: 0
}

.list_c4 li img {
    width: 85%;
    height: auto;
}

.staff_box {
    height: 350px;
}

.staff_box p {
    letter-spacing: 0;
}

.list_c4 li:last-child {
    margin-right: 0
}

.td_left {
    background-color: rgba(238, 234, 223, 1)
}

.box_c2A {
    width: 48%;
    padding-left: 1%;
    padding-right: 1%;
    float: left;
    text-align: center;
    padding-bottom: 15px;
}

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

.photo_right {
    float: right;
    margin-left: 25px;
    padding-bottom: 10px
}

.photo_left {
    float: left;
    margin-right: 20px;
    padding-bottom: 10px
}

.title_mainimage {
    font-family: 'Noto Sans JP', sans-serif;
    font-family: 'Noto Serif JP', serif;
    font-weight: 500;
    color: #4D4737;
    line-height: 46px;
    padding-top: 75px;
    font-size: 36px;
    letter-spacing: 5px;
}

.title_flow_no {
    font-size: 18px;
}

.title_flow {
    font-size: 18px;
    font-weight: normal;
    color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(216, 211, 180, 1);
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: rgba(162, 147, 106, 1);
    padding-left: 20px;
}

.subtitle_mainimage {
    font-size: 24px;
    color: #343879;
}

.title_main {
    color: #2b4c93;
    font-size: 30px;
    padding-bottom: 8px;
    font-family: 'Noto Sans JP', sans-serif;
    font-family: 'Noto Serif JP', serif;
    font-weight: 500;
    margin-bottom: 30px;
    margin-top: 30px;
    text-align: center;
    letter-spacing: 2px;
}

.title_main2 {
    color: #2b4c93;
    font-size: 24px;
    font-family: 'Noto Sans JP', sans-serif;
    font-family: 'Noto Serif JP', serif;
    font-weight: 500;
    margin-bottom: 20px;
    margin-top: 15px
}

.title_main2_black {
    font-size: 24px;
    font-family: 'Noto Sans JP', sans-serif;
    font-family: 'Noto Serif JP', serif;
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 30px
}

.title_main3 {
    font-size: 32px;
    font-family: 'Noto Sans JP', sans-serif;
    font-family: 'Noto Serif JP', serif;
    font-weight: 500;
    margin-bottom: 40px;
    margin-top: 0;
    text-align: center;
    line-height: 44px;
    padding-top: 50px
}

.title_main4 {
    font-size: 32px;
    font-family: 'Noto Sans JP', sans-serif;
    font-family: 'Noto Serif JP', serif;
    font-weight: 500;
    margin-bottom: 20px;
    margin-top: 0;
    text-align: center;
    line-height: 44px;
    padding-top: 20px
}

.title_sub {
    color: #2b4c93;
    font-size: 24px;
    font-family: 'Noto Sans JP', sans-serif;
    font-family: 'Noto Serif JP', serif;
    font-weight: 600;
    margin-bottom: 10px;
    font-weight: 700
}

.title_sub2 {
    color: #2b4c93;
    font-size: 24px;
    font-family: 'Noto Sans JP', sans-serif;
    font-family: 'Noto Serif JP', serif;
    font-weight: 500;
    margin-bottom: 10px;
    font-weight: normal;
}

.title_topic2 {
    color: #2b4c93;
    font-size: 22px;
    font-family: 'Noto Sans JP', sans-serif;
    font-family: 'Noto Serif JP', serif;
    font-weight: 500;
    margin-bottom: 10px;
    line-height: 30px;
    padding: 0;
    margin-top: 0
}

.title_topic4 {
    color: #2b4c93;
    font-size: 18px;
    font-family: 'Noto Sans JP', sans-serif;
    font-family: 'Noto Serif JP', serif;
    font-weight: 500;
    margin-bottom: 0;
    line-height: 30px;
    font-weight: 400;
    padding: 0;
    margin-top: 0
}

.title_bg {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 3px;
    margin-bottom: 40px;
    margin-top: 2rem;
    border-bottom: #ccc9be solid 1px;
    clear: both
}

.title_bg h4 {
    color: #665502;
    padding-left: 30px;
    font-size: 20px;
    font-weight: 400;
    background-image: url(images/icon_title.png);
    background-repeat: no-repeat;
    background-position: 5px;
    margin-bottom: 5px;
    letter-spacing: 1px;
}

.title_merit_bg {
    width: 100%;
    background-color: #3E6AA5;
    margin-bottom: 40px;
    clear: both
}

.title_merit_bg h4 {
    color: #ffffff;
    display: flex;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 5px;
    letter-spacing: 1px;
}

.title_merit_bg h4:last-child {
    padding: 10px;
}

.title_merit_bg h4 span {
    font-size: 26px;
    padding: 0 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #6A80AC;
    font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, Georgia, メイリオ, Meiryo, serif;
    margin-top: -10px;
    margin-bottom: -10px;
    margin-left: -10px;
    margin-right: 10px;
}

#main_bubun {
    width: 100%;
    height: 250px;
    text-align: center;
    background-position: center;
    background-image: url(images/main_bubun.webp);
    background-size: cover;
}

#main_mouse {
    width: 100%;
    height: 250px;
    text-align: center;
    background-position: center;
    background-image: url(images/main_mouse.webp);
    background-size: cover;
    padding-top: 66px;
}

#main_sub {
    width: 100%;
    height: 250px;
    text-align: center;
    background-position: center 321px;
    background-image: url(images/main_sub2.webp);
    background-size: cover;
    -moz-box-shadow: 0px 6px 10px -5px rgba(59, 50, 33, 0.45);
    -webkit-box-shadow: 0px 6px 10px -5px rgba(59, 50, 33, 0.45);
    box-shadow: 0px 6px 10px -5px rgba(59, 50, 33, 0.45);
    padding-top: 66px;
}

.case_bg {
    background-color: #fbfbf6
}

.mouse_bg {
    background-image: url(images/mps-bg.webp);
    background-repeat: no-repeat;
    background-color: #dadde4;
    background-position: center right;
    padding: 10px 0;
}

.case_area {
    float: left;
    width: 530px;
    overflow: hidden;
    padding: 10px;
    font-size: 14px
}

.case_box {
    background-color: #fff;
    border: 1px solid #968c7c;
    padding: 10px;
    overflow: hidden;
    width: 510px
}


.case_photo {
    float: left;
    margin-right: 25px;
    width: 210px
}

.case_right {
    float: left;
    text-align: left;
    width: 260px
}

.case_btn {
    background-color: #ba9f35;
    color: #fff;
    text-align: center;
    background-image: url(images/btn_navi_arrow.png);
    background-repeat: no-repeat;
    -webkit-background-size: 16px 16px;
    background-size: 16px 16px;
    background-position: 92% center;
    padding-top: 5px;
    padding-bottom: 5px;
}

.case_btn:hover {
    background-color: #b79308
}

.case_btn a {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    font-size: 110%;
    display: block
}

.case_btn2 {
    background-color: #ba9f35;
    color: #fff;
    text-align: center;
    width: 70%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 5px;
    padding-bottom: 5px;
}

.case_btn2 a {
    color: #fff;
    text-decoration: none;
    display: block
}

.case_btn2:hover {
    background-color: #b79308
}

.td_right {
    background-color: rgba(255, 255, 255, 1);
    text-align: right
}

#price_inner .td_right {
    width: 35%;
}

#price_1 {
    width: 95%;
    background-color: #ccc
}

.td_left {
    width: 250px;
    background-color: #f7f7f7;
    text-align: center
}

.td_left2 {
    width: 200px;
    background-color: #f7f7f7;
    text-align: center
}

.td_mid {
    background-color: #ffffff;
}

.tr_line {
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #ccc;
    margin-bottom: 5px
}

.price_table {
    width: 100%
}

.ortho_bg1 {
    width: 100%;
    background-image: url(images/ortho1.webp);
    background-position: 3% center;
    background-repeat: no-repeat;
    overflow: hidden;
    background-color: rgba(250, 250, 250, 1)
}

.ortho_bg2 {
    width: 100%;
    background-image: url(images/ortho2.webp);
    background-position: right center;
    background-repeat: no-repeat;
    overflow: hidden
}

.topc_text_right {
    width: 50%;
    background-position: 0 0;
    float: right;
    padding-bottom: 20px
}

.topc_text_left {
    width: 510px;
    background-position: 0 0;
    padding-bottom: 15px
}

.area_top_topicA {
    overflow: hidden;
    padding: 15px
}

.top_spec1_bg {
    clear: both;
    width: 100%;
    background-image: url(images/main_photo.webp);
    background-position: 15% bottom;
    background-repeat: no-repeat;
    overflow: hidden;
    background-color: #fbfbf6;
    height: 438px
}

.top_spec2_bg {
    width: 100%;
    background-image: url(images/director_photo.webp);
    background-position: 80% bottom;
    background-repeat: no-repeat;
    overflow: hidden;
    /* margin-bottom: 10px; */
    height: 497px;
    background-color: #fffefc
}

.informationbox {
    border-bottom-width: 1px;
    border-bottom-color: #bcb1b1;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom-style: dashed;
    border-top-width: 1px;
    overflow: hidden;
    padding-left: 5px
}

.information_left {
    float: left;
    width: 20%;
    text-align: left
}

.information_right {
    float: left;
    width: 80%
}

.information_right p {
    margin-bottom: 0
}

.td_left2 {
    width: 250px;
    background-color: #f7f7f7;
    text-align: center
}

.td_price {
    background-color: #f7f8fd;
    width: 170px
}

.footer_list {
    overflow: hidden
}

.footer_list li {
    float: left;
    width: 165px;
    list-style-type: none
}

.footer_list li a {
    color: rgba(255, 255, 255, 1);
    text-decoration: none
}

.price_btn {
    width: 250px;
    height: 30px;
    padding: 10px;
    background-color: #2D628F;
    float: left;
    margin-right: 20px;
    text-align: center;
    color: #fff;
    background-image: url(images/btn_navi_arrow.png);
    background-position: 240px center;
    background-repeat: no-repeat;
    -webkit-background-size: 15px 15px;
    background-size: 15px 15px
}

.price_btn a {
    display: block;
    color: #fff;
    text-decoration: none
}

.price_btn:hover {
    opacity: 0.95;
}

.head_main_area {
    width: 100%;
    text-align: center;
    background-color: #d0c7a6;
    padding-top: 90px
}

.right_contact {
    float: right
}

.voice_topic {
    margin-bottom: 10px;
    letter-spacing: 0;
    border-bottom: 1px solid #968c7c
}

.entry-content {
    margin-left: 20px
}

.entry_topic_title {
    font-size: 20px;
    line-height: 36px;
    font-family: 'Noto Sans JP', sans-serif;
    font-family: 'Noto Serif JP', serif;
}

.tel1 {
    background-image: url(images/tel.svg);
    background-repeat: no-repeat;
    width: 100%;
    background-position: center;
    height: 50px;
    margin-bottom: 10px;
    background-size: 380px;
    float: left;
    padding-right: 20px;
    text-indent: -9999px
}

.tel2 {
    background-image: url(images/tel2.png);
    background-repeat: no-repeat;
    width: 220px;
    height: 30px;
    float: left;
    background-position: 20px 0;
    border-left: 1px solid #aeaeb0
}

.thumb_topic_left {
    width: 280px;
    float: left;
    margin-right: 15px;
    margin-left: 20px
}

.topic_text_side {
    width: 780px;
    float: left
}

.topic_text_side p {
    margin-bottom: 0;
    line-height: 24px
}

.btn_syousai {
    width: 200px;
    text-align: center;
    background-color: #021b7a;
    font-size: 12px;
    line-height: 20px;
    float: right;
    clear: both;
    padding-top: 5px;
    padding-bottom: 5px;
}

.btn_syousai a {
    color: #fff;
    text-decoration: none;
}

#menu {
    display: none;
}

#smnavigation {
    display: none;
}

.sm_content {
    display: none;
}

.br-sp {
    display: none;
}

#sub_header {
    position: fixed;
    top: 0;
    z-index: 10;
    background-color: rgba(249, 247, 248, 1);
}

.smunder_yoyaku {
    display: none;
}

.smunder_yoyaku2 {
    display: none;
}

.smunder_yoyaku3 {
    display: none;
}

.list_kamoku {
    width: 250px;
    margin-right: 20px;
    background-color: rgba(247, 247, 242, 1);
    text-align: center;
    padding-top: 10px;
    border: 1px solid rgba(238, 234, 223, 1);
    float: left;
    margin-bottom: 30px;
    padding-bottom: 10px;
    font-size: 18px;
}

.list_kamoku:last-child {
    margin-right: 0;
}

.aisatstu_bg {
    background-image: url(images/shige_prof.webp);
    background-repeat: no-repeat;
    background-position: 500px 60px;
    background-color: rgba(251, 251, 246, 1);
}

.prof_bg {
    width: 100%;
    background-image: url(images/prof_main2.webp);
    background-position: left bottom;
    background-repeat: no-repeat;
    overflow: hidden;
    background-color: #fbfbf6;
    margin-bottom: 40px;
}

@media screen and (max-width:820px) {
    .prof_bg {
        background-size: 650px;
        background-position: 180% 50%;
    }
}

.ortho_bg1 {
    width: 100%;
    background-image: url(images/ortho1.webp);
    background-position: -25% center;
    background-repeat: no-repeat;
    overflow: hidden;
    background-color: rgba(250, 250, 250, 1);
    background-size: contain;
}

.ortho_bg2 {
    width: 100%;
    background-image: url(images/ortho2.webp);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 780px auto;
    overflow: hidden;
}

.ortho_bg2 .content {
    padding: 0;
}

.prof_name {
    font-family: 'Noto Sans JP', sans-serif;
    font-family: 'Noto Serif JP', serif;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 50px;
    padding-top: 20px;
    color: rgba(51, 51, 51, 1);
}

.prof_mainname {
    font-size: 36px;
}

.prof_text {
    width: 550px;
    float: right;
    background-position: 0% 0%;
}

@media screen and (max-width:820px) {
    .prof_text {
        float: none;
    }
}

.prof_text p {
    line-height: 26px;
}

.topic_credit {
    padding: 10px;
    margin-bottom: 15px;
    border: double 3px #B5D362;
    width: auto;
}

.topic_credit li {
    list-style: none;
    padding-left: 20px;
    background-image: url(images/check_price.png);
    background-repeat: no-repeat;
    background-position: left 8px;
    background-size: 16px auto;
}

.smyoyaku {
    display: none;
}

.caption_ortho {
    font-size: 18px;
}


.hamigaki_topictext {
    width: 300px;
    float: left;
}

.hamigakiarea_left {
    float: left;
    width: 50%;
    line-height: 26px;
}

.line_separate {
    width: 100%;
    clear: both;
    margin-bottom: 15px;
    padding-top: 15px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(222, 222, 222, 1);
}

.br-sp {
    display: none;
}

.input_txtarea {
    width: 800px;
}

.navi_arrow {
    padding-left: 20px;
    background-image: url(images/navi_arrow.png);
    background-size: 12px auto;
    background-repeat: no-repeat;
    background-position: left center;
}

.list_merit h4 {
    font-size: 130%;
}

.list_merit li {
    background-image: url(images/check.png);
    background-size: 20px auto;
    list-style: none;
    padding-top: 2px;
    padding-bottom: 5px;
    padding-left: 28px;
    background-repeat: no-repeat;
    background-position: left 7px;
    font-size: 110%;
}

.subtitle_faq {
    border-bottom: 3px solid #c3cfec;
    position: relative;
    font-weight: 700;
    margin-bottom: 2rem;
    margin-top: 2rem;
    padding-bottom: 5px;
}

@media (max-width: 550px) {
    .subtitle_faq {
        margin-bottom: 1.5rem;
        margin-top: 1rem;
    }
}

.subtitle_faq::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 90px;
    height: inherit;
    border-bottom: 3px solid #2e4082;
}

.marker_yellow_hoso {
    background: linear-gradient(transparent 60%, #ffff66 60%);
    font-weight: 900;
}

.rayout2imgs {
    width: 50%;
    float: left;
}

.wh-flow {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 30px;
    justify-content: space-between;
}

.wh-flow h3 {
    font-size: 20px;
    color: #778010;
    text-align: center;
    font-family: 'Noto Sans JP', sans-serif;
    font-family: 'Noto Serif JP', serif;
}

.wh-flow li {
    list-style: none;
    width: 33;
    padding: 0;
    margin-bottom: 30px;
    margin: 0;
}

.wh-flow li:last-child {
    padding-right: 0;
    background-image: none;
}

.round {
    background-image: url(images/or-bg.webp);
    background-repeat: no-repeat;
    background-color: #f9f0e6;
    background-position: 10%;
}

.round .content {
    padding: 0;
}

.topic-check {
    padding-left: 20px;
    background-image: url(images/topic-check.png);
    background-repeat: no-repeat;
    background-size: 15px;
}

.flow_content {
    padding: 10px;
}

.flow_content ul {
    display: flex;
    flex-wrap: wrap;
}

.flow_content li {
    width: 46%;
    list-style: none;
    padding: 0 2%;
    margin-bottom: 25px;
}

@media screen and (max-width:820px) {
    .case_area {
        width: 50%;
        box-sizing: border-box;
    }

    .case_box {
        width: 100%;
        box-sizing: border-box;
    }

    .caption_ortho {
        font-size: 14px;
    }

    .title_sub {
        color: #2b4c93;
        font-size: 18px;
        font-family: 'Noto Sans JP', sans-serif;
        font-family: 'Noto Serif JP', serif;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .topic_text_side {
        width: 420px;
        float: left
    }

    .topc_text_right {
        width: 100%;
        float: none;
        padding-bottom: 10px;
        text-align: center;
        padding-top: 50px
    }

    .title_main3 {
        font-size: 30px;
        font-family: 'Noto Sans JP', sans-serif;
        font-family: 'Noto Serif JP', serif;
        font-weight: 500;
        margin-bottom: 30px;
        margin-top: 0;
        text-align: left;
        line-height: 34px;
        padding-top: 0px
    }

    .top_spec1_bg {
        clear: both;
        width: 100%;
        margin: 0 auto;
        height: auto;
        background-size: 80%;
        /* background-color: rgba(255, 255, 255, 0.6); */
        /* background-blend-mode:lighten; */
        background-position: top center;
    }

    .topc_text_left {
        /* padding-top:190px; */
        width: 100%;
        background-position: 0;
        padding-bottom: 15px
    }

    .main {
        width: 100%;
        float: none;
        box-sizing: border-box;
        padding: 10px;
    }

    .side {
        width: 100%;
        float: none
    }

    .side img {
        max-width: 100%;
        height: auto;
    }

    .side_navigation {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .top_spec2_bg {
        width: 100%;
        background-image: url(images/director_photo.webp);
        background-position: 120% top;
        background-repeat: no-repeat;
        overflow: hidden;
        margin-bottom: 10px;
        padding-top: 50px;
        height: auto;
        background-color: #fffefc;
    }

    .top_spec2_bg p {
        width: 70%;
    }

    .case_area {
        width: 50%;
        box-sizing: border-box;
        text-align: left;
    }

    .case_area br {
        /* display:none; */
    }

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

    .list_c4 li {
        width: 31%;
    }

    #globalnavigation {
        text-align: center;
        width: 480px;
        float: left
    }

    #globalnavigation ul {
        width: 520px;
    }

    #globalnavigation li {
        line-height: 1.6;
    }

    #header_area {
        width: 100%;
    }

    .title_mainimage {
        padding-top: 120px;
    }

    .photo_right img {
        max-width: 380px;
        height: auto;
    }

    .topc_text_right {
        width: 100%;
        float: none;
        padding-bottom: 10px;
        text-align: center;
        padding-top: 420px;
    }

    .ortho_bg1 {
        width: 100%;
        background-image: url(images/ortho1.webp);
        background-position: top center;
        height: auto;
        background-repeat: no-repeat;
        background-size: 70% auto;
        background-color: rgba(250, 250, 250, 1);
    }

    .ortho_bg1 .topc_text_right h4,
    p {
        text-align: left;
    }

    .ortho_bg2 {
        background-position: top;
    }

    .ortho_bg2 .topc_text_left {
        padding-top: 540px;
        box-sizing: border-box;
        padding-left: 15px;
        padding-right: 15px;
    }

    .round {
        background-position: left top;
        background-size: 120%;
    }

    .round .topc_text_right {
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }

    .topic_im img {
        max-width: 380px;
        height: auto;
    }

    .list_c3 li img {
        max-width: 95%;
        height: auto;
    }

    .case_btn2 {
        width: 88%;
        margin-right: auto;
        margin-left: auto;
        padding-top: 5px;
        padding-bottom: 5px;
    }
}

.smnav {
    background-color: #6F6D5F;
    display: flex;
    color: #fff;
    flex-wrap: wrap;
}

.smnav li {
    list-style: none;
    width: 33%;
    text-align: center;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    box-sizing: border-box;
    padding: 10px;
}

.smnav a {
    color: #fff;
    text-decoration: none;
}

.breadcrumb ul {
    width: 100%;
    padding: 0;
    overflow-x: auto;
    white-space: nowrap;
}

.breadcrumb li {
    font-size: 0.9rem;
    list-style: none;
    display: inline;
}

.breadcrumb li::after {
    content: '>';
    color: rgb(65, 65, 65);
}

.breadcrumb li:last-child::after {
    content: '';
}

.topic-panel-a {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.topic-panel-a li {
    width: 23%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 20px;
    height: 140px;
    border: solid 1px #DEDEDE;
    align-items: center;
    justify-content: center;
}

#pageTop {
    width: 60px;
    position: fixed;
    bottom: 25px;
    right: 5%;
    display: none;
}

.staff-voice {
    border-radius: 15px;
    border: solid 3px #004193;
    padding: 2rem;
    margin-bottom: 3rem;
}

.staff-voice h4 {
    margin-top: 2rem;
}

.staff-title {
    padding-top: 1rem;
    margin-bottom: 0;
    color: #004193;
    display: flex;
    align-items: center;
}

.staff-title::after {
    content: "";
    margin-left: 1rem;
    height: 1px;
    flex-grow: 1;
    background-color: #004193;
}

.staffvoice-btn {
    float: right;
    width: 210px;
    text-align: center;
    background-color: #004193;
    border-radius: 6px;
}

.staffvoice-btn a {
    color: #ffffff;
    display: block;
    padding: 1px 0;
    text-decoration: none;
}

.staffvoice-btn a::before {
    content: "▼";
    font-size: 10px;
    vertical-align: 2px;
    margin-right: 10px;
}

.staffvoice-btn:hover {
    transition: 0.6s;
    background-color: #2D628F;
}

.panf-topic {
    display: flex;
    align-items: flex-start;
    width: 900px;
    margin: 20px auto;
}

.panf-topic img {
    width: 150px;
    margin-right: 30px;
}

.drprof {
    display: flex;
    flex-wrap: wrap;
    text-align: left;
}

.drprof dt {
    width: 15%;
    margin: 0;
    padding: 0;
}

.drprof dd {
    width: 85%;
    margin: 0;
    padding: 0;
}

.top-sidebanner {
    border-left: 6px solid rgb(230, 230, 230);
    border-image: linear-gradient(0deg, rgba(19, 0, 87, 1) 10%, rgb(165, 170, 225) 98%);
    border-image-slice: 1;
    background-color: #f7f7fc;
    width: 100%;
    text-align: left;
}

.top-sidebanner a {
    font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, Georgia, メイリオ, Meiryo, serif;
    color: #343879;
    font-size: 17px;
    letter-spacing: 0;
    padding-left: 15px;
    display: block;
    text-decoration: none;
    line-height: 56px;
}

.top-sb1 {
    background-image: url(images/ebmark.svg);
    background-size: 80px auto;
    background-repeat: no-repeat;
    background-position: 115% center;
}

.top-sb2 {
    background-image: url(images/orth.webp);
    background-size: 60px auto;
    background-repeat: no-repeat;
    background-position: 98% center;
}

.top-sb3 {
    background-image: url(images/habura.webp);
    background-size: 60px auto;
    background-repeat: no-repeat;
    background-position: 98% center;
}

.ms-toparea {
    display: flex;
    padding: 1rem 0;
    justify-content: space-between;
}

.ms-toparea .ms-img {
    width: 47%;
}

.ms-toparea .ms-img img {
    max-width: 100%;
    height: 350px;
    object-fit: cover;
    object-position: center;
}

.ms-toparea .ms-txt {
    width: 50%;
}

.ms-txt h3 {
    text-align: center;
    font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, Georgia, メイリオ, Meiryo, serif;
    font-size: 30px;
    font-weight: 600;
}

.ms-txt ul {
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 1.5rem;
}

.ms-txt li {
    display: block;
    width: 230px;
    font-size: 24px;
    line-height: 2;
    color: #ffffff;
    text-align: center;
    background-image: url(/images/check-ms.svg);
    background-position: 5% center;
    background-repeat: no-repeat;
    background-size: 24px auto;
    font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, Georgia, メイリオ, Meiryo, serif;
    background-color: #1E68A1;
}

.ms-toku-list {
    display: flex;
    justify-content: space-around;
}

.ms-toku-list li {
    padding: 1rem 0;
    width: 27%;
    list-style: none;
}

.ms-toku-list li p {
    font-size: 18px;
    line-height: 1.7;
}

.ms-toku-list img {
    width: 100%;
    height: auto;
}

.topic-2c {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.topic-2c li {
    width: 46%;
    text-align: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.topic-3c {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.topic-3c li {
    width: 33%;
    text-align: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.invi-fst {
    max-width: 1200px;
    background-size: cover;
    background-image: url(/images/invi-fs.webp);
    background-repeat: no-repeat;
    margin: 1rem auto;
    padding: 1rem;
}

.invi-fst-txt {
    max-width: 58%;
    padding-left: 42%;
}

.bf-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.before {
    background-color: #b7af7e;
    color: #fff;
    text-align: center;
    font-weight: 600;
    padding: 5px;
}

.syorei {
    max-width: 520px;
}

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

.arrow {
    width: 40px;
}

.after {
    background-color: #a79915;
    color: #fff;
    text-align: center;
    font-weight: 600;
    padding: 5px;
}

.list-movie1 {
    display: flex;
    justify-content: space-between;
}

.sep {
    width: 49%;
}

.sep2 {
    width: 65%;
}

.sep3 {
    width: 32%;
}

.movie {
    width: 49%;
    display: flex;
    justify-content: space-between;
}

.area-bubun1 {
    display: flex;
    justify-content: space-between;
}

.area-bubun1 div {
    width: calc(100% - 420px);
}

.hikaku-table {
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif;
    margin-top: 2rem;
    line-height: 1.6;
}

.hikaku-table th {
    font-size: 22px;
    color: #fff;
    font-weight: 500;
    padding: 1.5rem 0;
    border: 1px solid #fff;
}

@media (max-width: 550px) {
    .hikaku-table th {
        font-size: 12px;
        padding: 0.3rem 0;
    }
}

.hikaku-table td {
    border: 1px solid #fff;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    padding: 1rem 0;
}

@media (max-width: 550px) {
    .hikaku-table td {
        font-size: 12px;
        padding: 0.3rem 0;
    }
}

.hikaku-table .midasi {
    background-color: #0096b1;
    color: #fff;
    width: 22%;
}

.hikaku-table .ippan {
    width: 38%;
    background-color: #9A9A9A;
}

.hikaku-table .ippan2 {
    width: 26%;
    background-color: #7e7709;
}

.hikaku-table .konkanth {
    background-color: #ffac05;
    width: 38%;
}

.hikaku-table .konkanth2 {
    background-color: #ffac05;
    width: 26%;
}

.hikaku-table .konkantd {
    background-color: #FCFCE5;
    color: #B78D00;
}

.hikaku-table .konkantd span {
    color: #E66100;
}