.outline {
  padding-bottom: 8rem; }

.access {
  padding-bottom: 10rem; }
  .access .map {
    padding-top: 3rem;
    padding-bottom: 5rem; }
    .access .map iframe {
      width: 100%;
      height: 54rem; }

.outline dl,
.access dl {
  display: flex;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center;
  padding: 2rem 0;
  font-size: 1.8rem;
  border-bottom: 1px solid #bfbfbf; }
  .outline dl dt,
  .access dl dt {
    width: 17.5rem; }
  .outline dl dd,
  .access dl dd {
    width: calc(100% - 17.5rem); }


.message_ttl {
    color: #0054A7;
    font-size: 3.6rem;
    font-weight: bold;
    letter-spacing: 0.01em;
    padding-bottom: 2.0rem;}
.message_subttl {
    color: #0054A7;
    font-size: 2.2rem;
    font-weight: bold;
    letter-spacing: 0.01em;
    padding-bottom: 2.0rem; }
.message_subttl_b {
    font-size: 2.2rem;
    font-weight: bold;
    letter-spacing: 0.01em;
    padding-bottom: 2.0rem;
    color: #000000;}

.message_subttl_s {
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: 0.01em;
    padding-bottom: 2.0rem;
    color: #0054A7;}

p {
    font-size: 1.6rem;
    line-height: 1.777;
    padding-bottom: 3rem; }
p + .message_subttl {
    padding-top: 2.4rem; }

.small {
    font-size: 1rem;
    line-height: 1.777;
    margin-top: 10px; }

.small2 {
    font-size: 1.6rem;
    line-height: 1.777;
    margin-top: 10px; }

.beyond{
width: 100%;
min-height: 300px;
background-image: url("../images/beyond2033/beyond.jpg");
background-size: cover;
}

.b-message_ttl {
    color: #FFF;
    font-size: 3.3rem;
    font-weight: bold;
    letter-spacing: 0.01em;
    padding-bottom: 2.0rem;
    padding-top: 280px;
    text-align: center;
}

.w-message_ttl {
    color: #1955A2;
    font-size: 3.1rem;
    font-weight: bold;
    letter-spacing: 0.01em;
    padding-bottom: 2.0rem;
    text-align: center;
    background-color: #FFF;
    width: 84%;
    margin: 0 auto;
    margin-top: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 20px
}

.w-message_ttl2 {
    color: #1955A2;
    font-size: 3.1rem;
    font-weight: bold;
    letter-spacing: 0.01em;
    padding-bottom: 2.0rem;
    text-align: left;
    margin-top: 30px;
}

.w-message_ttl3 {
    color: #1955A2;
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: 0.01em;
    padding-bottom: 1.0rem;
    text-align: left;
    margin-top: 10px;
}

.w-message_ttl_b {
    color: #000;
    font-size: 3.1rem;
    font-weight: bold;
    letter-spacing: 0.01em;
    text-align: center;
    background-color: #FFF;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    border:solid 1px #d5d5d5;
}

.beyond-txt{
width: 84%;
margin: 0 auto;
text-align: left;
margin-top: 30px;
}

.beyond-txt p{
font-size: 1.6rem;
line-height: 1.777;
padding-bottom: 3rem;
color: #FFF;
font-weight: 800;
}

.box2000{
width: 100%;
margin: 0 auto;
margin-top: 80px;
}

.box2000-left{
width: 29%;
float:left;
}

.box2000-left img{
width: 100%;
}

.box2000-right{
width: 71%;
float:right;
}

.box2000-right img{
width: 100%;
}

.chuki{
width: 100%;
margin: 0 auto;
}

.chuki-cont{
width: 25%;
float:left;
}

.chuki-cont img{
width: 100%;
}

.chuki-cont2{
width: 100%;
float:left;
}

.chuki-cont2 img{
width: 100%;
}

.kpi{
width: 100%;
margin: 0 auto;
margin-top: 40px;
margin-bottom: 100px;
}

.kpi-cont{
width: 33%;
float:left;
margin-right: 2px;
}

.kpi-cont img{
width: 100%;
}

.kpi-cont2{
width: 33.333333333%;
float:left;
text-align: center;
}

.kpi-cont2 img{
width: 80%;
margin: 0 auto;
}

.footer-space{
width: 100%;
border-top: solid 1px #d5d5d5;
margin-top: 50px;
margin-bottom: 50px;
}

/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 100px;
  padding-bottom: 40px;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  width: 100%;}

/*タブのスタイル*/
.tab_item {
  width: calc(100%/3);
  height: 50px;
  border-bottom: 3px solid #1EA3DB;
  background-color: #eaeaea;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #1EA3DB;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab-content {
  display: none;
  padding: 40px 40px 0;
  clear: both;
  overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#manage:checked ~ #manage_content,
#saas:checked ~ #saas_content,
#business:checked ~ #business_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #1EA3DB;
  color: #fff;
}

.m-group{
width: 100%;
margin: 0 auto;
}

.m-group_left{
width: 49%;
float: left;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
background-color: #fff;
}

.m-group_right{
width: 49%;
float: right;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
background-color: #fff;
}

.m-group-title{
width: 100%;
height: 50px;
background-color:#1EA3DB;
font-size: 20px;
line-height: 50px;
font-weight: 800;
color: #ffffff;
padding-left: 10px;
}

.m-group ul{
padding: 5%;
margin-left: 5px;
}

.m-group ul li{
font-size: 14px;
font-weight: 800;
line-height: 2em;
}

.m-group2{
width: 100%;
margin: 0 auto;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
background-color: #fff;
}

.m-group2-cont{
margin: 0 auto;
padding: 5%;
text-align: left;
}

.m-group2_left{
width: 25%;
float: left;
display: flex;
justify-content: center;
align-items: center;
padding-top: 10%;
}

.m-group2_left img{
width: 80%;
margin: 0 auto;
}

.m-group2_right{
width: 75%;
float: right;
text-align: left;
}

.m-group2 ul{
padding: 1%;
}

.aar{
width: 100%;
margin: 0 auto;
}

.aar-left{
width: 47%;
float:left;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
background-color: #fff;
}

.aar-left-cont{
padding: 2%
}


.aar-left img{
width: 95%;
}

.aar-right{
width: 49%;
float:right;
}

.aar-right img{
width: 95%;
}

.aar p{
font-size: 14px;
font-weight: 800;
}

.aar-left-cont p{
font-weight: 800;   
}

.aar-1{
width: 43%;
float:left;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
background-color: #fff;
}

.aar-1 img{
width: 100%;
}

.aar-2{
width: 14%;
float:left;
display: flex;
justify-content: center;
align-items: center;
}

.aar-2 img{
width: 70%;
margin: 0 auto;
padding-top: 100%;
}


.aar-3{
width: 43%;
float:left;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
background-color: #fff;
}

.aar-3 img{
width: 100%;
}

.m-group2 ul{
padding: 2%;
}

.m-group2 ul li{
font-size: 14px;
font-weight: 800;
line-height: 2em;
}

.aar-pic{
width: 50%;
float:left;
}

.aar-pic img{
width: 100%;
}

p.small{
font-size: 11px;
line-height: 2em;
}

.pl-left{
width: 40%;
float: left;
text-align: left;
}

.pl-right{
width: 60%;
float: right;
text-align: right;
}

.pl-right img{
width: 100%;
}

.sisaku{
width: 100%;
margin: 0 auto;
}

.sisaku-left{
width: 35%;
float: left;
}

.sisaku-left img{
width: 100%;
}


.sisaku-right{
width: 65%;
float: right;
}

.sisaku-right img{
width: 100%;
}




@media screen and (max-width: 767px) {
  .outline {
    padding-bottom: 4rem; }

  .access {
    padding-bottom: 5rem; }
    .access .map {
      padding-top: 2rem;
      padding-bottom: 3rem; }
      .access .map iframe {
        width: 100%;
        height: 30rem; }

  .outline,
  .access {
    padding-left: 3rem;
    padding-right: 3rem; }
    .outline dl,
    .access dl {
      padding: 1.5rem 0;
      font-size: 1.5rem; }
      .outline dl dt,
      .access dl dt {
        width: 100%;
        padding-bottom: 0.5rem; }
      .outline dl dd,
      .access dl dd {
        width: 100%; } 

p {
    font-size: 1.7rem;
    line-height: 1.888;
    padding-bottom: 3rem; }
    
.l_con {
    width: 90%;
    margin: 0 auto;
    }

.beyond{
width: 100%;
margin: 0 auto;
background-image: url("../images/beyond2033/beyond.jpg");
background-size: cover;
margin-top: 100px;
}

.b-message_ttl {
    color: #FFF;
    font-size: 2.2rem;
    font-weight: bold;
    letter-spacing: 0.01em;
    padding-bottom: 1.0rem;
    padding-top: 100px;
    text-align: center;
    width: 84%;
    margin: 0 auto;
}
    
.w-message_ttl {
    color: #1955A2;
    font-size: 2.5rem;
    font-weight: bold;
    letter-spacing: 0.01em;
    padding-bottom: 2.0rem;
    text-align: center;
    background-color: #FFF;
    width: 84%;
    margin: 0 auto;
    margin-top: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 20px
}
    
.box2000{
width: 100%;
margin: 0 auto;
margin-top: 30px;
}

.box2000-left{
width: 100%;
float:left;
}

.box2000-left img{
width: 100%;
}

.box2000-right{
width: 100%;
float:left;
}

.box2000-right img{
width: 100%;
}
    
.w-message_ttl2 {
    color: #1955A2;
    font-size: 2,6rem;
    font-weight: bold;
    letter-spacing: 0.01em;
    padding-bottom: 2.0rem;
    text-align: left;
    margin-top: 30px;
}

.chuki{
width: 100%;
margin: 0 auto;
}

.chuki-cont{
width: 50%;
float:left;
}

.chuki-cont img{
width: 100%;
}

.chuki-cont2{
width: 100%;
float:left;
}

.chuki-cont2 img{
width: 100%;
}
    
.kpi{
width: 100%;
margin: 0 auto;
margin-top: 40px;
margin-bottom: 100px;
}

.kpi-cont{
width: 100%;
float:left;
margin-bottom: 10px;

}

.kpi-cont img{
width: 100%;
}

.kpi-cont2{
width: 33.333333333%;
float:left;
text-align: center;
}

.kpi-cont2 img{
width: 80%;
margin: 0 auto;
}

.tab_item {
  width:100%;
  height: 50px;
  border-bottom: 3px solid #1EA3DB;
  background-color: #eaeaea;
  padding-left: 5px;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #1EA3DB;
  display: block;
  float: left;
  text-align: left;
  font-weight: bold;
  transition: all 0.2s ease;
}
    
.kpi-cont2 img{
width: 90%;
margin: 0 auto;
}
    
.w-message_ttl2 {
    color: #1955A2;
    font-size: 2.4rem;
    font-weight: bold;
    letter-spacing: 0.01em;
    padding-bottom: 2.0rem;
    text-align: left;
    margin-top: 30px;
}
    
.tab-content {
  display: none;
  padding: 10px 10px 0;
  clear: both;
  overflow: hidden;
}

.m-group-title{
width: 100%;
height: 50px;
background-color:#1EA3DB;
font-size: 16px;
line-height: 50px;
font-weight: 800;
color: #ffffff;
padding-left: 10px;
}
    
.m-group_left{
width: 100%;
float: left;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
background-color: #fff;
margin-bottom: 20px;
}

.m-group_right{
width: 100%;
float: left;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
background-color: #fff;
}

.m-group ul{
padding: 5%;
}

.m-group ul li{
font-size: 13px;
font-weight: 800;
line-height: 2em;
}
    
.m-group2{
width: 100%;
margin: 0 auto;
box-shadow: 0 0 0;
background-color: #fff;
}

.m-group2-cont{
margin: 0 auto;
padding: 0;
text-align: left;
}

.m-group2_left{
width: 100%;
float: left;
display: flex;
justify-content: center;
align-items: center;
padding-top: 10%;
}

.m-group2_left img{
width: 50%;
margin: 0 auto;
}

.m-group2_right{
width: 100%;
float: left;
text-align: left;
}

.m-group2 ul{
padding: 3%;
}
    
.other_links {
        padding: 0;
        margin-bottom: 10rem;
}
    
.aar-left{
width: 100%;
float:left;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
background-color: #fff;
margin-bottom: 20px;
}

.aar-left-cont{
padding: 2%
}


.aar-left img{
width: 95%;
}

.aar-right{
width: 100%;
float:right;
}

.aar-right img{
width: 95%;
}

.aar p{
font-size: 14px;
font-weight: 800;
}

.aar-left-cont p{
font-weight: 800;   
}

.aar-1{
width: 100%;
float:left;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
background-color: #fff;
}

.aar-1 img{
width: 100%;
}

.aar-2{
width: 100%;
float:left;
display: flex;
justify-content: center;
align-items: center;
}

.aar-2 img{
width: 15%;
margin: 0 auto;
padding-top: 20px;
padding-bottom: 20px;
}


.aar-3{
width: 100%;
float:left;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
background-color: #fff;
}

.aar-3 img{
width: 100%;
}
    
p.small{
font-size: 10px;
line-height: 2em;
}
    
.pl-left{
width: 100%;
float: left;
text-align: left;
}

.pl-right{
width: 100%;
float: left;
text-align: left;
margin-bottom: 15px;
}

.pl-right img{
width: 100%;
}
    
.sisaku-left{
width: 100%;
float: left;
margin-bottom: 15px;
}

.sisaku-left img{
width: 100%;
}


.sisaku-right{
width: 100%;
float: left;
}

.sisaku-right img{
width: 100%;
}
    
}
