@charset "UTF-8";

/* --------------------------------------
リセット
--------------------------------------- */

h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:bold;margin:0;padding:0;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;}
	
a {text-decoration:none;overflow:hidden;}
img {border:none;vertical-align:middle;}
hr {display:none;clear:both;}
br.clear {clear:both;}
.c_b {clear:both;}
.w_n {font-weight:normal !important;}

ul {margin:0;padding:0;}
li {margin:0;padding:0;list-style:none;}
dl {margin:0;padding:0;}
dt {margin:0;padding:0;}
dd {margin:0;padding:0;}

p {margin:0;padding:0;}

* {-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;}

/* --------------------------------------
IE8以下対応
--------------------------------------- */

article, aside, figure, figcaption, footer, header, nav, section {
display: block;}




/*	共通(pc)
-----------------------------------------------------------	*/


body,html{
font-family: 'Zen Old Mincho' , "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
font-weight: 700;
font-size:16px;
line-height:170%;
text-align:left;
letter-spacing:0.2px;
color:#000000;}

.fx_lb {
font-family: 'Libre Baskerville' , "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;}

.fx_zen {
font-family: 'Zen Old Mincho' , "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;}


a:link {text-decoration:none;color:#151515;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;}
a:visited {text-decoration:none;color:#151515;}
a:active {text-decoration:none;color:#151515;}
a:hover {text-decoration:underline;color:#E85400;}

.clearfix:after {
content: "";
clear: both;
display: block;}

a img {border-style: none;}
img {border-style:none;}

.lo_alpha_70 a:hover img {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";}

.lo_alpha_80 a:hover img {
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";}

.lo_alpha_90 a:hover img {
opacity:0.9;
filter: alpha(opacity=90);
-ms-filter: "alpha( opacity=90 )";}

.pc {display:block;}
.sp {display:none;}

.sp-b{display:none;}

.ank {
padding-top:0;
margin-top:0;}

.header_gap {
padding-top:136px;}

#goto_top {
position: fixed;
z-index:40;
right: 2%;
bottom: 73px;}

#goto_top img {
width:50px;
height:auto;}



/* --------------------------------------
総合(pc)
--------------------------------------- */


body {
margin:0px;
padding:0px;}

.wrap {
width:100%;
background-color:#ffffff;
z-index:0;
position:relative;
overflow: hidden;}


/* --------------------------------------
ヘッダー(pc)
--------------------------------------- */

#header {
width:100%;
height:100px;
z-index:100;
position:fixed;}

#header_wrap {
background-color:#FFFFFF;
display:block;
width:100%;
height:100px;}

#header_wrap_sp {
display:none;}

.header_inner {
max-width:1160px;
width:80%;
margin:0 auto;}

.header_inner h1 {
padding:15px 0 0 0;
float:left}

.header_inner h1 img {
height:71px;
width:auto;}

.header_inner .navi_wrap {
padding:0 0 0 2%;
float:right;
text-align:right;
font-size:0px;
line-height:0px;}

.header_inner .navi_wrap .navi_a li {
margin:0;
vertical-align:top;
display:inline-block;
font-size:14px;
line-height:100px;
letter-spacing:1px;
font-weight:500;}


.header_inner .navi_wrap .navi_a li.no_line {
background-image: none;}


.navi_a a:link {text-decoration:none;color:#151515;display:block;padding:0 18px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;}
.navi_a a:visited {text-decoration:none;color:#151515;}
.navi_a a:active {text-decoration:none;color:#151515;}
.navi_a a:hover ,
.navi_a .current a {text-decoration: underline;color:#E85400;}



/* --------------------------------------
コンテンツ(pc)
--------------------------------------- */

.contents_100w {
width:100%;
margin:0 auto;}

.contents_90w{
width: 90%;	
max-width: 1000px;		
margin: 0 auto;}

.contents_75w {
width:75%;
margin:0 auto;}

.contents_62w {
width:62.5%;
margin:0 auto;}



/* --------------------------------------
コンテンツ(pc)
--------------------------------------- */


.pa_logo {
width:100%;
text-align:center;
padding-bottom:122px;}


.pa_brand {
padding-bottom:185px;}

.pa_brand li {
float:left;
text-align:center;}

.pa_brand li.pa_brand_33 {
width:33.3%;}

.pa_brand li.pa_brand_50 {
width:50%;}

.pa_brand li.pa_brand_100 {
width:100%;}


#T_A h2 {
font-size:34px;
padding-bottom:15px;
font-weight:400;}

#T_A h2 strong{
font-weight:900;}

#T_A h3 {
font-size:22px;
padding-bottom:25px;}

#T_Add h2 {
font-size:18px;
padding-bottom:5px;
font-weight:900;}

.pa_tel_pc {
display:inline-block;}

.pa_tel_sp {
display:none;}

.pa_a_pc {
display:inline-block;
padding:0 5px;}

.pa_a_sp {
display:none;}



#T_Map {
padding:25px 0;}

.t_add_t {
padding:0 0 25px;}


.open_t {
font-size:20px;
}


/* --------------------------------------
フッター(pc)
--------------------------------------- */

.footer_inner {
width:100%;
text-align:center}

.footer_copyrights {
font-size:12px;
line-height:16px;
font-weight:400;
padding:200px 0 30px;}



/*	youtube用
-----------------------------------------------------------	*/

.youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
}

.youtube iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}





/*	1600px以下
-----------------------------------------------------------	*/
@media only screen and (max-width: 1600px){


	

}






/*	1400px以下
-----------------------------------------------------------	*/
@media only screen and (max-width: 1400px){
	



}




/*	1200px以下
-----------------------------------------------------------	*/

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





}


/*	1100px以下 
-----------------------------------------------------------	*/
@media only screen and (max-width: 1100px){


.pa_logo img {
width:45%;
height:auto;}

.pa_brand li.pa_brand_33 {
width:100%;}

.pa_brand li.pa_brand_50 {
padding:30px 0;
width:100%;}

.pa_brand li.pa_brand_100 {
padding:60px 0;
width:100%;}

.pa_brand li {
float:none;}

.pa_brand li.pa_brand_33 img {
width:40%;
height:auto;}

.pa_brand li:first-child  img {
width:50%;
height:auto;
margin-bottom:30px}

.pa_brand li.pa_brand_50 img {
width:40%;
height:auto;}

.pa_brand li.pa_brand_100 img {
width:60%;
height:auto;}



#T_Add h2 {
font-size:22px;}


}


/*	1000px以下 
-----------------------------------------------------------	*/
@media only screen and (max-width: 1000px){

/*	共通(sp)
-----------------------------------------------------------	*/

body {
font-size:20px;
line-height:36px;}

.ank {
padding-top:0px;
margin-top:0px;}

#goto_top {
position: fixed;
right: 20px;
bottom: 20px;}

#goto_top img {
width:50px;
height:auto;}


/* --------------------------------------
総合(sp)
--------------------------------------- */

.wrap {
min-width:100%;
width:100%;
background-color:#ffffff;
z-index:0;
position:relative;
overflow: hidden;}

/* --------------------------------------
コンテンツw(sp)
--------------------------------------- */

.contents_100w {
width:100%;
margin:0 auto;}

.contents_90w{
width: 94%;	
max-width: 1000px;		
margin: 0 auto;}

.contents_75w {
width:90%;
margin:0 auto;}


.contents_62w {
width:90%;
margin:0 auto;}






/* --------------------------------------
ヘッダー(sp)
--------------------------------------- */

#header {
width:100%;
height:auto;
z-index:100;
position:fixed;
background-color:#FFFFFF;}

#header_wrap {
display:none;}

#header_wrap_sp {
display: block;
height:auto;}

.header_inner {
min-width: 100%;
width:100%;
padding-right: 15px;	
margin:0 auto;
z-index:200;}


.header_inner h1 {
padding:10px 0 10px 3%;
float:left}

.header_inner h1 img {
height:50px;
width:auto;}


.header_inner .sp_navi_wrap {
padding:0;
float:right;}

.header_inner .sp_navi_wrap .sp_navi_a li {
float:left;
margin:0;
width:70px;
height:70px;
vertical-align:top;
display:block;
text-align:center;
font-size:20px;
line-height:30px;
letter-spacing:0.85px;
font-weight:bold;
position:relative;}

.header_inner .book_btn_sp_b a:link {text-decoration:none;color:#ffffff;display:block;padding:24px 0 0;background-color:#54895F;
font-size:20px;
letter-spacing:0.85px;
height:132px;}
.header_inner .book_btn_sp_b a:visited {text-decoration:none;color:#ffffff;}
.header_inner .book_btn_sp_b a:active {text-decoration:none;color:#ffffff;}
.header_inner .book_btn_sp_b a:hover ,
.header_inner .book_btn_sp_b .current a {text-decoration:none;color:#ffffff;}

.header_inner .book_btn_sp_b img {
height:58px;
width:auto;
margin:0 0 10px;}


.header_inner .book_btn_sp_a {
color:#ffffff;}



/*============
sp-nav
=============*/
.navi--sp {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom:0;
  width: 100%;
  background-color:rgba(255,255,255,0.9);
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 50;
}
.open .navi--sp {
  display: block;
}
.navi--sp .inner {
  padding: 100px 25px 25px;
}
.navi--sp .inner ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.navi--sp .inner ul li {
  position: relative;
  margin: 0;
  border-bottom: 1px solid #333;
}
.navi--sp .inner ul li a {
  display: block;
  color: #151515;
  font-size: 26px;
  padding: 0.8em 5px;
  text-decoration: none;
  transition-duration: 0.2s;
  text-align:center;
}

.navi--sp .inner ul li.current a {
font-weight:700;
}

.navi--sp .inner ul li a:hover {
  background: #e4e4e4;
}

/*============
sp-.toggle_btn
=============*/
.toggle_btn {
  display: block;
  position:absolute;
  top: 0px;
  right: 0px;
  width: 70px;
  height: 70px;
  transition: all .5s;
  cursor: pointer;
  z-index: 300;
  padding-top:70px;
}
.toggle_btn span {
  display: block;
  position: absolute;
  left: 32%;
  width: 60%;
  height: 2px;
  background-color: #E85400;
  transition: all .5s;
}
.toggle_btn span:nth-child(1) {
  top: 20px;
}
.toggle_btn span:nth-child(2) {
  top: 35px;
}
.toggle_btn span:nth-child(3) {
  top: 50px;
}
.open .toggle_btn span {
  background-color: #E85400;
}

.open .toggle_btn span:nth-child(1) {
  -webkit-transform: translateY(15px) rotate(45deg);
  transform: translateY(15px) rotate(45deg);
}
.open .toggle_btn span:nth-child(2) {
  opacity: 0;
}
.open .toggle_btn span:nth-child(3) {
  -webkit-transform: translateY(-15px) rotate(-45deg);
  transform: translateY(-15px) rotate(-45deg);
}





/* --------------------------------------
コンテンツ(sp)
--------------------------------------- */



.pa_tel_pc {
display:none;}

.pa_tel_sp {
display:inline-block;}


/* --------------------------------------
フッター(sp)
--------------------------------------- */



}


/*	900px以下
-----------------------------------------------------------	*/
@media only screen and (max-width:900px){
	


.pa_logo img {
width:65%;
height:auto;}

.pa_brand li.pa_brand_33 img {
width:60%;
height:auto;}

.pa_brand li:first-child  img {
width:70%;
height:auto;
margin-bottom:40px}

.pa_brand li.pa_brand_50 img {
width:60%;
height:auto;}

.pa_brand li.pa_brand_100 img {
width:80%;
height:auto;}

	
	
}




/*	768px以下
-----------------------------------------------------------	*/
@media only screen and (max-width: 768px){



.pc {display:none;}
.sp {display:block;}


.pa_logo img {
width:85%;
height:auto;}

.pa_brand li.pa_brand_33 img {
width:70%;
height:auto;}

.pa_brand li:first-child  img {
width:80%;
height:auto;
margin-bottom:40px}

.pa_brand li.pa_brand_50 img {
width:70%;
height:auto;}

.pa_brand li.pa_brand_100 img {
width:90%;
height:auto;}


#T_A h2 {
font-size:36px;
line-height:130%;
padding-bottom:25px;
text-align:center;}

#T_A h3 {
font-size:24px;
padding-bottom:25px;
text-align:center;}

#T_Add h2 {
font-size:24px;
padding-bottom:40px;
text-align:center;}

.t_add_t {
text-align:center;
padding:0 0 45px;}


.pa_a_pc {
display:none;}

.pa_a_sp {
display:inline-block;}


}



/*	450px以下
-----------------------------------------------------------	*/
@media only screen and (max-width: 450px){






}




/*	400px以下
-----------------------------------------------------------	*/
@media only screen and (max-width: 400px){





	
}








/*	印刷時
-----------------------------------------------------------	*/
@media print {

#header {position:relative;}

.header_gap {padding-top:0px;}

#goto_top {display:none;}

#test {page-break-after: always;}


}