/* btOl */
ol.btOl{ padding: 0 0 0 24px; margin:0; }
ol.btOl li{ margin-bottom:8px; color:#115ca3; }
ol.btOl li p.ti{ font-weight:bold; }
ol.btOl li p.te{ color:#343434; }
/* pCabox */
div.pCabox{ width:680px; margin:0 auto 15px 0; border:solid 1px #ccc; background:#f5f5f4; padding:10px 8px 7px; font-size:smaller; }
div.pCabox p.ti{ font-weight:bold; color:#115ca3; }
/* perioTbl */
table.kosyuTbl{ width:620px; margin:10px auto 0; border-collapse:collapse; }
table.kosyuTbl tr th,
table.kosyuTbl tr td{ border:solid 1px #ccc; width:50%; padding:7px 6px 5px; }
table.kosyuTbl tr th{ background:#ccc; border-bottom:ridge 2px #ccc; }
table.kosyuTbl tr td{ background:#ffffe0; }

/* レスポンシブ化20200710追記 */
/****************************/
/* contents                 */
/****************************/
/*left*/
div.tBnrBox-1{ padding:0 0 20px 0; }
div.tBnrBox-1 a{ display:block; width:220px; height:260px; }
div.tBnrBox-2{ margin-bottom:20px; }
div.tBnrBox-2 a{}
div.tBnrBox-2 a dl{ width:220px; }
div.tBnrBox-2 a dl dt{ background:url("../img/common/member_bg.png"); background-size:500px 100px; color:#fff; display:flex; align-items:center; font-size:16px; font-family:"ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro"; line-height:20px; height:50px; padding-left:40px; position:relative; }
div.tBnrBox-2 a dl dt::before{ background:url("../img/common/member_icon.png") no-repeat; background-size:16px 21px; content:""; display:block; width:16px; height:21px; position:absolute; top:15px; left:14px; }
div.tBnrBox-2 a dl dd{ background:#eee; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; color:#9c2c39; font-size:14px; line-height:17px; padding:10px 16px; }
div.tBnrBox-2 a dl dd p.btn-member{ background:linear-gradient(180deg, rgba(231,93,119,1) 0%, rgba(229,56,86,1) 100%); border:1px solid #e53856; border-radius:6px; box-shadow:0px 1px 4px 1px rgba(0,0,0,0.2); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:bold; margin:8px auto 0; width:170px; height:36px; }
div.tBnrBox-2 a dl dd p.btn-member::after{ background:url("../img/common/member_arrow.svg") no-repeat; background-size:7px 12px; content:""; display:block; margin-left:12px; width:7px; height:12px; }
p.tBnrBox-3, p.tBnrBox-4, p.tBnrBox-5{ font-size:0; line-height:1; margin:0 auto 10px; }
p.tBnrBox-3 a, p.tBnrBox-4 a, p.tBnrBox-5 a{ display:block; width:100%; height:100%; }
p.tBnrBox-4 input{ display:block; margin:0 auto; }

/* right */
div#mcontents div#mcr{ float:left; width:700px; padding:15px 0 40px 0; }

/* 2020.12.16追加 */
ol li.f24{ font-size: 1.4em; margin: 0 0 7px 5px; font-weight: 600; }
.btnPerio{ text-align: center; }
.btnPerio a{ background: #1a6600; border-radius: 6px; color: #fff; font-weight: bold; padding: 8px 24px; }
.btnPerio a:hover{ opacity: 0.7; }

/*******************************************/
/* responsive                              */
/*******************************************/
@media screen and (max-width: 768px) {
    
    /* btOl */
    ol.btOl{ padding: 0 0 0 28px; }
    
    /****************************/
    /* contents                 */
    /****************************/

	/*left*/
    div#PlMPerio{ position:absolute; top:12px; left:0; width:100%; }
    div.tBnrBox-1{ padding:0; }
    div.tBnrBox-1 a{ width:100%; height:auto; }
    div.tBnrBox-2{ margin-bottom: 0; }
    div.tBnrBox-2 a dl{ width:100%; }

    /*right*/
    div#mcontents div#mcr{ padding:72px 0 0; width:100%; float:none; }
    
    /* pCabox */
    div.pCabox{ width:100%; margin:0 auto 15px; }
    /* perioTbl */
    table.kosyuTbl{ width:100%; margin:10px auto 0; }
    
    /* 追記 */
    .btnPerio a{ display:block; }
    
}