/* CSS Document */
html{
    overflow-x: hidden;
}

body{
	color:#222;
	letter-spacing:0.05em;
    width: 100%;
    overflow-x: hidden;
}
	
img{
	max-width:100%;
}

h2 img, .bg img{
	margin: 0 auto;
}
	
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
.pc {
	display: none !important;
}
	
.sp {
	display: block !important;
}
	
*{
	letter-spacing:0.05em;
}

.drawer-nav{
	padding: 3%;
}
	
.drawer-nav li{
	margin: 0 0 3%;
}

h3{
	font-size: 4.0vw;
	padding: 0 0 0 10%;
}

/*   header   */
header{
	min-width:320px;
	padding:0;
	z-index: 1;
}
	
header h1{
	float:none;
	width:90%;
	margin:0 auto;
	padding:10px 0 15px;
	line-height:1.0;
	font-size:1.0em;
	font-weight:600;
}
	
header h1 small{
	display:block;
	margin-bottom:0.3em;
	line-height:1.3;
	font-weight:400;
	padding-bottom:0;
}
	
header h1 img{
	display:block;
	height:auto;
	float:none;
	width:135px;
}
.header_text{
	font-size:3.5vw;
}
/*   list   */
.list{
	width: 95%;
	margin: 2% auto 0;
	font-size:1.5vw;
}

/*   footer   */
footer .logo{
	width: 35%;
	margin: 0 auto;
	margin-left:29%;
}

footer .box p{
	font-size: 1.5vw;
}

footer .copy{
	font-size: 1.5vw;
}

.company_content {
    display: flex;
    font-size: 1.5vw;
}
.notopfooter {
    text-align: center;
    margin: 5% 0 0 26%;
    color: #fff;
}
/* ---------------
		top
--------------- */
/*   mv   */
#mv p{
	font-size: 1.8em;
}

#mv .ttl{
	margin: 2% 0 0;
}

/*   area01   */
#area01{
	width: 95%;
	margin: 3% auto 0;
}

#area01 li{
	width: 100%;
	float: none;
}

#area01 .icon{
	min-height: auto;
}

#area01 .ttl {
    padding: 1.5% 0 1.5% 18%;
    font-weight: bold;
    font-size: 15px;
}
/*   area02   */
#area02{
	margin: 5% 0 0;
}

#area02 h2{
	font-size: 4vw;
}

#area02 p{
	padding: 0 2.5%;
	font-size:1.5vw;
}

/*   area04   */
#area04{
	width: 95%;
	margin: 5% auto 0;
}

#area04 .box{
	font-size: 1em;
}

#area04 dt{
	width: 30%;
}

#area04 dd{
	width: 70%;
}

.area04-block{
    padding-left:30px;
}

.area04-facebook{
    height:0px;
}

/*   area05   */
#area05{
	width: 95%;
	margin: 5% auto 0;
}

#area05 .map{
	height: auto;
}

#area05 .btn{
	height:26px;
	margin-left:20%;
	font-size:3vw;
	width:60%;
	margin-top:10%;
}
.notice_box {
    border: 0.1vw solid #56b8d7;
    width: 165px;
    height: 100px;
    /*margin: 3% 0% 0 6%;*/
    font-size: 2.0vw;
    overflow:auto;	
}
.notice_text_1{
	font-size:2.0vw;
}
.notice_title {
    /*margin-left: 0%;*/
    font-size: 2.0vw;
}
.fb_title {
    /*margin-left: 36%;*/
    font-size: 2.0vw;
}
.facebook {
    border: 0.1vw solid #56b8d7;
    width: 162px;
    height: 100px;
    /*margin: 3%;*/
    overflow:auto;
    float:right;
}

.f_box{
    padding:0;
}

.under_box {
    display: block;
    height: 10px;
}

.notice_table {
    table-layout:fixed;
    margin:0 auto;
    width:0;
    height:0;
}

.noti_info{
    vertical-align: middle;
    width:164px;
}

.no_box{
    padding:0;
}


/* ---------------
	side
--------------- */
.side_r {
    display: none !important;
}

.side {
    display: none !important;
}
.side_i{
    display: none !important;
}
.side_s {
    display: none !important;
}
.side_w {
    display: none !important;
}
/* ---------------
	profile
--------------- */
#mv_profile {

	font-size:7.5vw;
}
.company_gaiyo {
    border-left: 10px solid #33ffcc;
    border-bottom: 0.1px dashed #33ffcc;
    width: 250px;
    margin: 0 auto;
    margin-left: 17%;
    text-align: left;
    font-size: 3.0vw;
}
.profile {
    margin-left: 3%;
}
.company_overview {
    width: 250px;
    margin-left: 17%;
    font-size: 3vw;
    line-height: 2.5;
    margin-top: 3%;
}
.overview_data {
    text-align: left;
    padding-left: 7%;
    border-bottom: 0.1vw solid #00ffff;
    width: 85%;
}
.overview_title {
    border-bottom: 0.1vw solid #00ffff;
    vertical-align: middle;
}


/* ---------------
	service
--------------- */
#mv_service {

	font-size:7.5vw;
}

/*   service01   */
#service01{
	width: 95%;
	margin: 5% auto 0;
}

#service01 h3{
	padding: 0;
    text-align: center;
    margin-left:0%;
	font-size:4vw;
}
.work_list{
margin-bottom:5%;
}

.border-title{
width:80.5%;
}

.work_item2{
width:73%;
padding:4% 0;		
}

.text-z{
margin-top: 0;
}

.about_service {
    width:72%;
    margin-left:15%;
}

.service_list {
    margin: 0 auto;
    max-width: 893px;
    text-align: center;
    width: 500px;
    /*margin-left:25%;*/
}
.service_background_pic1 {
    background: url(../img/top/area01_01.png) no-repeat center left;
    background-size: contain;
    font-size: 2.8vw;
    font-weight: bold;
}
.service_background_pic2 {
    background: url(../img/top/area01_03.png) no-repeat center left;
    background-size: contain;
    font-size: 2.8vw;
    font-weight: bold;
}
.service_background_pic3 {
    background: url(../img/top/area01_05.png) no-repeat center left;
    background-size: contain;
    font-size: 2.8vw;
    font-weight: bold;
}
.service_text{
	font-size:2.9vw;

}
.service_first {
    background-color: #ccffff;
    margin-bottom: 7%;
    /*width:40%;*/
    height:220px;
}
.service_second {
    background-color: #ccff99;
    margin-bottom: 7%;
    /*width:40%;*/
    height:230px;
}
.service_third {
    background-color: #ccffcc;
    margin-bottom: 7%;
    /*width:40%;*/
    height:220px;
}

.item_icon1 {
    width: 115px;
    margin: 0 auto;
}
.item_icon2 {
    width: 115px;
    margin: 0 auto;
}
.item_icon3 {
    width: 115px;
    margin: 0 auto;
}

/* ---------------
	work
--------------- */
#mv_work {

	font-size:7.5vw;
}
.accbox label{
	width:260px;
	height:40px;
	margin:0;
}  
.btn-square{
	height: 20px;
    font-size: 2.5vw;
}
.title_a{
	font-size:10px;

}
.work_item {
     margin: 0px;
     width:145px;
}

.work_side_picture {
    margin: 0 auto;
    line-height: 0.7;
}

.work_side_picture li{
    margin-bottom:2px;
}

.work_list {
    display: flex;
    margin: 0 auto;
    max-width: 893px;
    margin-left: 3%;
    margin-top:5%;
    margin-bottom:5%;
}
.border_title {
    border: 1px solid #ffffff;
    background: #00ffcc;
    width: 80.5%;
    margin: 0 auto;
    height: 20px;
    font-size: 14px;
}

#work01 {
    text-align: center;
    margin-left:4%;
}
.worktitle {
    font-size: 4.0vw;
    color: #0050a5;
}

.interest {
    display: block;
    border-left: 12px solid #00ffff;
    width: 920px;
    height: 100px;
    padding-top: 10%;
    margin-left: 0.9%;
    text-align: left;
    margin-top:0%;
}

.aih3{
    font-size:7.0vw;
}

.aih4 {
    font-size: 5.0vw;
}

.test {
    width: 190px;
    height: 218px;
    display: block;
    margin-top: 15%;
    margin-left: 5%;
    margin-bottom:5%;
}
.contentslist {
    display: inline-block;
    width: 70%;
    margin-left:0%;
    margin-top: -40%;
   }
.comment{
	font-size:3.5vw;
}
.contentscomment {
    display: block;
    width: 73%;
    height: 30%;
    margin-left: 2%;
}
.qrcodeimg {
    width: 130px;
    height: 120px;
    margin-top:-16%;
    margin-left:65%;
}

.cssacc:checked + .accshow {
	margin-left: 17%;
    margin-right: 15%;
    width:65%;
}
.category_title {
    font-size: 2.5vw;;
}
.maincontents {
    display: block;
    border-left: 12px solid #00ffff;
    width: 450px;
    height: 1630px;
    padding-top: 3%;
}
.title_b {
    text-align: left;
    font-size: 9px;
    margin-left: 24%;
    width: 100px;
}
.work_pic_second {
    text-align: left;
}
.text-z {
    text-align: left;
    margin-top: 3%;
    margin-left: 11%;
    font-size: 2vw;
}
.work_site {
    margin: auto;
    max-width: 80%;
    display: block;
}

.work_site_list {
    width: auto;
}

/* ---------------
	access
--------------- */
#mv_access {

	font-size:7.5vw;
}
.access_table {
    margin: 0 auto;
    line-height: 2;
    margin-top: 3%;
    margin-left: 11%;
}
.access_info {
    font-size: 3.5vw;
    text-align: left;
    width: 190px;
    border-bottom: 1px solid #00ffff;
}

.access_title {
    font-size: 3.5vw;
    width: 85px;
    vertical-align:middle;
    border-bottom: 1px solid #00ffff;
}
.map {
    margin-top: 3%;
    width:350px;
    height:95px;
    margin-left: 2%;
}


/* ---------------
	inquiry
--------------- */
#mv_inquiry {

	font-size:7.5vw;
}
.inquiry_form {
  	margin-left:0%;
    line-height: 3;
    border: solid 1px rgba(175,238,238,1);
    border-spacing: 0;
    border-collapse: collapse;
    margin:0 auto;
}
.inquiry_box {
    width: 120px;
     height: 20px;
}
.inquiry_form_checkbox{
	font-size:1.5vw;
}
.inquiry_form_info{
	width:200px;
}
.inquiry_form_text {
    width: 160px;
    height: 130px;
}
.inquiry_form_title {
    vertical-align: middle;
    background-color: rgba(175,238,238,0.2);
    border: solid 1px rgba(175,238,238,1);
    width:100px;
}
.inquiry_check_info {
    width: 200px;
    font-size: 2.5vw;
}
#service01 .box p {
    margin: 2% 0 0;
    line-height: 2.1;
    font-size: 3.0vw;
}

/* ---------------
	recruit
--------------- */
#mv_recruit {

	font-size:7.5vw;
}
.recruit_header {
	margin-left:0%;
	font-size:3vw;
   
}

.recruit_first {
    margin: 0 auto;
    width: 264px;
}
.recruit_second {
    margin: 0 auto;
    width: 264px;
}
.recruit_title {
    background-color: #99ffcc;
    border: 1px solid #00ffff;
    text-align: ;
    width: 240px;
    vertical-align: middle;
    font-size:2.5vw;
    height:70px;
}
.recruit_infomation {
    padding-left: 15px;
    text-align: left;
    border: 1px solid #00ffff;
    width: 500px;
    height: 80px;
    vertical-align: middle;
    font-size:3.5vw;
    height:70px;
    line-height: 1.5;
}
h4 {
    font-size: 2.9vw;
}
.recruit1 {
    font-size: 1.0vw;
    line-height: 3;
    margin-left: 0%;
}
.recruit2 {
    font-size: 1.0vw;
    line-height: 3;
    margin-left: 0%;
}

/* ---------------
	privacy policy
--------------- */
.privacy_header2 {
    font-size: 5vw;
    text-align:center;
    margin: 5% 0 5% 10%;
}
.privacy_policy {
    font-size: 2.5vw;
    line-height: 2.5;
    margin-left: 4%;
}
.main_title {
    font-weight: bold;
    font-size: 15px;
}
.date {
    text-align: right;
	margin-right: 10%;
	font-size: 2.5vw;
}
.accbox {
    margin-left: -16%;
}
/* ---------------
	sp横バージョン
--------------- */
@media screen and (orientation: landscape) {
	.access_table{
		margin-left:20%;
		width:400px;
	}
	.service_list{
		margin-left:37%;
	}
	#area05 .btn {
    	height: 33px;
    }
   .company_gaiyo{
   		margin-left:20%;
   		width:400px;
   	}
   	.company_overview{
   		margin-left:20%;
   		width:400px;
   	}
   	.map{
   		margin-left:0%;
   		width:650px;
   	}
   	.btn-square {
   		height:40px;
   		font-size:2.5vw;
   	}
	.accbox label {
		margin-bottom:10%;
	}
	.accbox {
    margin-left: 0%;
	}
	.work_list {
		margin-left:18%;
	}
	.text-z {
    margin-left: 23%;
}
	.service_first {
		width:250px;
	}
	.service_second {
		width:250px;
	}
	.service_third {
		width:250px;
	}
	.service_list {
		margin-left:32%;
	}
	.recruit_first {
		width:400px;
	}
	.recruit_second {
		width:400px;
	}
	.inquiry_form_title {
		width:150px;
	}
	.inquiry_form_info {
		width:330px;
	}
}

@media screen and (max-width: 750px) {
	.list {
		display: none;
	}
    footer .box p {
        font-size: 12px;
    }
	.footer_content {
        display: none;
    }
}