/*
    terms-and-condition.css
*/
/*
    For reset.
*/

	*{
        -webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

	button, input, select, textarea {
		font-family : inherit;
		font-size   : 100%;
	}

/************************************** For PC. **************************************/
	div.TERM_WP{
		width:100%;
        border-bottom:1px solid #434343;
        margin-bottom:10px;
        line-height:1.8em;
	}

	div.TERM_WP_TH{
		width:100%;
        border-bottom:1px solid #434343;
        margin-bottom:10px;
        line-height:1.8em;
        overflow-x: scroll;
	}

	div.TERM_SCR_TH{
		width:1450px;
	}

	div.TERM_WP h2{
		font-size:180%;
        font-weight:bold;
        margin-bottom:40px;
	}

	div.TERM_BOX{
		width:86%;
        margin:0 auto;
        padding:50px 0 50px 0;
	}

	div.BOX_1A1{
	  font-size:0.9em;
		width:100%;
        max-width: 1000px;
		margin-bottom:20px;
	}


	div.BOX_1A1 h3{
	  font-weight:bold;
	  display: -webkit-box;  /*Android*/
	  display: -moz-box;     /*Firefox*/
	  display: -ms-flexbox;  /*IE*/
	  display: -webkit-flex; /*PC-Safari,iOS*/
	  display: flex;
		margin-bottom:10px;
	}

	div.BOX_1A1 h3:lang(ja) {
	  font-family: 'NotoSansCJKjp-Regular', sans-serif;
	}

	div.BOX_1A1 h3:lang(en) {
	  font-family: 'NotoSansCJKjp-Regular', sans-serif;
	}

	div.BOX_1A1 h3:lang(th) {
	  font-family: 'NotoSansCJKjp-Regular', sans-serif;
	}

	div.BOX_1A1 h3:lang(zh) {
		-webkit-text-stroke:0;
	}
	div.BOX_1A1 h3 span{
	  font-weight:bold;
	  display:block;
	  width:8%;
	  margin-right:2%;
	  text-align:right;
	}

	p.info_1A1{
	  margin-bottom:30px;
	}

	div.LIST_1A1{
	  font-weight:normal;
	}

	div.LIST_1A1 p{
		margin:0;
		padding:0;
	}

	div.LIST_1A1 ul{
		margin:0;
		padding:0;
	}

	div.LIST_1A1 ul li{
		margin-bottom:15px;
	  display: -webkit-box;  /*Android*/
	  display: -moz-box;     /*Firefox*/
	  display: -ms-flexbox;  /*IE*/
	  display: -webkit-flex; /*PC-Safari,iOS*/
	  display: flex;
	}

	div.LIST_1A1 ul li p:first-child{
	  width:8%;
	  margin-right:2%;
	  text-align:right;
	}

	div.LIST_1A1 ul li p:last-child{
	  width:90%;
	  display: flex;
      align-items: flex-start;
	}

	div.LIST_1A1 ul li p:last-child span{
	  display:block;
	  padding-right:20px;
	}

  div.TERM_1Ax{
		width:90%;
		margin:0 auto;
		margin-top:50px;
		margin-bottom:50px;
  }

	div.TERM_1Ax h2{
		border-left:2px solid #71C5E8;
		padding-left:20px;
		margin-bottom:20px;
	  font-size:1.8em;
	}

  div.TERM_1A1{
		width:90%;
		margin:0 auto;
		margin-top:50px;
		margin-bottom:50px;
  }

	div.TERM_1A1 h2{
		border-left:2px solid #71C5E8;
		padding-left:20px;
		margin-bottom:20px;
	  font-size:1.8em;
	}

  /* common */
	div.BOX_1Ax{
	  font-size:0.9em;
		width:100%;
        max-width: 1000px;
	  display: -webkit-box;  /*Android*/
	  display: -moz-box;     /*Firefox*/
	  display: -ms-flexbox;  /*IE*/
	  display: -webkit-flex; /*PC-Safari,iOS*/
	  display: flex;
	  flex-direction: row;
	  justify-content: space-between;
		-webkit-align-items: flex-start; 
	  align-items: flex-start;
		margin-bottom:20px;
	}

	div.BOX_1Ax h3{
	  width:20%;
	  margin-right:3%;
	  font-weight:normal;
	}

	div.BOX_1Ax h3:lang(ja) {
	  font-family: 'NotoSansCJKjp-Regular', sans-serif;
	}

	div.BOX_1Ax h3:lang(en) {
	  font-family: 'NotoSansCJKjp-Regular', sans-serif;
	}

	div.BOX_1Ax h3:lang(th) {
	  font-family: 'NotoSansCJKjp-Regular', sans-serif;
	}

	div.BOX_1Ax h3:lang(zh) {
		-webkit-text-stroke:0;
	}

	div.LIST_1Ax{
	  width:77%;
	  font-weight:normal;
	}

	div.LIST_1Ax p{
		margin:0;
		padding:0;
	}

	div.LIST_1Ax ol{
		margin:0;
		padding:0;
		margin-left: 3.5em; 
		counter-reset: count;
	}

	div.LIST_1Ax ol li{
		list-style-type:none;
	  counter-increment: count;
		margin-bottom:15px;
	}

	div.LIST_1Ax ol li ul li{
	  counter-increment: none;
	}

	div.LIST_1Ax ol li::before{
	  content: "(" counter(count, lower-alpha) ")";
		display:inline-block;
		margin-left:-3em;
		width: 3em;
	}

	div.LIST_1Ax ol li ul{
		margin-top:15px;
		margin-left:30px;
	}

	div.LIST_1Ax ol li ul li{
		list-style-type:none;
	}

	div.LIST_1Ax ol li ul li::before{
	  content: "";
	}

	div.BOX_PDPA_1A1{
	  font-size:0.9em;
		width:100%;
        max-width: 1000px;
		margin-bottom:20px;
	}

	div.BOX_PDPA_1A1 h3{
	  font-weight:bold;
		margin-bottom:10px;
	}

	div.BOX_PDPA_1A1 p{
    margin:0;
    padding:0;
		margin-bottom:10px;
	}

	div.LIST_1A1 ul li p:last-child a{
	  color:#000;
      display:inline;
      font-weight:bold;
      text-decoration:underline;
	}

	div.LIST_1A1 ul li p:last-child a:hover{
	  color:#0080c0;
	}


/************************************** For SP. **************************************/
@media screen and (max-width:767px){
	div.TERM_WP{
        border-bottom:0;
        line-height:2.0em;
	}
	div.TERM_WP_TH{
		width:100%;
        margin-bottom:10px;
        border-bottom:0;
        line-height:2.0em;
        overflow-x: hidden;
	}

	div.TERM_SCR_TH{
		width:100%;
	}

	div.TERM_BOX{
		width:100%;
		padding: 40px 20px;
	}

	div.BOX_1A1{
		flex-wrap: wrap;
	  flex-direction: row;
	  justify-content: flex-start;
		-webkit-align-items: flex-start; 
	  align-items: flex-start;
	}

	div.BOX_1A1 h3{
		width:100%;
	  margin-right:0;
	  margin-bottom:15px;
	}

	div.LIST_1A1{
		width:100%;
	}

	div.BOX_1A1 h3 span{
	  width:auto;
	  text-align:left;
	}

  div.TERM_1Ax{
		width:100%;
		padding:0 10px;
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  -o-box-sizing: border-box;
	  -ms-box-sizing: border-box;
	  box-sizing: border-box;
  }

	div.BOX_1Ax{
		flex-wrap: wrap;
	  flex-direction: row;
	  justify-content: flex-start;
		-webkit-align-items: flex-start; 
	  align-items: flex-start;
	}

	div.BOX_1Ax h3{
		width:100%;
	  margin-right:0;
	  margin-bottom:15px;
	}

	div.LIST_1Ax{
		width:100%;
	}

	div.BOX_PDPA_1A1 h3{
		width:100%;
	  margin-right:0;
	  margin-bottom:15px;
	}


}