/*------------------------------------------------------------
	FOR PC LAYOUT CSS
------------------------------------------------------------*/
@media screen and (min-width:768px){
/*------------------------------------------------------------
	BASIC
------------------------------------------------------------*/
body{
font-size:14px;
line-height:22px;
color:#666;
background:#fafafa;
font-family:ud shin go light;
min-width:1020px;
}

body#top::before{
background:none;
}

.alignright{float:right; margin:0 0 20px 40px;}
.alignleft{float:left; margin:0 40px 20px 0;}
.aligncenter{display:block; margin:0 auto 20px;}
.alignnone{display:block; margin:0 auto 20px;}

h1,h2,h3,h4,h5,h6{
font-weight:normal;
}

section{}

/*------------------------------------------------------------
	LINK
------------------------------------------------------------*/
a{ color:#09f; text-decoration:none; }
a:hover { color:#0058b2; text-decoration:none; }

/*------------------------------------------------------------
	RESPONSIVE
------------------------------------------------------------*/
.pconly{display:block;}
.sponly{display:none;}

/*------------------------------------------------------------
	PC TOP PAGE
------------------------------------------------------------*/
body#top{
background:url(img/bg2.jpg) no-repeat center center;
background-size:cover;
background-attachment:fixed;
overflow:hidden;
}

#container{
position:relative;
transition:all 0.3s;
}

#wrapper{
overflow:hidden;
}

.top_wrap{
height:100vh;
}

.sitelogo{
position:fixed;
right:40px;
bottom:40px;
width:293px;
height:154px;
background:url(img/sitelogo1.svg) no-repeat;
z-index:9999;
padding:0;
}

.side_flogo{
text-align:center;
font-size:13px;
line-height:16px;
font-family:ud shin go medium;
}
.kabu{
display:inline-block;
font-size:10px;
font-family:ud shin go medium;
}
.en{
font-size:9px;
line-height:14px;
font-family: 'Yantramanav', sans-serif;
}

/*------------------------------------------------------------
	SIDE
------------------------------------------------------------*/
#side{
position:fixed;
left:0;
top:0;
width:180px;
height:100vh;
background:rgba(255,255,255,0.9);
z-index:9999;
}




/*------------------------------------------------------------
	PC MENU
------------------------------------------------------------*/
#menubtn{
position:absolute;
top:30px;
left:30px;
width:80px;
height:40px;
text-align:center;
display:block;
background:rgba(255,255,255,1);
line-height:40px;
color:#3B68AB;
display:block;
font-family: 'Raleway', sans-serif;
font-weight:700;
cursor:pointer;
transition:all 0.3s;
}
#menubtn:hover{
background:rgba(255,255,255,0.9);
}


#menubox{

}
.logo{
margin:54px auto 30px;
width:66px;
}

.bb{
border-bottom:1px solid #787878;
width:124px;
margin:0 auto 35px;
}

#menubox h3,
#side h3{
color:#0058b2;
font-size:13px;
line-height:25px;
padding-left:45px;
font-family: 'Raleway', sans-serif;
font-weight:700;
}

.menus li,
.menus1 li,
.menus2 li,
.menus3 li,
.menus4 li,
.menus5 li{
font-size:12px;
line-height:25px;
}
.menus,
.menus1,
.menus2,
.menus3,
.menus4{
margin-bottom:20px;
}
.menus li a,
.menus1 li a,
.menus2 li a,
.menus3 li a,
.menus4 li a,
.menus5 li a{
padding-left:45px;
display:block;
color:#787878;
transition:all 0.3s;
font-family:ud shin go light;
}
.menus li a:hover,
.menus1 li a:hover,
.menus2 li a:hover,
.menus3 li a:hover,
.menus4 li a:hover,
.menus5 li a:hover{
background:#E8E8E8;
}
.menus1 li a.on1,
.menus2 li a.active,
.menus3 li a.active,
.menus4 li a.active,
.menus5 li a.on2{
background:#E8E8E8;
}

#page_menubox{
position:fixed;
left:0;
top:0;
width:180px;
background:rgba(255,255,255,0.9);
height:100vh;
}

#page_menubox h3{
color:#0058b2;
font-size:13px;
line-height:25px;
padding-left:45px;
font-family: 'Raleway', sans-serif;
font-weight:700;
}


/*------------------------------------------------------------
	PC PAGE
------------------------------------------------------------*/
#page{
width:800px;
margin:0 auto;
padding:54px 290px;
position:relative;
}

.height_adjust{
height:400px;
}

#pagenavi{
position:fixed;
bottom:30px;
left:50%;
width:266px;
height:23px;
margin-left:134px;
}

/*------------------------------------------------------------
	PC PAGE PROFILE
------------------------------------------------------------*/
#page section{
padding:50px 0;
}

.bb1{
border-bottom:1px solid #797979;
}

#page h1.profile{
background:url(img/icon_01_profile.png) no-repeat left top;
padding-left:95px;
font-size:38px;
line-height:50px;
color:#0058b2;
padding-bottom:21px;
border-bottom:1px solid #797979;
font-family: 'Raleway', sans-serif;
font-weight:700;
height:80px;
}

#page h1.profile span{
display:block;
font-size:20px;
line-height:30px;
font-family:ud shin go light;
}

#page h2{
font-size:30px;
line-height:36px;
margin-bottom:30px;
font-weight:normal;
color:#0058b2;
letter-spacing:4px;
font-family:Hiragino Mincho W4 JIS2004;
}

.greeting{

}

.ceo{
border-bottom:1px solid #797979;
}

.sign{
font-size:24px;
line-height:40px;
font-family:Hiragino Mincho W6 JIS2004;
text-align:right;
}
.sign span{
font-size:14px;
display:inline-block;
margin-right:0.5em;
line-height:40px;
font-family:ud shin go light;
}

/*------------------------------------------------------------
	PC PAGE PHILOSOPHY
------------------------------------------------------------*/
.r280{
width:280px;
float:right;
}
.l480{
width:480px;
float:left;
}

#page h3.bbox{
background:#82C0FF;
color:#fff;
height:38px;
line-height:38px;
padding:0 10px;
margin-bottom:10px;
font-weight:normal;
}


/*------------------------------------------------------------
	PC PAGE SUMMARY
------------------------------------------------------------*/
.summaryT{
width:100%;
line-height:30px;
border-top:1px solid #ccc;
font-family:ud shin go light;
border-bottom:0;
}
.summaryT th{
font-weight:normal;
padding:10px;
white-space:nowrap;
vertical-align:top;
background:#ececec;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
}
.summaryT td{
padding:10px 10px 10px 45px;
border-bottom:1px solid #ccc;
}
.eigyousho,
.yakushoku{
width:140px;
display:inline-block;
vertical-align:top;
}
.nengou{
width:160px;
display:inline-block;
vertical-align:top;
}

.jigyou{
width:155px;
display:inline-block;
}
.menkyo{
width:328px;
display:inline-block;
margin:0;
}

.add,
.yakuin{
width:480px;
display:inline-block;
}
.enkaku{
width:440px;
display:inline-block;
margin:0;
}

.groupname{
width:300px;
display:inline-block;
}
.icon{
width:300px;
display:inline-block;
vertical-align:top;
text-align:left;
}

/*------------------------------------------------------------
	PC PAGE SERVICE
------------------------------------------------------------*/
#page h1.service{
background:url(img/icon_02_service.png) no-repeat left top;
padding-left:95px;
font-size:38px;
line-height:50px;
color:#0058b2;
padding-bottom:21px;
border-bottom:1px solid #797979;
font-family: 'Raleway', sans-serif;
font-weight:700;
height:80px;
}

#page h1.service span{
display:block;
font-size:20px;
line-height:30px;
font-family:ud shin go light;
}



.ml110{
margin-left:110px;
}

.service_navi{
width:266px;
float:right;
overflow:hidden;
}
.service_navi li{
width:50px;
float:left;
margin-right:4px;
}
.service_navi li:last-child{
margin:0;
}
.service_navi li a{
background:#c8c8c8;
color:#fff;
display:block;
line-height:23px;
font-size:12px;
text-align:center;
transition:all 0.3s;
}


.service_navi li a:hover{
background:#0058B2;
}

.service_navi_btn a{
width:50px;
display:inline-block;
background:#c8c8c8;
font-size:12px;
color:#fff;
text-align:center;
line-height:23px;
}

#page h2.spage{
font-size:35px;
line-height:50px;
border-left:13px solid #0058B2;
border-bottom:1px solid #0058B2;
margin-bottom:20px;
padding-left:12px;
}
#page h2.spage span{
font-size:25px;
display:inline-block;
margin-left:15px;
font-family: 'Raleway', sans-serif;
font-weight:700;
letter-spacing:2px;
}

.l210{
width:210px;
float:left;
margin:0;
}
.r550{
width:550px;
float:right;
padding-top:10px;
}


.l160{
width:160px;
float:left;
}
.r610{
width:610px;
float:right;
}

.c380{
width:380px;
float:left;
margin-left:30px;
}
.r200{
width:144px;
float:right;
}

#page h3.service_midashi{
background:#C1DAFD;
color:#0058B2;
text-align:center;
font-size:14px;
line-height:30px;
font-family:ud shin go medium;
}

.service_list{
margin-bottom:40px;
}

.service_list li{
font-size:14px;
line-height:30px;
}

.hoken{
display:inline-block;
width:80px;
vertical-align:top;
}
.hokenmei{
display:inline-block;
width:530px;
}


/*------------------------------------------------------------
	PC PAGE RECRUIT
------------------------------------------------------------*/
#page h1.recruit{
background:url(img/icon_04_recruit.png) no-repeat left top;
padding-left:95px;
font-size:38px;
line-height:50px;
color:#0058B2;
padding-bottom:21px;
border-bottom:1px solid #797979;
font-family: 'Raleway', sans-serif;
font-weight:700;
height:80px;
}

#page h1.recruit span{
display:block;
font-size:20px;
line-height:30px;
font-family:ud shin go light;
}

.rec_btn{
overflow:hidden;
}
.rec_btn li{
float:left;
width:150px;
margin-right:20px;
}
.rec_btn li a{
background:#0058B2;
text-align:center;
display:block;
color:#fff;
line-height:30px;
}

#page h3.rec{
color:#0058b2;
font-size:20px;
line-height:30px;
margin-bottom:20px;
font-family:ud shin go medium;
}
#page h3.rec span{
margin-left:20px;
display:inline-block;
color:#666;
font-size:14px;
font-family:ud shin go light;
}


.recT{
border-top:1px solid #ccc;
width:100%;
margin-bottom:20px;
font-family:ud shin go light;
border-bottom:0;
}
.recT th{
background:#ececec;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
padding:10px;
font-weight:normal;
vertical-align:top;
white-space:nowrap;
}
.recT td{
padding:10px 10px 10px 40px;
border-bottom:1px solid #ccc;
}
.kinmu{
display:inline-block;
width:90px;
vertical-align:top;
}
.hours{
display:inline-block;
width:570px;
}

#graduate{
padding-bottom:0 !important;
}

/*------------------------------------------------------------
	PC PAGE CONTACT
------------------------------------------------------------*/
#page h1.contact{
background:url(img/icon_05_contact.png) no-repeat left top;
padding-left:95px;
font-size:38px;
line-height:50px;
color:#0058b2;
padding-bottom:21px;
border-bottom:1px solid #797979;
margin-bottom:40px;
font-family: 'Raleway', sans-serif;
font-weight:700;
height:80px;
}

#page h1.contact span{
display:block;
font-size:20px;
line-height:30px;
font-family:ud shin go light;
}

.contact_info{
overflow:hidden;
}

.contact_info li{
float:left;
margin-bottom:22px;
font-family:ud shin go medium;
}
.contact_info li:nth-child(1),
.contact_info li:nth-child(2){
width:50%;
font-size:20px;
color:#0058b2;
line-height:34px;
}
.contact_info li:nth-child(3){
width:100%;
}

.contact_icon{
width:84px;
height:34px;
background:#0058b2;
color:#fff;
text-align:center;
display:inline-block;
font-size:16px;
margin-right:15px;
line-height:34px;
vertical-align:top;
font-family: 'Raleway', sans-serif;
font-weight:700;
}

.address{
display:inline-block;
font-size:12px;
line-height:17px;
color:#0058b2;
margin-left:0;
}

#access{
padding-top:0 !important;
}


/*------------------------------------------------------------
	PC PROJECT CATEGORY
------------------------------------------------------------*/
#cat{
width:800px;
margin:0 auto;
padding:50px 290px;
}

#cat h1.project{
background:url(img/icon_03_project.png) no-repeat left top;
padding-left:95px;
font-size:38px;
line-height:50px;
color:#0058b2;
padding-bottom:21px;
border-bottom:1px solid #797979;
margin-bottom:30px;
font-family: 'Raleway', sans-serif;
font-weight:700;
height:80px;
}

#cat h1.project span{
display:block;
font-size:20px;
line-height:30px;
font-family:ud shin go light;
}

#cat h2{
border-top:1px solid #cdcdcd;
border-bottom:1px solid #cdcdcd;
line-height:40px;
font-size:14px;
color:#666;
margin-bottom:10px;
}

.project_desc{
width:600px;
float:left;
font-size:12px;
line-height:23px;
color:#666;
margin:0;
}
.project_data{
width:180px;
float:right;
padding-top:52px;
font-size:12px;
line-height:23px;
color:#666;
}

.form_wrap{
width:600px;
float:left;
margin-bottom:0;
}
.form_wrap select{
font-family:ud shin go light !important;
font-size:12px;
line-height:20px;
padding:0 15px 0 5px;
height:27px;
box-sizing:border-box;
border:1px solid #999;
width:auto;
}

.form_wrap label{
position:relative;
overflow: hidden;
}

.form_wrap label:after{
display: block;
content: '';
position: absolute;
top: 50%;
right: 10px;
width: 10px;
height: 9px;
margin-top:-3px;
background: url(img/arrow_down.svg) no-repeat;
background-size: 10px;
pointer-events: none;
}


.form_wrap select option{
font-family:ud shin go light !important;
font-size:12px;
line-height:20px;
padding:0 5px;
box-sizing:border-box;
}

select::-ms-expand {
display: none;
}

.form_wrap input[type="submit"]{
background:#999;
border:0;
color:#fff;
height:27px;
font-family:ud shin go light !important;
font-size:12px;
line-height:20px;
padding:0 10px;
cursor:pointer;
width:auto;
transition:all 0.3s;
}

.form_wrap input[type="submit"]:hover{
background:#0058b2;
color:#fff;
border:0;
height:27px;
font-family:ud shin go light !important;
font-size:12px;
line-height:20px;
box-sizing:border-box;
border:0;
width:auto;
}


.sort_btn{
width:150px;
float:right;
overflow:hidden;
}
.sort_btn li{
width:70px;
float:left;
margin-right:10px;
background:#fff;
box-sizing:border-box;
font-size:11px;
line-height:25px;
color:#989898;
text-align:center;
font-family:Gothic MB101 Light;
}
.sort_btn li a{
border:1px solid #cdcdcd;
display:block;
color:#989898;
text-align:center;
font-size:11px;
line-height:25px;
font-family:Gothic MB101 Light;
box-sizing:border-box;
transition:all 0.3s;
}

.sort_btn li a:hover{
background:#0058b2;
color:#fff;
border:1px solid #0058b2;
}


.sort_btn li:last-child{
margin:0;
}




.project_feed{
overflow:hidden;
}
.project_feed li{
width:252px;
float:left;
margin-right:22px;
margin-bottom:30px;
position:relative;
}
.project_feed li a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
}

.project_feed li:nth-child(3n){
margin-right:0;
}
.project_feed li:nth-child(2),
.project_feed li:nth-child(4),
.project_feed li:nth-child(8),
.project_feed li:nth-child(10){
margin-right:22px;
}

.project_feed li img{
margin-bottom:10px;
}
#cat h3.project_title{
font-size:13px;
line-height:20px;
text-align:center;
color:#666;
font-family:Gothic MB101 Regular;
margin-bottom:5px;
}
.project_info{
text-align:center;
font-size:11px;
line-height:20px;
color:#666;
font-family:Gothic MB101 Light;
}
.project_textbox{
height:65px;
}

.results_image{
width:600px;
height:400px;
float:left;
margin-bottom:20px;
}
.results_thumb{
width:180px;
float:right;
}


/*------------------------------------------------------------
	PC PROJECT LIST CATEGORY
------------------------------------------------------------*/
.result{
width:100%;
margin-bottom:20px;
}
.result li.result_item{
background:#82c0ff;
font-family:ud shin go light;
color:#fff;
border-bottom:0;
overflow:hidden;
}

.result li{
position:relative;
line-height:40px;
font-family:ud shin go light;
text-align:left;
box-sizing:border-box;
font-size:12px;
border-bottom:1px solid #ccc;
overflow:hidden;
}
.th1{ width:65px; display:inline-block; box-sizing:border-box; padding:0 5px; }
.th2{ width:395px; display:inline-block; box-sizing:border-box; padding:0 5px; }
.th3{ width:100px; display:inline-block; box-sizing:border-box; padding:0 5px; }
.th5{ width:175px; display:inline-block; box-sizing:border-box; padding:0 5px; }
.th6{ width:65px; display:inline-block; box-sizing:border-box; padding:0 5px; }

.result li a{
display:block;
transition:all 0.3s;
color:#333;
}
.result li a .th2{
color:#0058b2;
}
.result li a:hover{
background:#edf6fd;
}






/*------------------------------------------------------------
	END PC LAYOUT CSS
------------------------------------------------------------*/
}



@media screen and (max-height: 697px) {

.logo{
margin:27px auto 15px;
width:66px;
}

.bb{
border-bottom:1px solid #787878;
width:124px;
margin:0 auto 18px;
}
.mb20{ margin-bottom:15px !Important; }
.mb80{ margin-bottom:40px !important; }

#side h3{
color:#0058b2;
font-size:13px;
line-height:20px !important;
padding-left:45px;
font-family: 'Raleway', sans-serif;
font-weight:700;
}
.menus li,
.menus1 li,
.menus2 li,
.menus3 li,
.menus4 li,
.menus5 li{
font-size:12px;
line-height:20px;
}
.menus,
.menus1,
.menus2,
.menus3,
.menus4{
margin-bottom:15px;
}
.menus li a,
.menus1 li a,
.menus2 li a,
.menus3 li a,
.menus4 li a,
.menus5 li a{
padding-left:45px;
display:block;
color:#787878;
transition:all 0.3s;
font-family:ud shin go light;
}
.menus li a:hover,
.menus1 li a:hover,
.menus2 li a:hover,
.menus3 li a:hover,
.menus4 li a:hover,
.menus5 li a:hover{
background:#E8E8E8;
}
.menus1 li a.on1,
.menus2 li a.active,
.menus3 li a.active,
.menus4 li a.active,
.menus5 li a.on2{
background:#E8E8E8;
}

#page_menubox{
position:fixed;
left:0;
top:0;
width:180px;
background:rgba(255,255,255,0.9);
height:100vh;
}

#page_menubox h3{
color:#0058b2;
font-size:13px;
line-height:20px;
padding-left:45px;
font-family: 'Raleway', sans-serif;
font-weight:700;
}

}