@charset "UTF-8";
@import url("/css/initialize.css");
@import url("/css/general.css");
@import url("/css/margin.css");

/*** add css ***/
/* PC SIZE */
@media screen and (min-width: 1120px){
	.x_login {
		width: 300px;
	}
}
.x_login a {
	border: 1px solid #cfd6d9;
	padding: 10px;
	margin-top: 10px;
	display: block;
	text-align: center;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;	
    border-radius: 10px;
    -webkit-transform: translateZ(0);
}
.x_login a:hover {
	background-color: #f7f9f9;
}
/* --------------------------------
	.slider スライド
-------------------------------- */
.slider{
    margin: 100px auto;
    width: 100%;
    margin-top: 20px;
    padding-bottom: 10px;
}
.slider img{
    height: auto;
    width: 100%;
}
/*slick setting*/
.slick-prev:before,
.slick-next:before {
    color: #000 !important;
}

#header #tel .btn-contact span {
	font-size: 108%;
	line-height: 1.8;
}
.orange-box {
	padding: 2%;
}
.orange-box p {
	line-height: 1.5;
}
.orange-box { background-color: #ffeed3; }

#mainimg-block h1 {
	font-size: 168.71%;
	line-height: 1.5;
}

/* --------------------------------
	content-title タイトル
-------------------------------- */
.content-title {
	font-size: 168.71%;
	padding: 34px 0 10px;
	text-align: center;
	font-family: "UD黎ミン R", "UD Reimin Regular";
	position: relative;
}
.none {
	border-bottom: 0;
	padding: 40px 0 8px;
	margin: 0;
}

.content-title:before {
	content: '';
	display: block;
	height: 2px;
	width: 8%;
	position: absolute;
	bottom: 50px;
	left: 46%;
	background: #ea1a05;
}

/* --------------------------------
	table
-------------------------------- */
.gray_tbl {
	width: 100%;
	border-collapse: collapse;
	margin: 20px 0;
}
.gray_tbl th {
	width: 30%;
	padding: 15px;
	text-align: center;
	vertical-align: top;
	color: #333;
	background-color: #fafafa;
	border: 1px solid #eee;
	vertical-align: middle;
	text-align: center;
	font-family: "FP-ヒラギノ丸ゴ StdN W5", "FP-HiraMaruStdN-W5";
}
.gray_tbl td {
	padding: 15px;
	background-color: #fff;
	border: 1px solid #eee;
	vertical-align: middle;
	text-align: center;
}
.time-ok,.time-ng {
	font-size: 148%;
}
.time-ok { color: #f39700; }
.time-am { color: #5d8e39; }
.time-pm { color: #c9516b; }
.time-desc {
	text-align: center;
	margin-bottom: 20px;
}
.btn-links a,
.btn-news-list a {
	display: block;
	text-align: center;
	font-size: 128%;
	color: #fff;
	background-color: #cd667c;
	padding: 20px 0;
	margin: 0 auto 50px;
	width: 80%;
}
.btn-links a:hover { background-color: #b9475c; }
.btn-links a:before{
	content: "";
	position: absolute;
	background-image:url("../../images/icon-reservation.png");
	background-size: 30px 30px;
	/*background-position: 10px 5px;*/
	width:30px;
	height:30px;
	margin-top:-4px;
	margin-left:-42px;
}
.btn-news-list a {
	margin: 20px auto 0;
	padding: 15px 0;
	font-size: 118%;
}

/* --------------------------------
	mainimg-block メインイメージ
-------------------------------- */
#mainimg-block #main-back-title #message-title {
	font-size: 168.71%;
	margin: 20px 0;
	font-family: "UD新丸ゴ M", "UD Shin Maru Go Medium";
}
#mainimg-block #main-back-title p {
	line-height: 1.5;
	margin-bottom: 0px;
}

/* --------------------------------
	#point-block サービスポイント
-------------------------------- */
#point-block .base-box {
	background-color: #658eba;
	padding: 20px 0;
}
#point-block .base-box img {
	height: 66px;
	margin: 10px auto;
}
#point-block .base-box li {
	background-color: #fff;
	padding: 10px 4px;
	text-align: center;

	-moz-border-radius: 0.2em;
	-webkit-border-radius: 0.2em;
	-o-border-radius: 0.2em;
	-ms-border-radius: 0.2em;	
    border-radius: 0.2em;
    -webkit-transform: translateZ(0);
}
#point-block .base-box li h3 {
	font-size: 118.71%;
	padding-bottom: 5px;
	font-family: "UD新丸ゴ M", "UD Shin Maru Go Medium";
}
#point-block .base-box li p {
	font-size: 94.71%;
	line-height: 1.5;
}

/* --------------------------------
	#works-block
-------------------------------- */
#works-block {
	margin-top: 20px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap    : wrap;
    flex-wrap        : wrap;
}
#works-block #works-area {
	text-align: center;
}
#works-block #works-area .title-japanese {
	background-color: #535353;
	color: #fff;
	padding: 6px 14px;
	font-size: 88.71%;
	margin-bottom: 20px;
	display: inline-block;
}
#works-block #works-area ul#works-list li,
#works-block #works-area ul#mf-list li {
	font-size: 138.71%;
	text-align: center;
	padding: 50px 10px;
	border: 1px solid #ccc;
	font-family: "FP-ヒラギノ丸ゴ StdN W5", "FP-HiraMaruStdN-W5";

	-moz-border-radius: 0.2em;
	-webkit-border-radius: 0.2em;
	-o-border-radius: 0.2em;
	-ms-border-radius: 0.2em;	
    border-radius: 0.2em;
    -webkit-transform: translateZ(0);
}
#works-block #works-area ul#mf-list li {
	padding: 10px 10px;
	height: 100px;
	text-align: center;
	line-height: 100px;

	background: -moz-linear-gradient(top, #fafafa, #FFF);
	background: -webkit-linear-gradient(top, #fafafa, #FFF);
	background: linear-gradient(to bottom, #fafafa, #FFF);	
}
#works-block #works-area ul#mf-list img.okumura { width:224px; }
#works-block #works-area ul#mf-list img.kokuyo { width:215px; }
#works-block #works-area ul#mf-list img.naiki { width:178px; }
#works-block #works-area ul#mf-list img.oliver { width:123px; }
#works-block #works-area ul#mf-list img.komatsu { width:210px; }
#works-block #works-area ul#mf-list img.toli { width:90px; }
#works-block #works-area ul#mf-list img.tachikawa { width:200px; }
#works-block #works-area ul#mf-list img.sanshin { width:196px; }
#works-block #works-area ul#mf-list img.sakae { width:168px; }

#works-block #works-area ul#mf-list img {
	vertical-align: middle;
}



/* --------------------------------
	#service-block
-------------------------------- */
#service-block {
	background:url("../../images/top/service-base-back.png");
	padding: 40px 0;
	margin-top: 20px;
}
#service-block p {
	line-height: 1.8;
	margin-bottom: 16px;
	font-size: 96.71%;
}
#service-block .service-form h3 {
	font-size: 148.71%;
	font-family: "FP-ヒラギノ丸ゴ StdN W5", "FP-HiraMaruStdN-W5";
	margin: 4px 0 12px;
}
#service-block .btn-detail a {
	font-size: 102.71%;
	font-family: "UD新丸ゴ M", "UD Shin Maru Go Medium";
	text-align: center;
	border: 1px solid #ccc;
	padding: 12px 10px;
	margin: 10px 0 20px;
	display: block;
}
#service-block .btn-detail a:hover {
	background-color: #ed4c59;
	border: 1px solid #e60012;
	color: #fff;
}

/* --------------------------------
	#concept-block コンセプト
-------------------------------- */
#concept-block {
	background: url('../../images/top/back-concept.png') no-repeat top center;
	height: 450px;
}
#concept-block h2 {
	font-size: 168.71%;
	padding: 50px 0 10px;
	font-family: "UD黎ミン R", "UD Reimin Regular";
}
#concept-block p {
	line-height: 1.8;
	margin-top: 20px;
	text-shadow: 1px 1px 1px #fff; 
}

/* --------------------------------
	#btn-pr-block バナーエリア
-------------------------------- */
#btn-pr-block ul {
	margin-top: 40px;
}


/* --------------------------------
	foot-service-bn-block
-------------------------------- */
#foot-service-bn-block {
	overflow: hidden;
	margin-bottom: 40px;
}
#foot-service-bn-block li:first-child { margin-left: 0; }
#foot-service-bn-block li {
		margin-top: 0px;
}
#foot-service-bn-block .content-title {
	font-size: 198.71%;
}
#foot-service-bn-block .en-title {
	margin-bottom: 20px;
}

/* --------------------------------
	#column-result-block
-------------------------------- */
#column-list-area {
	text-align: left;
}
#column-list-area h3 {
	font-size: 118.71%;
	line-height: 1.5;
	text-align: center;
}
#column-list-area h3 span {
	color: #d9585d;
}
#column-list-area img {
	width: 280px;
	margin: 10px auto;
	display: block;
}
#column-list-area p {
	line-height: 1.5;
}
#column-list-area ul {
	margin-top: 20px;
}
#column-list-area li {
	padding: 15px;
	background-color: #f5f5f5;
	margin-bottom: 25px;
}


/* PC SIZE */
@media screen and (min-width: 1120px){

	#foot-service-bn-block li {
		width: 488px;
		margin-left: 4px;
		float: left;
	}
	#foot-service-bn-block li:nth-child(odd) {
		margin-left: 0px;
	}

	#calendar-block ul { background-color: red; }
	#calendar-block li {
		width: 33%;
		border-left: 1px solid #ccc;
		margin-left: 0px;
		float: left;
	}
	#calendar-block li:first-child { border-left: 0; }
	#calendar-block li:nth-child(odd) {
		/*margin-left: 0px;*/
	}
	#tokucho-block img {
		width: 980px;
	}
	#performance-block li {
		float: left;
		margin-left: 10px;
	}
	#performance-block li:first-child {
		margin-left: 0;
	}
	#performance-block .performance-desc {
		width: 288px;
	}

	/* --------------------------------
		mainimg-block メインイメージ
	-------------------------------- */
	#mainimg-block {
		background: url('../../images/top/main-image2024.jpg') no-repeat top center;
		min-height: 662px;
	}
	#mainimg-block h1 {
		position: absolute;
		font-size: 218.71%;
		margin-left: 680px;
		padding-top: 47px;
		line-height: 1.3;
		font-family: "FOT-マティスV Pro M";
	}
	#mainimg-block h1 span.old { color:red; font-size: 160%; }

	#mainimg-block #main-back-title {
		text-align: center;
		background-color: #fff;
		padding: 0 20px;
	}
	#mainimg-block .main-back-title-height {
		padding-top: 500px;
	}


	/* --------------------------------
		#service-block
	-------------------------------- */
	#service-block .service-form {
		height: 280px;
		margin: 0 auto;
	}
	#service-block .b01 {
		background: url('../../images/top/service-back01.png') no-repeat top left;
		padding-bottom: 20px;
	}
	#service-block .b02 {
		background: url('../../images/top/service-back02.png') no-repeat top right;
		padding-bottom: 20px;
	}
	#service-block .b03 {
		background: url('../../images/top/service-back03.png') no-repeat top left;
	}
	#service-block .service-form .box-l,
	#service-block .service-form .box-r {
		width: 520px;
		height: 160px;
		background-color: #fff;
		border-left: 10px solid #ed4c59;
		padding: 20px 20px 20px 40px;
		position: absolute;

		margin: 40px 0 0 530px;
	}
	#service-block .service-form .box-r {
		margin: 40px 0 0 0;
	}
	#service-block .btn-detail {
		margin-left: 50%;
	}
	#service-block .btn-detail a {
		width: 200px;
	}

	/* --------------------------------
		#point-block ポイントブロック
	-------------------------------- */
	#point-block {
		margin-bottom: 20px;
	}
	#point-block .base-box {
		background-color: #ed4c59;
		padding: 20px 0;
	}
	#point-block .base-box img {
		height: 59px;
		margin: 10px auto;
	}
	#point-block .base-box li {
		float: left;
		margin-left: 20px;
		margin-top: 20px;
	}
	#point-block .base-box li:nth-child(1) {
		margin: 0;
	}
	#point-block .base-box li:nth-child(2),
	#point-block .base-box li:nth-child(3) {
		margin-top: 0;
	}
	#point-block .base-box li:nth-child(4) {
		margin-left: 0;
	}
	#point-block .base-box li {
		background-color: #fff;
		padding: 10px 4px;
		width: 352px;
		text-align: center;

		-moz-border-radius: 0.2em;
		-webkit-border-radius: 0.2em;
		-o-border-radius: 0.2em;
		-ms-border-radius: 0.2em;	
	    border-radius: 0.2em;
	    -webkit-transform: translateZ(0);
	}
	#point-block .base-box li h3 {
		font-size: 152.71%;
		padding-bottom: 20px;
		font-family: "FP-ヒラギノ角ゴ StdN W4" , "FP-HiraMaruProN-W4";
	}
	#point-block .base-box li p {
		font-size: 94.71%;
		line-height: 1.5;
		margin-bottom: 10px;
	}

	/* --------------------------------
		#works-block
	-------------------------------- */
	#works-block #works-area {
		width: 800px;
		margin-right: 20px;
		float: left;
	}
	#works-block #works-area ul#works-list li,
	#works-block #works-area ul#mf-list li {
		float: left;
		width: 230px;
		margin-left: 20px;
	}
	#works-block #works-area ul#mf-list li {
		margin-bottom: 20px;
		text-align: center;
		display:table-cell;
	}
	#works-block #works-area ul#works-list li:first-child {
		margin: 0;
	}
	#works-block #works-area ul#mf-list li:nth-child(1),
	#works-block #works-area ul#mf-list li:nth-child(4),
	#works-block #works-area ul#mf-list li:nth-child(7) {
		margin: 0;
	}
	
	/* --------------------------------
		#column-result-block
	-------------------------------- */
	#column-list-area li {
		float: left;
		width: 320px;
		margin-left: 35px;
	}
	#column-list-area li:nth-child(1),
	#column-list-area li:nth-child(4),
	#column-list-area li:nth-child(7),
	#column-list-area li:nth-child(10),
	#column-list-area li:nth-child(13)
	 {
		margin: 0;
	}
}

/* SMARTPHONES SIZE */
@media screen and (max-width: 1120px){

	/* --------------------------------
		content-title
	-------------------------------- */
	.content-title {
		text-align: center;
	}
	/* --------------------------------
		mainimg-block
	-------------------------------- */
	#mainimg-block #main-back-title #message-title {
		text-align: center;
		font-size: 142.71%;
		line-height: 1.5;
	}
	/* --------------------------------
		#point-block
	-------------------------------- */
	#point-block { margin-bottom: 30px; }
	#point-block .base-box li {
		margin-top: 10px;
	}
	#point-block .base-box li:first-child {
		margin-top: 0;
	}

	/* --------------------------------
		#service-block
	-------------------------------- */
	#service-block .service-form .box-l,
	#service-block .service-form .box-r {
		background-color: #fff;
		border-left: 10px solid #ed4c59;
		padding: 20px 20px 20px 20px;

	}
	#service-block .service-form .box-r {
		margin-bottom: 20px;
	}

	#service-block .btn-detail a {
	}

	/* --------------------------------
		#works-block
	-------------------------------- */
	#works-block {
		text-align: center;
	}
	#works-block img {
		margin: 0 auto;
	}

	#works-block #works-area ul#works-list li,
	#works-block #works-area ul#mf-list li {
		margin-bottom: 10px;
	}

	/* --------------------------------
		.slider スライド
	-------------------------------- */
	.slider{
	    width: 90%;
	}

}
/* SMALL SMARTPHONES SIZE */
@media screen and (max-width: 480px){
	/* --------------------------------
		content-title タイトル
	-------------------------------- */
	.content-title {
		font-size: 188.71%;
	}
	.links-btn a {
		font-size: 148.71%;
		padding: 20px 40px 20px 10px; /*a要素の領域を拡大*/
	}
	.links-btn a:after {
		width: 10px;
		height: 10px;
		border-top: #eb6877 2px solid;
		border-right: #eb6877 2px solid;
		right: 20px;
	}
	.links-btn a:hover:after {
		border-top: #fff 2px solid;
		border-right: #fff 2px solid;
	}
	/* --------------------------------
		#news-block お知らせ
	-------------------------------- */
	#news-block li {
		font-size: 112.71%;
	}
	
	/* --------------------------------
		.slider スライド
	-------------------------------- */
	.slider{
	    margin: 100px auto;
	    width: 80%;
	    margin-top: 20px;
	    padding-bottom: 30px;
	}
}
@media screen and (max-width: 350px){
}