@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

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


/*-フォント-*/

.noto-serif,h2.is-style-section_ttl{
  font-family: 'Noto Serif JP', serif;
}

p,.w-500,h2.is-style-section_ttl {
  font-weight: 500;
}

.w-600{
	font-weight:600;
}

.w-400 {
  font-weight: 400;
}

.size-ll,h2.size-ll{
	font-size:2em;
}

.size-l,h2.size-l{
	font-size:1.5em;
}

.size-m{
	font-size:1.2em;
}

.message{
	text-shadow:0px 0px 10px #f7f7f7;
}

/*-非表示-*/

#header, #fix_header {
  display: none;
}

/*-余白-*/

.l-content {
  margin: 0 auto 0;
}

/*-ボタン-*/


.c-fixBtn {
  background: var(--color_main);
  color: #fff;
  border: none;
  transition: all .25s;
}

/*-講座詳細-*/

h3.is-style-section_ttl.detail {
  padding: 0.25em 0.5em;
  /*上下 左右の余白*/
  background: transparent;
  /*背景透明に*/
  border-left: solid 5px #C9AC50;
  /*左線*/
}

.is-style-bg_grid {
  background-image: linear-gradient(transparent calc(100% - 1px), #fff 100%, #fff), linear-gradient(90deg, transparent calc(100% - 1px), #fff 100%, #fff);
}

/*-ボタンエリア-*/

.btn-area {
  border-radius: 0 0 10px 10px;
	  padding: 1em 2em!important;
}

.date{
	border-radius:3px;
	background-color:#fff;
	color:#356FA3;
	padding:.2em;
	margin:.2em;
}

.btn-area-date{
	 border-radius:10px 10px 0 0;
	text-align:center;
	padding: 1em 0;
	background-color:#9FB4C6;

}

.radius-10{
	border-radius: 10px;
}


.reason-area {
  box-shadow: 5px 5px 15px #bbb;
}

.detail-area01{
	padding:10px;
	background-color:#C9AC50;
  border-radius: 10px 10px 0 0;
}

.detail-area02,.access{
  border-radius:0 0 10px 10px;
	
}

.access-area {
  padding: 20px;
  border-radius: 10px 10px 0 0;
  background-image: url(https://aerial.yoga.nagoya/wp-content/uploads/2023/05/AdobeStock_308488977-1.jpg);
}


/*-受講生の声-*/

.voice-area {
  padding: 2em;
  background-image: url(https://aerial.yoga.nagoya/wp-content/uploads/2023/05/bg03.jpg);
  position: relative;
}

.voice-area:before, .voice-area:after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 5%;
  left: 20px;
  width: 50%;
  top: 10%;
  max-width: 20%;
  background: #777;
  -webkit-box-shadow: -20px -30px 10px #777;
  -moz-box-shadow: -10px 15px 10px #777;
  box-shadow: -15px -15px 15px #777;
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  transform: rotate(-5deg);
}

.voice-area:after {
  max-width: 30%;
  bottom: 8%;
  -webkit-box-shadow: 20px 30px 10px #777;
  -moz-box-shadow: 10px -15px 10px #777;
  box-shadow: 15px 15px 15px #777;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 30px;
  left: auto;
}

.interview-area{
  padding: 2em;
  background-image: url(https://aerial.yoga.nagoya/wp-content/uploads/2023/05/bg03.jpg);
  position: relative;
}

.interview-area:before,.interview-area:after{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 5%;
  left: 30px;
  width: 50%;
  top: 5%;
  max-width: 20%;
  background: #777;
  -webkit-box-shadow: -20px -30px 10px #aaa;
  -moz-box-shadow: -10px 15px 10px #aaa;
  box-shadow: -15px -15px 15px #aaa;
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  transform: rotate(-5deg);
}

.interview-area:after {
	 z-index: -1;
  max-width: 50%;
  bottom: 2%;
  -webkit-box-shadow: 20px 30px 10px #aaa;
  -moz-box-shadow: 10px -15px 10px #aaa;
  box-shadow: 15px 15px 15px #aaa;
  -webkit-transform: rotate(1deg);
  -moz-transform: rotate(1deg);
  -o-transform: rotate(1deg);
  -ms-transform: rotate(1deg);
  transform: rotate(3deg);
  right: 40px;
  left: auto;
}

@media screen and (max-width: 520px) {
	.size-ll,h2.size-ll{
	font-size:1.2em;
}

.size-l,h2.size-l{
	font-size:1em;
}

.size-m{
	font-size:1em;
}
	
	p,li{
		font-size:.9em;
	}	
    }