@charset "UTF-8";
/* CSS Document */
/*//////////ネットリンクの特徴//////////*/
.title_a_box_kaso1{
	width: 100%;
}
.title_a_box_kaso2{
    display: block;
    margin: auto;
    width: 450px;
	margin-top: 152px;
}
@media screen and (max-width: 1199px){
.title_a_box_kaso2{
	margin-top: 100px;
    width: 300px;
}
}
@media screen and (max-width: 991px){
.title_a_box_kaso2{
	margin-top: 80px;
    width: 250px;
}
}
@media screen and (max-width: 425px){
.title_a_box_kaso2{
	margin-top: 50px;
    width: 50%;
}
}
/*メイン画像*/
.main-top-bg1{
	position: relative;
    background-image:url("../img/kaso/features/main.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    max-width: 100%;
    height: 500px;
}
@media screen and (max-width: 767px){
.main-top-bg1{
    background-size: cover;
    padding-top: 168px;
    max-width: 100%;
    height: 455px;
}
}
.waku{
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    top: 250px;
	filter: drop-shadow(-4px 6px 9px rgba(0, 0, 0, 0.2));
}
@media screen and (max-width: 991px){
.waku{
    top: 230px;
}
}
@media screen and (max-width: 767px){
.waku{
    top: 210px;
}
}
/*メイン画像内のタイトル*/
.mein-subtitel {
    font-size: 45px;
    text-align: center;
    color: #fff;
    filter: drop-shadow(3px 1px 8px rgba(0, 0, 0, 0.9));
}
@media screen and (max-width: 1199px){
.mein-subtitel {
    font-size: 40px;
}
}
@media screen and (max-width: 991px){
.mein-subtitel {
    font-size: 30px;
}
}
@media screen and (max-width: 425px){
.mein-subtitel {
    font-size: 25px;
    margin-bottom: 0.5rem;
}
}
/*メイン画像内のタイトル下のドット*/
.mein-subtitel_linem {
    border-bottom: dotted 7px;
    color: #fff;
    width: 400px;
	margin: auto;
    filter: drop-shadow(3px 1px 8px rgba(0, 0, 0, 0.9));
}
@media screen and (max-width: 1199px){
.mein-subtitel_linem {
    width: 360px;
}
}
@media screen and (max-width: 991px){
.mein-subtitel_linem {
    width: 280px;
}
}
@media screen and (max-width: 767px){
.mein-subtitel_linem {
    width: 260px;
}
}
@media screen and (max-width: 425px){
.mein-subtitel_linem {
    width: 220px;
    border-bottom: dotted 5px;
}
}
/*コンテンツ１*/
.features-bg{
	background-color: #f5f5f5;
    padding-bottom: 15%;
	position: relative;
    z-index: 2;
}
@media screen and (max-width: 425px){
.features-bg{
    padding-bottom: 5%;
}
}
.f_img_l{
    position: relative;
    z-index: 1;
}
@media screen and (max-width: 767px){
.f_img_l{
    position:static;
}
}
.f_con1_1 {
    padding-top: 100px;
}
@media screen and (max-width: 991px){
.f_con1_1 {
    padding-top: 50px;
}
}
img.f-img1 {
    width: 45vw;
}
@media screen and (max-width: 767px){
img.f-img1 {
	display: none;
}
}
img.f-img2 {
    position: absolute;
    margin-top: -21%;
    left: 68%;
    z-index: 3;
}
@media screen and (max-width: 1526px){
img.f-img2 {
	margin-top: -24%;
    left: 74%;
}
}
@media screen and (max-width: 1266px){
img.f-img2 {
    margin-top: -25%;
}
}
@media screen and (max-width: 1199px){
img.f-img2 {
    width: 15%;
    left: 80%;
    margin-top: -23%;
}
}
@media screen and (max-width: 767px){
img.f-img2 {
	left: 7%;
    margin-top: -6%;
}
}
@media screen and (max-width: 425px){
img.f-img2 {
    width: 21%;
}
}
img.f-img2_3 {
    position: absolute;
    margin-top: -21%;
    left: 68%;
    z-index: 3;
}
@media screen and (max-width: 1526px){
img.f-img2_3 {
	margin-top: -24%;
    left: 74%;
}
}
@media screen and (max-width: 1266px){
img.f-img2_3 {
    margin-top: -25%;
}
}
@media screen and (max-width: 1199px){
img.f-img2_3 {
	width: 13%;
    left: 80%;
    margin-top: -25%;
}
}
@media screen and (max-width: 767px){
img.f-img2_3 {
	left: 8%;
    margin-top: -8%;
}
}
@media screen and (max-width: 425px){
img.f-img2_3 {
	left: 8%;
    margin-top: -6%;
    width: 16%;
}
}
.f_img_r {
    position: absolute;
    z-index: 2;
	background-color: rgb(255,255,255,0.9);
	left: 41%;
    margin-top: -13%;
    padding: 50px 80px;
	filter: drop-shadow(3px 1px 5px rgba(0, 0, 0, 0.3));
}
@media screen and (max-width: 1366px){
.f_img_r {
    width: 55%;
}
}
@media screen and (max-width: 991px){
.f_img_r {
	width: 60%;
    left: 33%;
}
}
@media screen and (max-width: 1199px){
.f_img_r {
    padding: 30px 40px;
}
}
@media screen and (max-width: 767px){
.f_img_r {
    position: static;
    width: 100%;
    margin-top: 4%;
}
}
@media screen and (max-width: 425px){
.f_img_r {
    padding: 30px 20px;
}
}
@media screen and (max-width: 425px){
.f_img_r {
    margin-top: 9%;
    margin-left: -3px;
}
}
@media screen and (max-width: 1366px){
.br_1366{
	display: none;
}
}
p.f-title {
    font-size: 30px;
    margin-bottom: 0.5rem;
}
@media screen and (max-width: 1199px){
p.f-title {
    font-size: 25px;
}
}
@media screen and (max-width: 991px){
p.f-title {
    font-size: 20px;
}
}
@media screen and (max-width: 767px){
p.f-title {
    font-size: 16px;
}
}
p.f-con1_t {
    font-size: 18px;
	letter-spacing: 0.05rem;
    line-height: 2.0rem;
    margin-top: 20px;
}
@media screen and (max-width: 1199px){
p.f-con1_t {
	font-size: 14px;
	line-height: 1.6rem;
    margin-top: 10px;
}
}
@media screen and (max-width: 991px){
p.f-con1_t {
	font-size: 13px;
}
}
.f_line_1 {
    border-bottom: solid 1px #959595;
    left: 45%;
}
.f_img_r_t {
    position: relative;
    z-index: 1;
	left: 27%;
    margin-top: -280px;
}
@media screen and (max-width: 1440px){
.f_img_r_t {
    left: 81%;
}
}
@media screen and (max-width: 1199px){
.f_img_r_t {
    margin-top: -200px;
    left: 67%;
}
}
@media screen and (max-width: 1043px){
.f_img_r_t {
    left: 0%;
}
}
@media screen and (max-width: 991px){
.f_img_r_t {
    left: 76%;
}
}
@media screen and (max-width: 768px){
.f_img_r_t {
    margin-top: -100px;
}
}
@media screen and (max-width: 767px){
.f_img_r_t {
    left: 6%;
}
}
img.f-img1_1 {
    width: 45vw;
}
@media screen and (max-width: 1266px){
img.f-img1_1 {
    width: 46vw;
}
}
@media screen and (max-width: 1252px){
img.f-img1_1 {
    width: 50vw;
}
}
@media screen and (max-width: 1200px){
img.f-img1_1 {
    width: 52vw;
}
}
@media screen and (max-width: 1199px){
img.f-img1_1 {
    width: 47vw;
}
}
@media screen and (max-width: 767px){
img.f-img1_1 {
	display: none;
}
}
img.f-img2_2 {
    position: relative;
    z-index: 3;
    margin-top: 330px;
    left: -10%;
}
@media screen and (max-width: 1199px){
img.f-img2_2 {
	width: 58%;
	margin-top: 150px;
}
}
@media screen and (max-width: 1043px){
img.f-img2_2 {
    left: -90%;
}
}
@media screen and (max-width: 991px){
img.f-img2_2 {
    left: 0%;
    width: 52%;
}
}
@media screen and (max-width: 767px){
img.f-img2_2 {
    width: 39%;
}
}
.f_img_l_t {
    position: absolute;
    z-index: 2;
    background-color: rgb(255,255,255,0.9);
    margin-top: -1%;
	padding: 50px 80px;
    filter: drop-shadow(3px 1px 5px rgba(0, 0, 0, 0.3));
}
@media screen and (max-width: 1266px){
.f_img_l_t {
	margin-top: -2%;
    padding: 30px 40px;
}
}
@media screen and (max-width: 1043px){
.f_img_l_t {
    left: 10%;
}
}
@media screen and (max-width: 991px){
.f_img_l_t {
    width: 60%;
}
}
@media screen and (max-width: 767px){
.f_img_l_t {
    left: 3%;
    width: 94%;
}
}
@media screen and (max-width: 425px){
.f_img_l_t {
    padding: 30px 20px;
    margin-left: -3px;
}
}
@media screen and (max-width: 375px){
.f_img_l_t {
    width: 92%;
}
}
.f_con1_2 {
    margin-top: 100px;
}
@media screen and (max-width: 1440px){
.f_con1_2 {
    margin-top: 130px;
}
}
@media screen and (max-width: 1266px){
.f_con1_2 {
    margin-top: 180px;
}
}
@media screen and (max-width: 1199px){
.f_con1_2 {
    margin-top: 120px;
}
}
@media screen and (max-width: 1043px){
.f_con1_2 {
    margin-top: 55%;
}
}
@media screen and (max-width: 991px){
.f_con1_2 {
    margin-top: 30%;
}
}
@media screen and (max-width: 768px){
.f_con1_2 {
    margin-top: 25%;
}
}
@media screen and (max-width: 576px){
.f_con1_2 {
    margin-top: -15%;
}
}
@media screen and (max-width: 425px){
.f_con1_2 {
    margin-top: -25%;
}
}
@media screen and (max-width: 320px){
.f_con1_2 {
	margin-top: -40%;
}
}
.f_con1_3 {
    padding-top: 450px;
}
@media screen and (max-width: 1440px){
.f_con1_3 {
    padding-top: 570px;
    padding-bottom: 5%;
}
}
@media screen and (max-width: 1366px){
.f_con1_3 {
    padding-top: 600px;
    padding-bottom: 10%;
}
}
@media screen and (max-width: 1199px){
.f_con1_3 {
	padding-top: 370px;
    padding-bottom: 2%;
}
}
@media screen and (max-width: 1024px){
.f_con1_3 {
	padding-top: 43%;
    padding-bottom: 5%;
}
}
@media screen and (max-width: 991px){
.f_con1_3 {
	padding-top: 58%;
    padding-bottom: 17%;
}
}
@media screen and (max-width: 767px){
.f_con1_3 {
    padding-top: 115%;
}
}
@media screen and (max-width: 425px){
.f_con1_3 {
	padding-top: 145%;
}
}
@media screen and (max-width: 375px){
.f_con1_3 {
	padding-top: 162%;
}
}
@media screen and (max-width: 320px){
.f_con1_3 {
    padding-top: 210%;
}
}
.kyou_bg-img-l {
	background-image:url("../img/kaso/features/kyou_bg_l.png");
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
    background-size: 93%;
	border: solid 1px #f5ae1a;
    padding-bottom: 10%;
    height: 534px;
}
@media screen and (max-width: 1199px){
.kyou_bg-img-l {
	padding-bottom: 0%;
    height: 473px;
}
}
@media screen and (max-width: 991px){
.kyou_bg-img-l {
    height: 350px;
}
}
@media screen and (max-width: 425px){
.kyou_bg-img-l {
    height: 300px;
}
}
p.kyou_title{
    font-size: 30px;
    letter-spacing: 0.05rem;
    text-align: center;
}
@media screen and (max-width: 991px){
p.kyou_title{
	font-size: 23px;
}
}
p.kyou_sub_title {
    font-size: 23px;
    text-align: center;
}
@media screen and (max-width: 991px){
p.kyou_sub_title {
	font-size: 13px;
}
}
p.otoiawase_from{
    background-color: #f5ae1a;
    color: #fff;
    font-size: 20px;
    width: 350px;
    display: block;
    margin: auto;
    padding: 20px;
    text-align: center;
    margin-top: 50px;
}
@media screen and (max-width: 991px){
p.otoiawase_from{
	font-size: 16px;
    width: 250px;
    padding: 15px;
}
}
@media screen and (max-width: 425px){
p.otoiawase_from{
    margin-top: 20px;
}
}
.tel_namber {
    font-size: 20px;
    width: 350px;
    display: block;
    margin: auto;
    padding: 20px;
    text-align: center;
    margin-top: 25px;
    border: solid 1px #f5ae1a;
}
@media screen and (max-width: 991px){
.tel_namber {
	font-size: 16px;
    width: 250px;
    padding: 15px;
}
}
.tel_namber a{
    color: #f5ae1a;
}
.kyou_bg-img-r{
	background-image:url("../img/kaso/features/kyou_bg.png");
    background-repeat: no-repeat;
	background-size: cover;
    height: 534px;
}
@media screen and (max-width: 1199px){
.kyou_bg-img-r{
    height: 473px;
}
}
@media screen and (max-width: 991px){
.kyou_bg-img-r{
    height: 350px;
}
}
@media screen and (max-width: 425px){
.kyou_bg-img-r{
    height: 280px;
}
}
img.banner {
    display: block;
    margin: auto;
    padding-top: 70px;
	width: 10%;
}
@media screen and (max-width: 1366px){
img.banner {
    padding-top: 100px;
}
}
@media screen and (max-width: 1024px){
img.banner {
    padding-top: 80px;
}
}
@media screen and (max-width: 991px){
img.banner {
    padding-top: 50px;
}
}
@media screen and (max-width: 425px){
img.banner {
    padding-top: 40px;
}
}
p.kyou_t1 {
    color: #fff;
    font-size: 30px;
    text-align: center;
    margin-top: 30px;
    letter-spacing: 0.05rem;
}
@media screen and (max-width: 991px){
p.kyou_t1 {
    font-size: 23px;
}
}
@media screen and (max-width: 425px){
p.kyou_t1 {
    margin-top: 10px;
}
}
p.kyou_t2 {
    color: #fff;
    text-align: center;
	font-size: 23px;
    margin-bottom: 0rem;
}
@media screen and (max-width: 991px){
p.kyou_t2 {
    font-size: 13px;
}
}
.v_line_fix {
	margin-left: 100px;
    width: 1px;
	height: 64px;
	background-color: #fff;
    display: block;
    margin: auto;
    margin-top: 40px;
}
@media screen and (max-width: 991px){
.v_line_fix {
    height: 44px;
    margin-top: 25px;
}
}
@media screen and (max-width: 425px){
.v_line_fix {
    height: 30px;
}
}
.title_c_box_kaso{
	display: block;
    margin: auto;
    width: 45%;
    padding-top: 120px;
}
@media screen and (max-width: 1024px){
.title_c_box_kaso{
    padding-top: 80px;
}
}
@media screen and (max-width: 991px){
.title_c_box_kaso{
    padding-top: 50px;
}
}
@media screen and (max-width: 425px){
.title_c_box_kaso{
    padding-top: 30px;
}
}
p.top_con3_btn_kyou {
    text-align: center;
    width: 270px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    padding: 15px 20px;
    font-size: 16px;
    border: solid 1px;
    margin-right: 24%;
    display: block;
    margin: auto;
    margin-top: -10px;
}
@media (max-width: 1199px){
p.top_con3_btn_kyou {
    font-size: 13px;
}
}
@media (max-width: 576px){
p.top_con3_btn_kyou {
    margin-top: -22px;
}
}
@media (max-width: 425px){
p.top_con3_btn_kyou {
    margin-top: -4px;
}
}
/*//////////事業内容//////////*/
.content1_jgyou{
	background-image: url("../img/kaso/survices/bg-img.png");
    background-size: cover;
	background-repeat: no-repeat;
    height: 1762px;
    background-position: center;
}
@media (max-width: 1199px){
.content1_jgyou{
    height: 1500px;
}
}
@media (max-width: 991px){
.content1_jgyou{
    height: 1800px;
}
}
@media (max-width: 767px){
.content1_jgyou{
    height: 2450px;
}
}
@media (max-width: 375px){
.content1_jgyou{
    height: 2511px;
}
}
@media (max-width: 320px){
.content1_jgyou{
    height: 2630px;
}
}
/*見出しタイトル*/
.title_a_box_jgyou{
    display: block;
    margin: auto;
    width: 450px;
	padding-top: 152px;
}
@media screen and (max-width: 1199px){
.title_a_box_jgyou{
    padding-top: 100px;
    width: 300px;
}
}
@media screen and (max-width: 991px){
.title_a_box_jgyou{
    padding-top: 80px;
	width: 250px;
}
}
@media screen and (max-width: 425px){
.title_a_box_jgyou{
	padding-top: 50px;
    width: 50%;
}
}
/*
.content1_jgyou {
  overflow: hidden;
  position: relative;
}
.content1_jgyou:before {
	content: '';
    position: absolute;
	top: -100%;
	left: 0;
    width: 200vw;
    height: 120%;
    margin: -47% -3% 0;
    background: #faeded;
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: rotate(23deg);
    -ms-transform: rotate(23deg);
    transform: rotate(23deg);
    z-index: -1;
}
@media(min-width:2500px) {
.content1_jgyou:before {
    width: 130%;
}
}
@media (max-width: 2000px) {
content1_jgyou:before {
    margin: -89% -3% 0;
}
}
@media (max-width: 1560px) {
.content1_jgyou:before {
    margin: -93% -3% 0;
}
}
@media (max-width: 1440px) {
.content1_jgyou:before {
	margin: -57% -3% 0;
}
}
@media (max-width: 1199px) {
.content1_jgyou:before {
	margin: -60% -3% 0;
}
}
@media (max-width: 1024px) {
.content1_jgyou:before {
	margin: -66% -3% 0;
}
}
@media (max-width: 991px) {
.content1_jgyou:before {
    margin: -105% -3% 0;
}
}
@media (max-width: 768px) {
.content1_jgyou:before {
    margin: -119% -3% 0;
}
}
@media (max-width: 767px) {
.content1_jgyou:before {
    margin: -135% -3% 0;
}
}
@media (max-width: 575px) {
.content1_jgyou:before {
    top: -44%;
}
}
@media (max-width: 425px) {
.content1_jgyou:before {
    top: -62%;
}
}
@media (max-width: 375px) {
.content1_jgyou:before {
    top: -67%;
}
}
*/
/*メイン画像*/
.main-top-bg2{
	position: relative;
    background-image:url("../img/kaso/survices/main.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    max-width: 100%;
    height: 500px;
}
@media screen and (max-width: 767px){
.main-top-bg2{
    background-size: cover;
    padding-top: 168px;
    max-width: 100%;
    height: 455px;
}
}
ul, li {
    list-style: none;
}
.survices_wrap {
    background-color: #fff;
    width: 100%;
	filter: drop-shadow(-2px 4px 5px rgba(0, 0, 0, 0.2));
	display: block;
    margin: auto;
    height: 580px;
	margin-bottom: 50px;
	border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    margin-top: -23%;
	padding: 35px;
}
@media (max-width:1199px){
.survices_wrap {
    width: 100%;
	height: 510px;
}
}
@media (max-width: 991px){
.survices_wrap {
    height: 420px;
}
}
@media (max-width: 425px){
.survices_wrap {
	height: auto;
    width: 100%;
    padding-bottom: 20px;
    margin-top: -20%;
}
}
.survices_img1{
	display: block;
	margin: auto;
    padding: 30px 0px 20px;
}
@media (max-width: 991px){
.survices_img1{
    padding: 15px 0px 10px;
	width: 50%;
	height: auto;
}
}
@media (max-width: 425px){
.survices_img1{
    width: 30%;
}
}
/*数字*/
p.survices_number {
    font-size: 90px;
    text-align: center;
	position: relative;
    z-index: 2;
}
@media (max-width: 1199px){
p.survices_number {
    font-size: 75px;
}
}
.yellow {
	color: #f5ae1a;
	opacity: 0.5;
}
.red_s{
	color: #d14c4b;
	opacity: 0.5;
}
.blue_s{
	color: #515b7a;
	opacity: 0.5;
}
/*タイトル*/
p.survices_t1 {
    font-size: 25px;
    text-align: center;
	position: relative;
    padding: 0rem 0rem 1rem;
    margin-bottom: 0rem;
}
@media (max-width: 1199px){
p.survices_t1 {
    font-size: 20px;
}
}
/*タイトル下の斜め線*/
p.survices_t1:after {
    position: absolute;
    bottom: 0;
    left: 38px;
    width: 80%;
    height: 10px;
    content: '';
    background-image: -webkit-repeating-linear-gradient(
135deg
, #000, #000 0px, transparent 1px, transparent 9px);
    background-image: repeating-linear-gradient(
-45degyellowransparent 1px, transparent 9px);
    background-size: 8px 10px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
@media (max-width: 1199px){
p.survices_t1:after {
	left: 4px;
    width: 97%;
}
}
.survices_t2{
	color: #000;
    padding: 13px;
    height: 170px;
	line-height: 2.0rem;
}
@media screen and (max-width:1199px) {
.survices_t2{
    height: 110px;
    padding: 0px;
	line-height: 1.6rem;
    font-size: 13px;
}
}
@media screen and (max-width: 991px) {
.survices_t2{
	font-size: 13px;
    height: 105px;
}
}

@media screen and (max-width: 425px) {
.survices_t2{
    height: auto;
}
}
/*背景　黄色*/
p.survices_btn_y {
    background-color: #f5ae1a;
    width: 180px;
    color: #fff;
    padding: 10px 20px;
    font-size: 15px;
	display: block;
	margin: auto;
	text-align: center;
}
@media screen and (max-width: 991px) {
p.survices_btn_y {
    font-size: 13px;
}
}
@media screen and (max-width: 425px) {
p.survices_btn_y {
    padding: 10px;
}
}
/*背景　赤色*/
p.survices_btn_r {
    background-color: #d14c4b;
    width: 180px;
    color: #fff;
    padding: 10px 20px;
    font-size: 15px;
	display: block;
	margin: auto;
	text-align: center;
}
@media screen and (max-width: 1199px) {
p.survices_btn_r {
	font-size: 13px;
}
}
@media screen and (max-width: 425px) {
p.survices_btn_r {
	padding: 10px;
}
}
/*背景　青色*/
p.survices_btn_b {
    background-color: #515b7a;
    width: 180px;
    color: #fff;
    padding: 10px 20px;
    font-size: 15px;
	display: block;
	margin: auto;
	text-align: center;
}
@media screen and (max-width: 991px) {
p.survices_btn_b {
	font-size: 13px;
}
}
@media screen and (max-width: 425px) {
p.survices_btn_b {
	padding: 10px;
}
}
/*/////////事業内容/ポータルサイト制作/////////*/
/*メイン画像*/
.main-top-bg3{
	position: relative;
    background-image:url("../img/kaso/survices/portal-site/main.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    max-width: 100%;
    height: 500px;
}
@media screen and (max-width: 767px){
.main-top-bg3{
    background-size: cover;
    padding-top: 168px;
    max-width: 100%;
    height: 455px;
}
}
/*メイン画像内のタイトル*/
.mein-subtitel-bg3 {
    font-size: 45px;
    margin-right: 20%;
	text-align: right;
	color: #fff;
    filter: drop-shadow(3px 1px 8px rgba(0, 0, 0, 0.9));
}
@media screen and (max-width: 1199px){
.mein-subtitel-bg3 {
    font-size: 40px;
}
}
@media screen and (max-width: 991px){
.mein-subtitel-bg3 {
    font-size: 30px;
}
}
/*メイン画像内のタイトル下のドット*/
.mein-subtitel_linem-bg3 {
    border-bottom: dotted 7px;
    color: #fff;
    width: 400px;
    margin-left: 59%;
    filter: drop-shadow(3px 1px 8px rgba(0, 0, 0, 0.9));
}
@media screen and (max-width: 1199px){
.mein-subtitel_linem-bg3 {
    width: 360px;
}
}
@media screen and (max-width: 991px){
.mein-subtitel_linem-bg3 {
    width: 280px;
}
}
@media screen and (max-width: 767px){
.mein-subtitel_linem-bg3 {
    width: 260px;
}
}
/*//コンテンツ１///*/
.portal_con1 {
    margin-top: 50px;
	width: 90%;
}
@media screen and (max-width: 1440px) {
.portal_con1 {
    width: 74%;
}
}
@media screen and (max-width: 1199px) {
.portal_con1 {
    width: 89%;
}
}
@media screen and (max-width: 991px) {
.portal_con1 {
	width: 100%;
    margin-top: -50px;
}
}
@media screen and (max-width: 767px) {
.portal_con1 {
    width: 100%;
    margin-top: 0px;
}
}
p.portal_title {
    font-size: 35px;
    text-align: center;
	letter-spacing: 0.1rem;
	padding-top: 100px;
}
@media screen and (max-width: 1440px) {
p.portal_title {
    font-size: 25px;
}
}
@media screen and (max-width: 576px) {
p.portal_title {
    font-size: 20px;
    padding-top: 50px;
}
}
@media screen and (max-width: 425px) {
p.portal_title {
    font-size: 16px;
}
}
span.portal_subtitle {
    font-size: 20px;
    color: #fad485;
}
@media screen and (max-width: 1440px) {
span.portal_subtitle {
	font-size: 16px;
}
}
@media screen and (max-width: 425px) {
span.portal_subtitle {
	font-size: 13px;
}
}
.portal_t1{
    font-size: 26px;
background: -webkit-linear-gradient(transparent 60%, #fad68c 40%);
background: -o-linear-gradient(transparent 60%, #fad68c 40%);
background: linear-gradient(transparent 60%, #fad68c 40%);
	width: 300px;
}
@media screen and (max-width: 1440px) {
.portal_t1{
    font-size: 20px;
    width: 240px;
}
}
@media screen and (max-width: 767px) {
.portal_t1{
    font-size: 16px;
    width: 185px;
}
}
@media screen and (max-width: 425px) {
.portal_t1{
    font-size: 14px;
    width: 160px;
}
}
@media screen and (max-width: 375px) {
.portal_t1{
	font-size: 13px;
    width: 150px;
}
}
@media screen and (max-width: 320px) {
.portal_t1{
	font-size: 11px;
    width: 130px;
}
}
.portal_t2{
    font-size: 26px;
background: -webkit-linear-gradient(transparent 60%, #fad68c 40%);
background: -o-linear-gradient(transparent 60%, #fad68c 40%);
background: linear-gradient(transparent 60%, #fad68c 40%);
    width: 650px;
}
@media screen and (max-width: 1440px) {
.portal_t2{
    font-size: 20px;
    width: 500px;
}
}
@media screen and (max-width: 767px) {
.portal_t2{
    font-size: 16px;
    width: 395px;
}
}
@media screen and (max-width: 425px) {
.portal_t2{
	font-size: 14px;
    width: 340px;
}
}
@media screen and (max-width: 375px) {
.portal_t2{
	font-size: 13px;
    width: 320px;
}
}
@media screen and (max-width: 320px) {
.portal_t2{
	font-size: 11px;
    width: 269px;
}
}
p.portal_t3{
    font-size: 18px;
    line-height: 2.0rem;
}
@media screen and (max-width: 1440px) {
p.portal_t3{
    font-size: 15px;
}
}
@media screen and (max-width: 1199px) {
p.portal_t3{
    font-size: 13px;
}
}
@media screen and (max-width: 767px) {
p.portal_t3{
    line-height: 1.6rem;
}
}

img.portal_img_r {
    margin-top: -10%;
    padding-bottom: 15%;
}
@media screen and (max-width: 991px) {
img.portal_img_r {
	display: block;
    margin: auto;
    width: 35%;
    height: auto;
    margin-top: 5%;
}
}
@media screen and (max-width: 767px) {
img.portal_img_r {
    margin-top: 0%;
    padding-bottom: 5%;
}
}
/*//コンテンツ2///*/
.portal_con2_bg {
    background-color: #eeeeee;
}
span.portal_subtitle_a {
    font-size: 20px;
    color: #da8381;
}
@media screen and (max-width: 1440px) {
span.portal_subtitle_a {
    font-size: 16px;
}
}
@media screen and (max-width: 425px) {
span.portal_subtitle_a {
    font-size: 13px;
}
}
img.portal_img_l {
    padding-bottom: 15%;
}
@media screen and (max-width: 991px) {
img.portal_img_l {
	width: 50%;
    height: auto;
    display: block;
    margin: auto;
    margin-top: 0%;
    padding-bottom: 7%;
}
}

p.portal_t3_a{
    font-size: 18px;
    line-height: 2.0rem;
    margin-top: 50px;
}
@media screen and (max-width: 1440px) {
p.portal_t3_a{
    font-size: 15px;
}
}
@media screen and (max-width: 1199px) {
p.portal_t3_a{
	font-size: 13px;
}
}
@media screen and (max-width: 991px) {
p.portal_t3_a{
    margin-bottom: 50px;
}
}
@media screen and (max-width: 767px) {
p.portal_t3_a{
    font-size: 13px;
}
}
@media screen and (max-width: 767px) {
p.portal_t3_a{
    line-height: 1.6rem;
}
}
@media screen and (max-width: 425px) {
p.portal_t3_a{
    margin-top: 0px;
}
}
/*//コンテンツ3///*/
.portal_con3_bg {
    background-image:url("../img/kaso/survices/portal-site/con3-bg.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    max-width: 100%;
    height: 750px;
}
@media screen and (max-width: 991px) {
.portal_con3_bg {
    height: 630px;
}
}
@media screen and (max-width: 767px) {
.portal_con3_bg {
    height: 800px;
}
}
@media screen and (max-width: 425px) {
.portal_con3_bg {
    height: 750px;
}
}
@media screen and (max-width: 375px) {
.portal_con3_bg {
    height: 720px;
}
}
span.portal_subtitle_b {
    font-size: 20px;
    color: #515b7a;
}
@media screen and (max-width: 1440px) {
span.portal_subtitle_b {
	font-size: 16px;
}
}
@media screen and (max-width: 425px) {
span.portal_subtitle_b {
	font-size: 13px;
}
}
.portal_mt {
    margin-top: 50px;
}
.portal-3_box {
	width: 200px;
	height: 200px;
	border-radius: 50%;
	color: #515b7a;
	text-align: center;
    background-color: #fff;
    border: solid 1px #515b7a;
}
@media screen and (max-width: 991px) {
.portal-3_box {
	width: 150px;
    height: 150px;
}
}
@media screen and (max-width:767px) {
.portal-3_box {
	display: block;
    margin: auto;
	margin-bottom: 20px;
}
}
@media screen and (max-width:320px) {
.portal-3_box {
	width: 130px;
    height: 130px;
}
}
img.portal_img_con3 {
    margin-top: 30px;
}
@media screen and (max-width: 991px) {
img.portal_img_con3 {
    width: 30%;
	height:auto;
}
}
p.portal_t4 {
    margin-top: 10px;
}
@media screen and (max-width: 991px) {
p.portal_t4 {
    font-size: 13px;
}
}
.portal-3_box_b {
    font-size: 23px;
    text-align: center;
    background-color: #515b7a;
    color: #fff;
    width: 37%;
    display: block;
    margin: auto;
    letter-spacing: 0.1rem;
    margin-top: 60px;
    padding: 8px 0px;
}
@media screen and (max-width: 1440px) {
.portal-3_box_b {
	font-size: 18px;
	width: 30%;
}
}
@media screen and (max-width: 1199px) {
.portal-3_box_b {
	width: 35%;
}
}
@media screen and (max-width: 991px) {
.portal-3_box_b {
	width: 40%;
    font-size: 16px;
    margin-top: 30px;
}
}
@media screen and (max-width: 767px) {
.portal-3_box_b {
	width: 50%;
    font-size: 13px;
}
}
@media screen and (max-width: 425px) {
.portal-3_box_b {
    width: 250px;
}
}
p.portal_t5{
    font-size: 18px;
    text-align: center;
    margin-top: 30px;
	line-height: 2.5rem;
}
@media screen and (max-width: 1440px) {
p.portal_t5{
	font-size: 15px;
	line-height: 2.0rem;
}
}
@media screen and (max-width: 991px) {
p.portal_t5{
    font-size: 13px;
    line-height: 1.6rem;
}
}
@media screen and (max-width: 767px) {
p.portal_t5{
	font-size: 13px;
	line-height: 1.6rem;
}
}
@media screen and (max-width: 767px) {
p.portal_t5{
	text-align: left;
}
}
/*//コンテンツ4///*/
ul.portal_con4 {
    font-size: 26px;
    margin-top: 120px;
}
@media screen and (max-width: 1440px) {
ul.portal_con4 {
	font-size: 20px;
    margin-top: 60px;
}
}
@media screen and (max-width: 991px) {
ul.portal_con4 {
	font-size: 16px;
    margin-top: 50px;
}
}
@media screen and (max-width: 767px) {
ul.portal_con4 {
    display: none;
}
}
img.portal_img_con4_l {
    padding-bottom: 15%;
}
@media screen and (max-width: 1440px) {
img.portal_img_con4_l {
    width: 80%;
	height: auto;
    display: block;
    margin: auto;
}
}
@media screen and (max-width: 991px) {
img.portal_img_con4_l {
    margin-top: 50px;
}
}
@media screen and (max-width: 767px) {
img.portal_img_con4_l {
    width: 70%;
}
}
@media screen and (max-width: 425px) {
img.portal_img_con4_l {
    margin-top: 0px;
}
}
/*//数字の色///*/
span.portal_con4_01 {
    color: #f98716;
    font-size: 40px;
}
span.portal_con4_02 {
    color: #f7d200;
    font-size: 40px;
}
span.portal_con4_03 {
    color: #87c41f;
    font-size: 40px;
}
span.portal_con4_04 {
    color: #515b7a;
    font-size: 40px;
}
span.portal_con4_05 {
    color: #f55c4d;
    font-size: 40px;
}
@media screen and (max-width: 1440px) {
span.portal_con4_01,span.portal_con4_02,span.portal_con4_03,span.portal_con4_04,span.portal_con4_05 {
    font-size: 30px;
}
}
@media screen and (max-width: 991px) {
span.portal_con4_01,span.portal_con4_02,span.portal_con4_03,span.portal_con4_04,span.portal_con4_05 {
    font-size: 25px;
}
}
/*//文字のアンダーライン///*/
li.portal_con4_a {
    border-bottom: solid 5px #fad68c;
    margin-bottom: 40px;
    width: 260px;
}
@media screen and (max-width: 1440px) {
li.portal_con4_a {
	width: 190px;
}
}
@media screen and (max-width: 991px) {
li.portal_con4_a {
	width: 155px;
}
}
li.portal_con4_b {
    border-bottom: solid 5px #fbe87f;
    margin-bottom: 40px;
	width: 230px;
}
@media screen and (max-width: 1440px) {
li.portal_con4_b {
	width: 165px;
}
}
@media screen and (max-width: 991px) {
li.portal_con4_b {
	width: 145px;
}
}
li.portal_con4_c {
    border-bottom: solid 5px #c3e18f;
    margin-bottom: 40px;
	width: 280px;
}
@media screen and (max-width: 1440px) {
li.portal_con4_c {
	width: 205px;
}
}
@media screen and (max-width: 991px) {
li.portal_con4_c {
	width: 165px;
}
}
li.portal_con4_d {
    border-bottom: solid 5px #a8adbc;
    margin-bottom: 40px;
	width: 175px;
}
@media screen and (max-width: 1440px) {
li.portal_con4_d {
	width: 130px;
}
}
@media screen and (max-width: 991px) {
li.portal_con4_d {
	width: 105px;
}
}
li.portal_con4_e {
    border-bottom: solid 5px #faada6;
    margin-bottom: 40px;
	width: 230px;
}
@media screen and (max-width: 1440px) {
li.portal_con4_e {
	width: 165px;
}
}
@media screen and (max-width: 991px) {
li.portal_con4_e {
	width: 145px;
}
}
@media screen and (max-width: 1440px) {
li.portal_con4_a,li.portal_con4_b,li.portal_con4_c,li.portal_con4_d,li.portal_con4_e {
	margin-bottom: 20px;
}
}
.portal-3_box_r {
    font-size: 23px;
    text-align: center;
    background-color: #d04d4b;
    color: #fff;
    width: 37%;
    display: block;
    margin: auto;
    letter-spacing: 0.1rem;
    margin-top: -50px;
    padding: 8px 0px;
}
@media screen and (max-width: 1440px) {
.portal-3_box_r {
	font-size: 18px;
    width: 30%;
}
}
@media screen and (max-width: 991px) {
.portal-3_box_r {
	font-size: 16px;
    width: 38%;
    margin-top: -20px;
}
}
@media screen and (max-width: 767px) {
.portal-3_box_r {
	font-size: 13px;
    width: 45%;
}
}
@media screen and (max-width: 425px) {
.portal-3_box_r {
    width: 250px;
}
}
.portal_4_mb {
    padding-bottom: 8%;
}
@media screen and (max-width: 1440px) {
.portal_4_mb {
    padding-bottom: 5%;
}
}
img.portal_con5_img_p {
    display: block;
    margin: auto;
    margin-top: 50px;
}
/*/////////事業内容/オウンドメディア制作/////////*/
/*メイン画像*/
.main-top-bg4{
	position: relative;
    background-image:url("../img/kaso/survices/owned-media/main.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    max-width: 100%;
    height: 500px;
}
@media screen and (max-width: 767px){
.main-top-bg4{
    background-size: cover;
    padding-top: 168px;
    max-width: 100%;
    height: 455px;
}
}
/*メイン画像内のタイトル*/
.mein-subtitel-bg4 {
    font-size: 45px;
    margin-right: 20%;
	text-align: right;
	color: #fff;
    filter: drop-shadow(3px 1px 8px rgba(0, 0, 0, 0.9));
}
@media screen and (max-width: 1199px){
.mein-subtitel-bg4 {
    font-size: 40px;
}
}
@media screen and (max-width: 991px){
.mein-subtitel-bg4 {
    font-size: 30px;
	margin-right: 0%;
    text-align: center;
}
}
/*メイン画像内のタイトル下のドット*/
.mein-subtitel_linem-bg4 {
    border-bottom: dotted 7px;
    color: #fff;
    width: 400px;
    margin-left: 59%;
    filter: drop-shadow(3px 1px 8px rgba(0, 0, 0, 0.9));
}
@media screen and (max-width: 1199px){
.mein-subtitel_linem-bg4 {
    width: 360px;
}
}
@media screen and (max-width: 991px){
.mein-subtitel_linem-bg4 {
    width: 280px;
	margin-left: 0%;
    display: block;
    margin: auto;
}
}
@media screen and (max-width: 767px){
.mein-subtitel_linem-bg4 {
    width: 260px;
}
}
/*//コンテンツ１//*/
.owned_t1{
    font-size: 26px;
background: -webkit-linear-gradient(transparent 60%, #fad68c 40%);
background: -o-linear-gradient(transparent 60%, #fad68c 40%);
background: linear-gradient(transparent 60%, #fad68c 40%);
    width: 510px;
}
@media screen and (max-width: 1440px) {
.owned_t1{
    font-size: 20px;
    width: 380px;
}
}
@media screen and (max-width: 767px) {
.owned_t1{
    font-size: 16px;
    width: 320px;
}
}
@media screen and (max-width: 425px) {
.owned_t1{
	font-size: 14px;
    width: 280px;
}
}
@media screen and (max-width: 320px) {
.owned_t1{
	font-size: 11px;
    width: 220px;
}
}
.owned_t2{
    font-size: 26px;
background: -webkit-linear-gradient(transparent 60%, #fad68c 40%);
background: -o-linear-gradient(transparent 60%, #fad68c 40%);
background: linear-gradient(transparent 60%, #fad68c 40%);
    width: 620px;
}
@media screen and (max-width: 1440px) {
.owned_t2{
    font-size: 20px;
    width: 500px;
}
}
@media screen and (max-width: 767px) {
.owned_t2{
    font-size: 16px;
    width: 395px;
}
}
@media screen and (max-width: 425px) {
.owned_t2{
    font-size: 14px;
    width: 335px;
}
}
@media screen and (max-width: 320px) {
.owned_t2{
    font-size: 11px;
    width: 266px;
}
}
.owned_con1 {
    margin-top: 50px;
	width: 90%;
}
@media screen and (max-width: 1440px) {
.owned_con1 {
	width: 74%;
    margin-left: 10%;
}
}
@media screen and (max-width: 1199px) {
.owned_con1 {
    width: 89%;
}
}
@media screen and (max-width: 991px) {
.owned_con1 {
	width: 100%;
    margin-top: -50px;
    margin-left: 0%;
}
}
@media screen and (max-width: 767px) {
.owned_con1 {
	width: 100%;
    margin-top: 0px;
}
}
/*//コンテンツ2//*/
.owned_con2_box {
    background-color: #fff;
    width: 84%;
    padding: 23px 23px 35px;
	margin: -10% 0 40px 5%;
}
@media screen and (max-width: 991px) {
.owned_con2_box {
    margin: -14% 0 40px 5%;
}
}
@media screen and (max-width: 767px) {
.owned_con2_box {
	margin: -7% 0 40px 2%;
    width: 96%;
}
}
@media screen and (max-width: 425px) {
.owned_con2_box {
	margin: -11% 0 40px 2%;
    width: 98%;
    padding: 10px 23px 19px;
}
}
@media screen and (max-width: 320px) {
.owned_con2_box {
    width: 100%;
}
}
p.owned_number {
    font-size: 45px;
    position: relative;
    z-index: 2;
}
@media screen and (max-width: 991px) {
p.owned_number {
    font-size: 35px;
}
}
@media screen and (max-width: 767px) {
p.owned_number {
    font-size: 30px;
}
}
@media screen and (max-width: 425px) {
p.owned_number {
    margin-top: -10%;
}
}
img.owned_img_l {
    float: left;
}
@media screen and (max-width: 991px) {
img.owned_img_l {
	width: 20%;
	height: auto;
}
}
@media screen and (max-width: 767px) {
img.owned_img_l {
	width: 11%;
}
}
p.owned_t {
    font-size: 20px;
    margin-top: 17px;
    margin: 17px 0 0 80px;
}
@media screen and (max-width: 1199px) {
p.owned_t {
    font-size: 18px;
}
}
@media screen and (max-width: 991px) {
p.owned_t {
    font-size: 13px;
    margin: 17px 0 0 60px;
}
}
@media screen and (max-width: 425px) {
p.owned_t {
    margin: 14px 0 0 60px;
}
}
@media screen and (max-width: 320px) {
p.owned_t {
    margin: 14px 0 0 40px;
}
}
/*//コンテンツ3//*/
.owned_con3_bg {
    background-image:url("../img/kaso/survices/owned-media/con3-bg.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    max-width: 100%;
    height: 750px;
}
@media screen and (max-width: 991px) {
.owned_con3_bg {
    height: 700px;
}
}
@media screen and (max-width:767px) {
.owned_con3_bg {
    height: 1030px;
}
}
@media screen and (max-width:425px) {
.owned_con3_bg {
    height: 930px;
}
}
p.owned-3_t1 {
    color: #f5ae1a;
    font-size: 22px;
    text-align: center;
}
@media screen and (max-width: 991px) {
p.owned-3_t1 {
    font-size: 18px;
}
}
.owned-3_box {
    background-color: #fff;
    width: 100%;
    filter: drop-shadow(-2px 4px 5px rgba(0, 0, 0, 0.2));
    display: block;
    margin: auto;
    margin-bottom: 50px;
    padding: 35px;
}
@media screen and (max-width: 1199px) {
.owned-3_box {
    height: 300px;
}
}
@media screen and (max-width: 991px) {
.owned-3_box {
    height: 330px;
}
}
@media screen and (max-width: 425px) {
.owned-3_box {
	height: 290px;
    padding: 25px;
}
}
p.owned-3_t2 {
    font-size: 15px;
    line-height: 2.0rem;
    margin-top: 20px;
}
@media screen and (max-width: 1199px) {
p.owned-3_t2 {
	font-size: 14px;
    line-height: 1.6rem;
    margin-top: 20px;
}
}
@media screen and (max-width: 991px) {
p.owned-3_t2 {
	font-size: 13px;
}
}
span.owned-3_t4 {
    background-color: #f5ae1a;
    color: #fff;
    font-size: 20px;
    padding: 2px 10px;
}
@media screen and (max-width: 991px) {
span.owned-3_t4 {
    font-size: 16px;
}
}
.owned-3_t3 {
    text-align: center;
    font-size: 20px;
}
@media screen and (max-width: 991px) {
.owned-3_t3 {
    font-size: 16px;
}
}
@media screen and (max-width: 767px) {
.owned-3_t3 {
	font-size: 13px;
    line-height: 2.5rem;
}
}
/*//コンテンツ4//*/
.owned-3_box_r {
    font-size: 23px;
    text-align: center;
    background-color: #515B75;
	color: #fff;
    width: 80%;
    display: block;
    margin: auto;
    letter-spacing: 0.1rem;
    margin-top: 20px;
	padding: 8px 0px;
}
img.owned_img_con4_l {
    padding-bottom: 15%;
}
@media screen and (max-width: 1440px) {
img.owned_img_con4_l {
    display: block;
    margin: auto;
}
}
@media screen and (max-width: 991px) {
img.owned_img_con4_l {
    margin-top: 50px;
}
}
@media screen and (max-width: 767px) {
img.owned_img_con4_l {
    width: 70%;
}
}
@media screen and (max-width: 425px) {
img.owned_img_con4_l {
    margin-top: 0px;
}
}
@media screen and (max-width: 1440px) {
.owned-3_box_r {
	font-size: 18px;
    width: 300px;
}
}
@media screen and (max-width: 991px) {
.owned-3_box_r {
	font-size: 15px;
    width: 280px;
    margin-top: 20px;
}
}
.owned_con4_r{
	display: block;
	margin: auto;
	width: 60%;
    height: auto;
}
@media screen and (max-width: 1440px) {
.owned_con4_r{
    width: 40%;
}
}
@media screen and (max-width: 767px) {
.owned_con4_r{
    margin-top: -15%;
}
}
img.owned-img_con3 {
    margin-top: 30px;
}
@media screen and (max-width: 991px) {
img.owned-img_con3 {
	width: 40%;
    height: auto;
    display: block;
    margin: auto;
}
}
@media screen and (max-width: 767px) {
img.owned-img_con3 {
    width: 25%;
}
}
/*/////////事業内容/求人ポータルサイト制作/////////*/
/*メイン画像*/
.main-top-bg5{
	position: relative;
    background-image:url("../img/kaso/survices/recruitment/main.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    max-width: 100%;
    height: 500px;
}
@media screen and (max-width: 767px){
.main-top-bg5{
    background-size: cover;
    padding-top: 168px;
    max-width: 100%;
    height: 455px;
}
}
/*メイン画像内のタイトル下のドット*/
.mein-subtitel_linem-bg5 {
    border-bottom: dotted 7px;
    color: #fff;
    width: 490px;
    margin: auto;
    filter: drop-shadow(3px 1px 8px rgba(0, 0, 0, 0.9));
}
@media screen and (max-width: 1199px){
.mein-subtitel_linem-bg5 {
    width: 420px;
}
}
@media screen and (max-width: 991px){
.mein-subtitel_linem-bg5 {
    width: 330px;
}
}
@media screen and (max-width: 767px){
.mein-subtitel_linem-bg5{
    width: 280px;
    border-bottom: dotted 5px;
}
}
/*//コンテンツ１//*/
.recruit_con1 {
    margin-top: 70px;
	width: 90%;
}
@media screen and (max-width: 1440px) {
.recruit_con1 {
	width: 74%;
    margin-left: 10%;
}
}
@media screen and (max-width: 1199px) {
.recruit_con1 {
    width: 89%;
}
}
@media screen and (max-width: 991px) {
.recruit_con1 {
	width: 100%;
    margin-top: -50px;
    margin-left: 0%;
}
}
@media screen and (max-width: 767px) {
.recruit_con1 {
	width: 100%;
    margin-top: 0px;
}
}
.recruit_t1{
    font-size: 26px;
background: -webkit-linear-gradient(transparent 60%, #fad68c 40%);
background: -o-linear-gradient(transparent 60%, #fad68c 40%);
background: linear-gradient(transparent 60%, #fad68c 40%);
    width: 450px;
}
@media screen and (max-width: 1440px) {
.recruit_t1{
    font-size: 20px;
    width: 350px;
}
}
@media screen and (max-width: 767px) {
.recruit_t1{
    font-size: 16px;
    width: 280px;
}
}
@media screen and (max-width: 425px) {
.recruit_t1{
	font-size: 14px;
    width: 250px;
}
}
@media screen and (max-width: 320px) {
.recruit_t1{
	font-size: 11px;
    width: 190px;
}
}
.recruit_t2{
    font-size: 26px;
background: -webkit-linear-gradient(transparent 60%, #fad68c 40%);
background: -o-linear-gradient(transparent 60%, #fad68c 40%);
background: linear-gradient(transparent 60%, #fad68c 40%);
    width: 620px;
}
@media screen and (max-width: 1440px) {
.recruit_t2{
    font-size: 20px;
    width: 470px;
}
}
@media screen and (max-width: 767px) {
.recruit_t2{
    font-size: 16px;
    width: 380px;
}
}
@media screen and (max-width: 425px) {
.recruit_t2{
    font-size: 14px;
    width: 335px;
}
}
@media screen and (max-width: 320px) {
.recruit_t2{
    font-size: 11px;
    width: 266px;
}
}
.recruit_t3{
    font-size: 26px;
background: -webkit-linear-gradient(transparent 60%, #fad68c 40%);
background: -o-linear-gradient(transparent 60%, #fad68c 40%);
background: linear-gradient(transparent 60%, #fad68c 40%);
    width: 540px;
}
@media screen and (max-width: 1440px) {
.recruit_t3{
    font-size: 20px;
    width: 420px;
}
}
@media screen and (max-width: 767px) {
.recruit_t3{
    font-size: 16px;
    width: 340px;
}
}
@media screen and (max-width: 425px) {
.recruit_t3{
    font-size: 14px;
    width: 300px;
}
}
@media screen and (max-width: 320px) {
.recruit_t3{
    font-size: 11px;
    width: 230px;
}
}
p.recruit_t4 {
	margin-top: 50px;
    line-height: 2.0rem;
}
@media screen and (max-width: 991px) {
p.recruit_t4 {
    font-size: 13px;
    margin-top: 20px;
    line-height: 1.6rem;
}
}
p.recruit_con2_t{
    font-size: 18px;
    text-align: center;
    margin-top: 50px;
    line-height: 2.0rem;
}
@media screen and (max-width: 991px) {
p.recruit_con2_t{
	font-size: 13px;
    text-align: center;
    margin-top: 30px;
    line-height: 1.6rem;
}
}
@media screen and (max-width: 767px) {
p.recruit_con2_t{
    text-align:left;
}
}
/*コンテンツ３*/
.recruit_con3_bg {
    background-image:url("../img/kaso/survices/recruitment/con3-bg.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    max-width: 100%;
    height: 750px;
}
@media screen and (max-width: 991px) {
.recruit_con3_bg {
    height: 600px;
}
}
@media screen and (max-width:767px) {
.recruit_con3_bg {
    height: 750px;
}
}
@media screen and (max-width:425px) {
.recruit_con3_bg {
    height: 730px;
}
}
img.recruit-con3 {
    display: block;
    margin: auto;
}
@media screen and (max-width:991px) {
img.recruit-con3 {
	width: 80%;
	height: auto;
}
}
@media screen and (max-width:767px) {
img.recruit-con3 {
	width: 60%;
}
}
p.recruit-con3_t1 {
	margin-top: 30px;
    text-align: center;
    color: #fff;
    font-size: 23px;
}
@media screen and (max-width:991px) {
p.recruit-con3_t1 {
	margin-top: 10px;
    font-size: 18px;
}
}
@media screen and (max-width:425px) {
p.recruit-con3_t1 {
    font-size: 16px;
}
}
p.recruit-con3_t2 {
	color: #fff;
    font-size: 15px;
    width: 71%;
    display: block;
    margin: auto;
    line-height: 1.8rem;
}
@media screen and (max-width:1199px) {
p.recruit-con3_t2 {
    width: 86%;
}
}
@media screen and (max-width:991px) {
p.recruit-con3_t2 {
	width: 95%;
    line-height: 1.6rem;
    font-size: 13px;
}
}
@media screen and (max-width:767px) {
p.recruit-con3_t2 {
    margin-bottom: 50px;
}
}
@media screen and (max-width:425px) {
p.recruit-con3_t2 {
    width: 100%;
    margin-bottom: 25px;
}
}
/*コンテンツ4*/
p.recruit-con4_t1 {
    font-size: 18px;
    text-align: center;
    margin-top: 50px;
    line-height: 2.0rem;
}
@media screen and (max-width:991px) {
p.recruit-con4_t1 {
	font-size: 13px;
    text-align: center;
    margin-top: 30px;
    line-height: 1.6rem;
}
}
@media screen and (max-width:425px) {
p.recruit-con4_t1 {
    text-align: left;
}
}
img.recruit-con4 {
    display: block;
    margin: auto;
}
@media screen and (max-width:991px) {
img.recruit-con4 {
	width: 80%;
	height: auto;
}
}
@media screen and (max-width:767px) {
img.recruit-con4 {
	width: 100%;
}
}
/*/////////事業内容/ECサイト制作/////////*/
/*メイン画像*/
.main-top-bg6{
	position: relative;
    background-image:url("../img/kaso/survices/ec-site/main.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    max-width: 100%;
    height: 500px;
}
@media screen and (max-width: 767px){
.main-top-bg6{
    background-size: cover;
    padding-top: 168px;
    max-width: 100%;
    height: 455px;
}
}
/*メイン画像内のタイトル下のドット*/
.mein-subtitel_linem-bg6 {
    border-bottom: dotted 7px;
    color: #fff;
    width: 290px;
    margin: auto;
    filter: drop-shadow(3px 1px 8px rgba(0, 0, 0, 0.9));
}
@media screen and (max-width: 1199px){
.mein-subtitel_linem-bg6 {
    width: 360px;
}
}
@media screen and (max-width: 991px){
.mein-subtitel_linem-bg6 {
    width: 195px;
}
}
@media screen and (max-width: 767px){
.mein-subtitel_linem-bg6{
    width: 165px;
    border-bottom: dotted 5px;
}
}
.ec_t1{
    font-size: 26px;
background: -webkit-linear-gradient(transparent 60%, #fad68c 40%);
background: -o-linear-gradient(transparent 60%, #fad68c 40%);
background: linear-gradient(transparent 60%, #fad68c 40%);
    width: 400px;
}
@media screen and (max-width: 1440px) {
.ec_t1{
    font-size: 20px;
    width: 300px;
}
}
@media screen and (max-width: 767px) {
.ec_t1{
    font-size: 16px;
    width: 240px;
}
}
@media screen and (max-width: 425px) {
.ec_t1{
	font-size: 14px;
    width: 210px;
}
}
@media screen and (max-width: 320px) {
.ec_t1{
	font-size: 11px;
    width: 190px;
}
}
.ec_t2{
    font-size: 26px;
background: -webkit-linear-gradient(transparent 60%, #fad68c 40%);
background: -o-linear-gradient(transparent 60%, #fad68c 40%);
background: linear-gradient(transparent 60%, #fad68c 40%);
    width: 530px;
}
@media screen and (max-width: 1440px) {
.ec_t2{
    font-size: 20px;
    width: 410px;
}
}
@media screen and (max-width: 767px) {
.ec_t2{
    font-size: 16px;
    width: 320px;
}
}
@media screen and (max-width: 425px) {
.ec_t2{
    font-size: 14px;
    width: 280px;
}
}
@media screen and (max-width: 320px) {
.ec_t2{
    font-size: 11px;
    width: 230px;
}
}
.ec_t3{
    font-size: 26px;
background: -webkit-linear-gradient(transparent 60%, #fad68c 40%);
background: -o-linear-gradient(transparent 60%, #fad68c 40%);
background: linear-gradient(transparent 60%, #fad68c 40%);
    width: 650px;
}
@media screen and (max-width: 1440px) {
.ec_t3{
	font-size: 20px;
    width: 500px;
}
}
@media screen and (max-width: 767px) {
.ec_t3{
	font-size: 16px;
    width: 400px;
}
}
@media screen and (max-width: 425px) {
.ec_t3{
	font-size: 14px;
    width: 340px;
}
}
@media screen and (max-width: 320px) {
.ec_t3{
    font-size: 11px;
    width: 280px;
}
}
/*数字*/
p.ec_number {
    font-size: 55px;
    text-align: center;
	position: relative;
    z-index: 2;
}
@media (max-width:425px){
p.ec_number {
    font-size: 35px;
}
}
.ec_wrap {
    background-color: #fff;
    width: 100%;
	filter: drop-shadow(-2px 4px 5px rgba(0, 0, 0, 0.2));
	display: block;
    margin: auto;
    height: 450px;
	margin-bottom: 50px;
    margin-top: -23%;
    padding: 70px 10px;
}
@media (max-width:1199px){
.ec_wrap {
	width: 100%;
    margin-top: -26%;
    height: 400px;
}
}
@media (max-width: 991px){
.ec_wrap {
    height: 320px;
    margin-top: -17%;
}
}
@media (max-width: 767px){
.ec_wrap {
    margin-top: -11%;
}
}
@media (max-width: 425px){
.ec_wrap {
	height: auto;
    width: 100%;
    padding-bottom: 20px;
    margin-top: -12%;
    padding: 50px 20px 10px;
}
}
/*タイトル*/
p.ec_con2_t1 {
    font-size: 20px;
    text-align: center;
	position: relative;
    padding: 0rem 0rem 1rem;
    margin-bottom: 0rem;
}
@media (max-width: 1199px){
p.ec_con2_t1 {
    font-size: 18px;
}
}
@media (max-width: 425px){
p.ec_con2_t1 {
    padding: 0rem;
    font-size: 16px;
}
}
/*コンテンツ３*/
.ec_con3_bg {
    background-image:url("../img/kaso/survices/ec-site/con3_bg.png");
    background-position: center;
    background-repeat: no-repeat;
    max-width: 100%;
    height: 750px;
    background-size: cover;
}
@media screen and (max-width: 991px) {
.ec_con3_bg {
    height: 800px;
}
}
@media screen and (max-width:767px) {
.ec_con3_bg {
    height: 1200px;
}
}
@media screen and (max-width:425px) {
.ec_con3_bg {
    height: 1150px;
}
}
@media screen and (max-width:320px) {
.ec_con3_bg {
    height: 1250px;
}
}
.ec-3_box {
    background-color: #fff;
    width: 100%;
    filter: drop-shadow(-2px 4px 5px rgba(0, 0, 0, 0.2));
    display: block;
    margin: auto;
    margin-bottom: 50px;
    padding: 35px;
    height: 380px;
}
@media screen and (max-width: 1199px) {
.ec-3_box {
    height: 340px;
}
}
@media screen and (max-width: 991px) {
.ec-3_box {
    height: 430px;
}
}
@media screen and (max-width: 767px) {
.ec-3_box {
    height:auto;
}
}
@media screen and (max-width: 425px) {
.ec-3_box {
    padding: 25px;
}
}
img.ec-img_con3 {
    margin-top: 70px;
}
@media screen and (max-width: 991px) {
img.ec-img_con3 {
	display: block;
    margin: auto;
    margin-top: 36px;
    width: 32%;
}
}
p.ec-con4_t1 {
    font-size: 25px;
	background-color: #ffcc00;
    width: 180px;
    margin-top: 30px;
}
@media screen and (max-width: 1024px) {
p.ec-con4_t1 {
    font-size: 20px;
    width: 140px;
}
}
@media screen and (max-width: 767px) {
p.ec-con4_t1 {
	font-size: 16px;
    width: 120px;
}
}
@media screen and (max-width: 320px) {
p.ec-con4_t1 {
	font-size: 13px;
    width: 100px;
}
}
p.ec-con4_t2 {
    font-size: 25px;
	background-color: #ffcc00;
    width: 500px;
}
@media screen and (max-width: 1024px) {
p.ec-con4_t2 {
	font-size: 20px;
    width: 400px;
}
}
@media screen and (max-width: 767px) {
p.ec-con4_t2 {
	font-size: 16px;
    width: 320px;
}
}
@media screen and (max-width: 320px) {
p.ec-con4_t2 {
	font-size: 13px;
    width: 260px;
}
}
p.ec-con4_t3 {
    line-height: 2.0rem;
}
@media screen and (max-width:1024px) {
p.ec-con4_t3 {
    font-size: 13px;
}
}
@media screen and (max-width:991px) {
p.ec-con4_t3 {
    line-height: 1.6rem;
}
}
p.ec-con3_t1 {
	margin-top: 30px;
    text-align: center;
    font-size: 23px;
	color: #515b7a;
}
@media screen and (max-width:991px) {
p.ec-con3_t1 {
	margin-top: 10px;
    font-size: 16px;
}
}
@media screen and (max-width:425px) {
p.ec-con3_t1 {
    font-size: 16px;
}
}
p.ec-con3_t2 {
    font-size: 15px;
    width: 90%;
	display: block;
    margin: auto;
    line-height: 1.8rem;
}
@media screen and (max-width:1199px) {
p.ec-con3_t2 {
    width: 86%;
}
}
@media screen and (max-width:991px) {
p.ec-con3_t2 {
    width: 100%;
    line-height: 1.6rem;
    font-size: 13px;
}
}
@media screen and (max-width:767px) {
p.ec-con3_t2 {
    margin-bottom: 50px;
}
}
@media screen and (max-width:425px) {
p.ec-con3_t2 {
    width: 100%;
    margin-bottom: 25px;
}
}
.row.ec-con3_box {
    margin-top: 80px;
}
@media (max-width: 991px){
.row.ec-con3_box {
    margin-top: 30px;
}
}
.ec_img1{
	display: block;
	margin: auto;
    padding: 30px 0px 20px;
}
@media (max-width: 991px){
.ec_img1{
    padding: 15px 0px 10px;
    width: 25%;
    height: auto;
}
}
img.ec-img_con3_l {
    margin-top: 30px;
}
@media screen and (max-width: 991px) {
img.ec-img_con3_l {
    width: 25%;
    height: auto;
    display: block;
    margin: auto;
}
}
@media screen and (max-width: 767px) {
img.ec-img_con3_l {
    width: 16%;
}
}
img.ec-img_con4 {
    margin-top: 30px;
}
@media screen and (max-width: 991px) {
img.ec-img_con4 {
	width: 100%;
    margin-top: 30px;
}
}
@media screen and (max-width: 767px) {
img.ec-img_con4 {
	width: 80%;
    display: block;
    margin: auto;
    margin-top: 20px;
}
}
.ec-3_t3 {
    text-align: center;
    font-size: 20px;
}
@media screen and (max-width: 991px) {
.ec-3_t3 {
	font-size: 16px;
}
}
@media screen and (max-width: 425px) {
.ec-3_t3 {
	font-size: 13px;
    line-height: 2.3rem;
}
}
/*/////////事業内容/その他システム開発/////////*/
/*メイン画像*/
.main-top-bg7{
	position: relative;
    background-image:url("../img/kaso/survices/any-worries/main.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    max-width: 100%;
    height: 500px;
}
@media screen and (max-width: 767px){
.main-top-bg7{
	background-size: cover;
    padding-top: 168px;
    max-width: 100%;
    height: 455px;
}
}
/*メイン画像内のタイトル下のドット*/
.mein-subtitel_linem-bg7 {
    border-bottom: dotted 7px;
    color: #fff;
    width: 400px;
	margin: auto;
	filter: drop-shadow(3px 1px 8px rgba(0, 0, 0, 0.9));
}
@media screen and (max-width: 1199px){
.mein-subtitel_linem-bg7 {
    width: 360px;
}
}
@media screen and (max-width: 991px){
.mein-subtitel_linem-bg7 {
    width: 280px;
}
}
@media screen and (max-width: 767px){
.mein-subtitel_linem-bg7{
    width: 215px;
    border-bottom: dotted 5px;
}
}
.any_con1_box {
	background-color: #fff;
    width: 100%;
    filter: drop-shadow(-2px 4px 5px rgba(0, 0, 0, 0.2));
    display: block;
    margin: auto;
    margin-bottom: 50px;
    padding: 50px 100px;
    margin-top: 50px;
}
@media screen and (max-width: 1199px){
.any_con1_box {
	padding: 50px 50px;
}
}
@media screen and (max-width: 991px){
.any_con1_box {
    padding: 30px 25px;
}
}
@media screen and (max-width: 375px){
.any_con1_box {
    padding: 30px 10px;
}
}
@media screen and (max-width: 320px){
.any_con1_box {
    padding: 30px 0px;
}
}
@media screen and (max-width: 991px){
p.any-con1_t1 {
    font-size: 13px;
    margin-bottom: 0rem;
}
}
@media screen and (max-width: 320px){
p.any-con1_t1 {
    font-size: 11px;
}
}
@media screen and (max-width: 767px){
.col-md-6.col-sm-12.col-12.any_con1-sp {
    margin-top: 20px;
}
}
img.any_img1 {
    float: left;
}
@media screen and (max-width: 425px){
img.any_img1 {
    width: 7%;
}
}
.any_con3_bg {
    background-image:url("../img/kaso/survices/any-worries/con3_bg.png");
    background-position: center;
    background-repeat: no-repeat;
    max-width: 100%;
    height: 750px;
    background-size: cover;
}
@media screen and (max-width: 991px) {
.any_con3_bg {
    height: 700px;
}
}
@media screen and (max-width:767px) {
.any_con3_bg {
    height: 1200px;
}
}
@media screen and (max-width:425px) {
.any_con3_bg {
    height: 1080px;
}
}
@media screen and (max-width:320px) {
.any_con3_bg {
    height: 1250px;
}
}
img.any-img_con2 {
    margin-top: 30px;
}
@media screen and (max-width:991px) {
img.any-img_con2 {
	margin-top: 30px;
    display: block;
    margin: auto;
    width: 32%;
}
}
.any-3_box {
    background-color: #fff;
    width: 100%;
    filter: drop-shadow(-2px 4px 5px rgba(0, 0, 0, 0.2));
    display: block;
    margin: auto;
    margin-bottom: 50px;
    padding: 35px;
    height: 380px;
}
@media screen and (max-width: 1199px) {
.any-3_box {
    height: 340px;
}
}
@media screen and (max-width: 991px) {
.any-3_box {
    height: 350px;
}
}
@media screen and (max-width: 767px) {
.any-3_box {
    height:auto;
}
}
@media screen and (max-width: 425px) {
.any-3_box {
    padding: 25px;
}
}
.any_wrap {
    background-color: #fff;
    width: 100%;
	filter: drop-shadow(-2px 4px 5px rgba(0, 0, 0, 0.2));
	display: block;
    margin: auto;
    height: 380px;
	margin-bottom: 50px;
    margin-top: -23%;
    padding: 70px 10px;
}
@media (max-width:1199px){
.any_wrap {
	width: 100%;
    margin-top: -26%;
    height: 330px;
}
}
@media (max-width: 991px){
.any_wrap {
    margin-top: -17%;
    height: 280px;
}
}
@media (max-width: 767px){
.any_wrap {
    margin-top: -11%;
    margin-bottom: 20px;
}
}
@media (max-width: 425px){
.any_wrap {
	height: auto;
    width: 100%;
    padding-bottom: 20px;
    margin-top: -12%;
	padding: 30px 20px 10px;
}
}
ul.any_con4_box {
    color: #515b7a;
    font-size: 25px;
    line-height: 3.5rem;
    margin-top: 50px;
}
@media (max-width: 1440px){
ul.any_con4_box {
	font-size: 22px;
    line-height: 3.5rem;
}
}
@media (max-width: 1199px){
ul.any_con4_box {
	font-size: 18px;
    line-height: 2.5rem;
    margin-left: 25%;
    margin-top: 100px;
}
}
@media (max-width: 991px){
ul.any_con4_box {
	font-size: 13px;
    line-height: 2.0rem;
    margin-left: 25%;
    margin-top: 60px;
}
}
@media (max-width: 375px){
ul.any_con4_box {
    margin-top: 30px;
}
}
span.any-con5_t {
    background-color: #ffcc00;
}
.any-3_t3 {
    text-align: center;
    font-size: 20px;
}
@media screen and (max-width: 1199px) {
.any-3_t3 {
	font-size: 16px;
}
}
@media screen and (max-width: 991px) {
.any-3_t3 {
    font-size: 13px;
}
}
@media screen and (max-width: 767px) {
.any-3_t3 {
	line-height: 2.3rem;
}
}
@media screen and (max-width: 425px) {
.any-3_t3 {
	font-size: 13px;
    line-height: 2.3rem;
}
}
img.any-img_con4 {
    margin-top: 30px;
}
@media screen and (max-width: 991px) {
img.any-img_con4 {
	width: 100%;
    margin-top: 30px;
}
}
@media screen and (max-width: 767px) {
img.any-img_con4 {
	width: 80%;
    display: block;
    margin: auto;
    margin-top: 20px;
}
}
@media screen and (max-width: 425px) {
img.any-img_con4 {
    width: 50%;
}
}
/*/////////事業内容/エンジニア募集/////////*/
/*メイン画像*/
.main-top-bg8{
	position: relative;
    background-image:url("../img/kaso/contact/engineer/main.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    max-width: 100%;
    height: 500px;
}
@media screen and (max-width: 767px){
.main-top-bg8{
	background-size: cover;
    padding-top: 168px;
    max-width: 100%;
    height: 455px;
}
}
/*事業内容のタイトル下のドット*/
.mein-subtitel_linem_8 {
    border-bottom: dotted 7px;
    color: #fff;
    width: 180px;
	margin: auto;
    filter: drop-shadow(3px 1px 8px rgba(0, 0, 0, 0.9));
}
@media screen and (max-width: 991px){
.mein-subtitel_linem_8 {
    width: 120px;
}
}
@media screen and (max-width: 425px){
.mein-subtitel_linem_8 {
    width: 100px;
	border-bottom: dotted 5px;
}
}






/*メイン画像内のタイトル下のドット*/
.mein-subtitel_linem-bg8 {
    border-bottom: dotted 7px;
    color: #fff;
    width: 400px;
    margin-left: 59%;
    filter: drop-shadow(3px 1px 8px rgba(0, 0, 0, 0.9));
}
@media screen and (max-width: 1199px){
.mein-subtitel_linem-bg8 {
    width: 360px;
}
}
@media screen and (max-width: 991px){
.mein-subtitel_linem-bg8 {
    width: 280px;
	margin-left: 0%;
    display: block;
    margin: auto;
}
}
@media screen and (max-width: 767px){
.mein-subtitel_linem-bg8{
    width: 260px;
}
}
.engineer-bg{
	background-image: url("../img/kaso/contact/engineer/bg.png");
    background-size:auto;
	background-position: center;
    background-repeat: no-repeat;
    max-width: 100%;
    padding-bottom: 5%;
}
@media screen and (min-width: 2000px){
.engineer-bg{
    background-size: cover;
}
}
@media screen and (max-width: 991px){
.engineer-bg{
    margin-top: -63px;
}
}
@media screen and (max-width:425px){
.engineer-bg{
    margin-top: -70px;
}
}
.engineer_box-mt {
    padding-top: 100px;
}
@media screen and (max-width: 991px){
.engineer_box-mt {
    padding-top: 150px;
}
}
@media screen and (max-width: 767px){
.engineer_box-mt {
    padding-top: 120px;
}
}
.engineer_box1 {
    background-color: #fff;
    width: 60%;
    margin: auto;
    border: solid 1px;
    text-align: center;
    padding: 30px;
}
@media screen and (max-width: 991px){
.engineer_box1 {
    font-size: 15px;
    padding: 20px;
}
}
@media screen and (max-width: 425px){
.engineer_box1 {
    width: 80%;
    padding: 20px 10px;
}
}
.engineer_t1 {
    font-size: 30px;
}
@media screen and (max-width: 991px){
.engineer_t1 {
    font-size: 25px;
    margin-bottom: 0rem;
}
}
@media screen and (max-width: 767px){
.engineer_t1 {
    font-size: 20px;
}
}
p.engineer_t2 {
    font-size: 20px;
}
@media screen and (max-width: 991px){
p.engineer_t2 {
    font-size: 15px;
}
}
@media screen and (max-width: 767px){
p.engineer_t2 {
    font-size: 13px;
}
}
p.engineer_t3 {
    font-size: 14px;
}
@media screen and (max-width: 991px){
p.engineer_t3 {
    font-size: 13px;
    margin-bottom: 0rem;
}
}
.engineer_box2 {
    margin-top: 50px;
}
img.engineer-img {
    display: block;
    margin: auto;
}
@media screen and (max-width: 767px){
img.engineer-img {
    width: 65%;
	height:auto;
}
}
@media screen and (max-width: 425px){
img.engineer-img {
    width: 75%;
}
}
@media screen and (max-width: 375px){
img.engineer-img {
    width: 90%;
}
}
/*/////フォーム/////*/
table.engineer-box {
	background-color: #fff;
    width: 80%;
    margin: auto;
    filter: drop-shadow(-4px 6px 9px rgba(0, 0, 0, 0.2));
    margin-top: 50px;
}
@media screen and (max-width: 425px){
table.engineer-box {
    width: 100%;
}
}
/*/////受注スタイル/////*/
th.w-from {
    width: 30%;
	font-size: 20px;
    padding: 20px;
    vertical-align: top;
}
td.w-from {
    margin-top: -6%!important;
}
@media screen and (max-width: 1199px){
td.w-from {
	margin-left: 11%!important;
    margin-top: -7%!important;
}
}
@media screen and (max-width: 991px){
td.w-from {
    margin-top: -8%!important;
}
}
@media screen and (max-width: 767px){
td.w-from {
	margin-top: 2%!important;
    margin-left: -9%!important;
}
}
@media screen and (max-width: 375px){
td.w-from {
    margin-left: -3%!important;
}
}
@media screen and (max-width: 320px){
td.w-from {
    margin-left: -5%!important;
}
}
/*受注スタイル*/
@media screen and (max-width: 991px){
.engineer-box th {
	font-size: 16px;
}
}
@media screen and (max-width: 767px){
.engineer-box th {
	font-size: 13px;
    padding: 20px 20px 5px;
}
}
.engineer-box th {
    display: block;
    width: 100%;
    margin: 0px auto;
	font-size: 20px;
    padding: 50px 50px 20px 50px;
    vertical-align: top;
}
@media screen and (max-width: 991px){
.engineer-box th {
	font-size: 16px;
    padding: 30px 50px 10px 50px;
}
}
@media screen and (max-width: 767px){
.engineer-box th {
	font-size: 13px;
    padding: 20px 20px 5px;
}
}
.engineer-box td {
    display: block;
    width: 100%;
    margin: 0px auto;
    padding: 0px 50px;
}
@media screen and (max-width: 767px){
.engineer-box td {
	padding: 0px 20px;
}
}
input.small {
    width: 50%;
    border: solid 1px #e5e5e5;
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    height: 40px;
}
input.middle {
    width: 100%;
    border: solid 1px #e5e5e5;
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    height: 40px;
    margin-top: 10px;
}
@media screen and (max-width: 767px){
input.middle {
    width: 100%;
}
}
textarea.textarea {
    width: 100%;
	height: 150px;
    border: solid 1px #e5e5e5;
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
@media screen and (max-width: 767px){
textarea.textarea {
    width: 100%;
}
}
input.contact-btn {
    background-color: #515b7a;
    border: solid 1px #515b7a;
    color: #fff;
    padding: 10px 20px;
	margin: 30px 0 30px;
}
@media screen and (max-width: 767px){
input.contact-btn {
    font-size: 13px;
    padding: 10px 10px;
}
}
@media screen and (max-width: 320px){
input.contact-btn {
    font-size: 13px;
    padding: 10px 5px;
}
}
/*/////ラジオボタン/////*/
fieldset {
  border: none;
  padding: 0;
  margin: 0;
  text-align: center;
}
.radio-inline__input {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}
.radio-inline__label {
    display: inline-block;
    padding: 0.5rem 5rem;
    margin-right: 18px;
    border-radius: 3px;
    transition: all .2s;
	border: solid 1px #e5e5e5;
}
@media screen and (max-width: 991px){
.radio-inline__label {
    padding: 0.5rem 3rem;
}
}
@media screen and (max-width: 767px){
.radio-inline__label {
    font-size: 13px;
}
}
@media screen and (max-width:320px){
.radio-inline__label {
    padding: 0.5rem 2rem;
}
}
.radio-inline__input:checked + .radio-inline__label {
    background: #707070;
    color: #fff;
    text-shadow: 0 0 1px rgba(0,0,0,.7);
}

.radio-inline__input:focus + .radio-inline__label {
    outline-color: transparent;
    outline-offset: -2px;
    outline-style: auto;
    outline-width: 5px;
}
/*/////チェックボックスン/////*/
/*先頭のみ*/
@media screen and (max-width: 767px){
label.checkbox_horizon {
    font-size: 13px;
}
}
/*↑先頭のみ*/
.checkbox_horizon + .checkbox_horizon {
    margin-left: 150px;
}
@media screen and (max-width: 991px){
.checkbox_horizon + .checkbox_horizon {
    margin-left: 70px;
}
}
@media screen and (max-width: 767px){
.checkbox_horizon + .checkbox_horizon {
    margin-left: 30px;
	font-size: 13px!important;
}
}
@media screen and (max-width: 320px){
.checkbox_horizon + .checkbox_horizon {
    margin-left: 10px;
}
}
.checkbox_vertical {
    display: block;
}
/*/////会社概要/////*/
/*メイン画像*/
.main-top-bg9{
	position: relative;
    background-image:url("../img/kaso/company/main.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    max-width: 100%;
    height: 500px;
}
@media screen and (max-width: 767px){
.main-top-bg9{
	background-size: cover;
    padding-top: 168px;
    max-width: 100%;
    height: 455px;
}
}
/*メイン画像内のタイトル下のドット*/
.mein-subtitel_linem-bg8 {
    border-bottom: dotted 7px;
    color: #fff;
    width: 200px;
	margin: auto;
    filter: drop-shadow(3px 1px 8px rgba(0, 0, 0, 0.9));
}
@media screen and (max-width: 991px){
.mein-subtitel_linem-bg8 {
    width: 120px;
}
}
@media screen and (max-width: 425px){
.mein-subtitel_linem-bg8 {
    width: 110px;
    border-bottom: dotted 5px;
}
}


.thanks-box_a {
    border: solid 1px;
    margin: 100px;
    padding: 50px;
}
@media screen and (max-width: 991px){
.thanks-box_a {
    margin: 50px;
}
}
@media screen and (max-width: 767px){
.thanks-box_a {
    padding: 25px;
}
}
@media screen and (max-width: 425px){
.thanks-box_a {
    margin: 50px 0px;
}
}
@media screen and (max-width: 991px){
p.thanks-t2 {
    font-size: 13px;
}
}
.date-y.thanks-t1 {
    font-size: 25px;
}
@media screen and (max-width: 767px){
.date-y.thanks-t1 {
    font-size: 20px;
}
}
.thanks-box{
    margin-top: 30px;
}
/*/////エンジニア募集　サンクスページ/////*/
.title_a_box_kaso4{
    display: block;
    margin: auto;
    width: 40%;
    margin-top: 152px;
}
@media screen and (max-width: 1199px){
.title_a_box_kaso4{
	margin-top: 100px;
}
}
@media screen and (max-width: 991px){
.title_a_box_kaso4{
	margin-top: 80px;
}
}
@media screen and (max-width: 425px){
.title_a_box_kaso4{
	margin-top: 50px;
    width: 80%;
}
}
.blue{
	color: #515b7a;
}
table tr.company-line {
    border-bottom: dotted 1px #515b7a;
}
th.company_table-l{
    width: 37%;
	font-size: 20px;
    text-align: left;
    vertical-align: top;
    padding: 30px 0;
}
@media (max-width: 991px){
th.company_table-l{
	font-size: 13px;
    width: 30%;
}
}
@media (max-width: 767px){
th.company_table-l{
	padding: 10px;
    width: 100%;
    display: block;
}
}
td.call_table-r-company{
	padding: 30px 10px;
    font-size: 18px;
    width: 100%;
    text-align: left;
}
@media (max-width: 1440px){
td.call_table-r-company{
	padding: 30px 0px 30px 30px;
}
}
@media (max-width: 1199px){
td.call_table-r-company{
	font-size: 16px;
}
}
@media (max-width: 991px){
td.call_table-r-company{
	font-size: 13px;
	padding: 30px 0px 30px 0px;
}
}
@media (max-width: 767px){
td.call_table-r-company{
    padding: 0 0 15px 10px;
	width: 100%;
    display: block;
}
}
.company_box{
	width: 100%;
}
.row-mt{
	margin:100px 0px 100px;
}
@media (max-width: 991px){
.row-mt{
	margin:50px 0px 100px;
}
}
@media (max-width: 425px){
.row-mt{
    margin: 30px 0px 50px;
}
}
.map{
	width: 100%;
	height: 800px;
}
@media (max-width: 991px){
.map{
	height: 500px;
}
}
@media (max-width: 767px){
.map{
	height: 300px;
}
}
/*/////お問い合わせ/////*/
/*メイン画像*/
.main-top-bg10{
	position: relative;
    background-image:url("../img/kaso/contact/otoiawase/main.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    max-width: 100%;
    height: 500px;
}
@media screen and (max-width: 767px){
.main-top-bg10{
	background-size: cover;
    padding-top: 168px;
    max-width: 100%;
    height: 455px;
}
}
/*フォーム内*/
label.checkbox_horizon1 {
    margin-right: 80px;
}
@media screen and (max-width: 1199px){
label.checkbox_horizon1 {
    margin-right: 40px;
}
}
@media screen and (max-width: 991px){
label.checkbox_horizon1 {
	margin-right: 10px;
    font-size: 13px;
}
}
@media screen and (max-width: 767px){
label.checkbox_horizon1 {
	margin-right: 0px;
    font-size: 13px;
    width: 100%;
}
}
span.form-jidou {
    background-color: #707070;
    color: #fff;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    padding: 5px 15px;
    margin-left: 20px;
}
@media screen and (max-width: 767px){
span.form-jidou {	
	font-size: 13px;
}
}
/*/////プライバシーポリシー/////*/
/*メイン画像*/
.main-top-bg11{
	position: relative;
    background-image:url("../img/kaso/privacy/main.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    max-width: 100%;
    height: 500px;
}
@media screen and (max-width: 767px){
.main-top-bg11{
	background-size: cover;
    padding-top: 168px;
    max-width: 100%;
    height: 455px;
}
}
.privacy_box1 {
    background-color: #fff;
    width: 70%;
    margin: auto;
    padding: 30px;
    border: solid 1px #f5ae1a;
}
@media screen and (max-width: 991px){
.privacy_box1 {
    font-size: 13px;
}
}
@media screen and (max-width: 767px){
.privacy_box1 {
    width: 100%;
}
}
.privacy_box2 {
    background-color: #fff;
    margin: auto;
    padding: 50px 50px 50px;
	filter: drop-shadow(-4px 6px 9px rgba(0, 0, 0, 0.2));
    margin-top: 50px;
}
@media screen and (max-width: 991px){
.privacy_box2 {
    padding: 20px 50px 20px;
}
}
@media screen and (max-width: 767px){
.privacy_box2 {
    padding: 20px 20px 20px;
}
}
p.privacy_t2 {
    font-size: 20px;
    margin-top: 30px;
}
@media screen and (max-width: 991px){
p.privacy_t2 {
	font-size: 16px;
    margin-top: 10px;
}
}
p.privacy_t3 {
    font-size: 14px;
    line-height: 1.6rem;
    margin-top: 30px;
}
@media screen and (max-width: 991px){
p.privacy_t3 {
	font-size: 13px;
    margin-top: 20px;
}
}
p.privacy_t4 {
    text-align: right;
	font-size: 20px;
    line-height: 2.0rem;
}
@media screen and (max-width: 991px){
p.privacy_t4 {
	font-size: 16px;
}
}