@charset "UTF-8";
/* CSS Document */
@media (max-width: 375px) {
html{
    font-size: 55%;
}
}
.sticky_header {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  z-index: 3
}
body {
  background-color: #fff;
/*  font-feature-settings: "palt";
		 letter-spacing: 0.05rem;*/
  margin: auto;
}
@font-face {font-family: 'PontiacInlineRegular';src: url('webfonts/32D39D_1_0.eot');src: url('webfonts/32D39D_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/32D39D_1_0.woff2') format('woff2'),url('webfonts/32D39D_1_0.woff') format('woff'),url('webfonts/32D39D_1_0.ttf') format('truetype');}

img {
  max-width: 100%;
  height: auto;
 /* width: auto;*/
}

/*--------------------------*/
.menu_base_wrap {
  display: none
}
.menu_base {
  position: fixed;
  top: 0px;
  right: -101%;
  width: 100%;
  height: 100vh;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.95) 100%);
  border-left: #333 1px solid;
  transition: right 0.6s;
  z-index: 51;
}
.app {
  right: 0%;
}
.app_wrap {
  right: 0%;
}
.b_menu {
position: absolute;
  top: 80px;
  right: 0px;
  width: 45px;
  height: 45px;
  border: #333 1px solid;
	  border-bottom: #333 1px solid;
		  border-top: #333 1px solid;
	  border-right: #fff 1px solid;
  background: url(../../images/b_menu.svg) top left / 45px 90px no-repeat,#fff;
  cursor: pointer;
  z-index: 52;
}
.b_menu:hover {
  opacity: 1;
}
.b_menu.av {
  background: url(../../images/b_menu.svg) bottom left / 45px 90px no-repeat,#fff;
	position: fixed;
}
.b_menu_sp {
position: absolute;
  top: 80px;
  right: 0px;
  width: 45px;
  height: 45px;
  border-left: #333 1px solid;
	  border-bottom: #333 1px solid;
		  border-top: #333 1px solid;
	  border-right: #fff 1px solid;
  background: url(../../images/b_menu.svg) bottom left / 45px 90px no-repeat,#fff;
  cursor: pointer;
  z-index: 50;
}
.menu_area {
  position: fixed;
  top: 50px;
  right: -100%;
  padding-top: 100px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-content: flex-start;
  height: 100vh;
  width: 100%;
  transition: right 0.6s;
  z-index: 53;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
	
}
.app_menu_area {
  right: 0%;
}
a.b_btn {
  display: flex;
  width: 80%;
   padding: 10px 20px;
 font-family: "FP-ヒラギノ角ゴ ProN W6","Hiragino Sans", "Hiragino Kaku Gothic ProN", "sans-serif";
	font-weight: 600;
  margin-bottom: 10px;
  align-items: center;

  border: transparent 1px solid;
  font-size: 1.4rem;
	line-height: 2.2rem;
  color: #000
}
a.b_btn:hover {
  border: #000 1px solid;
  opacity: 1;
	text-decoration: none
}
/*--------------------------*/


.nwp {
  display: none
}
.c_bl {
  color: #006e93
}
.c_bl2 {
  color: #6f71be
}
.c_pl {
  color: #810093
}
.hr_gr {
  height: 1px;
  background-color: #ccc;
  border: none;
  color: #ccc;
}
.hr_gr_mb {
  display: none
}
.list_01, .list_02, .list_04 {  
  margin: 5px 0px 10px 0px;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  letter-spacing: 0rem;
  font-size: 1.4rem;
  line-height: 2.4rem;
	text-align: left
	
}
.list_01:before {
  content: "● ";
  color: #6C4383;
font-family: "FP-ヒラギノ角ゴ ProN W3","Hiragino Sans", "Hiragino Kaku Gothic ProN", "sans-serif";
  margin: 5px 0px 10px 0px;

  font-size: 1.4rem;
  line-height: 2.4rem;
}
.list_02:before {
  content: "○ ";
  color: #6f71be;
  margin: 5px 0px 10px 0px;
font-family: "FP-ヒラギノ角ゴ ProN W3","Hiragino Sans", "Hiragino Kaku Gothic ProN", "sans-serif";
  font-size: 1.4rem;
  line-height: 2.4rem;
}
.list_03 {
  display: inline;
font-family: "FP-ヒラギノ角ゴ ProN W6";
  text-decoration: underline
}
.list_05{
  display: inline;
font-family: "FP-ヒラギノ角ゴ ProN W6";
  color: #634190;
}
.spn {
  display: none
}