html {
width: 100%;
height: 100%;
}

body {
margin: 0 auto 0 auto;
padding: 0;
-ms-overflow-style: none; /* IE, Edge スクロールバー消し */
scrollbar-width: none; /* Firefox スクロールバー消し */
}
body::-webkit-scrollbar {  /* Chrome, Safari スクロールバー消し */
display:none;
}

a {
text-decoration: none;
}

img {
max-width: 100%;
height: auto;
object-fit: contain;
vertical-align: middle;
}

video {
width: 100%;
}

ul {
list-style: none;
}

iframe {
border: none;
}

.text-underline {
text-decoration: underline;
}

.font-weight-bold {
font-weight: bold;
}

.address-link {
display: flex;
align-items: center;
justify-content: center;
flex-flow: row wrap;
}

.address-link-inner {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}

.box-inner-click {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1.6em;
box-sizing: border-box;
background: rgba(0,0,0,0.6);
font-size: 0.6rem;
color: #FFFFFE;
}




/*Chrome-Edge等、画像のぼやけ対策-始*/
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) {

body {
image-rendering: -webkit-optimize-contrast;
}


}
/*Chrome-Edge等、画像のぼやけ対策-終*/




@media screen and (min-width: 0px) and (max-width: 700px) {

html {

}

body{

}

.pc-header {
display: none;
}

/*SPスマホヘッダー始*//*スマホヘッダー始*//*スマホヘッダー始*/
.sp-header {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: flex-end;
position: relative;
width: 100%;
height: 60px;
background: url(../all-img/sp-header-background.png);
background-size: cover;
background-position: left;
z-index: 98;
}

.sp-header-title-wrapper {
width: 70%;
height: 100%;
}

.sp-header-title {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 90%;
height: 100%;
margin: 0% 0% 0% 0%;
padding: 0.5% 0% 0.5% 0%;
box-sizing: border-box;
}

.sp-header-title-inner-1 {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 100%;
height: 70%;
padding: 0% 0% 0% 0%;
box-sizing: border-box;
}

.sp-header-title-inner-1 img {
height: 90%;
}

.sp-header-title-inner-2 {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 100%;
height: 30%;
padding: 0% 0% 1% 0%;
box-sizing: border-box;
font-size: 80%;
font-weight: bold;
color: #FFFFFE;
}

.sp-checked-box {
display: none;
}

.sp-menu-button {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
width: 30%;
font-size: 150%;
font-weight: bold;
color: #FFFFFE;
animation: sp-menu-button-anime 0.6s linear 0s infinite alternate;
}

@keyframes sp-menu-button-anime{
from {
transform: scale(0.7,0.7);
}
to {
transform: scale(1,1);
}
}

.sp-menu-button-word::before {
content: "メニュー" ;
animation: sp-menu-fade-In 1s;
}

.sp-checked-box:checked ~ .sp-menu-button-word::before {
content: "閉じる" ;
animation: sp-menu-button-anime 0.6s linear 0s infinite alternate;
}

.sp-checked-box:checked ~ .sp-menu-button-word{
animation: sp-menu-fade-In 1s;
}

@keyframes sp-menu-fade-In {
0% {opacity: 0;}
100% {opacity: 1;}
}

.sp-menu-box-wrapper {
display: block;
position: fixed;
width: 85%;
top: 60px;
right: -100%;
transition: 0.3s ease-out;
box-shadow: -20px 20px 20px -8px rgba(0, 0, 0, 0.5);
color: #FFFFFE;
z-index: 100;
}

.sp-menu-box-wrapper a:link {
color: #FFFFFE;
}

.sp-menu-box-wrapper a:visited {
color: #FFFFFE;
}

.sp-menu-box-wrapper a:hover {
color: #FFFFFE;
}

.sp-checked-box:checked ~ .sp-menu-box-wrapper {
position: absolute;
right: 0%;
}

.sp-menu-box-1 {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 100%;
}

.sp-menu-box-1-inner {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding: 0.7rem 2% 0.7rem 2%;
box-sizing: border-box;
text-align: center;
font-weight: bold;
background: #1E90FF;
}

.sp-menu-box-1-inner:first-child {
padding: 1.4rem 2% 0.7rem 2%;
}

.sp-menu-box-1-inner:last-child {
padding: 0.7rem 2% 1.4rem 2%;
}

.sp-menu-box-1-inner-inner-1 {
display: flex;
align-items: center;
justify-content: center;
width: 48%;
padding: 0% 0% 0% 0%;
box-sizing: border-box;
text-align: center;
font-weight: bold;
background: #1E90FF;
border-top : none;
border-right: none;
border-bottom: solid 1px #FFFFFE;
border-left: none;
}

.sp-menu-box-1-inner-inner-2 {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
padding: 0% 0% 0% 0%;
box-sizing: border-box;
text-align: center;
font-weight: bold;
background: #1E90FF;
border-top : none;
border-right: none;
border-bottom: solid 1px #FFFFFE;
border-left: none;
}

.sp-menu-box-2 {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
font-weight: bold;
background: #333333;
padding: 1rem 0% 1rem 0%;
box-sizing: border-box;
}

.sp-cancel-box {
display: none;
position: fixed;
top: 0;
left: 0;
background: #0000FF;
}

.sp-checked-box:checked ~ .sp-cancel-box{
display: block;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.0);
z-index: 99;
}
/*SPスマホヘッダー終*//*スマホヘッダー終*//*スマホヘッダー終*/

/*SPパンくずリスト始*//*パンくずリスト始*//*パンくずリスト始*/
.pankuzu-list {
display: flex;
position: sticky;
top: 0px;
align-items: center;
justify-content: flex-start;
width: 100%;
margin: 0%;
padding: 0%;
box-shadow: 0px 10px 20px -8px rgba(0, 0, 0, 0.5);
z-index: 50;
}

.pankuzu-list ul {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap : wrap;
margin: 0%;
padding: 0% 0% 0% 2%;
}

.pankuzu-list li {
animation: pankuzu 0.8s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

.pankuzu-list li a {
margin: 0%;
padding: 0%;
text-decoration: underline;
transition: 0.3s;
}

.pankuzu-list li:last-child a {
pointer-events: none;
text-decoration: none;
font-size: 100%;
font-weight: bold;
}

@keyframes pankuzu {
0% {
transform: scaleX(0.4);
transform-origin: 0% 0%;
}
100% {
transform: scaleX(1);
transform-origin: 0% 0%;
}
}
/*SPパンくずリスト終*//*パンくずリスト終*//*パンくずリスト終*/

.main-wrapper{

}

.main {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
}

/*SPメインタイトル写真無し始*//*メインタイトル写真無し始*/
.main-title {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
margin: 2em 0% 0% 0%;
padding: 1em 0% 1em 0%;
}

.main-title p {
font-size: 120%;
font-weight: bold;
}
/*SPメインタイトル写真無し終*//*メインタイトル写真無し終*/

/*SPメインタイトル左に写真入り始*//*メインタイトル左に写真入り始*/
.main-title-photo-left-wrapper {
display: flex;
width: 100%;
margin: 2em 0% 0% 0%;
}

.balloon-icon-left {
display: flex;
align-items: center;
justify-content: center;
width: 35%;
}

.main-title-balloon-left {
display: flex;
align-items: center;
justify-content: flex-start;
position: relative;
width: 65%;
margin: 0% 0% 0% 5%;
background: #32B8EB;
}

.main-title-balloon-left::before {
content: "";
position: absolute;
top: 50%;
left: -30px;
margin-top: -15px;
border: 15px solid transparent;
border-right: 15px solid #32B8EB;
}

.main-title-balloon-left p {
width: 100%;
margin: 0;
padding: 0% 0% 0% 5%;
font-size: 100%;
font-weight: bold;
}
/*SPメインタイトル左に写真入り終*//*メインタイトル左に写真入り終*/

/*SPボックス内「タップ」始*//*ボックス内「タップ」始*/
.click-dekimasu::before {
content: "タップできます" ;
}
/*SPボックス内「タップ」終*//*ボックス内「タップ」終*/
.return{
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 60px;
text-decoration: underline;
transition: 0.2s;
animation: fadeIn 1s;
}

.copyright{
display: flex;
justify-content: center;
align-items: center;
margin: 0;
width: 100%;
height: 60px;
border-radius: 0px;
}


}




@media screen and (min-width: 701px) {

html {

}

body {

}

.sp-header {
display: none;
}

/*PCヘッダー始*//*ヘッダー始*//*ヘッダー始*//*ヘッダー始*/
.pc-header {
display: block;
width: 100%;
}

.pc-header-inner {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
max-width: 1200px;
margin: 0 auto;
padding: 0% 2%;
}

.pc-header-left {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 45%;
}

.pc-sub-title-1 {
display: flex;
align-items: center;
justify-content: center;
padding: 0% 0% 0% 0%;
box-sizing: border-box;
}

.pc-sub-title-1 p {
color: #FFFFFE;
font-size: 80%;
}

.pc-header-main-title {
display: flex;
align-items: center;
justify-content: center;
width: 90%;
padding: 0% 0% 0% 0%;
box-sizing: border-box;
}

.pc-sub-title-2 {
display: flex;
align-items: center;
justify-content: center;
padding: 1% 0% 0% 0%;
box-sizing: border-box;
font-size: 80%;
color: #FFFFFE;
}

.pc-header-right {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
width: 55%;
padding: 0% 0% 0% 0%;
box-sizing: border-box;
}

.pc-kaikyoku-jikan-wrapper {
display: block;
width: 100%;
margin: 2% 0% 0% 0%;
}

.pc-kaikyoku-jikan {
display: flex;
margin: 2px 0% 0% 0%;
color: #333333;
}

.pc-kaikyoku-jikan:last-child {
margin: 2px 0% 2px 0%;
}

.pc-kaikyoku-jikan-inner-1 {
display: flex;
align-items: center;
justify-content: center;
width: 20%;
margin: 0% 0% 0% 2px;
background: #FFFFFE;
}

.pc-kaikyoku-jikan-inner-2 {
display: flex;
align-items: center;
justify-content: center;
margin: 0% 0% 0% 2px;
padding: 0.1% 0% 0.1% 0%;
flex: 1;
background: #FFFFFE;
}

.pc-kaikyoku-jikan-inner-2:last-child {
margin: 0% 2px 0% 2px;
}

.pc-kaikyoku-jikan-inner-3 {
display: flex;
flex-flow: column nowrap;
align-items: flex-end;
justify-content: center;
width: 100%;
padding: 0.5% 0% 0.5% 0%;
text-align: right;
color: #FFFFFE;
}

.pc-kaikyoku-jikan-inner-3 a:link{
color: #FFFFFE;
}

.pc-kaikyoku-jikan-inner-3 a:visited {
color: #FFFFFE;
}

.pc-kaikyoku-jikan-inner-3 a:hover {
color: #FFFFFE;
}

.pc-nav-wrapper{
width: 100%;
background: rgba(47,125,204,0.5);
}

.pc-nav {
display: flex;
align-items: center;
justify-content: center;
max-width: 1200px;
margin: 0 auto;
padding: 0% 0px 0% 0px;
box-sizing: border-box;
}

.pc-nav-inner {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
flex: 1;
height: 2rem;
margin: 0px 0px 0% 0px;
padding: 0% 0px 0% 0px;
box-shadow: 12px 0px 20px -8px rgba(0, 0, 0, 0.4);
}

.pc-nav-inner:last-child {
margin: 0px 0px 0% 0px;
box-shadow: 12px 0px 20px -8px rgba(0, 0, 0, 0.4);
}

.pc-nav-inner a{
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
transition: 0.8s;
font-size: 0.9rem;
}

.pc-nav-inner a:link {
color: #FFFFFE;
}

.pc-nav-inner a:visited {
color: #FFFFFE;
}

.pc-nav-inner a:hover {
background: #FFFFFE;
color: #333333;
transition: 0.3s;
}
/*PCヘッダー終*//*ヘッダー終*//*ヘッダー終*//*ヘッダー終*/

/*PCパンくずリスト始*//*パンくずリスト始*//*パンくずリスト始*/
.pankuzu-list {
display: flex;
position: sticky;
top: 0px;
align-items: center;
justify-content: flex-start;
max-width: 1200px;
height: 2rem;
margin: 0% auto 0% auto;
padding: 0%;
white-space: nowrap;
box-shadow: 0px 10px 20px -8px rgba(0, 0, 0, 0.5);
z-index: 50;
}
	
.pankuzu-list ul {
display: flex;
flex-flow: row zwrap;
align-items: center;
justify-content: flex-start;
margin: 0%;
padding: 0% 0% 0% 1%;
}

.pankuzu-list li {
animation: pankuzu 0.7s cubic-bezier(0.390, 0.575, 0.565, 1.000);
}

.pankuzu-list li a {
margin: 0%;
padding: 0%;
text-decoration: underline;
transition: 0.3s;
font-size: 0.9rem;
}

.pankuzu-list li:last-child a {
pointer-events: none;
text-decoration: none;
font-size: 1.2rem;
vertical-align: sub;
}

@keyframes pankuzu {
0% {
transform: scaleX(0.4);
transform-origin: 0% 0%;
}
100% {
transform: scaleX(1);
transform-origin: 0% 0%;
}
}
/*PCパンくずリスト終*//*パンくずリスト終*//*パンくずリスト終*/

.main-wrapper{
max-width: 1200px;
margin: 0 auto;
padding: 0% 0% 0% 0%;
}

.main {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 100%;
padding: 0% 0% 0% 0%;
box-sizing: border-box;
}

.main-side-shadow{
box-shadow: 10px 0px 8px -14px rgba(0,0,0,0.9) inset, -10px -0px 8px -14px rgba(0,0,0,0.9) inset;
}

/*PCメインタイトル写真無し始*//*メインタイトル写真無し始*/
.main-title {
display: flex;
align-items: center;
justify-content: center;
width: 96%;
margin: 2em 0% 0% 0%;
padding: 1em 0% 1em 0%;
background: #7CD6D7;
}

.main-title p {
font-size: 150%;
}
/*PCメインタイトル写真無し終*//*メインタイトル写真無し終*/

/*PCメインタイトル左に写真入り始*//*メインタイトル左に写真入り始*/
.main-title-photo-left-wrapper {
display: flex;
width: 96%;
margin: 2rem 0% 0% 0%;
}

.balloon-icon-left {
display: flex;
align-items: center;
justify-content: center;
width: 15%;
}

.main-title-balloon-left {
display: flex;
align-items: center;
justify-content: flex-start;
position: relative;
width: 85%;
margin: 0% 0% 0% 2%;
background: #32B8EB;
}

.main-title-balloon-left::before {
content: "";
position: absolute;
top: 50%;
left: -29px;
margin-top: -15px;
border: 15px solid transparent;
border-right: 15px solid #32B8EB;
}

.main-title-balloon-left p {
margin: 0;
padding: 0% 0% 0% 3%;
font-size: 150%;
}
/*PCメインタイトル左に写真入り終*//*メインタイトル左に写真入り終*/

/*PCボックス内「クリック」始*//*ボックス内「クリック」始*/
.click-dekimasu::before {
content: "クリックできます" ;
}
/*PCボックス内「クリック」終*//*ボックス内「クリック」終*/

.return {
display: flex;
align-items: center;
justify-content: center;
max-width: 1200px;
margin: 0 auto;
height: 3rem;
border-radius: 0px;
text-decoration: underline;
transition: 1s;
z-index: 97;
}


.copyright {
display: flex;
justify-content: center;
align-items: center;
margin: 0px auto 0px auto;
width: 100%;
padding: 0.5% 0% 0.5% 0%;
box-shadow: 0px 10px 3px -8px rgba(0, 0, 0, 0.3) inset;
font-size: 0.7rem;
}


}




@media screen and (min-width: 701px) and (min-height: 1085px) {

/*PCヘッダー始*//*ヘッダー始*//*ヘッダー始*//*ヘッダー始*/

.pc-header-inner {
max-width: 1500px;
}

.pc-nav {
max-width: 1500px;
}

/*PCヘッダー終*//*ヘッダー終*//*ヘッダー終*//*ヘッダー終*/

/*PCパンくずリスト始*//*パンくずリスト始*//*パンくずリスト始*/

.pankuzu-list {
max-width: 1500px;
}

/*PCパンくずリスト終*//*パンくずリスト終*//*パンくずリスト終*/

.main-wrapper{
max-width: 1500px;
}

.return {
max-width: 1500px;
}

.pc-nav-inner {
height: 2.4rem;
}


}


