@charset "utf-8";
/* 統合CSS */


/* ========== css/base.css ========== */
/*-----------------------------------------------------------------------------*/
/*	基本 CSS													 		*/
/*-----------------------------------------------------------------------------*/
/* # =================================================================
   # Global selectors
   # ================================================================= */

/* 基本設定クリア */
	h1, h2, h3, h4, h5, h6 {
		font-weight: bold;
	}
	h1,h2,h3,h4,h5,h6{
		font-size:100%;
		font-weight:normal;
	}

	a {
		text-decoration: none;
	}
	ul {
		list-style: none;
	}
	.clear {
		overflow: hidden;
		zoom: 1;
	}

	/* 行の高さをフォントサイズと同じにする */
	body {
		line-height:1;
	}
	/* 新規追加要素のデフォルトはすべてインライン要素になっているので、section要素などをブロック要素へ変更 */
	article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
		display:block;
	}

	/* ■box-sizingを全ブラウザに対応 ■ */
	*, *:before, *:after {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

	/* ◆ clearfix --------------------------------*/
	.cf {
		zoom: 1;
	}
	.cf:before, .cf:after {
		content: "";
		display: table;
	}
	.cf:after {
		clear: both;
	}

	/* ◆ Flexible Image --------------------------*/
	.img-responsive {
		max-width: 100%;
		height: auto;
	}

	/* ◇画像を縦に並べた時に余白が出ないように　*/
	img {
		vertical-align: top;
		font-size: 0;
		line-height: 0;
	}

	/* ◇ 縦方向の揃え位置を中央揃えに指定 */
	input, select {
		vertical-align:middle;
	}
	/* ◇ TABLE ボーダー枠線を消す -----------*/
	table, th, td {
			border: none;
	}

	/* ◇ placeholder ------------------------*/

	/*Webkit*/
	::-webkit-input-placeholder {color: #AAA}
	 
	/*Firefox 19以降*/
	::-moz-placeholder  {color: #AAA}
	 
	/*Firefox 18以前*/
	:-moz-placeholder   {color: #AAA}
	 
	/*Windows IE*/
	:-ms-input-placeholder  {color: #AAA} 

	h1,h2,h3,h4,h5,h6{
		font-size:100%;
		font-weight:normal;
	}




/* ★sample 1-7---------------------------------------- */
html {
  box-sizing: border-box;
  overflow-y: scroll; /* All browsers without overlaying scrollbars */
  -webkit-text-size-adjust: 100%; /* iOS 8+ */
}

*,
::before,
::after {
  background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  box-sizing: inherit;
}

::before,
::after {
  text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}

* {
  padding: 0; /* Reset `padding` and `margin` of all elements */
  margin: 0;
}

/* # =================================================================
   # General elements
   # ================================================================= */

/* Add the correct display in iOS 4-7.*/
audio:not([controls]) {
  display: none;
  height: 0;
}

hr {
  overflow: visible; /* Show the overflow in Edge and IE */
}

/*
* Correct `block` display not defined for any HTML5 element in IE 8/9
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox
* Correct `block` display not defined for `main` in IE 11
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

summary {
  display: list-item; /* Add the correct display in all browsers */
}

small {
  font-size: 80%; /* Set font-size to 80% in `small` elements */
}

[hidden],
template {
  display: none; /* Add the correct display in IE */
}

abbr[title] {
  border-bottom: 1px dotted; /* Add a bordered underline effect in all browsers */
  text-decoration: none; /* Remove text decoration in Firefox 40+ */
}

a {
  background-color: transparent; /* Remove the gray background on active links in IE 10 */
  -webkit-text-decoration-skip: objects; /* Remove gaps in links underline in iOS 8+ and Safari 8+ */
}

a:active,
a:hover {
  outline-width: 0; /* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* Specify the font family of code elements */
}

b,
strong {
  font-weight: bolder; /* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */
}

dfn {
  font-style: italic; /* Address styling not present in Safari and Chrome */
}

/* Address styling not present in IE 8/9 */
mark {
  background-color: #ff0;
  color: #000;
}

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}



/* ========== css/com.css ========== */
/*----------------------------------------------------------------------------*/
/* 	共通構造 CSS													     */
/*----------------------------------------------------------------------------*/
/*==========================================
	基本情報領域
===========================================*/
	body {
		background: #FFF;
		font-family: "NotoSans", "NotoSansCJKjp","游ゴシック体", YuGothic,"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 
					"メイリオ", Meiryo, Osaka, helvetica, arial, sans-serif;
	}
	main{
		margin-top:0;
		clear:both;
		display:block;
	}
/* ■ Conents ------------------------------------------*/

	#wrapper {
		margin-top: 0;
		background-color:#FFF;
	}
	@media only screen and (min-width:768px) {	/* PC Layout ◇ */

		#wrapper {
			margin-top: 0;
/*			background	: url("images/bg/bgsym01.jpg") repeat-y;	*/
			background-size:100%;
		}
	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#wrapper {
			margin-top: 0;
		}
	}
	main h1 {
		display:none;
	}

/* ■ お問い合わせバナー -----*/

	.cntbn {
		margin: 0 auto 30px auto;
		width: 100%;
		padding-bottom:60px;
		background	: url("images/bg/bg02.png") no-repeat;
		background-size:contain;
		background-position:  center 0;
		position:relative; 
	}
	.cntbn p {
		margin: 0 auto 0 auto;
		width: 100%;
		text-align:center;
		font-size:14px;
		font-weight:bold;
		line-height:1.7em;
		padding-top:30px;
		padding-bottom:0;
		color:#333;
	}
	.cntbn .contbanner {			/*  CONTACT */
		margin: 0 auto 0 auto;
		width : 302px;
		height: 70px;
		display	: block;
		text-indent: -99999px;	/* テキスト非表示 */
		border	: 0px;
	}
	.cntbn .contbanner  a{
		overflow: hidden;	 /* 内容を非表示にする。*/
		width : 302px;
		height: 0 !important;
		height /**/:70px;
		padding-top: 70px;
		display	: block;
		background	: url("images/banner/contact_sp.png") no-repeat;
		background-size:703px 163px;
		background-size:302px 70px;		/* 43% */
		background-position:  0 0;
	}
	.cntbn .contbanner  a:hover{
		display	: block;
		background	: url("images/banner/contact_sp.png") no-repeat;
		background-size:301px 70px;		/* 43% */
		background-position:  0 0;
	}

	@media only screen and (min-width:992px) {	/*■ PC Layout  ■ */

		.cntbn {
			margin: 0 auto 0 auto;
			width: 90%;
			padding-bottom:50px;
/*			background-color:#F5F5F5;	*/
			background	: url("images/bg/bg01.png") no-repeat;
			background-size:contain;
			background-position:  center 0;
			position:relative; 
		}
		.cntbn p {
			margin: 0 auto 0 auto;
			width: 70%;
			text-align:center;
			font-size:18px;
			line-height:1.8em;
			font-weight:normal;
			font-family: "NotoSansCJKjp-Medium";
			color:#fff;
			padding-top:30px;
			padding-bottom:0px;
		}
		.cntbn .contbanner {			/*  CONTACT */
			margin: 0px auto 0 auto;
			width : 802px;
			height: 103px;
			display	: block;
			text-indent: -99999px;	/* テキスト非表示 */
			border	: 0px;
		}
		.cntbn .contbanner  a{
			overflow: hidden;	 /* 内容を非表示にする。*/
			width : 802px;
			height: 0 !important;
			height /**/:103px;
			padding-top: 103px;
			display	: block;
			background	: url("images/banner/contact.png") no-repeat;
			background-size:802px 103px;
			background-position:  0 0;
		}
		.cntbn .contbanner  a:hover{
			display: block;
			background	: url("images/banner/contact_ov.png") no-repeat;
			background-size:802px 103px;
			background-position:  0 0;
		}
	}

	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

	}

/* ■ CTA01 section ---------------------------------------------*/

	#cta01 {
		margin: 0 auto 0 auto;
		width: 100%;
		padding-top:20px;
		padding-bottom:0px;
	}
	#cta01 .cont01 {
		margin: 0 auto 0 auto;
		width: 100%;
	}
	#cta01 .cont01>ul {
		margin: 0 auto 0 auto;
		width: 100%;
	}
	#cta01 .cont01>ul li {
		text-align:center;
	}
	#cta01 .cont01>ul li img {
		padding-bottom: 10px;
	}

	@media only screen and (min-width:768px) {

		#cta01 {
			margin: -40px auto 0 auto;
			width: 100%;
			padding-top:0;
			padding-bottom:0px;
			background:linear-gradient(180deg,white 0%,white 45%,#F5F5F5 45%,#F5F5F5 100%);	/* ★ */
		}
		#cta01 .cont01 {
			margin: 0 auto 0 auto;
			padding-top:100px;
			width: 100%;
			height:200px;
			background	: url("images/bg/bg02.png") no-repeat;
			background-size:contain;
			background-position:  center 0;
		}
		#cta01 .cont01>ul {
			margin: 20px auto 0 auto;
			width: 60%;
			display: flex;
			justify-content:space-between;
			flex-wrap: wrap;
		}
		#cta01 .cont01>ul li {
			padding:50px auto 150px auto;
		}
		#cta01 .cont01>ul li img {
			display:block;
			zoom:1.0;
			padding-bottom: 0;
		}
	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

	}

/* ■ CTA02 section ---------------------------------------------*/

	#cta02 {
		margin: -20px auto 0 auto;
		width: 100%;
		padding-bottom:0px;
		background-color:#FFF;
	}
	#cta02 h1,h2,h3,h4,h5,h6{
		font-size:100%;
		font-weight:normal;
	}
	#cta02 .cont01 {
		margin: 0 auto 0 auto;
		width: 100%;
	}
	#cta02 .cont02 {
		margin: 0 auto 0 auto;
		width: 100%;
	}
	#cta02 .cont02>ul {
		margin: 0 auto 0 auto;
		width: 70%;
		display: flex;
		justify-content:space-between;
		flex-wrap: wrap;
	}
	#cta02 .cont02>ul li {
		padding:0 auto 0 auto;
	}
	#cta02 .cont02>ul li img {
		display:block;
		zoom:0.5;
	}

	@media only screen and (min-width:768px) {

		#cta02 {
			margin: 50px auto 50px auto;
			width: 100%;
			padding-bottom:0px;
		}
		#cta02 .cont01 {
			margin: 0 auto 0 auto;
			width: 100%;
		}
		#cta02 .cont02 {
			margin: 0 auto 0 auto;
			width: 80%;
		}
		#cta02 .cont02>ul {
			margin: 0 auto 0 35%;
			width: 30%;
			display: flex;
			justify-content:space-between;
			flex-wrap: wrap;
		}
		#cta02 .cont02>ul li {
			padding:50px auto 50px auto;
		}
		#cta02 .cont02>ul li img {
			zoom:0.8;
		}
	}

	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

	}
/* ■ CTA03 section ---------------------------------------------*/

	#cta03 {
		display:block;
		position: fixed;
		bottom: -1px;
		right: 60px;
		z-index:9999;
		width: 83%;
		padding-top:20px;
		padding-bottom:0px;
	}
	#cta03>ul {
		margin: 0 auto 0 auto;
		width: 100%;
		display: flex;
		justify-content:space-between;
		flex-wrap: wrap;
	}
	#cta03>ul li {
		width: 50%;
		text-align:center;
	}
	#cta03>ul li a {
		display:block;
	}
	#cta03>ul li a img {
		display:block;
		margin: 0 auto 0 auto;
		padding-bottom: 0;
	}

	@media only screen and (min-width:768px) {

		#cta03 {
			display:none;
		}
	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

	}

/* ■ facebook　-------------------------------------------------------*/

	#toFacebook {
		position: fixed;
		bottom: 300px;
		right: 18px;
		z-index:9999;
	}
	#toFacebook a {
		display: block;
		width: 39px;
		background: url(images/sns/facebook.png) no-repeat;
	}
	#toFacebook a:hover img {
		visibility: hidden;
	}
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#toFacebook {
			position: fixed;
			bottom: 250px;
			right: 0px;
			z-index:9999;
		}
	}
/*	@media only screen and (max-width: 768px) {*/
	@media only screen and (max-width: 992px) {

		#toFacebook {
			display:none;
			position: fixed;
			bottom: 150px;
			right: 0px;
			z-index:99;
		}
	}

/* ■ Instagram　-------------------------------------------------------*/

	#toInstagram {
		position: fixed;
		bottom: 220px;
		right: 8px;
		z-index:9999;
	}
	#toInstagram a {
		display: block;
		width: 57px;
		background: url(images/sns/instagram.png) no-repeat;
	}
	#toInstagram a:hover img {
		visibility: hidden;
	}
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#toInstagram {
			position: fixed;
			bottom: 250px;
			right: 0px;
			z-index:9999;
		}
	}
/*	@media only screen and (max-width: 768px) {*/
	@media only screen and (max-width: 992px) {

		#toInstagram {
			display:none;
			position: fixed;
			bottom: 150px;
			right: 0px;
			z-index:99;
		}
	}

/* ■ お問い合わせ　----------------------------------------------*/

	#toContact {
		position: fixed;
		bottom: 100px;
		right: 0px;
		z-index:0;
	}
	#toContact a {
		display: block;
		width: 81px;
		background: url(images/menu/contact_ov.png) no-repeat;
	}
	#toContact a:hover img {
		visibility: hidden;
	}
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#toContact {
			position: fixed;
			bottom: 250px;
			right: 0px;
			z-index:1;
		}
	}
/*	@media only screen and (max-width: 768px) {*/
	@media only screen and (max-width: 992px) {

		#toContact {
			display:none;
			position: fixed;
			bottom: 150px;
			right: 0px;
			z-index:1;
		}
	}

/* ■ お問い合わせ#2　----------------------------------------------*/

	#toCont {
		position: fixed;
		bottom: 100px;
		right: 7px;
		z-index:9999;
		/*はじめは非表示*/
			opacity: 0;
			transform: translateX(100px);
	}
	#toCont a {
		display: block;
		width: 63px;
		background: url(images/menu/contact_ov.png) no-repeat;
	}
	#toCont a:hover img {
		visibility: hidden;
	}
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#toCont {
			position: fixed;
			bottom: 250px;
			right: 0px;
			z-index:9999;
		}
	}
	@media only screen and (max-width: 992px) {

		#toCont {
			display:none;
			position: fixed;
			bottom: 150px;
			right: 0px;
			z-index:99;
		}
	}

/* ■ 採用情報　----------------------------------------------*/

	#toRecruit {
		position: fixed;
		bottom: 0px;
		left:10%;
		z-index:9;
	}
	#toRecruit a {
		display: block;
		width: 250px;
		background: url(images/menu/recruit_ov.png) no-repeat;
			transition: 0.8s ease-in-out;
			-webkit-transition: 0.8s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.8s ease-in-out;
			-o-transition: 0.8s ease-in-out;
	}
	#toRecruit a:hover img {
		visibility: hidden;
			transition: 0.8s ease-in-out;
			-webkit-transition: 0.8s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.8s ease-in-out;
			-o-transition: 0.8s ease-in-out;
	}
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#toRecruit {
			display:none;
		}
	}
	@media only screen and (max-width: 768px) {

		#toRecruit {
			display:none;
			position: fixed;
			bottom: 27px;
			left:0px;
			right:0px;
			margin:auto;
			width: 250px;
			height:47px;
			z-index:9;
		}
		#toRecruit img {
			zoom:0.8;
		}
		#toRecruit  a {
			display: block;
			width: 250px;
			background: url(images/menu/recruit.png ) no-repeat;
			background-size:250px 47px;
		}
		#toRecruit  a:hover {
			display: block;
			width: 256px;
			background: url(images/menu/recruit_ov.png ) no-repeat;
			background-size:250px 47px;
		}
	}

/* ■ 電話　----------------------------------------------*/

	#toTel {
		position: fixed;
		bottom: 0px;
		right:22%;
		z-index:9;
	}
	#toTel a {
		display: block;
		width: 250px;
		background: url(images/menu/tel_ov.png) no-repeat;
			transition: 0.8s ease-in-out;
			-webkit-transition: 0.8s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.8s ease-in-out;
			-o-transition: 0.8s ease-in-out;
	}
	#toTel a:hover img {
		visibility: hidden;
			transition: 0.8s ease-in-out;
			-webkit-transition: 0.8s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.8s ease-in-out;
			-o-transition: 0.8s ease-in-out;
	}
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#toTel {
			display:none;
		}
	}
	@media only screen and (max-width: 768px) {

		#toTel {
			display:none;
			position: fixed;
			bottom: 27px;
			left:0px;
			right:0px;
			margin:auto;
			width: 250px;
			height:47px;
			z-index:9;
		}
		#toTel img {
			zoom:0.8;
		}
		#toTel  a {
			display: block;
			width: 250px;
			background: url(images/menu/tel.png ) no-repeat;
			background-size:250px 47px;
		}
		#toTel  a:hover {
			display: block;
			width: 256px;
			background: url(images/menu/tell_ov.png ) no-repeat;
			background-size:250px 47px;
		}
	}

/* ■ LINE　----------------------------------------------*/

	#toLine {
		position: fixed;
		bottom: 0px;
		right:5%;
		z-index:9;
	}
	#toLine a {
		display: block;
		width: 250px;
		background: url(images/menu/line_ov.png) no-repeat;
			transition: 0.8s ease-in-out;
			-webkit-transition: 0.8s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.8s ease-in-out;
			-o-transition: 0.8s ease-in-out;
	}
	#toLine a:hover img {
		visibility: hidden;
			transition: 0.8s ease-in-out;
			-webkit-transition: 0.8s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.8s ease-in-out;
			-o-transition: 0.8s ease-in-out;
	}
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#toLine {
			display:none;
		}
	}
	@media only screen and (max-width: 768px) {

		#toLine {
			display:none;
			position: fixed;
			bottom: 27px;
			left:0px;
			right:0px;
			margin:auto;
			width: 250px;
			height:47px;
			z-index:9;
		}
		#toLine img {
			zoom:0.8;
		}
		#toLine  a {
			display: block;
			width: 250px;
			background: url(images/menu/line.png ) no-repeat;
			background-size:250px 47px;
		}
		#toLine  a:hover {
			display: block;
			width: 256px;
			background: url(images/menu/line_ov.png ) no-repeat;
			background-size:250px 47px;
		}
	}

/* ■ ToPageTop -----------------------------------------------------*/

	#toPageTop {
		position: fixed;
		bottom: 18px;
		right: 9px;
		z-index:9999;
	}
	#toPageTop a {
		display: block;
		width: 44px;
		background: url(images/com/toTop_ov.png) no-repeat;
			transition: 0.8s ease-in-out;
			-webkit-transition: 0.8s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.8s ease-in-out;
			-o-transition: 0.8s ease-in-out;
	}
	#toPageTop a:hover img {
		visibility: hidden;
			transition: 0.8s ease-in-out;
			-webkit-transition: 0.8s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.8s ease-in-out;
			-o-transition: 0.8s ease-in-out;
	}
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#toPageTop {
			position: fixed;
			bottom: 30px;
			right: 0px;
			z-index:9999;
		}
	}
	@media only screen and (max-width: 768px) {
		#toPageTop {
			position: fixed;
			bottom: 30px;
			right: 1px;
			z-index:9999;
		}
		#toPageTop img {
			zoom:0.8;
		}
		#toPageTop a {
			display: block;
			width: 35px;
			background: url(images/com/toTop.png) no-repeat;
			background-size:35px 35px;
		}
	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#toPageTop {
			position: fixed;
			bottom: 5px;
			right: 5px;
			z-index:9999;
		}
	}

/* ■ side symbole ----------------------------------------------*/

	#FG {
		position: fixed;
		bottom: 100px;
		left: 10px;
		z-index:99;
	}
	#FG a {
		display: block;
		width: 15px;
		background: url(images/com/logo09.png) no-repeat;
	}
	#FG a:hover img {
		visibility: hidden;
	}
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#FG {
			position: fixed;
			bottom: 130px;
			left: 0;
			z-index:99;
		}
	}
	@media only screen and (max-width: 768px) {

		#FG {
			display:none;
		}
	}


/* ■Casestudy Contents #banner  */

	#banner {
		margin: 0 auto 0 auto;
		width: 100%;
		padding-bottom:30px;
		background-color:#FFF;
		background:linear-gradient(180deg,white 0%,white 37%,#F5F5F5 37%,#F5F5F5 100%);	/* ★ */
	}
	#banner h1,h2,h3,h4,h5,h6{
		font-size:100%;
		font-weight:normal;
	}
	#banner ul.bn01 {
		margin: 0 auto 0 auto;
		width: 100%;
	}
	#banner ul.bn01 li {
		margin: 20px auto 0 auto;
		width :301px;
	}
	#banner ul.bn01 li img {
		max-width:100%;
		height:auto;
	}
	#banner ul.bn02 {
		margin: 0 auto 0 auto;
		width: 100%;
	}
	#banner ul.bn02 li {
		margin: 20px auto 0 auto;
		width :301px;
	}
	#banner ul.bn02 li a img {
		margin: 0 auto 0 auto;
		display:block;
		max-width:85%;
		height:auto;
	}

	@media only screen and  (max-width: 360px) {
	}

	@media only screen and (min-width:768px) {

		#banner {
			margin: 0 auto 0 auto;
			width: 100%;
			padding-bottom:0px;
			background-color:#FFF;
			background:linear-gradient(180deg,white 0%,white 25%,#F5F5F5 25%,#F5F5F5 100%);	/* ★ */
		}
		#banner ul.bn01 {
			margin: 30px auto 30px auto;
			display:flex;
			flex-wrap:nowrap;
			justify-content: space-between;	/* 両端のアイテムを余白を空けずに配置し、他の要素は均等に間隔を空けて配置 */
			width: 70%;
		}
		#banner ul.bn01 li {
			margin: 0 auto 0 auto;
			width :301px;
			padding-bottom:0px;
		}
		#banner ul.bn01 li a {
			display:block;
			width :301px;
			height:91px;
		}
		#banner ul.bn01 li img {
			width :281px;
			height:auto;
			height:91px;
		}
		#banner ul.bn01 li img:hover {
		}
		#banner ul.bn02 {
			margin: 80px auto 40px auto;
			display:flex;
			flex-wrap:nowrap;
			justify-content: space-between;	/* 両端のアイテムを余白を空けずに配置し、他の要素は均等に間隔を空けて配置 */
			width: 65%;
		}
		#banner ul.bn02 li {
			margin: 0 auto 0 auto;
			width :301px;
			padding-bottom:0px;
		}
		#banner ul.bn02 li a {
			display:block;
		}
		#banner ul.bn02 li a img {
			display:block;
			max-width:100%;
			height:auto;
		}
		@media only screen and (min-width: 993px) and (max-width: 1400px) {	/*◇ PC-S */

			#banner ul.bn02 {
				margin: 80px auto 40px auto;
				width: 70%;
			}

		}
	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#banner {
			margin: 0 auto 0 auto;
			width: 100%;
			padding-bottom:0px;
			background-color:#FFF;
			background:linear-gradient(90deg,#F5F5F5 0%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
		}
		#banner ul.bn02 {
			margin: 80px auto 40px auto;
			width: 80%;
		}
	}

/*==========================================
	フッター 情報領域
===========================================*/

	.fmenu {
		display:block;
		margin: 0 auto 0 auto;
		width:100%;
		padding-bottom:10px;
		background-color:#fff;
		border-top:1px solid #BDC3C7;		/* Siver */
		border-bottom: 1px solid #BDC3C7;	/* Siver */
	}
	.fmenu ul {
		margin:0 auto 0 auto;
		display:flex;
		flex-wrap:nowrap;
		justify-content: space-between;	/* 両端のアイテムを余白を空けずに配置し、他の要素は均等に間隔を空けて配置 */
		width: 95%;
	}
	.fmenu ul.fm01 {
		margin:20px auto 0 auto;
	}
	.fmenu ul.fm01 li {
		width: 12%;
		padding-bottom:0px;
		font-size:14px;
		color:#444;
		font-weight:normal;
		font-weight:600;
		letter-spacing: 0.1em;
		padding-bottom:10px;
	}
	.fmenu ul.fm01 li:first-child {
		width: 15%;
		margin-left:7%;
	}
	.fmenu ul.fm01 li:nth-child(3) {
		width: 15%;
	}
	.fmenu ul.fm01 li:last-child {
/*		padding-left:35px;	*/
	}

	.fmenu ul li>a {
		color:#444;
	}
	.fmenu ul li>a:hover {
		color: #A4966A;		/* Gold01 */
	}
	.fmenu .fm02 {
		margin:20px auto 0 auto;
		width:220%;
		padding-bottom:0px;
		padding-left:0px;
	}
	.fmenu .fm02 p {
		width:100%;
		font-size:12px;
		font-family: "NotoSansCJKjp-Medium";
		letter-spacing: 0.1em;
		line-height:1.3em;
 		padding-left:2.0em;
	 	text-indent:-2.0em;	/* 2行目以降1字下げ */
		color: #A4966A;		/* Gold01 */
		padding-bottom:10px;
	}
	.fmenu .fm02 p a {
		color: #A4966A;		/* Gold01 */
		color: #444;
	}
	.fmenu .fm02 p a:hover {
		color: #DCB122;		/* HISAYA-brown02 */
	}

	@media only screen and (max-width:992px) {	/* SP Layout ◇ */
		.fmenu {
			display:none;
		}
	}

	.footer01 {
		margin: 0 auto 0 auto;
		width:100%;
		height: 110px;
		background-color: #FFF;
		position: relative;
	}
	.footer01 .flogo {	
		position: absolute;
		top: 20px;
		left:10%;
		width : 100px;
		height: 100px;
		display	: block;
		text-indent: -99999px;	/* テキスト非表示 */
		border	: 0px;
	}
	.footer01 .flogo a{
		overflow: hidden;	 /* 内容を非表示にする。*/
		width : 100px;
		height: 0 !important;
		height /**/:100px;
		padding-top: 100px;
		display	: block;
		background	: url("images/com/logo.svg") no-repeat;
		background-size:501px 501px;
		background-size:100px 100px;	/* % */
	}
	.footer01 .flogo a:hover{
		display	: block;
		background	: url("images/com/logo.svg") no-repeat;
		background-size:100px 100px;
	}
	.footer01 dl,dt,dd {
		display:block;
	}
	.footer01 dl {
		position: absolute;
		top: 25px;
		left:20%;
		width :450px;
		text-align:left;
	}
	.footer01 dt {
		font-size:15px;
		font-weight:bold;
		font-weight:normal;
		font-weight:600;
/*		font-family: "NotoSansCJKjp-Medium";	*/
		color: #444;
		color: #A4966A;		/* Gold01 */
		padding-bottom:10px;
	}
	.footer01 dd {
		font-size:13px;
		line-height:20px;
		font-weight:600;
/*		font-family: "NotoSansCJKjp-Regular";*/
		color:#333;
	}
	.footer01 dd.copyright {
		display:none;
	}
	.footer01 dd a{
		color:#333;
	}
	.footer01 ul {
		display:block;
		position: absolute;
		top: 50px;
		left:65%;
		left:70.75%;
		width :250px;
	}
	.footer01 li {
		float:left;
		padding-left:50px;
		padding-bottom:20px;
		font-size:13px;
		font-weight:600;
/*		font-family: "NotoSansCJKjp-Medium";	*/
		letter-spacing: 0.1em;
	}
	.footer01 li a {
		color:#666;
	}
	.footer01 li a:hover {
		color: #A4966A;		/* Gold01 */
	}
	.footer02 {
		margin: 0 auto 0 auto;
		width:100%;
		height: 35px;
		background-color: #E6E6E6;
		border-top: 1px solid #BDC3C7;		/* Siver */
		position: relative;
	}
	.footer02sp {
		display:none;
	}
	@media only screen and (min-width: 993px) and (max-width: 1400px) {	/*◇ PC-S */

		.fmenu ul.fm01 {
		}
		.fmenu ul.fm01 li {
			font-size:13px;
		}
		.fmenu ul.fm01 li:last-child {
			padding-left:25px;
		}
		.fmenu .fm02 p {
			width:85%;
			font-size:11px;
			line-height:1.5em;
	 		padding-left:1.0em;
		 	text-indent:-1.0em;	/* 2行目以降1字下げ */
		}
		.footer01 .flogo {	
			position: absolute;
			top: 25px;
			left:7.5%;
			width : 171px;
			height: 81px;
		}
	}

	@media only screen and (max-width:992px) {	/* SP Layout ◇ */

		.footer01 {
			margin: 0 auto 0 auto;
			width:100%;
			height: 130px;
			background-color: #FFF;
			position: relative;
			border-Top: 1px solid #BDC3C7;		/* Silver */
			position: relative;
		}
		.footer01 .flogo {	
			display	:block;
			position: absolute;
			top: 20px;
			left:70%;
			width : 90px;
			height: 22px;
			text-indent: -99999px;	/* テキスト非表示 */
			border: 0;
		}
		.footer01 .flogo a{
			overflow: hidden;	 /* 内容を非表示にする。*/
			width : 90px;
			height: 0 !important;
			height /**/:22px;
			padding-top: 22px;
			display	: block;
			background	: url("images/com/logo03.png") no-repeat;
			background-size:224px 55px;
			background-size:78px 19px;		/* 35% */
			background-size:90px 22px;		/* 40% */
		}
		.footer01 .flogo a:hover{
			display	: block;
			background	: url("images/com/logo03.png") no-repeat;
			background-size:90px 22px;		/* 40% */
		}
		.footer01 dl,dt,dd {
			display:block;
		}
		.footer01 dl {
			position: absolute;
			top: 20px;
			left:5%;
			width :95%;
			text-align:left;
		}
		.footer01 dt {
			font-size:14px;
			font-weight:bold;
			color: #A4966A;		/* Gold01 */
			color:#333;
			padding-bottom:10px;
		}
		.footer01 dd {
			font-size:11.5px;
			color:#333;
			padding-bottom:3px;
		}
		.footer01 dd.copyright {
			display:block;
			font-size:10px;
		}
		.footer01 ul {
			display:none;
		}
		.footer02 {
			display:none;
			margin: 0 auto 0 auto;
			width:100%;
			height: 40px;
			padding-bottom:0;
			position: relative;
		}
		.footer02sp {
			display:none;
			margin:0 auto 0 auto;
			width:100%;
			height: 30px;
			position: relative;
		}
		.footer02sp .ftanksp {
			font-size:11px;
			color:#333;
		}
		.footer02sp #ftank03 {
			display:block;
			float: left;
			width:50%;
			padding:8px;
			padding-left:20px;
		}
		.footer02sp #ftank04 {
			display:block;
			float: left;
			width:50%;
			padding:8px;
		}
		@media only screen and (min-width:414px) {

			.footer02sp {
				display:block;
				margin:0 auto 0 auto;
				width:100%;
				height: 30px;
				border-Top: 1px solid #BDC3C7;		/* Silver */
				background-color: #F5F5F5;
				position: relative;
			}
		}
		@media only screen and (max-width:320px) {

			.footer01 ul {
				position: absolute;
				top: 230px;
				left:-9%;
				width :100%;
				width :250px;
			}
			.footer02sp #ftank03 {
				width:40%;
				height: 30px;
				padding:8px;
			}
			.footer02sp #ftank04 {
				width:50%;
				height: 30px;
				padding:8px;
			}
		}
		/* Tablet Layout ◇ */
		@media only screen and (min-width: 768px) and (max-width: 992px) {

			.footer01 {
				margin: 0 auto 0 auto;
				width:100%;
				height: 160px;
				background-color: #FFF;
				position: relative;
			}
			.footer01 dl {
				position: absolute;
				left:12.5%;
				left:5%;
			}
			.footer01 ul {
				position: absolute;
				top: 150px;
				left:60%;
				width :300px;
			}
			.footer01 li {
				float:left;
				padding-left:50px;
			}
			.footer01 .flogo {	
				position: absolute;
				top: 45px;
				left:80%;
			}

			.footer02sp {
				display:block;
				margin:0 auto 0 auto;
				width:100%;
				height: 30px;
				border-Top: 1px solid #BDC3C7;		/* Silver */
				background-color: #F5F5F5;
				position: relative;
			}
			.footer02sp #ftank03 {
				display:block;
				float: left;
				width:27%;
				padding:8px;
				padding-left:80px;
			}
			.footer02sp #ftank04 {
				display:block;
				float: left;
				width:50%;
				padding:8px;
			}
		}

	}
	.footer02 .ftank {
		font-size:13px;
		color:#333;
	}
	.footer02 #ftank01 {
		position: absolute;
		top: 12px;
		right:15%;
		right:18%;
	}
	.footer02 #ftank02 {
		position: absolute;
		top: 10px;
		left:35%;
	}

	/* copy right ---------------------*/

	.footer03 {
		position: relative;
		width:100%;
		height: 40px;
		background-color:#262626;		/* mmts-black01 */
	}
	.footer03 .copy {
		margin: 0 auto 0 auto;
		padding-top: 12px;
		padding-left: 35%;
		text-align:left;
		font-size: 12px;
		color: #FFF;
 		font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3",
					 "Hiragino Kaku Gothic Pro", Osaka,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

	@media only screen and (max-width:992px) {	/* SP Layout ◇ */
		.footer03 {
			display:none;
		}
	}
	.footer03sp {
		display:none;
		margin-top:0;
		margin-bottom:0px;
		position: relative;
		width:100%;
		height: 30px;
		background-color:#262626;		/* mmts-black01 */
		z-index:8;
	}
	.footer03sp .copy {
		margin: auto;
		margin-top:0;
		width:100%;
		max-width:360px;
		height:20px;
		text-align:center;
		padding-top:8px;
		font-size: 10px;
		line-height:12px;
		color: #FFF;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "小塚ゴシック Pro","Kozuka Gothic Pro","メイリオ", 
						Meiryo, Osaka, helvetica, arial,
						"游ゴシック体", YuGothic,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}


	@media only screen and (min-width:992px) {	/* PC Layout ◇ */
		.footer03sp {
			display:none;
		}
		.Navsp ul {				/*  Block横均等配置 ◆*/
			width:100%;
			display:flex;
			justify-content: center;
			padding:0;
			padding-top:0px;
			list-style: none;
		}
	}


	/* SP メニュー -------- */
	.Navsp {			/*  ◇ SP Menu  visible  */
		margin-top:0;
		display: block;
		position: fixed;
		bottom: 0px;
		left: 0px;
		z-index:88;
		width:100%;
		height: 50px;
		background-color:rgba( 255,255,255,0.75 ); 	/*  White  透過75% */
			box-shadow: 0px 1px 3px 1px #aaa;
			-webkit-box-shadow: 0px 1px 3px 1px #aaa;
			-moz-box-shadow: 0px 1px 3px 1px #aaa;
	}
	.Navsp ul {				/*  Block横均等配置 ◆*/
		width:100%;
		height: 40px;
		display:flex;
		justify-content: center;
		padding:0;
		padding-top:0px;
		list-style: none;
				    -webkit-box-sizing: border-box;
				       -moz-box-sizing: border-box;
				         -o-box-sizing: border-box;
				        -ms-box-sizing: border-box;
				            box-sizing: border-box;
	}
	.Navsp ul li {			/*  Block横均等配置 ◆ */
		width:calc(100% / 2);
		height:40px;
		margin:5px;
		text-align:center;
		line-height:20px;
		font-size:13px;
		font-weight:bold;
				    -webkit-box-sizing: border-box;
				       -moz-box-sizing: border-box;
				         -o-box-sizing: border-box;
				        -ms-box-sizing: border-box;
				            box-sizing: border-box;
	}
	.Navsp ul li:first-child {		/* 今すぐ申し込む　エントリーFORMへ */
		position: absolute;
		top: 0;
		left: 0;
		width:48%;
		display	: block;
	}
	.Navsp ul li:first-child a{
		overflow: hidden;
		width:100%;
		height:100%;
		color:#FFF;
		padding-top:8px;
		padding-left:20px;
		background	: url("images/icon/entry.png") no-repeat;
		background-size:30px 27px;
		background-position:  left 4px top 4px;
		background-color:#E3007F;		/* NS-pink */
		border: 2px solid #E3007F;		/* NS-pink */
		display	: block;
			    -webkit-box-sizing: border-box;
			       -moz-box-sizing: border-box;
			         -o-box-sizing: border-box;
			        -ms-box-sizing: border-box;
			            box-sizing: border-box;
		transition: 0.5s ease-in-out;
		-webkit-transition: 0.5s ease-in-out;	/* Ease in-out */
		-moz-transition: 0.5s ease-in-out;
		-o-transition: 0.5s ease-in-out;
	}
	.Navsp ul li:first-child a:hover{
		display	: block;
		width:100%;
		color:#00C402;	/*LINE green */
		color:#FFF;
		padding-top:10px;
		padding-left:20px;
		background	: url("images/icon/entry.png") no-repeat;
		background-size:30px 27px;
		background-position:  left 4px top 4px;
		background-color:#E3007F;		/* NS-pink */
		border: 2px solid #E3007F;		/* NS-pink */
		transition: 0.5s ease-in-out;
		-webkit-transition: 0.5s ease-in-out;	/* Ease in-out */
		-moz-transition: 0.5s ease-in-out;
		-o-transition: 0.5s ease-in-out;
	}
	.Navsp ul li:nth-child(2) {		/* プライバシーポリシー */
		position: absolute;
		top: 0;
		right: 0;
		width:48%;
	}
	.Navsp ul li:nth-child(2) a{
		overflow: hidden;
		width:100%;
		height:100%;
		color:#444;
		padding-top:8px;
		padding-left:20px;
		background	: url("images/icon/tel.png") no-repeat;
		background-size:30px 29px;
		background-position:  left 4px top 3px;
		background-color:#FFF;
		border: 2px solid #444;
		display	: block;
		    -webkit-box-sizing: border-box;
		       -moz-box-sizing: border-box;
		         -o-box-sizing: border-box;
		        -ms-box-sizing: border-box;
		            box-sizing: border-box;
		transition: 0.5s ease-in-out;
		-webkit-transition: 0.5s ease-in-out;	/* Ease in-out */
		-moz-transition: 0.5s ease-in-out;
		-o-transition: 0.5s ease-in-out;
	}
	.Navsp ul li:nth-child(2) a:hover{
		display	: block;
		width:100%;
		color:#444;
		padding-top:10px;
		padding-left:20px;
		background	: url("images/icon/tel.png") no-repeat;
		background-size:30px 29px;
		background-position:  left 4px top 3px;
		background-color:#F4F4F4;
		border: 2px solid #444;
		transition: 0.5s ease-in-out;
		-webkit-transition: 0.5s ease-in-out;	/* Ease in-out */
		-moz-transition: 0.5s ease-in-out;
		-o-transition: 0.5s ease-in-out;
	}

/*	.Navsp ul li:hover{
		opacity:0.8;
	}*/

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

		.Navsp ul li {			/*  Block横均等配置 ◆ */
			width:calc(100% / 2);
			height:40px;
			margin:5px;
			text-align:center;
			line-height:20px;
			font-size:12px;
			font-weight:bold;
					    -webkit-box-sizing: border-box;
					       -moz-box-sizing: border-box;
					         -o-box-sizing: border-box;
					        -ms-box-sizing: border-box;
					            box-sizing: border-box;
		}
		.Navsp ul li:first-child {
			font-size:11px;
		}
		.Navsp ul li:nth-child(2) {	
			font-size:12px;
		}

	}
							/* ■ SP MENU -----------*/
	@media only screen and (min-width:768px) {
		.Navsp {			/*  ◇ SP Menu  unvisible  */
			display	: none;
		}
	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {
		.Navsp {			/*  ◇ SP Menu  visible  */
			display	: block;
			height: 70px;
		}
		.Navsp ul {				/*  Block横均等配置 ◆*/
			width:100%;
			height: 60px;
			display:flex;
			justify-content: center;
			padding:0;
			padding-top:0px;
			list-style: none;
					    -webkit-box-sizing: border-box;
					       -moz-box-sizing: border-box;
					         -o-box-sizing: border-box;
					        -ms-box-sizing: border-box;
					            box-sizing: border-box;
		}
		.Navsp ul li {			/*  Block横均等配置 ◆ */
			width:calc(100% / 2);
			height:60px;
			margin:5px;
			text-align:center;
			line-height:20px;
			font-size:18px;
			font-weight:bold;
					    -webkit-box-sizing: border-box;
					       -moz-box-sizing: border-box;
					         -o-box-sizing: border-box;
					        -ms-box-sizing: border-box;
					            box-sizing: border-box;
		}
		.Navsp ul li:first-child {		/* 今すぐ申し込む　エントリーFORMへ */
			position: absolute;
			top: 0;
			left: 0;
			width:48%;
			display	: block;
		}
		.Navsp ul li:first-child a{
			overflow: hidden;
			width:100%;
			height:100%;
			color:#FFF;
			padding-top:17px;
			padding-left:20px;
			background	: url("images/menu/entry_icon.png") no-repeat;
			background-size:40px 43px;
			background-position:  left 15px top 7px;
			background-color:#00C402;	/*LINE green */
			border: 2px solid #00C402;	/*LINE green */
			display	: block;
				    -webkit-box-sizing: border-box;
				       -moz-box-sizing: border-box;
				         -o-box-sizing: border-box;
				        -ms-box-sizing: border-box;
				            box-sizing: border-box;
			transition: 0.5s ease-in-out;
			-webkit-transition: 0.5s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.5s ease-in-out;
			-o-transition: 0.5s ease-in-out;
		}
		.Navsp ul li:first-child a:hover{
			display	: block;
			width:100%;
			color:#00C402;	/*LINE green */
			color:#FFF;
			padding-top:17px;
			padding-left:20px;
			background	: url("images/menu/entry_icon.png") no-repeat;
			background-size:40px 43px;
			background-position:  left 15px top 5px;
			background-color:#00C402;	/*LINE green */
			border: 2px solid #00C402;	/*LINE green */
			transition: 0.5s ease-in-out;
			-webkit-transition: 0.5s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.5s ease-in-out;
			-o-transition: 0.5s ease-in-out;
		}
		.Navsp ul li:nth-child(2) {		/* プライバシーポリシー */
			position: absolute;
			top: 0;
			right: 0;
			width:48%;
		}
		.Navsp ul li:nth-child(2) a{
			overflow: hidden;
			width:100%;
			height:100%;
			color:#4DA635;	/* MCS green01 */
			padding-top:17px;
			background-color:#FFF;
			border: 2px solid #4DA635;	/* MCS green01 */
			display	: block;
			    -webkit-box-sizing: border-box;
			       -moz-box-sizing: border-box;
			         -o-box-sizing: border-box;
			        -ms-box-sizing: border-box;
			            box-sizing: border-box;
			transition: 0.5s ease-in-out;
			-webkit-transition: 0.5s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.5s ease-in-out;
			-o-transition: 0.5s ease-in-out;
		}
		.Navsp ul li:nth-child(2) a:hover{
			display	: block;
			width:100%;
			color:#4DA635;	/* MCS green01 */
			padding-top:17px;
			background-color:#F4F4F4;
			border: 2px solid #4DA635;			/* MCS green01 */
			transition: 0.5s ease-in-out;
			-webkit-transition: 0.5s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.5s ease-in-out;
			-o-transition: 0.5s ease-in-out;
		}
	}

/* ◆Other Style ---------------------------------*/

	/* ★ 要素のはみ出し解決 ----------------------------------------------- */

		body {
			overflow-x: hidden;	/* ★ 横方向はみ出した部分を非表示にする */
		}

	/* ◇ Flexible Images ------------------------*/

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

	/* ◇ placeholder ------------------------*/

	/*Webkit*/
	::-webkit-input-placeholder {color: #AAA}
	 
	/*Firefox 19以降*/
	::-moz-placeholder  {color: #AAA}
	 
	/*Firefox 18以前*/
	:-moz-placeholder   {color: #AAA}
	 
	/*Windows IE*/
	:-ms-input-placeholder  {color: #AAA} 

	h1,h2,h3,h4,h5,h6{
		font-size:100%;
		font-weight:normal;
	}

	.h2invisible {
		display:none;
	}

/* ■ Others --------------------------------*/

	.bold {
		font-weight:bold;
	}
	/* common effect */
	.ease  a{
			transition: 0.8s ease-in-out;
			-webkit-transition: 0.8s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.8s ease-in-out;
			-o-transition: 0.8s ease-in-out;
	}
	 .ease a:hover {
			transition: 0.8s ease-in-out;
			-webkit-transition: 0.8s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.8s ease-in-out;
			-o-transition: 0.8s ease-in-out;
	}
	.ease02  a{
			transition: 0.2s ease-in-out;
			-webkit-transition: 0.2s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2s ease-in-out;
	}
	 .ease02 a:hover {
			transition: 0.2s ease-in-out;
			-webkit-transition: 0.2s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2s ease-in-out;
	}

	a:hover img {
		-webkit-opacity: 0.5;
		-moz-opacity: 0.5;
		-o-opacity: 0.5;
		filter: alpha(opacity=50);	/* IE lt 8 */
		-ms-filter: "alpha(opacity=50)"; /* IE 8 */
		opacity: 0.5;
	}
	a img {
		-webkit-transition: opacity 0.5s ease-out;
		-moz-transition: opacity 0.5s ease-out;
		-ms-transition: opacity 0.5s ease-out;
		-o-transition: opacity 0.5s ease-out;
		transition: opacity 0.5s ease-out;
	}

/* ■ Color material */

	.subt {
		color: #A4966A;		/* Gold01 */
		font-size:13px;
		text-align:center;
	}
	.subt01 {
		color: #A4966A;		/* Gold01 */
		font-size:15px;
	}
	@media only screen and (max-width:768px) {
		.subt01 {
			font-size:12px;
		}
	}

	.mmts-black01 {
		color: #262626;		/* mmts-black01 */
	}
	.mmts-black02 {
		color: #333333;		/* mmts-black01 */
	}
	.mmts-red01 {
		color: #960021;		/* mmts-red01 */
	}
	.mmts-red02 {
		color: #BF0122;		/* mmts-red02 */
	}
	.mmts-gray01 {
		color: #D4D4D4;		/* mmts-gray01 */
	}
	.mmts-gray02 {
		color: #E6E6E6;		/* mmts-gray02 */
	}
	.mmts-gray03 {
		color: #E6E6E6;		/* mmts-gray02 */
	}
	.beige-gray01 {
		color: #DAD1BB;	/* beige-gray01 */
	}
	.beige-gray02 {
		color: #E7DDD2;		/* beige-gray02 */
	}


	.gold {
		color: #A4966A;		/* Gold01 */
	}
	.goldc02 {
		color: #B27C04;		/* Gold02 */
	}
	.silver {
		color: #BDC3C7;		/* Siver */
	}
	.uline {
		border-bottom: 1px solid #B27C04;
	}


/* ========== css/font.css ========== */
/*-----------------------------------------------------------------------------*/
/*	基本 CSS													 		*/
/*-----------------------------------------------------------------------------*/
/* ●WEB FONT -------------------------*/

@media only screen and (min-width:992px) {	/* PC Layout ◇ */

	@font-face {
		font-family: "NotoSansCJKjp-Regular";
		font-display: swap;
		font-style: normal;
		font-weight: normal;
		src: url('fonts/NotoSansCJKjp.eot');
		src: url('fonts/NotoSansCJKjp.eot?#iefix') format('embedded-opentype'),
			 url('fonts/NotoSansMonoCJKjp-Regular.woff') format('woff'),
			 url('fonts/NotoSansMonoCJKjp-Regular.otf') format('opentype')
	}
	@font-face {
		font-family: "NotoSansCJKjp-Medium";
		font-display: swap;
		font-style: normal;
		font-weight: normal;
		src: url('fonts/NotoSansCJKjp.eot');
		src: url('fonts/NotoSansCJKjp.eot?#iefix') format('embedded-opentype'),
			 url('fonts/NotoSansCJKjp-Medium.woff') format('woff'),
			 url('fonts/NotoSansCJKjp-Medium.otf') format('opentype')
	}
	@font-face {
		font-family: "NotoSansCJKjp-Light";
		font-display: swap;
		font-style: normal;
		font-weight: normal;
		src: url('fonts/NotoSansCJKjp.eot');
		src: url('fonts/NotoSansCJKjp.eot?#iefix') format('embedded-opentype'),
			 url('fonts/NotoSansCJKjp-Light.woff') format('woff'),
			 url('fonts/NotoSansCJKjp-Light.otf') format('opentype')
	}
	@font-face {
		font-family: "NotoSansCJKjp-Bold";
		font-display: swap;
		font-style: normal;
		font-weight: normal;
		src: url('fonts/NotoSansCJKjp.eot');
		src: url('fonts/NotoSansCJKjp.eot?#iefix') format('embedded-opentype'),
			 url('fonts/NotoSansCJKjp-Bold.woff') format('woff'),
			 url('fonts/NotoSansCJKjp-Bold.otf') format('opentype')
	}
	@font-face {
		font-family: "NotoSansCJKjp-Black";
		font-display: swap;
		font-style: normal;
		font-weight: normal;
		src: url('fonts/NotoSansCJKjp.eot');
		src: url('fonts/NotoSansCJKjp.eot?#iefix') format('embedded-opentype'),
			 url('fonts/NotoSansCJKjp-Black.woff') format('woff'),
			 url('fonts/NotoSansCJKjp-Black.otf') format('opentype')
	}
	@font-face {
		font-family: "NotoSansCJKjp-Thin";
		font-display: swap;
		font-style: normal;
		font-weight: normal;
		src: url('fonts/NotoSansCJKjp.eot');
		src: url('fonts/NotoSansCJKjp.eot?#iefix') format('embedded-opentype'),
			 url('fonts/NotoSansCJKjp-Thin.woff') format('woff'),
			 url('fonts/NotoSansCJKjp-Thin.otf') format('opentype')
	}
	@font-face {
		font-family: "NotoSerifCJKjp-SemiBold";
		font-display: swap;
		font-style: normal;
		font-weight: normal;
		src: url('fonts/NotoSerifCJKjp.eot');
		src: url('fonts/NotoSerifCJKjp.eot?#iefix') format('embedded-opentype'),
			 url('fonts/NotoSerifCJKjp-SemiBold.woff') format('woff'),
			 url('fonts/NotoSerifCJKjp-SemiBold.otf') format('opentype')
	}
	@font-face {
		font-family: "NotoSerifCJKjp-Bold";
		font-display: swap;
		font-style: normal;
		font-weight: normal;
		src: url('fonts/NotoSerifCJKjp.eot');
		src: url('fonts/NotoSerifCJKjp.eot?#iefix') format('embedded-opentype'),
			 url('fonts/NotoSerifCJKjp-Bold.woff') format('woff'),
			 url('fonts/NotoSerifCJKjp-Bold.otf') format('opentype')
	}
	@font-face {
		font-family: "NotoSerifCJKjp-Medium";
		font-display: swap;
		font-style: normal;
		font-weight: normal;
		src: url('fonts/NotoSerifCJKjp.eot');
		src: url('fonts/NotoSerifCJKjp.eot?#iefix') format('embedded-opentype'),
			 url('fonts/NotoSerifCJKjp-Medium.woff') format('woff'),
			 url('fonts/NotoSerifCJKjp-Medium.otf') format('opentype')
	}
	@font-face {
		font-family: "NotoSerifCJKjp-Regular";
		font-display: swap;
		font-style: normal;
		font-weight: normal;
		src: url('fonts/NotoSerifCJKjp.eot');
		src: url('fonts/NotoSerifCJKjp.eot?#iefix') format('embedded-opentype'),
			 url('fonts/NotoSerifCJKjp-Regular.woff') format('woff'),
			 url('fonts/NotoSerifCJKjp-Regular.otf') format('opentype')
	}
}

/* ◇ English WEB Fonts ---------------------------*/

	@font-face {
	    font-family: 'england';
	    src: url('fonts/england.eot');    /* IE6～8 */
	    src: url('fonts/england.eot?#iefix') format('embedded-opentype'), /* IE6～8 */
	        url('fonts/england.woff') format('woff'), /* 主要最新ブラウザ */
	        url('fonts/england.ttf') format('truetype');  /* IE以外の旧ブラウザ */
	}
	 
	@font-face {
	    font-family: 'Trajan';
	    src: url('fonts/TrajanPro-Regular.eot');
	    src: url('fonts/TrajanPro-Regular.eot?#iefix') format('embedded-opentype'),
	        url('fonts/TrajanPro-Regular.woff') format('woff'),
	        url('fonts/TrajanPro-Regular.ttf') format('truetype');
	}



/* ========== css/hfmenu.css ========== */
/*----------------------------------------------------------------------------*/
/*	Header MENU 共通構造 01 CSS								 	     */
/*----------------------------------------------------------------------------*/
/* CSS Document */

	header {
	}

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

		header {
			z-index:999999;
			background-color:rgba( 255,255,255,0.98 ); 	/*  White  透過98% */
		}
		.SP_header {
			display:block;
		}
		.PC_header {
			display:none;
		}
	}

	header {
		position: fixed;
		width: 100%;
		height: 60px;	/* SP height★ */
		padding:0;
	}
	header .g-nav  h1 {
		display:none;
	}
	body.menuOpen header{
		position: fixed;
		top:0;
		width: 100%;
	}
	header .headerTop{
		width :100%;
		position:relative;
/*		padding:20px;	*/
		padding:inherit;
	}
	header .siteTitle {			/*  LOGO */
		margin-top:7px;
		margin-left:15px;
		width : 198px;
		height: 44px;
		display	: block;
		text-indent: -99999px;	/* テキスト非表示 */
		border	: 0px;
	}
	header .siteTitle a{
		overflow: hidden;	 /* 内容を非表示にする。*/
		width : 198px;
		height: 0 !important;
		height /**/:44px;
		padding-top: 44px;
		display	: block;
		background	: url("images/com/logo01.png") no-repeat;
		background-size:220px 49px;
		background-size:198px 44px;		/* 90% */
		background-position: center center;
	}
	header .siteTitle a:hover{
		display	: block;
		background	: url("images/com/logo01.png") no-repeat;
		background-size:198px 31px;		/* 90% */
		background-position: center center;
	}
	.navDrawrSP {
		background-color:rgba( 38,38,38,0.6 ); 		/*  DrarkGray  透過60% */
		position: fixed;
		width: 270px;
		width: 100%;		/* ◆ */
		top: 60px;
		bottom: 0;
		right: -270px;
		right: -100%;		/* ◆ */
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	.navDrawrSP a {
		display: block;
		font-size: 14px;
		font-weight:normal;
		color: #444;
		text-decoration: none;
		background: #1abc9c;
		background-color:rgba( 38,38,38,0.6 ); 		/*  DrarkGray  透過60% */
		background-color:rgba( 255,255,255,1.0 ); 	/*  White  透過98% */
		padding: 10px;
	}
	.navDrawrSP>ul:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}
	.navDrawrSP>ul>li {
		float: left;
		width: 25%;
		position: relative;
	}
	.navDrawrSP .sub li:last-child a {
		border: none;
	}
	.navDrawrSP>ul>li>a {
		text-align: center;
	}
	.navDrawrSP>ul>li>a:hover {
		background: #1FAF93;
		background-color:rgba( 178,178,178,0.80 ); 	/*  LightGray  透過90% */
	}
	.navDrawrSP .spmenu02 {
	}
	.navDrawrSP .spmenu02 a {
		background-color:rgba( 255,255,255,1.00 ); 	/*  WHITE  透過100% */
		color:#444;
		border-bottom: 1px solid #EEE;
		padding-bottom:30px;
	}
	.navDrawrSP .spmenu02 a .fa{
		color:#A4946C; /* Gold01 */
	}
	.navDrawrSP .spmenu02 a::after {
		position: absolute;
		top: 60%;
		margin-top: -17px;
		right: 15px;
		font-weight:normal;
		font-size:8px;
		font-family: FontAwesome;
		content: "\f054";
		color:#AAA;
	}
	.overlay {
		display: none;
		background-color:rgba( 38,38,38,0.6 ); 	/*  DrarkGray  透過60% */
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	.navDrawrBtnSP {
/*		text-align: right;*/
	}
	.navDrawrBtnSP  {
		position: absolute;
		position: fixed;
		top: 2%;
		top: 5px;
		right:1%;
		display: block;
		width: 23px;
		height: 23px;
		width: 50px;
		height: 50px;
		background-color:rgba( 245,245,245,0.00 ); 	/*  baseGray  透過80% */
		cursor: pointer;
		z-index:99999999;
	}
	.navDrawrBtnSP .line {
		position: absolute;
		top: 0;
		left: 13px;
		display: block;
		text-align:center;
		width: 23px; 			/* 横幅 */
		height: 2px;				/* 1本辺りの高さ */
		background: #777;	/* 線の色 */
			/* 適用するプロパティ、変化する時間、変化する速度 */
			-webkit-transition: all 0.3s ease-out;
			transition: all 0.3s ease-out;
	}
	/* 3本線の各線の位置を指定 ---------------------- */
	.navDrawrBtnSP .line_01 { top: 10px; }
	.navDrawrBtnSP .line_02 { top: 18px; }
	.navDrawrBtnSP .line_03 { top: 26px; }

	/* 最上部の線のスタイル ---------------------- */
	.navDrawrBtnSP.is-active .line_01 {
		top: 18px; /* 上から2番目の線の位置に変更 */

		/* 線を45度回転 */
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	/* 上から2番目の線のスタイル ---------------------- */
	.navDrawrBtnSP.is-active .line_02 {
		 opacity: 0; /* 不透明度を下げて線を消す */
	}

	/* 最下部の線のスタイル ---------------------- */
	.navDrawrBtnSP.is-active .line_03 {
		 top: 18px; /* 上から2番目の線の位置に変更 */

	  /* 線を135度回転 */
	  	-webkit-transform: rotate(135deg);
	  	transform: rotate(135deg);
	}

	/* 最上部の線のスタイル ---------------------- */
	.navDrawrBtnSP.is-deactive .line_01 {
		top: 10px; /* 上から2番目の線の位置に変更 */
		/* 線を45度回転 */
			-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
	}

	/* 上から2番目の線のスタイル ---------------------- */
	.navDrawrBtnSP.is-deactive .line_02 {
		top: 18px;
		 opacity: 1; /* 線の不透明度元に戻す */
	}

	/* 最下部の線のスタイル ---------------------- */
	.navDrawrBtnSP.is-deactive .line_03 {
		 top: 26px; /* 上から2番目の線の位置に変更 */

	  /* 線を135度回転 */
		  	-webkit-transform: rotate(-135deg);
		  	transform: rotate(-135deg);
	}


	.navDrawrBtnSP p {
		position: absolute;
		bottom: 5px;
		left: 11px;
		left: 7px;
		display: block;
		text-align:center;
		font-size:11px;
		color:#555;
		letter-spacing: 0.12em;
	}
	/* ■SP GlobalNavMenu ■*/
	.navDrawrSP a {
		position: relative;
		font-size: 14px;
		padding: 12px;
		padding: 15px;	/* ★★ */
		padding-left: 35px;
		background-color:rgba( 255,255,255,1.00 ); 	/*  White  透過98% */
	}
	.navDrawrSP a::after {
		position: absolute;
		top: 60%;
		margin-top: -9px;
		right: 15px;
		font-weight:normal;
		font-size:8px;
		font-family: FontAwesome;
		content: "\f054";
	}
	.navDrawrSP .downmenu dt a::after{
		font-family: FontAwesome;
		content: none;
	}
	.navDrawrSP a .open::after {
		position: absolute;
		top: 60%;
		margin-top: -9px;
		right: 15px;
		font-weight:normal;
		font-size:8px;
		font-family: FontAwesome;
		content: "\f077";	/* ◇ FontAwesome ↓ ◇ */
	}
	.navDrawrSP a .spsbt {
		position: absolute;
		top: 60%;
		margin-top: -11px;
		right: 30px;
		font-size: 12px;
		color:#444;
		color:#A4946C; /* Gold01 */
		text-align:right;
		padding-right:20px;
	}

	.navDrawrSP>dl>dl {
		display:block;
	}
	.navDrawrSP>dl>dt {
		display:block;
		font-size: 12px;
	}
	.navDrawrSP>dl>dd {
		display:block;
	}
	.navDrawrSP>dl>dt>a {
		text-align: left;
		border-right: none;
		border-bottom: 1px solid #FFF;
	}
	.navDrawrSP dt#spmenuex a {
		font-size: 12px;
	}
	.navDrawrSP>dl>dd>a {
		text-align: left;
		border-right: none;
		border-bottom: 1px solid #FFF;
	}
	.navDrawrSP>ul>li {
		float: none;
		width: auto;
	}
	.navDrawrSP>ul>li>a {
		text-align: left;
		border-right: none;
		border-bottom: 1px solid #FFF;
	}

	.navDrawrSP .downmenu dd {
		float: none;
		width: auto;
		position: relative;
	}
	.navDrawrSP .downmenu ul.sub {
		position: static;
		display: block!important;
	}
	.navDrawrSP .sub {
		position: absolute;
		left: 0;
		right: 0;
		z-index: 9999;
	}
	.navDrawrSP .sub a {
		background-color:rgba( 51,51,51,0.7 ); 		/*  Gray  透過85% */
		border-bottom: 1px solid #444;
		padding: 15px 10px 15px 20px;		/* ★★ */
		font-family: FontAwesome;
		content: "\f054";
		font-size: 12px;
		color:#fff;
	}
	.navDrawrSP .sub a:hover {
		font-family: FontAwesome;
		content: "\f054";
		background: #179079;
		background-color:rgba( 51,51,51,0.50 ); 		/*  Gray  透過50% */
		background-color:rgba( 178,178,178,0.5 ); 	/*  LightGray  透過90% */
	}

	.navDrawrSP dl.downmenu dt {
		display:block;
		position: relative;
	}
	.navDrawrSP dl.downmenu dt a::after{
		position: absolute;
		top: 0;
		margin-top: 13px;
		right: 15px;
		font-weight:normal;
		font-size:8px;
		font-family: FontAwesome;
		content: "\f078";	/* ◇ FontAwesome  ↓  ◇ */
		color:#fff;
		color:#444;
	}
	.navDrawrSP dl.downmenu dt a.open::after{
		position: absolute;
		top: 0;
		margin-top: 13px;
		right: 15px;
		font-weight:normal;
		font-size:8px;
		font-family: FontAwesome;
		content: "\f077";	/* ◇ FontAwesome  ↑ ◇ */
		color:#444;
	}
	.navDrawrSPdl.downmenu dd > ul li {
		width: auto;
		height: auto;
	}
	.navDrawrSP dl.downmenu dt a  .fa{
		color:#A4946C; /* Gold01 */
	}

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

		header .headerTop p {
			position:absolute;
			top:8px;
			left:38%;
			font-size:11px;
		}
		.navDrawrSP a {
			padding-left: 15px;
		}
	}

	@media only screen and (min-width:992px) {	/*■ PC Layout  ■ */

		header {
			position: absolute;
			width: 100%;
			height: auto;
			padding:0;
			background-color: transparent;
			z-index:999;
				-moz-box-sizing: border-box;
				-o-box-sizing: border-box;
				-ms-box-sizing: border-box;
				box-sizing: border-box;
		}
		.SP_header {
			display:none;
		}
		.PC_header {
			display:block;
		}

		header .g-nav {
			margin: 0 auto 0 auto;
			width:100%;
			height:90px;		/* ★PC height */
			padding:0;
			z-index: 8;
			background-color:rgba( 255,255,255,1.00 ); 	/*  White  透過95% */
/*			background:linear-gradient(180deg,#FAFAFA 0%,#FAFAFA 45%,white 45%,white 100%);	 */
				box-shadow: 1px 1px 5px 1px #aaa;
				-webkit-box-shadow: 1px 1px 5px 1px #aaa;
				-moz-box-shadow: 1px 1px 5px 1px #aaa;
			position:relative;
		}
		header .g-nav  h1 {
			display:block;
			position: absolute;
			top: 5px;
			left:16%;
			font-size:12px;
			font-family: "NotoSansCJKjp-Regular";
			color: #A4966A;		/* Gold01 */
		}
		header .g-nav  #h1 {			/* LOGO */
			display	: block;
			position: absolute;
			top:5px;
			left:5%;
			width :78px;
			height: 78px;
			display	: block;
			text-indent: -99999px;	/* テキスト非表示 */
			border	: 0px;
		}
		header .g-nav #h1 a{
			overflow: hidden;	 /* 内容を非表示にする。*/
			width : 78px;
			height: 0 !important;
			height /**/:78px;
			padding-top: 78px;
			display	: block;
			background	: url("images/com/logo.svg") no-repeat;
			background-size:501px 501px;
			background-size:78px 78px;	/* % */
			background-position: center top 0px;
		}
		header .g-nav  #h1 a:hover{
			display	: block;
			background	: url("images/com/logo.svg") no-repeat;
			background-size:78px 78px;
			background-position: center top 0px;
		}
		.g-nav  .inner{
			position: absolute;
			top: 25px;
			left:12%;
			width: 85%;
		}
		nav.pc .inner>ul{
			margin: 0 auto 0 auto;
			width:100%;
			text-decoration:none;
		}
		nav.pc .inner>ul li{
			float:left;
			color:#333;
			font-size:15px;
			font-family: "NotoSansCJKjp-Medium";
			padding-top:10px;
		}
		nav.g-nav .inner>ul{
			width: 100%;
			height: 90px;
		}
		nav.g-nav .inner>ul  li{
			margin: 0 auto 0 auto;
			width:14%;	/* menu width ◆ */
			text-align:center;
		}
		nav.g-nav .inner>ul  li:first-child{
			width:13%;
		}
		nav.g-nav .inner>ul  li:nth-child(2){
			width:13%;
		}
		nav.pc .inner>ul li a:hover {
			color: #FFF;
		}
		nav .inner02 {
			position: absolute;
			top: 0;
			right:0;
			width:12%;
			height:90px;
			z-index: 9;
		}
		nav .inner02 .hmenu-tel {	/* TEL */
			float:left;
			width : 0%;
			height:90px;
		}
		nav .inner02 .hmenu-tel a {
			display:block;
			width : 0%;
			height:90px;
			padding-top:32px;
			padding-left:15px;
			font-size:17px;
			text-align:center;
			font-family: "NotoSansCJKjp-Medium";
			color:#333;
			border: 0px;
			background	: url("images/icon/tels.png") no-repeat;
			background-size:26px 27px;
			background-position: 7px 26px;
			background-color:#F5F5F5;
		}
		nav .inner02 .hmenu-contact {		/* CONTACT */
			float:left;
			width:100%;
			height:90px;
		}
		nav .inner02 .hmenu-contact a {
			display:block;
			width : 100%;
			height:90px;
			padding-top:34px;
			padding-left:25px;
			font-size:15px;
			text-align:center;
			font-family: "NotoSansCJKjp-Medium";
			color:white;
			border: 0px;
			background	: url("images/icon/emails.png") no-repeat;
			background-size:23px 19px;
			background-position: 35px 31px;
			background-color:#2843B6;		/* plumsa-blue01 */
		}
		nav .inner02 .hmenu-contact a:hover {
			color:#F5F5F5;
			background-color:#CCC;		/* bf-Base01 */
		}
							/* ◇ hover:アンダーライン　→　中心から広がるアニメーション */
		nav.pc .inner>ul  {
			font-size: 0;
			box-sizing: border-box;
			list-style: none;
			text-align: center;
		}
		nav.pc .inner>ul >li {
			margin: 0 0px;
			display: inline-block;
			padding-bottom:15px;
		}
		nav.pc .inner>ul >li:hover {
			background-color:rgba( F5,F5,F5,0.7 ); 	/* bf-Base02   透過70% */
		}
		nav.pc .inner>ul >li .subt {
			color: #A4946C;		/* Gold01 */
		}
		nav.pc .inner>ul >li:hover .subt {
			color: #C6C6C6;
		}
		nav.pc .inner>ul >li>a {
			text-decoration: none;
			padding-bottom: 5px;
			padding-bottom: 10px;
			color: #FFF;
			display: block;
			position: relative;
		}
		nav.pc .inner>ul >li>a:before {
			content: '';
			width: 0;
			left: 50%;
			bottom: 0;
			transition: all 0.3s ease;
			border-bottom: 2px solid #D41277;	/* plumsa-pink01 */
			border-bottom: 2px solid #AAAAAA;	/* mmts-red02 */
			position: absolute;
			display: block;
		}
		nav.pc .inner>ul >li>a:hover:before {
			width: 50%;
			border-bottom: 2px solid #AAAAAA;	/* mmts-red02 */
		}
		nav.pc .inner>ul >li>a:after {
			content: '';
			width: 0;
			right: 50%;
			bottom: 0;
			transition: all 0.3s ease;
			border-bottom: 2px solid #AAAAAA;	/* mmts-red02 */
			position: absolute;
			display: block;
		}
		nav.pc .inner>ul >li>a:hover:after {
			width: 50%;
			border-bottom: 2px solid #AAAAAA;	/* mmts-red02 */
		}
		nav.pc .inner>ul > li p {
			padding-top:3px;
			padding-bottom:5px;
			margin-bottom:0px;
			color:#333;
		}
		nav.pc .inner>ul > li:hover p {
			color:#AAA;
		}

		header .g-nav02 {
			margin: 0 auto 0 auto;
			width:100%;
			height:70px;		/* ★PC 02 height */
			padding:0;
			z-index: 10;
			background-color:rgba( 255,255,255,1.0 ); 	/*  White  透過98% */
				box-shadow: 1px 1px 5px 1px #aaa;
				-webkit-box-shadow: 1px 1px 5px 1px #aaa;
				-moz-box-shadow: 1px 1px 5px 1px #aaa;
		}
		.g-nav02  .inner{
			width: 100%;
			margin: 26px auto 0 auto;
			position:relative;
		}
		.g-nav02 #gnh1 {			/*  LOGO */
			position: absolute;
			top:8px;
			left:20px;
			width :220px;
			height: 55px;
			display	: block;
			text-indent: -99999px;	/* テキスト非表示 */
			border	: 0px;
			z-index:11;
		}
		.g-nav02  #gnh1 a{
			overflow: hidden;	 /* 内容を非表示にする。*/
			width : 220px;
			height: 0 !important;
			height /**/:55px;
			padding-top: 55px;
			display	: block;
			background	: url("images/com/logo01.png") no-repeat;
			background-size:220px 49px;
			background-size:220px 49px;	/* 100% */
			background-position: center top 3px;
		}
		.g-nav02  #gnh1 a:hover{
			display	: block;
			background	: url("images/com/logo01.png") no-repeat;
			background-size:220px 49px;	/* 100% */
			background-position: center top 3px;
		}
		nav.g-nav02 .inner>ul {
			margin: 0 auto 0 3%;
			margin: 0 auto 0 2%;
			width:95%;
			display:flex;
			flex-wrap:nowrap;
			justify-content: space-around;	/* 両端のアイテムも含めて、均等な間隔を空けて配置 */
			justify-content: space-between;	/* 両端のアイテムを余白を空けずに配置し、他の要素は均等に間隔を空けて配置 */
			justify-content: flex-end;
		}
		nav.g-nav02 .inner>ul li {
			width:12.5%;
			color:#333;
			padding-top:0px;
		}
		nav.g-nav02 .inner>ul li:first-child {
			width:10%;
		}
		nav.g-nav02 .inner>ul li  a p {
			color:#333;
			font-size:15px;
			font-family: "NotoSansCJKjp-Medium";	
			padding-top:0px;
		}
		nav.g-nav02 .inner>ul li  a p:hover {
			color:#AAA;
		}

		/* サブメニュー ------------------------*/

/*		nav.pc .inner>ul >li:nth-child(n + 2):not(:nth-child(n + 6)){
			position:relative;
		}*/
		nav.pc .inner>ul >li {
			position:relative;
		}
		nav.g-nav .subm01 {			/* サブメニュー */
			position:absolute;
			left:0;
			top:45px;
			width : 530px;
			display:none;
			background-color:rgba( 56,54,53,0.8 ); 		/* JP-Dgray */
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				-o-box-sizing: border-box;
				-ms-box-sizing: border-box;
				box-sizing: border-box;
			z-index: 8;
		}
		nav.g-nav .sub .gsubmenu {
			margin-top:0;
			width:100%;
			padding-top:20px;
			padding-bottom:30px;
		}
		nav.g-nav .sub .gsubmenu p {		/* サブメニュー項目 */
			width : 100%;
			height: 30px;
			text-align:left;
			text-indent: 50px;
			line-height:30px;
			font-size:13px;
			color:#FFF;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				-o-box-sizing: border-box;
				-ms-box-sizing: border-box;
				box-sizing: border-box;
		}
		nav.g-nav .sub .gsubmenu p a {
			width : 100%;
			height: 30px;
			display	: block;
			text-indent: 50px;
			text-decoration:none; 
			line-height:30px;
			color:#FFF;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				-o-box-sizing: border-box;
				-ms-box-sizing: border-box;
				box-sizing: border-box;
					transition: 0.4s ease-in-out;
					-webkit-trhmenu-entryansition: 0.4s ease-in-out;	/* Ease in-out */
					-moz-transition: 0.4s ease-in-out;
					-o-transition: 0.4s ease-in-out;
		}
		nav.g-nav .sub .gsubmenu p a:hover {
			width : 100%;
			height: 30px;
			display	: block;
			font-size:13px;
			text-indent: 45px;
			line-height:30px;
			color:#F5F5F5;	
			border:none;
		}
		nav.g-nav02 .subm01 {		/* サブメニュー */
			position:absolute;
			left:0;
			top:45px;
			width : 530px;
			display:none;
			background-color:rgba( 56,54,53,0.95 ); 		/* JP-Dgray */
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				-o-box-sizing: border-box;
				-ms-box-sizing: border-box;
				box-sizing: border-box;
			z-index: 9;
		}
		nav.g-nav02 .sub .gsubmenu {
			width:100%;
			padding-top:20px;
			padding-bottom:30px;
		}
		nav.g-nav02 .sub .gsubmenu p {		/* サブメニュー項目 */
			width : 100%;
			height: 30px;
			text-align:left;
			line-height:30px;
			font-size:13px;
			color:#FFF;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				-o-box-sizing: border-box;
				-ms-box-sizing: border-box;
				box-sizing: border-box;
		}
		nav.g-nav02 .sub .gsubmenu p a {
			width : 100%;
			height: 30px;
			display	: block;
			text-indent: 50px;
			text-decoration:none; 
			line-height:30px;
			color:#FFF;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				-o-box-sizing: border-box;
				-ms-box-sizing: border-box;
				box-sizing: border-box;
					transition: 0.4s ease-in-out;
					-webkit-transition: 0.4s ease-in-out;	/* Ease in-out */
					-moz-transition: 0.4s ease-in-out;
					-o-transition: 0.4s ease-in-out;
		}
		nav.g-nav02 .sub .gsubmenu p a:hover {
			width : 100%;
			height: 30px;
			display	: block;
			font-size:13px;
			text-indent: 45px;
			line-height:30px;
			color:#F5F5F5;	
		}
		.fixed{					/* ◆ ヘッダ メニュー部固定 */
			position: fixed;
			top: 0;
			left: 0;
		}
	}
	@media only screen and (min-width: 993px) and (max-width: 1400px) {	/*◇ PC-S */

		header .g-nav {
			margin: 10px auto 0 auto;
			width:100%;
			height:70px;		/* ★PC height */
			padding:0;
			position:relative;
		}
		header .g-nav  #h1 {			/* LOGO */
			display	: block;
			position: absolute;
			top:5px;
			left:5%;
			width :78px;
			height: 78px;
			display	: block;
			text-indent: -99999px;	/* テキスト非表示 */
			border	: 0px;
		}
		header .g-nav #h1 a{
			overflow: hidden;	 /* 内容を非表示にする。*/
			width : 78px;
			height: 0 !important;
			height /**/:78px;
			padding-top: 78px;
			display	: block;
			background	: url("images/com/logo.svg") no-repeat;
			background-size:78px 78px;	/* % */
			background-position: center top 0px;
		}
		header .g-nav  #h1 a:hover{
			display	: block;
			background	: url("images/com/logo.svg") no-repeat;
			background-size:78px 78px;
			background-position: center top 0px;
		}
		.g-nav  .inner{
			position: absolute;
			top: 25px;
			left:15%;
			width: 90%;
		}
		nav.g-nav .inner>ul{
			width: 100%;
			height: 70px;
		}
		nav.g-nav .inner>ul li{
			width:11%;	/* menu width ◆ */
			padding: 0 10px;
			padding-top:5px;
			font-size:13px;
		}
		.g-nav02 #gnh1 {			/*  LOGO */
			position: absolute;
			top:20px;
			left:30px;
			width :110px;
			height: 30px;
			display	: block;
			text-indent: -99999px;	/* テキスト非表示 */
			border	: 0px;
			z-index:11;
		}
		.g-nav02  #gnh1 a{
			overflow: hidden;	 /* 内容を非表示にする。*/
			width : 110px;
			height: 0 !important;
			height /**/:30px;
			padding-top: 30px;
			display	: block;
			background	: url("images/com/logo01.png") no-repeat;
			background-size:220px 49px;
			background-size:110px 25px;		/* 50% */
			background-position: center top 3px;
		}
		.g-nav02  #gnh1 a:hover{
			display	: block;
			background	: url("images/com/logo01.png") no-repeat;
			background-size:110px 25px;		/* 50% */
			background-position: center top 3px;
		}
		nav.g-nav02 .inner>ul li  a p {
			color:#444;
			font-size:13px;
			font-family: "NotoSansCJKjp-Medium";
			padding-top:0px;
		}
	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		header {
			position: fixed;
			top:0px;
			width: 100%;
			height: 60px;	/* SP height★ */
			padding:0;
		}
	}



/* ========== css/inview.css ========== */
/* jQuery inview CSS　------------------------------------------- */

    /*----- フェードイン -----*/
	    .inviewfadeIn {
	        opacity: 0;
	        transition: .7s;
	    }
	    
	    .fadeIn {
	        opacity: 1.0;
	    }

    /*----- 上へスライド -----*/
	    .inviewUp {
	        transform: translate(0, 40px);
	        -webkit-transform: translate(0, 40px);
	        transition: .7s;
	    }
	    
	    .Up {
	        transform: translate(0, 0);
	        -webkit-transform: translate(0, 0);
	    }

    /*----- ズームイン -----*/
	    .inviewzoomIn {
	        transform: scale(0.8, 0.8);
	        -webkit-transform: scale(0.8, 0.8);
	        transition: .7s;
	    }
	    
	    .zoomIn {
	        transform: scale(1, 1);
	        -webkit-transform: scale(1, 1);
	    } 
	    
    /*----- フェードインしながら上へスライド -----*/
	    .inviewfadeInUp {
	        opacity: 0;
	        transform: translate(0, 20px);
	        -webkit-transform: translate(0, 20px);
	        transition: .4s;
	    }
	    
	    .fadeInUp {
	        opacity: 1.0;
	        transform: translate(0, 0);
	        -webkit-transform: translate(0, 0);
	    }
   /*----- フェードインしながら左から右へスライド -----*/
	    .inviewfadeLR {
	        opacity: 0;
	        transform: translate(-40px, 0);
	        -webkit-transform: translate(-40px, 0);
	        transition: .6s;
	    }
		@media only screen and (max-width:768px) {	/*SP size  */
		    .inviewfadeLR {
		        opacity: 0;
		        transform: translate(0, 0);
		        -webkit-transform: translate(0, 0);
		        transition: .6s;
		    }
	}
	    .fadeInLR {
	        opacity: 1.0;
	        transform: translate(0, 0);
	        -webkit-transform: translate(0, 0);
	    }

    /*----- フェードインしながら右から左へスライド -----*/
	    .inviewfadeRL {
	        opacity: 0;
	        transform: translate(50px, 0);
	        -webkit-transform: translate(50px, 0);
	        transition: .4s;
	    }
	@media only screen and (max-width:768px) {	/*SP size  */
	    .inviewfadeRL {
	        opacity: 0;
	        transform: translate(5px, 0);
	        -webkit-transform: translate(5px, 0);
	        transition: .4s;
	    }

	}
	    .fadeInRL {
	        opacity: 1.0;
	        transform: translate(0, 0);
	        -webkit-transform: translate(0, 0);
	    }

    /*----- フェードインしながら右から左へスライド  small -----*/
	    .inviewfadeRLs {
	        opacity: 0;
	        transform: translate(30px, 0);
	        -webkit-transform: translate(30px, 0);
	        transition: .4s;
	    }
	@media only screen and (max-width:768px) {	/*SP size  */
	    .inviewfadeRLs {
	        opacity: 0;
	        transform: translate(0, 0);
	        -webkit-transform: translate(0, 0);
	        transition: .4s;
	    }

	}
	    .fadeInRLs {
	        opacity: 1.0;
	        transform: translate(0, 0);
	        -webkit-transform: translate(0, 0);
	    }

    /*----- フェードインしながら左から右へスライド  small -----*/
	    .inviewfadeLRs {
	        opacity: 0;
	        transform: translate(-50px, 0);
	        -webkit-transform: translate(-50px, 0);
	        transition: .7s;
	    }
	@media only screen and (max-width:768px) {	/*SP size  */
	    .inviewfadeLRs {
	        opacity: 0;
	        transform: translate(0, 0);
	        -webkit-transform: translate(0, 0);
	        transition: .7s;
	    }

	}
	    .fadeInLRs {
	        opacity: 1.0;
	        transform: translate(0, 0);
	        -webkit-transform: translate(0, 0);
	    }

    /*----- 左から右へ幕引きスライド 表示 ■-----*/

	.inviewSlideLR {
		overflow: hidden;
		transform: translate(-100%, 0);
		transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
	}
	.inviewSlideLR span {
		display: block;
		transform: translate(100%, 0);
		transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
	}
	.inviewSlideLR.-visible,
	.inviewSlideLR.-visible span {
		transform: translate(0, 0);
	}


/* ========== css/ui-parts.css ========== */
/*===========================================================*/
/* 背景色が伸びる（下から上） */
/*===========================================================*/

/*========= ローディング画面のためのCSS ===============*/
	#splash {
		position: fixed;
		width: 100%;
		height: 100%;
		background: #fff;
		z-index: 9999999;
		text-align:center;
		color:#fff;
	}
	#splash-cont {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	#splash-cont img{
		width:50px;
	}

/*========= 画面遷移のためのCSS ===============*/

/*画面遷移アニメーション*/

	.splashbg{
		display: none;
	}

	body.appear .splashbg{
		display: block;
		position:fixed;
		z-index: 999;
		width: 100%;
		height: 100vh;
		top: 0;
		left: 0;
		transform: scaleY(0);
		background-color: #262626;	/* 伸びる背景色の設定 mmts-black01 */
			animation-name:PageAnime;
			animation-duration:1.2s;
			animation-timing-function:ease-in-out;
			animation-fill-mode:forwards;
	}
	@keyframes PageAnime{
		0% {
			transform-origin:bottom;
			transform:scaleY(0);
		}
		50% {
			transform-origin:bottom;
			transform:scaleY(1);
		}
		50.001% {
			transform-origin:top;
		}
		100% {
			transform-origin:top;
			transform:scaleY(0);
		}
	}

	/*画面遷移の後現れるコンテンツ設定*/

	#wrapper{
/*		opacity: 0;*/	/*はじめは透過0に*/
	}

	/*bodyにappearクラスがついたら出現*/
	body.appear #wrapper{
		animation-name:PageAnimeAppear;
		animation-duration:1s;
		animation-delay: 0.8s;
		animation-fill-mode:forwards;
		opacity: 0;
	}
	@keyframes PageAnimeAppear{
		0% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}

/*===========================================================*/
/* ■ 追従メニューの現在地ハイライト	*/
/*===========================================================*/

/*========= ● 現在地表示のためのCSS   → hfmenu.css  ===============*/

/*===========================================================*/
/* ■ スクロールをするとエリアの高さに合わせて線が伸びる	*/
/*===========================================================*/

	.scrollgress {
		z-index:99;	/* 他のposition指定しているエリアより前に出すためz-indexの数字を大きく */
					/* バーの高さ、色指定 → script/ui/script.js */
	}

/*===========================================================*/
/*機能編  7-1-35	下線が伸びて背景に変わる*/
/*===========================================================*/

.btnlinestretches3{
    /*線の基点とするためrelativeを指定*/
	position:relative;
    /*ボタンの形状*/  
	color:#333;
    padding: 5px 30px;
	display:inline-block;
    text-decoration: none;
    outline: none;
}

/*テキストの設定*/
.btnlinestretches3 span{
    /*テキストを前面に出すためz-indexの値を高く設定*/
	position:relative;
	z-index: 2;
}

.btnlinestretches3:hover span{
	color: #fff;
}

/*線の設定*/
.btnlinestretches3::after {
	content:'';
    /*絶対配置で線の位置を決める*/
	position:absolute;
	z-index:1;
	bottom:0;
	left:0;
    /*線の形状*/
	background:#333;
	width:100%;
	height:3px;
    /*アニメーションの指定*/
	transition:all 0.3s ease-in-out;
}

/*線が伸びて背景に*/
.btnlinestretches3:hover::after {
	height:100%;
}

/*===========================================================*/
/*  ページの指定の高さを超えたら右から出現	*/
/*===========================================================*/

/*リンクの形状*/
#page-top a{
	display: flex;
	justify-content:center;
	align-items:center;
	background:#eb6100;
	background:#262626;		/* mmts-black01 */
	width: 60px;
	height: 50px;
	color: #fff;
	text-align: center;
	text-transform: uppercase; 
	text-decoration: none;
	font-size:0.6rem;
	transition:all 0.3s;
}

#page-top a:hover{
	background: #777;
}

/*リンクを右下に固定*/
#page-top {
	position: fixed;
	right: 0;
	bottom:0;
	z-index: 2;
    /*はじめは非表示*/
	opacity: 0;
	transform: translateX(100px);
}

/*　左の動き　*/

#page-top.LeftMove{
	animation: LeftAnime 0.5s forwards;
}

@keyframes LeftAnime{
  from {
    opacity: 0;
	transform: translateX(100px);
  }
  to {
    opacity: 1;
	transform: translateX(0);
  }
}

/*　右の動き　*/

#page-top.RightMove{
	animation: RightAnime 0.5s forwards;
}
@keyframes RightAnime{
  from {
  	opacity: 1;
	transform: translateX(0);
  }
  to {
  	opacity: 1;
	transform: translateX(100px);
  }
}

/*===========================================================*/
/*機能編  9-2-2 任意の場所をクリックすると隠れていた内容が開き、先に開いていた内容が閉じる*/
/*===========================================================*/

/*アコーディオン全体*/
.accordion-area{
    list-style: none;
    width: 96%;
    max-width: 900px;
    margin:0 auto;
}

.accordion-area li{
    margin: 10px 0;
}

.accordion-area section {
	border: 1px solid #ccc;
}

/*アコーディオンタイトル*/
.title {
    position: relative;/*+マークの位置基準とするためrelative指定*/
    cursor: pointer;
    font-size:1rem;
    font-weight: normal;
    padding: 3% 3% 3% 50px;
    transition: all .5s ease;
}

@media screen and (max-width:768px) {
.title {
    font-size:0.9rem;
}
}

/*アイコンの＋と×*/
.title::before,
.title::after{
    position: absolute;
    content:'';
    width: 15px;
    height: 2px;
    background-color: #333;
    
}
.title::before{
    top:48%;
    left: 15px;
    transform: rotate(0deg);
    
}
.title::after{    
    top:48%;
    left: 15px;
    transform: rotate(90deg);

}

/*　closeというクラスがついたら形状変化　*/

.title.close::before{
	transform: rotate(45deg);
}

.title.close::after{
	transform: rotate(-45deg);
}

/*アコーディオンで現れるエリア*/
.box {
    display: none;/*はじめは非表示*/
    background: #f3f3f3;
	margin:0 3% 3% 3%;
    padding: 3%;
}


/*===========================================================*/
/* ■ ニュースティッカー						*/
/*===========================================================*/

/*ニュース1行の周りの余白*/
.slider a{
    display: block;
    background:#fff;
    padding:10px 0;
}

/*日付*/
.slider time{
    display:inline-block;
    font-size:0.8rem;
    margin-right:10px;
    color:#777;
}

/*768px以下の見た目*/
@media screen and (max-width:768px) {
    .slider {
        padding:20px;
        background:#fff;
    }

    .slider li {
        border-bottom:1px dashed #ccc;
    }

    .slider li:last-child {
        border-bottom:none;
    }
    .slider time {
        display:block;
		padding-bottom:10px;
    }
}


/*===========================================================*/
/* ■BASIC  animation ■ 																    */
/*===========================================================*/

	/* ■ シャッ（左から）*/
	.bgextend {
		animation-name:bgextendAnimeBase;
		animation-duration:1s;
		animation-fill-mode:forwards;
		position: relative;
		overflow: hidden;/*　はみ出た色要素を隠す　*/
		opacity:0;
	}
	@keyframes bgextendAnimeBase {
		from {
			opacity:0;
		}
		to {
			opacity:1; 
		}
	}

	/*中の要素*/
	.bgappear {
		animation-name:bgextendAnimeSecond;
		animation-duration:1s;
		animation-delay: 0.6s;
		animation-fill-mode:forwards;
		opacity: 0;
	}
	@keyframes bgextendAnimeSecond {
		0% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}

	.bgLRextend::before{
		animation-fill-mode:forwards;
		content: "";
		animation-name:bgLRextendAnime;
		animation-duration:1s;
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: #eb6100;		/*◎ 伸びる背景色の設定 */
		background-color: #262626;		/* mmts-black01  */		/*◆ 伸びる背景色の設定 HISAYA-blue01 */
		background-color: #BDC3C7;		/*◆ 伸びる背景色の設定 SILVER */
	}
	@keyframes bgLRextendAnime{
		0% {
			transform-origin:left;
			transform:scaleX(0);
		}
		50% {
			transform-origin:left;
			transform:scaleX(1);
		}
		50.001% {
			transform-origin:right;
		}
		100% {
			transform-origin:right;
			transform:scaleX(0);
		}
	}
	/* 4-1 ふわっ（下から） */
	.fadeUp{
		animation-name: fadeUpAnime;
		animation-duration:0.5s;
		animation-fill-mode:forwards;
		opacity:0;
	}

	@keyframes fadeUpAnime{
		  from {
			opacity: 0;
			transform: translateY(100px);
		  }
		to {
			opacity: 1;
			transform: translateY(0);
		}
	}
	/* 4-2　パタッ（左へ） */
	.flipLeft {
		animation-name: flipLeftAnime;
		animation-duration:0.5s;
		animation-fill-mode:forwards;
		perspective-origin: left center;
		opacity:0;
	}
	@keyframes flipLeftAnime{
		from {
			transform: perspective(600px) translate3d(0, 0, 0) rotateY(30deg);
			opacity: 0;
		}
		  to {
			transform: perspective(600px) translate3d(0, 0, 0) rotateY(0deg);
			opacity: 1;
		}
	}

	/* スマホ表示用。flipLeftTriggerを指定している親要素に指定しないとうまく動かない*/
	#vision,.service-area {
		transform:  translate3d(0, 0, 0);
	}

	/* ●スクロールをしたら出現する要素にはじめに透過0を指定　*/
	.bgLRextendTrigger,.bgappearTrigger,.fadeUpTrigger,.flipLeftTrigger {
	 	opacity: 0;
	}


/*===========================================================*/
/* 印象編　6-6　スクロールすると下のエリアがヘッダーにかぶさる*/
/*===========================================================*/

#top-main{
	width:100%;
	height: 100vh;
	position: relative;
} 

#top-main:before{
	content: '';
	position:fixed;
	top:10vh;
	left:5%;
	z-index:-1;
	width:90%;
	height: 80vh;
	/*背景画像設定*/
	background:url("images/fview/main.jpg") no-repeat center;
	background-size:cover;
}

@media screen and (max-width:768px) {
#top-main:before{
    background-position: top center;
    background-size:auto 90%;
    }
}

#container{
	position: relative;
	z-index:1;
	background:#fff;
}

/* ■ TEXT Effect　animation  */

/*========= 1文字ずつ出現させるためのCSS   ●script/ui/text.js =============*/
.eachTextAnime {
	color:transparent;
}
.eachTextAnime span{
	opacity: 0;
	color: #333;
}
.eachTextAnime02 {
	color:transparent;
}
.eachTextAnime02 span{
	opacity: 0;
	color:#FFF;
}
.eachTextAnime.appeartext span{
	animation:text_anime_on 0.07s ease-out forwards; 
	color: #333;
}
.eachTextAnime02.appeartext02 span{
	animation:text_anime_on 0.5s ease-out forwards; 
	color:#FFF;
}

@keyframes text_anime_on {
	0% {opacity:0;}
	100% {opacity:1;}
}

/*========= 1文字ずつ出現させるためのCSS #02  ●script/ui/text.js =============*/

/*======================================================*/
/* ■ 波打つ（1 つ 重なりあり）													      */
/*======================================================*/

	#waveCanvas{
	/*	position: absolute;
		bottom: 0;
		left:0;	*/
		margin:-30px auto -10px auto;
		width: 100%;
		z-index: -1;
	}


/* ========== css/ui-parts02.css ========== */
/*----------------------------------------------------------------------------*/
/* 	UI パーツ　共通 CSS   ■button系				 					     */
/*----------------------------------------------------------------------------*/

	/* VIEW ALL すべて見る　Button :hover 「 □　→ ■  」  */

	.viewall {
		display:block;
		width:200px;
		height:45px;
		border:2px solid #E56E2C;		/* HD-orange02 */
		float:left;
		text-align:center;
		cursor:pointer;
		position:relative;
		box-sizing:border-box;
		overflow:hidden;
		margin:0 0 40px 0;
		background	: url("images/icon/btn-sym01.png") no-repeat;
		background-size:8px 8px;
		background-position: 10px  15px;
		background-color:#E56E2C;		/* HD-orange02 */
	}
	.viewall  a{
		display:block;
		font-size:14px;
		color:#FFF;
		font-family: "NotoSansCJKjp-Medium";
		text-decoration:none;
		line-height:40px;
		transition:all .5s ease;
		z-index:2;
		position:relative;
	}
	.eff-detail03 {
		width:200px;
		height:45px;
		left:-200px;
		top:0px;
		background	: url("images/icon/btn-sym02.png") no-repeat;
		background-size:8px 8px;
		background-position: 170px 15px; 
		background-color:#FFF;
		position:absolute;
		transition:all .5s ease;
		z-index:1;
	}
	.viewall:hover .eff-detail03  {
		left:0;top:0;
	}
	.viewall:hover a{
		color:#E56E2C;		/* HD-orange02 */
	}

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

		.viewall {
			width:200px;
			height:45px;
			background-position:  left 0px  top 10px;
			background	: url("images/icon/btn-sym01.png") no-repeat;
			background-size:8px 8px;
			background-position: 5px  8px; 
			background-color:#E56E2C;		/* HD-orange02 */
		}
		.viewall  a{
			font-size:12px;
			line-height:26px;
			font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "小塚ゴシック Pro","Kozuka Gothic Pro","メイリオ", 
						Meiryo, Osaka, helvetica, arial,
						"游ゴシック体", YuGothic,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		}
		.eff-detail03 {
			width:200px;
			height:45px;
			left:-200px;
			top:0px;
		}
	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		.viewall {
			width:180px;
			height:40px;
			background-position:  left 10px  top 15px;
		}
		.viewall  a{
			font-size:14px;
			line-height:40px;
			font-family: "NotoSansCJKjp-Medium";
		}
		.eff-detail03 {
			width:180px;
			height:40px;
			left:-180px;
			top:0px;
			background	: url("images/icon/btn-sym02.png") no-repeat;
			background-size:8px 8px;
			background-position: 15px  10px; 
		}
	}

	/* お知らせ一覧を見る　Button :hover 「 □　→ ■  」  */

	.tpall {
		display:block;
		width:180px;
		height:40px;
		border:1px solid #E60021;		/* AF-red */
		float:left;
		text-align:center;
		cursor:pointer;
		position:relative;
		box-sizing:border-box;
		overflow:hidden;
		margin:0 0 40px 0;
		background	: url("images/icon/btn-sym03.png") no-repeat;
		background-size:8px 8px;
		background-position: 10px  13px;
		background-color:#FFF;
	}
	.tpall  a{
		display:block;
		font-size:14px;
		color:#E60021;		/* AF-red */
		font-family: "NotoSansCJKjp-Medium";
		text-decoration:none;
		line-height:2.5em;
		transition:all .5s ease;
		z-index:2;
		position:relative;
	}
	.eff-detail04 {
		width:180px;
		height:40px;
		left:-180px;
		top:0px;
		background	: url("images/icon/btn-sym01.png") no-repeat;
		background-size:8px 8px;
		background-position: 155px 13px; 
		background-color:#E60021;		/* AF-red */
		position:absolute;
		transition:all .5s ease;
		z-index:1;
	}
	.tpall:hover .eff-detail04  {
		left:0;top:0;
	}
	.tpall:hover a{
		color:#FFF;
	}

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

		.tpall {
			width:160px;
			height:30px;
			background-position:  left 0px  top 10px;
			background	: url("images/icon/btn-sym03.png") no-repeat;
			background-size:8px 8px;
			background-position: 7px  9px; 
			background-color:#FFF;
		}
		.tpall  a{
			font-size:12px;
			line-height:2.4em;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "小塚ゴシック Pro","Kozuka Gothic Pro","メイリオ", 
						Meiryo, Osaka, helvetica, arial,
						"游ゴシック体", YuGothic,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		}
		.eff-detail04 {
			width:160px;
			height:30px;
			left:-180px;
			top:0px;
		}
	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		.tpall {
			width:180px;
			height:40px;
			background-position:  left 10px  top 15px;
		}
		.tpall  a{
			font-size:14px;
			line-height:2.5em;
			font-family: "NotoSansCJKjp-Medium";
		}
		.eff-detail04 {
			width:180px;
			height:40px;
			left:-180px;
			top:0px;
			background	: url("images/icon/btn-sym01.png") no-repeat;
			background-size:8px 8px;
			background-position: 15px  10px; 
		}
	}


	/* 詳しくは　Button :hover 「 □　→ ■  」  */

	.detail-btn {
		display:block;
		width:150px;
		height:35px;
		border:1px solid #3CB400;		/* sec-green01 */
		float:left;
		text-align:center;
		cursor:pointer;
		position:relative;
		box-sizing:border-box;
		overflow:hidden;
		margin:0 0 40px 0;
		background	: url("images/icon/btn-sym01.png") no-repeat;
		background-size:8px 8px;
		background-position: 8px  12px;
		background-color:#3CB400;		/* sec-green01 */
/*			box-shadow: 0px 1px 2px 1px #eee;
			-webkit-box-shadow: 0px 1px 2px 1px #eee;
			-moz-box-shadow: 0px 1px 2px 1px #eee;*/
	}
	.detail-btn  a{
		display:block;
		font-family: "NotoSansCJKjp-Regular";
		font-size:13px;
		color:#FFF;
		text-decoration:none;
		line-height:2.5em;
		transition:all .5s ease;
		z-index:2;
		position:relative;
	}
	.eff-detail {
		width:150px;
		height:35px;
		left:-150px;
		top:0px;
		background	: url("images/icon/btn-sym02.png") no-repeat;
		background-size:8px 8px;
		background-position: 130px 12px; 
		background-color:#FFF;
		position:absolute;
		transition:all .5s ease;
		z-index:1;
	}
	.detail-btn:hover .eff-detail  {
		left:0;top:0;
	}
	.detail-btn:hover a{
		color:#3CB400;		/* sec-green01 */
	}

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

		.detail-btn {
			width:120px;
			height:30px;
			background-position:  left 0px  top 10px;
			background	: url("images/icon/btn-sym01.png") no-repeat;
			background-size:8px 8px;
			background-position: 7px  9px; 
			background-color:#3CB400;		/* sec-green01 */
		}
		.detail-btn  a{
			font-size:12px;
			line-height:2.2em;
			font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "小塚ゴシック Pro","Kozuka Gothic Pro","メイリオ", 
						Meiryo, Osaka, helvetica, arial,
						"游ゴシック体", YuGothic,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		}
		.eff-detail {
			width:120px;
			height:30px;
			left:-120px;
			top:0px;
		}
	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		.detail-btn {
			width:150px;
			height:30px;
			background-position:  left 5px  top 11px;
		}
		.detail-btn  a{
			font-size:13px;
			line-height:2.5em;
			font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "小塚ゴシック Pro","Kozuka Gothic Pro","メイリオ", 
						Meiryo, Osaka, helvetica, arial,
						"游ゴシック体", YuGothic,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		}
		.eff-detail {
			width:150px;
			height:30px;
			left:-150px;
			top:0px;
			background	: url("images/icon/btn-sym03.png") no-repeat;
			background-size:8px 8px;
			background-position: 5px  11px; 
		}
	}

	/* 詳しくは　Button :hover 「 □　→ ■  」  */

	.detail-btn02 {
		display:block;
		width:150px;
		height:30px;
		border:1px solid #333;
		float:left;
		text-align:center;
		cursor:pointer;
		position:relative;
		box-sizing:border-box;
		overflow:hidden;
		margin:0 0 40px 0;
		background	: url("images/icon/btn-sym01.png") no-repeat;
		background-size:8px 8px;
		background-position: 10px  10px;
		background-color:#333;
	}
	.detail-btn02  a{
		display:block;
		font-family:arial;
		font-size:12px;
		color:#FFF;
		text-decoration:none;
		line-height:28px;
		transition:all .5s ease;
		z-index:2;
		position:relative;
	}
	.eff-detail02 {
		width:150px;
		height:30px;
		left:-150px;
		top:0px;
		color:#333;		/* AF-green01 */

		background	: url("images/icon/btn-sym02.png") no-repeat;
		background-size:8px 8px;
		background-position: 130px 10px; 
		background-color:#FFF;
		position:absolute;
		transition:all .5s ease;
		z-index:1;
	}
	.detail-btn02:hover .eff-detail02  {
		left:0;top:0;
	}
	.detail-btn02:hover a{
		color:#333;		/* AF-green01 */
	}

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

		.detail-btn02 {
			width:130px;
			height:30px;
			background-position:  left 0px  top 10px;
			background	: url("images/icon/btn-sym01.png") no-repeat;
			background-size:8px 8px;
			background-position: 5px  9px; 
			background-color:#333;		/* AF-green01 */
		}
		.detail-btn02  a{
			font-size:12px;
			line-height:26px;
		}
		.eff-detail02 {
			width:130px;
			height:30px;
			left:-130px;
			top:0px;
		}
	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		.detail-btn02 {
			width:150px;
			height:30px;
			background-position:  left 10px  top 8px;
		}
		.detail-btn02  a{
			font-size:14px;
			line-height:26px;
		}
		.eff-detail02 {
			width:150px;
			height:30px;
			left:-150px;
			top:0px;
			background	: url("images/icon/btn-sym02.png") no-repeat;
			background-size:8px 8px;
			background-position: 15px  0px; 
		}
	}

	/* お問い合わせへ Button :hover 「 □　→ ■  」  */

	.cont-btn {
		display:block;
		width:330px;
		height:50px;
		border:2px solid #2E9648;		/* AF-green01 */
		float:left;
		text-align:center;
		cursor:pointer;
		position:relative;
		box-sizing:border-box;
		overflow:hidden;
		margin:0 0 40px 0;
		background	: url("images/icon/btn-sym01.png") no-repeat;
		background-size:11px 11px;
		background-position: 15px  18px;
		background-color:#2E9648;		/* AF-green01 */
	}
	.cont-btn  a{
		display:block;
		font-family: "NotoSansCJKjp-Medium";
		font-size:15px;
		color:#2E9648;		/* AF-green01 */
		color:#FFF;
		text-decoration:none;
		line-height:47px;
		transition:all .5s ease;
		z-index:2;
		position:relative;
	}
	.eff-cont {
		width:330px;
		height:50px;
		left:-330px;
		top:0px;
		background	: url("images/icon/btn-sym04.png") no-repeat;
		background-size:11px 11px;
		background-position: 200px 18px; 
		background-color:#FFF;
		position:absolute;
		transition:all .5s ease;
		z-index:1;
	}
	.cont-btn:hover .eff-cont {
		left:0;top:0;
	}
	.cont-btn:hover a{
		color:#FFF;
		color:#2E9648;		/* AF-green01 */
	}

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

		.cont-btn {
			width:280px;
			height:35px;
			background-position:  left 0px  top 10px;
			background	: url("images/icon/btn-sym01.png") no-repeat;
			background-size:10px 10px;
			background-position: 10px  11px; 
			background-color:#2E9648;		/* AF-green01 */
		}
		.cont-btn  a{
			font-size:12px;
			line-height:32px;
		}
		.eff-cont {
			width:280px;
			height:35px;
			left:-280px;
			top:0px;
		}
	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		.cont-btn {
			width:280px;
			height:40px;
			background	: url("images/icon/btn-sym01.png") no-repeat;
			background-size:8px 8px;
			background-position:  left 5px  top 10px;
			background-color:#2E9648;		/* AF-green01 */
		}
		.cont-btn  a{
			font-size:14px;
			line-height:2.3em;
		}
		.eff-cont {
			width:280px;
			height:40px;
			left:-280px;
			top:0px;
			background	: url("images/icon/btn-sym02.png") no-repeat;
			background-size:8px 8px;
			background-position: 5px  5px; 
		}
	}

	/* 一覧に戻る Button :hover 「 □　→ ■  」  */

	.return-btn {
		display:block;
		width:230px;
		height:50px;
		border:2px solid #2E9648;		/* AF-green01 */
		float:left;
		text-align:center;
		cursor:pointer;
		position:relative;
		box-sizing:border-box;
		overflow:hidden;
		margin:0 0 40px 0;
		background	: url("images/icon/btn-sym01.png") no-repeat;
		background-size:11px 11px;
		background-position: 15px  18px;
		background-color:#2E9648;		/* AF-green01 */
	}
	.return-btn  a{
		display:block;
		font-size:15px;
		color:#2E9648;		/* AF-green01 */
		color:#FFF;
		text-decoration:none;
		line-height:2.9em;
		transition:all .5s ease;
		z-index:2;
		position:relative;
	}
	.eff-return {
		width:230px;
		height:50px;
		left:-230px;
		top:0px;
		background	: url("images/icon/btn-sym04.png") no-repeat;
		background-size:11px 11px;
		background-position: 200px 18px; 
		background-color:#FFF;
		position:absolute;
		transition:all .5s ease;
		z-index:1;
	}
	.return-btn:hover .eff-return  {
		left:0;top:0;
	}
	.return-btn:hover a{
		color:#FFF;
		color:#2E9648;		/* AF-green01 */
	}

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

		.return-btn {
			width:180px;
			height:35px;
			background-position:  left 0px  top 10px;
			background	: url("images/icon/btn-sym01.png") no-repeat;
			background-size:10px 10px;
			background-position: 10px  10px; 
			background-color:#2E9648;		/* AF-green01 */
		}
		.return-btn  a{
			font-size:12px;
			line-height:2.5em;
		}
		.eff-return {
			width:180px;
			height:35px;
			left:-180px;
			top:0px;
		}
	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		.return-btn {
			width:200px;
			height:40px;
			background	: url("images/icon/btn-sym01.png") no-repeat;
			background-size:8px 8px;
			background-position:  left 5px  top 10px;
			background-color:#2E9648;		/* AF-green01 */
		}
		.return-btn  a{
			font-size:14px;
			line-height:2.3em;
		}
		.eff-return {
			width:200px;
			height:40px;
			left:-200px;
			top:0px;
			background	: url("images/icon/btn-sym02.png") no-repeat;
			background-size:8px 8px;
			background-position: 5px  5px; 
		}
	}

/* ■ 申し込み enter Button  */

	/* Button :hover □　→ ■  */

	.ent-btn {
		display:block;
		width:300px;
		height:50px;
		border:3px solid #3A69BA;		/* sec-blue03 */
		float:left;
		text-align:center;
		cursor:pointer;
		position:relative;
		box-sizing:border-box;
		overflow:hidden;
		margin:0 0 40px 0;
		background	: url("images/icon/btn-arrow01.png") no-repeat;
		background-size:29px 8px;
		background-position:  left -10px  top 17px;
		background-color:#E56E2C;		/* WA-orange01 */
		background-color:#3A69BA;		/* sec-blue03 */
	}
	.ent-btn  a{
		display:block;
		font-size:15px;
		font-weight:600;
		color:#FFF;
		text-decoration:none;
		line-height:2.9em;
		transition:all .5s ease;
		z-index:2;
		position:relative;
	}
	.eff-ent {
		width:300px;
		height:50px;
		left:-300px;
		top:0px;
		position:absolute;
		transition:all .5s ease;
		background	: url("images/icon/btn-arrow01.png") no-repeat;
		background-size:29px 8px;
		background-position:  left 250px  top 17px;
		background-color:#FFF;
		z-index:1;
	}
	.ent-btn:hover .eff-ent  {
		left:0;top:0;
	}
	.ent-btn:hover a{
		color:#3A69BA;		/* sec-blue03 */
	}

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

		.ent-btn {
			width:220px;
			height:35px;
			background-position:  left -10px  top 8px;
		}
		.ent-btn  a{
			font-size:12px;
			line-height:2.4em;
		}
		.eff-ent {
			width:220px;
			height:35px;
			left:-220px;
			top:0px;
		}
	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		.ent-btn {
			width:300px;
			height:50px;
			background-position:  left -2px  top 18px;
		}
		.ent-btn  a{
			font-size:13px;
			line-height:42px;
		}
		.eff-ent {
			width:300px;
			height:50px;
			left:-300px;
			top:0px;
		}
	}

/* ■ 申し込み enter Button  */

	/* Button :hover ■ → □  */

	.ent-btn02 {
		width:400px;
		height:65px;
		border:3px solid #D35400;		/* LD-red01 */
		float:left;
		text-align:center;
		cursor:pointer;
		position:relative;
		box-sizing:border-box;
		overflow:hidden;
		margin:0 0 40px 0;
		background-color:#FFF;
		background	: url("images/icon/btn-arrow01.png") no-repeat;
		background-size:29px 8px;
		background-position:  left -4px  top 22px;
		background-color:#D35400;		/* LD-red01 */
	}
	.ent-btn02  a{
		font-size:18px;
		font-family: "NotoSansCJKjp-Medium";
		font-display: swap;
		color:#D35400;		/* LD-red01 */
		color:#FFF;
		text-decoration:none;
		line-height:58px;
		transition:all .5s ease;
		z-index:2;
		position:relative;
	}
	.eff-ent02 {
		width:400px;
		height:65px;
		left:-400px;
		top:0px;
		background-color:#D35400;		/* LD-red01 */
		background-color:rgba( 255,255,255,0.95 ); 	/*  White  透過95% */
		position:absolute;
		transition:all .5s ease;
		z-index:1;
	}
	.ent-btn02:hover .eff-ent02  {
		left:0;top:0;
	}
	.ent-btn02:hover a{
		color:#fff;
		color:#D35400;		/* LD-red01 */
	}

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

		.ent-btn02 {
			width:80%;
			height:40px;
			background-position:  left 0px  top 13px;
		}
		.ent-btn02  a{
			font-size:12px;
			line-height:32px;
		}
		.eff-ent02 {
			width:80%;
			height:40px;
			left:-80%;
			top:0px;
		}
	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		.ent-btn02 {
			width:300px;
			height:50px;
			background-position:  left -2px  top 18px;
		}
		.ent-btn02  a{
			font-size:13px;
			line-height:42px;
		}
		.eff-ent02 {
			width:300px;
			height:50px;
			left:-300px;
			top:0px;
		}
	}

	/* 一覧に戻る　Button :hover 「 □　→ ■  」  */

	.listbk {
		display:block;
		width:200px;
		height:45px;
		border:2px solid #A4966A;		/* Gold01 */
		float:left;
		text-align:center;
		cursor:pointer;
		position:relative;
		box-sizing:border-box;
		overflow:hidden;
		margin:0 0 40px 0;
		background	: url("images/icon/btn-sym01.png") no-repeat;
		background-size:8px 8px;
		background-position: 10px  15px;
		background-color:#A4966A;		/* Gold01 */
	}
	.listbk  a{
		display:block;
		font-size:15px;
		color:#FFF;
		font-family: "NotoSansCJKjp-Regular";
		text-decoration:none;
		line-height:39px;
		transition:all .5s ease;
		z-index:2;
		position:relative;
	}
	.eff-listbk {
		width:200px;
		height:45px;
		left:-200px;
		top:0px;
		background	: url("images/icon/btn-sym01.png") no-repeat;
		background-size:8px 8px;
		background-position: 170px 15px; 
		background-color:#FFF;
		position:absolute;
		transition:all .5s ease;
		z-index:1;
	}
	.listbk:hover .eff-listbk  {
		left:0;top:0;
	}
	.listbk:hover a{
		color:#A4966A;		/* Gold01 */
	}

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

		.listbk {
			width:180px;
			height:30px;
			background-position:  left 0px  top 10px;
			background	: url("images/icon/btn-sym01.png") no-repeat;
			background-size:8px 8px;
			background-position: 5px  8px; 
			background-color:#A4966A;		/* Gold01 */
		}
		.listbk  a{
			font-size:12px;
			line-height:26px;
		}
		.eff-listbk {
			width:180px;
			height:30px;
			left:-180px;
			top:0px;
		}
	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		.listbk {
			width:180px;
			height:40px;
			background-position:  left 15px  top 13px;
		}
		.listbk  a{
			font-size:14px;
			line-height:36px;
			font-family: "NotoSansCJKjp-Medium";
		}
		.eff-listbk {
			width:180px;
			height:40px;
			left:-180px;
			top:0px;
			background	: url("images/icon/btn-sym01.png") no-repeat;
			background-size:8px 8px;
			background-position: 15px  13px; 
		}
	}

/* ■ Button slide animation  */

	/* CONTACT お問い合わせ  */ 
	/*　左の動き　*/
		#toCont.LeftMove{
			animation: LeftAnime 0.5s forwards;
		}

		@keyframes LeftAnime{
		  from {
		    opacity: 0;
			transform: translateX(100px);
		  }
		  to {
		    opacity: 1;
			transform: translateX(0);
		  }
		}

	/*　右の動き　*/
		#toCont.RightMove{
			animation: RightAnime 0.5s forwards;
		}
		@keyframes RightAnime{
		  from {
		  	opacity: 1;
			transform: translateX(0);
		  }
		  to {
		  	opacity: 1;
			transform: translateX(100px);
		  }
		}

	/* ◆BUTTON 枠線：左上と右下から枠線が伸びて塗り  7-1-26 P.359 */ 

		/* button 共通設定  - ●線から塗り系 - */

		.btn01 {
			/*線の基点とするためrelativeを指定*/
			position: relative;
			/*ボタンの形状*/
			display: inline-block;
			color:#E7370D;		/* HD-orange01 */
/*			padding: 10px 20px;*/
			background:#eee;
			background:#F5F5F5;
			text-decoration: none;
			outline: none;
			/*アニメーションの指定*/
			transition: all .3s;
			transition-delay: .7s;/*0.7秒遅れてアニメーション*/
		}
		/*hoverした際の、ボタンの背景とテキスト色の変更*/
		.btn01:hover{
			background:#333;
			background:#E7370D;		/* HD-orange01 */
			color: #fff;
		}
		/*線の設定*/
		.btn01 span{
			display: block;
		}
		/*横線の設定*/
		.btn01::before,
		.btn01::after{
			content:"";
			/*絶対配置で線の位置を決める*/   
			position: absolute;
			/*線の形状*/   
			width: 0;
			height: 2px;
			background: #333;
			background: #E7370D;		/* HD-orange01 */
			/*アニメーションの指定*/
			transition: all 0.2s linear;
		}
		/*縦線の設定*/
		.btn01 span::before,
		.btn01 span::after{
			content:"";
			/*絶対配置で線の位置を決める*/   
			position: absolute;
			/*線の形状*/
			width:1px;
			width:2px;
			height:0;
			background: #333;
			background: #E7370D;		/* HD-orange01 */
			/*アニメーションの指定*/
			transition: all 0.2s linear;
		}
		/*hoverした際、線が縦横100%伸びる*/
		.btn01:hover::before,
		.btn01:hover::after {
		 	width: 100%;
		}
		.btn01:hover span::before,
		.btn01:hover span::after {
			height: 100%;
		}

			/*== 左上と右下から枠線が伸びて塗りに */

			/*横線が0.2秒送れて出現*/
			.bordercircle1::before{
				right: 0;
				top: 0;
				transition-delay: 0.2s;
			}
			.bordercircle1::after{
				left: 0;
				bottom: 0;
				transition-delay: 0.2s;
			}

			/*縦線が出現*/
			.bordercircle1 span::before{
				left: 0;
				top: 0;
			}
			.bordercircle1 span::after{
				right: 0;
				bottom: 0;
			}

		/*== 左上と右下から枠線が伸びて塗りに */

		/*横線が0.2秒送れて出現*/
		.bordercircle1::before{
			 right: 0;
			 top: 0;
			 transition-delay: 0.2s;
		}
		.bordercircle1::after{
			left: 0;
			bottom: 0;
			transition-delay: 0.2s;
		}

		/*縦線が出現*/
		.bordercircle1 span::before{
			left: 0;
			top: 0;
		}
		.bordercircle1 span::after{
			right: 0;
			bottom: 0;
		}

	/* ◆BUTTON 枠線：背景が流れる（斜め） */ 

		/* button 共通設定  - 背景が流れる（斜め） - */

		.btn02 {
			/*アニメーションの起点とするためrelativeを指定*/
				position: relative;
				overflow: hidden;
			/*ボタンの形状*/
				text-decoration: none;
				display: inline-block;
				border: 1px solid #F29600;	/* ボーダーの色( Fracti-orange02 ) ,太さ */
				border: 1px solid #131D3E;	/* ボーダーの色( HISAYA-blue01 ) ,太さ */
				padding: 10px 30px;
				text-align: center;
				outline: none;
			/*アニメーションの指定*/  
				transition: ease .2s;
		}
		/*ボタン内spanの形状*/
		.btn02 span {
			position: relative;
			z-index: 3;/*z-indexの数値をあげて文字を背景よりも手前に表示*/
			color: #F29600;		/* Fracti-orange02 */
			color: #131D3E;		/* HISAYA-blue01 */
		}
		.btn02:hover span {
			color:#fff;
		}
		/*== 背景が流れる（斜め） */
		.bgskew::before {
			content: '';
			/*絶対配置で位置を指定*/
			position: absolute;
			top: 0;
			left: -130%;
			/*色や形状*/
			background-color:#F29600;		/* Fracti-orange02 */
			background-color:#131D3E;		/* HISAYA-blue01 */
			width:120%;
			height: 100%;
			transform: skewX(-25deg);	/* 水平方向斜めにゆがめる変換 */
		}

		/*hoverした時のアニメーション*/
		.bgskew:hover::before {
			animation: skewanime .5s forwards;/*アニメーションの名前と速度を定義*/
		}

		@keyframes skewanime {
			100% {
				left:-10%;/*画面の見えていない左から右へ移動する終了地点*/
			}
		}

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

			.btn02 {
				padding: 7px 20px;
			}

		}



/* ========== css/pagenavi.css ========== */
		/* pagenavi */

		.wp-pagenavi {
			clear: both;
			margin: 35px 0;
	}
		.pager {
			text-align: center;
			font-size: 14px;
			line-height: 1;
			font-weight: normal;
		}

		.pager .current {
			background: none;
			border: none;
			border-radius: 3px;
			margin: 0 5px;
			color: #BFBFBF;
			background: #BFBFBF;
			color: #fff;
			padding: 5px 6px;
		}

		.pager a {
			color: #BFBFBF;
		}
		.pager a.page, .pager a.previouspostslink, .pager a.nextpostslink {
			background: #e9e8e8;
			border: none;
			border-radius: 3px;
			padding: 5px 6px;
			margin: 0 5px;
			color: #BFBFBF;
		}

	@media screen and (max-width: 768px) {
			.pager {
				font-size: 4.67vw;
				line-height: 2.5;
			}

			.pager .current {
				margin: 0 1.17vw;
				padding: 2.34vw 3.27vw;
			}

			.pager a.page, .pager a.previouspostslink, .pager a.nextpostslink {
				padding: 2.34vw 3.27vw;
				margin: 0 1.17vw;
			}
		}

/* pagenavi */
		.pager {
			margin: 20px;
			text-align: center;
			font-size: 14px;
			line-height: 1;
			font-weight: normal;
		}

		.pager .current {
			background: none;
			border: none;
			border-radius: 3px;
			margin: 0 5px;
			color: #BFBFBF;
			background: #BFBFBF;
			color: #fff;
			padding: 5px 6px;
		}

		.pager a {
			color: #BFBFBF;
		}
		.pager a.page, .pager a.previouspostslink, .pager a.nextpostslink {
			background: #e9e8e8;
			border: none;
			border-radius: 3px;
			padding: 5px 6px;
			margin: 0 5px;
			color: #BFBFBF;
		}

/* ========== css/keyv.css ========== */
/*----------------------------------------------------------------------------*/
/* 	三咲モータースサイト	 Keyvisual						 		  CSS    */
/*----------------------------------------------------------------------------*/

	/* ☆ KeyVisual Image Area --------------*/
	#fview {	
		display:block;
		margin: 0  auto 0 auto;
		width: 100%;
		padding-top:35px;
		padding-bottom:30px;
		border-bottom:none;
		border:none;
	}
	.viewer{
		margin: 0  auto 0 auto;
		border:none;
	}
	#viewerSP{
		display:block;
		margin: 30px  auto 0 auto;
	}
	#viewerPC {
		display:none;
	}

	/* ☆ KeyVisual Image Block ------------*/

	.viewer #guide01 li {		/* ■ PC  -----------------*/
		display:block;
		margin: 0  auto 0 auto;
		width:100%;
		height:650px;
		position:relative;
	}
	.viewer dl,dt,dd {
		display:block;
	}

	.viewer #guide01 li.fview01 {		/* ■ PC FView #01 */
		margin: 0  auto 0 auto;
		width:100%;
		height:650px;
		background	: url("images/fview/fview01.png") no-repeat;
		background-size: cover;
		background-position: center top 0; 
		background-color:#F5F5F5;
	}
	.viewer #guide01  li.fview01 .vox01 {		/* PC VOX01 ◆  */
		position:absolute;
		top:15%;
		left: 10%;
		width:500px;
		height: 400px;
	}
	.viewer #guide01  li.fview01 .vox01 dt {
		display:block;
		margin: 0 auto 0 auto;
		width:100%;
		height: 100px;
		text-indent: -99999px;	/* テキスト非表示 */
		background	: url("images/fview/fv01txt01.png") no-repeat;
		background-size:448px 87px;
		background-position:center center;
	}
	.viewer #guide01  li.fview01 .vox01 dd.txt01 {
		margin: 30px auto 0 auto;
		width:85%;
		font-size:32px;
		line-height:2.0em;
		font-family: "NotoSansCJKjp-Bold";
		color: #FFF;
	}
	.viewer #guide01  li.fview01 .vox01 dd.txt01 .txtex {
		font-size:40px;
		color: #FFF;
	}
	 .viewer #guide01  li.fview01 .vox01 dd.fv-hline  {	/* FV H-line */
		margin: 30px auto 0 auto;
		width:100%;
		height: 3px;
		border-top:2px solid #3CB400;		/* sec-green01 */
		border-top:2px solid #960021;		/* mmts-red01 */
		transform: scaleX(0);		/* 縦 borderline 伸縮 animation　★ */
		transform-origin:left;
	 	animation : extend-x 0.8s linear 0.0s infinite alternate none running;
	 	animation : extend-x 2.8s linear 0.0s infinite normal none running;
	}
	@keyframes extend-x{
		0%{
			transform: scaleX(0);
		}
		 100%{
			  transform: scaleX(1);
		 }
	}

	.viewer #guide01 li.fview01 .scbox {		/* ScroollDown BOX */
		display:block;
		position:absolute;
		top:77%;
		left:93%;
		width:150px;
		height: 70px;
		z-index:7;
		position:relative;
	}

	.viewer #guide01 li.fview02 {		/* ■ PC FView #02 */
		margin: 0  auto 0 auto;
		width:100%;
		height:650px;
		background	: url("images/fview/fview02.png") no-repeat;
		background-size: cover;
		background-position: center top 0; 
		background-color:#960021;		/* mmts-red01 */
	}

	.viewer #guide01  li.fview02 .vox01 {		/* PC VOX01 ◆  */
		position:absolute;
		top:15%;
		left: 10%;
		width:500px;
		height: 400px;
	}
	.viewer #guide01  li.fview02 .vox01 dt {
		display:block;
		margin: 0 auto 0 auto;
		width:100%;
		height: 100px;
		text-indent: -99999px;	/* テキスト非表示 */
		background	: url("images/fview/fv01txt01.png") no-repeat;
		background-size:448px 87px;
		background-position:center center;
	}
	.viewer #guide01  li.fview02 .vox01 dd.txt01 {
		margin: 30px auto 0 auto;
		width:85%;
		font-size:32px;
		line-height:2.0em;
		font-family: "NotoSansCJKjp-Bold";
		color: #FFF;
	}
	.viewer #guide01  li.fview02 .vox01 dd.txt01 .txtex {
		font-size:40px;
		color: #FFF;
	}
	 .viewer #guide01  li.fview02 .vox01 dd.fv-hline  {	/* FV H-line */
		margin: 30px auto 0 auto;
		width:100%;
		height: 3px;
		border-top:2px solid #3CB400;		/* sec-green01 */
		border-top:2px solid #960021;		/* mmts-red01 */
		transform: scaleX(0);		/* 縦 borderline 伸縮 animation　★ */
		transform-origin:left;
	 	animation : extend-x 0.8s linear 0.0s infinite alternate none running;
	 	animation : extend-x 2.8s linear 0.0s infinite normal none running;
	}
	@keyframes extend-x{
		0%{
			transform: scaleX(0);
		}
		 100%{
			  transform: scaleX(1);
		 }
	}

	.viewer #guide01 li.fview02 .scbox {		/* ScroollDown BOX */
		display:block;
		position:absolute;
		top:77%;
		left:93%;
		width:150px;
		height: 70px;
		z-index:7;
		position:relative;
	}

	.viewer #guide01 li .scbox .scrolldown01 a {		/* ScroolDown */
		display:block;
		position:absolute;
		bottom:0px;
		right:50px;
		width:130px;
		height: 60px;
		color: #BDC3C7;		/* Siver */ 
		font-size:13px;
		text-align:center;
		padding-top:0px; 
		border-right:1px solid #FFF;
		z-index:7;
		transform: scaleY(0);			/* 縦 borderline 伸縮 animation　★ */
		transform-origin: top;
	 	animation : extend-y 0.8s linear 0.0s infinite alternate none running;
	 	animation : extend-y 1.5s linear 0.0s infinite normal none running;
	}
	.viewer #guide01 li .scbox .scrolldown02 a {		/* ScroolDown */
		display:block;
		position:absolute;
		bottom:0px;
		right:50px;
		width:130px;
		height: 60px;
		color: #FFF; 
		font-size:13px;
		text-align:center;
		padding-top:0px; 
		border-right:1px solid #BDC3C7;		/* Siver */
		z-index:7;
		transform: scaleY(0);			/* 縦 borderline 伸縮 animation　★ */
		transform-origin: top;
	 	animation : extend-y 0.8s linear 0.0s infinite alternate none running;
	 	animation : extend-y 1.5s linear 0.0s infinite normal none running;
	}
	@keyframes extend-y{
		0%{
			transform: scaleY(0);
		}
		 100%{
			  transform: scaleY(1);
		 }
	}
	.viewer #guide01 li .scbox .sdtxt01 {
		position:absolute;
		top:10px;
		right:35px;
		width:100%;
		color: #FFF;
		font-size:13px;
		text-align:center;
		padding-top:0px; 
	}
	.viewer #guide01 li .scbox .sdtxt02 {
		position:absolute;
		top:10px;
		right:40px;
		width:100%;
		color: #777;
		font-size:12px;
		text-align:center;
		padding-top:0px; 
	}

	.viewer #guide01  li .vox02 {		/* PC VOX02 ◆  */
		position:absolute;
		top:67%;
		right: 8%;
		width:400px;
		height: 100px;
		text-indent: -99999px;	/* テキスト非表示 */
		background	: url("images/fview/fv01txt03.png") no-repeat;
		background-size:385px 81px;
		background-position:center center;
	}


	@media only screen and (min-width: 993px) and (max-width: 1400px) {	/*◇ PC-S */

		.viewer #guide01 li.fview01 {		/* ■ PC FView #01 */
			margin: 0  auto 0 auto;
			width:100%;
			height:550px;
			background	: url("images/fview/fview01.png") no-repeat;
			background-size: cover;
			background-position: center top 0; 
			background-color:#960021;		/* mmts-red01 */
		}
		.viewer #guide01 li.fview02 {		/* ■ PC FView #02 */
			margin: 0  auto 0 auto;
			width:100%;
			height:550px;
			background	: url("images/fview/fview02.png") no-repeat;
			background-size: cover;
			background-position: center top 0; 
			background-color:#960021;		/* mmts-red01 */
		}

	}

	.viewer #guide02 li {		/* ■ SP  ----------------------------*/
		display:block;
		margin: 0 auto 0 auto;
		width:100%;
		height:450px;
		position:relative;
	}
	.viewer #guide02 li.fview01 {		/* ■ SP FView #01 */
		margin: 0  auto 0 auto;
		width:100%;
		height:435px;
		background	: url("images/fview/fview01_sp.png") no-repeat;
		background-size:contain;
		background-position: center bottom 0; 
		background-color: #F5F5F5;
		position:relative;
	}
	.viewer #guide02 li.fview01 dl.vox01 {
		position:absolute;
		top:17%;
		left: 5%;
		width:270px;
		height: 300px;
	}
	.viewer #guide02 li.fview01 dl.vox01 dt {
		display:block;
		margin: 0 auto 0 auto;
		width:100%;
		height: 60px;
		text-indent: -99999px;	/* テキスト非表示 */
		background	: url("images/fview/fv01txt01.png") no-repeat;
		background-size:448px 87px;
		background-size:224px 44px;
		background-position:center center;
	}
	.viewer #guide02  li.fview01 dl.vox01 dd.txt01 {
		margin: 15px auto 0 auto;
		width:90%;
		font-size:13px;
		line-height:2.0em;
		font-weight:bold;
		color: #FFF;
	}
	.viewer #guide02  li.fview01 .vox01 dd.txt01 .txtex {
		font-size:15px;
		color: #FFF;
	}
	 .viewer #guide02  li.fview01 .vox01 dd.fv-hline  {	/* FV H-line */
		margin: 10px auto 0 auto;
		width:90%;
		height: 1px;
		border-top:2px solid #960021;		/* mmts-red01 */
		transform: scaleX(0);		/* 縦 borderline 伸縮 animation　★ */
		transform-origin:left;
	 	animation : extend-x 0.8s linear 0.0s infinite alternate none running;
	 	animation : extend-x 2.8s linear 0.0s infinite normal none running;
	}
	@keyframes extend-x{
		0%{
			transform: scaleX(0);
		}
		 100%{
			  transform: scaleX(1);
		 }
	}
	.viewer #guide02 li.fview02 {		/* ■ SP FView #02 */
		margin: 0  auto 0 auto;
		width:100%;
		height:435px;
		background	: url("images/fview/fview02_sp.png") no-repeat;
		background-size:contain;
		background-position: center bottom 0; 
		background-color: #F5F5F5;
		position:relative;
	}
	.viewer #guide02 li.fview02 dl.vox01 {
		position:absolute;
		top:17%;
		left: 5%;
		width:270px;
		height: 300px;
	}
	.viewer #guide02 li.fview02 dl.vox01 dt {
		display:block;
		margin: 0 auto 0 auto;
		width:100%;
		height: 60px;
		text-indent: -99999px;	/* テキスト非表示 */
		background	: url("images/fview/fv01txt01.png") no-repeat;
		background-size:448px 87px;
		background-size:224px 44px;
		background-position:center center;
	}
	.viewer #guide02  li.fview02 .vox01 dd.txt01 {
		margin: 15px auto 0 auto;
		width:90%;
		font-size:13px;
		line-height:2.0em;
		font-weight:bold;
		color: #FFF;
	}
	.viewer #guide02  li.fview02 .vox01 dd.txt01 .txtex {
		font-size:15px;
		color: #FFF;
	}
	 .viewer #guide02  li.fview02 .vox01 dd.fv-hline  {	/* FV H-line */
		margin: 10px auto 0 auto;
		width:90%;
		height: 1px;
		border-top:2px solid #960021;		/* mmts-red01 */
		transform: scaleX(0);		/* 縦 borderline 伸縮 animation　★ */
		transform-origin:left;
	 	animation : extend-x 0.8s linear 0.0s infinite alternate none running;
	 	animation : extend-x 2.8s linear 0.0s infinite normal none running;
	}
	@keyframes extend-x{
		0%{
			transform: scaleX(0);
		}
		 100%{
			  transform: scaleX(1);
		 }
	}

	.bx-wrapper .bx-prev {
		background-image:none;
	}
	.bx-wrapper .bx-next {
		background-image:none;
	}
	#viewerSP .text01sp {
		padding-top: 3px;
		padding-bottom: 15px;
		padding-left: 5%;
		width:90%;
		text-align:left;
		font-size:12.5px;
		font-weight:bold;
		color: #27AE60;		/* F.Green */
	}

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

	}

	@media only screen and (min-width: 768px) {

		#fview {	
			display:block;
			margin: 0  auto 0 auto;
			width: 100%;
			padding-top:0;
			padding-bottom:55px;
			background-color: transparent;
			border:none;
			padding-top:0;
			padding-top:70px;	/* ■0312 →　0px */
			background	: url("images/bg/bgsym01.jpg") repeat-y;
			background-size:1600px 5px;
			background-size:contain;
			position: relative;
		}
		#viewerPC {
			display:block;
		}
		#viewerSP{
			display:none;
		}
		#viewerSP guide02.bxslider {
			display:none;
		}

	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#wrapper {
			margin-top: 0;
		}
		#fview {	
			display:block;
			margin: 0  auto 0 auto;
			width: 100%;
			padding-bottom:30px;
			background-color: transparent;
			border:none;
			padding-top:60px;
			position: relative;
		}
		#viewerPC {
			display:block;
		}
		#viewerSP{
			display:none;
			margin: 0  auto 0 auto;
		}
		.viewer #guide01  li.fview01 .vox01 dd.txt01 {
			margin: 20px auto 0 auto;
			width:85%;
			font-size:24px;
			line-height:1.8em;
		}
		.viewer #guide01  li.fview01 .vox01 dd.txt01 .txtex {
			font-size:30px;
		}
		.viewer #guide01  li.fview02 .vox01 dd.txt01 {
			margin: 20px auto 0 auto;
			width:85%;
			font-size:24px;
			line-height:1.8em;
		}
		.viewer #guide01  li.fview02 .vox01 dd.txt01 .txtex {
			font-size:30px;
		}
		.viewer #guide01 li.fview01 .scbox {		/* ScroollDown BOX */
			display:none;
		}
		.viewer #guide01 li.fview02 .scbox {		/* ScroollDown BOX */
			display:none;
		}

	}
	.bx-wrapper .bx-prev {	/* < FV削除 */
			display:none;
	}
	.bx-wrapper .bx-next {	/* > FV削除 */
			display:none;
	}

	.cat .prev {
		display:none;
	}
	.cat  .next {
		display:none;
	}
	.slick-arrow {
	    display: none;
	}


/* ========== css/top.css ========== */
/*----------------------------------------------------------------------------*/
/*	三咲モータースサイト 		TOP page							  CSS    */
/*----------------------------------------------------------------------------*/
/* heading */

h2 {
	text-transform: uppercase;
	font-size: 3rem;
}

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

	h2 {
		font-size: 2rem;
	}
}

/* lead */
.top-lead {
	position: fixed;
	bottom: 10%;
	left: 5%;
	font-size: 3rem;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 1.5;
}

.top-lead span.bgLRextend::before {
	background: #333;
}

@media screen and (max-width:550px) {
	.top-lead {
		font-size: 2.2rem;
	}
}

@media screen and (max-width:380px) {
	.top-lead {
		font-size: 1.8rem;
	}
}

/* ● 横スクロール位置バー の高さ範囲 */
#container {
	height: auto;
}

/* main-area */

#main-area {
	width: 100%;
	margin: 0 auto;
	padding: 0 0 50px 0;
}

@media only screen and (min-width:992px) {
	#cta02 {
		margin: 50px auto 0 auto;
	}
}

/* ■ NEWS section ---------------------------------------------*/



#news {
	margin: 0 auto 50px auto;
	/* ★FAQ挿入時取る */
	width: 100%;
	padding-bottom: 0;
	background-image: url("images/bg/bgs01.png");
	background-size: contain;
	background-position: left 0 bottom 0;
	background-repeat: no-repeat;
}

#news h2 {
	margin: 0 0 50px 0;
	font-size: 46px;
	text-align: center;
	font-weight: bold;
	font-family: "NotoSansCJKjp-Bold";
	color: #333;
	padding-top: 50px;
}

#news h2 span.bgLRextend::before {
	background: #FFF;
}

#news .cont01 {
	margin: 50px auto 0 auto;
	width: 75%;
	padding-top: 30px;
	padding-bottom: 50px;
	padding-bottom: 80px;
	background-color: rgba(255, 255, 255, 0.99);
	/*  White  透過95% */
	box-shadow: 1px 1px 10px 1px #aaa;
	-webkit-box-shadow: 1px 1px 10px 1px #aaa;
	-moz-box-shadow: 1px 1px 10px 1px #aaa;
}

#news .cont01 ul {
	margin: 0 auto 0 12%;
	width: 76%;
	margin: 0 auto 0 7.5%;
	width: 85%;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #BDC3C7;
	/* Siver */
	position: relative;
}

#news .cont01 li {
	margin: 0 auto 0 auto;
	width: 100%;
	font-size: 14px;
	font-family: "NotoSansCJKjp-Medium";
	font-display: swap;
	line-height: 28px;
	color: #444;
}

#news .cont01 li.txt01s {
	font-size: 14px;
}

#news .cont01 li.indent01 {
	padding-left: 1em;
	text-indent: -1em;
	/* 2行目以降1字下げ */
}

#news .cont01 li.date {
	color: #BF0122;
	/* mmts-red02 */
	color: #A4966A;
	/* Gold01 */
}

#news .cont01 li .detail {
	text-align: right;
	padding-left: 30px;
}

#news .cont01 li .detail a {
	text-align: right;
	font-size: 13px;
	color: #A4966A;
	/* Gold01 */
}

#news .cont01 li .detail a:hover {
	text-align: right;
	font-size: 13px;
	color: #D35400;
	/* LD-red01 */
}

#news .cont01 .viewall {
	display: block;
	margin: 50px auto 0 39%;
	width: 200px;
	height: 45px;
}

#news .cont01 .nlall {
	display: block;
	margin: 30px auto 60px auto;
	position: relative;
}

#news .cont01 .nlall a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 200px;
	font-size: 14px;
	font-family: "NotoSansCJKjp-Medium";
	line-height: 1.5em;
	color: #FFF;
	background: url("images/icon/btn-sym03.png") no-repeat;
	background-size: 8px 8px;
	background-position: 15px 16px;
}

#news .cont01 .nlall a:hover {
	background: url("images/icon/btn-sym03.png") no-repeat;
	background-size: 8px 8px;
	background-position: 170px 16px;
}

@media screen and (min-width: 1570px) {
	#news {
		background-image: none;
	}
}

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

	#news {
		margin: 0 auto 0 auto;
		/* ★FAQ挿入時取る */
		width: 100%;
	}

	#news h2 {
		margin: 20px 0 0 0;
		font-size: 20px;
		padding-top: 10px;
	}

	#news .cont01 {
		margin: 20px auto 0 auto;
		width: 95%;
		padding-top: 20px;
		padding-bottom: 30px;
	}

	#news .cont01 ul {
		margin: 0 auto 0 auto;
		width: 87.5%;
		padding-top: 5px;
		padding-bottom: 5px;
		border-bottom: 1px solid #BDC3C7;
		/* Siver */
		position: relative;
	}

	#news .cont01 li {
		margin: 0 auto 0 auto;
		width: 100%;
		font-size: 12px;
		font-family: "NotoSansCJKjp-Medium";
		font-display: swap;
		line-height: 20px;
		color: #333;
	}

	#news .cont01 li.indent01 {
		padding-left: 1em;
		text-indent: -1em;
		/* 2行目以降1字下げ */
	}

	#news .cont01 li.txt01s {
		font-size: 11px;
	}

	#news .cont01 li.date {
		color: #D35400;
		/* ◆ LD-red01 */
	}

	#news .cont01 li .detail {
		text-align: right;
		padding-left: 10px;
	}

	#news .cont01 li .detail a {
		text-align: right;
		font-size: 12px;
		color: #A4966A;
		/* Gold01 */
	}

	#news .cont01 li .detail a:hover {
		text-align: right;
		font-size: 12px;
		color: #D35400;
		/* LD-red01 */
	}

	#news .cont01 .viewall {
		display: block;
		margin: 20px auto 0 22%;
		width: 180px;
		width: 56%;
		height: 30px;
	}

	#news .cont01 .nlall {
		display: block;
		margin: 20px auto 45px auto;
		position: relative;
	}

	#news .cont01 .nlall a {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: auto;
		width: 160px;
		font-size: 12px;
		line-height: 1.5em;
		color: #FFF;
		background: url("images/icon/btn-sym03.png") no-repeat;
		background-size: 8px 8px;
		background-position: 10px 12px;
	}
}

/* ■ vision section ----------------------------------------------*/

#vision {
	margin: 0 auto 100px auto;
	width: 85%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

#vision .img {
	width: 40%;
	min-height: 590px;
	background: url("images/top/pict_01.jpg") no-repeat center;
	background-size: cover;
}

#vision .content {
	margin: 0 auto 0 7%;
	width: 50%;
	text-align: right;
}

#vision h2 {
	width: 90%;
	font-size: 3rem;
	font-family: "NotoSansCJKjp-Bold";
	color: #444;
	margin: 0 0 30px 0;
	text-align: right;
}

#vision p {
	line-height: 2;
	margin: 0 0 30px 0;
	width: 90%;
	color: #333;
	text-align: left;
}

#vision .vision-lead {
	margin: 0 0 70px 0;
	margin: 0 auto 30px auto;
	width: 85%;
	position: relative;
	text-align: right;
	text-align: center;
	font-size: 1.3rem;
	font-weight: bold;
	font-family: "NotoSansCJKjp-Medium";
	color: #333;
	padding-bottom: 20px;
	border-bottom: 3px solid #131D3E;
}

/*	#vision .vision-lead::after{
		content:'';
		position: absolute;
		bottom:-30px;
		right:0;
		width:90%;
		background:#131D3E;
		width:12em;
		height: 3px;
	}*/
#vision dl {
	margin: 0 auto 30px auto;
	width: 90%;
	line-height: 1.8em;
	color: #333;
	text-align: left;
}

#vision dt {
	margin: 0 auto 15px auto;
	text-align: center;
	font-family: "NotoSansCJKjp-Medium";
	font-size: 18px;
}

#vision dd {
	margin: 0 auto 0 auto;
	width: 90%;
	font-family: "NotoSansCJKjp-Bold";
	font-size: 18px;
	line-height: 3.0em;
	color: #333;
	border-bottom: 1px solid #D41277;
	/* plumsa-pink01 */
	border-bottom: 1px solid #BF0122;
	/* mmts-red02 */
}

#vision dd .chk {
	padding-right: 10px;
	font-size: 15px;
	color: #BF0122;
	/* mmts-red02 */
}

#vision .vision-txt {
	margin: 0 auto 0 auto;
	width: 80%;
	color: #333;
	font-size: 16px;
	font-family: "NotoSansCJKjp-Medium";
}

#vision #vision-fl {
	margin: 30px auto 30px auto;
	width: 100%;
	height: 80px;
	text-indent: -99999px;
	/* テキスト非表示 */
	background-image: url("images/top/se0101.png");
	background-size: 788px 102px;
	background-size: 591px 77px;
	/* 75% */
	background-position: center center;
	background-repeat: no-repeat;
}

@media only screen and (min-width: 993px) and (max-width: 1400px) {
	/*◇ PC-S */

	#vision h2 {
		font-size: 2.5rem;
	}

	#vision .vision-lead {
		font-size: 1.1rem;
	}

	#vision .vision-txt {
		font-size: 14px;
	}

	#vision #vision-fl {
		margin: 30px auto 30px auto;
		width: 100%;
		height: 80px;
		text-indent: -99999px;
		/* テキスト非表示 */
		background-image: url("images/top/se0101.png");
		background-size: 788px 102px;
		background-size: 473px 61px;
		/* 60% */
		background-position: center center;
		background-repeat: no-repeat;
	}
}

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

	#vision {
		margin: 20px 0 20px 0;
		width: 100%;
		text-align: center;
	}

	#vision .img {
		margin: 0 0 30px 0;
		margin: 0 auto 15px auto;
		width: 100%;
		width: 90%;
		min-height: 290px;
		min-height: 200px;
	}

	#vision h2 {
		margin: 0 0 10px 0;
		text-align: right;
		font-weight: bold;
		font-size: 17px;
	}

	#vision .content {
		margin: 0 auto 0 auto;
		width: 90%;
		text-align: left;
	}

	#vision p {
		line-height: 1.8em;
		margin: 0 0 15px 0;
		color: #333;
		text-align: left;
	}

	#vision .vision-lead {
		margin: 0 0 10px 0;
		width: 100%;
		font-size: 12px;
		padding-bottom: 5px;
	}

	/*		#vision .vision-lead::after{
			content:'';
			position: absolute;
			bottom:-15px;
			right:0;
			background:#eb6100;
			background:#131D3E;
			width:12em;
			height: 3px;
		}	*/
	#vision dl {
		margin: 0px auto 10px auto;
		width: 95%;
		line-height: 1.7em;
	}

	#vision dt {
		margin: 0 auto 5px auto;
		width: 90%;
		text-align: left;
		font-size: 13px;
		line-height: 1.7em;
	}

	#vision dd {
		width: 100%;
		font-weight: bold;
		font-size: 13px;
		line-height: 1.7em;
		padding-left: 1.5em;
		text-indent: -1.5em;
		/* 2行目以降1字下げ */
		padding-top: 5px;
		padding-bottom: 5px;
	}

	#vision dd .chk {
		padding-right: 3px;
		color: #BF0122;
		/* mmts-red02 */
	}

	#vision .vision-txt {
		margin: 0 auto 0 auto;
		width: 90%;
		font-size: 12px;
		font-weight: bold;
	}

	#vision #vision-fl {
		margin: 15px auto 0 auto;
		width: 100%;
		height: 350px;
		background-image: url("images/top/se0101sp.png");
		background-size: 214px 423px;
		background-size: 171px 338px;
		/* 80% */
		background-size: 150px 296px;
		/* 70% */
		background-position: center top 10px;
		background-repeat: no-repeat;
	}

}

/* ■ service section -----------------------------------------------*/

/* ◆system ----- */

#sec0101 {
	margin: 0 auto 0 auto;
	width: 100%;
	background-image:
		url("images/bg/brline02.svg"),
		url("images/bg/brline01.svg");
	background-size:
		:contain,
		:contain;
	background-position:
		center top 0%,
		center top 3%;
	background-repeat:
		no-repeat,
		no-repeat;
	padding-bottom: 20px;
	background: linear-gradient(90deg, #F5F5F5 0%, #F5F5F5 35%, white 37%, white 100%);
}

#sec0101 #sec-system {
	/* □ 固定ヘッダ アンカー位置差分変更 */
	margin-top: -100px;
	padding-top: 100px;
}

#sec0101 #sec01title01 {
	margin: 0 auto 0 auto;
	width: 80%;
	padding-bottom: 0;
}

#sec0101 #sec01title01 h2 {
	display: block;
	margin: 0 auto 0 auto;
	width: 100%;
	font-size: 13px;
	line-height: 1.7em;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "小塚ゴシック Pro", "Kozuka Gothic Pro", "メイリオ",
		Meiryo, Osaka, helvetica, arial,
		"游ゴシック体", YuGothic, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333;
	padding-top: 5px;
	padding-left: 0;
}

#sec0101 #sec01title01 .h2line {
	margin: 10px auto 0 auto;
	width: 100%;
	height: 1px;
	text-indent: -99999px;
	/* テキスト非表示 */
	background: linear-gradient(90deg, #CCCCCC 0%, #CCCCCC 98%, #BF0122 98%, #BF0122 100%);
	/* mmts-red02 */
}

#sec0101 p.txt01 {
	margin: 15px auto 0 auto;
	width: 80%;
	font-size: 12px;
	line-height: 1.7em;
	color: #333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "小塚ゴシック Pro", "Kozuka Gothic Pro", "メイリオ",
		Meiryo, Osaka, helvetica, arial,
		"游ゴシック体", YuGothic, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#sec0101 #compare {
	margin: 15px auto 0 auto;
	width: 100%;
}

#sec0101 #compare>dl {
	display: block;
	margin: 15px auto 0 auto;
	width: 90%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "小塚ゴシック Pro", "Kozuka Gothic Pro", "メイリオ",
		Meiryo, Osaka, helvetica, arial,
		"游ゴシック体", YuGothic, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #fff;
	border: 2px solid #BF0122;
	/* mmts-red02 */
}

#sec0101 #compare>dl dt {
	margin: 10px auto 10px auto;
	width: 85%;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	color: #BF0122;
	/* mmts-red02 */
	padding-top: 5px;
	padding-bottom: 10px;
	border-bottom: 1px solid #BDC3C7;
	/* Siver */
}

#sec0101 #compare>dl dd {
	margin: 15px auto 0 auto;
	width: 85%;
	font-size: 12px;
	line-height: 1.7em;
	color: #333;
	padding-bottom: 10px;
}

@media only screen and (min-width:992px) {
	/*■ PC Layout  ■ */

	#sec0101 {
		margin: 0 auto 0 auto;
		width: 100%;
		background-image:
			url("images/bg/brline02.svg"),
			url("images/bg/brline01.svg");
		background-size:
			:cover,
			:cover;
		background-position:
			center top 0%,
			center top 3%;
		background-repeat:
			no-repeat,
			no-repeat;
		padding-bottom: 30px;
		background: linear-gradient(90deg, white 0%, white 5%, #E5E5E5 5%, #F5F5F5 38%, white 38%, white 100%);
		/* ★ */
	}

	#sec0101 #sec-system {
		/* □ 固定ヘッダ アンカー位置差分変更 */
		margin-top: -130px;
		padding-top: 130px;
	}

	#sec0101 #sec01title01 {
		margin: -50px auto 0 auto;
		width: 80%;
		padding-bottom: 0;
	}

	#sec0101 #sec01title01 h2 {
		display: block;
		margin: 0 auto 0 auto;
		width: 90%;
		text-align: center;
		font-size: 30px;
		font-family: "NotoSansCJKjp-Bold";
		padding-top: 0px;
		padding-bottom: 0;
	}

	#sec0101 #sec01title01 .h2line {
		margin: 20px auto 0 auto;
		width: 85%;
		height: 1px;
		text-indent: -99999px;
		/* テキスト非表示 */
		background: linear-gradient(90deg, #CCCCCC 0%, #CCCCCC 98%, #BF0122 98%, #BF0122 100%);
		/* mmts-red02 */
	}

	#sec0101 p.txt01 {
		margin: 30px auto 0 auto;
		width: 60%;
		font-size: 15px;
		line-height: 1.8em;
		color: #333;
		font-family: "NotoSansCJKjp-Regular";
	}

	#sec0101 #compare {
		margin: 0 auto 0 auto;
		width: 65%;
		display: flex;
		justify-content: space-between;
		/*			align-items: center;	*/
		flex-wrap: wrap;
	}

	#sec0101 #compare>dl {
		margin: 30px auto 0 auto;
		width: 45%;
		border: 3px solid #BF0122;
		/* mmts-red02 */
	}

	#sec0101 #compare>dl dt {
		margin: 0 auto 20px auto;
		width: 90%;
		font-size: 17px;
		font-family: "NotoSansCJKjp-Bold";
		padding-top: 15px;
		padding-bottom: 15px;
		border-bottom: 1px solid #BDC3C7;
		/* Siver */
	}

	#sec0101 #compare>dl dd {
		margin: 0 auto 0 auto;
		width: 85%;
		font-size: 14px;
		line-height: 1.8em;
		font-family: "NotoSansCJKjp-Regular";
		padding-bottom: 20px;
	}

}

@media only screen and (min-width: 993px) and (max-width: 1400px) {
	/*◇ PC-S */

}

/* Tablet Layout ◇ */
@media only screen and (min-width: 768px) and (max-width: 992px) {}


/* ◆三咲モータースとは ----- */

#section01 {
	margin: 120px auto 0 auto;
	width: 100%;
	background-image:
		url("images/bg/brline02.svg"),
		url("images/bg/brline01.svg");
	background-size:
		:contain,
		:contain;
	background-position:
		center top 14%,
		center top 12%;
	background-repeat:
		no-repeat,
		no-repeat;
	padding-bottom: 0px;
}

#section01 #sec01title {
	margin: 0 auto 70px auto;
	width: 80%;
	padding-bottom: 0;
}

#section01 #sec01title h2 {
	display: block;
	margin: 0 auto 0 auto;
	width: 90%;
	text-align: center;
	font-size: 40px;
	font-family: "NotoSansCJKjp-Bold";
	color: #333;
	padding-top: 0px;
	padding-bottom: 0;
}

#section01 #sec01title .h2line {
	margin: 30px auto 0 auto;
	width: 85%;
	height: 1px;
	text-indent: -99999px;
	/* テキスト非表示 */
	background: linear-gradient(90deg, #CCCCCC 0%, #CCCCCC 98%, #BF0122 98%, #BF0122 100%);
	/* mmts-red02 */
}

@media screen and (max-width:550px) {
	#section01 h2 {
		margin: 0 0 50px 0;
	}
}

#section01 h2 span.bgLRextend::before {
	background: #333;
}

#section01 .service-area {
	margin: 0 auto 220px 5%;
	width: 95%;
	position: relative;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

@media screen and (max-width:590px) {
	#section01 .service-area {
		margin: 0 0 50px 0;
		margin: 0 auto 20px auto;
	}
}

#section01 .service-area::after {
	content: '';
	position: absolute;
	width: 70%;
	height: 23em;
	background: #f3f3f3;
	right: 10%;
	top: 20%;
	z-index: -1;
}

#section01 .service-area:nth-of-type(2n+1) {
	flex-direction: row-reverse;
}

#section01 .service-area .img {
	width: 50%;
}

#section01 .service-area .content {
	margin: 0 auto 0 auto;
	width: 40%;
	background: #fff;
	box-shadow: 0 0 20px #ccc;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	top: 150px;
}

#section01 .service-area:nth-of-type(2n) .img {
	text-align: center;
}

#section01 .service-area:nth-of-type(2n) .content {
	margin-left: -2%;
}

#section01 .service-area .content-area {
	padding: 40px;
}

#section01 .service-area .content-area h3 {
	margin: 0 0 20px 0;
	text-align: center;
	font-size: 1.2rem;
	line-height: 2.0em;
	font-family: "NotoSansCJKjp-Bold";
	color: #BF0122;
	/* mmts-red02 */
	color: #A4966A;
	/* Gold01 */
}

#section01 .service-area .content-area h3 span {
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	color: #555;
	font-size: 1.2rem;
}

#section01 .service-area .content-area p {
	margin: 0 0 30px 0;
	width: 100%;
	line-height: 1.8em;
	font-family: "NotoSansCJKjp-Regular";
	color: #333;
}

#section01 .btn {
	text-align: right;
}

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

	#section01 {
		margin: 0 auto 0 auto;
		width: 100%;
		background-image:
			url("images/bg/brline02.svg"),
			url("images/bg/brline01.svg");
		background-size:
			:cover,
			:cover;
		background-position:
			center top 1%,
			center top 0%;
		background-repeat:
			no-repeat,
			no-repeat;
		padding-bottom: 30px;
	}

	#section01 #sec01title {
		margin: 0 auto 0 auto;
		width: 80%;
		padding-top: 50px;
		padding-bottom: 0;
	}

	#section01 #sec01title h2 {
		display: block;
		margin: 0 auto 0 auto;
		width: 100%;
		font-size: 17px;
		line-height: 1.7em;
		font-weight: bold;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "小塚ゴシック Pro", "Kozuka Gothic Pro", "メイリオ",
			Meiryo, Osaka, helvetica, arial,
			"游ゴシック体", YuGothic, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		color: #333;
		padding-top: 5px;
		padding-left: 0;
	}

	#section01 #sec01title .h2line {
		margin: 10px auto 0 auto;
		width: 100%;
		height: 1px;
		text-indent: -99999px;
		/* テキスト非表示 */
		background: linear-gradient(90deg, #CCCCCC 0%, #CCCCCC 98%, #BF0122 98%, #BF0122 100%);
		/* mmts-red02 */
	}

	#section01 .service-area {
		margin: 20px 0 10px 0;
	}

	#section01 .service-area::after {
		content: '';
		position: absolute;
		width: 100%;
		height: 23em;
		height: 20em;
		background: #F5F5F5;
		right: 10%;
		top: 20%;
		z-index: -1;
	}

	#section01 .service-area .img {
		margin: 0 auto 30px auto;
		width: 100%;
		z-index: 2;
		text-align: center;
	}

	#section01 .service-area .content {
		margin: 0 auto 0 5%;
		width: 90%;
		top: 220px;
		box-shadow: 0 0 5px #ccc;
	}

	#section01 .service-area .content-area {
		padding: 0px;
		padding-bottom: 20px;
		/* ★btn 追加時除く */
	}

	#section01 .service-area .content-area h3 {
		margin: 10px 0 10px 0;
		text-align: center;
		font-size: 14px;
		line-height: 1.7em;
	}

	#section01 .service-area .content-area h3 span {
		font-weight: bold;
		text-transform: uppercase;
		display: block;
		font-size: 16px;
	}

	#section01 .service-area .content-area p {
		margin: 0 auto 0 auto;
		width: 90%;
		font-size: 12px;
		line-height: 1.7em;
	}

}

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

	#section01 .service-area .img {
		margin: 0 auto 30px auto;
		width: 100%;
		z-index: 2;
		text-align: center;
	}

	#section01 .service-area .img img {
		width: 85%;
		padding-left: 5%;
	}

	#section01 .service-area .content {
		width: 100%;
		top: -10px;
		top: -10px;
		animation: none;
		opacity: 1;
		z-index: 1;
	}

	#section01 .service-area:nth-of-type(2n) .content {
		margin-left: 5%;
	}
}

/* ◆ 事業内容について -----*/

#section02 {
	margin: 0 auto 0 auto;
	width: 100%;
	padding-bottom: 20px;
	background: linear-gradient(90deg, #F5F5F5 0%, #F5F5F5 35%, white 37%, white 100%);
}

#section02 #sec-scratch {
	/* □ 固定ヘッダ アンカー位置差分変更 */
	margin-top: -100px;
	padding-top: 100px;
}

#section02 #sec02title {
	margin: -30px auto 0 auto;
	width: 80%;
	padding-bottom: 0;
}

#section02 #sec02title h2 {
	display: block;
	margin: 0 auto 0 auto;
	width: 100%;
	font-size: 17px;
	line-height: 1.5em;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "小塚ゴシック Pro", "Kozuka Gothic Pro", "メイリオ",
		Meiryo, Osaka, helvetica, arial,
		"游ゴシック体", YuGothic, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333;
	padding-top: 5px;
	padding-left: 0;
}

#section02 #sec02title .h2line {
	margin: 10px auto 0 auto;
	width: 100%;
	height: 1px;
	text-indent: -99999px;
	/* テキスト非表示 */
	background: linear-gradient(90deg, #CCCCCC 0%, #CCCCCC 98%, #BF0122 98%, #BF0122 100%);
	/* mmts-red02 */
}

#section02 p.txt01 {
	margin: 15px auto 0 auto;
	width: 80%;
	font-size: 12px;
	line-height: 1.7em;
	color: #333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "小塚ゴシック Pro", "Kozuka Gothic Pro", "メイリオ",
		Meiryo, Osaka, helvetica, arial,
		"游ゴシック体", YuGothic, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#section02>ul {
	margin: 0 auto 0 auto;
	width: 90%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#section02>ul>li {
	margin: 15px auto 0 auto;
	width: 48%;
	text-align: center;
	font-size: 12px;
	line-height: 1.7em;
	font-weight: bold;
	padding: 10px;
	background-color: #fff;
	border: 2px solid #444;
}

#section02>ul>li img {
	width: auto;
	height: 60px;
	padding-bottom: 5px;
}

#section02 p.txt02 {
	margin: 20px auto 0 auto;
	width: 60%;
	font-size: 13px;
	line-height: 1.7em;
	font-weight: bold;
	color: #333;
}

@media only screen and (min-width:992px) {
	/*■ PC Layout  ■ */

	#section02 {
		margin: 330px auto 80px auto;
		width: 100%;
		padding-bottom: 50px;
		background-image:
			url("images/bg/brline02.svg"),
			url("images/bg/brline01.svg");
		background-size:
			:cover,
			:cover;
		background-position:
			center top 10%,
			center top 30%;
		background-repeat:
			no-repeat,
			no-repeat;
		background: linear-gradient(90deg, white 0%, white 5%, #E5E5E5 5%, #F5F5F5 38%, white 38%, white 100%);
		/* ★ */
	}

	#section02 #sec02title {
		margin: -50px auto 0 auto;
		width: 80%;
		padding-bottom: 0;
	}

	#section02 #sec02title h2 {
		display: block;
		margin: 0 auto 0 auto;
		width: 90%;
		text-align: center;
		font-size: 36px;
		font-family: "NotoSansCJKjp-Bold";
		padding-top: 0px;
		padding-bottom: 0;
	}

	#section02 #sec02title .h2line {
		margin: 20px auto 0 auto;
		width: 85%;
		height: 1px;
		text-indent: -99999px;
		/* テキスト非表示 */
		background: linear-gradient(90deg, #CCCCCC 0%, #CCCCCC 98%, #BF0122 98%, #BF0122 100%);
		/* mmts-red02 */
	}

	#section02 p.txt01 {
		margin: 30px auto 0 auto;
		width: 60%;
		font-size: 16px;
		line-height: 1.8em;
		color: #333;
		font-family: "NotoSansCJKjp-Regular";
	}

	#section02>ul {
		margin: 0 auto 0 auto;
		width: 75%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	#section02>ul>li {
		margin: 30px auto 0 auto;
		width: 18%;
		text-align: center;
		font-size: 14px;
		line-height: 1.8em;
		font-weight: normal;
		font-family: "NotoSansCJKjp-Bold";
		color: #444;
		padding: 20px;
		border: 2px solid #BF0122;
		/* mmts-red02 */
		border: 2px solid #444;
	}

	#section02>ul>li img {
		width: auto;
		height: 65px;
		padding-bottom: 10px;
	}

	#section02 p.txt02 {
		margin: 30px auto 0 auto;
		width: 75%;
		text-align: center;
		font-size: 16px;
		line-height: 1.8em;
		font-weight: normal;
		font-family: "NotoSansCJKjp-Medium";
	}

}

@media only screen and (min-width: 993px) and (max-width: 1400px) {
	/*◇ PC-S */

}

/* Tablet Layout ◇ */
@media only screen and (min-width: 768px) and (max-width: 992px) {}

/* ■handling manufacture banner  */

#hdlmanufacture {
	margin: 0px auto 0 auto;
	width: 100%;
	padding-bottom: 20px;
	background-color: #FFF;
	background: linear-gradient(180deg, white 0%, white 15%, #F5F5F5 15%, #F5F5F5 30%, white 30%, white 100%);
	/* ★ */
}

#hdlmanufacture h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

#sec01 {
	margin: 0 auto 0 auto;
	width: 100%;
	position: relative;
}

#sec01 #sec01sym01 {
	display: none;
}

#hdlmanufacture #sec01title01 {
	margin: 20px auto 0 auto;
	width: 90%;
	height: 30px;
	border-left: 5px solid #262626;
	/* plumsa-blue01 */
}

#hdlmanufacture #sec01title01 h2 {
	font-size: 15px;
	font-weight: bold;
	color: #444;
	padding-top: 5px;
	padding-left: 15px;
}

#hdlmanufacture #sec01title01 h2 .h2ex {
	font-size: 11px;
	font-weight: normal;
	color: #BDC3C7;
	/* Siver */
	padding-left: 15px;
}

#hdlmanufacture .items {
	margin: 0 auto -60px auto;
	width: 100%;
	padding-top: 0;
	padding-bottom: 0;
}

#hdlmanufacture .items ul.slider li {
	margin: 0 5px 0 auto;
	width: 80px;
	height: 35px;
	text-align: center;
	font-size: 13px;
	line-height: 1.0em;
	font-weight: bold;
	color: #333;
	padding: 10px;
	padding-bottom: 0;
	list-style-type: none;
	background-color: #FFF;
	border: 1px solid #BDC3C7;
	/* Siver */
}

#hdlmanufacture .items ul.slider li.small {
	font-size: 10px;
}

@media only screen and (max-width: 360px) {}

@media only screen and (min-width:768px) {

	#hdlmanufacture {
		margin: 0 auto 0 auto;
		width: 90%;
		padding-bottom: 20px;
		background-color: #FFF;
		background: linear-gradient(180deg, white 0%, white 10%, #F5F5F5 10%, #F5F5F5 20%, white 20%, white 85%, #F5F5F5 85%, #F5F5F5 92%, white 92%, white 100%);
		/* ★ */
		background: linear-gradient(180deg, white 0%, white 10%, #F5F5F5 10%, #F5F5F5 20%, white 20%, white 45%, #F5F5F5 45%, #F5F5F5 60%, white 60%, white 85%, #F5F5F5 85%, #F5F5F5 92%, white 92%, white 100%);
		/* ★ */
		background: linear-gradient(180deg, white 0%, white 10%, #F5F5F5 10%, #F5F5F5 20%, white 20%, white 55%, #E7DDD2 55%, #E7DDD2 92%, white 92%, white 100%);
		/* ★ */
	}

	#sec01 {
		margin: 0 auto 0 auto;
		width: 90%;
		padding-bottom: 30px;
		position: relative;
	}

	#hdlmanufacture #sec01title01 {
		margin: 0 auto 50px auto;
		width: 85%;
		height: 40px;
		border-left: 7px solid #262626;
		/* plumsa-blue01 */
	}

	#hdlmanufacture #sec01title01 h2 {
		font-size: 30px;
		font-family: "NotoSansCJKjp-Bold";
		line-height: 1.5em;
		color: #444;
		padding-top: 0px;
	}

	#hdlmanufacture #sec01title01 h2 .h2ex {
		font-size: 15px;
		font-family: "NotoSansCJKjp-Regular";
		padding-left: 30px;
	}

	#hdlmanufacture .items {
		margin: 0 auto -20px auto;
		width: 85%;
		padding-top: 0px;
		padding-bottom: 0px;
	}

	#hdlmanufacture .items ul.slider li {
		margin: 0 10px 0 auto;
		width: 120px;
		height: 50px;
		font-size: 15px;
		line-height: 1.0em;
		font-weight: normal;
		font-family: "NotoSansCJKjp-Medium";
		padding: 15px;
		padding-bottom: 0;
		background: url("images/icon/arrow01.png") no-repeat;
		background-size: 11px 15px;
		background-position: left 5px center;
		background-color: #FFF;
		border: 1px solid #BDC3C7;
		/* Siver */
	}

	#hdlmanufacture .items ul.slider li.small {
		font-size: 14px;
	}
}

/* Tablet Layout ◇ */
@media only screen and (min-width: 768px) and (max-width: 992px) {

	#hdlmanufacture {
		margin: 0 auto 0 auto;
		width: 100%;
		padding-bottom: 0px;
		background-color: #FFF;
		background: linear-gradient(90deg, white 0%, white 10%, #F5F5F5 10%, #F5F5F5 40%, white 40%, white 100%);
		/* ★ */
	}

	#sec01 {
		margin: 0 auto 0 auto;
		width: 100%;
		padding-bottom: 30px;
		position: relative;
	}

	#sec01 #sec01sym01 {
		display: block;
		position: absolute;
		top: -30px;
		right: 5px;
		z-index: 9;
	}

	#sec01 #sec01sym01 img {
		zoom: 0.6;
	}

	#hdlmanufacture #sec01title01 {
		margin: 150px auto 0 auto;
		width: 90%;
		height: 35px;
		border-left: 5px solid #262626;
		/* plumsa-blue01 */
	}

	#hdlmanufacture #sec01title01 h2 {
		font-size: 20px;
		padding-top: 5px;
		padding-left: 30px;
	}

	#hdlmanufacture .items {
		margin: 70px auto 0 auto;
		width: 90%;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
	}
}

/* ◆整備・検査事例 -----*/

#case {
	margin: 50px auto 0 auto;
	width: 100%;
	padding-bottom: 20px;
	background: linear-gradient(90deg, #F5F5F5 0%, #F5F5F5 35%, white 37%, white 100%);
}

#case #sec01title05 {
	margin: -30px auto 0 auto;
	width: 80%;
	padding-bottom: 0;
}

#case #sec01title05 h2 {
	display: block;
	margin: 0 auto 0 auto;
	width: 100%;
	font-size: 17px;
	line-height: 1.7em;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "小塚ゴシック Pro", "Kozuka Gothic Pro", "メイリオ",
		Meiryo, Osaka, helvetica, arial,
		"游ゴシック体", YuGothic, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333;
	padding-top: 20px;
	padding-left: 0;
}

#case #sec01title05 .h2line {
	margin: 5px auto 0 auto;
	width: 100%;
	height: 1px;
	text-indent: -99999px;
	/* テキスト非表示 */
	background: linear-gradient(90deg, #CCCCCC 0%, #CCCCCC 98%, #BF0122 98%, #BF0122 100%);
	/* mmts-red02 */
}

#case #casestudy {
	margin: 0 auto 0 auto;
	width: 100%;
}

#case #casestudy>dl {
	display: block;
	margin: 30px auto 0 auto;
	width: 80%;
	padding-bottom: 20px;
	background-color: #fff;
	border: 2px solid #444;
}

#case #casestudy>dl dt {
	margin: 0 auto 0 auto;
	width: 90%;
	text-align: center;
	font-size: 14px;
	line-height: 1.7em;
	font-weight: bold;
	color: #333;
	padding: 10px;
	padding-bottom: 5px;
}

#case #casestudy>dl dd {
	margin: 0 auto 0 auto;
	width: 90%;
	font-size: 12px;
	line-height: 1.7em;
	font-weight: normal;
	color: #333;
	padding-top: 10px;
}

#case #casestudy>dl dd img {
	padding-top: 0px;
	padding-bottom: 10px;
}

@media only screen and (min-width:992px) {
	/*■ PC Layout  ■ */

	#case {
		margin: 50px auto auto;
		width: 100%;
		padding-top: 30px;
		padding-bottom: 80px;
		background-image:
			url("images/bg/brline02.svg"),
			url("images/bg/brline01.svg");
		background-size:
			:cover,
			:cover;
		background-position:
			center top 10%,
			center top 30%;
		background-repeat:
			no-repeat,
			no-repeat;
		background: linear-gradient(90deg, white 0%, white 5%, #E5E5E5 5%, #F5F5F5 38%, white 38%, white 100%);
		/* ★ */
	}

	#case #sec01title05 {
		margin: 0 auto 0 auto;
		width: 80%;
		padding-bottom: 0;
	}

	#case #sec01title05 h2 {
		display: block;
		margin: 0 auto 0 auto;
		width: 90%;
		text-align: center;
		font-size: 38px;
		font-family: "NotoSansCJKjp-Bold";
		padding-top: 0px;
		padding-bottom: 0;
	}

	#case #sec01title05 .h2line {
		margin: 20px auto 30px auto;
		width: 85%;
		height: 1px;
		text-indent: -99999px;
		/* テキスト非表示 */
		background: linear-gradient(90deg, #CCCCCC 0%, #CCCCCC 98%, #BF0122 98%, #BF0122 100%);
		/* mmts-red02 */
	}

	#case #casestudy {
		margin: 0 auto 0 auto;
		width: 65%;
		padding-bottom: 100px;
		padding-bottom: 30px;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	#case #casestudy>dl {
		margin: 30px auto 0 auto;
		width: 45%;
		padding-bottom: 30px;
		border: 2px solid #444;
	}

	#case #casestudy>dl dt {
		margin: 0 auto 0 auto;
		width: 90%;
		font-size: 16px;
		line-height: 1.8em;
		font-weight: normal;
		font-family: "NotoSansCJKjp-Bold";
		padding: 20px;
		padding-bottom: 10px;
	}

	#case #casestudy>dl dd {
		margin: 0 auto 0 auto;
		width: 85%;
		font-size: 14px;
		line-height: 1.8em;
		font-weight: normal;
		font-family: "NotoSansCJKjp-Medium";
		padding-top: 10px;
	}

	#case #casestudy>dl dd img {
		padding-top: 0px;
		padding-bottom: 10px;
	}
}

@media only screen and (min-width: 993px) and (max-width: 1400px) {
	/*◇ PC-S */

}

/* Tablet Layout ◇ */
@media only screen and (min-width: 768px) and (max-width: 992px) {}

/* ■ faq section ------------------------------------------------*/

#faq {
	margin: 50px 0 80px 0;
	padding-bottom: 200px;
	background-image: url("images/bg/info_back01.jpg");
	background-size: 1600px 1068px;
	background-size: cover;
	background-position: left 0 bottom 0;
	background-attachment: fixed;
	background-repeat: no-repeat;


	/*		background-image:
			url("images/bg/brline01.svg"),
			url("images/bg/brline02.svg");
		background-size:
			:contain,
			:contain;
		background-position:
			center top 0%,
			center top 17%;
		background-repeat:
			no-repeat,
			no-repeat;
		padding-bottom:50px;	*/
}

#faq h2 {
	font-size: 3rem;
	text-align: center;
	margin: 0 0 50px 0;
	font-size: 50px;
	font-weight: bold;
	font-family: "NotoSansCJKjp-Bold";
	color: #FFF;
	padding-top: 50px
}

#faq h2 span.bgLRextend::before {
	background: #FFF;
}

#faq .cont01 {
	margin: 50px auto 0 auto;
	width: 80%;
	padding-top: 50px;
	padding-bottom: 60px;
	background-color: rgba(255, 255, 255, 0.95);
	/*  White  透過95% */
	box-shadow: 1px 1px 10px 1px #aaa;
	-webkit-box-shadow: 1px 1px 10px 1px #aaa;
	-moz-box-shadow: 1px 1px 10px 1px #aaa;
}

#faq ul {
	color: #222;
}

#faq ul li .box {
	background: #E7DDD2;
	/* beige */
	background: #EEE;
}

.faq-bg {
	margin: 0 0 200px 25% width:90%;
	position: relative;
	height: 55vh;
	height: 50vh;
	background: url("images/top/pict_06.jpg") no-repeat;
	background-size: contain;
	background-position: right 17% center;
	background-position: right 25% center;
}

.faq-bg::after {
	content: '';
	position: absolute;
	top: 15%;
	left: 8%;
	width: 80%;
	height: 55vh;
	height: 50vh;
	background: #EEE;
	z-index: -1;
}

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

	.faq-bg,
	.faq-bg::after {
		height: 35vh;
	}

	.faq-bg::after {
		content: '';
		position: absolute;
		top: 15%;
		left: 0%;
		width: 100%;
		height: 40vh;
		background: #EEE;
		z-index: -1;
	}

	#faq h2 {
		margin: 0 0 20px 0;
		font-size: 20px;
	}
}

@media screen and (max-width:550px) {
	#faq {
		margin: 0 0 0 0;
		padding-bottom: 80px;
	}

	#faq h2 {
		margin: 0 0 20px 0;
		font-size: 18px;
		padding-top: 30px
	}

	.faq-bg {
		margin: 0 0 50px auto;
	}

	.faq-bg,
	.faq-bg::after {
		height: 20vh;
	}

	#faq .cont01 {
		margin: 20px auto 0 auto;
		width: 95%;
		padding-top: 10px;
		padding-bottom: 15px;
		background-color: rgba(255, 255, 255, 0.95);
		/*  White  透過95% */
		box-shadow: 1px 1px 10px 1px #aaa;
		-webkit-box-shadow: 1px 1px 10px 1px #aaa;
		-moz-box-shadow: 1px 1px 10px 1px #aaa;
	}

	#faq ul {
		margin: 0 auto 0 auto;
		width: 95%;
	}

	#faq ul li h3 {
		font-size: 13px;
		line-height: 1.5em;
	}

	#faq ul li .box {
		font-size: 12px;
		line-height: 1.5em;
	}
}

/* ========== css/fview.css ========== */
/*----------------------------------------------------------------------------*/
/* 	 2ndary First View										  CSS    */
/*----------------------------------------------------------------------------*/

	/* ☆ KeyVisual Image Area --------------*/
	#fview {	
		display:block;
		margin: 0  auto 0 auto;
		width: 100%;
		padding-bottom:0px;
		background-color: #FFF;
		border-bottom:none;
		border:none;
		padding-top:60px;
	}
	.viewer{
		margin: 0  auto 0 auto;
		border:none;
	}
	#sviewerSP{				/* ●SP */
		display:block;
		margin: 0  auto 0 auto;
		background:linear-gradient(90deg,#F5F5F5 0%,#F5F5F5 45%,white 45%,white 100%);	/* ★ */
	}
	#sviewerPC {
		display:none;		/* ●PC */
	}
	#viewerSP{
		display:block;
		margin: 0  auto 0 auto;
		background-color:#FFF;
	}
	#sviewerSP .box01 {
		margin: 0  auto 0 auto;
		width:90%;
		text-align:right;
	}
	#sviewerSP h2 {
		display:block;
		margin: 0  auto 0 auto;
		font-weight:bold;
		font-size:17px;
		font-family: "游ゴシック体", YuGothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
					"NotoSansCJKjp-Bold";
		color: #444;
		padding-top:14px;
	}
	#sviewerSP .h1subt {
		display:block;
		margin: 7px  auto 0 auto;
		font-size:12px;
		font-weight:normal;
		font-family: "游ゴシック体", YuGothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
					"NotoSansCJKjp-Bold";
		color: #AAA;
		padding-bottom:10px;
	}
	#viewerPC {
		display:none;
	}

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

	}

	@media only screen and (min-width: 768px) {

		#fview {	
			display:block;
			margin: 0  auto 0 auto;
			width: 100%;
			padding-bottom:20px;
/*			background-color: #F5F5F5;*/
			background-color: transparent;
			border:none;
			padding-top:90px;
		}
		#sviewerPC {			/* ●PC */
			display:block;
			margin: -20px  auto 0 auto;
			width: 100%;
			height:180px;
			background:linear-gradient(90deg,#F1F3F6 0%,#F1F3F6 45%,white 45%,white 100%);	/* ★bluek light blue */
			background:linear-gradient(180deg,#F5F5F5 0%,#F5F5F5 50%,white 50%,white 90%,#F5F5F5 90%,#F5F5F5 95%,white 95%,white 100%);	/* ★ */
			position: relative;
		}

		#sviewerPC .box01 {
			display:block;
			position: absolute;
			top: 60px;
			right:0;
			left:0;
			margin:auto;
			width:30%;
		}
		#sviewerPC .box01 h2 {
			display:block;
			margin: 0  auto 0 auto;
			font-family: "NotoSansCJKjp-Bold";
			text-align:center;
			font-size:38px;
			letter-spacing:2px;
			color: #555;
/*			padding-left:50px;	*/
		}
		#sviewerPC .box01 .h1subt {
			display:block;
			margin: 15px  auto 0 auto;
			font-size:16px;
			text-align:center;
			font-family: "NotoSansCJKjp-Light";
			color: #BBB;
/*			padding-left:50px;	*/
			letter-spacing:1px;
		}
		#sviewerPC dl,dt,dd {
			display:block;
		}
		#sviewerPC .rqsym {
			display:block;
			position: absolute;
			top: 40px;
			right:10%;
			width:210px;
			height:100px;
		}
		#sviewerPC .rqsym #fvsym01 img {
			display:block;
			margin: 25px  auto 0 auto;
		}
		#sviewerPC .rqsym dd.fv-hline  {	/* FV H-line */
			display:block;
			margin: 12px  auto 0 auto;
			width:100%;
			height: 5px;
			padding-top:0; 
			border-top:3px solid #DAD1BB;	/* beige-gray01 */
			border-top:3px solid #333;
			border-top:1px solid #BF0122;	/* mmts-red02 */
			transform: scaleX(0);		/* 縦 borderline 伸縮 animation　★ */
			transform-origin:left;
		 	animation : extend-x 0.8s linear 0.0s infinite alternate none running;
		 	animation : extend-x 2.8s linear 0.0s  infinite normal none running;
		}
		@keyframes extend-x{
			0%{
				transform: scaleX(0);
			}
			 100%{
				  transform: scaleX(1);
			 }
		}
		#sviewerSP{			/* ●SP */
			display:none;
		}

		#viewerPC {
			display:block;
		}
		#viewerSP{
			display:none;
		}

	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#wrapper {
			margin-top: 0;
		}
		#sviewerPC {
			display:none;
		}
		#sviewerSP{
			display:block;
			margin: -20px  auto 0 auto;
			background:linear-gradient(90deg,#F5F5F5 0%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
		}

		#viewerPC {
			display:none;
		}
		#viewerSP{
			display:block;
		}
		#sviewerSP h2 {
			display:block;
			margin: 0  auto 0 auto;
			font-weight:bold;
			font-size:20px;
			padding-top:10px;
		}
		#sviewerSP .h1subt {
			font-size:13px;
			font-weight:normal;
		}


	}
	.bx-wrapper .bx-prev {
		display:none;
	}
	.bx-wrapper .bx-next {
		display:none;
	}

	.cat .prev {
		display:none;
	}
	.cat  .next {
		display:none;
	}
	.slick-arrow {
	    display: none;
	}
	.bx-wrapper .bx-pager {
		display:none;
	}


/* ========== css/privacy.css ========== */
/*----------------------------------------------------------------------------*/
/* 	わたなべ経営コンサルティング事務所  プライバシーポリシー				  CSS    */
/*----------------------------------------------------------------------------*/

/* ■ MainConents #section01  */

	#section01 {
		margin: 0 auto 0 auto;
		width: 100%;
		padding-bottom:20px;
		background:linear-gradient(90deg,white 0%,white 5%,#F5F5F5 5%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
		border-Top: 1px solid #DDD;
	}
	#section01 h1,h2,h3,h4,h5,h6{
		font-size:100%;
		font-weight:normal;
	}
	#sec01{
		margin: 0 auto 0 auto;
		width: 100%;
		padding-bottom:10px;
	}
	#sec01 #sec01sym01 {
		display:none;
	}
	#section01 #sec01title01 {
		margin: 80px auto 0 auto;
		width: 90%;
		border-left: 5px solid #555;		/* sec-blue00 */
		border-bottom: 1px solid #BDC3C7;	/* Siver */
	}
	#section01 #sec01title01 h2 {
		font-size:15px;
		color:#444;
		font-weight:bold;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:15px;
	}
	#section01 #sec01title01 p {
		width: 100%;
		font-size:12px;
		color:#333;
		line-height:22px;
		padding-top:10px;
		padding-left:20px;
	}
	#sec01 .ppsec {
		margin: 0 auto 0 auto;
		width: 90%;
		padding-top:10px;
		padding-bottom:0px;
	}
	#sec01 .ppsec  dl,dt,dd {
		display:block;
	}
	#sec01 .ppsec  h3 {
		display:block;
		margin: 20px auto 10px auto;
		width: 90%;
		font-size:13px;
		font-weight:bold;
		color:#333;
		line-height:1.8em;
		padding-left:10px;
		padding-bottom:5px;
		border-left: 5px solid #555;		/* sec-blue00 */
		border-bottom: 1px solid #BDC3C7;	/* Siver */
	}
	#sec01 .ppsec .h4text {
		margin: 0 auto 0 auto;
		width: 90%;
		font-size:12px;
		line-height:17px;
		padding-top:10px;
		padding-left:0;
		padding-right:0;
		padding-bottom:10px;
	}
	#sec01 #pp02>ul li {
		margin: 0 auto 0 auto;
			width: 80%;
			font-size:12px;
			line-height:23px;
	 		padding-left:1em;
		 	text-indent:-1em;	/* 2行目以降1字下げ */
			padding-bottom:5px;
	}
	#sec01 .ppsec dl,dt,dd {
		display:block;
	}
	#sec01 .ppsec dl.ppitem {
		margin: 0 auto 0 auto;
		width: 100%;
		padding-bottom:20px;
	}
	#sec01 .ppsec dl.ppitem dt {
		margin: 0 auto 0 auto;
		width: 95%;
		font-size:12px;
		font-weight:bold;
		padding-top:10px;
		padding-left:14px;
		color:#444;
		line-height:18px;
		background	: url("images/icon/arrow01.png") no-repeat;
		background-size:9px 10px;
		background-position:left 0 top 14px;
	}
	#sec01 .ppsec dl.ppitem dd {
		margin: 0 auto 0 auto;
		width: 90%;
		font-size:12px;
		line-height:17px;
		padding:0px;
		padding-top:10px;
		padding-left:0px;
	}
	#sec01 .ppsec dl.ppitem dd a {
		color: #B27C04;		/* Gold02 */
		padding-left:3px;
		padding-right:3px;
		font-weight:bold;
	}
	#sec01 .ppsec dl.ppitem dd a:hover {
		color: #A4966A;		/* Gold01 */
	}
	#sec01 .ppsec dl.ppitem p {
		padding-top:5px;
		padding-bottom:5px;
	 	padding-left:1.5em;
	 	text-indent:-1.5em;	/* 2行目以降1字下げ */
	}
	#sec01 .ppsec dl.ppitem p.stitle {
		padding-left:20px;
	}
	#sec01 .ppsec dl.ppitem dd>ul {
 		padding-left:5px;
	}
	#sec01 .ppsec dl.ppitem dd>ul>li {
		padding-left:1.5em;
	 	text-indent:-1.5em;	/* 2行目以降1字下げ */
		padding-bottom:5px;
	}

	#sec01 #pp02 .ppitem li {
		margin: 0 auto 0 auto;
		width: 90%;
		font-size:12px;
		line-height:17px;
		padding-bottom:10px;
	}
	#sec01 #pp02 ul li.ind02 {
		padding-left:1em;
	 	text-indent:-1em;	/* 2行目以降1字下げ */
	}
	#sec01 .ppsec ul.pvind01 {
		margin: 10px auto 20px auto;
		width: 100%;
		border-left: 3px solid #A4966A;		/* Gold01 */
	}
	#sec01 .ppsec ul.pvind01 li {
		font-size:12px;
		color:#333;
		text-align:right;
		text-align:left;
		padding-left:10px;
		padding-bottom:7px;
	}
	#sec01 .ppsec .newsdt-img {
		margin: 20px auto 0 auto;
	}
	#sec01 .ppsec .newsdt-img img {
		display:block;
		margin: 0 auto 0 auto;
	}
	#sec01 .ppsec .description {
		margin: 0 0 0 auto;
		width: 50%;
		padding-bottom:0px;
	}
	#sec01 .ppsec .description p {
		margin: 0 auto 0 auto;
		width: 100%;
		font-size:12px;
		line-height:1.8em;
		padding-top:0px;
		padding-left:0px;
		padding-right:0px;
		padding-bottom:5px;
	}

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

	}

	@media only screen and (min-width:992px) {

		#section01 {
			margin: 0 auto 0 auto;
			width: 100%;
			padding-bottom:0px;
			background-color:#FFF;
			background:linear-gradient(90deg,#F5F5F5 0%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
			background:linear-gradient(90deg,white 0%,white 10%,#F5F5F5 10%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
			border-Top: 2px solid #BDC3C7;		/* Silver */
			border-Top: 2px solid #DDD;
		}
		#sec01{
			margin: 130px auto 0 auto;
			width: 100%;
			padding-bottom:50px;
			background-image:
				url("images/bg/brline01.svg"),
				url("images/bg/brline02.svg");
			background-size:
				:contain,
				:contain;
			background-position:
				center top 0%,
				center top 3.5%;
			background-repeat:
				no-repeat,
				no-repeat;
			position:relative;
		}
		#sec01 #sec01sym01 {
			display:block;
			position: absolute;
			top: 0px;
			right: 50px;
			z-index:9;
		}
		#section01 #sec01title01{
			margin: 0 auto 0 15%;
			width: 70%;
			padding-bottom:0px;
			border-left: 8px solid #555;		/* sec-blue00 */
			border-bottom: 1px solid #BDC3C7;	/* Siver */
			border-bottom: none;
		}
		#section01 #sec01title01 h2 {
			font-size:32px;
			font-family: "NotoSansCJKjp-Bold";
			color:#666;
			padding-top:5px;
			padding-left:3%;
			padding-bottom:15px;
		}
		#section01 #sec01title01 p {
			width: 100%;
			font-size:16px;
			color:#555;
			line-height:30px;
			padding-bottom:20px;
			padding-left:80px;
		}
		#sec01 .ppsec {
			margin: 50px auto 0 15%;
			width: 70%;
			padding-top:40px;
			padding-bottom:30px;
			background-color:rgba( 255,255,255,0.90 ); 	/*  White  透過95% */
			border: solid 1px #DDD;
				border-radius:10px;  
				-moz-border-radius:10px;  
				-webkit-border-radius:10px;  
			position: relative;
		}
		#sec01 .ppsec:after{	/* ■入れ子を使って2重線 */
/*			content: "";
			border: solid 1px #DDD;
			position: absolute;
			top: 5px;
			left: 5px;
			width: calc(100% - 10px);
			height: calc(100% - 10px);	*/
		}
		#sec01 .ppsec  h3 {
			display:block;
			margin: 10px auto 20px auto;
			width: 85%;
			font-size:20px;
			font-weight:normal;
			font-family: "NotoSansCJKjp-Medium";
			color:#444;
			line-height:34px;
			padding-left:30px;
			padding-bottom:10px;
			border-left: 7px solid #D35400;		/* LD-red01 */
			border-bottom: 1px solid #BDC3C7;	/* Siver */
		}
		#sec01 .ppsec .h4text {
			margin: 0 auto 0 auto;
			width: 85%;
			font-size:16px;
			line-height:28px;
			font-family: "NotoSansCJKjp-Medium";
			padding-top:10px;
			padding-left:50px;
			padding-right:50px;
			padding-bottom:10px;
		}
		#sec01 #pp02>ul li {
			margin: 0 auto 0 auto;
			width: 70%;
			font-size:15px;
			line-height:23px;
			font-family: "NotoSansCJKjp-Regular";
			padding-bottom:10px;
		}
		#sec01 #pp02 ul li.ind02 {
	 		padding-left:1.9em;
		 	text-indent:-1.9em;	/* 2行目以降1字下げ */
		}
		#sec01 .ppsec dl.ppitem {
			margin: 0 auto 0 auto;
			width: 85%;
			padding-bottom:0px;
		}
		#sec01 .ppsec dl.ppitem dt {
			margin: 0 auto 0 auto;
			width: 90%;
			font-size:17px;
			padding:15px;
			padding-top:20px;
			padding-left:25px;
			line-height:27px;
			color:#444;
			background	: url("images/icon/arrow01.png") no-repeat;
			background-size:14px 15px;
			background-position:left 0 top 25px;
		}
		#sec01 .ppsec dl.ppitem dd {
			margin: 0 auto 0 auto;
			width: 100%;
			font-size:15px;
			line-height:24px;
			padding-top:0px;
			padding-left:80px;
			padding-right:80px;
			padding-bottom:10px;
		}
		#sec01 .ppsec dl.ppitem p {
	 		padding-top:10px;
	 		padding-bottom:10px;
	 		padding-left:2.0em;
		 	text-indent:-2.0em;	/* 2行目以降1字下げ */
		}
		#sec01 .ppsec dl.ppitem p.stitle {
	 		padding-left:30px;
		}
		#sec01 .ppsec dl.ppitem dd>ul {
	 		padding-left:50px;
	 		padding-left:20px;
		}
		#sec01 .ppsec dl.ppitem dd>ul>li {
	 		padding-left:1.5em;
		 	text-indent:-1.5em;	/* 2行目以降1字下げ */
			padding-bottom:5px;
		}

		#sec01 #pp02 .ppitem li {
			margin: 0 auto 0 auto;
			width: 100%;
			font-size:15px;
			line-height:23px;
			padding-bottom:10px;
		}
		#sec01 .ppsec ul.pvind01 {
			margin: 30px auto 30px auto;
			width: 70%;
			border-left: 5px solid #A4966A;		/* Gold01 */
		}
		#sec01 .ppsec ul.pvind01 li {
			text-align:right;
			text-align:left;
			font-size:14px;
			color:#333;
			padding-left:30px;
			padding-bottom:10px;
		}
		#sec01 .ppsec .newsdt-img {
			margin: 30px auto 30px auto;
			width: auto;
		}
		#sec01 .ppsec .description {
			margin: 0 0 0 auto;
			width: 30%;
			padding-bottom:0px;
		}
		#sec01 .ppsec .description p {
			margin: 0 auto 0 auto;
			width: 100%;
			font-size:15px;
			line-height:1.8em;
			padding-top:0px;
			padding-left:0px;
			padding-right:0px;
			padding-bottom:10px;
		}
	}

	@media only screen and (min-width: 993px) and (max-width: 1400px) {	/*◇ PC-S */

		#section01 #sec01title01{
			margin: 0 auto 0 15%;
			width: 80%;
		}
		#section01 #sec01title01 h2 {
			font-size:28px;
			padding-top:5px;
			padding-left:3%;
			padding-bottom:10px;
		}
		#sec01 .ppsec {
			margin: 50px auto 0 14%;
			width: 75%;
		}
		#section01 #sec01title01 p {
			width: 100%;
			font-size:15px;
			color:#555;
			padding-left:30px;
		}
		#sec01 .ppsec  h3 {
			display:block;
			margin: 10px auto 20px auto;
			width: 90%;
			font-size:14px;
		}
		#sec01 .ppsec .h4text {
			margin: 0 auto 0 auto;
			width: 90%;
			font-size:15px;
		}
		#sec01 #pp02>ul li {
			margin: 0 auto 0 auto;
			width: 80%;
			font-size:14px;
		}
		#sec01 .ppsec dl.ppitem {
			width: 90%;
		}
		#sec01 .ppsec dl.ppitem dt {
			margin: 0 auto 0 auto;
			width: 88%;
			font-size:15px;
			padding:15px;
			padding-top:20px;
			padding-left:20px;
			line-height:1.8em;
			color:#444;
			background	: url("images/icon/arrow01.png") no-repeat;
			background-size:13px 14px;
			background-position:left 0 top 25px;
		}
		#sec01 .ppsec dl.ppitem dd>ul>li {
			margin: 0 auto 0 auto;
			width: 100%;
			font-size:14px;
			line-height:1.8em;
		}



	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#section01 {
			margin: 20px auto 0 auto;
			width: 100%;
			padding-bottom:0px;
			background-color:#FFF;
			background:linear-gradient(90deg,#F5F5F5 0%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
			background:linear-gradient(90deg,white 0%,white 5%,#F5F5F5 5%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
		}
		#sec01{
			margin: 30px auto 0 auto;
			width: 100%;
			padding-bottom:30px;
			position:relative;
		}
		#sec01 #sec01sym01 {
			display:none;
		}
		#section01 #sec01title01 {
			margin: 60px auto 0 auto;
			width: 85%;
			border-left: 5px solid #555;		/* sec-blue00 */
			border-bottom: 1px solid #BDC3C7;	/* Siver */
		}
		#section01 #sec01title01 h2 {
			font-size:17px;
			font-family: "NotoSansCJKjp-Bold";
			color:#D35400;	/* LD-red01 */
			color:#555;
			padding-top:5px;
			padding-bottom:10px;
			padding-left:20px;
		}
		#sec01 .ppsec  h3 {
			display:block;
			margin: 20px auto 10px auto;
			width: 90%;
			font-size:13px;
			font-family: "NotoSansCJKjp-Medium";
			color:#333;
			line-height:18px;
			padding-left:10px;
			padding-bottom:5px;
		}
		#sec01 #pp02>ul li {
			margin: 0 auto 0 auto;
			width: 80%;
			font-size:13px;
			line-height:1.5em;
	 		padding-left:1em;
		 	text-indent:-1em;	/* 2行目以降1字下げ */
			padding-bottom:5px;
		}

	}


/* ========== css/app.css ========== */
* {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  margin: 0;
  padding: 0;
}

ul,
ol {
  list-style: none;
}
/*
img,
svg {
  display: block;
  width: 100%;
  height: 100%;
}
svg {
  fill: currentColor;
  stroke: currentColor;
}

li {
  margin: 6px 0;
}

.gif {
  width: 138px;
  height: 19px;
}

.jpeg {
  width: 152px;
  height: 23px;
}

.jpg {
  width: 139px;
  height: 23px;
}

.png {
  width: 151px;
  height: 19px;
}
*/

.svg-a {
  width: 168px;
  height: 17px;
  color: red;
}

.svg-b {
  width: 168px;
  height: 17px;
  color: blue;
}

.js-target {
  opacity: 0;
  transition: opacity 300ms;
}
.js-target.is-active {
  opacity: 1;
}

.svg-sprite {
  display: none;
}

.wrapper {
  display: block;
  width: 100%;
  height: 100vh;
  position: relative;
}
.wrapper h1 {
  position: absolute;
  left: 50%;
  top: 20%;
  font-size: 40px;
  transform: translateX(-50%);
  z-index: 2;
  font-family: "Comfortaa", cursive;
  text-shadow: 2px 2px 0 #FFF, -2px -2px 0 #FFF, -2px 2px 0 #FFF, 2px -2px 0 #FFF, 0px 2px 0 #FFF, 0 -2px 0 #FFF;
}

.map {

  display: block;
  width: 100%;
  height: 100vh;
  height: 500px;
/*  background: #000;*/
}
/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2Fzc2V0cy9jc3MvYXBwLmNzcyIsInNvdXJjZXMiOlsid2VicGFjazovLy8uL3Jlc291cmNlcy9hc3NldHMvY3NzL2FwcC5zY3NzIiwid2VicGFjazovLy8uL3N0ZGluIl0sInNvdXJjZXNDb250ZW50IjpbIioge1xuICBmb250LWZhbWlseTogXCJTZWdvZSBVSVwiLCBUYWhvbWEsIEdlbmV2YSwgVmVyZGFuYSwgc2Fucy1zZXJpZjtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xufVxudWwsXG5vbCB7XG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG59XG5pbWcsXG5zdmcge1xuICBkaXNwbGF5OiBibG9jaztcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbn1cbnN2ZyB7XG4gIGZpbGw6IGN1cnJlbnRDb2xvcjtcbiAgc3Ryb2tlOiBjdXJyZW50Q29sb3I7XG59XG5saSB7XG4gIG1hcmdpbjogNnB4IDA7XG59XG4uZ2lmIHtcbiAgd2lkdGg6IDEzOHB4O1xuICBoZWlnaHQ6IDE5cHg7XG59XG4uanBlZyB7XG4gIHdpZHRoOiAxNTJweDtcbiAgaGVpZ2h0OiAyM3B4O1xufVxuLmpwZyB7XG4gIHdpZHRoOiAxMzlweDtcbiAgaGVpZ2h0OiAyM3B4O1xufVxuLnBuZyB7XG4gIHdpZHRoOiAxNTFweDtcbiAgaGVpZ2h0OiAxOXB4O1xufVxuLnN2Zy1hIHtcbiAgd2lkdGg6IDE2OHB4O1xuICBoZWlnaHQ6IDE3cHg7XG4gIGNvbG9yOiByZWQ7XG59XG4uc3ZnLWIge1xuICB3aWR0aDogMTY4cHg7XG4gIGhlaWdodDogMTdweDtcbiAgY29sb3I6IGJsdWU7XG59XG4uanMtdGFyZ2V0IHtcbiAgb3BhY2l0eTogMDtcbiAgdHJhbnNpdGlvbjogb3BhY2l0eSAzMDBtcztcbiAgJi5pcy1hY3RpdmUge1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cbn1cbiIsIkBpbXBvcnQgJy4vc2FtcGxlJztcblxuLy8gUmVxdWlyZWRcbi5zdmctc3ByaXRlIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLndyYXBwZXJ7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDB2aDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBoMXtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgbGVmdDogNTAlO1xuICAgIHRvcDogMjAlO1xuICAgIGZvbnQtc2l6ZTogNDBweDtcbiAgICB0cmFuc2Zvcm06dHJhbnNsYXRlWCgtNTAlKTtcbiAgICB6LWluZGV4OiAyO1xuICAgIGZvbnQtZmFtaWx5OiAnQ29tZm9ydGFhJywgY3Vyc2l2ZTtcbiAgICB0ZXh0LXNoYWRvdzoycHggMnB4IDAgI0ZGRiwgLTJweCAtMnB4IDAgI0ZGRixcbiAgICAtMnB4IDJweCAwICNGRkYsIDJweCAtMnB4IDAgI0ZGRixcbiAgICAwcHggMnB4IDAgI0ZGRiwgIDAgLTJweCAwICNGRkY7XG4gIH1cbn1cblxuLm1hcHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMHZoO1xuICBiYWNrZ3JvdW5kOiAjMDAwO1xufSJdLCJtYXBwaW5ncyI6IkFBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7O0FBRUE7QUFFQTtBQUNBO0FBREE7O0FBRUE7QUFDQTtBQUNBO0FBR0E7QUFDQTtBQUZBO0FBQ0E7QUFDQTtBQUlBO0FBQ0E7QUFIQTtBQUNBO0FBS0E7QUFDQTtBQUpBO0FBQ0E7QUFDQTtBQU1BO0FBQ0E7QUFMQTtBQUNBO0FBQ0E7QUFPQTtBQUNBO0FBTkE7QUFDQTtBQUNBO0FBUUE7QUFDQTtBQVBBO0FBQ0E7QUFDQTtBQVNBO0FBQ0E7QUFSQTtBQUNBO0FBQ0E7QUFDQTtBQVVBO0FBQ0E7QUFUQTtBQUNBO0FBQ0E7QUFDQTtBQVdBO0FBQ0E7QUFWQTtBQUNBO0FBQ0E7QUFZQTtBQVhBO0FBQ0E7QUFhQTtBQUNBO0FDL0RBO0FBQ0E7QURpRUE7QUFDQTtBQy9EQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FEaUVBO0FDaEVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBRGtFQTtBQUNBO0FDN0RBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUQrREEiLCJzb3VyY2VSb290IjoiIn0=*/


/* ========== css/company.css ========== */
/*----------------------------------------------------------------------------*/
/* 	三咲モータースサイト 	 会社概要 page							  CSS    */
/*----------------------------------------------------------------------------*/
/* ■ MainConents #section01  会社概要 */

	#section01 {
		margin: 20px auto 0 auto;
		width: 100%;
		padding-bottom:20px;
		background:linear-gradient(90deg,#F5F5F5 0%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
	}
	#about {		/* □ 固定ヘッダ アンカー位置差分変更 */
		margin-top:-50px;
		padding-top:50px;
	}
	#section01 h1,h2,h3,h4,h5,h6{
		font-size:100%;
		font-weight:normal;
	}
	#sec01 {
		margin: 0 auto 0 auto;
		width: 100%;
	}
	#section01 h2 {
		display:block;
		margin: 15px auto 0 auto;
		width: 100%;
		font-weight:bold;
		font-size:15px;
		font-family: "NotoSansCJKjp-Bold";
		color: #2E6193;		/* HD-orange02 */
		padding-left:30px;
	}
	#sec01 .h2line  {
		margin: 10px auto 10px auto;
		width: 90%;
		height:1px;
		text-indent: -99999px;	/* テキスト非表示 */
		background:linear-gradient(90deg,#BDC3C7 0%,#BDC3C7 95%,#BF0122 95%,#BF0122 100%);	/* ★ mmts-red02 */
	}
	#outline {		/* □ 固定ヘッダ アンカー位置差分変更 */
		margin-top:-60px;
		padding-top:60px;
	}
	#sec01 #sec01sym01 {
		display:none;
	}
	#sec01 #sec01cont #sec01img {
		margin: 0px auto 10px auto;
	}
	#sec01 #sec01cont #sec01img img {
		display:block;
		margin: 0 auto 0 auto;
		zoom:0.5;
	}
	#section01 #sec01title01 {
		margin: 0 auto 0 auto;
		width: 90%;
	}
	#sec01 #sec01cont {
		margin: 5px auto 0 5%;
		width: 90%;
		padding-bottom:10px;
		box-sizing: border-box;
		display: inline-block;
		background-color:rgba( 255,255,255,0.95 ); 	/*  White  透過95% */
		position: relative;
		border: solid 1px #DDD;
	}
	#sec01 .cont01 {
		margin: 10px auto 0 auto;
		width: 90%;
		padding-bottom:0px;
	}
	#sec01 .cont01 dl,dt,dd {
		display:block;
	}
	#sec01 .item {
		display:block;
		margin: 15px auto 20px auto;
		width: 100%;
		padding-bottom:0px;
	}
	#sec01 .item-pc {
		display:none;
	}
	#sec01 .item dl {
		margin: 0 auto 7px auto;
		width: 100%;
		font-size:12px;
		padding-top:0;
		padding-bottom:0px;
		color:#333;
		line-height:1.2em;
	}
	#sec01 .item dl.dl02 {
		padding-top:0;
		padding-bottom:0px;
		line-height:20px;
	}
	#sec01 .item dt {
		margin: 0 auto 5px auto;
		width:90%;
		text-align:left;
		padding-left:10px;
		color: #333;
	}
	#sec01 .item dd {
		margin: 0 auto 0 auto;
		width:85%;
		padding-left:15px;
		line-height:20px;
		color:#333;
	}
	#sec01 .item dd a {
		color:#333;
	}
	#sec01 .item dd .cpname {
		font-size:13px;
		font-weight:bold;
		color:#A4966A;		/* Gold01 */
		color:#333;
	}
	#sec01 .item dd .sec01txt01 {
		display:none;
	}
	#sec01 .item dl.dltxt01 dd {
		margin-top: -30px;
	}

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

	}

	@media only screen and (min-width:992px) {

		#section01 {
			margin: 30px auto 0 auto;
			width: 100%;
			padding-bottom:0px;
			background:linear-gradient(90deg,white 0%,white 10%,#DAD1BB 10%,#E7DDD2 40%,white 40%,white 100%);	/* ★ */
			background:linear-gradient(90deg,white 0%,white 10%,#E7E7E7 10%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
		}
		#about {		/* □ 固定ヘッダ アンカー位置差分変更 */
			margin-top:-50px;
			padding-top:50px;
		}
		#sec01 {
			margin:30px auto 0 12%;
			width: 80%;
			margin: 50px auto 0 auto;
			width: 100%;
			padding-bottom:20px;
			background-image:url("images/bg/bgs01.png");
			background-size:	contain;
			background-position:	left 0 top 20%;
			background-repeat:no-repeat;
			position:relative;
		}
		#section01 h2 {
			display:block;
			margin: 0 auto 0 auto;
			width: 100%;
			font-size:34px;
			font-family: "NotoSansCJKjp-Bold";
			letter-spacing:10px;
			color: #444;
			padding-left:150px;
		}
		#sec01 .h2line  {
			margin: 30px auto 0px auto;
			width: 85%;
			height:1px;
			text-indent: -99999px;	/* テキスト非表示 */
			background:linear-gradient(90deg,#BDC3C7 0%,#BDC3C7 98%,#BF0122 98%,#BF0122 100%);	/* ★mmts-red02 */
		}
		#outline {		/* □ 固定ヘッダ アンカー位置差分変更 */
			margin-top:-90px;
			padding-top:90px;
		}
		#sec01 #sec01sym01 {
			display:block;
			position: absolute;
			top: -30px;
			right:7%;
		}
		#sec01 #sec01cont {
			margin: 0px auto 30px 7.5%;
			width: 85%;
			margin: 0px auto 30px 15%;
			width: 75%;
			padding-bottom:0;
			box-sizing: border-box;
			display: inline-block;
			background-color:rgba( 255,255,255,0.994 ); 	/*  White  透過99% */
			position: relative;
		}
		#sec01 #sec01cont #sec01img{
			position:absolute;
			top:140px;
			right:50px;
			margin: 0 auto 0 auto;
		}
		#sec01 #sec01cont #sec01img img {
			display:block;
			zoom:0.7;
		}
		#sec01 .cont01 {
			margin: -10px auto 0 8%;
			width: 85%;
			margin: -10px auto 0 8%;
			width: 85%;
			padding-bottom:0px;
			box-sizing: border-box;
			display: inline-block;
		}
		#sec01 .item {
			display:none;
		}
		#sec01 .item-pc {
			display:block;
			margin: 0 auto 0 auto;
			width: 90%;
			padding-bottom:30px;
		}
		#sec01 .item-pc dl {
			margin: 0 auto 20px auto;
			width: 100%;
			padding-top:0px;
			padding-bottom:0px;
			font-family: "NotoSansCJKjp-Medium";
			color:#444;
		}
		#sec01 .item-pc dl.dl02 {
			margin: -20px auto 0 auto;
			padding-top:0px;
			padding-bottom:0px;
			font-family: "NotoSansCJKjp-Regular";
			font-size:14px;
		}
		#sec01 .item-pc dl.dl03 {
			margin: 0 auto 0 auto;
			padding-top:0px;
			padding-bottom:0px;
			font-family: "NotoSansCJKjp-Regular";
			font-size:14px;
		}
		#sec01 .item-pc dt {
			float:left;
			width:23%;
			width:15%;
			text-align:right;
			font-size:16px;
			padding-left:0;
			line-height:26px;
		}
		#sec01 .item-pc dd {
			float:left;
			width:85%;
			font-size:16px;
			font-family: "NotoSansCJKjp-Regular";
			padding-left:50px;
			padding-bottom:0px;
			line-height:26px;
		}
		#sec01 .item-pc dd .cpname {
			font-size:20px;
			font-family: "NotoSansCJKjp-Medium";
			color:#333;
		}
		#sec01 .item-pc dl:first-child {
			padding-top:50px;
		}
		#sec01 .item-pc dl.dltxt01 dd {
			margin-top: 0;
		}
		#sec01 .item-pc dd .sec01txt01 {
			display:inline;
			font-weight:normal;
			padding-left:30px;
			font-size:14px;
			color:#777;
		}
	}
	@media only screen and (min-width: 993px) and (max-width: 1400px) {	/*◇ PC-S */

		#sec01 #sec01cont #sec01img img {
			zoom:0.5;
		}
	}

	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#section01 {
			margin: -80px auto 0 auto;
			width: 100%;
			padding-bottom:0px;
			background:linear-gradient(90deg,#F5F5F5 0%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
		}
		#sec01 {
			margin: 0 auto 0 auto;
			width: 100%;
			padding-bottom:0px;
			position:relative;
		}
		#sec01 #sec01sym01 {
			display:block;
			position: absolute;
			top: -20px;
			right: 5px;
			z-index:9;
		}
		#sec01 #sec01sym01 {
			display:block;
			position: absolute;
			top: 30px;
			right:5%;
		}
		#sec01 #sec01sym01 img {
			zoom:0.7;
		}
		#section01 h2 {
			display:block;
			margin: 20px auto 0 auto;
			width: 85%;
			font-size:18px;
			font-weight:bold;
			padding-top:30px;
			padding-left:20px;
		}
		#sec01 .h2line  {
			margin: 10px auto 10px auto;
			width: 85%;
			height:1px;
			text-indent: -99999px;	/* テキスト非表示 */
		}
		#section01 #sec01title01{
			margin: 0px auto 0 auto;
			width: 100%;
			height: 130px;
		}
		#section01 #sec01title01 h3 {
			font-size:22px;
			font-family: "NotoSansCJKjp-Bold";
			color:#555;
			padding-top:20px;
			padding-left:80px;
		}
		#section01 #sec01title01 h3 .h3ex {
			font-size:22px;
			padding-right:5px;
		}
		#section01 #sec01title01 p {
			width: 88%;
			font-size:16px;
			font-family: "NotoSansCJKjp-Medium";
			color:#555;
			line-height:30px;
			padding-top:20px;
			padding-left:140px;
		}
		#sec01 #sec01cont {
			margin: 10px auto 30px 7.5%;
			width: 85%;
			padding-bottom:30px;
			box-sizing: border-box;
			display: inline-block;
			position: relative;
		}
		#sec01 .cont01 {
			margin:40px auto 0 5%;
			width: 90%;
			padding-bottom:0px;
		}

		#sec01 .cont02 {
			margin: 10px auto 0 12%;
			width: 80%;
			padding-bottom:30px;
			box-sizing: border-box;
			display: inline-block;
			background-color: transparent;
		}
		#sec01 .cont02 .left {
			float:left;
			width: 30%;
		}
		#sec01 .cont02 .right {
			float:right;
			width: 70%;
			padding-left:50px;
		}
		#sec01 .cont02 .left img {
			display:block;
			margin: 0 auto 0 auto;
			width: 100%;
		}
		#sec01 h3 {
			margin: 0 auto 0 auto;
			width: 82%;
			font-size:15px;
			color: #D35400;		/* LD-red01 */
			padding-left:0px;
			padding-top:20px;
		}
		#sec01 p.txt01 {
			margin: 0 auto 0 auto;
			width: 82%;
			font-size:14px;
			padding-top:20px;
			line-height:22px;
		}
		#sec01 .item dl {
			font-size:14px;
			line-height:1.7em;
			padding-bottom:10px;
		}
	}

/* ■ MainConents #section02  	ACCESS */

	#section02 {
		margin: 0 auto 0 auto;
		width: 100%;
		padding-bottom:20px;
		background-color:none;
		background:linear-gradient(90deg,#F5F5F5 0%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
	}
	#access {		/* □ 固定ヘッダ アンカー位置差分変更 */
		margin-top:-30px;
		padding-top:30px;
	}
	#section02 h1,h2,h3,h4,h5,h6{
		font-size:100%;
		font-weight:normal;
	}
	#section02 .titleh2 {
		margin: 30px auto 0 auto;
		width: 100%;
	}
	#section02 .titleh2 h2 {
		display:block;
		margin: 0 auto 0 auto;
		width: 100%;
		text-align:center;
		font-weight:bold;
		font-size:15px;
		color: #333;
		padding-left:0px;
	}
	#section02 .titleh2 .h2line  {
		margin: 10px auto 0 auto;
		width: 90%;
		height:1px;
		text-indent: -99999px;	/* テキスト非表示 */
		background:linear-gradient(90deg,#BDC3C7 0%,#BDC3C7 98%,#BF0122 98%,#BF0122 100%);	/* ★ mmts-red02 */
	}
	#sec02coment {
		margin: 20px auto 20px auto;
		width: 100%;
	}
	#sec02coment>p {
		margin: 0 auto 0 auto;
		width: 90%;
		font-weight:normal;
		font-size:12px;
		line-height:1.7em;
		color: #333;
		padding-bottom:15px;
	}
	#sec02 {
		margin: 0 auto 0 auto;
		width: 100%;
		padding-top:0px;
		padding-bottom:0;
	}
	#sec02 #sec02sym01 {
		display:none;
	}

	#sec02 .cont01 {
		margin: 20px auto 0 auto;
		width: 90%;
		padding-bottom:80px;
			box-shadow: 0px 1px 3px 1px #aaa;
			-webkit-box-shadow: 0px 1px 3px 1px #aaa;
			-moz-box-shadow: 0px 1px 3px 1px #aaa;
	}
	#sec02 .cont01 dl,dt,dd {
		display:block;
	}

	/* マップ --------------------*/

	#section02 .cont02   {
		margin: 0 auto 0 auto;
		width: 100%;
		padding-bottom:20px;
		background-color: #FFF;
		background-color:rgba( 255,255,255,0.95 ); 	/*  White  透過95% */
	}
	#facility {		/* □ 固定ヘッダ アンカー位置差分変更 */
		margin-top:-60px;
		padding-top:60px;
	}
	#section02 .cont02  .sec02title02{
		margin: 0 auto 0 auto;
		width: 100%;
		padding-bottom:10px;
	}
	#section02 .cont02  .sec02title02 h3 {
		display:block;
		margin: 0 auto 10px auto;
		width: 90%;
		font-size:16px;
		font-weight:bold;
		text-align:center;
		letter-spacing:5px;
		color:#555;
		padding-top:20px;
		padding-left:0px;
	}
	#section02 .cont02 #amap01,#amap02 {	/* □ 固定ヘッダ アンカー位置差分変更 */
		margin-top:-45px;
		padding-top:45px;
	}
	#section02 .cont02  .sec02title02 h4 {
		display:block;
		width: 90%;
		margin: 0 auto 0 auto;
		text-align:center;
		font-size:12px;
		font-weight:bold;
		color: #519D9E;		/* WA-green */
		color: #2E6193;		/* sec-blue01 */
		line-height:20px;
		padding-top:0px;
		padding-left:0px;
	}
	.accessmap {
		margin: 0 auto 0 auto;
		width: 95%;
		height: 520px;
		position:relative;
	}
	.map-content {
		position: absolute;		/* 親blockに対し中央配置 */
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		width : 100%;
	}

	.map-content #gmap01 {
		height: 500px;
		background: #eee;
		font-size:10px;
		color: #777px;
		font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3",
					 "Hiragino Kaku Gothic Pro", Osaka,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
		border: 10px solid #F6F6F6;
	}
	.map-content #gmap02 {
		height: 500px;
		background: #eee;
		font-size:10px;
		color: #777px;
		font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3",
					 "Hiragino Kaku Gothic Pro", Osaka,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
		border: 10px solid #F6F6F6;
	}
	.popup {
/*		width: 180px;
		height: 80px;*/
		padding:2px;
		text-align:left;
		background: #eee;
		font-size:11px;
		color: #D35400;
		font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3",
					 "Hiragino Kaku Gothic Pro", Osaka,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
		border: 1px solid #e1deda;
	}
	#section02 .cont02 .adress {		/* ContactAdress ---*/
		width :95%;
		padding-left:5%;
		position: relative;
	}
	#section02 .cont02 .adress dl,dt,dd {
		display:block;
	}
	#section02 .cont02 .adress dl {
		width :100%;
		font-size:12px;
		text-align:left;
		padding-bottom:35px;
	}
	#section02 .cont02 .adress dt {
		float:left;
		clear:left;
		width:20%;
		color:#A4946C;	/* gold01 */
		line-height:24px;
		font-weight:normal;
	}
	#section02 .cont02 .adress dd {
		float:left;
		width:80%;
		line-height:24px;
		color:#444;
	 		padding-left:1em;
		 	text-indent:-1em;	/* 2行目以降1字下げ */
	}
	#section02 .cont02 .adress #adank {
		padding-top:165px;
		font-size:12px;
	}
	#section02 .cont02 .adress a {
		color:#A4946C;	/* gold01 */
	}
	#section02 .cont02 .adress a:hover {
		text-decoration: none;
		color: #B27C04;		/* Gold02 */
			transition: 0.4s ease-in-out;
			-webkit-transition: 0.4s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.4s ease-in-out;
			-o-transition: 0.4s ease-in-out;
	}

	#sec02 #sec02rind {
		display: none;
	}

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

	}

	@media only screen and (min-width:768px) {

		#section02 {
			margin: 50px auto 0 auto;
			width: 100%;
			padding-bottom:0px;
			background:linear-gradient(90deg,white 0%,white 10%,#1B4A70 10%,#2E6193 40%,white 40%,white 100%);	/* ★ */
			background:transparent;
		}
		#access {		/* □ 固定ヘッダ アンカー位置差分変更 */
			margin-top:-50px;
			padding-top:50px;
		}
		#section02 .titleh2 {
			margin: 0 auto 0 auto;
			width: 75%;
		}
		#section02 .titleh2 h2 {
			display:block;
			margin: 50px auto 0 auto;
			width: 100%;
			font-weight:normal;
			font-size:36px;
			font-family: "NotoSansCJKjp-Bold";
			letter-spacing:10px;
			color: #444;
		}
		#section02 .titleh2 .h2line  {
			margin: 30px auto 30px 7.5%;
			width: 90%;
			margin: 30px auto 30px 10%;
			width: 85%;
			height:1px;
			text-indent: -99999px;	/* テキスト非表示 */
			background:linear-gradient(90deg,#BDC3C7 0%,#BDC3C7 97%,#BF0122 98%,#BF0122 100%);	/* ★mmts-red02  */
		}
		#sec02coment {
			margin: 10px auto 50px auto;
			width: 100%;
		}
		#sec02coment>p {
			margin: 0 auto 0 auto;
			width: 50%;
			font-weight:normal;
			font-size:17px;
			font-family: "NotoSansCJKjp-Regular";
			line-height:1.8em;
			color: #333;
			padding-bottom:30px;
		}
		#sec02 {
			margin: 0 auto 0 auto;
			width: 100%;
			padding-top:30px;
			padding-bottom:200px;
			background-image:url("images/bg/info_back01.jpg");
			background-size:	cover;
			background-position:	left 0 bottom 0;
			background-attachment:fixed;
			background-repeat:no-repeat;
			position:relative;
		}
		#sec02 #sec02sym01 {
			display:block;
			position: absolute;
			top: 0px;
			right:12%;
		}
		#sec02 .cont01 {
			margin: 0 auto 0 auto;
			width: 100%;
			padding-bottom:0px;
			box-sizing: border-box;
			display: inline-block;
		}

		/* マップ --------------------*/

		#section02 .cont02   {
			margin: 50px auto 0 auto;
			width: 60%;
			padding-bottom:0px;
			background-color:rgba( 255,255,255,0.98 ); 	/*  White  透過95% */
		}
		#section02 .cont02  .sec02title02{
			margin: 0px auto 0 auto;
			width: 100%;
			padding-bottom:20px;
		}
		#section02 .cont02  .sec02title02 h3 {
			display:block;
			margin: 0 auto 0 auto;
			width: 80%;
			font-size:32px;
			font-family: "NotoSansCJKjp-Bold";
			letter-spacing:10px;
			color:#555;
			padding-top:30px;
			padding-left:0px;
		}
		#section02 .cont02 #amap01,#amap02 {	/* □ 固定ヘッダ アンカー位置差分変更 */
			margin-top:-90px;
			padding-top:90px;
		}
		#section02 .cont02  .sec02title02 h4 {
			display:block;
			width: 80%;
			margin: 0 auto 0 auto;
			font-size:20px;
			font-weight:normal;
			font-family: "NotoSansCJKjp-Medium";
			color: #A4966A;		/* Gold01 */
			padding-top:20px;
			padding-left:0px;
		}
		.accessmap {
			margin: 20px auto 0 auto;
			width: 100%;
			height: 670px;
			height: 520px;
			position:relative;
		}
		.map-content {
			position: absolute;		/* 親blockに対し中央配置 */
			top: 0px;
			left: 0;
			right: 0;
			bottom: 0;
			margin: auto;
			width : 80%;
			width : 100%;
		}
		.map-content #gmap01 {
			height: 500px;
			background: #eee;
			font-size:10px;
			color: #777px;
			font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3",
						 "Hiragino Kaku Gothic Pro", Osaka,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
			border: 10px solid #F6F6F6;
		}
		.map-content #gmap02 {
			height: 500px;
			background: #eee;
			font-size:10px;
			color: #777px;
			font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3",
						 "Hiragino Kaku Gothic Pro", Osaka,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
			border: 10px solid #F6F6F6;
		}
		.popup {
/*			width: 220px;
			height: 80px;*/
			padding:10px;
			padding-right:10px;
			text-align:left;
			background: #eee;
			font-size:11px;
			color: #D35400;
			font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3",
						 "Hiragino Kaku Gothic Pro", Osaka,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
			border: 1px solid #e1deda;
		}

		#section02 .cont02 .adress {		/* ContactAdress ---*/
			margin: 0px auto 0px auto;
			width :100%;
			padding-left:0;
			padding-bottom:0px;
			position: relative;
		}
		#section02 .cont02 .adress dl,dt,dd {
			display:block;
		}
		#section02 .cont02 dl.adress {
			margin: 0px auto 0px auto;
			width :90%;
			padding-left:0;
		}
		#section02 .cont02 .adress dl {
			width :90%;
			font-size:15px;
			text-align:left;
			padding-bottom:50px;
		}
		#section02 .cont02 .adress dt {
			float:left;
			clear:left;
			width:15%;
			text-align:right;
			font-weight:normal;
			font-family: "NotoSansCJKjp-Regular";
			color:#A4946C;	/* gold01 */
		}
		#section02 .cont02 .adress dd {
			float:left;
			width:85%;
			line-height:28px;
			color:#333;
			font-family: "NotoSansCJKjp-Regular";
			padding-left:30px;
		}
		#section02 .cont02 .adress #adank {
			padding-top:145px;
			font-size:12px;
		}
		#sec02 #sec02rind {
			position: absolute;
			top: 100px;
			right: 12.5%;
			display: block;
		}
	}

	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#section02 {
			margin:0px auto 0 auto;
			width: 100%;
			padding-bottom:0px;
			background-color:#FFF;
			background:linear-gradient(90deg,#F5F5F5 0%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
		}
		#section02 .titleh2 {
			margin: 0 auto 0 auto;
			width: 85%;
		}
		#section02 .titleh2 h2 {
			width: 100%;
			font-weight:bold;
			font-size:18px;
			font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "小塚ゴシック Pro","Kozuka Gothic Pro","メイリオ", 
						Meiryo, Osaka, helvetica, arial,"游ゴシック体", YuGothic,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			letter-spacing:2px;
			color: #444;
			padding-left:20px;
		}
		#section02 .titleh2 .h2line  {
			margin: 15px auto 0 auto;
			width: 100%;
			height:1px;
			text-indent: -99999px;	/* テキスト非表示 */
		}
		#sec02 {
			margin: 0 auto 0 auto;
			width: 100%;
			padding-bottom:0px;
			position:relative;
			background:linear-gradient(90deg,#F5F5F5 0%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
		}
		#sec02 #sec02sym01 {
			display:block;
			position: absolute;
			top: -20px;
			right: 5px;
			z-index:9;
		}
		#sec02 #sec02sym01 img {
			zoom:0.7;
		}
		#section02 #sec02title01 h2 {
			font-size:22px;
			padding-top:10px;
			padding-left:50px;
		}
		#sec02 .cont01 {
			margin:0 auto 0 5%;
			width: 90%;
			padding-bottom:30px;
		}
		#section02 .cont02   {
			margin: 0px auto 20px auto;
			width: 76%;
			width: 85%;
			padding-bottom:10px;
		}
		#section02 .cont02  .sec02title02 h3 {
			display:block;
			margin: 0 auto 0 auto;
			width: 80%;
			font-size:20px;
			letter-spacing:5px;
			font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3",
					 "Hiragino Kaku Gothic Pro", Osaka,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
			color:#444;
			padding-top:30px;
			padding-left:0px;
		}
		#section02 .cont02  .sec02title02 h4 {
			display:block;
			width: 80%;
			margin: 0 auto 0 auto;
			font-size:20px;
			font-weight:bold;
			font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3",
					 "Hiragino Kaku Gothic Pro", Osaka,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
			padding-top:20px;
			padding-left:0px;
		}
		#sec02 #sec02rind {
			position: absolute;
			top: 100px;
			right: 5%;
			display: block;
		}
	}
/* ■ MainConents #section03 メディア掲載 */

	#section03 {
		margin: 0 auto 0 auto;
		width: 100%;
		padding-bottom:20px;
		background:linear-gradient(90deg,#F5F5F5 0%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
	}
	#media {		/* □ 固定ヘッダ アンカー位置差分変更 */
		margin-top:-50px;
		padding-top:50px;
	}
	#section03 h1,h2,h3,h4,h5,h6{
		font-size:100%;
		font-weight:normal;
	}
	#section03 .titleh2 {
		margin: 0 auto 0 auto;
		width: 100%;
	}
	#section03 .titleh2 h2 {
		display:block;
		margin: 0 auto 0 auto;
		width: 90%;
		font-weight:bold;
		font-size:15px;
		font-family: "NotoSansCJKjp-Bold";
		color: #333;
		padding-left:30px;
	}
	#section03 .titleh2 .h2line  {
		margin: 10px auto 0 auto;
		width: 100%;
		height:1px;
		text-indent: -99999px;	/* テキスト非表示 */
		background:linear-gradient(90deg,#BDC3C7 0%,#BDC3C7 95%,#BF0122 95%,#BF0122 100%);	/* ★ mmts-red02 */
	}
	#sec03 {
		margin: 0 auto 0 auto;
		width: 100%;
	}
	#section03 h3 {
		display:block;
		margin: 15px auto 0 auto;
		width: 80%;
		text-align:left;
		font-weight:bold;
		font-size:13px;
		line-height:1.7em;
		color: #444;
	}
	#sec03 p {
		margin: 10px auto 10px auto;
		width: 100%;
		text-align:center;
	}
	#sec03 p img {
		margin: 0 auto 0 auto;
		width: 300px;
		border: 3px solid #D5D5D5;
	}

	@media only screen and (min-width:992px) {

		#section03 {
			margin: 0 auto 0 auto;
			width: 100%;
			padding-bottom:0px;
			background:linear-gradient(90deg,white 0%,white 10%,#F5F5F5 10%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
		}
		#media {		/* □ 固定ヘッダ アンカー位置差分変更 */
			margin-top:-50px;
			padding-top:50px;
		}
		#section03 .titleh2 {
			margin: 0 auto 0 auto;
			width: 75%;
		}
		#section03 .titleh2 h2 {
			display:block;
			margin: 70px auto 30px auto;
			width: 100%;
			font-weight:normal;
			font-size:36px;
			font-family: "NotoSansCJKjp-Bold";
			letter-spacing:10px;
			color: #444;
			padding-left:150px;
		}
		#section03 .titleh2 .h2line  {
			margin: 30px auto 30px 7.5%;
			width: 90%;
			height:1px;
			text-indent: -99999px;	/* テキスト非表示 */
			background:linear-gradient(90deg,#BDC3C7 0%,#BDC3C7 98%,#BF0122 98%,#BF0122 100%);	/* ★mmts-red02  */
		}
		#sec03 {
			margin: 30px auto 0 auto;
			width: 80%;
			padding-bottom:20px;
			position:relative;
		}
		#section03 h3 {
			display:block;
			margin: 0 auto 0 auto;
			width: 100%;
			text-align:center;
			font-weight:normal;
			font-size:18px;
			font-family: "NotoSansCJKjp-Medium";
			color: #444;
		}
		#sec03 p {
			margin: 30px auto 30px auto;
			width: 100%;
			text-align:center;
		}
		#sec03 p img {
			margin: 0 auto 0 auto;
			width: 50%;
			border: 5px solid #D5D5D5;
		}
	}

	@media only screen and (min-width: 993px) and (max-width: 1400px) {	/*◇ PC-S */

	}

	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#section01 {
			margin: -80px auto 0 auto;
			width: 100%;
			padding-bottom:0px;
			background:linear-gradient(90deg,#F5F5F5 0%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
		}
		#sec01 {
			margin: 0 auto 0 auto;
			width: 100%;
			padding-bottom:0px;
			position:relative;
		}
	}
	@media screen and (max-width:768px) {

		#cta02 {
			margin: -35px auto 35px auto;
			width: 100%;
			padding-bottom:0px;
			background-color:#FFF;
		}
	}



/* ========== css/inspection.css ========== */
/*----------------------------------------------------------------------------*/
/* 	三咲モータースサイト  車検・点検 page	 						  CSS    */
/*----------------------------------------------------------------------------*/

/* ■ introduction section -----------------------------------------------*/

	#introduction {
		margin:0 auto 0 auto;
		width:100%;
		background-image:
			url("images/bg/brline02.svg"),
			url("images/bg/brline01.svg");
		background-size:
			:contain,
			:contain;
		background-position:
			center top 3%,
			center top 0%;
		background-repeat:
			no-repeat,
			no-repeat;
		padding-bottom:50px;
		background-color:#FFF;
	}
	#introduction h2{
		margin:0 auto 30px 28%;
		width:45%;
		font-size:30px;
		text-align: left;
		line-height:1.8em;
		font-family: "NotoSansCJKjp-Bold";
		color:#444;
		padding-top:50px;
	}
	#introduction .h2line  {
		margin: 0 auto 50px auto;
		width: 65%;
		height:1px;
		text-indent: -99999px;	/* テキスト非表示 */
		background:linear-gradient(90deg,#BDC3C7 0%,#BDC3C7 98%,#BF0122 98%,#BF0122 100%);	/* ★ */
	}

	@media screen and (max-width:550px) {
		#introduction h2{
			margin:0 0 50px 0;
		}
	}
	#introduction h2 span.bgLRextend::before{
		background:#333;
	}
	#introduction .cont{
		margin:0 auto 50px auto;
		width:70%;
	}
	#introduction .cont>p {
		margin:0 auto 30px auto;   
		width:80%;
		font-size:16px;
		line-height:1.8em;
		font-family: "NotoSansCJKjp-Medium";
		color:333;
	}
	#introduction h3{
		margin:0 auto 20px auto;
		width:60%;
		font-size:30px;
		text-align: center;
		line-height:1.8em;
		font-family: "NotoSansCJKjp-Bold";
		color:#444;
		padding-top:50px;
	}
	#introduction .cont ul#service {
		margin: 0 auto 0 auto;
		width:60%;
		display: flex;
		justify-content:space-between;
		align-items: center;
		flex-wrap: wrap;
	}
	#introduction .cont ul#service li {
	}
	#introduction .cont ul#service li img {
		display:block;
		zoom:0.90;
	}

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

		#introduction {
			margin:20px auto 0 auto;
			width:100%;
			background-image:
				url("images/bg/brline02.svg"),
				url("images/bg/brline01.svg");
			background-size:
				:cover,
				:cover;
			background-position:
				center top 0%,
				center top 3%;
			background-repeat:
				no-repeat,
				no-repeat;
			padding-bottom:0;
		}
		#introduction h2{
			margin:0px auto 10px auto;
			width:90%;
			text-align:center;
			font-size:14px;
			font-weight:bold;
			line-height:1.8em;
			padding-top:15px;
		}
		#introduction .h2line  {
			margin: 5px auto 15px auto;
			width: 90%;
			height:1px;
			text-indent: -99999px;	/* テキスト非表示 */
			background:linear-gradient(90deg,#BDC3C7 0%,#BDC3C7 98%,#BF0122 98%,#BF0122 100%);	/* ★ */
		}
		#introduction .cont{
			margin:0 auto 20px auto;   
			width:85%;
		}
		#introduction .cont>p {
			margin:0 auto 30px auto;   
			width:100%;
			font-size:13px;
			line-height:1.7em;
			color:333;
		}
		#introduction h3{
			margin:0px auto 10px auto;
			width:90%;
			text-align:center;
			font-size:14px;
			font-weight:bold;
			line-height:1.8em;
			padding-top:15px;
		}
		#introduction .cont ul#service {
			margin: 15px auto 50px auto;
			width:95%;
			display: flex;
			justify-content:space-between;
			align-items: center;
			flex-wrap: wrap;
		}
		#introduction .cont ul#service li {
		}
		#introduction .cont ul#service li img {
			display:block;
			zoom:0.5;
		}
	}
	@media screen and (max-width:590px) {

	}

/* ■ MainConents #section01  */

	#section01 {
		margin: 20px auto 0 auto;
		width: 100%;
		padding-bottom:20px;
		background:linear-gradient(90deg,#F5F5F5 0%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
	}
	#section01 h1,h2,h3,h4,h5,h6{
		font-size:100%;
		font-weight:normal;
	}
	#sec01 {
		margin: 0 auto 0 auto;
		width: 100%;
	}
	#section01 #sec01>h2 {
		display:block;
		margin: 40px auto 20px auto;
		width: 100%;
		text-align:center;
		font-weight:bold;
		font-size:16px;
		color: #444;
	}
	#section01 .h2line  {
		margin: 5px auto 15px auto;
		width: 90%;
		height:1px;
		text-indent: -99999px;	/* テキスト非表示 */
		background:linear-gradient(90deg,#BDC3C7 0%,#BDC3C7 98%,#BF0122 98%,#BF0122 100%);	/* ★ */
	}
	#section01 #sec01title01 {
		margin: 0 auto 0 auto;
		width: 90%;
	}
	#sec01 ul#sec01cont {
		margin: 10px auto 0 5%;
		width: 90%;
	}
	#sec01 ul#sec01cont li {
		margin: 20px auto 10px auto;
		width: 90%;
		height:40px;
		background-image:url("images/icon/arrow02.png");
		background-repeat:no-repeat;
		background-size:	30px 21px;
		background-position:	center bottom 1px;
	}
	#sec01 ul#sec01cont li:last-child {
		background-image:none;
	}
	#sec01 ul#sec01cont li>p {
		float:left;
		width: 20%;
		height:45px;
	}
	#sec01 ul#sec01cont li>p:first-child {
		width: 25%;
		height:45px;
		text-align:center;
		font-size:13px;
		font-weight:bold;
		color: #FFF;
		padding:8px;
		background-color:#333;
		border: solid 1px #333;
	}
	#sec01 ul#sec01cont li>p:nth-child(2) {
		width: 75%;
		height:45px;
		text-align:left;
		font-size:13px;
		line-height:1.2em;
		color: #333;
		padding:5px;
		padding-left:20px;
		background-color:#FFF;
		border: solid 1px #333;
	}
	#sec01 p.comment {
		margin: 20px auto 0 auto;
		width: 80%;
		font-size:14px;
		line-height:1.7em;
		font-weight:normal;
		color:#333;
		padding-bottom:10px;
	}

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

	}

	@media only screen and (min-width:768px) {

		#section01 {
			margin:0 auto 0 auto;
			width: 100%;
			padding-bottom:50px;
			background:linear-gradient(90deg,white 0%,white 10%,#F5F5F5 10%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
		}
		#sec01 {
			margin: 0 auto 0 auto;
			width: 85%;
			padding-bottom:0px;
			background-image:
				url("images/bg/bgsym-1.png"),
				url("images/bg/bgsym-1.png");
			background-size:
				:contain,
				:contain;
			background-position:
				center top 4%,
				center bottom 10%;
			background-repeat:
				no-repeat,
				no-repeat;
			position:relative;
		}
		#section01 #sec01>h2 {
			display:block;
			margin: 50px auto 0 auto;
			width: 80%;
			font-size:32px;
			font-family: "NotoSansCJKjp-Bold";
			letter-spacing:1px;
			padding-bottom
		}
		#section01 .h2line  {
			margin: 30px auto 0 auto;
			width: 60%;
			height:1px;
			text-indent: -99999px;	/* テキスト非表示 */
			background:linear-gradient(90deg,#BDC3C7 0%,#BDC3C7 98%,#BF0122 98%,#BF0122 100%);	/* ★ */
		}
		#sec01 ul#sec01cont {
			margin: 20px auto 30px 25%;
			width: 50%;
			padding-bottom:0;
			position: relative;
		}
	
		#sec01 ul#sec01cont li {
			margin: 20px auto 10px auto;
			width: 90%;
			height:60px;
			background-image:url("images/icon/arrow02.png");
			background-repeat:no-repeat;
			background-size:	30px 21px;
			background-position:	center bottom 1px;
		}
		#sec01 ul#sec01cont li:last-child {
			background-image:none;
		}
		#sec01 ul#sec01cont li>p {
			float:left;
			width: 20%;
			height:45px;
		}
		#sec01 ul#sec01cont li>p:first-child {
			width: 20%;
			height:45px;
			text-align:center;
			font-size:18px;
			font-family: "NotoSansCJKjp-Bold";
			color: #FFF;
			padding:13px;
			background-color:#333;
			border: solid 1px #333;
		}
		#sec01 ul#sec01cont li>p:nth-child(2) {
			width: 75%;
			height:45px;
			text-align:left;
			font-size:16px;
			font-family: "NotoSansCJKjp-Medium";
			color: #333;
			padding:12px;
			padding-left:20px;
			background-color:#FFF;
			border: solid 1px #333;
		}
		#sec01 p.comment {
			margin: 0 auto 0 27%;
			width: 80%;
			font-size:16px;
			line-height:1.8em;
			font-weight:normal;
			font-family: "NotoSansCJKjp-Regular";
			color:#333;
			padding-bottom:20px;
		}
	}

	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#section01 {
			margin: -50px auto 0 auto;
			width: 100%;
			padding-bottom:0px;
			background:linear-gradient(90deg,#F5F5F5 0%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
		}
		#sec01 {
			margin: 0 auto 0 auto;
			width: 100%;
			padding-bottom:30px;
			position:relative;
		}
		#section01 #sec01>h2 {
			display:block;
			margin: 30px auto 10px auto;
			width: 100%;
			font-weight:bold;
			font-size:22px;
			font-family: "NotoSansCJKjp-Bold";
			letter-spacing:5px;
			color: #519D9E;		/* WA-green */
			padding-left:135px;
		}
		#sec01 #sec01cont {
			margin: 10px auto 20px 2.5%;
			width: 95%;
			padding-bottom:0px;
			box-sizing: border-box;
			display: inline-block;
			position: relative;
		}
		.cont0101 h2 {
			font-size:22px;
		}
		.cont0101 h3 {
			font-size:15px;
		}
	}

/* ■ MainConents #section02  */

	#section02 {
		margin: 0 auto 0 auto;
		width: 100%;
		padding-bottom:20px;
		background:linear-gradient(90deg,#F5F5F5 0%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
	}
	#section02 h1,h2,h3,h4,h5,h6{
		font-size:100%;
		font-weight:normal;
	}
	#sec02 {
		margin: 0 auto 0 auto;
		width: 100%;
	}
	#section02 #sec02>h2 {
		display:block;
		margin: 20px auto 20px auto;
		width: 100%;
		text-align:center;
		font-weight:bold;
		font-size:16px;
		color: #444;
	}
	#section02 .h2line  {
		margin: 5px auto 15px auto;
		width: 90%;
		height:1px;
		text-indent: -99999px;	/* テキスト非表示 */
		background:linear-gradient(90deg,#BDC3C7 0%,#BDC3C7 98%,#BF0122 98%,#BF0122 100%);	/* ★ */
	}
	#sec02 #sec02cont {
		margin: 10px auto 0 auto;
		width: 100%;
		padding-bottom:0;
	}
	#sec02 #sec02cont .left {
		margin: 0 auto 0 auto;
		width: 90%;
		padding-bottom:15px;
		background-color:#fff;
		border: 1px solid #BDC3C7;		/* Siver */
	}
	#sec02 #sec02cont .left h3 {
		margin: 15px auto 10px auto;
		text-align:center;
		font-size:13px;
		line-height:1.7em;
		font-weight:bold;
		color:#333;
	}
	#sec02 #sec02cont .left ul {
		margin: 0 auto 0 auto;
		width: 80%;
		padding-bottom:10px;
	}
	#sec02 #sec02cont .left li {
		font-size:12px;
		line-height:2.0em;
		font-weight:normal;
		color:#333;
		padding-left:30px;
		background-image:url("images/icon/chk01.png");
		background-repeat:no-repeat;
		background-size:	15px 15px;
		background-position:	left 0  center;
	}
	#sec02 #sec02cont .right {
		margin: 20px auto 0 auto;
		width: 90%;
	}
	#sec02 #sec02cont .right p.comment {
		margin: 0 auto 0 auto;
		width: 90%;
		font-size:12px;
		line-height:1.8em;
		font-weight:normal;
		color:#333;
		padding-bottom:10px;
	}

	@media only screen and (min-width:768px) {

		#section02 {
			margin:0 auto 0 auto;
			width: 100%;
			padding-bottom:50px;
			background:linear-gradient(90deg,white 0%,white 10%,#F5F5F5 10%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
		}
		#sec02 {
			margin: 0 auto 0 auto;
			width: 85%;
			padding-bottom:0px;
			background-image:
				url("images/bg/bgsym-1.png"),
				url("images/bg/bgsym-1.png");
			background-size:
				:contain,
				:contain;
			background-position:
				center top 4%,
				center bottom 10%;
			background-repeat:
				no-repeat,
				no-repeat;
			position:relative;
		}
		#section02 #sec02>h2 {
			display:block;
			margin: 30px auto 0 auto;
			width: 80%;
			font-size:32px;
			font-family: "NotoSansCJKjp-Bold";
			letter-spacing:1px;
		}
		#section02 .h2line  {
			margin: 30px auto 50px auto;
			width: 65%;
			height:1px;
			text-indent: -99999px;	/* テキスト非表示 */
			background:linear-gradient(90deg,#BDC3C7 0%,#BDC3C7 98%,#BF0122 98%,#BF0122 100%);	/* ★ */
		}
		#sec02 #sec02cont {
			margin: 0 auto 30px 15%;
			width: 75%;
			display: flex;
			justify-content:space-between;
			align-items: center;
			flex-wrap: wrap;
			padding-bottom:0;
		}
		#sec02 #sec02cont .left {
			margin: 0 auto 0 auto;
			width: 40%;
			padding-bottom:30px;
			border: 1px solid #BDC3C7;		/* Siver */
		}
		#sec02 #sec02cont .left h3 {
			margin: 20px auto 20px auto;
			font-size:18px;
			line-height:1.8em;
			font-weight:normal;
			font-family: "NotoSansCJKjp-Medium";
			color:#333;
		}
		#sec02 #sec02cont .left ul {
			margin: 0 auto 0 auto;
			width: 85%;
			padding-bottom:0;
		}
		#sec02 #sec02cont .left li {
			margin: 0 auto 20px auto;
			font-size:15px;
			line-height:1.8em;
			font-weight:normal;
			font-family: "NotoSansCJKjp-Regular";
			color:#333;
			padding-left:35px;
			background-image:url("images/icon/chk01.png");
			background-repeat:no-repeat;
			background-size:	25px 25px;
			background-position:	left 0  center;
		}

		#sec02 #sec02cont .right {
			margin: 0 auto 0 auto;
			width: 55%;
		}
		#sec02 #sec02cont .right p.comment {
			margin: 0 auto 0 auto;
			width: 80%;
			font-size:15px;
			line-height:1.8em;
			font-weight:normal;
			font-family: "NotoSansCJKjp-Regular";
			color:#333;
			padding-bottom:20px;
		}

	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

	}

/* ■ MainConents #section03  */

	#section03 {
		margin:50px auto 0 auto;
		width:100%;
		background-image:
			url("images/bg/brline02.svg"),
			url("images/bg/brline01.svg");
		background-size:
			:contain,
			:contain;
		background-position:
			center top 14%,
			center top 12%;
		background-repeat:
			no-repeat,
			no-repeat;
		padding-bottom:0px;
	}
	#section03 #sec01title {
		margin: 0 auto 70px auto;
		width: 80%;
		padding-bottom:0;
	}
	#section03 #sec01title h2 {
		display:block;
		margin: 0 auto 0 auto;
		width: 90%;
		text-align:center;
		font-size:32px;
		font-family: "NotoSansCJKjp-Bold";
		color:#333;
		padding-top:0px;
		padding-bottom:0;
	}
	#section03 #sec01title .h2line {
		margin: 30px auto 0 auto;
		width: 70%;
		height:1px;
		text-indent: -99999px;	/* テキスト非表示 */
		background:linear-gradient(90deg,#CCCCCC 0%,#CCCCCC 98%,#BF0122 98%,#BF0122 100%);	/* mmts-red02 */
	}

	@media screen and (max-width:550px) {
		#section03 h2{
			margin:0 0 50px 0;
		}
	}
	#section03 h2 span.bgLRextend::before{
		background:#333;
	}
	#section03 .service-area{
		margin:0 auto 220px 11%;
		width:80%;
		position: relative;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	@media screen and (max-width:590px) {
		#section03 .service-area{
			margin:0 0 50px 0;   
			margin:0 auto 20px auto;   
		}
	}
	#section03 .service-area::after{
		content:'';
		position: absolute;
		width: 70%;
		height: 23em;
		background:#f3f3f3;
		right:10%;
		top:20%;
		z-index: -1;
	}
	#section03 .service-area:nth-of-type(2n+1){
		flex-direction: row-reverse;
	}
	#section03 .service-area .img{
		width:50%;
	}
	#section03 .service-area .content{
		margin: 0 auto 0 auto;
		width:40%;
		background:#fff;
		box-shadow: 0 0 20px #ccc;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		top:150px;
	}
	#section03 .service-area:nth-of-type(2n) .img {
		text-align:center;
	}
	#section03 .service-area:nth-of-type(2n) .content {
		margin-left:-2%;
	}

	#section03 .service-area .content-area{
		padding:40px;
	}
	#section03 .service-area .content-area h3{
		margin: 0 0 20px 0;
		text-align: center;
		font-size: 18px;
		line-height:2.0em;
		font-family: "NotoSansCJKjp-Bold";
		color: #A4966A;		/* Gold01 */
	}
	#section03 .service-area .content-area h3 span{
		font-weight: bold;
		text-transform: uppercase;
		display: block;
		color:#555;
		font-size: 1.2rem;
	}
	#section03 .service-area .content-area p{
		margin:0 auto 30px auto;   
		width:90%;
		font-size: 15px;
		line-height:1.8em;
		font-family: "NotoSansCJKjp-Regular";
		color:#333;
	}
	#section03 .btn{
		text-align: right;
	}

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

		#section03 {
			margin:0 auto 0 auto;
			width:100%;
			background-image:
				url("images/bg/brline02.svg"),
				url("images/bg/brline01.svg");
			background-size:
				:cover,
				:cover;
			background-position:
				center top 1%,
				center top 0%;
			background-repeat:
				no-repeat,
				no-repeat;
			padding-bottom:30px;
		}
		#section03 #sec01title {
			margin: 0 auto 0 auto;
			width: 80%;
			padding-top:50px;
			padding-bottom:0;
		}
		#section03 #sec01title h2 {
			display:block;
			margin: 0 auto 0 auto;
			width: 100%;
			font-size:17px;
			line-height:1.7em;
			font-weight:bold;
			font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "小塚ゴシック Pro","Kozuka Gothic Pro","メイリオ", 
							Meiryo, Osaka, helvetica, arial,
							"游ゴシック体", YuGothic,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			color: #333;	
			padding-top:5px;
			padding-left:0;
		}
		#section03 #sec01title .h2line {
			margin: 10px auto 0 auto;
			width: 100%;
			height:1px;
			text-indent: -99999px;	/* テキスト非表示 */
			background:linear-gradient(90deg,#CCCCCC 0%,#CCCCCC 98%,#BF0122 98%,#BF0122 100%);	/* mmts-red02 */
		}
		#section03 .service-area{
			margin:20px 0 10px 7%;  
		}
		#section03 .service-area::after{
			content:'';
			position: absolute;
			width: 100%;
			height: 23em;
			height: 20em;
			background:#F5F5F5;
			right:10%;
			top:20%;
			z-index: -1;
		}
		#section03 .service-area .img{
			margin:0 auto 30px auto;   
			width:100%;
			z-index: 2;
			text-align:center;
		}
		#section03 .service-area .content{
			margin: 0 auto 0 5%;
			width:90%;
			top:220px;
			box-shadow: 0 0 5px #ccc;
		}
		#section03 .service-area .content-area{
			padding:0px;
			padding-bottom:20px;	/* ★btn 追加時除く */
		}
		#section03 .service-area .content-area h3{
			margin: 10px 0 10px 0;
			text-align: center;
			font-size: 14px;
			line-height:1.7em;
		}
		#section03 .service-area .content-area h3 span{
			font-weight: bold;
			text-transform: uppercase;
			display: block;
			font-size: 16px;
		}
		#section03 .service-area .content-area p{
			margin:0 auto 0 auto;
			width:90%;
			font-size: 12px;
			line-height:1.7em;
		}

	}

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

		#section03 .service-area .img{
			margin:0 auto 30px auto;   
			width:100%;
			z-index: 2;
			text-align:center;
		}
		#section03 .service-area .img img {
			width:85%;
			padding-left:5%;
		}
		#section03 .service-area .content{
			width:100%;
			top:-10px;
			top:-10px;
			animation:none;
			opacity: 1;
			z-index: 1;
		}
		#section03 .service-area:nth-of-type(2n) .content {
			margin-left:5%;
		}
	}

/* ■ MainConents #section04  */

	#section04 {
		margin:0 auto 0 auto;
		width:100%;
		background-image:
			url("images/bg/brline02.svg"),
			url("images/bg/brline01.svg");
		background-size:
			:cover,
			:cover;
		background-position:
			center top 3%,
			center top 1%;
		background-repeat:
			no-repeat,
			no-repeat;
		padding-bottom:30px;
	}
	#section04 #sec01title {
		margin: 0 auto 0 auto;
		width: 80%;
		padding-top:0px;
		padding-bottom:0;
	}
	#section04 #sec01title h2 {
		display:block;
		margin: 0 auto 0 auto;
		width: 100%;
		text-align:center;
		font-size:17px;
		line-height:1.7em;
		font-weight:bold;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "小塚ゴシック Pro","Kozuka Gothic Pro","メイリオ", 
						Meiryo, Osaka, helvetica, arial,
						"游ゴシック体", YuGothic,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		color: #333;	
		padding-top:5px;
		padding-left:0;
	}
	#section04 #sec01title .h2line {
		margin: 10px auto 0 auto;
		width: 100%;
		height:1px;
		text-indent: -99999px;	/* テキスト非表示 */
		background:linear-gradient(90deg,#CCCCCC 0%,#CCCCCC 98%,#BF0122 98%,#BF0122 100%);	/* mmts-red02 */
	}
	#section04 p.comment {
		margin: 20px auto 0 auto;
		width: 80%;
		font-size:12px;
		line-height:1.7em;
		font-weight:normal;
		color:#333;
		padding-bottom:10px;
	}
	#section04>section {
		margin: 20px auto 0 auto;
		width:90%;
		padding:bottom:20px;
		background:#fff;
		border: 1px solid #BDC3C7;		/* Siver */
	}
	#section04>section>h3 {
		margin: 15px auto 15px auto;
		width: 90%;
		text-align:center;
		font-size:14px;
		font-weight:bold;
		color:#333;
		padding-top:0px;
		padding-bottom:0;
	}
	#section04>section#option>h3 {
		margin: 15px auto 20px auto;
		width: 90%;
		text-align:center;
		font-size:14px;
		font-weight:bold;
		color:#333;
		padding-top:0px;
		padding-bottom:0;
	}
	#section04>section>h4 {
		margin: 10px auto 15px auto;
		width: 90%;
		text-align:center;
		font-size:12px;
		font-weight:normal;
		color:#333;
		padding-top:0px;
		padding-bottom:0;
		padding-bottom:10px;
		border-bottom: 1px solid #BDC3C7;		/* Siver */
	}
	#section04>section ul {
		margin: 0 auto 0 auto;
		width:90%;
	}
	#section04>section li {
		margin: 0 auto 15px auto;
		width:80%;
		text-align:center;
		font-size:12px;
		line-height:1.7em;
		font-weight:normal;
		color:#333;
	}
	#section04>section>p.sum {
		margin: 15px auto 15px auto;
		width:80%;
		text-align:center;
		font-size:14px;
		line-height:1.8em;
		font-weight:bold;
		color: #A4966A;		/* Gold01 */
	}
	#section04>section>p.comment {
		margin: 0 auto 0 auto;
		width: 80%;
		font-size:12px;
		line-height:1.7em;
		font-weight:normal;
		color:#333;
		padding-bottom:10px;
	}

	@media only screen and (min-width:992px) {	/*■ PC Layout  ■ */

		#section04 {
			margin:50px auto 0 auto;
			width:100%;
			background-image:
				url("images/bg/brline02.svg"),
				url("images/bg/brline01.svg");
			background-size:
				:contain,
				:contain;
			background-position:
				center top 12%,
				center top 10%;
			background-repeat:
				no-repeat,
				no-repeat;
			padding-bottom:50px;
		}
		#section04 #sec01title {
			margin: 0 auto 70px auto;
			width: 80%;
			padding-bottom:0;
		}
		#section04 #sec01title h2 {
			display:block;
			margin: 0 auto 0 auto;
			width: 90%;
			text-align:center;
			font-size:32px;
			font-family: "NotoSansCJKjp-Bold";
			color:#333;
			padding-top:0px;
			padding-bottom:0;
		}
		#section04 #sec01title .h2line {
			margin: 30px auto 0 auto;
			width: 70%;
			height:1px;
			text-indent: -99999px;	/* テキスト非表示 */
			background:linear-gradient(90deg,#CCCCCC 0%,#CCCCCC 98%,#BF0122 98%,#BF0122 100%);	/* mmts-red02 */
		}
		#section04 p.comment {
			margin: 0 auto 0 auto;
			width: 50%;
			font-size:16px;
			line-height:1.8em;
			font-weight:normal;
			font-family: "NotoSansCJKjp-Regular";
			color:#333;
			padding-bottom:20px;
		}
		#section04>section {
			margin: 20px auto 0 auto;
			width:55%;
			padding:bottom:30px;
			background:#fff;
			background:linear-gradient(180deg,#F5F5F5 0%,#F5F5F5 30%,white 30%,white 100%);	/* ★ */
		}
		#section04>section>h3 {
			margin: 30px auto 0 auto;
			width: 65%;
			text-align:left;
			font-size:24px;
			font-weight:normal;
			font-family: "NotoSansCJKjp-Medium";
			color:#333;
			padding-top:0px;
			padding-bottom:0;
		}
		#section04>section#option>h3 {
			margin: 30px auto 30px auto;
			width: 65%;
			text-align:left;
			font-size:24px;
			font-weight:normal;
			font-family: "NotoSansCJKjp-Medium";
			color:#333;
			padding-top:0px;
			padding-bottom:0;
		}
		#section04>section>h4 {
			margin: 20px auto 0 auto;
			width: 65%;
			text-align:left;
			font-size:16px;
			font-weight:normal;
			font-family: "NotoSansCJKjp-Regular";
			color:#333;
			padding-top:0px;
			padding-bottom:20px;
			border-bottom: 1px solid #BDC3C7;		/* Siver */
		}
		#section04>section ul {
			margin: 30px auto 0 20%;
			position: relative;
			display: flex;
			justify-content: flex-between;
			flex-wrap: wrap;
			width:80%;
		}
		#section04>section#option ul {
			margin: 0px auto 0 15%;
			position: relative;
			display: flex;
			justify-content: flex-between;
			flex-wrap: wrap;
			width:80%;
		}
		#section04>section li {
			margin: 0 auto 20px auto;
			width:50%;
			text-align:left;
			font-size:16px;
			line-height:1.8em;
			font-weight:normal;
			font-family: "NotoSansCJKjp-Regular";
		}
		#section04>section>p.sum {
			margin: 0px auto 30px auto;
			width:80%;
			text-align:center;
			font-size:22px;
			line-height:1.8em;
			font-weight:normal;
			font-family: "NotoSansCJKjp-Bold";
			padding-left:50px;
		}
		#section04>section>p.comment {
			margin: 0 auto 0 auto;
			width: 70%;
			font-size:15px;
			line-height:1.8em;
			font-weight:normal;
			font-family: "NotoSansCJKjp-Regular";
			color:#333;
			padding-bottom:20px;
		}
	}


/* ■ MainConents #section05  */

	#section05 {
		margin:50px auto 0 auto;
		width:100%;
		padding-bottom:20px;
		background:linear-gradient(90deg,#F5F5F5 0%,#F5F5F5 35%,white 37%,white 100%);
	}
	#section05 #sec01title05 {
		margin: -30px auto 0 auto;
		width: 80%;
		padding-bottom:0;
	}
	#section05 #sec01title05 h2 {
		display:block;
		margin: 0 auto 0 auto;
		width: 100%;
		font-size:17px;
		line-height:1.7em;
		font-weight:bold;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "小塚ゴシック Pro","Kozuka Gothic Pro","メイリオ", 
						Meiryo, Osaka, helvetica, arial,
						"游ゴシック体", YuGothic,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		color: #333;	
		padding-top:20px;
		padding-left:0;
	}
	#section05 #sec01title05 .h2line {
		margin: 5px auto 0 auto;
		width: 100%;
		height:1px;
		text-indent: -99999px;	/* テキスト非表示 */
		background:linear-gradient(90deg,#CCCCCC 0%,#CCCCCC 98%,#BF0122 98%,#BF0122 100%);	/* mmts-red02 */
	}
	#section05 #casestudy {
		margin: 0 auto 0 auto;
		width: 100%;
	}
	#section05 #casestudy>dl {
		display:block;
		margin: 30px auto 0 auto;
		width: 80%;
		padding-bottom:20px;
		background-color:#fff;
		border: 2px solid #444;
	}
	#section05 #casestudy>dl dt {
		margin: 0 auto 0 auto;
		width: 90%;
		text-align:center;
		font-size:14px;
		line-height:1.7em;
		font-weight:bold;
		color:#333;
		padding:10px;
		padding-bottom:5px;
	}
	#section05 #casestudy>dl dd {
		margin: 0 auto 0 auto;
		width: 90%;
		font-size:12px;
		line-height:1.7em;
		font-weight:normal;
		color:#333;
		padding-top:10px;
	}
	#section05 #casestudy>dl dd img {
		padding-top:0px;
		padding-bottom:10px;
	}

	@media only screen and (min-width:992px) {	/*■ PC Layout  ■ */

		#section05 {
			margin:50px auto  auto;
			width:100%;
			padding-top:30px;
			padding-bottom:80px;
			background-image:
				url("images/bg/brline02.svg"),
				url("images/bg/brline01.svg");
			background-size:
				:cover,
				:cover;
			background-position:
				center top 10%,
				center top 30%;
			background-repeat:
				no-repeat,
				no-repeat;
			background:linear-gradient(90deg,white 0%,white 5%,#E5E5E5 5%,#F5F5F5 38%,white 38%,white 100%);	/* ★ */
		}
		#section05 #sec01title05 {
			margin:0 auto 0 auto;
			width: 80%;
			padding-bottom:0;
		}
		#section05 #sec01title05 h2 {
			display:block;
			margin: 0 auto 0 auto;
			width: 90%;
			text-align:center;
			font-size:38px;
			font-family: "NotoSansCJKjp-Bold";
			padding-top:0px;
			padding-bottom:0;
		}
		#section05 #sec01title05 .h2line {
			margin: 20px auto 30px auto;
			width: 85%;
			height:1px;
			text-indent: -99999px;	/* テキスト非表示 */
			background:linear-gradient(90deg,#CCCCCC 0%,#CCCCCC 98%,#BF0122 98%,#BF0122 100%);	/* mmts-red02 */
		}
		#section05 #casestudy {
			margin: 0 auto 0 auto;
			width: 60%;
			padding-bottom:30px;
			display: flex;
			justify-content:space-between;
			flex-wrap: wrap;
		}
		#section05 #casestudy>dl {
			margin: 30px auto 0 auto;
			width: 45%;
			padding-bottom:30px;
			border: 2px solid #444;
		}
		#section05 #casestudy>dl dt {
			margin: 0 auto 0 auto;
			width: 90%;
			font-size:16px;
			line-height:1.8em;
			font-weight:normal;
			font-family: "NotoSansCJKjp-Bold";
			padding:20px;
			padding-bottom:10px;
		}
		#section05 #casestudy>dl dd {
			margin: 0 auto 0 auto;
			width: 85%;
			font-size:14px;
			line-height:1.8em;
			font-weight:normal;
			font-family: "NotoSansCJKjp-Medium";
			padding-top:10px;
		}
		#section05 #casestudy>dl dd img {
			padding-top:0px;
			padding-bottom:10px;
		}
	}

	@media only screen and (min-width: 993px) and (max-width: 1400px) {	/*◇ PC-S */

	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

	}




/* ◆ Footer adjust */

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

		#cta02 {
			margin: -35px auto 35px auto;
			width: 100%;
			padding-bottom:0px;
			background-color:#FFF;
		}
	}


/* ========== css/maintenance.css ========== */
/*----------------------------------------------------------------------------*/
/* 	三咲モータースサイト  一般整備・修理 page	 					  CSS    */
/*----------------------------------------------------------------------------*/

/* ■ introduction section -----------------------------------------------*/

	#introduction {
		margin:0 auto 0 auto;
		width:100%;
		background-image:
			url("images/bg/brline02.svg"),
			url("images/bg/brline01.svg");
		background-size:
			:contain,
			:contain;
		background-position:
			center top 3%,
			center top 0%;
		background-repeat:
			no-repeat,
			no-repeat;
		padding-bottom:50px;
		background-color:#FFF;
	}
	#introduction h2{
		margin:0 auto 30px 28%;
		margin:0 auto 30px 32%;
		width:45%;
		font-size:30px;
		text-align: left;
		line-height:1.8em;
		font-family: "NotoSansCJKjp-Bold";
		color:#444;
		padding-top:50px;
	}
	#introduction .h2line  {
		margin: 0 auto 50px auto;
		width: 65%;
		height:1px;
		text-indent: -99999px;	/* テキスト非表示 */
		background:linear-gradient(90deg,#BDC3C7 0%,#BDC3C7 98%,#BF0122 98%,#BF0122 100%);	/* ★ */
	}

	@media screen and (max-width:550px) {
		#introduction h2{
			margin:0 0 50px 0;
		}
	}
	#introduction h2 span.bgLRextend::before{
		background:#333;
	}
	#introduction .cont{
		margin:0 auto 50px auto;
		width:70%;
	}
	#introduction .cont>p {
		margin:0 auto 0 auto;   
		width:80%;
		font-size:16px;
		line-height:1.8em;
		font-family: "NotoSansCJKjp-Medium";
		color:333;
	}
	#introduction h3{
		margin:0 auto 20px auto;
		width:60%;
		font-size:30px;
		text-align: center;
		line-height:1.8em;
		font-family: "NotoSansCJKjp-Bold";
		color:#444;
		padding-top:30px;
	}
	#introduction .cont ul#service {
		margin: 0 auto 0 auto;
		width:60%;
		display: flex;
		justify-content:space-between;
		align-items: center;
		flex-wrap: wrap;
	}
	#introduction .cont ul#service li {
	}
	#introduction .cont ul#service li img {
		display:block;
		zoom:0.90;
	}

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

		#introduction {
			margin:20px auto 0 auto;
			width:100%;
			background-image:
				url("images/bg/brline02.svg"),
				url("images/bg/brline01.svg");
			background-size:
				:cover,
				:cover;
			background-position:
				center top 0%,
				center top 3%;
			background-repeat:
				no-repeat,
				no-repeat;
			padding-bottom:0;
		}
		#introduction h2{
			margin:0px auto 10px auto;
			width:90%;
			text-align:center;
			font-size:14px;
			font-weight:bold;
			line-height:1.8em;
			padding-top:15px;
		}
		#introduction .h2line  {
			margin: 5px auto 15px auto;
			width: 90%;
			height:1px;
			text-indent: -99999px;	/* テキスト非表示 */
			background:linear-gradient(90deg,#BDC3C7 0%,#BDC3C7 98%,#BF0122 98%,#BF0122 100%);	/* ★ */
		}
		#introduction .cont{
			margin:0 auto 20px auto;   
			width:85%;
		}
		#introduction .cont>p {
			margin:0 auto 30px auto;   
			width:100%;
			font-size:13px;
			line-height:1.7em;
			color:333;
		}
		#introduction h3{
			margin:0px auto 10px auto;
			width:90%;
			text-align:center;
			font-size:14px;
			font-weight:bold;
			line-height:1.8em;
			padding-top:15px;
		}
		#introduction .cont ul#service {
			margin: 15px auto 50px auto;
			width:95%;
			display: flex;
			justify-content:space-between;
			align-items: center;
			flex-wrap: wrap;
		}
		#introduction .cont ul#service li {
		}
		#introduction .cont ul#service li img {
			display:block;
			zoom:0.5;
		}
	}
	@media screen and (max-width:590px) {

	}

/* ■ MainConents #section01  */

	#section01 {
		margin:30px auto 0 auto;
		width:100%;
		background-image:
			url("images/bg/brline02.svg"),
			url("images/bg/brline01.svg");
		background-size:
			:contain,
			:contain;
		background-position:
			center top 14%,
			center top 12%;
		background-repeat:
			no-repeat,
			no-repeat;
		padding-bottom:0px;
	}
	#section01 #sec01title {
		margin: 0 auto 70px auto;
		width: 80%;
		padding-bottom:0;
	}
	#section01 #sec01title h2 {
		display:block;
		margin: 0 auto 0 auto;
		width: 90%;
		text-align:center;
		font-size:32px;
		font-family: "NotoSansCJKjp-Bold";
		color:#333;
		padding-top:0px;
		padding-bottom:0;
	}
	#section01 #sec01title .h2line {
		margin: 30px auto 0 auto;
		width: 70%;
		height:1px;
		text-indent: -99999px;	/* テキスト非表示 */
		background:linear-gradient(90deg,#CCCCCC 0%,#CCCCCC 98%,#BF0122 98%,#BF0122 100%);	/* mmts-red02 */
	}

	@media screen and (max-width:550px) {
		#section01 h2{
			margin:0 0 50px 0;
		}
	}
	#section01 h2 span.bgLRextend::before{
		background:#333;
	}
	#section01 .service-area{
		margin:0 auto 220px 11%;
		width:80%;
		position: relative;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	@media screen and (max-width:590px) {
		#section01 .service-area{
			margin:0 0 50px 0;   
			margin:0 auto 20px auto;   
		}
	}
	#section01 .service-area::after{
		content:'';
		position: absolute;
		width: 70%;
		height: 23em;
		background:#f3f3f3;
		right:10%;
		top:20%;
		z-index: -1;
	}
	#section01 .service-area:nth-of-type(2n+1){
		flex-direction: row-reverse;
	}
	#section01 .service-area .img{
		width:50%;
	}
	#section01 .service-area .content{
		margin: 0 auto 0 auto;
		width:40%;
		background:#fff;
		box-shadow: 0 0 20px #ccc;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		top:150px;
	}
	#section01 .service-area:nth-of-type(2n) .img {
		text-align:center;
	}
	#section01 .service-area:nth-of-type(2n) .content {
		margin-left:-2%;
	}

	#section01 .service-area .content-area{
		padding:40px;
	}
	#section01 .service-area .content-area h3{
		margin: 0 0 20px 0;
		text-align: center;
		font-size: 18px;
		line-height:2.0em;
		font-family: "NotoSansCJKjp-Bold";
		color: #A4966A;		/* Gold01 */
	}
	#section01 .service-area .content-area h3 span{
		font-weight: bold;
		text-transform: uppercase;
		display: block;
		color:#555;
		font-size: 1.2rem;
	}
	#section01 .service-area .content-area p{
		margin:0 auto 30px auto;   
		width:90%;
		font-size: 15px;
		line-height:1.8em;
		font-family: "NotoSansCJKjp-Regular";
		color:#333;
	}
	#section01 .btn{
		text-align: right;
	}

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

		#section01 {
			margin:0 auto 0 auto;
			width:100%;
			background-image:
				url("images/bg/brline02.svg"),
				url("images/bg/brline01.svg");
			background-size:
				:cover,
				:cover;
			background-position:
				center top 1%,
				center top 0%;
			background-repeat:
				no-repeat,
				no-repeat;
			padding-bottom:30px;
		}
		#section01 #sec01title {
			margin: 0 auto 0 auto;
			width: 80%;
			padding-top:50px;
			padding-bottom:0;
		}
		#section01 #sec01title h2 {
			display:block;
			margin: 0 auto 0 auto;
			width: 100%;
			font-size:17px;
			line-height:1.7em;
			font-weight:bold;
			font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "小塚ゴシック Pro","Kozuka Gothic Pro","メイリオ", 
							Meiryo, Osaka, helvetica, arial,
							"游ゴシック体", YuGothic,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			color: #333;	
			padding-top:5px;
			padding-left:0;
		}
		#section01 #sec01title .h2line {
			margin: 10px auto 0 auto;
			width: 100%;
			height:1px;
			text-indent: -99999px;	/* テキスト非表示 */
			background:linear-gradient(90deg,#CCCCCC 0%,#CCCCCC 98%,#BF0122 98%,#BF0122 100%);	/* mmts-red02 */
		}
		#section01 .service-area{
			margin:20px 0 10px 7%;  
		}
		#section01 .service-area::after{
			content:'';
			position: absolute;
			width: 100%;
			height: 23em;
			height: 20em;
			background:#F5F5F5;
			right:10%;
			top:20%;
			z-index: -1;
		}
		#section01 .service-area .img{
			margin:0 auto 30px auto;   
			width:100%;
			z-index: 2;
			text-align:center;
		}
		#section01 .service-area .content{
			margin: 0 auto 0 5%;
			width:90%;
			top:220px;
			box-shadow: 0 0 5px #ccc;
		}
		#section01 .service-area .content-area{
			padding:0px;
			padding-bottom:20px;	/* ★btn 追加時除く */
		}
		#section01 .service-area .content-area h3{
			margin: 10px 0 10px 0;
			text-align: center;
			font-size: 14px;
			line-height:1.7em;
		}
		#section01 .service-area .content-area h3 span{
			font-weight: bold;
			text-transform: uppercase;
			display: block;
			font-size: 16px;
		}
		#section01 .service-area .content-area p{
			margin:0 auto 0 auto;
			width:90%;
			font-size: 12px;
			line-height:1.7em;
		}

	}

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

		#section01 .service-area .img{
			margin:0 auto 30px auto;   
			width:100%;
			z-index: 2;
			text-align:center;
		}
		#section01 .service-area .img img {
			width:85%;
			padding-left:5%;
		}
		#section01 .service-area .content{
			width:100%;
			top:-10px;
			top:-10px;
			animation:none;
			opacity: 1;
			z-index: 1;
		}
		#section01 .service-area:nth-of-type(2n) .content {
			margin-left:5%;
		}
	}

/* ■ MainConents #section02  */

	#section02 {
		margin:50px auto 0 auto;
		width:100%;
		padding-bottom:20px;
		background:linear-gradient(90deg,#F5F5F5 0%,#F5F5F5 35%,white 37%,white 100%);
	}
	#section02 #sec01title {
		margin: -30px auto 0 auto;
		width: 80%;
		padding-bottom:0;
	}
	#section02 #sec01title h2 {
		display:block;
		margin: 0 auto 0 auto;
		width: 100%;
		font-size:17px;
		line-height:1.7em;
		font-weight:bold;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "小塚ゴシック Pro","Kozuka Gothic Pro","メイリオ", 
						Meiryo, Osaka, helvetica, arial,
						"游ゴシック体", YuGothic,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		color: #333;	
		padding-top:20px;
		padding-left:0;
	}
	#section02 #sec01title .h2line {
		margin: 5px auto 0 auto;
		width: 100%;
		height:1px;
		text-indent: -99999px;	/* テキスト非表示 */
		background:linear-gradient(90deg,#CCCCCC 0%,#CCCCCC 98%,#BF0122 98%,#BF0122 100%);	/* mmts-red02 */
	}
	#section02 .cont {
		margin: 0 auto 0 auto;
		width: 100%;
	}
	#section02 .cont p {
		margin: 0 auto 0 auto;
		width: 80%;
		font-size:12px;
		line-height:1.7em;
		font-weight:normal;
		color:#333;
		padding-bottom:10px;
	}
	#section02 .cont dl {
		display:block;
		margin: 15px auto 10px auto;
		width: 90%;
		padding:10px;
		background-color:#fff;
		border: 1px solid #BDC3C7;		/* Siver */
	}
	#section02 .cont dt {
		display:block;
		margin: 0 auto 0 auto;
		width: 90%;
		font-size:14px;
		line-height:1.7em;
		font-weight:bold;
		padding-top:10px;
		padding-bottom:10px;
	}
	#section02 .cont dd {
		display:block;
		margin: 0 auto 0 auto;
		float:left;
		font-size:14px;
		line-height:1.7em;
		font-weight:normal;
		padding-bottom:5px;
	}


	@media only screen and (min-width:992px) {	/*■ PC Layout  ■ */

		#section02 {
			margin:50px auto  auto;
			width:100%;
			padding-top:30px;
			padding-bottom:80px;
			background-image:
				url("images/bg/brline02.svg"),
				url("images/bg/brline01.svg");
			background-size:
				:cover,
				:cover;
			background-position:
				center top 10%,
				center top 30%;
			background-repeat:
				no-repeat,
				no-repeat;
			background:linear-gradient(90deg,white 0%,white 5%,#E5E5E5 5%,#F5F5F5 38%,white 38%,white 100%);	/* ★ */
		}
		#section02 #sec01title {
			margin:0 auto 0 auto;
			width: 80%;
			padding-bottom:0;
		}
		#section02 #sec01title h2 {
			display:block;
			margin: 0 auto 0 auto;
			width: 90%;
			text-align:center;
			font-size:32px;
			font-family: "NotoSansCJKjp-Bold";
			padding-top:0px;
			padding-bottom:0;
		}
		#section02 #sec01title .h2line {
			margin: 20px auto 30px auto;
			width: 85%;
			height:1px;
			text-indent: -99999px;	/* テキスト非表示 */
			background:linear-gradient(90deg,#CCCCCC 0%,#CCCCCC 98%,#BF0122 98%,#BF0122 100%);	/* mmts-red02 */
		}
		#section02 .cont {
			margin: 0 auto 0 auto;
			width: 70%;
		}
		#section02 .cont p {
			margin: 0 auto 0 auto;
			width: 80%;
			font-size:16px;
			line-height:1.8em;
			font-weight:normal;
			font-family: "NotoSansCJKjp-Regular";
			color:#333;
			padding-bottom:50px;
		}
		#section02 .cont dl {
			display:block;
			margin: 0 auto 30px auto;
			width: 75%;
			padding:0px;
			padding-left:6.5%;
			padding-bottom:20px;
			border: 1px solid #BDC3C7;		/* Siver */
		}
		#section02 .cont dt {
			margin: 0 auto 0 0;
			width: 90%;
			font-size:18px;
			line-height:1.8em;
			font-weight:normal;
			font-family: "NotoSansCJKjp-Bold";
			padding-top:20px;
			padding-bottom:20px;
		}
		#section02 .cont dd {
			margin: 0 auto 0 auto;
			float:left;
			font-size:15px;
			line-height:1.0em;
			font-weight:normal;
			font-family: "NotoSansCJKjp-Regular";
			padding-right:30px;
			padding-bottom:15px;
		}
	}

/* ■ MainConents #section03  */

	#section03 {
		margin:50px auto 0 auto;
		width:100%;
		background-image:
			url("images/bg/brline02.svg"),
			url("images/bg/brline01.svg");
		background-size:
			:contain,
			:contain;
		background-position:
			center top 14%,
			center top 12%;
		background-repeat:
			no-repeat,
			no-repeat;
		padding-bottom:0px;
	}
	#section03 #sec01title {
		margin: 0 auto 70px auto;
		width: 80%;
		padding-bottom:0;
	}
	#section03 #sec01title h2 {
		display:block;
		margin: 0 auto 0 auto;
		width: 90%;
		text-align:center;
		font-size:32px;
		font-family: "NotoSansCJKjp-Bold";
		color:#333;
		padding-top:0px;
		padding-bottom:0;
	}
	#section03 #sec01title .h2line {
		margin: 30px auto 0 auto;
		width: 70%;
		height:1px;
		text-indent: -99999px;	/* テキスト非表示 */
		background:linear-gradient(90deg,#CCCCCC 0%,#CCCCCC 98%,#BF0122 98%,#BF0122 100%);	/* mmts-red02 */
	}

	@media screen and (max-width:550px) {
		#section03 h2{
			margin:0 0 50px 0;
		}
	}
	#section03 h2 span.bgLRextend::before{
		background:#333;
	}
	#section03 .service-area{
		margin:0 auto 220px 11%;
		width:80%;
		position: relative;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	@media screen and (max-width:590px) {
		#section03 .service-area{
			margin:0 0 50px 0;   
			margin:0 auto 20px auto;   
		}
	}
	#section03 .service-area::after{
		content:'';
		position: absolute;
		width: 70%;
		height: 23em;
		background:#f3f3f3;
		right:10%;
		top:20%;
		z-index: -1;
	}
	#section03 .service-area:nth-of-type(2n+1){
		flex-direction: row-reverse;
	}
	#section03 .service-area .img{
		width:50%;
	}
	#section03 .service-area .content{
		margin: 0 auto 0 auto;
		width:40%;
		background:#fff;
		box-shadow: 0 0 20px #ccc;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		top:150px;
	}
	#section03 .service-area:nth-of-type(2n) .img {
		text-align:center;
	}
	#section03 .service-area:nth-of-type(2n) .content {
		margin-left:-2%;
	}

	#section03 .service-area .content-area{
		padding:40px;
	}
	#section03 .service-area .content-area h3{
		margin: 0 0 20px 0;
		text-align: center;
		font-size: 18px;
		line-height:2.0em;
		font-family: "NotoSansCJKjp-Bold";
		color: #A4966A;		/* Gold01 */
	}
	#section03 .service-area .content-area h3 span{
		font-weight: bold;
		text-transform: uppercase;
		display: block;
		color:#555;
		font-size: 1.2rem;
	}
	#section03 .service-area .content-area p{
		margin:0 auto 30px auto;   
		width:90%;
		font-size: 15px;
		line-height:1.8em;
		font-family: "NotoSansCJKjp-Regular";
		color:#333;
	}
	#section03 .btn{
		text-align: right;
	}

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

		#section03 {
			margin:0 auto 0 auto;
			width:100%;
			background-image:
				url("images/bg/brline02.svg"),
				url("images/bg/brline01.svg");
			background-size:
				:cover,
				:cover;
			background-position:
				center top 3%,
				center top 0%;
			background-repeat:
				no-repeat,
				no-repeat;
			padding-bottom:30px;
		}
		#section03 #sec01title {
			margin: 0 auto 0 auto;
			width: 80%;
			padding-top:20px;
			padding-bottom:0;
		}
		#section03 #sec01title h2 {
			display:block;
			margin: 0 auto 0 auto;
			width: 100%;
			font-size:18px;
			line-height:1.7em;
			font-weight:bold;
			font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "小塚ゴシック Pro","Kozuka Gothic Pro","メイリオ", 
							Meiryo, Osaka, helvetica, arial,
							"游ゴシック体", YuGothic,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			color: #333;	
			padding-top:5px;
			padding-left:0;
		}
		#section03 #sec01title .h2line {
			margin: 10px auto 0 auto;
			width: 100%;
			height:1px;
			text-indent: -99999px;	/* テキスト非表示 */
			background:linear-gradient(90deg,#CCCCCC 0%,#CCCCCC 98%,#BF0122 98%,#BF0122 100%);	/* mmts-red02 */
		}
		#section03 .service-area{
			margin:20px 0 10px 7%;  
		}
		#section03 .service-area::after{
			content:'';
			position: absolute;
			width: 100%;
			height: 23em;
			height: 20em;
			background:#F5F5F5;
			right:10%;
			top:20%;
			z-index: -1;
		}
		#section03 .service-area .img{
			margin:0 auto 30px auto;   
			width:100%;
			z-index: 2;
			text-align:center;
		}
		#section03 .service-area .content{
			margin: 0 auto 0 4%;
			width:100%;
			top:220px;
			box-shadow: 0 0 5px #ccc;
		}
		#section03 .service-area .content-area{
			padding:0px;
			padding-bottom:20px;	/* ★btn 追加時除く */
		}
		#section03 .service-area .content-area h3{
			margin: 10px 0 10px 0;
			text-align: center;
			font-size: 14px;
			font-weight:bold;
			line-height:1.7em;
		}
		#section03 .service-area .content-area h3 span{
			font-weight: bold;
			text-transform: uppercase;
			display: block;
			font-size: 16px;
		}
		#section03 .service-area .content-area p{
			margin:0 auto 0 auto;
			width:90%;
			color:#333;
			font-size: 12px;
			line-height:1.7em;
		}

	}

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

		#section03 .service-area .img{
			margin:0 auto 30px auto;   
			width:100%;
			z-index: 2;
			text-align:center;
		}
		#section03 .service-area .img img {
			width:85%;
			padding-left:5%;
		}
		#section03 .service-area .content{
			width:100%;
			top:-10px;
			top:-10px;
			animation:none;
			opacity: 1;
			z-index: 1;
		}
		#section03 .service-area:nth-of-type(2n) .content {
			margin-left:5%;
		}
	}



	/* ◆整備事例 -----*/

	#case {
		margin:50px auto 0 auto;
		width:100%;
		padding-bottom:20px;
		background:linear-gradient(90deg,#F5F5F5 0%,#F5F5F5 35%,white 37%,white 100%);
	}
	#case #sec01title05 {
		margin: -30px auto 0 auto;
		width: 80%;
		padding-bottom:0;
	}
	#case #sec01title05 h2 {
		display:block;
		margin: 0 auto 0 auto;
		width: 100%;
		font-size:17px;
		line-height:1.7em;
		font-weight:bold;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "小塚ゴシック Pro","Kozuka Gothic Pro","メイリオ", 
						Meiryo, Osaka, helvetica, arial,
						"游ゴシック体", YuGothic,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		color: #333;	
		padding-top:20px;
		padding-left:0;
	}
	#case #sec01title05 .h2line {
		margin: 5px auto 0 auto;
		width: 100%;
		height:1px;
		text-indent: -99999px;	/* テキスト非表示 */
		background:linear-gradient(90deg,#CCCCCC 0%,#CCCCCC 98%,#BF0122 98%,#BF0122 100%);	/* mmts-red02 */
	}
	#case #casestudy {
		margin: 0 auto 0 auto;
		width: 100%;
	}
	#case #casestudy>dl {
		display:block;
		margin: 30px auto 0 auto;
		width: 80%;
		padding-bottom:20px;
		background-color:#fff;
		border: 2px solid #444;
	}
	#case #casestudy>dl dt {
		margin: 0 auto 0 auto;
		width: 90%;
		text-align:center;
		font-size:14px;
		line-height:1.7em;
		font-weight:bold;
		color:#333;
		padding:10px;
		padding-bottom:5px;
	}
	#case #casestudy>dl dd {
		margin: 0 auto 0 auto;
		width: 90%;
		font-size:12px;
		line-height:1.7em;
		font-weight:normal;
		color:#333;
		padding-top:10px;
	}
	#case #casestudy>dl dd img {
		padding-top:0px;
		padding-bottom:10px;
	}

	@media only screen and (min-width:992px) {	/*■ PC Layout  ■ */

		#case {
			margin:50px auto  auto;
			width:100%;
			padding-top:30px;
			padding-bottom:80px;
			background-image:
				url("images/bg/brline02.svg"),
				url("images/bg/brline01.svg");
			background-size:
				:cover,
				:cover;
			background-position:
				center top 10%,
				center top 30%;
			background-repeat:
				no-repeat,
				no-repeat;
			background:linear-gradient(90deg,white 0%,white 5%,#E5E5E5 5%,#F5F5F5 38%,white 38%,white 100%);	/* ★ */
		}
		#case #sec01title05 {
			margin:0 auto 0 auto;
			width: 80%;
			padding-bottom:0;
		}
		#case #sec01title05 h2 {
			display:block;
			margin: 0 auto 0 auto;
			width: 90%;
			text-align:center;
			font-size:32px;
			font-family: "NotoSansCJKjp-Bold";
			padding-top:0px;
			padding-bottom:0;
		}
		#case #sec01title05 .h2line {
			margin: 20px auto 30px auto;
			width: 85%;
			height:1px;
			text-indent: -99999px;	/* テキスト非表示 */
			background:linear-gradient(90deg,#CCCCCC 0%,#CCCCCC 98%,#BF0122 98%,#BF0122 100%);	/* mmts-red02 */
		}
		#case #casestudy {
			margin: 0 auto 0 auto;
			width: 65%;
			padding-bottom:100px;
			padding-bottom:30px;
			display: flex;
			justify-content:space-between;
			flex-wrap: wrap;
		}
		#case #casestudy>dl {
			margin: 30px auto 0 auto;
			width: 45%;
			padding-bottom:30px;
			border: 2px solid #444;
		}
		#case #casestudy>dl dt {
			margin: 0 auto 0 auto;
			width: 90%;
			font-size:16px;
			line-height:1.8em;
			font-weight:normal;
			font-family: "NotoSansCJKjp-Bold";
			padding:20px;
			padding-bottom:10px;
		}
		#case #casestudy>dl dd {
			margin: 0 auto 0 auto;
			width: 85%;
			font-size:14px;
			line-height:1.8em;
			font-weight:normal;
			font-family: "NotoSansCJKjp-Medium";
			padding-top:10px;
		}
		#case #casestudy>dl dd img {
			padding-top:0px;
			padding-bottom:10px;
		}
	}

	@media only screen and (min-width: 993px) and (max-width: 1400px) {	/*◇ PC-S */

	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

	}





/* ◆ Footer adjust */

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

		#cta02 {
			margin: -35px auto 35px auto;
			width: 100%;
			padding-bottom:0px;
			background-color:#FFF;
		}
	}


/* ========== css/contact.css ========== */
/*----------------------------------------------------------------------------*/
/* 	三咲モータースサイト  お問い合せ								  CSS    */
/*----------------------------------------------------------------------------*/

/* ■ MainConents  FORM  */

	.formsec  {
		margin: 0 auto 0 0 auto;
		width: 100%;
		padding-bottom:20px;
		background-color:#F5F5F5;
		background:linear-gradient(90deg,white 0%,white 70%,#F5F5F5 70%,#F5F5F5 100%);	/* ★ */
	}
	.formsec  h1,h2,h3,h4,h5,h6{
		font-size:100%;
		font-weight:normal;
	}
	.formsec .title01 {
		margin: 50px auto 0 auto;
		width: 90%;
		padding-top:0px;
	}
	.formsec .title01 h2 {
		font-size:16px;
		font-weight:bold;
		color: #444;
		padding-top:30px;
		padding-left:15px;
	}
	.formsec  .cont01 {
		margin: 15px auto 0 auto;
		width: 100%;
		padding-bottom:0px;
	}
	.formsec  .cont01 dl,dt,dd {
		display:block;
	}
	.formsec  .contactBlock {
		margin: 0 auto 0 auto;
		width:90%;
		background-color: #FFF;
		padding-bottom:0px;
		border: 1px solid #A4946C;	/* Gold01 */
		border: 1px solid #DDD;
			border-radius:10px;  
			-moz-border-radius:10px;  
			-webkit-border-radius:10px;  
	}
	.formsec  .contactBlock dl#cb-title {
		margin: 0 auto 0 auto;
		width:100%;
		padding-bottom:5px;
/*		border-bottom: 1px solid #BDC3C7;	* Siver */;
	}
	.formsec  .contactBlock dl#cb-title dt {
		display:block;
		text-indent: -99999px;	/* テキスト非表示 */
	}
	.formsec  .contactBlock dl#cb-title dd {
		margin: 0 auto 0 auto;
		width:90%;
		text-align:left;
		font-size:12px;
		line-height:19px;
		color:#333;
		padding-bottom:5px;
	}
	.formsec  .contactBlock .ddline  {
		margin: 0 auto 0 auto;
		width: 100%;
		height:1px;
		text-indent: -99999px;	/* テキスト非表示 */
		background:linear-gradient(90deg,#CCCCCC 0%,#CCCCCC 98%,#BF0122 98%,#BF0122 100%);	/* mmts-red02 */
	}
	.formsec  .contactBlock ul {
		margin: 20px auto 20px auto;
		width:90%;
		padding-bottom:10px;
		border-bottom: 1px solid #BDC3C7;	/* Siver */
	}
	.formsec  .contactBlock li {
		margin: 0 auto 0 auto;
		width:96%;
		text-align:left;
		font-size:12px;
		line-height:19px;
		color:#333;
		padding-left:10px;
		padding-bottom:5px;
	}
	:focus {		/* FORM フォーカス時の邪魔な枠線を消す ◆ */
		outline: none;
	}
	.formsec #form01 h4 {
		display:block;
		margin: 20px auto 10px auto;
		width:90%;
		font-size:13px;
		line-height:1.8em;
		font-weight:bold;
		color:#333;
		padding-top:0px;
		padding-bottom:7px;
		padding-left:40px;
		background	: url("images/icon/check01.png") no-repeat;
		background-size:20px 20px;
		background-position:  0 1.5px;
		border-bottom: 1px solid #BDC3C7;	/* Siver */
	}
	.formsec #form01 h5 {
		display:block;
		margin: 30px auto 10px auto;
		width:90%;
		font-size:13px;
		line-height:1.8em;
		font-weight:bold;
		color:#333;
		padding-top:0px;
		padding-bottom:7px;
		padding-left:40px;
		background	: url("images/icon/check01.png") no-repeat;
		background-size:20px 20px;
		background-position:  0 1.5px;
		border-bottom: 1px solid #BDC3C7;	/* Siver */
	}
	.formsec  #form01 p.formsubt {
		margin: 20px auto 20px  auto;
		width:90%;
		height:30px;
		font-size:14px;
		font-weight:bold;
		color:#B27C04;	/* gold02 */
		color:#333;
		padding-top:5px;
		padding-left:30px;
		background	: url("images/icon/sym02.png") no-repeat;
		background-position: 0  center; 
		border-bottom: 1px dotted #A4946C;	/* Gold01 */
	}
	.formsec  #form01 dl {
		margin-top:0px;
	}
	.formsec  #form01 dt {
		margin: 0 auto 0 auto;
		padding-left:10px;
		padding-bottom:3px;
		color: #333;
		text-align:left;
		font-size:14px;
		color:#B27C04;	/* gold02 */
		padding-top:13px;
	}
	.formsec  #form01 #seasonym dt {
		padding-top:10px;
		font-size:14px;
	}
	.formsec  #form01 dt.dtex {
		width:100%;
		font-size:11px;
		color:#333;
	}
	.formsec  #form01 dd {
		margin: -25px auto 0 auto;
		width:90%;
		padding-left:0px;
		padding-bottom:10px;
		color: #333;
		text-align:left;
		font-size:16px;
		color:#333;	/* gold02 */
	}
	.formsec  #form01 dd .rcline  {
		margin-left:10px;
		padding-top:20px;
	}
	.formsec  #form01 dd.labelWrap02 {
		padding-top:15px;
	}
	.formsec  #form01 dl:nth-child(9)  {	/* お問い合わせ内容 */
		width:100%;
		padding-bottom:0px;
	}

	.formsec  #btn {
		margin: 10px auto 30px auto;
		text-align:center;
		padding-bottom:0px;
	}
	.formsec .btn {
		display: block;
		margin: 0 auto 0 auto;
		width: 150px;
		padding: 10px 0;  
		text-align:center;
		font-size:12px;
		color: #FFF;  
		background	: url("images/icon/btn-arrow01.png") no-repeat;
		background-size:18px 5px;
		background-position: -2px 12px; 
		background-color:#333;
				-webkit-transition: all 0.3s ease;
				-moz-transition: all 0.3s ease;
				-ms-transition: all 0.3s ease;
				-o-transition: all 0.3s ease;
				transition: all 0.3s ease;
	} 
	.formsec .btn:hover {
		color:#F5F5F5;
		background	: url("images/icon/btn-arrow02.png") no-repeat;
		background-size:18px 5px;
		background-position: 50px  12px; 
		background-color:#BBB;
				-webkit-transition: all 0.5s ease;
				-moz-transition: all 0.5s ease;
				-ms-transition: all 0.5s ease;
				-o-transition: all 0.5s ease;
				transition: all 0.5s ease;
	}

	.formsec  .cm01 {  	/* 必須 入力 */
		color: #F08700;		/* O.Red */
		font-size:12px;
		padding-left:10px;
	}
	.formsec  input[type="text"] {
		width: 100%;
		border:solid 1px #CCC;
	 }
	.formsec  input[type="file"] {
		width: 100%;
		font-size:12px;
		border:solid 1px #A4946C;
	 }
	.formsec  #form01 textarea {
		width: 100%;
		border:solid 1px #A4946C;
		border:solid 1px #CCC;
	 }
	.formsec  select {
		width: 50px;
		height:35px;
		color: #555;
		line-height:14px;
		text-align:center;
		padding-top:10px;
		padding-bottom:10px;
		padding-left:5%;
		background-color:#FFF;
	}
	.formsec .fupload {		/* ● File Upload */
		margin: 0  auto 0 auto;
	}
	.formsec .fupload>ul {	/*● File Upload */
		margin: 30px  auto 0 auto;
		width: 100%;
		font-size:12px;
		font-weight:normal;
		line-height:1.7em;
		color: #FF0000;
		border:none;
	}
	.formsec .fupload>ul li {
	 	padding-left:1em;
		text-indent:-1em;	/* 2行目以降1字下げ */
	}
	.formsec .fupload>ul li:first-child {
		font-size:12px;
	}
	.formsec .fupload>ul li:nth-child(n+2) {
		font-size:12px;
		color: #519D9E;		/* WA-green */
	}
	.formsec .fupload .fupt {
		font-size:12px;
		color: #A4966A;		/* Gold01 */
		color:#B27C04;	/* gold02 */
		font-weight:bold;
	}
	.formsec  #form01 input[type="file"] {
		width: 100%;
		font-size:12px;
	 }

	.formsec  #form01 dd .select01 {
		font-size:12px;
		padding-left:5px;
	}
	.formsec  .cmt {  	/* 問い合わせ注釈 */
		width:95%;
		color: #555;
		font-size:12px;
		text-align:left;
		padding-left:10px;
	}
	.formsec  #pvp a {
		color:#B27C04;	/* gold02 */
	}
	.formsec  #form01 .errorTxt {
		font-size:12px;
	}

	.formsec  #form01 dl:first-child {
		margin: 10px auto 0 auto;
		padding-bottom:0px;
	}
	.formsec  input[type="text"].season-y {
		width: 70px;
		height:35px;
		line-height:0px;
		text-align:left;
		padding-left:0;
		padding-top:10px;
		padding-bottom:10px;
	 }
	.formsec  select.season-t {
		width: 140px;
	 }
	.formsec .rb02 {
		padding-left:30px;
		padding-right:30px;
		font-size:13px;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", 
						Meiryo, Osaka, helvetica, arial,
						"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	 }
	/* ◇ placeholder ------------------------*/
		/*Webkit*/
			::-webkit-input-placeholder {font-size: 12px}
		/*Firefox 19以降*/
			::-moz-placeholder  {font-size: 12px}
		/*Firefox 18以前*/
			:-moz-placeholder   {font-size: 12px}
		/*Windows IE*/
			:-ms-input-placeholder  {font-size: 12px} 


	@media only screen and (max-width: 320px) {
	}
	@media only screen and (min-width: 360px) and (max-width: 375px) {
	}
	@media only screen and (min-width: 375px) and (max-width: 399px) {
	}
	@media only screen and (min-width: 400px) and (max-width: 413px) {
	}
	@media only screen and (min-width: 414px) and (max-width: 767px) {
	}

	@media only screen and (min-width:992px) {	/* PC ～　iPad size  */

		.formsec  {
			margin: 0 auto 0 auto;
			width: 100%;
			padding-top:90px;
			padding-bottom:0px;
			background:linear-gradient(90deg,white 0%,white 10%,#F5F5F5 10%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
			background:linear-gradient(90deg,white 0%,white 35%,#F5F5F5 35%,#F5F5F5 100%);	/* ★ */
		}
		.formsec  h1,h2,h3,h4,h5,h6{
			font-size:100%;
			font-weight:normal;
		}
		.formsec .title01 {
			margin: 50px auto 30px auto;
			width: 70%;
			padding-bottom:0px;
		}
		.formsec .title01 h2 {
			font-size:35px;
			font-family: "NotoSansCJKjp-Bold";
			padding-left:15%;
			padding-bottom:20px;
		}
		.formsec  .cont01 {
			margin: 30px auto 0px auto;
			width: 100%;
			max-width: 1350px;
			padding-bottom:50px;
		}
		.formsec  .contactBlock {
			margin: 0 auto 0 auto;
			width:80%;
			padding-top:20px;
			padding-bottom:20px;
/*				border-radius:20px;  
				-moz-border-radius:20px;
				-webkit-border-radius:20px;  */
		}
		.formsec  .contactBlock dl#cb-title {
			margin: 30px auto 10px auto;
			width:70%;
			padding-bottom:10px;
		}
		.formsec  .contactBlock dl#cb-title dt {
			display:block;
			text-indent: -99999px;	/* テキスト非表示 */
		}
		.formsec  .contactBlock dl#cb-title dd {
			margin: -20px auto 0 auto;
			width:90%;
			text-align:left;
			font-size:15px;
			font-family: "NotoSansCJKjp-Medium";
			line-height:1.8em;
			color:#333;
			padding-bottom:5px;
		}
		.formsec  .contactBlock .ddline  {
			margin: 0 auto 30px auto;
			width: 75%;
			height:1.25px;
			text-indent: -99999px;	/* テキスト非表示 */
			background:linear-gradient(90deg,#CCCCCC 0%,#CCCCCC 98%,#BF0122 98%,#BF0122 100%);	/* mmts-red02 */
		}

		.formsec  .contactBlock ul {
			margin: 50px auto 50px auto;
			width:65%;
			padding-bottom:20px;
			border-bottom: 1px solid #BDC3C7;	/* Siver */
		}
		.formsec  .contactBlock li {
			margin: 0 auto 0 auto;
			width:90%;
			text-align:left;
			font-size:15px;
			font-family: "NotoSansCJKjp-Medium";
			line-height:24px;
			color:#333;
			letter-spacing: 0.10em;
			padding-bottom:5px;
		}
		.formsec  #form01 h4 {
			display:block;
			margin: 40px auto 40px -170px;
			width:100%;
			text-align:left;
			font-size:18px;
			line-height:26px;
			font-family: "NotoSansCJKjp-Medium";
			color:#444;
			padding-top:0px;
			padding-bottom:7px;
			padding-left:40px;
			background	: url("images/icon/check01.png") no-repeat;
			background-size:25px 24px;
			background-position:  0 1.5px;
			border-bottom: 1px solid #BDC3C7;	/* Siver */
		}
		.formsec  #form01 h5 {
			display:block;
			margin: 50px auto 20px -170px;
			width:105%;
			text-align:left;
			font-size:18px;
			line-height:26px;
			font-family: "NotoSansCJKjp-Medium";
			color:#444;
			padding-top:0px;
			padding-bottom:7px;
			padding-left:40px;
			background	: url("images/icon/check01.png") no-repeat;
			background-size:25px 24px;
			background-position:  0 1.5px;
			border-bottom: 1px solid #BDC3C7;	/* Siver */
		}
		.formsec  #form01 p.formsubt {
			margin: 10px auto 30px  -170px;
			width:100%;
			width:750px;
			height:40px;
			font-size:15px;
			color:#A4946C;	/* Gold01 */
			color:#B27C04;	/* gold02 */
			padding-top:10px;
			padding-left:40px;
			background	: url("images/icon/sym02.png") no-repeat;
			background-position: 0  center; 
			border-bottom: 1px dotted #A4946C;	/* Gold01 */
		}
		.formsec  #form01 dl {
			margin: 0 auto 0 auto;
			display:block;
			padding-bottom:10px;
		}
		.formsec  #form01 dl:first-child {
			margin: 20px auto 0 auto;
			padding-top:0;
		}
		.formsec  #form01 dl:nth-child(8)  {
			width:150%;
			padding-bottom:0px;
		}
		.formsec  #form01 dl:nth-child(9)  {	/* お問い合わせ内容 */
			width:150%;
			padding-bottom:0px;
		}
		.formsec  #form01 dl:nth-child(10)  {	/* ファイルアップロード */
			width:150%;
			padding-top:20px;
			padding-bottom:0px;
		}

		.formsec  #form01 dt {
			margin: 0 auto 0 -170px;
			margin: 0 auto 0 -130px;
			width:80%;
			text-align:left;
			font-size:15px;
			color:#444;
			font-family: "NotoSansCJKjp-Regular";
			padding-top:10px;
			padding-left:0;
		}
		.formsec  #form01 #seasonym dt {
			padding-top:10px;
			font-size:14px;
		}
		.formsec  #form01 dt.dtex {
			margin-top:-10px;
			width:100%;
			font-size:14px;
			color:#333;
			padding-left:30px;
		}
		.formsec  #form01 dd {
			margin: -17px auto 0 -150px;
			margin: -17px auto 0 -110px;
			width:100%;
			padding-bottom:15px;
			color: #333;
			text-align:left;
			font-size:14px;
		}
		.formsec  #form01 dd .rcline  {
			margin-left:0;
			padding-top:20px;
		}
		.formsec  #form01 dd .labelWrap .errorTxt {
			padding-top:10px;
		}
		.formsec  #form01 #btn {
			display: block;
			margin: 20px auto 30px auto;
		}
		.formsec  .btn {
			width: 250px;
			height:50px;
			color:white;
			font-size:16px;
			text-align:center;
			font-family: "NotoSansCJKjp-Medium";
			padding-top:7px; 
			background	: url("images/icon/btn-arrow01.png") no-repeat;
			background-size:29px 8px;
			background-size:25px 7px;
			background-position: -2px 16px; 
			background-color:#333;
			z-index:9;
		} 
		.formsec  .btn:hover {
			display: block;
			width: 250px;
			height:50px;
			color:#FFF;
			background	: url("images/icon/btn-arrow02.png") no-repeat;
			background-size:25px 7px;
			background-position: 50px  16px; 
			background-color:#BBB;
		}
		.formsec  .cm01 {  	/* 必須 入力 */
			color: #F08700;		/* O.Red */
			font-size:12px;
			padding-left:10px;
		}
		.formsec .fupload {		/* ● File Upload */
			margin: 20px  auto 20px auto;
		}
		.formsec .fupload>ul {
			margin: 0  auto 0 auto;
			width: 150%;
			line-height:1.8em;
			font-size:14px;
			font-weight:normal;
			line-height:1.7em;
			font-family: "NotoSansCJKjp-Regular";
			color: #333;
			border:none;
			padding-top:10px;
		}
		.formsec .fupload>ul li:first-child {
			font-size:14px;
		}
		.formsec .fupload>ul li:nth-child(n+2) {
			font-size:13px;
			color: #519D9E;		/* WA-green */
		}
		.formsec .fupload .fupt {
			font-weight:normal;
			font-family: "NotoSansCJKjp-Medium";
			font-size:15px;
			color:#444;
		}

		.formsec  input[type="text"] {
			width: 100%;
			height:35px;
			line-height:0px;
			padding-bottom:10px;
		}

		.formsec  textarea {
			width: 160%;
			line-height:22px;
		 }
		.formsec  select {
			height:37px;
			line-height:14px;
			padding-left:10px;
			padding-bottom:10px;
		}
		.formsec  #form01 dd .select01 {
			font-size:14px;
			padding-left:10px;
		}
		.formsec  .cmt {  	/* 問い合わせ注釈 */
			margin-left:-30%;
			width:160%;
			height:35px;
			color: #555;
			font-size:13px;
			text-align:left;
			padding-bottom:5px;
		}
		.formsec  a{
			color:#333;
		    	border-style:none;
			text-decoration: none;
		}
		.formsec  .infoitem a {
			color: #AAA;
		    	border-style:none;
			text-decoration: none;
		}
		.formsec  a:hover{
			color: #B27C04;		/* Gold02 */
		}
		.formsec  #pvp a {
			color:#B27C04;	/* gold02 */
		}
		.formsec  #form01 .errorTxt {
			font-size:13px;
		}
		.formsec  #form01 input[type="file"] {
			width: 80%;
			font-size:13px;
			font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", 
						Meiryo, Osaka, helvetica, arial,
						"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		 }
		.formsec  input[type="radio"] {
			width: 100%;
		 }
		.formsec  input[type="checkbox"] {
			width: 100%;
		 }
		.formsec  input[type="text"].season-y {
			width: 100px;
		 }
		.formsec  .rb01 {
			margin-left:50px;
		 }
		.formsec  .rb02 {
			padding-left:30px;
			padding-right:30px;
			font-size:14px;
			font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", 
						Meiryo, Osaka, helvetica, arial,
						"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		 }
	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		.formsec .title01 {
			margin: 100px auto 0 auto;
			width: 70%;
			padding-top:0px;
		}
		.formsec .title01 h2 {
			font-size:20px;
			font-weight:bold;
			padding-top:0;
			padding-left:0;
		}
		.formsec .title01 .subt01 {
			padding-top:5px;
		}
		.formsec  .contactBlock {
			margin: 20px auto 20px auto;
			width:90%;
		}
		.formsec  .contactBlock dl#cb-title dd {
			margin: 10px auto 0 auto;
			width:80%;
			text-align:left;
			font-size:14px;
			line-height:1.8em;
			color:#333;
			padding-bottom:10px;
		}
		.formsec  .contactBlock li {
			font-size:14px;
			line-height:1.5em;
		}
		.formsec #form01 dl {
			margin: 0 auto 0 -10%;
			width:120%;
		}
		.formsec #form01 dl:first-child {
			margin: 20px auto 0 -10.5%;
			width:120%;
		}

	}

	@media only screen and (min-width:992px) {	/* PC ～　iPad size  */

		#section03  #form01 dl:first-child {
			padding-bottom:0px;
		}
		#section03  #form01 dl:nth-child(2) {
			padding-bottom:0px;
		}
		#section03  #form01 dl:nth-child(4) {
			padding-bottom:0px;
		}
		#section03  #form01 dl:nth-child(5) {
			width:120%;
			padding-bottom:0px;
		}
		#section03  #form01 dl:nth-child(6) {
			width:180%;
			padding-bottom:0px;
		}
		#section03  #form01 dl:nth-child(7) {
			width:120%;
			padding-bottom:0px;
		}
	}

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

		#cta02 {
			margin: -35px auto 35px auto;
			width: 100%;
			padding-bottom:0px;
			background-color:#FFF;
		}
	}


/* ========== css/form/style.css ========== */
#form01,#form02{
	max-width:380px;
	margin:0 auto;
}

#form03{
	max-width:300px;
	margin:40px auto 30px;
	background-color:#fff;
	padding:15px;
	-webkit-box-shadow: #ccc 0px 0px 2px;
	-moz-box-shadow: #ccc 0px 0px 2px;
	box-shadow: #ccc 0px 0px 2px;
}

#form03 input{
	width:100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* デフォルトのスタイルを削除
*****************************************/
input,
/* button,*/
textarea,
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin-top: 1em;
}
label {
	margin-top: 1em;
}

/* フォーカスした時の幅を変更
*****************************************/
input[type="text"].focus {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	width: 200px;
}
input[type="text"].focus:focus {
	width: 300px;
}
input[type="file"].focus {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	width: 200px;
}
input[type="file"].focus:focus {
	width: 300px;
}

/* テキストインプットとテキストエリアの基本装飾
*****************************************/
input[type="text"],
input[type="file"],
input[type="password"],
select,
.formStyle textarea {
	padding: 0.8em;
	
	border: 1px solid #DDD;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	font-size: 16px;
}

input[type="text"],
input[type="file"],
input[type="password"]{
	
}

/* フォーカスした時のスタイルを変更
*****************************************/
input[type="text"]:focus,
input[type="file"]:focus,
input[type="password"]:focus,
textarea:focus {
	box-shadow: 0 0 7px #3498db;
	border: 1px solid #3498db;
}

/* disabled時のスタイルを変更
*****************************************/
input[type="text"]:disabled {
	background-color: #eee;
	cursor: not-allowed;
}

/* ラジオボタンのスタイルを変更
*****************************************/
input[type="radio"] {
	display: none;
}
input[type="radio"] + label {
	position: relative;
	display: inline-block;
	padding: 3px 10px 3px 24px;
	cursor: pointer;
}
input[type="radio"] + label::before,
input[type="radio"] + label::after {
	content: '';
	top: 50%;
	position: absolute;
	border-radius: 100%;
	-webkit-transition: all .2s;
  -moz-transition: all .2s;
	transition: all .2s;
}
input[type="radio"] + label::before {
	width: 16px;
	height: 16px;
	margin-top: -9px;
	left: 0;
	background: #EEE;
	border: 1px solid #ccc;
}
input[type="radio"] + label:hover::before {
	background: #FEFEFE;
}
input[type="radio"] + label::after {
	opacity: 0;
	left: 4px;
	left: 3.15px;
	width: 10px;
	height: 10px;
	margin-top: -6px;
	background: #2980b9;		/* Blue */
	background: #A4946C; 		/* Gold01 */
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	transform: scale(0.5);
}
input[type="radio"]:checked + label::before {
	background: #fff;
	border: 1px solid #2980b9;	/* Blue */
	border: 1px solid #A4946C; 	/* Gold01 */
}
input[type="radio"]:checked + label::after {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
}


/* チェックボックスのスタイルを変更
*****************************************/
input[type="checkbox"] {
	display: none;
}
input[type="checkbox"] + label {
	position: relative;
	display: inline-block;
	padding: 3px 10px 3px 22px;
	cursor: pointer;
	-webkit-transition: all .2s;
	transition: all .2s;
}
input[type="checkbox"] + label::before,
input[type="checkbox"] + label::after {
	position: absolute;
	content: '';
}
input[type="checkbox"] + label::before {
	top: 50%;
	left: 0;
	width: 14px;
	height: 14px;
	margin-top: -8px;
	background: #f4f4f4;
	border: 1px solid #ccc;
	border-radius: 3px;
}
input[type="checkbox"] + label::after {
	opacity: 0;
	top: 50%;
	left: 3px;
	width: 8px;
	height: 4px;
	margin-top: -4px;
	border-left: 2px solid #3498db;		/* Blue02 */
	border-bottom: 2px solid #3498db;
	border-left: 2px solid #A4946C; 		/* Gold01 */
	border-bottom: 2px solid #A4946C;
	-webkit-transform: rotate(-45deg) scale(.5);
	transform: rotate(-45deg) scale(.5);
}
input[type="checkbox"] + label:hover::before {
	background: #fff;
}
input[type="checkbox"]:checked + label::before {
	background: #fff;
	border: 1px solid #3498db;
	border: 1px solid #A4946C; 			/* Gold01 */
}
input[type="checkbox"]:checked + label::after {
	opacity: 1;
	-webkit-transform: rotate(-45deg) scale(1);
	transform: rotate(-45deg) scale(1);
}

/* ボタンのスタイルを変更
*****************************************/
/*
button {
	border-radius: 0;
	
	background: -moz-linear-gradient(top, #FFF 0%, #EEE);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
	border: 1px solid #DDD;
	color: #111;
	padding: 10px 30px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
button:hover {
	background: -moz-linear-gradient(top, #EFEFEF 0%, #EEE);
	background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#EEE));
}
*/

/* エラー
*****************************************/
.errorTxt{
	display:none;
	margin:5px 0 0;
	color: #c0392b;
}

.errorTxt.error{
	display:block;
}


.errorTxt:before{
	content:"\f071";
	margin:0 3px 0 0;
	font-family:FontAwesome;	
}
.error[type=text],.error[type=password],.formStyle textarea.error{
	border-color:#c0392b;
}
.success[type=password]{
	border-color:#5CB85C;
}

input.error[type="text"]:focus,
input.error[type="password"]:focus,
textarea.error:focus {
	box-shadow: 0 0 7px #c0392b;
	border-color:#c0392b;
}

input.success[type="password"]:focus{
	box-shadow: 0 0 7px #5CB85C;
	border-color:#5CB85C;
}

.error input[type="radio"] + label::before,
.error input[type="checkbox"] + label::before{
	border-color:#c0392b;
}

/* ツールチップ */
.labelWrap{
	position:relative;
	display:block;
}

#form02 .errorTxt{
	position:absolute;
	top: -2.6em;
    left: 0;
    padding: 0.4em 0.7em 0.45em;
    border-radius: 0.2em;
    background-color: #c0392b;
    color: #fff;
}

#form02 .errorTxt:after{
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -6px;
    border: 6px solid transparent;
    border-top-color: #c0392b;
}



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

	input[type="text"],
	.formStyle textarea {
		width:94%;
		padding:3%;
	}
	input[type="text"].focus {
		width: 50%;
	}
	input[type="text"].focus:focus {
		width: 94%;
	}
/*	button{
		width:100%;
		padding: 10px 0;
	}						☆　*/
	

	#form02 .errorTxt{
		position: relative;
		top:auto;
		left:auto;
		margin-top:6px;
	}
		
	#form02 .errorTxt:after{
		bottom: 100%;
		top:auto;
		border-top-color: transparent;
		border-bottom-color: #c0392b;
	}
	
}

/* ========== css/customer.css ========== */
/*----------------------------------------------------------------------------*/
/* 	三咲モータースサイト  はじめてのお客様 page	 					  CSS    */
/*----------------------------------------------------------------------------*/

/* ■ introduction section -----------------------------------------------*/

	#introduction {
		margin:0 auto 0 auto;
		width:100%;
		background-image:
			url("images/bg/brline02.svg"),
			url("images/bg/brline01.svg");
		background-size:
			:contain,
			:contain;
		background-position:
			center top 3%,
			center top 0%;
		background-repeat:
			no-repeat,
			no-repeat;
		padding-bottom:0px;
		background-color:#FFF;
	}
	#introduction h2{
		margin:0 auto 30px 31%;
		width:42%;
		font-size:30px;
		text-align: left;
		line-height:1.8em;
		font-family: "NotoSansCJKjp-Bold";
		color:#444;
		padding-top:50px;
	}
	#introduction .h2line  {
		margin: 0 auto 50px auto;
		width: 65%;
		height:1px;
		text-indent: -99999px;	/* テキスト非表示 */
		background:linear-gradient(90deg,#BDC3C7 0%,#BDC3C7 97%,#BF0122 98%,#BF0122 100%);	/* ★ */
	}

	@media screen and (max-width:550px) {
		#introduction h2{
			margin:0 0 50px 0;
		}
	}
	#introduction h2 span.bgLRextend::before{
		background:#333;
	}
	#introduction .cont{
		margin:0 auto 50px auto;
		width:70%;
	}
	#introduction .cont>p {
		margin:0 auto 30px auto;   
		width:80%;
		font-size:16px;
		line-height:1.8em;
		font-family: "NotoSansCJKjp-Medium";
		color:333;
	}

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

		#introduction {
			margin:20px auto 0 auto;
			width:100%;
			background-image:
				url("images/bg/brline02.svg"),
				url("images/bg/brline01.svg");
			background-size:
				:cover,
				:cover;
			background-position:
				center top 0%,
				center top 3%;
			background-repeat:
				no-repeat,
				no-repeat;
			padding-bottom:0;
		}
		#introduction h2{
			margin:0px auto 10px auto;
			width:80%;
			text-align:center;
			font-size:14px;
			font-weight:bold;
			line-height:1.8em;
			padding-top:15px;
		}
		#introduction .h2line  {
			margin: 5px auto 15px auto;
			width: 90%;
			height:1px;
			text-indent: -99999px;	/* テキスト非表示 */
			background:linear-gradient(90deg,#BDC3C7 0%,#BDC3C7 97%,#BF0122 97%,#BF0122 100%);	/* ★ */
		}
		#introduction .cont{
			margin:0 auto 20px auto;   
			width:85%;
		}
		#introduction .cont>p {
			margin:0 auto 30px auto;   
			width:100%;
			font-size:13px;
			line-height:1.7em;
			color:333;
		}
	}
	@media screen and (max-width:590px) {

	}

/* ■ MainConents #section01  */

	#section01 {
		margin: 20px auto 0 auto;
		width: 100%;
		padding-bottom:20px;
		background:linear-gradient(90deg,#F5F5F5 0%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
	}
	#section01 h1,h2,h3,h4,h5,h6{
		font-size:100%;
		font-weight:normal;
	}
	#sec01 {
		margin: 0 auto 0 auto;
		width: 100%;
	}
	#section01 #sec01>h2 {
		display:block;
		margin: 40px auto 20px auto;
		width: 100%;
		text-align:center;
		font-weight:bold;
		font-size:16px;
		color: #444;
	}
	#section01 #sec01title01 {
		margin: 0 auto 0 auto;
		width: 90%;
	}
	#sec01 #sec01cont {
		margin: 10px auto 0 5%;
		width: 90%;
		padding-bottom:0;
		background-image:url("images/icon/arrow02.png");
		background-repeat:no-repeat;
		background-size:	30px 21px;
		background-position:	center bottom 1px;
		background-color:rgba( 255,255,255,0.97 ); 	/*  White  透過97% */
		position: relative;
		border: solid 1px #DDD;
			border-radius:5px;  
			-moz-border-radius:5px;  
			-webkit-border-radius:5px;  
	}
	#sec01 #sec01cont:last-child {
		background-image:none;
	}
	#sysdev {		/* □ 固定ヘッダ アンカー位置差分変更 */
		margin-top:-80px;
		padding-top:80px;
	}
	.cont01 {
		margin: 20px auto 10px auto;
		width: 90%;
		padding-bottom:20px;
	}
	.cont01  h2 {
		display:block;
		margin: 0 auto 0 auto;
		width: 100%;
		text-align:center;
		font-size:13px;
		line-height:1.8em;
		font-weight:bold;
		color: #444;
		padding-top:0px;
		padding-left:0px;
		padding-bottom:5px;
		border-bottom: 1px solid #BDC3C7;	/* Siver */
	}
	.cont01 h2 .seq {
		font-size:13px;
		color: #960021;		/* mmts-red01 */
		color: #A4966A;		/* Gold01 */
		padding-right:10px; 
	}
	.cont01 .svimg {
		display:block;
		margin: 0 auto 0 auto;
		width:80%;
		padding-bottom:10px;
		text-align:center;
	}
	.cont01 .svimg img {
		padding:0;
		zoom:0.5;
		border: solid 1px #BDC3C7;		/* Siver */
	}
	.cont01 p.comment {
		margin: 20px auto 0 auto;
		font-size:14px;
		line-height:1.7em;
		font-weight:normal;
		color:#333;
		padding-bottom:10px;
	}

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

	}

	@media only screen and (min-width:768px) {

		#section01 {
			margin:0 auto 0 auto;
			width: 100%;
			padding-bottom:50px;
			background:linear-gradient(90deg,white 0%,white 10%,#F5F5F5 10%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
		}
		#sec01 {
			margin: 0 auto 0 auto;
			width: 85%;
			padding-bottom:0px;
			background-image:
				url("images/bg/bgsym-1.png"),
				url("images/bg/bgsym-1.png");
			background-size:
				:contain,
				:contain;
			background-position:
				center top 4%,
				center bottom 10%;
			background-repeat:
				no-repeat,
				no-repeat;
			position:relative;
		}
		#section01 #sec01>h2 {
			display:block;
			margin: 50px auto 0 auto;
			width: 80%;
			font-size:32px;
			font-family: "NotoSansCJKjp-Bold";
			letter-spacing:1px;
		}
		#sec01 #sec01cont {
			margin: 30px auto 30px 15%;
			width: 72.5%;
			padding-bottom:0;
			background-image:url("images/icon/arrow02.png");
			background-repeat:no-repeat;
			background-size:	30px 21px;
			background-position:	center bottom 5px;
			background-color:rgba( 255,255,255,0.98 ); 	/*  White  透過98% */
				border-radius:10px;  
				-moz-border-radius:10px;  
				-webkit-border-radius:10px;  
			position: relative;
		}
		#sec01 #sec01cont:last-child {
			background-image:none;
		}
		.cont01 {
			margin: 30px auto 0 auto;
			width: 82%;
			padding-bottom:20px;
		}
		.cont01 h2 {
			display:block;
			margin: 0px auto 20px 0;
			width: 55%;
			font-size:20px;
			text-align:left;
			font-family: "NotoSansCJKjp-Bold";
			padding-top:0px;
			padding-left:0px;
			padding-bottom:20px;
			border-bottom: 1px solid #BDC3C7;	/* Siver */
		}
		.cont01 h2 .seq {
			font-size:20px;
			padding-right:20px; 
		}
		.cont01 .svimg {
			float:right;
			width:340px;
			padding:40px;
			padding-top:0px;
			padding-right:0px;
			padding-bottom:20px;
			zoom:1.0;
		}
		.cont01 .svimg img {
			display:block;
			padding:0;
			zoom:1.0;
		}
		.cont01 p.comment {
			margin: 0 auto 0 auto;
			font-size:15px;
			line-height:1.8em;
			font-weight:normal;
			font-family: "NotoSansCJKjp-Regular";
			color:#444;
			padding-bottom:20px;
		}
	}

	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#section01 {
			margin: -50px auto 0 auto;
			width: 100%;
			padding-bottom:0px;
			background:linear-gradient(90deg,#F5F5F5 0%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
		}
		#sec01 {
			margin: 0 auto 0 auto;
			width: 100%;
			padding-bottom:30px;
			position:relative;
		}
		#section01 #sec01>h2 {
			display:block;
			margin: 30px auto 10px auto;
			width: 100%;
			font-weight:bold;
			font-size:22px;
			font-family: "NotoSansCJKjp-Bold";
			letter-spacing:5px;
			color: #519D9E;		/* WA-green */
			padding-left:135px;
		}
		#sec01 #sec01cont {
			margin: 10px auto 20px 2.5%;
			width: 95%;
			padding-bottom:0px;
			box-sizing: border-box;
			display: inline-block;
			position: relative;
		}
		.cont0101 h2 {
			font-size:22px;
		}
		.cont0101 h3 {
			font-size:15px;
		}

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

		#cta02 {
			margin: -35px auto 35px auto;
			width: 100%;
			padding-bottom:0px;
			background-color:#FFF;
		}
	}


/* ========== css/news.css ========== */
/*----------------------------------------------------------------------------*/
/* 	  三咲モータースサイト  NEWS									  CSS    */
/*----------------------------------------------------------------------------*/
/* ■ MainConents #section01  */

	#section01 {
		margin: 0 auto 0 auto;
		width: 100%;
		padding-bottom:20px;
		background:linear-gradient(90deg,white 0%,white 7%,#F5F5F5 7%,#F5F5F5 35%,white 35%,white 100%);	/* ★ */
		border-Top: 1px solid #DDD;
	}
	#section01 h1,h2,h3,h4,h5,h6{
		font-size:100%;
		font-weight:normal;
	}
	#sec01 {
		margin: 0 auto 0 auto;
		width: 100%;
	}
	#sec01 #sec01sym01 {
		display:none;
	}
	#section01 #sec01title01 {
		margin: 0 auto 0 auto;
		width: 90%;
	}
	#section01 #sec01title01 h2 {
		font-size:16px;
		font-weight:bold;
		color: #444;
		padding-top:30px;
		padding-left:15px;
	}
	#section01 #sec01title01 p {
		width: 100%;
		font-size:12px;
		color:#333;
		line-height:22px;
		padding-top:10px;
		padding-left:20px;
	}
/*	#section01 h3 {
		display:block;
		margin: 30px auto 10px auto;
		width: 90%;
		font-size:13px;
		font-weight:bold;
		color:#FFF;
		padding-left:20px;
		padding-top:8px;
		padding-bottom:8px;
		background-color:#333;
	}*/
	#sec01 .casest {
		margin: 0 auto 0 auto;
		width: 90%;
		padding-top:0px;
		padding-bottom:0px;
	}
	#sec01 .casest dl,dt,dd {
		display:block;
	}
	#sec01 .casest li {
		margin: 0 auto 20px auto;
		width: 100%;
		padding-bottom:0;
	}
	#sec01 .casest li:first-child {
		margin-top:20px;
	}
	#sec01 .casest li:last-child {
		background-image:none;
	}
	#sec01 .casest li a {
		color:#333;
	}
	#sec01 .casest dl.casestitem {
		margin: 0 auto 0 auto;
		width: 100%;
		padding-bottom:25px;
		background-color:#FFF;
			border-radius:5px;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
	}
	#sec01 .casest dl.casestitem dt {
		margin: 0 auto 0 auto;
		width: 90%;
		font-size:13px;
		font-weight:bold;
		padding-top:10px;
		padding-left:15px;
		line-height:18px;
		background	: url("images/icon/arrow01.png") no-repeat;
		background-size:9px 10px;
		background-position:left 0 top 14px;
	}
	#sec01 .casest dl.casestitem dt .important {
		color:#D35400;		/* LD-red01 */
	}
	#sec01 .casest dl.casestitem dd {
		margin: 0 auto 0 auto;
		width: 90%;
		font-size:12px;
		line-height:17px;
		padding:0px;
		padding-top:10px;
		padding-left:0px;
	}
	#sec01 .casest dl.casestitem dd p {
		float:left;
		padding-left:10px;
	}
	#sec01 .casest dl.casestitem dd p.detail {
		padding-left:10px;
	}
	#sec01 .casest dl.casestitem dd p.detail a {
		color: #D35400;		/* LD-red01 */
	}
	#sec01 .casest dl.casestitem dd p.detail a:hover {
		color: #A4966A;		/* Gold01 */
	}
	#sec01 .casest dl.casestitem dd p.date {
		color: #A4966A;		/* Gold01 */
	}
	#sec01 .casest dl.casestitem dd a {
		color: #A4966A;		/* Gold01 */
	}
	#sec01 .casest dl.casestitem dd a:hover {
		color: #B27C04;		/* Gold02 */
	}

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

	}

	@media only screen and (min-width:992px) {

		#section01 {
			margin: 20px auto 0 auto;
			width: 100%;
			padding-bottom:50px;
			border-Top: none;
			background-color:#FFF;
			background:linear-gradient(90deg,white 0%,white 10%,#F5F5F5 10%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
		}
		#sec01 {
			margin: 20px auto 0 auto;
			width: 100%;
			padding-bottom:0px;
			position:relative;
		}
		#sec01 #sec01sym01 {
			display:block;
			position: absolute;
			top: 10px;
			right: 50px;
			z-index:9;
		}
		#section01 #sec01title01{
			margin: 0 auto 0 17%;
			width: 80%;
			padding-bottom:0px;
		}
		#section01 #sec01title01 h2 {
			font-size:34px;
			font-family: "NotoSansCJKjp-Bold";
			color: #444;
			padding-left:30px;
			padding-bottom:20px;
		}
		#section01 #sec01title01 p {
			width: 100%;
			font-size:16px;
			color:#555;
			line-height:30px;
			padding-bottom:0px;
			padding-left:100px;
		}
/*		#section01 h3 {
			display:block;
			margin: 30px auto 0px auto;
			width: 64%;
			font-size:22px;
			font-weight:normal;
			font-family: "NotoSansCJKjp-Bold";
			color:#FFF;
			padding-left:30px;
			padding-top:13px;
			padding-bottom:15px;
		}*/
		#sec01 .casest {
			margin: 0 auto 0 10%;
			width: 80%;
			padding-top:10px;
			padding-bottom:10px;
		}
		#sec01 .casest li {
			margin: 0 auto 30px auto;
			width: 80%;
			padding-bottom:0;
		}
		#sec01 .casest dl.casestitem {
			margin: 0 auto 0 auto;
			width: 100%;
			padding-bottom:20px;
			background-color:rgba( 255,255,255,0.95 ); 	/*  White  透過95% */
			border: 1px solid #DDD;
				border-radius:10px;
				-moz-border-radius:10px;
				-webkit-border-radius:10px;
		}
		#sec01 .casest dl.casestitem dt {
			margin: 0 auto 0 auto;
			width: 90%;
			font-size:17px;
			padding:15px;
			padding-top:20px;
			padding-left:20px;
			line-height:27px;
			background	: url("images/icon/arrow01.png") no-repeat;
			background-size:14px 15px;
			background-position:left 0 top 25px;
		}
		#sec01 .casest dl.casestitem dd {
			margin: 0 auto 0 auto;
			width: 100%;
			font-size:15px;
			line-height:1.7em;
			padding-top:0px;
			padding-left:50px;
			padding-right:50px;
			padding-bottom:20px;
		}
		#sec01 .casest dl.casestitem dd p {
			float:left;
		}
		#sec01 .casest dl.casestitem dd p.detail {
			padding-left:20px;
			color: #D35400;		/* LD-red01 */
		}
	}

	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#section01 {
			margin: 60px auto 0 auto;
			width: 100%;
			padding-bottom:0px;
			background-color:#FFF;
			background:linear-gradient(90deg,#F5F5F5 0%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
			background:linear-gradient(90deg,white 0%,white 10%,#F5F5F5 10%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
		}
		#section01 #sec01title01 {
			margin: 0 auto 0 auto;
			width: 90%;
		}
		#section01 #sec01title01 h2 {
			font-size:15px;
			font-weight:bold;
			font-family: "NotoSansCJKjp-Bold";
			color: #519D9E;		/* WA-green */
			padding-top:40px;
			padding-bottom:10px;
			padding-left:15px;
		}
		#sec01 {
			margin: 0 auto 0 auto;
			width: 100%;
			padding-bottom:0px;
			position:relative;
		}
		#sec01 #sec01sym01 {
			display:none;
		}
		#section01 #sec01title01 {
			width: 80%;
		}
		#section01 #sec01title01 h2 {
			font-size:20px;
			padding-top:30px;
			padding-left:30px;
		}
		#section01 #sec01title01 p {
			width: 80%;
			padding-left:30px;
			padding-bottom:0px;
		}
/*		#section01 h3 {
			display:block;
			margin: 10px auto 0 12.5%;
			width: 80%;
			font-size:13px;
			font-weight:bold;
			font-family: "NotoSansCJKjp-Bold";
			color:#FFF;
			padding-left:20px;
			padding-top:10px;
			padding-bottom:8px;
			background-color:#519D9E;
		}*/
		#sec01 .casest {
			margin: 0 auto 0 10%;
			width: 85%;
			padding-top:5px;
			padding-bottom:5px;
		}
		#sec01 .casest li {
			margin: 0 auto 20px auto;
			width: 90%;
		}
	}

/* ■ MainConents #newssection  */

	#newssection {
		margin: 0 auto 0 auto;
		width: 100%;
		padding-bottom:20px;
		background:linear-gradient(90deg,white 0%,white 7%,#F5F5F5 7%,#F5F5F5 35%,white 35%,white 100%);	/* ★ */
		border-Top: 1px solid #DDD;
	}
	#newssection h1,h2,h3,h4,h5,h6{
		font-size:100%;
		font-weight:normal;
	}
	#newssec{
		margin: 0 auto 0 auto;
		width: 100%;
		padding-bottom:10px;
	}
	#newssec #newssecsym01 {
		display:none;
	}
	#newssection #newssectitle01 {
		margin: 0 auto 0 auto;
		width: 90%;
	}
	#newssection #newssectitle01 h2 {
		font-size:16px;
		font-family: "NotoSansCJKjp-Bold";
		color: #333;
		padding-top:20px;
		padding-left:15px;
	}
	#newssection #newssectitle01 p {
		width: 100%;
		font-size:12px;
		color:#333;
		line-height:22px;
		padding-top:10px;
		padding-left:20px;
	}
	#newssec #news {
		margin: 0 auto 0 auto;
		width: 90%;
		padding-top:20px;
		padding-bottom:0px;
	}
	#newssec #news  .category01 {	/* NEWS & RELEASE カテゴリー */
		margin: 10px auto 10px auto;
		width:40%;
		font-size:12px;
		text-align:center;
		font-weight:bold;
		font-family: "NotoSansCJKjp-Medium";
		color: #FFF;
		padding:7px;
		background-color:#519D9E;		/* WA-green */
	}
	#newssec #news  h3 {
		display:block;
		margin: 20px auto 10px auto;
		width: 90%;
		font-size:13px;
		font-weight:bold;
		font-family: "NotoSansCJKjp-Medium";
		color:#333;
		line-height:18px;
		padding-left:10px;
		padding-bottom:5px;
		border-left: 5px solid #333;
		border-bottom: 1px solid #BDC3C7;	/* Siver */
	}
	#newssec #news dl,dt,dd {
		display:block;
	}
	#newssec #news dl.newsitem {
		margin: 0 auto 0 auto;
		width: 100%;
		padding-bottom:20px;
	}
	#newssec #news dl.newsitem dt {
		margin: 0 auto 0 auto;
		width: 90%;
		font-size:12px;
		font-weight:bold;
		padding-top:10px;
		padding-left:15px;
		color:#444;
		line-height:18px;
		background	: url("images/icon/arrow01.png") no-repeat;
		background-size:9px 10px;
		background-position:left 0 top 14px;
	}
	#newssec #news dl.newsitem dd {
		margin: 0 auto 0 auto;
		width: 90%;
		font-size:12px;
		line-height:17px;
		padding:0px;
		padding-top:10px;
		padding-left:0px;
	}
	#newssec #news .newsdt-img {
		margin: 20px auto 0 auto;
	}
	#newssec #news .newsdt-img img {
		display:block;
		margin: 0 auto 0 auto;
	}
	#newssec .listbk {		/* 一覧に戻る */
		display	: block;
		margin: 10px auto 0 45%;
		width: 180px;
		height:30px;
	}

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

	}

	@media only screen and (min-width:768px) {

		#newssection {
			margin: 0 auto 0 auto;
			width: 100%;
			padding-bottom:50px;
			background-color:#FFF;
			background:linear-gradient(90deg,#F5F5F5 0%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
			background:linear-gradient(90deg,white 0%,white 10%,#F5F5F5 10%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
			border-Top: 2px solid #BDC3C7;		/* Silver */
			border-Top: 2px solid #DDD;
		}
		#newssec{
			margin: 100px auto 0 auto;
			width: 100%;
			padding-bottom:50px;
			position:relative;
		}
		#newssec #newssecsym01 {
			display:block;
			position: absolute;
			top: 0px;
			right: 50px;
			z-index:9;
		}
		#newssection #newssectitle01{
			margin: 0 auto 0 17%;
			width: 80%;
			padding-bottom:0px;
		}
		#newssection #newssectitle01 h2 {
			font-size:36px;
			font-family: "NotoSansCJKjp-Bold";
			color: #333;
			padding-top:30px;
			padding-left:5.5%;
			padding-bottom:30px;
		}
		#newssection #newssectitle01 p {
			width: 100%;
			font-size:16px;
			color:#555;
			line-height:30px;
			padding-bottom:20px;
			padding-left:80px;
		}
		#newssec #news {
			margin: 30px auto 0 15%;
			width: 70%;
			padding-top:30px;
			padding-bottom:50px;
			background-color:rgba( 255,255,255,0.90 ); 	/*  White  透過95% */
			position: relative;
		}
		#newssec #news:after{	/* ■入れ子を使って2重線 */
			content: "";
			border: solid 1px #DDD;
			position: absolute;
			top: 5px;
			left: 5px;
			width: calc(100% - 10px);
			height: calc(100% - 10px);
		}
		#newssec #news  p.category01 {	/* NEWS & RELEASE カテゴリー */
			margin: 20px auto 30px 10%;
			width:20%;
			font-size:16px;
			text-align:center;
			font-weight:normal;
			font-family: "NotoSansCJKjp-Medium";
			color: #FFF;
			padding:12px;
			background-color:#519D9E;		/* WA-green */
		}
		#newssec #news  h3 {
			display:block;
			margin: 30px auto 10px auto;
			width: 80%;
			font-size:20px;
			font-weight:normal;
			font-family: "NotoSansCJKjp-Medium";
			color:#444;
			line-height:30px;
			padding-left:30px;
			padding-bottom:10px;
			border-left: 7px solid #333;
			border-bottom: 1px solid #BDC3C7;	/* Siver */
		}
		#newssec #news dl.newsitem {
			margin: 0 auto 0 auto;
			width: 85%;
			padding-bottom:0px;
		}
		#newssec #news dl.newsitem dt {
			margin: 0 auto 0 auto;
			width: 90%;
			font-size:17px;
			padding:15px;
			padding-top:20px;
			padding-left:25px;
			line-height:27px;
			color:#444;
			background	: url("images/icon/arrow01.png") no-repeat;
			background-size:14px 11px;
			background-position:left 0 top 28px;
		}
		#newssec #news dl.newsitem dd {
			margin: 0 auto 0 auto;
			width: 90%;
			font-size:15px;
			line-height:25px;
			padding-top:0px;
			padding-left:50px;
			padding-right:50px;
			padding-bottom:25px;
		}
		#newssec #news .newsdt-img {
			margin: 30px auto 30px auto;
			width: auto;
		}
		#newssec .listbk {		/* 一覧に戻る */
			display: block;
			position: absolute;
			bottom: 30px;
			left:0%;
			width: 200px;
			height:45px;
		}
	}

	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#newssection {
			margin: 0 auto 0 auto;
			width: 100%;
			padding-bottom:0px;
			background:linear-gradient(90deg,white 0%,white 5%,#F5F5F5 5%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
		}
		#newssec{
			margin: 50px auto 0 auto;
			width: 100%;
			padding-bottom:50px;
			position:relative;
		}
		#newssection #newssectitle01{
			margin: 70px auto 0 17%;
			width: 80%;
			padding-bottom:0px;
		}
		#newssection #newssectitle01 h2 {
			font-size:24px;
			font-weight:bold;
			font-family: "NotoSansCJKjp-Bold";
			color: #519D9E;		/* WA-green */
			padding-left:0;
			padding-bottom:0px;
		}
		#newssec #news {
			margin: 30px auto 0 8%;
			width: 85%;
			padding-top:20px;
			padding-bottom:20px;
			background-color:rgba( 255,255,255,0.90 ); 	/*  White  透過95% */
			position: relative;
		}
		#newssec #news  p.category01 {	/* NEWS & RELEASE カテゴリー */
			margin: 10px auto 10px 5%;
		}
		#newssec #news  h3 {
			width: 90%;
			font-size:17px;
			font-weight:bold;
			padding-left:20px;
			padding-bottom:5px;
		}
		#newssec #news dl.newsitem {
			margin: 0 auto 0 auto;
			width: 90%;
		}
		#newssec #news dl.newsitem dt {
			margin: 0 auto 0 auto;
			width: 90%;
			font-size:16px;
			padding:15px;
			padding-top:0px;
			padding-left:25px;
			line-height:27px;
			color:#444;
			background	: url("images/icon/arrow01.png") no-repeat;
			background-size:14px 13px;
			background-position:left 0 top 6px;
		}
		#newssec #news dl.newsitem dd {
			margin: 0 auto 0 auto;
			width: 100%;
			font-size:13px;
			line-height:20px;
			padding-top:0px;
			padding-left:50px;
			padding-right:50px;
			padding-bottom:10px;
		}
		#newssec .listbk {		/* 一覧に戻る */
			display: block;
			position: absolute;
			bottom: 30px;
			left:-60px;
			width: 200px;
			height:45px;
		}
	}



/* ========== css/sales.css ========== */
/*----------------------------------------------------------------------------*/
/* 	三咲モータースサイト  販売 page		 						  CSS    */
/*----------------------------------------------------------------------------*/

/* ■ introduction section -----------------------------------------------*/

	#introduction {
		margin:0 auto 0 auto;
		width:100%;
		background-image:
			url("images/bg/brline02.svg"),
			url("images/bg/brline01.svg");
		background-size:
			:contain,
			:contain;
		background-position:
			center top 3%,
			center top 0%;
		background-repeat:
			no-repeat,
			no-repeat;
		padding-bottom:30px;
		background-color:#FFF;
	}
	#introduction h2{
		margin:0 auto 30px auto;
		width:60%;
		font-size:30px;
		text-align: center;
		line-height:1.8em;
		font-family: "NotoSansCJKjp-Bold";
		color:#444;
		padding-top:50px;
	}
	#introduction .h2line  {
		margin: 0 auto 50px auto;
		width: 65%;
		height:1px;
		text-indent: -99999px;	/* テキスト非表示 */
		background:linear-gradient(90deg,#BDC3C7 0%,#BDC3C7 98%,#BF0122 98%,#BF0122 100%);	/* ★ */
	}

	@media screen and (max-width:550px) {
		#introduction h2{
			margin:0 0 50px 0;
		}
	}
	#introduction h2 span.bgLRextend::before{
		background:#333;
	}
	#introduction .cont{
		margin:0 auto 50px auto;
		width:70%;
	}
	#introduction .cont>p {
		margin:0 auto 30px auto;   
		width:80%;
		font-size:16px;
		line-height:1.8em;
		font-family: "NotoSansCJKjp-Medium";
		color:333;
	}
	#introduction h3{
		margin:0 auto 20px auto;
		width:60%;
		font-size:30px;
		text-align: center;
		line-height:1.8em;
		font-family: "NotoSansCJKjp-Bold";
		color:#444;
		padding-top:50px;
	}
	#introduction .cont ul#service {
		margin: 0 auto 0 auto;
		width:60%;
		display: flex;
		justify-content:space-between;
		align-items: center;
		flex-wrap: wrap;
	}
	#introduction .cont ul#service li {
	}
	#introduction .cont ul#service li img {
		display:block;
		zoom:0.90;
	}

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

		#introduction {
			margin:20px auto 0 auto;
			width:100%;
			background-image:
				url("images/bg/brline02.svg"),
				url("images/bg/brline01.svg");
			background-size:
				:cover,
				:cover;
			background-position:
				center top 0%,
				center top 3%;
			background-repeat:
				no-repeat,
				no-repeat;
			padding-bottom:0;
		}
		#introduction h2{
			margin:0px auto 10px auto;
			width:90%;
			text-align:center;
			font-size:14px;
			font-weight:bold;
			line-height:1.8em;
			padding-top:15px;
		}
		#introduction .h2line  {
			margin: 5px auto 15px auto;
			width: 90%;
			height:1px;
			text-indent: -99999px;	/* テキスト非表示 */
			background:linear-gradient(90deg,#BDC3C7 0%,#BDC3C7 98%,#BF0122 98%,#BF0122 100%);	/* ★ */
		}
		#introduction .cont{
			margin:0 auto 20px auto;   
			width:85%;
		}
		#introduction .cont>p {
			margin:0 auto 30px auto;   
			width:100%;
			font-size:13px;
			line-height:1.7em;
			color:333;
		}
		#introduction h3{
			margin:0px auto 10px auto;
			width:90%;
			text-align:center;
			font-size:14px;
			font-weight:bold;
			line-height:1.8em;
			padding-top:15px;
		}
		#introduction .cont ul#service {
			margin: 15px auto 50px auto;
			width:95%;
			display: flex;
			justify-content:space-between;
			align-items: center;
			flex-wrap: wrap;
		}
		#introduction .cont ul#service li {
		}
		#introduction .cont ul#service li img {
			display:block;
			zoom:0.5;
		}
	}
	@media screen and (max-width:590px) {

	}

/* ■ MainConents #section01  */

	#section01 {
		margin: 20px auto 0 auto;
		width: 100%;
		padding-bottom:20px;
		background:linear-gradient(90deg,#F5F5F5 0%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
	}
	#section01 h1,h2,h3,h4,h5,h6{
		font-size:100%;
		font-weight:normal;
	}
	#sec01 {
		margin: 0 auto 0 auto;
		width: 100%;
	}
	#section01 #sec01>h2 {
		display:block;
		margin: 40px auto 20px auto;
		width: 100%;
		text-align:center;
		font-weight:bold;
		font-size:16px;
		color: #444;
	}
	#section01 .h2line  {
		margin: 5px auto 15px auto;
		width: 90%;
		height:1px;
		text-indent: -99999px;	/* テキスト非表示 */
		background:linear-gradient(90deg,#BDC3C7 0%,#BDC3C7 98%,#BF0122 98%,#BF0122 100%);	/* ★ */
	}
	#section01 #sec01title01 {
		margin: 0 auto 0 auto;
		width: 90%;
	}
	#sec01 ul#sec01cont {
		margin: 10px auto 0 5%;
		width: 90%;
	}
	#sec01 ul#sec01cont li {
		margin: 20px auto 10px auto;
		width: 90%;
		height:40px;
		background-image:url("images/icon/arrow02.png");
		background-repeat:no-repeat;
		background-size:	30px 21px;
		background-position:	center bottom 1px;
	}
	#sec01 ul#sec01cont li:last-child {
		background-image:none;
	}
	#sec01 ul#sec01cont li>p {
		float:left;
		width: 20%;
		height:45px;
	}
	#sec01 ul#sec01cont li>p:first-child {
		width: 25%;
		height:45px;
		text-align:center;
		font-size:13px;
		font-weight:bold;
		color: #FFF;
		padding:8px;
		background-color:#333;
		border: solid 1px #333;
	}
	#sec01 ul#sec01cont li>p:nth-child(2) {
		width: 75%;
		height:45px;
		text-align:left;
		font-size:13px;
		line-height:1.2em;
		color: #333;
		padding:5px;
		padding-left:20px;
		background-color:#FFF;
		border: solid 1px #333;
	}
	#sec01 p.comment {
		margin: 20px auto 0 auto;
		width: 80%;
		font-size:14px;
		line-height:1.7em;
		font-weight:normal;
		color:#333;
		padding-bottom:10px;
	}

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

	}

	@media only screen and (min-width:768px) {

		#section01 {
			margin:0 auto 50px auto;
			width: 100%;
			padding-bottom:50px;
			background:linear-gradient(90deg,white 0%,white 10%,#F5F5F5 10%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
		}
		#sec01 {
			margin: 0 auto 0 auto;
			width: 85%;
			padding-bottom:0px;
			background-image:
				url("images/bg/bgsym-1.png"),
				url("images/bg/bgsym-1.png");
			background-size:
				:contain,
				:contain;
			background-position:
				center top 4%,
				center bottom 10%;
			background-repeat:
				no-repeat,
				no-repeat;
			position:relative;
		}
		#section01 #sec01>h2 {
			display:block;
			margin: 0 auto 0 auto;
			width: 80%;
			font-size:32px;
			font-family: "NotoSansCJKjp-Bold";
			letter-spacing:1px;
			padding-bottom
		}
		#section01 .h2line  {
			margin: 30px auto 0 auto;
			width: 60%;
			height:1px;
			text-indent: -99999px;	/* テキスト非表示 */
			background:linear-gradient(90deg,#BDC3C7 0%,#BDC3C7 98%,#BF0122 98%,#BF0122 100%);	/* ★ */
		}
		#sec01 ul#sec01cont {
			margin: 20px auto 30px 25%;
			width: 50%;
			padding-bottom:0;
			position: relative;
		}
	
		#sec01 ul#sec01cont li {
			margin: 20px auto 10px auto;
			width: 90%;
			height:60px;
			background-image:url("images/icon/arrow02.png");
			background-repeat:no-repeat;
			background-size:	30px 21px;
			background-position:	center bottom 1px;
		}
		#sec01 ul#sec01cont li:last-child {
			background-image:none;
		}
		#sec01 ul#sec01cont li>p {
			float:left;
			width: 20%;
			height:45px;
		}
		#sec01 ul#sec01cont li>p:first-child {
			width: 20%;
			height:45px;
			text-align:center;
			font-size:18px;
			font-family: "NotoSansCJKjp-Bold";
			color: #FFF;
			padding:13px;
			background-color:#333;
			border: solid 1px #333;
		}
		#sec01 ul#sec01cont li>p:nth-child(2) {
			width: 75%;
			height:45px;
			text-align:left;
			font-size:16px;
			font-family: "NotoSansCJKjp-Medium";
			color: #333;
			padding:12px;
			padding-left:20px;
			background-color:#FFF;
			border: solid 1px #333;
		}
		#sec01 p.comment {
			margin: 0 auto 0 auto;
			width: 80%;
			font-size:16px;
			line-height:1.8em;
			text-align:center;
			font-weight:normal;
			font-family: "NotoSansCJKjp-Regular";
			color:#333;
			padding-bottom:20px;
		}
	}

	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#section01 {
			margin: -50px auto 0 auto;
			width: 100%;
			padding-bottom:0px;
			background:linear-gradient(90deg,#F5F5F5 0%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
		}
		#sec01 {
			margin: 0 auto 0 auto;
			width: 100%;
			padding-bottom:30px;
			position:relative;
		}
		#section01 #sec01>h2 {
			display:block;
			margin: 30px auto 10px auto;
			width: 100%;
			font-weight:bold;
			font-size:22px;
			font-family: "NotoSansCJKjp-Bold";
			letter-spacing:5px;
			color: #519D9E;		/* WA-green */
			padding-left:135px;
		}
		#sec01 #sec01cont {
			margin: 10px auto 20px 2.5%;
			width: 95%;
			padding-bottom:0px;
			box-sizing: border-box;
			display: inline-block;
			position: relative;
		}
		.cont0101 h2 {
			font-size:22px;
		}
		.cont0101 h3 {
			font-size:15px;
		}
	}

/* ■ MainConents #section02  */

	#section02 {
		margin: 0 auto 0 auto;
		width: 100%;
		padding-bottom:20px;
		background:linear-gradient(90deg,#F5F5F5 0%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
	}
	#section02 h1,h2,h3,h4,h5,h6{
		font-size:100%;
		font-weight:normal;
	}
	#sec02 {
		margin: 0 auto 0 auto;
		width: 100%;
	}
	#section02 #sec02>h2 {
		display:block;
		margin: 20px auto 20px auto;
		width: 100%;
		text-align:center;
		font-weight:bold;
		font-size:16px;
		color: #444;
	}
	#section02 .h2line  {
		margin: 5px auto 15px auto;
		width: 90%;
		height:1px;
		text-indent: -99999px;	/* テキスト非表示 */
		background:linear-gradient(90deg,#BDC3C7 0%,#BDC3C7 98%,#BF0122 98%,#BF0122 100%);	/* ★ */
	}
	#sec02 #sec02cont {
		margin: 10px auto 0 auto;
		width: 100%;
		padding-bottom:0;
	}
	#sec02 #sec02cont .carimg {
		margin: 0 auto 0 auto;
		width: 80%;
	}
	#sec02 #sec02cont .carimg img a {
		display:block;
		width: 100%;
		text-align:center;
	}
	#sec02 #sec02cont dl.caritem {
		margin: 20px auto 0 auto;
		width: 80%;
		padding-bottom:20px;
	}
	#sec02 #sec02cont dl.caritem dt {
		font-size:15px;
		line-height:1.7em;
		font-weight:bold;
		color:#333;
	}
	#sec02 #sec02cont dl.caritem dd {
		font-size:12px;
		line-height:1.7em;
		font-weight:normal;
		color:#333;
	}
	#sec02 #sec02cont dl.caritem dd.detail a {
		color: #B27C04;		/* Gold02 */
	}
	#sec02 #sec02cont dl.caritem dd.detail a:hover {
		color: #A4966A;		/* Gold01 */
	}

	@media only screen and (min-width:768px) {

		#section02 {
			margin:0 auto 0 auto;
			width: 100%;
			padding-bottom:30px;
			background:linear-gradient(90deg,white 0%,white 10%,#F5F5F5 10%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
		}
		#sec02 {
			margin: 0 auto 0 auto;
			width: 80%;
			padding-bottom:0px;
			background-image:
				url("images/bg/bgsym-1.png"),
				url("images/bg/bgsym-1.png");
			background-size:
				:contain,
				:contain;
			background-position:
				center top 4%,
				center bottom 10%;
			background-repeat:
				no-repeat,
				no-repeat;
			position:relative;
		}
		#section02 #sec02>h2 {
			display:block;
			margin: 30px auto 0 auto;
			width: 90%;
			font-size:38px;
			font-family: "NotoSansCJKjp-Bold";
			letter-spacing:1px;
		}
		#section02 .h2line  {
			margin: 30px auto 50px auto;
			width: 65%;
			height:1px;
			text-indent: -99999px;	/* テキスト非表示 */
			background:linear-gradient(90deg,#BDC3C7 0%,#BDC3C7 98%,#BF0122 98%,#BF0122 100%);	/* ★ */
		}
		#sec02 #sec02cont {
			margin: 0 auto 30px auto;
			width: 75%;
			padding-bottom:80px;
		}
		#sec02 #sec02cont .carimg {
			margin: 0 auto 0 auto;
			width: 60%;
		}
		#sec02 #sec02cont .carimg img a {
			display:block;
			width: 100%;
			text-align:center;
		}
		#sec02 #sec02cont dl.caritem {
			margin: 50px auto 0 40%;
			width: 50%;
			padding-bottom:0;
		}
		#sec02 #sec02cont dl.caritem dt {
			font-size:30px;
			line-height:1.8em;
			font-family: "NotoSansCJKjp-Bold";
			color:#333;
		}
		#sec02 #sec02cont dl.caritem dd {
			font-size:17px;
			line-height:1.8em;
			font-family: "NotoSansCJKjp-Medium";
			color:#333;
		}
		#sec02 #sec02cont dl.caritem dd.detail a {
			color: #B27C04;		/* Gold02 */
		}
		#sec02 #sec02cont dl.caritem dd.detail a:hover {
			color: #A4966A;		/* Gold01 */
			padding-left:30px;
		}
	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {


	}

/* ◆ Footer adjust */

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

		#cta02 {
			margin: -35px auto 35px auto;
			width: 100%;
			padding-bottom:0px;
			background-color:#FFF;
		}
	}


/* ========== css/example.css ========== */
/*----------------------------------------------------------------------------*/
/* 	三咲モータースサイト 整備事例									  CSS    */
/*----------------------------------------------------------------------------*/

/* ■ MainConents .casestudy  */

	.casestudy {
		margin: 0 auto 0 auto;
		width: 100%;
		padding-bottom:0px;
	}
	#airc {		/* □ 固定ヘッダ アンカー位置差分変更 */
		margin-top:-50px;
		padding-top:50px;
	}
	#elec {		/* □ 固定ヘッダ アンカー位置差分変更 */
		margin-top:-50px;
		padding-top:50px;
	}
	.casestudy h1,h2,h3,h4,h5,h6{
		font-size:100%;
		font-weight:normal;
	}
	.sec {
		margin: 0 auto 0 auto;
		width: 100%;
		padding-bottom:20px;
		position:relative;
		background:linear-gradient(180deg,white 0%,white 40%,#F5F5F5 40%,#F5F5F5 100%);	/* ★bluek deep blue */
	}
	.casestudy h2 {
		display:block;
		margin: 0 auto 0 auto;
		width: 100%;
		font-weight:bold;
		font-size:14px;
		color:#444;
		padding-top:20px;
		padding-left:30px;
	}
	.sec .h2line  {
		margin: 10px auto 0 auto;
		width: 90%;
		height:1px;
		text-indent: -99999px;	/* テキスト非表示 */
		background:linear-gradient(90deg,#BDC3C7 0%,#BDC3C7 97%,#BF0122 97%,#BF0122 100%);	/* ★ */
	}

	/* □ List sort item field  */

		:focus {		/* FORM フォーカス時の邪魔な枠線を消す ◆ */
			outline: none;
		}
		#sortslt {
			margin: 20px auto 20px auto;
			width: 100%;
		}

		#sortslt #form01 {		/* ◆FORM item -------------------*/
			margin: 0 auto 0 auto;
			width:100%;
		}
		#sortslt #form01 dl {
			margin: 0px auto 10px auto;
			width:90%;
			text-align:center;
		}
		#sortslt #form01 dt {
			margin: 0 auto 10px auto;
			width:55%;
			padding-left:10px;
			padding-bottom:10px;
			color: #333;
			text-align:left;
			font-size:12px;
			font-weight:bold;
			color:#333;
			padding-top:13px;
		}
		#sortslt #form01 dt.dtex {
			width:100%;
			font-size:11px;
			color:#333;
		}
		#sortslt #form01 dd {
			margin: -30px auto 0 auto;
			width:100%;
			padding-left:0px;
			padding-bottom:0;
			color: #333;
			font-size:12px;
			color:#333;	/* gold02 */
		}
		#sortslt #form01 dd .rcline  {
			margin-left:10px;
			padding-top:20px;
		}
		#sortslt #form01 dd.labelWrap02 {
			padding-top:15px;
		}
		#sortslt #btn {
			margin: 10px auto 30px auto;
			text-align:center;
			padding-bottom:0px;
		}
		#sortslt  select {
			width: 90%;
			height:30px;
			color: #555;
			font-size:12px;
			line-height:1.7em;
			text-align:center;
			text-align:left;
			color:#333;
			padding-top:3px;
			padding-bottom:10px;
			padding-left:5%;
			background-color:#FFF;
		}

		#sortslt #btn {
			margin: 10px auto 0 0;
			text-align:center;
			padding-bottom:0px;
		}
		#sortslt .btn {
			display: block;
			margin: 10px auto 20px auto;
			width: 150px;
			padding: 7px 0;  
			text-align:center;
			font-size:12px;
			color: #FFF;  
			border:none;
			background	: url("images/icon/btn-sym01.png") no-repeat;
			background-size:8px 8px;
			background-position: 8px 9px; 
			background-color:#333;
			border:1px solid #333;
					-webkit-transition: all 0.3s ease;
					-moz-transition: all 0.3s ease;
					-ms-transition: all 0.3s ease;
					-o-transition: all 0.3s ease;
					transition: all 0.3s ease;
		} 
		#sortslt .btn:hover {
			color: #007CB5;		/* Realone-blue */
			background	: url("images/icon/btn-sym04.png") no-repeat;
			background-size:8px 8px;
			background-position: 120px  9px; 
			background-color:#F5F5F5;
					-webkit-transition: all 0.5s ease;
					-moz-transition: all 0.5s ease;
					-ms-transition: all 0.5s ease;
					-o-transition: all 0.5s ease;
					transition: all 0.5s ease;
		}
	.sec ul {
		margin: 20px auto 0 auto;
		width: 100%;
		padding-bottom:100px;
		padding-bottom:0px;
	}
	.sec li {
		margin: 0 auto 20px auto;
		width:70%;
/*		height: 300px;*/
		position:relative;
		padding-bottom:10px;
		padding-bottom:50px;
/*		background-color:#FFF;*/
		background-color:rgba( 255,255,255,0.95 ); 	/*  White  透過95% */
			box-shadow: 0px 1px 3px 1px #aaa;
			-webkit-box-shadow: 0px 1px 3px 1px #aaa;
			-moz-box-shadow: 0px 1px 3px 1px #aaa;
		position: relative;
	}
	.sec li .secimg {
		margin: 0 auto 0 auto;
		width: 100%;
	}
	.sec li .secimg img a {
		display:block;
		margin: 0 auto 0 auto;
		width: 100%;
	}
	.sec dl,dt,dd {
		display:block;
	}
	.sec li dl  {
		margin: 0 auto 0 auto;
		width: 100%;
		color:#333;
	}
	.sec li dt {
		margin: 0 auto 10px auto;
		font-size:13px;
		font-weight:bold;
		text-align:center;
		color:#FFF;
		line-height:19px;
		padding:5px;
		background-color:#A4966A;		/* Gold01 */
	}
	.sec li dd.txtt {
		margin: 0 auto 0 auto;
		font-size:13px;
		padding-left:20px;
		padding-bottom:0px;
		text-weight:bold;
	}
	.sec li dd.txtd {
		margin: 0 auto 0 auto;
		font-size:12px;
		line-height:1.6em;
		padding-left:20px;
		padding-bottom:0px;
		color: #A4966A;		/* Gold01 */
		color: #333;
	}
	.sec li dd.txt01 {
		margin: 0 auto 0 auto;
		font-size:13px;
		line-height:1.7em;
		padding-left:20px;
		padding-bottom:0px;
	}
	.sec li .detail-btn02 {
		display	: block;
		margin: 10px auto 0 45%;
		width: 130px;
		height:30px;
	}

	.sec .secrind {
		display:none;
	}

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

	}

	@media only screen and (min-width:768px) {

		.casestudy {
			margin: 10px auto 0 auto;
			width: 100%;
			padding-bottom:30px;
			background-color:#FFF;
			background:linear-gradient(90deg,white 0%,white 58%,#F5F5F5 58%,#F5F5F5 90%,white 90%,white 100%);
		}
		#airc {		/* □ 固定ヘッダ アンカー位置差分変更 */
			margin-top:-50px;
			padding-top:50px;
		}
		#elec {		/* □ 固定ヘッダ アンカー位置差分変更 */
			margin-top:-50px;
			padding-top:50px;
		}
		.sec {
			margin: 0 auto 30px auto;
			width: 100%;
			padding-bottom:0;
			padding-top:20px;
			background:linear-gradient(90deg,white 0%,white 58%,#F5F5F5 58%,#F5F5F5 90%,white 90%,white 100%);
			background-image:url("images/bg/bgsym-1.png");
			background-size:	contain;
			background-position:	left 0 top 35%;
			background-repeat:no-repeat;
			position:relative;
		}
		.casestudy h2 {
			display:block;
			margin: 10px auto 0 auto;
			width: 100%;
			font-weight:normal;
			font-size:28px;
			font-family: "NotoSansCJKjp-Bold";
			letter-spacing:4px;
			color:#555;
			padding-top:0;
			padding-left:280px;
		}
		.sec .h2line  {
			margin: 20px auto 50px auto;
			width: 70%;
			height:1.25px;
			text-indent: -99999px;	/* テキスト非表示 */
			background:linear-gradient(90deg,#BDC3C7 0%,#BDC3C7 97%,#BF0122 98%,#BF0122 100%);	/* ★ */
		}
		/* □ List sort item field  */
			#sortslt {
				margin: -30px auto 30px auto;
				width: 100%;
				padding-top:0px;
			}
			#sortslt #form01 {		/* ◆ FORM item -------------*/
				margin:0 auto 0 12.5%;
				width:50%;
				position: relative;
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
			}
			#sortslt #form01 dl,dt,dd {
				display:block;
			}
			#sortslt #form01 dl {
				display:block;
				margin: 0 auto 0 auto;
				width:15%;
				padding:10px;
			}
			#sortslt #form01 dt {
				display:block;
				margin: 0 auto 0 auto;
				width:100%;
				text-align:left;
				font-size:15px;
				line-height:2.0em;
				color:#444;
				font-weight:normal;
				font-family: "NotoSansCJKjp-Medium";
				padding-top:0;
				padding-left:0;
			}
			#sortslt #form01 dt.dtex {
				width:100%;
				font-size:14px;
				color:#333;
			}
			#sortslt #form01 dd {
				display:block;
				margin: -20px 30px 0 auto;
				width:90%;
				padding-bottom:15px;
				color: #333;
				text-align:left;
				font-size:14px;
			}
			#sortslt select {
				margin: 0 auto 0 auto;
				height:35px;
				line-height:1em;
				font-size:13px;
				padding-left:10px;
				padding-bottom:5px;
			}
			#sortslt .btn {
				margin: 33px auto 0 75px;
				margin: 40px auto 0 75px;
				width: 150px;
				height:35px;
				color:white;
				font-size:14px;
				text-align:center;
				font-family: "NotoSansCJKjp-Medium";
				padding-top:4px; 
				background	: url("images/icon/btn-sym01.png") no-repeat;
				background-size:8px 8px;
				background-position: 10px 12px; 
				background-color:#333;
				z-index:9;
			} 
			#sortslt .btn:hover {
				display: block;
				width: 150px;
				height:35px;
				color: #333;
				background	: url("images/icon/btn-sym02.png") no-repeat;
				background-size:8px 8px;
				background-position: 125px 12px; 
				background-color:#BBB;
			}
			#sortslt .sec01fline {
				margin: -40px auto 50px 30%;
				width: 60%;
				height: 1px;
				text-indent: -99999px;	/* テキスト非表示 */
				background:linear-gradient(90deg,#CCCCCC 0%,#CCCCCC 97%,#E50038 97%,#E50038 100%);	/* ★odsr-red  */
				z-index:3;
			}
		/*  List sort item field □ */
		.sec ul {
			margin: 0 auto 0 auto;
			width: 1120px;
			padding-top:0;
			padding-bottom:10px;
			padding-left:40px;
		}
		.sec li {
			display:block;
			float:left;
			margin:0px;
			margin-top:0px;
			margin-bottom:40px;
			margin-right:40px;
			width : 320px;
			height: 435px;	/*◆card block高さ調整 */
			padding-bottom:30px;
			background-color:rgba( 255,255,255,0.98 ); 	/*  White  透過98% */
				box-shadow: 0px 1px 3px 1px #aaa;
				-webkit-box-shadow: 0px 1px 3px 1px #aaa;
				-moz-box-shadow: 0px 1px 3px 1px #aaa;
			position:relative;
		}
		.sec li .sec02img a {
			display:block;
			margin: 0 auto 0 auto;
			overflow: hidden;			/*拡大時にはみ出た部分を隠す*/
			width: 100%;
		}
		.sec li .sec02img a img {
			display:block;
			transition-duration: 0.3s;
				transition: 0.8s ease-in-out;
				-webkit-transition: 0.8s ease-in-out;	/* Ease in-out */
				-moz-transition: 0.8s ease-in-out;
				-o-transition: 0.8s ease-in-out;
		}
		.sec li .sec02img a img:hover {
			transform: scale(1.2);		/*画像の拡大率*/
			transition-duration: 0.3s;
				transition: 0.8s ease-in-out;
				-webkit-transition: 0.8s ease-in-out;	/* Ease in-out */
				-moz-transition: 0.8s ease-in-out;
				-o-transition: 0.8s ease-in-out;
		}
		.sec li dl  {
			margin: 0 auto 0 auto;
			width: 100%;
			color:#444;
			z-index:2;
		}
		.sec li dt {
			margin: 10px auto 10px 10px;
			width: 50%;
			font-size:14px;
			text-align:center;
			font-weight:normal;
			color:#FFF;
			font-family: "NotoSansCJKjp-Medium";
			padding:6px;
		}
		.sec li dd.txtt {
			margin: 0 auto 0 auto;
			width: 80%;
			font-size:14px;
			text-weight:normal;
			font-family: "NotoSansCJKjp-Medium";
			line-height:1.7em;
			padding-left:0px;
			padding-bottom:0px;
		}
		.sec li dd.txtd {
			margin: 0 auto 0 auto;
			width: 80%;
			font-size:14px;
			font-family: "NotoSansCJKjp-Regular";
			padding-left:0px;
			padding-bottom:0px;
		}
		.sec li dd.txt01 {
			margin: 0 auto 0 auto;
			width: 80%;
			font-size:14px;
			font-family: "NotoSansCJKjp-Regular";
			line-height:1.7em;
			padding-left:0px;
			padding-bottom:0px;
		}
		.sec li .detail-btn02 {
			display: block;
			position: absolute;
			top: 90%;
			right:10px;
			margin: 0 auto 0 auto;
			width: 150px;
			height:30px;
		}
		.sec .secrind {
			position: absolute;
			top: 70px;
			right:13%;
			display	: block;
		}
	}

	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		.casestudy {
			margin: 0 auto 0 auto;
			width: 100%;
			padding-bottom:0px;
			background-color:#FFF;
		}
		.casestudy h2 {
			display:block;
			margin: 10px auto 0 auto;
			width: 100%;
			font-weight:bold;
			font-size:20px;
			letter-spacing:5px;
			padding-top:0;
			padding-left:12%;
		}
		.sec .h2line  {
			margin: 20px auto 0px 5%;
			width: 90%;
			height:1.25px;
			text-indent: -99999px;	/* テキスト非表示 */
			background:linear-gradient(90deg,#BDC3C7 0%,#BDC3C7 97%,#BF0122 97%,#BF0122 100%);	/* ★ */
		}
		.sec {
			margin: 0 auto 0 auto;
			width: 100%;
			padding-bottom:50px;
			position:relative;
		}
		.sec ul {
			margin: 0px auto 0 5%;
			width: 90%;
		}
		.sec li {
			display:block;
			float:left;
			margin:0px;
			margin-top:30px;
			margin-right:20px;
			width : 300px;
			height: 480px;
			padding-bottom:0;
			padding-bottom:20px;
		}
		.sec li dt {
			margin: 10px auto 10px 10px;
			width: 60%;
			font-size:13px;
			text-align:center;
			font-weight:bold;
			padding:6px;
		}
		.sec li .detail-btn02 {
			display: block;
			position: absolute;
			top: 90%;
			right:15px;
			width: 150px;
			height:30px;
		}
	}

/* ■ MainConents .casestudy detail  */

	#casestsection {
		margin: 0 auto 0 auto;
		width: 100%;
		padding-bottom:20px;
		background:linear-gradient(90deg,white 0%,white 7%,#F5F5F5 7%,#F5F5F5 35%,white 35%,white 100%);	/* ★ */
		border-Top: 1px solid #DDD;
	}
	#casestsection h1,h2,h3,h4,h5,h6{
		font-size:100%;
		font-weight:normal;
	}
	#casestsec{
		margin: 0 auto 0 auto;
		width: 100%;
		padding-bottom:10px;
	}
	#casestsec #casestsecsym01 {
		display:none;
	}
	#casestsection #casestsectitle01 {
		margin: 0 auto 0 auto;
		width: 90%;
	}
	#casestsection #casestsectitle01 h1 {
		display:block;
		font-size:16px;
		font-weight:bold;
		color:#333;
		padding-top:20px;
		padding-left:15px;
	}
	#casestsection #casestsectitle01 p {
		width: 100%;
		font-size:12px;
		color:#333;
		line-height:22px;
		padding-top:10px;
		padding-left:20px;
	}
	#casestsec #casest01 {
		margin: 0 auto 0 auto;
		width: 90%;
		padding-top:20px;
		padding-bottom:0px;
	}
	#casestsec #casest01  .category01 {	/* NEWS & RELEASE カテゴリー */
		margin: 10px auto 10px auto;
		width:40%;
		font-size:12px;
		text-align:center;
		font-weight:bold;
		font-family: "NotoSansCJKjp-Medium";
		color: #FFF;
		padding:7px;
		background-color:#2E6193;		/* sec-blue01 */
	}
	#casestsec #casest01  h2 {
		display:block;
		margin: 20px auto 10px auto;
		width: 90%;
		font-size:13px;
		font-weight:bold;
		font-family: "NotoSansCJKjp-Medium";
		color:#333;
		line-height:18px;
		padding-left:10px;
		padding-bottom:5px;
		border-left: 5px solid #333;
		border-bottom: 1px solid #BDC3C7;	/* Siver */
	}
	#casestsec #casest01 dl,dt,dd {
		display:block;
	}
	#casestsec #casest01 dl.casestitem {
		margin: 0 auto 0 auto;
		width: 100%;
		padding-bottom:10px;
	}
	#casestsec #casest01 dl.casestitem dt {
		margin: 0 auto 0 auto;
		width: 90%;
		font-size:12px;
		font-weight:bold;
		padding-top:10px;
		padding-left:15px;
		color:#444;
		line-height:18px;
		background	: url("images/icon/arrow01.png") no-repeat;
		background-size:9px 10px;
		background-position:left 0 top 14px;
	}
	#casestsec #casest01 dl.casestitem dd {
		margin: 0 auto 0 auto;
		width: 90%;
		font-size:12px;
		line-height:17px;
		padding:0px;
		padding-top:10px;
		padding-left:0px;
	}
	#casestsec #casest01 dl.casestitem dd.ext {
		color: #A4966A;		/* Gold01 */
		padding-bottom:5px;
	}
	#casestsec #casest01 {
		margin: 0 auto 0 auto;
		width: 90%;
		padding-top:20px;
		padding-bottom:0px;
	}

	#casestsec #casest02 {
		margin: 15px auto 0 auto;
		width: 100%;
		padding-bottom:15px;
	}
	#casestsec #casest02 .bfat {
		margin: 0 auto 15px auto;
		width: 75%;
		font-size:13px;
		text-align:center;
		font-weight:bold;
		color:#FFF;
		padding:5px;
		padding-bottom:5px;
		background-color:#2E6193;		/* sec-blue01 */
	}
	#casestsec #casest02 ul {
		margin: 10px auto 0 auto;
		width: 100%;
	}
	#casestsec #casest02 li {
		margin: 0 auto 0 auto;
		width: 100%;
		padding-bottom:20px;
	}
	#casestsec #casest02 li img {
		display:block;
		margin: 0 auto 5px auto;
		width: 75%;
	}
	#casestsec #casest02 li .cmnt01 {
		text-align:center;
		font-size:12px;
		font-weight:normal;
		color: #A4966A;		/* Gold01 */
		padding-top:8px;
		padding-left:12.5%;
	}
	#casestsec .listbk {		/* 一覧に戻る */
		display	: block;
		margin: 0 auto 0 40%;
		width: 180px;
		height:30px;
	}

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

	}

	@media only screen and (min-width:768px) {

		#casestsection {
			margin: 0 auto 0 auto;
			width: 100%;
			padding-bottom:0px;
			background:linear-gradient(90deg,white 0%,white 10%,#F5F5F5 10%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
			border-Top: 2px solid #BDC3C7;		/* Silver */
			border-Top: 2px solid #DDD;
		}
		#casestsec{
			margin: 120px auto 0 auto;
			width: 100%;
			padding-bottom:50px;
			position:relative;
		}
		#casestsec #casestsecsym01 {
			display:block;
			position: absolute;
			top: 0px;
			right: 50px;
			z-index:9;
		}
		#casestsection #casestsectitle01{
			margin: 70px auto 0 17%;
			width: 80%;
			padding-bottom:0px;
		}
		#casestsection #casestsectitle01 h1 {
			font-size:34px;
			font-family: "NotoSansCJKjp-Bold";
			color: #444;
			padding-left:5.5%;
			padding-bottom:30px;
		}
		#casestsection #casestsectitle01 p {
			width: 100%;
			font-size:16px;
			color:#555;
			line-height:30px;
			padding-bottom:20px;
			padding-left:80px;
		}
		#casestsec #casest {
			margin: 30px auto 0 15%;
			width: 70%;
			padding-top:30px;
			padding-bottom:30px;
			background-color:rgba( 255,255,255,0.90 ); 	/*  White  透過95% */
			position: relative;
		}
		#casestsec #casest01 {
			margin: 30px auto 0 15%;
			width: 70%;
			padding-top:30px;
			padding-bottom:30px;
			background-color:rgba( 255,255,255,0.90 ); 	/*  White  透過95% */
			border: solid 1px #DDD;
		}

		#casestsec #casest:after{	/* ■入れ子を使って2重線 */
			content: "";
			border: solid 1px #DDD;
			position: absolute;
			top: 5px;
			left: 5px;
			width: calc(100% - 10px);
			height: calc(100% - 10px);
		}
		#casestsec #casest  p.category01 {	/* NEWS & RELEASE カテゴリー */
			margin: 20px auto 30px 10%;
			width:20%;
			font-size:16px;
			text-align:center;
			font-weight:normal;
			font-family: "NotoSansCJKjp-Medium";
			color: #FFF;
			padding:12px;
			background-color:#A4966A;		/* Gold01 */
			background-color:#333;
		}
		#casestsec #casest  h2 {
			display:block;
			margin: 30px auto 30px auto;
			width: 80%;
			font-size:20px;
			font-weight:normal;
			font-family: "NotoSansCJKjp-Medium";
			color:#444;
			line-height:30px;
			padding-left:30px;
			padding-bottom:10px;
			border-left: 7px solid #BF0122;		/* mmts-red02 */
			border-bottom: 1px solid #BDC3C7;	/* Siver */
		}
		#casestsec #casest dl.casestitem {
			margin: 0 auto 0 auto;
			width: 85%;
			padding-bottom:0px;
		}
		#casestsec #casest dl.casestitem dt {
			margin: 0 auto 0 auto;
			width: 90%;
			font-size:17px;
			padding:15px;
			padding-top:20px;
			padding-left:25px;
			line-height:27px;
			color:#444;
			background	: url("images/icon/arrow01.png") no-repeat;
			background-size:14px 13px;
			background-position:left 0 top 28px;
		}
		#casestsec #casest dl.casestitem dd {
			margin: 0 auto 0 auto;
			width: 90%;
			font-size:15px;
			line-height:23px;
			padding-top:0px;
			padding-left:50px;
			padding-right:50px;
			padding-bottom:10px;
		}
		#casestsec #casest dl.casestitem dd.ext {
			color: #A4966A;		/* Gold01 */
			padding-bottom:20px;
		}

		#casestsec #casest01  p.category01 {	/* NEWS & RELEASE カテゴリー */
			margin: 20px auto 30px 10%;
			width:20%;
			font-size:16px;
			text-align:center;
			font-weight:normal;
			font-family: "NotoSansCJKjp-Medium";
			color: #FFF;
			padding:12px;
			background-color:#A4966A;		/* Gold01 */
			background-color:#333;		/* Gold01 */
		}
		#casestsec #casest01  h2 {
			display:block;
			margin: 30px auto 30px auto;
			width: 80%;
			font-size:20px;
			font-weight:normal;
			font-family: "NotoSansCJKjp-Medium";
			color:#444;
			line-height:30px;
			padding-left:30px;
			padding-bottom:10px;
			border-left: 7px solid #BF0122;		/* mmts-red02 */
			border-bottom: 1px solid #BDC3C7;	/* Siver */
		}
		#casestsec #casest01 dl.casestitem {
			margin: 0 auto 0 auto;
			width: 85%;
			padding-bottom:0px;
		}
		#casestsec #casest01 dl.casestitem dt {
			margin: 0 auto 0 auto;
			width: 90%;
			font-size:17px;
			padding:15px;
			padding-top:20px;
			padding-left:25px;
			line-height:27px;
			color:#444;
			background	: url("images/icon/arrow01.png") no-repeat;
			background-size:14px 13px;
			background-position:left 0 top 28px;
		}
		#casestsec #casest01 dl.casestitem dd {
			margin: 0 auto 0 auto;
			width: 90%;
			font-size:15px;
			line-height:23px;
			padding-top:0px;
			padding-left:50px;
			padding-right:50px;
			padding-bottom:10px;
		}
		#casestsec #casest01 dl.casestitem dd.ext {
			color: #A4966A;		/* Gold01 */
			padding-bottom:20px;
		}

		#casestsec #casest02 {
			margin: 30px auto 0 auto;
			width: 70%;
			padding-top:30px;
			padding-bottom:30px;
			background-color:rgba( 255,255,255,0.90 ); 	/*  White  透過95% */
			border: solid 1px #DDD;
		}
		#casestsec #casest02 .bfat {
			margin: 0 auto 20px auto;
			width: 80%;
			font-size:16px;
			text-align:center;
			font-weight:normal;
			color:#FFF;
			font-family: "NotoSansCJKjp-Medium";
			padding:8px;
			padding-bottom:10px;
			background-color:#519D9E;		/* WA-green */
			background-color:#2E6193;		/* sec-blue01 */
		}
		#casestsec #casest02 ul {
			margin: 0 auto 0 auto;
			width: 890px;
			padding-left:30px;
			padding-bottom:10px;
		}
		#casestsec #casest02 li {
			float:left;
			width:400px;
			margin-right:30px;
			padding-bottom:30px;
		}
		#casestsec #casest02 li img {
			display:block;
			margin: 0 auto 10px auto;
			width: 100%;
		}
		#casestsec #casest02 li .cmnt01 {
			text-align:center;
			font-size:14px;
			font-weight:normal;
			font-family: "NotoSansCJKjp-Regular";
			padding-top:15px;
			padding-left:0;
		}
		#casestsec .listbk {		/* 一覧に戻る */
			display	: block;
			margin: 0px auto 0 19%;
			width: 200px;
			height:45px;
		}
	}

	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#casestsection {
			margin: 0 auto 0 auto;
			width: 100%;
			padding-bottom:0px;
			background:linear-gradient(90deg,white 0%,white 5%,#F5F5F5 5%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
		}
		#casestsec{
			margin: 50px auto 0 auto;
			width: 100%;
			padding-bottom:50px;
			position:relative;
		}
		#casestsection #casestsectitle01{
			margin: 70px auto 0 17%;
			width: 80%;
			padding-bottom:0px;
		}
		#casestsection #casestsectitle01 h1 {
			font-size:18px;
			font-weight:bold;
			font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3",
						 "Hiragino Kaku Gothic Pro", Osaka,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
			color: #519D9E;		/* WA-green */
			padding-left:0;
			padding-bottom:0px;
		}
		#casestsec #casest01 {
			margin: 30px auto 0 auto;
			width: 80%;
			padding-top:20px;
			padding-bottom:20px;
			background-color:rgba( 255,255,255,0.90 ); 	/*  White  透過95% */
		}
		#casestsec #casest01  p.category01 {	/* NEWS & RELEASE カテゴリー */
			margin: 20px auto 30px 5%;
			width:30%;
		}
		#casestsec #casest01  h2 {
			margin: 15px auto 15px auto;
			width: 90%;
			font-size:17px;
			font-weight:bold;
			padding-left:20px;
			padding-bottom:5px;
		}
		#casestsec #casest01 dl.casestitem {
			margin: 0 auto 0 auto;
			width: 95%;
		}
		#casestsec #casest01 dl.casestitem dt {
			margin: 0 auto 0 auto;
			width: 90%;
			font-size:15px;
			padding:12px;
			padding-top:0px;
			padding-left:20px;
			line-height:27px;
			color:#444;
			background	: url("images/icon/arrow01.png") no-repeat;
			background-size:13px 13px;
			background-position:left 0 top 6px;
		}
		#casestsec #casest01 dl.casestitem dd {
			margin: 0 auto 0 7.5%;
			width: 95%;
			font-size:13px;
			line-height:1.7em;
			padding-top:0px;
			padding-left:0px;
			padding-bottom:10px;
		}

		#casestsec #casest02 {
			margin: 30px auto 0 auto;
			width: 100%;
			padding-bottom:30px;
		}
		#casestsec #casest02 ul {
			margin: 0 auto 0 auto;
			width: 100%;
			padding-left:10%;
			padding-bottom:10px;
		}
		#casestsec #casest02 li {
			float:left;
			width:43.5%;
			margin-right:20px;
			padding-bottom:20px;
		}

		#casestsec .listbk {		/* 一覧に戻る */
			display: block;
			position: absolute;
			bottom: 30px;
			left:0;
			right:0;
			margin:auto;
			width: 200px;
			height:45px;
		}
	}

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

		#cta02 {
			margin: -35px auto 35px auto;
			width: 100%;
			padding-bottom:0px;
			background-color:#FFF;
		}
	}


/* ========== css/font-awesome.min.css ========== */
/*!
 *  Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('fonts/fontawesome-webfont.eot?v=4.4.0');src:url('fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'),url('fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'),url('fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'),url('fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'),url('fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}


/* ========== script/slick/slick.css ========== */
/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track::before,
.slick-track::after
{
    display: table;

    content: '';
}
.slick-track::after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* ========== script/slick/slick-theme.css ========== */
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('fonts/slick.eot');
    src: url('fonts/slick.eot?#iefix') format('embedded-opentype'), url('fonts/slick.woff') format('woff'), url('fonts/slick.ttf') format('truetype'), url('fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover::before,
.slick-prev:focus::before,
.slick-next:hover::before,
.slick-next:focus::before
{
    opacity: 1;
}
.slick-prev.slick-disabled::before,
.slick-next.slick-disabled::before
{
    opacity: .25;
}

.slick-prev::before,
.slick-next::before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

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

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev::before
{
    content: '←';
}
[dir='rtl'] .slick-prev::before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next::before
{
    content: '→';
}
[dir='rtl'] .slick-next::before
{
    content: '←';
}

/* Dots */
.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -45px;

    display: block;

    width: 100%;
    padding: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover::before,
.slick-dots li button:focus::before
{
    opacity: 1;
}
.slick-dots li button::before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button::before
{
    opacity: .75;
    color: black;
}


/* ========== script/guidepannel/jquery.bxslider.css ========== */
/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 80px;		/* ☆ */
	margin: 0 auto ;		/* ☆ */
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	margin-left:0px;
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border:  5px solid #fff;
	border:  1px solid #000;	/* Black ☆ */
	border:  1px solid #FFF;	/* White ☆ */
	border:  none;
/*	left: -5px;*/
	background: #fff;
	background-color:#000000;	/* Black ☆ */
	background-color:#FFF;	/* White ☆ */

	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
/*	position: absolute;
	bottom: -35px;	★ */
	width: 100%;
}
@media only screen and (max-width:768px) {	/* SP Layout ◇ */

	.bx-wrapper .bx-pager,
	.bx-wrapper .bx-controls-auto {
		position: absolute;
		bottom: -30px;
	}
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
	z-index: 1;	/* ☆ */
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
	background: #AAA;	/* ☆ */
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	left: 10px;		/* ☆ */
	background: url(images/controls.png) no-repeat 0 -32px;
	z-index:-1;
}

.bx-wrapper .bx-next {
	right: 10px;
	right: 10px;		/* ☆ */
	background: url(images/controls.png) no-repeat -43px -32px;
}

	@media only screen and (max-width: 768px) {		/* ☆ */
		.bx-wrapper .bx-prev {
			background-image:none;
		}
		.bx-wrapper .bx-next {
			background-image:none;
		}
	}


.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
	z-index: 1;	/* ☆ */
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}


/* ========== css/layout.css ========== */
/* レイアウトのためのCSS */

body{
    font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	color: #333;
	font-size:1rem;
	line-height:1.85;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%; 
	word-wrap: break-word;
}

@media screen and (max-width:768px) {
body{
	font-size:0.8rem;
	}
}

*{box-sizing: border-box;}

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

a{
	color: #333;
	text-decoration: none;
    outline: none;
}

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

/* font-family */

#splash-logo,
.top-lead,
h1,
h2,
h3 span,
#g-nav,
#pc-nav,
.openbtn,
#footer{
    font-family: 'Lato', sans-serif;
    letter-spacing: 0.1em;
}

/* splash */

#splash-logo{
    font-size: 1.2rem;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: #eb6100;
}

/* g-nav */

#g-nav.panelactive li:last-child a{
    margin: 30px 0 0 0;
    padding: 10px 20px;
    border: 2px solid #333;
    white-space: nowrap;
}

/*pc-nav*/

#pc-nav span.bgLRextend::before{
    background:#333;
}


@media screen and (max-width:990px) {
    #pc-nav{
        display: none;
    }
}

/* heading */

h1{
    text-transform: uppercase;
    font-size: 1.5rem;
    position: absolute;
    top: 40%;
    left: 5%;
    line-height: 1;
    letter-spacing: 0.2em;
}

@media screen and (max-width:550px) {
    h1{
        font-size:1.2rem;
        top: 32%;
    }
}


h1 a{
    color:#eb6100;
}

h2{
    text-transform: uppercase;
    font-size: 3rem;
}

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

  h2{
      font-size:2rem;
    }
}

/* lead */

.top-lead{
    position: fixed;
    bottom:10%;
    left:5%;
    font-size:3rem;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1.5;
}


.top-lead span.bgLRextend::before{
    background:#333;
}

@media screen and (max-width:550px) {
.top-lead{
    font-size:2.2rem;
    }
}
@media screen and (max-width:380px) {
.top-lead{
    font-size:1.8rem;
    }
}

/* main-area */

/*
#main-area{
    width:90%;
    margin:0 auto;
    padding: 50px 0; 
}
*/

/* topics */

#topics{
    border-left:3px solid #000;
    padding: 0 0 0 20px;
}

@media screen and (max-width:768px) {
    #topics{
        margin:0 0 100px 0;
}
}

#topics h2{
    font-size: 1.5rem;
}

#topics h2 span.bgLRextend::before{
    background:#333;
}

.bx-wrapper{
    box-shadow:none;
    border:none;
}

/* vision */

#vision{
    display: flex;
    justify-content:space-between;
    align-items: center;
    flex-wrap: wrap;
    margin:0 0 100px 0;
}

@media screen and (max-width:768px) {
    #vision{
        margin:0 0 50px 0;
    }
    
}

#vision .img{
    width:40%;
    min-height: 590px;
    background:url("../img/pict_01.jpg") no-repeat center;
    background-size: cover;
}

#vision .content{
   width:50%; 
    text-align: right;
}

@media screen and (max-width:768px) {
  #vision .img{
    width:100%;
    min-height: 290px;
      margin:0 0 50px 0;
}

#vision .content{
   width:100%; 
    text-align: left;
}  
}

#vision h2{
    color:#eb6100;
    margin:0 0 30px 0;
}

#vision p{
    line-height: 2;
    margin: 0 0 50px 0;
}

#vision .vision-lead{
    position: relative;
    color:#eb6100;
    font-size:1.3rem;
    font-weight: bold;
    margin: 0 0 90px 0;
}

@media screen and (max-width:768px) {
#vision .vision-lead{
    font-size:1rem;
    }
    
}

#vision .vision-lead::after{
     content:'';
    position: absolute;
    bottom:-30px;
    right:0;
    background:#eb6100;
    width:12em;
    height: 3px;
}

/* service */

#service h2{
    text-align: center;
    margin:0 0 100px 0;
}

@media screen and (max-width:550px) {
#service h2{
    margin:0 0 50px 0;
    }
}

#service h2 span.bgLRextend::before{
    background:#333;
}


#service .service-area{
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin:0 0 300px 0;
}

@media screen and (max-width:768px) {
#service .service-area{
    margin:0 0 200px 0;   
}
}

@media screen and (max-width:590px) {
 #service .service-area{
    margin:0 0 50px 0;   
}
   
}

#service .service-area::after{
     content:'';
    position: absolute;
    width: 70%;
    height: 23em;
    background:#f3f3f3;
    right:10%;
    top:20%;
    z-index: -1;
}


#service .service-area:nth-of-type(2n+1){
     flex-direction: row-reverse;
}


#service .service-area .img{
    width:50%;
}

#service .service-area .content{
    width:40%;
    background:#fff;
    box-shadow: 0 0 20px #ccc;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top:150px;
}

@media screen and (max-width:768px) {
#service .service-area .content{
    width:47%;
    top:100px;
    }  
}

@media screen and (max-width:590px) {
#service .service-area .img{
    width:100%;
    z-index: 2;
}
#service .service-area .content{
    width:100%;
    top:-10px;
    animation:none;
    opacity: 1;
    z-index: 1;
}
}

#service .service-area .content-area{
    padding:40px;   
}

#service .service-area .content-area h3{
     text-align: center;
    font-size: 1rem;
    margin: 0 0 30px 0;
}

#service .service-area .content-area h3 span{
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    font-size: 1.2rem;
}

#service .service-area .content-area p{
     margin:0 0 30px 0;   
}

#service .btn{
    text-align: right;
}

/* about */

#about{
    margin: 0 0 200px 0;
}

@media screen and (max-width:768px) {
#about{
    margin: 0 0 100px 0;
}
    
}

#about h2{
    text-align: center;
    color:#eb6100;
    margin:0 0 100px 0;
}

@media screen and (max-width:550px) {
#about h2{
    margin:0 0 50px 0;
    }
}

#about .about-list{
   width: 96%;
    max-width: 900px;
    margin: 0 auto;
}

#about .about-list li{
    border-bottom: 1px solid #ccc;
    margin:0 0 15px 0;
    padding: 0 0 15px 0;
}

#about .about-list dl{
     display: flex;
    justify-content: space-between;
}

#about .about-list dt{
    width:30%;
    padding: 0 0 0 40px;
}

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

#about .about-list dt{
     padding:0 0 0 10px; 
    }
}

#about .about-list dd{
    width:65%;
}

/* faq */

#faq{
    margin:0 0 200px 0;
}

#faq h2{
    text-align: center;
    margin:0 0 100px 0;
}


#faq h2 span.bgLRextend::before{
    background:#333;
}

.faq-bg{
    position: relative;
    height: 55vh;
    background:url("../img/pict_05.jpg") no-repeat center;
    background-size:cover;
    margin: 0 0 200px 25%;
}

.faq-bg::after{
    content:'';
    position: absolute;
    top:20%;
    left:-32%;
    width:100%;
    height:55vh;
    background:#f3f3f3;
    z-index: -1;
}

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

.faq-bg,
.faq-bg::after{
    height:35vh;
}   
}

@media screen and (max-width:550px) {
#faq{
    margin:0 0 100px 0;
}
    
#faq h2{
 margin: 0 0 50px 0;   
}
    
.faq-bg{
    margin:0 0 100px 25%;
}

.faq-bg,
.faq-bg::after{
    height:20vh;
} 
}

/* contact */

#contact{
    margin:0 0 100px 0;
}

#contact h2{
    text-align: center;
    margin:0 0 100px 0;
    color: #eb6101;
}

@media screen and (max-width:550px) {
 #contact h2{
     margin:0 0 50px 0;
    }
}

#contact .form-list{
    width:100%;
    max-width: 700px;
    margin: 0 auto;
}

#contact input , button , textarea , select {
	margin:0;
	padding:0;
	border:none;
	outline:none;
	background:none;
    font-size: 16px;
}

#contact .form-list input[type='text'] , 
#contact .form-list input[type='email'] , 
#contact .form-list textarea{
	width:100%;
	border:1px solid #666;
	background:#fff;
	padding: 10px;
	-webkit-appearance:none;
	   -moz-appearance:none;
	        appearance:none;
}

#contact .form-list input[type='text'] , input[type='email'] {
	height:50px;
}

#contact .submit-btn{
    width:152px;
    margin: 0 auto;
}

#contact input[type='submit']{
   border:2px solid #333;
    color: #333;
    text-align: center;
    padding: 5px 20px;
    width:152px;
    margin: 0 auto;
    transition: all .3s;
}

#contact input[type='submit']:hover{
    background: #333;
    color: #fff;
} 

#contact .form-list dl{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	padding:0 0 20px 0;
}

#contact .form-list dt{
    width:30%;
}

#contact .form-list dd{
    width:66%;
}

#contact .form-list textarea {
	height:200px;
}

@media screen and (max-width:768px) {
#contact .form-list dt{
	margin:0 0 10px 0;
}
#contact .form-list dt,
#contact .form-list dd{
    width:100%;
}
	
}

/* footer */

#footer{
    padding: 100px 0;
    border-top:1px solid #333;
    text-align: center;
    background: #fff;
    position: relative;
    text-transform: uppercase;
}

#footer .footer-logo{
    font-weight: bold;
    letter-spacing: 0.3em;
    margin: 0 0 50px 0;
    color: #666;
}

#footer small{
     color:#888;
}





/* ========== css/parts.css ========== */
/*===========================================================*/
/*機能編  4-2-1 背景色が伸びる（下から上） */
/*===========================================================*/


/*========= ローディング画面のためのCSS ===============*/
#splash {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 9999999;
	text-align:center;
	color:#fff;
}

#splash-logo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#splash-logo img{
	width:50px;
}

/*========= 画面遷移のためのCSS ===============*/

/*画面遷移アニメーション*/

.splashbg{
	display: none;
}

body.appear .splashbg{
    display: block;
    position:fixed;
	z-index: 999;
    width: 100%;
    height: 100vh;
    top: 0;
	left: 0;
    transform: scaleY(0);
    background-color: #eb6100;/*伸びる背景色の設定*/
    background-color: #2843B6;	/* 伸びる背景色の設定 plumsa-blue01 */
	animation-name:PageAnime;
	animation-duration:1.2s;
	animation-timing-function:ease-in-out;
	animation-fill-mode:forwards;

}

@keyframes PageAnime{
	0% {
		transform-origin:bottom;
		transform:scaleY(0);
	}
	50% {
		transform-origin:bottom;
		transform:scaleY(1);
	}
	50.001% {
		transform-origin:top;
	}
	100% {
		transform-origin:top;
		transform:scaleY(0);
	}
}

/*画面遷移の後現れるコンテンツ設定*/

#wrapper{
/*	opacity: 0;*/ /*はじめは透過0に*/
}

/*bodyにappearクラスがついたら出現*/
body.appear #wrapper{
	animation-name:PageAnimeAppear;
	animation-duration:1s;
	animation-delay: 0.8s;
	animation-fill-mode:forwards;
	opacity: 0;
}

@keyframes PageAnimeAppear{
	0% {
	opacity: 0;
	}
	100% {
	opacity: 1;
}
}


/*===========================================================*/
/*機能編  5-1-12 クリックしたらナビが下から上に出現 */
/*===========================================================*/
#g-nav{
    /*position:fixed;にし、z-indexの数値を大きくして前面へ*/
    position:fixed;
    z-index: 999;
    /*ナビのスタート位置と形状*/
	bottom:-120%;
	width:100%;
	height: 100vh;/*ナビの高さ*/
	background:#2843B6;		/* plumsa-blue01 */
    /*動き*/
	transition: all 0.6s;
}

/*アクティブクラスがついたら位置を0に*/
#g-nav.panelactive{
    bottom: 0;
}

/*ナビゲーションの縦スクロール*/
#g-nav #g-nav-list{
    /*ナビの数が増えた場合縦スクロール*/
    position: fixed;
    z-index: 999; 
    width: 100%;
    height: 100vh;/*表示する高さ*/
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

/*ナビゲーション*/
#g-nav ul {
    /*ナビゲーション天地中央揃え*/
    position: absolute;
    z-index: 999;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}

/*リストのレイアウト設定*/

#g-nav li{
	list-style: none;
    text-align: center; 
}

#g-nav li a{
	color: #333;
	text-decoration: none;
	padding:10px;
	display: block;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-weight: bold;
}

/*===========================================================*/
/*機能編  5-2-5	MENUが×に */
/*===========================================================*/

.openbtn{
	position:fixed;
    z-index: 9999;/*ボタンを最前面に*/
	top:0;
	right: 0;
	cursor: pointer;
    width: 80px;
    height:70px;
    border-left:2px solid #333;
}
	
/*ボタン内側*/
.openbtn span{
    display: inline-block;
    transition: all .4s;/*アニメーションの設定*/
    position: absolute;
  }

.openbtn span:nth-of-type(1),
.openbtn span:nth-of-type(3) {
    height: 2px;
	background: #333;
  	width:30%;
    opacity: 0;
    top:22px;
    left:20px;
 }

.openbtn span:nth-of-type(2) {
	top:22px;
	left:18px;
	text-transform: uppercase;
	color: #333;
    font-size: 0.9rem;
}

@media screen and (max-width:550px) {
.openbtn span:nth-of-type(2) {
    font-size: 0.8rem;
    }
    
}

.openbtn span:nth-of-type(3) {
    top:35px;
}


/*activeクラスが付与されると線が回転して×になり、Menu表記をしている2つ目の要素が透過して消える*/

.openbtn.active span:nth-of-type(1),
.openbtn.active span:nth-of-type(3) {
    opacity:1;
}

.openbtn.active span:nth-of-type(1) {
    top: 28px;
    left: 30px;
    transform: translateY(6px) rotate(-45deg);
}

.openbtn.active span:nth-of-type(2) {
	opacity:0;
}

.openbtn.active span:nth-of-type(3){
    top: 40px;
    left: 30px;
    transform: translateY(-6px) rotate(45deg);
}



/*===========================================================*/
/*機能編  5-1-26 追従メニューの現在地ハイライト*/
/*===========================================================*/

/*========= 現在地表示のためのCSS ===============*/

#header{
	position: fixed;/*header固定*/
	height: 100px;/*Headerの高さ設定*/
	width:100%;
    z-index: 9;
	display: flex;
	justify-content: center;
	align-items: center;
    background: #fff;
}

@media screen and (max-width:990px) {
#header{
    height: 75px;
    }  
}

#pc-nav ul{
	list-style: none;
	display: flex;
	justify-content: center;
    text-transform: uppercase;
    margin: 0 0 0 5%;
}

#pc-nav li a{
	display: block;
	text-decoration: none;
	color: #333;
	padding:0 15px;
	transition:all 0.3s;
}

#pc-nav li.current a,
#pc-nav li a:hover{
	color:2843B6;		/* plumsa-blue01 */
}

/*===========================================================*/
/*機能編  9-1-5 スクロールをするとエリアの高さに合わせて線が伸びる*/
/*===========================================================*/

.scrollgress{
	z-index:99;/*他のposition指定しているエリアより前に出すためz-indexの数字を大きく*/
}

/*===========================================================*/
/*機能編  7-1-35	下線が伸びて背景に変わる*/
/*===========================================================*/


.btnlinestretches3{
    /*線の基点とするためrelativeを指定*/
	position:relative;
    /*ボタンの形状*/  
	color:#333;
    padding: 5px 30px;
	display:inline-block;
    text-decoration: none;
    outline: none;
}

/*テキストの設定*/
.btnlinestretches3 span{
    /*テキストを前面に出すためz-indexの値を高く設定*/
	position:relative;
	z-index: 2;
}

.btnlinestretches3:hover span{
	color: #fff;
}

/*線の設定*/
.btnlinestretches3::after {
	content:'';
    /*絶対配置で線の位置を決める*/
	position:absolute;
	z-index:1;
	bottom:0;
	left:0;
    /*線の形状*/
	background:#333;
	width:100%;
	height:3px;
    /*アニメーションの指定*/
	transition:all 0.3s ease-in-out;
}

/*線が伸びて背景に*/
.btnlinestretches3:hover::after {
	height:100%;
}

/*===========================================================*/
/*機能編  8-1-3 ページの指定の高さを超えたら右から出現*/
/*===========================================================*/

/*リンクの形状*/
#page-top a{
	display: flex;
	justify-content:center;
	align-items:center;
	background:#2843B6;		/* plumsa-blue01 */
	width: 60px;
	height: 50px;
	color: #fff;
	text-align: center;
	text-transform: uppercase; 
	text-decoration: none;
	font-size:0.6rem;
	transition:all 0.3s;
}

#page-top a:hover{
	background: #777;
}

/*リンクを右下に固定*/
#page-top {
	position: fixed;
	right: 0;
	bottom:0;
	z-index: 2;
    /*はじめは非表示*/
	opacity: 0;
	transform: translateX(100px);
}

/*　左の動き　*/

#page-top.LeftMove{
	animation: LeftAnime 0.5s forwards;
}

@keyframes LeftAnime{
  from {
    opacity: 0;
	transform: translateX(100px);
  }
  to {
    opacity: 1;
	transform: translateX(0);
  }
}

/*　右の動き　*/

#page-top.RightMove{
	animation: RightAnime 0.5s forwards;
}
@keyframes RightAnime{
  from {
  	opacity: 1;
	transform: translateX(0);
  }
  to {
  	opacity: 1;
	transform: translateX(100px);
  }
}

/*===========================================================*/
/*機能編  9-2-2 任意の場所をクリックすると隠れていた内容が開き、先に開いていた内容が閉じる*/
/*===========================================================*/

/*アコーディオン全体*/
.accordion-area{
    list-style: none;
    width: 96%;
    max-width: 900px;
    margin:0 auto;
}

.accordion-area li{
    margin: 10px 0;
}

.accordion-area section {
	border: 1px solid #ccc;
}

/*アコーディオンタイトル*/
.title {
    position: relative;/*+マークの位置基準とするためrelative指定*/
    cursor: pointer;
    font-size:1rem;
    font-weight: normal;
    padding: 3% 3% 3% 50px;
    transition: all .5s ease;
}

@media screen and (max-width:768px) {
.title {
    font-size:0.9rem;
}
}

/*アイコンの＋と×*/
.title::before,
.title::after{
    position: absolute;
    content:'';
    width: 15px;
    height: 2px;
    background-color: #333;
    
}
.title::before{
    top:48%;
    left: 15px;
    transform: rotate(0deg);
    
}
.title::after{    
    top:48%;
    left: 15px;
    transform: rotate(90deg);

}

/*　closeというクラスがついたら形状変化　*/

.title.close::before{
	transform: rotate(45deg);
}

.title.close::after{
	transform: rotate(-45deg);
}

/*アコーディオンで現れるエリア*/
.box {
    display: none;/*はじめは非表示*/
    background: #f3f3f3;
	margin:0 3% 3% 3%;
    padding: 3%;
}


/*===========================================================*/
/*機能編  9-4-1 ニュースティッカー*/
/*===========================================================*/

/*ニュース1行の周りの余白*/
.slider a{
    display: block;
    background:#fff;
    padding:10px 0;
}

/*日付*/
.slider time{
    display:inline-block;
    font-size:0.8rem;
    margin-right:10px;
    color:#777;
}

/*768px以下の見た目*/
@media screen and (max-width:768px) {
    .slider {
        padding:20px;
        background:#fff;
    }

    .slider li {
        border-bottom:1px dashed #ccc;
    }

    .slider li:last-child {
        border-bottom:none;
    }
    .slider time {
        display:block;
		padding-bottom:10px;
    }
}


/*===========================================================*/
/* 印象編 4 最低限おぼえておきたい動き*/
/*===========================================================*/

/*4-9　シャッ（左から）*/
.bgextend{
	animation-name:bgextendAnimeBase;
	animation-duration:1s;
	animation-fill-mode:forwards;
	position: relative;
	overflow: hidden;/*　はみ出た色要素を隠す　*/
	opacity:0;
}

@keyframes bgextendAnimeBase{
  from {
    opacity:0;
  }

  to {
    opacity:1;  
}
}

/*中の要素*/
.bgappear{
	animation-name:bgextendAnimeSecond;
	animation-duration:1s;
	animation-delay: 0.6s;
	animation-fill-mode:forwards;
	opacity: 0;
}

@keyframes bgextendAnimeSecond{
	0% {
	opacity: 0;
	}
	100% {
	opacity: 1;
}
}

.bgLRextend::before{
	animation-name:bgLRextendAnime;
	animation-duration:1s;
	animation-fill-mode:forwards;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #2843B6;	/* plumsa-blue01 伸びる背景色の設定*/
}
@keyframes bgLRextendAnime{
	0% {
		transform-origin:left;
		transform:scaleX(0);
	}
	50% {
		transform-origin:left;
		transform:scaleX(1);
	}
	50.001% {
		transform-origin:right;
	}
	100% {
		transform-origin:right;
		transform:scaleX(0);
	}
}

/* 4-1 ふわっ（下から） */

.fadeUp{
animation-name: fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}


/* 4-2　パタッ（左へ） */
.flipLeft{
animation-name: flipLeftAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
perspective-origin: left center;
opacity:0;
}

@keyframes flipLeftAnime{
  from {
   transform: perspective(600px) translate3d(0, 0, 0) rotateY(30deg);
 	opacity: 0;
  }

  to {
  transform: perspective(600px) translate3d(0, 0, 0) rotateY(0deg);
  opacity: 1;
  }
}

/* スマホ表示用。flipLeftTriggerを指定している親要素に指定しないとうまく動かない*/
#vision,
.service-area{
    transform:  translate3d(0, 0, 0);
}

/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
.bgLRextendTrigger,
.bgappearTrigger,
.fadeUpTrigger,
.flipLeftTrigger{
    opacity: 0;
}


/*===========================================================*/
/* 印象編　6-6　スクロールすると下のエリアがヘッダーにかぶさる*/
/*===========================================================*/

#top-main{
	width:100%;
	height: 100vh;
	position: relative;
} 

#top-main:before{
	content: '';
	position:fixed;
	top:10vh;
	left:5%;
	z-index:-1;
	width:90%;
	height: 80vh;
	/*背景画像設定*/
	background:url("../img/main.jpg") no-repeat center;
	background-size:cover;
}

@media screen and (max-width:768px) {
#top-main:before{
    background-position: top center;
    background-size:auto 90%;
    }
}

#container{
	position: relative;
	z-index:1;
	background:#fff;
}

/* ========== css/service.css ========== */
/*----------------------------------------------------------------------------*/
/* 	七福電気ドットコム株式会社サイト  サービス page	 				  CSS    */
/*----------------------------------------------------------------------------*/

/* ■ MainConents #section01  */

	#section01 {
		margin: 20px auto 0 auto;
		width: 100%;
		padding-bottom:20px;
		background:linear-gradient(90deg,#F5F5F5 0%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
	}
	#section01 h1,h2,h3,h4,h5,h6{
		font-size:100%;
		font-weight:normal;
	}
	#sec01 {
		margin: 0 auto 0 auto;
		width: 100%;
	}
	#section01 #sec01>h2 {
		display:block;
		margin: 20px auto 20px auto;
		width: 100%;
		font-weight:bold;
		font-size:17px;
		font-family: "NotoSansCJKjp-Bold";
		color: #444;
		padding-left:30px;
	}
	#section01 #sec01title01 {
		margin: 0 auto 0 auto;
		width: 90%;
	}
	#sec01 #sec01cont {
		margin: 10px auto 0 5%;
		width: 90%;
		padding-bottom:0px;
		background-color:rgba( 255,255,255,0.95 ); 	/*  White  透過95% */
		position: relative;
		border: solid 1px #DDD;
			border-radius:5px;  
			-moz-border-radius:5px;  
			-webkit-border-radius:5px;  
	}
	#sysdev {		/* □ 固定ヘッダ アンカー位置差分変更 */
		margin-top:-80px;
		padding-top:80px;
	}
	#itinfra {		/* □ 固定ヘッダ アンカー位置差分変更 */
		margin-top:-80px;
		padding-top:80px;
	}
	#helpsup {		/* □ 固定ヘッダ アンカー位置差分変更 */
		margin-top:-80px;
		padding-top:80px;
	}
	#kitting {		/* □ 固定ヘッダ アンカー位置差分変更 */
		margin-top:-80px;
		padding-top:80px;
	}
	#syseng {		/* □ 固定ヘッダ アンカー位置差分変更 */
		margin-top:-80px;
		padding-top:80px;
	}

	#sec01 dl,dt,dd {
		display:block;
	}
	.cont01 {
		margin: 0 auto 0 auto;
		width: 90%;
		padding-bottom:20px;
	}
	.cont0101 {
		margin: 20px auto 10px auto;
		width: 100%;
		font-size:12px;
		line-height:18px;
		font-weight:normal;
		font-family: "NotoSansCJKjp-Regular";
		color:#444;
		padding-bottom:10px;
	}
	.cont0101  h2 {
		display:block;
		margin: 0 auto 0 auto;
		width: 100%;
		font-size:15px;
		font-weight:bold;
		color: #519D9E;		/* WA-green */
		padding-top:0px;
		padding-left:0px;
	}
	.cont0101  h3 {
		display:block;
		margin: 10px auto 10px auto;
		width: 100%;
		font-size:13px;
		font-weight:bold;
		font-family: "NotoSansCJKjp-Bold";
		color: #555;
		padding-top:0px;
		padding-left:0px;
	}
	.cont0101 .svimg {
		display:block;
		float:right;
		width:170px;
		padding:0px;
		padding-right:0px;
		padding-left:10px;
		padding-bottom:10px;
		zoom:0.6;
	}
	.cont0101 .svimg img {
		display:block;
		padding:0;
		zoom:0.5;
		border: solid 1px #BDC3C7;		/* Siver */
	}
	.cont01 dl {
		margin: 0 auto 0 auto;
		width: 100%;
	}
	.cont01 dt {
		margin: 0 auto 0 auto;
		font-size:14px;
		font-weight:bold;
		color:#444;
		color: #519D9E;		/* WA-green */
		padding-bottom:10px;
	}
	.cont01 dd {
		margin: 0 auto 0 auto;
		font-size:12px;
		line-height:18px;
		font-weight:normal;
		color:#333;
		padding-bottom:20px;
	}
	.cont01 dd ul {
		margin: 0 auto 0 auto;
		width: 90%;
		padding-bottom:20px;
	}
	.cont01 dd li {
	}
	.cont01 dd ul.li04 li {
		margin: 0 auto 0 auto;
		width:90%;
	}
	.cont01 dd ul.li04 li img {
		display:block;
		margin: 0 auto 20px auto;
		zoom:0.6;
	}
	.cont01 dd ul.li02 li {
		margin: 0 auto 0 auto;
		width:100%;
	}
	.cont01 dd ul.li02 li img {
		display:block;
		margin: 0 auto 30px auto;
		zoom:0.7;
	}
	.cont01 dd  img.svimg02 {
		display:block;
		margin: 0 auto 0 auto;
		zoom:0.42;
	}
	.cont01 .detail-btn {
		display:block;
		margin: 0px auto 10px 17.5%;
		width: 200px;
		height:40px;
	}

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

	}

	@media only screen and (min-width:768px) {

		#section01 {
			margin: 20px auto 0 auto;
			width: 100%;
			padding-bottom:0px;
			background:linear-gradient(90deg,white 0%,white 10%,#F5F5F5 10%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
		}
		#sec01 {
			margin: 0 auto 0 12%;
			width: 80%;
			margin: 0 auto 0 auto;
			width: 100%;
			padding-bottom:50px;
			background-image:
				url("images/bg/bgsym-1.png"),
				url("images/bg/bgsym-1.png");
			background-size:
				:contain,
				:contain;
			background-position:
				center top 4%,
				center bottom 10%;
			background-repeat:
				no-repeat,
				no-repeat;
			position:relative;
		}
		#section01 #sec01>h2 {
			display:block;
			margin: 50px auto 0 auto;
			width: 80%;
			font-weight:normal;
			font-size:36px;
			font-family: "NotoSansCJKjp-Bold";
			letter-spacing:3px;
			padding-left:150px;
		}
		#sec01 #sec01cont {
			margin: 50px auto 30px 15%;
			width: 72.5%;
			padding-bottom:0;
			background-color:rgba( 255,255,255,0.98 ); 	/*  White  透過98% */
				border-radius:10px;  
				-moz-border-radius:10px;  
				-webkit-border-radius:10px;  
			position: relative;
		}
		#sysdev {		/* □ 固定ヘッダ アンカー位置差分変更 */
			margin-top:-80px;
			padding-top:80px;
		}
		#itinfra {		/* □ 固定ヘッダ アンカー位置差分変更 */
			margin-top:-80px;
			padding-top:80px;
		}
		#helpsup {		/* □ 固定ヘッダ アンカー位置差分変更 */
			margin-top:-80px;
			padding-top:80px;
		}
		#kitting {		/* □ 固定ヘッダ アンカー位置差分変更 */
			margin-top:-80px;
			padding-top:80px;
		}
		#syseng {		/* □ 固定ヘッダ アンカー位置差分変更 */
			margin-top:-80px;
			padding-top:80px;
		}
		.cont01 {
			margin: 10px auto 0 auto;
			width: 82%;
			padding-bottom:50px;
		}
		.cont0101 {
			margin: 40px auto 0 auto;
			width: 100%;
			font-size:15px;
			line-height:24px;
			font-weight:normal;
			font-family: "NotoSansCJKjp-Regular";
			color:#444;
			padding-bottom:0px;
		}
		.cont0101 h2 {
			display:block;
			margin: 0px auto 0 auto;
			width: 100%;
			font-size:34px;
			text-align:left;
			font-weight:bold;
			font-family: "NotoSansCJKjp-Bold";
			color: #519D9E;		/* WA-green */
			padding-top:0px;
			padding-left:0px;
		}
		.cont0101 h3 {
			display:block;
			margin: 20px auto 20px auto;
			width: 100%;
			font-size:20px;
			font-weight:bold;
			font-family: "NotoSansCJKjp-Bold";
			color: #555;
			padding-top:0px;
			padding-left:0px;
		}
		.cont0101 .svimg {
			float:right;
			width:340px;
			padding:40px;
			padding-top:0px;
			padding-right:0px;
			padding-bottom:20px;
			zoom:1.0;
		}
		.cont0101 .svimg img {
			display:block;
			padding:0;
			zoom:1.0;
		}
		.cont01 dl {
			margin: 20px auto 0 auto;
			width: 94%;
		}
		.cont01 dt {
			margin: 0 auto 0 auto;
			font-size:18px;
			font-weight:normal;
			font-family: "NotoSansCJKjp-Medium";
			color:#444;
			color: #519D9E;		/* WA-green */
			padding-bottom:20px;
		}
		.cont01 dd {
			margin: 0 auto 0 auto;
			font-size:14px;
			line-height:22px;
			font-weight:normal;
			font-family: "NotoSansCJKjp-Regular";
			color:#444;
			padding-bottom:20px;
		}
		.cont01 dd ul {
			margin: 0 auto 0 7.5%;
			width: 90%;
			padding-bottom:30px;
		}
		.cont01 dd li {
			float:left;
		}
		.cont01 dd ul.li04 li {
			margin: 0 auto 0 auto;
			float:left;
			width:25%;
		}
		.cont01 dd ul.li04 img {
			display:block;
			margin: 0 auto 0 auto;
			padding-right:30px;
			width:100%;
			zoom:1.0;
		}
		.cont01 dd ul.li02 li {
			margin: 0 auto 0 -15px;
			float:left;
			width:50%;
		}
		.cont01 dd ul.li02 img {
			display:block;
			margin: 0 auto 0 auto;
			width:80%;
			zoom:1.0;
		}
		.cont01 dd  img.svimg02 {
			display:block;
			margin: 0 auto 0 auto;
			zoom:1.0;
		}
		.cont01 .detail-btn {
			display:block;
			margin: 25px auto 0 35%;
			margin: 10px auto 0 35%;
			width: 230px;
			height:50px;
		}
	}

	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#section01 {
			margin: -50px auto 0 auto;
			width: 100%;
			padding-bottom:0px;
			background:linear-gradient(90deg,#F5F5F5 0%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
		}
		#sec01 {
			margin: 0 auto 0 auto;
			width: 100%;
			padding-bottom:30px;
			position:relative;
		}
		#section01 #sec01>h2 {
			display:block;
			margin: 30px auto 10px auto;
			width: 100%;
			font-weight:bold;
			font-size:22px;
			font-family: "NotoSansCJKjp-Bold";
			letter-spacing:5px;
			color: #519D9E;		/* WA-green */
			padding-left:135px;
		}
		#sec01 #sec01cont {
			margin: 10px auto 20px 2.5%;
			width: 95%;
			padding-bottom:0px;
			box-sizing: border-box;
			display: inline-block;
			position: relative;
		}
		.cont0101 h2 {
			font-size:22px;
		}
		.cont0101 h3 {
			font-size:15px;
		}

	}



/* ========== css/slick.css ========== */
/*==================================
		スライダーのためのcss
	===================================*/
	.slider {		/* 横幅94%で左右に余白を持たせて中央寄せ */
		width:94%;
		margin:0 auto;
		z-index:6;
	}

	.slider img {
		width:60vw;
		width:20vw;	/*● スライダー内の画像を20vw レスポンシブ化 */
		width:12vw;	/*● スライダー内の画像を20vw レスポンシブ化 */
		height:auto;
			box-shadow: 0px 1px 2px 1px #bbb;
			-webkit-box-shadow: 0px 1px 2px 1px #bbb;
			-moz-box-shadow: 0px 1px 2px 1px #bbb;
	}
	.slider .slick-slide {
		transform: scale(0.7);	/* 左右の画像のサイズを80%に*/
		transition: all .5s;		/* 拡大や透過のアニメーションを0.5秒で行う*/
		opacity: 1.0;				/* ●透過100%*/
	}

	.slider .slick-slide.slick-center{
		transform: scale(0.9);		/* ●中央の画像のサイズだけ等倍に*/
		opacity: 1;/*透過なし*/
	}

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

		.slider {		/* 横幅94%で左右に余白を持たせて中央寄せ */
			width:94%;
			width:100%;
			margin:0 auto;
			z-index:6;
		}
		.slider img {
			width:60vw;	/*● スライダー内の画像を60vw レスポンシブ化 */
			width:30vw;	/*● スライダー内の画像を60vw レスポンシブ化 */
			height:auto;
		}
	}

	@media only screen and (min-width: 768px) and (max-width: 992px) {

		.slider img {
			width:25vw;	/*● スライダー内の画像を25vw レスポンシブ化 */
			height:auto;
		}

	}



	/*矢印の設定*/
	/*戻る、次へ矢印の位置*/
	.slick-prev, 
	.slick-next {
		position: absolute;/*絶対配置にする*/
		top: 43%;
		cursor: pointer;/*マウスカーソルを指マークに*/
		outline: none;/*クリックをしたら出てくる枠線を消す*/
		border-top: 2px solid #666;/*矢印の色*/
		border-right: 2px solid #666;/*矢印の色*/
		border-top: 2px solid #AAA;/*★矢印の色*/
		border-right: 2px solid #AAA;/*★矢印の色*/
		height: 15px;
		width: 15px;
		height: 12px;		/* ★ */
		width: 12px;		/* ★ */
		z-index:6;
	}

	.slick-prev {/*戻る矢印の位置と形状*/
		left: -1.5%;
		left: -2%;	/* ★ */
		transform: rotate(-135deg);
	}

	.slick-next {/*次へ矢印の位置と形状*/
		right: -1.5%;
		right: -2%;	/* ★ */
		transform: rotate(45deg);
	}

	/*ドットナビゲーションの設定*/

	.slick-dots {
		text-align:center;
		margin:20px 0 0 0;
		margin:0 0 0 0;
	}
	.slick-dots li {
		display:none;	/* ★DOT marker erase */
		display:inline-block;
		margin:0 5px;
		margin-top:10px;
	}

	.slick-dots button {
		color: transparent;
		outline: none;
		width:8px;/*ドットボタンのサイズ*/
		height:8px;/*ドットボタンのサイズ*/
		display:block;
		border-radius:30%;
		border-color:none;
		border: 1px solid #BDC3C7;		/* Siver */ 
		background:#F5F5F5;/*ドットボタンの色*/
	}

	.slick-dots .slick-active button{
		background:#777;/*ドットボタンの現在地表示の色*/
	}

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

		.slick-prev {/*戻る矢印の位置と形状*/
			left: -5%;	/* ★ */
			transform: rotate(-135deg);
		}
		.slick-next {/*次へ矢印の位置と形状*/
			right: -5%;	/* ★ */
			transform: rotate(45deg);
		}

	}


/* ========== css/ui.css ========== */
/*----------------------------------------------------------------------------*/
/* 	UI パーツ　共通 CSS   ■button系				 					     */
/*----------------------------------------------------------------------------*/

	/* VIEW ALL すべて見る　Button :hover 「 □　→ ■  」  */

	.viewall {
		display:block;
		width:200px;
		height:45px;
		border:2px solid #E56E2C;		/* HD-orange02 */
		float:left;
		text-align:center;
		cursor:pointer;
		position:relative;
		box-sizing:border-box;
		overflow:hidden;
		margin:0 0 40px 0;
		background	: url("images/icon/btn-sym01.png") no-repeat;
		background-size:8px 8px;
		background-position: 10px  15px;
		background-color:#E56E2C;		/* HD-orange02 */
	}
	.viewall  a{
		display:block;
		font-size:14px;
		color:#FFF;
		font-family: "NotoSansCJKjp-Medium";
		text-decoration:none;
		line-height:40px;
		transition:all .5s ease;
		z-index:2;
		position:relative;
	}
	.eff-detail03 {
		width:200px;
		height:45px;
		left:-200px;
		top:0px;
		background	: url("images/icon/btn-sym02.png") no-repeat;
		background-size:8px 8px;
		background-position: 170px 15px; 
		background-color:#FFF;
		position:absolute;
		transition:all .5s ease;
		z-index:1;
	}
	.viewall:hover .eff-detail03  {
		left:0;top:0;
	}
	.viewall:hover a{
		color:#E56E2C;		/* HD-orange02 */
	}

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

		.viewall {
			width:200px;
			height:45px;
			background-position:  left 0px  top 10px;
			background	: url("images/icon/btn-sym01.png") no-repeat;
			background-size:8px 8px;
			background-position: 5px  8px; 
			background-color:#E56E2C;		/* HD-orange02 */
		}
		.viewall  a{
			font-size:12px;
			line-height:26px;
			font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "小塚ゴシック Pro","Kozuka Gothic Pro","メイリオ", 
						Meiryo, Osaka, helvetica, arial,
						"游ゴシック体", YuGothic,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		}
		.eff-detail03 {
			width:200px;
			height:45px;
			left:-200px;
			top:0px;
		}
	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		.viewall {
			width:180px;
			height:40px;
			background-position:  left 10px  top 15px;
		}
		.viewall  a{
			font-size:14px;
			line-height:40px;
			font-family: "NotoSansCJKjp-Medium";
		}
		.eff-detail03 {
			width:180px;
			height:40px;
			left:-180px;
			top:0px;
			background	: url("images/icon/btn-sym02.png") no-repeat;
			background-size:8px 8px;
			background-position: 15px  10px; 
		}
	}

	/* お知らせ一覧を見る　Button :hover 「 □　→ ■  」  */

	.tpall {
		display:block;
		width:180px;
		height:40px;
		border:1px solid #E60021;		/* AF-red */
		float:left;
		text-align:center;
		cursor:pointer;
		position:relative;
		box-sizing:border-box;
		overflow:hidden;
		margin:0 0 40px 0;
		background	: url("images/icon/btn-sym03.png") no-repeat;
		background-size:8px 8px;
		background-position: 10px  13px;
		background-color:#FFF;
	}
	.tpall  a{
		display:block;
		font-size:14px;
		color:#E60021;		/* AF-red */
		font-family: "NotoSansCJKjp-Medium";
		text-decoration:none;
		line-height:2.5em;
		transition:all .5s ease;
		z-index:2;
		position:relative;
	}
	.eff-detail04 {
		width:180px;
		height:40px;
		left:-180px;
		top:0px;
		background	: url("images/icon/btn-sym01.png") no-repeat;
		background-size:8px 8px;
		background-position: 155px 13px; 
		background-color:#E60021;		/* AF-red */
		position:absolute;
		transition:all .5s ease;
		z-index:1;
	}
	.tpall:hover .eff-detail04  {
		left:0;top:0;
	}
	.tpall:hover a{
		color:#FFF;
	}

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

		.tpall {
			width:160px;
			height:30px;
			background-position:  left 0px  top 10px;
			background	: url("images/icon/btn-sym03.png") no-repeat;
			background-size:8px 8px;
			background-position: 7px  9px; 
			background-color:#FFF;
		}
		.tpall  a{
			font-size:12px;
			line-height:2.4em;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "小塚ゴシック Pro","Kozuka Gothic Pro","メイリオ", 
						Meiryo, Osaka, helvetica, arial,
						"游ゴシック体", YuGothic,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		}
		.eff-detail04 {
			width:160px;
			height:30px;
			left:-180px;
			top:0px;
		}
	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		.tpall {
			width:180px;
			height:40px;
			background-position:  left 10px  top 15px;
		}
		.tpall  a{
			font-size:14px;
			line-height:2.5em;
			font-family: "NotoSansCJKjp-Medium";
		}
		.eff-detail04 {
			width:180px;
			height:40px;
			left:-180px;
			top:0px;
			background	: url("images/icon/btn-sym01.png") no-repeat;
			background-size:8px 8px;
			background-position: 15px  10px; 
		}
	}


	/* 詳しくは　Button :hover 「 □　→ ■  」  */

	.detail-btn {
		display:block;
		width:150px;
		height:35px;
		border:1px solid #3CB400;		/* sec-green01 */
		float:left;
		text-align:center;
		cursor:pointer;
		position:relative;
		box-sizing:border-box;
		overflow:hidden;
		margin:0 0 40px 0;
		background	: url("images/icon/btn-sym01.png") no-repeat;
		background-size:8px 8px;
		background-position: 8px  12px;
		background-color:#3CB400;		/* sec-green01 */
/*			box-shadow: 0px 1px 2px 1px #eee;
			-webkit-box-shadow: 0px 1px 2px 1px #eee;
			-moz-box-shadow: 0px 1px 2px 1px #eee;*/
	}
	.detail-btn  a{
		display:block;
		font-family: "NotoSansCJKjp-Regular";
		font-size:13px;
		color:#FFF;
		text-decoration:none;
		line-height:2.5em;
		transition:all .5s ease;
		z-index:2;
		position:relative;
	}
	.eff-detail {
		width:150px;
		height:35px;
		left:-150px;
		top:0px;
		background	: url("images/icon/btn-sym02.png") no-repeat;
		background-size:8px 8px;
		background-position: 130px 12px; 
		background-color:#FFF;
		position:absolute;
		transition:all .5s ease;
		z-index:1;
	}
	.detail-btn:hover .eff-detail  {
		left:0;top:0;
	}
	.detail-btn:hover a{
		color:#3CB400;		/* sec-green01 */
	}

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

		.detail-btn {
			width:120px;
			height:30px;
			background-position:  left 0px  top 10px;
			background	: url("images/icon/btn-sym01.png") no-repeat;
			background-size:8px 8px;
			background-position: 7px  9px; 
			background-color:#3CB400;		/* sec-green01 */
		}
		.detail-btn  a{
			font-size:12px;
			line-height:2.2em;
			font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "小塚ゴシック Pro","Kozuka Gothic Pro","メイリオ", 
						Meiryo, Osaka, helvetica, arial,
						"游ゴシック体", YuGothic,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		}
		.eff-detail {
			width:120px;
			height:30px;
			left:-120px;
			top:0px;
		}
	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		.detail-btn {
			width:150px;
			height:30px;
			background-position:  left 5px  top 11px;
		}
		.detail-btn  a{
			font-size:13px;
			line-height:2.5em;
			font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "小塚ゴシック Pro","Kozuka Gothic Pro","メイリオ", 
						Meiryo, Osaka, helvetica, arial,
						"游ゴシック体", YuGothic,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		}
		.eff-detail {
			width:150px;
			height:30px;
			left:-150px;
			top:0px;
			background	: url("images/icon/btn-sym03.png") no-repeat;
			background-size:8px 8px;
			background-position: 5px  11px; 
		}
	}

	/* 詳しくは　Button :hover 「 □　→ ■  」  */

	.detail-btn02 {
		display:block;
		width:150px;
		height:30px;
		border:1px solid #2E9648;		/* AF-green01 */
		float:left;
		text-align:center;
		cursor:pointer;
		position:relative;
		box-sizing:border-box;
		overflow:hidden;
		margin:0 0 40px 0;
		background	: url("images/icon/btn-sym01.png") no-repeat;
		background-size:8px 8px;
		background-position: 10px  10px;
		background-color:#2E9648;		/* AF-green01 */
	}
	.detail-btn02  a{
		display:block;
		font-family:arial;
		font-size:13px;
		color:#FFF;
		text-decoration:none;
		line-height:28px;
		transition:all .5s ease;
		z-index:2;
		position:relative;
	}
	.eff-detail02 {
		width:150px;
		height:30px;
		left:-150px;
		top:0px;
		color:#2E9648;		/* AF-green01 */

		background	: url("images/icon/btn-sym02.png") no-repeat;
		background-size:8px 8px;
		background-position: 130px 10px; 
		background-color:#FFF;
		position:absolute;
		transition:all .5s ease;
		z-index:1;
	}
	.detail-btn02:hover .eff-detail02  {
		left:0;top:0;
	}
	.detail-btn02:hover a{
		color:#2E9648;		/* AF-green01 */
	}

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

		.detail-btn02 {
			width:130px;
			height:30px;
			background-position:  left 0px  top 10px;
			background	: url("images/icon/btn-sym01.png") no-repeat;
			background-size:8px 8px;
			background-position: 5px  9px; 
			background-color:#2E9648;		/* AF-green01 */
		}
		.detail-btn02  a{
			font-size:12px;
			line-height:26px;
		}
		.eff-detail02 {
			width:130px;
			height:30px;
			left:-130px;
			top:0px;
		}
	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		.detail-btn02 {
			width:150px;
			height:30px;
			background-position:  left 10px  top 8px;
		}
		.detail-btn02  a{
			font-size:14px;
			line-height:26px;
		}
		.eff-detail02 {
			width:150px;
			height:30px;
			left:-150px;
			top:0px;
			background	: url("images/icon/btn-sym02.png") no-repeat;
			background-size:8px 8px;
			background-position: 15px  0px; 
		}
	}

	/* お問い合わせへ Button :hover 「 □　→ ■  」  */

	.cont-btn {
		display:block;
		width:330px;
		height:50px;
		border:2px solid #2E9648;		/* AF-green01 */
		float:left;
		text-align:center;
		cursor:pointer;
		position:relative;
		box-sizing:border-box;
		overflow:hidden;
		margin:0 0 40px 0;
		background	: url("images/icon/btn-sym01.png") no-repeat;
		background-size:11px 11px;
		background-position: 15px  18px;
		background-color:#2E9648;		/* AF-green01 */
	}
	.cont-btn  a{
		display:block;
		font-family: "NotoSansCJKjp-Medium";
		font-size:15px;
		color:#2E9648;		/* AF-green01 */
		color:#FFF;
		text-decoration:none;
		line-height:47px;
		transition:all .5s ease;
		z-index:2;
		position:relative;
	}
	.eff-cont {
		width:330px;
		height:50px;
		left:-330px;
		top:0px;
		background	: url("images/icon/btn-sym04.png") no-repeat;
		background-size:11px 11px;
		background-position: 200px 18px; 
		background-color:#FFF;
		position:absolute;
		transition:all .5s ease;
		z-index:1;
	}
	.cont-btn:hover .eff-cont {
		left:0;top:0;
	}
	.cont-btn:hover a{
		color:#FFF;
		color:#2E9648;		/* AF-green01 */
	}

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

		.cont-btn {
			width:280px;
			height:35px;
			background-position:  left 0px  top 10px;
			background	: url("images/icon/btn-sym01.png") no-repeat;
			background-size:10px 10px;
			background-position: 10px  11px; 
			background-color:#2E9648;		/* AF-green01 */
		}
		.cont-btn  a{
			font-size:12px;
			line-height:32px;
		}
		.eff-cont {
			width:280px;
			height:35px;
			left:-280px;
			top:0px;
		}
	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		.cont-btn {
			width:280px;
			height:40px;
			background	: url("images/icon/btn-sym01.png") no-repeat;
			background-size:8px 8px;
			background-position:  left 5px  top 10px;
			background-color:#2E9648;		/* AF-green01 */
		}
		.cont-btn  a{
			font-size:14px;
			line-height:2.3em;
		}
		.eff-cont {
			width:280px;
			height:40px;
			left:-280px;
			top:0px;
			background	: url("images/icon/btn-sym02.png") no-repeat;
			background-size:8px 8px;
			background-position: 5px  5px; 
		}
	}

	/* 一覧に戻る Button :hover 「 □　→ ■  」  */

	.return-btn {
		display:block;
		width:230px;
		height:50px;
		border:2px solid #2E9648;		/* AF-green01 */
		float:left;
		text-align:center;
		cursor:pointer;
		position:relative;
		box-sizing:border-box;
		overflow:hidden;
		margin:0 0 40px 0;
		background	: url("images/icon/btn-sym01.png") no-repeat;
		background-size:11px 11px;
		background-position: 15px  18px;
		background-color:#2E9648;		/* AF-green01 */
	}
	.return-btn  a{
		display:block;
		font-size:15px;
		color:#2E9648;		/* AF-green01 */
		color:#FFF;
		text-decoration:none;
		line-height:2.9em;
		transition:all .5s ease;
		z-index:2;
		position:relative;
	}
	.eff-return {
		width:230px;
		height:50px;
		left:-230px;
		top:0px;
		background	: url("images/icon/btn-sym04.png") no-repeat;
		background-size:11px 11px;
		background-position: 200px 18px; 
		background-color:#FFF;
		position:absolute;
		transition:all .5s ease;
		z-index:1;
	}
	.return-btn:hover .eff-return  {
		left:0;top:0;
	}
	.return-btn:hover a{
		color:#FFF;
		color:#2E9648;		/* AF-green01 */
	}

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

		.return-btn {
			width:180px;
			height:35px;
			background-position:  left 0px  top 10px;
			background	: url("images/icon/btn-sym01.png") no-repeat;
			background-size:10px 10px;
			background-position: 10px  10px; 
			background-color:#2E9648;		/* AF-green01 */
		}
		.return-btn  a{
			font-size:12px;
			line-height:2.5em;
		}
		.eff-return {
			width:180px;
			height:35px;
			left:-180px;
			top:0px;
		}
	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		.return-btn {
			width:200px;
			height:40px;
			background	: url("images/icon/btn-sym01.png") no-repeat;
			background-size:8px 8px;
			background-position:  left 5px  top 10px;
			background-color:#2E9648;		/* AF-green01 */
		}
		.return-btn  a{
			font-size:14px;
			line-height:2.3em;
		}
		.eff-return {
			width:200px;
			height:40px;
			left:-200px;
			top:0px;
			background	: url("images/icon/btn-sym02.png") no-repeat;
			background-size:8px 8px;
			background-position: 5px  5px; 
		}
	}

/* ■ 申し込み enter Button  */

	/* Button :hover □　→ ■  */

	.ent-btn {
		display:block;
		width:300px;
		height:50px;
		border:3px solid #3A69BA;		/* sec-blue03 */
		float:left;
		text-align:center;
		cursor:pointer;
		position:relative;
		box-sizing:border-box;
		overflow:hidden;
		margin:0 0 40px 0;
		background	: url("images/icon/btn-arrow01.png") no-repeat;
		background-size:29px 8px;
		background-position:  left -10px  top 17px;
		background-color:#E56E2C;		/* WA-orange01 */
		background-color:#3A69BA;		/* sec-blue03 */
	}
	.ent-btn  a{
		display:block;
		font-size:15px;
		font-weight:600;
		color:#FFF;
		text-decoration:none;
		line-height:2.9em;
		transition:all .5s ease;
		z-index:2;
		position:relative;
	}
	.eff-ent {
		width:300px;
		height:50px;
		left:-300px;
		top:0px;
		position:absolute;
		transition:all .5s ease;
		background	: url("images/icon/btn-arrow01.png") no-repeat;
		background-size:29px 8px;
		background-position:  left 250px  top 17px;
		background-color:#FFF;
		z-index:1;
	}
	.ent-btn:hover .eff-ent  {
		left:0;top:0;
	}
	.ent-btn:hover a{
		color:#3A69BA;		/* sec-blue03 */
	}

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

		.ent-btn {
			width:220px;
			height:35px;
			background-position:  left -10px  top 8px;
		}
		.ent-btn  a{
			font-size:12px;
			line-height:2.4em;
		}
		.eff-ent {
			width:220px;
			height:35px;
			left:-220px;
			top:0px;
		}
	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		.ent-btn {
			width:300px;
			height:50px;
			background-position:  left -2px  top 18px;
		}
		.ent-btn  a{
			font-size:13px;
			line-height:42px;
		}
		.eff-ent {
			width:300px;
			height:50px;
			left:-300px;
			top:0px;
		}
	}

/* ■ 申し込み enter Button  */

	/* Button :hover ■ → □  */

	.ent-btn02 {
		width:400px;
		height:65px;
		border:3px solid #D35400;		/* LD-red01 */
		float:left;
		text-align:center;
		cursor:pointer;
		position:relative;
		box-sizing:border-box;
		overflow:hidden;
		margin:0 0 40px 0;
		background-color:#FFF;
		background	: url("images/icon/btn-arrow01.png") no-repeat;
		background-size:29px 8px;
		background-position:  left -4px  top 22px;
		background-color:#D35400;		/* LD-red01 */
	}
	.ent-btn02  a{
		font-size:18px;
		font-family: "NotoSansCJKjp-Medium";
		font-display: swap;
		color:#D35400;		/* LD-red01 */
		color:#FFF;
		text-decoration:none;
		line-height:58px;
		transition:all .5s ease;
		z-index:2;
		position:relative;
	}
	.eff-ent02 {
		width:400px;
		height:65px;
		left:-400px;
		top:0px;
		background-color:#D35400;		/* LD-red01 */
		background-color:rgba( 255,255,255,0.95 ); 	/*  White  透過95% */
		position:absolute;
		transition:all .5s ease;
		z-index:1;
	}
	.ent-btn02:hover .eff-ent02  {
		left:0;top:0;
	}
	.ent-btn02:hover a{
		color:#fff;
		color:#D35400;		/* LD-red01 */
	}

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

		.ent-btn02 {
			width:80%;
			height:40px;
			background-position:  left 0px  top 13px;
		}
		.ent-btn02  a{
			font-size:12px;
			line-height:32px;
		}
		.eff-ent02 {
			width:80%;
			height:40px;
			left:-80%;
			top:0px;
		}
	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		.ent-btn02 {
			width:300px;
			height:50px;
			background-position:  left -2px  top 18px;
		}
		.ent-btn02  a{
			font-size:13px;
			line-height:42px;
		}
		.eff-ent02 {
			width:300px;
			height:50px;
			left:-300px;
			top:0px;
		}
	}

	/* 一覧に戻る　Button :hover 「 □　→ ■  」  */

	.listbk {
		display:block;
		width:200px;
		height:45px;
		border:2px solid #3CB400;		/* sec-green01 */
		float:left;
		text-align:center;
		cursor:pointer;
		position:relative;
		box-sizing:border-box;
		overflow:hidden;
		margin:0 0 40px 0;
		background	: url("images/icon/btn-sym01.png") no-repeat;
		background-size:8px 8px;
		background-position: 10px  15px;
		background-color:#3CB400;		/* sec-green01 */
	}
	.listbk  a{
		display:block;
		font-size:15px;
		color:#FFF;
		font-family: "NotoSansCJKjp-Regular";
		text-decoration:none;
		line-height:39px;
		transition:all .5s ease;
		z-index:2;
		position:relative;
	}
	.eff-listbk {
		width:200px;
		height:45px;
		left:-200px;
		top:0px;
		background	: url("images/icon/btn-sym02.png") no-repeat;
		background-size:8px 8px;
		background-position: 170px 15px; 
		background-color:#FFF;
		position:absolute;
		transition:all .5s ease;
		z-index:1;
	}
	.listbk:hover .eff-listbk  {
		left:0;top:0;
	}
	.listbk:hover a{
		color:#3CB400;		/* sec-green01 */
	}

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

		.listbk {
			width:180px;
			height:30px;
			background-position:  left 0px  top 10px;
			background	: url("images/icon/btn-sym01.png") no-repeat;
			background-size:8px 8px;
			background-position: 5px  8px; 
			background-color:#3CB400;		/* sec-green01 */
		}
		.listbk  a{
			font-size:12px;
			line-height:26px;
		}
		.eff-listbk {
			width:180px;
			height:30px;
			left:-180px;
			top:0px;
		}
	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		.listbk {
			width:180px;
			height:40px;
			background-position:  left 15px  top 13px;
		}
		.listbk  a{
			font-size:14px;
			line-height:36px;
			font-family: "NotoSansCJKjp-Medium";
		}
		.eff-listbk {
			width:180px;
			height:40px;
			left:-180px;
			top:0px;
			background	: url("images/icon/btn-sym02.png") no-repeat;
			background-size:8px 8px;
			background-position: 15px  13px; 
		}
	}

/* ■ Button slide animation  */

	/* CONTACT お問い合わせ  */ 
	/*　左の動き　*/
		#toCont.LeftMove{
			animation: LeftAnime 0.5s forwards;
		}

		@keyframes LeftAnime{
		  from {
		    opacity: 0;
			transform: translateX(100px);
		  }
		  to {
		    opacity: 1;
			transform: translateX(0);
		  }
		}

	/*　右の動き　*/
		#toCont.RightMove{
			animation: RightAnime 0.5s forwards;
		}
		@keyframes RightAnime{
		  from {
		  	opacity: 1;
			transform: translateX(0);
		  }
		  to {
		  	opacity: 1;
			transform: translateX(100px);
		  }
		}

	/* ◆BUTTON 枠線：左上と右下から枠線が伸びて塗り  7-1-26 P.359 */ 

		/* button 共通設定  - ●線から塗り系 - */

		.btn01 {
			/*線の基点とするためrelativeを指定*/
			position: relative;
			/*ボタンの形状*/
			display: inline-block;
			color:#E7370D;		/* HD-orange01 */
/*			padding: 10px 20px;*/
			background:#eee;
			background:#F5F5F5;
			text-decoration: none;
			outline: none;
			/*アニメーションの指定*/
			transition: all .3s;
			transition-delay: .7s;/*0.7秒遅れてアニメーション*/
		}
		/*hoverした際の、ボタンの背景とテキスト色の変更*/
		.btn01:hover{
			background:#333;
			background:#E7370D;		/* HD-orange01 */
			color: #fff;
		}
		/*線の設定*/
		.btn01 span{
			display: block;
		}
		/*横線の設定*/
		.btn01::before,
		.btn01::after{
			content:"";
			/*絶対配置で線の位置を決める*/   
			position: absolute;
			/*線の形状*/   
			width: 0;
			height: 2px;
			background: #333;
			background: #E7370D;		/* HD-orange01 */
			/*アニメーションの指定*/
			transition: all 0.2s linear;
		}
		/*縦線の設定*/
		.btn01 span::before,
		.btn01 span::after{
			content:"";
			/*絶対配置で線の位置を決める*/   
			position: absolute;
			/*線の形状*/
			width:1px;
			width:2px;
			height:0;
			background: #333;
			background: #E7370D;		/* HD-orange01 */
			/*アニメーションの指定*/
			transition: all 0.2s linear;
		}
		/*hoverした際、線が縦横100%伸びる*/
		.btn01:hover::before,
		.btn01:hover::after {
		 	width: 100%;
		}
		.btn01:hover span::before,
		.btn01:hover span::after {
			height: 100%;
		}

			/*== 左上と右下から枠線が伸びて塗りに */

			/*横線が0.2秒送れて出現*/
			.bordercircle1::before{
				right: 0;
				top: 0;
				transition-delay: 0.2s;
			}
			.bordercircle1::after{
				left: 0;
				bottom: 0;
				transition-delay: 0.2s;
			}

			/*縦線が出現*/
			.bordercircle1 span::before{
				left: 0;
				top: 0;
			}
			.bordercircle1 span::after{
				right: 0;
				bottom: 0;
			}

		/*== 左上と右下から枠線が伸びて塗りに */

		/*横線が0.2秒送れて出現*/
		.bordercircle1::before{
			 right: 0;
			 top: 0;
			 transition-delay: 0.2s;
		}
		.bordercircle1::after{
			left: 0;
			bottom: 0;
			transition-delay: 0.2s;
		}

		/*縦線が出現*/
		.bordercircle1 span::before{
			left: 0;
			top: 0;
		}
		.bordercircle1 span::after{
			right: 0;
			bottom: 0;
		}

	/* ◆BUTTON 枠線：背景が流れる（斜め） 7-1-8 P.333 */ 

		/* button 共通設定  - 背景が流れる（斜め） - */

		.btn02 {
			/*アニメーションの起点とするためrelativeを指定*/
				position: relative;
				overflow: hidden;
			/*ボタンの形状*/
				text-decoration: none;
				display: inline-block;
				border: 1px solid #3CB400;	/* ボーダーの色( sec-green01 ) ,太さ */
				padding: 10px 30px;
				text-align: center;
				outline: none;
			/*アニメーションの指定*/  
				transition: ease .2s;
		}
		/*ボタン内spanの形状*/
		.btn02 span {
			position: relative;
			z-index: 3;/*z-indexの数値をあげて文字を背景よりも手前に表示*/
			color: #444;			/* dark-gray02 */
			color: #3CB400;		/* sec-green01 */
		}
		.btn02:hover span {
			color:#fff;
		}
		/*== 背景が流れる（斜め） */
		.bgskew::before {
			content: '';
			/*絶対配置で位置を指定*/
			position: absolute;
			top: 0;
			left: -130%;
			/*色や形状*/
			background:#3CB400;		/* sec-green01 */
			width:120%;
			height: 100%;
			transform: skewX(-25deg);	/* 水平方向斜めにゆがめる変換 */
		}

		/*hoverした時のアニメーション*/
		.bgskew:hover::before {
			animation: skewanime .5s forwards;/*アニメーションの名前と速度を定義*/
		}

		@keyframes skewanime {
			100% {
				left:-10%;/*画面の見えていない左から右へ移動する終了地点*/
			}
		}

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

			.btn02 {
				padding: 7px 20px;
			}

		}

/* ■ TEXT Effect　animation  */

/*========= 1文字ずつ出現させるためのCSS   ●script/ui/text.js =============*/
.eachTextAnime {
	color:transparent;
}
.eachTextAnime span{
	opacity: 0;
	color: #333;
}
.eachTextAnime02 {
	color:transparent;
}
.eachTextAnime02 span{
	opacity: 0;
	color:#FFF;
}
.eachTextAnime.appeartext span{
	animation:text_anime_on 1s ease-out forwards; 
	color: #333;
}
.eachTextAnime02.appeartext02 span{
	animation:text_anime_on 0.5s ease-out forwards; 
	color:#FFF;
}

@keyframes text_anime_on {
	0% {opacity:0;}
	100% {opacity:1;}
}

/*========= 1文字ずつ出現させるためのCSS #02  ●script/ui/text.js =============*/



/* ========== css/sp.css ========== */
/* SP 用オーバーフロー上書き */
@media (max-width: 768px) {
  body, html,
  .viewall, .detail-btn, .cont-btn,
  .tpall, .return-btn, .ent-btn, .ent-btn02,
  .listbk {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch; /* iOS 慣性スクロール */
  }
}