@charset "UTF-8";

/* TABLE */
.table_main01 {
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid #CCCCCC;
  line-height: 1.7;
}
.table_main01 tr{
  border-bottom: 1px solid #CCCCCC;
  line-height: 1.7;
}
.table_main01 th, .table_main01 td {
  padding: 10px 10px;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
}
.table_main01 th {
  width: 30%;
  background-color: #F7F7F7;
  font-weight: bold;
  text-align: left;
}
.table_main01 th.req_tab_01, .table_main01 th.req_tab_02, .table_main01 td.req_tab_03, .table_main01 td.req_tab_04 {
  padding: 10px 10px;
  border-left: none;
  border-right: none;
}
.table_main01 th.tablehead01 {
  font-weight: normal;
}
.table_main01 tr .req_tab_03, .table_main01 tr .req_tab_04 {
  width: 70%;
}
.table_main01 th.th_width_01 {
  width: 20%;
}
.table_main01 th.th_width_02 {
  width: 40%;
}
.table_main01 th.th_width_03 {
  width: 5%;
}
.table_main01 th.th_width_04 {
  width: 45%;
}
.table_main01 th.th_width_05 {
  width: 10%;
}
.table_main01 td.td_width_01 {
  width: 20%;
}
.table_main01 td.td_width_05 {
  width: 90%;
}
.table_main01 th.th_txt {
padding-left: 50px;
}
.table_main01 td.td_txt {
padding-left: 30px;
text-indent: 0.1em
}

/* スマホ対応スクロール付きテーブル*/
.table_main02 {
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid #CCCCCC;
  line-height: 1.7;
}
.table_main02 tr{
  border-bottom: 1px solid #CCCCCC;
  line-height: 1.7;
}
.table_main02 th, .table_main02 td {
  padding: 10px 10px;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
}
.table_main02 th {
  background-color: #F7F7F7;
  font-weight: bold;
  text-align: left;
}
.table_main02 th.th_width_03 {
  width: 5%;
}
.table_main02 th.th_width_05 {
  width: 10%;
}
.table_main02 th.th_width_01 {
  width: 20%;
}
.table_main02 th.th_width_02 {
  width: 40%;
}
.table_main02 th.th_width_04 {
  width: 45%;
}
.table_main02 td.td_width_01 {
  width: 20%;
}
.table_main02 td.td_width_05 {
  width: 90%;
}
/*会社概要ページテーブル内ロゴ画像用*/
.table_logo_img　{
  display: inline-block;
  padding: 10px;
}
@media (max-width: 768px), print {
/*スマホ対応用テーブルスタイル*/
  .table_main01 {
    display: block;
  }
  .table_main01 thead, .table_main01 tbody, .table_main01 tr, .table_main01 th, .table_main01 td {
    display: block;
    width: 100%;
    padding: 0;
    border: none;
    font-weight: normal;
    text-align: left;
  }
  .table_main01 tr {
    padding: 1px 0;
    border-bottom: 1px solid #cdcbca;
  }
  .table_main01 tr .req_tab_03 {
    width: 100%;
  }
  .table_main01 tr:first-child {
    padding-top: 0;
  }
  .table_main01 td {
    margin-top: 5px;
  }
/*スマホ対応用テーブルスクロール スタイル*/
  .scroll{
  overflow: scroll;　　　　/*tableをスクロールさせる*/
  white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
}
  table.table_main02{
  width: 100%;
}
}

/* ボタン用　スタイル */
.button01, .button02, .button03, .button04 {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-family: inherit;
  -webkit-appearance: none;
  line-height: 1;
  text-align: center;
  cursor: pointer;
}
.button01:hover, .button01:focus, .button02:hover, .button02:focus, .button03:hover, .button03:focus, .button04:hover, .button04:focus {
  text-decoration: none;
}
.button01 {
  padding: 15px 61px 15px 40px;
  color: #ffffff;
}
  .button01:hover, .button01:focus {
  color: #ffffff;
}
.button02 {
  padding: 10px 50px 10px 30px;
  color: #000000;
}
.button02:hover, .button02:focus {
  color: #000000;
}
.button03 {
  padding: 15px 50px 15px 20px;
  color: #ffffff;
}
.button03:hover, .button03:focus {
  color: #ffffff;
}
.button04 {
  padding: 15px 250px 15px 20px;
  color: #ffffff;
}
.button04:hover, .button04:focus {
  color: #ffffff;
}
.button01.first {
  background: url("/common/img/chevron-right.svg") 86% 50% / 5px 8px no-repeat, -webkit-linear-gradient(45deg, #2A5DD8 0%, #2A99D8 100%), linear-gradient(45deg, #2A5DD8 0%, #2A99D8 100%);
    color: #ffffff;}
  .button01.first:hover, .button01.first:focus {
    background: url("/common/img/chevron-right.svg") 86% 50% / 5px 8px no-repeat, -webkit-linear-gradient(45deg, #2AA9D8 0%, #2AD8D8 100%), linear-gradient(45deg, #2AA9D8 0%, #2AD8D8 100%);
    color: #ffffff;
}
.button01.first {
  background: url("/common/img/chevron-right.svg") 86% 50% / 5px 8px no-repeat, -ms-linear-gradient(45deg, #2A5DD8 0%, #2A99D8 100%);
    color: #ffffff;}
  .button01.first:hover, .button01.first:focus {
    background: url("/common/img/chevron-right.svg") 86% 50% / 5px 8px no-repeat, -ms-linear-gradient(45deg, #2AA9D8 0%, #2AD8D8 100%);
    color: #ffffff;
}
.button01.first2 {
  background: url("/common/img/external-link-alt.svg") 81% 50% / 10px 10px no-repeat, -webkit-linear-gradient(45deg, #2A5DD8 0%, #2A99D8 100%), linear-gradient(45deg, #2A5DD8 0%, #2A99D8 100%);
    color: #ffffff;
}
.button01.first2:hover, .button01.first2:focus {
  background: url("/common/img/external-link-alt.svg") 81% 50% / 10px 10px no-repeat, -webkit-linear-gradient(45deg, #2AA9D8 0%, #2AD8D8 100%), linear-gradient(45deg, #2AA9D8 0%, #2AD8D8 100%);
  color: #ffffff;
}
.button01.first2 {
  background: url("/common/img/external-link-alt.svg") 81% 50% / 10px 10px no-repeat, -ms-linear-gradient(45deg, #2A5DD8 0%, #2A99D8 100%)/* IE */;
    color: #ffffff;
}
.button01.first2:hover, .button01.first2:focus {
  background: url("/common/img/external-link-alt.svg") 81% 50% / 10px 10px no-repeat, -ms-linear-gradient(45deg, #2AA9D8 0%, #2AD8D8 100%)/* IE */;
  color: #ffffff;
}
.button01.first3 {
  background: -webkit-linear-gradient(45deg, #2A5DD8 0%, #2A99D8 100%), linear-gradient(45deg, #2A5DD8 0%, #2A99D8 100%);
  color: #ffffff;
}
.button01.first3:hover, .button01.first3:focus {
  background: -webkit-linear-gradient(45deg, #2AA9D8 0%, #2AD8D8 100%), linear-gradient(45deg, #2AA9D8 0%, #2AD8D8 100%);
  color: #ffffff;
}
.button01.first3 {
  background: -ms-linear-gradient(45deg, #2A5DD8 0%, #2A99D8 100%)/* IE */;
  color: #ffffff;
}
.button01.first3:hover, .button01.first3:focus {
  background: -ms-linear-gradient(45deg, #2AA9D8 0%, #2AD8D8 100%)/* IE */;
  color: #ffffff;
}
.button01.primary, .button03.primary {
  border: 1px solid #fff;
  background: #2448A0 url("/common/img/chevron-right.svg") 90% 50% / 5px 8px no-repeat;
  color: #ffffff;}
.button01.primary:hover, .button01.primary:focus, .button03.primary:hover, .button03.primary:focus {
  border: 1px solid #fff;
  background: #4973DB url("/common/img/chevron-right.svg") 90% 50% / 5px 8px no-repeat;
  color: #ffffff;
}
.button01.primary2 {
  padding: 15px 100px 15px 40px;
  background: #2448A0 url("/common/img/pdf.png") right 35px top 15px / 36px 12px no-repeat;
  color: #ffffff;
}
.button01.primary2:hover, .button01.primary2:focus {
  background: #4973DB url("/common/img/pdf.png") right 35px top 15px / 36px 12px no-repeat;
  color: #ffffff;
}
.button01.secondary {
  background: url("/common/img/chevron-right.svg") 86% 50% / 5px 8px no-repeat, -webkit-linear-gradient(45deg, #FF6600 0%, #FF9900 100%), linear-gradient(45deg, #FF6600 0%, #FF9900 100%);
  color: #ffffff;
}
.button01.secondary:hover, .button01.secondary:focus {
  background: url("/common/img/chevron-right.svg") 86% 50% / 5px 8px no-repeat, -webkit-linear-gradient(45deg, #FFB100 0%, #FFCE00 100%), linear-gradient(45deg, #FFB100 0%, #FFCE00 100%);
  color: #ffffff;
}
.button01.secondary {
  background: url("/common/img/chevron-right.svg") 86% 50% / 5px 8px no-repeat, -ms-linear-gradient(45deg, #FF6600 0%, #FF9900 100%)/* IE */;
  color: #ffffff;
}
.button01.secondary:hover, .button01.secondary:focus {
  background: url("/common/img/chevron-right.svg") 86% 50% / 5px 8px no-repeat, -ms-linear-gradient(45deg, #FFB100 0%, #FFCE00 100%)/* IE */;
  color: #ffffff;
}
.button01.third {
  background: url("/common/img/external-link-alt.svg") 86% 50% / 10px 10px no-repeat, -webkit-linear-gradient(45deg, #FF6600 0%, #FF9900 100%), linear-gradient(45deg, #FF6600 0%, #FF9900 100%);
  color: #ffffff;
}
.button01.third:hover, .button01.third:focus {
  background: url("/common/img/external-link-alt.svg") 86% 50% / 10px 10px no-repeat, -webkit-linear-gradient(45deg, #FFB100 0%, #FFCE00 100%), linear-gradient(45deg, #FFB100 0%, #FFCE00 100%);
  color: #ffffff;
}
.button01.third {
  background: url("/common/img/external-link-alt.svg") 86% 50% / 10px 10px no-repeat, -ms-linear-gradient(45deg, #FF6600 0%, #FF9900 100%)/* IE */;
  color: #ffffff;
}
.button01.third:hover, .button01.third:focus {
  background: url("/common/img/external-link-alt.svg") 86% 50% / 10px 10px no-repeat, -ms-linear-gradient(45deg, #FFB100 0%, #FFCE00 100%)/* IE */;
  color: #ffffff;
}
.button02.subbutton {
  border-radius: 20px;
  background: url("/common/img/chevron-right2.svg") 88% 50% / 5px 8px no-repeat,  #EDEDED;
  color: #000000;
}
.button02.subbutton:hover, .button01.subbutton:focus {
  background: url("/common/img/chevron-right2.svg") 88% 50% / 5px 8px no-repeat,  #E6F2FF;
  color: #000000;
  text-decoration: none;
}
.button04.first2 {
  width: 160px;
  background: #2448A0 url("/common/img/external-link-alt.svg") 93% 50% / 10px 10px no-repeat;
  color: #ffffff;
  text-align: left;
}
.button04.first2:hover, .button04.first2:focus {
  background: #4973DB url("/common/img/external-link-alt.svg") 93% 50% / 10px 10px no-repeat;
  color: #ffffff;
}
.flx__center.button01.primary {
  margin: 0 0 0 0;
}
.button01.first.inquiry_style{
  margin: 0 20px 0 0;
}
.button01.first p.inquiry_btn{
color: #ffffff;
text-align: left;
}
/*お問い合わせボタン（お問い合わせページ用）*/
.inquiry_button {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 0;
  padding: 15px 35px 15px 45px;
  background: url("/common/img/chevron-right.svg") 95% 50% / 5px 8px no-repeat, -webkit-linear-gradient(45deg, #2A5DD8 0%, #2A99D8 100%), linear-gradient(45deg, #2A5DD8 0%, #2A99D8 100%);
    color: #ffffff;
}
  .inquiry_button:hover, .inquiry_button:focus {
    background: url("/common/img/chevron-right.svg") 95% 50% / 5px 8px no-repeat, -webkit-linear-gradient(45deg, #2AA9D8 0%, #2AD8D8 100%), linear-gradient(45deg, #2AA9D8 0%, #2AD8D8 100%);
    cursor: pointer;
    color: #ffffff;
    text-decoration: none;
}
.inquiry_button {
  background: url("/common/img/chevron-right.svg") 95% 50% / 5px 8px no-repeat, -ms-linear-gradient(45deg, #2A5DD8 0%, #2A99D8 100%)/* IE */;
    color: #ffffff;
}
  .inquiry_button:hover, .inquiry_button:focus {
    background: url("/common/img/chevron-right.svg") 95% 50% / 5px 8px no-repeat, -ms-linear-gradient(45deg, #2AA9D8 0%, #2AD8D8 100%)/* IE */;
}
.inquiry_button {
  margin: 0 20px 0 0;
}
p.inquiry_btn{
  color: #ffffff;
}
/*
@media (max-width: 768px), print {
  #tog01{
    display: none;
  }
  #tog02{
    display: none;
  }
  #tog03{
    display: none;
  }
  #tog04{
    display: none;
  }
  #tog05{
    display: none;
  }
  #tog06{
    display: none;
  }
  #tog07{
    display: none;
  }
  #tog08{
    display: none;
  }
  #tog09{
    display: none;
  }
}
*/


/*戻るボタン（お問い合わせページフォームページ用）*/
.button01_back {
  display: inline-block;
  vertical-align: middle;
  margin: 0 30px 0 0;
  padding: 15px 35px 15px 45px;
  border: 1px solid #fff;
  background: url("/common/img/chevron-left.svg") 16% 50% / 5px auto no-repeat, #848CA2;
  -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  -webkit-appearance: none;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  color: #ffffff;
}
.button01_back:hover, .button01_back:focus {
  color: #ffffff;
  text-decoration: none;
}
.button01_back:visited {
  color: #ffffff;
}
/* 新着情報 ニュースリスト用*/
.news_list_wrap {
  max-width: 960px;
}
.news_list_item {
display: block;
  padding: 10px 0;
  border-color: #EDEDED;
  border-style: solid;
  border-bottom-width: 1px;
  background: url("/common/img/chevron-right2.svg") 99% 50% / 5px 8px no-repeat;
}
.news_list_item:first-child {
  border-top-width: 1px;
}
.news_list_item:hover, .news_list_item:focus {
    background: #E6F0F6;
}
.news_list_body01 {
  display: inline-block;
  width: 220px;
  margin: 0 0 5px 5px;
  vertical-align: top;
}
.news_date {
  color: #333333;
}
.news_list_body01 > * {
  vertical-align: middle;
}
.news_tag01 {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-pack: left;
  justify-content: left;
  -webkit-box-align: left;
  align-items: center;
  width: 90px;
  height: 20px;
  margin-left: 1em;
  padding-left: 0.8em;
  background-color: #333333;
  color: #ffffff;
  font-size: 85%;
  line-height: 1;
}
.news_tag02 {
  display: inline-block;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-pack: left;
  justify-content: left;
  -webkit-box-align: left;
  align-items: center;
  width: auto;
  height: 20px;
  padding: 0 0.8em 0 0.8em;
  border-radius: 2px;
  background-color: #93B5D6;
  color: #fff;
  font-size: 85%;
  line-height: 1;
}
.news_list_body02 {
  display: inline-block;
  width: 680px;
  overflow: hidden;
  margin: 0 1em 0 0;
}
/*アイコンスタイル（テキストと一緒に使用するタイプ）*/
.news_ico_wid {
  display: block;
  width: 20px;
  height: 20px;
  margin-left: 0.4em;
  background: url("/common/img/search-plus.svg") no-repeat;
}
.news_ico_chk {
  display: block;
  width: 30px;
  height: 30px;
  margin-left: 0.4em;
  background: url("/common/img/check_mark.svg") no-repeat;
}
.news_ico_log {
  display: block;
  width: 75px;
  height: 30px;
  margin-left: 0.4em;
  background: url("/common/img/logo01.png") no-repeat;
}
.news_ico_mnu {
  display: inline-block;
  width: 20px;
  height: 15px;
  background: url("/common/img/menu.svg") no-repeat;
}
.news_ico_cls {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url("/common/img/close.svg") no-repeat;
}
.news_ico_mal {
  display: inline-block;
  width: 30px;
  height: 20px;
  margin-left: 0.4em;
  background: url("/common/img/e-mail.svg") no-repeat;
}
.news_ico_ser {
  display: inline-block;
  width: 40px;
  height: 20px;
  margin-left: 0.4em;
  background: url("/common/img/search.svg") no-repeat;
}
.news_ico_pdf {
  display: inline-block;
  width: 36px;
  height: 12px;
  margin-left: 0.4em;
  background: url("/common/img/pdf2.png") no-repeat;
}
.news_ico_ext {
  display: inline-block;
  width: 20px;
  height: 10px;
  margin-left: 0.6em;
  background: url("/common/img/external-link-alt2.svg") no-repeat;/*別ウィンドウ用アイコン*/
}
.news_ico_arw {
  display: inline-block;
  width: 20px;
  height: 10px;
  margin-left: 0.3em;
  background: url("/common/img/chevron-circle-right.svg") no-repeat;
}
.news_ico_top {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url("/common/img/page_top.svg") no-repeat;
}
.news_ico_grn {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: #88d800;
}
.news_ico_ble {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: #52d4fe;
}
.news_more {
  margin: 10px 0 10px 0;
  color: #333333;
  text-align: right;
}
.news_more_txt{
  color: #333333;
}

/* サブナビゲーション（ソリューションページDS-martページで使用）*/
.sub_nav_wrap{
  padding-left: 10px;
  background: #F5F5F5;
}
.sub_nav {
  display: inline-block;
  margin: 10px 2px 10px 0;
  background: url("/common/img/chevron-right2.svg") right 15px top 10px / 5px 8px no-repeat;
  text-decoration: none;
}
.sub_nav a{
  display: block;
  padding: 5px 30px 5px 30px;
  color: #333333;
}
.sub_nav a:hover {
  border-radius: 20px;
  background-color: #E6F2FF;
  text-decoration: none;
}
.sub_nav.active {
  border-radius: 20px;
  background-color: #CCCCCC;
}

/* ニュースページ年度ナビゲーション （ニュースページＨ１下年度別用リンクボタンエリア） */
.year_nav_wrap{
  padding-left: 10px;
  background: #F5F5F5;
}
.year_nav {
  display: inline-block;
  margin: 10px 2px 10px 0;
  background: url("/common/img/chevron-right2.svg") 80% 50% / 5px 8px no-repeat;
  text-decoration: none;
}
.year_nav a{
  display: block;
  padding: 5px 30px 5px 30px;
  color: #333333;
}
.year_nav a:hover {
  border-radius: 20px;
  background-color: #E6F2FF;
  text-decoration: none;
}
.year_nav.active {
  border-radius: 20px;
  background-color: #CCCCCC;
}

/* ニュースページページナビゲーション（前へ-1-2-3-次へ） */
.page_nav_wrap{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.page_nav_inner{
}
.page_nav {
  display: inline-block;
  border-radius: 20px;
  background: #EDEDED;
  text-decoration: none;
  color: #333333;
}
.page_nav a{
  display: block;
  padding: 10px 40px 10px 40px;
  color: #333333;
}
.page_nav a:hover {
  border-radius: 20px;
  background: #E6F2FF;
  text-decoration: none;
}
.page_nav.active {
  background: #CCCCCC;
}
.page_nav.number a{
  padding: 10px 15px 10px 15px;
}
.page_nav.before {
  background: url("/common/img/chevron-left2.svg") 20% 50% / 5px 8px no-repeat, #EDEDED;
}
.page_nav.after {
  background: url("/common/img/chevron-right2.svg") 80% 50% / 5px 8px no-repeat, #EDEDED;
}
@media (max-width: 768px), print{
  .news_list_body01 {
    display: block;
    width: 220px;
  }
  .news_list_body02 {
    display: block;
    width: 95%;
  }
  .page_nav_wrap {
    width: 100%;
  }
}

/* グレー枠付き_画像L_200px＋テキストR_レイアウト */
.soltion_layout_01 {
  display: block;
  margin: 0;
  padding: 0;
  border: solid 1px #CCCCCC;
  }
.soltion_layout_01_01 {
  display: inline-block;
  width: 22%;
  max-width:100%;
  margin: 0;
  padding: 0;
}
.soltion_layout_01_02 {
  display: inline-block;
  width: 74%;
  margin: 0;
  padding: 0 0 0 30px;
  vertical-align: top;
}
/* 画像L_300px＋テキストR_レイアウト */
.soltion_layout_01a {
  display: flex;
  margin: 0;
  padding: 0;
  }
.soltion_layout_01a_01 {
  display: inline-block;
  margin: 0;
  padding: 0;
  max-width: 300px;
}
.soltion_layout_01a_02 {
  display: inline-block;
  margin: 0;
  padding: 0 0 0 30px;
  vertical-align: top;
}
/* グレー枠付き_画像L_200px＋テキストR_レイアウト（決済サービス） */
.soltion_layout_01b {
  display: flex;
  margin: 0;
  padding: 20px;
  border-top: solid 1px #e7e7e7;
}
.soltion_layout_01b.first_border {
  border-top: none;
}
.soltion_layout_01b.last_border {
  border-bottom: solid 1px #e7e7e7;
}
.soltion_layout_01b_01 {
  display: inline-block;
  width: 200px;
  margin: 0;
  padding: 0;
}
.soltion_layout_01b_02 {
  display: inline-block;
  width: 690px;
  margin: 0;
  padding: 0 0 0 30px;
  vertical-align: top;
}
.soltion_layout_01b_02 h3.top_margin_none {
  margin-top: 0;
}
@media (max-width: 768px), print{
  .soltion_layout_01b, .soltion_layout_01b_01, .soltion_layout_01b_02, .soltion_layout_01_01, .soltion_layout_01_02 {
    display: block;
  }
  .soltion_layout_01b_01 {
      margin: 0 0 30px 0;
  }
  .soltion_layout_01b_02, .soltion_layout_01_01, .soltion_layout_01_02 {
    width: 100%;
    margin: 0;
    padding: 0 0 0 0;
    vertical-align: top;
  }
  .soltion_layout_01_01 img {
    max-width: 100%;
    max-height: 100%;
  }
}
/* グレー枠付き_テキストL＋画像R_200px_レイアウト */
.soltion_layout_02 {
  display: table;
  margin: 0;
  padding: 0;
  border: solid 1px #CCCCCC;
  }
.soltion_layout_02_01 {
  display: table-cell;
  margin: 0;
  padding: 0;
  width: 75%;
  vertical-align: top;
}
.soltion_layout_02_02 {
  display: table-cell;
  margin: 0;
  padding: 0 0 0 30px;
  width: 200px;
  vertical-align: top;
}
/* テキストL＋画像R_300px_レイアウト（拡大画像付き） */
.soltion_layout_02a {
  display: flex;
  flex-direction: row;
  margin: 0;
  padding: 0;
  }
.soltion_layout_02a_01 {
  display: inline-block;
  width: 650px;
  margin: 0;
  padding: 0 30px 0 0;
  vertical-align: top;
}
.soltion_layout_02a_02 {
  display: inline-block;
  width: 300px;
  margin: 0;
  padding: 0;
}
@media (max-width: 768px), print{
  .soltion_layout_02a {
    flex-direction:column-reverse;
  width: 100%;
  height: auto;
  }
  .soltion_layout_02a_01 {
    width: 100%;
  }
  .soltion_layout_02a_02 {
    width: 100%;
  }
}
/* グレー枠なし_画像＋テキスト_レイアウト */
.soltion_layout_01.no_border, .soltion_layout_02.no_border {
  border: none;
}

/* CSSのみクリック画像拡大 */
.larger_image_area {
display: block;
  padding: 10px 0 0 10px;
  background: url("/common/img/search-plus.svg") 35% 85% / 15px 15px no-repeat;
text-align: center;
}
.larger_image {
  display: flex;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  justify-content: center;
  align-items: center;
  background: rgba(0,0,0,.7);
  opacity: 0;
  transition: .3s opacity ease;
  z-index: -1;
}
.larger_image img {
  width: auto !important;
  max-height: 100%!important;
  transform: scale(.7);
  transition: .4s transform ease;
  pointer-events: none;
}
.larger_image:target {
  opacity: 1;
  z-index: 103;
}
.larger_image:target img {
  transform: scale(1);
}
/* 閉じるボタン（いらない場合は消す） */
.larger_image::before,.larger_image::after {
  display: block;
  position: fixed;
  content: "";
  width: 24px;
  height:3px;
  top: 24px;
  right: 12px;
  background: #fff;
  border-radius: 4px;
}
.larger_image::before {
  transform: rotate(-315deg);
}
.larger_image::after {
  transform: rotate(315deg);
}

/* お問い合わせフォームページ用幅スタイル */
.req_tab_03 {
  text-align: left;
  vertical-align: middle;
  width: 65%;
}
.req_tab_02 {
  text-align: left;
  vertical-align: middle;
  width: 30%;
}
/* お問い合わせページ用スタイル */
.form_table_01 {
  width: 100%;
  height: 35px;
  border: 1px solid #dddddd;
}
.form_table_01.text_area {
  height: 170px;
}
/* お問い合わせページ用必須アイコンスタイル */
.ico_req_01 {
    width: 25px;
    height: 20px;
    margin-left: 0.5em;
    padding: 0 5px;
    border: 3px solid #F74A4A;
    border-radius: 3px;
    background-color: #F74A4A;
    color: #ffffff;
    font-size: 11px;
  }
@media (max-width: 768px), print{
  .regular_image img {
  max-width: 767px;
  width: 100%;
  height: auto;
  }
  .form_table_01 {
    width: 95%;
  }
}

/*背景ブルーお問い合わせエリア*/
.contact_link_wrap {
  overflow: hidden;
  background: #B5D2EB;
  background-size: cover;
}
.contact_link_inner {
  max-width: 960px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  position: relative;
  margin-right: auto;
  margin-left: auto;
}
.contact_link_body {
  display: block;
  position: relative;
  z-index: 2;
  margin-left: auto;
  margin-right: auto;
}
.contact_link_more_wrap01 {
  display: block;
  text-align: center;
  padding: 30px 0;
}
.contact_link_title01 {
  display: block;
  margin-bottom: 0;
  font-size: 157%;
  line-height: 1;
  font-weight: bold;
  text-align: center;
}
.contact_link_more02 {
  display: block;
  margin: 15px 0;
  text-align: center;
  line-height: 1.7;
}

/*グレー枠付き関連リンクエリア+青丸矢印アイコン付きテキストリンク*/
.mod_layout_01_inner {
  display: block;
  position: relative;
}
.mod_layout_01_body {
  display: block;
  padding: 30px;
  border: 1px solid #D7D7D7;
  border-radius: 3px;
  background:#F7F7F7;
}
.mod_layout_01_body.text_indent {
  text-indent: 0.1em;
}
.mod_layout_01_title01 {
  display: block;
  margin-bottom: 10px;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #D7D7D7;
  font-size: 114%;
  line-height: 1;
  font-weight: bold;
}
/*主な特徴ブルー枠付きエリア*/
.mod_layout_02_inner02 {
  display: block;
  position: relative;
}
.mod_layout_02_body02 {
  display: block;
  position: relative;
  border: 1px solid #DEECFF;
  border-radius: 3px;
  background: #F8FBFF;
}
.mod_layout_02_more_wrap02 {
  display: block;
  padding: 30px;
}
.mod_layout_02_title02 {
  display: block;
  margin-bottom: 10px;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #DEECFF;
  font-size: 114%;
  line-height: 1;
  font-weight: bold;
}

/*青丸右矢印つきアイコンテキスト*/
.arrow_link_01 {
  display: block;
  margin: 0.5em 0 0 0.2em;
  padding-left: 2em;
  background: url("/common/img/chevron-circle-right.svg") 1px 4px / 15px 15px no-repeat;
}
.arrow_link_01 a{
  color: #333333;
}
.arrow_link_01 a:hover{
  color: #0066CC;
  text-decoration:underline;
}
/*青丸下矢印つきアイコンテキスト（ソリューションページページ内リンク用）*/
.arrow_link_02 {
  display: block;
  margin: 0.2em 0 0 0.2em;
  padding-left: 2em;
  background: url("/common/img/chevron-circle-down.svg") 1px 4px / 15px 15px no-repeat;
}
.arrow_link_02 a{
  color: #333333;
}
.arrow_link_02 a:hover{
  color: #0066CC;
  text-decoration:underline;
}
/*オレンジ丸チェック印つきアイコンテキスト*/
.check_link_01 {
  display: block;
  margin: 0.2em 0 0 0.2em;
  padding: 0 0 1em 1.5em;
  background: url("/common/img/check_mark.svg") 1px 4px / 15px 15px no-repeat;
}

/*3分割グレー枠付き主な特徴レイアウト*/
.col3__wrap{
  display: block;
  margin: 0 auto 30px;
}
.col3__frame {
  display: block;
  width: 238px;
  margin: 0 auto 30px auto;
  padding: 30px;
  border: 1px solid #D7D7D7;
  border-radius: 3px;
}
.col3__img {
  display: block;
  margin: 0 0 30px 0;
  text-align: center;
}
.col3_title01 {
  display: block;
  margin-bottom: 0;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #D7D7D7;
  font-size: 114%;
  line-height: 1;
  font-weight: bold;
}
@media (min-width: 769px), print{
  .col3__wrap{
    display: flex;
  }
}
/*ライトウィンドウ右画像付き2分割レイアウト*/
.light_box_icon{
  display: inline-block;
  margin: 0 0 0 250px;
  padding-left: 1.5em;
  text-align: right;
}
/*ソリューションページ用ページ内リンクアイコン付きテキストエリア*/
.solution_area {
  display: block;
  margin: 0;
  padding: 20px;
  border: solid 1px #D7D7D7;
  border-radius: 2px;
  background: #f7f7f7;
}
/*ソリューションページ用アイコン付きタイトル＆テキストエリア*/
.solution_title_01 {
  display: block;
  padding-left: 1.5em;
  background: url("/common/img/check_mark.svg") 1px 5px / 20px 20px no-repeat;
  font-size: 128%;
  font-weight: bold;
  color: #FF8300;
}
.solution_title_02{
  display: block;
  margin: 0;
  padding-left: 0.2em;
  font-weight: normal;
  color: #FF8300;
}
.solution_title_02s {
  display: block;
  text-indent: -1.2em;
  margin-left: 1.2em;
  font-size: 128%;
  font-weight: bold;
  color: #FF8300;
}
.solution_title_02s span {
  font-size: 80%;
  font-weight: normal;
}
.solution_title_03{
  display: block;
  margin: 0;
  padding-left: 2.2em;
  background: url("/common/img/check_mark.svg") 1px 1px / 20px 20px no-repeat;
  font-weight: normal;
  color: #FF8300;
}
.solution_title_03s {
  display: block;
  font-size: 128%;
  font-weight: bold;
  color: #FF8300;
}
.solution_title_04{
  display: block;
  margin: 0;
  padding-left: 2.2em;
  background: url("/common/img/check_mark.svg") 1px 1px / 20px 20px no-repeat;
  font-weight: normal;
  color: #FF8300;
}
.solution_title_04s {
  display: inline-block;
  padding-left: 0.7em;
  font-size: 128%;
  font-weight: bold;
  color: #2447A0;
}
.solution_title_05{
  display: block;
  margin: 30px 0 0 0;
  background: none;
}
.solution_text_01 {
  display: block;
  margin-right: 2em;
  padding-left: 2em;
}
.solution_list_01 {
  display: inline-block;
  padding-left: 0.7em;
  font-size: 128%;
  font-weight: bold;
  color: #FF8300;
}
.solution_text_04 {
  display: block;
  margin: 0 2em 0 0;
  padding-left: 2em;
  color: #333333;
}
@media (min-width: 769px), print{
  .solution_title_05{
    display: block;
    margin: 30px 0 0 0;
    background: url(/products/img/logo_00.png) right top / 300px 160px no-repeat;
  }
  .solution_title_05.logo_01{
    background: url(/products/img/logo_01.jpg) right top / 300px 160px no-repeat;
  }
  .solution_title_05.logo_15{
    background: url(/products/img/logo_15.jpg) right top / 300px 160px no-repeat;
  }
  .solution_title_05.logo_16{
    background: url(/products/img/logo_16.jpg) right top / 300px 160px no-repeat;
  }
  .solution_title_05.logo_17{
    background: url(/products/img/logo_17.jpg) right top / 300px 160px no-repeat;
  }
  .solution_title_05.logo_18{
    background: url(/products/img/logo_18.jpg) right top / 300px 160px no-repeat;
  }
  .solution_title_05.logo_19{
    background: url(/products/img/logo_19.jpg) right top / 300px 160px no-repeat;
  }
  .solution_title_05.logo_20{
    background: url(/products/img/logo_20.jpg) right top / 300px 160px no-repeat;
  }
  .solution_title_05.logo_21{
    background: url(/products/img/logo_21.jpg) right top / 300px 160px no-repeat;
  }
  .solution_title_05.logo_22{
    background: url(/products/img/logo_22.jpg) right top / 300px 160px no-repeat;
  }
  .solution_title_05.logo_23{
    background: url(/products/img/logo_23.jpg) right top / 300px 160px no-repeat;
  }
  .solution_title_05.logo_24{
    background: url(/products/img/logo_24.jpg) right top / 300px 160px no-repeat;
  }
  .solution_title_05.logo_26{
    background: url(/products/img/logo_26.jpg) right top / 300px 160px no-repeat;
  }
  .solution_title_05.logo_27{
    background: url(/products/img/logo_27.jpg) right top / 300px 160px no-repeat;
  }
  .solution_title_05.logo_28{
    background: url(/products/img/logo_28.jpg) right top / 300px 160px no-repeat;
  }
  .solution_title_05.logo_29{
    background: url(/products/img/logo_29.jpg) right top / 300px 160px no-repeat;
  }
  .solution_title_05.logo_30{
    background: url(/products/img/logo_30.jpg) right top / 300px 160px no-repeat;
  }
  .solution_title_05.logo_31{
    background: url(/products/img/logo_31.jpg) right top / 300px 160px no-repeat;
  }
  .solution_title_05.logo_32{
    background: url(/products/img/logo_32.jpg) right top / 300px 160px no-repeat;
  }
  .solution_title_05.logo_35, .solution_title_05.logo_36, .solution_title_05.logo_37, .solution_title_05.logo_38, .solution_title_05.logo_39, .solution_title_05.logo_40{
    background: url(/products/img/logo_00.png) right top / 300px 160px no-repeat;
  }
  .solution_title_05 img.no_image{
    display: none;
  }
}

/*吹き出しグレー枠付きエリア*/
.balloon2, .balloon3 {
  position: relative;
  display: inline-block;
  margin: 0 0 1.5em 0;
  padding: 20px 20px;
  color: #D7D7D7;
  background: #F7F7F7;
  border: solid 1px #D7D7D7;
  border-radius: 3px;
  box-sizing: border-box;
}
.balloon2:before{
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #F7F7F7;
  z-index: 2;
}
.balloon2:after{
  content: "";
  position: absolute;
  bottom: -28px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #D7D7D7;
  z-index: 1;
}
.balloon2 p .solution_title_04 .balloon2 p.solution_text_04,.balloon3 p .solution_title_04 .balloon3 p.solution_text_04{
  margin: 0;
  padding: 0;
}

/*グレー枠付きエリア*/
.mod_layout_01_col2 {
  display: flex;
  justify-content: space-between;
}
.mod_layout_01_col1_body {
  display: block;
  width: 40%;
  padding: 30px;
  border: 1px solid #D7D7D7;
  border-radius: 3px;
  background:#F7F7F7;
  text-align: center;
}
/*ブルー枠付きエリア*/
.mod_layout_01_col1_body02 {
  display: block;
  max-width: 960px;
  padding: 30px;
  border: 1px solid #DEECFF;
  border-radius: 3px;
  background:#F8FBFF;
  text-align: center;
}
.mod_layout_01_col2_body {
  display: inline-block;
  width: 40%;
  padding: 30px;
  border: 1px solid #D7D7D7;
  border-radius: 3px;
  background:#F7F7F7;
  text-align: center;
}
.mod_layout_01_col2_title01 {
  display: block;
  margin-bottom: 0;
  font-size: 114%;
  line-height: 1;
  font-weight: bold;
}
.mod_layout_01_col2_more01 {
  display: block;
  margin: 0.2em 0 0 0.2em;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #D7D7D7;
}
.mod_layout_01_col2_more02 {
  display: block;
  margin: 0.2em 0 0 0.2em;
  font-size: 142%;
  font-weight:bold;
}
.mod_layout_01_col1_more03 {
  display: block;
  margin: 0 0 0 0.2em;
}
.small_txt {
  font-size: 80%;
  font-weight:bold;
}
@media (max-width: 768px), print{
  .mod_layout_01_col1_body {
    width: 88%;
  }
  .mod_layout_01_col2 {
    display: block;
    width: 100%;
  }
  .mod_layout_01_col2_body {
    display: block;
    width: 81%;
    margin-bottom: 20px;
  }
}

/* センタリング用クラス */
.flx__center {
  display: flex;
  justify-content: center;
}
.flx__center2 {
  display: block;
  text-align: center;
}
.flx__center2 .button01{
  line-height: 1.7;
}
.flx__between {
  display: inline-block;
}
@media (max-width: 768px), print{
  .flx__center img{
    width: 100%;
    height: 100%;
  }
  .flx__center_full img {
  width: 100%;
  height: 100%;
  }
}
.container{
  display: flex;
  justify-content: center;
  background: #ccc;
  flex-wrap: wrap;
}

/* type="innovation_new_page_select" のみ */
select.blue_line {
  padding: 10px 50px 10px 30px;
  border: solid 2px #2448A0;
  border-radius: 20px;
  background: url("/common/img/chevron-down2.svg") 92% 50% / 10px 10px no-repeat;
}
/* type="select" のみ */
form.formstyle {
padding: 0 10px 0 10px;
}
/*チェックボックス、ラジオボタンのブロックの指定*/
form.formstyle .layout_check p {
margin:0;
}
/*チェックボックス、ラジオボタンの label要素を横に並べる*/
form.formstyle .layout_check p label {
  display: inline-block;
  margin-right: 2em;
}
/*チェックボックス・ラジオボタンのinput要素とテキストがつかないよう右マージン*/
form.formstyle .layout_check p label input {
margin-right:0.5em;
}
/*チェックボックスの label要素の横幅を統一する*/
form.formstyle .layout_check p.check label {
width: 100%;
}
@media (min-width: 769px), print{
  /*チェックボックスの label要素の横幅を統一する*/
  form.formstyle .layout_check p.check label {
  width: 46%;
  }
}

/*会社情報エリア*/
.company_top{
display: block;
padding: 1px;
}
.company_top_01 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.company_top_01_01 {
  display: block;
  width: 225px;
  margin: 0 17px 17px 0;
  box-shadow: 0 0 4px #cccccc;
}
.company_top_01_01.no_margin {
  margin-right: 17px;
}
.company_top_title {
  color: #2448A0;
  font-weight: bold;
  font-size: 114%;
  line-height: 1.7;
  text-align: center;
}
.company_top_area{
display: block;
padding: 15px;
}
.company_top_area.company_top_title{
text-align: center;
}
@media (min-width: 960px), print{
  .company_top_01_01.no_margin {
    margin-right: 0;
  }
  .company_top_01_01.no_margin2 {
    margin-bottom: 0;
  }
}

/*企業理念ページスタイル*/
.top_philosophy_wrap00{
  display: block;
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
}
.top_philosophy_wrap00 h1.top_philosophy_title {
  margin: 20px 0 20px 0;
  padding: 0 0 0 0;
  border-bottom: none;
}
.top_philosophy_wrap img{
    overflow: hidden;
    width: 100%;
}
.philosophy_wrap01 {
  padding: 0 0 60px 0;
  background: linear-gradient(90deg, #23428d, #122654);
}
.philosophy_wrap02 {
  background-image: url("/company/img/bg_02.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.philosophy_wrap03 {
  padding: 60px 0 60px 0;
  background: #ffffff;
}
.philosophy_inner {
  max-width: 960px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  position: relative;
  margin-right: auto;
  margin-left: auto;
}
.philosophy_text_area01 {
  display: block;
  margin: 60px;
}
.philosophy_text_area02 {
  display: block;
  margin: 250px 0;
}
.philosophy_text_area03 {
  display: block;
  margin: 30px 60px 60px 60px;
}
.philosophy_wrap01 h2.top_philosophy_title02 {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 10px;
  border-left: solid 5px #ffffff;
  color: #ffffff;
  font-weight: normal;
}
h3.top_philosophy_title03 {
  margin-top: 0;
  margin-bottom: 0;
  border-left: solid 2px #ffffff;
  color: #ffffff;
  font-weight: normal;
}
.philosophy_text01 {
  color: #ffffff;
}
.philosophy_text02 {
  margin: 60px 0 0 0;
  color: #ffffff;
  font-size: 392%;
  line-height: 1;
  text-align: center;
}
.philosophy_text03 {
  color: #ffffff;
  font-size: 142%;
  text-align: center;
}
.philosophy_text04 {
  margin: 20px 0 20px 60px;
  color: #1e42a7;
  font-size: 214%;
  text-align: left;
}
.philosophy_text05 {
  margin: 60px 0;
  color: #ffffff;
  font-size: 285%;
  text-align: center;
  line-height: 1.5;
}
.philosophy_text06 {
  margin: 20px 0 30px 60px;
  color: #ffffff;
  font-size: 128%;
}
.philosophy_text07 {
  margin: 30px 0 20px 0;
  color: #ffffff;
  font-size: 214%;
  line-height: 1.0;
  text-align: left;
}
.notes.white02 {
  display: block;
  margin: 0 0 0 90px;
  color: #ffffff;
}
.button02.subbutton.white03{
  margin: 20px 0 0 60px;
  background: url(/common/img/external-link-alt2.svg) 88% 50% / 10px 10px no-repeat, #ffffff;
}
.philosophy_img_txt{
display: flex;
}
.philosophy_img{
display: inline-block;
padding: 0 30px 0 0;
}
.philosophy_txt{
display: inline-block;
}
@media (max-width: 768px), print{
  .top_philosophy_wrap00 h1.top_philosophy_title {
    margin: 20px 0 20px 15px;
  }
  .philosophy_wrap01 {
      padding: 0 0 0 0;
  }
  .philosophy_wrap02 {
    background-position: 50% 0;
    background-size: cover;
  }
  .philosophy_wrap03 {
    padding: 10px 0 30px 0;
  }
  .philosophy_inner {
    padding: 0 15px 0 15px;
  }
  .philosophy_text_area01 {
    margin: 30px 0;
  }
  .philosophy_text_area02 {
      margin: 150px 0;
  }
  .philosophy_text_area03 {
    display: block;
    margin: 20px 0 30px 0;
  }
  .philosophy_text01.sp {
    display: block;
    padding: 0 0;
  }
  .philosophy_text02 {
    margin: 20px 0 0 0;
    font-size: 285%;
  }
  .philosophy_text04 {
    margin: 0 0 0 5px;
    font-size: 128%;
    text-align: left;
  }
  .philosophy_text05 {
    margin: 20px 0 30px 0;
    font-size: 196%;
    line-height: 1.2;
  }
  .philosophy_img_txt{
  display: block;
  margin: 0 0 30px 0;
  }
  .philosophy_text06 {
    margin: 20px 20px 30px 20px;
    font-size: 114%;
  }
  .philosophy_text07 {
    margin: 20px 0 30px 0;
    font-size: 214%;
    line-height: 1.2;
  }
  .notes.white02 {
    margin: 0 15px 0 30px;
  }
  .button02.subbutton.white03{
    margin: 20px 0 30px 0;
  }
  .philosophy_img_txt{
  margin: 0 0 0 0;
  }
  .philosophy_img{
  display: block;
  padding: 0 0 20px 0;
  }
  .philosophy_img img{
  width: 100%;
  height: 100%;
  }
  .philosophy_txt{
  display: block;
  }
.contact_link_wrap.sp-none{
  display: none;
}
}

/*会社概要CEOメッセージエリア*/
.company_01{
  width: 100%;
  background: url("/company/img/main_01a.png") 50% 20% no-repeat;
  background-size: cover;
}
.company_01_01{
  padding: 300px 10px 10px 10px;/*上右下左の余白*/
}
@media (min-width: 650px), print{
  .company_01{
    max-width: 960px;
    background: url("/company/img/main_01.png") 10% 10% no-repeat;
    background-size: cover;
  }
  .company_01 img.company_img{
    display: none;
  }
  .company_01_01{
    display: block;
    position: relative;
    padding: 30px 30px 30px 300px;/*上右下左の余白*/
  }
}
/*事業所・グループ会社事業所一覧レイアウト（テキストL＋画像R_300px）*/
.group_layout {
  display: flex;
  flex-direction: column-reverse;
  margin: 0;
  padding: 0;
  }
.group_layout_01 {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0 30px 0 0;
  vertical-align: top;
}
.group_layout_02 {
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 300px;
}
.group_layout_02 img.border_img{
  border: 1px solid #707070;
}
.group_list {
}
.group_list li {
border-top: 1px solid #cccccc;
}
.group_list li:last-child {
border-bottom: 1px solid #cccccc;
}
span.group_list_01{
  display: inline-block;
  width: 15%;
  padding: 10px;
  font-weight: bold;
  vertical-align: top;
}
span.group_list_02 {
display: inline-block;
width: 75%;
padding: 10px;
}
.group_list.group_list_02.button02.subbutton {
background: url("/common/img/external-link-alt2.svg") 88% 50% / 10px 10px no-repeat;
}

/*  */
.colum_title{
  display: block;
  margin: 20px 0 0 0;
  padding: 5px 0 5px 10px;/*上下 左右の余白*/
  border-radius: 3px;
  background: #C4D3F5;
  font-size: 114%;
  font-weight: bold;
}
/* 採用情報エリア*/
.recruit_top{
display: block;
padding: 1px;
}
.recruit_top_01 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.recruit_top_01_01 {
  display: block;
  width: 100%;
  margin: 0 0 15px 0;
  box-shadow: 0 0 2px #cccccc;
}
.recruit_top_01_01 img {
  width: 100%;
}
.recruit_top_01_01.no_margin {
  margin-right: 17px;
}
.recruit_top_title {
  color: #2448A0;
  font-weight: bold;
  font-size: 114%;
  line-height: 1.7;
  text-align: center;
}
.recruit_top_area{
display: block;
padding: 15px;
}
.recruit_top_area.recruit_top_title{
text-align: center;
}
.recruit_career_01{
}
/*アコーディオンメニュー_エリアボックス全体*/
.accbox {
  margin: 2em 0;
  padding : 0;
  max-width: 960px;
}
/*アコーディオンメニュー_ラベル*/
.accbox label.blue_acc{
  display: block;
  margin: 1.5px 0;
  padding : 10px;
  border-top: 3px solid #2447A0;
  border-left: 1px solid #f7f7f7;
  border-right: 1px solid #f7f7f7;
  border-bottom: 1px solid #f7f7f7;
  color: #2448A0;
  font-size: 157%;
  font-weight: bold;
  cursor :pointer;
}
/*アコーディオンメニュー_アイコンを表示*/
.accbox label.blue_acc::before {
  content: url("/common/img/plus.png");
  padding-right: 8px;
}
/*アコーディオンメニュー_ラベルホバー時*/
.accbox label.blue_acc:hover {
  background :#E6F2FF;
}
/*アコーディオンメニュー_チェックは隠す*/
.accbox input.hide_check {
  display: none;
}
/*アコーディオンメニュー_中身を非表示にしておく*/
.accbox .accshow {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.2s;
}
/*アコーディオンメニュー_クリックで中身表示*/
.cssacc:checked + label + .accshow {
  height: auto;
  padding: 5px;
  opacity: 1;
}
/*アコーディオンメニュー_アイコンを入れ替える*/
.cssacc:checked + label.blue_acc::before {
  content: url("/common/img/minus.png");
}
/*アコーディオンメニュー_ラベル内容*/
.career_list li {
border-top: 1px solid #cccccc;
}
.career_list li:last-child {
border-bottom: 1px solid #cccccc;
}
.career_list02 li {
border-top: 1px solid #DEECFF;
border-left: 1px solid #DEECFF;
border-right: 1px solid #DEECFF;
}
.career_list02 li:last-child {
border-bottom: 1px solid #DEECFF;
}
.career_list02 li:nth-child(odd) {
  background: #F8FBFF;
}
span.career_list_01{
  display: block;
  width: 100%;
  height: auto;
  padding: 10px;
  background: #f7f7f7;
  font-weight: bold;
  vertical-align: top;
}
span.career_list_02 {
display: block;
width: 100%;
padding: 10px;
}
span.career_list02_01{
  display: inline-block;
  width: 3%;
  padding: 10px;
  color: #2448A0;
}
span.career_list02_02 {
display: inline-block;
padding: 10px;
}
.recruit_logo{
display: inline-block;
padding: 5px 10px 10px 0;
}

.inquiry_pc{
display: block;
}

@media (min-width: 769px), print{
  .recruit_top_01 {
    justify-content: space-between;
  }
  .recruit_top_01_01 {
    width: 49%;
  }
  span.career_list_01{
    display: inline-block;
    width: 25%;
  }
  span.career_list_02 {
    display: inline-block;
    width: 70%;
  }
  .group_layout {
    display: flex;
    flex-direction: row;
    }
  .group_layout_01 {
    display: inline-block;
    width: 630px;
  }
  .group_layout_01.no_pic {
    width: 100%;
  }
  .group_layout_02 {
    display: inline-block;
    width: 300px;
    margin: 0;
  }
  .pc_none{
  display: none;
  }
}
.inq_01 {
padding: 10px 10px;
background-color: #F7F7F7;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
line-height: 1.7;
}
.inq_02 {
margin-bottom: 10px;
padding: 10px 10px;
line-height: 1.7;
}
@media (max-width: 768px), print{
  /*お問い合わせページアコーディオンメニュー_ラベル*/
  .blue_acc01{
    display: block;
    margin: 1.5px 0;
    padding : 10px 10px 10px 30px;
    border-top: 3px solid #2447A0;
    border-left: 1px solid #f7f7f7;
    border-right: 1px solid #f7f7f7;
    border-bottom: 1px solid #f7f7f7;
    color: #2448A0;
    font-size: 157%;
    font-weight: bold;
    cursor :pointer;
  }
  .blue_btn{
    background: url(/common/img/plus.png) 1% 50% / 20px 20px no-repeat;
  }
  .blue_btn2{
    background: url(/common/img/minus.png) 1% 50% / 20px 20px no-repeat;
  }
  /*アコーディオンメニュー_ラベルホバー時*/
  .blue_btn:hover {
    background :url(/common/img/plus.png) 1% 50% / 20px 20px no-repeat, #E6F2FF;
  }
}
@media (min-width: 769px), print{
  .accbox.inquiry_sp{
    display: none;
  }
}

@media (max-width: 768px), print{
  .inquiry_block a{
    padding: 15px 10px 15px 10px;
  }
}


.box {
  width: 0;
  height: 0;
  border: 250px solid transparent;
  border-top: 200px solid #000;
  border-bottom: none;
}
/* 画像横並び1分割-2分割-3分割 */
.img_layout00 {
  display: block;
  margin: 0 auto;
}
.img_layout00 img {
  display: block;
}
.img_layout00 p.img_caption {
  margin: 0 0 10px 0;
  color: #AAAAAA;
}
.img_layout01 {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.img_layout02 {
  display: flex;
  flex-wrap: wrap;
}
.img_layout01 img{
  display: inline-block;
  margin: 0 0 5px 0;
}
.img_layout02 img{
  display: inline-block;
  margin: 0 30px 5px 0;
}
.img_layout02 img.last_img{
  margin: 0 0 5px 0;
}
.img_layout01 p.img_caption, .img_layout02 p.img_caption{
  margin: 0 0 10px 0;
  color: #AAAAAA;
}
.flx__center p.img_caption{
  display: block;
  margin: 0 0 10px 0;
  color: #AAAAAA;
}
@media (max-width: 768px), print{
  .img_layout01{
    display: block;
  }
  .img_layout01 li{
    display: block;
  }
  .img_layout01 p.img_caption{
    display: block;
  }
  .img_layout01 img{
    display: block;
    width: 100%;
    height: auto;
  }
}

.sitemap_titile {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.3;
  margin-top: 20px;
  margin-bottom: 19px;
  padding: 0 10px;
  border-left: solid 5px #2448A0;
}
.sitemap_titile a {
  display: inline-block;
  width: 100%;
  color: #333333;
}
.sitemap_titile a:hover {
  color: #0066CC;
}
.sitemap_col {
  display: block;
  margin: 0;
}
.mod_col2 {
display: inline-block;
  width: 49%;
}
.arrow_link_09 {
  display: block;
  margin: 0 0 0 0;
  padding-left: 2em;
  background: url(/common/img/chevron-circle-right.svg) 1px 4px / 15px 15px no-repeat;
}
.mod_col2 a {
}
.mod_col4 {
  display: inline-block;
  width: 23%;
}
@media (max-width: 768px), print{
  .mod_col2, .mod_col3, .mod_col4 {
    display: block;
    width: 100%;
  }
}

.move{
position:relative;
width:100%;
padding-top:56.25%;
}
.move iframe{
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
}

.child{
display: none;
}