@charset "UTF-8";
#regimail_input tr.after_email1 .title, #regimail_input tr.after_email2 .title {
  margin-left: 1em;
}

#regipii_confirm tr.email_confirm {
  display: none;
}
#regipii_confirm tr.account .line-3, #regipii_confirm tr.account .line-5 {
  display: none;
}

/*           各種ページ読み込み
======================================== */
/*           企業情報 / profile
======================================== */
#profile #main_area #access {
  padding: 0px;
}
#profile #main_area #access .address p {
  margin-bottom: 8px;
}
#profile #main_area #access .access_map {
  position: relative;
  width: 100%;
  padding-top: 37.5%;
  margin: 16px 0;
}
@media only screen and (max-width: 768px) {
  #profile #main_area #access .access_map {
    padding-top: 56.25%;
  }
}
@media only screen and (max-width: 640px) {
  #profile #main_area #access .access_map {
    padding-top: 73%;
  }
}
@media only screen and (max-width: 480px) {
  #profile #main_area #access .access_map {
    padding-top: 93.75%;
  }
}
#profile #main_area #access .access_map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#profile #main_area #finance .main_title {
  margin: 0 -100px;
}
@media only screen and (max-width: 1300px) {
  #profile #main_area #finance .main_title {
    margin: 0;
  }
  #profile #main_area #finance .main_title h2 {
    padding: 0 6px 10px;
  }
}
#profile #main_area #finance .text {
  margin-bottom: 24px;
}
#profile #main_area #finance table tbody th,
#profile #main_area #finance table tbody td {
  padding: 24px 18px;
}
#profile #main_area #announcement .list li:not(:last-child) {
  margin-bottom: 24px;
}

/*           経営理念 / philosophy
======================================== */
#philosophy #main_area #philosophy_first .main_cont {
  display: flex;
}
@media only screen and (max-width: 768px) {
  #philosophy #main_area #philosophy_first .main_cont {
    display: block;
  }
}
#philosophy #main_area #philosophy_first .read_text p {
  font-weight: bold;
  margin-bottom: 60px;
}
#philosophy #main_area #philosophy_first .text_wrap {
  margin-right: 40px;
  max-width: 800px;
}
@media only screen and (max-width: 768px) {
  #philosophy #main_area #philosophy_first .text_wrap {
    margin-right: 0;
  }
}
#philosophy #main_area #philosophy_first .text_wrap p {
  margin-bottom: 24px;
}
#philosophy #main_area #philosophy_first .img_wrap {
  min-width: 350px;
  width: 350px;
  height: auto;
}
@media only screen and (max-width: 768px) {
  #philosophy #main_area #philosophy_first .img_wrap {
    width: 100%;
    min-width: auto;
  }
}
#philosophy #main_area #philosophy_first .img_wrap img {
  display: block;
  width: 100%;
}

/*           スタッフ紹介 / staff
======================================== */
#staff #main_area #introduction .staff_cont {
  padding: 40px 0;
}
#staff #main_area #introduction .staff_cont:nth-child(2n) {
  background: #fdf3ec;
}
#staff #main_area #introduction .staff_cont .cont_title {
  margin-bottom: 40px;
}
#staff #main_area #introduction .staff_cont .cont_title.staff {
  margin-top: 40px;
}
#staff #main_area #introduction .staff_cont .staff_names {
  text-align: center;
  border-bottom: 2px solid #333333;
  margin-bottom: 32px;
}
@media only screen and (max-width: 600px) {
  #staff #main_area #introduction .staff_cont .staff_names {
    margin-bottom: 16px;
  }
}
#staff #main_area #introduction .staff_cont .staff_names .position {
  font-size: 15px;
}
#staff #main_area #introduction .staff_cont .staff_names .name {
  font-weight: bold;
  font-size: 20px;
  padding-bottom: 8px;
}
@media only screen and (max-width: 600px) {
  #staff #main_area #introduction .staff_cont .staff_names .name {
    font-size: 18px;
  }
}
#staff #main_area #introduction .staff_cont .staff_profile_wrap {
  display: flex;
}
@media only screen and (max-width: 600px) {
  #staff #main_area #introduction .staff_cont .staff_profile_wrap {
    display: block;
  }
}
#staff #main_area #introduction .staff_cont .staff_profile_wrap .staff_img_wrap {
  min-width: 300px;
  margin-right: 40px;
}
#staff #main_area #introduction .staff_cont .staff_profile_wrap .staff_img_wrap img {
  width: 100%;
}
@media only screen and (max-width: 900px) {
  #staff #main_area #introduction .staff_cont .staff_profile_wrap .staff_img_wrap {
    min-width: 33.3333%;
  }
}
@media only screen and (max-width: 600px) {
  #staff #main_area #introduction .staff_cont .staff_profile_wrap .staff_img_wrap {
    width: 50%;
    margin: 0 auto 24px;
  }
}
#staff #main_area #introduction .staff_cont .staff_profile_wrap .staff_text .staff_profile {
  margin-bottom: 20px;
}
#staff #main_area #introduction .staff_cont .staff_profile_wrap .staff_text .title {
  margin-bottom: 8px;
}
#staff #main_area #introduction .staff_cont .staff_profile_wrap .staff_text .text {
  font-size: 16px;
}

/*           ファンドについて
======================================== */
#about #main_area {
  width: 100%;
  height: 100%;
  background-image: url("../media/images/unionfund/unionfund_bg.jpg");
  background-position: top;
  background-repeat: no-repeat;
  background-size: contain;
}
#about #main_area #invest {
  padding-top: 60px;
  padding-bottom: 60px;
}
#about #main_area #invest .text_wrap {
  margin-bottom: 20px;
}
#about #main_area #invest .text_wrap p {
  text-align: center;
  font-weight: bold;
}
#about #main_area #invest .text_wrap p span {
  display: inline-block;
}
#about #main_area #invest .link_btn_wrap {
  display: flex;
  flex-wrap: wrap;
  margin: -10px;
}
@media only screen and (max-width: 600px) {
  #about #main_area #invest .link_btn_wrap {
    margin: 0;
  }
}
#about #main_area #invest .link_btn_wrap .link_btn {
  width: 33.3333%;
  padding: 10px;
}
@media only screen and (max-width: 768px) {
  #about #main_area #invest .link_btn_wrap .link_btn {
    width: 50%;
  }
}
@media only screen and (max-width: 600px) {
  #about #main_area #invest .link_btn_wrap .link_btn {
    width: 100%;
    padding: 0 0 10px;
  }
}
#about #main_area #invest .link_btn_wrap .link_btn > a, #about #main_area #invest .link_btn_wrap .link_btn > div {
  width: 100%;
  background: #ef8133;
  border-color: #ef8133;
  color: #fff;
  padding: 1em 0.5em;
}
#about #main_area #operation .main_cont .caution {
  padding: 50px 80px;
  display: flex;
}
@media only screen and (max-width: 768px) {
  #about #main_area #operation .main_cont .caution {
    display: block;
    padding: 50px;
  }
}
@media only screen and (max-width: 480px) {
  #about #main_area #operation .main_cont .caution {
    padding: 20px;
  }
}
#about #main_area #operation .main_cont .caution ul > li {
  line-height: 1.75;
}
#about #main_area #operation .main_cont .caution ul > li > ul {
  margin-left: 30px;
}
#about #main_area #operation .main_cont .caution .cont_left {
  margin-right: 80px;
}
@media only screen and (max-width: 768px) {
  #about #main_area #operation .main_cont .caution .cont_left {
    width: 100%;
    margin: 0;
    margin-bottom: 20px;
  }
}

/*           ファンド概要
======================================== */
#outline #main_area #information .bg_l-orange {
  padding: 60px 0;
}
#outline #main_area #information .border_cont {
  padding-top: 60px;
  padding-bottom: 60px;
  background: #fff;
  border: 2px solid #eb6100;
  border-radius: 8px;
  text-align: center;
}
#outline #main_area #information .pdf_list ul li a {
  margin-right: 0;
  margin-left: 20px;
  padding: 12px 0;
}
@media only screen and (max-width: 400px) {
  #outline #main_area #information .pdf_list ul li a {
    margin-left: 0;
  }
}
#outline #main_area #information .pdf_list ul li a span::after {
  right: auto;
  left: -40px;
}
@media only screen and (max-width: 400px) {
  #outline #main_area #information .pdf_list ul li a span::after {
    display: none;
  }
}

/*           レポート / report
======================================== */
#report #main_area .text_wrap p {
  margin-bottom: 20px;
}
#report #main_area .text_wrap ul li {
  line-height: 1.75;
}
#report #main_area .text_wrap ul li::before {
  top: 15px;
}
#report #main_area table {
  margin-bottom: 40px;
}
#report #main_area table tr th {
  text-align: center;
  color: #aaa;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  #report #main_area table tr th {
    min-width: 300px;
  }
}
@media only screen and (max-width: 600px) {
  #report #main_area table tr th {
    max-width: 140px;
    min-width: auto;
  }
}
#report #main_area table tr td a {
  padding: 8px 0;
}

/*           組入ファンド / invest
======================================== */
#invest #main_area .list_wrap.custom ul > li {
  list-style: none;
}
#invest #main_area .list_wrap.custom ul > li li {
  list-style: disc;
}
#invest #main_area .list_wrap.custom ul > li p {
  margin-top: 20px;
  margin-bottom: 10px;
}
#invest #main_area table sup {
  margin: auto 0.5em;
}
@media only screen and (max-width: 768px) {
  #invest #main_area table tbody tr th {
    width: 40%;
  }
  #invest #main_area table tbody tr td {
    width: 60%;
  }
}
#invest #main_area .caution_text {
  margin-top: 0.5em;
}
#invest #main_area .caution_text p, #invest #main_area .caution_text li {
  font-size: 14px;
  line-height: 1.3;
}
#invest #main_area .caution_text p {
  padding-left: 1.1em;
  text-indent: -1.1em;
}
#invest #main_area .caution_text p + p {
  margin-top: 0.5em;
}
#invest #main_area .caution_text.indent_min p {
  padding-left: 0.5em;
  text-indent: -0.5em;
}
#invest #main_area .caution_text.right {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
#invest #main_area .caution_text ul li {
  padding-left: 2em;
  text-indent: -2em;
}
#invest #main_area .caution_text ul li + li {
  margin-top: 0.5em;
}
#invest #main_area .invest_column {
  border-radius: 8px;
  padding: 30px;
  background: #fff1e0;
}
#invest #main_area .invest_column h3, #invest #main_area .invest_column h4 {
  font-weight: bold;
  text-align: left;
  margin-bottom: 0.75em;
}

/*           ごあいさつ / message
======================================== */
/*           ユニオン投信が考える~ / opinion
======================================== */
#opinion #main_area .border_wrap {
  border: 2px solid #eb6100;
  background: #fff;
  font-weight: bold;
  border-radius: 8px;
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px;
  margin-bottom: 20px;
}
#opinion #main_area .border_wrap ul {
  text-align: left;
}
#opinion #main_area .border_wrap ul li {
  color: #eb6100;
  font-weight: bold;
  font-size: 20px;
  display: inline-block;
  width: auto;
  line-height: 2em;
  margin-right: 34px;
}
@media only screen and (max-width: 600px) {
  #opinion #main_area .border_wrap ul li {
    display: block;
    margin-right: 0;
  }
}

/*           お取引のご案内 / flow
======================================== */
#flow #main_area .guide_flow_link_wrap {
  display: flex;
  margin: 0 -10px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 768px) {
  #flow #main_area .guide_flow_link_wrap {
    display: block;
  }
}
#flow #main_area .guide_flow_link_wrap .circle_btn_wrap {
  width: 50%;
  padding: 0 10px;
}
@media only screen and (max-width: 768px) {
  #flow #main_area .guide_flow_link_wrap .circle_btn_wrap {
    width: 100%;
    margin-bottom: 10px;
  }
}

/*           ファンドの購入
======================================== */
#subscription #main_area .subscription_flow {
  margin-top: 40px;
}
#subscription #main_area .subscription_link_wrap {
  display: flex;
  margin: 0 -10px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 768px) {
  #subscription #main_area .subscription_link_wrap {
    display: block;
  }
}
#subscription #main_area .subscription_link_wrap .circle_btn_wrap {
  width: 50%;
  padding: 0 10px;
}
@media only screen and (max-width: 768px) {
  #subscription #main_area .subscription_link_wrap .circle_btn_wrap {
    width: 100%;
    margin-bottom: 10px;
  }
}

/*           ファンドの換金
======================================== */
/*           特定口座のご案内
======================================== */
#specialtax #main_area .process_wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
@media only screen and (max-width: 600px) {
  #specialtax #main_area .process_wrap {
    display: block;
  }
}
#specialtax #main_area .process_cont {
  border: 2px solid #eb6100;
  background: #fdf3ec;
  border-radius: 8px;
  height: 150px;
  flex-grow: 1;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (max-width: 600px) {
  #specialtax #main_area .process_cont {
    height: 120px;
  }
}
#specialtax #main_area .process_cont p {
  text-align: center;
  color: #eb6100;
  line-height: 1.5;
  font-weight: bold;
}
#specialtax #main_area .process_cont p.normal {
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
  #specialtax #main_area .process_cont p.normal {
    font-size: 16px;
  }
}
#specialtax #main_area .process_cont p.small {
  font-size: 14px;
}
#specialtax #main_area .process_circle {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #eb6100;
  border-radius: 50vh;
  width: 60px;
  height: 60px;
  margin: 0 40px;
}
@media only screen and (max-width: 768px) {
  #specialtax #main_area .process_circle {
    margin: 0 20px;
  }
}
@media only screen and (max-width: 600px) {
  #specialtax #main_area .process_circle {
    margin: 20px auto;
  }
}
#specialtax #main_area .process_circle .plus {
  width: 22px;
  height: 5px;
  border-radius: 2px;
  background: #fff;
  position: relative;
}
#specialtax #main_area .process_circle .plus::after {
  content: '';
  position: absolute;
  display: block;
  background: #fff;
  border-radius: 2px;
  width: 5px;
  height: 22px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#specialtax #main_area .process_text {
  color: #eb6100;
}

/*           登録情報変更用紙請求
======================================== */
/*           メールアドレス・月次レポート
             受取方法変更
======================================== */
/*           その他
======================================== */
#other #main_area table tbody th {
  min-width: 310px;
  width: 310px;
}
@media only screen and (max-width: 900px) {
  #other #main_area table tbody th {
    min-width: 200px;
    width: 200px;
  }
}
@media only screen and (max-width: 768px) {
  #other #main_area table tbody th {
    min-width: 150px;
    width: 150px;
  }
}
#other #main_area table.onhead thead {
  border-bottom: 1px solid #aaa;
}
#other #main_area table.onhead thead td {
  padding-left: 18px;
}
#other #main_area table.onhead td {
  text-align: center;
}
#other #main_area table.onhead td:not(:last-child) {
  border-right: 1px dotted #aaa;
  min-width: 220px;
  width: 220px;
  vertical-align: top;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  #other #main_area table.onhead td:not(:last-child) {
    min-width: 180px;
    width: 180px;
  }
}
@media only screen and (max-width: 600px) {
  #other #main_area table.onhead td:not(:last-child) {
    min-width: 120px;
    width: 120px;
  }
}
#other #main_area table.onhead td:not(:first-child) {
  text-align: left;
}

/*           2カラムレイアウト
======================================== */
#column_sec .column_area .column_left .column_cont {
  padding: 0 15px;
  padding-bottom: 30px;
  width: 50%;
}
@media only screen and (max-width: 600px) {
  #column_sec .column_area .column_left .column_cont {
    width: 100%;
    padding-bottom: 40px;
  }
}

.cat_cont_wrap .cat_cont {
  background: #efefef;
  border-radius: 8px;
  padding: 30px;
}
@media only screen and (max-width: 768px) {
  .cat_cont_wrap .cat_cont {
    padding: 20px;
  }
}
@media only screen and (max-width: 480px) {
  .cat_cont_wrap .cat_cont {
    padding: 15px;
  }
}
.cat_cont_wrap .cat_cont .cat_title {
  color: #eb6100;
  font-size: 20px;
  border-bottom: 2px solid #eb6100;
  margin-bottom: 20px;
}
.cat_cont_wrap .cat_cont .cat_title > p, .cat_cont_wrap .cat_cont .cat_title span {
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .cat_cont_wrap .cat_cont .cat_title {
    font-size: 18px;
  }
}
.cat_cont_wrap .cat_cont ul {
  width: 100%;
}
.cat_cont_wrap .cat_cont .list_title {
  font-weight: bold;
  width: 49.5%;
  display: inline-block;
}
@media only screen and (max-width: 768px) {
  .cat_cont_wrap .cat_cont .list_title {
    width: 100%;
  }
}
.cat_cont_wrap .cat_cont .list_title:last-child {
  margin-bottom: 0;
}

/*           FAQ
======================================== */
/*           プライバシーポリシー
======================================== */
#privacy_policy .main_cont {
  margin-bottom: 40px;
}
#privacy_policy .cont_title {
  margin-bottom: 20px;
}
#privacy_policy ul.pp_list {
  margin: 1em 0;
}
#privacy_policy .list_title {
  font-weight: bold;
  width: 100%;
  display: inline-block;
}
#privacy_policy .list_title:last-child {
  margin-bottom: 0;
}

/*           勧誘方針
======================================== */
/*           反社会的勢力に対する基本方針
======================================== */
/*           各種相談窓口
======================================== */
@media only screen and (max-width: 768px) {
  #inquiry table tbody th {
    min-width: 180px;
  }
}
@media only screen and (max-width: 400px) {
  #inquiry table tbody th {
    min-width: 150px;
  }
}

/*           デリバティブ取引等の
             リスク管理方法
======================================== */
/*           議決権行使の方針
======================================== */
/*           下層ページ共通
======================================== */
section {
  margin-top: 80px;
  margin-bottom: 80px;
}
@media only screen and (max-width: 768px) {
  section.mt_none {
    margin-top: 0px;
  }
}

.page_meta {
  margin-bottom: 20px;
}

@media only screen and (max-width: 1024px) {
  .page_menu_wrap {
    display: none;
  }
}

.page_menu {
  display: flex;
  margin: 0 -5px;
  flex-wrap: wrap;
}
@media only screen and (max-width: 600px) {
  .page_menu {
    display: block;
  }
}
.page_menu.list-item-3 li {
  width: 33.3333%;
}
@media only screen and (max-width: 600px) {
  .page_menu.list-item-3 li {
    width: 100%;
  }
}
.page_menu.list-item-4 li {
  width: 25%;
}
@media only screen and (max-width: 768px) {
  .page_menu.list-item-4 li {
    width: 50%;
  }
  .page_menu.list-item-4 li:not(:last-child) {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 600px) {
  .page_menu.list-item-4 li {
    width: 100%;
  }
}
.page_menu.list-item-5 li {
  width: 33.3333%;
  flex-grow: 1;
}
.page_menu.list-item-5 li:not(:last-child) {
  margin-bottom: 10px;
}
@media only screen and (max-width: 768px) {
  .page_menu.list-item-5 li {
    width: 50%;
  }
}
@media only screen and (max-width: 600px) {
  .page_menu.list-item-5 li {
    width: 100%;
  }
}
.page_menu.list-item-6 li {
  width: 33.3333%;
  flex-grow: 1;
}
.page_menu.list-item-6 li:not(:last-child) {
  margin-bottom: 10px;
}
@media only screen and (max-width: 768px) {
  .page_menu.list-item-6 li {
    width: 50%;
  }
}
@media only screen and (max-width: 600px) {
  .page_menu.list-item-6 li {
    width: 100%;
  }
}
.page_menu.list-item-7 li, .page_menu.list-item-8 li {
  width: 25%;
  flex-grow: 1;
}
.page_menu.list-item-7 li:not(:last-child), .page_menu.list-item-8 li:not(:last-child) {
  margin-bottom: 10px;
}
@media only screen and (max-width: 768px) {
  .page_menu.list-item-7 li, .page_menu.list-item-8 li {
    width: 50%;
  }
}
@media only screen and (max-width: 600px) {
  .page_menu.list-item-7 li, .page_menu.list-item-8 li {
    width: 100%;
  }
}
.page_menu.invest_menu li {
  width: 16.6666%;
  flex-grow: 1;
}
.page_menu.invest_menu li:not(:last-child) {
  margin-bottom: 10px;
}
@media only screen and (max-width: 1024px) {
  .page_menu.invest_menu li {
    width: 33.3333%;
  }
}
@media only screen and (max-width: 768px) {
  .page_menu.invest_menu li {
    width: 50%;
  }
}
@media only screen and (max-width: 600px) {
  .page_menu.invest_menu li {
    width: 100%;
  }
}
.page_menu li {
  padding: 0 5px;
  text-align: center;
  height: 60px;
}
.page_menu li.nowpage > div, .page_menu li.nowpage > a {
  background: #eb6100;
  color: #fff;
}
@media only screen and (max-width: 600px) {
  .page_menu li {
    width: 100%;
  }
  .page_menu li:not(:last-child) {
    margin-bottom: 10px;
  }
}
.page_menu li > div, .page_menu li > a {
  font-weight: bold;
  height: 100%;
  width: 100%;
  text-decoration: none;
  border-radius: 4px;
  color: #eb6100;
  background: #fff;
  border: 2px solid #eb6100;
  transition: 0.3s background;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media only screen and (min-width: 769px) {
  .page_menu li > div:hover, .page_menu li > a:hover {
    background: #eb6100;
    color: #fff;
  }
}

/*           記事形式のページに使用
======================================== */
.main_cont {
  margin-bottom: 80px;
}
@media only screen and (max-width: 1024px) {
  .main_cont {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 768px) {
  .main_cont {
    margin-bottom: 40px;
  }
}
.main_cont .caution {
  background: #efefef;
  border-radius: 8px;
  padding: 30px;
}
.main_cont .caution p {
  line-height: 1.5;
}
.main_cont .caution p a {
  color: #eb6100;
  font-weight: bold;
  text-decoration: underline;
}
.main_cont .caution .emp_title {
  font-weight: bold;
  font-size: 20px;
  color: #eb6100;
  padding-bottom: 4px;
  border-bottom: 2px solid #eb6100;
  margin-bottom: 20px;
  display: inline-block;
}
.main_cont .caution .mb_10 {
  margin-bottom: 10px;
}
.main_cont .caution .title {
  font-weight: bold;
  margin-bottom: 16px;
}
@media only screen and (max-width: 768px) {
  .main_cont .caution {
    padding: 20px;
  }
}
@media only screen and (max-width: 480px) {
  .main_cont .caution {
    padding: 15px;
  }
}

ul.emp > li {
  line-height: 1.5;
  position: relative;
  padding-left: 1em;
}
ul.emp > li:not(:last-child) {
  margin-bottom: 8px;
}
ul.emp > li::before {
  content: "※";
  position: absolute;
  top: 12px;
  left: 0;
  transform: translateY(-50%);
}

.clear {
  clear: both;
}

.column_image {
  float: right;
  margin-left: 40px;
  margin-bottom: 40px;
}
.column_image img {
  width: 100%;
}
.column_image img.w270 {
  max-width: 270px;
}
.column_image img.w300 {
  max-width: 300px;
}
.column_image img.w350 {
  max-width: 350px;
}
@media only screen and (max-width: 768px) {
  .column_image {
    float: none;
    padding-left: 0;
    margin: 0 auto;
    margin-bottom: 30px;
    width: 50%;
  }
}
@media only screen and (max-width: 600px) {
  .column_image {
    width: 100%;
    margin-bottom: 20px;
  }
}

.ib {
  display: inline-block;
}

.mt_10 {
  margin-top: 10px;
}
.mt_20 {
  margin-top: 20px;
}
.mt_30 {
  margin-top: 30px;
}

.mb_10 {
  margin-bottom: 10px;
}
.mb_20 {
  margin-bottom: 20px;
}
.mb_30 {
  margin-bottom: 30px;
}

.liststyle_none {
  list-style: none !important;
}

.text_wrap {
  margin-bottom: 20px;
}
.text_wrap p img {
  display: inline-block;
  margin-bottom: 0.5em;
}
.text_wrap a {
  color: #eb6100;
  font-weight: bold;
  text-decoration: underline;
}
@media only screen and (min-width: 769px) {
  .text_wrap a:hover {
    color: #333333;
    text-decoration: none;
  }
}
.text_wrap p {
  line-height: 1.75;
}
.text_wrap p.bold {
  font-weight: bold;
}
.text_wrap p.strong {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 20px;
}
.text_wrap .read {
  font-size: 20px;
  margin-bottom: 20px;
}

.image_wrap {
  margin-bottom: 20px;
}

.list_wrap {
  margin-bottom: 40px;
}
.list_wrap span.title {
  font-weight: bold;
  margin-top: 6px;
  margin-bottom: 6px;
  display: inline-block;
}
.list_wrap ol > li {
  list-style-type: decimal;
  margin-left: 18px;
  margin-bottom: 12px;
  padding-left: 12px;
  line-height: 1.5;
}
.list_wrap ul li {
  list-style-type: disc;
  margin-bottom: 6px;
  margin-left: 18px;
  line-height: 1.5;
}
.list_wrap ul.liststyle_none li {
  list-style: none;
  margin-left: 0px;
}
.list_wrap .text {
  margin-bottom: 20px;
}
.list_wrap .bold {
  font-weight: bold;
}
.list_wrap .title {
  margin-bottom: 10px;
}
.list_wrap a {
  color: #eb6100;
  text-decoration: underline;
  font-weight: bold;
}
@media only screen and (min-width: 769px) {
  .list_wrap a:hover {
    color: #333333;
    text-decoration: none;
  }
}
.list_wrap ul li > span {
  display: block;
}
.list_wrap ul li > span.indent {
  padding-left: 1.1em;
  text-indent: -1.1em;
}
.list_wrap ol.num_indent li {
  list-style: none;
  margin-left: 0px;
}

/*           ページ内ドロップダウンメニュー
======================================== */
.page_dd {
  margin-bottom: 40px;
}
.page_dd .page_dd_list .page_dd_cont {
  border-bottom: 1px solid #aaa;
}
.page_dd .page_dd_list .page_dd_cont .page_dd_main {
  padding: 1em 8px;
  position: relative;
  cursor: pointer;
}
.page_dd .page_dd_list .page_dd_cont .page_dd_main > .list_title {
  margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
  .page_dd .page_dd_list .page_dd_cont .page_dd_main {
    padding-left: 0px;
  }
}
.page_dd .page_dd_list .page_dd_cont .page_dd_main::before {
  position: absolute;
  top: 50%;
  right: 40px;
  transform: translateY(-50%);
  content: "";
  display: inline-block;
  width: 1px;
  height: 40%;
  background: #aaa;
}
.page_dd .page_dd_list .page_dd_cont .page_dd_main::after {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-top: 10px solid #aaa;
  border-bottom: 0px solid transparent;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  box-sizing: border-box;
  transition: 0.3s all;
}
.page_dd .page_dd_list .page_dd_cont.open .page_dd_main {
  border-bottom: 1px dotted #aaa;
}
.page_dd .page_dd_list .page_dd_cont.open .page_dd_main::after {
  border-bottom: 10px solid #aaa;
  border-top: 0px solid transparent;
}
.page_dd .page_dd_list .page_dd_cont .page_dd_sub {
  padding: 10px 0;
}
.page_dd .page_dd_list .page_dd_cont .page_dd_sub > li, .page_dd .page_dd_list .page_dd_cont .page_dd_sub > div, .page_dd .page_dd_list .page_dd_cont .page_dd_sub > p {
  padding: 12px 8px;
}
@media only screen and (max-width: 768px) {
  .page_dd .page_dd_list .page_dd_cont .page_dd_sub > li, .page_dd .page_dd_list .page_dd_cont .page_dd_sub > div, .page_dd .page_dd_list .page_dd_cont .page_dd_sub > p {
    padding: 12px 0px;
  }
}
.page_dd .page_dd_list .page_dd_cont .page_dd_sub > li > .date, .page_dd .page_dd_list .page_dd_cont .page_dd_sub > div > .date, .page_dd .page_dd_list .page_dd_cont .page_dd_sub > p > .date {
  color: #aaa;
  display: inline-block;
  padding-right: 10px;
  font-weight: bold;
}
.page_dd .page_dd_list .page_dd_cont .page_dd_sub > li > a, .page_dd .page_dd_list .page_dd_cont .page_dd_sub > div > a, .page_dd .page_dd_list .page_dd_cont .page_dd_sub > p > a {
  display: inline-block;
}
.page_dd.faq_dd .page_dd_list .page_dd_main > p, .page_dd.faq_dd .page_dd_list .page_dd_main > div, .page_dd.faq_dd .page_dd_list .page_dd_main > span {
  display: block;
  position: relative;
  padding-left: 40px;
  padding-right: 40px;
}
.page_dd.faq_dd .page_dd_list .page_dd_main > p::before, .page_dd.faq_dd .page_dd_list .page_dd_main > div::before, .page_dd.faq_dd .page_dd_list .page_dd_main > span::before {
  content: 'Q';
  position: absolute;
  text-align: center;
  width: 24px;
  height: 24px;
  line-height: 24px;
  background: #eb6100;
  border-radius: 4px;
  color: #fff;
  top: 2px;
  left: 0;
}
.page_dd.faq_dd .page_dd_list .page_dd_sub {
  padding-left: 8px;
  padding-right: 8px;
}
@media only screen and (max-width: 768px) {
  .page_dd.faq_dd .page_dd_list .page_dd_sub {
    padding-left: 0px;
  }
}
.page_dd.faq_dd .page_dd_list .page_dd_sub > p, .page_dd.faq_dd .page_dd_list .page_dd_sub > div, .page_dd.faq_dd .page_dd_list .page_dd_sub > span {
  display: block;
  padding-left: 40px;
  position: relative;
}
.page_dd.faq_dd .page_dd_list .page_dd_sub > p::before, .page_dd.faq_dd .page_dd_list .page_dd_sub > div::before, .page_dd.faq_dd .page_dd_list .page_dd_sub > span::before {
  content: 'A';
  position: absolute;
  text-align: center;
  width: 24px;
  height: 24px;
  line-height: 24px;
  background: #aaa;
  border-radius: 4px;
  color: #fff;
  top: 14px;
  left: 0;
}
.page_dd.faq_dd .page_dd_list .page_dd_sub a {
  text-decoration: underline;
}

/*           フロー装飾
======================================== */
.flow_item.arrow {
  position: relative;
}
.flow_item.arrow:not(:last-child) {
  margin-bottom: 56px;
}
.flow_item.arrow::after {
  content: '';
  display: block;
  width: 26px;
  height: 22px;
  position: absolute;
  box-sizing: border-box;
  top: 100%;
  left: 50%;
  transform: translate(-50%, 2px);
  border-top: 26px solid #eb6100;
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-bottom: 0px solid transparent;
}

.flow_item {
  border: 2px solid #eb6100;
  border-radius: 8px;
  padding: 0 30px;
  background: #fff;
  position: relative;
}
.flow_item:not(:last-child) {
  margin-bottom: 40px;
}
@media only screen and (max-width: 600px) {
  .flow_item {
    padding: 0 20px;
  }
}
.flow_item .num_label {
  position: absolute;
  display: inline-block;
}
.flow_item .num {
  display: inline-block;
  text-align: center;
  width: 60px;
  height: 55px;
  color: #fff;
  background: #eb6100;
  position: relative;
  font-weight: bold;
  font-size: 20px;
  line-height: 55px;
  top: -15px;
  margin-right: 16px;
}
@media only screen and (max-width: 600px) {
  .flow_item .num {
    width: 40px;
    height: 35px;
    line-height: 35px;
    font-size: 18px;
  }
}
.flow_item .num::after {
  content: '';
  background: #fff;
  display: block;
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 100%;
  height: 10px;
  box-sizing: border-box;
  border-top: 0px solid #eb6100;
  border-left: 30px solid #eb6100;
  border-right: 30px solid #eb6100;
  border-bottom: 10px solid #fff;
}
@media only screen and (max-width: 600px) {
  .flow_item .num::after {
    border-left: 20px solid #eb6100;
    border-right: 20px solid #eb6100;
    border-bottom: 10px solid #fff;
  }
}
.flow_item .flow_title {
  border-bottom: 2px solid #aaa;
}
.flow_item .flow_title .title {
  display: inline-block;
  font-weight: bold;
  font-size: 20px;
  padding-left: 80px;
  padding-top: 15px;
  padding-bottom: 15px;
}
@media only screen and (max-width: 600px) {
  .flow_item .flow_title .title {
    display: inline-block;
    padding-left: 50px;
    font-size: 18px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
.flow_item .flow_cont {
  padding: 24px 0;
}
.flow_item .flow_cont .mb_10 {
  margin-bottom: 10px;
}
.flow_item .flow_cont .mb_20 {
  margin-bottom: 20px;
}
.flow_item .flow_cont .title {
  font-weight: bold;
}
.flow_item .flow_cont p {
  font-size: 17px;
  margin-bottom: 10px;
}
.flow_item .flow_cont > a {
  color: #eb6100;
  display: inline-block;
  margin-top: 10px;
  text-decoration: underline;
  font-weight: bold;
}
.flow_item .flow_cont ul li {
  list-style-type: disc;
  line-height: 1.5;
  margin-bottom: .5em;
  margin-left: 14px;
}
.flow_item .flow_cont ul.emp li {
  list-style: none;
  margin-left: 0px;
}
.flow_item .flow_cont .flow_img_wrap {
  margin-top: 20px;
}

.circle_btn {
  background: #e97234;
  border-radius: 4px;
  border: 2px solid #e97234;
  background: #e97234;
  width: 100%;
  display: inline-block;
  overflow: hidden;
  height: 100px;
  position: relative;
  padding-left: 60px;
  transition: .3s opacity;
}
@media only screen and (min-width: 769px) {
  .circle_btn:hover {
    text-decoration: none;
    opacity: .8;
  }
}
.circle_btn a {
  display: block;
}
.circle_btn p {
  margin: 0 !important;
}
.circle_btn .circle {
  text-align: right;
  display: inline-block;
  position: absolute;
  top: -25px;
  left: -90px;
  background: #fff;
  border-radius: 50vh;
  width: 150px;
  height: 150%;
}
.circle_btn .circle span {
  font-size: 32px;
  color: #e97234;
  line-height: 150px;
  font-weight: bold;
  display: inline-block;
  padding-right: 20px;
}
.circle_btn .btn_text {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;
}
.circle_btn .btn_text .main {
  font-size: 20px;
  font-weight: bold;
}
.circle_btn .btn_text .sub {
  font-weight: bold;
  font-size: 14px;
  line-height: 1.5em;
}
.circle_btn .btn_text .sub span {
  display: inline-block;
}
.circle_btn.orange {
  background: #ffae00;
  border-color: #ffae00;
}
.circle_btn.orange .circle span {
  color: #ffae00;
}

/*           2カラムレイアウト
======================================== */
.column_area {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
@media only screen and (max-width: 768px) {
  .column_area {
    flex-direction: column-reverse;
  }
}
.column_area .column_left {
  flex-grow: 1;
  max-width: 920px;
}
.column_area .column_left .pagination {
  text-align: center;
  margin-top: 60px;
}
@media only screen and (max-width: 768px) {
  .column_area .column_left .pagination {
    margin-top: 40px;
  }
}
.column_area .column_left .pagination li {
  display: inline-block;
  border: 1px solid #333333;
  width: 36px;
  height: 36px;
  display: none;
  text-align: center;
  line-height: 36px;
  margin: 0 2px;
}
.column_area .column_left .pagination li.page {
  display: inline-block;
}
.column_area .column_left .pagination li.page.first, .column_area .column_left .pagination li.page.last {
  display: none;
}
.column_area .column_left .pagination li.current {
  border-color: #ccc;
}
.column_area .column_left .pagination li.current a, .column_area .column_left .pagination li.current > span {
  color: #ccc;
  cursor: inherit;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.column_area .column_left .pagination li a {
  display: block;
  width: 100%;
  height: 100%;
}
.column_area .column_left .pagination li.nowpage {
  border-color: #ccc;
}
.column_area .column_left .pagination li.nowpage a {
  color: #ccc;
  cursor: inherit;
  user-select: none;
}
.column_area .column_left .column_thumb {
  max-width: 350px;
  display: block;
}
.column_area .column_left .column_thumb img {
  display: block;
  max-width: 350px;
}
.column_area .column_right {
  width: 230px;
  min-width: 230px;
  margin-left: 50px;
}
@media only screen and (max-width: 1024px) {
  .column_area .column_right {
    min-width: 200px;
  }
}
@media only screen and (max-width: 768px) {
  .column_area .column_right {
    width: 100%;
    margin-left: 0;
    margin-bottom: 40px;
  }
}

/*           サイドバー
======================================== */
#side_category {
  background: #efefef;
  border-radius: 4px;
  padding: 24px;
}
#side_category .cat_title > h2, #side_category .cat_title > h3, #side_category .cat_title > p {
  font-size: 20px;
  font-weight: bold;
  border-bottom: 2px solid #eb6100;
  margin-bottom: 20px;
  color: #eb6100;
}
#side_category .cat_list li {
  width: 100%;
}
#side_category .cat_list .nowpage > p, #side_category .cat_list .nowpage > a {
  color: #eb6100;
}

/*           記事詳細ページ
======================================== */
.article .article_date {
  color: #aaa;
  font-weight: bold;
  display: inline-block;
}
.article .article_category {
  display: inline-block;
  line-height: 1em;
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px solid #ccc;
}
.article span.orange {
  color: #eb6100;
}
.article .article_title > h2, .article .article_title > h3, .article .article_title > h4, .article .article_title > p, .article .article_title > a {
  display: block;
  width: 100%;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 2px solid #ccc;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.75;
}
.article .article_title > h2 span, .article .article_title > h3 span, .article .article_title > h4 span, .article .article_title > p span, .article .article_title > a span {
  display: inline-block;
}
.article .article_cont {
  padding-bottom: 100px;
  border-bottom: 2px solid #ccc;
  width: 100%;
}
.article .article_cont table {
  width: 100%;
  margin-top: 60px;
  margin-bottom: 60px;
}
.article .article_cont table tbody {
  width: 100%;
}
.article .article_cont table tr > td a {
  font-weight: bold;
  color: #eb6100;
  text-decoration: underline;
}
@media only screen and (min-width: 769px) {
  .article .article_cont table tr > td a:hover {
    color: #333333;
  }
}
.article .article_cont .image_wrap {
  text-align: center;
  margin-bottom: 30px;
  margin-top: 30px;
}
.article .article_cont .text_wrap p.title {
  margin-top: 30px;
  font-weight: bold;
}
.article .article_cont .link_btn {
  text-align: center;
}
.article .article_cont .link_btn > p, .article .article_cont .link_btn > a {
  background: #eb6100;
  color: #fff;
  width: 240px;
}
.article .article_cont .caution {
  background: #efefef;
  border-radius: 8px;
  padding: 30px;
}
@media only screen and (max-width: 768px) {
  .article .article_cont .caution {
    padding: 20px;
  }
}
@media only screen and (max-width: 480px) {
  .article .article_cont .caution {
    padding: 15px;
  }
}
.article .article_cont .caution ul {
  padding-left: 1em;
}
.article .article_cont .caution ul li {
  list-style: disc;
}
.article .article_cont .caution ul li:not(:last-child) {
  margin-bottom: 6px;
}
.article .article_table table tr th {
  width: 20%;
  min-width: 150px;
}
.article .article_table table tr td {
  width: 80%;
  word-break: break-all;
}
@media only screen and (max-width: 768px) {
  .article .article_table table tr th {
    width: 20%;
  }
  .article .article_table table tr td {
    width: 80%;
  }
}
@media only screen and (max-width: 480px) {
  .article .article_table table {
    display: block;
    width: 100%;
  }
  .article .article_table table tr {
    display: block;
    width: 100%;
  }
  .article .article_table table tr th {
    width: 100%;
    display: block;
  }
  .article .article_table table tr td {
    display: block;
    width: 100%;
  }
}

.article_pager {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.article_pager .pager_prev.hide, .article_pager .pager_next.hide {
  position: relative;
  z-index: -1;
  overflow: hidden;
}
.article_pager .pager_prev.hide a, .article_pager .pager_next.hide a {
  position: relative;
  left: -500px;
}
.article_pager a {
  text-decoration: underline;
}
@media only screen and (min-width: 769px) {
  .article_pager a:hover {
    color: #eb6100;
  }
}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-bottom: 20px;
}

.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/*           block Editor対応
======================================== */
.block-editor-main .block.div {
  line-height: 1.75;
}
.block-editor-main .block.images {
  margin-bottom: 30px;
  margin-top: 30px;
}
.block-editor-main .block.images ul.images {
  display: flex;
  flex-wrap: wrap;
}
.block-editor-main .block.images ul.images.align-left {
  justify-content: flex-start;
}
.block-editor-main .block.images ul.images.align-right {
  justify-content: flex-end;
}
.block-editor-main .block.images ul.images.align-center {
  justify-content: center;
}
.block-editor-main .block.images ul.images.align-float-left {
  display: block;
  max-width: 50%;
  float: left;
  padding: 0 15px 15px 0;
}
@media only screen and (max-width: 480px) {
  .block-editor-main .block.images ul.images.align-float-left {
    float: none;
    max-width: 100%;
    padding: 0;
  }
  .block-editor-main .block.images ul.images.align-float-left img {
    width: auto;
    margin: auto;
    display: block;
  }
}
.block-editor-main .block.images ul.images.align-float-right {
  display: block;
  max-width: 50%;
  float: right;
  padding: 0 0 15px;
}
@media only screen and (max-width: 480px) {
  .block-editor-main .block.images ul.images.align-float-right {
    float: none;
    max-width: 100%;
    padding: 0;
  }
  .block-editor-main .block.images ul.images.align-float-right img {
    width: auto;
    margin: auto;
    display: block;
  }
}
.block-editor-main .block.h3 {
  margin-bottom: 20px;
}
.block-editor-main .block.h3 h3 {
  font-weight: bold;
  font-weight: 700;
  margin-top: 30px;
  font-weight: bold;
}

.number_list {
  counter-reset: number;
}
.number_list li {
  padding-left: 1.2em;
  position: relative;
}
.number_list li:before {
  position: absolute;
  left: 0;
}
.number_list li:nth-child(1):before {
  content: "\02460";
}
.number_list li:nth-child(2):before {
  content: "\02461";
}

.list-kome li {
  padding-left: 1em;
  position: relative;
}
.list-kome li:before {
  content: "※";
  position: absolute;
  left: 0;
}

.t-a-right {
  text-align: right;
}

.c-t-underline {
  text-decoration: underline;
}

/*# sourceMappingURL=lower.css.map */