@charset "utf-8";

#news[data-category='all'] .ln li:nth-child(1) a::after,
#news[data-category='news'] .ln li:nth-child(2) a::after,
#news[data-category='product'] .ln li:nth-child(3) a::after,
#news[data-category='recruit'] .ln li:nth-child(4) a::after,
#news[data-category='other'] .ln li:nth-child(5) a::after{opacity: 0;}
#news[data-category='all'] .ln li:nth-child(1) a,
#news[data-category='news'] .ln li:nth-child(2) a,
#news[data-category='product'] .ln li:nth-child(3) a,
#news[data-category='recruit'] .ln li:nth-child(4) a,
#news[data-category='other'] .ln li:nth-child(5) a{color: #fff; background-color: #0b7fc6; text-decoration: none;}

.pagenav {position: relative; height: 44px; margin: 40px 10px 0;}
.pagenav a{display: block; width: 160px; background: #fff; text-align: center; height: 44px; font-size: 14px; color: #575757; line-height: 44px; transition: 0.3s; position: relative; letter-spacing: 0.1em;}
.pagenav a::after{content: ''; background: url(../images/arr-ln.png) left center no-repeat; width: 8px; height: 15px; position: absolute; left: 9px; top: 50%; transition: 0.3s; transform: rotate(180deg); margin-top: -7.5px;}
.pagenav a.next,
.pagenav a.link_next{position: absolute; right: 0; top: 0;}
.pagenav a.next::after,
.pagenav a.link_next::after{transform: none; left: inherit; right: 9px;}
.pagenav a:hover {color: #fff; background-color: #0b7fc6; text-decoration: none;}
.pagenav a.active {color: #fff; background-color: #0b7fc6; text-decoration: none;}
.pagenav a:hover::after,
.pagenav a.active::after{opacity: 0;}


@media screen and (min-width:641px){

/* products*/
#news h1{background: url(../images/news/h1.png) left top no-repeat; height: 137px;}
#news p.title{background: url(../images/news/h1.png) left top no-repeat; height: 81px; margin-bottom: 35px;}
#news[data-category='news'] h1,
#news[data-category='news'] p.title{background-image: url(../images/news/h1-news.png);}
#news[data-category='product'] h1,
#news[data-category='product'] p.title{background-image: url(../images/news/h1-product.png);}
#news[data-category='recruit'] h1,
#news[data-category='recruit'] p.title{background-image: url(../images/news/h1-recruit.png);}
#news[data-category='other'] h1,
#news[data-category='other'] p.title{background-image: url(../images/news/h1-other.png);}

#news dl.archives {margin: -7px 10px 0; text-align: left; padding: 0; border-bottom:1px solid #c8c8c8;}
#news dl.archives dt {clear: both; float: left; width: 254px; margin-bottom: 11px; border-top: 1px solid #c8c8c8; padding-top: 22px;}
#news dl.archives dt span {display: inline-block; background: #a7a7a7; width: 114px; height: 22px; background-repeat: no-repeat; background-position: center center; vertical-align: middle; background-color: #a7a7a7; background-size: auto 23px;}
#news dl.archives dt time{font-size: 14px; line-height: 27px; display: inline-block; vertical-align: middle; padding: 0 0 0 25px;}
#news dl.archives dd {font-size: 16px; line-height: 27px; zoom:1; overflow: hidden; margin-bottom: 20px; border-top:1px solid #c8c8c8; padding: 22px 0 0;}
#news dl.archives dt span[data-category='news'] {background-image: url(../images/news/icon-news.png);}
#news dl.archives dt span[data-category='product'] {background-image: url(../images/news/icon-product.png);}
#news dl.archives dt span[data-category='recruit'] {background-image: url(../images/news/icon-recruit.png);}
#news dl.archives dt span[data-category='other'] {background-image: url(../images/news/icon-other.png);}

/* detail */
article header{color: #fff; background: #0b7fc6; display: flex; align-content:center; align-items:center; min-height: 94px; padding: 15px 10px; justify-content: center; margin-bottom: 40px; position: relative;}
article header::after{content: ''; width: 300%; height: 100%; position: absolute; left: 0; top: 0; margin-left: -150%; background: #0b7fc6; z-index: -1;}
article header time {font-size: 16px; text-align: center; padding: 0 20px; letter-spacing: 0.1em;}
#contents main article header h1 {height: auto; background: none !important; font-size: 23px; margin: 0; padding: 0; line-height: 1.4; letter-spacing: 0.1em;}

article header p {display: inline-block; background: #a7a7a7; width: 114px; height: 22px; background-repeat: no-repeat; background-position: center center; vertical-align: middle; background-color: #a7a7a7; background-size: auto 23px; position: absolute; right: 10px; top: -35px;}
[data-category='news'] article header p {background-image: url(../images/news/icon-news.png);}
[data-category='product'] article header p {background-image: url(../images/news/icon-product.png);}
[data-category='recruit'] article header p {background-image: url(../images/news/icon-recruit.png);}
[data-category='other'] article header p {background-image: url(../images/news/icon-other.png);}

.entrybody .wrap {background: #fff; overflow: hidden; padding: 67px 70px; width: 1080px; margin-bottom: 0;}
.entrybody {font-size: 15px; line-height: 31px; color: #000;}
.entrybody h2,
.entrybody h3,
.entrybody h4 {font-size: 18px; line-height: 31px; font-weight: bold; clear: both; color: #0b7fc6;}
.entrybody * { word-break: normal; } /* break-all -> normal */
.entrybody img.mt-image-none {float:none !important;}
.entrybody img.mt-image-right,
.entrybody img.mt-image-left {position: relative; top: 26px;}
.entrybody a {position: relative; text-decoration: underline;}
.entrybody a:hover{text-decoration: none;}
/*
.entrybody a[target='_blank'] {margin-right: 26px;}
.entrybody a[target='_blank']:before{content: ''; width: 16px; background: url(/en/images/common/icon-blank.png) left top no-repeat; background-size: 100% auto; height: 11px; position: absolute; right: -21px; top: 5px;}
*/
.entrybody b,
.entrybody strong{color: #0b7fc6;}
.entrybody em {font-style: italic;}
.entrybody p {min-height: 0.5em;}
.entrybody li {line-height: 28px;}
.entrybody li + li {margin-top: 13px;}
.entrybody ol li {margin-left: 1.3em;}
.entrybody ul li {padding-left: 1.3em; position: relative;}
.entrybody ul li:after{content: '・'; position: absolute; left: 0; top: 0;}
.entrybody p + p,
.entrybody p + ul,
.entrybody p + ol,
.entrybody ol + p,
.entrybody ul + p,
.entrybody ol + ul,
.entrybody ul + ol,
.entrybody ol + ol,
.entrybody ul + ul {margin-top:1em;}
.entrybody ul + h2,
.entrybody p + h2,
.entrybody ol + h2,
.entrybody ul + h3,
.entrybody ul + h4,
.entrybody p + h3,
.entrybody p + h4,
.entrybody h2 + h3,
.entrybody ol + h3,
.entrybody ol + h4{margin-top:30px;}
.entrybody p img {margin:0 auto; display:block;}
.entrybody span.big{font-size:18px;}
.entrybody span.small{font-size:12px;}
.entrybody iframe{ width: 600px; height:338px; margin: 0 auto !important; display: block;}


}
@media screen and (min-width:1921px){
}
@media screen and (max-width:640px){

#news h1,
#news p.title{background: url(../images/news/h1-sp.png) left top no-repeat; height: 22.34375vw; background-size: auto 100%;}
#news p.title {height: 18vw; background-size: 100% auto;}
#news[data-category='news'] h1,
#news[data-category='news'] p.title{background-image: url(../images/news/h1-news-sp.png);}
#news[data-category='product'] h1,
#news[data-category='product'] p.title{background-image: url(../images/news/h1-product-sp.png);}
#news[data-category='recruit'] h1,
#news[data-category='recruit'] p.title{background-image: url(../images/news/h1-recruit-sp.png);}
#news[data-category='other'] h1,
#news[data-category='other'] p.title{background-image: url(../images/news/h1-other-sp.png);}

#news dl.archives {margin: 0 4.6875vw 0; text-align: left; padding: 0; border-bottom:1px solid #c8c8c8;}
#news dl.archives dt {margin-bottom: 0.8vw; border-top: 1px solid #c8c8c8; padding-top: 2.96875vw;}
#news dl.archives dt span {display: inline-block; background: #a7a7a7; width: 21.09375vw; height: 4.0625vw; background-repeat: no-repeat; background-position: center center; vertical-align: middle; background-color: #a7a7a7; background-size: auto 4.0625vw;}
#news dl.archives dt time{font-size: 2.8125vw; line-height: 5.46875vw; display: inline-block; vertical-align: middle; padding: 0 0 0 3.125vw;}
#news dl.archives dd {font-size: 3.4375vw; line-height: 5.46875vw; padding-bottom: 2.75vw;}
#news dl.archives dt span[data-category='news'] {background-image: url(../images/news/icon-news.png);}
#news dl.archives dt span[data-category='product'] {background-image: url(../images/news/icon-product.png);}
#news dl.archives dt span[data-category='recruit'] {background-image: url(../images/news/icon-recruit.png);}
#news dl.archives dt span[data-category='other'] {background-image: url(../images/news/icon-other.png);}

.pagenav {position: relative; height: 9.53125vw; margin: 14.0625vw 4.6875vw 0;}
.pagenav a{display: block; width: 34.375vw; background: #fff; text-align: center; height: 9.53125vw; font-size: 2.96875vw; color: #575757; line-height: 9.53125vw;}
.pagenav a::after{content: ''; background: url(../images/arr-ln-sp.png) left center no-repeat; width: 1.71875vw; height: 3.28125vw; position: absolute; left: 9px; top: 50%; transition: 0.3s; transform: rotate(180deg); margin-top: -1.600625vw; background-size: auto 100%;}


/* detail */
article header{color: #fff; background: #0b7fc6; display: block; padding: 5.46875vw 0; position: relative; text-align: left;}
article header time {font-size: 3.125vw; text-align: center; padding: 0 7.8125vw; letter-spacing: 0.1em;}
#contents main article header h1 {height: auto; background: none !important; font-size: 4.0625vw; margin: 3.6875vw 0 0; padding: 0 4.6875vw; line-height: 1.4; letter-spacing: 0.1em;}

article header p {display: inline-block; background: #a7a7a7; width: 21.09375vw; height: 4.0625vw; background-repeat: no-repeat; background-position: center center; vertical-align: middle; background-color: #a7a7a7; background-size: auto 4.0625vw; position: absolute; right: 4.6875vw; top:4.6875vw;}
[data-category='news'] article header p {background-image: url(../images/news/icon-news.png);}
[data-category='product'] article header p {background-image: url(../images/news/icon-product.png);}
[data-category='recruit'] article header p {background-image: url(../images/news/icon-recruit.png);}
[data-category='other'] article header p {background-image: url(../images/news/icon-other.png);}

.entrybody .wrap {/*background: #fff;*/ overflow: hidden; padding: 6.25vw 4.6875vw; margin-bottom: 0; text-align: left;}
.entrybody {font-size: 3.4375vw; line-height: 6.71875vw; color: #000;}
.entrybody h2,
.entrybody h3,
.entrybody h4 {font-size: 3.75vw; line-height: 6.71875vw; font-weight: bold; clear: both; color: #0b7fc6;}
.entrybody * { word-break: normal; } /* break-all -> normal */
.entrybody img.mt-image-none {float:none !important;}
.entrybody img.mt-image-right,
.entrybody img.mt-image-left {position: relative; top: 0; float: none !important; margin: 0 !important; width: 100% !important; height: auto;}
.entrybody a {position: relative; text-decoration: underline;}
.entrybody a:hover{text-decoration: none;}
/*
.entrybody a[target='_blank'] {margin-right: 26px;}
.entrybody a[target='_blank']:before{content: ''; width: 16px; background: url(/en/images/common/icon-blank.png) left top no-repeat; background-size: 100% auto; height: 11px; position: absolute; right: -21px; top: 5px;}
*/
.entrybody b,
.entrybody strong{color: #0b7fc6;}
.entrybody em {font-style: italic;}
.entrybody p {min-height: 0.5em;}
.entrybody li {line-height: 5.625vw;}
.entrybody li + li {margin-top: 0.5em;}
.entrybody ol li {margin-left: 1.3em;}
.entrybody ul li {padding-left: 1.3em; position: relative;}
.entrybody ul li:after{content: '・'; position: absolute; left: 0; top: 0;}
.entrybody p + p,
.entrybody p + ul,
.entrybody p + ol,
.entrybody ol + p,
.entrybody ul + p,
.entrybody ol + ul,
.entrybody ul + ol,
.entrybody ol + ol,
.entrybody ul + ul {margin-top:1em;}
.entrybody ul + h2,
.entrybody p + h2,
.entrybody ol + h2,
.entrybody ul + h3,
.entrybody ul + h4,
.entrybody p + h3,
.entrybody p + h4,
.entrybody h2 + h3,
.entrybody ol + h3,
.entrybody ol + h4{margin-top:1.5em;}
.entrybody p img {margin:0 auto; display:block;}
.entrybody span.big{font-size:4.0625vw;}
.entrybody span.small{font-size:2.8125vw;}
.entrybody iframe{ width: 87.5vw; height:49.21875vw; margin: 0 auto !important; display: block;}


}