@charset "utf-8";
/*
pc_hide
-------------------------------------------*/
#g_navi ul li.pc_hide{
  display: none;
}

/*
flexbox
-------------------------------------------*/
.flexbox{
    display: flex;
}

/*
googlemap
-------------------------------------------*/

.gmap {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 35%;
}
 

.gmap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* youtube 
----------------------------------------------- */
.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}

/* Icons.
----------------------------------------------- */
.iconFile, .iconDefault {
  padding: 0 0 0 25px;
  background-repeat: no-repeat;
  background-image: url(/_common/images/icons/default.png);
  line-height: 3.3;
}

.iconBmp,
.iconCsv,
.iconDoc,
.iconDocx,
.iconGif,
.iconJpg,
.iconJpe,
.iconJpeg,
.iconJtd,
.iconLzh,
.iconPdf,
.iconPng,
.iconPpt,
.iconTxt,
.iconXls,
.iconXlsx,
.iconZip {
  height: 16px;
  line-height: 1;
}
.iconBmp {
  background-image: url(/_common/images/icons/bmp.png);
}
.iconCsv {
  background-image: url(/_common/images/icons/csv.png);
}
.iconDoc,
.iconDocx {
  background-image: url(/_common/images/icons/doc.png);
}
.iconGif {
  background-image: url(/_common/images/icons/gif.png);
}
.iconJpg {
  background-image: url(/_common/images/icons/jpg.png);
}
.iconJpe {
  background-image: url(/_common/images/icons/jpg.png);
}
.iconJpeg {
  background-image: url(/_common/images/icons/jpg.png);
}
.iconJtd {
  background-image: url(/_common/images/icons/jtd.png);
}
.iconLzh {
  background-image: url(/_common/images/icons/lzh.png);
}
.iconPdf {
  background-image: url(/_common/images/icons/pdf.png);
}
.iconPng {
  background-image: url(/_common/images/icons/png.png);
}
.iconPpt {
  background-image: url(/_common/images/icons/ppt.png);
}
.iconTxt {
  background-image: url(/_common/images/icons/txt.png);
}
.iconXls,
.iconXlsx {
  background-image: url(/_common/images/icons/xls.png);
}
.iconZip {
  background-image: url(/_common/images/icons/zip.png);
}



/* CKEditor templates
----------------------------------------------- */
.temp1,
.temp2,
.temp3,
.temp4 {
  clear: both;
  margin-bottom: 20px;
}

.temp1 .thumb {
  float: left;
  margin-bottom: 10px;
  margin-right: 20px;
}

.temp1 ul,
.temp1 ol {
  display: inline-block;
  vertical-align: top;
}

.temp2 .thumb {
  float: right;
  margin-bottom: 10px;
  margin-left: 20px;
}

.temp3,
.temp4 {
  display: flex;
  justify-content: center;
}

.temp3 dl,
.temp4 dl {
  margin: 0 5px;
  padding: 0;
  vertical-align: bottom;
}

.temp3 dl {
  max-width: 48%;
}

.temp4 dl {
  max-width: 31%;
}

.temp3 dl dt,
.temp4 dl dt {
  margin-bottom: 10px;
  text-align: center;
}

.temp3 dl dd,
.temp4 dl dd {
  margin: 0;
  text-align: center;
}

table.temp5,
table.temp6 {
  margin-bottom: 30px;
}

.temp5 caption,
.temp6 caption {
  text-align: center;
}

.temp5 th,
.temp5 td,
.temp6 th,
.temp6 td {
  padding: 6px 10px;
  border: 1px solid #b3b3b3;
  text-align: center;
}

.adobeReader,
.temp7 {
  clear: both;
  margin: 0 0 20px;
  padding: 10px 20px 10px 196px;
  border: 1px solid #faa;
  background: #fff3f3 url("/_themes/images/adobe_bn.png") no-repeat 20px center;
}

.adobeReader p,
.temp7 p {
  margin: 0 0 10px;
}
.clm{
  margin: 0 0 40px 0;
}


/* ------------
mailform
---------------------------------------------------------------------------------*/

form {
	width : auto;
	background : rgba(255, 255, 255, 0.3);
	border : 1px solid #EEE;
	border-radius : 7px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}
form .question,
form .questions {
	width: 90%;
	max-width: none;
	overflow : hidden;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
form .questions  .question{
	width : auto;
	max-width: none;
	overflow : hidden;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}




.question_content {
	clear : both;
	width : 36%;
	float : left;
	border-top : 1px solid #cccccc;
	text-align : left;
	overflow : hidden;
	padding-top: 15px;
	padding-right: 2%;
	padding-bottom: 15px;
	padding-left: 0;
	line-height: 1.8;
	font-weight: bold;
}

.question_content .note{
        margin: 0 20px 0 0;
}

.answer_content{
	width : 62%;
	float : right;
	border-top : 1px solid #cccccc;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
}


.note{
	display : inline-block;
	float : left;
	font-weight : bold;
	color : #ffffff;
	padding : 3px 5px;
	border-radius : 3px;
}
.note{
	background-color: #DD3C3C;
}


form input{
	height : 1.8em;
	border : 1px solid #cccccc;
	border-radius : 3px;
	background : #fafafa;
}
form textarea{
	width : 320px;
	height : 200px;
	resize : vertical;
	border : 1px solid #cccccc;
	border-radius : 3px;
	background : #fafafa;
}
form input:focus,
form textarea:focus{
	box-shadow : 0px 0px 5px #55ccff;
	border : 1px solid #55ccff;
	background : #ffffff;
}
form .submit{
        width: 160px;
        margin: 0 auto;
}

form .submit input{
	width : auto;
	height : auto;
	vertical-align : middle;
	border-radius : 3px;
	font-family : inherit;
	padding-top: 10px;
	padding-right: 35px;
	padding-bottom: 10px;
	padding-left: 35px;
	font-size: 18px;
	line-height: 26px;
	color: #FFF;
	background-color: #3C91B9;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 1px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 1px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 1px 0px;
	border: 1px solid #FFF;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}
form .submit input:hover{
	cursor : pointer;
	background-color: #000;
}

.captchaForm .reload,
.captchaForm .talk {
  display: inline-block;
  border: 1px solid #aaa;
}

.captchaForm .image{
    margin-bottom: 20px;
}
.reload a,
.talk a{
display: block;
text-decoration: none;
  padding: 5px 10px;
}
.field {
  margin-top: 15px;
}

/* error */
#errorExplanation{
  margin-bottom: 20px;
  padding: 10px;
  border: 1px solid #ee0000;
}
#errorExplanation h2 {
  padding: 7px 0 4px 15px;
  border-radius: 4px;
  background-color: #fff;
  color: #ee0000;
}
#errorExplanation p {
  margin-left: 15px;
}
#errorExplanation ul {
  list-style-type: disc;
  margin-left: 30px;
}
#errorExplanation li {
  color: #ee0000;
  font-weight: bold;
  font-size: 140%;
}





/*page-calendarEventList-index
-----------------------------------------------------------------------*/

#page-calendarEventList-index .eventList #contentContainer td{
border-bottom: 1px solid #ccc;
}
#page-calendarEventList-index .eventList #contentContainer td .title_link{
font-size: 96%;
line-height: 1.6;
}

.eventcalendarMenu {
    margin: 0 0 30px 0;
}

.eventcalendarMenu:after {
   content: "";
   display: block;
   clear: both;
}


.eventcalendarMenu li {
    float: left;
    font-weight: bold;
    margin-right: 5px;
    text-align: center;
    width: 32.91%;
}
.eventcalendarMenu li a {
	border: 5px solid #fff;
	background-color: #078641;
    border-radius: 7px;
    color: #003399;
    display: block;
    padding: 7px 0;
    position: relative;
    text-decoration: none;
    color: #fff;
}



.upperPagination{
margin: 0 0 30px 0;
}

.calendarEvents table {
    width: 100%;
    border-spacing: 0px;
     border-collapse: separate;
    border-top: 2px solid #078641;
    border-bottom: 2px solid #078641;
}
.calendarEvents th,
.calendarEvents td {
    padding: 3px 10px;
    position: relative;
    vertical-align: middle;
}

.calendarEvents th {
    background-color: #07ae54;
    white-space: nowrap;
    color: #fff;
}

.calendarEvents table th.holiday,
.calendarEvents table td.holiday,
.calendarEvents table th.sun,
.calendarEvents table td.sun {
    color: #ee0000;
}
.calendarEvents table th.sat,
.calendarEvents table td.sat {
    color: #3366ff;
}


/*calendarTodayEvents
----------------------------------------------*/

.calendarTodayEvents div.event {
    background-color: #f2ece6;
    margin-bottom: 15px;
    padding: 15px 10px;
}
.calendarTodayEvents div.event .title,
.calendarTodayEvents div.event .summary {
    display: inline;
}
.calendarTodayEvents .event .title {
    font-weight: bold;
    padding-right: 10px;
}
.calendarMonthlyEvents th.image, .calendarTodayEvents th.image {
    width: 140px;
}
.calendarMonthlyEvents table, .calendarTodayEvents table {
    width: 100%;
}
.calendarMonthlyEvents table td, .calendarTodayEvents table td {
    background-color: #fff;
    padding: 10px;
    vertical-align: middle;
}
.calendarMonthlyEvents table td.date, .calendarTodayEvents table td.date {
    width: 38%;
    color: #000;
}
.calendarMonthlyEvents table p, .calendarTodayEvents p {
    margin: 0;
}
.calendarMonthlyEvents table p.title, .calendarMonthlyEvents table p.category, .calendarTodayEvents table p.title, .calendarTodayEvents table p.category {
    display: inline;
}
.calendarMonthlyEvents table td.image, .calendarTodayEvents table td.image {
    text-align: center;
    width: 20%;
}
.calendarMonthlyEvents table td.image .thumb, .calendarTodayEvents table td.image .thumb {
    margin-top: 5px;
}
.calendarMonthlyEvents table td.image .thumb:first-child, .calendarTodayEvents table td.image .thumb:first-child {
    margin-top: 0;
}
.calendarMonthlyEvents table td.image img, .calendarTodayEvents table td.image img {
    width: 120px;
}
.calendarMonthlyEvents table td.image .noPhoto, .calendarTodayEvents table td.image .noPhoto {
    background-color: #cccccc;
    height: 90px;
    width: 120px;
}
.calendarTodayEvents table {
    margin: 0 0 15px;
}

/* calendar
------------------------ */

.calendarCalendarEvents table{

border-right: 1px solid #009144;
border-bottom: 1px solid #009144;
}


.calendarCalendarEvents table th,
.calendarCalendarEvents table span {
font-size:82%;
}
.calendarCalendarEvents table th {
  background-color: #07ae54;
}

.calendarCalendarEvents table  span {
display: inline-block;
line-height: 1.4;
margin: 0 0 10px 0;
}
.calendarCalendarEvents table a {
    background: rgba(0, 0, 0, 0) url("../piece/images/ico_sankaku.gif") no-repeat scroll 2px center;
    color: #039;
    font-size: 100%;
    padding: 0 0 0 15px;
    text-decoration: none;
}


.calendarCalendarEvents th,
.calendarCalendarEvents td {
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    background-color: #fff;
}

.calendarCalendarEvents table td {
  width: 14%;
  vertical-align: top;
}
.calendarCalendarEvents table td:first-child:before {
  display: block;
  float: left;
  height: 100px;
  content: "";
}

.calendarCalendarEvents table td.prevMonth,
.calendarCalendarEvents table td.nextMonth {
  color: #cccccc;
}
.content .calendarCalendarEvents  p.date{
  margin: 0;
  padding: 0;
}

.calendarCalendarEvents table ul {
  list-style: none;
  margin: 0;
}



#pageTitle h1 {
	font-size: 36px;
	line-height: 1.2;
	margin-bottom: 30px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #25a6e0;
	letter-spacing: 1px;
	color: #036;
	text-align: center;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Sawarabi Mincho", "HG明朝E",  "ＭＳ Ｐ明朝", "MS PMincho", serif;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	clear: both;
}



#breadCrumbs {
	background-color: #F6F6F6;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 30px;
	color: #555;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E5E5E5;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
}

#breadCrumbs .pieceContainer{
	width: 96%;
	max-width: 1100px;
	margin-right: auto;
	margin-left: auto;
}

#breadCrumbs .pieceContainer li {
	display: inline-block;
}

#breadCrumbs .pieceContainer li a {
	text-decoration: none;
	color: #999;
}

#breadCrumbs .pieceContainer li a:after {
	content: ">";
	padding-left: 10px;
	padding-right: 10px;
}
#breadCrumbs .pieceContainer li:last-child a:after {
	display: none;
}


#breadCrumbs .pieceContainer li a:hover {
	color: #111;
}

#breadCrumbs .pieceContainer li i {
	padding-right: 5px;
}


.feed,
#ulNews nav.tabs{
  display: none;
}
#ulNews .more{
  text-align: right;
}

#ulNews .content{
padding-top:0;
}







.clearfix:after {
   content: "";
   display: block;
   clear: both;
}
.eventcalendarMenu {
    border-bottom: 3px solid #003399;
    margin: 0 0 30px 0;
}
.eventcalendarMenu li {
    float: left;
    font-weight: bold;
    margin-right: 5px;
    text-align: center;
    width: 24%;
}
.eventcalendarMenu li a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #ffffff;
    border-color: #003399 #003399 -moz-use-text-color;
    border-image: none;
    border-radius: 7px 7px 0 0;
    border-style: solid solid none;
    border-width: 2px 2px 0;
    color: #003399;
    display: block;
    padding: 7px 0;
    position: relative;
    text-decoration: none;
}

#page-eventCalendarSearch-index .eventcalendarMenu li.no04 a,
#page-eventCalendar-index .eventcalendarMenu li.no03 a,
#page-eventCalendarToday-index .eventcalendarMenu li.no02 a,
#page-eventCalendarList-index .eventcalendarMenu li.no01 a,
.eventcalendarMenu li a:hover,
.eventcalendarMenu li.current a {
    background-color: #003399;
    color: #fff;
}





* {
	padding: 0;
	margin: 0;
}

html {
  height: 100%;
}

body {
	color: #111;
	background-color: #FFFFFF;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
	word-wrap: break-word;
	height: 100%;
}

.font_mincho {
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Sawarabi Mincho", "HG明朝E",  "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.font_garamond {
	font-family: 'Cormorant Garamond', serif;
}
.font_raleway {
	font-family: 'Raleway', sans-serif;
}

section,
article {
	display: block;
}

img {
	vertical-align: top;
}

a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}

a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

li {
	list-style-type: none;
}

a {
	color: #0066CC;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}
a:hover {
	color: #0099CC;
	text-decoration: none;
}

table {
	border-collapse: collapse;
}
table td {
	border-collapse: collapse;
}

.clfix:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}

/*
ヘッダー
-------------------------------------------*/
header {
	width: 100%;
	background-color: #FFF;
	position: fixed;
	z-index: 300;
}
header .toplogo a img ,
header h1 a img {
	display: block;
	position: absolute;
        width: 250px;
}

header .h_btn a {
	display: block;
	text-align: center;
	position: absolute;
	text-decoration: none;
	color: #FFF;
	letter-spacing: 1px;
	border: 5px solid #EEE;
	background-color: #0085B2;
}
header .h_btn a:hover {
	color: #0085B2;
	background-color: #FFF;
	border: 5px solid #0085B2;
}
header .h_tel a {
	display: block;
	text-align: center;
	position: absolute;
	text-decoration: none;
	color: #036;
	font-size: 20px;
	width: auto;
	font-weight: bold;
	letter-spacing: 1px;
}

header .h_tel a strong {
	font-size: 130%;
}

header .h_btn a i,
header .h_tel a i {
	padding-left: 5px;
	padding-right: 5px;
}
#g_navi ul li a.ac_menu {
	cursor: pointer;
	overflow: hidden;
}

.pankuzu {
	background-color: #F6F6F6;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 30px;
	color: #555;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E5E5E5;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
}

.pankuzu ul {
	width: 96%;
	max-width: 1100px;
	margin-right: auto;
	margin-left: auto;
}

.pankuzu li {
	display: inline-block;
}

.pankuzu li a {
	text-decoration: none;
	color: #999;
}

.pankuzu li a::after {
	content: ">";
	padding-left: 10px;
	padding-right: 10px;
}

.pankuzu li a:hover {
	color: #111;
}

.pankuzu li i {
	padding-right: 5px;
}


/*
メインコンテンツ
-------------------------------------------*/
.content {
	width: 100%;
	background-color: #FFF;
	padding-top: 50px;
	padding-bottom: 50px;
}
.cont_wrap {
	max-width: 1200px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

#top_slide {
	padding-top: 65px;
	background-color: #000;
	padding-bottom: 5px;
}

#sub_top {
	background-color: #EEE;
	background-repeat: no-repeat;
	background-position: center center;
	height: 150px;
	line-height: 30px;
	padding-top: 270px;
	width: 100%;
	background-size: cover;
	text-align: center;
	font-family: 'Raleway', sans-serif;
	color: #FFF;
	font-size: 20px;
	letter-spacing: 1em;
	-moz-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	-webkit-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	-ms-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}

#sub_top.blog {
    height: 330px;
    padding-top: 410px;
    font-size: 40px;
}


.content h2 {
	font-size: 22px;
	line-height: 30px;
	margin-bottom: 30px;
	background-color: #F6F6F6;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	position: relative;
	margin-top: 30px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 44px;
	color: #111;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Sawarabi Mincho", "HG明朝E",  "ＭＳ Ｐ明朝", "MS PMincho", serif;
	clear: both;
}

.content h2:after {
	display: block;
	width: 3px;
	height: 20px;
	position: absolute;
	top: 20px;
	left: 20px;
	background-color: #0085B2;
	content: '';
}

.content h2 span {
	font-size: 16px;
	color: #888;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
	padding-left: 15px;
}

#page-beginner-index .content .rightA h2 {
    background-color: #ecf1f7;
}

#page-beginner-index #beginnerAera .body .clm.rightA{
    background-color: #ecf1f7;
}

#flow01 p span strong{
  font-weight: normal;
}

.content h3 {
	font-size: 20px;
	color: #0085B2;
	letter-spacing: 0.1em;
	margin: 0 0 10px 0;
	font-weight: bold;
	clear: both;
}
.content .contentPage h3 {
	font-size: 32px;
}


.content p {
	font-size: 16px;
	line-height: 1.8;
	margin-bottom: 30px;
}
.content #feeArea p.fee{
    font-size: 22px;
    font-weight: bold;
}
.content .newslist li {
	line-height: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	font-size: 16px;
	padding-right: 10px;
	padding-left: 10px;
}

.content .newslist li .category{
    display: inline-block;
    color: #fff;
    background-color: #009999;
    padding: 0 6px;
    font-size: 77%;
}


.content .newslist li span.news_date {
	color: #999;
	padding-right: 20px;
}

.content .ul_news li span.news_icon {
	color: #FFF;
	padding-left: 10px;
	display: inline-block;
	padding-right: 10px;
	background-color: #FF6600;
	margin-right: 10px;
	font-weight: bold;
	font-size: 14px;
}

.content .ul_news li span.news_icon.cl_02 {
	background-color: #009999;
}

.img_center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
}

.img_left {
	float: left;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 20px;
}
.img_right {
	float: right;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 20px;
}

.content .img_left p {
	font-size: 12px;
	margin: 0px;
}




#topContents ul#topcontents.flexbox {
/*  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  */
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 55px;
 margin-left:0;
 padding:0;
}

#topContents ul#topcontents.flexbox li {
  flex-basis: calc(33.5% - 9px);
  overflow: hidden;
  font-weight: bold;
}

#topContents ul#topcontents.flexbox li a {
 font-family: "Meiryo UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN","Yu Gothic UI", "MS PGothic", sans-serif !Important;
 display: inline-block;
  width: 100%;
  height: 150px;
  text-align: center;
  background-color: #eeeeee;
  color: #fff;
    font-size: 20px;
    position: relative;
    padding-top: 25%;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  transition: all .3s ease-out;
  text-decoration: none;
}

#topContents ul#topcontents.flexbox li a:hover {
  opacity: .8;
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  text-decoration: none;
}

#topContents ul#topcontents.flexbox li a {
  background-size: auto 100%;
  background-position: 50% 50%;
}

#topContents ul#topcontents.flexbox li:nth-child(1) a {
  background-image: linear-gradient(rgba(0, 0, 0, 0.3),rgba(0, 0, 0, 0.3)) ,url(/_themes/img/img_isono.jpg);
}
#topContents ul#topcontents.flexbox li:nth-child(2) a {
  background-image: linear-gradient(rgba(0, 0, 0, 0.3),rgba(0, 0, 0, 0.3)) ,url(/_themes/img/img_genkan.png);
}
#topContents ul#topcontents.flexbox li:nth-child(3) a {
  background-image: linear-gradient(rgba(0, 0, 0, 0.3),rgba(0, 0, 0, 0.3)) ,url(/_themes/img/img_room.jpg);
}

#topContents ul#topcontents.flexbox li a:hover {
  color: #0066CC;
  font-weight: bold;
  font-size: 25px;
}

#topContents ul#topcontents.flexbox li:nth-child(1) a:hover {
  background-image: linear-gradient(rgba(255, 255, 255, 0.2),rgba(255, 255, 255, 0.2)) ,url(/_themes/img/img_isono.jpg);
}
#topContents ul#topcontents.flexbox li:nth-child(2) a:hover {
  background-image: linear-gradient(rgba(255, 255, 255, 0.2),rgba(255, 255, 255, 0.2)) ,url(/_themes/img/img_genkan.png);
}
#topContents ul#topcontents.flexbox li:nth-child(3) a:hover {
  background-image: linear-gradient(rgba(255, 255, 255, 0.2),rgba(255, 255, 255, 0.2)) ,url(/_themes/img/img_room.jpg);
}


/*---submenuArea---*/


#submenu .flexbox {
/*  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  */
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 55px;
 margin-left:0;
 padding:0;
}

#submenu .flexbox li a {
 font-family: "Meiryo UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN","Yu Gothic UI", "MS PGothic", sans-serif !Important;
 display: inline-block;
  width: 100%;
  height: 100px;
  text-align: center;
  background-color: #eeeeee;
  color: #fff;
    font-size: 20px;
    position: relative;
    padding-top: 30%;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  transition: all .3s ease-out;
  text-decoration: none;
}

#submenu .flexbox li a:hover {
  opacity: .8;
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  text-decoration: none;
}

#submenu .flexbox li a {
  background-size: auto 100%;
  background-position: 50% 50%;
}


#submenu .flexbox li a:hover {
  color: #0066CC;
  font-weight: bold;
  font-size: 25px;
}

#submenu .flexbox li {
  flex-basis: calc(20.5% - 9px);
  overflow: hidden;
  font-weight: bold;
}

/*----clinicArea-----*/
#submenu #clinicArea.flexbox li:nth-child(1) a {
  background-image: linear-gradient(rgba(0, 0, 0, 0.3),rgba(0, 0, 0, 0.3)) ,url(/_themes/img/img_isono.jpg);
}
#submenu #clinicArea.flexbox li:nth-child(2) a {
  background-image: linear-gradient(rgba(0, 0, 0, 0.3),rgba(0, 0, 0, 0.3)) ,url(/_themes/img/slide/img_04_sp.jpg);
}
#submenu #clinicArea.flexbox li:nth-child(3) a {
  background-image: linear-gradient(rgba(0, 0, 0, 0.3),rgba(0, 0, 0, 0.3)) ,url(/_themes/img/slide/img_03_sp.jpg);
}
#submenu #clinicArea.flexbox li:nth-child(4) a {
  background-image: linear-gradient(rgba(0, 0, 0, 0.3),rgba(0, 0, 0, 0.3)) ,url(/_themes/img/slide/img_03_sp.jpg);
}
#submenu #clinicArea.flexbox li:nth-child(5) a {
  background-image: linear-gradient(rgba(0, 0, 0, 0.3),rgba(0, 0, 0, 0.3)) ,url(/_themes/img/slide/img_03_sp.jpg);
}

#submenu #clinicArea.flexbox li:nth-child(1) a:hover {
  background-image: linear-gradient(rgba(255, 255, 255, 0.2),rgba(255, 255, 255, 0.2)) ,url(/_themes/img/img_isono.jpg);
}
#submenu #clinicArea.flexbox li:nth-child(2) a:hover {
  background-image: linear-gradient(rgba(255, 255, 255, 0.2),rgba(255, 255, 255, 0.2)) ,url(/_themes/img/slide/img_04_sp.jpg);
}
#submenu #clinicArea.flexbox li:nth-child(3) a:hover {
  background-image: linear-gradient(rgba(255, 255, 255, 0.2),rgba(255, 255, 255, 0.2)) ,url(/_themes/img/slide/img_03_sp.jpg);
}
#submenu #clinicArea.flexbox li:nth-child(4) a:hover {
  background-image: linear-gradient(rgba(255, 255, 255, 0.2),rgba(255, 255, 255, 0.2)) ,url(/_themes/img/slide/img_04_sp.jpg);
}
#submenu #clinicArea.flexbox li:nth-child(5) a:hover {
  background-image: linear-gradient(rgba(255, 255, 255, 0.2),rgba(255, 255, 255, 0.2)) ,url(/_themes/img/slide/img_03_sp.jpg);
}



/*
お問い合わせ部分
-------------------------------------------*/

.box_contact {
	background-color: #E9EEEF;
	padding-top: 70px;
	padding-bottom: 50px;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
	background-image: url(../img/sankaku.png);
	background-repeat: no-repeat;
	background-position: center top;
}

.box_contact.only_tel {
	background-image: none;
}

.box_contact h3 {
	color: #25a6e0;
}

.box_contact p {
	margin-top: 10px;
	margin-bottom: 20px;
}

.box_contact .btn a {
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	border: 5px solid #0085B2;
	text-decoration: none;
	display: block;
	width: 90%;
	background-color: #0085B2;
	margin-right: auto;
	margin-left: auto;
	line-height: 30px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	position: relative;
	max-width: 500px;
}
.box_contact .btn a i {
	padding-right: 10px;
	font-size: 120%;
}
.box_contact .btn a:hover {
	color: #0085B2;
	background-color: #FFF;
	border-top-color: #0085B2;
	border-right-color: #0085B2;
	border-bottom-color: #0085B2;
	border-left-color: #0085B2;
}

.box_contact .tel a {
	font-size: 30px;
	font-weight: bold;
	color: #0085B2;
	text-decoration: none;
}
.box_contact .tel a strong {
	font-size: 150%;
}
.box_contact .tel a i {
	padding-right: 10px;
	font-size: 120%;
}


.body .page{
  margin: 0 0 100px 0;
}
.body .page .flexbox figure{
  margin: 0 40px 0 0;
  width: 35%;
}

.body .page .flexbox figure img{
    width: 100% !important;
    height: auto !important;
}

.body .page .flexbox .txt{
  width: 70%;
}
.prof {
  position: relative;
  margin: 3em auto;
  padding-bottom: 2em;
}
.prof:before {
    position: absolute;
    top: 0px;
    top: 177px;
    left: 45px;
    width: 3px;
    height: 80%;
    content: '';
    background: #2862E8;
}
.prof .timeline_item {
  margin: 0px 0px 0px 80px;
}
.prof .timeline_item .time_date .time {
  font-family: serif;
  font-size: 5em;
  font-weight: bold;
  position: relative;
  margin: 0;
  letter-spacing: 3px;
  color: rgba(40,98,232,0.1);
}
.prof .timeline_item .time_date .time:before {
  position: absolute;
  top: 50%;
  left: -42px;
  width: 10px;
  height: 10px;
  content: '';
  transform: rotate(45deg);
  border: 3px solid #2862e8;
  background: #fff;
}
.prof .timeline_item .time_date .flag {
    font-size: 1.2em;
    font-weight: bold;
    margin: -47px 0 0 0;
    color: #333;
}
.prof .timeline_item .desc {
  font-size: 0.8em;
  line-height: 20px;
  margin-top: 10px;
  padding-left: 20px;
  border-left: 1px solid #2862e8;
  margin-bottom: 60px;
}


/*-------------------------------------------
content /conbox
-------------------------------------------*/
.conbox {
  display: grid;
  gap: 0;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 12px;
}



.conbox .ser01pic {
  background-image: url(/_themes/img/img_tsuyomi01.webp);
}

.conbox .ser02pic {
  background-image: url(/_themes/img/img_tsuyomi02.webp);
}

.conbox .ser03pic {
  background-image: url(/_themes/img/img_tsuyomi03.webp);
}

.conbox .ser04pic {
  background-image: url(/_themes/img/img_tsuyomi04.webp);
}

.conbox .ser05pic {
  background-image: url(/_themes/img/img_tsuyomi05.webp);
}

.conbox .item {
  background-size: cover;
  background-position: center;
  height: 350px;
  position: relative;
}

.conbox .item .copy {
  position: absolute ;
  bottom: 50px;
  left: 0;
  right: 0;
  text-align: center;
    padding: 30px;
}

.conbox .item .copymap{
  position: absolute ;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  text-align: center;
}

.conbox .item .bg-dark {
  color: #fff;
}

.conbox .item .headline {
  font-size: 32px;
  font-weight: bold;
  line-height: 1.2;
  font-family: "Sawarabi Mincho";
  margin: 0 0 20px 0;
}

.conbox .item .subhead {
  font-size: 100%;
    margin-top: 0;
    margin-bottom: 20px;
}


/* =========================================================
  calendar
========================================================= */
.sat {
  background-color: #dff6fe;
  color: #1565c0;
}

.sun,
.holiday,
.close {
  background-color: #ffe6f1;
  color: #d90000;
}

.prevMonth,
.nextMonth {
  color: #ccc;
}


/* =========================================================
  reservation
========================================================= */

.reservationDate h2 {
  margin: 1.5rem 0 1rem;
  font-size: 1.5rem;
  text-align: center;
}

.reservationDate .message {
  margin-bottom: 0.5rem;
  text-align: center;
}

.reservationDate .message p{
  padding: 0;
  margin: 0 0 0 0;
  font-size: 140%;
  font-weight: bold;
}


.reservationDate .information {
  text-align: right;
}

.reservationDate .reservations {
  margin: 10px 0 40px;
}

.reservationDate .dateTable {
  width: 100%;
  text-align: center;
  margin: 0 0 20px 0;
}

.reservationDate .dateTable tr:nth-child(odd) {
  background-color: #f5f5f5;
}

.reservationDate .dateTable tr:first-child {
  background-color: #e3f2fd;
}

.reservationDate .dateTable th,
.reservationDate .dateTable td {
  padding: 12px;
  border: 1px solid #d3d3d3;
}

.reservationDate .dateTable tr th:first-child {
   width: 20%;
   text-align: center;
}

.cellTableHead{
    background-color: #25A6E1;
    color: #fff;
}
.reservationDate .dateTable th {
    background-color: #25A6E1;
    color: #fff;
    border: 1px solid #fff;
}

.reservationDate .dateTable th.place {
  text-align: left;
}



.content .reservationDate h2{
    border: none;
    margin: 0;
}

.content #privacyArea p {
    padding: 0;
    margin: 0 0 20px 0;
}




#privacyArea ol{
  margin: 20px 0;
  padding: 0 0 0 24px;
}

#privacyArea ol li{
  list-style-type:decimal;
}
/* =========================================================
#beginnerArea
========================================================= */
#beginnerArea .flexbox figure{
    width: 40%;
    margin:  0 35px 0 0;
}
#beginnerArea .flexbox figure img{
    width: 100%;
}
#beginnerArea .flexbox .txt{
    width: 60%;
}
/* =========================================================
#reserveArea
========================================================= */
#reserveArea .flexbox {
  margin: 0 0 40px 0;
  justify-content: space-between;
  flex-wrap: wrap;
}

#reserveArea .flexbox figure{
  text-align: center;
}

#reserveArea .flexbox figure img{
  width: 100px;
  margin: 0 0 20px 0;
}

#reserveArea .flexbox .phone,
#reserveArea .flexbox .webform{
  box-sizing: border-box;
  width: 48%;
  border: 1px solid #25a6e0;
  padding: 5%;
}

#reserveArea .flexbox .phone p.tel{
    font-size: 26px;
    margin: 0 0 0 0;
}


#reserveArea .naiyou ol{
  width: 90%;
  margin: 0 auto;
}
#reserveArea .naiyou li{
  font-size: 16px;
  list-style-type: decimal;
  line-height: 1.8;
}


#reserveArea .yoyakuhouhou h3{
  text-align: center;
  font-size: 28px;
}
#reserveArea .yoyakuhouhou h4{
  text-align: center;
  font-size: 24px;
  margin: 0 0 8px 0;
}
#reserveArea .yoyakuhouhou p{
  text-align: center;
  font-size: 16px;
  margin: 0 0 10px 0;
}
#reserveArea .yoyakuhouhou .naiyou p{
  text-align: left;
}





/* =========================================================
  sitemap
========================================================= */

#page-sitemap .dacapo,
#page-sitemap .sekisho {
  width: 100%;
  justify-content: space-around;
  margin: 0;
}

ul.sitemap li.level1 {
  padding: 8px 0;
}

ul.sitemap li.level1 a {
  text-decoration: none;
}

ul.sitemap li.level1 a.level1 {
   display: block;
    margin-bottom: 1em;
    color: #fff;
    padding: 15px 15px 15px 15px ;
    background-size: 34px;
    font-size: 20px;
    background-color: #25a6e0;
}

ul.sitemap ul.level2 ul {
    padding: 15px;
}



ul.sitemap li.level2 a.level2 {
  display: block;
  margin: 0 0 20px 0;
  padding: 8px 0;
  border-bottom: 1px dotted #000;
  font-size: 18px;
}

ul.level3 {
  display: flex;
  flex-wrap: wrap;
}

ul.level3 > li {
  flex-basis: 25%;
  font-size: 18px;
}

ul.sitemap li.sitemap {
  width: 100%;
}

p.yoyakubtn a,
#reserveArea .yoyakuhouhou p.ybtn a {
	font-size: 24px;
	background-color: #fd7e00;
	color: #fff;
	text-align: center;
	text-decoration: none;
	display: block;
	width: 410px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	line-height: 22px;
	padding: 20px  20px  20px  20px;
	clear: both;
	font-weight: bold;
	position: relative;
}

p.yoyakubtn a:before,
#reserveArea .yoyakuhouhou p.ybtn a:before {
  color: rgb(255, 255, 255);
  content: "▶";
  position: absolute;
  top: 19px;
  left: 15px;
  font-size: 14px;
}

p.yoyakubtn a:hover,
#reserveArea .yoyakuhouhou p.ybtn a:hover {
    color: #000;
    background-color: #ffc68d;
}

/* =========================================================
  blogArea 
========================================================= */
#blogArea .keyword label{
    display: none;
}

.content #voiceCategoty h3,
.content #blogCategoty h3 {
    font-size: inherit;
    color: unset;
    letter-spacing: normal;
    padding: 0;
    font-weight: normal;
    clear: both;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}

#voiceSearch form,
#blogSearch form{
  display: flex;
  justify-content: space-between;
	border: none;
	border-radius: inherit;
	padding: 0;
	margin: 0;
}

#voiceSearch form .keyword label,
#blogSearch form .keyword label{
	display: none;
}

#voiceSearch form .keyword,
#blogSearch form .keyword {
   width: 100%;
}



.keyword input {
    margin-right: 10px;
    padding: 5px 8px;
    border-radius: 0px;
    border: solid 1px #cfcfcf;
    width: 90%;
    height: 25px;
}


#voiceSearch .submitters input,
#blogSearch .submitters input {
    padding: 0px 20px;
    background-color: #0085B2;
    color: #fff;
    border: none;
    font-size: 15px;
    cursor: pointer;
    height: 37px;
}

#voiceNews .tabs,
#blogNews .tabs {
  display: none;
}

#voiceNews .content,
#blogNews .content{
   padding: 0;
}

/* ------------
mailform
---------------------------------------------------------------------------------*/

form {
	width : auto;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}


form .question,
form .questions {
	width: 90%;
	max-width: none;
	overflow : hidden;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#page-contact-formOnayami-index form .questions .question:nth-child(9) .question_content,
#page-contact-formOnayami-index form .questions .question:nth-child(8) .question_content{
       float: none;
       width: 100%;
       text-align: left;
}
#page-contact-formOnayami-index .content form .questions .body p,
#page-contact-formOnayami-index  .content form .questions .question:nth-child(9).body p{
    padding: 0;
    padding-left: 2%;
    margin: 0;
}




#page-contact-formOnayami-index form .questions .question:nth-child(9) .question_content{
       border: none;
}


#page-contact-formOnayami-index form .questions .question:nth-child(9) .answer_content,
#page-contact-formOnayami-index form .questions .question:nth-child(8) .answer_content {
       float: none;
       width: 100%;
       border: none;
}



form .questions  .question{
	width : auto;
	max-width: none;
	overflow : hidden;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}


#page-content-formYoyaku-index form .questions .question:nth-child(10) ,
#page-content-formYoyaku-index form .questions .question:nth-child(9) ,
#page-content-formYoyaku-index form .questions .question:nth-child(8) {
    display: inline;
    float: left;
    padding-bottom: 0;
    border: none;
    margin: 0 10px 0 0;
    width: 15%;
}

#page-content-formYoyaku-index form .questions .question:nth-child(10)  .note,
#page-content-formYoyaku-index form .questions .question:nth-child(9)  .note{
    display: none;
}

#page-content-formYoyaku-index form .questions .question:nth-child(11) {
    display: block;
    float: none;
    clear: both;
    border-top: 1px solid #cccccc;
}
#page-content-formYoyaku-index form .questions .question:nth-child(11) .question_content{
    border: none;
}
#page-content-formYoyaku-index form .questions .question:nth-child(12) .answer_content{
    padding-right: 2%;
    padding-left: 0%;
}

#page-content-formYoyaku-index  form .questions .question:nth-child(11) .body{
  display: block;
  clear:both;
}

#page-content-formYoyaku-index  form .questions .question:nth-child(11)  .answer_content{
    width: 100%;
    float: none;
    border: none;
}


#page-content-formYoyaku-index .content form .questions .question:nth-child(11) .body p{
    padding: 10px;
    margin-bottom: 0;
    margin-top: 10px;
    padding-left: 2%;
    padding-right: 2%;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
}


#page-content-formYoyaku-index form .questions .question:nth-child(7) {
	border-bottom : 1px solid #cccccc;
}

#page-content-formYoyaku-index form .questions .question:nth-child(10) .question_content label,
#page-content-formYoyaku-index form .questions .question:nth-child(9) .question_content label,
#page-content-formYoyaku-index form .questions .question:nth-child(8) .question_content label {
    display: block;
    text-align: center;
    padding-left: 0;
    margin: 0 0 15px 0;
}
#page-content-formYoyaku-index form .questions .question:nth-child(10)  .question_content,
#page-content-formYoyaku-index form .questions .question:nth-child(9)  .question_content,
#page-content-formYoyaku-index form .questions .question:nth-child(8)  .question_content{
   width: 100%;
  border: none;
}
#page-content-formYoyaku-index form .questions .question:nth-child(10)  .answer_content,
#page-content-formYoyaku-index form .questions .question:nth-child(9)  .answer_content,
#page-content-formYoyaku-index form .questions .question:nth-child(8)  .answer_content {
   float: none;
   width: 100%;
  border: none;
}

.surveyForm form .questions .question:nth-child(10)  .answer_content select,
.surveyForm form .questions .question:nth-child(9)  .answer_content select,
.surveyForm form .questions .question:nth-child(8)  .answer_content select{
  width:100%;
  height: 38px;
}

.surveyForm form .questions .question .answer_content select {
    padding-left: 0.78125vw;
    font-size: 24px;
    background-color: white;
    border: 1px solid #bebebe;
}




.surveyForm form .questions .question .answer_content input,
.surveyForm form .questions .question .answer_content textarea {
    font-size: 18px;
    width: 80%;
    background-color: white;
    border: 1px solid #bebebe;
}

.field input,
.surveyForm form .questions .question .answer_content input {
        height: 32px;
        padding: 2px;
}

.surveyForm form .questions .question .answer_content input[type="radio"], .surveyForm form .questions .question .answer_content input[type="checkbox"] {
    width: 24px;
    height: 24px;
   vertical-align: middle;
}

.surveyForm form .questions .question .question_content.radio_button + .answer_content label, .surveyForm form .questions .question .question_content.check_box + .answer_content label {
    font-size: 20px;
}

.content #blogArea p{
  padding: 0;
  margin: 0;
}


#categoryArea #leftArea{
  width: 70%;
}

#categoryArea #rightArea{
  width: 29%;
  margin: 0 0 0 20px;
}
.content #categoryArea h2 {
    text-align: left;
    font-size: 18px;
}
.content #categoryArea #rightArea h2 {
    background-color: #25a6e0;
    border-radius: 0;
    -webkit-border-radius: 0;
    padding: 8px 14px 8px 14px;
    color: #fff;
}

.content #categoryArea #rightArea h2:after {
     display: none;
}




.content #cateArea .text-beginning h3{
  padding: 5px 8px;
  color: #494949;
  border-bottom: solid 2px #FFBF00;
  background: #fffaf4;
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Sawarabi Mincho", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}



.content #cateArea .text-beginning h4{
  color: #000 ;
  background: #fffaf4;
  border-bottom: dotted 2px #FFBF00;
  padding: 0.2em;
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Sawarabi Mincho", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.content #cateArea .text-beginning h5{
  color: #000 ;
  border-bottom: dotted 2px #FFBF00;
  padding: 0.2em;
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Sawarabi Mincho", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

/*------------------------------------
記事一覧
----------------------------------------*/
.contentGpCategoryDoc,
.contentGpCategoryCategory,
.contentGpCategoryCategoryType,
.categoryType,
.contentGpArticleDocs {
  position: relative;
}

.contentGpCategoryDoc li,
.contentGpCategoryCategory li,
.contentGpCategoryCategoryType li,
.categoryType li,
.contentGpArticleDocs li {
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
  border-bottom: 1px dotted #003399;
}
.contentGpCategoryDoc li:after,
.contentGpCategoryCategory li:after,
.contentGpCategoryCategoryType li:after,
.categoryType li:after,
.contentGpArticleDocs li:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.contentGpCategoryDoc li:last-child,
.contentGpCategoryCategory li:last-child,
.contentGpCategoryCategoryType li:last-child,
.categoryType li:last-child,
.contentGpArticleDocs li:last-child {
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
  border: none;
}


.contentGpCategoryCategory .image,
.contentGpCategoryCategoryType .image,
.categoryType .image,
.contentGpCategoryDoc .image,
.contentGpArticleDocs .image {
  display: block;
  float: left;
  margin: 10px 20px 10px 0;
  overflow: hidden;
  width: 180px;
}

.contentGpCategoryDoc .image a,
.contentGpCategoryCategory .image a,
.contentGpCategoryCategoryType .image a,
.categoryType .image a,
.contentGpArticleDocs .image a {
  display: block;
}

.contentGpCategoryDoc .image img,
.contentGpCategoryCategory .image img,
.contentGpCategoryCategoryType .image img,
.categoryType .image img,
.contentGpArticleDocs .image img {
  width: 100%;
}

.contentGpCategoryDoc .body,
.contentGpCategoryCategory .body,
.contentGpCategoryCategoryType .body,
.categoryType .body,
.contentGpArticleDocs .body {
  font-size: 96%;
  line-height: 1.6;
  margin: 0 0 5px;
}


.contentGpCategoryDoc .docs li .title_link,
.contentGpCategoryCategory .docs li .title_link,
.contentGpCategoryCategoryType .docs li .title_link,
.categoryType .docs li .title_link,
.contentGpArticleDocs .docs li .title_link {
  font-size: 120%;
  display: block;
  font-weight: bold;
}

.contentGpCategoryCategory .category span,
.contentGpCategoryCategoryType .category span,
.categoryType .category span,
.contentGpCategoryDoc .category span,
.contentGpArticleDocs .category span {
  display: inline-block;
  border: 1px solid #0085B2;
  margin: 0 4px 0 0;
}
.contentGpCategoryCategory .category a,
.contentGpCategoryCategoryType .categor ay,
.categoryType .category a,
.contentGpCategoryDoc .category a,
.contentGpArticleDocs .category a{
    text-decoration: none;
    display: inline-block;
    font-size: 66%;
    padding:3px 5px;
}

#common .contentGpCategoryCategory h2 a,
#common .contentGpCategoryCategoryType h2 a,
#common .categoryType h2 a,
#common .contentGpArticleDocs h2 a {
  color: #000;
}

.contentGpCategoryCategoryType ul.feed,
.contentGpCategory ul.feed,
.categoryType ul.feed,
.contentGpArticleDocs ul.feed,
.contentGpArticleDocs ul.feed {
  margin: 0 0 30px 0;
  overflow: hidden;
  position: absolute;
  right: 22px;
}

.contentGpCategoryCategoryType ul.feed,
.contentGpCategory ul.feed {
  top: -53px;
}

.more {
  display: block;
  padding: 0px 5px 0px 0px;
  text-align: right;
}

/*--------------------------------------------------
#beginnerAera
--------------------------------------------------*/
#beginnerAera .body .clm{
padding: 30px;
background-color: #f6f6f6;
}

#beginnerAera .body #flowtl{
padding: 0px;
}

#beginnerAera #flow #flow02 .flexbox,
#beginnerAera .body #flowtl .flexbox{
justify-content: space-between;
}


#feeArea .body ul li.rightA,
#feeArea .body ul li.leftA,
#beginnerAera #flow #flow04 .flexbox .rightA,
#beginnerAera #flow #flow03 .flexbox .rightA,
#beginnerAera #flow #flow02 .flexbox .leftA ,
#beginnerAera #flow #flow02 .flexbox .rightA,
#beginnerAera .body #flowtl .flexbox .leftA,
#beginnerAera .body #flowtl .flexbox .rightA{
width:49%;
box-sizing: border-box;
}

#beginnerAera #flow .clm  .flexbox .txt{
  width:52%;
}
#beginnerAera #flow .clm  .flexbox figure{
  width:46%;
  margin: 0 20px 0 0;
}

#beginnerAera #flow #flow04 .flexbox .rightA img,
#beginnerAera #flow #flow03 .flexbox .rightA img,
#beginnerAera #flow #flow02 .flexbox img,
#beginnerAera #flow .clm .flexbox figure img{
  width:100%!important;
  height:auto!important;
}

#flow04 .flexbox,
#flow03 .flexbox{
justify-content: flex-end;
}


#beginnerAera .body.flexbox{
justify-content: space-between;
flex-wrap: wrap;
}
#beginnerAera .body.flexbox #oushin,
#beginnerAera .body.flexbox #ebisu{
  width: 49%;
}

#beginnerAera .body.flexbox #oushin img,
#beginnerAera .body.flexbox #ebisu img{
  width: 100%;
}

#feeArea .body ul {
    justify-content: space-between;
}


#feeArea .body ul li{
  font-size: 28px;
  margin: 0 0 10px 0;
  padding: 45px 35px 35px 35px;
  text-align: center;
  background-color: #F6F6F6;
}

#philosophyArea .txt ol {
    padding: 25px 25px 25px 70px;
    background-color: #f6f6f6;
    margin: 15px 0 0 0px;
}
#philosophyArea .txt ol li{
  list-style-type:decimal;
  font-size: 28px;
}

#pagebtn{
     flex-flow: wrap;
     justify-content: center;
}

#pagebtn li{
  width: 200px;
  margin: 0 20px;
}

#pagebtn li a{
     display: block;
     padding: 20px;
     text-decoration: none;
}




#pagebtn li a {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 225px;
    padding: 10px 0px 10px 25px;
    color: #313131;
    transition: 0.3s ease-in-out;
    font-weight: 500;
}

#pagebtn li a:before, #pagebtn li a:after {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
}
#pagebtn li a:before {
  width: 0.5rem;
  height: 0.5rem;
  left: 1.1rem;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  z-index: 2;
  transform: translateY(-50%) rotate(45deg);
  transition: all 0.3s;
}
#pagebtn li a:after {
  left: 0;
  background: #6bb6ff;
  z-index: 1;
  width: 3rem;
  height: 3rem;
  border-radius: 4rem;
  transform: translateY(-50%);
  transition: all 0.5s;
}
#pagebtn li a span {
  position: relative;
  transition: all 0.3s;
  z-index: 3;
}

#pagebtn li a:hover span {
  color: #fff;
}
#pagebtn li a:hover:before {
  left: 2rem;
}
#pagebtn li a:hover:after {
  right: 0;
  width: 100%;
}


/* contentGpArticleDoc
----------------------------------------------- */
.contentGpArticleDoc .date {
  margin-bottom: 1em;
  text-align: right;
}

.contentGpArticleDoc .date p {
  display: inline-block;
    padding: 0;
    margin-bottom: 0;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
}

.contentGpArticleDoc .date p.publishedAt {
  padding-right: 10px;
}



#page-clinic-access #accessblock ul li {
  line-height: 1.6;
  margin: 0 10px 10px 10px;
}

#page-clinic-access #accessblock ul li img{
   width: 100%;
}
#page-clinic-access .body .page #accessblock .flexbox figure{
    width: 100%;
}

#page-treatment-weakpoint #serviceArea .clm {
  margin: 0 0 80px 0;
}

#page-treatment-weakpoint #serviceArea .clm.flexbox,
#page-treatment-weakpoint #serviceArea .clm .flexbox{
justify-content: space-between;
}

#page-treatment-weakpoint #serviceArea .clm figure{
width: 38%;
}
#page-treatment-weakpoint #serviceArea .clm.t02 figure{
width: 18%;
}

#page-treatment-weakpoint #serviceArea .clm .txt{
width: 60%;
}
#page-treatment-weakpoint #serviceArea .clm.t02 .txt{
width: 78%;
}

#onayamiArea .clm.flexbox{
justify-content: space-between;
}

#onayamiArea .clm.flexbox figure{
    width: 34%;
}
#onayamiArea .clm.flexbox .txt{
    width: 64%;
}
#onayamiArea .clm.flexbox figure img{
    width: 100%;
}

#onayamiArea .clm.flexbox .txt ul {
  margin-bottom: 16px;
  padding-left: 32px;
}

#onayamiArea .clm.flexbox .txt ul li{
list-style-type: disc;
font-weight: bold;
color:#0085B2;
line-height:2;
}

#onayamiArea .clm.flexbox .txt dl{
 padding: 20px;
 border: 1px solid #dedede;
 background-color: #f6f6f6;
margin: 0 0 20px 0;
}

#onayamiArea .clm.flexbox .txt dt{
font-weight: bold;
color:#0085B2;
font-size:18px;
}
#onayamiArea .clm.flexbox .txt dd{
margin: 0 0 20px 20px;
}
#onayamiArea .clm.flexbox .txt dd:last-child{
margin: 0 0 0 20px;
}




@media screen and (max-width: 959px) {
  .reservationDate .reservations {
    margin: 20px 0 0;
  }
}

.reservationCalendar h2 {
  font-size: 1.5rem;
  text-align: center;
}

.reservationCalendar .column {
  display: flex;
  justify-content: space-between;
  gap: 40px 60px;
}

.reservationCalendar .column .calender-col {
  width: calc(50% - 30px);
}

.reservationCalendar .calender {
  width: 100%;
  text-align: center;
}

.reservationCalendar .calender th,
.reservationCalendar .calender td {
  border: 1px solid #d3d3d3;
}

.reservationCalendar .calender th {
  padding: 12px;
}

.reservationCalendar .calender .cellTableHead {
  margin: 0 0 1rem;
  border: 0;
  font-size: 1.25rem;
}

.reservationCalendar .calender a {
  display: block;
  width: 1.6rem;
  line-height: 1.6rem;
  margin: 0 auto;
  color: #000!important;
  border-radius: 50%;
  text-decoration: none;
  padding: 12px;
 font-weight: bold;
  font-size: 1.125rem;
}

.reservationCalendar .calender a:hover {
   background-color: #8BDBFF;
}

/*------------------------------
#treatmentArea
-------------------------------*/
#treatmentArea #intro img{
   width: 100%;
}

#treatmentArea{
justify-content: space-between;
}
#treatmentArea #intro {
width:30%;
}
#treatmentArea .body {
width: 68%;
}


#treatmentArea .body p.toptxt{
   margin: 0 0 10px 0;
}

#treatmentArea .body ol{
  border: 1px solid #ededed;
  background-color: #F6F6F6;
  padding: 15px;
  margin: 0 0 10px 0;
}
#treatmentArea .body ol li{
  line-height: 1.8;
  font-size: 18px;
}

#serviceArea .clm {
  margin : 0 0 35px 0;
}
#serviceArea .clm figure img{
  width: 100%;
}
#businesstripArea #reagion .flexbox figure{
  margin: 0 20px 0 0;
}

@media screen and (max-width: 959px) {
  .reservationCalendar .column {
    flex-wrap: wrap;
  }

  .reservationCalendar .column .calender-col {
    width: 100%;
  }


}




@media only screen and (max-width: 767px) {
/*--sp_show
-------------------------------------------*/
#g_navi ul li.sp_show{
  display: block;
}

    #top_slide {
        padding-top: 23px;
    }
  .prof:before {
    left: 15px;
  }
  .prof .timeline_item .time_date .time:before {
    left: -32px;
  }
  .prof .timeline_item {
    margin: 0px 0px 0px 40px;
  }
  .prof .timeline_item .desc {
    padding-left: 0px;
    border-top: 1px solid #2862e8;
    border-left: none;
  }



#beginnerAera .body .clm{
    padding: 15px;
}

#beginnerAera #flow .clm .flexbox {
    display: block;
}

#beginnerAera #flow .clm .flexbox figure {
    width: 100%;
    margin: 0  0 20px 0;
}
#beginnerAera #flow .clm .flexbox .txt {
    width: 100%;
}


#pageTitle h1 {
    font-size: 25px;
}

#beginnerAera .content h2 {
        font-size: 19px;
        padding-right: 2px;
        padding-left: 25px;
}
#beginnerAera .content h2:after {
    left: 15px;
}
#beginnerAera .content .contentPage h3 {
    font-size: 19px;
}
p.yoyakubtn a, #reserveArea .yoyakuhouhou p.ybtn a {
    font-size: 19px;
    width: 88%;
}
reserveArea .flexbox .phone, #reserveArea .flexbox .webform {
    width: 48%;
    padding: 5% 2%;
}

#reserveArea .flexbox figure img {
    width: 60px;
}
#reserveArea .yoyakuhouhou h3 {
    font-size: 21px;
}
#reserveArea .flexbox .phone p.tel {
    font-size: 20px;
}
#reserveArea .yoyakuhouhou h4 {
    font-size: 20px;
}
#reserveArea .naiyou ol {
    width: 78%;
}

.question_content {
    width: 100%;
    float: none;
}
.answer_content {
    width: 100%;
    float: none;
}
#treatmentArea.flexbox{
  display: block;
}
#treatmentArea #intro {
    width: 100%;
}
#treatmentArea .body {
    width: 100%;
}
#page-treatment-weakpoint #serviceArea .clm.flexbox,
#page-treatment-weakpoint #serviceArea .clm .flexbox{
   display: block;
}
#onayamiArea .clm.flexbox figure {
    width: 100%;
    margin: 0 0 20px 0;
}
#onayamiArea .clm.flexbox .txt {
    width: 100%;
}
#page-treatment-weakpoint #serviceArea .clm.t02 figure {
    width: 100%;
}
#page-treatment-weakpoint #serviceArea .clm.t02 .txt {
    width: 100%;
}

.content .contentPage h3 {
    font-size: 26px;
}
.content .contentPage #serviceArea h3 {
    font-size: 22px;
}
#page-treatment-weakpoint #serviceArea .clm .flexbox{
display:block;
}

#page-treatment-weakpoint #serviceArea .clm figure{
    width: 100%;
}
#page-treatment-weakpoint #serviceArea .clm .txt {
    width: 100%;
}


#categoryArea.flexbox,
#philosophyArea .flexbox,
#clinicArea .flexbox,
#businesstripArea .clm .flexbox,
#feeArea .body ul{
  display: block;
}

#categoryArea #leftArea,
#feeArea .body ul li.rightA, #feeArea .body ul li.leftA,
#beginnerAera #flow #flow04 .flexbox .rightA,
#beginnerAera #flow #flow03 .flexbox .rightA,
#beginnerAera #flow #flow02 .flexbox .leftA,
#beginnerAera #flow #flow02 .flexbox .rightA,
#beginnerAera .body #flowtl .flexbox .leftA,
#beginnerAera .body #flowtl .flexbox .rightA {
    width: 100%;
}
#categoryArea #rightArea {
    width: 100%;
    margin: 20px 0 0 0;
}

#businesstripArea #reagion .flexbox figure {
    margin: 0 0 20px 0;
}
.body .page .flexbox figure {
    margin: 0 0 20px 0;
    width: 100%;
}
.body .page .flexbox .txt {
    width: 100%;
}
.prof .timeline_item .time_date .time {
    font-size: 3.5em;
}
.prof .timeline_item .time_date .flag {
    margin: -30px 0 0 0;
    line-height: 1.2;
}
.prof:before {
    top: 155px;
}

#philosophyArea .txt ol li {
    font-size: 20px;
    margin: 0 0 20px 0;
}

.contentGpCategoryCategory .image, .contentGpCategoryCategoryType .image, .categoryType .image, .contentGpCategoryDoc .image, .contentGpArticleDocs .image {
    float: none;
    margin: 0px 0 20px 0;
    width: 100%;
}
.contentGpArticleDoc .date p.publishedAt {
        padding-right: 0;
        display: block;
}
#sub_top.blog {
    height: 120px;
    padding-top: 120px;
    font-size: 25px;
    background-size: cover;
}


}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    header .toplogo a img, header h1 a img {
        height: auto;
        width: 22%;
}
#top_slide {
    padding-top: 22px;
}
#topContents ul#topcontents.flexbox li a {
    height: 95px;
}
.content {
    width: 98%;
    padding-top: 20px;
    padding-bottom: 20px;
    margin: 0 auto;
}
.cont_wrap {
    width: 96%;
}



}


@media screen and (min-width:960px){
	
.box_contact .box_in {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}
.box_contact .btn {
	float: left;
	width: 50%;
}

.box_contact .tel {
	float: right;
	width: 50%;
}

.box_contact.only_tel .tel {
	float: none;
	width: 100%;
}

}

@media screen and (max-width:480px){
.box_contact .btn a {
	font-size: 18px;
}
.box_contact .tel a {
	font-size: 24px;
}

}

/*-----トップへ戻るボタン------*/

.to_top {
	position: fixed;
	right: 10px;
	bottom: 10px;
	z-index: 200;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}
.to_top a {
	text-decoration: none;
	color: #FFF;
	text-align: center;
	display: block;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	font-size: 10px;
	background-color: #0085B2;
	padding: 20px;
	height: 30px;
	width: 30px;
}
.to_top a:hover {

}

/*
フッター
-------------------------------------------*/

footer {
	background-color: #E9EEEF;
	color: #FFF;
	clear: both;
	width: 100%;
	display: block;
}

footer ul.f_bn {
	text-align: center;
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #25a6e0;
}
footer .f_bn li {
	display: inline;
}
footer .f_bn li a {
	display: inline-block;
	font-size: 14px;
	letter-spacing: 1px;
	padding: 10px;
	text-decoration: none;
	color: #FFF;
	margin-left: 10px;
	font-weight: bold;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin-right: 10px;
}

footer .f_bn li a:hover {
	background-color: #0085B2;
}

footer .f_bn li a i {
	padding-right: 5px;
	font-size: 200%;
}


footer ul.f_list {
	display: block;
	width: 33.3%;
	float: left;
	padding-bottom: 20px;
	padding-top: 20px;
}

footer ul.f_list li a {
	text-decoration: none;
	color: #000;
	display: block;
	padding: 2px;
}

footer ul.f_list li li a {
	padding-left: 25px;
	position: relative;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size: 14px;
}

footer ul.f_list li li a:hover {
	background-color: #0085B2;
}

footer ul.f_list li li a::before {
	content:"・";
	position: absolute;
	top: 5px;
	left: 5px;
}


address {
	font-size: 10px;
	font-style: normal;
	padding-top: 20px;
	padding-bottom: 20px;
	letter-spacing: 1px;
	text-align: center;
	display: block;
	clear: both;
	background-color: #25a6e0;
}

footer .box_pr {
	clear: both;
	width: 100%;
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	font-size: 10px;
	color: #FFF;
	background-color: #25a6e0;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #0085B2;
}

.box_pr ul li {
	display: inline;
	padding: 5px;
}

.box_pr ul li a {
	color: #FFF;
}

/*
各種テーブル
-------------------------------------------*/
.content .body .page .table table {
	width: 96%;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	border: 1px solid #ccc;
}


.content .body .page .table table th,
.content .body .page .table table td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding: 20px;
}
.content .body .page .table table th {
	font-size: 16px;
	white-space: nowrap;
	font-weight: normal;
	letter-spacing: 1px;
	width: 33%;
}
.content .body .page .table table td {
	font-size: 14px;
	line-height: 30px;
	background-color: #FFF;
}

.content .body .page .table table {
	width: 96%;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	max-width: 820px;
}
.content .body .page .table table th,
.content .body .page .table table td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #888;
	padding: 20px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-left-style: dotted;
	border-top-color: #BBB;
	border-right-color: #BBB;
	border-left-color: #BBB;
}
.content .body .page .table table th {
	font-size: 18px;
	white-space: nowrap;
	letter-spacing: 1px;
	background-color: #F6F6F6;
	color: #25a6e0;
}
.content .body .page .table table td {
	font-size: 16px;
	line-height: 30px;
	background-color: #FFF;
}


.content .body .page .table table .tr_gr th {
	background-color: #EEE;
}
.content .body .page .table table .tr_gr td {
	background-color: #F9F9F9;
}


.small {
	font-size: 80%;
	color: #666;
}
.chui {
	color: #F03600;
}


.table_01 th span {
	font-size: 12px;
	color: #CCC;
}


/*
FAQ
-------------------------------------------*/

.content dl.faq {
	margin-bottom: 30px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
.content dl.faq dt {
	font-size: 22px;
	line-height: 30px;
	position: relative;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Sawarabi Mincho", "HG明朝E",  "ＭＳ Ｐ明朝", "MS PMincho", serif;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 50px;
	background-color: #F6F6F6;
	color: #111;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.content dl.faq dt span {
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
	background-color: #0085B2;
	text-align: center;
	display: block;
	width: 50px;
	padding-top: 10px;
	height: 40px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	position: absolute;
	top: -20px;
	left: -10px;
	z-index: 10;
}
.content dl.faq dt span::before{
	content: "";
	position: absolute;
	bottom: -5px;
	right: -3px;
 	margin-left: -12px;
  border-right: 12px solid transparent;
  border-top: 20px solid #0085B2;
  border-left: 12px solid transparent;
 	z-index: 0;
	transform: rotate(-40deg);
}
.content dl.faq dd {
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}

#page-category-faq-index .contentGpCategoryCategoryType .category,
page-category-faq-index .contentGpCategoryCategoryType .publish_date {
    display: none;
}


#cateArea .contentGpCategoryCategoryType h2 ,
#cateArea .contentGpCategoryCategoryTypes h2 ,
#faqArea .contentGpCategoryCategoryType h2 ,
#faqArea .contentGpCategoryCategoryTypes h2 ,
#categoryArea .contentGpCategoryCategoryType h2, 
#categoryArea .contentGpCategoryCategoryTypes h2 {
padding: 0;
}

#cateArea .contentGpCategoryCategoryType h2 a,
#cateArea .contentGpCategoryCategoryTypes h2 a,
#faqArea .contentGpCategoryCategoryType h2 a,
#faqArea .contentGpCategoryCategoryTypes h2 a,
#categoryArea .contentGpCategoryCategoryType h2 a, 
#categoryArea .contentGpCategoryCategoryTypes h2 a{
 display: block;
    margin-top: 30px;
 text-decoration: none;
    margin-top: 30px;
    padding-top: 15px;
    padding-right: 10px;
    padding-bottom: 15px;
    padding-left: 44px;
}


#faqArea .docs .body,
#faqArea .docs .publish_date,
#faqArea .docs .category{
  display: none;
}

/*
グーグルマップ
-------------------------------------------*/

.g_map_base {
	background-color: #FFF;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

.g_map {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.g_map iframe,
.g_map object,
.g_map embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*
実績一覧
-------------------------------------------*/
ul.works_list {
	display: block;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	max-width: 1400px;
	padding: 30px;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

ul.works_list li {
	width: 20%;
	position: relative;
	text-align: center;
	margin-bottom: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

ul.works_list li .works_icon {
	position: absolute;
	top: 5px;
	left: 5px;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	color: #FFF;
	background-color: #099;
	z-index: 50;
}

ul.works_list li a {
	display: block;
	padding: 20px;
	background-color: #FFF;
	text-decoration: none;
	color: #333;
}
ul.works_list li a img {
	width: auto;
	width: 100%;
	height: 150px;;
	object-fit: cover;
}
ul.works_list li a:hover img {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	-webkit-filter:brightness(1.5);
    -moz-filter:brightness(1.5);
    -ms-filter:brightness(1.5);
    filter:brightness(1.5);
}

ul.works_list li a span {
	display: block;
	padding-top: 10px;
	font-size: 14px;
	letter-spacing: 1px;
}

ul.works_list li a:hover {
	color: #000;
	background-color: #F6F6F6;
}


/*
スライダー
-------------------------------------------*/
.sp-thumbnail-container img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	object-fit: cover;
}
.sp-thumbnail-container:hover img,
.sp-thumbnail-container.sp-selected-thumbnail img {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	cursor: pointer;
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}
#top_slide .top_catch {
	font-size: 6vw;
	line-height: 0.6;
	width: 100%;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	position: absolute;
	top: 50%;
	letter-spacing: 0.1em;
	-moz-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	-webkit-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	-ms-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}
#top_slide .top_catch span {
	font-size: 25%;
}

#top_slide .slide_btn a {
	display: block;
	position: absolute;
	left: 50%;
	bottom: 20%;
	font-size: 18px;
	color: #FFF;
	width: 300px;
	margin-left: -150px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	border: 2px solid #FFF;
	line-height: 40px;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}
#top_slide .slide_btn a:hover {
	background-color: #FFF;
	color: #111;
}



/*
トップピックアップバナー
-------------------------------------------*/

.pickup {
	background-color: #012;
/*--	padding-top: 30px;
	padding-bottom: 30px;--*/
}

.pickup ul {
	display: block;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	max-width: 1400px;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.pickup ul li {
	width: 33%;
	max-height: 220px;
	position: relative;
}
.pickup ul li a .pu_icon {
	position: absolute;
	top: -5px;
	left: -5px;
	background-color: #0085B2;
	color: #FFF;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
}
.pickup ul li a div {
	position: absolute;
	top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);
	height: auto;
	color: #FFF;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 14px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
}
.pickup ul li a div .pu_title {
	display: block;
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 10px;
}

.pickup ul li a img {
	-webkit-filter:brightness(0.5);
    -moz-filter:brightness(0.5);
    -ms-filter:brightness(0.5);
    filter:brightness(0.5)
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pickup ul li a:hover img {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	-webkit-filter:brightness(1.5);
    -moz-filter:brightness(1.5);
    -ms-filter:brightness(1.5);
    filter:brightness(1.5);
}

@media screen and (min-width:960px){
body {
	font-size: 16px;
}
.sm-slider, .sm-slider::after {
	top: 100px !important;
}
/*
ヘッダー
-------------------------------------------*/
header {
	height: 140px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;
	position: fixed;
	transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

header .toplogo a img ,
header h1 a img {
	top: 20px;
	left: 10px;
}

header .h_btn a {
	width: 160px;
	top: 15px;
	right: 10px;
	line-height: 38px;
	padding-top: 2px;
	font-size: 14px;
	font-weight: bold;
}
header .h_tel a {
	top: 20px;
	right: 190px;
	line-height: 38px;
	padding-top: 4px;
}

header.fixed {
	height: 100px;
}


header.fixed .toplogo a img ,
header.fixed h1 a img {
	height: 50px;
	top:5px;
	width: 200px;
}
header.fixed .h_btn a,
header.fixed .h_tel a {
	top: 5px;
}


.menu_btn,
.btn_close {
	display: none;
}

/*
PCグローバルナビ
-------------------------------------------*/
#g_navi {
	width: 98%;
	padding-left: 2%;
	display: block !important;
	height: 50px;
	position: absolute;
	z-index: 1000;
	left: 0px !important;
	bottom: 0px;
	font-size: 14px;
	letter-spacing: 1px;
	font-weight: bold;
}

#g_navi ul.navi_base {
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

#g_navi ul li{
	display: inline;
}

#g_navi li a {
	width: 12.5%;
	padding-top: 15px;
	height: 35px;
	display: block;
	color: #036;
	text-decoration: none;
	text-align: center;
	line-height: 20px;
	position: relative;
	float: left;
}

#g_navi li a::before {
	display: block;
	height: 2px;
	position: absolute;
	top: 2px;
	width: 70%;
	left: 15%;
	background-color: #FFF;
	content: '';
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}

#g_navi li a:hover::before {
	background-color: #0085B2;
	top:0px;
}

#g_navi li a:hover,
#g_navi li a.active,
#g_navi ul li:hover > a {
	color: #0085B2;
}

#g_navi ul li:hover > a.ac_menu,
#g_navi li a.ac_menu:hover {
	position: relative;
}

#g_navi li a.ac_menu::after {
	content: "";
	position: absolute;
	bottom: -10px;
	left: 50%;
 	margin-left: -15px;
  border-right: 15px solid transparent;
  border-bottom: 20px solid #FFF;
  border-left: 15px solid transparent;
 	z-index: 300;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}

#g_navi ul li:hover > a.ac_menu::after,
#g_navi li a.ac_menu:hover::after {
  border-bottom: 20px solid #001533;
}

#g_navi ul li div {
	position: absolute;
	z-index: 2000;
	top: 50px;
	left: 0px;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
	width: 100%;
	height: auto;
	background-color: #001533;
}
#g_navi ul li ul{
  width: 96%;
  padding-left: 2%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

#g_navi li ul li a {
	width: 21%;
	padding-left: 3%;
	padding-top: 9px;
	padding-bottom: 9px;
	line-height: 22px;
	height: auto;
	color: #FFF;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 1%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#g_navi li ul li a::after {
	content: "+";
	color: #FFF;
	position: absolute;
	display: block;
	left: 15px;
	top: 8px;
	font-size: 9px;
}
#g_navi li ul li a:hover::after {
	color: #036;
}
#g_navi ul li ul li a:hover{
	color: #036;
	background-color: #FFF;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
}
#g_navi li li a::before {
	display: none;
}

#g_navi ul li:hover div{
  visibility: visible;
  opacity: 1;
}

#g_navi div.ac_list {
	display: block !important;
}


header.fixed #g_navi {
	height: 40px;
}

header.fixed #g_navi ul li div {
	top: 40px;
}

header.fixed #g_navi li a {
	padding-top: 10px;
	height: 30px;
}

header.fixed #g_navi li ul li a {
	padding-top: 9px;
	height: 22px;
}

/*
サブトップ
-------------------------------------------*/
#sub_top.contact{
	background-image: url(/_themes/img/slide/sub_top_contact.jpg);
}
#sub_top.common{
	background-image: url(/_themes/img/slide/sub_top_common.jpg);
}
#sub_top.beginner{
	background-image: url(/_themes/img/slide/sub_top_beginner.jpg);
}
#sub_top.yoyaku{
	background-image: url(/_themes/img/slide/sub_top_yoyaku.jpg);
}
#sub_top.treatment{
	background-image: url(/_themes/img/slide/sub_top_treatment.jpg);
}
#sub_top.clinic{
	background-image: url(/_themes/img/slide/sub_top_clinic.jpg);
}
#sub_top.voice{
	background-image: url(/_themes/img/slide/sub_top_voice.jpg);
}
#sub_top.faq{
	background-image: url(/_themes/img/slide/sub_top_qa.jpg);
}
#sub_top.blog{
	background-image: url(/_themes/img/sub_top_blog.webp);
}
#sub_top.newslist{
	background-image: url(/_themes/img/slide/sub_top_common.jpg);
}

.no_pc {
	display: none;
}

}
/*(/960～)*/


@media screen and (min-width:1200px){
header .h_btn a {
	right: 50%;
	margin-right: -600px;
}
header .h_tel a {
	right: 50%;
	margin-right: -400px;
}

header .toplogo a img ,
header h1 a img {
	left:50%;
	margin-left: -600px;
}

}
/*(/1200～)*/

@media screen and (max-width:960px){

body {
	font-size: 16px;
}

img {
	max-width: 100% !important;
	height: auto;
	width /***/:auto;
	margin-left:auto;
	margin-right:auto;
}

.content h4 {
	margin-right: 10px;
	margin-left: 10px;
}

ul.works_list li {
	width: 33.3%;
}


#sub_top {
	height: 100px;
	padding-top: 120px;
	letter-spacing: 0.5em;
	font-size: 18px;
}

/*
メニューボタン
-------------------------------------------*/

.menu_btn {
	display: block;
	height: 30px;
	width: 40px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	position: fixed;
	z-index: 5000;
	top: 5px;
	right: 5px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.menu_btn:hover {
	cursor: pointer;
}

.menu_btn span {
	width: 28px;
	height: 2px;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -14px;
	background-color: #555;
}
.menu_btn span {
    transition: all 0.3s;
    transform: rotate(0deg);
	-webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);    
  }
.menu_btn span.top {
    transform: translateY(-8px);
	-webkit-transform: translateY(-8px);  
    -moz-transform: translateY(-8px);    
  }
.menu_btn span.bottom {
    transform: translateY(8px);
	-webkit-transform: translateY(8px);  
    -moz-transform: translateY(8px);    
}


.menu_btn:hover span.top {
    transform: translateY(-10px);
	-webkit-transform: translateY(-10px);  
    -moz-transform: translateY(-10px);    
}
.menu_btn:hover span.bottom {
    transform: translateY(10px);
	-webkit-transform: translateY(10px);  
    -moz-transform: translateY(10px);    
}


.menu_btn.opened  span.middle {
    background: rgba(255, 255, 255, 0);
	 transform: translateX(30px);
	 -webkit-transform: translateX(30px);  
    -moz-transform: translateX(30px);    
}
.menu_btn.opened  span.top {
    transform: rotate(-45deg) translateY(0px);
	-webkit-transform: rotate(-45deg) translateY(0px);  
    -moz-transform: rotate(-45deg) translateY(0px);    
}
.menu_btn.opened  span.bottom {
    transform: rotate(45deg) translateY(0px);
	-webkit-transform: rotate(45deg) translateY(0px);  
    -moz-transform: rotate(45deg) translateY(0px);    
}

/*
グローバルナビ
-------------------------------------------*/
#g_navi {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	display: none;
	padding-top: 50px;
	overflow: auto;
	z-index: 3000;
	background-color: #FFF;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
	font-size: 14px;
	letter-spacing: 1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#g_navi ul {
	display: block;
	margin: 0px;
	padding: 0px;
	clear: both;
}

#g_navi ul li:first-child {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EEE;
}

#g_navi ul li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EEE;
}

#g_navi ul li a {
	color: #111;
	text-decoration: none;
	display: block;
	padding-top: 16px;
	padding-right: 30px;
	padding-bottom: 14px;
	padding-left: 20px;
	line-height: 22px;
	vertical-align: middle;
}
#g_navi ul li a:hover {
	color: #999;
}

body.fixed {
	overflow: hidden;
}

/*
アコーディオン
--------------------------------------------------*/


#g_navi ul li a.ac_menu {
	position: relative;
	background-image: none;
}
#g_navi ul li a.ac_menu::after {
	font-size: 11px;
	display: block;
	height: 20px;
	width: 20px;
	content: "▼";
	text-align: center;
	line-height: 20px;
	position: absolute;
	top: 16px;
	right: 10px;
	color: #555;
}
#g_navi ul li a.ac_menu.active {
	color: #999;
}
#g_navi ul li a.ac_menu.active::after {
	content: "▲";
}
#g_navi div.ac_list {
	display: none;
}
#g_navi ul li ul li {
	border-bottom: none;
}
#g_navi ul li li:first-child {
	border-top: none;
}
#g_navi ul li ul li a {
	border-bottom: none;
}
#g_navi ul li ul li a::before {
	content: "・";
	padding-right: 5px;
	color: #999;
}

#g_navi ul li ul li a:hover {
	color: #999;
}

/*
メニューシャドウ
-------------------------------------------*/
.bg_bl {
	background-color: #FFF;
	height: 100%;
	width: 100%;
	opacity: 0.80;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	display: block;
	position: fixed;
	z-index: 2000;
}


/*
ヘッダー
-------------------------------------------*/
.sm-slider, .sm-slider::after {
	top: 50px !important;
}

header {
	height: 52px;
}

header .toplogo a img ,
header h1 a img {
	top: 5px;
	left:5px;
	height: 40px;
}

header .h_btn a {
	width: 120px;
	top: 5px;
	right: 55px;
	line-height: 29px;
	padding-top: 1px;
	font-size: 12px;
}
header .h_tel a {
	top: 10px;
	right: 200px;
	line-height: 29px;
	padding-top: 1px;
	font-size: 12px;
}
header .h_menu {
	display: none;
}

header #info {
	display: none;
}

/*
サブトップ
-------------------------------------------*/
#sub_top.contact{
	background-image: url(/_themes/img/slide/sub_top_contact_sp.jpg);
}
#sub_top.common{
	background-image: url(/_themes/img/slide/sub_top_common_sp.jpg);
}
#sub_top.beginner{
	background-image: url(/_themes/img/slide/sub_top_beginner_sp.jpg);
}
#sub_top.yoyaku{
	background-image: url(/_themes/img/slide/sub_top_yoyaku_sp.jpg);
}
#sub_top.treatment{
	background-image: url(/_themes/img/slide/sub_top_treatment_sp.jpg);
}
#sub_top.clinic{
	background-image: url(/_themes/img/slide/sub_top_clinic_sp.jpg);
}
#sub_top.voice{
	background-image: url(/_themes/img/slide/sub_top_voice_sp.jpg);
}
#sub_top.faq{
	background-image: url(/_themes/img/slide/sub_top_qa_sp.jpg);
}
#sub_top.blog{
	background-image: url(/_themes/img/slide/sub_top_blog_sp.jpg);
}
#sub_top.newslist{
	background-image: url(/_themes/img/slide/sub_top_common_sp.jpg);
}

.no_sp {
	display: none;
}

}
/*(/～960)*/


@media screen and (max-width:640px){

#top_slide .top_catch {
	font-size: 8vw;
	top: 36%;
}
#top_slide .top_catch span {
    font-size: 35%;
}

#top_slide .slide_btn a {
	font-size: 16px;
	bottom: 25%;
	line-height: 32px;
	width: 260px;
	margin-left: -130px;
}

.content {
  width: 94%;
  padding-top: 12px;
  margin: 0 auto;
}

#topContents ul#topcontents.flexbox{
    display: block;
}
#topContents ul#topcontents.flexbox li {
   margin: 0 0 20px 0;
}


.pickup ul li {
	width: 100%;
	max-height: 130px;
	margin-bottom: 1px;
}
.pickup ul li a div {
		font-size: 12px;
}
	
header .toplogo a img ,
header h1 a img {
        top: 5px;
        height: auto;
        width: 40%;
}

header .h_btn a {
	width: 50px;
	top: 10px;
	right: 50px;
	font-size: 18px;
	border-top-style: none !important;
	border-bottom-style: none !important;
	border-right-style: none !important;
	border-left-style: none !important;
}
header .h_tel a {
	width: 50px;
	font-size: 18px;
	right: 95px;
}
header .h_tel a span,
header .h_btn a span {
	display: none;
}

.content p {
	margin-bottom: 20px;
}

ul.works_list {
	padding: 10px;
}

ul.works_list li {
	width: 50%;
}

ul.works_list li a {
	padding: 10px;
}

.img_left,
.img_right {
	float: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
}

.box_contact p {
	font-size: 14px;
}

ul.f_bn li a span {
	display: none;
}

footer .f_bn li a i {
	padding-right: 0px;
}

footer .cont_wrap {
	display: none;
}

}
/*(/～640)*/

@media screen and (max-width:460px){

input,
textarea {
	max-width: 300px !important;
}

.content table.table_01 th,
.content table.table_01 td {
	width: 100% !important;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.content table.table_01 th {
	background-color: #F6F6F6;
}


#sub_top {
	font-size: 16px;
}


}
/*(/～460)*/


/*
エフェクト
-------------------------------------------*/
.effect {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha( opacity=0 )";
	transform: translateY(20px);
	-webkit-transform: translateY(20px);  
    -moz-transform: translateY(20px); 
	-webkit-transition: 1.0s ease-out;
	-moz-transition: 1.0s ease-out;
	transition: 1.0s ease-out;
}
.effect.d_02 {
transition-delay:0.2s;
-webkit-transition-delay:0.2s;
}
.effect.d_04 {
transition-delay:0.4s;
-webkit-transition-delay:0.4s;
}
.effect.d_06 {
transition-delay:0.6s;
-webkit-transition-delay:0.6s;
}
.effect.d_08 {
transition-delay:0.8s;
-webkit-transition-delay:0.8s;
}
.effect.start {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	transform: translateY(0px);
	-webkit-transform: translateY(0px);  
    -moz-transform: translateY(0px);    
}
.content p.check {
	color: #FF3333;
}
.content p.p_st {
	font-size: 20px;
	color: #CA28B1;
}

/*------------------------------*/

.content .box_att {
	margin-top: 30px;
}

.content .box_att h2 {
	font-weight: normal;
	font-size: 24px;
	color: #0F688B;
}
.content .box_att p {
	font-size: 14px;
	margin: 0px;
	color: #0F688B;
}