/* ==========================================================================
   /anshin/ Detail
   ========================================================================== */
/* adjust
   ========================================================================== */
.asAreawrap {
  overflow: hidden;
  width: 960px;
  margin: 40px auto 0;
}
.asmainArea {
  width: 710px;
  float: left;
}
.asrightArea {
  width: 220px;
  float: right !important;
}
.page-width {
  width: auto;
}
/* ==========================================================================
   Area
   ========================================================================== */
/* content
   ========================================================================== */
.asdetail_inner {
  word-break: break-all;
}
.asdetail_inner + .asdetail_inner {
  margin-top: 24px;
}
.asdetail_inner .content-title {
  margin-top: 10px;
}
/* asconversion
========================================================================== */
.asconversion_wrap {
  margin-top: 50px;
}
.asconversion {
  border-radius: 10px;
  padding: 23px 25px;
  background-color: #fdf5e4;
}
.asconversion_item {
  margin-top: 27px;
}
.asconversion_item:first-child {
  margin-top: 0;
}
.asconversion_title {
  position: relative;
  font-size: 1.6rem;
  font-weight: normal;
  padding-left: 1.6rem;
  color: #414141;
}
.asconversion_title::before {
  content: '■';
  position: absolute;
  left: 0;
  top: 0;
}
.asconversion_body {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.asconversion_detail,
.asconversion_link {
  display: table-cell;
}
.asconversion_detail > p,
.asconversion_link > p {
  font-size: 1.6rem;
  color: #414141;
}
.asconversion_detail {
  width: 78%;
}
.asconversion_link {
  vertical-align: bottom;
}
.asconversion_link > p {
  text-align: right;
}
.asconversion_link > p > a {
  color: #414141;
  text-decoration: underline;
}
.asconversion_link > p > a:hover,
.asconversion_link > p > a:active {
  text-decoration: none;
  color: #009944;
}
.asconversion_link > p > a::after {
  content: '＞';
}
/* asconv
========================================================================== */
.asconv_wrap {
  margin-top: 40px;
}
.asconv > a {
  display: block;
}
.asconv > a:hover {
  text-decoration: none;
}
.detail_type {
  display: block;
}
.dtype_inner01 {
  background-size: 710px auto;
  color: #fff;
  font-size: 29.6px;
  font-family: "Meiryo", "Hiragino Kaku Gothic ProN", "MS PGothic", "sans-serif";
  text-align: center;
  height: 80px;
  font-weight: bold;
  padding-top: 23.6px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  background: no-repeat center center / 100% 100%;
}
.dtype_inner01.color_a {
  background-image: url(/library/anshin/img/pc/title_color_a.png);
}
.dtype_inner01.color_b {
  background-image: url(/library/anshin/img/pc/title_color_b.png);
}
.dtype_inner01.color_c {
  background-image: url(/library/anshin/img/pc/title_color_c.png);
}
.dtype_inner01.color_d {
  background-image: url(/library/anshin/img/pc/title_color_d.png);
}
.dtype_inner01.color_e {
  background-image: url(/library/anshin/img/pc/title_color_e.png);
}
.dtype_inner01.color_f {
  background-image: url(/library/anshin/img/pc/title_color_f.png);
}
.dtype_inner01.color_g {
  background-image: url(/library/anshin/img/pc/title_color_g.png);
}
.dtype_inner01.color_z {
  background-image: url(/library/anshin/img/pc/title_color_z.png);
}
/* asnav
========================================================================== */
.asnav {
  margin-top: 40px;
}
/* ascontact
========================================================================== */
.ascontact {
  background: #e9e9e9;
  background: url(/library/anshin/img/detail_contact.png) no-repeat left top;
  width: 709px;
  height: 514px;
  margin-top: 73px;
  position: relative;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ascontact .btn01 a {
  height: 73px;
  background: #094;
  border-bottom: 4px solid #00823a;
  display: block;
  border-radius: 4px;
  padding: 9px 0 0 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ascontact .btn01 a:hover {
  background: #00823a;
}
.ascontact .btn02 a {
  position: absolute;
  top: 182px;
  left: 430px;
  background-color: #094;
  border-bottom: 3px solid #00823a;
  border-radius: 4px;
  width: 226px;
  height: 56px;
  padding: 20px 0 0 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
}
.ascontact .btn03 a {
  position: absolute;
  top: 441px;
  left: 277px;
  background-color: #094;
  border-bottom: 3px solid #00823a;
  border-radius: 4px;
  width: 234px;
  height: 39px;
  padding: 10px 0 0 35px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
}
.ascontact .btn02 a:hover,
.ascontact .btn03 a:hover {
  background: #00823a;
}
/* snsarea
========================================================================== */
/* asbanner
   ========================================================================== */
.asbanner > li {
  margin-top: 20px;
  text-align: center;
}
.asbanner > li:first-child {
  margin-top: 0;
}
.asbanner > li > a {
  display: block;
}
.asbanner > li img {
  max-width: 100%;
}
/* asrecommended
   ========================================================================== */
.asrecommended {
  margin-top: 40px;
  width: 100%;
}
.asrecommended h3 {
  font-weight: 300;
  font-size: 16px;
  color: #333;
  letter-spacing: 6px;
  padding-left: 21px;
}
.asrecommended h3 + p {
  font-size: 11px;
  letter-spacing: normal;
  margin: 0 0 20px;
  padding-left: 21px;
}
/* asrecommended article
   ========================================================================== */
.rec_article_wrap {
  border-top: 1px solid #d1d1d1;
}
.rec_article_wrap ul {
  margin-left: -19px;
}
.rec_article_wrap a {
  display: block;
}
.rec_article_wrap a:hover .rec_article_r {
  color: #009944;
  text-decoration: underline;
}
.rec_article_wrap li {
  padding: 15px 0 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 1px solid #d1d1d1;
}
.rec_article {
  overflow: hidden;
}
.rec_article_l {
  float: left;
  overflow: hidden;
  position: relative;
  width: 64px;
  height: 64px;
}
.rec_article_l img {
  width: 100%;
  height: auto;
}
.rec_article_r {
  float: left;
  width: 148px;
  font-size: 12px;
  color: #333;
  margin: 0 0 0 8px;
  font-weight: 600;
  line-height: 1.5;
}
.rec_article_r br {
  display: none;
}
/* ==========================================================================
   Modules
   ========================================================================== */
/* astopics_unit2
   ========================================================================== */
.astopics_unit2 {
  margin-bottom: 7px;
  font-size: 0;
}
.astopics_unit2 p {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 5px 0 0;
  font-weight: 600;
  display: inline-block;
  vertical-align: middle;
}
.astopics_unit2 .new {
  font-size: 9px;
  color: #fff;
  background: #ef578c;
  padding: 3px 6px 3px;
  border-radius: 4px;
}
.astopics_unit2 .date {
  font-size: 11px;
  color: #666666;
  font-weight: 600;
}
/* title
========================================================================== */
.asmainArea h2 {
  font-size: 32px;
  color: #333;
  font-weight: 600;
  letter-spacing: 0;
  color: #333333;
  border-bottom: none;
  padding-bottom: none;
  margin: 0;
}
.assub_title {
  margin-top: 60px;
}
.assub_title > h1,
.assub_title > h2,
.assub_title > h3,
.assub_title > h4,
.assub_title > h5,
.assub_title > h6 {
  font-size: 24px;
  font-weight: 300;
  color: #666;
  text-indent: -1.3em;
  margin-left: 1.3em;
}
.assub_title > h1:before,
.assub_title > h2:before,
.assub_title > h3:before,
.assub_title > h4:before,
.assub_title > h5:before,
.assub_title > h6:before {
  content: "";
  background: url(/library/anshin/img/detail_title_bg01.png) no-repeat;
  background-size: 24px auto;
  width: 24px;
  height: 23px;
  display: inline-block;
}
/* img
========================================================================== */
.astopics_img_wrap {
  margin-top: 24px;
  text-align: center;
}
.assub_title + .astopics_img_wrap {
  margin-top: 14px;
}
.astopics_img_wrap > img {
  max-width: 100%;
}
/* text
========================================================================== */
.astopics_text {
  margin-top: 29px;
}
.astopics_text:first-child {
  margin-top: 0;
}
.assub_title + .astopics_text {
  margin-top: 14px;
}
.astopics_text p {
  margin: 29px 0 0;
  font-size: 14px;
  font-weight: 300;
  color: #666;
  line-height: 24px;
}
.astopics_text p:first-child {
  margin-top: 0;
}
.astopics_textarea {
  margin: 20px 0 0;
  padding: 40px 20px;
  background: url(/library/anshin/img/detail_text_bg01.jpg);
}
.assub_title + .astopics_textarea {
  margin-top: 14px;
}
.astopics_textarea p {
  font-family: "YuMincho", "Yu Mincho", "Hiragino Mincho ProN W3", HiraMinProN-W3, serif;
  margin-top: 20px;
  font-weight: 500;
  text-align: center;
}
.astopics_textarea p:first-child {
  margin-top: 0;
}
/* accordion
========================================================================== */
.accordion {
  margin-top: 29px;
}
.assub_title + .accordion {
  margin-top: 14px;
}
.accordion_item {
  border: 1px solid #ff9600;
}
.accordion_item + .accordion_item {
  margin-top: 20px;
}
.accordion_title {
  position: relative;
  padding: 16px 109px 16px 24px;
  overflow: hidden;
  cursor: pointer;
}
.accordion_title_num {
  display: block;
  float: left;
  margin-right: 14px;
  font-size: 20px;
  line-height: 1.35;
}
.accordion_title_text {
  display: block;
  overflow: hidden;
  font-size: 18px;
  line-height: 1.5;
}
.accordion_title_icon {
  position: absolute;
  right: 24px;
  top: 0;
  bottom: 0;
  width: 71px;
  height: 1.5em;
  margin: auto 0;
  border-radius: 4px;
  background-color: #ff9600;
  color: #fff;
  line-height: 1.5;
  font-size: 18px;
  text-align: center;
}
.accordion_body {
  display: none;
  padding: 0 24px 24px;
}
.accordion_body_inner {
  padding: 15px 25px 19px;
  background-color: #fef2de;
  -webkit-box-shadow: 2px 2px 3px 0 rgba(78, 46, 1, 0.35);
          box-shadow: 2px 2px 3px 0 rgba(78, 46, 1, 0.35);
}
.accordion_body_title {
  font-size: 20px;
  font-weight: bold;
  overflow: hidden;
}
.accordion_body_title span {
  display: block;
  overflow: hidden;
}
.accordion_body_title span:first-child {
  float: left;
  margin-right: 5px;
}
.accordion_body_detail {
  margin-top: 5px;
}
.accordion_body_detail p,
.accordion_body_detail ul,
.accordion_body_detail ol,
.accordion_body_detail dl {
  margin-top: 10px;
}
.accordion_body_detail p,
.accordion_body_detail li,
.accordion_body_detail dt,
.accordion_body_detail dd {
  font-size: 14px;
  line-height: 1.71;
}
.accordion_body_detail ol > li {
  list-style-type: decimal;
  margin-left: 1.5em;
}
.accordion_body_float {
  overflow: hidden;
  margin-top: 10px;
}
.accordion_body_float_img {
  float: right;
  min-width: 144px;
  margin-left: 14px;
}
.accordion_body_float_body {
  overflow: hidden;
}
.accordion_body_float_body {
  width: 436px;
  float: left;
}
.accordion.opt-detail .accordion_body_float_img {
  overflow: hidden;
  width: 160px;
  margin-top: 20px;
}
.accordion.opt-detail .accordion_body_float_img img {
  width: 100%;
  height: auto;
}
.accordion.opt-detail .accordion_title_icon {
  top: 32px;
  bottom: auto;
}
.accordion.opt-detail .accordion_item ruby {
  position: relative;
  top: 1px;
  line-height: 1.0;
}
.accordion.opt-detail .accordion_item rt {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}
.accordion .only-sp {
  display: none;
}
.between-height {
  height: 13px;
}
/* baloon
========================================================================== */
.baloon .astopics_text {
  display: none;
}
.baloon_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 50px;
}
.baloon_wrap img {
  width: 100%;
}
.baloon_wrap > div {
  -ms-flex-preferred-size: 85%;
      flex-basis: 85%;
}
.baloon_right .baloon_text {
  margin-right: 60px;
}
.baloon_right .baloon_text:before {
  content: "";
  display: block;
  border-style: solid;
  border-width: 27px 48px 0 0;
  border-color: #f8f6ef transparent transparent transparent;
  height: 0;
  position: absolute;
  width: 0;
  top: 53px;
  right: -35px;
}
.baloon_right .baloon_text:after {
  content: "";
  display: block;
  border-style: solid;
  border-width: 28px 48px 0 0;
  border-color: #408a49 transparent transparent transparent;
  height: 0;
  position: absolute;
  width: 0;
  top: 50px;
  right: -45px;
  z-index: -10;
}
.baloon_left .baloon_text {
  margin-left: 60px;
}
.baloon_left .baloon_text:before {
  content: "";
  display: block;
  border-style: solid;
  border-width: 0 48px 27px 0;
  border-color: transparent #f8f6ef transparent transparent;
  height: 0;
  position: absolute;
  width: 0;
  top: 53px;
  left: -35px;
}
.baloon_left .baloon_text:after {
  content: "";
  display: block;
  border-style: solid;
  border-width: 0 48px 28px 0;
  border-color: transparent #408a49 transparent transparent;
  height: 0;
  position: absolute;
  width: 0;
  top: 50px;
  left: -45px;
  z-index: -10;
}
.opt-blue.baloon_left .baloon_text:after {
  border-color: transparent #3c78b4 transparent transparent;
}
.baloon_text {
  background: #f8f6ef;
  border: solid 3px #408a49;
  border-radius: 20px;
  padding: 35px 35px 40px 35px;
  position: relative;
}
.opt-blue .baloon_text {
  border: solid 3px #3c78b4;
}
.baloon_img {
  -ms-flex-preferred-size: 15%;
      flex-basis: 15%;
}
.topics_2clm_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 30px;
}
.topics_2clm_wrap img {
  width: 100%;
}
.topics_2clm_text {
  -ms-flex-preferred-size: 80%;
      flex-basis: 80%;
}
.topics_2clm_image {
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
}
.board_image01 {
  position: relative;
}
.board_image01 span {
  font-weight: bold;
  line-height: 1.3;
  position: absolute;
  top: 152px;
  left: 43px;
}
.board_image01 em {
  font-size: 18px;
}
.board_image02 {
  position: relative;
}
.board_image02 span {
  font-size: 12px;
  font-weight: bold;
  line-height: 1.3;
  position: absolute;
  top: 147px;
  left: 40px;
  text-align: center;
}
.board_image02 em {
  font-size: 18px;
}
.topics_text {
  margin-top: 30px;
}