@charset "utf-8";



/*全端末（PC・タブレット・スマホ）共通設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*全体の設定
---------------------------------------------------------------------------*/
body {
    margin: 0px;
    padding: 0px;
    color: #333;
    /*全体の文字色*/
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    /*フォント種類*/
    font-size: 18px;
    /*文字サイズ*/
    line-height: 2;
    /*行間*/
    background: #fff;
    /*背景色*/
    -webkit-text-size-adjust: none;
}

h1,
h2,
h3,
h4,
h5,
p,
ul,
ol,
li,
dl,
dt,
dd,
form,
figure,
form {
    margin: 0px;
    padding: 0px;
    font-size: 100%;
    font-weight: normal;
}

textarea,
select,
input[type="text"],
input[type="checkbox"],
input[type="radio"],
input[type="button"],
input[type="submit"] {
    font-size: 100%;
}

h1,
h2,
h3,
h4,
#menubar {
    font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro";
}

ul {
    list-style-type: none;
}

ol {
    padding-left: 40px;
    padding-bottom: 15px;
}

img {
    border: none;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

.main {
    width: 100%;
}

.main .pc_img {
    display: block;
    margin: auto;
}

.main .pc_img:hover {
    opacity: 0.7;
}

table {
    border-collapse: collapse;
    font-size: 100%;
    border-spacing: 0;
}

iframe {
    width: 100%;
}

/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
    color: #3e9ffe;
    /*リンクテキストの色*/
    transition: 0.5s;
    /*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
}

a:hover {
    opacity: 0.7;
}

/*inner共通
---------------------------------------------------------------------------*/
.inner {
    max-width: 1200px;
    /*サイトの最大幅　※下の方の「画面幅1200px以上の設定」にも関連するので変更の際は注意して下さい。*/
    margin: 0 auto;
}

/*ヘッダー（ロゴが入った最上段のブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header {
    /*border-top: 4px solid #3e9ffe;
    上の線の幅、線種、色*/
    width: 100%;
    border-top: 4px solid #3e9ffe;
    background-color: rgba(255, 255, 255, 0.9);
    /*背景色*/
}

header #inner {
    /* overflow: hidden; */
    /* position: relative; */
    height: 60px;
    /* width: 1200px; */
    margin: 0 auto;
    padding: 8px 0;
    /*ヘッダーの高さ*/
}

header #inner ul {
    width: auto;
}

header #inner h1 {
    width: 250px;
    float: left;
}

/*ロゴ画像*/
header #logo img {
    width: 250px;
    /*画像幅*/
    /*position: absolute;*/
    /*left: 1%;*/
    /*ヘッダーに対して左から3%の場所に配置*/
    /*top: 15px;*/
    /*ヘッダーに対して上から38pxの場所に配置*/
}

/* 電話バナー関連 */
.inner_box {
    text-align: center;
}

.ico {
    float: left;
    width: 33.333%;
}

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

.pIl {
    border-left: 2px solid #fff;
    box-sizing: border-box;
}

.sPl {
    border-bottom: 2px solid #fff;
    box-sizing: border-box;
}

/*PCで見た時にスマホ用の画像を表示しない*/

.sp,
.spNo,
.spIco {
    display: none;
}
.edSp_img,.spPrice_img{
	display:none;
}

/*ヘッダー内メニュー
---------------------------------------------------------------------------*/
/*メニューブロック全体*/
#headermenu {
    position: absolute;
    right: 3%;
    /*header のinnerに対して右から3%の場所に配置*/
    bottom: 30px;
    /*header のinnerに対して下から15pxの場所に配置*/
}

/*メニュー１個あたり*/
#headermenu li {
    float: left;
    /*左に回り込み*/
    margin-left: 10px;
    /*左側にスペースを空ける*/
    margin-top: 5px;
}

#headermenu li a {
    text-decoration: none;
    display: inline-block;
    background: #ff8a00;
    /*背景色（古いブラウザ用）*/
    background: linear-gradient(#ffa600, #ff8a00);
    /*グラデーション*/
    color: #FFF;
    /*文字色*/
    padding: 0px 15px;
    /*上下、左右へのボックス内の余白*/
    border-radius: 4px;
    /*角丸のサイズ*/
    border: 1px solid #ff8a00;
    /*枠線の幅、線種、色*/
}

/*マウスオン時*/
#headermenu li a:hover {
    color: #ff8a00;
    /*文字色*/
    background: #fff;
    /*背景色*/
}

/*メインメニュー
---------------------------------------------------------------------------*/
/*メニューブロック*/
#menubar {
    /*clear: both;
    overflow: hidden;
    border-top: 1px solid #dcdcdc;
    上の線の幅、線種、色
    border-bottom: 1px solid #dcdcdc;*/
    /*下の線の幅、線種、色*/
    font-size: 16px;
    /*文字サイズ*/
    float: right;
}

/*メニュー１個あたりの設定*/
#menubar li {
    display: inline-block;
    /*メニュー幅（100÷5個=20%）※下の方の「画面幅1200px以上の設定」にも関連するので変更の際は注意して下さい。*/
    padding-left: 10px;
}

#menubar li a {
    color: #333;
    display: block;
    text-decoration: none;
    text-align: center;
    padding: 10px;
    margin-top: 5px;
}

/*１つ目のメニューへの追加設定*/
#menubar li:first-child a {
    /*border-left: 1px solid #dcdcdc;
    左の線の幅、線種、色*/
}

/*マウスオン時と、現在表示中(current)メニューの設定*/
#menubar li a:hover,
#menubar li.current a {
    text-decoration: underline;
    /*background: #3e9ffe;
    背景色
    color: #fff;*/
    /*文字色*/
}

#menubar .drop {
    display: inline;
    background-image: url(../../images/drop.png);
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 15px;
    background-size: 10px;
}

/*スマホ用メニューを表示させない*/
#menubar-s {
    display: none;
}

/*３本バーアイコンを表示させない*/
#menubar_hdr {
    display: none;
}

/*ドロップダウンメニュー用
----------------------------------------------------------------------------------------------------------------------------------*/
/*メニューブロック*/
#menubar ul.ddmenu {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    margin-top: 15px;
    width: 20%;
    /*幅。上の「#menubar li」と合わせる。*/
}

/*メニュー１個あたりの設定*/
#menubar ul.ddmenu li {
    float: none;
    display: block;
    padding: 0;
    width: 100%;
}

#menubar ul.ddmenu li a {
    width: 85%;
    text-align: center;
    border: none;
    background: #ffffff;
    color: #333;
    /*文字色*/
    padding: 8px 0;
    /*上下、左右へのボックス内の余白*/
    margin-top: 0;
}

/*マウスオン時*/
#menubar ul.ddmenu li a:hover {
    color: #b2b2b2;
    /*背景色*/
    opacity: inherit;
    text-decoration: underline;
}

/*コンテンツ（mainとsubを囲むブロック）
---------------------------------------------------------------------------*/
.contents {
    clear: both;
    overflow: hidden;
    padding: 20px 0px;
    /*上下、左右へのボックス内の余白*/
}

/*h2タグの設定*/
.contents h2 {
    clear: both;
    margin-bottom: 15px;
    /*見出しの下にとるスペース*/
    padding: 10px 20px;
    /*上下、左右への余白*/
    border: 1px solid #dcdcdc;
    /*枠線の幅、線種、色*/
    font-size: 130%;
    /*文字サイズ。上の「body」で設定しているサイズに対しての指定。*/
    background: #fff;
    /*背景色（古いブラウザ用）*/
    background: linear-gradient(#fff 50%, #e7edf7);
    /*背景グラデーション*/
    box-shadow: 0px 0px 3px 1px #fff inset;
    /*ボックスの影。右へ、下へ、ぼかす範囲、広げる距離。色。insetは内側へ向ける設定。*/
    letter-spacing: 0.1em;
    /*文字間隔を少し広くとる設定*/
}

/*h2タグの左側のアクセント*/
.contents h2::first-letter {
    border-left: 3px solid #3e9ffe;
    /*左の線の幅、線種、色*/
    padding-left: 20px;
    /*線とテキストとの距離*/
}

/*h3タグの設定*/
.contents h3 {
    clear: both;
    margin-bottom: 30px;
    /*見出しの下にとるスペース*/
    padding: 0px 20px;
    /*上下、左右への余白*/
    border-bottom: 1px solid #ccc;
    /*枠線の幅、線種、色*/
    font-size: 130%;
    /*文字サイズ。上の「body」で設定しているサイズに対しての指定。*/
    letter-spacing: 0.1em;
    /*文字間隔を少し広くとる設定*/
}

/*h3タグの左側のアクセント*/
.contents h3::first-letter {
    border-left: 3px solid #3e9ffe;
    /*左の線の幅、線種、色*/
    padding-left: 20px;
    /*線とテキストとの距離*/
}

/*h4タグの設定*/
.contents h4 {
    font-size: 130%;
    /*文字サイズ。上の「body」で設定しているサイズに対しての指定。*/
    padding: 10px 20px;
    /*上下、左右への余白*/
    border-bottom: 1px solid #ccc;
    /*下線の幅、線種、色*/
    margin-bottom: 30px;
    /*見出しの下にとるスペース*/
}

/*段落タグ設定*/
.contents p {
    padding: 0px 20px 40px;
    /*上、左右、下への余白*/
}

/*段落タグが続く場合に余白が空きすぎないようにする*/
.contents p + p {
    margin-top: 0px;
}

/*h2とh3とh4タグの直後の段落タグ設定*/
.contents h2 + p,
.contents h3 + p,
.contents h4 + p {
    margin-top: 0px;
}

/*listブロック
---------------------------------------------------------------------------*/
/*listブロック設定*/
.list {
    overflow: hidden;
    position: relative;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3) inset;
    /*ボックスの影。右へ、下へ、ぼかす範囲。0,0,0は黒の事で0.3は透明度30%の事。insetは内側に向かう影。*/
    margin: 0 2% 0px;
    /*上、左右、下へのボックスの外に空けるスペース*/
    background: #fff;
    /*背景色*/
    transition: 0.5s;
    /*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
    padding: 4%;
    /*ボックス内の余白*/
}

.list a {
    overflow: hidden;
    text-decoration: none;
    display: block;
}

/*h4タグ設定*/
.list h4 {
    padding: 0;
    border: none;
    font-size: 200%;
    /*文字サイズ*/
    color: #3e9ffe;
    /*文字色*/
    line-height: 1.2em;
    height: 1em;
    overflow: hidden;
    /*１行を超えた部分は非表示になる*/
    margin-bottom: 0.5em;
}

/*段落タグ設定*/
.list p {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.8;
    overflow: hidden;
}

/*figure画像の設定*/
.list figure img {
    margin: 0 0 4% 0;
    /*上、右、下、左への画像の外側にとるスペース*/
}

/*figure画像の右側回り込みの設定*/
.list figure img.fr {
    width: 20%;
    /*画像幅*/
    float: right;
    /*右に回り込み*/
    margin: 0 0 0 4%;
    /*上、右、下、左への画像の外側にとるスペース*/
}

/*figure画像の左側回り込みの設定*/
.list figure img.fl {
    width: 20%;
    /*画像幅*/
    float: left;
    /*左に回り込み*/
    margin: 0 4% 0 0;
    /*上、右、下、左への画像の外側にとるスペース*/
}

/*右下の「→」マーク設定*/
.list a::before {
    content: "→";
    /*このテキストを表示させる。変更しても構いませんが機種依存文字は化ける場合があるので使わない。*/
    font-size: 20px;
    /*文字サイズ*/
    text-align: center;
    border-radius: 50%;
    /*円形にする*/
    background: #b2b2b2;
    /*背景色（古いブラウザ用）*/
    background: rgba(0, 0, 0, 0.3);
    /*背景色。0,0,0は黒の事で0.3は透明度30%の事。*/
    color: #fff;
    /*文字色*/
    position: absolute;
    right: 10px;
    /*右から10pxの場所に配置*/
    bottom: 10px;
    /*下から10pxの場所に配置*/
    width: 30px;
    /*幅*/
    line-height: 30px;
    /*高さ*/
    transition: 1s;
    /*マウスオン時の移り変わるまでの時間設定。1秒。*/
}

/*右下の「→」マークのマウスオン時*/
.list a:hover::before {
    background: #3e9ffe;
    /*背景色*/
    box-shadow: 0px 0px 0px 10px #3e9ffe;
    /*ボックスの影の指定ですが、円がそのまま大きくなるような動作になります。右へ、下へ、ぼかす範囲、距離。最後は色。*/
}

/*mainコンテンツ
---------------------------------------------------------------------------*/
.main {
    float: left;
    /*左に回り込み*/
    /*幅*/
    overflow: hidden;
}

.service {
    overflow: hidden;
}

.service .mf img {
    float: left;
    width: 50%;
    padding: 4%;
    box-sizing: border-box;
}

/*subコンテンツ
---------------------------------------------------------------------------*/
/*subブロック*/
.sub {
    float: right;
    /*右に回り込み*/
    width: 24%;
    /*幅*/
}

/*subコンテンツ内のh2タグ設定*/
.sub h2 {
    background: none;
    border: none;
    box-shadow: none;
    padding: 0;
    letter-spacing: normal;
    font-size: 120%;
    /*文字サイズ*/
    margin-bottom: 20px;
}

/*subコンテンツのh2タグの１文字目への設定*/
.sub h2::first-letter {
    padding-left: 15px;
}

/*段落タグ設定*/
.sub p {
    padding-bottom: 10px;
    /*上、左右、下への余白*/
}

/*サブコンテンツ内のメニュー
---------------------------------------------------------------------------*/
/*メニュー全体の設定*/
.sub ul.submenu {
    margin-bottom: 20px;
    /*メニューブロックの下に空けるスペース*/
    border-top: solid 1px #dcdcdc;
    /*上の線の線種、幅、色*/
}

/*メニュー１個ごとの設定*/
.sub ul.submenu li {
    background: #fff;
    /*背景色*/
    border-bottom: solid 1px #dcdcdc;
    /*下の線の線種、幅、色*/
}

.sub ul.submenu li a {
    text-decoration: none;
    display: block;
    padding: 5px 10px;
    /*メニュー内の余白。上下、左右への設定。*/
}

/*サブコンテンツ内のbox1
---------------------------------------------------------------------------*/
.sub .box1 {
    padding: 15px;
    /*ボックス内の余白*/
    margin-bottom: 20px;
    /*ボックスの下に空けるスペース*/
    background: rgba(0, 0, 0, 0.02);
    /*背景色。rgbaは色設定で0,0,0は黒。0.02は透明度2%の事。*/
    border: solid 1px #dcdcdc;
    /*線の線種、幅、色*/
    box-shadow: 0px 0px 1px 1px #fff inset;
    /*ボックスの影。内側に白のラインを入れる。*/
}

/*box1内のメニューの設定*/
.sub .box1 ul.submenu {
    margin-bottom: 0px;
}

/*フッター設定
---------------------------------------------------------------------------*/
footer {
    clear: both;
    font-size: 85%;
    /*文字サイズ*/
    background: #3e9ffe;
    /*背景色*/
    color: #fff;
    /*文字色*/
}

footer a {
    text-decoration: none;
    color: #fff;
    /*文字色*/
}

/*フッターメニュー
---------------------------------------------------------------------------*/
/*ボックス全体*/
#footermenu {
    overflow: hidden;
    text-align: center;
    padding: 20px 0;
    font-size: 90%;
    /*文字サイズ*/
    font-weight: bold;
    /*background: url(../images/icon_logo.png) no-repeat right center;*/
    /*右側に表示させているロゴマーク*/
    background-size: contain;
}

/*１行分の設定*/
#footermenu ul {
    display: inline-block;
    padding-right: 1%;
    padding-left: 1%;
}

#footermenu a {
    color: #fff;
}

#footermenu a:hover {
    opacity: 0.7;
}

/*コピーライト
---------------------------------------------------------------------------*/
#copyright {
    clear: both;
    text-align: center;
}

/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
#new dl {
    padding: 0 20px;
    margin-bottom: 5px;
}

/*日付設定*/
#new dt {
    float: left;
    width: 9em;
    /*幅*/
    color: #3e9ffe;
    /*文字色*/
    letter-spacing: 0.1em;
}

/*記事設定*/
#new dd {
    padding-left: 9em;
    padding-bottom: 5px;
    border-bottom: 1px solid #dcdcdc;
    /*下線の幅、線種、色*/
}

/*よく頂く質問ページ
---------------------------------------------------------------------------*/
/*ブロック全体*/
.faq {
    padding: 0px 20px;
    /*上下、左右への余白*/
}

/*質問の設定*/
.faq dt {
    color: #3e9ffe;
    /*文字色*/
    padding-top: 15px;
    margin-bottom: 10px;
}

/*回答の設定*/
.faq dd {
    border-bottom: 1px solid #ccc;
    /*下線の幅、線種、色*/
    overflow: hidden;
    padding-bottom: 15px;
}

.faq dd:last-child {
    border-bottom: none;
    overflow: hidden;
    padding-bottom: 30px;
}

/*「Q」と「A」のマーク共通設定*/
.faq dt::before,
.faq dd::before {
    margin-right: 5px;
    display: inline-block;
    text-align: center;
    width: 30px;
    /*幅*/
    line-height: 30px;
    /*高さ*/
}

/*「Q」のマーク追加設定*/
.faq dt::before {
    content: "Q";
    /*「Q」の文字を出力する設定*/
    background: #3e9ffe;
    /*背景色*/
    color: #fff;
    /*文字色*/
}

/*「A」のマーク追加設定*/
.faq dd::before {
    content: "A";
    /*「A」の文字を出力する設定*/
    background: #999;
    /*背景色*/
    color: #fff;
    /*文字色*/
}

/*テーブル
---------------------------------------------------------------------------*/
/*ta1,ta2共通設定*/
.ta1,
.ta2 {
    width: 96%;
    margin: 0 2% 30px;
}

.ta1,
.ta1 td,
.ta1 th,
.ta2,
.ta2 td,
.ta2 th {
    border: 1px solid #565656;
    /*テーブルの枠線の幅、線種、色*/
    line-height: 2;
    padding: 10px;
    /*ボックス内の余白*/
    word-break: break-all;
}

/*テーブル１行目に入った見出し部分*/
.ta1 th.tamidashi,
.ta2 th.tamidashi {
    width: auto;
    text-align: left;
    /*左よせ*/
    background: #cce6f6;
    /*背景色*/
    font-weight: bold;
}

/*ta1の左側ボックス*/
.ta1 th {
    width: 150px;
    /*幅*/
    text-align: center;
    /*センタリング*/
    background: #f0f0f0;
    /*背景色*/
    font-weight: normal;
}

/*ta1の左側ボックスに画像を入れた場合の設定*/
.ta1 th img {
    width: 100%;
}

/*ta2の左側ボックス*/
.ta2 th {
    background: #fffeba;
    /*背景色*/
}

/*ta2の右側ボックス*/
.ta2 td {
    text-align: center;
    /*センタリング*/
    width: 33.333%;
}

/*料金ページの追加設定（CMS用）*/
.ta1.price td {
    text-align: right;
}

.ta1.price tr.total th {
    background: #b7e0ee;
    font-size: 150%;
}

.ta1.price tr.total td {
    background: #deeff4;
    font-weight: bold;
    font-size: 150%;
}

section .feature {
    padding: 11px;
    font-weight: bold;
    width: 96%;
    margin: 0 2% 30px;
    box-sizing: border-box;
}

section .feature dt {
    padding: 0 20px;
    font-weight: bold;
    background-color: #3e9ffe;
    color: #fff;
    border-radius: 10px;
}

section .feature dd {
    font-size: 0.9rem;
    padding: 10px 20px;
}

section .wfeature {
    padding: 11px;
    font-weight: bold;
    width: 96%;
    margin: 0 2% 30px;
    box-sizing: border-box;
}

section .wfeature dt {
    padding: 0 20px;
    font-weight: bold;
    color: #fff;
    border-radius: 10px;
    background-color: #f7a4a4;
}

section .wfeature dd {
    font-size: 0.9rem;
    padding: 10px 20px;
}

.feature dt img {
    width: 2%;
    margin-right: 6px;
    padding-bottom: 0.1%;
}

.disc li {
    font-size: 0.74rem;
}

/*ボタン(btn)の設定
---------------------------------------------------------------------------*/
input[type="submit"].btn,
input[type="button"].btn {
    padding: 15px;
    /*ボタン内の余白*/
    margin-bottom: 30px;
    border: 1px solid #ccc;
    /*枠線の幅、線種、色*/
    border-radius: 3px;
    /*角丸のサイズ*/
    background: linear-gradient(#fff, #eee);
    /*グラデーション*/
}

/*マウスオン時の設定*/
input[type="submit"].btn:hover,
input[type="button"].btn:hover {
    border: 1px solid #999;
    /*枠線の幅、線種、色*/
    background: #fff;
    /*背景色*/
    position: relative;
    top: 1px;
    left: 1px;
    /*マウスオン時に上から1px、左から1px場所を移動する*/
}

/*PAGE TOP設定
---------------------------------------------------------------------------*/
#pagetop {
    clear: both;
    padding-top: 40px;
}

#pagetop a {
    text-decoration: none;
    text-align: center;
    display: block;
    float: right;
    color: #fff;
    /*文字色*/
    font-size: 20px;
    /*文字サイズ*/
    background: #3e9ffe;
    /*背景色*/
    width: 60px;
    /*幅*/
    line-height: 60px;
    /*高さ*/
    margin-bottom: 50px;
}

/*マウスオン時*/
#pagetop a:hover {
    background: #0aaaff;
    /*背景色*/
}

/*一覧ページのボックス内のアイコン
（CMSの場合は管理ページの「オプション1」～のプルダウンと、setup.phpの「オプション選択肢」に関連します）
---------------------------------------------------------------------------*/
/*option1,option2共通*/
span.option1,
span.option2 {
    text-align: center;
    display: block;
    font-size: 10px;
    /*文字サイズ*/
    width: 100px;
    /*幅*/
    position: absolute;
    right: 0px;
    /*ボックスに対して右から0pxの場所に配置*/
    top: 0px;
    /*ボックスに対して上から0pxの場所に配置*/
    transform: rotate(45deg) translate(32px, -9px);
    /**/
    color: #FFF;
    /*文字色*/
    background: #666;
    /*背景色*/
}

/*option1への追加設定*/
span.option1 {
    color: #FFF;
    /*文字色*/
    background: #F00;
    /*背景色*/
}

/*h2タグ内で使った場合のoption1とoption2*/
h2 span.option1,
h2 span.option2 {
    text-shadow: none;
    width: auto;
    padding: 2px 5px;
    position: static;
    transform: none;
    display: inline-block;
    font-size: 15px;
    margin-left: 10px;
}

/*トップページのNEWアイコン
---------------------------------------------------------------------------*/
.newicon {
    background: #F00;
    /*背景色*/
    color: #FFF;
    /*文字色*/
    font-size: 70%;
    /*文字サイズ*/
    line-height: 1.5;
    padding: 2px 5px;
    border-radius: 2px;
    margin: 0px 5px;
    vertical-align: text-top;
}

/*bg1.2
---------------------------------------------------------------------------*/
.bg1 {
    background: #f4f2ea url(../images/bg1.png);
    /*背景色、背景画像の読み込み*/
}

.bg2 {
    background: url(../images/bg2.jpg);
    /*背景色、背景画像の読み込み*/
    background-size: cover;
    margin-bottom: 10px;
    padding: 82px 0px 74px;
}

/*その他
---------------------------------------------------------------------------*/
.look {
    background: #eee;
    padding: 5px 10px;
    border-radius: 4px;
}

.mb15,
.mb1em {
    margin-bottom: 15px !important;
}

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

.p0 {
    padding: 0 !important;
}

.clear {
    clear: both;
}

ul.disc {
    padding: 0em 25px 0px;
    list-style: disc;
}

.color1,
.color1 a {
    color: #F00;
}

.pr {
    font-size: 10px;
}

.wl {
    width: 96%;
}

.wm {
    width: 50%;
}

.ws {
    width: 50%;
}

.c {
    text-align: center !important;
}

.r {
    text-align: right !important;
}

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

img.fr {
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
}

img.fl {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.big1 {
    font-size: 200%;
}

.mini1 {
    font-size: 11px;
    display: inline-block;
    line-height: 1.5;
}

.sh {
    display: none;
}

/*治療薬料金表の改行を非表示*/
.ta2 td br {
    display: none;
}


/*オンライン診療の流れ*/
.step {
    position: relative;
    margin: 0 2% 30px;
}

.step .spStep {
    display: none;
}

.sLb {
    display: none;
}

.step .pcStep {
    width: 100%;
    padding: 0;
}

.step .pcStep img {
    width: 100%;
}

.pLb {
    position: absolute;
    left: 1.4%;
    bottom: 6.3%;
    width: 48.6%;
}

.spMenu {
    display: none;
}


svg {
    width: 100%;
    z-index: 3;
}

.cls-1 {
    fill: #3e9ffe;
    stroke: #3e9ffe;
    stroke-dasharray: 2000;

    stroke-dashoffset: 0;
    stroke-width: 1;
    -webkit-animation: hello 4s ease-in 0s;
    animation: hello 4s ease-in 0s;
}

@-webkit-keyframes hello {
    0% {
        stroke-dashoffset: 2000;
        fill: transparent;
    }

    40% {
        stroke-dashoffset: 2000;
        fill: transparent;
    }

    50% {
        fill: transparent;
    }

    100% {
        stroke-dashoffset: 0;
        fill: #3e9ffe;
    }
}

body {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.keyBack {
    animation: fadeIn 4s ease 0s 1 normal;
    -webkit-animation: fadeIn 4s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.text h3 {
    background: linear-gradient(#fff 50%, #e7edf7);
    box-shadow: 0px 0px 3px 1px #fff inset;
    letter-spacing: 0.1em;
}

.spKey {
    display: none;
}

/*--------------------------------------
テキスト
---------------------------------------*/

.msr_text_03 {
    padding-bottom: 20px;
    width: 460px;
}

.msr_text_03 label {
    display: block;
    font-size: 15px;
    font-weight: 600;
    padding-bottom: 5px;
}

.msr_text_03 input[type=text] {
    background: #fff;
    border: 1px solid #D7D7D7;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 13px;
    padding: 10px;
    height: 40px;
    width: 460px;
}

/*--------------------------------------
ラジオボタン
---------------------------------------*/

.msr_radio_03 {
    padding-bottom: 20px;
}

.msr_radio_03 p {
    font-size: 14px;
    padding-bottom: 5px;
}

.msr_radio_03 label {
    display: block;
    font-size: 15px;
    font-weight: 600;
    padding-bottom: 5px;
}

.msr_radio_03 input[type=radio] {
    display: none;
    margin: 0;
}

.msr_radio_03 input[type=radio] + label {
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    line-height: 1.5px;
    margin-right: 12px;
    padding: 0 0 3px 24px;
    position: relative;
}

.msr_radio_03 input[type=radio] + label::before {
    border: 1px solid #C3C3C3;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    content: "";
    display: block;
    margin-top: -9px;
    position: absolute;
    left: 0;
    top: 50%;
    height: 13px;
    width: 13px;
}

.msr_radio_03 input[type=radio]:checked + label::after {
    background: #1B73BA;
    border-radius: 50%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    content: "";
    display: block;
    margin-top: -4px;
    position: absolute;
    left: 3px;
    top: 0;
    height: 7px;
    width: 7px;
}

/*--------------------------------------
チェックボックス
---------------------------------------*/

.msr_chack_03 {
    padding-bottom: 20px;
}

.msr_chack_03 p {
    font-size: 14px;
    padding-bottom: 5px;
}

.msr_chack_03 label {
    display: block;
    font-size: 15px;
    font-weight: 600;
    padding-bottom: 5px;
}

.msr_chack_03 input[type=checkbox] {
    display: none;
    margin: 0;
}

.msr_chack_03 input[type=checkbox] + label {
    cursor: pointer;
    display: table;
    font-size: 13px;
    line-height: 19px;
    margin-right: 12px;
    padding: 0 0 8px 24px;
    position: relative;
}

.msr_chack_03 input[type=checkbox] + label::before {
    border: 1px solid #D7D7D7;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    content: "";
    display: block;
    margin-top: -9px;
    position: absolute;
    left: 0;
    top: 50%;
    height: 14px;
    width: 14px;
}

.msr_chack_03 input[type=checkbox]:checked + label::after {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
}

.msr_chack_03 input[type=checkbox]:checked + label::after {
    border-bottom: 3px solid #1B73BA;
    border-left: 3px solid #1B73BA;
    left: 2px;
    margin-top: -6px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    height: 6px;
    width: 10px;
}

/*--------------------------------------
プルダウン
---------------------------------------*/

.msr_pulldown_03 {
    padding-bottom: 20px;
    position: relative;
}

.msr_pulldown_03 p {
    font-size: 14px;
    padding-bottom: 5px;
}

.msr_pulldown_03 label {
    display: block;
    font-size: 15px;
    font-weight: 600;
    padding-bottom: 5px;
}

.msr_pulldown_03 select {
    appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    background: url(../images/material_arrow_blue02.png) no-repeat;
    background-position: 435px center;
    border: 1px solid #D7D7D7;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    cursor: pointer;
    text-indent: .01px;
    text-overflow: "";
    padding: 5px 10px 5px 10px;
    height: 40px;
    width: 460px;
}

/*--------------------------------------
ファイル選択
---------------------------------------*/

.msr_file_03 {
    padding-bottom: 20px;
    width: 460px;
}

.msr_file_03 > p {
    font-size: 14px;
    padding-bottom: 5px;
}

.msr_filebox_03 input[type=file] {
    display: none;
}

.msr_filebox_03 {
    position: relative;
}

.msr_filebox_03 label {
    position: relative;
    border: 1px solid #D7D7D7;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    display: block;
    font-size: 14px;
    padding: 10px;
    height: 20px;
    width: 460px;
}

.msr_filebox_03 label:before {
    background: #D7D7D7;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    content: "Browse...";
    color: #1B73BA;
    display: inline-block;
    font-size: 14px;
    padding-top: 10px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    height: 40px;
    width: 100px;
}

/*--------------------------------------
テキストエリア
---------------------------------------*/

.msr_textarea_03 {
    padding-bottom: 10px;
    width: 460px;
}

.msr_textarea_03 label {
    display: block;
    font-size: 14px;
    padding-bottom: 5px;
}

.msr_textarea_03 textarea {
    border: 1px solid #D7D7D7;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 13px;
    padding: 10px;
    height: 170px;
    width: 460px;
}

/*--------------------------------------
送信ボタン
---------------------------------------*/
.msr_sendbtn_03 {
    margin: 0 0 10px;
    text-align: center;
}

.msr_sendbtn_03 input[type=submit] {
    background: #1B73BA url(../images/arrow_white.png) no-repeat;
    background-position: 20px;
    border: none;
    border-radius: 2px;
    transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    height: 50px;
    width: 180px;
}

.msr_sendbtn_03 input[type=submit]:hover {
    opacity: 0.6;
}

.msr_sendbtn_03 input[disabled=disabled] {
    background: #B4B4B4 url(../images/arrow_gray.png) no-repeat;
    background-position: 20px;
    color: #7E7E7E;
    cursor: default;
}

.msr_sendbtn_03 input[disabled=disabled]:hover {
    opacity: 1;
}



@media screen and (min-width:801px) {
	#spEdTitle{
		display:none;
	}
	#pcEdTitle{
		display:block;
	}
	
	#edTitle {
    position: relative;
    background-image: url(../images/pcEd.jpg);
}

    #pEtB{
    position: absolute;
    left: 30.5%;
    bottom: 7.5%;
    width: 39%;
    height: 10%;
    z-index: 2;
}

    #pEtB a{
	display:block;
	width:100%;
	height:100%;
}
	
	
	#spEdPrice{
		display:none;
	}
	#pcEdPrice{
		display:block;
	}
	
	#edPrice {
    position: relative;
    background-image: url(../images/pcEdPrice.jpg);
}

    #pEdB{
    position: absolute;
    left: 30.5%;
    bottom: 7.5%;
    width: 39%;
    height: 10%;
    z-index: 2;
}

    #pEdB a{
	display:block;
	width:100%;
	height:100%;
}	
	
	
	
	
}

/*画面幅1200px以上の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:1200px) {

    /*inner共通
---------------------------------------------------------------------------*/
    .inner {
        width: 1200px;
        /*サイト幅*/
    }

    /*メインメニューとドロップダウンメニューの設定変更。
上の共通設定で、max-widthを1200pxにしており、メニュー数が５個なので、1200÷5=240pxになります。
---------------------------------------------------------------------------*/
    #menubar ul.ddmenu {
        width: 240px;
    }
}

/*画面幅800px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:800px) {

    /*inner共通
---------------------------------------------------------------------------*/
    .inner {
        width: auto;
    }

    header .inner {
        position: relative;
        height: 55px;
        line-height: 55px;
        /*ヘッダーの高さ*/
    }

    /*ヘッダー（ロゴが入った最上段のブロック）
---------------------------------------------------------------------------*/
    /*ロゴ画像*/
    header #logo img {
        width: 250px;
    }

    /*画像幅*/


    /*文字サイズ変更ボタン（※文字サイズを「大」にした時の設定はchange.cssで行う）
---------------------------------------------------------------------------*/
    /*ボタンブロック全体*/
    #fsize {
        display: none;
    }

    /*メインメニュー
---------------------------------------------------------------------------*/
    /*アニメーションのフレーム設定。全100コマアニメーションだと思って下さい。透明度(opacity)0%から透明度100%にする指定。*/
    @keyframes menu1 {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    /*スマホ用メニューを非表示から表示に切り替える*/
    #menubar-s {
        display: block;
        overflow: hidden;
        position: absolute;
        border-top: 1px solid #fff;
        width: 100%;
        z-index: 10;
        animation-name: menu1;
        /*上のkeyframesの名前*/
        animation-duration: 0.5S;
        /*アニメーションの実行時間。0.5秒。*/
        animation-fill-mode: both;
        /*アニメーションの完了後、最後のキーフレームを維持する*/
    }

    /*メニュー１個あたりの設定*/
    #menubar-s li a {
        display: block;
        text-decoration: none;
        padding: 10px 5%;
        border-bottom: 1px solid #fff;
        background: #3e9ffe;
        color: #fff;
        font-size: 150%;
    }

    /*PC用メニューを非表示にする*/
    #menubar {
        display: none;
    }

    /*３本バーアイコン設定
---------------------------------------------------------------------------*/
    /*３本バーブロック*/
    #menubar_hdr {
        display: block;
        position: absolute;
        top: 3%;
        /*上から3%の場所に配置*/
        right: 3%;
        /*右から3%の場所に配置*/
    }

    /*アイコン共通設定*/
    #menubar_hdr.close,
    #menubar_hdr.open {
        width: 35px;
        /*幅*/
        height: 35px;
        /*高さ*/
        /*border: 1px solid #222222;
        枠線の幅、線種、色*/
    }

    /*三本バーアイコン*/
    #menubar_hdr.close {
        background: #fff url(../images/icon_menu.png) no-repeat center top/33px;
    }

    /*閉じるアイコン*/
    #menubar_hdr.open {
        background: #fff url(../images/icon_menu.png) no-repeat center bottom/33px;
    }

    /*コンテンツ（mainとsubを囲むブロック）
---------------------------------------------------------------------------*/
    .contents {
        padding: 3%;
    }

    /*listブロック（※２カラムも３カラムと１列レイアウトと同じように設定しなおす）
---------------------------------------------------------------------------*/
    /*listブロック設定*/
    .list {
        margin: 0 !important;
        padding: 4% !important;
        float: none !important;
        width: auto !important;
        box-shadow: none;
        border-top: 1px solid #ccc;
    }

    .list:last-of-type {
        border: 1px solid #dcdcdc;
        /*margin-bottom: 20px !important;*/
    }

    /*h4タグ設定*/
    .list h4 {
        font-size: 150% !important;
    }

    /*段落タグ設定*/
    .list p {
        font-size: 100% !important;
        line-height: 1.8 !important;
        height: auto !important;
    }

    /*main,subコンテンツ
---------------------------------------------------------------------------*/
    .main,
    .sub {
        float: none;
        width: auto;
    }

    /*PAGE TOP設定
---------------------------------------------------------------------------*/
    #pagetop {
        margin-right: 3%;
    }

    /*その他
---------------------------------------------------------------------------*/
    body.s-n .sub,
    body.s-n #footermenu,
    .m-n {
        display: none;
    }

    /*治療薬料金表の改行を表示*/
    .ta2 td br {
        display: block;
    }

    .ta2 .fee {
        line-height: 1.2;
    }





    /*inner_boxの画像切り替え*/
    .sp,
    .spNo,
    .spIco {
        display: block;
    }

    .spTop {
        width: 100%;
        padding: 0 7%;
        box-sizing: border-box;
    }

    .ico {
        width: 100%;
        padding: 0 7%;
        box-sizing: border-box;
    }

    .ico2 {
        width: 100%;
        padding: 0 10%;
        box-sizing: border-box;
    }

    .inner_box .pc {
        display: none;
    }

    .tf {
        overflow: hidden;
    }

    .tf img {
        float: left;
        width: 50%;
    }

    /*スマホ画面の下部にLINE友達追加ボタン*/

    /*オンライン診療の流れ*/
    .step {
        position: relative;
    }

    .step .pcStep {
        display: none !important;
    }

    .pLb {
        display: none !important;
    }

    .step .spStep {
        display: block !important;
    }

    .step .spStep {
        width: 100%;
        padding: 0;
    }

    .step .spStep img {
        width: 100%;
    }

    .sLb {
        display: block !important;
        position: absolute;
        top: 32.4%;
        left: 30.2%;
        width: 80%;
    }

    .sLb a img {
        width: 80%;
    }

    .spMenu {
        display: block !important;
        position: fixed;
        bottom: 0;
        z-index: 4;
        background-color: #fff;
        width: 100%;
        bottom: 0;
    }

    .spMenu p {
        text-align: center;
        font-size: 14px;
        font-weight: 500;
    }

    /*.spMenu img {
        width: 100%;
        margin: auto;
        display: block;
    }*/
    .spMenu .linespace {
        display: block;
        float: left;
        width: calc(50% - 9px);
        margin-left: 8px;
        margin-bottom: 5px;
        height: 55px;
        line-height: 55px;
        text-decoration: none;
        text-align: center;
        background-color: #00c300;
        /*ボタン色*/
        border-bottom: solid 3px #00b200;
        /*下線色*/
        border-radius: 3px;
        /*角丸*/
    }

    .spMenu .linespace:active {
        border-bottom: none;
        -webkit-transform: translateY(6px);
        /*下移動*/
        transform: translateY(6px);
    }

    .spMenu .telspace {
        display: block;
        float: left;
        width: calc(50% - 9px);
        margin-left: 4px;
        margin-bottom: 5px;
        height: 55px;
        line-height: 55px;
        text-decoration: none;
        text-align: center;
        background-color: #4ea8fa;
        /*ボタン色*/
        border-bottom: solid 3px #3d97e9;
        /*下線色*/
        border-radius: 3px;
        /*角丸*/
    }

    .spMenu .telspace:active {
        border-bottom: none;
        -webkit-transform: translateY(6px);
        /*下移動*/
        transform: translateY(6px);
    }

    .pcKey {
        display: none;
    }

    .pcKey svg {
        display: none;
    }

    .spTop {
        width: 100%;
        padding: 0 10%;
        box-sizing: border-box;
    }

    .ico {
        width: 100%;
        padding: 0 10%;
        box-sizing: border-box;
    }

    .spKey {
        display: block;
    }

    /*コピーライト
---------------------------------------------------------------------------*/

    #copyright {
        clear: both;
        text-align: center;
        /*margin-bottom: 16%;*/
    }
	
	
	
	
	#spEdTitle{
	display:block;
	}

#edTitle{
	position:relative;
	width:100%;
	background-image:url(../images/ed.jpg);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	z-index:1;
}

#sEtB{
	position: absolute;
	left: 4.5%;
    bottom: 9%;
    width: 91%;
    height: 14%;
    z-index: 2;
}

#sEtB a{
	display:block;
	width:100%;
	height:100%;
}


#edPrice{
	position:relative;
	width:100%;
	background-image:url(../images/edPrice.jpg);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	z-index:1;
}

#sEdP{
    position: absolute;
    left: 5.6%;
    bottom: 19%;
    width: 89%;
    height: 11%;
    z-index: 2;
}

#sEdP a{
	display:block;
	width:100%;
	height:100%;
}


#ed6{
	position:relative;
	width:100%;
	background-image:url(../images/ed6.jpg);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	z-index:1;
}
#ed6Line{
	position: absolute;
	left:4.5%;
	bottom:5%;
	width:44%;
	height:10%;
	z-index:2;
}
#ed6Form{
	position: absolute;
	right:4.5%;
	bottom:5%;
	width:44%;
	height:10%;
	z-index:2;
}
#ed6 a{
	display:block;
	width:100%;
	height:100%;
}

#edOnline{
	position:relative;
	width:100%;
	background-image:url(../images/edPrice.jpg);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	z-index:1;
}

#eSo{
    position: absolute;
    left: 10%;
    bottom: 5%;
    width: 80%;
    height: 11%;
    z-index: 2;
}

#eSo a{
	display:block;
	width:100%;
	height:100%;
}
	
	
	
}

/*画面幅480px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px) {

    /*全体の設定
---------------------------------------------------------------------------*/
    body {
        font-size: 12px;
        /*文字サイズ*/
    }

    /*ヘッダー（ロゴが入った最上段のブロック）
---------------------------------------------------------------------------*/
    /*ロゴ画像*/
    header #logo img {
        width: 50%;
        /*画像幅*/
        min-width: 200px;
        top: 8%;
        /*ヘッダーに対して上から20%の場所に配置*/
    }

    header #inner {
        width: 100%;
        height: 47px;
        margin: 0 auto;
        padding: 4px 0;
        border-bottom: 1px solid #ccc;
    }

    /*コンテンツ
---------------------------------------------------------------------------*/
    .contents h2,
    .contents h3,
    .contents h4 {
        padding: 7px 0px 7px 10px;
        margin-bottom: 10px;
        font-size: 150%;
        line-height: initial;
    }

    /*h2,h3タグの左側のアクセント*/
    .contents h2::first-letter,
    .contents h3::first-letter {
        padding-left: 10px;
        /*線とテキストとの距離*/
    }

    /*段落タグ設定*/
    .contents p {
        padding: 0px 10px 15px;
        /*上、左右、下への余白*/
    }

    /*subコンテンツ
---------------------------------------------------------------------------*/
    /*subコンテンツ内のh2タグ設定*/
    .sub h2 {
        margin-bottom: 10px;
    }

    /*サブコンテンツ内のbox1
---------------------------------------------------------------------------*/
    .sub .box1 {
        padding: 10px;
        /*ボックス内の余白*/
    }

    /*フッターメニュー
---------------------------------------------------------------------------*/
    /*ボックス全体*/
    #footermenu {
        display: none;
    }

    /*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
    /*ブロック全体の設定*/
    #new dl {
        padding-left: 10px;
    }

    /*テーブル（ta1）
---------------------------------------------------------------------------*/
    /*ta1設定*/
    .ta1,
    .ta1 td,
    .ta1 th {
        padding: 5px;
        /*ボックス内の余白*/
    }

    /*テーブル１行目に入った見出し部分*/
    .ta1 th.tamidashi {
        font-size: 14px;
        /*文字サイズ*/
    }

    /*ta1の左側ボックス*/
    .ta1 th {
        width: 100px;
    }

    /*その他
---------------------------------------------------------------------------*/
    .ws,
    .wl {
        width: 94%;
    }
    .wm {
        width: 80%;
    }

    .big1 {
        font-size: 16px;
    }

    img.fr,
    img.fl {
        float: none;
        margin: 0;
        width: 100%;
    }

    .sh {
        display: block;
    }


    /*治療薬料金表のpadding変更*/
    .ta1,
    .ta1 td,
    .ta1 th,
    .ta2,
    .ta2 td,
    .ta2 th {
        padding: 2px;
    }
    .ta1 input[type="email"],
    .ta1 input[type="text"],
    .ta1 input[type="tel"],
    .ta1 input[type="number"],
    .ta1 textarea {
        font-size:200%;
    }

    .pcKey {
        display: none;
    }
	.edPc_img,.pcPrice_img{
	display:none;
}
	.edSp_img,.spPrice_img{
	display:block;
}
	.edPc_img,.edSp_img{
		margin-bottom:10px;
	}
    /*コピーライト
---------------------------------------------------------------------------*/

    #copyright {
        clear: both;
        text-align: center;
        /*margin-bottom: 16%;*/
    }

    /*３本バーアイコン設定
---------------------------------------------------------------------------*/
    /*３本バーブロック*/
    #menubar_hdr {
        display: block;
        position: absolute;
        top: 2.2%;
        /*上から3%の場所に配置*/
        right: 3%;
        /*右から3%の場所に配置*/
    }

    /*テキスト
    ---------------------------------------*/
    .msr_text_03 {
        padding-bottom: 20px;
        width: 100%;
    }

    .msr_text_03 input[type=text] {
        background: #fff;
        border: 1px solid #D7D7D7;
        box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
        -o-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
        -ms-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
        border-radius: 3px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        font-size: 13px;
        padding: 10px;
        height: 40px;
        width: 100%;
    }

    .msr_textarea_03 {
        padding-bottom: 10px;
        width: 100%;
    }

    .msr_textarea_03 textarea {
        border: 1px solid #D7D7D7;
        box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
        -o-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
        -ms-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        font-size: 13px;
        padding: 10px;
        height: 210px;
        width: 100%;
    }

    .msr_pulldown_03 select {
        appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -webkit-appearance: none;
        background: url(../images/material_arrow_blue02.png) no-repeat;
        background-position: 96% center;
        border: 1px solid #D7D7D7;
        box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
        -o-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
        -ms-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        cursor: pointer;
        text-indent: .01px;
        text-overflow: "";
        padding: 5px 10px 5px 10px;
        height: 40px;
        width: 100%;
    }
}

.lp-back {
    background-image: linear-gradient(-180deg, #69bbdf 0%, #63c3ec 100%);
    border-radius: .5rem;
    box-sizing: border-box;
    color: #FFF;
    display: flex;
    font-size: 16px;
    justify-content: center;
    padding: 10px;
    text-decoration: none;
    border: 0;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    margin: 0 auto 20px auto;
    max-width: 400px;
    width: 100%;
}

.action-btn {
    display: block;
    max-width: 300px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-weight: bold;
    font-family: var(--font-type);
    color: #fff;
    font-size: 1rem;
    border-bottom: 2px solid rgb(204, 255, 250);
    border-radius: 30px;
    box-shadow: 0 2px 7px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, .3);
    position: relative;
    background-image: linear-gradient(to right, #43e97b 0%, #8bf938 100%);
    padding: 6px 8px;
}

/* ポップアップ */
.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 999;
}
#popupImage {
    display: none;
    position: fixed;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
    background-color: #fff;
    max-width: 90%;
    padding: 20px;
    overflow-y:auto;
    width: 84vw;
    text-align: center;
    height: 65vh;
}
#popupImage img {
    max-width: 800px;
    margin: 0 auto;
    width: 100%;
}
#popClose {
    position: fixed;
    left: 50%;
    bottom: 10px;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, .6);
    color: #fff;
    border-radius: 30px;
    border: 0;
    padding: 5px 20px;
    font-size: 18px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

@media screen and (min-width:800px) {
    #popupImage {
        width: 60vw;
    }
}

.lp-end {
    max-width: 700px;
    width: 100%;
}