@charset "utf-8";

/*======================================
2021.2.25追加css
======================================*/
/*.heading_img h1:after {
  position: absolute;
  top: -5px;
  left: -40px;
  content: "";
  width: 530px;
  height: 60px;
  display: block;
  margin-top: unset;
  margin-bottom: unset;
  background: linear-gradient(to right, #fff, rgba(255,255,255,0));
  z-index: -1;
}*/

.for_pc {
  display: block!important;
}
.for_sp {
  display: none!important;
}
@media only screen and (max-width: 768px) {
  .for_pc {
    display: none!important;
  }
  .for_sp {
    display: block!important;
  }
}

.mt100 {
  margin-top: 100px;
}

.mt60 > div {
  margin-top: 60px;
}

.pt60.pbNested.pbNestedWrapper > div {
  padding-top: 60px;
}

.t_c {
  text-align: center;
}

.color_222 {
  color: #222222;
}

#area0 > div > div:last-child:not(.border) > div {
  padding-bottom: 200px;
}
@media only screen and (max-width: 768px) {
  #area0 > div > div:last-child:not(.border) > div {
    padding-bottom: 100px;
  }
}

.flex_block {
  display: flex;
  padding: 0 0 70px;
}
@media only screen and (max-width: 768px) {
  .flex_block {
    flex-flow: column;
    padding: 0 0 55px;
  }
}

.tab_contents_item:nth-last-of-type(1) .flex_block {
  display: flex;
  padding: 0 0 115px;
}
@media only screen and (max-width: 768px) {
  .tab_contents_item:nth-last-of-type(1) .flex_block {
    padding: 0 0 55px;
  }
}

div#area0 > div > div.qCmp_column_narrow.qCmp_column_narrow_size680 > div.pb-of-visible{
  padding-left: 0;
  padding-right: 0;
}

@media only screen and (max-width: 768px) {
#area0 > div > div:last-child:not(.border) > div:not(.pb-handle){
  padding-bottom: 100px;
}
}

.flex_block h2 {
  width: 100%;
  padding: 6px 0;
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  color: #fff;
  background: #004EA2;
}
@media only screen and (max-width: 768px) {
  .flex_block h2 {
    font-size: 16px;
    padding: 4px 0;
  }
}

.flex_block .flex_left_box {
  margin-right: 2%;
}

.flex_block .flex_right_box,
.flex_block .flex_left_box {
  width: 49.5%;
}
@media only screen and (max-width: 768px) {
  .flex_block .flex_right_box,
  .flex_block .flex_left_box {
    width: 100%;
  }
}


@media only screen and (max-width: 1279px) {
  .flex_right_box.column2_type_flex {
    padding-right: 0;
    padding-left: 0;
  }
}
@media only screen and (max-width: 768px) {
  .flex_right_box.column2_type_flex {
    padding-top: 30px;
    padding-right: 0;
    padding-left: 0;
  }
}

.flex_left_box {
  width: 50%;
}
@media only screen and (max-width: 768px) {
  .flex_left_box {
    width: 100%;
  }
}

.flex_block > div > div {
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .flex_left_box > div  {
    text-align: center;
  }
}

.h2_content_wrap {
  width: 67%;
  margin: auto;
}
@media only screen and (max-width: 768px) {
  .h2_content_wrap {
    width: 100%;
  }
}

h2.h2_head_title {
  position: relative;
  font-size: 36px;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  h2.h2_head_title {
    padding-bottom: 0;
    margin-bottom: 20px;
    font-size: 22px;
  }
}

h2.h2_head_title::after {
  content: "";
  height: 3px;
  width: 50px;
  background: #004EA2;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media only screen and (max-width: 768px) {
  h2.h2_head_title::after {
    content: none;
  }
}

p.h2_head_text {
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
  p.h2_head_text {
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
    font-size: 15px;
  }
}

.column2_type_flex {
  width: 50%;
}
@media only screen and (max-width: 768px) {
  .column2_type_flex {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}

#area0 .flex_block .column2_type_flex .link_panel_wrap {
  width: 48%;
  padding-bottom: 0;
  margin-top: 20px;
}
@media only screen and (max-width: 768px) {
  #area0 .flex_block .column2_type_flex .link_panel_wrap {
    margin-top: 20px!important;
  }
}

.flex_block .qCmp_column.link_panel .qCmp_column_box img {
  object-fit: cover;
  height: 140px;
}
@media only screen and (max-width: 768px) {
  .flex_block .qCmp_column.link_panel .qCmp_column_box img {
    height: 140px;
  }
}
@media only screen and (max-width: 480px) {
  .flex_block .qCmp_column.link_panel .qCmp_column_box img {
    height: 90px;
  }
}

.column2_type_flex .link_panel_wrap {
  margin-top: 25px;
}

.link_panel_wrap.ml52p {
  margin-left: 52%;
}
@media only screen and (max-width: 768px) {
  .link_panel_wrap.ml52p {
    margin-left: 0;
  }
}

.column2_type_flex .link_panel_item {
  width: 100%;
}


/* column_introduction */
.column_introduction {
  padding: 0 40px;
}
@media only screen and (max-width: 768px) {
  .column_introduction {
    padding: 0 20px;
  }
}

.column_introduction > div {
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 105px!important;
  margin-bottom: 35px;
  background: #FFFCEA;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
@media only screen and (max-width: 768px) {
  .column_introduction > div {
    margin: 0 40px 35px;
  }
}

.column_introduction h2 {
  color: #004EA2;
}

.column_introduction h2 + p {
  margin-top: 15px;
  font-size: 19px;
}
@media only screen and (max-width: 768px) {
  .column_introduction h2 + p {
    font-size: 16px;
  }
}

.column_introduction .link_bt {
  margin-top: 70px!important;
  padding: 0!important;
}

.link_bt.bd_blu.typeC a {
  display: inline-block;
  text-align: center;
  width: 360px;
  padding: 14px 10px;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  border-radius: 35px;
  background: #fff;
}
@media only screen and (max-width: 768px) {
  .link_bt.bd_blu.typeC a {
    width: 100%;
  }
}

.column_introduction .panel_title p {
  margin-bottom: 20px;
  text-align: center;
  font-size: 25px;
  font-weight: bold;
  color: #555;
}

.column_introduction .qCmp_panel_box {
  background: #fff;
}

.column_introduction .qCmp_column.tag_list .qCmp_column_box.img.tag_list_title {
  margin-bottom: 20px;
}

.column_introduction .qCmp_column.column2.typeB .qCmp_column_box.text.tag_square {
  margin-bottom: 65px;
}

.column_introduction .qCmp_column.tag_list .qCmp_column_box.img.tag_list_title .t_c {
  font-weight: normal;
}

@media only screen and (max-width: 768px) {
  .column_introduction .qCmp_panel_textbox > div {
    width: 100%;
    padding: 6px 10px 4px 0;
    font-size: 83%;
    line-height: 1.3;
  }
}

/*======================================
tab setting
======================================*/
.tab_switch_wrap {
  margin-bottom: 60px;
}
@media only screen and (max-width: 768px) {
  .tab_switch_wrap {
    margin-bottom: 30px;
  }
}

#mainArea .pbBlockBase .tab_list {
  width: 100%;
  margin: auto;
  padding-left: unset;
  text-align: center;
  font-size: 0;
  list-style-type: none;
}

#mainArea .pbBlockBase .tab_switch {
  display: inline-block;
  width: 470px;
  margin-top: 10px;
  padding: 4px 0;
  border-bottom: 2px solid #e4e4e4;
  text-align: center;
  font-size: 26px;
  font-weight: bold;
  cursor: pointer;
}

#mainArea .pbBlockBase .tab_switch + .tab_switch {
  margin-left: 28px;
}

@media only screen and (max-width: 768px) {
  #mainArea .pbBlockBase .tab_switch {
    width: 48%;
    font-size: 17px;
  }
  #mainArea .pbBlockBase .tab_switch + .tab_switch {
    margin-left: 2%;
  }
}

[data-tab-switch].is_open {
  position: relative;
  background: #E3F1F4;
  color: #004EA2;
}

[data-tab-switch].is_open::before {
  position: absolute;
  content: '';
  bottom: -9px;
  left: 50%;
  transform: translateX(-50%);
  background: url(../images/contents/arrow_tab.png) no-repeat center center / contain;
  width: 18px;
  height: 7px;
}

[data-tab-switch].is_open::after {
  position: absolute;
  content: '';
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 5px;
  opacity: 1;
  background: #004EA2;
}

[data-tab-content] {
  display: none;
}

[data-tab-content].is_open {
  display: block;
}

.h2_typeA > div {
  padding-top: 100px;
}
@media only screen and (max-width: 768px) {
  .h2_typeA > div {
    padding: 9.6% 0;
  }
}

.h2_typeA:not(:first-child) > div {
  padding-top: 120px;
}
@media only screen and (max-width: 768px) {
  .h2_typeA:not(:first-child) > div {
    padding: 9.6% 0;
  }
}


/*======================================
h2 ruby
======================================*/
.h2_ruby {
  position: relative;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  color: #004EA2;

  font-family: futura-pt, sans-serif;
  font-weight: 500;
}
.h2_ruby::before,
.h2_ruby::after {
  position: absolute;
  content: '';
  background: #004EA2;
  width: 24px;
  height: 1px;
}
.h2_ruby::before {
  top: 50%;
  left: -5px;
  transform: translate(-100%,-50%);
}
.h2_ruby::after {
  top: 50%;
  right: -5px;
  transform: translate(100%,-50%);
}

/*======================================
column card
======================================*/
.qCmp_column.link_panel > div > div > div > div {
  padding: 10px 10px;
}

.qCmp_column.column4 .qCmp_column_box {
  padding-bottom: 0;
}

.qCmp_column.column4 .qCmp_column_box img {
  height: 140px;
  object-fit: cover;
  -o-object-fit: cover;
}

[data-tab-content] .title.typeB {
  min-height: 85px;
  height: 85px;
  display: flex;
  align-items: center;
  justify-content: center;
}

[data-tab-content] .title.typeA .sub-title,
[data-tab-content] .title.typeB .sub-title {
  padding-top: 5px;
  font-size: 15px;
}

[data-tab-content] .title.typeA {
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
  [data-tab-content] .title.typeA {
    font-size: 15px;
  }
}

@media only screen and (max-width: 768px) {
  [data-tab-content] .title.typeA a {
    font-size: 15px;
  }
}

[data-tab-content] .title.typeB > div {
  width: 100%;
}

[data-tab-content] .title.typeC {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px 14px;
}
@media only screen and (max-width: 768px) {
  [data-tab-content] .title.typeC {
    padding: 10px 20px;
  }
}

/*======================================
column card column2_typeA
======================================*/
.column2_typeA {
  display: flex;
}
@media only screen and (max-width: 768px) {
  .column2_typeA {
    flex-flow: column;
  }
}

.qCmp_column.link_panel.column2_typeA .left_box .title.typeB {
  min-height: 176px;
  padding: 10px 40px;
}
@media only screen and (max-width: 768px) {
  .qCmp_column.link_panel.column2_typeA .left_box .title.typeB {
    min-height: unset;
    padding: 10px 20px;
  }
}

.qCmp_column.link_panel.column2_typeA .left_box {
  width: 49%;
}
@media only screen and (max-width: 768px) {
  .qCmp_column.link_panel.column2_typeA .left_box {
    width: 100%;
  }
}

.qCmp_column.link_panel.column2_typeA .right_box {
  width: 49%;
  margin-left: 2%;
}
@media only screen and (max-width: 768px) {
  .qCmp_column.link_panel.column2_typeA .right_box {
    width: 100%;
    margin-top: 10px;
    margin-left: unset;
  }
}

.qCmp_column.link_panel.column2_typeA .left_box .qCmp_column_box,
.qCmp_column.link_panel.column2_typeA .right_box .qCmp_column_box {
  width: 100%;
  padding-bottom: 0;
}

.qCmp_column.link_panel.column2_typeA .right_box .qCmp_column_box {
  width: 48%;
}

.qCmp_column.link_panel.column2_typeA .right_box .qCmp_column_box:nth-child(n+3) {
  margin-top: 20px;
}

.qCmp_column.link_panel.column2_typeA .left_box .left_box_img {
  height: 298px;
  object-fit: cover;
  -o-object-fit: cover;
}
@media only screen and (max-width: 768px) {
  .qCmp_column.link_panel.column2_typeA .left_box .left_box_img {
    height: unset;
    object-fit: unset;
    -o-object-fit: unset;
  }
}

.qCmp_column.link_panel.column2_typeA .right_box .right_box_img {
  height: 139px;
  object-fit: cover;
  -o-object-fit: cover;
}
@media only screen and (max-width: 768px) {
  .qCmp_column.link_panel.column2_typeA .right_box .right_box_img {
    height: unset;
    object-fit: unset;
    -o-object-fit: unset;
  }
}

.panel_sub_text {
  display: block;
  margin-top: 10px;
  text-align: left;
  color: #222;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.7;
}
@media only screen and (max-width: 768px) {
  .panel_sub_text {
    font-size: 14px;
  }
}

@media only screen and (max-width: 768px) {
  .qCmp_column.sp_column2 .left_box .qCmp_column_box{
    width: 100%!important;
  }
}

/*======================================
column card column2_typeB
======================================*/
.column2_typeB {
  display: flex;
}
@media only screen and (max-width: 768px) {
  .column2_typeB {
    flex-flow: column;
  }
}

.qCmp_column.link_panel.column2_typeB .left_box .title.typeB {
  min-height: 196px;
  padding: 10px 40px;
}
@media only screen and (max-width: 768px) {
  .qCmp_column.link_panel.column2_typeB .left_box .title.typeB {
    min-height: 160px;
    padding: 10px 20px;
  }
}

.qCmp_column.link_panel.column2_typeB .left_box .title.typeB a {
  font-size: 28px;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .qCmp_column.link_panel.column2_typeB .left_box .title.typeB a {
    font-size: 20px;
  }
}

.qCmp_column.link_panel.column2_typeB .left_box .panel_sub_text {
  display: block;
  margin-top: 10px;
  text-align: left;
  color: #222;
  font-size: 18px;
  font-weight: normal;
  line-height: 1.7;
}
@media only screen and (max-width: 768px) {
  .qCmp_column.link_panel.column2_typeB .left_box .panel_sub_text {
    font-size: 14px;
  }
}

.qCmp_column.link_panel.column2_typeB .left_box {
  width: 65%;
}
@media only screen and (max-width: 768px) {
  .qCmp_column.link_panel.column2_typeB .left_box {
    width: 100%;
  }
}

.qCmp_column.link_panel.column2_typeB .right_box {
  width: 33%;
  margin-left: 2%;
  flex-flow: column;
}
@media only screen and (max-width: 768px) {
  .qCmp_column.link_panel.column2_typeB .right_box {
    margin-top: 10px;
    width: 100%;
    margin-left: unset;
    flex-flow: unset;
  }
}

.qCmp_column.link_panel.column2_typeB .left_box .qCmp_column_box,
.qCmp_column.link_panel.column2_typeB .right_box .qCmp_column_box {
  width: 100%;
  padding-bottom: 0;
}

.qCmp_column.link_panel.column2_typeB .right_box .qCmp_column_box {
  width: 100%;
}

.qCmp_column.link_panel.column2_typeB .right_box .qCmp_column_box:nth-child(n+3) {
  margin-top: 20px;
}

.qCmp_column.link_panel.column2_typeB .left_box .left_box_img {
  height: 442px;
  object-fit: cover;
  -o-object-fit: cover;
}
@media only screen and (max-width: 768px) {
  .qCmp_column.link_panel.column2_typeB .left_box .left_box_img {
    height: unset;
    object-fit: unset;
    -o-object-fit: unset;
  }
}

.qCmp_column.link_panel.column2_typeB .right_box .right_box_img {
  height: 220px;
  object-fit: cover;
  -o-object-fit: cover;
}
@media only screen and (max-width: 768px) {
  .qCmp_column.link_panel.column2_typeB .right_box .right_box_img {
    height: unset;
    object-fit: unset;
    -o-object-fit: unset;
  }
}

/*======================================
column card column2_typeC
======================================*/
.column2_typeC {
  display: flex;
}
@media only screen and (max-width: 768px) {
  .column2_typeC {
    flex-flow: column;
  }
}

.qCmp_column.link_panel.column2_typeC .link_panel_box .title.typeC {
  min-height: 170px;
}
@media only screen and (max-width: 768px) {
  .qCmp_column.link_panel.column2_typeC .link_panel_box .title.typeC {
    min-height: unset;
  }
}

.qCmp_column.link_panel.column2_typeC .link_panel_box .qCmp_column_box {
  padding-bottom: unset;
}
@media only screen and (max-width: 768px) {
  .qCmp_column.link_panel.column2_typeC .link_panel_box .qCmp_column_box {
    width: 100%!important;
  }
}

.qCmp_column.link_panel.column2_typeC .link_panel_box .title.typeC a {
  font-size: 18px;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .qCmp_column.link_panel.column2_typeC .link_panel_box .title.typeC a {
    font-size: 16px;
  }
}

.qCmp_column.link_panel.column2_typeC .link_panel_box .panel_sub_text {
  display: block;
  margin-top: 10px;
  text-align: left;
  color: #222;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.7;
}
@media only screen and (max-width: 768px) {
  .qCmp_column.link_panel.column2_typeC .link_panel_box .panel_sub_text {
    font-size: 14px;
  }
}

.qCmp_column.link_panel.column2_typeC .link_panel_box {
  width: 48.5%;
  padding-bottom: unset;
}
@media only screen and (max-width: 768px) {
  .qCmp_column.link_panel.column2_typeC .link_panel_box {
    width: 100%;
  }
}

.qCmp_column.link_panel.column2_typeC .link_panel_box:nth-child(2n) {
  width: 48.5%;
  margin-left: 3%;
}
@media only screen and (max-width: 768px) {
  .qCmp_column.link_panel.column2_typeC .link_panel_box:nth-child(2n) {
    margin-top: 10px;
    width: 100%;
    margin-left: unset;
  }
}

.qCmp_column.link_panel.column2_typeC img {
  height: 296px;
  object-fit: cover;
  -o-object-fit: cover;
}
@media only screen and (max-width: 768px) {
  .qCmp_column.link_panel.column2_typeC img {
    height: unset;
    object-fit: unset;
    -o-object-fit: unset;
  }
}



/*======================================
general page
======================================*/
.s_w_1036 {
  margin: 0 auto;
  max-width: 1036px;
}

div#area0 > div > div.s_w_1036 > div {
    width: 1036px;
    padding-left: 0;
    padding-right: 0;
}

@media only screen and (max-width: 1279px){

.s_w_1036 {
  margin: 0;
  padding-left: 40px;
  padding-right: 40px;
  width: 100%;
  max-width: 100%;
}

div#area0 > div > div.s_w_1036 > div {
    width: 100%;
    max-width: 1036px;
}

}

@media only screen and (max-width: 768px){

.s_w_1036 {
  margin: 0;
  padding-left: 20px;
  padding-right: 20px;
}
}


.heading_img.s_main_heading_img > div {
  position: relative;
  height: 428px;
  overflow: hidden!important;
}

.heading_img.s_main_heading_img .visible_pc p {
  height: 428px;
}

.heading_img.s_main_heading_img .s_main_catch {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 1200px;
  z-index: 10;
  background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,0.8), rgba(255,255,255,0));
}
@media only screen and (max-width: 1279px) {
  .heading_img.s_main_heading_img .s_main_catch {
    width: 100%;
    padding: 0 40px;
  }
}

@media only screen and (max-width: 1390px) {
  .heading_img.s_main_heading_img img {
    width: auto;
  }
}

.heading_img .s_main_catch > div {
  margin: auto;
}

.heading_img.s_main_heading_img .mv_pc {
  display: block;
}
.heading_img.s_main_heading_img .mv_sp {
  display: none;
}

@media only screen and (max-width: 768px){
  .heading_img .s_main_catch > div {
    width: 100%;
  }
  .heading_img.s_main_heading_img img {
    height: 450px;
  }

  .heading_img.s_main_heading_img .mv_pc {
    display: none;
  }
  .heading_img.s_main_heading_img .mv_sp {
    display: block;
  }

  .heading_img.s_main_heading_img.pb-layout .mv_sp,
  .heading_img.s_main_heading_img.pb-layout .mv_sp > div:not(.pb-handle),
  .heading_img.s_main_heading_img.pb-layout .mv_sp > div:not(.pb-handle) > div:not(.pb-handle) {
    height: 100%;
  }


}

.heading_img .s_main_catch .s_main_catch_block {
  padding: 30px 0;
  text-align: center;
}

.heading_img .s_main_catch .s_main_catch_title h1 {
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 5px;
  color: #004EA2;
  font-size: 12px;
  font-weight: bold;
}

.heading_img .s_main_catch_title h1::after {
  position: absolute;
  top: unset;
  bottom: unset;
  left: 50%;
  transform: translateX(-50%);
  content: '';
  width: 42px;
  height: 2px;
  background: #004EA2;
}
@media all and (-ms-high-contrast: none) {
  .heading_img .s_main_catch_title h1::after {
    top: auto;
    bottom: auto;
  }
}

.heading_img .s_main_catch .s_main_catch_sub_title p {
  margin-bottom: 30px;
  color: #004EA2;
  font-size: 36px;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .heading_img .s_main_catch .s_main_catch_sub_title p {
    font-size: 26px;
  }
}

.heading_img .s_main_catch .s_main_catch_caption p {
  font-size: 16px;
  letter-spacing: 0.05em;
}
@media only screen and (max-width: 768px) {
  .heading_img .s_main_catch .s_main_catch_caption p {
    font-size: 14px;
  }
}

/*======================================
anchor_list
======================================*/

.pbAnchor {
  margin: 0;
}

.anchor_item .anchor_text_box::before {
  content: "";
  width: 8px;
  height: 13px;
  position: absolute;
  top: 50%;
  right: 30px;
  background: url(/library/resources/images/contents/arrow_anchor.png) no-repeat center center;
  background-size: 100%;
  transform: translateY(-50%);
}

#mainArea .s_anchor_list > div {
display: flex;
margin: auto;
padding: 0;
width: 1036px;
flex-flow: wrap;
justify-content: center;
list-style: none;
}

.s_anchor_list_wrap {
padding-left: 0!important;
padding-right: 0!important;
}
@media only screen and (max-width: 1142px) {
#mainArea .s_anchor_list > div {
  width: 100%;
}
}
@media only screen and (max-width: 768px) {
#mainArea .s_anchor_list > div {
  flex-flow: column;
}
}

.s_anchor_item +.s_anchor_item {
margin-left: 10px;
}
@media only screen and (max-width: 768px) {
.s_anchor_item +.s_anchor_item {
  margin-top: 10px;
  margin-left: 0!important;
  margin-right: 0!important;
}
}
@media only screen and (max-width: 1142px) {
.s_anchor_item:nth-child(n+3) {
  margin-top: 10px;
}
}

.s_anchor_item:nth-child(n+4) {
margin-top: 10px;
}

.s_anchor_item:nth-child(4) {
margin-left: unset;
}
@media only screen and (max-width: 1142px) {
.s_anchor_item:nth-child(odd) {
  margin-left: unset;
}
.s_anchor_item:nth-child(even) {
  margin-left: 10px;
}
}
@media only screen and (max-width: 768px) {
.s_nchor_item:nth-child(even) {
  margin-left: unset;
}
}

.s_anchor_item:last-child {
margin-right: unset;
}

.s_anchor_item {
position: relative;
width: 338px;
height: 60px;
text-align: center;
background: #F8F8F8;
font-size: 0;
}
@media only screen and (max-width: 1142px) {
.s_anchor_item {
  width: 48%;
}
}
@media only screen and (max-width: 768px) {
.s_anchor_item {
  width: 100%;
}
}

.s_anchor_item .s_anchor_text_box a {
display: inline-block;
width: 100%;
height: 100%;
padding: 16px;
font-size: 16px;
font-weight: bold;
color: #004EA2;
text-align: center;
text-decoration: none;
}

.s_anchor_item .s_anchor_text_box a::before {
content: "";
width: 8px;
height: 13px;
position: absolute;
top: 50%;
right: 30px;
background: url(/library/resources/images/contents/arrow_anchor.png) no-repeat center center;
background-size: 100%;
transform: translateY(-50%);
}
@media only screen and (max-width: 480px) {
.s_anchor_item .s_anchor_text_box a::before {
  right: 15px;
}
}
@media only screen and (max-width: 340px) {
.s_anchor_item .s_anchor_text_box a::before {
  right: 8px;
}
}

.s_anchor_item.pb-layout .s_anchor_text_box a {
  padding: 0;
}

/*======================================
scene_content_title
======================================*/


.s_scene_content_wrap {
  padding-top: 110px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .s_scene_content_wrap {
    padding-top: 60px;
  }
}
.s_scene_content_title {
  position: relative;
  display: inline-block;
  margin-bottom: 25px;
}
.s_scene_content_title h2 {
  font-size: 34px;
  color: #004EA2;
}
.s_scene_content_title p.column-title {
  font-size: 34px;
  color: #004EA2;
  margin: 0;
  padding: 0;
  line-height: 140%;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .s_scene_content_title h2 {
    font-size: 28px;
  }
  .s_scene_content_title p.column-title {
    font-size: 28px;
  }
}

.s_dot_border {
  position: relative;
  display: block;
  margin-top: 15px;
  height: 1px;
}

.s_dot_border::before {
  content: "";
  background-image: linear-gradient(to right, #004EA2, #004EA2 3px, rgba(255,255,255,0) 3px, rgba(255,255,255,0) 8px);
  background-size: 8px 1px;
  background-repeat: repeat-x;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}


.s_scene_content_title .s_content_title_small {
  vertical-align: baseline;
  font-size: 20px;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .s_scene_content_title .s_content_title_small {
    font-size: 16px;
  }
}

.s_scene_content_title .s_content_title_middle {
  vertical-align: baseline;
  font-size: 24px;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .s_scene_content_title .s_content_title_middle {
    font-size: 24px;
  }
}

.s_scene_content_title .s_content_title_strong {
  vertical-align: baseline;
  font-size: 42px;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .s_scene_content_title .s_content_title_strong {
    font-size: 26px;
  }
}

.s_scene_content_sub-title h3 {
  text-align: left;
  margin-bottom: 20px;
  color: #004EA2;
  font-size: 24px;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .s_scene_content_sub-title h3 {
    font-size: 18px;
  }
}

.s_scene_content_text.mb {
  margin-bottom: 75px;
}
@media only screen and (max-width: 768px) {
  .s_scene_content_text.mb {
    margin-bottom: 40px;
  }
}

.s_scene_content_text p {
  text-align: left;
  font-size: 20px;
  letter-spacing: 0.05em;
  color: #707070;
}
@media only screen and (max-width: 768px) {
  .s_scene_content_text p {
    font-size: 16px;
  }
}

.s_scene_content_img_wrap.s_stretch680 {
width: 100%;
max-width: 680px;
margin: auto;
}

.s_scene_content_img_wrap.s_stretch960 {
width: 100%;
max-width: 960px;
margin: auto;
}

.s_scene_content_img_wrap img {
  width: 100%;
}

.s_scene_content_img_top_wrap {
  margin-bottom: 40px;
}

@media only screen and (max-width: 768px) {
  .s_scene_content_img_top_wrap {
    margin-bottom: 0;
  }
  .s_scene_content_img_top_wrap + .s_scene_content_text {
    margin-top: 40px;
  }
}


/*======================================
.scene_column3
======================================*/
.s_scene_column3 > div {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 130px;
}

.s_scene_column3 > div::after {
    display: none;
}

@media only screen and (max-width: 768px) {
  .s_scene_column3 > div {
    flex-flow: column;
    margin-bottom: 65px;
  }
}

.s_scene_column3_item {
  width: 30%;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: #E3F1F4;
}
@media only screen and (max-width: 768px) {
  .s_scene_column3_item {
    width: 100%;
  }
  .s_scene_column3_item + .s_scene_column3_item {
    margin-top: 20px;
  }
}

.s_scene_column3_img_wrap > div {
  position: relative;
  width: 100%;
  padding-top: 56.7741%;
  overflow: hidden;
  background: #fff;
  border: 1px #E4E4E4 solid;

  border-top-left-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topleft: 10px;

  border-top-right-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topright: 10px;
}

.s_scene_column3_img_wrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.s_scene_column3_img_wrap > div:not(.pb-handle) > div:not(.pb-handle) {
    position: static!important;
}

.s_scene_column3_text_wrap {
  padding: 25px;
}

.s_scene_column3_head {
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #004EA2;
}

.s_scene_column3_text {
  font-size: 16px;
  text-align: left;
}


/*======================================
scene_column2_typeA
======================================*/
.s_scene_column2_typeA > div {
  display: flex;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .s_scene_column2_typeA > div {
    flex-flow: column;
  }
}

.s_scene_column2_typeA .s_scene_content_text {
  width: 50%;
}
@media only screen and (max-width: 768px) {
  .s_scene_column2_typeA .s_scene_content_text {
    width: 100%;
  }
}

.s_scene_column2_typeA .s_scene_content_text p {
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
  .s_scene_column2_typeA .s_scene_content_text p {
    font-size: 16px;
    margin-bottom: 20px;
  }
}

.s_scene_column2_typeA .s_scene_content_img_wrap {
  width: 48%;
  margin-left: 2%;
}
@media only screen and (max-width: 768px) {
  .s_scene_column2_typeA .s_scene_content_img_wrap {
    width: 100%;
    margin-left: 0;
  }
}


/*======================================
scene_column2_typeB
======================================*/
.s_scene_column2_typeB {
  width: 100%;
}

.s_scene_column2_typeB .s_scene_column2_item a {
  display: flex;
  position: relative;
  width: 100%;
  text-decoration: none;
  color: unset;
  outline: unset;
}
@media only screen and (max-width: 480px) {
  .s_scene_column2_typeB .s_scene_column2_item a {
    flex-flow: column;
  }
}

.s_scene_column2_typeB .s_scene_column2_item + .s_scene_column2_item {
  margin-top: 50px;
}

.s_scene_column2_typeB .s_scene_column2_img_wrap {
  position: relative;
  padding-top: 8px;
  width: 30%;
}
@media only screen and (max-width: 480px) {
  .s_scene_column2_typeB .s_scene_column2_img_wrap {
    position: relative;
    padding-top: 8px;
    width: 100%;
  }
}

.s_scene_column2_typeB .s_scene_column2_img_wrap img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.s_scene_column2_typeB .s_scene_column2_text_wrap {
  width: 68%;
  margin-left: 2%;
}
@media only screen and (max-width: 480px) {
  .s_scene_column2_typeB .s_scene_column2_text_wrap {
    width: 100%;
    margin-left: 0;
  }
}

.s_scene_column2_typeB .s_scene_column2_head {
  margin-bottom: 5px;
  font-size: 24px;
  font-weight: bold;
  text-align: left;
  color: #004EA2;
}
@media only screen and (max-width: 768px) {
  .s_scene_column2_typeB .s_scene_column2_head {
    font-size: 18px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
}

.s_scene_column2_typeB .s_scene_column2_text {
  text-align: left;
}
@media only screen and (max-width: 768px) {
.s_scene_column2_typeB .s_scene_column2_item + .s_scene_column2_item {
margin-top: 30px;
}
  .s_scene_column2_typeB .s_scene_column2_text {
display: none;
  }
}


/*======================================
scene_column2_typeC
======================================*/
.s_scene_column2_typeC {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .s_scene_column2_typeC {
    flex-flow: column;
  }
}

.s_scene_column2_typeC .s_scene_column2_item {
  width: 48.5%;
}
@media only screen and (max-width: 768px) {
  .s_scene_column2_typeC .s_scene_column2_item {
    width: 100%;
margin-top: 30px;
  }
}

.s_scene_column2_typeC .s_scene_column2_item:nth-child(n+3) {
  margin-top: 25px;
}
@media only screen and (max-width: 768px) {
  .s_scene_column2_typeC .s_scene_column2_item:nth-child(n+3) {
    margin-top: 30px;
  }
}

.s_scene_column2_typeC .s_scene_column2_item a {
  display: flex;
  justify-content: space-between;
  position: relative;
  width: 100%;
  text-decoration: none;
  color: unset;
  outline: unset;
}
@media only screen and (max-width: 480px) {
  .s_scene_column2_typeC .s_scene_column2_item a {
    flex-flow: column;
  }
}

.s_scene_column2_typeC .s_scene_column2_img_wrap {
  position: relative;
  padding-top: 8px;
  width: 50%;
}
@media only screen and (max-width: 480px) {
  .s_scene_column2_typeC .s_scene_column2_img_wrap {
    width: 100%;
  }
}

.s_scene_column2_typeC .s_scene_column2_img_wrap img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.s_scene_column2_typeC .s_scene_column2_text_wrap {
  width: 46%;
}
@media only screen and (max-width: 480px) {
  .s_scene_column2_typeC .s_scene_column2_text_wrap {
    width: 100%;
  }
}

.s_scene_column2_typeC .s_scene_column2_head {
  margin-bottom: 5px;
  font-size: 20px;
  font-weight: bold;
  text-align: left;
  color: #004EA2;
}
@media only screen and (max-width: 768px) {
  .s_scene_column2_typeC .s_scene_column2_head {
    font-size: 18px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
}


/*======================================
scene_links_wrap
======================================*/
.s_bg_gray {
  margin-top: 115px;
  background: #F8F8F8;
}
@media only screen and (max-width: 768px) {
  .s_scene_links_wrap {
    padding-top: 60px;
  }
  .s_scene_links02 {
      margin-top: 30px;
  }
}

.s_scene_links_wrap {
  padding-top: 80px;
}
@media only screen and (max-width: 768px) {
  .s_scene_links_wrap {
    padding-top: 40px;
  }
}

.s_scene_links_wrap::after {
    display: none;
}

.s_scene_links_head {
  margin-bottom: 60px;
}
.s_scene_links_head.pb-layout {
    padding-bottom: 60px;
}
@media only screen and (max-width: 768px) {
  .s_scene_links_head {
    margin-bottom: 30px;
  }
}

.s_scene_links_head .s_links_title {
  font-size: 24px;
  font-weight: bold;
  text-align: left;
  color: #004EA2;
}

.s_scene_links_head .s_links_text {
  font-size: 16px;
  text-align: left;
  color: #004EA2;
}

.s_scene_links_list_wrap > div:not(.pb-handle) {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .s_scene_links_list_wrap > div:not(.pb-handle) {
    flex-flow: column;
  }
}

.s_scene_links_list_wrap > div:not(.pb-handle)::after {
    display: none;
}

.s_scene_links {
  width: 48.5%;
}
@media only screen and (max-width: 768px) {
  .s_scene_links {
    width: 100%;
  }
}

.s_scene_links_list > div {
  column-count: 2;
}

.s_scene_links_list_title {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
  color: #004EA2;
}

.s_scene_links_list .s_sub_list {
  margin-bottom: 30px;
  page-break-inside: avoid;
  break-inside: avoid;
}

.s_scene_links_list .s_sub_list .s_sub_list_title {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #004EA2;
}

.s_scene_links_list .s_sub_list .s_list_block a {
  position: relative;
  display: inline-block;
  padding-left: 15px;
  margin-bottom: 5px;
  font-size: 14px;
  color: #004EA2;
  text-decoration: none;
  font-weight: normal;
}

.s_scene_links_list .s_sub_list .s_list_block a::before {
  content: "";
  width: 6px;
  height: 10px;
  position: absolute;
  top: 7px;
  left: 0;
  background: url(/library/resources/images/contents/arrow_link_r.png) no-repeat center center;
  background-size: 100%;
}

.s_scene_links_list .s_sub_list .s_list_block:last-child a {
  margin-bottom: unset;
}


/*======================================
.recommend_card common
======================================*/
.s_recommend_card_wrap {
  width: 100%;
  padding-top: 100px;
}

@media only screen and (max-width: 1279px) {
  .s_recommend_card_wrap {
    width: 100%;
    padding-top: 100px;
  }
}

@media only screen and (max-width: 768px) {
  .s_scene_content_wrap + .s_recommend_card_wrap {
    padding-top: 30px;
  }
  .s_recommend_card_wrap + .s_recommend_card_wrap {
    padding-top: 30px;
  }
}


.s_recommend_card_inner {
  padding: 50px;
  background: #E3F1F4;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
@media only screen and (max-width: 768px) {
  .s_recommend_card_inner {
    padding: 40px 20px;
  }
}

.s_recommend_card_title > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto 40px;
  max-width: 910px;
  width: 100%;
  color: #222;
  text-align: center;
  font-size: 33px;
  font-weight: bold;
}
.s_recommend_card_title > div::after {
  display: none;
}
@media only screen and (max-width: 768px) {
  .s_recommend_card_title > div {
    font-size: 26px;
  }
  .s_recommend_card_title .sp_break {
    display: block;
  }
}
@media only screen and (max-width: 480px) {
  .s_recommend_card_title > div {
    font-size: 24px;
  }
}

.s_recommend_card_title.mb10 > div {
  margin-bottom: 10px;
}

.s_recommend_card_title p {
  padding: 0 10px;
}

.s_recommend_card_title::after {
    display: none;
}

.s_recommend_card_title p .s_w_1010 {
  display: none;
}
@media only screen and (max-width: 1010px) {
  .s_recommend_card_title p .s_w_1010 {
    display: block;
  }
}

.s_dots_border {
  height: 15px;
  background: url(/library/resources/images/contents/dots_border.png) repeat-x;
  padding: 0;
}

.s_dots_border p {
  padding: 0;
}

.s_dots_border::after {
    display: none;
}

.s_dots_border.w_220 {
  width: 24%;
}
@media only screen and (max-width: 768px) {
  .s_dots_border.w_220 {
    width: 20%;
  }
}
@media only screen and (max-width: 480px) {
  .s_dots_border.w_220 {
    width: 12%;
  }
}

.s_dots_border.w_135 {
  width: 15%;
}

.s_recommend_card_text {
  margin: 0 auto 40px;
  max-width: 800px;
}
@media only screen and (max-width: 480px) {
  .s_recommend_card_text {
    margin: 0 auto 20px;
  }
}

.s_recommend_card_item_wrap > div {
  display: flex;
  justify-content: center;
  margin: auto;
  width: 100%;
}

.s_recommend_img_wrap {
  margin-bottom: 10px;
  width: 100%;
}

.s_recommend_img_wrap img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.s_recommend_text_wrap {
  margin-bottom: 30px;
  text-align: left;
}

.s_recommend_text_title {
  font-size: 20px;
  font-weight: bold;
  color: #004EA2;
}

.s_recommend_text_caption {
  font-size: 16px;
  color: #222;
  letter-spacing: 0.1rem;
}

.s_recommend_button + .s_recommend_button {
  margin-top: 20px;
}

.s_recommend_button_wrap {
  margin: auto;
  width: 86%;
  min-width: 240px;
}
@media only screen and (max-width: 768px) {
  .s_recommend_button_wrap {
    width: 100%;
    min-width: 200px;
  }
}

.s_recommend_button a {
  position: relative;
  width: 100%;
  max-width: 300px;
  height: 60px;
  margin: auto;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  text-decoration: none;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.s_recommend_button.s_type-original a {
  max-width: 450px;
}
@media only screen and (max-width: 768px) {
  .s_recommend_button a {
    height: unset;
    font-size: 13px;
  }
}

.s_recommend_button .s_dummy_button {
  position: relative;
  width: 100%;
  max-width: 300px;
  height: 60px;
  margin: auto;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  text-decoration: none;

  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
@media only screen and (max-width: 768px) {
  .s_recommend_button .s_dummy_button {
    height: unset;
    font-size: 13px;
  }
}

.s_recommend_button.s_button_yellow a {
  position: relative;
  padding: 14px;
  background: #FFC600;
}
@media only screen and (max-width: 768px) {
  .s_recommend_button.s_button_yellow a {
    padding: 3.4% 0;
  }
}

.s_recommend_button.s_button_yellow .dummy_button {
  position: relative;
  padding: 14px;
  background: #FFC600;
}
@media only screen and (max-width: 768px) {
  .s_recommend_button.s_button_yellow .dummy_button {
    padding: 3.4% 0;
  }
}

.s_recommend_button.s_button_yellow a::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 35px;
  transform: translateY(-50%);
  width: 12px;
  height: 10px;
  background: url(/library/resources/images/link/text_link_out_wh.png) center / contain no-repeat;
}
@media only screen and (max-width: 768px) {
  .s_recommend_button.s_button_yellow a::after {
    right: 20px;
  }
}

.s_recommend_button.s_button_yellow .dummy_button::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 35px;
  transform: translateY(-50%);
  width: 12px;
  height: 10px;
  background: url(/library/resources/images/link/text_link_out_wh.png) center / contain no-repeat;
}
@media only screen and (max-width: 768px) {
  .s_recommend_button.s_button_yellow .s_dummy_button::after {
    right: 20px;
  }
}

.s_recommend_button.s_button_blue a {
  position: relative;
  padding: 14px;
  color: #ffffff;
  background: #004EA2;
}
@media only screen and (max-width: 768px) {
  .s_recommend_button.s_button_blue a {
    padding: 3% 0;
  }
}

.s_recommend_button.s_button_blue .s_dummy_button {
  position: relative;
  padding: 14px;
  color: #ffffff;
  background: #004EA2;
}
@media only screen and (max-width: 768px) {
  .s_recommend_button.s_button_blue .s_dummy_button {
    padding: 3% 0;
  }
}

.s_recommend_button.s_button_blue a::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 35px;
  transform: translateY(-50%);
  width: 12px;
  height: 10px;
  background: url(/library/resources/images/link/text_link_out_wh.png) center / contain no-repeat;
}
@media only screen and (max-width: 768px) {
  .s_recommend_button.s_button_blue a::after {
    right: 20px;
  }
}

.s_recommend_button.s_button_blue .dummy_button::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 35px;
  transform: translateY(-50%);
  width: 12px;
  height: 10px;
  background: url(/library/resources/images/link/text_link_out_wh.png) center / contain no-repeat;
}

.s_recommend_button.s_button_blue.s_type-notblank a::after {
  display: none;
}

@media only screen and (max-width: 768px) {
  .s_recommend_button.s_button_blue .s_dummy_button::after {
    right: 20px;
  }
}

.s_recommend_button.s_button_normal a {
  padding: 12px;
  background: #fff;
  border: 2px solid #004EA2;
  box-sizing: border-box;
  color: #004EA2;
}
@media only screen and (max-width: 768px) {
  .s_recommend_card_item .s_recommend_button.s_button_normal a {
    padding: 3.4% 0;
  }
}

.s_recommend_button.s_button_normal .s_dummy_button {
  padding: 12px;
  background: #fff;
  border: 2px solid #004EA2;
  box-sizing: border-box;
  color: #004EA2;
}
@media only screen and (max-width: 768px) {
  .s_recommend_card_item .s_recommend_button.s_button_normal .s_dummy_button {
    padding: 3.4% 0;
  }
}

.s_recommend_card_item.pb-layout {
  width: 100%;
}

.s_recommend_card_item.pb-layout > div:not(.pb-handle) {
  width: 100%!important;
}


/*======================================
.recommend_card typeA
======================================*/
.s_recommend_card_item_wrap.typeA > div {
  max-width: 810px;
flex-wrap: wrap;
justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .s_recommend_card_item_wrap.typeA > div {
    width: 100%;
    flex-flow: column;
  }
}

.s_recommend_card_item_wrap.typeA > div::after {
display: none;
}


.s_recommend_card_item_wrap.typeA .s_recommend_card_item {
  position: relative;
  width: calc((100% - 60px) / 2);
}
@media only screen and (max-width: 768px) {
  .s_recommend_card_item_wrap.typeA .s_recommend_card_item {
    width: 100%;
  }
}

.s_recommend_card_item_wrap.typeA .s_recommend_card_item + .s_recommend_card_item {
  margin-left: 0;
}
.s_recommend_card_item_wrap.typeA .s_recommend_card_item:nth-child(n + 3) {
  margin-top: 100px;
}
@media only screen and (max-width: 768px) {
  .s_recommend_card_item_wrap.typeA .s_recommend_card_item + .s_recommend_card_item {
    margin-top: 80px;
    margin-left: 0;
  }
.s_recommend_card_item_wrap.typeA .s_recommend_card_item:nth-child(n + 3) {
  margin-top: 80px;
}
}

.s_recommend_card_item_wrap.typeA .s_recommend_img_wrap {
  text-align: center;
}

.s_recommend_card_item_wrap.typeA .s_recommend_img_wrap img {
  max-height: 254px;
}

@media only screen and (max-width: 768px) {
  .s_recommend_card_item_wrap.typeA .s_recommend_img_wrap img {
    max-height: 100%;
  }
}

.s_recommend_card_item_wrap.typeA .s_recommend_text_wrap  {
  padding-bottom: 0;
  margin-bottom: 0;
}

.s_recommend_card_item_wrap.typeA .s_recommend_button_wrap {
  margin: auto;
  position: relative;
  margin-top: 30px;
}
@media only screen and (max-width: 768px) {
  .s_recommend_card_item_wrap.typeA .s_recommend_button_wrap {
    margin: auto!important;
    position: relative!important;
    margin-top: 30px!important;
  }
  .s_recommend_card_item_wrap.typeA .s_recommend_text_wrap {
    padding-bottom: 0!important;
    margin-bottom: 0!important;
  }
}

.s_article_card_wrap.typeA .s_recommend_button_wrap .recommend_button a {
  position: relative;
  width: 100%;
  max-width: 300px;
  height: 60px;
  margin: auto;
  font-size: 18px;
  font-weight: bold;
  color: #004EA2;
  text-align: center;
  text-decoration: none;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

.s_article_card_wrap.typeA > div:not(.pb-handle){
  position: relative;
}

.s_article_card_wrap.typeA > div:not(.pb-handle):hover {
  outline: none;
  opacity: 0.6;
}

.s_article_card_wrap.typeA .s_recommend_button_wrap .recommend_button a{
  position: static;
}

.s_article_card_wrap.typeA .s_recommend_button_wrap .recommend_button a:hover{
  opacity: 1;
}

.s_article_card_wrap.typeA .s_recommend_button_wrap .recommend_button a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

@media only screen and (max-width: 768px) {
  .s_article_card_wrap.typeA .s_recommend_button_wrap .recommend_button a {
    height: unset;
    font-size: 13px;
  }
}





/*======================================
.recommend_card typeB
======================================*/
.s_recommend_card_item_wrap.typeB .s_recommend_card_item > div:not(.pb-handle) {
  display: flex;
  justify-content: space-between;
  max-width: 910px;
}
@media only screen and (max-width: 768px) {
  .s_recommend_card_item_wrap.typeB .s_recommend_card_item > div:not(.pb-handle) {
    width: 100%;
    flex-flow: column;
  }
}

.s_recommend_card_item_wrap.typeB .s_recommend_card_item > div:not(.pb-handle)::after {
  display: none;
}

.s_recommend_card_item_wrap.typeB .s_card_left_box {
  width: 57%;
}
@media only screen and (max-width: 768px) {
  .s_recommend_card_item_wrap.typeB .s_card_left_box {
    width: 100%;
  }
}
.s_recommend_card_item_wrap.typeB .s_card_right_box {
  width: calc(100% - 60%);
}
@media only screen and (max-width: 768px) {
  .s_recommend_card_item_wrap.typeB .s_card_right_box {
    width: 100%;
  }
}
.s_recommend_card_item_wrap.typeB .s_recommend_text_title {
  font-size: 28px;
}
@media only screen and (max-width: 768px) {
  .s_recommend_card_item_wrap.typeB .s_recommend_text_wrap {
    margin-bottom: 0;
  }
  .s_recommend_card_item_wrap.typeB .s_card_left_box {
    font-size: 24px;
  }
  .s_recommend_card_item_wrap.typeB .s_recommend_text_title {
    font-size: 20px;
  }
  .s_recommend_card_item_wrap.typeB .s_recommend_button_wrap {
    margin-top: 30px;
  }
}


/*======================================
.recommend_card typeC
======================================*/
.s_recommend_card_item_wrap.typeC > div {
  flex-flow: wrap;
  max-width: 810px;
}
@media only screen and (max-width: 768px) {
  .s_recommend_card_item_wrap.typeC > div {
    flex-flow: column;
    width: 100%;
  }
}

.s_recommend_card_item_wrap.typeC .s_recommend_card_item {
  max-width: 370px;
  width: 46%;
  margin-bottom: 30px;
}
@media only screen and (max-width: 768px) {
  .s_recommend_card_item_wrap.typeC .s_recommend_card_item {
    width: 100%;
    max-width: 100%;
  }
}

.s_recommend_card_item_wrap.typeC .s_recommend_card_item:nth-child(even) {
  margin-left: 6%;
}
@media only screen and (max-width: 768px) {
  .s_recommend_card_item_wrap.typeC .s_recommend_card_item:nth-child(even) {
    margin-left: 0;
  }
}

.s_recommend_card_item_wrap.typeC .s_recommend_img_wrap {
  margin-bottom: 10px;
}

.s_recommend_card_item_wrap.typeC .s_recommend_button_wrap {
  margin: unset;
}

.s_recommend_card_item_wrap.typeC .s_recommend_text_wrap {
  margin-bottom: 0;
}

.s_recommend_button_wrap.typeC {
  margin: 10px auto 0;
}


/*======================================
.recommend_card typeD
======================================*/
.s_recommend_card_item_wrap.typeD > div {
  justify-content: flex-start;
  flex-flow: wrap;
}
@media only screen and (max-width: 768px) {
  .s_recommend_card_item_wrap.typeD > div {
    flex-flow: column;
  }
}

.s_recommend_card_item_wrap.typeD .s_recommend_card_item {
  max-width: 296px;
  width: 30%;
  margin-bottom: 30px;
}
@media only screen and (max-width: 768px) {
  .s_recommend_card_item_wrap.typeD .s_recommend_card_item {
    max-width: 100%;
    width: 100%;
  }
}

.s_recommend_card_item_wrap.typeD .s_recommend_card_item:nth-child(3n-1) {
  margin-right: 5%;
  margin-left: 5%;
}
@media only screen and (max-width: 768px) {
  .s_recommend_card_item_wrap.typeD .s_recommend_card_item:nth-child(3n-1) {
    margin-right: 0;
    margin-left: 0;
  }
}

.s_recommend_card_item_wrap.typeD .s_recommend_img_wrap {
  margin-bottom: 10px;
}

.s_recommend_card_item_wrap.typeD .s_recommend_button_wrap {
  margin: unset;
}

.s_recommend_card_item_wrap.typeD .s_recommend_text_wrap {
  margin-bottom: 0;
}

.s_recommend_button_wrap.typeD {
  margin: 10px auto 0;
}


/*======================================
.recommend_card typeE
======================================*/
.s_recommend_card_item_wrap.typeE > div {
  max-width: 568px;
  width: 100%;
  flex-flow: wrap;
  justify-content: space-between;
}

.s_recommend_card_item_wrap.typeE .s_recommend_card_item {
  max-width: 284px;
  width: 50%;
}

.s_recommend_card_item_wrap.typeE .s_recommend_img_wrap {
  margin-bottom: 0;
}

.s_recommend_card_item_wrap.typeE .s_recommend_img_wrap > div:not(.pb-handle) {
padding: 5px;
box-sizing: border-box;
}

.s_recommend_card_item_wrap.typeE .s_recommend_button_wrap {
  margin: unset;
}

.s_recommend_button_wrap.typeE {
  margin: 50px auto 0;
}

.s_recommend_button_wrap.typeE a {
  max-width: 360px;
}

/*======================================
.gift_card_wrap
======================================*/
.s_full_bg {
  width: 100%!important;
}

.s_bg_blue {
  background: #004EA2;
}

.s_gift_card_wrap {
  padding-bottom: 90px;
}
@media only screen and (max-width: 1279px) {
.s_full_bg > div {
    padding-left: 0!important;
    padding-right: 0!important;
}
}

.s_gift_card_item_wrap > div {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .s_gift_card_item_wrap > div {
    flex-flow: column;
  }
}

.s_gift_card_item_wrap > div::after {
    display: none;
}

.s_gift_card_title {
  padding: 60px 0 45px;
}

.s_gift_card_title p {
  text-align: center;
  font-size: 26px;
  font-weight: bold;
  color: #fff;
}

.s_gift_card_item {
  position: relative;
  width: 48%;
  border: 4px solid #fff;
  -webkit-border-radius: 46px;
  -moz-border-radius: 46px;
  border-radius: 46px;
}
@media only screen and (max-width: 768px) {
  .s_gift_card_item {
    width: 100%;
  }
  .s_gift_card_item + .s_gift_card_item {
    margin-top: 20px;
  }
}

.s_gift_card_item_inner {
  height: 100%;
  opacity: 1;
  text-decoration: none;
}
.hover {
  opacity: .6;
}

.s_recommend_button_wrap .s_gift_card_item_inner {
  display: none;
}

.s_gift_card_text {
  max-width: 340px;
  width: 100%;
  min-height: 120px;
  margin: 0 auto 15px;
}

@media only screen and (max-width: 768px) {
    .s_gift_card_text {
        width: 100%;
        max-width: 100%;
        min-height: 0;
        margin: 0 auto 30px;
    }
}

.s_gift_card_text p {
  padding: 0 20px 15px;
  font-size: 16px;
  color: #fff;
}

.s_gift_card_img_wrap {
  margin: auto;
  text-align: center;
}

.s_gift_card_img_wrap img {
  padding: 45px 20px 25px;
  max-width: 340px;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .s_gift_card_img_wrap img {
    max-width: 200px;
    padding: 25px 20px 25px;
  }
}

.s_gift_card_item .s_recommend_button_wrap {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 40px;
}

.s_gift_card_item .s_recommend_button_wrap.s_wrap_static {
  position: static;
  transform: none;
  padding: 0 0 40px;
}

.s_gift_card_item .s_recommend_button_wrap .s_button_static a {
    position: static;
}

.s_gift_card_item .s_recommend_button_wrap .s_button_yellow.s_button_static a {
    position: static;
    background: #FFC600 url(/library/resources/images/link/text_link_out_wh.png) center right 35px / 12px 10px no-repeat;
}

@media only screen and (max-width: 768px) {
    .s_gift_card_item .s_recommend_button_wrap .s_button_yellow.s_button_static a {
        position: static;
        background: #FFC600 url(/library/resources/images/link/text_link_out_wh.png) center right 20px / 12px 10px no-repeat;
    }
}

.s_gift_card_item .s_recommend_button_wrap .s_button_static a::before {
    content:"";
    position: absolute;
    width:100%;
    height: 100%;
    top: 0;
    left: 0;
}

.s_gift_card_item .s_recommend_button_wrap .s_button_static a:hover {
    opacity: 0.7;
}

.s_gift_card_item .s_recommend_button_wrap .s_button_static a::after {
    display: none;
}


/*======================================
list-page
======================================*/
/* qPagination */
.qPagination.circle a {
  border: 1px solid #004ea2;
  text-decoration: none;
  color: #004ea2;
  padding: 0;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 36px;
}

.qPagination.circle a.active {
  color: #fff;
  border: 1px solid #004ea2;
  padding: 0;
  background: #004ea2;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 36px;
}

.qPagination.circle ul li:first-child a,
.qPagination.circle ul li:last-child a {
  padding: 0;
  border: 1px solid #004ea2;
  min-width: 100px;
  width: 108px;
  height: 42px;
  border-radius: 25px;
}
@media only screen and (max-width: 768px) {
  .qPagination.circle ul li:first-child a,
  .qPagination.circle ul li:last-child a {
    min-width: 40px;
    width: 40px;
    height: 40px;
  }
}

.qPagination.circle ul li {
  font-size: 0;
  margin: 0 8px;
}

.qPagination.circle ul li a {
  font-size: 16px;
}

/* tag_list */
.qCmp_column.tag_list .qCmp_column_box.img.tag_list_title {
  width: 100%;
  margin-bottom: 35px;
  text-align: center;
}

.qCmp_column.tag_list .qCmp_column_box.img.tag_list_title .t_c {
  font-size: 24px;
}
@media only screen and (max-width: 768px) {
  .qCmp_column.tag_list .qCmp_column_box.img.tag_list_title .t_c {
    font-size: 22px;
  }
}

.qCmp_column.tag_list .qCmp_column_box.img.s_tag_list_title{
  margin-bottom: 0;
}

.qCmp_column.tag_list .qCmp_column_box.img.s_tag_list_title> div:not(.pb-handle){
  padding-bottom: 35px;
}

.qCmp_column.tag_list .qCmp_column_box.img.s_tag_list_title strong{
  font-size: 24px;
}

@media only screen and (max-width: 768px) {
  .qCmp_column.tag_list .qCmp_column_box.img.s_tag_list_title strong{
    font-size: 22px;
  }
}

.qCmp_column.tag_list > div {
  display: block;
  margin-top: 35px;
}

.qCmp_column.column2.typeB .qCmp_column_box.text.tag_square {
  margin-bottom: 10px;
  width: 100%;
}

.tag_list .tag_square ul {
  text-align: center;
}

.tag_list .tag_square ul.t_l {
  text-align: left;
}

.tag_list .tag_square ul li a {
  height: 32px;
  padding: 0 12px;
  font-size: 14px;
  color: #222222;
  border: 1px solid #ddd;
  line-height: 28px;
  background: #ffffff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}


/*======================================
article-page
======================================*/
.h1_typeB.flex_box > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0 15px;
  border-bottom: 1px solid #cccccc;
}
@media only screen and (max-width: 480px) {
  .h1_typeB.flex_box > div {
    flex-flow: column;
  }
}


.s_h1_typeB{
  width: 100%;
  background: #fff;
}

.s_h1_typeB > div:not(.pb-handle){
  padding: 40px 0;
}

@media only screen and (max-width: 768px){
.s_h1_typeB > div:not(.pb-handle){
  padding: 0;
}

.s_h1_typeB.s_flex_box {
  padding: 0;
}
}

.s_h1_typeB h1{
  color: #004ea2;
}

.s_h1_typeB.s_flex_box > div:not(.pb-handle){
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0 15px;
  border-bottom: 1px solid #cccccc;
}

@media only screen and (max-width: 480px){
.s_h1_typeB.s_flex_box > div:not(.pb-handle){
  flex-flow: column;
}
}

.s_h1_typeB.s_flex_box > div:not(.pb-handle)::after{
content: none;
}

.s_h1_typeB.s_flex_box > div:not(.pb-handle) > div:first-child{
width: 80%;
}

@media only screen and (max-width: 768px){
.s_h1_typeB.s_flex_box > div:not(.pb-handle) > div:first-child{
  width: 100%;
}
}

.s_h1_typeB.s_flex_box > div:not(.pb-handle) > div:last-child{
width: 20%;
min-width: 200px;
}

@media only screen and (max-width: 768px){
.s_h1_typeB.s_flex_box > div:not(.pb-handle) > div:last-child{
  width: 100%;
  min-width: auto;
}
}


@media only screen and (max-width: 768px){
  .s_h1_typeB{
    padding-top: 7%;
    padding-bottom: 7%;
  }
}

@media only screen and (max-width: 768px){
  .s_h1_typeB > div {
    padding: 0;
  }
}


/* p_tag_list */
ul.p_tag_list {
  display: inline-block;
  width: 80%;

  font-size: 14px;
  vertical-align: middle;
  list-style: none;
}
@media only screen and (max-width: 768px) {
  ul.p_tag_list {
    width: 100%;
    font-size: 12px;
    padding-bottom: 5px;
  }
}

ul.p_tag_list::after {
  content: "";
  height: 0;
  clear: both;
  display: block;
}

ul.p_tag_list li {
  display: inline-block;
  margin-right: 20px;
  float: left;
}

ul.p_tag_list li a {
  text-decoration: none;
  color: #747474;
  float: left;
}

.h1_typeB ul.p_tag_list + .p_date {
  display: inline-block;
  width: 20%;
  min-width: 200px;
  text-align: right;
  padding: 0;
  border-bottom: none;
  font-size: 20px;
}
@media only screen and (max-width: 768px) {
  .h1_typeB ul.p_tag_list + .p_date {
    width: 100%;
    min-width: unset;
    padding-top: 0;
    font-size: 12px;
  }
}

ul.s_p_tag_list{
  display: block;
  width: 100%;
  font-size: 14px;
  vertical-align: middle;
  list-style: none;
}

@media only screen and (max-width: 768px){
  ul.s_p_tag_list{
    font-size: 12px;
    padding-bottom: 5px;
  }
}

ul.s_p_tag_list li{
  display: inline-block;
  margin-right: 20px;
  float: left;
}

ul.s_p_tag_list li a {
  text-decoration: none;
  color: #747474;
  float: left;
}

ul.s_p_tag_list::after {
  content: "";
  height: 0;
  clear: both;
  display: block;
}

.s_h1_typeB .s_p_date{
  display: block;
  width: 100%;
  text-align: right;
  padding: 0;
  border-bottom: none;
  font-size: 16px;
}

@media only screen and (max-width: 768px){
  .s_h1_typeB .s_p_date{
    padding-top: 0;
    font-size: 12px;
  }
}

.pt60 > div:not(.pb-handle){
    padding-top: 60px;
}

.column_open_date {
  text-align:right;
}

@media only screen and (max-width: 768px) {
  .column_open_date {
  padding-top: 0;
  font-size: 12px;
  }
}


/* anchor_list */
#mainArea .anchor_list_wrap.type_vertical .anchor_list {
  display: block;
  margin: auto;
  padding: 26px 110px 16px;
  width: 680px;
  background: #F8F8F8;
}
@media only screen and (max-width: 768px) {
  #mainArea .anchor_list_wrap.type_vertical .anchor_list {
    width: 100%;
    padding: 20px 20px 10px 20px;
  }
}

#mainArea .anchor_list_wrap.type_vertical .anchor_list .anchor_item {
  position: relative;
  width: 460px;
  height: auto;
  margin: auto;
  font-size: 0;
}
@media only screen and (max-width: 768px) {
  #mainArea .anchor_list_wrap.type_vertical .anchor_list .anchor_item {
    width: 100%;
  }
}

#mainArea .anchor_list_wrap.type_vertical .anchor_list .anchor_item .anchor_text_box {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 10px 90px 10px 0;
  font-size: 16px;
  font-weight: normal;
  color: #004EA2;
  text-align: left;
  text-decoration: none;
}
@media only screen and (max-width: 768px) {
  #mainArea .anchor_list_wrap.type_vertical .anchor_list .anchor_item .anchor_text_box {
    padding: 0 50px 10px 0;
    font-size: 15px;
  }
}

.anchor_list_wrap.type_vertical .anchor_item .anchor_text_box::before {
  width: 13px;
}

.anchor_list_wrap.type_vertical .anchor_item +.anchor_item {
  margin-left: 0;
}

.anchor_list_wrap.type_vertical .anchor_item:nth-child(n+4) {
  margin-top: unset;
}

li.anchor_title {
  width: 460px;
  margin: auto;
}
@media only screen and (max-width: 768px) {
  li.anchor_title {
    width: 100%;
  }
}

li.anchor_title > p {
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: bold;
  color: #555;
  border-bottom: 1px solid #555;
  padding-bottom: 5px;
}
@media only screen and (max-width: 768px) {
  li.anchor_title > p {
    margin-bottom: 15px;
  }
}


.link_bt.bd_blu a.w_380 {
  width: 380px;
}
@media only screen and (max-width: 768px) {
  .link_bt.bd_blu a.w_380 {
    width: 100%;
  }
}

#area0 .mt100 {
  margin-top: 100px;
  padding: 0;
}

#mainArea div .anchor_list {
  display: flex;
  margin: auto;
  padding: 0;
  width: 1036px;
  flex-flow: wrap;
  justify-content: center;
  list-style: none;
}
@media only screen and (max-width: 1142px) {
  #mainArea div .anchor_list {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  #mainArea div .anchor_list {
    flex-flow: column;
  }
}

/* article_card_wrap typeA */
.article_card_wrap.typeA {
  padding: 20px 35px 35px 35px;
  background: #E3F1F4;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
}
@media only screen and (max-width: 768px) {
  .article_card_wrap.typeA {
    padding: 25px;
  }
}

.article_card_wrap.typeA .article_card_item_wrap a {
  text-decoration: none;
}

.article_card_wrap.typeA .article_card_item_title_wrap {
  text-align: center;
  margin-bottom: 40px;
}

p.article_card_title {
  font-size: 42px;
  font-weight: bold;
  color: #004EA2;
  display: inline-block;
}
@media only screen and (max-width: 768px) {
  p.article_card_title {
    font-size: 22px;
  }
}

.article_card_item_inner .item_box {
  display: flex;
}
@media only screen and (max-width: 480px) {
  .article_card_item_inner .item_box {
    flex-flow: column;
  }
}

.article_card_wrap.typeA .article_card_item_inner .item_left {
  width: 44%;
}
@media only screen and (max-width: 480px) {
  .article_card_wrap.typeA .article_card_item_inner .item_left {
    width: 100%;
    margin-bottom: 20px;
  }
}

.article_card_wrap.typeA .item_head {
  text-align: center;
  margin-bottom: 25px;
}

.article_card_wrap.typeA .item_head p {
  font-size: 29px;
  font-weight: bold;
  color: #004EA2;
}
@media only screen and (max-width: 480px) {
  .article_card_wrap.typeA .item_head p {
    font-size: 22px;
  }
}

.article_card_wrap.typeA .item_head p .dot_border {
  margin-top: 10px;
}

.article_card_wrap.typeA .article_card_item_img_box {
  text-align: center;
  background: #fff;
}

.article_card_wrap.typeA .article_card_item_img_box img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.article_card_wrap.typeA .article_card_item_inner .item_right {
  width: 50.4%;
  margin-left: 45px;
}
@media only screen and (max-width: 480px) {
  .article_card_wrap.typeA .article_card_item_inner .item_right {
    width: 100%;
    margin-left: 0;
  }
}

.article_card_wrap.typeA p.article_card_item_head {
  font-size: 20px;
  font-weight: bold;
  color: #004EA2;
  margin-bottom: 5px;
}
@media only screen and (max-width: 768px) {
  .article_card_wrap.typeA p.article_card_item_head {
    font-size: 18px;
  }
}

.article_card_wrap.typeA ul.article_card_item_text {
  padding-left: 1.2em;
  margin-bottom: 20px;
  font-size: 15px;
}

.article_card_wrap.typeA .article_card_item_wrap .recommend_button_wrap {
  margin: unset;
  width: unset;
  min-width: unset;
}

.article_card_wrap.typeA .article_card_item_wrap .recommend_button_wrap .recommend_button a {
  margin: unset;
  width: 210px;
  font-size: 13px;
  height: 38px;
  padding: 6px;
}
@media only screen and (max-width: 768px) {
  .article_card_wrap.typeA .article_card_item_wrap .recommend_button_wrap .recommend_button a {
    min-width: unset;
  }
}

.recommend_button.button_normal a {
  padding: 12px;
  background: #fff;
  border: 2px solid #004EA2;
  box-sizing: border-box;
  color: #004EA2;
}
@media only screen and (max-width: 768px) {
  .recommend_card_item .recommend_button.button_normal a {
    padding: 3.4% 0;
  }
}


.s_article_card_wrap.typeA > div:not(.pb-handle){
  padding: 20px 35px 35px 35px;
  background: #E3F1F4;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
}

@media only screen and (max-width: 768px){
.s_article_card_wrap.typeA > div:not(.pb-handle){
  padding: 25px;
}
}

.s_article_card_wrap.typeA .s_item_head {
  text-align: center;
  padding-bottom: 25px;
}

.s_article_card_wrap.typeA .s_item_head p{
display: block;
font-size: 29px;
font-weight: bold;
color: #004EA2;
}
@media only screen and (max-width: 480px) {
.s_article_card_wrap.typeA .s_item_head p{
  font-size: 22px;
}
}

.s_article_card_wrap.typeA .s_item_head p::after{
content: "";
position: relative;
display: block;
margin-top: 10px;
height: 1px;
background-image: linear-gradient(to right, #004EA2, #004EA2 3px, rgba(255,255,255,0) 3px, rgba(255,255,255,0) 8px);
  background-size: 8px 1px;
  background-repeat: repeat-x;
}

.s_article_card_wrap .s_item_box  > div:not(.pb-handle){
width: 100%;
display: flex;
}

@media only screen and (max-width: 480px){
.s_article_card_wrap .s_item_box  > div:not(.pb-handle){
  flex-flow: column;
}
}

.s_article_card_wrap.typeA .s_item_box .s_item_left{
width: 44%;
}

@media only screen and (max-width: 480px){
.s_article_card_wrap.typeA .s_item_box .s_item_left{
  width: 100%;
  padding-bottom: 20px;
}
}

.s_article_card_wrap.typeA .s_item_box .s_item_right{
  width: 50.4%;
  margin-left: 45px;
}

@media only screen and (max-width: 480px){
.s_article_card_wrap.typeA .s_item_box .s_item_right{
  width: 100%;
  margin-left: 0;
}
}

.s_article_card_wrap.typeA .s_article_card_item_img_box{
  text-align: center;
  background: #fff;
}

.s_article_card_wrap.typeA .s_article_card_item_img_box img{
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.s_article_card_wrap.typeA .s_article_card_item_head{
  font-size: 20px;
  font-weight: bold;
  color: #004EA2;
  padding-bottom: 5px;
}

@media only screen and (max-width: 768px){
.s_article_card_wrap.typeA .s_article_card_item_head{
  font-size: 18px;
}
}

.s_article_card_wrap.typeA .s_article_card_item_text{
  padding-bottom: 20px;
  font-size: 15px;
}

#mainArea .s_article_card_wrap.typeA .s_article_card_item_text ul{
  padding-left: 1.2em;
}

.s_article_card_wrap.typeA .s_recommend_button_wrap{
  margin: auto;
  width: 100%;
  min-width: auto;
}

.s_article_card_wrap.typeA .s_recommend_button_wrap .recommend_button a {
  margin: unset;
  width: 210px;
  font-size: 13px;
  height: 38px;
  padding: 6px;
}



/* article_card_wrap.typeB */
.typeB .article_card_item_wrap {
  padding: 15px 30px;
  background: #E3F1F4;
  border-radius: 10px;
}
@media only screen and (max-width: 768px) {
  .typeB .article_card_item_wrap {
    padding: 20px;
  }
}

.typeB .article_card_item_inner {
  display: block;
}

.typeB .article_card_item_inner a {
  display: flex;
  justify-content: space-between;
  text-decoration: none;
}
@media only screen and (max-width: 480px) {
  .typeB .article_card_item_inner a {
    flex-flow: column;
  }
}

.typeB .article_card_item_inner .item_left {
  width: 26.5%;
}
@media only screen and (max-width: 480px) {
  .typeB .article_card_item_inner .item_left {
    width: 100%;
    margin-bottom: 10px;
  }
}

.typeB .article_card_item_inner .item_right {
  width: 69.4%;
}
@media only screen and (max-width: 480px) {
  .typeB .article_card_item_inner .item_right {
    width: 100%;
  }
}

.typeB .article_card_item_img_box {
  text-align: center;
  background: #fff;
  position: relative;
  width: 100%;
  padding-top: 64.0243%;
}

.typeB .article_card_item_img_box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.typeB p.article_card_item_head {
  font-size: 16px;
  font-weight: bold;
  color: #004EA2;
  margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  .typeB p.article_card_item_head {
    margin-bottom: 10px;
  }
}

.typeB p.article_card_item_text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 15px;
}


.s_article_card_wrap.typeB  > div:not(.pb-handle){
  padding: 15px 30px;
  background: #E3F1F4;
  border-radius: 10px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: relative;
}

@media only screen and (max-width: 480px){
  .s_article_card_wrap.typeB  > div:not(.pb-handle){
    padding: 20px;
    flex-flow: column;
  }
}

.s_article_card_wrap.typeB  > div:not(.pb-handle):hover{
  outline: none;
  opacity: 0.6;
}

.s_article_card_wrap.typeB  > div:not(.pb-handle)::after{
  content: none;
}

.s_article_card_wrap.typeB  > div:not(.pb-handle) .s_item_left{
  width: 26.5%;
}

@media only screen and (max-width: 480px){
  .s_article_card_wrap.typeB  > div:not(.pb-handle) .s_item_left{
    width: 100%;
    padding-bottom: 10px;
  }
}

.s_article_card_wrap.typeB  > div:not(.pb-handle) .s_item_right{
  width: 69.4%;
}

@media only screen and (max-width: 480px){
  .s_article_card_wrap.typeB  > div:not(.pb-handle) .s_item_right{
    width: 100%;
  }
}

.s_article_card_wrap.typeB .s_article_card_item_img_box  > div:not(.pb-handle) >div{
  text-align: center;
  background: #fff;
  position: relative;
  width: 100%;
  padding-top: 64.0243%;
}

.s_article_card_wrap.typeB .s_article_card_item_img_box img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.s_article_card_wrap.typeB .s_article_card_item_head{
    font-size: 16px;
    font-weight: bold;
    color: #004EA2;
    padding-bottom: 20px;
}

@media only screen and (max-width: 768px){
.s_article_card_wrap.typeB .s_article_card_item_head{
    padding-bottom: 10px;
}
}

.s_article_card_wrap.typeB .s_article_card_item_head a{
  font-size: 16px;
  font-weight: bold;
  color: #004EA2;
  text-decoration: none;
}

.s_article_card_wrap.typeB .s_article_card_item_head a:hover{
  opacity: 1;
}

.s_article_card_wrap.typeB .s_article_card_item_head a::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.s_article_card_wrap.typeB .s_article_card_item_text p{
  color: #222222;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 15px;
}


/* article_list_anchor */
.all_tag_link_wrap {
  margin-top: 5px;
}
a.all_tag_link {
  display: inline;
  font-size: 16px;
  color: #004EA2;
  text-decoration: none;
  border-bottom: 1px solid #004EA2;
}

/*======================================
header temp
======================================*/
.drop3 .subnavwrap {
  margin-bottom: 38px;
}

.drop3 .subnav .subnav-left {
  width: 60%;
}

.drop3 .subnav .subnav-right {
  width: 40%;
}

.drop3 .subnav .subnav-right .subnav-right_title {
  display: flex;
  justify-content: space-between;
  font-size: 0;
}

.drop3 .subnav .subnav-right p a {
  text-decoration: none;
  font-size: 14px;
  color: #004EA2;
}

.drop3 .subnav .subnav-right p a img {
  display: inline-block;
  margin: 0;
  width: 6px;
  height: 10px;
  vertical-align: middle;
}

.drop3 .subnav_links {
  width: 100%;
}

.drop3 .subnav .subnav_links_list {
  display: flex;
  flex-flow: wrap;
}

.drop3 .subnav .subnav_links_list_title {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
}

.drop3 .subnav .scene,
.drop3 .subnav .newColumn{
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 25px;
  color: #004EA2;
}

.drop3 .newColumn_list {
  padding-left: 5px;
  vertical-align: middle;
}

.drop3 .subnav .subnav_links_list .sub_list {
  width: 33.3333%;
  padding: unset;
}

.drop3 .subnav .subnav_links_list .sub_list:nth-child(n+4) {
  margin-top: 26px;
}

.drop3 .subnav .subnav_links_list .sub_list .sub_list_title {
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: bold;
  color: #222;
}

.drop3 .subnav .subnav_links_list .sub_list ul li {
  height: unset;
  padding: unset;
}

.drop3 .subnav .subnav_links_list .sub_list ul li a {
  position: relative;
  display: inline-block;
  padding-left: 15px;
  margin-bottom: 6px;
  font-size: 15px;
  text-decoration: none;
  color: #004EA2;
  font-weight: bold;
}

.drop3 .subnav .subnav_links_list .sub_list ul li a::before {
  content: "";
  width: 8px;
  height: 13px;
  position: absolute;
  top: 7px;
  left: 0;
  background: url(../images/link/text_link_arrow.png) no-repeat center center;
  background-size: 100%;
}

.drop3 .subnav .subnav_links_list .sub_list ul li:last-child a {
  margin-bottom: unset;
}

.drop3 .subnav .subnav_links_list li {
  list-style: none;
}

.drop3 .subnav .subnav-right_content {
}

.drop3 .subnav .subnav-right_content .content_item {
  display: flex;
  height: 105px;
  background: #f8f8f8;
}

.drop3 .subnav .subnav-right_content .content_item + .content_item {
  margin-top: 20px;
}

.drop3 .subnav .subnav-right_content .content_left {
  width: 50%;
  height: 105px;
}

.drop3 .subnav .subnav-right_content .content_left img {
  margin-top: 0;
  width: 100%;
  height: 105px;
  object-fit: cover;
}

.drop3 .subnav .subnav-right_content .content_right {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  padding: 0 15px;
}

.drop3 .subnav .subnav-right_content .content_right p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;

  color: #004EA2;
  font-size: 15px;
  line-height: 1.53;
}


/*======================================
column_top_slider
======================================*/
div#area0 .column_top_wrap {
  position: relative;
  width: 60%;
  margin: 0;
  padding: 0;
  max-height: 360px;
}
@media only screen and (max-width: 768px) {
  div#area0 .column_top_wrap {
    margin-bottom: 20px;
    width: 100%;
  }
}

.column_top_column2 > div {
  width: 1200px;
  margin: auto;

  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .column_top_column2 > div {
    flex-flow: column;
  }
}



/*======================================
scene_top slick setting
======================================*/
.scene_top_slide > div {
  width: 100%!important;
}

.main-slider {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.main-slider .slider-item {
  margin: 0 10px;
  opacity: 1;
}
.main-slider .slider-item.slick-current {
  opacity: 1;
}
.main-slider .slider-item__img {
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
  object-fit: cover;
}

.slick-item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  width: 840px;
  height: 420px;
}

.top-slider ul {
  list-style: none;
  padding-left: 0;
}

ul.top-slider.slick-initialized.slick-slider.slick-dotted {
  padding-left: 0!important;
}

@media screen and (max-width: 980px) {
  .scene_top_slide > div {
    padding-left: 0!important;
    padding-right: 0!important;
  }
  .main-slider {
    width: 100%;
    margin: 0 auto;
  }
  .main-slider .slider-item {
    width: 100vw;
    height: auto;
    opacity: 0.5;
  }
  .main-slider .slider-item.slick-current {
    opacity: 1;
  }
  .main-slider {
    width: 100vw;
    margin: 0 auto;
    cursor: pointer;
  }
  .main-slider:hover {
    opacity: 0.8;
  }
  .main-slider .slick-item {
    width: 100%;
    height: auto;
    padding-top: 50%;
  }
  .main-slider .slider-item__img {
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}

button.slick-arrow {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  z-index: 100;
  width: 26px;
  height: 26px;
  font-size: 0;
  outline: none;
}

button.slick-prev.slick-arrow {
  transform: translate(calc(-50% - 390px), -50%);
  background: url(../images/contents/arrow_slider_l.png) center / contain no-repeat;
}

button.slick-next.slick-arrow {
  transform: translate(calc(-50% + 390px), -50%);
  background: url(../images/contents/arrow_slider_r.png) center / contain no-repeat;
}

@media screen and (max-width: 980px) {
  button.slick-arrow {
    top: calc(50% - 13px);
    left: auto;
    right: auto;
  }

  button.slick-prev.slick-arrow {
    left: 20px;
    transform: none;
  }

  button.slick-next.slick-arrow {
    right: 38px;
    transform: none;
  }
}

/* dots */
ul.slick-dots {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%);
  padding-left: 0!important;
}

.slide-dots {
  margin: 30px 0;
  text-align: center;
}

.slide-dots li {
  display: inline-block;
  margin: 0 15px;
}

.slick-dots .slick-active {
  background: #004EA2;
}

.slide-dots button {
  position: relative;
  text-indent: -9999px;
}

.slick-dots li {
  font-size: 0;
  text-indent: -9999px;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;

  background: #f7fcff;
  border: 1px #666 solid;
}

.slide-dots li button:before {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.slide-dots .slick-active button:before {
  content: '';
  width: 13px;
  height: 13px;
  background: #ccc;
  border-radius: 50%;
}


.column_top_wrap .bxslider li img {
  width:100%;
  max-height: 360px;

  object-fit: cover;
  -o-object-fit: cover;
}

.column_top .bx-viewport {
  max-height: 360px;
}

.column_top_wrap .bx-wrapper .bx-pager.bx-default-pager a {
  border: 1px #666 solid;
}

.column_top_wrap .bx-wrapper .bx-pager.bx-default-pager a.active {
  border: none;
}

.navi-btn.column_top_next_btn .bx-next,
.navi-btn.column_top_prev_btn .bx-prev {
  display: block;
  position: absolute;
  top: calc(50% - 13px);
  transform: translateX(-50%);
  z-index: 100;
}

.navi-btn.column_top_next_btn .bx-next {
  right: 0;
}

.navi-btn.column_top_prev_btn .bx-prev {
  left: 26px;
}

.navi-btn.column_top_next_btn .bx-next,
.navi-btn.column_top_prev_btn .bx-prev {
  margin: 0;
  width: 26px;
  height: 26px;
  -webkit-background-size: 26px;
  background-size: 26px;
  background-repeat: no-repeat;
  background-position: center center;
}

#column_top_next_btn .bx-next {
  background-image: url(../images/contents/arrow_slider_r.png);
}

#column_top_prev_btn .bx-prev {
  background-image: url(../images/contents/arrow_slider_l.png);
}

div#area0 .scene_banner_wrap {
  width: 36%;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 768px) {
  div#area0 .scene_banner_wrap {
    width: 100%;
  }
}

.scene_banner_wrap img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.s_column_parts-wrap > div:not(.pb-handle) {
  width: 100%!important;
  padding-left: 0!important;
  padding-right: 0!important;
}

@media only screen and (max-width: 768px) {
  .s_column_parts-wrap .link_bt {
    padding-left: 20px!important;
    padding-right: 20px!important;
  }
}

/*======================================
打消し
======================================*/
.qCmp_column.index_panel:not(.typeA):not(.connect) .qCmp_column_box > div > div:first-child,
.qCmp_column.index_panel:not(.typeA):not(.connect) .qCmp_column_box > a > div > div:first-child {
  padding-top: 0;
}

.qCmp_column.index_panel:not(.typeA):not(.connect) > div > div > a > div > div {
  padding-top: 22px;
}

.qCmp_column.index_panel:not(.typeA):not(.connect) .qCmp_column_box > a > div > div:first-child {
  padding: 0;
}

@media only screen and (max-width: 768px) {
  .qCmp_column.index_panel:not(.typeA):not(.connect) .qCmp_column_box > div > div:first-child,
  .qCmp_column.index_panel:not(.typeA):not(.connect) .qCmp_column_box > a > div > div:first-child {
    margin-bottom: 0;
  }
}

/* merge CMS66 ishikawa */
.qCmp_column.link_panel .qCmp_column_box,
.qCmp_column.block_panel .qCmp_column_box,
.qCmp_column.index_panel .qCmp_column_box,
.qCmp_column.bnr .img_box {
	border-radius: 0px;
}

#mainArea .tag_typeA ul{
    padding-left: 0;
}
#mainArea .tag_column2 ul{
    padding-left: 20px;
}
@media only screen and (max-width: 768px) {
#mainArea .tag_column2 ul{
    padding-left: 0;
}	
}
.tag_typeA ul li{
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 10px;
	}
.tag_typeA ul li a{
	color:#999;
	text-decoration: none;
}

.tag_typeA ul li a:before{
	content:"#";
}

.tag_column2{
	margin-top:50px;
}
.tag_column2 > div{
	margin-top: 0;
}

.tag_column2.qCmp_column.column2.typeB .qCmp_column_box.img{
	width: 8%;
}

.tag_column2.qCmp_column.column2.typeB .qCmp_column_box.text{
width: 92%;
}

.gryColumn3_margin{
	margin-top: 70px;
}
@media only screen and (max-width: 768px) {
.gryColumn3_margin{
	margin-top: 9.6%;
}
}
.lede_typeA{
	width:100%;
}

.lede_typeA a {
	display: inline-block;
	position: relative;
	padding: 0 0 0 16px;
}

.lede_typeA a:before {
	content: "";
	position: absolute;
	top: 1em;
	left: 0;
	width: 8px;
	height: 13px;
	transform: translateY(-50%);
	background: url(../images/link/text_link_arrow.png) no-repeat center center;
}
.lede_typeA a:link{
	display: inline-block;
}
.lede_typeA a{
 font-size:18px;
 float: right;
 color:#004ea2;
}
.lede_typeA span{vertical-align: baseline;}
.lede_typeA a spam{
	display: inline-block;
}

@media only screen and (max-width: 768px) {
	.lede_typeA a{
		position: relative;
		font-size: 3.85vw;
		margin-top:4.8%;
		float:inherit;
		width: 100%;
		text-align: right;
	}
		.lede_typeA a:before {
	    background-image: url(../images/link/text_link_arrow_sp.png);
	    background-size: 100%;
	    width: 5px;
	    height: 8px;
	    left: inherit;
	}
	.lede_typeA a span{
		padding-left: 12px;
	}
}

.qPagination ul{
  text-align:center;
}

.qPagination ul li{
  list-style: none;
  display: inline-block;
  vertical-align:middle;
}

.qPagination{
  margin-top: 40px;
}

.qPagination ul li{
  margin: 0 10px;
}

.qPagination ul li:first-child a,
.qPagination ul li:last-child a{
  padding: 12px 14px 14px;
  border:1px solid #004ea2;
  min-width: 100px;
}

.qPagination ul li:first-child{
  margin: 0 10px 0 0;
}

.qPagination ul li:last-child{
  margin: 0 0 0 10px;
}

.qPagination a{
  border: 1px solid #004ea2;
  text-decoration:none;
  color:#004ea2;
  padding:10px;
}

.qPagination a.active{
  color:#fff;
  border: 1px solid #004ea2;
  padding: 20px;
  background:#004ea2;
}

.qPagination a.active:hover{
  opacity: 1;
}

@media only screen and (max-width: 768px) {
.qPagination ul li{
  margin: 0 2%;
}
	.qPagination ul li:first-child{
  margin: 0 4% 0 0;
}
.qPagination ul li:last-child{
  margin: 0 0 0 4%;
}
}