@charset "utf-8";

@font-face {
  font-family:'Noto Sans Japanese';
  font-style:normal;
  font-weight:400;
  src: url(../jpahub/font/NotoSansJP-Regular.woff2) format('woff2'),
        url(../jpahub/font/NotoSansJP-Regular.woff) format('woff'),
        url(../jpahub/font/NotoSansJP-Regular.ttf) format('truetype');
}
@font-face {
  font-family:'Noto Sans Japanese';
  font-style:normal;
  font-weight:600;
  src: url(../jpahub/font/NotoSansJP-SemiBold.woff2) format('woff2'),
        url(../jpahub/font/NotoSansJP-SemiBold.woff) format('woff'),
        url(../jpahub/font/NotoSansJP-SemiBold.ttf) format('truetype');
}
@font-face {
  font-family:'Noto Sans Japanese';
  font-style:normal;
  font-weight:800;
  src: url(../jpahub/font/NotoSansJP-ExtraBold.woff2) format('woff2'),
        url(../jpahub/font/NotoSansJP-ExtraBold.woff) format('woff'),
        url(../jpahub/font//jpahub/font/.ttf) format('truetype');
}

/****************************************
Resetting
*****************************************/
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,button {
	border: 0;
	font-size: 100%;
	font: inherit;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,main,hgroup,menu,nav,section {
	display: block;
}
ol,ul,li{
	list-style: none;
}
img {
	max-width:100%;
	height:auto;
	display:block;
}
* {
	box-sizing:border-box;
}
.sp_only {
  display:none !important;
}
sub {
  font-size:70%;
}

html {
	font-size:20px;
	font-weight:400;
}
body {
	color:#000;
	font-family:'Noto Sans Japanese','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', Helvetica, Arial, sans-serif;
	line-height:1;
	background:#f1ebd3;
}
body.nos {
	overflow: hidden;
}
header .inner {
	width:100%;
	max-width:1500px;
	height:109px;
	margin:0 auto;
	padding:0 30px 10px;
	display:flex;
	align-items:flex-end;
	position:relative;
}
header h1.logo {
	width:296px;
	margin:0 30px 0 0;
}
header .jpa_logo {
	width:199px;
	position:absolute;
	right:30px;
	bottom:10px;
}
header ul {
  margin-right:240px;
	display:flex;
  flex-wrap: wrap;
}
header ul li {
	width:180px;
	margin:0 0 0 30px;
	display:flex;
}
header ul li a {
	color:#fff;
	font-size:0.8rem;
	font-weight:600;
	line-height:1;
	letter-spacing:0.1em;
	text-align:center;
	text-decoration:none;
	width:100%;
	height:50px;
	justify-content:center;
	align-items:center;
	display:flex;
	background:#25884e;
	border:solid 2px #25884e;
	border-radius:25px;
	position:relative;
}
header ul li:nth-child(even) a {
	background:#7cbb54;
	border:solid 2px #7cbb54;
}
header ul li a .icon {
	padding:0 0 0 15px;
	display:inline-block;
	background:url(../jpahub/images/link_icon.svg) no-repeat 0 3px;
	background-size:7px 12px;
	position:relative;
	top:-1px;
}
header ul li a::after {
	content:"";
	width:10px;
	height:9px;
	display: block;
	background:url(../jpahub/images/head_menu_arrow.svg) no-repeat 0 0;
	background-size:100% auto;
	position:absolute;
	bottom:-1px;
	left:50%;
	transform:translateX(-50%) translateY(100%);
	opacity:0;
}
header ul li:nth-child(even) a::after {
	background-image:url(../jpahub/images/head_menu_arrow2.svg);
}
header ul li.current a {
	color:#25884e;
	background:#fff;
}
header ul li.current a .icon {
	background-image:url(../jpahub/images/link_icon_gr.svg);
}
header ul li.current:nth-child(even) a {
	color:#7cbb54;
	background:#fff;
}
header ul li.current:nth-child(even) a .icon {
	background-image:url(../jpahub/images/link_icon_lgr.svg);
}
header ul li.current a::after {
	opacity:1;
}

footer {
	position:relative;
	border-top:solid 1px #dedede;
}
footer .inner {
	max-width:1500px;
	margin:0 auto;
	padding:30px 60px 55px;
	display: flex;
	justify-content: space-between;
	align-items:flex-end;
}
footer .jpa_logo {
	width: 199px;
}
footer p {
	font-size:0.7rem;
	line-height:1;
	letter-spacing:0.05em;
}

#contents {
	max-width:1500px;
	padding:77px 0 120px;
	margin:0 auto;
	position:relative;
	background:url(../jpahub/images/bg_top_illust.png) no-repeat right 10px top 0;
	background-size:637px auto;
}
#contents::before {
	content:"";
	width:151px;
	height:92px;
	position:absolute;
	background:url(../jpahub/images/bg_top_cloud.png) no-repeat 0 0;
	background-size:100% auto;
	display: block;
	position: absolute;
	top:137px;
	right:819px;
}
#contents.detailspage {
	background:none;
}
#contents.detailspage::before {
	right:460px;
}
#head_tab {
	margin:0 0 50px;
}
#foot_tab {
	margin:120px 0 0;
}
.tabmenu .inner {
	width:100%;
	max-width:1200px;
	margin:0 auto;
	position:relative;
	padding:0 0 0 177px;
}
.tabmenu .inner h2 {
	color:#fff;
	font-size:0.8rem;
	font-weight:600;
	line-height:1;
	letter-spacing:0.05em;
	padding:6px 20px 8px;
	position:absolute;
	left:0;
	background:#87c35f;
  text-shadow:none !important;
}
.tabmenu .inner h2::before {
	content:"";
	width:16px;
	height:100%;
	display:block;
	background:url(../jpahub/images/tag_head.png) no-repeat 0 0;
	background-size:auto 100%;
	position:absolute;
	top:0;
	left:0;
}
.tabmenu .inner h2::after {
	content:"";
	width:10px;
	height:100%;
	display:block;
	background:url(../jpahub/images/tag_end.png) no-repeat 0 0;
	background-size:auto 100%;
	position:absolute;
	top:0;
	right:0;
}
.details .tabmenu .inner h2::after {
  background-image:url(../jpahub/images/tag_end_details.png);
}
.tabmenu .inner ul {
	width:100%;
	display:flex;
	flex-wrap:wrap;
}
.tabmenu .inner ul li {
	width:150px;
	margin:0 0 10px 10px;
}
.tabmenu .inner ul li a {
  cursor:pointer;
}
.tabmenu .inner ul li a,
.list_sec ul.list li a h3.tag {
	color:#010101;
	font-size:0.8rem;
	font-weight:600;
	line-height:1;
	padding:6px 0 8px;
	letter-spacing:0.05em;
	text-align:center;
	text-decoration:none;
	width:100%;
	display:block;
	background:#cfe9c2;
	border-radius:15px;
}
.list_sec {
	position:relative;
}
.tag_flex {
  display: flex;
  flex-wrap:wrap;
}
.list_sec ul.list li a .tag_flex h3 {
  width:calc(50% - 8px);
}
.list_sec ul.list li a .tag_flex h3:nth-child(even) {
  margin-left:15px;
}
#event, #interview, #etc {
	margin:120px auto 0;
}
#contents .list_sec:nth-child(3)::before,
#contents .list_sec:nth-child(6)::before {
	content:"";
	width:468px;
	height:288px;
	display:block;
	position:absolute;
	top:-322px;
	left:128px;
	background:url(../jpahub/images/bg_first_illust.png) no-repeat 0 0;
	background-size:100% auto;
	z-index:0;
}
#contents .list_sec:nth-child(3)::after,
#contents .list_sec:nth-child(6)::after {
	content:"";
	width:593px;
	height:254px;
	display:block;
	position:absolute;
	top:-244px;
	right:35px;
	background:url(../jpahub/images/bg_cloud_right.png) no-repeat 0 0;
	background-size:100% auto;
	z-index:0;
}
#contents .list_sec:nth-child(4)::before,
#contents .list_sec:nth-child(7)::before {
	content:"";
	width:586px;
	height:286px;
	display:block;
	position:absolute;
	top:-108px;
	right:10px;
	background:url(../jpahub/images/bg_second_illust.png) no-repeat 0 0;
	background-size:100% auto;
	z-index:0;
}
#contents .list_sec:nth-child(4)::after,
#contents .list_sec:nth-child(7)::after {
	content:"";
	width:411px;
	height:227px;
	display:block;
	position:absolute;
	top:-168px;
	left:228px;
	background:url(../jpahub/images/bg_cloud_left.png) no-repeat 0 0;
	background-size:100% auto;
	z-index:0;
}
#contents .list_sec:nth-child(5)::before,
#contents .list_sec:nth-child(8)::before {
	content:"";
	width:563px;
	height:555px;
	display:block;
	position:absolute;
	top:-246px;
	right:28px;
	background:url(../jpahub/images/bg_third_illust.png) no-repeat 0 0;
	background-size:100% auto;
	z-index:0;
}
#contents .list_sec:nth-child(5)::after,
#contents .list_sec:nth-child(8)::after {
	content:"";
	width:411px;
	height:227px;
	display:block;
	position:absolute;
	top:-186px;
	left:228px;
	background:url(../jpahub/images/bg_cloud_left.png) no-repeat 0 0;
	background-size:100% auto;
	z-index:0;
}
.list_sec .inner {
	max-width:1260px;
	padding:0 30px;
	margin:0 auto;
	position: relative;
	z-index: 1;
}
.list_sec h2,
.details h2 {
	color:#25884e;
	font-size:38px;
	font-weight:800;
	line-height:1.35;
	letter-spacing:0.1em;
	margin:0;
	padding:0 0 0 68px;
	background:url(../jpahub/images/ttl_icon.png) no-repeat 0 0;
	background-size:auto 1.4em;
  text-shadow:
  2px 2px 0 #f1ebd3, -2px -2px 0 #f1ebd3,
  -2px 2px 0 #f1ebd3,  2px -2px 0 #f1ebd3,
  2px 0 0 #f1ebd3, -2px  0 0 #f1ebd3,
  0 2px 0 #f1ebd3,  0 -2px 0 #f1ebd3;
  position:relative;
  z-index:1;
}
.list_sec ul.list {
  margin:0 -30px;
	display:flex;
	flex-wrap: wrap;
}
.list_sec ul.list li {
	max-width:360px;
	width:calc(33.33% - 60px);
	margin:60px 30px 0;
}
#news.list_sec ul.list li {
  transition:opacity ease .7s;
  visibility:hidden;
  display:none;
  opacity:0;
  height:0;
  margin-top:0;
}
#news.list_sec.visible ul.list li,
#news.list_sec ul.list li.visible-edu,
#news.list_sec ul.list li.visible-cra,
#news.list_sec ul.list li.visible-eve,
#news.list_sec ul.list li:nth-child(1),
#news.list_sec ul.list li:nth-child(2),
#news.list_sec ul.list li:nth-child(3) {
  visibility:visible;
  display:block;
  opacity:1;
  height:auto;
  margin-top:60px;
}
#news.list_sec ul.list li.visible-edu,
#news.list_sec ul.list li.visible-cra,
#news.list_sec ul.list li.visible-eve {
  transition:0s;
}
.list_sec ul.list li a {
	height:100%;
	text-decoration:none;
	display:block;
	background:#fff;
	border-radius:30px;
	position:relative;
	box-shadow: 0px 3px 30px 0px rgba(124, 187, 84, 0.2);
}
.list_sec ul.list li a .new {
	width:67px;
	position: absolute;
	top:30px;
	left:-10px;
}
.list_sec ul.list li a .image {
	border-radius:30px 30px 0 0;
	overflow: hidden;
}
.list_sec ul.list li a .text {
	padding:30px 10px 60px;
	border-radius:0 0 30px 30px;
}
.list_sec ul.list li a h3.tag {
	max-width:150px;
	margin:0 0 17px;
}
.list_sec ul.list li a p {
	color:#000;
	font-size:0.8rem;
	line-height:1.625;
	letter-spacing:0.05em;
	padding:0 10px;
}
.list_sec ul.list li a .date {
	color:#000;
	font-size:0.8rem;
	text-align:right;
	padding:0 10px;
	position:absolute;
	bottom:40px;
	right:10px;
}
.oclist {
  display:none;
}
.list_sec .btn {
	margin:60px 0 0;
}
.list_sec .btn a {
	color:#210000;
	font-size:0.9rem;
	font-weight:600;
	line-height:1.2;
	letter-spacing:0.05em;
	text-align:center;
	text-decoration:none;
	width:360px;
	padding:27px 0 31px;
	margin:0 auto;
	background:#f6da1a;
	display:block;
	border-radius:40px;
	box-shadow: 0px 3px 30px 0px rgba(124, 187, 84, 0.2);
  cursor:pointer;
}
.list_sec .btn.hide {
  display:none !important;
}


/* ページトップへ */
#pageTop {
	width:100%;
	height:0;
  margin:0 auto;
  z-index:9;
  clear:both;
  position:relative;
	visibility:visible;
	overflow:visible;
	position:fixed;
	bottom:0;
	right:0;
}
#totopLink {
	width:100%;
	max-width:1440px;
	margin:0 auto;
	position:relative;
	bottom:-101px;
	transition:ease .3s;
}
.totop #totopLink {
	bottom:0px;
}
#totopLink a {
  width:70px;
  height:70px;
	background:url(../jpahub/images/totop.png) no-repeat 0 0;
	background-size:100% auto;
	display:block;
	position:absolute;
	bottom:30px;
	right:30px;
	transition:ease .3s;
}

.details {
  position: relative;
  z-index: 1;
}
.details .inner {
  max-width:1260px;
  padding:0 30px;
  margin:0 auto;
}
.details_box {
  margin:60px 0 0;
  padding:30px 50px 55px;
  border-radius:30px;
  position:relative;
}
.details_box > * {
  position: relative;
  z-index:3;
}
.details_box::before,
.details_box::after {
  content:"";
  position:absolute;
}
.details_box::before {
  width:100%;
  height:100%;
  display:block;
  background:rgba(255,255,255,0.9);
  border-radius:30px;
  top:0;
  left:0;
  z-index:1;
}
.details_box::after {
  width:399px;
  height:375px;
  display:block;
  background:url(../jpahub/images/bg_top_illust.png) no-repeat 0 0;
  background-size:100% auto;
  z-index:0;
  top:-200px;
  right:-144px;
}
.details .tabmenu .inner {
  padding:0 0 0 135px;
}
.details h2 .cat {
  color:#fff;
  font-size:16px;
  font-weight:600;
  text-align:center;
  letter-spacing:0.05em;
  white-space:nowrap;
  line-height:1;
  padding:10px 27px 12px;
  background:#25884e;
  border-radius:25px;
  display:inline-block;
  position:relative;
  top:-9px;
  text-shadow:none;
}
.details h2 .cat.cat2 {
  background:#7cbb54;
}
.details_box .date {
  font-size:16px;
  text-align:right;
  line-height:1;
  letter-spacing:0.05em;
  margin:0 0 10px;
}
.details_box img {
  margin:0 auto;
  padding:60px 35px 35px;
}
.details .details_con h3 + img {
  padding-top:30px;
}
.details_box img.mainimg {
  padding-top:0;
  padding-left:0;
  padding-right:0;
}
.details .details_con h3 {
  color:#25884e;
  font-size:22px;
  font-weight:600;
  line-height:1.35;
  letter-spacing:0.05em;
  margin:50px 35px 0;
  padding:0 0 0 21px;
  position:relative;
}
.details .details_con h3::before {
  content:"";
  width:6px;
  height:1.35em;
  background:#7cbb54;
  position: absolute;
  left:0;
}
.details_con p,
.details_con ul li {
  font-size:18px;
  line-height:1.8;
  letter-spacing:0.1em;
  margin:1em 35px 0;
}
.details_con ul {
  margin-top:1em;
}
.details_con ul.waku_bk {
  padding: .5em 1em 1em;
  margin: 1.5em 35px;
  border: solid 5px #eee;
}
.details_con ul.waku_bk.margin0 {
  padding: 1em;
}
.details_con ul li {
  margin-top:.5em !important;
}
.details_con ul.indent_list li {
  padding-left:1em;
  text-indent:-1em;
}
.details_con ul.indent_list.margin0 li {
  margin-top:0 !important;
}
.details_con ul.waku_bk li {
  margin:0 15px;
}
.details_con p.bold {
  font-weight:600;
  margin-top:2em;
}
.details_con p.mt2 {
  margin-top:2em;
}
.details_con p a,
.details_con ul li a {
  color:#25884e;
  text-decoration:underline;
}
.details_con .profile {
  padding:1em;
  margin:1.5em 35px 0;
  border: solid 1px #cfcfcf;
}
.details_con .profile p {
  font-size:16px;
  margin:0;
}
.details_con .profile p + p {
  margin-top:.8em;
}
.details .tabmenu,
.details .links {
  margin:55px 35px 0;
}
.details .links h3 {
  color:#25884e;
  font-size:22px;
  font-weight:600;
  line-height:1.35;
  letter-spacing:0.05em;
  padding:0 0 0 30px;
  background:url(../jpahub/images/circle_icon.png) no-repeat 0 6px;
  background-size:20px auto;
}
.details .links ul {
  padding:0 0 0 30px;
}
.details .links ul li {
  font-size:16px;
  line-height:1.45;
  letter-spacing:0.1em;
  padding:0 0 0 13px;
  margin:15px 0 0;
  position: relative;
}
.details .links ul li::before {
  content:"";
  width:4px;
  height:4px;
  background:#000;
  border-radius:50%;
  position:absolute;
  top:9px;
  left:0;
}
.details .links ul li a {
  color:#000;
  text-decoration:none;
}
.details_con .twocol,
.details_con .threecol {
  width:100%;
  display:flex;
}
.details_con .twocol.img-center {
  justify-content: center;
}
.details_con .twoimg {
  justify-content:center;
  flex-wrap:wrap;
}
.details_con .twoimg.nowrap {
  flex-wrap:nowrap;
}
.details_con .twoimg .image {
  width:auto;
}
.details_con .twoimg.halfsize .image {
  width:42%;
}
.details_con .twoimg p.onetxt {
  width:100%;
  text-align: center;
}
.details_con .twocol.rightimg {
  flex-direction:row-reverse;
}
.details_con .twocol.twoimg .image img {
  margin-left:0;
  margin-right:0;
}
.details_con .twocol > * {
  width:50%;
}
.details_con .threecol > * {
  width:33.33%;
}
.details_con .twocol.textimg .text {
  width:60%;
}
.details_con .twocol.textimg .image {
  width:40%;
}
.etc006 .details_con .twocol.textimg .text,
.etc007 .details_con .twocol.textimg .text {
  width:50%;
}
.etc006 .details_con .twocol.textimg .image,
.etc007 .details_con .twocol.textimg .image {
  width:50%;
}
.details_con .twocol.rightimg .text p,
.details_con .twocol.rightimg .text ul li {
  margin-left:35px;
  margin-right:25px;
}
.details_con .twocol .image img,
.details_con .threecol .image img {
  padding-top:30px;
  padding-bottom:0 !important;
}
.details_con .twocol .image.head_top img,
.details_con .threecol .image.head_top img {
  padding-top:20px;
}
.details_con .twocol .image:nth-child(odd) img {
  padding-right:20px;
}
.details_con .twocol .image:nth-child(even) img {
  padding-left:20px;
}
.details_con .threecol .image:nth-child(1) img {
  padding-right:11px;
}
.details_con .threecol .image:nth-child(2) img {
  padding-left:23px;
  padding-right:23px;
}
.details_con .threecol .image:nth-child(3) img {
  padding-left:11px;
}
.details_con .twocol.rightimg .image img {
  padding-right:35px;
  padding-left:20px;
}
#interview001_img {
  justify-content:center;
}
#interview001_img .image {
  width:auto;
}
.details_con #interview001_img .image img {
  width:100%;
  max-width:450px;
}
.details_con .image p {
  font-size:14px;
  line-height:1.4;
  letter-spacing:0.05em;
  margin:-1.5em 35px 0;
}
.details_con .twocol,
.details_con .threecol {
  position:relative;
}
.details_con .twocol .image p,
.details_con .threecol .image p {
  margin-top:1em;
}
.details_con .twocol.rightimg p,
.details_con .twocol > .image:nth-child(2) p {
  margin-left:20px;
}
.interview003 .details_con .twoimg .image:nth-child(1) {
  width:59.03%;
}
.interview003 .details_con .twoimg .image:nth-child(2) {
  width:42.5%;
}

@media screen and (max-width:1500px){
header .inner {
  height:7.266vw;
  padding:0 2vw 0.66vw;
}
header h1.logo {
  width:19.73vw;
  margin:0 2vw 0 0;
}
header .jpa_logo {
  width:13.26vw;
  right:2vw;
  bottom:0.66vw;
}
header ul {
  margin-right:15.26vw;
}
header ul li {
  width:12vw;
  margin:0 0 0 2vw;
}
header ul li a {
  font-size:1.066vw;
  height:3.33vw;
  border-radius:1.66vw;
}
header ul li a .icon {
  padding:0 0 0 1vw;
  background:url(../jpahub/images/link_icon.svg) no-repeat 0 0.2vw;
  background-size:0.466vw 0.8vw;
}
header ul li a::after {
	width:0.66vw;
	height:0.6vw;
}
footer .inner {
	padding:2vw 4vw 3.66vw;
}
footer .jpa_logo {
  width:13.26vw;
}
footer p {
	font-size:0.933vw;
}

#contents {
  padding:5.133vw 0 10vw;
	background:url(../jpahub/images/bg_top_illust.png) no-repeat right 0.666vw top 0;
	background-size:42.466vw auto;
}
#contents::before {
	width:10.06vw;
	height:6.13vw;
	top:9.13vw;
	right:54.6vw;
}
#contents.detailspage {
	background:none;
}
#contents.detailspage::before {
	right:30.66vw;
}

}


@media screen and (max-width:1260px){
#head_tab {
	margin:0 0 4.16vw;
}
#foot_tab {
	margin:10vw 0 0;
}
.tabmenu {
  padding:0 2.5vw;
}
.tabmenu .inner {
	padding:0 0 0 14.75vw;
}
.tabmenu .inner h2 {
	font-size:1.33vw;
	padding:0.5vw 1.66vw 0.66vw;
}
.tabmenu .inner h2::before {
	width:1.33vw;
}
.tabmenu .inner h2::after {
	width:0.825vw;
}
.tabmenu .inner ul li {
	width:12.5vw;
	margin:0 0 0.825vw 0.825vw;
}
.tabmenu .inner ul li a,
.list_sec ul.list li a h3.tag {
	font-size:1.33vw;
	padding:0.5vw 0 0.66vw;
  border-radius:1.25vw;
}
.list_sec ul.list li a .tag_flex h3 {
  width:calc(50% - .625vw);
}
.list_sec ul.list li a .tag_flex h3:nth-child(even) {
  margin-left:1.25vw;
}
#event, #interview, #etc {
	margin:10vw auto 0;
}
#contents .list_sec:nth-child(3)::before,
#contents .list_sec:nth-child(6)::before {
	width:39vw;
	height:24vw;
	top:-27vw;
	left:-1.67vw;
}
#contents .list_sec:nth-child(3)::after,
#contents .list_sec:nth-child(6)::after {
	width:49.4125vw;
	height:21.1625vw;
	top:-20.325vw;
	right:2.9125vw;
}
#contents .list_sec:nth-child(4)::before,
#contents .list_sec:nth-child(7)::before {
	width:48.825vw;
	height:23.825vw;
	top:-6.5vw;
	right:0.825vw;
}
#contents .list_sec:nth-child(4)::after,
#contents .list_sec:nth-child(7)::after {
	width:34.25vw;
	height:18.9125vw;
	top:-14vw;
	left:19vw;
}
#contents .list_sec:nth-child(5)::before,
#contents .list_sec:nth-child(8)::before {
	width:46.9125vw;
	height:46.25vw;
	top:-20.5vw;
	right:2.325vw;
}
#contents .list_sec:nth-child(5)::after,
#contents .list_sec:nth-child(8)::after {
	width:34.25vw;
	height:18.9125vw;
	top:-15.5vw;
	left:19vw;
}
.list_sec .inner {
	padding:0 2.5vw;
}
.list_sec h2,
.details h2 {
	font-size:3.16vw;
	padding:0 0 0 5.66vw;
}
.list_sec ul.list {
  margin:0 -2.5vw;
}
.list_sec ul.list li {
	max-width:none;
	width:calc(33.33% - 5vw);
	margin:5vw 2.5vw 0;
}
#news.list_sec.visible ul.list li,
#news.list_sec ul.list li.visible-edu,
#news.list_sec ul.list li.visible-cra,
#news.list_sec ul.list li.visible-eve,
#news.list_sec ul.list li:nth-child(1),
#news.list_sec ul.list li:nth-child(2),
#news.list_sec ul.list li:nth-child(3) {
  margin-top:5vw;
}
.list_sec ul.list li a {
	border-radius:2.5vw;
	box-shadow:0px 0.25vw 2.5vw 0px rgba(124, 187, 84, 0.2);
}
.list_sec ul.list li a .new {
	width:5.575vw;
	top:2.5vw;
	left:-0.825vw;
}
.list_sec ul.list li a .image {
	border-radius:2.5vw 2.5vw 0 0;
}
.list_sec ul.list li a .text {
	padding:2.5vw 0.825vw 5vw;
	border-radius:0 0 2.5vw 2.5vw;
}
.list_sec ul.list li a h3.tag {
	max-width:12.5vw;
	margin:0 0 1.41625vw;
}
.list_sec ul.list li a p {
	font-size:1.3325vw;
	padding:0 0.825vw;
}
.list_sec ul.list li a .date {
  font-size:1.3325vw;
	padding:0 0.825vw;
	bottom:3.33vw;
	right:0.825vw;
}
.list_sec .btn {
	margin:5vw 0 0;
}
.list_sec .btn a {
	font-size:1.5vw;
	width:30vw;
	padding:2.25vw 0 2.5825vw;
	border-radius:3.33vw;
	box-shadow: 0px 0.25vw 2.5vw 0px rgba(124, 187, 84, 0.2);
}

#totopLink {
	bottom:-8.375vw;
}
#totopLink a {
  width:5.825vw;
  height:5.825vw;
	bottom:2.5vw;
	right:2.5vw;
}

.details .inner {
  padding:0 2.5vw;
}
.details_box {
  margin:5vw 0 0;
  padding:2.5vw 4.16vw 4.58vw;
  border-radius:2.5vw;
}
.details_box::before {
  border-radius:2.5vw;
}
.details_box::after {
  width:33.33vw;
  height:31.25vw;
  top:-16.66vw;
  right:-12vw;
}
.details .tabmenu .inner {
  padding:0 0 0 11.25vw;
}
.details h2 .cat {
  font-size:1.33vw;
  padding:0.83vw 2.25vw 1vw;
  border-radius:2.08vw;
  top:-0.75vw;
}
.details_box .date {
  font-size:1.33vw;
  margin:0 0 0.833vw;
}
.details_box img {
  padding:5vw 2.916vw 2.916vw;
}
.details_con .twocol .image img,
.details_con .threecol .image img {
  padding-top:2.5vw;
}
.details_con .twocol .image.head_top img,
.details_con .threecol .image.head_top img {
  padding-top:1em;
}
.details_con .twocol .image:nth-child(odd) img {
  padding-right:1.66vw;
}
.details_con .twocol .image:nth-child(even) img {
  padding-left:1.66vw;
}
.details_con .threecol .image:nth-child(1) img {
  padding-right:.084vw;
}
.details_con .threecol .image:nth-child(2) img {
  padding-left:1.5vw;
  padding-right:1.5vw;
}
.details_con .threecol .image:nth-child(3) img {
  padding-left:.084vw;
}
.details_con .twocol.rightimg .image img {
  padding-right:0 !important;
  padding-left:1.66vw;
}
.details .details_con h3 {
  font-size:1.83vw;
  margin:4.16vw 2.916vw 0;
  padding:0 0 0 1.75vw;
}
.details .details_con h3::before {
  width:0.5vw;
}
.details_con p,
.details_con ul li {
  font-size:1.5vw;
  margin:1em 2.916vw 0;
}
.details_con ul.waku_bk {
  width:81vw;
  margin: 1.5em auto;
  border: solid .416vw #eee;
}
.details_con ul.waku_bk li {
  margin:0 1.25vw;
}

.details_con .twocol.rightimg .text p,
.details_con .twocol.rightimg .text ul li {
  margin-left:0;
  margin-right:2.08vw;
}
.details_con .image p {
  font-size:1.16vw;
}
.details_con  .twocol .image p,
.details_con  .threecol .image p {
  margin:1em 2.916vw 0;
}
.details_con .profile {
  margin:1.5em 2.916vw 0;
}
.details_con .profile p {
  font-size:1.16vw;
}
.details_con .twocol.rightimg p,
.details_con .twocol > .image:nth-child(2) p {
  margin-left:1.66vw !important;
}

.details .tabmenu,
.details .links {
  padding:0;
  margin:4.58vw 2.916vw 0;
}
.details .links h3 {
  font-size:1.83vw;
  padding:0 0 0 2.5vw;
  background:url(../jpahub/images/circle_icon.png) no-repeat 0 0.5vw;
  background-size:1.66vw auto;
}
.details .links ul {
  padding:0 0 0 2.5vw;
}
.details .links ul li {
  font-size:1.33vw;
  padding:0 0 0 1.08vw;
  margin:1.25vw 0 0;
}
.details .links ul li::before {
  width:0.33vw;
  height:0.33vw;
  top:0.75vw;
}

}


@media screen and (max-width:1000px){
.tabmenu .inner {
  padding:0 0 0 18.4375vw;
}
.tabmenu .inner h2 {
  font-size:1.66vw;
  padding:0.625vw 2.075vw 0.825vw;
}
.tabmenu .inner h2::before {
  width: 1.66vw;
}
.tabmenu .inner h2::after {
  width: 1.03125vw;
}
.tabmenu .inner ul li a, .list_sec ul.list li a h3.tag {
  font-size:1.66vw;
  padding:0.625vw 0 0.825vw;
  border-radius:1.5625vw;
}
.list_sec ul.list li a .tag_flex h3 {
  width:calc(50% - .75vw);
}
.list_sec ul.list li a .tag_flex h3:nth-child(even) {
  margin-left:1.5vw;
}
.list_sec ul.list li a .new {
  width: 6.96875vw;
  top: 2.625vw;
  left: -1.03125vw;
}
.list_sec ul.list li a p,
.list_sec ul.list li a .date {
  font-size: 1.66vw;
}
.list_sec ul.list li a .text {
  padding:2.5vw 1.03125vw 5vw;
}

.details h2 .cat {
  font-size:1.66vw;
}
.details_box .date {
  font-size:1.66vw;
}
.details_box img {
  padding:5vw 0 2.916vw;
}
.details_con .twocol .image img,
.details_con .threecol .image img {
  padding-top:2.5vw;
}
.details_con .twocol .image:nth-child(odd) img {
  padding-right:1.66vw;
}
.details_con .twocol .image:nth-child(even) img {
  padding-left:1.66vw;
}
.details_con .threecol .image:nth-child(1) img {
  padding-right:2.2vw;
}
.details_con .threecol .image:nth-child(2) img {
  padding-left:1.1vw;
  padding-right:1.1vw;
}
.details_con .threecol .image:nth-child(3) img {
  padding-left:2.2vw;
}

.details .details_con h3 {
  font-size:2.2vw;
  margin:4.16vw 0 0;
}
.details .details_con h3 + img {
  padding-top:3vw;
}
.details_con p,
.details_con ul li {
  font-size:1.8vw;
  margin:1em 0 0;
}
.details_con ul.waku_bk {
  width: auto;
  padding: .5em;
  margin: 1em 0;
  border: solid .8vw #eee;
}
.details_con ul.waku_bk.margin0 {
  padding: 1em .5em;
}
.details_con .profile {
  margin:1.5em 0 0;
}
.details_con .profile p {
  font-size:1.6vw;
}

.details_con .image p {
  font-size:1.4vw;
}
.details_con  .twocol .image p,
.details_con  .threecol .image p {
  margin:1em 0 0;
}
.details .tabmenu,
.details .links {
  margin:4.58vw 0 0;
}
.details .links h3 {
  font-size:2.2vw;
  padding:0 0 0 3.125vw;
  background:url(../jpahub/images/circle_icon.png) no-repeat 0 0.6vw;
  background-size:2vw auto;
}
.details .tabmenu .inner {
  padding:0 0 0 13vw;
}
.tabmenu .inner ul li {
  width:15vw;
}
.details .links ul {
  padding:0 0 0 2.5vw;
}
.details .links ul li {
  font-size:1.66vw;
  padding:0 0 0 1.35vw;
  margin:1.5vw 0 0;
}
.details .links ul li::before {
  width:0.4125vw;
  height:0.4125vw;
  top:0.9375vw;
}
.interview003 .details_con .twoimg .image:nth-child(2) {
  width:41.5%;
}

}


@media screen and (max-width:768px){
.pc_only {
  display:none !important;
}
.sp_only {
  display:block !important;
}
header .inner {
  height:auto;
  padding:14vw 4vw 1.33vw;
}
header h1.logo {
  width:39.46vw;
  margin:0;
  position:absolute;
  top:3vw;
  left:4vw;
}
header .jpa_logo {
  width:33.15vw;
  right:4vw;
  bottom:auto;
  top:5.85vw;
}
header ul {
  width:100%;
  margin:0;
  justify-content:center;
}
header ul li {
  width:calc(50% - 8vw);
  margin:4vw 2vw 0;
}
header ul li a {
  font-size:3vw;
  height:8vw;
  border-radius:4.15vw;
}
header ul li a .icon {
  padding:0 0 0 3.125vw;
  background:url(../jpahub/images/link_icon.svg) no-repeat 0 0.625vw;
  background-size:1.456vw 2.5vw;
}
header ul li a::after {
	width:2.0625vw;
	height:1.875vw;
}
header ul li:nth-child(4n) a {
	background:#25884e;
	border:solid 2px #25884e;
}
header ul li.current:nth-child(4n) a {
  color:#25884e;
  background:#fff;
	border:solid 2px #25884e;
}
header ul li:nth-child(4n) a::after,
header ul li.current:nth-child(4n-1) a::after {
	background-image:url(../jpahub/images/head_menu_arrow2.svg);
}
header ul li:nth-child(4n-1) a {
	background:#7cbb54;
	border:solid 2px #7cbb54;
}
header ul li.current:nth-child(4n-1) a {
  color:#7cbb54;
  background:#fff;
	border:solid 2px #7cbb54;
}
header ul li:nth-child(4n-1) a::after,
header ul li.current:nth-child(4n) a::after {
	background-image:url(../jpahub/images/head_menu_arrow.svg);
}
header ul li.current:nth-child(4n) a .icon {
  background-image:url(../jpahub/images/link_icon_gr.svg);
}
header ul li.current:nth-child(4n-1) a .icon {
  background-image:url(../jpahub/images/link_icon_lgr.svg);
}
footer .inner {
	padding:6vw 4vw;
  display: block;
}
footer .jpa_logo {
  width:33.15vw;
  margin:0 auto 5vw;
}
footer p {
	font-size:2.66vw;
  text-align:center;
}

#contents {
  padding:5.133vw 0 15vw;
	background:url(../jpahub/images/bg_top_illust.png) no-repeat right 0.666vw top 0;
	background-size:42.466vw auto;
}
#contents::before {
	width:10.06vw;
	height:6.13vw;
	top:9.13vw;
	right:54.6vw;
}
#contents.detailspage {
  background-size:42.466vw auto;
  background-position:right 0.666vw top 30vw;
}
#contents.detailspage::before {
  top:30vw;
  right:54.6vw;
}

#head_tab {
	margin:0 0 6.24vw;
}
#foot_tab {
	margin:12vw 0 0;
}
.tabmenu {
  padding:0 4vw;
}
.tabmenu .inner {
	padding:0;
}
.tabmenu .inner h2 {
	font-size:3.33vw;
	padding:1.26vw 4.1625vw 1.6625vw;
  margin:0 0 3.66vw;
  display: inline-block;
  position: relative;
}
.tabmenu .inner h2::before {
	width:3.325vw;
}
.tabmenu .inner h2::after {
	width:2.0625vw;
}
.tabmenu .inner ul li {
	width:calc(25% - 2vw);
	margin:0 2.66vw 2.66vw 0;
}
.tabmenu .inner ul li:nth-child(4n) {
  margin-right:0;
}
.tabmenu .inner ul li a,
.list_sec ul.list li a h3.tag {
	font-size:2.66vw;
	padding:1vw 0 1.33vw;
  border-radius:2.5vw;
}
.list_sec ul.list li a .tag_flex h3 {
  width:calc(50% - 1vw);
}
.list_sec ul.list li a .tag_flex h3:nth-child(even) {
  margin-left:2vw;
}
#event, #interview, #etc {
	margin:13.33vw auto 0;
}
#contents .list_sec:nth-child(3)::before,
#contents .list_sec:nth-child(6)::before {
	width:39vw;
	height:24vw;
	top:-30vw;
	left:-2.67vw;
}
#contents .list_sec:nth-child(3)::after,
#contents .list_sec:nth-child(6)::after {
	width:49.4125vw;
	height:21.1625vw;
	top:-48.325vw;
	right:2.9125vw;
}
#contents .list_sec:nth-child(4)::before,
#contents .list_sec:nth-child(7)::before {
	width:48.825vw;
	height:23.825vw;
	top:-18.5vw;
	right:0.825vw;
}
#contents .list_sec:nth-child(4)::after,
#contents .list_sec:nth-child(7)::after {
	width:34.25vw;
	height:18.9125vw;
	top:-20vw;
	left:14vw;
}
#contents .list_sec:nth-child(5)::before,
#contents .list_sec:nth-child(8)::before {
	width:46.9125vw;
	height:46.25vw;
	top:-20.5vw;
	right:2.325vw;
}
#contents .list_sec:nth-child(5)::after,
#contents .list_sec:nth-child(8)::after {
	width:34.25vw;
	height:18.9125vw;
	top:-15.5vw;
	left:19vw;
}
.list_sec .inner {
	padding:0 4vw;
}
.list_sec h2,
.details h2 {
	font-size:4.8vw;
	padding:0 0 0 8.533vw;
}
.list_sec ul.list {
  justify-content: space-between;
}
.list_sec ul.list {
  margin:0;
}
.list_sec ul.list li {
	width:calc(50% - 2vw);
	margin:4vw 0 0;
}
#news.list_sec.visible ul.list li,
#news.list_sec ul.list li.visible-edu,
#news.list_sec ul.list li.visible-cra,
#news.list_sec ul.list li.visible-eve,
#news.list_sec ul.list li:nth-child(1),
#news.list_sec ul.list li:nth-child(2),
#news.list_sec ul.list li:nth-child(3),
#news.list_sec ul.list li:nth-child(4) {
  margin-top:4vw;
}
.list_sec ul.list li a {
	border-radius:3.75vw;
	box-shadow: 0px 0.375vw 3.75vw 0px rgba(124, 187, 84, 0.2);
}
.list_sec ul.list li a .new {
	width:11vw;
	top:3vw;
	left:-1.65vw;
}
.list_sec ul.list li a .image {
	border-radius:3.75vw 3.75vw 0 0;
}
.list_sec ul.list li a .text {
	padding:3.75vw 1.65vw 8.5vw;
	border-radius:0 0 3.75vw 3.75vw;
}
.list_sec ul.list li a h3.tag {
	max-width:18.75vw;
	margin:0 0 2.124vw;
}
.list_sec ul.list li a p {
	font-size:2.66vw;
	padding:0 1vw;
}
.list_sec ul.list li a .date {
  font-size:2.66vw;
	padding:0 1.65vw;
	bottom:4vw;
	right:1.65vw;
}
.list_sec .btn {
	margin:8vw 0 0;
}
.list_sec .btn a {
	font-size:3vw;
	width:60vw;
	padding:4.5vw 0 5vw;
	border-radius:6.6vw;
	box-shadow: 0px 0.5vw 5vw 0px rgba(124, 187, 84, 0.2);
}
#news.list_sec ul.list li:nth-child(4) {
  visibility:visible;
  display:block;
  opacity:1;
  height:auto;
}

#totopLink {
	bottom:-12.5625vw;
}
#totopLink a {
  width:8.7375vw;
  height:8.7375vw;
	bottom:3.75vw;
	right:3.75vw;
}

.details h2 .cat {
  font-size:3vw;
  padding:1.4vw 2.7vw 1.6vw;
  top:-0.4vw;
  border-radius:3vw;
}
.details_box {
  padding:3.75vw 4.16vw 6.5vw;
  border-radius:3.75vw;
}
.details_box::before {
  border-radius:3.75vw;
}
.details_box::after {
  width:42.466vw;
  height:39vw;
  top:-24vw;
  right:-0.666vw;
}
.details_box .date {
  font-size:3vw;
  margin:0 0 1.5vw;
}
.details_con .twocol,
.details_con .threecol {
  display:block;
}
.details_con .twocol > *,
.details_con .threecol > * {
  width:auto;
}
.details_con .twocol.textimg .text,
.details_con .twocol.textimg .image {
  width:auto !important;
}
.details_box img,
.details_con .twocol .image img,
.details_con .threecol .image img {
  padding:8vw 0 4vw;
}
.details_con .twocol .image img,
.details_con .threecol .image img {
  padding-bottom:4vw !important;
}
.details_con .twocol .image + .image,
.details_con .threecol .image + .image {
  margin-top:4vw;
}
.details_con .twocol .image + .image img,
.details_con .threecol .image + .image img {
  padding-top:0;
}
.details_con .twocol .image:nth-child(odd) img {
  padding-right:0;
}
.details_con .twocol .image:nth-child(even) img {
  padding-left:0;
}
.details_con .threecol .image img {
  padding-left:0 !important;
  padding-right:0 !important;
}
.details_con .twocol.rightimg .image img {
  padding-left:0 !important;
}
.details .details_con h3 {
  font-size:4.26vw;
  padding:0 0 0 3.5vw;
  margin:6.5vw 0 0;
}
.details .details_con h3::before {
  width:0.8vw;
}
.details .details_con h3 + img {
  padding-top:5.33vw;
}
.details_con p,
.details_con ul li {
  font-size:3.33vw;
}
.details_con .twocol.textimg .text p,
.details_con .twocol.textimg .text ul li {
  margin-left:0;
}
.details_con .image p {
  font-size:2.933vw;
}
.details_con .profile p {
  font-size:2.933vw;
}
.details_con .profile {
  padding:0.7em;
}
.details .tabmenu,
.details .links {
  margin:6.5vw 0 0;
}
.details .links h3 {
  font-size:4.26vw;
  padding:0 0 0 5.75vw;
  background:url(../jpahub/images/circle_icon.png) no-repeat 0 1.125vw;
  background-size:3.75vw auto;
}
.details .tabmenu .inner {
  padding:0;
}
.details .links ul {
  padding:0 0 0 1.1vw;
}
.details .links ul li {
  font-size:3vw;
  padding:0 0 0 2vw;
  margin:3vw 0 0;
}
.details .links ul li::before {
  width:0.61875vw;
  height:0.61875vw;
  top:1.4vw;
}
.details_con .image p {
  margin:-0.5em 0 0;
}
.details_con .twocol .image p,
.details_con .threecol .image p {
  margin-top:-0.5em;
}
.details_con .twocol.rightimg p,
.details_con .twocol > .image:nth-child(2) p {
  margin-left:0 !important;
}
.interview003 .details_con .twoimg .image:nth-child(1) {
  width:auto;
}
.interview003 .details_con .twoimg .image:nth-child(2) {
  width:auto;
  margin-top:1em;
}
.details_con .twoimg.halfsize .image {
  width:auto;
}

}


@media screen and (min-width:769px){
header ul li a,
header ul li a::after,
.tabmenu .inner ul li a,
header .logo a,
header .jpa_logo a,
footer .jpa_logo a,
.list_sec ul.list li a .image img,
.list_sec ul.list li a h3.tag,
.list_sec .btn a,
.details_con p a,
.details_con ul li a {
	transition:ease .3s;
}
header ul li a:hover {
	color:#25884e;
	background:#fff;
}
header ul li a:hover .icon {
	background-image:url(../jpahub/images/link_icon_gr.svg);
}
header ul li:nth-child(even) a:hover {
	color:#7cbb54;
	background:#fff;
}
header ul li:nth-child(even) a:hover .icon {
	background-image:url(../jpahub/images/link_icon_lgr.svg);
}
header ul li a:hover::after {
	opacity:1;
}

#totopLink a:hover,
header .logo a:hover,
header .jpa_logo a:hover,
footer .jpa_logo a:hover {
	opacity:.7;
}
.tabmenu .inner ul li a:hover,
.list_sec ul.list li a:hover h3.tag {
	background:#c2e0b3;
}
.list_sec ul.list li a:hover p,
.list_sec ul.list li a:hover .date,
.details .links ul li a:hover {
	text-decoration:underline;
}
.list_sec ul.list li a:hover .image img {
	transform:scale(1.1);
}
.list_sec .btn a:hover {
	background:#f8e148;
}
.details_con p a:hover,
.details_con ul li a:hover {
  opacity:.8;
  text-decoration:none;
}

}


@media print {
html,body {
  min-width:1200px;
  zoom:0.8;
}

}