@charset "utf-8";
/* CSS Document */

/*-----トップスライド-----*/

/*.bg-slider{ background-image:url(../img/top/bg-slider.gif); background-repeat:no-repeat; background-position:center center; background-size:cover; z-index:10; position:absolute; width:100%; height:650px;}*/

body.toppage main .slide-head{ width:100%; position:relative; background-image: url(../img/top/slider-photo4.jpg); background-position:center center; background-size:cover;}
body.toppage main .bg_fixed1{
    /*min-height: 100% !important;
    display: table-row;
    table-layout: fixed;
    background-image: url(../img/main_img.jpg); */
	min-height:650px;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    z-index:1;
}
@media only screen and (max-width: 400px){ body.toppage main .bg_fixed1{ min-height:500px; }}
/*.slide-txt{
	position:absolute;
	display:inline-block;
    content: '';
    left: 50%;
    transform: translate(-50%, -50%);
	top: 50%;
    z-index: 10;
	}
.slide-txt img{ height:137px;}
#vegasSliderInner{ font-size:36px; text-align:center; font-family: 'Noto Serif Japanese'; letter-spacing:0.3em; color: #1a1a1a;}
#vegasSliderInner span{ background-color: rgba(255, 255, 255, 0.8); display:inline-block; margin:0 auto 16px; padding:10px;}
#vegasSliderInner span.slide-logo{ background:none !important;}
#vegasSliderInner span.slide-logo img{ height:100px;}*/

body.toppage main .slide-head p.sliderParts1{ position:absolute; left:0; top:0; z-index:10;}

@media only screen and (max-width: 1440px){ body.toppage main .slide-head p.sliderParts1 img{ width:350px;}}
@media only screen and (max-width: 1024px){ body.toppage main .slide-head p.sliderParts1 img{ width:300px;}}
@media only screen and (max-width: 600px){ body.toppage main .slide-head p.sliderParts1 img{ width:250px;}}
@media only screen and (max-width: 400px){ body.toppage main .slide-head p.sliderParts1 img{ width:150px;}}

body.toppage main .slide-head p.sliderParts2{ position:absolute; right:0; bottom:0; z-index:10;}

@media only screen and (max-width: 1440px){ body.toppage main .slide-head p.sliderParts2 img{ width:350px;}}
@media only screen and (max-width: 1024px){ body.toppage main .slide-head p.sliderParts2 img{ width:300px;}}
@media only screen and (max-width: 600px){ body.toppage main .slide-head p.sliderParts2 img{ width:250px;}}
@media only screen and (max-width: 400px){ body.toppage main .slide-head p.sliderParts2 img{ width:200px;}}

body.toppage main .slide-head p.sliderTxt{ position:absolute; left:5%; top:10%; z-index:10;}
@media only screen and (max-width: 768px){ body.toppage main .slide-head p.sliderTxt img{ width:500px; }}
@media only screen and (max-width: 600px){ body.toppage main .slide-head p.sliderTxt img{ width:400px; }}
@media only screen and (max-width: 400px){ body.toppage main .slide-head p.sliderTxt img{ width:300px; }}

/*----------トップページ----------*/

.boxTop{ width:100%; }

/*body.toppage main .slider img{ width:auto !important;}
body.toppage main .slider{ position:relative; height:650px; margin: 100px auto 0;}
body.toppage main .slider p.sliderParts1{ position:absolute; left:0; top:0; z-index:10;}
body.toppage main .slider p.sliderParts2{ position:absolute; right:0; bottom:0; z-index:10;}
body.toppage main .slider p.sliderParts2 img{} 
body.toppage main .slider p.sliderParts3{
    position: absolute;
    z-index: 11;
    right: 100px;
    top: -60px;
}
body.toppage main .slider p.sliderParts4{ position:relative;}*/

body.toppage main section.boxTop .blockTechnological{
	background: rgb(76,200,174);
	background: linear-gradient(90deg, rgba(76,200,174,1) 0%, rgba(127,206,221,1) 100%);
	padding:100px 0;
	text-align:center;
	color:#fff;
	}
@media only screen and (max-width: 1024px){ body.toppage main section.boxTop .blockTechnological{padding:60px 0;}}
body.toppage main section.boxTop .blockTechnological h3{ font-size:44px; font-family: 'Noto Sans JP', sans-serif; letter-spacing:0.1em; margin-bottom:60px; }
body.toppage main section.boxTop .blockTechnological h3 br{ display:none;}
@media only screen and (max-width: 1024px){ body.toppage main section.boxTop .blockTechnological h3 { font-size: 36px; margin-bottom: 40px;}}
@media only screen and (max-width: 1024px){ body.toppage main section.boxTop .blockTechnological h3 { font-size: 30px; margin-bottom: 30px;}}
@media only screen and (max-width: 600px){ body.toppage main section.boxTop .blockTechnological h3 br{ display:block;}}
body.toppage main section.boxTop .blockTechnological h4{ font-size:18px; line-height:2; letter-spacing:0.1em; margin-bottom:40px; }
@media only screen and (max-width: 1024px){ body.toppage main section.boxTop .blockTechnological h4 { font-size: 17px; line-height: 1.8;}}
@media only screen and (max-width: 600px){ body.toppage main section.boxTop .blockTechnological h4 { font-size: 14px; line-height: 1.6; width:90%; margin:0 auto 30px; text-align:justify;}}
@media only screen and (max-width: 600px){ body.toppage main section.boxTop .blockTechnological h4 br{ display:none;}}
body.toppage main section.boxTop .blockTechnological div{ width:860px; margin:0 auto;  }
@media only screen and (max-width: 1024px){ body.toppage main section.boxTop .blockTechnological div{ width:80%;}}
body.toppage main section.boxTop .blockTechnological div ul{ overflow:hidden; margin:0 -10% 0 0;}
body.toppage main section.boxTop .blockTechnological div ul li{ float:left; width:15%; margin:0 10% 0 0;}
@media only screen and (max-width: 600px){ body.toppage main section.boxTop .blockTechnological div ul li{ width:40%; }}
body.toppage main section.boxTop .blockTechnological div ul li p:nth-of-type(1){}
body.toppage main section.boxTop .blockTechnological div ul li p:nth-of-type(2) {
    font-size: 20px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80px;
}
@media only screen and (max-width: 1024px){ body.toppage main section.boxTop .blockTechnological div ul li p:nth-of-type(2) { font-size: 18px;}}
body.toppage main section.boxTop .blockStrong{
	background-image:url(../img/top/bg-strong.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	padding:140px 0;
	text-align:center;
	color:#fff;
	}
@media only screen and (max-width: 600px){ body.toppage main section.boxTop .blockStrong{ padding:60px 0;}}
body.toppage main section.boxTop .blockStrong h3{ margin:0 auto 80px;}
@media only screen and (max-width: 600px){ body.toppage main section.boxTop .blockStrong h3{ margin:0 auto 40px;}}
body.toppage main section.boxTop .blockStrong h3 span:nth-of-type(1){ display:block; font-size:16px; font-weight:700;}
@media only screen and (max-width: 600px){ body.toppage main section.boxTop .blockStrong h3 span:nth-of-type(1){ font-size:12px;}}
body.toppage main section.boxTop .blockStrong h3 span:nth-of-type(2){ display:block; font-size:44px; font-family: 'Noto Sans JP', sans-serif; letter-spacing:0.1em; }
@media only screen and (max-width: 1024px){ body.toppage main section.boxTop .blockStrong h3 span:nth-of-type(2){ font-size:40px;} }
@media only screen and (max-width: 600px){ body.toppage main section.boxTop .blockStrong h3 span:nth-of-type(2){ font-size:30px;} }
body.toppage main section.boxTop .blockStrong div{ width:860px; margin:0 auto; }
@media only screen and (max-width: 1024px){ body.toppage main section.boxTop .blockStrong div{ width:80%;} }
@media only screen and (max-width: 600px){ body.toppage main section.boxTop .blockStrong div{ width:60%;} }
body.toppage main section.boxTop .blockStrong div ul{ overflow:hidden; margin:0 -9.3333% 0 0;}
@media only screen and (max-width: 600px){ body.toppage main section.boxTop .blockStrong div ul{ margin:0;}}
body.toppage main section.boxTop .blockStrong div ul li{ float:left; width:24%; margin:0 9.3333% 0 0;}
@media only screen and (max-width: 600px){ body.toppage main section.boxTop .blockStrong div ul li{ float:none; display:block; width:100%; margin:0 auto 40px;}}
@media only screen and (max-width: 600px){ body.toppage main section.boxTop .blockStrong div ul li:last-child{ margin-bottom:0px;}}
body.toppage main section.boxTop .blockStrong div ul li p{ margin-bottom:40px;}
@media only screen and (max-width: 600px){ body.toppage main section.boxTop .blockStrong div ul li p{ margin-bottom:30px;} }
body.toppage main section.boxTop .blockStrong div ul li a{ display:block; width:80%; margin:0 auto; color:#fff; font-weight:700; border:solid 2px #fff; line-height:1; text-decoration:none; padding:14px 0 10px 0; border-radius:24px;}
body.toppage main section.boxTop .blockStrong div ul li a:hover{ background-color:#fff; transition:all 0.5s ease; color: #64c8af;}
@media only screen and (max-width: 600px){ body.toppage main section.boxTop .blockStrong div ul li a {
    width: 160px;
    font-size: 14px;
    padding: 12px 0 10px 0;
}}

body.toppage main section.boxTop .blockContents{ margin:0 auto; padding:100px 0; position:relative;}
@media only screen and (max-width: 600px){ body.toppage main section.boxTop .blockContents{ padding:60px 0;} }
body.toppage main section.boxTop .blockContents p.bg-top{ position:absolute; top:0; left:0; z-index:-1;}
body.toppage main section.boxTop .blockContents p.bg-bottom{ position:absolute; bottom:0; right:0; z-index:-1;}
@media only screen and (max-width: 1920px){body.toppage main section.boxTop .blockContents p.bg-top img{ width:600px; }}
@media only screen and (max-width: 1920px){body.toppage main section.boxTop .blockContents p.bg-bottom{ width:600px; }}
@media only screen and (max-width: 1024px){body.toppage main section.boxTop .blockContents p.bg-top img{ width:400px; }}
@media only screen and (max-width: 1024px){body.toppage main section.boxTop .blockContents p.bg-bottom{ width:400px; }}
@media only screen and (max-width: 600px){body.toppage main section.boxTop .blockContents p.bg-top img{ width:300px; }}
@media only screen and (max-width: 600px){body.toppage main section.boxTop .blockContents p.bg-bottom{ width:300px; }}

body.toppage main section.boxTop .blockContents div{ width:1200px; margin:0 auto 20px; }
@media only screen and (max-width: 1024px){ body.toppage main section.boxTop .blockContents div{ width:90%; margin: 0 auto 30px;} }
@media only screen and (max-width: 1024px){ body.toppage main section.boxTop .blockContents div{ margin: 0 auto 10px;} }
body.toppage main section.boxTop .blockContents div:last-child{ margin-bottom:0px; }

body.toppage main section.boxTop .blockContents div:nth-of-type(1){ overflow:hidden;}
body.toppage main section.boxTop .blockContents div:nth-of-type(1) div:nth-of-type(1){ float:right; width:60%; position:relative; }
body.toppage main section.boxTop .blockContents div:nth-of-type(1) div:nth-of-type(2){ float:left; width:35%;}
@media only screen and (max-width: 600px){ body.toppage main section.boxTop .blockContents div:nth-of-type(1) div:nth-of-type(1){ float:none; width:100%; display:block; }}
@media only screen and (max-width: 600px){ body.toppage main section.boxTop .blockContents div:nth-of-type(1) div:nth-of-type(2){ float:none; width:100%; display:block; }}
/*body.toppage main section.boxTop .blockContents div:nth-of-type(1) div:nth-of-type(2) ul{ padding:100px 0 0 0; }
body.toppage main section.boxTop .blockContents div:nth-of-type(1) div:nth-of-type(2) ul li{ margin-bottom:20px;}*/

body.toppage main section.boxTop .blockContents div:nth-of-type(2){ overflow:hidden;}
body.toppage main section.boxTop .blockContents div:nth-of-type(2) div:nth-of-type(2){ float:right; width:35%; position:relative;}
@media only screen and (max-width: 600px){ body.toppage main section.boxTop .blockContents div:nth-of-type(2) div:nth-of-type(2){ float:none; width:100%; display:block;}}
body.toppage main section.boxTop .blockContents div:nth-of-type(2) div:nth-of-type(1){ float:left; width:60%; position:relative;}
@media only screen and (max-width: 600px){ body.toppage main section.boxTop .blockContents div:nth-of-type(2) div:nth-of-type(1){ float:none; width:100%; display:block;}}

body.toppage main section.boxTop .blockContents div:nth-of-type(3){ overflow:hidden;}
body.toppage main section.boxTop .blockContents div:nth-of-type(3) div:nth-of-type(1){ float:right; width:60%; position:relative;}
@media only screen and (max-width: 600px){ body.toppage main section.boxTop .blockContents div:nth-of-type(3) div:nth-of-type(1){ float:none; width:100%; display:block;}}
body.toppage main section.boxTop .blockContents div:nth-of-type(3) div:nth-of-type(2){ float:left; width:35%;}
@media only screen and (max-width: 600px){ body.toppage main section.boxTop .blockContents div:nth-of-type(3) div:nth-of-type(2){ float:none; width:100%; display:block;}}

/*body.toppage main section.boxTop .blockContents div div:nth-of-type(1) ul{ padding:100px 0 0 0; }*/

ul.topContents{ padding:100px 0 0 0; }
@media only screen and (max-width: 600px){ ul.topContents{ padding:0; }}
ul.topContents li{ margin-bottom:20px;}
@media only screen and (max-width: 600px){ ul.topContents li{ text-align:center; } }
ul.topContents li:nth-of-type(1){ font-family: 'Noto Sans JP', sans-serif; font-size:44px; }
@media only screen and (max-width: 1024px){ ul.topContents li:nth-of-type(1){ font-size:40px; } }
@media only screen and (max-width: 1024px){ ul.topContents li:nth-of-type(1){ font-size:34px; } }
ul.topContents li:nth-of-type(1):first-letter{  color: #4fc8b1;}
ul.topContents li:nth-of-type(2){ font-size:20px;}
@media only screen and (max-width: 1024px){ ul.topContents li:nth-of-type(2){ font-size:17px;} }
@media only screen and (max-width: 1024px){ ul.topContents li:nth-of-type(2) br{ display:none; } }
ul.topContents li:nth-of-type(3) a{ display:inline-block;
	background: rgb(76,200,174);
	background: linear-gradient(90deg, rgba(76,200,174,1) 0%, rgba(127,206,221,1) 100%);
	margin:0 auto; color:#fff; font-weight:700; line-height:1; text-decoration:none; padding:14px 30px 10px 30px; border-radius:24px;}
@media only screen and (max-width: 600px){ ul.topContents li:nth-of-type(3) a{ width: 160px; font-size: 14px; padding: 12px 0 10px 0;}}
.topContents_photo p{ position:relative; padding:30px 0 0 0;}
.topContents_photo p span{
	position: absolute;
    top: -10px;
    left: 20px;
    letter-spacing: 0.2em;
    font-family: 'Bebas Neue', cursive;
    font-size: 80px;
    color: #7bcdd9;
    line-height: 1.2;
    z-index: 10;}
@media only screen and (max-width: 600px){ .topContents_photo p span{ top: 0px; font-size: 50px; letter-spacing: 0.1em;}}
.topContents_photo p span:first-letter{ color: #4fc8b1;}

body.toppage main section.boxTop .blockWork{
	background: rgb(185,233,223);
	background: linear-gradient(90deg, rgba(185,233,223,1) 0%, rgba(201,235,241,1) 100%);
	/*background: rgb(76,200,174);
	background: linear-gradient(90deg, rgba(76,200,174,1) 0%, rgba(127,206,221,1) 100%);*/
	padding:100px 0;
	text-align:center;
	}
@media only screen and (max-width: 600px){ body.toppage main section.boxTop .blockWork{ padding:60px 0;} }
body.toppage main section.boxTop .blockWork h3{ margin:0 auto 100px; position:relative;}
@media only screen and (max-width: 600px){ body.toppage main section.boxTop .blockWork h3{ margin:0 auto 80px;} }
body.toppage main section.boxTop .blockWork h3:after{
    position: absolute;
    bottom: 0;
    left: 50%;
    content: "";
    width: 60px;
    height: 1px;
    margin-left: -30px;
    margin-bottom: -40px;
    background-color: #333;
}
@media only screen and (max-width: 600px){ body.toppage main section.boxTop .blockWork h3:after{ margin-bottom: -30px;}}
body.toppage main section.boxTop .blockWork h3 span:nth-of-type(1){ display:block; font-size:16px; font-weight:700;}
body.toppage main section.boxTop .blockWork h3 span:nth-of-type(2){ display:block; font-size:44px; font-family: 'Noto Sans JP', sans-serif; letter-spacing:0.1em; }
@media only screen and (max-width: 1024px){ body.toppage main section.boxTop .blockWork h3 span:nth-of-type(2){ font-size:40px;}}
@media only screen and (max-width: 1024px){ body.toppage main section.boxTop .blockWork h3 span:nth-of-type(2){ font-size:34px;}}

body.toppage main section.boxTop .blockWork div.workList{ width:1024px; margin:0 auto 60px; }
@media only screen and (max-width: 1024px){ body.toppage main section.boxTop .blockWork div.workList{ width:90%;}}
@media only screen and (max-width: 600px){ body.toppage main section.boxTop .blockWork div.workList{ margin:0 auto 40px;}}
body.toppage main section.boxTop .blockWork div.workList ul{ overflow:hidden; margin:0 -5% 0 0; } 
body.toppage main section.boxTop .blockWork div.workList ul li{ float:left; width:20%; margin:0 5% 0 0; }
@media only screen and (max-width: 600px){ body.toppage main section.boxTop .blockWork div.workList ul li{ float:left; width:45%; } }
body.toppage main section.boxTop .blockWork div.workList ul li a{ display:block; text-align:left; text-decoration:none; color:#333; }
body.toppage main section.boxTop .blockWork div.workList ul li a p:nth-of-type(1){ margin-bottom:20px;}
@media only screen and (max-width: 600px){ body.toppage main section.boxTop .blockWork div.workList ul li a p:nth-of-type(2){ margin-bottom:20px;} }
body.toppage main section.boxTop .blockWork div.workList ul li a p:nth-of-type(1) img{ width: 100%; height: 210px; object-fit: cover; object-position: 50% 50%; border:solid 6px #fff;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;}
@media only screen and (max-width: 600px){ body.toppage main section.boxTop .blockWork div.workList ul li a p:nth-of-type(1) img{ height: 160px;} }
body.toppage main section.boxTop .blockWork div.workList ul li a p:nth-of-type(2) span:nth-of-type(1){ display:block; margin:0 0 10px 0; text-decoration:none; font-size:12px;}
body.toppage main section.boxTop .blockWork div.workList ul li a p:nth-of-type(2) span:nth-of-type(1) em{ display:block; background-color:#666; color:#fff; padding:8px 10px 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
body.toppage main section.boxTop .blockWork div.workList ul li a p:nth-of-type(2) span:nth-of-type(2){ display:block;}
@media only screen and (max-width: 600px){ body.toppage main section.boxTop .blockWork div.workList ul li a p:nth-of-type(2) span:nth-of-type(2){ font-size:13px;} }

body.toppage main section.boxTop .blockWork div.workBtn a{
	display:inline-block;
	background-color:#fff;
	color: #6EA6AB;
	text-decoration:none;
	padding: 14px 30px 10px 30px;
    border-radius: 24px;
	}
@media only screen and (max-width: 600px){ body.toppage main section.boxTop .blockWork div.workBtn a{ width:160px; font-size: 14px; padding: 12px 0 10px 0;} }
body.toppage main section.boxTop .blockNews{
	background-color:#fff;
	padding:100px 0;
	text-align:center;
	}
@media only screen and (max-width: 600px){ body.toppage main section.boxTop .blockNews{ padding:60px 0;} }
body.toppage main section.boxTop .blockNews h3{ margin:0 auto 100px; position:relative;}
@media only screen and (max-width: 600px){ body.toppage main section.boxTop .blockNews h3{ margin:0 auto 80px; }}
body.toppage main section.boxTop .blockNews h3:after{
    position: absolute;
    bottom: 0;
    left: 50%;
    content: "";
    width: 60px;
    height: 1px;
    margin-left: -30px;
    margin-bottom: -40px;
    background-color: #333;
}
@media only screen and (max-width: 600px){ body.toppage main section.boxTop .blockNews h3:after{ margin-bottom: -30px;}}
body.toppage main section.boxTop .blockNews h3 span:nth-of-type(1){ display:block; font-size:16px; font-weight:700;}
body.toppage main section.boxTop .blockNews h3 span:nth-of-type(2){ display:block; font-size:44px; font-family: 'Noto Sans JP', sans-serif; letter-spacing:0.1em; }
@media only screen and (max-width: 1024px){ body.toppage main section.boxTop .blockNews h3 span:nth-of-type(2){ font-size:40px;}}
@media only screen and (max-width: 1024px){ body.toppage main section.boxTop .blockNews h3 span:nth-of-type(2){ font-size:34px;}}
body.toppage main section.boxTop .blockNews div.newsList{ width:1024px; margin:0 auto 60px;}
@media only screen and (max-width: 1024px){ body.toppage main section.boxTop .blockNews div.newsList{ width:90%;} }
@media only screen and (max-width: 1024px){ body.toppage main section.boxTop .blockNews div.newsList{ margin:0 auto 40px; } }
body.toppage main section.boxTop .blockNews div.newsList ul{ border-top: solid 1px #CCCCCC;}
body.toppage main section.boxTop .blockNews div.newsList ul li {
    border-bottom: solid 1px #CCCCCC;
    padding: 20px 0 16px;
    font-size: 15px;
	display: flex;
	align-items: center;
    /*justify-content: space-between;*/
	text-align:left;
}

body.toppage main section.boxTop .blockNews div.newsList ul li span:nth-of-type(1){ white-space:nowrap; margin-right:16px; }
body.toppage main section.boxTop .blockNews div.newsList ul li span:nth-of-type(1) em{ background-color:#E5E5E5; padding:7px 15px 5px; font-size:12px;}

body.toppage main section.boxTop .blockNews div.newsList ul li span:nth-of-type(2) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.toppage main section.boxTop .blockNews div.newsList ul li span:nth-of-type(3){
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.toppage main section.boxTop .blockNews div.newsBtn a{
	display:inline-block;
	background: rgb(76,200,174);
	background: linear-gradient(90deg, rgba(76,200,174,1) 0%, rgba(127,206,221,1) 100%);
	color:#fff;
	text-decoration:none;
	padding: 14px 30px 10px 30px;
    border-radius: 24px;
	}
@media only screen and (max-width: 600px){ body.toppage main section.boxTop .blockNews div.newsBtn a{ width:160px; font-size: 14px; padding: 12px 0 10px 0;} }	
body.toppage main section.boxTop .blockMap{}
	
body.toppage main section.boxTop .blockCompany{ text-align:center; padding:100px 0 0 0; margin:0 auto;}
@media only screen and (max-width: 1024px){ body.toppage main section.boxTop .blockCompany{ padding:60px 0 0 0;}}
body.toppage main section.boxTop .blockCompany ul{ display: inline-block; }
body.toppage main section.boxTop .blockCompany ul li{ margin:0 auto 30px;}
body.toppage main section.boxTop .blockCompany ul li:last-child{ margin-bottom:0px;}
body.toppage main section.boxTop .blockCompany ul li:nth-of-type(1){ width:290px;}
@media only screen and (max-width: 1024px){ body.toppage main section.boxTop .blockCompany ul li:nth-of-type(1){ width:200px;} }
body.toppage main section.boxTop .blockCompany ul li:nth-of-type(2){ letter-spacing:0.2em;}
body.toppage main section.boxTop .blockCompany ul li:nth-of-type(3) a{ display:inline-block; border:solid 3px #333; padding:16px 20px 12px 20px; font-size:24px; font-weight:700; color:#333; text-decoration:none;}
@media only screen and (max-width: 600px){ body.toppage main section.boxTop .blockCompany ul li:nth-of-type(3) a {
    font-size: 16px;
    padding: 12px 14px 10px;
    border: solid 2px #333;
}}