@charset "UTF-8";

/*CSSDocument*/

/* contents.css
--------------------------------------------------------------

/* 共通
===============================================================*/
#contents_area .container h1{
margin-bottom:45px;
}
@media (max-width: 767px) {
#contents_area .container h1{
margin-bottom:20px;
}
}
#contents_area .container h2{
color:#000;
font-size:24px;
font-weight:bold;
margin-bottom:20px;
padding:6px 0;
border-top:#DA1E04 solid 2px;
}
#contents_area .container h3{
color:#000;
font-size:18px;
font-weight:bold;
margin-bottom:15px;
}
#contents_area .container h4{
color:#DA1E03;
font-size:16px;
font-weight:bold;
margin-bottom:25px;
}
#contents_area .container p{
margin-bottom:25px;
}
#contents_area .container p a,
#contents_area .container th a,
#contents_area .container td a,
#contents_area .container li a,
#contents_area .container dd a{
text-decoration:underline;
}
#contents_area .container ul,
#contents_area .container ol {
margin:25px 0 25px 1.5em;
}
#contents_area .container ul li,
#contents_area .container ol li {
margin-bottom:5px;
}
#contents_area .container ul.no-margin li,
#contents_area .container ol.no-margin li {
margin-bottom:0;
}
div.letter_list ul {
margin-left:0 !important;
}
#contents_area .container ul.link {
list-style: none;
margin:0 0 40px 0;
}
#contents_area .container ul.link li {
list-style: none;
background: url(../img/icon_arrow-link.gif) no-repeat 0 0.5em;
padding-left: 20px;
margin-bottom:5px;
}
#contents_area .container ul.internal-link li {
list-style: none;
background: url(../img/icon_arrow-internal-link.gif) no-repeat 0 0.5em;
padding-left: 20px;
margin-bottom:5px;
}
#contents_area .container ul.link li a {
text-decoration:underline;
}
#contents_area .container ul.no-list,
#contents_area .container ol.no-list {
list-style:none;
}
#contents_area .container table {
    width:100%;
    border-collapse:collapse;
    border-top:#BBB solid 1px;
    margin-bottom:50px;
}
#contents_area .container table th {
    padding:15px;
    background-color:#EEE;
    border-bottom:#BBB solid 1px;
    vertical-align:top;
}
#contents_area .container table td {
    padding:15px;
    border-bottom:#BBB solid 1px;
}
#contents_area .container table ul {
    margin:0 0 0 20px;
}
#contents_area .container table ol {
    margin:0;
}
#contents_area .keyvisual{
margin-bottom:30px;
}
#contents_area .container .fLeft{
float:left;
margin-right:15px;
margin-bottom:15px;
}
#contents_area .container .fRight{
float:right;
margin-left:15px;
margin-bottom:15px;
}
.aLeft {
text-align:left;
}
.aCenter {
text-align:center;
}
.aRight {
text-align:right;
}
.red {
color:#d80b18;
}
#contents_area .container.adobereader {
    font-size:13px;
    line-height:1.3;
    margin-top: 4em;
}
#contents_area .container.adobereader img {
float:left;
margin:0 2em 3em 0;
}
#contents_area .container .toggle {
margin:0 0 40px 0;
}
#contents_area .container .toggle .button {
margin:0 0 15px 0;
}
#contents_area .container .toggle p {
padding:0 1px;
}
#contents_area .container .toggle.indent {
padding:0 15px;
}
#contents_area .container .related-link{
border-left:#DCDCDC solid 10px;
padding-left:5px;
margin-bottom:10px;
}
#contents_area .container.index2nd {
margin-top:75px;
}
#contents_area .container.index2nd .col-2 {
width:45%;
}
#contents_area .container.index2nd .col-3 {
width:30%;
}
#contents_area .container.index2nd .col-2,
#contents_area .container.index2nd .col-3 {
padding:0;
margin:0 15px 25px 15px;
}
#contents_area .container.index2nd .col-2 .wrap,
#contents_area .container.index2nd .col-3 .wrap {
border:#ececec solid 1px;
-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
box-shadow : 0px 0px 3px rgba(0, 0, 0, 0.2);
padding:50px 15px 0 15px;
position:relative;
}
#contents_area .container.index2nd .col-2 .subtitle,
#contents_area .container.index2nd .col-3 .subtitle {
margin-bottom:35px;
}
#contents_area .container.index2nd .col-2 .subtitle h3,
#contents_area .container.index2nd .col-3 .subtitle h3 {
margin:0;
font-weight:normal;
}
#contents_area .container.index2nd .col-2 .subtitle h3 span,
#contents_area .container.index2nd .col-3 .subtitle h3 span {
position:absolute;
top:25px;
left:50px;
}
#contents_area .container.index2nd .col-2 .subtitle a,
#contents_area .container.index2nd .col-3 .subtitle a {
position: absolute;
top:0;
left:0;
width:100%;
height:100%;
}
#contents_area .container.index2nd .col-2 img,
#contents_area .container.index2nd .col-3 img {
border:none;
box-shadow:none;
}
#contents_area .container.index2nd .col-2 a:after,
#contents_area .container.index2nd .col-3 a:after,
#contents_area .container.index2nd .col-2 a:before,
#contents_area .container.index2nd .col-3 a:before  {
display: block;
content: '';
position: absolute;
}
#contents_area .container.index2nd .col-2 a:after,
#contents_area .container.index2nd .col-3 a:after {
top: 25px;
left: 15px;
width: 25px;
height: 25px;
background-color: #A4A4A4;
border-radius: 100%;
}
#contents_area .container.index2nd .col-2 a:before,
#contents_area .container.index2nd .col-3 a:before  {
z-index: 2;
top: 32px;
left: 20px;
width: 10px;
height: 10px;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#contents_area .container.index2nd .col-2 .no-list {
margin:0 0 25px 0;
padding:0;
}
#contents_area .container.index2nd .col-2 .no-list a,
#contents_area .container.index2nd .col-3 .no-list a {
margin:0;
padding:0;
font-size:inherit;
}
#contents_area .container.index2nd .col-2 .no-list a:after,
#contents_area .container.index2nd .col-3 .no-list a:after,
#contents_area .container.index2nd .col-2 .no-list a:before,
#contents_area .container.index2nd .col-3 .no-list a:before  {
display: block;
content: '';
}
#contents_area .container.index2nd .col-2 .no-list a:after,
#contents_area .container.index2nd .col-3 .no-list a:after{
display:none;
}
#contents_area .container.index2nd .col-2 .no-list a:before,
#contents_area .container.index2nd .col-3 .no-list a:before{
display:none;
}
@media (max-width: 991px) {
#contents_area .container.index2nd .col-3 {
width:45%;
}
}
@media (max-width: 767px) {
#contents_area {
padding:0 15px;
}
#contents_area .container.index2nd {
margin-top:10px;
}
#contents_area .container.index2nd .fLeft {
margin-bottom:0;
}
#contents_area .container.index2nd .col-2,
#contents_area .container.index2nd .col-3 {
width:100%;
margin-left:0;
}
}

/* 共通
===============================================================*/

/* TOPICS(トップページ)
===============================================================*/
#topics {
margin: 2em;
text-align: center;
font-size: 1.5em;
font-weight: bold;
}

/* ニュースリリース(トップページ)
===============================================================*/
#index-news {
margin-bottom:30px;
}
#index-news div.title {
text-align:center;
background-color:#F5F5F5;
position:relative;
}
#index-news h2 {
text-align:center;
margin:0;
padding:15px 0 0 0;
border:none !important;
}
#index-news p {
position:absolute;
top:20px;
right:20px;
text-align:right;
margin:0 30px 0 0;
}
#index-news p:before{
content: "\f0ca";
font-family: "FontAwesome";
margin-right:0.5em;
color:#d80b18;
}
sem-p:before{
content: "\f022";
}
#index-news p:after {
display: block;
content: '';
position: absolute;
top: .5em;
right: -15px;
width: 6px;
height: 6px;
border-right: 1px solid #d80b18;
border-bottom: 1px solid #d80b18;
-ms-transition: rotate(-45deg);
-moz-transition: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#contents_area .container.home h2{
border:none !important;
margin-bottom:20px !important;
}
@media (max-width:767px) {
#index-news h2 {
padding:15px 0;
}
#index-news p {
display:none;
}
#contents_area .container.home h2{
margin-bottom:0 !important;
}
}

/* ニュースリリース(トップページ、ニュースリリース、IR情報共通)
===============================================================*/
#news-release {
padding:30px;
}
#news-release dl dt {
float:left;
width:8.5em;
margin-bottom:20px;
padding-right:120px;
clear:left;
height:25px;
}
#news-release dl dd {
margin-left:17em;
margin-bottom:20px;
}
@media (min-width: 768px) {
#news-release dl dd {
width:63%;
}
}
@media (min-width: 992px) {
#news-release dl dd {
width:70%;
}
}
@media only screen and (max-width:767px) {
#news-release dl dt {
float:none;
width:auto;
margin-bottom:10px;
white-space:nowrap
}
#news-release dl dd {
float:none;
margin-bottom:40px;
margin-left:0;
}
}
#news-release dl dt.ir {
background:url(../img/icon_news_ir.png) no-repeat 9.5em 3px;
}
#news-release dl dt.news {
background:url(../img/icon_news_news.png) no-repeat 9.5em 3px;
}
#news-release dl dt.example {
background:url(../img/icon_news_example.png) no-repeat 9.5em 3px;
}
#news-release dl dt.interview {
background:url(../img/icon_news_interview.png) no-repeat 9.5em 3px;
}
#news-release dl dt.interview2 {
background:url(../img/icon_news_interview.png) no-repeat 9.5em 3px;
}
#news-release dl dt.seminar {
background:url(../img/icon_news_seminar.png) no-repeat 9.5em 3px;
}
#news-release dl dt.expo {
background:url(../img/icon_news_expo.png) no-repeat 9.5em 3px;
}
#news-release dl dt.notice {
background:url(../img/icon_news_notice.png) no-repeat 9.5em 3px;
}
#news-release dl dt.none {
background:none;
}
ul.news-backnumber {
margin:60px 0 !important;
list-style:none;
}
ul.news-backnumber li {
float:left;
font-size:14px;
padding:4px 0;
border-left:#333 solid 1px;
}
ul.news-backnumber li a {
padding:6px 10px;
}
ul.news-backnumber li a.current {
background-color:#D80B18;
color:#FFF;
}

/* ニュースリリース
--------------------------------------------------------*/

/* ニュースリリース2階層目
===============================================================*/
.news-area {
  margin: auto;
}
@media (min-width: 768px) {
  .news-area {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .news-area {
    width: 978px;
  }
}
.news-area p {
  margin: 1em;
}
.news-area-line {
  height: 3px;
  background-color: #da1e04;
  border: none;
}
.news-category {
  padding-bottom: 1em;
}
.news-category p {
  margin: 0.5em 0;
  font-size: 0.8em;
  color: #666;
}
.news-headline {
  margin: 1em;
  display: flex;
  justify-content: center;
}
.news-headline-center {
  text-align: center;
}
.news-notes {
  margin: 1em;
  font-size: 0.8em;
}
.news-link-area {
  margin: 1em;
}
.news-link-area a {
  text-decoration: underline;
}
.news-img-area {
  margin: 1em 0;
  text-align: center;
}
.news-con {
  display: flex;
}
@media (max-width: 768px) {
  .news-con {
    flex-flow: column;
  }
}
.news-column2 {
  width: 50%;
  padding: 1em;
  display: flex;
  box-sizing: border-box;
}
.news-column2_70 {
  width: 70%;
}
.news-column3 {
  width: 33%;
  padding: 1em;
  box-sizing: border-box;
}
.news-column2b {
  width: 50%;
  padding: 1em;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
}
.news-column2b_30 {
  width: 30%;
}
@media (max-width: 768px) {
  .news-column2b,
  .news-column2b_30 {
    justify-content: flex-start;
  }
}
@media (max-width: 768px) {
  .news-column2,
  .news-column2_70,
  .news-column2b,
  .news-column2b_30,
  .news-column4,
  .news-column3 {
    width: 100%;
  }
}
.news-area table {
  width: 100%;
  margin: 1em 0;
  border-collapse: collapse;
  border-top: #bbb solid 1px;
}
.news-area table th {
  padding: 15px;
  background-color: #eee;
  border-bottom: solid 1px #bbb;
  vertical-align: top;
}
.news-area table td {
  padding: 15px;
  border-bottom: solid 1px #bbb;
}
.text-red {
  color: #ff0000;
}
/* ニュースリリース2階層目
--------------------------------------------------------*/

/* コンテンツ事業
===============================================================*/
#contents_area #contents-biz {
width:100%;
margin: 0 auto;
background:url(../../contents/img/contents_keyvisual.jpg) top center no-repeat;
min-height:230px;
padding-top:120px;
margin-bottom:50px;
}
#contents_area #contents-biz .sp {
display:none;
}
#contents_area #contents-biz .container .col-3 img:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}
@media (min-width: 768px) {
#contents_area #contents-biz .container .col-3 {
float: left;
width: 33%;
}
#contents_area #contents-biz .pc {
display:inherit;
}
}
@media (max-width:767px) {
#contents_area #contents-biz .pc {
display:none;
}
#contents_area #contents-biz .sp {
display:inherit;
}
}
#contents_area #contents-mosaic {
width:100%;
margin:25px auto;
background:url(../../contents/img/contents_mosaic.jpg) top center no-repeat;
min-height:75px;
}
#contents_area #contents-mosaic .txt {
min-height:75px;
text-align:center;
background-color:#FFF;
margin:0 auto;
font-size:20px;
line-height:75px;
}
@media (min-width: 768px) {
#contents_area #contents-mosaic .txt {
width:61%;
}
}
@media (min-width: 992px) {
#contents_area #contents-mosaic .txt {
width:48%;
}
}
@media (max-width:767px) {
#contents_area #contents-mosaic {
position:relative;
margin:0 0 100px 0;
}
#contents_area #contents-mosaic .txt {
position:absolute;
top:100px;
min-height:inherit;
text-align:center;
background:none;
margin:0 auto;
font-size:16px;
line-height:normal;
width:100%;
}
}
#contents_area #life {
width:100%;
margin:25px auto 50px auto;
background:url(../../contents/img/bg_life.jpg) top center no-repeat;
padding-top:50px;
}
#contents_area #traffic {
width:100%;
margin:0 auto 50px auto;
background:url(../../contents/img/bg_traffic.jpg) top center no-repeat;
padding-top:0;
}
#contents_area #entertainment {
width:100%;
margin:0 auto 50px auto;
background:url(../../contents/img/bg_entertainment.jpg) top center no-repeat;
padding-top:0;
}
#contents_area #l_en_top {
width:100%;
margin:0 auto 50px auto;
// background:url(../../contents/img/bg_life.jpg) top center no-repeat;
padding-top:50px;
}
#contents_area #life #life-bg {
width:100%;
min-height:225px;
}
#contents_area #traffic #traffic-bg {
width:100%;
min-height:200px;
margin-bottom:20px;
}
#contents_area #entertainment #entertainment-bg {
width:100%;
min-height:200px;
margin-bottom:20px;
}
#contents_area #l_en_top #l_en_top-bg {
width:100%;
min-height:225px;
}
@media (min-width: 768px) {
#contents_area #traffic #traffic-bg p {
padding-right:220px;
}
}
@media (min-width: 992px) {
#contents_area #traffic #traffic-bg p {
padding-right:0;
}
}
@media (max-width:767px) {
#contents_area #traffic #traffic-bg {
background-color:#DDF4FA;
}
#contents_area #entertainment #entertainment-bg {
background-color:#FFF0CF;
}
}
#contents_area #life h2,
#contents_area #traffic h2,
#contents_area #entertainment h2,
#contents_area #l_en_top h2 {
border:none;
font-size:22px;
}
#contents_area #life .color-life {
color:#E1257A;
}
#contents_area #traffic .color-traffic {
color:#33468B;
}
#contents_area #entertainment .color-entertainment {
color:#FF6400;
}
#contents_area #l_en_top .color-l_en_top {
border-bottom:#EDEDED solid 1px;
color:#404040;
}
#contents_area #life h2:before {
content: url(../../contents/img/icon_life.png);
margin: 10px;
position: relative;
top: 8px;
}
#contents_area #traffic h2:before {
content: url(../../contents/img/icon_traffic.png);
margin: 10px;
position: relative;
top: 8px;
}
#contents_area #entertainment h2:before {
content: url(../../contents/img/icon_entertainment.png);
margin: 10px;
position: relative;
top: 8px;
}
#contents_area #l_en_top h2:before {
// content: url(../../contents/img/icon_l_en_top.png);
margin: 10px;
position: relative;
top: 8px;
}
#contents_area .app-wrap {
-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
box-shadow : 0px 0px 15px rgba(0, 0, 0, 0.2);
position: relative;
margin-bottom:30px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#contents_area .app-wrap::before,
#contents_area .app-wrap::after {
position: absolute;
content: '';
width: 40px;
height: 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#contents_area #life .app-wrap::before {
top: 0;
left: 0;
border-left: 10px solid #E1257A;
border-top: 10px solid #E1257A;
}
#contents_area #life .app-wrap::after {
bottom: 0;
right: 0;
border-right: 10px solid #E1257A;
border-bottom: 10px solid #E1257A;
}
#contents_area #traffic .app-wrap::before {
top: 0;
left: 0;
border-left: 10px solid #32458A;
border-top: 10px solid #32458A;
}
#contents_area #traffic .app-wrap::after {
bottom: 0;
right: 0;
border-right: 10px solid #32458A;
border-bottom: 10px solid #32458A;
}
#contents_area #entertainment .app-wrap::before {
top: 0;
left: 0;
border-left: 10px solid #FD6502;
border-top: 10px solid #FD6502;
}
#contents_area #entertainment .app-wrap::after {
bottom: 0;
right: 0;
border-right: 10px solid #FD6502;
border-bottom: 10px solid #FD6502;
}
#contents_area #l_en_top .app-wrap::before {
top: 0;
left: 0;
border-left: 10px solid #A0A0A0;
border-top: 10px solid #A0A0A0;
}
#contents_area #l_en_top .app-wrap::after {
bottom: 0;
right: 0;
border-right: 10px solid #A0A0A0;
border-bottom: 10px solid #A0A0A0;
}
#contents_area #life .fLeft,
#contents_area #life .fRight,
#contents_area #traffic .fLeft,
#contents_area #traffic .fRight,
#contents_area #entertainment .fLeft,
#contents_area #entertainment .fRight,
#contents_area #l_en_top .fLeft,
#contents_area #l_en_top .fRight {
width:48%;
margin:0;
padding:0;
}
#contents_area .app-wrap h3 {
padding:20px 0 15px 40px;
margin-bottom:0;
line-height:1;
}
#contents_area .app-wrap h3+h3 {
padding:0 0 0 40px;
margin-bottom:15px;
}
#contents_area #entertainment h3:before {
margin-right:0.5em;
line-height:1;
}
#contents_area #entertainment h3.book:before {
content: "\f02d";
font-family: "FontAwesome";
}
#contents_area #entertainment h3.communication:before {
content: "\f0e6";
font-family: "FontAwesome";
font-size:24px;
}
#contents_area #entertainment h3.music:before {
content: "\f001";
font-family: "FontAwesome";
}
#contents_area #entertainment h3.game:before {
content: "\f11b";
font-family: "FontAwesome";
font-size:24px;
}
#contents_area #entertainment h3.other:before {
content: "\f1c5";
font-family: "FontAwesome";
}
#contents_area .app-wrap h3+.txt {
border-top:#EDEDED solid 1px;
padding:25px 40px 1px 40px ;
}
#contents_area .app-wrap img+.txt {
border-top:#FFFFFF solid 1px;
padding:5px 40px 1px 40px ;
}
#contents_area .app-wrap .vartical-bottom {
position:relative;
float:right;
width:28%;
padding-right:40px !important;
min-height:360px;
}
#contents_area .app-wrap .posi {
position:absolute;
bottom:0;
}
@media (min-width: 768px) {
#contents_area .app-wrap .txt.clearfix .fLeft {
width:65% !important;
}
}
@media (min-width: 992px) {
}
@media (max-width:767px) {
#contents_area #life .fLeft,
#contents_area #life .fRight,
#contents_area #traffic .fLeft,
#contents_area #traffic .fRight,
#contents_area #entertainment .fLeft,
#contents_area #entertainment .fRight,
#contents_area #l_en_top .fLeft,
#contents_area #l_en_top .fRight {
width:100%;
}
#contents_area .app-wrap .vartical-bottom {
display:none;
}
}
#contents_area .app-wrap .app-icon {
float:left;
margin:0 15px 15px 0;
}
#contents_area .app-wrap .app-download ul {
list-style:none;
margin:0;
}
#contents_area .app-wrap .app-download ul li {
background-color:#F7F7F7;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
float:left;
margin-right:0.5em;
margin-bottom:5px;
font-size:12px;
padding:3px 5px;
}
#contents_area .app-wrap .app-download ul li a {
display:block;
text-decoration:none;
}
#contents_area .app-wrap .app-download ul li a:hover {
text-decoration:underline;
}
#contents_area .app-wrap .app-download ul li a[target="_blank"]:after {
  content: "";
  margin:0;
}
#contents_area #life .pagetop,
#contents_area #traffic .pagetop,
#contents_area #entertainment .pagetop,
#contents_area #l_en_top .pagetop {
text-align:right;
}
#contents_area #life .pagetop:before,
#contents_area #traffic .pagetop:before,
#contents_area #entertainment .pagetop:before,
#contents_area #l_en_top .pagetop:before {
content: "\f102";
font-family: "FontAwesome";
margin-right:0.5em;
}
#contents_area #life .pagetop a,
#contents_area #traffic .pagetop a,
#contents_area #entertainment .pagetop a,
#contents_area #l_en_top .pagetop a {
text-decoration:underline;
}
#contents_area .tweet {
background-color:#F5F5F5;
padding:5px 10px;
vertical-align:text-bottom;
}
#contents_area .tweet .fa-twitter {
font-size:48px;
color:#059FF5;
vertical-align:middle;
margin-right:0.2em;
}
#contents_area .tweet strong {
font-size:20px;
vertical-align:middle;
margin-right:1em;
}
/* コンテンツ事業
--------------------------------------------------------*/


/* ソリューション事業
===============================================================*/

.business_icon{
width:60%;
}

#contents_area .container.solution {
}
#contents_area .container.solution h2 {
border-top:none;
border-bottom:#DA1E04 solid 2px;
font-size:16px;
font-weight:normal;
margin-bottom:10px;
}
#contents_area .container.solution h2:before {
content: "\f10c";
font-family: "FontAwesome";
margin-right:0.5em;
color:#d80b18;
font-weight:bold;
}
#contents_area .container.solution h4 {
color:#666;
margin-bottom:10px;
font-weight:normal;
}
#contents_area .container .interview {
background-color:#F7F7F7;
padding:40px 40px 20px 40px;
}
#contents_area .container.service .internal-link {
margin-bottom:50px;
}

#contents_area .container.service .internal-link .wrap {
float:left;
width:18%;
border:none;
font-size:13px;
margin:0 7px 10px 2px;
min-height:70px;
}

#contents_area .container.service .internal-link .wrap img {
width:25%;
height:25%;
border:none;
box-shadow:none;
}
#contents_area .container.service .internal-link .wrap a {
text-decoration:underline;
}
@media (max-width:767px) {
#contents_area .container.service .internal-link .wrap {
float:none;
width:100%;
min-height:1px;
border-bottom:#ececec solid 1px;
margin-bottom:25px;
font-size:15px;
}
#contents_area .container.service .internal-link .wrap img {
display:none;
}
#contents_area .container.service .internal-link .wrap a {
text-decoration:none;
display:block;
}
#contents_area .container.service .internal-link .wrap a:before {
content: url(../img/icon_arrow-internal-link.gif);
margin-right:0.5em;
}
}

/*wrap2 つなぎ保守*/
#contents_area .container.service .internal-link .wrap2 {
float:left;
width:20%;
border:none;
font-size:13px;
padding-right:0px;
margin:0px 0px 0px 0px;
min-height:70px;
}
#contents_area .container.service .internal-link .wrap2 img {
width:25%;
height:25%;
border:none;
box-shadow:none;
}
#contents_area .container.service .internal-link .wrap2 a {
text-decoration:underline;
}

#tsunagi dl, #tsunagi dt, #tsunagi dd {
  box-sizing: border-box;
  font-size:0.9em;
}
#tsunagi dl {
  background: #eee;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
#tsunagi dt,#tsunagi dd {
  padding: 10px 10px 0 10px;
  border-top: 1px solid #ccc;
}
#tsunagi dt {
  width: 40%;
  float: left;
}
#tsunagi dd {
  background: #fff;
  margin-left: 40%;
  padding-bottom: 10px;
  border-left: 1px solid #ccc;
}
#tsunagi dd:after {
  content: '';
  display: block;
  clear: both;
}



@media (max-width:767px) {
    #contents_area .container.service .internal-link .wrap2 {
    float:none;
    width:100%;
    min-height:1px;
    border-bottom:#ececec solid 1px;
    margin-bottom:25px;
    font-size:15px;
    }
    #contents_area .container.service .internal-link .wrap2 img {
    display:none;
    }
    #contents_area .container.service .internal-link .wrap2 a {
    text-decoration:none;
    display:block;
    }
    #contents_area .container.service .internal-link .wrap2 a:before {
        content: url(../img/icon_arrow-internal-link.gif);
        margin-right:0.5em;
        }
}

/* シフト勤務ツール */
/* Container holding the image and the text */
.textoverimage {
    position: relative;
}

/* Top left text */
.textoverimage .top-left {
    position: absolute;
    top: 2%;
    left: 9%;
}
/* Bottom left text */
.textoverimage .bottom-left {
    position: absolute;
    bottom: 43%;
    left: 15%;
}

/* Top right text */
.textoverimage .top-right {
    position: absolute;
    top: 2%;
    left: 62%;
}
/* Bottom right text */
.textoverimage .bottom-right {
    position: absolute;
    bottom: 43%;
    left: 66%;
}

@media (max-width:767px) {
    .textoverimage{
      font-size:0.5em;
    }
}

#contents_area .container.service h2 {
    border:none;
    padding:10px;
}
#contents_area .container.service h2 img {
    margin-right:6px;
}
#contents_area .container.service h3 {
    color:#d80b18;
    padding:0 80px;
}
#contents_area .container.service h3+p {
    padding:0 80px;
}
#contents_area .container.service h4 {
    color:#000;
    margin-bottom:5px;
}
#contents_area .container.service .wrapper {
    border:#CBCBCB solid 1px;
    padding:0;
    margin-bottom:50px;
}
#contents_area .container.service .wrapper img {
    border:none;
    box-shadow:none;
}
#contents_area .container.service .wrapper .txt {
    padding:0 80px;
    margin-top:30px;
}
#contents_area .container.service .wrapper .txt h3,
#contents_area .container.service .wrapper .txt h3+p {
    padding:0;
}
#contents_area .container.service .wrapper .toggle,
#contents_area .container.service .wrapper .button {
    margin:0;
}
#contents_area .container.service .point {
    padding:10px 10px 0 10px;
    background-color:#2161B5;
    margin-bottom:30px;
}
#contents_area .container.service .point .fLeft {
    width:78px;
}
#contents_area .container.service .point .fLeft img {
    margin:0;
}
#contents_area .container.service .point .fRight {
    float:none;
    margin-left:100px;
}
#contents_area .container.service .point .fRight ol {
    margin:0 0 0 1.5em;
    padding:0;
}
#contents_area .container.service .point .fRight ol li {
    margin:0;
    font-size:18px;
    color:#FFF;
}
#contents_area .container.service .point .fRight ol.p2 {
    margin:1em 0 0 1.5em;
}
@media (max-width:767px) {
    #contents_area .container.service .point .fRight ol.p2 {
        margin:0 0 0 1.5em;
    }
}


#contents_area .container.service .link-button {
    position:relative;
    margin:50px 0 25px 0;
}
#contents_area .container.service .link-button ul {
    list-style:none;
    position:relative;
    left:50%;
    float:left;
    margin:0;
}
#contents_area .container.service .link-button li {
    border:#DA1E03 solid 1px;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    text-align:center;
    background-color:#DA1E03;
    font-weight:bold;
    position:relative;
    left:-50%;
    float:left;
    margin-right:30px;
}
#contents_area .container.service .link-button li+li {
    margin-right:0;
}
#contents_area .container.service .link-button a {
    display:block;
    color:#FFF;
    padding:10px 20px;
    text-decoration:none;
}
#contents_area .container.service .link-button a:hover {
    text-decoration:none;
    background-color:#EE3217;
}
#contents_area .container.service .link-button a[target="_blank"]:after {
    color:#FFF;
    margin:0 0 0 0.5em;
}

@media (max-width:767px) {
}

@media (max-width:767px) {
#contents_area .container.service h3 {
        padding:0 20px;
    }
    #contents_area .container.service .wrap img {
      margin:0 !important;
    }
    #contents_area .container.service .wrapper .txt {
        padding:0 20px;
    }
    #contents_area .container.service .wrapper .button img {
        margin:0;
    }
}

/* NEコート */
  /* --NEコートTOP-- */
#contents_area .ne-coat-top {
  margin-top: 2em;
}
#contents_area .ne-coat-notice {
  font-size: 0.9em;
}
  /* 見出し */
#contents_area .ne-coat-cap {
    margin-top: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 1.8em;
}
#contents_area .ne-coat-cap:before, .ne-coat-cap::after {
    border-top: 2px solid;
    border-color: #009e96;
    content: "";
    flex-grow: 1;
}
#contents_area .ne-coat-cap:before {
    margin-right: 1rem;
}
#contents_area .ne-coat-cap::after {
    margin-left: 1rem;
}
  /* --NEコートSIAA-- */
#contents_area .ne-coat-siaa-area {
  margin: 2em auto;
}
#contents_area .ne-coat-siaa-area h2 {
  text-align: center;
}
#contents_area .ne-coat-siaa-con {
  display: flex;
  justify-content: center;
  align-items: center;
}
#contents_area .ne-coat-mechanism {
  text-align: center;
}
#contents_area .ne-coat-mechanism img {
  margin-bottom: 2em;
}
  /* --NEコートサンプル-- */
#contents_area .coat-sample {
  display: flex;
  justify-content: center;
  align-items: center;
}
#contents_area .ne-coat-sample-area {
    width: 80%;
    margin: auto;
}
#contents_area .ne-coat-sample img {
    margin-top: 0.3em;
}
#contents_area .ne-coat-sample {
    text-align: center;
}
/* システム開発 */
#contents_area .system-cap {
  margin-top: 2em;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 1.8em;
}
#contents_area .system-cap:before, .system-cap::after {
  border-top: 2px solid;
  border-color: #2161B5;
  content: "";
  flex-grow: 1;
}
#contents_area .system-cap:before {
  margin-right: 1rem;
}
#contents_area .system-cap::after {
  margin-left: 1rem;
}
#contents_area .system-cap h3 {
  margin: 0;
}
#contents_area .system-con {
  display: flex;
}
#contents_area .system-box1 {
  margin: 1em;
  flex: 1;
}
#contents_area .system-box2 {
  margin: 1em;
  flex: 3;
}
#contents_area .triangle {
  width: 0;
  height: 0;
  margin: auto;
  border-top: 30px solid #99c5ff;
  border-right: 30px solid transparent;
  border-left: 30px solid transparent;
}
#contents_area .system-box-title {
  margin: 0;
  text-align: center;
  font-weight: bold;
}
/* ne@wi-fi */
  /* TOP */
#contents_area .neatwifi-top p {
  margin: 1em;
}
  /* 特徴 */
#contents_area .neatwifi-point {
  text-align: center;
}
  /* 利用例 */
#contents_area .neatwifi-con {
  display: flex;
}
@media (max-width: 767px) {
  #contents_area .neatwifi-con {
    display: block;
  }
}
#contents_area .neatwifi-box {
  width: 100%;
  margin: 1em;
}
@media (max-width: 767px) {
  #contents_area .neatwifi-box {
    text-align: center;
    width: auto;
  }
}

#contents_area .neatwifi-box p {
  margin-top: 1em;
  text-align: left;
}

  /* 見出し */
#contents_area .neatwifi-cap {
    display: flex;
    margin-top: 2em;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 1.8em;
}
#contents_area .neatwifi-cap:before, .neatwifi-cap::after {
    border-top: 2px solid;
    border-color: #002163;
    content: "";
    flex-grow: 1;
}
#contents_area .neatwifi-cap:before {
    margin-right: 1rem;
}
#contents_area .neatwifi-cap::after {
    margin-left: 1rem;
}

/* ATIS */
#contents_area .atis-con {
  display: flex;
}
@media (max-width: 767px) {
  #contents_area .atis-con {
    flex-direction: column-reverse;
    align-items: center;
  }
}
#contents_area .atis-item1 {
  flex-basis: 60%;
}
#contents_area .atis-item2 {
  flex-basis: 40%;
}
/* NE-phone */
.nep-btn-con {
  display: flex;
  justify-content: center;
}
@media (max-width: 640px) {
  .nep-btn-con {
    flex-flow: column;
    align-items: center;
  }
}
.nep-btn {
  margin: 1em 2em;
}
.nep-line {
  height: 2px;
  margin: 1em 0;
  background-color: #002060;
  border: none;
}
.nep-cap {
  font-size: 1.3em;
  font-weight: bold;
}
@media (max-width: 990px) {
  .nep-cap {
    margin: 0;
  }
}
.nep-cap2 {
  margin: 0.5em;
  font-size: 1.3em;
  font-weight: bold;
  color: #002060;
}
.nep-table-con {
  max-width: 800px;
  margin: auto;
}
#contents_area .container table.nep-table th {
  border:#4472c4 solid 1px;
  background-color: #002060;
  color: #fff;
}
#contents_area .container table.nep-table td {
  border:#4472c4 solid 1px;
  color: #282828;
}
/* ソリューション事業
--------------------------------------------------------*/

/* 地方創生 事例紹介
===============================================================*/
#contents_area .container.revital h2 {
    font-size:16px;
    padding-top:20px;
    margin-bottom:0;
}
#contents_area .container.revital h2 img {
    margin-top:-10px;
}
#contents_area .container.revital h3 {
    font-size:19px;
}
#contents_area .container.revital ul li {
    margin:0;
}
  /* いなせり */
#contents_area .inaseri-con {
  margin: 1em;
  display: flex;
  flex-flow: column;
  justify-content: space-around;
  align-items: center;
}
#contents_area .inaseri-item01 {
  margin: 1em 0.5em;
  flex: 3;
}
#contents_area .inaseri-item02 {
  margin: 1em 0.5em;
  flex: 1;
}
#contents_area .inaseri-con2 {
  display: flex;
  align-items: center;
}
  /* 見出し */
#contents_area .inaseri-cap {
  display: flex;
  margin-top: 2em;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 1.8em;
  color: #2baeab;
}
@media screen and (max-width:768px) {
  #contents_area .inaseri-cap{
    font-size: 1.5em;
  }
}
#contents_area .inaseri-cap:before, .inaseri-cap::after {
  border-top: 2px solid;
  border-color: #2baeab;
  content: "";
  flex-grow: 1;
}
#contents_area .inaseri-cap:before {
  margin-right: 1rem;
}
#contents_area .inaseri-cap::after {
  margin-left: 1rem;
}

#contents_area .inaseri-cap2 {
  display: flex;
  margin-top: 2em;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 1.8em;
  color: #2161B5;
}
@media screen and (max-width:768px) {
  #contents_area .inaseri-cap2 {
    font-size: 1.5em;
  }
}
#contents_area .inaseri-cap2:before, .inaseri-cap2::after {
  border-top: 2px solid;
  border-color: #2161B5;
  content: "";
  flex-grow: 1;
}
#contents_area .inaseri-cap2:before {
  margin-right: 1rem;
}
#contents_area .inaseri-cap2::after {
  margin-left: 1rem;
}
  /* 改行 */
.pc_hid{
  display: none;
}
@media screen and (max-width:768px) {
  .pc_hid{
    display: block;
  }
}
  /* 指さしナビ */
#contents_area .yubisashinavi-con {
  margin: 1em;
  display: flex;
  justify-content: center;
}
@media screen and (max-width:768px) {
  #contents_area .yubisashinavi-con {
    flex-flow: column;
    justify-content: space-around;
    align-items: center;
  }
}
#contents_area .yubisashinavi-con2 {
  margin: 1em;
  display: flex;
  justify-content: center;
}

#contents_area .yubisashinavi-item01 {
  margin: 1em 0.5em;
  flex: 2;
}
#contents_area .yubisashinavi-item02 {
  margin: 1em 0.5em;
  flex: 1;
}
#contents_area .yubisashinavi-item03 {
  padding: 0 1em;
  border-left: 0.5em solid #61aa31;
  flex: 1;
}
@media screen and (max-width:768px) {
  #contents_area .yubisashinavi-obi {
    width: 60%;
  }
}
  /* 見出し */
#contents_area .yubisashinavi-cap {
  display: flex;
  margin-top: 2em;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 1.8em;
  color: #2baeab;
}
@media screen and (max-width:768px) {
  #contents_area .yubisashinavi-cap{
    font-size: 1.5em;
  }
}
#contents_area .yubisashinavi-cap:before, .yubisashinavi-cap::after {
  border-top: 2px solid;
  border-color: #2baeab;
  content: "";
  flex-grow: 1;
}
#contents_area .yubisashinavi-cap:before {
  margin-right: 1rem;
}
#contents_area .yubisashinavi-cap::after {
  margin-left: 1rem;
}
#contents_area .yubisashinavi-cap2 {
  display: flex;
  margin-top: 2em;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 1.8em;
  color: #ff4d8c;
}
@media screen and (max-width:768px) {
  #contents_area .yubisashinavi-cap2{
    font-size: 1.5em;
  }
}
#contents_area .yubisashinavi-cap2:before, .yubisashinavi-cap2::after {
  border-top: 2px solid;
  border-color: #ff4d8c;
  content: "";
  flex-grow: 1;
}
#contents_area .yubisashinavi-cap2:before {
  margin-right: 1rem;
}
#contents_area .yubisashinavi-cap2::after {
  margin-left: 1rem;
}
  /* ダウンロード */
#contents_area .yubisashinavi-con3 {
  margin: 1em;
  display: flex;
  justify-content: center;
}
#contents_area .yubisashinavi-box {
  position: relative;
}
#contents_area .yubisashinavi-dl {
  position: absolute;
  display: flex;
  margin: 0.2em 1em;
  top: 48%;
  left: 18%;
}
  /* 詳細 */
#contents_area .yubisashinavi-detail {
  font-size: 1.2em;
  color: #61aa31;
}
/* 地方創生 事例紹介
--------------------------------------------------------*/

/* 会社概要
===============================================================*/
table.company-data {
    width:100%;
}
table.company-data th {
    white-space:nowrap;
}
table.company-data .board dt {
    float:left;
    width:10em;
    clear:right;
}
table.company-data .board dd {
}
#headoffice .printmap,
#nagoya .printmap {
    text-align:right;
    margin:0 auto;
}
@media (min-width: 768px) {
    #headoffice .printmap,
    #nagoya .printmap {
        width:640px;
    }
}
/* 会社概要
--------------------------------------------------------*/

/* グループ
===============================================================*/
#contents_area .container.group .col-2 {
    width:45%;
    padding:0;
    margin:0 15px 25px 15px;
}
#contents_area .container.group .col-2 .wrap {
    border:#ececec solid 1px;
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
    box-shadow : 0px 0px 3px rgba(0, 0, 0, 0.2);
    padding:15px;
}
#contents_area .group h3 {
    margin-bottom:15px;
}
#contents_area .group ul {
    margin:0 0 0 1.5em;
}
#contents_area .group ul li {
    margin:0;
}
@media (max-width: 991px) {
    #contents_area .group h3 {
        margin-bottom:30px;
    }
}
@media (max-width:767px) {
    #contents_area .container.group .col-2 {
        width:100%;
        margin-left:0;
    }
    #contents_area .group h3 {
        margin-bottom:15px;
    }
}
/* グループ
--------------------------------------------------------*/

/* 取締役プロフィール
===============================================================*/
#contents_area .profile {
}
#contents_area .profile h3 {
    margin-bottom:15px;
}
#contents_area .profile .fLeft {
    width:227px;
    margin:0;
}
#contents_area .profile .fLeft img {
    height:auto;
}
#contents_area .profile .fRight {
    width:68%;
    margin:0;
}
#contents_area .profile .fRight table th {
    width:30%;
}
@media (max-width:767px) {
#contents_area .profile .fLeft,
#contents_area .profile .fRight {
    float:none;
    width:100%;
}
#contents_area .profile .fLeft {
    text-align:center;
}
#contents_area .profile .fLeft img {
    height:auto;
}
}
/* 取締役プロフィール
--------------------------------------------------------*/

/* 沿革
===============================================================*/
table.history td.month {
    white-space:nowrap;
    text-align:right;
    vertical-align:top;
}
table.history td p {
    margin-bottom:0 !important;
}
table.history td p:first-child {
    margin-bottom:15px !important;
}
/* 沿革
--------------------------------------------------------*/
/* 感染防止に向けた主な取り組み */
.caution00 {
  margin : 0.5em 0;
  position: relative;
  padding-left: 1em;
}
.caution00:before {
  position: absolute;
  content: "*";
  left: 0;
  top: 0;
}
.caution01 {
  margin : 0.5em 0;
  position: relative;
  padding-left: 2em;
}
.caution01:before {
  position: absolute;
  content: "*1";
  left: 0;
  top: 0;
}
.caution02 {
  margin : 0.5em 0;
  position:relative;
  padding-left:2em;
}
.caution02:before {
  position:absolute;
  content:"*2";
  left:0;
  top:0;
}
.cardlayout-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  margin: 1em auto;
  max-width: 960px;
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.card-list {
  display: flex;
  margin: 0.5em auto;
  padding: 0.5em;
  width: 100%;
  border: 1px solid #ececec;
  box-shadow: 0px 0px 3px rgb(0 0 0 / 20%);
}
@media all and (min-width: 768px) {
  .card-list {
      margin: 0.5em;
      width: calc(92% / 1);
    }
}
@media all and (min-width: 990px) {
  .card-list {
    width: calc(92% / 2);
  }
  .cardlayout-wrap::after{
    content: "";
    display: block;
    width: calc(92% / 2);
  }
}
.card-text {
  min-width: 0;
  margin: 0.5em;
}
.card-text a {
  word-break: break-all;
}
/* 投資家情報
===============================================================*/
.container.ir {
}
.container.ir .col-3_4 {
    min-height: 1px;
    padding-right: 15px;
    padding-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom:#CDCDCD solid 1px;
    padding-bottom:15px;
}
.container.ir h2 {
    border:none !important;
    padding-top:0 !important;
}
.container.ir .col-3_4 #news-release {
    padding:0;
}
.container.ir .col-3_4 #news-release+p {
    position:relative;
    text-align:right;
    margin:0 15px 0 0;
}
.container.ir .col-3_4 #news-release+p:before {
    content: "\f0ca";
    font-family: "FontAwesome";
    margin-right:0.5em;
    color:#d80b18;
}
.container.ir .col-3_4 #news-release+p:after {
    display: block;
    content: '';
    position: absolute;
    top: .5em;
    right: -15px;
    width: 6px;
    height: 6px;
    border-right: 1px solid #d80b18;
    border-bottom: 1px solid #d80b18;
    -ms-transition: rotate(-45deg);
    -moz-transition: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.container.ir .col-4 {
    padding-left: 15px;
    padding-right: 0;
}
.container.ir .col-4 .price-title {
    text-align:center;
    padding:10px 0;
    background-color:#D2413E;
    color:#FFF;
}
.container.ir .col-4 .price {
    text-align:center;
    background-color:#D2413E;
}
.container.ir .col-4 .price img {
    margin:0;
}
.container.ir .col-4 .price-chart {
    text-align:right;
    padding:10px 1em 10px 0;
    background-color:#D2413E;
}
.container.ir .col-4 .price-chart a {
    position: relative;
    color:#FFF;
    padding-right:30px;
}
.container.ir .col-4 .price-chart a:after,
.container.ir .col-4 .price-chart a:before {
    display: block;
    content: '';
    position: absolute;
}
.container.ir .col-4 .price-chart a:after {
    top: 0;
    right: 0em;
    width: 20px;
    height: 20px;
    background-color: #FFF;
    border-radius: 100%;
}
.container.ir .col-4 .price-chart a:before  {
    z-index: 2;
    top: 0.35em;
    right: 0.4em;
    width: 7px;
    height: 7px;
    border-right: 2px solid #D2413E;
    border-bottom: 2px solid #D2413E;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.container.ir .col-4 .download-title,
.container.ir .col-4 .ranking-title {
    text-align:center;
    padding:5px 0 0 0;
    background-color:#DBE2E8;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
}
.container.ir .col-4 .download-title h2,
.container.ir .col-4 .ranking-title h2 {
    margin:0 !important;
    padding:0 !important;
    font-size:16px !important;
    line-height:1.2 !important;
}
.container.ir .col-4 .download-title span,
.container.ir .col-4 .ranking-title span {
    font-size:13px;
}
.container.ir .col-4 .download-file,
.container.ir .col-4 .download-movie {
    background-color:#F7F7F7;
    font-size:13px;
}
.container.ir .col-4 .ranking {
    background-color:#FFF;
    font-size:13px;
}
.container.ir .col-4 .download-file a,
.container.ir .col-4 .download-movie a,
.container.ir .col-4 .ranking a {
    text-decoration:none !important;
}
.container.ir .col-4 .download-file a:hover,
.container.ir .col-4 .download-movie a:hover,
.container.ir .col-4 .ranking a:hover {
    text-decoration:underline !important;
}
.container.ir .col-4 .download-file ul,
.container.ir .col-4 .download-movie ul,
.container.ir .col-4 .ranking ul {
    margin:0 !important;
    padding:10px;
    list-style:none;
    line-height:1.2;
}
.container.ir .col-4 .download-file ul li,
.container.ir .col-4 .download-movie ul li,
.container.library .download-file ul li,
.container.library .download-movie ul li {
    margin-bottom:10px;
    margin-left:2.2em;
}
.container.ir .col-4 .download-file ul .all-download,
.container.ir .col-4 .download-movie ul .all-download,
.container.library .download-file ul .all-download,
.container.library .download-movie ul .all-download {
    text-indent:-1em;
    margin-left:1.8em;
}
.container.library .download-file .col-2.icon {
    text-align:center;
    border-right:#CDCDCD solid 1px;
}
@media (max-width:767px) {
    .container.library .download-file .col-2.icon {
        border:none;
    }
}
.container.ir .col-4 .download-movie,
.container.library .download-movie {
    border-top:#CDCDCD solid 1px;
    margin-bottom:25px;
}
.container.ir .col-4 .download-movie ul .all-download a[href*="net-presentations.com"]:before{
    content:"\f03d";
    display: inline-block;
    font-family: FontAwesome;
    margin: 0 .5em;
    font-size:18px;
}
.container.ir .col-4 .download-movie ul .all-download a[href*="net-presentations.com"]:after{
    content:"";
}
.container.ir .col-4 .ranking {
    margin-bottom:35px;
}
.container.ir .col-4 .ranking img {
    vertical-align:middle;
    margin:0 1em 0 0;
    float:left;
    border:none;
    box-shadow:none;
}
.container.ir .col-4 .ranking a {
    display:block;
    padding-left:27px;
}
.container.ir .col-4 .ranking #ranking-1st,
.container.ir .col-4 .ranking #ranking-2nd,
.container.ir .col-4 .ranking #ranking-3rd,
.container.ir .col-4 .ranking #ranking-4th,
.container.ir .col-4 .ranking #ranking-5th {
    padding:5px 10px;
    min-height:19px;
    line-height:1.5;
    text-indent:-5px;
}
.container.ir .col-4 .ranking #ranking-1st,
.container.ir .col-4 .ranking #ranking-3rd,
.container.ir .col-4 .ranking #ranking-5th {
    background-color:#F4F4F4;
}
.container.ir .col-4 #bnr-area img {
    margin:0;
}
@media (min-width: 768px) {
.container.ir .col-3_4 {
    float: left;
    width: 100%;
}
}
@media (min-width: 992px) {
.container.ir .col-3_4 {
    float: left;
    width: 75%;
}
.container.ir .col-3_4 #news-release dl dd {
width:28em;
}
.container.ir .col-4.extra .col-3 {
    float:none;
    width:100%;
    padding:0;
}
}
@media (max-width:991px) {
    .container.ir .col-3_4,
    .container.ir .col-4 {
        padding-right: 0;
        padding-left: 0;
    }
    .container.ir .col-3_4 {
        margin-bottom:25px;
    }
    .container.ir .col-4.price {
        width:100%;
    }
    .container.ir .col-3_4 .col-3 {
        width:33%;
    }
    .container.ir .col-4.extra {
        width:100%;
        padding:0;
    }
    .container.ir .col-4.extra .col-3 {
        float:left;
        width:33%;
    }
}
@media (max-width:767px) {
    .container.ir .col-3_4,
    .container.ir .col-4 {
        padding-right: 0;
        padding-left: 0;
    }
    .container.ir .col-3_4 .col-3 {
        float:left;
        width:50%;
    }
    .container.ir .col-4.extra {
        width:100%;
        padding:0;
    }
    .container.ir .col-4.extra .col-3 {
        float:left;
        width:100%;
    }
    .container.ir .col-4.extra .col-3.break {
        clear:both;
        width:100%;
    }
    .container.ir .col-4.extra .col-3.break #bnr-area {
        margin:0 auto;
    }
    .container.ir .col-4.extra .col-3.break h2 {
        float:left;
    }
    .container.ir .col-4.extra .col-3.break h2 img {
      margin-right:10px !important;
    }
}

hr.analyst {width:95%; margin-bottom:20px;}

 #individual .individual_title {
  margin-top: 20px;
  margin-bottom: 0 !important;
  border-top: 0px !important;
  border-bottom: #DA1E04 solid 2px;
}

  /* 追加スタイル */
  /* テーブル内リスト　マージン */
#contents_area .container .no-list-no-margin {
  margin: 0;
  list-style: none;
}

/* 投資家情報
--------------------------------------------------------*/

/* 社長メッセージ
===============================================================*/
p.q-answer {
    font-weight:bold;
    color:#d80b18;
}

.interview_subtitle {
margin-bottom:5px !important;
font-size: 20px;
font-weight: bold;
color: #FF0000;
}


.interview_margin{
margin-bottom: 25px !important;
text-align: center !important;
}

.predent_area{
margin-left:0px;
margin-bottom:10%;
}

.president {
margin-left: 500px !important;
margin-top:-370px;
}

.president_margin{
margin-bottom: 25px !important;
text-align: right !important;
}

/* 社長メッセージ
--------------------------------------------------------*/

/* コーポレートガバナンス
===============================================================*/
.container.governance {
}
.container.governance hr {
    margin-bottom:30px;
}
#contents_area .governance_table table {
  margin-bottom: 1em;
}
#contents_area .governance_table table th {
  vertical-align: middle;
  border: #BBB solid 1px;
}
#contents_area .governance_table table td {
  text-align: center;
  border: #BBB solid 1px;
}
#contents_area .governance_table ol {
  margin: 0.5em;
}
.parentheses {
  font-size: 0.8em;
}
/* コーポレートガバナンス
--------------------------------------------------------*/

/* 財務業績情報
===============================================================*/
table.financial thead th+th {
    border-left:#BBB solid 1px;
}
    table.financial thead th {
}
table.financial tbody th {
    text-align:left;
    font-weight:normal;
}
table.financial td {
    border-left:#BBB solid 1px;
}
table.financial td.numeric {
    text-align:right;
    white-space:nowrap;
}
table.financial td.current {
    background-color:#FFE2E2;
}
table.financial thead td.unit {
    border-left:none;
    text-align:right;
}
@media (min-width: 992px) {
    table.financial thead th {
        white-space:nowrap;
    }
}
/* 財務業績情報
--------------------------------------------------------*/

/* 投資家よくあるご質問
===============================================================*/
.container.faq h2 {
	border:none !important;
	padding:0 !important;
}
.container.faq h2 {
	margin-top:60px;
}
.container.faq h2:first-child {
	margin-top:0;
}
/* 投資家よくあるご質問
--------------------------------------------------------*/

/* IRライブラリ（決算短信等）
===============================================================*/
.library-release {
    padding:30px;
}
.library-release h2 {
    clear:both;
}
.library-release dl dt {
    float:left;
    width:8.5em;
    margin-bottom:20px;
    margin-left:30px;
    padding-right:10px;
    clear:left;
}
.library-release dl dt img {
    border:#ececec solid 1px;
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
    box-shadow : 0px 0px 3px rgba(0, 0, 0, 0.2);
}
.library-release dl dd {
    margin-left:12em;
    margin-bottom:20px;
}
@media (min-width: 768px) {
    .library-release dl dd {
        width:75%;
    }
}
@media (min-width: 992px) {
    .library-release dl dd {
        width:80%;
    }
}
@media (max-width:767px) {
    .library-release dl dt {
        float:none;
        width:auto;
        margin-left:0;
        margin-bottom:10px;
    }
    .library-release dl dd {
        float:none;
        margin-left:0;
        margin-bottom:40px;
    }
}

.library-release .link-button a {
    display: block;
    width: 14em;
    margin: 1em auto;
    padding: 0.5em;
    text-align: center;
    color: #FFF;
    background-color: #DA1E03;
    border-radius:5px;
    text-decoration: none;
}
.library-release .link-button a:hover {
    text-decoration:none;
    background-color:#EE3217;
}
.library-release .link-button a[target="_blank"]:after {
    color:#FFF;
    margin:0 0 0 0.5em;
}

/* IRライブラリ（決算短信等）
--------------------------------------------------------*/

/* 企業の社会的責任
===============================================================*/
.container.csr h3 {
    border-top:#ECECEC solid 1px;
    padding-top:15px;
}

table.commended th {
    width:30%;
    white-space:nowrap;
}
/* 企業の社会的責任
--------------------------------------------------------*/

/* 企業理念
===============================================================*/
.container .ruby {
    margin:20px 0 0 0;
    line-height:1;
    font-size:12px;
    font-weight:bold;
}
.container .ruby+h1 {
    margin-top:0;
    padding-top:0;
}
.container .ruby.mission {
    letter-spacing:0.4em;
}
.container .ruby.vision {
    letter-spacing:0.4em;
}
.container .ruby.principal {
    letter-spacing:0.2em;
}
.container h2 .ruby {
    margin:0;
}
/* 企業理念
--------------------------------------------------------*/

/* 社長の手紙
※旧コンテンツ。
===============================================================*/
div.letter_list ul {
    margin-left:0 !important;
}
div.letter_list li {
    list-style: none;
    background: url(../img/icon_arrow-link.gif) no-repeat left;
    padding-left: 20px;
    margin:0;
}
div.letter_list li a {
    text-decoration:none !important;
}
div.letter_list li a:hover {
    text-decoration:underline !important;
}
/* 社長の手紙
--------------------------------------------------------*/

/* 採用情報トップ
===============================================================*/
#contents_area .container.recruit {
}
#contents_area .container.recruit h2 {
    border-top:none;
}
#contents_area .container.recruit .col-1 {
    padding:0;
    margin-bottom:100px;
}
#contents_area .container.recruit .fLeft {
    width:50%;
    position:relative;
    padding-bottom:15px;
}
#contents_area .container.recruit .fRight {
    width:45%;
    position:relative;
    padding-bottom:15px;
}
#contents_area .container.recruit .wrap.aCenter:hover {
    background-color:#F5F5F5;
}
#contents_area .container.recruit .wrap img {
    text-align:center;
    border:none;
    box-shadow:none;
}
#contents_area .container.recruit .fLeft h2,
#contents_area .container.recruit .fRight h2 {
    margin:0 0 10px 0;
}
#contents_area .container.recruit ul {
    margin:0;
}
#contents_area .container.recruit li {
    margin-bottom:5px;
    font-size:13px;
}
#contents_area .container.recruit .subtitle {
}
#contents_area .container.recruit .subtitle h2 {
    font-weight:normal;
    font-size:18px;
    margin-bottom:60px;
}
#contents_area .container.recruit .subtitle h2 span {
    position:absolute;
    top:20px;
    left:0;
    right:0;
}
#contents_area .container.recruit .subtitle h2 span:before {
    content: "\f138";
    font-family: "FontAwesome";
    margin-right:0.5em;
    color:#A4A4A4;
}
#contents_area .container.recruit .subtitle a {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
@media (max-width:767px) {
    #contents_area .container.recruit .col-1 {
        margin-bottom:0;
    }
    #contents_area .container.recruit .fLeft,
    #contents_area .container.recruit .fRight {
        float:none;
        width:100%;
        margin:0;
    }
}
 /* 追加スタイル */
#contents_area .container .recruit-con {
  display: flex;
}
#contents_area .recruit-employee img {
  margin: 1em auto;
}
#contents_area .recruit-employee h2 {
  border: none;
}
/* 採用情報トップ
--------------------------------------------------------*/

/* キャリア採用
===============================================================*/
.career-con {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.career-box {
  width: 45%;
  margin: 1em;
  padding: 1em;
  box-sizing: border-box;
  border: 1px solid #bbb;
}
@media (max-width:767px) {
  .career-box {
    width: 100%;
  }
}
.career-box a {
  display: flex;
  color: #303030;
  text-decoration: none;
}
#contents_area .career-box h3 {
  margin: 0;
  padding-left: 1em;
  border-left: 4px solid #d80b18;
}
#contents_area .career-box table {
  margin: 0;
}
#contents_area .career-box table th,
#contents_area .career-box table td {
  text-align: left;
  background-color: #fff;
  border: none;
}
.career-header {
  margin: 1em 0 2em 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width:767px) {
  .career-header {
    flex-flow: column;
  }
}
#contents_area .career-header h1 {
  margin: 0;
}
.career-header-entry {
  padding: 0 1em;
  border:1px solid #da1e03;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  text-align:center;
  background-color: #da1e03;
  font-size: 1.2em;
  font-weight:bold;
}
.career-header-entry a {
  display:block;
  color:#FFF;
  padding:10px 0;
}
.career-header-entry a:hover {
  text-decoration:none;
  background-color:#ee3217;
}
/* キャリア採用
--------------------------------------------------------*/

/* 先輩紹介
===============================================================*/
#contents_area .container.oneday {
	margin-top:60px;
}
#contents_area .container.oneday .bg {
    background-color:#F8F8F8;
}
#contents_area .container.oneday .bg img {
    border:0;
    box-shadow:none;
}
#contents_area .container.oneday .bg h3 {
    padding:20px 20px 0 20px;
}
#contents_area .container.oneday .bg.first {
    border-top:#F00 solid 1px;
}
#contents_area .container.oneday .name {
    margin-top:50px;
    font-size:1.6em;
}
#contents_area .container.oneday .bg h4 {
    background-color:#808080;
    font-size:18px;
    color:#FFF;
    padding:27px 10px 8px 10px;
}
#contents_area .container.oneday .bg h4 span {
    color:#DCDCDC;
    font-weight:normal;
    margin-left:1em;
}
#contents_area .container.oneday .bg h4.img-oneday {
    padding:0;
    margin:50px 0 15px 0;
}
#contents_area .container.oneday .bg p {
    padding:0 25px;
}
#contents_area .container.oneday .bg h5 {
    font-size:16px;
    padding:0 8px;
    margin-bottom:15px;
}
#contents_area .container.oneday .section {
    border-top:#303030 dotted 1px;
}
#contents_area .container.oneday .section .time {
    float:left;
    text-align:center;
    width:135px !important;
    min-height:120px;
    padding-top:10px;
}
#contents_area .container.oneday .section .time img {
    margin:5px 10px;
}
#contents_area .container.oneday .section .act-photo {
    margin-left:135px;
    border-left:#303030 dotted 1px;
}
#contents_area .container.oneday .section .act-photo .act {
    float:left;
    width:67%;
    padding-top:10px;
}
#contents_area .container.oneday .section .act-photo .photo {
    float:right;
    width:200px;
}
#contents_area .container.oneday .section .act-photo .act p:first-child {
    font-size:18px;
    font-weight:bold;
    color:#000;
}
@media (max-width:767px) {
    #contents_area .container.oneday .bg h3 {
        text-align:center;
    }
    #contents_area .container.oneday .name {
        text-align:center;
        margin-top:inherit;
    }
    #contents_area .container.oneday .section .act-photo .act {
        float:none;
        width:100%;
    }
    #contents_area .container.oneday .section .act-photo .photo {
        float:none;
        width:100%;
    }
}
  /* 追加スタイル */
#contents_area .oneday-con {
  display: flex;
}
@media (max-width:767px) {
  #contents_area .oneday-con {
    display: block;
  }
}
#contents_area .oneday-con p {
  margin: 1em;
}
#contents_area .oneday-con img {
  width: 100%;
  margin: auto;
}
#contents_area .oneday-con2 {
  display: flex;
}
#contents_area .oneday-con2 p {
  margin: 0.5em;
}
#contents_area .oneday-box {
  margin: 1em;
  flex: 1;
}
#contents_area .oneday-box h3 {
  font-weight: normal;
  margin-top: 0.5em;
}
#contents_area .oneday-job {
  margin-right: 0.5em;
  padding: 0.2em 0.8em;
  font-size: 0.8em;
  color: #fff;
  background-color: #595959;
  border-radius: 4px;
}
#contents_area .oneday-box2 {
  text-align: center;
  flex: 1;
  background: #f3f3f3;
  border: 1px dotted #595959;
  border-right: none;
  border-bottom: none;
}
#contents_area .oneday-box3 {
  flex: 3;
  border: 1px dotted #595959;
  border-bottom: none;
}
#contents_area .oneday-box4 {
  text-align: center;
  flex: 1;
  background: #f3f3f3;
  border: 1px dotted #595959;
  border-right: none;
}
#contents_area .oneday-box5 {
  flex: 3;
  border: 1px dotted #595959;
}
#contents_area .oneday-cap {
  margin: 0.5em 0 0 1em;
}
  /* 座談会 */
#contents_area .talk-con {
  display: flex;
  margin: 2em 0;
}
#contents_area .talk-item0 {
  width: 15%;
  margin-right: 1em;
  text-align: center;
}
#contents_area .talk-item1 {
  width: 85%;
  padding: 1em 2em;
  display: flex;
  align-items: center;
  background-color: #d6e7ff;
  border-radius: 0 2em 0 2em;
}
#contents_area .talk-item2 {
  width: 85%;
  padding: 1em 2em;
  display: flex;
  align-items: center;
  background-color: #ffdae6;
  border-radius: 0 2em 0 2em;
}
#contents_area .talk-item3 {
  width: 85%;
  padding: 1em 2em;
  display: flex;
  align-items: center;
  background-color: #ffefd9;
  border-radius: 0 2em 0 2em;
}
#contents_area .talk-item4 {
  width: 85%;
  padding: 1em 2em;
  display: flex;
  align-items: center;
  background-color: #dbffda;
  border-radius: 0 2em 0 2em;
}
#contents_area .container .talk-title {
  text-align: center;
  border: none;
}
#contents_area .container .talk-cap {
  text-align: center;
  margin-bottom: 0.2em;
  font-size: 1.5em;
  font-weight: normal;
}
#contents_area .container .talk-line {
  height: 1px;
  background-color: #DA1E03;
  border: none;
}
/* 先輩紹介
--------------------------------------------------------*/

/* サイトマップ
--------------------------------------------------------*/
#contents_area .container.sitemap .col-2 {
    padding-left:0;
}
#contents_area .container.sitemap ul {
    margin-left:25px;
}
/* サイトマップ
--------------------------------------------------------*/

/* エントリーフォーム
--------------------------------------------------------*/
#job {
  display: none;
}

input#submit_button {
    border:#DA1E03 solid 1px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin:0 auto 30px auto;
    padding:10px;
    text-align:center;
    width:60%;
    background-color:#DA1E03;
    color:#FFF;
    white-space:normal;
}
input#submit_button:hover {
    text-decoration:none;
    background-color:#EE3217;
}

#contents_area .container.entry {
    border:#DA1E03 solid 1px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin:0 auto;
    text-align:center;
    width:30%;
    background-color:#DA1E03;
    font-size:20px;
    font-weight:bold;
}
#contents_area .container.entry a {
    display:block;
    color:#FFF;
    padding:10px 0;
}
#contents_area .container.entry a:hover {
    text-decoration:none;
    background-color:#EE3217;
}
@media (max-width:767px) {
#contents_area .container.entry {
    width:75%;
}
}
#contents_area .container .entry-form {
}
#contents_area .container .entry-form th {
    white-space:nowrap;
}
/*
#contents_area .container .entry-form input {
    width: 90%;
}
*/
#contents_area .container .entry-form .no-list {
    margin:0 !important;
    padding:0;
}
#contents_area .container .entry-form .no-list li {
    float:left;
    margin-right:1em;
}
#contents_area .container .scroll {
    border:#CCC solid 1px;
    padding:15px 25px 0 25px;
    overflow-y:scroll;
    height:7em;
}
@media (max-width:767px) {
#contents_area .container .scroll {
    border:none;
    padding:0;
    overflow:inherit;
    height:auto;
}
#contents_area .container .entry-form textarea {
    width:100%;
}
#contents_area .container .entry-form input[type="text"] {
    height:2em;
}
#contents_area .container .entry-form .no-list li {
    float:none;
    margin-right:0;
    line-height:3;
}
}
/* エントリーフォーム
===============================================================*/

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

#contents_area .container .inquiry-form {
}
#contents_area .container .inquiry-form th {
    white-space:nowrap;
}
#contents_area .container .inquiry-form .no-list {
    margin:0 !important;
    padding:0;
}
#contents_area .container .inquiry-form .no-list li {
    line-height:2;
}
#contents_area .container form .entry_bt img {
    margin:3px 0 0 40px !important;
    vertical-align:top !important;
    cursor: pointer;
}
@media (max-width:767px) {
    #contents_area .container .inquiry-form textarea {
        width:100%;
    }
    #contents_area .container .inquiry-form input[type="text"] {
        height:2em;
    }
    #contents_area .container .inquiry-form .no-list {
        margin:0 !important;
    }
    #contents_area .container .inquiry-form .no-list li {
        float:none;
        line-height:2;
    }
    #contents_area .container .inquiry-form td {
        display: block;
        width: 100%;
        text-align: center;
    }
    #contents_area .container .inquiry-form th {
        display: block;
        width: 100%;
        text-align: center;
    }
}

    #contents_area .container .note {
        font-size: 0.8em;
    }

    #contents_area .container .txt_form {
        width: 80%;
    }
    #contents_area .container .txt_area {
        width: 80%;
    }

/* お問い合わせ
===============================================================*/


/* Youtube埋め込み
--------------------------------------------------------*/
.video-wrap {
    width: 600px;
    max-width: 100%;
}
.youtube2 {
    position: relative;
    width: 100%;
    /*padding-top: 56.25%;*/
    padding-top: 68%;
    padding-bottom:-15%;

}
.youtube2 iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}
/* Youtube埋め込み
===============================================================*/


/* タブ切り替え
--------------------------------------------------------*/
/* タブ中身のボックス */
div.tab {
    overflow:auto;
    clear:left;
    background:#EFEFEF;
    margin-bottom:1px;
    padding:15px 10px;
}


/* トップページ/セミナー欄
--------------------------------------------------------*/

.sem-container {

}
.sem-col {
    width:45%;
    padding:0;
    margin:0 15px 25px 15px;
    float:left;
}

#contents_area .container .sem-container  h2{
    color:#000;
    font-size:1em;
    font-weight:bold;
    margin-bottom:5px;
    padding:6px 0;
    border-top:#DA1E04 solid 2px;
    }
.sem-info-link{
    text-decoration: none;
    color: var(--green);
    padding: 10px;
    display: block;
}
#contents_area .container .sem-container ul{
    margin:0px;
    margin-right:25px;
}
#contents_area .container .sem-container ul li{
    list-style-type:none;
    list-style-position: inside;
    border-bottom:1px dotted #ccc;
}

@media only screen and (max-width: 767px) {
    .sem-col {
        display: block;
        width: 100%;
    }

}

.sem_btn {
    display: inline-block;
    position: relative;
    display: inline-block;
    padding: 0.25em 0.5em;
    text-align : center;
    text-decoration: none;
    color: #FFF;
    background: #fd9535;/*色*/
    border-radius: 4px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    font-weight: bold;
    border: solid 2px #d27d00;/*線色*/
}

.sem_btn:active {/*押したとき*/
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}


/* トップページ/セミナー欄
===============================================================*/

/* 英語ページ
===============================================================*/
#contents_area .container .l_en-group-title {
  margin-bottom: 0.5em;
}
#l_en-cardlayout-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  margin: 1em auto;
  max-width: 960px;
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.l_en-card-list {
  margin: 0.5em auto;
  padding: 0;
  width: 100%;
  border: 1px solid #ececec;
  box-shadow: 0px 0px 3px rgb(0 0 0 / 20%);
}
@media all and (min-width: 768px) {
  .l_en-card-list {
      margin: 0.5em;
      width: calc(94% / 2);
    }
}
@media all and (min-width: 990px) {
  .l_en-card-list {
    width: calc(94% / 3);
  }
  #l_en-cardlayout-wrap::after{
    content: "";
    display: block;
    width: calc(100% / 3);
  }
}
a.l_en-card-link {
  display: flex;
  align-items: center;
  width: 100%;
}
.l_en-card-img {
  padding: 0.5em;
}
.l_en-card-title {
  margin: 0.5em;
}
.l_en-card-text {
  min-width: 0;
  margin: 0.5em;
}
.l_en-card-text a {
  word-break: break-all;
}
  /* グループ */
#l_en-cardlayout-wrap2 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  margin: 1em auto;
  max-width: 960px;
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.l_en-card-list2 {
  display: flex;
  margin: 0.5em auto;
  padding: 0.5em;
  width: 100%;
  border: 1px solid #ececec;
  box-shadow: 0px 0px 3px rgb(0 0 0 / 20%);
}
@media all and (min-width: 768px) {
  .l_en-card-list2 {
      margin: 0.5em;
      width: calc(92% / 1);
    }
}
@media all and (min-width: 990px) {
  .l_en-card-list2 {
    width: calc(92% / 2);
  }
  #l_en-cardlayout-wrap2::after{
    content: "";
    display: block;
    width: calc(92% / 2);
  }
}
  /* ミッション */
.l_en-mission-list {
  margin-left: 2.5em;
}
  /* ビジネス */
.l_en-business-con {
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 990px) {
  .l_en-business-con {
    display: block;
    text-align: center;
  }
}
#contents_area .container .l_en-business-cap {
  margin-bottom: 0;
}
.l_en-business-img {
  text-align: center;
  margin-bottom: 1em;
}
.l_en-business-text {
  margin: 1em;
  flex: 4;
}
.creation-icon {
  text-align: center;
  flex: 1;
}
.l_en-business-box {
  display: flex;
  justify-content:space-between;
  align-items: center;
  margin-bottom: 1em;
}
.l_en-business-box2 {
  display: flex;
  justify-content:space-between;
  align-items: center;
  margin-bottom: 1em;
}
@media only screen and (max-width: 990px) {
  .l_en-business-box2 {
    display: flex;
    flex-direction: column-reverse;
  }
}
/* 英語ページ
--------------------------------------------------------*/