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


/*** Reset START ***/
* {margin: 0px; padding: 0px; word-break:break-all; line-height:1.5;}
#wrap{
	width:100%;
}
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;
	padding-bottom:0.5em;
}s
	
/*html{
	font-family: 'Noto Sans Japanese',"ヒラギノ角ゴ ProN","ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","メイリオ","Meiryo",sans-serif;
	letter-spacing: 0.07em;
}*/	
	
input[type="button"],input[type="submit"] {
    -webkit-appearance: none;
}

img {
	width:100%;
}

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

* {
	color:#1f4c8d;
}

/*** 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;
}

.headerset img.site_logo {
	width:175px;
	margin:10px auto;
}
/*** ヘッダー 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:#1a88c3;
	text-align:center;
	padding:7px 0;
	color:#fff;
	font-weight:bold;
	line-height: 24px;
}


/* コンテンツ全般 */
#contents {
	width:100%;
	margin:0 auto;
}

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

#contents .contents_width {
	width:95%;
	margin:0 auto;
	padding-bottom:5%;
}

#contents h1 {
	font-size:1.2em;
	color:#1a88c3;
}

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

#contents div.img_box img {
	border:3px solid #1f4c8d;
}

#contents article h2 {
	padding:7px 0;
	height:24px;
	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;
}

#contents div.frame {
	border:1px solid #1f4c8d;
}

#contents div.img_right {
	margin:0 5%;
	float:right;
	width:40%;
}

#contents .cbox:after {
    content: " ";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

#contents .sec {
	margin-top:0!important;
}

#contents .url_link {
	display:inline;
}

#contents h3 {
    margin-bottom: 10px;
    font-size: 1.4em;
    padding-left: 10px;
    border-bottom: dotted #1a88c3 1px;
    border-left: solid #1a88c3 10px;
}

#contents h4 {
	color: #1a88c3;
    font-size: 1.2em;
    padding-left: 5px 10px;
    margin-bottom: 10px;
    border-bottom: solid #1f4c8d 1px;
}

p {
	padding: 0 10px;
}

/*
section.mb20 {
	margin-bottom:20%;
}
*/

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

/* ページリンク */

#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;
	/*padding:3% 2%;*/
	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.spotlighted {
	border-top:3px solid #ae81c3;
}

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

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

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

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

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

#contents #spotlighted div.page_link ul.navi li.spotlighted: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 #latest div.page_link ul.navi li.latest: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 #hygienist_report div.page_link ul.navi li.hygienist_report: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 #spotlighted article h2.spotlighted {
	background-color:#ae81c3;
}

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

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

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

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

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

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

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

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


/* レイアウト1  */
#contents div.layout1 ul.list_box {
	border-top: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-spotlighted {
    position: absolute;
    bottom:5px;
    right: 0;
    height:20px;
}

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

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

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

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

.layout1 .triangle-hygienist_report: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-spotlighted {
    position: absolute;
    bottom:5px;
    right: 0;
    height:20px;
}

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

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

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

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

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

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

#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 #1a88c3;
}

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

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

#foot_menu ul.menu_box a p {
	width:100%;
	    padding: 5px 0;
}

dl dt {
	font-weight:bold;
}

dl dd {
	padding-left:1em;
}

dl dd a {
	color:#1a88c3;
	text-decoration:underline;
}

.pc{
	display:none;
}
/*** メインコンテンツ END ***/

/*** フッター START ***/
footer {
	height:49px;
	background-color:#1a88c3;
	text-align:center;
}

footer p {
	color:#fff;
	padding-top:13px;
}
/*** フッター END ***/



@media screen and (min-width:1024px){

.headerset {
    height: 75px;
}

.headerset img.site_logo {
	width:244px;
	margin:20px auto;
}

#wrap {
	width:1000px !important;
	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: #1a88c3;
}

#contents div.img_box {
    width: 90%;
}

#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;
}

aside #foot_menu ul.menu_box {
	border:1px solid #e5e5e5;
}

#foot_menu ul.menu_box li {
    padding: 13px;
}

#foot_menu ul.menu_box li a div.menu_img img {
    border: 2px solid #1a88c3;
    width:43px;
}


#foot_menu ul.menu_box li a div.menu_txt {
	width:80%;
	font-size: 0.9em;
}

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

.pc{
	display:block!important
}

.sp{
	display:none;
}
}

/* 強調用 */
.mark_01{
	color:#ff5e5e;
	}


/* gbt用 */
#gbt .title-area{
	background-color:#1a88c3;padding: 2%;
}

#gbt .title-area h1{
	color:#FFF;
}

@media screen and (min-width: 768px) {
#gbt .title-area h1 br:last-child {
    display: none;
  }
}

#gbt .leads{
	margin:5% 0;
}

#gbt .page_link{
	margin:0;
}

#gbt .page_link li.stay{
	background-color:#1a88c3;
}

#gbt .page_link li.no-stay{
	border-top: 3px solid #1a88c3;
}

#gbt .page_link li.stay a{
	color:#FFF;
}

#gbt .page_link li.no-stay a{
	color:#1a88c3;
}

#gbt .output-area{
	margin:5% 0;
}

#gbt .output-area h2{
	background-color:#1a88c3;
	text-align:center;
	height:auto;
	padding: 2%;
}

#gbt .output-area p{
	padding-bottom: 1.2em;
}

#gbt .output-area img{
	padding:2%;
	width: 96%;
}

#gbt .output-area h3{
	margin:5% 0 2%;
}