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

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

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


	共通


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

.repSec{
	margin:0 auto 80px;
}
.repSec > .inner{
	width:1100px;
	margin:0 auto;
}
.repSec .heading{
	text-align: center;
	position: relative;
	background:#e62879;
	padding:40px;
	margin-bottom:80px;
}
.repSec:nth-child(2n) .heading{
	background:#24a6cb;
}

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

.repSec .textArea {
}
.repSec .imageArea {
	float: right;
	margin:0 0 20px 50px ;
	max-width:500px;
}


.repSec .innerWrap{}
.repSec .innerRep{
	overflow: hidden;
	margin-bottom:50px;
}
.repSec .innerRep:nth-child(2n) .imageArea {
	float: left;
	margin:0 50px 20px 0;
}
.repSec .innerRep .textArea{
	overflow: hidden;
	padding:40px;
}

.headingS{
	font-size:28px;
	color:#e62879;
	background:url("../images/contents/top/bg-heading-s.png") no-repeat left top;
	padding:6px 0 6px 65px;
	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 #656565;
}
.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:1px solid #e1e1e1;
}
.repSec .textArea table th{
	min-width:10em;
	text-align: left;
	background:#f3f3f3;
}
.repSec .textArea table td{
}



section strong{
	color:#e62879;
}


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


	トップ


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

#okomari{
	padding-top:40px;
}
#okomari > .inner{
	width:1100px;
	margin:0 auto;
	background:url("../images/contents/top/komaru.png") no-repeat left bottom;
	padding:40px 0 0 300px;
	min-height:520px;
}
#okomari .heading{
	font-size:40px;
}
#okomari .heading span{
	background:url("../images/contents/top/yel-marker.gif") repeat-x left bottom;
}
ul.checkList li{
	background:url("../images/contents/top/checkbox.png") no-repeat left top;
	padding:2px 0 0 43px;
	font-size:24px;
	font-weight: bold;
	margin-bottom:20px;
}





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





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




.footCTA{
	clear: both;
	width:800px;
	margin:0 auto 80px;
}
.footCTA a{
	background:#eb6f13;
	color:#fff;
	font-size:32px;
	font-weight: bold;
	text-align: center;
	display: block;
	width:800px;
	height:120px;
	padding-top:36px;
	border-radius: 10px;
	border-bottom:7px solid #ab4900;
}
.footCTA a:hover{
	border-bottom:1px solid #ab4900;
	border-top:6px solid #fff;
	background:#ff6d00;
}


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


	実績


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

.repSec.worksSec{
	text-align: center;
}
.repSec.worksSec .heading{
	padding:0 40px;
	margin-bottom:40px;
	display: inline-block;
	line-height: 70px;
	border-radius: 35px;
}
.repSec.worksSec .heading .JP{
	font-size:30px;
	margin:0;
}

.repSec.worksSec .textArea{
	text-align: left;
}

.repSec .innerRep.L {
	float: left;
	width:48%;
}
.repSec .innerRep.R {
	float: right;
	width:48%;
}
.repSec .innerRep.L .textArea,
.repSec .innerRep.R .textArea{
	padding:0;
}




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


	講師プロフィール


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

#profileSec {
	margin:0;
}
#profileSec .textArea{	
	width:1100px;
	margin:-30px auto 0;
	padding:40px 400px 0 0;
	background:url("../images/contents/top/kazuesan.png") no-repeat right bottom;
	position: relative;
	z-index: 2;
	height:600px;
}
#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:0 40px;
	margin-bottom:50px;
	line-height: 70px;
	border-radius: 35px;
	color:#fff;
}


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


	ブログ


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


#contents.blogContents > .inner{
	width:1000px;
	margin:0 auto;
	overflow: hidden;
}
#mainColumn{
	width:660px;
	float:left;
}
#sideColumn{
	width:300px;
	float:right;
}


	
	

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

.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:30px 0;
	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{
	overflow:hidden;
	*zoom:1;
}
.artPost > header{
	overflow: hidden;
	padding-bottom:10px;
}
.artPost > header time{
	letter-spacing: 1px;
	font-size:18px;
	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{
	font-size:18px;
	line-height: 2;
}





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

.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{
	width:100%;
	margin-bottom:20px;
	border:none;
	margin:0;
}
div.wpcf7 form.wpcf7-form table th,
div.wpcf7 form.wpcf7-form table td{
	border:none;
	background:none;
	padding:10px 0;
	color:#353535;
}
div.wpcf7 form.wpcf7-form table th{
	text-align:left;
	width:14em;
	padding:10px 20px 10px 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 .p-postal-code{
	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 {
    cursor: pointer;
	margin:20px auto 0;

	background:#E62879;
	color:#fff;
	
	display: inline-block;
	font-weight: bold;
	border:none;
	width:150px;
	padding:14px 0;

	font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ","meiryo","ＭＳ Ｐゴシック",sans-serif;

	letter-spacing: 0.8em;
	padding-left: 0.8em;

	-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;

}
div.wpcf7 form.wpcf7-form .button input:hover{
	background:#ffce00;
}


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







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