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

@media screen and (max-width: 1000px) {	

#cont-lesson .inner{
	width: auto;
	margin: 0 auto;
	padding: 42px 15px 30px;
}	
	
#cont-trainer .inner{
	width: auto;
	margin: 0 auto;
	padding: 42px 15px 30px;
}
	
#cont-license .inner{
	width: auto;
	margin: 0 auto;
	padding: 42px 15px 30px;
}


#cont-privacy .inner{
	width: auto;
	margin: 0 auto;
	padding: 42px 15px 30px;
}

	
#cont-sitemap .inner{
	width: auto;
	margin: 0 auto;
	padding: 42px 15px 30px;
}
	

#cont-briefing .inner{
	width: auto;
	margin: 0 auto;
	padding: 42px 15px 30px;
}
	
#cont-briefingform .inner{
	width: auto;
	margin: 0 auto;
	padding: 30px 15px 30px;
}


#cont-puppy .inner{
	width: auto;
	margin: 0 auto;
	padding: 42px 15px 0px;
}	
	

#cont-puppy02 .inner{
	width: auto;
	margin: 0 auto;
	padding: 30px 15px 30px;
}

#cont-puppy02 .inner .flbox{
	float: none;
	width: auto;
	margin-bottom: 20px;
}
	
#cont-puppy02 .inner img{
	width: 100%;
}

#cont-puppy02 .inner .frbox{
	float: none;
	width: auto;
}

#cont-puppy02 .inner h2{
	margin-bottom: 10px;
}	

#cont-puppy03 .inner{
	width: auto;
	margin: 0 auto;
	padding: 0 15px 30px;
}	
	
#cont-puppy03 .inner img{
	width: 100%;
}

#cont-puppy03 .inner .flbox{
	float: none;
	width: auto;
}

#cont-puppy03 .inner .frbox{
	float: none;
	width: auto;
	margin-bottom: 20px;
}

#cont-puppy03 .inner h2{
	margin-bottom: 10px;
}
	
	
#cont-course .inner{
	width: auto;
	margin: 0 auto;
	padding: 42px 15px 30px;
}		
	
#cont-course02 .inner{
	width: auto;
	margin: 0 auto;
	padding: 30px 15px 30px;
}	
	
#cont-course02 .inner .flbox{
	float: none;
	width: auto;
	margin-bottom: 20px;
}
	
#cont-course02 .inner img{
	width: 100%;
}

#cont-course02 .inner .frbox{
	float: none;
	width: auto;
}

#cont-course02 .inner .flbox02{
	float: none;
	width: auto;
}

#cont-course02 .inner .frbox02{
	float: none;
	width: auto;
	margin-bottom: 20px;
}

}


@media screen and (max-width: 768px) {


	
/* ==== パンくず =====*/


section#pankuzu{
	display: none;
}
	
	
/* ==== trainer =====*/	
	
#cont-trainer .inner{
	padding: 102px 15px 40px;
}
	
#cont-trainer .inner .txt-trainer01{
	font-size: 18px;
}
	
#cont-trainer .inner h3 {
    font-size: 21px;
}

#cont-trainerbox{
	padding: 25px;
}
	
#cont-trainer .inner p a.btn_details{	
	width:80%;
}	

#cont-trainer .inner ul.traininglist{
  display:block;
  flex-wrap:wrap;/*回り込み有効化*/
}
	
#cont-trainer .inner ul.traininglist li{
	width:100%;
	margin-bottom: 20px;
}
	
#cont-trainer .inner ul.traininglist li:last-child{
	margin-bottom: 0px;
}
	
#cont-trainer .inner ul.traininglist li div.trainingtxt_box_in{
	margin:0;
}	
	

	
/* ==== license =====*/	
	
#cont-license .inner{
	padding: 102px 15px 40px;
}	
	
#cont-licensebox h3{
	font-size: 21px;
}
	
	
/* ==== course =====*/
	
#cont-course .inner{
	padding: 102px 15px 40px;
}
	
#cont-course02 .inner{
	padding: 30px 15px 30px;
}
	

/* ==== puppy =====*/
	
#cont-puppy .inner{
	padding: 102px 15px 0;
}
	
#cont-puppy .inner p{
	font-size: 21px;
	text-align: left;
}

/* ==== privacy =====*/
	
#cont-privacy .inner{
	padding: 102px 15px 30px;
}	

/* ==== sitemap =====*/

#cont-sitemap .inner{
	padding: 102px 15px 30px;
}	

#cont-lesson .inner{
	padding: 102px 15px 30px;
}	
	
/* ==== briefing =====*/

#cont-briefing .inner{
	padding: 102px 15px 30px;
}
	
#cont-briefing .inner.formbox{
	padding: 30px 15px 30px;
}
	
#cont-briefing .inner p.briefingtxt{
	text-align: left;
}

#cont-briefing .inner p.briefingtxt02{
	text-align: left;
}
	
#cont-briefing .inner p.briefingtxt03{
	text-align: left;
}
	
table.briefingTB th,table.briefingTB td{
	display: block;
}

table.briefingTB{
	border-top: 1px solid #cccccc;	
}	
	
table.briefingTB th {
    padding:10px 3%;
	width: 94%;
	border-bottom: none;
	border-top: none;
}

table.briefingTB td {
    padding:10px 3%;
	width: 94%;

}

#cont-briefingform .inner{
	padding: 30px 15px 30px;
}

	
table.formTB th,table.formTB td{
	display: block;
}
	
table.formTB th {
    padding:20px 3% 10px;
	width: 94%;
	border-bottom: none;
	border-top: none;
}

table.formTB td {
    padding:10px 3%;
	width: 94%;
}

input[type="text"],input[type="email"],input[type="tel"]{
	width: 90%;
	padding: 2%;
}

textarea {
	width: 90% !important;
}

.cp_ipselect.cp_sl01 {
    width: 95%;
}	
	
.btn_form{
	width:80%;
}

	
	
}



@media screen and (max-width: 500px) {

#cont-trainer .inner .txt-trainer01{
	font-size: 18px;
	text-align: left;
	margin-bottom: 20px;
}
	
#cont-trainer .inner .txt-trainer01 br{
	display: none;
}
	
#cont-trainerbox{
	padding: 20px;
}	

#cont-licensebox h3{
	font-size: 18px;
}
	
#cont-licensebox h3 br{
	display: block;
}
	
#cont-licensebox{
	padding: 15px;
}
	
.license-a{
	float:none;
	width:auto;
	border: 1px solid #e6ce36;
	margin-bottom: 20px;
}

.license-b{
	float:none;
	width:auto;
	border: 1px solid #b8c0c2;
}
	
.propet-l{
	float:none;
	width:auto;
	padding: 5%;
	border: 1px solid #ccc;
	margin-bottom: 20px;
}

.propet-l img{
	width: 40%;
	margin: 0 auto;
	text-align: center;
	vertical-align: middle;
	display: block;
}

.propet-r{
	float:none;
	width:auto;
}
	
	
#cont-privacy .inner h2,#cont-sitemap .inner h2,#cont-briefing .inner h2,#cont-briefingform .inner h2,#cont-puppy .inner h2,#cont-course .inner h2,#cont-course02 .inner h2,#cont-license .inner h2,#cont-trainer .inner h2,#cont-lesson .inner h2{
	margin-bottom: 30px;
}
	
#cont-privacy .inner h2 span,#cont-sitemap .inner h2 span,#cont-briefing .inner h2 span,#cont-briefingform .inner h2 span,#cont-puppy .inner h2 span,#cont-course .inner h2 span,#cont-course02 .inner h2 span,#cont-license .inner h2 span,#cont-trainer .inner h2 span,#cont-lesson .inner h2 span{
	font-size: 32px;
}

	

}






@media screen and (max-width: 375px) {

#cont-trainer .inner .txt-trainer01{
	font-size: 16px;
}
	
#cont-trainer .inner h3 {
    font-size: 18px;
}
	
#cont-trainerbox{
	padding: 15px;
}	
	
#cont-licensebox h3{
	font-size: 16px;
	margin-bottom: 20px;
}
	
	
/* ==== privacy =====*/
	
#cont-privacy .inner h2 span{
	font-size: 30px;
}

	
#cont-course .inner dl dt span{
	font-size: 21px;
	margin-right: 4px;
}


#cont-course .inner h3{
	padding: 8px 10px;
	font-size: 16px;
}	
	
.curriculumbox{
	padding: 10px;
}


	
}