/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 09 2025 | 04:47:45 */
#Trial .section1{
	padding-top:50px;
	padding-bottom:80px;
		background-image: url(http://mongata-artschool.com/wp-content/uploads/2025/09/bg_moon_yellow.png),url(http://mongata-artschool.com/wp-content/uploads/2025/09/bg_moon_blue.png);
    background-repeat: no-repeat, no-repeat;
    background-position: 95% 0px, 3% 95%;
    background-size: 188px 201px,192px 205px;
}
#Trial .section1 pre{
	 font-size: 20px;
  font-family: "Capriola", sans-serif;
	font-weight: 400;
	text-align:center;
	color:#A3ADD7;
		margin-bottom:0px;
}
#Trial .section1 h1{
	 font-size: 34px;
  font-family: "Kiwi Maru", serif;
	font-weight: 400;
	text-align:center;
		margin-bottom:20px;
}
#Trial .section1 p{
	 font-size: 30px;
  font-family: "Kiwi Maru", serif;
	font-weight: 400;
	text-align:center;
		margin-bottom:20px;
	color:#4E5482;
}

#Trial .mv_pc {
  display: block;
}
#Trial .mv_sp {
  display: none;
}

#Trial .section2{
	padding-top:100px;
	padding-bottom:0px;
}
#Trial .section2 .column{
	margin-bottom:70px;
}
#Trial .section2 h2{
	 font-size: 24px;
  font-family: "Kiwi Maru", serif;
	font-weight: 400;
		margin-bottom:5px;
	color:#4E5482;
}
#Trial .section2 table{
  border-collapse: collapse;
  width: 100%;
	margin-top:10px;
}
#Trial .section2 table th,
#Trial .section2 table td {
  padding: 10px 15px;
  background-color: #F2F2F2;
  border: solid 5px #FFF;
  box-sizing: border-box;
	 font-family: "Noto Sans JP", sans-serif;
	font-weight:400;
	line-height:1.6;
	    vertical-align: middle;
}
#Trial .section2 table th {
  background-color: #9A95C9;
  color: #fff;
  width: 180px;
  font-weight: 500;
  vertical-align: middle;
}

#Trial .section3{
	padding-bottom:120px;
}
#Trial .section3 p{
	margin-bottom:20px;
	text-align:center;
}
#Trial .section3 .btn1 {
  color: #333;
	margin-top:20px;
}
#Trial .section3 .btn1 a {
  position: relative;
        padding-top: 20px;
    padding-right: 30px;
    padding-left: 45px;
    padding-bottom: 20px;
  text-decoration: none;
  color: #333;
  background-color: #FFFB57;
   font-size: 24px;
  font-weight: 500;
	font-family: "Kiwi Maru", serif;
	border-radius:100px;
	width:420px;
}
#Trial .section3 .btn1 a:hover {
  background-color: #FFFB57;
  opacity: 0.7;
}
#Trial .section3 .btn1 a:before {
  background: url(http://mongata-artschool.com/wp-content/uploads/2025/09/ico_arrow_blue-1.svg);
  content: "";
  width: 14px;
  height: 21px;
  left:35px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

#Trial .section3 .btn2 {
  color: #333;
	margin-top:30px;
}
#Trial .section3 .btn2 a {
  position: relative;
    padding-top: 10px;
    padding-right: 25px;
    padding-left: 45px;
    padding-bottom: 10px;
  text-decoration: none;
  color: #333;
  background-color: #FFFB57;
   font-size: 16px;
  font-weight: 500;
	font-family: "Kiwi Maru", serif;
	border-radius:100px;
}
#Trial .section3 .btn2 a:hover {
  background-color: #FFFB57;
  opacity: 0.7;
}
#Trial .section3 .btn2 a:before {
  background: url(https://mongata-artschool.com/wp-content/uploads/2025/09/ico_arrow_blue.svg);
  content: "";
  width: 17px;
  height: 14px;
  left: 15px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
#Trial .section3 h2{
	 font-size: 16px;
  font-family: "Kiwi Maru", serif;
	font-weight: 400;
	margin-top:20px;
		margin-bottom:0px;
	text-align:center;
}
#Trial .section3 p.tel{
	 font-size: 24px;
  font-family: "Kiwi Maru", serif;
	font-weight: 400;
		margin-bottom:10px;
	text-align:center;
}




@media (max-width: 833px) {
#Trial .mv_pc {
    display: none;
  }
#Trial .mv_sp {
    display: block;
  }
	#Trial .section1{
	padding-top: 60px;
        padding-bottom: 100px;
        padding-left: 25px;
        padding-right: 25px;
        background-image: url(http://mongata-artschool.com/wp-content/uploads/2025/09/bg_moon_yellow.png), url(http://mongata-artschool.com/wp-content/uploads/2025/09/bg_moon_blue.png);
        background-repeat: no-repeat, no-repeat;
        background-position: 95% 0px, 2% 98%;
        background-size: 80px 85px, 80px 85px;
}
#Trial .section1 pre{
	 font-size: 18px;
}
#Trial .section1 h1{
	 font-size: 26px;
	text-align:center;
		margin-bottom:10px;
}
#Trial .section1 p{
	 font-size: 20px;
	text-align:center;
		margin-bottom:10px;
}
	
	#Trial .section2{
	padding-top:45px;
	padding-bottom:0px;
		padding-left: 25px;
        padding-right: 25px;
}
#Trial .section2 .column{
	margin-bottom:35px;
}
#Trial .section2 h2{
	 font-size: 20px;
		margin-bottom:5px;
}
	#Trial .section2 p{
	 font-size: 14px;
}
#Trial .section2  table th {
    padding: 4px 15px;
  }
#Trial .section2  table th,
#Trial .section2  table td {
    padding: 15px;
    display: block;
    width: 100%;
    border: none;
	font-size:14px;
  }
	
	#Trial .section3{
	padding-bottom:60px;
		padding-left: 25px;
        padding-right: 25px;
}
#Trial .section3 p{
	font-size:14px;
	margin-bottom:10px;
	text-align:left;
}
#Trial .section3 .btn1 {
	margin-top:15px;
}
#Trial .section3 .btn1 a {
	width:320px;
}
	#Trial .section3 .btn1 a:before {
  left:25px;
}
	
	
	
}