@charset "utf-8";

/************************************************************

common.css

/************************************************************


/************************************************************

	defult
	layout
	header
	main
	contents
	footer

************************************************************/


/************************************************************

defult

************************************************************/

/*	reset
----------------------------------------------- */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td, main, figure {
  margin: 0;
  padding: 0;
}
table {
  font-size: 100%;
  font-family: inherit;
}
fieldset, img {
  border: 0;
}
img {
  vertical-align: middle;
}
address, caption, cite, code, dfn, em, th, var {
  font-style: normal;
  font-weight: normal;
}
ol, ul {
  list-style: none;
}
caption, th {
  text-align: left;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-size: 100%;
}
q:before, q:after {
  content: '';
}
abbr, acronym {
  border: 0;
}
select, input, textarea {
  font-size: 100%;
}
header,footer,nav,main,section,article,figure,aside {
  display: block;
}
button {
  border-style:none;
  padding:0;
  -moz-border-radius:0;
  -webkit-border-radius:0;
  border-radius:0;
  background:none;
  font-size:0;
  line-height:0;
}


/*	baseset
----------------------------------------------- */

html {
}
body {
  background-color: #fff;
  font-size: 85%;
  line-height: 1.6;
  letter-spacing: 0.075em;
  color: #595757;
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-family: "Abel", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo","Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana,Arial, Helvetica, sans-serif;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  padding-top: 95px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

main {
  overflow: hidden;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  line-height: 1.6;
}

label {
  cursor: pointer;
}
input, select, textarea, button {
  max-width: 100%;
  margin: 0;
  vertical-align: middle;
  font-family: inherit;
  outline: none;
  font-size: 100%;
}

button {
  cursor: pointer;
}
iframe {
  max-width: 100%;
  vertical-align: middle;
}

.hidden {
  display: none;
}

.-sp {display: none;}
.-pc {display: block;}

/*	float
----------------------------------------------- */

.float_l {float: left;}
.float_r {float: right;}
.float_c {margin-left: auto; margin-right: auto;}


/*	text-align
----------------------------------------------- */

.text_l {text-align: left;}
.text_r {text-align: right;}
.text_c {text-align: center;}
.text_j {text-align: justify;}


/*	clear
----------------------------------------------- */

.clear_all {clear: both;}
.clear_l {clear: left;}
.clear_r {clear: right;}
.clear_hidden {overflow: hidden;}


/*	ClearFix
----------------------------------------------- */

.clearfix {zoom: 1;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0;}


/*	link
----------------------------------------------- */

a[href] {
  color: #595757;
  text-decoration: none;
}
a[href]:link {
}
a[href]:active {
}
a[href]:visited {
}
a[href]:hover {
  color: #19274f;
  text-decoration: none;
}


/*	transition
----------------------------------------------- */
a[href].over:hover,
a[href].over:hover img {
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}
a[href].over_img:hover img {
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}
.over_box:hover,
.over_box:hover img {
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}
a[href].no_highlight {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.transfilter {
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}


/*	box
----------------------------------------------- */
.link_box {
  cursor: pointer;
}
.scroll_box {
  overflow: scroll;
  transform: translateZ(0);
}
.scroll_box_x {
  overflow-x: scroll;
  transform: translateZ(0);
}
.scroll_box_y {
  overflow-y: scroll;
  transform: translateZ(0);
}


/*	corner
----------------------------------------------- */
.corner {
  margin: 0px;
  padding: 0px;
  -moz-border-radius: 5px 5px 5px 5px; /* firefox */
  -webkit-border-radius: 5px 5px 5px 5px; /* Safari,Chrome */
  border-radius: 5px 5px 5px 5px; /* css3 */
}
.corner_inner {
  margin: 0px;
  padding: 0px;
  background: #fff;
  -moz-border-radius: 5px 5px 5px 5px; /* firefox */
  -webkit-border-radius: 5px 5px 5px 5px; /* Safari,Chrome */
  border-radius: 5px 5px 5px 5px; /* css3 */
}


/*	shadow
----------------------------------------------- */

.box_shadow {
  -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.1); /* Safari, Chrome */
  -moz-box-shadow: 0px 5px 5px rgba(0,0,0,0.1); /* Firefox */
  box-shadow: 0px 5px 5px rgba(0,0,0,0.1); /* CSS3 */
}
.box_shadow2 {
  -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.1) inset; /* Safari, Chrome */
  -moz-box-shadow: 0px 5px 5px rgba(0,0,0,0.1) inset; /* Firefox */
  box-shadow: 0px 5px 5px rgba(0,0,0,0.1) inset; /* CSS3 */
}
.box_shadow3 {
  box-shadow: 0px 5px 5px rgba(0,0,0,0.4),0px 5px 5px rgba(0,0,0,0.2) inset; /* CSS3 */
}
.text_shadow {
  text-shadow: 1px 1px 2px #000;
}


/*	innner
----------------------------------------------- */

div.inner {
  width: 100%;
  max-width: 1200px;
  /*max-width: 1200px;*/
  margin: 0px auto;
  padding: 0px 20px;
  box-sizing: border-box;
}


/*	button
----------------------------------------------- */

.button a[href] {
  background: #19274c;
  display: block;
  font-weight: normal;
  padding: 6px 0;
  text-align: center;
  text-decoration: none;
  /*height: 40px;*/
  color: #fff;
  line-height: 1.6;
  font-weight: bold;
  font-size: 85%;
}
.button a[href]:hover {
  background: #ca0048;
  text-decoration: none !important;
}

.button.float_c a {
  margin-left: auto;
  margin-right: auto;
}
.button.corner a {
  -moz-border-radius: 30px 30px 30px 30px; /* firefox */
  -webkit-border-radius: 30px 30px 30px 30px; /* Safari,Chrome */
  border-radius: 30px 30px 30px 30px; /* css3 */
}


/*	color
----------------------------------------------- */

/**/


/*	border
----------------------------------------------- */
.boredr_a_top {border-top: 1px solid #e6e6e6;}
.boredr_a_bottom {border-bottom: 1px solid #e6e6e6;}
/**/


/*	margin
----------------------------------------------- */

.margin_all00 {margin: 0 !important;}

.margin_b {margin-bottom: 1.5em !important;}
.margin_b00 {margin-bottom: 0 !important;}
.margin_b05 {margin-bottom: 5px !important;}
.margin_b08 {margin-bottom: 8px !important;}
.margin_b10 {margin-bottom: 10px !important;}
.margin_b15 {margin-bottom: 15px !important;}
.margin_b20 {margin-bottom: 20px !important;}
.margin_b25 {margin-bottom: 25px !important;}
.margin_b30 {margin-bottom: 30px !important;}
.margin_b35 {margin-bottom: 35px !important;}
.margin_b40 {margin-bottom: 40px !important;}
.margin_b45 {margin-bottom: 45px !important;}
.margin_b50 {margin-bottom: 50px !important;}
.margin_b180 {margin-bottom: 180px !important;}

.margin_t {margin-top: 1.5em !important;}
.margin_t00 {margin-top: 0 !important;}
.margin_t05 {margin-top: 5px !important;}
.margin_t08 {margin-top: 8px !important;}
.margin_t10 {margin-top: 10px !important;}
.margin_t15 {margin-top: 15px !important;}
.margin_t20 {margin-top: 20px !important;}
.margin_t25 {margin-top: 25px !important;}
.margin_t30 {margin-top: 30px !important;}
.margin_t35 {margin-top: 35px !important;}
.margin_t40 {margin-top: 40px !important;}
.margin_t45 {margin-top: 45px !important;}
.margin_t50 {margin-top: 50px !important;}

.margin_l {margin-left: 1.5em !important;}
.margin_l00 {margin-left: 0 !important;}
.margin_l05 {margin-left: 5px !important;}
.margin_l08 {margin-left: 8px !important;}
.margin_l10 {margin-left: 10px !important;}
.margin_l15 {margin-left: 15px !important;}
.margin_l20 {margin-left: 20px !important;}
.margin_l25 {margin-left: 25px !important;}
.margin_l30 {margin-left: 30px !important;}
.margin_l35 {margin-left: 35px !important;}
.margin_l40 {margin-left: 40px !important;}
.margin_l45 {margin-left: 45px !important;}
.margin_l50 {margin-left: 50px !important;}

.margin_r {margin-right: 1.5em !important;}
.margin_r00 {margin-right: 0 !important;}
.margin_r05 {margin-right: 5px !important;}
.margin_r08 {margin-right: 8px !important;}
.margin_r10 {margin-right: 10px !important;}
.margin_r15 {margin-right: 15px !important;}
.margin_r20 {margin-right: 20px !important;}
.margin_r25 {margin-right: 25px !important;}
.margin_r30 {margin-right: 30px !important;}
.margin_r35 {margin-right: 35px !important;}
.margin_r40 {margin-right: 40px !important;}
.margin_r45 {margin-right: 45px !important;}
.margin_r50 {margin-right: 50px !important;}


/*	padding
----------------------------------------------- */

.padding_all00 {padding: 0 !important;}

.padding_b {padding-bottom: 1.5em !important;}
.padding_b00 {padding-bottom: 0 !important;}
.padding_b05 {padding-bottom: 5px !important;}
.padding_b08 {padding-bottom: 8px !important;}
.padding_b10 {padding-bottom: 10px !important;}
.padding_b15 {padding-bottom: 15px !important;}
.padding_b20 {padding-bottom: 20px !important;}
.padding_b25 {padding-bottom: 25px !important;}
.padding_b30 {padding-bottom: 30px !important;}
.padding_b35 {padding-bottom: 35px !important;}
.padding_b40 {padding-bottom: 40px !important;}
.padding_b45 {padding-bottom: 45px !important;}
.padding_b50 {padding-bottom: 50px !important;}

.padding_t {padding-top: 1.5em !important;}
.padding_t00 {padding-top: 0 !important;}
.padding_t05 {padding-top: 5px !important;}
.padding_t08 {padding-top: 8px !important;}
.padding_t10 {padding-top: 10px !important;}
.padding_t15 {padding-top: 15px !important;}
.padding_t20 {padding-top: 20px !important;}
.padding_t25 {padding-top: 25px !important;}
.padding_t30 {padding-top: 30px !important;}
.padding_t35 {padding-top: 35px !important;}
.padding_t40 {padding-top: 40px !important;}
.padding_t45 {padding-top: 45px !important;}
.padding_t50 {padding-top: 50px !important;}

.padding_l {padding-left: 1.5em !important;}
.padding_l00 {padding-left: 0 !important;}
.padding_l05 {padding-left: 5px !important;}
.padding_l08 {padding-left: 8px !important;}
.padding_l10 {padding-left: 10px !important;}
.padding_l15 {padding-left: 15px !important;}
.padding_l20 {padding-left: 20px !important;}
.padding_l25 {padding-left: 25px !important;}
.padding_l30 {padding-left: 30px !important;}
.padding_l35 {padding-left: 35px !important;}
.padding_l40 {padding-left: 40px !important;}
.padding_l45 {padding-left: 45px !important;}
.padding_l50 {padding-left: 50px !important;}

.padding_r {padding-right: 1.5em !important;}
.padding_r00 {padding-right: 0 !important;}
.padding_r05 {padding-right: 5px !important;}
.padding_r08 {padding-right: 8px !important;}
.padding_r10 {padding-right: 10px !important;}
.padding_r15 {padding-right: 15px !important;}
.padding_r20 {padding-right: 20px !important;}
.padding_r25 {padding-right: 25px !important;}
.padding_r30 {padding-right: 30px !important;}
.padding_r35 {padding-right: 35px !important;}
.padding_r40 {padding-right: 40px !important;}
.padding_r45 {padding-right: 45px !important;}
.padding_r50 {padding-right: 50px !important;}


/*	width
----------------------------------------------- */

.width_w50 {width:50px !important;}
.width_w60 {width:60px !important;}
.width_w70 {width:70px !important;}
.width_w80 {width:80px !important;}
.width_w85 {width:80px !important;}
.width_w90 {width:90px !important;}
.width_w100 {width:100px !important;}
.width_w110 {width:110px !important;}
.width_w120 {width:120px !important;}
.width_w130 {width:130px !important;}
.width_w140 {width:140px !important;}
.width_w150 {width:150px !important;}
.width_w160 {width:160px !important;}
.width_w170 {width:170px !important;}
.width_w180 {width:180px !important;}
.width_w190 {width:190px !important;}
.width_w200 {width:200px !important;}
.width_w240 {width:240px !important;}
.width_w215 {width:215px !important;}
.width_w300 {width:300px !important;}
.width_w335 {width:335px !important;}
.width_w450 {width:450px !important;}
.width_w565 {width:565px !important;}
.width_w685 {width:685px !important;}

.width_p10 {width:10% !important;}
.width_p15 {width:15% !important;}
.width_p20 {width:20% !important;}
.width_p25 {width:25% !important;}
.width_p30 {width:30% !important;}
.width_p35 {width:35% !important;}
.width_p40 {width:40% !important;}
.width_p45 {width:45% !important;}
.width_p50 {width:50% !important;}
.width_p55 {width:55% !important;}
.width_p60 {width:60% !important;}
.width_p65 {width:65% !important;}
.width_p70 {width:70% !important;}
.width_p75 {width:75% !important;}
.width_p80 {width:80% !important;}
.width_p85 {width:85% !important;}
.width_p90 {width:90% !important;}
.width_p95 {width:95% !important;}
.width_p100 {width:100% !important;}


/*	height
----------------------------------------------- */

/**/


/*	fontsize
----------------------------------------------- */

.font_size100 {font-size: 100% !important;}
.font_size105 {font-size: 105% !important;}
.font_size110 {font-size: 110% !important;}
.font_size115 {font-size: 115% !important;}
.font_size120 {font-size: 120% !important;}
.font_size125 {font-size: 125% !important;}
.font_size130 {font-size: 130% !important;}
.font_size135 {font-size: 135% !important;}
.font_size140 {font-size: 140% !important;}
.font_size145 {font-size: 145% !important;}
.font_size150 {font-size: 150% !important;}
.font_size155 {font-size: 155% !important;}
.font_size160 {font-size: 160% !important;}
.font_size165 {font-size: 165% !important;}
.font_size170 {font-size: 170% !important;}
.font_size175 {font-size: 175% !important;}
.font_size180 {font-size: 180% !important;}
.font_size185 {font-size: 185% !important;}
.font_size190 {font-size: 190% !important;}
.font_size195 {font-size: 195% !important;}
.font_size200 {font-size: 200% !important;}


/************************************************************

layout

************************************************************/

#body {
  width: 100%;
  text-align: center;
}

#header {
  width: 100%;
  height: 60px;
  margin: 0px auto 0px auto;
  text-align: left;
  position: relative;
}
body#index #header {
  /*margin-bottom: 30px;*/
}

#main {
  width: 100%;
  text-align: left;
}

#contents {
  width: 100%;
  margin: 0px auto;
  clear: both;
  text-align: left;
}

#footer {
  width: 100%;
  height: 60px;
  margin-top: 0px;
  /*padding: 20px 0px;*/
  clear: both;
  text-align: center;
  background: #17284c;
  color: #fff;
  display: flex;
  align-items: center;
  font-size: 12px;
}

/*2019年6月25日追記*/

.pcContents {
  display: none;
}

/************************************************************

header

************************************************************/

#header {
  background: #fff;
  z-index: 30;
}
#header .inner {
  height: 60px;
  position: relative;
}
#header.fixed {
  position: fixed;
  top: 0px;
}

#header .logo {
  position: absolute;
  top: 10px;
  left: 20px;
}

#header .global_header {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 60px;
  text-align: right;
}
#header nav {
  position: relative;
  font-weight: bold;
  z-index: 30;
}
#header nav ul {
}
#header nav ul:after {
  content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; overflow: hidden;
}
#header nav ul li {
  position: relative;
  float: left;
  height: 60px;
  text-align: center;
}
#header nav ul li.contact {
  margin-left: 30px;
}
#header nav ul li:last-child {
}
#header nav ul li a {
  display: block;
  height: 60px;
  color: #19274c;
  text-decoration: none;
}
#header nav ul li.contact a {
  color: #fff;
  background: #ca0048;
}
#header nav ul li a:hover {
  color: #ca0048;
}
#header nav ul li.contact a:hover {
  color: #fff;
  /*text-decoration: underline;*/
  background: #19274c;
}
#header nav ul li a span {
  display: block;
  padding: 20px 10px;
}
/* ~900px*/
@media screen and (max-width: 900px) {
  #header nav ul li a span {
    padding: 20px 5px;
    font-size: 92%;
  }
}

#header nav ul li.contact a span {
  padding: 20px 40px;
}


#header nav ul li.stay a {
}

#header nav ul li ul {
  position: absolute;
  width: auto;
  display: none;
  padding: 0;
  overflow: hidden;
  font-size: small;
  z-index: 30;
  -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.1); /* Safari, Chrome */
  -moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.1); /* Firefox */
  box-shadow: 5px 5px 5px rgba(0,0,0,0.1); /* CSS3 */
}
#header nav ul li:last-child ul {
}
#header nav ul li ul li {
  float: none;
  /*	background-color: rgba(255,255,255,0.8); */
  background-color: rgba(255,255,255,1);
  white-space: nowrap;
  height: auto;
  border-left: none;
  text-align: left;
}
#header nav ul li ul li + li {
  /*	border-top: 1px solid #fff; */
}
#header nav ul li ul li:last-child {
  border-right: none;
}
#header nav ul li ul li a {
  display: block;
  height: auto;
  color: #19274c;
  text-decoration: none;
  /*background:rgba(255,255,255,0);*/
}
#header nav ul li ul li a:hover {
  color: #ca0048;
  /*background:rgba(255,255,255,0.6);*/
}
#header nav ul li ul li a span {
  display: block;
  padding: 10px;
}
#header nav ul li ul li.stay a {
}
#header nav ul li.stay ul li a {
  /*background:rgba(255,255,255,0);*/
}
#header nav ul li.stay ul li a:hover {
  /*background:rgba(255,255,255,0.6);*/
}

.site-header {
  width: 100%;
  height: 80px;
  background: #ffffff;
  position: fixed;
  top: 0;
  z-index: 999;
}

.site-header_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}

.site-header .site-logo {
  max-width: 346px;
  margin: 0 0 0 20px;
}

.site-header .site-logo_image {
  width: 100%;
}

.site-header .header-nav {
display: flex;
min-width: calc(100% - 346px)
}
.site-header .header-nav .sub-nav {
order: 2;
width: 180px;
flex-shrink: 0;
margin: 0 0 0 auto;
}
site-header .header-nav .global-nav {
order: 1;
}
.search-input {
display: none;
}
.site-header .nav-trigger {
  display: none;
}

.site-header .sub-nav {
  margin: 0 0 0 auto;
  position: relative;
}
.lang-select_list {
display: flex;
}
.lang-select_item {
font-size: 16px;
font-weight: 700;
white-space: nowrap;
}
.lang-select_item ~ .lang-select_item::before {
content: "/";
margin-left: 1em;
margin-right: 1em;
}
.lang-select_anchor[href] {
  color: #005998;
}
.lang-select_anchor[href].-current {
  color: #808080;
}

.site-header .sub-nav_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
   padding-right: 42px;
}
.sub-nav_item {
position: relative;
}

.site-header .sub-nav_item:not(:first-child) {
  margin-left: min(2.6vw ,50px);
}

.site-header .sub-nav_anchor {
  color: #ffffff;
  transition: .3s;
}

.site-header .sub-nav_icon {
  margin-right: 10px;
}

.site-header .sub-nav_anchor:hover {
  color: #ffffff;
  opacity: .75;
  transition: 0s;
}
.search-input_btn {
display: flex;
width: 40px;
height: 40px;
align-items: center;
justify-content: center;
background: #EAEEF8;
transition:background 0.3s;
}
.search-input_btn:hover,
.search-input_btn.-open {
background: #fff;
}
.global-nav {
  height: 60px;
  margin-right: 30px;
}
.search-input.-open {
display: block;
}
.search-input {
position: absolute;
width: 450px;
padding: 20px;
background: #F4F6FB;
border-radius: 4px;
top: 54px;
right: -22px;
}
.search-input::before {
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 0 11px 22px 11px;
border-color: transparent transparent #F4F6FB transparent;
position: absolute;
right: 30px;
top: -15px;
}
.search-input_inner {
display: flex;
}
.mt-site-search-form{
display: flex;
border: 2px solid #E6E6E6;
background: #fff;
border-radius: 5px;
width: 347px;
position: relative;
}
.mt-site-search-form:has(:focus) {
border-color: #19274F;
}
.mt-site-search-form__query {
border: none;
padding: 17px 40px 17px 20px;
background: #fff;
border-radius: 5px;
height: 64px;
font-size: 18px;
width: 100%;
-webkit-appearance: none;
appearance: none;
}
.mt-site-search-form__query:focus {
background: #fff;
}
.mt-site-search-form__button {
width: 40px;
height: 64px;
background: url(../../../../external.html?link=https://www.j-ic.co.jp/jp/common/images/share/ico-search.svg) no-repeat center center;
position: absolute;
right: 0;
}
.mt-site-search-form__button {
font-size: 0;
color: #fff;
}
.search-close-btn {
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
margin-left: 20px;

}
.search-close_text {
font-weight: 600;
margin-top: 4px;
font-size: 14px;
font-weight: 600;
line-height: 1;
color: #595757;
}

.global-nav_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0;
}

.global-nav_item {
  margin: 0 0 0 min(3vw, 60px);
  padding: 0 0;
  height: 100%;
  white-space: nowrap;
}

.site-header .global-nav_anchor {
  color: #595757;
  transition: color .3s;
  font-family: 'Yu Gothic';
}

.site-header .global-nav_anchor:hover {
  color: #004987;
  transition: .1s;
}

.global-nav_anchor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}

.global-nav_anchor,
.global-nav_item.-parent {
}

.global-nav_item.-parent::after {
  width: 100%;
  height: 0;
  background: #19274f;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: .3s;
}

.global-nav_item.-parent:hover::after {
  height: 4px;
  opacity: 1;
  transition: 0s;
}

.js-nav_parent:hover .global-nav_parent::before {
  border-top-color: #17284c;
  top: calc(50% - 9px);
  transform: rotate(180deg);
  transition: .1s;
}
.global-nav_inner {
  display: none;
  position: absolute;
  width: 100vw;
  left: 0;
background: #ffffff;
  /* border-image-source: linear-gradient(#eee,#eee);
  border-image-slice: 0 fill;
  border-image-outset: 0 100vw 0 100vw; */
}

.global-nav_item .child-nav {
  display: flex;
  flex-flow: wrap;
  max-width: 1180px;
  width: 100%;
  margin: 0 auto;
  padding: 30px 0;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: .057em;
}
.global-nav_item .child-nav_item {
max-width: 280px;
width: calc((1000% - 60px) / 4);
line-height: 50px;
}

.global-nav_item .child-nav_anchor {
  padding-left: 15px;
  color: #17284c;
  position: relative;
  transition: .3s;
  font-size: 16px;
  line-height: 3.12;
  font-family: 'Hiragino Kaku Gothic Pro';
}
.global-nav_item .child-nav_anchor:hover {
  opacity: 0.5;
  transition: 0s;
}
.sidr.right {
display: none;
}
@media screen and (max-width: 1120px) {
  .site-header .site-logo {
    width: clamp(260px,18%,346px);
  }
  .site-header .header-nav {
    margin: 0;
    min-width: calc(100% - clamp(260px,18%,346px));
  }

  .site-header .sub-nav {
    width: 340px;
  }

  .site-header .sub-nav_list {
    padding: 0 30px 0 0;
  }

  .site-header .sub-nav_item:not(:first-child) {
    margin-left: 10px;
  }
  
  .global-nav {
    margin-right: 20px;
  }

  .global-nav_list {
    font-size: 13px;
  }

  .global-nav_parent::before {
    left: -16px;
  }

  .global-nav_item {
    margin: 0 0 0 min(2vw, 60px);
  }
  .site-header .header-nav .sub-nav {
  width: auto;
  }
  .lang-select_item {
  font-size: 13px;
  }
}



/************************************************************

main

************************************************************/

#main {
}

/*	mainvisual
----------------------------------------------- */
#main #mainvisual {
  /*display: table;*/
  width: 100%;
  height: 100%;
/*text-align: center;
	background: url("../images/mainvisual2.jpg") no-repeat center center;
	-moz-background-size:cover;
	background-size:cover;*/

}
@media screen and (min-width: 1307px) {
  #main #mainvisual {
    height: 531px;
    overflow: hidden;
  }
}
#main #mainvisual .inner {
  /*display: table-cell;
 	vertical-align: middle;*/
  max-width: 2000px;
  padding: 0px;
}
#main #mainvisual img {
  width: 100%;
  max-width: 2000px;
  /*max-width: 788.4px;/*90%*/
  height: auto;
}


/************************************************************

contents

************************************************************/

#contents {
}

/*	index
----------------------------------------------- */



/*2018年12月20日追記*/

#contents .c_info {
  width: 600px;
}

/*2019年2月13日追記*/

#contents .d_info {
  width: 700px;
}

#contents .entry_area {
	font-size: 18px;
	line-height: 1.8;
}

#contents .entry_area p {
  margin-bottom: 0.8em;
}

#contents .entry_area .headline {
}
#contents .entry_area .headline span {
}
#contents .entry_area .hd_type1,
#contents .entry_area .hd_type1b {
  font-size: 35px;
  text-align: center;
  color: #19274c;
  margin-bottom: 25px;
  font-weight: bold;
}
#contents .entry_area .hd_type1b {
  color: #fff;
}
#contents .entry_area .hd_type2 {
  font-size: 20px;
  color: #19274c;
  text-align: center;
  font-weight: bold;
}
#contents .entry_area .hd_type1 span,
#contents .entry_area .hd_type1b span {
  position: relative;
  display: inline-block;
  padding-bottom: 16px;
}
#contents .entry_area .hd_type1 span::before,
#contents .entry_area .hd_type1b span::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-bottom: 3px solid #19274c;
  width : 25px;
  margin: 0 auto;
}
#contents .entry_area .hd_type1b span::before {
  border-color: #fff;
}

#contents .entry_area.news {
  padding: 15px 0;
  line-height: 1.4;
}
#contents .entry_area.news .inner {
  display: table;
}
#contents .entry_area.news .headline {
  display: table-cell;
  vertical-align: middle;
  /*width: 25%;*/
  width: 300px;
  /*text-align: center;*/
  text-align: left;
  padding-left: 90px;
}
#contents .entry_area.news ul {
  display: table-cell;
  vertical-align: middle;
  font-size: 11px;
}
#contents .entry_area.news ul li {
  display: table-cell;
  border-left: 1px solid #c9caca;
  width: 25%;
  /*min-width: 25%;*/
  padding: 0px 15px;
}
#contents .entry_area.news ul li a {
  color: #595757;
}
#contents .entry_area.news ul li a :hover {
  color: #ca0048;
}
#contents .entry_area.news ul li dl {
}
#contents .entry_area.news ul li dl dt {
  letter-spacing: 2px;
  font-size: 10px;
  margin-bottom: 5px;
}
#contents .entry_area.news ul li dl dd {
}
#contents .entry_area.news ul li dl dd span {
  font-weight: bold;
}

#contents .entry_area.vision {
}
#contents .entry_area.vision .inner {
}
#contents .entry_area.vision .headline {
}
#contents .entry_area.vision ul {
  display: table;
  margin: 0px auto;
}
#contents .entry_area.vision ul li {
  display: table-cell;
  /*width: 33%;*/
  /*min-width: 33%;*/
  padding: 35px;
  text-align: center;
  background: url("../images/ctn_no1.png") no-repeat center center;
  background-size: auto 100%;
}
#contents .entry_area.vision ul li.no1 {
  background-image: url("../images/ctn_no1.png");
}
#contents .entry_area.vision ul li.no2 {
  background-image: url("../images/ctn_no2.png");
}
#contents .entry_area.vision ul li.no3 {
  background-image: url("../images/ctn_no3.png");
}

#contents .entry_area.purpose {
  background: url("../images/ctn_purpose_bg.jpg") no-repeat left center;
  -moz-background-size:cover;
  background-size:cover;
  color: #fff;
}
#contents .entry_area.purpose .inner {
  padding-left: 580px;
  padding-right: 60px;
}
#contents .entry_area.purpose .headline {
}
#contents .entry_area.purpose .scroll_box_y {
  width: 100%;
  height: 160px;
  padding-right: 10px;
}
#contents .entry_area.purpose .purpose_bottom {
  line-height: 1;
  margin-right: 25px;
}
#contents .entry_area.purpose .purpose_bottom .person {
}
#contents .entry_area.purpose .purpose_bottom .position {
  font-size: 14px;
}

#contents .entry_area.values {
}
#contents .entry_area.values .inner {
}
#contents .entry_area.values .headline {
}
/*2018年12月26日コメントアウト
#contents .entry_area.values ul {
	width: 420px;
}*/
#contents .entry_area.values ul li {
  background: url("../images/ctn_line_gray.gif") repeat-x left center;
}
#contents .entry_area.values ul li span {
}
#contents .entry_area.values ul li span.float_l {
  color: #595757;
  /*
	color: #19274c;
 */
  background: #fff;
  padding-right: 8px;
  /*2018年12月26日コメントアウト
	font-weight: bold;
	width: 1em;
 */
  text-align: center;
}
#contents .entry_area.values ul li span.float_r {
  background: #fff;
  padding-left: 30px;
}


/*	page
----------------------------------------------- */

body#page #contents .entry_area {
}

body#page #contents .entry_area .hd_type2 {
  font-size: 25px;
  margin: 25px 0px;
}

body#page #contents .entry_area ul.format {
  padding: 0.5em 0.5em 0.5em 2em;
  list-style-type: disc;
}
body#page #contents .entry_area ul.format li {
  line-height: 1.5;
  padding: 0.5em 0;
}
body#page #contents .entry_area ol.format {
  padding: 0.5em 0.5em 0.5em 2em;
  list-style-type: decimal;
}
body#page #contents .entry_area ol.format li {
  line-height: 1.5;
  padding: 0.5em 0;
}

body#page #contents .entry_area div.format {
  display: table;
  width: 100%;
  margin-bottom: 25px;
}
body#page #contents .entry_area div.format > * {
  display: table-cell;
  height: 100%;
  text-align: left;
  vertical-align: top;
}
body#page #contents .entry_area div.format > * + * {
  /*padding-left: 25px;*/
}
body#page #contents .entry_area div.format .layouttable {
  overflow-x: auto;
}
body#page #contents .entry_area div.format .layouttable table {
  width: 100%;
  border-collapse: collapse;
  empty-cells: show;
  border-bottom: 1px solid #e6e6e6;
  border-spacing: 0;
  border-top: 1px solid #e6e6e6;
}
body#page #contents .entry_area div.format .layouttable table th {
  padding: 10px;
  vertical-align: top;
  text-align: left;
  font-weight: bold;
  /*background: none repeat scroll 0 0 #f7f8f9;*/
  border-bottom: 1px solid #e6e6e6;
  /*border-right: 1px solid #e6e6e6;*/
}
body#page #contents .entry_area div.format .layouttable table td {
  padding: 10px;
  vertical-align: top;
  text-align: left;
  border-bottom: 1px solid #e6e6e6;
}

/*#contents .topicpath {
	padding: 0px 0px;
	margin: 25px 0;
}
#contents .topicpath li {
	float: left;
	position: relative;
}
#contents .topicpath li + li {
	padding-left: 30px;
}
#contents .topicpath li + li:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-top: 2px solid #19274c;
	border-right: 2px solid #19274c;
	-webkit-transform: scale(0.8) rotate(45deg);
	-ms-transform: scale(0.8) rotate(45deg);
	-o-transform: scale(0.8) rotate(45deg);
	transform: scale(0.8) rotate(45deg);
}
#contents .topicpath a {
	font-weight: bold;
}
#contents .topicpath a:hover {
}*/


/*	page Aout JIC
----------------------------------------------- */

/**/


/*	page Aout JIC LeaderShip
----------------------------------------------- */

body#page.about.leadership #contents .entry_area.management ul {
}
body#page.about.leadership #contents .entry_area.management ul li {
  width: 193px;
  float: left;
  padding: 0px 15px;
  margin-bottom: 25px;
}
body#page.about.leadership #contents .entry_area.management ul li a {
}
body#page.about.leadership #contents .entry_area.management ul li .position {
  margin-bottom: 0;
  color: #595757;
}
body#page.about.leadership #contents .entry_area.management ul li .person {
  margin-bottom: 0;
  color: #005998;
}
body#page.about.leadership #contents .entry_area.management ul li a:hover .position,
body#page.about.leadership #contents .entry_area.management ul li a:hover .person {
  color: #ca0048;
}
body#page.about.leadership #contents .entry_area.management ul li .thumb {
  height: 150px;
  width: 150px;
  overflow: hidden;
  border-radius: 150px;
  text-align: center;
  margin: 0px auto;
  background-color: #ccc;
  padding: 0;
}
body#page.about.leadership #contents .entry_area.management ul li .thumb img {
  width:100%;
  max-width: 100%;
  height: auto;
}

body#page.about.leadership #contents .entry_area.investment ul {
  width: 420px;
}
body#page.about.leadership #contents .entry_area.investment ul li {
  background: url("../images/ctn_line_gray.gif") repeat-x left center;
}
body#page.about.leadership #contents .entry_area.investment ul li .float_l {
  background: #fff;
  padding-right: 8px;
}
body#page.about.leadership #contents .entry_area.investment ul li .float_r {
  background: #fff;
  padding-left: 30px;
}

body#page.about.leadership #contents .entry_area.management2 .imglist {
  display: table;
  width: 100%;
  margin-bottom: 25px;
}
body#page.about.leadership #contents .entry_area.management2 .imglist h3 {
  font-size: 20px;
}
body#page.about.leadership #contents .entry_area.management2 .imglist h4 {
  font-size: 20px;
  color: #005998;
}
body#page.about.leadership #contents .entry_area.management2 .imglist > * {
  display: table-cell;
  height: 100%;
  text-align: left;
  vertical-align: top;
}
body#page.about.leadership #contents .entry_area.management2 .imglist > * + * {
  padding-left: 25px;
}
body#page.about.leadership #contents .entry_area.management2 .imglist > .thumb {
  width: 300px;
}
body#page.about.leadership #contents .entry_area.management2 .imglist > .thumb img {
}

body#page.about.leadership #contents .entry_area.management2 .imglist .layouttable {
  overflow-x: auto;
}
body#page.about.leadership #contents .entry_area.management2 .imglist .layouttable table {
  width: 100%;
  border-collapse: collapse;
  empty-cells: show;
}
body#page.about.leadership #contents .entry_area.management2 .imglist .layouttable table th {
  padding: 0px 10px 0px 0px;
  vertical-align: top;
  text-align: left;
}
body#page.about.leadership #contents .entry_area.management2 .imglist .layouttable table td {
  padding: 0px 0px 0px 0px;
  vertical-align: top;
  text-align: left;
}
body#page.about.leadership #contents .entry_area.management2 .imglist .layouttable table .left {
  text-align: left;
}

/* /about/messages/ */

.management2 .inner {
  margin-top: 90px;
}

/* /report/index_report01.html */
.corporate2 .inner{
  margin-top: 90px;
}
/*	page Aout JIC Corporate Info
----------------------------------------------- */

/**/


/*	page Investment
----------------------------------------------- */

/**/


/*	page Newsroom
----------------------------------------------- */

/**/


/*	page Contact Us
----------------------------------------------- */

/**/


/*	page Privacy Policy
----------------------------------------------- */

/**/


/*	page finance
----------------------------------------------- */
/*2019年6月25日追記*/

#contents .finance_list {
  width: 18em;
}
#contents .finance_a {
  width: 600px;
}
#contents .finance_h3 {
  font-weight: bold;
}
#contents .finance_list li {
  margin-bottom: 1em;
}
#contents .finance_result {
  padding: 0px;
}
#contents .finance_result_h3 {
  color: #19274c;
  font-size: 130%;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom:10px;
}
#contents .finance_result dl {
  margin:0 100px 10px;
}
#contents .finance_result dt {
  font-weight: bold;
  display: inline-block;
  margin-right: 1em;
}
#contents .finance_result dd {
  display: inline-block;
}
#contents .report {
  width: 46%;
  float: left;
  margin-bottom: 50px;
}
#contents .report:nth-of-type(even) {
  float: right;
}
#contents .report h2 {
  font-size: 150%;
  margin-bottom:10px;
}
#contents .report h3 {
  color: #19274c;
  font-size: 120%;
  line-height: 140%;
  margin-bottom:10px;
  border-bottom: 1px solid #e6e6e6;
}
/**/



/************************************************************

footer

************************************************************/

#footer a[href] {
  color: #fff;
  text-decoration: none;
}
#footer a[href]:hover {
  color: #fff;
  text-decoration: underline;
}

.site-footer {
  background: #f7f7f7;
}

.site-footer_inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 90px 20px;
}

.footer-nav_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  gap: 28px;
}

.footer-nav_item {
  width: 100%;
  max-width: 366px;
}


.footer-nav_parent {
  pointer-events: none;
  font-weight: 700;
  font-size: 15px;
  line-height: 24px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #17284C;
  font-family: 'Yu Gothic';
}
.site-footer .footer-nav_anchor,
.footer-nav_parent {
  display: block;
  border-bottom: 1px solid #19274f;
  font-weight: bold;
  color: #19274f;
  font-family: 'Yu Gothic';
}

.footer-nav_anchor {
  position: relative;
  transition: .3s;
}
.footer-nav_anchor:hover {
  border-bottom-color: #19274f;
  opacity: 0.5;
  transition: 0s;
}

.footer-nav_parent,
.footer-nav_anchor {
  margin-bottom: 24px;
  padding-bottom: 4px;
letter-spacing: 0.05em;
font-weight: 700;
font-size: 15px;
line-height: 24px;
}

.footer-nav_item .nav-child_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 10px;
}

.footer-nav_item .nav-child {
  font-size: 14px;
  letter-spacing: .057em;
}

.footer-nav_item .nav-child:nth-child(even) {
  margin-left: 5%;
}

.footer-nav_item .nav-child_item:not(:first-child) {
  margin-top: 5px;
}

.footer-nav_item .nav-child_anchor {
  display: block;
  color: #17284c;
  position: relative;
  transition: .3s;
  letter-spacing: 0;
  line-height: 2.75;
  font-size: 12px;
  font-family: 'Hiragino Kaku Gothic Pro';
}

.footer-nav_item .nav-child_anchor:hover {
  transition: 0s;
  opacity: 0.5;
}


.footer-nav_item .nav-child_anchor:hover::before {
  border-left-color: #19274f;
  transition: 0s;
  opacity: 0.5;
}

.footer-nav_item .sub-nav {
  margin-top: 5px;
  padding-left: 30px;
  font-size: 12px;
}

.footer-nav_item .sub-nav_item:not(:first-child) {
  margin-top: 5px;
}

.footer-nav_item .sub-nav_anchor {
  color: #17284c;
  text-decoration: underline;
  transition: .3s;
}

.footer-nav_item .sub-nav_anchor:hover {
  opacity: 0.5;
  text-decoration: underline;
  transition: 0s;
}
.footer-sub-nav_list {
  display: flex;
  justify-content: center;
  gap: 50px;
  margin-top: 80px;
}
.footer-sub-nav_anchor[href] {
  font-size: 12px;
  line-height: 2.5;
  color: #17284C;
  font-family: 'Hiragino Kaku Gothic Pro';
}
.footer-sub-nav_anchor[href]:hover {
  opacity: 0.5;
  transition: 0s;
}

@media screen and (min-width: 768px) {
.nav-child_wrap {
display: block!important;
}
}

.copyright {
  height: 54px;
  background: #17284c;
  text-align: center;
  color: #ffffff;
  position: relative;
}

.copyright_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  font-size: 14px;
  letter-spacing: 0;
}

.copyright_item:not(:first-child)::before {
  margin: 0 .25em;
  content: '|';
}

.site-footer .copyright_anchor,
.site-footer .copyright_anchor:hover {
  transition: .3s;
  color: #ffffff;
}

.site-footer .copyright_anchor:hover {
  transition: 0s;
  text-decoration: underline;
}

.page-top {
  width: 46px;
  height: 46px;
  position: absolute;
  top: calc(50% - 23px);
  right: 0;
}

.page-top_btn {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.page-top_btn::before {
  display: block;
  width: 10px;
  height: 12px;
  border-top: 6px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 5px solid transparent;
  content: '';
  position: absolute;
  top: calc(50% - 9px);
  right: calc(50% - 5px);
  z-index: 2;
}

.page-top_btn::after {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(255, 255, 255, .65);
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  opacity: 0;
  transform: scale(0);
  transition: .3s;
}

.page-top_btn:hover::before {
  border-bottom-color: #17284c;
}

.page-top_btn:hover::after {
  opacity: 1;
  transform: scale(1.5);
  transition: .05s;
}

@media screen and (max-width: 900px) {

  .footer-nav_item .nav-child_wrap {
    display: block;
  }

  .footer-nav_item .nav-child {
    width: 100%;
  }
}

/* provisional page parts */
.page-section {
  padding-bottom: 120px;
}

.page-read {
  text-align: center;
}

.page-read_text {
  font-size: 18px;
  font-weight: normal;
  line-height: 1.77;
  letter-spacing: 0.07em;
}

.article_heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 250px;
  width: 100%;
  font-size: 40px;
  font-weight: normal;
  letter-spacing: normal;
  color: #19274f;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.article_heading::before,
.article_heading::after {
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
}

.article_heading::before {
  background-color: #eaeef8;
  z-index: -1;
  left: -48%;
  transform: skewX(-25deg);
}

.article_heading::after {
  background-color: #f4f6fb;
  z-index: -2;
}

.section_heading {
  font-size: 35px;
  color: #19274c;
  text-align: center;
  font-weight: bold;
  line-height: 1.2;
  margin-top: 120px;
  margin-bottom: 60px;
}

.subsection_heading {
  font-size: 27px;
  color: #005998;
  text-align: left;
  line-height: 1.6;
  margin-top: 60px;
  margin-bottom: 30px;
}

.-underline::before {
  width: 25px;
  height: 12px;
  border-bottom: 3px solid #19274c;
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
}

.-underline {
  padding-bottom: 16px;
  position: relative;
  display: block;
}

.-underline::after {
  content:"";display:block;clear:both;
}

.section_subheading {
  font-size: 27px;
}

.main_text {
  color: #595757;
  font-size: 18px;
  line-height: 1.77;
  letter-spacing: 0.075em;
}
.main_text.-center {
  text-align: center;
}
.note_text {
  font-size: 10px;
}

.note_text::before {
  content: "※";
  font-size: 10px;
  padding-right: 0.5em;
}

.numbered {
  counter-reset: cnt;
}

.numbered > li::before {
  counter-increment: cnt;
  content: counter(cnt) ".";
}

.-with-paren {
  counter-reset: cnt;
}

.-with-paren > li::before {
  counter-increment: cnt;
  content: "(" counter(cnt) ")";
}