header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block;}
html,body,div,span,applet,object,iframe,video,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,address{margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent; list-style:none;}
span,a{display:inline-block;}a{text-decoration:none;font-style:normal;}
html,body{font-family: 'Noto Sans KR'; font-weight:100;margin:0; width:100%; height:100%; line-height:normal; -webkit-overflow-scrolling:touch;}
body{color:#000;letter-spacing:-1px;-webkit-text-size-adjust:none;/*아이폰가로 폰트확대 방지*/vertical-align:top;}img{border:0;max-width:100%;vertical-align:top;}form{display:inline;}fieldset{border:0;}legend{display:none;}input,select,radio,div{vertical-align:top;}input[type=submit],button{cursor:pointer;}input[type=radio]{padding:0;margin:0;vertical-align:middle;}input[type=checkbox]{margin:0; vertical-align:middle;}h1,h2,h3,h4,h5,h6{font-weight:normal;}

/* guide */
.inner{width:90%; margin:0 auto;}

/* font */
html{ font-size:62.5%;word-break: keep-all}

/* margin,padding */

/*form*/
/* form validator */
p{display:block;}p.error{font-size:;margin-left:0;color:;}
.control-group{position:relative; display:inline-block;zoom:1;*display:inline;}
.control-group.warning>p,.control-group.warning .help-block,.control-group.warning .help-inline{color:#c33434;}
.control-group.warning input,.control-group.warning select,.control-group.warning textarea{color:#a11929;border-color:#c33434;}
.control-group.warning input:focus,.control-group.warning select:focus,.control-group.warning textarea:focus{border-color:#c33434;}
.control-group.warning .input-prepend .add-on,.control-group.warning .input-append .add-on{color:#c33434;background-color:#c33434;border-color:#c33434;}
.control-group.error>p,.control-group.error .help-block,.control-group.error .help-inline{position:absolute; left: 15px; bottom: 2px; padding:4px 8px 0 24%; font-size:0.8rem; color:#999;}
.agree.control-group.error>p,.agree.control-group.error .help-block,.agree.control-group.error .help-inline{position:absolute; left: 3px; bottom: -1rem; padding:0.4rem 0.8rem 0 0;}
.control-group.error input,.control-group.error select,.control-group.error textarea{color:#c33434; background:#f9dad7;}
.control-group.error input:focus,.control-group.error select:focus,.control-group.error textarea:focus{border-color:#fc9489;}
.control-group.error .input-prepend .add-on,.control-group.error .input-append .add-on{color:#c33434;background-color:#c33434;border-color:#c33434;}
.time .error { margin-bottom: 1.8rem; }
.time p{ position: absolute; left: 0px; bottom: -20px; font-size:0.8rem;}
.area p.error{position: absolute; left: 28%; bottom: 0; font-size:0.8rem; color:#999;}
.gender p.error{position: absolute; left: 24%; bottom: 0; font-size:0.8rem; color:#ffe5e6;}
.agree p.error{position: absolute; left: 2px; top: 10px; font-size:0.8rem; color:#ffe5e6;}
/* browser placeholder */
::-webkit-input-placeholder {color:#666;}:-moz-placeholder {color:#666;opacity:1;}::-moz-placeholder {color:#999;opacity:1;}:-ms-input-placeholder{color:#999;}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { /* WebKit browsers */ color:transparent; }
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:transparent; }
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ color:transparent; }
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */ color:transparent; }
/* form setting */
.hope, .name, .brand, .model, .age, .phone, .email, .time, .money, .job, .area, .memo{background:#ffffff; border:2px solid #e85e80; width:100%; height:52px; overflow:hidden; vertical-align:top;
 -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:0px;font-family: 'S-CoreDream-3Light'}
.hope input:focus, .name input:focus,.brand input:focus,.model input:focus,.age input:focus,.phone input:focus,.email input:focus,.memo textarea:focus,.money input:focus{background:#f5f5f5; outline:none;}
.memo{height:85px;}
.hope input, .name input,.brand input,.model input,.age input,.phone input,.email input,.money input,.memo textarea{
    outline:none; overflow:hidden; float:right; color:#666; font-size:1.6rem; padding:1.6rem 1.5rem 1.8rem; margin-top:-0.2rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;font-family: 'S-CoreDream-3Light'}
.money span{float:right; font-size:1.6rem; color:#666; padding:1.6rem 2rem 1.6rem 0.5rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.time_select_wrap,.money_select_wrap,.job_select_wrap,.area_select_wrap{outline:none; overflow:hidden; float:right; padding:1.5rem 1.5rem 1.8rem 0; margin-top:-0.2rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.time select, .money_select, .job_select, .area_select{color:#666; font-size:1.6rem; width:100%; background:transparent;font-family: 'S-CoreDream-3Light'}
div.formLabel{font-size:1.6rem; color:#000; position:relative; vertical-align:top; float:left; padding:1.8rem 0 1.6rem 1.2rem; margin-top:-0.2rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.gender label{display:inline-block; font-size:1.6rem; padding:1.5rem;}
.gender label span{cursor:pointer;}
.gender label input{display:inline-block; -webkit-border-radius:50%;-moz-border-radius:30px;border-radius:50%;}
.gender label span{display:inline-block; margin-left:3%;}
#user_name{background-position:13px 22px !important}
#user_name02{background-position:13px 22px !important}
#user_name03{background-position:13px 22px !important}
#user_age{background-position:13px -30px !important}
#user_age02{background-position:13px -30px !important}
#user_age03{background-position:13px -30px !important}
#user_phone{background-position:13px -78px !important}
#user_phone02{background-position:13px -78px !important}
#user_phone03{background-position:13px -78px !important}
#user_email{background-position:13px -328px !important}
#user_comment{background-position:13px -428px !important}
#user_hope{background-position:13px -378px !important}
#user_money{background-position:13px -228px !important}
.time_select_wrap{background-position:13px -178px !important}
input,select,textarea,button{font-family: 'Noto Sans KR'; font-weight:100; border:0; -webkit-border-radius:0;/*-webkit-appearance:none;*/}
.form_button{position:relative; text-align:center;}
.form_button button{outline:none; font-family: 'Noto Sans KR'; font-weight:300; /*-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;*/}
.agree{width:100%; font-size:1.4rem; cursor:pointer; color:#000; border-top:px solid #433830; margin:0; padding-top:;font-family: 'S-CoreDream-3Light'}
.agree a{margin:0 0 0 3px; color:#fff; padding:3px 7px; background:#444; font-size:1.2rem; display:inline-block;}
.agree a:link{color:#fff;}.agree a:visited,.agree a:active{color:#fff;}.agree a:hover{color:#fff; text-decoration:none;}
.agree input{width:16px; height:16px; margin-right:2px;}

/* footer */
.footerBg{width:100%; padding:7.5rem 0;}
.footerText{font-style:normal; font-size:1.2rem; line-height:1.8rem;}

@media screen and (min-width:412px){ /*galaxy note9*/
.br412{display:block;}.br320,.br640,.br1200{display:none;}

/* form validator */
.control-group.error>p,.control-group.error .help-block,.control-group.error .help-inline{position:absolute; left: 23px; bottom: 2px; padding:4px 8px 0 24%; font-size:1.0rem;}
.time .error { margin-bottom: 1.0rem; }
.time p{ position: absolute; left: 0px; bottom: -20px; font-size:1.0rem;}
.area p.error{position: absolute; left: 28%; bottom: 0; font-size:1.0rem;}
.gender p.error{position: absolute; left: 24%; bottom: 0; font-size:1.0rem;}
.agree p.error{position: absolute; left: 2px; top: 10px; font-size:1.0rem;}
}
@media screen and (min-width:600px){
.inner{width:41.2rem;}
}
@media screen and (min-width:640px){
.br640{display:block;}.br320,.br412,.br1200{display:none;}
/*footer*/
.footer{font-style:normal; font-size:1.4rem; line-height:1.4rem;}
}
@media screen and (min-width:1200px){
.br1200{display:block;}.br320,.br412,.br640{display:none;}
.inner{width:120rem;}
}


/*=========================start css=============================*/
/*preloader*/
.spinner-wrapper {position: fixed; z-index: 99999999; top: 0; right: 0; bottom: 0; left: 0; background: #e72967;}
.spinner {position: absolute; top: 50%; left: 50%; width: 3.75rem; height: 1.25rem; margin: -0.625rem 0 0 -1.875rem; text-align: center;}
.spinner > div {display: inline-block; width: 1rem; height: 1rem; border-radius: 100%; background-color: #fff; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both;}
.spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s;}
.spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s;}
@-webkit-keyframes sk-bouncedelay {
	0%, 80%, 100% { -webkit-transform: scale(0); }
	40% { -webkit-transform: scale(1.0); }
}
@keyframes sk-bouncedelay {
	0%, 80%, 100% {
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
	} 40% {
		-webkit-transform: scale(1.0);
		-ms-transform: scale(1.0);
		transform: scale(1.0);
	}
}

.header{width: 100%; height: 60px; transition: 0.3s; position: fixed; z-index:999999;background-color: white;border: 1px solid #ddd}
.header .inner{width:100%;}
.header .inner .logo{padding-top:1.6rem; padding-left:5%;width:150px}
.header .inner .logo a{cursor:pointer; }
.header .inner nav{width: 150px; height: 100%; background: white; position: fixed; right:0px; top:0px; z-index: 999; box-shadow: -5px 0px 5px 0px rgba(0, 0, 0, .3); display:none;}
#gnb{position: absolute; top:100px; right:10%; width:90%;}
#gnb li{margin: 0px 0 1.5rem; text-align:right;}
#gnb li:nth-of-type(1)::after{display: none;}
#gnb li:nth-of-type(5){margin-right: 0;}
#gnb li a{display: block;color: #000;transition: 0.3s; cursor:pointer;font: 1.8rem 'S-CoreDream-6bold'}
#gnb li a:hover{color: #e72967}
.header .inner .toggle{display:block;position:absolute;top:20px;right:5%;z-index:9999999;font-size:2rem;cursor:pointer;transition:.5s}
.header .inner .toggle i{color: #000;}

#fixed_round{position: fixed; bottom: 20px; right: 20px;z-index: 99}
#fixed_round li{margin: 10px}
#fixed_round .top{width: 40px; height: 40px; border: 2px solid #e72967;border-radius: 50%;text-align: center;font-size: 2rem;line-height: 37px;color: #e72967;transition: 0.3s;background: white;cursor: pointer}
#fixed_round .tel_icon{display: block}
#fixed_round li a{display: block;width: 40px; height: 40px; border: 2px solid #e72967;border-radius: 50%;text-align: center;font-size: 2rem;line-height: 40px;color: #e72967;transition: 0.3s;background: white }
#fixed_round li:nth-of-type(2) a{background: #e4d83a; border: 2px solid #e4d83a}
#fixed_round li:nth-of-type(2) a img{width: 70%; margin: 0 auto;padding-top: 8px}
#fixed_round .blog_icon a{background: #19ce60; border: 2px solid #19ce60}
#fixed_round .blog_icon a img{width: 70%;margin: 0 auto;padding-top: 8px}
#fixed_round .insta_icon a{background: linear-gradient(45deg,#832796,#e94e32); width: 45px; height: 45px;border: 0}
#fixed_round .insta_icon a i{color: white;font-size: 2rem;line-height: 2.25em}



#mainBg{width: 100%;background-image: url(../img/index2_main_Bg_mo.png);background-size: cover;background-position: bottom;position: relative;}
#mainBg br{display: block}
#mainBg .inner{position: relative;padding: 7rem 0 30rem}
#mainBg h3{width: 100px;font: 1.7rem 'S-CoreDream-4Regular';color: white;padding: 5px 10px;text-align: center;background: #e72967;margin: 20px auto;border-radius: 20px}
#mainBg h2{font: 2rem 'S-CoreDream-4Regular';color: white;text-align: center;}
#mainBg h1{font: 2.7rem 'S-CoreDream-8Heavy';padding: 20px 0px 20px;color: #e72967;;text-align: center}








#content{width: 100%;background: #f2f2f2}
#con02Bg{background: #fff;padding-bottom: 3rem}
#con03Bg{padding-top: 2rem}
#content .box{width: 100%;;margin-bottom: 5rem}
#content .box .inner{width: 100% ;margin:  0 auto;padding: 10rem 0 5rem}
#content .box:nth-of-type(3) .inner{padding: 0}
#content .box br{display: none}
#content .box::after{content: '';display: block;clear: both}
#content .box .inner h1{font: 3.6rem 'S-CoreDream-6Bold';text-align: center;margin-bottom: 20px}
#content .box .inner h1 span{width: 200px;margin: 0 auto ;font: 2.4rem 'S-CoreDream-5Medium';display:block;background: #e72967;padding: 10px 0px;border-radius: 50px;color: white;margin-bottom: 20px;animation-name: big;
                animation-duration: 0.7s;
                animation-timing-function: linear;
                animation-iteration-count: infinite;
                animation-direction: alternate;
                animation-fill-mode: none;
                animation-play-state: running;}


@keyframes big {
                from {
color: white
                }
                to {
color: yellow
                }
            }


#content .box .inner h1::before{content: '';display: block;width: 30px; height: 9px; background: #e72967;margin: 20px auto;border-right: 30px solid black}
#content .box .inner h4{font: 2rem 'S-CoreDream-6Bold';text-align: center;padding: 0px;color: #e72967}
#content .box .inner p{font: 1.7rem 'S-CoreDream-4Regular';text-align: center;margin-top: 1rem;margin-bottom: 5rem;padding: 0px 10px}
#content .box .inner div{float: none}
#content .box .inner .left{width: 92.5%;padding: 0px 10px;margin-bottom: 20px}
#content .box .inner .left img{border: 2px solid black;border-radius: 10px}
#content .box .inner .right{width: 100%}
#content .box .inner .right ul{;overflow: hidden;}
#content .box .inner .right ul li{margin-bottom: 20px;}
#content .box .inner .right ul li{transform: rotateY(75deg);transform-origin: left center;opacity: 0;transition: 0.5s ease;}
#content .box .inner .right ul li:nth-of-type(1){transition-delay: 0.6s}
#content .box .inner .right ul li:nth-of-type(2){transition-delay: 0.8s}
#content .box .inner .right ul li:nth-of-type(3){transition-delay: 1s}
#content .box .inner .right ul li:nth-of-type(4){transition-delay: 1.2s}
#content .box.on .inner .right ul li{transform: rotateY(0deg);opacity: 1}
#content .box:nth-of-type(3) .inner .right ul li{margin-bottom: 5px}
#content .box .inner .right ul li::after{content: '';display: block;clear: both}
#content .box .inner .right ul li .month{width: 90%;margin: 10px auto 0px;background: #e72967;text-align: center;color: white;font: 1.5rem/40px 'S-CoreDream-6Bold';border-top-left-radius:15px ;border-top-right-radius: 15px;border: 3px solid #e72967; box-sizing: border-box; }
#content .box .inner .right ul li:nth-of-type(1) .month{background: #000;border: 3px solid black}
#content .box .inner .right ul li:nth-of-type(2) .month{background: #714654;border: 3px solid #714654}
#content .box .inner .right ul li:nth-of-type(3) .month{background: #b13c65;border: 3px solid #b13c65}
#content .box .inner .right ul li:nth-of-type(4) .month{background: #e72967;border: 3px solid #e72967}
#content .box .inner .right ul li .txt{width: 78%;border: 2px solid #2e2d46;padding: 15px 20px;margin: 0 auto 20px; font: 1.5rem 'S-CoreDream-5Medium';border-bottom-left-radius:15px ;border-bottom-right-radius: 15px;text-align: center;background: white}


#last_box{width: 100%;background: black;padding-top: 15rem}
#last_box br{display: none}
#last_box h1{text-align: center;font:3rem 'S-CoreDream-8Heavy';color: white;;margin-bottom: 10px}
#last_box h1::before{content: '';display: block;width: 30px; height: 9px; margin: 20px auto;background: #e72967;border-right: 30px solid white}
#last_box ul{width: 80%;margin: 20px auto}
#last_box ul::after{content: '';display: block;clear: both}
#last_box ul li{float: left;width: 100%;color: white;text-align: center;}
#last_box ul li:nth-of-type(1){margin-right: 10px;margin-bottom: 10px}
#last_box ul li .pic{width: 100%}
#last_box ul li .txt{width: 100;padding: 20px 10px; text-align: center;background:#e72967}
#last_box ul li .txt h3{font: 2rem 'S-CoreDream-6bold';margin-bottom: 10px}
#last_box ul li .txt p{font: 1.6rem 'S-CoreDream-4Regular'}

.lastMent{color: white;text-align: center;font: 1.4rem 'S-CoreDream-5Medium';padding-bottom: 50px}
.lastMent p{padding: 0px;line-height: 1.2}

 #formWrap{padding-bottom: 5rem;width: 100%}
    #formWrap h1{text-align: center;font: 4rem 'S-CoreDream-8Heavy';letter-spacing: 2.5px;margin-bottom: 10px}
    #formWrap h1::before{content: '';display: block;width: 30px; height: 9px; border-right: 30px solid #000;background: #e72967;margin: 40px auto 30px}
    #formWrap h3{text-align: center;font: 1.7rem 'S-CoreDream-4Regular';}

    #form_title{width: 86%;margin: 50px auto 0px;padding: 20px;background: #e72967}
    #form_title h4{color: white; text-align: center;font: 1.7rem 'S-CoreDream-4Regular'}
    #form_title ul{width: 100%;margin: 10px auto 0;}
    #form_title ul::after{content: '';display: block;clear: both}
    #form_title ul li{float: none;text-align: center}
    #form_title ul li:nth-of-type(2){margin: 5px 0px}
    #form_title ul li::after{content: ''; display: inline-block;clear: both}
    #form_title ul li a{display: inline-block;color: white;font: 1.4rem 'S-CoreDream-4Regular';}
    #form_title ul li div{float: left}
    #form_title ul li .icon{margin-right: 10px;}


.formBox{margin:0 auto;padding: 10px;background: }
/*form*/
#formBg{width:100%; background:#fff;padding: 7rem 0 5rem}
#formBg h1{margin-top:0; margin-bottom:3rem;}
div.formLabel{width:28%;}
.asterisk_name{position:absolute; top:4px; right:7%; color:#fa6969; font-size:1.8rem; z-index:1;}
.asterisk_phone{position:absolute; top:4px; right:7%; color:#fa6969; font-size:1.8rem; z-index:1;}
.asterisk_area{position:absolute; top:4px; right:7%; color:#fa6969; font-size:1.8rem; z-index:1;}
.name, .phone, .job, .area, .memo{position:relative; margin-bottom:15px;}
.name input{display:inline-block;width:72%;}
.phone input{display:inline-block; width:72%;}
.job_select_wrap{display:inline-block; width:72%;}
.memo textarea{display:inline-block; width:72%; height:85px;}
.form_button{margin-top:3rem;}
.form_button button{background:#e72967; color:#fff; font: 1.8rem 'S-CoreDream-3Light'; padding:1rem 5rem; display:inline-block; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);}
.form_button button:hover{box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.2)}

/*footer*/

#footer{width: 100%; ;background: #2d2d2d;padding: 50px 0}
#footer .footerlogo{width: 150px; margin: 0 auto}
#footer p{padding: 10px 10px 0;color: #666; font: 1rem 'S-CoreDream-5Medium';text-align: center}




.active{color:#fa6969; border-bottom:3px solid #fa6969;}


@media screen and (min-width:375px){
    #mainBg h1{font: 3.2rem 'S-CoreDream-8Heavy';padding: 20px 0px;}
    #mainBg .index2_main_img{position: absolute;bottom: 0%;right: 5%;width: 300px;display: block}
    #content .box .inner .left{width: 93.5%;padding: 0px 10px;margin-bottom: 20px}
 #content .box .right ul li .month{width: 260px;margin: 10px auto 0px;background: #e72967;text-align: center;color: white;font: 1.5rem/40px 'S-CoreDream-6Bold';}
    #content .box .inner .right ul li .txt{width: 80%}
    #form_title ul{width: 84.5%;margin: 10px auto 0;}

}
@media screen and (min-width:412px){
#mainBg h1{font: 3.4rem 'S-CoreDream-8Heavy';}
    #mainBg .index2_main_img{position: absolute;bottom: 0%;right: 10%;width: 300px;display: block}
    #content .box .inner .left{width: 95%}
        #content .box .inner .right ul li .txt{width: 80.5%}
    #form_title ul{width: 75.7%;margin: 10px auto 0;}

}
@media screen and (min-width:1200px){
    .header{width: 100%; height: 100px;transition: 0.3s; position: fixed; z-index:999;}
.header .inner{width:auto; padding:0 8rem; position:relative;}
.header .inner .logo{position:absolute; left:80px; top:30px; padding:0;width: 200px;}
.header .inner .logo a{display:block; }
.header .inner nav{background:none; box-shadow:none; right:0px; top:36px; width: 100%; height:auto; display:block;}
#gnb{width:auto; overflow:hidden; position:absolute; right:80px; top:0;}
#gnb li{ margin: 0px 5rem; text-align:left; float:left;}
.header .inner .toggle{display: none;}
#fixed_round{position: fixed; bottom: 20px; right: 20px;z-index: 99}
#fixed_round li{margin: 10px}
#fixed_round .top{width: 50px; height: 50px; border: 4px solid #e72967;border-radius: 50%;text-align: center;font-size: 2rem;line-height: 45px;color: #e72967;transition: 0.3s;background: white}
#fixed_round .tel_icon{display: none}

#fixed_round li a{display: block;width: 50px; height: 50px; border: 4px solid #e72967;border-radius: 50%;text-align: center;font-size: 2rem;line-height: 45px;color: #e72967;transition: 0.3s;background: white }
#fixed_round li:nth-of-type(2) a img{padding-top: 10px}
#fixed_round .blog_icon a img{padding-top: 11px}
#fixed_round .insta_icon a{width: 55px; height: 55px;border: 0}
#fixed_round .insta_icon a i{color: white;font-size: 2.4rem;line-height: 2.3em}


#mainBg{width: 100%;background-image: url(../img/index2_main_Bg.png);background-size: cover;background-position: top;position: relative;}
#mainBg br{display: block}
#mainBg .inner{position: relative;padding: 30rem 0 25rem}
#mainBg h3{width: 150px;font: 2.4rem 'S-CoreDream-4Regular';color: white;padding: 5px 10px;text-align: center;background: #e72967;border-radius: 30px;position: absolute;right: 0%;top: 25%}
#mainBg h2{font: 2.4rem 'S-CoreDream-4Regular';color: white;padding-left: 50px;text-align: right}
#mainBg h1{font: 6rem 'S-CoreDream-8Heavy';padding: 20px 0px 20px;color: #e72967;;text-align: right}


#content{width: 100%;/*height: 2500px; */;background-repeat: no-repeat;background-position: top;background-size: cover}
#content .box{width: 100%;;margin-bottom: 10rem}
#content .box .inner{width: 1200px ;margin: 0 auto}
#content .box::after{content: '';display: block;clear: both}
#content .box .inner h1{font: 6rem 'S-CoreDream-8Heavy';text-align: center}
#content .box .inner h1::before{content: '';display: block;width: 30px; height: 9px; background: #e72967;margin: 50px auto;border-right: 30px solid black}
#content .box .inner h4{font: 2.6rem 'S-CoreDream-6Bold';text-align: center;margin-top: 20px}
#content .box .inner p{font: 2rem 'S-CoreDream-4Regular';text-align: center;margin-top: 0rem;margin-bottom: 2rem}
#content .box .inner div{float: left}
#content .box .inner .left{width: 35%;padding: 40px 50px;margin-left: 100px}
#content .box .inner .right{width: 40%}
#content .box .inner .right ul{padding-top: 45px}
/* #content .box:nth-of-type(2) .inner .right ul{padding-top: 70px} */
#content .box:nth-of-type(3) .inner .right ul{padding-top: 40px}
#content .box .inner .right ul li{margin-bottom: 7px;}
#content .box:nth-of-type(3) .inner .right ul li{margin-bottom: 5px}
#content .box .inner .right ul li:nth-of-type(1){transition-delay: 0.2s}
#content .box .inner .right ul li:nth-of-type(2){transition-delay: 0.4s}
#content .box .inner .right ul li:nth-of-type(3){transition-delay: 0.6s}
#content .box .inner .right ul li:nth-of-type(4){transition-delay: 0.8s}
#content .box .inner .right ul li::after{content: '';display: block;clear: both}
#content .box .inner .right ul li .month{width: 70px;margin-top: 0px;border-radius: 0; background: #c22e53;text-align: center;color: white;font: 1.5rem/66px 'S-CoreDream-6Bold';border-top-left-radius: 15px; border-bottom-left-radius: 15px}
#last_month{height: 75px;padding-top: 10px}
#content .box .inner .right ul li:nth-of-type(1) .month{background: #000;border: 3px solid black}
#content .box .inner .right ul li:nth-of-type(2) .month{background: #714654;border: 3px solid #714654}
#content .box .inner .right ul li:nth-of-type(3) .month{background: #b13c65;border: 3px solid #b13c65}
#content .box .inner .right ul li:nth-of-type(4) .month{background: #e72967;border: 3px solid #e72967}
#content .box .inner .right ul li .txt{width: 300px;height: 100%;border: 2px solid #2e2d46;padding: 15px 20px;margin-left: 0px;border-bottom-right-radius: 15px;border-top-right-radius: 15px;border-top-left-radius: 0px;border-bottom-left-radius: 0; font: 1.4rem 'S-CoreDream-5Medium';text-align: left}

#content #con02Bg .inner .right ul li .month { width: 100px; }
#content #con02Bg .inner .right ul li .txt { line-height: 38px; }



#last_box{width: 100%;background-image: url(../img/last_box_bg.png)}
#last_box br{display: block}
#last_box h1{text-align: center;font:6rem 'S-CoreDream-8Heavy';color: white;}

#last_box ul{width: 80%;margin: 0px auto}
#last_box ul::after{content: '';display: block;clear: both}
#last_box ul li{float: left;width: 49%;padding: 70px 0;color: white;}
    #last_box ul li:nth-of-type(1){margin-right: 10px;margin-bottom: 0px}
#last_box ul li .txt h3{font: 2.4rem 'S-CoreDream-6bold';margin-bottom: 10px}
#last_box ul li .txt p{font: 2rem 'S-CoreDream-4Regular'}

.lastMent{color: white;text-align: center;padding: 0px 0px 15rem;font: 2.4rem 'S-CoreDream-5Medium';}

    #formWrap{padding-bottom: 10rem}
    #formWrap h1{text-align: center;font: 6rem 'S-CoreDream-8Heavy';letter-spacing: 2.5px;margin-bottom: 10px}
    #formWrap h1::before{content: '';display: block;width: 30px; height: 9px; border-right: 30px solid #000;background: #e72967;margin: 40px auto 30px}
    #formWrap h3{text-align: center;font: 2.4rem 'S-CoreDream-4Regular';}

    #form_title{width: 620px;margin: 50px auto 0px;padding: 20px 40px;background: #e72967}
    #form_title h4{color: white; text-align: center;font: 2.4rem 'S-CoreDream-4Regular'}
    #form_title ul{width: 465px;margin: 10px auto 0}
    #form_title ul::after{content: '';display: block;clear: both}
    #form_title ul li{float: left;}
    #form_title ul li:nth-of-type(2){margin: 0px 20px}
    #form_title ul li::after{content: ''; display: block;clear: both}
    #form_title ul li a{display: block;color: white;font: 1.7rem ''}
    #form_title ul li div{float: left}
    #form_title ul li .icon{margin-right: 10px}

/*con01*/
.formBox{width:500px; margin:0 auto;padding: 40px 10rem;background: #eee}
div.formLabel{width:27%;}
.name, .phone, .job, .area, .memo{margin-bottom:1.5rem;}
.name{width:47%; margin-right:4%;}
.name input{width:72%;}
.phone{width:47%;}
.phone input{width:72%;}
.job{width:99%;}
.job_select_wrap{width:72%;}
.memo{width:99%;}
.memo textarea{width:72%;}
.form_button button{width:50%;}

    #footer p{font-size: 1.4rem}

}