@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
*/

/**************************************************************************************************

グローバルナビ

**************************************************************************************************/
.c-gnav>.menu-item>a .ttl {
font-size: 1em;
letter-spacing: 1.3px;
font-weight: 600;
}

.c-smallNavTitle{
	font-size: 0.8em;
}

/**************************************************************************************************

写真のシャドウ

**************************************************************************************************/
/*****黄色****/
.shadow1{
	box-shadow: 10px 10px 0px 0 rgb(254,214,47);
}
/*****青****/
.shadow2{
		box-shadow: 10px 10px 0px 0 rgb(53,181,210);
}
/*****オレンジ****/
.shadow3{
		box-shadow: 10px 10px 0px 0 rgb(241,141,0);
}
/*****ピンク****/
.shadow4{
		box-shadow: 10px 10px 0px 0 rgb(233,88,132);
}
/*****濃い目の黄色****/
.shadow5{
		box-shadow: 10px 10px 0px 0 rgb(244,195,0);
}


/**************************************************************************************************

TOPページ

**************************************************************************************************/
.topbox{
	margin:3em 0;
}

@media(max-width:750px){
	.topbox{
	margin: 0;
}
}

.topbox2{
	margin:8em 0;
}
@media(max-width:750px){
	.topbox2{
	margin: 0;
}
}


.point-box{
	width:90%;
	margin:auto;
	
}

.big-title{
	font-size:2em;
}

@media(max-width:750px){
	.big-title{
	font-size:1.5em;
	}
}
	
@media(max-width:750px){
	.big-title img{
	 width: 40px;
    height: auto; 
	}
	}
	
/***********スマホ表示のみ中央揃え*************/

@media(max-width:750px){
	.sp-center{
	 display: flex;
	 justify-content: center;
 	 align-items: center;
	}
	}


/***********スマホで改行を禁止する*************/
@media(max-width:750px){
	.sp-none{
		display: none;
	}
}
	

/**************クラスリスト*******************/

.class-list li{
	font-size:0.8em;
	background-color: #F18D00;
	padding:0.5em;
	border-radius: 0.5em;
	list-style: none;
	color: #FFF;
	font-weight: bold;
	margin:0;
	
}

.class-list ul{
	padding-left: 0;
}


.class-list2 ul{
	padding-left: 0;
}



.class-list2 li{
	font-size:0.8em;
	background-color: #35B5D2;
	padding:0.5em;
	border-radius: 0.5em;
	list-style: none;
	color: #FFF;
	font-weight: bold;
	margin:0;
}

.name1{
	padding: 0.2em;
	margin:0;
	font-weight: 600;
	font-size:1.5em;
	text-align: center;
	background-color: #35B5D2;
	color: #fff;
	box-shadow: 0px 10px 0px 0 rgb(53,181,210);
}

.name2{
	padding: 0.2em;
	margin:0;
	font-weight: 600;
	font-size:1.5em;
	text-align: center;
	background-color: #F18D00;
	color: #fff;
	box-shadow: 0px 10px 0px 0 rgb(241,141,0);
}
.name3{
	padding: 0.2em;
	margin:0;
	font-weight: 600;
	font-size:1.5em;
	text-align: center;
	background-color: #E95884;
	color: #fff;
	box-shadow: 0px 10px 0px 0 rgb(233,88,132);
}
.name4{
	padding: 0.2em;
	margin:0;
	font-weight: 600;
	font-size:1.5em;
	text-align: center;
	background-color: #f4c300;
	color: #fff;
	box-shadow: 0px 10px 0px 0 rgb(244,195,0);
}

/**************************************************************************************************

固定ページ

**************************************************************************************************/

/*****上部の空白をなくす****/
.page #content {
padding-top: 0;
}

/**************************************************************************************************

固定ページ

**************************************************************************************************/

.contents-box{
	border-radius: 10px;
	padding:1em;
}


/**************画像入り見出し*******************/
.midashi{
	text-align: center;
	font-size:.0.9em;
	
}

/**************フォント******************/
.Kaisei-Decol {
 font-family: 'Kaisei Opti', serif;
}


/**********問い合わせフォーム**************/
/****必須赤枠********/
.require{
background-color:#fff;
color:#ed2214;
padding:2px 7px;
border:solid 1px #ed2214;
font-size:11px;
line-height:1.2em;
text-align:center;
font-weight:normal;
margin-left:5px;
border-radius: 3px;         /* CSS3 */
	-moz-border-radius: 3px;    /* Firefox */
	-webkit-border-radius: 3px;

}

.Notrequired{
background-color:#fff;
color:#7e7e7e;
padding:2px 7px;
border:solid 1px #7e7e7e;
font-size:11px;
line-height:1.2em;
text-align:center;
font-weight:normal;
margin-left:5px;
border-radius: 3px;         /* CSS3 */
	-moz-border-radius: 3px;    /* Firefox */
	-webkit-border-radius: 3px;

}

/**************スマホだけ改行*******************/
@media screen and (min-width: 768px){
.br-sp {display: none; }
}