@charset "UTF-8";

/* -----------------------------------------------------------
CSS Information

File name:      top.css
Created:        2016-06-06
Style Info:     スイスLP TOP page　CSS
----------------------------------------------------------- */
#switz.main .label {width:1140px; height:1px; position:relative; margin:0 auto;}
#switz.main .label img {position:absolute; top:-439px; left:0; z-index:9999;}

#switz.main .bl_01   {margin-bottom:30px;}
#switz.main .bl_01 p {width:560px;}

#switz.main .bl_01 ul {width:694px;}
#switz.main .bl_01 ul li {float: left; display:inline; margin:0 13px 14px 0; width:334px; height:100px; padding:20px 15px 0 75px;}

#switz.main .bl_01 ul li.spring {background:url(../img/top/bl_01_spring.png);}
#switz.main .bl_01 ul li.summer {background:url(../img/top/bl_01_summer.png);}
#switz.main .bl_01 ul li.autum {background:url(../img/top/bl_01_autum.png);}
#switz.main .bl_01 ul li.winter {background:url(../img/top/bl_01_winter.png);}

#switz.main .bl_01 dl    {width:430px;}
#switz.main .bl_01 dl dt {margin-bottom:20px;}


#switz.main .bl_02 {text-align:center; margin-bottom:60px;}
#switz.main .bl_02 .map {background:#f8f8f8; width:100%;}
#switz.main .bl_02 .map_inner {width:1140px; height:642px; position:relative; margin:0 auto; text-align:left;}
#switz.main .bl_02 .map_inner p {font-size:12px; line-height:160%; margin-bottom:10px; padding:0 10px;}

#switz.main .bl_02 .map_img ,
#switz.main .bl_02 .root_01 ,
#switz.main .bl_02 .root_02 ,
#switz.main .bl_02 .root_03 ,
#switz.main .bl_02 .root_04 ,
#switz.main .bl_02 .btn_01 ,
#switz.main .bl_02 .btn_02 ,
#switz.main .bl_02 .btn_03 ,
#switz.main .bl_02 .btn_04 ,
#switz.main .bl_02 .btn_05 ,
#switz.main .bl_02 .btn_06 ,
#switz.main .bl_02 .text_02 {position:absolute;}


#switz.main .bl_02 .map_img  {top:0; left:0;}
#switz.main .bl_02 .root_01  {top:60px; left:5px; width:310px;}
#switz.main .bl_02 .root_02  {top:60px; left:824px; width:310px;}
#switz.main .bl_02 .root_03  {top:505px; left:542px; width:263px;}
#switz.main .bl_02 .root_04  {top:240px; left:5px; width:278px;}
#switz.main .bl_02 .btn_01   {top:206px; left:780px;}
#switz.main .bl_02 .btn_02   {top:505px; left:44px;}
#switz.main .bl_02 .btn_03   {top:412px; left:112px;}
#switz.main .bl_02 .btn_04   {top:230px; left:424px;}
#switz.main .bl_02 .btn_05   {top:156px; left:453px;}
#switz.main .bl_02 .btn_06   {top:185px; left:580px;}
#switz.main .bl_02 .text_02  {top:462px; left:877px;}


#switz.main .bl_03 .plus_red {background:#ec1c24 url(../img/top/icon_plus.png) no-repeat 25px 25px; border-radius:10px; height:77px; width:100%; font-size:30px; font-weight:bold; color:#fff; padding-left:80px; line-height:77px; margin-bottom:30px;}

#switz.main .bl_03 h4 {font-size:24px; font-weight:bold; margin-bottom:20px;}
#switz.main .bl_03 .box {margin-bottom:40px;}
#switz.main .bl_03 .text_01 {margin-bottom:10px;}
#switz.main .bl_03_01 .text_02 dt {font-size:14px; font-weight:bold; margin-bottom:20px;}

#switz.main .bl_03 .btn_area    {margin-bottom:40px;}
#switz.main .bl_03 .btn_area dt {float:left;}
#switz.main .bl_03 .btn_area dd {float:right; margin-bottom:10px;}


#switz.main .bl_03_01 .fr {width: 598px;}
#switz.main .bl_03_01 .fr h4 ,
#switz.main .bl_03_01 .fr p {margin-right:20px;}
#switz.main .bl_03_01 .text_02 {background:url(../img/top/bl_03_01_bg.png) no-repeat; width:598px; height:244px; padding:95px 0 0 255px;}


#switz.main .bl_03_02 .fl {width: 564px;}
#switz.main .bl_03_02 .fl h4 ,
#switz.main .bl_03_02 .fl p {margin-left:20px;}
#switz.main .bl_03_02 .text_02 {background:url(../img/top/bl_03_02_bg.png) no-repeat; width:564px; height:236px; padding:85px 0 0 284px;}


#switz.main .bl_03_03 .fr {width: 598px;}
#switz.main .bl_03_03 p {background:url(../img/top/bl_03_03_bg_01.png) no-repeat right; padding-right:115px;}
#switz.main .bl_03_03 .text_02 {background:url(../img/top/bl_03_03_bg_02.png) no-repeat; width:615px; height:238px; padding:76px 0 0 282px;}


#switz.main .bl_03_04 .fl {width: 564px;}
#switz.main .bl_03_04 .fl h4 ,
#switz.main .bl_03_04 .fl p {margin-left:20px;}
#switz.main .bl_03_04 .text_02 {background:url(../img/top/bl_03_04_bg.png) no-repeat; width:564px; height:236px; padding:70px 0 0 260px;}


#switz.main .bl_03_05 .fr {width: 598px;}
#switz.main .bl_03_05 .text_02 {background:url(../img/top/bl_03_05_bg.png) no-repeat; width:560px; height:230px; padding:70px 0 0 244px;}


#switz.main .bl_04 ul li {width:500px; float:left; display:inline; margin:0 35px 60px; text-align:center;}

#switz.main .bl_04 h3 {border-radius:5px; height:50px; width:100%; font-size:20px; font-weight:bold; color:#fff; padding-left:50px; line-height:50px; margin-bottom:15px; text-align:left;}
#switz.main .bl_04 p {text-align:left; margin:15px 0 30px;}

#switz.main .bl_04 h3.plus_green {background:#90d05a url(../img/top/icon_plus.png) no-repeat 15px 13px; background-size:25px;}
#switz.main .bl_04 h3.plus_blue {background:#6ec5d7 url(../img/top/icon_plus.png) no-repeat 15px 13px; background-size:25px;}




/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 30px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	
	max-width:1600px;
	min-height:340px;
	margin:0 auto;
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

.red_copytxt{
color: #ec1c24;
font-size: 23px;
font-weight: bold;
line-height: 1.4em;
}