@charset "utf-8";
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height:24px;
	color: #333;
	background-color: #FFF;
}
* {
	margin: 0;
	padding: 0;
	box-sizing:border-box;
}
a, a:visited {
	text-decoration: none;
	cursor:pointer;
	color:inherit;
}
small {
	color: #000;
	font-weight: bold;
}
a:hover {
	color: #F90;
}
.tel-info a:hover {
	color: #069;
}
a img:hover {
	opacity: 0.6;
}
img {
	border: none;
}
span.red {
	color: red;
}
.left18 {
	margin-left: 5px;
}
.rows {
	float: left;
	width: 100%;
}
/**********************************[共通装飾]***/
.circle {
	background-color: #e04050;/*電話アイコン、見出しアイコン背景色*/
	color: #fff;/*見出しアイコン色*/
	text-align: center;
	box-sizing:content-box;
	padding: 6px;
	display: block;
	float: left;
	width: 30px;
	height: 30px;
	margin-right: 8px;
	text-shadow: -1px -1px 2px rgba(0,0,0,0.2);
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	behavior: url(PIE.htc);
}
.circle img {
	vertical-align: middle;
	padding-top: 2px;
}
br.clear, p.clear {
	clear: both;
	font: 0pt/0pt sans-serif;
}
.clear {
	overflow: hidden;
	zoom: 1;
}
.wrapper {
	width:100%;
	margin: 0 auto;
	max-width: 980px;
}
.r6 {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	behavior: url(PIE.htc);
}
.r10 {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 4px;
	behavior: url(PIE.htc);
}
.r20 {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 4px;
	behavior: url(PIE.htc);
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}
.center {
	text-align: center;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}
.wingdings {
	font-family: "Wingdings";
}
.textindent {
	text-indent: 15px;
}


.image {
	display: inline-block;
	width:100%;
}


.img-container {
  width: 100%;
  height: 300px;
  .featured-image {
    width: 100%;
    height: 300px;
    object-fit: cover;
 }
}


.custom-object-fit {
  position: relative;
  background-size: cover;
  background-repeat:no-repeat;
  background-position: center center;
}


/**********************************[slider]***/
#slider {
	width: 660px;
	height: 380px;
}
/**********************************[header]***/
#header-color {
	width: 100%;
	height: 6px;
	background: #40e0d0;/*ページ最上部のアクセント色*/
}
.header {
	min-height: 150px;
	width: 100%;
	background-color: #fff;/*ヘッダー背景色*/
}
.header .site-title {
	float: left;
}
.header .site-title img {
	margin-top: 35px;
}
.header .catch {
	display: table-cell;
	vertical-align: middle;
	height: 125px;
	color: #09c;/*サイトキャッチコピーの文字色*/
	font-size: 0.9em;
	padding: 0 20px;
}
.header .tel-info {
	float: right;
	min-width: 300px;
	padding-top: 40px;
}
.header .tel-info .phone a, .header .tel-info .phone a:visited {
	color: #246B16;
}
.header .tel-info .open {
	background-color: #FFF;
	color: #802000;
	border: 2px solid #802000;
	text-align: center;
	width: 280px;
	padding: 10px;
	font-size: 17px;
	line-height: 150%;
}
.header .tel-info .phone {
	font-size: 2.3em;
	color: #666;
	height: 40px;
	padding-top: 10px;
	margin-top: 10px;
	background: url(../img/phone.png) center left;
	background-repeat: no-repeat;
	text-align: left;
	margin-left: 0px;
	margin-bottom: 5px;
	padding-left: 50px;
}
/**********************************[main-image]***/
.title-area {/*メインイメージ、ヘッダーイメージ背景色*/
	background: rgba(0, 0, 0, 0) linear-gradient(to right, #fff 0%, #40e0d0 50%, #fff 100%) repeat scroll 0 0;
	box-shadow: 0 2px 5px rgb(73, 137, 253);
	box-sizing: border-box;
	height: auto;
	width: 100%;
}
.main-image {
	width: 660px;
	height: auto;
	float: left;
	position: relative;
}
.main-image .main-copy {
	box-sizing: border-box;
	background: url(../img/trans.png) repeat;
	color: #fff;
	text-align: left;
	padding: 20px;
	font-size: 1.4em;
	position: absolute;
	bottom: 30px;
	width: 100%;
	-moz-box-sizing: border-box;
　/* Firefox用 */
 height:auto;
	z-index: 100;
}
.main-image .main-copy2 {
	box-sizing: border-box;
	color: #FFF;
	text-align: left;
	padding: 20px 20px 20px 40px;
	background-color: rgba(0,0,0,0.5);
	font-size: 28px;
	line-height:30px;
	position: absolute;
	bottom: 30px;
	height: auto;
}
.page-title {
	display: block;
	height: 200px;
	width: auto;
	margin-top: -200px;
	line-height: 200px;
	padding-left: 50px;
	font-weight: normal;
	color: #333;
	font-size: 2.4em;
	text-shadow: 1px 1px 2px rgba(255,255,255,0.7);
}
/**********************************[global-navi]***/
ul.global {
	list-style: none;
	display: block;
	width: 300px;
	height: auto;
	padding-top: 20px;
	float: right;
}
.sub-side ul.global {
	margin-bottom: 10px;
}
ul.global li {
	padding-bottom: 15px;
}
ul.global li a, ul.global li a:visited {
	display: block;
	background-image: url(../img/tri.png);
	background-position: 10px 50%;
	background-repeat: no-repeat;
	background-color: #FFF;
	color: #800000;
	font-size: 1.4em;
	padding: 15px 10px 12px 35px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: 2px solid #e04050;
	behavior: url(PIE.htc);
}
ul.global li a:hover {
	background-color: #e04050;
	color: #FFF;
	text-decoration: none;
}
.active {
	color: #FFF !important;
	background-color: #e04050 !important;
}
/**********************************[main]***/
.main {
	width: 660px;
	height: auto;
	margin: 30px 0;
	float: left;
}
.main-sub {
	width: 640px;
}
.main-sub h3.content-title{
	padding-left:15px;
	box-sizing:border-box;
}
/*.main-sub h2, .main-sub h3, .main-sub h4 .main-sub h5 {
	margin: 0 -20px;
}*/
.main b {
	color: #F33;
}
.main .content-title {
	background-color: #4989fd;
	color: #FFF;
	font-size: 1.4em;
	padding: 6px 10px;
	margin-bottom: 15px;
	font-weight: normal;
}
.main .content-title .c-title {
	font-size: 1.6em;
	line-height: 1;
	margin: -9px 10px;
}
.main h4 {
	font-size: 1.2em;
	padding: 3px 0px;
	font-weight: normal;
	color: #006699;
}
.main p {
	line-height: 150%;
	letter-spacing: 0.5px;
}
.main ul.list {
	list-style: none;
	margin: 30px -20px;
}
.main ul.list li {
	padding: 20px 20px 10px 70px;
	background: url(../img/hr.png) 0 bottom repeat-x;
}
.main ul.list li span {
	display: inline-block;
	color: #069;
	min-width: 80px;
}
.main ul.normal {
	margin: 20px 40px;
}
.main ul.normal li {
	padding: 10px 0;
	font-style: italic;
	color: #036;
}
/**********************************[side]***/
.sub-side {
	margin: 10px 0 20px !important;
}
.side {
	width: 300px;
	height: auto;
	margin: 30px 0 20px;
	float: right;
}
/***[contact-banner]***/
.side .conact-banner {
	height: auto;
	box-sizing: border-box;
	border: 2px solid #68392b;
	background: url(../img/phone-contact_bg.png) center center no-repeat #fff;
	padding: 10px 15px;
	padding-top: 35px;
	margin-bottom: 10px;
	text-align:center;
}
.side .conact-banner .head {
	font-size: 22px;
	font-weight: normal;
	color: #f00;
	text-shadow: rgb(255, 255, 255) 2px 0px 0px, rgb(255, 255, 255) 1.75px 0.966667px 0px, rgb(255, 255, 255) 1.08333px 1.68333px 0px, rgb(255, 255, 255) 0.133333px 2px 0px, rgb(255, 255, 255) -0.833333px 1.81667px 0px, rgb(255, 255, 255) -1.6px 1.2px 0px, rgb(255, 255, 255) -1.98333px 0.283333px 0px, rgb(255, 255, 255) -1.86667px -0.7px 0px, rgb(255, 255, 255) -1.3px -1.51667px 0px, rgb(255, 255, 255) -0.416667px -1.95px 0px, rgb(255, 255, 255) 0.566667px -1.91667px 0px, rgb(255, 255, 255) 1.41667px -1.41667px 0px, rgb(255, 255, 255) 1.91667px -0.566667px 0px;
}
.side .conact-banner:hover .head {
	color: #F90;
}
.conact-banner span {
	width: 100%;
	height: auto;
}
.side .conact-banner small {
	font-size: 0.8em;
	font-weight: normal;
	color: #666;
}
/***[phone-banner]***/
.side .phone-banner {
	box-sizing: border-box;
	border: 2px solid #802000;
	background-color: #fff;
	text-align: center;
	font-weight: normal;
	padding: 0 15px 5px;
	margin-bottom: 10px;
}
.side .phone-banner .head {
	background-color: #68392b;
	font-weight: normal;
	color: #FFF;
	font-size: 1.2em;
	padding: 3px 0;
	margin: 0 -15px;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	behavior: url(PIE.htc);
}
.side .phone-banner:hover .num {
	color: #F90;
}
.side .phone-banner img {
	vertical-align: middle;
}
.side .phone-banner .num {
	font-size: 1.7em;
	font-weight: bold;
	color: #369;
	text-align: center;
	line-height: 200%;
	margin-bottom: -10px;
}
.side .phone-banner small {
	font-size: 0.9em;
	font-weight: normal;
	color: #09c;
}
/**********************************[footer]***/
#footer {
	width: 100%;
	height: auto;
	background: #40e0d0;/*フッター背景色*/
	text-align: center;
	color: #fff;
}
#footer p {
	padding: 20px 0;
}
#footer p a {
	line-height: 170%;
}
#footer a, #footer a:visited {
	color: #fff;
	display:inline-block;
}
#footer a:hover {
	color: #a72424;
	text-decoration: none;
}
#footer .copyright {
	padding: 11px 0;
	font-size: 0.9em;
	color: rgba(255,255,255,1);
	background: #4989fd;
	width:100%;
	float:left;
}
#footer .copyright a {
	color: #FFF;
}
#footer .copyright a:hover {
	color: #999;
	text-decoration: none;
}
#copy1, #copy2 {
	float: left;
	 text-align:center;
	 width:100%;
	color: #FFF;
}
#copy0 {
	width:100%;
	max-width: 610px;
	margin: auto;
}
/**********************************[to pagetop]***/
#pageTop {
	background: #fff;
	color: #4989fd;
	padding: 5px 10px 0;
	position: fixed;
	bottom: 0;
	right: 60px;
	font-weight: bold;
	font-size: 2em;
	text-align: center;
	box-shadow: 1px 1px 2px #333;
	opacity: 0.7;
}
#pageTop:hover {
	background: #fff;
	color: #e6211b;
	opacity: 1;
}
#pageTop small {
	font-weight: normal;
	font-size: 12px;
}
/*
	=========================
	Common
	=========================
*/

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

.row-mini {
	margin-left: -15px;
	margin-right: -15px;
	box-sizing:border-box;
}
.col-sm-8, .col-sm-4 {
	float: left;
}
.col-sm-8 {
	width: 100%;
	padding-left:15px;
	padding-right:15px;
	box-sizing:border-box;
}
.col-sm-4 {
	width: 100%;
	padding-left:15px;
	padding-right:15px;
	box-sizing:border-box;
	padding-top:15px;
}
span.note {
    color: #f00;
}
.banner{
	width:100%;
}
.open-i, .open-text{
	display:inline-block;
}
.open-i{
	padding-right:10px;
}
.open-text a{
	color:#000;
}

.slidesjs-navigation { display:none !important;}
.slidesjs-navigation img { object-fit:cover;}
@media screen and (max-width:980px) {
ul.global , .side{
	width:250px;
}

.wrapper{
	padding:0 15px;
}

}
@media screen and (max-width:920px) {
ul.global , .side{
	width:200px;
}
.side .conact-banner .head{
	font-size:16px;
}
}
@media screen and (max-width:868px) {
	ul.global { width:100%;}
	.main-image { width:100%; text-align:center;}
	#slider { width:100%;}
	
	.main { width:100%;}
	.side { width:100%;}

}
@media screen and (max-width:768px) {
	.col-sm-8 { width:100%;}
	.col-sm-4 { width:100%; text-align:center; margin:20px 0;}
	
	#slider { height:auto;}
	.header .site-title { width:100%; text-align:center;}
	.header .tel-info { width:100%; text-align:center; padding-bottom:40px;}
	.header .tel-info .open { margin:auto;}
	
	
	.main-sub { width:100%;}
	.side { width:100%;}
	
	.wrapper  { padding:0 15px;}
	
	.main .content-title .c-title { display:none;}
	
	.main-image-object-fit img { background-size:cover;}
	
}