@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;
}
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: 15px 20px;
 font-family: "FP-ヒラギノ角ゴ ProN W6","Hiragino Sans", "Hiragino Kaku Gothic ProN", "sans-serif";
		font-weight: 600;
  margin-bottom: 20px;
  align-items: center;

  border: transparent 1px solid;
  font-size: 1.4rem;
	line-height: 2rem;
  color: #000
}
a.b_btn:hover {
  border: #000 1px solid;
  opacity: 1;
	text-decoration: none
}
/*--------------------------*/
/*header {
  position: fixed;
  top: 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 60px;
  margin: 0px auto 0px auto;
  background-color: #fff;
  z-index: 4
}*/

.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 {  
  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: #94BCA7;
  font-family: "FP-ヒラギノ角ゴ ProN W6","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: #94BCA7;
  margin: 5px 0px 10px 0px;
  font-family: "FP-ヒラギノ角ゴ ProN W6","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
}
.spn {
  display: none
}
.nts {
  font-size: 1.2rem;

  line-height: 2rem;
  margin: 5px 0px 0px 0px;
  color: #333
}