@charset "UTF-8";
/* css Staff [detail2] */

@import url("main.css");
@import url("interview-list2.css");

/*---------------------------------------------------- */
/* Sect */
/*---------------------------------------------------- */
.sectMain .waku_sect2 {
	margin: 0 auto;
	height: auto;
}

/*---------------------------------------------------- */
/* Introduction */
/*---------------------------------------------------- */
#intro-block {
	padding: 0;
	margin: 0;
}

#intro-block .waku_intro {
	padding: 0;
	margin: 0 auto;	
	height: auto;
}

#intro-block .waku_intro article {
	padding: 0;
	margin: 0 auto;	
	height: auto;
}

/*== img ==*/
.waku_intro article .photo_intro {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	position: relative;
}

.photo_intro figure {
	padding: 0;
	margin: 0;
	width: 100%;
	
}

.photo_intro figure img {
	padding: 0;
	margin: 0;
	width: 100%;
	vertical-align: bottom;
}

/*== Figcaption ==*/
.photo_intro figcaption {
	position: absolute;
    padding: 0;
	margin: 0;
	height: auto;
}

.photo_intro figcaption .sub-title {
	padding: 0;
	margin: 0;
	height: auto;
}

.photo_intro figcaption .sub-title h4 {
	padding: 0;
	margin: 0;
	font-family: 'Zen Kaku Gothic New', sans-serif;
	color: #005aad;
	font-weight: 700;
	text-align: left;
	line-height: 1.0;
}

.photo_intro figcaption .sub-title h4 em {
	font-weight: 900;
	font-style: normal;
}

.photo_intro figcaption .name-title {
	padding: 0;
	margin: 0;
	height: auto;
}

.photo_intro figcaption .name-title h5 {
	padding: 0;
	margin: 0;
	font-family: 'Noto Serif JP', serif;
	color: #fff;
	font-weight: 700;
	text-align: left;
	line-height: 1.6;
	letter-spacing: 0.07em;
}

.photo_intro figcaption .name-title h5 small {
	font-weight: 500;
	font-style: normal;
}

/*== Profile ==*/
.photo_intro .profile {
	position: absolute;
    background: rgba(0,90,164,.92);
	margin: 0;
	height: auto;
}

.photo_intro .profile .profileArea {
	padding: 0;
	margin: 0 auto;
	height: auto;
}

/*== Table ==*/
.profileArea .haco_profile {
	margin: 0 auto;	
	height: auto;
}

.haco_profile table {
	padding: 0;
	margin: 0 auto;
	width: 100%;
	height: auto;
	border-collapse: collapse;
}

.haco_profile table td {
	margin: 0;
	height: auto;
	vertical-align: top;
	border: 1px solid #fff;
}

.haco_profile table td.box1 .title {
	padding: 0;
	font-family: "Open Sans", "Lucida Grande", Arial, sans-serif;
	font-weight: 500;
	color: #fff;
	text-decoration: none;
	text-align: center;
	line-height: 1.0;
}

.haco_profile table td.box2 .data {
	padding: 0;
	font-family: "Open Sans", "Lucida Grande", Arial, sans-serif;
	font-weight: 500;
	color: #fff;
	text-decoration: none;
	text-align: center;
	line-height: 1.0;
}

.haco_profile table td.box3 .profile_box {
	padding: 0;
	height: auto;
}

/*== h4 ==*/
.profile_box .guests_name {
	padding: 0;
	margin: 0 auto;
	height: auto;
}

.profile_box .guests_name h4 {
	padding: 0;
	margin: 0;
	font-weight: 600;
	color: #fff;
	text-decoration: none;
	text-align: left;
	line-height: 1.4;
}

/*== h5 ==*/
.profile_box .sub-title {
	padding: 0;
	margin: 0 auto;
	height: auto;
}

.profile_box .sub-title h5 {
	padding: 0;
	margin: 0;
	font-family: "Open Sans", "Lucida Grande", Arial, sans-serif;
	font-weight: 600;
	color: #B1B1B1;
	text-decoration: none;
	text-align: left;
	line-height: 1.4;
}

/*== P ==*/
.profile_box .moji_position {
	padding: 0;
	margin: 0 auto;
	height: auto;
}

.profile_box .moji_position p {
	padding: 0;
	margin: 0;
	font-weight: 700;
	color: #54c0fe;
	text-decoration: none;
	text-align: left;
	line-height: 1.6;
}

.profile_box .moji_profile {
	padding: 0;
	margin: 0 auto;
	height: auto;
}

.profile_box .moji_profile p {
	padding: 0;
	margin: 0;
	font-weight: normal;
	color: #3d3e3f;
	text-decoration: none;
	text-align: left;
	line-height: 1.6;
}

/*---------------------------------------------------- */
/* mainStart */
/*---------------------------------------------------- */
#mainStart {
	padding: 0;
	margin: 0;
}

/*== P ==*/
.moji_area {
	padding: 0;
	margin: 0 auto;
	height: auto;
}

.moji_area p {
	padding: 0;
	margin: 0;
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-weight: 700;
	color: #3d3e3f;
	text-align: left;
	line-height: 1.8;
}

/*== ol ==*/
.list_area {
	padding: 0;
	margin: 0 auto;
	height: auto;
}

.list_area ol {
	padding: 0;
	margin: 0;
	height: auto;
	list-style-type: none;
}

.list_area ol li {
	padding: 0;
	margin: 0;
	font-weight: 500;
	color: #3d3e3f;
	text-decoration: none;
	text-align: left;
	line-height: 1.6;
	list-style-type: none;
}

.list_area ol li:before {
	content: "";
	width: 12px;
	height: 12px;
	background-color: #2bacdf;
	display: inline-block;
	-webkit-border-radius: 12px;
	-ms-border-radius: 12px;
	border-radius: 12px;
	margin-right: .5em;
}

.list_area ol li em {
	padding: 0;
	margin: 0;
	font-weight: 600;
	font-style: normal;
	color: #2bacdf;
}


/* PC */
@media print, screen and (min-width: 960px) {
/*---------------------------------------------------- */
/* Main Contents */
/*---------------------------------------------------- */
#maincontainer #contentsArea {
	padding: 0 0 15px 0;
	margin: 0;
}

/*== Breadcrumbs ==*/
.waku_rcrumbsBtm {
	padding: 0 0 30px 0;
	margin: 0;
}

/*---------------------------------------------------- */
/* Sect */
/*---------------------------------------------------- */
.sectMain .waku_sect2 {
	padding: 0;
	width: 96%;
}

/*---------------------------------------------------- */
/* Introduction */
/*---------------------------------------------------- */
#intro-block {
	padding-bottom: 40px;
}

#intro-block .waku_intro {
	width: 100%;
}

#intro-block .waku_intro article {
	padding-bottom: 0;
	width: 100%;
}

/*== img ==*/
.waku_intro article .photo_intro figure {
	padding-bottom: 30px;
}

/*== Figcaption ==*/
.photo_intro figcaption {
    top: 85px;
	left: 5%;
}

.photo_intro figcaption .sub-title {
	margin-bottom: 16px;
}

.photo_intro figcaption .sub-title h4 {
	font-size: 28px;
}

.photo_intro figcaption .sub-title h4 em {
	font-size: 75px;
}

.photo_intro figcaption .name-title {
	margin-bottom: 0;
}

.photo_intro figcaption .name-title h5 {
	font-size: 40px;
}

.photo_intro figcaption .name-title h5 small {
	font-size: 22px;
}

/*== Profile ==*/
.photo_intro .profile {
    bottom: -30px;
	right: 0;
	padding: 22px 0;
	width: 28%;
}

.photo_intro .profile .profileArea {
	width: 88%;
}

/*== Table ==*/
.profileArea .haco_profile {
	padding: 0;
	width: 100%;
}

.haco_profile table td.box1 {
	padding: 10px 0;
	width: 50%;
	background-color: #0e8bd2;
}

.haco_profile table td.box2 {
	padding: 10px 0;
	width: 50%;
}

.haco_profile table td.box3 {
	padding: 12px 0;
	width: 100%;
}

.haco_profile table td.box1 .title {
	margin: 0 15px;
	font-size: 16px;
}

.haco_profile table td.box2 .data {
	margin: 0 15px;
	font-size: 16px;
}

.haco_profile table td.box3 .profile_box {
	padding-top: 18px;
	margin: 0 auto;
	width: 86%;
}

.haco_profile table td.box3 .profile_box:first-child {
	padding-top: 0;
}

/*== h4 ==*/
.profile_box .guests_name {
	padding-bottom: 12px;
}

.profile_box .guests_name h4 {
	font-size: 23px;
}

.profile_box .guests_name h4 small {
	font-size: 15px;
	font-weight: 500;
	font-style: normal;
	margin-left: 10px;
}

/*== h5 ==*/
.profile_box .sub-title {
	padding-bottom: 6px;
}

.profile_box .sub-title h5 {
	font-size: 13px;
}

/*== P ==*/
.profile_box .moji_position {
	padding-bottom: 0;
}

.profile_box .moji_position p {
	font-size: 18px;
}

.profile_box .moji_profile {
	padding-bottom: 0;
}

.profile_box .moji_profile p {
	font-size: 14px;
}

/*---------------------------------------------------- */
/* mainStart */
/*---------------------------------------------------- */
#mainStart {
	padding-top: 40px;
	padding-bottom: 25px;
}

/*== P ==*/
.moji_area {
	width: 100%;
}

.moji_area p {
	font-size: 25px;
}

.moji_area p b {
	margin-right: 12px;
}

/*== ol ==*/
.list_area {
	width: 100%;
}

.list_area ol {
	width: 100%;
}

.list_area ol li {
	margin-top: 20px;
	font-size: 18px;
}

.list_area ol li em {
	font-size: 18px;
}


}

/* Tablet */
@media all and (max-width: 959px) and (min-width: 600px) {
/*---------------------------------------------------- */
/* Main Contents */
/*---------------------------------------------------- */
#maincontainer #contentsArea {
	padding: 0 0 15px 0;
	margin: 0;
}

/*== Breadcrumbs ==*/
.waku_rcrumbsBtm {
	padding: 0 0 30px 0;
	margin: 0;
}

/*---------------------------------------------------- */
/* Sect */
/*---------------------------------------------------- */
.sectMain .waku_sect2 {
	padding: 0;
	width: 98%;
}

/*---------------------------------------------------- */
/* Introduction */
/*---------------------------------------------------- */
#intro-block {
	padding-bottom: 35px;
}

#intro-block .waku_intro {
	width: 100%;
}

#intro-block .waku_intro article {
	padding-bottom: 0;
	width: 100%;
}

/*== img ==*/
.waku_intro article .photo_intro figure {
	padding-bottom: 25px;
}

/*== Figcaption ==*/
.photo_intro figcaption {
    top: 35px;
	left: 4%;
}

.photo_intro figcaption .sub-title {
	margin-bottom: 14px;
}

.photo_intro figcaption .sub-title h4 {
	font-size: 19px;
}

.photo_intro figcaption .sub-title h4 em {
	font-size: 56px;
}

.photo_intro figcaption .name-title {
	margin-bottom: 0;
}

.photo_intro figcaption .name-title h5 {
	font-size: 27px;
}

.photo_intro figcaption .name-title h5 small {
	font-size: 16px;
}

/*== Profile ==*/
.photo_intro .profile {
    bottom: -25px;
	right: 0;
	padding: 20px 0;
	width: 30%;
}

.photo_intro .profile .profileArea {
	width: 90%;
}

/*== Table ==*/
.profileArea .haco_profile {
	padding: 0;
	width: 100%;
}

.haco_profile table td.box1 {
	padding: 8px 0;
	width: 50%;
	background-color: #0e8bd2;
}

.haco_profile table td.box2 {
	padding: 8px 0;
	width: 50%;
}

.haco_profile table td.box3 {
	padding: 10px 0;
	width: 100%;
}

.haco_profile table td.box1 .title {
	margin: 0 12px;
	font-size: 15px;
}

.haco_profile table td.box2 .data {
	margin: 0 12px;
	font-size: 15px;
}

.haco_profile table td.box3 .profile_box {
	padding-top: 16px;
	margin: 0 auto;
	width: 88%;
}

.haco_profile table td.box3 .profile_box:first-child {
	padding-top: 0;
}

/*== h4 ==*/
.profile_box .guests_name {
	padding-bottom: 10px;
}

.profile_box .guests_name h4 {
	font-size: 20px;
}

.profile_box .guests_name h4 small {
	font-size: 14px;
	font-weight: 500;
	font-style: normal;
	margin-left: 8px;
	display: block;
}

/*== h5 ==*/
.profile_box .sub-title {
	padding-bottom: 6px;
}

.profile_box .sub-title h5 {
	font-size: 13px;
}

/*== P ==*/
.profile_box .moji_position {
	padding-bottom: 0;
}

.profile_box .moji_position p {
	font-size: 17px;
}

.profile_box .moji_profile {
	padding-bottom: 0;
}

.profile_box .moji_profile p {
	font-size: 14px;
}

/*---------------------------------------------------- */
/* mainStart */
/*---------------------------------------------------- */
#mainStart {
	padding-top: 35px;
	padding-bottom: 20px;
}

/*== P ==*/
.moji_area {
	width: 100%;
}

.moji_area p {
	font-size: 22px;
}

.moji_area p b {
	margin-right: 10px;
}

/*== ol ==*/
.list_area {
	width: 100%;
}

.list_area ol {
	width: 100%;
}

.list_area ol li {
	margin-top: 18px;
	font-size: 16px;
}

.list_area ol li em {
	font-size: 16px;
}



}


/* SP */
@media only screen and (max-width: 599px) {
/*---------------------------------------------------- */
/* Main Contents */
/*---------------------------------------------------- */
#maincontainer #contentsArea {
	padding: 0 0 10px 0;
	margin: 0;
}

/*== Breadcrumbs ==*/
.waku_rcrumbsBtm {
	padding: 25px 0 25px 0;
	margin: 0;
}

/*---------------------------------------------------- */
/* Sect */
/*---------------------------------------------------- */
/*== Waku ==*/
.sectMain .waku_sect2 {
	padding: 0;
	width: 96%;
}

/*---------------------------------------------------- */
/* Introduction */
/*---------------------------------------------------- */
#intro-block {
	padding-bottom: 65px;
}

#intro-block .waku_intro {
	width: 100%;
}

#intro-block .waku_intro article {
	padding-bottom: 0;
	width: 100%;
}

/*== img ==*/
.waku_intro article .photo_intro figure {
	padding-bottom: 65px;
}

/*== Figcaption ==*/
.photo_intro figcaption {
    top: 18px;
	left: 3.5%;
}

.photo_intro figcaption .sub-title {
	margin-bottom: 6px;
}

.photo_intro figcaption .sub-title h4 {
	font-size: 14px;
}

.photo_intro figcaption .sub-title h4 em {
	font-size: 29px;
}

.photo_intro figcaption .name-title {
	margin-bottom: 0;
}

.photo_intro figcaption .name-title h5 {
	font-size: 16px;
}

.photo_intro figcaption .name-title h5 small {
	font-size: 12px;
}

/*== Profile ==*/
.photo_intro .profile {
    bottom: -65px;
	left: 8%;
	padding: 13px 0;
	width: 84%;
}

.photo_intro .profile .profileArea {
	width: 94%;
}

/*== Table ==*/
.profileArea .haco_profile {
	padding: 0;
	width: 100%;
}

.haco_profile table td.box1 {
	padding: 6px 0;
	width: 50%;
	background-color: #0e8bd2;
}

.haco_profile table td.box2 {
	padding: 6px 0;
	width: 50%;
}

.haco_profile table td.box3 {
	padding: 8px 0;
	width: 100%;
}

.haco_profile table td.box1 .title {
	margin: 0 10px;
	font-size: 14px;
}

.haco_profile table td.box2 .data {
	margin: 0 10px;
	font-size: 14px;
}

.haco_profile table td.box3 .profile_box {
	padding-top: 14px;
	margin: 0 auto;
	width: 90%;
}

.haco_profile table td.box3 .profile_box:first-child {
	padding-top: 0;
}

/*== h4 ==*/
.profile_box .guests_name {
	padding-bottom: 10px;
}

.profile_box .guests_name h4 {
	font-size: 16px;
}

.profile_box .guests_name h4 small {
	font-size: 11px;
	font-weight: 500;
	font-style: normal;
	margin-left: 6px;
}

/*== h5 ==*/
.profile_box .sub-title {
	padding-bottom: 6px;
}

.profile_box .sub-title h5 {
	font-size: 12px;
}

/*== P ==*/
.profile_box .moji_position {
	padding-bottom: 0;
}

.profile_box .moji_position p {
	font-size: 15px;
}

.profile_box .moji_profile {
	padding-bottom: 0;
}

.profile_box .moji_profile p {
	font-size: 13px;
}

/*---------------------------------------------------- */
/* mainStart */
/*---------------------------------------------------- */
#mainStart {
	padding-top: 30px;
	padding-bottom: 15px;
}

/*== P ==*/
.moji_area {
	width: 100%;
}

.moji_area p {
	font-size: 17px;
	line-height: 1.6;
}

.moji_area p b {
	margin-right: 8px;
}

/*== ol ==*/
.list_area {
	width: 100%;
}

.list_area ol {
	width: 100%;
}

.list_area ol li {
	margin-top: 16px;
	font-size: 14px;
}

.list_area ol li em {
	font-size: 15px;
}





}