/*====================================================================================================
  PROFILE
====================================================================================================*/
#profile { margin: auto; padding: 5% 0; max-width: 1000px;}
#profile p { margin: 0 2%; }

/*====================================================================================================
  ABOUT
====================================================================================================*/
#about { margin: auto; max-width: 1000px;}

/* MAP */
#about .map { margin: 5% 0;}
#about .map h2 {
	font-family: "游明朝体","Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HG明朝E", "MS PMincho", Times, serif;
	font-size: 180%;
	color: #222;
	text-align: center;
	background: none;
}
#about .map img { width: 100%; height: auto;}
#about .map .zu { margin: 0 2%;}
#about .maplist { padding-top: 5%;}
#about .maplist::after { /*float_clear*/ display:block; clear:both; content:"";}
#about .maplist p { float: left; margin: 1%; width: 48%;}
#about .maplist p a {
	display: block;
	padding:2%;
	font-size: 90%;
	text-decoration: none;
	text-align: center;
	background:#fff;
	border: 1px solid rgba(0,0,0,0.10);
	border-radius:5px; /* CSS3 */
	-webkit-border-radius:5px; /* Safari,Google Chrome */
	-moz-border-radius:5px;/* Firefox */
}


/* LIST */
#about .fish_list { padding-bottom: 5%;}
#about .fish_list .box { position: relative; margin:2%; padding:3%; border: 5px solid #EEEEEE;}
#about .fish_list .box::after { /*float_clear*/ display:block; clear:both; content:"";}
#about .fish_list .box h4 {
	clear: none;
	margin:15px 0 20px;
	font-family: "游明朝体","Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HG明朝E", "MS PMincho", Times, serif;
	font-size: 180%;
	color: #1D2087;
}
#about .fish_list .box h4::before {
	display:block;
	clear:both;
	content:"";
	position: absolute;
	top:55px;
	left:-5px;
	width: 25px;
	height: 8px;
	background:linear-gradient(90deg, #009fe8, #1d2087);
}
#about .fish_list .box .photo { float: right;}
#about .fish_list .box .photo img {margin-left: 40px; max-width:420px;}
#about .fish_list .box .photo p+p { margin-top: 10px;}



/*====================================================================================================
  FISHERMAN
====================================================================================================*/
#fisherman {}
#fisherman .main_come { padding:5% 0 0; margin: auto; max-width: 1000px;}
#fisherman .main_come h2 {
	clear: none;
	font-family: "游明朝体","Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HG明朝E", "MS PMincho", Times, serif;
	font-size:200%;
	color: #1D2087;
	text-align: center;
	line-height: 150%;
	background: none;
}
#fisherman .main_come .come { font-size: 120%; text-align: center;}
#fisherman .main_come .box { margin:5% 2%;}
#fisherman .main_come .box::after { /*float_clear*/ display:block; clear:both; content:"";}
#fisherman .main_come .box .photo { float: right;}
#fisherman .main_come .box .photo img {margin-left: 40px; max-width:420px;}
#fisherman .main_come .box h3 {
	clear:none;
	margin: 0 0 3%;
	font-family: "游明朝体","Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HG明朝E", "MS PMincho", Times, serif;
	font-size:170%;
	line-height: 150%;
	color: #222;
}

/* CONCEPT */
#fisherman .concept {
	margin: 5% auto;
	padding:3% 3% 3% 300px;
	max-width:960px;
	min-height: 330px;
	background: url(../../fisherman/img/logo.png) no-repeat 5% center;
	border-top: 2px solid #1D2087;
	border-bottom: 2px solid #1D2087;
}
#fisherman .concept h4 {
	font-family: "游明朝体","Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HG明朝E", "MS PMincho", Times, serif;
	font-size:170%;
	line-height: 150%;
	color: #1D2087;
}
#fisherman .concept .come1 {
	padding: 20px 0;
	font-family: "游明朝体","Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HG明朝E", "MS PMincho", Times, serif;
	font-weight:bold;
}
#fisherman .concept .come2 {
	padding:3%;
	background: rgba(29,32,135,0.10);
}

/* FLOW */
#fisherman .flow { padding:5%; background:rgba(0,177,255,0.05);}
#fisherman .flow h4 {
	margin: auto;
	padding: 0 0 5%;
	max-width: 1000px;
	font-family: "游明朝体","Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HG明朝E", "MS PMincho", Times, serif;
	font-size:200%;
	color: #1D2087;
	text-align: center;
}
#fisherman .flow .zu {  text-align: center;}


/* KAKUGO */
#fisherman .kakugo { margin: auto; border-bottom: 5px solid #eee;}
#fisherman .kakugo h4 {
	position:relative;
	padding: 50px 0;
	font-family: "游明朝体","Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HG明朝E", "MS PMincho", Times, serif;
	font-size:220%;
	line-height: 150%;
	color: #fff;
	text-align: center;
	background: url(../../fisherman/img/kakugo_tit.jpg) no-repeat;
	background-size: cover;
}
#fisherman .kakugo h4::before {
	display:block;
	clear:both;
	content:"";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -23px;
	margin: auto;
	width:78px;
	height:23px;
	background: url(../../fisherman/img/arrow.png) no-repeat;
}
#fisherman .kakugo .kakugo_list { margin: auto; padding: 5% 0; max-width:800px;}
#fisherman .kakugo .kakugo_list .box { padding: 5% 0; }
#fisherman .kakugo .kakugo_list .box .photo { position: relative;  }
#fisherman .kakugo .kakugo_list .box .photo::before {
	display:block;
	clear:both;
	content:"";
	position: absolute;
	width: 100%;
	height: 263px;
	background: url(../img/waku.png) no-repeat;
}
#fisherman .kakugo .kakugo_list .box .photo img {width:332px; height: 263px; object-fit: cover;}
#fisherman .kakugo .kakugo_list .box:nth-child(odd) .photo { float: right; margin-left: 40px; }
#fisherman .kakugo .kakugo_list .box:nth-child(even) .photo { float: left; margin-right: 40px; }
#fisherman .kakugo .kakugo_list .box .photo b {
	display:block;
	position: absolute;
	top:-40px;
	left: 0;
	padding-top:25px;
	width:110px;
	height:90px;
	font-family: "游明朝体","Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HG明朝E", "MS PMincho", Times, serif;
	font-weight: bold;
	font-size:140%;
	color: #1D2087;
	text-align: center;
	background: url(../img/icon_bg.png) no-repeat;
	background-size: 100% auto;
	box-sizing: border-box;
	z-index: 99999;
}
#fisherman .kakugo .kakugo_list .box .mid {
	padding: 0 0 2%;
	font-family: "游明朝体","Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HG明朝E", "MS PMincho", Times, serif;
	font-size:180%;
	color: #1D2087;
}
#fisherman .kakugo .kakugo_list .box .come { overflow: hidden;}


/* KAKUGO */
#fisherman .support { margin: auto; padding: 5% 0; max-width: 1000px;}
#fisherman .support h4 {
	position: relative;
	clear: none;
	margin: 0 2%;
	padding-left: 30px;
	font-family: "游明朝体","Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HG明朝E", "MS PMincho", Times, serif;
	font-size: 180%;
	color: #1D2087;
}
#fisherman .support h4::before {
	display:block;
	clear:both;
	content:"";
	position: absolute;
	top: 0;
	left: 0;
	width:5px;
	height: 100%;
	background: linear-gradient(0, #009fe8, #1d2087);
}
#fisherman .support .box {
	margin: 2%;
	padding: 3%;
	background:rgba(0,0,0,0.02);
}
#fisherman .support .box h5 { font-size: 140%; color: #1D2087; margin: 0;}

#fisherman .support .box h5 span { font-size: 80%; color: #222;}

#fisherman .support .box table { margin:20px 0; width: 100%; border-right:none;}
#fisherman .support .box table th,
#fisherman .support .box table td { border-left:none;}
#fisherman .support .box table th { background:none;}
#fisherman .support .box .att {
	padding: 2%;
	background:rgba(238,0,0,0.10);
}


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

/* MAP */
#life .map { position: relative; height:700px; text-align: center; background:rgba(0,177,255,0.05);}
#life .map img { position: absolute; top:50px; left: 0; right: 0; margin: auto;}
#life .main_come { padding:10% 0 0; margin: auto; max-width: 1000px;

padding-top:0;margin-bottom:60px;

}
#life .main_come h2 {
	clear: none;
	font-family: "游明朝体","Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HG明朝E", "MS PMincho", Times, serif;
	font-size:200%;
	color: #1D2087;
	text-align: center;
	background: none;
}
#life .main_come .come { font-size: 120%; text-align: center;}
#life .maplist {}
#life .maplist::after { /*float_clear*/ display:block; clear:both; content:"";}
#life .maplist p { float: left; margin: 1%; width: 48%;}
#life .maplist p a {
	display: block;
	padding:2%;
	font-size: 90%;
	text-decoration: none;
	background:#fff;
	border: 1px solid rgba(0,0,0,0.10);
	border-radius:5px; /* CSS3 */
	-webkit-border-radius:5px; /* Safari,Google Chrome */
	-moz-border-radius:5px;/* Firefox */
}

/* LIFE LIST */
#life .life_list { margin: auto; padding: 0 0 5%; max-width: 1000px;}
#life .life_list h3  {
	position: relative;
	clear: none;
	margin-top: 10%;
	padding-left: 30px;
	font-family: "游明朝体","Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HG明朝E", "MS PMincho", Times, serif;
	font-size: 180%;
	color: #1D2087;
}
#life .life_list h3::before {
	display:block;
	clear:both;
	content:"";
	position: absolute;
	top: 0;
	left: 0;
	width:5px;
	height: 100%;
	background: linear-gradient(0, #009fe8, #1d2087);
}
#life .life_list .box {
	margin: 2%;
	padding:3%;
	border: 5px solid #EEE;
}
#life .life_list .box::after { /*float_clear*/ display:block; clear:both; content:"";}
#life .life_list .box .photo { float: right;}
#life .life_list .box .photo img {margin-left: 40px; max-width:420px;}
#life .life_list .box .mid {
	margin: 15px 0;
	font-family: "游明朝体","Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HG明朝E", "MS PMincho", Times, serif;
	font-size: 170%;
	color: #1D2087;
}
#life .life_list .box .mid small { display: block;}
#life .life_list .box .b_more { margin-top:2%; width: 160px;}
#life .life_list .box .b_more a {
	display: block;
	padding: 5px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background: #fff;
	border: 3px solid #1D2087;
}
#life .life_list .box .b_more a:hover { color: #fff; background: #1D2087;}


/* VOICE */
#life .voice { background:rgba(0,177,255,0.05);}
#life .voice h3 {
	margin: auto;
	padding: 5% 0 0;
	max-width: 1000px;
	font-family: "游明朝体","Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HG明朝E", "MS PMincho", Times, serif;
	font-size:200%;
	text-align: center;
}
#life .voice_list { margin: auto; padding: 5% 0; max-width: 1000px;}
#life .voice_list::after { /*float_clear*/ display:block; clear:both; content:"";}
#life .voice_list .box { float: left; width:30.6%; 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-left: 4%;}
#life .voice_list .box .photo { position: relative;}
#life .voice_list .box .photo img { width: 100%; height: auto;}
#life .voice_list .box .photo b {
	display:block;
	position: absolute;
	bottom: -15px;
	left: 0;
	padding-top:10px;
	width: 65px;
	height: 52px;
	font-family: "游明朝体","Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HG明朝E", "MS PMincho", Times, serif;
	font-weight: bold;
	font-size:150%;
	text-align: center;
	background: url(../img/icon_bg.png) no-repeat;
	background-size: 100% auto;
	box-sizing: border-box;
}
#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%; color: #222;}
#life .voice_list .box .b_more {
	display: block;
	margin-top:10%;
	padding: 5px;
	width:100%;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background: #fff;
	border: 3px solid #1D2087;
}
#life .voice_list .box a:hover { color:#1D2087;}
#life .voice_list .box a:hover .b_more { color: #fff; background: #1D2087;}


/*====================================================================================================
  EVENT
====================================================================================================*/
#event { margin: auto; padding:40px 0; max-width:1000px;}
#event .event_list { padding:5% 0;}
#event .event_list::after { /*clearfix*/ display:block; clear:both; content:"";}
#event .event_list+.event_list { border-top:2px solid #ddd;}
#event .event_list .day {
	float: left;
	width: 20%;
	font-family: Arial, Helvetica, "sans-serif";
	font-size: 150%;
	font-weight: bold;
	color: #1D2087;
}
#event .event_list .event_box { float: right; width: 80%;}
#event .event_list .box { padding:3%;}
#event .event_list .box:nth-child(odd) { background:rgba(0,177,255,0.05);}
#event .event_list .box::after { /*clearfix*/ display:block; clear:both; content:"";}
#event .event_list .photo { float: right; margin-left:5%; max-width: 300px;}
#event .event_list .photo img { width: 100%; height: auto;}
#event .event_list .mid { color: #1D2087; font-size: 120%; font-weight: bold; margin-bottom: 2%; }
#event .event_list .come {}
#event .event_list .b_more { margin-top:2%; width: 160px;}
#event .event_list .b_more a {
	display: block;
	padding: 5px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background: #fff;
	border: 3px solid #1D2087;
}
#event .event_list .b_more a:hover { color: #fff; background: #1D2087;}


/*====================================================================================================
  OTHER
====================================================================================================*/
#other { margin: auto; padding: 5% 0; max-width: 1000px;}
#other .date { text-align: right; font-size:90%; margin-bottom:2.0em; }
#other #map,
#other .map {
	/* width: 100%; */
	height: 480px;
	border: 1px outset #cccccc;
	margin: 0.8em 2%;
}
#other p { margin: 0 2%; }


/*====================================================================================================
  FAQ
====================================================================================================*/
#faq .box2 .ques {
	background:#1D2087;
	border-radius:6px;
	color:#FFF;
	font-size:140%;
	font-weight:bold;
	float:left;
	padding:0.5em;
	margin-right:0.5em;
}
#faq .box2 .ques_tit {
	margin: 10px 0 20px;
	font-size: 140%;
	font-weight:bold;
	color: #1D2087;
	overflow:auto;
}
#faq .box2 .ans {
	background:#E8E8F3;
	border-radius:6px;
	color:#1D2087;
	font-size:140%;
	font-weight:bold;
	float:left;
	padding:0.5em;
	margin-right:0.5em;
}
#faq .box2 .ans_body {
	margin: 15px 0;
	overflow:auto;
}


/*====================================================================================================
  RECRUIT
====================================================================================================*/
#recruit { margin: auto; padding:40px 0; max-width:1000px;}
#recruit .box { margin: 2%; padding: 3%;}
#recruit .content_wrap .box:nth-child(odd) {background:rgba(0,0,0,0.02);}
#recruit .box .mid { font-size: 140%; color: #1D2087; font-weight: bold;}
#recruit .box .mid a {  color: #1D2087; text-decoration: none;}
#recruit .box .come+dl { margin-top:20px;}
#recruit .box dl { padding: 10px; border-top:1px solid #ddd; border-bottom: 1px solid #ddd; background: #fff;}
#recruit .box dl+dl { border-top:none;}
#recruit .box dl::after { /*clearfix*/ display:block; clear:both; content:"";}
#recruit .box dt { float: left; width:120px; text-align: center; font-weight: bold;}
#recruit .box dd { float: right; width:calc(100% - 120px);}
#recruit .box .b_more { margin:2% auto 0%; width: 240px;}
#recruit .box .b_more a {
	display: block;
	padding: 5px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background: #fff;
	border: 3px solid #1D2087;
}
#recruit .box .b_more a:hover { color: #fff; background: #1D2087;}


/*====================================================================================================
  INTERVIEW
====================================================================================================*/
#interview {  padding: 100px 0;}
#interview .interview_list { margin: auto; width: 96%; max-width: 1000px; overflow: hidden;}
#interview .interview_list .box { float: left; width:30.66%;}
#interview .interview_list .box + .box { margin-bottom: 4%; margin-left: 4%;}
#interview .interview_list .box:nth-child(3n +1) { margin-left: 0;}
#interview .interview_list .box .movie { margin-bottom: 10px;}
#interview .interview_list .box .pic img { width: 100%; height: auto;}


.pastevent{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.pastevent a{
	padding:1em;
	border:3px solid #1D2087;
	color: #1D2087;
	text-decoration:none;
	font-weight:600;
	font-size:120%;
}

.pastevent a:hover{
	color:#FFF;
	background-color: #1D2087;

}

#support .box h5 a{
	background-color:#FFF;
	padding:0.5em;
	display:block;
	margin-top:0.2em;
	border:3px solid #1D2087;
}