@charset "UTF-8";

body{ font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; font-size:1em; line-height:1.8em; -webkit-text-size-adjust:100%; color: #333; background: #fff; -webkit-font-smoothing: antialiased; }

a{ color: #555; text-decoration: none; transition: .2s cubic-bezier(0.44, 0.18, 0.49, 0.99); }
a:hover{  }
/*a:visited {color: #555; text-decoration: none;}*/

.sp{ display: none; }
.pc{ display: block; }


footer .copyright p { font-size: 11px; position: fixed; bottom: 25px; right: 25px; width: auto; height:auto; z-index: 10; line-height: 1;}


#main-contents{  }


/* TOP =============== */


.grid {display: grid; min-height:  grid-gap: 0px; grid-template-rows: 100vh ; grid-template-columns: 50% 50% ;}
.item {}

.left-bg { display: grid; justify-content: center; align-items: center; background-color: #c4c9ce; }
.wrap { display: grid; align-items: center; text-align: center;}

.left-bg h1 img{ position: relative; width: 76px; height: auto; top: -15px; }
.left-bg .address img{ position: relative; width: 52px; height: auto; top: 5px; }
.left-bg p { position: relative; top: 22px; color: #6b6f73; background-color: #e5e9ec; line-height: 1.1; }

.right-bg{ display: grid; justify-content: center; align-items: center; background-color: #dedcde; }
.right-bg h2 { color: #6b6f73; /*background-color: #e5e9ec;*/ font-size:14px; line-height: 1.7;}
.right-bg .small_txt { margin-top: 15px; margin-bottom: 15px; font-size:12px; line-height: 1.6; }
.right-bg  a img{ position: relative; width: 26px; height: auto; top: 5px; }


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

.sp{ display: block; }
.pc{ display: none; }

.grid { grid-template-rows: 92vh 92vh ; grid-template-columns:100vw ;}

}