@charset "utf-8";
.pcHide {
display: none!important;
}
article p {
margin: 0;
}
.content {
font-size: 14px;
line-height: 1.7;
font-family: "ヒラギノ角ゴ ProN W3", "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS Pgothic", "Osaka", sans-serif, Helvetica, Helvetica Neue, Arial, Verdana;
color: #000;
}
/*.head*/
.head {
margin: -44px 0 0 1px;
}
.head .lead {
margin: 48px auto 0;
text-align: center;
}
.head .lead h2 {
color: #333;
font-size: 32px;
font-weight: bold;
line-height: 1.4;
}
.head .lead h2 span {
color: #ce6a69;
}
.head .lead p {
font-size: 18px;
margin: 40px 0 0;
}
/*.balloon*/
.balloon {
display: table;
margin: 40px 40px 0;
}
.balloon .img {
display: table-cell;
vertical-align: middle;
width: 130px;
}
.balloon.profile .img {
width: 180px;
}
.balloon .txt {
display: table-cell;
vertical-align: middle;
padding: 30px 40px 30px 81px;
background: url(../images/bg01.png) no-repeat 15px 0;
background-size: cover;
border-radius: 10px;
}
.balloon.profile .txt {
padding: 0 0 0 20px;
background: none;
}
.balloon .txt h3 {
font-size: 20px;
font-weight: bold;
display: table;
}
.balloon .txt h3 img {
display: table-cell;
vertical-align: middle;
margin: 0 14px 0 0;
}
.balloon .txt h3 span {
display: table-cell;
vertical-align: middle;
line-height: 1;
}
.balloon .txt p {
margin: 0;
text-align: left;
font-size: 14px;
line-height: 1.5;
}
.balloon.profile .txt p {
margin: 20px 0 0;
}
/*.definition*/
.definition .lead {
margin: 60px 40px 0;
padding: 59px 0 0;
border-top: 1px solid #ccc;
text-align: center;
}
.definition .lead h2 {
color: #333;
font-size: 32px;
font-weight: bold;
}
.definition .lead h2 span {
color: #ce6a69;
}
.definition .lead p {
margin: 40px 0 0;
font-size: 18px;
}
.definition .lead p span {
font-size: 24px;
color: #ce6a69;
font-weight: bold;
background: linear-gradient(rgba(255,247,153,0) 40%, #fff799 80%, rgba(255,247,153,0) 20%);
}
.definition .img {
margin: 40px auto 0;
max-width: 795px;
}
.definition p {
margin: 70px 0 0;
font-size: 18px;
text-align: center;
}
.definition p span {
font-size: 30px;
color: #333;
font-weight: bold;
background: linear-gradient(rgba(255,247,153,0) 40%, #fff799 80%, rgba(255,247,153,0) 20%);
}
.definition p span span {
color: #ce6a69;
}
/*.material*/
.material .lead {
margin: 60px 40px 0;
padding: 59px 0 0;
border-top: 1px solid #ccc;
text-align: center;
}
.material .lead h2 {
color: #333;
font-size: 32px;
font-weight: bold;
}
.material .lead h2 span {
color: #ce6a69;
}
.material .lead p {
margin: 40px 0 0;
font-size: 18px;
text-align: left;
}
.material .case {
margin: 40px 40px 0;
background: #eeece7;
border-radius: 10px;
padding: 0 0 30px;
}
.material .case h3 {
text-align: center;
padding: 20px 0 15px;
font-size: 16px;
color: #3e3a39;
background: #dad6cb;
border-radius: 10px 10px 0 0;
}
.material .case .items {
margin: 30px 30px 0;
display: table;
}
.material .case .items .img {
display: table-cell;
width: 130px;
vertical-align: top;
}
.material .case .items .txt {
display: table-cell;
padding: 0 0 0 30px;
}
.material .case .items .txt h4 {
font-size: 28px;
font-weight: bold;
line-height: 1.0;
}
.material .case .items .txt h4 span {
font-size: 16px;
}
.material .case .items .txt p {
margin: 15px 0 0 0;
}
.material .case .balloon {
margin: 30px 30px 0;
}
.material .case .balloon .txt {
background: url(../images/bg02.png) no-repeat top right;
width: 85%;
padding: 30px 65px 30px 30px;
background-size: cover;
border-radius: 10px;
}
.material .case .balloon .txt p {
font-size: 14px;
line-height: 1.5;
}
.material .case .balloon .img {
text-align: right;
width: 100px;
}
.material .case .prof {
margin: 30px 0 0;
padding: 30px 30px 0;
border-top: #fff 2px solid;
display: table;
}
.material .case .prof .txt {
display: table-cell;
width: 80%;
vertical-align: top;
padding: 0 30px 0 0;
}
.material .case .prof .txt h4 {
font-size: 20px;
font-weight: bold;
}
.material .case .prof .txt h4 span {
font-size: 16px;
}
.material .case .prof .txt p.title {
font-size: 11px;
font-weight: bold;
}
.material .case .prof .txt p.description {
margin: 17px 0 0;
}
.material .case .prof .img {
display: table-cell;
width: 140px;
vertical-align: top;
}
/*.howto*/
.howto .lead {
margin: 60px 40px 0;
padding: 59px 0 0;
border-top: 1px solid #ccc;
text-align: center;
}
.howto .lead h2 {
color: #333;
font-size: 32px;
font-weight: bold;
}
.howto .lead h2 span {
color: #ce6a69;
}
.howto .lead p {
margin: 40px 0 0;
font-size: 18px;
}
.howto p {
margin: 30px 40px 0;
font-size: 18px;
text-align: left;
}
.howto p img {
margin: 0 auto;
}
#daigakuDetailContents {
padding: 25px 0 35px;
}

@media screen and (max-width: 768px) {
.pcHide {
display: block!important;
}
.spHide {
display: none!important;
}
.head .lead h2 {
font-size: 18px;
margin: 0 15px;
}
.head .lead p {
margin: 20px 15px;
font-size: 15px;
text-align: left;
}
.balloon {
display: block;
margin: 20px 0;
}
.balloon .img {
display: block;
margin: 0 auto;
}
.balloon.profile .txt {
display: block;
margin: 20px 15px 0;
padding: 0;
}
.balloon .txt h3 {
margin: 0 auto;
}
.balloon .txt {
display: block;
padding: 15px;
background: #eeece7;
margin: 30px 15px 0;
position: relative;
}
.balloon .txt::before {
content: "";
position: absolute;
right: 0;
top: -15px;
left: 0;
width: 0px;
height: 0px;
margin: auto;
border-style: solid;
border-color: transparent transparent #eeece7 transparent;
border-width: 0 15px 15px 15px;
}
.balloon.profile .txt::before {
content: "";
display: none;
}
.definition .lead {
margin: 40px 15px 0;
padding: 40px 0 0;
}
.definition .lead h2 {
font-size: 18px;
}
.definition .lead p {
margin: 20px 0 0;
font-size: 15px;
}
.definition .lead p span {
font-size: 18px;
}
.definition p {
margin: 30px 15px 0;
font-size: 15px;
text-align: left;
}
.definition p span {
font-size: 18px;
}
.definition .img {
margin: 30px 2px 0;
}
.definition .img img {
max-width: 768px;
width: 100%;
}
.definition .balloon .img {
margin: 0 auto;
}
.material .lead {
margin: 40px 15px 0;
padding: 40px 0 0;
}
.material .lead h2 {
font-size: 18px;
}
.material .lead p {
margin: 20px 0 0;
font-size: 15px;
}
.material .lead p span {
font-size: 18px;
}
.material p {
margin: 30px 15px 0;
font-size: 15px;
text-align: left;
}
.material p span {
font-size: 18px;
}
.material .case {
margin: 15px 15px 0;
padding: 0 0 15px;
}
.material .case h3 {
padding: 15px;
}
.material .case .items {
margin: 15px 15px 0;
display: block;
}
.material .case .items .img {
display: block;
float: left;
margin: 0 15px 15px 0;
width: 120px;
}
.material .case .items .txt {
display: block;
padding: 0;
}
.material .case .items .txt h4 {
font-size: 15px;
padding: 55px 0 50px;
}
.material .case .items .txt h4 span {
font-size: 10px;
}
.material .case .items .txt p {
font-size: 13px;
}
.material .case .balloon {
margin: 15px 15px 0;
}
.material .case .balloon .txt {
background: #fff;
padding: 15px;
margin: 30px 0 0;
width: 100%;
}
.material .case .balloon .txt::before {
border-color: transparent transparent #fff transparent;
}
.material .case .balloon .img {
width: 130px;
}
.material .case .balloon .img img {
width: 100%;
max-width: 130px;
}
.material .case .prof {
margin: 15px 15px 0;
display: block;
padding: 15px 0 0;
}
.material .case .prof .img {
float: right;
margin: 0 0 15px 15px;
max-width: 120px;
}
.material .case .prof .txt {
display: block;
width: 100%;
padding: 0;
}
.material .case .prof .txt h4 {
margin: 30px 0 0;
font-size: 15px;
}
.material .case .prof .txt h4 span {
font-size: 12px;
}
.material .case .prof .txt p.title {
font-size: 12px;
margin: 0;
}
.material .case .prof .txt p.description {
margin: 60px 0 0;
font-size: 13px;
}
.howto .lead {
margin: 40px 15px 0;
padding: 40px 0 0;
}
.howto .lead h2 {
font-size: 18px;
}
.howto .lead p {
margin: 20px 0 0;
font-size: 15px;
}
.howto .lead p span {
font-size: 18px;
}
.howto p {
margin: 30px 15px 0;
font-size: 15px;
text-align: left;
}
.howto p span {
font-size: 18px;
}
}
@media screen and (max-width: 768px ){
  #kbd .kbd_detailheader {margin-bottom:0 !important;}
  #kbd #daigakuDetailContents{padding-top: 18vw !important;}
}