@charset "utf-8";
body {
	color:#333;
	font-family:-apple-system,"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
	font-size:15px;  /* modern */
	line-height:1.8;
	letter-spacing: 0.05em;
}
.container{
	width: 100%;
	max-width: 1080px;
	padding: 0 15px;
	box-sizing: border-box;
	margin: 0 auto;
}
svg{
	vertical-align: middle;
	margin-right: 4px;
}
h2 svg,#top-class dt svg{
	color: #75a77f;
}
.cancer-content h2 svg,.cancer-content h3 svg{
	color: #5baed4;
}
.gene-content h2 svg,.gene-content h3 svg{
	color: #d98595;
}
.serious-content h2 svg,.serious-content h3 svg{
	color: #deb22c;
}
.cancer-content h2,.cancer-content h3,.cancer-content h4{
	border-color: #5baed4;
}
.gene-content h2,.gene-content h3,.gene-content h4{
	border-color: #d98595;
}
.serious-content h2,.serious-content h3,.serious-content h4{
	border-color: #deb22c;
}
.btn{
	margin: 30px auto auto;
}
.btn a{
	display:block;
	position: relative;
	text-align: center;
	width: 90%;
	max-width: 480px;
	margin: auto;
    background: #75a77f;
	color: #fff;
	height: 50px;
	line-height: 50px;
	border-radius: 25px;
	text-decoration: none;
}

.inview{
	opacity: 0;
	transition: .7s;
	transform: translate(0,30px);
	-webkit-transform: translate(0,30px);
}
.lazy{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}


.blue_bg{
	background: #5baed4 !important;
}
.red_bg{
	background: #d98595 !important;
}
.yellow_bg{
	background: #deb22c !important;
}
.green_bg{
	background: #75a77f !important;
}

section{
	padding: 45px 0;
}
header{
}
header #head-text{
	background:#75a77f;
	height:20px;
	line-height:20px;
	color:#fff;
	font-size:80%;
}
header #head{
	padding: 5px 0;
}
header #head .head-logo{
	float: left;
	width: 300px;
	font-size: 90%;
}
header #head .head-information{
	float: right;
	width: calc(100% - 350px);
	text-align: right;
}
header #head .head-information-head{
	font-size: 0;
	letter-spacing: -2em;
	margin: auto auto 4px;
}
header #head .head-information-head div{
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	letter-spacing: 0.05em;
}
header #head .head-information-head .mail{
	margin-left: 15px;
}
header #head .head-information-head .mail a{
	display: block;
	background: #e58b63;
	height: 32px;
	line-height: 32px;
	border-radius: 16px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	padding: 0 20px;
}
header #head .head-information .access{
}

	
/**header menu**/
header .menu-container {
	width: 100%;
	text-align: center;
	padding: 10px 0;
}
.menu-mobile {
    display: none;
    padding: 20px;
}
header .menu-mobile:after {
    content: "\f394";
    font-family: "Ionicons";
    font-size: 2.5rem;
    padding: 0;
    float: right;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
}

header .menu-dropdown-icon:before {
    content: "\f489";
    font-family: "Ionicons";
    display: none;
    cursor: pointer;
    float: right;
    padding: 1.5em 2em;
    background: #fff;
    color: #333;
}
header .menu-container .head-menu ul {
    margin: 0 auto;
    position: relative;
    width: 100%;
	font-size: 0;
	letter-spacing: -2em;
    list-style: none;
    padding: 0;
    box-sizing: border-box;
}

header .menu-container .head-menu ul:after {
    clear: both;
}

header .menu-container .head-menu ul li {
	display: inline-block;
	vertical-align: top;
	padding: 0;
	margin: 0;
	font-size: 16px;
	letter-spacing: normal;
	width: calc(99% / 6);
	box-sizing: border-box;
}

header .menu-container .head-menu ul li a {
	text-decoration: none;
	display: inline-block;
	padding:4px 10px;
	color: #333;
	line-height: 1.4;
	vertical-align: top;
}
header .menu-container .head-menu ul li ul {
    display: none;
    width: 100%;
    background: #75a77f;
	font-size: 0;
	letter-spacing: -2em;
    padding:10px 20px;
    position: absolute;
    z-index: 99;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
	text-align: left;
	top: 40px;
}

header .menu-container .head-menu ul li ul:after {
    clear: both;
}

header .menu-container .head-menu ul li ul li {
    margin: 0;
	display: inline-block;
	vertical-align: top;
	font-size: 15px;
	letter-spacing: normal;
	margin: 5px auto;
	padding: 0;
    list-style: none;
    background: none;
	text-align: center;
}
header .menu-container .head-menu ul li ul li::before {
	content:'';
	display: none;
	width: 0;
	height: 0;
	margin: auto;
	padding: 0;
}

header .menu-container .head-menu ul li ul li a {
    padding:15px 10px;
	background: #fff;
    display: block;
	color: #000;
}
header .menu-container .head-menu ul li ul.normal-sub {
    width:100%;
    left: 0;
}


header .menu-container .head-menu ul li ul.normal-sub li a {
    padding:15px 10px;
    border: 0;
	box-sizing: border-box;
}

#slide{
	padding: 0;
	position:relative;
}
#slide .top-slide{
}
#slide .top-slide .slide-wrap{
	position: relative;
}
#slide .top-slide .slide-wrap .textarea{
	position: absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	right:0;
	bottom:0;
	padding:100px;
	font-weight: bold;
	line-height:1.4;
	color: #fff;
	z-index:999;
	box-sizing:border-box;
}
#slide .top-slide .slide-wrap .textarea h2{
	font-size: 24px;
	font-weight:bold;
	margin:auto auto 10px;
}
#slide .top-slide .slide-wrap .textarea h3{
	font-size:18px;
}

#slide .overlay{
	position:absolute;
	z-index:99;
	background:rgba(0,0,0,.4);
	width:100%;
	height:100%;
	left:0;
	top:0;
}

#slide .slick-prev,#slide .slick-next{
	/**background: rgba(0,0,0,.7);**/
	width: 40px;
	height: 40px;
	z-index: 999;
}
#slide .slick-next{
	right: calc(50% - 540px);
}
#slide .slick-prev{
	left: calc(50% - 540px);
}

#slide .slick-dots li button{
	font-size: 0;
}
#slide .slick-dots li button::before,#slide .slick-dots li.slick-active button::before{
	font-size: 14px;
}
#slide .slick-dots li.slick-active button::before{
	color:#75a77f;
}

#top-catch{
	text-align: center;
	background: url(../img/catch_bg.jpg) center top;
	background-size: cover;
}
#top-catch h2{
	font-size: 16px;
}

section#top-about h2,section#top-information h2{
	font-size: 120%;
	font-weight: bold;
	margin: auto auto 15px;
}
h2.side-title{
	font-size: 120%;
	font-weight: bold;
	margin: auto auto 15px;
}
h2.side-title svg{
	color: #75a77f !important;
}

#top-about ul.top-about-ul{
}
#top-about ul.top-about-ul li{
	float: left;
	width: 32%;
	margin: auto 2% auto auto;
	padding-bottom: 60px;
}
#top-about ul.top-about-ul li:nth-child(3n){
	margin-right: auto;
}
#top-about ul.top-about-ul li{
	float: left;
	position: relative;
	width: 32%;
	margin: auto 2% auto auto;
}
#top-about ul.top-about-ul li .image{
	margin: auto auto 5px;
}
#top-about ul.top-about-ul li dl,#top-class dl{
}
#top-about ul.top-about-ul li dt,#top-class dt{
	text-align: center;
	font-weight: bold;
	margin: auto auto 2px;
}
#top-about ul.top-about-ul li dd,#top-class dd{
	font-size: 90%;
	position: relative;
	text-align: left;
	line-height: 1.4;
	padding: 4px 0;
	padding-left: 16px;
}
#top-about ul.top-about-ul li dd:before,#top-class dd:before{
    content: "\f383";
    font-family: "Ionicons";
	position: absolute;
	left: 0;
	color: #75a77f;
}
dl.blue dd:before{
	color: #5baed4 !important;
}
dl.red dd:before{
	color: #d98595 !important;
}
dl.yellow dd:before{
	color: #deb22c !important;
}
dl.green dd:before{
	color: #75a77f !important;
}

#top-about ul.top-about-ul li .btn{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
#top-about ul.top-about-ul li:first-child .btn a{
	background: #5baed4;
}
#top-about ul.top-about-ul li:nth-child(2) .btn a{
	background: #d98595;
}
#top-about ul.top-about-ul li:nth-child(3) .btn a{
	background: #deb22c;
}


#top-class{
	padding-left: 30px;
	padding-right: 30px;
	background: url(../img/class_bg.jpg) center 50%;
	background-size: cover;
}
#top-class .image{
	float: left;
	width: 40%;
}
#top-class .right{
	float: right;
	width: 56%;
}
#top-class .class-title{
	font-weight:bold;
	margin:10px auto;
	line-height:1.4;
	color:#75a77f;
}
#top-class .class-title::before{
	content:'';
}
#top-class dt{
	text-align: left;
}
#top-class .btn a{
	margin-left:0;
}
#top-information{
}

#top-information ul.information-archives{
	background:none;
	padding:0;
}
#top-information ul.information-archives li{
	list-style:none;
}
#top-information ul.information-archives li:nth-child(even){
	background: #ececec;
}
#top-information ul.information-archives li a{
	color:#000;
	display: block;
	padding: 10px 15px;
	font-size: 0;
	letter-spacing: -2em;
}
#top-information ul.information-archives li span,#top-information ul.information-archives li h4{
	display: inline-block;
	font-size: 14px;
	letter-spacing: 0.05em;
}
#top-information ul.information-archives li .update{
	width: 100px;
}
#top-information ul.information-archives li .category{
	width: 180px;
	color:#fff;
	text-align:center;
	background:#75a77f;
	font-size:12px;
}
#top-information ul.information-archives li .cate-cancer,#article-head .article-meta .meta-category.cate-cancer span{
	background:#5baed4;
}
#top-information ul.information-archives li .cate-gene,#article-head .article-meta .meta-category.cate-gene span{
	background:#d98595;
}
#top-information ul.information-archives li .cate-serious,#article-head .article-meta .meta-category.cate-serious span{
	background:#deb22c;
}
#top-information ul.information-archives li .cate-class,#article-head .article-meta .meta-category.cate-class span{
	background:#75a77f;
}

#top-information ul.information-archives li h4{
	width: calc(100% - 280px);
	padding:0 0 0 20px;
	box-sizing: border-box;
	font-weight:normal;
	margin:auto;
	border:none;
}
article.page #top-information{
	padding:0;
}

footer{
	position:relative;
	margin-top: 50px;
	padding-top: 30px;
	border-top: 4px solid #75a77f;
}
footer .footer-menu{
	padding-bottom: 30px;
}
footer .footer-menu ul{
	float: left;
	width: calc(92% / 5);
	margin-right: 2%;
}
footer .footer-menu ul:last-child{
	margin-right: auto;
}
footer .footer-menu ul li{
	font-size: 90%;
	padding-left: 10px;
}
footer .footer-menu ul li a{
	text-decoration: none;
}
footer .footer-menu ul li::before{
    content: "\f488";
    font-family: "Ionicons";
	color: #75a77f;
	padding-right: 4px;
}
footer .footer-menu ul li:first-child {
	font-weight: bold;
	border-bottom: 1px solid #75a77f;
	padding-bottom: 2px;
	margin-bottom: 2px;
	font-size:100%;
	padding-left: 0;
}
footer .footer-menu ul:nth-child(2) li:first-child {
	border-bottom: 1px solid #5baed4;
}
footer .footer-menu ul:nth-child(3) li:first-child {
	border-bottom: 1px solid #d98595;
}
footer .footer-menu ul:nth-child(4) li:first-child {
	border-bottom: 1px solid #deb22c;
}
footer .footer-menu ul:nth-child(5) li:first-child {
	border-bottom: 1px solid #75a77f;
}
footer .footer-menu ul:nth-child(2) li::before{
	color: #5baed4;
}
footer .footer-menu ul:nth-child(3) li::before{
	color: #d98595;
}
footer .footer-menu ul:nth-child(4) li::before{
	color: #deb22c;
}
footer .footer-menu ul li:first-child::before{
    content: "";
    font-family: "Ionicons";
	padding: 0;
}
footer .footer-bottom{
	background: #ececec;
	padding: 15px 0;
}
footer .footer-bottom .footer-menu-sub{
	float: left;
	width: 100%;
	padding: 10px 0;
}
footer .footer-bottom .footer-menu-sub ul{
	text-align: center;
}
footer .footer-bottom .footer-menu-sub ul li{
	display: inline-block;
	vertical-align: middle;
	margin: auto 5px;
	font-size: 80%;
}
footer .footer-bottom .foot-logo{
	float: left;
	width: 250px;
	margin-right: 20px;
}
footer .footer-bottom .foot-information{
	float: left;
	width: 300px;
	font-size: 80%;
}
footer .foot-copyright{
	text-align: center;
	font-size: 80%;
	background:#fff;
}



/**PAGE**/
section#breadclumb{
	background: #ececec;
	padding: 5px 0;
}
#breadclumb ol{
}
#breadclumb ol li{
	display: inline-block;
	vertical-align: middle;
	font-size: 90%;
}
#breadclumb ol li::after{
    content: "\f488";
    font-family: "Ionicons";
    padding:0 6px;
}
#breadclumb ol li:last-child::after{
    content: "";
    padding:0;
}
section#pagetitle{
	text-align: center;
	position: relative;
	padding: 60px 0;
}
section#pagetitle h1,section#pagetitle .pagetitle-single{
	font-size: 130%;
	font-weight: bold;
	color: #fff;
	position: relative;
	z-index: 10;
}
section#pagetitle.genom{
	background: url(/~genome/wp-content/uploads/page_bg_genome.jpg) center 50% no-repeat;
	background-size: cover;
}
section#pagetitle.serious{
	background: url(/~genome/wp-content/uploads/page_bg_serious.jpg) center 50% no-repeat;
	background-size: cover;
}
section#pagetitle.gene{
	background: url(/~genome/wp-content/uploads/page_bg_gene.jpg) center 50% no-repeat;
	background-size: cover;
}
section#pagetitle.cancer{
	background: url(/~genome/wp-content/uploads/page_bg_cancer.jpg) center 50% no-repeat;
	background-size: cover;
}
section#pagetitle.class{
	background: url(/~genome/wp-content/uploads/page_bg_class.jpg) center 50% no-repeat;
	background-size: cover;
}
section#pagetitle .overlay{
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.3);
	z-index: 9;
	top: 0;
	left: 0;
}

section#contents{
}
section#contents #main{
	float: left;
	width: 720px;
	padding: 0;
}
article h2{
	font-size: 120%;
	font-weight: bold;
	margin: auto auto 15px;
}
article h2{
	font-size: 120%;
	font-weight: bold;
	margin: auto auto 15px;
}
article h2.title-mt{
	margin-top:50px;
}
article img{
	display: block;
	width:auto;
	max-width: 100%;
	margin: auto auto 20px 0;
}
article p{
	margin: 20px auto;
}
article a{
	color: #75a77f;
}
article b{
	color: #f00;
}
#article-head{
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:2px solid #ddd;
}
#article-head h1{
	font-size: 120%;
	font-weight: bold;
	margin: auto auto 5px;
	line-height:1.4;
}
#article-head .article-meta{
	font-size:90%;
}
#article-head .article-meta .meta-category{
	float:left;
	width:48%;
}
#article-head .article-meta .meta-category span{
	display:inline-block;
	padding:1px 5px;
	background:#75a77f;
	color:#fff;
}
#article-head .article-meta .meta-update{
	float:right;
	width:48%;
	padding:1px 0;
	color:#999;
	text-align:right;
}
h3.mission-catch{
	color: #75a77f;
	text-align: left;
	font-size: 120%;
	margin: auto auto 15px;
	padding:0;
	border:none;
	background:none;
}
dl.mission-title{
	margin: auto auto 20px;
}
dl.mission-title dt{
	text-align: center;
	height: 40px;
	line-height: 40px;
	margin: auto auto 5px;
	padding: 0 10px;
	background: #75a77f;
}
dl.mission-title dd{
	font-size: 90%;
	position: relative;
	text-align: left;
	line-height: 1.4;
	padding: 4px 0;
	padding-left: 16px;
}
dl.mission-title dd:before{
    content: "\f383";
    font-family: "Ionicons";
	position: absolute;
	left: 0;
	color: #75a77f;
}
dl.mission-title dt h4{
	float: left;
	color: #fff;
	font-weight: bold;
	margin:auto;
	border:none;
	padding:0;
}
dl.mission-title dt a{
	float: right;
	display: block;
	background: #fff;
	text-decoration: none;
	border-radius: 15px;
	height: 30px;
	line-height: 30px;
	padding: 0 15px;
	margin: 5px auto;
	font-size: 90%;
	color:#000;
}
dl.mission-title.blue dt{
	background: #5baed4 !important;
}
dl.mission-title.red dt{
	background: #d98595 !important;
}
dl.mission-title.yellow dt{
	background: #deb22c !important;
}
dl.mission-title.green dt{
	background: #75a77f !important;
}


.sign{
	margin: 30px auto auto;
	text-align: right;
}

ul.pagemenu{
	background: #f8f8f8;
	padding: 15px;
}
ul.pagemenu li{
	float: left;
	width: 32%;
	margin: 15px 2% 15px auto;
	text-align: center;
	list-style:none;
}
ul.pagemenu li a{
	display: block;
	padding: 15px 5px;
	text-decoration: none;
	background: #fff;
	color: #333;
}
ul.pagemenu li a::before{
    content: "\f488";
    font-family: "Ionicons";
    padding:0 6px;
}
ul.pagemenu li:nth-child(3n){
	margin-right: auto;
}
/**side**/

#side{
	float: right;
	width: 300px;
	padding: 0;
}
#side .container{
	padding: 0;
}
#side ul.sidemenu,#side ul#menu-side-menu{
	border-top: 1px solid #ddd;
	margin: auto auto 20px;
}
#side ul.sidemenu li,#side ul#menu-side-menu li{
	border-bottom: 1px solid #ddd;
}
#side ul.sidemenu li a,#side ul#menu-side-menu li a{
	display: block;
	position: relative;
	padding: 5px;
	text-decoration: none;
}
#side ul.sidemenu li a::before,#side ul#menu-side-menu li a::before{
    content: "\f488";
    font-family: "Ionicons";
    padding:0 6px;
}
#side .side-single-menu ul{
	border: 1px solid #ddd;
	padding:5px;
	margin: auto auto 20px;
}
#side .side-single-menu ul li{
	border-bottom: 1px solid #ddd;
	line-height:1.4;
	text-align:right;
}
#side .side-single-menu ul li:last-child{
	border-bottom: none;
}
#side .side-single-menu ul li a{
	display:block;
	position: relative;
	padding: 5px;
	text-decoration: none;
	text-align:left;
	font-size:90%;
}
#side .side-single-menu ul li .post-date{
	display:inline-block;
	font-size:80%;
}
#side .side-single-menu ul li .post-date::before{
	content:'（';
}
#side .side-single-menu ul li .post-date::after{
	content:'）';
}
.accordion ul {
	width:100%;
	padding:0;
}
.accordion li {
	position:relative;
	list-style:none;
	margin: auto auto 15px;
	background: #fff;
}
.accordion ul li div {
	display: block;
	text-decoration: none;
	cursor: pointer;
	height: 40px;
	line-height: 40px;
	padding: 0 15px;
	position: relative;
	color: #fff;
}
.accordion ul li ul{
	display: none;
	text-align:left;
	padding: 2px;
	box-sizing: border-box;
}
.accordion ul li ul li{
	background:#fff;
	padding: 2px 10px;
	margin: auto;
}
.accordion ul li ul li::before{
    content: "\f488";
    font-family: "Ionicons";
	color: #75a77f;
	padding-right: 4px;
}
.accordion li.blue {
	background: #5baed4;
}
.accordion li.red {
	background: #d98595;
}
.accordion li.yellow {
	background: #deb22c;
}
.accordion li.green {
	background: #75a77f;
}
.accordion ul li.blue ul li::before{
	color: #5baed4;
}
.accordion ul li.red ul li::before{
	color: #d98595;
}
.accordion ul li.yellow ul li::before{
	color: #deb22c;
}
.accordion ul li.green ul li::before{
	color: #75a77f;
}

.accordion li .accordion_icon,
.accordion li .accordion_icon span {
	display: inline-block;
	transition: all .3s;
	box-sizing: border-box;
}
.accordion li .accordion_icon {
	position: absolute;
	width: 20px;
	height: 20px;
	top:20px;
	right:10px;
}
.accordion li .accordion_icon span {
	position: absolute;
    width: 100%;
	height: 2px;
    background-color: #fff;
}
.accordion li .accordion_icon span:nth-of-type(1) {
	transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
.accordion li .accordion_icon span:nth-of-type(2) {
	transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
.accordion li .accordion_icon.active span:nth-of-type(1) {
	display:none;
}
.accordion li .accordion_icon.active span:nth-of-type(2) {
	transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.pagenation{
	box-sizing:border-box;
	margin: 30px auto;
	text-align: center;
}
.pagenation ul.pagenavi{
	background:none;
	padding:0;
	
}
.pagenation ul.pagenavi li{
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    margin:auto 5px;
    line-height: 40px;
}
.pagenation ul.pagenavi li.selected{
    background: #75a77f;
    color: #fff;
    line-height: 40px;
	border: 1px solid #75a77f;
	border-radius: 20px;
	box-sizing: border-box;
}
.pagenation ul.pagenavi li a{
    display: block;
    vertical-align: middle;
    background: #fff;
    color: #75a77f;
    line-height: 40px;
	border-radius: 20px;
	border: 1px solid #75a77f;
	box-sizing: border-box;
	text-decoration: none;
}
.pagenation ul.pagenavi li.prev,.pagenation ul.pagenavi li.next{
	width: 100px;
}
.pagenation ul.pagenavi li.prev a,.pagenation ul.pagenavi li.next a{
}

ul.staff{
	border-left:1px solid #ddd;
	border-top:1px solid #ddd;
	background:none;
	padding:0;
}
ul.staff li{
	float:left;
	list-style:none;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	text-align:center;
	padding:15px 5px;
	font-size:80%;
	width:calc(100% / 3);
	box-sizing:border-box;
}
ul.staff li p{
	margin:5px auto;
}
ul.staff li .big{
	margin:2px auto auto;
	font-size:120%;
}
ul.staff li img{
	display:block;
	margin:auto;
}
.error-title{
	font-size:300%;
	text-align:center;
	color:#ccc;
}
.error-text{
	margin:50px auto;
	text-align:center;
}

article h2{
	padding-bottom:2px;
	border-bottom:2px solid #75a77f
}
article h3{
	font-size: 110%;
	font-weight: bold;
	margin: auto auto 15px;
	padding:8px 10px;
	border-left:3px solid #75a77f;
	background:#f8f8f8;
}
article h4{
	font-size: 100%;
	font-weight: bold;
	margin: auto auto 10px;
	padding:0 6px 2px;
	border-bottom:2px solid #75a77f;
}
article ul{
	background:#f8f8f8;
	padding:20px;
	margin: 20px auto;
}
article ul li{
	list-style:disc;
	list-style-position:inside;
}
article table{
	border-left:1px solid #ddd;
	border-top:1px solid #ddd;
	width:100%;
	margin: 20px auto;
}
article table th,article table td{
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:10px ;
	text-align:left;
	box-sizing:border-box;
}
article table th{
	width:30%;
}
article table td{
	width:70%;
}

.form-content{
}
.form-content table th{
	background:#ececec;
}
.form-content table td{
}
.form-content sup{
	margin:2px auto;
	font-size:80%;
	color:#f30000;
}
.form-content table td select{
	font-size:15px;
	padding:2px 4px;
}
.form-content table td input,.form-content table td textarea{
	padding:4px 6px;
	font-size:15px;
	box-sizing:border-box;
	width: inherit;
	max-width:100%;
}
.form-content .privacy-check{
	text-align:center;
	margin:15px auto;
}
.form-content .form-btn{
	margin:30px auto;
	text-align:center;
}
.form-content .form-btn ul{
	padding:0;
	background:none;
	margin:auto;
}
.form-content .form-btn ul li{
	display:inline-block;
	list-style:none;
}
.form-content .form-btn ul li input{
	margin:10px 5px;
	display:block;
	height:40px;
	line-height:40px;
	font-size:16px;
	border:none;
	border-radius:20px;
}
.form-content .form-btn ul li.your-submit-btn input{
	background:#e58b63;
	color:#fff;
	width:300px;
}
.form-content .form-btn ul li.your-back-btn input{
	background:#999;
	color:#fff;
	width:200px;
}

.google-map{
}
.google-map iframe{
	width:100%;
	height:350px;
}
.access-attention{
	font-size:90%;
	border:1px solid #ccc;
	padding:20px;
}
.border-box{
	border:3px solid #eee;
	padding:15px;
	margin:20px auto;
}
.border-box .big{
	font-size:150%;
	font-weight: bold;
}
.border-box .small{
	font-size:90%;
	color:#999;
}
.border-box h4{
	margin-bottom:-10px;
}
.border-box.text-center{
	text-align:center;
}
ul.sitemap{
	background:none;
	border-left: 4px solid #75a77f;
	padding:10px 20px;
	box-sizing:border-box;
}
ul.sitemap li{
	list-style:none;
}
ul.sitemap li a{
	list-style:none;
	text-decoration:none;
}
ul.sitemap li::before{
   content: "\f488";
   font-family: "Ionicons";
   color: #75a77f;
   padding-right: 4px;
}
.sitemap-column{
}
.sitemap-column ul{
	float:left;
	width:32%;
	margin-right:2%;
}
.sitemap-column ul:nth-child(3n){
	margin-right:auto;
}
ul.sitemap.blue{
	border-color: #5baed4;
}
ul.sitemap.blue a,ul.sitemap.blue li::before{
	color: #5baed4;
}
ul.sitemap.red{
	border-color: #d98595;
}
ul.sitemap.red a,ul.sitemap.red li::before{
	color: #d98595;
}
ul.sitemap.yellow{
	border-color: #deb22c;
}
ul.sitemap.yellow a,ul.sitemap.yellow li::before{
	color: #deb22c;
}
ul.sitemap.green{
	border-color: #75a77f;
}
ul.sitemap.green a,ul.sitemap.green li::before{
	color: #75a77f;
}

.page-top{
	position:fixed;
	right:30px;
	bottom:30px;
}
.page-top a{
	display:block;
	background:#75a77f;
	text-align:center;
	width:30px;
	height:30px;
	line-height:30px;
	border-radius:15px;
	color:#fff;
}
.page-top svg{
	margin:auto;
	padding:0;
}


/**0320~**/
table.staff-table{
}
table.staff-table th{
	font-weight:normal;
	background:#efefef;
}
table.staff-table tr:nth-child(even){
	background:#f8f8f8;
}

ul.faq{
	width:100%;
	padding:0;
	background:none;
}
ul.faq li {
	position:relative;
	border-bottom:1px solid #ccc;
	list-style:none;
}
ul.faq li:first-child {
}

ul.faq li .toggle {
	display: block;
	text-decoration: none;
	cursor: pointer;
	padding:10px 15px 5px 45px;
	position: relative;
}
ul.faq li .toggle::before {
	content:'Q.';
	font-weight:bold;
	position:absolute;
	top:6px;
	left:15px;
	font-size:120%;
}

ul.faq li .toggle p{
	margin:auto;
}
ul.faq li .faq-a {
	display: none;
	text-align:left;
	border-top:1px dashed #ccc;
	padding:10px 15px 15px 45px;
	position: relative;
	line-height:1.8;
}
ul.faq li .faq-a::before {
	content:'A.';
	font-weight:bold;
	position:absolute;
	top:6px;
	left:15px;
	font-size:120%;
}

ul.faq li .accordion_icon,
ul.faq li .accordion_icon span {
	display: inline-block;
	transition: all .3s;
	box-sizing: border-box;
}
ul.faq li .accordion_icon {
	position: absolute;
	width: 16px;
	height: 16px;
	top:18px;
	right:10px;
}
ul.faq li .accordion_icon span {
	position: absolute;
	width: 100%;
	height: 1px;
	background-color: #000;
}
ul.faq li .accordion_icon span:nth-of-type(1) {
	transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
ul.faq li .accordion_icon span:nth-of-type(2) {
	transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
ul.faq li .accordion_icon.active span:nth-of-type(1) {
	display:none;
}
ul.faq li .accordion_icon.active span:nth-of-type(2) {
	transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
ul.faq li:nth-child(even) {
	background:#f8f8f8;
}

p.pdf-link{
	margin: 20px auto;
	border:1px solid #ddd;
	padding:5px 15px;
	position:relative;
}
p.pdf-link svg{
	margin-right:6px;
}
article .page-index{
	border:1px solid #ddd;
	padding:15px 30px;
	background:none;
	margin:20px auto;
}
article .page-index .page-index-title{
	font-weight:bold;
	margin:auto auto 5px;
	font-size:110%;
	border-bottom:1px solid #ddd;
	padding-bottom:4px;
}
article .page-index ul{
	background:none;
	margin:auto;
	padding:15px 0;
}
article .page-index ul li{
	list-style:decimal;
	list-style-position:inside;
}


article table.staff-table.history-table th{
	width:40%;
}
article table.staff-table.history-table td{
	width:60%;
}

footer .big_logo{
	position:absolute;
	z-index: -1;
	width:450px;
	height:600px;
	background:url(/~genome/wp-content/uploads/big_logo.jpg) left top no-repeat;
	right:0;
	bottom:0;
	opacity:.2;
}

.page-index .page-index-li{
	margin:5px auto;
}
.page-index ul li.child{
	margin-left:10px;
}
.message-face{
	float:right;
	padding:0 0 15px 20px;
	width:30%;
	max-width:200px;
}
ul.page-index-btn{
	border: 1px solid #ddd;
	padding: 15px;
	font-size:0;
	letter-spacing:-2em;
}
ul.page-index-btn li{
	display:inline-block;
	margin-right:2%;
	list-style:none;
}
ul.page-index-btn li:nth-child(4n){
	margin-right:auto;
}

ul.page-index-btn li a{
	box-sizing:border-box;
	font-size:14px;
	letter-spacing:normal;
	display:block;
	border: 1px solid #ddd;
	padding:10px 5px;
	background:#fff;
	text-align:center;
	text-decoration:none;
	border-radius:4px;
}