@charset "UTF-8";
/*------------------------------------------------------------mainphoto*/
#main_img{
	background: url("../img/prevant_img/main_bg.png") center bottom no-repeat;
	background-size: cover;
	display: -webkit-box;
        display: -ms-flexbox;
        -webkit-inline-box
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
	position: relative;
	text-align: left;
	height: 400px;
}
@media print, screen and (min-width:768px) {
#main_img{
	height: 600px;
}
}
#main_txt{
	position: absolute;
    top: 60%;
    left: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
#main_txt h2{
	background: #fff;
	color: #444;
	padding: 0 10px;
	font-size: 30px;
	font-weight: 600;
	margin-bottom: 10px;
	display: inline-block;
	line-height: 1.3;
}

@media print, screen and (min-width:790px) {
#main_txt h2{
	font-size: 36px;
}
}
@media print, screen and (min-width:980px) {
#main_txt{
	left: 10%;
	width: 100%;
}
}
#design00{
	position: absolute;
    bottom: 40px;
    right:-10px;
}
#design00 img{
	width:110px;
	height: auto;
	}
@media print, screen and (min-width:768px) {
#design00{
    bottom: 30px;
}
#design00 img{
	width:auto;
	height: auto;
	}
}
@media print, screen and (min-width:1160px) {
#design00{
    right:30%;
}
}
#design01{
	position: absolute;
    top: 90px;
    right: -450px;
    z-index:100; 
	display: none;
}
@media print, screen and (min-width:768px) {
#design01{
	position: absolute;
    top: 90px;
    right: -450px;
    z-index:100; 
	display: block;
}
}
@media print, screen and (min-width:980px) {
#design01{
	right: -450px;
	top: 55px
}
}
@media print, screen and (min-width:1160px) {
#design01{
	display: block;
	top: 55px;
	right: -350px;
}
}
#design02{
	position: absolute;
    bottom: -80px;
    left: -300px;
    z-index:101; 
}
#design02 img{
	width:400px;
	height: auto;
	}
@media print, screen and (min-width:768px) {
#design02{
	position: absolute;
    bottom: -80px;
    left: -350px;
    z-index:101; 
}
#design02 img{
	width:auto;
	height: auto;
	}
}
/*------------------------------------------------------------sec01*/
#sec01 {
	padding: 30px 0;
}
@media print, screen and (min-width:980px) {
#sec01 {
	padding: 60px 0 0 0;
}
}
@media print, screen and (min-width:1200px) {
#sec01 {
	padding: 80px 0 0 0;
}
}
#sec01 h3{
	text-align: center;
	margin-bottom:30px;
}
#sec01 h4{
	text-align:left;
}
#sec01img{
	position: absolute;
	right: -150px;
	z-index: 99;
	bottom:-530px;

}
@media print, screen and (min-width:1200px) {
#sec01img{
	width: 819px;
	height: auto;
	bottom: -250px;
}
}
.design03{
	position: absolute;
    right: -120px;
	top: 0;
	display: none;
}
@media print, screen and (min-width:530px) {
.design03{
	display: block;
}
}
#design04{
	position: absolute;
    left:-120px;
	bottom: -80px;
}
.relativebox{
	position: relative;
}
.absolute_right{
	position: absolute;
	right: 0;
	
}
.absolute_left{
	position: absolute;
	left: 0;
}
.zindex{
	z-index: 102;
	position: relative;
}

/*------------------------------------------------------------sec02*/
#sec02{
	width: 100%;
}
.nami_top{
	background: url("../img/common_img/nami_top.png") center bottom repeat-x;	
	height: 38px;
}
.nami_box{
	background-color: #fffddf;
	padding: 50px 0;
}

.nami_bottom{
	background: url("../img/common_img/nami_bottom.png") center bottom repeat-x;	
	height: 39px;
}
#design11{
	position: absolute;
    top: 0;
    right: -100px;
    z-index:99; 
}
#design05{
	position: absolute;
    bottom: -150px;
    left: -300px;
    z-index:99; 
}
#design05 img{
	width:400px;
	height: auto;
	}
@media print, screen and (min-width:768px) {
#design05{
	position: absolute;
    bottom: -200px;
    left: -500px;
    z-index:101; 
}
#design05 img{
	width:auto;
	height: auto;
	}
}

#sec02 h4{
	text-align:left;
	margin: 30px 0 10px 0;
	font-size: 22px;
}


/*------------------------------------------------------------sec03*/
#sec03{
	padding: 50px 0;
	text-align: left;
}
@media print, screen and (min-width:768px) {
#sec03{
	padding: 80px 0 30px 0;
}
}
.design06{
	position: absolute;
    left:-150px;
	bottom:130px;
}
#sec03 h3{
	
}
#sec03 ul{
  padding: 20px 20px 10px 20px;
  background: #eb677c;
  border-radius: 10px;
  text-align: left;
	list-style-type: decimal-leading-zero !important;
	padding-left: 50px;
  
}
#sec03 ul li{
	color: #fff;
  text-align: left;
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: 600;
}


/*------------------------------------------------------------sec04*/
#sec04 .nami_box{
	padding:60px 0;
}
@media print, screen and (min-width:768px) {
#sec04 .nami_box{
	padding: 80px 0;
}
}
.nami_bottom2{
	background: url("../img/common_img/nami_bottom2.png") center bottom repeat-x;	
	height: 39px;
}
#sec04{
	width: 100%;
}
#design07{
	position: absolute;
    top: -350px;
    right: -550px;
    z-index:100; 
}
@media print, screen and (min-width:980px) {
#design07{
    right: -450px;
}
}