@charset "utf-8";

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200;
}

/* IE10以上 */
@media all and (-ms-high-contrast: none) {
  body {
    font-family: Verdana, Meiryo, sans-serif;
  }
}
body {
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif; margin:0; padding:0;
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

/*カテゴリ・アーカイブウィジェット ドロップダウンにした場合ラベル表示無し*/
.widget_categories label.screen-reader-text,
.widget_archive label.screen-reader-text{
  display: none;
}
#archives-dropdown-4{ margin:5px;}

/* pagenavi */
.tablenav {color: #2583ad;background:white;margin: 30px auto 10px auto;line-height:2em;text-align:center;}
a.page-numbers, .tablenav .current {color: #00019b;padding: 5px .4em;border:solid 1px #ccc;text-decoration:none;font-size:smaller;font-size:16px;}
a.page-numbers:hover {color:white;background: #328ab2;}
.tablenav .current {color: white;background: #328ab2;border-color: #328ab2;font-weight:bold:}
.tablenav .next, .tablenav .prev {border:0 none;background:transparent;text-decoration:underline;font-size:smaller;font-weight:bold;}

body,form,menu,dir,fieldset,blockquote,p,pre,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6 { padding:0; margin:0;}
a {color:#555;text-decoration:none;}
.container,.content {margin:0 auto;}
h1 {font-size:0;}
.clear {clear: both;line-height: 0px;height:0px;font-size:0px;}
.left {float:left;}
.right {float:right;}

.headerbox {background:#dde0d7;}
.headerbg {background:#fff;}
.logo {width:32%;text-align:center;padding-top:5%;}
.logo .limg_m {margin-top:2%;}
.logo .limg_l img {width:90%;max-width:230px;}
.logo .limg_m  img {width:94%;max-width:305px;}
.logo .telbox {margin-top:10px;}
.logo .telbox span {padding:0 4px;}
.banner {width:68%;font-size:0px;}
.banner img {width:100%;margin:0 0;overflow:hidden;}

.hd_page{width:1050px; margin:0 auto;}

/*nav*/
#main_demo {background:#99a090;padding:10px 0;}
.venus-menu {width:98%;max-width:1280px;margin:0 auto;}
.venus-menu li {float:left;list-style:none;font-size:0px;margin:0 0.2%;width:12.8%;}
.venus-menu li:nth-child(2){width:auto;background:#000;}
.venus-menu li a{display: inline-block;background:#fff;width:100%;text-align:center;-webkit-transition:color 0.2s linear, background 0.2s linear;-moz-transition:color 0.2s linear, background 0.2s linear;-o-transition:color 0.2s linear, background 0.2s linear;transition:color 0.2s linear, background 0.2s linear;}
.venus-menu li.showhide{display:none;width:100%;cursor:pointer;color:#fff;background:#99a090;border-bottom:none;}
.venus-menu li.showhide:focus {-webkit-tap-highlight-color:rgba(0,0,0,0);text-decoration:none;outline:none;}
.venus-menu li.showhide span.title {float:left;color:#fff;font-size:24px;margin-left:15px;line-height:38px;}
.venus-menu li.showhide span.icon {float:left;margin-top:5px;margin-left:15px;}
.venus-menu li.showhide .icon em {margin-bottom:4px;display:block;width:35px;height:6px;background:#fff;}
.zoom-out{-webkit-animation:zoomOut 600ms ease both;-moz-animation:zoomOut 600ms ease both;-o-animation:zoomOut 600ms ease both;animation:zoomOut 600ms ease both;}
@-webkit-keyframes zoomOut{0%{-webkit-transform:scale(.6);}100%{-webkit-transform:scale(1);}}
@-moz-keyframes zoomOut{0%{-moz-transform:scale(.6);}100%{-moz-transform:scale(1);}}
@-o-keyframes zoomOut{0%{-o-transform:scale(.6);}100%{-o-transform:scale(1);}}
@keyframes zoomOut{0%{transform:scale(.6);}100%{transform:scale(1);}}

.style_img {background:#f2f2f2;padding:40px 0;}
.style_img h2 {text-align:center;font-size:0;padding:40px 0;}
.more {text-align:center;margin:0 0 50px 0; clear:both;}
.more a {display:inline-block;background:#73766b;color:#fff;font-size:20px;width:140px;text-align:center;padding:3px 0;}

.style_img .content{width:100% margin:0 auto;text-align:center;}

.slider{ clear:both; padding:0 0 50px 15px; width:100%; margin:0 auto;}
.demo{ clear:both;}
.demo img {width:100%; max-width:227px; border:1px solid #777777;}

.new_box {padding:40px 0;}
.new_box h2 {text-align:center;font-size:0;padding:40px 0;}
.new_box ul {margin:0 15px 50px 15px;border-top:1px #757575 solid;}
.new_box li {list-style:none;border-bottom:1px #757575 solid; padding:0; vertical-align:bottom; overflow:hidden;}

.tit{ float:right; width:80%;}
.tbox{ float:left; width:17%; max-height:90px;}
.tbox img{max-width:100%; height:auto; overflow:hidden;object-fit: cover; vertical-align:bottom;}

.nsbace{clear:both; overflow:hidden; margin:30px;}
.tbox2{ float:left; width:17%; max-height:120px;}
.tbox2 img{max-width:100%; height:auto; overflow:hidden;object-fit: cover; vertical-align:bottom;}
.tit2{ float:right; width:80%;}


.new_box li span {font-weight:bold;font-size:14px;}
.new_box li p a {font-size:20px;line-height:180%;}

.contact {background:url(../images/bg01.jpg) repeat-y center top;padding:10px 0 86px 0;}
.contact .con_box {width:48%;}
.contact .con_box h3,.contact .map_box h3 {text-align:center;font-size:0;}
.contact .con_box .fbox,.contact .map_box .fbox {background:url(../images/bg02.png) repeat;width:auto;margin-top:30px; padding:25px;}
.contact .map_box {margin-top:50px;}
.contact .map_box .fbox { max-width:1012px;padding:19px;}

iframe {
  vertical-align: bottom;
}

#fb_page_plugin_area{width:100%;}

.foot_box {background:#9da494;padding:30px 0 20px 0;}
.foot_box h5 {font-weight:normal;font-size:12px;text-align:right;color:#fff;margin-top:18px;}
.foot_box .foot_l,.foot_box .foot_r {width:48%;}
.foot_box .foot_l .add-box .logo_foot {margin-top:10px;}
.foot_box .foot_l .add-box .logo_foot h4 {text-align:center;}
.foot_box .foot_l .add-box .logo_foot h4 span {padding:0 5px;}
.foot_box .foot_l .add-box .add_txt,.foot_box .foot_l .add-box .logo_foot {color:#fff;width:46%;}
.foot_box .foot_l .add-box .add_txt h3 {font-weight:normal;font-size:20px;color:#fff; padding:10px 0 0 0;}
.foot_box .foot_l .add-box .add_txt h3 a{font-weight:normal;font-size:20px;color:#fff;}
.foot_box .foot_l .add-box .add_txt p {font-size:12px;line-height:18px;}
.foot_box .foot_l .time-box {background:#7c8274;padding:20px 30px 16px 30px;margin-top:15px;}

.foot_box .foot_l .time-box .time {padding-right:8%;}

.foot_box .foot_l .time-box .time h3 {margin-bottom:5px;}
.foot_box .foot_l .time-box .time h3 span {display:inline-block;border:1px #fff solid;font-size:14px;color:#fff;padding:1px 12px 0px 12px;line-height:24px;}
.foot_box .foot_l .time-box .time p {font-size:12px;line-height:21px;color:#fff;}

.foot_box .foot_r .con_tb {padding:18px 10px;background:#7c8274;font-size:0;text-align:center;}
.foot_box .foot_r .con_tb span {margin:0 10px;}
.foot_box .foot_r .con_txt {padding:14px 30px;background:#7c8274;margin-top:17px;}
.foot_box .foot_r .con_txt h3 {font-size:0;margin-bottom:20px;}
.foot_box .foot_r .con_txt h3 span {padding-right:10px;}
.foot_box .foot_r .con_txt p {color:#fff;font-size:12px;line-height:21px;}

.menu_box {padding:60px 0;}
.menu_box h2 {text-align:center;}
.menu_box .menu_list {padding:0 20px 60px 20px;border-top:#000 3px solid;margin-top:40px;}
.menu_box .menu_list h3 {padding:60px 0 40px 0;text-align:center;font-size:30px;line-height:32px;font-weight:normal;}
.menu_box .menu_list h3 p {font-size:12px;}
.menu_box .menu_list .menu_img {width:35%;}
.menu_box .menu_list .menu_img img {width:100%;max-width:329px;}
.menu_box .menu_list .menu_txt {width:62%;}
.menu_box .menu_list .menu_txt table {border-top:1px #555 dotted;}
.menu_box .menu_list .menu_txt table td {border-bottom:1px #555 dotted;color:#555;line-height:28px;font-size:16px;padding:18px 20px 16px 20px;height:50px;vertical-align:middle;}
.menu_box .menu_list .menu_txt table td:nth-child(2) {text-align:right;}
.menu_box .menu_list .menu_txt table td p {font-size:12px;}

.headerboxbg {background:#fff;text-align:center;}
.headerboxbg .telbox {text-align:right;}
.headerboxbg .telbox span {margin-left:7px;}
.headerboxbg .logo {width:100%;text-align:center;padding:0 0 15px 0;}


.pp01{ clear:both; text-align:center; padding:50px 0 0 0;}
.pp01 p{ color:#555555; line-height:200%;}

.pp02 {clear:both; overflow:hidden; padding:0;}
.pp02 h3{ border-top:solid 3px #000000; font-size:24px; font-weight:normal; margin-top:50px; text-align:left; padding:25px 10px 20px 10px;}
.pp02 p{ color:#555555; padding:0 20px; line-height:200%;}
.pp02 ol{ padding:10px 0 0 50px;}
.pp02 ol li{list-style-type: decimal; color:#555555;line-height:220%;}

.news_bace{clear:both; overflow:hidden; padding:50px 0;}
.news_bace .left{ float:left; border-top:3px solid #000000; width:75%;}
.news_bace .left ul{padding:0;}
.news_bace .left ul li{ list-style:none; padding:20px 10px; border-bottom:3px solid #000000; overflow:hidden;}
.news_bace .left img{ max-width:100%; height:auto;}
.news_bace .left h3{ margin-bottom:20px; font-size:24px; line-height:150%;}

.news_bace .archive{
	float:left;
	border-top:3px solid #000000;
	width:75%;
}
.news_bace .archive ul{
	padding:0;
}
.news_bace .archive ul li{
	list-style:none;
	padding:20px 15px;
	border-bottom:3px solid #000000;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items:flex-start;
	overflow:hidden;
}
.ac_tbox{
	width: 122px;
	height: 90px;
	position: relative;
	margin-right: 15px;
	overflow: hidden;
}
.ac_tbox img{
position: absolute;
top: 50%;
left: 50%;
	width: 150%;
	height: auto;
	transform: translate(-50%,-50%);
	vertical-align: bottom;
}
.ac_tit{
	flex: 1;
	font-size:18px;
	line-height:150%;
}
.ac_tit .date{
	padding:0 0 5px 0;
}
.ac_tit h3{
	margin: 0;
	padding: 0;
}


.news_bace .right{ float:right; width:20%;}
.news_bace .right h5 {padding:10px 5px 0 5px; font-size:16px; margin:0; border-top:3px solid #000000; }
.news_bace .right ul{padding:0 0 40px 0;}
.news_bace .right ul li{ list-style:none; padding:10px 5px; border-bottom:1px dotted #555555;}
.news_bace .right .date{ font-size:12px; line-height:150%;}
.news_bace .right .tit{ font-size:18px; line-height:150%;}

.member{ clear:both; overflow:hidden;}
.member ul{padding:50px 0 0 5px; margin:0; overflow:hidden;}
.member ul li{float:left; list-style:none; height:500px; width:33%; text-align:center;}
.member p{font-size:12px; line-height:250%; color:#555555;}
.member h3{padding:15px 0 0 0; font-size:20px; font-weight:normal; color:#555555; line-height:180%;}
.member .yaku{padding-bottom:15px;}
.member .icon{padding-top:10px;}

.rcr{ clear:both; overflow:hidden;}
.rctop{ margin-top:30px; clear:both; overflow:hidden; width:100%; height:auto; vertical-align:bottom;}
.rcimg{ margin:0; clear:both; overflow:hidden; width:100%; height:auto; vertical-align:bottom;}
.rcr h3{ padding:25px 0; line-height:180%;}
.rcr p{color:#55555; line-height:200%; font-size:14px;}
.rcr h4{ border-top:solid 3px #000000; font-size:2.2em; font-weight:bold; margin-top:80px; text-align:left; padding:25px 10px 20px 10px; color:#ff968d; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

.rcr h5{ font-size:2.2em; line-height: 150%; font-weight:nomal; margin-top:50px; text-align:center; padding:0px; color:#85604a; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

.slwork{clear:both; overflow: hidden;}
.slwork .lf{float:left;padding:0 0 0 50px; }
.slwork .rt{float:left;padding:20px 0 0 100px;}
.slwork .rt p{font-size: 1.2em;}

.message{clear:both; overflow:hidden; padding:20px 0 0 0;}
.message .left{float:left; width:20%;}
.message .right{float:right; width:78%;}
.message img{ width:100%; height:auto;}
.message p{ color:#555555; font-size:14px; line-height:220%;}
.message .name{font-size:20px; line-height:150%;}
.message .school{font-size:12px; padding-bottom:15px;}

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

.odd{clear:both; overflow: hidden; padding: 80px 0 0 0;}
.odd .lf{ float: left; width: 64%; }
.odd .rt{ float: right; width: 34%; max-width: 380px; }
.odd img{width:100%; height: auto; vertical-align: bottom;}
.msg{ font-size:1.0em; line-height: 180%; padding:0 0 8px 0;}
.even{clear:both; overflow: hidden; padding: 80px 0 0 0;}
.even .lf{ float: left; width: 34%; max-width: 380px; }
.even .rt{ float: right; width: 64%; }
.even img{width:100%; height: auto; vertical-align: bottom;}
ul.com{border-top:1px dotted; clear:both; overflow: hidden;}
ul.com li{border-bottom:1px dotted; clear:both; overflow: hidden; padding: 8px; font-size: 0.9em; line-height: 180%;} 

.vision{ text-align:center; }
.vision p{font-size:1.4em; line-height: 250%; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

.stbace{clear:both; overflow:hidden; padding:50px 0;}

.stbace .cat{clear:both; overflow:hidden;}
.stbace .cat ul{ width:87%; padding:0; margin:0; float:left;}
.stbace .cat ul li{ width:15.5%; border:1px solid #777777; text-align:center; list-style:none; float:left; margin-bottom:10px; margin-left:0.5%;}
.stbace .cat .ladies{ width:12%; padding:16px 1px; float:left; background:#99a08f; color:#ffffff; text-align:center; margin-bottom:10px;}
.stbace .cat .mens{ width:12%; padding:16px 1px;float:left; background:#74776b; color:#ffffff; text-align:center; margin-bottom:10px;}
.stbace .cat ul li a{ padding:15px 0; color:#777777; display:block; text-decoration:none;}

.stbace .cbox{ clear:both; overflow:hidden; padding:70px 0 0 0;}
.stbace .cbox .main{ float:left; width:28%;}
.stbace .cbox .main img{ width:100%; height:auto;}
.stbace .cbox h3{ float:right; overflow:hidden; width:70%; padding:10px 0; border-bottom:1px solid #777777; margin-bottom:15px;}
.stbace .cbox .sub{ float:right; width:70%; padding:15px 0;}

.stbace .cbox .hair_l{ float:left; width:80px; padding:10px 0; margin:10px 10px 0 10px; background:#99a08f; color:#ffffff; text-align:center; font-size:12px;}
.stbace .cbox .hair_m{ float:left; width:80px; padding:10px 0; margin:10px 10px 0 10px; background:#74776b; color:#ffffff; text-align:center; font-size:12px;}


.gallery br {display:none;}
.gallery dl {list-style:none;float:left;width:20%;text-align:center; margin-top:0; margin-bottom:20px;}
.gallery dl img {width:100%;max-width:129px; height:auto;}



.ftinfo{clear:both; overflow:hidden; padding:15px 0 0 0;}
.ftinfo a{color:#ffffff; text-decoration:none;}
.ftinfo .sub{float:left; color:#ffffff; font-size:12px;}
.ftinfo .copy{float:right; color:#ffffff; font-size:12px;}

.ft_app{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	box-sizing: border-box;
	margin-bottom: 15px;
}
.ft_app .aps{vertical-align: bottom; margin-right: 8px;}
.ft_app .gps{vertical-align: bottom;}
.ft_app img{width:100%; height:auto; vertical-align: bottom;}

.app_tit{
	padding:8px 8px 5px 8px;
	line-height: 130%;
	background:#ffffff;
	font-size:12px;
	color:#6c7166;
	font-weight:bold;
	box-sizing: border-box;
	margin-right: 8px;
}

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



/* メールフォーム */
.mf01{padding:15px; line-height:180%; font-size:16px; border:none; background-color:#ededed; width:97%;}
.wpcf7-submit{ background:#73776b; border:none; padding:20px; font-size:18px; line-height:180%; width:25%; margin:50px auto; color:#ffffff;}

.hissu{border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;background:#ff0000; color:#ffffff; padding:4px 15px; margin-right:5px;}
.tel_ct{ padding:15px 0; color:#5d6a7c; font-size:36px; line-height:200%; text-align:center;}
.mailform{ clear:both; overflow:hidden;}
.mailform table{ border-top:1px solid #8d8d8d;}
.mailform table th{ border-bottom:1px solid #8d8d8d; padding:15px; line-height:200%; background:#ededed; width:25%;}
.mailform table td{ border-bottom:1px solid #8d8d8d; padding:15px;}
.mailform table p{ color:#555555; line-height:180%;}


.list-mv07{
	opacity: 0;
	transform: translate(0,60px); 
	-webkit-transform: translate(0,60px); 
}
.mv07{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}

#captcha div{margin:auto auto !important; padding-top:20px;}
.mf_sb{clear:both; margin:0; padding:0 0 0 20px; text-align:center;}



/* pagetop */
.pagetop{display:none;position:fixed;bottom:10px;right:25px;z-index:200;}
.pagetop a{display:block;text-align:center;color:#ffffff;font-size:35px;text-decoration:none;line-height:70px;}
.pagetop a:visited{color:#ffffff;}

/* item */
.itembox{ clear:both; overflow:hidden; padding:80px 0;}

.itembox h3{ display:block; text-align:left; clear:both; margin:0 0 15px 0; padding:0 0 0 0; font-size:16px; border-bottom:3px double; color:#777777; line-height:150%;}
.itembox h3 img{ width:100%; height:auto;}

.itembc {clear:both; overflow:hidden;}
.itembc .c1l{width:30%; float:left; margin-right:5%; text-align:center; padding-bottom:50px;}
.itembc .c1r{width:30%; float:right; text-align:center; padding-bottom:50px;}
.itembc .imbox{margin-bottom:10px;width:90%; height:auto;}
.itembox p{line-height:180%; padding:0 10px; font-size:15px;}
.maker{border:1px solid #777777; padding:5px; display:inline-block; margin:10px 10px;}
.osusume{width:100%; height:auto;}

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

.itembox .cat{clear:both; overflow:hidden;}
.itembox .cat ul{ width:100%; padding:0 0 30px 0; margin:0; float:left;}
.itembox .cat ul li{ width:22.5%; border:1px solid #777777; text-align:center; list-style:none; float:left; margin:0% 1% 1% 1%;}
.itembox .cat ul li a{ padding:15px 0; color:#777777; display:block; text-decoration:none;}

.itembox .sub{font-size:11px; padding:5px 0; line-height:150%;}

ul.item{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
}
ul.item li{
	list-style: none;
	margin: 0 3.1% 20px 3.1%;
	padding: 0;
	box-sizing: border-box;
	width: 27.1%;
	text-align: center;
}
ul.item li img{
	width: 100%;
	height: auto;
	margin: 10px 0;
}

/* calendar */
.calbace{ clear:both; overflow:hidden; width:90%; margin:30px auto 0 auto;}
.cal_l{float:left; width:48%;}
.cal_r{float:right; width:48%;}
.calbace img{ width:100%; height:auto;}
.caltx{ clear:both; text-align:center; padding:20px 0 50px 0; }
.caltx img{ max-width:200px; width:100%; height:auto;}
.ysm{ font-size:20px; color:#ffc2b4;}

/*res>1360*/
@media screen and (min-width: 1360px) {
	.container {width:1280px;}
	.content {width:1050px;}
.hd_page{width:1136px; margin:0 auto;}

}

.rsv{border: 3px double #979e8d; width: 60%; margin: 5px auto; text-align: center;}
.rsv a{padding:3px; text-decoration: none; display: block; color: #979e8d; font-weight: bold;}

/*1024<res<1360*/
@media screen and (min-width: 1024px) and (max-width: 1360px) {

	.content {width:1050px;}
	.logo {padding-top:0px;}
.hd_page{width:100%;}
.logo .limg_l img {padding:50px 0 0 0;}

.navbox ul li {width:12.5%;}

.style_img .content{width:100%; margin:0 auto;}
/*.style_img li {list-style:none;float:left;width:14.6%; margin:0 1%;text-align:center;}
.style_img li img {width:100%;max-width:227px;}*/

.slider{ clear:both; padding:0 0 50px 0; width:95%; margin:0 0 0 5%;}

}

/*980<res<1024*/
@media screen and (min-width: 980px) and (max-width: 1024px) {
	
	.container {width:100%;}
	.content {width:96%;}
	.logo {padding-top:0px;}
	.logo .limg_m,.logo .telbox {margin-top:0px;}
	.logo .limg_l img {width:60%; padding:50px 0 0 0;}

	.venus-menu li {width:12.6%;}
	
	.foot_box .foot_l .time-box .time {padding-right:0;width:100%;}
	.foot_box .foot_r .con_tb span {margin:5px 0;display:inline-block;width:100%;}
	.foot_box .foot_l .add-box .add_txt,.foot_box .foot_l .add-box .logo_foot {width:50%;}
	.foot_box .foot_l .add-box .logo_foot p img {width:98%;}

.hd_page{width:100%;}

.style_img .content{width:100%; margin:0 auto;}
/*.style_img li {list-style:none;float:left;width:31.3%;text-align:center;}
.style_img li img {width:100%; height:auto; margin-bottom:20px; vertical-align:bottom;}*/

.slider{ clear:both; padding:0 0 50px 0; width:100%; margin:0 auto;}

	
.ft_app{
	margin-bottom: 10px;
}
.ft_app .aps{margin-right: 5px;}
	
.app_tit{
	clear:both;
	margin:10px 0 10px 0;
	padding:6px 0 5px 0;
	width:100%;
	text-align:center;
}
.con_txt .pc{display:none;}
.con_txt .sp{display:none;}

.rsv{width: 75%;}

}

/*763<res<979*/
@media screen and (min-width: 763px) and (max-width: 979px) {

	.content {width:100%;}
	.logo {padding-top:0px;}
	.logo .limg_m,.logo .telbox {margin-top:0px;}
	.logo .limg_l img {width:60%;}
	
	/*nav*/
	.venus-menu li {width:13%; margin:0 1px 0 0; background:#ffffff;}
	
	.style_img,.style_img h2 ,.new_box,.new_box h2 {padding:20px 0;}
	.more {margin-top:15px;}
	.new_box li {padding:10px 20px;}
	
	.foot_box {padding:15px 15px;}
	.foot_box .foot_l,.foot_box .foot_r {width:100%;}
	.foot_box .foot_l .add-box .logo_foot,.foot_box .foot_l .add-box .add_txt {width:100%;text-align:center;}
	.foot_box .foot_l .add-box .add_txt p {width:180px;text-align:left;margin:0 auto;}
	.foot_box .foot_l .time-box {padding:5px 30px;}
	.foot_box .foot_l .time-box .time {margin:10px 0;padding-right:10px;}
	.foot_box .foot_r .con_tb span {margin:5px 0;display:inline-block;width:100%;}

.hd_page{width:100%;}	

.new_box li p a{font-size:16px;}

.news_bace .right ul li{ font-size:14px;}

.itembox .cat ul li{ font-size:12px;}

.style_img .content{width:100%; margin:0 auto;}
/*.style_img li {list-style:none;float:left;width:31.3%;text-align:center;}
.style_img li img {width:100%; height:auto; margin-bottom:20px; vertical-align:bottom;}*/

.slider{ clear:both; padding:0 0 50px 0; width:100%; margin:0 auto;}

.app_tit{float:none; clear:both; margin:10px 0 10px 0; padding:6px 0 5px 0; width:100%; text-align:center;}
.con_txt .pc{display:none;}
.con_txt .sp{display:block;}
	
.rsv{width: 80%; margin: 5px auto 15px auto; font-size: 0.8em;}

}
/*res<762*/
@media screen and (max-width: 762px) {
	.container,.logo,.banner {width:100%;}
	.left,.right {float:none;}
	.logo,.logo .telbox {padding-top:0px;margin-top:0px;}
	.logo .limg_m {font-size:0px;margin-top:0px;}
	.logo .limg_l {display:none;}
	.logo .telbox span {padding:0 2px;}
	.banner {margin-top:10px;}
	
	/*nav*/
	.venus-menu li:nth-child(2){width:100%;}
	.venus-menu li {display:none;width:100%;border-bottom:1px #ddd solid;}
	.venus-menu li a {padding:0 0;}
	.venus-menu li.brand {display:none !important;}
	.venus-menu a {width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
	.venus-menu li .indicator {top:14px;right:20px;font-size:20px;}
	.venus-menu li.search form {margin:12px 18px 0 18px;}
	.venus-menu li.search form input.search {width:100%;margin-bottom:12px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
	.venus-menu li.showhide:focus {text-decoration:none;outline:none;}
	.venus-menu li a img {height:68px;}
	
	
	.style_img,.style_img h2 ,.new_box,.new_box h2 {padding:20px 0;}
	.style_img li {width:50%;margin-bottom:10px;}

.slider{ width:90%; margin:0 auto; clear:both; padding:0 0 50px 0;}
.demo{ clear:both;}
.demo img {width:95%; max-width:95%; height:auto; border:1px solid #777777;}


.gallery dl {width:50%;margin-bottom:10px;}
.gallery dl img {width:100%; height:auto;}

	.more {margin-top:15px;}
	.new_box ul {margin:0 1%;}
	.new_box li {padding:0;}
	.contact {padding:30px 0 40px 0;}
	.contact .con_box {width:100%;}
	.contact .con_box h3,.contact .map_box h3 {margin-top:30px;}
	.contact .con_box .fbox,.contact .map_box .fbox { width:auto;margin-top:15px;}
	
	.foot_box {padding:15px 15px;}
	.foot_box .foot_l,.foot_box .foot_r {width:100%;}
	.foot_box .foot_l .add-box .logo_foot,.foot_box .foot_l .add-box .add_txt {width:100%;text-align:center;}
	.foot_box .foot_l .add-box .add_txt p {width:180px;text-align:left;margin:0 auto;}
	.foot_box .foot_l .time-box {padding:5px 30px;}
	.foot_box .foot_l .time-box .time {margin:10px 0;padding-right:0;}
	.foot_box .foot_r .con_tb span {margin:5px 0;display:inline-block;width:100%;}
	.foot_box .foot_r .con_txt,.foot_box .foot_r .con_tb {margin-top:25px;}
	
	.foot_box .foot_r .con_txt {padding:14px 15px;}
	
	.menu_box {padding:40px 0 20px 0;}
	.menu_box .menu_list {padding:0 10px 15px 10px;margin-top:20px;}
	.menu_box .menu_list h3 {padding:20px 0 12px 0;}
	.menu_box .menu_list .menu_txt table td {padding:10px 10px;}
	.menu_box .menu_list .menu_img,.menu_box .menu_list .menu_txt {float:none;width:100%;}
	.menu_box .menu_list .menu_img {text-align:center;font-size:0;margin-bottom:10px;}
	.menu_box .menu_list .menu_txt table td {padding:10px 10px;line-height:24px;height:auto;}
.hd_page{width:100%;}

.ftinfo .sub{float:none; text-align:center;}
.ftinfo .copy{float:none; padding-top:10px; text-align:center;}

.member ul li{float:none; width:100%;}

.rcr{ padding:0 15px;}
.rcr h3{ line-height:150%; font-size:1.6em;}
.rcr h4{ border-top:solid 3px #000000; font-size:1.6em; text-align:center;}
.message .left{float:none; width:100%; max-width:238px; margin:0 auto 15px auto;}
.message .right{float:none; width:100%;}

.message p{line-height:180%; padding:0 15px;}
.message .name{ text-align:center;}
.message .school{ text-align:center;}

.slwork .lf{float:none;padding:0 0 0 0; }
.slwork .lf img{width: 100%; height: auto; vertical-align: bottom;}
.slwork .rt{float:none;padding:20px 0 0 0;}
.slwork .rt p{font-size: 1.2em; text-align: center;}
	
.pp01{ padding:50px 15px 0 15px;}
.tel_ct{ font-size:26px;}

.mf01{padding:10px; line-height:150%; font-size:16px; width:95%;}
.wpcf7-submit{ line-height:150%; width:50%;}

.mailform table th{ width:30%; font-size:14px;}
.mailform table td{ font-size:14px;}

.pp02 {clear:both; overflow:hidden; padding:0 15px 30px 15px;}
.pp02 h3{font-size:20px;}
.pp02 p{ color:#555555; padding:0 10px; line-height:150%;}
.pp02 ol{ padding:10px 10px 0 40px;}
.pp02 ol li{line-height:150%;}

.news_bace .left{ float:none; width:auto;}
.news_bace .archive{ float:none; width:auto;}
.ac_tit{
	font-size:16px;
	line-height:150%;
}

.news_bace .right{ margin-top:10px; float:none; width:auto;}
#recent-posts-2{display:none;}
.news_bace .right h5 {padding:10px 5px 0 10px;}
#archives-dropdown-4{ margin:5px 0 0 10px;}

.new_box li p a{font-size:16px;}

/* item */
.itembc .c1l{width:40%; float:left; height:480px; margin:0 5% 0 5%;}
.itembc .c1r{width:40%; float:left; height:480px; margin:0 5% 0 5%;}
.itembox p{line-height:160%; font-size:14px;}
.maker{ font-size:14px;}

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

.itembox .cat ul li{ width:47%; font-size:12px;}

ul.item li{
	margin: 0 5% 20px 5%;
	padding: 0;
	width: 40%;
}
	

/* gallery */
.stbace .cat {padding:0; width:95%; margin:0 auto 10px auto;}
.stbace .cat ul{ width:100%; padding:0; margin:0; float:none;}
.stbace .cat ul li{ width:30%; margin:0 1% 1% 1.5%;}
.stbace .cat .ladies{ width:98%; float:none; margin:0 auto 5px auto; padding:9px 1px; font-size:12px;}
.stbace .cat .mens{ width:98%; float:none; margin:0 auto 5px auto; padding:9px 1px; font-size:12px;}
.stbace .cat ul li a{ padding:8px 0; font-size:12px;}

.stbace .cbox{padding:50px 0 0 0; width:90%; margin:0 auto;}
.stbace .cbox .main{ float:none; width:80%; margin:10px auto;}
.stbace .cbox h3{ float:none; width:100%;}
.stbace .cbox h3 img{ width:100%; height:auto; max-width:300px;}
.stbace .cbox .sub{ float:none; width:80%; margin:0 auto;}

.stbace .cbox .hair_l{ float:none; width:80px; padding:10px 0; margin:0 0 5px 0;}
.stbace .cbox .hair_m{ float:none; width:80px; padding:10px 0; margin:0 0 5px 0;}

.style_img .content{width:90%; margin:0 auto;}
/*.style_img li {list-style:none;float:left;width:31.3%;text-align:center;}
.style_img li img {width:100%; height:auto; margin-bottom:20px; vertical-align:bottom;}*/

.tbox{ float:left; clear:left; width:20%; max-height:90px;}
.tit{ float:right; width:75%; font-size:18px; line-height:150%; margin-bottom:15px;}

.nsbace{clear:both; overflow:hidden; margin:10px;}
.tbox2{ float:left; width:20%; max-height:90px;}
.tbox2 img{max-width:100%; height:auto; overflow:hidden;object-fit: cover; vertical-align:bottom;}
.tit2{ float:right; width:75%;}

.news_bace .left h3{ margin-bottom:20px; font-size:18px; line-height:150%;}

.app_tit{float:none; clear:both; margin:10px 0 10px 0; padding:6px 0 5px 0; width:100%; text-align:center;}
.con_txt .pc{display:none;}
.con_txt .sp{display:block;}

.odd{padding: 40px 0 0 0;}
.odd .lf{ float: none; width: 90%; margin: 0 auto;}
.odd .rt{ float: none; width: 90%; margin: 0 auto; }
.odd img{ margin-bottom: 10px;}
.even{padding: 40px 0 0 0;}
.even .lf{ float: none; width: 90%; margin: 0 auto; }
.even .rt{ float: none; width: 90%; margin: 0 auto; }
.even img{ margin-bottom: 10px;}
.vision p{font-size:1.2em; line-height: 180%;}

}
/*res<480*/
@media screen and (max-width: 480px) {
.calbace{ width:70%;}
.cal_l{float:none; width:100%; margin-bottom:10px;}
.cal_r{float:none; width:100%;}
.calbace img{ width:100%; height:auto;}
.caltx img{ max-width:180px;}

/* item */
.itembc .c1l{width:80%; float:none; height:auto; margin:0 auto 30px auto;}
.itembc .c1r{width:80%; float:none; height:auto; margin:0 auto 30px auto;}

ul.item li{
	margin: 0 auto 20px auto;
	width: 80%;
}
	
.itembox .pc{display:none;}
.itembox .sp{display:block;}

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


}

/*res<400*/
@media screen and (max-width: 400px) {
	.style_img li {float:none;width:100%;font-size:0px;margin-top:10px;}
.slider{ width:90%; margin:0 auto; clear:both; padding:0 0 50px 0;}
.demo{ clear:both;}
.demo img {width:100%; max-width:99%; height:auto; border:1px solid #777777;}
	
	.gallery dl {float:left;width:50%;font-size:0px;margin-top:5px;}
	
	.menu_box .menu_list .menu_txt table td {font-size:14px;line-height:20px;}
	.headerboxbg .logo h1 img {width:100%;max-width:305px;}
.hd_page{width:100%;}	

.new_box li p a{font-size:14px;}

/* calendar */
.calbace{ clear:both; overflow:hidden; width:80%; margin:30px auto 0 auto;}
.cal_l{float:none; width:100%; margin-bottom:10px;}
.cal_r{float:none; width:100%;}

.caltx img{ max-width:200px;}
}