@charset 'utf-8';

.cont_size_box { width: 940px; margin: 0 auto; }
.cont_size2_box { width: 92%; max-width: 1560px; min-width: 1140px; margin: 0 auto; }
.cont_size3_box { width: 680px; margin: 0 auto; }
@-webkit-keyframes inout {
  0%   { -webkit-transform: scale(1); }
  100% { -webkit-transform: scale(1.2); }
}
@-moz-keyframes inout {
  0%   { -moz-transform: scale(1); }
  100% { -moz-transform: scale(1.2); }
}
@keyframes inout {
  0%   { transform: scale(1); }
  100%  { transform: scale(1.2); }
}
.effBTN {
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
}

.sp_br { display: none;}

.float_2col_box .left,.float_2col_box .right { width: 49%; }
.float_3col_box .left { width: 31%; margin-right: 3.5%;}
.float_3col_box .left:nth-child(3n) { margin-right: 0 !important;}

.float_3col_box2 .left { width: 33%; margin-right: 0.5%;}
.float_3col_box2 .left:nth-child(3n) { margin-right: 0 !important;}

#wrapper { position: relative;}

header { text-align: center; box-sizing: border-box;position: fixed; top: 0; width: 100%; z-index: 1000; background-color: rgba(68,64,58,0.9); height: 68px;}

header h1 { width: 120px; position: absolute; left: 24px; top: 21px;}
header ul { text-align: center; margin-top: 27px;}
header ul li { display: inline-block; text-align: center; padding: 0 20px; border-left: #fff 1px solid; color: #FFF; text-indent: 0.35em;}
header ul li a {color: #FFF; letter-spacing: 0.35em;}
header ul li:last-child { border-right: #fff 1px solid;}
header .book_btn { height: 100%; position: absolute; right: 0; top: 0; background-color: #807356; line-height: 68px; padding: 0 34px; text-indent: 0.35em;}
header .book_btn:hover { background-color: #ff5454; color: #FFF;}
.japanese header ul li.language a.jp { color: #ff5454;}
.japanese header ul li.sns { position: relative; padding-right: 24px;}
.japanese header ul li.sns a { line-height: 1; display: inline-block; width: 30px; width: 26px; position: relative;}
.japanese header ul li.sns a img { width: 26px; line-height: 1; position: absolute; top: -19px;
left: 0;}


header .nav_sp { display: none; margin-top: 20px;}
header .nav_sp .navToggle { font-size: 1.4rem; color: #FFF; cursor: pointer; padding-top: 2px;} 
header .nav_sp ul { position: fixed; top: 68px; width: 100%; margin-top: 0;}
header .nav_sp ul li { display: block; width: 100%; text-align: center; padding: 0 0; border-left: none; color: #FFF; background-color: rgba(68,64,58,0.9);}
header .nav_sp ul li a { padding: 16px 0; display: block; font-size: 1.2rem;}
header .nav_sp ul li.language a { display: inline-block;}

.main_img_area ul li img { width: 100%; height: 100%;}
.slider_wrap { position: relative;}
.bx-wrapper { margin-bottom: 0;}
.bx-wrapper .bx-viewport {
	border: 0px !important;
	box-shadow: none !important;
	background: transparent !important;
	left: 0px !important;
	max-height: 960px;
	min-height: 680px;
}
.bx-wrapper .bx-viewport ul li { width: 100% !important;}
.bx-wrapper .bx-viewport ul li img {
	-webkit-animation: inout 30s;
	-moz-animation: inout 30s;
	animation: inout 30s;
	min-height: 680px !important;
}
.bx-wrapper .bx-pager { bottom: 0; padding-top: 22px; padding-bottom: 16px; background-color: rgba(0,0,0,0.5); }
.bx-wrapper .bx-pager.bx-default-pager a { background: #FFF; -webkit-border-radius: 0; border-radius: 0; margin: 0 10px; }
.bx-wrapper .bx-pager.bx-default-pager a.active { background: #ff5454;}

.slider_wrap .copy {
	position: absolute;
	width: 580px;
	top: 50%;
	left: 50%;
	margin-top: -100px;
	margin-left: -290px;
}
.slider_wrap .copy img {
	width: 100%;
	display: block;
}

.in_book_btn { position: relative; padding-bottom: 220px !important;}
.cont_box { padding: 140px 0; }
.ttl_box h1 { font-size: 4rem; font-weight: normal; letter-spacing: 0.3em; text-indent: 0.3em; line-height: 1; text-align: center;}
#area01 .ttl_box h1 {font-size: 1.8rem;}
.ttl_box h1 .ttl_line { display: block; width: 200px; margin-left: auto; margin-right: auto; margin-bottom: 20px; margin-top: 0; opacity: 0.8; text-align: center; text-indent: 0; line-height: 0;}
.ttl_box h1 .ttl_line img { width: 100%; color: #FFF;}
.ttl_box h1 .sub_txt { font-size: 1.1rem; text-indent: 0.3em; display: block; margin-top: 10px; letter-spacing: 0.2em;}

.ttl_box h2 { font-size: 1.6rem; font-weight: normal; letter-spacing: 0.3em; line-height: 1; text-align: center;}
.ttl_box h2 .sub_txt { font-size: 1.3rem; display: block; margin-top: 26px;}

.concept {
	background: url(../images/intro_bg.jpg) repeat;
	color: #FFF;
	overflow: hidden;
}
.concept .cont_size_box { position: relative;}
.concept .ttl_box h1 { text-align: left; text-indent: 0;}
.concept .ttl_box h1 .ttl_line { display: block; margin-left: -12px; margin-top:10px; }
.concept .ttl_box h1 .sub_txt { text-indent: 0;}
.concept .left { width: 200px; }
.concept .right { width: 640px; }
.concept .txt_box h2 {
	font-size: 2rem;
	letter-spacing: 0.4em;
	margin-top: -8px;
	margin-bottom: 44px;
}
.concept .txt_box p {
	font-size: 1.3rem;
	letter-spacing: 0.4em;
	line-height: 2.2;
}

.circle_top,.circle_btm { position: absolute; }
.circle_top { width: 620px; top: -276px; left: -236px; opacity: 0.05; }
.circle_btm { width: 880px; bottom: -480px; right: -244px; opacity: 0.1; }

.circle_top img,.circle_btm img { width: 100%;}

.rooms {
	background: url(../images/room_bg.jpg) repeat;
	color: #FFF;
	overflow: hidden;
}
.rooms .ttl_box { margin-bottom: 42px;}
.rooms .col_box { margin-top: 22px; margin-bottom: 44px; position: relative; border: #444 1px solid; cursor: pointer; overflow: hidden; box-sizing: border-box;}
.rooms .col_box img { width: 100%; display: block; transition: 1.8s;}
.rooms .col_box img.active {
	-moz-transform: scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
}

.screen {
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
}
.rooms .col_box .txt_box {
	position: absolute;
  top: 49%;
  -webkit-transform: translateY(-49%);
  -ms-transform: translateY(-49%);
  transform: translateY(-49%);
	width: 100%;
	text-align: center;
	z-index: 200;
}
.rooms .col_box .txt_box h2 { font-size: 1.9rem; }
.rooms .col_box .txt_box p { font-size: 1.4rem; margin: 18px 0 26px; }
.rooms .col_box .txt_box a {
	display: inline-block;
	border: #FFF 1px solid;
	padding: 8px 50px 8px 16px;
	text-align: left;
	background-size: 36px;
	position: relative;
}
.rooms .col_box .txt_box a.active {
	border: #ff5454 1px solid;
	background-color: #ff5454;
	color: #FFF;
}
.rooms .col_box .txt_box a .icn {
	display: block;
	position: absolute;
	width: 32px;
	top: 9px;
	right: 0;
}
.rooms .col_box .txt_box a .icn img {
	width: 100%;
}

.access .address {
	text-align: center;
	font-size: 1.3rem;
	letter-spacing: 0.35em;
	margin-top: 50px;
}
.access .address img {
	width: 36px;
}
.access .map_box {
    width: 100%;
    margin: 0 auto;
    height: 560px;
    margin-top: 60px;
}
.access #map_canvas { height: 560px;}
.access h2 { margin-top: 80px;}

.access .direction_list { margin-top: 68px;}
.access .direction_list h3 { text-align: center; position: relative; width: 100%;}
.access .direction_list h3:before {
	display: block;
	content: "";
	height: 1px;
	width: 100%;
	border-top: #ff5454 1px dotted;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 0;
}
.access .direction_list h3 span {
	background-color: #ff5454;
	padding: 16px 30px;
	color: #FFF;
	font-size: 1.4rem;
	font-weight: normal;
	position: relative;
}
.access .direction_list ul.direction_link { margin-top: 50px;}
.access .direction_list ul.direction_link li { border-bottom: #fff 1px solid; position: relative; }
.access .direction_list ul.direction_link li a {
	display: block;
	color: #fff;
	background-color: #46423d;
	padding: 36px 22px 36px 42px;
	font-size: 1.4rem;
	letter-spacing: 0.35em;
	box-sizing: border-box;
}
.access .direction_list ul.direction_link li a .exit_txt { font-size: 2rem !important;}
.access .direction_list ul.direction_link li a:hover {
	background-color: #ff5454;
}
.access .direction_list ul.direction_link li a .min {
	font-size: 1.2rem;
}
.access .direction_list ul.icn_list {
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -20px;
}
.access .direction_list ul.icn_list li { display: inline; padding: 0 2px; cursor: pointer; border-bottom: none;}
.access .direction_list ul.icn_list li img { width: 40px; height: 40px;}

.faq { background-color: #46423d; }
.faq .ttl_box h1 { color: #FFF; }
.faq dl { margin-top: 60px;}
.faq dl dt,
.faq dl dd { padding: 32px 30px; font-size: 1.2rem; width: 100%; position: relative; padding-left: 70px; line-height: 1.8; box-sizing: border-box; border-bottom: #46423d 1px solid; color: #46423d;}
.faq dl dt { background-color: #fff; position: relative; cursor: pointer; z-index: 10;}
.faq dl dt .icn_down { 
	position: absolute;
	color: #46423d;
	right: 30px;
	top: 35px;
}
.faq dl dt.active .icn_down {color: #ff5454;}
.faq dl dt .num { font-size: 4rem; font-weight: bold; position: absolute; left: 24px; top: 0;}
.faq dl dt:first-child { border-top-left-radius: 12px; border-top-right-radius: 12px;}
.faq dl dd { background-color: #ececec; display: none; position: relative; z-index: 0;}
.faq dl dt:last-of-type { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px;}
.faq dl dd:last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px;}
.faq dl dt.active {  
	box-shadow: 0px 6px 3px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0px 6px 3px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 6px 3px rgba(0,0,0,0.2);
	border-bottom: none;
	border-bottom-left-radius: 0; border-bottom-right-radius: 0;
}
.faq dl dd ol { margin-top: 12px; margin-left: 32px;}
.faq dl dd ol li { padding-bottom: 10px; font-size: 1.2rem;}
.faq dl dd ol li a { color: blue; text-decoration: underline;}


.news { background-color: #d5cfc1; }

.book_btn_box { position: absolute; bottom: 0; width: 100%;}
.book_btn_box a {background-color: #807356; line-height: 68px; padding: 0 34px; text-indent: 0.35em; display: block; text-align: center; width: 200px; margin: 0 auto;}
.book_btn_box a:hover { background-color: #ff5454; color: #FFF;}


footer {
	background-color: #37342e;
	padding: 80px 0;
	color: #fff;
	text-align: center;
	border-top: #807356 8px solid;
}
footer .logo {
	width: 150px;
	margin: 0 auto 30px;;
}
footer .logo img { width: 100%;}
footer .copywright { letter-spacing: 0.3em; text-indent: 0.65em; font-size: 0.9rem; margin-bottom: 12px;}
footer .rakuten { letter-spacing: 0.65em; text-indent: 0.65em; font-size: 0.75rem;}

.pagetop { 
	display: block;
	position: fixed;
	padding: 12px;
	line-height: 1;
	right: 2%;
	bottom: 2%;
	background-color: rgba(55,52,46,0.75);
}

.law.room .room_detail,
.law.direction .direction_detail { background-color: #746e67; padding-top: 80px; }
.law.room .room_detail .cont_size2_box,
.law.direction .direction_detail .cont_size2_box {
	padding: 120px 0;
	color: #FFF;
	text-align: center;
	border-bottom: #9e9a95 1px solid;
}
.law.room .room_detail .cont_size2_box:last-child { border-bottom: none; padding-bottom: 0;}
.law.room .room_detail .cont_size2_box h1,
.law.direction .direction_detail h1 { font-size: 1.4rem; margin-bottom: 50px; }

.law.room .room_detail .cont_size2_box p { margin: 60px 0 50px; font-size: 1.7rem;}
.law.room .room_detail .cont_size2_box a.btn_link { border:#9e9a95 1px solid; padding: 16px 18px;}
.law.room .room_detail .cont_size2_box a.btn_link:hover {
	background-color: #ff5454;
	border:#ff5454 1px solid; 
	color: #FFF;
}
.law.room .room_detail .cont_size2_box .img_box .left { position: relative; margin-bottom: 2%; }
.law.room .room_detail .cont_size2_box .img_box .left .screen {
	background-color: rgba(0,0,0,0.25);	
}
.law.room .room_detail .cont_size2_box .img_box .left a { display: block; }
.law.room .room_detail .cont_size2_box .img_box img { display: block; width: 100%;}
.law.room .room_detail .float_3col_box .left { width: 32%; margin-right: 2%;}

.law.room .facilities { text-align: center; }
.law.room .facilities h1 { font-size: 1.3rem; margin-bottom: 50px; text-indent: -0.25em; }
.law.room .facilities h2 { font-size: 1.3rem; margin-bottom: 20px; text-indent: -0.25em; }
.law.room .facilities h2 .icn { display: block; margin: 0 auto; width: 100px; margin-bottom: 34px;}
.law.room .facilities h2 .icn img { width: 100%;}
.law.room .facilities .img_list { text-align: center; margin-top: 40px;}
.law.room .facilities .img_list li { display: inline-block; width: 23.5%; margin-right: 2%;}
.law.room .facilities .img_list li:last-child { margin-right: 0;}
.law.room .facilities .img_list li a { display: block; }
.law.room .facilities .img_list li a img { display: block; width: 100%;}

.law.room .facilities .fac_box { border-bottom: #000 1px solid; padding: 80px 0; }
.law.room .facilities .fac_box:first-child { padding-top: 60px;}
.law.room .facilities .fac_box:last-child { padding-bottom: 0; border-bottom: none;}
.law.room .facilities .fac_box p { line-height: 2; font-size: 1.1rem;}

.law.room .facilities .fac_box .fac_small_box { display: inline-block; width: 23.5%; margin-right: 2%; vertical-align: top;}
.law.room .facilities .fac_box .fac_small_box:last-child { margin-right: 0;}
.law.room .facilities .fac_box .fac_small_box h2 span { display: block; font-size: 1rem; margin-top: 12px;}
.law.room .facilities .fac_box .fac_small_box a { display: block;}
.law.room .facilities .fac_box .fac_small_box a img { display: block; width: 100%;}

.law.room .room_detail .cont_size2_box .img_box .left a { overflow: hidden;}
.law.room .room_detail .cont_size2_box .img_box .left a img { transition: 1.8s; }
.law.room .room_detail .cont_size2_box .img_box .left a img.active {
	-moz-transform: scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
}

.law.contact .contact_detail { background-color: #746e67; padding-top: 180px; color: #FFF; position: relative; padding-bottom: 200px;}
.law.contact .contact_detail h1 { font-size: 1.3rem; margin-bottom: 50px; text-align: center;}
.law.contact dl dt,
.law.contact dl dd{
	text-align: left;
	width: 100%;
	margin-bottom: 12px;
}
.law.contact dl dd { margin-bottom: 36px;}
.law.contact dl dd input,
.law.contact dl dd textarea { display: block; width: 100%; box-sizing: border-box; padding: 6px; letter-spacing: 0;}
.law.contact dl dd input { }
.law.contact dl dd textarea { height: 180px;}
.law.contact label { display: block; color: #ccc; margin-top: 6px;}
.law.contact .submit_btn {
	display: block;
	border: none;
	border: #9e9a95 1px solid;
	padding: 16px 18px;
	margin: 40px auto 0;
	background: none;
	width: 50%;
	cursor: pointer;
	font-size: 1.2rem;
	letter-spacing: 0.25em;
	color: #FFF;
	font-family:  "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.law.contact .submit_btn:hover {
	background-color: #ff5454;
	border:#ff5454 1px solid; 
}
.law.contact .confirm_txt dt {
	color: #ccc;
}
.law.contact .endTXT { margin-bottom: 50px; font-size: 1.2rem; line-height: 2;} 

.law.direction .direction_detail .cont_size2_box { 
	border-bottom: none;
	padding-bottom: 0;
}
.law.direction .direction_detail .cont_size2_box p { font-size: 1.2rem; }
.law.direction .direction_detail .direction_cont {
	width: 800px;
	margin: 0 auto;
	padding-bottom: 10px;
}
.law.direction .direction_detail h1 { 
	margin-bottom: 80px;
}

.law.direction .direction_detail .direction_cont:first-of-type { margin-top: 80px;}
.law.direction .direction_detail .direction_cont .left { 
	width: 20%; position: relative;
}
.law.direction .direction_detail .direction_cont .right { width: 80%; padding-bottom: 80px;}
.law.direction .direction_detail .direction_cont .right :first-of-type { padding-bottom: 0;}
.law.direction .direction_detail .direction_cont .right img { width: 100%;}
.law.direction .direction_detail .direction_cont p { text-align: left; margin-top: 18px; line-height: 2; }
.law.direction .direction_detail .direction_cont p a { text-decoration: underline;}
.law.direction .direction_detail .direction_cont .num {
	font-size: 9rem; font-weight: bold; text-align: center; letter-spacing: 0; margin-top: 0;
	position: relative; z-index: 10; background-color: #746e67; line-height: 1; padding-bottom: 10px;
}
.law.direction .direction_detail .direction_cont .line {
	width: 1px; height: 100%; background-color: #9e9a95; position: absolute; top: 0; left: 50%; z-index: 0;
}
.law.direction .btn_link a {
	border: #9e9a95 1px solid;
	padding: 16px 18px;
}
.law.direction .btn_link a:hover {
	background-color: #ff5454;
	border: #ff5454 1px solid;
	color: #FFF;
}

@media (max-width: 1350px) {
	header ul li { padding: 0 12px;}
	header ul li a { font-size: 0.9rem;}
}
@media (max-width: 1160px) {
	header ul li { padding: 0 8px;}
	header ul li a { font-size: 0.8rem;}
	.cont_size2_box { max-width: 82%; min-width: 82%; }
}
@media (max-width: 1060px) {
	header .nav_sp { display: block;}
	header .nav_pc, header .nav_sp ul { display: none;}	
}
@media (max-width: 940px) {
	.float_2col_box,.float_2col_box2 { width: 80%; margin-left: auto; margin-right: auto;}
	.float_2col_box .left,.float_2col_box .right { width: 100%; }
	.float_3col_box .left { width: 100%; margin-right: 0;}
	.float_3col_box2 .left { width: 100%; margin-right: 0;}
	.cont_size_box { width: 80%; margin-left: auto; margin-right: auto;}
	.concept .cont_size_box { width: 60%; }
	.concept .left,.concept .right { width: 100%; float: none;}
	.concept .right { margin-top: 60px;}
	.access .float_3col_box .left { margin-top: 70px;}
	.access .float_3col_box .left:first-child { margin-top: 0;}
	
	.law.direction .direction_detail .direction_cont { width: 100%;}
}

@media (max-width: 680px) {
	.sp_br { display: block;}
	.bx-wrapper .bx-viewport {
		max-height: inherit;
    min-height: inherit;
	}
	.bx-wrapper .bx-viewport ul li img { width: 827px; min-height: 340px !important;}
	.bx-wrapper .bx-pager { padding-top: 12px; padding-bottom: 7px;}
	.bx-wrapper .bx-pager.bx-default-pager a { width: 8px; height: 8px;}
	header { height: 42px;}
	header .nav_sp ul { top: 42px;}
	header h1 { left: 10px; width: 70px; top: 13px;}
	header .book_btn { padding: 0 15px;}
	header .book_btn { line-height: 42px;}
	header .nav_sp { margin-top: 14px;}
	header .nav_sp .navToggle { font-size: 1.1rem; padding-top: 0; line-height: 1;}
	.slider_wrap .copy { width: 75%; margin-top: -11%; margin-left: -37.5%;}
	header .book_btn { font-size: 0.8rem;}
	.cont_box { padding: 70px 0;}
	.concept .cont_size_box { width: 80%;}
	.ttl_box h1 { font-size: 1.4rem;}
	.concept .txt_box h2 { font-size: 1.6rem;}
	.concept .txt_box p { font-size: 1rem; letter-spacing: 0.2em; line-height: 2;}
	.circle_top { width: 260px; top: -106px; left: -100px;}
	.circle_btm { width: 420px; right: -180px; bottom: -270px;}
	.float_3col_box2 .left { margin-bottom: 22px; margin-top: 10px;}
	.rooms .col_box .txt_box h2 { font-size: 1.4rem;}
	.rooms .col_box .txt_box p { font-size: 1.2rem;}
	.access h2 { line-height: 2;}
	.access .address { font-size: 1rem;}
	.access .address img { width: 22px;}
	.access #map_canvas,
	.access .map_box{ height: 340px;}
	.access h2,
	.access .direction_list h3 span,
	.access .direction_list ul.direction_link li a{ font-size: 1.2rem;}
	.access .direction_list ul.direction_link li a {
		padding: 20px 16px 20px 20px;
	}
	.access .direction_list ul.direction_link li a .exit_txt { font-size: 1.4rem !important;}
	.access .direction_list ul.direction_link { margin-top: 40px;}
	.access .direction_list ul.icn_list { right: 12px;}
	.faq dl { margin-top: 40px;}
	.faq dl dt .num { font-size: 2.2rem; top: 10px; left: 18px;}
	.faq dl dt, .faq dl dd { font-size: 1rem; padding: 22px 20px;}
	.faq dl dt { padding-right: 30px; padding-left: 50px;}
	.faq dl dd { padding-left: 20px;}
	.faq dl dt .icn_down { top: 24px; right: 10px;}
	.faq .cont_size_box { width: 100%;}
	.faq dl dt:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
	}
	.faq dl dt:last-of-type {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
	}
	.faq dl dd:last-child {
		border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
	}
	
	.law.room .room_detail .cont_size2_box { padding: 80px 0;}
	.law.room .facilities h2 { font-size: 1.1rem;}
	.law.room .facilities h2 .icn { width: 60px; margin-bottom: 18px;}
	.law.room .facilities .fac_box p { font-size: 0.95rem;}
	.law.room .facilities .fac_box { padding-top: 20px;}
	.law.room .facilities .fac_box .fac_small_box { width: 28.5%;}
	
	.cont_size3_box {width: 80%; margin-left: auto; margin-right: auto;}
	.law.contact .submit_btn { width: 100%; font-size: 1rem;}

	.law.direction .direction_detail h1 { line-height: 2;}
	.law.direction .direction_detail .cont_size2_box {
		max-width: 94%;
    min-width: 94%;
		padding: 70px 0;
	}
	.law.direction .direction_detail .direction_cont .left { width: 14%; }
	.law.direction .direction_detail .direction_cont .right { width: 86%; padding-bottom: 40px;}
	.law.direction .direction_detail .direction_cont .num {
		font-size: 2.4rem;
	}
	.law.direction .direction_detail .direction_cont p { margin-top: 10px;
	font-size: 1rem;}
	
	footer .logo { width: 160px;}
	footer .copywright { font-size: 0.75em;}
	.book_btn_box a { width: 160px; line-height: 56px;}
	.pagetop { 
		right: 2%;
	}
}