body{
    color: #333;
    font-family: "メイリオ",Meiryo,Osaka,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-size: 13px;
    letter-spacing: 0.5px;
    margin: 0 auto;
    overflow-x: hidden;
    padding: 0;
    width: 100%;
	-webkit-text-size-adjust: 100%;
}
header {
    background: none repeat scroll 0 0 #fff;
    margin: 0 auto;
    width: 100%;
    z-index: 200;
}
.main {
	width: 100%;
	margin: 0 auto 50px;
}
.sub_main{
	width:100%;
	height:200px;
	background-position:center;
	overflow:hidden;
}
.images {
	width: 100%;
	margin: 0 auto;
	position: relative;
	overflow:hidden;
}
.naka_title {
	width:730px;
	height:30px;
	margin:0 auto 30px;
}
.text {
	font-size:14px;
	line-height:1.7;
	-webkit-text-size-adjust: 100%;
	max-height:100%;
}
.text_last {
	font-size:14px;
	line-height:1.7;
	margin-bottom:20px;
	-webkit-text-size-adjust: 100%;
}
.container {
	width:1000px;
	margin:auto;	
}
.contents_left{
	width:730px;
	margin-right:40px;
}
ul.pan {
	width:730px;
	margin:7px auto 55px auto;
}
ul.pan li {
	margin:0 2px;
	float:left;
	font-size:12px;
	color:#444;
}
ul.pan li a {
	color:#335fc1;
	text-decoration:none;
}
.main_box {
	width:730px;
	margin-bottom:50px;
}
.main_box_last {
	width:730px;
	margin-bottom:100px;
}
.contents_right {
	width:230px;
	margin-top:-100px;
}
.contents_right .product h4 , .contents_right .service h4 {
	height:140px;
}
.contents_right h5{
	height:80px;
}
.contents_right .product {
	width:230px;
	height:533px;
	background:#9dc7fb;
}
.contents_right .service {
	width:230px;
	height:434px;
	background:#9dc7fb;
	margin-bottom:100px;
}
.contents_right .product p .contents_right .img_top {
	width:230px;
	margin:0px auto 0;
	padding:0;
}
.contents_right .product .img_top {
	height:50px;
}
.contents_right .product p {
	height:49px;
}
.contents_right .service p .contents_right .img_top {
	width:230px;
	margin:0px auto 0;
	padding:0;
}
.contents_right .service .img_top {
	height:50px;
}
.contents_right .service p {
	height:49px;
}

.contents_right .service p {
	width:230px;
	margin:0px auto 0;
	padding:0;
}
.wrapper #page_top {
	width: 100%;
	height: 30px;
	background-color: #9dc7fb;
	margin: 0 auto;
}
#page_top a {
	width: 100%;
	height: 30px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	display: block;
	line-height: 2.3;
	letter-spacing: 1px;
}
#page_top a:hover {
	opacity: 0.8;
}
footer {
	width:100%;
	margin:auto;
	background:#335fc1;
}
#footer{
	width:1000px;
	margin:auto;
	background:#335fc1;
	padding:40px 0;
}
.footer1 {
	width:440px;
	margin-top:40px;
}
#footer .logo{
	margin:15px 0 10px 0;
}
footer .ad{
	color:#92aeed;
	line-height:1.0;
	margin:10px 0 10px 0;
	
}
.footer_right {
	width:400px;
	height:150px;
}
.footer_left ul {
	width:476px;
	height:14px;
	font-size:14px;
	border-right:1px solid #fff;
	margin-bottom:20px;
}
.footer_left ul li {
	width:110px;
	height:14px;
	float:left;
	text-align:center;
	border-left:1px solid #fff;	
	color:#fff;
	line-height:1.3;
}

.footer_left .fn-sns {
	margin-top: 14px;
}

.footer_left .fn-sns a {
	display: flex;
	color: #fff;
	align-items: center;
}

.footer_left .fn-sns a::before {
	content: "";
	display: block;
	width: 18px;
	height: 18px;
	margin-right: 8px;
	background: url(../img/logo-instagram.svg) center center/cover no-repeat;
}

#otoiawase{
	width:120px;
	text-align:center;
	padding-left:10px;
}
small p{
	text-align:center;
	height:60px;
	color:#666666;
	line-height:5.0;
	font-size:12px;
}
a {
	color:#335fc1;	
}
li a {
	color:#fff;	
}
li a:hover {
	text-decoration:none;
	
}
.right {
	float:right;
}
.left {
	float:left;
}
.mr20 {
	margin-right:20px;
}
.mb20 {
	margin-bottom:20px;
}
.mb50 {
	margin-bottom:50px;
}
.mb200 {
	margin-bottom:200px;
}