@charset "UTF-8";
/* ====================================================
　CSS 3@ Document 2019.05
==================================================== */
html { font-size: 10px; line-height: 1.5; }

body { font-size: 1.6rem; }

@media screen and (min-width: 768px) { html { font-size: 10px; }
  body { font-size: 1.6rem; } }
@media screen and (min-width: 992px) { html { font-size: 10px; }
  body { font-size: 1.6rem; } }
@media screen and (min-width: 1200px) { html { font-size: 10px; }
  body { font-size: 1.6rem; } }
body { background: #ffffff; color: #212121; font-family: "游ゴシック Medium", "YuGothic Medium", "游ゴシック", YuGothic, "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif; }
    
input, button, textarea, *:before, *:after { font-family: "游ゴシック Medium", "YuGothic Medium", "游ゴシック", YuGothic, "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif; }

p { margin: 0 0 1em; }
p:last-of-type { margin-bottom: 0; }

a { color: #000099; }

.serif { font-family: "游明朝 Medium", "YuMincho Medium", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝B", "ＭＳ Ｐ明朝", "MS PMincho", serif; }

.sans { font-family: "游ゴシック Medium", "YuGothic Medium", "游ゴシック", YuGothic, "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif; }

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

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

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

.alignM, .alignE { text-align: justify !important; text-justify: inter-ideograph !important; word-wrap: break-word !important; }

.alignM { -moz-text-align-last: justify !important; text-align-last: justify !important; }

img{max-width: 100%; height: auto!important; vertical-align: bottom;}
img.alignright { float: right; margin: 0.5em 0 0.5em 1em; }

img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

img.alignleft { float: left; margin: 0.5em 1em 0.5em 0; }

.bold{font-weight: bold;}

a[href="#"] { pointer-events: none !important; opacity: 0.3 !important; }

@media print, screen and (min-width: 768px) { a[href^="tel:"] { pointer-events: none !important; } }
/* =======================================================
　フレーム
========================================================== */
.contents { margin: 0 auto; width: 100%; max-width: 850px; padding-right: 15px; padding-left: 15px; }

/* ====================================================
　ヘッダ
==================================================== */


.header{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.header .button img{vertical-align: bottom;}
.header .button:hover{opacity: 0.7;}

@media print, screen and (min-width: 768px) {
    .header{
        padding-top: 1em;
        width: 800px;
        margin: 0 auto;
    }
    .header .logo{padding-bottom: 0.3em;}
}
@media screen and (max-width: 767px) {
    .header{
        padding:0.3em 0.5em 0;
    }
    
    .header .logo{width: 100px; padding-bottom: 0.3em;}
    .header .button{width: 100px;}
}

footer{text-align: center; padding-bottom: 1em;}
@media screen and (max-width: 767px) {
    .footer{font-size: 1.2rem;}
}

/* ######################################################################################

　ファーストビューの要素

###################################################################################### */