@charset "utf-8";
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/

#pagePath {
	margin-bottom: 121px;
}

#main .headLine {
	margin-bottom: 41px;
	font-size: 12px;
}

#main .textBox .lBox {
	width: 438px;
	float: left;
}

#main .textBox .lBox h3 {
	margin-bottom: 4px;
	text-align: center;
	font-size : 20px;
	line-height: 2.5;
	font-family: "游明朝","YuMincho","Hiragino Mincho Pro","MS PMincho","ＭＳ Ｐ明朝","ヒラギノ明朝 Pro W6",serif;
}

#main .textBox .lBox .noteBox {
	margin-bottom: 15px;
	padding: 25px 10px 28px;
	text-align: center;
	background-color: #EDEDED;
}

#main .textBox .lBox .noteBox .icon {
	margin-bottom: 12px;
}

#main .textBox .lBox .noteBox .icon img {
	width: 46px;
}

#main .textBox .lBox .noteBox .ttl {
	color : #BA1E32;
	font-size: 15px;
	font-weight: 600;
}

#main .textBox .lBox .noteBox p {
	font-size : 11px;
	line-height: 2.31;
	letter-spacing: 2px;
}

#main .textBox .note {
	font-size: 11px;
	line-height: 2;
	text-align: justify;
	letter-spacing: 1.5px;
}

#main .textBox .rBox {
	padding: 68px 59px 67px 58px;
	margin-top: 13px;
	width: 429px;
	float: right;
	box-sizing: border-box;
	border: 1px solid #c7c7c7;
}

#main .textBox .rBox .title {
	margin-bottom: 8px;
	padding: 7px 10px 6px;
	font-size : 11px;
	line-height: 1.68;
	letter-spacing: 3px;
	text-align: center;
	background-color: #EDEDED;
}

#main .textBox .rBox .line {
	margin-bottom: 19px;
	font-size : 16px;	
	font-family: "游明朝","YuMincho","Hiragino Mincho Pro","MS PMincho","ＭＳ Ｐ明朝","ヒラギノ明朝 Pro W6",serif;
	background: url(../img/attention/bg.jpg) repeat left bottom 2px;
	background-size: auto 44px;
	line-height: 44px;
	letter-spacing: 4px;
	font-weight: 600;
	text-align: center;
}

#main .textBox .rBox .note {
	letter-spacing: 0.5px;
}

#main .Box{
	box-sizing: border-box;
	margin-bottom: 100px;
	padding: 68px 59px 67px 58px;
	box-sizing: border-box;
	border: 1px solid #c7c7c7;
}
#main .mds{
	text-align: center;
	font-size: 23px;
	font-weight: bold;
	line-height: 1.8em;
	font-family: "游明朝","YuMincho","Hiragino Mincho Pro","MS PMincho","ＭＳ Ｐ明朝","ヒラギノ明朝 Pro W6",serif;
	margin-bottom: 20px;
}
#main .Box .note {
	font-size: 13px;
	line-height: 2;
	letter-spacing: 1px;
}
#main .Box .note span {
    text-decoration: underline;
}
#main .Box .note a {
	color:#AD1E32;
}
#main .Box .note a:hover {
    text-decoration: underline;
	color:#AD1E32;
}
.box{
	display:flex;
}
.sample{
	display:block;
	margin: 10px 5px;

}

@media screen and (max-width: 767px) {
	
	#pagePath {
		margin-bottom: 69px;
	}
	
	#main .headLine {
		margin-bottom: 35px;
		font-size: 9px;
	}
	
	#main .textBox .lBox {
		width: auto;
		float: none;
	}
	
	#main .textBox .rBox {
		padding: 49px 49px 40px 49px;
		margin-top: 16px;
		width: auto;
		float: none;
	}
	
	#main .textBox .lBox h3 {
		margin-bottom: 6px;
		font-size: 18px;
		line-height: 2.43;
	}
	
	#main .textBox .lBox .noteBox .icon img {
		width: 41px;
	}
	
	#main .textBox .lBox .noteBox .ttl {
		font-size: 18px;
		line-height: 1.38;
		margin-bottom: 10px;
		text-align: center;
	}
	
	#main .textBox .lBox .noteBox {
		margin-bottom: 13px;
		padding: 48px 49px 43px;
	}
	
	#main .textBox .lBox .noteBox .icon {
		margin-bottom: 24px;
		text-align: center;
	}
	
	#main .textBox .lBox .noteBox p {
		text-align: left;
		font-size: 13.5px;
		line-height: 2;
		text-align: justify;
		letter-spacing: 0.5px;
	}
	
	#main .textBox .note {
		font-size: 13.5px;
		line-height: 2;
		letter-spacing: 0.5px;
	}
	
	#main .textBox .rBox .title {
		margin-bottom: 12px;
		padding: 13px 10px 9px;
		font-size: 12.5px;
		line-height: 2;
		letter-spacing: 2px;
	}
	
	#main .textBox .rBox .line {
		margin-bottom: 11px;
		font-size: 13.5px;
		line-height: 40px;
		letter-spacing: 3px;
		background-size: auto 40px;
		background-position: left bottom 4px;
	}
	
	#main .textBox .rBox .note {
		font-size: 12.5px;
	}
	#main .Box{
	margin-bottom: 50px;
	padding: 20px;
	}
	#main .mds{
		font-size: 20px;
	}
.box{
	    display: block;
    margin: 10px 0;
}

}
