@charset "UTF-8";
/*------------------------------------------------------------mainphoto*/
#main_img{
	background: url("../img/info_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;
}
.cts_ul {
	width: 100%;
	margin: 2em 0 0;
	text-align: left;
	
}
.cts_ul li {
	padding-left: 1em;
	text-align: left;
	margin-bottom: 20px;
	font-weight: 500;
	font-size: 16px;
}
.cts_ul li::before {
    content: "●";
    display: inline-block;
    margin-right: 1em;
    position: relative;
    top: auto;
    margin-left: -1em;
    font-size: 12px;
    font-weight: bold;
    color: #ea5870;
}
/*------------------------------------------------------------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;
}
.info_tbl {
	width: 100%;
	margin: 0 auto;
	border-collapse: separate;
	border-spacing: 4px;
	border: 2px solid #eb677c;
	border-radius: 6px;
}
.info_tbl th {
	display: block;
	color: #fff;
	width: 100%;
	padding: 0.5em 1em;
	text-align: left;
	font-size: 16px;
	font-weight: 500;
	border-radius: 4px;
	background: url(../img/common_img/bg_naname_g.png) repeat 0 0 #eb677c;
}
.info_tbl td {
	display: block;
	width: 100%;
	padding: 0.5em 1em;
	text-align: left;
	background: #fff;
	font-size: 16px;
	border-radius: 4px;
}
.info_tbl td dl {
}
.info_tbl td dt {
	display: block;
	font-weight: normal;
	color: #666;
}
.info_tbl td dd {
	display: block;
}
.info_tbl td dd ul li {
	display: block;
}

@media print, screen and (min-width:768px) {
.info_tbl th {
	display: table-cell;
	width: inherit;
}
.info_tbl td {
	display: table-cell;
	width: inherit;
}
.info_tbl td dt {
	display: inline-block;
}
.info_tbl td dd {
	display: inline-block;
}
.info_tbl td dd ul li {
	display: inline-block;
}
.info_tbl td dd ul li::after {
	content: " / ";
}
.info_tbl td dd ul li:nth-child(2n)::after {
	content: "  ";
}
}
#info_photo {
	margin: 3em auto 1em;
}
#info_photo figure {
	margin-bottom: 20px;
}
#info_photo figure img {
	border-radius: 6px;
	width: 100%;
	height: auto;
}
#info_photo figcaption {
	width: 100%;
	margin: 0.5em 0 1em 0;
	padding: 0.5em 2em;
	display: inline-block;
	background: url(../img/common_img/bg_naname_g.png) repeat 0 0 #46cadb;
	color: #fff;
	font-weight: 500;
	font-size: 17px;
	border-radius: 30px;
	text-align: center;
}
#info_photo div:nth-child(3) figcaption {
	margin: 0.5em 0 0 0;
}
@media print, screen and (min-width:768px) {
#info_photo {
	margin: 3em auto;
}
#info_photo figure {
	margin-bottom: 0;
}
}
/*------------------------------------------------------------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;
}
}