@charset "Shift_JIS";

.mb10 { padding-bottom: 10px!important;}
.mb20 { padding-bottom: 20px!important;}
.mb30 { padding-bottom: 30px!important;}
.mb40 { padding-bottom: 40px!important;}
.mt10 { padding-top: 10px!important;}
.mt20 { padding-top: 20px!important;}
.mt30 { padding-top: 30px!important;}
.mt40 { padding-top: 40px!important;}
.mt0 { padding-top: 0px!important;}




/* common.css 調整 */
.LinkListStyle1 a strong {
  outline: none;
}
  .LinkListStyle1  a:link strong {
    color: #08427c;
    text-decoration: none;
  }
  .LinkListStyle1 a:visited strong {
    color: #6d087c;
  }
  .LinkListStyle1 a:hover strong {
    color: #b1000e;
    text-decoration: underline;
  }
  .LinkListStyle1 a:active strong {
    color: #f59130;
    text-decoration: underline;
  }
.LinkListStyle1 {
  font-size: 100%;
}
  .LinkListStyle1 li {
    padding: 5px 0 0 ;
  }
  .LinkListStyle1 strong {
/*    font-size: 140%;
    line-height: 150%;*/
    font-weight: bold;
  }

.Section h3 {
  margin: 0 0 -5px;
  font-size: 128.57%;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: normal;
}
.Section h4 {
  margin: 0 0 -5px;
  font-size: 100%;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: normal;
}

.CatchCopy {
  font-size: 171.42%;
}
  .CatchCopy strong {
    font-size: 171.42%;
    color: #ae9b00;
    font-weight: bold;
    line-height: 1.2;
  }
p.TextStyle1, ul.ListStyle1 {
  font-size: 100%;
}
p.TextStyle2, ul.ListStyle2 {
  font-size: 83%;
}

ol.ListStyle1 li, ol.ListStyle2 li {
  list-style-type: decimal;
}

  dl.AdditionalNotesStyle2 dt {
    float: left;
    clear: left;
    width: 1.5em;
    white-space: nowrap;
  }
  dl.AdditionalNotesStyle2 dd {
    float: left;
    clear: both;
    margin: -1.55em 0 3px 2.4em;
  }
dl.AnnotationsStyle2 {
  font-size: 83%;
}
  dl.AnnotationsStyle2 dt {
    float: left;
    clear: left;
    width: 1.5em;
    white-space: nowrap;
  }
  dl.AnnotationsStyle2 dd {
    float: left;
    clear: both;
    margin: -1.65em 0 3px 1.25em;
  }
    table.elem_table_set + dl.AdditionalNotesStyle2 {
      margin: 10px 0 0;
    }
  .ImgHeadingStyle p {
    text-align: left;
  }

.ImgOnlyStyle {
  max-width: 100%;
  margin: 0 0 10px !important;
  font-size: 83% !important;
}

table.TableStyle1,
table.TableStyle3 {
  font-size: 100%;
  margin: 0 0 20px;
  border-collapse: collapse;
  border-spacing: 0;
}
  table.TableStyle1 td, table.TableStyle3 td {
    background: #fff;
  }
  table.TableStyle1 th, table.TableStyle1 td,
  table.TableStyle3 th, table.TableStyle3 td {
    padding: 10px 15px;
    border: solid 1px #ddd;
    line-height: 160%;
  }

.elem_contents_block .ColumnSet .Column1 {
  width: 222px;
}

/* responsive.css 調整 */
  .JS .ResponsiveTableStyle1.no_heading .ResponsiveTableHeading {
    display: none;
  }

/* base.css 調整 */
#area_content_main {
  padding-top: 0;
}
  .var_no_pad_block.elem_contents_block {
    padding-top: 0;
  }

/* base.css 追加 */
h2.var_brown {
	margin: 0 0 5px;
	padding: 0 0 10px 0;
	background: url(../images/module_parts/elem_heading_lv2/arrow_brown.png) no-repeat 40px bottom;
	position: relative;
}
h2.var_brown span {
	display: block;
	padding: 10px 15px;
	font-size: 110%;
	font-weight: normal;
	color: #ffffff;
	line-height: 130%;
	background-color: #e58c56;
}
h2.var_gray {
	margin: 0 0 5px;
	padding: 0 0 10px 0;
	background: url(../images/module_parts/elem_heading_lv2/arrow_gray.png) no-repeat 40px bottom;
	position: relative;
}
h2.var_gray span {
	display: block;
	padding: 10px 15px;
	font-size: 110%;
	font-weight: normal;
	color: #ffffff;
	line-height: 130%;
	background-color: #999;
}
h2.var_green {
	margin: 0 0 5px;
	padding: 0 0 10px 0;
	background: url(../images/module_parts/elem_heading_lv2/arrow_green.png) no-repeat 40px bottom;
	position: relative;
}
h2.var_green span {
	display: block;
	padding: 10px 15px;
	font-size: 110%;
	font-weight: normal;
	color: #ffffff;
	line-height: 130%;
	background-color: #4ebaa5;
}
h2.var_ocher {
	margin: 0 0 5px;
	padding: 0 0 10px 0;
	background: url(../images/module_parts/elem_heading_lv2/arrow_ocher.png) no-repeat 40px bottom;
	position: relative;
}
h2.var_ocher span {
	display: block;
	padding: 10px 15px;
	font-size: 110%;
	font-weight: normal;
	color: #ffffff;
	line-height: 130%;
	background-color: #c6bb5e;
}
h2.var_pink {
	margin: 0 0 5px;
	padding: 0 0 10px 0;
	background: url(../images/module_parts/elem_heading_lv2/arrow_pink.png) no-repeat 40px bottom;
	position: relative;
}
h2.var_pink span {
	display: block;
	padding: 10px 15px;
	font-size: 110%;
	font-weight: normal;
	color: #ffffff;
	line-height: 130%;
	background-color: #dc6a74;
}
h2.var_red {
	margin: 0 0 5px;
	padding: 0 0 10px 0;
	background: url(../images/module_parts/elem_heading_lv2/arrow.png) no-repeat 6px bottom;
	position: relative;
}
h2.var_red span {
	display: block;
	padding: 15px 5px;
	font-size: 128.57%;
	font-weight: normal;
	color: #ffffff;
	line-height: 130%;
	background-color: #e60027;
}
h2.var_skyblue {
	margin: 0 0 5px;
	padding: 0 0 10px 0;
	background: url(../images/module_parts/elem_heading_lv2/arrow_skyblue.png) no-repeat 40px bottom;
	position: relative;
}
h2.var_skyblue span {
	display: block;
	padding: 10px 15px;
	font-size: 110%;
	font-weight: normal;
	color: #ffffff;
	line-height: 130%;
	background-color: #7c9fd3;
}

    .var_gray {
      background: #e6e6e6;
    }
    .var_light_gray {
      background: #f2f2f2;
    }
    .var_beige {
      background: #f7edd0;
    }
    .var_pink {
      background: #f7ddd0;
    }
    .var_white {
      background: #fff;
    }

	.text_orange {
	  color: #e67c00;
	}

.elem_heading_lv3 h3.large {
  font-size: 128.57%;
}

.tbl_set_type1,
.tbl_set_type2,
.tbl_set_type3 {
  display: table;
}
  .tbl_set_type1 .tbl_ctrl,
  .tbl_set_type2 .tbl_ctrl,
  .tbl_set_type3 .tbl_ctrl {
    margin: 0 15px 0 5px;
    padding: 0 15px 0 5px;
    display: table-cell;
    vertical-align: top;
  }
  .tbl_set_type1 .tbl_pic_area.tbl_ctrl,
  .tbl_set_type2 .tbl_pic_area.tbl_ctrl,
  .tbl_set_type3 .tbl_pic_area.tbl_ctrl {
    width: 1%;
  }
  .tbl_set_type1 .tbl_txt_area.tbl_ctrl,
  .tbl_set_type2 .tbl_txt_area.tbl_ctrl,
  .tbl_set_type3 .tbl_txt_area.tbl_ctrl {
    width: 99%;
  }

#colorbox_dialog_01 .size_lv2 {
  margin: 0;
}

.elem_heading_lv3_dialog {
  margin: -2px 0 0 0;
  padding: 0 0 10px 0;
}
  .elem_heading_lv3_dialog h3 {
    font-size: 128.57%;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    line-height: 1.3;
    letter-spacing: normal;
    text-align: left;
  }

div.elem_paragraph_dialog p {
  font-size: 87.5%;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  margin-bottom: 5px;
}
  div.elem_paragraph_dialog p.caution {
   color: #e60027;
  }
  div.elem_paragraph_dialog p.annotation {
  font-size: 77.77%;
  line-height: 1.3;
  }


/* 表示領域が995px未満の場合に適用するスタイル */
@media screen and (max-width: 994px) {
  .JS #Contents .elem_pic .pic_holder img {
/*    width: auto;
    max-width: 100%;*/
  }
  .JS #Contents .elem_contents_block .elem_pic .pic_holder img {
    width: auto;
    max-width: 100%;
  }
  .JS #Contents .elem_contents_block .tbl_set_type1 .tbl_pic_area.tbl_ctrl .elem_pic .pic_holder img,
  .JS #Contents .elem_contents_block .tbl_set_type2 .tbl_pic_area.tbl_ctrl .elem_pic .pic_holder img,
  .JS #Contents .elem_contents_block .tbl_set_type3 .tbl_pic_area.tbl_ctrl .elem_pic .pic_holder img {
    max-width: 600px;
  }
  .JS #Contents .elem_pic .pic_holder img.banner {
    width: auto;
    max-width: 100%;
  }
  .JS #Contents .area_content_pad .elem_button_list ul li,
  .JS #Contents .area_content_pad .elem_button_list ul li a {
/*    max-width: 100%;
    display: inline-block;*/
  }
  .tbl_set_type2 .tbl_pic_area.tbl_ctrl .ImgOnlyStyle,
  .tbl_set_type2 .tbl_pic_area.tbl_ctrl .elem_pic .pic_holder {
    width: 80px;
  }
  .tbl_set_type3 .tbl_pic_area.tbl_ctrl .ImgOnlyStyle,
  .tbl_set_type3 .tbl_pic_area.tbl_ctrl .elem_pic .pic_holder {
    width: auto;
    max-width: 100%;
  }
  #layout_column1 .elem_content_divide_block .content_divide_col3_1 .column_3.elem_content_divide_box {
    width: calc((720 / 950) * 100%);
  }
  #layout_column1 .elem_content_divide_block .content_divide_col3_1 .column_1.elem_content_divide_box {
    width: calc((230 / 950) * 100%);
  }
  /* 2018.8.29 縦並び時のボタン間隔を調整 */
  .JS .elem_button_list ul li,
  .JS .elem_button_list ul li a {
    margin-bottom:1px;
  }
  /* お問い合わせ 3カラムから2カラムに変更 */
/*  .elem_contact_block .contact_body .content_divide_col2 .elem_content_divide_box {
    border-left: none;
  }
  .JS #layout_column1 .elem_content_divide_block .content_divide_col2 .elem_content_divide_box + .elem_content_divide_box ul li {
    max-width: none;
    width: calc(100% + 15px);
  }
  .JS #layout_column1 .elem_content_divide_block .content_divide_col2 .elem_content_divide_box + .elem_content_divide_box {
    width: calc((100% /2) + 7.5px);
  }
  .JS #layout_column1 .elem_contact_block .elem_content_divide_block .content_divide_col2 .elem_content_divide_box + .elem_content_divide_box {
    width: calc((100% /2) - 7.5px);
  }*/

}

/* 表示領域が768px未満の場合に適用するスタイル */
@media screen and (max-width: 767px) {
  .PageTitleStyle1 {
/*    border-bottom: none;*/
  }
  .tbl_set_type1,
  .tbl_set_type3,
  .tbl_set_type1 .tbl_ctrl,
  .tbl_set_type3 .tbl_ctrl {
    padding: 0;
    margin: 0;
    display: block;
  }
  .tbl_set_type1 .tbl_pic_area.tbl_ctrl,
  .tbl_set_type1 .tbl_txt_area.tbl_ctrl {
    width: 100%;
  }
    #Contents .tbl_set_type1 .tbl_pic_area .elem_pic .pic_holder img {
      width: auto;
      max-width: 100%;
    }
  .tbl_set_type2 .tbl_txt_area.tbl_ctrl {
/*    display: table-footer-group;*/
  }
  .tbl_set_type3 .tbl_pic_area.tbl_ctrl,
  .tbl_set_type3 .tbl_txt_area.tbl_ctrl {
    width: auto;
    max-width: 100%;
  }
  .elem_text_list_anchor ul li a {
    white-space: normal;
  }
/* mainvisual 調整*/
/*  .JS #Contents .area_content_pad img,*/
  .JS #Contents .elem_pic .pic_holder.img_fixed img {
    width: auto;
    max-width: 100%;
  }
  .JS .ResponsiveTableStyle1.headcut .ResponsiveTableHeading {
/*    display: none;*/
  }
  .elem_category_button ul li.current .arrow img {
    display: none;
  }
  .elem_content_divide_block .content_divide_col3_1 {
    display: block;
  }
  .elem_content_divide_block .content_divide_col3_1 .elem_content_divide_box.column_1,
  .elem_content_divide_block .content_divide_col3_1 .elem_content_divide_box.column_3 {
    max-width: 100%;
    display: block;
  }
  #layout_column1 .elem_content_divide_block .content_divide_col3_1 .column_3.elem_content_divide_box,
  #layout_column1 .elem_content_divide_block .content_divide_col3_1 .column_1.elem_content_divide_box {
    width: 100%;
  }
 div.elem_table_set table.elem_table_set {
   white-space: nowrap;
 }
/* 知恵袋 切り替えタブ調整*/
  .elem_tab_list ul li.current a {
    padding: 6px 15px 4px 30px;
  }
  .elem_tab_list ul.col2 li {
    display: block;
    padding: 1px;
  }
  .elem_tab_list ul.col2 li a, .elem_tab_list ul.col2 li .no_link {
    width: calc((430 / 500) * 100%);
  }
  .elem_tab_list ul.var_outside {
    border-bottom: none;
  }
  .JS .ResponsiveTableStyle1 th, .JS .ResponsiveTableStyle1 td {
    font-size: 100%;
  }
  .elem_content_divide_block .elem_content_divide_block_pad .elem_content_divide_box {
    padding: 0;
  }
  .elem_category_button ul.col3 li,
  .JS #include_area_cgi_files_01 .elem_button_list ul li,
  .JS #include_area_cgi_files_01_bottom .elem_button_list ul li {
    margin: 1px;
    width: calc(100% - 16px);
  }
  /* お問い合わせ 3カラムから2カラムに変更 */
/*  .JS #layout_column1 .elem_content_divide_block .content_divide_col2 .elem_content_divide_box + .elem_content_divide_box,
  .JS #layout_column1 .elem_content_divide_block .content_divide_col2 .elem_content_divide_box + .elem_content_divide_box ul li,
  .JS #layout_column1 .elem_contact_block .elem_content_divide_block .content_divide_col2 .elem_content_divide_box + .elem_content_divide_box {
    width: 100%;
  }
  .JS #layout_column1 .elem_content_divide_block .content_divide_col2 .elem_content_divide_box + .elem_content_divide_box ul li a {
    margin: 15px 0 0;
  }*/
  /* テーブル 項目のフォントカラーを変更 2017.3.15*/
  .JS .ResponsiveTableStyle1 .ResponsiveTableHeading {
    color: #737373;
  }
  .JS #Contents .elem_contents_block .tbl_set_type1 .tbl_pic_area.tbl_ctrl .elem_pic .pic_holder img,
  .JS #Contents .elem_contents_block .tbl_set_type2 .tbl_pic_area.tbl_ctrl .elem_pic .pic_holder img,
  .JS #Contents .elem_contents_block .tbl_set_type3 .tbl_pic_area.tbl_ctrl .elem_pic .pic_holder img {
    max-width: 100%;
  }
}

/* 表示領域が580px未満の場合に適用するスタイル */
@media screen and (max-width: 579px) {
  .JS #layout_column1 .elem_contents_block .elem_content_divide_block .content_divide_col4 {
    width: 100%;
    text-align: center;
    margin: 0;
  }
  #layout_column1 .elem_contents_block .elem_content_divide_block .content_divide_col4 .elem_content_divide_box {
    width: 100%;
  }
  .JS #Contents .elem_content_divide_block .elem_pic .pic_holder img {
    max-width: 100%;
    width: inherit;
  }
  /* ポップアップウインドウの調整 */
  #PopUpContainer #SiteIdentityP {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
  }
  #PopUpContainer #PopUpContents {
    width: 750px;
    padding: 65px 0 0;
    background: #fff;
  }
  #PopUpContainer #PopUpContents .CloseButtonStyle {
    position: fixed;
  }
  /* 2018.8.29 縦並び時のボタン中央表示 */
  .elem_contents_block .elem_button_list ul {
    text-align: center;
  }
  /* お問い合わせ 3カラムから2カラムに変更 */
/*  .JS #layout_column1 #include_area_contact .elem_content_divide_box {
    width: 100%;
    margin-bottom: 0;
  }*/
}

/* 表示領域が400px未満の場合に適用するスタイル */
@media screen and (max-width: 399px) {
  .elem_contents_block .Section h3 {
    font-size: 100%;
  }
  /* 2017.4.25 サービス一覧ページ調整 */
/*  .elem_contents_block ul.LinkListStyle1 li {
    font-size: 90%;
    padding-top: 0;
  }*/
  .elem_contents_block ul.LinkListStyle1 li {
    font-size: 90%;
  }
  .LinkListStyle1 a strong {
    font-size: 100%;
    line-height: 110%;
/*    font-weight: bold;*/
  }
  .elem_contents_block .elem_contents_block_pad .elem_catch p {
    font-size: 76%;
  }
  div.elem_text_list_detail table.elem_text_list_detail {
    font-size: 100%;
  }
  div.elem_text_list_detail table.elem_text_list_detail,
  div.elem_text_list_detail table.elem_text_list_detail tr th,
  div.elem_text_list_detail table.elem_text_list_detail tr td  {
    border: none;
  }
  .ResponsiveTableStyle1.no_heading .elem_text_list_detail table.elem_text_list_detail tr th.elem_text_list_detail {
    width: 100%;
    font-weight: normal;
  }
  .JS #Contents .area_content_pad .elem_contents_block .elem_contents_block_pad.var_beige ul {
    text-align: center;
  }
  .JS #Contents .area_content_pad .elem_contents_block .elem_contents_block_pad.var_beige img {
    width: auto;
  }
  .JS #Contents .area_content_pad .elem_contents_block .elem_contents_block_pad.var_large_pad.var_beige img {
    width: 100%;
  }
  .JS .ImgHeadingStyle .Img {
    margin: 0 15px 20px 0;
  }
  .JS #colorbox #colorbox_dialog_01 .elem_button_list ul li {
    height: 45px;
  }
  .elem_category_button ul.col3 li,
  .JS #include_area_cgi_files_01 .elem_button_list ul li,
  .JS #include_area_cgi_files_01_bottom .elem_button_list ul li {
    margin: 1px;
  }
  /* お問い合わせ 3カラムから2カラムに変更 */
/*  .JS #layout_column1 .elem_content_divide_block .content_divide_col2 .elem_content_divide_box + .elem_content_divide_box ul li:first-child {
    margin-bottom: 0;
  }*/
  .elem_pic_list {
    display: table;
  }
  .JS #Contents #banner .elem_content_divide_block .elem_pic .pic_holder img {
    width: 100%;
  }
  *::-ms-backdrop, .JS #layout_column1 #banner .elem_content_divide_block .content_divide_col2 .elem_content_divide_box .elem_pic_pad,
  *::-ms-backdrop, .JS #layout_column1 #banner .elem_content_divide_block .content_divide_col2 :first-child.elem_content_divide_box + .elem_content_divide_box .elem_pic_pad .pic_holder {
    min-height: inherit;
  }
}

.top_PickupArea {
    max-width: 965px;
    display: flex;
}

.top_PickupArea .Pickup4items {
max-width: 100%;
}