@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400&display=swap');
body {font-family: "Noto Serif JP", serif; font-weight:300; color:#000;}
.txtGot {font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;}
.txtMin {font-family: "Noto Serif JP", serif; font-weight:300;}
.cla {clear:both;}
.fltL {float:left;}
.fltR {float:right;}

@media screen and (min-width: 768px),print  {
html {min-width:1200px;}
body {
	margin: 0;
	padding: 0;
	line-height: 1.7;
	font-size: 14px;
	background:url(../img/common/head_back.jpg) repeat-x center top;
}
ul {list-style:none;}
.pc_none {display:none;}
span.pc_br {display:block;}
a {color: #0059B2;}
a:hover {color:#FF6600;}
a:hover img {filter: alpha(opacity=60); opacity:0.6;}
a[href^="tel:"] {pointer-events: none;}

#wrap {overflow: hidden;}
nav .inner{width:1200px; margin:0 auto;}
.contents{width:1000px; margin:0 auto 0px auto;}
.box1100 {width:1100px; margin:0 auto 0px auto;}
.box1200 {width:1200px; margin:0 auto 0px auto;}
.contents:after,.box1100:after {display: block;content: " "; clear: both;}

/* Header */
header {height:97px;width:1200px; margin:0 auto;}
h1 {float:left; margin:14px 0 0 0; padding:0; line-height:1.0em;}
.head_btn {float:right; margin:28px 0 0 0;}
.head_btn img {margin:0 0 0 20px;}

nav {display: none}
/*nav {width:100%; background-color:#FFF; height:55px; border-bottom:solid 1px #C8C8C8;}*/
nav .inner {overflow: auto;}
.icon,.close { display:none;}
nav ul {margin:0 0 0 10px; padding:0;}
nav li {float:left;}
nav li:last-child {border: none;}
nav li a {display: block; padding: 0;}
nav li.off img {filter: alpha(opacity=30); opacity:0.3;}
nav li.off a {pointer-events: none;}

nav .navbox {}
nav .navbox p {}
nav p a {}
nav p img {}
nav .serif li img {}
nav .serif li span { display:none;}

/* footer */
footer {clear:both; width:1200px; margin:0 auto; padding:50px 0 0px 0; line-height:1.2em; text-align:center; }
footer ul {width:1200px; font-size:13px; margin:0 auto; box-sizing:border-box;}
footer li {margin:0 9px 15px 0; padding:0; display:inline-block;}
footer li.off {display:none;}
footer li:before,footer ul:after {content: "|"; margin: 0 12px 0 0; color:#999;}
footer a:link,footer a:visited{color:#000; text-decoration:none;}
footer a:hover,footer a:active {color:#006bb4; text-decoration:underline;}

.footer_in {width:1080px; margin:0 auto;}
.footer_in:after {display: block;content: " "; clear: both;}
#footer_tel {background-color:#FFF; color:#000; margin-bottom: 20px;}
.footer_box {font-size:14px; width:800px; margin:30px auto 0; line-height:1.2em; text-align:left;}
.footer_box > .tel {float:left; margin:10px 0 0 0; padding:0 0 0 0px;}
.footer_box > .tel_info {float:left; font-size:11px; margin:20px 0 0 20px; line-height:1.7em;}
.footer_btn {float:right; margin:40px 0 30px 0;}
.footer_btn1,.footer_btn2 {
    display: block;
	width:341px;
	height:51px;
    position: relative;
	text-indent: -9999px;
	margin:0px 0 11px 0;
}
.footer_btn1 {background:url(../img/common/footer_btn1.png) no-repeat center top;}
.footer_btn2 {background:url(../img/common/footer_btn2.png) no-repeat center top;}
.footer_btn1 a,.footer_btn2 a {
    position: relative;
    display: block;
    padding: 20px 0;
}
.footer_btn1:hover,.footer_btn2:hover {filter: alpha(opacity=60); opacity:0.6;}


#copyright { background-color:#DEDED7; padding:30px 0 0 0; height:60px; font-size:11px;}
#copyright .f_logo1 {width:355px; float:left;}
#copyright .f_logo2 {width:350px; float:left;}
#copyright p {float:right; margin:5px 0 0 0; font-size:11px; letter-spacing:1px;}
#copyright img {vertical-align: middle; margin:-10px 0 0 5px;}

.yokoku {margin:50px 0 0 0;}
.yokoku_p1 {border:solid 1px #CCC; padding:10px 0; float:left; width:120px; text-align:center;}
.yokoku_p2 {float:left; font-size:13px; width:1000px; margin-left:20px; text-align:left;}

.touki {text-align:center; color:#B22D00; margin-top:40px;}
.touki2 { clear:both; font-size:12px; line-height:1.2em; color:#FFFFBF;}
}

@media screen and (max-width: 767px) {
.top_more {width:40%;position:absolute; top:25%; left:0; right:0; margin:auto; text-align:center;}
.top_more img {width:100%;}

/*---------------------------------------------
Browser Default Initialization
---------------------------------------------*/
html {
	overflow-y: scroll;
}
body, div, dl, dt, dd {
	margin: 0;
	padding: 0;
	line-height: 1.7;
	font-size: 13px;
}
.smp_none {display:none;}
span.smp_br {display:block;}
.contents,.box1100,.box1200 {margin:0 10px;}

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, pre, form, fieldset, input, textarea, p, blockquote, th, td, section, nav, article, aside, hgroup, header, address, figure, figcaption {
	margin: 0;
	padding: 0;
	line-height: 1.7;
}
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}
q:before, q:after {
	content: '';
}
object, embed {
	vertical-align: top;
}
legend {
	display: none;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
img, abbr, acronym, fieldset {
	border: 0;
}
img {
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}
ul li {
	list-style-type: none;
}
a, button, input, textarea {
	outline: none;
}
/** fade使用時のズレ対策（FF）**/
img {
	box-shadow: #000 0 0 0;
}
 x:-moz-any-link, x:default {
 box-shadow: #000 0 0 0;
}
a {
	color: #0059B2;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}


/*---------------------------------------------
Utility
---------------------------------------------*/
/* Clearfix */
.cf:after, .sec:after, .section:after {
	visibility: hidden;
	display: block;
	content: " ";
	clear: both;
	height: 0;
}
#wrap * {box-sizing: border-box;}
#wrap {font-size: 1.5rem;width: 100%;overflow: hidden;}
img {max-width: 100%;height: auto;}

/*--------------------------
  Header
---------------------------*/
header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 990;
	overflow: hidden;
	height: 55px;
}
.head_def {background-color:#FFF;box-shadow: 0 2px 5px;}
.head_top {background-color:none;}
header.scroll{background-color:#FFF;box-shadow: 0 2px 5px;}

h1 {
	position: absolute;
	top: 10px;
	left:15%;
  transform: translateX(-20%);
  -webkit-transform : translateX(-20%);
}
h1 img { width:auto; height:38px;}


.head_btn {display:none;}
/*--------------------------
  Gnav
---------------------------*/
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(255,255,255,.8);
}
.icon {
	cursor: pointer;
	position: absolute;
	top: 0px;
	right: 0;
	width: 50px;
	white-space: nowrap;
}
.icon a {
	padding: 13px 9px 14px 10px;
	display: inline-block;
}
nav ul {
	border-top: 1px solid #999;
}
nav li {
	border-bottom: 1px solid #999;
	position: relative;
	width:50%;
	float:left;
	background:#FFF;
}
nav li:nth-child(even) {
  border-left: #999 1px solid;
}

nav li a {
	display: block;
	text-align: left;
	font-size: 14px;
	color: #000;
	text-decoration: none;
	position: relative;
	padding: 12px 0 12px 30px;
}
nav li a:after {
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	border-top: #333 1px solid;
	border-left: #333 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 li.bgc a:after,nav li.bgc2 a:after {border-top: #FFF 1px solid; border-left: #FFF 1px solid;}
nav li.bgc {background: rgba(116,0,0,.9);}
nav li.bgc2 {background: rgba(89,88,72,.9);}
nav li.bgc a,nav li.bgc2 a { color:#FFF} 
nav li.off a {pointer-events: none; color:#CCC;}
nav li.off a:after {filter: alpha(opacity=20); opacity:0.2;}
nav li.navStxt a {font-size:13px; padding:8px 30px 9px 30px; line-height:1.2em;}
nav li b {color:#D90000; font-weight:normal; font-size:10px; margin-left:10px}
nav .navbox {
	background: rgba(255,255,255,.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;
	padding: 12px 9px;
}
nav p img {
  width: 32px;
}
nav .serif li img {display:none;}
nav .serif li span { }

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

footer li a:after {
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	border-top: #666 1px solid;
	border-left: #666 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);
}
footer li.off {display:none;}

.footer_in {margin:0 10px;}
#footer_tel {background-color:#FFF; padding:20px 0 10px 0; text-align:center;}
.footer_box {font-size:13px; margin:0 10px;}
.footer_box > .tel a {font-size:36px; margin:5px 0 0 0; padding:0 0 0 0;}
.footer_box > .tel_info {font-size:11px; margin:0px;}

.footer_btn {position:fixed; bottom:0; left:0; width:100%; padding:0 15px; background: rgba(255,255,255,.6); text-align:center}
.footer_btn1,.footer_btn2 {
    display: inline-block;
	width:44%;
	height:38px;
	text-indent: -9999px;
	margin:10px 2% 7px;
	
}
.footer_btn1 {background:url(../img/common/footer_btn1b_sp.jpg) no-repeat center top;background-size:contain;}
.footer_btn2 {background:url(../img/common/footer_btn2b_sp.jpg) no-repeat center top;background-size:contain;}
.footer_btn1 a,.footer_btn2 a {
    position: relative;
    z-index: 3;
    display: block;
    padding: 10px 0 2px;
	overflow: hidden;
}
.footer_btn1 a::before,.footer_btn2 a::before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 20px;
    height: 100%;
    background: rgba(221,221,221,.6);
    animation: btn_animation 3.5s ease-in-out 1;
}
.footer_btn2 a::before {animation-delay: 0.5s;}


#copyright { background-color:#DEDED7; padding:10px 0 0px 0;}
#copyright .f_logo1 {width:45%; padding:0 10px; float:left; font-size:12px;}
#copyright .f_logo2 {width:50%; padding:0 10px; float:right; font-size:12px;}
#copyright p {clear:both; margin:0; padding:20px 0; font-size:10px; text-align:center;}
#copyright img { display:block;}

.yokoku {margin:50px 0 0 0px;}
.yokoku_p1 {border:solid 1px #CCC; padding:3px 0 2px 0; width:120px; text-align:center;}
.yokoku_p2 {font-size:11px; text-align:left; margin-top:10px;}

.touki {color:#B22D00; margin-top:40px; font-size:12px;}
.touki2 { text-align:left; font-size:12px; margin:20px 10px 0 10px; line-height:1.3em; color:#FFFFBF;}
}

@media all and (max-width: 320px) {
h1 img {width:80%;}
  footer .level1 > li > a,
  footer .level1 > li > span {
    padding: 8px 5px 8px 12px;
  }
  footer .level1 > li {
    font-size: 13px;
  }
  footer .level1 > li > a,
  footer .level1 > li > span {
      padding: 7px 5px 7px 27px;
  }
  footer .level2 > li,footer .level3 > li {
    font-size: 11px;
  }
  footer .level1 > li > a:before,
  footer .level1 > li > span:before {
    top: 13px;
    left: 12px;
  }
  footer a,
  footer span {
      padding: 10px 5px 10px 11px;
  }
 
}

.effect {
	width: 100%;
	overflow: hidden;
	margin: 0;
}
.effect div {
	transition: 1.0s;
}
.ef-fade01 {
	opacity: 0;
}
.fade01 {
	opacity: 1.0;
}
.ef-fade02 {
	opacity: 0;
	transform: translate(0, 60px);
	-webkit-transform: translate(0, 60px);
}
.fade02 {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}
.ef-fade03 {
	opacity: 0;
	transform: translate(-20px, 0);
	-webkit-transform: translate(-20px, 0);
}
.fade03 {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}
.ef-fade04 {
	opacity: 0;
	transform: translate(20px, 0);
	-webkit-transform: translate(20px, 0);
}
.fade04 {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}
.ef-zoom {
	transform: scale(0, 0);
	-webkit-transform: scale(0, 0);
}
.zoom {
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
}
.ef-rotation {
	transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
}
.rotation {
	transform: rotateY(360deg);
	-webkit-transform: rotateY(360deg);
}

@-webkit-keyframes btn_animation {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}