.telemaru_contents{
color: #313234;
-webkit-text-size-adjust: none;
/*position: relative;*/
font-size: 1rem;
line-height: 1.65;
}


.telemaru_contents img {
max-width: 100%;
vertical-align: top; }


.telemaru_contents .overview{
background-color: #f3f3f3;
background-image: url("../img/overview_bg.jpg");
background-position: 50% bottom;
background-repeat: no-repeat;
background-size: cover;
}
@media only screen and (min-width: 1366px) {
.telemaru_contents .overview{
background-size: 1366px auto; } }


.telemaru_contents .overview .overview_text_layer {
/*z-index: 10;*/
max-width: 1024px;
margin-left: auto;
margin-right: auto;
position: relative;
box-sizing: border-box;
min-height: auto;
height: 500px;
display: flex;
align-items: center;
padding: 0 10px; }
.telemaru_contents .overview .mark {
display: block;
width: 80px; }
.telemaru_contents .overview .text_group {
color: #000;
/*margin-top: -90px;*/
margin-left: 0px;
margin-bottom: 150px; }
.telemaru_contents .overview .subtitle {
font-size: 20px;
font-weight: bold;
line-height: 1.15;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.telemaru_contents .overview .title {
font-size: 40px;
font-weight: bold;
margin-top: 0.1em;
font-feature-settings: "palt";
}

.telemaru_contents .overview .read {
font-size: 30px;
font-weight: bold;
line-height: 1.15;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/*    margin-top: 0.6em; */
}

.catch{
display: block;
position: absolute;
top:340px;
left: 20px;
}

.catch_sp{
display: none;
}
.catch a{
opacity: 1;
transition: opacity 0.25s ease-out;
}
.catch a:hover{
opacity: 0.88;
}


.mg_c{
margin: 0 auto;
}
.f30b,
.f30bs{
margin: 60px 0 0 0;
font-size: 34px;
line-height: 1.5;
color: #000;
}

h2{
font-feature-settings: "palt";
font-size: 40px;
overflow: hidden;
font-weight: bold;
}

@media (max-width: 440px){
h2,
.hd02 {
font-size: 18px;
}
}

@media only screen and (max-width: 768px) {
.telemaru_contents .overview .overview_text_layer {
height: auto;
padding: 30px 5% 20px; }
.telemaru_contents .overview .mark {
width: 32px;
top: 6%;
left: 6%; }
.telemaru_contents .overview .mark img{
max-width: 100%;
}
.telemaru_contents .overview .text_group {
margin-top: 0px;
margin-left: 0px;
margin-bottom: 70px;}
.telemaru_contents .overview .subtitle {
font-size: 2.5vw; }
.telemaru_contents .overview .title {
margin: 10px 0 0 0;
font-size: 4.2vw; }
.telemaru_contents .overview .read {
font-size: 3.5vw; }
.catch{
width: 180px;
top: 190px;
left:45px;
}


.catch img{
max-width: 80%;
}
.catch_sp{
   display: none;
   }
   .f30b,
   .f30bs{
     margin: 40px 0 0 0;
     font-size: 5.2vw;
     line-height: 1.5;
     color: #000;
       }
}



@media (max-width: 640px){
.catch{
width: 180px;
top: 150px;
left:20px;
}

.catch_sp{
display: block;
}
.f30b{
margin: 10px 0 0 0;
font-size: 7.2vw;
line-height: 1.5;
color: #000;
  }
.f30bs{
    margin: 10px 0 0 0;
    font-size: 6.2vw;
    line-height: 1.5;
    color: #000;
      }
}


.dp_pc,
.dp_pc-sp{
display: block;
}
.dp_sp,
.dp_xsp,
.dp_sp-xsp{
display: none;
}
@media (max-width: 768px){
.dp_sp,
.dp_sp-xsp,
.dp_pc-sp{
display: block;
}
.dp_pc,
.dp_xsp{
display: none;
}
}

@media (max-width: 440px){
.dp_xsp,
.dp_sp-xsp{
    display: block;
}
.dp_pc,
.dp_sp,
.dp_pc-sp{
        display: none;
}
}

/*Btn CV*/
.head_btn{
margin: 20px auto 0 auto;
text-align: center;
position: fixed;
right: 0;
top: 0;
z-index: 9999999999;
}

.top_btn{
margin: 20px auto 0 auto;
text-align: center;
}

.head_btn a,
.head_btn a:visited{
text-decoration: none;
opacity: 1;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.head_btn a:hover{
text-decoration: none;
opacity: 0.45;
}
.head_btn a:focus{
outline: none;
}
a.btn_head{
display: block;
padding: 10px 30px 10px 30px;
background: #ca1c1c;
border-radius: 10px 0 0 10px;
color: #fff;
width: 250px;
margin: 0;
text-align: center;
}

a.btn_head span{
display: block;
text-align: center;
font-size: 18px;
line-height: 1.4;
}
a.btn_head span.icon_head{
background: url("../img/arrow_btw_s.png") right center no-repeat;
}


@media (max-width: 768px){
a.btn_head{
  display: block;
  padding: 10px 20px 10px 30px;
  background: #ca1c1c;
  border-radius: 10px 0 0 10px;
  color: #fff;
  width: 150px;
  margin: 0;
  text-align: center;
}

a.btn_head span{
  display: block;
  text-align: center;
  font-size: 12px;
  line-height: 1.4;
  padding: 0 20px 0 0;
}

}
/* ============================== Clearfix */
.clm_p:before,
.clm_p:after,
.clm1_t:before,
.clm1_t:after { content: ""; display: table; }
.clm_p:after,
.clm1_t:after { clear: both; }
.clm_p,
.clm1_t { zoom: 1; }

/* ============================================================ Column Module */
/* clm1 */
.clm_p {
width: 100%;
float: left;
padding: 0px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.clm_t {
width: 100%;
float: left;
padding: 0px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.clm2 .clm_p{
width: 34%;
}
.clm2 .clm_t{
width: 66%;
padding: 68px 0 0 5%;
}

.clm_t_mount{
display: block;
width: 660px;
text-align: left;
}

@media(max-width: 1000px){
.clm_t_mount{
display: block;
width: 96%;
text-align: left;
}
}
@media(max-width: 768px){
.clm2 .clm_p{
width: 0%;
display: none;
}
.clm2 .clm_t{
width: 100%;
padding: 4% 0 0 0;
}

.clm_t_mount{
display: block;
width: 96%;
text-align: left;
margin: 0 auto;
}

}



/* ============================== Clearfix */
.ph_bgW:before,
.ph_bgW:after,
.ph_bgB:before,
.ph_bgB:after,
.ph_bgG:before,
.ph_bgG:after { content: ""; display: table; }
.ph_bgW:after,
.ph_bgB:after,
.ph_bgG:after { clear: both; }
.ph_bgW,
.ph_bgB,
.ph_bgG { zoom: 1; }


.ph_bgW{
background-color: #fff;
color: #000;
position: relative;
display: block;
width: 100%;
padding: 0 0 5% 0;
}
.ph_bgG{
background-color: #f3f3f3;
color: #000;
position: relative;
display: block;
width: 100%;
padding: 0 0 5% 0;
}

.ph_bgB{
background-color: #e8f2f5;
color: #000;
position: relative;
display: block;
width: 100%;
padding: 0 0 5% 0;
}

.ph_bg01{
position: relative;
display: block;
margin: 78px auto 0 auto;
width: 100%;
min-height: 360px;
padding: 0;
background: url("../img/bg_sv01.jpg") right bottom no-repeat;
background-size: 130%;
clear: both;
}

.ph_bg02{
position: relative;
display: block;
margin: 78px auto 0 auto;
width: 100%;
min-height: 360px;
padding: 0;
background: url("../img/bg_sv02.jpg") center top no-repeat;
background-size: 130%;
clear: both;
}
.ph_bg03{
position: relative;
display: block;
margin: 78px auto 0 auto;
width: 100%;
min-height: 360px;
padding: 0;
background: url("../img/bg_sv03.jpg") right top no-repeat;
background-size: 130%;
clear: both;
}

.ph_bg04{
position: relative;
display: block;
margin: 58px auto 0 auto;
width: 100%;
min-height: 360px;
padding: 0;
background: url("../img/bg_sv04.jpg") right top no-repeat;

clear: both;
}

.ph_bg05{
position: relative;
display: block;
margin: 38px auto 0 auto;
width: 100%;
min-height: 560px;
padding: 0;
background: url("../img/bg_sv05.jpg") right top no-repeat;

clear: both;
}

.ph_bg06{
position: relative;
display: block;
margin: 78px auto 0 auto;
width: 100%;
min-height: 360px;
padding: 0;
background: url("../img/bg_sv06.jpg") right top no-repeat;
background-size: 130%;
clear: both;
}

.ph_bg07{
position: relative;
display: block;
margin: 78px auto 0 auto;
width: 100%;
min-height: 360px;
padding: 0;
background: url("../img/bg_sv07.jpg") right top no-repeat;
background-size: 130%;
clear: both;
}

.ph_bg08{
position: relative;
display: block;
margin: 78px auto 0 auto;
width: 100%;
min-height: 360px;
padding: 0;
background: url("../img/bg_sv08.jpg") right top no-repeat;
background-size: 130%;
clear: both;
}

.ph_bg09{
position: relative;
display: block;
margin: 78px auto 0 auto;
width: 100%;
min-height: 360px;
padding: 0;
background: url("../img/bg_sv09.jpg") right top no-repeat;
background-size: 130%;
clear: both;
}

.ph_bg10{
position: relative;
display: block;
margin: 78px auto 0 auto;
width: 100%;
min-height: 360px;
padding: 0;
background: url("../img/bg_sv10.jpg") right top no-repeat;
background-size: 100%;
clear: both;
}

.ph_bg11{
position: relative;
display: block;
margin: 78px auto 0 auto;
width: 100%;
min-height: 360px;
padding: 0;
background: url("../img/bg_sv11.jpg") right bottom no-repeat;
background-size: 130%;
clear: both;
}
.ph_bg12{
position: relative;
display: block;
margin: 78px auto 0 auto;
width: 100%;
min-height: 360px;
padding: 0;
background: url("../img/bg_sv12.jpg") right bottom no-repeat;
background-size: 130%;
clear: both;
}

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

@media(max-width: 768px){
.ph_bg01,
.ph_bg02,
.ph_bg03,
.ph_bg04,
.ph_bg05,
.ph_bg06,
.ph_bg07{
position: relative;
display: inline-block;
margin: 0 auto;
width: 100%;
padding: 0 0 0 0;
background : none;
clear: both;
min-height: inherit;
}
}

p.read{
padding-right: 0px;
}


ul.service_menu {
margin: 2px 0 0 0;
width: 100%;
/*display:table;
border-collapse:separate;
border-spacing: 2px 0;*/
}
ul.service_menu li{
float: left;
width: 100%;
padding:0;
display: table-cell;
color: #fff;
font-size: 1.0rem;
vertical-align: middle;
text-align: center;
overflow: hidden;
border: 0.5px solid #fff;
box-sizing: border-box;
}
ul.service_menu li{
width: 25%;
}
@media(max-width: 768px){
ul.service_menu li{
width: 50%;
}
}
@media(max-width: 640px){
ul.service_menu li{
width: 100%;
}
}
ul.service_menu li a{
color: #fff;
display: block;
width: 100.0%;
height: 70px;
font-size: 16px;
line-height: 1.4;
padding: 20px 0;
}
@media(max-width: 640px){
ul.service_menu li a{
color: #fff;
display: block;
width: 100.0%;
height: 50px;
font-size: 16px;
line-height: 1.4;
padding: 20px 0 30px 0;
}
}


ul.service_menu li:hover{
opacity: 0.6;
}
ul.service_menu li a:hover{
color: #fff;
text-decoration: none;
}

ul.service_menu li.blank{
background-color: #ffffff;
}

a.J01,
a.J03,
a.J06,
a.J08,
a.J09,
a.J11{
background: url(../img/arrow_btw_bottom.png) no-repeat #ca1d1d;
background-position: center bottom 15px ;
}
a.J02,
a.J04,
a.J05,
a.J07,
a.J10,
a.J12{
background: url(../img/arrow_btw_bottom.png) no-repeat #e8373c;
background-position: center bottom 15px ;
}

@media(max-width: 768px){
a.J01,
a.J04,
a.J05,
a.J08,
a.J09,
a.J12{
background: url(../img/arrow_btw_bottom.png) no-repeat #ca1d1d;
background-position: center bottom 15px ;
}
a.J02,
a.J03,
a.J06,
a.J07,
a.J10,
a.J11{
background: url(../img/arrow_btw_bottom.png) no-repeat #e8373c;
background-position: center bottom 15px ;
}
}

@media(max-width: 640px){
a.J01,
a.J03,
a.J05,
a.J07,
a.J09,
a.J11{
background: url(../img/arrow_btw_bottom.png) no-repeat #ca1d1d;
background-position: center bottom 15px ;
}
a.J02,
a.J04,
a.J06,
a.J08,
a.J10,
a.J12{
background: url(../img/arrow_btw_bottom.png) no-repeat #e8373c;
background-position: center bottom 15px ;
}
}


ul.ntag {
margin: 20px 0 0 0;
width: 640px;
display:table;
border-collapse:separate;
border-spacing: 8px 0;
}
ul.ntag li{
width: 200px;
display: table-cell;
background-color: #10345f;
color: #fff;
font-size: 0.85rem;
padding: 5px;
vertical-align: middle;
text-align: center;
}
ul.ntag_l {
margin: 20px 0 0 0;
width: 930px;
display:table;
border-collapse:separate;
border-spacing: 8px 0;
}
ul.ntag_l li{
width: 310px;
display: table-cell;
background-color: #10345f;
color: #fff;
font-size: 0.85rem;
padding: 5px;
vertical-align: middle;
text-align: center;
}
.g4{
min-height: 90px;
}

@media(max-width: 1000px){
ul.ntag {width: 100%;}
ul.ntag li{width: 33.333333%;}
}

@media(max-width: 640px){
ul.ntag {width: 100%;}
ul.ntag li{
width: 100%;
display: block;
background-color: #10345f;
color: #fff;
font-size: 0.85rem;
padding: 5px;
vertical-align: middle;
text-align: center;
margin: 2px 0;
}
.g4{
min-height: auto;
}
}


/* Button */
.cnv_set_cam {
text-align: center;
font-feature-settings: "palt";
letter-spacing: 0.05em;
margin: 20px auto 0 auto;
width: 624px;
}

@media(max-width: 640px){
.cnv_set_cam {width: 97%;}
}
.cnv_set {
text-align: center;
font-feature-settings: "palt";
letter-spacing: 0.05em;
margin: 20px 0 0 8px;
width: 624px;
}
@media(max-width: 1000px){
.cnv_set {width: 97%;}
}

.button {
display: block;
margin: 0;
padding: 3px 20px;
border: none;
text-align: center;
font-weight: bold;
font-size: 18px;
line-height: 1.2;
-webkit-border-radius: 0px;
border-radius: 0px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}
.button.spe01 { padding: 18px 20px; background-color: #ca1c1c; color: #ffffff;}
.button.spe01:hover { background-color: #ca1c1c; opacity: 0.6; }
.button.spe02 { background-color: #fff; color: #2063dc;border: 2px solid #2063dc;}
.button.spe02:hover { background-color: #2063dc; color: #fff; border: 2px solid #2063dc; }


a.spe01 p{
display: block;
text-align: center;
font-size: 30px;
line-height: 1.4;
}
a.spe02 p{
display: block;
text-align: center;
font-size: 24px;
line-height: 1.4;
}

@media (max-width: 440px){
a.spe01 p{
display: block;
text-align: center;
font-size: 15px;
line-height: 1.4;
}
a.spe02 p{
display: block;
text-align: center;
font-size: 15px;
line-height: 1.4;
}
}

.icon_camp{
background: url("../img/arrow_btw_s.png") right center no-repeat;
}

.icon_netricoh{
background: url("../img/arrow_btb_s.png") right center no-repeat;
}

.icon_netricoh:hover{
background: url("../img/arrow_btw_s.png") right center no-repeat;
}
.Camp{
background-color: #ffffff;
border: 1px solid #000000;
padding: 20px;
width: 920px;
margin: 0 auto;
text-align: center;
}
.Camp_notice{
padding: 0px;
width: 940px;
margin: 0 auto;
text-align: left;
}

.Camp_mount{
padding: 24px;
margin: 0 auto;
text-align: left;
}

@media(max-width: 768px){
.Camp{
background-color: #ffffff;
border: 1px solid #000000;
padding: 10px;
width: 90%;
margin: 0 auto;
text-align: center;
}
.Camp_notice{
width: 90%;
margin: 0 auto;
text-align: left;
}
.Camp_mount{
padding: 14px;
margin: 0 auto;
text-align: left;
}
}

.fsmall{
font-size: 18px;
}
.fxsmall{
font-size: 13px;
}

@media (max-width: 440px){
.fsmall{
font-size: 0.65rem;
}
}


.cam,
.cam_icon{
font-size: 27px;
font-weight: bold;
font-feature-settings: "palt";
padding: 0 0 20px 0;
position: relative;
}


.cam_red{
color: #ca1c1c;
}
.cam_md{
font-size: 40px;
font-weight: bold;
}
.cam_lg{
font-size: 60px;
font-weight: bold;
line-height: 1.1;
}

@media (max-width: 440px){
.cam{
font-size: 18px;
font-weight: bold;
font-feature-settings: "palt";
padding: 0 0 0 0;
text-align: center;
}
.cam_icon{
font-size: 18px;
font-weight: bold;
font-feature-settings: "palt";
padding: 110px 0 0 0;
text-align: center;
}
.cam_md{
font-size: 22px;
font-weight: bold;
}
.cam_lg{
font-size: 40px;
font-weight: bold;
line-height: 1.1;
}
}



table.target{
margin: 10px 0 0 0;
width: 100%;
border-top:  1px solid #000000;
}
table.target th{
padding:10px;
width: 20%;
text-align: right;
}
table.target td{
padding:10px;
width: 80%;
}
@media(max-width: 768px){
table.target{
margin: 10px 0 0 0;
width: 100%;
border-top:  1px solid #000000;
border-bottom:  1px solid #000000;
}
table.target th{
padding:10px 0;
width: 20%;
text-align: left;
}
table.target td{
padding:10px 0;
width: 80%;
}
}

p.limit{
margin: 0 0 0 0;
width: 100%;
padding:10px 0;
border-top:  1px solid #000000;
border-bottom:  1px solid #000000;
text-align: center;}

table.limit{
margin: 0 0 0 0;
width: 100%;
border-top:  1px solid #000000;
border-bottom:  1px solid #000000;
}
table.limit th{
padding:10px;
width: 25%;
text-align: right;
}
table.limit td{
padding:10px;
width: 25%;
font-weight: bold;
}

table.limit th.p50{
padding:10px;
width: 50%;
text-align: right;
}
table.limit td.p50{
padding:10px;
width: 50%;
font-weight: bold;
}

@media(max-width: 768px){
table.limit{
margin: 0 0 0 0;
width: 100%;
border-bottom: 1px solid #000000;
border-top:  none;
}
table.limit th{
padding:10px 0;
width: 40%;
text-align: left;
}
table.limit td{
padding:10px 0;
width: 60%;
}
}@media(max-width: 440px){
table.limit{
margin: 0 0 0 0;
width: 100%;
border-bottom: 1px solid #000000;
border-top:  none;
}
table.limit th.p50{
padding:10px 0;
width: 45%;
text-align: left;
font-size: 0.9rem;
}
table.limit td.p50{
padding:10px 0;
width: 55%;
}
}

img.icon35{
position: absolute;
top:0px;
right: 0px;
}

@media(max-width: 768px){
img.icon35{
position: absolute;
top:0px;
right: 0px;
width:90px;
}
}

@media(max-width: 440px){
img.icon35{
position: absolute;
top:0px;
right: 0px;
left:0px;
width:110px;
margin: 0 auto;
}
}

.win10{
width:300px;
padding: 0 20px 0 0;
float: left;
}
@media(max-width: 768px){
.win10{
width:220px;
padding: 0 10px;
float: none;
}
}
.sct_yellow{
background-color: #faeeba;
padding: 20px 0;
}

.sct_red{
background-color: #ffffff;
padding: 20px 0;
border-bottom: 6px solid #ca1c1c;
}


/* ============================== Page Top */
.cp-PageTop {
display: none;
position: fixed;
right: 8px;
bottom: 8px;
z-index: 100;
/*for Media Queries*/
}

.cp-PageTop a {
display: block;
float: right;
width: 50px;
height: 50px;
background: url(/-/Media/ScAssets/System/Images/icon_pagetop.png) center center no-repeat;
background-color: rgba(0, 0, 0, 0.8);
border-radius: 4px;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}

@media (max-width: 640px) {
.cp-PageTop {
right: 0;
}
.cp-PageTop a {
width: 52px;
height: 52px;
}
}

.Detail_tab{
padding:0;
width: 930px;
margin: 20px auto 0 auto;
text-align: center;
}
.Detail{
background-color: #f1f1f1;
border-top: 13px solid #f1f1f1;
/*border-top: 13px solid #5ab4bd;*/
padding: 20px;
width: 970px;
margin: 0 auto;
text-align: center;
}

.Graph{
padding:0;
width: 970px;
margin: 0 auto;
text-align: center;
}

.Graph img{
margin: 20px 0 0 0;
width: 100%;
}

@media(max-width: 768px){
  .Graph{
    width: 90%;
  }

.Detail{
border-top: 13px solid #10345f;
padding: 10px;
width: 90%;
}
 }
.Detail h3{
font-size: 27px;
font-weight: bold;
font-feature-settings: "palt";
text-align: center;
color: #10345f;
}
@media(max-width: 768px){
.Detail h3{
font-size: 1.2rem;
}

}
.Detail h4{
font-size: 0.85rem;
font-weight: bold;
font-feature-settings: "palt";
border-bottom: 1px dotted;
padding: 5px 0;
margin: 10px auto;
}

.Detail .Flow{
vertical-align: top;
margin: 20px auto;
clear: both;
text-align: left;
}
.Detail .Req{
width: 42%;
float: left;
background-color: #d6d6d6;
padding: 3%;
}
.Detail .Sol{
width: 40%;
margin: 0%;
float: left;
background-color: #faeeba;
padding: 2%;
}
.Detail .Arrow{
width: 4%;
margin: 0;
float: left;
padding: 3% 0;
vertical-align: middle;
}

.Detail .Const{
vertical-align: top;
margin: 20px auto;
clear: both;
text-align: left;
width: 93%;
}
@media(max-width: 768px){
.Detail .Req{
width: 94%;
float: none;
background-color: #d6d6d6;
padding: 3%;
}
.Detail .Sol{
width: 94%;
float: none;
background-color: #faeeba;
padding: 3%;
}
.Detail .Arrow{
width: 100%;
height: 40px;
float: none;
padding: 0;
vertical-align: top;
text-align: center;
}
.Detail .Const{
vertical-align: top;
margin: 20px auto;
clear: both;
text-align: left;
width: 100%;
}
}
.Detail .Const{
vertical-align: top;
margin: 20px auto;
clear: both;
text-align: left;
width: 93%;
}

.Detail ul.cb,
.Detail ul.cy {
padding: 0 0 0 10px;
}
.Detail ul.cb li,
.Detail ul.cy li {
list-style-type: none;
}

.Detail ul.cb li:before {
content: '';
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
position: relative;
left: -10px;
top: -3px;
padding: 0;
}

.Detail ul.cy li:before {
content: '';
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #ffd907;
position: relative;
left: -10px;
top: -3px;
padding: 0;
}

.arrow{
position: relative;
display: block;
padding: 0 0 0 0;
color: #000;
vertical-align: top;
text-decoration: none;
font-size: 0;
}

.arrow::before,
.arrow::after{
position: absolute;
top: 20px;
bottom: auto;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.sankaku::before{
left: 0px;
box-sizing: border-box;
width: 24px;
height: 24px;
border: 24px solid transparent;
border-left: 24px solid #d6d6d6;
}



@media(max-width: 768px){
.arrow::before,
.arrow::after{
position: absolute;
top: 0;
bottom: auto;
left: 0;
right: 0;
margin: auto;
content: "";
vertical-align:top;
}
.sankaku::before{
top: 0;
left: 0px;
box-sizing: border-box;
width: 44px;
height: 44px;
border: 44px solid transparent;
border-top: 44px solid #d6d6d6;
}
}


#Detail01,
#Detail02,
#Detail03{
    display: none;
}

#Detail01_Anc,
#Detail02_Anc,
#Detail03_Anc{
    display: block;
}


.Debtn{
    text-decoration: underline;
    cursor : pointer;
}

.ntag a,
.ntag_l a{
    color: #fff;
    text-decoration: underline;
}
.modal-content {
	width: 970px ;
	margin: 0 ;
	padding: 0 0 5px 0;
	background: #fff ;
	position: fixed ;
	display: none ;
	z-index: 12;
}

#modal-overlay {
	z-index: 11;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 120% ;
	background-color: rgba( 0,0,0, 0.85 ) ;
}


.buttonP{
    width: 96% ;
    padding: 10px 2%;
    text-align: right;

}
.button-link {
	text-decoration: none;
}

.button-linkP {
	color: #000 ;
    font-size: 2.0rem;
    line-height: 0;
	text-decoration: none;
}

.button-link:hover,
.button-linkP:hover{
	cursor: pointer ;
}


/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 50px;
  padding-bottom: 40px;
  background-color: #fff;
  width: 969px;
  margin: 0 auto;
}

/*タブのスタイル*/
.tab_item {
/*  width: calc(100%/3);*/
  width: 316px;
  height: 70px;
  background-color: #10345f;
  line-height: 1.65;
  text-align: center;
  color: #ffffff;
  display: block;
  float: left;
  font-size: 0.85rem;
  text-align: center;
  font-weight: nomal;
  transition: all 0.2s ease;
  padding: 10px 0;
  vertical-align: middle;
}

.tmg10{
  margin: 0 10px 0 0;
}
.tab_item:hover {
  opacity: 0.75;
}

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

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


/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content {
  display: block;
}

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