#profile{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; max-width: 1260px; margin: 0px 40px 0 40px; }
.greeting{width: calc(100% - 340px);}
#profile img{width: 300px; margin: 0 auto; display: block;}
#profile dl{margin: 40px 0 0 0; display: flex; justify-content: flex-start; align-items: stretch; border: #fff solid 2px; border-radius:5px; width: 18em; box-sizing: border-box; }
#profile dl dt{width: 9em; background-color: var(--bg_green); padding: 0.2em 0.5em; border-radius: 5px 0 0 5px; box-sizing: border-box;}
#profile dl dd{width:9em; padding: 0.2em 0.5em; border-radius: 0 5px 5px 0; display: flex; justify-content: flex-start; align-items: center; box-sizing: border-box; background-color: #fff;}
#profile .btn{width: 100%;}
#aboutcake{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin: 80px 0px 0px 0px; background-color: #fff; padding: 80px 40px; }
.aboutcake{width: calc(100% - 530px);}
#aboutcake img{width: 450px; margin: 40px auto 0 auto; display: block;}

.leadtext{width: 100%;}
.leadtext a{text-decoration: underline;}

/*******tablet*******/
@media screen and (orientation: portrait){
#profile{display: block; margin: 0 40px; }
.greeting{width: 100%; margin-top: 80px;}
.profile{width: 100%;}
#profile img{ margin: 60px auto 0 auto; }

#aboutcake{display: block; padding: 40px 40px;}
.aboutcake{width: 100%;}
#aboutcake img{max-width: 100%;}
}

/*******SP*******/
@media screen and (max-width:600px){
 .fade-slider {position: relative; width: 60vw; height: 75vw; }
#profile{display: block; margin: 0 20px; }
#profile img{width: 200px;}
.greeting h2 br{display: none;}

#aboutcake{padding: 40px 20px;}
}

/*******Wide*******/
@media screen and (min-width:1260px){
#profile{margin: 0 auto; }
#aboutcake{ padding: 80px calc(50% - 630px); }

.greeting{width: calc(100% - 500px);}
#profile img{width: 300px; margin: 40px auto 0 auto; display: block;}

.aboutcake{width: calc(100% - 580px);}
#aboutcake img{width: 500px; }

}