/* style.css */
@media screen and (min-width: 768px){
.br-sp {display: none; }
}
body {text-align: center;
background-color: #A9C9FF;
background-image: linear-gradient(180deg, #48ac8c 0%, #8ed2d2 26%, #E98DA9 63%, #4085ad 91%);
    width: 100%;
    min-width: 960px;
    background-color: #FFF;
    font-family: medula-one;
    font-style: normal;
    font-weight: 400;
}

p{font-family:
    font-family: Mamelon;
    font-family: Mamelon;
    font-size: 28px;
}

@media screen and (min-width: 768px){
.br-sp {display: none; }
}

img{text-align: center;
   align-content: center;
    align-items: center;}


div.container {align-items: center;
	align-content: center;
	text-align: center;
    margin-bottom: 0px;
    margin-right: 0px;
}

header {z-index: 9999;
    padding-top: 13px;
    padding-left: 2%;
    padding-bottom: 3px;
    position:fixed;
    top: 0;
    width: 100%;
    background-color: #fff;
    display: flex;
    align-items: center;
}



.topimg{
  animation: zoomIn 2.0s cubic-bezier(0.25, 1, 0.5, 1) 1 ;
}
 
@keyframes zoomIn {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.massagebun  {
    
    animation-name: fadein;
    animation-duration: 2.0s;
}
@keyframes fadein {
0%,30% {
    opacity: 0;
    transform: translateY(50px);
}
100% {
    opacity: 1;
    transform: translateY(0);
}
}


h1 {
    margin: 0;
    padding: 0;
    font-size: 60px;
}
a {
    text-decoration: none;
    color: #4b4b4b;
    font-size: 40px;
margin-right: 15px;
}

.pc-nav{padding: 10px 20px 0 ;}
ul {
    list-style: none;
    margin-top: 0px;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 0px;
    display: flex;
}
li {
    margin-right: 20px;
    margin-bottom: 0;
    font-size: 14px;
    margin-left: 20px;
}
nav {
    margin-top: -3px;
    margin-left: auto;
    margin-bottom: 10px;
}
 body {
text-align: center;
}




header h1 {
    font-size: 64px;
    margin-top: 10px;
    margin-bottom: 10px;
}

header nav ul {
    overflow: hidden;
    margin-top: -10px;
    margin: 21px ;
    
    font-family: medula-one;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
}

header nav li {
    float: left;
    width: 120px;
    margin: 0;
}

section {
    text-align: center;
    margin-top: 100px;
}

section h1 {
    font-size: 60px;
    margin-bottom: 30px ;
    font-style: normal;
    font-weight: 400;
    font-family: medula-one;
    color: #141414;
    margin-top: 0px;
}
section h2 {
    font-size: 60px;
    margin-bottom: 30px ;
    font-style: normal;
    font-weight: 400;
    font-family: medula-one;
    color: #506271;
    margin-top: 0px;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;

}

.container{margin:  auto;}




.photo_image{display: flex;
	justify-content: center;
    margin:auto;
    overflow: hidden;
    text-align: left;
}

.photo_image p {font-family:medula-one; }



.photo_image li{align-content: center;
    word-wrap: break-word;
    float: left;
    margin-top: 31px;
    margin-bottom: 31px;
    margin-right: 0 auto ;
	margin-left: 0 auto;
	
}
.pamph li{margin-top: 60px;}



.nennsuke{
  animation: zoomIn 2.0s cubic-bezier(0.25, 1, 0.5, 1) 1 ;
}
 
@keyframes zoomIn {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
#media h2{
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}

dl.contact_list {
    margin-bottom: 50px;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
}
.contact_list img{
     display: block;
     margin:auto;
}

footer {
    padding-top: 40px;
    padding-bottom: 40px;
    width: 100%;
    text-align: center;
    background-color: #FFFFFF;
	font-family:medula-one; 
}


/* ボタン全体 */
.flowbtn7{
border-radius:50%;
position:relative;
display:inline-block;
width:50px;
height:50px;
font-size:30px;
color:#fff!important;
text-decoration:none;
transition:.5s;			
}
/* アイコンをど真ん中に*/
.flowbtn7 i{
position:absolute;
top:50%;
left:50%;
-ms-transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}
/* ulタグの内側余白を０にする */
ul.snsbtniti{
padding:0!important;
}
/* ボタン全体の位置 */
.snsbtniti{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    margin: auto;
    width: 60%;
}
/* ボタン同士の余白 */
.snsbtniti li{
flex:0 0 33%;
text-align:center !important;
}
/* ボタンにマウスを乗せた時 */
.flowbtn7:hover{
-webkit-transform:translateY(-5px);
-ms-transform:translateY(-5px);
transform:translateY(-5px);
}
/* Twitter */
.fl_tw7{
background:linear-gradient(135deg, #13f1fc 0%,#0470dc 100%);
}
/* Instagramアイコン位置 */
.insta_btn7 .fa-instagram{
font-size:35px;	
}
/* Instagram紫グラデ背景 */
.insta_btn7{
background:-webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
background:linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
overflow:hidden;	
}
/* Instagramオレンジグラデ背景 */
.insta_btn7:before{
content: '';
position:absolute;
top:27px;
left:-12px;
width:59px;
height:40px;
background:-webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
background:radial-gradient(#ffdb2c 5%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
}
/* YouTube */
.fl_yu7{
background:linear-gradient(135deg, #f5515f 0%,#c9293c 100%);
font-size:26px;
}

.button {
  display      : inline-block;
  border-radius: 50%;                   /* 角丸 */
  box-shadow   : 4px 4px 9px rgba(153, 153, 153, 0.72);  /* 影の設定 */
  opacity      : 1;                    /* 透明度 */
  cursor       : pointer;              /* カーソル形状 */
  transition   : .3s;                  /* なめらか変化 */
}
.button:hover {
  box-shadow   : none;                 /* 影の設定 */
  opacity      : 0.7;                  /* 透明度 */
}

.button2 {
  display      : inline-block;
  box-shadow   : 3px 3px 8px rgba(153, 153, 153, 0.91);  /* 影の設定 */
  cursor       : pointer;              /* カーソル形状 */
  transition   : .3s;                  /* なめらか変化 */
}
.button2:hover {
    box-shadow   : none;                 /* 影の設定 */
    opacity      : 0.8;                  /* 透明度 */
    margin-right: -5px;
}

.button3 {text-align: center;
  display      : inline-block;
  cursor       : pointer;              /* カーソル形状 */
  transition   : .3s;                  /* なめらか変化 */
}
.button3:hover {
  box-shadow   : none;                 /* 影の設定 */
}

.baitai {
}