/*基本スタイル*/


/*基本スタイル*/

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');
body {
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: black;
}

h1,
h2,
h3,
h4 {
    font-family: 'Playfair Display', serif;
    letter-spacing: -.05em;
    color: white;
    font-weight: normal;
}

h2 {
    font-size: 70px;
    line-height: 80px;
    margin-top: 0px;
    margin-bottom: 0;
}

p {
    color: white;
}

.reimin {
    font-family: 'a-otf-ud-reimin-pr6n', serif !important;
    font-style: normal !important;
}

.btn {}

.btn-aqua1 {
    font-family: 'Playfair Display', serif;
    letter-spacing: -.05em;
    color: white;
    background: none;
    border-radius: 0;
    font-style: italic;
    font-size: 20px;
    padding: 5px 30px;
    margin-top: 10px;
    border-color: white;
    transition: background 0.8s;
}

.btn-aqua2 {
    font-family: 'Playfair Display', serif;
    letter-spacing: -.05em;
    color: white;
    background: none;
    border-radius: 0;
    font-size: 15px;
    padding: 5px 30px;
    margin-top: 10px;
    border-color: white;
    transition: background 0.8s;
}

.btn-aqua1:hover {
    background: white;
    border-color: white;
    transition: background 0.8s !important;
}

.btn-aqua2:hover {
    background: white;
    border-color: white;
    transition: background 0.8s !important;
}

header .btn-aqua1 {
    margin-top: -5px;
}


/*
 __  __                 _
|  \/  | __ _ _ __ __ _(_)_ __
| |\/| |/ _` | '__/ _` | | '_ \
| |  | | (_| | | | (_| | | | | |
|_|  |_|\__,_|_|  \__, |_|_| |_|
                  |___/
*/

.margin-top-1 {
    margin-top: 10px !important;
}

.margin-top-2 {
    margin-top: 20px !important;
}

.margin-top-3 {
    margin-top: 30px !important;
}

.margin-top-4 {
    margin-top: 40px !important;
}

.margin-top-5 {
    margin-top: 50px !important;
}

.margin-top-6 {
    margin-top: 60px !important;
}

.margin-top-7 {
    margin-top: 70px !important;
}

.margin-top-8 {
    margin-top: 80px !important;
}

.margin-top-9 {
    margin-top: 90px !important;
}

.margin-top-10 {
    margin-top: 100px !important;
}

.margin-bottom-1 {
    margin-bottom: 10px !important;
}

.margin-bottom-2 {
    margin-bottom: 20px !important;
}

.margin-bottom-3 {
    margin-bottom: 30px !important;
}

.margin-bottom-4 {
    margin-bottom: 40px !important;
}

.margin-bottom-5 {
    margin-bottom: 50px !important;
}

.margin-bottom-6 {
    margin-bottom: 60px !important;
}

.margin-bottom-7 {
    margin-bottom: 70px !important;
}

.margin-bottom-8 {
    margin-bottom: 80px !important;
}

.margin-bottom-9 {
    margin-bottom: 90px !important;
}

.margin-bottom-10 {
    margin-bottom: 100px !important;
}

.margin-bottom-13 {
    margin-bottom: 130px !important;
}


/*
 _____ ___  ____
|_   _/ _ \|  _ \
  | || | | | |_) |
  | || |_| |  __/
  |_| \___/|_|

TOP/トップ
*/

a:hover {
    text-decoration: none;
}

.hover_action {
    opacity: .8;
    transition-duration: .6s;
}

.hover_action:hover {
    opacity: 1;
    transition-duration: .6s;
    position: relative;
}


/*トップイメージのスタイル*/

#topImage .container,
#topImage .row,
#topImage .col-xs-12 {
    height: 100%;
}

#topImage .col-xs-12 {
    display: table;
}

#topImage {
    background-size: cover;
    width: 100%;
}

.webp #topImage {
    background-image: url(../images/index/topback.jpg.webp);
}

.no-webp #topImage {
    background-image: url(../images/index/topback.jpg);
}

.topCopy {
    text-align: right;
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

.topTitle {
    color: white;
    font-size: 22.7px;
    line-height: 30px;
    letter-spacing: .24em;
    margin-right: -.2em;
    margin-top: 10px;
}

.btn-reserve {
    width: auto;
    position: absolute;
    bottom: 0;
    margin-bottom: 40px;
}

.btn-reserve a {
    font-size: 15px;
}

.btn-reserve2 {
    width: auto;
    float: right;
    bottom: 0;
    text-align: right;
}

.btn-reserve2 a {
    font-size: 13px;
}

@media screen and (max-width: 480px) {
    h2 {
        font-size: 35px !important;
        line-height: 40px !important;
        margin-bottom: 0;
    }
    .topTitle {
        color: white;
        font-size: 14px !important;
        line-height: 20px !important;
        letter-spacing: 0 !important;
        margin-right: -.2em;
        margin-top: 10px;
    }
}

p.underbtn{
    font-size: 10px;
    text-align: right;
    margin-right: 25px;
    padding-top: 4px;
}

.container-fluid{
    padding-top:26px;
}

@media screen and (max-width: 768px) {
    p.underbtn{
        font-size: 10px;
        margin: 0;
        padding-top: 4px;
    }

    .container-fluid{
        padding:0 10px;
    }
}

@media screen and (max-width: 480px) {
    p.underbtn{
        font-size: 10px;
        margin: 0;
        padding-top: 4px;
        display: none;
    }

    .container-fluid{
        padding:0 10px;
    }
}

/*治療のスタイル*/

.tiryou1,
.tiryou2,
.tiryou3,
.tiryou4,
.tiryou5,
.tiryou6 {
    height: 250px;
    background-size: cover;
    background-position: center center;
    display: table;
}

.tiryou4,
.tiryou5,
.tiryou6 {
    height: 250px;
    background-size: cover;
    background-position: center center;
    display: table;
}

#tiryou .tiryou1 {
    
}
.no-webp #tiryou .tiryou1  {
    background-image: url(../images/index/top_A_left@2x.jpg);
}
.webp #tiryou .tiryou1  {
    background-image: url(../images/index/top_A_left@2x.jpg.webp);
}

#tiryou .tiryou2 {
    
}
.no-webp #tiryou .tiryou2  {
    background-image: url(../images/index/top_A_center@2x.jpg);
}
.webp #tiryou .tiryou2  {
    background-image: url(../images/index/top_A_center@2x.jpg.webp);
}

#tiryou .tiryou3 {
    
}
.no-webp #tiryou .tiryou3  {
    background-image: url(../images/index/top_A_right@2x.jpg);
}
.webp #tiryou .tiryou3  {
    background-image: url(../images/index/top_A_right@2x.jpg.webp);
}

#tiryou .tiryou4 {
    
}
.no-webp #tiryou .tiryou4  {
    background-image: url(../images/index/top_B_left@2x.jpg);
}
.webp #tiryou .tiryou4  {
    background-image: url(../images/index/top_B_left@2x.jpg.webp);
}

#tiryou .tiryou5 {
    
}
.no-webp #tiryou .tiryou5  {
    background-image: url(../images/index/top_B_center@2x.jpg);
}
.webp #tiryou .tiryou5  {
    background-image: url(../images/index/top_B_center@2x.jpg.webp);
}

#tiryou .tiryou6 {
    background-image: url(../images/index/top_B_right@2x.jpg);
}

#tiryou .tiryou {
    text-align: center;
}

#tiryou .tiryou hr {
    width: 150px;
    margin: 10px auto;
}

#tiryou .tiryou h3 {
    font-family: 'Playfair Display', 'a-otf-ud-reimin-pr6n', serif;
    letter-spacing: .2em;
    font-size: 22px;
    margin-top: -20px;
}

#tiryou .tiryou h3 span {
    font-size: 40px;
    letter-spacing: -.05em;
    font-style: italic;
}

#tiryou .tiryou p {
    margin-top: 10px;
    font-size: 14px;
    line-height: 16px;
}

#tiryou .tiryouContent {
    vertical-align: middle;
    margin: 0 auto;
    display: table-cell;
}

#tiryou .btn-tiryou {
    font-size: 17px;
    padding: 3px 20px;
}


/*ナビゲーションのスタイル*/

.navbar-default {
    padding-top: 20px;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 25px;
    background-color: transparent;
    border-color: transparent;
    -webkit-transition: all .5s ease .25s;
    transition: all .5s ease .25s;
    opacity: .95;
}

.navbar-default .navbar-brand {}

.navbar-brand img {
    margin-top: -30px;
    margin-left: -20px;
    height: 60px;
}

.navbar-brand h1 {
    padding: 0;
    margin: 0;
}

.navbar-default .navbar-nav>.activeNav>a,
.navbar-default .navbar-nav>.activeNav>a:hover,
.navbar-default .navbar-nav>.activeNav>a:focus {
    color: white;
    background-color: transparent;
    text-shadow: 0px 0px 10px #fff;
}

.affix {
    background-color: #242729;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: white;
}

.navbar-default .navbar-toggle {
    border-color: transparent;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: transparent;
}

.navbar-toggle {
    margin-right: 0px;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    color: white;
    background-color: transparent;
}

.navbar-nav>li>a {
    font-size: 14px;
    color: white;
    letter-spacing: 0;
    position: relative;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.nav>li>a {
    padding: 10px 15px;
}

.navbar-default .navbar-nav>li>a {
    color: #fff;
}

.navbar-nav>li>a:hover {
    text-shadow: 0px 0px 10px #fff;
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    line-height: 1.42857143;
    color: white;
    white-space: nowrap;
    font-family: 'futura-pt', sans-serif;
    font-weight: 700;
    font-size: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    transition: background .3s !important;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    min-width: 30px;
    padding: 5px 0;
    margin: 3px 0 0;
    font-size: 12px;
    text-align: left;
    list-style: none;
    background-color: #323232;
    background-clip: padding-box;
    border: 0;
    box-shadow: none;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    color: #fff;
}

.dropdown-menu>.activeNav>a,
.dropdown-menu>.activeNav>a:hover,
.dropdown-menu>.activeNav>a:focus {
    color: black;
    background-color: #fff;
}

.navbar-header{
    padding-top: 5px;
}


/*トップヘッダー*/

header p {
    margin-left: -6px;
}


/*非外科的歯周再生治療*/

#hi_geka {
    background-image: url(../images/index/hi_geka.jpg);
    background-size: cover;
    background-position: center center;
    padding: 70px 0;
}

#hi_geka p {
    font-size: 20px;
    letter-spacing: .1em;
}

.hi_geka {
    text-align: center;
}


/*矯正歯科*/

#tooth {
    background-image: url(../images/index/tooth.jpg);
    background-size: cover;
    background-position: center center;
    padding: 70px 0;
}

#tooth p {
    font-size: 20px;
    letter-spacing: .1em;
}

.tooth {
    text-align: center;
}


/*メディカル*/

.medical1,
.medical2,
.medical3,
.medical4,
.medical5,
.medical6,
.medical7,
.medical8,
.medical9 {
    height: 250px;
    background-size: cover;
    background-position: center center;
    display: table;
}

#medical .medical1 {
    
}
.no-webp #medical .medical1 {
    background-image: url(../images/index/medical_A_left@2x.jpg);
}
.webp #medical .medical1 {
    background-image: url(../images/index/medical_A_left@2x.jpg.webp);
}

#medical .medical2 {
    
}
.no-webp #medical .medical2 {
    background-image: url(../images/index/medical_A_center@2x.jpg);
}
.webp #medical .medical2 {
    background-image: url(../images/index/medical_A_center@2x.jpg.webp);
}

#medical .medical3 {
    
}
.no-webp #medical .medical3 {
    background-image: url(../images/index/medical_A_right@2x.jpg);
}
.webp #medical .medical3 {
    background-image: url(../images/index/medical_A_right@2x.jpg.webp);
}

#medical .medical4 {
    
}
.no-webp #medical .medical4 {
    background-image: url(../images/index/medical_B_left@2x.jpg);
}
.webp #medical .medical4 {
    background-image: url(../images/index/medical_B_left@2x.jpg.webp);
}

#medical .medical5 {
    
}
.no-webp #medical .medical5 {
    background-image: url(../images/index/medical_B_center@2x.jpg);
}
.webp #medical .medical5 {
    background-image: url(../images/index/medical_B_center@2x.jpg.webp);
}

#medical .medical6 {
    
}
.no-webp #medical .medical6 {
    background-image: url(../images/index/medical_B_right@2x.jpg);
}
.webp #medical .medical6 {
    background-image: url(../images/index/medical_B_right@2x.jpg.webp);
}

#medical .medical7 {
    
}
.no-webp #medical .medical7 {
    background-image: url(../images/index/medical_C_left@2x.jpg);
}
.webp #medical .medical7 {
    background-image: url(../images/index/medical_C_left@2x.jpg.webp);
}

#medical .medical8 {
    
}
.no-webp #medical .medical8 {
    background-image: url(../images/index/medical_C_center_v2@2x.jpg);
}
.webp #medical .medical8 {
    background-image: url(../images/index/medical_C_center_v2@2x.jpg.webp);
}

#medical .medical9 {
    
}
.no-webp #medical .medical9 {
    background-image: url(../images/index/medical_C_right@2x.jpg);
}
.webp #medical .medical9 {
    background-image: url(../images/index/medical_C_right@2x.jpg.webp);
}

#medical .medical {
    text-align: center;
}

#medical .medical hr {
    width: 150px;
    margin: 10px auto;
}

#medical .medical h3 {
    font-family: 'Playfair Display', 'a-otf-ud-reimin-pr6n', serif;
    letter-spacing: .2em;
    font-size: 22px;
    margin-top: -20px;
}

#medical .medical h3 span {
    font-size: 40px;
    letter-spacing: -.05em;
    font-style: italic;
}

#medical .medical p {
    margin-top: 10px;
    font-size: 14px;
    line-height: 16px;
}

#medical .medicalContent {
    vertical-align: middle;
    margin: 0 auto;
    display: table-cell;
}

#medical .btn-medical {
    font-size: 17px;
    padding: 3px 20px;
}


/*空間のスタイル*/

#space {
    background-size: cover;
    overflow: hidden;
    text-align: center;
}

.no-webp #space {
    background-image: url(../images/index/c_back.jpg);
}

.webp #space {
    background-image: url(../images/index/c_back.jpg.webp);
}

#space h3 {
    font-size: 60px;
    line-height: 80px;
    margin-top: 100px !important;
    margin-bottom: 0;
    text-align: center;
}

#space p {
    color: white;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: .207em;
    margin-right: -.2em;
    margin-top: 5px;
    text-align: center;
}

#space a {
    margin-top: 30px;
}

#space .lighting,
#space .leaf {
    text-align: center;
}

#space .lighting img {
    margin-top: -500px;
}

#space .leaf img {
    margin-top: 30px;
    margin-bottom: -50px
}

@media screen and (max-width: 480px) {
    #space h3 {
        font-size: 35px !important;
        line-height: 40px !important;
        margin-bottom: 0;
    }
    #space p {
        color: white;
        font-size: 14px !important;
        line-height: 20px !important;
        letter-spacing: 0 !important;
        margin-right: -.2em;
        margin-top: 10px;
    }
}


/*フッター*/

footer {
    padding: 50px 0px;
    color: white;
    
    background-size: cover;
    background-position: center center;
}

.no-webp footer {
    background: url(../images/e01.jpg);
}

.webp footer {
    background: url(../images/e01.jpg.webp);
}

footer .footerLogo {
    text-align: center;
    margin-bottom: 30px;
}

footer .footerLogo img {
    width: 40px;
}

footer ul {
    list-style-type: none;
    line-height: 24px;
}

footer .footerReserve {
    text-align: center;
}

footer .footerReserve a {
    font-size: 14px;
}


/*
 ____  _   _ ____  ____   _    ____ _____        _    _     _
/ ___|| | | | __ )|  _ \ / \  / ___| ____|      / \  | |   | |
\___ \| | | |  _ \| |_) / _ \| |  _|  _| _____ / _ \ | |   | |
 ___) | |_| | |_) |  __/ ___ \ |_| | |__|_____/ ___ \| |___| |___
|____/ \___/|____/|_| /_/   \_\____|_____|   /_/   \_\_____|_____|
ALL all
*/

.sub_p {
    color: #242729;
    letter-spacing: .05em;
    text-align: justify;
    line-height: 23px;
    font-size: 15px;
}

.sub_p_small {
    color: #242729;
    letter-spacing: .05em;
    text-align: justify;
    line-height: 18px;
    font-size: 13px !important
}

.sub_p_small_center {
    color: #242729;
    letter-spacing: .05em;
    text-align: justify;
    line-height: 18px;
    font-size: 13px !important;
    text-align: center;
}

.sub_h2 {
    font-size: 40px;
    letter-spacing: .2em;
    margin-top: 45px;
}

.sub_h3 {
    color: #242729;
    font-size: 28px !important;
    text-align: center;
}

.sub_h3_small {
    color: #242729;
    font-size: 23px !important;
    text-align: center;
}

.sub_h3_en {
    color: #242729;
    font-size: 34px !important;
    text-align: center;
}

.sub_h4 {
    color: #242729;
    font-size: 18px;
    letter-spacing: .1em;
    font-weight: 600;
    line-height: 23px;
    margin: 0 0 5px 0;
}

.sub_p_big {
    color: #242729;
    letter-spacing: .05em;
    text-align: justify;
    line-height: 23px;
    font-size: 16px;
    font-weight: 600;
}

.sub_box {
    background-color: #f4f4f4;
    text-align: center;
    border-radius: 3px;
}

.btn_link {
    font-family: serif;
    color: #202020;
    background: #fff;
    border-radius: 0;
    font-size: 18px;
    padding: 5px 70px;
    margin-top: 10px;
    border-color: #202020;
    transition-duration: .2s;
}


/*イメージボーダー*/

.sub_border_black {
    border: solid 2px #000;
    border-radius: 3px;
}

.sub_border_red {
    border: solid 2px #c30d23;
    border-radius: 3px;
}

.sub_border_green {
    border: solid 2px #1eaa39;
    border-radius: 3px;
}

.sub_border_yellow {
    border: solid 2px #e5ac00;
    border-radius: 3px;
}


/*
  ____ ___  _   _  ____ _____ ____ _____
 / ___/ _ \| \ | |/ ___| ____|  _ \_   _|
| |  | | | |  \| | |   |  _| | |_) || |
| |__| |_| | |\  | |___| |___|  __/ | |
 \____\___/|_| \_|\____|_____|_|    |_|

コンセプト/concept
*/

.concept_hr {
    width: 60%;
    margin-top: 100px;
    margin-bottom: 70px;
}

.subtitle_01 {
    font-size: 20px;
    line-height: 23px;
    letter-spacing: .14em;
    text-align: center;
    color: #242729;
    font-family: serif;
}


/*コンセプト・トップ*/

#sub_top {
    background-image: url(../images/all_top_back.jpg);
    background-size: cover;
    background-position: center center;
    height: 300px;
}

.concept_title {
    vertical-align: middle;
    display: table-cell;
    height: 300px;
    width: 1200px;
    text-align: center;
}


#add_1 {
    background-color: #fff;
    color: #242729;
}

#add_2 {
    background-color: #fff;
    color: #242729;
}

#add_3 {
    background-color: #fff;
    color: #242729;
}

/*Art & Science of Dentistry*/

#Art_Science {
    background-color: #fff;
    color: #242729;
}


/*Design_for_Healing*/

#Design_for_Healing {
    background-color: #fff;
    color: #242729;
}


/*Optimal_Solution*/

#Optimal_Solution {
    background-color: #fff;
    color: #242729;
}

.Optimal_Solution_bottom_margin {
    margin-bottom: 80px;
}


/*For_the_First_Time_Customer*/

#For_the_First_Time_Customer {
    background-image: url(../images/concept/First_Time_Customer_back.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.First_Time_Customer_h3 {
    font-size: 50px;
    text-align: center;
    margin-top: 70px;
}

.First_Time_Customer_subtitle {
    font-size: 20px;
    text-align: center;
    letter-spacing: .1em;
    margin-bottom: 30px;
    font-family: serif;
}

.First_Time_Customer_p {
    letter-spacing: .1em;
    text-align: justify;
    line-height: 23px;
}


/*
 _   _  ___  _   _ _  __    _  _____ ____  _   _       __  __ _____ ____ ___ ____    _    _
| | | |/ _ \| | | | |/ /   / \|_   _/ ___|| | | |     |  \/  | ____|  _ \_ _/ ___|  / \  | |
| |_| | | | | | | | ' /   / _ \ | | \___ \| | | |_____| |\/| |  _| | | | | | |     / _ \ | |
|  _  | |_| | |_| | . \  / ___ \| |  ___) | |_| |_____| |  | | |___| |_| | | |___ / ___ \| |___
|_| |_|\___/ \___/|_|\_\/_/   \_\_| |____/ \___/      |_|  |_|_____|____/___\____/_/   \_\_____|

包括医療*/


/*はじめに*/

.Houkatsu_Hajimeni_h3 {
    text-align: center;
    font-size: 26px;
    letter-spacing: .05em;
}

.Hajimeni_subtittle_center {
    text-align: center;
    font-size: 20px;
    line-height: 23px;
    letter-spacing: .05em
}

.Hajimeni_p_center {
    text-align: center;
    font-size: 14.5px;
    letter-spacing: .05em;
    line-height: 23px;
}

.Hajimeni_p_left {
    font-size: 15px;
    letter-spacing: .05em;
    line-height: 23px;
    text-align: justify;
}


/*知っておくべきこと*/

#know {
    background-color: #fff;
    color: #242729;
}

#know h3 {
    font-size: 28px;
    line-height: 37px;
    letter-spacing: .05em
}

.Houkatsu_Mechanism_p {
    color: #242729;
    font-size: 15px;
    letter-spacing: .02em;
    text-align: justify;
}


/*包括的歯科治療の特徴と強み*/

#peculiarity {
    background-color: #fff;
    color: #242729;
}

#peculiarity h3 {
    font-size: 28px;
    line-height: 37px;
    letter-spacing: .05em
}

.sub_h4_center {
    text-align: center;
    color: #242729;
    font-size: 20px;
    letter-spacing: .1em;
    font-weight: 600;
    line-height: 23px;
}

.Tooth_Important_box {
    background-color: #f4f4f4;
    border-radius: 3px;
}

.Tooth_Important_p {
    color: #242729;
    text-align: center;
    letter-spacing: .05em;
    margin: 5px 0 20px 0;
}

.Tooth_Important_p_small {
    color: #242729;
    font-size: 13px;
    letter-spacing: .05em;
    margin: 5px 0 20px 0;
}


/*６つの方針*/

#policy {
    background-image: url(../images/houkatsu_medical/houkatsu_medical_underback.jpg);
    background-size: cover;
    background-position: center center;
}

.policy_h3 {
    text-align: center;
    font-size: 26px;
    line-height: 32px;
    letter-spacing: .05em;
}

.policy_p_left {
    font-size: 15px;
    letter-spacing: .05em;
    line-height: 23px;
    text-align: justify;
}


/*
 ____  _____ ___ __  __ ___ _____ ____  _   _   _  _____  _   _ _  __    _    _   _
/ ___|| ____|_ _|  \/  |_ _|_   _/ ___|| | | | | |/ / _ \| \ | | |/ /   / \  | \ | |
\___ \|  _|  | || |\/| || |  | | \___ \| | | | | ' / | | |  \| | ' /   / _ \ |  \| |
 ___) | |___ | || |  | || |  | |  ___) | |_| | | . \ |_| | |\  | . \  / ___ \| |\  |
|____/|_____|___|_|  |_|___| |_| |____/ \___/  |_|\_\___/|_| \_|_|\_\/_/   \_\_| \_|

精密根管治療*/


/*歯を抜かずに自分の歯を残す成功率92%*/

.Seimitsu_konkan_h3 {
    text-align: center;
    font-size: 20px;
    letter-spacing: .05em;
}

.Seimitsu_subtitle {
    font-size: 15px;
    letter-spacing: .05em;
    color: #fff;
}


/*根管治療（歯内療法）が必要な人とは*/

#Seimitsu_hituyou {
    background-color: #fff;
}

#Seimitsu_hituyou h3 {
    font-size: 28px;
}


/*根管治療（歯内療法）と精密根管治療（精密歯内療法）の違いとは*/

#Seimitsu_tigai {
    background-color: #fff;
}

#Seimitsu_tigai h3 {
    font-size: 28px;
}


/*当院の精密根管治療の特徴*/

.Seimitsu_tokutyo {
    text-align: center;
    font-size: 26px;
    line-height: 32px;
    letter-spacing: .05em;
}

.Seimitsu_tokutyo_subtitle {
    font-size: 18px;
    letter-spacing: .05em;
    color: #fff;
}

.Seimitsu_tokutyo_text {
    font-size: 15px;
    letter-spacing: .05em;
    color: #fff;
}


/*「もう抜くしかありません」と言われた歯を残した治療例の紹介*/

#Seimitsu_nuku {
    background-color: #fff;
}

#Seimitsu_nuku p {
    color: #232323;
    font-size: 15px;
}

#Seimitsu_nuku h3 {
    font-size: 28px;
}


/*精密根管治療の一歩先を行く“レーザー精密根管治療とは？”*/

#Seimitsu_laser {
    background-color: #fff;
    color: #202020;
}

#Seimitsu_laser h3 {
    font-size: 28px;
}

.laser_box {
    background-color: #f4f4f4;
    text-align: center;
    border-radius: 5px;
}

.laser_box_text p {
    text-align: left;
    color: #202020;
}


/*安易に考えてはいけない精密根管治療*/

#Seimitsu_ani {
    background-color: #fff;
    color: #202020;
}

#Seimitsu_ani h3 {
    font-size: 28px;
}


/*費用*/

#Seimitsu_hiyou {
    background-color: #fff;
    color: #202020;
}

#Seimitsu_hiyou h3 {
    font-size: 28px;
}

#Seimitsu_hiyou p {
    color: #202020;
}


/*
 __  __ _   _ ____  _   _ ___ ____    _
|  \/  | | | / ___|| | | |_ _| __ )  / \
| |\/| | | | \___ \| |_| || ||  _ \ / _ \
| |  | | |_| |___) |  _  || || |_) / ___ \
|_|  |_|\___/|____/|_| |_|___|____/_/   \_\
虫歯の治療
*/

#Mushiba_top p {
    color: #fff;
    font-size: 15px;
    line-height: 23px;
    letter-spacing: .05em;
    text-align: justify;
}

#Mushiba_medical {
    background-color: #fff;
}


/*リンク*/

.mushiba_link {
    color: #202020;
}

.mushiba_link p {
    color: #202020;
    font-size: 16px;
}


/*
 ____  _   _  ___  _   _ _   _ ___   ____  _   _ ___ _  __    _
/ ___|| | | |/ _ \| | | | \ | |_ _| / ___|| | | |_ _| |/ /   / \
\___ \| |_| | | | | | | |  \| || |  \___ \| |_| || || ' /   / _ \
 ___) |  _  | |_| | |_| | |\  || |   ___) |  _  || || . \  / ___ \
|____/|_| |_|\___/ \___/|_| \_|___| |____/|_| |_|___|_|\_\/_/   \_\
小児歯科　小児矯正
*/

#Shouni_medical {
    background-color: #fff;
}


/*小児歯科*/

.shouni_title {
    font-size: 28px;
    color: #202020;
    text-align: center;
    letter-spacing: .05em;
}

.shouni-hyou {
    text-align: center;
}


/*
 _   _ ___       ____ _____ _  __    _
| | | |_ _|     / ___| ____| |/ /   / \
| |_| || |_____| |  _|  _| | ' /   / _ \
|  _  || |_____| |_| | |___| . \  / ___ \
|_| |_|___|     \____|_____|_|\_\/_/   \_\
非外科
*/


/*クワトロペリオ歯周再生治療という新たな選択肢*/

#Hi_geka_perio {
    background-color: #fff;
}

#Hi_geka_perio h3 {
    font-size: 28px;
    letter-spacing: .05em;
}


/*非外科的歯周再生治療クアトロペリオに関するよくある疑問・質問*/

#Hi_geka_question {
    background-color: #fff;
}

#Hi_geka_question h3 {
    font-size: 28px;
    letter-spacing: .05em;
}

.panel-title {
    text-align: center;
}

.panel-title a {
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    text-decoration: none;
}

.panel-title:hover a {
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    text-decoration: none;
}


/*追加*/

.strong {
    font-weight: 600;
}

#Hi_geka_perio {
    overflow: hidden;
}

#Hi_geka_perio p {
    font-size: 15px;
    color: #242729;
}

#Hi_geka_perio h4 {
    font-size: 18px;
    color: #242729;
    letter-spacing: .05em;
}

#Hi_geka_perio .perio_subTitle {
    text-align: center;
    letter-spacing: .3em;
    opacity: .8;
}

#Hi_geka_perio li {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 15px;
}

#Hi_geka_perio .img-shadow {
    box-shadow: 0px 0px 19px -4px rgba(0, 0, 0, .2);
}

#Hi_geka_perio .sub_p_big {
    text-align: center !important;
}

#Hi_geka_perio .panel-title {
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
}

#Hi_geka_perio .panel-heading {
    background: linear-gradient(to bottom, rgba(63, 76, 107, 1) 0%, rgba(34, 55, 102, 1) 49%, rgba(63, 76, 107, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#3f4c6b', endColorstr='#3f4c6b', GradientType=0);
    /* IE6-9 */
}

@media(min-width:767px) {
    .displayNone {
        display: none;
    }
}

.img-center {
    display: block;
    margin: 0 auto;
}

.perio_smallImg {
    width: 280px;
    display: block;
    margin: 0 auto;
}

.perio_XsmallImg {
    width: 200px;
}

.perio_title1 {
    text-align: left !important;
}

.perio_title2 {
    font-size: 16px !important;
}

.perio_title3 {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.1) 0%, rgba(125, 185, 232, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0d000000', endColorstr='#007db9e8', GradientType=1);
    /* IE6-9 */
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 10px;
}

.perio_title4 {
    font-size: 24px !important;
}

.perio_redTitle {
    color: #614348 !important;
}

.perio_blueTitle {
    color: #263f5d !important;
}

.perio_topBox {
    padding: 30px;
    box-shadow: 0px 7px 34px -4px rgba(0, 0, 0, .05);
    position: relative;
    overflow: hidden;
    background: rgba(255, 255, 255, .8);
}

.perio_backGround {
    background-image: url(../images/hi_geka/perio_box_back.jpg);
    background-size: cover;
    padding-bottom: 100px;
    box-shadow: 0px 7px 34px -4px rgba(0, 0, 0, .03);
}

.perio_box {
    background-image: url(../images/hi_geka/perio_back.jpg);
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    text-align: center;
    position: relative;
    padding-bottom: 70px;
}

.perio_backEng {
    position: absolute;
    font-size: 60px !important;
    top: 0px;
    left: 21%;
    opacity: .05;
    font-family: 'Playfair Display', serif;
    letter-spacing: -.05em;
}

@media(max-width:1199px) {
    .perio_backEng {
        font-size: 49px !important;
    }
}

@media(max-width:991px) {
    .perio_backEng {
        font-size: 38px !important;
    }
}

@media(min-width:767px) {
    .phoneBRnone br {
        display: none;
    }
}

@media(max-width:480px) {
    .perio_box h3 {
        font-size: 20px !important;
    }
}

@media(max-width:767px) {
    .perio_backEng {
        display: none;
    }
}

.perio_right {
    font-size: 40px;
    color: #fff;
}

.perio_BA {
    font-size: 24px !important;
    font-family: 'Playfair Display', serif;
    letter-spacing: -.05em;
    opacity: .8;
    text-align: center;
}

.perio_small {
    font-size: 13px !important;
}

.perio_smallBlack {
    font-size: 13px !important;
}

.perio_MDBox {
    box-shadow: 0px 7px 19px -4px rgba(0, 0, 0, .03);
    padding: 30px;
    padding-bottom: 50px;
    position: relative;
}

#myChart {
    max-width: 400px;
    max-height: 400px;
    margin: auto;
}

.waves {
    position: relative;
    background: rgba(200, 200, 200, 0.3);
    top: 70px;
    left: 50%;
    width: 50px;
    height: 50px;
    margin-left: -20px;
    margin-top: -60px;
    border-radius: 50%;
    -webkit-backface-visibility: hidden;
    opacity: .2;
}

.waves:before {
    position: absolute;
    background: #ddd;
    margin-left: -24px;
    margin-top: -25px;
    width: 100px;
    height: 100px;
    content: "";
    display: block;
    border-radius: 50%;
    -webkit-backface-visibility: hidden;
    animation: wave-animate 3s infinite ease-out;
}

.waves:after {
    position: absolute;
    background: #ddd;
    margin-left: -24px;
    margin-top: -24px;
    width: 100px;
    height: 100px;
    content: "";
    display: block;
    border-radius: 50%;
    -webkit-backface-visibility: hidden;
    opacity: 0;
    animation: wave-animate 3s 1.5s infinite ease-out;
}

@keyframes wave-animate {
    0% {
        transform: scale(0);
        opacity: 1;
        transform-origin: center;
    }
    100% {
        transform: scale(3);
        opacity: 0;
        transform-origin: center;
    }
}


/*
 ____  _   _ ___ _   _ ____ ___
/ ___|| | | |_ _| \ | | __ )_ _|
\___ \| |_| || ||  \| |  _ \| |
 ___) |  _  || || |\  | |_) | |
|____/|_| |_|___|_| \_|____/___|
審美歯科

*/

#Shinbi_top {
    background-image: url(../images/shinbi/shinbi_top.jpg) !important;
    background-size: cover;
    background-position: center center;
}

#Shinbi_golden {
    background-color: #fff;
}

#Shinbi_golden h3 {
    font-size: 28px;
    letter-spacing: .05em;
}

#Shinbi_shourei {
    background-color: #fff;
}

#Shinbi_shourei h3 {
    font-size: 28px;
    letter-spacing: .05em;
}

#Shinbi_shourei .panel-heading_shinbi {
    background: rgb(76, 58, 48);
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(76, 58, 48, 1) 0%, rgba(30, 25, 19, 1) 45%, rgba(76, 60, 48, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(76, 58, 48, 1) 0%, rgba(30, 25, 19, 1) 45%, rgba(76, 60, 48, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(76, 58, 48, 1) 0%, rgba(30, 25, 19, 1) 45%, rgba(76, 60, 48, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4c3a30', endColorstr='#4c3c30', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    border-radius: 3px;
    border: 1px solid;
    margin-bottom: 2px;
}

#Shinbi_shourei .panel-heading_shinbi p {
    line-height: 50px;
}

.back_color_shinbi {
    background-color: #1e1913;
}

.back_color_shinbi p {
    color: #fff;
}

.panel-heading {
    background: rgb(94, 76, 60);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(94, 76, 60, 1) 0%, rgba(0, 0, 0, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(94, 76, 60, 1) 0%, rgba(0, 0, 0, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(94, 76, 60, 1) 0%, rgba(0, 0, 0, 1) 100%);
}

.panel-title {
    color: #fff;
}

#Shinbi_shourei a {}

#Shinbi_shourei .img {
    max-height: 125px !important;
}

.shinbi_center {
    text-align: center !important;
    margin-top: 5px;
    margin-bottom: 20px;
}


/*
  ____    _    _  ___   _ _  __    _    _   _ ____  _____ _____ ____  _   _
 / ___|  / \  | |/ / | | | |/ /   / \  | \ | / ___|| ____|_   _/ ___|| | | |
| |  _  / _ \ | ' /| | | | ' /   / _ \ |  \| \___ \|  _|   | | \___ \| | | |
| |_| |/ ___ \| . \| |_| | . \  / ___ \| |\  |___) | |___  | |  ___) | |_| |
 \____/_/   \_\_|\_\\___/|_|\_\/_/   \_\_| \_|____/|_____| |_| |____/ \___/
顎関節症
*/

#Gakukansetsushou {
    background-color: #fff;
}


/*
__        ___   _ ___ _____ _____ _   _ ___ _   _  ____
\ \      / / | | |_ _|_   _| ____| \ | |_ _| \ | |/ ___|
 \ \ /\ / /| |_| || |  | | |  _| |  \| || ||  \| | |  _
  \ V  V / |  _  || |  | | | |___| |\  || || |\  | |_| |
   \_/\_/  |_| |_|___| |_| |_____|_| \_|___|_| \_|\____|
whitening ホワイトニング
*/

#whitening_all {
    background-color: #fff;
}


/*
__   _____  ____   ___  _   _ ____  _   _ ___ _  __    _
\ \ / / _ \| __ ) / _ \| | | / ___|| | | |_ _| |/ /   / \
 \ V / | | |  _ \| | | | | | \___ \| |_| || || ' /   / _ \
  | || |_| | |_) | |_| | |_| |___) |  _  || || . \  / ___ \
  |_| \___/|____/ \___/ \___/|____/|_| |_|___|_|\_\/_/   \_\
予防歯科*/

#Youboushika {
    background-color: #fff;
}

#Youboushika hr {
    border-color: #000;
    margin-top: -5px;
    margin-bottom: 10px;
    width: 50%;
}

.yoboushika_center {
    text-align: center;
}

#Youboushika td {
    vertical-align: middle;
    text-align: center;
}

.ul_height {
    line-height: 36px;
}


/*
  ____ ___ ____  _   _ ___   ___ ____  _____ ____    _
 / ___|_ _/ ___|| | | |_ _| |_ _|  _ \| ____| __ )  / \
| |  _ | |\___ \| |_| || |   | || |_) |  _| |  _ \ / _ \
| |_| || | ___) |  _  || |   | ||  _ <| |___| |_) / ___ \
 \____|___|____/|_| |_|___| |___|_| \_\_____|____/_/   \_\

義歯　入れ歯*/

#Gishi_ireba {
    background-color: #fff;
}

.sub_p_small_gishi {
    font-size: 11px;
    color: #202020;
    text-align: center;
    margin-top: 3px;
}

.comment {
    text-shadow: 0px 7px 10px rgba(150, 150, 150, 0.28);
}


/*
 ___ __  __ ____  _        _    _   _ _____
|_ _|  \/  |  _ \| |      / \  | \ | |_   _|
 | || |\/| | |_) | |     / _ \ |  \| | | |
 | || |  | |  __/| |___ / ___ \| |\  | | |
|___|_|  |_|_|   |_____/_/   \_\_| \_| |_|
インプラント
*/

#implant {
    background-color: #fff;
}


/*
 ____  _   _ ___ ____  _   _ _   _ ______   _____  _   _
/ ___|| | | |_ _/ ___|| | | | | | | __ ) \ / / _ \| | | |
\___ \| |_| || |\___ \| |_| | | | |  _ \\ V / | | | | | |
 ___) |  _  || | ___) |  _  | |_| | |_) || || |_| | |_| |
|____/|_| |_|___|____/|_| |_|\___/|____/ |_| \___/ \___/
歯周病*/

#Shishubyou {
    background-color: #fff;
}

.shishubyou_img_margin {
    margin-top: 35%;
}

/*歯肉退縮*/
#Shinikutaisyuku {
    background-color: #fff;
}

/*
 ____  ____  ___ ____ _____
|  _ \|  _ \|_ _/ ___| ____|
| |_) | |_) || | |   |  _|
|  __/|  _ < | | |___| |___
|_|   |_| \_\___\____|_____|

price プライス　料金業
*/

#Price {
    background-color: #fff;
}

#Price hr {
    border-color: gainsboro;
    width: 98%;
}

#Price button {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(241, 241, 241, 0.76) 50%, rgba(225, 225, 225, 0.76) 51%, rgba(246, 246, 246, 0.82) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(241, 241, 241, 0.76) 50%, rgba(225, 225, 225, 0.76) 51%, rgba(246, 246, 246, 0.82) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, rgba(241, 241, 241, 0.76) 50%, rgba(225, 225, 225, 0.76) 51%, rgba(246, 246, 246, 0.82) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

#Price button p {
    font-size: 14px;
    color: #202020;
    padding-top: 7px;
}

.price_text_small {
    font-size: 11.5px !important;
    letter-spacing: -.05em !important;
    margin-left: -2px;
}


/*
    _    ____ ____ _____ ____ ____
   / \  / ___/ ___| ____/ ___/ ___|
  / _ \| |  | |   |  _| \___ \___ \
 / ___ \ |__| |___| |___ ___) |__) |
/_/   \_\____\____|_____|____/____/
アクセス access*/


/*
 ____ _____  _    _____ _____
/ ___|_   _|/ \  |  ___|  ___|
\___ \ | | / _ \ | |_  | |_
 ___) || |/ ___ \|  _| |  _|
|____/ |_/_/   \_\_|   |_|
スタッフ staff*/

#Staff_top p {
    color: #fff;
}

#Staff_top h4 {
    color: #fff;
}

#Staff {
    background-color: #fff;
}

#Staff h3 {
    font-size: 24px;
    color: #202020;
}

.sub_h4_staff {
    color: #242729;
    font-size: 16px !important;
    letter-spacing: .1em;
    line-height: 30px;
    margin: 0 0 5px 0;
}

#Staff .panel-heading {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(241, 241, 241, 0.76) 50%, rgba(225, 225, 225, 0.76) 51%, rgba(246, 246, 246, 0.82) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(241, 241, 241, 0.76) 50%, rgba(225, 225, 225, 0.76) 51%, rgba(246, 246, 246, 0.82) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, rgba(241, 241, 241, 0.76) 50%, rgba(225, 225, 225, 0.76) 51%, rgba(246, 246, 246, 0.82) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.staff_name {
    font-size: 40px;
    margin-left: 20px;
}

.staff_name_box_center {
    text-align: center;
}

.staff_img {
    margin: 0 auto;
    padding: 30px
}

.sub_p_small_xs {
    color: #202020;
    letter-spacing: .05em;
    text-align: justify;
    line-height: 16px;
    font-size: 11px !important;
}

.staff_name_member {
    font-size: 33px;
}

#Staff button {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(241, 241, 241, 0.76) 50%, rgba(225, 225, 225, 0.76) 51%, rgba(246, 246, 246, 0.82) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(241, 241, 241, 0.76) 50%, rgba(225, 225, 225, 0.76) 51%, rgba(246, 246, 246, 0.82) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, rgba(241, 241, 241, 0.76) 50%, rgba(225, 225, 225, 0.76) 51%, rgba(246, 246, 246, 0.82) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

#Staff button p {
    font-size: 14px;
    color: #202020;
    padding-top: 7px;
}

.long_box {
    overflow: auto;
    width: 100%;
    height: 300px;
    padding: 5px;
    border: 1px solid #202020;
}


/*リンク集*/

#links_as,
#links_ami {
    background-color: #fff;
}


/*院内紹介*/

#Shoukai {
    background-color: #fff;
}

#Shoukai h3 {
    font-size: 36px
}

.sub_p_white {
    font-size: 18px;
    font-family: serif;
    line-height: 28px;
    letter-spacing: .05em;
    text-align: center;
}


/*
トップに戻るボタンCSS
*/

#pageTop {
    position: fixed;
    bottom: 20px;
    right: 20px;
}

#pageTop a {
    display: block;
    z-index: 999;
    padding: 5px;
    border-radius: 30px;
    width: 45px;
    height: 45px;
    background-color: #242729;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    font-size: 22px;
    opacity: .9;
}

#pageTop a:hover {
    text-decoration: none;
    opacity: 0.5;
}


/*CONTACT*/

#contactForm p {
    color: black;
    font-size: 15px;
    margin-bottom: 30px;
}

#contactForm dt {
    margin-top: 25px;
    margin-bottom: 5px;
}

#contactForm dt:first-child {
    margin-top: 0px;
}

#contactForm input[type="text"],
#contactForm textarea {
    width: 100%;
    height: 45px;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 10px;
}

#contactForm textarea {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 5px;
    height: 150px;
}

#contactForm input[type="submit"] {
    float: right;
    margin-top: 30px;
    color: black;
    border-radius: 0;
    background: white;
    border: 1px solid black;
    padding: 10px 30px;
}

#contactForm input[type="checkbox"] {
    margin: 10px 10px;
    color: black;
}

#contactForm .kome {
    color: red;
    font-size: 10px
}

#contactForm h4 {
    padding-top: 30px;
}

.insta_field {
    padding: 40px 0 0 0;
    background-color: #fdfdfd;
}
.insta_field #sb_instagram .sb_instagram_header a h3 {
    color: #202020;
}

.news_top {
    padding: 20px 0 60px 0;
    background-color: #fdfdfd;
}
.news_top h3 {
    font-size: 30px;
    margin-bottom: 20px;
    text-align: center;
    color: #202020;
}
.news_top .news_box {
    padding: 36px;
    box-shadow: 0px 0px 19px -4px rgba(0, 0, 0, .2);
    border-radius: 3px;
}
.news_top .news_box .item:not(:last-child) {
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 2px solid #ccc;
}
.news_top .news_box .time {
    font-size: .67em;
    font-style: italic;
    color: #202020;
}
.news_top .news_box .news_title {
    font-size: 1.17em;
    font-weight: bold;
    padding: 0 16px 0 0;
    border-bottom: 1px dotted #ccc;
    color: #202020;
}
.news_top .news_box .news_body {
    padding-top: 1rem;
}
.news_top .news_box .news_body *,
.news_top .activity_body * {
    color: #202020;
}
.news_top .activity_body p {
    text-align: center;
}
.news_top .activity_body .fs-small {
    font-size: 0.83em;
}
.news_top .activity_body .btn {
    padding: 8px 24px;
    margin-top: 1rem;
    border-color: #337ab7;
    color: #fff;
    background-color: #337ab7;
}
.news_top .activity_body .btn i {
    color: #fff;
}
.news_top .activity_body .btn:hover {
    border-color: #333;
    color: #fff;
    background-color: #333;
}
.news_top .activity_body .btn:hover i {
    color: #fff;
}
.news_top .activity_body .btn.btn-outline {
    border-color: #337ab7;
    color: #337ab7;
    background-color: #fff;
}
.news_top .activity_body .btn.btn-outline i {
    color: #337ab7;
}
.news_top .activity_body .btn.btn-outline:hover {
    border-color: #333;
    color: #333;
    background-color: #fff;
}
.news_top .activity_body .btn.btn-outline:hover i {
    color: #333;
}


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

    .news_top .news_box {
        padding: 16px;
    }

    .news_top .activity_box {
        margin-top: 40px;
    }

}


table.case-table {
    font-size: 13px;
}
table.case-table.is-text-white {
    color: #fff;
}
table.case-table tbody tr th {
    min-width: 8em;
}
table.case-table tbody tr td {
    text-align: left;
}

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

    table.case-table {
        font-size: 11px;
    }

}

/* bug fix */
@media screen and (max-width: 768px) {

    .container-fluid>.navbar-header {
        position: relative;
        padding-top: 10px;
    }
    .container-fluid>.navbar-header .navbar-toggle {
        position: absolute;
        top: 0;
        right: 0;
    }

}

/*コロナウィルス対策*/
#virus_measures{
    background-image: url(../images/index/virus_measures.jpg);
    background-size: cover;
    background-position: center center;
    padding: 70px 0;
    padding: 70px 0;
}

#virus_measures hr{
    width: 150px;
    margin: 10px auto;
}

#virus_measures p{
    font-size: 20px;
    letter-spacing: .1em;
}

/*ブログ新着記事*/
.news_top.blog_top {
    padding: 40px 0 0 0!important;
}

.top.article-box {
    display: block;
    box-shadow: 0px 7px 34px -4px rgba(0, 0, 0, .05);
    background: rgba(255, 255, 255, .8);
}

.top.article-box .head-img {
    width: 100%;
    max-height: 200px;
    overflow: hidden;
}

.top.article-box .head-img img {
    height:180px;
    width: 100%;
    object-fit: cover;
}

.top.article-box .title-note {
    padding: 10px 20px;
}

.top.article-box .title-note .time {
    font-family: 'Playfair Display', serif;
    color: #737d83;
}

.top.article-box .title-note .sub_h4 {
    font-size: .95em;
}

.top.article-box .title-note .category-name {
    text-align: right;
}

.top.article-box .title-note .category-name span {
    display: inline-block;
    padding: 5px 12px;
    color: #fff;
    font-size: 12px;
    background-color: #6b747a;
    border-radius: 2px;
}

/*ラミネートベニア*/
#laminate_all {
    background-color: #fff;
}

h2.sub_h2.laminate_title {
    text-align: center;
    line-height: 50px;
    font-size: 30px;
    margin-top: 100px
}

img.laminate-circle {
    width: 80%;
    margin: 0 auto;
}

@media screen and (min-width: 769px) {
    br.pc_br {
        display: block;
    }
    br.sp_br {
        display: none;
    }
}
@media screen and (max-width: 768px) {
    br.pc_br {
        display: none;
    }
    br.sp_br {
        display: block;
    }
    h2.sub_h2.laminate_title {
        font-size: 18px!important;
        margin-top: 120px;
    }
    
    .sp-margin-top-3 {
        margin-top: 30px;
    }
}
@media screen and (max-width: 345px) {
    h2.sub_h2.laminate_title {
        font-size: 16px!important;
        margin-top: 120px;
    }
}

.tm {
    font-size: 11.5px !important;
}