@charset "UTF-8";
/*----------------------------------------
	Web Fonts
----------------------------------------*/
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700,900&display=swap&subset=japanese");
@import url("https://fonts.googleapis.com/css?family=Noto+Serif+JP:300,400,500,700,900&display=swap&subset=japanese");
/*----------------------------------------
	Reset
----------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header, hgroup, main, menu, nav, section,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
}

header, footer, article, section, aside, hgroup, nav, menu, figure, figcaption, time {
  display: block;
}

li {
  list-style: none;
}

ol li {
  list-style: decimal;
}

img {
  border: 0;
  vertical-align: top;
  font-size: 0;
  line-height: 0;
}


/*----------------------------------------
	Common
----------------------------------------*/
html {
  height: 100%;
  scroll-behavior: smooth;
}

body {
  color: #4a4a4a;
  font-family: "Noto Sans JP", "Yu Gothic", YuGothic, "游ゴシック体", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
       text-size-adjust: 100%;
  height: 100%;
}
body.is_fixed {
  overflow: hidden;
}

a {
  color: #333;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

img {
  vertical-align: bottom;
  -webkit-backface-visibility: hidden;
}




.p-index-main-visual {
  margin: 0 0 40px;
}
.p-index-main-visual figure img {
  width: 100%;
  height: auto;
}


.c-viewmore {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
	margin-bottom: 60px;
}
.c-viewmore a {
  color: #515151;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 1.8;
	text-align: center;
width: 80%;
  max-width: 500px;
  height: 100px;
  background-color: #fff;
  border: 2px solid #777777;
  border-radius: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.c-viewmore a:hover {
  color: #fff;
  background-color: #777777;
}

.p-footer-container__copyright {
	text-align: center;
	padding: 20px;
}






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

@media (max-width: 767px) {
.sp {display: block;}
.pc {display: none;}	
}