@charset "utf-8";
/* CSS Document */
#consent{
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: #f2f2f2;
  padding: 1rem 0;
  font-size: 1.3rem;
  border: solid .2rem #ddd;
  box-shadow: 0 -0.3rem 0.2rem rgba(221, 221, 221, 0.9);
  z-index: 10;
}


/*----全体レイアウト-----*/
#wrapper {
  width: 100%;
  background-color: #fff;
}
.inner_wide {
  margin: auto;
  width: 100%;
}
.inner_cmn {
  margin: auto;
  max-width: 1290px;
  width: 90%;
}
.inner_narrow {
  margin: auto;
  width: 96rem;
}

/*-----header------*/
.header_inner {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 0 0 0 2.5rem;
  background-color: #000000;
  color: #fff;
 /* position: relative;*/
  position: fixed;
  width: 100%;
  z-index: 2;
  top:0
}
.header_inner a {
  text-decoration: none;
  color: inherit;

}
/**ServerMainte*/
.area_info {
  background-color: #ddd;
  color: #c6312d;
  font-size :1.3rem;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2;
}
.area_info #mainte_info  {
  padding: 0.5rem 0;
  display: flex;
  align-items: flex-start;
}
.area_info #mainte_info::before {
  font-family: Material Icons;
  content: "\e000";
  padding-right: 0.5rem;
  font-size: 1.7rem;
  margin-top: -0.4rem;
}

.area_logo {
  align-self: center;
  line-height: 0;
}
.header_left {
  height: 10rem;
}
/*Gloval_navi*/
.nav_gloval,
.link_top {
  height: 100%;
}
.link_top,.link_top p{
  line-height: 1.2;
}
.nav_gloval .glnav_item {
  display: flex;
  align-items: center;
  height: 100%;
}
.glnav_item > li,
.glnav_item > p,
.glnav_item > li > a {
  /*aタグのエリアを広げる*/
  display: flex;
  align-items: center;
  height: 100%;
}
.glnav_item li a i {
  font-size: 1.8rem;
  padding: 0.3rem;
}

.glnav_main li {
  margin-right: 2.5em;
}
.glnav_main li.active {
  border-bottom: solid 1rem #ddd;
  padding-top: 1rem;
}

.glnav_main > .mm_parent > a::after {
  font-family: Material Icons;
  content: "\e313";
}
/*
.glnav_main > .mm_parent::after {
  font-family: Material Icons;
  content: "\e313";
  position: absolute;
  top: 1.2rem;
  right: 0;
}*/

.glnav_link {
  position: relative;
}
.glnav_link::before,
.glnav_link::after {
  content: "";
  height: 1em;
  border-left: 0.1rem solid;
}

.glnav_link li {
  font-size: 1.2rem;
  padding-right: 1.5em;
}
.glnav_cmn li {
  font-size: 1.2rem;
  padding-right: 0.6em;
}
.glnav_link li:first-child,
.glnav_cmn li.other_item {
  padding-left: 1.5em;
}
.glnav_cmn li.contact_item {
  padding-left: 1.2em;
}
.area_search_lang {
  display: flex;
  height: 100%;
  align-items: center;
}
.area_search_lang > li {
  height: 100%;
  padding-top: 3.8rem;
}
.area_search_lang li.li_arrow::before {
  font-size: 1.2rem;
}

/*メガメニュー*/
.mm_wrap {
  position: fixed;
  position: absolute;
  top: 10rem;
  left: 0;
  width: 100%;
  z-index: 3;
  box-shadow: 0 0.5rem 1.5rem #ddd;
}
.mm_inner {
  display: none;
  width: 100%;
  max-height: 70rem;
  margin: 0 auto;
  background: #fff;
  color: #373737;
  padding: 5rem;

}
.mm_title {
  padding-right: 6rem;
  border-right: solid 0.3rem #ddd;
  width: 30%;
}
.mm_title h1 {
  font-size: 1.8rem;
  margin-bottom: 1em;
  font-weight: bold;
  vertical-align: middle;
}
.mm_title h1::after {
  font-family: Material Icons;
  content: "\e5cc";
  color: #fff;
  background-color: #293382;
  border-radius: 50%;
  font-size: 1.5rem;
  padding: 1px 0 1px 2px;
  margin-left: 1em;
}
#nav_gloval .mm_menu {
  /*footerでも同じクラス利用*/
  width: 70%;
  padding-left: 6rem;
  display: flex;
}
#nav_gloval .mm_menu ul {
  width: calc((100% - 12rem) / 3 * 1);
}
#nav_gloval .mm_menu ul:not(:last-child) {
  margin-right: 6rem;
}
#nav_gloval .mm_menu > ul > li {
  position: relative;
  display: flex;
  font-weight: bold;
  margin-right: 0;
}
#nav_gloval .mm_menu > ul > li a {
  padding-left: 2rem;
}
#nav_gloval .mm_menu > ul > li:not(:last-child) {
  padding-bottom: 1em;
}
#nav_gloval .mm_menu > ul > .ttl_item:not(:first-child) {
  margin-top: 1.5em;
}
#nav_gloval .mm_menu > ul > li:not(.ttl_item)::before {
  font-family: Material Icons;
  content: "\e5cc";
  color: #707d96;
  position: absolute;
  top: -0.3rem;
}
#nav_gloval .mm_menu > ul > li.ttl_item {
  border-bottom: solid #ddd 0.1rem;
  padding-bottom: 0.2em;
  padding-left: 0;
  color: #666;
  margin-bottom: 1em;

}
#nav_gloval .mm_menu > ul > li.ttl_item.card_ttlIcon {
  display:block
}
#nav_gloval .mm_menu > ul > li.ttl_item.card_ttlIcon a{
  padding-left: 0;
  color: #373737;
}
#nav_gloval .mm_menu > ul > li > [target="_blank"]::after {
  padding-left: 0.5em;
  color: #707d96;
}

/*各Topへのリンク*/
.link_top {
  padding-left: 1.3em;
  padding-right: 1rem;
  display: flex;
  align-items: center;
}
.link_top::after {
  font-family: Material Icons;
  content: "\e5cc";
  font-size: 2rem;
}
.to_products {
  background-color: #293382;
}
.to_corp {
  background-color: #3e3e45;
}

/*-----breadcrumb------*/
.area_breadcrumb {
  background-color: #ddd;
  padding: 0 2.5rem;
  margin-top: 10rem;
}
.area_breadcrumb a {
  text-decoration: none;
  color: inherit;
}
.area_breadcrumb i {
  font-size: 1.6rem;
  vertical-align: middle;
  margin-bottom: 2px;
}
.area_breadcrumb li {
  font-size: 1.1rem;
  color: #8a8a8a;
  padding-right: 2em;
  position: relative;
}
.area_breadcrumb li:not(:last-child)::after {
  content: "";
  border-bottom: 0.1rem solid;
  border-right: 0.1rem solid;
  position: absolute;
  right: 1em;
  top: calc(50% - 0.25em);
  height: 0.5em;
  width: 0.5em;
  transform: rotate(315deg);
}
.breadcrumb_top li {
  /*GlobalNav下のbreadcrumb*/
  margin: 0.2em 0;
  line-height: 2;
}

/*----サイト内検索&言語切り替え----*/
.mm_wrap_2 {
  position: absolute;
  top: 10rem;
  right: 0;
  width: auto;
  z-index: 2;
  background-color: #ddd;
}
.mm_wrap_2 .mm_inner {
  background: #ddd;
  padding: 0 2.5rem;
  height: 6rem;
  margin-top: 2.6rem;
  width: 35rem;
}
.select_lang li {
  display: flex;
  align-items: center;
  width: 33%;
  padding: 0;
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.select_lang li a {
  height: auto;
}
.area_head_search input.wd_search {
  border-radius: 0.3rem 0 0 0.3rem / 0.3rem 0 0 0.3rem;
  width: 25rem;
  font-size: 1.5rem;
  padding: 0.5em 1em;
  background-color: #fff;
  color: #373737;
  border: solid 0.1rem #ddd;
}
.area_head_search .input_group{
  display: flex;
}
#bt_search {
  display: flex;
  color: #fff;
  background-color: #293382;
  padding: 0 1rem;
  border-radius: 0 0.3rem 0.3rem 0 /0 0.3rem 0.3rem 0;
  align-items: center;
}
#close_search {
  padding-left: 1rem;
  cursor: pointer;
}
#close_search .material-icons {
  font-size: 4rem;
  color: #373737;
}

/*------Footer-------*/
#area_footer {
  background: #111;
  color: #e9e9e9;
  padding: 4rem 8rem;
}
#area_footer a {
  text-decoration: none;
  color: inherit;
}
/*
#area_footer .list_banner a[target="_blank"]::after {
  content: "";
}*/
.breadcrumb_bottom {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.breadcrumb_bottom ul {
  align-items: center;
}
.area_oldsite .btn_black {
  width: 35rem;
  margin: 0 auto;
  padding: 1em 4em;
  border-radius: 0.2rem;
  position: relative;
}
.area_oldsite a[target="_blank"]::after{
  content: none;
}

.area_oldsite .btn_arrow_white::after {
  top: auto;
  font-size: 1.5rem;
}
.sp_ftmenu {
  display: none;
}
.area_ftmenu {
  margin-top: 7rem;
}
.area_ftmenu .block_munu {
  width: calc((100% - 12rem) / 5 * 1);
}
.area_ftmenu .block_munu:last-child {
  flex: 1;
}
.area_ftmenu .block_munu:not(:last-child) {
  margin-right: 3rem;
}
.block_munu h1:not(:first-child) {
  margin-top: 5rem;
}
.block_munu h1 {
  font-size: 1.4rem;
}
.area_ftmenu .mm_menu {
  font-size: 1.2rem;
  margin-top: 3rem;
}

.area_ftmenu .ttl_item {
  margin: 1em 0 0.8em;
}
.area_ftmenu .ttl_item:not(.card_ttlIcon){
  opacity: 0.7;
}
.area_ftmenu .ttl_item.card_ttlIcon::before{
  background-color: inherit;
  padding-left: 0;
}
.area_ftmenu .mm_menu li:not(.ttl_item) {
  display: flex;
  align-items: center;
  padding-bottom: 0.5em;
}
.area_ftmenu .mm_menu li:not(.ttl_item) a {
  padding-left: 1em;
}
.area_ftmenu .mm_menu li:not(.ttl_item)::before {
  content: "";
  width: 0.5em;
  height: 0.2rem;
  background-color: #8a8a8a;
}
.corp_menu,
.sns_menu {
  margin-top: 5rem;
}
.area_ftmenu .corp_menu {
  font-size: 1.2rem;
  margin-top: 5rem;
}
.area_ftmenu .corp_menu li {
  padding-bottom: 0.5em;
}
.sns_menu {
  display: flex;
  width: auto;
}
.sns_menu li.item_sns {
 /* padding: 0.2rem 1rem;*/
 margin-right: 1rem;
  display: flex;
}
.item_sns a {
  display: flex;
  align-items: center;
}

.area_banner,
.area_ftcort {
  margin-top: 5rem;
}
.list_banner {
  display: flex;
}
.item_banner {
  padding: 1rem 0.5rem 1.3rem 2rem;
  border: solid 0.1rem;
  border-radius: 0.5rem;
  width: calc((100% - 12rem) / 5 * 1);
  margin-right: 3rem;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 1.5rem;
  font-size: 1.4rem;
}
.item_banner a {
  align-self: center;
  flex: 1;
  line-height: 1.3;
}
.item_banner::after {
  font-family: Material Icons;
  content: "\e5cc";
  color: #fff;
  font-size: 1.8rem;
  display: inline-block;
  padding-left: 0.2rem;
  align-self: center;
}
.area_ftcort {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.area_ftcort .img_logo {
  width: 20rem;
}
.area_ftcort .copyright {
  align-self: flex-end;
  font-size: 1.2rem;
}

/*----Recommend & History -----*/
.block_cmn {
  margin-bottom: 4rem;
  margin-top: 2rem;
}
.block_cmn h2 {
  color: #293382;
  font-size: 1.6rem;
  border: none;
  margin: 0;
  margin-bottom: 2rem;
  padding: 0;
  font-weight: bold;
}
/*----Recommend-----*/
#area_recommend li {
  margin-bottom: 0;
}

#area_recommend img {
  width: 100%;
}
#area_recommend .thum_img img{
  margin: 0 auto;
  object-fit: cover;
  height: 12rem;
  overflow: hidden;
  width: auto;
}

#area_recommend .thum_ttl h3{
  font-size: inherit;
  margin: 1rem 0;
  color: inherit;
  font-weight: bold;
  max-height: 3em;
  overflow: hidden;
  position: relative;
  margin-bottom: 0.5rem;
}
  
#area_recommend .thum_ttl h3:after ,
#area_recommend .thum_ttl h3:before{
  position: absolute;
  background: #fff;
}
#area_recommend .thum_ttl h3:before {
  content: "･･･";
  bottom: 0;
  right: 0;
  font-weight: normal;
}
#area_recommend .thum_ttl h3:after {
  content: "";
  width: 100%;
  height: 100%;
}




/*-----area_page_header------*/
.area_page_header {
  background-color: #f2f2f2;
  padding: 3em 0;
}
.area_page_header a {
  text-decoration: none;
  color: inherit;
}
.area_page_header .page_ttl {
  font-size: 2rem;
  font-weight: bold;
}

/*----area_conts_snav------Sideナビのありのページ*/
.area_conts_snav {
  align-items: flex-start;
}

/*----nav_side----*/
.nav_side {
  border-left: 0.1rem solid #ddd;
  align-self: stretch;
  padding-bottom: 6rem;
}
.nav_side a {
  text-decoration: none;
  color: inherit;
}
.nav_side li.snav_item {
  position: relative; /*矢印　+　aタグのエリア拡大*/
  padding: 0.8rem 0;
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  margin-left: 3rem;
}
.nav_side li.active {
  color: #293382;
  border-left: 0.5rem solid;
  margin-left: 0;
  display: block;
  padding-left: 3rem;
}
.nav_side .snav_item:not(.active)::before {
  font-family: Material Icons;
  content: "\e5cc";
  color: #707d96;
  display: inline-block;
  font-size: 1.8rem;
  font-weight: bold;
}
.nav_side li.snav_h1 {
  background-color: #293382;
  color: #fff;
  margin-top: 3rem;
  margin-left: 3rem;
  margin: 3rem 0 3rem 3rem;
  padding: 1em 1.5em;
  font-weight: bold;
  border: none;
}
.nav_side li.snav_h1 a {
  display: block;
}
.nav_side li.snav_h1 a::before {
  font-family: Material Icons;
  content: "\e5cc";
  color: #293382;
  background-color: #fff;
  font-size: 1.4rem;
  border-radius: 50%;
  padding: 0 0 0 1px;
  margin-right: 0.8em;
  vertical-align: initial;
}
.nav_side li.ttl_item {
  font-size: 1.3rem;
  font-weight: bold;
  color: #8d8d8d;
  margin: 3rem 0 1rem 3rem;
  border-bottom: solid 1px #e0e0e0;
}
.snav_note {
  margin-top: 2rem;
}
.note_link {
  margin-left: 3rem;
  font-size: 1.2rem;
  padding-top: 0.5rem;
  color: #8a8a8a;
}
.nav_side li.wrap_active {
  /*子メニューがactiveの際の親メニュー*/
  border-left: 0.5rem solid #293382;
  display: block;
  margin-left: 0;
  padding-left: 4.5rem;
  position: relative;
}
.nav_side li.wrap_active::before {
  position: absolute;
  left: 2.5rem;
  top: 0.5rem;
}
.nav_side li a {
  width: 90%;
}
.nav_side li.active a {
  top: 20%;
}
.nav_side ul.nabs_secondary {
  display: inline-block;
  margin-top: 0.5rem;
  width: 100%;
}
.nav_side ul.nabs_secondary li {
  min-height: 2.2em;
  font-weight: normal;
  padding: 0.3rem 0 0.3rem 1.5rem;
  color: #373737;
  position: relative;
}
ul.nabs_secondary li:not(.active)::before {
  content: "";
  top: 1.4rem;
  width: 0.5em;
  height: 0.2rem;
  background-color: #8a8a8a;
  position: absolute;
  left: 0;
}
ul.nabs_secondary li.active {
  border: none;
  padding-left: 0;
  margin-left: 0;
  font-weight: bold;
  color: #293382;
}
ul.nabs_secondary li.active a {
  top: 0;
}
ul.nabs_secondary li.snav_h3 {
  font-weight: bold;
  color: #8d8d8d;
  padding-left: 0;
}
ul.nabs_secondary li.snav_h3::before {
  width: 0;
  height: 0;
  background-color: #8a8a8a;
}

/*--------area_conts--------*/
.area_conts {
  /*Snaviと高さを揃える*/
  margin-top: 3rem;
}
.area_conts_snav .area_conts {
  width: calc((100% - 3rem) / 4 * 3);
}
.area_conts_nosnav .area_conts {
  margin-top: 7rem;
}

/*---conts_main---*/
.cmn_header {
  margin-top: 4rem;
}
.cmn_header .conts_subttl {
  color: #293382;
  font-size: 1.2rem;
  font-weight: bold;
  margin-top: 0.5em;
}
.cmn_body {
  margin-top: 7rem;
}
.area_conts h2,
.area_conts h3,
.area_conts h4 {
  font-weight: bold;
}
.area_conts h1 {
  font-size: 2.8rem;
}
.area_conts h2 {
  font-size: 2rem;
  border-left: 0.5rem solid #293382;
  padding-left: 1em;
  margin: 7rem 0 3rem;
}
.area_conts > h2:first-child,
.conts_main > h2:first-child {
  margin-top: 4rem;
}
.area_conts h3 {
  color: #293382;
  margin: 4rem 0 1.5rem;
  font-size: 1.6rem;
}
.area_conts h4 {
  margin: 3.5rem 0 1.5rem;
}

.area_conts h2 + .flex_row > [class^="item_"] > h4:first-child,
.area_conts h2 + .flex_row > [class^="item_"] > h3:first-child,
.area_conts .flex_row > [class^="item_"] > h4:first-child {
  margin-top: 0;
}

.area_conts hr {
  margin: 4rem 0 4.5rem;
}
.area_conts p,
.area_conts img,
.area_conts table,
.area_conts ul,.area_conts dl,
.area_conts > .flex_row,
.conts_main > .flex_row,
.cmn_body > .flex_row,
.area_conts video,
.area_conts .comparison_list {
  margin-top: 1.5rem;
}
.area_conts td > ul,
.area_conts td > p:first-of-type {
  margin-top: 0;
}
.flex_row > [class^="item_"] > img {
  margin-top: 0;
}
.area_conts p:first-child,
.area_conts ul:first-child > li:first-child {
  margin-top: 0;
}

.area_conts .nomg_top{
  margin-top: 0;
}

.area_conts .note {
  margin-top: 0.5rem;
}

.area_conts ul {
  list-style: disc;
  padding-left: 1.5em;
}

.area_conts ol li {
  display: flex;
  align-items: baseline;
}

.area_conts li {
  line-height: 1.6;
  margin-top: 0.5em;
}
.area_conts li li {
  margin-top: 0;
}
.area_conts ul ul {
  list-style: circle;
  margin-top: 0;
}
.area_conts ul ul ul {
  list-style: square;
  margin-top: 0;
}
.area_conts ol {
  counter-reset: ol_item;
  padding-left: 0;
}
.area_conts ol > li:before {
  counter-increment: ol_item;
  content: counter(ol_item);
  background-color: #efefef;
  padding: 0em 0.5em;
  font-size: 1.4rem;
  font-weight: bold;
  margin-right: 1em;
  line-height: 1.7;
  display: inline-block;
}
.area_conts ol ol {
  counter-reset: ol2_item;
}
.area_conts ol ol > li:before {
  counter-increment: ol2_item;
  content: counter(ol2_item);
  background-color: #fff;
  border: solid 0.1rem;
}

/*---横並びのdl*/
.dl_row {
  display: flex;
  flex-wrap: wrap;
}
.dl_row > dt {
  line-height: inherit;
}
.dl_tb {
  /*テーブル風*/
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  align-items: stretch;
}
.dl_tb > dt {
  width: 25%;
  background-color: #f2f2f2;
  font-weight: bold;
}
.dl_tb > dd {
  width: 75%;
}
.dl_tb > dt,
.dl_tb > dd {
  padding: 0.8em 1em;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.dl_tb > dd > *:not(hr):first-child,
.dl_tb > dd > ul:first-child *:first-child {
  margin-top: 0;
}
.dl_tb > dd > hr {
  margin: 1em 0;
}
/*Floｗになっている*/
.dl_tb.dl_flow{
  border-right: none;
}
.dl_tb.dl_flow dd{
  border-right: 1px solid #ddd;
}
.dl_tb.dl_flow .flow_arrow{
  width: 100%;
  padding: 0;
  background-color: #FFF;
  border-left: none;
  text-align: center;
  color: #293382;
  height: 3.5rem;
}
.dl_tb.dl_flow .flow_arrow i{
  font-size: 5rem;
  margin-top: -1rem;
}

/*一覧List(News等)*/
ul.ul_chart {
  list-style: none;
  padding-left: 0;
  margin-top: 4rem;
}
.ul_chart a {
  text-decoration: none;
  width: 100%;
 /* display: inline-block;*/
}
.ul_chart > li {
  display: flex;
  border-bottom: solid #ddd 0.1rem;
  padding: 2rem 0;
  margin-top: 0;
}
.ul_chart > li:first-child {
  border-top: solid #ddd 0.1rem;
}
.ul_chart .chart_left {
  width: 15rem;
  font-weight: bold;
}
.ul_chart .chart_right {
  flex: 1;
}

/*Label型List(最近みたページ/加工実例(※1/2:label_half))*/
ul.ul_label {
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
}

ul.ul_label a {
  text-decoration: none;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  color: #373737;
}
.ul_label li {
  width: calc((100% - 6rem) / 3 * 1);
  margin-right: 3rem;
  border-bottom: solid #ddd 0.1rem;
  margin-top: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 7rem;
}
.ul_label li:nth-child(3n) {
  margin-right: 0;
}
.label_half li:nth-child(3n) {
  margin-right: 3rem;
}
.ul_label li:nth-child(1),
.ul_label li:nth-child(2),
.ul_label li:nth-child(3) {
  border-top: solid #ddd 0.1rem;
}
.label_half li:nth-child(3) {
  border-top: none;
}
.ul_label li::after {
  font-family: Material Icons;
  content: "\e5cc";
  font-size: 1.8rem;
  display: inline-block;
}

/*２つずつ横並びlist*/
.ul_splitHalf {
  display: flex;
  flex-wrap: wrap;
}
.ul_splitHalf li {
  width: calc((100% - 4rem) / 2);
  margin-right: 3rem;
  padding-right: 0;
}
.ul_splitHalf li:nth-child(even) {
  margin-right: 0;
}
/*マークなし*/
ul.ul_nomark,ul ul.ul_nomark {
  list-style: none;
  padding-left: 0;
}
li.li_nomark {/*1つのliのみマークなしにしたい場合*/
  list-style: none;
  margin-left: -1.2em
}
/*横並びのul*/
ul.ul_row {
  list-style: none;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
ul.ul_row li {
  margin-top: 0;
  padding-right: 2.5rem;
  
}
.ul_row a {
 display: flex;
  align-items: center;
}

/*listに矢印のアイコン*/
ul.ul_nomark li.li_arrow ,.li_arrow {
  display: flex;
  align-items: center;
}
.li_arrow a {
  text-decoration: none;
  display: inline-block;
  width: 100%;
}
li.li_arrow::before,.li_arrow::before {
  font-family: Material Icons;
  content: "\e5cc";
  font-weight: bold;
  font-size: 1.8rem;
}
li.li_arrow.arrow_down::before {
  content: "\e313";
}
li.li_arrow.arrow_ltblue::before {
  color: #707d96;
}
li.li_arrow.arrow_blue::before {
  color: #293382;
}

/*TabList*/
ul.ul_tab {
  list-style: none;
  display: flex;
  padding-left: 0;
  border: solid 1px #ddd;
  border-radius: 0.3rem;
}
ul.ul_tab li {
  text-align: center;
  flex-grow: 1;
  font-size: 1.2rem;
  padding: 1em 0.5em;
  color: #8a8a8a;
  margin-top: 0;
  border-right: solid 0.1rem #ddd;
  cursor: pointer;
}

ul.ul_tab li.active_tab {
  color: #293382;
  font-weight: bold;
}
.ul_tab li:last-child {
  border-right: none;
}
.panel_tab {
  display: none;
}
.panel_show {
  display: block;
}

/*カテゴリ　日付など*/
.icon_category {
  font-size: 1.2rem;
  text-align: center;
  border: 0.1rem solid #ddd;
  border-radius: 0.3rem;
  font-weight: bold;
  margin-right: 1.2rem;
  width: 10rem;
  display: inline-block
}
.icon_date{
  margin-right: 1.2rem;
  width: 10rem;
  display: inline-block
}
.icon_sm {
  width: 8rem;
}


/*ページ内リンク*/
ul.area_pagelink a {
  color: #8d8d8d;
  text-decoration: none;
}
ul.area_pagelink li {
  display: flex;
  align-items: center;
}
ul.area_pagelink li::before {
  font-family: Material Icons;
  content: "\e313";
}
/*ページ送り＿ボタン*/
.area_conts .btn_pagination {
  margin-top: 5rem;
}
.btn_pagination .btn_cmn {
  padding: 0.5rem 5rem;
}
.btn_pagination a {
  text-decoration: none;
}

/*----CardList:共通-----*/
ul.card_list {
  list-style: none;
  padding-left: 0;
}
ul.card_list > li {
  margin-top: 0;
  margin-bottom: 3rem;
  position: relative;
  /*display: flex;/**IEでstrechしちゃう/
  flex-direction: column;*/
}
ul.card_list li img {
  align-self: flex-start;
}
ul.card_list a {
  position: relative;
  color: inherit;
  text-decoration: none;
}
ul.card_list.catalog_list a{
  display: block;
}
ul.card_list li a > *:first-child {
  margin-top: 0;
}

.card_list .card_row .card_left,
.card_list .card_row .card_left {
  margin-right: 3rem;
}
.card_list .card_row .card_left {
  width: calc((100% - 6rem) / 3 * 1); /*margin-rigth:3.0rem * 3*/
}
.card_list .card_row .card_left {
  display: inline-block;
}

ul.card_list a.stretched-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}


.catalog_list img{
  width: 60%;
  display: inline-block;
  /*display: block;*/
  margin: 0 auto;
  padding-top: 1rem;
}
ul.catalog_list > li {
  margin-bottom:1rem;

}

.card_ttl {
  font-size: 1.6rem;
  font-weight: bold;
}
.card_ttlIcon {
  line-height: 1.7;
  font-weight: bold;
}
.card_ttlIcon a {
  text-decoration: none;
  color: #313b84;
  /* color: inherit; */
}
.card_ttlIcon::before {
  font-family: Material Icons;
  content: "\e5cc";
  color: #fff;
  background-color: #293382;
  border-radius: 50%;
  font-size: 1.3rem;
  padding: 0.1rem 0.1rem 0.1rem 0.15rem;
  margin-right: 0.4em;
}
.card_ttlIcon.icon_ltblue::before {
  background-color: #707d96;
}

.card_ttl.bg_blue,
.card_ttl.bg_gray {
  line-height: 1.4;
  padding: 0.4em 1em;
  justify-content: left;
  font-size: 1.4rem;
  position: relative;
  text-align: left;
  word-break: break-all;
}
.card_ttl.bg_blue {
  color: #313b84;
  background-color: #d1d5e0;
}
.card_ttl.bg_gray {
  color: #8d8d8d;
}



/*比較のList*/
ul.comparison_list li {
  display: table-cell;
}
ul.comparison_list img {
  width: 100%;
}
ul.comparison_list li:first-child {
  padding-right: 1.5rem;
  width: 50%;
}
ul.comparison_list li:not(:first-child) {
  padding-left: 1.5rem;
}
/*装置ページ、indexカード内*/
ul.list_point {
  margin: 1em 0 0 -0.5em;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
}
ul.list_point li {
  list-style: none;
  font-size: 1.2rem;
  text-indent: 0;
  padding: 0.2em 0.5em;
  border-radius: 0.3rem;
  background-color: #efefef;
  margin: 0.5em 0 0 0.5em;
}

/*:::アコーディオン::::*/
.area_accordion{
  margin: 3rem 0 5rem;
}
.box_accordion{
  border-bottom: solid #ddd 0.1rem;
  padding: 2rem 0;
}
.area_accordion .box_accordion:first-of-type{
  border-top: solid #ddd 0.1rem;
}

.accordion_ttl{
  cursor: pointer;
  font-weight: bold;
  font-size:1.5rem ;
  border-left:none;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.accordion_ttl::after{
  font-family: Material Icons;
  content: "\e5e1";
  transform: rotate(90deg);
  color: #8a8a8a;
}
.accordion_ttl.separate{
  justify-content: flex-start;
}
.accordion_ttl.separate div:nth-child(2){
  flex: 1;
}

.accordion_ttl.open{
  border-bottom: solid #ddd 0.1rem;
  padding-bottom: 2rem ;
}
.accordion_ttl.open::after{
  transform: rotate(-90deg);
}
.accordion_inner{
  display: none;
  margin: 2rem 0;
}



/*:::::問合せ :::: */
.area_contact {
  margin-top: 5rem;
}
.box_contact {
  margin-top: 1.5rem;
}
.area_contact .box_contact {
  background-color: #f2f2f2;
  padding: 2em;
}

.box_contact .flex_row {
  margin-top: 0;
}
.box_contact .itemContact_ttl {
  font-size: 2rem;
}
.contact_detail {
  padding-bottom: 1em;
}
.area_contact .contact_detail {
  border-left: 1px solid #ddd;
  padding-left: 2.5rem;
}

.contact_detail:last-child {
  padding-bottom: 0;
}
.contact_detail .detail_item {
  padding-bottom: 1em;
}
.contact_detail .detail_item:last-child {
  padding-bottom: 0;
}
.contact_detail .area_botton {
  margin-top: 1rem;
}
.itemContact_btn {
  margin-right: 1.2rem;
  margin-bottom: 0.5rem;
  min-width: 20rem;
}
.box_contact p {
  margin: 0;
}
ul.itemContact_address {
  display: flex;
  flex-wrap: wrap;
  align-items: self-start;
  margin: 0.5rem 0 0 -2rem;
  padding-left: 0;
}

ul.itemContact_address li {
  display: flex;
  align-items: center;
  line-height: 1;
  margin-top: 0;
  margin-bottom: 0.5rem;
  margin-left: 2rem;
}

.itemContact_tel,
.itemContact_fax {
  font-family: sans-serif, Roboto Condensed, Consolas, "Courier New", Courier,
    Monaco, monospace;
}
.itemContact_tel:not([key="dhin"])::before,
.itemContact_fax::before,
.itemContact_mail::before,
.itemContact_web::before{
  padding: 0.3rem;
  margin-right: 0.5rem;
  font-size: 1rem;
  background-color: #707d96;
  color: #fff;
}
.itemContact_tel:not([key="dhin"])::before {
  content: "TEL";
}
.itemContact_fax::before {
  content: "FAX";
}
.itemContact_mail::before {
  content: "E-mail";
}
.itemContact_web::before {
  content: "WEB";
}

/*動画*/
.mov_youtube{/*YouTube iframe*/
  width: 100%; 
  height:30rem ;
 }

/*:::::Menu・おすすめ等:::: */
#menu_kv {
  background-size: cover;
  background-position: center;
  height: 30rem;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}
.menu_ttl {
  font-size: 2.6rem;
}
.menu_conts {
  font-size: 1.3rem;
  margin-top: 1.3rem;
}
.menu_conts a {
  color: inherit;
}
.area_conts .menu_conts ul {
  margin-top: 0;
}
.menu_conts li {
  margin-top: 0;
}
.menu_conts li.li_arrow {
  position: relative;
  margin-bottom: 1rem;
}
.menu_conts li.li_arrow::before {
  position: absolute;
  top: -0.5rem;
}
.menu_conts li.li_arrow > a{
  margin-left: 2rem;
  line-height: 1.5;
}

ul.menu_card > li {
  margin-bottom: 5rem;
}
/*border付メニュー用*/
ul.menu_border > li {
  border: solid 0.1rem #ddd;
  padding: 1.5rem 1.5rem 2rem;
  min-height: 13rem;
}
ul.menu_border .card_ttl {
  justify-content: flex-start;
}
ul.menu_border li .card_ttlIcon {
  font-size: 1.5rem;
  margin-bottom: 2rem;
}
ul.menu_border li .card_ttlIcon::before {
  font-size: 1.3rem;
}

ul.menu_border > li {
  overflow: hidden;
  background: #fff;
}
ul.menu_border > li .read_more {
  font-size: 1.2rem;
  height: 5.4rem;
  position: relative;
  overflow: hidden;
}
ul.menu_border > li .read_more::before,
ul.menu_border > li .read_more::after {
  position: absolute;
  background: #fff;
}
ul.menu_border > li .read_more::before {
  content: "...";
  top: 3.6rem;
  right: 0;
  width: 1.5rem;
}
ul.menu_border > li .read_more::after {
  content: "";
  height: 100%;
  width: 100%;
}

/*上下border付きメニュー用：CSRのみ？*/
.menu_top_border {
  border-top: solid 0.1rem #ddd;
  padding: 2rem 0 1rem;
}

/*menu_box::IR/Training等*/
.menu_box {
  border: solid 0.1rem #ddd;
  margin-bottom: 2rem;
  padding-bottom: 2rem;
}

.menu_box h2 {
  background-color: #f3f3f3;
  border-bottom: solid 0.1rem #ddd;
  font-size: 1.5rem;
  padding: 1.5rem;
  border-left: none;
  margin: 0;
}

.menu_box ul, .menu_box ul.ul_nomark {
  font-size: 1.3rem;
  padding: 1.5rem 1.3rem 0;
}


/*:::::ニュースページ用 :::: */
.news_category {
  align-items: center;
  margin-top: 0.5rem;
}
.news_category .date {
  margin-right: 1em;
}
.news_body {
  margin-top: 7rem;
}
.date_time{
  width: 10rem;
}
.date_time .date, .date_time .time{
  display: block;
  font-weight: normal;
}
.date_time .time{
  line-height: 1;
}

/*:::::Solution :::: */
.area_cm_solution {
  background-color: #f2f2f2;
  margin-top: 6rem;
  margin: 6rem 0;
}
ul.card_cm_solution {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
/* .area_cm_solution .item_1_2 > .flex_row,
.area_cm_solution .item_extra > .flex_row{
  height: 100%;
} */
.area_cm_solution .item_side_1_3,
.area_cm_solution .item_side_1_2 {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  max-height: 20rem;
  margin-bottom: 1.5rem;
}
/* .area_cm_solution .item_side_1_3 img {
  height: 100%;
} */
/*ISOの画像は特殊*/
.area_cm_solution .img_cm_iso {
  margin-top: 1.5rem;
}
.item_side_1_3.img_cm_iso img {
  height: 7rem;
}
.item_side_1_3 img {
  height: 100%;
}
ul.card_cm_solution a[href*=".pdf"]::after, a[href*=".PDF"]::after {
  display: none;
}
ul.card_cm_solution li {
  background-color: #fff;
  padding: 2.5rem;
  margin: 0;
}
ul.card_cm_solution li a{
  height: 100%;
}
.card_cm_solution .img_border {
  border: solid 1px #8A8A8A;
}
.card_cm_solution .cm_ttl {
  padding-bottom: 0.5em;
  border-bottom: 0.2rem #f2f2f2 solid;
  margin-bottom: 1rem;
  justify-content: flex-start;
}
.cm_detail {
  font-size: 1.3rem;
  line-height: 1.7;
}
ul.card_list .cm_detail a{
  text-decoration: underline;
  color: #293382;
}
ul.card_cm_solution a .btn_cmn.btn_blue {
  margin-top: 1rem;
  width: 16em;
}
/*CSR*/
.card_cm_solution .insta_head {
  display: flex;
  align-items: center;
  position: absolute;
  top: 2.6rem;
}
.card_cm_solution .insta_head > img {
  width: 3rem;
  padding: 0.4rem;
}
.card_cm_solution .insta_head > span {
  font-size: 1rem;
}
.card_cm_solution .insta_head + a img {
  max-height: 17rem;
  padding-top: 3rem;
}
.area_cm_solution .box_insta .btn_cmn.btn_blue {
  width: 12em;
}
.area_cm_solution a[target="_blank"]::after {
  display: none;
}

/*-------------------PC小さめ画面-------------------*/

@media screen and (min-width: 1024px) and (max-width: 1260px) {

}

/*-------------------タブレット以下用-------------------*/
@media screen and (max-width: 1024px) {
  /*----全体レイアウト-----*/
  .inner_cmn,
  .inner_narrow {
    width: auto;
    padding: 0 2rem;
  }
  .item_1_3 img {
    width: auto;
  }
  /*-----Form-----*/
  .fm_cmn input,
  .fm_cmn select {
    padding: 0.5em;
    font-size: 1.6rem; /*focus時の拡大を防ぐ*/
  }

  /*-----header------*/
  .header_inner {
    padding-left: 2rem;
    position: relative;
  }
  /*Mainte情報*/
  #maintenance.area_info {
    padding: 0.5rem 1rem;
    line-height: 1.5;
    position: relative;
  }

  .area_logo {
    width: 80px;
  }
  .header_left {
    height: 7rem;
    flex-direction: row-reverse;
  }
  .link_top {
    height: 60%;
    align-self: center;
    padding: 0 0.7em;
    font-size: 1.2rem;
    font-weight: bold;
    z-index: 0;

  }

  .link_top::after {
    content: "";
  }

  /*Gloval_navi*/
  .nav_gloval {
    position: absolute;
    display: none;
    width: 100%;
    top: 7rem;
    left: 0;
    z-index: 4;
    background-color: #fff;
    height: auto;
    color: #111;
    padding: 2.5rem;
    box-shadow: 0 0.5rem 1.5rem #ddd;
  }
  .glnav_item > li {
    padding: 1.5rem 0;
  }
  .glnav_main li.active {
    border-bottom: none;
    padding-top: 1.5rem;
  }
  .nav_gloval .glnav_main {
    flex-direction: column;
    align-items: flex-start;
    border-bottom: 0.1rem solid #ddd;
  }
 

  .glnav_main li,
  .glnav_cmn li {
    margin-right: 0;
    width: 100%;
  }
  .glnav_main > li {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    border-top: solid 0.1rem #ddd;
    font-weight: bold;
    position: relative;
  }
  .glnav_main li.active::after {
    content: none;
  }
  .glnav_link {
    flex-direction: column;
  }
  .glnav_link li {
    border-bottom: 0.1rem solid #ddd;
    width: 100%;
  }
  .glnav_link li a {
    width: 100%;
  }

  .glnav_cmn {
    border-bottom: 0.1rem solid #ddd;
  }
  .glnav_link li:first-child,
  .glnav_cmn li.contact_item {
    padding-left: 0;
  }
  .glnav_link::before,
  .glnav_link::after {
    content: none;
  }
  .glnav_cmn {
    flex-direction: column-reverse;
    position: relative;
  }
  .glnav_cmn li.contact_item {
    border-top: 0.1rem solid #ddd;
  }
  .glnav_cmn li.contact_item a {
    justify-content: flex-start;
  }
  .glnav_cmn li:last-child {
    padding-left: 0;
  }
  .glnav_main > .mm_parent > a::after{
    position: absolute;
    right: 0;
    top: 1.8rem;
  }
  .mm_wrap {
    position: static;
    box-shadow: none;
    border: none;
  }
  .mm_inner {
    max-height: none;
    padding: 0;
    font-size: 1.3rem;
  }
  #nav_gloval .mm_menu {
    width: 100%;
    padding: 0;
    flex-direction: column;
  }
  #nav_gloval .mm_menu > ul {
    width: 100%;
    margin: 0;
    padding-top: 1em;
  }
  #nav_gloval .mm_menu > ul > li.ttl_item {
    border: none;
  }
  #nav_gloval .mm_menu > ul > li.ttl_item:not(:first-child) {
    margin-top: 0;
  }
  #nav_gloval .mm_menu > ul > li:not(.ttl_item) {
    font-weight: normal;
    color: #666;
  }
  /*#nav_gloval .mm_menu > ul > li:not(:last-child) {
    padding-bottom: 0em;
  }*/
  #nav_gloval .mm_menu > ul > li {
    padding-bottom: 0.3em;
  }
  #nav_gloval .mm_menu > ul > li a {
    width: 100vw;
    height: 2em;
  }
  .mm_title {
    display: none;
  }
  .glnav_main > .mm_parent > a::after {
    content: "";
  }
  .glnav_main > .mm_parent::after {
    font-family: Material Icons;
    content: "\e313";
    position: absolute;
    top: 1.2rem;
    right: 0;
  }

  /*Site内検索and言語選択*/
  .area_search_lang {
    width: 100%;
  }
  .win_search {
    display: none;
  }

  .win_lang {
    position: relative;
    display: flex;
    flex-direction: column;
  }
  .win_lang a {
    display: flex;
    align-items: center;
  }
  .win_lang::after {
    font-family: Material Icons;
    content: "\e313";
    position: absolute;
    right: 0;
  }
  .area_search_lang > li {
    padding-top: 0;
  }
  .mm_wrap_2 {
    top: 5.6rem;
    width: 100%;
    position: static;
    background-color: #FFF;

  }
  .mm_wrap_2 .mm_inner {
    padding: 1rem;
    margin-top: 0;
    height: auto;
    background-color: #fff;
    margin: 1.5rem 0 0 0;
    padding: 0;
    width: 100%;
  }
  .area_head_search {
    align-items: center;
    padding-bottom: 2.5rem;
  }

  .area_head_search .wd_search {
    width: auto;
  }
  .fm_head_search,
  .wd_search {
    flex: 1;
  }
  .fm_head_search .material-icons,
  #close_search .material-icons {
    font-size: 2rem;
  }
  .select_lang {
    flex-direction: column;
  }
  .select_lang li,
  .select_lang li a {
    width: 100%;
  }

  /*-----breadcrumb------*/
  .area_breadcrumb {
    margin-top: 0;
  }
  /*-------footer----------*/
  #area_footer {
    padding: 4rem 2.5rem 1rem 2.5rem;
  }
  .area_oldsite .btn_black {
    padding-left: 1em;
    padding-right: 1em;
    width: 100%;
    text-align: center;
  }
  .sp_ftmenu,
  .block_munu {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .area_ftmenu {
    flex-direction: column;
    margin-top: 6rem;
  }
  .area_ftmenu .block_munu {
    width: 100%;
  }
  .area_ftmenu .block_munu:not(:last-child) {
    display: none;
  }
  .area_ftmenu h1 {
    width: 50%;
    text-align: center;
    margin: 0 0 1.5em 0;
  }
  .block_munu h1:not(:first-child) {
    margin-top: 0;
  }
  .block_munu h1 {
    font-size: 1.5rem;
  }
  .area_ftmenu .corp_menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: 3rem;
  }
  .area_ftmenu .corp_menu li {
    padding: 0 0.5rem 1rem;
  }

  .sns_menu {
    margin: 3rem auto 0;
    justify-content: space-between;
  }
  .item_sns {
    width: auto;
  }
  .list_banner {
    flex-direction: column;
  }
  .item_banner {
    width: 100%;
  }
  .area_ftcort {
    flex-direction: column;
  }
  .area_ftcort .area_logo {
    width: 80%;
    margin-bottom: 4rem;
  }
  .area_logo .img_logo {
    width: 100%;
  }
  .area_ftcort .copyright {
    align-self: center;
  }

  /*----area_conts_snav------*/
  .area_conts_snav {
    flex-direction: column;
  }
  .area_conts_snav .area_conts {
    width: 100%;
}
  /*----snav------*/
  .nav_side {
    border: none;
    padding-bottom: 0;
  }
  .nav_side > ul > li:not(.snav_h1) {
    display: none;
  }
  .nav_side li.snav_h1 {
    margin-left: 0;
  }

  /*------おすすめ-----*/
  #area_recommend {
    margin-bottom: 3rem;
  }
  #area_recommend li a {
    display: flex;
  }
  #area_recommend ul.menu_card > li {
    margin-bottom: 2rem;
  }
  #area_recommend .thum_img{
    width: 30%;
  }
  #area_recommend .thum_img img{
    width: 100%;
    height: auto;
/*    height: 6rem;
    object-fit: contain;*/
  }
  #area_recommend .thum_ttl{
    width: 70%;
    margin-left: 1.5rem;
  }
  #area_recommend .thum_ttl h3{
    margin: 0;
    font-size: 1.3rem;
  }


  /*---area_conts---*/
  .area_conts h2 + .flex_row > [class^="item_"] > h3:first-child {
    margin-top: 4rem;
  }
  .area_conts h2 + .flex_row > [class^="item_"] > h4:first-child,
  .area_conts .flex_row > [class^="item_"] > h4:first-child {
    margin-top: 3.5rem;
  }
  .area_conts h2 + .flex_row > [class^="item_"]:first-child > h4:first-child,
  .area_conts h2 + .flex_row > [class^="item_"]:first-child > h3:first-child {
    margin-top: 0;
  }
  .flex_row > [class^="item_"] > img {
    margin-top: 2rem;
  }

  /*一覧List(News等)*/
  .ul_chart > li {
    flex-direction: column;
  }
  .ul_chart .chart_right,
  .ul_chart .chart_left {
    width: 100%;
  }
  .ul_chart .chart_left {
    display: flex;
  }
  .ul_chart .chart_left .date {
    padding-right: 1.2rem;
  }
  /*２つ横並びのUL*/
 .ul_splitHalf li{
    width: 100%;
    margin-right: 0;
  }

  /*カタログList*/
  .catalog_list img{
    width: 60%;
  }
  .catalog_list li:nth-of-type(2n){
    margin-right: 0;
  }
  .catalog_list li:nth-of-type(2n+1){
      margin-right: 2rem;
  }
  .catalog_list li {
    width: calc((100% - 3rem) / 2 * 1);
  }

  /*Label型List(最近みたページ/加工実例(※1/2:label_half))*/
  ul.ul_label li,
  ul.label_half li {
    width: 100%;
    margin-right: 0;
  }
  .label_half li:nth-child(3n) {
    margin-right: 0;
  }
  .ul_label li:nth-child(2),
  .ul_label li:nth-child(3) {
    border-top: none;
  }

  /*横並びのdl*/
  .dl_row > dt,
  .dl_row > dd,
  .dl_date dt {
    width: 100%;
  }
  * .icon_category {
    display: block;
    margin-bottom: 0.5rem;
  }
  
  /*TabList*/
  ul.ul_tab {
    flex-wrap: wrap;
    border-bottom: 0;
  }
  ul.ul_tab li {
    width: 50%;
    border-bottom: solid 0.1rem #ddd;
  }
  ul.ul_tab li:nth-child(2n) {
    border-right: 0;
  }

  /*:::アコーディオン:::*/
  .accordion_ttl{
    align-items: flex-start;
  }
  .accordion_ttl.separate{
    flex-direction: column;
      position: relative;
  }
  .accordion_ttl.separate::after{
    position: absolute;
    right: 0;
    top:0;
  }
  .accordion_ttl.separate div{
    margin-right: 1rem;
  }

 

  /*:::::Menu/おすすめ等:::: */
  ul.menu_card img,
  ul.menu_border img {
    width: 100%;
  }

  /*:::::問い合わせ:::: */
  .area_contact .contact_detail {
    border: none;
    padding-left: 0;
  }
  .itemContact_btn {
    margin: 0.5rem auto;
    width: 30rem;
  }
  .itemContact_address {
    flex-direction: column;
  }
  /*:::::ニュースページ用 :::: */
  .date_time{
    width: 100%;
  }
  .date_time .date{
    margin-right: 1rem;
  }
  .date_time .date, .date_time .time{
    display: inline;
  }
  /*:::::Solution :::: */
  ul.card_cm_solution {
    padding: 5rem 2rem;
  }
  ul.card_cm_solution li:not(:first-child) {
    margin-top: 2em;
  }
  .area_cm_solution .item_side_1_3{
    max-height: 100%;
  }
  .area_cm_solution .item_side_1_3 img {
    height: auto;
  }

  /*CSR cm*/
  ul.card_cm_solution a .btn_cmn.btn_blue, 
  .area_cm_solution .box_insta a > .btn_cmn.btn_blue {
    margin: 1rem auto;
    width: auto;
  }
  .area_cm_solution .item_side_1_2 {
    max-height: none;
  }
  .box_insta .insta_head + a img {
    margin-top: 0;
    max-height: none;
  }
}