@charset "UTF-8";
/* CSS Document */
/*=======================================================================
↓main_visual============================================================
======================================================================*/
.main_bg {
      background: rgba(0, 0, 0, 0) url("../img/main.png") no-repeat scroll center center / cover ;
	height: 400px;
	width: 100%;
	position: relative;
}
@media screen and (max-width: 768px) {
.main_bg {
	background: url(../img/main.png) no-repeat center top;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
	margin-top: 82px;
	padding-top: 29.73%;
	height: auto;
	width: 100%;
}
}
@media screen and (max-width: 640px) {
.main_bg { margin-top: 70px;}
}
@media screen and (max-width: 480px) {
.main_bg { margin-top: 60px;}
}
/*=======================================================================
↓page_tit_sp============================================================
======================================================================*/
@media screen and (max-width: 768px) {
.page_tit_sp:before{
	background:url( ../img/page_tit_sp_head.png) no-repeat; 
	background-size:contain;
 	content:" ";
 	display:inline-block;
 	margin:0 10px 0 0;
	vertical-align:middle;
	height: 35px;
	width: 40px;
}
}
/*=======================================================================
↓policy=================================================================
======================================================================*/
.policy_box {
	display: block;
	width: 100%;
}
.policy_box .text_box { width: 65%;}
.policy_box .even .text_box { float: right;}
.policy_box .odd .text_box { float: left;}
#policy1 .text_box { padding-top: 1.5em;}
#policy4 .text_box { padding-top: 3em;}


.policy_box .con_tit { display: table;}
.policy_box .con_tit li { 
      display: table-cell;
	vertical-align: middle;
}
.policy_box .num img {
      height: 119px;
	width: auto;
}
.policy_box .policy_tit {
	color: #4aac4d;
	font-size: 180%;
	font-weight: 300;
	line-height: 1.7em;
	padding-left: 2em;
}
.policy_box .con_txt { padding: 1.5em 1em;}
.policy_box .con_txt p {
	font-size: 130%;
	font-weight: 200;
	line-height: 2em;
}
.policy_box .img_box {
	vertical-align: middle;
	width: 33%;
}
.policy_box .odd .img_box { 
      float: left;
	text-align: right;
}
#policy5 .odd .img_box { 
      float: left;
	text-align: center;
}
.policy_box .even .img_box { 
	text-align: left;
	display: inline-block;
}
.policy_box .img_box .policy02_img { padding-top: 2em;}
.policy_box .img_box .policy03_img { padding-top: 2.5em; 	text-align: center;}
.policy_box .img_box .policy01_img img {
	height: 261px; /*45%*/
	width: auto;
}
.policy_box .img_box .policy02_img img {
	height: 184px; /*45%*/
	width: auto;
}
.policy_box .img_box .policy03_img img {
	height: 183px; /*45%*/
	width: auto;
	text-align: center;
}
.policy_box .img_box .policy04_img img {
	height: 244px; /*35%*/
	width: auto;
}
.policy_box .img_box .policy05_img img {
	height: 253px; /*35%*/
	width: auto;
}

@media screen and (max-width: 1024px) {
.policy_box .text_box { width: 55%;}
.policy_box .img_box { width: 43%;}
}
@media screen and (max-width: 768px){
.policy_box .text_box { width: 100%;}
.policy_box .num img {
      height: 95px;
	width: auto;
}
.policy_box .even .text_box { float: none;}
.policy_box .odd .text_box { float: none;}
#policy1 .text_box { padding-top: 0;}
#policy4 .text_box { padding-top: 0;}
#policy5 .text_box { padding-top: 0;}
.policy_box .img_box {
      display: block;
	text-align: center;
	width: 100%;
}
.policy_box .even .img_box { 
	text-align: center;
	display: block;
}
.policy_box .odd .img_box { 
      float: none;
	text-align: center;
}
.policy_box .img_box .policy02_img { padding-top: 0;}
.policy_box .img_box .policy03_img { padding-top: 0;}
}
@media screen and (max-width: 480px){
.policy_box .num img {
      height: 74px;
	width: auto;
}
.policy_box .policy_tit {
	font-size: 138%;
	line-height: 1.8em;
	padding-left: 1.5em;
}
.policy_box .con_txt p {
	font-size: 120%;
	line-height: 1.8em;
}
.policy_box .img_box .policy01_img img {
	height: 174px; /*30%*/
	width: auto;
}
.policy_box .img_box .policy02_img img {
	height: 122px; /*30%*/
	width: auto;
}
.policy_box .img_box .policy03_img img {
	height: 122px; /*30%*/
	width: auto;
}
.policy_box .img_box .policy04_img img {
	height: 175px; /*25%*/
	width: auto;
}
.policy_box .img_box .policy05_img img {
	height: 181px; /*25%*/
	width: auto;
}
}

.policy04_img {
	text-align: center;
}


/*=======================================================================
↓dog_run================================================================
======================================================================*/
#dog_run { padding: 4em 0;
position:relative;}
.dog_run_box {
	margin:auto;
   background: #FFF;
width: 60%;
}
#dog_run img{
	width:100%;}
.dog_run_box h3.dog_run_pc {
	color: #4aac4d;
	font-size: 160%;
	font-weight: 300;
	text-align: center;
	line-height: 1.6em;
	background: url(../img/line_before.png) left no-repeat,url(../img/line_after.png) right no-repeat;
	max-width: 500px;
	margin:0 auto 3em;

}



.dog_run_box p {
	font-size: 130%;
	font-weight: 200;
	line-height: 2em;
	margin-bottom:20px;
	/*margin-top: 1.5em;*/
}
 .dog_run_fk {
	position: absolute;
	width:30%;
	top: 140px;
	right: -50px;
}

@media screen and (max-width: 1024px) {
	.dog_run_fk {
	position: absolute;
	top: 250px;
	right: -50px;
}
}

@media screen and (max-width: 768px) {
 	.dog_run_fk {
	position: absolute;
	right: 0px;
}

	.dog_run_box {
width: 100%;
}

}

@media screen and (max-width: 480px) {
 .dog_run_fk {
	top: 200px;
}
.dog_run_box h3.dog_run_pc {
	line-height:1.8em;
	font-size: 130%;
	margin-bottom:0.8em;}
	.dog_run_box p {
	font-size: 120%;
		line-height: 1.8em;}

}



/*20200325追加 5番目のタブ--------------------------------------------------------*/

#policy5 {
	padding-bottom: 10px;
}

.policy5_tab {
	margin-bottom: 50px;
}


/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 50px;
  background-color: #fff;
  margin: 0 auto;}

/*タブのスタイル*/
.tab_item {
  width: calc(100%/3);
  height: 70px;
  background-color: #85d186;
  line-height: 70px;
  font-size: 16px;
  text-align: center;
  color: #fff;
  display: block;
  float: left;
  text-align: center;
  transition: all 0.2s ease;
  border-right: 1px solid #fff;
  box-sizing: border-box;
}
.tab_item:hover {
  opacity: 0.9;
}
.tab_item:last-child {
	border-right: none;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 30px 50px 30px 60px;
  clear: both;
  overflow: hidden;
}

/*選択されているタブのコンテンツのみを表示*/
#content:checked ~ #content,
#content2:checked ~ #content2,
#content3:checked ~ #content3 {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #4bab4d;
  color: #fff;
}


.tab_content ol{
	list-style-type: hangul-consonant;
    list-style-position: outside;
	line-height: 1.8;
	font-size: 1.4rem;
}

.tab_content ol li{
	list-style-type: decimal;
	padding-left: 5px;
}




@media screen and (max-width: 768px) {
	.tab_content {
	  padding: 20px 20px 20px 40px;
	}
}

@media screen and (max-width: 600px) {
	.tab_item {
		width: 100%;
		height: 40px;
		line-height: 40px;
		border-right: none;
		border-bottom: 1px solid #fff;
	}
	.tab_item:last-child {
		border-bottom: none;
	}
}