@charset "utf-8";

/* --- Google Fonts--- */
@import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Tangerine&display=swap');


/*keyframes.cssの読み込み
---------------------------------------------------------------------------*/
@import url("keyframes.css");



/* ========共通設定======== */
/* --- 全体の設定--- */
body {
   margin: 0px;
   padding: 0px;
   color: #666;
   font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
   font-size: 16px;
   line-height: 2;
   background: #f6f8fb;
   -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;}
ul {list-style-type: none;}
ol {padding-left: 40px;padding-bottom: 15px;}
img {border: none;max-width: 100%;height: auto;vertical-align: middle;}
table {border-collapse:collapse;font-size: 100%;border-spacing: 0;}
video {max-width: 100%;}
iframe {width: 100%;}


a {
   color: #666;
}

a.scrollup{
   color: #fff;
   transition: 0.2s;
   text-decoration: none;
}

a.scrollup:hover{
   color: #fff;
}

a:hover {
   color: #70b0eb;
   text-decoration: none;
}


.indent{
   text-indent: -1em;
   padding-left: 1em;
}

.custommarker02:before {
   content: '※'; /* ←ここにリストマーカーにしたい文字列を設定 */
}

.custommarker03:before {
   content: '◇\00A0'; /* ←ここにリストマーカーにしたい文字列を設定 */
}

.box{
   width: 80%;
   margin: 0 auto;
}

.top-logo{
   width: 50%;
   margin-bottom: 10%;
}

.top-logo span {
   display: block;
   font-size: 100%;
   font-weight: normal;
   font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
   text-align: center;
}

/* ========inner======== */
.field {
   max-width: 1400px;
   margin: 0 auto;
   padding-left: 2%;
   padding-right: 2%;
}

/* ========ヘッダー======== */
header {
   position: relative;
   padding: 20px;
}

.home header {
   padding: 0px;
}

header #logo {
   width: 200px;
   margin: 0 auto;
}

.home header #logo {
   display: none;
}
/* ========メニュー======== */
#menubar {
   position: relative;z-index: 10;
   text-align: center;
   background: #fff;
   border-top: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   font-family: 'Questrial', sans-serif;
   height: 105px;
}

#menubar ul li {
   float: left;
   width: 20%;
   font-size: 20px;
}
#menubar ul li a {
   text-decoration: none;display: block;
   height: 85px;
   padding-top: 20px;
}
/*メニュー日本語表記*/
#menubar ul li span {
   display: block;
   font-size: 10px;
   color: #999;
   letter-spacing: 0.2em;
}
/*スマホ用メニューを消す*/
#menubar-s {
   display: none;
}

/*３本バーアイコンを消す*/
#menubar_hdr {
   display: none;
}

/* ========スライド時　固定設定======== */

body.is-fixed-menu #menubar.nav-fix-pos {
   position: fixed;width: 100%;top: 0px;
   height: 60px;
}
body.is-fixed-menu #contents {
   margin-top: 105px;
}

body.is-fixed #menubar.nav-fix-pos {
   position: fixed;width: 100%;top: 0px;
}
body.is-fixed #contents {
   margin-top: 105px;
}


body.is-fixed-menu #menubar ul li span {
   display: none;
}

body.is-fixed-menu #menubar ul li a {
   height: 50px;
   padding-top: 10px;
}

body.is-fixed-menu #menubar ul.ddmenu li a {
   padding: 20px;
   height: auto;
}

/* ========コンテンツ======== */
#contents {
   padding: 10% 0 50px;
   position: relative;
   animation-name: opa2;
   animation-duration: 0.5S;
   animation-delay: 0.5s;
   animation-fill-mode: both;
}

#contents h2 {
   clear: both;
   margin-bottom: 50px;
   font-size: 300%;
   text-align: center;
   letter-spacing: 0.2em;
   color: #666;
}

#contents h2 span {
   display: block;
   font-size: 30%;
}

#contents h3 {
   clear: both;
   margin-bottom: 30px;
   font-size: 150%;
   border-bottom: 1px dashed #999;
   padding-left: 3%;
   letter-spacing: 0.1em;
}

#contents p {
   padding: 0 3% 30px;
}
#contents h2 + p,
#contents h3 + p {
   margin-top: -5px;
}
#contents p + p {
   margin-top: -10px;
}
#contents section + section {
   margin-top: 100px;
}


#box {
margin-bottom:10%;
padding:3% 0;
color: #8F897F;
font-weight:bold;
border: 1px solid rgba(255, 255, 255, 0.9);
background:-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #F4EBFD), color-stop(0.00, #fff));
background:-webkit-linear-gradient(top, #F4EBFD 0%, #fff 100%);
background:-moz-linear-gradient(top, #F4EBFD 0%, #fff 100%);
background:linear-gradient(top, #F4EBFD 0%, #fff 100%);
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

#box2 {
   color: #666;
background:-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #F4EBFD), color-stop(0.00, #fff));
background:-webkit-linear-gradient(top, #F4EBFD 0%, #fff 100%);
background:-moz-linear-gradient(top, #F4EBFD 0%, #fff 100%);
background:linear-gradient(top, #F4EBFD 0%, #fff 100%);
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
/* ========ボタン======== */
.btn1 a {
   display: block;
   margin-top:4em;
   background-color: #70b0eb;
   border-top: 1px solid #fff;
   text-align: center;
   text-decoration: none;
   font-weight: bold;
   padding: 8px;
}

.btn1 a:hover {
   background-color: #fff;
   color: #70b0eb !important;
}

.link-btn a {
   display: inline-block;
   background:#eeece4;
   border: 1px solid #fff;
   border-radius: 5px;
   text-align: center;
   text-decoration: none;
   font-weight: bold;
   margin-left:4em;
   padding: 5px;
}

.link-btn a:hover {
   background-color: #fff;
   color: #000 !important;
}

/*フッター設定
---------------------------------------------------------------------------*/
footer {
   clear: both;position: relative;z-index: 1;
   font-size: 80%;	/*文字サイズ*/
   background: #fff;	/*背景色*/
   text-align: left;
}
footer a {color: #ccc;}
footer a:hover {color: #fff;}
footer .pr {display: block;font-size: 80%;}

/*フッターメニュー
---------------------------------------------------------------------------*/
/*ボックス全体*/
#footermenu {
   overflow: hidden;
   padding: 50px 0;	/*上下、左右へのボックス内の余白*/
   margin: 0 auto;
}


#footermenu .link-box {
   width: 70%;
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   margin: 0 auto;
}

#footermenu h3 {
   clear: both;
   margin-bottom: 30px;
   font-size: 150%;
   border-bottom: 1px dashed #999;
   padding-left: 3%;
   letter-spacing: 0.1em;
}

#footermenu .link-block {
   display: flex;
   flex-direction: column;
   width: 32%;
   margin-bottom: 20px;
   background: #fff;
   color: #000;
   border-radius: 5px;
   overflow: hidden;
}

#contents .link-block figure {
   min-height: 0%;
}




#copyright {
   clear: both;
   text-align: center;
   background: #000;	/*背景色*/
   padding: 20px 0;	/*上下、左右へのボックス内の余白*/
}
#copyright a {text-decoration: none;}


/* ========ニュース======== */

#news {
   width:80%;
   margin: 0px auto;
}
.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;
}

/* ========table======== */

table {
   width:80%;
   border-collapse: collapse;
   margin:0 auto;
   margin-top:2em;
   text-align:center;
}

.table2 {
   width:95%;
   border-collapse: collapse;
   margin:0 auto;
   margin-top:2em;
   text-align:center;
}

caption {
   border: 1px solid #ccc;
   border-bottom: none;
   text-align: left;
   background:#70b0eb;
   font-weight: bold;
   padding: 10px;
   color:#fff;
}

.caption {
   background:#e5f1fb;
}

.price {
   background:#fff;
}
.price2 {
   background:#eeece4;
}

table th {
   border:1px solid #ccc;
   padding:0.5em;
   vertical-align:middle;
   width:30%;
}

table td {
   border:1px solid #ccc;
   padding:0.5em;
   vertical-align:middle;
}


table td.top{
   text-align:center;
}
table img{
   width: 100%;
   margin-top: 0.5em;
}


.noborder  {
   border: 0px none;
   text-align:left;
}
.tbl-r02 th.dec2 {
   text-align:left;
   font-weight: bold;
   border: 0px none;
   margin-bottom:-2em;
   margin-left:-2em;
}

.tbl-r02 th.new-day {
   text-align:left;
   font-weight: normal;
   border: 0px none;
}

.tbl-r02 td.new-text {
   text-align:left;
   font-weight: normal;
   border: 0px none;
   margin-left:-2em;
}




/*その他
---------------------------------------------------------------------------*/
.look {background: #fff;border: 1px solid #ccc;display: inline-block;padding: 0px 10px !important;border-radius: 4px;}
p.look {margin: 0 3%;}
.mb15,.mb1em {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb50 {margin-bottom: 50px !important;}
.clear {clear: both;}
.color1, .color1 a {color: #70b0eb !important;}
.pr {font-size: 10px;}
.wl {width: 96%;}
.ws {width: 50%;}
.c {text-align: center !important;}
.r {text-align: right !important;}
.l {text-align: left !important;}
.fl {float: left;}
.fr {float: right;}
.big1 {font-size: 30px;}
.mini1 {font-size: 11px;display: inline-block;line-height: 1.5;}
.sh {display: none;}




/*スマホ1横向きの設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 824px) and (min-width: 539px){
#contents {
   font-size: 80%;		/*文字サイズ*/
}

#contents h2 {
   clear: both;
   margin-bottom: 20px;
   font-size: 300%;
   text-align: center;
   letter-spacing: 0.2em;
   color: #666;
}

#contents h2 img {
   width: 70%;
}


.top-logo{
   width: 90%;
   margin: 0 auto;
}

.top-logo span {
   display: block;
   font-size: 80%;
   font-weight: normal;
   font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
   text-align: center;
}
  .tbl-r02 {
   width:100%;
}

.tbl-r02 th {
   border: solid 1px #ccc;
   padding: 10px;
   text-align:center;
}
.tbl-r02 td {
　 border: solid 1px #ccc;
   padding: 10px;
}
  .tbl-r02 th,
  .tbl-r02 td {　
   border-bottom: none;
  }
th.dec2 {
   text-align:left;
   font-weight: bold;
   border: 0px none;
   margin-bottom:-2em;
   margin-left:-2em;
}

.table {
   width:100%;
}

.landscape-l {
   text-align:left;
}

}






/*スマホの設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (orientation: portrait) and (max-width:750px){

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

.s-l {
   text-align:left;
}


.top-logo{
   width: 90%;
   margin: 0 auto;
   margin-bottom: 10%;
}

.top-logo span {
   display: block;
   font-size: 80%;
   font-weight: normal;
   font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
   text-align: center;
}
/*ヘッダー
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header {
   border-bottom: 1px solid #ccc;
}
/*ヘッダーブロック（トップページへの追加設定）*/
.home header {
   border: none;
}


/*スマホ用メニュー*/
#menubar-s {
   overflow: auto;height: 100%;
   position: fixed;z-index: 100;
   top: 0px;
   width: 100%;
   background: rgba(0,0,0,0.8);
   border-top: 1px solid #fff;
   animation-name: frame1;
   animation-duration: 0.5s;
   animation-fill-mode: both;
   font-size: 16px;
}
#menubar-s li span {
   margin-left: 20px;
   font-size: 80%;
}

#menubar-s ul li a {
   display: block;text-decoration: none;
   padding: 30px 20px 30px 60px;
   border-bottom: 1px solid #fff;
   color: #fff;
}
/*PC用メニューを非表示*/
#menubar {display: none;}

/*３本バーブロック*/
#menubar_hdr {
   display: block;
   position: fixed;z-index: 100;
   top: 20px;
   right: 2%;
}
/*スマホメニューアイコン*/
#menubar_hdr.close,
#menubar_hdr.open {
   width: 50px;
   height: 50px;
   border: 1px solid #fff;
}

#menubar_hdr.close {
   background: #000 url(../images/icon_menu.png) no-repeat center top/50px;
}

#menubar_hdr.open {
   background: #000 url(../images/icon_menu.png) no-repeat center bottom/50px;
}

/*触らない*/
body.is-fixed-menu #contents {
   margin-top: 0px;
}
body.is-fixed #contents {
   margin-top: 0px;
}

/*コンテンツ
---------------------------------------------------------------------------*/
#contents {
   padding: 50px 0;
}

#contents h2 {
   margin-bottom: 50px;
   font-size: 9vw;	/*文字サイズ*/
}

#contents h2 span {
   display: block;
   font-size: 30%;
}

#contents h2 img {
   width: 70%;
}

#contents h3 {
   clear: both;
   margin-bottom: 30px;
   font-size: 3.75vw;	/*文字サイズ*/
   font-weight: bold;
   border-bottom: 1px dashed #999;
   padding-left: 3%;
}

#contents .list-block {
   flex-direction: column;
   width: 100%;
   margin-bottom: 20px;
   border-radius: 5px;
   overflow: hidden;
}
#contents .list-box {
   display: block;
     }
     
#contents .flexbox .list-block {
   width: 100%;
   margin: 0 auto;
     }


#contents .list-block h4 {
   margin-bottom: 0px;
}

/*触らない*/
.link {
   margin-top: -30px;
   padding-top: 30px;
}

.box{
   width: 95%;
   margin: 0 auto;
}

/* ========table======== */
table {
   width:100%;
   border-collapse: collapse;
   margin:0 auto;
   margin-top:2em;
   text-align:center;
   font-size: 3.4375vw;	/*文字サイズ*/
}
  .last td:last-child {
   border-bottom: solid 1px #ccc;
   width: 95%;
  }
  .tbl-r02 {
   width:100%;
}

.tbl-r02 th {
   border: solid 1px #ccc;
   padding: 10px;
}
.tbl-r02 td {
　 border: solid 1px #ccc;
   padding: 10px;
}
  .tbl-r02 th,
  .tbl-r02 td {
   border-bottom: none;
   display: block;
   width: 95%;
  }
.tbl-r02 th.dec {
   color: #fff;
   background-color: #70b0eb;
}
th.dec2 {
   text-align:left;
   font-weight: bold;
   border: 0px none;
   margin-bottom:-2em;
   margin-left:-2em;
}

.tbl-r02 th .new-day {
   text-align:left;
   font-weight: normal;
   border: 0px none;
}

.tbl-r02 td.new-text {
   text-align:left;
   font-weight: normal;
   border: 0px none;
   border-bottom: 1px dashed #999;
   padding-left:3em;
   margin-top:-1em;
}

.table {
   width:100%;
}

/* ========news======== */

#news {
   width:95%;
   margin: 0px auto;
}

.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;
}

/*その他
---------------------------------------------------------------------------*/
body.s-n .sub,body.s-n #footermenu {display: none;}
.big1 {font-size: 20px;}

}

@media (min-width: 539px) {
    a[href*="tel:"] {
        pointer-events: none;
        cursor: default;
        text-decoration: none;
    }
}