@charset "utf-8";

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, 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;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { 
    display:block;
}

ul, dl {
    list-style:none;
}

a {
  text-decoration:none;
  background: none;
  }

html,body {margin:0;padding:0;} 



/*~~~~~~~~~~~ Responsive Resets ~~~~~~~~~~~*/

@-o-viewport {
  width: device-width;
}
@-ms-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}

html {
  overflow-y: auto;
}

img,
audio,
video,
canvas {
  max-width: 100%;
}


/*~~~~~~~~~~~ Layout ~~~~~~~~~~~*/
body {
	font-family: "adelle",Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;;
	font-style: normal;
	font-weight: 400;
	color: #8e8e8e;
	background: #FFF;
}

.container {
    max-width: 980px;
    height: auto;
    margin: 0 auto;
    padding: 0 12px;
}

.container-top {
    max-width: 980px;
    height: auto;
    margin: 0 auto;
    padding: 80px 12px 0;
}

.container-fill {
	float: left;
	width: 100%;
	margin: 430px auto 0;
	background: #FFF;
	display: block;
	padding-top: 100px;
}

header.home, header {
	position: relative;
	background-color: #fff;
	margin: 0 auto;
	width: 100%;
	height: 80px;
	-webkit-box-shadow: 0 1px 5px -1px #333;
	-moz-box-shadow: 0 1px 5px -1px #333;
	box-shadow: 0 1px 5px -1px #333;
	clear: both;
	z-index: 9999 !important;
	top: 500px;
}

header {
	top: 0px;
}

section {}

footer {
	width: 100%;
	background-color:#231815;
	border-top: 1px solid #bcbcbc;
	overflow:auto;
	padding-top: 70px;
	margin-top: 120px;
}

.footer-logo {
	width:  32.8125%;
	margin: 0 auto;	
	display: block;
	margin-bottom:2%;
}

.footer-logo img {
	margin-bottom: 1%;
}

footer h2 {
	color:#FFF;
	font-size:80%;
	text-align:center;
	font-weight:normal;
	padding-bottom:5%;
}

p.legal {
	color: #fff;
	text-align: center;
	margin: 0;
	padding: 15px 0;
	font-size:90%;
}

.ta-c {
	text-align:center;
}

.ta-l {
	text-align:left;
}

.ta-r {
	text-align:right;
}

.mrg-b-xs {
	margin-bottom:2%;
}

.pad-b-xs {
	padding-bottom:2%;
}

.pad-b-s {
	padding-bottom:5%;
}

.mrg-b-s {
	margin-bottom:5%;
}

.mrg-b-m {
	margin-bottom:8%;
}

.pad-b-m {
	padding-bottom:10%;
}

.pad-b-l {
	padding-bottom:20%;
}
.small {
	font-size:60%;
	padding-bottom:1%;
}

.fc-red {
	color:#F00;
}

.trigger {
    position:relative;
}

.tooltip {
	display:none;
	background:url(../img/black_arrow_big.png);
	background-repeat:no-repeat;
	height:211px;
	width:220px;
	font-size:11px;
	text-align:center;
	margin-top:-250px !important;
	color:#fff;
	position:relative;
}

.tooltip .label  {
	color:#999999;
	width:35px;
}

.tooltip a {
	color:#FF6666;
	font-size:11px;
	font-weight:bold;
}

.tooltip p.txt {
	width:184px;
	margin:5px auto;
}



/* -----------------------
TYPOGRAPHY
 ----------------------- */
p {
	font-family: "adelle",Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 1em; 
	line-height: 1.75em; /* 24/14 */
	margin: 0 0 1em;
	color: #8e8e8e; 
}

.Eng {
	font-size:80%;
}

blockquote {}

/* -----------------------
HEADING
 ----------------------- */
h1, h2, h4 {
	font-family: "adelle",Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-style: normal;
	font-weight: 400;
	margin: 0 0 1em 0;	
}

.home-hero h1 {
	margin-top: 20px;
}

h1, .home-hero h1 {
	font-size: 2em;
	line-height: 1.1875em;
	text-align: center;
	color: #444135;
	margin-bottom: 1em;
}

h3.home-action {
	font-size:90%;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-style: normal;
	font-weight: 400;
	margin-top: 1.5em;
	color: #fff;
}

.sep-small {
	font-family: "adelle",Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-style: normal;
	font-size: 120%;
	font-weight: 100;
	color:#999;
	text-align: center;
}

h2 {
	text-align: center;
	font-size: 1.125em;
	color: #444135;
	margin: 1em 0 0 0;
}

h2.footer {
	font-weight: 600;
	margin: 0;
}

/* -----------------------
LINK
 ----------------------- */
a { 
	text-decoration:underline;
	color:#258dc8;
	-webkit-transition: color .3s ease-in-out;
	-moz-transition: color .3s ease-in-out;
	-ms-transition: color .3s ease-in-out;
	-o-transition: color .3s ease-in-out;
	transition: color .3s ease-in-out;
}

a:hover {
 	text-decoration:underline;
 	color: #f07057;
}

a.logo {
	text-indent: -9999px;
	float: left;
	width: 199px;
	height: 41px;
	background-image:url(../img/logo.png);
	background-size:199px 41px;  
	background-repeat: no-repeat;
	margin-top: 20px;
	display: block;	
}

a.action {
	background: #63C6EE;
	display: block;
	padding: 20px 0;
	height: 160px;
	-webkit-transition: background .35s ease-in-out;
	-moz-transition: background .35s ease-in-out;
	-ms-transition: background .35s ease-in-out;
	-o-transition: background .35s ease-in-out;
	transition: background .35s ease-in-out;
}

a.action:hover {
	background: #BDEFFF;	
}

.Blog-List .block a {
	background: #63C6EE;
	display: block;
	padding:1px 0 20px;
	-webkit-transition: background .35s ease-in-out;
	-moz-transition: background .35s ease-in-out;
	-ms-transition: background .35s ease-in-out;
	-o-transition: background .35s ease-in-out;
	transition: background .35s ease-in-out;
}

.Blog-List .block a:hover {
	background: #BDEFFF;	
}

a.more-btn {
	font-family: "brandon-grotesque",sans-serif;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 2px;
	border: 2px solid #ddd;
	padding: 12px;
	color:#FFFFFF !important;
	background:#666;
	-webkit-transition: background .35s ease-in-out;
	-moz-transition: background .35s ease-in-out;
	-ms-transition: background .35s ease-in-out;
	-o-transition: background .35s ease-in-out;
	transition: background .35s ease-in-out;
	text-decoration:none;	
}

a.more-btn:hover {
	color:#FFFFFF;
	background:#333333;
	text-decoration:none;
}

.Btn-Box {
	width:98%;
	border: 2px solid #ddd;
	padding:3% 0;
	text-align:center;
	background:#666;
	overflow:hidden;
	margin-bottom:2%;
}

.Btn-Box a {
	font-family: "brandon-grotesque",sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 2px;
	color:#FFFFFF;
	text-decoration:none;
}

.Btn-Box a:hover {
	color:#09F;
}

/* -----------------------
NAVIGATIONs
 ----------------------- */
ul.menu {
	width: auto;
	list-style-type: none;
	float: right;
	margin-top: 35px;
}

ul.menu li {
	font-family: "brandon-grotesque",sans-serif;
	font-style: normal;
	font-weight:600;
	font-size: 80%;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding: 0 0 0 20px;	
	float: left;
}

ul.menu li a {
	text-decoration: none;
	color: #444135;
	-moz-transition: all 0.65s;
	-ms-transition: all 0.65s;
	-o-transition: all 0.65s;
	-webkit-transition: all 0.65s;
	transition: all 0.65s;
	padding-bottom: 10px;
	border-bottom: 2px solid #fff;
}

ul.menu li a:hover {
	border-bottom: 2px solid #f07057;
	padding-bottom: 10px;
}

ul.menu li.current a {
	border-bottom: 2px solid #f07057;
	padding-bottom: 10px;	 
}
 
/*ul.menu span.separator {
	padding: 0 5px;
}*/


/*ドロップダウンメニュー用
---------------------------------------------------------------------------*/
ul.ddmenu {
	position:absolute;
	width: 150px;					/*ドロップダウンメニューボックスの幅*/
	border-left: 0px solid #999;	/*ドロップダウンメニューボックスの左側の線幅、線種、色*/
	border-right: 0px solid #999;	/*ドロップダウンメニューボックスの右側の線幅、線種、色*/
	border-top: 0px solid #999;		/*ドロップダウンメニューボックスの上側の線幅、線種、色*/
	visibility: hidden;
    z-index: 10;
}
ul.ddmenu li {
	border-bottom: 0px solid #999;	/*ドロップダウンメニュー１個ごとの下線の幅、線種、色*/
	background: #ffffff;			/*ドロップダウンメニューの背景色*/
}
ul.ddmenu li a {
	display: block;
	text-align: left;	/*文字をセンタリング*/
	line-height: 25px;	/*ドロップダウンメニューの高さ*/
	width: 150px;		/*ドロップダウンメニューの幅*/
	text-decoration: none;
}
ul.ddmenu li a:hover {
	background: #ffffff;	/*マウスオン時のドロップダウンメニューの背景色*/
	color: #444135;			/*マウスオン時のドロップダウンメニューの文字色*/
}


/* -----------------------
IMAGE
 ----------------------- */
img {
    max-width:100%;
    height: auto; 
    /*width:100%*/ 
}

/* -----------------------
OTHER STUFF
 ----------------------- */
::-moz-selection 
{
 color: #f2f2e8;
 background: #f07057;
}

::selection 
{
 color: #f2f2e8;
 background: #f07057;
}

::-webkit-selection 
{
 color: #f2f2e8;
 background: #f07057;
}

.sep {
	width: 64.583333333333%;
	margin: 80px auto;
	height: 20px;
}

span.back {
	width: 80px;
	height: 80px;
	margin: 0 auto -31px auto;
	display: block;
}

span.star {
	width: 20px;
	height: 20px;
	margin: 0 auto -11px auto;
	display: block;
}

span.rule-r {
	border-bottom: 1px solid #ddd;
	height: 1px;
	float: right;
	width: 46%;
}

span.rule-l {
	border-bottom: 1px solid #ddd;
	height: 1px;
	float: left;
	width: 46%;
}

/* -----------------------
COLUMN LAYOUT
 ----------------------- */
.onecol, .twocol, .threecol, .threecol-2, .threecol-2-work, .fourcol, .fourcol-3, .fivecol, .fivecol-2, .fivecol-3, .fivecol-4.sixcol {	
	height: auto;
	float: left;
	margin: 0 1.041666666667%;	
	display: block;
	overflow: hidden;
}

.onecol {	
	width: 97.916666666667%;
}

.twocol {
    width: 47.916666666667%; /*460/960 */
}

.threecol-work {
	height: auto;
	margin: 0 1.041666666667%;	
	display: block;
	overflow: hidden;
	float: right;
}

.doscol, .trescol, .cuatrocol {
	-webkit-column-gap: 2.083333333334%;	
	-moz-column-gap: 2.083333333334%;
	-o-column-gap: 2.083333333334%;
	column-gap: 2.083333333334%;
}

.doscol {
	-webkit-column-count: 2;	
	-moz-column-count: 2;	
	-o-column-count: 2;	
	column-count: 2;	
}

.threecol, .threecol-work {
    width: 31.25%; /* 300/960 */
}

.trescol {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	-o-column-count: 3;
	column-count: 3;
}

.threecol-2, .threecol-2-work {
    width: 64.583333333333%; /* 620/960 */
}

.fourcol {
    width: 22.916666666667%; /* 220/960 */
}

.cuatrocol {
	-webkit-column-count: 4;
	-moz-column-count: 4;
	-o-column-count: 4;
	column-count: 4;
}

.fourcol-3 {
    width: 72.916666666667%; /* 700/960 */
}

.fivecol {
    width: 17.916666666667%; /* 172/960 */
}

.fivecol-2 {
    width: 37.916666666667%; /* 364/960 */
}

.fivecol-3 {
    width: 57.916666666667%; /* 556/960 */
}

.fivecol-4 {
    width: 77.916666666667%; /* 748/960 */
}

.sixcol {
    width: 14.583333333333%; /* 140/960 */
}


/*~~~~~~~~~~~~~~~~~~~~ Site Elements ~~~~~~~~~~~~~~~~~~~~*/
.home-hero-wrap {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	height: 500px;
	margin: 0 auto;
	background-color:#258dc8;
	background:url(../img/bg-mv.jpg) repeat;
	border-top: 5px solid #444135;
	z-index: -9999;
}

.home-hero {
	position: relative;
	margin: 20px auto;
	text-align: center;
	padding: 0 0 20%;
	height:500px;
	width: 100%; /* 700/960 */
}

.home-blog {
	text-align: center;
	padding: 30px 20px 40px;
	box-sizing: border-box;  
	-moz-box-sizing: border-box;  
	-webkit-box-sizing: border-box;
	-webkit-transition: background .35s ease-in-out;
	-moz-transition: background .35s ease-in-out;
	-ms-transition: background .35s ease-in-out;
	-o-transition: background .35s ease-in-out;
	transition: background .35s ease-in-out;		
}

.home-blog .Date {
	text-align:center;
	font-size:80%;
	margin-bottom:0;
}

.home-blog .Title {
	text-align:center;
	font-size:100%;
	padding-top:-2%;
}

.home-blog:hover {
	background: #fff;
}

.home-blog p {
	font-size:90%;
	margin-bottom: 30px;
}

.home-blog h4 {
	font-family: "brandon-grotesque",sans-serif;
	font-style: normal;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 2px;
}

.slider-wrapper {
	width: 100%;
	overflow: auto;
	margin: 0 auto 0 auto;
	height: auto;
	display: inline-block;
}

ul.slides li {
	color: #fff;
	font-family: "adelle",Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 20px; /* 26/16*/
	line-height: 29px; /* 31/16 */
}

span.client-name {
	font-weight: 600;
	font-size: 16px;
	font-style: italic;
}

span.client {
	font-family: "brandon-grotesque",sans-serif;
	font-weight: 500;
	font-size: 16px;
}

a.callout h1 {
	width: 100%;
	text-align: center;
	padding: 30px 0;
	color: #444135;
	display: block;
	-webkit-transition: background .35s ease-in-out;
	-moz-transition: background .35s ease-in-out;
	-ms-transition: background .35s ease-in-out;
	-o-transition: background .35s ease-in-out;
	transition: background .35s ease-in-out;		
}

a.callout h1:hover {
	background: #f07057;
	color: #fff;
}
/* /home page */


/* -----------------------
CNT
 ----------------------- */
.CNT {
	width:100%;
	overflow:hidden;
	margin-bottom:4%;
	padding-top:5%;
}

.CNT .Main {
	float:left;
	width:76%;
	overflow:auto;
	font-size:90%;
	line-height:1.4;
	padding-bottom:4%;
	border-bottom:1px solid #666;
}

.CNT .SUB {
	float:right;
	width:20%;
	overflow:auto;
	font-size:80%;
}

.CNT .Main h1 {
	font-size:160%;
	color:#258dc8;
	text-align:left;
	padding-bottom:1%;
	border-bottom:1px solid #258dc8;
}

.CNT .Main h1 span.Black {
	font-size:70%;
	color:#000000;
}

.CNT .Main h2 {
	padding-top:2%;
	padding-bottom:1%;
	font-size:140%;
	border-bottom:1px dotted #999999;
	margin-bottom:2%;
	text-align:left;
}

.CNT .Main h3 {
	font-size:110%;
	text-align:left;
	margin-bottom:2%;
}

.CNT .Main h4 {
	font-size:110%;
	margin-bottom:1%;
	text-align:left;
}

.CNT .Main h5 {
	font-size:90%;
	margin-bottom:2%;
	text-align:left;
	font-weight:normal;
}

.CNT .Main ul {
	overflow:hidden;
	margin-bottom:2%;
}

.CNT .Main ul li {
}

.CNT .Main ul.num li {
	padding-left:2%;
	list-style:decimal;
	list-style-position:inherit;
}

.CNT .SUB .PROF {
	overflow:hidden;
	padding-bottom:4%;
	border-bottom:#999 1px dotted;
	margin-bottom:10%;
}

.CNT .SUB .PROF .Photo {
	width:80%;
	text-align:center;
	margin:0 auto;
}

.CNT .SUB .PROF .Name {
	font-weight:bold;
	padding-bottom:2%;
	margin-bottom:0;
	color:#258dc8;
	font-weight:bold;
	border-bottom:1px solid #258dc8;
	margin-bottom:4%;
}

.CNT .SUB .PROF .txt {
	font-size:10px !important;
}

.CNT .SUB .CATEGORY {
	overflow:hidden;
}

.CNT .SUB .title {
	color:#258dc8;
	font-weight:bold;
	border-bottom:1px solid #258dc8;
}

.CNT .SUB .CATEGORY ul li {
	padding-bottom:2%;
}

.schedule, .form-dl {
	overflow:hidden;
	margin-bottom:2%;
	padding-bottom:4px;
	border-bottom:1px dotted #CCCCCC;
}

.schedule dt {
	float:left;
	width:20%;
	text-align:left;
	font-weight:bold;
}

.schedule dd {
	float:right;
	width:79%;
	text-align:left;
}

.form-dl dt {
	float:left;
	width:35%;
	text-align:left;
	font-weight:bold;
}

.form-dl dd {
	float:right;
	width:64%;
	text-align:left;
}

.login {
	border:1px solid #999;
	padding:5% 5% 0;
	float:left;
	width:50%;
}

.login table{
	float:left;
	width:100%;
	overflow:hidden;
	margin-bottom:5%;
}

.login table th{
	width:20%;
}

.login table td{
	width:40%;
}

.Contact {
	border:1px solid #000;
	padding:5%;
	text-align:left;
	overflow:hidden;
	margin-bottom:10%;
}


#CONTACT-FORM .Block{
	width:100%;
	margin:0 auto 50px;
	overflow:hidden;
}


#CONTACT-FORM .Block dl {
	overflow:hidden;
	margin-bottom:20px;
	font-size:100%;
}

#CONTACT-FORM .Block dl dt{
	font-weight:bold;
	float:left;
	text-align:left;
	width:30%;
}

#CONTACT-FORM .Block dl dd{
	float:right;
	text-align:left;
	width:70%;
}

#CONTACT-FORM .Block dl dd input{
	font-size:100%;
}

#CONTACT-FORM .Block dl dd .long{
	width:250px;
}

#CONTACT-FORM .Block dl dd .fc-red{
	color:#FF0000;
	font-size:12px;
	line-height:1.7;
}

#CONTACT-FORM .Block dl dd textarea{
	width:250px;
}
#CONTACT-FORM .Btn{
	width:128px;
	height:33px;
	cursor:pointer;
	margin:0 auto 50px;
}

#CONTACT-FORM .Btn, #CONTACT-FORM .Left, #CONTACT-FORM .Right {
	-webkit-transition:All 0.3s ease;
	-moz-transition:All 0.3s ease;
	-o-transition:All 0.3s ease;
	-ms-transition:All 0.3s ease;
	transition:All 0.3s ease;
}

#CONTACT-FORM .Btn:hover, #CONTACT-FORM .Left:hover, #CONTACT-FORM .Right:hover{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

#CONTACT-FORM .BtnArea{
	width:300px;
	height:34px;
	margin:0 auto 50px;
}

#CONTACT-FORM .BtnArea .Left{
	width:129px;
	height:34px;
	float:left;
}

#CONTACT-FORM .BtnArea .Right{
	width:129px;
	height:34px;
	float:right;
}

.spVisual {
	display:none;
}




/*~~~~~~~~~~~~~~~~~~~~ Media Queries ~~~~~~~~~~~~~~~~~~~~*/
/* ~~~~~~~~~ iPad Portrait ~~~~~~~~~ */
@media screen and (max-width: 959px) {
.home-hero-wrap {
	padding-top:8%;
}

a.logo {
	text-indent: -9999px;
	float: left;
	width: 180px;
	height: 30px;
	background-image:url(../img/logo.png);
	background-size: 180px 30px;  
	background-repeat: no-repeat;
	margin-top: 30px;
	display: block;	
}

.onecol, .fivecol, .fivecol-2, .fivecol-3, .fivecol-4, .sixcol {	
	width: 97.916666666667%;
}

.twocol {
    width: 47.916666666667%; /*460/960 */
}

.threecol, .threecol-work {
    width: 31.25%; /* 300/960 */
}

.threecol-2, .threecol-2-work {
    width: 64.583333333333%; /* 620/960 */
}

.fourcol {
    width: 22.916666666667%; /* 220/960 */
}

.fourcol-3 {
    width: 72.916666666667%; /* 700/960 */
}

.home-hero {
	position: relative;
	margin: 50px auto 0;
	text-align: center;
	padding: 0 10%;
	width: 72.916666666667%; /* 700/960 */
}

.home-hero h1 {
	font-size: 1.875em; /* 32/16 */
	text-align: center;
	color: #444135;
	margin-top: 30px;
}

.footer-logo {
	width:  50%;
	overflow:hidden;
}

/* -----------------------
NAVIGATION
 ----------------------- */
ul.menu {
	width: auto;
	list-style-type: none;
	float: right;
	margin-top: 40px;
}

ul.menu li {
	font-family: "brandon-grotesque",sans-serif;
	font-style: normal;
	font-weight:600;
	font-size: 70%;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 0 0 0 10px;	
	float: left;
}

ul.menu li a {
	text-decoration: none;
	color: #444135;
	-moz-transition: all 0.65s;
	-ms-transition: all 0.65s;
	-o-transition: all 0.65s;
	-webkit-transition: all 0.65s;
	transition: all 0.65s;
	padding-bottom: 10px;
	border-bottom: 2px solid #fff;
}

ul.menu li a:hover {
	border-bottom: 2px solid #f07057;
	padding-bottom: 10px;
}

ul.menu li.current a {
	border-bottom: 2px solid #f07057;
	padding-bottom: 10px;	 
}

/* -----------------------
CNT
 ----------------------- */
.CNT {
	width:100%;
	overflow:hidden;
	margin-bottom:4%;
	padding-top:5%;
}

.CNT .Main {
	float:left;
	width:76%;
	overflow:hidden;
	font-size:90%;
	line-height:1.4;
	padding-bottom:4%;
	border-bottom:1px solid #666;
}

.CNT .SUB {
	float:right;
	width:20%;
	overflow:hidden;
	font-size:80%;
}

.CNT .Main h1 {
	font-size:160%;
	color:#258dc8;
	text-align:left;
	padding-bottom:1%;
	border-bottom:1px solid #258dc8;
}

.CNT .Main h1 span.Black {
	font-size:70%;
	color:#000000;
}

.CNT .Main h2 {
	padding-top:2%;
	padding-bottom:1%;
	font-size:140%;
	border-bottom:1px dotted #999999;
	margin-bottom:2%;
	text-align:left;
}

.CNT .Main h3 {
	font-size:110%;
	text-align:left;
	margin-bottom:2%;
}

.CNT .Main h4 {
	font-size:110%;
	margin-bottom:1%;
	text-align:left;
}

.CNT .Main h5 {
	font-size:90%;
	margin-bottom:2%;
	text-align:left;
	font-weight:normal;
}

.CNT .Main ul {
	overflow:hidden;
	margin-bottom:2%;
}

.CNT .Main ul li {
}

.CNT .Main ul.num li {
	padding-left:2%;
	list-style:decimal;
	list-style-position:inherit;
}

.CNT .SUB .PROF {
	overflow:hidden;
	padding-bottom:4%;
	border-bottom:#999 1px dotted;
	margin-bottom:15%;
}

.CNT .SUB .PROF .Photo {
	width:80%;
	text-align:center;
	margin:0 auto;
}

.CNT .SUB .PROF .Name {
	font-weight:bold;
	padding-bottom:2%;
	margin-bottom:0;
	color:#258dc8;
	font-weight:bold;
	border-bottom:1px solid #258dc8;
	margin-bottom:4%;
}

.CNT .SUB .PROF .txt {
	font-size:10px !important;
}

.CNT .SUB .CATEGORY {
	overflow:hidden;
}

.CNT .SUB .CATEGORY .title {
	color:#258dc8;
	font-weight:bold;
	border-bottom:1px solid #258dc8;
}

.CNT .SUB .CATEGORY ul li {
	padding-bottom:2%;
}

.schedule, .form-dl {
	overflow:hidden;
	margin-bottom:2%;
	padding-bottom:4px;
	border-bottom:1px dotted #CCCCCC;
}

.schedule dt {
	float:left;
	width:20%;
	text-align:left;
	font-weight:bold;
}

.schedule dd {
	float:right;
	width:79%;
	text-align:left;
}

.form-dl dt {
	float:left;
	width:35%;
	text-align:left;
	font-weight:bold;
}

.form-dl dd {
	float:right;
	width:64%;
	text-align:left;
}

.login {
	border:1px solid #999;
	padding:5% 5% 0;
	float:left;
	width:70%;
}

.login table{
	float:left;
	width:100%;
	overflow:hidden;
	margin-bottom:5%;
}

.login table th{
	width:20%;
}

.login table td{
	width:40%;
}


.spVisual {
	display:none;
}

}/* /iPad Portrait */


/* ~~~~~~~~~ iPhone Landscape/Small Tablet ~~~~~~~~~ */
@media screen and (max-width: 767px) {
.onecol, .twocol, .threecol, .threecol-work, .threecol-2, .threecol-2-work, .fourcol, .fourcol-3, .fivecol, .fivecol-2, .fivecol-3, .fivecol-4, .sixcol, .button {	
	width: 97.916666666667%;
}

.container-fill {
	margin: 0px auto 0;
	padding-top: 30px;
}

.threecol-work {
	width: 97.916666666667%;
	border-bottom: 1px solid #bfbfbf;
	padding-bottom: 20px;
	margin-bottom: 50px;
}

header.home, header {
	height: 65px;
	top: 0px;
}

a.logo {
	width: 180px;
	height: 30px;
	background-size: 180px 30px;  
	background-repeat: no-repeat;
	margin-top: 18px;
}

ul.menu li { 
	float: none;
}

.home-hero-wrap {
	display: none;
}

.welcome-wrap {
	width: 100%;
	text-align: center;
	margin-top: 0px;
}

.welcome {
	width: 100%;
	margin: 15px auto;
	height: 110px;
	padding: 30px 0;
}


footer {
	margin-top: 80px;
	padding-top: 50px;
}

.footer-logo {
	width:  70%;
}

.footer-logo img {
	margin-bottom: 30px;
}

h2.footer {
	font-size: .9375em;
}

/* -----------------------
CNT
 ----------------------- */
.CNT {
	width:100%;
	overflow:hidden;
	margin-bottom:4%;
	padding-top:5%;
}

.CNT .Main {
	width:100%;
	overflow:hidden;
	font-size:90%;
	line-height:1.4;
	padding-bottom:4%;
	border-bottom:1px solid #666;
	margin-bottom:8%;
}

.CNT .SUB {
	width:100%;
	overflow:hidden;
	font-size:80%;
}

.CNT .Main h1 {
	font-size:160%;
	color:#258dc8;
	text-align:left;
	padding-bottom:1%;
	border-bottom:1px solid #258dc8;
}

.CNT .Main h1 span.Black {
	font-size:70%;
	color:#000000;
}

.CNT .Main h2 {
	padding-top:2%;
	padding-bottom:1%;
	font-size:140%;
	border-bottom:1px dotted #999999;
	margin-bottom:2%;
	text-align:left;
}

.CNT .Main h3 {
	font-size:110%;
	text-align:left;
	margin-bottom:2%;
}

.CNT .Main h4 {
	font-size:110%;
	margin-bottom:1%;
	text-align:left;
}

.CNT .Main h5 {
	font-size:90%;
	margin-bottom:2%;
	text-align:left;
	font-weight:normal;
}

.CNT .Main ul {
	overflow:hidden;
	margin-bottom:2%;
}

.CNT .Main ul li {
}

.CNT .Main ul.num li {
	padding-left:2%;
	list-style:decimal;
	list-style-position:inherit;
}

.CNT .SUB .PROF {
	overflow:hidden;
	padding-bottom:4%;
	border-bottom:#999 1px dotted;
	margin-bottom:15%;
}

.CNT .SUB .PROF .Photo {
	width:30%;
	text-align:center;
	margin:0 auto;
}

.CNT .SUB .PROF .Name {
	font-weight:bold;
	padding-bottom:2%;
	margin-bottom:0;
	color:#258dc8;
	font-weight:bold;
	border-bottom:1px solid #258dc8;
	margin-bottom:4%;
}

.CNT .SUB .PROF .txt {
	font-size:10px !important;
}

.CNT .SUB .CATEGORY {
	overflow:hidden;
}

.CNT .SUB .CATEGORY .title {
	color:#258dc8;
	font-weight:bold;
	border-bottom:1px solid #258dc8;
}

.CNT .SUB .CATEGORY ul li {
	padding-bottom:2%;
}

.schedule, .form-dl {
	overflow:hidden;
	margin-bottom:2%;
	padding-bottom:4px;
	border-bottom:1px dotted #CCCCCC;
}

.schedule dt {
	float:left;
	width:20%;
	text-align:left;
	font-weight:bold;
}

.schedule dd {
	float:right;
	width:79%;
	text-align:left;
}

.form-dl dt {
	float:left;
	width:35%;
	text-align:left;
	font-weight:bold;
}

.form-dl dd {
	float:right;
	width:64%;
	text-align:left;
}

.login {
	border:1px solid #999;
	padding:5% 5% 0;
	float:left;
	width:89%;
}

.login table{
	width:100%;
	overflow:hidden;
	margin-bottom:5%;
}

.login table th{
	width:30%;
}

.login table td{
	width:40%;
}

#CONTACT-FORM .Block{
	width:100%;
	margin:0 auto 50px;
	overflow:hidden;
}


#CONTACT-FORM .Block dl {
	overflow:hidden;
	margin-bottom:20px;
	font-size:100%;
}

#CONTACT-FORM .Block dl dt{
	font-weight:bold;
	text-align:left;
	width:100%;
}

#CONTACT-FORM .Block dl dd{
	text-align:left;
	width:100%;
}

#CONTACT-FORM .Block dl dd input{
	font-size:100%;
}

#CONTACT-FORM .Block dl dd .long{
	width:250px;
}

#CONTACT-FORM .Block dl dd .fc-red{
	color:#FF0000;
	font-size:12px;
	line-height:1.7;
}

#CONTACT-FORM .Block dl dd textarea{
	width:250px;
}
#CONTACT-FORM .Btn{
	width:128px;
	height:33px;
	cursor:pointer;
	margin:0 auto 50px;
}

#CONTACT-FORM .Btn, #CONTACT-FORM .Left, #CONTACT-FORM .Right {
	-webkit-transition:All 0.3s ease;
	-moz-transition:All 0.3s ease;
	-o-transition:All 0.3s ease;
	-ms-transition:All 0.3s ease;
	transition:All 0.3s ease;
}

#CONTACT-FORM .Btn:hover, #CONTACT-FORM .Left:hover, #CONTACT-FORM .Right:hover{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

#CONTACT-FORM .BtnArea{
	width:300px;
	height:34px;
	margin:0 auto 50px;
}

#CONTACT-FORM .BtnArea .Left{
	width:129px;
	height:34px;
	float:left;
}

#CONTACT-FORM .BtnArea .Right{
	width:129px;
	height:34px;
	float:right;
}

.spVisual {
	display:block;
	margin-bottom:10%;
	background:url(../img/bg-mv.jpg) no-repeat;
	background-size:100%;
}

html, body {
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
}

}/* /iPhone Landscape and Small Tablet */