/*
Theme Name:ダイスケ動物病院
Theme URI:
Version:1.0.0
Description:ダイスケ動物病院
Author:ARCKLY
Author URI: http://arckly.com/
*/

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


/* Reset
------------------------------------------------------------*/
*,::before,::after{box-sizing:border-box;border-style:solid;border-width:0;min-width:0}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0}main{display:block}p,table,blockquote,address,pre,iframe,form,figure,dl{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}ul,ol{margin:0;padding:0;list-style:none}dt{font-weight:700}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}pre{font-family:monospace,monospace;font-size:inherit}address{font-style:inherit}a{background-color:transparent;text-decoration:none;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}svg,img,embed,object,iframe{vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:transparent;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}button,[type="button"],[type="reset"],[type="submit"]{cursor:pointer}button:disabled,[type="button"]:disabled,[type="reset"]:disabled,[type="submit"]:disabled{cursor:default}:-moz-focusring{outline:auto}select:disabled{opacity:inherit}option{padding:0}fieldset{margin:0;padding:0;min-width:0}legend{padding:0}progress{vertical-align:baseline}textarea{overflow:auto}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type="number"]{-moz-appearance:textfield}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]:focus{outline:auto}table{border-color:inherit;border-collapse:collapse}caption{text-align:left}td,th{vertical-align:top;padding:0}th{vertical-align:top;padding:0;text-align:left;font-weight:normal}

input[type="radio"] {
  position: relative;
  width: 16px;
  height: 16px;
  border: 1px solid #000;
  border-radius: 50%;
  vertical-align: -2px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

input[type="radio"]:checked:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #088FDB;
  content: '';
}
input[type="checkbox"] {
  position: relative;
  width: 16px;
  height: 16px;
  border: 1px solid #000;
  vertical-align: -1px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

input[type="checkbox"]:checked:before {
  position: absolute;
  top: -5px;
  left: 4px;
  transform: rotate(50deg);
  width: 10px;
  height: 16px;
  border-right: 4px solid #088FDB;
  border-bottom: 2px solid #088FDB;
  content: '';
}

a:hover.link img{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	display: inline-block;
	transition:all 0.5s;
}

img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
	vertical-align:middle;
	image-rendering: -webkit-optimize-contrast;
}


/*===============================================
●フォント読み込み
===============================================*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");

@font-face {
  font-family: "keifont";
  src: url("./font/keifont.ttf") format("truetype");
}
.keifont{
	font-family: "keifont",  "Noto Sans JP" , "游ゴシック体", Yu Gothic, YuGothic, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic ProN, Hiragino Sans, "ヒラギノ角ゴシック", "メイリオ", sans-serif;
}
@font-face {
  font-family: "building";
  src: url("./font/Buildingsandundertherailwaytracksfree_ver.otf") format("opentype");
}
.building{
	font-family: "building",  "keifont",  "Noto Sans JP" , "游ゴシック体", Yu Gothic, YuGothic, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic ProN, Hiragino Sans, "ヒラギノ角ゴシック", "メイリオ", sans-serif;
	color: #564B37;
}
/* 共通CSS
------------------------------------------------------------*/
body{
	font-family: "Noto Sans JP" , "游ゴシック体", Yu Gothic, YuGothic, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic ProN, Hiragino Sans, "ヒラギノ角ゴシック", "メイリオ", sans-serif;
	color: #564B37;
	font-size: 16px;
	background-color:#FAF9ED;
	line-height: 1.7em;
	font-weight: 400;
	letter-spacing: 0.05em;
	min-width: 1220px;
}

body a{
	color:#564B37;
	text-decoration:underline;
} 

body a:hover{
	opacity: 0.7;
	text-decoration:underline;
	transition:all 0.5s;
}


.float_l{
	float:left;
}

.float_r{
	float:right;
}

.clear{
	clear:both;
}

.red{
	color:#F00;
}

.blue{
	color:#00F;
}

.bold{
	font-weight: 700;
}

/* 改行 */
.line_break{
    padding-top: 25px;
}

.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
}
 
.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#1b1b1b;
background: #F8AC71;
}
 
.pagination a:hover{
	color:#fff;
	background-color:#AA6C32;
}
 
.pagination .current{
	padding:6px 9px 5px 9px;
	background-color:#AA6C32;
	color:#FFF;
}


/*===============================================
●フォーム系
===============================================*/
/*===============================================
●iOS submitリセット
===============================================*/

input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}


/*フォーム系*/
.contact_btn{
	text-align:center;
}

.contact_btn input{
	padding:20px 50px;
	background-color:#e70012;
	border:none;
	color:#fff;
	text-align:center;
	margin:10px 0;
}
.contact_btn input:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

.contact_main{
	margin-bottom:10px;
}


.info_box5 input[type="text"]{
	width:90%;
	background-color: #fff;
	border: 1px solid #111;
}

.info_box5 input[type="text"].form_short{
	width:50px;
	background-color: #fff;
	border: 1px solid #111;
}
.info_box5 input[type="email"]{
	width:90%;
	background-color: #fff;
	border: 1px solid #111;
}


.info_box5 input[type="tel"]{
	width:90%;
	background-color: #fff;
	border: 1px solid #111;
}

.info_box5 input[type="url"]{
	width:90%;
	background-color: #fff;
	border: 1px solid #111;
}

.info_box5 textarea{
	width:90%;
	background-color: #fff;
	border: 1px solid #111;
}

.zip_box input[type="text"]{
	width:100px;
	background-color: #fff;
	border: 1px solid #111;
}


.hissu{
	background-color:#B20000;
	color:#FFF;
	font-size:12px;
	padding:2px 5px;
	margin-right:20px;
}

.nini{
	background-color:#888888;
	color:#FFF;
	font-size:12px;
	padding:2px 5px;
	margin-right:20px;
}

.info_chui{
	color:#B20000;
	display:block;
}
/*===============================================
●マージンボトム設定
===============================================*/

.mb0{
	margin-bottom:0px!important;
}
.mb5{
	margin-bottom:5px!important;
}
.mb10{
	margin-bottom:10px!important;
}
.mb15{
	margin-bottom:15px!important;
}
.mb20{
	margin-bottom:20px!important;
}
.mb25{
	margin-bottom:25px!important;
}
.mb30{
	margin-bottom:30px!important;
}
.mb35{
	margin-bottom:35px!important;
}
.mb40{
	margin-bottom:40px!important;
}
.mb45{
	margin-bottom:45px!important;
}
.mb50{
	margin-bottom:50px!important;
}
.mb55{
	margin-bottom:55px!important;
}
.mb60{
	margin-bottom:60px!important;
}
.mb65{
	margin-bottom:65px!important;
}
.mb70{
	margin-bottom:70px!important;
}
.mb75{
	margin-bottom:75px!important;
}
.mb80{
	margin-bottom:80px!important;
}
.mb85{
	margin-bottom:85px!important;
}
.mb90{
	margin-bottom:90px!important;
}
.mb95{
	margin-bottom:95px!important;
}
.mb100{
	margin-bottom:100px!important;
}
.mb200{
	margin-bottom:200px!important;
}


/*===============================================
●Googleマップ
===============================================*/

.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*===============================================
●ページトップ
===============================================*/

#PageTopBtn{
  position: fixed;
  right: 0px;
  bottom: 30px;
  z-index:100;
	width: 80px;
	height: 80px;
}
#PageTopBtn:hover{
  bottom: 40px;
	transition:all 0.5s;
}

/*===============================================
●フォント
===============================================*/
.font_mincho{
	font-family:"游明朝体", "Yu Mincho", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.gibson_100{
font-weight: normal;
font-style: normal;
letter-spacing: 0.2em;
}
.gibson_300{
font-weight: 300;
font-style: normal;
}
.gibson_400{
font-weight: 400;
font-style: normal;
}
.gibson_500{
font-weight: 500;
font-style: normal;
}
.gibson_600{
font-weight: 600;
font-style: normal;
}
.gibson_700{
font-weight: 700;
font-style: normal;
}
.gibson_900{
font-weight: 900;
font-style: normal;
	
}
.shuei_400{
font-family: dnp-shuei-mincho-pr6, sans-serif;
font-weight: 400;
font-style: normal;
}
.shuei_500{
font-family: dnp-shuei-mincho-pr6, sans-serif;
font-weight: 500;
font-style: normal;
	
}
.shuei_600{
font-family: dnp-shuei-mincho-pr6, sans-serif;
font-weight: 600;
font-style: normal;
}
.shuei_go_400{
font-family: "dnp-shuei-gothic-gin-std", sans-serif;
font-weight: 400;
font-style: normal;
}
.shuei_go_500{
font-family: "dnp-shuei-gothic-gin-std", sans-serif;
font-weight: 500;
font-style: normal;
	
}
.shuei_go_600{
font-family: "dnp-shuei-gothic-gin-std", sans-serif;
font-weight: 600;
font-style: normal;
}


/*===============================================
●フォントサイズ・カラー設定
===============================================*/
.font_10px{
	font-size: 10px;
	line-height:1.7em;
}
.font_11px{
	font-size: 11px;
	line-height:1.7em;
}
.font_12px{
	font-size: 12px;
	line-height:1.7em;
}
.font_13px{
	font-size: 13px;
	line-height:1.7em;
}
.font_14px{
	font-size: 14px;
	line-height:1.7em;
}
.font_15px{
	font-size: 15px;
	line-height:1.8em;
}
.font_16px{
	font-size: 16px;
	line-height:1.8em;
}
.font_17px{
	font-size: 17px;
	line-height:1.8em;
}
.font_18px{
	font-size: 18px;
	line-height:1.8em;
}
.font_20px{
	font-size: 20px;
	line-height:1.8em;
}
.font_22px{
	font-size: 22px;
	line-height:1.8em;
}
.font_24px{
	font-size: 24px;
	line-height:1.8em;
}
.font_27px{
	font-size: 27px;
	line-height:1.8em;
}
.font_28px{
	font-size: 28px;
	line-height:1.8em;
}
.font_34px{
	font-size: 34px;
	line-height:1.8em;
}
.font_30px{
	font-size: 30px;
	line-height: 1.8em;
}
.font_32px{
	font-size: 32px;
	line-height:1.8em;
}
.font_36px{
	font-size: 36px;
	line-height:1.8em;
}
.font_38px{
	font-size: 38px;
	line-height:1.8em;
}
.font_40px{
	font-size: 40px;
	line-height:1.8em;
}
.font_44px{
	font-size: 44px;
	line-height:1.8em;
}
.font_50px{
	font-size: 50px;
	line-height:1.8em;
}
.font_52px{
	font-size: 52px;
	line-height:1.8em;
}
.font_56px{
	font-size: 56px;
	line-height:1.8em;
}
.font_64px{
	font-size: 64px;
	line-height:1.8em;
}
.color_wh{
	color: #FFF;
}
.color_red{
	color: #e70012;
}

/*===============================================
●画面の横幅が768px以上
===============================================*/
@media screen and (min-width: 768px){

body{
	line-height:1.8em;
}

.pc_none{
	display:none;
}

.pc_float_l{
	float:left;
}

.pc_float_r{
	float:right;
}

.pc_center{
	text-align:center;
}

.pc_right{
	text-align:right;
}

	.d_flex_pc{
		display: flex;
	}
	.flex_wrap_pc{
		flex-wrap: wrap;
	}
	.j_content_c_pc{
		justify-content: center;
	}
	.j_content_en_pc{
		justify-content: flex-end;
	}
	.j_content_sb_pc{
		justify-content: space-between;
	}
	.a_items_c_pc{
		align-items: center;
	}
	.a_items_en_pc{
		align-items: flex-end;
	}
	.f-direction_re_pc{
		flex-direction: row-reverse;
	}

a.link_disabled_pc{
	pointer-events: none;
}

.br-pc{
	display: block;
}
.br-sp{
	display: none;
}

/*wrap設定
------------------------------------------------------------*/

#wrapper{
/*
	min-width:1200px;
	margin-left:auto;
	margin-right:auto;
*/
}

.wrap{
	max-width:1160px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
}
	.path{
		margin-top: 20px;
		font-size: 14px;
		font-weight: 400;
	}
.next_title{
	gap:20px;
	margin-bottom:50px;
}
.next_title h1{
	font-size:32px;
	line-height:1em;
}
.single_title{
	margin-bottom: 50px;
	font-size:28px;
	line-height:1.5em;
	text-align: center;
}
/*フッター設定
------------------------------------------------------------*/
	.next_footer_img_bg{
		background-image: url("images/next_footer_bottom_img_bg.jpg");
		background-repeat: repeat-x;
		background-position: center top;
		height: 97px;
		margin-top: 80px;
	}
	.next_footer_img{
		background-image: url("images/next_footer_bottom_img.jpg");
		background-repeat: no-repeat;
		background-position: center top;
		height: 97px;
	}
	.footer_top{
		margin-top: 80px;
	}
	.footer_top_l{
		width:48%;
	}
	.footer_top_r{
		width:48%;
	}
	.footer_top_r .ggmap{
		height:550px;
		border:5px solid #E3DDC4;
	}
	.footer_top_l_box1{
		padding-bottom:20px;
		background-image:url(images/footer_bg1.png);
		background-repeat:no-repeat;
		background-position:bottom right;
	}
	.footer_top_l_box2 dl{
		display:flex;
		margin-bottom:10px;
		gap:10px;
	}
	.footer_top_l_box2 dl dt{
		width:110px;
		height:30px;
		background-image:url(images/footer_bg2.png);
		background-repeat:no-repeat;
		text-align:center;
		line-height:30px;
		color:#fff;
		font-weight:normal;
	}
	
	.main_footer{
		background-image:url(images/footer_bg4.png);
		background-repeat:repeat-x;
		background-position:top center;
		padding-top: 100px;	}
	.main_footer a{
		text-decoration: none;
	}
	.main_footer_inner{
		background-image:url(images/footer_bg6.png);
		background-repeat:repeat;
		background-position:center top;
	}
	
	.footer_nav_inner{
		background-color: rgba(255,255,255,0.80);
		border-radius: 10px;
		padding: 40px;
		gap:39px;
	}
	.footer_nav_box2{
		font-weight: 700;
		color: #F4890C;
		margin-bottom: 13px;
	}
	.footer_nav_box2 a{
		font-weight: 700;
		color: #F4890C;
	}
	.footer_nav_list li{
		background-image: url("images/footer_ico_1.png");
		background-repeat: no-repeat;
		background-position: left top 5px;
		padding-left: 20px;
		font-weight: 400;
		line-height: 1.5em;
		margin-bottom: 10px;
		font-size: 14px;
	}


	.footer_copyright_area{
		padding: 10px 0;
	}
	.footer_copyright_wrap{
		text-align: center;
	}
	.footer_copyright_wrap small{
		font-size: 13px;
		color: #444444;
	}
	
	
	/* ホーム設定
------------------------------------------------------------*/

	.top_area1{
		background-image:url(images/top_img_01.png);
		background-repeat:no-repeat;
		background-position:center center;
		min-height:400px;
		box-sizing:border-box;
		padding-top:50px;
		padding-bottom:80px;
	}
	.top_area1_bt{
		gap:30px;
	}
	.top_area1_txt{
		line-height: 2.2;
	}
	
	.top_area2{
		background-image:url(images/top_img_22.png);
		background-position:center top;
		padding:80px 0 100px;
	}
	.top_news_area{
		height:280px;
		box-sizing:border-box;
		background-image:url(images/top_img_06.png);
		background-repeat:no-repeat;
		background-size:100% 280px;
		padding-top:4px;
	}
	.top_news_area_inner{
		width: calc(100% - 30px);
		height: 215px;
		margin: 30px 0;
		padding: 0 40px;
		overflow-y: scroll;
	}
	.top_news_area ul li{
		display:flex;
		flex-wrap: wrap;
		border-bottom:1px dashed #C7C0AD;
		padding:15px 25px;
	}
	.top_news_area_day{
		color:#F28C24;
		background-image:url(images/top_img_07.png);
		background-repeat:no-repeat;
		background-position:left top 3px;
		width:170px;
		padding-left:40px;
		min-height:22px;
	}
	.top_news_area_title{
		width:calc(100% - 170px);
		margin-bottom: 10px;
		font-size:16px;
	}
	.top_news_area_title a{
		font-size:16px;
		text-decoration:none;
	}
	.top_news_area_txt{
		width: 100%;
		font-size:14px;
	}
	.top_area3{
		padding-bottom:80px;
		background-image:url(images/top_img_15.png);
		background-repeat:no-repeat;
		background-position:center bottom;
	}
	.top_h2_3{
		background-image:url(images/top_img_08.png);
		background-repeat:no-repeat;
		background-position:center top 40px;
	}
	.top_area3_linkbox{
		gap:50px 39px;
	}
	a.top_area3_linkbox_col{
		text-decoration:none;
		display:block;
		width:347px;
	}
	a:hover.top_area3_linkbox_col{
		text-decoration:none;
	}
	.top_area3_linkbox_col_h3 h3{
		padding-bottom: 7px;
		color:#986753;
		border-bottom:2px dashed #986753;
		display:inline-block;
	}
	.top_area4{
		background-image:url(images/top_img_23.png);
		background-position:center top 4px;
	}
	.top_area4_2{
		background-image:url(images/top_img_24.png);
		background-position:center top;
		background-repeat:repeat-x;
	}
	.top_area4_3{
		background-image:url(images/top_img_24.png);
		background-position:center bottom;
		background-repeat:repeat-x;
		padding:130px 0 80px;
	}
	.top_area4_contents{
		border:2px solid #BEA687;
		background-color:#fff;
		border-radius:13px;
		padding:112px 42px 42px;
		position:relative;
	}
	.top_h2_4{
		position:absolute;
		top:-50px;
		left:50%;
		transform: translate(-50%, 0%);
		width:100%;
		text-align:center;
	}
	.top_area4_box1{
		gap:100px 10px;
	}
	.top_area4_box2{
		gap:100px 10px;
	}
	a.top_area4_box2_linkbox{
		text-decoration:none;
		display:block;
		width:245px;
		position:relative;
		width:245px;
		min-height:275px;
		background-color:#DBF2F5;
		border-radius:14px;
		padding:30px;
		box-sizing:border-box;
	}
	a:hover.top_area4_box2_linkbox{
		text-decoration:none;
	}
	.top_area4_box2_linkbox_img{
		position:absolute;
		top:-50px;
		left:50%;
		transform: translate(-50%, 0%);
		width:180px;
		height:180px;
	}
	.top_area4_box2_linkbox ul{
		padding-top:130px;
	}
	.top_area4_box2_linkbox ul li{
		list-style-type:disc;
		margin-left:1em;
		margin-bottom:10px;
	}
	.top_area4_box2_linkbox ul li span{
		display:inline-block;
		border-bottom:1px solid #3F3932;
	}
	a.top_area4_box2_linkbox2{
		background-color:#F2F7DC;
	}
	a.top_area4_box2_linkbox3{
		background-color:#FBEFEF;
	}
	a.top_area4_box2_linkbox4{
		background-color:#FEF6DE;
	}

	
	/* コンセプト設定
------------------------------------------------------------*/
	.concept_h1{
		background-image:url(images/top_img_08.png);
		background-repeat:no-repeat;
		background-position:center top 20px;
	}
	.concept_box1{
		background-image:url(images/concept_img_01.png);
		background-repeat:no-repeat;
		background-position:center top;
		color:#F28C24;
	}
	.concept_box1 .font_38px{
		line-height:1em;
	}
	.concept_box1 .font_56px{
		line-height:1.4em;
	}
	.concept_box1_l{
		width:59.8%;
	}
	.concept_box1_r{
		width:35.7%;
	}
	
	/* ご来院時のお願い 設定
------------------------------------------------------------*/
	.care_h1{
		background-image:url(images/care_img_13.png);
		background-repeat:no-repeat;
		background-position:center top 20px;
	}
	.care_h2_1{
		background-image:url(images/care_img_14.png);
		background-repeat:repeat-x;
		background-position:left bottom;
		padding-bottom: 10px;
	}
	.care_h2_1_inner{
		background-image:url(images/care_img_01.png);
		background-repeat:no-repeat;
		background-position:left top;
		padding-left:50px;
		display: block;
	}
	.care_box1_l{
		width:49.1%;
	}
	.care_box1_r{
		width:47.3%;
	}
	.care_box2{
		width:48.2%;
		background-color:#fff;
		border:1px solid #D7C8A4;
		boder-top:none;
	}
	.care_h3_1{
		background-image:url(images/care_img_03.png);
		height:55px;
		line-height:55px;
		font-size:20px;
		color:#fff;
		text-align:center;
		margin-left:-1px;
		width:calc(100% + 2px);
		font-weight:700;
	}
	.care_h3_2{
		background-image:url(images/care_img_04.png);
	}
	.care_box3{
		background-color:#fff;
		padding:30px;
	}
	.care_box3 ul li{
		background-image:url(images/care_img_05.png);
		background-position:inherit;
		background-position:left top 9px;
		background-repeat:no-repeat;
		padding-left:20px;
		margin-bottom: 5px;
	}
	.care_box4{
		width:22.3%;
	}
	.care_box5{
		width:1.4%;
		padding-top:50px;
	}
	.care_h3_3{
		background-image:url(images/care_img_10.png);
		text-align:center;
		border-radius:6px;
		height:45px;
		line-height:45px;
		font-size:18px;
		font-weight:700;
		color:#fff;
	}

	
/* 当院の診療の特徴 設定
------------------------------------------------------------*/

.feature_box1{
	margin-left:45px;
	background-color:#fff;
	padding:35px 75px;
	border:2px solid #D7C8A4;
	border-radius:10px;
	position:relative;
}
.feature_box2{
	position:absolute;
	left:-45px;
	top:50%;
	transform: translate(0%, -50%);
}
.feature_h2_1{
		background-image:url(images/care_img_14.png);
		background-repeat:repeat-x;
		background-position:left bottom;
		font-weight:700;
		padding-bottom:20px;
		margin-bottom:20px;
}
.feature_box3 a{
	color:#E4790C;
}

	
/* 院内風景 設定
------------------------------------------------------------*/
	
	.landscape_box1{
		gap:45px 2%;
	}
	.landscape_box2{
		width:32%;
	}
	.landscape_box2_img a img{
		width:100%;
		aspect-ratio: 35 / 25;
		object-fit:cover;
		border-radius:10px;
	}

	
/* 各種予防 設定
------------------------------------------------------------*/

.color_mizuiro{
	color:#4CBDCB;
}
.color_azuki{
	color:#DF7276;
}
.color_midori{
	color:#A9C52C;
}
.color_kiiro{
	color:#F7BD0C;
}
.prevention_link{
	gap:20px;
}
.prevention_box1{
	background-color:#fff;
	padding:40px;
	border:2px solid #D7C8A4;
	border-radius:10px;
}
.prevention_box2_l{
	width:160px;
}
.prevention_box2_r{
	width:calc(100% - 200px);
}
.prevention_h3_1{
	min-height:55px;
	background-image:url(images/prevention_img_08.png);
	box-sizing:border-box;
	padding:10px 50px 0 50px;
	color:#fff;
	border-radius:10px;
}
.prevention_h4_1{
	padding-left:40px;
	background-image:url(images/prevention_img_05.png);
	background-repeat:repeat-x;
	background-position:left bottom;
	padding-bottom:5px;
	position:relative;
}
.prevention_h4_1::before{
	content:"";
	display:block;
	height:26px;
	width:26px;
	background-image:url(images/prevention_img_04.png);
	background-repeat:no-repeat;
	position:absolute;
	left:0;
	top:5px;
}
.prevention_box3_l{
	width:136px;
}
.prevention_box3_r{
	width:calc(100% - 166px);
}

	
/* 避妊・去勢手術 設定
------------------------------------------------------------*/
.surgery_box1{
	background-image:url(images/surgery_img_01.png);
	background-repeat:no-repeat;
	background-position:left bottom;
}
	
/* 検診 設定
------------------------------------------------------------*/
.examination_box2{
	gap:30px 2.8%;
}
.examination_box3{
	width:48.6%;
	padding:30px;
	box-sizing:border-box;
	background-image:url(images/examination_img_03.png);
	border-radius:10px;
}
.examination_box4{
	color:#fff;
	height:40px;
	width:40px;
	border-radius:50%;
	background-image:url(images/examination_img_02.png);
	background-repeat:no-repeat;
	text-align:center;
	line-height:40px;
	margin-right:20px;
}
.examination_box5{
	width:calc(100% - 60px);
	padding-top:5px;
}
	
/* ホモトキシコロジー 設定
------------------------------------------------------------*/
.homotoxicology_box1{
	background:url(images/homotoxicology_img_01.png) no-repeat left bottom, url(images/homotoxicology_img_00.png) no-repeat right bottom 30px;
}
.homotoxicology_box2{
	background-color:#fff;
	border:1px solid #D7C8A4;
}
	
/* CBDオイル 設定
------------------------------------------------------------*/
.cbd_box00{
	width: 100%;
} 
.cbd_box00 .cbd_box00_inner{
	padding: 30px;
}
.cbd_box00_l{
	width: 53%;
	margin-right: 3%;
}
.cbd_box00_r{
	width: 44%;
}
.cbd_box00 h3.care_h3_1{
	position: relative;
	padding-left: 55px;
	text-align: left;
}
.cbd_box00 h3.care_h3_1::before{
	position: absolute;
	content: '';
	top: 44%;
	left: 30px;
	width: 10px;
	height: 10px;
	background: #FFF;
	border-radius: 100vmax;
}

.cbd_box1{
	background-color:#fff;
	border:1px solid #D7C8A4;
	padding:35px;
}
.cbd_box1 ul{
	gap:10px;
}
.cbd_box1 ul li{
		background-image:url(images/care_img_05.png);
		background-position:inherit;
		background-position:left top 9px;
		background-repeat:no-repeat;
		padding-left:20px;
		display:block;
		box-sizing:border-box;
		width:240px;
}
.cbd_box2{
	gap:30px 25px;
}
.cbd_box3{
	width:260px;
}
.cbd_h3_1{
	background-image:url(images/prevention_img_05.png);
	background-repeat:repeat-x;
	background-position:left bottom;
	padding-bottom:10px;
}
	
	
/* 料金案内 設定
------------------------------------------------------------*/
	
	.fees_box1_l{
		color:#fff;
		background-image:url(images/fee_img_01.png);
		width:22.3%;
		box-sizing:border-box;
		padding:20px;
	}
	.fees_box1_r{
		width:77.7%;
		background-color:#fff;
		border:1px solid #D7C8A4;
		border-left:none;
		padding:20px;
	}
ul.fees_ul li{
		background-image:url(images/care_img_05.png);
		background-position:inherit;
		background-position:left top 9px;
		background-repeat:no-repeat;
		padding-left:20px;
		display:block;
		box-sizing:border-box;
}

/* 歯の健康管理 設定
------------------------------------------------------------*/
	.tooth_box1{
		padding:20px 25px;
	}
	ol.tooth_ol1 li{
		display:block;
		background-image:url(images/tooth_img_02.png);
		background-repeat:no-repeat;
		background-position:left top 3px;
		min-height:25px;
		padding-left:30px;
		margin-bottom:5px;
	}
	ol.tooth_ol2 li:first-child{
		background-image:url(images/tooth_img_01.png);
	}
	ol.tooth_ol3{
		gap:10px 20px;
	}
ol.tooth_ol3 li{
		background-image:url(images/care_img_05.png);
		background-position:inherit;
		background-position:left top 9px;
		background-repeat:no-repeat;
		padding-left:20px;
		display:block;
		box-sizing:border-box;
		margin-bottom: 5px;
}

/* 肥満について 設定
------------------------------------------------------------*/
.obesity_box1{
	width:100%;
}
.obesity_box1 h3.care_h3_1{
	text-align: left;
	padding-left: 30px;
}
	ol.obesity_ol1{
			gap:10px 20px;
}
.obesity_h3_1{
	background-image:url(images/obesity_img_02.png);
}


/* ペットQ&A 設定
------------------------------------------------------------*/

.faq_box1{
	padding-bottom:40px;
	border-bottom:1px solid #CFC9B8;
}
.faq_q{
	min-height:46px;
	background-image:url(images/q_ico.png);
	background-repeat:no-repeat;
	padding-left:70px;
	padding-bottom:30px;
	padding-top:5px;
}
.faq_a{
	min-height:46px;
	background-image:url(images/a_ico.png);
	background-repeat:no-repeat;
	padding-left:70px;
	padding-top:5px;
}
.faq_a a{
	color:#E37700;
}
	
/* 医院アクセス 設定
------------------------------------------------------------*/
.overview_table_1{
	width:100%;
}
.overview_table_1 th{
	padding:16px 20px;
	color:#F28D24;
	border-bottom:2px solid #F28D24;
	width:30%;
	font-weight: 700;
}
.overview_table_1 td{
	padding:16px 20px;
	border-bottom:1px solid #D7C8A4;
	width:70%;
}
.overview_box1_l{
	width:70%;
}
.overview_box1_r{
	width:30%;
}
.overview_map{
	width:100%;
	height:400px;
}
.overview_map.ggmap{
	padding-bottom: 25%;
}
	
/* 求人情報 設定
------------------------------------------------------------*/
.recruite_box1{
	border:5px solid #E34A47;
	background-color:#fff;
	padding:50px 20px;
	color:#E34A47;
}
.recruite_box2{
	background-image:url(images/recruit_img_02.png);
	background-repeat:no-repeat;
	background-position:center bottom;
	padding-bottom:20px;
	min-height:128px;
	box-sizing:border-box;
}
.recruite_table_1 th{
	width:20%;
}
.recruite_table_1 td{
	width:80%;
}
	
/* スタッフ紹介 設定
------------------------------------------------------------*/
.staff_box1_l{
	width:36.6%;
}
.staff_box1_r{
	width:58.9%;
}
.staff_box2{
	padding-bottom:20px;
}
.staff_box3{
	color:#319EAA;
}
.staff_dl{
	border-bottom:1px dotted #B0A791;
	padding-bottom:13px;
	margin-bottom:13px;
}
.staff_dl dt{
	font-weight:normal;
	width:150px;
}
.staff_dl dd{
	font-weight:normal;
	width:calc(100% - 170px);
}
.staff_box4{
	background-image:url(images/staff_img_02.png);
	background-repeat:no-repeat;
	background-size:100% 100%;
	padding:40px;
}
.staff_box5{
	background-image:url(images/staff_img_04.png);
	background-repeat:no-repeat;
	background-position:right bottom;
}
.staff_box6{
	gap:40px 35px;
}
.staff_box7{
	width:350px;
}
.staff_box7_img{
	z-index:-1;
	position:relative;
}
.staff_h2_2{
	color:#fff;
	width:350px;
	height:50px;
	background-image:url(images/staff_img_11.png);
	background-repeat:no-repeat;
	background-position:center top;
	line-height:50px;
	margin-top:-25px;
}

/* 問い合わせ 設定
------------------------------------------------------------*/
	
.info_box5{
	display:flex;
	justify-content: space-between;
	margin-bottom:10px;
}

.info_box5 div:nth-child(1){
	width:30%;
}
.info_box5 div:nth-child(2){
	width:70%;
}

/* sigle 設定
------------------------------------------------------------*/
.nav-below {
	display: flex;
	justify-content: center;
    width: 100%;
	margin: 70px auto 0;
}
	
.nav-below .list{
    width: 250px;
    background: #F88300;
    transition: 0.3s;
}
        
.nav-below .list a{
	display: block;
	padding: 15px 5px;
	color: #FFF;
	font-size: 15px;
	text-align: center;
	text-decoration: none;
}

.nav-below .list a:hover {
	background: #F5A85A;
}

.nav-below > a {
	display: block;
	width: 140px;
	padding: 15px 5px;
	background: #986854;
	font-size: 15px;
	text-align: center;
	text-decoration: none;
	transition: 0.3s;
}

.nav-below > a span {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	color: #FFF;
	transition: 0.3s;
}

.nav-below > a:hover {
	background: #AC7C68;
}

}

/*===============================================
●画面の横幅が1000px以上
===============================================*/
@media screen and (min-width:1000px){
	
/*ヘッダー設定
------------------------------------------------------------*/
	.main_header{
		width: 100%;
		height: 400px;
		background-image: url("images/next_mv_bg.png");
	}
	.top_header{
		background: linear-gradient(to bottom, #F18212, #F28D24);
		height: 580px;		
	}
	.main_header_innner{
		position: relative;
		height: 400px;
	}

	.top_mv{
		position: relative;
		width: 100%;
		height: 481px;
	}
	.top_mv_img{
		position: absolute;
        bottom: 0;
		z-index: 1;
		width: 100%;
		text-align: center;
	}
	.top_mv_catch{
		position: absolute;
		content: '';
		top: 0;
		left: 50%;
		width: 423px;
		height: 400px;
		transform: translateX(-50%);
	}
	
	.main_header_innner_box1{
		max-width: 1400px;
		margin: 0 auto;
		display: flex;
		justify-content:space-between;
		padding: 0 20px;
		height: 99px;
	}
	.header_logo{
		width: 402px;
		padding-top: 30px;
	}
	.header_r{
		display: flex;
		justify-content: flex-end;
		gap:0 10px;
	}
	.next_mv_title{
		background-image: url("images/next_mv_img2.png");
		background-repeat: no-repeat;
		background-size: 201px auto;
		height: 201px;
		box-sizing: border-box;
		letter-spacing: 0.4em;
		padding: 50px 0 0 55px;
		position: absolute;
		top:150px;
		left: calc((100% - 1260px) / 2);
	}
	.next_mv_img{
		position: absolute;
		top:50%;
		left: 51%;
		transform: translate(-50%, -50%);
	}
	.next_mv_bottom_img{
		position: absolute;
		right: calc((100% - 1260px) / 2);
		bottom: 0;
	}
	
	
	.main_nav{
		width: 100%;
		margin-bottom: 0px;
	}
	#nav_wrap{
		max-width: 1120px;
		margin: 0 auto;
	}
ul#menu{
	display: flex;
	justify-content:center;
/*	max-width: 874px;*/
	margin: 0 auto;
		background-image: url("images/nav_bottom.png");
		background-repeat: repeat-x;
		background-position: center bottom;
		max-width: 1120px;
}

ul#menu li{
	position:relative;
	margin:0 0px;
	width: 14.2%;
	text-align: center;
	display: block;
	height: 140px;
}
ul#menu li:nth-child(2){
/*	width: 26.43%;*/
}
ul#menu li:nth-child(3){
/*	width: 15.44%;*/
}
ul#menu li:nth-child(4){
/*	width: 14.41%;*/
}
ul#menu li:nth-child(5){
/*	width: 14.41%;*/
}
ul#menu li:nth-child(6){
/*	width: 17.5%;*/
}
ul#menu li a{
	text-decoration: none;
	box-sizing: border-box;
	height: 120px;
	width: 100%;
	opacity: 1;
	display: block;
	padding-top: 35px;
	font-size: 1em;
	font-weight: 700;
}
ul#menu li a:hover{
	opacity: 1;
}
ul#menu li a span{
	display: block;
	font-weight: normal;
	color: #78665F;
}
	
ul#menu li a:after{
	 position: absolute;
	 bottom: 0px;
	 left: 0;
	 content: '';
	 width: 100%;
	 height: 3px;
	 background-color:#564B37;
	 transform: scale(0, 1);
	 transform-origin: center top;
	 transition: transform .3s;
}
ul#menu li a:hover::after
{
 transform: scale(1, 1);
}
	ul#menu li a div{
		height: 37px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
ul#menu ul{
	z-index:100;
	display:none;
	position:absolute;
	top:140px;
	left:50%;
	transform: translate(-50%, 0%);
}
	ul#menu ul li{
		height: 40px;
	}
ul#menu ul li a{
	display:block;
	color:#4A443C;
	text-decoration:none;
	padding:0px 5px;
	height:40px;
	line-height:40px;
	border-bottom:1px dashed #564B37;
    opacity: 0.9;
    filter: alpha(opacity=90);
    -ms-filter: "alpha( opacity=90 )";
	background-color:#fff;
	text-align:center;
	width:150px;
 transform-origin: center top;
	transition: transform .3s;
	position: relative;
	font-size: 14px;
	letter-spacing: 0;
	font-weight: 400;
}
ul#menu ul li:last-child a{
/*border: none;*/
	}	
ul#menu ul li a::after{
	bottom: -1px;
	}
	
	.humnav{
		display: none;
	}
	
	.bottom_fix_bt{
		display: none;
	}

}
/*===============================================
●画面の横幅が1500px以上
===============================================*/
@media screen and (min-width:1500px){
	.top_header{
		height: 680px;
	}
	.top_mv{
		height: 581px;
	}
}

/*===============================================
●画面の横幅が1400px以下
===============================================*/
@media screen and (max-width:1400px){
	.next_mv_img{
		width: 25%;
	}
	.next_mv_bottom_img{
		position: absolute;
		right: 0%;
		bottom: 0;
		width: 40%;
	}
}

/*===============================================
●画面の横幅が999pxまで
===============================================*/
@media screen and (max-width:999px){
	.main_header{
		width: 100%;
		height: 400px;
		background-image: url("images/next_mv_bg.png");
	}
	.top_header{
		background: linear-gradient(to bottom, #F18212, #F28D24);
		height: 580px;
		
	}
	.main_header_innner{
		position: relative;
		height: 400px;
	}

	.top_mv{
		position: relative;
		width: 100%;
		height: 481px;
	}
	.top_mv_img{
		position: absolute;
        bottom: 0;
		z-index: 1;
	}
	.top_mv_catch{
		position: absolute;
		content: '';
		top: 0;
		left: 50%;
		width: 423px;
		height: 400px;
		transform: translateX(-50%);
	}

	.main_header_innner_box1{
		display: flex;
		justify-content:space-between;
		padding: 0 20px;
		height: 99px;
	}
	.header_logo{
		max-width: 402px;
		width: 100%;
		padding-top: 20px;
		padding-right: 60px;
	}
	.header_r{
		display: flex;
		justify-content: flex-end;
		gap:0 10px;
	}
	.header_r{
		display: none;
	}
	.next_mv_title{
		background-image: url("images/next_mv_img2.png");
		background-repeat: no-repeat;
		background-size: 201px auto;
		height: 201px;
		box-sizing: border-box;
		letter-spacing: 0.4em;
		padding: 50px 0 0 50px;
		position: absolute;
		top:150px;
		left: 3%;
		z-index: 2;
	}
	.next_mv_img{
		position: absolute;
		top:50%;
		left: 51%;
		transform: translate(-50%, -50%);
	}
	.next_mv_bottom_img{
		position: absolute;
		right: 0;
		bottom: 0;
	}

	.main_nav{
		width: 100%;
		margin-bottom: 0px;
	}
	#nav_wrap{
		max-width: 1120px;
		margin: 0 auto;
	}
	ul#menu{
		display: flex;
		justify-content:center;
	/*	max-width: 874px;*/
		margin: 0 auto;
			background-image: url("images/nav_bottom.png");
			background-repeat: repeat-x;
			background-position: center bottom;
			max-width: 1120px;
	}

	ul#menu li{
		position:relative;
		margin:0 0px;
		width: 14.2%;
		text-align: center;
		display: block;
		height: 140px;
	}
	ul#menu li:nth-child(2){
	/*	width: 26.43%;*/
	}
	ul#menu li:nth-child(3){
	/*	width: 15.44%;*/
	}
	ul#menu li:nth-child(4){
	/*	width: 14.41%;*/
	}
	ul#menu li:nth-child(5){
	/*	width: 14.41%;*/
	}
	ul#menu li:nth-child(6){
	/*	width: 17.5%;*/
	}
	ul#menu li a{
		text-decoration: none;
		box-sizing: border-box;
		height: 120px;
		width: 100%;
		opacity: 1;
		display: block;
		padding-top: 35px;
		font-size: 1em;
		font-weight: 700;
	}
	ul#menu li a:hover{
		opacity: 1;
	}
	ul#menu li a span{
		display: block;
		font-weight: normal;
		color: #78665F;
	}
		
	ul#menu li a:after{
		position: absolute;
		bottom: 0px;
		left: 0;
		content: '';
		width: 100%;
		height: 3px;
		background-color:#564B37;
		transform: scale(0, 1);
		transform-origin: center top;
		transition: transform .3s;
	}
	ul#menu li a:hover::after
	{
	transform: scale(1, 1);
	}
		ul#menu li a div{
			height: 37px;
			display: flex;
			justify-content: center;
			align-items: center;
		}
	ul#menu ul{
		z-index:100;
		display:none;
		position:absolute;
		top:140px;
		left:50%;
		transform: translate(-50%, 0%);
	}
		ul#menu ul li{
			height: 40px;
		}
	ul#menu ul li a{
		display:block;
		color:#4A443C;
		text-decoration:none;
		padding:0px 5px;
		height:40px;
		line-height:40px;
		border-bottom:1px dashed #564B37;
		opacity: 0.9;
		filter: alpha(opacity=90);
		-ms-filter: "alpha( opacity=90 )";
		background-color:#fff;
		text-align:center;
		width:150px;
	transform-origin: center top;
		transition: transform .3s;
		position: relative;
		font-size: 14px;
		letter-spacing: 0;
		font-weight: 400;
	}
	ul#menu ul li:last-child a{
	/*border: none;*/
		}	
	ul#menu ul li a::after{
		bottom: -1px;
		}
		
		.humnav{
			display: none;
		}
		
		.bottom_fix_bt{
			display: none;
		}

}
/*===============================================
●画面の横幅が767pxまで
===============================================*/
@media screen and (max-width:767px){

body{
	min-width: initial;
}

.body_fixed{
  position: fixed;
  width:100%;
}
	
.sp_none{
	display:none;
}

.sp_center{
	text-align:center;
}

.sp_left{
	text-align:left;
}

.sp_right{
	text-align:right;
}

.sp_float_l{
	float:left;
}

.sp_float_r{
	float:right;
}


	.d_flex_sp{
		display: flex;
	}
	.flex_wrap_sp{
		flex-wrap: wrap;
	}
	.j_content_c_sp{
		justify-content: center;
	}
	.j_content_en_sp{
		justify-content: flex-end;
	}
	.j_content_sb_sp{
		justify-content: space-between;
	}
	.a_items_c_sp{
		align-items: center;
	}
	.a_items_en_sp{
		align-items: flex-end;
	}
	.f-direction_re_sp{
		flex-direction: row-reverse;
	}

a.link_disabled_sp{
	pointer-events: none;
}

.main_nav{
	display: none;
}	
	
nav.humnav{
	display: block;
	z-index:1000;
}

#humberger{
	position: fixed;
	top:10px;
	right:10px;
	z-index: 999;
	width:40px;
	height:40px;
	box-sizing:border-box;
	padding:13px 10px 10px;
	cursor:pointer;
	background-color:rgba(66,177,189,1.00);
}
.iconBar{
	height: 2px;
	background: #FFF;
	display: block;
	margin-bottom: 3px;
	-webkit-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	   -moz-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
		 -o-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */

	-webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	   -moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
		 -o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
	z-index:1000;
}

dl.accordion_spnav dt.open3 #humberger .iconBar{
	background: #FFF;
	box-shadow:none;
}
dl.accordion_spnav dt.open3 #humberger :nth-child(1){
	transform:translate(0,8px) rotate(45deg);
	-webkit-transform:translate(0,8px) rotate(45deg);
	margin-bottom:8px;
	margin-top:-2px;
}
dl.accordion_spnav dt.open3 #humberger :nth-child(2){
	transform:translate(-20px ,0);
	-webkit-transform:translate(-20px ,0);
	opacity:0;
}
dl.accordion_spnav dt.open3 #humberger :nth-child(3){
	transform:translate(0,-7px) rotate(-45deg);
	-webkit-transform:translate(0,-7px) rotate(-45deg);
}

.accordion_spnav dd{
	display:none;
	color:#FFF;
	position:fixed;
	top:0px;
	left:0px;
	background-color:#FAF9ED;
	width:100%;
	opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha( opacity=90 )";
	z-index:997;
	padding-top:70px;
	height:100%;
	-webkit-overflow-scrolling: touch;
	overflow-y: auto;
	box-sizing:border-box;
}

.accordion_spnav dd a{
	display:block;
	color:#111;
	text-decoration:none;
	border-bottom:1px solid #111;
	padding:10px 15px;
	font-size:18px;
}


.accordion_spnav dd a.nav_wrap_sp_home{
	border-top:1px solid #111;
}

.accordion_spnav2 div{
	display:block;
	color:#111;
	text-decoration:none;
	border-bottom:1px solid #111;
	padding:10px 40px 10px 15px;
	font-size:18px;
	position:relative;
}

.accordion_spnav2 ul{
	display:none;
}

.accordion_spnav2 ul li{
	background-color:#eee;
}

.accordion_spnav2 ul li a{
	padding-left:2em;
	color:#1b1b1b;
}

.humberger2{
	width:20px;
	position:absolute;
	right:10px;
	top:15px;
	z-index:1000;
}

.iconBar2{
	height: 3px;
	background: #1b1b1b;
	display: block;
	margin-bottom: 4px;
	-webkit-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	   -moz-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
		 -o-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */

	-webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	   -moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
		 -o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
}

.iconBar2:nth-child(1){
	transform:translate(0,8px) rotate(90deg);
	-webkit-transform:translate(0,8px) rotate(90deg);
}

div.accordion_spnav2 div.open2 span.iconBar2:nth-child(1){
	transform:translate(-20px ,0);
	-webkit-transform:translate(-20px ,0);
	opacity:0;
}
	
	.bottom_fix_bt{
		position: fixed;
		bottom: 0;
		left: 0px;
	}
	.bottom_fix_bt ul{
		display: flex;
		gap:0px;
	}
	.bottom_fix_bt ul li{
		display: block;
		width: 80px;
		height: 80px;
	}
	.bottom_fix_bt ul li a{
		display: block;
		width: 80px;
		height: 80px;
		text-align: center;
		line-height: 80px;
		background-color:rgba(246,167,51,1.00);
		font-weight: 700;
		text-decoration: none;
		font-size: 14px;
		color: #fff;
	}
	.bottom_fix_bt ul li:nth-child(2) a{
		background-color: rgba(66,177,189,1.00);
	}
	.bottom_fix_bt ul li a:hover{
		text-decoration: none;
	}

#PageTopBtn{
  bottom: 0px;
}

.br-pc{
	display: none;
}
.br-sp{
	display: block;
}

/* スマホナビ顧客情報 */
.nav_wrap_sp{
	margin-bottom: 50px;
}
.nav_info_logo{
	width: 280px;
    margin: 0 auto 20px;
}
.nav_info_logo a{
	border-bottom: none !important;
	padding: 0 !important;
}
.nav_info_add{
	margin-bottom: 15px;
	padding: 0 15px;
	color: #111 !important;
	font-size: 14px;
	text-align: center;
}
.nav_info .footer_tel{
	text-align: center;
}
.nav_info .footer_tel a{
	border-bottom: none !important;
	padding: 0 !important;
}


/*===============================================
●マージンボトム設定
===============================================*/

.mb0_sp{
	margin-bottom:0px!important;
}
.mb5_sp{
	margin-bottom:5px!important;
}
.mb10_sp{
	margin-bottom:10px!important;
}
.mb15_sp{
	margin-bottom:15px!important;
}
.mb20_sp{
	margin-bottom:20px!important;
}
.mb25_sp{
	margin-bottom:25px!important;
}
.mb30_sp{
	margin-bottom:30px!important;
}
.mb35_sp{
	margin-bottom:35px!important;
}
.mb40_sp{
	margin-bottom:40px!important;
}
.mb45_sp{
	margin-bottom:45px!important;
}
.mb50_sp{
	margin-bottom:50px!important;
}
.mb55_sp{
	margin-bottom:55px!important;
}
.mb60_sp{
	margin-bottom:60px!important;
}
.mb65_sp{
	margin-bottom:65px!important;
}
.mb70_sp{
	margin-bottom:70px!important;
}
.mb75_sp{
	margin-bottom:75px!important;
}
.mb80_sp{
	margin-bottom:80px!important;
}
.mb85_sp{
	margin-bottom:85px!important;
}
.mb90_sp{
	margin-bottom:90px!important;
}
.mb95_sp{
	margin-bottom:95px!important;
}
.mb100_sp{
	margin-bottom:100px!important;
}
	
	
/*===============================================
●ボタン
===============================================*/


/*===============================================
●フォントサイズ・カラー設定
===============================================*/

	.font_10px_sp{
		font-size: 10px;
		line-height:1.7em;
	}
	.font_14px_sp{
		font-size: 14px;
		line-height:1.7em;
	}
	.font_28px_sp{
		font-size: 28px;
		line-height:1.7em;
	}
	.font_40px_sp{
		font-size: 40px;
		line-height:1.7em;
	}
	
/*ヘッダー設定
------------------------------------------------------------*/

	.main_header{
		height: 300px;
	}

	.main_header_innner{
		height: 300px;
	}

	.top_header{
		height: 450px;		
	}

	.top_mv{
		height: 351px;
	}

	.top_mv_catch{
		width: 280px;
		top: -20px;
	}

	.top_mv_img{
		max-width: 520px;
        margin: 0 auto;
        left: 0;
        right: 0;
	}

	.next_mv_title {
        padding: 50px 0 50px 10px;
        top: 80px;
        left: 3%;
		min-width: 201px;
    }

	.gibson_100{
		font-size: 14px;
	}

	.next_mv_title .font_44px {
		font-size: 28px;
		letter-spacing: 0.1em;
	}

	.next_mv_img{
		transform: none;
        width: 150px;
        left: auto;
        right: 15px;
        top: 28%;
	}

	.next_mv_bottom_img {
        left: 3%;
		right: auto;
		width: 55%;
		max-width: 280px;
		z-index: 3;
    }

	.path{
		margin-top: 10px;
		margin-bottom: 30px !important;
		font-size: 13px;
	}


/*wrap設定
------------------------------------------------------------*/

.wrap{
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
	box-sizing:border-box;
}
.next_title{
	margin-bottom:30px;
	text-align:center;
}
.next_title h1{
	font-size:22px;
	line-height:1em;
	margin:17px 0 5px;
}

/*フッター設定
------------------------------------------------------------*/
	.next_footer_img_bg{
		background-image: url("images/next_footer_bottom_img_bg.jpg");
		background-repeat: repeat-x;
		background-position: center top;
		background-size: auto 80px;
		height: 80px;
		margin-top: 40px;
	}
	.next_footer_img{
		background-image: url("images/next_footer_bottom_img.jpg");
		background-repeat: no-repeat;
		background-position: center left;
		background-size: auto 80px;
		height: 80px;
	}
	.footer_top{
		margin-top: 50px;
	}
	.footer_top_l{
		width:100%;
		margin-bottom: 40px;
	}
	.footer_top_r{
		width:100%;
	}
	.footer_logo{
		width: 300px;
    	margin-bottom: 30px !important;
	}
	.footer_top_r .ggmap{
		height:350px;
		border:5px solid #E3DDC4;
	}
	.footer_top_l_box1{
		padding-bottom:20px;
		background-image:url(images/footer_bg1.png);
		background-repeat:no-repeat;
		background-position:bottom right;
		font-size: 14px;
	}
	.footer_top_l_box2 dl{
		display:flex;
		margin-bottom:10px;
		gap:10px;
	}
	.footer_top_l_box2 dl dt{
		width:110px;
		height:30px;
		background-image:url(images/footer_bg2.png);
		background-repeat:no-repeat;
		text-align:center;
		line-height:30px;
		color:#fff;
		font-weight:normal;
	}
	
	.main_footer{
		background-image:url(images/footer_bg4.png);
		background-repeat:repeat-x;
		background-position:top center;
		padding-top: 100px;	}
	.main_footer a{
		text-decoration: none;
	}
	.main_footer_inner{
		background-image:url(images/footer_bg6.png);
		background-repeat:repeat;
		background-position:center top;
	}

	.main_footer_inner{
		display: none;
	}
	
	.footer_nav_inner{
		background-color: rgba(255,255,255,0.80);
		border-radius: 10px;
		padding: 40px;
		gap:39px;
	}
	.footer_nav_box2{
		font-weight: 700;
		color: #F4890C;
		margin-bottom: 10px;
	}
	.footer_nav_box2 a{
		font-weight: 700;
		color: #F4890C;
	}
	.footer_nav_list li{
		background-image: url("images/footer_ico_1.png");
		background-repeat: no-repeat;
		background-position: left top 2px;
		padding-left: 20px;
		font-weight: 700;
		line-height: 1em;
		margin-bottom: 10px;
	}


	.footer_copyright_area{
		padding: 10px 0 90px;
	}
	.footer_copyright_wrap{
		text-align: center;
	}
	.footer_copyright_wrap small{
		font-size: 13px;
		color: #444444;
	}
	#PageTopBtn{
		bottom: 0px;
		width: 70px;
		right: 0;
	}
	#PageTopBtn:hover{
		bottom: 0px;
		transition:all 0.5s;
	}
	
	/* ホーム設定
------------------------------------------------------------*/

	.top_area1{
		background-image:none;
		min-height:auto;
		box-sizing:border-box;
		padding-top:45px;
		padding-bottom:50px;
	}
	.top_h2_1{
		line-height:1;
		font-size: 34px;
	}
	.top_area1_bt{
		gap: 15px;
        margin-top: -15px;
	}
	
	.top_area2{
		background-image:url(images/top_img_22.png);
		background-position:center top;
		padding:40px 0 50px;
	}
	.top_h2_2{
		width: 140px;
		margin: 0 auto;
	}
	.top_news_area{
		box-sizing:border-box;
		padding:20px 15px;
		border:3px solid #FDA703;
		border-radius:14px;
		background-color:#fff;
	}
	.top_news_area_inner{
		height:250px;
		overflow-y: scroll;
	}
	.top_news_area ul li{
		border-bottom:1px dashed #C7C0AD;
		padding:15px 10px;
	}
	.top_news_area_day{
		color:#F28C24;
		background-image:url(images/top_img_07.png);
		background-repeat:no-repeat;
		background-position:left top 3px;
		width:100%;
		padding-left:40px;
		min-height:22px;
	}
	.top_news_area_title{
		width:100%;
		font-size:14px;
		margin-bottom: 0;
	}
	.top_news_area_title a{
		text-decoration:none;
	}
	.top_news_area_txt{
		width: 100%;
		font-size:14px;
	}
	.top_area3{
		margin-top: -50px;
		padding-bottom:50px;
		background-image:url(images/top_img_15.png);
		background-repeat:no-repeat;
		background-position:center bottom;
	}
	.top_h2_3{
		background-image:url(images/top_img_08_sp.png);
		background-repeat:no-repeat;
		background-position:center bottom;
		padding-bottom: 10px;
		font-size: 34px;
	}
	.top_area3_linkbox{
		gap:50px 39px;
	}
	a.top_area3_linkbox_col{
		text-decoration:none;
		display:block;
		width:347px;
	}
	a:hover.top_area3_linkbox_col{
		text-decoration:none;
	}
	.top_area3_linkbox_col_h3 h3{
		color:#986753;
		border-bottom:1px dashed #986753;
		display:inline-block;
		font-size: 30px;
	}
	.top_area4{
		background-image:url(images/top_img_23.png);
		background-position:center top 4px;
	}
	.top_area4_2{
		background-image:url(images/top_img_24.png);
		background-position:center top;
		background-repeat:repeat-x;
	}
	.top_area4_3{
		background-image:url(images/top_img_24.png);
		background-position:center bottom;
		background-repeat:repeat-x;
		padding:100px 0 50px;
	}
	.top_area4_contents{
		border:2px solid #BEA687;
		background-color:#fff;
		border-radius:13px;
		padding:92px 22px 32px;
		position:relative;
	}
	.top_h2_4{
		position:absolute;
		top:-50px;
		left:50%;
		transform: translate(-50%, 0%);
		width:100%;
		text-align:center;
		max-width: 380px;
	}
	.top_area4_box1{
		gap:80px 10px;
	}
	.top_area4_box2{
		gap:80px 10px;
	}
	a.top_area4_box2_linkbox{
		text-decoration:none;
		display:block;
		width:100%;
		position:relative;
		min-height:auto;
		background-color:#DBF2F5;
		border-radius:14px;
		padding:5px 15px 20px;
		box-sizing:border-box;
	}
	a:hover.top_area4_box2_linkbox{
		text-decoration:none;
	}
	.top_area4_box2_linkbox_img{
		position:absolute;
		top:-50px;
		left:50%;
		transform: translate(-50%, 0%);
		width:140px;
		height:140px;
	}
	.top_area4_box2_linkbox ul{
		padding-top:100px;
		width: 190px;
        margin: 0 auto;
	}
	.top_area4_box2_linkbox ul li{
		list-style-type:disc;
		margin-left:1em;
		margin-bottom:10px;
	}
	.top_area4_box2_linkbox ul li span{
		display:inline-block;
		border-bottom:1px solid #3F3932;
	}
	a.top_area4_box2_linkbox2{
		background-color:#F2F7DC;
	}
	a.top_area4_box2_linkbox3{
		background-color:#FBEFEF;
	}
	a.top_area4_box2_linkbox4{
		background-color:#FEF6DE;
	}

	
	/* コンセプト設定
------------------------------------------------------------*/
	.concept_h1{
		background-image:url(images/top_img_08.png);
		background-repeat:no-repeat;
		background-position:center top 20px;
	}
	.concept_box1{
		background-image:url(images/concept_img_01.png);
		background-repeat:no-repeat;
		background-position:center top;
		color:#F28C24;
		margin-bottom: 20px !important;
	}
	.concept_box1 .font_38px{
		line-height:1em;
	}
	.concept_box1 .font_40px{
		font-size: 30px;
	}
	.concept_box1 .font_56px{
		line-height: 0.5em;
        margin-top: 15px;
	}
	.concept_box1 .font_52px{
        font-size: 42px;
    	line-height: 1.6em;
	}
	
	/* ご来院時のお願い 設定
------------------------------------------------------------*/

	.building_h{
		font-size: 28px !important;
		line-height: 1.3em;
	}
	.care_h1{
		background-image:url(images/care_img_13.png);
		background-repeat:no-repeat;
		background-position:center top 20px;
	}
	.care_h2_1{
		background-image:url(images/care_img_14.png);
		background-repeat:repeat-x;
		background-position:left bottom;
	}
	.care_h2_1_inner{
		background-image:url(images/care_img_01.png);
		background-repeat:no-repeat;
		background-position:left top;
		padding-left:45px;
		padding-bottom: 10px;
		display: block;
		line-height: 1.5em;
	}
	.care_h2_1 .font_24px{
		font-size: 20px;
	}
	.care_box1_l{
		width:100%;
		margin-bottom:20px;
	}
	.care_box1_r{
		width:100%;
	}
	.care_box2{
		width:100%;
		background-color:#fff;
		border:1px solid #D7C8A4;
		border-top:none;
	}
	.care_h3_1{
		background-image:url(images/care_img_03.png);
		height:50px;
		line-height:50px;
		font-size:18px;
		color:#fff;
		text-align:center;
		margin-left:-1px;
		width:calc(100% + 2px);
		font-weight:700;
	}
	.care_h3_2{
		background-image:url(images/care_img_04.png);
	}
	.care_box3{
		background-color:#fff;
		padding:20px 15px 15px;
	}
	.care_box3 ul li{
		background-image:url(images/care_img_05.png);
		background-position:inherit;
		background-position:left top 7px;
		background-repeat:no-repeat;
		padding-left:20px;
		margin-bottom: 5px;
	}
	.care_box4{
		width:100%;
	}
	.care_box5{
		width:100%;
		text-align:center;
	}
	.care_h3_3{
		background-image:url(images/care_img_10.png);
		text-align:center;
		border-radius:6px;
		height:45px;
		line-height:45px;
		font-size:18px;
		font-weight:700;
		color:#fff;
	}
	.care_box5 br{
		display: none;
	}	
	
/* 当院の診療の特徴 設定
------------------------------------------------------------*/

.feature_box1{
	margin:50px 0 15px;
	background-color:#fff;
	padding:30px 18px 20px;
	border:2px solid #D7C8A4;
	border-radius:10px;
	position:relative;
}
.feature_box2{
	position:absolute;
	top:-30px;
	left:0;
	right:0;
	margin: 0 auto;
	transform: none;
	width:60px;
}
.feature_h2_1{
		background-image:url(images/care_img_14.png);
		background-repeat:repeat-x;
		background-position:left bottom;
		font-weight:700;
		padding-bottom:10px;
		margin-bottom:20px;
		font-size: 20px;
}
.feature_box3 a{
	color:#E4790C;
}

/* 院内風景 設定
------------------------------------------------------------*/
	
	.landscape_box2{
		margin-bottom:30px;
	}
	.landscape_box2_img{
		text-align: center;
	}
	.landscape_box2_img a img{
		width:100%;
		aspect-ratio: 35 / 25;
		object-fit:cover;
		border-radius:10px;
	}

	
/* 各種予防 設定
------------------------------------------------------------*/

.color_mizuiro{
	color:#4CBDCB;
}
.color_azuki{
	color:#DF7276;
}
.color_midori{
	color:#A9C52C;
}
.color_kiiro{
	color:#F7BD0C;
}
.prevention_link{
	gap:15px;
}
.prevention_box1{
	background-color:#fff;
	padding:20px 18px;
	border:2px solid #D7C8A4;
	border-radius:10px;
}
.prevention_box2_l{
	text-align:center;
	margin-bottom:20px;
}
.prevention_box2_r{
	width:100%;
}
.prevention_h3_1{
	min-height:55px;
	background-image:url(images/prevention_img_08.png);
	box-sizing:border-box;
	padding:10px 10px 0 15px;
	color:#fff;
	border-radius:8px;
	font-size: 18px;
}
.prevention_h4_1{
	padding-left:30px;
	background-image:url(images/prevention_img_05.png);
	background-repeat:repeat-x;
	background-position:left bottom;
	padding-bottom:5px;
	position:relative;
	font-size: 18px;
}
.prevention_h4_1::before{
	content:"";
	display:block;
	height:20px;
	width:20px;
	background-image:url(images/prevention_img_04.png);
	background-repeat:no-repeat;
	background-size: 20px;
	position:absolute;
	left:0;
	top:7px;
}
.prevention_box3_l{
	text-align:center;
	margin-bottom:20px;
}
.prevention_box3_r{
	width:100%;
}

/* 検診 設定
------------------------------------------------------------*/
.examination_box2{
	gap:30px 2.8%;
}
.examination_box3{
	width:100%;
	padding:20px 15px;
	box-sizing:border-box;
	background-image:url(images/examination_img_03.png);
	border-radius:10px;
	margin-bottom: 20px;
}
.examination_box4{
	color:#fff;
	height:40px;
	width:40px;
	border-radius:50%;
	background-image:url(images/examination_img_02.png);
	background-repeat:no-repeat;
	text-align:center;
	line-height:40px;
	margin-right:15px;
}
.examination_box5{
	width:calc(100% - 60px);
	padding-top:5px;
	font-size: 18px;
}
	
/* ホモトキシコロジー 設定
------------------------------------------------------------*/
.homotoxicology_box2{
	background-color:#fff;
	border:1px solid #D7C8A4;
}
	
/* CBDオイル 設定
------------------------------------------------------------*/
.cbd_box00 .cbd_box00_inner{
	padding: 20px 15px;
}
.cbd_box1{
	background-color:#fff;
	border:1px solid #D7C8A4;
	padding:20px 15px;
}
.cbd_box1 ul{
	gap:7px;
}
.cbd_box1 ul li{
		background-image:url(images/care_img_05.png);
		background-position:inherit;
		background-position:left top 9px;
		background-repeat:no-repeat;
		padding-left:20px;
		display:block;
		box-sizing:border-box;
		width:240px;
}
.cbd_box2{
	gap:30px 25px;
}
.cbd_box3{
	width:100%;
}
.cbd_h3_1{
	background-image:url(images/prevention_img_05.png);
	background-repeat:repeat-x;
	background-position:left bottom;
	padding-bottom:10px;
}
	
/* 料金案内 設定
------------------------------------------------------------*/
	
	.fees_box1_l{
		color:#fff;
		background-image:url(images/fee_img_01.png);
		width:100%;
		box-sizing:border-box;
		padding:15px;
	}
	.fees_box1_r{
		width:100%;
		background-color:#fff;
		border:1px solid #D7C8A4;
		border-top:none;
		padding:20px 15px;
	}
ul.fees_ul li{
		background-image:url(images/care_img_05.png);
		background-position:inherit;
		background-position:left top 9px;
		background-repeat:no-repeat;
		padding-left:20px;
		display:block;
		box-sizing:border-box;
		margin-bottom: 5px;
}

	
/* 歯の健康管理 設定
------------------------------------------------------------*/
	.tooth_box1{
		padding:20px;
	}

/* 歯の健康管理 設定
------------------------------------------------------------*/
	.tooth_box1{
		padding:20px;
	}
	ol.tooth_ol1 li{
		display:block;
		background-image:url(images/tooth_img_02.png);
		background-repeat:no-repeat;
		background-position:left top 3px;
		min-height:25px;
		padding-left:30px;
		margin-bottom:5px;
	}
	ol.tooth_ol2 li:first-child{
		background-image:url(images/tooth_img_01.png);
	}
	ol.tooth_ol3{
		gap:10px 20px;
	}
ol.tooth_ol3 li{
		background-image:url(images/care_img_05.png);
		background-position:inherit;
		background-position:left top 9px;
		background-repeat:no-repeat;
		padding-left:20px;
		display:block;
		box-sizing:border-box;
		margin-bottom: 5px;
}

/* 肥満について 設定
------------------------------------------------------------*/
.obesity_h3_1{
	background-image:url(images/obesity_img_02.png);
}

/* ペットQ&A 設定
------------------------------------------------------------*/

.faq_box1{
	padding-bottom:25px;
	border-bottom:1px solid #CFC9B8;
	margin-bottom: 30px !important;
}
.faq_q{
	min-height:35px;
	background-image:url(images/q_ico.png);
	background-repeat:no-repeat;
	background-size: 35px;
	padding-left:50px;
	padding-bottom:20px;
	padding-top:3px;
	font-size: 20px;
	line-height: 1.5em;
}
.faq_a{
	min-height:45px;
	background-image:url(images/a_ico.png);
	background-repeat:no-repeat;
	background-size: 35px;
	padding-left:50px;
	padding-top:5px;
}
.faq_a a{
	color:#E37700;
}
	
/* 医院アクセス 設定
------------------------------------------------------------*/
.overview_table_1{
	width:100%;
}
.overview_table_1 th{
	display: block;
	width: 100%;
	padding:12px 0 3px;
	color:#F28D24;
	font-weight: bold;
}
.overview_table_1 td{
	position: relative;
	display: block;
	width: 100%;
	padding:0 0 12px;
	border-bottom:1px solid #D7C8A4;
}
.overview_table_1 td::before{
	position: absolute;
	content: '';
	left: 0;
	bottom: -1px;
	width: 20%;
	height: 2px;
	background: #F28D24;
}
.overview_box1_l{
	width:100%;
}
.overview_box1_r{
	width:100%;
}
.overview_map{
	width:100%;
	height:300px;
}
.overview_map iframe{
	height: 300px;
}

/* 求人情報 設定
------------------------------------------------------------*/
.recruite_box1{
	border:4px solid #E34A47;
	background-color:#fff;
	padding:20px 15px;
	color:#E34A47;
	font-size: 18px;
}

/* スタッフ紹介 設定
------------------------------------------------------------*/
.staff_box1_l{
	width:100%;
	margin-bottom:20px;
	text-align:center;
}
.staff_box1_r{
	width:100%;
}
.staff_box2{
	padding-bottom:20px;
}
.staff_box2 h2{
	font-size: 22px !important;
}
.staff_h2_img{
	width: 80px;
}
.staff_box3{
	color:#319EAA;
}
.staff_dl{
	border-bottom:1px dotted #B0A791;
	padding-bottom:10px;
	margin-bottom:10px;
}
.staff_dl dt{
	font-weight:normal;
	width:100%;
}
.staff_dl dd{
	font-weight:normal;
	width:100%;
}
.staff_box4{
	border:3px solid #E37700;
	background-color:#fff;
	padding:20px 15px;
	border-radius:10px;
}
.staff_box5{
	background-image:url(images/staff_img_04.png);
	background-repeat:no-repeat;
	background-position:right bottom;
}
.staff_box6{
	gap:25px 0;
}
.staff_box7{
	width:350px;
}
.staff_box7_img{
	z-index:-1;
	position:relative;
}
.staff_h2_2{
	color:#fff;
	width:350px;
	height:50px;
	background-image:url(images/staff_img_11.png);
	background-repeat:no-repeat;
	background-position:center top;
	line-height:50px;
	margin-top:-25px;
	font-size: 18px;
}
/* 問い合わせ 設定
------------------------------------------------------------*/

.info_box5{
	margin-bottom:10px;
}

.info_box5 div:nth-child(1){
	margin-bottom:5px;
}

/* sigle 設定
------------------------------------------------------------*/
.nav-below {
	display: flex;
	justify-content: center;
    width: 100%;
	margin: 50px auto !important;
}
	
.nav-below .list{
    width: 40%;
    background: #F88300;
    transition: 0.3s;
}
        
.nav-below .list a{
	display: block;
	padding: 10px 5px;
	color: #FFF;
	font-size: 13px;
	text-align: center;
	text-decoration: none;
}

.nav-below .list a:hover {
	background: #F5A85A;
}

.nav-below > a {
	display: block;
	width: 30%;
	padding: 10px 5px;
	background: #986854;
	font-size: 13px;
	text-align: center;
	text-decoration: none;
	transition: 0.3s;
}

.nav-below > a span {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	color: #FFF;
	transition: 0.3s;
}

.nav-below > a:hover {
	background: #AC7C68;
	text-decoration: none;
}

.single_title{
	margin-bottom: 30px;
	font-size:22px;
	text-align: center;
}
}