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



iframe{
	width: 100%;
}

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

section#pankuzu{
	width:100%;
	margin:0;
	padding:40px 0 0;
}

section#pankuzu .inner{
	width: 1000px;
	margin:0 auto;
	text-align:left;
}

section#pankuzu .inner{
  font-size:12px;
}


div.bread_crumb > ul:after,
div.bread_crumb > ul:before {
	content: "";
	display: table;
}
div.bread_crumb > ul:after {
	clear: both;
}
div.bread_crumb ul {
}

div.bread_crumb ul li a:hover{
	color:#00913c;
	text-decoration: underline;
}

div.bread_crumb ul li {
	float: left;
	font-size: 14px;
}
div.bread_crumb ul li.sub {
	padding-left: 15px;
}
div.bread_crumb ul li.sub:before {
	content: ">";
	letter-spacing: 10px;
}


/* ==== ドッグトレーナーとは =====*/

#cont-trainer {
    width: 100%;
}

#cont-trainer .inner{
	width: 1000px;
	margin: 0 auto;
	padding: 40px 0 ;
}

#cont-trainer .inner h2{
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 40px;
	text-align: center;
}

#cont-trainer .inner h2 span{
	font-size: 36px;
	font-family: "Lobster","Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	color: #00913c;
	display: block;
}

#cont-trainer .inner .txt-trainer01{
	font-size: 21px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 40px;
}


#cont-trainer .inner ul.traininglist{
  display: flex;
  flex-wrap:wrap;/*回り込み有効化*/
}

#cont-trainer .inner ul.traininglist li{
	width: calc(100% / 3);/*3等分*/
}

#cont-trainer .inner ul.traininglist li div.trainingtxt_box{
	position: relative;
	background: #fff;
	margin:20px;
}

#cont-trainer .inner ul.traininglist li img{
	width: 100%;
}


.trainingtxt_box_in{
	padding:25px 15px 25px;
}

.trainingtxt_box_in h4{
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 10px;
}

#cont-trainerbox{
	width: auto;
	background: #fafafa;
	padding: 30px;
}


#cont-trainer .inner h3{
	font-size: 28px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 10px;
}

#cont-trainer .inner p a.btn_details{
	margin: 40px auto 0;
    position: relative;
    display: block;
    padding: 15px 0;
    text-decoration: none;
    color: #00913c;
	border: 2px solid #00913c;
    font-weight: 700;
	font-size:14px;
	width: 50%;
	background: #fff;
	text-align: center;
    overflow: hidden;
	-moz-transition-duration:1s;
	-webkit-transition-duration:1s;
	-o-transition-duration:1s;
	-ms-transition-duration:1s;
}


#cont-trainer .inner p a.btn_details:hover{
    background:#00913c;
	color: #fff;
}



/* ==== 資格について =====*/

#cont-license {
    width: 100%;
}


#cont-license .inner{
	width: 1000px;
	margin: 0 auto;
	padding: 40px 0 ;
}

#cont-license .inner h2{
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 40px;
	text-align: center;
}

#cont-license .inner h2 span{
	font-size: 36px;
	font-family: "Lobster","Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	color: #00913c;
	display: block;
}


p.txt-license01{
	margin-bottom: 10px;
}

p.txt-license02{
	font-size: 12px;
	margin-bottom: 20px;
}

#cont-licensebox{
	width: auto;
	border: 1px solid #ccc;
	padding: 30px;
}

#cont-licensebox h3{
	font-size: 24px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 30px;
}

#cont-licensebox h3 br{
	display: none;
}

.licensebox-in{
	margin-bottom:40px;
	padding-bottom: 40px;
	border-bottom: 1px dotted #ccc;

}

.title-border {
	display: flex;
	align-items: center;
}
.title-border:before,
.title-border:after {
	border-top: 1px solid #333;
	content: "";
	flex-grow: 1;
}
.title-border:before {
	margin-right: 10px;
}
.title-border:after {
	margin-left: 10px;
}

.license-a{
	float: left;
	width: 47%;
	border: 1px solid #e6ce36;
}

.license-a h4{
	display: block;
	background: #e6ce36;
	color: #fff;
	text-align: center;
	font-weight: 700;
	padding: 10px 10px;
}

.license-a p{
	display: block;
	padding: 20px;
	line-height: 1.8;
}

.license-b{
	float: right;
	width: 47%;
	border: 1px solid #b8c0c2;
}

.license-b h4{
	display: block;
	background: #b8c0c2;
	color: #fff;
	text-align: center;
	font-weight: 700;
	padding: 10px 10px;
}

.license-b p{
	display: block;
	padding: 20px;
	line-height: 1.8;
}

.licenselink {
	text-align: right;
}


.licenselink a{
	text-decoration: underline;
}

.licenselink a:hover{
	text-decoration: none;
}


	
.licenselink a:after {
    content: '';
    width: 14px;
    height: 14px;
    background-image: url("../img/icon_link.svg");
    background-size: contain;
    display:inline-block;
    vertical-align:inherit;
	margin-left: 6px;
}


.propet-l{
	float: left;
	width: 15%;
	padding: 5%;
	border: 1px solid #ccc;
}

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

.propet-r{
	float: right;
	width: 70%;
}




/* ==== プラベートコースについて =====*/

#cont-course {
    width: 100%;
}


#cont-course .inner{
	width: 1000px;
	margin: 0 auto;
	padding: 40px 0 ;
}

#cont-course .inner h2{
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 40px;
	text-align: center;
}

#cont-course .inner h2 span{
	font-size: 36px;
	font-family: "Lobster","Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	color: #00913c;
	display: block;
}

#cont-course .inner p.txt-course{
	text-align: left;
	margin-bottom: 30px;
}

#cont-course .inner dl{
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #ccc;
}

#cont-course .inner dl dt{
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 5px;
}

#cont-course .inner dl dt span{
	font-size: 24px;
	font-family: "Lobster","Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	color: #00913c;
	margin-right: 8px;
}

#cont-course .inner h3{
	display: block;
	background: #fabf2f;
	padding: 8px 20px;
	font-size: 18px;
	color: #fff;
	font-weight: 700;
}

.curriculumbox{
	width: auto;
	border: 1px solid #fabf2f;
	padding: 20px;
}

.curriculumbox span{
	font-size: 18px;
	font-family: "Lobster","Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	color: #00913c;
	margin-right: 8px;
}



#cont-course02 {
    width: 100%;
	background: #fafafa;
}


#cont-course02 .inner{
	width: 1000px;
	margin: 0 auto;
	padding: 40px 0 20px;
}

#cont-course02 .inner h2{
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 40px;
	text-align: center;
}

#cont-course02 .inner h2 span{
	font-size: 36px;
	font-family: "Lobster","Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	color: #00913c;
	display: block;
}



#cont-course02 .inner h3{
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 20px;
}

#cont-course02 .inner h3 span{
	color: #00913c;
	font-size: 26px;
	font-family: "Lobster","Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	margin-right: 8px;
}


#cont-course02 .inner .flbox{
	float: left;
	width: 440px;
}

#cont-course02 .inner .frbox{
	float: right;
	width: 520px;
}

#cont-course02 .inner .flbox02{
	float: left;
	width: 520px;
}

#cont-course02 .inner .frbox02{
	float: right;
	width: 440px;
}


ul.txt-course-ex{
	font-size:12px;
}


/* ==== lesson =====*/

#cont-lesson {
    width: 100%;
}


#cont-lesson .inner{
	width: 1000px;
	margin: 0 auto;
	padding: 40px 0 ;
}

#cont-lesson .inner h2{
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 40px;
	text-align: center;
}

#cont-lesson .inner h2 span{
	font-size: 36px;
	font-family: "Lobster","Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	color: #00913c;
	display: block;
}

#cont-lesson .inner p{
	font-size: 24px;
	text-align: center;
	font-weight: 700;
}


/* ==== briefing =====*/

#cont-briefing {
    width: 100%;
}


#cont-briefing .inner{
	width: 1000px;
	margin: 0 auto;
	padding: 40px 0 ;
}

#cont-briefing .inner h2{
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 40px;
	text-align: center;
}

#cont-briefing .inner h2 span{
	font-size: 36px;
	font-family: "Lobster","Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	color: #00913c;
	display: block;
}


#cont-briefing .inner p.briefingtxt{
	text-align: center;
	margin-bottom: 10px;
}

#cont-briefing .inner p.briefingtxt02{
	text-align: center;
	margin-bottom: 30px;
}

#cont-briefing .inner p.briefingtxt03{
	text-align: center;
	margin-bottom: 50px;
}

#cont-briefing .inner p.briefingtxt04{
	text-align: center;
}

#cont-briefing .inner p.briefingtxt04 a{
	text-decoration: underline;
}

#cont-briefing .inner p.briefingtxt04 a:hover{
	color: #00913c;
	text-decoration: none;
}

table.briefingTB {
    width: 100%;
    border-spacing: 0;
    margin:0 auto 10px auto;
    text-align: left;
}

table.briefingTB th {
	border: 1px solid #cccccc;
    padding:20px 20px;
	font-weight:bold;
	width: 20%;
	vertical-align:middle;
	background: #f9f9f9;
}

table.briefingTB td {
	border: 1px solid #cccccc;
    padding:20px 20px;
	vertical-align:middle;
	width: 80%;
}

table.briefingTB a{
	color: #00913c;
	text-decoration: underline;
}

table.briefingTB a:hover{
	text-decoration: none;
}

#cont-briefingform {
    width: 100%;
	background: #fafafa;
}


#cont-briefingform .inner{
	width: 1000px;
	margin: 0 auto;
	padding: 40px 0 ;
}

#cont-briefingform .inner h2{
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 30px;
	text-align: center;
}

#cont-briefingform .inner h2 span{
	font-size: 36px;
	font-family: "Lobster","Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	color: #00913c;
	display: block;
}

table.formTB{
	width:100%;
	text-align:left;
	border-collapse:collapse;
	margin-bottom:40px;
	border-top:#cccccc 1px solid;
}

table.formTB th{
	width:25%;
    padding:20px 20px;
	border-bottom:#cccccc 1px solid;
	text-align:left;
	background:#ffffff;
}

table.formTB td{
    padding:20px 20px;
	background:#ffffff;
	border-bottom:#cccccc 1px solid;
}

.musttxt{
	background:#f19149;
	padding:5px 5px;
	font-size:10px;
	color:#ffffff;
	margin-left: 5px;
	border-radius: 4px;		/* CSS3草案 */
	-webkit-border-radius: 4px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 4px;	/* Firefox用 */
}

input {
    vertical-align : middle;
	text-indent: 1em;
}

input[type="text"],input[type="email"],input[type="tel"]{
	border: 1px solid #efefef;
	background: #efefef;
	width: 80%;
	padding: 8px;
}

input[type="text"]:focus,input[type="email"]:focus,input[type="tel"]:focus{
	background: #ffe6b7;
	border: 1px solid #f4a000;
}

textarea {
	width: 80% !important;
	height: 150px !important;
	background: #efefef;
	border: 1px solid #efefef;
	text-indent: 0.2em;
}

textarea:focus {
	background: #ffe6b7;
	border: 1px solid #f4a000;
}



.cp_ipselect {
	overflow: hidden;
}
.cp_ipselect select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.cp_ipselect select::-ms-expand {
    display: none;
}
.cp_ipselect.cp_sl01 {
	position: relative;
	border: 1px solid #bbbbbb;
	border-radius: 2px;
	background: #ffffff;
    width: 83%;
}
.cp_ipselect.cp_sl01::before {
	position: absolute;
	top: 1.1em;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #333;
	pointer-events: none;
}
.cp_ipselect.cp_sl01 select {
	padding: 8px 38px 8px 8px;
}


.privacytxt{
	text-align: center;
	margin-bottom: 30px;
}

.privacytxt a{
	text-decoration: underline;
}

.privacytxt a:hover{
	color: #00913c;
	text-decoration: none;
}

.btn_form{
	width:50%;
    background:#00913c;
	color: #fff;
	border: 2px solid #00913c;
	display:block;
	padding:15px 0;
	text-align:center;
	margin:0 auto;
	font-size: 14px;
    overflow: hidden;
	-moz-transition-duration:1s;
	-webkit-transition-duration:1s;
	-o-transition-duration:1s;
	-ms-transition-duration:1s;
}

.btn_form:hover{
	color: #00913c;
    background:#fff;
	border: 2px solid #00913c;
}


/* ==== 子犬のしつけの重要性 =====*/

#cont-puppy {
    width: 100%;
}


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

#cont-puppy  .inner h2{
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 40px;
	text-align: center;
}

#cont-puppy .inner h2 span{
	font-size: 36px;
	font-family: "Lobster","Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	color: #00913c;
	display: block;
}


#cont-puppy .inner p{
	font-size: 24px;
	text-align: center;
	font-weight: 700;
}


#cont-puppy02 {
    width: 100%;
}


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

#cont-puppy02 .inner .flbox{
	float: left;
	width: 440px;
}

#cont-puppy02 .inner .frbox{
	float: right;
	width: 520px;
}

#cont-puppy02 .inner h2{
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 20px;
}



#cont-puppy03 {
    width: 100%;
	position: relative;
}


#cont-puppy03 .inner{
	width: 1000px;
	margin: 0 auto;
	padding: 30px 0 60px;
}


#cont-puppy03 .inner .flbox{
	float: left;
	width: 520px;
}

#cont-puppy03 .inner .frbox{
	float: right;
	width: 440px;
}

#cont-puppy03 .inner h2{
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 20px;
}

/* ==== プライバシー =====*/

#cont-privacy {
    width: 100%;
}


#cont-privacy .inner{
	width: 1000px;
	margin: 0 auto;
	padding: 40px 0 ;
}

#cont-privacy .inner h2{
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 40px;
	text-align: center;
}

#cont-privacy .inner h2 span{
	font-size: 36px;
	font-family: "Lobster","Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	color: #00913c;
	display: block;
}

#cont-privacy .inner dl{
	text-align:left;
}

#cont-privacy .inner dl dt{
	font-weight:700;
	margin-bottom:10px;
}

#cont-privacy .inner dl dd{
	margin-bottom:40px;
}

#cont-privacy .inner dl dd ul{
	margin-top: 10px;
}


#cont-privacy .inner dl dd a:hover{
	color:#3595c6;
}



/* ==== サイトマップ =====*/

#cont-sitemap {
    width: 100%;
}


#cont-sitemap .inner{
	width: 1000px;
	margin: 0 auto;
	padding: 40px 0 ;
}

#cont-sitemap .inner h2{
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 40px;
	text-align: center;
}

#cont-sitemap .inner h2 span{
	font-size: 36px;
	font-family: "Lobster","Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	color: #00913c;
	display: block;
}

#cont-sitemap .inner h3{
	font-size:14px;
	font-weight:700;
	background:url(../img/icon_arrow.svg) no-repeat left center;
	padding-left:35px;
	background-size: 20px 20px;
}

#cont-sitemap .inner div{
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px dotted #cccccc;
}

#cont-sitemap .inner ul{
	margin-top: 6px;
}

#cont-sitemap .inner ul li{
	padding-left:35px;
	margin-bottom:10px;
}

#cont-sitemap .inner ul li:last-child{
	margin-bottom:0px;
}

#cont-sitemap .inner ul li a:hover{
	color:#00913c;
	text-decoration: underline;
}

#cont-sitemap .inner ul li a{
	padding-left:5px;
}