body, blockquote, blockquote p, dl, table, address, pre, p, dd, figure, legend, form, button, input, select, textarea, h1, h2, h3, h4, h5, h6, ul p, ol p, figure img, .nav, .panel .body, .menu .tree ul, .button-group .button {
	margin: 0
}

.cell {margin: 10px;}

.head {margin-top: 0px;}


@media(max-width:967px) {
.site-center, .site-body, .site-header, .site-footer, .site-center>.body {
	width: 100% !important;
    
}}






/* 中央
--------------------------------------------------*/
.site-center {margin: 0 0 -5px;padding: 0; width: 800px;}
.center, .site-center {
	margin-left: auto !important;
	margin-right: auto !important
}

/* コンテンツ
--------------------------------------------------*/
.content {margin: 30px auto;font-size: 18px;font-family: 'arial';}
.content p {padding: 7px 0;}

@media screen and (max-width: 740px) {

.content {margin: 0 auto;font-size: 3.775vw;}
}


/* メリット　枠
--------------------------------------------------*/
.waku {margin: 15px 0px;padding: 0px 10px;border-radius: 12px;}
.waku.waku-skyblue {padding: 30px 20px 15px;border: 1px red solid;}


/* 体験談　枠
--------------------------------------------------*/
.commentwaku{border-radius: 12px;padding: 0px 20px;padding-top: 10px;border: 1px litegray solid;box-shadow: 0 0 19px #aaa;background-color: white;}


/* 青帯
--------------------------------------------------*/
.bg {background-position: center;background: linear-gradient(#000735,#000735);color: #fff;}
.bg h2 {font-size: 4.075vw;padding: 50px 0;font-weight: bold;line-height: 1.3;text-align: center;text-shadow: 2px 2px 3px rgba(0,0,0,0.7);font-family: 'arial';}

@media screen and (max-width: 640px) {

.bg h2 {font-size: 6.575vw;font-family: 'arial';}
}


/* 画像　PC
--------------------------------------------------*/
.pc { display: block !important; }
.sp { display: none !important; }


/* 画像　SP
--------------------------------------------------*/
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }
}

@media only screen and (max-width: 2000px) {
img { max-width: 100%; }
}


/* 特定商取引法に基ずく表記 PC
--------------------------------------------------*/
.information_area .lower_wrap{}

.information_area .lower_wrap .detail_box .detail_box_wrap .top_title{margin-bottom: 5px;}

.information_area .lower_wrap table{border-top: 2px solid #434343;margin-top: 30px;}

.information_area .lower_wrap table th{font-size: 13px;text-align: left;padding: 15px 10px;white-space: nowrap;border-bottom: 1px solid #ccc;vertical-align: top;}

.information_area .lower_wrap table td{font-size: 13px;text-align: left;padding: 15px 10px;border-bottom: 1px dotted #ccc;vertical-align: top;}

.information_area .lower_wrap a{color: #1111cc;}

.information_area .lower_wrap a:hover{text-decoration: none;}

.information_area .lower_wrap .mercedes_box{font-family: "游明朝", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";}

.information_area .lower_wrap .mercedes_box .shop_title{font-size: 14px;margin-bottom: 0;}

.information_area .lower_wrap .mercedes_box .company_title{font-size: 18px;font-weight: bold;}


/* lower_page_title  PC
--------------------------------------------------*/
.lower_page_title{background-image: url(../img/lower/common/t_h2_bg.png);background-repeat: no-repeat;background-position: center;height: 60px;margin-bottom:0;position: relative;z-index: 10;}

.lower_page_title .lower_page_title_wrap{width: 960px;margin: 0 auto;}


/* lower  PC
--------------------------------------------------*/
#lower{background-color: white;background-repeat: no-repeat;background-position: top center;	}

.lower_wrap{width: 900px;margin: -30px auto 0;background-color: white;padding: 0px 30px 30px;min-height: 400px;margin-top: -40px;}

.lower_wrap .detail_box .detail_box_wrap{padding: 0 10px;max-width: 680px;margin: 0 auto;}

.lower_wrap .detail_box .detail_box_wrap p{margin-bottom: 20px;}



@media only screen and (max-width: 750px) {
    
    
/* 特定商取引法に基づく表記 SP
--------------------------------------------------*/
.information_area .lower_wrap{}

.information_area .lower_wrap table th { display: block;padding: 15px 10px 0 10px;border-bottom: none;}

.information_area .lower_wrap table td {display: block;padding: 0 10px 15px 10px;}

.information_area .lower_wrap #gmap_ct{height: 300px !important;}

/* lower_page_title  SP
--------------------------------------------------*/
.lower_page_title{margin-bottom: 0;margin-top: -40px;}

.lower_page_title .lower_page_title_wrap{width: auto;padding: 0 10px;}

.lower_page_title .lower_page_title_wrap h2{float: left;font-size: 20px;font-weight: bold;color: black;display: table;margin: 20px 0 0px;}

.lower_page_title .lower_page_title_wrap h2 .us{font-size: 12px;font-weight: normal;color: black;display: table-cell;vertical-align: middle;padding-left: 15px;}

/* lower  SP
--------------------------------------------------*/
#lower{}

.lower_wrap{width: auto;margin: -30px auto 0;background-color: #F9F9F9;padding: 10px 10px 0px;min-height: 0;margin-top: 0px;}

.lower_wrap .detail_box{margin-bottom: 30px;}

.lower_wrap .detail_box .detail_box_wrap{padding: 0;}

.lower_wrap .btn_lower_box a::after {top: 32%;}
}


/*フッター
----------------------------------------------*/
section#footer {padding-top: 30px;padding-bottom: 30px;background:black;
}
#footer {background-image:url(../img/back01.jpg)}
#footer .row {text-align: center;
}
#footer .line {border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #999;width: 100px;margin-left: auto;margin-right: auto;margin-top: 30px;margin-bottom: 30px;
}
#footer .desc {font-size: 18px;font-weight: 300;
}
#footer .link {font-size: 16px;font-weight: 300;margin-bottom: 4px;
}
#footer .desc i {margin-bottom: 12px;
    }

@media screen and (max-width: 740px) {

section#footer {padding-top: 30px;padding-bottom: 30px;background:black;font-size: 3.375vw;
}
#footer {background-image:url(../img/back01.jpg)}
#footer .row {text-align: center;
}
#footer .line {border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #999;width: 100px;margin-left: auto;margin-right: auto;margin-top: 30px;margin-bottom: 30px;
}
#footer .desc {font-size: 3.375vw;font-weight: 300;
}
#footer .link {font-size: 16px;font-weight: 300;margin-bottom: 4px;
}
#footer .desc i {margin-bottom: 12px;
    }}






/*文字
----------------------------------------------*/

p2 {position: relative;line-height: 1.4;padding:0.25em 1em;display: inline-block;font-size: 25px;
}
p2:before,p2:after{ content:'';width: 20px;height: 30px;position: absolute;display: inline-block;
}
p2:before{border-left: solid 1px #ff5722;border-top: solid 1px #ff5722;top:0;left: 0;
}
p2:after{border-right: solid 1px #ff5722;border-bottom: solid 1px #ff5722;bottom:0;right: 0;
}


p3{position: relative;color: #333333;display: inline-block;margin: 47px 0;font-size: 23px;text-shadow: 0 0 2px white;
}
p3:before {content: "";position: absolute;background: #83daff;width: 100px;height: 100px;border-radius: 50%;top: 50%;/* border: dashed 1px white; */left: 50%;-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);z-index: -1;
}

p4 {background: linear-gradient(transparent 70%,yellow 70%);
}

p5{position: relative;display: inline-block;margin-bottom: 1em;font-size: 24px;
}
p5:before {content: '';font-size: 20px;position: absolute;bottom: -15px;display: inline-block;width: 60px;height: 5px;left: 50%;-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);background-color: black;border-radius: 2px;
}

p6{position: relative;display: inline-block;font-size: 24px;padding: 0 55px;color: red
}

p6:before, p6:after{content: '';position: absolute;top: 50%;display: inline-block;width: 45px;height: 2px;border-top: solid 1px black;border-bottom: solid 1px black;
}
p6:before {left:0;}
p6:after {right: 0;}



p7{position: relative;color: #333333;display: inline-block;margin: 47px 0;font-size: 23px;text-shadow: 0 0 1px white;
}
p7:before {content: "";position: absolute;background: ;width: 100px;height: 100px;border-radius: 50%;top: 50%;/* border: dashed 1px white; */left: 50%;-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);    
}

p8{color: #e60000;font-size: 18px;font-weight: bold;  text-decoration: underline; 
}   
    
p9{color: blue;font-size: 26px;font-weight: bold;    }
  
p10{color: black;font-size: 25px;font-weight: bold;  }

p11{font-weight:bold;font-size:20px;
}

p12{font-weight:bold;font-size:22px;
}
    
p14{color: red;   font-size: 28px;    
}   

p15{color: red;   font-size: 28px;  font-weight: bold; 
} 
    
p16{color: blue;   font-size: 24px;  font-weight: bold;
} 
    
p17{   font-size: 24px;  font-weight: bold;
} 


@media screen and (max-width: 740px) {

p2 {font-size:4.075vw;text-align: center;}
p3{font-size:5.075vw;}
p4 {background:linear-gradient(transparent 70%,yellow 70%);}
p5{font-size:4.575vw;}
p6{font-size:5.375vw;}
p7{font-size:5.075vw;}
p8{color: #e60000;font-size:4.075vw;font-weight: bold;  text-decoration: underline; }   
p9{color: blue;font-size:5.075vw;font-weight: bold;}
p10{color: black;font-size:4.575vw;font-weight: bold;}
p11{font-weight:bold;font-size:4.175vw;}
p12{font-weight:bold;font-size:4.175vw;}
p14{color: red; font-size:5.075vw;}   
p15{color: red; font-size:5.575vw;font-weight: bold;} 
p16{color: blue; font-size:5.075vw;font-weight: bold;} 
p17{font-size:5.075vw;  font-weight: bold;} 
  
z-index: -1;}




/*続きを見るボタン
----------------------------------------------*/
.grad-wrap {position: relative;
}
.grad-wrap + .grad-wrap {margin-top: 40px;
}
.grad-btn {z-index: 2;position: absolute;right: 0;bottom: 0;left: 0;width: 148px;margin: auto;padding: .5em 0;border-radius: 2px;background: #fff;border: solid 1px black;color: black;margin-bottom: 20px;font-size: 1.0rem;text-align: center;cursor: pointer;transition: .2s ease;box-shadow: 0 0 3px rgba(0,0,0,.3);
}
.grad-btn::after {content: "続きを読む"
}
.grad-btn:hover {background: #fff;color: black;
}
.grad-btn .fa {margin-right: .5em;
}
.grad-item {position: relative;overflow: hidden;margin-top: 35px;margin-bottom: 0px;height: 30px;
}
.grad-item p + p {margin-top: 1em;
}
.grad-item::before {display: block;position: absolute;bottom: 0;left: 0;content: "";width: 100%;height: 40px; /*グラデーションで隠す範囲*/background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
}
.grad-trigger {display: none;
}
.grad-trigger:checked ~ .grad-btn {bottom: -2em;
}
.grad-trigger:checked ~ .grad-btn::after {content: "閉じる"
}
.grad-trigger:checked ~ .grad-btn .fa {transform: rotate(180deg);
}
.grad-trigger:checked ~ .grad-item { height: auto;
}
.grad-trigger:checked ~ .grad-item::before {display: none;
}















/*紹介までのステップ
----------------------------------------------*/
table {border-collapse: collapse;border-spacing: 0
}
td, th {padding: 0
}
* {-webkit-box-sizing: border-box;box-sizing: border-box
}
* :before, * :after {-webkit-box-sizing: border-box;box-sizing: border-box
}
address, em {font-style: normal
}
em { font-weight: bold
}
table {width: 100%;max-width: 100%;margin: 1em 0 2em
}
table caption { text-align: left
}
th, td {padding: .5em .8em;vertical-align: top
}
.detail_box th, .detail_box td {display: block;width: 100%;float: left
}
.recruit.detail_box {border: 3px solid #282828;border-radius: 10px;border-collapse: separate
}
.recruit.detail_box th, .recruit.detail_box td {border-bottom: 1px solid #282828
}
.recruit.detail_box th { background: #f5f5f5;text-align: left
}
.recruit.detail_box tr:first-child th { border-radius: 10px 10px 0 0
}
.recruit.detail_box tr:last-child td {border-bottom: 0
}
.u-mb05 {margin-bottom: 0em !important 
}
.u-mb06 {font-size: 3.875vw; text-align: center;font-weight: bold; margin-top: 20px; margin-bottom: -20px;}
.u-mb04 {font-size: 4.875vw; text-align: center;font-weight: bold; margin-top: 0px; margin-bottom: 20px;}
}

@media only screen and (min-width: 480px) {
   
}

@media (min-width: 768px) {
   
 .c-list--def > dt {margin-bottom: 1.5em;font-size: 16px;font-size: 1.14286rem
}
.recruit.detail_box th { white-space: nowrap
}
.recruit.detail_box th, .recruit.detail_box td {display: table-cell;width: auto;padding: 1em 1.6em;float: none
}
.recruit.detail_box tr:first-child th { border-radius: 10px 0 0 0
}
.recruit.detail_box tr:last-child th {border-bottom: none;border-radius: 0 0 0 10px
}
.u-mb06 {font-size: 20px; text-align: center;font-weight: bold; margin-top: 0px; margin-bottom: -10px;}
.u-mb04 {font-size:28px; text-align: center;font-weight: bold; margin-top: 70px; margin-bottom: 30px;}
}



/*続きを見るボタン
----------------------------------------------*/
.grad-wrap {position: relative;
}
.grad-wrap + .grad-wrap {margin-top: 40px;
}
.grad-btn {z-index: 2;position: absolute;right: 0;bottom: 0;left: 0;width: 148px;margin: auto;padding: .5em 0;border-radius: 2px;background: #fff;border: solid 1px black;color: black;margin-bottom: 20px;font-size: 1.0rem;text-align: center;cursor: pointer;transition: .2s ease;box-shadow: 0 0 3px rgba(0,0,0,.3);
}
.grad-btn::after {content: "もっと見る"
}
.grad-btn:hover {background: #fff;color: black;
}
.grad-btn .fa {margin-right: .5em;
}
.grad-item {position: relative;overflow: hidden;margin-top: 35px;margin-bottom: 0px;height: 30px;
}
.grad-item p + p {margin-top: 1em;
}
.grad-item::before {display: block;position: absolute;bottom: 0;left: 0;content: "";width: 100%;height: 40px; /*グラデーションで隠す範囲*/background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
}
.grad-trigger {display: none;
}
.grad-trigger:checked ~ .grad-btn {bottom: -2em;
}
.grad-trigger:checked ~ .grad-btn::after {content: "閉じる"
}
.grad-trigger:checked ~ .grad-btn .fa {transform: rotate(180deg);
}
.grad-trigger:checked ~ .grad-item { height: auto;
}
.grad-trigger:checked ~ .grad-item::before {display: none;
}