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


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

Last update:    2015-10-02

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

/*=============================
index
=============================*/
#index #mainarea .text_area01{
    box-sizing: border-box;
    width: auto;
    margin-bottom: 30px;
}

#index #mainarea .text_area01 p{
	margin-bottom:30px;
}

#index #mainarea .prof_area{
	border:#dddddd 1px solid;
	padding:20px;
	width:100%;
	margin-bottom:30px;
}

#index #mainarea .prof_img{
	float:left;
	width:215px;
	margin:0 20px 15px 0;
}

#index #mainarea .prof_text{
	float:left;
	width: -webkit-calc(100% - 235px) ;
	width:calc(100% - 235px);
}

#index #mainarea .prof_text dl{
	clear:both;
	width:auto;
	margin-bottom:5px;
	font-size:90%;
	line-height:1.7;
}

#index #mainarea .prof_text dt{
	float:left;
	margin-right:1em;
}

#index #mainarea .prof_text dd{
	float:left;
	width:auto;
}


#index #mainarea .prof_text p.p_profile01{
	line-height:1.7;
	font-size:90%;
}

#index #mainarea .prof_text p.p_profile02{
	font-size:120%;
	margin-bottom:10px;
}


#index #mainarea .btn01{
	/* margin-bottom:; */
	width:400px;
	margin:0 auto 50px;
}

#index #mainarea .btn01 a{
	width:400px;
	font-size:130%;
	background:url(../img/arrow03_off.gif) no-repeat #14c095 315px center;
	color:#fff;
	display:block;
	padding:8px 0 6px 0;
	text-align:center;
	border:#14c095 1px solid;
	padding-right:23px;
}

#index #mainarea .btn01 a:hover{
	color:#14c095;
	background:url(../img/arrow03_on.gif) no-repeat #ffffff 315px center;
}


#mainarea h4.title_other_c01{
	font-size:150%;
	line-height:1.2;
	margin-bottom:10px;
	font-weight:bolder;
}

#index #mainarea .other_consult01 table{
	width:718px;
	border:#ddd 1px solid;
}

#index #mainarea .other_consult01 table tr.border_bottom01{
	border-bottom:#ddd 1px solid;
}

#index #mainarea .other_consult01 table td{
	padding-left:20px;
	padding-right:20px;
}

#index #mainarea .other_consult01 table td.text_area02{
	padding-top:15px;
	padding-bottom:15px;
	line-height:1.6;
}




#index #mainarea .other_consult01 table td h5{
	font-weight:bolder;
	margin-bottom:10px;
}


/* other_consult's button */
#index #mainarea .other_consult01 table td.btn02{
	text-align:center;
	width:300px;
	font-size:110%;
}

#index #mainarea .other_consult01 table td.btn02 a{
	width:273px;
	background:url(../img/arrow03_off.gif) no-repeat #14c095 190px center;
	color:#fff;
	display:block;
	text-align:center;
	border:#14c095 1px solid;
	padding-top:4px;
	padding-bottom:2px;
	padding-right:27px;
}

#index #mainarea .other_consult01 table td.btn02 a:hover{
	color:#14c095;
	background:url(../img/arrow03_on.gif) no-repeat #ffffff 190px center;
}




#index #mainarea .other_consult01 table td .btn03{
	width:300px;
	vertical-align:top;
}

#index #mainarea .other_consult01 table td .btn03 a{
	width:277px;
	background:url(../img/arrow04_off.gif) no-repeat #39b5e9 235px center;
	color:#fff;
	display:block;
	text-align:center;
	border:#39b5e9 1px solid;
	padding-top:4px;
	padding-bottom:2px;
	padding-right:23px;
}

#index #mainarea .other_consult01 table td .btn03 a:hover{
	color:#39b5e9;
	background:url(../img/arrow04_on.gif) no-repeat #ffffff 235px center;
}




#index #mainarea .other_consult01 table td .media_results{
	border-top:#ccc 1px dotted;
	border-right:none;
	border-left:none;
	border-bottom:none;
	margin-bottom:30px;
}

#index #mainarea .other_consult01 table td .media_results tr{
	border-bottom:#ccc 1px dotted;
	border-collapse:collapse;
	line-height:1.6;
	font-size:90%;
	vertical-align:top;
}

#index #mainarea .other_consult01 table td .media_results th{
	width:140px;
	background-color:#eafffa;
	padding:8px 15px;
}

#index #mainarea .other_consult01 table td .media_results td{
	clear:both;
	padding:8px 15px;
}

#index #mainarea .other_consult01 table td .media_results p.results_text{
	float:left;
	width:350px;
	margin-right:15px;
}

#index #mainarea .other_consult01 table td .media_results p.results_img{
	float:left;
}





/* free dial */
#index #mainarea .other_consult01 table td dl.tel01{
	width:302px;
	background:#39b5e9;
	color:#fff;
	margin-bottom:10px;
}

#index #mainarea .other_consult01 table td dl.tel01 dt{
	float:left;
	padding:7px 5px 0 35px;
	font-size:95%;
}


#index #mainarea .other_consult01 table td dl.tel01 dd{
	float:left;
	font-size:135%;
	padding-top:1px;
}


#index #mainarea .other_consult01 table td dl.tel01 dd a,
#index #mainarea .other_consult01 table td dl.tel01 dd a:hover{
	color:#FFF;
}








/********************************
*********************************
AC EDIT: SMARTPHONE STYLES
*********************************
*********************************/

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

#index #mainarea .prof_area{
	width:auto;
}

#index #mainarea .prof_img,
#index #mainarea .prof_text{
	float:none;
	width:100%;
}
#index #mainarea .prof_img{
	width:215px;
	margin:0 auto 15px;
}

#index #mainarea .prof_text dd{
	width:80%;
}

#index #mainarea .btn01{
	width:340px;
}

#index #mainarea .btn01 a,
#index #mainarea .btn01 a:hover {
    width: auto;
    max-width: 340px;
    padding: 8px 25px 6px 10px;
    background-position: right 15px top 47%;
}

#index #mainarea .other_consult01 {
	margin-bottom: 40px;
}
#index #mainarea .other_consult01 table,
#index #mainarea .other_consult01 tbody,
#index #mainarea .other_consult01 tr,
#index #mainarea .other_consult01 td {
	display: block;
	width: auto;
}
#index #mainarea .other_consult01 tr {
	padding-bottom: 20px;
}
#index #mainarea .other_consult01 table td.text_area02,
#index #mainarea .other_consult01 table td.btn02 {
	border: none;
}
#index #mainarea .other_consult01 table td.btn02,
#index #mainarea .other_consult01 table td .btn03 {
	width: auto;
}
#index #mainarea .other_consult01 table td.btn02 a,
#index #mainarea .other_consult01 table td dl.tel01,
#index #mainarea .other_consult01 table td .btn03 a {
	box-sizing: border-box;
	width: 300px;
	max-width: 100%;
}
#index #mainarea .other_consult01 table td.btn02 a,
#index #mainarea .other_consult01 table td .btn03 a {
	background-position: right 10px top 48%;
}
#index #mainarea .other_consult01 table td dl.tel01 {
	padding: 0 15px;
	text-align: center;
}
#index #mainarea .other_consult01 table td dl.tel01 dt,
#index #mainarea .other_consult01 table td dl.tel01 dd {
	display: inline-block;
	float: none;
	padding: 0;
}


#index #mainarea .other_consult01 td table.media_results tr{
	padding-bottom:8px;
}

#index #mainarea .other_consult01 td table.media_results th{
	width:100%;
	background-color:#FFF;
	font-weight:bolder;
	padding-bottom:0px;
}

#index #mainarea .other_consult01 td table.media_results td{
	clear:both;
}

#index #mainarea .other_consult01 td table.media_results p.results_text{
	width:60%;
}


}





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


#index #mainarea .other_consult01 td table.media_results th{
	width:100%;
	padding-bottom:0px;
}


#index #mainarea .other_consult01 td table.media_results p.results_text{
	width:100%;
	margin-bottom:8px;
}



}