@charset "utf-8";


/*--------------------------------------
  リセット
--------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, menu, nav, section {
	display: block;
}

a {
	text-decoration: none;
}

ul, ol {
	list-style: none;
}

img {
	vertical-align: top;
	border: 0;
}

button {
	font-size: 100%;
}

.clear {
	clear: both;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}

input,
textarea {
	max-width: 100%;
	margin: 0;
	padding: 0;
}

table{
	border-collapse: collapse; 
	border-spacing:0;
	table-layout: fixed;
}

caption, th{
    text-align: left;
}

a:focus {
	outline:none;
}


pre {
	overflow: auto;
}

i.fa {
	margin: 0 0.5em 0 0;
}

/*--------------------------------------
  クラス定義
--------------------------------------*/
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}
.s {
	font-size: 70%;
}
.ss {
	font-size: 50%;
}
.l {
	font-size: 150%;
	line-height: 130%;
}
.ll {
	font-size: 200%;
	line-height: 120%;
}
.b {
	font-weight: bold;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
span.futo {
	font-weight: bold;
}
span.futoaka {
	font-weight: bold;
	color: #ff0000;
}
span.futomido {
	font-weight: bold;
	color: #149b14;
}
.red{
	color:#ff0000;
	}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	font-size: 80%;
}
 
sup {
	bottom: 1ex;
}
 
sub {
	top: .5ex;
}



#contents blockquote p:last-child {
	margin-bottom: 0;
}

.fbcomments,
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fbcomments iframe[style],
.fb_iframe_widget span {
	width: 100% !important;
}

/*--------------------------------------
  動画レスポンシブ化
---------------------------------------*/
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin: 0 auto 24px 0;
}
.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*--------------------------------------
  クリアフィックス
---------------------------------------*/
.clearfix:after {
	visibility: hidden;
	height: 0;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
}

* html .clearfix {
	zoom: 1;
}

*:first-child+html .clearfix {
	zoom: 1;
}

/*--------------------------------------
  画像
--------------------------------------*/
img {
	max-width: 100%!important;
	height: auto;
}

.alignright {
	float: right;
	margin: 0 0 24px 24px;
}
.alignleft {
	float: left;
	margin: 0 24px 24px 0;
}
.aligncenter {
	display: block;
	margin: 0 auto;
}
img.float-left {
	float: left;
	margin: 0 24px 24px 0;
}
img.float-right {
	float: right;
	margin: 0 0 24px 24px;
}
a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}


/*--------------------------------------
  リンク
--------------------------------------*/
a {
	color: inherit;
}

a:hover {}

/*--------------------------------------
  CSSはPC→タブレット→スマホの順に
  記述しています。
--------------------------------------*/

/*--------------------------------------
  全体定義
--------------------------------------*/
html {
    font-family:"Meiryo UI", Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size : 100%;
	line-height : 1.6;
	background: #fff;
	color: #333;
}

body {
	margin: 0;
	padding: 0;
}

/*-------------------------------
　ヘッダー
------------------------------*/
#header{
	position:relative;
	z-index:3;
	}
h1{
	font-size:80%;
	color:#fff;
	background-color: #68cec9;
    background-image: linear-gradient(135deg, #68cec9 0%, #71d8ea 50%, #c7d1f7 100%);
	}
.h-logo{
    height: 80px;
    display: flex;
    align-items: center;
	float:left;
	}
.h-logo img{
	height:70px;
}
.h-area{
    width: auto;
    height: 80px;
    align-items: center;
    display: flex;
    float: left;	
    margin-left: 45px;	
	}
.h-area_item{
    font-size: 90%;
    color: #9aa6d3;
    border: 1px solid;
    padding: 3px 10px;
    margin-right: 10px;
    font-weight: bold;
}	
	
.h-tel{
    width: auto;
    float: right;
	text-align:center;
    padding: 5px 0;	
	}
.h-tel img{
    display: block;
    height: 50px;
}
.h-tel_time{
    font-size: 85%;
}

.h-entry{
    height: 74px;
    padding: 0;
    box-sizing: border-box;
    float: right;
    margin-left: 10px;	
}
.btn-menu{display:none;}
#navi{
background-color: #efefef;
background-image: linear-gradient(0deg, #efefef 0%, #ffffff 100%);
box-shadow:0 0 5px #ccc;	
	}

#navi ul{
	display:block;
	width:1000px;
	margin:0 auto;
    padding: 14px 0;
	text-align:center;	
	}

#navi li{
    display: inline-block;
	width: 19.5%;
    text-align: center;
    border-left: 1px solid #9aa6d3;
    line-height: 1;
    font-size: 95%;
    box-sizing: border-box;
    color: #9aa6d3;
}
#navi li:last-child{
	border-right:1px solid;
}
#navi li a{
	display:block;
	font-weight:bold;
}
.sp_tel{
		display: none;
	}		
/*-------------------
　見出し
------------------*/		
h2{
    border-bottom: 3px solid #ccc;
    font-weight: bold;
    margin-bottom: 20px;	
	}
h2 span{
    font-family: 'Courgette', cursive;
    color: #9aa6d3;
    font-size: 2.2em;
    margin-right: 10px;
	}		
		
	
/*------------------------------
　コンテンツ
-----------------------------*/	
	.pc_only{
		display: block;
	}
	.sp_only{
		display: none;
	}
#top{
    background: url(../new_img/bg_top.jpg) no-repeat;
    background-size: auto 100%;
    height: 600px;
	position:relative;
	background-position:center top;
}
.mask{
	background-color: rgba(199, 209, 247, 0.3);
    background-image: linear-gradient(135deg, rgba(104, 206, 201, 0.3) 0%, rgba(113, 216, 234, 0.3) 50%, rgba(199, 209, 247, 0.2) 100%);
	background-color: rgba(199, 209, 247, 0.5);
    background-image: linear-gradient(135deg, rgba(104, 206, 201, 0.5) 0%, rgba(113, 216, 234, 0.5) 50%, rgba(199, 209, 247, 0.5) 100%);
    position: absolute;
    width: 100%;
    height: 100%;
	top: 0;
	left: 0;
	}
.top_txt{
    width: 80%;
    float: none;
    padding-top: 60px;
    /* margin-bottom: 60px; */
    display: block;
    margin: 0 auto 40px;
	}
.top_txt2{
    width: 65%;
    float: left;
    padding-top: 80px;
	}
.top_entry{
    width: 30%;
    float: right;
    padding-top: 0;
	}
#contents{
	padding-top: 30px;
	}

#main{
	width:660px;
	float:left;
	padding:0;
	box-sizing:border-box;
	}
.inner{
	width:1000px;
	display:block;
	margin: 0 auto;
	}
section{
	padding:40px 0;
	}	
	
/*-----------------------
 検索ボックス
------------------------*/
#search_area{
	padding:0 0 40px;
	}

.tab_wrap{
	width:100%; 
	margin:20px auto;
	}
.tab_wrap input[type="radio"]{
	display:none;
	}
.tab_area{
	font-size:0; 
	margin:0 ;
	}
.tab_area label{
	width:48%; 
	margin:0; 
	padding:10px 0; 
	color:#68cec9;
	background:#f1f1f1; 
	text-align:center; 
	font-size:20px; 
	cursor:pointer; 
	transition:ease 0.2s opacity;
	border-radius: 8px 8px 0 0;
	border:1px solid #68cec9;
    font-weight: bold;	
	}
.tab_area label:hover{
	opacity:0.9;
	}
.panel_area{
	background: #fff;
    border: 4px solid #68cec9;
    border-radius: 0 0 8px 8px;
}
.tab_panel{
	width:100%; 
	padding:20px; 
	display:none;
    box-sizing: border-box;	
	}
.tab_panel p{
	font-size:14px;
	letter-spacing:1px;
	text-align:center;
	}

#tab1:checked ~ .tab_area .tab1_label{
    background: #68cec9;
    color: #fff;
	}
#tab1:checked ~ .panel_area #panel1{
	display:block;
	}
#tab2:checked ~ .tab_area .tab2_label{
    background: #68cec9;
    color: #fff;
	}
#tab2:checked ~ .panel_area #panel2{
	display:block;
	}
.tab1_label{
	float:left;
	}
.tab2_label{
	float:right;
	}
	
	
.form_h3{
    background-color: #eafffe;
    color: #42b5af;
    margin-bottom: 10px;
    padding: 5px 0 5px 10px;
	position:relative;
	}
.form_h3:after{
	content: "\f0d8";
    font-family: FontAwesome;
	right: 15px;
    position: absolute;	
	}
.form_h3.open{
	position:relative;
	}	
.form_h3.open:after{
	content: "\f0d7";
    font-family: FontAwesome;
	right: 15px;
    position: absolute;	

	}		
.form_h2 {
    background-color: #68cec9;
    color: #fff;
    font-weight: bold;
    font-size: 120%;
    padding: 5px 10px;
    box-sizing: border-box;
    margin-bottom: 10px;
}	
	
.panel_area select{
    font-size: 17px;
    padding: 5px;
    margin-bottom: 20px;
    width: 300px;
}		
.check_list{
	padding: 0 5px;
    box-sizing: border-box;
    margin-bottom: 10px;
	}	
	
.check_list li {
	float: left;
    width: 33%;
    font-size: 95%;
    margin-bottom: 5px;
    line-height: 1.3;
}
.check_list li a:hover{
	text-decoration:underline;
	}
.check_list li input[type="checkbox"] {
	vertical-align:middle;
	}
.free_word{
	margin-bottom:30px;
	padding:5px;
	box-sizing:border-box;
	}
.free_word p{
	text-align:left;
	font-size:110%;
	margin-bottom:5px;
	}
.free_word input[type="text"] {
	width:100%;
	padding:5px;
	box-sizing:border-box;
	font-size:16px;
	}
	
.search_submit{
	appearance:none;
	-webkit-appearance:none;
    color: #fff;
    width: 62%;
    padding: 10px;
    border-radius: 5px;
    border: 0;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    box-shadow: 0 3px 0 #51b7a5;
    display: inline-block;
    background-color: #57ceb9;
	cursor:pointer;
}
.btn_clear{
	appearance:none;
	-webkit-appearance:none;
    color: #999;
    width: 35%;
    padding: 10px;
    border-radius: 5px;
    border: 0;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    box-shadow: 0 3px 0 #ccc;
    display: inline-block;
    background-color: #ddd;
	cursor:pointer;
	margin-right:2%;
	}	
.empty_cl{
	color:#ccc;
}	


/*------------------------------
　新着求人
--------------------------------*/	
.new_entry{}

.new_entry ul{
	margin-bottom: 20px;
	}

.new_entry li{
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
    font-size: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
	}
.mark_new{
	font-size:70%;
	color:#F00;
	font-weight: bold;
	margin-right:5px;
	}	
.date_time {
    font-size: 90%;
    letter-spacing: -1px;
    margin-right: 5px;
}	
.cate_work{
    font-size: 90%;
    text-align: center;
    color: #fff;
    background-color: #9aa6d3;
    margin-right: 5px;
    font-weight: bold;
    display: inline-block;
    border-radius: 3px;
    padding: 5px 10px;
    line-height: 1;
    box-sizing: border-box;
    min-width: 180px;
	}
.cate_statsu{
	font-size: 90%;
    text-align: center;
    color: #fff;
    background-color: #68cec9;
    margin-right: 5px;
    font-weight: bold;
    display: inline-block;
    border-radius: 3px;
    padding: 5px 10px;
    line-height: 1;
    box-sizing: border-box;
    min-width: 116px;
	}
.statsu_1{
	background-color:#68cec9;
	}
.statsu_2{
	background-color:#ff9d9d;	
	}
.statsu_3{
	background-color:#f3ad44;
	}
.statsu_4{
	background-color:#64b8d8;	
	}
.statsu_5{
	background-color:#ff6666;
	}			
	
/*---------------------------
　ピックアップ
---------------------------*/	
section#pickup{
	background-color: rgba(199, 209, 247, 0.15);
    background-image: linear-gradient(90deg, rgba(104, 206, 201, 0.15) 0%, rgba(113, 216, 234, 0.15) 50%, rgba(199, 209, 247, 0.15) 100%);	
    padding: 40px 0;	
	}	
.pickup_list{
    margin-bottom: 20px;
	text-align:center;	
	}
.pickup_list li{
	display: inline-block;
    width: 46%;
    margin: 1.5%;
    box-sizing: border-box;
    vertical-align: top;
	}	
.pickup_list li img{
	width:100%;
	border-radius: 8px;
	}	
	
/*------------------------
　トップレポート
--------------------------*/	

section#feature{
	background-color:#F7F7F7;
	padding:40px 0;
	}

.slide_repo{}

.repo_list{
	text-align:left;
	}
.repo_list li{
	background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    width: 47%;
    display: inline-block;
    margin: 1% 1%;
    vertical-align: top;
    box-sizing: border-box;
    padding: 10px;
	}

.repo_img{
    width: 30%;
    float: left;
    margin-right: 2%;
	position:relative;
	}
.repo_img img{
	}	

.repo_right{
	width:68%;
	float:left;
	text-align:left;
    padding: 5px 0;	
	}

.cate_repo{
	font-size: 85%;
    color: #4fbaa7;
    font-weight: bold;
	line-height: 1;
    margin-bottom: 10px;		
	}
.repo_ti{
    font-weight: bold;
    line-height: 1;
    margin-bottom: 5px;	
	}

.repo_right div{
	font-size: 95%;
    line-height: 1.3;	
	}
	
.slick-prev, .slick-next {
    width: 30px !important;
    height: 30px !important;
	background: #68cec9 !important;	
}
.slick-prev {
    left: 0 !important;	
    font-weight: bold;
    padding: 5px;
    box-sizing: border-box;
    z-index: 1;
}

.slick-next{
    right: 0 !important;	
    font-weight: bold;
    padding: 5px;
    box-sizing: border-box;
}

.slick-slide{
	padding:5px;
	}
.slick-dots li button:before {
	appearance:none;
	-webkit-appearance:none;
    font-family: 'slick';
    font-size: 26px !important;
	color:#68cec9 !important;
}
	
	
.slide_repo{
	opacity: 0;
	transition: .5s;
}
.slick-initialized{
    opacity: 1;
}	

/*-------------------------
　就業までの4STEP
-----------------------*/
.content_h2{
    text-align: center;
    background-color: #68cec9;
    background-image: linear-gradient(135deg, #68cec9 0%, #71d8ea 50%, #c7d1f7 100%);
    padding: 2px 0;
    color: #fff;
    font-size: 120%;
    font-weight: bold;
    width: 80%;
    display: block;
    margin: 0 auto 40px;
    border-radius: 30px;
}
.content_h2 span{
	font-size:140%;
	font-weight:bold;
    margin-left: 5px;
}
	
.step_list {}
.step_list li{
	width:22%;
	float:left;
	position:relative;
	background-color:#fff;
	border:3px solid #68cec9;
	border-radius:5px;
	text-align:center;
	margin-right:3%;
	}
.step_list li:last-child{
	margin-right:0;
	}	
.step_list li p{
	padding:5px 0;
	font-weight: bold;
}
.step_list li:after{
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #68cec9;
    top: 45%;
    right: -40px;
}
.step_list li:last-child:after{
	content: none;
}

.step_mark{
    position: absolute;
    text-align: center;
    width: 50px;
    height: 50px;
    background-color: #68cec9;
    background-image: linear-gradient(135deg, #68cec9 0%, #71d8ea 50%, #c7d1f7 100%);
    border-radius: 50%;
    top: -5%;
    left: -5%;
    font-size: 90%;
    display: flex;
    align-items: center;
	}	
.step_mark p{
	line-height: 1;
    font-weight: bold;
    color: #fff;
    display: block;
    margin: 0 auto;
	padding:0;
	}

/*-------------------------
　サポートテキスト
--------------------------*/
.bg-gra{
	padding:4px;
	box-sizing: border-box;
	background-color: #68cec9;
    background-image: linear-gradient(135deg, #68cec9 0%, #71d8ea 50%, #c7d1f7 100%);	
	}
.support{
	background-color:#F2F8FC;
	padding: 30px;
	}
.support .h3{
	text-align: center;
    background-color: #68cec9;
    background-image: linear-gradient(135deg, #68cec9 0%, #71d8ea 50%, #c7d1f7 100%);
    color: #fff;
    font-weight: bold;
    font-size: 120%;
    margin-bottom: 20px;
    padding: 5px 0;
    text-shadow: 1px 1px 2px #666;
	}	
.support p{
	margin-bottom:15px;
	}
	
	
/*---------------------------
　サイドバー
--------------------------*/
#side{
	width: 310px;
    float: right;
    box-sizing: border-box;
    padding: 0;
	}
	
.side_h2{
    font-family: 'Courgette', cursive;
    color: #fff;
    text-align: center;
    font-size: 2em;
	background-color: #68cec9;
    background-image: linear-gradient(135deg, #68cec9 0%, #71d8ea 50%, #c7d1f7 100%);
    border-radius: 30px;
    margin-bottom: 20px;
	}	
	
.side_banner {
    margin-bottom: 20px;
}
.side_con{
      margin-bottom: 20px;
}
.side_con li{
    height: 170px;
    background-image: url(../new_img/side_01.jpg);
    background-size: 100%;
    background-position: left top;
    position: relative;
    margin-bottom: 15px;
    border: 3px solid #68cec9;
    box-sizing: border-box;
}
.side_con li:nth-child(2){
	background-image: url(../new_img/side_02.jpg);
	border-color: #00c6ea;
}
.side_con li:nth-child(3){
	background-image: url(../new_img/side_03.jpg);
	border-color: #67a6f9;	
}
.side_con li a {
    display: block;
    height: 100%;
}
.side_con li div{
    font-size: 155%;
    font-weight: bold;
    color: #68cec9;
    background-color:rgba(222, 222, 222, 0.23);
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    height: 100%;
    text-align: center;
    display: inline-grid;
    align-items: center;
	text-shadow: 0 0 1px #fff, 0 1px 0px #fff, 1px 0 0 #fff;
	display: block;
}
.side_con li:nth-child(2) div{
	color: #00c6ea;
}
.side_con li:nth-child(3) div{
	color: #67a6f9;
}
.side_con li div p{
font-weight: bold;
	line-height: 170px;
}


.guide{    
    border: 1px solid #ddd;
    border-top: 0;
	margin-bottom: 30px;
}
.guide h3{
	color: #fff;
    text-align: center;
    font-size: 130%;
    background-color: #68cec9;
    background-image: linear-gradient(135deg, #68cec9 0%, #71d8ea 50%, #c7d1f7 100%);
    margin-bottom: 10px;
    font-weight: bold;
    padding: 5px 0;
	border-radius: 0;
}
.guide ul{
	    padding: 0 10px 10px;
}
.guide li{
	padding-bottom: 5px;
	position: relative;
	padding-left: 25px;
	
}
.guide li a{
	display: block;
}
.guide li:before{
	content: "\f144";
    font-family: FontAwesome;
    left: 5px;
    position: absolute;
	color: #68cec9;
}
/*--------------------
　サイドバー　レポート
---------------------------*/

.side_h4{
    color: #fff;
    text-align: center;
    padding: 5px;
    font-weight: bold;
    font-size: 110%;
    margin-bottom: 10px;
	background-color: #68cec9;
    background-image: linear-gradient(135deg, #68cec9 0%, #71d8ea 50%, #c7d1f7 100%);
}

.company_list {
    background-color: #f0f9f8;
    color: #42b5af;
    margin-bottom: 10px;
    padding: 5px 0 5px 10px;
    position: relative;
	font-weight: bold;
}
.company_list:after {
    content: "\f0d7";
    font-family: FontAwesome;
    right: 15px;
    position: absolute;
}

.company_list.open:after {
    content: "\f0d8";
    font-family: FontAwesome;
    right: 15px;
    position: absolute;
}
.c_list_item{
	display: none;
	margin-bottom: 10px;
	padding: 0 10px;
	box-sizing: border-box;
}
.c_list_item li{
	font-size: 90%;
}

 .to_report{
    display: block;
    text-align: center;
    width: 100%;
    background-color: #68cec9;
    color: #fff;
    font-size: 110%;
    font-weight: bold;
    padding: 5px 0;
    border-radius: 5px;
    box-shadow: 0 3px 0 #42b5af;
    margin-bottom: 20px;
}

/*-------------------------
　フッター
----------------------------*/	

.bottom_entry{    
	padding: 50px 0;
    background-image: linear-gradient( -45deg, #DBEEEE 25%, #ECF3F2 25%, #ECF3F2 50%, #DBEEEE 50%, #DBEEEE 75%, #ECF3F2 75%, #ECF3F2 );
    background-size: 10px 10px;
}
.bottom_entry img{
    width: 80%;
    display: block;
    margin: 0 auto;
}

#footer{
	background-color:#F4F4F4;
	padding-bottom: 15px;	
	}

.f-navi{
	background-color: #68cec9;
    background-image: linear-gradient(90deg, #68cec9 0%, #71d8ea 50%, #c7d1f7 100%);
	padding: 20px 0;	
    margin-bottom: 20px;
	}
.f-navi ul{
	display:block;
	margin:0 auto;
	width:1000px;
	text-align:center;
	color:#fff;
	}
	
.f-navi li{
	display: inline-block;
	width:19.5%;
	}	
.f-navi li a{
	display:block;
	font-weight:bold;
}
.f-navi li a:before{
	content: "\f101";
	font-family: FontAwesome;
    padding-right: 5px;
	}
	
.f-logo {
    width: 20%;
    float: left;
}	
.f-right{
    width: 75%;
    float: right;
}
.f-right ul{
	float:right;
    margin: 40px 0 20px;	

	}
.f-right li{
    width: auto;
    font-size: 90%;
    border-left: 1px solid #999;
    line-height: 1;
    text-align: center;
    padding: 0 15px;
    box-sizing: border-box;
    float: left;
	}
.f-right li:last-child{
	border-right:1px solid #999;
	}	
.f-right p{
	text-align:right;
	font-size:80%;
	}		
	
#page-top{
    position: fixed;
    bottom: 5%;
    right: 3%;
    width: 80px;
}	


@media screen and (max-width:960px){
	
	
	.inner{
		width:95%;
	}
	.h-area{
		margin-left: 2%;
	}
.h-logo img {
    height: 57px;
}	
	.h-area_item{
		margin-right: 6px;
	}	
	#navi ul{
		width:100%;
	}	
#navi li {
    width: 19.3%;
	}
	
#top {
    height: 490px;
	}

#main {
    width: 100%;
}

.check_list li {
	font-size: 100%;
    padding-bottom: 5px;
}

.btn_clear {
    margin-right: 1%;
    box-sizing: border-box;
}
.step_list li{
	margin-right: 2.3%;
}
.step_list li:after {
    border-top: 6px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 12px solid #68cec9;
    top: 45%;
    right: -19%;
}

/*-----------
 サイドバー
--------------*/
#side {
    width: 100%;
}
.side_con li {
    width: 32.7%;
    vertical-align: top;
    display: inline-block;
    background-size: cover;
    background-position: center;	
	}
.side_con li div {
    font-size: 110%;
	}
	
.side_banner {
    width: 48%;
    display: inline-block;
    margin-right: 2%;
}

.guide {
    width: 48%;
    display: inline-block;
}
.guide li a {
    font-size: 110%;
}
	
/*--------------
　フッター
-------------------*/
.bottom_entry img {
    width: 100%;
}
.f-navi ul {
    width: 100%;
	}
.f-navi li {
    width: auto;
    margin-right: 4%;
}
	.f-right li{
		padding: 0 6px;
	}	
	
#page-top {
    bottom: 18%;
    right: 1%;
    width: 70px;
}	
	
}

@media screen and (max-width:736px){
	.pc_only{
		display: none;
	}
	.sp_only{
		display: block;
	}	
#header{
    width: 100%;
    background-color: #fff;
    border-bottom: 2px solid #68cec9;
    box-shadow: 0 0 5px #ccc;
    position: fixed;
    top: 0;
    left: 0;
	}
	h1{
		display: none;
	}	

	.h-area{
		display:none;
	}
	.h-entry{
		display:none;
	}
	.h-tel{display:none;
	}
.h-logo {
    height: 50px;
	}
.h-logo img {
    height: 40px;
}	
	
#navi {
	box-shadow: 0 0 3px #999;
    position: fixed;
    right: 0;
    top: 0;
    width: 80%;
    z-index: 9;
    height: 100vh;
    padding-top: 40px;
    background: rgba(104, 206, 201, 0.95);
	display: none;
}	
	#navi ul{
		width:100%;
	}	
#navi li {
    display: block;
    width: 95%;
    margin: 0 auto;
    padding: 10px;
    text-align: left;
    border-left: 0;
    line-height: normal;
    font-size: 100%;
    color: #fff;
    border-bottom: 1px solid;
}	
#navi li:last-child {
    border-right: 0;
}
.btn-menu {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    z-index: 9999999;
    box-sizing: border-box;
	background-color: #68cec9;
}
.btn-menu:after {
    content: "\f0c9";
    font-family: FontAwesome;
    position: absolute;
    background-position: center;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    font-size: 1.6em;
    color: #fff;
}	
.btn-menu.navi_close:after {
    content: "\f00d";
    font-family: FontAwesome;
    position: absolute;
    background-position: center;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    font-size: 1.6em;
    color: #fff;
}	
.sp_tel{
	display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    position: fixed;
    top: 0;
    right: 50px;
    background-color: #e8f3f2;
	}
.sp_tel:after{
    content: "\f10b";
    font-family: FontAwesome;
    position: absolute;
    background-position: center;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    font-size: 2.3em;
    color: #68cec9;
	}	
	
	
#top {
    background: url(../new_img/bg_top.jpg) no-repeat;
    background-size: cover;
    height: 50vh;
    background-position: center;
	padding-top: 70px;
}	
.mask {
    top: 0;
    left: 0;
}	
.top_txt {
    width: 100%;
    float: none;
    padding-top: 20%;
    /* margin-bottom: 60px; */
    display: block;
    margin: 0 auto 5%;
}	
.top_txt2 {
    width: 100%;
    float: none;
    padding-top: 0;
}
.top_entry {
    width: 100%;
    float: none;
    padding-top: 0;
    display: none;	
	}
	
/*------------
 コンテンツ
------------------*/
#contents{}
.inner{
	width: 95%;
	}
section {
    padding: 20px 0;
}	
#main{
	width: 100%;
	float: none;
	}
	.tab_area label{
		font-size:15px;
	}		
	.panel_area select{
		width: 100%;
	}	
	
	.tab_panel {
		padding: 10px;
	}
.check_list li {
	width: 100%;
	}
.btn_clear {
    width: 35%;
    padding: 10px 0;
    font-size: 16px;
    letter-spacing: 0;
    margin-right: 1%;
	box-sizing: border-box;
}	
.search_submit {
    width: 62%;
    padding: 10px 0;
    font-size: 16px;
    letter-spacing: 0;
}
.new_entry li {
    white-space: pre-wrap;
	}
	.date_time{
		display:block;
	}
	.cate_work{
		width:49%;
		min-width: 49%;
		margin-right: 0;
	    margin-right: 1%;	
	}
	.cate_statsu{
		width:49%;
		min-width: 49%;
		margin-right: 0;
	}
.repo_list li{
		width: 100%;
	}	
.repo_right div {
    display: none;
	}
	
	
.pickup_list li {
    width: 100%;
    margin: 0 0 15px;
	}
	
	.content_h2{
		width:100%;
	}	
	
	
/*-----------------
　サイドバー
-----------------*/
	
	#side{
		width: 100%;
		float: none;
	}	
.side_con li {
    width: 100%;
	}
.side_con li div {
    font-size: 140%;
}	
.side_banner {
    width: 100%;
    display: block;
    margin-right: 0;
}	
.guide {
    width: 100%;
    display: block;
}	

/*--------------------
　フッター	
--------------------*/
	
.step_list li {
    margin-right: 0;
    margin: 2%;
    display: inline-block;
    vertical-align: top;
    width: 47%;
    box-sizing: border-box;
}
	.step_list li:nth-child(2n){
		margin-right: 0;
	}	
.step_list li:after{
		content: unset;
	}	
.step_list li p {
    font-size: 80%;
}
.step_mark {
    width: 40px;
    height: 40px;
    top: -8%;
    left: -8%;
    font-size: 80%;	
	}
.support {
    padding: 0;
	padding-bottom: 5px;	
}
	.support .h3{font-size: 105%;}	
.support p {
    margin-bottom: 10px;
    padding: 0 10px;
}	
.bottom_entry {
    padding: 25px 0;
	}
	.f-navi{
		padding: 0;
		background: #68cec9;
	}
.f-navi li {
    width: 100%;
    margin-right: 0;
    text-align: left;
    font-size: 100%;
    padding: 5px 0 5px 15px;
    box-sizing: border-box;
    border-bottom: 1px solid;
}	
	
	.f-navi ul{
		width: 100%;
	}	
.f-logo {
    width: 80%;
    float: none;
    display: block;
    margin: 0 auto 20px;
}	
.f-right {
    width: 100%;
    float: none;
    display: block;
    margin: 0 auto;
}	
	
.f-right p {
    font-size: 60%;
}	
	
#page-top {
    position: fixed;
    bottom: 5%;
    right: 1%;
    width: 50px;
}	
	
	
}