@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Oswald);

body {
	font-family:Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	height:100%;
	-webkit-text-size-adjust: 100%;
}

html{
    height:100%;
}

* html div#wrapper{
    height:100%;
	position: relative;
}


* {
	margin:0;
	padding:0;
}


img {
	max-width: 100%;
	height: auto;
	width /***/:auto;
	border:0;　
}
img a {
	border:0;
}

.lf {
	float:left;
}

.ri {
	float:right;
}

.cl {
	clear:both;
}

a {
	outline:hidden;
	outline:none;
}

/* HEADER  BASE------------------------------------------- */



header {
	width:100%;
}
@media screen and (max-width: 1019px){
	.fix {
		display: block;
	}
	.fix-pad {
		display: block;
		padding-left: 20px;
		padding-right: 20px;
	}
}
@media screen and (min-width:1020px){
	.fix {
		display: block;
		width: 1020px;
		margin: 0 auto;
	}
	.fix-pad {
		display: block;
		width: 1020px;
		margin: 0 auto;
	}
}




@media screen and (min-width: 769px){

body {
	color:#323333;
}
.wrapper {
	display:block;
	width:100%;
	height:100%;	
	min-height: 100%;
}
.pc-none {
	display:none;
}
img {
	display:block;
}
	
#mobile-bar {
	display:none;
}
	
}

	
/* HEADER------------------------------------------- */

@media screen and (min-width: 769px){
	
.header {
	display:block;	
	position: absolute;
	z-index: 9999;
	width: 100%;
	background: #FFF;
}
.header .fix {
	position:relative;
}
.head-top {
	display:block;
	height: 85px;
}
	.head-top h1 {
		display: block;
		padding-top: 15px;
		padding-left: 75px;
	}
}
	

@media screen and (min-width: 769px){
.gbase {
	display:block;
	border-bottom: #231815 solid 1px;
	border-top: #231815 solid 1px;
	padding-top: 5px;
	padding-bottom: 5px;
}
	.gbase ul {
		display: block;
		padding-left: 10%;
		padding-right: 10%;
	}
	.gbase li {
		display: block;
		float: left;
		text-align: center;
		width: 19%;
		border-right:  #231815 dotted 1px;
		font-size: 12px;
	}
	.gbase li:nth-child(1) {
		border-left:  #231815 dotted 1px;
	}
	.gbase li a {
		text-decoration: none;
		color: #231815;
		display: block;
		text-align: center;
		padding-top: 3px;
		padding-bottom: 3px;
	}

ul#menu li a{display:block;}
ul#sub {
	background:#EB6100;
	position:absolute;
	z-index:99;
	width:140px;
}
ul#sub li{
	float:none;
	
}
ul#sub li a {
	font-size:12px;
	display:block;
	padding-left:7px;
	padding-right:6px;
	padding-top:9px;
	padding-bottom:9px;
	color:#FFF;
	text-decoration:none;
}

ul#sub li a:hover {
	background:#FFB077;
}
	
	
	.unk-link {
		display: block;
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 100%;
		height: 40px;
		z-index: 2000;
	}
	.unk-link a {
		display: block;
		text-align: center;
		height: 40px;
		text-decoration: none;
		background: rgba(159,160,160, 0.7);
	}
	.unk-link a span {
		display: block;
		text-align: center;
		
		font-size: 26px;
		color: #FFF;
	}
	.unk-link2 {
		display: block;
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 100%;
		height: 40px;
		z-index: 2000;
	}
	.unk-link2 a {
		display: block;
		text-align: center;
		height: 40px;
		text-decoration: none;
		background: rgba(0,0,0, 0.5);
	}
	.unk-link2 a span {
		display: block;
		text-align: center;
		
		font-size: 26px;
		color: #FFF;
	}
	
	
}




	
/* CONTETNS------------------------------------------- */


.contents {
	display:block;
}

.top-box01{ padding-bottom: 140px;}
.top-box01 .top-instagram-wrap{ position: absolute; top: 770px; left: 0; right: 0; margin: auto; z-index: 99;}
.top-box01 .top-instagram-wrap .fix{ width: 670px; margin: auto;}
.top-instagram--wrap__main{ background-color: #fff; border: #231815 solid 1px; padding: 30px; margin: 0 auto;}
.top-instagram--wrap__main_img{ margin-bottom: 30px;}
.top-instagram--wrap__main_txt{ background: url("../images/top_instagram_illust.png") no-repeat right bottom; background-size: 90px; display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap;}
.top-instagram--wrap__main_txt > div:not(:last-child){ border-right: 1px solid #231815; padding-right: 30px; margin-right: 30px;}
.top-instagram--wrap__main_txt .ico img{ width: 50px; max-width: 100%;}
.top-instagram--wrap__main_txt .qr img{ width: 80px; max-width: 100%;}
.top-instagram--wrap__main_txt .logo .logo_instagram{ margin-bottom: 5px;}
.top-instagram--wrap__main_txt .logo .logo_instagram img{ width: 100px; max-width: 100%;}
.top-instagram--wrap__main_txt .logo .logo_bsl img{ width: 220px; max-width: 100%;}

@media screen and (min-width: 769px) and (max-width: 1018px){
	.top-box01 {
		display: block;
		background: url(../images/bg001.jpg) 50% 0 no-repeat fixed;		
		background-size: auto 100%;
		position: relative;
		height: 1550px;
		overflow: hidden;
	}
}
@media screen and (min-width: 1020px) {
	.top-box01 {
		display: block;
		background: url(../images/bg001.jpg) 50% 0 no-repeat fixed;
		background-size: 100% 100%;
		position: relative;
		height: 1550px;
		overflow: hidden;
	}
	
}
@media screen and (min-width: 769px){
	.top-box01 .catch {
		display: block;
		padding-left:15%;
		padding-bottom: 8%;
		position: relative;
		/*z-index: 100;*/
	}
	.top-box01 .catch h2 {
		display: block;
		padding-top: 23%;
		padding-bottom: 46px;
		position: relative;
		z-index: 9;
	}
	.top-box01 .catch figure {
		display: block;
		position: absolute;
		top: 41%;
		right: 5%;
	}
	.top-box01 .catch p {
		display: block;
	}
	.top-box01 .catch p a {
		display: block;
		position: relative;
		background: #FFF;
		font-size: 14px;
		color: #00ABEB;
		width: 220px;
		padding: 3px;
		text-decoration: none;
		border: #00ABEB solid 1px;
	}
	.top-box01 .catch p a::before,
	.top-box01 .catch p a::after{
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		margin: auto;
		content: "";
		vertical-align: middle;
	}
	.top-box01 .catch p a::before{
		right: 9px;
		box-sizing: border-box;
		width: 4px;
		height: 4px;
		border: 4px solid transparent;
		border-left: 4px solid #00ABEB;
	}
}

@media screen and (min-width: 769px){
	.topn-wrap {
		position: absolute;
		top: 670px;
		width: 100%;
		z-index: 99;
	}
	.top-news {
		display: block;
		background: #FFF;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 10px;
		padding-right: 10px;
		border: #231815 solid 1px;
		width: 650px;
		margin: 0 auto;
		margin-top: -100px;
		overflow-y: auto;
		height: 150px;
	}
	.top-news h3 {
		display: block;
	}
	.top-news div {
		display: block;
		padding-left: 60px;
	}
	.top-news dl {
		display: block;
		border-bottom: #231815 dotted 1px;
		text-align: left;
		font-size: 12px;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.top-news dt {
		display: block;
		float: left;
		width: 14%
	}
	.top-news dd {
		display: block;
		float: right;
		width: 85%;
		
	}
	.top-news dd a {
		text-decoration: none;
		color: #333;
	}
}




@media screen and (min-width: 769px) and (max-width: 1018px){
	.top-box02 {
		display: block;
		background: url(../images/bg003.jpg) 50% 0 no-repeat fixed;
		padding-bottom: 100px;
		position: relative;
		background-size: auto 100%;
	}
}
@media screen and (min-width: 1020px) {
	.top-box02 {
		display: block;
		background: url(../images/bg003.jpg) 50% 0 no-repeat fixed;
		background-size: 100% auto ;
		padding-bottom: 100px;
		position: relative;
	}
	
}
@media screen and (min-width: 769px){
	.top-box02 h2 {
		display: block;
		text-align: center;
		padding-top: 100px;
	}
	.top-box02 h2 img {
		display: inline-block;
	}
	.top-box02 .list {
		display: block;
		padding-left: 22%;
		padding-right: 22%;
	}
	.top-box02 .list li {
		display: block;
		float: left;
		text-align: center;
		width: 44%;
		padding-bottom: 30px;
	}
	.top-box02 .list li:nth-child(2n) {
		float: right;
	}
	.top-box02 .list li a {
		display: block;
		text-align: center;
		color: #FFF;
		text-decoration: none;
		font-size: 13px;
		padding-top: 7px;
		padding-bottom: 7px;
		background: #00ABEB;
	}
}



@media screen and (min-width: 769px) and (max-width: 1018px){
	.top-box03 {
		display: block;
		background: url(../images/bg004.jpg) 50% 0 no-repeat fixed;
		padding-top: 75px;
		padding-bottom: 75px;
		position: relative;
		background-size: auto 100%;
	}
}
@media screen and (min-width: 1020px) {
	.top-box03 {
		display: block;
		background: url(../images/bg004.jpg) 50% 0 no-repeat fixed;
		background-size:  100% auto;
		padding-top: 75px;
		padding-bottom: 75px;
		position: relative;
	}
	
}
@media screen and (min-width: 769px){
	.top-box03 .list {
		display: block;
		padding-left: 12%;
		padding-right: 12%;
		
		padding-bottom: 25px;
	}
	.top-box03 .list.din li {
		display: block;
		float: left;
		width: 186px;
		margin-right: 10px;
	}
	.top-box03 .list.ein li {
		float: left;
		width: 186px;
		display: block;
	}
	.top-box03 .list.ein div {
		display: block;
		float: left;
		width: 48%;
	}
	.top-box03 .list.ein h3 {
		width: 100%;
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	
	.top-box03 .list.ein div:nth-child(2) {
		float: right;
	}
	.top-box03 .list.ein div figure {
		width: 186px;
		margin: 0 auto;
		display: block;
		padding-bottom: 5px;
	}
	.top-box03 .list.ein div p {
		display: block;
	}
	.top-box03 .list.ein div p a {
		display: block;
		border: #FFF solid 1px;
		text-align: center;
		color: #FFF;
		text-decoration: none;
		font-size: 11px;
		width: 186px;
		margin: 0 auto;
		padding-top: 9px;
		padding-bottom: 9px;
		background: rgba(4,141,178, 0.8) url(../images/ya.png) right 5px center no-repeat;
		background-size: 13px 13px;
	}
	
	.top-box03 .list li:nth-child(4) {
		float: right;
		margin-right: 0px;
	}
	.top-box03 .list figure {
		display: block;
		padding-bottom: 5px;
	}
	.top-box03 .list figure img {
		width: 100%;
	}
	.top-box03 .list p {
		display: block;
	}
	.top-box03 .list p a {
		display: block;
		border: #FFF solid 1px;
		text-align: center;
		color: #FFF;
		text-decoration: none;
		font-size: 11px;
		padding-top: 9px;
		padding-bottom: 9px;
		background: rgba(4,141,178, 0.8) url(../images/ya.png) right 5px center no-repeat;
		background-size: 13px 13px;
	}
	
	
	.top-box03 .link1 {
		display: block;
		float: left;
		margin-left: 235px;
		padding-bottom: 25px;
	}
	.top-box03 .link1:nth-child(2) {
		float: right;
		margin-right: 245px;
		margin-left: 0px;
	}
	.top-box03 .link1 a {
		display: block;
		text-align: center;
		color: #FFF;
		text-decoration: none;
		background: rgba(4,141,178, 0.8);
		border: #FFF solid 1px;
		padding-top: 9px;
		padding-bottom: 9px;
		font-size: 13px;
		width:230px;
		margin: 0 auto;
	}
}
@media screen and (min-width: 769px) and (max-width: 1010px){
	.top-box03 .list li {
		display: block;
		float: left;
		width: 23.4%;
		margin-right: 10px;
	}
}



@media screen and (min-width: 769px) and (max-width: 1018px){
	.top-box04 {
		display: block;
		background: url(../images/bg005.jpg) 50% 0 no-repeat fixed;
		position: relative;
		background-size: auto 100%;
	}
}
@media screen and (min-width: 1020px) {
	.top-box04 {
		display: block;
		background: url(../images/bg005.jpg) 50% 0 no-repeat fixed;
		background-size: 100% auto;
		position: relative;
	}
	
}
@media screen and (min-width: 769px){
	.top-box04 p {
		display: block;
		text-align: center;
		padding-top: 228px;
		padding-bottom: 328px;
	}
	.top-box04 img {
		display: inline-block;
	}
}


@media screen and (min-width: 769px){
	.top-box05 {
		display: block;
		position: relative;
		padding-top: 45px;
		padding-bottom: 70px;
	}
	.top-box05 p {
		display: block;
		text-align: center;
		padding-bottom: 20px;
	}
	.top-box05 p img {
		display: inline-block;
	}
	.top-box05 .list {
		display: block;
		padding-left: 31%;
		padding-right: 28%;
	}
	.top-box05 li {
		display: block;
		float: left;
		padding-bottom: 10px;
	}
	
	
	.top-box06 {
		display: block;
		position: relative;
	}
	.bot-box {
		max-width: 480px;
		padding: 30px 0 60px 0;
		margin: 0 auto;
	}
	.bot-box .lef {
		display: block;
		float: left;
		width: 220px;
	}
	.bot-box .ref {
		display: block;
		float: right;
		padding-top: 60px;
		width: 213px;
	}
	.bot-box .ref p {
		display: block;
		padding-bottom: 10px;
	}
}
@media screen and (min-width: 769px) and (max-width: 1010px){
	.bot-box .lef {
		width: 47%;
	}
	.bot-box .ref {
		width: 49%;
	}
	
}



/* footer------------------------------------------- */
@media screen and (min-width: 769px) {


.footer {
	display:block;
}
	.footer.sub-b {
		border-top: #ccc solid 1px;
	}
.footer .pad {
	display: block;
	padding-left: 6%;
	padding-top: 50px;
	padding-bottom: 30px;
}
.footer .pad div:last-child{ padding-right: 0;}
.footer .lef {
	display: block;
	float: left;
	padding-left: 25px;
	padding-right: 25px;
}
.footer .lef p {
	display: block;
	font-size: 12px;
	padding-top: 15px;
	font-weight: bold;
}
.footer .lef li {
	display: block;
	padding-left: 15px;
	font-size: 12px;
	padding-top: 2px;
	padding-bottom: 1px;
}
.footer .lef a {
	color: #333;
	text-decoration: none;
}

.copy-box {
	display: block;
	border-top: #ccc solid 1px;
	padding-left: 4%;
	padding-right: 4%;
	padding-top: 10px;
	padding-bottom: 10px;
}
.copy-box p {
	display: block;
	float: left;
	
}
.copy-box small {
	display: block;
	float: right;
}
	
	.pagetop {
		position: fixed;
		right: 30px;
		bottom: 120px;
		width: 49px;
		height: 49px;
		z-index: 2000;
	}

}





/* SUB------------------------------------------- */


@media screen and (min-width: 769px) {
	.contents-sub {
		padding-top: 190px;
	}

	.sub-box01 {
		display: block;
	}
	h2.title01 {
		display: block;
		font-size: 28px;
		font-weight: normal;
		padding-bottom: 14px;
	}
	.mtxt1 {
		display: block;
		font-size: 14px;
		line-height: 190%;
	}
	.tels-box {
		display: block;

		padding-top: 40px;
		padding-bottom: 40px;
	}
	h3.title01 {
		border-bottom: #B5B5B6 solid 1px;
		font-size: 23px;
		padding-bottom: 8px;
		font-weight: normal;
	}
	.tels-box .box {
		display: block;
		border-bottom: #B5B5B6 solid 1px;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.tels-box .box figure {
		display: block;
		padding-left: 30%;
	}
	.tels-box .box2 {
		display: block;
		border-bottom: #B5B5B6 solid 1px;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.tels-box .box2 figure {
		display: block;
		float: left;
	}
	.tels-box .box2 p {
		display: block;
		float: left;
		width: 30%;
		font-size: 18px;
	}
	.bg-F2F2F3 {
		background: #F2F2F3 ;
	}
	
	
	.own-list {
		display: block;
		padding-top: 40px;
		padding-bottom: 10px;
	}
	.own-list li {
		display: block;
		float: left;width: 31%;
		margin-right: 2%;
		background: #FFF;
		text-align: center;
		border: #ccc solid 1px;
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 18px;
		filter:alpha(opacity=50);
		-moz-opacity: 0.5;
		opacity: 0.5;
	}
	
	
	.own-tab {
		display: block;
		padding-top: 45px;
		padding-bottom: 40px;
	}
	.own-tab table {
		width: 100%;
		font-size: 15px;
		line-height: 180%;
	}
	.own-tab table th {
		width: 200px;
		font-weight: normal;
		vertical-align: middle;
		text-align: left;
	}
	.own-tab table td.ch {
		width: 120px;
		vertical-align: middle;
	}
	.own-tab table td {
		padding: 20px;
	}
	.own-tab table td.ch span {
		display: block;
		font-size: 14px;
		color: #E60012;
		text-align: center;
		border: #E60012 solid 1px;
		padding-top: 3px;
		padding-bottom: 3px;
		padding: 0px;
	}
	.n001 {
		width: 100%;
		height: 35px;
	}
	.own-tab .im-check {
		display: block;
		padding-top: 15px;
	}
	.own-tab .im-check figure {
		display:block;
		float: left;
	}
	.own-tab .im-check p {
		display: block;
		float: left;
		padding-left: 15px;
		font-size: 13px;
		padding-top: 30px;
	}
	
	
	.btn001 {
		padding-bottom: 50px;
		text-align: center;
	}
	.sbt {
		border:none;
		background: url(../images/owner/btn1.jpg) left top no-repeat;
		background-size: 100% auto;
		width: 177px;
		height: 40px;
		text-indent: -9999px;
		margin: 0 auto;
	}
	
	
	/* FAQ--------------------- */
	
	.sub-links {
		display: block;
		padding-bottom: 40px;
	}
	.sub-links li {
		display: block;
		float: left;
		width: 24%;
		text-align: center;
		border-left: #333 solid 1px;
	}
	.sub-links li:nth-child(4) {
		border-right: #333 solid 1px;
	}
	.sub-links li a {
		color: #333;
		display: block;
		text-align: center;
		text-decoration: none;
		font-size: 13px;
		padding-top: 6px;
		padding-bottom: 6px;
	}
	.sub-links li a:hover {
		text-decoration: underline;
	}
	h2.title02 {
		display: block;
		font-size: 26px;
		letter-spacing: 2px;
		font-weight: normal;
		color: #00ABEB;
		border-bottom: #00ABEB solid 1px;
		padding-bottom: 7px;
	}
	
	
	.faq-box {
		display: block;
		position: relative;
		margin-top: 25px;
		padding-bottom: 50px;
	}
	.faq-box figure {
		position: absolute;
		right: 0px;
		top: 0px;
	}
	.faq-box dl {
		display: block;
		font-size: 14px;
		padding-bottom: 27px;
	}
	.faq-box dt {
		display: block;
		position: relative;
		padding-left: 17px;
		padding-bottom: 8px;
	}
	.faq-box dt::before {
		position: absolute;
		display: block;
		content: "Q.";
		left: 0px;
		top: 0px;
	}
	.faq-box dd {
		display: block;
		position: relative;
		padding-left: 17px;
		color: #004098;
	}
	.faq-box dd::before {
		position: absolute;
		display: block;
		content: "A.";
		left: 0px;
		top: 0px;
		color: #004098;
	}
	.faq-box dd a {
		display: inline-block;
		position: relative;
		color: #333;
		text-decoration: none;
		padding-left: 16px;
	}
	.faq-box dd a::before,
	.faq-box dd a::after{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		content: "";
		vertical-align: middle;
	}
	.faq-box dd a::before{
		left: 4px;
		box-sizing: border-box;
		width: 4px;
		height: 4px;
		border: 4px solid transparent;
		border-left: 4px solid #333;
	}
	
	
	.cont-txt {
		display: block;
		font-size: 14px;
		padding-top: 45px;
		padding-bottom: 30px;
		line-height: 190%;
	}
	.cont-txt b {
		font-size: 17px;
	}
	
	/* CONCEPT-------------------- */
	.concept-box {
		display: block;
		padding-bottom: 60px;
	}
	.concept-box h2 {
		display: block;
		text-align: center;
		color: #00ABEB;
		font-size: 28px;
		font-weight: normal;
		padding-bottom: 15px;
	}
	
	.concept-box p {
		display: block;
		text-align: center;
		font-size: 15px;
		line-height: 240%;
		color: #00ABEB;
	}
	
	
	.concept-box02 {
		display: block;
		padding-bottom: 70px;
	}
	.concept-box02 h2 {
		display: block;
		font-size: 16px;
		border-bottom: #222 solid 1px;
	}
	.concept-box02 .one {
		display: block;
		padding-top: 20px;
		padding-bottom: 20px;
		border-bottom: #222 solid 1px;
	}
	.concept-box02 .one h3 {
		display: block;
		font-size: 15px;
		padding-bottom: 11px;
	}
	.concept-box02 .one .list {
		display: block;
	}
	.concept-box02 .one .list li {
		display: inline-block;
		padding-left: 20px;padding-right: 10px;
		font-size: 14px;
	}
	.concept-box02 .one p { margin-left: 20px; margin-top: 10px; font-size: 14px;}
	.concept-box02 .bord01 {
		display: block;
		border: #00ABEB solid 2px;
		padding: 25px;
		margin-top: 60px;
	}
	.concept-box02 .bord01 p {
		display: block;
		font-size: 17px;
		text-align: center;
		letter-spacing: 2px;
		line-height: 200%;
		color: #00ABEB;
	}
	
	
	.concept-box03 {
		display: block;
		padding-top: 30px;
	}
	.concept-box03 .one {
		display: block;
		padding-bottom: 65px;
	}
	.concept-box03 .one h2 {
		display: block;
		float: left;
		color: #00ABEB;
		border-bottom: #00ABEB solid 1px;
		width: 150px;
		font-size: 17px;
	}
	.concept-box03 .one figure {
		display: block;
		float: left;
		padding-top: 20px;
		padding-left: 240px;
	}
	.concept-box03 .one div {
		display: block;
		width: 280px;
		float: right;
		margin-right: 85px;
	}
	.concept-box03 .one div h3 {
		display: block;
		border-bottom: #222 solid 1px;
		font-size: 15px;
		padding-bottom: 5px;
		margin-bottom: 10px;
	}
	.concept-box03 .one div span {
		display: block;
		font-size: 11px;
	}
	
	
	.concept-box03 .one2 {
		display: block;
		padding-bottom: 65px;
	}
	.concept-box03 .one2 h2 {
		display: block;
		float: left;
		color: #00ABEB;
		border-bottom: #00ABEB solid 1px;
		width: 150px;
		font-size: 17px;
	}
	.cala-box {
		display: block;
	}
	.cala-box figure {
		display: block;
		float: left;
		padding-left: 55px;
	}
	.cala-box .txt {
		display: block;
		float: right;
		width: 535px;
		background: url(../images/concept/lmg1.jpg) right top 80px no-repeat;
	}
	.cala-box h3 {
		display: block;
		font-size: 15px;
		border-bottom: #ccc solid 1px;
		padding-bottom: 5px;
	}
	.cala-box .mtxtca {
		display: block;
		font-size: 13px;
		padding-top: 5px;
		padding-bottom: 15px;
	}
	.cala-box table {
		width: 100%;
		font-size: 13px;
	}
	.cala-box th {
		text-align: left;
		vertical-align: top;
		width: 14%;
	}
	.cala-box td {
		text-align: left;
		padding-bottom: 20px;
	}
	.sta-link {
		display: block;
		padding-left: 70px;
	}
	
	/* STAFFBASE-------------------- */
	
	.staff-base {
		display: block;
		padding-left: 150px;
		padding-right: 150px;
		width: 740px;
		padding-bottom: 60px;
	}
	.staff-base h2 {
		display: block;
		color: #00ABEB;
		font-size: 31px;
		font-weight: normal;
		padding-bottom: 30px;
	}
	.staff-base .one {
		display: block;
		position: relative;
		padding-bottom: 65px;
	}
	.staff-base .one p {
		display: block;
		position: relative;
		font-size: 21px;
		line-height: 180%;
		padding-left: 35px;
	}
	.staff-base .one p.num1::before {
		position: absolute;
		left: 0px;
		top: 0px;
		content: "1";
		color: #00ABEB;
		font-size: 29px;
	}
	.staff-base .one p.num2::before {
		position: absolute;
		left: 0px;
		top: 0px;
		content: "2";
		color: #00ABEB;
		font-size: 29px;
	}
	.staff-base .one p.num3::before {
		position: absolute;
		left: 0px;
		top: 0px;
		content: "3";
		color: #00ABEB;
		font-size: 29px;
	}
	.staff-base .one p.num4::before {
		position: absolute;
		left: 0px;
		top: 0px;
		content: "4";
		color: #00ABEB;
		font-size: 29px;
	}
	.staff-base .one p.num5::before {
		position: absolute;
		left: 0px;
		top: 0px;
		content: "5";
		color: #00ABEB;
		font-size: 29px;
	}
	.staff-base .one p.num6::before {
		position: absolute;
		left: 0px;
		top: 0px;
		content: "6";
		color: #00ABEB;
		font-size: 29px;
	}
	.staff-base figure {
		position: absolute;
		right: 0px;
		top: 0px;
	}
	
	
	.co-list {
		display: block;
		padding-bottom: 70px;
	}
	.co-list li {
		display: block;
		float: left;
		width: 31%;
		margin-right: 2%;
		margin-bottom: 20px;
	}
	.co-list li a {
		display: block;
		text-align: center;
		font-size: 13px;
		padding-top: 12px;
		padding-bottom: 12px;
		border: #222 solid 1px;
		color: #222;
		text-decoration: none;
		background: #FFF;
	}
	.co-list li a.current {
		background: #EFEFEF;
	}
	
	
	.sub-links2 {
		display: block;
		padding-bottom: 40px;
	}
	.sub-links2 li {
		display: block;
		float: left;
		width: 33%;
		text-align: center;
		border-left: #333 solid 1px;
	}
	.sub-links2 li:nth-child(3) {
		border-right: #333 solid 1px;
	}
	.sub-links2 li a {
		color: #333;
		display: block;
		text-align: center;
		text-decoration: none;
		font-size: 13px;
		padding-top: 6px;
		padding-bottom: 6px;
	}
	.sub-links2 li a:hover {
		text-decoration: underline;
	}
	.dr-tx {
		font-size: 20px;
		font-weight: normal;
	}
	.dr-figure {
		display: block;
		text-align: center;
		padding: 35px;
	}
	.dr-figure img {
		display: inline-block;
	}
	
	.pri-ti {
		display: block;
		padding-top: 15px;
		font-size: 16px;
	}
	
	
	.mt40 {
		margin-top: 40px;
	}
	
	
	.post-rev {
		position: relative;
	}
	.post-abt1 {
		position: absolute;
		right: 140px;
		bottom: 0px;
	}
	
	
	
	.manner-box02 {
		display: block;
		padding-bottom: 70px;
		padding-top: 55px;
	}
	.manner-box02 h2 {
		display: block;
		font-size: 25px;
		font-weight: normal;
		text-align: center;
		border-bottom: #222 solid 1px;
		padding-bottom: 10px;
	}
	.manner-box02 .one {
		display: block;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.manner-box02 .one h3 {
		display: block;
		font-size: 15px;
		text-align: center;
		padding-bottom: 11px;
	}
	.manner-box02 .one p {
		display: block;
		font-size: 15px;
		text-align: center;
		padding-bottom: 30px;
		line-height: 210%;
	}
	
	
	.comp-tab {
		display: block;
		padding-bottom: 70px;
	}
	.comp-tab table {
		width: 100%;
		font-size: 15px;
		line-height: 180%;
	}
	.comp-tab table th {
		text-align: left;
		vertical-align: top;
		padding-top: 20px;
		padding-bottom: 20px;
		width: 16%;
	}
	.comp-tab table td {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.comp-tab table span {
		display: block;
		padding-top: 10px;
	}
	
	
	.own-tab2 {
		display: block;
		padding-top: 45px;
		padding-bottom: 40px;
	}
	.own-tab2 h3 {
		display: block;
		font-size: 16px;
		border-bottom: #ccc solid 1px;
		padding-bottom: 10px;
	}
	.own-tab2 table {
		width: 100%;
		font-size: 15px;
	}
	.own-tab2 table th {
		text-align:left;
		vertical-align: middle;
		border-bottom: #ccc solid 1px;
		width: 21%;
		font-weight: normal;
		padding-bottom: 10px;
		padding-top: 10px;
	}
	.own-tab2 table td {
		border-bottom: #ccc solid 1px;
		padding-bottom: 10px;
		padding-top: 10px;
	}
	
	
	
	.wash-box {
		display: block;
		padding-bottom: 60px;
	}
	.wash-box h2 {
		display: block;
		color: #00ABEB;
		font-size: 28px;
		font-weight: normal;
		padding-bottom: 15px;
		padding-left: 65px;
	}
	.wash-box p.mt {
		display: block;
		font-size: 13px;
		padding-left: 65px;
	}
	.wa-tab {
		width: 900px;
		margin: 0 auto;
	}
	.wa-tab .txt {
		display: block;
		padding-top: 35px;
	}
	.wa-tab .txt h3 {
		display: block;
		border-bottom: #ccc solid 1px;
		padding-bottom: 5px;
	}
	.wa-tab .inn {
		display: block;
		padding-top: 30px;
	}
	.wa-tab .inn .lef {
		display: block;
		float: left;
	}
	.wa-tab .inn h4 {
		display: block;
		font-size: 17px;
	}
	.wa-tab .inn p {
		display: block;
		font-size: 14px;
		padding-bottom: 25px;
		padding-top: 10px;
		padding-left: 20px;
	}
	.wa-tab .inn p b {
		color: #004098;
	}
	.wa-tab .inn .ref {
		display: block;
		float: right;
		padding-top: 150px;
		padding-right: 100px;
	}
	
	
	.sh-ti {
		display: block;
		font-size: 16px;
		padding-bottom: 20px;
	}
	.sho01 {
		display: block;
		padding-bottom: 40px;
	}
	.sho01 .lef {
		display: block;
		float: left;
		width: 270px;
		margin-right: 20px;
	}
	.sho01 .lef h3 {
		display: block;
		color: #FFF;
		font-size: 15px;
		padding: 8px;
		background: #898989;
		margin-bottom: 20px;
	}
	.sho01 .lef ul {
		display: block;
	}
	.sho01 .lef li {
		display: block;
		position: relative;
		font-size: 14px;
		padding-left: 17px;
		margin-bottom: 10px;
	}
	.sho01 .lef li a {
		text-decoration: none;
		color: #333;
	}
	.sho01 .lef li a:hover {
		text-decoration: underline;
	}
	.sho01 .lef li::before,
	.sho01 .lef li::after{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		content: "";
		vertical-align: middle;
	}
	.sho01 .lef li::before{
		left: 4px;
		box-sizing: border-box;
		width: 4px;
		height: 4px;
		border: 6px solid transparent;
		border-left: 6px solid #00ABEB;
	}
	
	
	.sh-one {
		display: block;
		width: 100% !important;
		padding-bottom: 70px;
	}
	.sh-one h2 {
		display: block;
		border-top: #ccc solid 2px;
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 20px;
		font-weight: normal;
	}
	.sh-one table {
		width: 100% !important;
		font-size: 15px;
	}
	.sh-one th {
		background: #EFEFEF;
		text-align: left;
		padding: 5px;
		font-weight: normal;
		border-right: #FFF solid 5px;
	}
	.sh-one th:nth-child(1) {
		width: 25%;
	}
	.sh-one td {
		border-bottom: #ccc dotted 2px;
		padding-top: 15px;
		padding-bottom: 13px;
	}
	.sh-one td span {
		display: block;
		position:relative;
		padding-left: 17px;
	}
	.sh-one td span::before,
	.sh-one td span::after{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		content: "";
		vertical-align: middle;
	}
	.sh-one td span::before{
		left: 4px;
		box-sizing: border-box;
		width: 4px;
		height: 4px;
		border: 6px solid transparent;
		border-left: 6px solid #00ABEB;
	}
	.mt-40 {margin-top: -30px;}
	
	
	.cost-tab {
		display: block;
		padding-bottom: 40px;
	}
	.cost-tab h3 {
		display: block;
		text-align: center;
		font-size: 18px;
		padding: 20px;
		color: #00ABEB;
	}
	.cost-tab table {
		width: 100%;
		font-size: 17px;
		line-height: 220%;
	}
	.cost-tab table th {
		text-align:center;
		padding-top: 10px;
		padding-bottom: 10px;
		font-weight: normal;
		background: #EFEFEF;
		border-top: #231815 solid 1px;
		border-bottom: #231815 solid 1px;
		border-right: #231815 solid 1px;
		width: 49.5%;
	}
	.cost-tab table th:nth-child(2) {
		border-right: 0px;
	}
	.cost-tab table td {
		text-align: center;
		padding-top: 20px;
		padding-bottom: 20px;
		border-bottom: #231815 solid 1px;
		border-right: #231815 solid 1px;
	}
	.cost-tab table td:nth-child(2) {
		border-right: 0px;
	}
	
	
	.posit02 {
		display: block;
		position:relative;
		padding-bottom: 50px;
	}
	.posit02 p {
		display: block;
		font-size: 18px;
		line-height: 220%;
		color: #00ABEB;
	}
	.posit02 figure {
		margin-right: 70px;
	}
	.st-font {
		display: block;
		font-size: 16px;
		padding-top: 4px;
		padding-left: 35px;
	}
	.ch-po {
		display: block;
		padding-top: 10px;
		padding-left: 35px;
	}
	.ch-po .che {
		display: block;
		float: left;
		background: #F5A200;
		text-align: center;
		color: #FFF;
		width: 70px;
		padding-top: 5px;
		padding-bottom: 5px;
		font-size: 15px;
	}
	.ch-po .txt {
		display: block;
		float: left;
		margin-left: 10px;
	}
	.ch-po .txt span {
		display: block;
		font-size: 14px;
		line-height: 135%;
		color: #F5A200;
	}
	.ch-po .txt small {
		display: block;
		font-size: 12px;
	}
	.t-lf {
		display: block;
		width: 800px;
		padding-bottom: 35px;
	}
	.t-lf span {
		display: block;
		float: left;
	}
	
	
	.dums {
		display: block;
		padding: 30px;
	}
	.dums img {
		display: inline-block;
	}
	.dums div {
		text-align: center;
	}
	.dums p {
		text-align: center;
	}
	
	
	.mov-wrap {
		display: block;
		padding-top: 120px;
		position: absolute;
		top: 0px;
		width: 100%;
		height: 1105px;
		/*z-index: 99;*/
	}
	.hind {
		display: none;
	}
	.mov01-base {
		display: block !important;
		width: 100%;
		background: url(../images/anime/mov01-base.jpg) left top repeat-x #FFF;
		height: 1105px;
	}
	.mov01 {
		display: block;
		background:url(../images/anime/b1.jpg) top center no-repeat #FFF;
		width: 1020px;
		height: 505px;
		margin: 0 auto;
		position: relative;
	}
	.mov01 figure {
		display: block;
		width: 297px;
		height: 260px;
		padding-top: 175px;
		padding-left: 950px;
		/* ５秒かけてアニメーションする */
	  -webkit-animation-duration: 3s;
	  animation-duration: 3s;

	}
	.mov02-base {
		display: block !important;
		width: 100%;
		background: url(../images/anime/mov02-base.jpg) left top repeat-x #FFF;
		height: 1105px;
	}
	.mov02 {
		display: block;
		background:url(../images/anime/b2.jpg) top center no-repeat;
		width: 1020px;
		height: 505px;
		margin: 0 auto;
		position: relative;
	}
	.mov02 figure {
		display: block;
		width: 190px;
		height: 208px;
		padding-top: 195px;
		padding-left: 350px;
		/* ５秒かけてアニメーションする */
	  -webkit-animation-duration: 1s;
	  animation-duration: 1s;

	}
	.mov03-base {
		display: block !important;
		width: 100%;
		background: url(../images/anime/mov03-base.jpg) left top repeat-x #FFF;
		height: 1105px;
	}
	.mov03 {
		display: block;
		background:url(../images/anime/b3.jpg) top center no-repeat;
		width: 1020px;
		height: 505px;
		margin: 0 auto;
		position: relative;
	}
	.mov03 figure {
		display: block;
		width: 190px;
		height: 208px;
		padding-top: 150px;
		padding-left: 100px;

		/* 5回繰り返す */
	  -webkit-animation-iteration-count: 2;
	  animation-iteration-count: 2;

	}
	.mov04-base {
		display: block !important;
		width: 100%;
		background: url(../images/anime/mov04-base.jpg) left top repeat-x #FFF;
		height: 1105px;
	}
	.mov04 {
		display: block;
		background:url(../images/anime/b4.jpg) top center no-repeat;
		width: 1020px;
		height: 505px;
		margin: 0 auto;
		position: relative;
	}
	.mov04 figure {
		display: block;
		width: 299px;
		height: 266px;
		padding-top: 170px;
		padding-left: 100px;
		/* ５秒かけてアニメーションする */
	  -webkit-animation-duration: 2s;
	  animation-duration: 2s;

	}
	.mov05-base {
		display: block !important;
		width: 100%;
		background: url(../images/anime/mov05-base.jpg) left top repeat-x #FFF;
		height: 1105px;
	}
	.mov05 {
		display: block;
		background:url(../images/anime/b5.jpg) top center no-repeat;
		width: 1020px;
		height: 505px;
		margin: 0 auto;
		position: relative;
	}
	.mov05 figure {
		display: block;
		width: 156px;
		height: 189px;
		padding-top: 250px;
		padding-left: 660px;
		/* ５秒かけてアニメーションする */
	  -webkit-animation-duration: 2s;
	  animation-duration: 2s;

	}
	.hind-max {
		display: none !important;
	}
	
	
	/*  店舗詳細 */
	
	.stli {
		display: block;
		text-align: right;
		font-size: 14px;
		padding-bottom: 20px;
		color: #111;
	}
	.stli a {
		position: relative;
		color: #111;
		text-decoration: none;
		padding-left:15px;
	}
	.stli a::before,
	.stli a::after{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		content: "";
		vertical-align: middle;
	}
	.stli a::before{
		left: 4px;
		box-sizing: border-box;
		width: 4px;
		height: 4px;
		border: 4px solid transparent;
		border-left: 4px solid #111;
	}
	.sto-deta {
		display: block;
	}
	.sto-deta .days {
		display: block;
		color: #FFF;
		font-size: 15px;
		padding: 6px;
		background: #898989;
	}
	.sto-deta h3 {
		display: block;
		font-size: 21px;
		padding-top: 20px;
		padding-bottom: 20px;
		border-bottom: #595757 dotted 1px;
	}
	.sto-deta .add {
		display: block;
		padding-top: 20px;
		padding-bottom: 20px;
		font-size: 15px;
		border-bottom: #595757 dotted 1px;
	}
	.shop-img {
		display: block;
		padding-top: 30px;
	}
	.sto-deta .ifr {
		display: block;
		padding-top: 30px;
		padding-bottom: 60px;
	}
	.sto-deta .ifr iframe {
		width: 100%;
		height: 650px;
	}
	
	
	.ttisl {
		display: block;
		text-align: center;
		color: #FFF;
		font-size: 15px;
		padding: 6px;
		background: #00ABEB;
		font-weight: normal;
		margin-bottom: 15px;
		margin-left: 120px;
		margin-right: 120px;
	}
	
	
	
	/* modal */
	#lean_overlay{
	  position: fixed;
	  z-index:9999; 
	  top: 0px;
	  left: 0px;
	  height: 100%;
	  width: 100%;
	  background: #000;
	  display: none;
	}
	.g787{
	  background: none repeat scroll 0 0 #111;
	  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
	  display: none;
	  width: 600px;
	  border-radius:7px;
	  top:10% !important;
	  box-sizing:border-box;
	  overflow:hidden;
	 }
	.modal_close{ 
	  position: absolute;
	  top: 12px;
	  right: 12px;
	  display: block; 
	  width: 30px;
	  height: 34px; 
	background:url(../images/close.png);
	  z-index: 2;
	  cursor:pointer;
	}
	.g787 .box {
	  padding:25px;
	  position:relative;
	}
	.g787 .box iframe {
		width: 100%;
	}
	
	
	.sized-v span {
		display: block;
	}
	
	
	.pdlink {
		display: block;
		padding-top: 40px;
		padding-bottom: 20px;
	}
	.pdlink figure {
		display: block;
		float: left;
	}
	.pdlink .txt {
		display: block;
		float: left;
		padding-left: 25px;
	}
	.pdlink h3 {
		display: block;
		font-size: 18px;
		font-weight: normal;
		padding-top: 30px;
		padding-bottom: 5px;
	}
	.pdlink p {
		display: block;
		font-size: 14px;
	}
	.pdlink .txt div {
		display: block;
		padding-top: 7px;
	}
	.pdlink h4 {
		display: block;
		float: left;
		position: relative;
		font-size: 15px;
		padding-left: 13px;
	}
	.pdlink h4::before,
	.pdlink h4::after{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		content: "";
		vertical-align: middle;
	}
	.pdlink h4::before{
		left: 4px;
		box-sizing: border-box;
		width: 4px;
		height: 4px;
		border: 4px solid transparent;
		border-left: 4px solid #004098;
	}
	.pdlink h4 a {
		text-decoration: none;
		color: #004098;
	}
	.pdlink span {
		display: block;
		float: left;
		padding-left: 14px;
	}

	
	

	
}

@-webkit-keyframes slideInRight2 {
  from {
    -webkit-transform: translate3d(58%, 0, 0);
    transform: translate3d(58%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight2 {
  from {
    -webkit-transform: translate3d(58%, 0, 0);
    transform: translate3d(58%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight2 {
  -webkit-animation-name: slideInRight2;
  animation-name: slideInRight2;
}
@-webkit-keyframes slideInLeft2 {
  from {
    -webkit-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft2 {
  from {
    -webkit-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft2 {
  -webkit-animation-name: slideInLeft2;
  animation-name: slideInLeft2;
}

.puyon {
  animation: puyon 1.0s linear 0s 1;
}
@keyframes puyon {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  40%  { transform: scale(0.95, 1.2) translate(0%, -10%); }
  50%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
  60%  { transform: scale(0.95, 1.05) translate(0%, -3%); }
  70%  { transform: scale(1.05, 0.95) translate(0%, 3%); }
  80%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}








/* 170801 以降追記------------------------------------------- */

/*   flex  */
.contents-sub .flex{ display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap;}
.contents-sub .flex-btw{ display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
.contents-sub .flex-cen{ display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}

/* thumb-images */
.contents-sub .thumb{
	background-color:#ccc;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
	height:170px;
}			

/* news */
.catMenu{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	flex-wrap:wrap;
	font-size: 14px;
	margin-bottom: 5em;
}
	.catMenu li{ margin-right: 5px;}
		.catMenu li:last-child{ margin-right: 0;}
		.catMenu li a{
			display: block;
			color: #222;
			text-decoration: none;
			padding: 5px 15px;
			-webkit-transition: 0.3s ease-in-out;
			   -moz-transition: 0.3s ease-in-out;
				 -o-transition: 0.3s ease-in-out;
					transition: 0.3s ease-in-out;
		}
			.catMenu li a:hover,
			.catMenu li.current-cat a{
				background: #00ABEB;
				color: #fff;
			}

#newsWrap .bg-F2F2F3{ padding: 100px 0;}
.articleList{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	flex-wrap:wrap;
}
	.articleList li{
		width: 30%;
		margin: 50px 5% 0 0;
	}
		.articleList li:nth-child(3n){ margin-right: 0;}
		.articleList li:nth-child(-n+3){ margin-top: 0;}
		.articleList li a{
			display: block;
			height: 100%;
			color: #222;
			text-decoration: none;
			line-height: 190%;
			background: #fff;
			border-radius: 10px;
			position: relative;
			-webkit-transition: 0.3s ease-in-out;
			   -moz-transition: 0.3s ease-in-out;
				 -o-transition: 0.3s ease-in-out;
					transition: 0.3s ease-in-out;
		}
			.articleList li a:hover{
				box-shadow: 0 0 8px 3px rgba(204, 204, 204, 0.5);
			}
			.articleList li .date{
				padding: 7px 12px 10px 12px;
				background: #F5A100;
				color: #fff;
				line-height: 130%;
				border-radius: 50%;
				text-align: center;
				font-size: 16px;
				font-family: 'Oswald', sans-serif;
				position: absolute;
				top: -15px;
				left: -15px;
			}
			.articleList li .thumb{ border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #eee;}
			.articleList li dl{ padding: 20px;}
				.articleList li dl dt{ font-size: 15px; font-weight: bold;}
				.articleList li dl dd{ margin-top: 10px;}

/* news/detail */
#newsDetailWrap{ padding-bottom: 70px;}
	#newsDetailWrap .date{
		font-size: 22px;
		font-family: 'Oswald', sans-serif;
		margin-bottom: .5em;
		color: #00ABEB;
	}
	#newsDetailWrap h2.title01{ margin-bottom: .5em;}
	#newsDetailWrap .clearfix{
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		padding: 50px 0;
	}
		#newsDetailWrap .clearfix p{ margin-bottom: 20px;}
			#newsDetailWrap .clearfix p:last-child{ margin-bottom: 0;}
	#newsDetailWrap .detailPageNavi{
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		flex-wrap:wrap;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between;
		font-size: 14px;
		margin-top: 3em;
	}
		#newsDetailWrap .detailPageNavi li{ width: 15%; min-width: 80px;}
			#newsDetailWrap .detailPageNavi li a{
				display: block;
				text-align: center;
				text-decoration: none;
				color: #222;
				background: #eee;
				padding: 5px;
				-webkit-transition: 0.3s ease-in-out;
				   -moz-transition: 0.3s ease-in-out;
					 -o-transition: 0.3s ease-in-out;
						transition: 0.3s ease-in-out;
			}
				#newsDetailWrap .detailPageNavi li.back a{ color: #fff; background: #00ABEB;}
				#newsDetailWrap .detailPageNavi li a:hover{ opacity: .75;}

/* shop/detail */
.shop-img ul{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	flex-wrap:wrap;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
}
	.shop-img ul li {
		width: 48%;
		margin-top: 20px;
		text-align: center; 
	}
		.shop-img ul li:nth-child(-n+2){ margin-top: 0;}
		.shop-img ul li img { max-width: 100%; height: auto; margin: auto;}

.sto-deta{ margin-top: 40px;}
.systemArea{ padding: 20px 0; border-bottom: #595757 dotted 1px; font-size: 15px;}
	.systemArea h4{ font-size: 18px; margin-bottom: 5px;}

/* water */
.contents-sub .blc-merit{ background: #00abeb; color: #fff; font-size: 16px; padding: .5em 2em 1em 2em; margin-bottom: 3em;}
	.contents-sub .blc-merit h3{ font-size: 35px; font-weight: 400; border-bottom: 1px solid #fff; margin-bottom: .5em; letter-spacing: .15em;}
		.contents-sub .blc-merit h3 small{ font-size: 20px;}
		
/* STAFFBASE */	
.staff-base .btn-area,
.staff-base .btn-area *{ box-sizing: border-box;}
.staff-base .btn-area{ padding: 0 210px 0 35px; margin-top: 5px;}
.staff-base .btn-area.flex{ padding: 0;}
.staff-base .btn-area p{ padding: 0; font-size: 14px; margin-top: 2px;}
.staff-base .btn-area small{ font-size: 12px;}
.staff-base .btn-area a{ display: block; font-size: 11px; text-decoration: none; min-width: 240px; max-width: 400px; background: #efefef; border: 1px solid #ccc; color: #231815; border-radius: 5px; padding: 5px; margin: 0 auto; text-align: center; position: relative;}
.staff-base .btn-area a::after{ content: ''; position: absolute; top: 0; bottom: 0; left: 6px; margin: auto; box-sizing: border-box; width: 4px; height: 4px; border: 4px solid transparent; border-left: 4px solid #231815;}
	.staff-base .btn-area a:hover{ opacity: .7;}
	
/* comp-tab */	
.comp-tab dl+dl{ margin-top: 1.3em;}


/* top */
.top-box05 .blc-movie{ max-width: 432px; margin: 0 auto 20px; background: #efefef; position: relative;}
	.top-box05 .blc-movie a{ display: block; text-decoration: none;}
		.top-box05 .blc-movie figure{ width: 50%;}
			.top-box05 .blc-movie figure img{ opacity: 1!important;}
		.top-box05 .blc-movie .inBox{
			width: 44%;
			position: absolute;
			top: 50%;
			right: 0;
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
		}
			.top-box05 .blc-movie .inBox h3{ color: #00abeb; font-size: 15px; font-weight: 500;}
	/* hover */
	.top-box05 .blc-movie a:hover{ opacity: .8;}
	
.top-box05 .blc-gentosha{ max-width: 432px; margin: 0 auto 30px;}
.top-box05 .blc-gentosha a{ display: block; border: 2px solid #004098; color: #004098; font-size: 16px; font-weight: 600; text-decoration: none; padding: 15px 5px 15px 40px; position: relative;}
.top-box05 .blc-gentosha a::after{ content: ''; position: absolute; top: 0; bottom: 0; right: 20px; margin: auto; box-sizing: border-box; width: 10px; height: 10px; border: 10px solid transparent; border-left: 10px solid #004098;}
.top-box05 .blc-gentosha p{ padding: 0; text-align: left;}
		
.top-box05 .blc-seminar{ max-width: 432px; margin: 0 auto 30px;}
.top-box05 .blc-seminar .ttl{ text-align: center; margin-bottom: 20px;}
.top-box05 .blc-seminar .ttl img{ margin: 0 auto;}
/*.top-box05 .blc-seminar .inBox{ display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; align-items: center;}
.top-box05 .blc-seminar .inBox figure{ max-width: 100px;}
.top-box05 .blc-seminar .inBox .txt_area{ margin-left: 30px;}*/
.top-box05 .blc-seminar .inBox .txt_area a{ display: block; max-width: 220px; background-color: #efefef; border: 1px solid #231815; border-radius: 5px; color: #231815; text-decoration: none; font-weight: 500; padding: 5px 20px 5px 25px; position: relative; text-align: center; margin: auto;}
.top-box05 .blc-seminar .inBox .txt_area a::before{ content: ''; box-sizing: border-box; position: absolute; top: 0; left: 15px; bottom: 0; width: 5px; height: 5px; border: 5px solid transparent; border-left: 5px solid #231815; margin: auto;}
	/* hover */
	.top-box05 .blc-seminar .inBox .txt_area a:hover{ opacity: .75;}
	
	
.top-box02 .list02{
    padding-left: 12%;
    padding-right: 12%;
	margin-top: 2em;
}
	.top-box02 .list02 ul{
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		flex-wrap:wrap;
		-webkit-box-pack:center;
		-ms-flex-pack:center;
		justify-content:center;
	}
	.top-box02 .list02 ul li{ width: 186px; margin: 10px 10px 0 0;}
		.top-box02 .list02 ul li:nth-child(4n),
		.top-box02 .list02 ul li:last-child{ margin-right: 0;}
		.top-box02 .list02 ul li:nth-child(-n+4){ margin-top: 0;}
		.top-box02 .list02 ul li a{ display: block; text-decoration: none;}
		.top-box02 .list02 ul li figure{}
			.top-box02 .list02 ul li figure img{ width: 100%;}
		.top-box02 .list02 ul li h3{
			border: #FFF solid 1px;
			text-align: center;
			color: #FFF;
			text-decoration: none;
			font-size: 11px;
			padding: 9px 0;
			background: rgba(4,141,178, 0.8) url(../images/ya.png) right 5px center no-repeat;
			background-size: 13px 13px;
			margin-top: 5px;
		}
	/* hover */
	.top-box02 .list02 ul li a:hover{ opacity: .8;}
	.top-box02 .list02 ul li a img:hover{ opacity: 1!important;}


/* MW WP Form
-------------------------*/
.mw_wp_form{ padding-bottom: 70px;}
.mw_wp_form,
.mw_wp_form *{ box-sizing: border-box;}
	.mw_wp_form input[type="text"],
	.mw_wp_form input[type="email"],
	.mw_wp_form textarea{
		width: 60%;
		padding:5px 1%;
		font-size: 16px;
		border:1px solid #ccc;
		-moz-appearance: none;
		-webkit-appearance: none;
		border-radius: 0;
	}
	.mw_wp_form textarea{ width: 100%; resize: vertical;}
	.mw_wp_form select{ padding:8px 1%; font-size: 16px; border:1px solid #ccc;}
	.mw_wp_form #zip1, .mw_wp_form #zip2, .mwform-tel-field input[type="text"]{ width: auto;}
	.mw_wp_form.mw_wp_form_input .sty-select{ display: inline-block; position: relative;}
		.mw_wp_form.mw_wp_form_input .sty-select::before{
			content: "";
			position: absolute;
			top: 0;
			bottom: 0;
			right: 10px;
			margin: auto;
			width: 4px;
			height: 4px;
			border-top: 2px solid #555;
			border-right: 2px solid #555;
			-webkit-transform: rotate(135deg);
			transform: rotate(135deg);			
		}
		.mw_wp_form.mw_wp_form_input .sty-select select{
			border:1px solid #ccc;
			-moz-appearance: none;
			-webkit-appearance: none;
			appearance: none;
			border-radius: 0;
			padding: 0 1%;
		}
			.mw_wp_form.mw_wp_form_input .sty-select select::-ms-expand{ display: none;}

.mw_wp_form .contact-btn{ text-align: center; margin-top: 3em;}
	.mw_wp_form .contact-btn input[type="submit"]{
		letter-spacing:2px;
		border:2px solid #043F99;
		background:#043F99;
		color: #fff;
		font-size: 12px;
		padding:15px;
		min-width: 250px;
		margin:0 10px;
		cursor: pointer;
		-webkit-appearance:none;
		border-radius: 0;
		transition: 0.3s ease-in-out;
	}
		.mw_wp_form .contact-btn input[type="submit"]:hover{ background:#fff; color:#043F99;}
	.mw_wp_form .contact-btn input[name="submitBack"]{ border-color: #888; background: #888;}
		.mw_wp_form .contact-btn input[name="submitBack"]:hover{ background:#fff; color:#888;}

.mw_wp_form_confirm .confirm-non{ display: none;}

.mw_wp_form_input .own-list li:first-child,
.mw_wp_form_confirm .own-list li:nth-child(2),
.mw_wp_form_complete .own-list li:nth-child(3){
	filter:alpha(opacity=10);
	-moz-opacity: 1;
	opacity: 1;
	border: #231815 solid 1px;
}

/* = wp-pagenavi
----------------------------------------------- */
.wp-pagenavi {
	clear: both;
	text-align:center;
	line-height: 150%;
	margin-top: 80px;
}
.wp-pagenavi a,
.wp-pagenavi span {
	display: inline-block;
	color: #999;
	background-color: #FFF;
	border: solid 1px #e0e0d2;
	padding: 8px 15px;
	margin: 0 2px;
	white-space: nowrap;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	text-align: center;
	text-decoration:none;
}
.wp-pagenavi a:hover{
    color:#FFF; 
    background-color:#999; 
    border-color:#999;
}
.wp-pagenavi span.current{
	color: #FFF;
	background-color: #F5A100;
	border-color: #F5A100;
	font-weight: bold;
}

/* = WordPress Editor
----------------------------------------------- */
img.size-auto,
img.size-large,
img.size-full,
img.size-medium {
	max-width: 100%;
	height: auto;
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 15px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 15px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	background: #f1f1f1;
	border: none;
	-khtml-border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	color: #888;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 20px;
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px;
}
.wp-caption p.wp-caption-text {
	margin: 0 0 4px;
}
.wp-smiley {
	margin: 0;
}
