@charset "UTF-8";

/* Edge 対策 */
#main_nav .child dd {
      font-size: 1rem;
      padding: 3.1em 2em;
	  white-space: nowrap;}
  @media screen and (max-width: 768px) {
        #main_nav .child dd {
          font-size: 3.47vw;
          padding: 0;
          width: 50%; } }



#kv::before {display: none;}
#kv::after {display: none;}
#kv { padding-bottom: 40% !important;background-size: 100%;margin-bottom: 100px;}
#kv_text {top: 0 !important;}
  @media screen and (max-width: 768px) {#kv { padding-bottom:60% !important;margin-bottom: 30px;    background-size: contain;background-position: left center;}
  #kv2 .img {height: 60vw;}
  #kv_text {padding-top: .5vw;}}
#kvRight .img {background-size: cover;}
#main {display: block;}
#main a.imgwrap img {
      transition: all 300ms ease-out; }
#main a.imgwrap:hover img {
      transform: scale(1.08); }
#main_nav > li {font-size: 1.125rem;}
#main_nav .child li {font-size: 1rem;}
#sub_nav li {font-size: .9375rem;}
#main_nav > li > a span::after {z-index: 10002;}
.news_list .date {color: #747474;}

.btn_box {
	display: block;
	margin: 1rem auto;
}

.btn_box a.ic_pdf {
	display: block;
	width: 250px;
	margin: 0 auto;
	background-attachment: scroll;
	background-image: url(/static/img/ic_PDF.png);
	background-position: 12% center;
	background-repeat: no-repeat;
	background-size: 18px auto;
	border: 1px #7E7E7E solid;
	background-color: #fff;
	color: #333333;
	text-align: center;
	padding: 1.2em 0em 1.2em 1em;
	font-size: .875rem;
	letter-spacing: .05em;
}

.btn_box2_wrap {
	display: flex;
	justify-content: center;
	margin: 1rem auto;
}

.btn_box2 {
	display: flex;
}

.btn_box2 a.ic_pdf2 {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 380px;
	margin: 0 auto;
	background-attachment: scroll;
	background-image: url(/static/img/ic_PDF.png);
	background-position: 12% center;
	background-repeat: no-repeat;
	background-size: 18px auto;
	border: 1px #7E7E7E solid;
	background-color: #fff;
	color: #333333;
	padding: 1.2em 0em 1.2em 1em;
	font-size: .875rem;
	letter-spacing: .05em;
	box-sizing: border-box;
}
.btn_box2:first-child {
	margin-right: 30px;
}

@media screen and (max-width: 768px) {
	.btn_box2_wrap {
		display: block;
	}
	.btn_box2 {
		display: block;
	}
	.btn_box2 a.ic_pdf2 {
		width: 90vw;
		padding: 1.2em 1.2em 1.2em 4.2em;
	}
	.btn_box2:first-child {
		margin: 0 0 1em 0;
	}
}

.news_list li.center { text-align: center; letter-spacing: .05em;}

.cf:before,
.cf:after {content: " ";display: table;}
.cf:after {clear: both;}
.cf {*zoom: 1;}

p {
	font-size: 16px;
	line-height: 2.5em;
	padding-bottom: 1em;}
img { vertical-align: bottom;}
.taC {text-align: center!important;}
.taR {text-align: right!important;}
.taL {text-align: left!important;}
.mt20 {margin-top: 20px !important;}
.mt10 {margin-top: 10% !important;}
.imgC {	text-align: center;	margin: 0 auto 10% auto;}

.PCimg { display: inline-block;}
.SPimg { display: none;}

.content_list strong span.black {
    color: #333;}
.content_list strong span.black2 {
	border-bottom-color: #333;
    color: #333;}

.breadcrumb {
	display: block;}
.breadcrumb ol {
	letter-spacing: -.5em;
	margin: 0 auto;
	max-width: 1200px;
	padding: 15px 0;}
.breadcrumb li {
	color: #000000;
	display: inline-block;
	letter-spacing: 0;
	margin-right: .5em;
	font-size: .9375rem;}
.breadcrumb li.red {
	color: #E60012;}
.breadcrumb li a {
	margin-right: .5em;
	color: #7E7E7E;}
.breadcrumb li a:link, .breadcrumb li a:visited, .breadcrumb li a:hover, .breadcrumb li a:active {
	color: #7E7E7E;
	text-decoration:underline;}



.second_content {
	margin-bottom: 50px; }
#news-release.second_content {padding-top: 30px;}
.second_content h1 {
    font-size: 32px;
    line-height: 1.8;
    margin:0 auto 2.3em auto;
    text-align: center;}
.second_content h1 strong {
    border-bottom-color: #dc000c;
    border-bottom-style: solid;
    border-bottom-width: 4px;
    display: inline-block;
    padding: 0 0.1em;}
.second_content h1.privacy {
    line-height: 1.3em;}
.second_content h1 span {
    font-size: 1rem;
	line-height: 2.3em;}
.second_content h2 {
    font-size: 26px;
    line-height: 1.8;
    margin:0 auto;
	padding-bottom: 1em;
    text-align: center;
	font-weight: bold;}
.second_content h3 {
	color: #E60012;
	font-size: 24px;
	padding-bottom: 1em;
	font-weight: bold;
	text-align: center;}
.second_content h3.line {
	color: #E60012;
	font-size: 24px;
	display: flex;
	font-weight: bold;
	align-items: center;}
.second_content h3.line:before,
.second_content h3.line:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	background: #E60012;
	display: block;}
.second_content h3.line:before {
	margin-right: .4em;}
.second_content h3.line:after {
	margin-left: .4em;}
.second_content h4 {
    font-size: 20px;
    line-height: 1.8;
    margin:0 auto;
    text-align: left;
	font-weight: bold;
	color: #E60012;}
.second_content h4.black {
    text-align: center;
	font-weight: bold;
	color: #333;}
.second_content h5 {
    font-size: 18px;
    line-height: 1.8;
    margin:0 auto;
    text-align: left;
	font-weight: bold;
	color: #E60012;}
.second_content h6 {
    font-size: 16px;
    line-height: 1.8;
    margin:0 auto;
    text-align: center;
	font-weight: bold;
	color: #E60012;}

#mainvisual {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 260px;
    margin: 0 auto;
	position: relative; }
#domestic-transportation #mainvisual {
    background-image: url(../img/services/domesticBg.png);
	margin-bottom: 3%;}
#overseas-transportation #mainvisual {
    background-image: url(../img/services/overseasBg.png);
	margin-bottom: 3%;}
#safety-operation #mainvisual {
    background-image: url(../img/csr/safetyBg.png);}
#environment #mainvisual {
    background-image: url(../img/csr/environmentBg.png);}
#society #mainvisual {
    background-image: url(../img/csr/societyBg.png);}
#employee #mainvisual {
    background-image: url(../img/csr/employeeBg.png);}
#mainvisual span {
    font-size: 32px;
    line-height: 1.8;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    top: 90px;
	left: 0;
	right: 0;}
#mainvisual strong {
    border-bottom-color: #dc000c;
    border-bottom-style: solid;
    border-bottom-width: 4px;
    display: inline-block;
    padding: 0 0.1em;
    box-sizing: border-box;}



.contentArea {
    padding: 0;
	display: block;
    margin: 0 auto;
    width: 1000px;
	position: relative;}
.contentArea2 {
    padding: 0;
	display: block;
    margin: 0 auto;
    width: 1100px;
	position: relative;}

/* company */
.content_list strong span.black4 {
    color: #fff;
	border-bottom: none;
    display: block;
    font-size: 1.875rem;
    font-weight: normal;
    letter-spacing: 0.1em;
    margin: 0;
    position: absolute;
    top: 50%;
    text-align: center;
    width: 100%;
	padding: 0;
    z-index: 1; }
.content_list strong span.black5 {
    color: #000;
	border-bottom: none;
    display: block;
    font-size: 1.875rem;
    font-weight: normal;
    letter-spacing: 0.1em;
    margin: 0;
    position: absolute;
    top: 50%;
	left: 15%;
	padding: 0;
    z-index: 1;}

.company_list {
	display: flex;
	flex-wrap: wrap; }
.company_list li {
	position: relative;
    width: 33.333%; }
.company_list a {
   display: block; }
.company_list strong {
    color: #fff;
    display: block;
    font-size: 1.875rem;
    font-weight: normal;
    letter-spacing: 0.1em;
    margin-top: -1em;
    position: absolute;
    top: 50%;
    text-align: center;
    width: 100%;
    z-index: 1; }
.company_list strong span {
      display: inline-block;
      line-height: 1;
      padding: 0 0.1em 0.3em; }
.company_list strong span.black3 {
    color: #333;
	border-bottom: none;}

/* about */
.second_content h1.about {
    margin: 0 auto 1em auto;
    text-align: center;}
#about {
    background-image: url(../img/aboutus/aboutBg.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% auto;
	padding: 130px 0 100px 0;
	position: relative;}
.aboutTxt {
	color: #FFF;
	text-align: center;
	line-height: 2.5em;
	font-size: 1.25rem;
	letter-spacing: 0.2em;}

.aboutList {
	margin:5% auto 0 auto;
	padding: 0;
	text-align: center;}
.aboutList li {
	display: inline-block;
	width: 31%;
	margin-right: 2%;
	text-align: left;}
.aboutList li:last-child {
	margin-right: 0;}
.aboutList li span {
	display: block;
	padding-top: 0.3em;
	color: #FFF;
	font-size: 1rem;
	text-align: left;
	line-height: 1.8em;
	letter-spacing: 0.1em;}
.aboutList li span a {
    background-image: url(../img/ic/ar_r_white.png);
    background-position: center left;
    background-repeat: no-repeat;
	padding-left: 10px;
	color: #FFF;
	display: block;}

.messageBg {
    background-image: url(../img/aboutus/messageBg.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
	padding: 0 0 0 0;
	position: relative;}

.president {
	position: absolute;
	bottom: 0;
	right: 0;}
/*.president {
	position: absolute;
	bottom: 0;
	}*/

.messageTxt_wrap {
	padding:55px 0 44px 0;
}

/*.messageTxt {
	width: 700px;
	padding:50px 0 30px 0;}*/
/*.messageTxt {
	width: 650px;
	padding:50px 0 30px 0;
	margin-left: 450px;}*/
.messageTxt {
	width: 660px;}

.messageTxt_full {
	width: 100%;}

.messageTxt p {
	line-height: 1.8em;
	font-size: 16px;}

.messageTxt_full p {
	line-height: 1.8em;
	font-size: 16px;}

@media screen and (max-width: 768px) {
	.messageTxt_full p {
	font-size: 4vw;
	line-height: 2em;}
}

span.subText {
	font-size: 70%;
	vertical-align: bottom;
	position: relative;
	top: 0.1em;
}

.presidentName {
	text-align: right;
	margin-top: 20px;
	margin-right: 20px;}

/* profile */
.profileBg {
    background-image: url(../img/aboutus/profileBg.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
	padding: 100px 0 0px 0;
	position: relative;}
.profileflag {
	position: absolute;
	bottom: 0;
	right: 0;}



/* officer */
.officerTtl {
	font-weight: bold;
	font-size: 1.375rem;
	padding: 1em 0;}
.officerTtl span {
	font-weight: normal;
	font-size: .875rem;
	padding-left: 1em;}
.table_officer {
	margin: 0 auto 3em auto;
	padding: 0;
	width: 100%;}
.table_officer th {
	border-bottom-color: #E0E0E0;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	line-height: 2em;
	padding: 1em;
	text-align: left;
	font-weight: bold;
	vertical-align: top;}
.table_officer th.name {width:30%;}
.table_officer th.profile {width:25%;}
.table_officer td {
	border-bottom-color: #E0E0E0;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	line-height: 2em;
	padding: 1em;
	font-weight: normal;}

/* history */
.historyList {
	margin: 0 auto 50px auto;
	max-width: 1000px;}
.historyList ul {
	margin:0 auto;
	text-align: center;}
.historyList ul li {
	float:left;
	line-height: 1.5em;
	margin: 0;
	padding: 0 20px;
	border-left: 1px #333 solid;}
.historyList ul li:last-child {
	border-right: 1px #333 solid;}
.historyList ul li a {
	display:block;
	font-size:1rem;
	padding: 0 0 0 15px;
	background-image: url(/static/img/ic/ar_b_red.png);
    background-position: left center;
    background-repeat: no-repeat;}
.historyList ul li.current a {
	color:#333;}


.timeline_container {
    position: relative;
    padding: 0;
	min-width: 1250px;}
.timeline_container::before {
	content: " ";
    position: absolute;
    top: 1.5%;
    left: 50%;
    height:99%;
display: block;
    width: 5px;
	text-align: center;
	margin-left: -2.5px;
	border-radius: 40px 40px;
    background: #E60012;}

.timeline_container::after {
	content: "";
	background-image: url(/static/img/aboutus/historyLine1.png);
    background-repeat: no-repeat;
	width: 30px;
	height: 18px;
	position: absolute;
	left: 50%;
	text-align: center;
	margin-left: -15px;}

.historyBox {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 0 auto;
    width: 1100px;
	position: relative;}
.historyBox .ship {
	order: 1;
	width: 50%;
	margin: 0 auto;
	padding: 50px 3%;
	position: relative;}
.historyBox .chronology {
	order: 2;
	width: 50%;
	margin: 0 auto;
	padding: 50px 3%;
	position: relative;}
.age {
	position: absolute;
	top: 40px;
	left: 41.5%;}



.historyBoxY {
	background-color: #FEF7F2; z-index: 1;}
.historyBoxW {
	background-color: #FFFFFF; z-index: 1;}

.historyList2 {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 0.8rem; }
.historyList2 .txtarea {
    width: 57%;
	/*float: left;*/}
.historyList2 .txtarea p {
	font-size: .875rem;
	line-height: 1.5em;}
.historyList2 figure {
	width: 40%;
  	margin: 0 3% 0 0;
	padding: 0;}


.historyList3 {
	margin: 0 auto;}
.historyList3 ul {
	margin:0 auto;
	text-align: center;}
.historyList3 li {
	display: inline-block;
	line-height: 1.5em;
	width: 175px;
	margin: 0 5% 2% 0;
	padding: 0;}
.historyList3 li span {
	display: block;
	font-size: .875rem;
    line-height: 1.4;
    margin: 0.3em 0;}

.historyList4 {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
.historyList4 dt{ width: 18%;padding-bottom: .6em;
	font-size: .875rem;
	margin-bottom: 0.4em;}
.historyList4 dd{width: 80%;
    font-size: .875rem;
	margin-bottom: 0.4em;
	position: relative;}

.ph_1950 {
	display: block;
	position: absolute;
	top: 8%;
	right: 0;}
.ph_1990 {
	position: absolute;
	bottom:5%;
	right: 0;}
.ph_2000_1 {
	position: absolute;
	top:5%;
	right: 0;}
.ph_2000_2 {
	position: absolute;
	top:29.5%;
	right: 0;}
.ph_2010 {
	position: absolute;
	top:190px;
	right: 0;}


.ph_1950 span,
.ph_1990 span,
.ph_2000_1 span,
.ph_2000_2 span,
.ph_2010 span {
	display: block;
	text-align: right;
	font-size: .8rem;
	line-height: 1.5em;
	padding-top: 0.3em;}

.ph_1950SP,
.ph_1990SP,
.ph_2000_1SP,
.ph_2000_2SP,
.ph_2010SP  {
	display: none;}



.historyList ul li a {
	display:block;
	font-size:1rem;
	padding: 0 0 0 15px;
	background-image: url(/static/img/ic/ar_b_red.png);
    background-position: left center;
    background-repeat: no-repeat;}



/* office */
.officeTtl {
  display: inline-block;
  position: relative;
  padding: 0.3em 2.5em 0.3em 1em;
  background: #E60012;
  font-size: 20px;
  color: #fff;
  margin-right: -33px;
  line-height: 1.3;
  z-index:-1;}
.officeTtl:before {
  position: absolute;
  content: '';
  right: -2px;
  top: -2px;
  border: none;
  border-right: solid 40px white;
  border-bottom: solid 79px transparent;
  z-index:-2;}

.officeList,
.officeList2 {
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 1em 0;
  border-bottom:1px solid #E0E0E0;}
.officeList .txtarea {
    max-width: 50%;
	line-height: 2.3em;
	padding-top: 1em;}
.officeList2 .txtarea {
    width: 35%;
	line-height: 2.3em;
	padding: 0;}
.officeList2 .txtarea2 {
    width: 65%;
	line-height: 2.3em;
	padding: 0;}
.officeList .txtarea h4,
.officeList2 .txtarea h4 {
	font-size: 18px;
	color:#333;
	text-align: left;
	padding:0;}
.officeList figure,
.officeList2 figure {
    margin: 0;
	line-height: 2.3em;}

/* business */
.domesticBox {
    background-image: url(../img/services/domesticBg2.png);
    background-position: top right;
    background-repeat: no-repeat;
	padding: 50px 0 50px 0;
	position: relative;}
.overseasBox {
    background-image: url(../img/services/overseasBg2.png);
    background-position: top center;
    background-repeat: no-repeat;
	padding: 50px 0 50px 0;
	position: relative;}

.businessList {
	letter-spacing: -.5em;
	margin: 0 auto 50px auto;
	text-align: center;
	padding: 0;}
.businessList li {
	display: inline-block;
	letter-spacing: 0;
	margin: 0;
	padding: 0;
	position: relative;}
.businessList li span {
	color: #FFF;
	font-size: 13px;
	position: absolute;
	left: 1em;
	bottom: 1em;}

.scrollBox {
	display: none;}
.table_overseas {
	margin: 0 auto 15px auto;
	padding: 0;
	width: 100%;
	border-left: 2px #FFF solid;
	border-top: 2px #FFF solid;}
.table_overseas th {
	width: 19%;
	border-right: 2px #FFF solid;
	border-bottom: 2px #FFF solid;
	background-color: #FBDDD7;
	padding: 5px;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;}
.table_overseas th.name {
	width: 24%;}
.table_overseas td {
	border-right: 2px #FFF solid;
	border-bottom: 2px #FFF solid;
	background-color: #f1f1f1;
	line-height: 1.8em;
	padding: 5px;
	text-align: center;
	font-weight: normal;
	vertical-align: middle;}
.table_overseas td.bold {
	font-weight: bold;}
.table_overseas td span {
    background-image: url(../img/ic/icon_ship.png);
    background-position: right top;
    background-repeat: no-repeat;
	padding-right: 15%;}
.inline-content {
    margin: 20px;}

/* CSR */
.yellowBox {
	background-color: #FEFCF1;
	width: 100%;
	padding: 3% 0 2% 0;;
	margin-bottom: 5%;}
.blueBox {
	background-color: #F5FBFE;
	width: 100%;
	padding: 3% 0 2% 0;
	margin-bottom: 5%;}

.redBox {
	max-width: 1000px;
    margin: 3% 0;
    padding: 1% 0;
  	border-top: 1px #E60012 solid;
	border-bottom: 1px #E60012 solid;}
.imgBox,
.imgBox2 {
	max-width: 1000px;
    margin: 3% 0;
    padding: 1% 0;
	position: relative;}
/*.domesticBtn {
	position: absolute;
	left: 0;
	bottom: 0;}*/
.redBox h4 {
    font-size: 18px;
    line-height: 2.5em;
    margin:0 auto;
    text-align: center;
	font-weight: bold;
	color: #333;}
.imgBox2 h5 {
    font-size: 18px;
    line-height: 2.5em;
    margin:0 auto;
    text-align: left;
	font-weight: bold;
	color: #E60012;}
.redBox .txtarea {
    max-width: 55%;
	margin-right: 3%;
	float: left;}
.imgBox2 .txtarea {
    max-width: 65%;
	margin-right: 3%;
	float: left;}
.imgBox2 .txtarea2 {
    max-width: 55%;
	margin-right: 0;
	float: left;}
.imgBox2 .txtarea3 {
    max-width: 100%;
	margin-right: 0;
	float: left;}
.imgBox .txtarea {
    max-width: 60%;
	margin-right: 3%;
	float: left;}
.imgBox figure,
.imgBox2 figure,
.redBox figure {
	float: right;
	margin: 0;
	padding: 0;
	display: inline-block;
	position: relative;}
.imgBox2 figure span {
	color: #FFF;
    font-size: 13px;
    position: absolute;
    left: 2em;
    bottom: 1em;}
.imgRight {
	float: right;
    margin: 0 0 0 25px;}
.redBox figure img,
.imgBox2 figure img,
.imgRight img {
	margin-left: 10px;}

.table_safety {
	margin: 1em auto 3em auto;
	padding: 0;
	width: 85%;
	border-top: 1px #E0E0E0 solid;
	border-left: 1px #E0E0E0 solid;}
.table_safety th {
	border-right: 1px #E0E0E0 solid;
	border-bottom: 1px #E0E0E0 solid;
	background-color: #FFF8E0;
	padding: 0.8em 1.5em;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;}
.table_safety td {
	border-right: 1px #E0E0E0 solid;
	border-bottom: 1px #E0E0E0 solid;
	line-height: 2em;
	padding: 0.8em 1.5em;
	text-align: center;
	font-weight: normal;}

.societyList {
	text-align: center;
	margin: 0 auto;}
.societyList li {
	display: inline-block;
	font-weight: bold;
    padding-bottom: 5px;
    position: relative;
    padding-left:17px;
	margin-right: 2em;}
.societyList li:last-child {
	margin-right: 0;}
.societyList li:before {
    background: #e60012;
    content: "";
    height: 12px;
    width: 12px;
    left: 0;
    position: absolute;
    top: 5px;}

.employeeBg2 {
    background-image: url(../img/csr/employeeBg2.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% auto;
	padding: 0 0 50px 0;
	position: relative;
	margin: 3% 0;
}

.employee_project {
	border: 1px #D7000F solid;
	border-radius: 20px;
	width: 280px;
	padding: 45px 25px 20px 25px;
	position: relative;
	line-height: 1.8em;
	font-size: 16px;}
.employee_project .ttl {
	position: absolute;
	top: -30px;
	left: 0;
	right: 0;
	text-align: center;
	margin: 0 auto;}

.employeeL {
	float: left;
	display: inline-block;
	margin-right: 15px;}
.employeeR {
	float: left;
	display: block;
	margin-bottom: 15px;}

.linkbanner_wrap {
	max-width: 1000px;
	margin: 3.125rem auto 0;
}
.linkbanner_list {
	display: flex;
}
.linkbanner_list li {
	border-right-color:#e0e0e0;
	border-right-style: solid;
	border-right-width: 1px;
	cursor: pointer;
	width: 33.3%;
	padding: 0 1.875rem;
	font-size: 0.75rem;
}
.linkbanner_list li:first-child {
	border-left-color: #e0e0e0;
	border-left-style: solid;
	border-left-width: 1px;
}
.linkbanner_list a {
	display: flex;
	align-items: center;
}
.linkbanner_logo {
	display: block;
	width: 26%;
	margin-right: 11%;
}
.linkbanner_item {
	display: block;
	width: 63%;
}
.linkbanner_item span.linkbanner_title {
	display: block;
	font-size: 0.875rem;
	font-weight: bold;
	margin-bottom: 0.5em;
}

@media screen and (max-width: 768px) {
	.linkbanner_wrap {
		width: 84vw;
	}
	.linkbanner_list {
		display: block;
	}
	.linkbanner_list li {
		border-right: none;
		border-bottom-color:#e0e0e0;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		width: 100%;
		padding: 1rem 0;
	}
	.linkbanner_list li:first-child {
		border-left: none;
		border-top-color: #e0e0e0;
		border-top-style: solid;
		border-top-width: 1px;
	}
	.linkbanner_item span.linkbanner_title {
		font-size: 3.5vw;
	}
}

/* news_area */
.newsList {
	margin: 0 auto 50px auto;
	max-width: 1000px;}
.newsList ul {
	margin:0 auto;
	text-align: center;}
.newsList ul li {
	float:left;
	width:6em;
	line-height: 1em;
	margin-right: 1em;}
.newsList ul li a {
	display:block;
	background:#F5F5F5;
	font-size:14px;
	padding:10px 15px;
	background-image: url(/static/img/ic/ar_r_red.png);
    background-position: 15px center;
    background-repeat: no-repeat;}
.newsList ul li.current a {
	color:#BABABA;
	background:#F5F5F5;}
.newsTtl {
	font-weight: bold;
	font-size: 1.5rem;
	padding: 1em 0;}

.news_area2 {
    padding: 60px 0;}
.pagination {
	letter-spacing: -.5em;
	list-style-type: none;
	margin-top: 20px;
	text-align: center;}
.pagination li {
	border-color: #707070;
	border-style: solid;
	border-width: 1px;
	color: #333333;
	display: inline-block;
	letter-spacing: 0;
	margin: 0 .5em;
	text-align: center;
	width: 1.5em;
	font-size: 0.875rem;}
.pagination .bordernone {
	border: none;}
.pagination a {
	background-color: #FFF;
	color: #333333;
	display: block;
	text-align: center;}
.pagination .current a {
	background-color: #EDEDED;
	color: #333333;}
.pagination .prev,
.pagination .next {
	border: none;}
.pagination .prev a,
.pagination .next a {
	color: #E60012;}

.newsLink {
	margin: 80px auto 5px auto;
	text-align: center;}
.newsLink a {
	display:inline-block;
	background-image: url(/static/img/ic/ar_l_red.png);
    background-position: 15% center;
    background-repeat: no-repeat;
	line-height:1;
	padding:20px 30px;
	margin: 0 10px 10px;
	min-width:250px;
	border: 1px #7E7E7E solid;
	white-space: nowrap;
	color:#333333;}

.newsdetailDate {
    color: #333;
	display: inline-block;
    font-size: 0.75rem;
	line-height: 1.3em;
    letter-spacing: 0.1em;
    vertical-align: top;
	padding: 0;}
.newsdetailTag {
    background-color: #676767;
    color: #fff;
    display: inline-block;
    font-size: 0.75rem;
    font-style: normal;
    margin-left: 1.5em;
    margin-right: 1.2em;
	padding: 0;
	line-height: 1.3em;
    text-align: center;
    vertical-align: top;
    width: 6em; }
.newsdetailTtl {
    font-size: 1.4375rem;
    line-height: 1.8;
    margin:0 auto 2em auto;
    text-align: left;}
.newsdetailTtl strong {
	width: 100%;
    border-bottom-color: #dc000c;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    display: inline-block;
    padding: 0 0.1em;}

.pdfLink,
.outsideLink {
	margin: 10px auto;
	text-align: left;}
.pdfLink a {
	display:inline-block;
	background-image: url(/static/img/ic/ar_r_red.png),url(/static/img/ic/icon_pdf.png);
    background-position: left center,right center;
    background-repeat: no-repeat,no-repeat;
	line-height:1;
	padding:5px 25px 5px 20px;
	margin: 0;
	white-space: nowrap;
	color:#333333;}
.outsideLink a {
	display:inline-block;
	background-image: url(/static/img/ic/ar_r_red.png),url(/static/img/ic/icon_outside.png);
    background-position: left center,right center;
    background-repeat: no-repeat,no-repeat;
	line-height:1;
	padding:5px 25px 5px 20px;
	margin: 0;
	white-space: nowrap;
	color:#333333;}

/* contact */
.contactBox {
	background-color: #fff7f7;
	text-align: center;
	width: 100%;
	padding: 30px 0;
	margin-bottom: 20px;}
.link_mail {
    background-image: url(/static/img/ic/icon_mail.png);
    background-position: 2px center;
    background-repeat: no-repeat;
    padding:10px 0 10px 40px;
	font-size: 1.1875rem;}
.contactTxt {
	text-align: center;}

.grayBox {
	border: 1px #E0E0E0 solid;
	padding: 70px 150px;
	margin-top: 40px;}
.grayBox a {
	text-decoration:underline;}

/* privacy */
.privacyTtl {
	font-weight: bold;
    padding-bottom: 5px;
    position: relative;
    padding-left:17px;
	margin-top: 2em;}
.privacyTtl:before {
    background: #e60012;
    content: "";
    height: .75em;
    width: .75em;
    left: 0;
    position: absolute;
    top: .9em;}

/* terms */
.termsTtl {
	font-weight: bold;
    padding-bottom: 5px;
    position: relative;
	margin-top: 2em;}
#terms a {
	text-decoration:underline;}

/* list */
.list,
.list2 {
	padding-bottom: 1em;}
.list li {
    line-height: 1.7;
    text-indent: -0.6em;
    margin-bottom: 0.6em;
    margin-left: 1em;}
.list2 li {
	list-style-type: none;
	counter-increment: cnt;
	position: relative;
	margin-left: 3em;
	margin-bottom: 0.6em;
	line-height: 1.7;}
 .list2 li:before {
	content: "(" counter(cnt) ")";
	display: inline-block;
	margin-left: -3.5em; /* サイトに合せて調整 */
	width: 3em; /* サイトに合せて調整 */
	text-align: right;
	position: absolute;
	top: 0;
	left: 0;}

.list3 {
	padding-bottom: 0;}
.list3 li {
	list-style-type: none;
    line-height: 1.8;
    text-indent: -1em;
    margin-bottom: 0.6em;
    margin-left: 1em;}
  @media screen and (max-width: 768px) {
  .list li,
  .list2 li,
  .list3 li{font-size: 3.5vw;}}
/* pageTop */
.pageTop {
    color: #333;
    font-size: 14px;
    outline: 0;
	float: right;
	position: relative;
	padding-left: 20px;
	cursor: pointer;
	margin: 0 15px 15px 0;
	font-weight: bold;}
.pageTop:before {
	width: 8px;
	height: 8px;
	border: 2px solid;
	border-color: #e60012 #e60012 transparent transparent;
	transform: rotate(-45deg);
    position: absolute;
	content: "";
	top: 8px;
	left: 0;}

#footer_main_nav {
    width: 1000px;}
#footer_main_nav > li > a {
   /*display: table;*/
   display: inline-block;}
  #footer_main_nav > li.nochild div {display: block;}
 #footer_main_nav > li > div > a {
    background-image: url(../img/ar_r_red.svg);
    background-position: left center;
    background-repeat: no-repeat;
    display: inline-block;
    font-size: 0.8125rem;
    font-weight: bold;
    line-height: 1;
    margin-top: 0.2em;
    margin-bottom: 2.5em;
    padding-left: 1em;
}
#footer_main_nav a:hover::after {width: 100%;}


#main_nav .child {background-color: rgba(255, 255, 255, 0.97);}
/* #header {position: fixed; z-index: 1000; background-color: #fff; width: 100%; max-width: 100%; padding: 25px 0; top: 0; min-width: 1060px;} */
#header {position: fixed; z-index: 1000; background-color: #fff; width: 100%; max-width: 100%; padding: 25px 0; top: 0;}
h1#logo {margin-left: 35px;}
#header_nav {margin-right: 35px;}
#main {padding-top: 130px;}
.content h2 strong,
.second_content h1 strong {letter-spacing: .15em;}

@media screen and (max-width:1100px) and (min-width:768px) {
#main_nav > li > a {padding: 0 2vw;}
#main_nav .child li {padding: 3.1em 2vw; font-size: 1.6vw;}
}

@media screen and (max-width: 768px) {
#header {
    background-color: rgba(255, 255, 255, 1);
    box-sizing: border-box;
    padding: 7.2vw 4.67vw;
    position: fixed;
    width: 100%; min-width: 100%;
    z-index: 100;}
h1#logo {margin-left: 0;}
#header_nav {margin-right: 0;}
#header_nav {height: 100%;max-height: 100vh; overflow: auto; display: block;}
#main_nav > li { font-size: 4vw;}
#main_nav > li > a {line-height: 2;
    padding: 8vw 0 8vw 5.86vw;
	background-color: rgba(255, 255, 255, 1);}
#sub_nav {background-color: rgba(255, 255, 255, 1);}
#main_nav .child {background-color: rgba(244, 244, 244, 1);}
#main_nav .child li { font-size: 3.47vw;}

p {
	font-size: 3.5vw;}

.mt20 {margin-top: 7vw !important;}
.PCimg { display: none;}
.SPimg { display: inline-block;}

.breadcrumb {
	display: none;}

#main {
   padding-top: 20vw;}
#main a.imgwrap {
    padding-top: 0;}


#mainvisual {
  background-size: 100% auto;
  height: 30vw;}
#domestic-transportation #mainvisual {
    background-image: url(../img/services/domesticSPBg.png);
	margin-bottom: 5%;}
#overseas-transportation #mainvisual {
    background-image: url(../img/services/overseasSPBg.png);
	margin-bottom: 5%;}
#safety-operation #mainvisual {
    background-image: url(../img/csr/safetySPBg.png);}
#environment #mainvisual {
    background-image: url(../img/csr/environmentSPBg.png);}
#society #mainvisual {
    background-image: url(../img/csr/societySPBg.png);}
#employee #mainvisual {
    background-image: url(../img/csr/employeeSPBg.png);}
#mainvisual h1 {
    padding: 0;
    box-sizing: border-box;
    position: absolute;
    top: 10vw;
	left: 0;
	right: 0;
	text-align: center;
	margin: 0 auto;}
#mainvisual strong {
    border-bottom-color: #dc000c;
    border-bottom-style: solid;
    border-bottom-width: 4px;
    display: inline-block;}


#mainvisual {
  background-size: 100% auto;
  height: 30vw;}
#mainvisual span {
    font-size: 5.8vw;
    line-height: 1.8;
    margin: 0 auto 2.3em auto;
    text-align: center;
    position: absolute;
    top: 10vw;
	left: 0;
	right: 0;}



.second_content {
    margin-bottom: 12.4vw; }
.second_content h1 {
    font-size: 5.8vw; }
.second_content h1 strong {
    padding: 0; }
.content h2 span {
    font-size: 4vw;}
.second_content h2 {
    font-size: 5vw;}
.second_content h3,
.second_content h3.line{
	font-size: 4.8vw;}
.second_content h4 {
    font-size: 4vw;}
.second_content h5 {
    font-size: 3vw;}
.second_content h6 {
    font-size: 3.5vw;}

.contentArea,
.contentArea2 {
    padding:  0;
	width: 90vw;}

.content_list strong span.black4 {
      font-size: 5.3vw;
	  color: #FFF;
	  text-shadow: 0px 0px 10px #3d3d3d;}
.content_list strong span.black5 {
    font-size: 5.3vw;
	color: #FFF;
    font-weight: normal;
    letter-spacing: 0.1em;
    margin: 0;
    position: absolute;
    top: 50%;
	left: 0;
    text-align: center;
    width: 100%;
    padding: 0;
    z-index: 1;
	text-shadow: 0px 0px 10px #3d3d3d;}



.company_list li {
    width: 50%; }
.company_list strong {
      font-size: 5.3vw;}

#about {
    background-image: url(../img/aboutus/aboutSPBg.png);
	padding: 10% 0 10% 0;}
.aboutTxt {
	line-height: 2.1em;
	font-size: 3.5vw;
	letter-spacing: 0.1em;}

.aboutList li {
	width: 100%;
	margin-right: 0;
	margin-bottom: 2%;
	position: relative;}
.aboutList li:last-child {
	margin-right: 0;}
.aboutList li img {
	width: 50%;
	float: left;}
.aboutList li span {
	float: right;
	width: 44%;
	display: inline-block;
	padding: 3%;
	font-size: 3.3vw;
	line-height: 1.6em;}
.aboutList li span a {
	position: absolute;
	bottom: 0.8em;}
.aboutList li.about01 {
	background-color: #95B6D4;}
.aboutList li.about02 {
	background-color: #C9C2AD;}
.aboutList li.about03 {
	background-color: #B2D5DE;}


/*.profileBg {
	padding: 10vw 0 35vw 0;
	position: relative;}*/
/*.messageBg {
	padding: 10vw 0 0 0;
	position: relative;}*/
.messageBg {
	position: relative;}

.president {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	text-align: center;
	margin: 0 auto:}
.president img {
	width: 80%;
	margin: 0 auto;}

	.messageTxt_wrap {
		padding: 10vw 0 90vw 0;
	}

/*.messageTxt {
	width: 100%;
	padding: 5vw 0 90vw 0;}*/
/*.messageTxt {
	width: 100%;
	padding: 5vw 0 90vw 0;
	margin-left: 0;}*/
	.messageTxt {
		width: 100%;}

.messageTxt p {
	font-size: 4vw;
	line-height: 2em;}

.presidentName {
	margin-right: 0px;}

.profileBg {
	padding: 10vw 0 35vw 0;
	position: relative;}
.profileflag {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	text-align: center;
	margin: 0 auto:}
.profileflag img {
	width: 60%;}


.historyList {
	max-width: 90%;
	margin: 0 5% 5% 5%;
	text-align: center;}
.historyList ul li {
	padding: 0 2.5%;
	border-left: 1px #333 solid;}
.historyList ul li a {
	font-size:3.5vw;
	padding: 0 0 0 15px;}

.timeline_container {
    position: relative;
    padding: 0;
	min-width: 100%;}
.timeline_container::before,
.timeline_container2::before {
	content: "";
    position: absolute;
    top: 0.5%;
    left: 10%;
    height: 99.7%;
    width: 5px;
	text-align: center;
	margin-left: -2.5px;
	border-radius: 40px 40px;
    background: #e60012;}
.timeline_container::after {
	content: "";
	background-image: url(/static/img/aboutus/historyLine1.png);
    background-repeat: no-repeat;
	width: 30px;
	height: 18px;
	position: absolute;
	left: 10%;
	text-align: center;
	margin-left: -15px;}

.historyBox {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin: 0 auto;
    max-width: 100%;}
.historyBox .ship {
	order: 2;
	width: 82%;
	margin: 0 auto;
	padding: 5% 3% 10% 15%;
	display: block;}
.historyBox .chronology {
	order: 1;
	width: 82%;
	margin: 0 auto;
	padding: 15% 3% 5% 15%;
	display: block;}
.age {
	width: 16%;
	position: absolute;
	top: 20px;
	left: 2%;}
.age img {
	width: 100%;}

.historyList2 {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-bottom: 0.8rem;}
.historyList2 .txtarea {
    width: 100%;
	float: left;}
.historyList2 .txtarea p {
	font-size: 3.8vw;
	line-height: 1.5em;}
.historyList2 figure {
	width: 100%;
  	margin: 0 3% 0 0;
	padding: 0;}


.historyList3 {
	margin: 0 auto;}
.historyList3 ul {
	margin:0 auto;
	text-align: center;}
.historyList3 li {
	display: block;
	line-height: 1.5em;
	width: auto;
	margin: 0 5% 2% 0;
	padding: 0;}
.historyList3 li span {
	display: block;
	font-size: 3.8vw;
    line-height: 1.4;
    margin: 0.3em 0;}


.historyList4 dt{
	font-size: 3.8vw;}
.historyList4 dd{
    font-size: 3.8vw;
	display: block;}

.ph_1950,
.ph_1990,
.ph_2000_1,
.ph_2000_2,
.ph_2010 {
	display: none;}

.ph_1950SP,
.ph_1990SP,
.ph_2000_1SP,
.ph_2000_2SP,
.ph_2010SP {
	display: block;
	width: 100%;}
.ph_1950SP span,
.ph_1990SP span,
.ph_2000_1SP span,
.ph_2000_2SP span,
.ph_2010SP span {
	display: block;
	text-align: right;
	font-size: 3.5vw;
	line-height: 1.5em;
	padding-top: 0.3em;
	padding-bottom: 1em;}



.officerTtl {
    font-size: 5vw;
    padding: 0.5em 0;}
.table_officer th {
	font-size: 3.8vw;
	padding: 1em 0.3em;}
.table_officer th.name {width:36%;}
.table_officer td {
	font-size: 3.8vw;
	line-height: 1.8em;
	padding: 1em 0.3em;}



.officeTtl {
  font-size: 4.5vw;}
.officeList,
.officeList2 {
  display: block;
  justify-content: none;
  margin: 0;
  padding: 1em 0;
  border-bottom:1px solid #E0E0E0;}
.officeList .txtarea {
    max-width: 100%;
	line-height: 2.3em;
	padding: 1em 0;}
.officeList2 .txtarea {
    width: 100%;
	line-height: 2.3em;
	padding: 0;}
.officeList2 .txtarea2 {
    width: 100%;
	line-height: 2.3em;
	padding: 0;}
.officeList .txtarea h4,
.officeList2 .txtarea h4 {
	font-size: 18px;
	color:#333;
	text-align: left;
	padding:0;}
.officeList figure,
.officeList2 figure {
    margin: 0;
	line-height: 2.3em;}
iframe {
    width: 100% !important;}

.domesticBox {
    background-position: top center;
	background-size: 100% auto;
	padding: 8% 0 3% 0;}
.overseasBox {
    background-position: top center;
	background-size: 100% auto;
	padding: 8% 0 3% 0;}
.businessList li {
	display: inherit;}
.businessList li span {
	font-size: 3vw;
	left: 5%;}


.scrollBox {
	display: block;
	text-align: center;
	margin: 0 auto 3% auto;}
.scroll{
overflow-y: none;
overflow-x: scroll;
width:100%;
 margin: 0 auto;
 padding: 0 0 7px 0;}
.scroll table { min-width: 750px;}
  /* table scroll */
.scroll { overflow-x:scroll; margin-bottom:0; position: relative; }
.scroll::-webkit-scrollbar { height:10px; }
.scroll::-webkit-scrollbar-track { box-shadow:0 0 2px rgba(0,0,0,0.15) inset; background:#f0f0f0; }
.scroll::-webkit-scrollbar-thumb { border-radius:6px; background:#ccc; }

.table_overseas {
    margin: 8% auto 0 auto;}
.table_overseas th {
	width: 15%;
	padding: 5px;
	font-size: 3.8vw;}
.table_overseas th.name {
	width: 20%;}
.table_overseas td {
	padding: 5px 3%;
	text-align: left;
	font-size: 3.8vw;}
.table_overseas td span {
    padding-right: 20%;}



.yellowBox {
	padding: 7% 0 5% 0;}
.blueBox {
	padding: 7% 0 5% 0;}

.redBox {
	max-width: 100%;}
.imgBox,
.imgBox2 {
	max-width: 100%;}
.domesticBtn {
	position: absolute;
	left: 0;
	bottom: 0;}
.mb20 {margin-bottom: 20% !important;}

.redBox h4 {
    font-size: 3.5vw;}
.imgBox2 h5 {
    font-size: 3.5vw;}
.redBox .txtarea,
.imgBox .txtarea,
.imgBox2 .txtarea,
.imgBox2 .txtarea2,
.imgBox2 .txtarea3 {
    max-width: 100%;
	margin-right: 0;
	float: none;}
.redBox figure,
.imgBox figure {
	float: none;
	margin: 0 auto;
	text-align: center;
	padding: 0;
	display: inline-block;}
.imgBox2 figure {
	float: none;
	margin: 0 auto;
	text-align: center;
	padding: 0;
	display: inherit;}



.imgBox2 figure span {
	font-size: 3vw;
	left: 5%;}
.imgRight {
	float: none;
	margin: 0 auto;
	text-align: center;}
.redBox figure img,
.imgRight img {
	width: 100%;
	margin-left: 0px;
	margin-bottom: 2%;}
.imgBox2 figure img {
	width: 100%;
	text-align: center;
	margin: 0 auto;}
.imgBox2 figure.test img {
	width: 48%;
	text-align: center;
	margin: 0 1%;}



.table_safety {
	width: 100%;
	font-size: 3vw;}
.table_safety th {
	padding: 0.8em 0.5em;}
.table_safety td {
	padding: 0.8em 0.5em;}

.societyList {
	text-align: left;
	margin: 0 auto 0 5%;}
.societyList li {
	display: block;
	font-weight: bold;
    padding-bottom: 5px;
    position: relative;
    padding-left:17px;
	font-size: 3.5vw;
	margin-right: 0;}
.societyList li:last-child {
	margin-right: 0;}
.societyList li:before {
    background: #e60012;
    content: "";
    height: 12px;
    width: 12px;
    left: 0;
    position: absolute;
    top: 1vw;}

.employeeBg2 {
    background-image: url(../img/csr/employeeSPBg2.png);}
.employee_project {
	width: 90%;
	padding: 13% 5% 5% 5%;
	margin: 5% 0;
	font-size: 3.5vw;
	text-align: left;}
.employeeL {
	float: none;
	display: inline-block;
	margin-right: 0;
	margin-bottom: 15px;}
.employeeR {
	float: none;
	display: inline-block;
	margin-bottom: 15px;}
p.employeetxt {
	padding-bottom: 2em;}

.newsList {
	margin: 0 auto 50px auto;
	width: 100%;}
.newsList ul li {
	width:49.5%;
	line-height: 1em;
	margin-right: 1%;
	margin-bottom: 1%;}
.newsList ul li:nth-child(even) {
	margin-right: 0;}
.newsList ul li a {
	font-size:4.3vw;
	padding:18px 15px;
    background-position: 20% center;}
.newsList ul li.current a {
	color:#BABABA;
	background:#F5F5F5;}
.newsTtl {
	font-size: 6.5vw;
	text-align: center;
	padding: 1em 0 0 0;}
.pagination li {
	margin: 0 .3em;
	font-size: 4.5vw;}
.newsLink a {
    background-position: 13% center;
	padding:20px 0px;
	margin: 0;
	min-width:80%;}



.contactTxt {
	width: 75vw;
	margin: 0 auto;
	text-align: left;}
.grayBox {
	padding: 3% 2%;}

/* list */
.list li {
	font-size: 3.5vw;}
.list2 li {
	font-size: 3.5vw;}
.list3 li {
	font-size: 3.5vw;}

/* pageTop */
.pageTop {
	font-size: 4vw;
	width: 9em;
	float: none;
	text-align: center;
	padding-left: 0px;
	margin: 0 auto 15px auto;}

#footer_main_nav {
    width: 100%;}
#footer_main_nav > li > a {
    display: block;}
#footer_main_nav > li > div > a {
	width: 91%;
    background-image: url(../img/ar_r_red.svg);
    background-position: 95% center;
    background-size: 1.9vw auto;
    border-bottom-color: #e0e0e0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-size: 3.4vw;
    line-height: 5.46;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 9%;}
}
#footer_main_nav > li:first-child {
	width: 28%; }
#footer_main_nav > li:nth-child(2) {
	width: 28%; }
#footer_main_nav > li:nth-child(3) {
	width: 23%; }
#footer_main_nav > li:last-child {
	width: 23%; }
#footer_main_nav .nochild {
	display: flex;
	align-items: flex-start; }
@media screen and (max-width: 768px) {
	#footer_main_nav > li:first-child, #footer_main_nav > li:nth-child(2), #footer_main_nav > li:nth-child(3), #footer_main_nav > li:last-child {
		width: 100%;
	}
	#footer_main_nav .nochild {
		display: block;i
	}
}
div.w80 {width: 80%; margin: 0 auto; padding-bottom: 0;}
h6.bkttl {color: #333; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between;}
table.detailTd {width: 100%; margin:0 auto 2rem; border-top: 1px #ccc solid;border-left: 1px #ccc solid;}
table.detailTd th,table.detailTd td { font-size: .9375rem; border-bottom: 1px #ccc solid; border-right: 1px #ccc solid; padding: .5em 1em; vertical-align: middle;}
table.detailTd th {background-color: #eaeaea; font-weight: normal;border-bottom: 2px #ccc solid;}
table.detailTd th.right ,table.detailTd td.right {text-align: right;}
table.detailTd th.center ,table.detailTd td.center {text-align: center;}
table.detailTd .gray th,table.detailTd .gray td,table.detailTd th.gray,table.detailTd td.gray {background-color: #f6f6f6;}
table.detailTd .gray2 th,table.detailTd .gray2 td {background-color: #f2f2f2;border-top: 2px #ccc solid;}

table.detailTd td.pdl1 {padding-left: 2.5em;}
table.detailTd td.pdl2 {padding-left: 5em;}
table.detailTd td.pdl3 {padding-left: 7em;}

table.whtd {font-size: .9375rem;}
table.whtd th,table.whtd td { padding: .5em 1em;  vertical-align: top;}
table.whtd td.dot {width: 5px; padding: .5em 0;}
.imgC {margin: 20px auto; text-align: center; display:block;}
p.txt-right {text-align: right;}
p.txt-right.memo {line-height: 1.5;}
h3.ttlbk {color: #000;}
p.nomgb {margin-bottom: 0; padding-bottom: 0;}

ol.decimal { list-style-type: decimal; padding-left: 2em; line-height: 2.2; font-size: .9375rem;}


  @media screen and (max-width: 768px) {
  div.w80 {width: 100%;}
  table.detailTd th,table.detailTd td {font-size: 3.5vw;}
  table.whtd {font-size: 3.5vw;}
  ol.decimal {font-size: 3.5vw;}

  }

a.ic_pdf {
	display: inline-block;
    width: auto;
    background-attachment: scroll;
    background-image: url(/static/img/ic/icon_pdf.png);
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 25px;
}