@charset "utf-8";
ul{
    list-style: none;
}
li{
    list-style: none;
}
::marker{
    list-style: none;
}
/*===============================================================================
　プラチナ光（テレ・マーカー）  規約ページ（レスポンシブ）用 共通設定
===============================================================================*/
/* 装飾 開始 */
/* 装飾　終了 */

/* フォント 開始 */
/* フォント 終了 */

/* スペース　開始 */
/* スペース　終了 */

/* マーク付きリンク */
.m_link {
clear: both;
color: #222A43;
border-bottom: 1px dotted #222A43;
background: url(../img/common/blue_icon.png) no-repeat 10px center;
padding: 10px 10px 10px 30px;
font-size: 1em;
line-height: 1em;
margin-bottom: 10px;
margin-top: 20px;
text-decoration: none;
outline: none;
}
.mark_link {
clear: both;
color: #222A43;
background: url(../img/common/circle_icon.png) no-repeat 10px center;
padding: 10px 10px 10px 30px;
font-size: 1em;
line-height: 1em;
margin-top: 20px;
}

.pdf {
    background: url(../img/common/pdf_icon.png) no-repeat right center;
    background-size: 15px;
    padding-right: 30px;
}

/* h */

/* list */
.ul_indent {
    padding-left: 1em;
    text-indent: -1em;
}
.ul_indent2 {
    padding-left: 2em;
    text-indent: -2em;
}
.ul_indent3 {
    padding-left: 3em;
    text-indent: -3em;
}
.ul_indent4 {
    padding-left: 4em;
    text-indent: -4em;
}
.ul_indent5 {
    padding-left: 5em;
    text-indent: -5em;
}
.ul_indent6 {
    padding-left: 6em;
    text-indent: -6em;
}
.ul_indent7 {
    padding-left: 7em;
    text-indent: -7em;
}
.ul_indent8 {
    padding-left: 8em;
    text-indent: -8em;
}
.ul_indent18 {
    padding-left: 18em;
    text-indent: -18em;
}
/* 特殊　PCP別紙１で利用 */
.ul_padding_5 {
    padding-left: 5em;
    text-indent: -6em;
}
.ul_padding_8 {
    padding-left: 8em;
    text-indent: -9em;
}
/*  */
.ul_disc {
    list-style-type: disc;
    padding-left: 1em;
    text-indent: -1em;
}
.ul_num {
    list-style-type: decimal;
    padding-left: 1em;
    text-indent: -1em;
}

/* table */
/* dl dt dd */
.resp_dl dl {
    display: flex;
    flex-flow: row wrap;
    width: 98%;
    overflow-wrap: break-word;
}
.resp_dl dt {
    flex-basis: 38%;
    padding: 1em;
    background-color: #f1f1f1;
    border: 1px solid #ccc;
    /* border-bottom: 1px solid #ccc; */
}
.resp_dl dd {
    flex-basis: 50%;
    padding: 1em;
    background-color: #fff;
    /* border: 1px solid #ccc; */
    /* border-bottom: 1px solid #ccc; */
}

/* エリア */
#contents .terms_area{
    max-width:1000px;
	margin:20px auto 30px auto;
	padding:0;
    overflow: auto;
}

#contents .terms_area .txt_box{
    margin: 10px auto;
    padding: 20px 10px 10px 10px;
}

#contents .terms_area .attention{
    margin-left: 1em;
    text-indent: -1em;}

#contents .terms_block .terms_box{
        padding:10px 10px 30px 35px;}
/* エリア */

/* テーブル（PC・スマホ用） */
  .table_wrap_1 {
    width: 80%;
}

  table {
	margin: 20px 0;
  }
  .tbl-r02 th {
	background: #FFC000;
	border: solid 1px #333;
	color: #000;
	padding: 1em;
  }
  .tbl-r02 td {
    border: solid 1px #333;
	padding: 1em;
  }
  th {
	background: #FFC000;
	border: solid 1px #333;
	color: #000;
	padding: 1em;
  }
  td {
	border: solid 1px #333;
	padding: 1em;
  }
  .layout_fixed {
	table-layout: fixed;
  }


/* 利用規約　開始 */
.terms_title {
	line-height: 1.4;
	font-weight: bold;
	font-size: 1.47em;
	padding-top: 0.5em;
	padding-left: 0.5em;
	margin-left: -0.5em;
}
/* 利用規約　終了 */
/*===============================================================================
　プラチナ光（テレ・マーカー）  規約ページ（レスポンシブ）用 PC用設定
===============================================================================*/
@media screen and (min-width: 431px) {
/* table　sp用 */
	table.outline_none {
		border: none;
		font-weight:bold;
	}
		
	table.outline_none {
		width:100%;
		margin:20px 0 30px 0;
		border-collapse: collapse;
		border-spacing: 0;
	}
	
	table.outline_none th,
	table.outline_none td {
		width:20%;
		background:#ffffff;
		line-height:1.4;
		padding:15px;
		text-align:left;
	}
	
	dl.name_list dt{
		float:left;
		clear:both;
		width:300px;
	}
	/* テーブル　上積み */
	.tb01 th {
		background: #ff7bac;
		color: #fff;
		
	  }
	}
	/* dl dt dd */
	.resp_dl dd .border-top_1px {
		border-top: 1px solid #ccc;
	}
	.resp_dl dd {
		/* border: 1px solid #ccc; */
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	
/*===============================================================================
　　 規約ページ（レスポンシブ）　レスポンシブ対応	SP
===============================================================================*/	
@media screen and (max-width: 430px) {
    .table_wrap_1 {
        width: 100%;
    }
    
    table.outline_none {
        border: none;
        font-weight:bold;
        text-align: left;
    }
        
    table.outline_none {
        width:100%;
        margin:20px 0 30px 0;
        border-collapse: collapse;
        border-spacing: 0;
    }
    
    table.outline_none th,
    table.outline_none td {
        width:20%;
        background:#ffffff;
        line-height:1.4;
        padding:15px;
        text-align:left;
        font-weight: bold;
    }
    
    dl.name_list dt{
        float:left;
        clear:both;
        width:300px;
    }

/* dl dt dd */
.resp_dl dl {
    flex-flow: column;
}
.resp_dl .margin-top_2em {
    margin-top: 0em;
}
.resp_dl dd {
    border: none;
}
}

/*===============================================================================
　プラチナ光（テレ・マーカー）   規約ページ（レスポンシブ）用 SP・モバイル用設定
===============================================================================*/
@media screen and (max-width: 767px) {

}