/* ------------------------------------------
  MAIN ＊BOX＊
--------------------------------------------- */
#MAIN{
	padding-left:10px;
	padding-right:10px;
	clear:both;
	margin-top:80px;
	}	
@media screen and (min-width: 980px) {/* PC */	
#MAIN{
	padding-left:0;
	padding-right:0;
	clear:both;
	width:960px;
	margin:0 auto;
	margin-top:130px;
	}
}
/* ------------------------------------------
  MAIN ＊見出し＊
--------------------------------------------- */
#MAIN .page_title_box{
	margin-bottom:3em;
	}
#MAIN h2{
	text-align:center;
	margin-bottom:5%;
	width:100%;
	font-size:28px;
	line-height:1em;
	}
	#MAIN h2 span{
		font-size:16px;
	}
	#MAIN pre{
		text-align:center;
		font-size:14px;
	}
		#MAIN pre i{
			margin-right:5px;
	}	
@media screen and (min-width:980px) {/* PC */			
#MAIN h2{
	text-align:left;
	margin-left:3%;
	margin-bottom:1%;
	font-size:28px;
	line-height:1.1em;
	}
	#MAIN h2 span{
		font-size:20px;
	}
	#MAIN pre{
		text-align:right;
	}	
}
/* ------------------------------------------
  MAIN ＊カタログ、紹介文＊
--------------------------------------------- */
#MAIN .sec1{
	display:flex; /*ボックス要素横並び*/
	flex-wrap:wrap; /*子要素の折返し*/
	flex-direction:column;	
	width:100%;
	margin-top:20px;
	margin-bottom:50px;
}
	#MAIN .sec1 div{
		display:flex;
		flex-direction:column;
		width:100%;
		height:auto;
		margin:0 auto;			
}
#MAIN .sec1 div img{
		max-width:100%;
		max-height:100%;
		object-fit: contain;		
}
	#MAIN .sec1 .greetings{
		padding:20px 0;
}
		#MAIN .sec1 .greetings_img p{
			margin-bottom:2em;
}
		#MAIN .sec1 .greetings p{
			font-size:3.5vw;
			line-height:1.8em;
			margin-top:-1em;
			text-align:left;			
}
		#MAIN .sec1 .greetings p + p{
			margin-top:1em;		
}
		#MAIN .sec1 div p br{
			display:none;	
}
		#MAIN .sec1 .greetings pre{
			margin-top:1em;	
			font-size:3.5vw;	
}
		#MAIN .sec1 .greetings pre i{
			padding-right:5px;	
}
#MAIN .sec1 .greetings pre a{text-decoration:none;color:#993399;}
#MAIN .sec1 .greetings pre a:link{text-decoration:none;color:#993399;}
#MAIN .sec1 .greetings pre a:visited{text-decoration:none;color:#993399;}
#MAIN .sec1 .greetings pre a:hover{text-decoration:none;color:#333;}
#MAIN .sec1 .greetings pre a:active{text-decoration:none;color:#993399;}
@media only screen and (min-width: 491px)
	    and (max-width: 979px){	
#MAIN .sec1{
	display:flex; /*ボックス要素横並び*/
	flex-wrap:wrap; /*子要素の折返し*/
	justify-content: center;
	margin-top:20px;
}
	#MAIN .sec1 div{
		display:flex;
		flex-direction:column;
		
		height:auto;
}
#MAIN .sec1 .greetings{
		padding:20px 0;
		width:100%;
}
		#MAIN .sec1 .greetings_img p{
			margin-bottom:2em;
}
		#MAIN .sec1 .greetings p{
			font-size:16px;
			line-height:1.8em;
			text-align:center;		
}
		#MAIN .sec1 div p br{
			display:block;	
}
		#MAIN .sec1 .greetings pre{
			margin-top:1em;	
			font-size:16px;	
}	
}
@media screen and (min-width:980px) {/* PC */	
#MAIN .sec1{
	display:flex; /*ボックス要素横並び*/
	flex-wrap:wrap; /*子要素の折返し*/
	flex-direction:row;
	margin-top:40px;
}
#MAIN .sec1 div{
		display:flex;
		flex-direction:column;
		justify-content: center;
		align-items: center;
		width:auto;
		height:auto;	
}
#MAIN .sec1 div img{
		height:auto;	
}
#MAIN .sec1 .greetings_img{
		width:370px;
}
		#MAIN .sec1 .greetings_img p{
			margin-bottom:0;
}
#MAIN .sec1 .greetings{
		width:610px;
		height:410px;
}
		#MAIN .sec1 .greetings p{
			font-size:16px;
			line-height:1.8em;
			text-align:center;	
}
		#MAIN .sec1 div p br{
			display:block;	
}
		#MAIN .sec1 .greetings pre{
			margin-top:1em;	
			font-size:16px;	
}			
}
/* ------------------------------------------
  MAIN PRIVACY＊プライバシーポリシー＊
--------------------------------------------- */
#MAIN #PRIVACY{
	text-align:left;
	line-height:1.8em;
	margin-top:-20px;
	padding-top:20px;
	}
	#MAIN #PRIVACY h3{
	font-size:5vw;
	color:#0E357A;
	margin-top:100px;
	}	
	#MAIN #PRIVACY h4{
	font-size:3.5vw;
	font-weight:400;
	margin-top:1em;
	}
	#MAIN #PRIVACY ul{
	margin-top:1.5em;
	}
		#MAIN #PRIVACY ul li{
		line-height:2em;
		font-size:3.5vw;
		}
		#MAIN #PRIVACY ul li:first-child{
		font-weight:500;
		}
			#MAIN #PRIVACY ul li ul{
			margin-top:0;
			}
				#MAIN #PRIVACY ul li ul li{
				list-style-type:disc;
				margin-left:1.5em;
				}
				#MAIN #PRIVACY ul li ul li:first-child{
				font-weight:300;
				}
@media screen and (min-width:481px) {
#MAIN #PRIVACY{
	text-align:left;
	line-height:1.8em;
	}
	#MAIN #PRIVACY h3{
	font-size:20px;
	color:#0E357A;
	margin-top:100px;
	}	
	#MAIN #PRIVACY h4{
	font-size:16px;
	font-weight:400;
	margin-top:1em;
	}
	#MAIN #PRIVACY ul{
	margin-top:1.5em;
	}
		#MAIN #PRIVACY ul li{
		line-height:2em;
		font-size:16px;
		}
		#MAIN #PRIVACY ul li:first-child{
		font-weight:500;
		}
			#MAIN #PRIVACY ul li ul{
			margin-top:0;
			}
				#MAIN #PRIVACY ul li ul li{
				list-style-type:disc;
				margin-left:1.5em;
				}
				#MAIN #PRIVACY ul li ul li:first-child{
				font-weight:300;
				}
}