@charset "utf-8";

/* ---------------------------------------------------
   File: legal.css
   Version: 1.0.0
   Update: 2018-02-05
   Author: http://flowlab.co.jp

   (c)2007-2018 Flowlab inc. All Rights Reserved.
--------------------------------------------------- */




/* ===========================================================================================================================================

   WIDE DESKTOP LAYOUT

=========================================================================================================================================== */

#legal {
	padding-top: 0;
	border-bottom: #bebebe solid 1px;
	margin-bottom: 100px;
}

/* ====================================================
		Dl
==================================================== */
#legal dl {
}
#legal dt,
#legal dd {
	padding: 50px 20px 30px;
	display: block;
	border-top-color: #bebebe;
	border-top-style: solid;
	border-top-width: 1px;
}
#legal dt {
	clear: both;
	margin-right: 0;
}
#legal dd:last-child {
	padding-bottom: 10px;
}

/* -------------------------------
		Reset
------------------------------- */
#legal dd ul,
#legal dd ol,
#legal dd p {
	padding: 0;
	margin: 0;
}

/* -------------------------------
		Title
------------------------------- */
#legal dd h2 {
	font-size: 1em;
	text-align: left;
	border-top: 1px solid #bebebe;
	padding-top: 30px;
	margin-bottom: 10px;
}
#legal dd.bdrNone li:first-child h2 {
	border-top: none;
	padding-top: 0;
}

/* -------------------------------
		List
------------------------------- */
#legal dd.inList li {
	padding-bottom: 30px;
}
#legal dd.inList li:last-child {
	padding-bottom: 0;
}
#legal dd.inList li ul li {
	padding-bottom: 0;
}


/* -------------------------------
		Text
------------------------------- */
#legal dd.inList .txt {
	padding-bottom: 30px;
}

/* -------------------------------
		Mail Address
------------------------------- */
#mailAddress img {
	width: auto;
	height: 22px;
}



/* ===========================================================================================================================================

   TABLET - LARGE

============================================================================================================================================= */
@media screen and (min-width: 992px) and (max-width: 1199px) {

	
	
	
}


/* ===========================================================================================================================================

   TABLET

============================================================================================================================================= */
@media screen and (min-width: 768px) and (max-width: 991px) {
	
	
	
	
}




/* ===========================================================================================================================================

   MOBILE

============================================================================================================================================= */
@media screen and (max-width: 767px) {

#legal {
	border-bottom: none;
}
	
/* ====================================================
		Dl
==================================================== */
#legal dl {
}
#legal dt,
#legal dd {
	padding: 40px 20px;
	display: block;
	border: none;
}
#legal dt {
	border-left: solid 6px #2280bb;
	margin-right: 0;
	padding: 0 4%;
}
#legal dd {
	padding: 10px 4% 40px;
	border: none;
}
	

/* -------------------------------
		Title
------------------------------- */
#legal dd h2 {
	padding-top: 20px;
	margin-bottom: 10px;
}
	#legal dd h2::before {
		content: "【";
	}
	#legal dd h2::after {
		content: "】";
	}
	
/* -------------------------------
		List
------------------------------- */
#legal dd.inList li {
	padding-bottom: 15px;
}
#legal dd.inList li:last-child {
	padding-bottom: 0;
}
#legal dd.inList li ul li {
	padding-bottom: 0;
}	
	

	
}