@charset "UTF-8";
/*---------------------
		フォント設定
---------------------*/
/*
@font-face {
	font-family: 'rounded';
	font-weight: normal;
	src: url('../fonts/rounded-mplus-2p-light.ttf')  format('truetype');
} */
/*---------------------
		タグ初期設定
---------------------*/
/* line 16, ../sass/style.scss */
* {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-overflow-scrolling: touch;
  vertical-align: middle;
}

/* line 27, ../sass/style.scss */
html,
body {
  min-height: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  text-justify: inter-ideograph;
  -webkit-font-smoothing: antialiased;
  zoom: 1;
  position: relative;
  overflow-x: hidden;
}

/* line 40, ../sass/style.scss */
img {
  max-width: 100%;
  height: auto;
}

/* line 45, ../sass/style.scss */
a {
  text-decoration: none;
  color: #333;
  transition: all .4s ease;
}
/* line 49, ../sass/style.scss */
a:hover {
  opacity: 0.8;
  text-decoration: underline;
}

/* line 55, ../sass/style.scss */
button {
  transition: all .4s ease;
}
/* line 57, ../sass/style.scss */
button:hover {
  cursor: pointer;
}

/* line 62, ../sass/style.scss */
.orange_bg {
  background: #fceccd;
}

/* line 66, ../sass/style.scss */
.yellow_bg {
  background: #f6f1d6;
}

/* line 70, ../sass/style.scss */
.white_bg {
  background: #fffcf1;
}

/* line 74, ../sass/style.scss */
p {
  line-height: 1.7;
}

/*---------------------
		共通クラス
---------------------*/
/* line 88, ../sass/style.scss */
.clearfix {
  zoom: 1;
}
/* line 90, ../sass/style.scss */
.clearfix:after {
  content: ' ';
  clear: both;
  display: block;
}

/* line 97, ../sass/style.scss */
.sp {
  display: none;
}

/* line 100, ../sass/style.scss */
.pc {
  display: block;
}

/* line 105, ../sass/style.scss */
.container {
  width: 980px;
  margin: 0 auto;
  position: relative;
}

/* line 112, ../sass/style.scss */
#index-menu {
  position: absolute;
  width: 100%;
  display: none;
  z-index: 99999;
  left: 7rem;
  top: 10.5rem;
  overflow-y: visible;
}
/* line 120, ../sass/style.scss */
#index-menu .exit {
  position: absolute;
  left: -5rem;
  top: -1rem;
}
/* line 124, ../sass/style.scss */
#index-menu .exit button {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 2px #7f5c3a solid;
  background: #fff;
}
/* line 130, ../sass/style.scss */
#index-menu .exit button img {
  width: 60%;
}
/* line 135, ../sass/style.scss */
#index-menu .menu-inner {
  background: url(../images/bg/link_bg.png);
  background-size: 100% 100%;
  width: 760px;
  padding: 1rem;
  border: 5px #7f5d3a solid;
}
/* line 141, ../sass/style.scss */
#index-menu .menu-inner ul {
  list-style: none;
  display: inline-block;
  width: 45%;
  vertical-align: top;
}
/* line 146, ../sass/style.scss */
#index-menu .menu-inner ul li {
  margin: 0.5rem 0.5rem;
}
/* line 148, ../sass/style.scss */
#index-menu .menu-inner ul li a {
  display: inline-block;
  font-size: 1.1rem;
  padding: 0.2rem 0.2rem;
  font-weight: bold;
}
/* line 155, ../sass/style.scss */
#index-menu .menu-inner ul .sub-title {
  font-weight: bold;
}
/* line 157, ../sass/style.scss */
#index-menu .menu-inner ul .sub-title:hover {
  cursor: pointer;
}

/* line 165, ../sass/style.scss */
#prolog {
  width: 100%;
}

/* line 189, ../sass/style.scss */
#prolog .prolog_inner {
  background: #ffffff;
  border: 2px #815f3a solid;
  padding: 2rem;
  margin: 0 auto;
  position: relative;
}
/* line 197, ../sass/style.scss */
#prolog .prolog_inner h3 {
  font-size: 24px;
  text-align: center;
  color: #48a86d;
}
/* line 202, ../sass/style.scss */
#prolog .prolog_inner .prolog_text {
  margin: 2rem 0;
  font-size: 18px;
}
/* line 205, ../sass/style.scss */
#prolog .prolog_inner .prolog_text .text {
  margin-bottom: 2rem;
}
/* line 208, ../sass/style.scss */
#prolog .prolog_inner .prolog_text .name {
  margin-top: 2rem;
  text-align: right;
}
/* line 212, ../sass/style.scss */
#prolog .prolog_inner .prolog_text .annotation {
  font-size: 14px;
}
/* line 217, ../sass/style.scss */
#prolog .profile {
  background: url(../images/bg/profile_bg.png);
  background-size: 100% 100%;
  background-position: top;
  width: 630px;
  margin: 0 auto;
  padding: 1.8rem;
}
/* line 224, ../sass/style.scss */
#prolog .profile .left {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  border-radius: 50%;
  width: 150px;
  height: 170px;
}
/* line 231, ../sass/style.scss */
#prolog .profile .left img {
  max-width: 400px;
  margin-left: -1.5rem;
}
/* line 236, ../sass/style.scss */
#prolog .profile .right {
  width: 60%;
  display: inline-block;
  vertical-align: middle;
  margin-left: 4rem;
}
/* line 241, ../sass/style.scss */
#prolog .profile .right .text {
  font-size: 15px;
}
/* line 243, ../sass/style.scss */
#prolog .profile .right .text span {
  margin-left: 6rem;
}
/* line 247, ../sass/style.scss */
#prolog .profile .right h4 {
  font-size: 1.2rem;
  color: #48a86d;
}
/* line 250, ../sass/style.scss */
#prolog .profile .right h4 span {
  font-size: 0.8rem;
  margin-left: 2rem;
}

/* line 261, ../sass/style.scss */
#wrapper {
  width: 100%;
  position: relative;
  overflow-y: hidden;
}
/* line 265, ../sass/style.scss */
#wrapper .left_middle_bg {
  position: absolute;
  left: 0;
  top: 2rem;
  height: auto;
  width: 5%;
}
/* line 271, ../sass/style.scss */
#wrapper .left_middle_bg img {
  width: 100%;
  height: auto;
}
/* line 276, ../sass/style.scss */
#wrapper .right_middle_bg {
  position: absolute;
  right: 0;
  top: 4rem;
  width: 5%;
}
/* line 281, ../sass/style.scss */
#wrapper .right_middle_bg img {
  width: 100%;
}
/* line 286, ../sass/style.scss */
#wrapper .tree_bottom_bg {
  width: 85%;
  margin: 0 auto;
}
/* line 289, ../sass/style.scss */
#wrapper .tree_bottom_bg img {
  width: 100%;
}

/* line 295, ../sass/style.scss */
#contents {
  margin: 6rem auto;
  width: 760px;
}
/* line 298, ../sass/style.scss */
#contents .text {
  font-size: 18px;
  margin: 0.5rem 0;
}
/* line 302, ../sass/style.scss */
#contents .q_blue_bg {
  background-color: #78add0;
}
/* line 304, ../sass/style.scss */
#contents .q_blue_bg .q_ellipse {
  color: #78add0;
  line-height: 1.6;
}
/* line 309, ../sass/style.scss */
#contents .q_green_bg {
  background-color: #a7ca62;
}
/* line 311, ../sass/style.scss */
#contents .q_green_bg .q_ellipse {
  color: #a7ca62;
  line-height: 1.6;
}
/* line 317, ../sass/style.scss */
#contents .q_darkgreen_bg {
  background-color: #7db6b4;
}
/* line 319, ../sass/style.scss */
#contents .q_darkgreen_bg .q_ellipse {
  color: #7db6b4;
  line-height: 1.6;
}
/* line 325, ../sass/style.scss */
#contents .q_purple_bg {
  background-color: #a27c96;
}
/* line 327, ../sass/style.scss */
#contents .q_purple_bg .q_ellipse {
  color: #a27c96;
  line-height: 1.6;
}
/* line 333, ../sass/style.scss */
#contents .q_pink_bg {
  background-color: #e68c8e;
}
/* line 335, ../sass/style.scss */
#contents .q_pink_bg .q_ellipse {
  color: #e68c8e;
  line-height: 1.6;
}
/* line 341, ../sass/style.scss */
#contents .question {
  color: #fff;
  border-radius: 15px;
  padding: 1rem;
  margin: 1rem 0;
  position: relative;
}
/* line 347, ../sass/style.scss */
#contents .question .text {
  width: 89%;
  display: inline-block;
  vertical-align: top;
  font-weight: bold;
  background-color: transparent;
}
/* line 353, ../sass/style.scss */
#contents .question .text button {
  position: absolute;
  right: 2rem;
  z-index: 99;
  background: #78add0;
  font-weight: bold;
  font-size: 1rem;
  color: #fff;
  border: 2px #fff solid;
  padding: 0.2rem 0.5rem;
  border-radius: 15px;
}
/* line 364, ../sass/style.scss */
#contents .question .text button:hover {
  color: #78add0;
  background: #fff;
}
/* line 370, ../sass/style.scss */
#contents .question .text .darkgreen_btn {
  background: #7db6b4;
}
/* line 372, ../sass/style.scss */
#contents .question .text .darkgreen_btn:hover {
  color: #7db6b4;
}
/* line 376, ../sass/style.scss */
#contents .question .text .btn-bottom {
  top: auto;
  bottom: 1rem;
}
/* line 382, ../sass/style.scss */
#contents .question .q_ellipse {
  width: 50px;
  height: 50px;
  background-color: #fff;
  border-radius: 50%;
  font-size: 2rem;
  text-align: center;
  font-weight: bold;
  vertical-align: top;
  display: inline-block;
  margin-right: 1rem;
}
/* line 394, ../sass/style.scss */
#contents .question .work {
  padding-bottom: 2rem;
}
/* line 398, ../sass/style.scss */
#contents .answer {
  color: #333;
  background: #fff;
  border-radius: 15px;
  padding: 1rem;
  box-shadow: 0px 0px 5px 0px #cccccc;
  -moz-box-shadow: 0px 0px 5px 0px #cccccc;
  -webkit-box-shadow: 0px 0px 5px 0px #cccccc;
}
/* line 406, ../sass/style.scss */
#contents .answer .a_ellipse {
  width: 50px;
  height: 50px;
  background: #fd5401;
  color: #fff;
  border-radius: 50%;
  font-size: 2rem;
  text-align: center;
  font-weight: bold;
  vertical-align: top;
  display: inline-block;
  margin-right: 1rem;
  line-height: 1.6;
}
/* line 420, ../sass/style.scss */
#contents .answer .a_pink_bg {
  background: #e68c8e;
}
/* line 423, ../sass/style.scss */
#contents .answer .answer_text {
  width: 89%;
  display: inline-block;
  vertical-align: top;
}
/* line 427, ../sass/style.scss */
#contents .answer .answer_text .text {
  margin-bottom: 2rem;
}
/* line 429, ../sass/style.scss */
#contents .answer .answer_text .text .name_green {
  color: #005e15;
  font-weight: bold;
}
/* line 433, ../sass/style.scss */
#contents .answer .answer_text .text .name_blue {
  color: #0068b7;
  font-weight: bold;
}
/* line 437, ../sass/style.scss */
#contents .answer .answer_text .text .name_pink {
  color: #fb0056;
  font-weight: bold;
}
/* line 441, ../sass/style.scss */
#contents .answer .answer_text .text:last-child {
  margin-bottom: 0;
}
/* line 444, ../sass/style.scss */
#contents .answer .answer_text .text .bold {
  font-weight: bold;
}
/* line 448, ../sass/style.scss */
#contents .answer .answer_text .illust_area {
  margin-bottom: 2rem;
}
/* line 450, ../sass/style.scss */
#contents .answer .answer_text .illust_area .text {
  margin-bottom: 0;
  display: inline-block;
  vertical-align: bottom;
  width: 100%;
}
/* line 455, ../sass/style.scss */
#contents .answer .answer_text .illust_area .text img {
  padding: 1rem;
}
/* line 459, ../sass/style.scss */
#contents .answer .answer_text .illust_area .illust {
  display: inline-block;
  width: 35%;
  vertical-align: top;
}
/* line 463, ../sass/style.scss */
#contents .answer .answer_text .illust_area .illust img {
  width: 100%;
}
/* line 467, ../sass/style.scss */
#contents .answer .answer_text .illust_area .left {
  width: 70%;
  display: inline-block;
  vertical-align: top;
}
/* line 472, ../sass/style.scss */
#contents .answer .answer_text .illust_area .right {
  width: 25%;
  display: inline-block;
  vertical-align: top;
  margin-left: 1.5rem;
}
/* line 479, ../sass/style.scss */
#contents .answer .answer_text .text_bold {
  font-weight: bold;
  vertical-align: bottom;
}
/* line 482, ../sass/style.scss */
#contents .answer .answer_text .text_bold span {
  color: #a27c96;
  vertical-align: bottom;
}
/* line 486, ../sass/style.scss */
#contents .answer .answer_text .text_bold .great {
  color: #e68c8e;
}
/* line 490, ../sass/style.scss */
#contents .answer .answer_text dl {
  list-style-type: none;
  margin-bottom: 2rem;
}
/* line 495, ../sass/style.scss */
#contents .answer .answer_text dl dt,
#contents .answer .answer_text dl dd {
  margin: 0.2rem 0;
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
  line-height: 1rem;
}
/* line 502, ../sass/style.scss */
#contents .answer .answer_text dl dt .etc,
#contents .answer .answer_text dl dd .etc {
  font-weight: normal;
  color: #333;
}
/* line 507, ../sass/style.scss */
#contents .answer .answer_text dl dt {
  color: #78add0;
  font-weight: bold;
  width: 5%;
}
/* line 512, ../sass/style.scss */
#contents .answer .answer_text dl dd {
  width: 90%;
  margin-left: 1rem;
}
/* line 517, ../sass/style.scss */
#contents .answer .close_button {
  text-align: center;
  margin-top: 1rem;
}
/* line 520, ../sass/style.scss */
#contents .answer .close_button .a_close {
  background: #fd5401;
  font-weight: bold;
  font-size: 16px;
  color: #fff;
  border: 2px transparent solid;
  padding: 0 1rem;
  border-radius: 15px;
  display: inline-block;
  vertical-align: middle;
  transition: all .4s ease;
}
/* line 531, ../sass/style.scss */
#contents .answer .close_button .a_close .fa-times {
  font-size: 21px;
  vertical-align: top;
  padding: 0.15rem 0;
  margin-right: 0.5rem;
  font-weight: 10;
}
/* line 538, ../sass/style.scss */
#contents .answer .close_button .a_close:hover {
  cursor: pointer;
  color: #fd5401;
  background: #fff;
  border: 2px #fd5401 solid;
}
/* line 548, ../sass/style.scss */
#contents .toggle {
  display: none;
}
/* line 552, ../sass/style.scss */
#contents .cause {
  margin: 1rem 0;
}
/* line 554, ../sass/style.scss */
#contents .cause h3 {
  width: 100%;
  background: #f1bb41;
  padding: 0.5rem  1rem;
  font-size: 1rem;
  vertical-align: bottom;
}
/* line 560, ../sass/style.scss */
#contents .cause h3 span {
  font-size: 1.2rem;
  font-weight: bold;
  vertical-align: bottom;
  padding-left: 0.2rem;
}
/* line 567, ../sass/style.scss */
#contents .cause .sub-title {
  margin-top: 1rem;
  font-weight: bold;
}
/* line 571, ../sass/style.scss */
#contents .cause .left {
  width: 70%;
  display: inline-block;
  vertical-align: top;
}
/* line 576, ../sass/style.scss */
#contents .cause .right {
  width: 25%;
  display: inline-block;
  vertical-align: top;
  margin-left: 1.5rem;
}
/* line 584, ../sass/style.scss */
#contents .check h2 {
  text-align: center;
}
/* line 586, ../sass/style.scss */
#contents .check h2 i {
  color: #b0000d;
}
/* line 590, ../sass/style.scss */
#contents .check .check_contents {
  background: #fff;
  opacity: 0.7;
  padding: 1rem;
  border-radius: 5px;
  margin: 1rem 0;
  box-shadow: 0px 0px 5px 0px #cccccc;
  -moz-box-shadow: 0px 0px 5px 0px #cccccc;
  -webkit-box-shadow: 0px 0px 5px 0px #cccccc;
}
/* line 599, ../sass/style.scss */
#contents .check .check_contents ul {
  list-style: none;
  margin: 0.5rem 0;
}
/* line 602, ../sass/style.scss */
#contents .check .check_contents ul li {
  font-size: 0.8rem;
  font-weight: bold;
  margin: 0.2rem 0;
}
/* line 606, ../sass/style.scss */
#contents .check .check_contents ul li .check-title {
  width: 2%;
  display: inline-block;
  vertical-align: top;
}
/* line 610, ../sass/style.scss */
#contents .check .check_contents ul li .check-title img {
  width: 100%;
}
/* line 614, ../sass/style.scss */
#contents .check .check_contents ul li .check-text {
  width: 85%;
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
}
/* line 623, ../sass/style.scss */
#contents .check .check_contents .text span {
  font-weight: bold;
}
/* line 630, ../sass/style.scss */
#contents .case {
  margin: 2rem 0;
  border: 2px #aed4ae solid;
  border-radius: 15px;
  background: #fff;
}
/* line 635, ../sass/style.scss */
#contents .case h3 {
  background: #aed4ae;
  text-align: center;
  padding: 0.5rem 0;
  border-radius: 10px 10px 0 0;
}
/* line 641, ../sass/style.scss */
#contents .case .case_inner {
  padding: 0 1.5rem 0.5rem;
}
/* line 643, ../sass/style.scss */
#contents .case .case_inner .case_text {
  margin: 1rem 0;
}
/* line 645, ../sass/style.scss */
#contents .case .case_inner .case_text a {
  text-decoration: underline;
}
/* line 648, ../sass/style.scss */
#contents .case .case_inner .case_text .case_title {
  font-weight: bold;
  color: #71ac71;
}
/* line 651, ../sass/style.scss */
#contents .case .case_inner .case_text .case_title span {
  margin-right: 0.5rem;
}
/* line 655, ../sass/style.scss */
#contents .case .case_inner .case_text .text {
  margin-top: 0.2rem;
}
/* line 662, ../sass/style.scss */
#contents .comment {
  color: #333;
  background: #fff;
  border-radius: 15px;
  padding: 1rem;
  box-shadow: 0px 0px 5px 0px #cccccc;
  -moz-box-shadow: 0px 0px 5px 0px #cccccc;
  -webkit-box-shadow: 0px 0px 5px 0px #cccccc;
}
/* line 671, ../sass/style.scss */
#contents .comment .text {
  width: 100%;
  margin-bottom: 2rem;
}
/* line 677, ../sass/style.scss */
#contents .comment .illust_area {
  margin-bottom: 2rem;
}
/* line 679, ../sass/style.scss */
#contents .comment .illust_area .text {
  margin-bottom: 0;
  display: inline-block;
  vertical-align: bottom;
  width: 60%;
}
/* line 685, ../sass/style.scss */
#contents .comment .illust_area .illust {
  display: inline-block;
  width: 35%;
  vertical-align: bottom;
}
/* line 689, ../sass/style.scss */
#contents .comment .illust_area .illust img {
  width: 100%;
}
/* line 693, ../sass/style.scss */
#contents .comment .illust_area .left {
  margin-left: 1rem;
}
/* line 699, ../sass/style.scss */
#contents .page {
  margin: 1rem 0;
  position: relative;
  font-weight: bold;
}
/* line 703, ../sass/style.scss */
#contents .page i {
  color: #78add0;
  font-size: 2rem;
}
/* line 707, ../sass/style.scss */
#contents .page .page_left {
  float: left;
  width: 50%;
}
/* line 711, ../sass/style.scss */
#contents .page .page_left a p {
  display: inline-block;
  width: 70%;
  padding-left: 0.5rem;
}
/* line 718, ../sass/style.scss */
#contents .page .page_left .sub-title p {
  display: inline-block;
  width: 70%;
  padding-left: 0.5rem;
}
/* line 723, ../sass/style.scss */
#contents .page .page_left .sub-title:hover {
  cursor: pointer;
}
/* line 728, ../sass/style.scss */
#contents .page .page_right {
  float: right;
  width: 50%;
  text-align: right;
}
/* line 733, ../sass/style.scss */
#contents .page .page_right a p {
  display: inline-block;
  width: 80%;
  padding-right: 0.5rem;
}
/* line 742, ../sass/style.scss */
#contents .link {
  margin: 4rem 0 2rem;
  background: url(../images/bg/link_bg.png);
  background-size: 100% 100%;
  padding: 1.2rem;
}
/* line 747, ../sass/style.scss */
#contents .link .link-inner {
  display: inline-block;
  margin-left: 1.5rem;
  margin-top: 0.5rem;
  width: 45%;
}
/* line 752, ../sass/style.scss */
#contents .link .link-inner ul {
  list-style: none;
  padding-left: 1rem;
}
/* line 755, ../sass/style.scss */
#contents .link .link-inner ul li {
  margin: 0.8rem;
  padding-left: 1rem;
  color: #333;
}
/* line 759, ../sass/style.scss */
#contents .link .link-inner ul li a {
  display: inline-block;
}
/* line 761, ../sass/style.scss */
#contents .link .link-inner ul li a:hover {
  opacity: 0.8;
  text-decoration: underline;
}
/* line 768, ../sass/style.scss */
#contents .link .link-inner ul .sub-title:hover {
  cursor: pointer;
}
/* line 772, ../sass/style.scss */
#contents .link .link-inner ul .active {
  font-weight: bold;
  background: url(../images/arrow_big.png) no-repeat;
  background-position: 0 60%;
}

/*---------------------
		ヘッダー
---------------------*/
/* line 788, ../sass/style.scss */
#layer_header {
  position: relative;
  height: 9rem;
  z-index: 10;
}
/* line 792, ../sass/style.scss */
#layer_header .top_bg {
  width: 70%;
  height: auto;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -35%;
  z-index: -99;
}
/* line 802, ../sass/style.scss */
#layer_header .curtain_left {
  width: 15%;
  height: auto;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 0;
}
/* line 809, ../sass/style.scss */
#layer_header .curtain_left img {
  width: 100%;
}
/* line 814, ../sass/style.scss */
#layer_header .curtain_right {
  width: 14.8%;
  height: auto;
  background-size: contain;
  position: absolute;
  right: 0;
  top: 0;
}
/* line 821, ../sass/style.scss */
#layer_header .curtain_right img {
  width: 100%;
}
/* line 826, ../sass/style.scss */
#layer_header .curtain_left_dec {
  width: 14%;
  height: auto;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 0;
}
/* line 833, ../sass/style.scss */
#layer_header .curtain_left_dec img {
  width: 100%;
}
/* line 838, ../sass/style.scss */
#layer_header .curtain_right_dec {
  width: 14.3%;
  height: auto;
  background-size: contain;
  position: absolute;
  right: 0;
  top: 0;
}
/* line 845, ../sass/style.scss */
#layer_header .curtain_right_dec img {
  width: 100%;
}
/* line 850, ../sass/style.scss */
#layer_header .top_left_bg {
  width: 40%;
  height: auto;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 0;
}
/* line 857, ../sass/style.scss */
#layer_header .top_left_bg img {
  width: 100%;
}
/* line 861, ../sass/style.scss */
#layer_header .top_right_bg {
  width: 46%;
  height: auto;
  background-size: contain;
  position: absolute;
  right: 0;
  top: 0;
}
/* line 868, ../sass/style.scss */
#layer_header .top_right_bg img {
  width: 100%;
}
/* line 872, ../sass/style.scss */
#layer_header .top_left_tree {
  width: 40%;
  height: auto;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 2rem;
}
/* line 879, ../sass/style.scss */
#layer_header .top_left_tree img {
  width: 100%;
}
/* line 883, ../sass/style.scss */
#layer_header .top_left_leaf {
  width: 450px;
  height: auto;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 0;
}
/* line 890, ../sass/style.scss */
#layer_header .top_left_leaf img {
  width: 100%;
}
/* line 894, ../sass/style.scss */
#layer_header .top_right_tree {
  width: 46%;
  height: auto;
  background-size: contain;
  position: absolute;
  right: 0;
  top: 0;
}
/* line 901, ../sass/style.scss */
#layer_header .top_right_tree img {
  width: 100%;
}
/* line 905, ../sass/style.scss */
#layer_header .top_right_leaf {
  width: 550px;
  height: auto;
  background-size: contain;
  position: absolute;
  right: 0;
  top: 0;
}
/* line 912, ../sass/style.scss */
#layer_header .top_right_leaf img {
  width: 100%;
}
/* line 916, ../sass/style.scss */
#layer_header .logo_layer {
  text-align: center;
  position: absolute;
  top: 2rem;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  text-align: center;
  z-index: 99;
}
/* line 925, ../sass/style.scss */
#layer_header .logo_layer img {
  width: 80%;
  z-index: 9;
}
#layer_header #headlink {
	z-index: 999;
}
/* line 928, ../sass/style.scss */
#layer_header .logo_layer .animal {
  position: absolute;
  width: 40%;
  right: -5rem;
  bottom: -1rem;
}
/* line 933, ../sass/style.scss */
#layer_header .logo_layer .animal img {
  width: 100%;
}
/* line 937, ../sass/style.scss */
#layer_header .logo_layer .pink_bird {
  width: 50%;
  right: -6.5rem;
  bottom: 0;
}
#layer_header .logo_layer {
	z-index: 0;
}
/* line 942, ../sass/style.scss */
#layer_header .logo_layer .beetle {
  width: 60%;
  right: -13rem;
  top: -2rem;
}
/* line 948, ../sass/style.scss */
#layer_header .top_company {
  position: absolute;
  top: 0;
  right: 12rem;
}
/* line 949, ../sass/style.scss */
#layer_header .top_company a {
  display: block;
}
/* line 956, ../sass/style.scss */
#layer_header .company {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 99;
}
/* line 957, ../sass/style.scss */
#layer_header .company a {
  display: block;
}
/* line 965, ../sass/style.scss */
#layer_header .top_animal {
  position: relative;
  width: 980px;
  margin: 0 auto;
}
/* line 969, ../sass/style.scss */
#layer_header .top_animal .yellow_bird {
  position: absolute;
  width: 15%;
  left: 8rem;
  top: 3rem;
}
/* line 974, ../sass/style.scss */
#layer_header .top_animal .yellow_bird img {
  width: 100%;
}
/* line 978, ../sass/style.scss */
#layer_header .top_animal .bird {
  position: absolute;
  width: 10%;
  right: 4rem;
  top: 5rem;
}
/* line 983, ../sass/style.scss */
#layer_header .top_animal .bird img {
  width: 100%;
}
/* line 988, ../sass/style.scss */
#layer_header .index {
  position: absolute;
  top: 9.5rem;
  left: 2rem;
}
/* line 992, ../sass/style.scss */
#layer_header .index button {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 2px #7f5c3a solid;
  background: #fff;
}
/* line 998, ../sass/style.scss */
#layer_header .index button img {
  width: 50%;
}
/* line 1002, ../sass/style.scss */
#layer_header .index p {
  text-align: center;
  color: #7f5c3a;
  font-weight: bold;
}
/* line 1009, ../sass/style.scss */
#layer_header .title_bg {
  background: url("../images/title_bg.png") no-repeat;
  background-size: cover;
  background-position: center;
  width: 760px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  top: 5rem;
  margin: 0 auto;
  text-align: center;
  padding: 4rem;
  position: absolute;
}
/* line 1022, ../sass/style.scss */
#layer_header .title_bg .layer_title {
  position: absolute;
  bottom: 1rem;
  left: 0;
  text-align: center;
  width: 100%;
  color: #FFF;
  font-size: 24px;
}
/* line 1032, ../sass/style.scss */
#layer_header .snail {
  width: 7%;
  right: 13rem;
  top: 6.5rem;
  position: absolute;
}
/* line 1037, ../sass/style.scss */
#layer_header .snail img {
  width: 100%;
}

/* line 1043, ../sass/style.scss */
.top_header {
  z-index: 5 !important;
}

/*---------------------
		トップページ
---------------------*/
/* line 1053, ../sass/style.scss */
#wrapper .board_bg {
  width: 96%;
  height: auto;
  margin: 0 auto;
  position: relative;
}
/* line 1058, ../sass/style.scss */
#wrapper .board_bg img {
  width: 100%;
}
/* line 1061, ../sass/style.scss */
#wrapper .board_bg .board_inner {
  width: 95%;
  height: auto;
  position: absolute;
  top: 1rem;
  left: 1.5rem;
}
/* line 1067, ../sass/style.scss */
#wrapper .board_bg .board_inner .board_inner_contents {
  padding: 1rem;
  width: 90%;
  height: auto;
  margin: 0 auto;
  padding-bottom: 3.5rem;
}
/* line 1073, ../sass/style.scss */
#wrapper .board_bg .board_inner .board_inner_contents h2 {
  text-align: center;
  padding: 1rem 0;
}
/* line 1077, ../sass/style.scss */
#wrapper .board_bg .board_inner .board_inner_contents .inner-content {
  width: 44%;
  display: inline-block;
  margin-left: 1.5rem;
  margin-top: 0.5rem;
  font-size: 1rem;
}
/* line 1083, ../sass/style.scss */
#wrapper .board_bg .board_inner .board_inner_contents .inner-content .sub-title {
  font-weight: bold;
  margin-left: 0;
}
/* line 1086, ../sass/style.scss */
#wrapper .board_bg .board_inner .board_inner_contents .inner-content .sub-title .fa-angle-right {
  color: #ee1132;
  font-size: 1.2rem;
  font-weight: bold;
  padding-right: 0.5rem;
}
/* line 1092, ../sass/style.scss */
#wrapper .board_bg .board_inner .board_inner_contents .inner-content .sub-title:hover {
  cursor: pointer;
}
/* line 1096, ../sass/style.scss */
#wrapper .board_bg .board_inner .board_inner_contents .inner-content ul {
  list-style: none;
}
/* line 1098, ../sass/style.scss */
#wrapper .board_bg .board_inner .board_inner_contents .inner-content ul li {
  margin: 0.3rem 0;
  margin-left: 1rem;
  font-size: 18px;
}
/* line 1108, ../sass/style.scss */
#wrapper .animals {
  width: 660px;
  position: relative;
  margin: 0 auto;
}
/* line 1112, ../sass/style.scss */
#wrapper .animals .fox {
  width: 18%;
  position: absolute;
  bottom: 0;
  left: 0;
}
/* line 1117, ../sass/style.scss */
#wrapper .animals .fox img {
  width: 100%;
}
/* line 1121, ../sass/style.scss */
#wrapper .animals .rabbit {
  width: 10%;
  position: absolute;
  bottom: 0;
  left: 10rem;
}
/* line 1126, ../sass/style.scss */
#wrapper .animals .rabbit img {
  width: 100%;
}
/* line 1130, ../sass/style.scss */
#wrapper .animals .squirrel {
  width: 16%;
  position: absolute;
  bottom: 0;
  right: 10rem;
}
/* line 1135, ../sass/style.scss */
#wrapper .animals .squirrel img {
  width: 100%;
}
/* line 1139, ../sass/style.scss */
#wrapper .animals .raccoon {
  width: 16%;
  position: absolute;
  bottom: 0;
  right: -2rem;
}
/* line 1144, ../sass/style.scss */
#wrapper .animals .raccoon img {
  width: 100%;
}

/* line 1151, ../sass/style.scss */
.move_top {
  position: fixed;
  bottom: 10rem;
  right: 10rem;
}
/* line 1155, ../sass/style.scss */
.move_top a {
  font-size: 2rem;
  color: #805f3d;
  display: block;
}

/* line 1162, ../sass/style.scss */
#overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  background: #987c5e;
  opacity: 0.8;
  display: none;
  z-index: 9999;
  top: 0;
  left: 0;
}

/* line 1174, ../sass/style.scss */
#top_overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  background: #f6ecd0;
  opacity: 0.8;
  display: none;
  z-index: 9999;
  top: 0;
  left: 0;
}

/*---------------------
		フッター
---------------------*/
/* line 1189, ../sass/style.scss */
#footer {
  border-top: 2px #80603d solid;
  background: #fff;
}
/* line 1193, ../sass/style.scss */
#footer .container {
  padding-bottom: 2rem;
}
/* line 1195, ../sass/style.scss */
#footer .container .logo {
  display: inline-block;
  width: 20%;
  vertical-align: middle;
}
/* line 1200, ../sass/style.scss */
#footer .container .site {
  width: 75%;
  display: inline-block;
  margin-left: 0.5rem;
  vertical-align: middle;
}
/* line 1205, ../sass/style.scss */
#footer .container .site h3 {
  font-size: 1.2rem;
  padding-bottom: 0.2rem;
  border-bottom: 1px #ccc solid;
}
/* line 1211, ../sass/style.scss */
#footer .container .site ul li {
  background: url(../images/arrow.png) no-repeat;
  background-position: 0 0.6rem;
  width: 49%;
  display: inline-block;
  padding-left: 0.6rem;
}
/* line 1217, ../sass/style.scss */
#footer .container .site ul li a {
  font-size: 0.8rem;
}
/* line 1219, ../sass/style.scss */
#footer .container .site ul li a i {
  padding-left: 0.2rem;
}

/* line 1229, ../sass/style.scss */
#copyright {
  border-top: 2px #80603d solid;
  padding: 0.5rem;
  font-size: 0.8rem;
  text-align: center;
}

.headlink {
	max-width:960px;
}

.headlink_inner {
    -webkit-border-bottom-right-radius: 5px;  
    -webkit-border-bottom-left-radius: 5px;  
    -moz-border-radius-bottomright: 5px;  
    -moz-border-radius-bottomleft: 5px;
	border-left:1px solid #80603d;
	border-right:1px solid #80603d;
	border-bottom:1px solid #80603d;
	padding:7px 3px;
	line-height:100%;
	box-shadow:0px 0px 3px 1px #d9d9d9;
	-moz-box-shadow:0px 0px 3px 1px #d9d9d9;
	-webkit-box-shadow:0px 0px 3px 1px #d9d9d9;
	background: #fff;
	float:right;
}

.headlink_inner img {
	height:48px;
	width:auto;
	padding:3px 8px;
}

.headlink_inner img.jb {
	border-right:1px solid #cea99e;
}

.headlink_inner img.jbsp {
	display:none;
}

/*---------------------
		1680px以上
---------------------*/
@media only screen and (min-width: 1680px) {
  /* line 1242, ../sass/style.scss */
  #layer_header {
    position: relative;
    height: 16rem;
  }

  /* line 1247, ../sass/style.scss */
  #index-menu {
    top: 15rem;
    left: 6.5rem;
  }
  /* line 1250, ../sass/style.scss */
  #index-menu .exit {
    left: -4.5rem;
  }

  /* line 1256, ../sass/style.scss */
  #layer_header .top_left_bg {
    width: 43%;
  }
  /* line 1259, ../sass/style.scss */
  #layer_header .top_right_bg {
    width: 48%;
  }
  /* line 1262, ../sass/style.scss */
  #layer_header .curtain_left {
    width: 12.1%;
  }
  /* line 1266, ../sass/style.scss */
  #layer_header .curtain_right {
    width: 12%;
  }
  /* line 1270, ../sass/style.scss */
  #layer_header .curtain_left_dec {
    width: 11.4%;
  }
  /* line 1274, ../sass/style.scss */
  #layer_header .curtain_right_dec {
    width: 11.5%;
  }
  /* line 1277, ../sass/style.scss */
  #layer_header .logo_layer {
    top: 7rem;
  }
  /* line 1280, ../sass/style.scss */
  #layer_header .index {
    top: 14rem;
    left: 2rem;
  }
  /* line 1284, ../sass/style.scss */
  #layer_header .title_bg {
    top: 10rem;
  }
  /* line 1287, ../sass/style.scss */
  #layer_header .company {
    position: absolute;
    top: 0;
    right: 0;
  }
  /* line 1288, ../sass/style.scss */
  #layer_header .company a {
    display: block;
  }
  /* line 1296, ../sass/style.scss */
  #layer_header .top_animal .bird {
    right: 4rem;
    top: 12rem;
  }
  /* line 1301, ../sass/style.scss */
  #layer_header .top_animal .yellow_bird {
    right: 26rem;
    top: 6rem;
  }
  /* line 1307, ../sass/style.scss */
  #layer_header .snail {
    top: 11.5rem;
  }

  /* line 1314, ../sass/style.scss */
  #contents .link .link-inner {
    display: inline-block;
    margin-left: 1.5rem;
    margin-top: 0.5rem;
    width: 45%;
  }
  /* line 1319, ../sass/style.scss */
  #contents .link .link-inner ul {
    list-style: none;
    padding-left: 2rem;
  }
  /* line 1322, ../sass/style.scss */
  #contents .link .link-inner ul li {
    padding-top: 0.14rem;
  }

  /* line 1332, ../sass/style.scss */
  #wrapper .left_middle_bg {
    top: 8rem;
  }
  /* line 1335, ../sass/style.scss */
  #wrapper .right_middle_bg {
    top: 10rem;
  }
  /* line 1338, ../sass/style.scss */
  #wrapper .board_bg {
    width: 96%;
    height: auto;
    margin: 0 auto;
    position: relative;
  }
  /* line 1343, ../sass/style.scss */
  #wrapper .board_bg img {
    width: 100%;
  }
}
/*---------------------
		1366px以上
---------------------*/
@media only screen and (min-width: 1366px) and (max-width: 1679px) {
  /* line 1357, ../sass/style.scss */
  #index-menu {
    left: 7rem;
    top: 12.5rem;
  }

  /* line 1362, ../sass/style.scss */
  #layer_header {
    position: relative;
    height: 12rem;
  }
  /* line 1365, ../sass/style.scss */
  #layer_header .top_left_bg {
    width: 43%;
  }
  /* line 1368, ../sass/style.scss */
  #layer_header .top_right_bg {
    width: 48%;
  }
  /* line 1371, ../sass/style.scss */
  #layer_header .logo_layer {
    top: 4rem;
  }
  /* line 1375, ../sass/style.scss */
  #layer_header .top_animal .yellow_bird {
    top: 4rem;
  }
  /* line 1377, ../sass/style.scss */
  #layer_header .top_animal .yellow_bird img {
    width: 100%;
  }
  /* line 1381, ../sass/style.scss */
  #layer_header .top_animal .bird {
    top: 8rem;
  }
  /* line 1383, ../sass/style.scss */
  #layer_header .top_animal .bird img {
    width: 100%;
  }
  /* line 1388, ../sass/style.scss */
  #layer_header .index {
    top: 11.5rem;
    left: 2rem;
  }
  /* line 1392, ../sass/style.scss */
  #layer_header .title_bg {
    top: 7rem;
  }
  /* line 1395, ../sass/style.scss */
  #layer_header .snail {
    top: 8.5rem;
  }

  /* line 1400, ../sass/style.scss */
  #contents {
    margin: 4rem auto;
  }

  /* line 1405, ../sass/style.scss */
  #wrapper .left_middle_bg {
    top: 6rem;
  }
  /* line 1408, ../sass/style.scss */
  #wrapper .right_middle_bg {
    top: 8rem;
  }
  /* line 1411, ../sass/style.scss */
  #wrapper .board_bg {
    width: 96%;
    height: auto;
    margin: 0 auto;
    position: relative;
  }
  /* line 1416, ../sass/style.scss */
  #wrapper .board_bg img {
    width: 100%;
  }
}
@media only screen and (max-width: 980px) {
  /* line 1424, ../sass/style.scss */
  .container {
    width: 100%;
    margin: 0 auto;
  }

  /* line 1429, ../sass/style.scss */
  #layer_2 {
    margin-top: 6rem;
    width: 100%;
  }

  /* line 1434, ../sass/style.scss */
  #layer_header {
    width: 100%;
  }
  /* line 1436, ../sass/style.scss */
  #layer_header .curtain_left {
    display: none;
  }
  /* line 1440, ../sass/style.scss */
  #layer_header .curtain_right {
    display: none;
  }
  /* line 1444, ../sass/style.scss */
  #layer_header .curtain_left_dec {
    display: none;
  }
  /* line 1448, ../sass/style.scss */
  #layer_header .curtain_right_dec {
    display: none;
  }
  /* line 1451, ../sass/style.scss */
  #layer_header .top_company {
    position: absolute;
    top: 0;
    right: 2rem;
  }
  /* line 1456, ../sass/style.scss */
  #layer_header .top_animal {
    width: 90%;
  }

  /* line 1460, ../sass/style.scss */
  #wrapper {
    overflow-x: hidden;
  }
  /* line 1462, ../sass/style.scss */
  #wrapper .board_bg {
    width: 96%;
    height: auto;
    margin: 0 auto;
    position: relative;
  }
  /* line 1467, ../sass/style.scss */
  #wrapper .board_bg img {
    width: 100%;
  }
  /* line 1470, ../sass/style.scss */
  #wrapper .board_bg .board_inner {
    height: 82%;
  }
  /* line 1472, ../sass/style.scss */
  #wrapper .board_bg .board_inner .board_inner_contents {
    width: 90%;
  }
  /* line 1474, ../sass/style.scss */
  #wrapper .board_bg .board_inner .board_inner_contents .inner-content {
    margin-top: 0;
  }
  /* line 1477, ../sass/style.scss */
  #wrapper .board_bg .board_inner .board_inner_contents .inner-content ul li {
    margin: 0.2rem 0;
    font-size: 1rem;
  }

  /* line 1491, ../sass/style.scss */
  #contents .link .link-inner ul li {
    margin: 0.5rem;
    font-size: 1rem;
  }

  .headlink {
	width:96%;
	margin:0 2%;
  }
}
/*--------------------
		iPad対応
---------------------*/
@media only screen and (max-width: 820px) {
  /* line 1505, ../sass/style.scss */
  body {
    overflow-x: hidden;
  }

  /* line 1509, ../sass/style.scss */
  #layer_2 {
    margin: 6rem auto;
  }

  /* line 1514, ../sass/style.scss */
  #layer_header .index {
    top: 2rem;
    left: 2rem;
  }
  /* line 1518, ../sass/style.scss */
  #layer_header .title_bg {
    width: 660px;
  }
  /* line 1521, ../sass/style.scss */
  #layer_header .snail {
    top: 6.8rem;
  }

  /* line 1526, ../sass/style.scss */
  #index-menu {
    top: 3rem;
    left: 5.5rem;
  }
  /* line 1529, ../sass/style.scss */
  #index-menu .exit {
    left: -3.5rem;
  }
  /* line 1532, ../sass/style.scss */
  #index-menu .menu-inner {
    width: 90%;
    position: absolute;
    left: -2rem;
    z-index: -1;
    padding: 3rem 1rem;
  }
  /* line 1538, ../sass/style.scss */
  #index-menu .menu-inner ul {
    display: block;
    width: 100%;
  }
  /* line 1541, ../sass/style.scss */
  #index-menu .menu-inner ul li {
    margin: 0 0.2rem;
    font-size: 1rem;
  }
  /* line 1544, ../sass/style.scss */
  #index-menu .menu-inner ul li a {
    display: block;
    padding: 0.2rem 0.2rem;
  }

  /* line 1553, ../sass/style.scss */
  #prolog {
    width: 100%;
  }
  /* line 1555, ../sass/style.scss */
  #prolog .exit {
    top: -1rem;
    right: 0;
  }
  /* line 1559, ../sass/style.scss */
  #prolog .prolog_inner {
    width: 100%;
  }
  /* line 1561, ../sass/style.scss */
  #prolog .prolog_inner .profile {
    width: 95%;
  }
  /* line 1563, ../sass/style.scss */
  #prolog .prolog_inner .profile .right {
    width: 55%;
  }

  /* line 1571, ../sass/style.scss */
  #wrapper .left_middle_bg {
    display: none;
  }
  /* line 1574, ../sass/style.scss */
  #wrapper .right_middle_bg {
    display: none;
  }
  /* line 1577, ../sass/style.scss */
  #wrapper .tree_bottom_bg {
    display: none;
  }
  /* line 1581, ../sass/style.scss */
  #wrapper .animals .fox {
    width: 12%;
  }
  /* line 1584, ../sass/style.scss */
  #wrapper .animals .rabbit {
    width: 8%;
  }
  /* line 1587, ../sass/style.scss */
  #wrapper .animals .squirrel {
    width: 14%;
  }
  /* line 1590, ../sass/style.scss */
  #wrapper .animals .raccoon {
    width: 14%;
  }

  /* line 1595, ../sass/style.scss */
  #contents {
    width: 660px;
  }
  /* line 1598, ../sass/style.scss */
  #contents .question .text {
    width: 87%;
  }
  /* line 1600, ../sass/style.scss */
  #contents .question .text .btn-bottom {
    left: 50%;
    width: 20%;
    margin-left: -10%;
    bottom: 0.5rem;
  }
  /* line 1609, ../sass/style.scss */
  #contents .answer .answer_text {
    width: 87%;
  }

  /* line 1615, ../sass/style.scss */
  .move_top {
    right: 1rem;
  }
}
@media only screen and (max-width: 820px) and (max-width: 770px) {
  /* line 1625, ../sass/style.scss */
  #wrapper .board_bg .board_inner .board_inner_contents .inner-content ul li {
    margin: 0rem 0;
  }

.headlink_inner img {
	height:38px;
	width:auto;
}
}
@media only screen and (max-width: 820px) {
  /*---------------------
  		スマホ対応
  ---------------------*/
}
@media only screen and (max-width: 820px) and (max-width: 640px) {
  /* line 1640, ../sass/style.scss */
  html, body {
    width: 100%;
    font-size: 95%;
    overflow-x: hidden;
  }

  /* line 1646, ../sass/style.scss */
  .sp {
    display: block;
  }

  /* line 1649, ../sass/style.scss */
  .pc {
    display: none;
  }

  /* line 1652, ../sass/style.scss */
  .container {
    width: 90%;
    margin: 0 auto;
  }

  /* line 1657, ../sass/style.scss */
  #prolog {
    width: 98%;
    top: 1.5rem;
    left: 0.2rem;
    height: 90%;
  }
  /* line 1662, ../sass/style.scss */
  #prolog .exit {
    right: 0;
    top: -2rem;
  }
  /* line 1666, ../sass/style.scss */
  #prolog .prolog_inner {
    width: 100%;
    font-size: 1.1rem;
  }
  /* line 1669, ../sass/style.scss */
  #prolog .prolog_inner .prolog_text {
    font-size: 16px;
  }
  /* line 1671, ../sass/style.scss */
  #prolog .prolog_inner .prolog_text .annotation {
    font-size: 1rem;
  }
  /* line 1675, ../sass/style.scss */
  #prolog .prolog_inner .profile {
    width: 100%;
  }
  /* line 1677, ../sass/style.scss */
  #prolog .prolog_inner .profile .left {
    width: 60px;
    height: 70px;
  }
  /* line 1680, ../sass/style.scss */
  #prolog .prolog_inner .profile .left img {
    max-width: 100%;
    width: 100%;
    margin: 0;
  }
  /* line 1686, ../sass/style.scss */
  #prolog .prolog_inner .profile .right {
    width: 62%;
    margin-left: 1rem;
  }
  /* line 1689, ../sass/style.scss */
  #prolog .prolog_inner .profile .right p.text {
    font-size: 1rem;
  }
  /* line 1691, ../sass/style.scss */
  #prolog .prolog_inner .profile .right p.text span {
    margin-left: 0;
  }
  /* line 1695, ../sass/style.scss */
  #prolog .prolog_inner .profile .right h4 {
    font-size: 1rem;
    color: #48a86d;
  }
  /* line 1698, ../sass/style.scss */
  #prolog .prolog_inner .profile .right h4 span {
    font-size: 0.8rem;
    margin-left: 1rem;
  }

  /* line 1708, ../sass/style.scss */
  #index-menu {
    top: 3rem;
    left: 2.5rem;
    width: 100%;
  }
  /* line 1712, ../sass/style.scss */
  #index-menu .exit {
    left: -3.5rem;
  }
  /* line 1715, ../sass/style.scss */
  #index-menu .menu-inner {
    width: 100%;
    position: absolute;
    left: -2rem;
    z-index: -1;
    padding: 3rem 1rem;
  }
  /* line 1721, ../sass/style.scss */
  #index-menu .menu-inner ul {
    display: block;
    width: 100%;
  }
  /* line 1724, ../sass/style.scss */
  #index-menu .menu-inner ul li {
    margin: 0 0.2rem;
    font-size: 1rem;
  }
  /* line 1727, ../sass/style.scss */
  #index-menu .menu-inner ul li a {
    display: block;
    padding: 0.2rem 0.2rem;
  }

  /* line 1736, ../sass/style.scss */
  #layer_header {
    height: 7rem;
    z-index: 50;
  }
  /* line 1739, ../sass/style.scss */
  #layer_header .top_bg {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    margin-left: -50%;
  }
  /* line 1747, ../sass/style.scss */
  #layer_header .top_left_bg {
    width: 40%;
    height: auto;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 0;
  }
  /* line 1754, ../sass/style.scss */
  #layer_header .top_left_bg img {
    width: 100%;
  }
  /* line 1758, ../sass/style.scss */
  #layer_header .top_right_bg {
    width: 46%;
    height: auto;
    background-size: contain;
    position: absolute;
    right: 0;
    top: 0;
  }
  /* line 1765, ../sass/style.scss */
  #layer_header .top_right_bg img {
    width: 100%;
  }
  /* line 1769, ../sass/style.scss */
  #layer_header .logo_layer {
    text-align: center;
    position: absolute;
    top: 2rem;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
  }
  /* line 1776, ../sass/style.scss */
  #layer_header .logo_layer img {
    width: 90%;
  }
  /* line 1780, ../sass/style.scss */
  #layer_header .company {
    position: absolute;
    top: 0;
    right: 0;
  }
  /* line 1781, ../sass/style.scss */
  #layer_header .company a {
    display: block;
  }
  /* line 1788, ../sass/style.scss */
  #layer_header .top_animal {
    width: 100%;
  }
  /* line 1790, ../sass/style.scss */
  #layer_header .top_animal .yellow_bird {
    width: 30%;
    top: 2rem;
    left: -2rem;
  }
  /* line 1795, ../sass/style.scss */
  #layer_header .top_animal .yellow_bird img {
    width: 100%;
  }
  /* line 1799, ../sass/style.scss */
  #layer_header .top_animal .bird {
    top: 6.5rem;
    width: 12%;
    right: 2rem;
  }
  /* line 1803, ../sass/style.scss */
  #layer_header .top_animal .bird img {
    width: 100%;
  }
  /* line 1808, ../sass/style.scss */
  #layer_header .index {
    top: 2rem;
    left: -1rem;
  }
  /* line 1813, ../sass/style.scss */
  #layer_header .title_bg {
    background-size: 100% , auto;
    background-position: left;
    width: 90%;
    margin-top: -0.1rem;
  }
  /* line 1818, ../sass/style.scss */
  #layer_header .title_bg .layer_title {
    position: absolute;
    bottom: 2.3rem;
    font-size: 1rem;
  }

  /* line 1826, ../sass/style.scss */
  #layer_2_top,
  #layer_2 {
    width: 100%;
  }

  /* line 1833, ../sass/style.scss */
  #wrapper .text {
    font-size: 16px;
    line-height: 1.5;
  }
  /* line 1836, ../sass/style.scss */
  #wrapper .text img {
    margin-bottom: 1rem;
    width: 50%;
  }
  /* line 1842, ../sass/style.scss */
  #wrapper .question .text {
    width: 100%;
    display: block;
    margin: -0.2rem 0 0;
  }
  /* line 1846, ../sass/style.scss */
  #wrapper .question .text button {
    top: auto;
    bottom: 0rem;
    right: 0;
  }
  /* line 1851, ../sass/style.scss */
  #wrapper .question .text .btn-bottom {
    width: 20%;
    margin-left: -10%;
    bottom: 0.5rem;
    right: 0;
    font-size: 0.8rem;
  }
  /* line 1859, ../sass/style.scss */
  #wrapper .question .q_ellipse {
    font-size: 1.6rem;
    width: 35px;
    height: 35px;
    line-height: 35px;
    display: block;
    margin-right: 0.5rem;
    float: left;
  }
  /* line 1870, ../sass/style.scss */
  #wrapper .answer .a_ellipse {
    border-radius: 50%;
    font-size: 1.6rem;
    width: 35px;
    height: 35px;
    line-height: 35px;
    display: block;
    margin-right: 0.5rem;
    float: left;
  }
  /* line 1880, ../sass/style.scss */
  #wrapper .answer .answer_text {
    width: 100%;
    display: block;
    margin-top: -0.7rem;
  }
  /* line 1884, ../sass/style.scss */
  #wrapper .answer .answer_text dl dd {
    width: 85%;
    margin-left: 1.2rem;
  }
  /* line 1888, ../sass/style.scss */
  #wrapper .answer .answer_text dl dt {
    width: 12%;
  }
  /* line 1891, ../sass/style.scss */
  #wrapper .answer .answer_text dl dt,
  #wrapper .answer .answer_text dl dd {
    line-height: 1.2rem;
    margin: 0.3rem 0;
  }
  /* line 1897, ../sass/style.scss */
  #wrapper .answer .answer_text .illust_area .text {
    display: block;
    width: 100%;
  }
  /* line 1900, ../sass/style.scss */
  #wrapper .answer .answer_text .illust_area .text img {
    margin-bottom: 1rem;
    width: 50%;
  }
  /* line 1905, ../sass/style.scss */
  #wrapper .answer .answer_text .illust_area .right {
    width: 100%;
    margin-left: 0;
  }
  /* line 1910, ../sass/style.scss */
  #wrapper .answer .answer_text .illust_area .left {
    margin-left: 0;
    margin-top: 2rem;
  }
  /* line 1914, ../sass/style.scss */
  #wrapper .answer .answer_text .illust_area .illust {
    width: 100%;
    display: block;
    text-align: center;
  }
  /* line 1918, ../sass/style.scss */
  #wrapper .answer .answer_text .illust_area .illust img {
    width: 50%;
  }
  /* line 1926, ../sass/style.scss */
  #wrapper .cause .sub-title {
    font-weight: bold;
  }
  /* line 1929, ../sass/style.scss */
  #wrapper .cause .left {
    width: 100%;
    display: block;
  }
  /* line 1933, ../sass/style.scss */
  #wrapper .cause .right {
    width: 100%;
    display: block;
    margin: 0 auto;
    text-align: center;
  }
  /* line 1942, ../sass/style.scss */
  #wrapper .comment .text {
    font-size: 1.08rem;
  }
  /* line 1946, ../sass/style.scss */
  #wrapper .comment .illust_area .text {
    display: block;
    width: 100%;
  }
  /* line 1951, ../sass/style.scss */
  #wrapper .comment .illust_area .left {
    margin-left: 0;
    margin-top: 2rem;
  }
  /* line 1955, ../sass/style.scss */
  #wrapper .comment .illust_area .illust {
    width: 100%;
    display: block;
    text-align: center;
  }
  /* line 1959, ../sass/style.scss */
  #wrapper .comment .illust_area .illust img {
    width: 50%;
  }

  /* line 1968, ../sass/style.scss */
  #wrapper {
    width: 100%;
  }
  /* line 1970, ../sass/style.scss */
  #wrapper .board_bg {
    width: 100%;
    z-index: 50;
    margin: 2rem 0;
    background: url(../images/bg/sp_bg.png);
    background-size: 100% 100%;
  }
  /* line 1976, ../sass/style.scss */
  #wrapper .board_bg img {
    widows: 100%;
  }
  /* line 1979, ../sass/style.scss */
  #wrapper .board_bg .board_inner {
    position: relative;
    margin: 0 auto;
    top: 0;
    left: 0;
  }
  /* line 1984, ../sass/style.scss */
  #wrapper .board_bg .board_inner .board_inner_contents {
    position: relative;
    width: 100%;
    padding-bottom: 1rem;
    background: url(../images/bg/sp_paper.png);
    background-size: 100% 100%;
  }
  /* line 1990, ../sass/style.scss */
  #wrapper .board_bg .board_inner .board_inner_contents .top_left_button {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
  }
  /* line 1994, ../sass/style.scss */
  #wrapper .board_bg .board_inner .board_inner_contents .top_left_button img {
    width: 100%;
  }
  /* line 1998, ../sass/style.scss */
  #wrapper .board_bg .board_inner .board_inner_contents .top_right_button {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
  }
  /* line 2002, ../sass/style.scss */
  #wrapper .board_bg .board_inner .board_inner_contents .top_right_button img {
    width: 100%;
  }
  /* line 2006, ../sass/style.scss */
  #wrapper .board_bg .board_inner .board_inner_contents .bottom_left_button {
    position: absolute;
    bottom: 0.5rem;
    left: 0.5rem;
  }
  /* line 2010, ../sass/style.scss */
  #wrapper .board_bg .board_inner .board_inner_contents .bottom_left_button img {
    width: 100%;
  }
  /* line 2014, ../sass/style.scss */
  #wrapper .board_bg .board_inner .board_inner_contents .bottom_right_button {
    position: absolute;
    bottom: 0.5rem;
    right: 0.5rem;
  }
  /* line 2018, ../sass/style.scss */
  #wrapper .board_bg .board_inner .board_inner_contents .bottom_right_button img {
    width: 100%;
  }
  /* line 2022, ../sass/style.scss */
  #wrapper .board_bg .board_inner .board_inner_contents ul {
    list-style: none;
    padding: 1rem 0;
  }
  /* line 2025, ../sass/style.scss */
  #wrapper .board_bg .board_inner .board_inner_contents ul .top {
    background: url("../images/sub_title_bg.png") no-repeat;
    background-size: cover;
    background-position: center;
  }
  /* line 2031, ../sass/style.scss */
  #wrapper .board_bg .board_inner .board_inner_contents ul li {
    background: url("../images/bg/top_sp_bg.png") no-repeat;
    background-size: cover;
    background-position: center;
    margin: 1rem 0;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 1.2rem;
  }
  /* line 2040, ../sass/style.scss */
  #wrapper .board_bg .board_inner .board_inner_contents ul li a {
    display: block;
    padding: 1rem 1.2rem;
    color: #fff;
    text-align: center;
  }
  /* line 2051, ../sass/style.scss */
  #wrapper .animals {
    width: 95%;
    margin-top: 5rem;
  }
  /* line 2054, ../sass/style.scss */
  #wrapper .animals .fox {
    left: 0.5rem;
    width: 16%;
  }
  /* line 2058, ../sass/style.scss */
  #wrapper .animals .rabbit {
    left: 7rem;
    width: 10%;
  }
  /* line 2062, ../sass/style.scss */
  #wrapper .animals .squirrel {
    right: 6rem;
    width: 18%;
  }
  /* line 2066, ../sass/style.scss */
  #wrapper .animals .raccoon {
    right: 0;
    width: 20%;
  }

  /* line 2073, ../sass/style.scss */
  #contents {
    margin: 4rem auto;
    width: 90%;
  }
  /* line 2080, ../sass/style.scss */
  #contents .check .check_contents ul li .check-title {
    width: 3%;
    display: inline-block;
    vertical-align: top;
    margin-right: 0.2rem;
    font-size: 14px;
  }
  /* line 2086, ../sass/style.scss */
  #contents .check .check_contents ul li .check-title img {
    width: 100%;
  }
  /* line 2090, ../sass/style.scss */
  #contents .check .check_contents ul li .check-text {
    width: 90%;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    text-indent: -0.8rem;
    padding-left: 0.8rem;
  }
  /* line 2102, ../sass/style.scss */
  #contents .page {
    width: 100%;
  }
  /* line 2104, ../sass/style.scss */
  #contents .page img {
    width: 15%;
  }

  /* line 2114, ../sass/style.scss */
  #contents .case .case_inner .case_text .case_title {
    font-size: 1.1rem;
  }
  /* line 2122, ../sass/style.scss */
  #contents .answer .answer_text .text_bold {
    font-size: 1.08rem;
  }
  /* line 2126, ../sass/style.scss */
  #contents .answer dl {
    font-size: 1.08rem;
  }

  /* line 2132, ../sass/style.scss */
  .move_top {
    right: 2rem;
    bottom: 3rem;
  }

  /* line 2138, ../sass/style.scss */
  #footer .container {
    padding: 0;
  }
  /* line 2140, ../sass/style.scss */
  #footer .container .logo {
    display: block;
    width: 100%;
    text-align: center;
  }
  /* line 2145, ../sass/style.scss */
  #footer .container .site {
    width: 100%;
  }
  /* line 2147, ../sass/style.scss */
  #footer .container .site h3 {
    text-align: center;
    border: none;
  }
  /* line 2151, ../sass/style.scss */
  #footer .container .site ul {
    width: 100%;
  }
  /* line 2153, ../sass/style.scss */
  #footer .container .site ul li {
    display: block;
    width: 60%;
    margin: 0.5rem auto;
  }
  /* line 2157, ../sass/style.scss */
  #footer .container .site ul li a {
    text-decoration: underline;
  }

.headlink {
	width:100%;
	margin:0;
}

.headlink_inner img {
	height:25px;
	width:auto;
	margin:1px 0;
	padding:0px 3px;
}

.headlink_inner {
	padding:3px 3px 6px;
	box-shadow:none;
}

.headlink_inner a {
	display:block;
}

.headlink_inner img.jb {
	border-right:none;
}

.headlink_inner img.jbsp {
	display:inherit;
}
}

@media only screen and (max-width: 820px) and (min-width: 540px) and (max-width: 620px) {
  /* line 2168, ../sass/style.scss */
  #layer_header {
    height: 8rem;
  }
  /* line 2171, ../sass/style.scss */
  #layer_header .title_bg .layer_title {
    bottom: 1.4rem;
  }
}


/*****2020.07.22 追加　審J番号追記*****/
p.j_num{
	font-size:14px;
	line-height:1;
	text-align:right;
	margin-top:0.5em;
}