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

/* WEB FONTS - Sawarabi Mincho */
@import url('https://fonts.googleapis.com/earlyaccess/sawarabimincho.css');



.gnavi{
	/*position: absolute;*/
	text-align: center;
	z-index: 100;
	left: 0;
	/*right: 0;
	top: 83px;*/
	margin-top: 0;
	padding-bottom:0;
	height: 51px;
	background-size: contain;
	top: 0px !important;
	position:relative;
}
/*
.gnavi ul{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	position: relative;
	display: table;
	table-layout: fixed;
	text-align: center;
	font-size: 11.5px;
	letter-spacing: -0.4em;
}
*/

/* 230126 -st */
.gnavi ul{
	width: 100%;
    height: 100%;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	position: relative;
	display: flex;
	text-align: center;
	font-size: 11.5px;
	letter-spacing: -0.4em;
}
/*
.gnavi ul li{
	font-family:"Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	position: relative;
	text-align: center;
	vertical-align: middle;
	width: 11.1%;
	background: url(../images/nav_border.png) left center no-repeat;
	box-sizing:border-box;
	position:relative;
    line-height:50px;
	display: inline-block;
	font-size:13px;
	transition:all 0.3s ease-in-out 0s;
	padding: 0;
	text-decoration: none;
	color: #a6a6a6;
	letter-spacing: normal;
}
*/
/* 230126 -st */
.gnavi ul li{
	font-family:"Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	position: relative;
	text-align: center;
	vertical-align: middle;
	width: 100%;
    height: 100%;
	background: url(../images/nav_border.png) left center no-repeat;
	box-sizing:border-box;
	position:relative;
    line-height: 1.6;
	display: inline-block;
	font-size:13px;
	transition:all 0.3s ease-in-out 0s;
	padding: 0;
	text-decoration: none;
	color: #a6a6a6;
	letter-spacing: normal;
}

.gnavi ul li:last-child{

	box-sizing:border-box;
	background: url(../images/nav_border.png) left center no-repeat, url(../images/nav_border.png) right center no-repeat;
	}
.under {
	opacity:0.4;

}
/*
.gnavi ul li a{
	line-height:50px;
	text-align:center;
	display:block;
	font-size:13px;
	padding: 0;
	text-decoration: none;
	color:#000;
	font-weight: 500;
    position: relative;
}
*/
.gnavi ul li a{
    height: 100%;
	display:flex;
    justify-content: center;
    align-items: center;
	font-size:13px;
	padding: 0;
	text-decoration: none;
	color:#000;
	font-weight: 500;
    position: relative;
}
.gnavi ul li a:before{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	height: 2px;
	background: #938145;
	transform: scale(0, 1);
	transition: 0.4s;
}
.gnavi ul li a:hover:before {
	transform: scale(1);
}
/* .gnavi ul li:nth-of-type(7) a::after {
    content: "NEW";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #c11319;
    text-shadow: none;
    padding: 0 5px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.0;
    top: 2.0px;
} */
@media only screen and (max-width: 1480px){
.gnavi ul li a{
	font-size:0.80vw;
}
}

.gnavi ul li .cur {
	background: url(../images/nav_border.png) left center no-repeat;
}
.gnavi ul li .cur:before{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	height: 2px;
	background: #938145;
	transform: scale(1);
}


.gnavi ul li:last-child a{
	letter-spacing:-0.15em;
}


.gnavi ul li a span.line2{
	line-height:15px;
}


.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	z-index: 9998;
	/*! background:#004057; */
	background-color: #fff;
}




.gnavi ul li{
	/*! width: 9%; */
}





br.s { display:none;}




.gnavi ul li a.cs span.en{
	opacity:0.4;
}

.gnavi ul li a:not(.cs):hover span.ja,
.gnavi ul li a.cr:not(.cs) span.ja{
	opacity:1;
}

.gnavi ul li a:not(.cs):hover,
.gnavi ul li a.cr:not(.cs){
	/*background:rgba(255,255,255,0.2);*/
}

@media only screen and (max-width: 1010px){
	.gnavi ul li a{
	/*font-size: 10px;
	letter-spacing: -0.15em;*/
}
}


@media only screen and (max-width: 768px){
.gnavi{
	display:none;
}
}




/*///////  map   //////*/
#map {
	max-width: 767px;
	height: auto;
	margin: auto;
	padding-bottom: 1%;
	padding-top: 30px;
}
#map img {
	max-width:100%;
	height:auto;
}
#map h2 {
	margin:0 0 30px;
	padding:2% 0 !important;
	background:#35405b;
	font-size:20px;
	color:#fff;
	text-align:center;
}
#map .centermap{
    background: #998222;
}
#map h2.st2 {
	margin:0 0 20px;
	padding:2% 0 !important;
	background:#957516;
	font-size:20px;
	color:#fff;
	text-align:center;
}



.popup_btnarea {
	margin:30px auto 0;
	width:260px;

}
.popup_btnarea ul li {
	display:inline-block;
}
.popup_close a{
	margin:20px 10px 20px 0;
	padding:15px 0;
	background-color:#565656;
	font-size:13px;
	float:left !important;
	width:120px;
	text-align:center;
	text-decoration:none;
	color:#fff;
}
.popup_close a:hover{
	background-color:#ccc;
}

.popup_print a{
	margin:20px 0;
	padding:15px 0;
	background-color:#9d8456;
	font-size:13px;
	float:left;
	width:120px;
	text-align:center;
	text-decoration:none;
	color:#fff;
}
.popup_print a:hover{
	background-color:#caab70;
}


/*///////  Obiarea   //////*/

#footer_koudouteiki_container{
padding:20px 0 0 0;
width:100%;
}

.obiarea{/*
	position: absolute;*/
	padding: 10px 0 0 0;
	z-index: 15;
    width:100%;
    bottom:0px;
	height: 40%;
    border-top:#222 solid 1px;
	background-image: url(../../images/obibg.jpg);
	background-repeat: repeat;
	background-position: center center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	color: #fff;
}

.obiareasp {
	display: none;

}

.obiinner{
	opacity: 1.0;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
	transition-delay:1s;
	transition-duration:3s;
}
.obiarea .content,.obiareaft .content{
    text-align:center;
    padding:0;
	font-family:"Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 40px;
	font-weight: 400;
	max-width: 1200px;
	height: auto;
	margin: auto;
}
.obiareaft .content span {
	font-size: 24px;
}

.obiareaft{
	width: auto;
	color: #fff;
	text-align: center;
	padding: 5px 0 0;
}
#point {
	width: 100%;
	width: auto;
	background:#000;
	text-align: center;
	margin: 0;
	padding: 0;
}

@media screen and (max-width: 800px){
.obiarea,.obiareaft{
	display: none;
	}
.obiareasp{
	display: block;
	width: auto;
	padding: 5%;
	border-top: #333 solid 1px;
	border-bottom: #333 solid 1px;
	color: #fff;
	font-family:"Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 24px;
	line-height: 1.5em;
	text-align: center;
	background-image: url(../../images/obibg.jpg);
	background-repeat: repeat;
	background-position: center center;
	text-decoration: none !important;
}
	.obiareasp p {
		margin-bottom: 3%;
	}
.obiareasp span {
	font-size: 14px;
	text-align: left;
	line-height: 120%;
}
.obiareasp .obi_txt {
	text-align: center;
	display: block;
	padding:10px 0;
}
.obiareasp .bt {
	background:#391C56;
	padding:8px 14px;
}
	.obiareasp a {
		text-decoration: none ;
	}

}

.cp_ba {padding-top:25px;}
.cp_ba a {padding-bottom:15px; display:inline-block; margin:0 10px;}





/*========================*/

.conp-main {
  position: relative;
}
.conp-main .inn {
  position: absolute;
  top: 9%;
  left: 50%;
  -webkit-transform : translate(-50%,-50%);
  transform: translate(-50%,0);
  width: 100%;
  text-align: center;
}
.conp-main .bg img {
    width: 100%;
    height: auto;
}
.conp-main .inn .catch {
	max-width: 444px;
	margin: 0 auto 50px;
}
.conp-main .inn h3 {
	font-size: 40px;
	margin: 0 0 35px;
	color: #fff;
	text-shadow: 0px 0px 10px rgba(0, 114, 188, 0.46);
}
.conp-main .inn p {
	font-size: 16px;
	line-height:2;
	color: #fff;
	text-shadow: 0px 0px 10px rgba(0, 114, 188, 0.46);
    margin-bottom: 50px;
}
.conp-main .inn .point_box {
    width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    gap: 40px;
}
.conp-main .inn .point_box li {
    max-width: 242px;
}



.conp-bnr {
  position: relative;
}
.conp-bnr.bnr5 {
	margin: 0 0 115px;
}
.conp-bnr .bg img {
    width: 100%;
    height: auto;
}
.conp-bnr .ttl {
	color: #fff;
	position: absolute;
	top: 53%;
	left: 50%;
	-webkit-transform : translate(-50%,-53%);
	transform : translate(-50%,-53%);
	text-align: center;
	background: rgba(30,61,93,0.96);
	padding: 75px 10px 70px;
	font-size: 43px;
	box-shadow: 0 0 15px rgba(0,0,0,0.3);
}
.conp-bnr .ttl.slideInUp1 {
  padding: 50px;
  top: 50%;
  left: 50%;
  -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);
}
.conp-bnr .ttl span {
  font-size: 24px;
  display: block;
  color:#ead7a9;
}
.conp-bnr.bnr1 .ttl {
  /* max-width: 515px; */
  /* width: 100%; */
  /* padding: 40px 30px; */
  top: 5%;
  left: 0;
  transform: none;
  /* padding: 20px 50px; */
}
.conp-bnr.bnr2 .ttl {
  /* max-width: 580px; */
  /* width: 100%; */
  right: 0;
  left: auto;
  -webkit-transform : translate(0%,-50%);
  transform : translate(0%,-50%);
}
.conp-bnr.bnr3 .ttl {
  /* max-width: 530px; */
  /* width: 100%; */
  left: 0;
  -webkit-transform : translate(0%,-50%);
  transform: translate(0,-50%);
}
.conp-bnr.bnr4 .ttl {
  /* max-width: 640px; */
  /* padding: 20px; */
  /* width: 100%; */
  right: 0;
  left: inherit;
  -webkit-transform : translate(0%,-50%);
  transform: translate(0,-50%);
  padding: 50px;
}
.conp-bnr.bnr5 .ttl {
  max-width: 510px;
    width: 100%;
}
.conp-project {
    text-align: center;
    margin: 0 0 40px;
}
.conp-project .catch {
    margin: 0 0 55px;
}
.conp-project .catch p {
    display: none;
}
@media screen and (max-width: 1600px){
    .conp-main .inn {
        top: 5%;
    }
.conp-bnr .ttl {
    font-size: clamp(28px, calc(40/1600*100vw), 40px); 
}
}
@media screen and (max-width: 768px){
.conp-main {
}
.conp-main .inn {
    padding: 0 10px;
}
.conp-main .bg img {
    width: 100%;
    height: auto;
}
.conp-main .inn .catch {
	max-width: 220px;
	margin: 0 auto 20px;
}
.conp-main .inn h3 {
	font-size: 22px;
	margin: 0 0 10px;
}
.conp-main .inn p {
	font-size: 14px;
	line-height: 2;
    margin-bottom: 20px;
}


.conp-bnr {
}
.conp-bnr.bnr5 {
	margin: 0 0 65px;
}
.conp-bnr .bg img {
    width: 100%;
    height: auto;
}
.conp-bnr .ttl {
	padding: 35px 10px 30px;
	font-size: 28px;
}
.conp-bnr .ttl.slideInUp1 {
  padding: 20px;
}
.conp-bnr .ttl span {
  font-size: 16px;
}
.conp-bnr.bnr1 .ttl {
  max-width: 320px;
}
.conp-bnr.bnr2 .ttl {
  max-width: 320px;
  /* right: auto; */
  /* left: 50%; */
  /* -webkit-transform : translate(-50%,-50%); */
  /* transform : translate(-50%,-50%); */
}
.conp-bnr.bnr3 .ttl {
  max-width: 320px;
  /* left: 50%; */
  /* -webkit-transform : translate(-50%,-50%); */
  /* transform : translate(-50%,-50%); */
}
.conp-bnr.bnr4 .ttl {
  max-width: 320px;
  /* right: auto; */
  /* left: 50%; */
  /* -webkit-transform : translate(-50%,-50%); */
  /* transform : translate(-50%,-50%); */
}
.conp-bnr.bnr5 .ttl {
  max-width: 320px;
}
.conp-project {
    margin: 0 5% 20px;
}
.conp-project .catch {
    margin: 0 auto 35px;
    width: 65%;
}
.conp-project .catch p {
}
}
@media screen and (max-width: 640px){
.conp-main {
    background: url("../../concept/images/img01_sp.png") no-repeat left bottom;
    background-size: cover;
    min-height: 800px;
}
.conp-main .inn {
    padding: 0 10px;position: static;-webkit-transform: translate(0%,0%);transform: translate(0%,0%);padding: 50px 5% 45px;}
.conp-main .bg {
    display: none;
}
.conp-main .inn .catch {
	margin: 0 auto 15px;
	width: 48%;
}
.conp-main .inn h3 {
	font-size: 18px;
}
.conp-main .inn p {
	font-size: 13px;
	text-align: justify;
}
.conp-main .inn .point_box {
    gap: 10px;
}


.conp-bnr {
}
.conp-bnr.bnr5 {
	margin: 0 0 45px;
}
.conp-bnr .bg img {
}
.conp-bnr .ttl {
	font-size: 16px;
	padding: 15px 10px 15px;
	background: rgba(30,61,93,0.9);
}
.conp-bnr .ttl span {
  font-size: 12px;
}
.conp-bnr.bnr1 .ttl {
  max-width: 220px;
  padding: 5px 20px;
  top: 2%;
}
.conp-bnr.bnr2 .ttl {
  max-width: 220px;
}
.conp-bnr.bnr3 .ttl {
  max-width: 220px;
}
.conp-bnr.bnr4 .ttl {
  max-width: 220px;
}
.conp-bnr.bnr5 .ttl {
  max-width: 220px;
}
.conp-project {
    margin: 0 5% 20px;
}
.conp-project .catch {
    margin: 0 auto 30px;
    width: auto;
}
.conp-project .catch img {display: none;}
.conp-project .catch p {display: block;color:#2b4f66;font-size: 24px;}
.conp-project .catch p span {font-size: 12px;vertical-align: top;}
}




/*=============================*/
h3.copy {
    font-size: 35px;
    line-height: 1.5;
    color: #283944;
    margin: 0 0 35px;
    text-align: center;
}
.sec-plan {
	margin-bottom: 50px;
}
.sec-plan .img {
    text-align: center;
    padding: 0 10px;
}
@media screen and (max-width: 768px){
h3.copy {
    font-size: 22px;
    margin: 0 0 20px;
}
.sec-plan {
    margin: 0 5%;
}
}
@media screen and (max-width: 640px){
}

/*=============================*/
.sec-brand {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.sec-brand.brand1 {
    margin-bottom: 115px;
}
.sec-brand.brand2 {
    margin-bottom: 100px;
}
.sec-brand .logo {
    text-align: center;
    padding: 0 10px;
    margin: 0 0 55px;
}
.sec-brand .image {
    float: left;
    width: 31.4%;
}
.sec-brand.brand2 .image {
    width: 40.2%;
}
.sec-brand .text {
    float: right;
    width: 65.7%;
}
.sec-brand.brand2 .text {
    width: auto;
    float: none;
    text-align: justify;
}
.sec-brand .text .copy {
    font-size: 28px;
    color: #6a6047;
    margin: 0 0 7px;
    line-height: 1.45;
}
.sec-brand.brand2 .text .copy {
	text-align:center;
}
.sec-brand .text p {
    margin: 0 0 30px;
	font-size: 15px;
}
.sec-brand.brand2 .text p {
    margin: 0;
}
.sec-brand.brand1 .text .image {
    display: none;
}
.sec-brand .text ul {
}
.sec-brand .text ul li {
    float: left;
    width: 48%;
}
.sec-brand .text ul li:nth-child(2) {
    float: right;
}
.sec-brand ul.img {margin: 30px 0 0;}
.sec-brand ul.img li {
    float: left;
    width: 31.5%;
    margin: 0 2.7% 0 0;
}
.sec-brand ul.img li:nth-child(3) {
    margin: 0;
}
@media screen and (max-width: 768px){
.sec-brand {
    margin-left: 5%;
    margin-right: 5%;
}
.sec-brand.brand1 {
    margin-bottom: 50px;
}
.sec-brand.brand2 {
    margin-bottom: 50px;
}
.sec-brand .logo {
    padding: 0;
    margin: 0 auto 40px;
}
.sec-brand.brand1 .logo {
	width: 52%;
}
.sec-brand.brand2 .logo {
	width: 75%;
}
.sec-brand .image {
    float: none;
    text-align: center;
}
.sec-brand.brand1 .image {
    display: none;
}
.sec-brand.brand2 .image {
    width: auto;
}
.sec-brand .text {
    float: none;
    width: auto;
}
.sec-brand.brand2 .text {
    width: auto;
}
.sec-brand.brand1  .text .image {
    display: block;
    float: none;
    width: 50%;
    margin: 0 auto 20px;
    text-align: center;
}
.sec-brand .text .copy {
    font-size: 20px;
    margin: 0 0 10px;
}
.sec-brand.brand2 .text .copy {
	text-align:left;
}
.sec-brand .text p {
    margin: 0 0 20px;
}
.sec-brand.brand2 .text p {
    margin: 0 0 20px;
}
.sec-brand .text ul li:nth-child(2) {
    float: right;
}
.sec-brand ul.img {margin: 20px 0 0;}
.sec-brand ul.img li {
    width: 48%;
    margin: 0 0 10px;
}
.sec-brand ul.img li:nth-child(2) {
	float: right;
}
}

/*=============================*/
.acc-intro {
    text-align: center;
    margin: 0 0 45px;
}
.acc-intro p {
    line-height: 1.8;
}
.acc-time1 {
    max-width: 1000px;
    margin: 0 auto 140px;
}
.acc-img-box {
	max-width: 1000px;
	width: 90%;
	margin: 0 auto 60px;
	text-align: right;
}
.acc-time1 .box {
    float: left;
    width: 48%;
}
.acc-time1 .box:nth-child(2) {
    float: right;
}
.acc-time1 .box .img {
    margin: 0 0 10px;
}
.acc-time1 .box .cap {
    text-align: right;
    font-size: 12px;
    width: auto;
    margin: 0 0 10px;
}
.acc-time1 .box .time {
	text-align:center;
	padding: 0 10px;
}
.acc-time2 {
    margin-bottom: 50px;
}
.acc-time2 li {
    float: left;
    width: 50%;
}
.acc-time2 li:nth-child(2) {
    float: right;
}
.acc-time2 li img {
    width: 100%;
    height: auto;
}
.acc-time3 {
    max-width: 1000px;
    margin: 0 auto 80px;
}
.acc-time3 .time {
    float: left;
    width: 36%;
    padding: 40px 0 0;
}
.acc-time3 .time li:nth-child(1) {
    margin: 0 0 25px;
}
.acc-time3 .time li:nth-child(2) {
    margin: 0 0 50px;
}
.acc-time3 .map {
    width: 51.6%;
    float: right;
}
@media screen and (max-width: 768px){
.acc-intro {
    margin: 0 5% 25px;
}
.acc-intro p {
    line-height: 1.6;
}
.acc-img-box {
	margin: 0 auto 40px;
}
.acc-time1 {
    margin: 0 5% 40px;
}
.acc-time1 .box .img {margin: 0 0 5px;}
.acc-time1 .box .cap {font-size: 10px;margin: 0 0 5px;}
.acc-time1 .box .time {
	padding: 0;
	width: 85%;
	margin: 0 auto;
}
.acc-time2 {
    margin-bottom: 30px;
}
.acc-time2 li:nth-child(2) {
    float: right;
}
.acc-time2 li img {
    width: 100%;
    height: auto;
}
.acc-time3 {
    margin: 0 5% 50px;
}
.acc-time3 .time {
    width: 42%;
    padding: 0;
}
.acc-time3 .time li:nth-child(1) {
    margin: 0 0 15px;
}
.acc-time3 .time li:nth-child(2) {
    margin: 0 0 20px;
}
.acc-time3 .map {
    width: 52%;
}
}
@media screen and (max-width: 640px){
.acc-intro {
    margin: 0 5% 25px;
}
.acc-time1 {
    margin: 0 5% 60px;
}
.acc-time1 .box {
    float: none;
    margin: 0 0 30px;
    width: auto;
}
.acc-time1 .box:nth-child(2) {
    margin: 0;
    float: none;
}
.acc-time1 .box .cap {margin: 0 0 10px;}
.acc-time1 .box .time {
	width: 90%;
}
.acc-time2 {
    margin-bottom: 50px;
}
.acc-time2 li {float: none;width: auto;}
.acc-time2 li:nth-child(2) {
    float: none;
}
.acc-time2 li img {
    width: 100%;
    height: auto;
}
.acc-time3 .time {
    width: auto;
    padding: 0;
    margin: 0 0 30px;
    text-align: center;
    float: none;
}
.acc-time3 .time li:nth-child(1) {
    margin: 0 0 10px;
}
.acc-time3 .time li:nth-child(2) {
    margin: 0 0 10px;
}
.acc-time3 .map {
    width: auto;
}
}





/*========================
ロケーション
========================*/
.sec-lo-intro {
    max-width: 930px;
    margin: 0 auto 80px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
}
.sec-lo-intro .text {
    width: 54%;
}
.sec-lo-intro .text .copy {
    font-size: 42px;
    color: #95855C;
    margin-bottom: 30px;
    line-height: 1.7;
}
.sec-lo-intro .text p {
    font-size: 22px;
    line-height: 1.7;
}
.sec-lo-intro .img {
    width: 38.38%;
}
.sec-lo-map {
    margin: 0 0 145px;
    position: relative;
}
.sec-lo-map img {
	width: 100%;
	height: auto;
}
.sec-lo-map .btn {
    position: absolute;
}
.sec-lo-map .btn01 {
    width: 8.5%;
    top: 55.7%;
    left: 8.5%;
}
.sec-lo-map .btn02 {
    width: 9%;
    top: 43.5%;
    left: 28.5%;
}
.sec-lo-map .btn03 {
    width: 6%;
    top: 82.2%;
    left: 40.9%;
}
.sec-lo-map .btn04 {
    width: 7.5%;
    top: 52.2%;
    right: 31.9%;
}
.sec-lo-map .btn05 {
    width: 7.6%;
    top: 23.1%;
    left: 35.5%;
}
.sec-lo-map .btn06 {
    width: 9.2%;
    top: 69%;
    right: 28.5%;
}
.sec-lo-map .btn07 {
    width: 8.4%;
    top: 31.9%;
    right: 23%;
}
.sec-lo-map .btn08 {
    width: 9%;
    top: 49.1%;
    left: 39%;
}
.sec-lo-map .btn09 {
    width: 7.5%;
    top: 57.8%;
    right: 41.6%;
}
.sec-lo-map .btn010 {
    width: 7%;
    top: 6.5%;
    right: 32.8%;
}



.sec-lo-area {
    max-width: 1000px;
    margin: -60px auto 80px;
    padding: 60px 0 0;
}
.sec-lo-area.ryo {margin-bottom: 50px;}
.sec-lo-area.kou {margin-left: auto;margin-right: auto;}
.sec-lo-area.i {margin-bottom: 40px;}
.sec-lo-area.i .img {
	width:50%;
	float: right;
}

.sec-lo-area .guide-intro {
    max-width: 1000px;
    margin: 0 auto 50px;
}
.sec-lo-area .intro {
    max-width: 710px;
    margin: 0 auto 60px;
}
.sec-lo-area.kou .intro , .sec-lo-area.i .intro {
	width: 43%;
	float: left;
	margin: 0;
}
.sec-lo-area .intro .logo {
	width: 21%;
	float: left;
}
.sec-lo-area.kou .intro .logo , .sec-lo-area.i .intro .logo {
	max-width: 180px;
	width: auto;
	float: none;
	margin: 0 auto 40px;
}
.sec-lo-area .intro .text {
	width: 72%;
	float: right;
}
.sec-lo-area.kou .intro .text , .sec-lo-area.i .intro .text {
	width: auto;
	float: none;
}
.sec-lo-area .intro .text .copy {
    font-size: 30px;
    margin-bottom: 20px;
    line-height: 1.5;
}
.sec-lo-area.sho .intro .text .copy {color: #DE4F81;}
.sec-lo-area.kyo .intro .text .copy {color: #D46E3D;}
.sec-lo-area.ryo .intro .text .copy {color:#00A257;}
.sec-lo-area.kou .intro .text .copy {color:#A6589E;}
.sec-lo-area.i .intro .text .copy {color:#00B1BC;}

.sec-lo-area .intro .text p {
    font-size: 18px;
    line-height: 1.5;
}


.sec-lo-area .column2 {
}
.sec-lo-area.ryo .column2 {
	margin: 0 0 30px;
}
.sec-lo-area .column2 .column {
	width: 48%;
	float: left;
}
.sec-lo-area .column2 .column:nth-child(2) {
	float: right;
}
.sec-lo-area.sho .column2_1 {margin: 0 0 70px;}
.sec-lo-area .column2_1 .column:nth-child(1) {
	float: left;
	width: 66%;
}
.sec-lo-area .column2_1 .column:nth-child(2) {
    width: 32%;
    float: right;
}
.sec-lo-area .column3 {
    text-align: center;
    letter-spacing: -0.4em;
}
.sec-lo-area.sho .column3 {margin-bottom: 30px;}
.sec-lo-area.kou .column3 , .sec-lo-area.i .column3 {
    float: right;
    width: 50%;
}
.sec-lo-area .column3 .column {
    width: 32%;
    letter-spacing: normal;
    display: inline-block;
    margin: 0 2% 0 0;
    vertical-align: top;
}
.sec-lo-area.kou .column3 .column {vertical-align: top;}
.sec-lo-area.i .column3 .column {vertical-align: top;}
.sec-lo-area .column3 .column:last-child {
    margin: 0;
}
.sec-lo-area.kou .column3 .column:nth-child(1) {
    width: 100%;
    margin: 0 0 20px 0;
}
.sec-lo-area.kou .column3 .column:nth-child(2) {
    width: 48%;
    margin: 0 2% 0 0;
}
.sec-lo-area.kou .column3 .column:nth-child(3) {
    width: 48%;
    margin: 0;
}
.sec-lo-area .column5 {
    text-align: center;
    letter-spacing: -0.4em;
}
.sec-lo-area.kyo .column5 {
	margin: 0 0 50px;
}
.sec-lo-area .column5 .column {
    width: 32%;
    letter-spacing: normal;
    display: inline-block;
    margin: 0 2% 0 0;
}
.sec-lo-area .column5 .column:nth-child(-n+2) {
    width: 38%;
	margin-bottom:50px;
}
.sec-lo-area .column5 .column:nth-child(2) {
    margin-right: 0;
}
.sec-lo-area .column5 .column {
    width: 32%;
}
.sec-lo-area .column5 .column:last-child {
    margin-right: 0;
}


.sec-lo-area .cap {text-align: right;width: auto;margin: 5px 0 0;}
.sec-lo-area.sho .sttl {
    font-size: 22px;
    color: #DE4F81;
    line-height: 1;
    margin: 0 0 10px;
}
.sec-lo-area.sho .sttl span {
    font-size: 16px;
}
.sec-lo-area .column2_1 .column:nth-child(2) p {
	line-height: 1.5;
}
.sec-lo-area.sho .spot-box {
	margin: 10px 0 15px;
	padding: 10px;
	background:#F1ECD7;
	line-height: 1.2;
}
.sec-lo-list {
    border-top: solid 1px #000;
    padding: 30px 0 0;
}
.sec-lo-list .list {
    width: 48%;
    float: left;
}
.sec-lo-list .list:nth-child(2) {
    float: right;
}
.sec-lo-list .list ul li {
    width: 65%;
    float: left;
}
.sec-lo-list .list ul li span {
	background:#fff;
}
.sec-lo-list .list ul li:nth-child(even) {
    width: 35%;
    float: right;
    text-align: right;
}
.sec-lo-list .list ul {
  position: relative;
  margin: 0 0 3px;
}
.sec-lo-list .list ul:after { content: ""; display: block; clear: both; height:0; }
.sec-lo-list .list ul:before {
 content: "";
 background-image: linear-gradient(to right, #000, #000 2px, transparent 2px, transparent 2px);
 background-size: 5px 3px;
 background-repeat: repeat-x;
 position: absolute;
 height: 2px;
 top: 50%;
 bottom: 0;
 left: 0;
 right: 0;
 -webkit-transform : translate(0%,-50%);
 transform : translate(0%,-50%);
 z-index: -1;
}
.sec-lo-slide {
    margin: 0 0 125px;
}
.sec-lo-serv {
    background-color: #6E8CA0;
}
.sec-lo-serv .inn {
    max-width: 1000px;
    margin: 0 auto 130px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
	-webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
	 padding: 2% 0;
}
.sec-lo-serv .inn .img {
    width: 34.6%;
}
.sec-lo-serv .inn .text {
    width: 61%;
    color: #FFF;

}
.sec-lo-serv .inn .text .copy {
    font-size: 24px;
    color: #fff;
    /*! text-align: center; */
    margin: 0 0 15px;
}
.sec-lo-serv .inn .ser-cont {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    flex-wrap: wrap; /*折り返し*/
}
.sec-lo-serv .inn .ser-cont .cont {
    width: 48%;
    margin-bottom: 15px;
}
.sec-lo-serv .inn .ser-cont .cont:nth-child(n+2) {
    margin-bottom: 0;
}
.sec-lo-serv .inn .ser-cont .cont .sttl {
    background-color: #fff;
    position: relative;
    height: 50px;
    margin: 0 0 5px;
}
.sec-lo-serv .inn .ser-cont .cont .sttl span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);
  width: 100%;
  text-align: center;
    line-height: 1.2;
}
.sec-lo-serv .inn .ser-cont .cont p {
    color: #fff;
    font-size: 14px;
    line-height: 1.5;
}
.sec-lo-wine {
    background-color: #631414;
    margin: 0 0 120px;
    padding: 0;
}
.sec-lo-wine .inn {
    max-width: 1000px;
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
	-webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding: 2% 0;
}
.sec-lo-wine .copy {
    font-size: 27px;
    color: #fff;
    margin: 0 0 20px;
    text-align: left;
	font-weight: bold;
}
.sec-lo-wine .inn .text {
	width: 55%;
}
.sec-lo-wine .inn .text .ttl {
	color:#fff;
	border-left: solid 8px #fff;
	margin: 0 0 15px;
	padding: 0 0 0 10px;
	font-size: 18px;
}
.sec-lo-wine .inn .text p {
	/*! color:#fff; */
	font-size: 14px;
}
.sec-lo-wine .inn .text p span{
	color:#fff;
	font-size: 12px;
	line-height: 1.3;
	display: inline-block;
	margin: 10px 0 0;
}
.sec-lo-wine .inn .text p span a {
	color:#fff;
}
.sec-lo-wine .inn .img {
	width:40%;
}


.sec-lo-kou {
    background-color: #91778E;
    margin: 0 0 120px;
    padding: 0;
}
.sec-lo-kou .inn {
    max-width: 1000px;
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding: 2% 0;
}
.sec-lo-kou .copy {
    font-size: 22px;
    color: #fff;
    margin: 0 0 20px;
    text-align: left;
}
.sec-lo-kou .inn .text {
	width:55%;
}
.sec-lo-kou .inn .text .ttl {
	color:#fff;
	border-left: solid 8px #fff;
	margin: 0 0 15px;
	padding: 0 0 0 10px;
	font-size: 18px;
}
.sec-lo-kou .inn .text p {
	color:#fff;
	font-size: 14px;
}
.sec-lo-kou .inn .text p span a {
	color:#fff;
}
.sec-lo-kou .inn .img {
	width:40%;
}


.sec-lo-i {
    background-color: #63979B;
    margin: 0 0 125px;
    padding: 0px 0 0px;
}
.sec-lo-i .inn {
    max-width: 1000px;
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding: 2% 0;
}
.sec-lo-i .copy {
    font-size: 22px;
    color: #fff;
    margin: 0 0 20px;
    text-align: left;
}
.sec-lo-i .inn .text {
	width:55%;
}
.sec-lo-i .inn .text .ttl {
	color:#fff;
	border-left: solid 8px #fff;
	margin: 0 0 15px;
	padding: 0 0 0 10px;
	font-size: 18px;
}
.sec-lo-i .inn .text p {
	color:#fff;
	font-size: 14px;
}
.sec-lo-i .inn .text p span a {
	color:#fff;
}
.sec-lo-i .inn .img {
	width:40%;
}
.sec-lo-map2 {
    max-width: 1000px;
    margin: 0 auto 120px;
}
.sec-lo-map2 .map {
    margin: 0 0 40px;
}
.sec-lo-map2 .cap {
    width: auto;
}
.sec-lo-map2 .cap li {
    text-indent: -1em;
    margin-left: 1em;
}

@media screen and (max-width: 768px){
.sec-lo-intro {
    margin: 0 5% 40px;
    display: block;
}
.sec-lo-intro .text {
    width: auto;
    margin: 0 0 20px;
}
.sec-lo-intro .text .copy {
    font-size: 22px;
    margin-bottom: 15px;
    line-height: 1.5;
    text-align: center;
}
.sec-lo-intro .text p {
    font-size: 16px;
    line-height: 1.5;
}
.sec-lo-intro .img {
    width: 45%;
    margin: 0 auto;
}
.sec-lo-map {
    margin: 0 0 60px;
}
.sec-lo-area {
    margin: -100px auto 40px;
    padding: 100px 0 0;
}
.sec-lo-area.ryo {}
.sec-lo-area.kou {margin-right: 5%;margin-left: 5%;}
.sec-lo-area.i {margin-bottom: 30px;}
.sec-lo-area.i .img {
	width:50%;
	float: none;
	margin: 0 auto;
}

.sec-lo-area .guide-intro {
    margin: 0 0 30px;
}
.sec-lo-area.i .guide-intro {
    margin: 0 5% 30px;
}
.sec-lo-area .intro {
    margin: 0 5% 30px;
}
.sec-lo-area.kou .intro , .sec-lo-area.i .intro {
	width: auto;
	float: none;
	margin: 0 0 30px;
}
.sec-lo-area .intro .logo {
	width: 18%;
	float: none;
	margin: 0 auto 20px;
}
.sec-lo-area.kou .intro .logo , .sec-lo-area.i .intro .logo {
	width: 18%;
	float: none;
	margin: 0 auto 20px;
}
.sec-lo-area .intro .text {
	width: auto;
	float: none;
}
.sec-lo-area.kou .intro .text , .sec-lo-area.i .intro .text {
	width: auto;
	float: none;
}
.sec-lo-area .intro .text .copy {
    font-size: 18px;
    margin-bottom: 10px;
}
.sec-lo-area.sho .intro .text .copy {}
.sec-lo-area.kyo .intro .text .copy {}
.sec-lo-area.ryo .intro .text .copy {}
.sec-lo-area.kou .intro .text .copy {}
.sec-lo-area.i .intro .text .copy {}

.sec-lo-area .intro .text p {
    font-size: 14px;
}


.sec-lo-area .column2 {
}
.sec-lo-area.ryo .column2 {
	margin: 0 5% 30px;
}
.sec-lo-area .column2 .column {
}
.sec-lo-area .column2 .column:nth-child(2) {
}
.sec-lo-area.sho .column2_1 {margin: 0 5% 30px;}
.sec-lo-area .column2_1 .column:nth-child(1) {
	width: 100%;
	margin: 0 0 20px;
}
.sec-lo-area .column2_1 .column:nth-child(2) {
    width: auto;
}
.sec-lo-area .column2_1 .column .sp-block {
    width: 48%;
	float: left;
}
.sec-lo-area .column2_1 .column .sp-img {
    width: 48%;
	float: right;
}
.sec-lo-area .column3 {
    text-align: center;
    letter-spacing: -0.4em;
}
.sec-lo-area.sho .column3 {margin: 0 5% 30px;text-align: left;}
.sec-lo-area.kou .column3 , .sec-lo-area.i .column3 {
    float: none;
    width: auto;
}
.sec-lo-area .column3 .column {
    width: 48%;
    margin: 0 2% 20px 0;
}
.sec-lo-area .column3 .column:nth-child(2) {
    margin: 0 0 20px;
}
.sec-lo-area.kou .column3 .column {vertical-align: top;}
.sec-lo-area.i .column3 .column {vertical-align: top;}
.sec-lo-area .column3 .column:last-child {
    margin: 0;
}
.sec-lo-area.kou .column3 .column:nth-child(1) {
}
.sec-lo-area.kou .column3 .column:nth-child(2) {
}
.sec-lo-area.kou .column3 .column:nth-child(3) {
}
.sec-lo-area .column5 {
    text-align: left;
}
.sec-lo-area.kyo .column5 {
	margin: 0 5% 30px;
}
.sec-lo-area .column5 .column {
    width: 32%;
    letter-spacing: normal;
    display: inline-block;
    margin: 0 2% 0 0;
}
.sec-lo-area .column5 .column:nth-child(-n+2) {
    width: 48%;
    margin-bottom: 20px;
}
.sec-lo-area .column5 .column:nth-child(2) {
    margin-right: 0;
}
.sec-lo-area .column5 .column {
    width: 48%;
}
.sec-lo-area .column5 .column:nth-child(3) {
    margin-bottom: 20px;
}
.sec-lo-area .column5 .column:nth-child(4) {
    margin-bottom: 20px;
}
.sec-lo-area .column5 .column:last-child {
    margin: 0;
}


.sec-lo-area .cap {}
.sec-lo-area.sho .sttl {
    font-size: 18px;
}
.sec-lo-area.sho .sttl span {
    font-size: 14px;
}
.sec-lo-area .column2_1 .column:nth-child(2) p {
}
.sec-lo-area.sho .spot-box {
	margin: 10px 0 0;
	padding: 10px 2%;
}
.sec-lo-list {margin: 0 5%;}
.sec-lo-list .list {
    width: auto;
    float: none;
    margin: 0 0 3px;
}
.sec-lo-list .list:nth-child(2) {
    float: none;
}
.sec-lo-list .list ul li {}
.sec-lo-list .list ul li span {}
.sec-lo-list .list ul li:nth-child(even) {}
.sec-lo-list .list ul {}
.sec-lo-list .list ul:after {}
.sec-lo-list .list ul:before {}
.sec-lo-slide {
    margin: 0 0 65px;
}
.sec-lo-serv {}
.sec-lo-serv .inn {
    margin: 0 5% 70px;
    padding: 30px 0;
    display: block;
}
.sec-lo-serv .inn .img {
    width: auto;
    margin: 0 0 20px;
}
.sec-lo-serv .inn .text {
    width: auto;
}
.sec-lo-serv .inn .text .copy {
    font-size: 18px;
    margin: 0 0 10px;
}
.sec-lo-serv .inn .ser-cont {}
.sec-lo-serv .inn .ser-cont .cont {
    margin-bottom: 10px;
}
.sec-lo-serv .inn .ser-cont .cont:nth-child(n+2) {
    margin-bottom: 0;
}
.sec-lo-serv .inn .ser-cont .cont .sttl {
    height: 45px;
}
.sec-lo-serv .inn .ser-cont .cont .sttl span {}
.sec-lo-serv .inn .ser-cont .cont p {}
.sec-lo-wine {
    margin: 0 0 60px;
    padding: 25px 0 20px;
}
.sec-lo-wine .inn {
    margin: 0 5%;
    display: block;
}
.sec-lo-wine .copy {
    font-size: 18px;
    margin: 0 5% 10px;
}
.sec-lo-wine .inn .text {
	width: auto;
	margin: 0 0 20px;
}
.sec-lo-wine .inn .text .ttl {
	border-left: solid 6px #fff;
	margin: 0 0 10px;
	font-size: 16px;
}
.sec-lo-wine .inn .text p {
}
.sec-lo-wine .inn .text p span{
	color:#fff;
	font-size: 12px;
	line-height: 1.3;
	display: inline-block;
	margin: 10px 0 0;
}
.sec-lo-wine .inn .text p span a {
	color:#fff;
}
.sec-lo-wine .inn .img {
	width: auto;
}
.sec-lo-wine .inn .img li {
}
.sec-lo-wine .inn .img li:nth-child(2) {
}


.sec-lo-kou {
    margin: 0 0 60px;
    padding: 25px 0 20px;
}
.sec-lo-kou .inn {
    margin: 0 5%;
    display: block;
}
.sec-lo-kou .copy {
    font-size: 18px;
    margin: 0 5% 10px;
}
.sec-lo-kou .inn .text {
	width: auto;
	margin: 0 0 20px;
}
.sec-lo-kou .inn .text .ttl {
	border-left: solid 6px #fff;
	margin: 0 0 10px;
	font-size: 16px;
}
.sec-lo-kou .inn .text p {
	color:#fff;
	font-size: 14px;
}
.sec-lo-kou .inn .text p span a {
	color:#fff;
}
.sec-lo-kou .inn .img {
	width: auto;
	text-align: center;
}


.sec-lo-i {
    margin: 0 0 60px;
    padding: 25px 0 20px;
}
.sec-lo-i .inn {
    margin: 0 5%;
    display: block;
}
.sec-lo-i .copy {
    font-size: 18px;
    margin: 0 0 10px;
}
.sec-lo-i .inn .text {
	width: auto;
	margin: 0 0 20px;
}
.sec-lo-i .inn .text .ttl {
	color:#fff;
	border-left: solid 8px #fff;
	margin: 0 0 15px;
	padding: 0 0 0 10px;
	font-size: 18px;
}
.sec-lo-i .inn .text p {
}
.sec-lo-i .inn .text p span a {
	color:#fff;
}
.sec-lo-i .inn .img {
	width: auto;
	text-align: center;
}
.sec-lo-map2 {
    margin: 0 5% 60px;
}
.sec-lo-map2 .map {
    margin: 0 0 20px;
}
.sec-lo-map2 .cap li {
}
}


@media screen and (max-width: 640px){
.sec-lo-list .list ul:before {
	background-size: 3px 1px;
	height: 1px;
}
.sec-lo-list .list ul li {
    font-size: 13px;
}
.sec-lo-area .column2_1 .column .sp-block {
    width: auto;
	float: none;
	margin: 0 0 20px;
}
.sec-lo-area .column2_1 .column .sp-img {
    width: auto;
	float: none;
}
.sec-lo-serv .inn .ser-cont {
    display: block;
}
.sec-lo-serv .inn .ser-cont .cont {width: auto;margin-bottom: 20px;}
.sec-lo-serv .inn .ser-cont .cont:nth-child(n+2) {width: auto;margin-bottom: 20px;}
.sec-lo-serv .inn .ser-cont .cont .sttl {height: 40px;}
.sec-lo-area.i .img {width:auto;}
}


/*220216追加修正
================================================*/
/*image photo 追加*/
.cap_white{
  font-size: 12px;
  color: #fff;
  text-shadow: 1px 1px 3px #000;
  position: absolute;
  bottom: 0;
  right: 2%;
}
.sec-lo-serv .img,
.sec-lo-i .inn .img > li,.sec-lo-kou .img li{
  position: relative;
}
/*******************image photo 追加*/

/*教育　POP内容・デザイン　変更*/
.sec-lo-serv{
  background-color: rgb(238, 171, 44);
}
.sec-lo-serv .inn {
    margin-bottom: 40px;
}
.sec-lo-serv .inn .text .copy {
  color: rgb(255, 255, 255);
  font-size: 25px;
  font-weight: bold;
}
.sec-lo-serv .box{
  max-width: 300px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  box-sizing: border-box;
  padding: 20px  30px;
  background-color: rgb(239,124,68);
  border: 2px solid #fff;
  box-shadow: 1px 1px 5px rgba(0,0,0,0.4);
  border-radius: 10px;
}
.sec-lo-serv .box .title{
  color: #fff;
  margin-bottom: 20px;
  font-size: 17px;
  font-weight: bold;
  white-space: nowrap;
}
.sec-lo-serv .box .txt{
  color: #fff;
}
.sec-lo-serv .box .txt li{
  color: rgb(239,124,68);
  background-color: #fff;
  box-sizing: border-box;
  padding: 3px 10px;
  font-weight: bold;
}
.sec-lo-serv .box .txt li:not(:last-of-type){
  margin-bottom: 10px;
}

.bnr_suumo {
    text-align: center;
}.bnr_suumo a {
    display: inline-block;
	margin: 0 auto 120px;
}

@media only screen and (max-width: 768px){
    .bnr_suumo a {
    display: inline-block;
	margin: 0 auto 60px;
    }
}
/*******************教育　POP内容・デザイン　変更*/

/*緑　POP内容・デザイン　変更*/
.sec-lo-wine {
    background-color: rgb(17,147,97);
}
.sec-lo-area.ryo .pers {
    margin-bottom: 40px;
}

.sec-lo-area.ryo .column2 {
    position: relative;
}

@media only screen and (max-width: 768px){
    .sec-lo-area.ryo .pers {
        margin-bottom: 20px;
    }
    
    
}

/*******************緑　POP内容・デザイン　変更*/


/*listリスト　SP　改行調整*/
@media screen and (max-width: 900px){

  .sec-lo-list .list ul li{
    font-size: 13px;
  }
}
@media screen and (max-width: 640px){
  .sec-lo-list .list ul li{
    font-size: 11px;
  }
}
@media screen and (max-width: 412px){
  .sec-lo-list .list ul li{
    white-space: nowrap;
    font-size: 10px;
  }
}
/*******************listリスト　SP　改行調整*/



.sec-lo-serv .txt{
margin-bottom: 20px;
}


.loca_t1{
color: #FFF;
margin-bottom: 20px;
}


.loca_info{
background: #FFFBD5;
display: flex;
padding: 2%;
}
.loca_info .name{
color: #636363;
width: 32%;
border-left: solid 4px #EF7C44;
padding-left: 10px;
padding-right: 10px;
font-size: 14px;
}
.loca_info.area2 .name{
border-left: solid 4px #106A47;
}
.loca_info.area3 .name{
color: #636363;
width: 99%;
border-left: solid 4px #91778E;
}
.loca_info p{
color: #636363;
width: 66%;
border-left: solid 1px #999;
padding-left: 25px;
font-size: 14px;
}


@media only screen and (max-width: 768px){
.sec-lo-serv .inn .text .copy {
  font-size: 18px;
  font-weight: bold;
}
.loca_info{
background: #FFFBD5;
display: block;
padding: 3%;
margin-bottom: 15px;
}
.loca_info .name{
color: #636363;
width: auto;
border-left: solid 4px #EF7C44;
padding-left: 10px;
padding-right: 10px;
font-size: 14px;
margin-bottom: 10px;
}
.loca_info.area2 .name{
border-left: solid 4px #106A47;
}
.loca_info.area3 .name{
color: #636363;
width: 99%;
border-left: solid 4px #91778E;
}
.loca_info p{
color: #636363;
width: auto;
border-left: none;
padding-left: 0;
font-size: 14px;
}
}

.relative{position: relative;}



.shop_area{
background: url("../../location/images/shop_bg.jpg");
background-size: cover;
padding: 20px 0;
margin-bottom: 90px;
}
.shop_area .st{
margin-bottom: 20px;
text-align: center;
}
.shop_area .shop{
margin: 0 30px;
}

.shop_area .shop img{
width: 100%;
}
.shop_area .kome{
padding:10px 10px 0 0;
text-align: right;
font-size: 13px;
}



.model_slider{
max-width: 1280px;
margin: 0 auto;
}