@charset "utf-8";
/* CSS Document */

@media screen and (max-width:767px){
/* メディアクエリー */

/*----------------------------------------------------------------


	共通


----------------------------------------------------------------*/

.repSec{
	margin:0 auto 40px;
}
.repSec > .inner{
}
.repSec .heading{
	text-align: center;
	position: relative;
	background:#e62879;
	padding:15px 4%;
	margin-bottom:20px;
}

.repSec .heading .JP{
	display: block;
	font-size:20px;
	color:#fff;
	margin-bottom:0px;
}
.repSec .heading .EN{
	display: block;
	font-size:14px;
	color:#fffb00;
}

.repSec .textArea {
	padding:0 4%;
}
.repSec .imageArea {
	padding:0 4%;
	margin-bottom:20px;
}


.repSec .innerWrap{}
.repSec .innerRep{
	overflow: hidden;
	margin-bottom:20px;
}
.repSec .innerRep .textArea{}

.headingS{
	font-size:20px;
	color:#e62879;
	background:url("../images/contents/top/bg-heading-s.png") no-repeat left 3px;
	background-size:25px 24px;
	padding:0 0 0 35px;
	margin-bottom:15px;
}



.repSec .textArea ul:before,
.repSec .textArea ul:after {
    display: none;
}
.repSec .textArea ul li{
	position:relative;
	padding:0 0 8px 17px;
	margin-bottom: 10px;
	font-weight:bold;
	border-bottom:1px dashed #5e3e1c;
}
.repSec .textArea ul li:before{
	content: "●";
	font-size:60%;
	position:absolute;
	top:6px;
	left:0;
	color:#353535;
}



.repSec .textArea table{
	border-collapse: collapse;
}
.repSec .textArea table th,
.repSec .textArea table td{
	padding:15px;
	border-bottom:1px solid #e1e1e1;
}
.repSec .textArea table th{
	min-width:8em;
	text-align: left;
}
.repSec .textArea table td{
}



section strong{
	color:#e62879;
}


/*----------------------------------------------------------------


	トップ


----------------------------------------------------------------*/

#okomari{
	padding:0 4%;
}
#okomari > .inner{
	background:url("../images/contents/top/komaru.png") no-repeat left bottom;
	background-size:132px 260px;
}
#okomari .heading{
	font-size:20px;
}
#okomari .heading span{
	background:url("../images/contents/top/yel-marker.gif") repeat-x left bottom;
}
ul.checkList{
	padding:0 0 0 130px;
}
ul.checkList li{
	background:url("../images/contents/top/checkbox.png") no-repeat left 1px;
	background-size:17px 17px;
	padding:0 0 0 23px;
	font-weight: bold;
	margin-bottom:10px;
}






#welcome .heading{
	background:#24a6cb;
	color:#fff;
	text-align: center;
	font-size:20px;
	margin-bottom:40px;
	padding:10px 4%;
	position: relative;
}
#welcome .heading:after{
	content: "";
	display: block;
	position: absolute;
	bottom:-20px;
	left:50%;
	margin-left:-12px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 12px 0 12px;
	border-color: #24a7cb transparent transparent transparent;
}
#welcome .heading strong{
	color:#fffb00;
}
#welcome .textArea{	
	padding:0 4% 150px;
	background:url("../images/contents/top/kazuesan.png") no-repeat right bottom;
	background-size:161px 285px;
	position: relative;
	z-index: 2;
}
#welcome .nameBox{
	font-weight: bold;
}
#welcome .nameBox .role{
	font-size:14px;
	margin-bottom:5px;
}
#welcome .nameBox .name{
	font-size:22px;
}
#welcome .imageArea{
	position: relative;
	z-index: 3;
	overflow: hidden;
	padding:0 4%;
	margin-top:-80px;
}
#welcome .imageArea .L{
	float: left;
}
#welcome .imageArea .R{
	float: right;
	padding-top:20px;
}
#welcome .yokatta{
	text-align: center;
	padding:0 4%;
}





#voice{
}
#voice .heading{
	background:#24a6cb;
}
#voice .singleVoice,
.voiceSec .singleVoice{
	margin-bottom:40px;
	padding:0 4%;
}
#voice .face,
.voiceSec .face{
	float: left;
	margin-right:5px;
	width:60px;
}
#voice .fukidashi,
.voiceSec .fukidashi{
	overflow: hidden;
	padding-left:16px;
}
#voice .fukidashi-inner,
.voiceSec .fukidashi-inner{
	background:#f3f3f3;
	padding:20px;
	border-radius: 20px;
	position: relative;
}
#voice .fukidashi-inner:before,
.voiceSec .fukidashi-inner:before{
	content: "";
	display: block;
	position: absolute;
	left:-16px;
	top:30px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 16px 5px 0;
	border-color: transparent #f3f3f3 transparent transparent;
}
#voice .fukidashi .name,
.voiceSec .fukidashi .name{
	font-weight: bold;
	text-align: right;
	margin-bottom:0;
}




.footCTA{
	padding:0 4%;
}
.footCTA a{
	background:#eb6f13;
	color:#fff;
	font-size:20px;
	font-weight: bold;
	text-align: center;
	display: block;
	padding:17px 0 15px;
	border-radius: 10px;
	border-bottom:7px solid #ab4900;
}
.footCTA a:hover{
	border-bottom:1px solid #ab4900;
	border-top:6px solid #fff;
	background:#ff6d00;
}



/*----------------------------------------------------------------


	講師プロフィール


----------------------------------------------------------------*/

#profileSec {
	margin:0;
}
#profileSec .textArea{
	background:url("../images/contents/top/kazuesan.png") no-repeat center bottom;
	background-size:161px 285px;
	position: relative;
	z-index: 2;
	padding-bottom:285px;
}
#profileSec .nameBox{
	font-weight: bold;
	border-bottom:1px solid #e62879;
	padding:0 0 10px;
	margin-bottom:25px;
}
#profileSec .nameBox .role{
	font-size:18px;
	display: inline-block;
	color:#e62879;
	margin-bottom:5px;
}
#profileSec .nameBox .name{
	font-size:26px;
	margin-bottom:0;
}
#profileSec .nameBox .name span{
	font-size:70%;
}




/*----------------------------------------------------------------


	お客様の声


----------------------------------------------------------------*/

.voiceSec .heading{
	padding:30px 4%;
	margin-bottom:50px;
	color:#fff;
}



/*----------------------------------------------------------------


	ブログ


----------------------------------------------------------------*/


#contents.blogContents > .inner{}
#mainColumn{}
#sideColumn{
	padding:0 4%;
}


	
	

/* 一覧
----------------------------------------------- */

.secHeadline{
	background:url(../images/contents/top/dashed-line.png) repeat-x left top;
}
.secHeadline > .inner{
}
.secHeadline .artHeadline{	
	font-size:16px;
	background:url(../images/contents/top/dashed-line.png) repeat-x left bottom;
}

.secHeadline .artHeadline img{
	width:100%;
	height:auto;
}
.secHeadline .artHeadline a{
	display: block;
	color:#353535;
	text-decoration: none;
	padding:15px 4%;
	overflow: hidden;
	border-bottom:1px solid #e5e5e5;
}
.secHeadline .artHeadline:first-child a{
	border-top:1px solid #e5e5e5;
}
.secHeadline .artHeadline .TR-container{
	overflow: hidden;
	color:#E62879;
	margin-bottom:10px;
	padding:0 0 3px;
}
.secHeadline .artHeadline .TR-container time{
	float:left;
	font-weight: bold;
}
.secHeadline .artHeadline .TR-container .inner-more{
	float:right;
	margin:0;
	padding:0 4px;
	position: relative;
	font-weight: bold;
}
.secHeadline .artHeadline .TR-container .inner-more:after {
    background: #E62879;
    bottom: -3px;
    content: '';
    right: 0;
    height: 1px;
    position: absolute;
    width: 0%;
	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.secHeadline .artHeadline:hover .TR-container .inner-more:after {
    left: 0;
	width: 100%;
}



.secHeadline .artHeadline h3{
	font-size:18px;
	margin-bottom:7px;
}
.secHeadline .artHeadline .eyeCatch {
	float:right;
	width:30%;
	margin-left:30px;
}

.secHeadline .artHeadline .excerpt{
	margin:0;
}




.widget{
	margin-bottom:40px;
}
.widget .heading{
	text-align: center;
	margin-bottom:15px;
	background: #E62879;
	color:#fff;
	font-size:16px;
	line-height:34px;
	border-radius: 17px;
}
.widget ul li{
}
.widget ul li a{
	display: block;
	font-weight: bold;
	text-align: center;
	padding:10px 0;
	border-bottom:1px solid #e5e5e5;
	font-size:80%;
}
.widget ul li a:hover{
	border-bottom:1px solid #E62879;
}




/*-----　シングル　-----*/

.secPost{
	position: relative;
	z-index: 1;
}

.secPost > .inner{
}
.artPost{
	padding:0 4%;
	overflow:hidden;
	*zoom:1;
}
.artPost > header{
	overflow: hidden;
	padding-bottom:10px;
}
.artPost > header time{
	letter-spacing: 1px;
	color:#E62879;
	float: left;
	margin:0 30px 0 0;
	font-weight: bold;
}
.artPost > header .cat {
	float: left;
	margin-bottom:0;
}
.artPost > header time span{
	font-size:80%;
	margin-left:5px;
}

.artPost .postTitle{
	font-size:24px;
}
.artPost .textArea{
}





/* ページャー
----------------------------------------------- */

.pagination {
    margin: 40px 0;
	font-size:12px;
	text-align: center;
}

.pagination ul {
    margin: 0;
	padding-top: 5px;
	overflow:hidden;
	*zoom:1;
	text-align:center;
}
.pagination li {
	display:inline-block;
	*zoom:1;
	*display:inline;
	margin:0 3px 6px;
	font-weight:bold;
	
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.pagination li.current {
	background:#E62879;
    color: #fff;
    padding: 7px 15px 6px;
	border:2px solid #E62879;
}
.pagination li a {
	border:2px solid #E62879;

    padding: 7px 15px 6px;
	font-weight:bold;

	display: inline-block;

-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;

}
.pagination li a:hover {
	background:#E62879;
	color:#fff;
}






/*----------------------------------------------------------------


	CONTACTFORM 7


----------------------------------------------------------------*/

div.wpcf7 form.wpcf7-form{

}
div.wpcf7 form.wpcf7-form table,
div.wpcf7 form.wpcf7-form table tbody,
div.wpcf7 form.wpcf7-form table tr,
div.wpcf7 form.wpcf7-form table th,
div.wpcf7 form.wpcf7-form table td{
	display: block;
}
div.wpcf7 form.wpcf7-form table{
	width:100%;
	margin-bottom:20px;
	border:none;
}

div.wpcf7 form.wpcf7-form table th,
div.wpcf7 form.wpcf7-form table td{
	border:none;
	background:none;
	padding:10px 0;
	color:#000;
	width: 100%;
	
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
div.wpcf7 form.wpcf7-form table th{
	text-align:left;
	padding:10px 0 0;
}

div.wpcf7 form.wpcf7-form table td input,
div.wpcf7 form.wpcf7-form table td textarea,
div.wpcf7 form.wpcf7-form table td select {
    padding: 10px;
	width:100%;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
div.wpcf7 form.wpcf7-form table td input[type="radio"] ,
div.wpcf7 form.wpcf7-form table td .your-age,
div.wpcf7 form.wpcf7-form table td .datetime{
	width:auto;
}
span.required,
span.red{
	color:#e50012;
	margin:0 3px;
}

div.wpcf7 form.wpcf7-form .button {
	text-align:right;
}
div.wpcf7 form.wpcf7-form .button input {
    border: medium none;
    cursor: pointer;
	margin:0px auto 40px;


	background:#E62879;
	color:#fff;
	
	width:160px;
	line-height:40px;
	font-size:16px;
	font-weight:bold;
	font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ","meiryo","ＭＳ Ｐゴシック",sans-serif;

	letter-spacing: 0.8em;
	padding-left: 0.8em;
	
	-webkit-appearance: none;
}



div.wpcf7 form.wpcf7-form span.wpcf7-list-item {
    margin: 0 15px 2px 0;
	display:inline-block;
	*zoom:1;
	*display:inline;
}






}
/* メディアクエリー閉じタグ */