@charset "UTF-8";
/* CSS Document */

@media screen and (min-width: 751px){
.contents_head{
	clear:both;
	width:924px;
	height:80px;
	margin:0 auto !important;
	padding: 0;
	display: block;
	background:url(../img/contents_head_bg_01.jpg) no-repeat;
}
.contents_head:after{
	/*content: url(../img/contents_head_img_01.png);*/
	clear:both;
	width:121px;
	height:240px;
	margin:0 ;
	padding: 0;
	display: block;
	position: relative;
	left:574px;
}
.sub_contents{
	clear:both;
	width:924px;
	height:auto;
	margin:30px auto 0 ;
	padding:30px 0 0;
	display: block;
	overflow: hidden;
}

/* main contents frame left ↓↓↓ */
.contents_left {
	clear:both;
	float: left;
	width:680px;
	height:auto;
	margin: 0 0 0 25px ;
	padding: 0;
	display: block;
}
.philosophy{
	clear:both;
	width:680px;
	height:315px;
	margin: 0 0 50px;
	padding: 0;
	background: url(../img/phi_bgi.jpg) no-repeat;
	display: block;
}
.contents_summary {
	clear:both;
	float: left;
	width:680px;
	height:auto;
	margin: 0px auto 100px;
	padding: 0;
	display: block;
	border-top:1px dotted #666;
}
.contents_summary > div:nth-child(odd){
	clear: both;
	float: left;
	width:105px;
	height: auto;
	margin: 10px 0 0 0;
	padding: 0 0 0 10px;
	display: block;
	overflow: hidden;
	text-align: left;
	border-left:5px solid #a784d4;
	color:#a784d4;
}
.contents_summary > div:nth-child(even){
	float: left;
	width:525px;
	height:auto;
	margin:15px 0 0 0px;
	padding:0 0 25px 0px;
	display: block;
	overflow: hidden;
	border-bottom:1px dotted #666;
	color:#666;
}


/*特定商取引に関する表記のページ用*/
.content_title{
	clear:both;
	width:680px;
	height:auto;
	margin: 0px auto 30px;
	padding: 0;
	font-size:18px;
	line-height: 18px;
	font-weight: bold;
	display: block;
}
.contents_asct {
	clear:both;
	float: left;
	width:680px;
	height:auto;
	margin: 0px auto 100px;
	padding: 0;
	font-size:12px;
	line-height: 12px;
	font-weight: normal;
	border-top:1px dotted #666;
	display: block;
	overflow: hidden;
}
.contents_asct > div:nth-child(odd){
	clear: both;
	float: left;
	width:120px;
	height: auto;
	margin: 10px 0 0 0;
	padding: 0 0 0 5px;
	display: block;
	overflow: hidden;
	text-align: left;
	border-left:5px solid #a784d4;
	color:#a784d4;
}
.contents_asct > div:nth-child(even){
	float: left;
	width:515px;
	height:auto;
	margin:15px 0 0 -125px;
	padding:0 0 25px 125px;
	display: block;
	overflow: hidden;
	border-bottom:1px dotted #666;
	color:#666;
}


/* main contents frame left ↑↑↑ */

/* main contents frame right ↓↓↓ */

.contents_right{
	float: right;
	width:200px;
	height:1045px;
	margin: 0px auto 25px !important;
	padding:0px;
	display: block;
}
/* main contents frame right ↑↑↑ */
}

@media screen and (max-width: 750px){
.contents_head{
	clear:both;
	width:100vw;
	height:12vw;
	margin:0 auto !important;
	padding: 0;
	display: block;	background:url(../img/contents_head_bg_01.jpg) no-repeat;
	background-size: contain;
	
}
.contents_head:after{
	/*content: url(../img/contents_head_img_01.png);
	clear:both;
	width:121px;
	height:240px;
	margin:0 ;
	padding: 0;
	display: block;
	position: relative;
	left:574px;*/
}
.sub_contents{
	clear:both;
	width:100vw;
	height:auto;
	margin:30px auto 0 ;
	padding:30px 0 0;
	display: block;
}

/* main contents frame left ↓↓↓ */
.contents_left {
	clear:both;
	width:100vw;
	height:auto;
	margin: 0 ;
	padding: 0;
	display: block;
}
.philosophy{
	clear:both;
	width:100vw;
	height:47vw;
	margin: 0 0 50px;
	padding: 0;
	background: url(../img/phi_bgi.jpg) no-repeat;
	background-size: contain;
	display: block;
}
.contents_summary {
	clear:both;
	width:90vw;
	height:auto;
	margin: 0px auto 50px;
	padding: 0;
	display: block;
	border-top:1px dotted #666;
}
.contents_summary > div:nth-child(odd){
	clear: both;
	width:90vw;
	height: auto;
	margin: 10px 0 0 0;
	padding: 0 0 0 10px;
	display: block;
	overflow: hidden;
	text-align: left;
	border-radius: 5px;
	border-left:10px solid #a784d4;
	color:#a784d4;
}
.contents_summary > div:nth-child(even){
	clear: both;
	width:90vw;
	height:auto;
	margin:15px 0 0;
	padding:0 0 25px;
	font-size:12px;
	line-height: 14px;
	display: block;
	overflow: hidden;
	border-bottom:1px dotted #666;
	color:#666;
}


/*特定商取引に関する表記のページ用*/
.content_title{
	clear:both;
	width:90vw;
	height:auto;
	margin: 0px auto 30px;
	padding: 0;
	font-size:14px;
	line-height: 16px;
	font-weight: bold;
	display: block;
}
.contents_asct {
	clear:both;
	width:90vw;
	height:auto;
	margin: 0px auto 100px;
	padding: 0;
	font-size:12px;
	line-height: 12px;
	font-weight: normal;
	display: block;
	border-top:1px dotted #666;
}
.contents_asct > div:nth-child(odd){
	clear: both;
	width:90vw;
	height: auto;
	margin: 10px 0 0 0;
	padding: 0 0 0 10px;
	display: block;
	overflow: hidden;
	text-align: left;
	border-radius: 5px;
	border-left:10px solid #a784d4;
	color:#a784d4;
}
}
.contents_asct > div:nth-child(even){
	clear: both;
	width:90vw;
	height:auto;
	margin:15px 0 0;
	padding:0 0 25px;
	font-size:12px;
	line-height: 14px;
	display: block;
	overflow: hidden;
	border-bottom:1px dotted #666;
	color:#666;
}


/* main contents frame left ↑↑↑ */

/* main contents frame right ↓↓↓ */

.contents_right{
	width:200px;
	height:1050px;
	margin: 0px auto 25px !important;
	padding:0px;
	display: block;
}
/* main contents frame right ↑↑↑ */
}