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


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

.solutions_contents .overview{
background-color: #f3f3f3;
background-image: url("../img/overview_bg.jpg");
background-position: 50% bottom;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}

.solutions_contents .overview::before{
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0,0,0,0.3);
}

@media only screen and (min-width: 1366px) {
.solutions_contents .overview{
    background-size: 1366px auto; } }


.solutions_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; }
.solutions_contents .overview .mark {
display: block;
width: 80px; }
.solutions_contents .overview .text_group {
color: #fff;
margin-top: -70px;
margin-left: 110px;
margin-bottom: 170px; }
.solutions_contents .overview .subtitle {
font-size: 26px;
font-weight: bold;
line-height: 1.15;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.solutions_contents .overview .title {
font-size: 40px;
font-weight: bold;
margin-top: 0.1em;
line-height: 1.35;
font-feature-settings: "palt";
}

.solutions_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: 32px;
  overflow: hidden;
  font-weight: bold;
}

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

@media only screen and (max-width: 768px) {
.solutions_contents .overview .overview_text_layer {
  height: auto;
  padding: 30px 5% 20px; }
.solutions_contents .overview .mark {
  width: 32px;
  top: 6%;
  left: 6%; }
.solutions_contents .overview .mark img{
  max-width: 100%;
   }
.solutions_contents .overview .text_group {
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 70px;}
.solutions_contents .overview .subtitle {
  font-size: 2.5vw; }
.solutions_contents .overview .title {
  margin: 10px 0 0 0;
  font-size: 4.2vw; }
.solutions_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_sp{
  	display: none;
  }
  .dp_pc{
  	display: block;
  }
  .dp_xsp{
      display: none;
    }
  @media (max-width: 768px){
      .dp_sp{
      		display: block;
      	}
        .dp_pc{
        	display: none;
        }
        .dp_xsp{
            display: none;
          }
      }

@media (max-width: 440px){
          .dp_xsp{
          		display: block;
          	}
          }
          /*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: 40%;
      padding: 75px 0 0 0;
  }
.clm2 .clm_t{
      width: 60%;
      padding: 68px 0 0 2%;
      }

.clm_t_mount{
        display: block;
        text-align: left;
        padding: 0 20px;
      }

@media(max-width: 1000px){
.clm_t_mount{
display: block;
text-align: left;
}
  }
@media(max-width: 768px){
  .clm2 .clm_p{
        width: 100%;
        padding: 4% 0 0 0;
    }
  .clm2 .clm_t{
        width: 100%;
        padding: 4% 0 0 0;
        }
  .clm_t_mount{
          display: block;
          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;
}


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;
}

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{
background: url(../img/arrow_btw_bottom.png) no-repeat #ca1d1d;
background-position: center bottom 15px ;
}
a.J02,
a.J04,
a.J05,
a.J07{
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.J07{
  background: url(../img/arrow_btw_bottom.png) no-repeat #ca1d1d;
  background-position: center bottom 15px ;
  }
  a.J02,
  a.J03,
  a.J06{
  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{
  background: url(../img/arrow_btw_bottom.png) no-repeat #ca1d1d;
  background-position: center bottom 15px ;
  }
  a.J02,
  a.J04,
  a.J06{
  background: url(../img/arrow_btw_bottom.png) no-repeat #e8373c;
  background-position: center bottom 15px ;
  }
}


ul.ntag {
margin: 20px auto 0 auto;
width: 980px;
display:table;
border-collapse:separate;
border-spacing: 8px 0;
}
ul.ntag li{
width: 300px;
display: table-cell;
background-color: #10345f;
color: #fff;
font-size: 1.0rem;
padding: 15px;
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: 500px){
    ul.ntag {width: 100%;margin: 10px auto 0 auto;}
    ul.ntag li{
      display: block;
      width: 92%;
      margin: 3px 0 0 0;
      text-align: left;
    }
    }

/* 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: 10px 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%;
  }
}
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:110px;
  }
}

@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;
}

.sct_another{
      background-color: #ffffff;
      padding: 0 0;
      border-top: 6px solid #072f53;
}


.triangle_under{
  margin: 0 auto;
  width: 0;
  height: 0;
  border-left: 120px solid transparent;
  border-right: 120px solid transparent;
  border-top: 75px solid black;
  border-color:#072f53 #fff;
}

@media(max-width: 768px){
  .triangle_under{
    margin: 0 auto;
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-top: 35px solid black;
    border-color:#072f53 #fff;
  }

}

/* ============================== 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;
  }
}

/*---------------------------------------------------------------------------------------
# Thumb Module Reset
----------------------------------------------------------------------------------------*/

.dt_03.dt_pl{
	padding-left: 23px;
}
.dt_03 .dtc_img{
	width: 32%;
}
.dt_03 .dtc_img img{
	max-width: 95px;
}
.dt_03 .dtc_txt{
	width: 68%;
	height: 95px;
}
.inner .dtl .ttl{
	font-size: 16px;
	vertical-align: middle !important;
}

/*2カラム分Thumb*/
.clm.clm_ver{ width: 66.666%; }
.clm.clm_ver .dt_03 .dtc_img{
	width: 15.0%;
}
.clm.clm_ver .dt_03 .dtc_txt{
	padding-left: 2%;
	width: 85.0%;
}

/*for Media Queries*/
@media (max-width: 640px) {
	.dt_03.dt_pl{
	padding-left:10px;
	}
	.dt_03 .dtc_img{
		width: 32.0% !important;
		min-width: 47px !important;
	}
	.dt_03 .dtc_txt{
		width: auto !important;
		vertical-align: middle !important;
		height: 47px;
	}
	.dt_03 .dtc_txt .ttl,
	.inner .dtl .ttl{
	/*	font-size: 10px;*/
	}

	.clm.clm_ver{ width: 100%; }
	.clm.clm_ver .dt_03 .dtc_img{
		width: 14.6% !important;
		min-width: 47px !important;
	}
	.clm.clm_ver .dt_03 .dtc_txt{
		padding-left: 1.8%;
		width: auto !important;
	}
}


.cmp_mtc01 {
    border: 3px solid #0049a6;
  }
.tileSame a, a:link {
    color: #0049a6;
    text-decoration: none;
}
.tileSame a:hover{
    color: #0049a6;
    text-decoration: underline;
}
/*  */
.movie-btn-wrap {
	position: relative;
	padding-top: 56.25%;
	overflow: hidden;
}

.movie-btn {
	content: '';
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	overflow: hidden;
}

.movie-btn::before {
	content: '';
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: no-repeat 50% 50%;
	background-size: cover;
	transition: 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.movie-btn::after {
	position: absolute;
	content: '';
	width: 60px;
	height: 60px;
	top: calc(50% - 30px);
	left: calc(50% - 30px);
	background: url(../img/icon-play.png) no-repeat 50% 50%;
	background-size: contain;
	transition: 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}


.Ytlink {
    position: relative;
    overflow: hidden;
    text-align: center;
    width: 100%;
}
@media (max-width: 640px) {
.Ytlink {
    width: 95%;
}
}

.Ytlink:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
#Sv01 .Ytlink:after {
    background-image: url(../img/ph_sv01.jpg);
}
#Sv02 .Ytlink:after {
    background-image: url(../img/ph_mitsumori.jpg);
}

.Ytlink:hover:after {
    opacity: .8;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.Ytmovie {
	overflow: hidden;
  z-index: 1;
  position: relative;
  background-color:rgba(0,0,0,0.2);
  padding: 15px 0 10px 0;
}