/* ヘッダ
------------------------------------------------------------ */
article.head_img {
    background: #10549b url("../images/about/head_img_sp.jpg") no-repeat center top;
    background-size: 100%;
}
article.head_img .intro_txt br {
    display: none;
}

@media (orientation: landscape) {
}

@media (min-width:768px) {
}

@media (min-width:1200px) {
header:after {
    width: 530px;
    max-width: 530px;
    height: 500px;
    background-size: 713px;
    bottom: -150px;
}
.header_end {
    margin: 0 40px;
    margin-left: 380px;
}


article.head_img {
    background: url("../images/about/head_img_pc.jpg"), linear-gradient(107deg,#10549d 10%, #0b162c 95%);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: contain;
    background-size: auto 100%, 100%;
}
article.head_img .intro_txt br {
    display: inline;
}
}
@media (min-width:1300px) {
//.header_end {
//    margin-left: 70%;
//    margin-left: -webkit-calc(50vw - 650px + 320px);
//    margin-left: -moz-calc(50vw - 650px + 320px);
//    margin-left: calc(50vw - 650px + 320px);
//}


article.head_img {
    background: url("../images/about/head_img_pc.jpg"), linear-gradient(180deg,#10549d 0%, #105196 100%);
	background-repeat: no-repeat;
	background-position: right center;
}
}

/* 見出し
------------------------------------------------------------ */
.contents h3 {
	font-size: 1.5rem;
    display: table;
    border-bottom: solid 1px #042b45;
    padding-bottom: 0.5em;
    margin-bottom: 1em;
}

@media (orientation: landscape) {
.contents h3 {
	font-size: 2rem;
}
}

@media (min-width:768px) {
.contents h3 {
	font-size: 2rem;
}
}

@media (min-width:1200px) {
.contents h3 {
	font-size: 2.4rem;
}
}

/* 共通
------------------------------------------------------------ */
.contents_side {
    background: url("../images/about/back.png") no-repeat right bottom;
    background-size: 360px;
}
.contents * {
  font-family: "Noto Serif JP", serif;
}
.contents .sub_contents {
    margin-bottom: 30px;
}
.contents table {
    margin-bottom: 30px;
    width: 100%;
}
.contents table th {
    font-weight: normal;
    text-align: left;
    padding: 0.5em;
    background: #ecf1f4;
    border: solid 1px #d5dce2;
    min-width: 35%;
}
.contents table td {
    padding: 0.5em;
    border: solid 1px #d5dce2;
}

@media (min-width:768px) {
.contents_side {
    background-size: 560px;
}
.contents .sub_contents {
    margin-bottom: 60px;
}
.contents table {
    margin-bottom: 60px;
}
.contents table th {
    padding: 0.5em 1em;
    background: #ecf1f4;
    min-width: 35%;
}
.contents table td {
    padding: 0.5em 1em;
}
}

@media (min-width:1200px) {
.contents_side {
    background-size: auto;
}
.contents table {
    width: auto;
    min-width: 800px;
}
}

/* 
------------------------------------------------------------ */
#contents01 ul {
    margin-left: 1.5em;
}
#contents01 dt {
//    font-weight: bold;
    margin-bottom: 0.5em;
}
#contents01 dd {
    margin-left: 1em;
    margin-bottom: 1em;
}

@media (min-width:768px) {
}

@media (min-width:1200px) {
}

/*
#contents02 .greeting {
    overflow: hidden;
}
#contents02 .greeting .greeting_photo {
    width: 50%;
    margin: 0 1.5em 1em 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
    overflow: hidden;
    float: left;
}

@media (min-width:768px) {
#contents02 .greeting .greeting_photo {
    width: 350px;
    margin: 0 2em 1em 0;
}
}

@media (min-width:1200px) {
#contents02 .greeting .greeting_photo {
    width: 400px;
    margin: 0 30px 1em 0;
}
}
*/

#contents03 {
}
.contents .member_cat {
    margin-bottom: 35px;
}
.contents .member_cat:last-child {
    margin-bottom: 0;
}

@media (min-width:768px) {
.contents table.indications_pc {
    display: table;
}
.contents table.indications_sp {
    display: none;
}
}

@media (min-width:1200px) {
}


.activity {
    margin-bottom: 0;
}
.activity h3 {
    border-bottom: none;
    padding-bottom: 0;
}
.activity > div {
    margin-bottom: 30px;;
}
.activity .seminar {
  font-size: 1.4rem;
  border-bottom: solid 1px #042b45;
  padding-bottom: 0.5em;
  margin-bottom: 1em;
}
.activity table {
    margin-bottom: 15px;;
}

@media (min-width:768px) {
.activity > div {
    margin-bottom: 50px;;
}
.activity .seminar {
  font-size: 1.6rem;
}
.activity table {
    margin-bottom: 20px;;
}
}

@media (min-width:1200px) {
.activity > div {
    margin-bottom: 60px;;
}
.activity .seminar {
  font-size: 1.8rem;
}
.activity table {
    margin-bottom: 25px;;
}
}