@charset "utf-8";
/* CSS Document */
body {
	overflow: hidden;
}

#contents{
	background:url(img/bc.jpg) no-repeat left top;
	line-height:140%;
	text-align:center;
	font-size: 120%;
    font-family: 'ŸàƒSƒVƒbƒN', 'YuGothic', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', '‚l‚r ƒSƒVƒbƒN', sans-serif;
    line-height: 160%;
	letter-spacing:0.08em;
	margin:0;
}
#contents_in{
	padding:3%;
}
#contents p{
	margin-bottom:0;
}
#contents p.att{
	font-size:95%;
	color:#ff0000;
}
#contents a{
	color:#000;
	text-decoration:none;
}
#contents a:hover{
	opacity:0.5;
}

#contents h1{
	margin:5% auto 1%;
	font-size:calc(140% + 0.4vw);
	font-style:italic;
	line-height:150%;
}
#contents h2{
	margin:3% auto 2%;
	font-size:calc(100% + 0.4vw);
}
#contents h2 span {
	background:#e9d24f;
	padding:1%;
	margin-right:2%;
}
#contents h3{
	margin:2% auto;
	font-size:calc(130.5% + 0.4vw);
	position: relative;
	display: inline-block;
	margin-bottom: 1em;
	font-style:italic;
}
#contents h3:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 80px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color:	#1d2088;
  border-radius: 2px;
}
#contents h4{
	margin:1% auto 2%;
	font-size:calc(100% + 0.4vw);
	font-style:italic;
}
#contents h5{
	margin:3% auto 1%;
	margin-left:3%;
	font-size:calc(85% + 0.4vw);
}
div.box{
	width:75%;
	float:right;
	margin:2% 5% 1% 10%;
}
div.box_about{
	width:70%;
	margin:2% auto;
	text-align:left;
}
div.box_about p{
	margin-left:3%;
	font-size:calc(70% + 0.4vw);
	border-bottom:1px dotted #1d2088;
	padding-bottom:1%;
}
div.menu{
	float:left;
	width:27%;
	margin-right:1%;
}
div.menu img{
	width:100%;
}
div.text{
	float:right;
	width:69%;
	text-align:left;
	padding-left:2%;
	border-left: 1px solid #1d2088;
}
div.target{
	width:70%;
	border:1px dotted #1d2088;
	padding:2%;
	margin:1% auto;
	border-radius:10px;
	text-align:left;
}
div.target ul li{
	background:url(img/ico_check.png) no-repeat;
	padding-left:35px;
	list-style:none;
}
div.products{
	width:70%;
	border:1px dotted #1d2088;
	padding:2%;
	margin:1% auto;
	border-radius:10px;
	text-align:left;
}
div.contact{
	width:100%;
	margin:3% 0 0;
	padding:1% 0 3%;
	background:#c9c9c9;
	clear:both;
	display:block;
}
div.btn{
	background:#fbda23;
	padding:2%;
	margin:2% auto;
	width:50%;
	border-radius:50px;
	font-size:130%;
	font-weight:500;
	box-shadow: 0 0 8px gray;
}
span.tel{
	font-size:150%;
	font-weight:600;
}
@media screen and (max-width: 767px) {
#contents{
	background:none;
}
#contents h2 span {
	background:none;
}
div.box{
	width:90%;
	padding:0%;
}
div.box img{
	width:80%;
}
div.menu,div.text{
	width:100%;
	clear:both;
	display:block;
}
div.text{
	border-left: none;
}
div.box_about{
	width:90%;
}
div.products{
	width:90%;
}
div.btn{
	width:80%;
}
}