@charset "utf-8";

/* Source: css/reset.css */
/*
**********************************************************************

* reset.css

*********************************************************************
*/

/* reset
----------------------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border:0;
	outline: 0;
	vertical-align: baseline;
	background:transparent;
}
html {
	height: 100%;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display:block;
}
body {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",  Osaka, sans-serif;
	color: #333333;
	font-size: 14px;
    line-height: 1.6;
	letter-spacing:0;
	-webkit-text-size-adjust: 100%;
}
h1, h2, h3, h4, h5, h6, p, td, th, address {
    font-weight: normal;
    font-size:100%;
}
ol,ul {
	list-style: none;
}

fieldset,img {
	border: 0;
}
img {
	vertical-align:top;
}
table {
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
}
th, td {
	text-align:left;
	vertical-align:top;
}
caption,th {
	text-align: left;
}
address,caption,cite,code,dfn,em,th,var {
	font-style: normal;
	font-weight: normal;
}
sup {
	font-size:62.5%;
	vertical-align: text-top;
}

/* link
----------------------------------------------------------------------*/
a:link {
	color: #333333;
	text-decoration:underline;
}
a:visited {
	color: #333333;
	text-decoration:underline;
}	
a:hover {
	color: #333333;
	text-decoration:none;
}
a:active {
	color: #333333;
	text-decoration:none;
}

/* Source: css/layout.css */
/*
**********************************************************************

* common.css

*********************************************************************
*/
body {
  background: #fffff7;
  font-size:16px;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
body .inner {
	display: block;
  width: 960px;
  margin: 0 auto;
}
body img {
  max-width:100%;
  height: auto;
}
body iframe {
  max-width:100%;
}
#site {
  margin: 0 auto;
  min-width: 960px;
	overflow: hidden;
}
.sp-area {
	display: none;
}
@media screen and (max-width:600px) {
#site {
  min-width: 0;
}
body .inner {
	padding: 0 3%;
	width: auto;
}
.pc-area {
	display: none;
}
.sp-area {
	display: block;
}
}

/*===================================================================
  global-header
===================================================================*/
#global-header {
	position: relative;
  margin-bottom: 20px;
  line-height: 1.4;
}
#global-header .site-title {
	margin-bottom: 10px;
  padding:5px 0;
  background: #28bf9c;
  color: #ffffff;
  width: 100%;
  font-size:12px;
}
#global-header #global-header-main-pc #global-header-main-pc-left {
	float: left;
	width: 535px;
}
#global-header #global-header-main-pc #global-header-main-pc-right {
	float: right;
	width: 425px;
	position: relative;
}
#global-header #global-header-main-pc #global-header-main-pc-right .line {
	position: absolute;
	top: 85px;
	left: 10px;
}
#global-header #global-header-main-pc #global-header-main-pc-right .mail {
	position: absolute;
	bottom: 16px;
	left: 15px;
}
#global-header #global-nav-pc.fixed {
	position: fixed;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	box-shadow:rgba(0, 0, 0, 0.2) 2px 2px 3px 0px;
	z-index: 100;
}
#global-header #global-header-main-sp {
	display: none;
}
#global-header #announcement {
	margin-top: 10px;
	padding: 5px 3%;
	border: solid 1px #af779c;
	background-color: #fbe9f9;
	font-weight: bold;
	text-align: center;
	word-break: break-all;
	color: #bb0f0f;
}
#global-header #global-nav-pc {
	background: #2ac09e;
	overflow: hidden;
}
#global-header #global-nav-pc ul {
  width: 960px;
  margin: 0 auto;
}
#global-header #global-nav-pc ul li {
	position: relative;
  float: left;
  width: 20%;
  text-align: center;
}
#global-header #global-nav-pc ul li a:after  {
	content: " ";
	position: absolute;
	top: 5%;
	right: 0;
	height: 90%;
	border-right: solid 1px #ffffff;
}
#global-header #global-nav-pc ul li:nth-child(5) a:after,
#global-header #global-nav-pc ul li:nth-child(10) a:after,
#global-header #global-nav-pc ul li:nth-child(15) a:after {
	border: none;
}
#global-header #global-nav-pc ul li a {
  display: block;
  padding: 16px 5px;
  text-decoration: none;
  color:#ffffff;
}
#global-header #global-nav-sp {
	display: none;
}

@media screen and (max-width:600px) {
#global-header .site-title {
	overflow: hidden;
}
#global-header #global-header-main-pc {
	display: none;
}

#global-header #global-header-main-sp {
	display: block;
}
#global-header #global-header-main-sp.fixed {
	position: fixed;
	top: 0;
	left: 0;
	padding: 5px 3%;
	width: 94%;
	border-top: solid 3px #666666;
	background-color: #FFF;
	box-shadow:rgba(0, 0, 0, 0.2) 2px 2px 3px 0px;
	z-index: 100;
}
#global-header #global-header-main-sp #global-header-main-sp-top {
	margin: 10px 0 2px;
}
#global-header #global-header-main-sp #global-header-main-sp-btn {
	text-align: center;
}
#global-header #global-header-main-sp #global-header-main-sp-btn a {
	display: inline-block;
	width: 49%;
}
#global-header #announcement {
	text-align: left;
}
#global-header #global-nav-pc {
	display: none;
}
#global-header #global-nav-sp {
	display: block;
	margin-top: 10px;
}
#global-header #global-nav-sp.fixed {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background: #11a885;
	z-index: 100
}
#global-header #global-nav-sp ul li {
  float: left;
  width: 20%;
}
#global-header #global-nav-sp ul li:first-child {
  box-shadow: none;
}
#global-header #global-nav-sp ul li a {
	position: relative;
	display: block;
  padding: 50px 0 5px;
	background-repeat: no-repeat;
	background-position: center 5px;
	text-align: center;
  font-size:10px;
	text-decoration: none;
	color: #FFF;
}
#global-header #global-nav-sp ul li a:after {
	content: " ";
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	border-right: dotted 1px #FFF;
}
#global-header #global-nav-sp ul li:last-child a:after {
	border: none;
}
#global-header #global-nav-sp ul li.contact {
	background: #ff7f00;
}
#global-header #global-nav-sp ul li.top a {
  background-image: url(../images/common/nav-icon-top.png);
}
#global-header #global-nav-sp ul li.menu a {
  background-image: url(../images/common/nav-icon-menu.png);
}
#global-header #global-nav-sp ul li.time a {
  background-image: url(../images/common/nav-icon-time.png);
}
#global-header #global-nav-sp ul li.access a {
  background-image: url(../images/common/nav-icon-access.png);
}
#global-header #global-nav-sp ul li.contact a {
  background-image: url(../images/common/nav-icon-contact.png);
}
}
/*===================================================================
  contents
===================================================================*/
#contents {
  width: 960px;
  margin: 0 auto;
}
#contents .main-img {
  margin-bottom: 20px;
}
.main-img-pc {
	text-align: center;
}
.main-img-sp {
  display: none;
  text-align: center;
  margin:10px 0;
}
.main-img-sp img {
	width: 100%;
}
#contents .postWrap{
  margin-top:20px;
  margin-bottom:20px;
  padding:8px;
  background: #ffffff;
  font-size:90%;
}
#contents .postWrap .postBlock {
  padding:2px 0;
}
#contents .postWrap  .postBlock .newsTit {
  width: 100px;
  float: left;
  text-align: center;
  font-weight:bold;
  background:#CCC;
  display:inline-block;
  border-radius:8px;
  -webkit-border-radius:8px;
}
#contents .postWrap  .postBlock ul {
  width: 830px;
  float: right;
  word-break:break-all;
}
/* breadcrumb
--------------------------*/
#contents .breadcrumb {
  margin:0 0 15px;
  line-height:1.2;
  font-size: 14px;
}
@media screen and (max-width:600px) {
#contents {
  width: auto;
  padding: 0;
}
.main-img-pc {
  display: none;
}
.main-img-sp {
  display: block;
}
#contents .postWrap  .postBlock {
}
#contents .postWrap  .postBlock .newsTit {
  display: none;
}
#contents .postWrap  .postBlock ul {
  width: auto;
  float: none;
}
/* breadcrumb
--------------------------*/
.symptomscat #contents .breadcrumb {
	display: none;
}
}
/*===================================================================
  Main
===================================================================*/
#main {
  float: right;
  width: 640px;
  padding: 30px;
  background: #fff;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
	box-shadow:rgba(0, 0, 0, 0.0784314) 0px 0px 3px 2px;
}
#main a {
  color:#0000ff;
}
@media screen and (max-width:600px) {
#main {
  float: none;
  width: auto;
  padding: 3.15%;
  margin: 0 2% 20px;
}
}

/* content-footer
--------------------------*/
#content-footer {
	position: relative;
  padding: 30px 0 0 0;
  margin: 40px 0 0 0;
}
#content-footer::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 5px;
	width: 100%;
	background: #28bf9c;
}
#content-footer h2{
	margin:0 0 20px;
}
#content-footer .main-info {
  margin-bottom: 15px;
}
#content-footer .main-info .float-img-left {
  float: left;
  width: 45%;
}
#content-footer .main-info .float-txt-right {
  float: right;
  width: 52%;
}
#content-footer .main-info .float-txt-right dl {
	margin-bottom:15px;
}
#content-footer .main-info .float-txt-right dl:last-child{
	margin-bottom:0;
}
#content-footer .main-info .float-txt-right dl dt {
  background: #11a885;
  padding: 0 5px;
  color: #ffffff;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
}
#content-footer .main-info .float-txt-right dl dd.tel {
  font-size: 36px;
  font-weight: bold;
  color: #11a885;
}
#content-footer .time dt {
  background: #55c4d6;
	margin-bottom: 10px;
  padding: 0 5px;
  color: #ffffff;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
}
#content-footer .map {
	margin-top:40px;
}
#content-footer .map iframe {
  width:100%;
	height: 300px;
}
#content-footer .map .btn {
	margin-top: 30px;
}
#content-footer .map .btn a {
  display: block;
  color: #ffffff;
  padding: 12px 20px;
  text-decoration: none;
	background: #ffb00c; /* Old browsers */
	background: -moz-linear-gradient(top, #ffb00c 0%, #ffd03d 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffb00c 0%,#ffd03d 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffb00c 0%,#ffd03d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb00c', endColorstr='#ffd03d',GradientType=0 ); /* IE6-9 */
  font-weight: bold;
	font-size: 24px;
	border: solid 5px #ffffff;
  border-radius: 12px;
	/*box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 3px 2px;*/
	box-shadow: 5px 5px 2px 0px rgba(255,255,255,0.4) inset,-5px -5px 2px 0px rgba(0,0,0,0.1) inset,rgba(0, 0, 0, 0.1) 0px 2px 3px 2px;
	text-align: center;
	text-shadow: 3px 4px 0px #ecab11;
}
#content-footer .map .btn a span {
	display: block;
	background-image: url(../images/common/0-content-footer-img-02.png);
	background-repeat: no-repeat;
	background-position: right center;
} 
#content-footer .btn-list {
}
#content-footer .btn-list ul {
	text-align: center;
}
#content-footer .btn-list ul li {
	display: inline-block;
	margin: 0 1% 10px;
	width: 47%;
	list-style: none;
}
#content-footer .btn-list ul li.tel {
	display: none;
}

#content-footer table {
  border-bottom: 1px solid #ededed;
  margin: 0 0 15px;
}
#content-footer table caption {
  margin: 10px 0;
}
#content-footer table tr th,
#content-footer table tr td {
  padding: 8px 10px;
  border: 1px solid #CCC;
  vertical-align: middle;
}
#content-footer table th {
  text-transform: uppercase;
  text-align: center;
  background: #eeeeee;
}
#content-footer table td {
}

#content-footer table tr th,
#content-footer table tr td {
  vertical-align: middle;
  text-align: center;
  padding: 3px 1px;
}
#content-footer table tr td {
  width: 10%;
}
  
@media screen and (max-width: 600px) {
#content-footer .main-info .float-img-left {
  float: none;
  margin-bottom: 15px;
  width: auto;
  text-align: center;
}
#content-footer .main-info .float-txt-right {
  float: none;
  width: auto;
}
#content-footer .map {
  text-align: center;
}
#content-footer .btn-list ul li {
	display: block;
	margin: 0 0 10px;
	width: 100%;
}
#content-footer .btn-list ul li.tel {
	display: block;
}
#content-footer table tr th,
#content-footer table tr td {
  font-size: 80%;
  padding: 5px;
}
}


/*===================================================================
  side
===================================================================*/
#side {
  width: 25%;
}
#side .side-bnr {
	margin-bottom: 20px;
	text-align: center;
}
#side .side-bnr li {
	margin-bottom: 10px;
}
#side .side-bnr li img {
  max-width:100%;
  height:auto;
}
#side .side-free {
	margin-bottom: 20px;
}
#side .side-nav {
	margin-bottom: 20px;
}
#side .side-nav .side-nav-title {
	position: relative;
	background: #2ac09f;
	color:#fff;
	font-size:22px;
	padding:10px 20px;
	text-align: center;
}
#side .side-nav ul {
	background-color: #FFF;
	padding: 0 20px;
}
#side .side-nav ul li {
  border-top: #dcdcdc 1px solid;
}
#side .side-nav ul li.hide {
  display:none;
}
#side .side-nav ul li:first-child {
  border-top:0px;
}
#side .side-nav ul li a {
	display: block;
	padding: 12px 0 12px 20px;
	background-image: url(../images/common/side-icon-arrow.png);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 14px auto;
	text-decoration: none;
}
#side .side-nav ul li a:hover {
  text-indent: 0.1rem;
}
#side .fb_iframe_widget {
	display: block;
  margin: 0 auto 20px;
	text-align: center;
}
#side .fb_iframe_widget span {
  display: inline-block;
}
#side .ekiten {
  overflow: hidden;
  width: auto;
	margin-bottom: 20px;
  padding: 5px;
  background: #F99;
  border-radius: 5px;
}
#side .ekiten .ekiten-title {
  margin: 0 5px 5px;
}
#side .ekiten iframe {
}
#side .ekiten .ekiten-logo {
}
#side .ekiten .ekiten-logo img {
  width: 120px;
}
@media screen and (max-width:600px) {
#side {
  width: auto;
}
#side .ekiten {
	margin-left: auto;
	margin-right: auto;
	width: 90%;
}
}
/*===================================================================
  global-footer
===================================================================*/
#global-footer {
	margin-top: 30px;
	padding-top: 20px;
  min-width: 960px;
  background: url(../images/common/0-footer-img-01.png);
}
#global-footer-info {
	text-align: center;
	margin-top: 20px;
	padding: 20px 0;
	color: #fff;
	background: #28bf9c;
}
#global-footer .inner {
  padding: 5px 0 4px;
}
#global-footer #global-footer-nav {
	overflow: hidden;
  width: 100%;
}
#global-footer #global-footer-nav li {
  float: left;
  width: 20%;
  margin-right: 3%;
  padding: 0 1%;
  list-style: circle inside;
}
#global-footer #global-footer-nav li a {
  text-decoration: none;
}

@media screen and (max-width:600px) {
#global-footer {
  min-width: inherit;
	padding-bottom: 60px;
	background: none;
}
#global-footer #global-footer-nav {
  display: none;
}
#global-footer #global-footer-main-pc {
	display: none;
}
.sp-gnav-fixed-none {
	display: none;
}
}

/*===================================================================
  page-top
===================================================================*/
#page-top {
  position: fixed;
  bottom: 10px;
  right: 10px;
  font-size: 10px;
	opacity: 0;
	pointer-events: none;
	transition: opacity .15s ease;
	z-index: 120;
}
#page-top.is-visible {
	opacity: 1;
	pointer-events: auto;
}
#page-top a {
  display: block;
  width: 80px;
  padding: 10px 5px;
  background: #333;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  text-decoration: none;
  text-align: center;
  color: #ffffff;
}
#page-top a:hover {
  background: #dddddd;
  text-decoration: none;
  color: #666666;
}
@media screen and (max-width:600px) {
#page-top {
  bottom: 86px;
  right: 8px;
}
}
/*===================================================================
  SNS
===================================================================*/

#sns-box {
	margin-top: 50px;
}
#sns-box ul li {
  float: left;
  margin-left: 10px;
  list-style-type: none;
}
#ns-box ul li:first-child {
  margin-left: 0px;
}
#sns-box ul li.facebook .fb_iframe_widget span {
	vertical-align: top 	!important;
}
#sns-box ul li.googleplus {
	width: 70px;
}
#sns-box ul li iframe {
	max-width: none;
}
@media screen and (max-width: 600px) {
#sns-box {
}
}

/* Source: css/module.css */
/*
Theme Name: CT
*/


/* ///////////////////////////////////////////////////////////////////

h1-h6,p

/////////////////////////////////////////////////////////////////// */
/* h1-h6

====================== */
.entry-header h1 {
  font-size: 160%;
  margin-bottom:20px;
  padding: 20px 10px;
  border: #2ac09e solid;
  border-width: 5px 0 1px;
  line-height: 1.2;
}
.entry-header-min h1 {
  font-size: 100%;
  margin-bottom:10px;
  padding: 6px 10px;
	background: #FFFDF5;
  border-width: 1px 0 1px;
  line-height: 1;
}
.entry-content h2.style-title,
.entry-content .editor h2,
.type-single .entry-content h2 {
  border-left: #2ac09e 5px solid;
  border-bottom: #ccc 1px solid;
	background-color: #FFF;
  padding: 10px 0 10px 15px;
}
.entry-content h3.style-title,
.entry-content .editor h3,
.type-single .entry-content h3 {
  border-left: #2ac09e 5px solid;
  background-color: #f0ffff;
  padding: 0 0 0 15px;
}
.entry-content h4.style-title,
.entry-content .editor h4,
.type-single .entry-content h4 {
	position:relative;
	padding-left: 15px;
}
.entry-content h4.style-title:after,
.entry-content .editor h4:after,
.type-single .entry-content h4:after {
	content: "";
	position: absolute;
	top: 8px;
	left: 0;
	width: 10px;
	height: 10px;
	background-color: #2ac09e;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  margin:30px 0 15px;
}
.entry-content p {
  margin:0 0 10px;
}
.entry-content h2 {
  font-size: 140%;
}
.entry-content h3 {
  font-size: 120%;
}
.entry-content h4 {
  font-size: 110%;
}

/* table
====================== */
.entry-content table {
  border-bottom: 1px solid #ededed;
  margin: 0 0 15px;
}
.entry-content table caption {
  margin: 10px 0;
}
.entry-content table tr th,
.entry-content table tr td {
  padding: 8px 10px;
  border: 1px solid #CCC;
  vertical-align: middle;
}
.entry-content table th {
  font-weight: bold;
  text-align: center;
  background: #eeeeee;
}
.entry-content table td {
  background: #fff;
}
@media screen and (max-width: 600px) {
.entry-content table tr th,
 .entry-content table tr td {
  font-size: 80%;
  padding: 5px;
}
}

/* list
====================== */
.entry-content ol,
.entry-content ul {
  margin: 0 0 20px;
}
.entry-content ul ul,
.entry-content ol ol,
.entry-content ul ol,
.entry-content ol ul {
  margin-bottom: 0;
}
.entry-content ul,
.mu_register ul {
  list-style: disc outside;
}
.entry-content ol {
  list-style: decimal outside;
}
.entry-content li {
  margin: 0 0 0 20px;
}

/* form
====================== */
.entry-content .wpcf7 {
	margin-top: 50px; 
}

/* ///////////////////////////////////////////////////////////////////

float

/////////////////////////////////////////////////////////////////// */
.float-2-8 .left {
  float: left;
  width: 18%;
	margin-right: 2%;
}
.float-2-8 .right {
  float: right;
  width: 78%;
	margin-left: 2%;
}
.float-3-7 .left {
  float: left;
  width: 28%;
	margin-right: 2%;
}
.float-3-7 .right {
  float: right;
  width: 68%;
	margin-left: 2%;
}
.float-4-6 .left {
  float: left;
  width: 38%;
	margin-right: 2%;
}
.float-4-6 .right {
  float: right;
  width: 58%;
	margin-left: 2%;
}
.float-5-5 .left {
  float: left;
  width: 48%;
	margin-right: 2%;
}
.float-5-5 .right {
  float: right;
  width: 48%;
	margin-left: 2%;
}
.float-6-4 .left {
  float: left;
  width: 58%;
	margin-right: 2%;
}
.float-6-4 .right {
  float: right;
  width: 38%;
	margin-left: 2%;
}
.float-7-3 .left {
  float: left;
  width: 68%;
	margin-right: 2%;
}
.float-7-3 .right {
  float: right;
  width: 28%;
	margin-left: 2%;
}
.float-8-2 .left {
  float: left;
  width: 78%;
	margin-right: 2%;
}
.float-8-2 .right {
  float: right;
  width: 18%;
	margin-left: 2%;
}
.float-2-8:after,
.float-3-7:after,
.float-4-6:after,
.float-5-5:after,
.float-6-4:after,
.float-7-3:after,
.float-8-2:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html .float-2-8,
* html .float-3-7,
* html .float-4-6,
* html .float-5-5,
* html .float-6-4,
* html .float-7-3,
* html .float-8-2,
*:first-child+html .float-2-8,
*:first-child+html .float-3-7,
*:first-child+html .float-4-6,
*:first-child+html .float-5-5,
*:first-child+html .float-6-4,
*:first-child+html .float-7-3,
*:first-child+html .float-8-2 {
  zoom: 1;
}
 @media screen and (max-width: 600px) {
.float-2-8 .left,
 .float-2-8 .right,
 .float-3-7 .left,
 .float-3-7 .right,
 .float-4-6 .left,
 .float-4-6 .right,
 .float-5-5 .left,
 .float-5-5 .right,
 .float-6-4 .left,
 .float-6-4 .right,
 .float-7-3 .left,
 .float-7-3 .right,
 .float-8-2 .left,
 .float-8-2 .right {
  float: none;
	margin: 0 auto 10px;
  width: 100%;
}
}
/* ///////////////////////////////////////////////////////////////////

css-arrow

/////////////////////////////////////////////////////////////////// */
.css-arrow {
  width: 0;
  height: 0;
  border-top: 30px solid #f00;
  border-right: 80px solid transparent;
  border-bottom: 30px solid transparent;
  border-left: 80px solid transparent;
  margin: 10px auto;
}

.relateButton {
  margin-top:15px;
  text-align:center;
}
#main .relateButton a {
  display: block;
  color: #ffffff;
  padding: 10px 20px;
  text-decoration: none;
  font-weight: bold;
  background: #387ACC;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #834491;
  -moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3), inset 0px 1px 0px rgba(255,255,255,0.4);
  -webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3), inset 0px 1px 0px rgba(255,255,255,0.4);
  box-shadow: 1px 1px 1px rgba(000,000,000,0.3), inset 0px 1px 0px rgba(255,255,255,0.4);
  text-shadow: 0px 1px 1px rgba(000,000,000,0.5), 0px 1px 2px rgba(255,255,255,0.3);
}

/* Source: css/page.css */
/*
Theme Name: CT
*/
/* ///////////////////////////////////////////////////////////////////

top

/////////////////////////////////////////////////////////////////// */
.page-top .entry-content > h2:first-child,
.page-top .entry-content > h3:first-child,
.page-top .entry-content > h4:first-child {
	margin-top: 0;
}
.main-img-top {
	margin-top: -20px;
}
.main-img-top .main-img-pc,
.main-img-top .main-img-responsive {
	margin:0 -200%;
	padding:0 200%;
	background: url(../images/common/top-mv-bg.png);
	background-position: center center;
	background-repeat: no-repeat;
}
.main-img-top .main-img-responsive picture,
.main-img-top .main-img-responsive img {
	display: block;
}
.main-img-top .main-img-responsive img {
	width: 960px;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	aspect-ratio: 960 / 502;
}
@media screen and (max-width:600px) {
.main-img-top {
	margin-top: 0;
}
.main-img-top .main-img-responsive {
	margin: 10px 0;
	padding: 0;
	background: none;
}
.main-img-top .main-img-responsive img {
	width: 100%;
	aspect-ratio: 660 / 760;
}
}
.list-01-area {
	position: relative;
	margin: 0 !important;
	padding: 0 !important;
}
.list-01-area h2 {
	margin: 0 !important;
}
.list-01-area h2 img {
	width: 100%;
}
.list-01-area .list-block ul.check {
	margin: 0 !important;
	background-image: url(../images/common/top-list-01-01.png) !important;
	background-position: right top !important;
	background-repeat: no-repeat !important;
	background-color: #a1b0bf !important;
	border: none !important;
	color: #fff;
}
.list-01-area .list-block ul.check li {
	background: url(../images/common/top-icon-01.png) no-repeat left 4px;
	text-shadow: 1px 2px 3px #808080;
	font-size: 18px;
}
.list-01-area .img-block {
	margin: 0 !important;
}
.improvement-area {
	padding: 0 !important;
}
.improvement-area h2 {
	margin: 0 !important;
}
.improvement-area .surround-block {
	margin: 0 !important;
}
.contact-area {
	position: relative;
	padding: 0 !important;
}
.contact-area .img-block {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 30%;
	margin: 0 auto !important;
}
.contact-area .img-block:last-child {
	bottom: 2%;
}
.contact-area .img-block img {
	width: 91%;
}
.reason-area {
	padding: 0 !important;
}
.reason-area .reason-title {
	position: relative;
	padding: 0;
}
.reason-area .reason-title::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto 0;
	width: 69px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
}
.reason-area .reason-title-1::after {
	background-image: url(../images/common/top-img-02-01.png);
}
.reason-area .reason-title-2::after {
	background-image: url(../images/common/top-img-02-02.png);
}
.reason-area .reason-title-3::after {
	background-image: url(../images/common/top-img-02-03.png);
}
.reason-area .reason-title-4::after {
	background-image: url(../images/common/top-img-02-04.png);
}
.reason-area .reason-title-5::after {
	background-image: url(../images/common/top-img-02-05.png);
}
.reason-area .reason-title h3 {
	margin-left: 40px;
	padding: 12px 10px 12px 40px;
	background: #fffde3;
	font-size: 24px;
	font-weight: bold;
}

.music-area {
	padding: 0 !important;
}
.music-area h2 {
}
.music-area h3 {
	position: relative;
	margin: 0 0 20px;
  padding: 1% 3% !important;
	background: #3596e1 !important;
	border: none !important;
	font-size: 26px;
	font-weight: bold;
	color: #FFF;
}
.music-area h3:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 0;
	bottom: 3px;
	bottom: -55px;
	border: 40px solid transparent;
	border-top: 25px solid #3596e1;
	height: 1px;
}
.music-area .music-item {
	padding: 0 !important;
}
.music-area .music-item .img-block {
	float: left;
	width: 45%;
}
.music-area .music-item .text-block {
	float: right;
	width: 50%;
}
.flow-area {
	background-color: #22ab8b;
	border-radius: 20px;
}
.flow-area .flow-area-inner {
	padding: 20px !important;
	background-color: #ffffff;
	background-image: url(../images/common/top-flow-bg-01.png), url(../images/common/top-flow-bg-02.png);
	background-position: center top, center bottom;
	background-size: 100% auto;
	background-repeat: no-repeat;
}
.flow-area h2 {
	margin: -40px 0 20px;
}
.flow-area .flow-item {
	overflow: hidden;
	margin: 0;
	padding: 0;
	background-image: url(../images/common/top-flow-bg-03.png);
}
.flow-area .flow-item .flow-item-left {
	float: left;
	width: 55%;
	margin: 0;
	padding: 0;
}
.flow-area .flow-item h3.style-title {
	position: relative;
	float: left;
	width: 47%;
	margin: 0 0 20px;
	padding: 5px 4%;
	background-image: url(../images/common/top-flow-img-06.png);
	background-position: left top;
	background-repeat: repeat-y;
	background-color: #fff;
	border: none;
	font-size: 28px;
	color: #04409a;
	font-weight: bold;
	box-shadow:rgba(0, 0, 0, 0.0784314) 0px 0px 3px 2px;
}
.flow-area .flow-item .flow-title h3 {
	margin: 0;
	padding: 10px 10px 10px 80px;
	border: none;
	color: #eb4d75;
	font-weight: bold;
	font-size: 28px;
	background: inherit;
}

.flow-area .flow-item .text-block {
	margin-top: 0;
	float: left;
	width: 55%;
}
.flow-area .flow-item .img-block {
	float: right;
	width: 40%;
}

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

.list-01-area .list-block ul.check li {
	font-size: 15px;
}
.reason-area .reason-title::after {
	width: 50px;
	height: 50px;
}
.reason-area .reason-title h3 {
	margin-left: 25px;
	padding: 12px 10px 12px 35px;
	font-size: 18px;
}
.flow-area h2 {
	margin: -30px 0 20px;
}
.flow-area .flow-item h3.style-title {
	float: none;
	width: auto;
	padding: 5px 10%;
	font-size: 22px;
}
.flow-area .flow-item .flow-title h3 {
}
.flow-area .flow-item .text-block {
	float: none;
	width: auto;
}
.flow-area .flow-item .img-block{
	float: none;
	width: auto;
}
.music-area .music-item .img-block {
	float: none;
	width: auto;
}
.music-area .music-item .text-block {
	float: none;
	width: auto;
}
}



/* ///////////////////////////////////////////////////////////////////

staff

/////////////////////////////////////////////////////////////////// */
#page-staff {
}
#page-staff .staffSect {
}
#page-staff .staffSect .staffBlock .left{
  text-align: center;
}
#page-staff .iview_photo {
  margin:0 10px 10px 10px;
  float:right;
}
#page-staff .iview_photo.left {
  float: left;
}
#page-staff .iview_photo img {
  width: 200px;
}
#page-staff .right dt {
  background: #dddddd;
  padding: 0 5px;
}
#page-staff .right dd {
  margin-bottom:5px;
}
@media screen and (max-width:600px) {
 #page-staff .iview_photo,
 #page-staff .iview_photo.left {
  float:none;
  text-align: center;
  margin-left: 0px;
}
#page-staff .iview_photo img {
  width: auto;
}
}

/* ///////////////////////////////////////////////////////////////////

faq

/////////////////////////////////////////////////////////////////// */
#page-faq {
}
#page-faq .more_photo {
  margin:0 0 10px 10px;
  float:right;
}

/* ///////////////////////////////////////////////////////////////////

voice

/////////////////////////////////////////////////////////////////// */
#page-voice {
}
#page-voice .other-voice,
#page-voice .other-voice th,
#page-voice .other-voice td {
  margin:0; 
  background: none transparent;
  border:0;
  border-bottom: 1px solid #cccccc;
  vertical-align: middle;
  padding: 15px 10px;
}
#page-voice .other-voice th {
  text-align: left;
}
#page-voice .other-voice td {
  width: 80px;
}

/* ///////////////////////////////////////////////////////////////////

time

/////////////////////////////////////////////////////////////////// */

#page-time {
}
#page-time p.announcement {
	margin-bottom: 30px;
	padding: 5px 3%;
	border: solid 1px #af779c;
	background-color: #fbe9f9;
	font-weight: bold;
	color: #bb0f0f;
}


/* ///////////////////////////////////////////////////////////////////

contact

/////////////////////////////////////////////////////////////////// */

#page-contact {
}
#page-contact input,
#page-contact textarea {
  padding: 8px 2%;
  display:block;
  width:95%;
  margin:0 auto;
	font-size: 18px;
}
#page-contact input[type="submit"]{
  padding:15px 0;
  font-size:16px;
  width:30%;
}

/* Source: css/block.css */
/*
Theme Name: CT
*/

/* ///////////////////////////////////////////////////////////////////

.spBtnBlock(mobile-btn)

/////////////////////////////////////////////////////////////////// */
.spBtnBlock {
  display: none;
  text-align: center;
  margin: 0 10px 10px 10px;
}
@media screen and (max-width: 600px) {
.pcBtnBlock {
  display: none;
}
.spBtnBlock {
  display: block;
}
.callBtn {
}
.btnBox {
}
.callBtn a,
.btnBox a {
  display: block;
  padding: 15px 0px;
  background: #2acc0d;
  border: 1px solid #2acc0d;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3), inset 0px 1px 0px rgba(255,255,255,0.4);
  -webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3), inset 0px 1px 0px rgba(255,255,255,0.4);
  box-shadow: 1px 1px 1px rgba(000,000,000,0.3), inset 0px 1px 0px rgba(255,255,255,0.4);
  text-shadow: 0px 1px 1px rgba(000,000,000,0.5), 0px 1px 2px rgba(255,255,255,0.3);
  text-decoration: none;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
}
.btnBox .mapBtn {
  float: left;
  width: 49%;
  margin-top: 5px;
}
.btnBox .mapBtn a {
  background: #1065E7;
  border: 1px solid #1065E7;
}
.btnBox .formBtn {
  float: right;
  width: 49%;
  margin-top: 5px;
}
.btnBox .formBtn a {
  background: #B60606;
  border: 1px solid #B60606;
}
}

/* ///////////////////////////////////////////////////////////////////

voice-block

/////////////////////////////////////////////////////////////////// */

.voice-block {
  margin: 0 0 25px;
}
.voice-block h2 {
	position: relative;
	margin: 0 0 20px;
  padding: 1% 3%;
	background: #11a885;
	font-size: 26px;
	font-weight: bold;
	color: #FFF;
}
.voice-block h2:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 0;
	bottom: 3px;
	bottom: -55px;
	border: 40px solid transparent;
	border-top: 25px solid #11a885;
	height: 1px;
}
#main .voice-block h2 a {
	color: #FFF;
}
.voice-block .catch-copy {
  margin: 0 0 10px 0;
  font-size: 150%;
  line-height: 1.5;
}
.voice-block .profile {
  margin-bottom: 15px;
}
.voice-block .photo {
  float: left;
  margin:0 20px 15px 0;
  width:200px;
}
.voice-block .photo div {
	margin-bottom: 10px;
}
.voice-block .photo div:last-child {
	margin: 0;
}
.voice-block .photo img {
  width: 100%;
}
.voice-block .staff-box {
  background: #FFF;
  margin: 0 0 25px;
  padding:15px;
	border: solid 1px #E6E6E6;
}
.voice-block .staff-box .staff-photo {
  margin:0 0 10px 10px;
  float:right;
}
.voice-block .youtube{
  text-align:center;
}
.voice-block .youtube iframe{
  width:100%;
	height: 410px;
}
.voice-block .info {
	margin-bottom: 10px;
	padding-bottom: 10px;
	text-align: right;
	border-bottom: solid 1px #cccccc;
}
.voice-block .addition {
	clear: both;
	text-align: right;
	font-size: 14px;
}

@media screen and (max-width: 600px) {
.voice-block h2 {
	padding: 15px 3%;
	font-size: 24px;
	line-height: 1.2;
}
.voice-block .photo,
.voice-block .ansimg {
  margin-left: auto;
  margin-right: auto;
	width: auto;
  max-width: 260px;
  float: none;
  text-align:center;
}
.voice-block .youtube iframe {
	height: 200px;
}
}

/* ///////////////////////////////////////////////////////////////////

beforeafter-block

/////////////////////////////////////////////////////////////////// */

.beforeafter-block {
  background: #FFFFF3;
  border: #D4C09D 1px dotted;
  margin: 0 0 25px;
  padding:14px;
}
.beforeafter-block h2 {
	position: relative;
	margin: 0 0 20px;
  padding: 2% 3%;
	border-radius: 4px;
	background: #2ac09e;
	font-size: 28px;
	color: #FFF;
}
#main .beforeafter-block h2 a {
	color: #FFF;
}
.beforeafter-block .clearfix {
	background-image: url("../images/common/arrow-icon-01.png");
	background-repeat: no-repeat;
	background-position: center 40%;
}
.beforeafter-block .before {
	float: left;
	width: 45%;
	text-align: center;
}
.beforeafter-block .after {
	float: right;
	width: 45%;
	text-align: center;
}
.beforeafter-block .addition {
	font-size: 12px;
}


/* ///////////////////////////////////////////////////////////////////

comment-block-01

/////////////////////////////////////////////////////////////////// */
.comment-block-01 {
  background: #EEE;
  border: #CCC 1px solid;
  border-radius: 7px;
  margin: 0 0 24px;
  margin: 0 0 1.714285714rem;
  padding: 15px 20px;
}
.comment-block-01:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html .comment-block-01 {
  zoom: 1;
}
*:first-child+html .comment-block-01 {
  zoom: 1;
}
.comment-block-01 img {
  float: left;
  width: 24%;
}
.comment-block-01 div {
  float: right;
  width: 73%;
}
.comment-block-01 p {
}
.comment-block-01 p:last-of-type {
  margin-bottom: 0;
}
/* ///////////////////////////////////////////////////////////////////

comment-block-02

/////////////////////////////////////////////////////////////////// */

.comment-block-02 {
  background: #EEE;
  border: #CCC 1px solid;
  border-radius: 7px;
  margin: 0 0 24px;
  margin: 0 0 1.714285714rem;
  padding: 15px 20px;
}
.comment-block-02:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html .comment-block-02 {
  zoom: 1;
}
*:first-child+html .comment-block-02 {
  zoom: 1;
}
.comment-block-02 img {
  float: right;
  width: 24%;
}
.comment-block-02 div {
  float: left;
  width: 73%;
}
.comment-block-02 p {
}
.comment-block-02 p:last-of-type {
  margin-bottom: 0;
}
@media screen and (max-width: 600px) {
.comment-block-02 div {
  font-size: 80%;
}
}
/* ///////////////////////////////////////////////////////////////////

float-pic-block-01

/////////////////////////////////////////////////////////////////// */

.float-pic-block-01 {
}
.float-pic-block-01:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html .float-pic-block-01 {
  zoom: 1;
}
*:first-child+html .float-pic-block-01 {
  zoom: 1;
}
.float-pic-block-01 .pic {
  float: left;
  width:320px;
  margin-right: 17px;
  text-align:center;
}
.float-pic-block-01 .txt {
}
@media screen and (max-width: 600px) {
.float-pic-block-01 .pic {
  float: none;
  width:auto;
  margin-right: 0;
}
}
/* ///////////////////////////////////////////////////////////////////

float-pic-block-02

/////////////////////////////////////////////////////////////////// */

.float-pic-block-02 {
}
.float-pic-block-02:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html .float-pic-block-02 {
  zoom: 1;
}
*:first-child+html .float-pic-block-02 {
  zoom: 1;
}
.float-pic-block-02 .pic {
  float: right;
  margin-left: 17px;
}
.float-pic-block-02 .txt {
}
@media screen and (max-width: 600px) {
.float-pic-block-02 .pic {
  float: none;
  margin-left: 0;
}
}
/* ///////////////////////////////////////////////////////////////////

list-block

/////////////////////////////////////////////////////////////////// */
.list-block {
}
.list-block h2,
.list-block h3,
.list-block h4 {
  margin-bottom: 0;
}
.entry-content .list-block ul {
  background: #fff;
  border: #808080 1px solid;
  padding: 25px;
}
.entry-content .list-block ol,
.entry-content .editor ol {
  background: #fff;
  border: #808080 1px solid;
  padding: 25px;
}
.entry-content .list-block ul.check,
.entry-content .editor ul  {
  list-style: none;
  background: #fff;
  border: #808080 1px solid;
  padding: 25px;
}
.list-block ul.check li,
.entry-content .editor ul li {
  background: url(../images/common/list-icon-01.png) no-repeat left 4px;
  margin: 0 0 6px;
  padding: 0 0 0 30px;
}

/* ///////////////////////////////////////////////////////////////////

user-list-block

/////////////////////////////////////////////////////////////////// */
.entry-content .text-block ul,
.entry-content .text-img-block ul {
	overflow: hidden;
  padding: 25px;
  background: #fff;
  border: #808080 1px solid;
  list-style: none;
}
.entry-content .text-block ul li,
.entry-content .text-img-block ul li {
  background: url(../images/common/list-icon-01.png) no-repeat left 4px;
  margin: 0 0 6px;
  padding: 0 0 0 30px;
}
.entry-content .text-block ol,
.entry-content .text-img-block ol {
	overflow: hidden;
  background: #fff;
  border: #808080 1px solid;
  padding: 25px;
}

/* ///////////////////////////////////////////////////////////////////

threepoint

/////////////////////////////////////////////////////////////////// */

.entry-content .threepoint li {
  width: 30%;
  float: left;
  text-align: center;
  list-style: none;
  padding: 10px;
  margin: 0;
}
.entry-content .threepoint:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;

  height: 0;
}
* html .entry-content .threepoint {
  zoom: 1;
}
*:first-child+html .entry-content .threepoint {
  zoom: 1;
}
@media screen and (max-width: 600px) {
.entry-content .threepoint li {
  width: 100%;
  float: none;
  padding: 0;
}
}
/* ///////////////////////////////////////////////////////////////////

dl-style-01

/////////////////////////////////////////////////////////////////// */

.entry-content .dl-style-01 dl dt {
  position: relative;
  top: 1em;
  display: inline-block;
  left: 1em;
  background: #FFF;
  padding: 0 1em;
  font-weight: bold;
}
.entry-content .dl-style-01 dl dd {
  border: 1px solid #808080;
  padding: 1.5em 1em 1em 1em;
  margin-bottom: 2em;
}
/* ///////////////////////////////////////////////////////////////////

video-block

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


/* ///////////////////////////////////////////////////////////////////

pagenav-block

/////////////////////////////////////////////////////////////////// */
.pagenav-block {
  text-align:right;

}
.pagenav-block .pagenav {
  list-style:none;
}
.pagenav-block .pagenav li {
  width:40px;
  display:inline-block;
  margin:0 0 5px 5px ;
  border:1px solid #CCC;
  line-height:1;
  text-align:center;
}
.pagenav-block .pagenav li.current {
  font-weight:bold;
  background:#cccccc;
  color:#ffffff;
}
.pagenav-block .pagenav li a ,
.pagenav-block .pagenav li span {
  padding:8px 0;
  display:block;
}
@media screen and (max-width: 600px) {
.pagenav-block .pagenav li a ,
.pagenav-block .pagenav li span {
  padding:16px 0;
}
}



/* ///////////////////////////////////////////////////////////////////

MorePost

/////////////////////////////////////////////////////////////////// */

#MorePost {
  padding-top: 10px;
}
#MorePost h2 {
  font-weight: bold;
}
#MorePost ul {
  overflow-y: auto;
  max-height:200px;
}

/* ///////////////////////////////////////////////////////////////////

youtube 

/////////////////////////////////////////////////////////////////// */
@media screen and (max-width: 600px) {
.youtube iframe{
  width: auto;
  height: auto;;
  max-width: 100%;
}
}

/* ///////////////////////////////////////////////////////////////////

iframe-block

/////////////////////////////////////////////////////////////////// */

.iframe-block iframe {
  max-width:100%;
}



/* ///////////////////////////////////////////////////////////////////

text-block

/////////////////////////////////////////////////////////////////// */
.text-block {
	margin-bottom: 30px;
}

/* ///////////////////////////////////////////////////////////////////

img-block

/////////////////////////////////////////////////////////////////// */
.img-block {
	margin-bottom: 30px !important;
}

/* ///////////////////////////////////////////////////////////////////

imgs-block

/////////////////////////////////////////////////////////////////// */
.imgs-block {
	margin-bottom: 30px !important;
	text-align: center;
}
.imgs-block li {
	display: inline-block;
	margin: 3%;
	width: 40%;
	list-style: none;
}
.imgs-block.set-3 li {
	margin: 2%;
	width: 26%;
}



/* ///////////////////////////////////////////////////////////////////

text-img-block


/////////////////////////////////////////////////////////////////// */
.text-img-block {
	margin-bottom: 30px !important;
}
@media screen and (max-width: 600px) {
.text-img-block .img {
	text-align: center;
}
}



/* ///////////////////////////////////////////////////////////////////

html-block

/////////////////////////////////////////////////////////////////// */
.html-block {
	margin-bottom: 30px;
}
.html-block iframe {
	width: 100%;
}

@media screen and (max-width: 600px) {
.html-block iframe {
	width: 100%;
  height: 200px;
}
}

/* ///////////////////////////////////////////////////////////////////

html-block

/////////////////////////////////////////////////////////////////// */
.html-block {
	margin-bottom: 30px;
}



/* ///////////////////////////////////////////////////////////////////

surround-block

/////////////////////////////////////////////////////////////////// */

.surround-block {
	margin-bottom: 30px;
	padding: 20px 3%
}
.surround-block.surround-color-red {
	border: solid 1px #E84F4F;
	background-color: #FFF5F5;
}
.surround-block.surround-color-yellow {
	border: solid 1px #D6D003;
	background-color: #FFFEE6;
}
.surround-block.surround-color-orange {
	border: solid 1px #FF9900;
	background-color: #FFF8EE;
}
.surround-block.surround-color-green {
	border: solid 1px #6CA265;
	background-color: #F7FFF1;
}
.surround-block.surround-color-blue {
	border: solid 1px #2082BB;
	background-color: #EDF9FF;
}
.surround-block.surround-border-color-red {
	border-color: #E84F4F !important;
}
.surround-block.surround-border-color-yellow {
	border-color: #D6D003 !important;
}
.surround-block.surround-border-color-orange {
	border-color: #FF9900 !important;
}
.surround-block.surround-border-color-green {
	border-color: #6CA265 !important;
}
.surround-block.surround-border-color-blue {
	border-color: #2082BB !important;
}
.surround-block.surround-border-color-black {
	border-color: #000000 !important;
}
.surround-block.surround-background-color-red {
	background-color: #FFF5F5;
}
.surround-block.surround-background-color-yellow {
	background-color: #FFFEE6;
}
.surround-block.surround-background-color-orange {
	background-color: #FFF8EE;
}
.surround-block.surround-background-color-green {
	background-color: #F7FFF1;
}
.surround-block.surround-background-color-blue {
	background-color: #EDF9FF;
}
.surround-block.surround-background-color-white  {
	background-color: #FFFFFF;
}

/* Source: css/important.css */
/*
**********************************************************************

* .css

*********************************************************************
*/

/* ///////////////////////////////////////////////////////////////////

width

/////////////////////////////////////////////////////////////////// */

.whalf{
	width: 50%;
}

/* ///////////////////////////////////////////////////////////////////

a:ov img

/////////////////////////////////////////////////////////////////// */

a.ov:hover img {
	opacity: 0.8;
	filter:alpha(opacity=80);  /* IE7 */
	-ms-filter: "alpha(opacity=80)"; /* IE8 */
}


/* ///////////////////////////////////////////////////////////////////

Text

/////////////////////////////////////////////////////////////////// */

.size01 {
	font-size: 80%;
}
.size02 {
	font-size: 141%;
	line-height: 1.7;
}
.size03 {
	font-size: 180%;
	line-height: 1.5;
}
.size04 {
	font-size: 210%;
	line-height: 1.5;
}
.color01 {
	color: #CC0000;
	font-weight: bold;
}
.color02 {
	color: #2182ad;
	font-weight: bold;
}
.color03 {
	color: #ff8c00;
	font-weight: bold;
}
.color04 {
	color: #8757AB;
	font-weight: bold;
}
.color05 {
	color: #009700;
	font-weight: bold;
}
.color06 {
	color: #E5D627;
	font-weight: bold;
}
.color07 {
	color: #2CB7B3;
	font-weight: bold;
}
.color08 {
	color: #FF8705;
	font-weight: bold;
}
.color09 {
	color: #FB50A1;
	font-weight: bold;
}
.marker01 {
	font-weight: bold;
	background: #FF6;
	padding: 0 3px;
}
.marker02 {
	font-weight: bold;
	background: #DAE49F;
	padding: 0 3px;
}
.marker03 {
	font-weight: bold;
	background: #A6D4E3;
	padding: 0 3px;
}
.marker04 {
	font-weight: bold;
	background: #F5CAD1;
	padding: 0 3px;
}


/* ///////////////////////////////////////////////////////////////////

text-align

/////////////////////////////////////////////////////////////////// */

.txt-c {text-align: center !important;}
.txt-l {text-align: left !important;}
.txt-r {text-align: right !important;}


/* ///////////////////////////////////////////////////////////////////

float

/////////////////////////////////////////////////////////////////// */
.fl {
	float:left !important;
	display:inline !important;
}
.fr {
	float:right !important;
	display:inline !important;
}
.clear {
  clear:both;
}
/* ///////////////////////////////////////////////////////////////////

clearfix

/////////////////////////////////////////////////////////////////// */
.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
}
/* WinIE7 only */
*:first-child+html .clearfix {
	height: 1%;
}
/* WinIE6 and below */
/* hide \*/
* html .clearfix {
	height: 1%;
}


/* ///////////////////////////////////////////////////////////////////

circle

/////////////////////////////////////////////////////////////////// */
.circle img {
	border-radius: 1000px;
}

/* ///////////////////////////////////////////////////////////////////

margin

/////////////////////////////////////////////////////////////////// */

.mt-0 {margin-top: 0 !important;}
.mt-5 {margin-top: 5px !important;}
.mt-10 {margin-top: 10px !important;}
.mt-15 {margin-top: 15px !important;}
.mt-20 {margin-top: 20px !important;}
.mt-30 {margin-top: 30px !important;}
.mt-40 {margin-top: 40px !important;}
.mt-50 {margin-top: 50px !important;}
.mt-60 {margin-top: 60px !important;}
.mt-70 {margin-top: 70px !important;}
.mt-80 {margin-top: 80px !important;}
.mt-90 {margin-top: 90px !important;}
.mt-100 {margin-top: 100px !important;}

.mr-0 {margin-right: 0 !important;}
.mr-5 {margin-right: 5px !important;}
.mr-10 {margin-right: 10px !important;}
.mr-15 {margin-right: 15px !important;}
.mr-20 {margin-right: 20px !important;}
.mr-30 {margin-right: 30px !important;}
.mr-40 {margin-right: 40px !important;}
.mr-50 {margin-right: 50px !important;}
.mr-60 {margin-right: 60px !important;}
.mr-70 {margin-right: 70px !important;}
.mr-80 {margin-right: 80px !important;}
.mr-90 {margin-right: 90px !important;}
.mr-100 {margin-right: 100px !important;}

.mb-0 {margin-bottom: 0 !important;}
.mb-5 {margin-bottom: 5px !important;}
.mb-10 {margin-bottom: 10px !important;}
.mb-15 {margin-bottom: 15px !important;}
.mb-20 {margin-bottom: 20px !important;}
.mb-30 {margin-bottom: 30px !important;}
.mb-40 {margin-bottom: 40px !important;}
.mb-50 {margin-bottom: 50px !important;}
.mb-60 {margin-bottom: 60px !important;}
.mb-70 {margin-bottom: 70px !important;}
.mb-80 {margin-bottom: 80px !important;}
.mb-90 {margin-bottom: 90px !important;}
.mb-100 {margin-bottom: 100px !important;}

.ml-0 {margin-left: 0 !important;}
.ml-5 {margin-left: 5px !important;}
.ml-10 {margin-left: 10px !important;}
.ml-15 {margin-left: 15px !important;}
.ml-20 {margin-left: 20px !important;}
.ml-30 {margin-left: 30px !important;}
.ml-40 {margin-left: 40px !important;}
.ml-50 {margin-left: 50px !important;}
.ml-60 {margin-left: 60px !important;}
.ml-70 {margin-left: 70px !important;}
.ml-80 {margin-left: 80px !important;}
.ml-90 {margin-left: 90px !important;}
.ml-100 {margin-left: 100px !important;}

.m-0 {margin: 0 !important;}





/* ///////////////////////////////////////////////////////////////////

padding

/////////////////////////////////////////////////////////////////// */

.pt-0 {padding-top: 0 !important;}
.pt-5 {padding-top: 5px !important;}
.pt-10 {padding-top: 10px !important;}
.pt-15 {padding-top: 15px !important;}
.pt-20 {padding-top: 20px !important;}
.pt-30 {padding-top: 30px !important;}
.pt-40 {padding-top: 40px !important;}
.pt-50 {padding-top: 50px !important;}
.pt-60 {padding-top: 60px !important;}
.pt-70 {padding-top: 70px !important;}
.pt-80 {padding-top: 80px !important;}
.pt-90 {padding-top: 90px !important;}
.pt-100 {padding-top: 100px !important;}

.pr-0 {padding-right: 0 !important;}
.pr-5 {padding-right: 5px !important;}
.pr-10 {padding-right: 10px !important;}
.pr-15 {padding-right: 15px !important;}
.pr-20 {padding-right: 20px !important;}
.pr-30 {padding-right: 30px !important;}
.pr-40 {padding-right: 40px !important;}
.pr-50 {padding-right: 50px !important;}
.pr-60 {padding-right: 60px !important;}
.pr-70 {padding-right: 70px !important;}
.pr-80 {padding-right: 80px !important;}
.pr-90 {padding-right: 90px !important;}
.pr-100 {padding-right: 100px !important;}

.pb-0 {padding-bottom: 0 !important;}
.pb-5 {padding-bottom: 5px !important;}
.pb-10 {padding-bottom: 10px !important;}
.pb-15 {padding-bottom: 15px !important;}
.pb-20 {padding-bottom: 20px !important;}
.pb-30 {padding-bottom: 30px !important;}
.pb-40 {padding-bottom: 40px !important;}
.pb-50 {padding-bottom: 50px !important;}
.pb-60 {padding-bottom: 60px !important;}
.pb-70 {padding-bottom: 70px !important;}
.pb-80 {padding-bottom: 80px !important;}
.pb-90 {padding-bottom: 90px !important;}
.pb-100 {padding-bottom: 100px !important;}

.pl-0 {padding-left: 0 !important;}
.pl-5 {padding-left: 5px !important;}
.pl-10 {padding-left: 10px !important;}
.pl-15 {padding-left: 15px !important;}
.pl-20 {padding-left: 20px !important;}
.pl-30 {padding-left: 30px !important;}
.pl-40 {padding-left: 40px !important;}
.pl-50 {padding-left: 50px !important;}
.pl-60 {padding-left: 60px !important;}
.pl-70 {padding-left: 70px !important;}
.pl-80 {padding-left: 80px !important;}
.pl-90 {padding-left: 90px !important;}
.pl-100 {padding-left: 100px !important;}

.p-0 {padding: 0 !important;}


/* ///////////////////////////////////////////////////////////////////

display

/////////////////////////////////////////////////////////////////// */

.disp-none{
  display:none;
}
.disp-inline{
  display:inline;
}

/* ///////////////////////////////////////////////////////////////////

box

/////////////////////////////////////////////////////////////////// */

.box-01 {
	background: #EEE;
	border: #CCC 1px solid;
	padding: 15px 20px;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}
.box-02 {
	background: #EEE;
	padding: 15px 20px;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}
.box-03 {
	background: #EEE;
	padding: 15px 20px;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}

