@charset "utf-8";
/* CSS Document */
@media only screen and (min-width:1200px) {
#top { margin:0 auto; background:url(../images/top_bg.jpg) center repeat-x; width:100%; min-width:1200px; max-height:730px; text-align:center; position:relative;}
#top img { width:100%; max-width:1200px;}

#one {margin:0 auto; background:url(../images/one_bg.gif) center repeat; width:100%; min-width:1200px; height:1400px; text-align:center; position:relative;}
.one_title { position:relative; top:90px; text-align:center; clear:both;}
.one_title img { width:100%; max-width:1200px;}
#one ul { max-width:1200px; margin:0 auto; top:20px; position:relative;}
#one ul li img { box-shadow:1px 1px 2px 2px #f8dae3; width:100%;}
#one ul li p { font-size:30px; color:#de4d7e; font-weight:900; font-family:'NanumGothic' 'Meiryo'; margin:30px 0; line-height:140%;}
#one ul li span { font-size:18px; color:#555555; font-family:NanumGothic; letter-spacing : -0.05em;}

.one_con01 { max-width:900px; position:relative; top:120px; margin:0 auto;}
.one_con02 {float:right; max-width:570px; position:relative; top:120px;}
.one_con02 .m_text{display:none;}
.one_con03 {float:left; max-width:570px; position:relative; top:175px;}
.one_con03 .video{box-shadow:1px 1px 2px 2px #f8dae3; border:5px solid #ffffff; width:560px; height:327px;}
.one_con03 iframe,.one_con03 object, .one_con03 embed {top: 0; left: 0; width: 100%; height: 100%;}
.one_con04 {float:right; max-width:570px; position:relative; top:175px;}
.one_con04 .video{box-shadow:1px 1px 2px 2px #f8dae3; border:5px solid #ffffff; width:560px; height:327px;}
.one_con04 iframe,.one_con04 object, .one_con04 embed {top: 0; left: 0; width: 100%; height: 100%;}

#two {margin:0 auto; width:100%; min-width:1200px; text-align:center; position:relative;}
#two .two_title {width:100%; max-width:661px; margin:88px 200px 45px;}
#two img { width:100%; max-width:1200px; margin-bottom:100px;}

#tree {margin:0 auto; width:100%; min-width:1200px; text-align:center; position:relative; background:#fadee4;}
#tree .tree_title {width:100%; max-width:750px; margin:88px 200px 45px;}
#tree img {width:100%; max-width:654px; margin:0 200px;}
#tree .tree_btn {width:100%; max-width:862px; margin:20px 0 50px;}

#four {margin:0 auto; width:100%; min-width:1200px; position:relative; background:url(../images/four_bg.gif) center repeat;}
#four ul {max-width:1200px; margin:0 auto;}
#four .poster {padding:65px 50px 65px 166px; float:left;}
#four .poster_text {font-size:30px; color:#de4c7e; font-family:'NanumGothic' 'Meiryo'c; line-height:120%; font-weight:bold; padding-top:200px; float:left;}
#four .poster_btn { padding:300px 0 300px;}
}

@media only screen and (max-width:1199px) {
#top { margin:0 auto; background:url(../images/top_bg.jpg) center repeat-x; width:100%; height:100%;text-align:center; position:relative;}
#top img { width:100%;}

#one {margin:0 auto; background:url(../images/one_bg.gif) center repeat; width:100%; height:100%; text-align:center; position:relative;}
.one_title {margin:0 auto; width:90%; height:100%; text-align:center; padding-top:20px;}
.one_title img { width:100%; }

#one ul {position:relative; }

#one ul li img { box-shadow:1px 1px 2px 2px #f8dae3; width:90%;}
#one ul li p { font-size:22px; color:#de4d7e; font-weight:900; font-family:'NanumGothic' 'Meiryo'; margin:20px 0;}
#one ul li span { font-size:16px; color:#555555; font-family:NanumGothic; letter-spacing : -0.05em;}

.one_con01 {width:90%; padding-top:20px; text-align:center; margin:0 auto;}
.one_con02 {width:90%; padding-top:20px; text-align:center; margin:0 auto;}
.one_con02 .pc_text{display:none;}

.one_con03 {width:90%; padding-top:20px; text-align:center; margin:0 auto;}
.one_con03 .video{box-shadow:1px 1px 2px 2px #f8dae3; border:5px solid #ffffff;width:90%; margin:0 auto;}
.one_con04 {width:90%; padding-top:20px; text-align:center; padding-bottom:50px;  margin:0 auto; }
.one_con04 .video{box-shadow:1px 1px 2px 2px #f8dae3; border:5px solid #ffffff;width:90%; margin:0 auto;}

#two {margin:0 auto; width:100%; height:100%; text-align:center; position:relative;}
#two .two_title {width:80%; padding:20px 0;}
#two img { width:100%; padding-bottom:50px;}

#tree {margin:0 auto; width:100%; text-align:center; position:relative; background:#fadee4;}
#tree .tree_title {width:80%; margin:30px 0 20px;}
#tree img {width:100%;}
#tree .tree_btn {width:90%; margin:20px 0 50px;}

#four {margin:0 auto; width:100%; position:relative; background:url(../images/four_bg.gif) center repeat;}
#four ul { margin:0 auto; width:90%; padding-top:30px;}
#four .poster { text-align:center;}
#four .poster_text {font-size:25px; color:#de4c7e; font-family:'NanumGothic' 'Meiryo'; line-height:120%; font-weight:bold; padding:20px 0 0 0; text-align:center;}
#four .poster_btn { padding:20px 0; text-align:center;}
}