@charset "utf-8";
@import "base.css";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;700;900&display=swap");

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  全般設定
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
body {
	font-family: 'Noto Sans JP', 'Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体', 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'メイリオ', sans-serif;
	font-size: 15px;
	color: #000000;
	line-height: 1;
	padding: 0;
	-webkit-text-size-adjust: 100%;
}
#wrapper {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}
* { box-sizing: border-box; }

a {
	transition: 0.5s;
}

.flex {
	display: flex;
	flex-wrap: wrap;
}
.reverse {
	flex-flow: row-reverse;
}

.pc,
.pc1000 {
	display: inline-block;
}
.sp,
.sp1000 {
	display: none;
}
@media screen and (max-width: 1000px) {
	.pc1000 {
		display: none;
	}
	.sp1000 {
		display: inline-block;
	}
}
@media screen and (max-width: 750px) {
	.pc {
		display: none;
	}
	.sp {
		display: inline-block;
	}
}

a.alpha:hover {
	opacity: 0.7;
}

/* header
------------------------------------------------------------*/
header {
	width: 100%;
	height: 105px;
	background-color: #ffffff;
	position: relative;
	z-index: 1;
}
header .inner {
	width: 100%;
	height: 100%;
	padding-left: 3%;
	justify-content: space-between;
	align-items: center;
}
header .logo {
	width: 250px;
}

@media screen and (min-width: 1001px) {
	nav {
		height: 100%;
	}
	nav ul {
		height: 100%;
	}
	nav ul li {
		height: 100%;
		display: flex;
		align-items: center;
	}
	nav ul li a {
		font-size: 16px;
		margin-right: 50px;
	}
	nav ul li a:hover {
		color: #0055be;
	}
	nav ul li.members_only a {
		width: 160px;
		height: 100%;
		background-color: #1d2088;
		margin: 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	nav ul li.members_only a:hover {
		opacity: 0.7;
	}
	nav ul li.members_only a img {
		width: 66px;
	}

	#navbtn {
		display: none;
	}
}
@media screen and (max-width: 1150px) {
	header .logo {
		width: 200px;
	}

	nav ul li a {
		margin-right: 30px;
	}
	nav ul li.members_only a {
		width: 140px;
	}

}
@media screen and (max-width: 1000px) {
	header {
		height: 80px;
	}
	header .inner {
		padding-left: 0;
	}
	header .logo {
		width: 176px;
		margin: 0 auto;
	}

	#navbtn {
		display: block;
		width: 80px;
		height: 80px;
		background-color: #1d2088;
		position: absolute;
		top: 0;
		right: 0;
		cursor: pointer;
		padding: 20px;
		z-index: 999;
	}
	.menu-trigger,
	.menu-trigger span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}
	.menu-trigger {
		position: relative;
		width: 40px;
		height: 44px;
		background: none;
		border: none;
		appearance: none;
		cursor: pointer;
	}
	.menu-trigger span {
		position: absolute;
		left: 20px;
		width: 40px;
		height: 3px;
		background-color: #fff;
		border-radius: 1.5px;
	}
	.menu-trigger span:nth-of-type(1) {
	    top: 25px;
	}
	.menu-trigger span:nth-of-type(2) {
	    top: 38px;
	}
	.menu-trigger span:nth-of-type(3) {
	    bottom: 25px;
	}
		
	#navbtn.open span:nth-of-type(1) {
	    transform: translateY(11px) rotate(-45deg);
	}
	#navbtn.open span:nth-of-type(2) {
	    opacity: 0;
	}
	#navbtn.open span:nth-of-type(3) {
	    transform: translateY(-16px) rotate(45deg);
	}

	nav {
		display: none;
    	width: 100%;
    	max-width: 480px;
    	right: -100%;
    	position: absolute;
    	top: 0;
  	}
	nav.open {
		display: block;
    	right: 0;
    	transition: right 0.5s;
		z-index: 998;
    }
    nav ul {
    	width: 100%;
    	background-color: #1d2088;
    	padding: 80px 20px 10px 30px;
    }
	nav ul li {
		width: 100%;
	}
    nav ul li a {
    	display: inline-block;
    	width: 100%;
    	color: #ffffff;
    	border-bottom: 1px dashed #ffffff;
    	padding: 20px 15px;
    }
    nav ul li:last-child a {
    	border-bottom: none;
    }
    nav ul li a:hover {
        color: #c71f3b;;
    }
}

@media screen and (max-width: 750px) {
	header {
		height: 60px;
	}
	header .logo {
		width: 124px;
	}
    nav ul {
    	padding: 60px 20px 10px 30px;
    }

	#navbtn {
		width: 60px;
		height: 60px;
		padding: 10px;
	}
	.menu-trigger span {
		width: 32px;
		left: 14px;
	}
	.menu-trigger span:nth-of-type(1) {
		top: 17px;
	}
	.menu-trigger span:nth-of-type(2) {
		top: 28px;
	}
	.menu-trigger span:nth-of-type(3) {
		bottom: 17px;
	}
	#navbtn.open span:nth-of-type(1) {
		transform: translateY(8px) rotate(-45deg);
	}
	#navbtn.open span:nth-of-type(3) {
		transform: translateY(-15px) rotate(45deg);
	}
}

/* footer
------------------------------------------------------------*/
footer {
	background-image: url(../img/common/f_bg.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
footer .inner {
	color: #ffffff;
	padding: 120px 15px 60px;
}
footer .logo {
	width: 163px;
	margin: 0 auto;
}

footer .f_cont {
	margin: 120px 0 60px;
	justify-content: center;
}
footer .f_cont .cont {
	width: 50%;
	max-width: 480px;
	line-height: 1.4;
}
footer .f_cont .cont:first-child {
	border-right: 3px double #ffffff;
}
footer .f_cont .cont:last-child {
	padding-left: 100px;
	position: relative;
}

footer .f_cont dl {
	margin-bottom: 10px;
}
footer .f_cont dl dt {
	width: 170px;
	border-right: 1px solid #ffffff;
	font-size: 21px;
	font-weight: 500;
	padding: 5px 20px 5px 0;
}
footer .f_cont dl dd {
	font-size: 18px;
	padding: 5px 0 5px 20px;
}
footer .f_cont dl dd p {
	font-size: 21px;
}
footer .f_cont dl dd .addr {
	margin: 5px 0 7px;
}

footer .f_cont ul li {
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 10px;
}
footer .f_cont ul li:before {
	content: '- ';
}
footer .f_cont .link {
	width: 240px;
	height: 54px;
	border: 1px solid #ffffff;
	position: absolute;
	left: 100px;
	bottom: 0;
}
footer .f_cont .link a {
	width: 100%;
	height: 100%;
	background-image: url(../img/common/sign.svg);
	background-position: right 20px center;
	background-repeat: no-repeat;
	background-size: 9px auto;
	font-size: 14px;
	letter-spacing: 1px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: 0.5s;
}
footer .f_cont .link a:hover {
	background-color: rgba(255, 255, 255, 0.1);
}

#copyright {
	font-size: 12px;
	text-align: center;
}
#pagetop {
	background-color: rgba(0, 0, 0, 0.3);
    position: fixed;
    bottom: 20px;
    right: 20px;
}

@media screen and (max-width: 1000px) {
	footer .f_cont .cont {
		width: 100%;
		max-width: 380px;
	}
	footer .f_cont .cont:first-child {
		border-right: none;
	}
	footer .f_cont .cont:last-child {
		display: none;
	}
	#pagetop {
		width: 60px;
	}
}
@media screen and (max-width: 750px) {
	footer .inner {
		padding: 60px 15px 30px;
	}
	footer .logo {
		width: 140px;
	}
	footer .f_cont {
		margin: 60px 0 40px;
	}
	footer .f_cont .cont {
		max-width: 305px;
	}
	footer .f_cont dl dt {
		width: 135px;
		font-size: 16px;
	}
	footer .f_cont dl dd p {
		font-size: 16px;
	}
	footer .f_cont dl dd {
		font-size: 14px;
	}

	#pagetop {
		width: 45px;
	}
}

/* main　
------------------------------------------------------------*/
section {
	padding-left: 15px;
	padding-right: 15px;
}

.section-ttl {
	text-align: center;
	margin-bottom: 40px;
}
#news .section-ttl .ttl {
	color: #0055be;
	font-size: 40px;
	font-weight: 900;
}
.section-ttl .ttl img {
	height: 37px;
}
.section-ttl .sub {
	font-size: 16px;
	font-weight: 500;
	margin-top: 10px;
}
#members .section-ttl .sub {
	color: #ffffff;
}

.section-detail {
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
}

@media screen and (max-width: 750px) {
	#news .section-ttl .ttl {
		font-size: 32px;
	}
	.section-ttl .ttl img {
		height: 27px;
	}
}

/* top　
------------------------------------------------------------*/
#top section {
	width: 100%;
	height: 975px;
	height: calc(100vh - 105px);
	background-image: url(../img/common/top_main.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
}

#top .top-img {
	width: 1100px;
	position: absolute;
	right: 50%;
	top: -30%;
}
#top .top-img video {
	mix-blend-mode: color-dodge;
}


#top .top-txt {
	width: calc(100% - 30px);
	max-width: 1600px;
	height: 100%;
	margin: 0 auto;
	position: relative;
}
#top .top-txt .txt {
	width: 40%;
	max-width: 640px;
	position: absolute;
	right: 0;
	bottom: 10%;
}

@media screen and (max-width: 1000px) {
	#top section {
		height: 640px;
	}
	#top .top-img {
		width: 720px;
	}

}
@media screen and (max-width: 750px) {
	#top section {
		background-image: url(../img/common/top_main_sp.jpg);
	}
	#top .top-img {
		width: 540px;
		right: 40%;
		top: 0;
	}
	#top .top-txt .txt {
		width: 90%;
		left: 0;
		margin: 0 auto;
	}
}
@media screen and (max-width: 480px) {
	#top section {
		height: 480px;
	}
	#top .top-img {
		width: 360px;
		top: 10%;
	}
}

/* news
------------------------------------------------------------*/
#news section {
	padding-top: 100px;
	padding-bottom: 100px;
}
#news .section-detail {
	width: 100%;
	max-width: 1100px;
	margin: 80px auto 0;
}

#news ul li {
	width: 100%;
	font-size: 18px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
	padding: 15px;
	align-items: center;
	position: relative;
}
#news ul li:first-child {
	border-top: 1px solid rgba(0, 0, 0, 0.3);
}
#news ul li .post_date {
	width: 100px;
}
#news ul li .post_cate {
	width: 180px;
	border-radius: 8px;
	font-size: 14px;
	margin: 0 30px;

}
#news ul li .post_cate a {
	display: inline-block;
	width: 100%;
	height: 100%;
	text-align: center;
	padding: 5px;
}
#news ul li.cat-0 .post_cate { border: 1px solid #0055be; }
#news ul li.cat-1 .post_cate { border: 1px solid #8ab73d; }
#news ul li.cat-2 .post_cate { border: 1px solid #f0f05c; }
#news ul li.cat-3 .post_cate { border: 1px solid #f7ac2d; }
#news ul li.cat-4 .post_cate { border: 1px solid #23b904; }
#news ul li.cat-5 .post_cate { border: 1px solid #2ce993; }
#news ul li.cat-6 .post_cate { border: 1px solid #c77bea; }
#news ul li.cat-7 .post_cate { border: 1px solid #3c90d0; }
#news ul li.cat-8 .post_cate { border: 1px solid #ef82ef; }
#news ul li .post_ttl {
	width: calc(100% - 340px);
}
#news ul li .post_ttl a:hover {
	opacity: 0.7;
}
/*
#news ul li .newMark {
	width: 20px;
	height: 20px;
	background-color: #c71f3b;
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	line-height: 20px;
	position: absolute;
	left: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
}
*/
#news .list_btn {
	width: 280px;
	height: 50px;
	margin: 60px auto 0;
}
#news .list_btn a {
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid #0055be;
	border-radius: 25px;
	color: #0055be;
	font-size: 16px;
	text-align: center;
	line-height: 50px;
}
#news .list_btn a:hover {
	background-color: #0055be;
	color: #ffffff;
}

.cate_btn {
	margin-bottom: 20px;
}
.cate_btn .btn {
	margin-bottom: 10px;
}
.cate_btn .btn:not(:last-child) {
	margin-right: 6px;
}
.cate_btn .btn a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 5px 10px;
}
.cate_btn .cat-99 a { border: 1px solid #999999; }
.cate_btn .cat-0 a { border: 1px solid #0055be; }
.cate_btn .cat-1 a { border: 1px solid #8ab73d; }
.cate_btn .cat-2 a { border: 1px solid #f0f05c; }
.cate_btn .cat-3 a { border: 1px solid #f7ac2d; }
.cate_btn .cat-4 a { border: 1px solid #23b904; }
.cate_btn .cat-5 a { border: 1px solid #2ce993; }
.cate_btn .cat-6 a { border: 1px solid #c77bea; }
.cate_btn .cat-7 a { border: 1px solid #3c90d0; }
.cate_btn .cat-8 a { border: 1px solid #ef82ef; }

.cate_btn a:hover,
.cate_btn .current a { color: #ffffff; }
.cate_btn .cat-99 a:hover,
.cate_btn .cat-99.current a { background-color: #999999; }
.cate_btn .cat-0 a:hover,
.cate_btn .cat-0.current a { background-color: #0055be; }
.cate_btn .cat-1 a:hover,
.cate_btn .cat-1.current a { background-color: #8ab73d; }
.cate_btn .cat-2 a:hover,
.cate_btn .cat-2.current a { background-color: #f0f05c; }
.cate_btn .cat-3 a:hover,
.cate_btn .cat-3.current a { background-color: #f7ac2d; }
.cate_btn .cat-4 a:hover,
.cate_btn .cat-4.current a { background-color: #23b904; }
.cate_btn .cat-5 a:hover,
.cate_btn .cat-5.current a { background-color: #2ce993; }
.cate_btn .cat-6 a:hover,
.cate_btn .cat-6.current a { background-color: #c77bea; }
.cate_btn .cat-7 a:hover,
.cate_btn .cat-7.current a { background-color: #3c90d0; }
.cate_btn .cat-8 a:hover,
.cate_btn .cat-8.current a { background-color: #ef82ef; }
.pager {
	text-align: center;
	margin-top: 50px;
}
.pager a {
    font-size: 14px;
	margin:0 1px;
    padding: 3px 7px 2px;
}
.pager a.current{
    color: #0055be;
    font-size: 14px;
}
.pager a:hover{
    color: #0055be;
}

.detail_ttl {
	border-bottom: 1px solid #999999;
	font-size: 20px;
	padding-bottom: 10px;
}
.detail_date,
.detail_cate {
	text-align: right;
	margin-top: 10px;
}

#detail {
	line-height: 1.8;
	margin-top: 15px;
}
#detail img {
	margin-top: 10px;
}

.back_btn {
	width: 180px;
	height: 40px;
	margin: 60px auto 0;
}
.back_btn a {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #999999;
	border: 1px solid #999999;
	color: #ffffff;
	text-align: center;
	line-height: 40px;
}
.back_btn a:hover {
	background-color: #ffffff;
	color: #999999;
}

@media screen and (max-width: 1000px) {
	/*
	#news ul li .newMark {
		top: 18px;
		bottom: auto;
	}
	*/
	#news ul li .post_ttl {
		width: 100%;
		margin-top: 5px;
	}

	#detail .scroll {
		overflow-x: auto;
	}
	#detail .scroll table {
		width: 1000px;
	}

}
@media screen and (max-width: 750px) {
	#news section {
		padding-top: 50px;
		padding-bottom: 60px;
	}
	#news .section-detail {
		margin-top: 40px;
	}
	#news ul li {
		font-size: 16px;
		padding: 10px 0px 12px;
	}
	/*
	#news ul li .newMark {
		left: auto;
		right: 5px;
		top: 5px;
	}
	*/
	#news ul li .post_date {
		width: 100%;
	}
	#news ul li .post_cate {
		margin: 10px 0 0;
	}
	#news ul li .post_ttl {
		margin-top: 10px;
	}

	#news .list_btn {
		width: 240px;
		height: 40px;
		margin-top: 40px;
	}
	#news .list_btn a {
		border-radius: 20px;
		line-height: 40px;
	}
}

/* about
------------------------------------------------------------*/
#about section {
	background-image: url(../img/about/about_bg.png);
	background-position: center top;
	background-repeat: no-repeat;
	padding-top: 100px;
	padding-bottom: 50px;
}

.about-img {
	text-align: center;
}

.about-txt {
	text-align: center;
	margin-top: 40px;
}
.about-txt p {
	width: 100%;
	max-width: 760px;
	font-size: 20px;
	margin: 10px auto 0;
	padding-bottom: 5px;
}
.about-txt .txt:first-child p {
	border-bottom: 1px solid #0055be;
}
.about-txt .txt:last-child p {
	border-bottom: 1px solid #c71f3b;
}
.about-txt p span {
	font-size: 23px;
	font-weight: 700;
}

.about-cont {
	height: 761px;
	background-image: url(../img/about/about_cont_bg.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 80px 15px 100px;
	position: relative;
	justify-content: center;
}
.about-cont .cont {
	width: 640px;
	color: #ffffff;
	padding: 50px 0 20px;
}
.about-cont .cont:last-child {
	margin-left: 190px;
}
.about-cont .cont .ttl {
	font-family: 'Noto Serif JP', serif;
	font-size: 89px;
	font-weight: 900;
	text-align: center;
}
.about-cont .cont .label {
	width: 260px;
	height: 50px;
	background-color: #ffffff;
	font-size: 34px;
	font-weight: 700;
	text-align: center;
	line-height: 50px;
	margin: 50px auto 40px;
}
.about-cont .cont:first-child .label {
	color: #0055be;
}
.about-cont .cont:last-child .label {
	color: #c71f3b;
}
.about-cont .cont .txt {
	font-size: 18px;
	text-align: center;
	line-height: 1.4;
}
.about-cont .cont ul {
	margin-top: 35px;
	justify-content: center;
}
.about-cont .cont ul li {
	width: 200px;
	height: 60px;
	border: 1px solid #ffffff;
	font-size: 20px;
	font-weight: 500;
	text-align: center;
	line-height: 60px;
	margin: 10px;
}

@media screen and (max-width: 1600px) {
	.about-cont .cont {
		width: 44%;
	}
	.about-cont .cont:last-child {
		margin-left: 12%;
	}
	.about-cont .cont .ttl {
		font-size: 72px;
	}
	.about-cont .cont ul {
		max-width: 580px;
		margin-left: auto;
		margin-right: auto;
	} 
	.about-cont .cont ul li {
		width: 180px;
		font-size: 18px;
	}
	.about-cont .cont:last-child ul li:first-child {
		margin-left: 10px;
	}
	.about-cont .cont:last-child ul li:nth-child(3) {
		margin-right: 10px;
	}
}
@media screen and (max-width: 1200px) {
	.about-cont {
		background-image: url(../img/about/about_cont_bg02.png);
	}
	.about-cont .cont .ttl {
		font-size: 60px;
	}
	.about-cont .cont .label {
		width: 210px;
		font-size: 27px;
	}
	.about-cont .cont .txt {
		min-height: 110px;
		text-align: left;
	}
	.about-cont .cont .txt br {
		display: none;
	}
	.about-cont .cont ul {
		margin-top: 10px;
	}
	.about-cont .cont ul li {
		width: 160px;
		font-size: 16px;
	}
}
@media screen and (max-width: 1000px) {
	.about-img {
		max-width: 80%;
		margin: 0 auto;
	}
	.about-txt {
		max-width: 90%;
		margin: 30px auto 0;
	}
	.about-txt p {
		display: inline;
		line-height: 1.8;
	}
	.about-cont {
		height: auto;
		background-image: none;
		padding: 0;
	}
	.about-cont .cont {
		width: 100%;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		padding: 50px 15px;
	}
	.about-cont .cont:first-child {
		background-image: url(../img/about/about_cont_bg_b.jpg);
	}
	.about-cont .cont:last-child {
		background-image: url(../img/about/about_cont_bg_r.jpg);
		margin-left: 0;
	}
	.about-cont .cont .txt {
		max-width: 640px;
		min-height: 1px;
		margin: 0 auto;
	}
	.about-cont .cont ul {
		margin-top: 20px;
	}
	.about-cont .cont ul {
		max-width: 500px;
	}
}
@media screen and (max-width: 750px) {
	#about section {
		padding-top: 50px;
	}
	.about-txt p {
		font-size: 16px;
	}
	.about-txt p span {
		font-size: 20px;
	}

	.about-cont .cont .ttl {
		font-size: 48px;
	}
	.about-cont .cont .label {
		width: 180px;
		height: 48px;
		font-size: 24px;
		line-height: 48px;
		margin: 40px auto 30px;
	}
	.about-cont .cont .txt {
		font-size: 16px;
	}
	.about-cont .cont ul li {
		height: 48px;
		line-height: 48px;
	}
}

/* organizations
------------------------------------------------------------*/
#organizations section {
	padding-top: 120px;
	padding-bottom: 40px;
}
#organizations ul {
	justify-content: center;
}
#organizations ul li {
	width: 23.125%;
	margin: 0 1.25% 40px;
}
#organizations ul li:nth-child(4n) {
	margin-left: 0;
}
#organizations ul li:nth-child(7) {
	margin-right: 0;
}
#organizations ul li .ttl {
	background-image: url(../img/organizations/organizations_icon.svg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 22px auto;
	font-size: 22px;
	font-weight: 500;
	margin: 15px 0;
	padding-left: 28px;
}
#organizations ul li .txt {
	line-height: 1.6;
}

@media screen and (max-width: 1000px) {
	#organizations ul {
		justify-content: flex-start;
	}
	#organizations ul li {
		width: 31.33%;
		margin: 0 1% 40px;
	}
	#organizations ul li:nth-child(4n) {
		margin-left: 1%;
	}
	#organizations ul li:nth-child(7) {
		margin-right: 1%;
	}
}
@media screen and (max-width: 750px) {
	#organizations section {
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 60px;
	}
	#organizations ul li {
		width: 48%;
	}
	#organizations ul li .ttl {
		font-size: 18px;
		margin: 10px 0 5px;
	}
}
@media screen and (max-width: 480px) {
	#organizations section {
		padding-left: 15px;
		padding-right: 15px;
	}
	#organizations ul {
		justify-content: center;
	}
	#organizations ul li {
		width: 100%;
		max-width: 370px;
		margin: 0 0 30px;
	}
	#organizations ul li:nth-child(4n) {
		margin-left: 0;
	}
	#organizations ul li:nth-child(7) {
		margin-right: 0;
	}

}


/* plan
------------------------------------------------------------*/
#plan {
	background-color: #efefef;
}
#plan section {
	padding-top: 100px;
	padding-bottom: 100px;
}

#plan .section-detail {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}
#plan .plan_ttl {
	background-image: url(../img/organizations/organizations_icon.svg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 22px auto;
	font-size: 22px;
	font-weight: 500;
	margin: 40px 0 15px;
	padding-left: 28px;
}
#plan .plan_list .ttl {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 10px;
}
#plan .plan_list .ttl.mt {
	margin-top: 40px;
}

#plan .scroll {
	width: 100%;
	overflow-x: auto;
}
#plan .plan_list table {
	width: 1000px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
#plan .plan_list table th,
#plan .plan_list table td {
	color: #454545;
	text-align: center;
	line-height: 1.6;
	padding: 15px;
}
#plan .plan_list table th {
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #000000;
	background-color: #599ee2;
	color: #ffffff;
	font-size: 16px;
	text-align: center;
}
#plan .plan_list table th:last-child {
	border-right: none;
}
#plan .plan_list table th:nth-last-child(-n+2) {
	width: 120px;
}
#plan .plan_list table tr:nth-child(odd) {
	background-color: #ffffff;
}
#plan .plan_list table td {
	border-right: 1px solid #599ee2;
	text-align: left;
}
#plan .plan_list table td:last-child {
	border-right: none;
}
#plan .plan_list table td:nth-last-child(-n+2) {
	text-align: center;
}
#plan .plan_list table td.white {
	background-color: #ffffff;
}

@media screen and (max-width: 750px) {
	#plan section {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	#plan .plan_ttl {
		font-size: 18px;
		margin-bottom: 10px;
	}

}


/* members
------------------------------------------------------------*/
#members section {
	width: 100%;
/*	height: 1080px; */
	background-image: url(../img/members/members_bg.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	padding-top: 120px;
	padding-bottom: 140px;
}
/*
#members .section-detail {
	height: 716px;
}
*/
#members ul {
	height: 100%;
	padding-right: 5px;
}
#members ul li {
	width: 32.16%;
	background-color: #ffffff;
	background-image: url(../img/members/rb.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: 8% auto;
	margin-right: 1.76%;
	margin-bottom: 20px;
}
#members ul li:nth-child(3n) {
	margin-right: 0;
}
#members ul li .cont {
	padding: 12px 20px 15px;
	position: relative;
}
#members ul li a.whole {
	display: inline-block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
#members ul li a.whole:hover {
	background-color: rgba(255, 255, 255, 0.45);
}

#members ul li .icon {
	min-height: 45px;
	display: flex;
	align-items: center;
}
#members ul li .icon img {
	max-width: 80%;
}
#members ul li .name {
	min-height: 60px;
	font-size: 22px;
	font-weight: 500;
	line-height: 1.2;
	margin-top: 3px;
}
#members ul li .url a {
	color: #808080;
	font-size: 16px;
	line-height: 1.2;
	transition: 0.5s;
}

@media screen and (max-width: 1000px) {
	#members ul {
		justify-content: space-between;
	}
	#members ul li {
		width: 49%;
		margin-right: 0;
	}
	#members ul li:nth-child(3n) {
		margin-right: 0;
	}
}
@media screen and (max-width: 750px) {
	#members section {
		padding-top: 60px;
		padding-bottom: 70px;
	}
	/*
	#members .section-detail {
		height: 640px;
	}
	*/
	#members ul li a.whole { 
		display: none;
	}
	#members ul li .name {
		min-height: 52px;
		font-size: 18px;
	}
	#members ul li a:hover {
		opacity: 0.7;
	}
	#members ul li .url a {
		font-size: 14px;
	}
}
@media screen and (max-width: 480px) {
	#members ul li {
		width: 100%;
	}
	#members ul li .name {
		min-height: 30px;
	}
	#members ul li .url {
		margin-top: 5px;
	}

}