@charset "utf-8";

/* reset */
img{ max-width: 100%; height: auto; width:100% auto; margin: 0; padding: 0; line-height: 0; vertical-align: top;}

html{}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}legend{color:#000;}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

/* link opacity */
a:hover,a:active {opacity: 0.7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";-webkit-transition: 0.3s ease-in-out;  -moz-transition: 0.3s ease-in-out;  -o-transition: 0.3s ease-in-out;  transition: 0.3s ease-in-out;}
a:hover img { opacity: 0.7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";-webkit-transition: 0.3s ease-in-out;  -moz-transition: 0.3s ease-in-out;  -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}

/* For modern browsers */
.clearfix:before,
.clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;}
 
/* For IE 6/7 (trigger hasLayout) */
.clearfix {zoom:1;}


body {background: #f6f2f2; font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; margin:0;color: #3d3d3d;font-size: 16px; font-weight: 500;}

.clear { clear: both; }

a{ text-decoration:none;}
section{ }

a:link {color: #676767;text-decoration: underline;}
a:visited  {color: #676767;text-decoration: underline;	}
a:hover,
a:active {color: #8e71c8;text-decoration: none;}

.content { background: #FFF; border: 3px solid #edcdda; padding: 10px; border-radius: 6px; min-height: 200px;}
h2 { margin-bottom: 10px;}
h3 { font-family: YuMincho,'Yu Mincho',serif; font-size: 15px; text-align: left; color: #d46f84; border-top: 1px dashed #d46f84; border-bottom: 1px dashed #d46f84; padding: 5px; margin-bottom: 10px;}
h4 { text-align: left; font-weight: bold; margin-bottom: 10px; position: relative; padding-left: 15px;}
h4::before { content:""; position: absolute; border-radius: 50%; height: 12px;width: 12px; top:50%; left:0; margin-top: -6px; background: #d46f84;}
p {text-align: left;margin-bottom: 7px;}

.mini { font-size: 95%;}
.right { text-align: right;}
.tag { position: relative; top: -20px; left: -20px; width: 57px; height: 57px;}

/* header */
header { background: #FFF; width: 100%; padding: 7px; min-height: 100px; position: fixed; z-index: 100;
-webkit-box-shadow: 0px 5px 15px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    0px 5px 15px 0px rgba(50, 50, 50, 0.25);
box-shadow:         0px 5px 15px 0px rgba(50, 50, 50, 0.25); }
header h1 { float: left; width: 245px; margin: 5px 0 0 10px; padding: 0;}
header .contact { float: right; width: 320px; margin: 0; padding: 0;}
header .contact ul { width: 100%; margin: 20px 0 0 0; padding: 0; list-style: none;}
header .contact li { float: left; width: 100px; height: 44px;  margin-right: 7px; padding: 6px 0 0 0; color: #FFF; font-size: 12px; line-height: 1em; font-weight: bold; text-align: center;}
header .contact li:last-child { margin-right: 0;}
.contact li.insta { background: -webkit-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -webkit-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
    background: -moz-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -moz-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
    background: -ms-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -ms-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
    background: -o-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -o-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
    background: radial-gradient(circle farthest-corner at 32% 106%, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), linear-gradient(135deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);border-radius: 6px;}
.contact li.twitter { background:#5ea9dd;border-radius: 6px;}
.contact li.tel { background:#9b4ac5; border-radius: 6px;}
.contact li.form { background:#e84f8d;border-radius: 6px;}
.contact li.line { background:#00c402;border-radius: 6px;}
.contact li a:link,
.contact li a:visited { display: block; color: #FFF; text-decoration: none; padding-top: 2px;width:100%; height: 100%;}
.contact li p { margin: 0 auto; padding: 0; text-align: center;}

section { width: 980px; margin: 0 auto; text-align: center;}

/* section01 */
#section01 { background: #f4ebfb; padding: 50px 0px 0px 0px; clear:both; text-align: center; margin: 0 auto;}
#section01 img { margin: 0; padding: 0; width: 100%; height: auto;}

/* section02 */
#section02 { background: #f6f2f2; padding: 7px 7px; min-height: 250px; border-bottom: 1px solid #e0e0e0; clear:both; text-align: center; margin: 0 auto;}
#section02 h2 { font-family: YuMincho,'Yu Mincho',serif; font-size: 21px;overflow: hidden;text-align: center; font-weight: bold;}
#section02 h2 strong { color: #cd5c8a;}
#section02 h2 span {position: relative;display: inline-block;margin: 0 1em;padding: 0 0.25em;text-align: left;}
#section02 h2 span::before,
#section02 h2 span::after {position: absolute;top: 50%;content: '';width: 400%;height: 1px;background-color: #333;}
#section02 h2 span::before {right: 100%;}
#section02 h2 span::after {left: 100%;}
#section02 .nayami-list-01 {}
#section02 .nayami-list-01 ul { float: none; position:  relative; list-style: none;  -webkit-flex-direction:row; display: flex; display:-webkit-box; display:-webkit-flex; justify-content: center; -webkit-justify-content: center;}
#section02 .nayami-list-01 li {-webkit-box-flex:3; -webkit-flex:3; position: relative; width: 100%; padding: 0; margin-right: 10px;}
#section02 .nayami-list-02 { width: 65%; text-align: center; margin: 0 auto;}
#section02 .nayami-list-02 ul { float: none; position:  relative; list-style: none;  -webkit-flex-direction:row; display: flex; display:-webkit-box; display:-webkit-flex; justify-content: center; -webkit-justify-content: center;}
#section02 .nayami-list-02 li { -webkit-box-flex:2; -webkit-flex:2; position: relative; width: 100%; padding: 0; margin-right: 10px;}

/* section03 */
#section03 { background: #FFF; background-size: auto 60%; padding: 7px 7px;border-bottom: 1px solid #e0e0e0; clear:both; text-align: center; margin: 0 auto;}
#section03 h2 {font-family: YuMincho,'Yu Mincho',serif; font-size: 21px; letter-spacing: 0; color: #FFF; text-align: center;position: relative;height: 30px;line-height: 30px;padding: 0 0.5em;background-color: #b08cc3; font-weight: bold;}
#section03 h2::before,
#section03 h2::after {content: '';position: absolute;}
#section03 h2::before {top: 0;left: 0;z-index: 2;border-width: 15px 5px;border-style: solid;border-color: transparent;border-left-color: #f8f9fe;}
#section03 h2::after {top: 0;right: 0;z-index: 2;border-width: 15px 5px;border-style: solid;border-color: transparent;border-right-color: #f8f9fe;}
#section03 img { width:100%; height: auto; margin: 0;}

/* section04 */
#section04 { background: #f6f2f2; padding: 14px 7px 14px 7px; clear:both; text-align: center; margin: 0 auto;}
#section04 strong { color:  #d46f84;background: #ffeaee; border-radius: 6px; padding: 2px;}
#section04 h2 { position: relative; text-align: left;  width: 88%; left: 40px;top: -55px; letter-spacing: 0; margin-bottom: -45px; color:  #FFF; font-weight: bold; font-family: YuMincho,'Yu Mincho',serif; font-size: 21px;  font-weight: bold;
text-shadow: 1px 1px 1px #d46f84,
-1px 1px 1px #d46f84,
1px -1px 1px #d46f84,
-1px -1px 1px #d46f84;}
#section04 .point1-list { font-size: 95%;}
#section04 .point1-list h3 { font-size: 15px; padding: 5px 0;}
#section04 .point1-list ul { float: none; position:  relative; list-style: none;  -webkit-flex-direction:row; display: flex; display:-webkit-box; display:-webkit-flex; justify-content: center; -webkit-justify-content: center;}
#section04 .point1-list li {-webkit-box-flex:3; -webkit-flex:3; position: relative; width: 100%; padding: 0; margin-right: 10px;}
#section04 .point1-list li:last-child { margin-right: 0;}
#section04 .point1-list img{ margin: 12px 0px; border-radius: 50%;
-webkit-box-shadow: -1px -1px 7px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    -1px -1px 7px 0px rgba(50, 50, 50, 0.25);
box-shadow:         -1px -1px 7px 0px rgba(50, 50, 50, 0.25);}

/* section05 */
#section05 { background: url(../images/section05_bg.gif) repeat-y center top; background-size: 100% auto; padding: 14px 36px; clear:both; text-align: center; margin: 0 auto;}
#section05 p { font-size: 95%;}
#section05 h2 { position: relative; font-family: YuMincho,'Yu Mincho',serif; font-size: 21px;  font-weight: bold;}
#section05 h2:after{content:"";display:block;height:9px;width:86%;margin: 0 auto;background:rgba(176,140,195,0.5);position:absolute;bottom:2px; left: 7%;}
#section05 .level1{ margin-right: 5px; padding: 2px 8px; background: #bf9c47; color: #FFF;}
#section05 .level2{ margin-right: 5px; padding: 2px 8px; background: #9d8d8c; color: #FFF;}
#section05 .level3{ margin-right: 5px; padding: 2px 8px; background: #c2391e; color: #FFF;}
#section05 a:link,
#section05 a:visited { color: #3399ff;}
#section05 strong { color: #d46f84; font-size: 120%;background: #ffeaee; border-radius: 6px; padding: 2px;}

/* section06 */
#section06 { background: #f6f2f2; padding: 14px 7px 7px 7px; clear:both; text-align: center; margin: 0 auto;}
#section06 img { width:100%; height: auto; margin: 0px;}

/* section07 */
#section07 { background: #f6f2f2; padding: 14px 7px 0 7px; clear:both; text-align: center; margin: 0 auto;}
#section07 h2 { position: relative; text-align: left;  width: 88%; left: 40px;top: -55px; margin-bottom: -45px; color:  #FFF; font-weight: bold; font-family: YuMincho,'Yu Mincho',serif; font-size: 21px; font-weight: bold;
text-shadow: 1px 1px 1px #d46f84,
-1px 1px 1px #d46f84,
1px -1px 1px #d46f84,
-1px -1px 1px #d46f84;}
.strong { color: #00c402; background: #e8ffe8; border-radius: 6px; padding: 2px;}

/* section08 */
#section08 { background: #f6f2f2; padding: 14px 7px 14px 7px; clear:both; text-align: center; margin: 0 auto;}
#section08 h2 { position: relative; text-align: left;  width: 88%; left: 40px;top: -55px; letter-spacing: -0.05em; margin-bottom: -45px; color:  #FFF; font-weight: bold; font-family: YuMincho,'Yu Mincho',serif; font-size: 21px;  font-weight: bold;
text-shadow: 1px 1px 1px #d46f84,
-1px 1px 1px #d46f84,
1px -1px 1px #d46f84,
-1px -1px 1px #d46f84;}
#section08 .img-list ul { list-style: none; width: 100%; text-align:  center; margin: 0 auto;}
#section08 .img-list li { float: left; width: 47%; height: auto; margin-right: 6%; margin-bottom: 5px; padding: 0;}
#section08 .img-list li:last-child { margin-right: 0;}
#section08 .img-list img,
#section08 .add img{ 
-webkit-box-shadow: -1px -1px 7px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    -1px -1px 7px 0px rgba(50, 50, 50, 0.25);
box-shadow:         -1px -1px 7px 0px rgba(50, 50, 50, 0.25);}
#section08 .item-list { margin-bottom: 15px;}
#section08 .item-list ul { float: none; position:  relative; list-style: none;  -webkit-flex-direction:row; display: flex; display:-webkit-box; display:-webkit-flex; justify-content: center; -webkit-justify-content: center;}
#section08 .item-list li {font-size: 12px; -webkit-box-flex:4; -webkit-flex:4; position: relative; width: 100%; padding: 0; margin-right: 5px; text-align: left; letter-spacing: -0.15em;}
#section08 .item-list li:last-child { margin-right: 0;}
#section08 .price { clear: both;}
#section08 strong { color: #d46f84; background: #ffeaee; border-radius: 6px; padding: 2px;}

/* section-voice */
#section-voice { background: #FFF; background-size: auto 60%; padding: 7px 7px;border-bottom: 1px solid #e0e0e0; clear:both; text-align: center; margin: 7px auto 0 auto}
#section-voice h2 {font-family: YuMincho,'Yu Mincho',serif; font-size: 21px; font-weight: bold; letter-spacing: 0em; color: #FFF; text-align: center;position: relative;height: 30px;line-height: 30px;padding: 0 0.5em;background-color: #b08cc3;}
#section-voice h2::before,
#section-voice h2::after {content: '';position: absolute;}
#section-voice h2::before {top: 0;left: 0;z-index: 2;border-width: 15px 5px;border-style: solid;border-color: transparent;border-left-color: #f8f9fe;}
#section-voice h2::after {top: 0;right: 0;z-index: 2;border-width: 15px 5px;border-style: solid;border-color: transparent;border-right-color: #f8f9fe;}
#section-voice .slider img { text-align: center; margin: 0 auto; width: 84px; height: auto;}
#section-voice .voice-name  { text-align: center; margin: 0 auto 10px auto;}
#section-voice .voice-name span { font-weight: bold; background: #d9cdfb;text-align: center; margin: 0 auto; }
#section-voice .comment { text-align: left; position: relative;background-color: #fff;padding: 5px; font-size: 95%; border: 1px solid #ccc; clear: both;border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
#section-voice .comment:before { content: "";position: absolute;top: -10px;left: 50%;margin-left: -10px;width: 0;height: 0;border-bottom: 10px solid #ccc; border-left: 10px solid transparent;border-right: 10px solid transparent;}
#section-voice .comment:after {content: "";position: absolute;top: -9px;left: 50%;margin-left: -10px; width: 0;height: 0;border-bottom: 10px solid #fff; border-left: 10px solid transparent;border-right: 10px solid transparent;}
.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: 1;
    color: #b08cc3;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-prev, .slick-next { z-index: 100;top:48px; width: 20px; height: 22px;}
.slick-prev { left:0;}
.slick-next { right:0;}

/* section10 */
#section10 { background: #FFF; background-size: auto 60%; padding: 7px 7px;border-bottom: 1px solid #e0e0e0; clear:both; text-align: center; margin: 0 auto;}
#section10 h2 {font-family: YuMincho,'Yu Mincho',serif; font-size: 21px;font-weight: bold; letter-spacing: 0; color: #FFF; text-align: center;position: relative;height: 30px;line-height: 30px;padding: 0 0.5em;background-color: #b08cc3;}
#section10 h2::before,
#section10 h2::after {content: '';position: absolute;}
#section10 h2::before {top: 0;left: 0;z-index: 2;border-width: 15px 5px;border-style: solid;border-color: transparent;border-left-color: #f8f9fe;}
#section10 h2::after {top: 0;right: 0;z-index: 2;border-width: 15px 5px;border-style: solid;border-color: transparent;border-right-color: #f8f9fe;}
#section10 .acordion { text-align: left; padding-bottom: 10px;}
#section10 .trigger{padding:0px 0px 0px 0px; font-weight: bold; cursor: pointer; color: #a38fc2; font-size: 110%; }
#section10 .trigger.active{}
#section10 .acordion_tree{padding:5px; border: 1px dotted #cdc2df; border-radius: 6px;}

/* --------- plan --------- */
.plan-box { border: 1px solid #d46f84; padding: 0px 5px 0px 5px; margin-bottom: 7px; border-radius: 6px;}
.plan-box dt { background: #d46f84; margin:0px -5px 0px -5px; padding:3px;}
.plan-box h3 { color: #FFF; font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; padding: 0px; margin:0px; line-height: 1em; text-align:center; font-weight: bold; font-size: 100%; border:0;}
.plan-box dd p { font-size: 95%;margin-top: 5px;}
.plan-box .dp { border-bottom: 1px solid #ccc; vertical-align: middle;  padding-bottom: 5px; font-size: 13px; margin-top: -10px;}
.plan-box .dp img { width: 15%; }
.plan-box .num { background: #aa8fc2; border-radius: 50%; color: #FFF; padding: 0px 4px;}
.diploma img{ float: right; margin:0px 0px 0px 25px;  width:25%; }
.plan-li-01 {display: table;border-collapse: separate;border-spacing:10px 5px;width: 100%; text-align: center; margin: 0 auto;}
.plan-li-01 li {display: table-cell;background: #e6e1f0; list-style: none;width: 100%;padding: 10px; width: 49%; margin-bottom: 10px;}
.plan-li-01 strong {  text-align: center; color: #333; font-size: 110%; font-weight: bold;}
.plan-li-01 p {text-align: left; margin-top: 10px;}
.plan-li-01 h4{text-align: center; color: #7f63a9; font-size: 120%; font-weight: bold; font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;}
.plan-li-02 { overflow: hidden;position: relative; padding: 5px 0px 0px 0px; width: 100%;}
.plan-li-02 ul {float:left;left: 50%;position: relative; margin: 0; padding: 0;}
.plan-li-02 li { float:left; list-style: none; padding-bottom: 0px;left: -50%;position: relative;}
.plan-li-03 { overflow: hidden;position: relative; padding: 5px 0px;}
.plan-li-03 ul { left: 50%;position: relative; margin: 0; padding: 0;}
.plan-li-03 li { list-style: none; padding-bottom: 5px;left: -50%;position: relative;}
.plan-chip-01 { background: #d46f84; color: #FFF; font-size: 13px; font-weight:bold; padding: 0px 4px; margin: 2px; line-height: 21px;}
.plan-chip-02 { background: #edcdda; color: #333; font-size: 13px; font-weight:bold; padding: 0px 4px; margin: 2px; line-height: 21px;border-radius: 4px;}
.plan-chip-03 { background: #FFFFFF; color: #000; font-size: 13px; font-weight:bold; padding: 0px 4px; margin: 2px; line-height: 21px;border: 1px solid #000;}
.plan-chip-04 { background: #FFFFFF; color: #000; font-size: 13px; font-weight:bold; padding: 0px 4px; margin: 2px; line-height: 21px;border: 1px solid #333;border-radius: 4px;}
.plan-chip-04 strong { color: #d46f84; font-size: 13px;}
.b-plus, .b-arrow { font-weight: bold; color: #000; text-align: center; font-size: 140%;}

/* footer-contact*/
.contact { margin: 0 auto; padding: 7px;}
.contact-bottom ul { float: none; position:  relative; list-style: none;  -webkit-flex-direction:row; display: flex; display:-webkit-box; display:-webkit-flex; justify-content: center; -webkit-justify-content: center;}
.contact-bottom li {-webkit-box-flex:3; -webkit-flex:3; position: relative; width: 100%; padding: 0; color: #FFF; font-size: 21px; font-weight: bold; text-align: center; margin-right: 7px;}
.contact-bottom li:last-child { margin-right: 0;}
.contact-bottom li.insta { padding-top: 8px;
	background: -webkit-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -webkit-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
    background: -moz-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -moz-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
    background: -ms-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -ms-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
    background: -o-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -o-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
    background: radial-gradient(circle farthest-corner at 32% 106%, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), linear-gradient(135deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);border-radius: 6px;}
.contact-bottom li.twitter { background:#5ea9dd;border-radius: 6px;padding-top: 8px;}
.contact-bottom li.tel { background:#9b4ac5; border-radius: 6px; padding-top: 6px;}
.contact-bottom li.form { background:#e84f8d;border-radius: 6px; padding-top: 6px;}
.contact-bottom li.line { background:#00c402;border-radius: 6px; padding-top: 6px;}
.contact-bottom li a:link,
.contact-bottom li a:visited { display: block; color: #FFF; text-decoration: none; width:100%; height: 100%;}
.contact-bottom li p { margin: 0 auto; padding: 0; text-align: center;}

/* Footer */
footer { background: #574f4f; min-height: 56px; text-align: center; margin: 0 auto; vertical-align: middle;}
#footer {clear: both;color: #FFF ; font-size: 8px; padding-top: 20px;}


@media screen and (max-width: 768px){
    header h1 { float: none; width: 180px; margin: 5px auto 0 auto; padding: 0; text-align: center;}
    header .contact { float: none; width: 320px; margin: 0 auto; padding: 0; text-align: center;}

    #section01 { padding: 134px 0px 0px 0px;}

    #section03 h2 { font-size: 13px;}

    #section04 h2,
    #section08 h2 { font-size: 18px;}

    section { width: 100%; margin: 0 auto; text-align: center;}
}