@charset "utf-8";
/* CSS Document */

/*PC*/
@media print, screen and (min-width: 768px) {

#hedImg {
margin-top: 50px;
}

.hedImgIn {
width: 100%;
height: 100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}

.hed_tit {
width: calc(100% - 20%);
max-width: 1200px;
margin: auto;
}

.hed_tit h2 {
font-size: 10rem;
line-height: 1em;
letter-spacing: 0.08em;
color: #0ECC8A; 
background: -webkit-gradient(linear, right top, left top, from(#0FD8B1), to(#46C4DB));
background: linear-gradient(-90deg, #0FD8B1, #46C4DB);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: bold;
/*font-family: 'Caveat';*/
}

.hed_tit h3 {
font-size: 1.8rem;
position: relative;
color: #222;
display: inline-block;
padding-left: 110px;
margin-bottom: 20px; 
}
.hed_tit h3::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 100px;
  height: 1px;
  background: #0ECC8A;
  background: -webkit-gradient(linear, right top, left top, from(#0FD8B1), to(#46C4DB));
background: linear-gradient(-90deg, #0FD8B1, #46C4DB);
  top: 48%;
}


/*------------*/
#bg { width: 100%; margin: 0 auto; position: relative; }
#bg::after { position: absolute; left: 0; right: 0; display: block; background-image: linear-gradient(60deg, rgba(2, 140, 228, 0.95) 0%, rgba(228, 2, 46, 0.95) 100%); bottom: -100px; height: 80vw; width: 100%; content: ""; opacity: 0.09; z-index: -1;   content: '';
position: absolute;
top: 200px;
left: 0;
width: 120%;
height: 80%;
margin: 3% -10% 0;
background-image: linear-gradient(60deg, rgba(2, 140, 228, 0.95) 0%, rgba(228, 2, 46, 0.95) 100%);  opacity: 0.09;
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
-webkit-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(3deg);
z-index: -1; }

.main_box { margin-bottom: 80px; }
.main_tit { font-size: 25px; font-weight: bold; margin-bottom: 15px; color: #028ce4; }
.main_txt { line-height: 2em; }

.sub_hed { width: 1100px; margin: auto auto auto 0; position: relative; margin-bottom: 30px; }
.sub_hed_img { width: 100%; margin: 0 auto; }
.sub_hed_img img { width: 100%; height: auto; }
.sub_hed::before { content: ""; position: absolute; top: -50px; width: 120%; left: -500px; background-image: linear-gradient(60deg, rgba(2, 140, 228, 0.95) 0%, rgba(228, 2, 46, 0.95) 100%); height: 100%; display: block; opacity: 0.1; z-index: -1; }

.work_box { width: 100%; margin: 0 auto; border-top: 1px solid #ececec; padding-top: 50px; padding-bottom: 50px;  }
.work_tit { font-size: 20px; font-weight: bold; margin-bottom: 30px; position: relative; padding-left: 60px; }
.work_tit::before { content: ""; width: 50px; height: 1px; background: #028ce4; top: 48%; left: 0; position: absolute; display: block; }
.work_txt { text-align: left; line-height: 2em; }
.work_img { width: 30%; float: right; margin-left: 30px; }

.work_imgbox { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; padding-top: 50px; border-top: 1px solid #ececec; }
.work_imgbox_img { flex-basis: 30%; margin-right: 5%; }
.work_imgbox_img img { width: 100%; height: auto; }
.work_imgbox_txtbox { flex-basis: 65%; }
.work_imgbox_tit { font-size: 18px; font-weight: bold; color: #028ce4; margin-bottom: 15px; }
.work_imgbox_txt { text-align: left; }


/*----*/
.jbTxt p {
text-align: center;
font-size: 2rem;
font-weight: bold;
}



.red_txt{
text-align: center;
font-weight: bold;
}

.red_txt a{
color: #46C4DB;
font-weight: bold;
text-decoration: underline;
}

}

/*----------------------------------------------------*/



/*sp*/
@media only screen and (max-width: 767px) {

/*------------*/
#hedImg {
margin-top: 30px;
}

.hedImgIn {
width: 100%;
height: 100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}

.hed_tit {
width: calc(100% - 20%);
max-width: 1200px;
margin: auto;
}

.hed_tit h2 {
font-size: 5rem;
line-height: 1em;
letter-spacing: 0.08em;
color: #0ECC8A; 
font-weight: bold;
}

.hed_tit h3 {
font-size: 1.6rem;
position: relative;
color: #222;
display: inline-block;
padding-left: 110px;
margin-bottom: 20px; 
}

.hed_tit h3::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 100px;
  height: 1px;
  background: #0ECC8A;
  background: -webkit-gradient(linear, right top, left top, from(#0FD8B1), to(#46C4DB));
background: linear-gradient(-90deg, #0FD8B1, #46C4DB);
  top: 48%;
}


/*------------*/
#bg { width: 100%; margin: 0 auto; position: relative; }
#bg::after { position: absolute; left: 0; right: 0; display: block; background-image: linear-gradient(60deg, rgba(2, 140, 228, 0.95) 0%, rgba(228, 2, 46, 0.95) 100%); bottom: -100px; height: 80vw; width: 100%; content: ""; opacity: 0.09; z-index: -1;   content: '';
position: absolute;
top: 200px;
left: 0;
width: 120%;
height: 80%;
margin: 3% -10% 0;
background-image: linear-gradient(60deg, rgba(2, 140, 228, 0.95) 0%, rgba(228, 2, 46, 0.95) 100%);  opacity: 0.09;
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
-webkit-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(3deg);
z-index: -1; }

.main_box { margin-bottom: 50px; }
.main_tit { font-size: 16px; font-weight: bold; margin-bottom: 15px; color: #028ce4; }
.main_txt { line-height: 2em; }

.sub_hed { width:100%; margin: auto auto auto 0; position: relative; margin-bottom: 30px; }
.sub_hed_img { width: 100%; margin: 0 auto; }
.sub_hed_img img { width: 100%; height: auto; }
.sub_hed::before { content: ""; position: absolute; top: -50px; width: 100%; left: -100px; background-image: linear-gradient(60deg, rgba(2, 140, 228, 0.95) 0%, rgba(228, 2, 46, 0.95) 100%); height: 100%; display: block; opacity: 0.1; z-index: -1; }

.work_box { width: 100%; margin: 0 auto; border-top: 1px solid #ececec; padding-top: 50px; padding-bottom: 50px;  }
.work_tit { font-size: 18px; font-weight: bold; margin-bottom: 30px; position: relative; padding-left: 60px; }
.work_tit::before { content: ""; width: 50px; height: 1px; background: #028ce4; top: 48%; left: 0; position: absolute; display: block; }
.work_txt { text-align: left; line-height: 2em; }
.work_img { width: 100%; margin: 0 auto 30px; }
.work_imgbox { width: 100%; margin: 0 auto;  padding-top: 50px; border-top: 1px solid #ececec; }
.work_imgbox_img { width: 100%; margin-bottom: 30px; }
.work_imgbox_img img { width: 100%; height: auto; }
.work_imgbox_txtbox { width: 100%; margin: 0 auto; }
.work_imgbox_tit { font-size: 16px; font-weight: bold; color: #028ce4; margin-bottom: 15px; }
.work_imgbox_txt { text-align: left; }

/*----*/
.jbTxt p {
text-align: center;
font-size: 1.6rem;
font-weight: bold;
}

.red_txt a{
color: #46C4DB;
font-weight: bold;
text-decoration: underline;
}


}