ul, li, dl, dt, dd, p, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
list-style: none;
}

p {
line-height: 2.0;
}

.center {
text-align: center;
}

img {
width: auto;
max-width: 100%;
height: auto;
}

#medeshima_bg a:hover {
opacity: 0.8;
transition: 0.8s;
}

/* ------------------------------------------------------ */

body {
font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
font-weight: 500;
letter-spacing: 0;
color: #000000;
}

#medeshima_bg  {
}

#medeshima_bg #header {
background: #FFFFFF;
}

#medeshima_bg #header .container {
max-width: 1300px;
}

#medeshima_bg #header .header__logo .header__logo--title a {
background-image: url(../images/common/header_logo.svg);
}

#medeshima_bg #header .header__menu .header__menu--parent {
display: none;
}

#medeshima_bg #header .header__menu ul.h_menu {
display: flex;
justify-content: center;
margin-top: 10px;
}

#medeshima_bg #header .header__menu .header__menu--child li.bg-color2 {
background: #950B20;
}

#medeshima_bg #header .header__menu .header__menu--child li a span {
position: static;
}

#medeshima_bg #header .header__menu .header__menu--child li a span::after {
background: transparent;
}

#medeshima_bg #header.scroll {
padding: 15px 0 10px;
background: #FFFFFF;
}

#medeshima_bg #header.scroll .header__logo .header__logo--title a {
background-image: url(../images/common/header_logo.svg);
}

/*#medeshima_bg #header.scroll .header__menu .header__menu--parent li.active a {
color: #000000;
}*/

#medeshima_bg #top .hero {
position: relative;
margin-bottom: 4%;
}

#medeshima_bg #top .hero .hero__title {
top: 6%;
left: 4%;
width: 46%;
max-width: 599px;
height: auto;
}

#medeshima_bg #top .contact {
background: none;
}

#medeshima_bg #top .container {
max-width: 910px;
width: 100%;
padding-top: 80px;
border-top: solid 1px #000000;
}

#medeshima_bg #top .contact .contact__tel {
color: #000000;
}

#medeshima_bg #top .contact .contact__tel p {
font-size: 6.5rem;
}

#medeshima_bg #top .contact .contact__tel p::before {
background: url(../images/common/tel.png) bottom 8px left no-repeat;
width: 49px;
height: 39px;
}

#medeshima_bg #top .contact .contact__tel p a {
color: #000000;
text-decoration: none;
}

#medeshima_bg #footer {
background: transparent;
border-top: solid 1px #000000;
}

#medeshima_bg #fixed-menu {
box-shadow: 0px -5px 10px -5px rgb(0 0 0 / 50%);
}

#medeshima_bg #fixed-menu ul li {
height: 70px;
}

#medeshima_bg #fixed-menu ul li:nth-child(1) {
background-color: #FFFFFF;
border-top: solid 1px #b5b5b5;
border-right: 1px solid #b5b5b5;
}

#medeshima_bg #fixed-menu ul li:nth-child(2) {
background-color: #FFFFFF;
border-top: solid 1px #b5b5b5;
}

#medeshima_bg #fixed-menu ul li:nth-child(3) {
border: none;
background-color: #EB5B6E;
}

#medeshima_bg #fixed-menu ul li a {
color: #000000;
flex-direction: column;
font-size: 80%;
}

#medeshima_bg #fixed-menu ul li:nth-child(3) a {
color: #FFFFFF;
}

#medeshima_bg #fixed-menu ul li a::before {
display: block;
width: 22px;
height: 22px;
margin-right: 0;
margin-bottom: 7px;
}

/* ------------------------------------------------------ */

#medeshima_bg .inner {
width: 90%;
max-width: 1108px;
margin: 0 auto;
}

#medeshima_bg .btn {
width: 90%;
max-width: 740px;
margin: 0 auto;
padding: 1%;
font-size: 250%;
font-weight: bold;
text-align: center;
color: #FFFFFF;
background: #32a37c;
box-shadow: 8px 8px 0px 0px #D5E5D3;
position: relative;
}

#medeshima_bg .btn:before,
#medeshima_bg .btn:after {
position: absolute;
top: 50%;
right: 30px;
height: 2px;
background: #FFFFFF;
content: '';
}

#medeshima_bg .btn:before {
width: 30px;
transform: translateY(-50%);
}

#medeshima_bg .btn:after {
width: 12px;
transform: translateY(-50%) rotate(45deg);
transform-origin: right center;
}

#medeshima_bg .btn a {
color: #FFFFFF;
}

#medeshima_bg .btn_s {
width: 90%;
max-width: 180px;
margin: 0 auto;
font-size: 80%;
letter-spacing: 6px;
text-align: center;
color: #FFFFFF;
background: #666666;
position: relative;
}

#medeshima_bg .btn_s:before,
#medeshima_bg .btn_s:after {
position: absolute;
top: 50%;
right: 20px;
height: 1px;
background: #FFFFFF;
content: '';
}

#medeshima_bg .btn_s:before {
width: 20px;
transform: translateY(-50%);
}

#medeshima_bg .btn_s:after {
width: 8px;
transform: translateY(-50%) rotate(45deg);
transform-origin: right center;
}

#medeshima_bg .btn_s a {
color: #FFFFFF;
padding: 7%;
display: block;
width: 100%;
}

#medeshima_bg .txt_s {
font-size: 70%;
line-height: 1.6;
}

#medeshima_bg .lead {
font-size: 115%;
text-align: center;
}

/* ------------------------------------------------------ */

#medeshima_bg .point_box {
margin-bottom: 8%;
}

#medeshima_bg .point_box h2 {
font-size: 140%;
text-align: center;
line-height: 2.0;
}
#medeshima_bg .point_box h2 span {font-size: 80%;}

#medeshima_bg .point_box .bg {
margin-bottom: 3%;
padding: 4% 0;
background: url( "../images/top/bg02.png") repeat-y center;
background-size: 100%;
}

#medeshima_bg .point_box ul.point_bnr {
width: 94%;
max-width: 1600px;
margin: 3% auto 4%;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}

#medeshima_bg .point_box ul.point_bnr li {
width: 49%;
margin-right: 2%;
margin-bottom: 2%;
text-align: center;
}

#medeshima_bg .point_box ul.point_bnr li img {
width: 100%;
max-width: 562px;
}

#medeshima_bg .point_box ul.point_bnr li:nth-child(2n) {
margin-right: 0;
}

#medeshima_bg .point_box .inbox {
margin-bottom: 10%;
padding: 8% 10%;
box-sizing: border-box;
border: solid 1px #333333;
border-radius: 10px;
position: relative;
}

#medeshima_bg .point_box .inbox h4 {
position: absolute;
top: -12px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
background: #FFFFFF;
padding: 0 1.5%;
letter-spacing: 8px;
}

#medeshima_bg .point_box .closed_block {
text-align: center;
margin: 0 0 10%;
background: #e3e5e9;
}

#medeshima_bg .point_box .closed_block h5 {
padding: 12px 10px 10px;
font-size: 160%;
line-height: 140%;
color: #FFFFFF;
background: #840102;
}	

#medeshima_bg .point_box .closed_block p {
padding: 20px;
font-weight: bold;
color: #221714;
}	
	
#medeshima_bg .point_box ul.campaign_bnr {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}

#medeshima_bg .point_box ul.campaign_bnr li {
width: 48%;
margin-right: 4%;
margin-bottom: 4%;
}

#medeshima_bg .point_box ul.campaign_bnr li img {
width: 100%;
max-width: 451px;
}

#medeshima_bg .point_box ul.campaign_bnr li:nth-child(2n) {
margin-right: 0;
}

#medeshima_bg .point_box .point_table {
margin-top: 3%;
}

#medeshima_bg .point_box .point_table h3 {
margin-bottom: 2%;
font-size: 150%;
letter-spacing: 2px;
text-align: center;
font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
font-weight: bold;
align-items: center; /* 横線を上下中央 */
display: flex; /* 文字と横線を横並び */
justify-content: center;
}

#medeshima_bg .point_box .point_table h3:before,
#medeshima_bg .point_box .point_table h3:after {
content: '';
width: 100px;
height: 1px;
background-color: #000000;
}

#medeshima_bg .point_box .point_table h3:before {
left:0;
margin-right: 15px;
}

#medeshima_bg .point_box .point_table h3:after {
right: 0;
margin-left: 15px;
}

#medeshima_bg .point_box table {
width: 100%;
border-bottom: solid 1px #000000;
border-left: solid 1px #000000;
margin-bottom: 5px;
}

#medeshima_bg .point_box th {
width: 16.5%;
padding: 1%;
box-sizing: border-box;
text-align: center;
color: #FFFFFF;
font-size: 110%;
line-height: 140%;
background: #7aba86;
border-top: solid 1px #000000;
border-right: solid 1px #000000;
}

#medeshima_bg .point_box th span {
font-size: 70%;
}

#medeshima_bg .point_box td {
padding: 1%;
box-sizing: border-box;
text-align: center;
font-size: 120%;
border-top: solid 1px #000000;
border-right: solid 1px #000000;
}

#medeshima_bg .point_box td:first-child {
background: #e4eadc;
}

#medeshima_bg .point_box td.oneleft {
background: #eb8e95;
color: #FFFFFF;
font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
font-weight: bold;
}

#medeshima_bg .point_box td.free {
background: #62b8c2;
color: #FFFFFF;
font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
font-weight: bold;
}

#medeshima_bg .point_box .point_table .txt_s {
text-align: right;
}

/* ------------------------------------------------------ */

#medeshima_bg .bnr_box {
text-align: center;
}

#medeshima_bg .bnr_box li {
margin-bottom: 2%;
}

/* ------------------------------------------------------ */

#medeshima_bg .concept_box {
margin-bottom: 8%;
}

#medeshima_bg .concept_box h2 {
width: 80%;
margin: 6% auto 6%;
text-align: center;
}

#medeshima_bg .concept_box h2 .heading {
margin-bottom: 8%;
font-size: 180%;
letter-spacing: 2px;
color: #74AB97;
text-align: center;
}

#medeshima_bg .concept_box .lead {
line-height: 2.6;
}

#medeshima_bg .concept_box .inbox {
margin: 12% 0 18%;
}

#medeshima_bg .concept_box .box02 {
margin: 10% 0;
}

#medeshima_bg .concept_box dl {
display: flex;
justify-content: space-between;
align-items: center;
}

#medeshima_bg .concept_box dt {
width: 40%;
padding: 0 3%;
box-sizing: border-box;
text-align: center;
}


#medeshima_bg .concept_box dt p {
margin: 10% 0;
}


#medeshima_bg .concept_box dd {
width: 60%;

}

#medeshima_bg .concept_box .box02 dl {
flex-direction: row-reverse;
}

/* ------------------------------------------------------ */

#medeshima_bg .modelhouse_box {
margin-bottom: 8%;
}

#medeshima_bg .modelhouse_box h2 {
margin-bottom: 7%;
}

#medeshima_bg .modelhouse_box h2 img {
width: 100%;
height: 149px;
object-fit: cover;
}

#medeshima_bg .modelhouse_box h3 {
margin-bottom: 6%;
font-size: 500%;
letter-spacing: 2px;
text-align: center;
color: #74AB97;
}

#medeshima_bg .modelhouse_box h3 .heading {
font-size: 44%;
color: #000000;
line-height: 1.6;
}

#medeshima_bg .modelhouse_box h3 .ruby {
font-size: 20%;
color: #000000;
}

#medeshima_bg .modelhouse_box h4 {
margin-bottom: 6%;
text-align: center;
font-size: 150%;
line-height: 2.2;
}



#medeshima_bg .modelhouse_box .hero {
margin-bottom: 12%!important;
}

#medeshima_bg .modelhouse_box .inbox2 {
width: 80%;
margin: 0 auto 6%;
text-align: center;
}

#medeshima_bg .modelhouse_box .inbox2 p {
margin-top: 10px;
line-height: 160%;
}

#medeshima_bg .modelhouse_box .inbox2 .txt_s {
width: 100%;
max-width: 829px;
text-align: left;
margin: 6% auto 0;
}

#medeshima_bg .modelhouse_box .btn {
margin-top: 12%;
}

/* ------------------------------------------------------ */

#medeshima_bg .security_box {
margin-bottom: 14%;
}

#medeshima_bg .security_box h2 {
margin-bottom: 7%;
}

#medeshima_bg .security_box h2 img {
width: 100%;
height: 149px;
object-fit: cover;
}

#medeshima_bg .security_box h3 {
margin-bottom: 6%;
font-size: 500%;
letter-spacing: 2px;
text-align: center;
color: #74AB97;
}

#medeshima_bg .security_box h3 .heading {
font-size: 44%;
color: #000000;
line-height: 1.6;
}

#medeshima_bg .security_box h3 .ruby {
font-size: 20%;
color: #000000;
}

#medeshima_bg .security_box h4 {
margin-bottom: 6%;
text-align: center;
font-size: 150%;
line-height: 2.2;
}

#medeshima_bg .security_box .inbox {
margin: 4% 0;
position: relative;
}

#medeshima_bg .security_box .inbox img:last-child {
width: 47%;
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto 0;
}

/* ------------------------------------------------------ */

#medeshima_bg .mamoruba_box ul.inbox1 {
margin-bottom: 6%;
display: flex;
justify-content: space-between;
}

#medeshima_bg .mamoruba_box ul.inbox1 li {
width: 48%;
}

#medeshima_bg .mamoruba_box ul.inbox1 li figure {
margin-bottom: 30px;
text-align: center;
}

#medeshima_bg .mamoruba_box .inbox2 {
margin-bottom: 12%;
}

#medeshima_bg .mamoruba_box .inbox2 .btn_box {
	text-align: center;
}

#medeshima_bg .mamoruba_box .inbox2 h6 {
padding: 1%;
font-size: 160%;
text-align: center;
color: #FFFFFF;
margin-bottom: 25px;
background: #74AB97;
}

#medeshima_bg .mamoruba_box .inbox2 figure {
margin-top: 30px;
text-align: center;
}

#medeshima_bg .mamoruba_box ul.inbox3 {
margin-bottom: 6%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

#medeshima_bg .mamoruba_box ul.inbox3 li {
width: 48%;
margin-bottom: 8%;
}

#medeshima_bg .mamoruba_box ul.inbox3 li figure {
margin-top: 30px;
text-align: center;
}

#medeshima_bg .mamoruba_box ul.inbox3 li h6 {
padding: 2.5%;
font-size: 160%;
text-align: center;
color: #FFFFFF;
margin-bottom: 25px;
background: #74AB97;
}

/* ------------------------------------------------------ */

#medeshima_bg .planning_box {
margin-bottom: 8%;
}

#medeshima_bg .planning_box h2 {
margin-bottom: 8%;
}

#medeshima_bg .planning_box h2 img {
width: 100%;
height: 149px;
object-fit: cover;
}

#medeshima_bg .planning_box h3 {
margin-bottom: 6%;
font-size: 500%;
letter-spacing: 2px;
text-align: center;
color: #74AB97;
}

#medeshima_bg .planning_box h3 .heading {
font-size: 44%;
color: #000000;
line-height: 1.6;
}

#medeshima_bg .planning_box h3 .ruby {
font-size: 20%;
color: #000000;
}

#medeshima_bg .planning_box h4 {
margin-bottom: 6%;
text-align: center;
font-size: 150%;
line-height: 2.2;
}
#medeshima_bg .planning_box h4 span {
	font-size: 80%;
}

#medeshima_bg .planning_box figure {
margin-bottom: 2%;
text-align: center;
}

#medeshima_bg .planning_box ul.plan_box {
margin-top: 6%;
margin-bottom: 4%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

#medeshima_bg .planning_box ul.plan_box li {
width: 44.49%;
}

#medeshima_bg .planning_box .idea_block {
margin: 8% 0 12%;
}

#medeshima_bg .planning_box .idea_block ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

#medeshima_bg .planning_box .idea_box li {
width: 30%;
margin-bottom: 4%;
}

#medeshima_bg .planning_box .idea_box li h5 {
margin-top: 20px;
margin-bottom: 15px;
padding-bottom: 10px;
text-align: center;
font-size: 130%;
border-bottom: solid 1px #000000;
}

#medeshima_bg .planning_box .idea_box li h6 {
margin-bottom: 15px;
text-align: center;
font-size: 100%;
color: #74AB97;
}

#medeshima_bg .planning_box .idea_box li .inbox {
padding: 5px 10px;
color: #FFFFFF;
display: inline-block;
background: #74AB97;
}

#medeshima_bg .planning_box .idea_box li p {
margin-bottom: 10px;
}

#medeshima_bg .planning_box .idea_box .txt_l {
margin-bottom: 2%;
font-size: 200%;
text-align: center;
letter-spacing: 5px;
}


/* ------------------------------------------------------ */

#medeshima_bg .quality_box {
margin-bottom: 2%;
}

#medeshima_bg .quality_box h2 {
margin-bottom: 8%;
}

#medeshima_bg .quality_box h2 img {
width: 100%;
height: 149px;
object-fit: cover;
}

#medeshima_bg .quality_box h3 {
margin-bottom: 6%;
font-size: 500%;
letter-spacing: 2px;
text-align: center;
color: #74AB97;
}

#medeshima_bg .quality_box h4 {
margin-bottom: 6%;
text-align: center;
font-size: 150%;
line-height: 2.2;
}

#medeshima_bg .quality_box h5 {
margin: 6% 0 4%;
text-align: center;
font-size: 170%;
}

#medeshima_bg .quality_box h6 {
width: 90%;
height: 45px;
margin: 12% auto 6%;
font-size: 180%;
text-align: center;
background-image: linear-gradient(90deg, rgba(61, 200, 194, 0), #EFF3EF 20%, #EFF3EF 80%, rgba(234, 114, 0, 0));
background-repeat: no-repeat;
background-position: bottom;
background-size: 100% 40%;
}

#medeshima_bg .quality_box ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

#medeshima_bg .quality_box li {
width: 31.768953%;
margin-bottom: 2.3%;
}

#medeshima_bg .quality_box figure {
margin-bottom: 2%;
text-align: center;
}

#medeshima_bg .quality_box .w80 {
width: 100%;
max-width: 760px;
margin: 0 auto;
}

#medeshima_bg .quality_box .inbox {
width: 100%;
max-width: 760px;
margin: 0 auto;
display: flex;
justify-content: space-between;
}

#medeshima_bg .quality_box .inbox figure {
width: 50%;
}

#medeshima_bg .quality_box .inbox p {
width: 50%;
padding-left: 6%;
}

/* ------------------------------------------------------ */

#medeshima_bg .maintenance_box {
padding: 6% 0;
background: url( "../images/top/bg02.png") repeat-y center;
background-size: 100%;
}

#medeshima_bg .maintenance_box h2 {
margin-bottom: 6%;
font-size: 180%;
text-align: center;
}

#medeshima_bg .maintenance_box ul {
margin-bottom: 6%;
display: flex;
justify-content: center;
}

#medeshima_bg .maintenance_box li {
width: 33%;
padding: 0 3%;
border-left: 1px solid #000000;
text-align: center;
}

#medeshima_bg .maintenance_box li:first-child {
border-left: none;
}

#medeshima_bg .maintenance_box li img {
margin-bottom: 4%;
}

#medeshima_bg .maintenance_box li p {
font-size: 115%;
line-height: 1.8;
}

/* ------------------------------------------------------ */

#medeshima_bg .equipment_box {
margin-bottom: 10%;
}

#medeshima_bg .equipment_box h2 {
margin-bottom: 8%;
}

#medeshima_bg .equipment_box h2 img {
width: 100%;
height: 149px;
object-fit: cover;
}

#medeshima_bg .equipment_box h3 {
margin-bottom: 6%;
font-size: 500%;
letter-spacing: 2px;
text-align: center;
color: #74AB97;
}

#medeshima_bg .equipment_box h3 .heading {
font-size: 44%;
color: #000000;
line-height: 1.6;
}

#medeshima_bg .equipment_box h3 .ruby {
font-size: 20%;
color: #000000;
}

#medeshima_bg .equipment_box h4 {
margin-bottom: 3%;
text-align: center;
font-size: 150%;
line-height: 2.2;
}

#medeshima_bg .equipment_box .lead {
margin-bottom: 6%;
}

#medeshima_bg .equipment_box figure {
text-align: center;
}

#medeshima_bg .equipment_box .inbox {
position: relative;
height: 625px;
margin-bottom: 10%;
}

#medeshima_bg .equipment_box .box01 {
position: absolute;
top: 0;
left: 0;
width: 100%;
max-width: 760px;
}

#medeshima_bg .equipment_box .box01 img {
width: auto;
height: 625px;
object-fit: cover;
}

#medeshima_bg .equipment_box .box02 {
position: absolute;
top: 6%;
right: 0;
width: 42%;
max-width: 447px;
}

#medeshima_bg .equipment_box .box02 h3 {
width: 90%;
height: 45px;
margin: 0 auto 12%;
padding-bottom: 90px;
font-size: 170%;
text-align: center;
background-image: linear-gradient(90deg, rgba(61, 200, 194, 0), #FFFFFF 20%, #FFFFFF 80%, rgba(234, 114, 0, 0));
background-repeat: no-repeat;
background-position: bottom;
background-size: 100% 25%;
}

#medeshima_bg .equipment_box .box02 .btn_s {
margin-top: 5%;
}

#medeshima_bg .equipment_box .box03 {
position: absolute;
top: 28%;
right: 0;
width: 42%;
max-width: 447px;
text-align: right;
}

#medeshima_bg .equipment_box .box04 {
position: absolute;
bottom: 130px;
right: 0;
width: 47.56%;
height: 373px;
}

#medeshima_bg .equipment_box .box04 img {
width: auto;
height: 373px;
object-fit: cover;
}

/* ------------------------------------------------------ */

#medeshima_bg .kitchen_box {
margin-bottom: 10%;
}

#medeshima_bg .kitchen_box h5 {
margin-bottom: 3%;
font-size: 160%;
letter-spacing: 8px;
text-align: center;
}

#medeshima_bg .kitchen_box figure {
text-align: center;
margin-bottom: 4%;
}

#medeshima_bg .kitchen_box ul.item {
width: 100%;
max-width: 999px;
margin: 0 auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

#medeshima_bg .kitchen_box li {
width: 23%;
margin-bottom: 40px;
text-align: center;
}

#medeshima_bg .kitchen_box li h6 {
margin: 15px 0;
font-size: 100%;
text-align: left;
}

#medeshima_bg .kitchen_box li p {
font-size: 90%;
line-height: 160%;
text-align: left;
}

/* ------------------------------------------------------ */

#medeshima_bg .powder_box {
margin-bottom: 10%;
}

#medeshima_bg .powder_box h5 {
margin-bottom: 3%;
font-size: 160%;
letter-spacing: 8px;
text-align: center;
}

#medeshima_bg .powder_box .inner {
display: flex;
justify-content: space-between;
align-items: flex-start;
max-width: 999px;
margin: 0 auto;
}

#medeshima_bg .powder_box .inbox {
width: 42.64%;
}

#medeshima_bg .powder_box figure {
margin-bottom: 10%;
}

#medeshima_bg .powder_box ul.item1 {
width: 48%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

#medeshima_bg .powder_box ul li {
width: 48%;
margin-bottom: 40px;
text-align: center;
}

#medeshima_bg .powder_box li h6 {
margin: 15px 0;
font-size: 100%;
text-align: left;
}

#medeshima_bg .powder_box li p {
font-size: 90%;
line-height: 160%;
text-align: left;
}

/* ------------------------------------------------------ */

#medeshima_bg .bath_box {
margin-bottom: 10%;
}

#medeshima_bg .bath_box h5 {
margin-bottom: 3%;
font-size: 160%;
letter-spacing: 8px;
text-align: center;
}

#medeshima_bg .bath_box figure {
text-align: center;
margin-bottom: 4%;
}

#medeshima_bg .bath_box ul.item {
width: 100%;
max-width: 999px;
margin: 0 auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

#medeshima_bg .bath_box li {
width: 23%;
margin-bottom: 40px;
text-align: center;
}

#medeshima_bg .bath_box li:first-child {
width: 48.66%;
}

#medeshima_bg .bath_box li h6 {
margin: 15px 0;
font-size: 100%;
text-align: left;
}

#medeshima_bg .bath_box li p {
font-size: 90%;
line-height: 160%;
text-align: left;
}

/* ------------------------------------------------------ */

#medeshima_bg .toilet_box h5 {
margin-bottom: 3%;
font-size: 160%;
letter-spacing: 8px;
text-align: center;
}

#medeshima_bg .toilet_box ul.item {
width: 100%;
max-width: 999px;
margin: 0 auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

#medeshima_bg .toilet_box li {
width: 23%;
margin-bottom: 40px;
text-align: center;
}

#medeshima_bg .toilet_box li h6 {
margin: 15px 0;
font-size: 100%;
text-align: left;
}

#medeshima_bg .toilet_box li p {
font-size: 90%;
line-height: 160%;
text-align: left;
}

/* ------------------------------------------------------ */

#medeshima_bg .location_box {
margin-bottom: 12%;
}

#medeshima_bg .location_box h2 {
margin-bottom: 7%;
}

#medeshima_bg .location_box h2 img {
width: 100%;
height: 149px;
object-fit: cover;
}

#medeshima_bg .location_box h3 {
margin-bottom: 6%;
font-size: 500%;
letter-spacing: 2px;
text-align: center;
color: #74AB97;
}

#medeshima_bg .location_box h3 .heading {
font-size: 44%;
color: #000000;
line-height: 1.6;
}

#medeshima_bg .location_box h3 .ruby {
font-size: 20%;
color: #000000;
}

#medeshima_bg .location_box h4 {
margin-bottom: 3%;
text-align: center;
font-size: 150%;
line-height: 2.2;
}

#medeshima_bg .location_box .lead {
margin-bottom: 6%;
}

#medeshima_bg .location_box .inbox {
position: relative;
width: 100%;
max-width: 1108px;
margin: 0 auto;
height: auto;
min-height: 1340px;
}

#medeshima_bg .location_box .box01 {
position: absolute;
top: 0;
left: 0;
width: 53.61%;
z-index: 1;
}

#medeshima_bg .location_box .box02 {
position: absolute;
top: 2%;
right: 0;
width: 40%;
height: 460px;
display: flex;
flex-direction: column;
align-items: center;
}

#medeshima_bg .location_box .box02 h6 {
font-size: 200%;
line-height: 180%;
}

#medeshima_bg .location_box .box02 h5 {
font-size: 280%;
line-height: 180%;
}

#medeshima_bg .location_box .box02 h5 span {
font-size: 180%;
color: #950B20;
}

#medeshima_bg .location_box .box02 .txt_s {
font-size: 90%;
margin-bottom: 8%;
}

#medeshima_bg .location_box .box05 {
position: absolute;
bottom: 0;
left: 0;
z-index: 0;
}

#medeshima_bg .location_box ul {
width: 100%;
max-width: 800px;
margin: 6% auto;
display: flex;
justify-content: space-between;
}

#medeshima_bg .location_box li {
text-align: center;
width: 48%;
}

#medeshima_bg .location_box li p {
margin-top: 15px;
font-size: 150%;
line-height: 1.8;
}

#medeshima_bg .location_box li .txt_s {
margin-top: 3px;
font-size: 100%;
}

#medeshima_bg .location_box figure {
margin-bottom: 10%;
text-align: center;
}

/* ------------------------------------------------------ */

#medeshima_bg .topics_box {
margin-bottom: 14%;
}

#medeshima_bg .topics_box ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

#medeshima_bg .topics_box li {
width: 29.422%;
margin-bottom: 5%;
}

#medeshima_bg .topics_box li p {
margin-top: 15px;
font-size: 130%;
line-height: 1.4;
text-align: center;
}

#medeshima_bg .topics_box li .txt_s {
margin-top: 10px;
font-size: 90%;
}

#medeshima_bg .topics_box figure {
text-align: center;
}

/* ------------------------------------------------------ */

#medeshima_bg .cafegourmet_box {
margin-bottom: 12%;
}

#medeshima_bg .cafegourmet_box h2 {
position: relative;
margin-bottom: 6%;
}

#medeshima_bg .cafegourmet_box h2 img {
width: 100%;
height: 378px;
object-fit: cover;
}

#medeshima_bg .cafegourmet_box h2:before {
content: '';/*何も入れない*/
display: block;
width: 472px;/*画像の幅*/
height: 204px;/*画像の高さ*/
background-image: url(../images/location/cafegourmet_t2.png);
background-size: contain;
background-repeat: no-repeat;
position: absolute;
bottom: 0;
right: 20%;
}

#medeshima_bg .cafegourmet_box .box01,
#medeshima_bg .cafegourmet_box .box02,
#medeshima_bg .cafegourmet_box .box03,
#medeshima_bg .cafegourmet_box .box04 {
position: relative;
}

#medeshima_bg .cafegourmet_box dt img {
width: 100%;
height: 336px;
object-fit: cover;
}

#medeshima_bg .cafegourmet_box .inbox h3 {
margin-bottom: 3%;
text-align: center;
font-size: 160%;
}

#medeshima_bg .cafegourmet_box .inbox .txt_s {
margin-bottom: 6%;
text-align: center;
font-size: 90%;
}

#medeshima_bg .cafegourmet_box .box01 {
height: 400px;
}

#medeshima_bg .cafegourmet_box .box01 dt {
width: 41.877%;
position: absolute;
top: -80px;
left: 0;
z-index: 1;
}

#medeshima_bg .cafegourmet_box .box01 dd.txt {
width: 34%;
position: absolute;
left: 50%;
top: 0;
z-index: 1;
}

#medeshima_bg .cafegourmet_box .box01 dd.bg {
width: 74%;
position: absolute;
right: 0;
bottom: 40px;
z-index: 0;
}

#medeshima_bg .cafegourmet_box .box01 dd.bg img {
width: 100%;
height: 400px;
}

#medeshima_bg .cafegourmet_box .box02 {
height: 180px;
}

#medeshima_bg .cafegourmet_box .box02 dt {
width: 41.877%;
position: absolute;
top: -60px;
right: 8%;
z-index: 1;
}

#medeshima_bg .cafegourmet_box .box02 dd.txt {
width: 34%;
position: absolute;
right: 58%;
top: -10px;
z-index: 1;
}

#medeshima_bg .cafegourmet_box .box03 {
height: 400px;
margin-bottom: 90px;
}

#medeshima_bg .cafegourmet_box .box03 dt {
width: 41.877%;
position: absolute;
top: 160px;
left: 0;
z-index: 1;
}

#medeshima_bg .cafegourmet_box .box03 dd.txt {
width: 34%;
position: absolute;
left: 50%;
top: 180px;
z-index: 1;
}

#medeshima_bg .cafegourmet_box .box03 dd.bg {
width: 74%;
position: absolute;
left: -8%;
top: 0;
z-index: 0;
}

#medeshima_bg .cafegourmet_box .box03 dd.bg img {
width: 100%;
height: 400px;
}

#medeshima_bg .cafegourmet_box .box04 {
height: 400px;
}

#medeshima_bg .cafegourmet_box .box04 dt {
width: 41.877%;
position: absolute;
bottom: -40px;
right: 6%;
z-index: 1;
}

#medeshima_bg .cafegourmet_box .box04 dd.txt {
width: 34%;
position: absolute;
right: 56%;
top: 160px;
z-index: 1;
}

#medeshima_bg .cafegourmet_box .box04 dd.bg {
width: 74%;
position: absolute;
right: 0;
top: -20px;
z-index: 0;
}

#medeshima_bg .cafegourmet_box .box04 dd.bg img {
width: 100%;
height: 400px;
}

/* ------------------------------------------------------ */

#medeshima_bg .information_box {
margin-bottom: 4%;
}

#medeshima_bg .information_box h2 {
margin-bottom: 4%;
font-size: 200%;
letter-spacing: 10px;
text-align: center;
}

#medeshima_bg .information_box .inbox {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
}

#medeshima_bg .information_box ul {
width: 48%;
}

#medeshima_bg .information_box li {
margin-bottom: 25px;
}

#medeshima_bg .information_box h3 {
margin-bottom: 15px;
padding: 14px 20px 10px;
font-size: 120%;
background: #73A996;
color: #FFFFFF;
}

#medeshima_bg .information_box dl {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: solid 1px #BBBBBB;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

#medeshima_bg .information_box dt {
width: 48%;
}

#medeshima_bg .information_box dd {
width: 46%;
}

/* ------------------------------------------------------ */

#medeshima_bg .access_box {
margin-bottom: 8%;
}

#medeshima_bg .access_box h2 {
margin-bottom: 7%;
}

#medeshima_bg .access_box h2 img {
width: 100%;
height: 149px;
object-fit: cover;
}

#medeshima_bg .access_box h3 {
margin-bottom: 6%;
font-size: 500%;
letter-spacing: 2px;
text-align: center;
color: #74AB97;
}

#medeshima_bg .access_box h3 .heading {
font-size: 44%;
color: #000000;
line-height: 1.6;
}

#medeshima_bg .access_box h3 .ruby {
font-size: 20%;
color: #000000;
}

#medeshima_bg .access_box h4 {
margin-bottom: 6%;
text-align: center;
font-size: 150%;
line-height: 2.2;
}

#medeshima_bg .access_box .lead {
margin-bottom: 6%;
}

#medeshima_bg .access_box ul {
margin-bottom: 12%;
display: flex;
justify-content: space-between;
}

#medeshima_bg .access_box li {
width: 32%;
}

/*
#medeshima_bg .access_box ul {
margin-bottom: 12%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}

#medeshima_bg .access_box li:last-child {
padding: 0 2%;
}

#medeshima_bg .access_box li h6 {
font-size: 220%;
line-height: 180%;
margin-right: 1em;
}

#medeshima_bg .access_box li h5 {
font-size: 320%;
line-height: 180%;
}

#medeshima_bg .access_box li h5 span {
font-size: 180%;
color: #950B20;
}
*/
#medeshima_bg .access_box figure {
text-align: center;
}

#medeshima_bg .access_box .s_title {
height: 45px;
margin: 0 auto 6%;
padding-left: 340px;
font-size: 180%;
background-image: linear-gradient(90deg, rgba(61, 200, 194, 0), #EFF3EF 20%, #EFF3EF 80%, rgba(234, 114, 0, 0));
background-repeat: no-repeat;
background-position: bottom;
background-size: 100% 40%;
position: relative;
}

#medeshima_bg .access_box .s_title img {
position: absolute;
left: 100px;
top: 0;
bottom: 0;
margin: auto 0;
}

#medeshima_bg .access_box .train:before {
content: '';/*何も入れない*/
display: block;
width: 305px;/*画像の幅*/
height: 92px;/*画像の高さ*/
background-image: url(../images/top/trainaccess.png);
background-size: contain;
background-repeat: no-repeat;
position: absolute;
top: -120px;
left: 0;
right: 0;
margin: 0 auto;
}

#medeshima_bg .access_box .car:before {
content: '';/*何も入れない*/
display: block;
width: 314px;/*画像の幅*/
height: 53px;/*画像の高さ*/
background-image: url(../images/top/caraccess.png);
background-size: contain;
background-repeat: no-repeat;
position: absolute;
top: -80px;
left: 0;
right: 0;
margin: 0 auto;
}

/* ------------------------------------------------------ */

#medeshima_bg .map_box {
margin-bottom: 3%;
}

#medeshima_bg .map_box h2 {
margin-bottom: 7%;
}

#medeshima_bg .map_box h2 img {
width: 100%;
height: 149px;
object-fit: cover;
}

#medeshima_bg .map_box h3 {
max-width: 660px;
margin: 0 auto 3%;
text-align: center;
border-bottom: solid 3px #74AB97;
}

#medeshima_bg .map_box h4 {
max-width: 660px;
margin: 3% auto;
padding-bottom: 3%;
text-align: center;
border-bottom: solid 3px #74AB97;
font-size: 300%;
line-height: 100%;
font-family:Arial, Helvetica, "sans-serif";
font-weight: 600;
}

#medeshima_bg .map_box h4 img {
margin-right: 18px;
padding-bottom: 7px;
}

#medeshima_bg .map_box h5 {
margin: 0 auto 4%;
text-align: center;
font-size: 260%;
}

/* ------------------------------------------------------ */

#medeshima_bg .brand_box h2 {
margin-bottom: 7%;
}

#medeshima_bg .brand_box h2 img {
width: 100%;
height: auto;
}

#medeshima_bg .brand_box h3 {
margin-bottom: 12%;
font-size: 500%;
letter-spacing: 2px;
text-align: center;
color: #74AB97;
}

#medeshima_bg .brand_box h3 .heading {
font-size: 44%;
color: #000000;
line-height: 1.6;
}

#medeshima_bg .brand_box h3 .ruby {
font-size: 20%;
color: #000000;
}

#medeshima_bg .brand_box .inbox {
margin-bottom: 10%;
}

#medeshima_bg .brand_box h6 {
width: 80%;
max-width: 500px;
margin: 0 auto 4%;
text-align: center;
}

#medeshima_bg .brand_box h6 img {
width: 50%;
}

#medeshima_bg .brand_box h6 p {
font-size: 140%;
padding-bottom: 10px;
margin-bottom: 30px;
border-bottom: solid 1px #CCCCCC;
}

#medeshima_bg .brand_box h4 {
margin-bottom: 3%;
text-align: center;
font-size: 150%;
line-height: 2.2;
}

#medeshima_bg .brand_box figure {
margin-top: 4%;
text-align: center;
}

/* ------------------------------------------------------ */


@media only screen and (max-width: 1024px)
{
#medeshima_bg #header .header__menu ul.h_menu {
display:none;
}

#medeshima_bg #header .header__menu .header__menu--parent {
display: block;
}

#medeshima_bg #header .header__menu {
overflow-x: hidden;
}

#medeshima_bg #header.scroll .header__logo--menuTrigger span {
background: #989898;
}

#medeshima_bg #top .hero {
top: 0;
}

#medeshima_bg #header.scroll {
padding: 0;
}

#medeshima_bg .location_box .inbox {
min-height: 430px;
}

#medeshima_bg .location_box .box02 {
top: 0;
}

#medeshima_bg .location_box .box05 {
position: static;
margin-bottom: 30px;
padding-top: 430px;
}
}


@media only screen and (max-width: 820px)
{

#medeshima_bg .equipment_box .inbox {
position: static;
height: auto;
display: flex;
flex-wrap: wrap;
}

#medeshima_bg .equipment_box .box01 {
position: static;
margin-bottom: 20px;
}

#medeshima_bg .equipment_box .box01 img {
width: 100%;
height: auto;
}

#medeshima_bg .equipment_box .box02 {
position: static;
width: 50%;
padding-right: 6%;
display: flex;
align-items: center;
}

#medeshima_bg .equipment_box .box03 {
position: static;
width: 50%;
}
}


/* スマホ設定  768 以下*/
@media screen and (max-width:767px)
{
#medeshima_bg #header {
background-color: #FFFFFF;
}

#medeshima_bg #header .header__logo .header__logo--title a {
background-image: url(../images/common/header_logo.svg);
}

#medeshima_bg #top .contact .contact__tel p {
font-size: 4rem;
}

#medeshima_bg #top .contact .contact__tel p::before {
background: url(../images/common/tel.png) bottom 0px left no-repeat;
width: 49px;
height: 39px;
}



#medeshima_bg #top .hero {
margin-bottom: 8%;
}

/* ------------------------------------------------------ */

#medeshima_bg .btn {
padding: 2% 45px 2% 2%;
font-size: 150%;
box-shadow: 6px 6px 0px 0px #D5E5D3;
}

#medeshima_bg .btn:before,
#medeshima_bg .btn:after {
right: 15px;
}

#medeshima_bg .lead {
font-size: 100%;
}

/* ------------------------------------------------------ */

#medeshima_bg .point_box {
margin-bottom: 16%;
}

#medeshima_bg .point_box h2 {
font-size: 110%;
line-height: 1.8;
}

#medeshima_bg .point_box ul.point_bnr {
margin: 8% auto;
display: block;
}

#medeshima_bg .point_box ul.point_bnr li {
width: 100%;
margin-right: 0;
}

#medeshima_bg .point_box .closed_block h5 {
font-size: 110%;
}	

#medeshima_bg .point_box .closed_block p {
text-align: left;
}	

#medeshima_bg .point_box .inbox {
margin-bottom: 8%;
padding: 8% 6%;
}

#medeshima_bg .point_box .point_table {
margin-top: 6%;
}

#medeshima_bg .point_box .point_table h3 {
font-size: 100%;
}

#medeshima_bg .point_box .point_table h3:before,
#medeshima_bg .point_box .point_table h3:after {
width: 50px;
}

#medeshima_bg .point_box th {
padding: 2% 1%;
font-size: 80%;
}

#medeshima_bg .point_box td {
padding: 2% 1%;
font-size: 80%;
}

/* ------------------------------------------------------ */

#medeshima_bg .concept_box .lead {
line-height: 2.0;
}

#medeshima_bg .concept_box .inbox {
margin: 18% 0 18%;
}

#medeshima_bg .concept_box .box01,
#medeshima_bg .concept_box .box02,
#medeshima_bg .concept_box .box03 {
margin: 0 0 18% 0;
}

#medeshima_bg .concept_box dl {
display: block;
}

#medeshima_bg .concept_box dd {
width: 90%;
margin: 0 auto 8%;
}

#medeshima_bg .concept_box .box02 dd {
width: 100%;
padding-right: 6%;
}

#medeshima_bg .concept_box dd p {
margin: 10% 0;
}

#medeshima_bg .concept_box dt {
width: 100%;
margin-bottom: 8%;
}

/* ------------------------------------------------------ */

#medeshima_bg .planning_box h2 img {
height: 100px;
}

#medeshima_bg .planning_box h3 {
font-size: 320%;
}

#medeshima_bg .planning_box h4 {
margin-bottom: 12%;
font-size: 120%;
line-height: 1.8;
}

#medeshima_bg .planning_box ul.plan_box {
margin-top: 12%;
}

#medeshima_bg .planning_box ul.plan_box li {
width: 48%;
}

#medeshima_bg .planning_box .idea_block {
margin: 8% 0 22%;
}

#medeshima_bg .planning_box .idea_box li {
width: 48%;
}


/* ------------------------------------------------------ */

#medeshima_bg .modelhouse_box h2 img {
height: 100px;
}

#medeshima_bg .modelhouse_box h3 {
font-size: 320%;
}

#medeshima_bg .modelhouse_box h4 {
margin-bottom: 12%;
font-size: 120%;
line-height: 1.8;
}

#medeshima_bg .modelhouse_box li {
width: 48%;
margin-bottom: 12%;
letter-spacing: -1px;
}

#medeshima_bg .modelhouse_box li h5 {
font-size: 120%;
}

#medeshima_bg .modelhouse_box .txt_l {
margin-bottom: 4%;
font-size: 160%;
letter-spacing: 3px;
line-height: 1.8;
}

/* ------------------------------------------------------ */

#medeshima_bg .security_box {
margin-bottom: 20%;
}

#medeshima_bg .security_box h2 img {
height: 100px;
}

#medeshima_bg .security_box h3 {
font-size: 320%;
}

#medeshima_bg .security_box h4 {
margin-bottom: 12%;
font-size: 120%;
line-height: 1.8;
}

#medeshima_bg .security_box .inbox {
margin: 0 0 12%;
}

#medeshima_bg .security_box .inbox img:last-child {
width: 54%;
}

/* ------------------------------------------------------ */

#medeshima_bg .mamoruba_box ul.inbox1 {
margin-bottom: 18%;
display: block;
}

#medeshima_bg .mamoruba_box ul.inbox1 li {
width: 100%;
margin-bottom: 8%;
}

#medeshima_bg .mamoruba_box ul.inbox1 li:first-child figure {
width: 80%;
margin: 0 auto;
}

#medeshima_bg .mamoruba_box .inbox2 {
margin-bottom: 18%;
}

#medeshima_bg .mamoruba_box .inbox2 h6 {
font-size: 140%;
}

#medeshima_bg .mamoruba_box .inbox2 figure {
margin-top: 30px;
text-align: center;
}

#medeshima_bg .mamoruba_box ul.inbox3 li {
width: 100%;
margin-bottom: 18%;
}

#medeshima_bg .mamoruba_box ul.inbox3 li h6 {
padding: 1%;
font-size: 140%;
}

/* ------------------------------------------------------ */

#medeshima_bg .quality_box {
margin-bottom: 10%;
}

#medeshima_bg .quality_box h2 img {
height: 100px;
}

#medeshima_bg .quality_box h3 {
font-size: 320%;
}

#medeshima_bg .quality_box h4 {
margin-bottom: 12%;
font-size: 120%;
line-height: 1.8;
}

#medeshima_bg .quality_box h6 {
width: 100%;
height: 65px;
margin: 20% auto 8%;
font-size: 140%;
background-size: 100% 25%;
}

#medeshima_bg .quality_box li {
width: 48%;
margin-bottom: 4%;
}

#medeshima_bg .quality_box figure {
margin-bottom: 6%;
}

#medeshima_bg .quality_box .lead {
text-align: left;
margin-bottom: 6%;
}

#medeshima_bg .quality_box .inbox {
display: block;
}

#medeshima_bg .quality_box .inbox figure {
width: 100%;
}

#medeshima_bg .quality_box .inbox p {
width: 100%;
padding-left: 0;
}

/* ------------------------------------------------------ */

#medeshima_bg .equipment_box {
margin-bottom: 18%;
}

#medeshima_bg .equipment_box h2 img {
height: 100px;
}

#medeshima_bg .equipment_box h3 {
font-size: 320%;
}

#medeshima_bg .equipment_box h4 {
margin-bottom: 6%;
font-size: 120%;
line-height: 1.8;
}

/* ------------------------------------------------------ */

#medeshima_bg .kitchen_box li {
width: 48%;
}

/* ------------------------------------------------------ */

#medeshima_bg .powder_box .inner {
display: block;
}

#medeshima_bg .powder_box .inbox {
width: 100%;
}

#medeshima_bg .powder_box figure {
width: 70%;
margin: 0 auto 4%;
text-align: center;
}

#medeshima_bg .powder_box ul.item1 {
width: 100%;
}

#medeshima_bg .powder_box ul.item2 {
margin: 0 auto;
}

#medeshima_bg .powder_box ul.item2 li {
width: 48%;
}

/* ------------------------------------------------------ */

#medeshima_bg .bath_box li {
width: 48%;
}

#medeshima_bg .bath_box li:first-child {
width: 100%;
}

/* ------------------------------------------------------ */

#medeshima_bg .toilet_box li {
width: 48%;
}

/* ------------------------------------------------------ */

#medeshima_bg .location_box {
margin-bottom: 24%;
}

#medeshima_bg .location_box h2 img {
height: 100px;
}

#medeshima_bg .location_box h3 {
font-size: 320%;
}

#medeshima_bg .location_box h4 {
margin-bottom: 6%;
font-size: 120%;
line-height: 1.8;
}

#medeshima_bg .location_box .inbox {
position: static;
height: auto;
min-height: auto;
}

#medeshima_bg .location_box .box01 {
position: static;
width: 70%;
margin: 0 auto 20px;
}

#medeshima_bg .location_box .box02 {
position: static;
width: 100%;
height: auto;
margin-bottom: 20px;
}

#medeshima_bg .location_box .box05 {
padding-top: 0;
}

#medeshima_bg .location_box ul {
width: 100%;
max-width: 800px;
margin: 4% auto;
display: flex;
justify-content: space-between;
}

#medeshima_bg .location_box li p {
margin-top: 10px;
font-size: 120%;
line-height: 1.6;
}

#medeshima_bg .location_box figure {
margin-bottom: 10%;
}

/* ------------------------------------------------------ */

#medeshima_bg .cafegourmet_box {
margin-bottom: 24%;
}

#medeshima_bg .cafegourmet_box h2 {
margin-bottom: 60px;
}

#medeshima_bg .cafegourmet_box h2 img {
height: 120px;
}

#medeshima_bg .cafegourmet_box h2:before {
background-size: 60%;
background-position: right bottom;
bottom: -40px;
right: 5%;
}

#medeshima_bg .cafegourmet_box .box01,
#medeshima_bg .cafegourmet_box .box02,
#medeshima_bg .cafegourmet_box .box03,
#medeshima_bg .cafegourmet_box .box04 {
position: static;
}

#medeshima_bg .cafegourmet_box dt img {
width: 100%;
height: auto;
}

#medeshima_bg .cafegourmet_box .box01 {
height: auto;
margin-bottom: 40px;
}

#medeshima_bg .cafegourmet_box .box01 dt {
width: 100%;
position: static;
margin-bottom: 20px;
}

#medeshima_bg .cafegourmet_box .box01 dd.txt {
width: 100%;
position: static;
}

#medeshima_bg .cafegourmet_box .box01 dd.bg {
display: none;
}

#medeshima_bg .cafegourmet_box .box02 {
height: auto;
margin-bottom: 40px;
}

#medeshima_bg .cafegourmet_box .box02 dt {
width: 100%;
position: static;
margin-bottom: 20px;
}

#medeshima_bg .cafegourmet_box .box02 dd.txt {
width: 100%;
position: static;
}

#medeshima_bg .cafegourmet_box .box03 {
height: auto;
margin-bottom: 40px;
}

#medeshima_bg .cafegourmet_box .box03 dt {
width: 100%;
position: static;
margin-bottom: 20px;
}

#medeshima_bg .cafegourmet_box .box03 dd.txt {
width: 100%;
position: static;
}

#medeshima_bg .cafegourmet_box .box03 dd.bg {
display: none;
}

#medeshima_bg .cafegourmet_box .box04 {
height: auto;
}

#medeshima_bg .cafegourmet_box .box04 dt {
width: 100%;
position: static;
margin-bottom: 20px;
}

#medeshima_bg .cafegourmet_box .box04 dd.txt {
width: 100%;
position: static;
}

#medeshima_bg .cafegourmet_box .box04 dd.bg {
display: none;
}

/* ------------------------------------------------------ */

#medeshima_bg .information_box h2 {
margin-bottom: 3%;
font-size: 160%;
letter-spacing: 3px;
}

#medeshima_bg .information_box .inbox {
display: block;
}

#medeshima_bg .information_box ul {
width: 100%;
}

#medeshima_bg .information_box h3 {
font-size: 110%;
}

/* ------------------------------------------------------ */

#medeshima_bg .access_box {
margin-bottom: 16%;
}

#medeshima_bg .access_box h2 img {
height: 100px;
}

#medeshima_bg .access_box h3 {
font-size: 320%;
}

#medeshima_bg .access_box h4 {
margin-bottom: 6%;
font-size: 120%;
line-height: 1.8;
}

#medeshima_bg .access_box .lead {
margin-bottom: 12%;
}

#medeshima_bg .access_box ul {
margin-bottom: 40%;
}

#medeshima_bg .access_box .s_title {
height: 65px;
margin: 0 auto 8%;
padding-left: 0;
font-size: 140%;
text-align: center;
background-size: 100% 25%;
}

#medeshima_bg .access_box .s_title img {
left: 0;
right: 0;
top: -90px;
margin: 0 auto;
width: 160px;
}

/* ------------------------------------------------------ */

#medeshima_bg .map_box {
margin-bottom: 6%;
}

#medeshima_bg .map_box h3 {
margin: 0 auto 6%;
}

#medeshima_bg .map_box h3 img {
width: 300px;
}

#medeshima_bg .map_box h4 {
margin: 6% auto;
padding-bottom: 6%;
font-size: 220%;
}

#medeshima_bg .map_box h4 img {
margin-right: 10px;
padding-bottom: 0px;
}

#medeshima_bg .map_box h5 {
margin: 0 auto 8%;
font-size: 180%;
}

#medeshima_bg .map_box iframe {
height: 300px;
}

/* ------------------------------------------------------ */

#medeshima_bg .brand_box h3 {
font-size: 320%;
}

#medeshima_bg .brand_box .inbox {
margin-bottom: 24%;
}

#medeshima_bg .brand_box h6 {
margin: 0 auto 8%;
}

#medeshima_bg .brand_box h6 img {
width: 70%;
}

#medeshima_bg .brand_box h4 {
margin-bottom: 6%;
font-size: 120%;
line-height: 1.8;
}

#medeshima_bg .brand_box figure {
margin-top: 8%;
}

#medeshima_bg .brand_box .lead {
text-align: left;
}
}

/*---------------------------------------------**/
#leafContainer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 9999;
}

.leafItem {
    position: absolute;
    width: 70px;
    opacity: 0;
    transition: opacity 1s;
    will-change: transform;
}

.leafItem.show {
    opacity: 1;
}

#medeshima_bg .floating-banner {
position: fixed;
top: 30%;
right: 0;
display: flex;
flex-direction: column;
width: 15%;
max-width: 100px;
}

#medeshima_bg.local_guide_map h2 {
width: 80%;
max-width: auto;
text-align: center;
margin: 20px auto;
}

#medeshima_bg.local_guide_map .txt_s {
margin-top: 10px;
}