*{
	margin:0;
	padding:0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	        box-sizing: border-box;
	font-size:14px;
	letter-spacing:1px;
	line-height:1.9em;
	color:#111;
//	font-family: Meiryo, sans-serif;
	word-break: break-all;
	position:relative;
	
	font-family: "dnp-shuei-gothic-kin-std", sans-serif;
	font-weight: 400;
	font-style: normal;
}

/*----
.BIZ_Regular {
	font-family: "biz-udpgothic", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.BIZ_Bold {
	font-family: "biz-udpgothic", sans-serif;
	font-weight: 700;
	font-style: normal;
}
----*/


html,body {
	height:100%;
}

body {
//	font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
	color:#333333;
}

a {
	color:#247de9;
	text-decoration:none;
}
a:hover{
	color:#ff0000;
	text-decoration:none;
	cursor: pointer;
}

a.lnk {
	color:#00477f;
//	text-decoration:underline;
}
a.lnk:hover{
	color:#ff0000;
	cursor: pointer;
}

.km {
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	-ms-border-radius:20px;
	border-radius:20px;
}
.km5 {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	border-radius:5px;
}

.pagetop {
	z-index:1000;
    display: none;
    position: fixed;
    bottom: 5px;
    right: 10px;
}

.pagetop:hover {
	opacity: 0.5;
}

.opa0 {
	opacity:0;
}
.opa05 {
	opacity: 1;
	transition:1.0s;
}
.opa05:hover {
	opacity: 0.5;
}
.none {
	display:none;
}

.p100 {
	width:100%;
}
.mp100 {
	max-width: 100%;
	height: auto;
}


.clear {
	clear:both;
}
.clear-p {
	clear:both;
}


.DNP_ShueiGoKinStd_L {
	font-family: "dnp-shuei-gothic-kin-std", sans-serif;
	font-weight: 400;
	font-style: normal;
}
.DNP_ShueiGoKinStd_M {
	font-family: "dnp-shuei-gothic-kin-std", sans-serif;
	font-weight: 500;
	font-style: normal;
}
.DNP_ShueiGoKinStd_B {
	font-family: "dnp-shuei-gothic-kin-std", sans-serif;
	font-weight: 600;
	fo}nt-style: normal;
}


.Contempora_Sans_Condensed {
	font-family: "contempora-sans-condensed", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.Vina_Sans_Regular {
	font-family: "vina-sans", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.TA_kakugo_gf_01_Regular {
	font-family: "ta-kakugo-gf-01", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.Intercom_Bold {
	font-family: "intercom", sans-serif;
	font-weight: 700;
	font-style: normal;
}

.Ringold_Slab {
	font-family: "ringold-slab", sans-serif;
	font-weight: 400;
	font-style: normal;
}

/*------
.Zen_Old_Mincho_Regular {
	font-family: "zen-old-mincho", sans-serif;
	font-weight: 400;
	font-style: normal;
}
.Zen_Old_Mincho_Bold {
	font-family: "zen-old-mincho", sans-serif;
	font-weight: 700;
	font-style: normal;
}
.Zen_Old_Mincho_Black {
	font-family: "zen-old-mincho", sans-serif;
	font-weight: 900;
	font-style: normal;
}
.Toppan_BunkyuMinchoPr6N_R {
	font-family: "toppan-bunkyu-mincho-pr6n", serif;
	font-weight: 400;
	font-style: normal;
}
------*/


/*-----------------------------------------------------------------
	-design-
-----------------------------------------------------------------*/

#wrapper{
	display:block;
}
#smart_wrapper{
	display:none;
}
#smart_footer{
	display:none;
}
/*以下は画像などの表示制御クラス*/

.pc_img_class{
	display:inline;
}
.smart_img_class{
	display:none;
}

.left {
	float:left;
}
.right {
	float:right;
}

.link-a01 {
	margin-top:-100px;
	padding-top:100px;
}

.link-r01 {
	margin-top:-50px;
	padding-top:50px;
}

.link-d01 {
	margin-top:-250px;
	padding-top:250px;
}
@media screen and (max-width:500px){
.link-d01 {
	margin-top:-60px;
	padding-top:60px;
}
}

@media screen and (max-width:500px){
.link-e01 {
	margin-top:-20px;
	padding-top:20px;
}
}

/*-----------------------------------------------------------------
	モーダルウィンドウ
-----------------------------------------------------------------*/
/* モーダルと背景の指定 */
.modal{
  z-index:100;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(0,0,0,50%);
  padding: 40px 20px;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
  box-sizing: border-box;

}

/* モーダルの擬似要素の指定 */
.modal:before{
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  margin-left: -0.2em;
}

/* クラスが追加された時の指定 */
.modal.is-active{
  opacity: 1;
  visibility: visible;
}

.modal-container0 {
	position: relative;
	display:inline-block;
	height:100%;
	padding: 10px 0 0 0;
}
@media screen and (max-width:500px){
.modal-container0 {
  position: absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:90%;
	height:80%;
	margin:auto;
}
}

/* モーダル内側の指定 */
.modal-container{
//	overflow:hidden;
	overflow:scroll;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	max-width: 600px;
	width: 90%;
	max-height:100%;
}

/* モーダルを閉じるボタンの指定 */
.modal-close{
	z-index:101;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0px;
  right: 20px;
  width: 40px;
  height: 40px;
  color: #fff;
  background: #000;
  border:1px solid #fff;
  border-radius: 50%;
  cursor: pointer;
}
@media screen and (max-width:500px){
.modal-close{
  top: 0px;
  right: 5px;
}
}

/* モーダルのコンテンツ部分の指定 */
.modal-content{
  height:100%;
  padding: 0px 40px  10px 40px;
  text-align: left;
  line-height: 1.5;
  background: #fff;
}
@media screen and (max-width:500px){
.modal-content{
  padding: 0px 10px 10px 10px;
}
}

/* モーダルのコンテンツ部分のテキストの指定 */
.modal-content p{
//	overflow:scroll;
	overflow:hidden;
//	height:100%;
	margin: 1em 0;
}

.mb-p {
	width:100%;
}




/*------------------------------------------------------------*/

nav {
	position:relative;
	z-index:10;
	background: #0232ab;
	width: 100%;
	padding:20px 0 10px 0;
}
nav.fix {
	z-index:10;
	position: fixed;
	left: 0;
	top: 0;
}
@media screen and (max-width:480px){
nav {
	position:relative;
	z-index:10;
	background: #0232ab;
	width: 100%;
	padding:10px 0 5px 0;
}
}

/*------------------------------------------------------------*/
.text-s-01 { opacity:0; }
.text-s-02 { opacity:0; }
.text-s-03 { opacity:0; }
.text-s-04 { opacity:0; }
.text-s-05 { opacity:0; }
.text-s-06 { opacity:0; }
.text-s-07 { opacity:0; }
.text-s-08 { opacity:0; }
.text-s-09 { opacity:0; }
.text-s-10 { opacity:0; }
.text-s-11 { opacity:0; }

/*------------------------------------------------------------*/

.table {
	border-collapse: collapse;
}
.table-100p {
	width:100%;
}
@media screen and (max-width:500px){
.table-100ps {
	width:100%;
}
}
.table td {
	vertical-align:top;
	text-align:left;
}
.table td.mdl{
	vertical-align:middle;
}
.table td.rit{
	text-align:right;
}
.table td.cnt{
	text-align:center;
}


.table td.wtxt {
	color:#fff;
}

@media screen and (max-width:500px){
.table td.td-ns01 {
	display:block;
}
}

.table td.td-reetings-cc-01 {
	width:470px;
//	padding:0 10px 0 10px;
	vertical-align:middle;
//	border:1px solid #000;
}
.table td.td-reetings-cc-02 {
//	width:100px;
//	padding:0 10px 0 10px;
	vertical-align:bottom;
//	border:1px solid #000;
}
@media screen and (max-width:500px){
.table td.td-reetings-cc-01 {
	display:block;
	width:100%;
//	border:1px solid #000;
}
.table td.td-reetings-cc-02 {
	display:block;
	width:100%;
//	border:1px solid #000;
}
}



.table td.td-news-cc-01 {
	width:230px;
	padding:0 0px 0 10px;
	vertical-align:middle;
//	border:1px solid #000;
}
.table td.td-news-cc-02 {
	padding:0 0px 0 0px;
	vertical-align:middle;
//	border:1px solid #000;
}
@media screen and (max-width:500px){
.table td.td-news-cc-01 {
	display:block;
	width:100%;
	padding:0 0px 0 0px;
//	border:1px solid #000;
}
.table td.td-news-cc-02 {
	display:block;
	width:100%;
	padding:5px 0 0 0px;
//	border:1px solid #000;
}
}
.table td.td-news-cc-01a {
	width:110px;
	padding:0 0px 0 10px;
	vertical-align:middle;
//	border:1px solid #000;
}
.table td.td-news-cc-02a {
	width:110px;
	padding:0 0px 0 0px;
	text-align:center;
	vertical-align:middle;
//	border:1px solid #000;
}
.table td.td-news-cc-03a {
//	padding:0 10px 0 10px;
//	width:100%;
	vertical-align:middle;
//	border:1px solid #000;
}
.table td.td-news-cc-04a {
	width:30px;
	padding:0 10px 0 10px;
	vertical-align:middle;
//	border:1px solid #000;
}
@media screen and (max-width:500px){
.table td.td-news-cc-01a {
	width:110px;
	padding:0 0px 0 10px;
	vertical-align:middle;
//	border:1px solid #000;
}
.table td.td-news-cc-02a {
	width:auto;
	padding:0 0 0 10px;
}
.table td.td-news-cc-03a {
	padding:0 0 0 10px;
	width:100%;
}
}



.table td.td-preate-50p {
	width:50%;
	border:1px solid #776345;
}

.table td.td-preate-008-1 {
	width:150px;
}
@media screen and (max-width:500px){
.table td.td-preate-008-1 {
	width:100px;
}
}


.table td.td-menu01 {
	height:60px;
	padding:0 15px;
	vertical-align:middle;
//	border:1px solid #000;
}
.table td.td-menu01 a {
	color:#000;
}
.table td.td-menu01 a:hover {
	color:#776345;
}
.table td.td-menu01a {
	padding:0 5px;
	vertical-align:middle;
//	border:1px solid #000;
}

.table td.td-menu02 {
//	height:50px;
	padding:4px 20px;
	color:#fff;
	text-align:center;
	vertical-align:middle;
	line-height:1.0em;
	border-left:1px dashed #fff;
	border-right:1px dashed #fff;
//	border:1px solid #000;
}
@media screen and (max-width:500px){
.table td.td-menu02 {
//	height:50px;
	padding:4px 5px;
}
}

.table td.td-news01 {
	padding:0 20px 0 0;
	vertical-align:middle;
}
.table td.td-news02 {
	vertical-align:middle;
}
@media screen and (max-width:500px){
.table td.td-news01 {
	padding:0 10px 0 0;
	vertical-align:middle;
}
}


.table td.td-ccc01 {
	width:50%;
	vertical-align:top;
}
.table td.td-ccc02 {
	width:50%;
	vertical-align:top;
	background-color:#ddd;
	
	background-image: url(../images/preate-004-1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
//	background-size: contain;
	background-position: center center;
}
@media screen and (max-width:500px){
.table td.td-ccc01 {
	display:block;
	width:100%;
}
.table td.td-ccc02 {
	display:none;
}
}



.table td.td-ddd01 {
	width:270px;
	vertical-align:middle;
}
.table td.td-ddd02 {
	height:150px;
	vertical-align:middle;
}
@media screen and (max-width:500px){
.table td.td-ddd01 {
	display:block;
	width:100%;
}
.table td.td-ddd02 {
	display:block;
	width:100%;
	height:auto;
//	border:1px solid #000;
}
}

.table td.td-eee01 {
	width:9px;
	height:30px;
	vertical-align:bottom;
//	border:1px solid #000;
}
.table td.td-eee02 {
	vertical-align:bottom;
//	border:1px solid #000;
}

.table td.td-fff01 {
	width:120px;
}
.table td.td-fff02 {
	padding:0 20px;
}
.table td.td-fff03 {
	width:30px;
}

.table td.td-ggg01 {
	height:120px;
	text-align:center;
	vertical-align:middle;
	background-color: #f0f3fc;
}



.table td.lnup01 {
	vertical-align:middle;
}
.table td.lnup02 {
	vertical-align:middle;
	text-align:right;
}
@media screen and (max-width:500px){
.table td.lnup01 {
	display:block;
}
.table td.lnup02 {
	display:block;
	text-align:left;
}
}

.table td.td-preate-02 {
	width:33.33%;
	padding:0 15px;
}
@media screen and (max-width:500px){
.table td.td-preate-02 {
	display:block;
	width:100%;
	padding:20px 20px 0 20px;
}
}


.table td.foot01 {
	width:50%;
	padding:0 10px 0 0;
}
.table td.foot02 {
	width:50%;
	padding:0 0 0 10px;
}
@media screen and (max-width:500px){
.table td.foot01 {
	display:block;
	width:100%;
	padding:0 0 0 0;
	font-size:13px;
	line-height:1.5em;
}
.table td.foot02 {
	display:block;
	width:100%;
	padding:0 0 0 0;
	font-size:13px;
	line-height:1.5em;
}
}



.table td.tour-td01 {
	width:100px;
	padding:15px;
	color:#fff;
	vertical-align:middle;
	text-align:center;
	background-color:#222;
//	border:1px solid #999;
}
.table td.tour-td02 {
	padding:15px 15px 5px 15px;
	color:#fff;
	vertical-align:top;
	text-align:left;
	background-color:#464646;
//	border:1px solid #999;
}
@media screen and (max-width:480px){
.table td.tour-td01 {
	display:block;
	width:100%;
	padding:10px 15px;
	font-size:14px;
	text-align:left;
}
.table td.tour-td02 {
	display:block;
	padding:10px 10px 5px 10px;
}
}

.table td.tour-tdb01 {
	width:80px;
	padding:5px;
	font-size:14px;
	color:#fff;
	vertical-align:middle;
	text-align:center;
	background-color:#333;
	border:1px solid #888;
}
.table td.tour-tdb02 {
	width:140px;
	padding:5px 15px;
	font-size:14px;
	color:#fff;
	vertical-align:top;
	text-align:left;
	background-color:#464646;
	border:1px solid #888;
}
@media screen and (max-width:480px){
.table td.tour-tdb01 {
	width:80px;
	padding:5px;
	font-size:12px;
}
.table td.tour-tdb02 {
	width:140px;
	padding:5px 15px;
	font-size:12px;
}
}

.table td.tour-tdc01 {
	padding:0 0 15px 0;
	color:#fff;
	vertical-align:top;
	text-align:left;
}
.table td.tour-tdc01 b{
	color:#ff0;
}
@media screen and (max-width:480px){
.table td.tour-tdc01 {
	padding:0 0 10px 0;
	color:#fff;
	vertical-align:top;
	text-align:left;
}
}

.table-ss {
//	border-collapse: separate;
	border-collapse: collapse;
	margin:0 0 10px 0;
}
@media screen and (max-width:480px){
.table-ss {
	width:100%;
	margin:0;
}
}

.table-ss td.tour-tds01 {
	padding:10px;
	font-size:14px;
	color:#fff;
	vertical-align:top;
	text-align:left;
	background-color:#222;
}
.table-ss td.tour-tds02 {
	padding:0px 0px 0px 20px;
	font-size:5px;
	color:#fff;
	vertical-align:top;
	text-align:left;
}
.table-ss td.tour-tds03 {
	padding:10px 0px 10px 10px;
	font-size:14px;
	color:#fff;
	font-weight: bold;
	vertical-align:top;
	text-align:left;
	background-color:#222;
}
@media screen and (max-width:480px){
.table-ss td.tour-tds01 {
	padding:5px;
	font-size:12px;
	text-align:left;
}
.table-ss td.tour-tds03 {
	width:50px;
	padding:5px 0px 5px 5px;
	font-size:12px;
	text-align:left;
}
.table-ss td.tour-tds03a {
	width:90px;
}
}


.table-ss td.tour-tda01 {
	padding:0px 0px;
	font-size:14px;
	color:#fff;
	vertical-align:top;
	text-align:center;
	background-color:#222;
}


.table-c {
	border-collapse: collapse;
	width:100%;
}

.table-c th {
	width:180px;
	padding:15px 0;
	font-size:17px;
	color:#776345;
	font-weight: bold;
	background-color:#ded4c2;
	border-top:1px solid #aaa;
	border-bottom:1px solid #aaa;
}
.table-c td {
	padding:15px 15px;
	font-size:17px;
	border-top:1px solid #aaa;
	border-bottom:1px solid #aaa;
}
.table-c td b{
	font-size:17px;
	font-weight: bold;
}
@media screen and (max-width:500px){
.table-c th {
	width:100px;
	padding:10px 0;
	font-size:12px;
	line-height:1.5em;
}
.table-c td {
	padding:10px 10px;
	font-size:12px;
	line-height:1.5em;
}
.table-c td b{
	font-size:12px;
}
}

.table-ml {
	border-collapse: collapse;
	width:100%;
}

.table-ml th {
	width:180px;
	padding:15px 0;
	font-size:14px;
	color:#776345;
	font-weight: bold;
	background-color:#ded4c2;
	border-top:1px solid #aaa;
	border-bottom:1px solid #aaa;
}
.table-ml td {
	padding:15px 15px;
	font-size:14px;
	border-top:1px solid #aaa;
	border-bottom:1px solid #aaa;
}

.table-ml th .color-r {
	color:#ff0000;
}
@media screen and (max-width:500px){
.table-ml th {
	display:block;
	width:100%;
	margin:-1px 0 0 0;
	padding:5px 10px;
	font-size:13px;
	text-align:left;
	border-top:1px solid #aaa;
	border-bottom:0px solid #aaa;
	border-left:1px solid #aaa;
	border-right:1px solid #aaa;
}
.table-ml td {
	display:block;
	width:100%;
	padding:5px 10px;
	font-size:13px;
	border-top:0px solid #aaa;
	border-bottom:1px solid #aaa;
	border-left:1px solid #aaa;
	border-right:1px solid #aaa;
}
}


/*---------------------*/

.otoi_i00 {
	width:100%;
//	height:30px;
	padding:5px;
	font-size:15px;
	border:1px solid #aaa;
	border-radius:4px;
}
.otoi_i00-1 {
	width:300px;
}
.otoi_i00-2 {
	width:160px;
}
@media screen and (max-width:500px){
.otoi_i00-1 {
	width:100%;
}
.otoi_i00-2 {
	width:100%;
}
}

.otoi_i01 {
	width:100%;
//	height:30px;
	padding:5px;
	font-size:15px;
	border:1px solid #aaa;
	border-radius:4px;
}

.otoi_i02 {
	width:80px;
//	height:30px;
	margin:0 0 0px 0;
	padding:5px;
	font-size:15px;
	border:1px solid #aaa;
	border-radius:4px;
}
.otoi_i03 {
	width:100%;
	height:250px;
	padding:5px;
	font-size:15px;
	border:1px solid #aaa;
	border-radius:4px;
}


.button-01 {
	width:300px;
//	width:80%;
//	height:50px;
	margin:0px 0 0 0;
	padding:10px;
	font-size:18px;
	color:#fff;
	background-color: #776345;
	border:1px solid #776345;
	border-radius:4px;
	cursor: pointer;
}
.button-01:hover {
	color: #776345;
	background-color: #fff;
}
@media screen and (max-width:500px){
.button-01 {
	width:100%;
//	margin:10px 0 0 0;
//	padding:20px 0;
	font-size:16px;
}
}

.button-01a {
	width:200px;
//	width:80%;
	height:50px;
	margin:0px 0 0 0;
	padding:5px;
	font-size:14px;
	color:#fff;
	background-color:#aaa;
	border:1px solid #aaa;
	border-radius:4px;
	cursor: pointer;
}
.button-01a:hover {
	color:#fff;
	background-color:#666;
}
@media screen and (max-width:500px){
.button-01a {
	width:150px;
	margin:10px 0 0 0;
	padding:0px 0;
	font-size:16px;
}
}


.flex-form {
	display: -webkit-flex;
	display: flex;
//	justify-content: flex-end;
	flex-direction: row-reverse;
	
	align-items: center;
	justify-content: center;
//	justify-content: flex-start;
//	flex-wrap: wrap;
}
@media screen and (max-width:500px){
.flex-form {
	display:block;
	text-align:center;
}
}

.flex-form-box1 {
	padding:0 0 0 10px;
}
.flex-form-box2 {
	padding:0 10px 0 0;
}
@media screen and (max-width:500px){
.flex-form-box1 {
	padding:0 0 0 0px;
}
.flex-form-box2 {
	padding:0 0px 0 0;
}
}

.form-end-text {
	font-size:20px;
	text-align:center;
}
.form-end-text2 {
	margin:0 0 10px 0;
	font-size:30px;
	font-weight: bold;
	text-align:center;
}
@media screen and (max-width:500px){
.form-end-text {
	font-size:15px;
	text-align:center;
}
.form-end-text2 {
	margin:0 0 5px 0;
	font-size:20px;
	font-weight: bold;
	text-align:center;
}
}

.form-end-text-waku {
	padding:40px 10px;
	border:1px solid #aaa;
}
@media screen and (max-width:500px){
.form-end-text-waku {
	padding:20px 10px;
}
}

/*---------------------*/


.c-style-line-list {
	margin:0 0 0 20px;
}
.c-style-line-list li {
	font-size:17px;
	list-style-type: square;
}
@media screen and (max-width:500px){
.c-style-line-list {
	margin:0 0 0 17px;
}
.c-style-line-list li {
	font-size:12px;
	line-height:1.5em;
}
}




/*------------------------------------------------------------*/

.tops-button {
//	position:absolute;
	position:fixed;
	z-index:100;
	top:0;
	right:0;

	width:60px;
	height:60px;
	padding:25px 0 0 0;
	background-color: #776345;
	
	background-image: url("");
	background-repeat: repeat-x;
//	background-size: cover;
	background-size: contain;
	background-position: center bottom -2px;
	transform: translateY(-90px);
	cursor: pointer;
}

.tops-button00 {
	width:3px;
	height:30px;
	background-color:#fff;
}
.tops-button01 {
	position:absolute;
	top:15px;
	left:17px;
	transition: 0.2s; /* アニメーション */
}
.tops-button01-m {
	left:28px;
	transform: rotate(45deg);
	transition:0.2s;
}
.tops-button02 {
	position:absolute;
	top:15px;
	right:15px;
	transition: 0.2s; /* アニメーション */
}
.tops-button02-m {
	right:28px;
	transform: rotate(-45deg);
	transition:0.2s;
}
.tops-button03 {
	position:absolute;
	top:15px;
	left:30px;
	display:block;
	transition: 0.2s; /* アニメーション */
}
.tops-button03-m {
	display:none;
	transition:0.2s;
}
.tops-button:hover .tops-button01 {
	top:10px;
}
.tops-button:hover .tops-button02 {
	top:10px;
}
.tops-button:hover .tops-button03 {
	top:20px;
}

ul {
  margin: 0;
  padding-left: 0;
}
 
li {
  list-style: none;
}
 
a {
  text-decoration: none;
  color: #fff;
}

#menu {
	position: fixed;
	z-index:99;
//	top: 0;
	bottom: -100%; /* メニューのwidth + padding */
//	right: -100%;

	width: 100%; /* メニューのwidth */
	height: 100%;
	padding: 20px;
	transition: bottom .5s; /* アニメーション */
//	background-color: rgba(86, 86, 86, .7);
//	background-color:#e26d8c;
	background-color:#776345;
//	display: none;
}
.btm100 {
//	bottom: -100%;
	right: -100%;
}

.menu00 {
	max-width:700px;
	text-align:left;
}
.menu01 {
	margin:-1px 0 0 0;
	padding:10px 15px;
	font-size:15px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	transition:0.5s;
}
.menu01:hover {
	color: #474141;
	background-color: #fff;
}


.menu02 {
	width:170px;
	margin:0 0 50px 0;
	text-align:left;
//	border:1px solid #fff;
}
.menu02-1 {
	width:120px;
	margin:0 0 50px 0;
	text-align:left;
//	border:1px solid #fff;
}

.toggle {
	font-size: 50px;
	cursor: pointer;
}
 
.toggle:hover {
	text-decoration: underline;
}


.header {
	z-index:10;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:60px;
	background-color:#fff;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
	transform: translateY(-60px);
}

.header-a {
	z-index:10;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:60px;
	background-color:#fff;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}


.header-m {
	float:right;
	height:60px;
	margin:0 10px 0 0;
}

.header2 {
	z-index:9;
	position:fixed;
	top:60px;
	left:0;
	width:100%;
//	height:30px;
//	background-color:#fff;
//	box-shadow: 0px 10px 10px rgba(0,0,0,0.3);
}
.header2-1 {
	float:right;
	width:480px;
	height:40px;
	padding:8px 20px 0 20px;
	background-color:#b55bfd;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
	border-radius: 0 0 0 10px;
}
@media screen and (max-width:500px){
.header2-1 {
	float:none;
	width:100%;
	padding:11px 10px 0 10px;
	border-radius: 0 0 5px 5px;
}
}


.title {
//	z-index:2;
//	position:fixed;
//	top:10px;
//	left:40px;
	margin:4px 0 0 50px;
}
.logo01 {
	Width:150px;
}
@media screen and (max-width:500px){
.title {
//	top:10px;
//	left:15px;
	margin:5px 0 0 10px;
}
}
.title01 {
	display:inline-block;
	font-size:14px;
	color:#fff;
	text-shadow: 0px 0px 10px #000, 0px 0px 10px #000, 0px 0px 10px #000;
}
.title02 {
	display:inline-block;
	padding:0 0 0 6px;
	font-size:19px;
	color:#fff;
	text-shadow: 0px 0px 10px #000, 0px 0px 10px #000, 0px 0px 10px #000;
}
.change-color {
	color:#474141;
	text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff;
}


#open {
	display: none;
}
 
/* :checked 擬似クラスを使って、#openがチェック状態になった時に、#menuが「bottom: 0;」になります。 */
#open:checked ~ #menu {
	bottom: 0;
//	right: 0;
//	display: block;
//	animation-fill-mode:both;
//	animation-name: Up;
//	visibility: visible !important;
//	animation-duration:0.5s;
}
#open:checked ~ tops-button01 {
//	display:none;
	top:100px;
}

#open:not(:checked) ~ #menu {
	bottom: -100%;
//	right: -100%;
//	display: block;
//	animation-fill-mode:both;
//	animation-name: Down;
//	visibility: visible !important;
//	animation-duration:0.5s;
}
@keyframes Up{
  from{ bottom: -100%; }
  to{ bottom: 0; }
}
@keyframes Down{
  from{ bottom: 0; }
  to{ bottom: -100%; }
}



.down02 {
	display:none;
	animation-fill-mode:both;
	animation-name: Down02;
	visibility: visible !important;
	animation-duration:0.1s;
}
@keyframes Down02{
//  from{ bottom: -100%;display:none; }
  to{ bottom: -100%;display:none; }
}

/*------------------------------------------------------------*/

.top-ani-00 {
	animation-fill-mode:both;
	animation-name: top-ani-00;
	visibility: visible !important;
	animation-duration:1s;
}
@keyframes top-ani-00 {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
.top-ani-01 {
	animation-fill-mode:both;
	animation-name: top-ani-01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 1s;
}
@keyframes top-ani-01 {
	0% { 
		transform: translateY(100px);
	}
	100% { 
		transform: translateY(0);
	}
}
.top-ani-02 {
	animation-fill-mode:both;
	animation-name: top-ani-01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 1.1s;
}
.top-ani-03 {
	animation-fill-mode:both;
	animation-name: top-ani-01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 1.2s;
}
.top-ani-04 {
	animation-fill-mode:both;
	animation-name: top-ani-01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 1.3s;
}
.top-ani-05 {
	animation-fill-mode:both;
	animation-name: top-ani-01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 1.4s;
}
.top-ani-06 {
	animation-fill-mode:both;
	animation-name: top-ani-01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 1.5s;
}
.top-ani-07 {
	animation-fill-mode:both;
	animation-name: top-ani-01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 1.6s;
}
.top-ani-08 {
	animation-fill-mode:both;
	animation-name: top-ani-01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 1.7s;
}
.top-ani-09 {
	animation-fill-mode:both;
	animation-name: top-ani-01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 1.8s;
}
.top-ani-10 {
	animation-fill-mode:both;
	animation-name: top-ani-01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 1.9s;
}
.top-ani-11 {
	animation-fill-mode:both;
	animation-name: top-ani-01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 2.0s;
}
.top-ani-12 {
	animation-fill-mode:both;
	animation-name: top-ani-01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 2.1s;
}
.top-ani-13 {
	animation-fill-mode:both;
	animation-name: top-ani-01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 2.2s;
}
.top-ani-14 {
	animation-fill-mode:both;
	animation-name: top-ani-01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 2.3s;
}
.top-ani-15 {
	animation-fill-mode:both;
	animation-name: top-ani-01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 2.4s;
}
.top-ani-16 {
	animation-fill-mode:both;
	animation-name: top-ani-01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 2.5s;
}
.top-ani-17 {
	animation-fill-mode:both;
	animation-name: top-ani-01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 2.6s;
}
.top-ani-18 {
	animation-fill-mode:both;
	animation-name: top-ani-01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 2.7s;
}
.top-ani-19 {
	animation-fill-mode:both;
	animation-name: top-ani-01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 2.8s;
}
.top-ani-20 {
	animation-fill-mode:both;
	animation-name: top-ani-01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 2.9s;
}




.top-ani-21 {
	animation-fill-mode:both;
	animation-name: top-ani-00;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 3.4s;
}
.top-ani-22 {
	animation-fill-mode:both;
	animation-name: top-ani-19;
	visibility: visible !important;
	animation-duration:0.5s;
	animation-delay: 4.0s;
}
@keyframes top-ani-19 {
	0% { 
		opacity:0;
		transform: translateY(40px);
	}
	100% { 
		opacity:1;
		transform: translateY(0);
	}
}

/*------------------------------------------------------------*/

.rnt-ani-00 {
	animation-fill-mode:both;
	animation-name: rnt-ani-00;
	visibility: visible !important;
	animation-duration:2.5s;
	animation-delay: 1.2s;
}
@keyframes rnt-ani-00 {
	0% { opacity: 0; transform: translateX(-700px) scale(-1, 1); }
	50% { opacity: 1;  }
	100% { opacity: 1; transform: translateX(0) scale(-1, 1); }
}
.rnt-ani-01 {
	animation-fill-mode:both;
	animation-name: top-ani-01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 1.3s;
}
.rnt-ani-02 {
	animation-fill-mode:both;
	animation-name: top-ani-01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 1.4s;
}
.rnt-ani-03 {
	animation-fill-mode:both;
	animation-name: top-ani-01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 1.5s;
}
.rnt-ani-04 {
	animation-fill-mode:both;
	animation-name: top-ani-01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 1.6s;
}
.rnt-ani-05 {
	animation-fill-mode:both;
	animation-name: top-ani-01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 1.7s;
}
.rnt-ani-06 {
	animation-fill-mode:both;
	animation-name: top-ani-01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 1.8s;
}
.rnt-ani-07 {
	animation-fill-mode:both;
	animation-name: top-ani-01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 1.9s;
}
.rnt-ani-08 {
	animation-fill-mode:both;
	animation-name: top-ani-01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 2.0s;
}
.rnt-ani-09 {
	animation-fill-mode:both;
	animation-name: top-ani-01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 2.1s;
}
.rnt-ani-10 {
	animation-fill-mode:both;
	animation-name: top-ani-01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 2.2s;
}
.rnt-ani-11 {
	animation-fill-mode:both;
	animation-name: top-ani-01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 2.3s;
}
.rnt-ani-12 {
	animation-fill-mode:both;
	animation-name: top-ani-01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 2.4s;
}
.rnt-ani-13 {
	animation-fill-mode:both;
	animation-name: top-ani-01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 2.5s;
}
.rnt-ani-14 {
	animation-fill-mode:both;
	animation-name: top-ani-01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 2.6s;
}
.rnt-ani-15 {
	animation-fill-mode:both;
	animation-name: top-ani-01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 2.7s;
}
.rnt-ani-16 {
	animation-fill-mode:both;
	animation-name: top-ani-01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 2.8s;
}
.rnt-ani-17 {
	animation-fill-mode:both;
	animation-name: top-ani-01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 2.9s;
}
.rnt-ani-18 {
	animation-fill-mode:both;
	animation-name: top-ani-01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 3.0s;
}
.rnt-ani-19 {
	animation-fill-mode:both;
	animation-name: top-ani-00;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 3.5s;
}

/*------------------------------------------------------------*/

.shp-ani-00 {
	animation-fill-mode:both;
	animation-name: shp-ani-00;
	visibility: visible !important;
	animation-duration:1s;
	animation-delay: 1.2s;
}
@keyframes shp-ani-00 {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
.shp-ani-01 {
	animation-fill-mode:both;
	animation-name: shp-ani-01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 1s;
	animation-delay: 2.2s;
}
@keyframes shp-ani-01 {
	0% { 
		transform: translateY(100px);
	}
	100% { 
		transform: translateY(0);
	}
}
.shp-ani-02 {
	animation-fill-mode:both;
	animation-name: shp-ani-01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 2.3s;
}
.shp-ani-03 {
	animation-fill-mode:both;
	animation-name: shp-ani-01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 2.4s;
}
.shp-ani-04 {
	animation-fill-mode:both;
	animation-name: shp-ani-01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 2.5s;
}
.shp-ani-05 {
	animation-fill-mode:both;
	animation-name: shp-ani-01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 2.6s;
}
.shp-ani-06 {
	animation-fill-mode:both;
	animation-name: shp-ani-01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 2.7s;
}
.shp-ani-07 {
	animation-fill-mode:both;
	animation-name: shp-ani-01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 2.8s;
}
.shp-ani-08 {
	animation-fill-mode:both;
	animation-name: shp-ani-01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 2.9s;
}
.shp-ani-09 {
	animation-fill-mode:both;
	animation-name: shp-ani-01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 3.0s;
}
.shp-ani-10 {
	animation-fill-mode:both;
	animation-name: shp-ani-01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 3.1s;
}
.shp-ani-11 {
	animation-fill-mode:both;
	animation-name: shp-ani-01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 3.2s;
}
.shp-ani-12 {
	animation-fill-mode:both;
	animation-name: shp-ani-01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 3.3s;
}
.shp-ani-13 {
	animation-fill-mode:both;
	animation-name: shp-ani-13;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 3.9s;
}
@keyframes shp-ani-13 {
	0% { opacity: 0; }
	100% { opacity: 1; }
}


/*------------------------------------------------------------*/

.title-ani-00 {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-name: title-ani-00;
	animation-name: title-ani-00;
	visibility: visible !important;
	-webkit-animation-duration:3s;
	-ms-animation-duration:3s;
	animation-duration:3s;
}
@keyframes title-ani-00 {
	0% { opacity:1; transform-origin:bottom left; transform:scale(1,1); }
	70% { opacity:1; transform-origin:bottom left; transform:scale(1,1); }
	99% { opacity:0; transform-origin:bottom left; transform:scale(1,1); }
	100% { opacity:0; transform-origin:bottom left; transform:scale(0,0); }
	
//	0% { transform-origin:top left; transform:scale(1,1); }
//	50% { transform-origin:top left; transform:scale(1,1); }
//	51% { transform-origin:bottom left; transform:scale(1,1); }
//	100% { transform-origin:bottom left; transform:scale(1,0); }
}
.title-ani-00-a {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-name: title-ani-00-a;
	animation-name: title-ani-00-a;
	visibility: visible !important;
	-webkit-animation-duration:1s;
	-ms-animation-duration:1s;
	animation-duration:1s;
}
@keyframes title-ani-00-a {
	0% { transform-origin:top bottom; transform:scale(1,0); }
	60% { transform-origin:bottom left; transform:scale(1,0); }
	100% { transform-origin:bottom left; transform:scale(1,0); }
}

.title-ani-00-1 {
	animation-fill-mode:both;
	animation-name: title-ani-00-1;
	visibility: visible !important;
	animation-duration:0.5s;
	animation-delay: 3s;
}
@keyframes title-ani-00-1 {
	0%   { opacity: 1; transform: translateY(-90px); }
	100% { opacity: 1; transform: translateY(0); }
}


.title-ani-00-d:before {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-name: title-ani-00d;
	animation-name: title-ani-00d;
	visibility: visible !important;
	-webkit-animation-duration:1s;
	-ms-animation-duration:1s;
	animation-duration:1s;
}
@keyframes title-ani-00d {
	0% { transform-origin:top left; transform:scale(1,1); }
	100% { transform-origin:top left; transform:scale(0,1); }
}


.title-ani-01 {
	animation-fill-mode:both;
	animation-name: title-ani-01;
	visibility: visible !important;
	animation-duration:3s;
//	animation-delay: 1s;
}
@keyframes title-ani-01 {
	0% {
		opacity: 0;
		transform: scale(1.3);
	}
	30% {
		opacity: 1;
//		transform: scale(1.2);
	}
	100% {
		opacity: 1;
		transform: scale(1.0);
	}
}

.title-ani-01-a01 {
	animation-fill-mode:both;
	animation-name: title-ani-01-a01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 1s;
}
@keyframes title-ani-01-a01 {
	0% { 
		opacity: 1;
		transform: translateY(-60px);
	}
	100% { 
		opacity: 1; 
		transform: translateY(0);
	}
}
.title-ani-01-02 {
	animation-fill-mode:both;
	animation-name: title-ani-01-a01;
	visibility: visible !important;
	animation-duration:0.5s;
	animation-delay: 4s;
}

.title-ani-01-a03 {
	animation-fill-mode:both;
	animation-name: title-ani-01-a01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 1.2s;
}
.title-ani-01-a04 {
	animation-fill-mode:both;
	animation-name: title-ani-01-a01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 1.3s;
}
.title-ani-01-a05 {
	animation-fill-mode:both;
	animation-name: title-ani-01-a01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 1.4s;
}
.title-ani-01-a06 {
	animation-fill-mode:both;
	animation-name: title-ani-01-a01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 1.5s;
}
.title-ani-01-a07 {
	animation-fill-mode:both;
	animation-name: title-ani-01-a01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 1.6s;
}
.title-ani-01-a08 {
	animation-fill-mode:both;
	animation-name: title-ani-01-a01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 1.7s;
}

.title-ani-01-b01 {
	animation-fill-mode:both;
	animation-name: title-ani-01-b01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 0s;
}
@keyframes title-ani-01-b01 {
	0% { 
		opacity: 1;
		transform: translateY(195px) scale(1.0, 1.9);
	}
	100% { 
		opacity: 1; 
		transform: translateY(0) scale(1.0, 1.9);
	}
}
.title-ani-01-b02 {
	animation-fill-mode:both;
	animation-name: title-ani-01-b01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 0.1s;
}
.title-ani-01-b03 {
	animation-fill-mode:both;
	animation-name: title-ani-01-b01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 0.2s;
}
.title-ani-01-b04 {
	animation-fill-mode:both;
	animation-name: title-ani-01-b01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 0.3s;
}
.title-ani-01-b05 {
	animation-fill-mode:both;
	animation-name: title-ani-01-b01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 0.4s;
}
.title-ani-01-b06 {
	animation-fill-mode:both;
	animation-name: title-ani-01-b01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 0.5s;
}
.title-ani-01-b07 {
	animation-fill-mode:both;
	animation-name: title-ani-01-b01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 0.6s;
}
.title-ani-01-b08 {
	animation-fill-mode:both;
	animation-name: title-ani-01-b01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 0.7s;
}
.title-ani-01-b09 {
	animation-fill-mode:both;
	animation-name: title-ani-01-b01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 0.8s;
}
.title-ani-01-b10 {
	animation-fill-mode:both;
	animation-name: title-ani-01-b01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 0.9s;
}
.title-ani-01-b11 {
	animation-fill-mode:both;
	animation-name: title-ani-01-b01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 1.0s;
}
.title-ani-01-b12 {
	animation-fill-mode:both;
	animation-name: title-ani-01-b01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 1.1s;
}
.title-ani-01-b13 {
	animation-fill-mode:both;
	animation-name: title-ani-01-b01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 1.2s;
}
.title-ani-01-b14 {
	animation-fill-mode:both;
	animation-name: title-ani-01-b01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 1.3s;
}
.title-ani-01-b15 {
	animation-fill-mode:both;
	animation-name: title-ani-01-b01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 1.4s;
}
.title-ani-01-b16 {
	animation-fill-mode:both;
	animation-name: title-ani-01-b01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 1.5s;
}
.title-ani-01-b17 {
	animation-fill-mode:both;
	animation-name: title-ani-01-b01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 1.6s;
}
.title-ani-01-b18 {
	animation-fill-mode:both;
	animation-name: title-ani-01-b01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 1.7s;
}
.title-ani-01-b19 {
	animation-fill-mode:both;
	animation-name: title-ani-01-b01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 1.8s;
}
.title-ani-01-b20 {
	animation-fill-mode:both;
	animation-name: title-ani-01-b01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 1.9s;
}


.title-ani-01-b01s {
	animation-fill-mode:both;
	animation-name: title-ani-01-b01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 0s;
	animation-delay: 1.7s;
}
.title-ani-01-b02s {
	animation-fill-mode:both;
	animation-name: title-ani-01-b01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 1.8s;
}
.title-ani-01-b03s {
	animation-fill-mode:both;
	animation-name: title-ani-01-b01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 1.9s;
}
.title-ani-01-b04s {
	animation-fill-mode:both;
	animation-name: title-ani-01-b01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 2.0s;
}
.title-ani-01-b05s {
	animation-fill-mode:both;
	animation-name: title-ani-01-b01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 2.1s;
}
.title-ani-01-b06s {
	animation-fill-mode:both;
	animation-name: title-ani-01-b01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 2.2s;
}
.title-ani-01-b07s {
	animation-fill-mode:both;
	animation-name: title-ani-01-b01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 2.3s;
}
.title-ani-01-b08s {
	animation-fill-mode:both;
	animation-name: title-ani-01-b01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 2.4s;
}
.title-ani-01-b09s {
	animation-fill-mode:both;
	animation-name: title-ani-01-b01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 2.5s;
}
.title-ani-01-b10s {
	animation-fill-mode:both;
	animation-name: title-ani-01-b01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 2.6s;
}
.title-ani-01-b11s {
	animation-fill-mode:both;
	animation-name: title-ani-01-b01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 2.7s;
}



.title-ani-02 {
	animation-fill-mode:both;
	animation-name: title-ani-02;
	visibility: visible !important;
	animation-duration:0.5s;
	animation-delay: 2.5s;
}
@keyframes title-ani-02 {
	0%   { opacity: 1; transform: translateY(-60px); }
	100% { opacity: 1; transform: translateY(0); }
}

.title-ani-02-L {
	animation-fill-mode:both;
	animation-name: fadeInBig;
	visibility: visible !important;
	animation-duration:1.0s;
	animation-delay: 4.0s;
}
.title-ani-02-M {
	animation-fill-mode:both;
	animation-name: title-ani-02-M;
	visibility: visible !important;
	animation-duration:3.0s;
	animation-delay: 5.0s;
}
.title-ani-02-M2 {
	animation-fill-mode:both;
	animation-name: title-ani-02-M;
	visibility: visible !important;
	animation-duration:3.0s;
	animation-delay: 6.0s;
}
@keyframes title-ani-02-M {
	0% {
	}
	100% {
		clip-path: inset(0);
	}
}


.title-ani-03 {
	animation-fill-mode:both;
	animation-name: title-ani-03;
	visibility: visible !important;
	animation-duration:1s;
	animation-delay: 3s;
}
@keyframes title-ani-03 {
	0%   { opacity: 0; }
	100% { opacity: 1; }
}



.title-ani-02a {
	animation-fill-mode:both;
	animation-name: title-ani-02a;
	visibility: visible !important;
	animation-duration:0.5s;
	animation-delay: 1.7s;
}
@keyframes title-ani-02a {
	0%   { opacity: 1; transform: translateY(0px); }
	100% { opacity: 1; transform: translateY(15px); }
}
.title-ani-03a {
	animation-fill-mode:both;
	animation-name: title-ani-03a;
	visibility: visible !important;
	animation-duration:0.5s;
	animation-delay: 1.7s;
}
@keyframes title-ani-03a {
	0%   { opacity: 1; transform: translateY(0px); }
	100% { opacity: 1; transform: translateY(-15px); }
}

.title-ani-02as {
	animation-fill-mode:both;
	animation-name: title-ani-02as;
	visibility: visible !important;
	animation-duration:0.5s;
	animation-delay: 1.7s;
}
@keyframes title-ani-02as {
	0%   { opacity: 1; transform: translateY(0px); }
	100% { opacity: 1; transform: translateY(10px); }
}
.title-ani-03as {
	animation-fill-mode:both;
	animation-name: title-ani-03as;
	visibility: visible !important;
	animation-duration:0.5s;
	animation-delay: 1.7s;
}
@keyframes title-ani-03as {
	0%   { opacity: 1; transform: translateY(0px); }
	100% { opacity: 1; transform: translateY(-10px); }
}



.title-ani-04 {
	animation-fill-mode:both;
	animation-name: title-ani-04;
	visibility: visible !important;
	animation-duration:1s;
	animation-delay: 2.2s;
}
@keyframes title-ani-04 {
	0%   { opacity: 0; transform: translateY(0px); }
	100% { opacity: 1; transform: translateY(0px); }
}
.title-ani-05 {
	animation-fill-mode:both;
	animation-name: title-ani-05;
	visibility: visible !important;
	animation-duration:0.5s;
	animation-delay: 1.7s;
}
@keyframes title-ani-05 {
	0%   { opacity: 0; transform: translateY(0px); }
	100% { opacity: 1; transform: translateY(0px); }
}

.title-ani-05a {
	animation-fill-mode:both;
	animation-name: title-ani-05a;
	visibility: visible !important;
	animation-duration:0.5s;
	animation-delay: 1.7s;
}
@keyframes title-ani-05a {
	0%   { opacity: 0; transform: translateY(-40px) rotate(90deg); }
	100% { opacity: 1; transform: translateY(0px) rotate(90deg); }
}

.title-ani-06dd {
	animation-fill-mode:both;
	animation-name: title-ani-06dd;
	visibility: visible !important;
	animation-duration:1.0s;
	animation-delay: 2.2s;
}
@keyframes title-ani-06dd {
	0% {
	}
	100% {
		clip-path: inset(0);
	}
}

.title-ani-07dd {
	animation-fill-mode:both;
	animation-name: title-ani-07dd;
	visibility: visible !important;
	animation-duration:1.0s;
	animation-delay: 3.2s;
}
@keyframes title-ani-07dd {
	0% {
	}
	100% {
		clip-path: inset(0);
	}
}



.title-ani-06 {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-name: title-ani-06;
	animation-name: title-ani-06;
	visibility: visible !important;
	-webkit-animation-duration:1s;
	-ms-animation-duration:1s;
	animation-duration:1s;
}
@keyframes title-ani-06 {
	0% {
		opacity:1;
		width:1px;
		transform-origin:top right;
//		transform:scale(0,1);
	}
	100% {
		opacity:1;
		width:85%;
		transform-origin:top right;
//		transform:scale(1,1);
	}
}

.title-ani-06b {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-name: title-ani-06b;
	animation-name: title-ani-06b;
	visibility: visible !important;
	-webkit-animation-duration:1s;
	-ms-animation-duration:1s;
	animation-duration:1s;
}
@keyframes title-ani-06b {
	0% {
		opacity:1;
		width:1px;
		transform-origin:top right;
//		transform:scale(0,1);
	}
	100% {
		opacity:1;
		width:100%;
		transform-origin:top right;
//		transform:scale(1,1);
	}
}



.service-ani-01:before {
	animation-fill-mode:both;
	animation-name: service-ani-01;
	visibility: visible !important;
	animation-duration:1s;
}
@keyframes service-ani-01 {
	0% { transform-origin:top left; transform:scale(0,1); }
	50% { transform-origin:top left; transform:scale(1,1); }
	51% { transform-origin:top right; transform:scale(1,1); }
	100% { transform-origin:top right; transform:scale(0,1); }
}
.service-ani-02 {
	animation-fill-mode:both;
	animation-name: service-ani-02;
	visibility: visible !important;
	animation-duration:1s;
}
@keyframes service-ani-02 {
	0% { opacity: 0; }
	50% { opacity: 0; }
	51% { opacity: 1; }
	100% { opacity: 1; }
}


.brand-ani-01 {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	animation-duration:0.5s;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	visibility: visible !important;
}
.brand-ani-02 {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	animation-duration:0.5s;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	visibility: visible !important;
	animation-delay: 0.2s;
}
.brand-ani-03 {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	animation-duration:0.5s;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	visibility: visible !important;
	animation-delay: 0.4s;
}
.brand-ani-04 {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	animation-duration:0.5s;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	visibility: visible !important;
	animation-delay: 0.6s;
}
.brand-ani-05 {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	animation-duration:0.5s;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	visibility: visible !important;
	animation-delay: 0.8s;
}


/*-------------------------------------------------------*/


.fadeInUp {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:1s;
	-ms-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	visibility: visible !important;
}
@-webkit-keyframes fadeInUp {
	0% { 
		opacity: 0; 
		-webkit-transform: translateY(30px); 
		-ms-transform: translateY(30px); 
		transform: translateY(30px); 
	}
	100% { 
		opacity: 1; 
		-webkit-transform: translateY(0); 
		-ms-transform: translateY(0); 
		transform: translateY(0); 
	}

}
@keyframes fadeInUp {
	0% { opacity:0; transform: translateY(30px); }
	100% { opacity:1; transform: translateY(0); }
}



.fadeInDown2 {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:1s;
	-ms-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	visibility: visible !important;
	animation-delay: 1.7s;
}
.fadeInDown4 {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:1s;
	-ms-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	visibility: visible !important;
	animation-delay: 3.6s;
}

.fadeInDown5 {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:1s;
	-ms-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	visibility: visible !important;
	animation-delay: 4.5s;
}

.fadeInDown {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:1s;
	-ms-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
	0% { opacity: 0; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); }
	100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

}
@keyframes fadeInDown {
	0% { opacity:0; transform: translateY(-30px); }
	100% { opacity:1; transform: translateY(0); }
}


.fadeInBig {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:0.8s;
	-ms-animation-duration:0.8s;
	animation-duration:0.8s;
	-webkit-animation-name: fadeInBig;
	animation-name: fadeInBig;
	visibility: visible !important;
}
@keyframes fadeInBig {
	0% {
		opacity:0;
		transform-origin:center center;
		transform:scale(0.8);
	}
//	95% {
//		opacity:1;
//		transform-origin:center center;
//		transform:scale(1.1);
//	}
	100% {
		opacity:1;
		transform-origin:cnter cnter;
		transform:scale(1);
	}
}

/*-------------------------------------------------------*/

.fadeIn {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	animation-duration:1s;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	visibility: visible !important;
}


.animation_a1a { visibility:hidden; }
.animation_a2a { visibility:hidden; }


.animation_t {
	z-index:9;
	display:inline-block;
	position:relative;
	width:100%;
	text-align:left;
//	border:1px solid #000;
}
.animation_t_w100 {
	width:100%;
}
.animation_t:before{
	z-index:9;
	content:"";
	display:block;
	width:100%;
	height:100%;
	background:#776345;
	position:absolute;
	right:0;top:0;
	-webkit-transform:scale(1,0);
	transform:scale(1,0);
}

.fadeUP01 {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:1s;
	-ms-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	visibility: visible !important;
}


.ani-img0 {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:1s;
	-ms-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-name: ani-img0;
	animation-name: ani-img0;
	visibility: visible !important;
}
.ani-img0a {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:1s;
	-ms-animation-duration:1s;
	animation-duration:1s;
	animation-delay: 0.5s;
	-webkit-animation-name: ani-img0;
	animation-name: ani-img0;
	visibility: visible !important;
}
@keyframes ani-img0 {
	0% { opacity: 0; }
	50% { opacity: 0; }
	51% { opacity: 1; }
	100% { opacity: 1; }
}


.ani-img3:before {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:1s;
	-ms-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-name: ani-img3;
	animation-name: ani-img3;
	visibility: visible !important;
}
@keyframes ani-img3 {
	  0% { transform-origin:top left; transform:scale(0,1); }
	 50% { transform-origin:top left; transform:scale(1,1); }
	 51% { transform-origin:top right; transform:scale(1,1); }
	99% { transform-origin:top right; transform:scale(0,1); }
//	100% { display:none; transform-origin:top right; transform:scale(0,1); }
}
@keyframes ani-img3a {
	  0% { transform-origin:top left; transform:scale(1,0); }
	 50% { transform-origin:top left; transform:scale(1,1); }
	 51% { transform-origin:bottom left; transform:scale(1,1); }
	100% { transform-origin:bottom left; transform:scale(1,0); }
}

.ani-img4 {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:0.5s;
	-ms-animation-duration:0.5s;
	animation-duration:0.5s;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	visibility: visible !important;
	animation-delay: 1s;
}


/*-------------------------------------------------------*/

.top-white {
	z-index:199;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: #fff;
	transform:scale(1,1);
}
.top-black {
	z-index:200;
//	position:absolute;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: #fff;
//	background-color: #b55bfd;
//	transform:scale(1,0);
}

.top-logo-m {
	opacity: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width:120px;
	margin: auto;
}

/*----------------------------------------
	スライダー2
----------------------------------------*/

.slider2 {
	box-sizing:border-box;
//	width:460px;
//	height:280px;
	width:100%;
	height:500px;
	background-size:cover;
//	border:1px solid #000;
}

.gallery2 {
//	width:460px;
//	height:280px;
	width:100%;
	height:500px;
	margin: 0px 0px; /* space for prev/next buttons */
}

.gallery-cell2 {
	display:block;
//	width:460px;
//	height:280px;
	width:400px;
	height:700px;
	margin:0 50px 0 0;
}
.gallery-cell2-h {
	height:auto;
}
.gallery-cell2-1 {
	position:relative;
	width:400px;
	height:400px;
//	border:1px solid #000;
//	background-image: url(../images/t01.jpg);
	background-size: cover;
//	background-size: contain;
	background-position: center center;
}
.gallery-cell2-1:before {
	content:"";
	z-index:2;
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:400px;
	height:400px;
	background-color:#000;
	border:1px solid #000;
	transform:scale(0,1);
}
.gallery-cell2-new {
	position:absolute;
	z-index:1;
	top:5px;
	left:5px;
}
@media screen and (max-width:480px){
.gallery-cell2-new {
	width:50px;
}
}

.service-02-m80 {
	margin:80px 0 0 0;
}
.service-02 {
	opacity:0;
}

.gallery-t2 {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width:460px;
	height:280px;
	background-repeat: no-repeat;
//	background-size: contain;
	background-size: cover;
	background-position: center center;
//	border: 1px solid #888888;
}



/* smaller, dark, rounded square */
.slider2 div.flickity-prev-next-button {
	width: 30px;
	height: 30px;
//	border: 2px solid #ffffff;
//	-webkit-border-radius:15px;
//	-moz-border-radius:15px;
//	-ms-border-radius:15px;
//	border-radius:15px;
	border-radius:0px;
//	background: #3e2416;
	background-image: url(../images/slider-y.png);
}
.slider2 div.flickity-prev-next-button:hover {
	background: #f5a100;
}
/* arrow color */
.slider2 div.flickity-prev-next-button .arrow {
//	fill: white;
}
.slider2 div.flickity-prev-next-button.no-svg {
//	color: white;
}
/* position outside */
.slider2 div.flickity-prev-next-button.previous {
	left: 10px;
}
.slider2 div.flickity-prev-next-button.next {
	right: 10px;
}

.slider2 div.flickity-page-dots {
	bottom: 10px;
}
.slider2 div.flickity-page-dots .dot {
	background: #3e2416;
}


/* smaller, dark, rounded square */
.flickity-prev-next-button {
	width: 50px;
	height: 50px;
	border: 2px solid #ffffff;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	-ms-border-radius:0px;
	border-radius:0px;
//	background: #3e2416;

}
.flickity-prev-next-button:hover {
	background-color: #000;
}
/* arrow color */
.flickity-prev-next-button .arrow {
	display:none;
//	fill: white;
//	font-size:10px;
}
.flickity-prev-next-button.no-svg {
	color: white;
}
/* position outside */
.slider2 .flickity-prev-next-button.previous {
	top:200px;
	left:0px;
	background-image: url(../images/slider-y2.png);
}
.slider2 .flickity-prev-next-button.next {
	top:200px;
	right:0px;
	background-image: url(../images/slider-y.png);
}
.flickity-prev-next-button:hover {
	opacity:0.7;
}

.flickity-page-dots {
//  bottom: 10px;
}
.flickity-page-dots .dot {
 // background: #3e2416;
}

/*----------------------------------------
	スライダー3
----------------------------------------*/

.slider3 {
	box-sizing:border-box;
//	width:460px;
//	height:280px;
	width:100%;
//	height:500px;
	background-size:cover;
//	border:1px solid #000;
}

.gallery3 {
//	width:460px;
//	height:280px;
	width:100%;
//	height:500px;
	margin: 0px 0px; /* space for prev/next buttons */
}

.gallery-cell3 {
	display:block;
	width:200px;
//	height:700px;
	margin:0 20px 0 0;
}
.gallery-cell3-h {
	height:auto;
}
.gallery-cell3-1 {
	position:relative;
	width:200px;
	height:200px;
//	border:1px solid #000;
	background-size: cover;
//	background-size: contain;
	background-position: center center;
}
.gallery-cell3-1:before {
	content:"";
	z-index:1;
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:200px;
	height:200px;
	background-color:#000;
	border:1px solid #000;
	transform:scale(0,1);
}
.service-03-m80 {
	margin:80px 0 0 0;
}
.service-02 {
	opacity:0;
}

.gallery-t3 {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width:460px;
	height:280px;
	background-repeat: no-repeat;
//	background-size: contain;
	background-size: cover;
	background-position: center center;
//	border: 1px solid #888888;
}



/* smaller, dark, rounded square */
.slider3 .flickity-prev-next-button {
	width: 50px;
	height: 50px;
//	border: 2px solid #ffffff;
//	-webkit-border-radius:15px;
//	-moz-border-radius:15px;
//	-ms-border-radius:15px;
//	border-radius:15px;
	border-radius:0px;
//	background: #3e2416;
	background-image: url(../images/slider-y.png);
}
.slider3 div.flickity-prev-next-button:hover {
	background: #f5a100;
}
/* arrow color */
.slider3 div.flickity-prev-next-button .arrow {
//	fill: white;
}
.slider3 div.flickity-prev-next-button.no-svg {
//	color: white;
}
/* position outside */
.slider3 div.flickity-prev-next-button.previous {
	left: 10px;
}
.slider3 div.flickity-prev-next-button.next {
	right: 10px;
}

.slider3 div.flickity-page-dots {
	bottom: 10px;
}
.slider3 div.flickity-page-dots .dot {
	background: #3e2416;
}


/* smaller, dark, rounded square */
.slider3 div.flickity-prev-next-button {
	width: 95px;
	height: 95px;
//	border: 2px solid #ffffff;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	-ms-border-radius:0px;
	border-radius:0px;
//	background: #3e2416;

}
.slider3 div.flickity-prev-next-button:hover {
	background-color: #000;
}
/* arrow color */
.slider3 div.flickity-prev-next-button .arrow {
	display:none;
//	fill: white;
//	font-size:10px;
}
.slider3 div.flickity-prev-next-button.no-svg {
	color: white;
}
/* position outside */
.slider3 .flickity-prev-next-button.previous {
	top:100px;
	left:-20px;
	right:auto;
	background-image: url(../images/slider-y2.png);
}
.slider3 .flickity-prev-next-button.next {
	top:100px;
	left:auto;
	right:-20px;
	background-image: url(../images/slider-y.png);
}

.slider3 div.flickity-page-dots {
//  bottom: 10px;
}
.slider3 div.flickity-page-dots .dot {
 // background: #3e2416;
}


/*----------------------------------------
	スライダー4
----------------------------------------*/

.slider4 {
	box-sizing:border-box;
//	width:460px;
//	height:280px;
	width:100%;
//	height:500px;
	background-size:cover;
//	border:1px solid #000;
}

.gallery4 {
//	width:460px;
//	height:280px;
	width:100%;
//	height:500px;
	margin: 0px 0px; /* space for prev/next buttons */
}

.gallery-cell4 {
	display:block;
//	width:460px;
//	height:280px;
	width:320px;
//	height:700px;
	margin:0 50px 0 0;
}
.gallery-cell4-1 {
	position:relative;
	width:320px;
	height:240px;
	background-color:#fff;
//	border:1px solid #000;
//	background-image: url(../images/t01.jpg);
	background-size: cover;
//	background-size: contain;
	background-position: center center;
}
.gallery-cell4-8:before {
	content:"";
	z-index:1;
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:320px;
	height:240px;
	background-color:#000;
	border:1px solid #000;
	transform:scale(0,1);
}

/* smaller, dark, rounded square */
.slider4 div.flickity-prev-next-button {
	width: 30px;
	height: 30px;
//	border: 2px solid #ffffff;
	border-radius:0px;
//	background: #3e2416;
	background-image: url(../images/slider-y.png);
}
.slider4 div.flickity-prev-next-button:hover {
	background: #f5a100;
}
/* arrow color */
.slider4 div.flickity-prev-next-button .arrow {
//	fill: white;
}
.slider4 div.flickity-prev-next-button.no-svg {
//	color: white;
}
/* position outside */
.slider4 div.flickity-prev-next-button.previous {
	left: 10px;
}
.slider4 div.flickity-prev-next-button.next {
	right: 10px;
}

.slider4 div.flickity-page-dots {
	bottom: 10px;
}
.slider4 div.flickity-page-dots .dot {
	background: #3e2416;
}


/* smaller, dark, rounded square */
.flickity-prev-next-button {
	width: 50px;
	height: 50px;
	border: 2px solid #ffffff;
	border-radius:0px;
//	background: #3e2416;

}
.flickity-prev-next-button:hover {
	background-color: #000;
}
/* arrow color */
.flickity-prev-next-button .arrow {
	display:none;
//	fill: white;
//	font-size:10px;
}
.flickity-prev-next-button.no-svg {
	color: white;
}
/* position outside */
.slider4 .flickity-prev-next-button.previous {
	top:160px;
	left:0px;
	background-image: url(../images/slider-y2.png);
}
.slider4 .flickity-prev-next-button.next {
	top:160px;
	right:0px;
	background-image: url(../images/slider-y.png);
}
.flickity-prev-next-button:hover {
	opacity:0.7;
}

.flickity-page-dots {
//  bottom: 10px;
}
.flickity-page-dots .dot {
 // background: #3e2416;
}

/*----------------------------------------
	スライダー5
----------------------------------------*/

.slider5 {
	box-sizing:border-box;
//	width:460px;
//	height:280px;
	width:100%;
//	height:500px;
	background-size:cover;
//	border:1px solid #000;
}

.gallery5 {
//	width:460px;
//	height:280px;
	width:100%;
//	height:500px;
	margin: 0px 0px; /* space for prev/next buttons */
}

.gallery-cell5 {
	display:block;
//	width:460px;
//	height:280px;
	width:250px;
//	height:700px;
	margin:0 50px 0 0;
}
.gallery-cell5-1 {
	position:relative;
	width:250px;
	height:250px;
//	border:1px solid #000;
//	background-image: url(../images/t01.jpg);
	background-size: cover;
//	background-size: contain;
	background-position: center center;
}
.gallery-cell5-1:before {
	content:"";
	z-index:1;
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:250px;
	height:250px;
	background-color:#000;
	border:1px solid #000;
	transform:scale(0,1);
}

/* smaller, dark, rounded square */
.slider5 div.flickity-prev-next-button {
	width: 30px;
	height: 30px;
//	border: 2px solid #ffffff;
	border-radius:0px;
//	background: #3e2416;
	background-image: url(../images/slider-y.png);
}
.slider5 div.flickity-prev-next-button:hover {
	background: #f5a100;
}
/* arrow color */
.slider5 div.flickity-prev-next-button .arrow {
//	fill: white;
}
.slider5 div.flickity-prev-next-button.no-svg {
//	color: white;
}
/* position outside */
.slider5 div.flickity-prev-next-button.previous {
	left: 10px;
}
.slider5 div.flickity-prev-next-button.next {
	right: 10px;
}

.slider5 div.flickity-page-dots {
	bottom: 10px;
}
.slider5 div.flickity-page-dots .dot {
	background: #3e2416;
}


/* smaller, dark, rounded square */
.flickity-prev-next-button {
	width: 50px;
	height: 50px;
	border: 2px solid #ffffff;
	border-radius:0px;
//	background: #3e2416;

}
.flickity-prev-next-button:hover {
	background-color: #000;
}
/* arrow color */
.flickity-prev-next-button .arrow {
	display:none;
//	fill: white;
//	font-size:10px;
}
.flickity-prev-next-button.no-svg {
	color: white;
}
/* position outside */
.slider5 .flickity-prev-next-button.previous {
	top:130px;
	left:0px;
	background-image: url(../images/slider-y2.png);
}
.slider5 .flickity-prev-next-button.next {
	top:130px;
	right:0px;
	background-image: url(../images/slider-y.png);
}
.flickity-prev-next-button:hover {
	opacity:0.7;
}

.flickity-page-dots {
//  bottom: 10px;
}
.flickity-page-dots .dot {
 // background: #3e2416;
}


/*----------------------------------------
	スライダー6
----------------------------------------*/

.slider6 {
	opacity:0;
	box-sizing:border-box;
	width:100%;
//	height:380px;
	margin:-10px 0 0 0;
	background-size:cover;
//	border:1px solid #000;
}

.gallery6 {
	width:100%;
//	height:380px;
	margin: 0px 0px; /* space for prev/next buttons */
//border:1px solid #000;
}

.gallery-cell6 {
	display:block;
//	width:800px;
//	height:380px;
	width:1100px;
	height:480px;
	margin:0 0px 0 0;
//	background-image: url(../images/top001.jpg);
	background-repeat: no-repeat;
	background-size: cover;
//	background-size: contain;
	background-position: center center;
//	border:1px solid #000;
}
@media screen and (max-width:480px){

.gallery-cell6 {
	width:100%;
	height:180px;
}
}

/* smaller, dark, rounded square */
.slider6 div.flickity-prev-next-button {
	width: 30px;
	height: 30px;
//	border: 2px solid #ffffff;
	border-radius:0px;
//	background: #3e2416;
	background-image: url(../images/slider-y.png);
}
.slider6 div.flickity-prev-next-button:hover {
	background: #f5a100;
}
/* arrow color */
.slider6 div.flickity-prev-next-button .arrow {
//	fill: white;
}
.slider6 div.flickity-prev-next-button.no-svg {
//	color: white;
}
/* position outside */
.slider6 div.flickity-prev-next-button.previous {
	left: 100px;
}
.slider6 div.flickity-prev-next-button.next {
	right: 100px;
}

.slider6 div.flickity-page-dots {
	bottom: 10px;
}
.slider6 div.flickity-page-dots .dot {
	background: #3e2416;
}


/* smaller, dark, rounded square */
.flickity-prev-next-button {
	width: 50px;
	height: 50px;
	border: 2px solid #ffffff;
	border-radius:0px;
//	background: #3e2416;

}
.flickity-prev-next-button:hover {
	background-color: #000;
}
/* arrow color */
.flickity-prev-next-button .arrow {
	display:none;
//	fill: white;
//	font-size:10px;
}
.flickity-prev-next-button.no-svg {
	color: white;
}
/* position outside */
.slider6 .flickity-prev-next-button.previous {
	top:250px;
	left:50%;
	margin-left:-575px;
	background-image: url(../images/slider-y2.png);
}
.slider6 .flickity-prev-next-button.next {
	top:250px;
//	right:150px;
	right:50%;
	margin-right:-575px;
	background-image: url(../images/slider-y.png);
}
.flickity-prev-next-button:hover {
	opacity:0.7;
}

.flickity-page-dots {
//  bottom: 10px;
}
.flickity-page-dots .dot {
 // background: #3e2416;
}

/*----------------------------------------
	スライダー7
----------------------------------------*/

.slider7 {
	position:relative;
	box-sizing:border-box;
//	width:460px;
//	height:280px;
	width:100%;
//	height:500px;
	background-size:cover;
//	border:1px solid #000;
}

.gallery7 {
	width:100%;
//	height:500px;
	margin: 0px 0px; /* space for prev/next buttons */
}

.gallery-cell7 {
	display:block;
//	width:300px;
	width:33%;
//	height:700px;
	margin:0 20px 0 0;
}
.gallery-cell7-h {
	height:auto;
}
.gallery-cell7-1 {
	position:relative;
//	width:300px;
	width:100%;
	height:300px;
//	border:1px solid #000;
	background-color: #ddd;
	background-size: cover;
//	background-size: contain;
	background-position: center center;
}
.gallery-cell7-1:before {
	content:"";
	z-index:1;
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:300px;
	height:200px;
	background-color:#000;
	border:1px solid #000;
	transform:scale(0,1);
}

.gallery-t7 {
	margin:15px 0 0 0;
	font-size:16px;
	color:#fff;
	font-weight: bold;
	text-align:left;
	line-height:1.2em;
}
.gallery-t7-2 {
	margin:10px 0 0 0;
	font-size:13px;
	color:#fff;
	text-align:left;
	line-height:1.4em;
}


/* smaller, dark, rounded square */
.slider7 .flickity-prev-next-button {
	width: 50px;
	height: 50px;
//	border: 2px solid #ffffff;
//	-webkit-border-radius:15px;
//	-moz-border-radius:15px;
//	-ms-border-radius:15px;
//	border-radius:15px;
	border-radius:0px;
//	background: #3e2416;
	background-image: url(../images/slider-y.png);
}
.slider7 div.flickity-prev-next-button:hover {
	background: #f5a100;
}
/* arrow color */
.slider7 div.flickity-prev-next-button .arrow {
//	fill: white;
}
.slider7 div.flickity-prev-next-button.no-svg {
//	color: white;
}
/* position outside */
.slider7 div.flickity-prev-next-button.previous {
	left: 10px;
}
.slider7 div.flickity-prev-next-button.next {
	right: 10px;
}

.slider7 div.flickity-page-dots {
	bottom: 10px;
}
.slider7 div.flickity-page-dots .dot {
	background: #3e2416;
}


/* smaller, dark, rounded square */
.slider7 div.flickity-prev-next-button {
	width: 95px;
	height: 95px;
//	border: 2px solid #ffffff;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	-ms-border-radius:0px;
	border-radius:0px;
//	background: #3e2416;

}
.slider7 div.flickity-prev-next-button:hover {
	background-color: #000;
}
/* arrow color */
.slider7 div.flickity-prev-next-button .arrow {
	display:none;
//	fill: white;
//	font-size:10px;
}
.slider7 div.flickity-prev-next-button.no-svg {
	color: white;
}
/* position outside */
.slider7 .flickity-prev-next-button.previous {
	top:150px;
	left:-20px;
	right:auto;
	background-image: url(../images/slider-y2.png);
}
.slider7 .flickity-prev-next-button.next {
	top:150px;
	left:auto;
	right:-20px;
	background-image: url(../images/slider-y.png);
}

.slider7 div.flickity-page-dots {
//  bottom: 10px;
}
.slider7 div.flickity-page-dots .dot {
 // background: #3e2416;
}



/*-----------------------------------------------------------------
	-TOP-
-----------------------------------------------------------------*/

body {
//	min-width:1000px;
//	padding:0 10px;
}

.top-00 {
	position:relative;
	padding:0 80px;
//	border:1px solid #000;
	opacity: 0;
	transform: translateY(40px);
}
.top {
	position:relative;
	width:100%;
//	height:80px;
	height:65px;
	margin:0 0 0 0;
	padding:0px 0 0px 0;
//	border:1px solid #000;
}

.tops-bar {
	position:fixed;
	z-index:99;
	top:0;
	width:100%;
	height:6px;
	background-color:#000;
}



.title-p {
//	position:absolute;
//	top:0;
//	left:0;
//	right:0;
//	max-width:800px;
//	width:100%;
//	width:170px;
	width:300px;
	margin:5px 0 0 0;
}
.title-bottom-p {
//	width:240px;
	width:255px;
}



.bottom {
	min-width:1200px;
//	padding:120px 80px 30px 80px;
	padding:40px 0px 30px 0px;
	background-color:#000;
}
.bottom-01 {
	width:250px;
}
.bottom-02 {
	font-size:13px;
	line-height:1em;
	color:#b3b3b3;
	font-weight: bold;
//	text-align:left;
	text-align:center;
}
.bottom-03 {
	width:250px;
	height:60px;
	margin:20px 0 0 0;
	padding:21px 0 0 0;
	font-size:14px;
	line-height:1em;
	color:#fff;
	font-weight: bold;
	text-align:center;
	border:1px solid #4d4d4d;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.bottom-03:hover {
	color:#4d4d4d;
//	transform:translateX(5px) translateY(5px);
	transition:1.0s;
}

.link-banner-00 {
//	margin:0px 0 0 100px;
}
.link-banner-01 {
	height:30px;
}
.link-banner {
//	width:190px;
	width:160px;
	margin:0 10px 10px 0;
	border:1px solid #888;
}


.bottom-f01 {
	margin:0 0 10px 0;
	font-size:13px;
	line-height:0.8em;
	color:#fff;
	font-weight: bold;
}
.bottom-f01:hover {
	color:#4d4d4d;
	transition:1.0s;
}
.bottom-f02a {
//	width:250px;
	height:450px;
//	padding:80px 20px 20px 20px;
	padding:80px 0 0 0;
	text-align:center;
	vertical-align:top;
	background-color:#000;
}

.bottom-0 {
	width:1135px;
//	border:1px solid #fff;
}
.bottom-l {
	width:250px;
	margin:0 30px 0 0;
	padding:5px 0 0 0;
}
.bottom-l2 {
	font-size:12px;
	color:#fff;
	font-weight: bold;
	text-align:center;
}
.full_throttle-ap {
	width:100%;
}


@media screen and (max-width:480px){
.bottom-f02a {
	height:auto;
	padding:20px 0 20px 0;
}
}

.bottom-f02 {
	margin:20px 0 0 0;
	font-size:15px;
	color:#b3b3b3;
	font-weight: bold;
}
.bottom-f02-1 {
	margin:0 0 20px 0;
	font-size:18px;
	color:#b3b3b3;
	font-weight: bold;
}

.bottom-f03 {
	font-size:12px;
	color:#b3b3b3;
	font-weight: bold;
}

.l01-p {
	margin:0 0 0 10px;
}


.side-01p {
	z-index:10;
	position:absolute;
	top:105px;
	right:26px;
	width:36px;
//	height:100px;
	opacity:0;
//	border:1px solid #000;
}
.side-01p2 {
	top:30px;
	right:30px;
}

.language-p {
	width:34px;
	margin:0 0 0px 0;
	cursor:pointer;
}
.language-01p {
	width:34px;
	margin:0 0 0px 0;
	border:1px solid #888;
}
.language-02p {
	width:34px;
	margin:0 0 0px 0;
	border:1px solid #888;
//	opacity: 0.5;
}
.language-02p:hover {
//	opacity: 1;
}

.fb-p {
	z-index:10;
	position:absolute;
	top:150px;
	right:35px;
	opacity:0;
}
.ml-p {
	z-index:10;
	position:absolute;
	top:200px;
	right:26px;
	opacity:0;
}
.fb-p2 {
	margin:0 0 10px 0;
}
.ml-p2 {
//	width:32px;
}


.mlw-p {
	width:24px;
//	margin:7px 0 0 100px;
}
@media screen and (max-width:480px){
.mlw-p {
	width:24px;
	margin:7px auto 0 auto;
}
}

.text-ta {
	display:inline-block;
	position:absolute;
	top:200px;
	left:4px;
//	padding:0 0 10px 0;
	text-align:left;
	line-height:0.8em;
	opacity:0;
//	border-bottom:5px solid #000;
}
.text-ta-back {
	display:inline-block;
	position:absolute;
	top:327px;
	left:-84px;
	padding:0 0 10px 0;
	text-align:left;
	line-height:0.8em;
//	transform:rotate(90deg);
	border-bottom:5px solid #000;
}
.scroll {
	position:absolute;
	top:540px;
	left:-30px;
	width:130px;
	margin:20px 0 0 0;
	padding: 0 0px;
	text-align:left;
	transform:rotate(90deg);
	opacity:0;
}
.scroll:before {
  position: absolute;
  top: calc(50% - 0px);
  left: 0;
  width: 130px;
  height: 2px;
  content: '';
  background: #000;
}
.scroll span {
	position: relative;
	padding: 0 7px 0 0px;
	font-size:17px;
	background: #fff;
//	background:linear-gradient(transparent 70%, #003394 70%);
}




.font-acumin {
	font-family: acumin-pro-extra-condensed,sans-serif;
	font-weight: 600;
	font-style: normal;
}
.font-acumin-a {
	color:#fff;
}


.font-acumin-bg {
	position: relative;
//	z-index:2;
	display:inline-block;
	height:28px;
	padding:0 0 -10px 0;
	font-size:21px;
//	border:1px solid #000;
	transition: all 500ms 0s ease;
//	background-position:-100% .5em;
}
.font-acumin-bg:after{
  position: absolute;
  z-index:-1;
  bottom: 1px;
  left: 0;
  content: "";
  display: inline-block;
  width: 0;
  height: 6px;
//  background: #34BBF3;
  background: #7f99c9;
  transition: 0.3s;
}
.font-acumin-bg:hover:after{
//  width: 100%;
}

.font-acumin-bg-j {
	padding:5px 0 0 0;
	font-size:14px;
}
.font-acumin-bg-jt {
	padding:15px 0 0 0;
	font-size:20px;
	color:#fff;
}


.font-acumin-bg2 {
	display:inline-block;
	height:28px;
	padding:0 0 -10px 0;
	font-size:21px;
	background:linear-gradient(transparent 75%, #7f99c9 75%);
//	border:1px solid #000;
}

.font-acumin-bg3 {
	position: relative;
	display:inline-block;
//	height:28px;
	padding:0 0 -10px 0;
	font-size:32px;
	color:#fff;
	transform: scale(1.0, 1.9);
//	border:1px solid #fff;
	transition: all 500ms 0s ease;
//	background-position:-100% .5em;
}
.font-acumin-bg3:before{
  position: absolute;
  top: 1.3em;
  left: 0;
  content: "";
  display: inline-block;
  width: 0;
  height: 2px;
//  background: #34BBF3;
  background: #7f99c9;
  transition: 0.3s;
}
.font-acumin-bg3:hover:before{
//  width: 100%;
}

.font-acumin1 {
	margin:0 0 100px 0;
	font-size:192px;
//	font-size:210px;
	line-height:1.0em;
	letter-spacing:1px;
	transform   : scale(1.0, 1.9);
//	border:1px solid #000;
}
.font-acumin2 {
//	height:160px;
	height:160px;
	margin:30px 0 0 0;
	font-size:115px;
	line-height:1.0em;
	letter-spacing:1px;
	transform: scale(1.0, 1.9);
	text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff;
//	border:1px solid #000;
}
.font-shadow {
	text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff;
}

.font-acumin3 {
	display:inline-block;
	height:65px;
	padding:0 5px;
	font-size:60px;
	line-height:1.0em;
	letter-spacing:1px;
	background:linear-gradient(transparent 90%, #0131ab 90%);
}
.font-acumin5 {
	font-size:30px;
	line-height:1.0em;
}

.font-acumin6 {
	display:inline-block;
//	height:160px;
	margin:-3px 0 0 0;
	padding:0 5px;
	font-size:21px;
	line-height:1.0em;
	letter-spacing:1px;
}
.font-acumin6:hover {
	background-image: linear-gradient(transparent 75%, #7f99c9 75%);
//	background-position:0 .5em;
}


.font-nobel {
	font-size:20px;
	font-family: nobel,sans-serif;
	font-weight: 400;
	font-style: normal;
}

.font-yoko {
	margin:128px 0 0 10px;
	font-size:28px;
	font-weight: bold;
}
.font-yoko2 {
	margin:108px 0 0 10px;
}
.font-yoko2a {
	margin:108px 0 0 10px;
}
.font-yoko2b {
	margin:108px 0 0 10px;
}


.font-yoko3 {
	margin:128px 0 0 10px;
	color:#fff;
}
.font-yoko4 {
	margin:28px 0 0 10px;
}
.font-yoko4a {
	margin:28px 0 0 10px;
}

.font-white {
	color:#fff;
}

@media screen and (max-width:480px){
.font-yoko {
	margin:66px 0 0 10px;
	font-size:14px;
}
.font-yoko2 {
	margin:66px 0 0 10px;
}
.font-yoko2a {
	clear:both;
	position:absolute;
	z-index:2;
	top:20px;
	left:10px;
//	margin:-20px 0 0 0px;
//border:1px solid #000;
}
.font-yoko2b {
	margin:-20px 0 0 10px;
}

.font-yoko3 {
	margin:74px 0 0 10px;
	color:#fff;
}
.font-yoko4 {
	margin:5px 0 0 10px;
}
.font-yoko4a {
	margin:15px 0 0 10px;
}

}



.font-acumin1a {
	margin:0 0 80px 0;
	font-size:70px;
	line-height:1.0em;
	letter-spacing:0px;
	transform   : scale(1.0, 1.9);
	text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff;
}
.contena-01za {
//	display:inline-block;
	position:relative;
	z-index:2;
	width:420px;
//	height:400px;
	padding:0px 0px 0px 0px;
//	border:1px solid #f00;
}
.text-a0za {
	position:absolute;
	top:0px;
	left:0;
	z-index:2;
//	width:100%;
	width:210px;
	height:120px;
//	margin:-40px 0 0 0;
	overflow:hidden;
	transform: translateY(40px);
//	border:1px solid #000;
}
.text-a2-0za {
	position:absolute;
	top:0px;
	right:-110px;
	z-index:2;
	position:relative;
	display:inline-block;
//	width:100%;
	width:200px;
	height:120px;
//	margin:-40px 0 0 0;
//	padding:0px 0 0 20px;
//	border:1px solid #000;
	overflow:hidden;
	transform: translateY(40px);
//	border:1px solid #000;
}

@media screen and (max-width:480px){
.font-acumin1a {
	margin:0 0 45px 0;
	font-size:42px;
	line-height:1.0em;
	letter-spacing:0px;
	transform   : scale(1.0, 1.9);
}
.contena-01za_s {
//	display:inline-block;
	position:relative;
	z-index:2;
	width:285px;
//	height:400px;
	padding:0px 0px 0px 0px;
//	border:1px solid #f00;
}
.text-a0za_s {
	position:absolute;
	top:0px;
	left:0;
	z-index:2;
//	width:100%;
	width:140px;
	height:70px;
//	margin:-40px 0 0 0;
	overflow:hidden;
	transform: translateY(40px);
//	border:1px solid #000;
}
.text-a2-0za_s {
	position:absolute;
	top:0px;
	right:-70px;
	z-index:2;
	position:relative;
	display:inline-block;
//	width:100%;
	width:140px;
	height:70px;
	overflow:hidden;
	transform: translateY(40px);
//	border:1px solid #000;
}
}




/*---------------------------------*/

.menu-tk {
	position:relative;
	width:200px;
	height:50px;
//	border:1px solid #fff;
}
.menu-tk1 {
	width:100px;
}
.menu-tk2 {
	width:160px;
}
.menu-tk3 {
	width:60px;
}
.menu-tk4 {
	width:140px;
}
.menu-tk5 {
	width:90px;
}

.menu-tk-1 {
//	display:inline-block;
	position:absolute;
	top:0;
	left:0;
	white-space: nowrap;
}
.menu-tk-2 {
//	display:inline-block;
	position:absolute;
	top:0;
	left:0;
	display:none;
	white-space: nowrap;
}

.menu-tk:hover div.menu-tk-1 {
    display:none;
}
.menu-tk:hover div.menu-tk-2 {
    display:inline-block;
}

/*---------------------------------*/


.menu-lk {
	position:relative;
	height:35px;
//	border:1px solid #000;
}
.menu-lk1 {
	width:50px;
}
.menu-lk2 {
	width:110px;
}
.menu-lk3 {
	width:60px;
}
.menu-lk4 {
	width:140px;
}
.menu-lk5 {
	width:90px;
}

.menu-lk-1 {
//	display:inline-block;
	position:absolute;
	top:0;
	left:0;
	white-space: nowrap;
}
.menu-lk-2 {
//	display:inline-block;
	position:absolute;
	top:0;
	left:0;
	display:none;
	white-space: nowrap;
}

.menu-lk:hover div.menu-lk-1 {
    display:none;
}
.menu-lk:hover div.menu-lk-2 {
    display:inline-block;
}

/*---------------------------------*/


.table-mar50 {
	margin:0 50px 0 0;
//	border:1px solid #000;
}
.table-mar100 {
	margin:0 100px 0 0;
//	border:1px solid #000;
}

.table-m {
//	width: 100%;
	border-collapse: collapse;
//	border:1px solid #000;
}
.table-m100 {
	width: 100%;
}
.table-w950 {
	width:950px;
//	border:1px solid #000;
}
.table-w720 {
	width:720px;
//	border:1px solid #000;
}


.table-w1100 {
	width:1100px;
}
.table-m td.td-top01 {
//	width:100px;
//	padding:0 0 2px 40px;
	padding:0 0 2px 20px;
	vertical-align:top;
	font-size:21px;
	font-weight:bold;
}
.table-m td.td-top01m {
//	width:100px;
	padding:0 20px 40px 20px;
	vertical-align:top;
	font-size:21px;
	font-weight:bold;
}
@media screen and (max-width:480px){
.table-m td.td-top01m {

	padding:0 20px 10px 20px;
}
}

.table-m td.tdm-a00 {
//	width:400px;
	vertical-align:top;
//	width:50%;
//border:1px solid #000;
}
.table-m td.tdm-a00-2 {
	vertical-align:top;
//	width:50%;
	padding:0 0 0 50px;
//border:1px solid #000;
}

.table-m td.tdm-a00bb {
	width:380px;
	vertical-align:top;
//	width:50%;
//border:1px solid #000;
}
.table-m td.tdm-a00-3 {
	vertical-align:top;
//	width:40%;
	padding:0 20px 0 0;
//border:1px solid #000;
}
@media screen and (max-width:480px){
.table-m td.tdm-a00-3 {
	padding:0 0px 0 0;
}
}


.table-m td.tdm-a01 {
//	width:50%;
//	width:350px;
	width:500px;
	padding:0 20px;

	padding:0 0 0 0px;
	text-align:leeft;
	vertical-align:top;
	text-align:right;
//	border:1px solid #000;
}
.table-m td.tdm-a01a {
//	width:500px;
	height:500px;
	background-color:#ccc;
}
.table-m td.tdm-a02 {
//	width:50%;
	padding:0 0 0 0px;
	text-align:left;
	vertical-align:top;
}
.table-m td.tdm-b01 {
	width:20%;
	padding:0 20px 0 0;
	text-align:center;
	vertical-align:top;

//	border:1px solid #ff0000;
}
.table-m td.tdm-bottom01 {
	width:270px;
	vertical-align:top;
}
.table-m td.tdm-bottom02 {
//	padding:0 100px 0 0;
//	text-align:right;
	vertical-align:top;
}
.table-m td.tdm-bottom-a01 {
//	padding:0 37px 0 1px;
	padding:0 22px 0 1px;
	font-size:15px;
	color:#fff;
	font-weight: bold;
	vertical-align:top;
//	border:1px solid #fff;
}
.table-m td.tdm-bottom-a03 {
	vertical-align:top;
}
@media screen and (max-width:480px){
.table-m td.tdm-bottom-a01 {
	float:left;
	width:50%;
	margin:-1px 0 0 -1px;
	padding:10px 0 0 10px;
	border:1px solid #fff;
}
.table-m td.tdm-bottom-a03 {
	float:left;
	width:50%;
	margin:-1px 0 0 -1px;
	padding:10px 0 0 10px;
	border:1px solid #fff;
}
}

.table-m td.tdm-map-01 {
	width:440px;
	padding:0 20px 0 20px;
	vertical-align:top;
}
.table-m td.tdm-map-01a {
	width:350px;
	padding:0 20px 0 20px;
	vertical-align:top;
}
@media screen and (max-width:480px){
.table-m td.tdm-map-01a {
	width:100%;
	padding:20px 0 20px 0;
}
}

.table-m td.tdm-map-01bb {
	width:300px;
//	height:450px;
//	padding:20px 20px 20px 20px;
	padding:0;
//	text-align:center;
//	vertical-align:top;
//	background-color:#000;
}

.table-m td.tdgd-01 {
	width:250px;
	padding:0 20px 0 20px;
	vertical-align:top;
	text-align:center;
}





.img-p {
	width:100%;
}
.dammy1-p {
	width:100%;
	height:350px;
}

.photo01-p0 {
	z-index:0;
	position:relative;
	width:610px;
	height:500px;
//	margin:-150px 0 0 0;
	margin:-203px 0 0 5px;
	overflow:hidden;
	opacity:0;
}
.photo01-p {
	position:relative;
//	width:100%;
//	width:500px;
	width:550px;
	height:350px;
//	background-image: url(../images/photo01.jpg);
	background-image: url(../images/501.jpg);
	background-repeat:no-repeat;
	background-size:cover;
//	background-size:contain;
//	background-size:600px auto;
    background-position: center center;
	overflow:hidden;

	opacity: 0;
	animation-fill-mode:both;
	animation-duration:1s;
	animation-name: fadeIn;
	visibility: visible !important;
}
@keyframes fadeIn {
	0% {opacity:0; }
	100% {opacity:1; }
}


.top-p {
	margin:-10px 0 0 0;
}

.contena-m-20 {
	margin:-100px 0 0 0;;
}
.contena-h10 {
	height:10px;
}
.contena-h20 {
	height:20px;
}
.contena-h30 {
	height:30px;
}
.contena-h40 {
	height:40px;
}
.contena-h50 {
	height:50px;
}
.contena-h60 {
	height:60px;
}
.contena-h70 {
	height:70px;
}
.contena-h80 {
	height:80px;
}
.contena-h90 {
	height:90px;
}
.contena-h100 {
	height:100px;
}
.contena-h110 {
	height:110px;
}
.contena-h120 {
	height:120px;
}
.contena-h130 {
	height:130px;
}
.contena-h140 {
	height:140px;
}
.contena-h150 {
	height:150px;
}
.contena-border {
	height:1px;
	border-bottom:1px solid #ddd;
}

.contena-nav {
	height:30px;
}
.contena-nav01 {
	min-width:850px;
//	border:1px solid #000;
}
@media screen and (max-width:480px){
.contena-nav {
	height:auto;
}
.contena-nav01 {
	min-width:1px;
//	border:1px solid #000;
}
}


.contena-top {
	position:relative;
//	position:absolute;
//	top:60px;
//	left:0;
	width:100%;
//	height:90%;
//	margin:60px 0 0 0;
	background-color: #ddd;

	background-repeat: no-repeat;
	background-size: cover;
//	background-size: contain;
	background-position: center center;
}

.contena-top-cc0 {
	z-index:10;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	height:100%;
//	border:1px solid #000;
}

.contena-top-cc1 {
	display: -webkit-flex;
	display: flex;
	
	align-items: center;
	justify-content: center;
	height:100%;
//	border:1px solid #000;
}
.contena-top-cc2 {
	margin:-40px -20px -40px -20px;
	padding:20px;
	font-size:40px;
//	font-weight: bold;
	line-height:1.4em;
	text-shadow: 0px 0px 20px #fff, 0px 0px 20px #fff, 0px 0px 20px #fff, 0px 0px 20px #fff, 0px 0px 20px #fff, 0px 0px 20px #fff, 0px 0px 20px #fff, 0px 0px 20px #fff, 0px 0px 20px #fff, 0px 0px 20px #fff, 0px 0px 20px #fff, 0px 0px 20px #fff, 0px 0px 20px #fff, 0px 0px 20px #fff, 0px 0px 20px #fff;
}
@media screen and (max-width:500px){
.contena-top-cc2 {
	margin:-10px 0px -10px -5px;
	padding:5px;
	font-size:18px;
//	font-weight: bold;
	line-height:1.4em;
	text-shadow: 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff;
}
}
.contena-top-cc-p {
	width:100%;
}

.table td.td-topcc1 {
	width:160px;
	vertical-align:middle;
}
.table td.td-topcc2 {
	padding:0 0 0 1px;
	vertical-align:middle;
}
@media screen and (max-width:500px){
.table td.td-topcc1 {
	width:100px;
	vertical-align:middle;
}
}




.contena-top-1 {
	background-image: url(../images/top01.jpg);
}
@media screen and (max-width:500px){
.contena-top {
	position:relative;
	top:0px;
//	margin:60px 0 0 0;
	width:100%;
//	height:300px;
}
}

.wave-p {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
}


.contena-top1 {
	z-index:2;
	position:absolute;
	top: 50%;
    left: 50%;
	transform: translate(-50%, -50%);
//	width:540px;
	max-width:1600px;
	width:100%;
	padding:0 150px;
//	border:1px solid #000;
}
@media screen and (max-width:500px){
.contena-top1 {
	width:100%;
	padding:0 0 0 30px;
}
}
.contena-top1-a1 {
	font-size:50px;
//	color:#fff;
	line-height:1.5em;
	text-shadow: 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1);
}
@media screen and (max-width:500px){
.contena-top1-a1 {
	font-size:24px;
//	color:#fff;
	line-height:1.5em;

}
}

.contena-top1-1 {
//	font-size:28px;
	font-size:38px;
	color:#fff;
	text-align:center;
//	border:1px solid #fff;
	text-shadow: 0px 0px 10px #000, 0px 0px 10px #000, 0px 0px 10px #000, 0px 0px 10px #000, 0px 0px 10px #000, 0px 0px 10px #000;
}
.contena-top1-2 {
	margin:-5px 0 0 0;
	font-size:15px;
	color:#fff;
	text-align:center;
	text-shadow: 0px 0px 10px #000, 0px 0px 10px #000, 0px 0px 10px #000, 0px 0px 10px #000, 0px 0px 10px #000, 0px 0px 10px #000;
}
@media screen and (max-width:500px){

.contena-top1-1 {
	font-size:22px;
}
.contena-top1-2 {
	margin:-5px 0 0 0;
	font-size:14px;
}
}

.contena-top2 {
	z-index:2;
	position:absolute;
	top: 50%;
    left: 50%;
	transform: translate(-50%, -50%);
	width:285px;
	margin:100px 0 0 0;
//	border:1px solid #000;
}
.contena-top2-1 {
	display:inline-block;
	font-size:20px;
	color:#fff;
	text-align:center;
	text-shadow: 0px 0px 10px #000, 0px 0px 10px #000, 0px 0px 10px #000;
}
.contena-top2-2 {
	display:inline-block;
	padding:0 0 0 5px;
	font-size:23px;
	color:#fff;
	text-align:center;
	text-shadow: 0px 0px 10px #000, 0px 0px 10px #000, 0px 0px 10px #000;
}
@media screen and (max-width:500px){
.contena-top2 {
	bottom:30px;
	width:262px;
//	border:1px solid #000;
}
.contena-top2-1 {
	font-size:16px;
	color:#fff;
}
.contena-top2-2 {
	padding:0 0 0 5px;
	font-size:23px;
	color:#fff;
}
}

/*--------------------------------------------------------------------------*/

.preate-top {
	height:450px;
	background-repeat: no-repeat;
	background-size: cover;
//	background-size: contain;
	background-position: center center;
}
@media screen and (max-width:500px){
.preate-top {
	height:150px;
}
}

.preate-msg {
	position:absolute;
	bottom:0;
	right:0;
	width:480px;
//	border:1px solid #ccc;
}
@media screen and (max-width:500px){
.preate-msg {
	position:relative;
	width:100%;
	padding:0 10px;
//	border:1px solid #000;
}
}

.preate-msg00 {
	padding:30px 45px;
	background-color: #fff;
	border-radius:10px 0 0 0;
}
@media screen and (max-width:500px){
.preate-msg00 {
	margin:-40px 0 0 0;
	padding:20px 10px;
	border-radius:10px;
//	border:1px solid #000;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}
}

.preate-msg01 {
	padding:0 0 0 10px;
	font-size:41px;
	color:#b55bfd;
//	font-weight: bold;
	line-height:1.0em;
}
@media screen and (max-width:500px){
.preate-msg01 {
	padding:0 0 0 10px;
	font-size:36px;
	color:#b55bfd;
//	font-weight: bold;
	line-height:1.0em;
}
}
.preate-msg02 {
	padding:5px 0;
}
@media screen and (max-width:500px){
.preate-msg02 {
	padding:10px 0 0 0;
	font-size:13px;
}
}

.preate-msg03 {
	padding:0 0 10px 0;
	font-size:24px;
	color:#b55bfd;
	font-weight: bold;
	line-height:1.0em;
}
.preate-msg04 {
//	float:left;
	width:110px;
	margin:0 3px 0 3px;
	padding:8px 0;
	font-size:13px;
	color:#fff;
	text-align:center;
	line-height:1.0em;
	background-color:#b55bfd;
	border-radius:5px;
}
@media screen and (max-width:500px){
.preate-msg04 {
	width:95px;
	margin:0 3px 0 3px;
	padding:8px 0;
	font-size:12px;
}
}
.fd-p {
	height:28px;
}
@media screen and (max-width:500px){
.fd-p {
	height:24px;
}
}




.preate-mtop {
	height:100%;
}
.preate-main {
	position:relative;
//	min-width:1100px;
//	margin:100% 0 0 0;
}

.preate-cc-waku {
	padding: 0 100px;
}
@media screen and (max-width:500px){
.preate-cc-waku {
	padding: 0 20px;
}
}
.preate-cc-waku2 {
	background-color: #ddd;
//	background-image: url(../images/photo01.jpg);
	background-repeat:no-repeat;
	background-size:cover;
//	background-size:contain;
    background-position: center center;
}
.preate-cc-waku2-1 {
	height:400px;
}
@media screen and (max-width:500px){
.preate-cc-waku2-1 {
	height:auto;
}
}
.preate-cc-waku2-2 {
	height:100%;
	padding: 50px 100px;
	background: rgba(0,0,0,70%);
}
@media screen and (max-width:500px){
.preate-cc-waku2-2 {
	height:auto;
	padding: 20px 20px;
}
}

.preate-cc-waku2-2a {
	padding: 10px 100px;
	background: none;
}
@media screen and (max-width:500px){
.preate-cc-waku2-2 {
	height:100%;
	padding: 40px 20px;
	background: rgba(0,0,0,70%);
}
.preate-cc-waku2-2a {
	padding: 30px 20px;
	background: none;
}
}

.preate-cc {
	max-width:1450px;
	margin:0 auto;
}
.preate-cc-c1 {
	background-color: #776345;
}


.preate-cc-btn01 {
	display:inline-block;
	padding:6px 20px;
	font-size:11px;
	color:#fff;
	background-color: #776345;
	border:1px solid #776345;
	border-radius:100px;
	transition:0.3s;
}
.preate-cc-btn01:hover {
	color: #776345;
	background-color: #fff;
}
@media screen and (max-width:500px){
.preate-cc-btn01 {
	padding:6px 20px;
	font-size:10px;
}
}

.preate-cc-greetings01 {
	height:380px;
	background-color: #ccc;
	
//	background-image: url(../images/slider-y.png);
	background-repeat: no-repeat;
//	background-size: contain;
	background-size: cover;
	background-position: center center;
}
.preate-cc-greetings01a {
	height:280px;
	background-color: #ccc;
	
//	background-image: url(../images/slider-y.png);
	background-repeat: no-repeat;
//	background-size: contain;
	background-size: cover;
	background-position: center center;
}
@media screen and (max-width:500px){
.preate-cc-greetings01 {
	height:240px;
	margin:20px 0 0 0;
}
.preate-cc-greetings01a {
	height:200px;
	margin:20px 0 0 0;
}
.preate-cc-greetings01b {
	height:200px;
	margin:0 0 10px 0;
}
}



.preate-cc-news01 {
	margin:-1px 0 0 0;
	padding:25px 0;
	font-size:12px;
	border:1px solid #aaa;
	transition:1s;
}
@media screen and (max-width:500px){
.preate-cc-news01 {
	margin:-1px 0 0 0;
	padding:10px 0;
	font-size:12px;
	border:1px solid #aaa;
	transition:1s;
}
}
.preate-cc-news01:hover {
//	background-color: #776345;
	background-color: #ded4c2;
}
.preate-cc-news01t {
	font-size:12px;
}
.preate-cc-news01t-a {
	color:#776345;
}
.preate-cc-news01t-b {
	display:inline-block;
	width:100px;
	padding:2px 0px;
	font-size:10px;
	color:#111f;
	text-align:center;
	background-color: #ded4c2;
	border-radius:100px;
}
@media screen and (max-width:500px){
.preate-cc-news01t {
	font-size:11px;
}
.preate-cc-news01t-b {
	display:inline-block;
	width:100px;
	padding:2px 0px;
	font-size:10px;
}
}


.preate-cc-contact01-1 {
	margin:0 0 10px 0;
	font-size:12px;
	color:#fff;
//	font-weight: bold;
	text-align:left;
	letter-spacing:1px;
	line-height:1.0em;
}
@media screen and (max-width:500px){
.preate-cc-contact01-1 {
	font-size:11px;
}
}
.preate-cc-contact01-2 {
	font-size:24px;
	color:#fff;
	font-weight: bold;
	text-align:left;
	letter-spacing:2px;
	line-height:1.4em;
}
@media screen and (max-width:500px){
.preate-cc-contact01-2 {
	font-size:15px;
	line-height:1.6em;
	letter-spacing:1px;
}
}
.preate-cc-contact01-3 {
	margin:20px 0 0px 0;
	font-size:12px;
	color:#fff;
//	font-weight: bold;
	text-align:left;
	letter-spacing:1px;
	line-height:1.7em;
}

@media screen and (max-width:500px){
.preate-cc-contact01-3 {
	margin:10px 0 0px 0;
	font-size:11px;
}
}

.preate-cc-contact02 {
	width:400px;
	padding:30px;
	font-size:11px;
	border:1px solid #fff;
	transition:1.0s;
}
@media screen and (max-width:500px){
.preate-cc-contact02 {
	width:100%;
	margin:20px 0 0 0;
	padding:10px;
	font-size:11px;
}
}
.preate-cc-contact02:hover {
	background-color: #fff;
}
.preate-cc-contact02:hover .preate-cc-contact02-1 {
	color: #111;
}
.preate-cc-contact02:hover .preate-cc-contact02-2 {
//	color: #776345;
	color: #111;
}
.preate-cc-contact02-1 {
	font-size:12px;
	color:#fff;
	transition:1.0s;
}
.preate-cc-contact02-2 {
	font-size:12px;
	color:#fff;
	transition:1.0s;
}

.preate-cc-ab00 {
	max-width:1150px;
	padding:0 35px;
}
.preate-cc-ab01 {
	overflow: hidden;
	height:175px;
	background-color: #ddd;
	border-radius:5px;
	
//	background-image: url(../images/photo01.jpg);
	background-repeat:no-repeat;
	background-size:cover;
//	background-size:contain;
    background-position: center center;
}
.preate-cc-ab01b {
	height:175px;
	background: rgba(0,0,0,60%);
}
.preate-cc-ab02 {
	position:absolute;
	left:30px;
	bottom:20px;
	font-size:12px;
	color:#fff;
	font-weight: bold;
}


.preate-cc-comp01 {
	height:100%;
//	margin:0 0 10px 0;
	padding:40px;
	font-size:12px;
	color:#fff;
//	font-weight: bold;
	text-align:left;
	letter-spacing:1px;
	line-height:1.0em;
	background: rgba(0,0,0,70%);
}
@media screen and (max-width:500px){
.preate-cc-comp01 {
	height:auto;
	margin:10px 0 10px 0;
	padding:15px;
	font-size:12px;
}
}

.preate-cc-comp01-1 {
	margin:0 0 10px 0;
	font-size:12px;
	color:#fff;
//	font-weight: bold;
	text-align:left;
	letter-spacing:1px;
	line-height:1.0em;
}

@media screen and (max-width:500px){
.preate-cc-comp01-1 {
	font-size:11px;
}
}

.preate-cc-comp01-2 {
	font-size:24px;
	color:#fff;
	font-weight: bold;
	text-align:left;
	letter-spacing:2px;
	line-height:1.4em;
}
@media screen and (max-width:500px){
.preate-cc-comp01-2 {
	font-size:15px;
	line-height:1.6em;
	letter-spacing:1px;
}
}

.preate-cc-comp01-3 {
	min-height:60px;
	margin:20px 0 0px 0;
	font-size:12px;
	color:#fff;
//	font-weight: bold;
	text-align:left;
	letter-spacing:1px;
	line-height:1.7em;
}
@media screen and (max-width:500px){
.preate-cc-comp01-3 {
	min-height:1px;
	margin:10px 0 10px 0;
	font-size:11px;
}
}

.preate-cc-comp01-4 {
	height:170px;
	background-color:#ddd;
	
//	background-image: url(../images/img_002-1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
//	background-size: contain;
	background-position: center center;
}
@media screen and (max-width:500px){
.preate-cc-comp01-4 {
	height:120px;
}
}

.preate-cc-comp01-5 {
	margin:30px 0 0 0;
	padding:10px 10px;
	font-size:11px;
	color:#fff;
	text-align:center;
	border:1px solid #fff;
	transition:1.0s;
}
.preate-cc-comp01-5:hover {
	color:#111;
	background-color:#fff;
}
@media screen and (max-width:500px){
.preate-cc-comp01-5 {
	margin:15px 0 0 0;
	padding:7px 0px;
	font-size:10px;
}
}

.preate-cc-recruit01 {
	padding:60px 0;
	text-align:center;
}
@media screen and (max-width:500px){
.preate-cc-recruit01 {
	padding:20px 0;
	text-align:center;
}
}
.preate-cc-recruit01-1 {
	margin:0 0 10px 0;
	font-size:12px;
	color:#fff;
//	font-weight: bold;
	text-align:center;
	letter-spacing:1px;
	line-height:1.0em;
}
@media screen and (max-width:500px){
.preate-cc-recruit01-1 {
	margin:0 0 5px 0;
	font-size:11px;
}
}
.preate-cc-recruit01-2 {
	font-size:24px;
	color:#fff;
	font-weight: bold;
	text-align:center;
	letter-spacing:2px;
	line-height:1.4em;
}
@media screen and (max-width:500px){
.preate-cc-recruit01-2 {
	font-size:18px;
	line-height:1.6em;
	letter-spacing:1px;
}
}
.preate-cc-recruit01-3 {
	margin:20px 0 0px 0;
	font-size:15px;
	color:#fff;
//	font-weight: bold;
	text-align:center;
	letter-spacing:1px;
	line-height:1.7em;
}
@media screen and (max-width:500px){
.preate-cc-recruit01-3 {
	margin:10px 0 0px 0;
	font-size:11px;
}
}
.preate-cc-recruit01-4 {
	width:280px;
	margin:30px auto 0 auto;
	padding:10px 10px;
	font-size:13px;
	color:#fff;
	text-align:center;
	border:1px solid #fff;
	transition:1.0s;
}
.preate-cc-recruit01-4:hover {
	color:#776345;
	background-color:#fff;
}
@media screen and (max-width:500px){
.preate-cc-recruit01-4 {
	width:100%;
	margin:20px auto 0 auto;
	padding:7px 0px;
	font-size:12px;
}
}

.preate-cc-recruit02 {
	position:absolute;
	top:-100px;
//	bottom:0;
//	left:0;
//	right:0;
	width:100%;
	height:100%;
//	border:1px solid #000;
}
@media screen and (max-width:500px){
.preate-cc-recruit02 {
	top:-60px;
//	bottom:0;
//	left:0;
//	right:0;
}
}

.recruit-p01 {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	max-height:500px;
}


.right-all {
	float:right;
}

.flex-cc1 {
	display: -webkit-flex;
	display: flex;
	
//	align-items: center;
	justify-content: center;
}
.flex-cc1-news01 {
	width:200px;
//	border:1px solid #000;
}
.flex-cc1-news02 {
	width:100%;
//	border:1px solid #000;
}
@media screen and (max-width:500px){
.flex-cc1 {
	display: -webkit-block;
	display: block;
}
.flex-cc1-news01 {
	width:100%;
	margin:0 0 15px 0;
//	border:1px solid #000;
}
.flex-cc1-news02 {
	width:100%;
//	border:1px solid #000;
}
}

.flex-cc1-ab01 {
	width:33.33%;
	padding:0 5px;
}

.flex-cc1a {
	display: -webkit-flex;
	display: flex;
	
	align-items: center;
	justify-content: center;
	width:100%;
	height:300px;
}
@media screen and (max-width:500px){
.flex-cc1a {
	display: -webkit-block;
	display: block;
	
	width:100%;
	height:auto;
}
}
.flex-cc1a-contact01 {
	width:100%;
//	border:1px solid #fff;
}
.flex-cc1a-contact02 {
	width:400px;
//	border:1px solid #fff;
}
@media screen and (max-width:500px){
.flex-cc1a-contact01 {
	width:100%;
//	border:1px solid #fff;
}
.flex-cc1a-contact02 {
	width:100%;
//	border:1px solid #fff;
}
}

.flex-cc1b {
	display: -webkit-flex;
	display: flex;
	
	align-items: stretch;
	justify-content: center;
	width:100%;
//	height:300px;
//	border:1px solid #000;
}
.flex-cc1b-contact01 {
	width:50%;
	padding:0 10px 0 0px;
//	border:1px solid #fff;
}
.flex-cc1b-contact02 {
	width:50%;
	padding:0 0px 0 10px;
//	border:1px solid #fff;
}
@media screen and (max-width:500px){
.flex-cc1b {
	display: -webkit-block;
	display: block;
	
	width:100%;
}
.flex-cc1b-contact01 {
	width:100%;
	padding:0 0px 0 0px;
//	border:1px solid #fff;
}
.flex-cc1b-contact02 {
	width:100%;
	padding:0 0px 0 0px;
//	border:1px solid #fff;
}
}






.flex-cc2 {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
	
//	align-items: center;
}

.flex-cc3 {
	display: -webkit-flex;
	display: flex;
	
//	align-items: center;
	align-items: stretch;
	justify-content: center;
//	flex-wrap: wrap;
}
@media screen and (max-width:500px){
.flex-cc3 {
	display: -webkit-block;
	display: block;
}
}
.flex-cc3-recruit01 {
	width:100%;
	padding:0 10px 0 10px;
	text-align:center;
//	border:1px solid #fff;
}
.flex-cc3-recruit02 {
//	width:50%;
	width:800px;
	padding:0 10px 0 10px;
	text-align:center;
//	border:1px solid #fff;
}
@media screen and (max-width:500px){
.flex-cc3-recruit01 {
	width:100%;
	height:120px;
	padding:0 10px 0 10px;
	text-align:center;
//	border:1px solid #fff;
}
.flex-cc3-recruit02 {
	width:100%;
	padding:0 20px 0 20px;
	text-align:center;
//	border:1px solid #fff;
}
}


.wrap {
  display: flex;
  align-items: center;
//  height: 340px;
  overflow: hidden;
}
.slideshow {
  display: flex;
  animation: loop-slide 40s infinite linear 1s both;
}
@keyframes loop-slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
.content-ccc {
//	overflow:hidden;
	min-width: 300px;
//  height: 250px;
	padding:0 5px;
	border-radius:5px;
}
.content-ccc:nth-child(1) {
	min-width: 300px;
	padding:40px 5px 0 5px;
}
.content-ccc:nth-child(2) {
	min-width: 400px;
}
.content-ccc:nth-child(3) {
	min-width: 200px;
	padding:20px 5px 0 5px;
}
.content-ccc:nth-child(4) {
	min-width: 280px;
	padding:40px 5px 0 5px;
}
.content-ccc:nth-child(5) {
	min-width: 350px;
	padding:10px 5px 0 5px;
}
.content-ccc:nth-child(6) {
	min-width: 250px;
	padding:30px 5px 0 5px;
}
.content-ccc:nth-child(7) {
	min-width: 350px;
	padding:20px 5px 0 5px;
}
@media screen and (max-width:500px){
.content-ccc:nth-child(1) {
	min-width: 200px;
	padding:40px 5px 0 5px;
}
.content-ccc:nth-child(2) {
	min-width: 250px;
}
.content-ccc:nth-child(3) {
	min-width: 150px;
	padding:20px 5px 0 5px;
}
.content-ccc:nth-child(4) {
	min-width: 180px;
	padding:40px 5px 0 5px;
}
.content-ccc:nth-child(5) {
	min-width: 220px;
	padding:10px 5px 0 5px;
}
.content-ccc:nth-child(6) {
	min-width: 150px;
	padding:30px 5px 0 5px;
}
.content-ccc:nth-child(7) {
	min-width: 230px;
	padding:20px 5px 0 5px;
}
}



.sl001 {
	width:100%;
	border-radius:5px;
}
.sl002 {
	width:600px;
	border-radius:5px;
}

/*----------------------------------------------------------*/

.flex1 {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
	
	align-items: center;
}
.flex-box1-1 {
	width:40%;
//	border:1px solid #aaa;
}
.flex-box1-2 {
	width:60%;
//	border:1px solid #aaa;
}
@media screen and (max-width:1100px){
.flex-box1-1 {
	width:50%;
//	border:1px solid #aaa;
}
.flex-box1-2 {
	width:50%;
//	border:1px solid #aaa;
}
}
@media screen and (max-width:500px){
.flex1 {
	display: -webkit-block;
	display: block;
}
.flex-box1-1 {
	width:100%;
//	border:1px solid #aaa;
}
.flex-box1-2 {
	width:100%;
	padding:20px 20px 0 20px;
//	border:1px solid #aaa;
}
}



.preate-001-lf {
	height:700px;
	
	background-color: #ddd;
}
.preate-001-lf-1 {
	background-image: url(../images/preate-001-1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
//	background-size: contain;
	background-position: center center;
}
.preate-001-lf-4 {
	background-image: url(../images/preate-004-1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
//	background-size: contain;
	background-position: center center;
}

.preate-001-rt {
	margin:auto 0;
	padding:0 50px 0 50px;
	vertical-align:middle;
}
@media screen and (max-width:500px){
.preate-001-lf {
	height:200px;
}
.preate-001-rt {
	margin:auto 0;
	padding:0 20px 0 20px;
	vertical-align:middle;
}
}







.flex2 {
	display: -webkit-flex;
	display: flex;
	
	align-items: center;
}
.flex-box2-1 {
	width:50%;
//	border:1px solid #aaa;
}
.flex-box2-2 {
	width:50%;
//	border:1px solid #aaa;
}
@media screen and (max-width:1100px){
.flex-box2-1 {
	width:55%;
//	border:1px solid #aaa;
}
.flex-box2-2 {
	width:45%;
//	border:1px solid #aaa;
}
}
@media screen and (max-width:500px){
.flex2 {
	display: -webkit-block;
	display: block;
}
.flex-box2-1 {
	width:100%;
//	border:1px solid #aaa;
}
.flex-box2-2 {
	width:100%;
	padding:20px 20px 0 20px;
//	border:1px solid #aaa;
}
}

.flex2-1 {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
	
	width:100%;
	align-items: center;
}
.flex-box2-1-1 {
	width:470px;
//	border:1px solid #aaa;
}
.flex-box2-1-1w {
	width:470px;
}
.flex-box2-1-2 {
	width:100%;
//	border:1px solid #aaa;
}
@media screen and (max-width:1100px){
.flex-box2-1-1 {
//	width:50%;
//	border:1px solid #aaa;
}
.flex-box2-1-2 {
//	width:50%;
//	border:1px solid #aaa;
}
}
@media screen and (max-width:500px){
.flex2-1 {
	display: -webkit-block;
	display: block;
}
.flex-box2-1-1 {
	width:100%;
//	border:1px solid #aaa;
}
.flex-box2-1-1w {
	width:auto;
}
.flex-box2-1-2 {
	width:100%;
	padding:20px 10px 0 10px;
//	border:1px solid #aaa;
}
}


.flex2A {
	display: -webkit-flex;
	display: flex;
	
	align-items: center;
}
.flex-box2A-1 {
	width:20%;
	padding:0 20px;
	border:1px solid #aaa;
}





.flex2D {
	display: -webkit-flex;
	display: flex;
	
	align-items: center;
	padding:0 20px;
}
.flex-box2D-1 {
//	width:50%;
	padding:0 40px 0 0;
//	border:1px solid #aaa;
}
.flex-box2D-2 {
//	width:50%;
//	border:1px solid #aaa;
}
@media screen and (max-width:500px){
.flex2D {
	display: -webkit-block;
	display: block;
}
.flex-box2D-1 {
	display:block;
	padding:0;
}
.flex-box2D-2 {
	display:block;
	
}
}







.bnr001-p {
	width:100%;
	margin:10px 0;
	border-radius:5px;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
}
@media screen and (max-width:500px){
.bnr001-p {
	margin:5px 0;
}
}

.flex3 {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
	
	align-items: center;
}
.flex-box3-1 {
	width:45%;
//	border:1px solid #aaa;
}
.flex-box3-2 {
	width:55%;
//	border:1px solid #aaa;
}
@media screen and (max-width:1100px){
.flex-box3-1 {
	width:50%;
//	border:1px solid #aaa;
}
.flex-box3-2 {
	width:50%;
//	border:1px solid #aaa;
}
}
@media screen and (max-width:500px){
.flex3 {
	display: -webkit-block;
	display: block;
}
.flex-box3-1 {
	width:100%;
//	border:1px solid #aaa;
}
.flex-box3-2 {
	width:100%;
	padding:20px 20px 0 20px;
//	border:1px solid #aaa;
}
}

.preate-003-lf {
	height:450px;
	
	background-color: #ddd;
}

















.preate-title1 {
	font-size:40px;
//	font-weight: bold;
	text-align:left;
	line-height:1.0em;
	letter-spacing:2px;
}
@media screen and (max-width:500px){
.preate-title1 {
	font-size:28px;
	letter-spacing:1px;
}
}
.preate-title2 {
	padding:0 0 10px 0;
	font-size:14px;
	text-align:left;
	line-height:1.0em;
}
@media screen and (max-width:500px){
.preate-title2 {
	padding:0 0 15px 0;
	font-size:11px;
}
}

.preate-title3 {
	width:30px;
	height:1px;
	margin:35px 0 25px 0;
	border-top:1px solid #111;
}
@media screen and (max-width:500px){
.preate-title3 {
	margin:25px 0 15px 0;
}
}



.preate-001 {
	position:relative;
	padding: 100px 50px 100px 80px;
	
	background-image: url(../images/416255.png);
	background-repeat: no-repeat;
//	background-size: cover;
	background-size: contain;
//	background-size: auto 1240px;
	background-position: center right -50px;
}

@media screen and (max-width:500px){
.preate-001 {
	padding: 50px 0px;
}
.preate-001-m {
	padding: 40px 0px 40px 0px;
}
}


.preate-002 {
	position:relative;
	padding: 0;
//	height:625px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}
@media screen and (max-width:500px){
.preate-002 {
	text-align:right;
}
}

.preate-002-1 {
	z-index:1;
	overflow:hidden;
	position:absolute;
	top:0;
	right:0;
	padding: 0;
	width:75%;
	min-height:500px;
	background-color:#ddd;
	
	background-repeat: no-repeat;
	background-size: cover;
//	background-size: contain;
//	background-size: auto 1240px;
	background-position: center center;
}
@media screen and (max-width:500px){
.preate-002-1 {
	top:0;
	left:0;
	right:auto;
	width:90%;
	min-height:1px;
	height:180px;
}
}


.preate-002-2 {
	z-index:2;
	margin:50px 0 50px 40px;
	padding:60px 70px;
	width:520px;
	min-height:520px;
//	background-color:#e26d8c;
	background-color:#776345;
	box-shadow: 0px 0px 40px rgba(0,0,0,0.5);
}
.preate-002-2aw {
	padding:50px 0 50px 40px;
}
@media screen and (max-width:500px){
.preate-002-2aw {
	width:100%;
	padding:150px 0 50px 40px;
//	padding:30px 25px;
}
}
.preate-002-2a {
//	z-index:2;
//	margin:50px 0 50px 40px;
	padding:60px 70px;
	width:690px;
	min-height:520px;
	text-align:left;
//	background-color:#e26d8c;
	background-color:#776345;
//	box-shadow: 0px 0px 40px rgba(0,0,0,0.5);
}
@media screen and (max-width:500px){
.preate-002-2a {
//	position:absolute;
//	top:150px;
//	right:0;
	width:100%;
//	margin:150px 0 50px 40px;
	padding:30px 25px;

}
}

.preate-002-2-1 {
	font-size:40px;
	color:#fff;
//	font-weight: bold;
	text-align:left;
	letter-spacing:1px;
	line-height:1.4em;
}
.preate-002-2-1a {
	font-size:28px;
//	color:#fff;
	font-weight: bold;
	text-align:left;
	letter-spacing:2px;
	line-height:1.4em;
}
.preate-002-2-1a-red {
	padding:5px 20px;
	font-size:42px;
	color:#776345;
	font-weight: bold;
	line-height:1.4em;
	background-color: #fff;
}
@media screen and (max-width:500px){
.preate-002-2-1a {
	font-size:18px;
	line-height:1.4em;
	letter-spacing:1px;
}
.preate-002-2-1a-red {
	padding:7px 10px 5px 10px;
	font-size:20px;
	color:#776345;
	font-weight: bold;
	line-height:1.4em;
}
}

.preate-002-2-1b {
	font-size:24px;
//	color:#fff;
	font-weight: bold;
	text-align:left;
	letter-spacing:2px;
	line-height:1.4em;
}
@media screen and (max-width:500px){
.preate-002-2-1b {
	font-size:15px;
	line-height:1.6em;
	letter-spacing:1px;
}
}

.preate-002-2-2 {
	padding:0 0 20px 0;
	font-size:12px;
//	color:#fff;
	text-align:left;
}

.preate-002-2-3 {
	width:30px;
	height:1px;
//	margin:35px 0;
	margin:40px 0 0 0 ;
//	border-top:1px solid #111;
}
.preate-002-2-3a {
	width:30px;
	height:1px;
	margin:0 0 20px 0 ;
}
@media screen and (max-width:500px){
.preate-002-2-3 {
	margin:10px 0 0 0 ;
}
.preate-002-2-3a {
	margin:0 0 10px 0 ;
}
}

.preate-002-2-4 {
	font-size:13px;
//	color:#fff;
	line-height:2.0em;
}
@media screen and (max-width:500px){
.preate-002-2-4 {
	font-size:12px;
	line-height:1.5em;
}
}

.preate-002-2-5 {
	margin:0 0 30px 0;
	font-size:12px;
	color:#776345;
//	font-weight: bold;
	text-align:left;
	letter-spacing:1px;
	line-height:1.0em;
}
.preate-002-2-5m1 {
	margin:0 0 10px 0;
}
@media screen and (max-width:500px){
.preate-002-2-5 {
	margin:0 0 15px 0;
	font-size:11px;
}
.preate-002-2-5m1 {
	margin:0 0 5px 0;
}
}

.preate-002-3 {
	z-index:0;
	overflow:hidden;
	position:absolute;
	bottom:0;
	left:0;
	padding: 0;
	min-width:600px;
	width:75%;
	height:520px;
	background-color:#776345;
	
}
.preate-002-3a {
	z-index:0;
	overflow:hidden;
	position:absolute;
	bottom:0;
	left:0;
	padding: 0;
	min-width:770px;
	width:75%;
	height:520px;
	background-color:#776345;
}
@media screen and (max-width:500px){
.preate-002-3a {
	min-width:1px;
	width:65%;
	height:100%;
}
}

.preate-003 {
	position:relative;
	padding: 0;
//	height:625px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}

.preate-003-1 {
	z-index:1;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	padding: 0;
	width:75%;
	min-height:500px;
	background-color:#ddd;
	
	background-repeat: no-repeat;
	background-size: cover;
//	background-size: contain;
//	background-size: auto 1240px;
	background-position: center center;
}

.preate-003-2 {
	float:right;
	z-index:2;
	margin:50px 40px 50px 0;
	padding:60px 70px;
	width:520px;
	min-height:520px;
//	background-color:#e26d8c;
	background-color:#776345;
	box-shadow: 0px 0px 40px rgba(0,0,0,0.5);
}
.preate-003-2-1 {
	font-size:40px;
	color:#fff;
//	font-weight: bold;
	text-align:left;
	letter-spacing:5px;
}
.preate-003-2-2 {
	padding:0 0 20px 0;
	font-size:12px;
	color:#fff;
	text-align:left;
}

.preate-003-2-3 {
	width:30px;
	height:1px;
	margin:35px 0;
	border-top:1px solid #fff;
}
.preate-003-2-4 {
	font-size:13px;
	color:#fff;
	line-height:2.6em;
}

.preate-003-3 {
	z-index:0;
	overflow:hidden;
	position:absolute;
	bottom:0;
	right:0;
	padding: 0;
	min-width:600px;
	width:75%;
	height:520px;
	background-color:#776345;
	
}


.preate-004 {
	position:relative;
//	padding: 100px 30px;
	padding: 40px 40px 40px 40px;
	background-color:#776345;
//	border:1px solid #000;
}
@media screen and (max-width:500px){
.preate-004 {
	position:relative;
//	padding: 100px 30px 100px 30px;
	padding: 40px 0px 40px 0px;
	background-color:#776345;
//	border:1px solid #000;
}
}

.preate-004-waku0 {
	max-width:1560px;
	padding:0 20px;
}

.preate-004-waku {
	max-width:1600px;
	margin:0 auto;
}

.preate-004-0 {
	float:left;
	width:33.33%;
	padding:10px;
}
@media screen and (max-width:500px){
.preate-004-0 {
	float:none;
	width:100%;
	padding:20px 20px 0 20px;
}
}

.preate-004-1 {
	height:430px;
	background-color:#776345;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.3);
}
@media screen and (max-width:500px){
.preate-004-1 {
	height:auto;
}
}
.preate-004-1-2 {
	margin:50px 0 0 0;
}
.preate-004-1-3 {
	margin:100px 0 0 0;
}
@media screen and (max-width:500px){
.preate-004-1-2 {
	margin:0px 0 0 0;
}
.preate-004-1-3 {
	margin:0px 0 0 0;
}
}
.preate-004-2 {
	height:200px;
	background-color:#ddd;
	
	background-repeat: no-repeat;
	background-size: cover;
//	background-size: contain;
//	background-size: auto 1240px;
	background-position: center center;
}
@media screen and (max-width:500px){
.preate-004-2 {
	height:150px;
}
}
.preate-004-3 {
	height:230px;
	padding:20px 20px 0 20px;
	background-color:#fff;
}
@media screen and (max-width:500px){
.preate-004-3 {
	height:auto;
	padding:20px 20px 20px 20px;
	background-color:#fff;
}
}
.preate-004-3a {
	background-color:#776345;
}
.preate-004-3-1 {
	margin:0 0 10px 0;
	font-size:15px;
	color:#776345;
	font-weight: bold;
	line-height:1.5em;
}
.preate-004-3-2 {
	font-size:11px;
}
.preate-004-3-3 {
//	position:absolute;
//	bottom:20px;
//	left:20px;
	margin:0 0 15px 0;
}
.preate-004-3-4 {
	float:left;
	padding:7px 10px 7px 0;
	font-size:10px;
	font-weight: bold;
	line-height:1.0em;
//	background-color:#776345;
}
.preate-004-3-5 {
	float:left;
	margin:0 3px 0 0;
	padding:7px 10px;
	font-size:10px;
	color:#fff;
	line-height:1.0em;
//	background-color:#776345;
	background-color:#776345;
	white-space:nowrap;
}

.preate-004a {
	position:relative;
	padding: 0px 50px;
//	border:1px solid #000;
}
@media screen and (max-width:500px){
.preate-004a {
	position:relative;
	padding: 0px 0px;
//	border:1px solid #000;
}
}
.preate-004a-waku {
	max-width:1600px;
//	border:1px solid #000;
}
.preate-004a-waku0 {
	padding:0 20px;
//	border:1px solid #000;
}

.preate-004a-1 {
	margin:-1px 0 0 0;
	padding:15px 0;
	border-top:1px solid #bbb;
	border-bottom:1px solid #bbb;
	transition:1.0s;
}
.preate-004a-1:hover {
	background-color:#ffd6ff;
}
@media screen and (max-width:500px){
.preate-004a-1 {
	margin:-1px 0 0 0;
	padding:10px 0;
	text-align:left;
	border-top:1px solid #bbb;
	border-bottom:1px solid #bbb;
}
}

.preate-004a-2 {
	padding:0 0 0 30px;
}
@media screen and (max-width:500px){
.preate-004a-2 {
	padding:0 0 0 0px;
}
}
.preate-004a-2-1 {
	display:inline-block;
	padding:5px 0;
	font-size:12px;
	line-height:1.0em;
}
.preate-004a-2-2 {
	margin:10px 0;
	font-size:15px;
	color:#776345;
	font-weight: bold;
	line-height:1.5em;
}
@media screen and (max-width:500px){
.preate-004a-2-2 {
	margin:0 0 5px 0;
	font-size:14px;
}
}

.preate-004a-2-3 {
	font-size:11px;
	line-height:1.7em;
}
.preate-004a-2-4 {
	display:inline-block;
	margin:0 0 0 10px;
	padding:5px 10px;
	font-size:11px;
	line-height:1.0em;
	background-color:#ded4c2;
	border-radius:5px;
}
@media screen and (max-width:500px){
.preate-004a-2-4a {
	margin:0 0 0 0px;
}
}
.preate-004a-3 {
	height:100px;
	background-color:#ddd;
	
	background-repeat: no-repeat;
	background-size: cover;
//	background-size: contain;
//	background-size: auto 1240px;
	background-position: center center;
}
@media screen and (max-width:500px){
.preate-004a-3 {
	height:170px;
}
}


.flex4 {
	display: -webkit-flex;
	display: flex;
	
//	align-items: center;
}
.flex-box4-1 {
	width:400px;
//	border:1px solid #aaa;
}
.flex-box4-2 {
	width:100%;
//	border:1px solid #aaa;
}

@media screen and (max-width:500px){
.flex4 {
	display: -webkit-block;
	display: block;
}
.flex-box4-1 {
	width:100%;
//	border:1px solid #aaa;
}
.flex-box4-2 {
	width:100%;
	padding:20px 20px 0 20px;
//	border:1px solid #aaa;
}
}

.flex4_2 {
	display:flex;
	justify-content:center;

/*
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
*/
	align-items: center;
}
@media screen and (max-width:500px){
.flex4_2 {
	display:block;
	text-align:center;
}
}
.flex-box4_2-1 {
	width:100%;
	text-align:left;
//	border:1px solid #aaa;
}
@media screen and (max-width:500px){
.flex-box4_2-1 {
	padding:10px 0 0 0;
}
}

.flex-box4_2-2 {
	width:180px;
//	border:1px solid #aaa;
}
@media screen and (max-width:500px){
.flex-box4_2-1 {
	width:100%;
//	border:1px solid #aaa;
}
.flex-box4_2-2 {
	width:100%;
	padding:0px 10px 0 0px;
//	border:1px solid #aaa;
}
}




.preate-005 {
	position:relative;
	padding: 80px 0px;
//	background-color:#eee;
//	border:1px solid #000;
}

.preate-005-1 {
	padding: 0px 50px;
}
.preate-005-1-1 {
	padding:0 0 20px 0;
	font-size:12px;
	text-align:left;
}
.preate-005-1-2 {
	padding:0 0 20px 0;
	font-size:22px;
	font-weight: bold;
	text-align:left;
	letter-spacing:1px;
	line-height:1.6em;
}
.preate-005-1-3 {

}
.preate-005-1-4 {
	margin:0 0 5px 0;
	padding:0 0 5px 0;
	font-weight: bold;
	text-align:left;
	line-height:1.5em;
	border-bottom:1px solid #bbb;
}

.preate-005-p {
	height:400px;
	background-color:#ddd;
}
.preate-005-1-p {
	position:absolute;
	bottom:-100px;
	left:0;
	right:100px;
	width:300px;
	height:200px;
	margin:0 auto 0 auto;
	background-color:#ccc;
}


.flex5 {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
	
//	align-items: center;
}
.flex-box5-1 {
	width:50%;
//	border:1px solid #aaa;
}
.flex-box5-2 {
	width:50%;
//	border:1px solid #aaa;
}
@media screen and (max-width:1100px){
.flex-box5-1 {
	width:50%;
//	border:1px solid #aaa;
}
.flex-box5-2 {
	width:50%;
//	border:1px solid #aaa;
}
}
@media screen and (max-width:500px){
.flex5 {
	display: -webkit-block;
	display: block;
}
.flex-box5-1 {
	width:100%;
//	border:1px solid #aaa;
}
.flex-box5-2 {
	width:100%;
	padding:20px 20px 0 20px;
//	border:1px solid #aaa;
}
}


.preate-006 {
	position:relative;
//	padding: 80px 0px;
//	background-color:#776345;
//	border:1px solid #000;
}

.preate-006-waku {
	max-width:1200px;
	margin:0 auto;
//	border:1px solid #000;
}
.preate-006-waku2 {
padding:0 50px;
}
.preate-006-1 {
	margin:0 0 0px 0;
	text-align:center;
}
.preate-006-1a {
	display:inline-block;
	margin:0 30px 0 0;
	text-align:left;
}
.preate-006-1-1 {
	display:inline-block;
	font-size:40px;
	font-weight: bold;
	text-align:left;
	line-height:1.0em;
	letter-spacing:5px;
}
@media screen and (max-width:500px){
.preate-006-1-1 {
	font-size:27px;
	text-align:center;
	line-height:1.4em;
}
}
.preate-006-1-2 {
	display:inline-block;
	padding:0 0 10px 0;
	font-size:14px;
	color:#776345;
	text-align:left;
	line-height:1.0em;
}
@media screen and (max-width:500px){
.preate-006-1-2 {
	font-size:12px;
}
}
.preate-006-1-3 {
	display:inline-block;
	width:30px;
	height:1px;
	margin:35px 0 25px 0;
	border-top:1px solid #111;
}
@media screen and (max-width:500px){
.preate-006-1-3 {
	margin:30px 0 20px 0;
}
}

.preate-006-1-4 {
	margin:0 0 50px 0;
	font-size:14px;
	text-align:center;
}
@media screen and (max-width:500px){
.preate-006-1-4 {
	margin:0 0 40px 0;
	padding: 0 20px;
	font-size:12px;
	text-align:left;
}
}

.preate-006-1-4a {
	display:inline-block;
//	margin:0 0 50px 0;
	padding:15px;
	font-size:14px;
	text-align:left;
	border:1px solid #bbb;
}

.school-logo2p {
	width:100px;
	margin:0 5px 0 0;
}
@media screen and (max-width:500px){
.school-logo2p {
	width:80px;
	margin:0 5px 0 0;
}
}

.preate-006-2-flex {
	display:flex;
	justify-content:center;
}
@media screen and (max-width:1080px){
.preate-006-2-flex {
	display:block;
	text-align:center;
}
}

.preate-006-2 {
	display:inline-block;
	width:540px;
	padding:0 25px;
//	margin:0 auto;
//	text-align:center;
//	border:1px solid #000;
}
@media screen and (max-width:1080px){
.preate-006-2 {
	width:490px;
	padding:0 0px;
}
}
.preate-006-2-1 {
	display:inline-block;
//	font-size:140px;
	font-size:80px;
	color:#776345;
//	font-weight: bold;
	line-height:1.0em;
}
.preate-006-2-2 {
	display:inline-block;
//	font-size:50px;
	font-size:40px;
	color:#776345;
//	font-weight: bold;
	line-height:1.0em;
}
.preate-006-2-2t {
	display:inline-block;
//	margin:10px 0 0 0;
	font-size:20px;
	color:#776345;
	font-weight: bold;
	line-height:1.0em;
}
@media screen and (max-width:500px){
.preate-006-2-1 {
	font-size:60px;
}
.preate-006-2-2 {
	font-size:20px;
}
.preate-006-2-2t {
//	margin:10px 0 0 0;
	font-size:14px;
}
}


.preate-006-2-3 {
//	display:inline-block;
	margin:0 0 10px 0;
	padding:10px 0px;
	font-size:16px;
	color:#776345;
	font-weight: bold;
	text-align:center;
	line-height:1.0em;
	border:1px solid #776345;
}


.preate-006-3-flex {
	display:flex;
	justify-content:center;
}

.preate-006-3-waku {
	margin:20px 0 0 0;
	padding: 0 50px;
}
.preate-006-3 {
	width:33.33%;
	padding:0 10px;
	font-size:12px;
}
.preate-006-3 ul {
  padding-left: 20px;
}
.preate-006-3 li {
	list-style-type: square;
	font-size:12px;
}
.preate-006-3-1 {
	margin:0 0 5px 0;
	padding:0 0 5px 0;
	font-size:13px;
	font-weight: bold;
	line-height:1.0em;
	border-bottom:1px solid #bbb;
}


.preate-006a-2-flex {
//	display:flex;
//	justify-content:center;
	display:block;	
}
@media screen and (max-width:1200px){
.preate-006a-2-flex {
	display:block;
	text-align:center;
//	border:1px solid #000;
}
}
@media screen and (max-width:500px){
.preate-006a-2-flex {
	display:block;
	text-align:right;
//	border:1px solid #000;
}
}

.preate-006a-waku0 {
	padding:0 15px;
}

.preate-006a-waku {
	display:inline-block;
	width:33%;
//	height:660px;
//	padding:30px 0px 0 20px;
	padding:0 15px 0 15px;
//	border:1px solid #000;
}
@media screen and (max-width:1620px){
.preate-006a-waku {
	display:inline-block;
//	width:540px;
//	padding:30px 30px 0 30px;
//	border:1px solid #000;
}
}
@media screen and (max-width:500px){
.preate-006a-waku {
	display:inline-block;
	width:100%;
//	height:500px;
	margin:0 0 20px 0;
	padding:0 0px;
	text-align:right;
//	border:1px solid #000;
}
}

.preate-006a {
	width:100%;
	height:510px;
	padding:0 0 0 30px;
//	border:1px solid #000;
}
@media screen and (max-width:1620px){
.preate-006a {
//	width:480px;
	height:510px;
//	padding:0 30px;
//	border:1px solid #000;
}
}
@media screen and (max-width:500px){
.preate-006a {
	width:100%;
	height:auto;
	padding:0 0px;
	text-align:right;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
//	border:1px solid #000;
}
}
.preate-006a-1 {
//	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:410px;
	background-color: #ddd;
	
	background-repeat: no-repeat;
	background-size: cover;
//	background-size: contain;
//	background-size: auto 1240px;
	background-position: center center;
//	border:1px solid #000;
}
@media screen and (max-width:1620px){
.preate-006a-1 {
//	width:450px;
	height:410px;
}
}
@media screen and (max-width:500px){
.preate-006a-1 {
	top:0;
	right:auto;
	left:0;
	width:90%;
	height:250px;
//	border:1px solid #000;
}
}


.preate-006a-2w {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
//	border:1px solid #000;
}
@media screen and (max-width:500px){
.preate-006a-2w {
//	z-index:10;
	position:relative;
	width:100%;
	padding:0px 0 0 0;
}
}
.preate-006a-2 {
	width:90%;
	height:250px;
	margin:0 0 0 0;
	padding:30px;
//	background-color: #f3f3f3;
//	background-color: #ea96ac;
	background-color: #776345;
//	background-image: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(243, 243, 243, 1));

}
@media screen and (max-width:1620px){
.preate-006a-2 {
//	width:450px;
	height:250px;
	padding:30px;
}
}
@media screen and (max-width:500px){
.preate-006a-2 {
	float:right;
	position:relative;
	bottom:auto;
	left:auto;
	width:90%;
	height:auto;
	margin:-50px 0 0 0;
	padding:30px;
	text-align:left;
//	border:1px solid #000;
}
}


.preate-006a-2-1 {
	font-size:27px;
//	font-weight: bold;
	text-align:left;
	line-height:1.3em;
	letter-spacing:1px;
}
@media screen and (max-width:500px){
.preate-006a-2-1 {
	font-size:20px;
}
}
.preate-006a-2-2 {
	padding:0 0 14px 0;
	font-size:12px;
	text-align:left;
	line-height:1.0em;
}
@media screen and (max-width:500px){
.preate-006a-2-2 {
	padding:0 0 12px 0;
	font-size:11px;
}
}
.preate-006a-2-3 {
	width:30px;
	height:1px;
	margin:25px 0 25px 0;
	border-top:1px solid #111;
}

.preate-006a-2-4-waku {
	z-index:100;
}
.preate-006a-2-4 {
	padding:4px 0;
	color:#776345;
	text-align:center;
	border:1px solid #776345;
	transition:1.0s;
}
.preate-006a-2-4:hover {
	color:#fff;
	background-color:#776345;
}
.preate-006a-2-4a {
	padding:4px 0;
	color:#776345;
	text-align:center;
	transition:1.0s;
}
.preate-006a-2-4a:hover {
	color:#fff;
	background-color:#776345;
}
.preate-006a-2-4l {
	float:left;
	width:50%;
	padding:0 5px 0 0;
}
.preate-006a-2-4r {
	float:left;
	width:50%;
	padding:0 0 0 5px;
}
.preate-006a-2-4-1 {
//	margin:0 0 8px 0;
	padding:10px 0;
	color:#fff;
//	font-weight: bold;
	text-align:left;
	text-align:center;
	line-height:1.0em;
	letter-spacing:1px;
	background-color: #776345;
}

.preate-006b-2-1 {
	display:inline-block;
	font-size:85px;
	color:#776345;
//	font-weight: bold;
	line-height:1.0em;
}
.preate-006b-2-2 {
	display:inline-block;
	font-size:35px;
	color:#776345;
//	font-weight: bold;
	line-height:1.0em;
}
@media screen and (max-width:500px){
.preate-006b-2-1 {
	display:inline-block;
	font-size:65px;
	color:#776345;
//	font-weight: bold;
	line-height:1.0em;
}
.preate-006b-2-2 {
	display:inline-block;
	font-size:25px;
	color:#776345;
//	font-weight: bold;
	line-height:1.0em;
}
}


.preate-006a-3-flex {
	display:flex;
	justify-content:center;
	
	align-items: center;
}
@media screen and (max-width:500px){
.preate-006a-3-flex {
	display:block;
	text-align:center;
}
}

.preate-006a-3-title-w {
	max-width:1200px;
	margin:0 auto;
	padding:0 20px;
}
.preate-006a-3-title-w2 {
	padding:80px 0 40px 0;
	border:1px solid #776345;
}
.preate-006a-3-title-w3 {
	padding:40px 0 40px 0;
	border:1px solid #776345;
}
@media screen and (max-width:500px){
.preate-006a-3-title-w {
	padding:0 15px;
}
.preate-006a-3-title-w2 {
	padding:60px 0 20px 0;
	border:1px solid #776345;
}
.preate-006a-3-title-w3 {
	padding:50px 0 20px 0;
	border:1px solid #776345;
}
}
.preate-006a-3-title {
//	margin:0 0 80px 0;
	padding:7px 0;
	font-size:25px;
	color:#fff;
	font-weight: bold;
	text-align:center;
	background-color:#776345;
}
@media screen and (max-width:500px){
.preate-006a-3-title {
//	margin:0 0 60px 0;
	padding:5px 0;
	font-size:15px;
}
}

.preate-006a-3-btn {
	width:400px;
	margin:50px auto 0 auto;
	padding:7px 0;
	font-size:20px;
	color:#776345;
	text-align:center;
	border:1px solid #776345;
	transition:1.0s;
}
.preate-006a-3-btn:hover {
	color:#fff;
	background-color:#776345;
}
@media screen and (max-width:500px){
.preate-006a-3-btn {
	width:90%;
	margin:20px auto 0 auto;
	padding:7px 0;
	font-size:14px;
}
}

.preate-006a-3-btn2 {
	z-index:1;
	position:absolute;
	top:15px;
	right:15px;
	width:120px;
	padding:5px 0;
	font-size:15px;
	color:#333;
	font-weight: bold;
	text-align:center;
	border:1px solid #333;
	border-radius:50px;
	cursor: pointer;
	transition:1.0s;
}
@media screen and (max-width:500px){
.preate-006a-3-btn2 {
	top:10px;
	right:10px;
	width:90px;
	padding:2px 0;
	font-size:12px;
}
}
.preate-006a-3-btn2:hover {
	color:#fff;
	background-color:#333;
}



.bunner-pp0 {
	padding:30px 30px 0px 30px;
	text-align:center;
}
.bunner-pp1 {
	margin:3px 0 0 0;
	font-size:13px;
	color:#776345;
	text-align:center;
}
.bunner-pp {
	overflow:hidden;
	width:550px;
	border-radius:5px;
	border:1px solid #ee7d6f;
}
.banner-p {
	width:100%;
	vertical-align:top;
}
@media screen and (max-width:500px){
.bunner-pp0 {
	padding:20px 20px 0px 20px;
}
.bunner-pp1 {
	margin:3px 0 0 0;
	font-size:12px;
}
.bunner-pp {
	width:100%;
	border-radius:5px;
}
}



.preate-t {
	opacity:0;
	z-index:20;
	position:fixed;
	top:80px;
	right:0;
	transition:1.0s;
}
.preate-t-btn {
	width:50px;
	padding:14px 0;
	font-size:20px;
	color:#776345;
	text-align:center;
	background-color:#776345;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	border-left:2px solid #fff;
	border-radius:10px 0 0 0;
	transition:1.0s;
}
.preate-t-btn:hover {
	opacity: 0.5;
//	color:#776345;
//	background-color:#fff;
}
.preate-t-btn2 {
	width:50px;
	margin:-2px 0 0 0;
	padding:14px 0;
	font-size:20px;
	color:#776345;
	text-align:center;
	background-color:#776345;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	border-left:2px solid #fff;
	border-radius:0 0 0 10px;
	transition:1.0s;
}
.preate-t-btn2:hover {
	opacity: 0.5;
//	color:#776345;
//	background-color:#fff;
}

.btn01p {
	width:16px;
}

.ani-ttb {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:1s;
	-ms-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-name: ani-ttb;
	animation-name: ani-ttb;
	visibility: visible !important;
}
@keyframes ani-ttb {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

.preate-006a-3 {
	max-width:1100px;
	padding:0 20px;
	margin:0 auto;
}
@media screen and (max-width:500px){
.preate-006a-3 {
	padding:0 0px;
}
}
.preate-006a-3-1 {
//	border:1px solid #000;
}
.preate-006a-3-1-1 {
	width:550px;
	height:400px;
	background-color:#ddd;
	box-shadow: 20px 20px 20px rgba(0,0,0,0.2);
}
@media screen and (max-width:500px){
.preate-006a-3-1-1 {
	width:100%;
	height:200px;
	margin:0 0 25px 0;
	box-shadow: 10px 10px 20px rgba(0,0,0,0.2);
}
}

.preate-006a-3-2 {
	width:100%;
	padding:0px 0 0 70px;
//	border:1px solid #000;
}
@media screen and (max-width:500px){
.preate-006a-3-2 {
	padding:0px 0 0 0px;
}
}
.preate-006a-3-2-1 {
	margin:0 0 20px 0;
	font-size:30px;
	font-weight: bold;
	line-height:1.5em;
}
@media screen and (max-width:500px){
.preate-006a-3-2-1 {
	margin:0 0 10px 0;
	font-size:17px;
	line-height:1.5em;
	text-align:left;
}
.preate-006a-3-2-2 {
	font-size:12px;
	text-align:left;
}
}


.step1-p {
	z-index:1;
	position:absolute;
	top:-50px;
	left:-25px;
	width:200px;
}
@media screen and (max-width:500px){
.step1-p {
	top:-40px;
	left:-10px;
	width:100px;
}
}



.preate-006a-4-flex {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
	
	align-items: center;
}
@media screen and (max-width:500px){
.preate-006a-4-flex {
	display:block;
	text-align:center;
}
}


.preate-006a-4b-flex {
	display:flex;
	justify-content:left;
	
	align-items: stretch;
}
@media screen and (max-width:500px){
.preate-006a-4b-flex {
	display:block;
	text-align:center;
}
}

.preate-006a-4 {
	max-width:1100px;
	padding:0 20px;
	margin:0 auto;
	
}
@media screen and (max-width:500px){
.preate-006a-4 {
	padding:0 20px;
}
}
.preate-006a-4-1 {
//	border:1px solid #000;
}
.preate-006a-4-1-1 {
	width:550px;
	height:400px;
	background-color:#ddd;
	box-shadow: 20px 20px 20px rgba(0,0,0,0.2);
}
.preate-006a-4-1-1a {
	width:350px;
	height:600px;
	background-color:#ddd;
	box-shadow: 20px 20px 20px rgba(0,0,0,0.2);
}
@media screen and (max-width:500px){
.preate-006a-4-1-1 {
	width:100%;
	height:200px;
	margin:0 0 25px 0;
	box-shadow: 10px 10px 20px rgba(0,0,0,0.2);
}
.preate-006a-4-1-1a {
	width:100%;
	height:200px;
	margin:0 0 25px 0;
	box-shadow: 10px 10px 20px rgba(0,0,0,0.2);
}
}
.preate-006a-4-2 {
	width:100%;
	padding:0px 70px 0 0;
//	border:1px solid #000;
}
@media screen and (max-width:500px){
.preate-006a-4-2 {
	padding:0px 0 0 0px;
}
}
.preate-006a-4-2-1 {
	margin:0 0 20px 0;
	font-size:30px;
	font-weight: bold;
	line-height:1.5em;
}
@media screen and (max-width:500px){
.preate-006a-4-2-1 {
	margin:0 0 10px 0;
	font-size:17px;
	line-height:1.5em;
	text-align:left;
}
.preate-006a-4-2-2 {
	font-size:12px;
	text-align:left;
}
}


.preate-006a-5a {
	width:50%;
	padding:0 10px 0 0;
}
.preate-006a-5b {
	width:50%;
	padding:0 0 0 10px;
}
@media screen and (max-width:500px){
.preate-006a-5a {
	width:100%;
	padding:0 0px 0 0;
}
.preate-006a-5b {
	width:100%;
	padding:0 0 0 0px;
}
}

.preate-006a-5-1 {
	z-index:1;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	padding:2px;
}
.preate-006a-5-1a {
//	display:inline-block;
	margin:0 0 0 0px;
	padding:2px 20px;
	color:#fff;
	background-color:#776345;
	border-radius:10px 10px 0 0;
}
.preate-006a-5-2 {
	height:100%;
	padding:30px 25px 15px 25px;
	text-align:left;
	border:1px solid #aaa;
	border-radius:10px;
}
.preate-006a-5-3 {
	padding:10px 0 0px 0;
	font-size:16px;
	color:#776345;
	font-weight: bold;
	border-bottom:1px solid #aaa;
}
.preate-006a-5-4 {
	padding:1px 0 0 0px;
	line-height:1.5em;
}
@media screen and (max-width:500px){
.preate-006a-5-2 {
	height:auto;
	padding:25px 15px 10px 15px;
}
.preate-006a-5-3 {
	padding:10px 0 0px 0;
	font-size:13px;
	color:#776345;
	font-weight: bold;
	border-bottom:1px solid #aaa;
}
.preate-006a-5-4 {
	padding:1px 0 0 0px;
	line-height:1.5em;
}
}

.preate-006a-5-5 {
	display:inline-block;
	padding:7px 35px;
	font-size:22px;
	line-height:1.5em;
	border:1px solid #776345;
	border-radius:100px;
}
.preate-006a-5-5 b{
	font-size:22px;
	color:#776345;
	font-weight: bold;
	line-height:1.5em;
}
@media screen and (max-width:500px){
.preate-006a-5-5w {
	padding:0 20px;
}
.preate-006a-5-5 {
	display:block;
	padding:7px 0px;
	font-size:14px;
	border-radius:10px;
}
.preate-006a-5-5 b{
	font-size:14px;
}
}






.flex7 {
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	
	align-items: center;
//	border:1px solid #000;
}
@media screen and (max-width:500px){
.flex7 {
	display:block;
	text-align:center;
}
}


.preate-007 {
	position:relative;
//	padding: 80px 0px;
//	background-color:#776345;
//	border:1px solid #000;
}

.preate-007-waku {
	max-width:1200px;
	margin:0 auto;
}




.preate-007-0 {
//	min-width:410px;
	width:33.33%;
	padding:20px;
}
@media screen and (max-width:500px){
.preate-007-0 {
	min-width:1px;
	width:100%;
	padding: 0 20px 30px 20px;
}
}

.preate-007-1 {
	height:500px;
	text-align:left;
//	background-color:#776345;
//	box-shadow: 0px 0px 15px rgba(0,0,0,0.3);
}
@media screen and (max-width:500px){
.preate-007-1 {
	height:auto;
	text-align:left;
//	background-color:#776345;
//	box-shadow: 0px 0px 15px rgba(0,0,0,0.3);
}
}
.preate-007-2 {
	height:200px;
	background-color:#ddd;
	
	background-repeat: no-repeat;
	background-size: cover;
//	background-size: contain;
//	background-size: auto 1240px;
	background-position: center center;
}
.preate-007-3 {
	min-height:320px;
	padding:20px 25px 0 25px;
	background-color:#fff;
}
@media screen and (max-width:500px){
.preate-007-3 {
	min-height:1px;
	padding:20px 20px 20px 20px;
}
}
.preate-007-3a {
//	background-color:#776345;
	background-color:#776345;
}
.preate-007-3b {
	background-color:#fff;
	border:1px solid #776345;
}
.preate-007-3-1 {
	display:inline-block;
	font-size:29px;
	color:#fff;
//	font-weight: bold;
	text-align:left;
	line-height:1.2em;
	letter-spacing:1px;
}
@media screen and (max-width:500px){
.preate-007-3-1 {
	font-size:25px;
}
}
.preate-007-3-2 {
	display:inline-block;
	padding:0 0 10px 0;
	font-size:11px;
	color:#fff;
	text-align:left;
	line-height:1.0em;
}

.preate-007-3-3 {
	display:inline-block;
	width:25px;
	height:1px;
	margin:15px 0 15px 0;
//	border-top:1px solid #111;
	border-top:1px solid #fff;
}
.preate-007-3-3a {
	border-top:1px solid #776345;
}
@media screen and (max-width:500px){
.preate-007-3-3 {
	margin:15px 0 15px 0;}
}
.preate-007-3-4 {
	font-size:12px;
	color:#fff;
//	line-height:1.7em;
}
.preate-007-3-r {
	color:#776345;
}

.preate-007-btn-w {
//	z-index:10;
	position:absolute;
	bottom:30px;
	left:0;
	right:0;
//	margin:0 auto 0 auto;
	padding:0 25px;
	width:100%;
}
.preate-007-btn {
	width:100%;
	min-width:10px;
	padding:4px 0;
	font-size:13px;
	color:#fff;
	text-align:center;
	border:1px solid #fff;
	transition:1.0s;
}
.preate-007-btn:hover {
	color:#776345;
	background-color:#fff;
}
.preate-007-btn-a {
	color:#776345;
	background-color:#fff;
	border:1px solid #776345;
}
.preate-007-btn-a:hover {
	color:#fff;
	background-color:#776345;
}
@media screen and (max-width:500px){
.preate-007-btn-w {
	position:relative;
	bottom:0px;
	left:0;
	right:0;
//	margin:0 auto 0 auto;
	padding:0 0px;
}
.preate-007-btn {
	width:100%;
	min-width:1px;
	margin:15px 0 0 0;
	padding:4px 0;
	font-size:13px;
	color:#fff;
	text-align:center;
	border:1px solid #fff;
	transition:1.0s;
}
.preate-007-btn-a {
	color:#776345;
	background-color:#fff;
	border:1px solid #776345;
}
.preate-007-btn-a:hover {
	color:#fff;
	background-color:#776345;
}
}


.preate-008-flex {
	display:flex;
	justify-content:center;
}
@media screen and (max-width:1080px){
.preate-008-flex {
	display:block;
	text-align:center;
}
}

.preate-008-1 {
	display:inline-block;
	width:540px;
	padding:0 15px;
//	margin:0 auto;
//	text-align:center;
//	border:1px solid #000;
}
@media screen and (max-width:1080px){
.preate-008-1 {
	width:490px;
	padding:0 15px;
}
}
@media screen and (max-width:500px){
.preate-008-1 {
	width:100%;
	padding:0 20px;
}
}

.preate-008-2 {
	border:5px solid #776345;
	background-color: #776345;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.4);
}
.preate-008-2-1 {
	width:200px;
	height:120px;
	background-color: #ddd;
	
	background-repeat: no-repeat;
	background-size: cover;
//	background-size: contain;
	background-position: center center;
}
@media screen and (max-width:500px){
.preate-008-2-1 {
	width:100px;
	height:70px;
}
.preate-008-2-1a {
	width:100px;
	height:90px;
}
}
.preate-008-2-2 {
	padding:0 0 10px 25px;
}
@media screen and (max-width:500px){
.preate-008-2-2 {
	padding:0 0 10px 15px;
}
}
.preate-008-2-2-1 {
	margin:0 0 15px 0;
	font-size:12px;
	color:#fff;
	line-height:1.0em;
}
.preate-008-2-2-1a {
	margin:15px 0 0 0;
	font-size:12px;
	color:#fff;
	line-height:1.0em;
}
@media screen and (max-width:500px){
.preate-008-2-2-1 {
	margin:0 0 10px 0;
	font-size:12px;
}
.preate-008-2-2-1a {
	margin:10px 0 0 0;
	font-size:12px;
	line-height:1.4em;
}
}
.preate-008-2-2-2 {
	font-size:22px;
	color:#fff;
	letter-spacing:2px;
	line-height:1.0em;
}
@media screen and (max-width:500px){
.preate-008-2-2-2 {
	font-size:18px;
	letter-spacing:1px;
}
}

.preate-008-3 {
	padding:4px;
	border:1px solid #776345;
	background-color: #fff;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.4);
}
.preate-008-3-2-1 {
	margin:15px 0 0 0;
	font-size:12px;
	color:#776345;
	line-height:1.0em;
}
@media screen and (max-width:500px){
.preate-008-3-2-1 {
	margin:10px 0 0 0;
	font-size:12px;
	line-height:1.4em;
}
}
.preate-008-3-2-2 {
	font-size:22px;
	color:#776345;
	font-weight: bold;
	letter-spacing:2px;
	line-height:1.0em;
}
@media screen and (max-width:500px){
.preate-008-3-2-2 {
	font-size:18px;
	letter-spacing:1px;
}
}



.preate-about-flex1 {
	display: -webkit-flex;
	display: flex;

	justify-content: left;
}
@media screen and (max-width:500px){
.preate-about-flex1 {
	display: -webkit-block;
	display: block;
}
}
.preate-about-flex1-01 {
	width:50%;
	padding:0 25px 0 0;
}
.preate-about-flex1-02 {
	width:50%;
	padding:0 0 0 25px;
}
@media screen and (max-width:500px){
.preate-about-flex1-01 {
	width:100%;
	padding:0;
}
.preate-about-flex1-02 {
	width:100%;
	padding:0;
}
}

.preate-about-a-flex1 {
	display: -webkit-flex;
	display: flex;
	
	flex-direction: row-reverse;
	align-items: center;
	justify-content: center;
//	justify-content: flex-start;
//	justify-content: flex-end;
//	flex-wrap: wrap;
}
@media screen and (max-width:500px){
.preate-about-a-flex1 {
	display: -webkit-block;
	display: block;
}
}
.preate-about-a-flex1-box {
	padding:15px;
	background-color: #776345;
}
.preate-about-a-flex1-box01 {
	width:470px;
	padding:0 0 0 10px;
}
.preate-about-a-flex1-box02 {
	width:100%;
}
.preate-about-a-flex1-box01a {
	width:470px;
}
@media screen and (max-width:500px){
.preate-about-a-flex1-box {
	padding:10px;
}
.preate-about-a-flex1-box01 {
	width:100%;
	padding:0 0 0 0px;
}
.preate-about-a-flex1-box01a {
	width:100%;
}
}

.preate-about-a-flex2 {
	display: -webkit-flex;
	display: flex;
	
	flex-direction: row-reverse;
//	align-items: center;
	align-items: flex-start;
//	justify-content: center;
//	justify-content: flex-start;
//	justify-content: flex-end;
//	flex-wrap: wrap;
}
@media screen and (max-width:500px){
.preate-about-a-flex2 {
	display: -webkit-block;
	display: block;
}
}
.preate-about-a-flex2-box {
	margin:10px 0 0 0;
	padding:15px;
	border:1px solid #776345;
}
.preate-about-a-flex2-box01 {
	width:100%;
	padding:0px 0 0 30px;
//	border:1px solid #776345;
}
.preate-about-a-flex2-box01a {
	width:100%;
}
.preate-about-a-flex2-box02 {
	width:300px;
//	border:1px solid #776345;
}
.preate-about-a-flex2-box-p {
	min-width:300px;
	width:100%;
}
@media screen and (max-width:500px){
.preate-about-a-flex2-box {
	padding:10px;
}
.preate-about-a-flex2-box01 {
	width:100%;
	padding:0 0 10px 0;
//	border:1px solid #776345;
}
.preate-about-a-flex2-box02 {
	width:100%;
}
.preate-about-a-flex2-box-p {
	min-width:1px;
}
}


.preate-about-000 {
	margin:0 0 20px 0;
	padding: 20px ;
	font-size:30px;
	color:#776345;
	font-weight: bold;
	line-height:1.5em;
	border:1px solid #776345;
}




.preate-about-001 {
	padding:0 0 1px 0;
	font-size:20px;
	color:#776345;
	font-weight: bold;
	line-height:1.5em;
	border-bottom:1px solid #776345;
}
.preate-about-002 {
	padding:10px 0 40px 0;
	font-size:15px;
	line-height:1.7em;
}
.preate-about-002 b{
	font-size:15px;
	font-weight: bold;
	line-height:1.7em;
}
.preate-about-002a {
	font-size:17px;
	color:#fff;
	font-weight: bold;
	line-height:1.7em;
}
.preate-about-002b {
	padding:10px 0 0 0;
	font-size:15px;
	line-height:1.7em;
}
.preate-about-002b b{
	font-size:15px;
	font-weight: bold;
	line-height:1.7em;
}
@media screen and (max-width:500px){
.preate-about-001 {
	font-size:14px;
}
.preate-about-002 {
	padding:5px 0 20px 0;
	font-size:12px;
	line-height:1.7em;
}
.preate-about-002 b{
	font-size:12px;
	line-height:1.7em;
}
.preate-about-002a {
	font-size:12px;
}
.preate-about-002b {
	padding:5px 0 0 0;
	font-size:12px;
}
.preate-about-002b b{
	font-size:12px;
}
}


.preate-about-002 ul {
	padding-left: 20px;
}
.preate-about-002 li {
//	list-style-type: disc;
	font-size:15px;
}
.preate-about-002 li:before{ 
	display:inline-block;
	vertical-align: middle;
	content:'';
	width:11px;
	height: 4px;
	background-color: #776345;
	margin: 0 9px 0 -20px;
	border-radius:2px;
}
@media screen and (max-width:500px){
.preate-about-002 ul {
  padding-left: 15px;
}
.preate-about-002 li {
	font-size:12px;
}
.preate-about-002 li:before{ 
	width:7px;
	height: 4px;
	background-color: #776345;
	margin: 0 8px 0 -15px;
	border-radius:2px;
}
}


.preate-about-002b ul {
	padding-left: 20px;
}
.preate-about-002b li {
//	list-style-type: disc;
	font-size:15px;
}
.preate-about-002b li:before{ 
	display:inline-block;
	vertical-align: middle;
	content:'';
	width:11px;
	height: 4px;
	background-color: #776345;
	margin: 0 9px 0 -20px;
	border-radius:2px;
}
@media screen and (max-width:500px){
.preate-about-002b ul {
  padding-left: 15px;
}
.preate-about-002b li {
	font-size:12px;
}
.preate-about-002b li:before{ 
	width:7px;
	height: 4px;
	background-color: #776345;
	margin: 0 8px 0 -15px;
	border-radius:2px;
}
}


.preate-about-002-111 {
	font-size:29px;
	font-weight: bold;
	line-height:1.5em;
}
@media screen and (max-width:500px){
.preate-about-002-111 {
	font-size:18px;
}
}



.ic-01p {
	z-index:1;
	position:absolute;
	top:-55px;
	right:-40px;
	width:200px;
}
@media screen and (max-width:500px){
.ic-01p {
	z-index:1;
	position:absolute;
	top:-15px;
	right:5px;
	width:140px;
}
}
.ic-02p {
	z-index:1;
	position:absolute;
	top:-60px;
	right:-40px;
	width:150px;
}

@media screen and (max-width:500px){
.ic-02p {
	z-index:1;
	position:absolute;
	top:-25px;
	right:10px;
	width:110px;
}
}
.ic-02-2p {
	z-index:1;
	position:absolute;
	top:-35px;
	right:-40px;
	width:160px;
}
@media screen and (max-width:500px){
.ic-02-2p {
	z-index:1;
	position:absolute;
	top:-25px;
	right:5px;
	width:140px;
}
}

.ic-03p {
	z-index:1;
	position:absolute;
	top:-45px;
	right:-20px;
	width:100px;
}
@media screen and (max-width:500px){
.ic-03p {
	z-index:1;
	position:absolute;
	top:-55px;
	right:-10px;
	width:90px;
}
}
.ic-04p {
	z-index:1;
	position:absolute;
	top:-40px;
	right:-20px;
	width:100px;
}
@media screen and (max-width:500px){
.ic-04p {
	z-index:1;
	position:absolute;
	top:-55px;
	right:-10px;
	width:90px;
}
}
.ic-05p {
	z-index:1;
	position:absolute;
	top:-20px;
	right:-20px;
	width:100px;
}
@media screen and (max-width:500px){
.ic-05p {
	z-index:1;
	position:absolute;
	top:-45px;
	right:-10px;
	width:90px;
}
}

.preate-wave2 {
	background-color: #776345;
}
.preate-wave3 {
	background-color: #776345;
}
.wave3p {
	width:100%;
	height:100px;
}
@media screen and (max-width:500px){
.wave3p {
	width:100%;
	height:40px;
}
}

.preate-btn01 {
	width:100%;
	margin:40px 0 0 0;
	padding:13px 0 10px 0;
	font-size:13px;
	color:#fff;
	text-align:center;
	line-height:1.0em;
	letter-spacing:3px;
	border:1px solid #fff;
	transition:0.5s;
}
.preate-btn01:hover {
	color:#776345;
	background-color: #fff;
}
.preate-btn01bb {
	display:inline-block;
	width:300px;
}
@media screen and (max-width:500px){
.preate-btn01 {
	width:100%;
	margin:20px 0 0 0;
	padding:10px 0 10px 0;
	font-size:12px;
	letter-spacing:2px;
}
.preate-btn01bb {
	display:inline-block;
	width:200px;
}
}

.preate-btn01-r {
	color:#776345;
	border:1px solid #776345;
	transition:1.0s;
}
.preate-btn01-r:hover {
	color:#fff;
	background-color: #776345;
}
.preate-btn02 {
	display:inline-block;
	width:180px;
}
@media screen and (max-width:500px){
.preate-btn02abs {
	position:absolute;
	top:22px;
	right:40px;
	width:140px;
	margin:0px 0 0 0;
	padding:10px 0;
	font-size:11px;
}
}

.arrow {
//  position: relative;
  position:absolute;
  top:0;
  bottom:0;
  right:0;
  display: inline-block;
  width: 100px;
  height: 1px;
//  margin-top: 9.9px;
  margin:auto -35px auto 0;
  background-color: #fff;
}
@media screen and (max-width:500px){
.arrow {
  width: 50px;
}
}
.arrow-r {
  background-color: #776345;
}
.arrow02 {
  width: 50px;
  margin:auto -25px auto 0;
}
.arrow03 {
//	position:relative;
	top:auto;
	bottom:20px;
	right:55px;
}
@media screen and (max-width:500px){
.arrow03 {
	top:auto;
	bottom:5px;
	right:40px;
}
}
.arrow::before {
  content: "";
  position: absolute;
  top: calc(50% - 0.5px);
  right: 0;
  width: 10px;
  height: 1px;
  background-color: #fff;
  transform: rotate(45deg);
  transform-origin: calc(100% - 0.5px) 50%;
}
.arrow-r::before {
  background-color: #776345;
}



.preate-news-waku {
	max-width:1200px;
	margin:0 auto;
	padding:0 15px;
//	border:1px solid #000;
}
@media screen and (max-width:500px){

}
.preate-news-waku2 {
	max-width:1020px;
	margin:0 auto;
	padding:0 50px;
//	border:1px solid #000;
}
.preate-news-waku2-1 {
	padding:0 10px;
//	border:1px solid #000;
}
.preate-news-waku2-1-lf {
	float:left;
	width:50%;
	padding:0 40px 0px 0;
}
.preate-news-waku2-1-rt {
	float:left;
	width:50%;
}
@media screen and (max-width:500px){
.preate-news-waku2 {
	padding:0 15px;
}
.preate-news-waku2-1 {
	padding:0 5px;
}
.preate-news-waku2-1-lf {
	float:none;
	width:100%;
	padding:0 0px 15px 0;
}
.preate-news-waku2-1-rt {
	float:none;
	width:100%;
}
}
@media screen and (max-width:500px){
.preate-news-waku {
	padding:0 10px;
//	border:1px solid #000;
}
}
.preate-news {
	float:left;
	width:33%;
	padding:10px;
}
@media screen and (max-width:500px){
.preate-news {
	float:none;
	width:100%;
	padding:4px 4px 15px 4px;
}
}

.preate-news01 {
	height:390px;
	padding:5px;
//	border:1px solid #000;
	transition:0.5s;
}
@media screen and (max-width:500px){
.preate-news01 {
	height:auto;
	padding:2px;
}
}
.preate-news01:hover {
//	background-color:#ffd6ff;
	background-color:#ded4c2;
}
.preate-news01:hover .preate-news-p{
	opacity: 0.8;
}
.preate-news01:hover .preate-news02{
	color:#776345;
}
.preate-news02 {
	margin:5px 0 10px 0;
	font-size:17px;
	font-weight:bold;
	line-height:1.5em;
	transition:0.5s;
}
@media screen and (max-width:500px){
.preate-news02 {
	margin:5px 0 10px 0;
	font-size:14px;
}
}
.preate-news03 {
	margin:0 0 10px 0;
	font-size:11px;
	line-height:1.5em;
}
@media screen and (max-width:500px){
.preate-news03 {
	font-size:10px;
	line-height:1.4em;
}
}
.preate-news04 {
	font-size:12px;
	font-weight:bold;
	line-height:1.0em;
}
@media screen and (max-width:500px){
.preate-news04 {
	font-size:11px;
	padding:0 0 5px 0;
}
}
.preate-news-p {
	width:100%;
	transition:0.5s;
}
.preate-news-p2 {
	width:100%;
}

.preate-news-de01 {
	margin:0 0 10px 0;
	font-size:32px;
	font-weight:bold;
	line-height:1.5em;
}
@media screen and (max-width:500px){
.preate-news-de01 {
	margin:0 0 10px 0;
	font-size:16px;
}
}
.preate-news-de02 {
	margin:30px 0 30px 0;
	font-size:14px;
	line-height:1.8em;
}
@media screen and (max-width:500px){
.preate-news-de02 {
	margin:15px 0 15px 0;
	font-size:12px;
	line-height:1.8em;
}
}


.preate-news-pdf-waku {
	padding:0 10px;
}
@media screen and (max-width:500px){
.preate-news-pdf-waku {
	padding:0 5px;
}
}
.preate-news-pdf-01 {
	float:left;
	width:180px;
	margin:0 10px 0 0;
	padding:10px 0 10px 0;
	font-size:13px;
	color:#776345;
	text-align:center;
	line-height:1.0em;
	border:1px solid #776345;
	transition:1.0s;
}
.preate-news-pdf-01:hover {
	color:#fff;
	background-color:#776345;
}
@media screen and (max-width:500px){
.preate-news-pdf-01 {
	float:none;
	width:100%;
	margin:0 0 5px 0;
	padding:10px 0 10px 0;
	font-size:12px;
}
}


.preate-news-p-waku {

}
.preate-news-p-01 {
	float:left;
	width:33.33%;
	padding:0px 10px 20px 10px;
}
@media screen and (max-width:500px){
.preate-news-p-01 {
	width:50%;
	padding:5px 5px 5px 5px;
	border:1px silid #000;
}
}

.preate-news-flex1 {
	display: -webkit-flex;
	display: flex;
	
	align-items: center;
	justify-content: center;
}
.preate-news-flex1-01 {
	width:33.33%;
	padding:10px 10px 10px 10px;
}



.preate-media-waku2 {
	max-width:1020px;
	margin:0 auto;
	padding:0 50px;
//	border:1px solid #000;
}
.preate-media-waku2-1 {
	padding:0 10px;
//	border:1px solid #000;
}
.preate-media-waku2-1-lf {
	float:left;
	width:50%;
	padding:0 40px 0px 0;
}
.preate-media-waku2-1-rt {
	float:left;
	width:50%;
}
@media screen and (max-width:500px){
.preate-media-waku2 {
	padding:0 15px;
}
.preate-media-waku2-1 {
	padding:0 5px;
}
.preate-media-waku2-1-lf {
	float:none;
	width:100%;
	padding:0 0px 15px 0;
}
.preate-media-waku2-1-rt {
	float:none;
	width:100%;
}
}
.preate-media-cate {
	float:left;
	margin:0 3px 3px 0;
	padding:10px 13px;
	font-size:14px;
	color:#fff;
	line-height:1.0em;
//	background-color:#776345;
	background-color:#776345;
	white-space:nowrap;
}
@media screen and (max-width:500px){
.preate-media-cate {
	margin:0 3px 3px 0;
	padding:7px 10px;
	font-size:10px;
}
}


.preate-media-de02 {
	margin:10px 0 20px 0;
	font-size:32px;
	font-weight:bold;
	line-height:1.5em;
}
@media screen and (max-width:500px){
.preate-media-de02 {
	margin:10px 0 10px 0;
	font-size:17px;
}
}
.preate-media-de03 {
	font-size:22px;
	line-height:1.5em;
}
@media screen and (max-width:500px){
.preate-media-de03 {
	font-size:15px;
	line-height:1.5em;
}
}
.preate-media-de04 {
	margin:20px 0 0px 0;
	font-size:14px;
	line-height:1.8em;
}
@media screen and (max-width:500px){
.preate-media-de04 {
	margin:15px 0 0px 0;
	font-size:12px;
	line-height:1.8em;
}
}
.preate-media-de05 {
	height:1px;
	margin:40px 0 40px 0;
	line-height:1.0em;
	border-top:1px solid #aaa;
}
@media screen and (max-width:500px){
.preate-media-de05 {
	margin:20px 0 20px 0;
}
}
.preate-media-p-waku {
	margin:30px 0 0 0;
}
@media screen and (max-width:500px){
.preate-media-p-waku {
	margin:15px 0 0 0;
}
}


/*--------------------------------------------------------------------------*/

/*--------------------------------------
  モーダル表示上から_002
--------------------------------------*/
.modal_wrap input {
	display: none;
}

.modal_overlay {
	display: flex;
	justify-content: center;
	overflow: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999999;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	opacity: 0;
	transition: opacity 0.5s, transform 0s 0.5s;
	transform: scale(0);
}

.modal_trigger {
	position: absolute;
	width: 100%;
	height: 100%;
}

.modal_content {
	overflow: hidden;
//	overflow-Y: scroll;
//	align-self: center;
	position:absolute;
	bottom:0;
	left:0;
	width: 100%;
//	max-width:500px;
	height:95%;
//	padding: 30px 30px 15px;
//	box-sizing: border-box;
	background-color: #fff;
	text-align:left;
//	line-height: 1.4em;
	transform: translateY(20px);
	transition: 0.5s;
}
.modal_content-A {
	overflow: hidden;
//	overflow-Y: scroll;
//	align-self: center;
	position:absolute;
	bottom:0;
	left:0;
	width: 100%;
//	max-width:500px;
	height:90%;
//	padding: 30px 30px 15px;
//	box-sizing: border-box;
	background-color: #fff;
	text-align:left;
//	line-height: 1.4em;
	transform: translateY(20px);
	transition: 0.5s;
}
.modal_content-b {
	background-color: #f0f0f0;
}

.modal_content p {
  padding-top: 0;
}

.modal_content2 {
	overflow-Y: scroll;
	position:absolute;
	bottom:0;
	left:0;
	width: 100%;
	height:100%;
}

.close_button {
	z-index:5;
	position: fixed;
//	position: absolute;
	top: 4px;
	right: 15px;
	font-size: 24px;
	cursor: pointer;
}

.modal_wrap input:checked ~ .modal_overlay {
	opacity: 1;
	transform: scale(1);
	transition: opacity 0.5s;
}

.modal_wrap input:checked ~ .modal_overlay .modal_content {
	transform: translateY(0px);
}

.modal_wrap input:checked ~ body {
	overflow: hidden;
}

.open_button {
/*----
	color: #4f96f6;
	background-color: #eeeeee;
	font-weight: bold;
	text-align: center;
	cursor :pointer;
	transition: all 0.3s;
	display: block;
	margin-top: 40px;
	margin-bottom: 1px;
	padding: 12px 2px;
	max-width:300px;
	text-decoration: none;
----*/
}

.modal_title2 {
  font-size: 1.5em;
	position: relative;
	overflow: hidden;
  padding-bottom: 10px;
  margin-top:0;
  margin-bottom: 0;
}

.modal_title2::before,
.modal_title2::after{
	content: "";
	position: absolute;
	bottom: 0;
}


/*--------------------------------------------------------------------------*/

.contena-main {
	position:relative;
//	min-width:1100px;
}

.contena-000 {
	position:relative;
	padding: 40px 80px;
	background-color: #000;
}
.banner-p {
	max-width:2000px;
	width:100%;
	cursor:pointer;
}
@media screen and (max-width:1000px){
.contena-000 {
	padding: 40px 40px;
}
}
@media screen and (max-width:500px){
.contena-000 {
	padding: 20px 20px;
}
}

.contena-001 {
	position:relative;
	padding: 100px 80px;
}
@media screen and (max-width:1000px){
.contena-001 {
	padding: 60px 40px;
}
}
@media screen and (max-width:500px){
.contena-001 {
	padding: 60px 20px;
}
.contena-001-m {
	padding: 60px 20px 20px 20px;
}
}


.contena-001-lf {
	float:left;
	width:55%;
	height:600px;
	background-color: #ddd;
}
.contena-001-rt {
	float:right;
	width:45%;
	padding:0 60px 0 60px;
}
.contena-001-bi01 {
	background-image: url(../images/img_001-1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
//	background-size: contain;
	background-position: center center;
}
@media screen and (max-width:1100px){
.contena-001-lf {
//	float:none;
	width:50%;
	height:500px;
	margin:0px 0 0 0;
	background-color: #ddd;
}
.contena-001-rt {
//	float:none;
	width:50%;
	padding:0 40px 0 40px;
}
.contena-001-bi01 {
	background-image: url(../images/img_001-1s.jpg);
	background-position: center top;
}
}
@media screen and (max-width:500px){
.contena-001-bi01 {
	background-image: url(../images/img_001-1s2.jpg);
	background-position: center center;
}
}

.contena-001-t01 {
	margin:0 0 15px 0;
	font-size:12px;
	color:#b55bfd;
	font-weight: bold;
}
.contena-001-t02 {
	margin:0 0 20px 0;
	font-size:20px;
}
@media screen and (max-width:500px){
.contena-001-t01 {
	margin:0 0 10px 0;
	font-size:12px;
}
.contena-001-t02 {
	margin:0 0 20px 0;
	font-size:15px;
}
}

.contena-001-01 {
	font-size:36px;
	line-height:1.5em;
}
.contena-001-02 {
	margin:30px 0 0 0;
}
.contena-001-02a {
	max-width:500px;
}
.contena-001-02b {
	margin:0;
}
.contena-001-03 {
	margin:15px 0 0 0;
	font-size:25px;
	line-height:1.5em;
}
@media screen and (max-width:500px){
.contena-001-01 {
	font-size:20px;
	line-height:1.5em;
}
.contena-001-02 {
	margin:20px 0 0 0;
}
.contena-001-03 {
	margin:15px 0 0 0;
	font-size:25px;
	line-height:1.5em;
}
}

.contena-002-bg {
	position: relative;
	z-index: 0;
	height:300px;
	background-color: #ede8e2;
}

.contena-002-waku {
	position: relative;
	z-index: 1;
	margin:-100px 0 0 0;
//	background-color: #474141;
}
@media screen and (max-width:500px){
.contena-002-waku {
	margin:-70px 0 0 0;
}
}

.contena-002 {
	overflow: hidden;
	position:relative;
//	padding: 100px 80px;
//	background-color: #2e2e2e;
}

.contena-002-b1 {
	position:relative;
	z-index: 1;
	clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%);
	-webkit-clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%);
	background-image: url(../images/img_002-1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
//	background-size: contain;
//	background-size: auto 1240px;
	background-position: center center;
}



.contena-002-b2 {
	z-index: 2;
	margin:-260px 0 0 0;
	clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 90%);
	-webkit-clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 90%);
	background-image: url(../images/img_002-2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
//	background-size: contain;
	background-position: center center;

}
.contena-002-b3 {
	z-index: 3;
	margin:-260px 0 0 0;
	clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%);
	-webkit-clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%);
	background-image: url(../images/img_002-3.jpg);
	background-repeat: no-repeat;
	background-size: cover;
//	background-size: contain;
	background-position: center center;
}
.contena-002-b4 {
	z-index: 4;
	margin:-260px 0 0 0;
	clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 90%);
	-webkit-clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 90%);
	background-image: url(../images/img_002-4.jpg);
	background-repeat: no-repeat;
	background-size: cover;
//	background-size: contain;
	background-position: center center;
}
@media screen and (max-width:1000px){
.contena-002 {
//	padding: 60px 40px;
}
}
@media screen and (max-width:500px){
.contena-002 {
//	padding: 60px 20px;
}
.contena-002-b1 {
	clip-path: polygon(0 5%, 100% 0, 100% 95%, 0 100%);
	-webkit-clip-path: polygon(0 5%, 100% 0, 100% 95%, 0 100%);
	background-image: url(../images/img_002-1.jpg);
	background-position: center center;
}
.contena-002-b2 {
	margin:-60px 0 0 0;
	clip-path: polygon(0 0, 100% 5%, 100% 100%, 0 95%);
	-webkit-clip-path: polygon(0 0, 100% 5%, 100% 100%, 0 95%);
	background-image: url(../images/img_002-2.jpg);
	background-position: center left -200px;
}
.contena-002-b3 {
	margin:-60px 0 0 0;
	clip-path: polygon(0 5%, 100% 0, 100% 95%, 0 100%);
	-webkit-clip-path: polygon(0 5%, 100% 0, 100% 95%, 0 100%);
	background-image: url(../images/img_002-3.jpg);
	background-position: center left;
}
.contena-002-b4 {
	margin:-60px 0 0 0;
	clip-path: polygon(0 0, 100% 5%, 100% 100%, 0 95%);
	-webkit-clip-path: polygon(0 0, 100% 5%, 100% 100%, 0 95%);
	background-image: url(../images/img_002-4.jpg);
	background-position: center right -180px;
}
}

.contena-002-1 {
text-decoration: none;
//	position:absolute;
//	top:0;
//	left:0;
//	height:100%;
//	padding: 280px 80px 80px 80px;
	padding: 340px 80px 120px 80px;
//	background:rgba(44,40,35,0.6);
	background:rgba(10,10,10,0.6);
}
.contena-002-1m {
	padding: 340px 80px 300px 80px;
}
@media screen and (max-width:1000px){
.contena-002-1 {
	padding: 240px 40px 300px 40px;
}
}
@media screen and (max-width:500px){
.contena-002-1 {
	padding: 180px 20px 100px 20px;
}
}

.contena-002-2 {
	display:inline-block;
	padding: 0 0 0 400px;
}
@media screen and (max-width:1000px){
.contena-002-2 {
	padding: 0 0 0 250px;
}
}
@media screen and (max-width:500px){
.contena-002-2 {
	padding: 0 0 0 0px;
}
}

.contena-002-t01 {
	position:absolute;
	top:120px;
	right:-20px;
	font-size:170px;
	letter-spacing:0px;
	line-height:1.0em;
	color:#fff;
}
.contena-002-t02 {
	position:absolute;
	top:80px;
	left:-20px;
	font-size:150px;
	letter-spacing:0px;
	line-height:1.0em;
	color:#fff;
}
@media screen and (max-width:1000px){
.contena-002-t01 {
	top:60px;
	right:-15px;
	font-size:120px;
}
.contena-002-t02 {
	top:60px;
	left:-15px;
	font-size:120px;
}
}
@media screen and (max-width:500px){
.contena-002-t01 {
	top:60px;
	right:-10px;
	font-size:85px;
}
.contena-002-t02 {
	top:60px;
	left:-10px;
	font-size:85px;
}
}



.contena-003 {
	position:relative;
	padding: 100px 80px 60px 80px;
	background-color: #ede8e2;
}
@media screen and (max-width:1000px){
.contena-003 {
	padding: 60px 40px 20px 40px;
}
}
@media screen and (max-width:500px){
.contena-003 {
	padding: 60px 20px 20px 20px;
}
}


.contena-003-lf {
	position:relative;
	float:left;
	width:50%;
	height:400px;
	padding:0 0px 0 0;
}
.contena-003-rt {
	position:relative;
	float:right;
	width:50%;
	height:400px;
	background-color: #ddd;
}
.contena-003-lf2 {
	position:relative;
	float:left;
	width:45%;
	height:400px;
	background-color: #ddd;
}
.contena-003-rt2 {
	position:relative;
	float:right;
	width:55%;
	height:400px;
	padding:0 0 0 40px;
}
@media screen and (max-width:1000px){
.contena-003-lf {
	float:none;
	width:100%;
	height:auto;
	margin:0 0 0 0;
}
.contena-003-rt {
	float:none;
	width:100%;
	height:250px;
	margin:30px 0 0 0;
	padding:0px 0 0 0px;
}
.contena-003-lf2 {
	float:none;
	width:100%;
	height:250px;
	margin:30px 0 0 0;
	padding:0px 0 0 0px;
}
.contena-003-rt2 {
	float:none;
	width:100%;
	height:auto;
	margin:0 0 0 0;
	padding:0px 0 0 0px;
}
}

.contena-003-bi01 {
	background-image: url(../images/img_003-1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
//	background-size: contain;
	background-position: center center;
}
.contena-003-bi02 {
	background-image: url(../images/img_003-2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
//	background-size: contain;
	background-position: center center;
}
.contena-003-bi03 {
	background-image: url(../images/img_003-3.jpg);
	background-repeat: no-repeat;
	background-size: cover;
//	background-size: contain;
	background-position: center center;
}
.contena-004-bi01 {
	background-image: url(../images/img_contact01.jpg);
	background-repeat: no-repeat;
	background-size: cover;
//	background-size: contain;
	background-position: center center;
}
.contena-004-bi02 {
	background-image: url(../images/img_contact02.jpg);
	background-repeat: no-repeat;
	background-size: cover;
//	background-size: contain;
	background-position: center center;
}






.contena-003-line {
	height:1px;
	margin:40px 0;
	border-top:1px solid #c1bfbc;
}

.contena-003-t00 {
	position:absolute;
	top: 50%;
	transform: translate(0, -50%);
}
@media screen and (max-width:1000px){
.contena-003-t00 {
	position:relative;
	top: 0;
	transform: translate(0, 0);
}
}

.contena-003-t01 {
	margin:0 0 10px 0;
	font-size:15px;
}
.contena-003-t02 {
	margin:0 0 0px 0;
	font-size:28px;
	line-height:1.7em;
}
@media screen and (max-width:1000px){
.contena-003-t01 {
	margin:0 0 10px 0;
	font-size:13px;
}
.contena-003-t02 {
	margin:0 0 0px 0;
	font-size:30px;
	line-height:1.7em;
}
}


.contena-003-pad01 {
	padding:40px 0 0 0;
}


.contena-004 {
	position:relative;
	padding: 50px 60px;
	background-color:#f1efeb;
}
@media screen and (max-width:1000px){
.contena-004 {
	padding: 30px 30px;
}
}
@media screen and (max-width:500px){
.contena-004 {
	padding: 60px 0px;
}
}

.contena-004-00 {
	padding: 0 20px;
//	border:1px solid #000;
}

.contena-004-01 {
	margin:0 0 0px 0;
	font-size:20px;
	line-height:1.9em;
}
@media screen and (max-width:500px){
.contena-004-00 {
	padding: 0 20px;
//	border:1px solid #000;
}
}

.contena-004-t01 {
	font-size:32px;
//	font-size:25px;
	line-height:1.5em;
	letter-spacing:0px;
}


.lineup-w {
//	display: flex;
	justify-content: center;
	max-width:1400px;
	margin:0 auto;
//	position:absolute;
//	transform: translate(0, -50%);
}
.lineup {
	float:left;
	width:25%;
	padding:20px 20px 20px 20px;
}
.lineup01 {
	background-color:#fff;
	padding:10px 10px 10px 10px;
}
.lineup02 {
	font-size:14px;
	text-align:center;
}
.lineup03 {
	font-size:14px;
	text-align:center;
}
.lineup-p {
	width:100%;
}
@media screen and (max-width:500px){
.lineup-w {
	padding:0px 5px 0px 5px;
}
.lineup {
	float:left;
	width:50%;
	padding:5px 5px 5px 5px;
}
.lineup01 {
	padding:5px 5px 5px 5px;
}
.lineup02 {
	font-size:13px;
	text-align:center;
}
.lineup03 {
	font-size:13px;
	text-align:center;
}
}


.contena-005 {
	overflow: hidden;
	position:relative;
	background-color: #2e2e2e;
	background-image: url(../images/img_sele01.jpg);
	background-repeat: no-repeat;
	background-size: cover;
//	background-size: contain;
	background-position: center center;
}
@media screen and (max-width:500px){
.contena-005 {
	background-image: url(../images/img_sele01s.jpg);
	background-size: contain;
	background-position: bottom center;
}
}

.contena-005-1 {
//	position:absolute;
//	top:0;
//	left:0;
//	height:100%;
	padding: 50px 60px 300px 60px;
//	background:rgba(44,40,35,0.6);
	background:rgba(10,10,10,0.7);
}
@media screen and (max-width:1000px){
.contena-005-1 {
	padding: 30px 40px 200px 40px;
}
}
@media screen and (max-width:500px){
.contena-005-1 {
	padding: 60px 0px 150px 0px;
}
}


.contena-006 {
	height:350px;
	background-color: #fff;
	background-image: url(../images/img_006-1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
//	background-size: contain;
	background-position: center top;
}
@media screen and (max-width:500px){
.contena-006 {
	height:150px;
	background-position: right -900px top;
}
}

.contena-007 {
	height:350px;
	background-color: #f1f1f1;
	background-image: url(../images/img_007-1.jpg);
	background-repeat: no-repeat;
//	background-size: cover;
	background-size: contain;
	background-position: center top;
}
@media screen and (max-width:1000px){
.contena-007 {
	height:300px;
}
}
@media screen and (max-width:500px){
.contena-007 {
	height:200px;
}
}



.btn-001 {
	display:inline-block;
	height:52px;
	padding: 12px 25px 0px 25px;
	font-size:14px;
	color:#474141;
	letter-spacing:0px;
	border:1px solid #474141;
	border-radius:26px;
	transition:0.5s;
}
@media screen and (max-width:500px){
.btn-001 {
	height:42px;
	padding: 7px 25px 0px 25px;
	font-size:14px;
	border-radius:21px;
}
}
.btn-001:hover {
	color:#fff;
	background-color:#474141;
}
.btn-001w {
	color:#fff;
	border:1px solid #fff;
}
.btn-001w:hover {
	color:#474141;
	background-color:#fff;
}


.btn-001-m {
	margin:25px 0 0 0;
}
@media screen and (max-width:500px){
.btn-001-m {
	margin:20px 0 0 0;
}
}



.contena-foot {
	position:relative;
	margin:0 0 0 0;
//	padding: 80px 0px 0px 0px;
//	background-color: #eceffb;
	background-color: #ded4c2;
}

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

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

}

.logo-w {
	text-align:center;
}
.logo-p {
	width:150px;
}
@media screen and (max-width:500px){
.logo-p {
	width:110px;
}
}

.contena-foot-01 {
	float:left;
	width:45%;
	position:relative;
	padding: 60px 40px 40px 0px;
//	color:#fff;
//	border-right:2px solid #fff;
}
@media screen and (max-width:1000px){
.contena-foot-01 {
	padding: 60px 20px 60px 0px;
}
}
@media screen and (max-width:880px){
.contena-foot-01 {
	float:none;
	width:100%;
	padding: 30px 40px 30px 0px;
	text-align:center;
	border-right:0px;
}
}
@media screen and (max-width:500px){
.contena-foot-01 {
	padding: 0px 0px 30px 0px;
}
}

.contena-foot-01-1 {
	float:right;
}
@media screen and (max-width:880px){
.contena-foot-01-1 {
	float:none;
	display:inline-block;
}
}
.contena-foot-01-2 {
	padding:0px 0 5px 0;
	font-size:18px;
//	color:#fff;
	font-weight: bold;
	line-height:1.0em;
}
@media screen and (max-width:500px){
.contena-foot-01-2 {
	padding:0px 0 5px 0;
	font-size:14px;
}
}
.contena-foot-01-3 {
	font-size:11px;
//	color:#fff;
	line-height:1.5em;
}
.ft-icon {
	display:inline-block;
	margin:0 0 0 170px;
}
@media screen and (max-width:500px){
.ft-icon {

	margin:0 auto;
}
}
.ft-icon-p {
//	float:left;
	height:25px;
	margin:10px 10px 0 0;
}
.ft-icon-pa {
//	float:left;
	height:25px;
}
.contena-foot-02 {
	float:right;
	width:55%;
	position:relative;
	padding: 50px 0px 0px 40px;
	font-size:14px;
	color:#fff;
	line-height:1.0em;
}
@media screen and (max-width:1000px){
.contena-foot-02 {
	padding: 25px 0px 0px 20px;
}
}
@media screen and (max-width:880px){
.contena-foot-02 {
	float:none;
	width:100%;
	text-align:center;
}
.contena-foot-02-0 {
	display:inline-block;
}
}
@media screen and (max-width:500px){
.contena-foot-02 {
	padding: 20px 20px 20px 20px;
}
}

.contena-foot-02-1 {
	display:inline-block;
	margin:0 25px 0 0;
	padding:8px 0 8px 0;
	float:left;
	font-size:14px;
	color:#776345;
	font-weight: bold;
	line-height:1.0em;
	transition:0.5s;
}
.contena-foot-02-1bk {
	color:#111;
}
.contena-foot-02-1:hover {
	opacity: 0.5;
}
@media screen and (max-width:1000px){
.contena-foot-02-1 {
	margin:0 15px 0 0;
}
}
@media screen and (max-width:500px){
.contena-foot-02-0 {
	text-align:center;
}
.contena-foot-02-1 {
	display:inline-block;
	margin:0 10px 0 10px;
	padding:0px 0 10px 0;
	float:left;
	font-size:13px;
	line-height:1.0em;
	transition:0.5s;
}
}
.contena-foot-02-1t {
	display:table;
	border-collapse: collapse;
	width:100%;
	margin:-1px 0 0 0;
}
.contena-foot-02-1a {
	display:table-cell;
	width:33.33%;
	padding:7px 0;
	font-size:11px;
	color:#776345;
	vertical-align:middle;
	text-align:center;
	border:1px solid #776345;
}
.contena-foot-02-1b {
	display:table-cell;
	width:50%;
	padding:7px 0;
	font-size:11px;
	color:#776345;
	vertical-align:middle;
	text-align:center;
	border:1px solid #776345;
}
.contena-foot-02-1c {
	display:table-cell;
	width:100%;
	padding:7px 0;
	font-size:11px;
	color:#111;
	vertical-align:middle;
	text-align:center;
	border:1px solid #776345;
}
@media screen and (max-width:500px){
.link-p {
	margin:4px 0 0 0;
}
}
.contena-foot-03 {
	padding: 20px 0px 20px 0px;
	font-size:11px;
	color:#fff;
	text-align:center;
	background-color: #776345;
//	border-top:2px solid #fff;
}
@media screen and (max-width:500px){
.contena-foot-03 {
	padding: 10px 0px 10px 0px;
}
}

.table td.td-cont03 {
	padding:0 20px 0 0;
	vertical-align:middle;
	text-align:left;
}
.table td.td-cont04 {
	vertical-align:middle;
	text-align:left;
}
@media screen and (max-width:500px){
.table td.td-cont03 {
	display:block;
	padding:0 0 10px 0;
	text-align:center;
}
.table td.td-cont04 {
	display:block;
	text-align:center;
}
}

.table td.td-cont05 {
	width:50%;
	padding:5px 0;
	vertical-align:middle;
	text-align:center;
//	border:1px solid #fff;
}
.table td.td-cont06 {
	width:33.3%;
	padding:5px 0;
	vertical-align:middle;
	text-align:center;
//	border:1px solid #fff;
}


.foot01p {
	width:100%;
	margin:20px 0 0 0;
}




.fff {
	color:#fff;
}



/*--------------------------------
	スライダー
--------------------------------*/

.swiper-container {
	position:relative;
	z-index:0;
	width: 100%;
	height: 100%;
//	height: 400px;
//	min-width:1200px;

//	border:1px solid #000;
}

.swiper-slide {
//	min-width:1200px;
//	border:1px solid #000;
	text-align: center;
	background: #fff;
	background-repeat:no-repeat;
	background-size:cover;
	background-position: center center;
}
.swiper-slide3 {
	background-position: center top;
}
.swiper-slide4 {
	background-position: center bottom;
}
@media screen and (max-width:500px){
.swiper-slide2 {
	background-position: right -100px center;
}
.swiper-slide4 {
	background-position: right -80px bottom;
}
}

.swiper-button-next {
	position:absolute;
	z-index:1000;
	top:auto;
	bottom:20px;
	left:55px;
	width:30px;
	height:30px;
	background-color:#000;
	border:1px solid #fff;
//	-webkit-border-radius:50%;
//	-moz-border-radius:50%;
//	-ms-border-radius:50%;
//	border-radius:50%;
	background-image: url(../images/ya2.png);
	background-repeat:no-repeat;
	background-size:auto;
	background-position: center center;
}
.swiper-button-next:hover {
	background-color:#0c2489;
}
.swiper-button-prev {
	position:absolute;
	z-index:1000;
	top:auto;
	bottom:20px;
	left:20px;
	width:30px;
	height:30px;
	background-color:#000;
	border:1px solid #fff;
//	-webkit-border-radius:50%;
//	-moz-border-radius:50%;
//	-ms-border-radius:50%;
//	border-radius:50%;
	background-image: url(../images/ya1.png);
	background-repeat:no-repeat;
	background-size:auto;
	background-position: center center;
}
.swiper-button-prev:hover {
	background-color:#0c2489;
}









.contena-00 {
	position:relative;
	padding:35px 0 0 0px;
//	border-top:6px solid #000;
//	border-border:6px solid #000;
	border-left:6px solid #000;
}
.contena-00a {
	position:relative;

}
.br-btn {
	background-color:#fff;
	transition:1.0s;
}
.br-btn:hover {
	background-color:#b1d4f2;
}

.contena-01 {
//	position:absolute;
	position:relative;
	z-index:2;
//	height:500px;
	padding:0 80px;
}
.contena-01rc {
	max-width:1100px;
//	border:1px solid #000;
}

.contena-01-cl01 {
	padding:60px 80px 60px 80px;
	background-color:#cce1ff;
	background-color:#000;
}
.contena-01-mp1 {
	padding:20px 80px 20px 80px;
}

.contena-01a {
	max-width:1000px;
}

.contena-01a1000 {
	display:inline-block;
//	width:1000px;
//border:1px solid #fff;
}
.contena-01b {
//	padding:140px 80px 140px 80px;
	padding:80px 80px 80px 80px;
	background-color:#000;
}
.contena-01b2 {
//	padding:140px 80px 140px 80px;
	padding:80px 80px 80px 80px;
	background-color:#000;
}
.contena-01b3 {
	margin:-50px 0 0 0;
}
@media screen and (max-width:480px){
.contena-01b3 {
	margin:0px 0 0 0;
}
}
.contena-01b-blu {
	background-color:#0131ab;
}
.contena-01b-wht {
	background-color:#fff;
}

.contena-01c {
	max-width:1000px;
}
.contena-01d {
	width:1000px;
//	padding:140px 80px 140px 80px;
	padding:80px 80px 80px 80px;
	background-color:#f3f3f3;
}

.contena-02 {
//	position:absolute;
	position:relative;
	z-index:2;
//	width:1200px;
//	height:500px;
	padding:0 0 0 80px;
//	border:1px solid #000;
}
.contena-02-m100 {
	margin:0 0 -80px 0;
	top:-80px;
}
.contena-02-m100a {
	margin:0 0 -80px 0;
	top:-80px;
}

.contena-02b {
	padding:0 80px 0 80px;
//	border:1px solid #000;
}
.contena-02c {
	min-width:1100px;
	max-width:1200px;
	padding:0 40px 0 40px;
//	border:1px solid #000;
}


@media screen and (max-width:480px){
.contena-02-m100 {
	margin:0 0 0 0;
	top:-50px;
}
.contena-02-m100a {
	margin:0 0 -50px 0;
	top:-50px;
}
.contena-02-m20 {
	margin:0 0 0 -20px;
}
.contena-02b {
	padding:0 0px 0 0px;
}
.contena-02c {
	min-width:1px;
	width:100%;
	padding:0 10px 0 10px;
//	border:1px solid #000;
}
}

.contena-02-ma {
	height:120px;
	height:80px;
	margin:0px 0 0 0 ;
//	border:1px solid #000;
}

.contena-02-mb {
//	position:absolute;
	position:relative;
	z-index:2;
	max-width:1200px;
//	width:1200px;
//	height:500px;
	padding:0 0 0 40px;
//	border:1px solid #fff;
}

@media screen and (max-width:480px){
.contena-02-ma {
	height:100px;
}
}

.yoyaku-frame {
	width:100%;
	height:500px;
}
@media screen and (max-width:480px){
.yoyaku-frame {
	width:100%;
	height:450px;
	margin:-30px 0 0 0;
}
}

.contena-02-1 {
	position:relative;
	z-index:1;
	height:700px;
	padding:0 0 0 100px;
//	border:1px solid #000;
}
.contena-02-1-h {
	height:auto;
}

.contena-02-2 {
//	position:absolute;
	position:relative;
	z-index:3;
	height:600px;
}
@media screen and (max-width:480px){
.contena-02-2 {
	height:auto;
}
}

.contena-02-3 {
//	position:relative;
	position:absolute;
	z-index:1;
	top:100px;
	left:0px;
	width:100%;
	height:600px;
//	background-color:#f3f3f3;
}
.contena-02-4 {
//	position:relative;
	position:absolute;
	z-index:1;
	bottom:0px;
	right:0px;
	width:100%;
	height:80%;
//	background-color:#f3f3f3;
//	background-color:#99addd;
	background-color:#ccd6ee;
}
@media screen and (max-width:480px){

}

.contena-02-5 {
	text-align:left;
}

.back-b-b {
//	position:relative;
	position:absolute;
	z-index:0;
bottom:0px;
right:-85px;
	width:100%;
	height:320px;
	background-color:#000;
	margin: 0 0 150px 0;
}



.back-b {
	position:relative;
//	width:93%;
	width:85%;
//	width:100%;
//	height:320px;
	height:auto;
//	margin:0 0 0 110px;
	margin:-100px 0 0 0;
//	background-color:#000;
	width:1px;
}
.back-b:before{
	z-index:1;
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:100%;
	height:320px;
//	background-color:#000;
//	border:1px solid #000;
//	-webkit-transform:scale(0,1);
//	transform:scale(0,1);
}
.back-b-aa {
	position:relative;
//	width:93%;
	width:85%;
	height:320px;
	background-color:#000;
//	width:1px;
}
.back-b-aa:before{
	z-index:1;
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:100%;
	height:320px;
//	background-color:#000;
//	border:1px solid #000;
//	-webkit-transform:scale(0,1);
//	transform:scale(0,1);
}
.back-bmm {
	width:100%;
	margin:0 0 0 0;
}
.back-b-0 {
	width:85%;
	height:320px;
	margin:-100px 0 0 0;
	overflow:hidden;
//	opacity:0;
	transform:scale(0,1);
}
.back-b-1 {
	width:100%;
//	width:1200px;
	height:320px;
	position:relative;
//	position:absolute;
	z-index:0;
//	borttom:200px;
	right:0;

	background-image: url(../images/8407.jpg);
	background-repeat:no-repeat;
	background-size:cover;
//	background-size:contain;
    background-position: center bottom;

}

.back-b-2 {
	width:100%;
//	width:1200px;
	height:320px;
	margin:0 0 0 0;
	position:relative;
//	position:absolute;
	z-index:0;
//	borttom:200px;
	right:0;
	background-image: url(../images/0042.jpg);
	background-repeat:no-repeat;
	background-size:cover;
//	background-size:contain;
    background-position: center top -240px;
}

.back-b-3 {
	width:100%;
//	width:1200px;
	height:320px;
	margin:0 0 0 0;
	position:relative;
//	position:absolute;
	z-index:0;
//	borttom:200px;
	right:0;
	background-image: url(../images/0407.jpg);
	background-repeat:no-repeat;
	background-size:cover;
//	background-size:contain;
    background-position: center bottom -80px;
}


.text-a0 {
//	width:320px;
	width:480px;
	height:255px;
	overflow:hidden;
	transform: translateY(40px);
//	border:1px solid #000;
}
.text-a0h {
//	height:100px;
//	border:1px solid #000;
}
.text-b0 {
	height:170px;
//	height:190px;
	margin:-20px 0 5px 0 ;
	padding:0 10px;
	overflow:hidden;
//	border:1px solid #000;
//	background-color:#ccc;
}
.text-b0-si {
	height:190px;
}
.text-b0-dd {
	width:20px;
	height:1px;
	color:#fff;
	padding:70px 0 0 0;
//	border:1px solid #000;
}
.text-b4 {
	height:210px;
	margin:20px 0 5px 0px ;
//	padding:20px 0 0 0;
	padding:35px 20px 10px 20px;
	overflow:hidden;
//	border:1px solid #000;
//	background-color:#ccc;
}

.text-a {
	display:inline-block;
//	margin:0 10px;
	transform: translateY(255px);
}

.text-a-01, .text-a-02, .text-a-03, .text-a-04, .text-a-05, .text-a-06, .text-a-07 {
	display:inline-block;
//	margin:0 10px;
	transform: translateY(300px);
//	border:1px solid #000;
}

.text-a0 {
	width:100%;
	height:auto;
	overflow:hidden;
	transform: translateY(40px);
//	border:1px solid #000;
}
.text-a2-0 {
	z-index:2;
	position:relative;
	display:inline-block;
	width:100%;
//	width:440px;
	height:auto;
	margin:0 0px 0 20px;
//	padding:0px 0 0 20px;
//	border:1px solid #000;
	overflow:hidden;
	transform: translateY(40px);
//	border:1px solid #000;
}

.contena-01z {
	position:relative;
	z-index:2;
	height:500px;
	padding:0px 0px 0px 0px;
//	border:1px solid #000;
}
.text-a0z {
	position:absolute;
	top:65px;
	z-index:2;
	width:100%;
	height:150px;
	overflow:hidden;
	transform: translateY(40px);
//	border:1px solid #000;
}
.text-a2-0z {
	position:absolute;
	top:200px;
	z-index:2;
	position:relative;
	display:inline-block;
	width:100%;
//	width:440px;
	height:150px;
	margin:0 0px 0 0px;
//	padding:0px 0 0 20px;
//	border:1px solid #000;
	overflow:hidden;
	transform: translateY(40px);
//	border:1px solid #000;
}
.text-a3-0z {
	position:absolute;
	top:150px;
	right:0;

}


.text-a2 {
	display:inline-block;
	margin:0 0px ;
//	padding:60px 0 0 0;
	color:#d6d6d6;
	transform: translateY(210px);
}
.text-a2-grn {
//	padding:60px 0 0 0;
	display:inline-block;
	color:#0131ab;
	transform: translateY(300px);
}
.text-b {
	display:inline-block;
	margin:0 0px;
	transform: translateY(150px);
}
.text-b2 {
	display:inline-block;
	color:#d6d6d6;
	transform: translateY(150px);
}
.text-b3 {
	display:inline-block;
	color:#0131ab;
	transform: translateY(150px);
}

.text-b5 {
	display:inline-block;
	color:#0131ab;
	transform: translateY(150px);
}

.text-b-a {
//	margin:-60px 0 0 0;

//	position:absolute;
	position:relative;
	top:-100px;
}


.text-b-a2 {
//	margin:-60px 0 0 0;

//	position:absolute;
	position:relative;
	top:20px;
}
@media screen and (max-width:480px){
.text-b-a2 {
//	position:absolute;
	position:relative;
	top:0px;
}
}


.top-a-01 {
	width:340px;
	padding:20px 0 0 0;
}

.top-a-02 {
	position:absolute;
	bottom:5px;
	left:20px;
//	margin:0 0 20px 0;
	font-size:36px;
	font-weight: bold;
	text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff;
}
.top-a-02-pic {
	position:relative;
	height:250px;
	margin:0 0 20px 0;
	background-image: url(../images/7872.jpg);
	background-repeat:no-repeat;
	background-size:cover;
//	background-size:contain;
    background-position: center bottom -40px;
}

.top-a-02-2 {
	position:absolute;
	bottom:5px;
	right:20px;
//	margin:0 0 20px 0;
	font-size:36px;
	font-weight: bold;
	text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff;
}
.top-a-02-pic2 {
	position:relative;
	height:250px;
	margin:0 0 0px 0;
//	background-image: url(../images/50193498.jpg);
	background-image: url(../images/rentacycle.jpg);
	background-repeat:no-repeat;
	background-size:cover;
//	background-size:contain;
    background-position: center bottom -1px;
}
.top-a-02-pic2-2 {
	background-image: url(../images/rentacycle2.jpg);
    background-position: center center;
}

.byc-bw {
//	display:inline-block;
	width:100%;
	margin:10px 0 0 0;
//	border:1px solid #000;
}
.byc-bw1 {
	width:50%;
	padding:0 5px;
}
@media screen and (max-width:480px){
.byc-bw {
	margin:0px 0 0 0;
}
.byc-bw1 {
	width:100%;
	padding:0 0px;
}
}
.byc-btn {
	width:100%;
	padding:7px 0;
	font-size:13px;
	color:#fff;
	text-align:center;
	background-color:#aaa;
	border-radius:20px;
}
.byc-btn1 {
	width:100%;
	padding:7px 0;
	font-size:13px;
	color:#fff;
	text-align:center;
	background-color:#13a2ff;
	border:1px solid #13a2ff;
	border-radius:20px;
	transition: all 300ms ease-out 0s;
}
.byc-btn1:hover {
	color:#13a2ff;
	background-color:#fff;
}
.byc-btn2 {
	width:100%;
	padding:7px 0;
	font-size:13px;
	color:#fff;
	text-align:center;
	background-color:#008300;
	border:1px solid #008300;
	border-radius:20px;
	transition: all 300ms ease-out 0s;
}
.byc-btn2:hover {
	color:#008300;
	background-color:#fff;
}
@media screen and (max-width:480px){
.byc-btn {
	margin:5px 0 0 0;
}
.byc-btn1 {
	margin:5px 0 0 0;
}
.byc-btn2 {
	margin:5px 0 0 0;
}
}


.top-a-03 {
	font-size:14px;
	letter-spacing: 2px;
	line-height:2.4em;
	text-align:left;
}


.top-b-01 {
	padding:10px;
	line-height:1.0em;
	background-color:#fff;
}
.top-b-01bdr {
	border:3px solid #e8e8e8;
}
.top-b-02 {
	margin:0px 0 0 0;
	font-size:40px;
	color:#fff;
}
.top-b-03 {
	margin:-5px 0 0 0;
	font-size:12px;
	color:#fff;
}
.top-b-04 {
	margin:10px 0 0 0;
	font-size:18px;
	color:#fff;
	font-weight:bold;
	line-height:1.1em;
}

.top-sld-01 {
	font-size:60px;
	font-weight: bold;
	text-align:left;
}
.top-sld-02 {
	margin:-10px 0 0 0;
	font-size:14px;
	font-weight: bold;
	text-align:left;
}
.top-sld-02a {
	margin:9px 0 0 0;
	font-size:16px;
	color:#fff;
	font-weight: bold;
	text-align:left;
}
.top-sld-03 {
	margin:20px 0 0 0;
	font-size:13px;
	letter-spacing: 2px;
	line-height:2.1em;
	text-align:left;
}
.top-sld-03a {
	min-height:60px;
	margin:5px 0 0 0;
	font-size:13px;
	color:#fff;
	letter-spacing: 2px;
	line-height:1.5em;
	text-align:left;
}

.top-sld-04 {
	margin:15px 0 0 0;
	font-size:32px;
	font-weight: bold;
	text-align:left;
	line-height:1.2em;
}
.top-sld-04a {
	margin:15px 0 0 0;
	font-size:22px;
	font-weight: bold;
	text-align:left;
	line-height:1.2em;
}
@media screen and (max-width:480px){
.top-sld-04a {
	margin:10px 0 0 0;
	font-size:18px;
}
}

.top-sld-05 {
	margin:15px 0 0 0;
	font-size:18px;
	color:#fff;
	font-weight: bold;
	text-align:center;
	line-height:1.2em;
}


.btn001 {
	position: relative;
	width:130px;
	margin:10px 0 0 0;
	padding: 10px 0px 7px 0px;
	font-weight: bold;
	text-align:center;
	border:1px solid #fff;
	background-color: #fff;
}
.btn001:hover {
	color: #fff;
	background-color: #000;
}

.btn {
	position: relative;
	width:150px;
	margin:20px 0 0 0;
	padding: 0 0px;
	text-align:right;
}
.btn:before {
  position: absolute;
  top: calc(50% - 0px);
  left: 0;
  width: 55px;
  height: 2px;
  content: '';
  background: #000;
}
.btn span {
	position: relative;
	padding: 0 2px 0 2px;
	font-size:22px;
	background: #fff;
	background:linear-gradient(transparent 70%, #7f99c9 70%);
}



.shop-01{
//	width:736px;
//	height:450px;
}
.shop-01a{
//	width:736px;
//	height:450px;
	padding:0 20px 0 0;
}

.shop-02 {
	width:400px;
	height:450px;
	background-color:#aaa;
}
.shop-02a {
	width:350px;
	height:450px;
//	background-color:#aaa;
	background-color:#ddd;
}
.shop-03 {
	display:inline-block;
	width:350px;
	margin:20px 0 0 0;
	padding:15px 70px 10px 70px;
	border:1px solid #aaa;
	background-color:#fff;
}

@media screen and (max-width:480px){
.shop-01a{
	padding:0 0 10px 0;
}
.shop-02a {
	margin:0 auto;
}
.shop-03 {
	margin: 20px auto 0 auto;
}

}

/*-------------------------------*/

.TTT{
	opacity:0;
}

.service-line {
	height:1px;
	border-top:3px solid #000;
}

.service-a00 {
	padding:60px 0;
}
.service-a00g {
	background-color:#ddd;
}

.service-a01 {
	width:900px;
}
@media screen and (max-width:480px){
.service-p01 {
	width:100%;
}
}
.service-a03 {
//	width:648px;
	width:750px;
	text-align:left;
}

.mt02-1p {
	width:365px;
	margin:10px 0 10px 0;
}

@media screen and (max-width:480px){
.service-a03 {
	width:100%;
}
.mt02-1p {
	width:100%;
	margin:10px 0 0 0;
}
}

.service-a04 {
	height:18px;
	margin:0 0 15px 0;
	padding:0 0 0 5px;
	font-size:20px;
	font-weight: bold;
	line-height:1.0em;
//	border:1px solid #0131ab;
	border-left:18px solid #0131ab;

}
@media screen and (max-width:480px){
.service-a04 {
	padding:2px 0 0 5px;
	font-size:16px;
	border-left:16px solid #0131ab;
}
}
.service-a04-1 {
	display:inline-block;
	width:25px;
	height:25px;
	margin:0 0 0 0;
	font-size:25px;
	font-weight: bold;
	line-height:1.5em;
	color:#0131ab;
	background-color:#0131ab;
}

.service-a04-2 {
	font-size:20px;
	font-weight: bold;
	line-height:1.0em;
}
.service-a04-3 {
	display:inline-block;
	margin:10px 0 0 0;
	padding:13px 13px 10px 48px;
	font-size:16px;
	font-weight: bold;
	line-height:1.0em;
	border:1px solid #000;
	background-image: url("../images/ml.png");
	background-repeat: no-repeat;
//	background-size: cover;
//	background-size: contain;
	background-position: center left 5px;
}
.service-a04-3:hover {
	color:#fff;
	background-color:#555;
}

.service-a05 {
	margin:0 0 10px 0;
	font-size:16px;
	line-height:1em;
	color:#000;
	font-weight: bold;
	text-align:left;
}

.service-a06 {
	font-size:16px;
	line-height:1em;
	color:#ff0000;
///	font-weight: bold;
	text-align:left;
}
@media screen and (max-width:480px){
.service-a05 {
	font-size:13px;
}
.service-a06 {
	font-size:13px;
	line-height:1.5em;
}
}
.oil-p {
	width:100px;
}
.service-table {
	border-collapse: collapse;
}
.service-table-100 {
	width:100%;
}
.service-table-m1 {
	margin:0 20px 0 0;
}
.service-table td {
	padding:0 0 10px 0;
	vertical-align:top;
	text-align:left;
}
.service-table td.svtd01 {
	padding:10px 0 10px 0;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
}
.service-table td.svtd02 {
	width:200px;
	font-weight:bold;
}

@media screen and (max-width:480px){
.service-table td.svtd02 {
	width:100%;
}
.service-table td.svtd01 {
	display:block;
	margin:-1px 0 0 0;
	padding:10px 0 10px 0;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
}
}


/*-------------------------------*/

.shop-a01 {
	margin:40px 0;
	font-size:18px;
	line-height:1.7em;
	color:#000;
	font-weight: bold;
}
.shop-a02 {
	width:950px;
	line-height:0em;
	border:2px solid #000;
}
.shop-a03 {
	width:950px;
	margin:-2px 0 0 0;
	padding:55px 30px 55px 55px;
	line-height:1.0em;
	line-height:0em;
	border-top:2px solid #000;
	border-bottom:2px solid #000;
}
.shop-a03-1 {
	width:120px;
	text-align:left;
}
.shop-a03-2 {
	margin:5px 0 0 0;
	padding:1px 0px 0px 35px;
	font-size:20px;
	line-height:1.0em;
	font-weight: bold;
	border-left:2px solid #000;
}
.shop-a03-3 {
	font-size:20px;
	line-height:1.0em;
	font-weight: bold;
}
.shop-a03-4 {
	width:15px;
	height:15px;
	margin:6px 0 0 0;
	border-right:3px solid #000;
	border-bottom:3px solid #000;
	transform: rotate(-45deg);
}

.shop-a04 {
	display:inline-block;
	height:17px;
	margin:0 0 0 -2px;
	padding:0 20px 0 20px;
	line-height:1.0em;
	line-height:0em;
	border-left:2px solid #000;
	border-right:2px solid #000;
}
.shop-a04a {
	color:#fff;
	border-left:2px solid #fff;
	border-right:2px solid #fff;
}

.table-menu {
	border-collapse: collapse;
}

/*-------------------------------*/

.brand-a00 {
	width:1000px;
	padding:80px 0px 50px 0px;
	background-color:#f3f3f3;
}
.brand-a01 {
	width:900px;
}
.brand-a02 {
	position:relative;
	width:195px;
	margin:0 15px 30px 15px;
}
.brand-a03 {
	padding:10px;
	line-height:1.0em;
	background-color:#fff;
	border:3px solid #e8e8e8;
}
.brand-a03-1 {
	padding:0px;
	line-height:0em;
}

.brand-a02:hover {
	animation-fill-mode:both;
	animation-duration:0.5s;
	animation-name: Up01;
	visibility: visible !important;
}
.brand-a02:hover .brand-a03 {
	animation-fill-mode:both;
	animation-duration:0.5s;
	animation-name: Up02;
	visibility: visible !important;
}
@keyframes Up01{
  from{ top:0; }
  to{ top:-20px; }
}
@keyframes Up02{
  from{ border:3px solid #e8e8e8; }
  to{ border:3px solid #0131ab; }
}

/*-------------------------------*/

.r-bike-01 {
	width:925px;
}

.r-bike-mv {
	width:100%;
	height:600px;
//	border-top:2px solid #000;
//	border-bottom:2px solid #000;
//	background-color:#eee;
	background-color:#ccd6ee;
//	background-color:#0131ab;
//	background-image: url("../images/back-yoyaku.jpg");
	background-repeat: repeat-x;
	background-size: cover;
//	background-size: contain;
	background-position: right center;
}
@media screen and (max-width:480px){
.r-bike-mv {
	height:600px;
}
}

.r-bike-02 {
	width:340px;
	margin:-35px 0 0 0;
//	padding:20px 0 0 0;
}
.r-bike-02-2 {
	margin:-1px 0 0 0;
}

.r-bike-03 {
	font-size:14px;
	letter-spacing: 2px;
	line-height:2.4em;
	text-align:left;
}
.r-bike-04 {
	margin:10px 0 20px 0;
	font-size:31px;
	line-height:1.4em;
	color:#000;
	font-weight: bold;
	text-align:left;
}
@media screen and (max-width:480px){
.r-bike-03 {
	font-size:12px;
	letter-spacing: 1px;
	line-height:2.2em;
}
.r-bike-04 {
	margin:10px 0 10px 0;
	font-size:18px;
}
}

.r-bike-mov {
	width:640px;
	height:360px;
}
@media screen and (max-width:480px){
.r-bike-mov {
//	width:100%;
//	height:auto;
	width:335px;
	height:188px;

}
}

.r-bike-05 {
	width:100%;
//	width:1200px;
//	min-height:320px;
//	margin:0 0 0 0;
	padding:40px;

	position:relative;
//	position:absolute;
	z-index:0;
//	borttom:200px;
	right:0;

	background-color:#eee;
//	background-image: url(../images/0042.jpg);
	background-repeat:no-repeat;
	background-size:cover;
//	background-size:contain;
    background-position: center top -240px;
}
@media screen and (max-width:480px){
.r-bike-05 {
//	position:relative;
	position:static;
	padding:10px;
}

}


/*-------------------------------*/

.osirase-til {
	padding: 0 0 10px 2px;
	font-size:22px;
	font-weight: bold;
	line-height:1.0em;
	text-align:left;
}
.osirase-til-c {
	text-align:center;
}

.osirase-00 {
	width:100%;
	min-height:50px;
	margin:-1px 0 0 0;
	padding:10px 15px;
	text-align:left;
	background-color:#fff;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}
.osirase-01 {
	width:150px;
	text-align:left;
}
.osirase-01-1 {
	margin:2px 0 0 0;
	font-size:20px;
	line-height:1.0em;
}
.osirase-02 {
//	width:700px;
	margin:6px 0 0 0;
	padding:1px 0px 0px 25px;
	font-size:14px;
	text-align:left;
	line-height:1.5em;
	border-left:1px solid #000;
}
.osirase-02 a{
	font-size:14px;
	color:#0000ff;
}
@media screen and (max-width:480px){
.osirase-01 {
	width:100%;
}
.osirase-01-1 {
	margin:2px 0 0 0;
	font-size:20px;
	line-height:1.0em;
	text-align:left;
}
.osirase-02 {
	width:100%;
	padding:1px 0px 0px 0px;
	font-size:12px;
	line-height:1.5em;
	text-align:left;
	border-left:0px;
}
.osirase-02 a{
	font-size:12px;
}
}

/*-------------------------------*/

.guide-til {
	font-size:25px;
	line-height:1.0em;
	color:#fff;
	font-weight: bold;
}
@media screen and (max-width:480px){
.guide-til {
	font-size:18px;
	line-height:1.0em;
}
}

.guide-line {
	heigh:1px;
	border-top:1px solid #fff;
}
.guide-line2 {
	heigh:1px;
	border-top:1px solid #000;
}

.guide-01 {
	margin:0 0 40px 0;
	font-size:22px;
	line-height:1.8em;
	color:#fff;
}
@media screen and (max-width:480px){
.guide-01 {
	margin:0 0 20px 0;
	font-size:16px;
	line-height:1.6em;
}
}

.guide-02 {
	margin:10px 0 0 0;
	font-size:25px;
	line-height:1.0em;
	color:#fff;
	font-weight: bold;
}
.guide-03 {
	margin:0 0 10px 0;
	font-size:14px;
	line-height:1.0em;
	color:#fff;
}

.guide-04 {
	margin:10px 0 0 0;
	font-size:14px;
	line-height:1.5em;
	color:#fff;
}

.guide-05 {
	font-size:22px;
	line-height:1.8em;
	color:#fff;
}
.guide-06 {
	color:#fff;
	text-align:left;
}
.guide-07 {
	width:400px;
}
@media screen and (max-width:480px){
.guide-07 {
	width:100%;
}
}


.guide-08 {
	font-size:18px;
	line-height:1.5em;
	color:#fff;
}
.guide-08 b{
	font-size:18px;
	line-height:1.5em;
	font-weight: bold;
}
@media screen and (max-width:480px){
.guide-08 {
	font-size:14px;
}
.guide-08 b{
	font-size:14px;
}
}

.guide-09 {
	width:500px;
	text-align:left;
}
@media screen and (max-width:480px){
.guide-09 {
	width:100%;
	text-align:left;
}
}

.guide-10 {
	width:850px;
	padding:30px 20px 20px 20px;
	text-align:left;
	background-color:#ddd;
}
@media screen and (max-width:480px){
.guide-10 {
	width:100%;
	padding:10px 10px 10px 10px;
}
}

.guide-11 {
	width:850px;
	line-height:1.7em;
	text-align:left;
}
.guide-11-1 {
	margin:0 0 10px 0;
	font-size:22px;
	line-height:1.0em;
	font-weight: bold;
}
@media screen and (max-width:480px){
.guide-11 {
	width:100%;
	line-height:1.7em;
}
.guide-11-1 {
	margin:0 0 5px 0;
	font-size:16px;
	line-height:1.0em;
	font-weight: bold;
}
}

.guide-12 {
	width:870px;
//	border:1px solid #fff;
}
.guide-12-1 {
	width:350px;
	line-height:0em;
//	border:1px solid #fff;
}
.guide-12-2 {
	width:500px;
	padding:20px 0 0 0;
	line-height:0em;
//	border:1px solid #fff;
}
@media screen and (max-width:480px){
.guide-12 {
	width:100%;
}
.guide-12-1 {
	width:100%;
	line-height:0em;
}
.guide-12-2 {
	width:100%;
	padding:10px 0 0 0;
	line-height:0em;
//	border:1px solid #fff;
}
}

.guide-13 {
	display:inline-block;
//	width:940px;
	margin:30px 0 0 0;
	padding:30px;
	background-color:#fff;
	border:1px solid #fff;
}
.guide-13-1 {
	margin:0 0 15px 0;
	font-size:22px;
	line-height:1.0em;
	font-weight: bold;
}
.guide-13-2 {
	margin:0 0 25px 0;
	font-size:16px;
	line-height:1.7em;
}
.guide-13p {
	width:100%;
}
.guide-13-table {
	border-collapse: collapse;
}
.guide-13-td01 {
	width:250px;
	padding:0 10px;
}

@media screen and (max-width:480px){
.guide-13 {
	width:100%;
	padding:15px 5px 10px 5px;
}
.guide-13-1 {
	margin:0 0 10px 0;
	font-size:18px;
	line-height:1.0em;
	font-weight: bold;
}
.guide-13-2 {
	margin:0 0 15px 0;
	font-size:14px;
	line-height:1.7em;
}
.guide-13-td01 {
	width:50%;
	padding:0 5px;
}
}





/*-------------------------------*/

.sub-main {
	max-width:740px;
	padding:5px 20px 50px 20px;
	text-align:left;
}
.sub-main2 {
	max-width:700px;
	padding:5px 0px 50px 0px;
	text-align:left;
}
.sub-main3 {
	padding:0 20px 0 20px;
}
.sub-title {
	display:inline-block;
	font-size:40px;
//	border-bottom:1px solid #000;
}
.sub-title2 {
	display:inline-block;
//	margin:-2px 0 0 0;
	padding: 28px 0 0 5px;
	font-weight:bold;
}
.sub-line {
	height:1px;
	margin:-5px 0 30px 0;
	border-top:1px solid #000;
}

.sub-001 {
	margin:0 0 10px 0;
	font-size:32px;
	font-weight:bold;
}
.sub-002 {
	line-height:1.9em;
}
.sub-002a {
	font-size:15px;
	line-height:1.5em;
}
.sub-002a a {
	font-size:15px;
	line-height:1.5em;
}
.sub-003 {
	margin:20px 0;
	text-align:center;
}
.sub-004 {
	margin:0 0 20px 0;
	padding:1px 0 0 10px;
	font-size:21px;
	color:#0131ab;
	font-weight:bold;
	border-left:10px solid #0131ab;
	border-bottom:1px solid #000;
}
.sub-005 {
	margin:0 0 10px 0;
	padding:1px 0 0 25px;
	background-image: url("../images/vehicle-c.png");
	background-repeat: no-repeat;
	background-position: left center;
}
.sub-006 {
	font-size:12px;
}
.sub-007 {
	padding:8px 10px 5px 10px;
	color:#fff;
	font-weight:bold;
	background-color:#f00;
}
.sub-008 {
	padding:10px;
	font-size:14px;
	background-color:#f1f1f1;
}


.sub-table {
	border-collapse: collapse;
}
.sub-table-100 {
	width:100%;
}
.sub-table td {
	width:50%;
	vertical-align:top;
}
.sub-table td.sub001 {
	padding:0 10px 0 0;
}
.sub-table td.sub002 {
	padding:0 0 0 10px;
}

.sub-table2 {
	border-collapse: collapse;
	width:100%;
	margin:0 0 10px 0;
}
.sub-table2 th {
	width:140px;
	padding:15px 5px 10px 10px;
	font-size:14px;
	text-align:left;
	background-color:#efefef;
	border:1px solid #999;
}
.sub-table2 td {
	width:auto;
	padding:15px 5px 10px 10px;
	font-size:14px;
	text-align:center;
	border:1px solid #999;
}
.sub-table2 th.a001 {
	text-align:center;
}
.sub-table2 td.a002 {
	text-align:left;
}

.sub-table3 {
//	border-collapse: collapse;
	border-spacing:20px 20px;
	width:100%;
}
.sub-table3 td {
	width:33%;
	vertical-align:top;
}


span.supText {
	font-size: 75.5%;
	vertical-align: top;
	position: relative;
	top: -0.1em;
}

.sub-p01 {
	width:100%;
	max-width:490px;
}

/*-------------------------------*/

.c000 {
	color:#000;
}
.cfff {
	color:#fff;
}
.cblu {
	color:#0131ab;
}

/*-------------------------------------------------*/

.tel-box00 {
	min-width:1110px;
	max-width:1110px;
	margin:30px 0 0 0;
	text-align:right;
bor
}
.tel-box00a {
	max-width:1140px;
	padding:0 20px 0 0;
//border:1px solid #000;
}
.tel-box00b {
	max-width:1140px;
	margin:0px 0 0 0;
	padding:0 20px 0 0;
}
.tel-box00c {
	min-width:1140px;
	max-width:1140px;
	margin:-100px 0 0 0;
	padding:0 20px 0 0;
//	border:1px solid #000;
}
@media screen and (max-width:480px){
.tel-box00c {
	min-width:1px;
}
}


.tel-box01 {
	display:inline-block;
//	width:200px;
	padding:10px 15px 10px 15px;
	font-size:18px;
	color:#0131ab;
	font-weight: bold;
	text-align:center;
	line-height:1.5em;
	background-color:#e8f6f2;
	border:2px solid #0131ab;
	border-radius:10px;
}
.tel-box01a {
	background-color:#fff;
}
.tel-box01b {
	width:550px;
	height:160px;
	background-color:#fff;
}
.tel-box01-2 {
	font-size:16px;
	color:#0131ab;
	font-weight: bold;
}
.tel-box01-3 {
	font-size:18px;
	color:#000;
	font-weight: bold;
}
.tel-box01-4 {
	margin:5px 15px 0 0;
	font-size:24px;
	color:#0131ab;
	font-weight: bold;
}
.tel-box01-4a {
	margin:15px 0 0 0;
	font-size:50px;
	line-height: 1em;
}
.tel-box01-5 {
	margin:5px 15px 0 0;
	font-size:24px;
	color:#000;
	font-weight: bold;
}
.tel-box01-5a {
	margin:10px 0 0 0;
	font-size:57px;
	line-height: 1em;
}

@media screen and (max-width:480px){
.tel-box00 {
	min-width:1px;
	padding:0 10px;
}
.tel-box00a {
	padding:10px 10px 0px 10px;
}

.tel-box01c {
	display:block;
	width:100%;
	padding:15px 0px 5px 0px;
	font-size:18px;
	line-height:1.0em;
	background-color:#fff;
}

.tel-box01-2a {
	font-size:30px;
	color:#0131ab;
	font-weight: bold;
	line-height:1.0em;
}
.tel-box01-3a {
	margin:5px 0 0 0;
	font-size:35px;
	color:#000;
	font-weight: bold;
	line-height:1.0em;
}

.tel-box01-4 {
	margin:0;
	font-size:16px;
	color:#0131ab;
	font-weight: bold;
}
.tel-box01-5 {
	margin:0;
	font-size:18px;
	color:#000;
	font-weight: bold;
}
}

/*-------------------------------------------------*/

.pln-button {
//	width:1100px;
}
@media screen and (max-width:480px){
.pln-button {
	width:100%;
}
}

.pln-button input {
	display: none;
}
.pln-button label{
	display: block;
	float: left;
	cursor: pointer;
	transition: .2s;

	width:130px;
	height:35px;
	padding:7px 0 0 0;
	margin:0 0px 0 10px;
	font-weight: bold;
//	background-color:#fff;
//	border-top:1px solid #0131ab;
//	border-left:1px solid #0131ab;
//	border-right:1px solid #0131ab;
	background-color:#666;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}
.pln-button label:hover{
	background-color:#fff;
}
.pln-button input[type="radio"]:checked + .switch-on {
	color:#000;
	background-color:#fff;
}
.pln-button input[type="radio"]:checked + .switch-off {
	color:#000;
	background-color:#fff;
}


.pln-button2 {
	width:100%;
	margin:0 0 20px 0px;
	text-align:left;
}
@media screen and (max-width:480px){
.pln-button2 {
	margin:0 0 10px 0px;
}
}
.pln-button2 input {
	display: none;
}

.pln-button2 label{
	display: block;
	float: left;
	cursor: pointer;
	transition: .2s;

	width:120px;
	height:30px;
	padding:5px 0 0 0;
	margin:0 10px 0 0px;
	font-size:12px;
	font-weight: bold;
	text-align:center;
//	background-color:#fff;
//	border-top:1px solid #0131ab;
//	border-left:1px solid #0131ab;
//	border-right:1px solid #0131ab;
	background-color:#666;
	border:1px solid #fff;
}
.pln-button2 label:hover{
	background-color:#fff;
}
@media screen and (max-width:480px){
.pln-button2 label{
	width:85px;
	height:30px;
	padding:8px 0 0 0;
	margin:0 5px 0 0px;
	font-size:9px;
}
}

.pln-button2 input[type="radio"]:checked + .switch-on2 {
	color:#000;
	background-color:#fff;
}
.pln-button2 input[type="radio"]:checked + .switch-off2 {
	color:#000;
	background-color:#fff;
}


.pln-button3 {
	width:100%;
	margin:0 0 20px 0px;
	text-align:left;
}
@media screen and (max-width:480px){
.pln-button3 {
	margin:0 0 10px 0px;
}
}
.pln-button3 input {
	display: none;
}

.pln-button3 label{
	display: block;
	float: left;
	cursor: pointer;
	transition: .2s;

	width:120px;
	height:30px;
	padding:5px 0 0 0;
	margin:0 10px 0 0px;
	font-size:12px;
	font-weight: bold;
	text-align:center;
//	background-color:#fff;
//	border-top:1px solid #0131ab;
//	border-left:1px solid #0131ab;
//	border-right:1px solid #0131ab;
	background-color:#666;
	border:1px solid #fff;
}
.pln-button3 label:hover{
	background-color:#fff;
}
@media screen and (max-width:480px){
.pln-button3 label{
	width:85px;
	height:30px;
	padding:8px 0 0 0;
	margin:0 5px 0 0px;
	font-size:9px;
}
}
.pln-button3 input[type="radio"]:checked + .switch-on3 {
	color:#000;
	background-color:#fff;
}
.pln-button3 input[type="radio"]:checked + .switch-off3 {
	color:#000;
	background-color:#fff;
}

.pln-button4 {
	height:20px;
}



.content01-2 {
	padding: 20px 0px 40px 40px;
//	border:1px solid #0131ab;
	border:1px solid #fff;
}
.content01-2-1 {
	margin:25px 20px -25px 0 ;
//	padding:10px;
	font-size:13px;
	color:#fff;
	text-align:right;
//	text-align:center;
//	border:1px solid #fff;
}
.content01-2-1 b{
	font-size:13px;
	color:#fff;
	font-weight: bold;
}
.content01-2-1 b a{
	font-size:13px;
	color:#ffdf1e;
	font-weight: bold;
}
.content01-2-1 b a:hover{
	color:#ff0000;
}
@media screen and (max-width:480px){
.content01-2-1 {
	font-size:12px;
}
.content01-2-1 b{
	font-size:12px;
}
.content01-2-1 b a{
	font-size:12px;
}
}


.content01-2-2 {
	display:inline-block;
//	margin:5px 0 0 0;
	padding:8px 15px 5px 15px;
	font-size:14px;
	color:#000;
	font-weight: bold;
	text-align:right;
	background-color:#fff;
	border:1px solid #fff;
}
.content01-2-2:hover {
	color:#fff;
	background-color:#000;
}

/*-------------------------------------------------*/

.kingaku-table2 {
	border-collapse: collapse;
}
.kingaku-table100 {
	width:100%;
}
.kingaku-table50 {
	width:50%;
}
.kingaku-table500 {
	width:500px;
}
.kingaku-table2 td {
//	width:180px;
//	padding:12px 10px;
	font-size:13px;
	text-align:left;
	vertical-align:top;
//	background-color:#fff;
//	border:1px solid #555;
}
.kingaku-table2 td.kintd-t001 {
//	width:120px;
	width:13%;
	padding:12px 0px;
	background-color:#ccc;
	font-weight: bold;
}
.kingaku-table2 td.kintd-t002 {
	width:37%;
	text-align:left;
}
.kingaku-table2 td.kintd-t001a {
//	width:120px;
	width:13%;
	padding:12px 0px;
	background-color:#ccc;
	font-weight: bold;
	text-align:center;
	vertical-align:middle;
	border:1px solid #555;
}
.kingaku-table2 td.kintd-t002a {
	width:37%;
	padding:12px 10px;
	text-align:left;
	vertical-align:middle;
	border:1px solid #555;
}

.kingaku-table2 td.kintd-s001 {
	padding:0 20px 0 0;
	font-size:16px;
	text-align:left;
	vertical-align:middle;

}


.kingaku-table2 td a {
	font-size:13px;
}
.kingaku-table2 td b {
	font-size:13px;
}
@media screen and (max-width:480px){
.kingaku-table2 td {
//	padding:12px 10px;
	font-size:12px;
}
.kingaku-table2 td a {
	font-size:12px;
}
.kingaku-table2 td b {
	font-size:12px;
}
}

/*-------------------------------------------------*/

.dblock {
	display:block;
}
.dnone {
	display:none;
}

/*-------------------------------------------------*/

.byc-01 {
//	position:absolute;
	position:relative;
	z-index:2;
//	max-width:1100px;
//	height:500px;
	padding:15px 75px 0 75px;
}
.byc-02 {
	padding:2px 5px 5px 5px;
	font-size:11px;
	text-align:right;
}
.byc-02a {
	padding:5px 0px 0px 0px;
	font-size:11px;
	text-align:right;
}
.byc-table {
	border-collapse: collapse;
	max-width:1100px;
	width:100%;
}
.byc-table td {
	width:20%;
	padding:0px 5px;
	font-size:13px;
	text-align:center;
	vertical-align:middle;
	background-color:#fff;
//	border:1px solid #555;
}
@media screen and (max-width:480px){
.byc-01 {
//	position:absolute;
	position:relative;
	z-index:2;
	padding:10px 10px 0 10px;
}
.byc-02 {
	margin:-5px 0 0 0;
	padding:0px 0px 0px 0px;
	font-size:11px;
	text-align:right;
}
.byc-02a {
	padding:5px 0px 0px 0px;
	font-size:11px;
	text-align:right;
}
.byc-table td {
//	display:block;
//	width:100%;
//	padding:5px 0px;
	padding:0px 2px 0px 0px;
}
}

/*-------------------------------------------------*/


.bunner-title {
	width:1110px;
	margin:10px 0 20px 5px;
	font-size:20px;
	line-height:1.4em;
	color:#000;
	font-weight: bold;
	text-align:left;
	border-bottom:1px solid #000;
}
.bunner-titleA {
	color:#fff;
	border-bottom:1px solid #fff;
}
@media screen and (max-width:480px){
.bunner-title {
	width:100%;
	margin:10px 0 10px 0px;
	font-size:16px;
}
}

.bunner00 {
	width:1120px;
//	width:840px;
}
.bunner00a {
	width:1120px;
//	width:840px;
}
.bunner00b {
	width:560px;
}
.bunner00c {
	width:840px;
}

.bunner01 {
	width:270px;
	margin:0 5px;
}

@media screen and (max-width:480px){
.bunner00 {
	width:100%;
	padding:0 10px;
}
.bunner00a {
	width:100%;
	padding:0 10px;
}
.bunner00b {
	width:100%;
	padding:0 10px;
}
.bunner00c {
	width:100%;
	padding:0 10px;
}
.bunner01 {
	width:100%;
	margin:5px 0 0 0;
}
}

/*-------------------------------------------------*/

.tour-body {
//	background-color:#0232ab;
	background-color:#000;
}

.tour-top {
	position:relative;
	min-width:1200px;
	height:640px;
}
.tour-top0 {
	opacity:0;
	z-index:0;
	position:absolute;
	top:0;
	left:0;
	min-width:1200px;
	width:100%;
	height:640px;
	background-image: url(../images/tour-top.jpg);
	background-repeat: no-repeat;
	background-size: cover;
//	background-size: contain;
	background-position: center bottom;
}
@media screen and (max-width:480px){
.tour-top {
	position:relative;
	min-width:1px;
	width:100%;
	height:400px;
}
.tour-top0 {
	min-width:1px;
	width:100%;
	height:400px;
}
}

.tour-top-t {
	display:inline-block;
	margin:50px 0 0 0;
	font-size:115px;
	color:#000;
	line-height:1.0em;
	letter-spacing:1px;
//	transform: scale(1.0, 1.9);
//	transform: translateY(150px);
	text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff;
//	border:1px solid #000;
}
.tour-top-t2 {
	display:inline-block;
	font-size:115px;
	color:#0232ab;
	line-height:1.0em;
	letter-spacing:1px;
	text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff;
}
.tour-top-t3 {
	margin:5px 0 0 0;
	font-size:20px;
	font-weight: bold;
	letter-spacing:5px;
	text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff;

}


.tour-top-t-all01 {
	z-index:2;
	display:inline-block;
	position:relative;
	margin:50px auto 0 auto;
	padding:0 0px;
	overflow:hidden;
//	border:1px solid #000;
}

.tour-top-t-all01a {
	display:inline-block;
	overflow:hidden;
	padding:0 7px;
}
.tour-top-t-all01b {
	display:inline-block;
	overflow:hidden;
	padding:0 7px;
}
.tour-top-t-all01c {
	display:inline-block;
	overflow:hidden;
	padding:0 7px;
}
.tour-top-t-all01c2 {
	display:inline-block;
	overflow:hidden;
	padding:0 7px;
}
.tour-top-t-a {
	float:left;
	display:inline-block;
	font-size:115px;
	color:#000;
	line-height:1.0em;
	letter-spacing:1px;
//	transform: scale(1.0, 1.9);
//	transform: translateY(150px);
	text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff;
//	border:1px solid #000;
}
.tour-top-t-a2 {
	float:left;
	display:inline-block;
	font-size:115px;
	color:#0232ab;
	line-height:1.0em;
	letter-spacing:1px;
//	transform: scale(1.0, 1.9);
//	transform: translateY(150px);
	text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff;
//	border:1px solid #000;
}
.tour-top-t-a3 {
	float:left;
	display:inline-block;
	font-size:45px;
	color:#000;
	line-height:1.0em;
	letter-spacing:1px;
//	transform: scale(1.0, 1.9);
//	transform: translateY(150px);
	text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff;
//	border:1px solid #000;
}
.tour-top-t-a3b {
	display:inline-block;
	font-size:45px;
	color:#0232ab;
	line-height:1.0em;
	letter-spacing:1px;
//	transform: scale(1.0, 1.9);
//	transform: translateY(150px);
	text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff;
//	border:1px solid #000;
}
@media screen and (max-width:480px){
.tour-top-t-all01 {
	margin:30px auto 0 auto;
	padding:0 0px;
//	border:1px solid #000;
}
.tour-top-t-all01a {
	margin:-10px 0 0 0;
	padding:0 7px;
//	border:1px solid #000;
}
.tour-top-t-all01b {
	margin:50px 0 0 0;
	padding:0 7px;
//	border:1px solid #000;
}
.tour-top-t-all01c {
	margin:80px 0 0 0;
	padding:0 7px;
//	border:1px solid #000;
}
.tour-top-t-all01c2 {
	margin:-10px 0 0 0;
	padding:0 7px;
//	border:1px solid #000;
}
.tour-top-t-all01d {
	margin:90px 0 0 0;
	padding:0 7px;
//	border:1px solid #000;
}
.tour-top-t-a {
	font-size:75px;
}
.tour-top-t-a2 {
	font-size:75px;
}
}



.tour-top-t-b01 {
//	overflow:hidden;
	transform: translateY(100px);
}


/*---------------------------------------------*/

.tour-head {
	min-width:1200px;
	padding:10px 40px;
	border-bottom:1px solid #666;
}
.tour-head2 {
	max-width:1100px;
	margin:0 auto;
//	border:1px solid #666;
}

.tour-navi {
	padding:7px 47px 5px 47px;
	background-color: #333;
}
.tour-navi2 {
	max-width:1100px;
	margin:0 auto;
	font-size:13px;
	color:#fff;
	text-align:left;
//	border:1px solid #666;
}
.tour-navi2 a{
	font-size:13px;
	color:#fff;
	text-decoration:underline;
}
.tour-navi2 a:hover{
	color:#ff0;
}
@media screen and (max-width:480px){
.tour-head {
	min-width:1px;
	padding:10px 10px;
}
.tour-head2 {
	margin:0 auto;
//	border:1px solid #666;
}
.tour-navi {
	padding:7px 10px 5px 10px;
}
.tour-navi2{
	font-size:12px;
}
.tour-navi2 a{
	font-size:12px;
}
}


/*---------------------------------------------*/


.contena-tour-w {
	width:1180px;
//	padding:140px 80px 140px 80px;
	padding:0px 40px 0px 40px;
//	background-color:#fff;
}
@media screen and (max-width:480px){
.contena-tour-w {
	width:100%;
	padding:0px 10px 0px 10px;
}
}



.contena-tour01 {
	padding:0px 40px 0px 40px;
}

.contena-tour01-0 {
	width:1100px;
}

.contena-tour01-1 {
	width:500px;
	height:350px;
	background-color:#ddd;
	background-image: url(../images/tour-p01.jpg);
	background-repeat: no-repeat;
	background-size: cover;
//	background-size: contain;
	background-position: center center;
}
.contena-tour01-2 {
	width:600px;
	padding: 0 0 0 40px;
	color:#fff;
	text-align:left;
}
.contena-tour01-2a {
	font-size:15px;
}

.contena-tour01-3 {
	margin:0 0 15px 0;
	font-size:24px;
	color:#fff;
	font-weight: bold;
	line-height:1.2em;
}
@media screen and (max-width:480px){
.contena-tour01 {
	padding:0px 10px 0px 10px;
}

.contena-tour01-0 {
	width:100%;
}

.contena-tour01-1 {
	width:100%;
	height:250px;
}
.contena-tour01-2 {
	width:100%;
	padding: 10px 0 0 0;
}
.contena-tour01-2a {
	font-size:12px;
}
.contena-tour01-3 {
	margin:0 0 15px 0;
	font-size:16px;
	color:#fff;
	font-weight: bold;
	line-height:1.2em;
}
}




.contena-tour02 {
	padding:0px 40px 0px 40px;
}
.contena-tour02a {
	opacity:0;
	position:absolute;
	bottom:40px;
	left:0;
	right:0;
	margin:0 auto;
}

.contena-tour02-0 {
	width:1100px;
}
.contena-tour02-1 {
	position:relative;
	width:535px;
	height:140px;
//	padding:15px;
	background-color:#aaa;
	background-repeat: no-repeat;
	background-size: cover;
//	background-size: contain;
	background-position: center center;
}
.contena-tour02-1a {
	background-image: url(../images/tour-a01.jpg);
}
.contena-tour02-1b {
	background-image: url(../images/tour-a02.jpg);
}

.contena-tour02-2 {
	position:absolute;
	right:15px;
	bottom:2px;
	font-size:50px;
	color:#000;
//	color:#0232ab;
	text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff;
}
.contena-tour02-2-1 {
	position:absolute;
	right:15px;
	bottom:57px;
	font-size:13px;
	color:#000;
//	color:#0232ab;
	font-weight: bold;
	text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff;
}

@media screen and (max-width:480px){
.contena-tour02 {
	padding:0px 10px 0px 10px;
}
.contena-tour02a {
	opacity:0;
	position:relative;
	bottom:0px;
	left:0;
	right:0;
	margin:0 auto;
}
.contena-tour02-0 {
	width:100%;
}
.contena-tour02-1 {
	position:relative;
	width:100%;
	height:100px;
	margin:0 0 10px 0;
}
.contena-tour02-2 {
	position:absolute;
	right:10px;
	bottom:1px;
	font-size:40px;


}
.contena-tour02-2-1 {
	position:absolute;
	right:10px;
	bottom:47px;
	font-size:10px;
}
}

.contena-tour03 {
	min-width:1200px;
	padding:0px 40px 0px 40px;
	background-image: url(../images/tour-back01.png);
}
.contena-tour03-0 {
	min-width:1200px;
	padding:0px 40px 0px 40px;
}
@media screen and (max-width:480px){
.contena-tour03 {
	min-width:1px;
	padding:0px 10px 0px 10px;
}
.contena-tour03-0 {
	min-width:1px;
	padding:0px 10px 0px 10px;
}
}


.contena-tour03-1 {
	max-width:1100px;
	text-align:left;
}

.contena-tour03-2 {
	background-color:#464646;
}
.contena-tour03-3 {
	display:inline-block;
//	margin:0 10px 0 0;
	padding:10px 15px 5px 15px;
	background-color:#222;
}
.contena-tour03-4 {
	display:inline-block;
//	margin: 5px 5px 0 5px;
	padding: 5px 2px 0 2px;
//	width:42px;
	height:42px;
	color:#fff;
//	border:1px solid #fff;
}
.contena-tour03-4a {
	display:inline-block;
	color:#fff;
	transform:rotate(-90deg);
}
@media screen and (max-width:480px){
.contena-tour03-4 {
	display:inline-block;
//	margin: 5px 5px 0 5px;
	padding: 1px 0px 1px 20px;
	height:auto;
}
.contena-tour03-4a {
	transform:rotate(0deg);
}
}


.contena-tour03-5 {
	display:inline-block;
//	margin: 5px 5px 0 5px;
//	width:42px;
	color:#fff;
//	border:1px solid #fff;
}


.contena-tour03-t0 {
	font-size:32px;
	color:#fff;
	font-weight:bold;
	text-align:center;
}
.contena-tour03-t1 {
	padding:15px 0 10px 0;
	font-size:24px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	line-height:1.0em;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
}
.contena-tour03-t2 {
	display:inline-block;
	width:150px;
	padding:10px 15px 8px 15px;
	font-size:18px;
	color:#000;
	font-weight:bold;
	text-align:center;
	line-height:1.0em;
	background-color:#fff;
	border-radius:10px;
}
@media screen and (max-width:480px){
.contena-tour03-t0 {
	font-size:18px;
}
.contena-tour03-t1 {
	padding:12px 0 10px 0;
	font-size:14px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}

}


.contena-tour-btn01 {
	width:400px;
	height:60px;
	color:#fff;
//	font-weight: bold;
	background-color: #555;
	border:1px solid #555;
	border-radius:5px;
	cursor: pointer;
}
.contena-tour-btn01:hover {
	color:#000;
	background-color:#fff;
}
@media screen and (max-width:480px){
.contena-tour-btn00 {
	padding:0 6px 0 0;
}
.contena-tour-btn01 {
	width:100%;
	height:50px;
}
}

.contena-tour-bunner01 {
	display:inline-block;
	width:350px;
}
.rentacar-p {
	width:100%;
	border:1px solid #fff;
}
@media screen and (max-width:480px){
.contena-tour-bunner01 {
	width:100%;
	padding:0 10px;
}
}


.shikoku-p {
	opacity:0;
	z-index:0;
	position:absolute;
	top:10px;
	left:0;
	right:650px;
	margin:0 auto;
}
@media screen and (max-width:480px){
.shikoku-p {
	left:0;
	right:0px;
}
}




md {
	display:block;
	position: relative;
	width:250px;
	padding: 0 20px;
	text-align: center;
}
md:before {
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
	width: 100%;
	height: 1px;
	content: '';
	background: #fff;
}
md span {
	position: relative;
	padding: 0 20px;
	font-size:20px;
//	font-weight: bold;
	letter-spacing:4px;
}


md {
	position: relative;
	display: inline-block;
	width:100%;
	font-size:20px;
	font-weight: bold;
	text-align: center;
	text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff;
}


mc {
	position: relative;
	display: inline-block;
	padding: 0 455px;
	font-size:20px;
	font-weight: bold;
	text-align: center;
	text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff;
}
mc:before,
mc:after {
  position: absolute;
  top: calc(50% - 1px);
  width: 420px;
  height: 1px;
  content: '';
  border-top: solid 1px #fff;
}
mc:before {
  left: 0;
}
mc:after {
  right: 0;
}
@media screen and (max-width:480px){
mc {
	position: relative;
	display: inline-block;
	width:100%;
	padding: 0 10px;
	font-size:18px;
}
mc:before,
mc:after {
  position: absolute;
  top: calc(50% - 1px);
  width: 70px;
}
}

/*-------------------------------------------------*/

.rental-body {
	min-width:1200px;
	position:relative;
	background-color:#0232ab;
//	background-color:#000;
}
@media screen and (max-width:480px){
.rental-body {
	min-width:1px;
}
}

.rental-top {
	position:relative;
	min-width:1200px;
	height:450px;
}
.rental-top0 {
	opacity:0;
	z-index:0;
	position:absolute;
	top:0;
	left:0;
	min-width:1200px;
	width:100%;
	height:450px;
	background-image: url(../images/rental-top.jpg);
	background-repeat: no-repeat;
	background-size: cover;
//	background-size: contain;
	background-position: center top -50px;
}
@media screen and (max-width:480px){
.rental-top {
	position:relative;
	min-width:1px;
	width:100%;
	height:400px;
}
.rental-top0 {
	min-width:1px;
	width:100%;
	height:400px;
	background-position: center top 0px;
}
}

.bike-ip {
	opacity:0;
	z-index:0;
	position:absolute;
	top:30px;
	left:650px;
	right:0;
	width:250px;
	margin:0 auto;
	transform: scale(-1, 1);
}
@media screen and (max-width:480px){
.bike-ip {
	top:5px;
	left:0;
	right:0px;
	width:150px;
}
}

/*-------------------------------------------------*/

.shop-body {
	min-width:1100px;
//	background-color:#0232ab;
	background-color:#c8eaf4;
}


.shop-top {
	position:relative;
	min-width:1200px;
	height:640px;
}
.shop-top0 {
	opacity:0;
	z-index:0;
	position:absolute;
	top:0;
	left:0;
	min-width:1200px;
	width:100%;
	height:640px;
	background-image: url(../images/shop-top.jpg);
	background-repeat: no-repeat;
	background-size: cover;
//	background-size: contain;
	background-position: center top;
}
@media screen and (max-width:480px){
.shop-body {
	min-width:1px;
}
.shop-top {
	position:relative;
	min-width:1px;
	width:100%;
	height:400px;
}
.shop-top0 {
	min-width:1px;
	width:100%;
	height:400px;
}
}

.shop-ip {
	opacity:0;
	z-index:0;
	position:absolute;
	top:30px;
	left:0;
	right:800px;
	width:180px;
	margin:0 auto;
//	transform: scale(-1, 1);
}
@media screen and (max-width:480px){
.shop-ip {
	top:5px;
	left:0;
	right:0px;
	width:100px;
}
}


/*-------------------------------------------------*/


.color-w {
	color:#fff;
}

.color-r {
	color:#ff0000;
}


/*-----------------------------------------------------------------
	-smart-
-----------------------------------------------------------------*/
@media screen and (max-width:480px){

#wrapper{
	display:none;
}
#smart_wrapper{
	display:block;
}
#footer{
	display:none;
}
/*以下は画像などの表示制御クラス*/
.pc_img_class{
	display:none;
}
.smart_img_class{
	display:inline;
}

.clear-p {
	clear:none;
}
.clear-s {
	clear:both;
}

.left {
	float:none;
}
.right {
	float:none;
}

.left-s {
	float:left;
}
.right-s {
	float:right;
}

*{
	font-size:13px;
}

html,body {
	min-width:1px;
}

.h100 {
	height:auto;
}

.link-a {
	margin-top:-60px;
	padding-top:60px;
}

.go_top {
	width:70px;
}

/*-------------------------------------------------*/


/*----------------------------------------
	スライダー2
----------------------------------------*/

.slider2 {
	width:100%;
	height:300px;
}

.gallery-cell2 {
	display:block;
	width:200px;
	height:500px;
	margin:0 50px 0 0;
}
.gallery-cell2-1 {
	position:relative;
	width:200px;
	height:200px;
}

.service-01:before {
	width:200px;
	height:200px;
}
.info-01:before {
	width:200px;
	height:200px;
}

/* position outside */
.flickity-prev-next-button.previous {
	display:none;
}
.flickity-prev-next-button.next {
	display:none;
}

/*----------------------------------------
	スライダー3
----------------------------------------*/

.slider3 {
//	padding:0 10px;
}

.gallery-cell3 {
	display:block;
//	width:460px;
//	height:280px;
	width:180px;
	height:auto;
//	margin:0 10px;
	padding:0 0 0 10px;
//	border:1px solid #000;
}
.gallery-cell3-1 {
	position:relative;
	width:180px;
	height:180px;
//	border:1px solid #000;
}
.gallery-cell3-1:before {
	content:"";
	z-index:1;
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:180px;
	height:180px;
	background-color:#000;
	border:1px solid #000;
	transform:scale(0,1);
}
.gallery-cell3-2 {
	padding:0 20px;
}

.top-sld-01-3 {
	font-size:46px;
}
.top-sld-02-3 {
	margin:-10px 0 0 0;
	font-size:14px;
}

.top-sld-02a {
	margin:9px 0 0 0;
	font-size:13px;
	font-weight: bold;
	text-align:left;
}


.top-sld-05 {
	margin:5px 0 0 0;
	font-size:13px;
	line-height:1.2em;
}

/*----------------------------------------
	スライダー4
----------------------------------------*/

.slider4 {
	width:100%;
	height:300px;
}

.gallery-cell4 {
	display:block;
	width:200px;
//	height:500px;
	margin:0 20px 0 0;
}
.gallery-cell4-1 {
	position:relative;
	width:200px;
	height:150px;
}


/* position outside */
.flickity-prev-next-button.previous {
	display:none;
}
.flickity-prev-next-button.next {
	display:none;
}

/*----------------------------------------
	スライダー7
----------------------------------------*/

.slider7 {
	position:relative;
	box-sizing:border-box;
	width:100%;
	background-size:cover;
//	border:1px solid #fff;
}

.gallery7 {
	width:100%;
}

.gallery-cell7 {
	width:80%;
}
.gallery-cell7-h {
	height:auto;
}
.gallery-cell7-1 {
	position:relative;
	width:100%;
	height:200px;
//	border:1px solid #000;
}


.gallery-t7 {
	margin:15px 0 0 0;
	font-size:14px;
}
.gallery-t7-2 {
	margin:10px 0 0 0;
	font-size:12px;
}

/* smaller, dark, rounded square */
.slider7 div.flickity-prev-next-button {
	width: 95px;
	height: 95px;
	border-radius:0px;
}
.slider7 div.flickity-prev-next-button:hover {
	background-color: #000;
}
/* arrow color */
.slider7 div.flickity-prev-next-button .arrow {
//	display:none;
//	fill: white;
//	font-size:10px;
}
.slider7 div.flickity-prev-next-button.no-svg {
	color: white;
}
/* position outside */
.slider7 .flickity-prev-next-button.previous {
	top:50px;
	left:0px;
	right:auto;
}
.slider7 .flickity-prev-next-button.next {
	top:50px;
	left:auto;
	right:0px;
}


/*-------------------------------------------------*/

.font-acumin1 {
	margin:0 0 100px 0;
	font-size:92px;
	line-height:1.0em;
	letter-spacing:1px;
	transform   : scale(1.0, 1.9);
	text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff;
}
.font-acumin2 {
	height:70px;
	margin:0px 0 0 0;
	padding:10px 0 10px 0;
	font-size:55px;
	line-height:1.0em;
	letter-spacing:1px;
	transform: scale(1.0, 1.9);
	text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff;
//	border:1px solid #000;
}
.font-acumin3 {
	font-size:38px;
}

.font-acumin4 {
	height:160px;
	margin:30px 0 0 0;
	font-size:92px;
	line-height:1.0em;
	letter-spacing:1px;
	transform: scale(1.0, 1.9);
	text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff;
//	border:1px solid #000;
}
.font-acumin4-2 {
//	height:140px;
	font-size:70px;
//	border:1px solid #000;
}



.font-acumin6 {
	display:inline-block;
//	height:160px;
	margin:-3px 0 0 0;
	padding:0 1px;
	font-size:17px;
	line-height:1.0em;
	letter-spacing:1px;
}

.text-a-01, .text-a-02, .text-a-03, .text-a-04, .text-a-05, .text-a-06, .text-a-07 {
	transform: translateY(255px);
}

/*-------------------------------------------------*/

.tops {
	position:absolute;
	top:0;
	left:0;
	min-width:1px;
	width:100%;
	height:120px;
}

.top {
	position:relative;
	width:100%;
	padding:10px 10px 10px 0px;

}
.top-00 {
	position:relative;
	padding:0 15px;
//	border:1px solid #000;
	opacity: 0;
	transform: translateY(40px);
}


.title-p {
	width:240px;
}

.contena-01 {
//	position:absolute;
	position:relative;
	z-index:2;
	padding:0 10px;
}
.contena-01-mp1 {
	padding:0px 10px 20px 10px;
}

.contena-01a1000 {
	width:100%;
}

.bottom {
	min-width:1px;
	padding:40px 10px 20px 10px;
}

.bottom-02 {
	margin:20px 0 0 0;
	font-size:13px;
	line-height:1em;
	color:#b3b3b3;
	font-weight: bold;
	text-align:center;
}
.bottom-03 {

	margin:20px auto 0 auto;

}
.bottom-f02 {
	margin:10px 0 0 0;
	font-size:15px;
	color:#b3b3b3;
	font-weight: bold;
}
.bottom-f02-1 {
	margin:0 0 20px 0;
	font-size:18px;
	color:#b3b3b3;
	font-weight: bold;
}

.bottom-0 {
	width:100%;
//	border:1px solid #fff;
}
.bottom-0t {
	padding:0 5px 0 6px;
}
.bottom-l {
	width:250px;
	margin:0 0 10px 0;
	padding:0 0 0 0;
}

.link-banner {
	margin:0 0px 5px 0;
}

.link-banner-00 {
	margin:0px 0 0 0px;
}
.link-banner-01 {
	height:20px;
}
.link-banner-03 {
}
.link-banner-04-1 {
	width:50%;
	margin:0 0px 0px 0;
	padding:0 5px 0 5px;
}
.link-banner-04-2 {
	width:50%;
	margin:0 0px 0 0px;
	padding:0 5px 0 5px;
}





/*-------------------------------------------------*/

.table-w950 {
	width:100%;
//	border:1px solid #000;
}

.table-m td {
	display:block;
}

.table-m td.tdm-a01 {
	padding:0 20px;
	padding:0 0 0 0px;
	text-align:leeft;
	vertical-align:top;
	text-align:left;
//	border:1px solid #000;
}
.table-m td.tdm-a01a {
//	width:500px;
	height:auto;
	background-color:#ccc;
}
.table-m td.tdm-a02 {
	padding:0 0 0 0px;
	text-align:left;
	vertical-align:top;
}

.table-m td.tdm-a00-2 {
	vertical-align:top;
//	width:50%;
	padding:0 0 0 0px;
//border:1px solid #000;
}
.table-m td.tdm-bottom01 {
	width:100%;
	text-align:center;
	vertical-align:top;
//	border:1px solid #fff;
}
.table-m td.tdm-map-01 {
	width:100%;
	padding:0 0px 0 0px;
	vertical-align:top;
}

.table-m td.tdm-b01 {
	width:50%;
	padding:10px 10px 10px 10px;
	text-align:center;
	vertical-align:top;
//	border:1px solid #ff0000;
}


.table-m100s {
	width:100%;
}

.table-m td.tdgd-01 {
	width:100%;
	margin:-1px 0 0 0;
	padding:20px 0 20px 0;
	vertical-align:top;
	text-align:center;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}



/*-------------------------------------------------*/

.text-b-a {
	margin:0px 0 0 0;
	top:0px;
}
.text-b-aa1 {
	margin:0px 0 0 0;
	top:-60px;
}
.text-b0 {
	height:110px;
//	margin:-20px 0 5px 0 ;
	margin:0px 0 5px 0 ;
	padding:0 10px;
	overflow:hidden;
//	border:1px solid #000;
//	background-color:#ccc;
}
.text-b0-si {
	height:100px;
}
.text-b0-m10 {
	margin:0 0 0 -10px ;
}

.text-b-10 {
	height:100px;
	border:1px solid #000;
}
.text-b4 {
	height:114px;
	margin:-20px 0 5px 0px ;
	padding:0 0px;
	overflow:hidden;
//	border:1px solid #000;
//	background-color:#ccc;
}


/*-------------------------------------------------*/

.contena-main {
	min-width:1px;
}

.contena-00 {
	position:relative;
	padding:13px 0 0 0px;
//	border-top:6px solid #000;
//	border-border:6px solid #000;
	border-left:6px solid #000;
}

.contena-01b {
	padding:20px 0px 20px 0px;
}
.contena-01b2 {
	padding:30px 10px 30px 10px;
}
.contena-01bb1 {
	margin:-50px 0 0 0;
}


.contena-02 {
	position:absolute;
	position:relative;
	z-index:2;
	padding:0 10px 0 10px;
//	border:1px solid #000;
}

.contena-02-1 {
	position:relative;
	z-index:1;
	height:450px;
	margin:0 -10px 0 0px;
	padding:0 0 0 20px;
//	border:1px solid #000;
}
.contena-02-1a {
	height:500px;
}
.contena-02-1-h {
	height:auto;
}


.shop-01{
//	width:736px;
//	height:450px;
}
.shop-02 {
	width:100%;
	height:450px;
	margin:20px 0 0 0;
	text-align:center;
}
.fb-container{
	float:none;
	width:100%;
}

.back-b {
	position:relative;
//	width:93%;
	width:85%;
	height:120px;
//	margin:0 0 0 110px;
	margin:-50px 0 0 0;
//	background-color:#000;
	width:1px;
}

.back-bmm {
	width:100%;
	height:auto;
	margin:0 0 0 0;
//	border:1px solid #000;
}

.back-b-1 {
	width:100%;
	height:200px;
	position:relative;
	z-index:0;
//	borttom:200px;
	right:0;

	background-image: url(../images/8407.jpg);
	background-repeat:no-repeat;
	background-size:cover;
//	background-size:contain;
    background-position: center bottom;

}

.back-b-2 {
	width:100%;
	height:150px;
	margin:0 0 0 0;
	position:relative;
//	position:absolute;
	z-index:0;
//	borttom:200px;
	right:0;
	background-image: url(../images/0042s.jpg);
	background-repeat:no-repeat;
	background-size:cover;
//	background-size:contain;
    background-position: center bottom -10px;
}

.back-b-3 {
	width:100%;
//	width:1200px;
	height:150px;
	margin:0 0 0 0;
	position:relative;
//	position:absolute;
	z-index:0;
//	borttom:200px;
	right:0;
	background-image: url(../images/0407s.jpg);
	background-repeat:no-repeat;
	background-size:cover;
//	background-size:contain;
    background-position: center bottom 0px;
}

.top-sld-01 {
	margin:0 0 5px 0;
	font-size:28px;
}
.top-sld-03 {
	margin:5px 0 0 0;
	font-size:12px;
	letter-spacing: 2px;
	line-height:2.1em;
	text-align:left;
}
.top-sld-03a {
	margin:5px 0 0 0;
	font-size:12px;
	letter-spacing: 2px;
	line-height:1.5em;
	text-align:left;
}

.top-sld-04 {
	margin:10px 0 0 0;
	font-size:16px;
}

.btn {
	position: relative;
	width:150px;
	margin:10px 0 0 0;
	padding: 0 0px;
	text-align:right;
}

.text-ta {
	display:inline-block;
	position:absolute;
	top:200px;
	left:4px;
	text-align:left;
	line-height:0.8em;
	opacity:0;
//	border-bottom:5px solid #000;
}
.text-ta-p {
	width:30px;
}

.top-a-02 {
	position:absolute;
	bottom:5px;
	left:20px;
//	margin:0 0 20px 0;
	font-size:22px;
}
.top-a-02-2 {
	position:absolute;
	bottom:5px;
	right:20px;
//	margin:0 0 20px 0;
	font-size:22px;
}
.top-a-02-pic {
	position:relative;
	height:200px;
	margin:20px 0 20px 0;
//	background-image: url(../images/7872.jpg);
	background-repeat:no-repeat;
	background-size:cover;
//	background-size:contain;
    background-position: center bottom -40px;
}
.top-a-03 {
	font-size:12px;
	letter-spacing: 2px;
	line-height:2.0em;
	text-align:left;
}

/*-------------------------------*/
.service-a00 {
	padding:20px;
}

.service-a01 {
	width:100%;
}





/*-------------------------------*/

.shop-a00 {
	padding:20px;
}

.shop-a01 {
	margin:20px 0;
	font-size:14px;
	line-height:1.7em;
	color:#000;
	font-weight: bold;
}
.shop-a02 {
	width:100%;
	line-height:0em;
	border:2px solid #000;
}
.shop-a03 {
	width:100%;
	margin:-2px 0 0 0;
	padding:25px 15px 25px 15px;
	line-height:1.0em;
	line-height:0em;
	border-top:2px solid #000;
	border-bottom:2px solid #000;
}
.shop-a03-1 {
	width:120px;
	text-align:left;
}
.shop-a03-2 {
	margin:5px 0 0 0;
	padding:0px 0px 0px 0;
	font-size:15px;
	line-height:1.0em;
	font-weight: bold;
	border-left:0px solid #000;
}
.shop-a03-3 {
	font-size:20px;
	line-height:1.0em;
	font-weight: bold;
}
.shop-a03-4 {
	width:10px;
	height:10px;
	margin:6px 0 0 0;
	border-right:2px solid #000;
	border-bottom:2px solid #000;
	transform: rotate(-45deg);
}

.shop-a04 {
	display:inline-block;
	height:14px;
	margin:0 0 0 -1px;
	padding:0 12px 0 12px;
	line-height:1.0em;
	line-height:0em;
	border-left:1px solid #000;
	border-right:1px solid #000;
}
.shop-a04a {
	color:#fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}

/*-------------------------------------------------*/

.sub-main {
	padding:5px 10px 20px 10px;
	text-align:left;
}
.sub-main2 {
	padding:5px 0px 20px 0px;
	text-align:left;
}
.sub-main3 {
	padding:0 10px 0 10px;
}

.sub-001 {
	margin:0 0 10px 0;
	font-size:21px;
	font-weight:bold;
}
.sub-002a {
	font-size:12px;
	line-height:1.5em;
}
.sub-002a a {
	font-size:12px;
}

.sub-003 {
	margin:10px 0;
	text-align:center;
}

.sub-004 {
	margin:0 0 10px 0;
	padding:1px 0 0 10px;
	font-size:16px;
	border-left:6px solid #0131ab;
	border-bottom:1px solid #000;
}
.sub-008 {
	font-size:12px;
}


.sub-table td {
	display:block;
	width:100%;
}
.sub-table td.sub001 {
	padding:0 0 0 0;
}
.sub-table td.sub002 {
	padding:0 0 0 0;
}

.sub-table2a {
	margin:-1px 0 0 0;
}
.sub-table2 th {
	display:table-cell;
	width:130px;
	padding:10px 5px 10px 5px;
	font-size:12px;
	text-align:left;
	background-color:#efefef;
	border:1px solid #999;
}
.sub-table2 td {
	display:table-cell;
	width:auto;
	padding:10px 5px 10px 5px;
	font-size:12px;
	text-align:center;
	border:1px solid #999;
}

.sub-table3 {
//	border-collapse: collapse;
	border-spacing:10px 10px;
	width:100%;
}
.sub-table3 td {
	display:block;
	width:100%;
	margin:0 0 20px 0;
}

.sub-sp01 {
	height:20px;
}


.mp100 {
	width: 100%;
	height: auto;
}

.mt02p {
	width:100%;
}

/*-------------------------------------------------*/

.c000 {
	color:#000;
}
.cfff {
	color:#fff;
}
.cblu {
	color:#0131ab;
}

/*-------------------------------------------------*/

.content01-2 {
	padding: 10px 0px 40px 10px;
}

.pln-button label{
	display: block;
	float: left;
	width:57px;
	height:34px;
	padding:12px 0 0 0;
	margin:0 0px 0 5px;
	font-size:8px;
	letter-spacing:0px;
}

.font-white {
	color:#fff;
}

/*-------------------------------------------------*/

.color-w {
	color:#fff;
}

/*-------------------------------------------------*/
}