body {
	margin:0px;
	padding: 0px;
	text-align:left;
	font-size: 16px;
	color:#0D1E3D;
	background-color: #fff;
	line-height:28px;
	-webkit-text-size-adjust: 100%;
	font-family: 'Sawarabi Mincho', sans-serif;
}

/*effect*/
body { display:none;}

.fadein {
	opacity : 0.1;
	transform : translate(0, 50px);
	transition : all 500ms;
} 
.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}




/*default*/
form input, form select{margin:0px;padding:5px;	font-size: 16px;}
ul {margin:0px;padding:0px;list-style:none;} 
li {margin:0px;padding:0px;list-style:none;} 
ol {margin:0px;padding:0px;} 
img { vertical-align:middle; border: none;padding:0px;}
br {letter-spacing: normal;margin:0px;padding:0px;}
address , em{font-style:normal;margin:0px;}
object {margin:0px;padding:0px;} 
p, dl, dt, dd {margin:0px;padding: 0px;}

/*htag*/
h1, h2, h3, h4, h5, h6{
	font-weight:normal;
	margin: 0px;
	padding: 0px;
	font-size:16px;
}


/*link*/
a:link {color: #0D1E3D;text-decoration: none;}
a:visited {color: #0D1E3D;text-decoration: none;}
a:hover {color: #030;text-decoration: none;}

/*kakikae-sys*/
.fsize-mini{font-size:11px;}
.fsize-large{font-size:25px;}
.fsize-big{font-size:30px;}
.bold{font-weight: bold;margin:10px 0px 10px 0px;}
.delete{text-decoration: line-through;}
.red{color: #F33;}
.blue{color: #06F;}
.green{color: #090;}
.navy{color: #036;}
.pink{color: #F9F;}
.gray{color: #999;}
.orange{color: #F90;}
.purple{color: #C6C;}
.lightblue{color: #6FB7FF;}
.lightgreen{color: #69F574;}
.lightpink{color: #FCF;}



/*font*/
.fm{ font-size:16px;}
.center{text-align:center;}

/*form*/
form input, form select, form textarea {
	margin:0px;
	padding:10px;
	font-size:14px;
	width:90%;
	vertical-align:middle;
}

input[type="text"]:focus, textarea:focus,select:focus {
	border: solid 1px #ccc;
	background-color: #EFD;
}

input[type="button"],input[type="submit"] {/*iPhone button clear*/
	-webkit-appearance: none;
}

.ws {width: 40%;}

/*iPhone button clear*/
input[type="button"],input[type="submit"] {
	-webkit-appearance: none;
}


/*--------------btn--------------*/

/*pagetop*/
#page-top{
	position: fixed;
	right: 3%;
	width:140px;
	height:120px;
	float:right;
	z-index:100;
	background:url(../img/pagetop.png) top no-repeat;
}

#page-top:hover{
	background:url(../img/pagetop2.png) top no-repeat;
}

/*topbtn*/

.topbtn{
	position: fixed;
	z-index:100;
	top: 75px;
	right: 2%;
}
.tel-iso{
	margin-top:55px;
}




/*back*/
.back{
	display:block;
	margin:50px auto;
	padding-top:7px;
	width:160px;
	height:35px;
	text-align:center;

	font-size:18px;
	background-color:#0D1E3D;
	transition-duration:0.2s;
	border:solid 1px #0D1E3D;
}
.back:link{color:#fff;}
.back:visited {color:#fff;}
.back:hover{
	background-color:#fff;
	color:#000;
}
/*next*/
.next{
	display:block;
	margin:50px auto;
	padding-top:7px;
	width:300px;
	height:40px;
	text-align:center;

	font-size:18px;
	background-color:#0D1E3D;
	transition-duration:0.2s;
	border:solid 1px #0D1E3D;
}
.next i{
	padding-left:10px;
}
.next:link{color:#fff;}
.next:visited {color:#fff;}
.next:hover{
	background-color:#fff;
	color:#000;
}
/*fbtn*/
.fbtn{
	display:block;
	width:250px;
	height:60px;
	margin:20px auto;
	text-align:center;
	border:none;
	background-color:#0D1E3D;
	color:#fff;
	font-size:16px;
}
/*--------------btn--------------*/




/*-----------------------------------------------------*/


#toggle{display: none; } 

#menu:after {
	content:"";
	display:block;
	clear:both;
}


/*nav*/
nav{
	margin:0px auto;
	width:100%;
	height:80px;
	background-image:url(../img/bg.png);
	z-index:100;
}
nav ul{
	margin:0px auto;
	max-width:1200px;
}

#menu li{
	float: left;
	width:14%;
	padding-top:10px;
}

#menu li:nth-of-type(2){
	padding-top:0px;
}
#menu li:nth-of-type(3){
	padding-top:7px;
}
#menu li:nth-of-type(4){
	padding-top:7px;
}
#menu li:nth-of-type(5){
	padding-top:7px;
}
#menu li img{
	padding-right:5px;
}

#menu li a{
	display: block;
	font-size:19px;
	padding-top:15px;
	height:65px;
	text-align:center;
	background-position:bottom center;
	background-repeat:no-repeat;
}

#menu li a:link {color: #fff}
#menu li a:visited {color: #fff}



/*foot*/
footer{
	margin:0px auto 0px auto;
	padding:20px 0px 100px 0px;
	background:#0D1E3D;
	color:#fff;
	font-size:18px;
	line-height:30px;
	text-align:center;
}

footer a:link {color: #fff;}
footer a:visited {color: #fff;}
footer a:hover {color: #fff;}


.footin{
	max-width:1200px;
	margin:50px auto;
	padding:0px 10px;
}




.left{
	width:48%;
	padding:1px;
	text-align:left;
	float:left;
}
.left img{
	max-width:46%;
	margin:20px 2%;
}

.sns {
	text-align:center;
}
.sns a{
	margin:5px;
}
.sns i{
	font-size:45px;
}



.right{
	text-align:left;
	margin-left:50%;
}


.copy{
	clear:both;
	padding:30px 0px;
}


.bnav-l{
	width:40%;
	margin-left:10%;
	float:left;
}



@media only screen and (max-width: 768px) {


/*nav*/
nav{
	top: 0;
	height:60px;
	position:fixed;
	transition: .5s;
	z-index: 999;
}
nav.hide{
    transform: translateY(-100%);
}

#toggle{
	display: block;
	position: relative;
	width: 100%;
}
#toggle a{
	display: block;
	position: relative;
	padding: 15px;
	color: #fff;
	text-align: center;
}

#menu{
	display: none;
	z-index:100;
}
#menu li{
	padding-top:5px;
	width: 100%;
	background-image:url(../img/bg.png);
}
#menu li a{
	display: block;
	color:#fff;
	font-size:18px;
	height:45px;
	line-height:20px;
	text-align:center;
	border-bottom:solid 1px #000;
}




.topbtn{
	display:none;
}


.left{
	width:98%;
	float:none;
}
.left img{
	max-width:100%;
	margin:20px auto;
	display:block;
}

.right{
	text-align:center;
	margin-left:0;
}


.bnav-l{
	width:100%;
	margin-left:0%;
	float:none;
}


}