@media screen and (max-width: 320px) {
	.kvtxt {
		bottom: 50px;
	}
}

* {
	/* 	border: 1px dotted red; */
}

@media screen and (max-width: 769px) {
	.pb0 {
		padding-bottom: 0 !important;
	}

	.mb0 {
		margin-bottom: 0 !important;
	}

	header {
		padding: 0;
		box-shadow: none;
	}

	header .menu_box {
		position: fixed;
		top: 0;
		left: 0;
		height: 50px;
		z-index: 999999999;
		width: 100%;
	}

	/*
	.headertopbox{
		display: none;
	}
*/
	.logo img {
		max-width: 240px;
		max-height: 35px;
		margin: 0;
	}

	#menu_bar.active .logo {
		display: flex;
	}

	.footerlogo img {
		max-width: 240px;
		height: auto;
	}

	#mainVis {
		margin-top: 50px;
		margin-bottom: 10px;
	}

	.mainVisNavbox,
	.mainVisNav {
		height: 35px;
	}

	#mainVisArrow {
		bottom: -35px;
		right: 10px;
	}

	#topmenu .headertel {
		position: fixed;
		top: 0px;
		right: 50px;
		width: 50px;
		height: 50px !important;
		padding: 15px !important;
	}

	#topmenu .headertel a {
		display: inherit;
	}

	#kvlogo.active {
		position: fixed;
		top: 5px;
		left: 10px;
		height: 40px;
	}

	#topmenu {
		opacity: 1;
		border: none;
	}

	#topmenu,
	#menu_bar,
	header .menu_box,
	header .toggle {
		background-color: transparent;
	}

	.hamburger-inner,
	.hamburger-inner::before,
	.hamburger-inner::after {
		background-color: #fff;
	}

	#topmenu h1 {
		opacity: 0;
	}

	#topmenu h1.active {
		opacity: 1;
		transition: all 1s ease-in-out;
		-webkit-filter: invert(100%);
		-moz-filter: invert(100%);
		-o-filter: invert(100%);
		-ms-filter: invert(100%);
		filter: invert(100%);
	}

	#topmenu.active #menu_bar {
		border-bottom: 3px solid #0b346e;
	}

	#topmenu.active,
	#topmenu.active #menu_bar,
	header #topmenu.active .menu_box,
	header #topmenu.active .toggle {
		background-color: #fff;
	}

	#topmenu.active .hamburger-inner,
	#topmenu.active .hamburger-inner::before,
	#topmenu.active .hamburger-inner::after {
		background-color: #0b346e;
	}

	#topmenu.active h1 {
		opacity: 1;
		-webkit-filter: none;
		-moz-filter: none;
		-o-filter: none;
		-ms-filter: none;
		filter: none;
	}

	#topmenu.active .headertel {
		background-color: #0b346e;
		position: fixed;
		top: 0px;
		right: 50px;
		width: 50px;
		height: 50px !important;
		padding: 15px !important;
	}

	#topmenu.active .headertel a {
		margin: 0;
	}

	.mobile {
		/*     background-image: url(./img/common/tel_r.png); */
	}

	.kvtxt {
		bottom: 50%;
		margin-top: -3vh;
		font-size: 24px;
	}

	.kvtxt .kvtxt_p {
		height: auto;
	}

	.kvtxt p {
		padding: 8px 15px;
		margin-bottom: 10px;
	}

	header .sp>div {
		background: #ffffff;
		padding: 0em;
	}

	header h1 {
		margin: 0 10px;
	}

	#top-news .zoom {
		height: 108px;
	}

	.zoom {
		width: 100%;
		height: auto;
	}

	header nav.menu {
		position: fixed;
		width: 100%;

		z-index: 99999999;
	}

	header nav.menu a {
		line-height: 14px;
	}

	header nav.menu a span {
		display: block;
		color: #fff;
		text-align: center;
	}

	header nav.menu a.active span {
		color: #c7b922;
	}

	.menu_box {
		display: flex !important;
	}

	#menu_bar {
		height: 53px;
		padding: 0px 0;
	}

	#menu_bar .menu {
		display: block;
		height: calc(86vh);
		overflow: scroll;
	}

	ul.dropmenu {
		display: block;
		height: auto;
		background: rgba(255, 255, 255, 1);
	}

	ul.dropmenu li {
		width: 100%;
		height: auto;
		padding: 0;
	}
  ul.dropmenu li:last-child {
    background: #fff;
    color: #000;
    padding: 0;
  }
  ul.dropmenu li:last-child a{
    color: #000;
  }
	ul.dropmenu li a {
		padding: 20px 0;
		margin: 0;
		justify-content: center;
	}

	ul.dropmenu li a.active {
		border-bottom: none;
	}

	header.home+main {
		margin-top: 0px;
	}

	main {
		margin-top: 50px;
	}

	#top_img_sp {
		margin-top: 50px;
		padding-bottom: 70px;
	}

	#contents {
		min-height: 80px;
		margin-bottom: 40px;
	}

	h2.kvtitle {
		bottom: 0px;
		width: 200px;
		font-size: 16px;
		font-size: 1.6rem;
	}

	h3.title {
		font-size: 20px;
		color: #000;
	}

	h4.title {
		margin-top: 0px;
	}

	h4.title+p {
		margin-bottom: 0px;
	}

	.ba div img {
		width: 100%;
		margin-right: 0px;
		margin-bottom: 20px;
	}

	#season .watcbox img {
		width: 100%;
	}

	#season .watcbox:nth-child(2n + 1) .season_r {
		padding-left: 0px;
	}

	#season .season1 .season_l,
	#season .season2 .season_l {
		order: 1;
	}

	#season .season1 .season_r,
	#season .season2 .season_r {
		order: 2;
	}

	section.bg_center>.article .f_cc+div.bg_center_txt {
		margin-left: 0;
		order: 2;
	}

	section.bg_center>.article div.bg_center_txt {
		margin-left: 0;
		order: 2;
	}

	section.bg_center>.article .f_cc {
		order: 1;
	}

	section.ba>article,
	section.ba>.article {
		padding: 0 1.2em;
	}

	section#season>article.blank,
	section#season>.article.blank {
		padding-top: 0;
	}

	.ba.blank {
		margin: 0;
		padding: 15px 0;
	}

	.menuimgbox figure img {
		width: 100%;
	}

	.menu_img ul li {
		width: 48%;
		margin: 0 0 10px 0;
	}

	.menu_img ul li:nth-child(odd) {
		margin-right: 4%;
	}

	.menu_img ul li img {
		width: 100%;
	}

	#lightgallery {
		width: 100%;
		margin: 0 auto;
	}

	.menu_img #lightgallery a {
		width: 48%;
		margin: 0 0 10px 0;
	}

	.menu_img #lightgallery a:nth-child(odd) {
		margin-right: 4%;
	}

	.menu_img #lightgallery a img {
		width: 100%;
	}

	.menuprice.f_box {
		flex-flow: column wrap;
	}

	.menuprice ul li div {
		flex-flow: wrap;
	}

	.menuprice ul li div p:last-child {
		text-align: right;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: flex-end;
		justify-content: flex-end;
		margin-left: auto;
	}

	.menuprice ul li div p:first-child {
		text-align: left;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: start;
		justify-content: start;
		margin-left: 0;
	}

	.menuprice .menuitem {
		width: 100%;
		padding: 0;
		margin-bottom: 0;
	}

	.menuprice ul {}

	.menuprice ul li:last-child {
		border-bottom: 1px dotted #ccc;
	}

	.cta>.f_box {
		flex-flow: column nowrap;
	}

	.cta .web,
	.cta .tel {
		width: 50%;
	}

	.cta .web a.f_box>div.f_box,
	.cta .tel a.f_box>div.f_box {
		flex-flow: column nowrap;
	}

	.cta .ctaright {
		width: 100%;
		padding: 0;
		text-align: center;
	}

	.cta h2.title {
		margin: 20px auto 0;
		font-size: 20px;
		text-align: center;
	}

	.cta h2.title span {
		font-size: 20px;
		text-align: center;
	}

	.ctabox.f_box {
		flex-flow: column wrap !important;
	}

	.cta .web,
	.cta .tel {
		width: 100%;
		margin: 10px 0;
	}

	.btn_cta {
		color: #fff;
		font-size: 12px;
		font-size: 1.2rem;
		margin-left: 0px;
	}

	.mail {
		background-size: 20px auto;
		width: 20px;
		height: 15px !important;
		display: block;
		margin-right: 5px;
	}

	.cta .tel h3 {
		font-size: 30px;
		margin: 0px 0 0 0;
		letter-spacing: 0em;
	}

	#top_img {
		margin-top: 0px;
		position: relative;
	}

	.headertel .mobile {
		background-size: 17px auto;
		width: 20px;
		height: 25px !important;
		display: block;
		margin-top: 0;
		margin-right: 0px;
		margin-left: 0;
	}

	section>.article>.social.f_box {
		margin: 20px auto 0;
	}

	#topmenu {
		width: 100%;
		height: 53px;
	}

	.ctabox {
		width: 100%;
	}

	figure .zoom img {
		width: 100%;
		height: auto;
	}

	.cta .ctaleftimg {
		min-height: 240px;
	}

	#shopinfo .f_box.f_column {
		flex-flow: row wrap;
	}

	#shopinfo figure {
		width: 48%;
		padding: 0;
	}

	#shopinfo .shopdetail {
		width: 100%;
		padding-left: 0;
	}

	#shopinfo .shopdetail li {
		padding: 10px 15px;
	}

	#shopinfo .shopdetail li p:first-child {
		width: 25%;
	}

	#shopinfo .shopdetail li p:last-child {
		width: 75%;
	}

	#shopinfo ul li label {
		flex: 1;
	}

	#shopinfo.access .shopdetail {
		width: 100%;
		padding-right: 0;
	}

	#shopinfo.access figure {
		width: 100%;
		margin-top: 20px;
	}

	.staff {
		padding: 10px 0px 40px;
	}

	.staff ul {
		padding: 0 0px 0 20px;
	}

	.pager.f_box .btn {
		font-size: 12px;
		padding: 10px 0;
		width: auto;
	}

	.menucontents {
		padding: 0px 0px 50px;
	}

	.menucontents .f_box {
		flex-flow: column wrap;
	}

	.menucontents .img {
		width: 100%;
	}

	.menucontents ul {
		width: 100%;
		padding: 20px 0 0 0;
	}

	#qa div li {
		padding: 0px;
	}

	#qa div .faq>div {
		padding: 10px 10px;
	}

	.btn {
		border-radius: 0px;
		padding: 1rem;
		margin: 0px auto;
		padding: 10px;
		position: relative;
		text-align: center;
		color: #fff;
		width: 70%;
		font-size: 16px;
		display: block;
	}

	#works li {
		width: 100%;
		margin-bottom: 30px;
		margin-right: 0;
	}

	section.bg_gray>article ul+.blank,
	section.bg_gray>.article ul+.blank {
		padding-top: 0;
	}

	.bg_center section>article.sub.f_box,
	section>.article.sub.f_box {
		flex-flow: column;
		padding-top: 30px;
	}

	h2.title.type4 {
		text-align: center;
	}

	h2.title.type4+div ul li {
		letter-spacing: -0.1em;
	}

	.bg_center_txt,
	.bg_center_txt>div,
	.bg_center_txt h2 {
		width: 100%;
	}

	section.bg_center>.article .f_cc {
		order: 2;
		margin: 20px 0;
	}

	section.bg_center .sp {
		order: 3;
	}

	section.bg_center>.article .f_cc+div {
		margin-left: 0px !important;
		margin-right: 0px !important;
		order: 1;
	}

	section.bg_center {
		padding-bottom: 30px;
	}

	#about .about_txtbox {
		padding: 0;
		order: 1;
	}

	#about ul li p:first-child {
		width: 30%;
	}

	#about ul li p:last-child {
		width: 70%;
	}

	.blankm2 {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.blankm2+.article {
		padding-bottom: 60px;
	}

	.kvtxt p {
		background: #00285fb3;
	}

	.kv_txt {
		background: transparent !important;
		padding: 0 20px !important;
	}

	.kv_txt ul li:first-child {
		font-size: 35px;
		height: auto;
		padding: 20px 0 0;
		display: inline-block;
		margin-top: 0;
		margin-bottom: 0px;
		color: #43a9be;
		line-height: 1.2;
	}

	.kv_txt ul li {
		font-size: 12px;
		padding: 0px 0 20px;
		display: inline-block;
		margin-top: 0px;
		line-height: 1.5;
	}

	.kv_txt ul li h2 {
		font-size: 20px;
		padding: 10px 0;
		color: #43a9be;
		line-height: 1.5;
		text-align: left;
	}

	.about_txt+.btn {
		margin-bottom: 80px;
	}

	.index__slide {
		height: 360px;
		margin-left: 0px;
		width: 100%;
	}

	.p-slide__item {
		height: 360px;
	}

	.index-sec-product__block {
		position: relative;
		left: 0 !important;
		right: auto !important;
		width: 100%;
	}

	.index__intro {
		padding-left: 0px;
		margin-top: -80px;
		position: relative;
	}

	.index__intro-box {
		height: auto;
		position: relative;
		width: 100%;
	}

	.kv_txt ul {
		height: auto;
	}

	nav#bread {
		bottom: 10px;
	}

	nav.menu {
		left: 0;
		top: -1000px;
		/*-webkit-transform-origin:100% 0;
		-webkit-transform:scale3d(0, 1, 1) ;
				transform:scale3d(0, 1, 1) ;*/
		-webkit-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}

	header .headertopbox {
		height: auto;
	}

	nav.menu.active {
		left: 0;
		top: 53px !important;
	}

	ul.dropmenu li a:hover {
		padding-bottom: 20px;
		color: #fff;
	}

	ul.dropmenu li a.active {
		padding-bottom: 20px;
		color: #fff;
	}

	nav>* {
		width: 100%;
	}

	nav a {
		font-size: 12px;
		font-size: 1.2rem;
		display: block;
		padding: 1em 0;
		text-align: center;
		position: relative;
		border-bottom: 1px solid #00285f;
	}

	nav a.active {
		background-color: #00285f;
		color: #fff;
	}

	nav a:hover {
		background-color: #00285f;
		color: #fff;
	}

	nav+div .logo img {
		width: auto;
		height: 100%;
		margin-top: 0px;
	}

	nav.active+div .logo {
		opacity: 1;
	}

	nav a img {
		min-width: 50%;
		max-width: 100%;
	}

	section>.article>.f_box {
		flex-flow: column nowrap;
	}

	.about figure.type2 {
		margin: 0 0 10px 0;
		padding: 0;
	}

	section.flow {
		padding: 0 0 50px 0;
	}

	.flow span {
		top: -45px;
	}

	.flow .arrow {
		bottom: 30px;
	}

	.flow .bg_center_txt+.f_cc {
		margin-bottom: 100px !important;
	}

	.flow_area ul {
		width: 100%;
	}

	.flow_area ul li.w50s {
		width: 100%;
	}

	.footerlogo+div {
		font-size: 14px;
		font-size: 1.4rem;
		margin: 20px 0 0;
		text-align: center;
	}

	.tel {
		font-size: 12px;
		font-size: 1.2rem;
		margin: 0 0 0 auto;
	}

	.btn_cta {
		font-size: 20px;
	}

	h2.title.type4 {
		padding-right: 0;
	}

	h2.title.type4+div {
		width: 100%;
	}

	header .toggle {
		position: absolute;
		right: 0;
		top: -1px;
		width: 50px;
		height: 50px;
	}

	h1.logo {
		position: absolute;
		left: 0;
		right: 0;
		margin: 10px auto 0;
	}

	.slick-dots {
		padding: 0 20px;
	}

	.hamburger-label {
		float: left;
		text-align: center;
		width: 100%;
	}

	.hamburger-label {
		font-size: 8px;
		font-weight: bold;
		margin-top: 0;
		line-height: 10px;
	}

	.menuimgbox {
		width: auto;
		margin: 0 auto;
	}

	.menu_details_title {
		padding: 10px 20px;
	}

	.menu_details_txt {
		padding: 30px 20px 60px;
	}

	.menu_details li {
		padding: 0 20px 40px 55px;
	}

	.menu_details li::before {
		left: 15px;
	}

	.menu_details li::after {
		left: 22px;
	}

	ul.menutextbox {
		padding-right: 0px;
		width: 100%;
	}

	ul.menutextbox li:nth-child(1) {
		margin-top: 30px;
	}

	.menuprice ul {
		margin-bottom: 0;
	}

	figure#headerImg {
		min-height: 75px;
		height: initial;
	}

	figure {
		width: 100%;
		height: auto;
	}

	figure.top_img {
		height: 230px;
		margin: -15px auto 10px;
		width: 230px;
		border-radius: 50%;
		border: 10px solid rgba(165, 241, 243, 0.7);
	}

	figure.top_img .top_img_box {
		min-width: 120px;
		min-height: 120px;
	}

	section#contents {
		display: flow-root;
	}

	figure.lead {
		max-height: 290px;
	}

	#post ul.blog li a.f_box {
		flex-flow: column wrap;
	}

	#post ul.blog li {
		width: 100%;
	}

	#post ul.blog li figure.blog {
		width: 100%;
		margin-bottom: 20px;
	}

	#post .list a {
		width: 100%;
	}

	#post .list a figure {
		height: 200px;
	}

	footer .navi article,
	footer .navi .article {
		display: -webkit-flex;
		display: flex;
	}

	footer .logo {
		width: 50%;
	}

	footer nav {
		width: 50%;
	}

	footer nav a {
		width: 100%;
		padding: 0.8em;
	}

	footer nav a:nth-child(2) {
		padding-top: 0;
	}

	footer nav span {
		display: none;
	}

	.about figure.type2,
	.about figure.type3 {
		width: 100%;
	}

	.staff .w50s,
	.staff .w50p {
		width: 100% !important;
	}

	#vioce,
	#post {
		padding-left: 1.2em;
		padding-right: 1.2em;
	}

	section#vioce>article.sub,
	section#vioce>.article.sub {
		padding: 20px;
	}

	.menu_details_top .f_box {
		flex-flow: column wrap;
	}

	.menu_details_top ul {
		padding-left: 0px;
	}

	#menu .col.w45ll div:first-child {
		width: 37%;
		background-color: #dfeff3;
	}

	#menu figure {
		width: 100%;
		height: auto;
	}

	#menu ul {
		padding: 11px 11px 0 11px;
	}

	#menu ul li {
		line-height: normal;
		height: auto;
	}

	/*
	#menu ul li:nth-child(1) {
    font-size: 17px;
    font-size: 1.7rem;
    margin-bottom: 0px;
	}
*/
	#menu ul li:nth-child(2) {
		margin-bottom: 0px;
	}

	#menu ul li:nth-child(3) {
		margin-bottom: 0px;
	}

	#menu .btn {
		font-size: 1.4rem;
		margin-top: 10px;
		padding: 10px 15px;
	}

	#menu .btn::after {
		content: "";
		background-image: url("../img/common/btn_arrow.png");
		width: 27px;
		height: 9px;
		background-size: 20px auto;
		right: 0.6em;
		top: 11px;
	}

	table.menu_details_table td {
		padding: 10px 10px;
	}

	#access .table_box {
		padding: 10px 10px;
		margin: 20px 0;
	}

	#access table td,
	#access table th {
		padding: 5px 0px;
	}

	#access ul li p:first-child {
		width: auto;
		max-width: 100px;
		min-width: 80px;
	}

	#news li span {
		width: 50%;
		margin-left: 20px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		display: inline-block;
		display: -moz-inline-box;
	}

	#news li {
		width: 100%;
		text-align: left;
		padding: 8px 40px 8px 20px;
	}

	#question article h3,
	#question .article h3 {
		padding: 1.5em 1em 1.5em 1em;
	}

	figure.make {
		width: 40%;
		margin: 0 auto;
	}

	#blog figure {
		min-width: 110px;
		width: 110px;
		height: 110px;
		margin-right: 0.5em;
	}

	#blog ul li {
		width: 100%;
	}

	.btn.main {
		width: 100%;
	}

	.sbi_item {
		width: 50% !important;
	}

	.blog_title {
		width: 100%;
	}

	h2.title.vel {
		font-size: 19px;
		height: auto;
		right: 30px;
		min-height: 100px;
		margin-top: -80px;
		line-height: 1.1;
		letter-spacing: 0.1em;
	}

	h2.title.center {
		font-size: 20px;
		height: auto;
	}

	h2.title.center.doubleline {
	    width: inherit;
	}
	h2.title.center.oneline {
    margin: 0 auto 0 -15px;
    width: auto;
	}
	h2.title.mt0 {
		/* 		margin-top: -80px; */
	}

	h2.title::before {
		height: 40%;
	}

	h2.title.top-news {
		position: relative;
		right: 0;
	}

	.h2-title-vel-main {
		width: 75%;
		padding-top: 0px;
		margin-top: 120px;
		overflow: hidden;
		height: 150px;
		position: relative;
	}

	.h2-title-vel-main img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		margin: 0 auto;
	}

	.h2-title-vel-sub {
		position: absolute;
		right: 20px;
		bottom: -60px;
		max-width: 130px;
	}

	h2.title span {
		width: auto;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.5;
	}

	.h2-title-center-main {
		width: 100%;
		min-height: 100px;
		height: auto;
	}

	.h2-title-center-sub {
		position: absolute;
		width: 35%;
		right: 25px;
		bottom: -25px;
		min-height: 85px;
		height: auto;
	}

	section>article.watcbox,
	section>.article.watcbox {
		margin-top: 80px;
	}

	section>article.watcbox #watcbox_bg,
	section>.article.watcbox #watcbox_bg {
		width: 80% !important;
		margin: 0 auto;
	}

	#season .watcbox:last-child {
		margin-bottom: 50px;
	}

	#season .w50s {
		width: 100%;
	}

	#top-menu {
		/* 	height:240px; */
		width: 90%;
		margin: 50px auto;
	}

	#top-menu li {
		margin: 0 5px;
	}

	#top-menu li a figure {
		width: auto;
		max-height: 200px;
		overflow: hidden;
	}

	#arrows {
		width: 100%;
		position: absolute;
		z-index: 2;
		bottom: 40%;
		right: 0;
		left: 0px;
		margin: 0 auto;
	}

	#arrows.f_box {
		flex-flow: row nowrap;
	}

	.slick-prev,
	.slick-next {
		padding: 0;
	}

	#topmenuslide {
		margin-bottom: 30px;
	}

	#top-news {
		height: auto;
	}

	section>.article>#top-news.f_box {
		flex-flow: row wrap;
	}

	#top-news {
		width: 100%;
	}

	#top-news li {
		width: 47%;
		padding: 0;
		margin-top: 120px;
	}

	#top-news li:nth-child(odd) {
		margin-right: 15px;
	}

	#top-news li:nth-child(1).action,
	#top-news li:nth-child(2).action,
	#top-news li:nth-child(3).action,
	#top-news li:nth-child(4).action {
		opacity: 0;
		-moz-animation: topnews_sp 2s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s 1;
		-ms-animation: topnews_sp 2s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s 1;
		-webkit-animation: topnews_sp 2s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s 1;
		animation: topnews_sp 2s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s 1;
		-moz-animation-fill-mode: forwards;
		-ms-animation-fill-mode: forwards;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
	}

	#top-news li:first-child {
		margin-bottom: 20px;
	}

	#top-news li:last-child {
		margin-bottom: 50px;
	}

	.about_title {
		font-size: 16px;
		font-size: 1.6rem;
	}

	.title_sub {
		width: 100%;
	}

	.deco figure {
		padding: 10px;
	}

	#about>.f_box {
		flex-flow: column wrap;
		width: 100%;
	}

	#about figure {
		width: 100%;
	}

	#about figure img,
	#about figure img.bg {
		width: 100%;
	}

	#about .about_feature {
		width: 100%;
		margin-bottom: 30px;
	}

	.about_txtbox {
		margin-top: 30px;
		margin-left: 0px;
		margin-right: 0px;
		width: 100%;
		order: 2;
	}

	.about_title+p {
		padding-right: 0px;
		margin-bottom: 10px;
	}

	.about_txt+.btn {
		margin-bottom: 50px;
	}

	#watcbox_bg {
		margin-top: 0px;
		margin-right: 0;
	}

	#about.aboutpage #watcbox_bg {
		order: 2;
	}

	section.bg_gray>article,
	section.bg_gray>.article {
		padding-top: 0px !important;
	}

	section.bg_gray>article .title,
	section.bg_gray>.article .title {
		margin-top: -85px;
	}

	.btn.blog {
		width: 150px;
	}

	ul li .b_title {
		display: block;
	}

	.trans .f_box {
		display: block;
	}

	.blog_txt {
		display: block;
	}

	#blog ul li::after {
		top: 40%;
	}

	ul.list li .col {
		display: flex;
		flex-flow: row wrap;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}

	ul.list li .step_title {
		margin: 0;
		letter-spacing: 0em;
	}

	ul.list li .step_txt {
		margin: 15px 0;
	}

	#menu ul li:nth-child(2) span {
		display: block;
	}

	nav#bread ol {
		margin: 0 auto;
		padding: 1em 0;
	}

	#post nav {
		width: 100%;
	}

	#post nav.post {
		width: 100%;
		min-width: 100%;
	}

	#post ul.list li {
		padding: 8px 60px 8px 20px;
		text-align: left;
		line-height: 14px;
		font-size: 12px;
		font-size: 1.2rem;
	}

	#post ul.list .btn::after {
		top: 15px;
	}

	#post ul.list li span {
		margin-left: 0;
		width: 95%;
	}

	#menu nav {
		width: 100%;
	}

	#menu .menuimgbox {
		margin: 0 auto;
	}

	#menu ul.menutextbox {
		width: 100%;
		padding: 0;
		margin-top: 30px;
	}

	#menu ul.list li>div:first-child {
		margin: 10px auto 20px;
	}

	#contact .mw_wp_form_preview .contact_preview_btn {
		width: 100%;
	}

	#contact .mw_wp_form_preview .btn:first-child {
		margin-right: 10px;
	}

	#contact.blank {
		padding-top: 0;
		padding-bottom: 60px;
	}

	#contact dl {
		width: 100%;
		margin: 0 auto 0px;
	}

	#contact dl dt,
	#contact dl dd {
		width: 100%;
		margin-left: 0px;
	}

	#contact input[type="text"],
	#contact input[type="email"] {
		width: 100%;
		height: 32px;
	}

	#contact dl dd span {}

	#ContactBtn img {
		display: none;
	}

	.privacy,
	.mw_wp_form .consent {
		width: 100%;
	}

	.description,
	.preview_description {
		margin-bottom: 30px;
	}

	#contact .privacy dl dd span {
		display: table-cell !important;
	}

	section>.article>.social.f_box {
		flex-flow: row nowrap;
	}

	.description p {
		text-align: left !important;
	}

	.menuprice.blank {
		padding-top: 10px;
		padding-bottom: 20px;
	}

	.menuprice h3 {
		margin: 20px 0 5px;
	}
}

@media screen and (min-width: 769px) {
	header {
		position: fixed;
		height: auto;
	}

	header.hide {
		height: auto;
		overflow: hidden;
	}

	header>section,
	header+section {
		position: relative;
		max-width: 100%;
		margin: 0 auto;
	}

	nav {
		max-width: 1200px;
		min-width: 800px;
		height: auto;
		margin: 0 0 0 auto;
		padding: 0 0px;
	}

	nav a {
		display: block;
		width: auto;
		padding: 0px 0px 0;
		text-align: center;
		position: relative;
	}

	nav a span {
		display: block;
		color: #fff;
		font-size: 12px;
		text-align: center;
		width: 100%;
	}

	nav a span.active {
		color: #c7b922;
	}

	nav a:hover span {
		color: #c7b922;
	}

	#header_box {
		width: 100%;
		background-color: #fff;
	}

	#header_box .header_top {
		width: 1200px;
		height: 80px;
		margin: 0 auto;
		border-bottom: 1px solid #d3d3d3;
		padding: 0 10px;
	}

	h1 .over {
		font-size: 10px;
		font-size: 1rem;
	}

	h1 .under {
		font-size: 20px;
		font-size: 2rem;
	}

	section#contents {
		margin-top: 150px;
	}

	main {
		position: relative;
	}

	figure#headerImg {
		height: 240px;
		max-height: 240px;
	}

	figure.top_img {
		width: 300px;
		height: 300px;
		border-radius: 50%;
		margin: -13px auto 0;
		border: 10px solid rgba(165, 241, 243, 0.7);
	}

	figure.staff {
		width: 350px;
	}

	figure.access {
		width: 480px;
	}

	#contact dl dt {
		width: 100%;
	}

	#contact dl dd {
		width: 100%;
	}

	footer nav {
		text-align: center;
		margin: 2em 0em 6em 0;
	}

	footer nav a {
		padding: 0 1em;
	}

	footer nav span {
		width: 1em;
	}

	#question article h3,
	#question .article h3 {
		padding: 1.5em 2em 1.5em 2.5em;
	}

	#blog ul {
		width: 860px;
		margin: 0 auto;
	}

	#blog ul li {
		width: 100%;
	}

	#blog figure {
		min-width: 75px;
		width: 75px;
		height: 75px;
		margin-right: 0.5em;
	}

	.menuprice.blank {
		padding-top: 30px;
		padding-bottom: 40px;
	}
}

.trans {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

@media screen and (max-width: 880px) {
	#menu .col.w45ll {
		width: 100%;
	}

	#menu .col:nth-child(3) {
		margin-bottom: 30px;
	}

	#access .access_box {
		width: 100%;
		font-size: 10px;
		font-size: 1rem;
	}

	#access .access_details {
		max-width: 100%;
	}

	#access .access_box>div:first-child {
		margin-bottom: 30px;
	}

	#access .access_box.f_box {
		flex-flow: column wrap;
	}

	#map.gmap {
		width: 100%;
	}

	.btn.type3 {
		width: auto;
		padding: 8px 14px;
		margin-top: 5px;
	}
}