/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 16 2025 | 00:53:58 */
.mv_pc {
  display: block;
}
.mv_sp {
  display: none;
}

#Top .mv {
padding-left:5%;
	padding-right:5%
}

#Top .room {
	padding-top:100px;
	padding-bottom:100px;
}
#Top .room pre {
	font-size:24px;
	 font-family: "Montserrat", sans-serif;
	color:#FF9029;
	font-weight:500;
	text-align:center;
}
#Top .room h2 {
	font-size:36px;
	font-family: "Zen Maru Gothic", serif;
	font-weight:500;
	color:#673000;
	text-align:center;
	margin-bottom:40px;
}
#Top .room .slider{
	margin-bottom:70px;
}
#Top .room .slider .slider-item {
	background-color:#FFF;
	padding:20px 15px;
	border:3px solid #FF9029;
	border-radius:15px;
}
#Top .room .slider .slider-item h3 {
	font-size:24px;
	font-family: "Zen Maru Gothic", serif;
	font-weight:500;
	color:#673000;
	text-align:center;
	margin-bottom:10px;
}
#Top .room .slider .slider-item h4.empty {
	font-size:18px;
	font-family: "Zen Maru Gothic", serif;
	font-weight:500;
	color:#0095D9;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#CCF2FF;
}
#Top .room .slider .slider-item h4.full {
	font-size:18px;
	font-family: "Zen Maru Gothic", serif;
	font-weight:500;
	color:#FF4646;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#FFDEDF;
}
#Top .room .slider .slider-item p {
	font-size:18px;
	font-family: "Zen Maru Gothic", serif;
	font-weight:500;
	text-align:center;
}
#Top .room .btn {
	color: #FFF;
  }
#Top .room .btn a {
		position: relative;
	  padding-top: 12px;
	  padding-right: 40px;
	  padding-left: 50px;
	  padding-bottom: 12px;
	text-decoration: none;
	color: #FFF;
	font-family: "Zen Maru Gothic", serif;
	font-weight: 500;
	  background-color:#FF9029;
	  font-size:16px;
	  border-radius:100px;
  }
#Top .room .btn a:hover {
	  background-color:#FF9029;
	  opacity: 0.7;
  }
#Top .room .btn a:before {
	background: url(https://sakudesign.jp/astra/wp-content/uploads/2025/04/ico_arrow_white.svg);
	content: "";
	width: 8px;
	height: 12px;
	left: 20px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
  }

#Top .newsArea {
	padding-top:50px;
	padding-bottom:70px;
	background-color:#FFE484;
}
#Top .newsArea pre {
	font-size:24px;
	 font-family: "Montserrat", sans-serif;
	color:#FF9029;
	font-weight:500;
	padding-top: 15px;
}
#Top .newsArea h2 {
	font-size:36px;
	font-family: "Zen Maru Gothic", serif;
	font-weight:500;
	color:#673000;
	margin-bottom:40px;
}
#Top .newsArea .date{
	font-size:18px;
	font-family: "Zen Maru Gothic", serif;
	font-weight:500;
	color:#FF9029;
	    margin-right: 20px;
	padding-left:10px;
}
#Top .newsArea .title{
	font-size:18px;
	font-family: "Zen Maru Gothic", serif;
	font-weight:400;
}
#Top .newsArea ul li{
	padding-top: 15px;
	padding-bottom:15px;
	border-bottom:1px solid #673000;
}
#Top .newsArea p.goList{
	text-align:right;
	margin-top:10px;
}




#Top .about {
	padding-top:100px;
	padding-bottom:100px;
}
#Top .about pre {
	font-size:24px;
	 font-family: "Montserrat", sans-serif;
	color:#FF9029;
	font-weight:500;
	text-align:center;
}
#Top .about h1 {
	font-size:36px;
	font-family: "Zen Maru Gothic", serif;
	font-weight:500;
	color:#673000;
	text-align:center;
	margin-bottom:40px;
}
#Top .about h2 {
	font-size:28px;
	font-family: "Zen Maru Gothic", serif;
	font-weight:500;
	color:#FF9029;
	margin-bottom:20px;
	line-height:1.4;
}
#Top .about p {
	font-size:18px;
	font-family: "Zen Maru Gothic", serif;
	font-weight:500;
}

#Top .features {
	padding-top:100px;
	padding-bottom:100px;
	background-color:#FFE484;
}
#Top .features pre {
	font-size:24px;
	 font-family: "Montserrat", sans-serif;
	color:#FF9029;
	font-weight:500;
	text-align:center;
}
#Top .features h2 {
	font-size:36px;
	font-family: "Zen Maru Gothic", serif;
	font-weight:500;
	color:#673000;
	text-align:center;
	margin-bottom:40px;
}
#Top .features .column .box {
	background-color:#FFF;
	width:31.5%;
	padding:20px 20px;
	border-radius:20px;
	min-height: 275px;
}
#Top .features .column .box h3 {
	font-size:20px;
	font-family: "Montserrat", sans-serif;
	font-weight:500;
	color:#FFF;
	background-color:#FF9029;
	display:table;
	border-radius:100px;
	padding:5px 15px;
}
#Top .features .column .box h4 {
	font-size:28px;
	font-family: "Zen Maru Gothic", serif;
	font-weight:500;
	text-align:center;
	color:#FF9029;
	line-height: 1.3;
    margin-top: 10px;
    margin-bottom: 10px;
}
#Top .features .column .box p {
	line-height:1.6;
}

#Top .flow {
	padding-top:100px;
	padding-bottom:100px;
}
#Top .flow pre {
	font-size:24px;
	 font-family: "Montserrat", sans-serif;
	color:#FF9029;
	font-weight:500;
	text-align:center;
}
#Top .flow h2 {
	font-size:36px;
	font-family: "Zen Maru Gothic", serif;
	font-weight:500;
	color:#673000;
	text-align:center;
	margin-bottom:40px;
}
#Top .flow h3 {
	font-size:24px;
	font-family: "Zen Maru Gothic", serif;
	font-weight:500;
	color:#673000;
	text-align:center;
	margin-top:10px;
}
#Top .flow h4 {
	font-size:24px;
	font-family: "Zen Maru Gothic", serif;
	font-weight:500;
	color:#FF9029;
	text-align:center;
}

#Top .roomExample {
	padding-top:100px;
	padding-bottom:100px;
	background-color:#FFE484;
}
#Top .roomExample pre {
	font-size:24px;
	 font-family: "Montserrat", sans-serif;
	color:#FF9029;
	font-weight:500;
	text-align:center;
}
#Top .roomExample h2 {
	font-size:36px;
	font-family: "Zen Maru Gothic", serif;
	font-weight:500;
	color:#673000;
	text-align:center;
	margin-bottom:20px;
}
#Top .roomExample p.catch{
	font-size:18px;
	text-align:center;
	margin-bottom:40px;
}
#Top .roomExample p.catch strong{
    background: linear-gradient(transparent 65%, #FFFF00 65%);
    font-weight: 500;
}
#Top .roomExample .section1{
	background-color:#FFF;
	border-radius:20px;
	padding:40px 40px;
	margin-bottom:50px;
}
#Top .roomExample .section1 h3{
	font-size:32px;
	font-family: "Zen Maru Gothic", serif;
	font-weight:500;
	color:#673000;
	text-align:center;
	margin-bottom:5px;
}
#Top .roomExample .section1 h4{
	font-size:28px;
	font-family: "Zen Maru Gothic", serif;
	font-weight:500;
	color:#FF9029;
	text-align:center;
	margin-bottom:20px;
}
#Top .roomExample .section1 h5{
	font-size:24px;
	font-family: "Zen Maru Gothic", serif;
	font-weight:500;
	color:#673000;
	padding-bottom:5px;
	border-bottom:3px solid #FF9029;
	margin-bottom:25px;
}
#Top .roomExample .section1 ul{
	display: flex;
	flex-wrap: wrap;
	gap:25px;
	margin-bottom:20px;
}
#Top .roomExample .section1 ul li{
background-size: 16px 16px;
    background-repeat: no-repeat;
    background-image: url(https://sakudesign.jp/astra/wp-content/uploads/2025/04/ico_circle_orange.svg);
    padding-left: 25px;
    background-position: left center;
	font-size:20px;
	font-family: "Zen Maru Gothic", serif;
	font-weight:600;
	color:#673000;
	margin-top: 0px;
}

#Top .roomExample .section2{
	background-color:#FFF;
	border-radius:20px;
	padding:40px 40px;
}
#Top .roomExample .section2 h3{
	font-size:32px;
	font-family: "Zen Maru Gothic", serif;
	font-weight:500;
	color:#FF9029;
	text-align:center;
	margin-bottom:25px;
}
#Top .roomExample .section2 h4{
	font-size:22px;
	font-family: "Zen Maru Gothic", serif;
	font-weight:500;
	color:#673000;
	text-align:center;
	margin-top:10px;
}

#Top .voice {
	padding-top:100px;
	padding-bottom:100px;
}
#Top .voice pre {
	font-size:24px;
	 font-family: "Montserrat", sans-serif;
	color:#FF9029;
	font-weight:500;
	text-align:center;
}
#Top .voice h2 {
	font-size:36px;
	font-family: "Zen Maru Gothic", serif;
	font-weight:500;
	color:#673000;
	text-align:center;
	margin-bottom:30px;
}
#Top .voice .column {
	margin-bottom:40px;
}
#Top .voice .box {
	padding:25px 25px;
	background-color:#FFF;
	border:3px solid #FF9029;
	border-radius:20px;
}
#Top .voice .box .title {
    margin-bottom: 10px;
}
#Top .voice .box .title h3 {
	font-size: 20px;
    font-family: "Montserrat", sans-serif;
    color: #FFF;
    background-color: #FF9029;
    border-radius: 100px;
    padding: 3px 15px;
    display: table;
    font-weight: 600;
    margin-bottom: 10px;
}
#Top .box .title h4 {
	font-size:24px;
	font-family: "Zen Maru Gothic", serif;
	font-weight:500;
	color:#FF9029;
}
#Top .voice .box p.comment {
	line-height:1.6;
}
#Top .voice .box p.name {
	text-align:right;
	font-weight:500;
}

#Top .faq {
	padding-top:100px;
	padding-bottom:100px;
	background-color:#FFE484;
}
#Top .faq pre {
	font-size:24px;
	 font-family: "Montserrat", sans-serif;
	color:#FF9029;
	font-weight:500;
	text-align:center;
}
#Top .faq h2 {
	font-size:36px;
	font-family: "Zen Maru Gothic", serif;
	font-weight:500;
	color:#673000;
	text-align:center;
	margin-bottom:35px;
}
#Top .faq .box {
	background-color:#FFF;
	padding:30px 30px;
	border-radius:15px;
	margin-bottom:30px;
}
#Top .faq .box h3 {
    font-size: 24px;
    font-family: "Zen Maru Gothic", serif;
    margin-bottom: 10px;
    line-height: 1.6;
    background-size: 44px 44px;
    background-repeat: no-repeat;
    background-image: url(https://sakudesign.jp/astra/wp-content/uploads/2025/04/ico_q.svg);
    padding-left: 55px;
    background-position: left center;
    font-weight: 600;
    padding-top: 5px;
    padding-bottom: 5px;
	color:#673000;
}
#Top .faq .box p {
    font-size: 16px;
    background-size: 44px 44px;
    background-repeat: no-repeat;
    background-image: url(https://sakudesign.jp/astra/wp-content/uploads/2025/04/ico_a.svg);
    padding-left: 55px;
    background-position: left top;
}




@media (max-width: 833px) {
  .mv_pc {
    display: none;
  }
  .mv_sp {
    display: block;
  }
	#Top .room {
	padding-top:50px;
	padding-bottom:50px;
}
#Top .room pre {
	font-size:20px;
}
#Top .room h2 {
	font-size:28px;
	margin-bottom:20px;
}
#Top .room .slider{
	margin-bottom:60px;
}
#Top .room .slider .slider-item {
	padding:20px 15px;
	border:3px solid #FF9029;
	border-radius:15px;
}
#Top .room .slider .slider-item h3 {
	font-size:24px;
	margin-bottom:10px;
}
#Top .room .slider .slider-item h4.empty {
	font-size:18px;
}
#Top .room .slider .slider-item h4.full {
	font-size:18px;
}
#Top .room .slider .slider-item p {
	font-size:18px;
}
	
	#Top .newsArea {
	padding-top:50px;
	padding-bottom:50px;
			padding-left:15px;
		padding-right:15px;
		padding-top: 0px;
}
#Top .newsArea pre {
	font-size:20px;
	text-align:center;
}
#Top .newsArea h2 {
	font-size:30px;
	margin-bottom:5px;
	text-align:center;
}
#Top .newsArea .date{
	font-size:16px;
	margin-right: 0px;
	padding-left:0px;
}
#Top .newsArea .title{
	font-size:16px;
}
#Top .newsArea ul li{
	padding-top: 10px;
	padding-bottom:15px;
	border-bottom:1px solid #673000;
}

	
	
	#Top .about {
	padding-top:50px;
	padding-bottom:50px;
		padding-left:15px;
		padding-right:15px;
}
#Top .about pre {
	font-size:20px;
}
#Top .about h1 {
	font-size:28px;
	margin-bottom:20px;
}
#Top .about h2 {
	font-size:24px;
	margin-bottom:10px;
}
#Top .about p {
	font-size:16px;
}
	
	#Top .features {
	padding-top:50px;
	padding-bottom:50px;
		padding-left:15px;
		padding-right:15px;
}
#Top .features pre {
	font-size:20px;
}
#Top .features h2 {
	font-size:28px;
	margin-bottom:20px;
}
#Top .features .column .box {
	background-color:#FFF;
	width:100%;
	padding:20px 15px;
	border-radius:20px;
	min-height: auto;
}
#Top .features .column .box h3 {
	font-size:20px;
	padding:5px 15px;
}
#Top .features .column .box h4 {
	font-size:26px;
    margin-top: 10px;
    margin-bottom: 10px;
}
#Top .features .column .box p {
	line-height:1.6;
}
	
	#Top .flow {
	padding-top:50px;
	padding-bottom:50px;
		padding-left:15px;
		padding-right:15px;
}
#Top .flow pre {
	font-size:20px;
}
#Top .flow h2 {
	font-size:28px;
	margin-bottom:20px;
}
	#Top .flow img {
		width:80%;
}
#Top .flow h3 {
	font-size:20px;
	margin-top:10px;
}
#Top .flow h4 {
	font-size:20px;
}
	
	#Top .roomExample {
	padding-top:50px;
	padding-bottom:50px;
		padding-left:15px;
		padding-right:15px;
}
#Top .roomExample pre {
	font-size:20px;
}
#Top .roomExample h2 {
	font-size:30px;
	margin-bottom:15px;
}
#Top .roomExample p.catch{
	font-size:16px;
	text-align:left;
	margin-bottom:20px;
}
#Top .roomExample .section1{
	background-color:#FFF;
	border-radius:20px;
	padding:20px 15px;
	margin-bottom:25px;
}
#Top .roomExample .section1 h3{
	font-size:26px;
	margin-bottom:5px;
}
#Top .roomExample .section1 h4{
	font-size:24px;
	margin-bottom:10px;
}
#Top .roomExample .section1 h5{
	font-size:21px;
	padding-bottom:5px;
	border-bottom:3px solid #FF9029;
	margin-bottom:10px;
}
#Top .roomExample .section1 ul{
	display: flex;
	flex-wrap: wrap;
	gap:15px;
	margin-bottom:20px;
}
#Top .roomExample .section1 ul li{
    background-size: 16px 16px;
    padding-left: 20px;
    background-position: left center;
	font-size:18px;
	font-weight:600;
}
	
	#Top .roomExample .section2{
	background-color:#FFF;
	border-radius:15px;
	padding:20px 20px;
}
#Top .roomExample .section2 h3{
	font-size:24px;
	margin-bottom:15px;
}
#Top .roomExample .section2 h4{
	font-size:18px;
	        margin-top: 10px;
        line-height: 1.2;
}
	
	#Top .voice {
	padding-top:50px;
	padding-bottom:50px;
		padding-left:15px;
		padding-right:15px;
}
#Top .voice pre {
	font-size:20px;
}
#Top .voice h2 {
	font-size:30px;
	margin-bottom:20px;
}
#Top .voice .column {
	margin-bottom:30px;
}
#Top .voice .box {
	padding:20px 15px;
	border-radius:15px;
}
#Top .voice .box .title {
    margin-bottom: 10px;
}
#Top .voice .box .title h3 {
	font-size: 16px;
    padding: 3px 15px;
    font-weight: 600;
    margin-bottom: 5px;
}
#Top .box .title h4 {
	font-size:20px;
}
#Top .voice .box p.comment {
	line-height:1.6;
}
#Top .voice .box p.name {
	text-align:right;
}
	
	#Top .faq {
	padding-top:50px;
	padding-bottom:50px;
			padding-left:15px;
		padding-right:15px;
}
#Top .faq pre {
	font-size:20px;
}
#Top .faq h2 {
	font-size:30px;
	margin-bottom:20px;
}
#Top .faq .box {
	background-color:#FFF;
	padding:15px 15px;
	border-radius:10px;
	margin-bottom:20px;
}
#Top .faq .box h3 {
    font-size: 20px;
    margin-bottom: 10px;
    background-size: 35px 35px;
    background-repeat: no-repeat;
    background-image: url(https://sakudesign.jp/astra/wp-content/uploads/2025/04/ico_q.svg);
    padding-left: 42px;
    background-position: left 5px;
    padding-top: 5px;
    padding-bottom: 5px;
	line-height: 1.4;
}
#Top .faq .box p {
    font-size: 16px;
    background-size: 35px 35px;
    background-image: url(https://sakudesign.jp/astra/wp-content/uploads/2025/04/ico_a.svg);
    padding-left: 42px;
    background-position: left top;
	line-height: 1.6;
}




	
}