@charset "UTF-8";
/*--------------------------------------------------
**************************************************
  PC用
**************************************************
--------------------------------------------------*/
@media screen and (min-width: 768px) {
	
	#page_title{
		background: url(../images/others/others_h1_bg.jpg) no-repeat center;
		background-size: cover;
	}	

/* ----------------------------------------
	antiforcerej
---------------------------------------- */

	section h2 {
		font-size: 18px;
		padding: 12px 15px 10px 30px;
		position: relative;
		color: white;
		background-color: #e71e29;
		border-bottom: 3px solid #c00;
	}
	section h2::after {
		 position: absolute;
		 top: 50%;
		 left:0;
		 transform:translateY(-50%);
		 content: '';
		 width: 18px;
		 height:4px;
		 background-color:white;
	}
	.others_contents ul li {
		padding: 15px 0;
		border-bottom: 1px dotted;
	}
	.align_r {
		text-align: right;
	}
	
/* ----------------------------------------
	privacy
---------------------------------------- */
	.privacy_dl dt {
		font-size: 20px;
		font-weight: bold;
		letter-spacing: 0.1em;
	}
	.privacy_dl dd {
		margin-top: 20px;
		line-height: 2em;
	}
	.privacy_dl dd ol li {
		padding-bottom: 10px;
	}
	.privacy_dl dd ul {
		margin: 20px;
	}
	.privacy_inner {
		margin: 20px 0 0;
	}
	.privacy_inner dt {
		font-size: 16px;
	}
	.privacy_inner dd {
		margin-top: 10px;
	}

/* ----------------------------------------
	sitemap
---------------------------------------- */
	.sitemap_ul li {
		padding: 0 !important;
	}
	.sitemap_ul li a {
		padding: 15px 10px;
		display: block;
		position: relative;
	}
	.sitemap_ul li.inner a {
		padding-left: 30px;
	}
	.sitemap_ul li.inner_inner a {
		padding-left: 50px;
	}
	.sitemap_ul li a::before {
		content: "";
		z-index: -1;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 0%;
		height: 100%;
		background: #e71e29;
		transition: width 1s;
		transition-delay: 0s;
	}
	.sitemap_ul li a:hover {
		color: #FFF;
	}
	.sitemap_ul li a:hover::before {
		width: 100%;
	}
	
	
	
	
}/* End PC */



/*--------------------------------------------------
**************************************************
  SP用
**************************************************
--------------------------------------------------*/
@media screen and (max-width: 767px) {
	
	#page_title{
		background: url(../images/others/others_h1_bg.jpg) no-repeat right 70%;
		background-size: cover;
	}	

/* ----------------------------------------
	antiforcerej
---------------------------------------- */

	section h2 {
		font-size: 3vw;
		padding: 2vw 3vw 1.5vw 5vw;
		position: relative;
		color: white;
		background-color: #e71e29;
		border-bottom: 3px solid #c00;
	}
	section h2::after {
		 position: absolute;
		 top: 50%;
		 left:0;
		 transform:translateY(-50%);
		 content: '';
		 width: 3vw;
		 height:4px;
		 background-color:white;
	}
	section h2 {
		font-size: 18px;
		padding: 12px 15px 10px 30px;
		position: relative;
		color: white;
		background-color: #e71e29;
		border-bottom: 3px solid #c00;
	}
	section h2::after {
		 position: absolute;
		 top: 50%;
		 left:0;
		 transform:translateY(-50%);
		 content: '';
		 width: 18px;
		 height:4px;
		 background-color:white;
	}
	.others_contents ul li {
		padding: 15px 0;
		border-bottom: 1px dotted;
	}
	.align_r {
		text-align: right;
	}
	
/* ----------------------------------------
	privacy
---------------------------------------- */
	.privacy_dl dt {
		font-size: 4.5vw;
		font-weight: bold;
		letter-spacing: 0.1em;
	}
	.privacy_dl dd {
		margin-top: 20px;
		line-height: 2em;
		font-size: 3.5vw;
	}
	.privacy_dl dd ol li {
		padding-bottom: 10px;
	}
	.privacy_dl dd ul {
		margin: 20px;
	}
	.privacy_inner {
		margin: 20px 0 0;
	}
	.privacy_inner dt {
		font-size: 3.5vw;
	}
	.privacy_inner dd {
		margin-top: 10px;
	}

/* ----------------------------------------
	sitemap
---------------------------------------- */
	.sitemap_ul li {
		padding: 0 !important;
	}
	.sitemap_ul li a {
		padding: 15px 10px;
		display: block;
		position: relative;
	}
	.sitemap_ul li.inner a {
		padding-left: 30px;
	}
	.sitemap_ul li.inner_inner a {
		padding-left: 50px;
	}
	.sitemap_ul li a::before {
		content: "";
		z-index: -1;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 0%;
		height: 100%;
		background: #e71e29;
		transition: width 1s;
		transition-delay: 0s;
	}
	.sitemap_ul li a:hover {
		color: #FFF;
	}
	.sitemap_ul li a:hover::before {
		width: 100%;
	}


}/* End SP */