@charset "UTF-8";
/* Profile */

@import url("../content2.css");
@import url("sub.css");

/*---------------------------------------------------- */
/* p */
/*---------------------------------------------------- */
.haco-profile table td p a {
	color: #1d9ad1;
	text-decoration: underline;
}

.haco-profile table td p a:hover {/*--------------------------------------------------------------------------------------------------------[色　link]-- */
	color: #57abbd;
	text-decoration: underline;
}

/*---------------------------------------------------- */
/* Waku */
/*---------------------------------------------------- */
.profile {
	padding: 0;
	margin: 0 auto;
	width: 100%;
	height: auto;
}

.profile .waku-profile {
	padding: 0;
	height: auto;
}

.profile .waku-profile .profile-left {
	margin: 0;
	height: auto;
}

.profile .waku-profile .profile-right {
	margin: 0;
	height: auto;
}

/*---------------------------------------------------- */
/* img */
/*---------------------------------------------------- */
.profile .waku-profile .profile-left .photo-owner {
	padding: 2px;
	background-color: #FFFFFF;
}

.profile .waku-profile .profile-left .photo-owner img {
	padding: 0;
	margin: 0;
	vertical-align: bottom;
}

/*---------------------------------------------------- */
/* table */
/*---------------------------------------------------- */
.profile .waku-profile .profile-right .haco-profile {
	margin: 0;
	height: auto;
}

.haco-profile table {
	padding: 0;
	margin: 0;
	width: 100%;
	height: auto;
	border-top: solid 1px #d5dbe0;
	color: #303c42;
}

.haco-profile table tr:nth-child(2n) {
    background: #f5f9fc;/* 偶数番目のtrに適用（薄いブルー）*/
}

.haco-profile table th {
	margin: 0;
	height: auto;
	border-bottom: solid 1px #d5dbe0;
}

.haco-profile table td {
	margin: 0;
	height: auto;
	border-bottom: solid 1px #d5dbe0;
}

.haco-profile table th h4 {
	padding: 0;
	font-weight: 200;
	text-align: left;
	line-height: 1.4;
}

.haco-profile table td p {
	padding: 0;
	font-weight: 200;
	text-align: left;
	line-height: 1.4;
}


/* PC */
@media screen and (min-width: 961px) {
/*---------------------------------------------------- */
/* Waku */
/*---------------------------------------------------- */
.profile .waku-profile {
	margin: 0;
	width: 100%;
	overflow: hidden;
}

.profile .waku-profile .profile-left {
	padding: 0;
	width: 28%;
	display: inline;
	float: left;
}

.profile .waku-profile .profile-right {
	padding: 0;
	width: 67%;
	display: inline;
	float: right;
}

/*---------------------------------------------------- */
/* img */
/*---------------------------------------------------- */
.profile .waku-profile .profile-left .photo-owner {
	margin: 0;
	width: 100%;
	border: solid 3px #d5dbe0;
}

/*---------------------------------------------------- */
/* table */
/*---------------------------------------------------- */
.profile .waku-profile .profile-right .haco-profile {
	padding: 0;
	width: 100%;
}

.haco-profile table th {
	padding: 10px 0;
	width: 24%;
}

.haco-profile table td {
	padding: 10px 0;
	width: 76%;
}

.haco-profile table th h4 {
	margin: 0 10px;
	font-size: 120%;
}

.haco-profile table td p {
	margin: 0 10px;
	font-size: 120%;
}


}


/* Tablet */
@media screen and (max-width: 960px) and (min-width: 569px) {
/*---------------------------------------------------- */
/* Waku */
/*---------------------------------------------------- */
.profile .waku-profile {
	margin: 0;
	width: 100%;
	overflow: hidden;
}

.profile .waku-profile .profile-left {
	padding: 0;
	width: 28%;
	display: inline;
	float: left;
}

.profile .waku-profile .profile-right {
	padding: 0;
	width: 67%;
	display: inline;
	float: right;
}

/*---------------------------------------------------- */
/* img */
/*---------------------------------------------------- */
.profile .waku-profile .profile-left .photo-owner {
	margin: 0;
	width: 100%;
	border: solid 2px #d5dbe0;
}

/*---------------------------------------------------- */
/* table */
/*---------------------------------------------------- */
.profile .waku-profile .profile-right .haco-profile {
	padding: 0;
	width: 100%;
}

.haco-profile table th {
	padding: 8px 0;
	width: 24%;
}

.haco-profile table td {
	padding: 8px 0;
	width: 76%;
}

.haco-profile table th h4 {
	margin: 0 8px;
	font-size: 110%;
}

.haco-profile table td p {
	margin: 0 8px;
	font-size: 110%;
}

}


/* SP */
@media screen and (max-width: 568px)  {
/*---------------------------------------------------- */
/* Waku */
/*---------------------------------------------------- */
.profile .waku-profile {
	margin: 0;
	width: 100%;
}

.profile .waku-profile .profile-left {
	padding: 0 0 10px 0;
	width: 100%;
	display: block;
}

.profile .waku-profile .profile-right {
	padding: 0;
	width: 100%;
	display: block;
}

/*---------------------------------------------------- */
/* img */
/*---------------------------------------------------- */
.profile .waku-profile .profile-left .photo-owner {
	margin: 0 auto;
	width: 80%;
	border: solid 2px #d5dbe0;
}

/*---------------------------------------------------- */
/* table */
/*---------------------------------------------------- */
.profile .waku-profile .profile-right .haco-profile {
	padding: 0;
	width: 100%;
}

.haco-profile table th {
	padding: 6px 0;
	width: 24%;
}

.haco-profile table td {
	padding: 6px 0;
	width: 76%;
}

.haco-profile table th h4 {
	margin: 0 6px;
	font-size: 100%;
}

.haco-profile table td p {
	margin: 0 6px;
	font-size: 100%;
}


}