@charset "utf-8";

/*　***********************
　　　　BACE
**********************　*/
html {line-height: 1.15;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;overflow-x: hidden;font-size: 62.5%}

body {margin: 0;font-weight: 400;letter-spacing: 0.02em;color: #332c19;font-family: 'Noto Sans JP', sans-serif;font-style: normal;overflow: hidden;}
article,
aside,
footer,
header,
nav,
section {display: block;width: 100%}

/*.gothic {font-family: 'Noto Sans JP', sans-serif;}*/
.min{font-family: 'Noto Serif JP', serif;}

p{font-size:4vw;line-height: 1.78em;letter-spacing: 0.05em;margin-top: 0;margin-bottom: 0;}

@media (min-width: 490px){
p{font-size: 1.8rem;}
}

h1,h2,h3,h4,h5,h6{margin-top: 0;margin-bottom: 0;}

a {background-color: transparent; -webkit-text-decoration-skip: objects;touch-action: manipulation;text-decoration: none;color: rgba(39,39,39,1.00);}

a:active,
a:hover {outline-width: 0;opacity: .8;}

ol, ul {list-style: none;padding-left: 0;margin-top: 0;margin-bottom: 0;}
ul {list-style-position: inside;}

dl{margin-top: 0;margin-bottom: 0;}
dl dd{margin-left: 0;}

iframe {border: none}

img {max-width: 100%; height: auto;display: block;}
a,a:hover,a:active,a:visited {outline: none; }
button{outline: none;}
a:hover img{opacity: 0.8}
a img{border-style:none;}
table {border-collapse: collapse;border-spacing: 0;}

td, th {padding: 0;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;word-break: break-word;}
*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.clearfix:before, .clearfix:after, .container:before, .container:after,.colums:before, .colums:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after
{content: " ";display: table;}

.clearfix:after, .container:after, .colums:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after
{clear: both;}

.zoom{overflow: hidden;display: block}
.zoom img {transform: scale(1,1);transition: .2s ease-out;}
.zoom:hover img {transform: scale(1.05,1.05)}



/*　***********************
　　　　header
**********************　*/
header{background-color: #FFFFFF;box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.2);position: relative}
header #logo{font-weight: 800;/*color: #ED9BC2;*/color:#000000;}
@media (max-width: 489px){
	header{padding: 5vw;}
	header #logo{font-size: 8.5vw;}
}
@media (min-width: 490px){
	header{padding: 30px 25px;}
	header #logo{font-size: 4rem;}
}
@media (min-width: 991px){
	header{padding: 40px 35px;}
	header #logo{font-size: 6rem;}
}


/*　***********************
　　　　fv
**********************　*/
#fv_area{width: 100%;}
#fv_area img{object-fit: cover;width: 100%;height: 100%;aspect-ratio: 2 / 1;}
/*@media (max-width: 489px){
	#fv_area{height: 100vw;}
}
@media (min-width: 490px){
	#fv_area{height: 450px;}
}
@media (min-width: 991px){
	#fv_area{height: 850px;}
}*/

/*****************************
 section
****************************/
.defaultArea h2,.defaultArea h1{margin-bottom: 1.5em;}
.twinkleArea h2,.twinkleArea h1{margin-bottom: 1.5em;line-height: 1.45em;}
@media (max-width: 489px){
	.defaultArea + .defaultArea{margin-top: 15vw;}
	.defaultArea h2,.defaultArea h1{font-size: 6vw;}
	.twinkleArea + .twinkleArea{margin-top: 15vw;}
	.twinkleArea h2,.twinkleArea h1{font-size: 6vw;}	
}
@media (min-width: 490px){
	.defaultArea + .defaultArea{margin-top: 100px;}
	.defaultArea h2,.defaultArea h1{font-size: 3rem;}
	.twinkleArea + .twinkleArea{margin-top: 80px;}
	.twinkleArea h2,.twinkleArea h1{font-size: 3rem;}
}
@media (min-width: 768px){
	.defaultArea h2,.defaultArea h1{font-size: 3.5rem;}
	.twinkleArea h2,.twinkleArea h1{font-size: 3.5rem;}
}
@media (min-width: 991px){
	.defaultArea + .defaultArea{margin-top: 150px;}
	.defaultArea h2,.defaultArea h1{font-size: 4.5rem;}
	.twinkleArea + .twinkleArea{margin-top: 120px;}
	.twinkleArea h2,.twinkleArea h1{font-size: 4.5rem;}
}

/*****************************
 slide
****************************/
.slide_wrap{}
.slide_wrap .swiper{overflow: hidden;}
.slide_wrap .swiper .slide_item{border-radius: 20px;overflow: hidden;display: block;}
.slide_wrap .swiper .slide_item img{width: 100%;height: 100%;object-fit: cover;aspect-ratio:9 / 16;}
@media (max-width: 489px){
	.slide_wrap{padding-left:5vw;padding-right: 5vw }
}
@media (min-width: 490px){
	.slide_wrap{padding-left:25px;padding-right: 25px;}
}
@media (min-width: 578px){
	.slide_wrap{padding-left:25px;padding-right: 0;}
}
@media (min-width: 991px){
	.slide_wrap{padding-left: calc((100% - 860px) / 2);}
}

@media (min-width: 1280px){
	.slide_wrap{padding-left:calc((100% - 1200px) / 2);}
}

/*****************************
 function
****************************/
.function .function_item .function_item_head{aspect-ratio: 9 / 18.5;}
.function .function_item .function_item_head img{width: 100%;height: 100%;object-fit: cover;aspect-ratio: 9 / 18.5;}
.function .function_item .function_item_exp{border-radius: 20px;border: 2px solid #000000;}
.function .function_item .function_item_exp h3{text-align: center;letter-spacing: .1em;}
.function .function_item .function_item_exp ol{width: fit-content;margin-left: auto;margin-right: auto;}
.function .function_item .function_item_exp ol li{list-style-type:disc;}
.function .function_item .function_item_exp ol li p{line-height: 2.5em;}
.function .function_item .function_item_exp h3 , .function .function_item .function_item_exp ol li p{font-weight: 700;}

.function .function_item .function_item_info{text-align: center;}
.function .function_item .function_item_info p{font-weight: 700;line-height: 2.1em;}
.function .function_item .function_item_info p span{display: inline-block;}
.function .function_item .function_item_info p span.price{margin-right: .5em;}
@media (max-width: 489px){
	.function {margin-top: 10vw;}
	.function .function_item + .function_item{margin-top: 8vw;}
	.function .function_item{width: 80vw;margin-left: auto;margin-right: auto;}
	.function .function_item .function_item_exp{padding: 10vw 5vw;}
	.function .function_item .function_item_exp h3{font-size: 4.2vw;}
	.function .function_item .function_item_exp ol{margin-top:6vw;}
	
	.function .function_item .function_item_info{margin-top: 5vw;}
	.function .function_item .function_item_info p{font-size: 3.5vw;}
	.function .function_item .function_item_info p span{font-size: 5vw;}
}
@media (min-width: 490px){
	.function {margin-top: 80px;}
	.function .function_item + .function_item{margin-top: 35px;}
	.function .function_item{width: 80vw;margin-left: auto;margin-right: auto;}
	.function .function_item .function_item_exp{padding: 50px 25px;}
	.function .function_item .function_item_exp h3{font-size: 2.2rem;}
	.function .function_item .function_item_exp ol{margin-top: 30px;}
	.function .function_item .function_item_exp p{font-size: 1.6rem;}
	
	.function .function_item .function_item_info{margin-top: 25px;}
	.function .function_item .function_item_info p{font-size: 1.4rem}
	.function .function_item .function_item_info p span{font-size: 2.2rem;}
	
}

@media (min-width: 578px){
	.function{display: flex;align-items: stretch;justify-content: center;}
	.function .function_item + .function_item{margin-top: initial;}
	.function .function_item{width:250px;margin-left: 15px;margin-right: 15px;}
	.function .function_item .function_item_info{margin-left: -40px;margin-right: -40px;}
	.function .function_item .function_item_exp{padding: 30px 25px;}
}

@media (min-width: 768px){
	.function .function_item{width: 280px;margin-left: 15px;margin-right: 15px;}	
	.function .function_item .function_item_exp ol{margin-top: 45px;}
	
	.function .function_item .function_item_info p{font-size: 1.6rem}
	.function .function_item .function_item_info p span{font-size: 2.4rem;}
}

@media (min-width: 991px){
	.function {margin-top: 150px;}
	.function{display: flex;align-items: stretch;justify-content: center;}
	.function .function_item{width: 295px;margin-left: 25px;margin-right: 25px;}
	.function .function_item .function_item_exp{padding: 60px 25px;}
	.function .function_item .function_item_exp ol{margin-top: 90px;}
	
	.function .function_item .function_item_info{margin-top: 40px;}
	.function .function_item .function_item_info p{font-size: 1.6rem}
	.function .function_item .function_item_info p span{font-size: 2.4rem;}
}

/*****************************
 button
****************************/
.button_wrap a{display: block;padding: 1.2em  1em;background-color: #686868;color: #FFFFFF;font-weight: 700;border-radius: 10px;text-align: center;}
@media (max-width: 489px){
	.button_wrap a{font-size: 4vw;width: 80vw;margin-left: auto;margin-right: auto;}
	.button_wrap a + a{margin-top: 5vw;}
}
@media (min-width: 490px){
	.button_wrap a{font-size: 2rem;width: 330px;margin-left: auto;margin-right: auto;}
	.button_wrap a + a{margin-top: 25px;}
}

@media (min-width: 991px){
	.button_wrap a{font-size: 2.4rem;}
	.button_wrap a + a{margin-top: 40px;}
}

/*****************************
 pagetop
****************************/
body #page_scroll{opacity: 0; transition: .4s ease-out;}
body.is-animation #page_scroll{opacity: 1}
#page_scroll{ position: fixed;bottom:10px;right: 10px;z-index: 100}
#page_scroll a{width: 40px;height: 40px;display: flex;justify-content: center;align-items: center; background:#ED9BC2 ;border-radius: 50%;font-size: 1.4rem;color: rgba(255,255,255,1.00);}
@media (max-width: 489px){
	#page_scroll{bottom:17vw;}
}

/*　***********************
　　　　contents
**********************　*/
/*#wrap{overflow: hidden}*/
#wrap,#contents{width: 100%;}

#contents{}
@media (max-width: 489px){
	#contents{padding-top: 10vw;}
}
@media (min-width: 490px){
	#contents{padding-top: 50px;}
}
@media (min-width: 991px){
	#contents{padding-top: 80px;}
}
/*　***********************
　　　　container
**********************　*/

.container{width:90vw;margin-left: auto;margin-right: auto}

@media (min-width: 490px){
	.container{width: calc(100% - 50px);}
}
@media (min-width: 991px){
	.container{width: 860px;}
}

@media (min-width: 1280px){
	.container{width: 1200px;}
}

/*****************************
       follow
****************************/


@media (max-width: 489px){
	#wrap{padding-bottom: 15vw;}
	#follow{display: flex;align-items: center;justify-content: space-between;position: fixed;left:0;bottom: 0;width: 100%;z-index: 50;}
	#follow .follow_item{width: calc((100% - 1px) / 2);}
	#follow .follow_item a{display: flex;align-items: center;justify-content: center;font-size: 7vw;color: #FFFFFF;background-color:#ED9BC2;height: 15vw; }
}
@media (min-width: 490px){
	#follow{display: none;}
}


/*　***********************
　　　　footer
**********************　*/
footer{}
footer .footer_info{border-top:1px #686868 solid;}
footer .footer_info p.sitename{font-weight: 800;margin-bottom: .5em;}
footer .footer_info p:not(.sitename){font-weight: 500;line-height: 1.45em;}
footer p.copyright{text-align: center;color: #686868;}
@media (max-width: 489px){
	footer{margin-top: 15vw;}
	footer .footer_info{padding-top: 7vw;padding-bottom: 10vw;}
	footer p.copyright{font-size: 2.8vw;padding: 4vw;}
}
@media (min-width: 490px){
	footer{margin-top: 80px;}
	footer .footer_info{padding-top: 25px;padding-bottom:100px;}
	footer p.copyright{font-size: 1.4rem;padding:25px; }
}

@media (min-width: 991px){
	footer{margin-top: 100px;}
	footer .footer_info{padding-top: 35px;padding-bottom:170px;}
	footer p.copyright{font-size: 1.6rem;padding:35px; }
}

/*　***********************
　　　　tel
**********************　*/
@media (min-width: 751px) {
a[href*="tel:"] {pointer-events: none;cursor: default;text-decoration: none;}
}

/*　***********************
　　　　other
**********************　*/
input[type="button"],input[type="text"],input[type="submit"],input[type="image"],textarea{
    -webkit-appearance: none;
    border-radius: 0;
}
