@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');


html { font-size: 62.5%;}

body {
  font-family: YakuHanJPs_Noto, "Noto Sans JP", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
}



/*
- p h2 など
- Parts
- Nav
- mod-...
- Grid
- Table
- - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* Head */

p + h3,
table + h3 {
  margin-top: 1em;
}

ul + h1,
ul + h2,
ul + h3,
h2 + figure,
p + figure,
figure + h2,
figure + h3,
figure + p{
  margin-top: 2em;
}



p + h3,
p + h5,
ol + h3,
.float_box + h3{
  margin-top: 2em !important;
}

/*
ul + h4,
ul + h5,
ul + h6,
p + h4,
p + h5,
p + h6,
p + figure {
  margin-top: 1em;
}
*/

h2 + h3,
h2 + p,
h3 + p,
h4 + p,
ul + p,
ol + p,
h2 + .flex_box,
h2 + .float_box,
h3 + .float_box,
h4 + .float_box{
  margin-top: 3rem !important;
}

h5 + p{margin-top: 1.5rem;}





/*
h1, h2, h3, h4, h5, h6 {
  clear: both;
  line-height: 1.5;
  margin-bottom: 1em;
}
*/

p + p {
  margin-top: 1em;
}


/* p */
ul li,
ol li,
th,
td,
p {
/*  font-size: 86.5%;*/
  line-height: 1;
}


hr.anchor_link{
border: 0;
margin-top: -80px;
padding-top: 80px;
}

.inline_bk{display: inline-block;}


.atari_ye_red{background-color:yellow !important; color:red !important;}
.atari_pk{background-color:#ffddf0 !important;}
.atari_ye{background-color:yellow;}
.atari_ye_txt{color:yellow !important;}
.atari_cy{background-color:#ddfaff !important;}



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

.wrapper{
/*outline: 1px dashed red;*/
width:1300px;
padding-left: 10px;
padding-right: 10px;
margin-left: auto;
margin-right: auto;
}

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

.wrapper{
width:auto;
padding-left:0;
padding-right:0;
margin-left: 20px;
margin-right: 20px;
}


}/*768*/


@media only screen and (max-width:480px) {
.wrapper{
width: calc(100% - 24px);
padding-left:0;
padding-right:0;
margin-left: 12px;
margin-right: 12px;
}


}/*480*/



/* rollover alpha
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.roll-alpha a:hover img    { filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
a.roll-alpha:hover img    { filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
.roll-alpha75 a:hover img  { filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
a.roll-alpha75:hover img  { filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }





/* preset margin
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.mt00 { margin-top:  0   !important;}
.mt05 { margin-top:  5px !important;}
.mt10 { margin-top: 10px !important;}
.mt12 { margin-top: 12px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt25 { margin-top: 25px !important;}
.mt30 { margin-top: 30px !important;}
.mt35 { margin-top: 35px !important;}
.mt40 { margin-top: 40px !important;}
.mt45 { margin-top: 45px !important;}
.mt50 { margin-top: 50px !important;}
.mt60 { margin-top: 60px !important;}
.mt70 { margin-top: 70px !important;}
.mt80 { margin-top: 80px !important;}
.mt90 { margin-top: 90px !important;}
.mt100 { margin-top: 100px !important;}

.mt05em { margin-top:  0.5em !important;}
.mt10em { margin-top:  1em !important;}
.mt15em { margin-top:  1.5em !important;}
.mt20em { margin-top:  2em !important;}
.mt25em { margin-top:  2.5em !important;}
.mt30em { margin-top:  3em !important;}
.mt35em { margin-top:  3.5em !important;}
.mt40em { margin-top:  4em !important;}

.mtb05em { margin-top: 0.5em !important; margin-bottom: 0.5em !important;}
.mtb10em { margin-top: 1em !important; margin-bottom: 1em !important; }
.mtb15em { margin-top: 1.5em !important; margin-bottom: 1.5em !important; }
.mtb20em { margin-top: 2em !important; margin-bottom: 2em !important; }
.mtb25em { margin-top: 2.5em !important; margin-bottom: 2.5em !important; }
.mtb30em { margin-top: 3em !important; margin-bottom: 3em !important; }
.mtb35em { margin-top: 3.5em !important; margin-bottom: 3.5em !important; }
.mtb40em { margin-top: 4em !important; margin-bottom: 4em !important; }

.mr00 { margin-right:  0   !important;}
.mr05 { margin-right:  5px !important;}
.mr10 { margin-right: 10px !important;}
.mr12 { margin-right: 12px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr25 { margin-right: 25px !important;}
.mr30 { margin-right: 30px !important;}
.mr35 { margin-right: 35px !important;}
.mr40 { margin-right: 40px !important;}
.mr45 { margin-right: 45px !important;}
.mr50 { margin-right: 50px !important;}
.mr60 { margin-right: 60px !important;}
.mr70 { margin-right: 70px !important;}
.mr80 { margin-right: 80px !important;}
.mr90 { margin-right: 90px !important;}
.mr100 { margin-right: 100px !important;}

.mb00 { margin-bottom:  0   !important;}
.mb05 { margin-bottom:  5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb12 { margin-bottom: 12px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb35 { margin-bottom: 35px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb45 { margin-bottom: 45px !important;}
.mb50 { margin-bottom: 50px !important;}
.mb60 { margin-bottom: 60px !important;}
.mb70 { margin-bottom: 70px !important;}
.mb80 { margin-bottom: 80px !important;}
.mb90 { margin-bottom: 90px !important;}
.mb100 { margin-bottom: 100px !important;}

.mb05em { margin-bottom:  0.5em !important;}
.mb10em { margin-bottom:  1em !important;}
.mb15em { margin-bottom:  1.5em !important;}
.mb20em { margin-bottom:  2em !important;}
.mb25em { margin-bottom:  2.5em !important;}
.mb30em { margin-bottom:  3em !important;}
.mb35em { margin-bottom:  3.5em !important;}
.mb40em { margin-bottom:  4em !important;}

.ml00 { margin-left:  0   !important;}
.ml05 { margin-left:  5px !important;}
.ml10 { margin-left: 10px !important;}
.ml12 { margin-left: 12px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml25 { margin-left: 25px !important;}
.ml30 { margin-left: 30px !important;}
.ml35 { margin-left: 35px !important;}
.ml40 { margin-left: 40px !important;}
.ml45 { margin-left: 45px !important;}
.ml50 { margin-left: 50px !important;}
.ml60 { margin-left: 60px !important;}
.ml70 { margin-left: 70px !important;}
.ml80 { margin-left: 80px !important;}
.ml90 { margin-left: 90px !important;}
.ml100 { margin-left: 100px !important;}

/* preset padding
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.pt00 { padding-top:  0   !important;}
.pt05 { padding-top:  5px !important;}
.pt10 { padding-top: 10px !important;}
.pt12 { padding-top: 12px !important;}
.pt15 { padding-top: 15px !important;}
.pt20 { padding-top: 20px !important;}
.pt25 { padding-top: 25px !important;}
.pt30 { padding-top: 30px !important;}
.pt35 { padding-top: 35px !important;}
.pt40 { padding-top: 40px !important;}
.pt45 { padding-top: 45px !important;}
.pt50 { padding-top: 50px !important;}
.pt60 { padding-top: 60px !important;}
.pt70 { padding-top: 70px !important;}
.pt80 { padding-top: 80px !important;}
.pt90 { padding-top: 90px !important;}
.pt100 { padding-top: 100px !important;}

.pr00 { padding-right:  0   !important;}
.pr05 { padding-right:  5px !important;}
.pr10 { padding-right: 10px !important;}
.pr12 { padding-right: 12px !important;}
.pr15 { padding-right: 15px !important;}
.pr20 { padding-right: 20px !important;}
.pr25 { padding-right: 25px !important;}
.pr30 { padding-right: 30px !important;}
.pr35 { padding-right: 35px !important;}
.pr40 { padding-right: 40px !important;}
.pr45 { padding-right: 45px !important;}
.pr50 { padding-right: 50px !important;}
.pr60 { padding-right: 60px !important;}
.pr70 { padding-right: 70px !important;}
.pr80 { padding-right: 80px !important;}
.pr90 { padding-right: 90px !important;}
.pr100 { padding-right: 100px !important;}

.pb00 { padding-bottom:  0   !important;}
.pb05 { padding-bottom:  5px !important;}
.pb10 { padding-bottom: 10px !important;}
.pb12 { padding-bottom: 12px !important;}
.pb15 { padding-bottom: 15px !important;}
.pb20 { padding-bottom: 20px !important;}
.pb25 { padding-bottom: 25px !important;}
.pb30 { padding-bottom: 30px !important;}
.pb35 { padding-bottom: 35px !important;}
.pb40 { padding-bottom: 40px !important;}
.pb45 { padding-bottom: 45px !important;}
.pb50 { padding-bottom: 50px !important;}
.pb60 { padding-bottom: 60px !important;}
.pb70 { padding-bottom: 70px !important;}
.pb80 { padding-bottom: 80px !important;}
.pb90 { padding-bottom: 90px !important;}
.pb100 { padding-bottom: 100px !important;}

.pl00 { padding-left:  0   !important;}
.pl05 { padding-left:  5px !important;}
.pl10 { padding-left: 10px !important;}
.pl12 { padding-left: 12px !important;}
.pl15 { padding-left: 15px !important;}
.pl20 { padding-left: 20px !important;}
.pl25 { padding-left: 25px !important;}
.pl30 { padding-left: 30px !important;}
.pl30 { padding-left: 35px !important;}
.pl40 { padding-left: 40px !important;}
.pl45 { padding-left: 45px !important;}
.pl50 { padding-left: 50px !important;}
.pl60 { padding-left: 60px !important;}
.pl70 { padding-left: 70px !important;}
.pl80 { padding-left: 80px !important;}
.pl90 { padding-left: 90px !important;}
.pl100 { padding-left: 100px !important;}

/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.ta-center {
  text-align: center;
}
.ta-left {
  text-align: left;
}
.ta-right {
  text-align: right;
}

.fl-left {
  display: inline;
  float: left;
}
.fl-right {
  display: inline;
  float: right;
}

.ws-nowrap {
  white-space: nowrap;
}

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

/* preset */
.w03per { width:  3% !important;}
.w05per { width:  5% !important;}
.w10per { width: 10% !important;}
.w13per { width: 13% !important;}
.w15per { width: 15% !important;}
.w20per { width: 20% !important;}
.w25per { width: 25% !important;}
.w30per { width: 30% !important;}
.w35per { width: 35% !important;}
.w40per { width: 40% !important;}
.w45per { width: 45% !important;}
.w50per { width: 50% !important;}
.w55per { width: 55% !important;}
.w60per { width: 60% !important;}
.w65per { width: 65% !important;}
.w70per { width: 70% !important;}
.w75per { width: 75% !important;}
.w80per { width: 80% !important;}
.w85per { width: 85% !important;}
.w90per { width: 90% !important;}
.w95per { width: 95% !important;}
.w100per { width: 100% !important;}

@media only screen and (max-width:768px) {
.w50per,
.w55per,
.w60per,
.w65per,
.w70per,
.w75per,
.w80per,
.w85per{width: auto!important;}


}/*768*/

/* em */
.w01em { width:  1em !important;}
.w02em { width:  2em !important;}
.w03em { width:  3em !important;}
.w04em { width:  4em !important;}
.w05em { width:  5em !important;}
.w06em { width:  6em !important;}
.w07em { width:  7em !important;}
.w08em { width:  8em !important;}
.w09em { width:  9em !important;}
.w10em { width: 10em !important;}






/* debug
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.debug {
/*
  display: none;
*/
  position: fixed;
  right: 10px;
  bottom: 30%;
  width: 200px;
  padding: 5px 8px;
  border: solid 2px #fff;
  background: #ccc;
  color: #fff;
  font-size: 13px;
  font-family: 'Courier New';
  line-height: 1.5;
  z-index: 99999;
}


/* common  h2, h3, h4, h5, p 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* txt ------------ */
.mod_h2{
font-weight: 600;
font-size: 3.6rem;
line-height: 1.4;
color: #0068b7;
font-family: "Noto Serif", serif;
}

.mod_h3{
font-size:3rem;
font-weight: 400;
border-left:3px solid #0380DF;
padding-left:1.4rem;
line-height: 1.4;
}
.mod_h3 a{
text-decoration: underline;
}
.mod_h3 a:hover{
text-decoration: none;
}


.mod_h4{
font-size: 2.3rem;
font-weight: 500;
color: #0068B7;
margin-top: 2em;
line-height: 1.4;
}


.mod_h5{
font-size:1.8rem;
font-weight: 500;
margin-top: 1.5em;
line-height: 1.4;
}



.mod_p{
font-size: 1.6rem;
line-height: 2;
}

.notes{
font-size: 1.4rem;
line-height: 2;
margin-top: 2rem;
margin-left: 3em;
text-indent: -3em;
}
.notes1{
font-size: 1.4rem;
line-height: 2;
margin-top: 2rem;
margin-left: 1em;
text-indent: -1em;
}


.color_blue{color:#0068b7;}
.bg_lightBlue{background: #ECF5FC;}

.mod_L{text-align: left !important;}
.mod_R{text-align: right !important;}
.mod_C{text-align: center !important;}

.mod_500{font-weight: 500;}


.lead {font-size: 1.8rem; line-height: 2; font-weight: 500; color: #395088;}

.box_border{border:1px solid #aaa; padding: 3rem; margin-top: 4rem;}
.box_border.blue{border-color:#0068b7;}
.box_border.white{border-color:#fff;}




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

.mod_h2{
font-size: clamp(2.6rem, 4.69vw, 3.6rem);
}

.mod_h3{
font-size: clamp(2.3rem, 3.91vw, 3rem);
}

.mod_h4{
font-size: clamp(2rem, 2.99vw, 2.3rem);
}


.box_border{padding: 2rem;}



}/*768*/




/* pc sp ---------*/

.sp_inline{display: none;}
.sp_block{display: none;}
@media only screen and (max-width:768px) {
.pc_inline{display: none;}
.sp_inline{display: inline;}
.pc_block{display: none;}
.sp_block{display: block;}
}/*768*/


/* ol ul ---------*/
.mod_ol{
margin-top: 3rem;
margin-left: 1.66em;
font-size: 1.6rem;
list-style: decimal;
}
.mod_ol li{
margin-top: 1rem;
line-height: 1.7;
}

.mod_ul{
margin-top: 3rem;
margin-left: 1.66em;
font-size: 1.6rem;
list-style: disc;
}
.mod_ul li{
margin-top: 1rem;
line-height: 1.7;
}

.mod_ul_2nd{
margin-left: 1em;
list-style: circle;
}


.mod_ul_link{
margin-top: 3rem;
margin-left: 1.66em;
font-size: 1.6rem;
list-style: disc;
}
.mod_ul_link　.layer2{
margin-top: 3rem;
margin-left: 1.66em;
font-size: 1.6rem;
list-style: disc;
}
.mod_ul_link li{
margin-top: 1rem;
line-height: 1.7;
}
.mod_ul_link li a{
text-decoration: underline;
}
.mod_ul_link li a:hover{
text-decoration: none;
}








/* ------------- */
.main_section{
margin-top: 11rem;
}

@media only screen and (max-width:768px) {
.main_section{
margin-top:14.32vw;
}

}/*768*/



.img_col_01{
width: 1300px;
text-align: center;
margin: 5rem auto 0;
}
.img_col_01 img{
max-width: 100%;
line-height: 1;
}

.img_outline{outline:1px solid #ccc;}


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

.img_col_01{
width:auto;
text-align: center;
margin: 5rem auto 0;
}
.img_col_01 img{
width:auto;
line-height: 1;
}


}/*768*/




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

/*
.float_box{outline: 1px dashed red;}
*/

.crearfix::after{content:'';display:block;height:0;clear:both;}
.float_R{
display: block;
float:right;
margin-left: 60px;
margin-bottom: 1em;
}

img.half,
figure.half{width:620px;}
figure img{width:100%;}
figure img.w_auto{width:auto;}
img.one_third,
figure.one_third{width:393px;}
figcaption{font-size: 1.4rem; line-height: 1.6;}


@media only screen and (max-width:768px) {
.float_R{
display: block;
float:none;
margin-left: auto;
margin-right: auto;
margin-bottom: 3em;
}

img.half,
figure.half{max-width:90%;}
img.one_third,
figure.one_third{width:90%;}


}/*768*/


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

img.half{max-width:100%;}
img.one_third{width:100%;}

}/*480*/



/*flex ----------- */

.flex_box{
display: flex;
justify-content: space-between;
}

.flex_box.half>div{
/*outline: 1px dashed red;*/
width:calc(100% / 2 - 30px);
}

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

.flex_box{display: block;}
.flex_box.half>div{width:auto;}
.flex_box.half>div.box_R{margin-top:3rem;}


}/*768*/





/* .header
- - - - - - - - - - - - - - - - - - - - - - - - - - - */
.header {
  height: 70px;
}
.header a:link     { text-decoration: none; }
.header a:visited  { text-decoration: none; }
.header a:hover    { text-decoration: none; }
.header a:active   { text-decoration: none; }

.header .header-in {
  position: relative;
  width: 1300px; /* Page Width */
  height:  40px;
  margin: 0 auto;
}

/* .logo */
.header .logo {
  position: absolute;
  top:100%;
  left: 5px;
}
.header .logo a {
  display: block;
  width: 240px;
  height: 45px;
}
.header .logo a img {
  width: 120%;
}

/* .header-util */
.header .header-util {
  position: absolute;
  top: 22px;
  right: 0px;
}
.header .header-util a {
  display: block;
  width: 90px;
  height: 30px;
}
.header .header-util a img {
  width: 100%;
}

/* .header-util01 */
.header .header-util01 {
  position: absolute;
  top: 5px;
  right: 100px;
}
.header .header-util01 li {
  float: left;
  margin-left: 20px;
  font-size: 75%; /* done */
  line-height: 0.5;
}
.header .header-util01 li:first-child {
  margin-left: 0;
}
.header .header-util01 li a {
font-size: 1.2rem;
  display: block;
  width: 80px;
  padding: 0px 0 0;
  text-align: center;
  line-height: 1.7;
  background: #c8c8c8;
  color: #6e6e6e;
}
.header .header-util01 li a:hover,
.header .header-util02 li a:hover {
  color: #000;
  text-decoration: underline;
}

/* .header-util02 */
.header .header-util02 {
  position: absolute;
  top: 40px;
  right: 100px;
  width: auto;
  height: 24px;
  text-align: right;
}
.header .header-util02 li {
  display: inline;
  padding-bottom: 2px;
  font-size: 75%; /* done */
  line-height: 0.5;
}
.header .header-util02 li:last-child a {
  border-right: solid 1px #ccc;
  padding-right: 12px;
}
.header .header-util02 li a {
font-size: 1.2rem;
  color: #6e6e6e;
  padding-left: 14px;
  padding-right: 12px;
  border-left: solid 1px #ccc;
}





/* .nav-global
- - - - - - - - - - - - - - - - - - - - - - - - - - - */
.nav-global {
  height: 60px;
  background: #fff;
  border-bottom:1px solid #ccc;
  /*padding-bottom: 5px;*/
}
.nav-global .nav-global-in {
  position: relative;
  width: 1300px; /* Page Width */
  margin: 10px auto 0;
  
}
.nav-global ul li a {
  /* font-family: "Shin Go Light"; */
}

/*
.nav-global .nav-global-in > ul > li a img,
.nav-global .nav-global-in > ul > li > ul > li a img {
  width: 100%;
}

*/


.nav-global .nav-global-in > ul {
  /*border-right: solid 1px red;*/
  display: flex;
   justify-content:flex-end;
   
}
.nav-global .nav-global-in > ul > li {
  position: relative;
  /*float  : right;*/
  display: block;
  /*border-left: solid 1px blue;*/
  font-size: 87.6%; /* done */
  z-index: 1000;
  margin-left: 5px;
}
.nav-global .nav-global-in > ul > li > a {
font-size: 1.7rem;
  display: table-cell;
  vertical-align: middle;
  width: auto;
  height:54px;
  color: #000;
  text-align: center;
  text-decoration: none;
  padding-left: 1em;
  padding-right: 1em;
  position: relative;
}

.nav-global .nav-global-in > ul > li > a:hover {
  font-weight: 700;
  color: #0068B7;
  background:#fff;  
}



.nav-global .nav-global-in > ul > li > a::after {
    content: '';
    /*絶対配置で線の位置を決める*/
    position: absolute;
    bottom: -5px;
    left: 10%;
    /*線の形状*/
    width: 80%;
    height: 5px;
    background:#0068B7;
    /*アニメーションの指定*/
    transition: all .3s;
    transform: scale(0, 1);/*X方向0、Y方向1*/
    transform-origin: left top;/*左上基点*/
}

/*現在地の形状の設定*/
.nav-global .nav-global-in  li.current a::after {
    transform: scale(0.2, 1);/*X方向に0.2スケール拡大*/
}

/*現在地を含むhoverの設定*/
.nav-global .nav-global-in  li.current a:hover::after,
.nav-global .nav-global-in  li a:hover::after {
    transform: scale(1, 1);/*X方向にスケール拡大*/
}


a.current{
  border-bottom: 5px solid #0068B7;
}

/*
.nav-global .nav-global-in > ul > li:nth-child(2) > a,
.nav-global .nav-global-in > ul > li:first-child > a {
  width: 138px;
}
*/

.nav-global .nav-global-in > ul > li > ul {
  display: none;
  position: absolute;
  left: 0;
  top: 58px;
  width: auto;
  /*
  padding-top: 6px;
  padding-bottom: 6px;
  */
  /*  border-top: solid 1px #3685c0;*/
  border-top: solid 1px  rgba(255, 255, 255, 1);
  z-index: 1100;
  background: #fff;
  box-shadow: 0 5px 5px rgba(0,0,0,.2);
}

.nav-global .nav-global-in > ul > li > ul.right_0 {
left:inherit;
right: 0 !important;
}


.nav-global .nav-global-in > ul > li > ul > li {
  background: #fff;
  
}
.nav-global .nav-global-in > ul > li > ul > li > a {
font-size: 1.5rem;
  display: block;
  width: 290px;
  padding: 15px 0 15px 30px;
  background: #fff;
  color: #000;
  line-height: 1;
  text-align: left;
  text-decoration: none;
}
.nav-global .nav-global-in > ul > li > ul > li > a:hover {
  background: #ECF3F9;
}
.nav-global .nav-global-in > ul > li > ul > li.list-indent > a {
  width: 270px;
  padding-left: 50px;
}
.nav-global .nav-global-in > ul > li > ul > li:last-child {
  padding-bottom: 13px;
}

/* is-fiexd */
body.is-fixed #page .header {
  margin-bottom: 70px;
}
body.is-fixed #page .nav-global {
  position: fixed;
  width: 100%;
  height: 50px;
  left: 0;
  top: -50px;
  z-index: 1000;
}
body.is-fixed #page .nav-global .nav-global-in > ul > li > a {
  height: 40px;
  overflow: hidden;
}
body.is-fixed #page .nav-global .nav-global-in > ul > li > a {
  display: block;
  height: 34px;
  overflow: hidden;
}





body.is-fixed #page .nav-global .nav-global-in > ul > li > ul {
  top: 40px;
}


/* .breadcrumb
- - - - - - - - - - - - - - - - - - - - - - - - - - - */
.breadcrumb {clear: both;}

.breadcrumb .breadcrumb-in {
position: relative;
width: 1300px; /* Page Width */
margin: 10px auto;
padding-left: 10px;
padding-right: 10px;
color: #6e6e6e;
}

.breadcrumb ul {}

.breadcrumb ul li {
font-size: 1.2rem;
display: inline;
padding-right: 10px;
}

.breadcrumb ul li a {
color: #6e6e6e;
text-decoration: none;
}

.breadcrumb ul li a:hover {
color: #000;
text-decoration: underline;
}













/* .contents
- - - - - - - - - - - - - - - - - - - - - - - - - - - */
.contents {
  clear: both;
  padding-top: 120px;
  padding-bottom: 150px;
}

.contents-in {
  position: relative;
  width: 980px;
  margin: 0 auto;
}

/* .contents */
.company .contents {
  /*background: #dcdcdc;*/
}
.company.message .contents {
  padding-top: 1em;
  background: #fff;
}


.service .contents {
  padding-top: 0;
}

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

.contents {
  clear: both;
  padding-top:10.42vw;
  padding-bottom: 13.02vw;
}

/*
    .company .contents {
    padding-top: 238px;
  }
  .service .contents {
    padding-top: 0;
  }
  .safety .contents {
    padding-top: 219px;
  }
  .contents-in {
    width: 100%;
  }
  */
  
} /* 768 */

/*
@media only screen and (max-width: 568px) {

    .company .contents {
    padding-top: 149px;
  }
}
*/





/* .footer
- - - - - - - - - - - - - - - - - - - - - - - - - - - */
.footer {
  clear: both;
  border-top:1px solid #ddd;
}
.footer .footer-in {
  width: 1300px; /* Page Width */
  margin: 0 auto;
  padding: 40px 30px;
}

/* .footer-util */
.footer .footer-util {
  margin-bottom: 10px;
  padding-bottom:  10px;
  border-bottom: solid 2px #ccc;
}
.footer .footer-util li {
  display: inline;
  padding-bottom: 2px;
  font-size: 87.6%; /* done */
}
.footer .footer-util li:last-child a {
  border-right: solid 1px #ccc;
  padding-right: 12px;
}
.footer .footer-util li a {
font-size: 1.6rem;
  color: #6e6e6e;
  padding-left: 14px;
  padding-right: 12px;
  line-height: 0.5;
  border-left: solid 1px #ccc;
}
.footer .footer-util li a:hover {
  color: #000;
  text-decoration: underline;
}

.footer .footer-util01 {
  float: left;
  font-size: 1.1rem; /* done */
}
.footer .copyright {
  float: right;
  font-size: 1rem; /* done */
}
.footer .footer-logo {
  clear: both;
  float: right;
  margin-top: 5px;
  width: 150px;
}
.footer .footer-logo img {
  width: 100%;
}




/* .main-visual
- - - - - - - - - - - - - - - - - - - - - - - - - - - */

.main-visual {
  position: relative;
  margin-bottom: 0;
  width: 100%;
  background: #999;
  overflow: visible;
  height: 238px;
}

body.home .main-visual {
  position: inherit;
  margin-bottom: 0;
  width: 100%;
  background:#CFDBEE;
  overflow: inherit;
  height: inherit;
}

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

.main-visual {
  height:49.48vw;
}


}/*768*/




/* ============================================================================================================
　　　2025-01 更新
============================================================================================================ */


/* ---------------------------------------------------
  CSR
---------------------------------------------------- */


/* main-visual_feature ------------ */

.main-visual_feature{
height: 700px;
background-image:linear-gradient(to right,rgba(0,33,77,.3) 0%,rgba(0,33,77,.0) 80%),url(/csr/img/main_visual.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}

.outer{display: table; height: 100%;}
.inner{display: table-cell; vertical-align: middle; /*outline: 1px dashed red;*/}

.main-visual_feature .outer .h1_feature{
color: #fff;
font-size: 50px;
vertical-align:middle;
text-shadow: 0 3px 6px rgba(0,0,0,.5);
}
.main-visual_feature .outer .h1_feature>span{
font-size: 80px;
vertical-align:-8%;
}

body.csr main.csr_top{
/*padding-bottom: 150px !important;*/
background-image: url(/csr/img/csr_btm_bg.jpg);
background-repeat: repeat-x;
background-position: center bottom 50px;
}

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

.main-visual_feature{
height: 49.48vw;
}

.main-visual_feature .outer .h1_feature{
font-size: clamp(24px, 4.43vw, 34px);
}
.main-visual_feature .outer .h1_feature>span{
font-size:54px;
font-size: clamp(40px, 7.03vw, 54px);
vertical-align:-8%;
}


body.csr main.csr_top{
background-position: center bottom 6.51vw;
background-size: 200%;
}




}/*768*/



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

body.csr main.csr_top{
background-size: 250%;
}

.main-visual_feature{
height: 60vw;
}


}/*480*/






body.csr ul.list_csr{
/*outline: 2px dashed red;*/
margin-top: 120px;

display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

body.csr ul.list_csr li{
width: 393px;
}

body.csr ul.list_csr li:nth-child(n + 4){
margin-top: 10rem;
}

body.csr ul.list_csr li a{
display: block;
color: #000;
text-align: center;
}

body.csr ul.list_csr li a:hover{text-decoration: none;opacity: .6; transition:all .3s;}

body.csr ul.list_csr li a>img{
width: 100%;
box-shadow:0 3px 6px rgba(0,0,0,.1);
}

body.csr ul.list_csr li a>h3{
font-size: 2rem;
font-weight: 500;
display: inline-block;
text-align: center;
margin-top: 3rem;
padding-bottom: 5px;
border-bottom:1px solid #0068B7;
line-height: 1.4;
}

body.csr ul.list_csr li a>p{
text-align: left;
line-height: 1.7;
margin-top: 2rem;
}


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


body.csr ul.list_csr{
margin-top:10.42vw;
}


body.csr ul.list_csr li{
width:calc(100% / 2 - 10px);
}

body.csr ul.list_csr li:nth-child(n + 4){
margin-top: 0;
}
body.csr ul.list_csr li:nth-child(n + 3){
margin-top: 10.42vw;
}

body.csr ul.list_csr li a>h3{
font-size: 2.6vw;
font-size: clamp(17px, 2.6vw, 20px);
margin-top: 3.26vw;
}

body.csr ul.list_csr li a>p{
margin-top:2vw;
}


}/*768*/




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

body.csr ul.list_csr li{
width:calc(100% / 2 - 7px);
}


body.csr ul.list_csr li a>p{
font-size:1.5rem;
line-height: 1.5;
}


}/*480*/





/* csr 下層　
-------------------------------------------------------------------*/

body.csr .main-visual{
background: #ddd;
background-image:linear-gradient(to right,rgba(0,33,77,.3) 0%,rgba(0,33,77,.0) 80%),url(/common2/img/main_visual/main_visual_09.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}

.main-visual .h1{
color: #fff;
font-weight: 500;
font-size: 4rem;
vertical-align:middle;
margin-bottom: 0;
text-shadow:0 3px 6px rgba(0,0,0,.5);
}


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

.main-visual .h1{

font-size: clamp(2.8rem, 5.21vw, 4rem);
}

}/*768*/



/* csr human-rights　人権
-------------------------------------------------------------------*/

.dei_activity {
background: #ECF5FC;
padding: 3.5rem 2.5rem;
box-shadow: 0 3px 6px rgba(0,0,0,.15);
border-radius: 5px;
}

.dei_activity h3{
font-size: 2rem;
line-height: 1.4;
font-weight: 500;
padding: 15px 5px;
border-top:2px solid #0068B7;
border-bottom:2px solid #0068B7;
}

.dei_activity h4{
font-size: 1.7rem;
font-weight: 500;
color: #fff;
width: 240px;
text-align: center;
margin: 2.5rem auto;
background:#238DDD;
line-height: 3.8rem;
border-radius: 1.9rem;
}

.dei_activity ul,
.box_env ul{
list-style: disc;
margin-left: 2rem;
}

.box_env ul{margin-top: 3rem;}

.dei_activity ul li,
.box_env ul li{
line-height: 1.7;
font-size: 1.6rem;
color:#3286C5;
}

.box_env ul li{margin-top:1rem; font-size: 1.7rem;}

.dei_activity ul li>span,
.box_env ul li>span{color: #000;}




/* csr environment　環境
-------------------------------------------------------------------*/

.env_h3{
font-weight: 600;
font-size: 4.2rem;
line-height: 1.4;
color: #0068b7;
font-family: "Noto Serif", serif;
margin-top:4rem;
padding-bottom: 5px;
border-bottom:1px solid #ccc;
}

.env_h4{
font-weight: 600;
font-size: 2.8rem;
line-height: 1.4;
color: #0068b7;
font-family: "Noto Serif", serif;
margin-top:4rem;
}

.box_env,
.box_lightBlue,
.box_Blue,
.box_white{
background: #ECF5FC; 
padding: 4rem 3rem;
margin-top:4rem;
}

.env_mod_ol{display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.env_mod_ol>li{
font-size: 1.7rem;
line-height: 1.7;
margin-top: 1rem;
width:calc(100% / 2 - 30px);
}
.env_mod_ol>li.col1{width:100%;}


.env_mod_ol>li>ul{
margin-left: 1em;

}

.env_mod_ol>li>ul>li{
font-size: 1.6rem;
display: inline-block;
color: #333;
margin-right: 2em;margin-top: 0;
}


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

.box_env,
.box_lightBlue,
.box_Blue,
.box_white{
padding: 2.5rem 1.5rem;
margin-top:2rem;
}

}/*768*/



/* csr health　健康経営
-------------------------------------------------------------------*/

.health_sec4_graph{
max-width: 1100px;
margin-left: auto;
margin-right: auto;
}

.health_sec4_graph figure img{
max-width:100%;
}


.health_sec4_table{
font-size: 1.4rem;
margin-top: .5em;
margin-left: 1em;
}
.health_sec4_table td{line-height: 1.8;}







/* ---------------------------------------------------
  company 会社情報
---------------------------------------------------- */

body .main-visual{
background: #ddd;
background-image:linear-gradient(to right,rgba(0,33,77,.4) 0%,rgba(0,33,77,.0) 90%),url(/common2/img/main_visual/main_visual_04.jpg);
background-position: center center,center center;
background-size: cover;
background-repeat: no-repeat;
}

body.company.philosophy .main-visual,
body.company.privacy .main-visual,
body.company.sitemap .main-visual,
body.company.movie .main-visual,
body.company.movie .main-visual,
body.company.inquiry .main-visual{
background-image:linear-gradient(to right,rgba(77, 32, 0,.4) 0%,rgba(77, 32, 0,.0) 90%),url(/common2/img/main_visual/main_visual_01.jpg);
background-position: center center,center center;
}
body.company.about .main-visual{
background-image:linear-gradient(to right,rgba(0, 67, 157,.4) 0%,rgba(0, 67, 157,.0) 90%),url(/common2/img/main_visual/main_visual_03.jpg);
background-position: center center,center center;
}
body.company.termsandconditions .main-visual{
background-image:linear-gradient(to right,rgba(87, 113, 147,.4) 0%,rgba(87, 113, 147,.0) 90%),url(/common2/img/main_visual/main_visual_06.jpg);
}

body.company.domestic .main-visual{
background-image:linear-gradient(to right,rgba(77, 32, 0,.0) 0%,rgba(77, 32, 0,.0) 90%),url(/common2/img/main_visual/main_visual_07.jpg);
height: 480px;
background-position: center center,center top;
}
body.company.overseas .main-visual{
background-image:linear-gradient(to right,rgba(77, 32, 0,.0) 0%,rgba(77, 32, 0,.0) 90%),url(/common2/img/main_visual/main_visual_08.png);
height: 480px;
background-position: center center,center top;
}

/* our-business */
body.international .main-visual{
background-image:linear-gradient(to right,rgba(0,150,220,.99) 0%,rgba(0,150,220,.0) 90%),url(/common2/img/main_visual/main_visual_10.jpg);
background-position: center center,center center;
}
body.domestic .main-visual{
background-image:linear-gradient(to right,rgba(0,149,117,.99) 0%,rgba(0,149,117,.0) 90%),url(/common2/img/main_visual/main_visual_11.jpg);
background-position: center center,center center;
}
body.consulting .main-visual{
background-image:linear-gradient(to right,rgba(105,201,16,.99) 0%,rgba(105,201,16,.0) 90%),url(/common2/img/main_visual/main_visual_12.jpg);
background-position: center center,center center;
}
body.inhouse .main-visual{
background-image:linear-gradient(to right,rgba(250,160,20,.99) 0%,rgba(250,160,20,.0) 90%),url(/common2/img/main_visual/main_visual_13.jpg);
background-position: center center,center center;
}
body.warehouse .main-visual{
background-image:linear-gradient(to right,rgba(139,56,40,.99) 0%,rgba(139,56,40,.0) 90%),url(/common2/img/main_visual/main_visual_14.jpg);
background-position: center center,center center;
}
body.forwarder .main-visual{
background-image:linear-gradient(to right,rgba(199,31,40,.99) 0%,rgba(199,31,40,.0) 90%),url(/common2/img/main_visual/main_visual_15.jpg);
background-position: center center,center center;
}
body.ship-agency .main-visual{
background-image:linear-gradient(to right,rgba(119,104,207,.99) 0%,rgba(119,104,207,.0) 90%),url(/common2/img/main_visual/main_visual_16.jpg);
background-position: center center,center center;
}



body.company .main-visual .h1{
text-shadow:0 3px 6px rgba(0,0,0,.5), 0 0 15px rgba(0,0,0,.5);
}


@media only screen and (max-width:768px) {
body.company.domestic .main-visual,
body.company.overseas .main-visual{
height:49.48vw;
}




}/*768*/



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

body.company.domestic .main-visual,
body.company.overseas .main-visual{
background-size:250%;
}

}/*480*/




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

/*
.list_company{
outline: 2px dashed red;
}
*/

.list_company>li:nth-child(n + 2){
margin-top:3rem;
}

.list_company>li>a{
color: #fff;
padding: 1px;
background: #0068B7;
border:1px solid #0068B7;
display: flex;
justify-content: space-between;
}


.list_company>li>a:hover{
text-decoration: none;
opacity: .8;
transition:all .2s;
}

.list_company>li>a .box_L,
.list_company>li>a .box_R{
}

.list_company>li>a .box_L{
width: 265px;

position: relative;
padding: 2rem;
border-right: 1px solid #fff;
}
.list_company>li>a .box_L h2{
font-size: 2.8rem;
font-weight: 400;
}


.list_company>li>a .btn{
font-size: 1.5rem;
border-radius:2rem;
line-height: 4rem;
border:1px solid #fff;
padding-left: 2rem;
background:url(/common/img/arrow_btn_white.svg) no-repeat right 2rem center;
}
.list_company>li>a .box_L .btn{
position: absolute;
bottom:2rem;
right:2rem;
left:2rem;
}

.list_company>li>a .box_R{
width: calc(100% - 285px);
}
.list_company>li>a .box_R img{
float: right;
margin-left: 40px;
}
.list_company>li>a .box_R p{
font-size: 1.6rem;
line-height: 2;
margin: 2rem 3rem;
}



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

.list_company>li>a{
display: block;
}

.list_company>li>a .box_L{
width: auto;
position: inherit;
padding: 2rem;
border-right: none;
}

.list_company>li>a .box_L h2{
font-size: 2.8rem;
font-size: clamp(2.4rem, 3.65vw, 2.8rem);
}


.list_company>li>a .box_R{
width: auto;
padding: 2rem;
}

.list_company>li>a .box_R::after{content:'';display:block;height:0;clear:both;}

.list_company>li>a .box_R img{
float: right;
margin-left:  2rem;
margin-bottom:  2rem;
width: 48%;
}
.list_company>li>a .box_R p{
font-size: 1.6rem;
line-height: 2;
margin:0;
}
.list_company>li>a .box_R .btn{
margin-top: 2rem;
clear: both;
}


}/*768*/


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

.list_company>li>a .box_L{
padding: 2rem 1.5rem 1.5rem;
}

.list_company>li>a .box_R{
padding: 1.5rem 1.5rem 2rem;
}


.list_company>li>a .box_R img{
float: none;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 0;
width: 90%;
}
.list_company>li>a .box_R p{
font-size: 1.6rem;
line-height: 2;
margin-top: 1.5em;
}

}/*480*/





/* company philosophy 企業理念
------------------------------------------------------------------*/

body.philosophy{}


body.philosophy .box_border .mod_h2{
text-align: center;
}

.txt_philosophy{
font-size: 1.8rem;
line-height: 2.5em;
text-align: center;
}

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

body.philosophy .box_border .mod_h2{
text-align: left;
}

.txt_philosophy{
text-align: left;
font-size: 1.6rem;
line-height: 1.8;
}
}/*768*/


.box_Blue{background:#0068b7;}
.box_white{background:#fff;}
.philosophy .box_white{margin-top: 2.25rem;}


.philosophy .box_border{padding-top: 0;}
.philosophy .box_border h2{margin-top: 1.5em;}

.philosophy .box_Blue h3{
font-size: 3rem;
font-family: "Noto Serif", serif;
font-weight: 600;
color: #FFF; 
margin-top: 2em;
text-align: center;
}

.philosophy .box_white p{
font-size: 2rem;
color: #0068b7;font-weight: 500;
line-height: 2.25;
text-align: center;
margin-top: 0;
}

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


.philosophy .box_Blue h3{
font-size:2.2rem;
margin-top: 1.5em;
text-align: left;
}

.philosophy .box_white p{
font-size:1.6rem;
line-height:1.8;
text-align: left;
margin-top: 1rem;
}



}/*768*/



/* company message 社長メッセージ
------------------------------------------------------------------*/
body.company.message .main-visual {
  background: #fff;
    background-image: none;
    height:150px;
}


body.company.message .main-visual .h1{
color: #000;
text-shadow:none;
}

body.company.message .mod_p{
font-size: 1.8rem;
}

body.company.message .post{
font-size: 1.9rem;
line-height: 2;
text-align: right;
font-weight: 500;
}

body.company.message .post .name{
font-size: 150%;
}



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

body.company.message .main-visual {
height:100px;
}


body.company.message .mod_p{
font-size: 1.6rem;
}
body.company.message .post{
font-size: 1.7rem;
}



}/*768*/




/* company about 会社概要
------------------------------------------------------------------*/

/*  */
.nav-tab-5 {
}


.nav-tab-5 ul li {
  float: left;
  display: block;
  border-left: 1px solid #fff;
  width: 14.21%;
}
.nav-tab-5 ul li:first-child {
  border-left:none;
}
.nav-tab-5 ul li a {
font-size: 1.7rem;
font-weight: 500;
  display: block;
  padding: 15px 0;
  background: #0068b7;
  color: #ccc;
  text-align: center;
  vertical-align: middle;
  /* font-family: "Shin Go Light"; */
}
.nav-tab-5 ul li.is-active a {
  color: #fff;
}

@media only screen and (max-width: 768px) {
  .nav-tab-5 {
    margin:0;
  }
  
  /*
.domestic .nav-tab-5{
margin-top: 0;
}
*/

.nav-tab-5 ul li {
 width:24.85%;
 font-size: 62%;
 line-height: 1.2;
}
.nav-tab-5 ul li:nth-child(n+5) {
width:33.15%;
border-top: 1px solid #fff;
}
.nav-tab-5 ul li a {
  font-size: 1.3rem;
    width: 100%;
    height: 100%;
    padding: 15px 0;
  }
.nav-tab-5 ul li:nth-child(n+5) a {
/*height:1.3rem;*/
height:auto;
}

} /* 0 - 768 */


@media only screen and (max-width: 580px) {
.nav-tab-5 ul li {width:24.8%;}
.nav-tab-5 ul li:nth-child(n+5) {width:33.1%;}
}
@media only screen and (max-width: 580px) {
.nav-tab-5 ul li:nth-child(n+5) {width:33.07%;}
}
@media only screen and (max-width: 400px) {
.nav-tab-5 ul li {width:24.7%;}
.nav-tab-5 ul li:nth-child(n+5) {width:33%;}
}





.btn-companyprof_pdf{
	width: 260px; 
	margin:-20px 0 20px auto;
}
.btn-companyprof_pdf>a{
	display: block;
	line-height: 50px;
	text-align: center;
	font-weight: bold;
	font-size:18px;
	color: #444;
	border: 1px solid rgba(0,104,183,.5);
	background: #fff url(/common2/img/base/companyprof_pdf_btnbg.jpg) no-repeat right top;
	background-size: 180px auto;
	text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 5px #fff,0 0 10px #fff,0 0 15px #fff;
}
.btn-companyprof_pdf>a>span{font-size: 14px;}
.btn-companyprof_pdf>a:hover{opacity: .65; text-decoration: none !important;}


body.company .sec-detail h2{
font-size: 2.4rem;
font-weight: 500;
}


 @media only screen and (max-width:768px) {
 .btn-companyprof_pdf{margin: 20px auto 20px auto;}
 
 body.company .sec-detail h2{
font-size: 2rem;
}

 
}



/* Table
- - - - - - - - - - - - - - - - - - - - - - - - - - - */

.mod-table-simple caption {
  text-align: left;
  padding: 0 0 5px;
  
}
.mod-table-simple tr {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.mod-table-simple th {
font-size: 1.6rem;
font-weight: 400;
line-height: 1.8;
  text-align: left;
  width: 33%;
  padding: 10px 15px;
  background: #e3ebf9;
  white-space: nowrap;
  border-right: 1px solid #ddd;
  vertical-align: middle;
}
.mod-table-simple td {
font-size: 1.6rem;
line-height: 1.8;
font-weight: 400;
  padding: 15px;
  vertical-align: middle;
}
.mod-table-simple thead td {
  background: #f2f1eb;
  text-align: center;
}
.mod-table-simple thead th {
  background: #f2f1eb;
  text-align: center;
}
.mod-table-simple.th-short th {
  width: 200px;
}
.mod-table-simple { /* 順番 */
  width: 100%;
}

.mod-table-simple td .list_td_l .c_b{
margin-top: 1rem;
}




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

.mod-table-simple td .listbt2{
margin-bottom: 1em;
}

  .mod-table-simple th,
  .mod-table-simple td {
    display: block;
    width: 94% !important;
    padding: 2% 3%;
  }
} /* 0 - 768px */




/* normal スマホ縮小なし */
.mod-table-normal caption {
  text-align: left;
  padding: 0 0 5px;
}
.mod-table-normal tr {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.mod-table-normal th {
font-size: 1.6rem;
line-height: 1.8;
font-weight: 400;
  text-align: left;
  width: 33%;
  padding: 10px 15px;
  background: #e3ebf9;
  /*white-space: nowrap;*/
  border-right: 1px solid #ddd;
  vertical-align: middle;
}
.mod-table-normal td {
font-size: 1.6rem;
line-height: 1.8;
font-weight: 400;
  padding: 15px;
  vertical-align: middle;
}
.mod-table-normal thead td {
  background: #f2f1eb;
  text-align: center;
}
.mod-table-normal thead th {
  background: #f2f1eb;
  text-align: center;
}
.mod-table-normal.th-short th {
  width: 200px;
}
.mod-table-normal { /* 順番 */
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .mod-table-normal {
    margin-bottom: 16px;
    font-size: 87.6%; /* done */
  }
  
  .mod-table-normal th{width:40%;}
  .mod-table-normal td{width:60%;}
}




/* table history */
.mod-table-history {
  width: 100%;
  margin-top:4rem;
}
@media only screen and (max-width: 640px) {
  .mod-table-history {
    margin-bottom: 16px;
    font-size: 87.6%; /* done */
  }
}
.mod-table-history caption {
  text-align: left;
  padding: 0 0 5px;
}
.mod-table-history tr {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.mod-table-history th {
font-size: 1.6rem;
line-height: 1.8;
font-weight: 400;
  text-align: center;
  width: 25%;
  padding: 8px 15px;
  background: #e3ebf9;
  white-space: nowrap;
  border-right: 1px solid #ddd;
  vertical-align: middle;
}
.mod-table-history td {
font-size: 1.6rem;
line-height: 1.8;
font-weight: 400;
  padding: 8px 15px;
  vertical-align: middle;
}

.mod-table-history thead td {
  background: #f2f1eb;
  text-align: center;
}
.mod-table-history thead th {
  background: #f2f1eb;
  text-align: center;
}






/* company domestic 国内グループ会社  ／ overseas 海外グループ会社
------------------------------------------------------------------*/

body.company.domestic {}


body.company.group .main-visual h1{
color: #000;
margin-top: 100px;
text-shadow: none;
}

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

body.company.group .main-visual h1{
color: #000;
margin-top:20.83vw;
text-shadow: none;
}


}/*480*/



/* nav
- - - - - - - - - - - - - - - - - - - - - - - - - - - */
body.group .nav-four {
width: 1300px;
display: flex;
justify-content: space-between;
margin-top: 150px;
}
body.group .nav-two {
width: 1000px;
display: flex;
justify-content:space-around;
margin: 150px auto 0 ;
}


.group .nav-four .btn {
  width:310px;
}
.group .nav-two .btn {
  width:480px;
}
.group .nav-four .btn img,
.group .nav-two .btn img{
  width:100%;
}
/*
.group .nav-four .btn:first-child {
  margin-left: 0;
}
.group .nav-four .btn .is-active {
  opacity: 0.8;
}
*/

/*
.group .nav-two {
  position: absolute;
  left: 50%;
  top: 280px;
  width: 980px;
  height: auto;
  margin-left: -490px;
  z-index: 30;
}
.group .nav-two .btn {
  float: left;
  width: 480px;
  margin-left: 14px;
}
.group .nav-two .btn:first-child {
  margin-left: 0;
}
.group .nav-two .btn .is-active {
  opacity: 0.8;
}
*/



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

body.group .nav-four,
body.group .nav-two{
width: 100%;
margin-top:13.02vw;
}

.group .nav-four .btn {
width:calc(100% / 4 - 10px);
}
.group .nav-two .btn {
width:calc(100% / 2 - 10px);
}

body.company.group .main-visual h1{
color: #000;
margin-top: 100px;
text-shadow: none;
}

}/*768*/




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

body.group .nav-four {
flex-wrap: wrap;
width: 90%;
margin-top:8vw;
margin-left: auto;
margin-right: auto;
}
body.group .nav-two {
display: block;
width: 90%;
margin-top:8vw;
margin-left: auto;
margin-right: auto;
}

.group .nav-four .btn {
  width:48%;
  margin-top:3vw;
}
.group .nav-two .btn {
  width:100%;
  margin-top:3vw;
}

body.company.group .main-visual h1{
color: #000;
margin-top: 20.83vw;
text-shadow: none;
}

}/*480*/





/* section 内
- - - - - - - - - - - - - - - - - - - - - - - - - - - */
.group .nav-tab-5{
margin-top:40px;
}


body.company.group section{
display: flex;
justify-content: space-between;
}


body.company.group section:nth-child(n + 2){
margin-top:0;
}

body.company.group section .box_L{
padding-right: 25px; 
border-right: 1px solid #0068b7;
width: 326px;
}
body.company.group section .box_R{
width: calc(100% - 25px); 
padding-left: 25px;
}

body.company.group section .box_L h2{
font-size:2.4rem;
line-height: 1.5;
font-weight: 500;
color:#0068b7;
}
body.company.group section .box_L img{
width: 100%;
}


body.company.group section .box_R h3{
font-size:2.2rem;
font-weight: 500;
color: #0068b7;
border-left: 3px solid #0068b7;
line-height: 1.5;
padding-left: 0.333em;
border-bottom: 2px dashed #65A4D3;
padding-bottom: 3px;
}


body.company.group section .box_R h4{
font-size:2rem;
line-height: 1.5;
font-weight: 500;
color: #0068b7;
margin-top:4rem;
padding-bottom: 3px;
border-bottom: 2px dashed #65A4D3;
}

body.company.group section .box_R .mod_p{
margin-top: 1.5rem;
}

body.company.group section .box_R ul{
}
body.company.group section .box_R ul li{
font-size:1.6rem;
line-height:2;
text-indent: -4em;
margin-left: 4em;
}
body.company.group section .box_R ul li.no_indent{
text-indent: 0;
margin-left: 0;
}

.group_btn a{
display: block;
font-size: 1.8rem;
color: #fff;
padding-left: 4rem;
font-weight: 500;
width: 11rem;
line-height: 4.2rem;
border-radius: 2.1rem;
margin: 6rem auto 0;
background: #0068b7 url(/company/img/domestic/arrow_group_btn.svg) no-repeat right 6px center;
}
.group_btn a:hover{opacity: .7;text-decoration: none;transition:all .2s;}


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

.group .nav-tab-5{
margin-top:4vw;
}


body.company.group section .box_L{
padding-right: 25px; 
width: 280px;
}

}/*768*/


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

body.company.group section{
display: block;
}

body.company.group section .box_L{
padding-right: 0; 
width: auto;
border-right:none;
text-align: center;
}
body.company.group section .box_L figure{
margin-top: 0 !important;
}
body.company.group section .box_L img{
width: 80%;
margin-top: 0 !important;
margin-bottom: 0 !important;
}

body.company.group section .box_R{
margin-top:4rem;
width:auto; 
padding-left: 0;
}

}/*640*/



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



.group .nav-tab-5{
margin-top: 74vw;
}





}/*480*/









/* ------------------------------------------------------------------
 our-business 事業内容 / 国際物流 / 
------------------------------------------------------------------ */


/* box_lead
- - - - - - - - - - - - - - - - - - - - - - - - - - - */

body.our-business .box_lead{
padding: 4rem 3rem 3.5rem;
border: 5px solid rgba(0,150,220,.5);
}
body.our-business.domestic .box_lead{border: 5px solid rgba(0,149,117,.5)}
body.our-business.consulting .box_lead{border: 5px solid rgba(105,201,16,.5)}
body.our-business.inhouse .box_lead{border: 5px solid rgba(250,160,20,.5)}
body.our-business.warehouse .box_lead{border: 5px solid rgba(139,56,40,.5)}
body.our-business.forwarder .box_lead{border: 5px solid rgba(199,31,40,.5)}
body.our-business.ship-agency .box_lead{border: 5px solid rgba(119,104,207,.5)}


body.our-business .box_lead .btn_anchor{
margin-top: 3.5rem;
}

body.our-business .box_lead .btn_anchor ul{
display:flex;
 justify-content:center;
}

body.our-business .box_lead .btn_anchor ul li:nth-child(n + 2){
margin-left:2.5rem;
}

body.our-business .box_lead .btn_anchor ul li{width: 290px;}


body.our-business .box_lead .btn_anchor ul li a{
display: block;
width: 100%;
font-size: 2rem;
font-weight: 500;
text-align: center;
font-family: "Jost", serif;
color: #000;
border: 1px solid #0096DC;
border-radius: 2rem;
line-height: 4rem;
background:#fff url(/common2/img/base/arrow_ourBusiness.svg) no-repeat right 15px center;
}
body.our-business.domestic .box_lead .btn_anchor ul li a{border: 1px solid rgba(0,149,117,.99);}
body.our-business.consulting .box_lead .btn_anchor ul li a{border: 1px solid rgba(105,201,16,.99);}
body.our-business.inhouse .box_lead .btn_anchor ul li a{border: 1px solid rgba(250,160,20,.99);}
body.our-business.warehouse .box_lead .btn_anchor ul li a{border: 1px solid rgba(139,56,40,.99);}
body.our-business.forwarder .box_lead .btn_anchor ul li a{border: 1px solid rgba(199,31,40,.99);}
body.our-business.ship-agency .box_lead .btn_anchor ul li a{border: 1px solid rgba(119,104,207,.99);}


body.our-business .box_lead .btn_anchor ul li a:hover{
background:rgba(0,150,220,.1) url(/common2/img/base/arrow_ourBusiness.svg) no-repeat right 15px center;
text-decoration: none;
opacity: .7;
transition:all .2s;
}
body.our-business.domestic .box_lead .btn_anchor ul li a:hover{background-color:rgba(0,149,117,.1);}
body.our-business.consulting .box_lead .btn_anchor ul li a:hover{background-color:rgba(105,201,16,.1);}
body.our-business.inhouse .box_lead .btn_anchor ul li a:hover{background-color:rgba(250,160,20,.1);}
body.our-business.warehouse .box_lead .btn_anchor ul li a:hover{background-color:rgba(139,56,40,.1);}
body.our-business.forwarder .box_lead .btn_anchor ul li a:hover{background-color:rgba(199,31,40,.1);}
body.our-business.ship-agency .box_lead .btn_anchor ul li a:hover{background-color:rgba(119,104,207,.1);}



 @media only screen and (max-width:768px) {
 
 body.our-business .box_lead{
padding: 3rem 2rem 2.5rem;
}

 
body.our-business .box_lead .btn_anchor ul{
flex-wrap: wrap;
justify-content: space-between;
}
body.our-business .box_lead .btn_anchor ul li{width: 48%;}
body.our-business .box_lead .btn_anchor ul li:nth-child(n + 2){
margin-left:0;
}
body.our-business .box_lead .btn_anchor ul li:nth-child(n + 3){
margin-top: 1.2rem;
}
 
}/*768*/



 @media only screen and (max-width:480px) {
 
body.our-business .box_lead .btn_anchor ul{
display: block;
}
body.our-business .box_lead .btn_anchor ul li{
width: 90%;
margin: 0 auto;
}
body.our-business .box_lead .btn_anchor ul li:nth-child(n + 2){
margin-left:auto;
margin-top: 1.2rem;
}
 
}/*480*/




/* box_case
- - - - - - - - - - - - - - - - - - - - - - - - - - - */
body.our-business .box_case{
margin-top: 6.5rem;
padding:3rem;
background:#6e6e6e;
color: #fff;
}

body.our-business .box_case .box_border>ol>li{
display: flex;
justify-content: space-between;
}
body.our-business .box_case .box_border>ol>li:nth-child(n + 3){
margin-top: 4rem;
border-top: 1px dashed #fff;
padding-top: 4rem;
}


/* box_L */
body.our-business .box_case .box_L{
/*outline: 1px dashed yellow;*/
width:790px;
}

body.our-business .box_case .box_L .h_case{
font-size: 2.6rem;
font-weight: 500;
letter-spacing: 0.05em;
font-family: "Jost", serif;
}
body.our-business .box_case .box_L .h_case>span{
font-size:220%;
font-style: italic;
}

body.our-business .box_case .box_L h2{
font-size: 2.8rem;
font-weight: 400;
line-height: 1.5;
margin-top: 1em;
}

body.our-business .box_case .box_L .waku{
border: 1px dotted white;
padding: 1rem 1.5rem;
margin-top: 2em;
}


/* box_R */
body.our-business .box_case .box_R{
/*tline: 1px dashed yellow;*/
width:350px;
}



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

body.our-business .box_case{
margin-top:8.46vw;
padding:2rem;
}

body.our-business .box_case .box_border>ol>li{
display: block;
}

body.our-business .box_case .box_L{
width:auto;
}
body.our-business .box_case .box_R{
width:90%;
margin: 3rem auto 0;
}

body.our-business .box_case .box_L .h_case{
font-size: clamp(2rem, 3.39vw, 2.6rem);
}
body.our-business .box_case .box_L h2{
font-size: clamp(2.2rem, 3.65vw, 2.8rem);

}

}/*768*/


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

body.our-business .box_case{
padding:1.5rem;
}

}/*480*/



/* link_ourBusiness
- - - - - - - - - - - - - - - - - - - - - - - - - - - */

.link_ourBusiness{
display: flex;
justify-content: space-between;
margin-top:8rem;
}
body.home .link_ourBusiness{
flex-wrap: wrap;
justify-content:flex-start;
margin-top:4rem;
}

.link_ourBusiness li{
width:calc(100% / 7);
text-align: center;
}
body.home .link_ourBusiness li{
width:calc(100% / 3);
}
body.home .link_ourBusiness li{}

body.home .link_ourBusiness li.extra{ 
width:66.66666%;
}

.link_ourBusiness li .div_position{
position: relative;
}

.link_ourBusiness li .div_position>p{
font-size: 2rem;
line-height: 1.3;
color: #fff;
width: 90%;
 position: absolute;
 top: 50%;
 left: 50%;
 font-weight: 500;
 transform: translate(-50%, -50%);
 -webkit-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
z-index: 10;
text-shadow: 0 0 10px rgba(0,0,0,.5);
}

body.home .link_ourBusiness li .div_position>p{
font-size:4rem;
font-weight: 300;
}


.link_ourBusiness li .div_position .div_img::after{
content:'';
background:rgba(0,150,220,.8);
position: absolute;
 top: 0;left: 0;right: 0;bottom: 0;
}
.link_ourBusiness li.domestic .div_position .div_img::after{background:rgba(0,149,117,.8);}
.link_ourBusiness li.consulting .div_position .div_img::after{background:rgba(105,201,16,.8);}
.link_ourBusiness li.inhouse .div_position .div_img::after{background:rgba(250,160,20,.8);}
.link_ourBusiness li.warehouse .div_position .div_img::after{background:rgba(139,56,40,.8);}
.link_ourBusiness li.forwarder .div_position .div_img::after{background:rgba(199,31,40,.8);}
.link_ourBusiness li.ship-agency .div_position .div_img::after{background:rgba(119,104,207,.8);}
.link_ourBusiness li.extra .div_position .div_img::after{background:rgba(119,104,207,.0);}


.link_ourBusiness li a:hover .div_position .div_img::after,
.link_ourBusiness li.is_active .div_position .div_img::after{
background:rgba(0,150,220,.3);
transition:all .2s;
}
.link_ourBusiness li.domestic a:hover .div_position .div_img::after,
.link_ourBusiness li.domestic.is_active .div_position .div_img::after{
background:rgba(0,149,117,.3);
}
.link_ourBusiness li.consulting a:hover .div_position .div_img::after,
.link_ourBusiness li.consulting.is_active .div_position .div_img::after{
background:rgba(105,201,16,.3);
}
.link_ourBusiness li.inhouse a:hover .div_position .div_img::after,
.link_ourBusiness li.inhouse.is_active .div_position .div_img::after{
background:rgba(250,160,20,.3);
}
.link_ourBusiness li.warehouse a:hover .div_position .div_img::after,
.link_ourBusiness li.warehouse.is_active .div_position .div_img::after{
background:rgba(139,56,40,.3);
}
.link_ourBusiness li.forwarder a:hover .div_position .div_img::after,
.link_ourBusiness li.forwarder.is_active .div_position .div_img::after{
background:rgba(199,31,40,.3);
}
.link_ourBusiness li.ship-agency a:hover .div_position .div_img::after,
.link_ourBusiness li.ship-agency.is_active .div_position .div_img::after{
background:rgba(119,104,207,.3);
}

.link_ourBusiness li .div_position img{
width: 100%;
}





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

.link_ourBusiness{
flex-wrap: wrap;
justify-content:flex-start;
margin-top: 10.42vw;
}
.link_ourBusiness li{
width:calc(100% / 4);
}
.link_ourBusiness li .div_position>p{
font-size: clamp(1.7rem, 2.6vw, 2rem);
}

}/*768*/



@media only screen and (max-width:480px) {
.link_ourBusiness li{
width:calc(100% / 3);
}


}/*480*/



/* ------------------------------------------------------------------
 quality index 品質の向上
------------------------------------------------------------------ */

body.quality .main-visual{
background: #ddd;
background-image:linear-gradient(to right,rgba(0,0,0,.4) 0%,rgba(0,0,0,.0) 90%),url(/quality/img/main_visual.jpg);
background-position: center top;
background-size: cover;
}

body.quality .main-visual .h1{
text-shadow:0 3px 6px rgba(0,0,0,.5), 0 0 15px rgba(0,0,0,.5);
}

body.quality .main-visual p{
font-size: 1.6rem;
color: #fff;
margin-top: 3.2rem;
padding-left: 2rem;
border-left:1px solid #fff;
line-height: 1.7;
text-shadow: 0 0 6px rgba(0,0,0,.5);
}


/* anchor */
body.quality .anchor{
margin-top:6rem;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
/*outline: 2px dashed red;*/
}

body.quality .anchor>li{
width:49%;
}
body.quality .anchor>li:nth-child(n + 3){margin-top: 2.3rem;}

body.quality .anchor>li>a{
display: block;
font-weight: 500;
border:1px solid #3286C5;
box-shadow: 0 3px 6px rgba(0,0,0,.1);
background: #fff url(/quality/img/arrow_down.svg) no-repeat center bottom 1.8rem;
min-height: 170px;
}
body.quality .anchor>li:nth-child(n + 3)>a{
min-height: 140px;
}

body.quality .anchor>li>a:hover{
text-decoration: none;
opacity: .8;
}

body.quality .anchor>li .head{
display: flex;
}

body.quality .anchor>li .head .initiative{
font-size: 1.4rem;
background: #CCE5F8;
color: #333;
font-weight: 500;
line-height: 1.1;
width: 80px;
height: 72px;
text-align: center;
padding-top: 8px;
border-bottom-right-radius: 10px; 
margin-right: 2rem;
}

body.quality .anchor>li .head .initiative>span{
font-size: 5rem;
font-family: "Jost", serif;
font-style: italic;
}

body.quality .anchor>li .head .headline{
font-size: 2.2rem;
line-height: 1.36;
margin-top: .8rem;

}

body.quality .anchor>li ul{
font-size: 1.6rem;
margin: 2rem 2rem 3rem 0;
color: #000;
}

body.quality .anchor>li ul li{
margin-top: 1rem;
margin-left: 1em;
line-height: 1.7;
text-indent: -1em;
}

body.quality h3 .tag{
background: #CCE5F8;
font-size: 1.4rem;
line-height: 36px;
display: inline-block;
vertical-align: middle;
padding: 2px 12px;
margin-right: 15px;
border-bottom-right-radius:5px;
}
body.quality h3 .tag>span{
font-size: 3rem;
font-family: "Jost", serif;
font-style: italic;
vertical-align: middle;
margin-left: 0.2em;
font-weight: 500;

}


@media only screen and (max-width:768px) {
/* anchor */
body.quality .anchor{
margin-top:6rem;
display: block;
}

body.quality .anchor>li{
width:auto;
}

body.quality .anchor>li>a{
background: #fff url(/quality/img/arrow_down.svg) no-repeat center bottom 1.2rem;
}

body.quality .anchor>li:nth-child(n + 2){
margin-top: 1.5rem;
}

body.quality .anchor>li>a,
body.quality .anchor>li:nth-child(n + 3)>a{
min-height: inherit;
}


body.quality .anchor>li .head .initiative{
font-size: 1.1rem;
background: #CCE5F8;
color: #333;
font-weight: 500;
line-height: 1.1;
width: 64px;
height: 56px;
text-align: center;
padding-top: 8px;
border-bottom-right-radius: 5px; 
margin-right: 1.6rem;
}
body.quality .anchor>li .head .initiative>span{
font-size:3.5rem;
}

body.quality .anchor>li .head .headline{
font-size: 2rem;
margin-top: .6rem;
margin-right: 1rem;
/*width: calc(100% - 80px);*/
}

body.quality .anchor>li ul{
margin: 1rem 1rem 4rem 0rem;
}



}/*768*/





/* ---------------------------------------------------
  inquiry お問い合わせ
---------------------------------------------------- */


.inquiry-btn{max-width: 450px; margin: 40px auto; text-align: center;}
.inquiry-btn a{ display: block; text-decoration: none; line-height: 60px; background: #0068b7; color:#fff; border-radius: 5px; font-size:1.8rem;}
.inquiry-btn a:hover,
.agreement-btn a:hover{opacity: .7; transition:all .3s;}

.agreement-btn{max-width: 500px; margin: 40px auto; text-align: center;}
.agreement-btn a{ display: block; text-decoration: none; line-height: 1.5; background: #D5E1F2; color:#333; font-weight: bold; border-radius: 5px; padding: 15px 5px; border: 1px solid #bbb;font-size:1.8rem;}
.agreement-btn a span{display: inline-block;}

hr.dotted {
  height: 1px;
  border: none;
  border-top: 1px #000000 dotted;
  margin: 60px 0;
}