@charset "UTF-8";

/*--------------------------------------------------------------------------------
	privacypolicy
--------------------------------------------------------------------------------*/

body {
	background: #F8F8F8;
}

.p-legal {
	width: calc(100% - 40px);
	padding: 20px 20px 30px 20px;
	margin: 0 auto;
	background: #ffffff;
}

.p-legal-inner {
	padding: 30px 0 0 0;
}

.p-legal-inner p {
	font-size:1.8rem;
	line-height: 1.2;
}

.p-legal-inner p + p {
	margin-top: 1.2em;
}

.p-legal-ttl-01 {
	margin: 40px 0 20px 0;
}

.p-legal-inner .p-legal-ttl-01:first-child {
	margin-top: 0;
}

.p-legal-ttl-01-inner {
	font-size: 2.2rem;
	line-height: 1.2;
	font-weight: 500;
	display: table;
	margin: 0 0 0 0;
}

.p-legal-ttl-01-inner > span:nth-of-type(1) {
	display: table-cell;
	vertical-align: top;
	width: 48px;
}

.p-legal-ttl-01-inner > span:nth-of-type(2) {
	display: table-cell;
	vertical-align: top;
}



.p-legal-cts-01 {
	display: table;
	font-size: 1.8rem;
	line-height: 1.2;
	font-weight: 300;
	margin: 20px 0 0 0;
    width: 100%;
}

.p-legal-ttl-02 + .p-legal-cts-01 {
    margin-top: 5px;
}

.p-legal-cts-01 > div:nth-of-type(1) {
	display: table-cell;
	vertical-align: top;
	width: 48px;
	font-weight: 400;
}

.p-legal-cts-01 > div:nth-of-type(2) {
	display: table-cell;
	vertical-align: top;
}

.p-legal-cts-02 {
	font-size: 1.8rem;
	line-height: 1.2;
	font-weight: 300;
	padding: 0 0 0 54px;
	margin: 20px 0 0 0;
}

.p-legal-cts-03 {
	font-size: 1.8rem;
	line-height: 1.2;
	font-weight: 300;
	margin: 20px 0 0 0;
}

.p-legal-cts-list-01 {
	margin: 0 0 10px 0;
}

.p-legal-cts-list-01 > li {
	margin: 10px 0 0 0;
}

.p-legal-cts-list-01 > li > dl {
	display: table;
	font-size: 1.8rem;
	line-height: 1.2;
	font-weight: 300;
}

.p-legal-cts-list-01 > li > dl > dt {
	display: table-cell;
	vertical-align: top;
	width: 27px;
}

.p-legal-cts-list-01 > li > dl > dd {
	display: table-cell;
	vertical-align: top;
}

.p-legal-cts-01 span,
.p-legal-cts-02 span {
	font-weight: 400;
}

.p-legal-underline {
    text-decoration: underline;
}

.p-legal-red {
    color: #CA0915;
}

.p-legal-inner a {
    text-decoration: underline;
}

.p-legal-ul-01 {
    margin: 1.2em 0;
}

.p-legal-ul-01.p-legal-ul-01--margintop0 {
    margin-top: 0.4em;
}

.p-legal-ul-01.p-legal-ul-01--marginbottom0 {
    margin-bottom: 0;
}

.p-legal-ul-01 li {
    position: relative;
    padding-left: 22px;
}

.p-legal-ul-01 li + li {
    margin-top: 10px;
}

.p-legal-ul-01 li:before {
    content: "●";
    font-size: 3px;
    position: absolute;
    top: 8.5px;
    left: 5px;
}

.p-legal-mail {
    height: 0.9em;
    width: auto;
    vertical-align: middle;
}

@media only screen and (min-width: 768px){

	.p-legal {
		width: calc(100% - 80px);
		max-width: 940px;
		padding: 40px 40px 60px 40px;
		margin: 0 auto;
		background: #ffffff;
	}

	.p-legal-inner {
		padding: 60px 60px 0 60px;
	}

	.p-legal-ttl-01 {
		margin: 60px 0 30px 0;
	}

}


/*トップページ*/

.p-privacyindex {
	padding-left: 25px;
	padding-right: 25px;
}

.p-legalindex-list {
    margin-top: 30px;
}

.p-legalindex-list li {
    padding: 2px;
    font-size: 1.8rem;
}

.p-legalindex-list a {
    display: block;
    background: #FFF;
    padding: 0.5em 3em 0.5em 1em;
    position: relative;
}

.p-legalindex-list a:after {
    content: "";
    background: url("../../img/top/icn-arrow-01.svg") no-repeat right bottom;
    background-size: auto 100%;
    width: 3em;
    height: 7px;
    position: absolute;
    right: 1em;
    bottom: 0.8em;
}

@media only screen and (min-width: 768px){
	
    .p-privacyindex {
        padding-top: 34px;
    }
    
    .p-legalindex-list {
        max-width: 860px;
        margin: 60px auto 0 auto;
    }

    .p-legalindex-list a:after {
        content: "";
        background: url("../../img/top/icn-arrow-01.svg") no-repeat right bottom;
        background-size: auto 100%;
        width: 50px;
        height: 10px;
        position: absolute;
        right: 1em;
        bottom: 0.8em;
    }
}


/* table */

.p-legal-table {
	display: table;
	width: 100%;
}

.p-legal-table > dt {
	display: table-cell;
	vertical-align: top;
	background: #F4F4F4;
	width: 160px;
	border-right: solid 5px #ffffff;
	border-bottom: solid 5px #ffffff;
	padding: 10px 0 8px 10px;
	font-size: 1.6rem;
	line-height: 1.2;
	font-weight: 300;
}

.p-legal-table > dd {
	display: table-cell;
	vertical-align: top;
	background: #F4F4F4;
	border-bottom: solid 5px #ffffff;
	padding: 10px 10px 8px 10px;
	font-size: 1.6rem;
	line-height: 1.2;
	font-weight: 300;
}

@media only screen and (min-width: 768px){

	.p-legal-table > dt {
		width: 240px;
		padding: 12px 15px 10px 15px;
		font-size: 1.8rem;
	}

	.p-legal-table > dd {
		padding: 12px 20px 10px 20px;
		font-size: 1.8rem;
	}
	
	.p-legal-txt-01 {
		font-size: 1.6rem;
		padding-top: 10px;
	}

}


.p-legal-ttl-02 {
	margin: 30px 0 0 0;
}

.p-legal-ttl-02:first-child {
    margin-top: 0;
}

.p-legal-ttl-02-inner {
	font-size: 2.0rem;
	line-height: 1.2;
	font-weight: 500;
	display: table;
	margin: 0 0 0 0;
    background: #111F4B;
    color: #FFF;
    padding: 10px;
    width: 100%;
}

@media only screen and (min-width: 768px){
    
    .p-legal-ttl-02-inner {
		padding: 12px 15px 10px 15px;
	}
    
}