@charset "utf-8";
/*
Theme Name: ns_ICOI-JAPAN
Theme URI: http://www.icoi-japan.jp/
Description: Versions 1.0.x
Version: 1.0
Author: Dental Promotion
Tags: mantle color, variable width, two columns, widgets

This is just a basic layout, with only the bare minimum defined.
Please tweak this and make it your own. :)
*/



body {
	min-width:1120px;
	margin:0;
	padding:0;
	text-align:center;
	background:#fff;
	color:#000;
	font-family:"Sawarabi Gothic","メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Godthic Pro W3", HiraKakuPro-W3, Osaka,  "ＭＳ Ｐゴシック", sans-serif;
	font-size: 16px;
    font-size: clamp(15px, 1vw, 25px);

	line-height:1.6;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

}
* html body {font-family:"Sawarabi Gothic","メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Godthic Pro W3", HiraKakuPro-W3, Osaka, "ＭＳ Ｐゴシック", sans-serif;}
*:first-child+html body{font-family:"Sawarabi Gothic","メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Godthic Pro W3", HiraKakuPro-W3, Osaka, "ＭＳ Ｐゴシック", sans-serif;}

h1,h2,h3,h4,h5,h6{
	margin:0;
	line-height:1.0;
}

*, *:before, *:after{
	box-sizing:border-box;
}

::selection {
	background:#4D9FF6;
	color:#fff;
	text-shadow:1px 1px 2px rgba(240, 240, 200, 1);
}
::-moz-selection {
	background:#4D9FF6;
	color:#fff;
	text-shadow:1px 1px 2px rgba(240, 240, 200, 1);
}

a{
	text-decoration:none;
	outline:none;

	-webkit-transition:all .3s linear;
	-moz-transition:all .3s linear;
	transition:all .3s linear;
}
a:link, a:visited{
	color:#4D9FF6;
}
a:active, a:hover{
	color:#4D9FF6;
	text-decoration:underline;
}

a:link img, a:visited img{
	-webkit-transition: opacity .5s;
	-moz-transition: opacity .5s;
	-ms-transition: opacity .5s;
	transition: opacity .5s;
}

a:hover img{
	opacity: .7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
}

p{margin:0;}
img{border:none;vertical-align:middle;}
img{
    max-width: 100%;
    height: auto;
}
table{border-collapse:separate;}
i{font-style:normal;}

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

.cf{zoom:100%;}
.cf:after{
    content:"";
    clear:both;
    height:0;
    display:block;
    visibility:hidden;
}

.udl{
	text-decoration:underline;
}

.al{text-align:left !important;}
.ac{text-align:center !important;}
.ar{text-align:right;}

.imgL, .txtL{float:left;}
.imgR, .txtR{float:right;}
.co{clear:both;}


.fwb{font-weight:700;}



.mt8{margin-top:8px;}
.mt16{margin-top:16px;}
.mt24{margin-top:24px;}
.mt32{margin-top:32px;}
.mt40{margin-top:40px;}

.mb4{margin-bottom:4px;}
.mb8{margin-bottom:8px;}
.mb16{margin-bottom:16px;}
.mb24{margin-bottom:24px;}
.mb32{margin-bottom:32px;}
.mb40{margin-bottom:40px;}
.mb80{margin-bottom:80px;}

.padt08{padding-top:8px;}
.padt16{padding-top:16px;}
.padt18{padding-top:18px;}
.padt20{padding-top:20px;}
.padt22{padding-top:22px;}
.padt24{padding-top:24px;}
.padt32{padding-top:32px;}
.padt36{padding-top:36px;}
.padt38{padding-top:38px;}
.padt40{padding-top:40px;}
.padt48{padding-top:48px;}
.padt56{padding-top:56px;}
.padt58{padding-top:58px;}
.padt64{padding-top:64px;}
.padt80{padding-top:80px;}

.pink01{color:#E65396;}
.aka{color:#f00;}


.fb-like-box,.fb-like-box span, .fb-like-box iframe {
 width: 100% !important;
}

.more a{
	display: block;
	margin-right:auto;
	margin-left:auto;
	padding: 16px 0;
	background: #B60000;
	color: #fff;
	border: 2px solid #B60000;
	border-radius: 12px;
    text-align: center;
}
.more a:hover{
	background: #fff;
	color: #B60000;
	border: 2px solid #B60000;
	text-decoration: none;
}
.more_blue a{
	display: block;
	margin-right:auto;
	margin-left:auto;
	padding: 16px 0;
    background: #002E9C;
    color: #fff;
    border: 2px solid #002E9C;
	border-radius: 12px;
    text-align: center;
}
.more_blue a:hover{
    background: #68ceff;
    color: #fff;
    border: 2px solid #002E9C;
	text-decoration: none;
}



.w20{width: 20%;margin-left: auto;margin-right: auto;}
.w30{width: 30%;margin-left: auto;margin-right: auto;}
.w40{width: 40%;margin-left: auto;margin-right: auto;}
.w50{width: 50%;margin-left: auto;margin-right: auto;}
.w60{width: 60%;margin-left: auto;margin-right: auto;}
.w70{width: 70%;margin-left: auto;margin-right: auto;}
.w80{width: 80%;margin-left: auto;margin-right: auto;}
.w90{width: 90%;margin-left: auto;margin-right: auto;}
@media screen and (max-width: 540px) {
.w20,.w30,.w40,.w50,.w60,.w70,.w80,.w90{width: 100%;}
.more a{
    width: 90%;
}
}




.fx{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.fx_c{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.fx_r{
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    justify-content: space-between;
}
.three_columns::after{
    content: "";
    display: block;
	width: calc( 33% - 8px);
}
.three_columns .box{
	width: calc( 33% - 8px);
}
.spc{
    display: none;
}









header{
	width:100%;
	margin:0;
	padding:24px 0 32px;
	border-top:3px solid #c00;
	text-align:center;
}






#header{
	width:1120px;
	margin:0 auto;
	text-align:left;
}

#logo a:hover img,
#upperphone a:hover img
{
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	filter: alpha(opacity=100);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
}

#logo{
	float:left;
	width:280px;
	padding:8px 0 0;
}

#upperform{
	float:right;
	width:584px;
}

#upperform .box{
	float:left;
	width:48%;
}

#upperform .box:last-of-type{
	float:right;
}

#upperform .box a{
	padding:16px 0;
	text-align:center;
	display:block;
	font-size:20px;

	border-radius:12px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
}

#upperform .box a:hover{
	text-decoration:none;
}

#upperform .box img{
	vertical-align:middle;
}

#upperform .box a.bgblue{border:2px solid #002E9C;background:#002E9C;color:#fff;}
#upperform .box .bgblue:hover{border:2px solid #002E9C;background:#68ceff;color:#fff;}
#upperform .box a.bgred{border:2px solid #B40000;background:#B40000;color:#fff;}
#upperform .box .bgred:hover{border:2px solid #B40000;background:#ff8282;color:#fff;}



#gnav{
clear:both;
	margin:0;
}

#nav{
	height:70px;
	width:1120px;
	margin:0 auto;
	display:block;
	position:relative;
	text-align:left;
}

#nav ul{
	margin:0;
	padding:0;
	display:none;
	position:absolute;
	left:0;
}

* html#nav ul{ line-height:0;} /* IE6 "fix" */
#nav ul a{ zoom:1;} /* IE6/7 fix */
#nav ul li{ float:none;}
#nav ul ul{ top:0;}

#nav li{
	float:left;
	width:160px;
	position:relative;
	list-style:none;
	text-align:center;
}

#nav li a{
	padding:12px 0;
	color:#333;
	display:block;
	border-right:1px solid #ddd;
	border-bottom:3px solid #fff;
}

#nav li li a{
	border-right:0;
	border-bottom:0;
}

#nav li:first-of-type a{
	border-left:1px solid #ddd;
}

#nav ul ul li:first-of-type a{
	border-left:0;
}

#nav li:nth-of-type(3) a,
#nav li:nth-of-type(4) a{
	padding:0;
}

#nav li a:hover{
	color:#E70000;
	border-bottom:3px solid #E70000;
	text-decoration:none;
}

#nav *:hover{
	background:none;
}

#nav li ul li{
	width:240px;
}

#nav li ul li a,
#nav li:nth-of-type(3) ul li a,
#nav li:nth-of-type(4) ul li a
{
	padding:8px;
	background:#eee;
	text-align:left;
	border-bottom:0;
}

#nav li ul li:nth-of-type(3) a,
#nav li ul li:nth-of-type(4) a{
	padding:8px;
}

#nav li ul li a:hover{
	background:#ccc;
	text-decoration:none;
	border-bottom:0;
}

#nav ul{top:53px;}

#nav ul a.hover{
	background:#eee;
	color:#333;
	text-decoration:none;
}
/*#nav ul a{ border-bottom:none;} - I also needed this for IE6/7 */


#nav li a.ov{
	color:#E70000;
	border-bottom:3px solid #E70000;
	text-decoration:none;
}



.mvbg{
    background-image: linear-gradient( 111.4deg,  rgba(7,7,9,1) 6.5%, rgba(27,24,113,1) 93.2% );
}

#ec{
	min-height: 400px;
	max-height: 400px;
	margin:0;
	text-align:center;
	font-size:35px;
	font-family:"Sawarabi Mincho", "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
	font-weight:100;
	line-height:1.6;
}

#ec li {
  width: 100%;
  height: 400px;
  position: relative;
}
#ec li img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}

#subec{
	height:180px;
	margin:0;
	background:#D5F5FF url(../../../img/common/ec/top.jpg) no-repeat center top;
	text-align:left;

	font-size:35px;
	font-family:"Sawarabi Mincho", "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
	font-weight:100;
	line-height:1.6;
}

#subec .inner{
	width:1000px;
	margin:0 auto;
}

#subec .padt24{padding-top:24px;}
#subec .padt48{padding-top:48px;}



#about{
	height:1000px;
	margin:0 0 0;
	padding:64px 0 0;
	background:#F8F8F8 url(../../../img/aboutbg.jpg) no-repeat center top fixed;
	text-align:center;
}

#about h2{
	margin:0 0 80px;
	padding:64px 0 0;
	background:url(../../../img/about_logo.png) no-repeat center top;
    background-size: 256px auto;
	text-align:center;
	font-size:30px;
	font-family:"Sawarabi Mincho", "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
	font-weight:100;
	line-height:1.4;
}

#about .inner{
	width:1120px;
	margin:0 auto 80px;
	text-align:left;
}

#about .inner p{
	margin:0 0 40px;
}

#about ol{
	width:100%;
	margin:0 auto;
	display:table;
}

#about ol li{
	width:25%;
	text-align:center;
	display:table-cell;
	font-size:24px;
	line-height:1.3;
}
#about ol li img{
	margin:0 0 16px;
}
#about ol li a{
	display:block;
	text-decoration:none;
}


#wrapper{
clear:both;
	margin:0;
	padding:40px 0;
	background:#fff url(../../../img/common/wrapperbg.jpg) no-repeat center bottom;
	text-align:center;
}


#wrap{
	width:1120px;
	margin:0 auto;
	text-align:left;
}






#common{
	float:right;
	width:770px;
	margin:0 0 200px;
}



#common .top_group{
	margin:0 0 80px;
}

#common .top_group h3{
	margin:0 0 40px;
	padding:16px 0 0;
	background:url(../../../img/common/upperlinebg01.png) no-repeat left top;
	font-size:40px;
}

#common .top_group h4{
	margin:0 0 40px;
	padding:16px 0 0;
	background:url(../../../img/common/upperlinebg01.png) no-repeat left top;
	font-size:22px;
}

#common .top_group h3 span{
	padding:0 0 0 30px;
	color:#ED0000;
	font-size:22px;
}

#common .top_group p{
	padding:0 0 24px;
}

#kokuchi{
	margin:0 0 24px;
	text-align:center;
}
.kokuchi{
	margin:0 0 24px;
}

#local_clinic{
	margin:0 0 24px;

	overflow:hidden;
	_zoom:1;
}
.imgL{
	margin-right:24px;
}


#common .top_group .box{
	float:left;
	width:48%;
}

#common .top_group .box:last-of-type{
	float:right;
}

#common .top_group .box a{
	padding:24px 0;
	text-align:center;
	display:block;
	font-size:30px;

	border-radius:12px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
}

#common .top_group .box a:hover{
	text-decoration:none;
}

#common .top_group .box img{
	vertical-align:middle;
}

#common .top_group .box a.bgblue{border:2px solid #002E9C;background:#002E9C;color:#fff;}
#common .top_group .box .bgblue:hover{border:2px solid #002E9C;background:#68ceff;color:#fff;}
#common .top_group .box a.bgred{border:2px solid #B40000;background:#B40000;color:#fff;}
#common .top_group .box .bgred:hover{border:2px solid #B40000;background:#ff8282;color:#fff;}


#common .top_group .box div{
	margin:0 0 8px;
}













#side{
	float:left;
	width:270px;
	margin:0 0 200px;
}



#side nav{
	margin:0 0 40px;
}

#side nav h1{
	height:152px;
	margin:0 0 8px;
	background:#333;
	color:#fff;
	text-align:center;
	font-size:20px;
	line-height:1.3;
}

#side nav:first-of-type h1,
#side nav:nth-of-type(2) h1
{
	padding:24px 0 0;
}

#side nav:last-of-type h1{
	padding:8px 0 0;
}


#side nav h1 img{
	margin:0 0 8px;
}


#side nav ul li{
	margin:0 0 14px;
}

#side nav li a{
	margin:0 0 8px;
	padding:0 0 0 16px;
	color:#4D9FF6;
	border-bottom:1px solid #ddd;
	display:block;
}

#side nav li a:hover{
	color:#333;
	text-decoration:none;
}

#side nav ul li a{
	background:url(../../../img/common/nav_arrow01.png) no-repeat left 7px;
}

#side nav ol li{
	margin:0 0 8px 16px;
}

#side nav ol li a{
	background:url(../../../img/common/nav_arrow02.png) no-repeat left 7px;
}


#side .banner{
	margin:0 0 32px;
}






#copyright{
	padding:16px 0;
	background:#F8F8F8;
	text-align:center;
}

#copyright .cf{
	width:1120px;
	margin:0 auto;
	text-align:left;
}



#bottom {
    position: fixed;
    bottom:10px;
    right:10px;
	line-height:0.8;
}

#bottom a{
    width:80px;
    padding:30px 0 16px;
    text-align:center;
	background:#333;
    color:#fff;
    display:block;
	font-size:300%;
	font-weight:700;
    text-decoration:none;
}

#bottom a:hover {
    width:80px;
	background:#fff;
    color:#333;
	font-size:300%;
	text-decoration: none;
}




#breadcrumb{
	margin:0 0 40px;
	text-align:left;
}







#common .CCA article{
	margin:0 0 80px;
}

#common .CCA h1{
	margin:0 0 40px;
	padding:24px 0 0;
	background:url(../../../img/common/upperlinebg01.png) no-repeat left top;
	font-size:24px;
}

#common .CCA h2{
	margin:0 0 24px;
	font-size:22px;
}
#common .CCA h3{
	margin:0 0 24px;
	font-size:20px;
}

/*
#common .CCA h2:first-letter{
	color:#f00000;
}

*/
#common .CCA p{
	margin:0 0 24px;
}

#common .CCA ol.vision{
	margin:0 0 0 16px;
}

#common .CCA ol.vision li{
	margin:0 0 16px;
	color:#f00000;
	list-style-type:decimal;
	font-weight:700;
}

#common .CCA ol.vision li span{
	color:#333;
}

#common .CCA .yakuin{
	clear:both;
	margin:0 0 16px;
	padding:0 0 16px;
	border-bottom:1px solid #ddd;
}

#common .CCA .yakushoku{
	float:left;
	width:15%;
}

#common .CCA .yakushoku:first-letter{
	color:#4D9FF6;
}

#common .CCA .yakuinmei{
	float:right;
	width:82%;
}

#common .CCA .yakuinmei b{
	color:#4D9FF6;
	font-weight:500;
}

#common .CCA .yakuinmei .group{
	margin:0 0 40px;
}

#common .CCA .yakuinmei .group:last-of-type{
	margin:0;
}

#common .soshiki i{
	color:#f00000;
}








#common .public_implant h2{
	font-weight:700;
}

#common .public_implant h2:first-letter{
	color:#f00000;
}

#common .public_implant span{
	color:#f00000;
}

#common .public_implant ol{
	width:100%;
	display:table;
}

#common .public_implant ol li{
	width:33%;
	display:table-cell;
	text-align:center;
}

#common .public_implant ol li:first-of-type{
	text-align:right;
}

#common .public_implant ol li:last-of-type{
	text-align:left;
}

#common .public_implant table{
	width:100%;
	border-collapse:collapse;
	border:1px solid #ccc;
}

#common .public_implant table td{
	width:33%;
	padding:16px 0;
	border:1px solid #ccc;
}

#common .public_implant table tr:first-of-type{
	background:#0692AB;
	color:#fff;
}

#common .public_implant table tr:nth-of-type(3) td{
	padding:16px 8px 16px 48px;
	text-align:left;
}











#common .three_qualifications{
	margin:0 0 32px;
	padding:24px;
}

#common .three_qualifications b{
	font-size:17px;
}

#common .three_qualifications .more{
	clear:both;
	width:370px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:0;
	text-align:center;
	font-size:20px;
}

#common .three_qualifications .more a{
	padding:16px 0;
	display:block;
	background:none;
	color:#fff;
	border:2px solid #fff;

	border-radius:12px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
}

#common .three_qualifications .more a:hover{
	text-decoration:none;
}


#common .bg639B00{
	background:#639B00;
	color:#fff;
}

#common .bg639B00 a:hover{
	background:#fff;
	color:#639B00;
}

#common .bg1484A4{
	background:#1484A4;
	color:#fff;
}

#common .bg1484A4 a:hover{
	background:#fff;
	color:#1484A4;
}

#common .bgCE6789{
	background:#CE6789;
	color:#fff;
}

#common .bgCE6789 a:hover{
	background:#fff;
	color:#CE6789	;
}








#common .implant_dentistry{
	margin:0 0 24px;

	overflow:hidden;
	_zoom:1;
}

#common .implant_dentistry div.imgR{
	margin-left:24px;
}



#common .implant_dentistry div.imgR{
	margin-left:24px;
}

#common .implant_dentistry i,
#common .implant_dentistry span
{
	color:#f00000;
}


#common .attention{
	margin:0 0 48px;
	padding:24px;
	border:1px solid #ddd;
}

#common .jointheicoi{
	margin:0 0 48px;
}

#common .jointheicoi table{
	width:60%;
	margin:0;
	border:1px solid #ddd;
	border-collapse:collapse;
}

#common .jointheicoi table td{
	width:50%;
	padding:8px;
	border-bottom:1px solid #ddd;
}

#common .jointheicoi table tr td:first-of-type{
	background:#EDEDED;
	border-right:1px solid #ddd;
}



#common .qualification{
	margin:0 0 48px;
}

#common .goukakusha table{
	width:100%;
	margin:0 0 40px;
	border:1px solid #ddd;
	border-collapse:collapse;
}

#common .goukakusha table td{
	width:20%;
	padding:8px;
	border:1px solid #ddd;
	text-align:center;
}

#common .goukakusha table tr td:first-of-type{
	width:40%;
}

#common .bged{
	background:#EDEDED;
}

#common .bgf6{
	background:#F6F6F6;
}



#common .ic_f{
	color:#639B00;
}

#common .ic_m{
	color:#1484A4;
}

#common .ic_d{
	color:#CE6789;
}


#common .jouken table{
	width:100%;
	margin:0 0 16px;
	border:1px solid #ddd;
	border-collapse:collapse;
}

#common .jouken table td{
	width:18%;
	padding:8px;
	border:1px solid #ddd;
	text-align:center;
	vertical-align:middle;
}

#common .jouken table tr td:first-of-type{
	width:28%;
	text-align:left;
}
#common .jouken table td.fellowship__last{
	width:18% !important;
	text-align:center !important;
}

#common .jouken i,
#common .shinsei i,
#common .member_faq i
{
	color:#f00000;
}

#common .jouken span
{
	color:#f00000;
	font-weight:700;
}

#common .qualification_hd{
	margin:0 0 24px;
	padding:16px 24px;
	color:#fff;
	font-size:30px;
	font-weight:700;
	line-height:1;
}

#common .bg_f{
	background:#639B00;
}

#common .bg_m{
	background:#0284A6;
}

#common .bg_d{
	background:#D06589;
}


#common .shinsei table{
	width:100%;
	margin:0 0 16px;
	border:1px solid #ddd;
	border-collapse:collapse;
}

#common .shinsei table td{
	width:25%;
	padding:8px;
	border:1px solid #ddd;
	text-align:center;
	vertical-align:middle;
}

#common .shinsei table tr td:first-of-type{
	width:50%;
	text-align:left;
}














#common .clinic_area{
	margin:0 0 80px;
}

#common .clinic_area ul{
	width:100%;
	margin-bottom:16px;
	display:table;
}

#common .clinic_area ul li{
	width:48%;
	padding-right:8px;
	display:table-cell;
	text-align:center;
	font-size:20px;
}

#common .clinic_area ul li:last-of-type{
	padding-left:8px;
}

#common .clinic_area ul li a{
	padding:16px 0;
	display:block;
	background:#fff;
	color:#B60000;
	border:2px solid #B60000;

	border-radius:12px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
}

#common .clinic_area ul li a:hover{
	background:#B60000;
	color:#fff;
	border:2px solid #B60000;
	text-decoration:none;
}

#common .clinic_area .icons{
	margin-bottom:40px;
}

#common .clinic_area img{
	vertical-align: bottom;
}

#common .clinic_area .group{
	margin:0 0 24px;
	padding:0 16px 16px;
	border-bottom:1px solid #ddd;
}

#common .clinic_area .group p{
	margin-bottom:8px;
}

#common .clinic_area .group p:last-of-type{
	margin-bottom:0;
}

#common .clinic_area .group i{
	color:#c00;
}

#common .shikaku{
	margin:0 0 40px;
	text-align:left;
}

#common .clinic_area table{
	width:100%;
	margin:0 0 40px;
	border-collapse:collapse;
	border:1px solid #ddd;
}

#common .clinic_area table td{
	padding:8px 8px 0;
    min-height: 30px;
}

#common .clinic_area table td:first-of-type{
	width:30%;
	border-right:1px solid #ddd;
	font-weight:700;
	background:#eee;
}

#common .clinic_area table td:last-of-type{
	width:70%;
	padding:8px;
	background:#fff;
	border-top:1px solid #ddd;
	font-weight:100;
}


#common .searchbyarea{
	margin:0;
	text-align:right;
}

#common .searchbyarea select {
	background: #fff;
	color:#333;
	border: 1px solid #ddd;
	font-size: 18px;
	padding: 0.5em;
	border-radius:8px;
	box-shadow:2px 2px 4px rgba(0,0,0,.1) inset;
	line-height: 2;
}

#common .clinic_area .nonclinic{
	margin:0 0 40px;
	padding:8px;
	background:#eee;
	border:1px solid #ddd;
	font-weight:700;
}

#common .clinic_area span{
	padding:4px 12px 8px;
}

#common .clinic_area span.star_f{
	background:url(../../../img/common/icon/star_f.png) no-repeat 0 3px;
	background-size:25px auto;
}

#common .clinic_area span.star_d{
	background:url(../../../img/common/icon/star_d.png) no-repeat 0 3px;
	background-size:25px auto;
}

#common .clinic_area span.star_m{
	background:url(../../../img/common/icon/star_m.png) no-repeat 0 3px;
	background-size:25px auto;
}







#common .form{
	margin:0 0 160px;
	text-align:left;
}

#common .form i{
	color:#c00;
}

#common .form p{
	margin:0 0 8px;
}

#common .form p:last-of-type{
	margin:0;
}

#common .form table{
	width:100%;
	margin:8px 0;
}

#common .form article{
	margin:0 0 40px;
}

#common .form article:last-of-type{
	margin:0 0 80px;
}

#common .form article p:last-of-type{
	margin:0;
}

#common .form article h1{
	margin:0 0 16px;
	padding:0 0 0 24px;
	background:url(../../../img/common/circle.png) no-repeat 0 2px;
	color:#333;
	font-size:18px;
	font-weight:700;
	text-align:left;
}

#common .form table{
	width:100%;
	margin:0;
	border-collapse:separate;
	border-spacing:2px;
	font-size:93%;
	border-collapse:collapse;
}

#common .form p{
	margin:0 0 8px;
}

#common .form table th{
	width:30%;
	padding:16px;
	vertical-align:middle;
	border:2px solid #fff;
	background:#EFEFEF;
	text-align:left;
	font-weight:100;
}

#common .form table td{
	padding:16px 8px;
	vertical-align:middle;
	border:2px solid #fff;
	background:#F7F7F7;
	text-align:center;
	text-align:left;
}

#common .form table td.lblue{
	background:#F7F7F7;
}

#common .form table td b{
	font-size:18px;
}

#common .CCA #common .form p{
	margin:0 0 8px;
}

#common .CCA #common .form p:last-of-type{
	margin:0;
}

#common .form #age,
#common .form #zip
{
	width:20%;
}

#common .form #kaiinno{
	width:40%;
}

#common .form #confirm{
	width:80%;
}

#common .form #kaiin_number{
	width:30%;
}

.ic_red{
	color:#c00;
}


#common .form .cf{
	margin:0;
	padding:24px;
	border:1px solid #ddd;
}

#common .form .box{
	float:left;
	width:15%;
}

#common .form .box:last-of-type{
	float:right;
	width:65%;
}

#common .form .box dl{
	width:100%;
	margin:8px 0 0;
	display:table;
}

#common .form .box dd{
	width:15%;
	display:table-cell;
}

#common .form .box dd{
	width:85%;
	display:table-cell;
}

#common .form .tantou{
	margin:24px 0 0;
	padding:24px;
	border:1px solid #ddd;
}

#common .form .tantou b{
	font-size:18px;
}






.wpcf7 input[type="radio"]{
	margin: 0 0 4px;
	border: 1px solid #ddd;
	font-size: 17px;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
	background-color: #fff;
	color: #333;
	width: 80%;
	border: 1px solid #ddd;
	font-size: 17px;
	padding: 0.5em;
	border-radius:8px;
	box-shadow:2px 2px 4px rgba(0,0,0,.1) inset;
}

.wpcf7 input[type="radio"] {
-webkit-transform: scale(1);
-webkit-transform-origin:0 0;
-moz-transform: scale(1);
-moz-transform-origin:0 0;
-ms-transform: scale(1);
-ms-transform-origin:0 0;
width:20px;
width:20px;
vertical-align:middle;
}

.wpcf7 select{
	background: #fff;
	color:#333;
	border: 1px solid #ddd;
	font-size: 18px;
	padding: 0.5em;
	border-radius:8px;
	box-shadow:2px 2px 4px rgba(0,0,0,.1) inset;
	line-height: 2;
}

.wpcf7 input[type="submit"] {
	margin:40px 0 40px 160px;
	padding:8px 100px 8px 128px;
	background:#c00;
	color:#fff;
	border:1px solid #c00;
	font-size:20px;
	font-weight:700;
	letter-spacing:4px;
	cursor: pointer;
	letter-spacing:32px;

	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	box-shadow: 0 0 1px rgba(0,0,0,.2);
}

.wpcf7 input[type="submit"]:hover {
	box-shadow: 0 0 1px rgba(0,0,0,.2) inset;
}

.wpcf7 span.wpcf7-not-valid-tip {
	font-size: 80%;
}



.symposium .hd{
    margin-bottom: 24px;
    padding: 16px;
    background: #d63638;
    color: #fff;
	font-size: 20px;
    font-weight: 600;
}




.result_table {
    border-left: 1px solid #333;
    border-top: 1px solid #333;
    width: 100%;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.result_table .result_table_program_date {
    width: 200px;
}
.result_table th {
    font-size: 12px;
    background: #f2f2f2;
    padding: 10px;
    white-space: nowrap;
}
.result_table th, .result_table td {
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    padding: 20px 10px;
    vertical-align: middle;
}
.result_table tr:nth-child(2n) th, .result_table tr:nth-child(2n) td {
    background: #E5F5F7;
}



#common > div.CCA > article > section:nth-child(3) > div.fx_c.three_columns.mb24 > div{
    width: 33.333%;
    padding: 24px;
}
#common > div.CCA > article > section:nth-child(3) > div.fx_c.three_columns.mb24 > div:nth-child(1){
    background: #76879a;
}
#common > div.CCA > article > section:nth-child(3) > div.fx_c.three_columns.mb24 > div:nth-child(2){
    background: #aa266b;
}
#common > div.CCA > article > section:nth-child(3) > div.fx_c.three_columns.mb24 > div:nth-child(3){
    background: #68bd82;
}



/* 注意ボックス */
.cautionBox{
	background: #CD060E;
	color: #fff;
	text-align: center;
	padding: 16px;
	margin-bottom: 48px;
}

.notes{
    padding: 24px;
}
.notes_gray{
    background: #eee;
}





.law-page {
  max-width: 1000px;
  margin: 0 auto;
  padding: 60px 20px;
}

.law-page table {
  width: 100%;
  border-collapse: collapse;
}

.law-page th,
.law-page td {
  padding: 12px;
  border: 1px solid #ddd;
  vertical-align: top;
  font-size: 13px;
}

.law-page th {
  width: 30%;
  background: #f7f7f7;
  text-align: left;
  font-weight: 700;
}
.law-page .hd{
	margin-bottom: 16px;
	font-size: 18px;
	font-weight: bold;
}

@media (max-width: 768px) {
  .law-page table,
  .law-page tbody,
  .law-page tr,
  .law-page th,
  .law-page td {
    display: block;
  }

  .law-page tr {
    margin-bottom: 20px;
    border: 1px solid #ddd;
  }

  .law-page th,
  .law-page td {
    width: auto;
    border: none;
  }

  .law-page th {
    background: #f7f7f7;
  }
}