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

body {
	font-size: 15px;
	line-height: 28px;
	font-weight: 400;
	/*font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;*/
	margin: 0;
	padding: 0;}

body > img {
	display:none;}

ul, li {
	list-style: none;
	margin: 0;
	padding: 0;}

a {
	-webkit-transition: all, 0.3s;
	transition: all, 0.3s;
	border:none;
	outline:none;
	text-decoration: none;}

img {
	vertical-align: bottom;
	margin: 0;
	padding: 0;
	border: none;
	transition: opacity .3s;}

p {
	font-weight: 500;
	margin: 0;
	padding: 0;
	font-size: 0.95em;}

h1,h2,h3,h4,li{
	margin:0;
	padding:0;}

div {
	padding: 0;
	margin: 0;}

/*div::after {
	content: "";
	clear: both;}*/

::-moz-selection {
	background-color: rgba(186,208,255,0.3);}

::selection {
	background-color: rgba(186,208,255,0.3);}

a,
a:hover{
	-webkit-transition: all, 0.3s;
	transition: all, 0.3s;}

a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;}
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}
/*.clearfix{display: inline-block;} */

.txtC{ text-align: center;}
.pr40p{padding-right: 40px;}
.pl40p{padding-left: 40px;}
.pt15{padding-top: 1.5em;}
.pt25{padding-top: 2.5em;}

/** Dsign Css
===================================*/

.fixed{ position: fixed;
    top: 0;
    margin: 0 auto !important;
    z-index: 999999;}

#top-main{
	width: 100%;
	min-height: 500px;
	background: url("/theme/pc/button/190701life/img/top-main-bg.jpg") no-repeat center;
	background-size: cover;
}
#top-main h1{ text-align: center; padding-top: 100px;}
#top-main h1 img{ width: 670px;}

#nav-wrap{ 
	width: 100%;
	background: url("/theme/pc/button/190701life/img/nav-bg.jpg");
	background-size: cover;
}
#nav-wrap .nav-inner{ width: 990px; margin: 0 auto; padding: 0.5em 0;}
#nav-wrap .nav-inner li{ float: left; width: 24.5%;	border-right: 1px dotted #fff;}
#nav-wrap .nav-inner li:last-child{	border-right: none;}
#nav-wrap .nav-inner li a{ display: block; text-align: center; padding: 0 0 0.5em;}
#nav-wrap .nav-inner li a img{ height: 20px;}


#contents1 .contents-inner{
	padding: 0 0 6em;
}
#contents1 .all-pen{
	display: block;
	padding-bottom: 5.5em;
	pointer-events: none;
}
#contents3 .pen-wrap .plan-wrap{
	max-width: 85%;
    border-radius: 20px;
    padding: 1em 0 2.5em;
     margin: 0; 
}
#contents3 .pen-wrap .pen-text {
    width: 70%;
    padding-left: 2.5em;
    padding-top: 1em;
}
#contents3 .pen-wrap .pen-text h3{
	padding: 0 0 1em;
}
#contents2 .plan-wrap {
    max-width: 85%;
    border-radius: 20px;
    padding: 5em 0 2.5em;
    margin: 0 auto;
}


.slider-container{
	position: relative;
	
}
.slider-1 li{
	max-width: 700px;
	margin: 0 auto;
}
.slider-bg{
	position: absolute;
	z-index: 999998;
}
.slider-bg.bg-1 img,
.slider-bg.bg-2 img,
.slider-bg.bg-3 img,
.slider-bg.bg-4 img{
	width: 230px;
}
.slider-bg.bg-1{
	top: -40px;
    right: 85px;
}
.slider-bg.bg-2{
	bottom: -35px;
    left: 80px;
}
.slider-bg.bg-3{
	top: -40px;
    right: 85px;
}
.slider-bg.bg-4{
	bottom: -35px;
    left: 80px;
}

.contents-inner{ width: 1100px;	margin: 0 auto; padding: 11em 0 6em; position: relative;}
.contents-inner p{
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体";
	font-size: 17px;
	letter-spacing: 1px;}
.contents-box{ width: 990px; margin: 0 auto; border: 2px solid #418cc9; border-radius: 10px;}
.side-line{ 
	position: relative;
	width: 940px;
	margin: 25px auto;
	border-right: 2px dotted #418cc9;
	border-left: 2px dotted #418cc9;
}
.side-line span{ position: absolute;}
.side-line span.side1{ top: -25px; left: -5px;}
.side-line span.side2{ top: -25px; right: -5px;}
.side-line span.side3{ bottom: 0; left: -5px;}
.side-line span.side4{ bottom: 0; right: -5px;}
#contents1 h2{ position: absolute; top: -120px; left: 105px;}
#contents2 h2{ position: absolute; top: -125px; left: 155px;}
#contents3 h2{ position: absolute; top: -132px; left: 215px;}
#contents4 h2{ position: absolute; top: -135px; left: 60px;}
.main-read{	padding-top: 20px; padding-bottom: 70px;}

#contents1{
	width: 100%;
	height: 100%;
	background: url("/theme/pc/button/190701life/img/contents1-bg.jpg") repeat center;

}
#contents2{
	width: 100%;
	height: 100%;
	background: url("/theme/pc/button/190701life/img/contents2-bg.jpg") repeat center;
	background-size: cover;
}
#contents3{
	width: 100%;
	height: 100%;
	background: url("/theme/pc/button/190701life/img/contents3-bg.jpg") repeat center;
	background-size: cover;
}
#contents4{
	width: 100%;
	height: 100%;
	background: url("/theme/pc/button/190701life/img/contents4-bg.jpg") repeat center;
	background-size: cover;
}

.plan-wrap{
	max-width: 85%;
    border-radius: 20px;
    padding: 3em 0 2.5em;
    margin: 0 auto;	
}
.plan-wrap h3{
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体";
	color: #0060a9; 
	font-size: 18px;	
	padding-bottom: 1em;
}
.plan-wrap p img{ width: 205px;	height: auto;}
.plan-wrap.plan-1{ margin: 0 auto; text-align: center;}
.plan-wrap.plan-2 .plan-item{ float: left; width: 50%; text-align: center;}

.pen-wrap{ width: 70%; margin: 2.5em auto 0;}
.pen-wrap .pen-img,
.pen-wrap .pen-text{ float: left;}
.pen-wrap .pen-img{	border-radius: 300px; width: 150px; height: 250px;}
.pen-wrap .pen-img img{
	width: 120px;
    text-align: center;
    margin: 0 auto;
    display: block;
    padding-top: 25px;
}
.movepenton{
	animation-name: penton;
	animation-duration: 3s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
.pen-wrap .pen-text{ width: 70%; padding-left: 2.5em; padding-top: 4em;}

#contents3 h3.title3{
	padding: 2.5em 0 1em;
}
#contents3 p.text3{
	padding: 0 0 3.5em;
}

#contents4 .contents-box {
    width: 990px;
    margin: 0 auto;
    border: 2.5px solid #f2bd71;
    border-radius: 10px;
}
#contents4 .side-line {
    position: relative;
    width: 940px;
    margin: 25px auto;
    border-right: 2px dotted #f2bd71;
    border-left: 2px dotted #f2bd71;
}

@keyframes penton {
    0% { transform: rotate(-6deg);}
	25%{ transform: scale(1.03);}
	50% { transform: rotate(6deg);}
	75%{ transform: scale(1.03);}
	100%{ transform: rotate(-6deg) scale(1);}
}

.bg{ position: absolute;}
.bg.bg-img1{ bottom: -7px; left: -50px;}
.bg.bg-img2{ bottom: -15px; right: -50px;}
.bg.bg-img3{ bottom: -15px; left: -50px;}
.bg.bg-img4{ bottom: -7px; right: -50px;}
.bg.bg-img5{ bottom: -14px; right: -50px;}
.bg.bg-img6{ bottom: -6px; left: -130px;}

/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


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

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

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

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

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

/* LOADER */

/* 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{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index: 10000;}

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

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

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 0;
	}

.bx-wrapper .bx-next {
	right: 0;
	}

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

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

/* 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;}