@media only screen and (max-width:730px){
#device { display:block;}
#device p.pc_btn { display:none;}
#device p.sp_btn {display:block; }
}

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

body { min-width:100%; font-size:100%;}
#header { display:none;}
#content{ width:100%;}
#footer { width:100%;}

#wrapper { background:#FFF; border-top:none;}
#base { width:100%; margin:0 !important;}

.pc { display:none;}
.sm { display:block;}

#device p.pc_btn { display:block !important;}
#device p.sp_btn { display:none !important;}

/*====================================================================================================
  HEADER
====================================================================================================*/
#header {}


/*====================================================================================================
  CONTENT
====================================================================================================*/
#content { border-top: 4px solid #1D2087;}


/*====================================================================================================
  FOOTER
====================================================================================================*/
#footer { border-top:4px solid #1D2087;}
#footer::after { display: none;}

/* LOGO */
#footer .logo,
#footer .logo a { display: block; width:250px; height:100px;}
#footer .logo { float:none; margin: auto;}

/* NAVIGATION */
#footer ul { display: none;}

#footer .address strong { font-size: 110% !important; }

/* COPYRIGHT */
#footer .copy { padding:10px;}

/* SNS LOGO - add[S] - */
#footer .address{
	width: 100%;
	float: none;
}
#footer .sns_logo{
	width: 100%;
/*	float: none;	*/
	margin: 15px auto;
	padding-top: 0;
	padding-top: 1em;
	clear: both;
}
#footer .sns_logo .instagram,
#footer .sns_logo .line{
	float: inline-start;
/*	padding: 0 0.5em;	*/
	padding: 0 18%;
	width: 50%;
	display: inline;
}
/* SNS LOGO - add[E] - */

/*====================================================================================================
  TOPPAGE
====================================================================================================*/
#toppage { padding: 30px 0;}


/*** MAINIMG ***************************************************************/
#toppage .mainimg {
	margin:30px auto 5px;
	width:185px;
	height:235px; 
}
#toppage .mainimg img { width: 100%; height: auto;}


/*** ABOUT *****************************************************************/
#toppage .about { padding:130px 10% 35%;}
#toppage .about::before { background-size:750px 65px;}
#toppage .nakama img { width: 100px; height: auto;}
#toppage .nakama a { position: absolute; top:-120px; left: 0;}
#toppage .about h2 { font-size:210%;}
#toppage .about .come { text-align: left; padding:5% 5% 10%; font-size: 105%; width: 100%;}

/*** CONT ******************************************************************/
#toppage .cont { padding:0;}
#toppage .cont::after { display: none;}
#toppage .cont p { float:none; width:100%; border-bottom: 1px solid #ddd;}
#toppage .cont p a { padding:25px 0 0 85px; min-height: 80px; text-align:left; box-sizing: border-box;}
#toppage .cont p a::before {
	top: 0;
	bottom:0;
	left:15px;
	right:inherit;
	margin: auto;
	width:55px;
	height:55px;
	background-size: 100% auto !important;
}


/*** Interview ******************************************************************/
#toppage .interview { margin:0 auto 50px; padding: 30px 0;}
#toppage .interview h3 { margin-bottom:0;}
#toppage .interview h3 small { font-size: 16px;}
#toppage .interview h3 b { font-size: 24px;}
#toppage .interview .box { display: none;}
#toppage .interview .box:nth-child(1),
#toppage .interview .box:nth-child(2) { display: block;}
#toppage .interview .box { float: left; margin:0 2%; width: 46%;}
#toppage .interview .box .pic { margin-bottom: 10px;}
#toppage .interview .box .come { color: #fff;}
#toppage .interview .b_more  { margin: auto; width: 235px;}
#toppage .interview .b_more a {
    display: block;
    padding: 10px 20px;
    font-size: 24px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    color: #222;
    background: #fff;
    border-radius: 50px;
}
#toppage .interview img { width: 100%; height: auto; padding:1em 0;}


/*** PICKUP ****************************************************************/
#toppage .pickup {}
#toppage .pickup::after { display: none;}
#toppage .pickup .box { float:none; padding:7%; width:100%;}
#toppage .pickup .box+.box { margin-left:0;}
#toppage .pickup .box .come { padding:10% 0 0;}


/*** NEWS ******************************************************************/
#toppage .news { padding:7%;}
#toppage .news::after { display: none;}
#toppage .news h3 { float:none; margin-bottom:5%; width:100%; text-align: center;}
#toppage .news .news_box { float:none; width:100%; height: 200px; font-size: 100%;}
#toppage .news .news_box a { display: block;}
#toppage .news .news_box a:hover { color:#FFFF00; }

/*====================================================================================================
  SUB PAGE
====================================================================================================*/

#subpage { width:100%;}

/* TITLE */
h1.sb_tit {
	display:block;
	padding:15px 0;
	font-size:150%;
	color:#FFF;
	text-align:center;
	line-height:100%;
}
h1.sb_tit  small { font-size: 16px;}
h1.sb_tit  b { font-size: 20px; line-height: 130%;}
h1.sb_tit.interview_tit {
    min-height:auto;
    background:url("../img/tit_bg.jpg") no-repeat bottom center;
    background-size: 100% auto;
}

/* PAN */
.pan { display:none;}

/* MENU LIST */
#subpage .list {}
#subpage .list p {}


/* MIDASHI */
#subpage h2 { margin:20px 2%; font-size:120%;}

/* COMMON */
#subpage .comment { margin:0 2% 20px;}

/* PHOTO */
#subpage .photo-l,
#subpage .photo-r,
#subpage .photo-c { clear:both; float:none; text-align:center; margin:0 0 10px;}
#subpage .photo-l img,
#subpage .photo-r img,
#subpage .photo-c img { width:100%; height:auto;}
#subpage .photo-l2 { float:none;}
#subpage .photo-r2 { float:none;}
#subpage .photo-l2 p { float:left; width:48%; margin:0 1%;}
#subpage .photo-r2 p { float:left; width:48%; margin:0 1%;}
#subpage .photo-l2 img,
#subpage .photo-r2 img { width:100%; height:auto;}
#subpage .caption {}

/* LIST */
#subpage ul {}
#subpage ul li {}
#subpage ol {padding-left: 5%;}
#subpage ol li {}


/* HYOU */
#subpage table {}
#subpage table th,
#subpage table td {
	table-layout:auto !important;
	display:block !important;
	padding:5px 5% !important;
	width:90% !important;
	height:auto !important;
	text-align:left;
	font-weight:normal;
	box-sizing:	border-box;
}

/* LINK */
#subpage .icon-pdf,
#subpage .icon-word,
#subpage .icon-excel,
#subpage .icon-link {}


/*---------------------------------------------------------------------------
  BOX
---------------------------------------------------------------------------*/

/* BOX1 */
#subpage .box1 {margin:0 2% 20px;}
#subpage .box1:after { display:none;}

/* BOX2 */
#subpage .box2 {margin:0 2% 20px;}
#subpage .box2:after { display:none;}
#subpage .box2 h3 { margin:10px 0; font-size:120%;}

/* BOX3 */
#subpage .box3 {margin:0 2% 20px;}
#subpage .box3:after { display:none;}

/* BOX4 */
#subpage .box4 {}
#subpage .box4:after { display:none;}
#subpage .box4 .box { float:none; width:96%; margin:0 2% 20px;}
#subpage .box4 p { padding:10px 0 0 !important; }
#subpage .box4 .bo a {font-size:100%;}

/*====================================================================================================
  PROFILE
====================================================================================================*/
#profile { padding:10%;}

/*====================================================================================================
  ABOUT
====================================================================================================*/
#about {}

/* MAP */
#about .map { margin:10%;}
#about .map h2 { font-size: 150%;}

/* LIST */
#about .fish_list { padding:0 10% 10%;}
#about .fish_list .box::after { display: none;}
#about .fish_list .box h4 { margin:5% 0; font-size:150%;}
#about .fish_list .box h4::before { display: none;}
#about .fish_list .box .photo { float: none;}
#about .fish_list .box .photo::after { /*float_clear*/ display:block; clear:both; content:"";}
#about .fish_list .box .photo img { margin:0; max-width:none; width: 100%; height: auto;}
#about .fish_list .box .photo p { float: left; width: 49%;}
#about .fish_list .box .photo p+p { margin:0 0 0 2%;}


/*====================================================================================================
  FISHERMAN
====================================================================================================*/
#fisherman {}
#fisherman .main_come { padding:10%;}
#fisherman .main_come h2 { margin: 0; padding: 0; font-size:150%;}
#fisherman .main_come .box { margin:5% 2%;}
#fisherman .main_come .box::after { display: none;}
#fisherman .main_come .box .photo { float: right;}
#fisherman .main_come .box .photo img { margin: 0 0 5%; max-width:none; width: 100%; height: auto;}
#fisherman .main_come .box h3 { font-size:130%;}

/* CONCEPT */
#fisherman .concept {
	margin: 0 10% 10%;
	padding:200px 0 5%;
	background: url(../../fisherman/img/logo.png) no-repeat center 50px;
	background-size: 100px auto;
}
#fisherman .concept h4 {
	font-size:120%;
	line-height: 150%;
}
#fisherman .concept .come1 {}
#fisherman .concept .come2 { padding:10%;}

/* FLOW */
#fisherman .flow { padding:10%;}
#fisherman .flow h4 { font-size:150%;}
#fisherman .flow .zu { text-align: center;}
#fisherman .flow .zu img { width: 100%; height: auto;}

/* KAKUGO */
#fisherman .kakugo {}
#fisherman .kakugo h4 {
	position:relative;
	padding:10%;
	font-size:150%;
}
#fisherman .kakugo .kakugo_list { padding:10%;}
#fisherman .kakugo .kakugo_list .box .photo::before { width:200px; height: 155px; background-size: 100% 100%;}
#fisherman .kakugo .kakugo_list .box .photo img { width:200px; height:155px;}
#fisherman .kakugo .kakugo_list .box:nth-child(odd) .photo,
#fisherman .kakugo .kakugo_list .box:nth-child(even) .photo { float:none; margin: 0 auto 5%; width: 200px; }
#fisherman .kakugo .kakugo_list .box .photo b { top:-10px; padding-top:15px; width:80px; height:65px; font-size:100%;}
#fisherman .kakugo .kakugo_list .box .mid { font-size:150%;}


/* KAKUGO */
#fisherman .support { padding:10%;}
#fisherman .support h4 {
	margin: 2%;
	padding:5% 0;
	font-size: 150%;
	text-align: center;
	color: #1D2087;
}
#fisherman .support h4::before { display: none;}
#fisherman .support .box { margin: 10% 2%; padding:10%; background:rgba(0,0,0,0.02);}
#fisherman .support .box h5 { font-size: 120%;}
#fisherman .support .box .att { padding:5%;}

/*====================================================================================================
  LIFE
====================================================================================================*/
#life {}

/* MAP */
#life .map { padding:5%; height:auto;}
#life .map img { position:static; width: 100%; height: auto;}
#life .main_come { padding: 10%;}
#life .main_come h2 { margin: 0; padding: 0; font-size:150%;}
#life .main_come .come { font-size: 100%; text-align:left;}

/* LIFE LIST */
#life .life_list { margin: auto; padding:10%;}
#life .life_list .box::after { display: none;}
#life .life_list .box .photo { float:none;}
#life .life_list .box .photo img { margin:0; max-width:none; width: 100%;}
#life .life_list .box .mid { margin:5% 0; font-size: 130%;}
#life .life_list .box .b_more { margin-top:5%; width:100%;}

/* VOICE */
#life .voice { margin: 0; padding: 10%;}
#life .voice h3 { margin-bottom:10%; font-size:150%;}
#life .voice_list::after { display: none;}
#life .voice_list .box { float:none; width:100%; background: #fff; box-shadow:0px 0px 3px rgba(0,0,0,0.50);}
#life .voice_list .box a { display: block; text-decoration: none;}
#life .voice_list .box+.box { margin:10% 0 0;}
#life .voice_list .box .photo {}
#life .voice_list .box .photo img { width: 100%; height: auto;}
#life .voice_list .box .come { padding:7%;}
#life .voice_list .box .mid {
	font-weight: bold;
	font-family: "游明朝体","Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HG明朝E", "MS PMincho", Times, serif;
}
#life .voice_list .box .mid b,
#life .voice_list .box .mid small { display: block;}
#life .voice_list .box .mid b { margin-bottom: 3%; font-size:140%;}
#life .voice_list .box .mid small { font-size: 100%;}


/*====================================================================================================
  EVENT
====================================================================================================*/
#event {}
#event .event_list { padding:10%;}
#event .event_list::after { display: none;}
#event .event_list+.event_list { border-top:2px solid #ddd;}
#event .event_list .day {
	float:none;
	margin-bottom: 10px;
	padding:5%;
	width: 100%;
	color:#fff;
	text-align: center;
	background: #1D2087;
}
#event .event_list .event_box { float: none; width: 100%;}
#event .event_list .box { padding:5% 0;}
#event .event_list .box:nth-child(odd) { background:none;}
#event .event_list .box::after { display: none;}
#event .event_list .box+.box { margin-top: 10%;}
#event .event_list .photo { float:none; margin:0 0 5%; max-width: none;}
#event .event_list .come {}
#event .event_list .b_more { margin-top:5%; width: 100%;}


/*====================================================================================================
  OTHER
====================================================================================================*/
#other { padding:10%;}

/*====================================================================================================
  SEARCH ITEM
====================================================================================================*/
#search { padding:10% 5%;}
#search .search_box { padding: 0 0 20px;}

/* KEYWORD */
#search .form_box { float:none; margin-bottom: 5%; width: 100% !important;}

/* CHECK CLEAR */
#search .clear_check {
	display: block;
	position:static;
	margin:5%;
	padding: 5px 15px;
	box-sizing: border-box;
	width: -webkit-fill-available; /* Safari,Google Chrome */
	width: -moz-available; /* Firefox */
}

/* CATE */
#search h4 { padding: 5% 0; font-size: 110%;}

/* SELECT ITEM */
#search .select_box { }
#search .select_box input.top_cate[type=checkbox] { display: none; /* チェックボックスを非表示にする */}
#search .select_box .label { float:none; margin:5% 0; padding:10px 5px; width: 100%;}
#search .select_box .sb_cate {}
#search .select_box .sb_cate label { float:none; margin:2% 0; width: 100%; box-sizing: border-box; }


/*PULL DOWN CONT */

/* SEARCH BUTTON */
#search .b_search { margin:10% auto 0; padding:10px; width:100%; box-sizing: border-box;}

/*====================================================================================================
  RECRUIT
====================================================================================================*/
#recruit { padding:10%;}
#recruit .box { margin: 2%; padding: 5%;}
#recruit .box .b_more { margin-top:5%; width:100%;}


#jobfair,
#jobfair a { width:150px; height:120px;}
#jobfair a { background-size:contain;}
#jobfair{top:auto; bottom:10px; left:10px; right:auto;}
    
    
/*====================================================================================================
  INTERVIEW
====================================================================================================*/
#interview {  padding: 50px 0;}
#interview .interview_list .box { float:none; width:90%; margin: 0 auto 10% !important;}
#interview .interview_list .box .pic { margin-bottom: 10px;}
#interview .interview_list .box img { width: 100%; height: auto;}
    
    
    
    
}