@charset "UTF-8";

/*===========================================
icons
===========================================*/
.txt_link,
.icon_blank,
.icon_pdf,
.list_figList figcaption,
.sp .spAccordion,
.kanp_pickup a,
.icon_check + label,
.icon_radio + label,
*[class*="icon_s_"] > *{
display: block;
position: relative;
}

.txt_link:before,
.icon_blank:after,
.icon_pdf:after,
.list_figList figcaption:after,
.sp .spAccordion:after,
.kanp_pickup a:after,
.icon_check + label:after,
.icon_radio + label:after,
*[class*="icon_s_"] > *:before{
content: "";
display: block;
position: absolute;
top: 0.24em;
left: 0;
width: 1em;
height: 1em;
margin: auto 0;
background: url(../images/icons.png) no-repeat;
background-size: 10em;
}
.icon_s_rotate90 > *:before{
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.icon_s_rotate180 > *:before{
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.icon_s_rotate270 > *:before{
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}

.icon_s_print > *:before{
background-position: -2em -6em;
}
.icon_s_important > *:before{
background-position: 0 -7em;
}
.icon_s_point > *:before{
background-position: -1em -7em;
}
.icon_s_phone > *:before{
background-position: -1em -8em;
}
.icon_s_zoom > *:before{
background-position: -5em -6em;
}

.icon_pdf{
display: inline;
}
.icon_pdf:after{
display: inline-block;
position: relative;
top: -2px;
width: 25px;
height: 14px;
content: 'PDF';
padding: 1px 0.375em;
color: #ff0000;
font-size: 10px;
font-weight: 400;
text-align: center;
margin-left: 0.5em;
vertical-align: middle;
background-image: none;
background-color: #fff;
border: solid 1px #ff0000;
border-radius: 0.2em;
text-decoration: none;
}
a.icon_pdf:hover:after{
text-decoration: none;
}
html:not(.sp):not(.tab) a.icon_pdf:hover{
opacity: 0.7;
}
.icon_blank{
display: inline;
padding-right: 0.25em;
}
.icon_blank:after{
display: inline-block;
position: relative;
top:0;
margin-left: 0.33em;
font-size: 12px;
vertical-align: middle;
background-position: -2em -6em;
}
.icon_check{
display: none;
}
.icon_check + label{
opacity: 0.7;
display: inline-block;
padding-left: 26px;
}
.icon_check + label:after{
font-size: 16px;
background-position: 0em -3em;
}
html:not(.sp) .icon_check + label:hover:after{
background-position: -1em -3em;
}
.icon_check:checked + label{
opacity: 1;
}
.icon_check:checked + label:after{
background-position: -1em -3em;
}
.icon_radio{
display: none;
}
.icon_radio + label{
opacity: 0.7;
display: inline-block;
padding-left: 26px;
cursor: pointer;
}
.icon_radio + label:after{
opacity: 0.5;
}
.icon_radio + label:after{
font-size: 16px;
background-position: 0em -2em;
}
.icon_radio + label:hover:after{
background-position: -1em -2em;
}
.icon_radio:checked + label{
opacity: 1;
}
.icon_radio:checked + label:after{
opacity: 1;
background-position: -1em -2em;
}
.sp .icon_radio + label:hover:after{
opacity: 1;
background-position: 0em -2em;
}

.sp .icon_radio:checked + label:after{
background-position: -1em -2em;
}

/*===========================================
parts-arrow style
===========================================*/

/* general */
.parts-arrow_r_blue,
.parts-arrow_r_black{
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.parts-arrow_r_blue::after,
.parts-arrow_r_black::after{
  display: inline-block;
  content: "";
  width: 6px;
  height: 6px;
  margin-top: -3px;
  vertical-align: middle;
  border-top: solid 1px transparent;
  border-right: solid 1px transparent;
  transform: rotate(45deg);
}

/* black */
.parts-arrow_r_black::after{
  margin-left: 10px;
  border-color: #1a1a1a;
}

/* blue */
.parts-arrow_r_blue::after{
  margin-left: 4px;
  border-color: #027fea;
}

/* pc only style */
html:not(.sp) a:hover .parts-arrow_r_blue{
  text-decoration: underline;
}
/* sp only style */
.sp .parts-arrow_r_black::after,
.sp .parts-arrow_r_blue::after{
  margin-left: 10px;
}

/*===========================================
title
===========================================*/
.ttl_1{
width: 100%;
background-image: none !important;
background-color: #fff;
}

html:not(.sp) .ttl_1 > * {
width: 1100px;
margin: auto;
}
.ttl_1 > * > *{
padding: 58px 0;
font-size: 3.8rem;
color: #1a1a1a;
font-weight: bold;
vertical-align: middle;
}

.ttl_2{
margin-top: 3em;
font-size: 3rem;
text-align: center;
font-weight: bold;
}
.ttl_3{
box-sizing: border-box;
margin-top: 3em;
border-left: 4px solid #003477;
padding: 0.5em 1em 0.5em 0.75em;
font-size: 2rem;
font-weight: bold;
background-color: #f0f0f0;
}
.ttl_4{
position: relative;
box-sizing: border-box;
margin-top: 1.5em;
padding-left: 1.25em;
font-size: 1.8rem;
font-weight: bold;
}
.ttl_4:before{
content: "";
box-sizing: border-box;
display: block;
position: absolute;
top: 0.24em;
left: 0;
width: 1em;
height: 1em;
border: 4px solid #003477;
border-radius: 1em;
}

.sp .ttl_1{
}
.sp .ttl_1 > *{
display: block;
width: 100%;
height: auto;
}
.sp .ttl_1 > * > *{
display: block;
padding: 45px 16px;
font-size: 2.6rem;
line-height: 1.42;
}

.sp .ttl_2{
margin-top: 2em;
font-size: 2.4rem;
}
.sp .ttl_3{
font-size: 1.6rem;
}
.sp .ttl_4{
margin-top: 1em;
font-size: 1.5rem;
}

/*===========================================
text
===========================================*/
.txt_bold{
font-weight: bold;
}
.txt_small{
font-size: 1.3rem;
}
.txt_middle{
font-size: 1.8rem;
line-height: 1.4;
font-weight: bold;
}
.txt_large{
font-size: 2.4rem;
line-height: 1.2;
font-weight: bold;
}
.txt_link{
display: inline-block;
padding-left: 1.5em;
}
.txt_link:before{
background-position: -1em 0;
}
.txt_sp_scroll{
display: none;
position: relative;
padding-left: 25px;
}
.txt_sp_scroll:before{
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 18px;
height: 30px;
margin: auto;
background: url(/common/images/ico_swipe.png) center no-repeat;
background-size: contain;
}
.txt_red{
color: #e60019;
}
.txt_blue{
color: #2e4ba7;
}
.txt_black{
color: #333;
}
.txt_white{
color: #FFF;
}

.sp .txt_sp_scroll{
display: block;
}

/*===========================================
btn
===========================================*/
html:not(.sp) *[class*="btn_type_"] a{
transition: opacity 0.3s cubic-bezier(0.165, 0.840, 0.440, 1.000);
opacity: 1;
}
html:not(.sp) *[class*="btn_type_"] a:hover{
opacity: 0.7;
}
*[class*="btn_type_"][class*="icon_s_"] a{
padding-right: 1.75em;
}
*[class*="btn_type_"][class*="icon_s_"] a:before{
top: 0;
bottom: 0;
left: auto;
right: 0.5em;
}

.btn_type_basic{
display: table;
margin-left: auto;
margin-right: auto;
border-collapse: separate;
}
.btn_type_basic a{
display: table-cell;
position: relative;
border: 1px solid #003477;
border-radius: 3px;
padding: 0.75em 1em;
text-align: center;
font-size: 1.4rem;
color: #003477;
text-decoration: none;
vertical-align: middle;
background-color: #FFF;
}

.btn_type_title{
display: table;
width: 100%;
margin-left: auto;
margin-right: auto;
border-collapse: separate;
}
.btn_type_title a{
display: table-cell;
position: relative;
padding: 1em;
font-size: 1.4rem;
color: #FFF;
text-decoration: none;
vertical-align: middle;
background: #003477;
}
.btn_type_subtitle{
display: table;
width: 100%;
margin-left: auto;
margin-right: auto;
border-collapse: separate;
}
.btn_type_subtitle a{
display: table-cell;
position: relative;
padding: 1em;
font-size: 1.4rem;
color: #FFF;
text-decoration: none;
vertical-align: middle;
background: #4d4d4d;
}

.btn_size_m a{
min-width: 12em;
}
 .btn_icon_left a{
padding-left: 2em;
 }
.btn_icon_left a:before{
top: 0;
bottom: 0;
left: 0.5em;
right: auto;
}
.btn_icon_right a{
padding-right: 2em;
}
.btn_icon_right a:before{
top: 0;
bottom: 0;
left: auto;
right: 0.5em;
}

.btn_type_basic.icon_s_arrow a:before{
background-position: -1em -1em;
}
.btn_type_basic.icon_s_arrow_down a:before{
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
background-position: -1em -1em;
}
.btn_type_basic.icon_s_arrow2 a:before{
background-position: -1em 0;
}
.btn_type_basic .icon_blank:after{
background-position: -1em -6em;
}
.btn_type_title .icon_blank:after,
.btn_type_subtitle .icon_blank:after{
background-position: 0 -6em;
}
.btn_type_flat.icon_s_arrow a:before{
background-position: -3em -1em;
}
.btn_type_simple.icon_s_close a:before{
background-position: -3em -5em;
}
.btn_type_flat.icon_s_close a:before{
background-position: -3em -5em;
}

/*===========================================
list
===========================================*/
* + .list_disc{
margin-top: 1em;
}
.list_disc > li{
padding-left: 1em;
text-indent: -1em;
}
.list_disc > li:before{
content: "・";
}
* + .list_asterisk{
margin-top: 1em;
}
.list_asterisk > li{
padding-left: 1em;
text-indent: -1em;
}
.list_asterisk > li:before{
content: "※";
}
* + .list_number{
margin-top: 1em;
}
.list_number{
counter-reset: number;
}
.list_number > li{
padding-left: 0.75em;
text-indent: -0.75em;
}
.list_number > li:before{
counter-increment: number;
content: counter(number)".";
}
ol.list_asterisk{
counter-reset: asterisk;
}
ol.list_asterisk > li{
padding-left: 1.8em;
text-indent: -1.8em;
}
ol.list_asterisk > li:before{
counter-increment: asterisk;
content: "※"counter(asterisk)" ";
}

.list_figList a{
text-decoration: none;
}
.list_figList li{
margin-top: 4em;
}
.list_figList figcaption{
display: block;
position: relative;
padding: 0.5em 1.5em 0.5em 0.5em;
font-size: 2rem;
font-weight: bold;
}
.list_figList figcaption:after{
top: 0.86em;
right: 0.5em;
left: auto;
font-size: 18px;
background-position: -1em 0;
}
.list_figList p{
margin: 0;
border-top: 1px solid #003477;
padding: 1em 0.5em 0.5em 0.5em;
}
.list_figList .icon_blank:after{
background-position: -1em -6em;
}

.sp .list_figList figcaption{
font-size: 1.5rem;
padding: 0.5em 1.75em 0 0;
}
.sp .list_figList figcaption:after{
top: 0.75em;
bottom: auto;
font-size: 1.5rem;
}

/*===========================================
table
===========================================*/
.table_type_default{
box-sizing: border-box;
width: 100%;
margin-top: 40px;
border-collapse: collapse;
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
}
.table_type_default th,
.table_type_default td{
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
padding: 12px;
}
.table_type_default th{
text-align: left;
background-color: #f5f5f5;
}
.table_type_default td a{
word-break: break-all;
}
.sp .table_type_default{
margin-top: 2em;
}
.sp .table_type_default th,
.sp .table_type_default td{
padding: 1em	0.75em;
}
.sp .table_spBreak_horizontal,
.sp .table_spBreak_horizontal > *,
.sp .table_spBreak_horizontal > * > tr,
.sp .table_spBreak_horizontal > tr > *,
.sp .table_spBreak_horizontal > * > tr > *{
display: block;
width: auto !important;
}
.sp .table_type_default.table_spBreak_horizontal .table_bd_r_none,
.sp .table_type_default.table_spBreak_horizontal .table_bd_b_none,
.sp .table_type_default.table_spBreak_horizontal .table_bd_t_none,
.sp .table_type_default.table_spBreak_horizontal .table_bd_l_none{
border-color: #DDD;
}
.sp .table_spBreak_vertical ~ .table_type_default{
margin-top: 10px;
}

*[class*="table_type_"] .table_bd_r_none{
border-right-color: transparent;
}
*[class*="table_type_"] .table_bd_l_none{
border-left-color: transparent;
}
*[class*="table_type_"] .table_bd_t_none{
border-top-color: transparent;
}
*[class*="table_type_"] .table_bd_b_none{
border-bottom-color: transparent;
}

/*===========================================
box
===========================================*/
.sp .box_sp_column1 {
margin-top: 1em;
}
.sp .box_sp_column1 > *{
margin: 1em 0 0 0;
}
/*==========*/
html:not(.sp) .box_pc_column2{
margin-top: 2em;
}
html:not(.sp) .box_pc_column2:after{
content: "";
display: block;
clear: both;
}
html:not(.sp) .box_pc_column2 > *{
float: left;
width: calc(50% - 10px);
margin-top: 1em;
}
html:not(.sp) .box_pc_column2 > *:nth-of-type(odd){
clear: both;
float: left;
}html:not(.sp) .box_pc_column2 > *:nth-of-type(even){
float: right;
}
.sp .box_sp_column2 {
margin-top: 1em;
}
.sp .box_sp_column2:after{
content: "";
display: block;
clear: both;
}
.sp .box_sp_column2 > *{
width: 48%;
margin: 1em 0 0 0;
}
.sp .box_sp_column2 > *:nth-of-type(odd){
clear: both;
float: left;
}
.sp .box_sp_column2 > *:nth-of-type(even){
float: right;
}
.sp .box_sp_column2 > *:nth-of-type(-n+2){
margin-top: 0;
}
/*==========*/
html:not(.sp) .box_pc_column3{
margin-top: 2em;
}
html:not(.sp) .box_pc_column3:after{
content: "";
display: block;
clear: both;
}
html:not(.sp) .box_pc_column3 > *{
float: left;
width: 386px;
margin-right: 21px;
margin-top: 1em;
}
html:not(.sp) .box_pc_column3 > *:nth-of-type(3n){
margin-right: 0;
}
html:not(.sp) .box_pc_column3 > *:nth-of-type(3n+1){
clear: both;
}
html:not(.sp) .box_pc_column3 > *:nth-of-type(-n+3){
margin-top: 0;
}
/*==========*/
html:not(.sp) .box_pc_column4{
margin-top: 2em;
}
html:not(.sp) .box_pc_column4:after{
content: "";
display: block;
clear: both;
}
html:not(.sp) .box_pc_column4 > *{
float: left;
width: 285px;
margin-right: 20px;
margin-top: 1em;
}
html:not(.sp) .box_pc_column4 > *:nth-of-type(4n){
margin-right: 0;
}
html:not(.sp) .box_pc_column4 > *:nth-of-type(4n+1){
clear: both;
}
html:not(.sp) .box_pc_column4 > *:nth-of-type(-n+4){
margin-top: 0;
}

.box_sp_scroll{
width: 100%;
overflow-y : hidden;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.sp .box_sp_scroll > .minW640{
min-width: 640px;
}
.sp .box_sp_scroll > .minW780{
min-width: 780px;
}
.sp .box_sp_scroll > .minW960{
min-width: 960px;
}
.sp .box_sp_scroll > .minW1200{
min-width: 1200px;
}
.sp .txt_sp_scroll + .box_sp_scroll{
margin-top: 0.75em;
}

/*===========================================
component
===========================================*/
.topicpath{
background-color: #e5e5e5;
}
.topicpath ul{
box-sizing: border-box;
max-width: 1100px;
margin: auto;
padding: 0.5em 0;
}
.topicpath li{
display: inline-block;
font-size: 1.3rem;
}
.topicpath li:before{
content: '>';
display: inline-block;
margin: 0 0.25em;
}
.topicpath li:first-child:before{
content: normal;
}
.sp .topicpath{
display: none;
width: auto;
padding-left: 10px;
padding-right: 10px;
}

/*==========*/
.kanp_topics{
width: 1100px;
margin: auto;
overflow: hidden;
}
.kanp_topics .slider{
position: relative;
left: 0;
width: 1100px;
margin-top: 25px;
}
.kanp_topics .slider .bx-wrapper{
margin: auto;
}
.kanp_topics .slider a{
display: block;
margin: 0 10px;
color: #333;
text-decoration: none;
}
.kanp_topics .slider img{
display: block;
width: 385px;
margin-bottom: 0.5em;
}
.kanp_topics .bx-pager{
text-align: center;
}
.kanp_topics .bx-pager-item{
display: inline-block;
}
.kanp_topics .bx-pager-item a{
display: block;
width: 1em;
height: 1em;
border-radius: 1em;
text-indent: -9999px;
background-color: #BBB;
overflow: hidden;
}
.kanp_topics .bx-pager-item a.active{
background-color: #003477;
}
.sp .kanp_topics{
width: auto;
}
.sp .kanp_topics .slider{
position: static;
width: auto;
transition: height 0.5s ease;
overflow: hidden;
}
.sp .kanp_topics .slider li{
max-width: 386px;
margin: 2em auto 0 auto;
}
.sp .kanp_topics .slider li:first-child{
margin-top: 0;
}
.sp .kanp_topics .slider li:nth-of-type(n + 4){
display: none;
}
.sp .kanp_topics .slider.open li:nth-of-type(n + 4){
display: block;
}
.sp .kanp_topics .slider a{
margin: 0;
}
.sp .kanp_topics .slider img{
margin: 0 auto 0.5em auto;
}

/*==========*/
.kanp_tab{
position: relative;
}
.kanp_tab:after{
box-sizing: border-box;
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
border-bottom: 3px solid #003477;
}
.kanp_tab ul{
display: flex;
justify-content: space-between;
align-items: stretch;
}
.kanp_tab li{
width: 100%;
}
.kanp_tab a{
box-sizing: border-box;
display: table;
height: 100%;
width: 100%;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
padding: 0.5em 1em;
font-size: 2.2rem;
color: #333;
font-weight: bold;
text-align: center;
text-decoration: none;
background-color: #e6e6e6;
}
.kanp_tab .active a{
color: #FFF;
background-color: #003477;
}
.kanp_tab a > span{
display: table-cell;
vertical-align: middle;
}
.kanp_tab a small{
display: block;
font-size: 1.1rem;
}
.sp .kanp_tab:after{
border-bottom-width: 2px;
}
.sp .kanp_tab a{
padding-left: 0.5em;
padding-right: 0.5em;
font-size: 1.6rem;
}
.sp .kanp_tab a small{
font-size: 0.9rem;
}

/*==========*/
.kanp_pickup{
display: table;
width: 1200px;
margin: 2em auto 0 auto;
background-color: #f5f5f5;
}
.kanp_pickup > *{
box-sizing: border-box;
display: table-cell;
width: 50%;
vertical-align: middle;
}
.kanp_pickup > *:last-child{
padding: 3em;
}
.kanp_pickup > * > a{
display: block;
position: relative;
border-bottom: 1px solid #003477;
padding: 0.5em 45px 0.5em 0.5em;
text-decoration: none;
}
.kanp_pickup > * > a:after{
top: auto;
bottom: 0.4em;
right: 5px;
left: auto;
font-size: 33px;
background-position: -1em 0;
}
.kanp_pickup .ttl{
font-size: 2.4rem;
font-weight: bold;
}
.kanp_pickup .txt{
font-size: 1.6rem;
}
.sp .kanp_pickup{
display: block;
width: auto;
}
.sp .kanp_pickup > *{
display: block;
width: auto;
}
.sp .kanp_pickup > *:last-child{
padding: 0 1em 2em 1em;
}
.sp .kanp_pickup > figure img{
width: 100%;
}
.sp .kanp_pickup > * > a{
padding: 1em 2em 1em 0.5em;
}
.sp .kanp_pickup > * > a:after{
top: 0;
bottom: 0;
font-size: 1.6rem;
}
.sp .kanp_pickup .ttl{
font-size: 1.6rem;
}
.sp .kanp_pickup .txt{
font-size: 1.3rem;
}
/*==========*/
.kanp_newsList{
box-sizing: border-box;
}
.kanp_newsList .inner{
margin: auto;
padding: 70px 20px 50px 20px;
}
.kanp_newsList .ttl{
font-weight: bold;
font-size: 30px;
text-align: center;
}
.kanp_newsList dl{
max-width: 915px;
margin: 2em auto 0 auto;
}
.kanp_newsList dt{
float: left;
padding: 1em;
}
.kanp_newsList dd{
border-bottom: 1px solid #CCC;
padding: 1em 1em 1em 8em;
}
.kanp_newsList dd a{
display: table;
color: #333;
text-decoration: none;
}
.kanp_newsList dd a > *{
display: table-cell;
vertical-align: top;
}
.kanp_newsList dd a:hover{
text-decoration: underline;
}
.kanp_newsList dd .icon{
display: inline-block;
position: relative;
top: 2px;
width: 9em;
margin-right: 1.75em;
padding: 3px 0;
font-size: 1.2rem;
line-height: 1;
text-align: center;
}
.kanp_newsList dd .icon1{
background-color: #e6e6e6;
}
.kanp_newsList dd .icon2{
background-color: #e6e6e6;
}
.kanp_newsList dd .icon3{
background-color: #e6e6e6;
}
.kanp_newsList dd .icon4{
background-color: #e6e6e6;
}

.sp .kanp_newsList .inner{
padding: 2em 1rem 0 1rem;
}
.sp .kanp_newsList .ttl{
font-size: 28px;
}
.sp .kanp_newsList dl {
margin-top: 1em;
}
.sp .kanp_newsList dt{
padding: 1em 0 0.5em 0;
}
.sp .kanp_newsList dd{
padding: 1em 0 1em 0;
}
.sp .kanp_newsList dd a{
display: block;
}
.sp .kanp_newsList dd span{
display: block;
clear: both;
}
.sp .kanp_newsList dd .icon{
display: inline-block;
top: -1px;
margin-left: 1em;
padding: 5px 0 3px 0;
font-size: 10px;
vertical-align: middle;
}
/*==========*/
.kanp_pickup_bnr{
background:-webkit-gradient(linear, left top, left bottom, from(#e5f4eb), to(#bdd1e8));
background: linear-gradient(#e5f4eb, #bdd1e8);
}
.kanp_pickup_bnr .inner{
width: 1200px;
margin: auto;
padding: 60px 0 30px 0;
}
.kanp_pickup_bnr .ttl_2{
margin-top: 0;
}
.kanp_pickup_bnr .slider{
position: relative;
margin-top: 30px;
padding-bottom: 40px;
}
.kanp_pickup_bnr ul{
display: flex;
margin: auto;
overflow: hidden;
}
.kanp_pickup_bnr li{
display: flex;
float: left;
width: 370px;
}
.kanp_pickup_bnr li a{
display: block;
width: 300px;
margin: 0 auto;
color: #333;
text-decoration: none;
background-color: #FFF;
}
.kanp_pickup_bnr li a span{
display: block;
padding: 1em;
}
.kanp_pickup_bnr .bx-wrapper{
margin: auto;
}
.kanp_pickup_bnr .bx-pager{
position: absolute;
left: 0;
right: 0;
bottom: 0;
width: 100%;
margin-top: 25px;
text-align: center;
line-height: 0;
}
.kanp_pickup_bnr .bx-pager div{
display: inline-block;
margin: 0 10px;
vertical-align: top;
}
.kanp_pickup_bnr .bx-pager a{
display: block;
width: 10px;
height: 10px;
border-radius: 10px;
text-indent: -9999px;
white-space: nowrap;
text-align: left;
background-color: #FFF;
}
.kanp_pickup_bnr .bx-pager a.active{
background-color: #003477;
}
.kanp_pickup_bnr .bx-prev,
.kanp_pickup_bnr .bx-next{
position: absolute;
top: 0;
bottom: 0;
width: 20px;
height: 34px;
margin: auto;
text-align: left;
white-space: nowrap;
text-indent: -9999px;
background: top left no-repeat;
background-size: contain;
}
.kanp_pickup_bnr .bx-prev{
left: 0;
background-image: url(../images/pickup_btn_prev.png);
}
.kanp_pickup_bnr .bx-next{
right: 0;
background-image: url(../images/pickup_btn_next.png);
}

.sp .kanp_pickup_bnr .inner {
width: auto;
padding: 2.5em 10px 2em 10px;
}
.sp .kanp_pickup_bnr .slider{
margin-top: 2em;
padding-left: 50px;
padding-right: 50px;
}

/*===========================================
material
===========================================*/
#wrap .bd_blue{
border-color: #2e4ba7;
}
#wrap .bd_gray1{
border-color: #f5f5f5;
}
#wrap .bd_white{
border-color: #FFF;
}
#wrap .bg_blue{
background-color: #003477;
}
#wrap .bg_gray1{
background-color: #f5f5f5;
}
#wrap .bg_white{
background-color: #FFF;
}