@charset 'UTF-8';
/* ======================================================================
   Foundation
====================================================================== */
/* ============================================================
   Reset
============================================================ */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video
{
    font-size: 100%;

    margin: 0;
    padding: 0;

    vertical-align: baseline;

    border: 0;
    outline: 0;
    background: transparent;
}

body
{
    line-height: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section
{
    display: block;
}

ol,
ul
{
    list-style: none;
}

blockquote,
q
{
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after
{
    content: '';
    content: none;
}

a
{
    font-size: 100%;

    margin: 0;
    padding: 0;

    vertical-align: baseline;

    background: transparent;
}

ins
{
    text-decoration: none;

    color: #000;
    background-color: #ff9;
}

mark
{
    font-weight: bold;
    font-style: italic;

    color: #000;
    background-color: #ff9;
}

img
{
    vertical-align: top;

    border: 0;
}

em
{
    font-style: italic;
}

del
{
    text-decoration: line-through;
}

abbr[title],
dfn[title]
{
    cursor: help;

    border-bottom: 1px dotted;
}

table
{
    border-spacing: 0;
    border-collapse: collapse;
}

hr
{
    display: block;

    height: 1px;
    margin: 0;
    padding: 0;

    border: 0;
    border-top: 1px solid #ccc;
}

input,
select,
textarea
{
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    font-style: inherit;

    margin: 0;
    padding: 0;

    vertical-align: middle;
}

input:focus,
textarea:focus,
select:focus
{
    outline: none;
}

/* ============================================================
   Base
============================================================ */
/* img
---------------------------------------- */
img
{
    max-width: 100%;
    height: auto;
}

/* --------------------------------------------------
   html
-------------------------------------------------- */
html
{
    position: relative;

    overflow-y: scroll;
}

/* --------------------------------------------------
   body
-------------------------------------------------- */
body
{
 /*   font-family: 'ヒラギノ明朝 Pr6 W6','Hiragino Mincho Pro', '游明朝', YuMincho, 'HGS明朝E', 'ＭＳ Ｐ明朝','MS PMincho',Meiryo, serif;*/
/*font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;*/
font-family: 'Times New Roman', 'Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体', 'メイリオ', Meiryo, Verdana, Helvetica, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック';
    font-size: 18px;
    line-height: 2;

    position: relative;

    min-width: 1200px;

    color: #000;

    -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
            text-size-adjust: 100%;
}

/* =========  device -> sp  ========= */
.dev-sp body
{
    font-size: 15px;
    line-height: 1.8;

    min-width: 320px;
}

/* --------------------------------------------------
   base link
-------------------------------------------------- */
a
{
    color: #000;
    outline: none;

    -webkit-tap-highlight-color: transparent;
}

a:link,
a:visited
{
    text-decoration: underline;
}

a:hover
{
    text-decoration: none;

    outline: none;
}

a:active
{
    outline: none;
}

/* ======================================================================
   Layout
====================================================================== */
/* ============================================================
   Page
============================================================ */
/* ============================================================
   Content
============================================================ */
/* --------------------------------------------------
   bread crumb
-------------------------------------------------- */
/* ============================================================
   Footer
============================================================ */
.l-footer
{
    padding: 36px 0 30px;

    background: #f4efdb;
}

.l-footer__txt
{
    font-size: 12px;
    line-height: 1.4;

    margin-bottom: 21px;

    text-align: center;
}

.l-footer__cont
{
    overflow: hidden;

    padding: 21px 0 21px 169px;

    vertical-align: middle;

    border: solid #b8a223;
    border-width: 1px 0;
}

.l-footer__cont p
{
    display: inline-block;
    float: left;

    height: 48px;
}

.l-footer__cont p img
{
    vertical-align: middle;
}

.l-footer__cont p a
{
    vertical-align: middle;
}

.l-footer__cont .tel
{
    font-size: 30px;
    line-height: 1.2;

    width: 354px;

    text-align: center;
}

.l-footer__cont .tel a
{
    text-decoration: none;

    color: #b8a223;
}

/* =========  device -> sp  ========= */
.dev-sp .l-footer
{
    padding: 30px 0 12px;
}

.dev-sp .l-footer__txt
{
    font-size: 10px;
    line-height: 1.8;

    margin-bottom: 15px;
}

.dev-sp .l-footer__cont
{
    padding: 15px 0;
}

.dev-sp .l-footer__cont p
{
    display: block;
    float: none;

    height: auto;

    text-align: center;
}

.dev-sp .l-footer__cont p + p
{
    margin-top: 5px;
}

.dev-sp .l-footer__cont .logo img
{
    width: 238px;
    height: auto;
}

.dev-sp .l-footer__cont .tel
{
    font-size: 27px;

    width: auto;
}

.dev-sp .l-footer__cont .official img
{
    width: 300px;
    height: auto;
}

/* copyright
---------------------------------------- */
.l-footer__copyright
{
    font-size: 12px;

    margin-top: 24px;

    text-align: center;
}

/* =========  device -> sp  ========= */
.dev-sp .l-footer__copyright
{
    font-size: 10px;

    margin-top: 10px;
}

/* ============================================================
   Header
============================================================ */
.l-header
{
    position: relative;
}

.l-header__content
{
    padding: 22px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.l-header__content .heading
{
    /*float: left;*/

    /*width: 490px;*/
}

.l-header__content .heading__headline
{
    font-size: 12px;
    line-height: 1.2;
}

.l-header__content .heading__logo
{
    margin-top: 14px;
}

.l-header__content .address
{
    /*float: right;*/

    /*width: 496px;*/
    padding-top: 5px;
}

.l-header__content .address__access
{
    font-size: 12px;
    line-height: 1;

    float: left;
    overflow: hidden;

    width: 210px;
    margin: 0 -5px;
}

.l-header__content .address__access li
{
    float: left;

    width: 60px;
    margin: 4px 5px;

    text-align: center;
}

.l-header__content .address__access li span
{
    display: block;

    width: 100%;
    padding: .4em 0;

    text-decoration: none;

    background: #e9e3c0;
}

.l-header__content .address__tel
{
    position: relative;

    float: left;

    box-sizing: border-box;
    width: 280px;
    margin-top: 8px;
    margin-left: 16px;
    padding-left: 70px;

    text-align: center;
}

.l-header__content .address__tel .txt01
{
    font-size: 12px;
    line-height: 1.2;
}

.l-header__content .address__tel .txt02
{
/*    font-size: 30px;*/
    /*font-size: 26px;*/
    font-size: 36px;
    line-height: 1.2;
}

.l-header__content .address__tel .txt02 a
{
    text-decoration: none;

    color: #b8a223;
}

.l-header__content .address__tel .baloon
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;

    margin: auto;
}

.l-header__gnav
{
    position: static;
    z-index: 10000;
    bottom: 0;
    left: 0;

    width: 100%;
    min-width: 1200px;

    background: #f5f5f5;

    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

.l-header__gnav ul
{
    border-right: 1px solid #e0e0e0;
}

.l-header__gnav li
{
    font-size: 16px;

    float: left;

    box-sizing: border-box;
    width: 25%;

    border-left: 1px solid #e0e0e0;
}

.l-header__gnav li a
{
    line-height: 1.4;

    position: relative;
    z-index: 20;

    display: block;

    box-sizing: border-box;
    width: 100%;
    height: 60px;
    padding: 0 40px;

    -webkit-transition: background .6s cubic-bezier(.215, .61, .355, 1);
            transition: background .6s cubic-bezier(.215, .61, .355, 1);
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
}

.l-header__gnav li a:hover
{
    background: #e9e3c0;
}

.l-header__gnav li a:before
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 20px;

    width: 18px;
    height: 11px;
    margin: auto;

    content: '';

    background: url(../img/ico_arw01.png) no-repeat;
    background-size: 18px 11px;
}

.l-header__gnav li a:after
{
    display: inline-block;

    width: 0;
    height: 100%;

    content: '';
    vertical-align: middle;
}

.l-header__gnav li span
{
    display: inline-block;

    vertical-align: middle;
}

body.is-gnav-fixed .l-header
{
    padding-bottom: 60px;
}

body.is-gnav-fixed .l-header__gnav
{
    position: fixed;
    top: 0;
    bottom: auto;

    overflow: hidden;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}

/* =========  device -> sp  ========= */
.dev-sp .l-header
{
    padding-bottom: 0;
}

.dev-sp .l-header__content
{
    padding: 0;
}

.dev-sp .l-header__content .heading
{
    width: auto;
}

.dev-sp .l-header__content .heading__headline
{
    display: none;
}

.dev-sp .l-header__content .heading__logo
{
    margin-top: 0;
}

.dev-sp .l-header__content .heading__logo img
{
    width: /*180px*/100%;
    height: /*50px*/auto;
}

.dev-sp .l-header__content .address
{
    display: none;
}

.dev-sp .l-header__content .sp-content
{
    /*float: right;*/
    display: flex;
}

.dev-sp .l-header__content .sp-content__contact
{
    /*float: left;
    overflow: hidden;*/
    display: flex;
}

.dev-sp .l-header__content .sp-content__contact li
{
    /*float: left;*/

    width: 50px;
}

.dev-sp .l-header__content .sp-content__nav-trigger
{
    /*float: left;*/

    width: 40px;
    height: 50px;
}

.dev-sp .l-header__content .sp-content__nav-trigger a
{
    display: block;

    width: 100%;
    height: 100%;

    background: url(../img/hd_btn_trigger@mw640.png) no-repeat;
    background-size: 40px 100px;
}

.dev-sp .l-header__gnav
{
    position: absolute;
    top: 50px;
    bottom: auto;

    display: none;

    min-width: 100%;
}

.dev-sp .l-header__gnav ul
{
    border-right: 0;
}

.dev-sp .l-header__gnav li
{
    font-size: 15px;

    float: none;

    width: auto;

    border-left: 0;
}

.dev-sp .l-header__gnav li + li
{
    border-top: 1px solid #e0e0e0;
}

.dev-sp .l-header__gnav li a
{
    position: relative;
    z-index: 20;

    display: block;

    box-sizing: border-box;
    width: 100%;
    height: auto;
    padding: 12px 32px;

    text-align: left;
}

.dev-sp .l-header__gnav li a:before
{
    position: absolute;
    left: 10px;

    width: 12px;
    height: 7px;

    background-size: 12px 7px;
}

.dev-sp body.is-gnav-fixed .l-header__gnav
{
    position: absolute;
    top: 50px;
    bottom: auto;
}

.dev-sp body.is-gnav-open .l-header__gnav
{
    display: block;
}

.dev-sp body.is-gnav-open .l-header__content .sp-content__nav-trigger a
{
    background-position: 0 -50px;
}

/* ============================================================
   Main
============================================================ */
/* ============================================================
   Side
============================================================ */
/* ======================================================================
   Object
====================================================================== */
/* -------------------------------------------------------------------
   Component
------------------------------------------------------------------- */
/**
 * ブロックスタイル
 */
/**
 * ボタンスタイル
 */
/**
 * フォーム
 */
.c-form__input
{
    border: 0;
    outline: 0;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.c-form__textarea
{
    resize: vertical;

    border: 0;
    outline: 0;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

/**
 * フォーム: テーブル
 */
/**
 * フォーム: テキスト
 */
/**
 * フォーム: テキストエリア
 */
/**
 * フォーム: セレクトボックス
 */
/**
 * フォーム: ラジオボタン
 */
/**
 * フォーム: チェックボックス
 */
/**
 * ホバースタイル
 */
.c-hover-alpha,
.c-hover-alpha--all > *
{
    -webkit-transition: opacity .3s cubic-bezier(.215, .61, .355, 1);
            transition: opacity .3s cubic-bezier(.215, .61, .355, 1);
}

.c-hover-alpha:hover,
.c-hover-alpha--all > *:hover
{
    opacity: .7;

    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)';
}

/**
 * アイコン
 */
/**
 * レイアウト枠
 */
.c-l-base
{
    width: 940px;
    margin-right: auto;
    margin-left: auto;
}

.c-l-content
{
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
}

.c-l-clm2
{
    overflow: hidden;

    margin-right: -88px;
}

.c-l-clm2 .c-l-clm__clm
{
    float: left;

    width: 426px;
    margin-right: 88px;
}

/* =========  device -> sp  ========= */
.dev-sp .c-l-base
{
    width: auto;
}

.dev-sp .c-l-base--sp
{
    padding: 0 10px;
}

.dev-sp .c-l-content
{
    width: auto;
}

.dev-sp .c-l-clm2
{
    margin-right: 0;
}

.dev-sp .c-l-clm2 .c-l-clm__clm
{
    float: none;

    width: auto;
    margin-right: 0;
}

/**
 * レイアウト: 画像 + テキスト
 */
.c-l-imgbox__img
{
    width: 426px;
    height: auto;
}

.c-l-imgbox__img--left
{
    float: left;

    margin: 0 46px 0 0;
}

.c-l-imgbox__img--right
{
    float: right;

    margin: 0 0 0 46px;
}

.c-l-imgbox__cont
{
    overflow: hidden;
}

/* =========  device -> sp  ========= */
.dev-sp .c-l-imgbox__img
{
    width: auto;
}

.dev-sp .c-l-imgbox__img--left
{
    float: none;

    margin: 0;
}

.dev-sp .c-l-imgbox__img--right
{
    float: none;

    margin: 0;
}

/**
 * ナンバーリスト
 */
/**
 * マーカーリスト
 */
/**
 * 矢印リスト
 */
/**
 * ナビリンクスタイル
 */
/**
 * ページネーション
 */
/**
 * ポインター
 */
/**
 * 区切り
 */
/**
 * テーブル
 */
/**
 * タイトル
 */
/* -------------------------------------------------------------------
   Project
------------------------------------------------------------------- */
/* -------------------------------------------------------------------
   Utility
------------------------------------------------------------------- */
/**
 * 配置
 */
.u-ta-c
{
    text-align: center;
}

.u-ta-l
{
    text-align: left;
}

.u-ta-r
{
    text-align: right;
}

/**
 * clearfix
 */
.u-cf:before,
.u-cf:after
{
    display: table;

    content: '';
}

.u-cf:after
{
    clear: both;
}

.u-cf
{
    zoom: 1;
}

/**
 * ブロックスタイル
 */
.u-sp
{
    display: none;
}

/* =========  device -> sp  ========= */
.dev-sp .u-sp
{
    display: block;
}

.dev-sp img.u-sp
{
    display: inline-block;
}

.dev-sp .u-pc
{
    display: none;
}

/**
 * 強調
 */
.u-em-w
{
    font-weight: bold !important;
}

.u-color01
{
    color: #b8a223;
}

.u-color02
{
    color: #f78b8b;
}

/**
 * フォント
 */
.u-font-type01
{
    font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', Sans-Serif;
}

/**
 * margin
 */
.u-mg-gap
{
    margin-top: 1em;
}

/**
 * インデント
 */
.u-note:not(ul),
ul.u-note li
{
    padding-left: 1em;

    text-indent: -1em;
}

/**
 * サイズ
 */
/* ======================================================================
   Page
====================================================================== */
/* ============================================================
   index
============================================================ */
/* =========  device -> sp  ========= */
/* --------------------------------------------------
   .section
-------------------------------------------------- */
.section__hdg
{
    line-height: 1.4;

    margin-bottom: 61px;

    text-align: center;
}

.section__hdg .txt
{
    font-size: 22px;

    margin-bottom: 15px;
}

.section__hdg .ttl
{
    font-size: 40px;
    font-weight: normal;

    letter-spacing: -.02em;
}

.section__hdg .ttl .em
{
    font-size: 70px;
    font-weight: normal !important;
}

.section__bottom
{
    line-height: 1.4;

    position: relative;

    padding-top: 90px;

    text-align: center;
}

.section__bottom:before
{
    position: absolute;
    top: 0;
    left: 50%;

    width: 170px;
    height: 34px;
    margin-left: -85px;

    content: '';

    background: url(../img/img_arw.png) no-repeat;
}

.section__bottom .txt01
{
    font-size: 26px;
    font-weight: bold;

    margin-bottom: 22px;
}

.section__bottom .txt02
{
    font-size: 40px;
    font-weight: bold;
}

/* =========  device -> sp  ========= */
.dev-sp .section__hdg
{
    margin-bottom: 18px;
}

.dev-sp .section__hdg .txt
{
    font-size: 15px;

    margin-bottom: 5px;
}

.dev-sp .section__hdg .ttl
{
    font-size: 21px;
    line-height: 1.6;
}

.dev-sp .section__hdg .ttl .em
{
    font-size: 46px;
}

.dev-sp .section__bottom
{
    padding-top: 45px;
}

.dev-sp .section__bottom:before
{
    width: 119px;
    height: 25px;
    margin-left: -60px;

    background: url(../img/img_arw@mw640.png) no-repeat;
    background-size: 119px 25px;
}

.dev-sp .section__bottom .txt01
{
    font-size: 19px;

    margin-bottom: 10px;
}

.dev-sp .section__bottom .txt02
{
    font-size: 23px;
}

/* --------------------------------------------------
   .l-content__kv
-------------------------------------------------- */
.l-content__kv
{
    min-width: 1200px;
    margin: 0 auto;
}

.l-content__kv [class^=img] img
{
    width: 100%;
    height: auto;
}

/* =========  device -> sp  ========= */
.dev-sp .l-content__kv
{
    min-width: 320px;
}

.dev-sp .l-content__kv img
{
    width: 100%;
    height: auto;
}

/* --------------------------------------------------
   .l-content__monitor
-------------------------------------------------- */
.l-content__monitor
{
    padding: 24px 0 80px;
}

.l-content__monitor .content
{
    margin: 0 -14px 0 -15px;
}

.l-content__monitor .item
{
    float: left;

    width: 294px;
    margin: 0 14px 0 15px;

    -webkit-transition: 1s;
            transition: 1s;
    text-align: center;

    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

.l-content__monitor .item.is-show
{
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
}

.l-content__monitor .item.is-show .item__before
{
    z-index: 0;
}


.l-content__monitor .item .cont
{
    position: relative;
    z-index: 10;
}

.l-content__monitor .item .img
{
    margin: 3px 0 16px;
}

.l-content__monitor .item .img img
{
    width: 294px;
    height: auto;
}


.l-content__monitor .item__before
{
    position: relative;
    z-index: 5;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}


.l-content__monitor .item__after
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;

    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}


/* =========  device -> sp  ========= */
.dev-sp .l-content__monitor
{
    padding: 14px 0 28px;
}

.dev-sp .l-content__monitor .content
{
    margin: -20px 0 0;
}

.dev-sp .l-content__monitor .item
{
    float: none;

    width: 250px;
    margin: 20px auto 0;
}


.dev-sp .l-content__monitor .item .img
{
    margin: 10px 0;
}

.dev-sp .l-content__monitor .item .img img
{
    width: 250px;
}


.dev-sp .l-content__monitor .item__before:before
{
    width: 75px;
    height: 75px;

    background-size: 75px 75px;
}


.dev-sp .l-content__monitor .item__after:before
{
    width: 75px;
    height: 75px;

    background-size: 75px 75px;
}


/*--回転するjs使用できない場合に裏面だけ見せる----*/
.item_card ul{
display: flex;
justify-content: center;
width: 969px;
margin: auto;
box-sizing: border-box;
}

.item_card li{
padding: 0 10px;
box-sizing: border-box;
}

.item_card li img{
width: 294px;
height: auto;
}

@media screen and (max-width: 640px) {
.item_card ul{
flex-wrap: wrap;
width: auto;
}
.item_card li{
padding: 10px;
}
.item_card li img{
width: 250px;
height: auto;
}
}

/* --------------------------------------------------
   .l-content__contact
-------------------------------------------------- */
.l-content__contact
{
    padding: 44px 0 38px;

    background: url(../img/contact_bg.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.l-content__contact .section__hdg
{
    margin-bottom: 26px;

    text-align: center;
}

.l-content__contact .section__hdg .ttl
{
    font-size: 30px;
    font-weight: bold;
}

.l-content__contact .links
{
    overflow: hidden;

    margin: -10px -40px 0 0;
}

.l-content__contact .links li
{
    float: left;

    width: 450px;
    margin: 10px 40px 0 0;

    text-align: center;
}

.l-content__contact .links li .txt
{
    font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', Sans-Serif;
    font-size: 14px;
    line-height: 1.4;

    margin-top: 4px;
}

/* =========  device -> sp  ========= */
.dev-sp .l-content__contact
{
    padding: 32px 0 29px;

    background: url(../img/contact_bg@mw640.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.dev-sp .l-content__contact .section__hdg
{
    margin-bottom: 17px;

    text-align: center;
}

.dev-sp .l-content__contact .section__hdg .ttl
{
    font-size: 17px;
}

.dev-sp .l-content__contact .links
{
    overflow: hidden;

    margin: -12px 0 0 0;
}

.dev-sp .l-content__contact .links li
{
    float: none;

    width: auto;
    margin: 12px 0 0;

    text-align: center;
}

.dev-sp .l-content__contact .links li img
{
    width: 300px;
    height: auto;
}

.dev-sp .l-content__contact .links li .txt
{
    font-size: 10px;

    display: block;

    margin-top: 4px;
}

/* --------------------------------------------------
   .l-content__point
-------------------------------------------------- */
.l-content__point
{
    padding: 88px 0 54px;
}

.l-content__point .section__hdg
{
    margin-bottom: 22px;
}

.l-content__point .section__hdg .ttl
{
    position: relative;
    top: -30px;
}

.l-content__point .contents__point
{
    margin-bottom: 40px;
}

.l-content__point .contents__point .point-hdg
{
    margin-bottom: 28px;

    text-align: center;
}

.l-content__point .contents__point .point-cont
{
    margin-top: 44px;
}

.l-content__point .contents__point .point-cont dt
{
    font-size: 30px;
    line-height: 1.2;

    margin-bottom: 20px;
}

.l-content__point .contents__point .point-cont dd
{
    line-height: 1.8;
}

.l-content__point .section__bottom
{
    margin-top: 30px;
}

/* =========  device -> sp  ========= */
.dev-sp .l-content__point
{
    padding: 28px 0 24px;
}

.dev-sp .l-content__point .section__hdg
{
    margin-bottom: 22px;
}

.dev-sp .l-content__point .section__hdg .ttl
{
    top: 0;
}

.dev-sp .l-content__point .section__hdg .ttl-sp-adjust
{
    position: relative;
    top: -.7em;
}

.dev-sp .l-content__point .contents
{
    margin-top: -34px;
}

.dev-sp .l-content__point .contents__point
{
    margin-bottom: 23px;
}

.dev-sp .l-content__point .contents__point .point-hdg
{
    margin-bottom: 11px;
}

.dev-sp .l-content__point .contents__point .point-cont
{
    margin-top: 20px;
}

.dev-sp .l-content__point .contents__point .point-cont dt
{
    font-size: 19px;

    margin-bottom: 10px;

    text-align: left;
}

.dev-sp .l-content__point .contents__point .point-cont dd
{
    line-height: 1.6;

    text-align: left;
}

.dev-sp .l-content__point .contents__point .point-img
{
    text-align: center;
}

.dev-sp .l-content__point .contents__point .point-img + .point-img
{
    margin-top: 5px;
}

.dev-sp .l-content__point .section__bottom
{
    margin-top: 0;
    padding-top: 55px;
}

/* --------------------------------------------------
   .l-content__promise
-------------------------------------------------- */
.l-content__promise .section__hdg
{
    margin-bottom: 88px;
    padding-top: 128px;
}

.l-content__promise .section__hdg .ttl
{
    position: relative;
    top: -30px;
}

.l-content__promise .promise-wrap
{
    background: url(../img/promise_bg.jpg) no-repeat 50% 0;
    background-size: 100% auto;
}

.l-content__promise .promise
{
    position: relative;

    padding: 110px 0;
}

.l-content__promise .promise:before
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 5px;

    content: '';

    border: solid #b8a223;
    border-width: 1px 0;
    background: #fff;
}

.l-content__promise .promise__hdg
{
    position: absolute;
    top: -70px;
    left: 50%;

    margin-left: -70px;
}

.l-content__promise .promise__hdg img
{
    width: 140px;
    height: auto;
}

.l-content__promise .promise .ttl
{
    font-size: 30px;
    font-weight: normal;
    line-height: 1.3;

    margin-bottom: 23px;
}

.l-content__promise .promise .ttl .small
{
    font-size: 20px;
}

.l-content__promise .promise--01 .ttl
{
    margin-bottom: 33px;

    text-align: center;
}

.l-content__promise .promise--01 .c-l-imgbox__cont
{
    margin-top: 22px;
}

.l-content__promise .promise--08
{
    padding-bottom: 80px;
}

.l-content__promise .promise--08:after
{
    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 5px;

    content: '';

    border: solid #b8a223;
    border-width: 1px 0;
    background: #fff;
}

.l-content__promise .section__bottom
{
    margin: 60px 0;
}

/* =========  device -> sp  ========= */
.dev-sp .l-content__promise .section__hdg
{
    margin-bottom: 62px;
    padding-top: 32px;
}

.dev-sp .l-content__promise .section__hdg .txt
{
    margin-bottom: 16px;
}

.dev-sp .l-content__promise .section__hdg .ttl
{
    line-height: 1;

    top: 0;
}

.dev-sp .l-content__promise .section__hdg .ttl .em
{
    position: relative;
    top: 4px;
}

.dev-sp .l-content__promise .promise-wrap
{
    background: none;
}

.dev-sp .l-content__promise .promise
{
    padding: 50px 0 55px;

    background: url(../img/promise_bg@mw640.jpg) no-repeat 50% 0;
    background-size: cover;
}

.dev-sp .l-content__promise .promise__hdg
{
    top: -37px;

    margin-left: -37px;
}

.dev-sp .l-content__promise .promise__hdg img
{
    width: 75px;
}

.dev-sp .l-content__promise .promise .ttl
{
    font-size: 19px;
    line-height: 1.6;

    margin-bottom: 14px;
}

.dev-sp .l-content__promise .promise .ttl .small
{
    font-size: 10px;
}

.dev-sp .l-content__promise .promise .c-l-imgbox__img
{
    text-align: center;
}

.dev-sp .l-content__promise .promise .cont,
.dev-sp .l-content__promise .promise .c-l-imgbox__cont
{
    line-height: 1.6;

    margin-top: 15px;

    text-align: left;
}

.dev-sp .l-content__promise .promise--08
{
    padding-bottom: 28px;
}

.dev-sp .l-content__promise .section__bottom
{
    margin: 30px 0 25px;
}

/* --------------------------------------------------
   .l-content__in-hospital
-------------------------------------------------- */
.l-content__in-hospital .section__hdg
{
    margin-bottom: 30px;
    padding-top: 125px;
}

.l-content__in-hospital .slider
{
    padding: 80px 0 32px;

    background: url(../img/slider_bg.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.l-content__in-hospital .slider-wrap
{
    width: 666px;
    margin: 0 auto;
}

.l-content__in-hospital .slider-content
{
    width: 706px;
    margin: 0 -20px;
}

.l-content__in-hospital .slider__item
{
    margin: 0 20px;
}

.l-content__in-hospital .slider__item img
{
    border: 4px solid #fff;
}

.l-content__in-hospital .slider__item .txt
{
    font-size: 20px;

    display: block;

    width: 100%;
    margin-top: 24px;

    text-align: center;
}

/* =========  device -> sp  ========= */
.dev-sp .l-content__in-hospital .section__hdg
{
    margin-bottom: 23px;
    padding-top: 32px;
}

.dev-sp .l-content__in-hospital .slider
{
    padding: 29px 0 11px;

    background: url(../img/slider_bg@mw640.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.dev-sp .l-content__in-hospital .slider-wrap
{
    width: 300px;
    margin: 0 auto;
}

.dev-sp .l-content__in-hospital .slider-content
{
    width: 320px;
    margin: 0 -10px;
}

.dev-sp .l-content__in-hospital .slider__item
{
    margin: 0 10px;
}

.dev-sp .l-content__in-hospital .slider__item img
{
    width: 296px;

    border-width: 2px;
}

.dev-sp .l-content__in-hospital .slider__item .txt
{
    font-size: 15px;

    margin-top: 14px;
}

/* --------------------------------------------------
   .l-content__access
-------------------------------------------------- */
.l-content__access
{
    padding-top: 65px;
    padding-bottom: 96px;
}

.l-content__access .section__hdg
{
    margin-bottom: 52px;
}

.l-content__access .content + .content
{
    margin-top: 90px;
}

.l-content__access .content__hdg
{
    font-size: 30px;
    font-weight: normal;
    line-height: 1.4;

    position: relative;

    margin-bottom: 34px;

    text-align: center;
}

.l-content__access .content__hdg:before
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 1px;
    margin: auto;

    content: '';

    background: #000;
}

.l-content__access .content__hdg span
{
    font-size: 27px;

    position: relative;

    display: inline-block;

    padding: 0 14px;

    background: #fff;
}

.l-content__access .content ul
{
    overflow: hidden;

    margin: -29px -29px 0 0;
}

.l-content__access .content ul li
{
    float: left;

    margin: 29px 29px 0 0;
}

/* =========  device -> sp  ========= */
.dev-sp .l-content__access
{
    padding-top: 25px;
    padding-bottom: 20px;
}

.dev-sp .l-content__access .section__hdg
{
    margin-bottom: 20px;
}

.dev-sp .l-content__access .content + .content
{
    margin-top: 27px;
}

.dev-sp .l-content__access .content__hdg
{
    font-size: 19px;

    margin-bottom: 16px;
}

.dev-sp .l-content__access .content__hdg span
{
    font-size: 19px;

    padding: 0 10px;
}

.dev-sp .l-content__access .content .c-l-imgbox__img
{
    text-align: center;
}

.dev-sp .l-content__access .content .c-l-imgbox__cont
{
    line-height: 1.7;
}

.dev-sp .l-content__access .content ul
{
    overflow: hidden;

    width: 300px;
    margin: -10px auto 0;
}

.dev-sp .l-content__access .content ul li
{
    float: left;

    margin: 10px 0 0 0;
}

.dev-sp .l-content__access .content ul li:nth-child(odd)
{
    width: 137px;
}

.dev-sp .l-content__access .content ul li:nth-child(even)
{
    width: 136px;
    margin-left: 27px;
}

.dev-sp .l-content__access .content--no02 .c-l-imgbox__cont
{
    margin-top: 15px;
}

/* --------------------------------------------------
   .l-content__for-mother
-------------------------------------------------- */
.l-content__for-mother
{
    padding: 54px 0 70px;

    background: #fdf4f7;
}

/* =========  device -> sp  ========= */
.dev-sp .l-content__for-mother
{
    padding: 28px 0 30px;
}

.dev-sp .l-content__for-mother .section__hdg
{
    margin-bottom: 7px;
}

.dev-sp .l-content__for-mother .section__hdg .ttl
{
    font-size: 23px;
}

.dev-sp .l-content__for-mother .c-l-imgbox__img
{
    text-align: center;
}

.dev-sp .l-content__for-mother .c-l-imgbox__cont
{
    margin-bottom: 10px;
}

/* --------------------------------------------------
   .l-content__clinic-access
-------------------------------------------------- */
.l-content__clinic-access
{
    padding: 68px 0 95px;
}

.l-content__clinic-access .section__hdg
{
    margin-bottom: 40px;
}

.l-content__clinic-access .section__hdg .ttl
{
    font-size: 30px;
}

.l-content__clinic-access .list
{
    overflow: hidden;

    margin: -40px -14px 0 -15px;
}

.l-content__clinic-access .list__block
{
    float: left;

    width: 294px;
    margin: 40px 14px 0 15px;
}

.l-content__clinic-access .list__block dl
{
    line-height: 1.4;

    margin-top: 27px;
}

.l-content__clinic-access .list__block dt
{
    font-size: 18px;
}

.l-content__clinic-access .list__block dt a
{
    text-decoration: none;
}

.l-content__clinic-access .list__block dt a:hover
{
    text-decoration: underline;
}

.l-content__clinic-access .list__block .addres
{
    font-size: 14px;

    margin-top: 6px;
}

.l-content__clinic-access .list__block .tel
{
    margin-top: 9px;
}

.l-content__clinic-access .list__block .tel a
{
    font-size: 24px;

    text-decoration: none;

    color: #e01c66;
}

.l-content__clinic-access .list__block .tel a:hover
{
    text-decoration: underline;
}

/* =========  device -> sp  ========= */
.dev-sp .l-content__clinic-access
{
    padding: 33px 0 25px;
}

.dev-sp .l-content__clinic-access .section__hdg
{
    margin-bottom: 15px;
}

.dev-sp .l-content__clinic-access .section__hdg .ttl
{
    font-size: 18px;
}

.dev-sp .l-content__clinic-access .list
{
    width: 300px;
    margin: -30px auto 0;
}

.dev-sp .l-content__clinic-access .list__block
{
    width: 135px;
    margin: 30px 0 0;
}

.dev-sp .l-content__clinic-access .list__block:nth-child(odd)
{
    margin-right: 30px;
}

.dev-sp .l-content__clinic-access .list__block dl
{
    margin-top: 12px;
}

.dev-sp .l-content__clinic-access .list__block dt
{
    font-size: 15px;
}

.dev-sp .l-content__clinic-access .list__block .addres
{
    font-size: 10px;

    margin-top: 14px;
}

.dev-sp .l-content__clinic-access .list__block .tel
{
    margin-top: 8px;
}

.dev-sp .l-content__clinic-access .list__block .tel a
{
    font-size: 14px;
}

/*# sourceMappingURL=app.css.map */










/* --------------------------------------------------
.l-content__introduction (2017/03/28 追加)
-------------------------------------------------- */

.l-content__introduction{
	padding-top: 68px;
}
.dev-sp .l-content__introduction{
	padding-top: 35px;
    padding-bottom: 45px;
}
.l-content__introduction .section__hdg .ttl{
	font-size: 30px;
}
.dev-sp .l-content__introduction .section__hdg .ttl{
	font-size: 19px;
}
.l-content__introduction__chiefDirector{
	padding-bottom: 40px;
}
.dev-sp .l-content__introduction__chiefDirector{
	padding-bottom: 25px;
	width: 280px;
	margin-left: auto;
	margin-right: auto;
}
.l-content__introduction__chiefDirector__figure{
	position: relative;
	width: 135px;
	float: left;
}
.dev-sp .l-content__introduction__chiefDirector__figure{
	width: 100px;
	float: none;
	margin-bottom: 25px;
}
.l-content__introduction__chiefDirector__figure figcaption{
	display: none;
}
.dev-sp .l-content__introduction__chiefDirector__figure figcaption{
	display: block;
	font-size: 15px;
	position: absolute;
	top: 50%;
	left: 132px;
	white-space: nowrap;
	margin-top: -13px;
}
.l-content__introduction__chiefDirector__history{
	width: 770px;
	float: right;
}
.dev-sp .l-content__introduction__chiefDirector__history{
	width: 100%;
	float: none;
}
.l-content__introduction__chiefDirector__history p{
	font-size: 18px;
	margin-bottom: 15px;
}
.dev-sp .l-content__introduction__chiefDirector__history p{
	display: none;
}
.l-content__introduction__chiefDirector__history ul{
	width: 50%;
	float: left;
}
.dev-sp .l-content__introduction__chiefDirector__history ul{
	width: 100%;
	float: none;
}
.l-content__introduction__chiefDirector__history ul li{
	font-size: 14px;
}
.dev-sp .l-content__introduction__chiefDirector__history ul li{
	font-size: 10px;
}
.l-content__introduction__eachClinics{
	border-bottom: 1px solid #cccccc;
	padding-top: 45px;
	padding-bottom: 45px;
}
.l-content__introduction__eachClinics--first{
	border-top: 1px solid #cccccc;
}
.dev-sp .l-content__introduction__eachClinics{
	padding-top: 25px;
	padding-bottom: 25px;
}
.l-content__introduction__eachClinics__holder{
	width: 50%;
}
.dev-sp .l-content__introduction__eachClinics__holder{
	width: 280px;
	margin-left: auto;
	margin-right: auto;
}
.dev-sp .l-content__introduction__eachClinics__holder:first-child{
	margin-bottom: 20px;
}
.l-content__introduction__eachClinics__holder--l{
	float: left;
}
.dev-sp .l-content__introduction__eachClinics__holder--l{
	float: none;
}
.l-content__introduction__eachClinics__holder--r{
	float: right;
}
.dev-sp .l-content__introduction__eachClinics__holder--r{
	float: none;
}
.l-content__introduction__eachClinics__holder__clinicName{
	font-size: 18px;
	margin-bottom: 10px;
}
.dev-sp .l-content__introduction__eachClinics__holder__clinicName{
	font-size: 15px;
	margin-left: -10px;
}
.l-content__introduction__eachClinics__holder__personName{
	font-size: 14px;
	margin-bottom: 10px;
}
.dev-sp .l-content__introduction__eachClinics__holder__personName{
	font-size: 10px;
}
.l-content__introduction__eachClinics__holder__historyList{

}
.l-content__introduction__eachClinics__holder__historyList li{
	font-size: 14px;
}
.dev-sp .l-content__introduction__eachClinics__holder__historyList li{
	font-size: 10px;
}

@media screen and (min-width: 640px){
.smart{
	display:none;
	} 
	
}

@media screen and (max-width:640px){
.pc{
	display:none;
    }
.smart{
	display:block;
	}
}

@media screen and (max-width:640px){
/*固定電話・LINEボタン*/
.btn_scroll{
position: fixed !important;  
bottom:0;      
right:0;
width:100%;
background-color: rgba(255,105,155,0.2);
text-align:center;
margin:0;
padding:5px;
}

.btn_scroll a:hover img{
opacity:1;
filter:alpha(opacity=100);
}

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

.btn_scroll li{
list-style:none;
display:inline-block;
margin:0;
padding:0;
}

.btn_scroll li.btn_scroll_tel{
	margin:0;
	padding:0;
	width:80%;
}

.btn_scroll li.btn_scroll_tel img{
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	margin:0;
}

.btn_scroll li.btn_scroll_line {
	margin:0;
	padding:0;
	width:14%;
}

.btn_scroll li.btn_scroll_line img{
	margin:0;
}

/*-----------------------*/
}

.center{text-align:center;}
.b{font-weight:bold;}
.red {color: #cc0000;}
.mincho{
	font-family:"游明朝", YuMincho, "HG明朝E", "MS P明朝", "MS 明朝", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
}


/*----------------------------------------------*/
/**/
.top_case{
width:90%;
margin:20px auto 5px auto;
/*font-family:"HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;*/
}

.case{
margin:30px 0 50px 0;
padding:0;
list-style:none;
text-align:center;
clear:both;
}

.case li{
display:inline-block;
vertical-align:middle;
margin:0;
padding:0;
}

@media screen and (max-width:640px){
.top_case{
width:auto;
}
.case li{
display:block;
vertical-align:middle;
padding:5px;
}

.case li.arrow{
-moz-transform:    rotate( 90deg );  /* Firefox用 */
-webkit-transform: rotate( 90deg );  /* Chrome,Safari,新しいOpera用 */
-o-transform:      rotate( 90deg );  /* 古いOpera用 */
-ms-transform:     rotate( 90deg );  /* IE用 */
transform:         rotate( 90deg );  /* CSS3の書き方 */
}
}

/**/
.top_mark_check{
margin:0;
padding:0;
list-style:none;
}

.top_mark_check li{
background:url(/img/mark_check.png) no-repeat left center;
background-size:14px auto;
padding:2px 10px 2px 17px;
display:inline-block;
}