@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}

h1, h2, h3, h4, h5, h6 {
 font-size: 100%;
 margin: 0;
 padding: 0;
 font-weight: normal;
 }

li {
 list-style-type: none;
 }
html {
 scroll-behavior: smooth;
}
body {
 font-family: "游ゴシック", "Yu Gothic", "YuGothic", "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 font-feature-settings : "palt" 1;
 margin: 0;  padding: 0;
 color: #474C63;
 -webkit-text-size-adjust: 100%;
 text-align: center;
 background: url(../img/bg01.png);
 }



/*ページトップへ*/
.pagetop {
 display: none;
 position: fixed;
 bottom: 20px;
 right: 10px;
 width: 60px;
 height: 60px;
 border-radius: 50px;
 -webkit-border-radius: 50px;
 -moz-border-radius: 50px;
 z-index: 100;
 background: #6F607B;
 }

.pagetop a {
 display: block;
 width: 15px;
 height: 15px;
 background: transparent;
 border-top: 2px solid #FFFFFF;
 border-left: 2px solid #FFFFFF;
 transform: rotate(45deg);
 margin: 25px auto;
 border-bottom: none;
 }
.pagetop:hover {
 background: #DE7D7A;
 }

.section_error {
 margin: 0;
 padding: 100px 15px;
 color: #FFF;
 background: #105E62;
}
.error_txt {
 max-width: 500px;
 color: #EBECED;
 text-align: left;
 margin: 0 auto;
}
.error_txt a {
 color: #EBECED;
}

/*************************/

.main_wrap{
 max-width: 900px;
 padding: 30px 15px;
 margin: 0 auto;
 }
#main_img {
 max-width: 900px;
}
.catch_copy {
 font-size: 150%;
 margin: 30px 0 120px;
}
.catch_copy p {
 font-size: 80%;
}
h1 {
 border-bottom: solid 3px #474C63;
 position: relative;
 text-align: left;
 width: ;
 font-weight: bold;
}
h1 span {
 font-size: 90%;
 padding-left: 9px;
 font-weight: normal;
}
h1:after {
 position: absolute;
 content: " ";
 display: block;
 border-bottom: solid 3px #DE7D7A;
 bottom: -3px;
 width: 30%;
 }
.schedule {
 text-align: left;
 margin: 0 auto 200px;
 max-width: 639px;
}
.day {
 font-size: 180%;
 font-weight: bold;
 margin: 15px 0 0;
}
.time {
 font-size: 22px;
 font-weight: bold;
 margin: 0 0 15px;
}

.content_box {
 display: flex;
 font-size: 20px;
}
.item {
 margin: 0 10px;
 padding: 3px;
 width: 50px;
 height: 50px;
 text-align: center;
 background: #DE7D7A;
 color: #FFFFFF;
 border-radius: 50px;
}

.content_box p {
 font-size: 9px;
 margin: 0;
 padding: 0;
}
.photo {
 max-width: 600px;
 margin-top: 30px;
}
.photo img {
border-radius: 10px;
}

.name {
 font-size: 22px;
 font-weight: bold;
 margin-left: 6px;
 margin-bottom: 6px;
}

.menu {
 font-size: 110%;
 margin-bottom: 60px;
}
.menu a {
 color: #474C63;
 text-decoration: none;
 padding-bottom: 1px;
 border-bottom: dotted 2px #DE7D7A;
 }
.menu a:hover { color: #DE7D7A; }
.access {
 text-align: left;
 margin: 0 auto 200px;
 max-width: 639px;
 font-size: 110%;
}

.access_link {
 margin-top: 30px;
}
.access_link a {
 background: #6F607B;
 color: #FFFFFF;
 border-radius: 25px;
 padding: 9px 15px;
 text-decoration: none;

}
.access_link a:hover {
 background: #DE7D7A;
}

.company {
 font-size: 110%;
}
.company a {
 color: #474C63;
 text-decoration: none;
 padding-bottom: 1px;
 border-bottom: dotted 2px #DE7D7A;
 }
.company a:hover { color: #DE7D7A; }


.calendar-wrap {
  max-width: 600px;
  background: #eee;
  color: #333;
  margin: 0 auto;
}

.second {
 margin: 30px auto 200px;
}

h2.date {
 line-height: 60px;
 text-align: center;
 font-size: 20px;
 font-weight: bold;
}

.calendar {
 padding: 0 20px 20px;
 width: 100%;
 table-layout: fixed;
}
th {
 font-size: 12px;
}

th,td {
  text-align: center;
  vertical-align: top;
  padding: 10px;
  background-color: #fff;
}
td {
  font-weight: bold;
}
td a {
 color: #474C63;
}

.sun {
  color: #DE7D7A;
}
.sun a {
  color: #DE7D7A;
}
.sat {
  color: 	#2b80d5;
}
.sat a {
  color: 	#2b80d5;
}





/*****/