<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/* ======================================================
 * layout_pc.css
 * ------------------------------------------------------
 * @media print, screen and (min-width: 768px)
 * - Common
 * - Header
 * - Gnav
 * - Main
 * - Assist
 * - Footer
 * - Other
 * - Clearfix
 * Media Queries
 * Print
====================================================== */

@media print, screen and (min-width: 768px) {
  /* ------------------------------------------------------
   * Header
  ------------------------------------------------------ */
  .Header {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 11001;
  }
  
  /* ----- HeaderBody ----- */
  .HeaderBody {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    padding-left: 4%;
    width: 100%;
    min-width: 1200px;
    border-bottom: 1px solid #dddddd;
  }
  
  /* header-identity */
  .header-identity {width: 12%;}
  /*百周年ロゴありのとき
  .header-identity {width: 23%;}*/
  .identity_logo &gt; a {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
  }
  .identity_logo &gt; a &gt; img {width: 100%;}
  /*百周年ロゴありのとき
  .identity_logo &gt; a &gt; img {width: auto; max-width:100%; max-height:55px;}*/
  .header_serchWrap {
    display: block;
    position: relative;
    margin: 20px 0;
    padding: 0 10px 4px 20px;
    width: 100%;
    border-bottom: 1px solid #00428e;
  }
  .header_serchWrap:before {
    content: "";
    display: block;
    position: absolute;
  }
  .header_serchWrap:before {
    top: 14px;
    left: 10px;
    margin-top: -0.5em;
    width: 2px;
    height: 19px;
    background: #9a9a9a;
  }
  .header_serchWrap &gt; form {
    display: -webkit-flex;
    display: flex;
  }
  .header_serch,
  .header_serch_btn {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .header_serch {
    padding-right: 5px;
    width: calc(100% - 30px);
    font-size: 1.8rem;
  }
  input.header_serch::placeholder {color: #999;}
  input.header_serch:-ms-input-placeholder {color: #999;}
  input.header_serch::-ms-input-placeholder {color: #999;}
  .header_serch_btn {
    margin-top: 4px;
    width: 28px;
    height: 28px;
    text-indent: -9999px;
    background: url(/global_common/img/com_sprite01.png) no-repeat;
    background-position: -83px 0;
    cursor: pointer;
  }
  .header_serch_btn:hover {opacity: 0.7;}
  
  /* ------------------------------------------------------
   * Gnav
  ------------------------------------------------------ */
  .Gnav {
    padding-left: 5%;
    width: 88%;
  }
  
  /* ----- GnavBody ----- */
  .GnavBody &gt; .gnav-pc {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .GnavBody &gt; .gnav-sp {display: none;}
  /* gnavList */
  .gnavList {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
  }
  
  .gnavList &gt; li &gt; a,
	.gnavList &gt; li &gt; a &gt; span {
    text-decoration: none;
    color: #333;
  }
  .gnavList &gt; li &gt; a.a-blank:after {
    display: inline-block;
    margin-top: 0;
    margin-left: 4px;
    vertical-align: middle;
  }
  .gnavList-main {
    display: -webkit-flex;
    display: flex;
    width: 30%;
    color: #333;
    font-weight: 200;
  }
  .gnavList-main &gt; li {
    margin-left: 8%;
    min-width: 2em;
  }
  .gnavList-main &gt; li:first-of-type {margin-left: 0;}
  .gnavList-main &gt; li &gt; a {
    text-decoration: none;
    font-size: 1.8rem;
    line-height: 1.4;
  }
  .gnavList-main &gt; li &gt; a.is-current,
  .gnavList-main &gt; li &gt; a:hover {color: #0852a0;}
  .gnavList-sub {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    padding-left: 3%;
    width: 70%;
  }
  .gnavList-sub &gt; li {margin-left: 4%;}
  .gnavList-sub &gt; li:first-of-type {margin-left: 0;}
  .gnavList-sub &gt; li &gt; a {
    position: relative;
    text-decoration: none;
    color: #666;
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .gnavList-sub &gt; li &gt; a.is-current {
    color: #0852a0;
    font-weight: bold;
  }
  .gnavList-sub &gt; li &gt; .headerUtility_btn.is-current {
    position: relative;
    color: #333;
    font-weight: normal;
    background: #f2f2f2;
  }
  .gnavList-sub &gt; li &gt; .headerUtility_btn.is-current:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #f2f2f2;
  }
  .gnavList-sub &gt; li &gt; a:hover &gt; span{text-decoration: underline;}
  .gnavList-sub &gt; li &gt; a &gt; span {
    display: inline-block;
    min-width: 2em;
    color: #666;
  }
  .gnavList-sub .gnavList-sub--parent &gt; a &gt; span {
    position: relative;
	padding-right:1.3em;
	  
  }
  .gnavList-sub .gnavList-sub--parent &gt; a &gt; span:after{
	content:"";
	position:absolute;
	display:block;
	width:10px;
	height:10px;
	border:solid #999;
	border-width:0 2px 2px 0;
	-webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
	right:0;
	top:12%;
  }
  .gnavList-sub .gnavList-sub--parent{
  }
  .headerUtility + .headerUtility {margin-left: -0px;}
  .headerUtility_body {display: none;}
  .js-headerUtility.is-current + .headerUtility_body {
    display: block;
    position: absolute;
    width: 600px;
    top: 100%;
    right: 0;
    background: #f2f2f2;
  }
  .headerUtility_bodyInner {
    margin: 0 auto;
    padding: 0 20px;
  }
  .headerUtility_link {margin: 8px 0 10px;}
  .headerUtility_link &gt; li {
    padding-left: 10px;
    border-bottom: 1px solid #ccc;
  }
  .headerUtility_link &gt; li:last-child {border-bottom: none;}
  .headerUtility_link &gt; li &gt; a {
    display: block;
    position: relative;
    padding: 12px 0 12px 28px;
    text-decoration: none;
    color: #333;
    font-size: 1.8rem;
  }
  .headerUtility_link &gt; li &gt; a:hover {text-decoration: underline;}
  .headerUtility_link &gt; li &gt; a &gt; span:before,
  .headerUtility_link &gt; li &gt; a &gt; span:after {
    content: "";
    position: absolute;
    vertical-align: middle;
    top: 50%;
    -webkit-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s;
  }
  .headerUtility_link &gt; li &gt; a &gt; span:before {
    left: 0;
    margin-top: -2px;
    width: 16px;
    height: 1px;
    background: #555555;
  }
  .headerUtility_link &gt; li &gt; a &gt; span:after {
    left: 6px;
    margin-top: -6px;
    width: 9px;
    height: 9px;
    border-top: 1px solid #555555;
    border-right: 1px solid #555555;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .headerUtility_link &gt; li &gt; a:hover &gt; span:before {left: 6px;}
  .headerUtility_link &gt; li &gt; a:hover &gt; span:after {left: 12px;}
  .headerUtility_btn {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    width: 80px;
    height: 72px;
    font-size: 1.2rem;
    text-align: center;
    border-left: 1px solid #dddddd;
  }
  /*お問い合わせ用*/
  .js-headerUtility.is-current + .headerUtility_body.contact {
    width: 400px;
  }
  .headerUtility_link.contact &gt; li &gt; a {
    padding: 8px 0 8px 8px;
    font-size: 1.5rem;
  }
  .headerUtility_link.contact  &gt; li &gt; a &gt; span::before,
  .headerUtility_link.contact  &gt; li &gt; a &gt; span::after{
	  content:none;
  }
  
  
  .gnavList-sub &gt; li &gt; .headerUtility_btn {font-size: 1.2rem;}
  .headerUtility-serch,
  .headerUtility-language,
  .js-headerUtility-close {
    display: inline-block;
    margin: 0 auto;
  }
  .headerUtility-serch:before,
  .headerUtility-language:before,
  .js-headerUtility-close:before {
    content: "";
    display: block;
    margin: 4px auto 6px;
    background: url(/global_common/img/com_sprite01.png) no-repeat;
  }
  .headerUtility-serch:before {
    width: 21px;
    height: 21px;
    background-position: 0 0;
  }
  .headerUtility-language:before {
    width: 20px;
    height: 21px;
    background-position: -22px 0;
  }
  .js-headerUtility-close:before {
    width: 17px;
    height: 21px;
    background-position: -44px 0;
  }
  /* ------------------------------------------------------
   * Main
  ------------------------------------------------------ */
  .Main {
    display: block;
    /*margin-top: 113px!important;*/
	padding-bottom: 160px;
  }

	body.solu_top .Main {
		padding-bottom: 0;
	}
  
  /* ----- pageGuide ----- */
  .pageGuide {
    padding-top: 18px;
    margin: 0 auto;
    width: 1200px;
  }
  body.solu_top .pageGuide {
	  width:100%;
	  max-width:1256px;
	  margin-left:auto;
	  margin-right:auto;
	  padding-left:28px;
	  padding-right:28px;
  }
  
  /* breadcrumbs */
  .breadcrumbs {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
  }
  .breadcrumbs &gt; li {
    margin-right: 15px;
    font-size: 1.4rem;
  }
  .breadcrumbs &gt; li:before {
    content: "/";
    display: inline-block;
    margin-right: 15px;
    color: #a9a9a9;
  }
  .breadcrumbs &gt; li:last-of-type {
    margin-right: 0;
    font-weight: bold;
  }
  .breadcrumbs &gt; li:first-of-type:before {display: none;}
  
  /* ----- pageHead ----- */
  .pageHead {
    position: relative;
    width: 100%;
    color: #fff;
  }
  [data-category="product"] .pageHead:before,
  [data-category="information"] .pageHead:before,
  [data-category="support"] .pageHead:before,
  [data-category="solution-kgc"] .pageHead:before,
  [data-category="solution-komorikare"] .pageHead:before,
  [data-category="solution"] .pageHead:before  {
    content: '';
    display: block;
    width: 100%;
    height: 390px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  [data-category="product"] .pageHead:before {
    background-image: url(/en/global/product/img/index_im01.jpg);
  }
  [data-category="information"] .pageHead:before {
    background-image: url(/en/global/information/img/index_im01.jpg);
    background-position: center center;
  }
  [data-category="support"] .pageHead:before {
    background-image: url(/en/global/support/img/index_im01.jpg);
  }
  [data-category="solution-kgc"] .pageHead:before {
    background-image: url(/en/global/support/kgc/img/index_im06.jpg);
  }
  [data-category="solution-komorikare"] .pageHead:before {
    background-image: url(/en/global/support/komorikare/img/index_im04.jpg);
  }
  [data-category="solution"] .pageHead:before {
    background-image: url(/ja/jp/solution/img/index_im01.jpg);
  }
  
  .pageHead &gt; .pageHead-inner {background: #0053aa;}
  .pageHead {min-width: 1200px;}
  body.solu_top .pageHead {
	  min-width:100%;
  }
  .pageHead .heading-lv1 {
    margin: 0 auto;
    padding: 15px 0 13px;
    width: 1200px;
    text-align: center;
  }
  body.solu_top .pageHead .heading-lv1 {
	  width:100%;
  }
  .pageHead .heading-lv1 .heading_title {
    padding-bottom: 0;
    color: #c6d3e1;
    font-size: 1.6rem;
    font-weight: normal;
  }
  .pageHead .heading-lv1 &gt; .heading_title &gt; em {
    color: #fff;
    font-size: 3.0rem;
    font-weight: bold;
    font-style: normal;
  }
  .pageHead .heading-lv1 &gt; .heading_title &gt; em + span {margin-left: 14px;}
  .pageHead .heading-lv1:after {display: none;}
  .pageHead .heading-lv1 .heading_lead {
    font-size: 1.5rem;
  }
  
  /* ----- container ----- */
  .container {
    margin: 0 auto;
    width: 1200px;
  }
  body.solu_top .container {
	  width:100%;
  }
  .pageHead + .container {margin-top: 50px;}
  .pageHead + .container &gt; .contents &gt; *:first-child {margin-top: 0;}
  /* contents */
  [data-sidebar="true"] .contents {
    float: left;
    width: 912px;
    overflow: hidden;
  }
  
  /* sidebar */
  .sidebar {
    float: right;
    margin-left: 48px;
    width: 240px;
  }
  
  /* ------------------------------------------------------
   * Footer
  ------------------------------------------------------ */
  .Footer,
  footer {
    position: relative;
    /*margin-top: 120px;*/
    min-width: 1200px;
  }
  body.solu_top footer {
	  min-width:100%;
  }
  /* ----- FooterBody ----- */
  .FooterBody {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 60px 4%;
    background: #f6f6f6;
  }
  
  /* footer-sitemap */
  .footer-sitemap {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
  }
  .footer-sitemap &gt; .sitemap_item {margin-right: 2%;}
  .footer-sitemap &gt; .sitemap_item:last-of-type {padding-right: 0;}
  .sitemap_item &gt; :first-of-type {margin-top: 0;}
  .sitemap-link {
    display: block;
    width: 100%;
  }
  .sitemap-link + .sitemap-link {margin-top: 30px;}
  /* footer-link */
  .sitemap-link &gt; li + li {margin-top: 20px;}
  .sitemap-link &gt; li &gt; a {
    display: inline-block;
    position: relative;
    padding-left: 28px;
    text-decoration: none;
    color: #333;
    font-size: 1.9rem;
    font-weight: 600;
    line-height: 1.4;
  }
  .sitemap-link &gt; li &gt; a:hover {color: #0852a0;}
  .sitemap-link &gt; li &gt; a &gt; span:before,
  .sitemap-link &gt; li &gt; a &gt; span:after {
    content: "";
    position: absolute;
    vertical-align: middle;
    top: 50%;
    -webkit-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s;
  }
  .sitemap-link &gt; li &gt; a &gt; span:before {
    left: 0;
    width: 16px;
    height: 1px;
    background: #555555;
  }
  .sitemap-link &gt; li &gt; a &gt; span:after {
    left: 6px;
    margin-top: -4px;
    width: 9px;
    height: 9px;
    border-top: 1px solid #555555;
    border-right: 1px solid #555555;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .sitemap-link &gt; li &gt; a:hover &gt; span:before {left: 6px;}
  .sitemap-link &gt; li &gt; a:hover &gt; span:after {left: 12px;}
  .sitemap-link_detail {
    margin-top: 20px;
    padding-left: 28px;
  }
  .sitemap-link_detail &gt; li {line-height: 1.8;}
  .sitemap-link_detail &gt; li + li {margin-top: 10px;}
  .sitemap-link_detail &gt; li &gt; a {
    display: inline-block;
    text-decoration: none;
    color: #333;
    font-size: 1.5rem;
  }
  .sitemap-link_detail &gt; li &gt; a:hover {text-decoration: underline;}
  .sitemap-banner {max-width: 264px; font-size: 1.5rem;}
  .sitemap-banner &gt; li + li {margin-top: 20px;}
  .sitemap-sns {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    width: 100%;
    overflow: hidden;
  }
  .sitemap-sns &gt; span {
    position: relative;
    z-index: 102;
  }
  .sitemap-snsList {
    display: -webkit-flex;
    display: flex;
  }
  .sitemap-snsList &gt; li {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    max-width: 36px;
  }
  .sitemap-snsList &gt; li:nth-child(4) {
    max-width: 44px;
  }
  .sitemap-snsList &gt; li {margin-right: 17px;}
  
  /* footer-copyright */
  .footer-copyright {
    padding: 20px 4% 15px;
    color: #fff;
    font-size: 1.3rem;
    background: #0852a0;
  }
  .footer-copyright &gt; small {
    color: #fff;
  }
  
  /* ----- Pagetop ----- */
  .Pagetop {
    content: '';
    display: block;
    position: fixed;
    right: 5%;
    bottom: 150px;
    z-index: 107;
  }
  .Pagetop &gt; a {
    display: block;
    width: 60px;
    height: 60px;
    background: url(/global_common/img/com_sprite01.png) no-repeat;
    background-position: 0 -125px;
  }
  /* ------------------------------------------------------
   * Other
  ------------------------------------------------------ */
  .js-headerUtility_overlay {
    display: none;
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    z-index: 11000;
  }
  /* marsinder css override */
  #mf_marsfinder #page-top {
    width: 0;
    height: 0;
    overflow:hidden;
  }
  /* ------------------------------------------------------
   * Clearfix
  ------------------------------------------------------ */
  .container::after {
    display: block;
    clear: both;
    content: "";
  }
}


@media print, screen and (min-width: 1024px) {
	
	/*main_pc*/
	main {
		margin-top: 112px;
	}
	section {
		padding: 0;
	}
	section.ppg {
		padding: 0 28px
	}

	/*フッター設定-----------------------------------*/
	footer a:link    {text-decoration:none;}
	footer a:visited {text-decoration:none;}
	footer a:hover   {color: #0852A0; text-decoration:underline;}
	footer a:active  {text-decoration:underline;}
	
	/*フッターグレー*/
	.ft_gray {
		display: block;
		width: 100%;
		background-color: #f6f6f6;
		height: auto;
		padding: 80px 0;
	}
	/*フッター白*/
	.ft_white {
		display: block;
		width: 100%;
		background-color: #fff;
		height: auto;
		padding: 60px 0;
	}
	footer .inr {
		margin: auto;
		width: 100%;
		position: relative;
		max-width: 1272px;
		padding: 0 36px;
	}
	ul.ft_nav_box {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content:flex-start;
	}
	ul.ft_nav_box &gt; li {
		width: calc(91% / 4);
		margin-right: 3%;
		margin-bottom: 50px;
	}
	ul.ft_nav_box &gt; li.ft_nav_list div {
		border-bottom: solid 1px #ddd;
		margin-bottom: 16px;
		font-weight: 600;
		padding-bottom: 16px;
		color: #0852A0;
	}
	ul.ft_nav_box &gt; li.ft_nav_list div a {
		color: #0852A0;
	}
	ul.ft_nav_box &gt; li:nth-of-type(4n) {
		margin-right: 0;
	}
	ul.ft_nav_box.w3sec &gt; li:nth-of-type(4n) {
		margin-right: 3%;
	}
	ul.ft_nav_box.w3sec &gt; li:nth-of-type(2n) {
		margin-right: 48.5%;
	}
	
	ul.ft_nav_box li.ft_nav_list div a {
		display: block;
		position: relative;
		padding-left: 26px;
	}
	ul.ft_list_box li a {
		display: block;
		position: relative;
		padding-left: 26px;
	}
	ul.ft_nav_box li.ft_nav_list div a::before,
	ul.ft_nav_box li.ft_nav_list div a::after,
	ul.ft_list_box li a::before,
	ul.ft_list_box li a::after {
		content: "";
		position: absolute;
		vertical-align: middle;
		top: 50%;
		-webkit-transition: all .2s ease-out 0s;
		transition: all .2s ease-out 0s;
	}
	ul.ft_nav_box li.ft_nav_list div a::before {
		margin-top: -2px;
		left: 0px;
		width: 16px;
		height: 1px;
		background: #0852A0;
		margin-right: 20px;
	}
	ul.ft_nav_box li.ft_nav_list div a::after {
		left: 6px;
		margin-top: -6px;
		width: 9px;
		height: 9px;
		border-top: 1px solid #0852A0;
		border-right: 1px solid #0852A0;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		margin-right: 20px;
	}
	ul.ft_list_box li a::before {
		margin-top: -2px;
		left: 0px;
		width: 16px;
		height: 1px;
		background: #666;
		margin-right: 20px;
	}
	ul.ft_list_box li a::after {
		left: 6px;
		margin-top: -6px;
		width: 9px;
		height: 9px;
		border-top: 1px solid #666;
		border-right: 1px solid #666;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		margin-right: 20px;
	}
	
	ul.ft_nav_box li.ft_nav_list div a:hover::before,
	ul.ft_list_box li a:hover::before {
		left: 5px;
	}
	ul.ft_nav_box li.ft_nav_list div a:hover::after,
	ul.ft_list_box li a:hover::after {
		left: 11px;
	}
	.ft_nav_box.sp {
		display: none;
	}
	
	ul.ft_list_box {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content:flex-start;
		align-items:flex-start;
		flex-direction: column;
	}
	ul.ft_list_box li {
		font-size: 14px;
		margin-bottom: 8px;
		line-height: 25px;
	}
	ul.ft_list_box li span {
		display: flex;
		position: relative;
	}
	ul.ft_list_box li a span {
		 
	}
	ul.ft_list_box li a.blank span::after {
		content: '';
		width: 23px;
		height: 16px;
		display:inline-block;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center right;
		background-image: url("/global_common/img/tmpl/icon_blk_gry2.svg");
		transition: transform .3s;
		padding-left: 7px;
		margin-top: 3px;
	}
	.btn_box_ft1 {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content:center;
	}
	
	.btn_box_ft1 .btn_bule {
		width: 48.35%;
	}
	.btn_box_ft1 .btn_bule a {
		padding: 26px 36px;
	}
	
	/*ボタン青*/
	.btn_bule {
		display: flex;
		justify-content:center;
		align-items:center;
		flex-direction: column;
		width: 100%;
		background-color: #0852A0;
		font-size: 16px;
		font-style: normal;
		font-weight: 300;
		line-height: 175%;
		position: relative;
		text-align: center;
	}
	.btn_bule a:link    {color:#fff; text-decoration:none;}
	.btn_bule a:visited {color:#fff; text-decoration:none;}
	.btn_bule a:hover   {color:#fff; text-decoration:underline;}
	.btn_bule a:active  {color:#fff; text-decoration:underline;}
	.btn_bule a {
		color:#fff;
		display: block;
		padding: 11px 36px;
		position:relative;
		width:100%;
	}
	.btn_bule a::before {
		content: "";
		display: inline-block;
		position: absolute;
		width: 16px;
		height: 16px;
		top: 50%;
		left: 0;
		background-image: url("/global_common/img/tmpl/icon_rgt_w.svg");
		background-size: contain;
		background-repeat: no-repeat;
		transform: translateY(-50%);
		    -webkit-transform: translateY(-50%);
			    -ms-transform: translateY(-50%);
	}
	.btn_bule a.blank::after {
		content: "";
		display: inline-block;
		position: absolute;
		width: 18px;
		height: 18px;
		top: 50%;
		right: 7px;
		background-image: url("/global_common/img/tmpl/icon_blk_w.svg");
		background-size: contain;
		background-repeat: no-repeat;
		transform: translateY(-50%);
		    -webkit-transform: translateY(-50%);
			    -ms-transform: translateY(-50%);
	}
	.btn_bule:hover {
		background-color: #48A8EE;
	}
	.btn_bule a:hover{
		text-decoration: none;
	}
	
	/*フッター白背景*/
	.ft_logo_box {
		display: flex;
		flex-wrap: wrap;
		justify-content:flex-start;
	}
	.ft_logo_box_left {
		width: 50%;
	}
	.ft_logo_box_left h2 {
		width: 260px;
		margin-bottom: 30px;
	}
	.ft_logo_box_left h2 img {
		width: 100%;
	}
	.ft_logo_box_left ul {
		display: flex;
		flex-wrap: wrap;
		justify-content:flex-start;
		margin-bottom: 5px;
	}
	.ft_logo_box_left ul li {
		font-size: 12px;
		position: relative;
		display: inline-block;
		padding-right: 10px;
		margin-right: 10px;
	}
	.ft_logo_box_left ul li:not(:last-child) {
		border-right: solid 1px #ccc;
	}
	.ft_logo_box_left ul li a {
		color: #333;
	}
	
	.ft_logo_box_right {
		width: 50%;
	}
	.ft_logo_box_right ul {
		display: flex;
		flex-wrap: wrap;
		justify-content:flex-end;
		margin-bottom: 5px;
	}
	.ft_logo_box_right ul li {
		display: flex;
		flex-wrap: wrap;
		justify-content:center;
		align-items:center;
	}
	.ft_logo_box_right ul li:first-child {
		margin: 0 8px;
		font-size: 14px;
	}
	.ft_logo_box_right ul li:not(:first-child) {
		margin-left: 16px;
	}
	.ft_logo_box_right ul li a {
		display: flex;
		flex-wrap: wrap;
		justify-content:center;
		align-items:center;
		width: 40px;
		height: 40px;
	}
	.facebook_icon {
		background-color: #0866FF;
	}
	.x_icon {
		background-color: #000;
	}
	.youtube_icon {
		background-color: #FF0000;
	}
	.ft_logo_box_right ul li.linkedin a {
		width:48px;
	}
	.ft_white small.copy_right {
		font-size: 12px;
		color: #666;
	}
	

	
}

/* ======================================================
 * Media Queries
====================================================== */
@media screen and (min-width: 768px) and (max-width: 1899px) {
  /* ------------------------------------------------------
   * Gnav
  ------------------------------------------------------ */
  .gnavList-sub &gt; li {margin-left: 4.6%;}
  .gnavList-sub &gt; li &gt; a {font-size: 1.4rem;}
  
  /* ------------------------------------------------------
   * Footer
  ------------------------------------------------------ */
  .FooterBody {padding: 60px 4%;}
}
@media screen and (min-width: 768px) and (max-width: 1780px) {
  /* ------------------------------------------------------
   * Gnav
  ------------------------------------------------------ */
  /* gnavList */
  .gnavList-sub &gt; li {margin-left: 4%;}
  .gnavList-sub &gt; li &gt; a {font-size: 1.4rem;}
}
@media screen and (min-width: 768px) and (max-width: 1630px) {
  /* ------------------------------------------------------
   * Gnav
  ------------------------------------------------------ */
  .HeaderBody {padding-left: 3%;}
  .Gnav {padding-left: 3%;}
  /* gnavList */
  .gnavList-main &gt; li &gt; a {font-size: 1.6rem;}
  .gnavList-sub &gt; li {margin-left: 4%;}
  /* ------------------------------------------------------
   * Footer
  ------------------------------------------------------ */
  .FooterBody {padding: 60px 3%;}
  .sitemap-link &gt; li &gt; a {font-size: 1.6rem;}
}
@media screen and (min-width: 768px) and (max-width: 1342px) {
  /* ------------------------------------------------------
   * Gnav
  ------------------------------------------------------ */
  /* gnavList */
  .gnavList-main &gt; li {margin-left: 5%;}
  .gnavList-main &gt; li &gt; a {font-size: 1.5rem;}
  .gnavList-sub &gt; li {margin-left: 4%;}
  .gnavList-sub &gt; li &gt; a {font-size: 1.3rem;}
  /* ------------------------------------------------------
   * Footer
  ------------------------------------------------------ */
  .sitemap-link &gt; li &gt; a {font-size: 1.5rem;}
  .sitemap-link_detail &gt; li &gt; a {font-size: 1.3rem;}
}
@media screen and (min-width: 768px) and (max-width: 1150px) {
  /* ------------------------------------------------------
   * Gnav
  ------------------------------------------------------ */
  .HeaderBody {padding-left: 2%;}
  .Gnav {padding-left: 2%;}
  .gnavList-main &gt; li &gt; a {font-size: 1.4rem;}
  .gnavList-sub {padding-left: 2%;}
  .gnavList-sub &gt; li {margin-left: 3%;}
  .gnavList-sub &gt; li &gt; a {font-size: 1.2rem;}
  .headerUtility_btn {
    width: 70px;
    font-size: 1.2rem;
  }
  /* ------------------------------------------------------
   * Footer
  ------------------------------------------------------ */
  .sitemap-link &gt; li &gt; a {font-size: 1.4rem;}
  .sitemap-link_detail &gt; li &gt; a {font-size: 1.2rem;}
  .footer-sitemap &gt; .sitemap_item:last-of-type {max-width: 26%;}
}
@media screen and (min-width: 768px) and (max-width: 830px) {
  /* ------------------------------------------------------
   * Gnav
  ------------------------------------------------------ */
  .gnavList-sub &gt; li {margin-left: 2%;}
}

/* ======================================================
 * Print
====================================================== */
@media print {
  /* ------------------------------------------------------
   * Common
  ------------------------------------------------------ */
  .Pagetop {display:none!important;}
  
  /* ------------------------------------------------------
   * Header
  ------------------------------------------------------ */
  .Header {position: relative !important;}
  .gnavList-main &gt; li &gt; a {font-size: 1.4rem;}
  .gnavList-sub {padding-left: 2%;}
  .gnavList-sub &gt; li {margin-left: 3%;}
  .gnavList-sub &gt; li &gt; a {font-size: 1.2rem;}
  .Main {margin-top: 0 !important;}
}</pre></body></html>