@charset "euc-jp";

/* GoogleFonts */
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url('https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c&display=swap');
/* Font Awesome */
@import url(http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
 
/* HTML5用に初期化 */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:transparent;
        color: #696969;
}                  
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display:block;
}
nav ul {
	list-style:none;
}
 
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,q:before, q:after {
	content:''; content:none;
}
body {
        font-family: 'Noto Sans JP', sans-serif;
}
a {
	color: #3581FF;
        text-decoration: none;
	vertical-align:baseline;
	background:transparent;
}
a:hover {
        opacity: 0.5 ;
}
h1, h2, h3 {
        font-weight:900;
}
 
p,li,dd {
        font-weight:400;
}
ins {
	background:#ff9;
	color:#000;
	text-decoration:none;
}
mark {
	background:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}
h1 {
	margin: 10px 0 0 0;
}

h3 {
	font-size: 1.2em;
}
h3:before {
	content:'・ ';
	color: #3581FF;
}
h4 {
	margin: 10px 20px;
	font-size: 1.2em;
}
h5 {
	margin: 10px 30px;
	font-size: 1.5em;
}
p , table{
	margin: 10px;
	line-height: 1.5em;
	font-size: 1.2em;
        text-align: justify;
        text-justify: inter-ideograph;
}

/* 共通 */
body {
	background-color: #FFF;
}

/* 共通ヘッダー */
#header-container {
        position: fixed;
        z-index: 1000;
        width: 100%;
        height:90px;
	background-color: #FFF;
	margin: 0px auto;
	padding:0;
	}

#header-container:after {
        content: '';
        display:block;
        clear:both;
}

header {
        width: 100%;
	margin: 0px auto;
	}

header h1{
        position: fixed;
        z-index: 1000;
	//float: left;
        width: 250px;
}
header h1 a img{
        position: fixed;
        z-index: 1000;
        width: 250px;
}
header #Phone img{
        position: fixed;
        z-index: 1000;
        top: 15px;
        right: 0px;
	//float: right; 
        width: 263px;
}
@media screen and (max-width: 768px){
#header-container {
                width: 100%;
                height:70px;
                padding:0;
	}
#header-container header h1 a img{
                width:45%;
        }
#header-container header #Phone{
                width:40%;
}
#header-container header #Phone img{
                width:45%;
}
/* ** */}

/* 共通グローバルナビゲーション */
#global-navigation-container {
        position: fixed;
        z-index: 1000;
        width: 100%;
        height: 50px;
	margin: 90px auto 0px auto;
	background-color: #31ba00;
	}

#global-navigation-container  nav ul {
        z-index: 1000;
        width: 100%;
        height: 50px;
	margin: 0px auto;
	}

#global-navigation-container  nav li {
        z-index: 1000;
        display:inline-block;
        width: calc(25% - 6px);
        height: 50px;
	//float: left;
        list-style-type: none;
	padding: 20px auto;
	}

#global-navigation-container  nav li a {
        z-index: 1000;
	display: block;
        line-height: 50px;
        text-align: center;
        text-decoration: none;
/*
        text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
                -1px 1px 0 #FFF, 1px -1px 0 #FFF,
                0px 1px 0 #FFF,  0-1px 0 #FFF,
                -1px 0 0 #FFF, 1px 0 0 #FFF;
*/
        vertical-align: middle;
	border-left: 2px solid #FFF;
	color: #FFF;
        font-size:1.4em;
        font-weight:bold;
	background-color: #31ba00;
        font-family: 'M PLUS Rounded 1c', sans-serif;
	}

#global-navigation-container nav li a:hover {
        opacity: 0.5 ;
	background-color: #339900;
	}

@media screen and (max-width: 768px){
#global-navigation-container {
                width: 100%;
	        margin: 70px auto 0px auto;
                height: 102px;
        }
#global-navigation-container  nav li {
                width:calc(50% - 4px);
                border-bottom:2px solid #FFF;
}
#global-navigation-container  nav li a {
                font-size:0.9em;
}
/* ** */}



/*page-topへ戻るボタン*/
#pageTop {
        position: fixed;
        bottom: 20px;
        right: 20px;
        font-size: 1.5em;
}
#pageTop a {
        background: #666;
        text-decoration: none;
        color: #FFF;
        width: 100px;
        padding: 30px 0;
        text-align: center;
        display: block;
        border-radius: 5px;
}
#pageTop a:hover {
        text-decoration: none;
        background: #999;
}

@media screen and (max-width: 768px){
#pageTop {
        position: fixed;
        bottom: 10px;
        right: 10px;
        font-size: 0.9em;
}
#pageTop a {
        width: 100px;
        padding: 20px 0;
}
/* ** */}

/* 共通コンテンツ */
#main-container,
#main-container-entry {
        clear: both;
	text-align: left;
        width: 80%;
	margin: 0px auto;
	padding: 5px;
}
#main-container-entry{
        padding-top:140px;
}

#main-contents {
        /*float: left;
        width: 654px;*/
	padding: 10px;
        min-height: 500px;
        -webkit-box-ordinal-group: 1;　/* Safari,Google Chrome用（2番目に表示 */  
        -moz-box-ordinal-group: 1;　/* Firefox用（2番目に表示） */ 
}

#main-contents table {
	background-color: #EFEFEF;
}

#main-contents th, #main-contents td{
	padding: 5px 10px;
	border: 1px solid #FFFFFF;
}

#main-contents dl, #main-contents ul {
	margin: 0px auto 10px auto;
}

#main-contents p, #main-contents dt, #main-contents dl, #main-contents li{
	margin: 0px 30px 10px  30px;
        line-height: 150%;
        list-style: none;
}
@media screen and (max-width: 768px){
#main-container,
#main-container-entry{
        width: 100%;
        margin:0;
	padding: 0;
}
#main-container-entry{
        padding-top:170px;
}


/* ** */}

/* slickスライダー */
.center {
        width: 100%;
        margin:0 auto;
}
.center img {
        width: 100%;
        height: auto;
}

.center li{
        position: relative;/*相対配置*/
}

.slick-prev:before,
.slick-next:before {
        color: #FFF;
        font-size: 40px;
}
.slick-prev,
.slick-next {
        display: inline-block;
        color: #FFF;
        height: 40px;
        z-index: 100;
}
.slick-prev:before {
        content: '＜';
}
.slick-next:before {
        content: '＞';
}
.slick-dots li button:before {
        display:none;
        font-size: 28px;
}

@media (min-width: 480px) {
.center {
        width: 480px;
}
.slick-next {
        right: 10px;
        z-index: 100;
}
.slick-prev {
        left: 10px;
        z-index: 100;
}
/* ** */}
@media (min-width: 768px) {
        .center {
                width: 100%;
                padding-top:140px;
        }
        .slick-next {
                right: 30px;
                padding-top:80px;
        }
        .slick-prev {
                left: 30px;
                padding-top:80px;
        }
        /* ** */}
@media screen and (max-width: 768px){
        .slick-dotted.slick-slider{
                width: 100%;
                margin:0;
	        padding: 0;
	        padding-top: 174px;
        }
/* ** */}


/* slick画像内の文字*/
.textphoto{
        position: absolute;/*絶対配置*/
        color: #FFF;/*文字は白に*/
        top: 0;
        left: 0;
        z-index: 100;
        font-family: 'M PLUS Rounded 1c', sans-serif;
        width:100%;
        margin:20px auto 0 100px;
}

.textphoto h2{
        width:60%;
        margin:0;
        padding:10px;
        border:0;
        border-radius: 10px;        /* 角丸 */  
        -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
        -moz-border-radius: 10px;   /* Firefox用 */
        //background-color:orange;
        text-align:center;
        color:#FFF;
        font-size:2.5em;
        font-weight:bold";
}
.textphoto .textphoto-orange{
        background-color: rgba(255,127,0,0.8);/* 背景色透過20% */
}
.textphoto .textphoto-blue{
        background-color: rgba(72,118,255,0.8);/* 背景色透過20% */
}
.textphoto .textphoto-green{
        background-color: rgba(49,186,0,0.8);/* 背景色透過20% */
}

.textphoto h3{
        width:60%;
        font-size:1.5em;
        color:#000;
        font-weight:bold;
}
.textphoto h3:before {
	content:none;
}
.textphoto p{
        width:60%;
        margin:0;
        padding:10px;
        border-radius: 10px;        /* 角丸 */  
        -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
        -moz-border-radius: 10px;   /* Firefox用 */
        background-color: rgba(255,255,255,0.5);/* 背景色透過50% */
        font-size:1.3em;
        color:#000;
        //font-weight:bold;
        line-height:2em;
}
.textphoto p .red{
        color:#FF0000;
}
@media screen and (max-width: 768px){
        .textphoto{
                margin:5px auto 0 auto;
        }
        .textphoto h2{
                width:90%;
                padding:5px;
                margin:0 auto;
                font-size:1em;
        }
        .textphoto h3{
                display:none;
        }
        .textphoto p{
                width:90%;
                margin:5px auto 0 auto;
                padding:5px;
                font-size:0.6em;
                line-height:1.1em;
        }
/* ** */}

/* トップページコンテンツ */
.ToppageTopic{
        width:100%;
        margin:0 auto;padding:0;
}
.ToppageTopic h2{
        width:calc(100%-40px);
        margin:0 auto;
        padding:20px;
        border:10px solid green;
        text-align:center;
        font-size:1.8em;
        color:green;
}
.ToppageTopic h3{
        line-height:2em;
        font-family: 'M PLUS Rounded 1c', sans-serif;
        font-size:1.5em;
}
.ToppageTopic p{
        line-height:2em;
        font-family: 'M PLUS Rounded 1c', sans-serif;
        font-size:1.5em;
}
.ToppageTopic table{
        width:100%;
        margin:0 auto;
        padding:20px;
        border:1px solid #CCC;
}
.ToppageTopic th{
        width:33%;
        margin:0 auto;
        padding:20px;
        border:1px solid #CCC;
        background-color:#CCC;
        font-size:1.2em;
}
.ToppageTopic td{
        width:33%;
        margin:0 auto;
        padding:20px;
        border:1px solid #CCC;
        background-color:#CCC;
        font-size:1.2em;
}
.ToppageTopic .rhght{
        text-align:right;
        font-size:1.2em;
        font-weight:bold;
}
.ToppageTopic #contact{
        width:calc(100%-40px);
        margin:0 auto;
        padding:20px auto;
        border:10px solid green;
                border-radius: 10px;        /* 角丸 */  
                -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
                -moz-border-radius: 10px;   /* Firefox用 */
        background-color:green;
        text-align:center;
        font-family: 'M PLUS Rounded 1c', sans-serif;
        font-size:1.8em;
        font-weight:bold;
        color:#FFF;
}
.ToppageTopic #contact a{
        line-height:1.2em;
        color:#FFF;
}
.ToppageTopic #contact i{
        line-height:1.2em;
        font-size:3em;
        font-weight:bold;
        color:#FFF;
}
.ToppageTopic #contact .phone{
        line-height:1.5em;
        font-family: 'M PLUS Rounded 1c', sans-serif;
        font-size:3em;
        font-weight:bold;
        color:#FFF;
}
@media screen and (max-width: 768px){
        .ToppageTopic #contact{
                width: calc(100% - 60px);
        }
        .ToppageTopic h2{
                width: calc(100% - 70px);
                margin:5px auto;
                font-size:1.2em;
        }
        .ToppageTopic h3{
                width:calc(100% - 20px);
                margin:5px auto;
                font-size:0.8em;
        }
        .ToppageTopic table{
                width:calc(100% - 20px);
                margin:5px auto;
                padding:5px;
        }
        .ToppageTopic th,
        .ToppageTopic td,
        .ToppageTopic .rhght {
                font-size:0.8em;
        }
        .ToppageTopic p{
                font-size:1em;
        }
        .ToppageTopic #contact{
                width:calc(100% - 40px);
                margin:5px auto;
                padding:5px;
                font-size:0.8em;
        }
        .ToppageTopic #contact i, .ToppageTopic #contact .phone{
                font-size:2em;
        }
/* ** */}

/* トップページ新着情報・施工事例*/
#toppage-contents {
        width: 100%;
        min-height: 500px;
        -webkit-box-ordinal-group: 1;　/* Safari,Google Chrome用（2番目に表示 */  
        -moz-box-ordinal-group: 1;　/* Firefox用（2番目に表示） */ 
}

#toppage-contents section {
        float: left;
        display:block;
        width: calc(50% - 22px);
        margin: 10px auto 10px auto;
        //border-left: 1px solid #CFCFCF;
        -webkit-box-ordinal-group: 1;　/* Safari,Google Chrome用（2番目に表示 */  
        -moz-box-ordinal-group: 1;　/* Firefox用（2番目に表示） */
        background-color:#EFEFEF;
}

#toppage-contents section h2 {
        width: 100%;
        margin: 18px auto;
}

#toppage-contents section ul {
        margin: 18px auto 18px auto;
}

#toppage-contents section li {
        display: block;
        width: 100%;
        margin: 0px auto 5px auto;
        font-size: 1.2em;
        line-height: 2em;
        list-style-type: none;
}
#toppage-contents section li:before {
        content:'・ ';
        color: #3581FF;
}
@media screen and (max-width: 768px){
        #toppage-contents section {
                clear: both;
                width:95%;
                margin: 10px auto;
                border-left: 0;
                background-color:#EFEFEF;
        }
        #toppage-contents section h2 img {
                display:block;
                width:95%;
                margin: 10px auto;
        }

        #toppage-contents section ul li{
                display:block;
                width:95%;
                margin: 10px auto;
                font-size: 1em;
        }
        #toppage-contents section ul li:before {
	        content:'・ ';
	        color: #3581FF;
                }
/* ** */}

/* 共通右ナビゲーション*/
#side-area-right section {
        float: left;
        width: 33%;
        margin: 10px auto 10px auto;
        border-left: 1px solid #CFCFCF;
        min-height: 700px;
        -webkit-box-ordinal-group: 1;　/* Safari,Google Chrome用（2番目に表示 */  
        -moz-box-ordinal-group: 1;　/* Firefox用（2番目に表示） */
}
#side-area-right ul {

}
#side-area-right li {
        display:inline;
        margin: 10px auto 2px auto;
        list-style-type: none;
}

#side-area-right li img{
        margin: 0px;
}

@media screen and (max-width: 768px){
        footer {
                font-size: 0.9em;
        }
/* ** */}

/* コンテンツ下部 */
#main-bottom-contents {
        clear: both;
	text-align: left;
        width: 100%;
	margin: 0px auto;
}

#main-bottom-contents h2 {
	margin: 10px auto;
	padding: 10px;
	border: 1px solid #CCCCCC;
	background-color: #EFEFEF;
        font-size: 100%;
}

#main-bottom-contents h3 {
        margin: 10px auto 10px 20px;
        font-size: 90%;
}

#main-bottom-contents ul {
       margin: 10px auto 10px 20px;
}

#main-bottom-contents li {
	display: inline-block;
        font-size: 80%;
}

/* 共通フッター */
#footer-container {
        clear: both;
        width: 100%;
        height: 500px;
	background-color: #EEEEEE;
	border-top: 1px solid #CCCCCC;
	margin: 0px auto;
	padding: 20px 0px;
}

footer {
	width: 80%;
        font-size: 1.2em;
	text-align: left;
	margin: 0px auto;
}

footer li {
        display:inline;
        line-height: 1.5em;
        list-style: none;
}

footer li:before {
    content: '｜';
}
@media screen and (max-width: 768px){
        footer {
                font-size: 0.9em;
        }
/* ** */}

/*太陽光発電事業 http://www.eco-field.jp/entry/396 */
/*省エネ事業 http://www.eco-field.jp/entry/397 */
/*リフォーム事業 http://www.eco-field.jp/entry/325 */
/*プロパン事業 http://www.eco-field.jp/entry/398*/
#entry396{}
#entry396 h2,
#entry397 h2,
#entry325 h2,
#entry398 h2{
        margin: 20px auto;
}
#entry396 h3,
#entry397 h3,
#entry325 h3,
#entry398 h3{
        margin: 20px auto;
        padding: 10px;
        background-color:orange;
        color:#FFF;
}
#entry396 h3:before,
#entry397 h3:before,
#entry325 h3:before,
#entry398 h3:before{
        content: '■';
        color:#FFF;
}
#entry396 h4 {
        font-size:1.5em;
}
#entry396 h4:before {
        content: '■';
        color:orange;
}
#entry396 img,
#entry397 img,
#entry325 img,
#entry398 img {
        display:block;
        margin: 0 auto;
}
#entry396 table{
        margin: 20px auto;
}

#entry396 table tr th, 
#entry396 table tr td {
        white-space:nowrap;
        font-size:1em;
}

#entry396 li{
        list-style-type:none;
        line-height: 2em;
}

#entry325 #gaina h4{
        font-size:1.5em;
        list-style-type:none;
        line-height: 2em;
}
#entry325 #gaina h4:before {
        content: '■';
        color:orange;
}
#entry325 #gaina dl{
        padding:0 20px;
}
#entry325 #gaina dt{
        color:#31ba00;
        font-size:1.2em;
        font-weight:bold;
        line-height: 2em;
}
#entry325 #gaina dt:before {
        font-family: FontAwesome;
        content: "\f14a　";/*Unicode*/
        color:#31ba00;
}
#entry325 #gaina dd{
        font-size:1.2em;
        line-height: 2em;
}

@media screen and (max-width: 768px){
        #entry396 h3,
        #entry397 h3,
        #entry325 h3,
        #entry398 h3,{
                font-size:1em;
        }
        #entry396 h4,
        #entry325 #gaina h4 {
                font-size:1em;
        }
        #entry396 p,
        #entry397 p,
        #entry325 p,
        #entry398 p,
        #entry325 #gaina dt,
        #entry325 #gaina dd{
                font-size:0.9em;
        }
        #entry396 table{
                margin: 10px auto;
        }
        #entry396 table tr th, 
        #entry396 table tr td {
                padding: 10px;
                font-size:0.8em;
        }

/* ** */}

#entry398 table{
margin:20px auto;
}
#entry398 table tr td{
width:24%;
}


/* 問い合わせフォーム http://www.eco-field.jp/contactus/1*/

/* reset */
button,
option,
select,
textarea,
input[type="button"],
input[type="submit"],
input[type="number"],
input[type="email"],
input[type="tel"],
input[type="text"],
input[type="select"],
input[type="option"],
input[type="checkbox"] {
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        appearance: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
        border: none;
        outline: 0;
        margin: 0;
        background: #fff;
}
/* デフォルトのradio、checkboxは非表示 */
input[type=radio],
input[type=checkbox] {
        display: none;
}
/* for firefox */
select {
        text-indent: 0.01px;
        text-overflow: '';
}
/* for ie10 ie11 ie系のプルダウンの矢印を消す ie9は非対応 */
select::-ms-expand {
        display: none;
}

textarea,
input[type="number"],
input[type="email"],
input[type="text"] {
        float:left;
        width: 60%;
        padding: 10px 15px;
        font-size: 14px;
        font-size: 1.4rem;
        border: 1px solid #ccc;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        margin-top: 20px;
}

input[type="tel"]{
        width: 15%;
        padding: 10px 15px;
        font-size: 14px;
        font-size: 1.4rem;
        border: 1px solid #ccc;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        margin-top: 20px;
}
textarea {
        height: 200px; /* お好みの高さに */
}
/* フォーカス時の色変更 */
textarea:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="text"]:focus {
        border: 1px solid #333;
}
.form-select {
        display: block;
        position: relative;
        width: 60%;
        height: 38px;
            font-size: 14px;
        font-size: 1.4rem;
        border: 1px solid #ccc;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        overflow: hidden;
        margin-top: 20px;
}
.form-select:after {
        position: absolute;
        display: block;
        content: '';
        width: 0;
        height: 0;
        /* ここで下向き矢印指定　今回はCSSで */
        border-top: 6px solid transparent;
        border-left: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid #333;
        top: 50%;
        right: 10px;
        margin-top: -3px;
        pointer-events: none;/* クリック出来るよう */
}
.form-select select {
        width: 100%;
        height: 35px;
        font-size: 14px;
        font-size: 1.4rem;
        padding: 0 10px;
        border: none;
        position: relative;
}
/* ie9対策 */
.form-select select:not(:target) {
        width: 120% \9;
}
button {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        width: 100%;
        height: 44px;
        display: block;
        position: relative;
        background: #111;
        color: #fff;
        text-align: center;
        border: 1px solid #111;
        cursor: pointer;
}
button:before {
        position: absolute;
        display: block;
        content: '';
        width: 98%;
        height: 3px;
        background: #ccc;
        bottom: -4px;
        left: 1%;
}

@media print,screen and (min-width: 1024px) {
        button {
                -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
                -moz-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
                -ms-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
                transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
        }
        button:hover {
                color: #111;
                background: #fff;
        }
/* ** */}

#newForm label{
        clear:both;
        float:left;
        display:block;
        width: 30%;
        margin: 10px;
        padding:20px;
        background-color:#CCC;
        font-size:1.2em;
        border: 1px solid #ccc;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
}
#newForm label:before{
        content: '●　';
        color:#31ba00;
}
#newForm .item{
        clear:both;
        margin-top: 20px;
        //background-color:#333;
}
#newForm .chk{
        float:left;
        width:60%;
        margin-top: 10px;
        padding:20px;
        //background-color:#333;
        border: 1px solid #ccc;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
}
#newForm .red{
        color:#FF0000;
}
#newForm .button-form{
        width:40%;
        margin:20px;
        padding:30px;
        background-color:orange;
        color:#FFF;
        font-size:2em;
        font-weight:bold;
}
#newForm .button-chk{
        width:40%;
        margin:20px;
        padding:30px;
        background-color:orange;
        color:#FFF;
        font-size:2em;
        font-weight:bold;
}
#newForm .button-back{
        width:40%;
        margin:20px;
        padding:30px;
        background-color:orange;
        color:#FFF;
        font-size:2em;
        font-weight:bold;
        background-color:#CCC;
}
@media screen and (max-width: 768px){
        #newForm label{
                clear:both;
                width: 90%;
                margin: 10px auto;
        }
        #newForm .item{
                width: 90%;
                margin: 10px auto;
        }
        textarea,
        input[type="text"],
        input[type="email"],
        input[type="button"]{
                display:block;
                width: 90%;
                margin: 10px auto;
        }
        #newForm .button-form,
        #newForm .item .chk{
               width: 90%;
                margin:20px auto;
                font-size: 1.2em;
        }
        #newForm .button-chk{
                width:50%;
                margin:20px auto;
                font-size: 1.2em;
        }
        #newForm .button-back{
                width:45%;
                margin:20px auto;
                font-size: 1.2em;
        }
/* ** */}