/* CSS Document */



#contents .inner02 p {
line-height: 1.8rem;
}

.fc_red {
color: #eb3b23;
}

@media screen and (min-width: 481px) {
/* contents */

/*サイドバー削除＆コンテンツ100％*/
 #contents img {
 max-width: 100%;
 }
 #contents {
    width: 100%;
    padding: 0 4px;
    margin: 0 0 40px;
    float: none;
}
#sideColumn {
display: none;
} 
#contents h2 {
    font-size: 30px;
    font-weight: bold;
    font-family: "Noto Sans Japanese", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    padding: 0 0 0 5px;
    border-bottom: 2px solid #333333;
    background: url(../images/icon_title_movie.jpg) right center no-repeat;
    background-position: 99% 70%;
}

#contents .inner02 .txt01 {
	margin: 0 0 20px 0;
}

#contents .inner02 .txtLink {
margin: 0 0 40px 0;
}
#contents .inner02 .txtLink a {
font-size: 18px;
background: url("../images/btn_PDF_s.gif") left 0 top 50% no-repeat;
background-size: 20px auto;
padding: 0 0 0 30px;
}

#contents .btnArea {
    margin: 30px auto 45px;
    display: table;
}
#contents .btnArea li {
    float: left;
    width: 260px;
    margin: 0 20px 0 0;
}
#contents .btnArea li:last-child {
    margin: 0;
}
#contents .btnArea li a {
    display: block;
    color: #fff;
    font-size: 18px;
    text-align: center;
    background: #ff6600 url(https://www.retpc.jp/fup/common/images/ico-arrow_w.png) center right 12px no-repeat;
    background-size: 8px;
    text-decoration: none;
    padding: 14px 20px;
}


#contents .inner02 {
padding: 30px 7px 16px 7px;
	margin: 0 0 70px 0;
	overflow:hidden;
}



/*カレッジ*/
#contents .collegeArea {
width: 720px;
margin: 0 auto 60px;
border: 2px solid #334e33;
background: #f5f5f5;
}
#contents .collegeArea .titL {
font-size: 28px;
color: #FFF;
background: #334e33;
text-align: center;
font-weight: bold;
padding: 25px;
box-sizing: border-box;
line-height: 3.2rem;
}
#contents .collegeArea .detail {
padding: 30px;
}
#contents .collegeArea .detail .catch {
font-size: 22px;
line-height: 2.4rem;
text-align: center;
font-weight: bold;
margin: 0 0 30px 0;
}
#contents .collegeArea .detail .catch .fc_red {
font-size: 22px;
font-weight: bold;
}
#contents .collegeArea .detail .price {
width: 426px;
margin: 0 auto 30px;
display: table;
}
#contents .collegeArea .detail .price .left,
#contents .collegeArea .detail .price .right {
display: table-cell;
vertical-align: middle;
}
#contents .collegeArea .detail .price .left {
text-align: center;
background: #595450;
font-size: 18px;
color: #FFF;
font-weight: bold;
border-radius: 5px;
}
#contents .collegeArea .detail .price .right {
padding: 0 0 0 30px;
}
#contents .collegeArea .detail .price .right p {
font-size: 18px;
font-weight: bold;
}
#contents .collegeArea .detail .btn {
width: 426px;
margin: 0 auto;
}
#contents .collegeArea .detail .btn a {
display: block;
text-align: center;
font-size: 18px;
font-weight: bold;
background: #ff6600 url(../images/ico-arrow_w.png) 96% 50% no-repeat;
background-size: 8px auto;
color: #FFF;
text-decoration: none;
padding: 15px 18px 15px 10px;
}







#contents .inner02 #free {
/*position: relative;*/
}
#contents .inner02 #free .ab_txt {
margin: 0 0 20px 0;
/*
position: absolute;
top: 0;
left: 0;
*/
}
#contents .inner02 #free .outer {
display: block;
text-align: left;
font-size: 0;
}
#contents .inner02 #free .freeBox {
display: inline-block;
width: 32%;
}
#contents .inner02 #free .freeBox:nth-child(2) {
margin: 0 18px;
}
#contents .inner02 #free .freeBox a {
text-decoration: none;
display: block;
}
#contents .inner02 #free .freeBox .detail {
text-align: left;
margin: 10px 0 0 0;
}
#contents .inner02 .ancArea {
margin: 0 auto 40px;
}

/*5つ*/
/* #contents .inner02 .ancArea .ancBtn {
width: 185px;
margin:  0 15px 15px 0;
float: left;
}

#contents .inner02 .ancArea .ancBtn:nth-child(5n) {
margin:  0 0 15px 0;
} */

/*4つ*/
#contents .inner02 .ancArea .ancBtn {
width: 230px;
margin:  0 22px 20px 0;
float: left;
}

#contents .inner02 .ancArea .ancBtn:nth-child(4n) {
margin:  0 0 20px 0;
}

/*3つ*/
/* #contents .inner02 .ancArea .ancBtn {
width: 314px;
margin:  0 22px 20px 0;
float: left;
}

#contents .inner02 .ancArea .ancBtn:nth-child(3n) {
margin:  0 0 20px 0;
} */


#contents .inner02 .ancArea .ancBtn a {
display: block;
text-align: center;
font-size: 16px;
font-weight: bold;
color: #444;
text-decoration: none;
border: 3px solid #444;
background: #f3f3f3 url("../images/arr_black_down.png") left 50% bottom 10px no-repeat;
background-size: 15px auto;
padding: 8px 10px 24px 10px;
letter-spacing: 1.4px;
}
#contents .inner02 .ancArea .ancBtn a:hover {
opacity: 0.7;
}



#contents .inner02 .block {
margin: 0 auto 60px;
}
#contents .inner02 .block .sTit span {
letter-spacing: 1.4px;
background: #5a5451;
color: #FFF;
font-weight: bold;
font-size: 18px;
position: relative;
display: inline-block;
width: 200px;
text-align: center;
padding: 5px 0;
}
#contents .inner02 .block#new .sTit span {
background: #f16262;
}
#contents .inner02 .block .sTit {
border-bottom: 1px solid #5a5451;
margin: 0 0 40px 0;
padding: 0 0 10px 0;
}
#contents .inner02 #other .sTit {
margin: 0 0 50px 0;
}
#contents .inner02 #new .contArea {
background: #fee0cb;
}

#contents .inner02 #new .contArea .sBox {
background: #FFF;
}
#contents .inner02 #new .contArea .sBoxnone {
background: none;
}
#contents .inner02 #new .contArea .sBox .ph {
position: relative;
}

/*サムネイル送付待ちでテキスト表示*/
#contents .inner02 #new .contArea .sBox .no_thumb {
display: table;
padding: 20px;
box-sizing: border-box;
border-bottom: 1px solid #fee0cb;
}
#contents .inner02 #new .contArea .sBox .no_thumb .tit {
display: table-cell;
text-align: center;
vertical-align: middle;
font-size: 20px;
line-height: 2.2rem;
font-weight: bold;
font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "Roboto Slab" , Garamond , "Times New Roman" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}


#contents .inner02 #new .contArea .sBox .tag_research:before {
content: "調査";
background: rgba(0,0,0,0.8);
position: absolute;
top: 0;
left: 0;
padding: 4px 10px;
font-size: 12px;
font-weight: bold;
color: #FFF;
}
#contents .inner02 #new .contArea .sBox .tag_architecture:before {
content: "建築";
background: rgba(0,0,0,0.8);
position: absolute;
top: 0;
left: 0;
padding: 4px 10px;
font-size: 12px;
font-weight: bold;
color: #FFF;
}
#contents .inner02 #new .contArea .sBox .tag_inheritance:before {
content: "相続";
background: rgba(0,0,0,0.8);
position: absolute;
top: 0;
left: 0;
padding: 4px 10px;
font-size: 12px;
font-weight: bold;
color: #FFF;
}
#contents .inner02 #new .contArea .sBox .tag_practice:before {
content: "不動産実務";
background: rgba(0,0,0,0.8);
position: absolute;
top: 0;
left: 0;
padding: 4px 10px;
font-size: 12px;
font-weight: bold;
color: #FFF;
}
#contents .inner02 #new .contArea .sBox .tag_law:before {
content: "法律";
background: rgba(0,0,0,0.8);
position: absolute;
top: 0;
left: 0;
padding: 4px 10px;
font-size: 12px;
font-weight: bold;
color: #FFF;
}
#contents .inner02 #new .contArea .sBox .tag_natural_disasters:before {
content: "自然災害";
background: rgba(0,0,0,0.8);
position: absolute;
top: 0;
left: 0;
padding: 4px 10px;
font-size: 12px;
font-weight: bold;
color: #FFF;
}
#contents .inner02 #new .contArea .sBox .tag_consulting:before {
content: "コンサルティング";
background: rgba(0,0,0,0.8);
position: absolute;
top: 0;
left: 0;
padding: 4px 10px;
font-size: 12px;
font-weight: bold;
color: #FFF;
}
#contents .inner02 #new .contArea .sBox .tag_other:before {
content: "その他";
background: rgba(0,0,0,0.8);
position: absolute;
top: 0;
left: 0;
padding: 4px 10px;
font-size: 12px;
font-weight: bold;
color: #FFF;
}
#contents .inner02 #new .contArea .sBox .tag_tax:before {
content: "税制";
background: rgba(0,0,0,0.8);
position: absolute;
top: 0;
left: 0;
padding: 4px 10px;
font-size: 12px;
font-weight: bold;
color: #FFF;
}
#contents .inner02 #new .contArea .sBox .tag_market:before {
content: "マーケット";
background: rgba(0,0,0,0.8);
position: absolute;
top: 0;
left: 0;
padding: 4px 10px;
font-size: 12px;
font-weight: bold;
color: #FFF;
}
#contents .inner02 #new .contArea .sBox .tag_rent:before {
content: "賃貸";
background: rgba(0,0,0,0.8);
position: absolute;
top: 0;
left: 0;
padding: 4px 10px;
font-size: 12px;
font-weight: bold;
color: #FFF;
}



#contents .inner02 .contArea .sBox {
width: 49%;
float: left;
background: #f5f5f5;
margin: 0 0 20px 0;
position: relative;
}
#contents .inner02 .contArea .sBox .pr_free {
position: absolute;
top: -37px;
left: 0;
border: 2px solid #5a5451;
padding: 4px 15px;
line-height: 1.2;
font-size: 13px;
font-weight: bold;
}

#contents .inner02 .contArea .sBox:nth-child(2n) {
float: right;
}
#contents .inner02 .contArea .sBox .ph {
width: 100%;
height: 260px;
}
#contents .inner02 .contArea .sBox .ph img {
width: 100%;
height: 260px;
object-fit: cover;
font-family: "object-fit: cover;";
}
#contents .inner02 .contArea .sBox .detail {
padding: 20px;
}
#contents .inner02 .contArea .sBox .detail .instructor {
border-left: 3px solid #ff8533;
padding: 0 0 0 15px;
margin: 0 0 20px 0;
}
#contents .inner02 .contArea .sBox .detail .instructor .name {
font-size: 18px;
font-weight: bold;
}
#contents .inner02 .contArea .sBox .detail .instructor .name span {
font-size: 14px;
}
#contents .inner02 .contArea .sBox .detail .instructor .officer {
font-size: 13px;
}


#contents .inner02 .contArea .sBox .btn {
width: 200px;
margin: 0 auto 25px;
}
#contents .inner02 .contArea .sBox .btn a {
display: block;
text-align: center;
font-size: 14px;
font-weight: bold;
background: #ff6600 url("../images/arrow_white.png") 94% 50% no-repeat;
background-size: 6px auto;
color: #FFF;
text-decoration: none;
padding: 10px 18px 10px 10px;
}
#contents .inner02 .contArea .sBox .btn a:hover {
opacity: 0.7;
}
#contents .inner02 .contArea {
margin: 0 auto 20px;
padding: 20px 20px 0 20px;
}
#contents .inner02 .block .instructorBox {
border: 4px solid #5a5451;
padding: 18px 15px;
margin: 0 auto 40px;
}
#contents .inner02 .block .instructorBox dl {
border-left: 3px solid #ff8533;
padding: 0 0 0 15px;
margin: 0 0 18px 0;
}
#contents .inner02 .block .instructorBox dl:last-child {
margin: 0;
}
#contents .inner02 .block .instructorBox dt {
font-size: 18px;
font-weight: bold;
margin: 0 0 5px 0;
}
#contents .inner02 .block .instructorBox dt span {
font-size: 14px;
}
#contents .inner02 .btnArea .btn_l {
width: 100%;
margin: 20px auto 25px;
}
#contents .inner02 .block .btn_l {
width: 610px;
margin: 40px auto 25px;
}
#contents .inner02 .btn_l a,
#contents .inner02 .block .btn_l a {
display: block;
text-align: center;
font-size: 18px;
font-weight: bold;
background: #ff6600 url("../images/ico-arrow_w.png") 96% 50% no-repeat;
background-size: 8px auto;
color: #FFF;
text-decoration: none;
padding: 15px 18px 15px 10px;
}
#contents .inner02 .btn_l a:hover,
#contents .inner02 .block .btn_l a:hover {
opacity: 0.7;
}

#contents .inner02 .block .btn-internal {
text-align: right;
}
#contents .inner02 .block .btn-internal a {
text-align: center;
font-size: 14px;
font-weight: bold;
background: #ff6600 url("../images/ico-arrow_w.png") 94% 50% no-repeat;
background-size: 6px auto;
color: #FFF;
text-decoration: none;
padding: 14px 38px 14px 24px;
}
#contents .inner02 .block .btn-internal a:hover {
opacity: 0.7;
}


/*archives*/
#contents .inner02#archives .block {
border: 4px solid #5c554f;
margin: 0 auto 60px;
}
#contents .inner02#archives .block:last-child {
margin: 0 auto 30px;
}
#contents .inner02#archives .sTit {
background: #5c554f;
color: #FFF;
font-size: 15px;
font-weight: bold;
padding: 5px 15px;
margin: 0;
}
#contents .inner02#archives dl {
border-bottom: 1px solid #5c554f;
}
#contents .inner02#archives dl:last-child {
border: none;
}
#contents .inner02#archives dl a {
display: block;
padding: 15px 20px 15px 15px;
text-decoration: none;
background: url("../images/arrow_black.png") right 10px top 50% no-repeat;
background-size: 8px auto;
}
#contents .inner02#archives dl a:hover {
opacity: 0.7;
}
#contents .inner02#archives .btn {
text-align: right;
margin: -20px 0 0 0;
}
#contents .inner02#archives .btn a {
text-align: center;
font-size: 14px;
font-weight: bold;
background: #ff6600 url(../images/arrow_white.png) 94% 50% no-repeat;
background-size: 6px auto;
color: #FFF;
text-decoration: none;
padding: 14px 38px 14px 24px;
}
#contents .inner02#archives .btn a:hover {
opacity: 0.8;
}




	
}

/*ここまでPC*/



#contents .inner02 .bb_box {
display: inline-block;
border: 2px solid #ff6600;
padding: 30px 40px;
margin: 0 0 40px 0;
}
#contents .inner02 .bb_box .mTit {
font-size: 20px;
font-weight: 600;
letter-spacing: 0.1rem;
margin: 0 0 15px 0;
}
#contents .inner02 .bb_box ul {
padding: 0 0 0 20px;
}
#contents .inner02 .bb_box ul li {
list-style-type: disc;
font-size: 16px;
line-height: 26px;
}



@media screen and (max-width: 480px) {
	

#contents h2 {
	font-size: 18px;
	font-weight: bold;
	font-family: "Noto Sans Japanese", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 0 0 0 5px;
	margin: 0 0 8px 0;
	border-bottom: 2px solid #333333;
}
#contents h2 img {
	width: 125px;
}
#contents .inner02 .txt01 {
	font-size: 12px;
	margin: 0 0 15px 0;
}


#contents .inner02 .bb_box {
display: block;
padding: 20px;
margin: 0 0 30px 0;
}
#contents .inner02 .bb_box .mTit {
font-size: 16px;
margin: 0 0 10px 0;
}
#contents .inner02 .bb_box ul {
padding: 0 0 0 15px;
}
#contents .inner02 .bb_box ul li {
list-style-type: disc;
font-size: 14px;
line-height: 20px;
}

#contents .inner02 .txtLink {
margin: 0 0 30px 0;
}
#contents .inner02 .txtLink a {
font-size: 14px;
background: url("../images/btn_PDF_s.gif") left 0 top 50% no-repeat;
background-size: 20px auto;
padding: 0 0 0 30px;
}
#contents .btnArea {
margin: 0 auto 30px;
}
#contents .btnArea li {
    float: none;
    width: 100%;
    margin: 0 0 15px 0;
}
#contents .btnArea li a {
    display: block;
    color: #fff;
    font-size: 16px;
    text-align: center;
    background: #ff6600 url(https://www.retpc.jp/fup/common/images/ico-arrow_w.png) center right 10px no-repeat;
    background-size: 6px;
    text-decoration: none;
    padding: 10px 20px;
}



/*カレッジ*/
#contents .collegeArea {
width: 100%;
margin: 0 auto 40px;
border: 2px solid #334e33;
background: #f5f5f5;
}
#contents .collegeArea .titL {
font-size: 18px;
color: #FFF;
background: #334e33;
text-align: center;
font-weight: bold;
padding: 15px;
box-sizing: border-box;
line-height: 2rem;
}
#contents .collegeArea .detail {
padding: 15px;
}
#contents .collegeArea .detail .catch {
font-size: 16px;
line-height: 2rem;
text-align: center;
font-weight: bold;
margin: 0 0 15px 0;
}
#contents .collegeArea .detail .catch .fc_red {
font-size: 18px;
font-weight: bold;
}
#contents .collegeArea .detail .price {
width: 100%;
margin: 0 auto 15px;
display: table;
}
#contents .collegeArea .detail .price .left,
#contents .collegeArea .detail .price .right {
display: table-cell;
vertical-align: middle;
}
#contents .collegeArea .detail .price .left {
text-align: center;
background: #595450;
font-size: 16px;
color: #FFF;
font-weight: bold;
border-radius: 5px;
}
#contents .collegeArea .detail .price .right {
padding: 0 0 0 10px;
}
#contents .collegeArea .detail .price .right p {
font-size: 16px;
font-weight: bold;
}
#contents .collegeArea .detail .btn {
width: 100%;
margin: 0 auto;
}
#contents .collegeArea .detail .btn a {
display: block;
text-align: center;
font-size: 14px;
font-weight: bold;
background: #ff6600 url(../images/ico-arrow_w.png) 96% 50% no-repeat;
background-size: 6px auto;
color: #FFF;
text-decoration: none;
padding: 15px 18px 15px 10px;
}






#contents .inner02 #free .outer {
padding: 3%;
}
#contents .inner02 #free .freeBox {
margin: 0 auto 10px;
}
#contents .inner02 #free .ab_txt {
margin: 0 0 10px 0;
/*
position: absolute;
top: 0;
left: 0;
*/
}
#contents .inner02 #free .freeBox a {
text-decoration: none;
display: block;
}
#contents .inner02 .ancArea {
margin: 0 auto 40px;
}
#contents .inner02 .ancArea .ancBtn {
width: 48.5%;
margin:  0 0 2% 0;
float: left;
}
#contents .inner02 .ancArea .ancBtn:nth-child(2n) {
float: right;
margin:  0 0 2% 0;
}
#contents .inner02 .ancArea .ancBtn a {
display: block;
text-align: center;
font-size: 14px;
font-weight: bold;
color: #444;
text-decoration: none;
border: 2px solid #444;
background: #f3f3f3 url("../images/arr_black_down.png") left 50% bottom 8px no-repeat;
background-size: 10px auto;
padding: 6px 10px 20px 10px;
}


#contents .inner02 .block {
margin: 0 auto 50px;
}
#contents .inner02 .block .sTit span {
background: #5a5451;
color: #FFF;
font-weight: bold;
font-size: 16px;
position: relative;
display: inline-block;
width: 170px;
text-align: center;
padding: 3px 0;
}
#contents .inner02 .block#new .sTit span {
background: #f16262;
}
#contents .inner02 .block .sTit {
border-bottom: 1px solid #5a5451;
margin: 0 0 20px 0;
padding: 0 0 10px 0;
}
#contents .inner02 #other .sTit {
margin: 0 0 40px 0;
}

#contents .inner02 #new .contArea {
    background: #fee0cb;
}


#contents .inner02 #new .contArea .sBox {
    background: #FFF;
}

/*サムネイル送付待ちでテキスト表示*/
#contents .inner02 #new .contArea .sBox .no_thumb {
display: block;
padding: 35px 20px;
box-sizing: border-box;
border-bottom: 1px solid #fee0cb;
}
#contents .inner02 #new .contArea .sBox .no_thumb .tit {
display: block;
text-align: center;
vertical-align: middle;
font-size: 16px;
line-height: 2rem;
font-weight: bold;
font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "Roboto Slab" , Garamond , "Times New Roman" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}



#contents .inner02 #new .contArea .sBox .tag_research:before {
content: "調査";
background: rgba(0,0,0,0.8);
position: absolute;
top: 0;
left: 0;
padding: 4px 10px;
font-size: 12px;
font-weight: bold;
color: #FFF;
}
#contents .inner02 #new .contArea .sBox .tag_architecture:before {
content: "建築";
background: rgba(0,0,0,0.8);
position: absolute;
top: 0;
left: 0;
padding: 4px 10px;
font-size: 12px;
font-weight: bold;
color: #FFF;
}
#contents .inner02 #new .contArea .sBox .tag_inheritance:before {
content: "相続";
background: rgba(0,0,0,0.8);
position: absolute;
top: 0;
left: 0;
padding: 4px 10px;
font-size: 12px;
font-weight: bold;
color: #FFF;
}
#contents .inner02 #new .contArea .sBox .tag_practice:before {
content: "不動産実務";
background: rgba(0,0,0,0.8);
position: absolute;
top: 0;
left: 0;
padding: 4px 10px;
font-size: 12px;
font-weight: bold;
color: #FFF;
}
#contents .inner02 #new .contArea .sBox .tag_law:before {
content: "法律";
background: rgba(0,0,0,0.8);
position: absolute;
top: 0;
left: 0;
padding: 4px 10px;
font-size: 12px;
font-weight: bold;
color: #FFF;
}
#contents .inner02 #new .contArea .sBox .tag_natural_disasters:before {
content: "自然災害";
background: rgba(0,0,0,0.8);
position: absolute;
top: 0;
left: 0;
padding: 4px 10px;
font-size: 12px;
font-weight: bold;
color: #FFF;
}
#contents .inner02 #new .contArea .sBox .tag_consulting:before {
content: "コンサルティング";
background: rgba(0,0,0,0.8);
position: absolute;
top: 0;
left: 0;
padding: 4px 10px;
font-size: 12px;
font-weight: bold;
color: #FFF;
}
#contents .inner02 #new .contArea .sBox .tag_other:before {
content: "その他";
background: rgba(0,0,0,0.8);
position: absolute;
top: 0;
left: 0;
padding: 4px 10px;
font-size: 12px;
font-weight: bold;
color: #FFF;
}




#contents .inner02 .contArea .sBox {
width: 100%;
float: none;
background: #f5f5f5;
padding: 0 0 10px 0;
margin: 0 auto 20px;
position: relative;
}
#contents .inner02 .contArea .sBoxnone {
display: none;
}
#contents .inner02 #other .contArea .sBox {
margin: 0 auto 50px;
}
#contents .inner02 .contArea .sBox .pr_free {
position: absolute;
top: -30px;
left: 0;
border: 2px solid #5a5451;
padding: 2px 10px;
line-height: 1.2;
font-size: 12px;
font-weight: bold;
}
#contents .inner02 .contArea .sBox:last-child {
margin: 0 auto;
}
#contents .inner02 .contArea .sBox:nth-child(2n) {
float: none;
}
#contents .inner02 .contArea .sBox .ph {
width: 100%;
height: auto;
}
#contents .inner02 .contArea .sBox .ph img {
width: 100%;
height: auto;
object-fit: cover;
font-family: "object-fit: cover;";
}
#contents .inner02 .contArea .sBox .detail {
padding: 15px;
}
#contents .inner02 .contArea .sBox .detail .instructor {
border-left: 3px solid #ff8533;
padding: 0 0 0 15px;
margin: 0 0 20px 0;
}
#contents .inner02 .contArea .sBox .detail .instructor .name {
font-size: 18px;
font-weight: bold;
}
#contents .inner02 .contArea .sBox .detail .instructor .name span {
font-size: 14px;
}
#contents .inner02 .contArea .sBox .detail .instructor .officer {
font-size: 13px;
}


#contents .inner02 .contArea .sBox .btn {
width: 80%;
margin: 0 auto 15px;
}
#contents .inner02 .contArea .sBox .btn a {
display: block;
text-align: center;
font-size: 14px;
font-weight: bold;
background: #ff6600 url("../images/arrow_white.png") 94% 50% no-repeat;
background-size: 6px auto;
color: #FFF;
text-decoration: none;
padding: 10px 18px 10px 10px;
}
#contents .inner02 .contArea .sBox .btn a:hover {
opacity: 0.7;
}
#contents .inner02 .contArea {
margin: 0 auto 30px;
padding: 3%;
}
#contents .inner02 .block .instructorBox {
border: 4px solid #5a5451;
padding: 18px 15px;
margin: 0 auto 40px;
}
#contents .inner02 .block .instructorBox dl {
border-left: 3px solid #ff8533;
padding: 0 0 0 15px;
margin: 0 0 18px 0;
}
#contents .inner02 .block .instructorBox dl:last-child {
margin: 0;
}
#contents .inner02 .block .instructorBox dt {
font-size: 15px;
font-weight: bold;
margin: 0 0 5px 0;
}
#contents .inner02 .block .instructorBox dt span {
font-size: 13px;
}
#contents .inner02 .btnArea .btn_l {
width: 100%;
margin: 0 auto 25px;
}
#contents .inner02 .block .btn_l {
width: 90%;
margin: 0 auto 25px;
}
#contents .inner02 .btn_l a,
#contents .inner02 .block .btn_l a {
display: block;
text-align: center;
font-size: 15px;
font-weight: bold;
background: #ff6600 url("../images/ico-arrow_w.png") 97% 50% no-repeat;
background-size: 6px auto;
color: #FFF;
text-decoration: none;
padding: 15px 18px 15px 10px;
}
#contents .inner02 .block .btn_l a:hover {
opacity: 0.7;
}

#contents .inner02 .block .btn-internal {
text-align: right;
}
#contents .inner02 .block .btn-internal a {
text-align: center;
font-size: 14px;
font-weight: bold;
background: #ff6600 url("../images/ico-arrow_w.png") 94% 50% no-repeat;
background-size: 6px auto;
color: #FFF;
text-decoration: none;
padding: 14px 38px 14px 24px;
}
#contents .inner02 .block .btn-internal a:hover {
opacity: 0.7;
}


/*archives*/
#contents .inner02#archives .block {
border: 2px solid #5c554f;
}
#contents .inner02#archives .sTit {
background: #5c554f;
color: #FFF;
font-size: 15px;
font-weight: bold;
padding: 5px 10px;
margin: 0;
}
#contents .inner02#archives dl {
border-bottom: 1px solid #5c554f;
}
#contents .inner02#archives dl:last-child {
border: none;
}
#contents .inner02#archives dl a {
display: block;
padding: 15px;
text-decoration: none;
background: url("../images/arrow_black.png") right 20px top 50% no-repeat;
background-size: 8px auto;
}
#contents .inner02#archives dl a:hover {
opacity: 0.7;
}

#contents .inner02#archives .btn {
text-align: right;
margin: -20px 0 50px 0;
}
#contents .inner02#archives .btn a {
text-align: center;
font-size: 14px;
font-weight: bold;
background: #ff6600 url(../images/arrow_white.png) 94% 50% no-repeat;
background-size: 6px auto;
color: #FFF;
text-decoration: none;
padding: 14px 38px 14px 24px;
}




}