@charset "utf-8";

/* CSS Document */


/*** Reset START ***/
* {
	margin: 0px;
	padding: 0px;
	word-break:break-all;
	line-height:1.5;
}

li,
ul {
	margin:0;
	padding:0;
	list-style-type: none;
}

body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
div,
table,
th,
td,
dl,
dt,
dd,
ul,
li,
ol,
form,
fldset {
	margin:0;
	padding:0;
}

:focus {
	outline:0;
}

a {
	padding:0;
	margin:0;
	text-decoration:none;
	overflow:hidden;
	outline:none;
	display:block;
}

a:hover {
	color:#6d7582;
}

p a {
	text-decoration:underline;
}

a img {
	border: none;
	background-color: transparent;
}

html {
	font-family: "ヒラギノ角ゴ ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", sans-serif;
	font-size:0.9em;
}

html p {
	letter-spacing: 0.03em;
}

input[type="button"],
input[type="submit"] {
	-webkit-appearance: none;
}

img {
	width:100%;
}

.clearfix {
	display: block;
	overflow:hidden;
}

* {
	color:#71591e;
}

/*** Reset END  ***/


/*** ヘッダー START ***/

.headerset {
	width: 100%;
	height:49px;
	top: 0px!important;
	text-align: center;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
	z-index: 999;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	-webkit-opacity: 0.9;
	opacity: 0.9;
	display:table;
}

.headerset img.site_logo {
	width:175px;
}

.headerset p {
	display:table-cell;
	vertical-align:middle;
	padding:0;
	margin:0;
	line-height:1.0;
}

/*** ヘッダー END ***/



/*** メインコンテンツ START ***/

/* ヘッドリード */

#head_lead {
	width: 100%;
	line-height:0;
	margin-bottom:5%;
}

#head_lead p.head_comment,
#foot_menu p.foot_comment {
	width:100%;
	height: 24px;
	background-color:#71591e;
	background:linear-gradient(to bottom, #71591e, #a38948);
	text-align:center;
	padding:7px 0;
	color:#fff;
	font-weight:bold;
	line-height: 24px;
}

#foot_menu {
	margin-top:30px;
}

/* コンテンツ全般 */

#contents {
	width:100%;
	margin:0 auto;
}

#contents .txt_align_c {
	text-align:center;
}

#contents .contents_width {
	width:95%;
	margin:0 auto;
}

#contents h1 {
	font-size:1.2em;
	color:#71591e;
}

#contents div.img_box {
	width:60%;
	margin:5% auto;
}

#contents div.img_box img {
	border:3px solid #71591e;
}

#contents article h2 {
	padding:7px 0;
	height:24px;
	font-size:1em;
	color:#fff;
	margin-bottom:5%;
	line-height: 24px;
}

#contents article p.topic {
	font-size:1.2em;
}

#contents article div.img_box img {
	border:none;
}

#contents article div.btn {
	padding:7px 0;
	font-size:0.9em;
	font-weight:bold;
	margin-top:5%;
	height:24px;
	line-height: 1.9;
}

section.first_answer {
	margin-top:-5%;
}

/* ページリンク */

#contents div.page_link {
	margin-top:10%;
}

#contents div.page_link ul.navi {
	display:table;
	table-layout: fixed;
	width: 100%;
}

#contents div.page_link ul.navi li {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	position: relative;
	z-index: 0;
}

#contents div.page_link ul.navi li a {
	line-height:1.2;
	font-weight:bold;
	display:block;
	cursol:pointer;
	padding:15% 3%;
}
 #contents div.page_link ul.navi li:nth-child(2) {
 border-left:1px solid #e5e5e5;
 border-right:1px solid #e5e5e5;
}

/* ページリンク 個別設定 */

#contents div.page_link ul.navi li.sol01 {
	border-top:3px solid #ae81c3;
}

#contents div.page_link ul.navi li.sol01 a {
	color:#ae81c3;
	display:block;
}

#contents div.page_link ul.navi li.sol02 {
	border-top:3px solid #4bc09e;
	color:#4bc09e;
}

#contents div.page_link ul.navi li.sol02 a {
	color:#4bc09e;
	display:block;
}

#contents div.page_link ul.navi li.sol03 {
	border-top:3px solid #56ade9;
	color:#56ade9;
}

#contents div.page_link ul.navi li.sol03 a {
	color:#56ade9;
	display:block;
}

#contents #solution01 div.page_link ul.navi li.sol01:after {
	content: "";
	position: absolute;
	bottom: -5px;
	left: 50%;
	margin-left: -5px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 5px 5px 0 5px;
	border-color: #fff transparent transparent transparent;
	z-index: -1;
}

#contents #solution02 div.page_link ul.navi li.sol02:after {
	content: "";
	position: absolute;
	bottom: -5px;
	left: 50%;
	margin-left: -5px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 5px 5px 0 5px;
	border-color: #fff transparent transparent transparent;
	z-index: -1;
}

#contents #solution03 div.page_link ul.navi li.sol03:after {
	content: "";
	position: absolute;
	bottom: -5px;
	left: 50%;
	margin-left: -5px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 5px 5px 0 5px;
	border-color: #fff transparent transparent transparent;
	z-index: -1;
}

/* 各治療全般  */

#contents article p.list_topic span {
	font-weight:bold;
}

#contents ul.list_box li.list_txt {
	font-size:0.9em;
}

#contents ul.list_box li.list_txt p.clinic_name {
	font-size:0.9em;
	color:#6d7582;
}

/* 各治療  */

#contents #solution01 article h2.sol01 {
	background-color:#ae81c3;
}

#contents #solution01 article span {
	color:#ae81c3;
	font-weight:bold;
}

#contents #solution01 article div.btn {
	background-color:#e7d9ed;
	color:#ae81c3;
	margin-bottom:5%;
}

#contents #solution02 article h2.sol02 {
	background-color:#4bc09e;
}

#contents #solution02 article span {
	color:#4bc09e;
}

#contents #solution02 article div.btn {
	background-color:#c9ece2;
	color:#4bc09e;
	margin-bottom:5%;
}

#contents #solution03 article h2.sol03 {
	background-color:#56ade9;
}

#contents #solution03 article span {
	color:#56ade9;
}

#contents #solution03 article div.btn {
	background-color:#cce6f8;
	color:#56ade9;
	margin-bottom:5%;
}

/* レイアウト1  */

#contents div.layout1 ul.list_box {
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	padding:2.5%;
	overflow:hidden;
}

#contents div.layout1 ul.list_box li.list_img {
	width:25%;
	float:left;
	display:inline-block;
	vertical-align:top;
	margin:0 auto -1%;
}

#contents div.layout1 ul.list_box li.list_txt {
	width:72.5%;
	float:left;
	display:inline-block;
	vertical-align:top;
	padding-left:2.5%;
}
 #contents div.layout1 ul.list_box:nth-child(even) li.list_img {
 float:right;
}
 #contents div.layout1 ul.list_box:nth-child(even) li.list_txt {
 float:right;
 padding-left:0;
 padding-right:2.5%;
}

#contents div.layout1 ul.list_box li.list_txt p.clinic_name {
	text-align:right;
	padding-top:10px;
}

/* 各トピック別色指定  */

.layout1 ul.list_box .img_triangle {
	position:relative;
}

.layout1 .triangle-sol01 {
	position: absolute;
	bottom:5px;
	right: 0;
	height:20px;
}

.layout1 .triangle-sol01:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-bottom: 20px solid #e7d9ed;
	border-left: 20px solid transparent;
}

.layout1 .triangle-sol02 {
	position: absolute;
	bottom:5px;
	right: 0;
	height:20px;
}

.layout1 .triangle-sol02:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-bottom: 20px solid #c9ece2;
	border-left: 20px solid transparent;
}

.layout1 .triangle-sol03 {
	position: absolute;
	bottom:5px;
	right: 0;
	height:20px;
}

.layout1 .triangle-sol03:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-bottom: 20px solid #cce6f8;
	border-left: 20px solid transparent;
}

/* レイアウト2  */

.layout2 ul.list_box {
	overflow:hidden;
}

.layout2 ul.list_box a {
	float: left;
	width: 44.8%;
	padding: 2.5%;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-collapse: collapse;
}
 .layout2 ul.list_box a:nth-child(2) {
 border-right:none;
}
 .layout2 ul.list_box a:nth-child(3) {
 border-top:none;
}
 .layout2 ul.list_box a:nth-child(4) {
 border-top:none;
 border-right:none;
}
 .layout2 ul.list_box a:nth-child(5) {
 border-top:none;
}
 .layout2 ul.list_box a:nth-child(6) {
 border-top:none;
 border-right:none;
}

.layout2 ul.list_box p.list_topic {
	padding-top:2%;
	padding-bottom:2%;
}

#contents .layout2 ul.list_box p.clinic_name {
	font-size: 0.9em;
	color: #6d7582;
	padding-top: 2%;
}

/* 各トピック別色指定  */

.layout2 ul.list_box .img_triangle {
	position:relative;
}

.layout2 .triangle-sol01 {
	position: absolute;
	bottom:5px;
	right: 0;
	height:20px;
}

.layout2 .triangle-sol01:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-bottom: 20px solid #e7d9ed;
	border-left: 20px solid transparent;
}

.layout2 .triangle-sol02 {
	position: absolute;
	bottom:5px;
	right: 0;
	height:20px;
}

.layout2 .triangle-sol02:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-bottom: 20px solid #c9ece2;
	border-left: 20px solid transparent;
}

.layout2 .triangle-sol03 {
	position: absolute;
	bottom:5px;
	right: 0;
	height:20px;
}

.layout2 .triangle-sol03:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-bottom: 20px solid #cce6f8;
	border-left: 20px solid transparent;
}

/* 広告「詳しい内容を確認する」ボタン */

.detail_btn {
	width: 100%;
  background-color: #ffe4e0;
  text-align: center;
  margin: 10px 0;
  padding: 5px 0;
}

/* カルーセル */

.bxslider_off {
	margin-bottom: 30px;
}

/* フッターメニュー */

#foot_menu {
	margin-bottom:15%;
}

#foot_menu ul.menu_box li {
	border-bottom:1px solid #e5e5e5;
	padding:5% 0;
}

#foot_menu ul.menu_box li a {
	display:table;
}

#foot_menu ul.menu_box li a div.menu_img {
	display:table-cell;
	vertical-align:middle;
	width:20%;
}

#foot_menu ul.menu_box li a div.menu_img img {
	border:3px solid #71591e;
}

#foot_menu ul.menu_box li a div.menu_txt {
	display:table-cell;
	vertical-align:middle;
	padding-left:5%;
	font-size:0.9em;
	font-weight:bold;
}

#foot_menu ul.menu_box li {
	border-bottom:1px solid #e5e5e5;
	padding: 2.5% 0 1% 2.5%;
}

/*** メインコンテンツ END ***/


/*** フッター START ***/

footer {
	height:49px;
	background-color:#66cccc;
	text-align:center;
}

footer p {
	color:#fff;
	padding-top:13px;
}

/*** フッター END ***/


/*** SNSボタン START ***/

.sns_btn {
	padding: 10px 2.5% 0px 2.5%;
	overflow: hidden;
}

.sns_btn li {
	float:left;
	margin-right: 7px;
	margin-top: 10px;
}

.sns_line {
	width: 85px;
}

/*** SNSボタン END ***/

.font_s {
	font-size:0.8em;
	font-weight:normal;
}

/*** メニューリスト START ***/

.menu_list {
	border:2px solid #EEE;
	padding:10px 10px 3px;
	margin:20px 10px 0;
}

.menu_list * {
	line-height:1.4;
}

.menu_list h3 {
	margin-bottom:10px;
	font-size:16px;
}

.menu_list dl {
	overflow:hidden;
}

.menu_list dt,
.menu_list dd {
	margin-bottom:10px;
	box-sizing:border-box;
}

.menu_list dt {
	color:#FFF;
	font-weight:bold;
	padding:5px 6px;
	clear:left;
	float:left;
	font-size:12px;
	border-radius:3px;
	line-height:1.0;
	margin-right:10px;
	text-align:center;
	width:16%;
}

.menu_list dd {
	margin-left:18%;
	width:82%;
	margin-top:-2px;
}

.menu_list dd.txt01 a:hover,
.menu_list dd.txt02 a:hover,
.menu_list dd.txt03 a:hover {
	color:#7f6934;
	opacity:0.8;
}

.menu_list dt.ttl01 {
	background-color:#ae81c3;
}

.menu_list dd.txt01 span {
	color:#ae81c3;
	font-weight:bold;
	display:inline-block;
}

.menu_list dt.ttl02 {
	background-color:#4bc09e;
}

.menu_list dd.txt02 span {
	color:#4bc09e;
	font-weight:bold;
	display:inline-block;
}

.menu_list dt.ttl03 {
	background-color:#56ade9;
}

.menu_list dd.txt03 span {
	color:#56ade9;
	font-weight:bold;
	display:inline-block;
}

/*** メニューリスト END ***/


/*** 2018追加コンテンツ START ***/

.contents_width h4 {
	font-size:15px;
	margin:20px 10px 10px;
	text-align:center;
	line-height:1.6;
}

.contents_width p {
	margin-bottom:10px;
}

.contents_width p a {
	text-decoration:underline;
}

.contents_width table {
	border-collapse:collapse;
	width:100%;
	font-size:13px;
	margin-bottom:10px;
}

.contents_width table th,
.contents_width table td {
	padding:8px;
	border:1px solid #CCC;
	text-align:left;
}

.contents_width table th {
	background-color:#EEE;
	white-space:nowrap;
}
 .contents_width table tr:nth-child(2n) th {
 background-color:#E5E5E5;
}

.contents_width ul {
	margin-bottom:10px;
}

.contents_width table ul {
	margin-bottom:0;
}

.contents_width table td ul li {
	text-indent:-1.0em;
	margin-left:1.0em;
}

.contents_width li:before {
	content:"▪";
	color: #ae81c3;
}

#solution02 .contents_width li:before {
	content:"▪";
	color: #4bc09e;
}

#solution03 .contents_width li:before {
	content:"▪";
	color: #56ade9;
}

ul#bxslider1 li:before,
ul#bxslider2 li:before,
ul#bxslider3 li:before,
ul.bxslider_off li:before{
	display:none;
}

/*** 2018追加コンテンツ END ***/


@media screen and (min-width:1024px) {
 #foot_menu {
 margin-top:0;
}
 .headerset {
 height: 75px;
}
 .headerset img.site_logo {
 width:244px;
}
 .headerset p {
 display:table-cell;
 vertical-align:middle;
}
 #wrap {
 width:1000px;
 margin:35px auto;
 overflow:hidden;
}
 #contents .contents_width {
 width: 100%;
}
 #contents {
 width:680px;
 float:left;
 margin-right:40px;
}
 .side_relative {
 position:relative;
 width:280px;
 float:right;
}
 aside {
 width:280px;
 float:right;
 position:relative;
}
 #contents h1 {
 font-size: 1.8em;
 color: #71591e;
}
 #contents div.img_box {
 width: 40%;
}
 #contents div.page_link ul.navi li:first-child {
 border-left: 1px solid #e5e5e5;
}
 #contents div.page_link ul.navi li:last-child {
 border-right: 1px solid #e5e5e5;
}
 #contents article p.topic {
 font-size: 1.8em;
}
 .layout1 {
 overflow:hidden;
 margin-bottom:25px;
}
 #contents div.layout1 ul.list_box {
 width: 304px;
 float: left;
}
 #contents div.layout1 ul.list_box {
 border: 1px solid #e5e5e5;
 padding: 2.5%;
 overflow: hidden;
}
 #contents div.layout1 ul.list_box:nth-child(even) {
 border-left:none;
}
 #contents div.layout1 ul.list_box:nth-child(3), #contents div.layout1 ul.list_box:nth-child(4), #contents div.layout1 ul.list_box:nth-child(5), #contents div.layout1 ul.list_box:nth-child(6) {
 border-top:none;
}
 #contents div.layout1 ul.list_box:nth-child(even) li.list_img {
 float: left;
}
 #contents div.layout1 ul.list_box:nth-child(even) li.list_txt {
 float: left;
 padding-left: 2.5%;
 padding-right:0;
}
 .layout2 ul.list_box a {
 float: left;
 width: 191px;
    /*height:243px;*/
    padding: 2.5%;
 border-top: 1px solid #e5e5e5;
 border-bottom: 1px solid #e5e5e5;
 border-right: 1px solid #e5e5e5;
 border-collapse: collapse;
}
 .layout2 ul.list_box a {
 border-left:1px solid #e5e5e5;
}
 .layout2 ul.list_box a:nth-child(2) {
 border-left: none;
 border-right:1px solid #e5e5e5;
}
 .layout2 ul.list_box a:nth-child(3) {
 border-top:1px solid #e5e5e5;
 border-left:none;
}
 .layout2 ul.list_box a:nth-child(5) {
 border-top: none;
 border-right:none;
}
 .layout2 ul.list_box a:nth-child(6) {
 border-right:1px solid #e5e5e5;
}
 #contents ul.list_box li.list_txt {
 font-size: 0.9em;
}
 aside section.fixed {
 position: fixed;
 top:0;
 width:280px;
}
 #foot_menu ul.menu_box li {
 padding: 13px;
 border-left:1px solid #e5e5e5;
 border-right:1px solid #e5e5e5;
 border-bottom:1px solid #e5e5e5;
}
 #foot_menu ul.menu_box li a div.menu_img img {
 border: 2px solid #71591e;
 width:43px;
}
 #foot_menu ul.menu_box li a div.menu_txt {
 width:200px;
}


/*** SNSボタン START ***/
.sns_btn {
 padding: 10px 0 0 0;
}

/*** SNSボタン END ***/


/***　導線表示用（<aside>タグ調整）　***/

.top_onayami aside, .side_l_onayami aside {
 float: none;
 width: 100%;
}
/***　導線表示用（<aside>タグ調整）　***/


/*** メニューリスト START ***/

.menu_list {
 border:2px solid #EEE;
 padding:15px 15px 0px;
 margin:20px 0;
}

 .menu_list h3 {
 margin-bottom:15px;
 font-size:18px;
}

 .menu_list dl {
 overflow:hidden;
}

 .menu_list dt, .menu_list dd {
 margin-bottom:15px;
 box-sizing:border-box;
 line-height:1.5;
}

 .menu_list dd:after {
 clear:both;
}

 .menu_list dt {
 color:#FFF;
 font-weight:bold;
 padding:2px 6px;
 clear:left;
 float:left;
 font-size:13px;
 border-radius:3px;
 margin-right:10px;
 text-align:center;
 width:8%;
}

 .menu_list dd {
 margin-left:10%;
 width:90%;
 min-height:24px;
 margin-top:0;
}

 .menu_list dd.txt01 a:hover, .menu_list dd.txt02 a:hover, .menu_list dd.txt03 a:hover {
 color:#7f6934;
}

 .menu_list dt.ttl01 {
 background-color:#ae81c3;
}

 .menu_list dd.txt01 span {
 color:#ae81c3;
 font-weight:bold;
 display:inline-block;
}

 .menu_list dt.ttl02 {
 background-color:#4bc09e;
}

 .menu_list dd.txt02 span {
 color:#4bc09e;
 font-weight:bold;
 display:inline-block;
}
 .menu_list dt.ttl03 {
 background-color:#56ade9;
}

 .menu_list dd.txt03 span {
 color:#56ade9;
 font-weight:bold;
 display:inline-block;
}

.contents_width h4 {
	font-size:18px;
}

}