@charset "UTF-8";


/* HACK
==========================================================*/

.sp-hide{ display: block;}
.sp-hide-inline{ display: inline;}
.sp-show{ display:none; }
.sp-show-inline{ display:none; }
.break-word {word-wrap: break-word;}

/* OVERWRITE
==========================================================*/

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

.main { margin-top: 0;}
.main .maintxt p:first-child { font-size: 48px;}

.col01 { }
.col01 .col-l { width: 55%;}
.col01 .col-r { width: 40%;}

.col02 { }
.col02 .col-l { width: 40%;}
.col02 .col-r { width: 55%;}

footer { }
.footmenu { margin-left: -20px; }
.footmenu li { margin-left: 20px; font-size: 12px; }

.newscol { width: 100%;}
.newscol .col-l { -webkit-width: calc(100% - 200px); -moz-width: calc(100% - 200px); width: calc(100% - 200px);}
.newscol .col-r { width: 170px; }


.iframe_box { position: relative; width: 100%; padding: 50% 0 0 0;}
.iframe_box iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

}


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


/* common
==========================================================*/

footer { }
.footmenu { margin-left: -10px; }
.footmenu li { margin-left: 10px; font-size: 10px; }


.newscol { margin: 10% 0; }
.newscol .col-l { width: 100%; padding-left: 0; }
.newscol .col-r { float: none; margin-bottom: -40px; }


.ind-pickin .txt { font-size: 20px; margin-bottom: 10px;}

}


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

.sp-hide-inline, .sp-hide{ display: none;}
.sp-show { display:block;}
.sp-show-inline{ display:inline;}
.sp-br-none br {display: none;}

/* Base Setting
==========================================================*/

body { font-size: 15px; line-height: 1.75;}

.col-l { float: none;}
.col-r { float: none;}

a { color: #444; text-decoration: none;}
.jp { font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",  serif; line-height: 1em; }
.en { font-family: 'Poppins', sans-serif; line-height: 1em; letter-spacing: 0.1em; }
.noto { font-family: 'Noto Sans Japanese', serif; }

.wrapper { width: 90%; margin: 0 auto;}
.wrapInner { margin: 10% auto 15%;}
.inner { margin: 0 auto 15%;}

/* common
==========================================================*/

.footbnr { margin: 10% auto; display: block; max-width: 400px;}
.footbnr .sp-bnr-img { width: 100%;}
	.footbnr .bnr-txt { width: 100%; padding: 8%;}
	.footbnr .bnr-txt .name { font-size: 18px; }
	.footbnr .bnr-txt .name span { padding-left: 5px; font-size: 26px;}
	.footbnr .bnr-txt .tel { font-size: 20px;}

.pagetop { margin: 0 auto 8%;}

/* header
==========================================================*/

header { position: relative; z-index: 999; background: #b8b7d0; }
header .logo { width: auto; margin: 0; }
header .logo img { height: 48px; width: auto;}
header .menuttl { float: right; font-size: 10px; padding: 10px 12px 0 0;}

    /* Fixed reset */
    #mobile-head { width: 100%; height: 70px; z-index: 999; position: relative; }
    #top-head .logo { position: absolute; left: 10px; top: 10px; }
    header #global-nav { height: auto; position: absolute;

    /* 開いてないときは画面外に配置 */
    top: -500px;
    width: 100%; text-align: center; padding: 0;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    transition: .5s ease-in-out; }

	header #global-nav .gnav li { width: 100%; float: none; height: 50px; border: none; margin-top: 1px; }
    #top-head #global-nav .gnav li a { width: 100%; height: 100%; display: block; color: #444; background: #b8b7d0; border-top: 1px solid #fff; }
    #nav-toggle { display: block; }
	header #global-nav .gnav li br { display: none; }
	header #global-nav .gnav li:first-child { display: block;}


    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: 10px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 10px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }
    /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(570px);
        -webkit-transform: translateY(570px);
        transform: translateY(570px);
    }


/* footer
==========================================================*/

footer { height: auto;}
  .footmenu { text-align: left; margin-left: 0; }
  .footmenu li { font-size: 14px; display: block; margin-left: 0; line-height: 40px; border-bottom: 1px solid #fff; }
  .footmenu li span { float: right; line-height: 40px; }
  .footmenu li a { display: block; color: #444; padding: 0 4%;}

  .copy { font-size: 10px;}


/* index
==========================================================*/

.ind-cntwrap { margin-bottom: 15%;}
  .ind-cntwrap .h2ttl { line-height: 1em; margin-bottom: 8%;}
  .ind-cntwrap .h2ttl .jp { font-size: 20px; margin-bottom: 10px;}
  .ind-cntwrap .h2ttl p { font-size: 11px; margin-bottom: 0; }

#ind-message {}
  #ind-message .messagebox { padding: 5%; font-size: 15px;}
  #ind-message .messagebox p { margin-bottom: 10px; line-height: 1.8;}


#ind-greeting {}
  .greetingbox .greet_txt { line-height: 1.75;}
  .greetingbox .greet_txt:first-child { margin-bottom: 12%;}
  .greetingbox .greet_txt p { margin-top: 10px; }
  .greetingbox .greet_txt p.greet_name { font-size: 17px; margin-top: 15px;}

.ind-newswrap {}
  .ind-news { margin-bottom: 10%;}
    .ind-news dt { float: none; padding:0; margin: 0; padding: 10px 5px 5px;}
    .ind-news dt:after { display: none;}
    .ind-news dd { padding: 0 5px 10px;}
  .newsbtn a { padding: 10px 20px; width: 100%; margin: 0 auto;}

.ind-pickwrap { margin-bottom: 15%; margin-top: 15%;}
  .ind-pick { width: 100%;}



/* kasou
==========================================================*/

.main { height: 25vh; margin: 0 0 10%;}
.main .maintxt p:first-child  { font-size: 28px;margin-bottom: 5px;}
.treePage .main .maintxt p:first-child  { font-size: 22px;}


.col { margin-bottom: 40px; }
.col .midashi { font-size: 19px; margin-bottom: 5%; line-height: 1.4em;}
.col .photo { margin-bottom: 10%;}
.col .txt { line-height: 1.7em; }

.col01 { }
.col01 .col-l { width: 100%; padding: 0; }
.col01 .col-r { width: 100%; padding: 0; }

.col02 { }
.col02 .col-l { width: 100%; padding: 0; }
.col02 .col-r { width: 100%; padding: 0; }

.col03 { width:100%; margin: 0 auto;}


.iframe_box { position: relative; width: 100%; padding: 75% 0 0 0; margin-bottom: 20%;}
.iframe_box iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


.sp-mb00 { margin-bottom: 0;}
.sp-mb20 { margin-bottom: 20px;}




}