@charset "UTF-8";
body {font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; color:#333; background-color:#FFF;}
.cla {clear:both;}
.fltL {float:left;}
.fltR {float:right;}
.txtMin { font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "YuMincho", "Yu Mincho", "MS PMincho", "MS Mincho", serif;}

@media screen and (min-width: 768px),print  {
html {min-width:1080px;}
body {
	margin: 0;
	padding: 0;
	line-height: 1.8;
	font-size: 17px;
}
ul {list-style:none;}
.pc_none {display:none;}
span.pc_br {display:block;}
a {color: #0f84f7}
a:hover {color:#F60;}
a:hover img {filter: alpha(opacity=60); opacity:0.6;}
a[href^="tel:"] {pointer-events: none;}
img.w100 {width: 100%;}
	
#wrap {}
.contents{width:1080px; margin:0px auto 0px auto; clear:both; text-align:left}
.contents:after {display: block;content: " "; clear: both;}

h2 {clear:both; text-align:center; font-size:33px; font-weight:normal; letter-spacing:5px; padding:0 0 25px; margin:70px 0 0 0}
h2.fst {margin-top:20px}
h2:after { border-bottom:solid 5px #9cb5d9; display: block;content: " "; clear: both; height:5px; width:60px; margin:5px auto 0;}
h3 {font-weight:normal; font-size:24px; margin:0; padding:0; letter-spacing:1px}
p {}
.txt15 {font-size:15px; line-height:1.8em}
.pc_center {text-align: center}
	
.box1 {border: solid 1px #605c51; border-radius:20px; background:#FFF url(../img/common/box1_back.jpg) repeat-x 0 0; padding:25px 50px 15px 60px; margin:40px auto 60px}
.btn {background:url(../img/common/btn1.png) no-repeat 0 0; background-size:100%; width:345px; height:45px; margin: 20px auto 20px; font-size:21px;}
.btn a {color:#FFF; text-decoration:none; display: block; width:100%; height:100%; text-align:center; letter-spacing:5px; padding-top:4px;box-sizing: border-box; border-radius:8px;}
.btn a:hover {background:rgba(255,255,255,.2)}

/* Header */
#nav_wrap {top:0; text-align:center; width:100%; height:100px; z-index:999; background:#012b5d url('../img/common/back.png') no-repeat center bottom; background-size:auto 100px}
header {width:1080px; margin:0 auto;}

h1 {float:left; margin:20px 0 0; padding:0;}
h1 img {height:62px}

nav {margin:66px 0px 0 200px; display:block; float:left;}
#nav_wrap.active nav {background:none}
nav .inner{margin:0 auto;}
.icon,.close { display:none;}
nav ul {margin:0; padding:0; font-size:0; text-align:right;}
nav li {display:inline-block; margin:0 0 0 32px;}
nav li img {height:17px;}
nav li a {display: block; padding:0;}
nav li span { display:none;}
nav:after {display: block;content: " "; clear: both; width:100%; height:2px;}

.nav_insta {margin:53px 0px 0 30px; display:block; float:left;width: 35px}
.nav_insta img {width: 100%}
	
/* footer */
footer {clear:both; padding:80px 0 10px 0; line-height:1.2em; text-align:center;}
footer ul {width:1080px; font-size:13px; margin:0 auto; padding:0 24px 0 0; letter-spacing:1px;}
footer li {margin:0 10px 15px; display:inline-block;}
footer li.off {display:none;}
footer li:before,footer ul:after {content: "|"; margin: 0 24px 0 0; color:#999;}
footer li:first-child:before,footer ul:last-child:after {content: "";}
footer a:link,footer a:visited{color:#333; text-decoration:none;}
footer a:hover,footer a:active {color:#0085B2; text-decoration:underline;}

#copyright {padding:7px 0; font-size:12px; text-align:center; color:#E5E5E5; background:#012b5d}
#copyright img {height:45px}



}

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

/*---------------------------------------------
Browser Default Initialization
---------------------------------------------*/
html {
	overflow-y: scroll;
}
body, div, dl, dt, dd {
	margin: 0;
	padding: 0;
	line-height: 1.7;
	font-size: 16px;
}
.smp_none {display:none;}
span.smp_br {display:block;}
.contents,.box1100,.box1000,.box900 {margin:55px 20px 0;clear:both}
ul {
	margin: 0;
	padding: 0;
	line-height: 1.7;
}
ul li {
	margin: 0;
	padding: 0;
	line-height: 1.7;
}
h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td,nav,header {
	margin: 0;
	padding: 0;
	line-height: 1.7;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img {
	
}
img {border: 0; vertical-align: top;
	-ms-interpolation-mode: bicubic;
}
ul li {list-style-type: none;}
a, button, input, textarea {
	outline: none;
}

a {
	color: #0f84f7;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

#wrap * {box-sizing: border-box;}
#wrap {width: 100%;overflow: hidden;}
img {max-width: 100%;height: auto;}
	
h2 {clear:both; text-align:center; font-size:23px; font-weight:normal; letter-spacing:3px; padding:100px 0 25px; margin:-50px 0 0 0}
h2.fst {padding-top:60px}
h2:after { border-bottom:solid 5px #9cb5d9; display: block;content: " "; clear: both; height:5px; width:60px; margin:5px auto 0;}
h3 {font-weight:bold; font-size:19px; margin:0 0 10px 0; padding:0; letter-spacing:1px}
p {}
.txt15 {font-size:14px; line-height:1.8em}
	
.box1 {border: solid 1px #605c51; border-radius:10px; background:#FFF url(../img/common/box1_back.jpg) repeat-x 0 0; padding:10px 20px 10px; margin:40px auto 20px}
.btn {background:url(../img/common/btn1.png) no-repeat 0 0; background-size:100%; width:260px; height:35px; margin: 20px auto 20px}
.btn a {color:#FFF; text-decoration:none; display: block; width:100%; height:100%; text-align:center; font-size:16px; letter-spacing:3px; padding-top:4px;box-sizing: border-box; border-radius:8px;}
.btn a:hover {background:rgba(255,255,255,.2)}

/* Header */
header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 990;
	overflow: hidden;
	height: 50px;
	background:#012b5d url('../img/common/back.png') no-repeat center 10px;
	background-size:50pc;
}
#nav_wrap.active header { background:rgba(255,255,255,.9);}

h1 {
	position: absolute;
	top: 8px;
	left:15px;
}
h1 img { width:auto; height:35px;}

nav {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
}
nav .inner {
	height: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	background: rgba(0,0,0,.8);
}
.icon {
	cursor: pointer;
	position: absolute;
	top: 0px;
	right: 5px;
	width: 55px;
	white-space: nowrap;
}
.icon a {
	padding: 9px 9px 14px 10px;
	display: inline-block;
}
.close {margin-top:10px;}
nav ul {
	border-top: 1px solid #888;
}
nav li {
	border-bottom: 1px solid #888;
	position: relative;
	width:50%;
	float:left;
}
nav li.wide {width:100%;}
nav li:nth-child(even) {
  border-left: #888 1px solid;
}

nav li a {
	display: block;
	text-align: left;
	font-size: 13px;
	color: #fff;
	text-decoration: none;
	position: relative;

}
nav li a:after {
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	border-top: #CCC 1px solid;
	border-left: #CCC 1px solid;
	position: absolute;
	top: calc(50% - 4px);
	right: 22px;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
}

nav .navbox {
	background: rgba(0,0,0,.9);
}
nav .navbox p {
	width: 100%;
	height: 54px;
	position: relative;
	top: 0;
	left:  0;
}
nav p a {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 54px;
	display: block;
	
}
nav p img {
  width: 40px;
}
nav li img {display:none;}
nav li.nav_blank a {text-indent:-999px;}
nav li.nav_blank a:after { display:none;}
nav li span {padding: 12px 9px; width:100%; height:100%; display: block; box-sizing: border-box}
nav li.insta {background: rgba(235,68,97,.8);}

.nav_insta {display:none}
	
/* footer */
footer {
  border-top: #999 1px solid;
  width: 100%;
  font-size: 15px;
  margin-top:0px;
  background:#EFEFEF;
}
footer ul {overflow: hidden;}
footer li {
  font-size: 13px;
  letter-spacing: -.02em;
  width: 50%;
  float: left;
}
footer li:nth-child(even) {
  border-left: #999 1px solid;
}
footer li.wide {
  width: 100%;
  border: none;
}
footer a {
  display: block;
  color: #333;
  padding: 7px 5px 6px 13px;
  position: relative;
  border-bottom: #999 1px solid;
  white-space: nowrap;
}

footer li a:after {
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	border-top: #012b5d 1px solid;
	border-left: #012b5d 1px solid;
	position: absolute;
	top: calc(50% - 3px);
	right: 15px;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
}

#copyright {padding:20px 0 20px 0; text-align:center; font-size:10px; background:#012b5d; color:#E5E5E5}
#copyright img {height:40px; margin:10px auto 20px}

.back {background:#FFF url(../img/common/back.png) repeat-x center top; background-size:auto 25px; padding:0; position:relative; clear:both;}
}