@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@100;300;400;500&display=swap');

@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Meow+Script&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Emilys+Candy&family=Meow+Script&display=swap');


/*　全体　*/


body{
font-family: 'Noto Sans JP', sans-serif;   
font-size:4.3vw;
color:#333;
margin:0;
}

li{
    list-style-type: none;
}


header 
{
padding-bottom:; 
position:absolute; 
width:100%;
height:50vw;
top:0;
left:0; 
border-bottom:0.5vw;
background:rgba(255,255,255,0.9);
z-index:100;    
} 


a{
    color:inherit;
    text-decoration: none;
}

a:visited{
    color:inherit;
    text-decoration: none;
}

a.active {
    color:inherit;
    text-decoration: none;
}

a:hover:not(.active) {
    color:inherit;
    text-decoration: none;
}

/*　ここまで全体　*/

.spacer1{
    height:30vw;
}

.spacer3{
    height:8vw;
}

.spacer2{
    height:20vw;
}
			
.spacer_mobile{
    height:2vw;
}

.box-flex{
    position:relative;
    background-image:url(wall.jpg);
    background-size:100%;
    width:100%;
}

/*ヘッダーーここから----------------------------------------------------*/


header, .wrap
{
height: 28vw;
}


#copyright{
    position:relative;
    text-align: center;
    top:vw;
    color:#999;
    font-size:3vw;
}

.top-font{
   	position:relative;
    text-align: center;
    padding:15vw;
    letter-spacing:1vw;
    font-size:6vw;
    font:#ddd;
    font-family:'Noto Serif JP', sans-serif;
}

.pc-image{
    display:none;
}

.midashi{
    border-left:1.5vw solid #8098ff;
    border-bottom:0.3vw solid #2b3356;
    padding-left:1vw;
    width:50vw;
    left:vw;
    position:relative;
    font-size:5vw;
    font-family:'Noto Serif JP', sans-serif;
}


/*　フッターここから-------------------------------------------------------------------------*/			
.header
{
				position:relative;
				height:6vw;
				}				

#wrap4{
				position:relative;
				padding:0px;
				left:0;
				width:100%;
    height:315vw;
				}							

#spacer_bottom{
    height:5vw;
}

#footer
{ 
    position:relative;
    display:flex;
    justify-content: center;
    top:vw;
    width:100%; 
    margin:0px;
    height:326vw;
    background:#85CBCD;
    opacity:1; 
    color:#333;
    font-family:'Noto Serif JP', sans-serif;
				}

#footer a {
	text-decoration:none;
}

#footer_wrap{
    position:relative;
    background:#fff;
    margin-top:10vw;
    width:85vw;
    height:294vw;
    border-radius:3vw;
}

#footer_img_wrap{
    position:relative;
    display: flex;
    justify-content: center;
    top:1.5vw;
}

#footer_img_wrap img:first-child{
    position:relative;
    width:13vw;
    top:0.5vw;
}

#footer_img_wrap img:nth-child(2){
    position:relative;
    top:3.5vw;
    width:35vw;
    height:10vw;
}

.footer_tel{
    position:relative;
    left:5vw;
}

.footer_tel a{
    text-decoration:none;
	color:green;
}

.footer_tel a img{
      position:relative;
    top:2.5vw;
    width:4vw;
}


#footer_table{
    position:relative;
    width:80vw;
    margin-top:5vw;
    text-align:center;
    left:2vw;
}

#footer_table a{
    font-size:2.8vw;
    color:cornflowerblue;
    
}

#footer_table table{
    font-size:3.5vw;
    border-spacing: 0;
    white-space: nowrap;
}

#footer_table th {
    font-weight:100;
    padding: 1.5vw;
    border-bottom:1px solid #333;
}

#footer_table td {
    padding:1vw;
    font-size: 3vw;
    text-align: center;
    border-bottom:1px solid #333;
}

#footer_wrap .credit
{
    text-align:center;
    font-size:3vw;
    padding:4vw;
}

#footer_wrap .credit img
{
    position:relative;
    width:60vw;
    background-color:#fff;
    padding:10px;
    border-radius:10px;
 
}

.anicom
{
    position:relative;
    display:flex;
    justify-content: center;
    flex-flow:;
    align-items:center;    
}

.anicom a{
    width:;
    padding-top:;
    padding-left:5vw;
    padding-right:5vw;
}

.anicom a img{
    width:20vw;
}
.invisible-mobile-anicom{
    display:none;
}

.invisible-pc-anicom{   
}



#gmap {
top:4vw;
position: relative;
width:70vw;
height:50vw;
margin:auto;
padding:0;
}

#gmap iframe{
position:absolute;
width:70vw; 
height: 50vw;
margin:auto;
border-radius:3vw;
}

#menu{
}

#center{
    position:relative;
    display:flex;
    justify-content: center;
    top:5vw;
    left:
}


#menu ul{
    position:relative;
    padding:0;
    width:100%;
}

#menu li{
    position:relative;
    margin-left:auto;
    margin-right:auto;
    margin-top:1vw;
    margin-bottom:1vw;
    font-weight:100;
    font-size:3vw;
    background: #eee;
    width:60vw;
    border-radius:2vw;
    padding:1vw;
    opacity:0.9;
}

#menu a {
	text-decoration:none;
	color:#333;
}

#menu a.active {
	color: #;
	background-color: #0d6990;
}

#menu a:hover:not(.active) {
	color: #; 
	opacity:0.5;
	background-color: #fff;
}

.arrow{
    position:absolute;
    border: 0;
    border-top: solid 0.6vw #28A1A3;
    border-right: solid 0.6vw #28A1A3;
    display:inline-block;
    transform: rotate(45deg);
    top:2.3vw;
    left:57vw;
    width: 1.5vw;
    height: 1.5vw;
}

.p1{
    position:relative;
    text-align:left;
    font-size:3.5vw;
    padding-left:2vw;
    top:2vw;
}

.p2{
    position:relative;
    text-align:left;
    font-size:2.5vw;
    left:-0.5vw;
    bottom:0;
}


.p3{
    top:4vw;
    position:relative;
    text-align:center;
    font-size:2.5vw;
    left:-0.5vw;
    bottom:0;
}

.p4{
    text-align: center;
    background: #eee;
    width:70vw;
}



.p8{
    font-size:3vw;
    text-align: center;
}

.invisible-mobile{
      display:none;
}

/*　フッターここまで-------------------------------------------------------------------------*/
/**　ここからモバイル用電話ボタン　**/
/**　ここまでモバイル用電話ボタン　**/

.invisible-mobile-sfont{
    display:none;
}





#footer-wrap{
				position:relative;
				bottom:0;
}

/*　ヘッダーアイコン類ここまで-----------------------------------------------------------*/


.logo{
				position:absolute;
		 	font-size:6.6vw;
				/*color:#fafad2;*/
				text-align:left;
				top:6vw;
				left:28vw;
				z-index:5;
				text-shadow:
0 0 0.5vw #000,
0 0 0.5vw #000,
0 0 1vw #000;
}

.logo img{
    width:55vw;
}
.logo span:nth-child(1){
color:#dff;
}

.logo span:nth-child(3){
color:#fafad2;
}

.logo2 img{
    width:auto;
    height:26vw;
}

.logo2
{
				position:absolute;
				left:2vw;
				top:1.5vw;
				width:auto;
				height:26vw;
    z-index:100;
}

/*　ヘッダーアイコン類ココマデ-----------------------------------------------------------*/



.invisible{
				display:none;
}


.header
{
			 position:relative;
				height:12vw;
			/*	background-color:#333;
				opacity:0.2;*/
				}

.header2
{
				position:relative;
				height:5vw;
				}				

.header3
{
				position:relative;
				height:2.5vw;
				}

/*選び方*/
.wrap_qu{
    font-weight:300;
    font-size:3.5vw;
    width:80vw;
    margin-top:5vw;
    margin-left:auto;
    margin-right:auto;
}

.qu_title{
    font-weight:400;
    font-size:4vw;
    margin-top:12vw;
    border-radius:5vw;
    background-color:rgba(55,155,155,0.2);
    padding:2vw;
}

.qu_color{
    font-weight:600;
    font-size:4vw;
    color:#7f7fff;
}

.arrow_c{
    position:;
    border: 0;
    border-top: solid 0.6vw #7f7fff;
    border-right: solid 0.6vw #7f7fff;
    display:inline-block;
    transform: rotate(45deg);
    top:2.3vw;
    left:57vw;
    width: 2vw;
    height: 2vw;
    margin-right:2vw
}

.plan{
    position:relative;
    margin-top:2vw;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:5vw;
    padding-top:2vw;
    padding-bottom:2vw;
    border-radius:2vw;
    width:80vw;
    background:rgba(200,200,200,0.3);
}

.plan ul{
    width:90%;
    margin-right:auto;
    margin-left:auto;
    padding:1vw;
}


.plan ul li{
}

.bold{
    font-weight:500;
}