/*
Theme Name: animal assisted
Theme URI:
Author: ENZO with Tocci
Author URI:
Version: 1.0
Template: twentyfifteen
*/
@charset "utf-8";
/* CSS Document */

/* 要素リセット */

* {
   margin: 0;
   padding: 0;
}

h1,h2,h3,h4,h5,h6,p,address {
   font-size: 100%;
   font-weight: normal;
   font-style: normal;
}

img {
   border: none;
}

/* 全ページ共通 */

body {
   margin: 0px;
   padding: 0px;
   text-align: left;
   font-size: 90%;
   color: #966731;
   line-height: 1.5em;
   font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
   text-align: justify;
   text-justify: inter-ideograph;
   -webkit-text-size-adjust: 100%;
}

.contents {
	width: 100%;
}

.toplogo {
	text-align: right;
	font-size: 13px;
	padding: 5px 10px 0px 0px;
	display: none;
}

.toplogo2 {
	text-align: right;
	font-size: 13px;
	padding: 0px 0px 20px 0px;
	display: block
}

#header {
/*	width: 1300px;*/
	max-width: 1300px;
	overflow: hidden;
	padding: 5px 0px 0px 0px;
	margin: auto;
}

.logo {
	float: left;
	margin: 0px 0px 0px 10px;
}

/* ヘッダーナビゲーション */

#header_menu {
	text-align: center;
	float: right;
	margin: 0px 10px 0px 0px;
}

#toggle {
	display: none;
}

#top_menu li {
	padding: 0px 0px 0px 40px;
	font-weight: bold;
	display: inline-block;
}

#top_menu li a {
	color: #966731;
	text-decoration: none;
}

#top_menu li a:hover {
	color: #999;
	text-decoration: none;
}

.menu_jp {
	font-size: 11px;
	color: #ccc;
	font-weight: bold;
}

.border-r {
	border-right: 1px solid #fff;
}

.sla {
	display: block;
}

/* Navigation on top for smaller screens */

#small-screens-menu {
   background: #ae8249;
   display: none;
   font-size: 12px;
   position: relative;
   z-index: 999;
}

#small-screens-menu nav {
   display: none;
   background: #d19869;
}

#small-screens-menu a {
   text-align: center;
   padding: 12px 0;
   border-bottom: 1px solid #ffffff;
   display: block;
   text-shadow: none;
   color:#eee !important;
   text-decoration: none;
}

#small-screens-menu nav ul {
   padding: 0;
   margin: 0;
}

#small-screens-menu nav ul li {
   clear: both;
   float: none;
   width: 100%;
   padding: 0;
   list-style: none;
}

#small-screens-menu nav li:last-child a{
   border-bottom: none;
}
#small-screens-menu nav ul ul a {
   font-size: 90%;
}
#small-screens-menu a:hover
 {
   text-decoration: none;
   color:#ffffff !important;
   background:#bc996b;
}

.contents {
	width: 100%;
	padding: 50px 0px;
}

/* フッター */

#footer_area {
	width: 100%;
	background-color: #e0a037;
}

#footer {
	/*width: 1100px;*/
	max-width: 1100px;
	margin: auto;
	text-align: center;
}

#footer_menu {
	width: 100%;
	text-align: center;
	overflow: hidden;
	padding: 10px 0px;
	margin-bottom: 10px;
}

#footer_menu ul li {
	font-weight: bold;
	display: inline ;
	color: #fff;
	padding: 0px 20px;
}

#footer_menu ul li a {
	color: #fff;
	text-decoration: none;
}

#footer_menu ul li a:hover {
	color: #966731;
	text-decoration: none;
}

.footer_btnarea {
	width: 50%;
	overflow: hidden;
	display: inline;
}

.footer_btn {
	display: inline;
}

.footer_btn img {
	margin: 0px 20px 20px 20px;
}

#footer_logo {
	margin-bottom: 10px;
}

#copyright {
	font-size: 13px;
	color: #fff;
	padding-bottom: 20px;
}

.float_area {
	overflow: hidden;
}

.animal_iarea {
	width: 100%;
	overflow: hidden;
	margin-bottom: 50px;
}

.animal_i {
	width: 50%;
	height: auto;
	float: left;
}






/* 装飾関係 */

.m_b10 {
   margin-bottom: 10px;
}

.m_b30 {
   margin-bottom: 30px;
}

.m_b50 {
   margin-bottom: 50px;
}

.m_auto {
   margin-left: auto;
   margin-right: auto;
}

.f_left {
   float: left;
}

.f_right {
   float: right;
}

.t_left, .alignleft {
   text-align: left;
}

.t_center, .aligncenter {
   text-align: center;
}

.t_right, .alignright {
   text-align: right;
}

.red {
   color: red;
}

.bold {
   font-weight: bold;
}

.over_hidden {
   overflow: hidden;
}

.font17px {
   font-size: 17px;
}

.clear {
	clear: both;
}

/* タグ内１行目のみ字下げ */
.jisage {
   text-indent:1em;
}

/* タグ内１行目以外字下げ */
.jisage2 {
   padding-left: 1em;
   text-indent: -1em;
}

.free_img {
   width:100%;
   height: auto;
}

.nowrap {
   white-space: nowrap;
}

/* INDEXページ */

#top_imgarea {
	width: 100%;
	height: 0;
	background-position: bottom right;
	background-repeat: no-repeat;
	-moz-background-size:cover;
    background-size:cover;
	padding-top: 42%;
}

.index_img {
	background-image: url(./image/index/top_img.jpg);
}

#index_topmesse {
	position: absolute;
	top: 170px;
	color: #fff;
	font-size: 29px;
	font-weight: bold;
	text-shadow: 2px 2px 1px #000;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	background-image: url(./image/index/topmesse_bgm.png);
	padding: 30px 0px 30px 50px;
	width: 850px;
}

.index_h1 {
	text-align: center;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	padding: 50px 20px;
	font-size: 22px;
	line-height: 2em;
}

.news_detail a {
	color: #966731;
}

.news_detail a:hover {
	color: #4d3315;
}

.single_h2 {
	background-color: #966731;
	color: #fff;
	font-size: 16px;
	line-height: 1.6em;
	padding: 7px 10px;
	margin-bottom: 20px;
}

/* INDEX経営理念 */

#idea_area {
	width: 100%;
	text-align: center;
	padding: 80px 0px 0px 0px;
	background-image: url(./image/index/dog2.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	clear: both;
}

#idea_subarea {
	width: 100%;
	background-image: url(./image/index/dog1.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
	padding-bottom: 50px;
}

#idea_textarea {
	background-image: url(./image/index/ideatext_bgm.png);
	width: 700px;
	margin: auto;
}

.index_h2 {
	padding: 0px 0px 30px 0px;
	border-bottom: 3px solid #966731;
	border-bottom-style: dotted;
	font-size: 30px;
	font-weight: bold;
	width: 100%;
	margin: 0px auto 30px auto;
}

.index_h3 {
	padding: 0px 0px 30px 0px;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.5em;
}

.index_h4 {
	padding: 0px 0px 20px 0px;
	font-size: 18px;
	font-weight: bold;
}

.idea_list {
	font-size: 16px;
	padding-bottom: 30px;
	line-height: 1.5em;
counter-reset:counter;/* counterカウンターリセット */
}

.idea_list li {
	padding-bottom: 10px;
	list-style-type: none;
}



/*
#idea_textarea ol{
counter-reset:counter;
background-color:yellow;
text-align:center;
}
#idea_textarea ol li{
display:inline;
margin:0 auto;
background-color:aqua;
}
*/
.idea_list li:before{
content: counter(counter) ". ";/* 内容の追加 */
counter-increment: counter;/* カウンターの加算 */
}
.idea_list li:after{
content:"\A";/* 内容(改行コード)の追加 */
white-space:pre;/* 改行を有効に */
}






.idea_list2 {
	font-size: 16px;
	padding-bottom: 30px;
	margin-left: 30px;
	text-align: left;
	line-height: 1.5em;
}

.idea_list2 li {
	padding-bottom: 10px;
}

.index_h2next {
	text-align: center;
	padding: 0px 0px 10px 0px;
	border-bottom: 3px solid #fff;
	border-bottom-style: dotted;
	font-size: 22px;
	font-weight: bold;
	color: #fff;
	margin: 0px auto 10px auto;
	width: 80%;
}

.index_h2next2 {
	padding: 0px 0px 20px 0px;
	border-bottom: 3px solid #966731;
	border-bottom-style: dotted;
	font-size: 22px;
	font-weight: bold;
	width: 60%;
	margin: 0px auto 40px auto;
}

.index_btmarea {
/*	width: 1300px;*/
	max-width: 1300px;
	text-align: center;
	margin: auto;
}

.index_btmarea2 {
/*	width: 1300px;*/
	max-width: 1300px;
	text-align: center;
	margin: auto;
}

.top_btm {
	display: inline-block;
	width: 25%;
	height: auto;
	margin: 0px -2px -6px -2px;
}

.top_btm2 {
	width: 100%;
	height: auto;
	margin: 0px 0px -6px 0px;
}

#about_area img,#dream_area img {
	margin-bottom: -6px;
}

.about_textarea {
	width: 100%;
	height: 180px;
	background-color: #cba466;
	color: #fff;
	padding: 20px 0px 0px 0px;
}

.about_textarea p {
	width: 80%;
	margin: auto;
}

#about_area {
	width: 50%;
	float: right;
	background-image: url(./image/index/about_img.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	-moz-background-size:cover;
    background-size:cover;
}

#dream_area {
	width: 50%;
	float: left;
	background-image: url(./image/index/dream_img.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	-moz-background-size:cover;
    background-size:cover;
}

.dream_img {
	display: block;
}

.dream_imgnext {
	display: none;
}

#new_step_comment {
	max-width: 1100px;
	margin: auto;
}

#wn_area {
	text-align: center;
	/*width: 1100px;*/
	max-width: 1100px;
	margin: auto;
	border: 1px solid #966731;
	padding: 20px 0px;
}

#wn_textarea {
	width: 80%;
	margin: auto;
	text-align: left;
	height: 240px;
	overflow: auto;
}

.wn_text {
	border-bottom: 1px solid #966731;
	border-bottom-style: dotted;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#index_bannerarea {
	/*width: 1100px;*/
	max-width: 1100px;
	overflow: hidden;
	margin: auto;
	text-align: center;
	margin-bottom: 50px;
}

.index_banner {
	display: inline;
	margin: 0px 10px;
}



/* NEXTページ共通 */

#container_next {
/*	width: 1300px;*/
	max-width: 1300px;
	margin: auto;
	overflow: hidden;
	padding: 0px 0px 50px 0px;
}

#left_area {
	width: 1000px;
	float: left;
}

#right_area {
	width: 250px;
	float: right;
	text-align: center;
}

.next_bannerarea {
	margin-bottom: 30px;
}

.right_text {
	padding: 0px 0px 5px 0px;
	border-bottom: 3px solid #966731;
	border-bottom-style: dotted;
	font-size: 16px;
	font-weight: bold;
	width: 100%;
	margin: 0px 0px 10px 0px;
	text-align: center;
}

.service_btn {
	border: 1px solid #966731;
}

.page_text {
	padding-bottom: 50px;
	text-indent:1em;
}

.page_text2 {
	padding-bottom: 50px;
	text-indent:1em;
}

.page_text3 {
	text-indent:1em;
}

.page_text4 {
	padding-bottom: 20px;
	text-indent:1em;
}

/* ライトエリアDDメニューSTART */

/* 動作START */

#normal li ul{
  display: none;
}
#normal li:hover ul{
  display: block;
}

/* 動作END */

.dropmenu{
  *zoom: 1;
  list-style-type: none;
  width: 250px;
  padding: 0;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
  margin: 0;
  padding: 0;
  text-align: center;
}
.dropmenu li a{
  display: block;
  margin: 0;
  padding: 0;
  background: #fff;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.dropmenu li ul li{
  width: 100%;
}
.dropmenu li ul li a{
  padding: 0x;
  text-align: left;
}
.dropmenu li:hover > a{
  background: none;
}
.dropmenu li a:hover{
  background: #fff;
}

/* ライトエリアDDメニューEND */

#top_imgareanext {
	width: 100%;
	height: 0;
	background-position: top left;
	background-repeat: no-repeat;
	-moz-background-size:cover;
    background-size:cover;
	padding-top: 30%;
}

#next_titlearea {
/*	width: 1300px;*/
	max-width: 1300px;
	margin: auto;
}

#pagetitle_eng {
	position: absolute;
	top: 150px;
	color: #fff;
	font-size: 40px;
	text-shadow: 2px 2px 1px #000;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 0px 0px 0px 0px;
	line-height: 1.5em;
}

.page_h1 {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	padding: 50px 0px 20px 0px;
	margin: 0px 0px 50px 0px;
	font-size: 35px;
	border-bottom: 2px solid #966731;
}

.page_h1next {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	padding: 50px 0px 20px 0px;
	margin: 0px 0px 50px 0px;
	font-size: 35px;
	border-bottom: 2px solid #966731;
}

.page_h2 {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	padding: 0px 0px 10px 0px;
	margin-bottom: 10px;
	font-size: 25px;
	color: #be823c;
	border-bottom: 2px solid #be823c;
	border-bottom-style: dotted;
}

.page_h2eng {
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 0px 0px 30px 0px;
	font-size: 35px;
}

/* 会社概要ページ */

.company_img {
	background-image: url(./image/company/top_img.jpg);
}

.company_table {
   border-spacing: 0px;
   border-collapse: collapse;
   width: 100%;
   margin-bottom: 50px;
}

.company_table th {
	border-bottom: 1px solid #966731;
	border-bottom-style: dotted;
	padding: 10px 0px 10px 0px;
}

.company_table td {
	border-bottom: 1px solid #966731;
	border-bottom-style: dotted;
	padding: 10px 0px 10px 0px;
}

#map {
	margin-bottom: 50px;
}

/* ご挨拶ページ */

.greeting_img {
	background-image: url(./image/greeting/top_img.jpg);
}

.daihyou_name {
	padding: 180px 0px 20px 0px;
	font-weight: bold;
}

#daihyou {
	float: left;
	margin: 0px 50px 10px 0px;
}

.greeting_text {
	font-size: 15px;
	line-height: 1.8em;
	clear: both;
	padding-bottom: 35px;
}

.greeting_area {
	margin-bottom: 50px;
}

.greeting_text2 {
	font-size: 15px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #966731;
	border-bottom-style: dotted;
}

.jisage4 {
   padding-left: 4em;
}

/* 20181030更新 */

.jisseki_h3 {
	font-size: 17px;
	font-weight: bold;
	padding: 0px 0px 5px 10px;
}

.star_text {
	padding: 0px 0px 5px 10px;
}

.jisseki_table {
	border-spacing: 0px;
    border-collapse: collapse;
	width: 100%;
	margin-bottom: 50px;
}

.title_th {
	border: 1px solid #966731;
	background-color: #c8a47b;
	color: #fff;
	padding: 10px 10px;
	text-align: center;
}

.jisseki_table th {
	border: 1px solid #966731;
	padding: 8px 10px;
}

.jisseki_th {
	background-color: #f8eee3;
}

.jisseki_table td {
	border: 1px solid #966731;
	padding: 8px 10px;
}

.jisseki_table a {
	color: #966731;
}

.jisseki_table a:hover {
	color: #834e0f;
}

/* 事業内容ページ */

.business_img {
	background-image: url(./image/business/top_img.jpg);
}

.business_h3 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #fff;
	padding: 20px 80px 20px 80px;
	border-radius: 3px;
	margin-bottom: 20px;
	background-position: left 20px center;
	background-repeat: no-repeat;
	line-height: 1.5em;
}

#service_guide {
	margin-bottom: 50px;
}

.service_btnarea {
	width: 100%;
	background-image: url(./image/business/go_mark.png);
	background-position: right 30px center;
	background-repeat: no-repeat;
}

#icon01 {
	background-image: url(./image/business/icon01.png);
}

#icon02 {
	background-image: url(./image/business/icon02.png);
}

#icon03 {
	background-image: url(./image/business/icon03.png);
}

#icon04 {
	background-image: url(./image/business/icon04.png);
}

#icon05 {
	background-image: url(./image/business/icon05.png);
}

#icon06 {
	background-image: url(./image/business/icon06.png);
}

#service-01 {
	background-color: #f4a7ad;
}

#service-02 {
	background-color: #b7b036;
}

#service-03 {
	background-color: #cf9432;
}

#service-04 {
	background-color: #baad9c;
}

#service-05 {
	background-color: #8fa829;
}

#service_guide a {
	color: #fff;
	text-decoration: none;
}

#service_guide a:hover {
	color: #6e6e38;
	text-decoration: none;
}

.busi_icon {
	vertical-align: middle;
	margin: 0px 10px 0px 0px;
}

.go_mark {
	vertical-align: middle;
	margin: 0px 0px 0px 30px;
}

#service_topbtn {
	margin-bottom: 10px;
	text-align: right;
	width: 1000px;
	padding-top: 10px;
}

#service_topbtn img {
	vertical-align: middle;
}

.service_backbtn {
	background-color: #d7b282;
	color: #fff;
	font-weight: bold;
	padding: 10px 10px;
	border-radius: 5px;
	font-size: 13px;
}

#service_topbtn a {
	color: #fff;
	text-decoration: none;
}

#service_topbtn a:hover {
	color: #ccc;
	text-decoration: none;
}

.backto_business {
	text-align: right;
	margin-bottom: 50px;
}

.backto_business a {
	color: #fff;
	text-decoration: none;
}

.backto_business a:hover {
	color: #6e6e38;
	text-decoration: none;
}

/* アニマルアシステッドのサービス */

.service_img {
	background-image: url(./image/service/top_img.jpg);
}

.service_h2 {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #fff;
	padding: 15px 70px 15px 70px;
	border-radius: 3px;
	margin-bottom: 30px;
	background-repeat: no-repeat;
	background-position: left 10px center;
	line-height: 1.2em;
}

.service_imgarea  img {
	margin: 0px 10px 20px 10px;
}

#service01 {
	background-color: #f4a7ad;
	background-image: url(./image/business/icon06.png);
}

#service01next {
	background-color: #f4a7ad;
	background-image: url(./image/business/icon04.png);
}

#service02 {
	background-color: #b7b036;
	background-image: url(./image/business/icon02.png);
}

#service03 {
	background-color: #cf9432;
	background-image: url(./image/business/icon03.png);
}

#service04 {
	background-color: #baad9c;
	background-image: url(./image/business/icon01.png);
}

#service05 {
	background-color: #8fa829;
	background-image: url(./image/business/icon05.png);
}

.service_topcomme {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 30px;
	line-height: 2em;
}

.service_h3 {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 5px;
	margin-bottom: 20px;
	color: #be823c;
	border-bottom: 2px solid #be823c;
	border-bottom-style: dotted;
}

.service_h4 {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 10px;
}

.service_list {
	margin: 0px 0px 30px 20px;
}

.service_list li {
	padding-bottom: 5px;
}
.therapy_table {
	border-spacing: 0px;
   border-collapse: collapse;
   margin-bottom: 20px;
}

.therapy_table th {
	padding: 5px 20px 5px 0px;
	vertical-align: top;
}

.service_area {
	width: 100%;
	margin-bottom: 30px;
}

.float_list01 {
	float: left;
	width: 60%;
}

.illust01_area {
	float: right;
	width: 30%;
}

.illust01 {
	margin: 0px 0px 50px 0px;
	width: 100%;
	height: auto;
}

.service_text03 {
	font-size: 17px;
	font-weight: bold;
	padding: 0px 0px 30px 0px;
}

.service_text04 {

	padding: 0px 0px 20px 0px;
}

.service_text05 {
	color: #be823c;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
}

#service_ul {
	list-style: decimal;
	margin-bottom: 25px;
}

.service_li {
	margin-left: 2em;
}

.float_list02 {
	float: left;
}

.illust02_area {
	float: right;
}

.illust02 {
	margin: 0px 0px 50px 0px;
}

.service_subarea {
	width: 90%;
	margin: 0px auto 50px auto;
	border: 5px solid #eeb879;
	padding: 10px 0px;
}

.service_subarea2 {
	width: 500px;
	border: 5px solid #a8ba60;
	padding: 20px 0px;
	margin: auto;
	text-align: center;
}

.tel_no {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 22px;
	line-height: 1.5em;
}

.service_text01 {
	padding: 0px 20px 10px 20px;
	font-weight: bold;
}

.service_text02 {
	padding: 0px 20px 0px 20px;
	float: left;
	width: 65%;
}

.service_img01 {
	float: right;
	margin: 0px 20px 20px 20px;
}

.float_list03 {
	float: left;
	width: 40%;
}

.service_bgm01 {
	float: right;
	width: 50%;
}

.service_bgm01 img {
	width: 100%;
	height: auto;
	display: block;
}

/* プライバシーポリシーページ */

.privacy_img {
	background-image: url(./image/privacy/top_img.jpg);
}

.privacy_topcomme {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 30px;
	line-height: 2em;
}

.privacy_h2 {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 1px solid #966731;
	border-bottom-style: dotted;
}

.privacy_text {
	padding-bottom: 30px;
}

.privacy_list {
	padding: 0px 0px 30px 20px;
}

/* お問合せページ */

.contact_img {
	background-image: url(./image/contact/top_img.jpg);
}

.contact_text01 {
	font-size: 17px;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
	line-height: 1.5em;
}

.contact_text02 {
	padding: 0px 0px 10px 10px;
}

#contact_table {
	width: 100%;
    border-spacing: 0px;
    border-collapse: collapse;
    border: 1px solid #966731;
	margin: 0px auto 14px auto;
	table-layout: fixed;
}

#contact_table th {
	background-color: #c59257;
	color: #fff;
	padding: 15px 20px;
	width: 150px;
}

.bb_white {
	border-bottom: 1px solid #fff;
}

#contact_table td {
	border: 1px solid #966731;
	padding: 8px 8px;
}

#contact_table input, #contact_table textarea {
    padding: 6px 2px;
    border-radius: 3px;
		border: 1px solid #ddd;
}

.w100p {
	width: 98%;
}

/* Youtubeページ */
.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.youtube iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}


/* Media queries for responsive design
--------------------------------------------- */
/* --- iPad Landscape --- */
@media screen and (max-width: 1300px) {

/* 全ページ共通 */

#header {
	width: 100%;
}

/* INDEXページ */


#index_topmesse {
	position: absolute;
	top: 130px;
	font-size: 25px;
	padding: 20px 0px 20px 30px;
	width: 720px;
}

.index_btmarea {
	width: 99.5%;
	text-align: center;
	margin: auto;
}

.index_btmarea2 {
	width: 99.5%;
	text-align: center;
	margin: auto;
}

/* NEXTページ共通 */

#container_next {
	width: 95%;
	margin: auto;
	overflow: hidden;
	padding: 0px 0px 50px 0px;
}

#next_titlearea {
	width: 100%;
}

#pagetitle_eng {
	padding: 0px 0px 0px 20px;
}

#left_area {
	width: 73%;
	float: left;
}

#right_area {
	width: 23%;
	float: right;
}

/* 会社概要ページ */

/* ご挨拶ページ */

/* 事業内容ページ */

/* アニマルアシステッドのサービス */

#service_topbtn {
	width: 100%;
}

.service_text02 {
	padding: 0px 20px 0px 20px;
	float: left;
	width: 55%;
}

/* プライバシーポリシーページ */

/* お問合せページ */


}


/* Media queries for responsive design
--------------------------------------------- */
/* --- iPad Landscape --- */
@media screen and (max-width: 1100px) {

/* 全ページ共通 */

/* フッター */

#footer {
	width: 100%;
	margin: auto;
}

/* INDEXページ */

.toplogo {
	text-align: center;
	font-size: 12px;
	padding: 5px 0px 5px 0px;
	display: block;
	background-color: #d5b896;
	color: #fff;
}

.toplogo2 {
	text-align: right;
	font-size: 13px;
	padding: 0px 0px 20px 0px;
	display: none;
}

#header {
	width: 100%;
	overflow: hidden;
	padding: 5px 0px 0px 0px;
	text-align: center;
}

.logo {
	float: none;
	margin: 10px 0px 10px 0px;
}

#header_menu {
	text-align: center;
	float: none;
	margin: 0px 0px 0px 0px;
}

#top_imgarea {
	width: 100%;
	height: 400px;
	background-position: top right;
	background-repeat: no-repeat;
	-moz-background-size:cover;
    background-size:cover;
	padding-top: inherit;
	padding-top: 40px;
}

.index_img {
	background-image: url(./image/index/top_img.jpg);
}

#index_topmesse {
	position: absolute;
	top: 230px;
	font-size: 22px;
	padding: 15px 0px 15px 30px;
	width: 650px;
}

#new_step_comment {
	width: 90%;
}

#wn_area {
	width: 90%;
	padding: 20px 0px;
}

#index_bannerarea {
	width: 100%;
	overflow: hidden;
	margin: auto;
	text-align: center;
	margin-bottom: 50px;
}

.index_banner {
	display: inline;
	margin: 0px 5px 40px 5px;
}

/* ヘッダーナビゲーションドロップダウン */

#header_navi {
	width: 100%;
}

#top_menu {
	display: none;
}

#top_menu li {
	width: 100%;
}

#toggle {
	display: block;
	position: relative;
	width: 100%;
	background: #966731;
	font-weight: bold;
	font-size: 16px;
}

#header_navi ul li {
   display: inherit;
   font-size: 15px;
   font-weight: bold;
   padding: 10px 0px;
}

.navi li {
	display: block;
	text-align: center;
	list-style: square;
	font-weight: bold;
	color: #ffffff;
	background: #9b7448;
	border-top: 1px solid #fff;
}

.border_top {
	border-top: 1px solid #fff;
}

.navi a {
	color: #fff;
	text-decoration: none;
}

#toggle a {
	display: block;
	position: relative;
	padding: 12px 0 10px;
	color: #fff;
	text-align: center;
	text-decoration: none;
}


/*  スマホ用メニューの三本の線  */
  #toggle:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #fff;
  }
  #toggle a:before, #toggle a:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 4px;
    background: #966731;
  }
  #toggle a:before{
    margin-top: -5px;
  }
  #toggle a:after{
    margin-top: 3px;
  }
/*  スマホ用メニューの三本の線  */

/*
.navi li {
	display: none
}
*/

#top_menu li a {
	color: #fff;
	text-decoration: none;
}

#top_menu li a:hover {
	color: #ccc;
	text-decoration: none;
}

/* NEXTページ共通 */

#top_imgareanext {
	width: 100%;
	height: 300px;
	background-position: top left;
	background-repeat: no-repeat;
	-moz-background-size:cover;
    background-size:cover;
	padding-top: inherit;
}

#pagetitle_eng {
	position: inherit;
	font-size: 35px;
	padding: 10px 0px 0px 20px;
	line-height: 1.5em;
}

/* ライトエリアDDメニュー */

.dropmenu{
  *zoom: 1;
  list-style-type: none;
  width: 99%;
  padding: 0;
}

.dropmenu img {
	width: 100%;
	height: auto;
}

.next_banner img {
	width: 100%;
	height: auto;
}

.service_btn {
	width: 99%;
	height: auto;
}

.next_banner2 img {
	width: 100%;
	height: auto;
}

/* 会社概要ページ */

/* ご挨拶ページ */

/* 事業内容ページ */

.service_text02 {
	padding: 0px 0px 20px 0px;
	float: none;
	width: 90%;
	margin: auto;
}

.service_img01 {
	float: none;
	margin: 0px 20px 10px 20px;
}

/* プライバシーポリシーページ */

/* お問合せページ */

}


/* Media queries for responsive design
--------------------------------------------- */
/* --- iPad Landscape --- */
@media screen and (max-width: 970px) {

/* 全ページ共通 */

/* INDEXページ */

#top_imgarea {
	width: 100%;
	height: 300px;
	background-position: top right;
	background-repeat: no-repeat;
	-moz-background-size:cover;
    background-size:cover;
	padding-top: inherit;
	padding-top: 40px;
}

#index_topmesse {
	font-size: 18px;
	padding: 15px 0px 15px 20px;
	width: 520px;
}

/* NEXTページ共通 */

/* 会社概要ページ */

/* ご挨拶ページ */

/* 事業内容ページ */

/* プライバシーポリシーページ */

/* お問合せページ */


}

/* --- iPad Portrait --- */
@media screen and (max-width: 920px) {

/* 全ページ共通 */

/* INDEXページ */

#idea_area {
	background-image: none;
}

#idea_subarea {
	background-image: none;
}

.about_textarea {
	height: 210px;
}

/* NEXTページ共通 */

/* 会社概要ページ */

/* ご挨拶ページ */

/* 事業内容ページ */

#dp_img {
	width: 95%;
	height: auto;
}

/* プライバシーポリシーページ */

/* お問合せページ */


}


/* --- iPad Portrait --- */
@media screen and (max-width: 768px) {

/* 全ページ共通 */

/* フッター */

#footer_menu {
	padding: 0px 0px 10px 0px;
	margin-bottom: 10px;
}

#footer_menu ul li {
	display: inherit;
	color: #fff;
	padding: 10px 0px 10px 0px;
	border-bottom: 1px solid #fff;
}

/* INDEXページ */

#top_imgarea {
	margin-bottom: 30px;
	background-position: top left;
}

.index_h1 {
	padding: 0px 20px 20px 20px;
	font-size: 22px;
	line-height: 2em;
}

#idea_textarea {
	width: 90%;
}

.index_h2next {
	font-size: 22px;
	margin: 0px auto 10px auto;
	width: 90%;
}

#about_area {
	width: 100%;
	float: none;
	background-image: url(./image/index/about_img.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	-moz-background-size:cover;
    background-size:cover;
}

#dream_area {
	width: 100%;
	float: none;
	background-image: url(./image/index/dream_img.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	-moz-background-size:cover;
    background-size:cover;
}

.dream_img {
	display: none;
}

.dream_imgnext {
	display: block;
}

.about_textarea {
	width: 100%;
	height: inherit;
	padding: 15px 0px 15px 0px;
}

.about_textarea p {
	width: 90%;
	margin: auto;
}

/* NEXTページ共通 */

#container_next {
	width: 90%;
}


#left_area {
	width: 100%;
	float: none;
	margin-bottom: 50px;
}

#right_area {
	width: 100%;
	float: none;
}

/* ライトエリアDDメニュー */

.dropmenu{
  width: 250px;
  margin: auto;
}

.next_banner img {
	width: inherit;
}

.service_btn {
	width: inherit;
}

.next_banner {
	display: inline;
}

.next_banner img {
	margin: 0px 5px 5px 5px;
}

.next_banner2 img {
	width: inherit;
}

.next_banner2 {
	display: inline;
}

.next_banner2 img {
	margin: 0px 5px 5px 5px;
}

/* 会社概要ページ */

/* ご挨拶ページ */

/* 事業内容ページ */

#service_topbtn {
	width: 100%;
}

#illust03 {
	width: 100%;
	height: auto;
}

/* プライバシーポリシーページ */

/* お問合せページ */


}

/* --- NEXUS7 Portrait --- */
@media screen and (max-width: 600px) {

/* 全ページ共通 */

.footer_btnarea {
	width: 100%;
	display: block;
}

.footer_btn img {
	margin: 0px 15px 20px 15px;
}

.animal_i {
	width: 100%;
	height: auto;
	float: none;
}

/* INDEXページ */

#index_topmesse {
	position: inherit;
	font-size: 15px;
	line-height: 1.5em;
	padding: 10px 10px 10px 10px;
	width: 60%;
	margin: 0px 0px 0px auto;
	text-align: left;
}

.index_btmarea {
	width: 50%;
	float: left;
}

.index_btmarea2 {
	width: 50%;
	float: right;
}

.top_btm {
	display: inline-block;
	width: 100%;
	height: auto;
	margin: 0px -2px -6px -2px;
}

.index_h1 {
	font-size: 18px;
	line-height: 2em;
}

/* INDEX経営理念 */

.index_h2 {
	padding: 0px 0px 20px 0px;
	border-bottom: 3px solid #966731;
	border-bottom-style: dotted;
	font-size: 22px;
	font-weight: bold;
	width: 90%;
	margin: 0px auto 30px auto;
}

.index_h3 {
	padding: 0px 0px 20px 0px;
	font-size: 18px;
	line-height: 1.5em;
}

.index_h4 {
	padding: 0px 0px 15px 0px;
	font-size: 16px;
}

.idea_list {
	font-size: 15px;
	padding-bottom: 20px;
	line-height: 1.5em;
}

.idea_list li {
	padding-bottom: 10px;
}

.idea_list2 {
	font-size: 15px;
	padding-bottom: 30px;
	margin-left: 20px;
	text-align: left;
	line-height: 1.5em;
}

.idea_list2 li {
	padding-bottom: 10px;
}

.index_h2next {
	font-size: 18px;
	font-weight: bold;
	margin: 0px auto 10px auto;
	width: 90%;
	line-height: 1.5em;
}

.index_h2next2 {
	font-size: 18px;
	font-weight: bold;
	width: 90%;
	margin: 0px auto 40px auto;
}

#wn_textarea {
	width: 90%;
	margin: auto;
	text-align: left;
	height: 150px;
	overflow: auto;
}

#idea_area {
	padding: 50px 0px 0px 0px;
}

/* NEXTページ共通 */

#top_imgareanext {
	width: 100%;
	height: 200px;
	background-position: top center;
	background-repeat: no-repeat;
	-moz-background-size:cover;
    background-size:cover;
	padding-top: inherit;
}

#pagetitle_eng {
	text-align: center;
	font-size: 30px;
	padding: 10px 10px 0px 10px;
	line-height: 1.5em;
}

.page_h1 {
	padding: 20px 0px 10px 0px;
	margin: 0px 0px 30px 0px;
	font-size: 27px;
	border-bottom: 2px solid #966731;
	text-align: center;
}

.page_h1next {
	padding: 20px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
	font-size: 22px;
	border-bottom: 2px solid #966731;
	text-align: center;
	line-height: 1.2em;
}

.page_h2 {
	padding: 0px 0px 10px 0px;
	font-size: 20px;
	text-align: center;
}

/* 会社概要ページ */

.company_img {
	background-image: url(./image/company/top_img600.jpg);
}

/* ご挨拶ページ */

.greeting_img {
	background-image: url(./image/greeting/top_img600.jpg);
}

/* 20181030更新 */

.star_text {
	padding: 0px 0px 5px 10px;
	text-align: center;
}

/* 事業内容ページ */

.business_img {
	background-image: url(./image/business/top_img600.jpg);
}

.service_img {
	background-image: url(./image/service/top_img600.jpg);
}

.business_h3 {
	font-size: 16px;
	text-align: center;
}

/* アニマルアシステッドのサービス */

.service_topcomme {
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 30px;
	line-height: 1.5em;
}

.service_h2 {
	font-size: 18px;
	margin-bottom: 10px;
	color: #fff;
	padding: 45px 10px 15px 10px;
	border-radius: 3px;
	margin-bottom: 30px;
	background-position: top 10px center;
	text-align: center;
	line-height: 1.5em;
}

.service_h3 {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 5px;
	margin-bottom: 20px;
	text-align: center;
}

.service_h4 {
	font-size: 16px;
	text-align: center;
	padding-bottom: 10px;
}

.float_list01 {
	float: none;
	width: 100%;
}

.illust01_area {
	float: none;
	width: 100%;
	text-align: center;
}

.illust01 {
	margin: 0px 0px 50px 0px;
	width: 80%;
	height: auto;
}

.float_list02 {
	float: none;
}

.illust02_area {
	float: none;
}

.illust02 {
	width: 100%;
	height: auto;
	margin: 0px 0px 50px 0px;
}

.service_imgarea {
	text-align: center;
}

.service_subarea {
	text-align: center;
}

.service_text02 {
	text-align: left;
}

.service_text03 {
	font-size: 15px;
	font-weight: bold;
	padding: 0px 0px 20px 0px;
}

.service_text05 {
	text-align: center;
	padding: 0px 0px 10px 0px;
}

.service_img01 {
	float: none;
	margin: 0px 0px 10px 0px;
}

.therapy_table {
	width: 100%;
}

.therapy_table th {
	padding: 5px 10px 5px 0px;
	border-bottom: 1px solid #966731;
	border-bottom-style: dotted;
}

.therapy_table td {
	border-bottom: 1px solid #966731;
	border-bottom-style: dotted;
}

.service_subarea2 {
	width: 90%;
	border: 5px solid #a8ba60;
	padding: 20px 0px;
	margin: auto;
	text-align: center;
}

.float_list03 {
	float: none;
	width: 100%;
}

.service_bgm01 {
	float: none;
}

.service_bgm01 img {
	display: none;
}

/* プライバシーポリシーページ */

.privacy_img {
	background-image: url(./image/privacy/top_img600.jpg);
}

.privacy_topcomme {
	font-size: 15px;
	font-weight: bold;
	padding: 0px 10px 30px 10px;
	line-height: 1.5em;
}

.privacy_h2 {
	font-size: 16px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	text-align: center;
}

/* お問合せページ */

.contact_text01 {
	font-size: inherit;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
	line-height: 1.5em;
}

.contact_img {
	background-image: url(./image/contact/top_img600.jpg);
}


}


/* --- ??????? --- */
@media screen and (max-width: 480px) {

/* 全ページ共通 */

.toplogo {
	padding: 3px 10px;
}

.logo {
	width: 90%;
	height: auto;
}

#footer_logo {
	width: 90%;
	height: auto;
}

#copyright {
	font-size: 11px;
}

/* INDEXページ */

#top_imgarea {
	width: 100%;
	height: 250px;
	background-position: bottom right;
	background-repeat: no-repeat;
}

.index_img {
	background-image: url(./image/index/top_img600.jpg);
}

#index_topmesse {
	position: inherit;
	font-size: 15px;
	line-height: 1.5em;
	padding: 10px 10px 10px 10px;
	width: 55%;
	margin: 0px 0px 0px auto;
	text-align: left;
}

.index_h1 {
	font-size: 16px;
	line-height: 2em;
}

/* INDEX経営理念 */

.index_h2 {
	padding: 0px 0px 20px 0px;
	border-bottom: 3px solid #966731;
	border-bottom-style: dotted;
	font-size: 22px;
	font-weight: bold;
	width: 90%;
	margin: 0px auto 20px auto;
}

.index_h3 {
	padding: 0px 0px 20px 0px;
	font-size: 18px;
	line-height: 1.5em;
}

.index_h4 {
	padding: 0px 0px 15px 0px;
	font-size: 16px;
}

/* NEXTページ共通 */

.next_banner2 img {
	width: 100%;
	height: auto;
}

/* 会社概要ページ */

/* ご挨拶ページ */

.daihyou_name {
	padding: 0px 0px 20px 0px;
	font-weight: bold;
	text-align: center;
}

#daihyou {
	float: none;
	margin: 0px 0px 10px 0px;
	text-align: center;
}

/* 事業内容ページ */

#service_topbtn {
	text-align: center;
}

#service_topbtn img {
	width: 14%;
	height: auto;
}

.business_h3 {
	padding: 50px 10px 50px 10px;
	background-position: top 10px center;
	font-size: 15px;
}

.service_btnarea {
	width: 100%;
	background-image: url(./image/business/go_mark.png);
	background-position: bottom 10px center;
	background-repeat: no-repeat;
}

.tel_no {
	font-size: 18px;
}

.backto_business {
	text-align: center;
}

/* プライバシーポリシーページ */

/* お問合せページ */

}

/* 2026.1 アニマル アシステッド アカデミーadd */
.top_academy_button a {
  font-family: 'Noto Serif JP', serif;
  font-size: 1.2rem;
  letter-spacing: 0.1em;
  color: #fff;
  background: #e0a037;
  font-weight: 400;
  border: solid 1px #e0a037;
  border-radius: 999px;
  display: block;
  box-sizing: border-box;
  max-width: 400px;
  text-align: center; 
  padding: 16px 30px;
  margin: 0 24px 40px 24px;
  margin-inline: auto;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s;
}

.top_academy_button a:hover {
  color: #333;
  background: initial;
  transition: all 0.3s;
}

.conv_academy > ul li {
	margin-left: 1.2rem;
}

.conv_academy > h2 {
	line-height: 1.8rem;
}

.form_academy th {
	vertical-align: top;
}

.form_academy th, td {
  padding: 5px;
  border-bottom: 1px dotted;
}

.form_academy2 td {
  padding: 5px;
  border-bottom: 1px dotted !important;
}

.form_academy2 tr:last-child td {
  padding: 5px !important;
  border-bottom: none  !important;
}

.form_academy {
  width: 100%;
}

.form_academy th {
	white-space: nowrap;
}

.aca01, .aca02 {
	margin-left: 1.2rem;
}

.aca01 > li:not(:last-child) {
	margin-bottom: 1rem;
}

.aca02 {
	list-style-type: lower-latin;
}